@import url(fonts/Nunito_Sans/stylesheet.css);
/* @import url(fonts/Karla/stylesheet.css); */
/* @import url(fonts/Segoe_UI/stylesheet.css); */

:root {
    --primary-first: #FF6633;
    --primary-second: #000000;
    --primary-third: #A7A9AC;
    --secondary-first: #243746;
    --secondary-second: #655DC6;
    --secondary-third: #85AF9A;
}
body {
    font-family: 'Nunito Sans' !important;
}
.bg-primary-first {
    background-color: var(--primary-first) !important;
}
.bg-primary-second {
    background-color: var(--primary-second) !important;
}
.bg-primary-third {
    background-color: var(--primary-third) !important;
}
.bg-secondary-first {
    background-color: var(--secondary-first) !important;
}
.bg-secondary-second {
    background-color: var(--secondary-second) !important;
}
.bg-secondary-third {
    background-color: var(--secondary-third) !important;
}

/* tailwind override */
.collapse {
    visibility: unset !important;
}

/* theme override */
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: 600;
}
p {
    margin: 0; 
}
a {
    color: inherit;
}
ol, ul, dl {
    margin: 0;
}

.cursor-pointer {
    cursor: pointer;
}

.table thead th,
.table th {
    font-weight: bold !important;
}
.img-icon,
.svg-icon {
    display: inline-block !important;
}

.preloader {
    background: transparent !important;
}
.lds-ripple .lds-pos {
    border: 2px solid var(--secondary-first) !important;
}

/* header navigation */
.logo-icon img.logo {
    width: 45px !important;
}
.logo-text img.logo {
    width: 180px !important;
}
.navbar-light .navbar-nav .nav-link {
    color: #75787B;
}
@media (min-width: 768px) and (max-width: 1170px) {
    .logo-text {
        display: none !important;
    }
}
@media (min-width: 1171px) {
    .logo-icon {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .logo-icon {
        display: none !important;
    }
}
.badge-noti{
    display: flex;
    align-items: center;
    min-width: 18px;
    height: 18px;
    justify-content: center;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    border-radius: 20px !important;
    line-height: 1;
    padding: 0 5px;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
    background-image: none;
}


/* sidebar */
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link {
    color: #75787B;
}
.sidebar-nav #sidebarnav .sidebar-item.selected>.sidebar-link {
    border-radius: 0 60px 60px 0;
    color: #fff !important;
    background: linear-gradient(to right, #655DC6, #3E3A95, #2A287C);
    box-shadow: 0 7px 12px 0 rgb(95 118 232 / 21%);
    opacity: 1;
}
.sidebar-nav #sidebarnav .nav-small-cap {
    font-weight: bold !important;
}
.sidebar-nav #sidebarnav .sidebar-item .first-level {
    padding: 10px 0;
}
@media (min-width: 1171px) {
    .sidebar-nav #sidebarnav .sidebar-item .first-level .sidebar-item.active .sidebar-link.active {
        background-color: #e8eaec;
        border-radius: 0 60px 60px 0;
    }
}

/* form */
.form-control:not(.is-valid, .is-invalid) {
    border-color: var(--primary-third) !important;
}
.submit-btn {
    color: #fff !important;
    background-color: var(--primary-first) !important;
    border-color: var(--primary-first) !important;
}
.submit-btn:hover {
    background-color: #FF5C24 !important;
}
.submit-btn:active {
    background-color: #FF4C12 !important;
}
.submit-btn:focus {
    border-color: #FF4C12 !important;
    box-shadow: 0 0 0 0.2rem #FFC2AC;
}
.submit-btn:disabled {
    opacity: 0.25 !important;
}
.filter-form input,
.filter-form select {
    color: var(--secondary-first) !important;
}
.filter-form input::placeholder {
    color: var(--secondary-first) !important;
}
fieldset+fieldset {
    margin-top: 30px;
}

