:root {
    --warning-color: #ff0000;
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

/* override */
.ns-popover-tooltip-theme .ns-popover-tooltip {
    margin-top: 9px !important;
}

div.spacer {
    height: 16px;
}

div.spacer.narrow {
    height: 8px;
}

.color-warning {
    color: var(--warning-color);
}

span.glyphicon, nav i.glyphicon, nav i.glyphicon:before, div.incidents i.glyphicon,div.incidents i.glyphicon:before {
    font-family: "Glyphicons Halflings";
}

.ngdialog-overlay {
    z-index: 1;
}

.ngdialog-content {
    z-index: 2;
}

.quickdate.quickdate-tz {
    vertical-align: middle;
    font-size: inherit;
    font-family: inherit;
}

/* Add text truncation for ui-select */
.ui-select-match-text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 95%;
}

.unselectable {
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

.selectable-text {
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    -webkit-touch-callout: default;
    -webkit-user-select: text;
}

span.form-control-emulator {
    background-color: #eeeeee !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.buttons-row {
    display: flex;
}

.buttons-row .spacer {
    flex-grow: 1;
}

.buttons-row button {
    flex-grow: 0;
}

header .cont {
    display: flex;
    align-items: center;
    max-height: 20px;
}

header .cont .headList {
    flex-grow: 1;
}

header .cont .ui-select-container {
    display: inline-block;
}

header .cont .ui-select-container .ui-select-match-text {
    padding-right: 12px;
}

nav ul li a {
    display: flex;
    align-items: center;
    line-height: unset;
}

.boxStatLeft {
    z-index: 4 !important;
}
.boxStatRight {
    z-index: 2 !important;
}

.boxStatTitle h2 {
    position: relative;
    white-space: nowrap;
}

.boxStatTitleText {
    display: inline-block;
    margin-right: 17px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: bottom;
}

.param.boxStatTitleIcon {
  left: -23px;
}

.graph {
    position: relative;
}
.graph_parent {
    position: absolute;
    left: 5px;
}

/*
.rickshaw_graph .detail .x_label {
    display: none;
}
*/

.graphInfoBox.graphInfoBoxCont {
    pointer-events: none;
    z-index: 10001;
    position: absolute;
    left: -23px;
    width: 180px;
    margin-left: -105px;
    opacity: 0;
    visibility: hidden;
	transition: opacity 0.25s linear, visibility 0.25s linear;
	-moz-transition: opacity 0.25s linear, visibility 0.25s linear;
	-o-transition: opacity 0.25s linear, visibility 0.25s linear;
	-webkit-transition: opacity 0.25s linear, visibility 0.25s linear;
}

.graphInfoBox.graphInfoBoxCont.active {
    opacity: 1;
    visibility: visible;
}

.graphPoint {
    pointer-events: none;
    position: absolute;
    z-index: 10000;
    background: white;
    margin-left: -8px;
    margin-top: -8px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
	transition: opacity 0.25s linear, visibility 0.25s linear;
	-moz-transition: opacity 0.25s linear, visibility 0.25s linear;
	-o-transition: opacity 0.25s linear, visibility 0.25s linear;
	-webkit-transition: opacity 0.25s linear, visibility 0.25s linear;
}

.graphPoint.active {
    opacity: 1;
    visibility: visible;
}

.rickshaw_graph .x_tick .title {
    bottom: -22px !important;
}

.x_tick:nth-last-child(2) > .title {
    right: 0;
}

.graphInfo {
    padding-top: 14px;
    left: 40px;
}

.graphInfo .graphParam .line {
    margin-left: 0;
}

.graphInfo .graphParam .line.disabled .action {
    color: rgba(0, 0, 0, 0.15);
}

.green-background {
    background-color: green;
}

.red-background {
    background-color: red;
}

.incorrectDates span a {
    border-color: red;
    color: red;
}

.draggable-modal-window {
    margin: 0 0 0 0 !important;
}

.draggable-modal-window-handle {
    cursor: move;

    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

.draggable-modal-window .modal-title {
    padding-right: 33px;
}

.form-control.ng-invalid {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.form-control.ng-invalid:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

div.bootstrap input.form-control.ng-pending,
div.bootstrap input.form-control.ng-pending:hover,
.form-control.ng-pending,
.form-control.ng-pending:hover {
    border-color: #f7c331;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

div.bootstrap input.form-control.ng-pending:focus,
.form-control.ng-pending:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f7c331;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f7c331;
}

.quickdate-error-text {
  text-align: left;
  margin-bottom: 5px;
  color: #dd3b30;
}

.quickdate-tz table.quickdate-calendar td.disabled-date {
  background-color: #dddddd;
  color: #cccccc;
}
.quickdate-tz table.quickdate-calendar td.disabled-date:hover {
  background-color: #dddddd;
  color: #cccccc;
  cursor: default;
}

.popup {
    margin: 0 0 0 0 !important;
}

.popupLeafDetailNarrow .ngdialog-content,
.popupAddHost .ngdialog-content,
.popupAddApp .ngdialog-content {
    width: 510px;
}

.popupLeafDetailWide .ngdialog-content,
.popupTrans .ngdialog-content {
    width: 840px;
}

.popupRevis .ngdialog-content {
    width: 511px;
}

.stdPopup510 .ngdialog-content {
    width: 510px;
}

.stdPopup560 .ngdialog-content {
    width: 560px;
}

.stdPopup840 .ngdialog-content {
    width: 840px;
}

.predicate-table {
    margin-bottom: 0 !important;
}

.predicate-table td path {
    font-size: 0;
}

predicate span,
.predicate-table td path span {
    font-size: 14px;
    white-space: nowrap;
}

.predicate-table td.controls {
    white-space: normal;
    max-width: 30px;
    min-width: 30px;
    width: 30px;
}

predicate-editable predicate-edit a {
    display: block;
}

.tab-pane {
    overflow-x: auto;
}

.popupLeafDetailNarrow .popupCont,
.popupLeafDetailWide .popupCont {
    padding: 0 24px 24px;
}

.table th {
    border-top-color: white;
}

.bootstrap .table th:last-child,
.bootstrap .table td:last-child {
    text-align: left;
}

.itemsList .inc:before {content:""; position:absolute; left:9px; top:16px; background:url(../images/levelIcons3.png) 0 no-repeat; width:25px; height:25px}
.itemsList .rule:before {content:""; position:absolute; left:9px; top:16px; background:url(../images/levelIcons3.png) -75px 0 no-repeat; width:25px; height:25px}
.itemsList .remind:before {content:""; position:absolute; left:9px; top:16px; background:url(../images/levelIcons3.png) -25px 0 no-repeat; width:25px; height:25px}
.itemsList .system:before {content:""; position:absolute; left:9px; top:16px; background:url(../images/levelIcons3.png) -50px 0 no-repeat; width:25px; height:25px}

.ruleTitle span.unread {font:13px/18px helveticaneuecyrbold, sans-serif;}
.ruleTitle span.read {font:13px/18px helveticaneuecyrregular, sans-serif;}
.ruleTitle span span {display: inline;}

.boxEv.high, .boxEvent.high {
    border-color:#e02622;
}

.boxEv.medium, .boxEvent.medium  {
    border-color:#eea210;
}

.boxEv.low, .boxEvent.low {
    border-color:#0dd2ab;
}

.boxEv.info, .boxEvent.info {
    border-color:#9ea5b9;
}

.boxEventTitle .popupClose {
    position: absolute;
    font-size: 43px;
    color: #575b67;
    cursor: pointer;
}

.boxEventTitle .popupClose:hover {
    color: #7f92ff;
}

.boxEventTitleLeft strong {
    display: flex;
    left: 30px;
    overflow: visible;
}

.boxEventTitleLeft strong:before {
    top: 9px;
}

.boxEv.high.boxEvVisit .boxEv.medium.boxEvVisit .boxEv.low.boxEvVisit {
    border-color: transparent;
}

.sort li.active a {
    background:#9ea5b9
}
.sort li.active a:hover, .sort li.active > a {
    background:#5566cf
}

.page1024 .boxTabsMidd ul {
    height: 36px;
}

.boxTabsMidd ul {
    height: 46px;
}

.boxTabsLarge li.disabled a {
    cursor: not-allowed;
    color: gray;
}

.boxTabsLarge li.active a {
    cursor: default;
}

.initial-white-space {
    white-space: normal !important;
}

.tx-tab {
    padding-top: 10px;
}

.table8 td:nth-child(1) {
    width:50%;
}

.table8 td:nth-child(2) {
    width:50%;
}

.boxEvent .boxTabsLarge ul.tabs4 li {
    width:25%;
}

.page1024 .appBox {
    min-width: 1120px;
}

.appBox {
    min-width: 1260px;
}

.scrolling-tabs ul.nav-justified {
    overflow: scroll;
}

.tagMenu.tagMenuWide li a {
    min-width: 85px;
}

.tagMenu li a {
    text-align: left;
}

.tagMenu li.disabled a {
  cursor: not-allowed;
  color: gray;
}

.tagMenu li.disabled:hover a,
.tagMenu li.disabled a:hover {
    color: gray !important;
}

.tagMenu.eventsTagMenu li a {
    width: 180px;
    min-width: 180px;
    text-align: center;
}

.refreshBtn {
    right: 0;
}

.rulesList .boxRule .move {
    height: 64px;
    width: 17px;
}

.rulesList .boxRule .boxRuleTop {
    margin-left: 17px;
    padding-left: 26px;
}

text {
    font-weight: 300;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
    font-size: 14px;
}

.node rect {
    fill: #fff;
    stroke-width: 1.5px;
}

.node div.spec {
    color: #333;
    width: 115px;
    height: 55px;
    overflow: hidden;
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.node div.spec.long-label {
    width: 155px;
    height: 87px;
}

.node.header div.spec {
    font-size: 16px;
    vertical-align: middle;
    font-weight: bold;
    cursor: default;
}

.node.header.action div.spec {
    cursor: pointer;
    white-space: normal;
}

.node.destination rect {
    stroke: #A1D79E;
}

.node.empty rect {
    stroke-width: 0px;
    width: 0;
    height: 0;
}

.node.source rect {
    stroke: #89C1D9;
}

.node.anomaly rect {
    stroke: #EAB1AF;
}

.node.action rect {
    stroke: #565962;
}

.edgePath path {
    stroke-width: 1.5px;
}

.edgePath.destination path {
    stroke: #A1D79E;
}

.edgePath.source path {
    stroke: #89C1D9;
}

.edgePath.anomaly path {
    stroke: #EAB1AF;
}

.node.selected image {
    width: 18px;
    height: 18px;
}

.node.deselected image {
    display: none;
}

.node image {
    width: 0;
    height: 0;
}

.node.empty.plus image {
    width: 18px;
    height: 18px;
}

.boxRuleInfo .refreshBtn {
    right: inherit;
    margin: 1px 0 0 7px;
}

.boxRule .boxRuleBott .editCommentBtn {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 8px;
    background: url(../imgs/edit_pencil.png) no-repeat;
    background-size: cover;
    cursor: pointer;
}

.boxRule .boxRuleBott .commentPlaceholder {
    color: #999;
    font-style: italic;
}

.boxRule .boxRuleBott .comment {
    margin-bottom: 16px;
    font-size: 112%;
}

.boxRule .boxRuleBott .comment, .boxRule .boxRuleBott .boxRuleBottCont > p {
    margin-right: 32px;
}

.inputBlocker {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100000;
    width: 100%;
    height: 100%;
}

.tagsUse, .tagsUse div.tag {
    position: relative;
}

.tagsUse .tag .tagDeleteIcon {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 2px;
    top: -8px;
    display: none;
    cursor: pointer;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.tagsUse .tag:hover .tagDeleteIcon {
    display: inherit;
}

.tx-btnGreenLight.disabled, .tx-btnGreenLight.disabled:hover,
.tx-btnGreen.disabled, .tx-btnGreen.disabled:hover,
.tx-btnBlue.disabled, .tx-btnBlue.disabled:hover {
    background:#b8b8b8;
    color:#fff;
}

.ui-select-container.ng-invalid .form-control,
.ui-select-container.ng-invalid .form-control:hover,
.ui-select-container.ng-invalid .form-control:focus,
.inp.ng-invalid, .inp.ng-invalid:hover, .inp.ng-invalid:focus {
    border-color:#df2526;
}

div.quickdate.ng-invalid, div.quickdate.ng-invalid:hover, div.quickdate.ng-invalid:focus,
isteven-multi-select.ng-invalid button[id], isteven-multi-select.ng-invalid button[id]:hover, isteven-multi-select.ng-invalid button[id]:focus,
div.bootstrap input.form-control.ng-invalid, div.bootstrap input.form-control.ng-invalid:hover, div.bootstrap input.form-control.ng-invalid:focus,
div.bootstrap select.form-control.ng-invalid, div.bootstrap select.form-control.ng-invalid:hover, div.bootstrap select.form-control.ng-invalid:focus {
    border-color: #df2526;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #df2526;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #df2526;
}

.popupRule {
    z-index: 999;
}

.anomaly-tag {
    white-space: normal;
}

.boxEventTitle .refreshBtn {
    color: #575b67;
}

.tx-btnSend.disabled, .tx-btnSend.disabled:hover,
.tx-btnSend.disabled, .tx-btnSend.disabled:hover {
    background:#b8b8b8;
    color:#fff;
}

.boxUser .formItem:nth-child(2) {
    max-width: 500px;
}

.boxContTitle h3 {
    font-size:17px;
    font-weight:bold;
    line-height:21px;
    letter-spacing:-0.3px
}

.boxUser .loginField {
    margin-bottom: 15px;
    font-size: 17px;
    word-break: break-word;
}

.boxUser .formItem:nth-child(1) .boxContTitle,
.boxUser .formItem:nth-child(2) .boxContTitle,
.boxUser .formItem:nth-child(3) .boxContTitle {
    margin-bottom: 24px;
}

.boxUser .formItem:nth-child(2) .boxContTitle.innerBoxContTitle {
    margin-bottom: 12px;
}

.boxUser .formItem table.notificationTable {
    margin-bottom: 12px;
}

.inp.disabled {
    border-color: #c4c4c4;
    color:#c4c4c4;
}

.inp.disabled:hover {
    border-color:#c4c4c4
}
.inp.disabled:focus {
    border-color:#c4c4c4
}

.btnCheck {
    width: 37px;
}

.boxContTitle h2 .active-tab {
    cursor: pointer;
    text-decoration: none;
    color: #0067f4;
}

.table41 {
    width:auto;
    max-width:100%
}
.table41 td {
    padding-top:9px;
    padding-bottom:9px;
    padding-right:20px
}

.table41 th {
    border-top-color: #dcdcdc;
}

.table41 .fixed-width {
    width: 150px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.report-webapps .multiSelect > button, .tx-log-filter-multi-select .multiSelect > button {
    text-align: left;
    width: 401px;
    box-sizing: border-box;
    border:2px solid #c4c4c4;
    border-radius:3px;
    font:18px helveticaneuecyrroman, sans-serif;
    color:#42454f;
    padding:7.5px 10px;
    background:none;
}

.report-webapps .multiSelect > button, .tx-log-filter-multi-select .multiSelect > button {
    text-align: left;
    width: 401px;
    box-sizing: border-box;
    border:2px solid #c4c4c4;
    border-radius:3px;
    font:18px helveticaneuecyrroman, sans-serif;
    color:#42454f;
    padding:7.5px 10px;
    background:none;
}

.report-webapps .multiSelect .buttonLabel, .tx-log-filter-multi-select .multiSelect .buttonLabel {
    padding: 0;
}

.report-webapps .multiSelect > button .caret, .tx-log-filter-multi-select .multiSelect > button .caret {
    position: absolute;
    right: 0;
    top: 18px;
}

.report-webapps .multiSelect .checkboxLayer, .tx-log-filter-multi-select .multiSelect .checkboxLayer {
    width: 399px;
}

.report-webapps .multiSelect .checkBoxContainer, .tx-log-filter-multi-select .multiSelect .checkBoxContainer {
    max-height: 300px;
    overflow: auto;
    width: 399px;
    box-sizing: border-box;
    padding: 0;
}

.report-webapps .multiSelect .clearButton, .tx-log-filter-multi-select .multiSelect .clearButton {
    padding: 0;
}

.downloadReport:before {
    background: url(../images/links.png) no-repeat;
    background-size: cover;
    content: "";
    position: absolute;
    left: -24px;
    top: -1px;
    width: 19px;
    height: 19px;
}

.downloadReport {
    position:relative;
    margin:0 21px 0 32px
}

.removeReport {
    text-decoration: none !important;
}

.removeReport .icon {
    font-size: 37px;
    vertical-align: middle;
    margin: 0 5px 0 0;
    position: relative;
    top: -1px;
    color: #bc6a66;
}

.removeReport:hover span {
    text-decoration: underline;
}

.boxEvent .tagMenu, .tx-tab .tagMenu {
    float: left;
    width: auto;
    padding-top: 15px;
    margin-right: 15px;
}
.boxEvent .tagMenu a, .tx-tab .tagMenu a {
    border-radius: 3px !important;
    border-color: #d1d2d6 !important;
    color: #a9a9ab;
    width: 120px;
    min-width: 120px;
}
.boxEvent .tagMenu:hover a, .tx-tab .tagMenu:hover a {
    color: #515558;
    border-color: #a2a2bc !important
}

.boxEvent .tagMenu li.selected a, .tx-tab .tagMenu li.selected a {
    color: #313fc6 !important;
}

.boxEvent .tagMenu li a.selected-value, .tx-tab .tagMenu li a.selected-value {
    color: #313fc6 !important;
}

.boxEvent .tagMenu li .clear-btn, .tx-tab .tagMenu li .clear-btn {
    display: inline-block;
    position: absolute;
    top: 7px;
    right: 7px;
    cursor: pointer;
}

.boxEvent .tagMenu li .clear-btn .clear-btn-pic, .tx-tab .tagMenu li .clear-btn .clear-btn-pic {
    color: #a9a9ab;
}

.boxEvent .sort.switcher, .tx-tab .sort.switcher {
    padding-top: 5px;
    padding-right: 0;
}

.boxEvent .boxEventInfo, .tx-tab .boxEventInfo {
    padding: 9px 0 9px;
}

.boxEventInfoLeft {
    width: 74%;
}

.boxEventInfoRight {
    width: 24%;
}

.tx-tab tx-log div.bootstrap .pagination > li:last-child {
    display: none;
}

tx-log .tx-log-controls-row {
    display: flex;
    align-items: center;
    margin: 8px 0 6px;
}

tx-log .tx-log-controls-row > div {
    flex-grow: 0;
    display: flex;
    padding: 0 4px;
}

/* order of next two blocks matters in case of only one child */
tx-log .tx-log-controls-row > div:last-child {
    padding-right: 0;
    margin-left: auto;
}

tx-log .tx-log-controls-row > div:first-child {
    padding-left: 0;
    margin-left: 0;
}

tx-log .tx-btn {
    background-color: #337ab7;
}

tx-log .tx-btn:hover {
    background-color: #286fab;
}

tx-log .tx-log-settings-columns .tx-btn {
    font: 12px/18px helveticaneuecyr, sans-serif;
    padding: 6px 12px;
}

tx-log .tx-log-find-by-uuid {
    display: flex;
    justify-content: center;
    align-items: center;
}

tx-log .tx-log-find-by-uuid > div {
    margin-left: 4px;
    margin-right: 4px;
}

tx-log .tx-log-find-by-uuid > div:last-child {
    margin-right: 0;
}

tx-log .tx-log-find-by-uuid > div:first-child {
    margin-left: 0;
}

tx-log .tx-log-find-by-uuid .inp {
    width: 270px;
}

tx-log .tx-log-find-by-uuid .inp:focus {
    border-color: #337ab7;
}

tx-log .tx-log-find-by-uuid .inp.not-found {
    color: #df2526;
    border-color: #df2526;
}

tx-log .tx-log-find-by-uuid .inp.ng-invalid,
tx-log .tx-log-find-by-uuid .inp.ng-invalid:focus,
tx-log .tx-log-find-by-uuid .inp.ng-invalid:hover {
    border-color: #df2526;
}

tx-log .tx-log-find-by-uuid .label-error {
    position: absolute;
    background-color: #df2526;
    color: white;
    font-size: 12px;
    left: 8px;
    right: 8px;
    text-align: center;
    border-radius: 3px;
    top: calc(100% - 4px);
}

tx-log .tx-log-page-size {
    display: flex;
    align-items: center;
}

tx-log .tx-log-page-size .tx-log-page-size-title {
    margin-right: 2px;
}

tx-log .tx-log-page-size .editable-wrap .editable-controls input.editable-input {
    width: 50px;
    height: 24px;
}

tx-log .tx-log-page-size .editable-wrap .editable-controls span.editable-buttons button.btn {
    height: 24px;
}

tx-log .tx-log-page-size .editable-wrap .editable-controls input.editable-input,
tx-log .tx-log-page-size .editable-wrap .editable-controls span.editable-buttons button.btn {
    padding: 0 4px;
}

tx-log .pagination {
    margin: 0 !important;
}

tx-log tr.pass {
    background-color: transparent;
}

tx-log tr.pass-by-rule {
    background-color: #efd;
}

tx-log tr.block {
    background-color: #fdd;
}

tx-log tr.rewrite {
    background-color: #fed;
}

tx-log td.loader {
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

tx-log td.loader img {
    height: 120px;
}

tx-log td.text-center, tx-log th.text-center {
    text-align: center;
}

tx-log .tx-log-filters {
    position: relative;
    padding: 0;
}

tx-log .tx-log-filters.opened .tx-log-filters-toggle {
    border-bottom: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

tx-log .tx-log-filters.opened .tx-log-filters-toggle:after {
    position: absolute;
    width: 100%;
    height: 4px;
    background: #fff;
    bottom: -2px;
    left: 0;
    content: '';
}

tx-log .tx-log-filters .tx-log-filters-content  {
    height: 0;
    overflow: hidden;
    padding: 0;
}

tx-log .tx-log-filters.opened .tx-log-filters-content {
    height: auto;
    padding: 8px 12px 0;
    border: 1px solid #d1d2d6;
    border-radius: 0 3px 3px 3px;
}

tx-log .tx-log-filters.opened .chooseDate {
    padding: 0;
}

tx-log .tx-log-filters-header {
    display: flex;
    align-items: center;
}

tx-log .tx-log-filters-header > div {
    flex-grow: 0;
}

/* order of next two blocks matters in case of only one child */
tx-log .tx-log-filters-header > div:last-child {
    margin-left: auto;
}

tx-log .tx-log-filters-header > div:first-child {
    margin-left: 0;
}

tx-log .tx-log-filters .tx-log-filters-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    border: 1px solid #d1d2d6;
    padding: 5px 14px;
    text-decoration: none;
    border-radius: 3px;
    color: #a9a9ab;
    text-align: center;
    position: relative;
    cursor: pointer;
}

tx-log .tx-log-filters .tx-log-filters-toggle .tx-log-filters-active-count {
    padding: 0 6px 0 4px;
}

tx-log .tx-log-filters .tx-log-filters-toggle .caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 9px solid #575b67;
    border-bottom: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: "";
}

tx-log .tx-log-filters.opened .tx-log-filters-toggle .caret {
    border-top: 0;
    border-bottom: 9px solid #575b67;
}

tx-log .tx-log-filters-column {
    flex: 0 0;
    flex-basis: 50%;
}

tx-log .tx-log-filters-column .tx-log-filter-container {
    margin-top: 10px;
    margin-bottom: 7px;
}

tx-log .tx-log-filter-container .tx-log-filter-multi-control-row {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

tx-log .tx-log-filter-container .tx-log-filter-multi-control-row .ui-select-container {
    flex-grow: 1;
}

tx-log .tx-log-filter-container .tx-log-filter-multi-control-row button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

tx-log .tx-log-filters-column-left .tx-log-filter-container {
    position: relative;
    margin-right: 10px;
    margin-left: 0;
}

tx-log .tx-log-filters-column-right .tx-log-filter-container {
    position: relative;
    margin-right: 0;
    margin-left: 10px;
}

tx-log .tx-log-filter-container > * {
    float: none !important;
}

tx-log .tx-log-filters-selector-container {
    display: flex;
    align-items: center;
}

tx-log .tx-log-filters-selector-container .multiSelect > button {
    min-height: 20px !important;
}

tx-log .tx-log-filter-container .tagMenu {
    padding-top: 0;
}

tx-log .tx-log-filter-container .sort {
    padding-top: 0;
}

tx-log .tx-log-filters-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 7px;
}

tx-log .tx-log-filter-multi-select .multiSelect > button {
    width: 100%;
}

tx-log .tx-log-filter-multi-select .multiSelect > button .caret {
    position: absolute;
    right: 12px;
    top: 18px;
}

tx-log .tx-log-filter-multi-select .multiSelect > .checkboxLayer > .checkBoxContainer label input {
    position: absolute;
}

tx-log .tx-log-filter-container > .form-group {
    margin-bottom: 0 !important;
}

tx-log .tx-log-filter-container .tagMenu {
    margin-right: 0;
}

tx-log .tx-log-filter-container .tagMenu li {
    float: none;
}

tx-log .tx-log-filter-container .tagMenu li a {
    width: 100%;
    box-sizing: border-box;
}

tx-log .tx-log-filter-container label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}

tx-log .tx-log-flag img {
    height: 16px;
}

tx-log .tx-log-export-container .tx-log-export-ask-transactions-number {
    display: flex;
    align-items: center;
    justify-content: center;
}

tx-log .tx-log-export-container .tx-log-export-ask-transactions-number > * {
    margin-left: 4px;
}

tx-log .tx-log-export-container .tx-log-export-ask-transactions-number > label {
    margin-left: 6px;
}

tx-log .tx-log-export-container .tx-log-export-ask-transactions-number .inp {
    width: 60px;
}

tx-log .tx-log-export-container .tx-log-export-ask-transactions-number .inp[disabled="disabled"] {
    background-color: #eeeeee;
    color: #555555;
}

.tx-log-export-window .load-progress {
    position: relative;
    width: 100%;
    background-color: #d3d3d3;
    border: 1px solid #a9a9a9;
    height: 10px;
}

.tx-log-export-window .load-progress .filler {
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
}

.tx-log-export-window .load-error pre {
    max-height: 120px;
}

.tx-log-export-window .modal-footer {
    display: flex;
}
.tx-log-export-window .modal-footer .buttons-left,
.tx-log-export-window .modal-footer .buttons-right {
    flex: 50%;
}

.tx-log-export-window .modal-footer .buttons-left {
    text-align: left;
}
.tx-log-export-window .modal-footer .buttons-right{
    text-align: right;
}

.copiable {
    cursor: copy;
}

.inp.inp-sm {
    padding: 4px 10px;
    border-width: 1px;
    color: #313fc6;
    font-size: 14px;
    height: 20px;
}

.module.row {
    border-bottom: 1px solid #ddd;
}

.module.row:hover {
    background-color: #eee;
}

.anomaly-suppressions-wrapper .table td:last-child, .anomaly-suppressions-wrapper .table th:last-child {
    text-align: left;
}

.ui-select-bootstrap .btn-default {
    background-image: none !important;
}

div.navBott a.active {
    color: #00def7 !important;
}

div.navBott a.active:after {
    position: absolute;
    content: "";
    z-index: 2;
    right: 0;
    top: 50%;
    border-width: 10px 10px 10px 0;
    border-color: transparent #555a67 transparent transparent;
    border-style: solid;
    margin: -10px 0 0
}

.boxEventTitle .boxLinksSmall li {margin-right:-1px;}
.boxEventTitle .boxLinksSmall li a {padding-left:14.5px; padding-right:14.5px}

.eventsTitle {
    padding-bottom: 59px;
    border-bottom:1px solid #c4c4c4;
}

.page1024 .eventsTitle {
    padding-bottom: 48px;
}

.bootstrap .table td.breakable, .table.table-bordered td.breakable, .tableInfo td.breakable {
    overflow: hidden;
    white-space: normal !important;
    word-break: break-all !important;
    word-wrap: break-word !important;
}

.bootstrap .table td.soft-breakable, .table.table-bordered td.soft-breakable, .tableInfo td.soft-breakable {
    overflow: hidden;
    white-space: normal !important;
}

section.breakable, div.breakable {
    overflow: hidden;
    white-space: normal !important;
    word-break: break-all !important;
    word-wrap: break-word !important;
}

div.soft-breakable {
    overflow: hidden;
    white-space: normal !important;
}

.errorWindow .errorSection:before {
    font-family: "Glyphicons Halflings";
    content: "\e114";
    float: left;
    margin-right: 10px;
}

.errorWindow .errorSection.collapsed:before {
    content: "\e080";
}


.progressWindow .progress {
    background-color: #9ea5b9;
    height: 20px;
}

.progressWindow .ngdialog-content {
    width: 500px;
    height: 20px;
    background-color: white;
}

.progressWindow .message {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    color: #00def7;
    cursor: pointer;
}

.menuLevel dl dd.linkRemoved a.linkActive {
    color: #cdd5f2;
}

.menuLevel dl dd.linkRemoved a.linkActive span {
    color: #dbdcb6;
}

.advParams {
    position: relative;
    padding: 0;
}

.advParams.opened .advHeader {
    border: none;
}

.advParams .advContent {
    height: 0;
    overflow: hidden;
    padding: 0;
}

.advParams.opened {
    border: 1px solid #d1d2d6;
    border-radius: 3px !important;
}

.advParams.opened .advContent {
    height: auto;
    padding-left: 12px;
    padding-right: 12px;
}

.events-sf-wrapper {
    position: relative;
    float: right;
    width: auto;
    padding: 15px 0 0 0;
    letter-spacing: -0.5px;
    vertical-align: middle;
}

.events-sf-header, .advParams .advHeader {
    display: block;
    border: 1px solid #d1d2d6;
    padding: 5px 14px;
    text-decoration: none;
    border-radius: 3px !important;
    color: #a9a9ab;
    text-align: center;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.events-sf-wrapper.opened .events-sf-header {
    height: 0;
    padding: 0;
    border: none;
}

.events-sf-header .caret, .advHeader .caret {
    position: absolute;
    right: 12px;
    top: 10px;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 9px solid #575b67;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: "";
}

.events-sf-content {
    display: flex;
    overflow: hidden;
    height: 0;
    border: none;
    border-radius: 3px !important;
}

.events-sf-wrapper.opened .events-sf-content {
    height: auto;
    border: 1px solid #575b67;
    overflow: visible;
}

.events-sf-content .events-sort {
    border-right: 1px solid #575b67;
    float: left;
    padding: 5px 0 16px 16px;
}

.events-sf-content .events-filter {
    float: right;
    padding: 5px 14px;
}

.events-sf-content .events-sort .events-sort-header, .events-sf-content .events-filter .events-filters-header {
    cursor: pointer;
    text-align: center;
    position: relative;
}

.events-sf-content .events-sort .events-sort-header {
    padding-right: 16px;
}

.events-sf-content .events-filter .events-filters-header .caret, .advParams.opened .advHeader .caret {
    position: absolute;
    right: -2px;
    top: 4px;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-bottom: 9px solid #575b67;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 0;
    content: "";
}

.advParams.opened .advHeader .caret {
    right: 12px;
    top: 10px;
    border-top: 0;
}

.events-sf-content .events-filter .events-filters-item {
    padding: 5px 0;
    text-align: right;
}

.events-sf-content .events-filter .events-filters-item .inp-sm {
    box-sizing: border-box;
    height: 28px;
}

.events-sf-content .events-filter .events-filters-item .sort {
    float: none;
    clear: none;
}

.events-sort ul {
    border-top: 1px solid #575b67;
}

.events-sort ul li {
    padding: 3px 40px 3px 10px;
    border: 1px solid #575b67;
    border-top-width: 0;
    position: relative;
    cursor: pointer;
}

.events-sort ul li:after {
    content: "\25B2";
    position: absolute;
    top: 3px;
    right: 10px;
    font-size: 12px;
}

.events-sort ul li.up:after {
    content: "\25BC";
}

.events-sort ul li.ui-sortable-helper {
    border-top-width: 1px;
}

.events-sort ul li.placeholder:after {
    content: "";
}

.events-sort ul li .events-sort-direction {
    width: 30px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 3px;
    cursor: pointer;
    z-index: 10;
}

.events-sort ul li.active {
    color: #fff;
    background-color: #5566cf;
}

.events-sort .events-sort-content {
    display: flex;
    padding-top: 10px;
}

.events-sort .events-sort-content>div {
    width: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.events-sort .events-sort-content>div span {
    cursor: pointer;
    font-size: 16px;
    padding: 0 6px;
}

.boxEvs .innerTitle {
    z-index: 3;
}

.boxEvStat {
    font-size: 16px !important;
    line-height: 20px !important;
    display: flex;
}

.boxEvStat .eventDescriptionTabs {
    /* settings for child elements */
    display: flex;
    flex-direction: column;
    /* settings for self as child of parent flex */
    flex-grow: 0;
    flex-shrink: 0;
    /* non-flex settings */
    width: 180px;
}

.boxEvStat .eventDescriptionTabs div {
    cursor: pointer;
    padding: 4px;
    margin: 2px 2px 2px 0;
    color: #575b67;
    border: 1px solid #ddddde;
}

.boxEvStat .eventDescriptionTabs div.active {
    color: #0067f4;
    border-width: 2px;
}

.boxEvStat .eventDescriptionContent {
    position: relative;
}

.boxEvStat .eventDescriptionContent > div {
    padding: 4px;
}

.boxEvStat .eventDescriptionContent div[event-tab="ip"] span:first-child,
.boxEvStat .eventDescriptionContent div[event-tab="actions"] span:first-child,
.boxEvStat .eventDescriptionContent div[event-tab="anomalies"] span:first-child,
.boxEvStat .eventDescriptionContent div[event-tab="modsec_rules"] span:first-child,
.boxEvStat .eventDescriptionContent div[event-tab="locations"] span:first-child {
    font-weight: bold;
}

.boxEvStat .updateButton {
    position: absolute;
    top: 16px;
    right: 16px;
    margin: 0;
    text-decoration: none;
    font-size: 35px;
}

.boxEvStat .updateButton a {
    color: #575b67;
}

.jsondiffpatch-value pre {
    padding: 2px !important;
    margin: 0 0 5px !important;
}

.jsondiffpatch-property-name {
    padding: 3px !important;
}

.jsondiffpatch-delta {
    width: 100%;
}

.jsondiffpatch-delta li {
    overflow-x: auto;
}

.label.label-warning {
    white-space: normal !important;
}

.lineGraf div {
    min-width: 9px;
}

.navBott {
    padding: 0;
    width: 100%;
}

#authuser-exit,
#authuser-settings {
    display: block;
    position: relative;
    height: 59px;
    line-height: 59px;
    font-family: helveticaneuecyrbold, sans-serif;
    color: #fff;
    padding: 0 0 0 60px;
    margin: 0;
}

#authuser-exit:hover,
#authuser-settings:hover {
    color: #00def7;
}

#authuser-exit .icon,
#authuser-settings .icon {
    position: absolute;
    left: 1.5px;
    top: 0;
    width: 57px;
    height: 59px;
    text-align: center;
}

.navTop {
    overflow: hidden;
}

.asideOpen #authuser-exit .icon,
.asideOpen #authuser-settings .icon {
    display: block;
}

#top-level-menu-bar .jspVerticalBar {
    width: 9px;
    margin-right: -9px;
    right: 9px;
    background: none;
}

#top-level-menu-bar .jspTrack {
    background: transparent;
    border-radius: 5px;
}

#top-level-menu-bar .jspDrag {
    background: #999999;
    border-radius: 5px;
}

