input[data-drupal-selector="edit-preview"] {
    float: left;
    margin-right: 5px;
}
.report_page { 
    position: relative;
}
.report_page .dashboardform-inner .table tbody td {
   min-width: 115px; 
}
form#views-exposed-form-all-courses-page-1 .form-item-field-customer-target-id {
    display: none;
}

form#views-exposed-form-all-courses-page-1 {
    margin-top: 30px;
}

.pagination.course_pagination li {
    display: block !important;
    margin-top: 20px;
    margin-bottom: 10px;
}

.dashboard-page .form-item-field-training-gapcount-other,
.dashboard-page .form-item-field-training-gap-other {
    width: 100% !important;
}
.form-type-price-number .description, .field--type-daterange legend {
    display: none;
}

a#edit-cancel {
    color: #ffffff;
    padding: 5px 25px;
    border-radius: 50px;
    font-weight: bold;
    line-height: 1.5;
    border: 1px solid transparent;
    width: auto;
    margin-top: 0;
    display: inline-block;
    text-decoration: none;
    background: #009DDC;
}

form.customer-select-form {
    padding: 0 20px;
}

form.customer-select-form select option {
    color: #333;
}

form.customer-select-form select {
    background: transparent !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    padding: 10px !important;
    height: 40px;
}

/*25-07-2022*/
#sidebar-wrapper .sidebar_top .navbar-brand {
    height: auto;
}

.path-frontpage .ui-dialog .tabledrag-test-form .dashboardform-inner table tbody td .form-type-checkbox {
    margin: 5px 0 0;
}

.path-bookings .ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close {
    right: 15px;
    background-image: url(/themes/custom/matrics/img/cancel_icon.png) !important;
    z-index: 9999;
    background-size: contain !important;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon::before,
.path-bookings .ui-dialog .ui-dialog-titlebar-close .ui-icon::before {
    height: 100%;
    width: 100%;
    line-height: 100%;
    left: -1px;
    top: 1px;
}

.path-bookings .ui-dialog .table-responsive table.field-multiple-table tr td:first-child {
    display: none;
}

.path-bookings .ui-dialog .table-responsive table .paragraphs-subform .paragraphs-content {
    margin-bottom: 15px;
}

.path-bookings .ui-dialog .table-responsive table .paragraphs-subform .paragraphs-content .js-form-item label,
.path-bookings .ui-dialog .table-responsive td .label {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    margin-bottom: 5px;
}

.path-bookings .ui-dialog .table-responsive table .paragraphs-subform .paragraphs-content .js-form-item input,
.path-bookings .ui-dialog .table-responsive table .paragraphs-subform .paragraphs-content .js-form-item select {
    display: block;
    width: 100%;
    padding: 10px 10px;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    background-color: #ffffff;
    height: 50px;
    border: 1px solid #d1d1d1;
}

.path-bookings .ui-dialog .table-responsive table .paragraphs-subform .paragraphs-content .container-inline .js-form-item.js-form-type-date {
    display: block;
    width: 100%;
}

.path-bookings .ui-dialog .table-responsive table .paragraphs-subform .paragraphs-content .field--type-address summary {
    margin-bottom: 10px;
    margin-top: 25px;
}

.path-bookings .ui-dialog .table-responsive table .paragraphs-subform .paragraphs-content .form-type-managed-file .form-submit {
    margin-top: 10px;
}

.path-frontpage .ui-dialog .tabledrag-test-form .form-type-checkbox label {
    margin-left: auto;
    margin-right: auto;
}

.path-frontpage .ui-dialog .tabledrag-test-form .dashboardform-inner table thead th:nth-child(3),
.path-frontpage .ui-dialog .tabledrag-test-form .dashboardform-inner table thead th:nth-child(4) {
    text-align: center;
}

.path-supplier-list .dashboard-rightbar .region-content .page-topForm {
    padding: 32px 30px 0;
    margin: 0px 0px 0;
}
.view.view-vendor .view-filters .form-group.focus_input, .view.view-vendor .view-filters .form-group.focus_input .js-form-item {
    display: block;
}
.path-supplier-list .dashboard-rightbar .region-content .view-filters .page-topForm label {
    width: 60px;
    min-width: 40px;
}
.block-page-title-block .content h1.title.page-title {
    text-transform: capitalize;
}

.report_data {
    vertical-align: top;
    background: #d4f3ff;
    padding: 20px;
    border-radius: 10px;
}

.page-node-type-reports div#block-matrics-local-tasks {
    display: none;
}

.node-reports-edit-form .reports_left>h2,
.node-reports-edit-form .reports_left .views-element-container,
.node-reports-edit-form .report_listing,
.node-financial-edit-form .report_listing {
    display: none;
}

.course-list-table .col-md-3 {
    float: left;
}

.course-list-table .col-md-3 .form-item {
    padding-right: 20px;
}

.course-list-table input#edit-submit {
    clear: both;
    float: left;
}

.profile .field.field--name-field-last-name::before {
    background-image: url(../img/employment-man.png);
}

.ui-dialog-title {
    opacity: 0;
}

#block-suggestedcoursed {
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    background: #ffffff;
}

#block-suggestedcoursed .content>h2 {
    padding: 10px 15px;
    font-size: 19px;
    margin: 0;
    cursor: pointer;
    border-bottom: 1px solid #ebebeb;
}

#block-suggestedcoursed .content>h2::before {
    content: "+";
    margin: 0 10px 0 0;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
}

#block-suggestedcoursed .content>h2:hover {
    color: #009DDC;
}

#block-suggestedcoursed .content>.suggested {
    display: none;
    margin-top: 10px;
}

#block-suggestedcoursed .content.open-suggest>h2::before {
    content: "-";
}

#block-suggestedcoursed .content.open-suggest>.suggested {
    display: block;
}

.no_record {
    padding: 10px 15px;
}

#drupal-modal input[data-drupal-selector="edit-save1"] {
    right: 15px;
    position: absolute;
}

.manage-tilesp #drupal-modal input[data-drupal-selector="edit-save1"] {
    right: unset;
    position: unset;
}

span.suggested_count {
    position: absolute;
    left: 20px;
    top: 0;
    background: #fff;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    color: #000;
    text-align: center;
}

.form-select.bef-links,
#edit-field-type-value--2 {
    border: none;
    background-image: none;
    border-bottom: 1px solid #cdcdcd;
    border-radius: 0;
}

.form-select.bef-links ul,
#edit-field-type-value--2 ul {
    padding: 0;
}

.form-select.bef-links li,
#edit-field-type-value--2 li {
    display: inline-block;
    margin-right: 20px;
}

.form-select.bef-links li a,
#edit-field-type-value--2 li a {
    color: #333;
}

.form-select.bef-links li a.bef-link--selected,
#edit-field-type-value--2 li a.bef-link--selected {
    color: #009DDC;
}

a.button.js-form-submit.form-submit.book-button {
    color: #fff;
    text-decoration: none;
    height: 50px;
    padding: 8px 20px;
}

.ui-dialog .view-manage-courses.view-display-id-block_3 .views-field {
    display: block;
}

body.authenticated .view-user-blocks.view-display-id-block_2 .views-field-view {
    display: none;
}

body.authenticated.mnager .view-user-blocks.view-display-id-block_2 .views-field-view,
body.authenticated.administrator .view-user-blocks.view-display-id-block_2 .views-field-view {
    display: table-cell;
    text-align: center;
}

a.use-ajax.button.btn.add-certificate-btn {
    display: none;
}

.authenticated.mnager a.use-ajax.button.btn.add-certificate-btn,
.authenticated.administrator a.use-ajax.button.btn.add-certificate-btn {
    display: initial;
}

.view.view-faq {
    padding-top: 20px;
}
.faq_data {
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    background: #ffffff;
    margin: 0 0 30px;
}

.faq_data h2 {
    padding: 10px 15px;
    font-size: 19px;
    margin: 0;
    cursor: pointer;
    border-bottom: 1px solid #ebebeb;
}

.faq_data h2:before {
    content: "+";
    margin: 0 10px 0 0;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
}

.open-faq.faq_data h2:before {
    content: "-";
}

.faq_ans {
    display: none;
    padding: 20px 20px 1px 20px;
}

.open-faq .faq_ans {
    display: block;
}

.upload-file-icon {
    display: inline-block !important;
}

.views-field-field-start-date .addtocal {
    background: #003768;
    color: #ffffff;
    padding: 5px 25px;
    border-radius: 50px;
    font-weight: bold;
    line-height: 1.5;
    border: 1px solid transparent;
    transition: all 0.3s ease 0s;
    min-width: 190px;
}

.views-field-field-start-date .addtocal-container .addtocal-menu {
    background: #003768;
    min-width: 172px;

}

.views-field-field-start-date .addtocal-container .addtocal-link a {
    color: #ffffff;
}

.views-field-field-start-date .addtocal-container .addtocal-link a:hover,
.addtocal-container .addtocal-link a:focus {
    background: #000000;
}

.block-views-blockuser-blocks-block-2>.content .view-user-blocks table {
    min-height: 150px;
}

tr.status-Passed td.views-field.views-field-field-start-date .addtocal-container,
tr.status-Passed td.views-field.views-field-views-conditional-field-1,
tr.status-failed td.views-field.views-field-field-start-date .addtocal-container,
tr.status-failed td.views-field.views-field-views-conditional-field {
    display: none;
}

.status-Cancelled td.views-field.views-field-field-start-date .addtocal-container {
    display: none;
}

.views-field-field-file .views-field-view-user a::before {
    background: url(../img/eye.png) no-repeat center center;
}

.logged-in p.session {
    max-width: 100%;
}

.profile .field__label {
    font-weight: bold;
}

.profile .field__item {
    color: #000000;
}

.star-ratings {
    unicode-bidi: bidi-override;
    color: #ccc;
    font-size: 30px;
    position: relative;
    margin: 0;
    padding: 0;
}

.star-ratings .fill-ratings {
    color: #3da8dc;
    padding: 0;
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    overflow: hidden;
}

.star-ratings .fill-ratings span {
    display: inline-block;
}

.star-ratings .empty-ratings {
    padding: 0;
    display: block;
    z-index: 0;
}

/**27-01-2023**/
.dashboard-page .card-icon {
    overflow: hidden;
}

.dark_mode .login-wrapper {
    background-color: #dfdfdf;
}

.dark_mode .login_form .form-group label,
.dark_mode .login_form .js-form-item label {
    background-color: #dfdfdf;
}

