/*.page-header-title {
    font-weight: 600;
    font-size: 21px;
    line-height: 18px;
    color: #000000;
}*/
/*.page-header-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.4);
}*/
.plus-icon {
    width: 19px;
    height: 19px;
}

.filter-status {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #0075FF;
}
.filter-count {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -9px;
    right: 0px;
    min-width: 18.86px;
    min-height: 18.86px;
    max-width: 18.86px;
    max-height: 18.86px;
    background: #0075FF !important;
    border-radius: 50%;
    font-weight: 400 !important;
    font-size: 9px;
    color: #F8FAFC;
}
.card {
    background: #FFFFFF;
    border-radius: 20px;
    padding:20px 15px;
}
.card .user-img{
    width:64px;
    height:64px;
    border-radius:50%;
    object-fit:cover;
}

.no-flex{
    display:inline!important;
    float:right;
    margin-right:10px;
}
.field_badge{
    color:#0075FF;
    border-color:#0075FF;
    margin-left:10px;
    border-radius:15px;
}
.field_badge:hover{
    color:#0075FF;
}

.mh-fixed{
    min-height:calc(100vh - 302px) !important;
}

.bg-light-blue {
    background: #F1F5F9 !important;
}

/*.docs-content{*/
   /* margin-left:90px;*/
    /*margin-top:60px;*/
    /*padding-left:40px;
    padding-right:40px;
}*/
/*.sidebar-admin-img{
    width:57px !important;
    height:57px !important;
}
.docs-page-header {
    margin-bottom: 1rem !important;
}*/



.icon-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: #F8FAFC; */
    background: #fff;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    width: 32.88px;
    height: 32.88px;
    cursor: pointer;
    text-decoration: none;
}

.icon-btn .icon {
    width: 16px;
    height: 16px;
}

.custom-table-wrapper {
    border-radius: 16px;
    border: 1px solid #E2E8F0;
}
.custom-table{
    background: #fff;
    border-radius:16px;
}
.table-icon {
    width: 22px;
    height: 22px;
    cursor:pointer;
}

.custom-table{
    width:100%;
    vertical-align:top
}

.custom-table > :not(:last-child) > :last-child > * {
    border-bottom: 1px solid #E2E8F0 !important;
}

    .custom-table th {
        color: #64748B !important;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        text-transform: uppercase;
        border-bottom-color: #E2E8F0 !important;
        /*padding:1.2rem 1.4rem;*/
        padding: 1.2rem 1rem 1.2rem 1.4rem;
        text-align: center
    }
    .custom-table tr {
        border-bottom-color: #E2E8F0 !important;
        border-bottom-width: 1px;
    }
    .custom-table tr:last-child {
        border-bottom:none !important;
    }

    .custom-table td {
        color: #0F172A;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        padding:0.75rem 1.4rem;        
        text-align:left;
    }

tbody td:nth-of-type(even),
thead td:nth-of-type(even) {
    background: #F8FAFC;
}
.custom-table tr:last-child td:last-child{
    border-bottom-right-radius:16px !important;
}
.td-icon {
    background: #F8FAFC !important;
    text-align:center !important;
}
.border-x {
    border-left-color: #E2E8F0 !important;
    border-left-width: 1px !important;
    border-right-color: #E2E8F0 !important;
    border-right-width: 1px !important;
}
.report-tr th{
    padding: 1.2rem 1.4rem 1.2rem 1.4rem !important;
}
.placeholder_img{
    width:200px
}
/*
.date-input {
    display: block;
    width: 100%;
    padding: 10px 20px 10px 40px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1e2022;
    background-color: #fff;
    background-clip: padding-box;
    border: 0.0625rem solid rgba(33,50,91,.1);
    background: #F1F5F9 url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E) no-repeat 13px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.3125rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius: 12px
}
*/

.date-input {
    border-radius: 16px;
    width: 100%;
    border: 1px solid #fff !important;
    border: none !important;
    display: block;
    outline: none !important;
    padding: 8px 20px 8px 40px;
    font-size: 18px !important;
    color: #0F172A;
    font-size: 14px;
    font-weight: 400;
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.04);
}

.date-icon {
    position: absolute;
    top: 10px;
    left: 10px;
}

.nav-tab {
    position: relative;
    padding: 4px;
    border: 1px solid #CBD5E1 !important;
    background: #F1F5F9 !important;
    flex-wrap: nowrap;
    display: flex;
    flex-direction: row;
    border-radius: 16px !important;
    white-space: nowrap;
}

.nav-tab {
    border-radius: 16px !important;
}
.nav-segment.nav-pills .nav-item{
    margin:0 !important;
}
.nav-segment.nav-pills .nav-link {
    color: #94A3B8 !important;
    border-radius: 12px !important;
    padding: 5px 30px !important;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.5px;
}
    .nav-segment.nav-pills .nav-link:hover{
        color: #0F172A !important;
        background-color: #E2E8F0 !important;
    }