.boxLinksSmall li.prevEventBtn {
    margin-right: 3px;
}

.boxLinksSmall li.prevEventBtn a {
    height: 18px;
    width: 6px;
    background-image: url(../imgs/prev.png);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center center;
}

.boxLinksSmall li.nextEventBtn {
    margin-left: 3px;
}

.boxLinksSmall li.nextEventBtn a {
    height: 18px;
    width: 6px;
    background-image: url(../imgs/next.png);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center center;
}

treecontrol.actionTree {
    position: relative;
    left: -20px;
}

treecontrol.actionTree.tree-classic li .tree-unselectable,
treecontrol.actionTree.tree-light li .tree-unselectable {
    color: #575b67;
}

treecontrol.actionTree li .tree-unselectable {
    cursor: pointer;
}

treecontrol.actionTree li.tree-leaf .tree-unselectable {
    cursor: default;
}

treecontrol .tree-label > span,
treecontrol .tree-label > a {
    word-break: break-all;
}

treecontrol .modifyPattern {
    display: inline-block;
    /*margin-left: 6px;*/
    /*font-weight: bold;*/
    cursor: pointer;
    font-size: 75%;
    vertical-align: middle;
    top: -1px;
    position: relative;
    border: 1px solid #575b67;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 6px;
}

.staticResources .glyphicon {
    color: #b27336;
}

