.env-qa:before,
.env-dev:before,
.env-demo:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 999999px;
    height: 0;
    z-index: 999999;
    -webkit-box-shadow: 0px 0px 10px 5px #fd7f07;
    -moz-box-shadow: 0px 0px 10px 5px #fd7f07;
    box-shadow: 0px 0px 10px 5px #fd7f07
}

.clsRequired {
    margin-right: 10px;
}
.clsRequired:after {
    content: "\2731";
    color: red;
    font-weight: normal;
    font-size: 12px;
    white-space: nowrap;
    padding-left: 3px;
}


/* select two overriden config */
span.select2-search.select2-search--dropdown:after {
    position: absolute;
    content: "";
    z-index: 1000;
    right: 25px;
    padding: 8px;
    top: 27px;
    border: transparent;
    background: url('images/search_icon.svg') no-repeat center;
    cursor: pointer;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: url('images/down_arrow.svg') no-repeat center;
    left: 20% !important;
    top: 40% !important;
    padding: 6px;
    border-style: none !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    background: url('images/up_arrow.svg') no-repeat center;
}

.select2-container:hover .select2-selection--single .select2-selection__clear {
    background-color: #c8c8c8;
    margin-right: 25px;
}
.select2-container--bootstrap4 .select2-selection__placeholder,
*::placeholder
{
    font-style: italic;
}

.select2-results__option.select2-results__option--group > strong.select2-results__group {
    background-color: #EEF1F2;
}

#divFilter .form-field .select2-selection ul.select2-selection__rendered {
    max-height: 150px;
    overflow-y: auto;
}

/* Dashboard */
.form-field-input {
    height: 44px;
}

#divFilter {
    max-width: calc(100vw - 100px);
}

#divFilter .row {
    flex-wrap: nowrap;
}

#divFilter .form-field {
    min-width: 150px;
}

#divFilter .form-field[data-select2-id] {
    max-width: 400px;
}

.dashboard-row > [class*="col-"] .widget-no-container {
    padding: 0;
}

.right-popup {
    display: none;
    width: 100%;
    position: fixed;
    background: transparent;
    top: 0;
    height: 100%;
    right: 0;
    z-index: 2;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}

.popup-shade {
    cursor: pointer;
    display: none;
    position: absolute;
    top: 0;
    background: rgba(25,31,32, 0.4);
    width: 100%;
    height: 100%;
    z-index: 2;
}

.rp-mainlayer {
    display: block;
    z-index: 3;
    height: 100%;
    width: 100%;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 12px rgb(57 68 71 / 25%);
}

.show-pdf .right-popup-container,.show-pdf .right-popup-pdf {
    height: 50%;
}
.right-popup-container .nav + .tab-content {
    height: calc(100% - 36px);
    overflow-y: auto;
}

.popup-content-w-header {
    height: calc(100% - 64px);
    overflow: auto;
}

.right-popup-container {
    overflow: auto;
    position: relative;
    background-color: #FFFFFF;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    flex: 1 0 0;
    height: 100%;
}

.right-popup-pdf {
    display: none;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    flex: 1 0 0;
}

.popup-pdf-drop  #fileDocUploader {
    width: 100%;
}

.popup-pdf-drop  #fileDocUploader .ajax-upload-dragdrop {
    position: relative;
}

.popup-pdf-drop .ajax-upload-dragdrop > span {
    position: absolute;
    top: 50px;
    left: 0;
    margin: 0;
    width: 100%;
}

.popup-pdf-drop p:last-of-type {
    margin-bottom: 12px;
}

.show-pdf .right-popup-pdf {
    display: block;
}

.right-popup-container > ul.popup-document-ul {
    padding: 0;
}

.right-popup-close {
    display: none;
    position: absolute;
    border-radius: 24px 0px 0px 24px;
    left: -48px;
    width: 48px;
    height: 48px;
    background-color: #FFFFFF;
    top: auto;
    margin-top: 14px;
    cursor: pointer;
    z-index: 1;
    box-shadow: -6px 4px 12px rgb(52 63 66 / 10%);
}

.right-popup-close:before {
    font-family: 'Streamline-Bold' !important;
    content: '\e939';
    COLOR: #87949B;
    font-size: 8px;
    position: absolute;
    left: 45%;
    top: 18px;
}