/* datatable */
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    background-color: var(--secondary-second) !important; border: none !important; top: 50%; box-shadow: 0 0 0.1em #444 !important; height: 16px; width: 16px; line-height: 16px; border-radius: unset !important;
}
table td.actions a+a {
    margin-left: .5em;
}
table.dataTable>tbody>tr.child ul.dtr-details:last-of-type .dtr-data a+a {
    margin-left: .5em;
}
.data-table-select {
    height: unset;
    padding-top: 0;
    padding-bottom: 0;
}
.table-hover tbody tr.child:hover {
    color: unset;
    background-color: unset;
}

/* select2 */
.select2-container .select2-selection--multiple {
    min-height: 38px !important;
}
.select2-container .select2-search--inline .select2-search__field {
    height: 26px !important;
    padding-left: 0.5rem !important;
    font-family: inherit !important;
}
.select2-container--default .select2-selection--multiple {
    border: 1px solid var(--primary-third) !important;
    border-radius: 0 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #D8D9DA !important;
    border: 1px solid var(--primary-third) !important;
    border-radius: 0 !important;
}
.select2-dropdown {
    border: 1px solid var(--primary-third) !important;
    border-radius: 0 !important;
    z-index: 2 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    color: var(--primary-second);
}
.select2-results__option {
    padding-left: 0.8rem !important;
}

/* datepicker */
.datepicker table tr td, .datepicker table tr th {    
    color: #000;
}

.fc-unthemed td.fc-past {
    background: #EEEEEE;
}
.fc-unthemed td.fc-today {
    /* background: linear-gradient(to right, rgba(101, 93, 198, 1) 0%, rgba(62, 58, 149, 1) 50%, rgba(42, 40, 124, 1) 100%); */
    background: #F7D596;
}


/* sweetalert */
.swal2-popup {
    border-radius: 0 !important; 
}
.swal2-styled {
    border: 1px solid !important;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 2px !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.swal2-styled.swal2-confirm {
    color: #fff !important;
    background-color: var(--primary-first) !important;
    border-color: var(--primary-first) !important;
}
.swal2-styled.swal2-confirm:hover {
    border-color: #FF5C24 !important;
    background-color: #FF5C24 !important;
}
.swal2-styled.swal2-confirm:focus {
    border-color: #FF4C12 !important;
    box-shadow: 0 0 0 0.2rem #FFC2AC;
}
.swal2-styled.swal2-confirm:active {
    background-color: #FF4C12 !important;
}
.swal2-styled.swal2-deny {
    color: #fff;
    background-color: #ff4f70;
    border-color: #ff4f70 !important;
}
.swal2-styled.swal2-deny:hover {
    color: #fff;
    background-color: #ff2951;
    border-color: #ff1c47;
}
.swal2-styled.swal2-deny:active {
    color: #fff;
    background-color: #ff1c47;
    border-color: #ff0f3c;
}
.swal2-styled.swal2-deny:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 105, 133, 0.5);
}
.swal2-styled.swal2-deny:focus:active {
    box-shadow: 0 0 0 0.2rem rgba(255, 105, 133, 0.5);
}
.swal2-styled.swal2-cancel {
    background-color: #fff;
    color: #1c2d41;
    border-color: #1c2d41;
}
.swal2-styled.swal2-cancel:hover {
    color: #fff;
    background-color: #1c2d41;
    border-color: #1c2d41;
}
.swal2-styled.swal2-cancel:active {
    color: #fff;
    background-color: #1c2d41;
    border-color: #1c2d41;
}
.swal2-styled.swal2-cancel:focus {
    box-shadow: 0 0 0 0.2rem rgba(28, 45, 65, 0.5);
}
.swal2-styled.swal2-cancel:focus:active {
    box-shadow: 0 0 0 0.2rem rgba(28, 45, 65, 0.5);
}
.swal2-input {
    display: block;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4F5467;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 2px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.swal2-input:focus {
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
}

/* filepond */
.filepond--credits{
    display: none !important;
}

/* components */
.add-new-btn {
    color: #fff !important;
    background-color: var(--secondary-first) !important;
    border-color: var(--secondary-first) !important;
}
.add-new-btn:focus {
    box-shadow: 0 0 0 0.2rem var(--primary-third);
}
.add-new-btn:disabled {
    opacity: 0.25 !important;
}
.active.status {
    color: #22ca80;
    border-color: #22ca80;
}
.inactive.status {
    color: #fdc16a;
    border-color: #fdc16a;
}

/* pagination */
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: var(--secondary-second);
    border-color: var(--secondary-second);
}
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: var(--secondary-second);
    background-color: #fff;
    border: 1px solid var(--primary-third);
}

