/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Feb 9, 2022, 1:09:05 AM
    Author     : Muhammad Omer Bhutta
*/
@media only screen and (min-width: 1280px) {
    .auth-logo {
    }
    .auth-logo img {
        width: 300px;
        max-width: 80%;
    }

    .navbar-brand-box {
        width: 300px;
    }
    .footer {
        left: 300px;
    }
}

.pace-active {
    height: 100%;
    position: absolute;
    z-index: 1003;
    top: 0;
    background: rgb(71 168 26 / 24%);
    width: 100%;
    pointer-events: auto;
    display: none;
}

.navbar-header {
    padding: 0px;
}

.hide,
.hidden {
    display: none;
}

.main-content {
    margin-left: 300px;
}
.vertical-menu {
    width: 300px;
}
.vertical-menu2 {
    width: 300px;
}

body.sidebar-enable #sidebar-menu ul li ul.sub-menu {
    width: 242px !important;
}

body.sidebar-enable #sidebar-menu ul li ul.sub-menu li ul.sub-menu {
    padding: 0;
    width: 242px !important;
    left: 242px !important;
}

.sidebar-enable #sidebar-menu ul li ul.sub-menu li a {
    width: 100% !important;
}

body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li:hover > a {
    position: relative;
    width: calc(242px + 70px);
    color: #ffffff;
    background-color: #263773;
    -webkit-transition: none;
    transition: none;
}

body[data-sidebar-size="sm"]
.vertical-menu
#sidebar-menu
> ul
> li:hover
> a
i {
    color: #fff;
}

#dataTables_wrapper > .row:nth-child(2) > .col-sm-12,
.dataTables_wrapper > .row:nth-child(2) > .col-sm-12 {
    overflow-x: auto;
    margin-bottom: 15px;
}
body[data-sidebar-size="sm"] .navbar-brand-box {
    width: 70px !important;
    padding: 0 10px;
}

.logo-sm img {
    max-width: 100%;
    height: auto;
}

label span.required {
    color: red;
}

.searchrow th,
.searchrow td {
    position: relative;
}

.searchrow input.column_search,
.searchrow select.column_search {
    width: 100%;
    padding: 0.47rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
}

.dt-apply-filter {
    position: absolute;
    right: 0px;
    margin: 0.47rem 7px;
}

.searchrow th {
    color: transparent;
}

table.dataTable > tbody > tr.child ul.dtr-details {
    display: block;
}

.img-responsive {
    max-width: 100%;
}

.text-small {
    font-size: 10px;
}

.input-group-addon {
    padding: 0.47rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.fileUpload {
    background: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #000;
    margin: 0px 0px 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 120px;
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 0.47rem 0.75rem;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 5px !important;
    color: #333333;
}
.fileUpload:hover,
.fileUpload:active,
.fileUpload:focus {
    background: #e5e5e5;
    cursor: pointer;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 148px;
    height: 46px;
    cursor: pointer;
}

.fileUpload input[type="file"] {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 0.47rem 0.75rem;
    cursor: pointer;
}

.imgbase64 {
    position: absolute;
    z-index: -9999;
    top: 0;
    opacity: 0;
}

/* here you can put your own css to customize and override the theme */
#sig-canvas {
    border: 2px dotted #cccccc;
    border-radius: 15px;
    cursor: crosshair;
}

.sig-wrapper {
    position: relative;
}

.sig-wrapper #reset {
    position: absolute;
    z-index: 9;
    right: 4px;
    bottom: 4px;
    background: #eaeaea;
    padding: 3px 5px;
    font-size: 12px;
}

#signature {
    width: auto;
    /*box-shadow: 0 0 5px 1px #ddd inset;*/
    border: dashed 2px #53777a;
    border: dashed 1px #53777a;
    margin: 0;
    text-align: center;
    min-height: 125px;
    min-width: 535px;
    transition: 0.2s;
    border: 2px dotted #cccccc;
    border-radius: 4px;
    cursor: crosshair;
}