.right-popup-container .right-popup-mclose {
    padding-left: 7px;
    border: 1px solid transparent;
}

.right-popup-mclose:before {
    content: '\e939';
    font-family: 'Streamline-Bold';
    color: #87949B;
    line-height: 16px;
}

.right-popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 19px 16px;
    background: #FFFFFF;
}

.right-popup-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 64px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 14px 16px;
    background: #FFFFFF;
    box-shadow: 0px -2px 8px rgba(57, 68, 71, 0.1);
}

.right-popup-banner {
    background: #F8F9F9;
    box-shadow: inset 0px -1px 0px #E5EAEB;
    width: 100%;
    padding: 8px 16px;
}

.popup-document-list {
    padding: 20px;
    background: #F8F9F9;
    border-top: 1px solid #E5EAEB;
    border-bottom: 1px solid #E5EAEB;
    cursor: pointer;
    margin-bottom: -1px;
}

.popup-document-list.selected {
    background: #FFFFFF;
    border-left: 4px solid #00A657;
}

.popup-document-list .popup-first-row {
    color: #00763E;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.popup-document-list .popup-first-row:before {
    content: "\e952";
    font-family: 'Streamline-Bold' !important;
    margin-right: 6px;
    font-size: 20px;
    line-height: 20px;
    color: #87949B;
}

.popup-document-list .popup-second-row {
    font-weight: 600;
    font-size: 13px;
    line-height: 17px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #606F73;
}

.right-popup-container .nav-item, .contact-info-container .nav-item {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #606F73;
    text-align: center;
}

.right-popup-container .nav-link, .contact-info-container .nav-link {
    color: #606F73;
}

.right-popup-container .nav-link.active, .contact-info-container .nav-link.active {
    color: #191F20;
    border-color: #FFFFFF;
    border-bottom: 2px solid #00A657;
}

.popform-group label, .popup-field-label {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #191F20;
}

table.popup-form-table {
    border-spacing: 16px 24px;
    border-collapse: separate;
}

.popform-group label {
    margin:0 12px 0 0;
}
.popform-label {
    margin-bottom: .5rem!important;
}

.popform-field {
    display: block !important;
}

.popform-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.popform-group .note-editor, .popform-group .select2 {
    width: 100% !important;
}

.popform-list {
    padding: 0 16px;
    margin-top: 24px;
}

.popform-list span {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    width: 70%;
}
.popform-list span.popform-single {
    font-weight: normal;
}
.popform-single {
    padding: 10px;
    background: #FFFFFF;
    border: 1px solid #D4DBDE;
    border-radius: 4px;
    width: 100%;
}
.popform-single.popform-single-disabled {
    border: none;
}

.popform-single:focus {
    border: 1px solid #00A657;
    outline: none;
}
.popform-group.seq-checkbox {
    height: 36px !important;
}