/* nav tabs */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #000 !important;
    background-color: #C3BBE9 !important;
}

/* profile page */
.preview-profile-image-wrap {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 70px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.preview-profile-image {
    /* padding: 30px; */
    /* border-radius: 100%; */
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    width: auto;
    height: 100%;
}

/* surgeon preferences */
#product-accordion .card-header {
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#product-accordion .card-header .product-title-btn::before {
    margin-left: -25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    transition: all .2s ease-in-out;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f055";
}
#product-accordion .card-header .product-title-btn:not(.collapsed)::before {
    content: "\f056";
}
/* #product-accordion .card-body table tr + tr{ border-top: 1px solid #12182C; } */
#product-accordion .card-body table td.edit-template-btn.active {
    font-weight: 700;
}
.fa-icon {
    position: relative;
}
.fa-icon::before {
    margin-left: -25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    transition: all .2s ease-in-out;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
.assign-icon::before {
    content: "\f0c1";
}
.deassign-icon::before {
    content: "\f127";
}
.save-btn-message {
    background-color: #FF9470;
    padding: 5px 10px;
    color: #FFF;
}

.case-priority { display: -ms-flexbox; display: flex; align-items: center; align-content: center; width: 100%; }
.case-priority ul { display: -ms-flexbox; display: flex; align-items: center; align-content: center; margin-left: auto; }
.case-priority ul li:not(:last-child) { padding-right: 10px; }
.case-priority ul li { display: -ms-flexbox; display: flex; align-items: center; align-content: center; }
.case-priority-box { display: -ms-flexbox; display: flex; align-items: center; align-content: center; color: #243746; font-size: 14px; }
.case-priority-box i { height: 15px; width: 15px; display: block; border-radius: 50%; margin-right: 10px; }
.w-15{width:12% !important; display: inline-block;}
/* .preop-page-sidebar li:last-of-type {   position: absolute;right: 0;bottom: 0; } */
.sidebar-power-by { text-align:center;font-size:12px;margin: 2px;}
.sidebar-power-by img { display:block;margin: 0 auto;width:100%; }
.viewsp_link button {background-color: #5f76e8; align-items: center; display: flex; color: #fff; padding: 5px 12px; border-radius: 3px; font-size: 18px; border: none; }
.viewsp_link button:hover { background-color: #5f76e8e5 !important; color: #fff !important; }
.viewsp_link button:active{border: none!important;} 

.ql-code-block{display: none!important; }
/*backend pages loader css*/
.lds-ripple-img {   display: inline-block;position: relative;width: 128px;height: 128px;position: absolute;top: calc(50% - 3.5px);left: calc(50% - 3.5px);}
/*activity index page internal style sheet*/
.highlight {
    background-color: aquamarine;
}
pre.custom-pre {
    font-family: inherit;
    font-size: inherit;
    margin-bottom: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
    max-height: 300px;
    overflow-y: auto;
}
/*Case Archival Settings page internal page*/
.badge-large {
    font-size: 0.9rem; /* Adjust the size as needed */
    padding: 0.3em 1.3em; /* Adjust padding for better proportions */
}
.archival-setting-complete-case{background-color: rgba(94, 242, 61, 0.28); color: #156A09;}
.archival-setting-on-hold-cases{background-color: rgba(231, 220, 15, 0.28); color: #908B07;}
.archival-setting-cancelled-cases{background-color: rgba(242, 103, 61, 0.28); color: #FF3C00;}

/*Schedule page specific style*/
.fc-toolbar .fc-center {
    display: inline-flex;
    align-items: center;
}
/*global priority color code*/
.bg-color-high-priority{background-color: #ff0000;}
.bg-color-medium-priority{background-color: #243746;}
.bg-color-low-priority{background-color: #5f76e8;}
.bg-color-onhold-priority{background-color: #f2f0e4; border: 1px solid #243746;}
/*Checklist master page specific style*/
.ckl-print-btn{border: 2px solid #A7A9AC !important; padding: 3px 10px;}
.ckl-print-btn-img{width: 20px; margin-right: 5px;}
/* .formbuilder-textarea > div > table, td, th {
    border: 1px solid;
} */

.formbuilder-textarea>div> {
    width: 100%;
    border-collapse: collapse;
}
/*User page specific styles*/
.nav-tabs .nav-link {
    border: 1px solid #dee2e6;
    margin-right: .35715rem;
    background: #f7f7f7;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #FFFFFF;
    background-color: #3E3A95;
    border-color: #3E3A95 #3E3A95 #fff;
}
/*Case page specific*/
#cases-table td {
    vertical-align: middle;
}
#cases-table td .btn-sm {
    padding: 0.05rem 0.5rem 0;
}
.cancel-case-strikethrough {
    background: repeating-linear-gradient(
        180deg,
        red 0%,
        red 100%
    );
    background-size: 100% 1px;
    background-position: center;
    background-repeat: no-repeat;
}
.nav-tabs .nav-link {
    border: 1px solid #dee2e6;
    margin-right: .35715rem;
    background: #f7f7f7;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #FFFFFF;
    background-color: #3E3A95;
    border-color: #3E3A95 #3E3A95 #fff;
}
/* CSS related to select2 status dropdown */
#status-id + .select2-container .select2-selection--single {
    height: calc(1.5em + 0.75rem + 2px);
    border-radius: 2px;
}
#status-id + .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    display: flex;
    align-items: center;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
}
#status-id + .select2-container .select2-selection--single .select2-selection__arrow {
    display: none;
}
#status-id + .select2-container--default .select2-selection--single {
    position: relative;
}
#status-id + .select2-container--default .select2-selection--single::after {
    content: "";
    background: url('/images/angle-down-solid.svg') no-repeat center center;
    background-size: 11px 12px;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
#status-id + .select2-container--default .select2-selection--single:focus,
#status-id + .select2-container--default .select2-selection--single.select2-container--focus {
    border: 2px solid #2563eb;
    border-radius: 4px;
}
/*Case create page specific style*/
.dob-cal-icon {
    top: 43.5px;
    right: 28px;
}
.dob-toggle-lable::after {
    top: calc(0.31rem + 1px) !important;
}
#shipping-address-id + .select2-container .select2-selection--single {
    height: auto;
    min-height: 38px;
    border-radius: 2px;
}
#shipping-address-id + .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    display: flex;
    align-items: center;
    height: auto;
    min-height: 38px;
}
#shipping-address-id + .select2-container .select2-selection--single .select2-selection__arrow {
    top: 50%; 
    transform: translateY(-50%); 
}
#shipping-address-id + .select2-container .select2-selection--single .select2-selection__rendered .address-info {
    padding: 4px 0 4px 8px;
    margin-top: 8px;
    margin-bottom: 8px;
    line-height: 1.5;
    width: 100%;
    height: auto;
    white-space: normal;
}

/* CSS related to ZIP/RAR btn & info */
.btn-zip-rar {
    border: 1px solid gray; 
    border-radius: 7px;
    color: #243746;
}
.btn-zip-rar:hover {
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.06);
}
#ziprarInstructionModal .modal-body .card-header {
    background-color: white;
    padding: 0.75rem 0;
}
#ziprarInstructionModal .modal-body .card-body {
    padding: 20px;
    background-color: white;
    border: 1px solid gray;
    border-radius: 6px;
    max-height: 425px;
    overflow-y: auto;
    position: relative;
}
#ziprarInstructionModal .modal-body .card-body::-webkit-scrollbar {
    width: 8px;
    opacity: 0;
    transition: opacity 0.3s ease; 
}
#ziprarInstructionModal .modal-body .card-body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
#ziprarInstructionModal .modal-body .card-body::-webkit-scrollbar-thumb {
    background: gray;
    border-radius: 10px;
    opacity: 0;
    transition: opacity 0.3s ease; 
}
#ziprarInstructionModal .modal-body .card-body:hover::-webkit-scrollbar-thumb,
#ziprarInstructionModal .modal-body .card-body:active::-webkit-scrollbar-thumb,
#ziprarInstructionModal .modal-body .card-body:focus::-webkit-scrollbar-thumb {
    opacity: 1;
}