.staticResources .collapseSwitch {
    font-size:75%;
    margin-right: 8px;
    cursor: pointer;
}

.actionsTab {
    padding-top: 16px;
    margin-left: -19px;
    margin-right: -19px;
}

.actionsTab .boxTabsLarge {
    padding-left: 16px;
    padding-right: 16px;
}

.actionsTab .businessActions,
.actionsTab .staticResources {
    padding-top: 4px;
    padding-left: 16px;
    padding-right: 16px;
}

.businessActions th {
    vertical-align: top !important;
}

.businessActions .superScript {
    position: relative;
    top: -0.5em;
    font-size: 80%;
    color: #d3d3d3;
}

.businessActions .actionId {
    font-size: 10px;
    line-height: 10px;
    color: #a0a0a0;
}

.businessActions .business-actions-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.businessActions .open-api-controls {
    display: flex;
    align-items: center;
    gap: 10px;
}

.businessActions .open-api-controls label {
    margin-bottom: 0;
}

.businessActions .action-box  a:hover,
.businessActions .action-box  a:focus {
    text-decoration: none !important;
}

.businessActions .sort li.active > a {
    color: white !important;
}

.businessActions .sort li > a:hover {
    color: #ddd !important;
}

.businessActions .finishedTasksTable {
    margin-bottom: 0 !important;
}

