:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --gray-light: #d2d6de;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --overdue-event-color: #dc3545;
    --pending-approval-color: #fd7e14;
    --in-progress-event-color: #20c997;
    --approved-event-color: #28a745;
    --future-event-color: #007bff;
    --future-recurring-event-color: #17a2b8;
    --cem-light-bg-color: #ff6242;
    --pem-light-bg-color: #009999;
    --overdue-event-color-light: rgba(220, 53, 69, 0.3);
    --pending-approval-color-light: rgba(253, 126, 20, 0.3);
    --in-progress-event-color-light: rgba(32, 201, 151, 0.3);
    --approved-event-color-light: rgba(40, 167, 69, 0.3);
    --future-event-color-light: rgba(0, 123, 255, 0.3);
    --future-recurring-event-color-light: rgba(23, 162, 184, 0.3);
}

.nav > li > button {
    position: relative;
    display: block;
    padding: 10px 15px;
}

    .nav > li > button:hover {
        text-decoration: none;
        /*background-color: #;*/
    }

.phototable tr th {
    background: #fff;
}
.phototable tr:nth-child(1n+1), tr:nth-child(1n+2) td tr:nth-child(1n+3) td tr:nth-child(1n+4) td tr:nth-child(1n+5) td {
    background: #fff;
}

.phototable tr.phototable-station-headling td {
    background: #f4f4f4;
}
.stickytable {
    overflow: scroll;
    height: 360px;
    font-size: 12px;
}
.stickyheader > thead > tr {
    background-color: #ecf0f5;
    position: sticky;
    top: 0;
}
.stickyheader > th {
    position: sticky;
    top: 0;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none
    }
}

.dataTables_filter {
    display: none !important;
}

.ui-autocomplete {
    position: absolute;
    z-index: 1000;
    cursor: default;
    padding: 0;
    margin-top: 2px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

    .ui-autocomplete > li {
        padding: 10px 20px;
    }

        .ui-autocomplete > li.ui-state-focus {
            background-color: #DDD;
        }

.ui-helper-hidden-accessible {
    display: none;
}

.search-form {
}

    .search-form .control-label {
        padding-top: 9px;
    }

.pem-search {
    border: 1px solid #ccc;
    border-right-width: 0px;
    background-color: #00999960;
    color: #fff;
    border-radius: 0;
    border-color: #d2d6de;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
}
.pem-search-sm{
    display:none;
}

.data-enter-file-cell {
    padding-right: 0;
}

.value-boxes {
    min-width: 60px;
}

.login-logo {
    margin-top: -25px;
    margin-bottom: -10px;
}


.mtop0 {
    margin-top: 0;
}

.mtop5 {
    margin-top: 5px;
}

.mtop7 {
    margin-top: 7px;
}

.mtopn7 {
    margin-top: -7px;
}

.mtop10 {
    margin-top: 10px;
}

.mtop15 {
    margin-top: 15px;
}

.mtop20 {
    margin-top: 20px;
}

.mtop25 {
    margin-top: 25px;
}

.mtop30 {
    margin-top: 30px;
}

.mtop40 {
    margin-top: 40px;
}

.mtop60 {
    margin-top: 60px;
}

.mtop80 {
    margin-top: 80px;
}

.mtop-3 {
    margin-top: 3em;
}

.mtop-5 {
    margin-top: 5em;
}

.mtop-45 {
    margin-top: -45px;
}

.pleft5 {
    padding-left: 5px;
}

.pleft10 {
    padding-left: 10px;
}

.p0 {
    padding: 0;
}

@media(max-width: 767px) {
    .mtop10-sm {
        margin-top: 10px;
    }

    .mtop15-sm {
        margin-top: 15px;
    }
}

@media(max-width: 421px) {
    .mtop10-xs {
        margin-top: 10px;
    }
}

.cursor-pointer {
    cursor: pointer;
}

.nav li p {
    line-height: 20px;
    position: relative;
    display: block;
    padding: 15px 5px;
    color: #FFFFFF;
    margin: 0;
}

.ths-wrapper {
    position: relative;
}

.ths-container {
    overflow-x: scroll;
    margin-left: 150px;
    overflow-y: visible;
    padding: 0;
}

    .ths-container table {
        margin-bottom: 0;
    }

    .ths-container table .filter{
        height: 25px;
    }

        .ths-container table tr td:first-child,
        .ths-container table tr th:first-child {
            position: absolute;
            width: 150px;
            left: 0;
            top: auto;
            padding-bottom: 11px;
            line-height: 1;
        }

        .ths-container table tr td:first-child strong,
        .ths-container table tr th:first-child strong {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 3px;
        }
        
            

        .ths-container table tr th:first-child {
            padding-bottom: 8px;
        }

        .ths-container table tr:nth-of-type(odd) td:first-child {
            background-color: #f9f9f9;
        }

.approved-status-icon {
    font-size: 32px;
}

.w125 {
    width: 125px !important;
}

.o50 {
    opacity: .5;
}

.form-inline label {
    margin-right: 10px;
}

.form-inline label.file-upload {
    margin-right: auto;
}

.form-inline label {
    margin-right: 10px;
}

.approved-title {
    margin-right: 10px;
    font-size: 14px;
    padding-top: 8px;
}

.content-header-row {
    padding: 7px 0 0 0;
}

    .content-header-row h1 {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 32px;
    }

    .content-header-row h2 {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 24px;
    }

    .content-header-row h3 {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 20px;
    }

.info-alert {
    padding: 5px 10px;
    margin-bottom: 10px;
}


/*

Uncomment this to get full screen width 
.container{
    width: auto;
}*/

a.fc-day-grid-event:visited {
    color: #ffffff;
}

.fc-title {
    font-size: 14px;
}

.fc-future {
    opacity: 0.3;
}

.notification-message {
    text-align: center;
    font-size: 18px;
}

#companyFilter label,
#siteFilter label,
#categoryFilter label {
    float: left;
    margin: 7px 15px 0 0;
}

#companyFilter select,
#siteFilter select,
#categoryFilter select {
    float: right;
    width: 195px;
}


.mright5 {
    margin-right: 5px;
}

.mright10 {
    margin-right: 10px;
}

.mright15 {
    margin-right: 15px;
}

.mleft5 {
    margin-left: 5px;
}

.mleft10 {
    margin-left: 10px;
}

.mleft15 {
    margin-left: 15px;
}

@media (min-width: 768px) {
    .mr-md-10 {
        margin-right: 10px;
    }

    .mr-md-15 {
        margin-right: 15px;
    }

    .ml-md-10 {
        margin-left: 10px;
    }

    .ml-md-15 {
        margin-left: 15px;
    }
}

