@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; } */
.preop-page-sidebar li:last-of-type {   position: absolute;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; }