.businessActions .pagination {
    margin-top: 5px !important;
}

.settings-nav dl dd.active a:after {
    border-color:transparent #6c7383 transparent transparent;
}

.anomaly-suppressions-table {
    margin-bottom: 0 !important;
}

.actionsTab .table .pictCell {
    width: 50px;
    text-align: center !important;
}

.actionsTab .table .fixed-width {
    width: 200px;
    white-space: normal;
}

.actionsTab .table .fixed-width-100 {
    width: 100px;
    white-space: normal;
}

.actionsTab .table .fixed-width-150 {
    width: 150px;
    white-space: normal;
}

.actionsTab .table .fixed-width-200 {
    width: 200px;
    white-space: normal;
}

.web-app-action-editor tr td span {
    white-space: normal;
    word-break: break-all;
}

.autoCreatedParameterModelHelper {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 0;
    border-color: transparent #337ab7 transparent transparent;
}

.mlTaskAction.form-control[disabled] {
    cursor: default !important;
    background-color: white !important;
}

.pendingTasksTable td.status,
.periodicTasksTable td.result,
.finishedTasksTable td.result {
    width: 100%;
}

.tableWithMLTasksResults div.expandable {
    min-height: 40px;
    position: relative;
}

.tableWithMLTasksResults tr.statusOk {
    background-color: #ddffdd;
}

