/*Open Sans font*/
@font-face {font-family: 'Open Sans'; src: url('/inetpub/font/opensans-bold.eot'); src: local('Open Sans Bold'), local('opensans-bold'), url('/inetpub/font/opensans-bold.eot?#iefix') format('embedded-opentype'), url('/inetpub/font/opensans-bold.woff') format('woff'), url('/inetpub/font/opensans-bold.ttf') format('truetype'); font-weight: bold; font-style: normal;}
@font-face {font-family: 'Open Sans'; src: url('/inetpub/font/opensans-regular.eot');	src: local('Open Sans Regular'), local('opensans-regular'),	url('/inetpub/font/opensans-regular.eot?#iefix') format('embedded-opentype'),	url('/inetpub/font/opensans-regular.woff') format('woff'), url('/inetpub/font/opensans-regular.ttf') format('truetype'); font-weight: normal;	font-style: normal;}
@font-face {font-family: 'Open Sans';	src: url('/inetpub/font/opensans-semibold.eot'); src: local('Open Sans SemiBold'), local('opensans-semibold'), url('/inetpub/font/opensans-semibold.eot?#iefix') format('embedded-opentype'),	url('/inetpub/font/opensans-semibold.woff') format('woff'),	url('/inetpub/font/opensans-semibold.ttf') format('truetype'); font-weight: 600; font-style: normal;}
@font-face {font-family: 'Open Sans';	src: url('/inetpub/font/opensans-italic.eot'); src: local('Open Sans Italic'), local('opensans-italic'), url('/inetpub/font/opensans-italic.eot?#iefix') format('embedded-opentype'),	url('/inetpub/font/opensans-italic.woff') format('woff'),	url('/inetpub/font/opensans-italic.ttf') format('truetype'); font-weight: normal; font-style: italic;}
@font-face {font-family: 'Material Icons'; font-style: normal;  font-weight: 400; src: url('/inetpub/font/materialicons-regular.eot');  src: local('Material Icons'),  local('materialicons-regular'), url('/inetpub/font/materialicons-regular.woff2') format('woff2'), url('/inetpub/font/materialicons-regular.ttf') format('truetype');}

html, body, input, select, textarea {font-family: 'Open Sans'; font-size: 15px;}
iframe {border:none;}

.container-fluid {max-width: 1800px; padding-left: 32px; padding-right: 32px;}
@media (max-width:575px)  {
.container-fluid {padding-left: 8px; padding-right: 8px;}
}
.container-fluid > .container-fluid {padding-left: 0px; padding-right: 0px;}