.auth-logo img {
    max-width: 90%;
}

.redbg {
    background: #f2570a;
    color: #fff;
    line-height: normal;
    padding: 0;
    margin: 0 0 20px;
    float: left;
}

.redbg > .form-group {
    display: inline-block;
}

.redbg .custom-control-label {
    margin: 0px;
    padding: 10px 20px 10px 10px;
    cursor: pointer;
}

.redbg .custom-control-input {
    margin: 12px 0;
}

label.error {
    color: red;
    font-size: 10px;
}

.form-control.error {
    border-color: red;
}

.form-control.valid {
    border-color: #263773;
}

.modal.show {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.modal-body #qr-reader {
    width: 300px;
    max-width: 100%;
}

body .btn-primary {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media only screen and (max-width: 986px) {
    .logo-sm img {
        max-width: 100%;
        height: auto;
        max-height: 40px;
    }
}

#loading {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 0.5;
    background-color: #fff;
    z-index: 10001;
}

#loading-image {
    position: absolute;
    top: 40%;
    left: 47%;
    z-index: 10001;
}

div#get_patient_data_wrapper.dataTables_wrapper div.dataTables_filter,
div#get_orders_data_wrapper.dataTables_wrapper div.dataTables_filter {
    display: none;
}

body .card-header {
    padding: 0.8rem;
}
body .card-title {
    font-size: 0.8rem;
}

body .h6,
body h6 {
    font-size: 0.75rem;
}
.bread_crumb {
    display: flex;
    align-items: center;
    margin-left: 10px;
    display: none;
}

body .card-title {
    margin: 0px;
}

#selectedSamples label.error {
    display: none !important;
}
.ml-1 {
    margin-right: 5px;
}

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

.pull-left {
    float: left;
}

.dashboard-stat .visual {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 15px;
    margin-bottom: 10px;
}

.dashboard-stat .visual i {
    font-size: 30px;
    line-height: 30px;
    color: #fff;
}

.dashboard-stat .visual {
    font-size: 35px;
    line-height: 35px;
}

@media (min-width: 992px) and (max-width: 1024px) {
    .dashboard-stat .visual i {
        font-size: 28px;
        line-height: 28px;
    }
}

.dashboard-stat .details {
    position: absolute;
    right: 15px;
    padding-right: 10px;
}

.dashboard-stat .details .number {
    padding-top: 15px;
    text-align: right;
    font-size: 34px;
    line-height: 34px;
    letter-spacing: -1px;
    margin-bottom: 5px;
    font-weight: 300;
    color: #fff;
}

.dashboard-stat .details .desc {
    text-align: right;
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 300;
    color: #fff;
}

.dashboard-stat .more {
    clear: both;
    display: block;
    padding: 5px 10px 5px 10px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    color: #fff;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.dashboard-stat .more:hover {
    text-decoration: none;
    opacity: 1;
    filter: alpha(opacity=100);
}

.dashboard-stat .more > i {
    display: inline-block;
    margin-top: 1px;
    float: right;
}

.dashboard-stat.blue {
    background-color: #27a9e3;
}

.dashboard-stat.blue .more {
    background-color: #208dbe;
}

.dashboard-stat.green {
    background-color: #28b779;
}

.dashboard-stat.green .more {
    background-color: #10a062;
}

.dashboard-stat.red {
    background-color: #e7191b;
}

.dashboard-stat.red .more {
    background-color: #bc0d0e;
}

.dashboard-stat.yellow {
    background-color: #ffb848;
}

.dashboard-stat.yellow .more {
    background-color: #cb871b;
}

.dashboard-stat.purple {
    background-color: #852b99;
}

.dashboard-stat.purple .more {
    background-color: #6e1881;
}

.white-color {
    color: #fff;
}

.dashboard-stat ion-icon {
    font-size: 42px;
}