.tableWithMLTasksResults tr.statusFail {
    background-color: #ffdddd;
}

.tableWithMLTasksResults div.expandable.collapsed {
    max-height: 50px;
}

.tableWithMLTasksResults div.expandable.collapsed:after {
    content: '';
    height: 20px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);
    padding-right: 16px;
}

.tableWithMLTasksResults tr:hover div.expandable.collapsed:after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,#e6faf6 100%) !important;
}

.tableWithMLTasksResults tr.statusOk div.expandable.collapsed:after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,#ddffdd 100%);
}

.tableWithMLTasksResults tr.statusFail div.expandable.collapsed:after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,#ffdddd 100%);
}

.tableWithMLTasksResults div.expandable > div.expander,
.tableWithMLTasksResults div.expandable > div.collapser {
    width: 16px;
    height: 16px;
    text-align: center;
    vertical-align: center;
    cursor: pointer;
    line-height: 11px;
    z-index: 10;
}

.tableWithMLTasksResults div.expandable .expandable-content {
    display: block;
    margin-right: 20px;
}

.tableWithMLTasksResults div.expandable.collapsed > div.expander,
.tableWithMLTasksResults div.expandable.expanded > div.collapser {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #eee;
    border: 1px solid lightgray;
}

.tableWithMLTasksResults div.expandable.expanded > div.expander,
.tableWithMLTasksResults div.expandable.collapsed > div.collapser {
    display: none;
}

.tableWithMLTasksResults th .expander,
.tableWithMLTasksResults th .collapser {
    background-color: #eee;
    border: 1px solid lightgray;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
}

.mlTaskWarning {
    color: #dd3b30;
}

.celery-tree-wrapper ul {
    list-style: circle;
}
.celery-tree-wrapper li {
    margin-left: 20px;
}

.celery-tree-wrapper a.addNode {
    position: relative;
    left: 3px;
    bottom: 1px;
    font-weight: bold;
    text-decoration: none !important;
    font-family: helveticaneuecyrbold
}

.ns-popover-tooltip-theme {
    z-index: 1000 !important;
}

.field-tooltip {
    width: 10px;
    height: 10px;
    position: relative;
    bottom: 8px;
    display: inline-block;
    background: url(../images/question-mark-icon.png) no-repeat center center;
    background-size: contain;
    cursor: pointer;
}

.field-tooltip.lower {
    bottom: 4px;
}

.field-tooltip.inline {
    bottom: 0;
}

.sw-hint-close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 2px;
    top: 2px;
    background: url(../images/x-mark.png) no-repeat center center;
    background-size: contain;
    cursor: pointer;
}

.tx-btn:disabled {
    cursor: default;
    background-color: #bcbcbc;
}

.tx-btn:disabled:hover {
    background-color: #9da5ba;
}

a.tx-btn[disabled="disabled"] {
    pointer-events: none;
    border-color: gray;
    background-color: #bcbcbc;
    color: white;
}

.popupAddHost input:disabled {
    background-color: lightgray;
}

.zIndex_1 {
    z-index: 1;
}

.zindex_2 {
    z-index: 2;
}

.login-page-tenants-select {
    position: absolute;
    z-index: 100500;
    width: calc(100% + 20px);
    border: 2px solid #01d3ae;
    background-color: #42454f;
}

.login-page-tenants-select li {
    list-style: none;
    height: 18px;
    padding: 8px;
}

.login-page-tenants-select li:hover {
    background-color: #52555f;
}

.popup .table tr td .rollback,
.popup .table tr td .editLink {
    visibility:visible;
    opacity: 0.3;
}

.popup .table tr:hover td .rollback,
.popup .table tr:hover td .editLink {
    opacity: 1;
}

nowrap {
    white-space: nowrap;
}

.copyAnalyzerConfigBlock,
.analyzer-type-switch {
    margin-top: 10px;
}

.analyzer-type-switch + .copyAnalyzerConfigBlock {
    margin-top: 0;
}

.copyAnalyzerConfigBlock div,
.analyzer-type-switch div {
    height: 25px;
}

.staticResources .specificHeaders .input-group {
    width: 377px;
    max-width: 377px;
}

.staticResources .specificHeaders .form-control[disabled] {
    cursor: default;
}

.staticResources .specificHeaders .input-group .glyphicon {
    color: #222222;
}

.staticResources .specificHeaders .specificHeadersTitle,
.staticResources .urlPatternsTitle {
    margin-top: 16px;
}

.staticResources .specificHeaders pre {
    white-space: pre-wrap;
    word-break: normal;
    word-wrap: normal;
}

div[ng-controller="protocolValidationCtrl"] table {
    margin-bottom: 0 !important;
}