#ziprarInstructionModal .modal-body ol {
    list-style-type: decimal;
    padding-left: 20px;
}
#ziprarInstructionModal .modal-body ul {
    padding-left: 20px;
}
#ziprarInstructionModal .modal-body a {
    color: blue;
}
#ziprarInstructionModal .modal-body a:hover span {
    text-decoration: underline;
}
#videoSection {
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}
#videoSection.visible {
    visibility: visible;
    height: auto;
    overflow: visible;
}
.zip-rar-btn-border{border: 1px solid gray; color: #243746;}
.zip-rar-btn-img{width: 17px; height: 17px; margin-right: 5px;}
.w-0{width: 0% !important;}
/*Case edit page specific styles*/
.status-node {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #000;
}
.status-info-block {
    display: none;
    position: absolute;
    top: -39px;
    left: 50%;
    transform: translateX(-50%);
    width: 65px;
    height: 30px;
    font-weight: 700;
}
.status-node.active .status-info-block {
    display: block;
}
.custom-switch .custom-control-label::after {
    top: calc(0.25rem + 3px);
}
.custom-switch .custom-control-label::before {
    width: 1.8rem;
    border-radius: 0.6rem;
    height: 1.1rem;
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #243746;
}

.nav-pills .nav-link {
    position: relative;
}
.nav-pills .nav-link.new-noti::after {
    position: absolute;
    right: 10px;
    content: ' ';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--secondary-second);
    top: 50%;
    transform: translateY(-50%);
}
.dob-cal-icon {
    top: 43.5px;
    right: 28px;
}
.dob-toggle-lable::after {
    top: calc(0.31rem + 1px) !important;
}

