/* Use this for project custom CSS */
.mod-skin-dark { color-scheme: dark; }

.widget .widget-header .widget-header-toolbar .btn.btn-sm { color: #fff; padding: 3px 10px; }
.widget-header .btn-icon i.fa { margin-right: 0; }
.login-header-block { background-color: white;border-top: #D71D2B solid 5px; border-bottom: black solid 5px;}

.container-overflow-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap !important;
}

.floating-input-group-text {
    border: none;
    background-color: transparent;
}

.floating-input-group {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
}

.floating-input-group .form-control {
    border: none;
    box-shadow: none;
}

.widget-subheader {
    background-color: #555;
    font-weight: bold;
    color: white;
    padding: 10px;
}

.widget-subheader a {
    color: white;
}

.widget-content-footer {
    border-top: solid 1px silver;
    padding: 5px 10px 2px 10px;
}

.expandable .widget-subheader {
    cursor: pointer;
}

.btn-custom-primary { background-color: #D71D2B;border-color: #A40000;}
.btn-custom-primary:hover { background-color: #A40000; }

.table td.status-column, .table th.status-column { width: 125px;text-align: center; }

.widget .widget-header p {
    vertical-align: middle;
    margin: 0;
    padding: 7px 0;
}

.widget .widget-header.widget-header-dark { background-color: #555; color: #fff; }
.widget .widget-header.widget-header-dark input, .widget .widget-header.widget-header-dark select { color: black; }
.widget .widget-header.widget-header-dark .btn-group > a { color: #fff; }

.inline-button { display: flex; }
.inline-button > button, .inline-button > a { width: 35px !important; margin-left: 10px; }

.form-keyword a, .form-keyword a:hover {
    color: #fff;
    text-transform: uppercase;
}

.form-keyword {
}

.form-keyword div {
    background-color: #999999;
}

.attachment-padding {
    padding: 15px;
}

.attachment-list-item {
    text-align: center;
    border: 1px solid lightgray;
    padding: 10px;
}
.attachment-icon {
    font-size: 50px;
    margin-bottom: 10px;
}

.attachment-icon-image {
    margin-bottom: 10px;
}

/* Form Builder */
#formBuilder hr { margin-top: 5px;margin-bottom: 5px; }
#formBuilder .alert { padding: 5px; }
.doc-row { margin-bottom: 10px;}
.doc-type-field { padding-top: 10px;padding-bottom: 10px;}
.doc-type-field-inner { border: dashed 1px lightgrey; padding: 5px;text-overflow: ellipsis;white-space: nowrap; }
.doc-type-field-inner > div { display: inline-block; padding: 2px; vertical-align: top; }
.doc-type-field-inner > div:first-child { width: 30px; }
.doc-type-field-inner > div:last-child { width: calc(100% - 30px); }
.doc-type-field-inner button { width: 100%; }

/*.ui-dialog .ui-widget .ui-widget-content .ui-corner-all .ui-front .no-close .ui-dialog-buttons .ui-draggable .ui-resizable { background-color: #DEDEDE !important; }

.ui-dialog-content .ui-widget-content { background: none !important; background-color: #FFFF !important; }
.ui-widget-content { background: none !important; background-color: #FFFF !important; border:none;}
.ui-dialog {padding: 0;}*/


/*.ui-dialog { background-color: #f9f9f9;*/ /* Background color */ /*border: 1px solid #ccc;*/ /* Border color */ /*border-radius: 5px;*/ /* Rounded corners */ /*box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);*/ /* Shadow effect */ /*}
.ui-dialog-titlebar { background-color: #007bff;*/ /* Title bar background color */ /*color: #fff;*/ /* Title bar text color */ /*padding: 0px;*/ /* Padding */ /*border-bottom: 1px solid #ffff;*/ /* Bottom border */ /*}
.ui-dialog-title { font-size: 16px;*/ /* Title font size */ /*font-weight: bold;*/ /* Title font weight */ /*}
.ui-dialog-content { padding: 20px;*/ /* Content padding */ /*font-size: 14px;*/ /* Content font size */ /*color: #333;*/ /* Content text color */ /*}
.ui-dialog-buttonpane { background-color: #f1f1f1;*/ /* Button pane background color */ /*padding: 10px;*/ /* Padding */ /*text-align: right;*/ /* Align buttons to the right */ /*}
.ui-dialog-buttonset button { background-color: #47BFB3;*/ /* Button background color */ /*color: #fff;*/ /* Button text color */ /*border: none;*/ /* Remove border */ /*padding: 5px 10px;*/ /* Button padding */ /*border-radius: 3px;*/ /* Button rounded corners */ /*cursor: pointer;*/ /* Pointer cursor on hover */ /*}
.ui-dialog-buttonset button:hover { background-color: #0056b3;*/ /* Button hover background color */ /*}*/

/*.ui-dialog-content { text-align: left;*/ /* Ensures content text is left-aligned */ /*background-color: #fff;*/ /* White background */ /*padding: 20px;*/ /* Example padding */ /*font-size: 14px;*/ /* Example font size */ /*}
.ui-dialog-titlebar { text-align: left;*/ /* Ensures title text is left-aligned */ /*background-color: transparent;*/ /* No background color */ /*color: #000;*/ /* Black text color */ /*padding: 10px;*/ /* Example padding */ /*border: none;*/ /* Remove all borders */ /*width: 100%;*/ /* Ensure the border spans the entire width */ /*box-sizing: border-box;*/ /* Include padding and border in the element's total width and height */ /*}
.ui-dialog-buttonset button:contains('Yes') { background-color: #47BFB3;*/ /* Background color for 'Yes' button */ /*color: #fff;*/ /* White text color for 'Yes' button */ /*border: none;*/ /* Remove border */ /*padding: 5px 10px;*/ /* Button padding */ /*border-radius: 3px;*/ /* Button rounded corners */ /*cursor: pointer;*/ /* Pointer cursor on hover */ /*}
.ui-dialog-buttonset button:contains('Yes'):hover { background-color: #3DA89E;*/ /* Slightly darker shade for hover effect */ /*}
.ui-dialog{

}*/
.ui-widget-header { background: none; background-color: #555; color: #FFFF !important; }
.ui-dialog { padding: 0 !important; position: absolute; height: auto; width: 60% !important; top: 268px; left: 806px; /* Example panel background color */ border: 1px solid #ddd; /* Example panel border */ border-radius: 4px; /* Example panel border radius */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Example shadow */ border-bottom: none !important; }
.ui-dialog-titlebar { border: none; /* Remove border */ padding: 10px; /* Example padding */ }
.ui-dialog-title { font-size: 1.5em; /* Example font size */ font-weight: normal; color: #FFFF; /* Example font weight */ margin: 0; /* Remove default margin */ color: }
.ui-dialog-content { text-align: left; /* Ensures content text is left-aligned */ background-color: #fff; /* White background */ padding: 20px; /* Example padding */ font-size: 14px; /* Example font size */ }
/*.ui-dialog-buttonpane { text-align: left;*/ /* Aligns buttons to the left */ /*background-color: #f5f5f5;*/ /* Example panel background color */ /*padding: 10px;*/ /* Example padding */ /*border-top: 1px solid #ddd;*/ /* Example top border */ /*}*/
/*.ui-dialog-buttonset button { background-color: #1DC9B7 !important;*/ /* Example button background color */ /*color: #fff;*/ /* White text color for buttons */ /*border: none;*/ /* Remove border */ /*padding: 5px 10px;*/ /* Button padding */ /*border-radius: 3px;*/ /* Button rounded corners */ /*cursor: pointer;*/ /* Pointer cursor on hover */ /*}
.ui-dialog-buttonset button:contains('Yes') { background-color: #1DC9B7 !important;*/ /* Specific color for 'Yes' button */ /*}
.ui-dialog-buttonset button:hover { background-color: #0056b3;*/ /* Adjust hover background color */ /*}*/
/* Custom CSS for the "Yes" button */
/* Forms */
.nav-stacked > li.current, .nav-stacked > li.current > a:hover { background-color: #D9EDF7 }
.nav-stacked > li.current-parent, .nav-stacked > li.current-parent > a:hover { background-color: #CCCCCC; }
.doc-field-inner > label { font-weight: bold; }
.form-signature, .form-signature > label.btn {
	width: 100%;
}

@media screen and (max-width: 991px) {
    #mobile_log_tabs {
        display: block;
    }

    #fullscreen_log_tabs {
        display: none;
    }

    .doc-field {
        margin-top:12px;
    }
}
/*======================================================================================================*/
/* data row styles */
/*======================================================================================================*/
.data-row {
    margin: 1px 0px;
    font-size: 0px;
    display: table;
    width: 100%;
}

    .data-row:first-child {
        margin-top: 0px;
    }

    .data-row:last-child {
        margin-bottom: 0px;
    }

    .data-row .data-name,
    .data-row .data-value {
        padding: 4px 5px 4px 5px;
        display: table-cell;
        vertical-align: top;
    }

    .data-row .data-name {
        font-size: 12px;
        width: 14em;
        line-height: 18px;
    }

    .data-row .data-value {
        font-size: 13px;
        padding-left: 10px;
        border-top: 1px solid #EBE8E0;
    }

    .data-row:first-child .data-value {
        border-top: none;
    }



/* 767px and down (xs) */
@media screen and (max-width: 767px) {
    .data-row {
        display: block;
        margin: 0px;
    }

        .data-row .data-name,
        .data-row .data-value {
            display: block;
            width: 100%;
        }

        .data-row .data-value {
            padding-left: 5px;
            border-top: none;
            min-height: 26px;
        }
}
/*======================================================================================================*/

@media screen and (max-width: 767px) {
    .table-responsive td.status-column, .table-responsive th.status-column { width: 100%; }
}

.tooltip-inner {
    text-align: left;
    min-width: 100px;
    max-width: 100%;
}

.inline-text-editor {
    font-size: inherit;
    background-color: white;
    outline: solid 1px #CCCCCC;
}

.inline-text-editor div {
    padding: 3px 8px 1px 8px;
}

.form-field-blob {
    padding: 8px;
    text-align: center;
    width:100%;
}

.form-field-blob input{
    display: none;
}

.form-field-blob:hover {
    cursor: pointer;
}

.hover-pointer:hover {
    cursor: pointer;
}

.version-form-template-edited {
    background-color: yellow !important;
    border-radius: 5px;
    padding: 5px;
}

.version-form-template-added {
    background-color: #A9FD00 !important;
    border-radius: 5px;
    padding: 5px;
}

.version-form-template-deleted {
    background-color: red !important;
    border-radius: 5px;
    padding: 5px;
}

.version-form-template-deleted-section {
    background-color: red !important;
    border-radius: 5px;
    padding: 5px;
}

.version-form-template-added-section {
    background-color: #A9FD00 !important;
    border-radius: 5px;
    padding: 5px;
}

h3.version-form-template-edited {
    color: black;
    padding: 7px 5px !important;
}

.legend {
    list-style: none;
    -webkit-padding-start: 0;
}

.legend li {
    float: left;
    margin-right: 10px;
    line-height:20px;
}

.legend-color-box {
    border: 1px solid #ccc;
    float: left;
    width: 12px;
    height: 12px;
    margin: 2px;
}
.legend .yellow {
    background-color: yellow;
}

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

.legend .green {
    background-color: #A9FD00;
}

.workflow-template-step {
    margin-bottom: 0px;
}

.workflow-form-template-icon {
    vertical-align: middle;
    text-decoration: none;
}

.workflow-form-template-icon:hover, .workflow-form-template-icon:active, .workflow-form-template-icon:visited, .workflow-form-template-icon:focus {
    text-decoration: none;
}

.workflow-form-template-container {
    display: inline-block;
}

.workflow-form-template-hr {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.workflow-form-template-hr hr{
    margin-top: 10px !important;
    margin-bottom: 10px !important; 
}



.number_conforming {
    display: none;
}

.number_conforming_message {
    display: none;
    margin-top:5px;
}

.checkbox_conforming {
    display: none;
}

.signature_conforming_message {
    display: none;
}

.list_conforming {
    display: none;
}

.list_conforming_list {
    display: none;
}

.list_conforming_select {
    display: none;
    margin-bottom:0px;
}

.table_field_rules {
    display:none;
}

#table_custom_list_container {
    display:none;
}

.rules-display-container p {
    padding-left: 40px;
    margin: 0px;
}

.dashboard-start-record-button {
    text-align: center;
    min-width:100%;
}

.rowReason {
    margin-left: 0px;
    margin-right:0px;
    display: none;
}

.reasonBox {
    width: 425px;
    vertical-align:middle;
}

.reasonContainer {

}
@media screen and (max-width: 767px) {
    .reasonBox {
        width: 100%;
    }
    .reasonContainer {
        width: 100%;
    }
}

.data-row .data-name, .rate-header-cell {
    color: #797979;
}

.vertical-row {
    display: flex;
    align-items: center;
}

#ui-datepicker-div { z-index: 10!important; }

.datepicker { z-index: 1050 !important; }

.assignSelectedAccess {
    padding: 2px 10px;
    margin-bottom: 3px;
    float: right;
}

.dashboard-task-row td {
    vertical-align: middle !important;
}

.progress-bar {
    float: left;
    overflow: visible;
    white-space: nowrap;
}

.item-progress-bar-success {
    background-color: #06266f;
}

.item-progress-bar-text {
    font-size: 75%;
    padding-left: 10px;
    color: white;
    line-height: 15px;
    font-weight: bold;
    text-align: left;
}

.fa-green {
    color: #A9FD00;
}

.fa-red {
    color: #DD7277;
}

.task_reason {
    display: none;
}

.breadcrumb_buttons {
    text-align: right;
    padding-top: 8px;
}

@media screen and (max-width: 992px) {
    .breadcrumb_buttons {
        text-align: left;
        padding-top:15px;
    }
}

.record-status-submitted {
    color: #DD7277;
}

.record-status-completed {

}

.record-status-in-progress {
    color: #FECE45;
}

.record-status-inactive {
    color: #dfdfdf;
}

.record-status-submitted-bg {
    background-color: #DD7277;
}

.record-status-completed-bg {
    background-color: #555;
}

.record-status-in-progress-bg {
    background-color: #FECE45;
}

.record-status-deleted-bg {
    background-color: #999;
}

.record-status-inactive-bg {
    background-color: #dfdfdf;
}

.keywordLink:hover {
    cursor: pointer;
}

.rich-text-required {
    background-color: #ffffcb;
}

.conditional_section {
    display: none;
}

.gridbuilder-icon:hover {
    cursor: pointer;
}

.disabled-link:hover {
    cursor: not-allowed;
}

.dropdown-menu > li > .dropdown-button {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    background:none!important;
    border:none;
    font: inherit;
    cursor: pointer;
    display: none;
}

.workflow-number-bg {
    border-radius: 4px;
    min-width: 40px;
    text-align:center;
}

.workflow-number-bg-text {
    padding: 5px;
    text-align: center;
    color: white;
    font-size: 85%;
    font-weight: bold;
    margin-bottom:5px;
}

.fa-angle-left {
    padding-top:5px !important;
    padding-right:7px !important;
}

.fa-angle-right {
    padding-top: 5px !important;
    padding-left: 9px !important;
}

.attachment-name {
    word-wrap:break-word;
}

.search-result-item p {
    margin:0px;
}

.top-bar .dark-notification-header {
    color: #fff;
    background-color: #555;
}

.form-task-checkbox:hover {
    cursor:pointer;
}

@media screen and (min-width: 768px) {
    .workflow-step-td {
        border:none !important;
    }
}

.label-justification-L {
    text-align:left;
}
.label-justification-C {
    text-align: center;
}
.label-justification-R {
    text-align: right;
}

/*REMINDER TEMPLATE CLASSES*/

.date_field {
    display: none;
}

.value_field {
    display: none;
}

.weekly_field {
    display:none;
}

.monthly_field {
    display:none;
}
/***************************/

.status-task-Open {
    color:red;
}

.status-task-Complete {
    color: #4ba84b;
}

.step-nostyle-icon {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.step-nostyle-icon:hover {
    text-decoration:none;
    color:inherit;
    cursor:pointer;
}

/*======================================================================================================*/
/* dashboard builder styles */
/*======================================================================================================*/
.dashboard-builder-section {
    border: 1px dotted black;
    padding: 10px 10px 0px 10px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.dashboard-builder-button-container {
    border: 1px dotted black;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 12px 10px;
    float: right;
    width: fit-content;
    display: inline-block;
}

.dashboard-list-row > div > .data-row > .data-name {
    width: 40%;
}

/* 767px and down (xs) */
@media screen and (max-width: 767px) {
    .data-row {
        display: block;
        margin: 0px;
    }

        .data-row .data-name,
        .data-row .data-value {
            display: block;
            width: 100%;
        }

        .data-row .data-value {
            padding-left: 5px;
            border-top: none;
            min-height: 26px;
        }

    .dashboard-list-row > div > .data-row > .data-name {
        width: 100%;
    }
}

.dashboard-list-section {

}

.dashboard-list-section > div:nth-child(odd) {
    background-color: #F5F5F5;
}

.dashboard-list-row:hover {
    background-color: #FFFEED !important;
}


.dashboard-list-row {
    border-bottom: solid 1px #ddd;
    margin: 0px;
}

.dashboard-list-row > div {
    padding-left: 1px;
    padding-right:1px;
}

.dashboard-list-section > div {
    justify-content:center;
    align-items:center;
    padding:5px;
}
/*======================================================================================================*/

.red-icon {
    color: #d71d2b;
    font-weight: 900;
}

/*======================================================================================================*/
/*HEADER STYLING*/
/*======================================================================================================*/
.top-bar .notifications .notification-item {
    margin-left: 6px;
    margin-right: 6px;
}

.dropdown-menu-header {
    left: auto;
    right: 0;
}

.top-bar .notifications .dropdown-menu {
    max-width: 280px;
}

.top-bar .dropdown-menu > li > a {
    white-space: initial;
}

.navbar-search-input {
    width:150px;
}

.navbar-selected-item {
    background-color:#f1f1f1;
}

@media screen and (max-width: 990px) {
    .top-bar .notifications .dropdown-menu {
        /*width: 200px;
        left:-180px;*/
        /*left:0px;
        right:auto;*/
    }

    .header-dropdown-name {
        display:none;
    }

    .top-bar .notifications .dropdown-menu {
        max-width: 170px;
    }
}

.last-header-logo {
    margin-right: 30px !important;
}

@media screen and (max-width: 767px) {
    .top-bar .notifications .dropdown-menu {
        /*width: 200px;
        left:-180px;*/
        /*left:0px;
        right:auto;*/
    }

    .last-header-logo {
        margin-right:15px !important;
    }

    .navbar-search-input {
        width: 91px;
    }

}

.top-bar .notifications {
    padding-top: 5px;
    padding-bottom: 5px;
}

/*======================================================================================================*/

#unlock_site_type:hover {
    cursor:pointer;
}

#lock_site_type:hover {
    cursor: pointer;
}

#logo_title {
    vertical-align: middle;
    color: white;
    font-size: 24px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-left:5px;
}

/*======================================================================================================*/
/*TABLE FIELD*/
/*======================================================================================================*/

.table-field-table tbody tr td {
    padding:1px;
    margin:0px;
    border:solid 1px lightgray;
}

.table-field-table {
    border: solid 1px lightgray;
}

.btn-full-width {
    width: 100%;
    background-color: white;
    color: black;
    padding: 0px;
    height: 25px;
    border: solid 1px lightgray;
    font-family:inherit;
}

/*.multi-select-filter {
    display:none;
}*/

.btn-full-width {
    text-align:left;
}

.tableRadioDisplay {
    display:inline;
}

.btn-full-width .caret {
    margin-left: 0;
    text-align: left;
    right: 5px;
    position: absolute;
    top: calc(50% - 1px);
}

.form-table-signature, .form-table-signature > label.btn {
    width: 100%;
}

.tableRowAddName {
    display:none;
}

.no-style-button {
    border: none;
    background-color: inherit;
}

.no-style-button:focus {
    outline:none;
}

.multiselect-selected-text {
    margin-left: 8px;
    margin-right: 20px;
}


@media screen and (min-width: 768px) {
    .date-table-column {
        width: 100px;
    }

    .sig-table-column {
        width: 175px;
    }

    .num-table-column {
        width: 150px;
    }

    .datetime-table-column {
        width:200px;
    }
}


.datetime-table-column {
    display: table-cell !important;
}

@media screen and (max-width: 767px) {
    .tableRowAddName {
        display:none;
    }

    .tableRadioDisplay {
        display:inline-block;
    }
}

/*======================================================================================================*/

.history_column {
    display:none;
    min-width:75px;
}

.date_future_message {
    display: none;
}

#mobile_log_tabs {
    display:none;
}
#fullscreen_log_tabs {
    display:block;
}
@media screen and (max-width: 767px) {
    #mobile_log_tabs {
        display: block;
    }

    #fullscreen_log_tabs {
        display: none;
    }
}

.log_table > thead > tr > th {
    white-space: normal;
}

.workflow-label {
    display: inline-block;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    vertical-align: baseline;
    border-radius: .25em;
}

.toggle-row {
    display: none;
    margin-bottom:10px;
}

.message-detail {
    border-bottom: solid 1px silver;
}


/*TIME SELECTOR*/

.timeselector {
    padding: 2px;
    line-height: 100%;
    color: #333;
    border: solid 1px #aaa;
    border-radius: 6px;
    background: #c9c9c9;
    position: absolute;
    overflow: hidden;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.timeselector-item,
.timeselector-separator {
    float: left;
}

.timeselector-value,
.timeselector-button {
    padding: 2px 8px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}

.timeselector-value {
    display: block;
    color: #444;
    border: solid 1px #fff;
    background: #eee;
}

.timeselector-separator {
    padding: 0 2px;
    margin-top: 26%;
}

.timeselector-button {
    display: block;
    text-decoration: none;
    color: #3383bb;
    border: solid 1px #ccc;
    background: #eee;
}

    .timeselector-button:hover {
        color: #599fcf;
        border-color: #bbb;
        background: #f8f8f8;
    }

.timeselector-up {
    border-width: 1px 1px 0;
    border-radius: 4px 4px 0 0;
}

.timeselector-down {
    border-width: 0 1px 1px;
    border-radius: 0 0 4px 4px;
}

.customValueDropdownBox {
    width: 90%;
    position: relative;
    border-right: 0px;
    top: -25px;
    margin-bottom: -25px;
    border-right: 0px;
    border-radius: 4px 0px 0px 4px;
}

.logCustomValueDropdownBox {
    margin-top:2px;
    margin-bottom:5px;
}

.widget-header-step {
    height:45px;
}

.form-reset-button {
    border: none;
    background-color: inherit;
    text-align: left;
    width:100%;
    height:100%;
}

.form-reset-button:hover {
    background-color: #ececec;
}

.form-reset-button-li:hover {
    background-color: #ececec;
}

.multiselect-container {
    text-align: left;
}

/*.btn-clocker {
    color:black;
}*/

.recent-item-icon {
    font-size: 1.75em;
    text-align:center;
    position:relative;
    top:-10px;
}

.panel-hdr-right-text {
    font-size: 0.875rem;
    font-weight: 500;
    align-items: center;
    line-height: 3rem;
    margin-bottom: 0px
}

.btn-icon i {
    margin-right: 0px;
    margin-top: 6px;
}

.hidden {
    display:none;
}

.validation-summary-valid ul {
    margin:0;
}

.alert-dismissable ul {
    margin:0;
}

.clock-in-control {
    padding:3px !important;
    margin-left:2px;
    margin-right:2px;
}

.btn-group .btn:not([class*="btn-outline-"]):not(.btn-icon):not(.btn-light) {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#SearchCriteria_NavBarText {
    max-width: 21.875rem;
    height: 2.625rem;
    line-height: normal;
    border-radius: 4px;
    background: transparent;
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 0.9375rem;
    padding: 0.38rem;
}

.nav-menu li > ul li a > [class*='fa-'], .nav-menu li > ul li a > .ni {
    margin-left: 0em;
}

.panel-mid-hdr {
    border: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    border-radius:0px;
}

.btn-append-sm {
    height: 25px;
    padding: 2px 10px 0px 12px;
}

.task_table {
    border: solid 1px lightgrey;
    margin-bottom: 15px;
}

button:disabled {
    cursor: not-allowed;
    pointer-events: all !important;
}

.matrix-cs {
    text-align:center;
    vertical-align:middle !important;
}
.matrix-cs-name {
    font-weight:700;
    font-size:1.5em;
}
.matrix-cs-description {
    font-style:italic;
}

.form-instructions p:last-child {
    margin-bottom:0px;
}

/*.audit-recommendation {
    max-width:150px;
}*/

.audit-recommendation .input-group-append  {
    display:inline;
    width:calc(100% - 33px);
    overflow:hidden;
}

.audit-reference {
    max-width:150px;
}
.audit-reference .input-group-append .btn,
.audit-reference .input-group-prepend .input-group-text {
    padding: 0.25rem 0.5rem;
}

.audit-reference .input-group-prepend {
    display: inline;
    width: calc(100% - 36px);
    overflow: hidden;
}


/* 767px and down (xs) */
@media screen and (max-width: 769px) {
    .audit-reference, .audit-recommendation {
        max-width: 100%;
    }
}

.matrix-selected {
    border: 4px solid black !important;
}

.input-group-custom .input-group-text {
    padding: 0.1rem 0.4rem;
}

.input-group-reference > .select2 {
    width: calc(100% - 150px) !important;
}

.input-group-reference > .select2 > .selection > .select2-selection {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}


.input-group-reference-append > a {
    width: 150px !important;
}

.audit-recommendation .btn {
    padding: 0.1rem 0.4rem;
}

.recommendation-column {
    max-width:200px;
}

.row-number-column {
    max-width: 100px;
    min-width: 100px;
    width: 100px;
}

.compliance-column {
    max-width: 125px;
    min-width: 125px;
    width: 125px;
}

.expand-user-security-roles:hover {
    cursor:pointer;
}

.collapse-user-security-roles:hover {
    cursor: pointer;
}

.text-recommendation-toggle:hover {
    cursor:pointer;
}

.clickable-badge {
    cursor: pointer;
}

.audit-small-column-width {
    max-width:150px;
}

.audit-row-focus {
    -webkit-box-shadow: 0 0 30px #cad247e6;
    box-shadow: 0 0 30px #cad247e6;
}

#assetTypeFieldContainer table thead {
    display:none;
}

.typeFieldGroupHeader a {
    padding: 2px;
}

/*summernote air css*/
.inline-text-editor .note-editor {
    padding: 3px 3px 3px 3px;
}
.inline-text-editor .note-dropzone {
    padding: 0 0 0 0;
}
.inline-text-editor .note-editing-area {
    padding: 0 0 0 0;
}
.inline-text-editor .note-handle {
    padding: 0 0 0 0;
}
.inline-text-editor .note-editable {
    padding: 3px 3px 3px 3px;
}
.inline-text-editor .note-editable p:last-child {
    margin-bottom: 0;
}

.note-popover .popover-content .note-color .note-dropdown-toggle, .note-editor .note-toolbar .note-color .note-dropdown-toggle {
    width: 20px;
    padding-left: 5px
}

.image-library-body {
    width: 650px;
}

.inline-text-editor .note-popover div {
    padding: 0;
}

.note-popover .popover-content {
    margin-bottom: 5px;
}

/*hide summernote image upload*/
.note-group-select-from-files {
    display: none;
}

.summernoteinsertclose {
    border: 0;
    background-color: transparent;
    font-size: large;
}

/*summernote page break plugin*/
@media all {
    .page-break {
        display: none;
    }
}

@media print {
    .page-break {
        display: block;
        page-break-before: always;
    }
}

@media all {
    .panel-content .page-break {
        position: relative;
        display: block;
        width: 100%;
        height: 1px;
        background-color: #ddd;
        margin: 15px 0;
    }

    .panel-content .page-break:after {
        content: "Page-Break";
        position: absolute;
        width: 100%;
        height: 20px;
        top: -10px;
        color: #ddd;
        -webkit-text-shadow: 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
        -moz-text-shadow: 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
        text-shadow: 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
        text-align: center;
    }
}

@media print {
    .panel-content .page-break {
        display: block;
        page-break-before: always;
    }
}

.img-lib-list-item {
    border: 1px solid silver;
    padding: 7px;
    text-align: center;
    margin-bottom: 20px;
    height: 170px;
}
.task-pending-change-star {
    color: red;
    vertical-align: middle;
    padding-top: 4px;
}

.quiz-main-question {
    border: 2px solid #bfad00;
    border-radius: 0px 8px 8px 0px;
    font-size:larger;
}

/*CustomReport*/
.border { border: 1px solid #dee2e6 !important; }

.table-xs tr { border-bottom: solid 1px #dedede; }
.table-xs td { border: none !important; }
.table-xs th, .table-xs td { padding: 0.3rem 0.2rem; }

.show > .dropdown-menu-animated { -webkit-transform: scale(1) !important; transform: scale(1) !important; -webkit-transform-origin: 29px -50px; transform-origin: 29px -50px; opacity: 1; visibility: visible; }
.report-column-search-hide { display: none; }
.dropdown-menu.show { display: block; }
.dropdown-item { display: block; width: 100%; padding: 0.75rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }
.report-field-input, .form-control.report-field-input { padding: 0 0.3rem; height: 20px; }
.report-field-input-td { padding: 0.3rem 0.3rem; }
.custom-control { position: relative; display: block; min-height: 1.19437rem; padding-left: 1.625rem; }
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio { padding: 3px 20px 3px 30px !important; }

/** MULTI-SELECT CUSTOMIZATIONS **/
.dropdown-menu.dropdown-menu-fixed .dropdown-menu, .dropdown-multilevel .dropdown-menu.dropdown-menu-fixed { margin: 0; padding: 0; border-radius: 0; position: absolute; top: -1px; left: 100%; background: white; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); transition-delay: 500ms; opacity: 0; visibility: hidden; display: block; }

.dropdown-multilevel .dropdown-menu.dropdown-menu-fixed .dropdown-menu .dropdown-item { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }

.dropdown-menu.dropdown-menu-fixed .dropdown-multilevel { position: relative; }

/*.multiselect-container { min-width: 250px; }*/

.multiselect-native-select button { text-align: left; height: 25px; border: none; background-color: #fff; padding: 3px; }

.multiselect-native-select .btn-group { border: 1px solid #ccc; background-color: #fff; border-radius: 4px; }

.multiselect-container select, .multiselect-container input { height: auto; border-radius: 4px; border: 1px solid #ccc; padding: 4px; background-color: #fff; }

button.multiselect { padding: 3px; height: 25px; font-size: inherit; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.expanded-workflow-steps {
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 10px 20px #9ecaed;
    margin-left:60px;
}

.workflowApprovalStepScroll {
    padding:10px;
    border:2px solid grey;
    border-radius:4px;
}

.mod-skin-dark:not(.mod-skin-light) .data-row .data-name { background-color: #202125; color: white }
.mod-skin-dark:not(.mod-skin-light) .inline-text-editor { background-color: #202125; outline: #19191C 1px solid; color: white }
body:not(.mod-skin-dark):not(.mod-skin-light).nav-function-top #SearchCriteria_NavBarText {
    color: white;
}

.work-order-item-sort-order-display:hover {
    cursor:pointer;
}
.work-order-item-sort-order-input {
    width:30px;
    margin-right:5px;
}
.work-order-item-sort-order-save {
    margin-right: 5px;
}
.work-order-item-sort-order-save:hover {
    cursor: pointer;
}
.work-order-item-sort-order-cancel:hover {
    cursor: pointer;
}

.minified-nav {
    display:none;
}

body.nav-function-minify .fullsize-nav {
    display:none;
}

body.nav-function-minify #nav-info-card {
    display: none;
}

body.nav-function-minify .minified-nav {
    display: block;
}

.decision-tree-grid-column {
    flex: 1 1 0px;
}

.inactive-question {
    display:none;
}

#records-folder-container
{
    height:70vh;
}

/*.nav-link {
    border-bottom-color: transparent;
}*/

.panel-sub-hdr {
    border: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    border-radius: 0px;
}

.header-icon:hover {
    cursor:pointer;
}

.mod-skin-dark:not(.mod-skin-light) button.dropdown-toggle i,
.mod-skin-dark:not(.mod-skin-light) button.dropdown-toggle span.sort-order-value {
    color: #efefef;
}

.mod-skin-dark:not(.mod-skin-light) .fc-today .fc-day-number {
    color: black !important;
}


/*#header-filters-bar-nav-top {
    position: relative;
}
#header-filters-bar-nav-side {
    top: 4.2rem;
    position: absolute;
}
body:not(.nav-function-top) #header-filters-bar-nav-top {
    display:none;
}*/

#header-filters-notice {
    left: 0;
    position: relative;
    right: 0;
/*    top: 7.5rem;*/
    z-index: 2;
    height: 2rem;
    padding-left:2rem;
    padding-right:2rem;
}
/**/
/*body:not(.nav-function-top) #header-filters-notice {
    top: 4.1rem;
}*/
.header-function-fixed:not(.nav-function-top) #header-filters-notice {
    left: 0;
    position: absolute;
    right: 0;
    top: 4.1rem;
}
/*.nav-function-top #js-page-content {
    margin-top: 4.1rem !important;
}*/
.header-function-fixed.nav-function-top #header-filters-notice {
    top: 7.5rem;
    position: absolute !important;
}

/*.page-content-show-filters {
    margin-top:6rem;
}*/

.header-function-fixed.nav-function-top .page-content-show-filters {
    margin-top: 2.5rem;
}
.nav-function-top:not(.header-function-fixed) .page-content-show-filters {
    margin-top: 1rem;
}
.header-function-fixed:not(.nav-function-top) .page-content-show-filters {
    margin-top:6rem;
}
#HideHeaderFiltersNotice {
    position: absolute;
    right: 3.1rem;
}
#HideHeaderFiltersNotice:hover {
    cursor: pointer;
}

.header-filter-link {
    color:white !important;
    font-weight:bold;
}

#filter-pull-down-trigger {
    margin-right:2.5rem;
}


.due-x-switch .custom-control-label::after {
    background-color: red;
    color:blue;
}

.due-x-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: red;
    color:blue;
}

.due-x-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: red;
    color:blue;
}

.popover {
    max-width: 600px;
}

.popover li {
    margin-right: 10px;
}

.duration-input { font-family: inherit; /* Inherit the font family from the parent or form-control */ /* Matches the font size of form-control */ font-weight: normal; /* Matches the font weight of form-control */ line-height: 1.5; /* Matches the line height of form-control */ color: #495057; /* Matches the text color of form-control */ background-color: #fff; /* Matches the background color of form-control */ border: 1px solid #ced4da; /* Matches the border color of form-control */ border-radius: 0.25rem; /* Matches the border radius of form-control */ padding: 0.375rem 0.75rem; /* Matches the padding of form-control */ width: 60px; /* Ensures the input is narrow */ text-align: center; /* Centers the text for better readability */ height: 38px; /* Matches the height of form-control */ }

.hover-link:hover {
    cursor: pointer;
}

a[target]:not(.btn) {
    text-decoration: none !important;
}

.dxc-arg-elements text:hover {
    cursor: pointer !important;
    font-weight:bold !important;
}

.dxc-series rect:hover {
    cursor: pointer !important;
}

.wait-overlay {
    cursor: wait !important;
    overflow: visible;
    background: none !important;
}

.wait-overlay * {
    pointer-events: none;
}

.wait-overlay {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}