section[ng-controller="WebappSettingsCtrl"] > div > div.settings-form-fixed-width {
    width: 377px;
    max-width: 377px;
}

section[ng-controller="WebappSettingsCtrl"] > div > div > div.form-group {
    margin-bottom: 32px !important;
}

section[ng-controller="WebappSettingsCtrl"] h4 {
    width: 640px;
    max-width: 640px;
}

section[ng-controller="WebappSettingsCtrl"] div.delete-webapp-button-container {
    display: flex;
    justify-content: end;
}

.button-with-icon-state {
    position: relative;
}

.button-with-icon-state.in-progress:after,
.button-with-icon-state.success:after,
.button-with-icon-state:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255,255,255,0.5);
}

.button-with-icon-state.in-progress:after {
    content: '⏳';
}

.button-with-icon-state.success:after {
    content: '✅';
}

.button-with-icon-state.error:after {
    content: '❌';
}

.modsecConfigSection:before {
    font-family: "Glyphicons Halflings";
    content: "\e114";
    float: left;
    margin-right: 10px;
}

.modsecConfigSection.collapsed:before {
    content: "\e080";
}

.redActionId {
    color: red;
}

.bBtn.icon {
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

.settingsBoxCont .groupModulesSection:after {
    font-family: "Glyphicons Halflings";
    font-size: 10px;
    content: "\e114";
}

.settingsBoxCont .groupModulesSection.collapsed:after {
    content: "\e080";
}

.settingsBoxCont .boxRuleTitle {
    width: 34%;
}

.settingsBoxCont .boxRuleInfo {
    width: 64%;
}

.settingsBoxFooter {
    display: flex;
    justify-content: right;
}

.settingsBoxFooter > a {
    margin-left: 5px;
}

.settingsBoxFooter > a:first-child {
    margin-left: 0;
}

.position-relative {
    position: relative;
}

webapp-menu .menuLevel dl dd {
    position: relative;
    display: flex;
    align-items: center;
}

webapp-menu .move {
    left: unset;
    right: unset;
    top: unset;
    height: 42px;
    cursor: grab;
    z-index: 1000;
    flex-grow: 0;
    position: relative;
}

webapp-menu .menuLevel dl dd a {
    text-overflow: ellipsis;
    overflow: hidden;
    flex-grow: 1;
}

webapp-menu .menuLevel dl dd span {
    position: relative;
    right: unset;
    color:#dbdcb6;
    margin-left: 4px;
    flex-grow: 0;
}

div[ng-controller="protocolValidationCtrl"] a {
    white-space: normal !important;
}

.validation-two-string-arrays-modal-content mutable-array {
    display: block;
    max-height: 850px;
    max-height: calc(100vh - 260px);
    overflow: auto;
}

.editing-default-options-indicator .top-filler {
    height: 15px;
    display: block;
}

.editing-default-options-indicator .alert {
    margin-bottom: 0 !important;
}

.operation-and-revisions-control-buttons {
    display: flex;
    position: sticky;
    top: 58px;
    background-color: white;
    padding: 15px 0;
}

.operation-and-revisions-control-buttons .operation-control-buttons {
    flex-grow: 0;
}

.operation-and-revisions-control-buttons .middle-filler {
    flex-grow: 1;
}

.operation-and-revisions-control-buttons .revision-buttons-label {
    line-height: 34px;
    flex-grow: 0;
    padding-right: 15px;
}

.operation-and-revisions-control-buttons .revision-select {
    margin-left: 0;
    flex-grow: 0;
}

tx-decision-cell .cell-container {
    position: relative;
}

tx-decision-cell .cell-container .suppress-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.001;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 10px;
    text-align: center;
}

tx-decision-cell .cell-container:hover .transaction-decision.decision-block {
    visibility: hidden;
}

tx-decision-cell .cell-container .suppress-button:hover {
    opacity: 1;
}

tx-action-status-cell .transaction-action-status {
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

tx-action-status-cell .transaction-action-status.transaction-status-success {
    background-color: forestgreen;
}

tx-action-status-cell .transaction-action-status.transaction-status-logic_error {
    background-color: darkred;
}

tx-action-status-cell .transaction-action-status.transaction-status-validation_error {
    background-color: orange;
}

tx-action-status-cell .transaction-action-status.transaction-status-unknown {
    background-color: dimgray;
}

nav ul li a.link-sources-lists-targets:before {
    background-position: -399px 0;
}

nav ul li a.link-sources-lists-targets:hover:before,
nav ul li.active a.link-sources-lists-targets:before {
    background-position: -399px -59px;
}

.sources-lists-targets .innerTitle .tagMenu {
    display: inline-block;
}

.sources-lists-targets .innerTitle .addLink {
    margin-top: 24px;
}

.sources-lists-targets .innerTitle .showMenu {
    display: inline-block;
    padding: 18px 0 0 18px;
}

.sources-lists-targets .innerTitle .showMenu ul {
    z-index: 1;
}

.sources-lists-targets .innerTitleLeft,
.sources-lists-targets .innerTitleRight {
    height: 60px;
}

.sources-lists-targets .boxCont {
    background-color: #fcfcfc;
}

.sources-lists-targets .boxRule {
    background-color: #ffffff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
}

.sources-lists-targets .boxRule:hover {
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.45);
}

.sources-lists-targets .boxRuleTitle {
    width: 80%;
}

tx-extracted-value-spec-details tx-extracted-value-spec-predicate {
    display: block;
    padding-left: 4px;
    padding-bottom: 0.05px;
    border-radius: 8px;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: 8px;
    box-shadow: 0 0 2px rgb(0 0 0 / 35%);
}

tx-extracted-value-spec-details tx-extracted-value-spec-predicate {
    margin-left: 16px;
}

tx-extracted-value-spec-details .tx-extracted-value-spec-details-predicate-container > tx-extracted-value-spec-predicate {
    margin-left: 0;
}

.tx-extracted-value-spec-editor tx-extracted-value-spec-predicate {
    display: block;
    margin-bottom: 4px;
    padding: 4px 4px 2px;
    box-shadow: 0 0 2px rgb(0 0 0 / 35%);
}

tx-extracted-value-spec-predicate {
    cursor: default;
    position: relative;
}

tx-extracted-value-spec-predicate .predicate-edit-controls {
    position: absolute;
    top: 4px;
    right: 4px;
    background-color: rgba(255,255,255,0.7);

    display: flex;
}

tx-extracted-value-spec-predicate .predicate-edit-controls > a {
    margin-left: 4px;
}

tx-extracted-value-spec-predicate .predicate-form-controls {
    display: flex;
    justify-content: space-around;
    align-items: center;

    margin-bottom: 6px;
}

tx-extracted-value-spec-predicate .predicate-form-controls > * {
    cursor: pointer;
    width: 40%;
    height: 24px;

    display: flex;
    justify-content: center;
    align-items: center;

    border-radius: 8px;
    border: 0;
    box-shadow: 0 0 2px rgb(0 0 0 / 35%);
}

tx-extracted-value-spec-predicate .predicate-form-controls > .extracted-value-spec-edit-confirm {
    background-color: #0dd2ab;
}

tx-extracted-value-spec-predicate .predicate-form-controls > .extracted-value-spec-edit-confirm:disabled {
    background-color: unset;
}

tx-extracted-value-spec-predicate .predicate-form-controls > .extracted-value-spec-edit-cancel {
    background-color: lightgray;
}

.tx-extracted-value-spec-editor .token-expired .predicate-tip {
    margin-bottom: 5px;
}

.tx-extracted-value-spec-editor .token-expired .predicate-tip i.glyphicon {
    color: orange;
}

.tx-extracted-value-spec-editor .token-expired .predicate-fields label {
    margin-bottom: 0;
}

.tx-extracted-value-spec-editor .token-expired .predicate-fields div.predicate-path {
    margin-bottom: 5px;
}

tx-list-details table.table td:last-child {
    text-align: initial;
}

tx-list-details table.table {
    margin-bottom: 8px;
}

tx-list-details table.table td,
.tx-list-editor table.table td {
    vertical-align: top;
}

tx-list-details table.table td.element-description,
.tx-list-editor table.table td.element-description {
    white-space: normal;
    word-break: break-word;
}

tx-list-details table.table td.element-description pre {
    white-space: pre-wrap;
    word-break: break-word;
}

.tx-list-editor .tagMenu li a {
    color: #575b67;
    display: block;
    border: 1px solid #9ea5b9;
    padding: 5px 14px;
    text-decoration: none;
}

.tx-list-editor .tagMenu li a:hover {
    text-decoration: none;
}

.tx-list-editor .elements-header {
    position: relative;
}