.dashboard-stat .details .number {
    font-size: 24px;
    margin: 0;
    padding: 0;
    line-height: normal;
}
.dashboard-stat .details .desc {
    font-size: 12px;
}

.dashboard-stat .visual {
    height: 50px;
    line-height: normal;
}

.dashboard-stat {
    overflow: hidden;
    margin-bottom: 25px;
}

.dashboard-stat .visual {
    height: 50px;
    line-height: normal;
}

.card-body-style {
    padding: 10px 10px !important;
}

.dashboard-icon {
    font-size: 30px;
}

.dashboard-icon i {
    float: right;
    vertical-align: middle;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
    padding: 5px;
    vertical-align: middle;
}

body,
body table,
body table tr,
body table tr td {
    font-size: 12px;
}
.btn {
    padding: 0.3rem 0.5rem;
    font-size: 12px;
}

#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {
    font-size: 0.7rem;
    padding: 0.3rem 1.5rem 0.3rem 4.5rem;
}
#sidebar-menu ul li a {
    padding: 0.3rem 1.5rem;
    font-size: 0.7rem;
}
#sidebar-menu ul li ul.sub-menu li a {
    font-size: 0.7rem;
}
#sidebar-menu ul li a i {
    line-height: 0;
}
#sidebar-menu .has-arrow:after {
    margin-top: -5px;
}
.card-body {
    /*padding-bottom: 100px;*/
}

element.style {
}
.form-control.valid {
    border-color: #263773;
}
.form-control {
    padding: 0.5rem;
    font-size: 12px;
}

.mb-3 {
    margin-bottom: 0.5rem !important;
}

body header#page-topbar .navbar-header .d-flex h4 {
    font-size: 12px;
}

.dataTables_length .form-control {
    padding: 5px 30px 5px 15px;
    margin-right: 5px;
}

.main-content > .page-content > .container-fluid {
    padding-bottom: 170px;
}