.popform-multiple {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.popform-multiple > div {
    min-width: 64px;
    margin-right: 18px;
}

.popform-multiple > div:last-of-type {
    margin-right: 0;
}

.popform-multiple > div label {
    white-space: nowrap;
    font-size: 13px;
    line-height: 16px;
    margin: 0;
}

.popform-multiple input {
    width: 100%;
    border: 1px solid #C2CBCF;
    box-sizing: border-box;
    border-radius: 4px;
    height: 36px;
}

.popform-multiple input:focus {
    border: 1px solid #00A657;
}

.right-popup-container input[type=text]:focus, .right-popup-container input[type=text]:active {
    outline: none;
}

/* right popup critical dates */
.popup-regular-list {
    display: flex;
    align-items: center;
    padding: 15px;
    border-top: 1px solid #E5EAEB;
    border-bottom: 1px solid #E5EAEB;
    margin-bottom: -1px;
    background: #FFFFFF;
}

.nowrap-paragraph {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.date-icon {
    height: 52px;
    width: 56px;
    min-width: 56px;
    text-align: center;
    background: #F8F9F9;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border: 1px solid #E5EAEB;
    border-top-width: 4px;
    border-radius: 4px 4px 0 0;
    margin: 0 auto;
}

.date-icon small {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #606F73;
}

.dashboard-header {
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
    margin-bottom: 16px;
}

.dashboard-header .form-dropdown {
    width: 160px;
    height: 100%;
    font-size: 14px;
    color: #3E4749;
}

.dashboard-header input {
    height: 100%;
    padding: 12px;
}

.dashboard-header-container {
    display: flex;
}

.dashboard-header-container > .form-dropdown {
    margin-left: 16px;
}

.filter-dropdown {
    display: none;
}

.dashboardSettingContainer {
    display: none;
    /* position: static; */
}

.button-settings {
    background: url('images/settings.svg') no-repeat center;
    background-color: #FFFFFF;
    border: 1px solid #C2CBCF;
    box-sizing: border-box;
    border-radius: 4px;
    width: 36px;
    height: 36px;
}


.admin-link,.password-link, .logout-link, .search-link, .filter-icon, .filter-asc-icon,
.filter-desc-icon, .insert-left-icon, .insert-right-icon, .hide-field-icon, .move-left-icon, .move-right-icon{
    padding: 0 8px;
    margin-right: 8px;
}

.filter-icon {
    background: url('images/filter_icon.svg') no-repeat center;
}

.filter-asc-icon {
    background: url('images/sort_asc.svg') no-repeat center;
}

.filter-desc-icon {
    background: url('images/sort_desc.svg') no-repeat center;
}

.insert-left-icon {
    background: url('images/insert_left.svg') no-repeat center;
}

.insert-right-icon {
    background: url('images/insert_right.svg') no-repeat center;
}

.hide-field-icon {
    background: url('images/hide_field.svg') no-repeat center;
}

.move-left-icon {
    background: url('images/move_left.svg') no-repeat center;
}

.move-right-icon {
    background: url('images/move_right.svg') no-repeat center;
}

.hide-field-icon {
    background: url('images/hide_field.svg') no-repeat center;
}

.search-link {
    background: url('images/magglass_green.svg') no-repeat center;
}

.admin-link {
    background: url('images/admin_logo.svg') no-repeat center;
}

.password-link {
    background: url("images/key_logo.svg") no-repeat center;
}

.logout-link {
    background: url("images/logout_logo.svg") no-repeat center;
}

.clsDbContainer > [id*="container-"] {
    background-color: #F3F6F9;
}

.clsDbContainer > [id*="container-"] > div.widget:not(:first-of-type) {
    margin-top: 24px;
}

.widget-title-container {
    display: flex;
    justify-content: space-between;
}

.widget-title-container .dropdown {
    position: relative;
}

.widget-title-container .dropdown-menu a.btn-icon-text:before {
    margin-right: 10px;
}

.widget .widget-title:not(.exclude-widget-text) {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: #526061;
    line-height: 25px;
    height: 25px;
}

.title .btn:focus {
    outline: none;
    box-shadow: none;
}

.dashboard-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    color: #000000;
    margin: auto 0;
}

.form-dropdown-menu > ul {
    padding: 12px;
}

.searchbox-input {
    position: relative;
    display: block;
}

.searchbox-input > input {
    width: 100%;
    padding: 12px;
    background: #FFFFFF;
    border: 1px solid #C2CBCF;
    box-sizing: border-box;
    border-radius: 4px;
}

.searchbox-input:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 38%;
    width: 12px;
    height: 12px;
    background: url('images/magglass_logo.svg') no-repeat;
    background-size: contain;
    background-position: 50%;
}

.dashboard-custom-container {
    width: 424px;
    padding: 32px 0 28px;
    border-radius: 4px;
    background-color: #FFFFFF
}

.dashboard-custom-header {
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
}

.dashboard-custom-title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: #526061;
    align-self: center;
}

.quickLinkUl {
    padding: 0 16px;
    margin-top: 25px;
}

.quickLinkUl > li {
    margin: 17px 0;
}

.quickLinkUl > li > a {
    width: fit-content;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 23.05px;
    color: #00763E;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.green-arrow {
    background: url('images/greenArrowRight.svg') no-repeat center;
    width: 16px;
    height: 7.7px;
    display: block;
    margin-right: 8px;
}