.nav-segment .nav-link.active {
    color: #0F172A !important;
    background-color: #fff;
    box-shadow: none !important;
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.04);
}
.multiple-acc .multiple-title {
    color: #0075FF;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
   
}

.multiple-img {
    min-width: 32px;
    min-height: 32px;
    max-width: 32px;
    max-height: 32px;
    border-radius: 50%;
    object-fit:cover;
}

.multiple-acc .multiple-ptname {
    color: #0F172A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
 
}

.multiple-acc .multiple-page {
    color: #64748B;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; 
}

.multiple-acc .multiple-select {
    color: #0075FF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; 
    cursor: pointer;
   
}

.multiple-div {
    border-radius: 12px;
    border: 1px solid #E2E8F0;
    background: #fff;
    padding:10px 20px;
    cursor:pointer
}

.multiple-div-selected {
    border: 1px solid #0075FF !important;
}

.current-acc {
    color: #64748B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
}

.warning-acc {
    border-radius: 12px;
    background: #FEF9C3;
    padding: 10px 20px;
    margin-top: 40px
}

.warning-text {
    color: #0F172A;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.date-text {
    color: #94A3B8;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.ml-200{
    margin-left:200px
}
.admin-search {
    background-color: #E2E8F0 !important;
}
.patientinfo-list-container {
    height: calc(100dvh - 235px) !important;
    overflow-y: auto;
    overflow-x: hidden;
}
.patient-info-list-container {
    /*height:calc(100vh - 150px)!important;*/ /*original*/
    /*height: calc(100vh - 325px) !important;*/
    height: calc(100dvh - 325px) !important;
    overflow-y: auto;
    overflow-x: hidden;
}
.report-type-list-container {
    /*height:calc(100vh - 150px)!important;*/ /*original*/
    height: calc(100dvh - 180px) !important;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left:30px;
    padding-right:10px;
}
.sale-counter-list-container {
    height: calc(100dvh - 180px) !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.patient-active {
    background: #0075FF !important
}
/* item search input */
.autocomplete {
    position: relative;
}

.autocomplete .options {
    position: absolute;
    top: 40px;
    left: 0;
    background: white;
    width: 175%;
    padding: 0;
    z-index: 10;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    box-shadow: 0 30px 25px 8px rgba(0, 0, 0, 0.1);
}

.autocomplete .option {
    display: block;
    padding: 0.25rem;
}

.autocomplete .option .option-text {
    padding: 0.25rem 0;
    word-wrap: break-word;
}

.autocomplete .option:hover {
    background: #1E90FF;
    color: #fff;
}

.autocomplete .option.disabled {
    background-color: lightgrey;
    cursor: not-allowed;    
}

.autocomplete .option.disabled:hover {
    background: lightgrey;
    color: var(--bs-body);
}


.ml-5{
    margin-left: 5px
}



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

.pl-5{
    padding-left:5px
}

.pr-5{
    padding-right:5px
}



.file-name {
    color: #64748B;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 200px;
    white-space:nowrap
}

.note-card-border {
    border: 1px solid #E2E8F0;
    padding: 10px;
    border-radius: 10px;
}

.doc-save-btn {
    font-family: Circular;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -1px;
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}

.billing-sidebar-tab {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #E2E8F0;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.selected-tab {
    color: #0075FF !important;
}
.print_div{
    display: none !important;
}
.div-printer{
    display: none !important;
}

@media print {
    /*    body {
        visibility: hidden;
    }*/
    /*
    #section-to-print {
        visibility: visible;
        position: absolute;
        left: 0;
        top: 0;
    }
*/
    .print_div {
        display: block !important;
        font-size: 0.8rem !important;
    }

    .div-printer{
        display: block !important;
    }
    .div-not-printer{
        display: none !important;
    }
    .notprint_div {
        display: none !important;
    }
    .sidebar{
        display: none !important;
    }

    .page-break {
        page-break-before: always;
    }

    .avoid-break {
        page-break-inside: avoid;
    }
   /* .receipt-container{
        margin: 0;
    }*/
/*
    @page {
        margin: 0;
    }*/
}

.treatment-br {
    border: 2px solid #10B981 !important;
}

.disabled-border-btn {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 1px solid #CBD5E1;
    background: #fff;
    color: #94A3B8;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.5px;
    white-space:nowrap;
}

.disabled-icon-btn {
    color: #94A3B8;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 8px;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
}

.disabled-border-btn .icon {
    width: 20px;
    height: 20px;
}


.disabled-icon-btn .icon {
    width: 18.9px;
    height: 18.9px;
}

.add-photo-section {
    background: #F1F5F9;
    border-radius: 12px;
    display: flex !important;
    justify-content: center;
    height: 120px;
    width: 120px;
    align-items: center;
}
.add-photo-img{
    width: 60px;
    height: 60px;
}
.billing-note-photo {
    width: 120px;
    height: 120px;
    border-radius: 16px;
    position: relative;
}
    .billing-note-photo img {
        width: 100%;
        height: 120px;
        border-radius: 16px;
        z-index: 0;
        object-fit: cover;
    }


.w120 {
    width: 120px
}

.w100 {
    width: 100px
}

.not-authorized-container{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.change-password-img {
    min-width: 51.429px;
    min-height: 51.429px;
    max-width: 51.429px;
    max-height: 51.429px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #FFF;
}
.password-successfully-changed-img {
    min-width: 98px;
    min-height: 98px;
    max-width: 98px;
    max-height: 98px;
    object-fit: cover;
    border-radius: 50%;
    border: none;
}

.password-changed-title {
    color: #0F172A;
    font-size: 33px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -1px;
}

.password-changed-text {
    color: #64748B;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.5px;
}
.billing-select-close {
    background: #94A3B8;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    text-align: center;
    padding: 0.25rem;
    cursor: pointer;
    position: sticky;
    bottom: 0;
    z-index: 10;
    border-top: 1px solid #ccc;
}
.copyable-word{
    cursor: pointer;
}

.copyable-word:hover{
        background-color: lightblue;
}


.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
    margin-top: 5px;
    border: 1px solid #767676 !important;
    border-radius: 4px !important;
}

.daterangepicker select.yearselect {
    margin-right: 2%;
    width: 45%;
    margin-top: 5px;
    border: 1px solid #767676 !important;
    border-radius: 4px !important;
}
.sale-item-search {
    padding: 0 30px;
    margin-bottom: 1rem;
}

.sale-item-list {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: calc(100vh - 330px) !important;
}
.sale-item-card {
    background-color: #FFF;
    border-radius: 16px;
/*    transform: scale(0.95);
    transition: box-shadow 0.5s, transform 0.5s;*/
    margin: 0 30px;
    cursor: pointer;
    margin-bottom: 1rem;
    padding: 10px 20px 10px 20px;
    /*padding: 2rem;*/
}
    /*.sale-item-card:hover {
       box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    }*/

.bg-light-gray {
    background-color: #E1E8EE;
}
.sale-item-txt{
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}
.sale-item-generic {
    font-size: 16px;
    /*color: #94A3B8;*/
    letter-spacing: -0.5px;
}
.sale-item-form-badge {
    font-size: 14px;
    display: inline-block;
    padding: 3px 15px;
    letter-spacing: 0.1px;
    border-radius: 34px;
    border: none;
    width: max-content;
    background-color: #E2E8F0;
}
.sale-item-form-badge-selected{
    background-color: transparent;
    border: 1px solid #FFFFFF !important;
    color: #FFFFFF !important;
}
.checkout-list {
    overflow-y: auto;
    max-height: calc(60vh - 180px) !important;
}
.sale-checkout-list-item {
    border-bottom: 1px solid #E1E8EE;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    align-items: start;
    padding: 10px 20px;
}
.sale-qty-btn {
    width: 30px;
    height: 30px;
    background-color: #E1E8EE;
    border-radius: 6px;
    border: none;
    cursor: pointer;
}
.discount-select {
    height: 30px;
    width: 200px;
    padding: 0px 8px;
    border-radius: 12px;
    background-color: #E1E8EE;
    border: none;
    box-shadow: none;
    color: #0F172A;
    font-size: 14px;
}
.border-bottom-line {
    border-bottom: 1px solid #E1E8EE;
}
.border-bottom-line-bold {
    border-bottom: 1px solid #0F172A;
}

.checkout-card {
    border-radius: 10px;
    background: #FFF;
    padding: 10px 20px;
}

.patient-photo{
    width: 100px;
    height: 100px;
    border-radius: 20px;
}
.receipt-container{
    width: 100%;
}
.receipt-content {
    width: 400px;
    min-height: 95vh;
    margin: 0 auto;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    /*border: 1px solid red;*/
}
.print-receipt-content {
    width: 240px;
   /* min-height: 95vh;*/
    /*margin: 0 auto;*/
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    /*border: 1px solid red;*/
}
.receipt-footer{
    margin-top: auto;
}

.resizer {
    width: 5px;
    cursor: col-resize;
    background-color: #E2E8F0;
}

.sale-item-form-list {
    display: flex;
    flex-direction: row;
    overflow-y: auto;
    margin: 0px 30px;
}
.table-warning-light {
    background-color: #fff3cd; /* A light yellow/orange, less harsh than red */
}
/*.sale-item-form-list::-webkit-scrollbar {
    display: none;
}*/

.hidden-in-pdf{
    display: none !important;
}
.show-in-pdf {
    position: absolute !important;
    left: -9999px; /* Moves it 9999px to the left */
    top: 0;
    /* Give it a fixed width. This is important! 
      This controls the width of your PDF. 
      (A4 paper is ~790px wide, 1024px is a good standard)
    */
    width: 1024px;
    
}