.filterDashboardwrapper .card.active {
    border-bottom: 1px solid #000000;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.dls-license-mask {
    display: none !important;
}
#payment-status-container {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    border-radius: 50px;
    margin: -20px auto 30px;
    width: 225px;
    height: 48px;
    visibility: hidden;
}
#payment-status-container.missing-credentials {
    width: 350px;
}
#payment-status-container.is-success:before {
    content: "";
    background-color: #00b23b;
    width: 16px;
    height: 16px;
    margin-right: 16px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM11.7071 6.70711C12.0968 6.31744 12.0978 5.68597 11.7093 5.29509C11.3208 4.90422 10.6894 4.90128 10.2973 5.28852L11 6C10.2973 5.28852 10.2973 5.28853 10.2973 5.28856L10.2971 5.28866L10.2967 5.28908L10.2951 5.29071L10.2886 5.29714L10.2632 5.32224L10.166 5.41826L9.81199 5.76861C9.51475 6.06294 9.10795 6.46627 8.66977 6.90213C8.11075 7.4582 7.49643 8.07141 6.99329 8.57908L5.70711 7.29289C5.31658 6.90237 4.68342 6.90237 4.29289 7.29289C3.90237 7.68342 3.90237 8.31658 4.29289 8.70711L6.29289 10.7071C6.68342 11.0976 7.31658 11.0976 7.70711 10.7071L11.7071 6.70711Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM11.7071 6.70711C12.0968 6.31744 12.0978 5.68597 11.7093 5.29509C11.3208 4.90422 10.6894 4.90128 10.2973 5.28852L11 6C10.2973 5.28852 10.2973 5.28853 10.2973 5.28856L10.2971 5.28866L10.2967 5.28908L10.2951 5.29071L10.2886 5.29714L10.2632 5.32224L10.166 5.41826L9.81199 5.76861C9.51475 6.06294 9.10795 6.46627 8.66977 6.90213C8.11075 7.4582 7.49643 8.07141 6.99329 8.57908L5.70711 7.29289C5.31658 6.90237 4.68342 6.90237 4.29289 7.29289C3.90237 7.68342 3.90237 8.31658 4.29289 8.70711L6.29289 10.7071C6.68342 11.0976 7.31658 11.0976 7.70711 10.7071L11.7071 6.70711Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");
}
#payment-status-container.is-success:after {
    font-size: 14px;
    line-height: 16px;
}
#payment-status-container.is-failure:before {
    content: "";
    background-color: #cc0023;
    width: 16px;
    height: 16px;
    margin-right: 16px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM5.70711 4.29289C5.31658 3.90237 4.68342 3.90237 4.29289 4.29289C3.90237 4.68342 3.90237 5.31658 4.29289 5.70711L6.58579 8L4.29289 10.2929C3.90237 10.6834 3.90237 11.3166 4.29289 11.7071C4.68342 12.0976 5.31658 12.0976 5.70711 11.7071L8 9.41421L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071C12.0976 11.3166 12.0976 10.6834 11.7071 10.2929L9.41421 8L11.7071 5.70711C12.0976 5.31658 12.0976 4.68342 11.7071 4.29289C11.3166 3.90237 10.6834 3.90237 10.2929 4.29289L8 6.58579L5.70711 4.29289Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E%0A");
    mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM5.70711 4.29289C5.31658 3.90237 4.68342 3.90237 4.29289 4.29289C3.90237 4.68342 3.90237 5.31658 4.29289 5.70711L6.58579 8L4.29289 10.2929C3.90237 10.6834 3.90237 11.3166 4.29289 11.7071C4.68342 12.0976 5.31658 12.0976 5.70711 11.7071L8 9.41421L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071C12.0976 11.3166 12.0976 10.6834 11.7071 10.2929L9.41421 8L11.7071 5.70711C12.0976 5.31658 12.0976 4.68342 11.7071 4.29289C11.3166 3.90237 10.6834 3.90237 10.2929 4.29289L8 6.58579L5.70711 4.29289Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E%0A");
}
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__display {
    color: #a4a4ab;
}
#payment-status-container {
    top: 22%;
    background: white;
    padding: auto;
    margin-left: 24%;
    position: absolute;
}
#payment-status-container.is-failure:after {
    content: "Payment failed";
    font-size: 14px;
    line-height: 16px;
}
#payment-status-container.missing-credentials:before {
    content: "";
    background-color: #cc0023;
    width: 16px;
    height: 16px;
    margin-right: 16px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM5.70711 4.29289C5.31658 3.90237 4.68342 3.90237 4.29289 4.29289C3.90237 4.68342 3.90237 5.31658 4.29289 5.70711L6.58579 8L4.29289 10.2929C3.90237 10.6834 3.90237 11.3166 4.29289 11.7071C4.68342 12.0976 5.31658 12.0976 5.70711 11.7071L8 9.41421L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071C12.0976 11.3166 12.0976 10.6834 11.7071 10.2929L9.41421 8L11.7071 5.70711C12.0976 5.31658 12.0976 4.68342 11.7071 4.29289C11.3166 3.90237 10.6834 3.90237 10.2929 4.29289L8 6.58579L5.70711 4.29289Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E%0A");
    mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM5.70711 4.29289C5.31658 3.90237 4.68342 3.90237 4.29289 4.29289C3.90237 4.68342 3.90237 5.31658 4.29289 5.70711L6.58579 8L4.29289 10.2929C3.90237 10.6834 3.90237 11.3166 4.29289 11.7071C4.68342 12.0976 5.31658 12.0976 5.70711 11.7071L8 9.41421L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071C12.0976 11.3166 12.0976 10.6834 11.7071 10.2929L9.41421 8L11.7071 5.70711C12.0976 5.31658 12.0976 4.68342 11.7071 4.29289C11.3166 3.90237 10.6834 3.90237 10.2929 4.29289L8 6.58579L5.70711 4.29289Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E%0A");
}
#payment-status-container.missing-credentials:after {
    content: "applicationId and/or locationId is incorrect";
    font-size: 14px;
    line-height: 16px;
}
#payment-status-container.is-success.store-card-message:after {
    content: "Store card successful";
}
#payment-status-container.is-failure.store-card-message:after {
    content: "Store card failed";
}