.external-link {
    background: url('images/externalLink.svg') no-repeat center;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.clsBlueButton {
    background: #489cf3 !important;
    border: 1px solid #489cf3 !important;
    color: #fff !important;
}
.clsBlueButton:hover {
    background: #3573b0 !important;
    border: 1px solid #3573b0 !important;
    color: #fff !important;
}

.dashboardItemTypeRecentlyViewed {
    padding: 22px 0px 0px !important;
}

.dashboardItemTypeRecentlyViewed .title {
    padding: 0 16px;
}

.recentlyViewedTabContainer {
}

.recentlyViewedTabContainer .tab-content .tab-pane {
    /* position: absolute; */
    top: 0;
    width: 100%;
}

.tab-content {
    position: relative;
    /* overflow-y: auto; */
}

.recentlyViewedUl{
    display: flex;
    border-bottom: 1px solid #99A5AA;
}

.recentlyViewedLi{
    padding: 0;
    text-align: center;
    border-bottom: none;
}

.recentlyViewedLi:active {
    border-bottom: none;
    background: transparent !important;
}

.recentlyViewedLi > a {
    color: #191F20;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    border-radius: 0 !important;
}
.recentlyViewedLi > a.active, .recentlyViewedLi > a:hover  {
    border-color: transparent !important;
}

.recentlyViewedLi > a.active{
    box-shadow: inset 0px -4px 0px #00A657;
    background-color: #FFFFFF !important;
    color: #191F20 !important;
    border-radius: 0;
}

.box-logo {
    background: url('images/box_logo.svg') no-repeat center;
    width: 24px;
    height: 24px;
}

.boxRow, .boxRow:hover {
    width: 100%;
    padding: 16px;
    box-shadow: inset 0px -1px 0px #EEF1F2;
    height: 88px;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.boxRow .twoRowText {
    margin-left: 8px;
    position: relative;
    align-self: center;
}

.tab-pane ul li:last-of-type a {
    box-shadow: none;
}

.twoRowText > p {
    font-style: normal;
    margin-bottom: 0;
    font-size: 14px;
}
.twoRowText > p:first-child {
    font-weight: 600;
    color: #00763E;
    line-height: 17px;
}

.twoRowText > p:last-child {
    font-weight: normal;
    color: #87949B;
    line-height: 18px;
}

/* Ui Dialog */
.ui-dialog-title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #394447;
    position: relative;
}

.ui-dialog-content {
    margin: 32px 0px;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #394447;
}

.clsMsgInfo .ui-dialog-title:before, .clsMsgWarning .ui-dialog-title:before, .clsMsgError .ui-dialog-title:before  {
    position: relative;
    margin-right: 8px;
    top: 1px;
    font-family: 'Streamline-Bold' !important;
}

.clsMsgInfo .ui-dialog-title:before {
    content: '\e946';
    color: #83C4F6;
}

.clsMsgWarning .ui-dialog-title:before {
    content: "\e904";
    color: #f9d099;
}

.clsMsgError .ui-dialog-title:before {
    content: "\e947";
    color: #ee3535;
}


/* Table */
.checkbox-table tbody tr:nth-of-type(even) {
    background: #F8F9F9;
}
.checkbox-table {
    border-style: hidden;
    border-radius: 4px;
    box-shadow: 0 0 0 1px#D4DBDE;
    background: #FFFFFF;
}
.checkbox-table th { width: 42px; }
.checkbx-table tbody { color: #394447; }
.checkbox-table thead { color: #606F73; background: #EEF1F2; }
.checkbox-table th, .checkbox-table td {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    border: 1px solid #D4DBDE;
    vertical-align: middle;
}

.checkbox-table td {
    padding: 8px 10px;
}

.checkbox-table th
{
    padding: 9px 12px;
}

.checkbox-table tr th input {
    width: 20px;
    height: 20px;
}
/* scroll-table */
table {
    width: 100%;
}
.scroll-table {
    background-color: #FFFFFF;
    table-layout: fixed;
}

.scrollable-col {
    overflow: scroll;
    white-space: nowrap;
    padding-left: 0 !important;
    border-top: 0 !important;
}

.fixed-col td {
    width: 92px;
}

.fixed-col td, .scrollable-col td, .upper-table td, .lower-table td, .upper-table th, .lower-table th {
    border-left: 1px solid #D4DBDE;
    border-bottom: 1px solid #D4DBDE;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    height: 48px;
    max-height: 48px;
    padding: 0 10px;
}

.scrollable-col tr:first-child, .fixed-col tr:first-child, .upper-table tr:first-child, .lower-table tr:first-child {
    background: #EEF1F2;
}


.scrollable-col tbody tr:nth-child(3n+3) td, .lower-table tbody tr:nth-child(3n+3) td {
    background: #F8FAFC;
}

/* option 2 */
.floating-table {
    position: relative;
    width: 100%;
    background: #FFFFFF;
}
.upper-table {
    position:absolute;
    left:0;
    top: 0;
    background: white;
    table-layout: auto;
    width: auto;
}
.overflow-table-container {
    width: 100%;
    overflow: scroll;
}

.lower-table {
    border: 1px solid #D4DBDE;
}

.lower-table th, .upper-table th {
    width: 92px;
    min-width: 92px;
}

.upper-table td, .lower-table td {
    white-space: nowrap;
}

.vertical-scroll-body {
    height: 400px;
    overflow-y: scroll;
    padding: 1px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}


.ellipses-button {
    outline: none;
    width: 36px;
    height: 36px;
    background: url('images/ellipses.svg') no-repeat center;
}
.logo_box .clientLG {
    background: no-repeat 50% 50% !important;
    background-size: contain !important;
    color: #5e5b5b !important;
    display: none;
    height: 40px !important;
    width: 150px !important;
}
.logo_box .clientLG div {
    color: #5e5b5b !important;
    border: 1px dotted #5e5b5b !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-align: center !important;
    padding: 5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.highcharts-container, .highcharts-container svg { width: 100% !important; }

.icon-badge {
    background-color: #00763E;
    font-size: 12px;
    line-height: 1;
    color: #FFFFFF;
    text-align: center;
    border-radius: 10px;
    position: absolute;
    padding: 2px 4px;
}

.header-icon-button {
    position: relative;
    cursor: pointer;
}
.desktop-header-right-container a:hover {
    text-decoration: none;
}
.desktop-header-right-container .email-icon {
    width: 22px;
    height: 19px;
    background: url('images/envelope.svg') no-repeat center;
}
.desktop-header-right-container .email-icon .icon-badge {
    top: -8px;
    left: 14px;
}
.desktop-header-right-container .icon-alarm-bell-1 {
    font-size: 22px;
    color: #87949B;
}
.desktop-header-right-container .icon-alarm-bell-1 .icon-badge {
    background-color: #EA1B1B;
    top: -1px;
    left: 14px;
}

/* Reports Dashboard */
#sidebarMenu .nav-item {
    width: 100%;
}

#dashboardEditor {
    height: 100% !important;
}

#mapboxMap { position: relative; width: 100vw; height: 100% }

/* The select2 menu controlling switch client functionality (top left) */
#clientSelectWrapper ul.select2-results__options.select2-results__options--nested {
    white-space: nowrap;
}

.text-truncate * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* multiselect lib override */
.ms-options-wrap > .ms-options {
    width: auto;
}

.popup-pdf-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: calc( 100% - 64px);
    background: #E5EAEB;
    overflow: auto;
    text-align: center;
}