@media (max-width: 768px) {
    .mt-xs-10 {
        margin-top: 10px;
    }
}

    #myCarousel {
        /* height: 290px; */
    }

    .input-warning {
        border-color: #f39c12;
        box-shadow: none;
    }


    .input-inline {
        display: inline-block;
    }


    #map {
        height: 630px;
    }

    #documentsDataTable .text_filter,
    #documentsDataTable .select_filter,
    #triggerDataTable .text_filter,
    #triggerDataTable .select_filter {
        width: 100% !important;
    }

    table.legend td.issued,
    table.dataTable tr.issued {
        background: #f2dede;
    }

    table.legend td.compliance,
    table.dataTable tr.compliance {
        background: #f2dede;
    }

    table.legend td.nominated,
    table.dataTable tr.nominated {
        background: lightgreen;
    }

    .dataTableWith100Percent {
        width: 100% !important;
    }

    /*    .dataTableWith100Percent > thead > tr > th:not(:empty) {
        min-width: 100px;
    }*/

    .dataTable:not(.dataTableWith100Percent) {
        margin-left: -3px;
    }

    i.compliance {
        color: #dd4b39;
    }

    i.nominated {
        color: #00a65a;
    }

    .input-warning-nominated {
        border-color: green;
        box-shadow: none;
    }

    .input-warning-compliance {
        border-color: red !important;
        box-shadow: none;
    }

    .input-hidden {
        height: 0;
        width: 0;
        visibility: hidden;
        padding: 0;
        margin: 0;
        float: right;
    }

    .text_filter,
    .select_filter {
        height: 30px;
        padding: 5px 10px 5px 0;
        font-size: 12px;
        line-height: 1.5;
        width: 100% !important;
    }

    .w140 {
        width: 140px;
    }

    .w170 {
        width: 170px;
    }

    .w130 {
        width: 130px;
    }

    .w120 {
        width: 120px;
    }

    .w110 {
        width: 110px;
    }

    .w40 {
        width: 40px;
    }

    .w50 {
        width: 50px;
    }

.w210 {
    width: 210px;
}

    .w290 {
        width: 290px;
    }