#shipping-address-id + .select2-container .select2-selection--single {
    height: auto;
    min-height: 38px;
    border-radius: 2px;
}
#shipping-address-id + .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    display: flex;
    align-items: center;
    height: auto;
    min-height: 38px;
}
#shipping-address-id + .select2-container .select2-selection--single .select2-selection__arrow {
    top: 50%; 
    transform: translateY(-50%); 
}
#shipping-address-id + .select2-container .select2-selection--single .select2-selection__rendered .address-info {
    padding: 4px 0 4px 8px;
    margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 5px;
    line-height: 1.5;
    width: 100%;
    height: auto;
    white-space: normal;
}
#unhold-case-btn {
    background-color: #8F8045;
}

#hold-case-btn {
    background-color: #C3AF5E;
}

#archive-case-btn {
    background-color: #818181;
}
#retrieve-case-btn {
    background-color: #708090;
}

/* CSS related to ZIP/RAR btn & info */
.btn-zip-rar {
    border: 1px solid gray; 
    border-radius: 7px;
    color: #243746;
}
.btn-zip-rar:hover {
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.06);
}
#ziprarInstructionModal .modal-body .card-header {
    background-color: white;
    padding: 0.75rem 0;
}
#ziprarInstructionModal .modal-body .card-body {
    padding: 20px;
    background-color: white;
    border: 1px solid gray;
    border-radius: 6px;
    max-height: 425px;
    overflow-y: auto;
    position: relative;
}
#ziprarInstructionModal .modal-body .card-body::-webkit-scrollbar {
    width: 8px;
    opacity: 0;
    transition: opacity 0.3s ease; 
}
#ziprarInstructionModal .modal-body .card-body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
#ziprarInstructionModal .modal-body .card-body::-webkit-scrollbar-thumb {
    background: gray;
    border-radius: 10px;
    opacity: 0;
    transition: opacity 0.3s ease; 
}
#ziprarInstructionModal .modal-body .card-body:hover::-webkit-scrollbar-thumb,
#ziprarInstructionModal .modal-body .card-body:active::-webkit-scrollbar-thumb,
#ziprarInstructionModal .modal-body .card-body:focus::-webkit-scrollbar-thumb {
    opacity: 1;
}