.dark_mode .login_form .custom-form input,
.dark_mode .login_form .custom-form select,
.dark_mode .login_form .custom-form textarea {
    background-color: #f1f1f1;
}

body.dark_mode {
    background-color: #bdbcbc;
}

.dark_mode .page-topForm {
    background-color: #bdbcbc;
}

.dark_mode .dashboard-page .card {
    background-color: #dfdfdf;

}

.dark_mode .dashboard-content .card-content h3 {
    color: #000000;
}

.dark_mode .select2-container--default .select2-selection--multiple {
    background-color: #dfdfdf;
}

.dark_mode .custom-form input,
.dark_mode .custom-form select,
.dark_mode .custom-form textarea {
    color: #000000;
    background-color: #dfdfdf;
}

.dark_mode .dashboard-page .card-icon {

    background-color: transparent;
}

.dark_mode ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000000 !important;
    opacity: 1;
    /* Firefox */
}

.dark_mode :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000000 !important;
}

.dark_mode ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #000000 !important;
}

.dark_mode .chart_toggle {
    background-color: #dfdfdf;

}

.dark_mode .table-design {
    background-color: #dfdfdf;
    color: #000000;
}

.dark_mode .dashboardform-inner .table thead th {
    background-color: #dfdfdf;
}

.dark_mode .form-control,
.dark_mode .form-text,
.dark_mode .form-select,
.dark_mode .form-email,
.dark_mode .form-textarea {
    background-color: #bdbcbc;
}

.dark_mode .chart_toggle h2 {
    border-bottom: none;
}

.dark_mode .table-design tbody tr:nth-child(odd),
.dark_mode .table-design tbody tr:nth-child(odd) td,
.dark_mode .dashboardform-inner tbody tr:nth-child(odd) {
    background-color: #d3d3d3;
}

.dark_mode .dashboardform-inner .table tbody td {
    color: #000000;
}

.dark_mode .pagination span {
    background-color: #bdbcbc;
}

.dark_mode .custom-ul-list li a {
    background-color: #dfdfdf;
}

.dark_mode .reports_left .check-box .form-group label {
    background-color: #dfdfdf;

}

.dark_mode .dashboard-rightbar .region-content .view-filters .page-topForm label {
    background-color: #bdbcbc;
    color: #000000;

}

.dark_mode .faq_data {
    background-color: #dfdfdf;
    overflow: hidden;
}

.dark_mode .faq_data h2 {
    margin: 0 0 -1px;
}

.dark_mode .js .paragraphs-collapsed-description:after {
    background-color: transparent;
}

.dark_mode .dashboard-rightbar .region-content .view-filters .page-topForm select,
.dark_mode .dashboard-rightbar .region-content .view-filters .page-topForm input {
    background-color: #dfdfdf;
}

.dark_mode #slider-distance>div>[thumb] {
    background-color: #dfdfdf;
}

.bulk-certificate-form .form-item input.error,
.bulk-certificate-form .form-item textarea.error,
.bulk-certificate-form .form-item select.error {
    border: 2px solid red;
}

.bulk-certificate-form .error.form-managed-file input {
    border: 2px solid red;
}

.access-denied {
    width: 100%;
    background: #06233D;
    color: #fff;
    margin: auto;
    padding-top: 150px;
    height: 100vh;
}

.login-page-url {
    color: #fff;
}

.login-page-url .tabs.primary li a {
    color: #fff;
}

.login-body.register-page {
    display: block;
}

/*14-feb*/
.bulk-certificate-form label {
    font-size: 14px;
}

.bulk-certificate-form select {
    font-size: 12px;
    min-width: 150px;
}

.bulk-certificate-form input {
    font-size: 12px;
    min-width: 150px;
}

.user-register-form .form-type-checkbox.form-item-notify input,
.user-form .form-type-checkbox.form-item-notify input,
.user-register-form .form-type-checkbox.form-item-field-notification-status-value input,
.user-form .form-type-checkbox.form-item-field-notification-status-value input {
    display: inline-block;
    height: 22px;
    width: 22px;
    margin-right: 4px;
}

.user-form .form-type-checkbox.form-item-field-notification-status-value {
    margin-top: 20px;
}

.report_page .views-field-view-user a,
.report_page .views-field-field-file a,
.report_page .views-field-edit-node a,
.report_page .send-mail a,
.report_page .share-file a,
.report_page .views-field-delete-node a {
    margin: auto;
}

.path-report-view a.btn.btn-primary {
    color: #fff;
}

.user-edit .paragraphs-dropbutton-wrapper button {
    display: none;
}

.reports_left .table-design {
    overflow: auto;
    margin-bottom: 0;
}

@media only screen and (max-width: 991px) {
    .form-select.bef-links {
        min-height: 40px;
        height: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .course-list-table .col-md-3 {
        float: none;
    }

    .course-list-table .js-form-item {
        margin: 0;
    }
}

table.tiltHeader th {
    word-break: break-word;
}

.js-form-item.form-item.form-group.custom-form.js-form-type-webform-codemirror.form-type-webform-codemirror.js-form-item-field-feedback-form-0-settings-default-data.form-item-field-feedback-form-0-settings-default-data {
    display: none;
}

.Radio-btn .form-group [type=radio]:not(:checked) {
    position: absolute;
    left: inherit;
    z-index: 999;
    width: 22px;
    height: 22px;
    opacity: 0;
}

#views-exposed-form-employee-overview-page-1 input#edit-submit-employee-overview {
    background: #003768;
}

#views-exposed-form-employee-overview-page-1 input#edit-submit-employee-overview:hover {
    background: #009DDC;
}

#views-exposed-form-employee-overview-page-1 #edit-actions {
    text-align: center;
    margin: 5px;
}

.view-employee-overview .pager__items li.is-active {
    padding: 0;
}

.path-employee-overview div#dash_wrapper {
    overflow: hidden;
}

/**
 * @file
 * Visual styles for progress bar.
 *
 * @see progress.js
 */
.progress {
    display: block;
    height: 16px;
    background: #e0e1e3;
    font-size: 1rem;
    border-radius: unset;
    overflow: visible;
}

.progress__track {
    border-color: #b3b3b3;
    border-radius: 10em;
    background-color: #f2f1eb;
    background-image: -webkit-linear-gradient(#e7e7df, #f0f0f0);
    background-image: linear-gradient(#e7e7df, #f0f0f0);
    box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.16);
}

.progress__bar {
    height: 16px;
    margin-top: -1px;
    margin-left: -1px;
    /* LTR */
    padding: 0 1px;
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
    -webkit-animation: animate-stripes 3s linear infinite;
    -moz-animation: animate-stripes 3s linear infinite;
    border: 1px #07629a solid;
    border-radius: 10em;
    background: #057ec9;
    background-image:
        -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)),
        -webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
    background-image:
        linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)),
        linear-gradient(to right bottom, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
    background-size: 40px 40px;
}

[dir="rtl"] .progress__bar {
    margin-right: -1px;
    margin-left: 0;
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse;
}

@media screen and (prefers-reduced-motion: reduce) {
    .progress__bar {
        -webkit-transition: none;
        transition: none;
        -webkit-animation: none;
        -moz-animation: none;
    }
}

/**
 * Progress bar animations.
 */
@-webkit-keyframes animate-stripes {
    0% {
        background-position: 0 0, 0 0;
    }

    100% {
        background-position: 0 0, -80px 0;
    }
}

@-ms-keyframes animate-stripes {
    0% {
        background-position: 0 0, 0 0;
    }

    100% {
        background-position: 0 0, -80px 0;
    }
}

@keyframes animate-stripes {
    0% {
        background-position: 0 0, 0 0;
    }

    100% {
        background-position: 0 0, -80px 0;
    }
}

/** Training matrics modal popup node edit page. **/
.node-edit a {
    text-transform: uppercase;
    border: 1px solid;
    padding: 5px 10px;
}

.nd-certificate-edit #drupal-modal form.node-job-title-edit-form .field--name-title,
.nd-certificate-edit #drupal-modal form.node-job-title-edit-form .field--name-status,
.nd-certificate-edit #drupal-modal form.node-job-title-edit-form .form-item-body-0-value,
.nd-certificate-edit #drupal-modal form.node-job-title-edit-form .field--name-field-asset,
.nd-certificate-edit #drupal-modal form.node-job-title-edit-form .field--name-field-customer,
.nd-certificate-edit #drupal-modal form.node-job-title-edit-form .filter-wrapper,
.nd-certificate-edit #drupal-modal form.node-job-title-edit-form .field--name-field-non-effecting-score,
.view-matrix-courses-listing.view-display-id-page_1 .views-field-nid-1,
.view-matrix-courses-listing.view-display-id-page_1 .views-field-field-job-role,
.view-matrix-courses-listing.view-display-id-page_1 .views-field-nid-2,
.modal-hide-footer .form-actions button,
.view-matrix-courses-listing.view-display-id-page_1 .view-display-id-block_2 .views-label-form-field-field-enable {
    display: none;
}

.view-matrix-courses-listing.view-display-id-page_1 .view-display-id-block_2 .field--name-field-enable .option {
    font-size: 0;
}

.nd-certificate-edit .button--danger {
    display: none;
}

th.node-edit-th {
    vertical-align: bottom !important;
    height: auto !important;
}

.node-edit-th .node-edit {
    transform: none !important;
    border: 0 !important;
    width: auto !important;
}

.node-edit-th .node-edit span {
    height: auto !important;
    text-align: right !important;
    display: block !important;
}

.authenticated .block-certificate-check .node-edit-th {
    visibility: hidden;
}

.authenticated.administrator .block-certificate-check .node-edit-th {
    visibility: visible;
}

.view-user-blocks .views-field.views-field-field-status-1 {
    text-transform: capitalize;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 25px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f1f1f1;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-color: #D1D1D1;
    border-radius: 34px;
    position: absolute;
    top: 1.5px;
    left: 2px;
    transition: all 0.25s ease-in-out;
}

input:checked+.slider, input:checked+.field-suffix .slider {
    background-color: #bee5f6;
}

input:focus+.slider {
    box-shadow: 0 0 1px #bee5f6;
}