.modalViewReceiptInvoice > table.table-bordered.dataTable th:last-child,
.modalViewReceiptInvoice > table.table-bordered.dataTable th:last-child,
.modalViewReceiptInvoice > table.table-bordered.dataTable td:last-child,
.modalViewReceiptInvoice > table.table-bordered.dataTable td:last-child {
    border-right-width: 0 !important;
}

#labtestwrap > .col-md-9 {
    width: 100%;
}

#labtestwrap .accordion > .col-12 > .panel,
#labtestwrap .accordion > .col-12 > .panel > .panel-body {
    overflow: hidden;
}

#labtestwrap .accordion > .col-12 > .panel > .panel-body > span {
    width: 19% !important;
    display: block;
    float: left;
    overflow: hidden;
}

#labtestwrap .accordion > .col-12 > .panel > .panel-title {
    padding: 3px 0 3px 6px;
    margin-bottom: 0;
}
#labtestwrap .accordion > .col-12 > .panel > .panel-title label {
    margin: 0;
}

#labtestwrap .accordion > .col-12 > .panel > .panel-body {
    padding-bottom: 0;
}
body .colorpicker:after,
body .colorpicker:before {
    display: none !important;
}

body .colorpicker {
    padding: 0px;
}
.panel_description ul li {
    display: inline-block;
    width: 20%;
    box-sizing: border-box;
    padding: 10px;
}

.filterDashboardwrapper h4 {
    /*font-size: 0.75rem;*/
    font-size: 10px;
    margin: 0px;
}
.filterDashboardwrapper .dashboard-icon i {
    /*font-size: 0.75rem;*/
    font-size: 10px;
}

.filterDashboardwrapper .card-h-100 {
    height: auto;
}

.padding-0 {
    padding-right: 0;
    padding-left: 0;
}

.padding-3 {
    padding-right: 3px;
    padding-left: 3px;
}

.padding-5 {
    padding-right: 5px;
    padding-left: 5px;
}

/* changes for order screen */

.categorypanels .panel-title {
    margin-bottom: 5px !important;
}

.categorypanels .panel-body {
    padding: 0 10px !important;
}

.categorypanels .panel-body .panel_description {
    font-size: 10px;

    overflow: hidden;
}

.categorypanels .panel-body .panel_description p {
    margin-bottom: 5px;
    display: block;
    overflow: hidden;
    width: 100%;
}
.panel_description ul li {
    display: inline-block;
    width: 17%;
    box-sizing: border-box;
    padding: 0 5px;
    float: left;
}

.categorypanels .panel-body .panel_description ul {
}

#sidebar-menu ul li.accessioning-li {
    background: #47a81a !important;
}

#sidebar-menu ul li.accessioning-li a {
    color: #fff !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

#sidebar-menu ul li.accessioning-li a i {
    color: #fff !important;
}
#sidebar-menu ul li.accessioning-li a span {
    color: #fff !important;
}

.sidebarmenu ul li.accessioning-li {
    background: #47a81a !important;
}

.sidebarmenu ul li.accessioning-li a {
    color: #fff !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.sidebarmenu ul li.accessioning-li a i {
    color: #fff !important;
}
.sidebarmenu ul li.accessioning-li a span {
    color: #fff !important;
}

body .app-search {
    padding: calc(30px / 2) 0;
    position: relative;
    padding-left: 10px;
    padding-right: 15px;
    background: #e9e9ef;
    margin-left: 0px !important;
}

.app-search .form-control {
    background-color: #ffffff;
}

.sidebar-enable .app-search {
    display: none !important;
}