.tx-list-editor .add-list-element {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

.tx-list-editor .add-list-element .tx-btn {
    padding-top: 2px;
    padding-bottom: 2px;
}

.tx-list-editor .add-list-element .add-link {
    color: #fff !important;
    background: #0dd2ab;
    float: right;
    width: auto;
    position: relative;
    padding-right: 12px !important;
    letter-spacing: -0.3px;
    padding-left: 8px !important;
    border: 2px solid #0dd2ab;
    font: 14px helveticaneuecyrroman, sans-serif;
    line-height: 18px;
    text-align: center;
}

.tx-list-editor .add-list-element .add-link:hover {
    background: #fff;
    color: #01d3ac !important;
}

.tx-list-editor .add-list-element .add-link .icon {
    font-size: 32px;
    vertical-align: middle;
    margin-right: 4px;
    position: relative;
    top: -1px;
}

.tx-list-editor a[data-toggle="collapse"]:before {
    font-family: "Glyphicons Halflings";
    content: "\e114";
    float: left;
    margin-right: 10px;
}

.tx-list-editor a[data-toggle="collapse"].collapsed:before {
    content: "\e080";
}

.tx-list-editor #append-table .collapse,
.tx-list-editor #append-table .collapsing,
.tx-list-editor #modify-table .collapse,
.tx-list-editor #modify-table .collapsing,
.tx-list-editor #remove-table .collapse,
.tx-list-editor #remove-table .collapsing {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

.tx-list-editor .innerTitle {
    padding-top: 8px;
    padding-bottom: 0;
}

.tx-list-editor #existing-elements .tagMenu {
    padding: 0;
    margin: 0;
}

.tx-list-editor .multiple-icon {
    position: relative;
    min-width: 0 !important;
    z-index: 0;
}

.tx-list-editor .multiple-icon .glyphicon {
    position: absolute;
}

.tx-list-editor .multiple-icon .glyphicon:nth-child(1) {
    position: relative;
    top: 4px;
    left: -9px;
    z-index: 3;
}

.tx-list-editor .multiple-icon .glyphicon:nth-child(2) {
    top: 3px;
    left: 17px;
    transform: scale(0.8);
    z-index: 2;
}

.tx-list-editor .multiple-icon .glyphicon:nth-child(3) {
    top: 0;
    left: 26px;
    transform: scale(0.6);
    z-index: 1;
}

.tx-list-editor #existing-elements .tagMenu > li.active,
.tx-list-editor #existing-elements .tagMenu > li.active a {
    background-color: #337ab7;
    color: white !important;
}

.tx-list-editor #existing-elements .tagMenu > li.active a:hover,
.tx-list-editor #existing-elements .tagMenu > li.active a:visited,
.tx-list-editor #existing-elements .tagMenu > li.active a:active,
.tx-list-editor #existing-elements .tagMenu > li.active a:focus {
    text-decoration: none;
}

.tx-list-editor #existing-elements .tagMenu > li > a.no-action {
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    padding-left: 6px;
    padding-right: 4px;
}

.tx-list-editor #existing-elements .tagMenu > li > a.narrow {
    min-width: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.tx-list-editor .innerTitle .innerTitleRight .form-control {
    width: unset;
    display: inline-block;
    height: 30px;
    padding: 3px;
}

.tx-list-editor .innerTitle .innerTitleRight a[data-target="#elements-filters"] {
    text-decoration: none;
    padding-left: 4px;
}

.tx-list-editor .innerTitle .innerTitleRight a[data-target="#elements-filters"]:before {
    display: none;
}

.tx-list-editor .innerTitle .innerTitleRight a[data-target="#elements-filters"]:after {
    font-family: "Glyphicons Halflings";
    content: "\e114";
    display: inline-block;
    position: relative;
    top: 2px;
}

.tx-list-editor .innerTitle .innerTitleRight a[data-target="#elements-filters"].collapsed:after {
    content: "\e080";
    top: 1px;
}

.tx-list-editor #elements-filters {
    position: absolute;
    background-color: white;
    width: 200px;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

.tx-list-editor #elements-filters .form-group {
    margin: 8px 8px 8px 8px;
}

.tx-list-editor #elements-filters .checkbox {
    margin-top: 4px;
    margin-bottom: 4px;
    vertical-align: middle;
}

.tx-list-editor #elements-filters .checkbox input[type="checkbox"] {
    bottom: 4px;
}

.tx-list-editor #elements-filters .checkbox label span {
    display: inline-block;
    height: 20px;
    vertical-align: middle;
}

.tx-list-editor #elements-filters .form-control {
    height: 20px;
    width: 100%;
}

.tx-list-editor #elements-filters .quickdate .chooseDateItem a.date:hover,
.tx-list-editor #elements-filters .quickdate .chooseDateItem a.date:focus {
    text-decoration: none;
    border-bottom-color: inherit;
    border-bottom-style: solid;
}

.tx-list-editor #elements-filters .date-picker-container {
    height: 20px;
}

.tx-list-editor #elements-filters .quickdate {
    top: -8px;
}

.tx-list-editor #elements-filters .quickdate .chooseDateItem {
    position: relative;
    top: 0;
}

.tx-list-editor #elements-filters .quickdate .chooseDateItem a.time {
    display: none;
}

.tx-list-editor #elements-filters .quickdate-popup {
    right: 0;
}

.tx-list-editor #elements-filters .manually-added-filter a {
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 4px;
}

.tx-list-editor #elements-filters .manually-added-filter a.active {
    background-color: #337ab7;
    color: white;
}

.tx-list-editor #elements-filters .dropdown-toggle {
    height: 20px;
}

.tx-list-editor #elements-filters .dropdown-toggle,
.tx-list-editor #elements-filters .dropdown-menu > li > a {
    padding: 0 8px;
    line-height: 17px;
}

.tx-list-editor #elements-filters .dropdown-toggle > translate,
.tx-list-editor #elements-filters .dropdown-menu > li > a > span {
    font-size: 12px;
}

.tx-list-editor #elements-filters .dropdown-menu {
    min-width: 0;
}

.tx-list-editor .innerTitle .innerTitleRight .sort-direction-container > button {
    width: 30px;
    height: 30px;
}

.tx-list-editor .innerTitle .innerTitleRight .sort-direction-container > button.active {
    background-color: #337ab7;
    color: white;
}

.tx-list-editor div.bootstrap table.table {
    margin-bottom: 4px;
}

.tx-list-editor table.table tr.marked-to-remove,
.tx-list-editor table.table tr.marked-to-remove:hover td {
    color: initial;
    background-color: #d9534f;
    text-decoration: line-through black;
}

.tx-list-editor table.table tr.modified,
.tx-list-editor table.table tr.modified:hover td {
    color: initial;
    background-color: #f7c331;
}

.tx-list-editor table.table td:last-child {
    text-align: initial;
}

.tx-list-editor table.table td.element-description pre {
    margin: 0;
    padding: 0;
    background-color: initial;
    border: initial;
    white-space: pre-wrap;
}

.tx-list-editor table.table td button.btn-sm {
    padding: 2px 4px 1px 5px;
}

.tx-list-editor .table-header-for-checkbox {
    width: 30px;
}

.tx-list-editor .table-header-for-controls {
    width: 40px;
}

.tx-list-editor .table-header-for-controls.with-edit {
    width: 67px;
}

.tx-list-editor div.bootstrap .pagination {
    margin: 0;
}

.actions-chains .actions-chains-list {
    margin: 10px;
}

.actions-chains .actions-chains-list h4 {
    margin-top: 16px;
}

.actions-chains .actions-chain .chain-index {
    color: #a0a0a0;
}

.actions-chains .actions-chain .chain-index::after {
    content: '.';
}

.actions-chains .actions-chain .action-name {
    display: inline-block;
    vertical-align: text-bottom;  /* This is needed in combination with display and overflow settings to prevent text moving up */
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 480px;
    white-space: nowrap;
}

.actions-chains .actions-chain .action-chain-parameters {
    margin-left: 10px;
    margin-bottom: 5px;
    padding: 5px 10px;
    border: 1px solid #a0a0a0;
    position: relative;
}

.actions-chains .actions-chain .action-chain-parameters::before {
    content: '';
    position: absolute;
    top: -4px;
    left: -8px;
    width: 8px;
    height: 12px;
    border-left: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
}

.actions-chains .actions-chain .action-chain-parameters .parameter-container {
    display: flex
}

.actions-chains .actions-chain .action-chain-parameters span {
    display: inline;
    overflow: visible;
}

.actions-chains .actions-chain .action-chain-parameters span.parameter-name {
    white-space: nowrap;
    margin-right: 4px;
}

.actions-chains .actions-chain .action-chain-parameters span.parameter-value {
    word-break: break-all;
}

.brute-force-detector-settings .brute-force-detector-settings-container,
.bot-detector-settings .bot-detector-container {
    margin: 10px;
    overflow-x: auto;
}

.brute-force-detector-settings .brute-force-detector-settings-dual-table.table tr:hover td {
    background-color: unset;
}

.brute-force-detector-settings .settings-display {
    cursor: pointer;
    color: #337ab7;
}

.brute-force-detector-settings .settings-display.restricted {
    background-color: #f0f0f0;
    color: #575b67;
}

.brute-force-detector-settings .settings-display:hover {
    background-color: #d3d3d3;
}