input:checked+.slider:before, input:checked+.field-suffix .slider:before {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    background-color: #009ddc;
    top: 2.5px;
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

select[name="field_expiry_date_value_op"] {
    display: none;
}

input[name="field_expiry_date_val[value]"] {
    display: none;
}

a.btn.btn-primary.remove_Certificate {
    color: #fff;
}

.form-item-course .select2-container .select2-selection--single {
    height: 50px;
}

.select2-container--default .select2-search--inline .select2-search__field {
    width: 100%;
    height: 100%;
    padding: 5px 0 0 0;
    margin: 0;
}

td.child-action>a>span {
    display: flex;
    flex-direction: column;
    align-items: center;
}

td.child-action {
    display: flex;
    align-items: center;
}

td.child-action a {
    margin: 0 2px !important;
    font-size: 12px;
    font-weight: 500 !important;
}


.th-course-booking-status {
    min-width: 175px;
    max-width: 175px;
}

.th-expiry-date {
    min-width: 150px;
    max-width: 150px;
}

.anonymous.path-contact h1.title.page-title {
    text-align: left;
}


.action-Update {
    background: #e8f8ff;
    font-weight: 400 !important;
    font-size: 12px;
    border: 1px solid #228cbd;
    padding: 1px 10px;
    height: 20px;
    border-radius: 18px;
    color: #228cbd;
    display: inline-block;
}

.action-Delete {
    background: #FFC7CE;
    color: red;
    border: 1px solid red;
    font-weight: 400 !important;
    font-size: 12px;
    padding: 1px 10px;
    height: 20px;
    border-radius: 18px;
    display: inline-block;
}

.action-Create {
    background: #b3e9bc;
    font-weight: 400 !important;
    font-size: 12px;
    border: 1px solid #187927;
    padding: 1px 10px;
    height: 20px;
    border-radius: 18px;
    color: #187927;
    display: inline-block;
}

.view-audit-log .table-responsive {
    border: none !important;
    padding: 0;
    border-radius: 0 !important;
}

.views-table td.views-field.views-field-user-name img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 5px solid #009ddc;
    margin-right: 5px;
}


/*16102023*/

.ui-widget.nd-jobtitle-listing .pager__items li a {
    display: inline-flex;
    justify-content: center;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
}

.ui-widget.nd-jobtitle-listing .ui-dialog-content {
    overflow-x: hidden;
}

.custom-datatables .views-table {
    margin: 0 !important;
}

.custom-datatables .table-responsive {
    padding: 0px;
}

.path-user #block-matrics-breadcrumbs {
    display: inline-block;
    width: auto;
}

.path-user #block-matrics-breadcrumbs .breadcrumb {
    margin: 0px;
}

.path-user .user-logged-in.path-user.user-view .user-local-task.block-local-tasks-block {
    width: auto;
    margin: 0;
}

.path-user .user-logged-in.path-user.user-view .block-local-tasks-block .tabs.primary.user-tabs {
    margin-top: 5px;
}

.nd-certificate-edit .ui-dialog-buttonpane.ui-widget-content {
    background: transparent;
    border-style: none;
}

.nd-certificate-edit.ui-dialog .ui-dialog-buttonpane button {
    font-size: 14px;
    border-radius: 6px;
}

/*End 16102023*/
.use-ajax.button.js-form-submit.form-submit:not(.custom-blue-anchor-link) {
    overflow: initial;
    font-size: 16px;
    color: #ffffff;
    background: #003768;
    text-decoration: none;
    padding: 10px;
    border-radius: 5px;
    border-color: #003768;
}

.progress_throbber {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    color: #fff;
    text-align: center;
    z-index: 9999999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
select[name="field_archived_value"] {
    display: none;
}

.view-audit-log .job_user span {
    color: gray;
    text-transform: capitalize;
}
.view-audit-log .views-field-user-name .job_user:last-child {
    position: relative;
    top: -10px;
    left: 10px;
}
.view-audit-log  .views-field-time {
    max-width: 105px;
    min-width: 105px;
}
.view-audit-log  .job_user {
    display: inherit;
}
.view-audit-log .views-field-certificate {
    max-width: 200px;
}
.no-match {
    text-align: center;
}

input#edit-start-date, input#edit-end-date {
    cursor: pointer;
}
.node-reports-form .description, .node-reports-edit-form .description, .node-financial-form .description, .node-financial-edit-form .description, .node-job-title-edit-form .description{
    display: none;
}
.view-manage-courses.view-display-id-page_1 .form-actions .ajax-progress {
  position: absolute;
  display: block;
  float: right;
  width: 100%;
}

.form-item-field-job-title .description {
    display: none;
}

#myTable thead tr th img {
    width: 15px;
    min-width: 15px;
    height: fit-content;
    float: right;
}
.sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.course_hide, .count_hide{
    display:none;
}

.field--name-field-upload-document ul.paragraphs-tabs.tabs.primary {
    display: none;
}
.dashboard-filter-form input.form-submit {
    background: #009DDC !important;
    margin-top: 30px;
}
.reports_left .check-box .form-group.form-item-field-data-type-employee-name label, .reports_left .check-box .form-group.form-item-field-data-type-employee-name label:after {
    background: #7ed957 !important;
}
.error {
    border-width: 2px !important;
    border-color: #dc2323 !important;
}
.tabs.primary li.is-active a {
    color: #009DDC;
}

.field--name-field-upload-document input[title="Collapse"] {
    display: none;
}
.course-list-table .description {
    font-size: 10px;
}
.course-list-table input {
  margin: 0 !important;  
}
.custom-ul-list li.add-customer a::before {
    background-image: url(../img/plus-solid.svg);
}

/** Asset matrics page **/
.multiselect-wrapper select {
    height: 200px;
}
.asset-matrix-table a.use-ajax {
        width: 100%;
    display: block;
    margin: 0 !important;
}
.asset-matrix-table td {
    border: 1px solid #cdcdcd;
    height: auto !important;
}

.asset-matrix-table tr td:first-child {
    width: 200px;
    max-width: 200px;
}