#ziprarInstructionModal .modal-body ol {
    list-style-type: decimal;
    padding-left: 20px;
}
#ziprarInstructionModal .modal-body ul {
    padding-left: 20px;
}
#ziprarInstructionModal .modal-body a {
    color: blue;
}
#ziprarInstructionModal .modal-body a:hover span {
    text-decoration: underline;
}
#videoSection {
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}
#videoSection.visible {
    visibility: visible;
    height: auto;
    overflow: visible;
}

.due-date {
    height: 30px;
    width: 100%;
    min-width: 150px;
}
.due-date:hover {
    cursor: pointer;
}
.due-date-input label i {
    line-height: 0.6;
}
.clear-due {
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
}
.clear-due:hover {
    cursor: pointer;
}

/* CSS for shared link block */
.link-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.truncated-link {
    display: inline-block;
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.copy-btn {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.copy-icon {
    transition: filter 0.2s ease-in-out;
    fill: #333;
}
.copy-btn:hover .copy-icon {
    filter: invert(100%);
}
.expired-link-strikethrough {
    background: repeating-linear-gradient(180deg,
            red 0%,
            red 100%);
    background-size: 100% 1px;
    background-position: center;
    background-repeat: no-repeat;
}
.restricted-width {
    max-width: 200px; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}
.case-edit-preop-btn{background-color:#42484E !important;border-color:#42484E;}
.form-btn-div-block{width: fit-content;}
.btn-zip-rar-custom-border{border: 1px solid gray; color: #243746;}
.btn-zip-rar-custom-img{width: 17px; height: 17px; margin-right: 5px;}
.w-200-max-width-200{width: 200px; max-width: 200px;}
.case-status-due-date-field-label{display: block; margin: 0; color: gray;}
/*Case checklist page style*/
#cases-checklist-dashboard-table td {
    vertical-align: middle;
}

#cases-checklist-dashboard-table td .btn-sm {
    padding: 0.05rem 0.5rem 0;
}

.cancel-case-strikethrough {
    background: repeating-linear-gradient(180deg,
            red 0%,
            red 100%);
    background-size: 100% 1px;
    background-position: center;
    background-repeat: no-repeat;
}

.checklist-action-btn {
    background-color: #343188 !important;
    border-color:  #343188 !important;
}
.w-2{width: 20px !important;}
.modal-content {border-radius: 8px;}
button.btn-change-owner {
    background-color: #E0F2FE;
    color: #0369A1;
    border-color: #E0F2FE;
}
.user-refresh-svg svg {
    margin: 0;
    /* width: 100%;
    height: auto; */
    fill: #0369A1;
}
.inline-flex.user-refresh-svg {
    vertical-align: middle;
}
button.btn-reject {
    background-color: #D23C1B;
    border-color: #D23C1B;
}
/*3d viewer pages style*/
.power-by {
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
}
.power-by img {
    width: 60px;
    height: auto;
    margin: 0 0.25rem 0 0.25rem;
}
.preop_footer {
    width: 100%;
    height: auto;
}
/*Quick case pages style*/
/* CSS related to ZIP/RAR btn & info */
.btn-zip-rar {
    border: 1px solid gray; 
    border-radius: 7px;
    color: #243746;
}
.btn-zip-rar:hover {
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.06);
}
#ziprarInstructionModal .modal-body .card-header {
    background-color: white;
    padding: 0.75rem 0;
}
#ziprarInstructionModal .modal-body .card-body {
    padding: 20px;
    background-color: white;
    border: 1px solid gray;
    border-radius: 6px;
    max-height: 425px;
    overflow-y: auto;
    position: relative;
}
#ziprarInstructionModal .modal-body .card-body::-webkit-scrollbar {
    width: 8px;
    opacity: 0;
    transition: opacity 0.3s ease; 
}
#ziprarInstructionModal .modal-body .card-body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
#ziprarInstructionModal .modal-body .card-body::-webkit-scrollbar-thumb {
    background: gray;
    border-radius: 10px;
    opacity: 0;
    transition: opacity 0.3s ease; 
}
#ziprarInstructionModal .modal-body .card-body:hover::-webkit-scrollbar-thumb,
#ziprarInstructionModal .modal-body .card-body:active::-webkit-scrollbar-thumb,
#ziprarInstructionModal .modal-body .card-body:focus::-webkit-scrollbar-thumb {
    opacity: 1;
}