body .sidebarh100 {
    max-height: calc(100% - 113px);
}

.topbar-in-header {
}

.topbar-in-header .topnav {
    position: relative;
    left: auto;
    right: auto;
    margin: 0;
    padding: 0px;
    background: none;
    border: none;
}

.topbar-in-header .topnav .navbar-nav .nav-link {
    padding: 26px 15px !important;
    font-size: 12px;
}
.topbar-in-header .topnav .navbar-nav .nav-link i {
    margin-right: 5px;
    font-size: 12px;
}

.topbar-in-header .topnav .navbar-nav .nav-link.active {
    color: #263773 !important;
    background: #e9e9ef;
}
.topbar-in-header .topnav .navbar-nav .nav-link.active i {
    color: #263773 !important;
}

.metismenu li.hideindesktop,
.metismenu li.receiveSamplesUtility,
.accessioning-li {
    display: none;
}

.topbar-in-header .topnav .navbar-nav {
}
.topbar-in-header .topnav .navbar-nav li {
}

.topbar-in-header .topnav .navbar-nav li + li {
    border-left: 1px solid #e9e9ef;
}

@media (max-width: 900px) {
    .metismenu li.hideindesktop,
    .metismenu li.receiveSamplesUtility,
    .accessioning-li {
        display: block;
    }
}

body .dropdown-item {
    font-size: 11px;
    padding: .25rem .5rem;
}

body[data-layout-mode="dark"] .topnav .navbar-nav .nav-item .nav-link.active,
body[data-layout-mode="dark"] .topnav .navbar-nav .nav-item .nav-link.active i {
    color: #fff !important;
}

body[data-layout-mode="dark"] .topbar-in-header .topnav .navbar-nav li + li {
    border-left: 1px solid #3b403d;
}

body[data-layout-mode="dark"]
.topbar-in-header
.topnav
.navbar-nav
.nav-link.active {
    background: #3b403d;
}

body[data-layout-mode="dark"] .app-search {
    background: #2a2a2a;
}

body[data-layout-mode="dark"] .searchrow input.column_search,
body[data-layout-mode="dark"] .searchrow select.column_search {
    color: #adb5bd !important;
    background-color: #363a38 !important;
    border: 1px solid #3b403d !important;
}

body[data-layout-mode="dark"] .dt-apply-filter {
    color: #adb5bd;
}

/*#get_orders_data td:first-child,
 #get_orders_data th:first-child {
    display: none;
} */
/* #get_patient_data td:first-child,
#get_patient_data th:first-child {
    display: none;
} */

fieldset {
    display: none;
}

fieldset.show {
    display: block;
}

.all-comments-info {
    background-color: #f1f1f1;
    height: 250px;
    width: 80%;
    border-radius: 25px;
    margin-top: 7%;
    margin-left: 3%;
    overflow: auto;
}

.all-comments-all {
    background-color: #f1f1f1;
    height: 250px;
    width: 80%;
    border-radius: 25px;
    margin-top: 7%;
    margin-left: 3%;
    overflow: auto;
}
.all-comments-billing {
    background-color: #f1f1f1;
    height: 250px;
    width: 80%;
    border-radius: 25px;
    margin-top: 7%;
    margin-left: 3%;
    overflow: auto;
}

.comment-datetime {
    font-size: 10px;
}

.single-comment {
    background-color: #86cd86;
    padding: 10px;
    border-radius: 10px;
    font-size: 18px;
    width: max-content;
    margin-top: 5px;
}

.comment-box-container {
    border-radius: 25px;
    width: 80%;
    padding: 15px;
    margin: 5px 0 22px 0;
    border: none;
    background: #f1f1f1;
    resize: none;
    height: 50px;
}

.comment-box {
    border-radius: 25px;
    width: 80%;
    padding: 15px;
    margin: 5px 0 22px 0;
    border: none;
    background: #f1f1f1;
    resize: none;
    height: 50px;
}