.path-asset-matrix #asset-matrix-form, .path-asset-matrix #asset-matrix-filter-form {
   padding: 15px 0;
   margin: 6px 0;
}
.path-asset-matrix .table-design {
   margin: 0 10px 25px;
}
.btn.btn-transparent {
    padding: 6px 6px 6px 8px;
    background: transparent;
    color: #001585;
    border: 1px solid #001585;
    border-radius: 4px;
    transition: 0.6s all ease;
}
.btn.btn-transparent:hover {
    background: #001585;
    color: #fff;
}
.path-asset-matrix table.tiltHeader th.add-button-th {
    min-width: 250px;
    vertical-align: bottom;
    text-align: center;
    position: relative;
}
.path-asset-matrix table.tiltHeader th.add-button-th a {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0 10px;
    color: #001585;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
}
.path-asset-matrix table.tiltHeader th.add-button-th a:hover {
    color: #fff;
}
.path-asset-matrix table th {
    border: 0;
}
.path-asset-matrix table.tiltHeader th.add-button-th .ajax-progress {
    position: absolute;
    bottom: -13px;
    transform: unset;
    border: 0;
    left: 0;
}
.path-asset-matrix .table-prt td a {
    color: #000000;
    font-weight: 500;
    font-family: 'Roboto';
}
.path-asset-matrix .table-prt {
    background: transparent;
    margin: 30px 0;
}
.path-asset-matrix .table-prt td { background: #fff; }
.path-asset-matrix .table-wrapper-prt { border: 0; }
.path-asset-matrix .table-prt td:hover {
    /*border: 2px solid #009DDC;*/
    box-shadow: 0px 0px 0px 1px rgba(0,157,220,1) inset;
    background-color: #bee5f6;
}
.path-asset-matrix .switch input:not(:checked)+.slider.round, .block-views-blockuser-blocks-block-1 .switch input:not(:checked)+.slider.round,  .asset-compliance-overview-form .switch input:not(:checked)+.field-suffix .slider.round {
    background: #F1F1F1;
    border: 1px solid #D1D1D1;
}
.certificate-renewal-form .form-checkbox,.add-certificate-form .form-checkbox { display: inline-block; }
.multiselect-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.multiselect-wrapper .multiselect-available, .multiselect-wrapper .multiselect-btns, .multiselect-wrapper .multiselect-selected {
    flex: 24%;
    text-align: center;
}
.multiselect-wrapper .multiselect-selected { margin-right: 15px; }
.multiselect-wrapper .multiselect-available select.form-multiselect {border-color: #d1d1d1;}
.multiselect-wrapper .multiselect-available select.form-multiselect option {border-color: #d1d1d1;}
.multiselect-wrapper select option:last-child { border: 0.5px solid #d1d1d1;}
.path-asset-matrix .draggable.enabled.highlighted { color: #fff; background: #009DDC; }
.path-asset-matrix .month-wrapper { margin: 10px;  text-align: left; }
.path-asset-matrix .cell-loading { position: absolute; left: 38%; }
.path-asset-matrix .cell-loading img { width : 50px; }
.path-asset-matrix .custom-blue-anchor-link { font-size: 14px; }
.path-asset-matrix .custom-dark-blue-link { font-size: 14px; }
.multiselect-wrapper select.form-multiselect {
padding: 10px;
border: 0.5px solid #d1d1d1;
}

.multiselect-wrapper select option {
font-size: 14px;
padding: 5px 10px;
border: 0.5px solid #d1d1d1;
border-bottom: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#cell-dragdrop { margin-top: 30px; }
table.tiltHeader thead th > div.toggle-wrapper {
    transform: unset;
    border: 0;
    width: 100%;
}
@media only screen and (min-width: 991px) {
    .path-asset-matrix #asset-matrix-form .form-item-customer, .path-asset-matrix #asset-matrix-filter-form .form-item {
        max-width: 30%;
        display: inline-block;
        padding-right: 15px;
    }
    .asset-jobrole-form .multiselect-btns > ul , .asset-certificate-form .multiselect-btns > ul {
      float: unset;
      display: inline-block;
    }
    .path-asset-matrix #block-matrics-content::before {
        content: "";
        position: absolute;
        bottom: auto;
        right: 0;
        width: calc(100% + 70px);
        height: 1px;
        background: #d1d1d1;
    }
}

.multiselect-btns > ul > li.multiselect-add {
    background: url(../img/big-add-new.png) no-repeat 0 0;
}

.multiselect-btns > ul > li.multiselect-remove {
    background: url(../img/big-remove-new.png) no-repeat 0 0;
}
.multiselect-btns > ul > li.multiselect-add:hover, .multiselect-btns > ul > li.multiselect-remove:hover {
    background-position: -35px 0;
}
.certificate-count-table img {
    width: 25px;
    height: 25px;
    border: 1px solid;
    border-radius: 50px;
    padding: 5px;
}
.certificate-count-table img.cross {
    border-color: red;
}
.certificate-count-table img.success {
    border-color: green;
}
.certificate-count-table tr, .certificate-count-table {
    background: #fff;
}
.certificate-count-table tr {
    border-color: inherit;
    border-style: solid;
    border-width: 1px;
}
.table-responsive.certificate-count-table {
    padding: 0;
    margin-bottom: 10px;
}
.certificate-count-table-wrapper { width : 50%; }
.table-responsive.certificate-count-table table {
    margin: 0;
}
.certificate-count-table table td:nth-child(1) {
    border-color: inherit;
    border-style: solid;
    border-right-width: 1px;
    max-width: 100px;
}
.ui-widget.nd-jobtitle-listing .form-item-field-role-status-value.custom-form input[type=checkbox] {
    display: inline-block;
}
.ui-widget.nd-jobtitle-listing .form-item-field-role-status-value.custom-form label.option {
    display: inline-block;
}
.ui-widget.nd-jobtitle-listing .form-item-field-role-status-value.custom-form label.option:before {
    display: none;
}
.asset-compliance-filter-form #edit-table3 caption {
    text-align: center;
    padding: 10px 0;
}

.emp_status_inactive {
    color: #009DDC;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    padding: 0;
    font-size: 0;
    width: 22px;
    height: 22px;
    display: inline-block;
    opacity: 0.5;
    vertical-align: top;
    background: url(../img/inactive.png) no-repeat center center;
    background-size: contain;
}

.mnager #edit-relations, .taxonomy-popup details {
    display: none;
}
.node-vendor-form .phone-number-field > label {
    display: block;
}
.phone-number-field div.form-item {
    width: auto;
}
.phone-number-field {
    margin-bottom: 20px;
}
.phone-number-field .country-select, .phone-number-field input.local-number {
    height: 50px;
    border: 1px solid #d1d1d1;
    background: #fff;
    padding: 5px;
    width: auto;
}
.ief-popup-wrapper .ui-dialog {
    width: 800px;
    background: #f1f1f1;
    padding: 20px;
    border-radius: 15px;
    overflow: initial;
}
.ief-popup-wrapper .ui-dialog > div {
  border: 1px solid #dadada;
  border-radius: 5px;
}

.ief-popup-actions {
    background: #f1f1f1;
}
.ief-popup-wrapper .ui-dialog-title {
    opacity: 1;
    padding: 15px 20px;
}
.ief-popup-actions .btn.custom-blue-anchor-link {
  background: #003768;  
}
.node-asset-form input[name='ief-field_budget-form-add-existing'], .node-asset-edit-form input[name='ief-field_budget-form-add-existing']{
    display: none;
}
.node-asset-form  #edit-actions, .node-asset-edit-form #edit-actions {
    margin: 20px 0;
}

.direct-book-course-form input:disabled {
    background-color: #f1f1f1;
}
.budget-date-wrapper legend, .paragraph-asset-budget-entity-edit-form legend {
    font-size: 13px;
}

.ief-entity-table td:last-child {
  width: 200px;
}
.budget-date-wrapper .form-item:nth-child(2), .paragraph-asset-budget-entity-edit-form .fieldset-wrapper .form-item:nth-child(2), .ief-popup-wrapper .fieldset-wrapper .form-item:nth-child(2) {
  padding: 0 0 0 12px;
}
.budget-date-wrapper .form-item:nth-child(1), .paragraph-asset-budget-entity-edit-form .fieldset-wrapper .form-item:nth-child(1), .ief-popup-wrapper .fieldset-wrapper .form-item:nth-child(1){
  padding: 0 12px 0 0;
}
.amount-wrapper, .budget-date-wrapper .fieldset-wrapper, .accommodation-cost-amount-wrapper, .tms-charge-amount-wrapper, .paragraph-asset-budget-entity-edit-form .fieldset-wrapper, .ief-popup-wrapper .fieldset-wrapper {
  display: flex;
  width: 100%;
  position: relative;
  align-items: center;
  justify-content: space-between;
}

.travel-cost-amount-wrapper .wrapper-1, .travel-cost-amount-wrapper .wrapper-2 {
  display: flex;
}

@media only screen and (min-width: 830px) {
  .travel-cost-amount-wrapper { 
    display: flex;
    width: 100%;
  }
  .travel-cost-amount-wrapper .wrapper-2 { padding: 0 0 0 12px; width: 50%; }
  .travel-cost-amount-wrapper .wrapper-1 { padding: 0 12px 0 0; width: 50%; }
}
.amount-wrapper .form-item-field-list-price-other {
  padding: 0 !important;
}

.paragraph-asset-budget-entity-edit-form .fieldset-wrapper .datetime-wrapper, .ief-popup-wrapper .fieldset-wrapper .datetime-wrapper {
  width: 50%;
}
.form-disabled input, .form-disabled select, .form-disabled textarea {
  background: #f1f1f1;
}

button.button.button--primary.js-form-submit.form-submit[disabled] {
  cursor: auto;
}
.custom-datatables .main-action .ief-entity-operations.action-card {
  top: -50px;
}
.custom-datatables .main-action .ief-entity-operations.action-card input {  
  text-align: left;
  text-align: left;
  padding: 5px;
  display: block;
  width: 100%;
  border: 0;
  background: transparent;
}
.custom-datatables .main-action .ief-entity-operations.action-card input:before {
  content : "";
}
.ief-popup-wrapper-edit .datetime-wrapper input, form.paragraph-asset-budget-entity-edit-form .datetime-wrapper input {
    pointer-events: none;
    background: #f1f1f1;
}

.ief-popup-wrapper-edit .ui-dialog .ui-dialog-content > div:nth-child(2) > div > div, .ief-popup-wrapper-duplicate .ui-dialog .ui-dialog-content > div:nth-child(2) > div > div {
    width: 100%;
}
.ief-popup-wrapper-edit .ui-dialog .ui-dialog-content > div:nth-child(2) > div > div:first-child, .ief-popup-wrapper-duplicate .ui-dialog .ui-dialog-content > div:nth-child(2) > div > div:first-child {
    padding: 0;
}
.ief-popup-wrapper-edit .form-type-price .field-suffix, .ief-popup-wrapper-duplicate .form-type-price .field-suffix {
    padding: 15.5px;
    padding-bottom: 14.4px;
}
.taxonomy-term-customer-form #edit-group-assets #edit-field-select-assets--description {
    display: none;
}
.path-faq #block-matrics-content, .path-asset-listing #block-matrics-content, .path-supplier-booking-completed #block-matrics-content { position: relative; }
.path-asset-listing #block-matrics-content { padding-top: 20px; }
.path-supplier-booking-completed #block-matrics-content { padding-top: 50px; }
.path-faq #block-matrics-content .content:before, .path-asset-listing #block-matrics-content:before, .path-supplier-booking-completed #block-matrics-content .content:before {
    content: "";
    position: absolute;
    top: 10px;
    bottom: auto;
    left: -30px;
    right: 0;
    width: calc(100% + 70px);
    height: 1px;
    background: #d1d1d1;
}
.has-multiple-fields-remove-button .multiple-fields-remove-button { top : 50%; }
#block-createasset, #block-backtosupplierlist {
    width: 410px;
    text-align: end;
    display: inline-block;
    position: relative;
    top: -5px;
}
#block-createasset p, #block-backtosupplierlist p {
    margin: 0;
}
.create-asset-customer-form p:first-child {
    margin: 0;
    margin-bottom: 3px;
}
.create-asset-customer-form .custom-dark-blue-link {
    background-color: #009DDC;
}
.page-node-type-vendor .file-download-pdf {
    background: unset;
    color: unset;
}
.block-views-blockuser-blocks-block-1 > .content, .block-views-blockuser-blocks-block-2 > .content {
    display: none;
    margin-top: 10px;
}
.block-views-blockuser-blocks-block-1.open-mapfield > .content, .block-views-blockuser-blocks-block-2.open-mapfield > .content {
    display: block;
}

.form-item__label.form-required::after {
    display: inline-block;
    margin-right: 0.15em;
    margin-left: 0.15em;
    content: "*";
    color: #dc2323;
    font-size: 0.875rem;
}

.node-asset-form div#edit-field-customer-wrapper, .node-asset-edit-form div#edit-field-customer-wrapper {
    display: none;
}
.amount-wrapper .form-item-field-course-price-currency, .tms-charge-amount-wrapper .js-form-item-field-tms-charge-currency {
    margin-top: 26.5px;
}

.travel-cost-amount-wrapper .js-form-item-field-travel-cost-currency, .travel-cost-amount-wrapper .js-form-item-field-accommodation-cost-currency {
margin-top: 26.5px;
}

.node-courses-form #edit-field-course-description-0-format, .node-courses-edit-form #edit-field-course-description-0-format {
  display: none;    
}

.node-courses-form .form-item-field-course-description-0-value .form-textarea-wrapper, .node-courses-edit-form .form-item-field-course-description-0-value .form-textarea-wrapper {
  margin: 0 0 25px;
}

.node-vendor-form #edit-field-upload-document-0-top-type, .node-vendor-edit-form #edit-field-upload-document-0-top-type {
  display: none;    
}
.breadcrumb ul li a {
    text-transform: capitalize;
}
.view-employee-overview .ui-widget.ui-widget-content::before, .view-office-users .ui-widget.ui-widget-content::before, .view-customer-listing .ui-widget.ui-widget-content::before, .view-asset-listing .ui-widget.ui-widget-content::before{ display: none; }
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.asset-popup-form .form-item-field-customer, .asset-popup-form .budget-details-wrapper, .asset-popup-form .asset-details-wrapper summary {
    display: none;
}