/* 1600 col extension*/
@media(min-width:1600px){.d-xga-none{display:none!important}.d-xga-block{display:block!important}.col-xga{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xga-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xga-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xga-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xga-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xga-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xga-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xga-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xga-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xga-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xga-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xga-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xga-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xga-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}

/*Material Icons font*/
.mi,.material-icons {font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none;   letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';}
/* Rules for sizing the icon. */
.mi-10,.md-10 {font-size: 10px;}.mi-11,.md-11 {font-size: 11px;}.mi-12,.md-12 {font-size: 12px;}.mi-13,.md-13 {font-size: 13px;}.mi-14,.md-14 {font-size: 14px;}.mi-15,.md-15 {font-size: 15px;}.mi-16,.md-16 {font-size: 16px;}.mi-17,.md-17 {font-size: 17px;}.mi-18,.md-18 {font-size: 18px;}.mi-19,.md-19 {font-size: 19px;}.mi-20,.md-20 {font-size: 20px;}.mi-21,.md-21 {font-size: 21px;}.mi-22,.md-22 {font-size: 22px;}.mi-23,.md-23 {font-size: 23px;}.mi-24,.md-24 {font-size: 24px;}.mi-25,.md-25 {font-size: 25px;}.mi-26,.md-26 {font-size: 26px;}.mi-27,.md-27 {font-size: 27px;}.mi-28,.md-28 {font-size: 28px;}.mi-29,.md-29 {font-size: 29px;}.mi-30,.md-30 {font-size: 31px;}.mi-31,.md-31 {font-size: 31px;}.mi-32,.md-32 {font-size: 32px;}.mi-50,.md-50 {font-size: 50px;}

/*hide clear value button in IE*/
input::-ms-clear {display: none;}

.hiddenItemTable {display: none;} /*don't use in new code*/
.hidden {display: none;}

.min-h-100 {min-height: 100%;}

/* APEX cards */
.w-100 > table.formlayout {width: 100%;}
.region-50 > table.formlayout {width: 50%;}
.card-column-2 {padding-bottom: 46px;}
.in-iframe .card-column-2 {padding-bottom: 0px;}
.card-region table.formlayout {width: 100%; table-layout: fixed;}
.card-td-field {padding: 0 0 16px 0; width: 25%; position: relative;}
.card-td-field-16 {width: 16%;}
.card-td-field-75 {width: 75%;}
.card-td-label {padding: 0 30px 16px 0; width: 25%;}
.card-td-label-16 {width: 16%;}
.card-td-label-right {padding-left: 30px;}
.card-head .col {line-height: 24px;}
.card-td-label-header label {padding: 0; display: inherit;}
.flex-valign-middle {display: flex; justify-content: center; flex-direction: column;}
.table-valign-middle td{vertical-align: middle;}
.card-table td {text-align:left; padding: 15px 0;}
.card-table:not(.table-report) .card-table-head td {padding-top: 0;}
.table-report.card-table .dropdown-toggle {position: relative; width: 100%; top: auto;}
.table {color: inherit;}
.table-report table td {white-space: normal;word-break: keep-all;}
.td_wrapped {max-width: clamp(40ch, 50vw, 100ch);max-inline-size: clamp(20ch, 25vw, 50ch);overflow-wrap: break-word;word-break: break-word;white-space: normal;}
@media screen and (max-width: 480px) {.td_wrapped {max-width: 90vw;max-inline-size: 90vw;}}
@media screen and (min-width: 481px) and (max-width: 1024px) {.td_wrapped {max-width: clamp(25ch, 60vw, 80ch);max-inline-size: clamp(20ch, 40vw, 60ch);}}
@media screen and (min-width: 1025px) {.td_wrapped {max-width: clamp(40ch, 50vw, 100ch);max-inline-size: clamp(20ch, 25vw, 50ch);}}
a:hover {text-decoration: none;}
.card-dyn-table {border-collapse:collapse;}
.card-dyn-table td.card-td-label {padding:0 8px;}
.card-dyn-table td.card-td-label-right {padding-left: 16px;}
.card-dyn-table td.card-td-field {padding:10px 0;}
.card-dyn-table td {border-top: 1px solid; border-bottom: 1px solid; vertical-align: middle;}
.card-dyn-table td:first-child {border-left: 1px solid;}
.card-dyn-table td:last-child {border-right: 1px solid;}
.card-dyn-table table td {border: none !important;}
.card-dyn-table .card-td-field {width: 35%;}
.card-dyn-table .card-td-label {width: 15%;}
.card-dyn-table > tbody > tr > td:first-child {width: 95%; padding: 10px 0;}
.card-dyn-table td.card-dyn-td-clear {width:5%;text-align:right; vertical-align:top;}
.card-dyn-table td.card-dyn-td-clear > .mi {position: relative; top: 21px; right: 10px;}
.card-dyn-top-button {position: relative; top: -6px;}
.form-grp-i-icons-right-1 {width: calc(100% - 30px);}
.form-grp-i-icons-right-2 {width: calc(100% - 60px);}
.card-dyn-table .mi {line-height: 28px; cursor: pointer;}
.card-dyn-table .mi.phone-edit {margin-left: 4px;}
.page-wrap-two-cols-buttons {position:absolute;bottom:16px;right:0;}
.card-loading { display: block; height: 2500px; position: absolute; top: 0; width: 100%; z-index: 100;}
.in-iframe #page-row-header, .in-iframe #page-row-menu, .in-iframe #page-row-breadcrumb, .in-iframe .region-buttons {display: none;}
.in-iframe .container-fluid {padding-left: 16px; padding-right: 16px;}
.in-iframe, .in-iframe body, .in-iframe form, .in-iframe .main-container, .in-iframe #box_body, .in-iframe #box_body > div:first-child, .in-iframe #page_wrap_two_cols {height: 100%; /*margin-bottom: 16px;*/}
.in-iframe #page_wrap_two_cols > div {min-height: 100%;}
.in-iframe #box_body > div {display: flex; flex-direction: column;}
.table-border-cells td {border-width: 1px; border-style: solid;}
.table-border-cells-t td {border-top-width: 1px; border-top-style: solid;}
.table-border-cells-b td {border-bottom-width: 1px; border-bottom-style: solid;}
.table-border-cells-l td {border-left-width: 1px; border-left-style: solid;}
.table-border-cells-r td {border-right-width: 1px; border-right-style: solid;}
.in-iframe .card-head-wrap {margin-top: 16px;}
.card-table.table-report {overflow: inherit;}

/*font size classes*/
h1, .h1 {font-size: 19px !important;}
h2, .h2 {font-size: 16px !important;}
h3, .h3{font-size: 15px !important;}
h4, .h4 {font-size: 14px !important;}
h5, .h5 {font-size: 14px !important;}
h6, .h6 {font-size: 14px !important;}
.text-xs {font-size: 9px !important;}
.text-sm {font-size: 12px !important;}
.text-md {font-size: 13px !important;}
.text-lg {font-size: 14px !important;}
.text-xlg {font-size: 16px !important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin: 0;}
/*font size other classes*/ /*add new classes to TMOBL also!*/
.form-control.form-widget {font-size: 9px;}
.dropdown-item {font-size: 13px;}
.btn, .btn-link, .form-control, .nav-pillow .nav-link {font-size: 13px;}
.btn-menu, .tooltip-inner{font-size: 14px;}
.nav-tabs .nav-link, .modal-style .modal-header {font-size: 16px;}
.rd-grid {font-size: 13px;}

.text-break-all {word-break: break-all;}

/*cursors*/
.cursor-pointer {cursor: pointer;}
.cursor-default {cursor: default;}

/*font weight*/
.text-reg {font-weight: normal;} /*it is not required if parent have base text weight*/
.text-semi, .text-semibold {font-weight: 600;}
.text-bold {font-weight: bold;}
.text-italic {font-style: italic;}

/*additional overflow*/
.overflow-visible {overflow: visible !important;}

/*if need use float only in common, then use these classes, because float-* classes exists in EE*/
.cmn-float-left {float: left;}
.cmn-float-right {float: right;}

/*buttons*/
.btn.dropdown-toggle {padding-top: 3px; padding-bottom: 3px;}
.btn:not(.dropdown-toggle) {padding: 0 23px; height: 30px; display: inline-flex; align-items: center; white-space: nowrap;}
.btn.disabled, .btn:disabled, .btn[disabled] {pointer-events: none;}
.btn.btn-icon {padding-left: 5px; padding-right: 4px;}

/*menu buttons*/
.btn-menu {position: relative; padding: 0 27px 0 0; display: inline-block; cursor: pointer; user-select: none;}
.btn-menu.btn-menu-settings, .btn-menu.btn-menu-widgets {padding-left: 23px;}
.btn-menu:hover, .btn-menu.hover, .btn-menu.active {/*font-weight: 600; padding-right: 26px;*/}
.btn-menu[disabled] {pointer-events: none; cursor: default;}
.btn-menu[disabled]:before, .btn-menu[disabled]:after {opacity: 0.2;}
.btn-menu.btn-menu-settings:before, .btn-menu.btn-menu-widgets:before {font-family: "Material Icons"; position: absolute; width: 14px; height: 14px; top: 0/*4px*/; left: 0;}
.btn-menu.btn-menu-settings:before {content: "settings"; }
.btn-menu.btn-menu-widgets:before {content: "widgets"; }
.btn-menu:after {content: ""; position: absolute; width: 22px; height: 22px; top: 0; right: 0;}
.btn-menu.active:not([aria-expanded="false"]):after, .btn-menu[aria-expanded="true"]:after {webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
/*Header-Title-Report*/
.btn-menu.btn-menu-ico {display: flex; padding: 1px 27px 0 0; border-style: solid; position: relative; border: 0; cursor: pointer; align-items: center;}
.btn-menu.btn-menu-ico .mi {margin-right: 8px; margin-top: auto; margin-bottom: auto;}
.btn-menu.btn-menu-not-dropdown {padding-right: 0px}
.btn-menu.btn-menu-not-dropdown:after {content: none;}

/*link buttons*/
.btn-link {display: inline-block; cursor: pointer;}
.btn-link:hover, .btn-link.hover, .btn-link.active {text-decoration: none;}
.btn-link[disabled], .btn-link.disabled {pointer-events: none; cursor: default;}

/*margin and padding*/
.p {padding: 8px;} .p-l {padding-left: 8px;} .p-r {padding-right: 8px;} .p-t {padding-top: 8px;} .p-b {padding-bottom: 8px;} .p-y {padding-top: 8px; padding-bottom: 8px;} .p-x {padding-left: 8px; padding-right: 8px;}
.p-xs {padding: 4px;} .p-xs-l {padding-left: 4px;} .p-xs-r {padding-right: 4px;} .p-xs-t {padding-top: 4px;} .p-xs-b {padding-bottom: 4px;} .p-xs-y {padding-top: 4px; padding-bottom: 4px;} .p-xs-x {padding-left: 4px; padding-right: 4px;}
.p-sm {padding: 16px;} .p-sm-l {padding-left: 16px;} .p-sm-r {padding-right: 16px;} .p-sm-t {padding-top: 16px;} .p-sm-b {padding-bottom: 16px;} .p-sm-y {padding-top: 16px; padding-bottom: 16px;} .p-sm-x {padding-left: 16px; padding-right: 16px;}
.p-md {padding: 24px;} .p-md-l {padding-left: 24px;} .p-md-r {padding-right: 24px;} .p-md-t {padding-top: 24px;} .p-md-b {padding-bottom: 24px;} .p-md-y {padding-top: 24px; padding-bottom: 24px;} .p-md-x {padding-left: 24px; padding-right: 24px;}
.p-lg {padding: 32px;} .p-lg-l {padding-left: 32px;} .p-lg-r {padding-right: 32px;} .p-lg-t {padding-top: 32px;} .p-lg-b {padding-bottom: 32px;} .p-lg-y {padding-top: 32px; padding-bottom: 32px;} .p-lg-x {padding-left: 32px; padding-right: 32px;}.p-lg {padding: 32px;} .p-lg-l {padding-left: 32px;} .p-lg-r {padding-right: 32px;} .p-lg-t {padding-top: 32px;} .p-lg-b {padding-bottom: 32px;} .p-lg-y {padding-top: 32px; padding-bottom: 32px;} .p-lg-x {padding-left: 32px; padding-right: 32px;}
.p-xlg {padding: 48px;} .p-xlg-l {padding-left: 48px;} .p-xlg-r {padding-right: 48px;} .p-xlg-t {padding-top: 48px;} .p-xlg-b {padding-bottom: 48px;} .p-xlg-y {padding-top: 48px; padding-bottom: 48px;} .p-xlg-x {padding-left: 48px; padding-right: 48px;}.p-xlg {padding: 48px;} .p-xlg-l {padding-left: 48px;} .p-xlg-r {padding-right: 48px;} .p-xlg-t {padding-top: 48px;} .p-xlg-b {padding-bottom: 48px;} .p-xlg-y {padding-top: 48px; padding-bottom: 48px;} .p-xlg-x {padding-left: 48px; padding-right: 48px;}
.p-xxlg {padding: 64px;} .p-xxlg-l {padding-left: 64px;} .p-xxlg-r {padding-right: 64px;} .p-xxlg-t {padding-top: 64px;} .p-xxlg-b {padding-bottom: 64px;} .p-xxlg-y {padding-top: 64px; padding-bottom: 64px;} .p-xxlg-x {padding-left: 64px; padding-right: 64px;}.p-xxlg {padding: 64px;} .p-xxlg-l {padding-left: 64px;} .p-xxlg-r {padding-right: 64px;} .p-xxlg-t {padding-top: 64px;} .p-xxlg-b {padding-bottom: 64px;} .p-xxlg-y {padding-top: 64px; padding-bottom: 64px;} .p-xxlg-x {padding-left: 64px; padding-right: 64px;}
.m {margin: 8px;} .m-l {margin-left: 8px;} .m-r {margin-right: 8px;} .m-t {margin-top: 8px;} .m-b {margin-bottom: 8px;} .m-y {margin-top: 8px; margin-bottom: 8px;} .m-x {margin-left: 8px; margin-right: 8px;}
.m-xs {margin: 4px;} .m-xs-l {margin-left: 4px;} .m-xs-r {margin-right: 4px;} .m-xs-t {margin-top: 4px;} .m-xs-b {margin-bottom: 4px;} .m-xs-y {margin-top: 4px; margin-bottom: 4px;} .m-xs-x {margin-left: 4px; margin-right: 4px;}
.m-sm {margin: 16px;} .m-sm-l {margin-left: 16px;} .m-sm-r {margin-right: 16px;} .m-sm-t {margin-top: 16px;} .m-sm-b {margin-bottom: 16px;} .m-sm-y {margin-top: 16px; margin-bottom: 16px;} .m-sm-x {margin-left: 16px; margin-right: 16px;}
.m-md {margin: 24px;} .m-md-l {margin-left: 24px;} .m-md-r {margin-right: 24px;} .m-md-t {margin-top: 24px;} .m-md-b {margin-bottom: 24px;} .m-md-y {margin-top: 24px; margin-bottom: 24px;} .m-md-x {margin-left: 24px; margin-right: 24px;}
.m-lg {margin: 32px;} .m-lg-l {margin-left: 32px;} .m-lg-r {margin-right: 32px;} .m-lg-t {margin-top: 32px;} .m-lg-b {margin-bottom: 32px;} .m-lg-y {margin-top: 32px; margin-bottom: 32px;} .m-lg-x {margin-left: 32px; margin-right: 32px;}
.m-xlg {margin: 48px;} .m-xlg-l {margin-left: 48px;} .m-xlg-r {margin-right: 48px;} .m-xlg-t {margin-top: 48px;} .m-xlg-b {margin-bottom: 48px;} .m-xlg-y {margin-top: 48px; margin-bottom: 48px;} .m-xlg-x {margin-left: 48px; margin-right: 48px;}.m-xlg {margin: 48px;} .m-xlg-l {margin-left: 48px;} .m-xlg-r {margin-right: 48px;} .m-xlg-t {margin-top: 48px;} .m-xlg-b {margin-bottom: 48px;} .m-xlg-y {margin-top: 48px; margin-bottom: 48px;} .m-xlg-x {margin-left: 48px; margin-right: 48px;}
.m-xxlg {margin: 64px;} .m-xxlg-l {margin-left: 64px;} .m-xxlg-r {margin-right: 64px;} .m-xxlg-t {margin-top: 64px;} .m-xxlg-b {margin-bottom: 64px;} .m-xxlg-y {margin-top: 64px; margin-bottom: 64px;} .m-xxlg-x {margin-left: 64px; margin-right: 64px;}.m-xxlg {margin: 64px;} .m-xxlg-l {margin-left: 64px;} .m-xxlg-r {margin-right: 64px;} .m-xxlg-t {margin-top: 64px;} .m-xxlg-b {margin-bottom: 64px;} .m-xxlg-y {margin-top: 64px; margin-bottom: 64px;} .m-xxlg-x {margin-left: 64px; margin-right: 64px;}
.del-m-sm-x {margin-top: -16px; margin-bottom: -16px;} .del-m-sm-x {margin-left: -16px; margin-right: -16px;}
.del-m-md-y {margin-top: -24px; margin-bottom: -24px;} .del-m-md-x {margin-left: -24px; margin-right: -24px;}
.del-m-lg-y {margin-top: -32px; margin-bottom: -32px;} .del-m-lg-x {margin-left: -32px; margin-right: -32px;}
.del-m-sm-r {margin-right: -16px;}
.m-auto {margin: auto;} .m-auto-l {margin-left: auto;} .m-auto-r {margin-right: auto;} .m-auto-t {margin-top: auto;} .m-auto-b {margin-bottom: auto;} .m-auto-y {margin-top: auto; margin-bottom: auto;}  .m-auto-x {margin-left: auto; margin-right: auto;}

/*forms fields*/
.form-control {height: 30px;}
.form-control:focus{box-shadow: none;}
/*.form-control[type="number"] {padding-left: 2px;}*/
.form-control[type="number"]::-webkit-outer-spin-button,.form-control[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;}
.form-control[type="number"],.form-control[type="number"]:hover,.form-control[type="number"]:focus {appearance: none;-moz-appearance: textfield;}

/*textarea*/
textarea.form-control {height: 100px; resize: both;}
fieldset {width: 100%;}

/*select boxes*/
.bootstrap-select.form-control {box-shadow: none !important;} /*shadow is in .dropdown-toggle*/
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {outline: none !important;}
.btn.dropdown-toggle:focus{box-shadow: none !important;}
.btn.dropdown-toggle {border: 1px solid; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; background-clip: padding-box; height: 30px; padding-top: 4px; padding-right: 5px;}
.dropdown-item {height:25px; padding-top: 2px; padding-left: 0.75rem;}
.dropdown-item.active {font-weight: 600;}
.dropdown-item.selected {font-weight: 600;}
.dropdown-item:focus {outline: none;}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {text-overflow: ellipsis;}
.bootstrap-select.disabled, .bootstrap-select > .disabled {cursor: inherit;}
.bootstrap-select .dropdown-toggle:after {border: none !important; width: 22px; height: 22px; flex: 1 0 auto;}
.bootstrap-select.show .dropdown-toggle:after {webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.bootstrap-select .bs-ok-default:after {width: 1.2rem; height: 1.2rem; border: none; transform: none; webkit-transform: none; -ms-transform: none; position: relative;	top: -3px;}
.bootstrap-select.range .dropdown-toggle:after {background-repeat: no-repeat; transform: rotate(0) !important; width: 20px; height: 20px;}
.widget-title .bootstrap-select.form-widget {width: 165px !important; position: relative; top: -1px;}
.bootstrap-select.form-widget .btn.dropdown-toggle {border-radius: .25rem; height: 19px; padding: 3px 2px 3px 5px; font-size: 9px;}
.bootstrap-select.form-widget .dropdown-toggle:after {width: 16px; height: 16px;}

/*text fields with icon + in widgets*/
/*Font solution - deprecated*/
/*.form-widget {position: relative;}
.form-widget .form-control {padding-right: 24px;}
.form-widget .mi {position: absolute; top: 7px; right: 5px; font-size: 17px;}*/
.form-grp-i {position: relative;}
.form-grp-i .form-control {padding-right: 24px;}
.form-grp-i:after, .form-grp-i .icon {content: ""; display: block; position: absolute; width: 20px; height: 20px; top: 5px; right: 7px; background-repeat: no-repeat;}
.form-grp-i-clickable:after {display: none;}
.form-grp-i.form-grp-widget .form-control {padding-right: 15px;}
.form-grp-i.form-grp-widget:after, .form-grp-i.form-grp-widget .icon {width: 11px; height: 11px; top: 4px; right: 5px;}
.form-control.form-widget:not(.dropdown) {height: 19px; padding: 3px 5px;}
.form-grp-i-clear:after, .form-grp-i .icon {cursor: pointer;}
.form-grp-i.form-grp-i-number .form-control {padding-right: 16px;}
.form-grp-i.form-grp-i-number .icon {height: 16px; right: 2px; background-size: cover;}
.form-grp-i.form-grp-i-number .icon.plus {top: 0; background-position-y: -4px; webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.form-grp-i.form-grp-i-number .icon.minus {top: 14px; background-position-y: -4px;}
.form-grp-i.form-grp-char .char {position: absolute; width: 20px; height: 20px; top: 5px; right: 7px; display: flex; align-items: center; justify-content: center;}

.form-grp-btn-search {display: flex;}
.form-grp-btn-search input[readonly] {cursor: pointer;}

/*radio and checkboxes*/
.custom-control-label {cursor: pointer; line-height: 22px;}
.custom-control-label:before {background: transparent !important; box-shadow: none !important; border: none;}
.custom-control-input:disabled ~ .custom-control-label {cursor: default;}
.custom-control-input:disabled ~ .custom-control-label:after {opacity: 0.61; cursor: default;}
.custom-control-label:after {top: 3px; left: -1.5rem; background: no-repeat; width: 1.2rem; height: 1.2rem; cursor:pointer;}
.custom-control.custom-reverse {padding-left: 0;}
.custom-reverse .custom-control-label {display: flex; width: 100%; justify-content: space-between;}
.custom-reverse .custom-control-label > * {width: 50%; flex-grow: 1;}
.custom-reverse .custom-control-label:after {position: relative; width: 50%; flex-grow: 1; margin-left: 42px;}
.custom-control-space .custom-control .custom-control-label{margin-bottom: 8px;}
.custom-control-space .custom-control:last .custom-control-label{margin-bottom: 0;}

/*slider*/
/*colors are unique, so its are in this file*/
.ui-slider.ui-slider-horizontal .ui-slider-handle {border: none; border-radius: 50%; width: 18px; height: 18px; cursor: pointer; top: -6px; padding: 0; background-image: none;}
.ui-slider.ui-slider-horizontal .ui-slider-handle:focus {outline: none;}
.ui-slider-handle:after {content: ""; display: block; width: 8px; height: 8px; position: absolute; border-radius: 50%; top: 5px; left: 5px;}
.ui-slider.ui-slider-horizontal {height: 8px;}

/*Tooltips*/
/*Border and shadow colors are unique for Tooltip*/
/*Tooltip arrow*/
.tooltip .arrow:before {content: ""; display: block; position: absolute; z-index: 1071; width: 10px; height: 10px; border-style: solid; border-color: #ECECEC; background: #FFFFFF; webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.bs-tooltip-auto[x-placement^="top"] .arrow:before, .bs-tooltip-top .arrow:before {top: -5px; border-width: 0px 1px 1px 0px;}
.bs-tooltip-auto[x-placement^="bottom"] .arrow:before, .bs-tooltip-bottom .arrow:before {top: 1px; border-width: 1px 0px 0px 1px;}
.bs-tooltip-auto[x-placement^="left"] .arrow:before, .bs-tooltip-left .arrow:before {right: 1px; left: auto; border-width: 1px 1px 0px 0px;}
.bs-tooltip-auto[x-placement^="right"] .arrow:before, .bs-tooltip-right .arrow:before {left: 1px; border-width: 0px 0px 1px 1px;}
/*Tooltip text*/
.tooltip-inner {padding: 4px 19px; border-radius: 4px; border: 1px solid; text-align: left; max-width: 300px;}
.tooltip.show {opacity: 1;}

/*Datepicker*/
.form-widget-daterangepicker:after {content: ""; display: block; position: absolute; width: 20px; height: 20px; top: 5px; right: 7px; background-repeat: no-repeat;}
.daterangepicker {font-family: inherit; box-shadow: 0 0 8px 0 rgba(0,0,0,0.1); margin-top: 2px; text-align: center;}
.daterangepicker:before, .daterangepicker:after {display: none;} /*hide top triangle*/
.daterangepicker .calendar-table table {border-spacing: 0 3px; border-collapse: inherit;}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {background-color: transparent;}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {width: 48px; border: none; height: 30px;}
.daterangepicker .calendar-table th {cursor: default;}
.daterangepicker .drp-calendar {max-width: none;}
.daterangepicker .drp-calendar.single {float: none; display: inline-block !important;}
.daterangepicker td.active, .daterangepicker td.active:hover {background: none; padding: 0;}
.daterangepicker .drp-calendar:not(.single) td:not(:last-child).active.start-date {background-color: transparent;}
.daterangepicker .drp-calendar:not(.single) td:not(:first-child).active.end-date {background-color: transparent;}
.daterangepicker .drp-calendar td:first-child.in-range {background-color: transparent;}
.daterangepicker .drp-calendar td:last-child.in-range {background-color: transparent;}
.daterangepicker .drp-calendar td:first-child.in-range.end-date {background: transparent !important;}
.daterangepicker td.off, .daterangepicker td.off > span {background-image: none !important; background-color: #FFFFFF !important;}
.daterangepicker td > span {width: 32px; height: 30px; display: inline-block; border-radius: 4px;line-height: 30px;}
.daterangepicker .drp-calendar.left {padding: 24px 0 4px 24px;} /*bottom 24px without today button*/
.daterangepicker .drp-calendar.left .calendar-table {padding-right: 24px; position: relative;}
.daterangepicker .drp-calendar.right {padding: 24px;}
.daterangepicker .calendar-table .prev, .daterangepicker .calendar-table .next {cursor: pointer;}
.daterangepicker .calendar-table .prev span, .daterangepicker .calendar-table .next span {display: none;}
.daterangepicker .calendar-table .prev:after, .daterangepicker .calendar-table .next:after {content: ""; display: inline-block; border: none; vertical-align: middle; width: 22px; height: 22px; background-repeat: no-repeat;}
.daterangepicker .calendar-table .prev:after {webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.daterangepicker .calendar-table .next:after {webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);}
/*line between months*/
.drp-calendar.left:not(.single) .calendar-table:after {content: ""; display: block; height: calc(100% - 48px); width: 1px; border-style: solid; border-width: 0 1px 0 0; position: absolute; bottom: 2px; right: -2px;}
.form-grp-i-range {background: #FFFFFF;}
.form-control.form-daterangepicker {background-color: transparent; position: relative; z-index: 1;}
.daterangepicker-bottom-space {position: absolute; width: 1px; height: 8px; display: block;}
.daterangepicker.drop-up {margin-top: -2px;}

/*Navigation - Tabs*/
.nav-tabs {margin: 0; width: 100%;}
.nav-tabs .nav-link {padding: 8px 16px; font-weight: normal; cursor: pointer;}
.nav-tabs .nav-link:not(.active):focus, .nav-tabs .nav-link:not(.active):hover {border-color: transparent;}
.nav-tab-content.fade:not(.active), .nav-tab-content.hide:not(.active) {display:none;}
.nav-tabs-wide .nav-link {padding-left: 64px; padding-right: 64px;}

/*Navigation - Vertical pillows*/
.nav-pillow .nav-link {padding: 8px 32px 8px 16px; font-weight: normal; line-height: 1.2; border-style: solid; border-width: 0 0 1px 0; min-height: 48px; display: flex; align-items: center; height: 100%; position: relative; cursor: pointer;}
.nav-pillow .nav-item:first-child .nav-link {border-top-width: 1px;}
.nav-pillow .nav-link.active:after {content: ""; position: absolute; top: calc(50% - 11px); right: 10px; border: none; vertical-align: middle; width: 22px; height: 22px; background-repeat: no-repeat; webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);}
.modal-body-no-padding .nav-pillow-column {padding-right: 0;}

/*Table/report components*/
.report-component {width: 100%;}
.report-component .top {display: flex; align-items: flex-end;}
.report-component .bottom {display: flex; justify-content: flex-end;}
.report-component .top .row:nth-child(2) {margin-left: auto;}
.table-report {width: 100%; overflow: auto;}
.table-report .table {border-radius: 2px; border-collapse: initial; border-spacing: 0px;}
/*.table-report td, .table-report th {white-space: nowrap;}*/
.table-report th:not(.text-semi) {font-weight: normal;}
.table-report td, .table-report th {padding: 15px 10px;}
/*.table-report td:last-child, .table-report th:last-child {padding-right: 30px;}*/
.table-report thead th {border: 0; white-space: wrap; vertical-align: middle}
.table-report th {line-height: 24px;}
.table-report td {line-height: 20px;}
.table-report th .mi.column-sort {vertical-align: text-bottom; margin-left: 7px;}
.table-report th .custom-control-label {margin-top: 1px;}
.table-report .mi {cursor: pointer;}
.table-report .mi.cursor-default {cursor: default;}
.mi.graph {width: 24px; height: 24px; background-position: center center; background-repeat: no-repeat;}
/*.table-report .bootstrap-select {width: auto; vertical-align: sub; display: inline-block; position: relative;}
.table-report .dropdown-toggle {position: absolute; width: 10px; top: -10px;}*/ /*why this?*/
.table-report td.custom-control.custom-checkbox, .table-report th.custom-control.custom-checkbox {min-width: 30px; max-width: 30px; width: 30px; display: table-cell;}
.table-report td.custom-control.custom-checkbox .custom-control-label:after, .table-report th.custom-control.custom-checkbox .custom-control-label:after {left: 0px;}
.table-setting {display: inline-flex;}
.table-setting > div:first-child:not(.dropdown) {margin-right: 13px;}
.table-setting > div:last-child {white-space: nowrap;}
/*.table-setting .dropdown {width: 45px !important;}*/
.table-setting .dropdown button {padding-left: 7px; padding-right: 7px;}
.table-setting .dropdown .dropdown-toggle::after {border: none !important; width: 20px; height: 20px; background-size: 200%; background-position: center center; background-repeat: no-repeat; flex: 0 1 auto;}
.table-setting .dropdown .filter-option {text-align: center;}
.table-pagination {display: inline-flex;}
.table-pagination .btn {display: inline-flex; padding: 0 3px; border-radius: 0; min-width: 31px; height: 30px; justify-content: center;}
.table-pagination .btn:not(.btn-primary):not(.btn-primary-default) {background: white; border-right-width: 0;}
.table-pagination .btn:first-child {border-radius: 2px 0px 0px 2px; position: relative; margin-left: 16px;}
.table-pagination .btn:last-child {border-radius: 0px 2px 2px 0px; position: relative; border-right-width: 1px !important;}
.table-pagination .btn i {line-height: 1.24;}
/*.table-pagination .btn:last-child i, .table-pagination .btn:nth-last-child(2) i {transform: rotate(180deg); line-height: 1.14;}*/
.table-pagination .btn.double:first-child i:first-child, .table-pagination .btn.double:last-child i:first-child {position: absolute; left: 0;}
.table-pagination .btn.double:first-child i:last-child, .table-pagination .btn.double:last-child i:last-child {position: absolute; left: 5px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 .table-pagination .btn.double:first-child i:first-child, .table-pagination .btn.double:last-child i:first-child {top: -1px;}
 .table-pagination .btn.double:first-child i:last-child, .table-pagination .btn.double:last-child i:last-child {top: -1px;}
}

/*Table/Settings/ColumnSelector*/
.column-selector {height: 400px; display: flex; flex-direction: column;}
.column-selector .column {height: 100%; display: flex; justify-content: center; align-content: center; overflow: hidden; flex-grow: 1;}
.column-selector .column .col {padding: 0;}
.column-selector .column .text-uppercase {margin-bottom: 3.5px;}
.column-selector .column > div:first-child {width: 50%; flex-grow: 1; overflow: hidden; display: flex; flex-direction: column;}
.column-selector .column > div:last-child {width: 50%; flex-grow: 1; overflow: hidden; display: flex; flex-direction: column;}
.column-selector .tool {min-height: 200px; display: flex; flex-direction: column;}
.column-selector .tool .btn {padding: 0; width: 32px; height: 28px; border-radius: 1px; margin-bottom: 11px;}
.column-selector .tool .mi {vertical-align: middle;}
.column-selector .tool .btn:nth-child(5) {margin-bottom: 26px;}
.column-selector ul {min-height: 100%; list-style-type: none; margin: 0; padding: 0;}
.column-selector ul > li {padding: 0px 8px; line-height: 24px; cursor: pointer; border: inherit; background: inherit; font-weight: inherit; color: inherit; text-align: initial; text-align: left;}
.column-selector li:hover {color: inherit;}
.column-selector .btn.double  {position: relative;}
.column-selector .btn.double .mi:first-child {position: absolute; top: 50%; left: calc(50% - 2px); transform: translate(-50%, -50%);}
.column-selector .btn.double .mi:last-child {position: absolute; top: 50%; left: calc(50% + 2px); transform: translate(-50%, -50%);}
#select_report_columns {width: 750px; height: 400px; background: #FFFFFF; position: absolute; z-index: 10;}
#select_report_columns.center-window {margin: auto; top: 0px; left: 0px; right: 0px; bottom: 0px; position: fixed;}
.column-selector .ui-sortable-placeholder.ui-state-highlight {height: 24px; background-color: transparent !important;}
#select_report_filters {width: 750px; height: 400px; background: #FFFFFF; position: absolute; z-index: 10;}
#select_report_filters.center-window {margin: auto; top: 0px; left: 0px; right: 0px; bottom: 0px; position: fixed;}

/* nicescroll custom */
.nicescroll-rails-vr.nicescroll-rails-b {border-left: 1px solid #EBEBEB;}
.nicescroll-rails-vr .nicescroll-cursors {width: 8px !important; right: 4px; border: none !important;}
.nicescroll-rails-vr.nicescroll-rails-p .nicescroll-cursors {right: 3px;}
.nicescroll-rails-vr.nicescroll-rails-d {border-radius: 0 2px 2px 0;}
.nicescroll-rails-vr.nicescroll-rails-d .nicescroll-cursors {right: 3px;}
.nicescroll-rails-hr .nicescroll-cursors {height: 8px !important; top: 6px !important;}
.col-scroll {overflow: hidden;}
.modal-body:not(.widget-modal) .col-scroll {height: 250px;} /*need to specify condition*/
.modal-body:not(.widget-modal) .col-scroll-h {height: auto; min-height: 250px;}
#splash-modal .modal-body .col-scroll {height: 350px;}

/* tool buttons */
.btn-tool {position: relative;}
.btn-tool:after {content: ""; width: 14px; height: 14px; display: block; position: absolute; top: calc(50% - 7px); left: calc(50% - 7px);}
.btn-tool-chevron:after {width: 20px; height: 20px; top: calc(50% - 10px); left: calc(50% - 10px);}
.btn-tool.double:after {margin-left: 2px;}
.btn-tool.double:before {content: ""; position: absolute; width: 20px; height: 20px; top: calc(50% - 10px); left: calc(50% - 10px); display: block; margin-left: -2px;}
.btn-tool-rotate-r:after, .btn-tool-rotate-r:before {webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.btn-tool-rotate-l:after, .btn-tool-rotate-l:before {webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}
.btn-tool-rotate-b:after, .btn-tool-rotate-b:before {webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

/*for rotate icons*/
.rotate {webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

/*for scrollbar*/
.scroll {position: relative; height: 100%;}
.scroll .scrollbar-rail {position: absolute; top: 0px; right: 0px; bottom: 0; width: 17px; overflow: hidden;}
.scroll .scrollbar {position: absolute; top: 0px; right: 0px; width: 8px; border-radius: 4.5px; margin-right: 4px; cursor: pointer;}
.scroll .scrollable-wrap {width: 100%; height: 100%; overflow: hidden;}
.scroll .scrollable {width: calc(100% + 40px); height: 100%; border: 0; overflow-y: overlay;}
/*Widget*/
.scroll .scrollable > * {margin-right: calc(40px + 17px);}
.scroll .scrollable {padding-bottom: 1px;}
.scroll.scroll-out {width: calc(100% + 17px);}
.scroll.scroll-out .scrollbar-rail {background: transparent; border: 0;}

.logo-wrap {height: 64px; padding: 4px 0; display: flex; align-items: center;}
.logo-wrap > img {max-height: 100%; max-width: 100%;}

/*Header-General*/
.header-general-wrap {position: relative; border-top-style: solid; border-bottom-style: solid;}
.header-general {display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; height: 100%; width: 100%; }
.header-general div {padding: 0 16px; z-index: 2; height: 53px; display: flex; align-items: center;}
.header-general div:hover {cursor: pointer;}
@media (max-width:575px)  {
.header-general {display: inline-block;}
.header-general div {width: 100%; text-align: left;}
}

/*Header-General-Dropdown*/
.header-general-dropdown {display: flex; flex-direction: row; justify-content: flex-start; z-index: 10; left: 0; right: 0; margin-top: -1px; margin-bottom: -1px; position: absolute; border-top: 1px solid; border-bottom: 5px solid;}
.header-general-dropdown .line {position: absolute; border: inherit; content: ''; background-color: inherit; height: 55px; width: 100%; left: 0; margin-top: -1px;}
.header-general-dropdown > div:last-child {z-index: 2; display: flex; flex-direction: row; justify-content: flex-start;}
.header-general-dropdown > div > div {padding-top: 16px; padding-bottom: 16px;}
.header-general-dropdown > div > div > div {padding-left: 24px; padding-right: 16px; height: 100%;}
/*.header-general-dropdown > div > div:first-child > div {padding-left: 16px;}*/
.header-general-dropdown > div > div > div > div {line-height: 18px; cursor: pointer; min-width: 150px; padding: 3px 0;}
.header-general-dropdown > div > div > div > div.h2 {line-height: 36px; cursor: default; margin: 0; padding: 0;}
/*.header-general-dropdown .arrow {position: relative; z-index: 2;}
.header-general-dropdown .arrow > div {content: ''; padding: 1px; position: absolute; top: -7px; left: 6px; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.header-general-dropdown .arrow > .mi {position: absolute; top: -16px;}*/
.header-general-dropdown .arrow {content: ""; display: block; position: absolute; z-index: 2; width: 10px; height: 10px; border-style: solid; webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: -6px; border-width: 1px 0px 0px 1px;}
.header-general-dropdown .escape {position: absolute; left: 0; top: 0; bottom: 0; right: 0;}
/*Header-Breadcrumb*/
.header-breadcrumb {display: flex; flex-direction: row; justify-content: flex-start; cursor: default;}
.header-breadcrumb > div {padding-left: 0px; padding-right: 9px; padding-top: 10px; padding-bottom: 10px; z-index: 2; white-space: nowrap; line-height: 15px}
.header-breadcrumb > div:first-child {position: relative; padding-left: 22px;}
.header-breadcrumb > div:first-child .mi {position: absolute; margin-top: 0px; margin-left: -20px;}
.header-breadcrumb > div:nth-child(n+3):before {content: '/'; padding-right: 9px;}
.header-breadcrumb > div:not(:first-child) .mi {display: none;}

/*Dropdown Menu*/
.dropdown-style .dropdown-item.hover, .dropdown-style .dropdown-item:hover {color: inherit;}
.dropdown-style .dropdown-menu {padding: 0; margin: 3px 0 0;}
.dropdown-style .dropdown-item {height: initial; display: flex; flex: 1; align-items: flex-start; padding: 0 11px; border-style: solid; position: relative; line-height: 36px; min-height: 36px; cursor: pointer;}
.dropdown-style .dropdown-item:first-child {border-top-left-radius: 3px; border-top-right-radius: 3px; }
.dropdown-style .dropdown-item:last-child {border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.dropdown-style .dropdown-item .mi {margin-right: 8px; margin-top: auto; margin-bottom: auto;}
.dropdown-style .dropdown-toggle:after {content: ""; position: absolute; width: 14px; height: 14px; top: 11px; border: 0;}
.dropdown-style .dropdown-toggle:after {background-position: center center; background-size: 100%; right: 5px;}
.dropdown-style .submenu.dropdown-menu {margin-top: 0;}
.dropdown-style .submenu.dropdown-menu:before {content: ''; position: absolute; background-color: transparent; height: 36px; width: 36px; left: -10px;}
.dropdown-style .dropdown-item > .submenu {display: none; position: absolute; transform: translateX(100%); top: -1px;}
.dropdown-menu-right .dropdown-item > .submenu {transform: translateX(100%) translateX(2px);}
.dropdown-style .dropdown-item:hover > .submenu {display: block;}
.dropdown-style .submenu-left .submenu {transform: translateX(-100%) translateX(-2px);}
.dropdown-menu-right .submenu-left .submenu {transform: translateX(-100%);}
/*.dropdown-style .submenu-left .submenu.dropdown-menu {margin-right: 2px;}*/
.dropdown-style .submenu-left .submenu.dropdown-menu:before {left: calc(100% - 10px);}
.dropdown-style > .mi {cursor: pointer;}
.dropdown-style .dropdown-item[disabled] {opacity: 0.5; cursor: default;}
.dropdown-style .dropdown-item {border-width: 0 !important}
.dropdown-style .dropdown-item.border:not(:first-child) {border-top-width: 1px !important;}
.dropdown-style .dropdown-item.border:not(:last-child) {border-bottom-width: 1px !important;}
.dropdown-style .dropdown-item.border + .border {border-top-width: 0 !important;}
.dropdown-style .dropdown-item.btn-menu:after {content: none;}
.dropdown-menu.max-height-12 {max-height: 444px; overflow: hidden;}

/*Header-Title-Report*/
.header-title-report {display: flex; justify-content: space-between; cursor: default;}
.header-option-report {display: flex; align-items: center;}

/*Modal*/
.modal-style .modal-large {width: 1200px;}
.modal-style .modal-medium {width: 800px;}
.modal-style .modal-small {width: 400px;}
.modal-style .modal-dialog {display: flex; max-width: 90%;}
.modal-style .modal-dialog > div {margin: auto;}
.modal-style .modal-content {border: 0; border-radius: 0; background-color: transparent;}
.modal-style .modal-header {border: 0; border-top-left-radius: 2px; border-top-right-radius: 2px; padding-top: 13px; height: 46px;}
.modal-style .modal-title {line-height: 1.2;}
.modal-style .modal-header .mi {cursor: pointer;}
.modal-style .modal-footer {border-top-width: 1px; border-radius: 0; }
.modal-style .modal-footer > *:not(.row) {margin-top: initial; margin-bottom: initial; margin-right: initial;}
.modal-style .modal-footer > .row {margin-right: -15px; margin-left: -15px; margin-top: 0; margin-bottom: 0;}
/*.modal-style .modal-footer .btn-secondary:last-child {margin-left: auto;}*/
.modal-header .dropdown {position: relative; top: -4px;}
/*.modal-style .nav-link {height: 49px;}*/
.modal-style .nav-item-text .h6 {height: 49px; line-height: 49px;}
.modal-style .usage-cost .usage-title {position: relative;}
.modal-style .usage-cost .usage-title .dropdown {position: absolute; top: 0; right: 0;}
.modal-style .usage-cost .usage-body {display: flex; flex-direction: row;}
.modal-style .usage-cost .usage-item {width: 100%;}
.modal-style .usage-cost .usage-item > div > div:not(.usage-collapse) {display: flex; flex-direction: row; justify-content: space-between}
.modal-style .usage-cost .usage-item > div > div:not(.usage-collapse) > div {margin-bottom: 4px;}
.modal-style .usage-cost .usage-item > div > div.usage-collapse > div {display: flex; flex-direction: row; justify-content: space-between}
.modal-style .usage-cost .usage-item > div > div.usage-collapse > div > div {margin-bottom: 4px;}
.modal-style .usage-cost .usage-collapse:not(.show):not(.collapsing) {display: none;}
.modal-over-modal {z-index: 1070;}
.modal-over-modal.show + .modal-backdrop {z-index: 1060;}
.modal-over-modal-2 {z-index: 1080;}
.modal-over-modal-2.show + .modal-backdrop {z-index: 1070;}
/*.modal-style .custom-control-label:after {top: 0px;}*/
/*Table in modal*/
.modal-table-wrap {border-radius: .25rem;}
.modal-table td {height: 24px; padding: 6px 0 6px 10px;}
.modal-table td:last-child {padding-right: 10px;}
.modal-table td.modal-header-td {height: 38px; padding-top: 12px; padding-bottom: 12px;}
.modal-table-select td:not(.modal-header-td) {cursor: pointer;}
td.modal-table-cell-icon {width: 1%; min-width: 21px; padding-left: 8px;}
.modal-table-icon {position: relative; top: 3px;}
.modal-height-100 {height: 100%; margin-top: 0; margin-bottom: 0; padding-top: 16px; padding-bottom: 16px;} 
.modal-height-100 .modal-content, .modal-height-100 .modal-content > .notype {height: 100%;}
#common_modal_alert .modal-body {word-break: break-word;}

/*Icon State*/
.icon-state.mi {font-size: 20px; vertical-align: text-bottom; position: relative; top: 1px;}
.icon-state.small.mi {font-size: 14px;}

/*Dashboard Summaries*/
.summaries-item {width: 100%; border-radius: 4px; border: 1px solid; padding-top:12px; padding-bottom:12px; min-height: 66px;}
.summaries-value {display: flex; justify-content: space-between;}
.summaries-percent .mi {display: inline-block; vertical-align: bottom;}
.summaries-percent > div {display: inline-block;}
.summaries-sum {margin-top: auto; margin-bottom: auto;}

/*List Carousel*/
.list-carousel-wrap {position: relative; display: flex;}
.list-carousel {flex: 1; flex-wrap: nowrap; overflow: hidden;}
@media (max-width:575px) { .list-carousel {flex-wrap: wrap;overflow: auto;} }
.list-carousel-arrow {/*position: absolute; z-index: 1;*/position: relative; top: 20px; width: 24px; height: 24px; /*border-radius: 50%;*/ cursor: pointer; /*opacity: 0.5; background-color: #FFFFFF;*/}
@media (max-width:575px) { .list-carousel-arrow {display: none;} }
.list-carousel-arrow[disabled] {display: none;/*opacity: 0.2; cursor: default;*/}
/*.list-carousel-arrow:not([disabled]):hover {opacity: 1;}*/
.list-carousel-arrow:after {content: ""; display: block; position: absolute; top: 1px; display: block; width: 22px; height: 22px;}
/*.list-carousel-arrow.left {left: -12px;}*/
.list-carousel-arrow.left:after {left: /*1px*/-2px; transform: rotate(90deg);}
/*.list-carousel-arrow.right {right: -12px;}*/
.list-carousel-arrow.right:after {right: /*1px*/-2px; transform: rotate(270deg);}

/*Dashboard Action List*/
.dash-action-item {width: 100%; border-radius: 4px; border: 1px solid; padding-top:12px; padding-bottom:12px; cursor: pointer; display: flex; min-height: 63px;}
.dash-action-icon-wrap {display: flex; align-items: center; padding-right: 8px; padding-left: 2px;}
.dash-action-text-wrap {overflow: hidden;}
.dash-action-text-wrap > div {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*Dashboard Dashlet*/
.widget{height: 360px; border-radius: 6px; border: 1px solid; display: flex; flex-direction: column;}
.widget-modal{}
.widget-modal  > .row {height: 360px; display: flex; flex-direction: column;}
.widgets.row, .dash-summary.row, .dash-action-list.row {margin-left: -8px; margin-right: -8px;}
.widget-wrap, .dash-summary.row > div, .dash-action-list.row > div {padding-left: 8px; padding-right: 8px;/* z-index: 1;*/}
.text-badges {white-space: nowrap; padding: 0 8px; border-radius: 10px; display: inline-block;}
/*.widget .widget-title{height:50px;}*/
.widget .widget-content, .widget-modal .widget-content{height:100%; overflow: hidden; flex: 1;}
.widget-list {width: 100%;}
.widget-list td {padding: 8px 8px 8px 0; border-bottom: 1px solid; height: 44px;}
.widget-list .widget-row-no-border td {border-bottom-width: 0;}
.widget-list td.widget-cell-icon {width: 1%; min-width: 14px;}
.widget-list td.widget-cell-sprite {width: 1%;}
.widget-list td.widget-cell-checkbox {width: 1%; min-width: 22px;}
.widget-list td.widget-cell-img {padding-top: 2px; padding-bottom: 2px;}
.widget-list td.widget-cell-img > img {max-height: 39px;}
.widget-list td:last-child {padding-right: 0 !important;}
.widget-list td.no-vspace {padding-top: 0; padding-bottom: 0;}
.widget-text-icon {position: relative; top: 2px;}
.widget-error-wrap > div:first-child {margin-top: -26px;}
.widget-error-wrap .h1 {line-height: 36px;}
.widget-error-wrap .text-lg {line-height: 24px;}
.widget-title .widget-title-text {position: relative; top: 3px;}
.widget-title .dropdown {position: relative; top: 2px;}
.widget .form-grp-widget {width: 165px; position: relative; top: -1px;}
.widget .form-grp-widget .form-control[readonly] {background-color: initial;}
.widget-list-pillow tr td {padding: 2px 16px 2px 0; border-bottom: 1px solid; height: 44px; line-height: 1.3;}
.widget-list-pillow tr:first-child td {border-top: 1px solid;}
.widget-list-pillow tr td:first-child {padding-left: 16px;}
.widget-list-pillow tr {cursor: pointer;}
.widget-list.widget-list-pillow td:last-child {padding-right: 8px !important;}
.widget-list tr:last-child td.border-bottom-0-last-tr {border-bottom: 0;}
.widget-type-chart .widget-header td {border-bottom-color: transparent !important; height: 36px; padding-bottom: 0;}
.widget-type-usage .widget-header td {border-bottom-color: transparent !important;}
.widget-type-usage .widget-content > div {height: 100%;}
.widget-type-usage .widget-content > div > .row {height: 100%; flex-wrap: nowrap; flex-direction: column; padding-bottom: 8px;}
.widget-type-usage .col-scroll {height: 100%; flex: 1;}
.widget-type-usage .widget-content > div:first-child {border-right: 1px solid #DDDDDD;}
.widget-type-usage .widget-list td {border-bottom-color: transparent !important; padding-top: 4px; padding-bottom: 4px; height: 36px;}
.widget-type-usage .widget-row-collapsed-wrap .widget-list td {padding-top: 0; padding-bottom: 8px; height: 24px;}
.widget-type-usage .widget-row-collapsed-wrap .widget-list tr:last-child td {padding-bottom: 0;}
.widget-type-usage .widget-cell-icon .node-switch {width: 22px; height: 22px;}
.widget-type-usage .widget-cell-icon .node-switch::after {width: 22px; height: 22px;}
.invisible-place-icon {display: block; width: 14px; height: 14px;}
.widget-type-usage .widget-row-collapsed-wrap .widget-cell-icon-switch-empty .invisible-place-icon {width: 22px;}
.column-header td {border-bottom-color: transparent !important;}
.node-drag {cursor: move;}
.dragging-wrap {z-index: 2;}
.dragging-wrap .widget-row.node-drag {background: inherit !important;}
.dragging-wrap .widget-row td  {border-bottom: none;}
.dragging-wrap .node-drag, .dragging-wrap .cursor-pointer, .dragging-wrap .cursor-default, .widget-wrap.ui-draggable-dragging .widget-title-text {cursor: move; cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing;}
.dragging-wrap .node-drag .scroll-table-carousel {display: none;}
.widget-drag-placeholder {border: 2px dashed;}
.widget-wrap.ui-draggable-dragging{z-index: 1000;}
#widget .widget-wrap .widget-title-text {cursor: move;}
.dash-no-widget .h1 {line-height: 36px;}
.dash-no-widget .text-lg {line-height: 24px;}
.dash-bar-wrap .widget-content {padding: 0;}
.widget-list td.widget-cell-progress {padding-top: 2px; padding-bottom: 2px; border-top-width: 0; border-bottom-width: 0; padding-left: 8px; position: relative;}
.widget-list tr:last-child td.widget-cell-progress:not(.widget-header-progress) {border-bottom-width: 1px;}
.widget-list .widget-cell-progress-wrap {width: 100%; height: 100%; position: relative;}
.widget-list .widget-cell-progress-bg {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #F8F9FA;}
.widget-list .widget-cell-progress-value {height: 100%; position: absolute; top: 0; left: 0; opacity: 0.4;}
.widget-list .widget-cell-progress-value-bg {height: 100%; position: absolute; top: 0; left: 0; background-color: #FFFFFF;}
.widget-list .widget-cell-progress-border {position: absolute; top: -1px; left: 6px; height: calc(100% + 2px); width: 1px;}
.trendline-wrap {position: absolute;left: 0; height: 100%; top: 0; display: flex; flex-direction: column;}
.trendline-wrap > div:first-child {height: 44px;}
.trendline-wrap > div:last-child {flex: 1;position: relative;}
.trendline-wrap .trendline  {position: absolute;top: 0; height: 100%; width: 1px; border-left: 1px dashed; z-index: 1;}
.trendline-wrap .trendline-icon  {transform: rotate(90deg); position: absolute; top: -2px; z-index: 1; left: -6px;}
.trendline-wrap .trendline-icon.ff  {left: -5px;}
.trendline-wrap .trendline-label  {position: absolute; z-index: 1; white-space: nowrap; font-size: 10px; top: -20px; text-align: center;}
.widget-type-device .widget-content {display: flex; flex-direction: column; position: relative;}
.device-details-wrap {flex: 1;}
.device-details-item {}
.device-details-item-label  {line-height: 24px;}
.device-details-item-img-wrap{height: 110px;}
.device-details-item img{height: 100%; max-width: 270px;}
.device-circle-wrap {display: flex; justify-content: center; flex-wrap: wrap;}
.device-circle-wrap > div {cursor: pointer; width: 18px; height: 18px; padding: 2px;}
.device-circle-wrap > div > div {width: 14px; height: 14px; border-radius: 50%; border: 1px solid #EEEEEE; background-color: #F8F9FA;}
.device-circle-wrap > div.active > div {background-color: #343A40; border-color: #343A40;}
.device-details-item-info > div {display: flex; justify-content: space-between;}
.carousel-arrow {cursor: pointer;}
.carousel-arrow:after {width: 22px; height: 22px; display: block; content: "";}
.carousel-arrow.left {transform: rotate(90deg);}
.carousel-arrow.right {transform: rotate(270deg);}
.widget-type-device .carousel-arrow {position: absolute; top: 116px;}
.widget-type-device .carousel-arrow.left {left: 8px;}
.widget-type-device .carousel-arrow.right {right: 8px;}
.dots {cursor: default; position: relative;}
.dots:after {content: "..."; position: absolute; bottom: 2px; display: inline-block; line-height: 14px; height: 14px; cursor: default; }
.table-scroll-cell-hide {display: none;}
.widget-row-header-scroll .carousel-arrow {position: absolute; top: calc(50% - 11px);}
.widget-row-header-scroll .locked .carousel-arrow.left {right: -7px;}
.widget-row-header-scroll .locked .carousel-arrow.right {left: -14px;}
.widget-row-header-scroll .unlocked .carousel-arrow.left {left: -18px}
.widget-row-header-scroll .unlocked .carousel-arrow.right {right: -18px;}

/*Advanced filter*/
.filter-style .filter-body {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin-left: -15px; margin-right: -15px;}
.filter-style .filter-body > div {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 30%; flex-grow: 1; display: flex; flex-direction: row; min-width: 200px; margin-left: 15px; margin-right: 15px; margin-bottom: 24px;}
.filter-style .filter-body > div > * {flex-grow: 1; width: 50% !important;}
.filter-style .filter-body > div.filter-tail {margin-bottom: 0;}
.filter-style .filter-body > div {width: 30%;}
.filter-style .filter-footer > div:first-child {margin-left: auto;}
.col-form-label-flex label {margin:0;}
.col-form-label-flex {display:flex; align-items: center; line-height: 1.2;}
.col-form-label-flex .clear {position: relative; left: -10px; cursor: pointer;}
.col-form-label {padding-top: .3rem; padding-bottom: .3rem;}

/* switch */
.node-switch {position: relative; }
.node-switch:after {content: ""; position: absolute; width: 22px; height: 22px; top: 0; left: 0;}
.node-switch.p-y:after {top: 8px;}
.node-switch.p-md-l:after {left: 8px;}
.node-switch:after {webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.node-switch.collapsed:after {webkit-transform: none; -ms-transform: none; transform: none;}
.shopping-cart-count {display: inline-block; margin: -2px 0px 0px -12px; vertical-align: top; border-radius: 50%; min-width: 1.5em; min-height: 1.5em; line-height: 1.5em; text-align: center; font-size: 8px; cursor: pointer;}
.widget-content .node-switch {padding-right/*left*/: 24px; line-height: 27px;} 
.widget-content .node-switch:after {top: 3px; left: /*-5px*/auto; right: 0;}
.widget-content .node-switch.collapsed {font-weight: normal;}
.widget-cell-icon .node-switch {width: 14px; height: 14px; padding: 0;}
.widget-cell-icon .node-switch::after {top: 0; left: auto; right: 0; width: 14px; height: 14px;}
.widget-list td.cell-collapsed-wrap {border: none; padding: 0; height: auto;}
.widget-content .text-collapsed {line-height: 22px;}
.node-switch.node-switch-hide:after {display: none;}

.header-general-dropdown .node-switch:after {top: 2px; left: auto; right: 0; webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);}
.header-general-dropdown .node-switch:hover:after {webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
.header-general-dropdown .node-switch {padding-right: 16px;}
.header-general-dropdown .menu-level-4-wrap {display: none;}
.header-general-dropdown .node-switch:hover > .menu-level-4-wrap {display: block;}
.panel-logo-user {line-height: 14px !important; cursor: default !important;}
.panel-logo-user > div:first-child {line-height: 20px !important;}

/*sprites*/
.sprite-dashlet {background: url('/inetpub/image/sprite-dashlet.png') no-repeat top left; display: block;}
.sprite-dashlet.file-unknown { background-position: 0 0; width: 15px; height: 14px; } 
.sprite-dashlet.file-doc { background-position: -25px 0; width: 16px; height: 16px; } 
.sprite-dashlet.file-docx { background-position: -51px 0; width: 16px; height: 16px; } 
.sprite-dashlet.file-xls { background-position: -77px 0; width: 16px; height: 16px; } 
.sprite-dashlet.file-xlsx { background-position: -103px 0; width: 16px; height: 16px; } 
.sprite-dashlet.file-ppt { background-position: -129px 0; width: 16px; height: 16px; } 
.sprite-dashlet.file-pptx { background-position: -155px 0; width: 16px; height: 16px; } 
.sprite-dashlet.file-pdf { background-position: -181px 0; width: 16px; height: 16px; } 
.sprite-dashlet.file-movie { background-position: -207px 0; width: 16px; height: 16px; } 
.sprite-dashlet.file-rarzip { background-position: -233px 0; width: 15px; height: 15px; } /*css loading spinner end*/

.cart-top-wrap {cursor:pointer; position: relative; top: -2px;}
.cart-top-wrap > .shopping-cart-count{position: relative; z-index: 2;}
.company-top-wrap {position: relative; top: -3px;}

/* Dyn input*/
.dropdown-menu.dropdown-menu-dyn {left: auto; top: auto; z-index: 1; /*border-radius: .25rem .25rem 0 0;*/; max-height: 250px; overflow-x: hidden; overflow-y: auto; }
.dropdown-menu.dropdown-menu-dyn .dropdown-item {cursor: pointer; overflow: hidden; text-overflow: ellipsis;}
.form-control[dyn] {padding-right: 32px;}
.dropdown-menu-dyn-scroll:after {content: ""; display: block; height: 7px;}
.dropdown-menu-dyn-above {bottom: 100%; margin-bottom: 2px;}

#body_spin_wrap {width: 100%; height: 100%; position: fixed; z-index: 20000; top: 0; left: 0; background: transparent;}.sprite-dashlet.file-rarzip { background-position: -233px 0; width: 15px; height: 15px; }

.fc__tooltip.fusioncharts-div > div > div:first-child {vertical-align: top;} /*may be need to specify chart type*/
.fusioncharts-tooltip-total {display: none;}
.fc__tooltip.fusioncharts-div > div:last-child .fusioncharts-tooltip-total {display: block; color: #5A5A5A;}

.table-report-card {overflow: unset !important;}
.border-form {border-color: #CCCCCC !important;}

fieldset > legend {display: none}

/*APEX developer toolbar*/
.a-DevToolbar{color:#fff;position:fixed;z-index:1000;bottom:0;width:auto !important}
.a-DevToolbar > h1{display:none}
.a-DevToolbar-list{display:flex;list-style:none;margin:0;padding:0;justify-content:center;opacity:.8}
.a-DevToolbar-list li{display:flex;flex-grow:1;flex-shrink:0;flex-basis:auto}
.a-Button.a-Button--devToolbar{box-shadow:none;border-width:0;background-color:rgba(0,0,0,0.5);color:#fff;border-radius:0;flex-grow:1;display:flex;align-items:center;font-size:10px;line-height:16px;padding:4px 12px}
.a-Button.a-Button--devToolbar.is-active{background-color:rgba(0,0,0,0.7)}
.a-Button.a-Button--devToolbar:hover{background-color:rgba(0,0,0,1)}

/*from old L&F*/
.div_ellipsis {overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;}

/*chatbot*/
:root {
  --chat-window-border: #CCC;
  --chatbot-width: inherit;
  --chat-header-text-color: #FFF;
  --chat-window-background: #FFF;
  --chat-body-background: #FFF;
  --chat-message-color: #FFF;
  --chat-footer-button: #B0D8E2;
  --chat-footer-button-disable: #D0D0D0;
  --chat-footer-input: #FFF;
  --chat-footer-input-border: #337AB7;
  --border_left-dashlet-open: #337AB7;
  --chat-ai-dashlet: #337AB7;/*main color*/
  --chat-message-border: #DDD;
  --circle-background-color: #CFCFCF;
  --dot-color: #888;
}

/* Chatbox Container */

#chatPromptAIContainer {
  position: relative;
  display: inline-block;
}
#chatPromptAIContainer #chatPromptAI {
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 2000;
  min-width: 360px;
  max-width: 520px;
  box-shadow: 0 6px 18px rgba(0,0,0,.2);
}
#chatPromptAIToggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-left: 8px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.15);
  cursor: pointer;
  user-select: none;
}
#chatPromptAIToggle .chatPromptAIIcon {
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  color: #4a4a4a;
}
#chatPromptAI.is-collapsed {
  display: none;
}

#chatPromptAI {
  background-color: var(--chat-ai-dashlet) !important;
}

.chatbox {
  width: var(--chatbot-width);
  border: 1px solid var(--chat-window-border);
  border-radius: 15px;
  background: var(--chat-window-background);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 10px;
}

/* Chat Header */
.chat-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5px 10px 5px;
  background: transparent;
}

.chat-header img {
  width: 30px;
  height: 30px;
}

.chat-header span {
  font-weight: bold;
  text-align: left;
  color: var(--chat-header-text-color);
}

/* Chat Body */
.chat-body {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  height: 260px;
  max-height: 260px;
  scroll-behavior: smooth;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 8px;
  max-width: 400px;
  background-color: var(--chat-body-background);
}

/* Common Message Styles */
.message {
  align-items: center;
  margin-bottom: 10px;
  position: relative;
}

.message img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.message p {
  padding: 10px 15px;
  font-size: 14px;
  max-width: 70%;
}

/* Bot Message */
.bot-message {
  justify-content: flex-start;
  display: flex;
}

.bot-message p {
  background-color: var(--chat-message-color);
  border: 1px solid #ddd;
  border-radius: 18px 18px 18px 0;
  margin-left: 3px;
}

/* User Message */
.user-message {
  justify-content: flex-end;
  display: flex;
  align-items: center;
}

.user-message p {
  background-color: var(--chat-message-color);
  border-radius: 18px 18px 0 18px;
  border: 1px solid var(--chat-message-border);
  margin-right: 3px;
  max-width: 80%;
}

/* Typing Indicator */
.typing-indicator {
  display: flex;
  align-items: center;
  background: var(--chat-window-background);
  border: 1px solid var(--chat-message-border);
  border-radius: 18px;
  padding: 10px 10px;
}

.dot {
  width: 6px;
  height: 6px;
  margin: 0 2px;
  border-radius: 50%;
  background: var(--dot-color);
  animation: blink 1.5s infinite;
}

.dot:nth-child(2) {
  animation-delay: 0.2s;
}

.dot:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes blink {
  0% { opacity: 0.3; }
  50% { opacity: 1; }
  100% { opacity: 0.3; }
}

/* Chat Footer */
.chat-footer {
  display: flex;
  padding: 10px 0 0 0;
  justify-content: space-between;
}

.chat-footer input {
  flex: 1;
  border: 1px solid var(--chat-footer-input-border);
  background-color: var(--chat-footer-input);
  padding: 8px;
  border-radius: 5px;
  outline: none;
}

.chat-footer button {
  background-color: var(--chat-footer-button);
  border: none;
  padding: 8px 15px;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 5px;
}

.chat-footer button:disabled {
  background-color: var(--chat-footer-button-disable);
  cursor: not-allowed;
}

/* Circular Icons */
.circle-sm {
  width: 30px;
  height: 30px;
  background-color: var(--circle-background-color);
  border-radius: 50%;
  border: 1px solid transparent;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  position: relative;
}

.circle-sm .circle-text {
  position: absolute;
  top: 60%;
  left: 60%;
  transform: translate(-55%, -55%);
  text-align: center;
  line-height: 1;
  font-weight: bold;
}

.border-left-blue {
  border-left: 10px solid var(--border_left-dashlet-open) !important;
}

.intro {
  font-size: 12px;
}

.top-scroller-table-report {
  overflow-x: scroll;
  overflow-y: hidden;
}

.scroller-content {
  background-color: transparent;
  height: 5px;
  white-space: nowrap;
}