.comment-container {
    margin-left: 3%;
    display: flex;
    flex-direction: column;
}

select:focus,
input:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #2196f3 !important;
    outline-width: 0 !important;
    font-weight: 400;
}

button:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline-width: 0;
}

.tabs {
    margin: 2px 5px 0px 5px;
    padding-bottom: 10px;
    cursor: pointer;
}

.tabs:hover,
.tabs.active {
    border-bottom: 1px solid #2196f3;
}

body .dropdown-menu-end[style] {
    left: 0 !important;
}

.datetimePicker_wrapper {
    position: relative;
}
.datetimePicker_wrapper .form-control {
    background: #fff;
}
.datetimePicker_wrapper .input-group-addon {
    position: absolute;
    top: 1px;
    right: 11px;
    padding: 6px 10px 5px;
    height: auto !important;
    border-radius: 0 4px 4px 0;
}
.drag-sort-enable li {
    border: 1px solid #ddd;
    margin-bottom: 5px;
    padding: 7px;
    cursor: move;
}
.drag-sort-enable li input {
    margin: 0 5px 0 0 !important;
}
.input-checked {
    display: none;
}

.order-panel-label {
    margin-bottom: 0;
}

.order-analyte-label label {
    margin-bottom: 0;
    font-size: 9px;
}

#subCategories .form-check.form-check-inline{
    background-color: #FFC107;
    padding: 10px 30px;
    font-size: 14px;
}

.filterDashboardwrapper .card{
    margin-bottom: 0px;
}

.categorypanels .order-analyte-label .col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto !important;
    width: 16.66667% !important;
    display: inline-block;
}

#loading{
    display: none !important;
}



/* 
  This is used when showloading() and hideloading() is used
*/
.blockUI.blockOverlay{
    background-color: rgb(38 55 115 / 98%) !important;
}
.loader_container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
    transition: 2s ease;
    cursor: progress;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}
.loader_bouncing_dot {
    background: white;
    height: 0.65em;
    width: 0.65em;
    border-radius: 50%;
    animation: move_loader_bouncing_dot 0.6s ease infinite;
}
@keyframes move_loader_bouncing_dot {
    0% {
        transform: translateX(50%);
    }
    50% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(50%);
    }
}

.categorypanels .panel{
    background-color: #fff !important;
}

.addonAnalytewrap{
    margin-top: 5px;
}

.dataTable .btn-group>:not(.btn-check)+.btn {
    border-left: 1px solid #606060;
}

#get_orders_data_wrapper.dataTables_wrapper > .row .col-sm-12.col-md-5{
    //display: none;
}

.filterDashboardwrapper .card {
    margin-bottom: 0px;
    border-radius: 0;
}
.logo .logo-lg img{
    max-height: 70px;
}

.right-side-buttons{
    min-width: 176px;
}
.right-side-buttons button{
    border-radius: 0;
    margin: 0px -2px;
}

.bulkBtnsDashboardwrapper > .p-2,
.filterDashboardwrapper > .p-2{
    padding: 0 !important;
}

.filterDashboardwrapper > .p-2 + .p-2{
    padding-right: 0px !important;
    margin-right: -1px;
}

.filterDashboardwrapper .card-body{
    padding: 0px !important;
}
.filterDashboardwrapper .card-body a{
    padding: 12px 8px !important;
    display: block;
}

.filterDashboardwrapper .p-2 #btnClearAll{
    padding: 10px 8px !important;
    display: block;
    font-size: 10px;
    border-radius: 0;
}

body .all-order-header{
    padding: 0px 0px !important;
    display: block;
}

.all-order-header .filterDashboardwrapper{
    margin: -1px -1px;
}

.all-req-card{

}

.applied_search{
    padding-bottom: 0;
}


body .page-content {
    padding: calc(70px + 20px) calc(20px / 2) 100px calc(20px / 2);
}

body .modal-dialog {
    max-width: 50vw;
}