.w350 {
    width: 350px;
}

    .w70 {
        width: 70px;
    }

    .w80 {
        width: 80px;
    }

    .w90 {
        width: 90px;
    }

    /*noinspection SpellCheckingInspection*/
    .wauto {
        width: auto;
    }

    .col-lp {
        padding-left: 5px;
        padding-right: 5px
    }

    .field-validation-error {
        display: none !important;
    }

    .rule-row {
    }

    tr.rule-row > td {
        border: none !important;
        padding-top: 0 !important;
        padding-left: 20px !important;
    }

    .rotate {
        max-width: 30px;
        padding-left: 19px;
    }

        /*noinspection CssUnknownProperty*/
        .rotate p {
            transform: rotate(-90deg);
            /* Legacy vendor prefixes that you probably don't need... */
            /* Safari */
            -webkit-transform: rotate(-90deg);
            /* Firefox */
            -moz-transform: rotate(-90deg);
            /* IE */
            -ms-transform: rotate(-90deg);
            /* Opera */
            -o-transform: rotate(-90deg);
            /* Internet Explorer */
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
            margin-bottom: 40%;
        }

    .table-with-actions {
    }

        .table-with-actions tr td:last-child {
            text-align: right;
            white-space: nowrap;
        }

    .dataTables_empty {
        text-align: center !important;
    }

    .area-selector-li {
        margin-left: 0;
    }

    .logout-section {
        background-color: #FFF !important;
        background-clip: padding-box;
        /*border: 1px solid #ccc !important;*/
        border: 1px solid rgba(0,0,0,.15) !important;
        border-radius: 4px;
    }

        .logout-section > li > a {
            color: #777 !important;
        }

    .company-selection-section {
        background-color: #FFF !important;
        background-clip: padding-box;
        /*border: 1px solid #ccc !important;*/
        border: 1px solid rgba(0,0,0,.15) !important;
        border-radius: 4px;
        max-height: 600px;
        overflow-x: auto;
        overflow-y: scroll;
    }

    /*
    .company-selection-section > li > a {
        color: #777 !important;
    }
*/

    @media (min-width: 768px) {
        .area-selector-li {
            margin-left: -15px;
        }
    }

    .table-center {
    }

        .table-center th {
            text-align: center;
        }

    .table th.center {
        text-align: center;
    }

    .checkbox-cell {
        position: relative;
        text-align: center;
    }

        .checkbox-cell i {
            font-size: 16px;
        }

    td.two-lines {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding-bottom: 0 !important;
    }

    .old-row {
        color: silver;
    }

    .hsms-element-row {
        font-weight: bold;
    }

        .hsms-element-row td {
            border-top: 1px solid #d2d6de !important;
        }

        .hsms-element-row [type="button"] {
            font-weight: bold;
            font-size: 14px;
        }

    .favorite-button {
        font-size: 16px;
        color: #f39c12;
        cursor: pointer;
    }

    #modalHistoryDetailsList .modal-body > div {
        padding-left: 0;
        padding-right: 0;
    }

    .treegrid-control span, .treegrid-control-open span {
        cursor: pointer;
    }

    @media (max-width: 991px) {
        .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
            right: 0;
        }
    }

    pre.multiline {
        white-space: pre-wrap; /* Since CSS 2.1 */
        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
        /*noinspection CssInvalidPropertyValue*/
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        word-wrap: break-word; /* Internet Explorer 5.5+ */
        word-break: keep-all;
    }

    .report-station-image-item {
        width: 200px;
        height: 150px;
        display: inline-block;
        text-align: center;
    }

        .report-station-image-item .report-station-image-container {
            width: 200px;
            height: 200px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
        }

    #dataEntry .content-wrapper {
        min-height: calc(100vh - 101px);
    }

    #dataEntry h4 {
        margin: 4px 10px 0 0;
    }

    #dataEntry h5 {
        margin-left: 0;
        margin-bottom: 0;
    }

    #dataEntry .online-div {
        font-size: 22px;
        padding: 12px 10px 7px 0;
    }

    #dataEntry .syncing {
        animation: blinker 1s linear infinite;
    }

    @keyframes blinker {
        50% {
            opacity: 0;
        }
    }

    #dataEntry .uiBlockOverlay {
        z-index: 1500;
        border: none;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgb(0, 0, 0);
        opacity: 0.6;
        cursor: wait;
        position: fixed;
    }

    #dataEntry .uiBlockMessage {
        z-index: 1511;
        position: fixed;
        padding: 14px 0 2px;
        margin: 0 0 0 -125px;
        width: 250px;
        top: 40%;
        left: 50%;
        text-align: center;
        color: rgb(153, 153, 153);
        border: 1px solid rgb(221, 221, 221);
        background-color: white;
        cursor: wait;
        font-size: 14px;
        height: 60px;
    }

    .login-box {
        margin-bottom: 10px;
    }

    .login-box-msg {
        padding-bottom: 10px;
    }

    .login-box-body {
        padding-bottom: 10px;
    }
    /*
.login-term-of-use {
    padding: 0 30px 10px 30px;
}

    .login-term-of-use p {
        text-align: justify;
    }
*/
    .mbottom0 {
        margin-bottom: 0;
    }

    .mbottom5 {
        margin-bottom: 5px;
    }

    .mbottom10 {
        margin-bottom: 10px;
    }

    .mbottom15 {
        margin-bottom: 15px;
    }

    .mbottom20 {
        margin-bottom: 20px;
    }

    .mbottom30 {
        margin-bottom: 30px;
    }

    .font16 {
        font-size: 16px;
    }

    i.danger,
    span.danger {
        color: #dd4b39;
    }

    i.warning,
    span.warning {
        color: #f39c12;
    }

    i.info,
    span.info {
        color: #00c0ef;
    }

    i.success,
    span.success {
        color: #00a65a;
    }

    i.primary,
    span.primary {
        color: #3c8dbc;
    }

    i.default,
    span.default {
        color: #d2d6de;
    }

    .validation-summary-errors {
        background-color: #dd4b39 !important;
        border-radius: 3px;
        /*border-left: 5px solid #eee;*/
        border-left: 5px solid;
        border-color: #c23321;
        color: #fff !important;
        margin: 0 0 20px 0;
        padding: 10px;
    }

        .validation-summary-errors ul {
            padding: 0;
            margin: 0;
        }

            .validation-summary-errors ul li {
                list-style-type: none;
                margin-bottom: 10px;
                /*text-align: justify*/
            }


                .validation-summary-errors ul li:last-child {
                    margin-bottom: 0;
                }

    .callout a {
        text-decoration: underline;
    }

        .callout a:hover {
            color: #eee;
        }

    .callout p:last-child {
        margin-bottom: 0;
    }

    .callout code,
    .callout .highlight {
        background-color: #fff;
    }

    .full-width {
        width: 100%
    }

    .ptop5 {
        padding-top: 5px;
    }

    .ptop15 {
        padding-top: 15px;
    }

    .text-italic {
        font-style: italic
    }

    .text-disclaimer {
        font-size: 12px;
        text-align: center;
    }

    .fc #companyFilter label,
    .fc #siteFilter label,
    .fc #categoryFilter label {
        float: left;
        margin: 5px 15px 0 0;
    }

    /*.fc .dropdown-menu > .active > a,
.fc .dropdown-menu > .active > a:hover,
.fc .dropdown-menu > .active > a:focus,*/
    #calendarControls .dropdown-menu > .active > a,
    #calendarControls .dropdown-menu > .active > a:hover,
    #calendarControls .dropdown-menu > .active > a:focus {
        color: #777
    }

    .dashboard-calendar-container {
        width: 926px;
        margin: 10px auto 0;
    }

    .dashboard-calendar-left {
        position: absolute;
        left: 10px;
        top: 10px;
        height: 210px;
    }

    .dashboard-calendar-right {
        position: absolute;
        right: 10px;
        top: 10px;
        height: 210px
    }

    .dashboard-calendar-container .calendar .month-container {
        width: 180px;
    }

    @media screen and (max-width: 993px) {
        /* Hide captions */
        .dashboard-calendar-container {
            width: 560px;
        }
    }

    @media screen and (max-width: 767px) {
        /* Hide captions */
        .dashboard-calendar-container {
            width: 180px;
        }
    }

    .checkbox-input-cell {
        padding-top: 28px;
    }

    .variable-info {
        font-size: 13px;
        color: rgb(221, 221, 221);
        cursor: pointer;
        margin-right: 2px;
    }

    .inline-text-cell {
        padding-top: 5px;
    }

    .multiselect-container > li.disabled > a > label.checkbox {
        color: #cccccc;
    }

    .multiselect-container > li.disabled.active > a:hover {
        background-color: #337ab7;
    }

    .nav-tabs-custom > .nav-tabs > li.active > a,
    .nav-tabs-custom > .nav-tabs > li.active:hover > a {
        font-weight: bold;
    }

    @media (max-width: 993px) {
        .text-sm-left {
            text-align: left;
        }

        .text-sm-right {
            text-align: right;
        }
    }

    .checkbox-input-cell {
        padding-top: 28px;
    }

    .w50 {
        width: 50px;
    }

    .pleft0 {
        padding-left: 0;
    }

    .pright0 {
        padding-right: 0;
    }

    select.multiselect-hidden {
        visibility: hidden;
        position: absolute;
        max-height: 27px;
    }

    .has-error .multiselect {
        border-color: #dd4b39;
        color: #777;
    }

    .validation-error {
        border-color: #dd4b39;
        color: #dd4b39;
    }

    .help-block {
        border-color: #dd4b39;
        color: #dd4b39;
    }

    .nav > li > a {
        padding-left: 14px;
        padding-right: 14px;
    }

    @media (min-width: 992px) {
        .lineClampMdLH20px {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            min-height: 40px;
            line-height: 20px;
        }
    }

    .validateMessageNone .help-block {
        display: none !important;
    }

    body.row100pLineActive .row100pLine > * {
        width: 100% !important;
    }


    .bootstrap-select .dropdown-toggle:focus {
        outline: none !important;
    }

    .fa.disabled {
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

    #filter_EventSettingContainer {
        width: 280px;
        margin-left: 15px;
    }

    .bootstrap-select .dropdown-header .text {
        font-weight: bold;
        font-size: 14px;
    }

    #samples ul.bootstrap-autocomplete {
        width: auto !important;
    }

    #samples div.form-group {
        margin-bottom: 3px;
    }

    .fa.disabled {
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

    #filter_EventSettingContainer {
        width: 280px;
        margin-left: 15px;
    }

    .bootstrap-select .dropdown-header .text {
        font-weight: bold;
        font-size: 14px;
    }

    .checkbox-group {
        padding-top: 28px;
    }

    .pleft0 {
        padding-left: 0;
    }

    .pright0 {
        padding-right: 0;
    }

    .pright10 {
        padding-right: 10px;
    }

    .pright15 {
        padding-right: 15px;
    }

    .pleft2p {
        padding-left: 2%;
    }

    .checkbox-form-group {
        padding-top: 30px;
    }

    .h-100 {
        height: 100%
    }

    .h-50 {
        height: 50%
    }

    .w-100 {
        width: 100%
    }


    .mw240 {
        min-width: 240px;
    }


    .mw140 {
        min-width: 140px;
    }

    .vertical-line-in-middle:after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 50%;
        border-left: 2px solid #B3B6BC;
        transform: translate(-50%);
    }

    .on-site-only-cell {
        white-space: nowrap;
        padding-left: 0;
        padding-top: 5px;
    }

    .record-status .fa,
    .equipment-status .fa,
    .work-order-status .fa {
        font-size: 32px;
    }

    .nowrap {
        white-space: nowrap;
    }

    .bootstrap-select .btn-default,
    .bootstrap-select .btn-default:focus,
    .bootstrap-select .btn-default:active {
        background-color: transparent;
    }

    .table.without-header {
        margin-top: 0 !important;
    }

        .table.without-header thead {
            position: absolute !important;
            top: -9999px !important;
            left: -9999px !important;
        }

    .tooltip.in {
        opacity: 1;
    }

    .btn.no-outline:focus,
    .btn.no-outline:active:focus,
    .btn.no-outline.active:focus,
    .btn.no-outline.focus,
    .btn.no-outline:active.focus,
    .btn.no-outline.active.focus {
        outline: none !important;
    }

    .tooltip-inner {
        background-color: white !important;
        color: #333 !important;
        -webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / 75%);
        -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.75);
        box-shadow: 0 0 15px 0 rgb(0 0 0 / 75%);
    }

    .tooltip.bottom .tooltip-arrow {
        border-bottom-color: #FFF;
    }

    .tooltip.top .tooltip-arrow {
        border-top-color: #FFF;
    }

    .tooltip.left .tooltip-arrow {
        border-left-color: #FFF;
    }

    .tooltip.right .tooltip-arrow {
        border-right-color: #FFF;
    }

    blockquote.small {
        padding: 5px 10px;
    }

        blockquote.small p {
            font-size: 16px;
            margin-bottom: 0;
        }

        blockquote.small footer {
            font-size: 90%;
        }

    hr.separator {
        margin-top: 0;
        margin-bottom: 10px;
    }

    h5.lbl {
        margin-top: 2px;
        margin-bottom: 0;
    }

    .has-error .select2-selection {
        border-color: #dd4b39;
    }

    div.checkbox label:first-child {
        padding-left: 0;
    }

    .dt-noheader .dataTables_empty {
        font-size: 24px;
        padding-top: 10px !important;
    }

    table.dataTable.dt-noheader {
        margin-top: 20px !important;
    }

    .table.dt-noheader > thead > tr > th,
    .table.dt-noheader > tbody > tr > th,
    .table.dt-noheader > tfoot > tr > th,
    .table.dt-noheader > thead > tr > td,
    .table.dt-noheader > tbody > tr > td,
    .table.dt-noheader > tfoot > tr > td {
        border-top: none;
        padding: 0;
    }

    .table.dt-orderable > tbody > tr > td:first-child {
        vertical-align: middle;
    }

    /*noinspection CssInvalidPropertyValue*/
    .grabbable {
        /*cursor: move;*/
        cursor: grab;
        cursor: -moz-grab;
        cursor: -webkit-grab;
    }

        /*noinspection CssInvalidPropertyValue*/
        .grabbable:active {
            cursor: grabbing;
            cursor: -moz-grabbing;
            cursor: -webkit-grabbing;
        }

    .badge {
        font-weight: normal;
    }

    .badge-pill {
        padding-right: 0.6em;
        padding-left: 0.6em;
        border-radius: 10rem;
    }

    .badge-primary {
        color: #fff;
        background-color: #007bff;
    }

    .badge-success {
        color: #fff;
        background-color: #28a745;
    }

    .badge-info {
        color: #fff;
        background-color: #17a2b8;
    }

    .badge-warning {
        color: #fff;
        background-color: #ffc107;
    }

    .badge-danger {
        color: #fff !important;
        background-color: #dc3545 !important;
    }

    .badge-danger-outline {
        color: #333 !important;
        border: 1px solid #dc3545;
        background-color: #fff;
    }

    .badge-warning-outline {
        color: #333 !important;
        border: 1px solid #ffc107;
        background-color: #fff;
    }

    .badge-success-outline {
        color: #333 !important;
        border: 1px solid #28a745;
        background-color: #fff;
    }

    .badge-primary-outline {
        color: #333 !important;
        border: 1px solid #007bff;
        background-color: #fff;
    }

    .badge-info-outline {
        color: #17a2b8 !important;
        border: 1px solid #17a2b8;
        background-color: #fff;
    }

    .badge-default-outline {
        color: #333 !important;
        border: 1px solid #333;
        background-color: #fff;
        cursor: default;
    }

    #badge-h4 {
        font-size: 2.2em;
        margin-top: 0;
        margin-bottom: 0;
    }

    #badge-provide-mob {
        font-size: 0.7em;
    }

    .box-header.with-border .badge {
        margin-top: -5px;
    }

    #shiftsList {
    }

        #shiftsList li {
            list-style-type: none;
        }

    #areasList {
    }

        #areasList li {
            list-style-type: none;
        }

    .custom-select.is-invalid, .form-control.is-invalid, .dropdown-toggle.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
        border-color: #a94442 !important;
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
    }

    .pre-start-checklist-actions {
        display: inline;
    }
    /*
.pre-start-checklist .btn-lg .caret {
    border-width: 12px 10px 0;
}
*/
    .mobile-equipment-nav.nav.nav-tabs {
        display: flex;
        flex-direction: column;
    }

    .mobile-equipment-nav.nav-tabs-custom > .nav-tabs > li {
        margin: 0;
    }

        .mobile-equipment-nav.nav-tabs-custom > .nav-tabs > li.active {
            border-top-color: transparent;
        }

            .mobile-equipment-nav.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active > a:hover {
                background-color: rgba(60, 141, 188, 0.2);
            }

    .mobile > .record-status .fa, .equipment-status .fa {
        font-size: 24px;
    }

    .pre-start-checklist-task-result-state {
        font-size: 18px;
    }

    .form-group textarea {
        resize: vertical;
    }

    .equipment .input-group {
        display: flex;
    }

        .equipment .input-group:focus {
            border-color: #3c8dbc;
            box-shadow: none;
        }

    .equipment .border-left-0 {
        border-left: 0;
    }

    .error-page {
        background-color: papayawhip;
    }

    .error-statuscode {
        background-color: red;
        color: white;
    }

    .error-circle {
        justify-content: center;
        align-items: center;
        border-radius: 100%;
        text-align: center;
        display: flex;
        border: 10px solid red;
        padding-top: 10%;
        padding-bottom: 10%;
    }

    .d-none {
        display: none !important;
    }

    .d-block {
        display: block !important;
    }

    .d-inline-block {
        display: inline-block !important;
    }

    .width-auto {
        width: auto !important;
    }

    .position-relative {
        position: relative;
    }

    .position-absolute {
        position: absolute;
    }


    .btn-absolute-right {
        position: absolute;
        right: 0;
        z-index: 999;
    }

    #supervisor-signature {
        border: solid 1px #d2d6de;
    }

    div.signature-container.has-error #supervisor-signature {
        border: solid 2px #dd4b39;
    }

    div.signature-container.has-error label {
        color: #dd4b39;
    }

    div.signature-container.has-error canvas {
        border: solid 2px #dd4b39;
    }

    #questionsContent .question-block:first-child h3 {
        margin-top: 0;
    }

    #employeeTrainingDetailsContent .question-block:first-child h3 {
        margin-top: 0;
    }

    #employeeTrainingDetailsContent .question-block h3 {
        margin-top: 10px;
        margin-bottom: 5px;
    }

    #employeeTrainingDetailsContent .question-block h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    #questionsContent .question-block .trainee-answer label {
        font-weight: normal;
    }

    .equipment-task-photos {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-gap: 5px;
        padding: 15px 10px;
    }

    .task-photo-view-thumb {
        width: 100%;
    }

        .task-photo-view-thumb img {
            width: 100%;
        }

    .pl-0 {
        padding-left: 0 !important
    }

    .pl-1 {
        padding-left: .25rem !important
    }

    .ml-0 {
        margin-left: 0 !important
    }

    .ml-1 {
        margin-left: 0.25rem !important
    }

    .mr-0 {
        margin-right: 0 !important
    }

    .mr-1 {
        margin-right: 0.25rem !important
    }

    .favorite-btn {
        font-size: 16px;
        color: #f39c12;
        cursor: pointer;
        background-color: transparent;
    }

    #favourite-status {
        margin-right: 10px;
    }

        #favourite-status > .favorite-btn {
            font-size: 22px;
            color: #f39c12;
            background-color: transparent;
        }

    @media (max-width: 600px) {
        .hidden-sm {
            display: none;
        }
    }

    .table > thead > tr.no-border > th,
    .table > tbody > tr.no-border > th,
    .table > tfoot > tr.no-border > th,
    .table > thead > tr.no-border > td,
    .table > tbody > tr.no-border > td,
    .table > tfoot > tr.no-border > td {
        border-top: none;
    }

    .status-icon {
        font-size: 18px;
    }

    .callout.callout-primary {
        color: #fff !important;
        border-color: #367fa9;
        background-color: #3c8dbc !important;
    }

    .callout.callout-purple {
        color: #fff !important;
        border-color: #504D8C;
        background-color: #605ca8 !important;
    }

    .callout.callout-pem {
        color: #fff !important;
        border-color: #007F7F;
        background-color: #009999 !important;
    }

    .float-left {
        float: left;
    }

    .multiselect-wrapper label {
        float: left;
        margin: 7px 15px 0 0 !important;
    }

    .multiselect-wrapper select {
        float: right;
        width: 195px;
    }

    button.multiselect[aria-expanded=true] ~ .multiselect-container {
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .d-flex {
        display: flex;
    }

    .align-items-center {
        align-items: center;
    }

    .align-items-end {
        align-items: flex-end;
    }

    .multiselect-container > .active > a, .multiselect-container > .active > a:focus, .multiselect-container > .active > a:hover, .multiselect-item.active > a {
        color: #333;
    }

    /* Vue.js css animations */

    .fade-enter-active,
    .fade-leave-active {
        transition: opacity 0.5s ease;
    }

    .fade-enter-from,
    .fade-leave-to {
        opacity: 0;
    }

    .d-flex {
        display: flex;
    }

    .justify-content-end {
        justify-content: flex-end;
    }

    .align-items-center {
        align-items: center;
    }

    /* Disabled icheck*/
    label.disabled {
        color: #777;
    }

    .text-lg {
        font-size: 20px;
        font-weight: bold;
    }

    #materialsDataTable .dataTables_empty {
        font-size: 16px;
        padding-bottom: 20px;
    }

    /* Remove stepper from number input */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox */
    input[type=number] {
        -moz-appearance: textfield;
    }

    .text-overdue-event-color {
        color: var(--overdue-event-color);
    }

    .text-pending-approval-color {
        color: var(--pending-approval-color);
    }

    .text-in-progress-event-color {
        color: var(--in-progress-event-color);
    }

    .text-finalised-event-color {
        color: var(--approved-event-color);
    }

    .text-future-event-color {
        color: var(--future-event-color);
    }

    .text-future-recurring-event-color {
        color: var(--future-recurring-event-color);
    }

    .bg-overdue-event {
        background-color: var(--overdue-event-color-light) !important;
    }

    .bg-pending-approval {
        background-color: var(--pending-approval-color-light) !important;
    }

    .bg-in-progress-event {
        background-color: var(--in-progress-event-color-light) !important;
    }

    .bg-approved-event {
        background-color: var(--approved-event-color-light) !important;
    }

    .bg-future-event {
        background-color: var(--future-event-color-light) !important;
    }

    .bg-future-recurring-event {
        background-color: var(--future-recurring-event-color-light) !important;
    }

    .before-agree-text {
        line-height: 24px;
    }

    .consent-modal-body {
        min-height: calc(100vh - 12rem);
        max-height: calc(100vh - 12rem);
        overflow: auto;
    }

    .consent-modal-link {
        font-weight: 700;
        cursor: pointer;
    }

    .photos-tab-thumbnail {
        max-height: 60px;
        max-width: 150px;
    }

    #emailValidationOutcome .tooltip {
        z-index: 999;
    }

    .cv-day.today {
        border: solid 1px #3c8dbc;
    }

    .operating-status-table {
        font-size: 18px;
    }

    @media screen and (max-width: 767px) {
        .operating-status-table {
            font-size: 16px;
        }
    }

    /* RADIOBOX COMPONENT */
    .icheck-styled-radio {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
        width: 22px;
        height: 22px;
        border: 1px solid rgb(210, 214, 222);
        border-radius: 50%;
        cursor: pointer;
    }

        .icheck-styled-radio .icheck-radiobox-icon-image {
            display: none;
        }

    .icheck-styled-radio--checked {
        background-color: #2489c5;
        border: none;
    }

        .icheck-styled-radio--checked .icheck-radiobox-icon-image {
            display: inline;
            color: #fff;
        }

    .icheck-styled-radio input[type="radio"] {
        display: none;
    }

    .icheck-styled-radio--disabled {
        background-color: #d3cfc8;
    }

    .icheck-styled-radio--hover {
        border: 2px solid #2489c5;
    }

    .icheck-styled-radio--disabled.icheck-styled-radio--hover {
        border: 1px solid rgb(210, 214, 222);
    }

    .icheck-styled-radio--checked.icheck-styled-radio--hover {
        border: none;
    }
    /* RADIOBOX COMPONENT END */
    /* CHECKBOX COMPONENT */
    .icheck-styled-checkbox {
        display: block;
        float: left;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
        width: 22px;
        height: 22px;
        /*        border: 1px solid rgb(210, 214, 222);*/
        border: 1px solid rgb(168, 171, 178);
        cursor: pointer;
    }

        .icheck-styled-checkbox span {
            margin-left: 5px;
        }

        .icheck-styled-checkbox .icheck-checkbox-icon-image {
            display: none;
        }

        .icheck-styled-checkbox input[type="checkbox"] {
            display: none;
        }

    .icheck-styled-checkbox--checked {
        border: none;
    }

        .icheck-styled-checkbox--checked .icheck-checkbox-icon-image {
            display: block;
        }

        .icheck-styled-checkbox--checked.icheck-styled-checkbox--disabled .icheck-checkbox-icon-image rect {
            fill: #d3cfc8;
        }

    /* CHECKBOX COMPONENT END */
    .repeat-each-wrapper {
        width: 65px;
    }

    .repeat-frequency-wrapper {
        width: 95px;
    }

    #repeatOn {
        padding-left: 0;
        padding-right: 0;
    }

    @media (max-wdith: 768px) {
        .modal.fade.in {
            padding-right: 0 !important;
        }
    }

    .pem-btn-hdr-sm {
        display: none;
    }

    #pem-search-sm {
        display: none;
    }

    #pem-search-icon-sm {
        display: none;
    }

    @media screen and (min-width: 454px) and (max-width: 1280px) {
        #pem-btn-pfx {
            margin-right: 10px;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 425px) {
        #pem-search-icon-sm {
            display: table-cell;
        }

        #pem-search-icon {
            display: none;
        }
    }

    @media screen and (min-width: 280px) and (max-width: 319px) {
        #pem-search-icon-sm {
            display: table-cell;
        }

        #pem-search-icon {
            display: none;
        }

        .pem-btn-hdr-sm {
            margin-right: 0px !important;
        }
    }

    @media screen and (max-width: 1280px) {
        #pem-search {
            display: none;
        }

        #pem-search-sm {
            position: relative;
            display: table;
            border-collapse: separate;
        }

        .pem-btn-hdr-sm {
            display: inline-block !important;
            margin-top: 10px;
        }

        .pem-btn-hdr {
            display: none;
        }
    }

    .box.box-yellow {
        border-top-color: #f39c12;
    }

    .site-map-slide.no-data, .site-weather-slide.no-data {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .site-map-slide.no-data i, .site-weather-slide.no-data i {
            font-size: 36px;
        }

        .site-map-slide.no-data .no-data-text, .site-weather-slide.no-data .no-data-text, tr.no-data .no-data-text {
            font-weight: 400;
            font-size: 12px;
            margin-top: 8px;
        }

    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
        width: 230px;
    }

    .treeview.menu-open .treeview-menu {
        display: block;
    }

    .widget-user-2 .widget-user-header {
        height: 82px;
    }

    .widget-user-image .img-circle.fa {
        float: left;
        font-size: 45px;
    }

    .user-dropwdown-icon {
        display: none;
    }

    .heder-dropdown-icon {
        display: none;
    }

    @media screen and (max-width: 1023px) {
        .navbar-collapse.pull-left + .navbar-custom-menu {
            right: 0;
        }

        .navbar-collapse.pull-left li.visible-xs {
            display: none !important;
        }

        .dropdown-toggle .user-dropwdown-full-name {
            display: none;
        }

        .dropdown-toggle .user-dropwdown-icon {
            display: inline;
        }

        .dropdown-toggle .selected-company-name {
            display: none;
        }

        .dropdown-toggle .selected-company-icon {
            display: inline;
        }

        .navbar-collapse.pull-left {
            float: left !important;
            display: block;
            padding: 0;
        }

            .navbar-collapse.pull-left .navbar-nav {
                margin: 0;
            }

            .navbar-collapse.pull-left .dropdown-toggle {
                font-size: 13px !important;
                padding: 14px 0;
            }
    }

    .my-actions-header {
        display: flex;
        align-items: center;
        width: 100%;
    }

        .my-actions-header .box-tools {
            display: flex;
            position: static;
            margin-left: auto;
        }

    .box-title-info {
        font-size: 16px;
        line-height: 23px;
        margin-left: 5px;
        cursor: help;
    }

    .bg-cem-light {
        background-color: var(--cem-light-bg-color);
    }

    .bg-pem-light {
        background-color: var(--pem-light-bg-color);
    }

    .text-white {
        color: #ffffff;
    }

    .alert-cem {
        color: #fff;
        background-color: #8a90a5;
        border-color: #8a90a5;
    }

        .alert-cem hr {
            border-top-color: #666;
        }

        .alert-cem .alert-link {
            color: #fff;
        }

    .panel-cem {
        border-color: rgba(0,0,0,0);
    }

        .panel-cem > .panel-heading {
            color: #ffffff;
            background-color: #ff6242;
            border-color: rgba(0,0,0,0);
        }

            .panel-cem > .panel-heading + .panel-collapse > .panel-body {
                border-top-color: #3c8dbc;
            }

            .panel-cem > .panel-heading .badge {
                color: #d9edf7;
                background-color: #31708f;
            }

        .panel-cem > .panel-footer + .panel-collapse > .panel-body {
            border-bottom-color: rgba(0,0,0,0);
        }

    .company-selection-section {
        overflow-y: hidden;
    }

    .dropdown-menu.inner-ul {
        position: static;
        display: block;
        overflow-y: auto;
        max-height: 550px;
        border: none;
    }

        .top-company-filter-wrapper, .dropdown-menu.inner-ul > li > b {
            padding: 3px 20px;
        }

    textarea.form-control.instructions {
        width: 100%;
    }

    .overflow-hidden {
        overflow: hidden
    }

    .wysihtml5-sandbox {
        resize: vertical;
        overflow: auto;
    }

    .prestart-task-title {
        background-color: #ddd;
        padding: 5px 5px;
        font-weight: bold;
    }

    .prestart-task-row {
        padding: 7px 3px;
    }

    .alt-row .prestart-task-row {
        background-color: #f9f9f9;
    }

    .prestart-task-status {
        float: left;
        padding: 6px 0 0 0;
        text-align: center;
        width: 30px;
    }

    .prestart-task-details {
        margin-left: 35px;
        font-size: 1.2em;
    }

    .mobile .prestart-task-details label.file-upload {
        min-height: auto;
        font-size: 0.9em;
    }

    .prestart-task-container .modal-dialog .modal-content h4 {
        font-size: 1.6em;
    }

    .skin-cem-light .main-header .navbar .dropdown-menu li a,
    .skin-pem-light .main-header .navbar .dropdown-menu li a,
    .skin-green-light .main-header .navbar .dropdown-menu li a,
    .skin-purple-light .main-header .navbar .dropdown-menu li a {
        color: #777;
    }

    .warning-text {
        font-size: 20px;
        text-align: center;
    }

    .highcharts-menu hr {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .highcharts-tooltip > span {
        background: rgb(255 255 255 / 0.8);
        z-index: 9999 !important;
    }

    .highcharts-tooltip-box {
        background: rgba(255, 255, 255, 0.8);
        fill: white;
        fill-opacity: 0.9;
        z-index: 9999 !important;
    }


    .highcharts-boxplot-series .highcharts-point {
        stroke-width: 2px;
    }

    .highcharts-boxplot-box {
        fill: #F0F0E0;
    }

    .highcharts-boxplot-median {
        stroke: #0C5DA5;
        stroke-width: 3px;
    }

    .highcharts-boxplot-stem {
        stroke: #A63400;
        stroke-dasharray: 1, 2;
        stroke-width: 1px;
    }

    .highcharts-boxplot-whisker {
        stroke: #3D9200;
        stroke-width: 3px;
    }

    .chart-container {
        position: relative;
    }

    .about-tooltip {
        position: absolute;
        display: inline-block;
        top: 15px;
        right: 57px;
        padding: 0;
    }


    .chart-container .about-tooltip {
        right: 42px;
    }

    .tooltip-wide + .tooltip > .tooltip-inner {
        max-width: 350px;
        min-width: 250px;
    }

    .tooltip-ultra-wide > .tooltip-inner {
        max-width: 550px;
        min-width: auto;
    }

    .text-left + .tooltip > .tooltip-inner {
        text-align: left !important;
    }

    .a-span {
        outline: none;
        text-decoration: none;
        cursor: pointer;
        color: #3c8dbc;
        font-size: 12px;
        font-weight: bold;
        max-width: 51px;
        margin-top: 5px;
    }

    .tooltip-item {
        white-space: nowrap;
        cursor: pointer;
    }


    .tooltip-item {
        white-space: nowrap;
        cursor: pointer;
    }

    .tooltip-item-container {
    }

        .tooltip-item-container .tooltip-inner {
            max-width: 300px;
            text-align: left;
        }

    @media (min-width: 992px) {
        .col-md-auto {
            flex: 1 0 0%;
            width: auto;
        }

        .d-flex-md {
            display: flex;
        }
    }

    [v-cloak] {
        display: none;
    }

    .formula-box {
        max-height: 260px;
        max-height: calc(100vh - 500px);
        overflow-y: auto;
    }
    /*.modal-primary .modal-body,*/
    /*.modal-body {
    max-height: calc(100vh - 212px);
    overflow-y: auto;
}*/

    .privacy-policy-doc p, .privacy-policy-doc li {
        font-size: 10pt !important;
        font-family: 'Arial', sans-serif;
    }

    .terms-of-use-doc p, .terms-of-use-doc li {
        font-size: 10pt !important;
        font-family: 'Arial', sans-serif;
    }

    .pin-actions {
    }

        .pin-actions button {
            padding-left: 10px;
            padding-right: 10px;
        }

    .modal {
        overflow-y: auto;
    }

    .font-normal {
        font-weight: normal;
    }

    .tooltip-wrapper {
        display: inline-block;
    }

        .tooltip-wrapper .btn[disabled] {
            pointer-events: none;
        }

        .tooltip-wrapper.disabled {
            cursor: not-allowed;
        }

    .scroll-table-container {
        width: 100%;
        height: 500px;
        overflow: auto;
    }

        .scroll-table-container table {
            border: none;
        }

            .scroll-table-container table thead {
                background-color: white;
            }

                .scroll-table-container table thead th {
                    min-width: 52px;
                    max-width: 52px;
                    padding: 8px;
                    height: 150px;
                    transform: rotate(-90deg);
                    border: none;
                    border-left: white 1px solid;
                    border-right: white 1px solid;
                }

                    .scroll-table-container table thead th a {
                        display: flex;
                        width: 120px;
                        flex-direction: column;
                        margin-left: -4rem;
                    }

                        .scroll-table-container table thead th a small {
                            line-height: 0.9;
                        }

                    .scroll-table-container table thead th:first-child {
                        background-color: white;
                        transform: none;
                        z-index: 99;
                    }

            .scroll-table-container table td,
            .scroll-table-container table th {
                padding: 5px;
                max-width: 52px;
                min-width: 52px;
            }

                .scroll-table-container table td:first-child,
                .scroll-table-container table th:first-child {
                    background-color: white;
                    border: none;
                    max-width: 200px;
                    min-width: 200px;
                }

    .employee-dashboard a:first-child {
        margin-top: 15px;
    }

    .employee-matrix-container {
        height: 480px;
        height: calc(100vh - 285px);
    }


    .contractor-matrix-container {
        height: 480px;
        height: calc(100vh - 290px);
    }

    .scroll-table-container table td,
    .scroll-table-container table th {
        padding: 5px;
        max-width: 52px;
        min-width: 52px;
    }

        .scroll-table-container table td:first-child,
        .scroll-table-container table th:first-child {
            background-color: white;
            border: none;
            max-width: 200px;
            min-width: 200px;
        }


    .employee-matrix-container {
        height: 480px;
        height: calc(100vh - 285px);
    }

    .contractor-matrix-container {
        height: 480px;
        height: calc(100vh - 290px);
    }


    .widget-user-2 .two-line {
        margin-top: 0px;
    }

    .widget-user-2 .widget-user-username span {
        display: block;
        font-size: 18px;
    }


    .fixed-date-row {
        padding-right: 40px;
        margin-bottom: 7px;
        position: relative;
    }

        .fixed-date-row button {
            position: absolute;
            top: 0;
            right: 0;
        }


    .copy-value {
        cursor: pointer;
    }

        .copy-value i {
            font-size: 11px;
            margin-left: 5px;
        }

    .bg-info {
        color: white !important;
        width: 18px;
        padding-left: 5px;
        margin-left: 5px;
    }

    .rshq-table {
    }

        .rshq-table .list-group-item {
            padding: 10px 8px
        }

    .modal-max {
        width: 90vw;
    }

        .modal-max .modal-body {
            overflow-y: auto;
            max-height: 75vh;
        }

    .col-md-270px, .col-md-270px-rest {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        float: left;
    }

    @media (min-width: 992px) {
        .col-md-270px, .col-md-270px-rest {
            float: left;
        }

        .col-md-270px {
            width: 270px;
        }

        .col-md-270px-rest {
            width: calc(100% - 270px);
        }
    }

    .level-cell {
        min-height: 86px;
    }

    @media screen and (max-width:1023px) {
        .multiselect-container button.dropdown-item {
            pointer-events: none;
        }

        .multiselect-container span.form-check input {
            pointer-events: all;
        }

        .multiselect-container span.form-check label {
            pointer-events: none;
        }
    }




    .selected-company-icon {
        display: none;
    }



    @media screen and (max-width: 1023px) {
        .dropdown-toggle .heder-dropdown-label {
            display: none;
        }

        .dropdown-toggle .heder-dropdown-icon {
            display: inline;
        }


        .navbar-collapse.pull-left + .navbar-custom-menu.pull-right,
        .navbar-custom-menu.pull-right {
            position: relative;
            display: block;
            right: auto;
            float: right;
        }
    }

    a.header-area-select {
        font-size: 18px;
    }

    .area-selection-section {
        background-color: #FFF !important;
        background-clip: padding-box;
        /*border: 1px solid #ccc !important;*/
        border: 1px solid rgba(0,0,0,.15) !important;
        border-radius: 4px;
    }

    @media (max-width: 991px) {
        a.header-area-select {
            padding: 15px 14px !important;
            line-height: 20px !important;
        }

        .navbar-custom-menu > .navbar-nav > li > .dropdown-menu.dropdown-menu-aligned {
            right: auto;
        }

        .navbar-nav .open .dropdown-menu.area-selection-section {
            position: absolute;
            right: auto;
        }
    }

    @media(max-width: 767px) {

        .skin-blue .main-header .navbar .dropdown-menu.area-selection-section li a:hover,
        .skin-blue-light .main-header .navbar .dropdown-menu.area-selection-section li a:hover,
        .skin-cem .main-header .navbar .dropdown-menu.area-selection-section li a:hover,
        .skin-cem-light .main-header .navbar .dropdown-menu.area-selection-section li a:hover,
        .skin-green .main-header .navbar .dropdown-menu.area-selection-section li a:hover,
        .skin-green-light .main-header .navbar .dropdown-menu.area-selection-section li a:hover,
        .skin-main-dashboard-light .main-header .navbar .dropdown-menu.area-selection-section li a:hover,
        .skin-pem .main-header .navbar .dropdown-menu.area-selection-section li a:hover,
        .skin-pem-light .main-header .navbar .dropdown-menu.area-selection-section li a:hover,
        .skin-purple .main-header .navbar .dropdown-menu.area-selection-section li a:hover,
        .skin-purple-light .main-header .navbar .dropdown-menu.area-selection-section li a:hover,
        .skin-red .main-header .navbar .dropdown-menu.area-selection-section li a:hover,
        .skin-red-light .main-header .navbar .dropdown-menu.area-selection-section li a:hover,
        .skin-yellow .main-header .navbar .dropdown-menu.area-selection-section li a:hover,
        .skin-yellow-light .main-header .navbar .dropdown-menu.area-selection-section li a:hover {
            color: #fff
        }

        .skin-blue .main-header .navbar .dropdown-menu.area-selection-section li a,
        .skin-blue-light .main-header .navbar .dropdown-menu.area-selection-section li a,
        .skin-cem .main-header .navbar .dropdown-menu.area-selection-section li a,
        .skin-cem-light .main-header .navbar .dropdown-menu.area-selection-section li a,
        .skin-green .main-header .navbar .dropdown-menu.area-selection-section li a,
        .skin-green-light .main-header .navbar .dropdown-menu.area-selection-section li a,
        .skin-main-dashboard-light .main-header .navbar .dropdown-menu.area-selection-section li a,
        .skin-pem .main-header .navbar .dropdown-menu.area-selection-section li a,
        .skin-pem-light .main-header .navbar .dropdown-menu.area-selection-section li a,
        .skin-purple .main-header .navbar .dropdown-menu.area-selection-section li a,
        .skin-purple-light .main-header .navbar .dropdown-menu.area-selection-section li a,
        .skin-red .main-header .navbar .dropdown-menu.area-selection-section li a,
        .skin-red-light .main-header .navbar .dropdown-menu.area-selection-section li a,
        .skin-yellow .main-header .navbar .dropdown-menu.area-selection-section li a,
        .skin-yellow-light .main-header .navbar .dropdown-menu.area-selection-section li a {
            color: #777
        }
    }

    @media (min-width: 992px) {
        .modal-xl,
        .modal-xxl {
            max-width: 900px;
        }
    }

    @media (min-width: 1200px) {
        .modal-xl,
        .modal-xxl {
            width: 1140px;
            min-width: 1140px;
        }
    }


    @media (min-width: 1300px) {
        .modal-xxl {
            width: 1240px;
            min-width: 1240px;
        }
    }

    .bootstrap-wysihtml5-insert-link-modal div.checkbox {
        margin-left: 20px;
    }

div.checkbox.sn-checkbox-open-in-new-window label:first-child {
    padding-left: 20px;
}

.box-none {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mh300 {
    max-height: 300px;
    overflow: auto;
}

.date.disabled .input-group-addon {
    background-color: #eee;
    opacity: 1;
    cursor: not-allowed;
}

.styled-checkbox-cell {
    text-align: center;
}

.styled-checkbox-cell .icheck-styled-checkbox {
    float: none;
    margin: auto;
}

.badge-sm {
    font-size: 10px;
    line-height: 10px;
    padding: 2px 5px;
    margin-top: -1px;
}

.dda-statement-left {
    width: calc(100% - 350px);
}

.dda-statement-chart {
    width: 350px
}

.iti__selected-country {
    padding-top: 1px;
}

.tel-input-lg .iti__selected-country {
    font-size: 18px;
}

.form-group .iti {
    width: 100%
}

.iti--inline-dropdown .iti__dropdown-content {
    z-index: 3;
}
    /* Style Select2 to match the default select arrow appearance. */
    .select2-container .select2-selection--single {
        padding-left: 16px;
    }

    .select2-container .select2-selection--single .select2-selection__arrow b {
        content: "";
        width: 6px;
        height: 6px;
        margin-left: 1px;
        transform: translateY(-50%) rotate(45deg);
        border-color: transparent #555555 #555555 transparent;
        border-style: solid;
        border-width: 0 2px 2px 0;
        pointer-events: none;
    }

    .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: transparent #555555 #555555 transparent;
        border-width: 0 2px 2px 0;
    }


.form-group.form-group-inline {
    display: table;
    width: 100%;
}

.form-group.type-select {
    max-width: 220px;
    display: inline-block;
}

.form-group.search-input {
    max-width: 250px;
    display: inline-block;
}

.form-group.form-group-inline label.control-label {
    display: table-cell;
    white-space: nowrap;
    padding-right: 10px;
}
.form-group.form-group-inline .control-cell {
    display: table-cell;
    width: 100%;
}
.form-group.form-group-inline .text-cell {
    display: table-cell;
    max-width: 170px;
    min-width: 10px;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.form-group.form-group-inline .control-cell select,
.form-group.form-group-inline .control-cell input
{
    width: 100% !important;
}

@media (max-width: 991px) {

    .dda-statement-left {
        width: 100%;
    }

    .form-group.form-group-inline {
        display: block;
        width: 100%;
        max-width: 100%
    }

    .form-group.form-group-inline label.control-label {
        display: block;
    }

    .form-group.form-group-inline .control-cell,
    .form-group.form-group-inline .text-cell
    {
        display: block;
    }

    .form-group.form-group-inline .text-cell
    {
        max-width: 100%;
    }

    .select2-container.select2-container--default {
        width: 100%;
    }

    .form-group.form-group-inline .control-label.pleft10 {
        padding-left:0px;
        margin-top: 10px;
    }
}

@media (min-width: 1600px) {
    .form-group.form-group-inline .text-cell {
        max-width: 300px;
    }
}

@media (min-width: 1900px) {
    .form-group.form-group-inline .text-cell {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .mr-md-30 {
        margin-right: 30px;
    }
}

    .summary-view {
    }

    .summary-view .form-group.form-group-inline {
        display: block;
        width: 100%;
        max-width: 100%
    }

    .summary-view .form-group.type-select,
    .summary-view .form-group.search-input {
        margin-top: 10px;
    }

    .summary-view .form-group.form-group-inline label.control-label {
        display: block;
    }

    .summary-view .form-group.form-group-inline .control-cell {
        display: block;
    }

    .summary-view .col-md-1,
    .summary-view .col-md-2,
    .summary-view .col-md-3,
    .summary-view .col-md-4,
    .summary-view .col-md-5,
    .summary-view .col-md-6,
    .summary-view .col-md-7,
    .summary-view .col-md-8,
    .summary-view .col-lg-6,
    .summary-view .form-group,        
    .summary-view .select2-container {
        width: 100% !important;
        text-align: left;
    }

.site-activity-info {
    cursor: pointer;
}

.image-preview-container {
    width: 100%;
    height: 280px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
}
.btn-recover {
    color: #808080;
    border-color: #808080;
    background-color: #d2d6de;
}

.btn-in-progress {
    margin-left: 5px;
    font-size: 12px;
}

.spinning {
    animation: spin 1.5s linear infinite;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.actions-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.actions-list li {
    list-style: none;
    margin: 0;
    padding: 8px 0 4px 0;
}

.low-border {
    border-bottom: 1px solid #f4f4f4;
}

.actions-list.sub{
    margin-left: 10px;
}

.actions-list.sub10 {
    margin-left: 10px;
}

.my-actions-item .due-date {
    display: table-cell;
    width: 75px;
    font-weight: bold;
}

.my-actions-item .action-title {
    display: table-cell;
}

.bottom-line {
    border-bottom: 1px solid #f4f4f4;
}

.actions-list.lined > li {
    border-bottom: 1px solid #f4f4f4;
}

/*
.actions-list.sub > li {
    border-bottom: 1px solid #f4f4f4;
}

.actions-list.sub > li.no-border {
    border-bottom: none;
}
*/

.dropdown-menu > li > p.message {
    padding: 10px 20px;
    color: #777;
    text-align: center;
}

.dropdown-menu > li.highlighted {
    background-color: #e1e3e9;
    color: #333;
}
.infowindowAddress {
    text-align: left;
}

.infowindowAddress > a {
    font-weight: bold;
    margin-top: 7px;
    display: block;
}

.gm-style-iw-chr {
    height: 10px;
}

.gm-style-iw-chr > button{
    width: 32px !important;
    height: 32px !important;
}

.gm-style-iw-chr > button > span{
    margin: 6px 8px 6px 4px !important;
}

.gm-style-iw-d {
    margin-right: 30px;
}