#ziprarInstructionModal .modal-body ol {
    list-style-type: decimal;
    padding-left: 20px;
}
#ziprarInstructionModal .modal-body ul {
    padding-left: 20px;
}
#ziprarInstructionModal .modal-body a {
    color: blue;
}
#ziprarInstructionModal .modal-body a:hover span {
    text-decoration: underline;
}
#ziprarInstructionModal .modal-body a:hover span {
    text-decoration: underline;
}
#videoSection {
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}
#videoSection.visible {
    visibility: visible;
    height: auto;
    overflow: visible;
}
/*Surgeon schedule page style*/
.fc-toolbar .fc-center {
    display: inline-flex;
    align-items: center;
}
/*User my profile page styles*/
.filepond--root {
    width: 170px;
    margin: 0 auto;
}
/*MFA page styles*/
.custom-option-item-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.custom-option-item-check:checked+.custom-option-item {
    color: #ff6630;
    background-color: rgba(115, 103, 240, 0.12);
    border-color: #ff6630;
    border: 1px solid #ebe9f1;
}

.custom-options-checkable .custom-option-item {
    width: 100%;
    cursor: pointer;
    color: #82868b;
    background-color: rgba(130, 134, 139, 0.06);
    border: 1px solid #ebe9f1;
    padding: 1.75rem !important;
}

.custom-option-item-check:checked+.custom-option-item {
    color: #ff6630;
    background-color: rgba(115, 103, 240, 0.12);
    border-color: #ff6630;
}

ul.security-notice {
    list-style: circle;
    padding-left: 38px;
}

.custom-option-item-active {
    color: #ff6630 !important;
    background-color: rgba(115, 103, 240, 0.12) !important;
    border-color: #ff6630 !important;
}

.custom-options-checkable span {
    color: #243746 !important;
}
/*Dashboard page style*/
.dataTable td .btn-sm {
    padding: 0.05rem 0.5rem 0;
}

.checklist-action-btn {
    background-color: #343188 !important;
    border-color: #343188 !important;
}
/*Register page style*/
.invalid-feedback {
    display: block !important;
}
.is-invalid {
    border-color: #ff4f70 !important;
}