.asset-popup-hide-budget .budget-details-wrapper, .asset-popup-hide-budget .asset-details-wrapper summary {
    display: none;
}
#asset-submit-success-message {
    color: green;
}
#drupal-modal .select2-container { font-size: 16px; margin: 0 0 20px ;}
#block-backtocustomerlist {
    display: inline-block;
    width: 29%;
    text-align: end;
    position: relative;
    top: -15px;
}
#block-backtocustomerlist .btn.custom-dark-blue-link {
position: relative;
    padding: 10px 15px 10px 35px !important;
}
#block-backtocustomerlist .btn.custom-dark-blue-link::after {
  content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    left: 8px;
    background-image: url(../img/down-white-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 21px;
}
form.taxonomy-term-customer-form, form.user-register-form{
    position: relative;
    padding-top: 20px;
}
form.user-register-form .form-type-email .description, form.user-form .form-type-email .description, form.user-register-form .field--name-user-picture .description, form.user-form .field--name-user-picture .description, form.user-register-form .field--name-field-customer .description, form.user-form .field--name-field-customer .description { display: none;
}
form.user-register-form .field--name-field-customer, form.user-form .field--name-field-customer { margin-bottom: 20px;}
form.user-register-form .user-profile-pic-info-toggle, form.user-form .user-profile-pic-info-toggle {
    position: relative;
}
form.user-register-form .field--name-user-picture .description, form.user-form .field--name-user-picture .description {
    margin: 20px;
    right: 0;
    position: absolute;
    background: #fff;
    padding: 15px;
    border: 1px solid gray;
    border-radius: 5px;
    top: 15px;
    font-size: 12px;
    padding: 15px !important;
}
body.path-user #block-matrics-content form#user-register-form, body.path-user #block-matrics-content form#user-form {
    margin-top: 20px;
}
body.path-user #block-matrics-content form#user-register-form .field--name-user-picture, body.path-user #block-matrics-content form#user-form .field--name-user-picture   { margin-bottom: 20px; }
body.path-user #block-matrics-content form#user-register-form .user-profile-pic-info-toggle span, body.path-user #block-matrics-content form#user-form .user-profile-pic-info-toggle span, .asset-to-employee form.user-register-form .user-profile-pic-info-toggle span {
    float: right;
}
body.path-user #block-matrics-content form#user-register-form #edit-actions input#edit-submit, body.path-user #block-matrics-content form#user-form #edit-actions input#edit-submit,body.entity-add-edit #block-matrics-content form #edit-actions input#edit-submit {
    width: 180px;
}
#edit-status--wrapper .Radio-btn .form-group:has([type=radio]:checked) {
    background: #bee5f7;
    border-color: #4bb9e7;
}
form.taxonomy-term-customer-form:before, form.user-register-form:before {
    content: "";
    position: absolute;
    top: -10px;
    left: -54px;
    right: 0;
    width: calc(100% + 85px);
    height: 1px;
    background: #d1d1d1;
}
.people-create .block-page-title-block {
    display: block;
}
form.user-form #edit-delete  {  width: 180px; }
.toolbar-fixed.path-user #edit-access, .path-user .form-item-user- { display: none;}
/* TMS coordinator hide permissions */
.tms_admins_ .view-customer-listing.view-display-id-page_1 .view-header a, .tms_admins_ .view-all-courses.view-display-id-page_1 .view-header a, .tms_admins_ .view-course-management.view-display-id-page_1 .view-header a , .tms_admins_ .view-course-management.view-display-id-page_2 .view-header a , .tms_admins_ .view-course-management.view-display-id-page_3 .view-header a , .tms_admins_ .view-job-roles-list.view-display-id-page_1 .view-header a , .tms_admins_ .view-department.view-display-id-page_1 .view-header a , .tms_admins_ .view-vendor.view-display-id-page_1 .view-header a, .tms_admins_ .view-asset-listing.view-display-id-block_2 .view-header a, .tms_admins_.path-asset-matrix .asset-matrix-filter-form .add-button-th a, .tms_admins_.path-asset-matrix .asset-matrix-filter-form .add-button-th {
    display: none;
}
.tms_admins_ .no-coordinator { display: none !important; }
/*TMS manager hide permissions*/
.mnager.node-13 .action-center { display: none; }
.tms_admins_.path-asset-matrix .asset-matrix-filter-form #cell-dragdrop td, .tms_admins_.path-job-roles-list tbody td.reorder, .tms_admins_.path-departments tbody td.reorder {
    pointer-events: none;
}
.custom-datatables .dt-button-collection { z-index: 2; }

/*job roles title and department disable-shorting make event disable and removing icon of shorting*/

.dt-disable-shorting {
    pointer-events: none;
}

.dt-disable-shorting:before {
    display: none !important;
}
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: left !important;
}
.popup-section {
  font-family: "Roboto";
}

.dt-container .dt-search input:hover, .dt-container .dt-search input:focus, .matrix-dt-table .dt-container .dt-search input:hover, .matrix-dt-table .dt-container .dt-search input:focus {
  z-index: 1;
  background: #fff;
}

div.dt-rowReorder-float-parent {
  table-layout: fixed;
  outline: 2px solid #D1D1D1;;
  z-index: 2001;
  position: absolute !important;
  overflow: hidden;
  border-radius: 3px;
  background: #D1D1D1;
}
.view-user-blocks .views-field-field-documents li {
  display: inline-block;
  padding: 10px;
}
.block-training-management.block-training-stats p {
    text-align: center;
}
.book-course-form .direct-book-course-form .custom-table-layout.custom-datatables .table tbody tr:not(.user-dtl) td:last-child a {
  font-size: 0;
}
.btn-gray-bg, .ui-dialog .ui-dialog-buttonpane .btn-gray-bg {
  background-color: #a1a1a1;
  border: 1px solid #a1a1a1;
  color: #fff;
  font-size: 14px;
}
.path-node.page-node-type-vendor .block-page-title-block {
  width: calc(100% - 250px);
}
body.page-node-type-asset #edit-actions a#edit-delete {
  width: 150px !important;
}
body.page-node-type-asset .custom-table-layout.custom-datatables{
  width: 100%;
  overflow: auto;
}
.entity-add-edit .field-group-details .field--name-field-upload-document .form-managed-file span,
.entity-add-edit .field-group-details .field--name-field-upload-document .form-managed-file input[value="Remove"] {
    display: inline-block;
}
.entity-add-edit .field-group-details .field--name-field-upload-document .form-managed-file input[value="Remove"] {
  float: right;
  padding: 10px !important;
  background-color: transparent;
  border: none;
  color: transparent;
  font-size: 0;
  width: 20px;
  height: 18px;
  background: url(../img/delete.png) no-repeat center center;
  background-size: 20px;
  position: relative;
  top: 12px;
}
.entity-add-edit .field-group-details .field--name-field-upload-document .form-managed-file span {
  border: 1px solid #a1a1a1;
  padding: 15px;
  width: 93%;
  border-radius: 5px;
  background: transparent;
}
.entity-add-edit .node-courses-form .field--name-field-course-description, .entity-add-edit .node-courses-edit-form .field--name-field-course-description {
  margin-top: 20px;   
}
.page-node-type-asset .form-type-price .field-suffix {
  padding: 11px !important;
}
.page-node-type-asset .ief-popup-wrapper-edit .form-type-price .field-suffix {
  padding: 14px !important;
}
.view-customer-listing.view-display-id-page_1 .view-display-id-block_1 .view-empty {
  text-align: left;
}
.path-customer-details .employee-wrapper .block-training-management.block-training-stats .view-customer-listing.view-display-id-block_1 .view-empty {
  font-size: 70px;
  color: #009ddc;
  font-weight: 600;
}
.path-asset-matrix .table-prt-wrp .add-button-th {
  background: #FBFBFB;
  padding: 15px;
  border-radius: 5px;
  width: 100vw;
}
.path-asset-matrix .table-prt-wrp .add-button-th a {
  vertical-align: middle;
}
.path-asset-matrix .table-prt-wrp .toggle-wrapper {
   display: inline-block; 
   padding-left: 50px;
}
.path-asset-matrix .table-prt-wrp .toggle-wrapper h6 { margin-bottom: 0; display: inline-block; vertical-align: middle;}
.path-asset-matrix .table-prt-wrp .toggle-wrapper h6 p { 
  font-weight: normal;
  font-size: 0.8rem;
  padding-left: 37px;
  margin-bottom: 0;
}
.path-asset-matrix .table-prt { width: 100%; }
.path-asset-matrix .table-prt-wrp .toggle-wrapper h6 label.switch {
  margin-left: 20px;
}
.path-asset-matrix .table-prt-wrp .toggle-wrapper .priority-selector { display: inline-block;  margin: 0 20px; vertical-align: middle; }
.taxonomy-term-form .field--name-field-contract-type span.fieldset-legend.form-required::after {
  display: inline-block;
  margin-right: 0.15em;
  margin-left: 0.15em;
  content: "*";
  color: #dc2323;
  font-size: 0.875rem;
}
.path-asset-matrix .table-prt-wrp .select2-container .select2-selection--single {
    height: 43px;
}
@media only screen and (max-width: 1260px) {
 .path-asset-matrix .path-asset-matrix  .table-prt-wrp .toggle-wrapper .priority-selector {
    display: block;
 }
}
@media only screen and (max-width: 1079px) {
 .path-asset-matrix .table-prt-wrp .toggle-wrapper {
   display: block;
   padding-left: 0; 
   margin-top: 20px;
 }
 .path-asset-matrix  .table-prt-wrp .toggle-wrapper .priority-selector {
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
  .path-asset-matrix  .table-prt-wrp .toggle-wrapper .priority-selector {
    display: block;
  }
}
.path-customer-details .block-page-title-block {
  width: calc(100% - 350px);
}
.path-customer-details  #block-backtocustomerlist {
    width: auto;
}
.path-customer-details #block-editcustomerlink {
    display: inline-block;
    width: auto; 
    text-align: end;
    position: relative;
    top: -15px;
}
.path-asset-compliance .listing-table-wrapp .custom-table-layout.custom-datatables {
    border: 1px solid #D1D1D1;
    border-radius: 5px;
}
.path-user .view-audit-log .custom-datatables table tr td:nth-child(2) > div {
    display: inline-block;
}
.training-audit-popup.ui-widget.ui-widget-content.popup-section .ui-dialog-content.ui-widget-content, .training-edit-popup.ui-widget.ui-widget-content.popup-section .ui-dialog-content.ui-widget-content {
    border: 0;
}
.training-audit-popup.ui-widget.ui-widget-content.popup-section .custom-datatables .views-table, .training-edit-popup.ui-widget.ui-widget-content.popup-section .custom-datatables .views-table {
    border-top: 0 !important;
}
.ui-widget.ui-widget-content.popup-section.training-edit-popup .ui-dialog-content.ui-widget-content .footer-with-pager, .ui-widget.ui-widget-content.popup-section.training-audit-popup .ui-dialog-content.ui-widget-content .footer-with-pager {
    bottom: 30px;
}
.ui-widget.ui-widget-content.popup-section.training-edit-popup, .ui-widget.ui-widget-content.popup-section.training-audit-popup {
    padding-bottom: 91px;
}
.asset-to-employee label {
    font-size: 1rem;
    margin-bottom: 3px;
}
.asset-to-employee form.user-register-form:before {
    display: none;
}
.asset-to-employee form.user-register-form {
    padding-top: 0;
}
.asset-to-employee form.user-register-form .field-group-details summary {
    display: none;
}
.asset-to-employee form.user-register-form fieldset[data-drupal-selector='edit-roles'] {
    display: none;
}
.asset-to-employee form.user-register-form .field--name-field-customer, .asset-to-employee form.user-register-form .field--name-field-asset {
  display: none;
}
.asset-to-employee .field--name-field-employee-status {
    margin-top: 20px;
}
form.user-register-form .form-item-notify {
  padding: 15px 0 0 15px;
    border: 1px solid #D1D1D1;
    width: 50%;
    border-radius: 5px;
}
body.modal-dialog-open {
  overflow: hidden;
}
.path-asset-listing .dataTables_wrapper .dataTables_filter, .path-asset-listing .dataTables_wrapper .dt-search, .path-asset-listing .dt-container .dataTables_filter, .path-asset-listing .dt-container .dt-search {
       right: 260px;
}
.path-asset-listing .datatable-custom-wrapper {
    /* padding: 15px 15px 0; */
    position: unset;
}
.path-asset-listing .datatable-custom-wrapper table {
  border: 1px solid #dadada;
}
.path-asset-listing .datatable-custom-wrapper::before {
  display: none;
}
.path-asset-compliance-overview .table-wrapper-prt, .path-user .table-wrapper-prt {
  padding-top: 30px;
}
.form-item-field-select-assets-dummy-hidden{
    display: none;
}
@media only screen and (max-width: 576px) {
    .custom-table-layout.custom-datatables .crs-bkd, .custom-table-layout.custom-datatables .pass-btn {
min-height: 20px;
height: auto;
}
}
.custom-table-layout.custom-datatables table tbody tr:nth-child(odd) td.dtfc-fixed-left, .custom-table-layout.custom-datatables table tbody tr:nth-child(odd) td.dtfc-fixed-right {
  background: #f1f1f1;
}
.custom-table-layout.custom-datatables table tbody tr:nth-child(even) td.dtfc-fixed-left, .custom-table-layout.custom-datatables table tbody tr:nth-child(even) td.dtfc-fixed-right { 
  background: #ffffff;
}
.matrix-dt-table table thead th a span.tablesort {
  display: none;
}
.node-exchange-rate-form .field--name-title, .node-exchange-rate-edit-form .field--name-title {
  display: none;
}
.paragraph-asset-budget-entity-edit-form .field--name-field-amount select, .paragraph-asset-budget-entity-edit-form .field--name-field-amount .select2-selection {
  background: #e9ecef;
  pointer-events: none;
}
form.node-asset-edit-form .field--name-field-amount .select2-selection {
   background: #e9ecef;
  pointer-events: none;
}
form.node-asset-edit-form .ief-popup-wrapper-edit .field--type-price.field--widget-price-default > div > div:nth-child(2) {
    padding-top: 20px;
}
form.node-asset-edit-form .ief-popup-wrapper-duplicate .field--type-price.field--widget-price-default > div > div:nth-child(2) {
    padding-top: 16px;
}
.duplicate-budget-form .amount-wrapper .form-item-currency, .create-budget-form .amount-wrapper .form-item-currency {
  width: 135px;
}
#drupal-modal .duplicate-budget-form .form-item-currency .select2-container, #drupal-modal .create-budget-form .form-item-currency .select2-container,
#drupal-modal .paragraph-asset-budget-entity-edit-form .form-type-select .select2-container, #drupal-modal .paragraph-asset-budget-entity-add-form .form-type-select .select2-container{
  margin-bottom: 5px;
}