.brute-force-detector-settings .settings-loader {
    background: url(../imgs/loader-larger.gif) no-repeat center;
    background-size: contain;
    cursor: default;
}

.brute-force-detector-settings .action-name-cell,
.brute-force-detector-settings .source-name-cell {
    min-width: 40px;
    max-width: 240px;
}

.brute-force-detector-settings .source-name-cell,
.brute-force-detector-settings td.source-name-cell:last-child,
.brute-force-detector-settings .action-source-cell,
.brute-force-detector-settings td.action-source-cell:last-child {
    text-align: center;
}

.brute-force-detector-settings .table td.action-name-cell {
    vertical-align: middle;
}

.brute-force-detector-settings .table td.action-source-cell {
    padding: 0;
    vertical-align: middle;
}

.brute-force-detector-settings .action-source-cell > div {
    height: 40px;
    line-height: 40px;
}

section.sessions-tab-content div div h3 {
    margin-top: 0;
    margin-bottom: 0;
}

.sessions-tab-content table .controls-header {
    width: 89px;
}

session-tracking-settings h3 {
    display: flex;
}

session-tracking-settings div.for-web-app {
    padding: 15px;
}

session-tracking-settings div.for-settings h3 {
    margin: 0;
}

session-tracking-settings h3 a.add-link {
    border: 2px solid #0dd2ab;
    border-radius: 3px;
    color: #0dd2ab;
    width: 25px;
    height: 24px;
    margin-left: 8px;

    display: flex;
    align-content: center;
    justify-content: center;
    overflow: hidden;
}

session-tracking-settings h3 a.add-link:hover {
    color: #fff !important;
    background: #0dd2ab;
}

session-tracking-settings h3 a.add-link i.icon {
    display: inline-block;
    font-size: 32px;
    line-height: 20px;
    width: 17px;
}

session-tracking-settings div.loader {
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

session-tracking-settings div.loader img {
    height: 120px;
}

session-tracking-settings .filters-container {
    display: flex;
    align-items: center;
    margin: 8px 0 6px;
    font-size: 18px;
    line-height: 18px;
}

session-tracking-settings .filters-container > div {
    flex-grow: 0;
    display: flex;
    padding: 0 4px;
}

session-tracking-settings .filters-container > div:first-child {
    padding-left: 0;
    margin-left: 0;
}

session-tracking-settings .filters-container > div.separator {
    height: 28px;
    width: 0;
    border-left: 1px solid #d3d3d3;
    padding: 0;
    margin: 0 4px;
}

session-tracking-settings .filters-container > div.webapp-filter-select-container {
    flex-grow: 1;
}

session-tracking-settings .filters-container > div.webapp-filter-select-container > div.ui-select-container {
    width: 100%;
}

session-tracking-settings .attribute-header {
    display: flex;
    align-items: center;
    margin-top: 12px;
    margin-bottom: 4px;
}

session-tracking-settings .attribute-header .btnCheck {
    box-sizing: content-box !important;
    margin-left: 0;
}

session-tracking-settings .attribute-header .btnCheck.unavailable {
    background-color: #d3d3d3;
    cursor: not-allowed;
}

session-tracking-settings .attribute-header h4 {
    margin: 0 0 0 8px !important;
}

session-tracking-settings .attribute-header .remove-container {
    margin-left: 8px;
}

session-tracking-settings .attribute-header .remove-link,
session-tracking-settings .attribute-header .remove-link:hover {
    color: red;
    display: none;
}

session-tracking-settings .attribute-header:hover .remove-link {
    display: unset;
}

session-tracking-settings .attribute-description {
    line-height: 20px;
}

session-tracking-settings .attribute-description > span:after {
    content: '.';
}

session-tracking-settings .attribute-description span.value {
    white-space: nowrap;
    background: #f8f8f8;
    border: 1px solid;
    border-radius: 4px;
    padding: 0 4px;
}

.session-attribute-editor .input-group {
    margin-bottom: 10px;
}

.session-attribute-editor hr {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.overview-dashboard-management-container {
    padding: 16px;
    margin-bottom: 19px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

.overview-dashboard-management-container .overview-dashboard-management {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.overview-dashboard-management-container .ui-select-container {
    display: inline-block;
    width: 200px;
}

.overview-dashboard-management-container .ui-select-container input {
    width: 100% !important;
}

.overview-dashboard-management-container .overview-dashboard-management-button {
    position: relative;
    top: 5px;
    font-size: 20px;
    cursor: pointer;
}

.overview-dashboard-management-container .overview-dashboard-management-button.disabled {
    color: gray;
    cursor: not-allowed;
}

.overview-dashboard-management-container .overview-dashboard-settings {
    margin-top: 20px;
}

.overview-dashboard-management-container .overview-dashboard-settings .overview-dashboard-name-form {
    min-height: 40px;
    display: flex;
    align-items: center;
}

.overview-dashboard-management-container .overview-dashboard-settings .overview-dashboard-name-form .dashboard-name-title {
    margin-right: 10px;
}

.overview-dashboard-management-container .overview-dashboard-settings .overview-dashboard-name-form .dashboard-name-editor {
    word-break: break-all;
}

.overview-dashboard-management-container .overview-dashboard-settings .overview-dashboard-name-form input {
    width: 400px;
}

.overview-dashboard-management-container .overview-dashboard-settings .overview-dashboard-settings-lists-container {
    display: flex;
}

.overview-dashboard-management-container .overview-dashboard-settings .overview-dashboard-settings-lists-container div .list-title {
    margin-bottom: 8px;
}

.overview-dashboard-management-container .overview-dashboard-settings .overview-dashboard-settings-lists-container .list-container {
    margin-right: 10px;
    width: 250px;
    height: 256px;
    overflow: auto;
}

.overview-dashboard-management-container .overview-dashboard-settings .overview-dashboard-settings-lists-container .list-container .select-container {
    height: 230px;
}

.overview-dashboard-management-container .overview-dashboard-settings .overview-dashboard-settings-lists-container .list-container .select-container select {
    vertical-align: middle;
    padding: 6px;
    overflow: auto;
    width: 100%;
    height: 100%;
}

.overview-dashboard-management-container .overview-dashboard-settings .overview-dashboard-settings-lists-container .buttons-container {
    margin-right: 10px;
    height: 256px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.overview-dashboard-management-container .overview-dashboard-settings .overview-dashboard-settings-lists-container .buttons-container button {
    display: block;
    margin: 6px;
}

.overview-dashboard-management-container .overview-dashboard-settings .overview-dashboard-settings-lists-container .custom-dashboards-list-container {
    height: 250px;
    max-width: 250px;
    margin-left: 20px;
}

.overview-dashboard-management-container .overview-dashboard-settings .overview-dashboard-settings-lists-container .custom-dashboards-list-container .custom-dashboards-list {
    height: 230px;
    overflow-y: auto;
}

.overview-dashboard-management-container .overview-dashboard-settings .overview-dashboard-settings-lists-container .custom-dashboards-list-container .custom-dashboards-list .bold {
    font-weight: bold;
}

.overview-dashboard-management-container .overview-dashboard-settings .overview-dashboard-settings-lists-container .custom-dashboards-list-container .custom-dashboards-list div {
    position: relative;
    margin-left: 16px;
    word-break: break-all;
    cursor: pointer;
}

.overview-dashboard-management-container .overview-dashboard-settings .overview-dashboard-settings-lists-container .custom-dashboards-list-container .custom-dashboards-list div:nth-child(odd) {
    background-color: #f0f0f0;
}

.overview-dashboard-management-container .overview-dashboard-settings .overview-dashboard-settings-lists-container .custom-dashboards-list-container .custom-dashboards-list div:nth-child(even) {
}

.overview-dashboard-management-container .overview-dashboard-settings .overview-dashboard-settings-lists-container .custom-dashboards-list-container .custom-dashboards-list .bold::before {
    content: '\e092';
    font-family: 'Glyphicons Halflings';
    position: absolute;
    left: -20px;
}

.overview-bottom-controls-container {
    padding: 16px;
    margin-top: 19px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

.overview-dashboard-top-pagination .overview-pagination {
    display: inline-flex;
    float: right;
}

.overview-pagination {
    height: 38px;
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.overview-pagination button {
    margin: 6px;
    width: 38px;
    height: 38px;
}

.overview-dashboard-top-pagination .overview-pagination button {
    height: 34px;
}

.overview-pagination .page-number {
    margin: 6px;
    height: 40px;
}

div.modal-body[name$=TaskEdit] ul.sort li > a {
    background: #9ea5b9;
    color: #fff;
}

div.modal-body[name$=TaskEdit] ul.sort li.active > a {
    background: #5566cf;
}

div.modal-body[name$=TaskEdit] ul.sort li > a:hover {
    background-color: #7985c4;
}

div.modal-body[name$=TaskEdit] ul.sort li.active > a:hover {
    background-color: rgba(121, 133, 196, 0.8);
}

div.modal-body[name$=TaskEdit] textarea.vertical-resize{
    resize: vertical;
}