.popup-pdf-drop .ajax-upload-dragdrop {
    text-align: center;
}

.popup-pdf-drop p {
    color:#606F73;
    margin: 12px 0 0;
}


@media only screen and (min-width: 600px) {
    /* Dashboard */
    .dashboard-header {
        padding: 0;
    }

    .dashboardSettingContainer {
        display: block;
    }
    /* Table */
    .fixed-col td {
        width: 133px;
    }

    .dashboard-header {
        margin-bottom: 24px;
    }

    /* Mapbox css */
    #mapboxMap { width: 50vw; }

}

@media only screen and (min-width: 768px) {
    .rp-mainlayer {
        display: flex;
        position: fixed;
        width: auto;
        max-width: 50vw;
        margin-left: auto;
        right: 0;
        height: inherit;
    }

    .show-pdf.rp-mainlayer {
        max-width: 70vw;
        width: 100%;
    }
    .right-popup-container {
        margin-left: auto;
    }

    .show-pdf .right-popup-pdf,.show-pdf .right-popup-container  {
        height: calc(100%);
    }

    .popup-shade, .right-popup-close,.show-pdf .right-popup-pdf {
        display: block;
    }

    .right-popup-mclose {
        display: none;
    }

    .popup-pdf-description {
        text-align: center;
        width: 90%;
        margin-top: 12px;
    }

    .popup-content-w-header {
        height: calc(100% - 128px);
    }

    .popup-pdf-description i:before {
        font-size: 40px;
        color: #87949B;
    }

    .popup-pdf-drop {
        height: auto;
        width: auto;
        padding: 20px;
        border-radius: 4px;
        border: 1px dashed #C2CBCF;
        background: #EEF1F2;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .popup-pdf-drop i {
        font-size: 48px;
        color: #C2CBCF;
        margin-top: 0;
    }

    .popup-pdf-drop p, .popup-pdf-description p {
        margin: 24px 0 0;
    }

    .popup-pdf-drop i {
        margin-top: 40px;
    }

    .popup-pdf-drop {
        height: 345px;
        width: 90%;
        max-width: 464px;
        padding: 0;
        margin: 12px 0;
    }

    .popup-pdf-drop .ajax-upload-dragdrop {
        margin: 0 auto;
    }

    .popup-pdf-drop .ajax-file-upload {
        margin: 0;
    }
    .bg-gray-1 {
        background: #EEF1F2;
    }

    .border-top-gray {
        border-top-color: #87949B;
    }

    .popup-image-thumb {
    }
    .popup-image-thumb img {
        max-height: 225px;
        width: 100%;
        object-fit: cover;
    }

    .popup-image-banner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100px;
        padding: 16px;
        background-color: #00763E;
        color: #FFFFFF;
        font-size: 12px;
        line-height: 14px;
    }
    .popup-image-banner .icon-expand-6-alternate {
        color: #FFFFFF;
        font-size: 16px;
        border: 1px solid transparent;
    }
    .map-details {
        padding: 16px;
    }

    .map-details table {
        color: #606F73;
        font-size: 14px;
        line-height: 17px;
        border-spacing: 10px;
        border-collapse: separate;
    }
    .map-details table tr td:first-child {
        font-weight: 600;
        color: #394447;
    }
}
/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {

}