select.error + span.select2-container span.select2-selection {
  border-width: 2px !important;
  border-color: #dc2323 !important;
}

.messages--status em.placeholder a {
  pointer-events: none;
}
#asset-customer-currency {
  display: none;
}
.join-sent {
    min-width: auto;
    width: auto;
    text-wrap: nowrap;
}
.pass-btn.pass-awa-cert {
    min-width: auto;
    width: auto;
    text-wrap: nowrap;
}
.pass-btn {
    min-width: auto;
    width: auto;
    text-wrap: nowrap;
}
.cancel-crs {
    min-width: auto;
    width: auto;
    text-wrap: nowrap;
}
.crs-bkd {
    min-width: auto;
    width: auto;
    text-wrap: nowrap;
}
.not-attend-crs  { 
    text-wrap: nowrap;
}
.view-tms-coordinator-users.view-display-id-block_1 .views-field-nothing { 
    text-wrap: nowrap;
}
.custom-datatables .dftc-active table tr td.dtfc-fixed-right::before {
    content: "" !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px !important;
    width: 1px;
    height: 100%;
    box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.65);
    transform: translateY(0);
    left: auto;
    opacity: 1;
}
.custom-datatables .dftc-active table tr th.dtfc-fixed-right::after {
  content: "" !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px !important;
  width: 1px;
  height: 100%;
  box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.65);
  transform: translateY(0);
  left: auto;
}
.path-booking-completed .custom-table-layout.custom-datatables::after {
    content: "";
    width: 16px;
    height: calc(100% - 173px);
    position: absolute;
    top: 86px;
    bottom: auto;
    right: 0.5px;
    z-index: 1;
    background-color: #ffffff;
}
.custom-form input[type=checkbox] {
    display: inline-block;
}
.reports_left .custom-form input[type=checkbox] {
    display: none;
}
/* main css part(2nd june) */

.path-bookings #employee-fieldset-containers::after {
    top: 50px;
}

#drupal-modal .tms-charge-amount-wrapper  .select2-container {
    margin-bottom: 0 !important;
}
 #drupal-modal .tms-charge-amount-wrapper .custom-form input {
    margin-bottom: 0;
}

.employee-name-heading h4 {
    font-size: 16px;
}
.path-bookings #summary-table-wrapper  .custom-table-layout .table-design {
    padding: 15px 0 0;
}
.path-bookings #summary-table-wrapper .custom-table-layout {
    margin-bottom: 0;
}

.ui-dialog .ui-dialog-buttonpane button {
    border: none;
}

.path-booking-completed .view-filters .custom-form.form-item-field-supplier-name-target-id-entityreference-filter,
.path-booking-completed .view-filters .custom-form.form-item-field-customer-target-id-1 {
    margin: 0 0 25px;
}
.path-booked-course .custom-table-layout.custom-datatables td.main-action.views-field.views-field-nothing.sorting_1 {
    position: relative;
}

.path-booking-completed #employee-fieldset-containers:after {
    top: 50px;
}

.path-booked-course #employee-fieldset-containers:after {
    top: 50px;
}

/*.custom-table-layout.custom-datatables td.main-action.views-field.views-field-nothing.dtfc-fixed-right {*/
/*    position: relative !important;*/
/*}*/

.custom-datatables tr:last-child td.main-action.views-field .action-card {
    top: auto;
    bottom: 75%;
}

.custom-datatables .views-table {
    margin: 0 0 20px !important;
}

#course-fieldset-container, #add-course-modal-form .tms-charge-amount-wrapper, .path-supplier-booking-completed .views-exposed-form .form-item-field-course-name-target-id-entityreference-filter {
    margin: 0 0 25px;
}

.create-course-booking-popup #drupal-modal .amount-wrapper .select2-container, #direct-add-course-modal-form .amount-wrapper .custom-form input {
    margin-bottom: 0 !important;
}

.create-course-booking-popup .tms-charge-amount-wrapper .custom-form {
    margin-top: 30px !important;
}
.dt-collection-of-column-active{
    display: block !important;
}

/** Slider **/
.bef-slider .noUi-connect {
  background: #009DDC;  
}
.bef-slider.noUi-horizontal {
    height: 4px;
    margin-bottom: 25px;
}
.bef-slider .noUi-handle:after { 
    left: 0;
}
.bef-slider .noUi-handle {
  top: -12px;
    height: 25px;
    border-radius: 10px;
    width: 18px;
    border: 4px solid #ffffff;
    background: #009ddc;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.68);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}
.view-footer .dt-info {
    color: #939AB1;
}
.dt-footer-wrap {
    flex-direction: row;
}
.user-form #edit-field-location-wrapper, .user-form .field--name-field-employee-status {
    margin-bottom: 20px;
}
.path-supplier-booking-completed .views-exposed-form .fieldset-wrapper {
    display: flex;
    gap: 10px;
}
.path-supplier-booking-completed .views-exposed-form .fieldset-wrapper .bef-slider {
     width: 200%;
}
.custom-table-layout.custom-datatables.matrix-dt-table table thead tr th.dtfc-fixed-right, .custom-table-layout.custom-datatables.matrix-dt-table table tbody tr td.dtfc-fixed-right {
    position: sticky;
    right: 0;
}
.path-currency-list .views-field-field-currency-flag img {
  max-width: 15px;
}

body.entity-add-edit #block-matrics-content form#node-job-title-form .form-actions#edit-actions {
  top: 420px;
}
.view-job-roles-list .views-entity-form .custom-datatables tr, .view-department .views-entity-form .custom-datatables tr {
    position: static;
}
.view-job-roles-list .views-entity-form .custom-datatables tr td.main-action.views-field.views-field-nothing,
.view-job-roles-list .views-entity-form .custom-datatables tr td.main-action.views-field.views-field-nothing-2,
.view-department .views-entity-form .custom-datatables tr td.main-action.views-field.views-field-nothing,
.view-department .views-entity-form .custom-datatables tr td.main-action.views-field.views-field-nothing-2{
    position: relative;
    z-index: unset;
}

.view-download-joining-instructions a.file-download {
    background: unset;
}
.view-download-joining-instructions a.file-download:hover {
    color: unset;
}
.view-download-joining-instructions .views-field-field-documents-1 a {
    pointer-events: none;
}
.reorder-save {
    display: none;
}
body.entity-add-edit #block-matrics-content .job-role-contain .table tbody td a.reorder-save {
     color: #fff;
}
.rowReordered .reorder-save {
    display: block;
}
form#user-pass-reset {
    margin: 0 auto;
    max-width: 1200px;
    padding: 100px 15px 15px 15px;
}
.messages__wrapper .messages.messages--error ul.messages__list {
    margin-top: 0;
}
form#role-delegation-role-assign-form input[type="checkbox"] {
   display: none;
}
.select2-container .select2-selection--single {
  height: 50px !important;
}
.job-role-popup.course-popup .dt-footer-wrap {
	position: relative;
}

/* for client role */

.client .view-customer-listing.view-display-id-page_1 .view-header a, .client .view-asset-listing.view-display-id-block_2 .view-header a {
      display : none;
      }

.client .no-coordinator, .client .no-client  {
    display: none !important;
}

.client.path-asset-compliance a.btn.custom-blue-anchor-link.use-ajax {
    display: none !important;
}
.client .booking-filter-form a.use-ajax.button.btn.custom-blue-anchor-link {
    display: none;
}
.client .view-courses-list a.use-ajax.button.btn.custom-blue-anchor-link, .client #block-createbookingcourse a.use-ajax.button.btn.custom-blue-anchor-link {
  display: none;
}
/** Logout page **/
form.user-logout-confirm .form-actions {
    margin-top: 1rem;
}
form.user-logout-confirm .form-actions a#edit-cancel {
    border-radius: 5px;
}
.view-exchange-rate-list.view-display-id-page_1 .views-field-field-currency-from img, .view-exchange-rate-list.view-display-id-page_1 .views-field-field-currency-to img {
    height: 15px;
    width: 20px;
}

/*asset list css */
.path-asset-listing div.form-actions.js-form-wrapper.form-wrapper input {
    margin-bottom: 20px !important;
}

.tms_admins_.path-job-roles-list #edit-actions-submit, .tms_admins_.path-departments #edit-actions-submit  {
    display: none;
}
.path-asset-compliance-overview-new .custom-table-layout .table-design, path-asset-compliance-overview .custom-table-layout .table-design {
	padding: 15px 15px 50px;
}

/*all filter css */
.path-dt-filter .view-dt-filter .view-filters {
    width: 420px;
    position: fixed;
    right: -420px;
    top: 0;
    bottom: 0;
    z-index: 99;
    height: 100vh;
    transition: all 0.5s ease;
    padding: 60px 30px 30px;
    overflow: auto;
    border-left: 1px solid #d1d1d1;
    background: #ffffff;
}

.path-dt-filter .view-dt-filter .view-filters.filter-active {
    right: 0 !important;
}

/*equivalent course list */

.view-equivalent-course-list .view-header {
    display: inline-block;
    position: absolute;
    top: 21px;
    right: 633px;
    z-index: 1;
}


/*equivalent course add/edit form */

body.entity-add-edit #block-matrics-content form details#edit-course-information {
    width: 40%;
    padding: 0 15px;
}

body.entity-add-edit #block-matrics-content form details#edit-course-information summary {
    background: #003768;
    color: #fff;
    padding: 15px 20px;
    list-style: none;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
    border-radius: 10px 10px 0 0;
    height: 60px;
    position: relative;
}

body.entity-add-edit #block-matrics-content form details#edit-course-information .details-wrapper {
    background-color: #fff;
    padding: 20px;
}

body.entity-add-edit #block-matrics-content form input#equivalent-btn {
    width: 180px;
    background: #009DDC;
    border-color: #009DDC;    
    margin: 0px;
    height: 54px;
}
.path-equivalent-course .btn-group1 a.equivalent-delete, .path-equivalent-course-list .btn-group1 a.equivalent-delete {
    background: #9d9696;
    color: white;
}

.path-equivalent-course .btn-group1 input.equivalent-submit, .path-equivalent-course-list .btn-group1 input.equivalent-submit {
    margin-right : 10px;
}

.path-equivalent-course div.btn-group1, .path-equivalent-course-list div.btn-group1 {
    margin-top: 23px;
}

.path-equivalent-course-form #block-matrics-content form#matrics-equivalent-course-form::before, .path-equivalent-course #block-matrics-content form#matrics-equivalent-course-edit-form::before {
    content: "";
    position: absolute;
    top: 0;
    left: -54px;
    right: 0;
    width: calc(100% + 85px);
    height: 1px;
    background: #d1d1d1;
    }

.path-equivalent-course-form #block-matrics-content form#matrics-equivalent-course-form, .path-equivalent-course #block-matrics-content form#matrics-equivalent-course-edit-form {
    position: relative;
    padding-top: 30px;
}

.path-equivalent-course h1.title.page-title, .path-equivalent-course-form h1.title.page-title {
    white-space: nowrap;
}

/* Media query for equivalent course add/edit form */

@media only screen and (max-width: 991px) {
 body.path-equivalent-course-form #block-matrics-content form#matrics-equivalent-course{
  padding-top: 0;
 }
}

@media only screen and (max-width: 1199px){
  body.path-equivalent-course-form #block-matrics-content form#matrics-equivalent-course {
    margin: 0;
 }
 
 body.path-equivalent-course #block-matrics-content form#matrics-equivalent-course-edit-form {
    margin: 0;
 }
}
@media only screen and (max-width: 1199px) {
    body.path-equivalent-course-form #block-matrics-content form#matrics-equivalent-course-form details#edit-course-information {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
}
    body.path-equivalent-course #block-matrics-content form#matrics-equivalent-course-edit-form details#edit-course-information {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
  }
}

/* asset-matrix css */

.path-asset-compliance-overview-new .custom-table-layout .table-design .table-responsive, .path-asset-compliance-overview .custom-table-layout .table-design .table-responsive  {
    overflow: auto;
}

.parent-row.odd td:last-child, .parent-row.odd td:nth-last-child(2) {
    background: #f1f1f1;
}
.parent-row.even td:last-child, .parent-row.even td:nth-last-child(2) {
        background: #ffffff;
}

.asset-compliance-overview-form .card-parent .custom-table-layout .table-design .dftc-active table tbody tr td:last-child, .asset-compliance-overview-form .card-parent .custom-table-layout .table-design .dftc-active table thead tr th:last-child {
    position: sticky;
    z-index: 1;
    right: 0px;
}

.asset-compliance-overview-form .card-parent .custom-table-layout .table-design .dftc-active table tbody tr td:nth-last-child(2), .asset-compliance-overview-form .card-parent .custom-table-layout .table-design .dftc-active table thead tr th:nth-last-child(2) {
    position: sticky;
    right: 80px;
    z-index: 1;
}

.asset-tooltip {
  position: relative;
  border-bottom: 1px dotted black;
}

.asset-tooltip .asset-tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 55%;
  opacity: 0;
  transition: opacity 0.3s;
}

.asset-tooltip:hover .asset-tooltiptext {
  visibility: visible;
  opacity: 1;
}
.asset-tooltiptext .light_yellow_matrix {
    color: #2e833c !important;
    border: none !important;
}
.asset-tooltiptext .yellow_matrix {
    color: #906f04 !important;
    border: none !important;
}
.asset-tooltiptext .pink_matrix {
    color: #b71f1f !important;
    border: none !important;
}
.asset-tooltiptext .green_matrix {
    color: #2e833c !important;
    border: none !important;
}
.book-course-form .form-item-field-course-price-currency label, .book-course-form .form-item-field-course-discount-price-currency label, .book-course-form .form-item-field-tms-charge-currency label, .book-course-form .form-item-field-travel-cost-currency label, .book-course-form .form-item-field-accommodation-cost-currency label {
    white-space: nowrap;
}
.matrix-dt-table .parent-row.expanded > .noExl {
    border-bottom: 1px solid !important;
    border-radius: 0 !important;
}
.table-column-checkboxes {
    position: relative;
}
.table-column-checkboxes input {
    display: none;
}
.table-column-checkboxes label {
    padding: 4px 4px 0 30px;
    position: relative;
    z-index: 2;
}
.table-column-checkboxes:after {
    border: 1px solid #888;
}
#block-browserbackbuttonblock .custom-dark-blue-link {
    margin: 0;
}
#block-browserbackbuttonblock {
    display: inline-block;
    width: 29%;
    text-align: end;
    position: relative;
    top: -5px;
}

.asset-compliance-overview-form .gray_matrix,
.asset-compliance-overview-form .green_matrix,
.asset-compliance-overview-form .pink_matrix,
.asset-compliance-overview-form .light_yellow_matrix {
  text-align: center;
}
.asset-compliance-overview-form .green_matrix {
    background-color: #B3E9BC;
    color: #2A8639;
}
.asset-compliance-overview-form .gray_matrix {
  background-color: #f1f1f1;
}
.asset-compliance-overview-form .green_matrix:hover {
  background-color: #35db51;
  color: #fff;
}
.asset-compliance-overview-form .pink_matrix:hover {
  background-color: #ff4747;                     
  color: #fff;
}
.asset-compliance-overview-form .green_matrix:hover {
  background-color: #35db51;
  color: #fff;
}
.asset-compliance-overview-form .light_yellow_matrix{
  background-color: #ffcb91;
  color: #fff;
}
.asset-compliance-overview-form .light_yellow{
  background-color: #ffe698 ;
  color: #fff;
}

.asset-compliance-overview-form .yellow_matrix:hover {
  background-color: #ffe11e;
  color: #fff;
}
.asset-compliance-overview-form .asset-tooltip .asset-tooltiptext {
    width: 220px;
    background-color: #fff;
    color: #000;
    padding-top: 0;
    text-align: left;
}
.asset-compliance-overview-form .asset-tooltiptext div:nth-child(1) {
    padding: 8px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.asset-compliance-overview-form .asset-tooltiptext {
    z-index: 2;
}

.asset-compliance-overview-form .yellow_matrix .asset-tooltiptext div:nth-child(1) {
  color: #906f04;
  background-color: #ffe698;
}
.asset-compliance-overview-form .green_matrix .asset-tooltiptext div:nth-child(1) {
  color: #2e833c;
  background-color: #b3e9bc;
}
.asset-compliance-overview-form .pink_matrix .asset-tooltiptext div:nth-child(1) {
  color: #b71f1f;
  background-color: #ffc7ce;
}

.asset-compliance-overview-form .light_yellow_matrix .asset-tooltiptext div:nth-child(1){
  color: #755901;
  background-color: #ffcb91;
}


.asset-compliance-overview-form .yellow_matrix .asset-tooltiptext {
    border: 1px solid #ffe698;
}
.asset-compliance-overview-form .green_matrix .asset-tooltiptext {
    border: 1px solid #b3e9bc;
}
.asset-compliance-overview-form .pink_matrix .asset-tooltiptext {
    border: 1px solid #FFC7CE;
}

.asset-compliance-overview-form .light_yellow_matrix .asset-tooltiptext{
    border: 1px solid #ffcb91 ;
}


.asset-compliance-overview-form  .tooltip-course-name {
    padding: 0 8px 0px;
}

.asset-compliance-overview-form .tooltip-course-label {
    color: #999999;
    padding: 8px 8px 0;
    font-weight: 400;
}

.asset-compliance-overview-form .th-employee_status:before ,.asset-compliance-overview-form .card-parent .custom-table-layout .table-design .dftc-active table tbody tr td:nth-last-child(2):before{
    content: "";
    height: 100%;
    width: 1px;
    box-shadow: -4px 0px 5px 0px rgb(0 0 0 / 45%);
    position: absolute;
    left: -3px;
    top: 0;
    box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.65);
}
.asset-compliance-overview-form .card-parent .custom-table-layout .table-design .dftc-active table tbody tr td:last-child{
    z-index: 1;
    }