@media only screen and (min-width: 1280px) {
    .clsDbContainer > [id*="container-"] > div.widget:not(:first-of-type) {
        margin-top: 32px;
    }

    .popup-pdf-page {
        justify-content: space-around;
    }
}


@media only screen and (min-width: 1440px) {
    /* Table */
    .fixed-col td {
        width: 155px;
    }


    /* dashboaRD */
    .widget-title-container .dropdown button {
        position: absolute;
        right: -15px;
    }

    .dashboardItemTypeRecentlyViewed .title {
        padding: 0 35px;
    }

    #dashboardEditor .widget-title-container .dropdown button {
        right: 0px;
    }
    .dashboard-header {
        height: 36px;
        margin-bottom: 21px;
    }

    .button-settings {
        height: 36px;
        width: 36px;
    }

    .filter-dropdown {
        display: block;
    }

    .filter-form-container {
        padding: 32px 40px 0px;
    }

    .form-field-input {
        width: 100%;
        height: 100%;
        background: #FFFFFF;
        border: 1px solid #C2CBCF;
        border-radius: 4px;
        font-weight: normal;
        font-size: 14px;
        line-height: 17px;
        color: #394447;
    }

    .filter-title-container {
        margin-bottom: 24px;
    }

    .filter-dropdown .dropdown-menu {
        right: 0;
        left: auto;
        width: 760px;
        padding: 0;
    }

    .filter-form-footer {
        margin-top: 8px;
        padding: 14px 40px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        background: #F8F9F9;
    }
    .no-footer {height: 100% !important}

}

/* @media only screen and (min-height: 900px) {
    .warning-bottom {
        position: absolute;
        bottom: 0px;
    }
} */

@media print {
    .print-hide {
        display: none !important;
    }

    .widget-title-container button.icon-navigation-menu-vertical{
        display: none;
    }

    table { page-break-inside:auto !important; table-layout: fixed !important; }
    tr    { page-break-inside:avoid !important; page-break-after:auto !important }
    td    { page-break-inside:avoid !important; page-break-after:auto !important}
    thead { display:table-header-group !important}

    .bgrid-wrap {
        max-width: none !important;
        overflow: visible !important;
        width: auto !important;
    }

    .bgrid-toolbar .btn-group{
        display: none;
    }
    .bgrid-fixed-toolbar {
        position: static !important;
    }

    .bgrid-toolbar {
        padding: 0 !important;
    }

    .bgrid-header th {
        position: static !important;
    }

    .bgrid tbody td {
        overflow: visible !important;
    }
}