.asset-compliance-overview-form .card-parent .custom-table-layout .table-design .dftc-active table tbody tr td:last-child{
    z-index: 9999;
}
 
.asset-compliance-overview-form .custom-datatables .main-action .action-card {
    top: -36%;
    margin-right: 78px;
}
.asset-compliance-overview-form  .dashboardform-inner .table tbody td {
    padding: 16px 18px;
}

.asset-compliance-overview-form .green_matrix:hover {
  background-color: #35db51;
  color: #fff;
}
.asset-compliance-overview-form .pink_matrix:hover {
  background-color: #ff4747;                     
  color: #fff;
}
.asset-compliance-overview-form .green_matrix:hover {
  background-color: #35db51                                                            ;
  color: #fff;
}
.asset-compliance-overview-form .yellow_matrix:hover {
  background-color: #ffe11e;
  color: #fff;
}
.taxonomy-term-asset-type-form details, .taxonomy-term-asset-flags-form details, .taxonomy-term-asset-operating-area-form details {
    display: none;
}
#node-courses-delete-form #edit-actions a#edit-cancel {
  height: 46px;
  width: 78px;
  border-radius: 9%;
  font-size: 16px;
} 
#node-courses-delete-form #headingOne p {
  line-height: 2.4;
  margin: 0 11px 0.8rem;
}  
.node-courses-edit-form .custom-supplier-wrapper.btn.custom-blue-anchor-link {
  margin-bottom: 10px;
} 
.node-courses-edit-form .custom-datatables .main-action .ief-entity-operations.action-card {
  top: -20px;
}
@media only screen and (max-width: 576px) {
  #node-courses-delete-form #edit-actions a#edit-cancel {
    height: 43px;
    width: 74px;
    border-radius: 9%;
    font-size: 14px
  }
  .node-courses-edit-form .custom-datatables .main-action .ief-entity-operations.action-card {
    top: -55px;
  }
}
body.path-job-roles-list table#DataTables_Table_0 thead th:nth-child(2) span,
body.path-departments table#DataTables_Table_0 thead th:nth-child(2) span,
body.path-node table#DataTables_Table_0 thead th:nth-child(2) span {
  display: none;
}
.create-course-booking-popup .course-block:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.create-course-booking-popup .course-block h3 {
  margin-top: 0;
  color: #333;
  font-size: 1.1em;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
}  
.create-course-booking-popup .course-price-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  padding: 8px;
  background-color: #f9f9f9;
  border-radius: 4px;
}  
.create-course-booking-popup .discount-price-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  background-color: #f0f8ff;
  border-radius: 4px;
}
.create-course-booking-popup .course-block.active {
  border-left-width: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.create-course-booking-popup #course-fieldset-container {
  background-color: #f8f9fa;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
  margin-bottom: 25px;
  border: 1px solid #e0e0e0;
}
.create-course-booking-popup #course-fieldset-container > .form-item {
  margin-bottom: 20px;
  font-size: 1.2em;
  color: #2c3e50;
  font-weight: 600;
  padding-bottom: 10px;
  border-bottom: 2px solid #e0e0e0;
}
.create-course-booking-popup .course-block {
  margin-bottom: 20px;
  padding: 15px;
  border-radius: 8px;
  background-color: #ffffff;
  transition: all 0.3s ease;
  position: relative;
  border-left: 4px solid #4a6fa5;
  box-shadow: 0 2px 8px rgba(74, 111, 165, 0.2);
}
.create-course-booking-popup input[name="add_course_row"] {
  margin-bottom: 13px;
}
.create-course-booking-popup .alert-booking-existed {
  margin-top: 20px;
}
.dt-disable-button {
  cursor: not-allowed;
  pointer-events: none;
  background: #a1a1a1;
  border: 1px solid #a1a1a1
}
.view-all-courses .course-archive {
    background: transparent;
    border: 0;
    box-shadow: unset;
    position: relative;
    border-radius: 8px;
    padding: 3px;
    font-size: 0;
    width: 36px;
    height: 36px;
    display: block;
    opacity: 0.7;
}
a.use-ajax.course-archive.unarchive::before {
  background: url(../img/check-square-blue-icon.svg) no-repeat center center;
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  display: block;
  content: "";
  background-size: contain;
  transform: translateY(-50%);
}
a.use-ajax.course-archive.archive::before {
  background: url(../img/uncheck-square-blue-icon.svg) no-repeat center center;
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  display: block;
  content: "";
  background-size: contain;
  transform: translateY(-50%);
}
a.use-ajax.course-archive.archive-date::before {
  background: url(../img/time-progress-blue-icon.svg) no-repeat center center;
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  display: block;
  content: "";
  background-size: contain;
  transform: translateY(-50%);
}
a.course-archive:hover,
a.supplier-archive:hover {
  position: relative;
}
a.course-archive:hover::after,
a.supplier-archive:hover::after {
  content: attr(data-title);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  color: #333;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 13px;
  white-space: nowrap;
  margin-bottom: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 999;
}
a.course-archive:hover::after,
a.supplier-archive:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-2px);
}
form.add-certificate-form #booking-existed-fieldset,
form.book-course-form #booking-existed-fieldset {
  margin-top: 20px;
}
.ui-widget.ui-widget-content .supplier-course-list li:hover a {
  background: transparent;
  border: none;
  color: inherit;
}
.remove-course-table {
  color: white;
}
.path-courses .block-system.block-system-main-block .dt-button-collection button[data-cv-idx="5"] {
  display: unset;
}
.custom-form input.archive-date-field {
  margin-top: 25px;
}
a.course-archive:hover {
  opacity: 1;
}
#edit-field-archive-course-wrapper,
.field--name-field-archive-supplier-course {
  margin: 20px 0;
  padding: 9.5px 17px;
  border: 1px solid #d1d1d1;
  border-radius: 4px;
}
body.page-node-type-courses .js-form-item-field-archive-course-value,
body.page-node-type-courses.field--name-field-archive-supplier-course {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Segoe UI", sans-serif;
  font-size: 16px;
}
.js-form-item-field-archive-course-value input[type="checkbox"],
.field--name-field-archive-supplier-course input[type="checkbox"] {
  width: 20px;
  height: 20px;
  accent-color: #0074d9;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  margin: 0px;
}
.js-form-item-field-archive-course-value input[type="checkbox"]:hover,
.field--name-field-archive-supplier-course input[type="checkbox"]:hover {
  transform: scale(1.1);
}
.js-form-item-field-archive-course-value label,
.field--name-field-archive-supplier-course label {
  font-weight: 400;
  cursor: pointer;
  transition: color 0.2s;
  margin-bottom: unset;
}
.js-form-item-field-archive-course-value input[type="checkbox"]:checked + label,
.field--name-field-archive-supplier-course input[type="checkbox"]:checked + label {
  color: #5d5d5d;
}
.js-form-item-field-archive-course-value input[type="checkbox"]:focus,
.field--name-field-archive-supplier-course input[type="checkbox"]:focus {
  outline-offset: 2px;
}
#edit-field-course-archive-date-wrapper h4,
.field--name-field-archive-course-date h4,
.field--name-field-supplier-archive-date h4 {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 5px;
}
.field--name-field-archive-supplier-course {
  margin: 6px 0px 20px 0px;
}
.field--name-field-suppliers-availability .fieldset-wrapper .form-radios {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}
.field--name-field-suppliers-availability .fieldset-wrapper .form-radios > div {
  display: inline-flex;
  align-items: center;
  padding: 10px 10px;
  font-size: 16px;
  line-height: 20px;
  color: #5d5d5d;
  background-color: #ffffff;
  width: 48%;
  height: 50px !important;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
}
.field--name-field-suppliers-availability .fieldset-wrapper .Radio-btn .form-group [type="radio"]:not(:checked) + label {
  display: block;
  width: 100%;
}
.field--name-field-supplier-archive-date {
  margin-top: 20px;
}
#edit-field-archive-course-wrapper {
  display: none;
}
#edit-field-course-archive-date-wrapper {
  margin-top: 20px;
}
.view-id-vendor .view-header {
  right: 510px;
}
.path-supplier-list .view-duplicate-of-vendor .view-filters {
  display: block;
}
.path-supplier-list .view-duplicate-of-vendor .view-filters {
  width: 420px;
  position: fixed;
  right: -420px;
  top: 0;
  bottom: 0;
  z-index: 99;
  height: 100vh;
  transition: all 0.5s ease;
  padding: 60px 30px 30px;
  overflow: auto;
  border-left: 1px solid #d1d1d1;
  background: #ffffff;
}
.path-supplier-list .view-duplicate-of-vendor .view-filters.filter-active {
  right: 0;
}
.path-supplier-list .js-form-item-combine {
  margin-top: 30px;
}
.path-supplier-list .btn-gray-bg.button.js-form-submit.form-submit:hover {
  background-color: #000;
  border: 1px solid #000;
}
.path-supplier-list .button.button--primary.js-form-submit.form-submit.is-disabled {
  background-color: #a1a1a1;
  border: 1px solid #a1a1a1;
}
.path-supplier-list .btn-gray-bg.button.js-form-submit.form-submit {
  background-color: #003768;
}
#course-fieldset-container .course-block .btn-remove-course {
  position: absolute;
  right: 8px;
}
#course-fieldset-container .course-block .field-course-name {
  margin-top: 36px;
}
#course-fieldset-container #supplier-fieldset-container-0 {
  margin-top: 25px;
}
div[data-drupal-selector="edit-booking-created-date-wrapper"] .fieldset-legend,
div[data-drupal-selector="edit-booking-created-date-wrapper"] label {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}