/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap'); */

/* @font-face {
    font-family: 'Avenir';
    src: url('../fonts/AvenirNextLTPro-Bold.eot');
    src: url('../fonts/AvenirNextLTPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNextLTPro-Bold.woff2') format('woff2'),
        url('../fonts/AvenirNextLTPro-Bold.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/AvenirLTPro-Light.eot');
    src: url('../fonts/AvenirLTPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTPro-Light.woff2') format('woff2'),
        url('../fonts/AvenirLTPro-Light.woff') format('woff'),
        url('../fonts/AvenirLTPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Medium.eot');
    src: url('../fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Medium.woff2') format('woff2'),
        url('../fonts/Avenir-Medium.woff') format('woff'),
        url('../fonts/Avenir-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Heavy.eot');
    src: url('../fonts/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Heavy.woff2') format('woff2'),
        url('../fonts/Avenir-Heavy.woff') format('woff'),
        url('../fonts/Avenir-Heavy.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Monrad Grotesk';
    src: url('../fonts/MonradGroteskBlack.eot');
    src: url('../fonts/MonradGroteskBlack.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MonradGroteskBlack.woff2') format('woff2'),
        url('../fonts/MonradGroteskBlack.woff') format('woff'),
        url('../fonts/MonradGroteskBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Monrad Grotesk';
    src: url('../fonts/MonradGrotesk-Semibold.eot');
    src: url('../fonts/MonradGrotesk-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MonradGrotesk-Semibold.woff2') format('woff2'),
        url('../fonts/MonradGrotesk-Semibold.woff') format('woff'),
        url('../fonts/MonradGrotesk-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Monrad Grotesk';
    src: url('../fonts/MonradGrotesk-Regular_1.eot');
    src: url('../fonts/MonradGrotesk-Regular_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MonradGrotesk-Regular_1.woff2') format('woff2'),
        url('../fonts/MonradGrotesk-Regular_1.woff') format('woff'),
        url('../fonts/MonradGrotesk-Regular_1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Commons';
    src: url('../fonts/TTCommons-Bold.eot');
    src: url('../fonts/TTCommons-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommons-Bold.woff2') format('woff2'),
        url('../fonts/TTCommons-Bold.woff') format('woff'),
        url('../fonts/TTCommons-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Commons';
    src: url('../fonts/TTCommons-Light.eot');
    src: url('../fonts/TTCommons-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommons-Light.woff2') format('woff2'),
        url('../fonts/TTCommons-Light.woff') format('woff'),
        url('../fonts/TTCommons-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Commons';
    src: url('../fonts/TTCommons-Thin.eot');
    src: url('../fonts/TTCommons-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommons-Thin.woff2') format('woff2'),
        url('../fonts/TTCommons-Thin.woff') format('woff'),
        url('../fonts/TTCommons-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Commons';
    src: url('../fonts/TTCommons-Medium.eot');
    src: url('../fonts/TTCommons-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommons-Medium.woff2') format('woff2'),
        url('../fonts/TTCommons-Medium.woff') format('woff'),
        url('../fonts/TTCommons-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Commons';
    src: url('../fonts/TTCommons-ExtraBold.eot');
    src: url('../fonts/TTCommons-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommons-ExtraBold.woff2') format('woff2'),
        url('../fonts/TTCommons-ExtraBold.woff') format('woff'),
        url('../fonts/TTCommons-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Commons';
    src: url('../fonts/TTCommons-Regular.eot');
    src: url('../fonts/TTCommons-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommons-Regular.woff2') format('woff2'),
        url('../fonts/TTCommons-Regular.woff') format('woff'),
        url('../fonts/TTCommons-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */


/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,500&display=swap');
body {
    /* font-family: 'Commons'; */
    /* font-family: 'Inter', sans-serif; */
    font-family: 'Noto Sans', sans-serif;

    font-weight: normal;
    background-color: #f5f5fd !important;
}

nav.navbar.navbar-expand-lg {
    border-color: #dfdfdf !important;
    background-color: #fff !important;
    box-shadow: 0 0 5px 0px #ccc;
}
.form-group.required .label:after {
    content: "*";
    color: red;
}

.form-group.required span:after {
    content: "*";
    color: red;
    margin: 5px;
}

.form-control,
.is-focused .form-control {
    background-image: linear-gradient(
            to top,
            #ffa726 2px,
            rgba(156, 39, 176, 0) 2px
        ),
        linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

.bmd-form-group.is-focused label {
    color: #ffa726;
}

.toggle .toggle-group .btn {
    padding-top: 7px;
    font-weight: bold;
}

.ms-options-wrap {
    width: 50%;
}

.ms-options label {
    color: black;
}

.ui-autocomplete {
    z-index: 3 !important;
}

.sidebar .sidebar-wrapper {
    height: calc(100vh - 200px);
}

.sidebar[data-color="orange"] li.active>a {
    background-color: #BDEAC8;
    box-shadow: 0 4px 20px 0px rgb(0 0 0 / 10%),
    0 7px 10px -5px rgb(83 163 102 / 45%)
}
.sidebar .nav li.active>a, .sidebar .nav li.active>a i {
    color: #000;
}

.font-weight-600{
    font-weight: 600;
}

.font-weight-700{
    font-weight: 700;
}
.text-sm {
    line-height: 1.5;
}
.text-xs{
    font-size: 14px;
}
.text-gray{
    color: #7b809a;
}
.text-end{
    text-align: right;
}
.text-green{
    color: #5fb563;
}

.btn.btn-warning {
    color: #fff;
    background-color: #58a361;
    border-color: #58a361;
    box-shadow: 0 2px 2px 0 rgb(88 163 97 / 14%), 0 3px 1px -2px rgb(88 163 97 / 20%), 0 1px 5px 0 rgb(88 163 97 / 12%);
}
.btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning:hover {
    box-shadow: 0 14px 26px -12px rgb(88 163 97 / 42%), 0 4px 23px 0px rgb(88 163 0 / 12%), 0 8px 10px -5px rgb(255 152 0 / 20%);
}
.text-gray-db{
    color: #6D6D6D;
}
.custom-icon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    border-radius: 100em;
    background: linear-gradient(195deg,#66bb6a,#43a047);
}

.login-page-container {
    width: 460px;
    padding: 20px;
    border-radius: 6px;
    margin: 25px auto;
}
.btn-small {
    padding: 4px 12px;
}
.update-btn {
    background-color: transparent;
}
.input-group.group-container {
    border: 1px solid #dddddd;
    padding: 5px;
    border-radius: 4px;
}
.login-page-container h4.card-title {
    font-size: 24px;
    font-weight: 600;
}
.input-group.group-container input {
    padding: 0 10px;
}
.g-black{
 background-image: linear-gradient(195deg,#42424a,#191919);;
}

.g-pink{
    background-image: linear-gradient(195deg,#ec407a,#d81b60);
}

.g-green{
    background-image: linear-gradient(195deg,#66bb6a,#43a047);
}

.g-blue{
    background-image: linear-gradient(195deg,#49a3f1,#1a73e8);
}

.g-yellow{
        background-image: linear-gradient(195deg,#efbe50,#e8a91a);
}
.g-purple{
    background-image: linear-gradient(195deg,#9149f1,#5a1dab);
}
.g-orange{
    background-image: linear-gradient(195deg,#ffa86a,#f07d2a);
}
.btn-blank {
    border: none;
    background: none;
    cursor: pointer;
}
.btn-green{
    padding: 6px;
}
.text-dark-blue{
    color: #344767;
}
.custom-card {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
    border-radius: 10px;
}


.input-group.input-group-static label {
    margin-left: 0;
    margin-bottom: 0;
}

.input-group.input-group-dynamic .form-control:not(:first-child), .input-group.input-group-static .form-control:not(:first-child) {
    border-left: 0;
    padding-left: 0;
}
.input-group.input-group-static .form-control {
    width: 100%;
}
.form-sub-heading h4 {
    font-size: 22px;
    font-weight: 500;
}
.form-sub-heading {
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 40px;
}
.req{
    color: red;
    vertical-align: text-top;
}

.new-card {
    width: 620px;
    margin: 0 auto;
}

.new-card-icu{
    width: 767px;
    margin: 0 auto;
}

.text-center-about p{
    font-size: 20px;
    color: #000;
    font-weight: 400;
}
.card-sub-heading h3 {
    color: #7e8a44;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 5px;
}
.alert-custom {
    background: #f7fafe;
    border: 1px solid #d5e5fa;
    padding: 12px 20px;
    border-radius: 6px;
}

.text-section p {
    color: #AAAAAA;
    font-weight: 400;
}
button.btn-print {
    border: none;
    background-color: snow;
    color: #29aae2;
}
.card-heading h3 {
    font-size: 20px;
    font-weight: 500;
}

.list li {
    color: #AAAAAA;
    font-weight: 400;
    list-style-type: none;
    margin-bottom: 10px;
}
.text-section h3{
    font-size: 20px;
    font-weight: 500;
}
.fs-18{
    font-size: 18px;
}

.fs-18{
    font-size: 18px;
}
#test_type_symptoms .ms-options-wrap {
    width: 100%;
}

#test_type_symptoms .ms-options-wrap > button {
    border: none;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 11px;
}

#test_type_symptoms .ms-options-wrap > button:focus{
    outline: none;
    border-bottom: 1px solid #ffa726 ;
}
.select2-container {
    width: 100% !important;
}
.section.serach-section {
    position: absolute;
    right: 90px;
}
.search-btn-mobile {
    display: none;
}
.barcode-container p{
    font-weight: 400;
    color: #000;
}

.date-border-format {
    border: 1px solid #d2d2d2;
    padding: 8px 10px;
    text-align: left;
    width: 120px;
    color: #999999;
    border-radius: 8px;
    border-left: 4px solid #67af56;
    background-color: transparent;
}
 .card .card-header-warning:not(.card-header-icon):not(.card-header-text) {
    background: linear-gradient(60deg, #26c6da, #00acc1);
    box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(0 188 212 / 40%)
}
.db-table-custom tr th, .db-table-custom tr td {
    font-size: 14px !important;
    padding: 12px 20px !important;
}
.db-table-custom tr th{
    font-weight: 600 !important;
}
.db-table-custom tr td{
    font-weight: 400;
}

body.login nav.navbar .navbar-toggler,
body.login nav.navbar ul.navbar-nav {
    display: none;
}
.document-name a {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    display: block;
}

.document-name a:hover{
    color: #5a1dab;
}
.welcome-text {
    font-size: 42px;
    font-weight: 500;
}
.dataTable>thead>tr>th,
.dataTable>tbody>tr>td {
    padding: 8px 25px !important;
}
table.dataTable>thead .sorting:before {
    right: 6px;
    top: 2px;
}
table.dataTable>thead .sorting:after {
    right: 0;
    top: 3px;
}

.collapsed.collapse-btn{
    background: url('../img/arrowdown.svg') no-repeat 0 7px;
}

.collapse-btn{
    background: url('../img/arrowtop.svg') no-repeat 0 7px;
}

.collapse-btn {
    color: #7e8a44;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 5px;
    text-align: left;
    padding-left: 22px !important;
}

.collapse-btn:focus{
    outline: none;
}
.sign-up-sub-heading h3 {
    font-size: 15px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #d2d2d2;
    color: #333;
    padding-bottom: 6px;
}
input.form-control-signup,
select.form-control-signup {
    appearance: none;
    display: block;
    width: 100%;
    height: 40px;
    padding: 12px 12px 9px;
    border: 1px solid rgb(166 177 241);
    border-radius: 8px;
    font-size: 15px;
    line-height: 20px;
    color: rgb(40, 55, 121);
}
select.form-control-signup{
    padding: 0 12px;
}
label.signup-label {
    display: block;
    width: 100%;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 15px;
    line-height: 17px;
    color: rgb(40, 55, 121) !important;
    text-align: left;
}

  .radio input[type=radio] {
    position: absolute;
    opacity: 0;
  }
  label.radio-label {
    color: #283785 !important;
}
  .radio input[type=radio] + .radio-label:before {
    content: "";
    background: #ffffff;
    border-radius: 100%;
    border: 1px solid #a6b1f1;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: -0.2em;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}
  .radio input[type=radio]:checked + .radio-label:before {
    background-color: #43A047;
    box-shadow: inset 0 0 0 4px #f4f4f4;
  }
  .radio input[type=radio]:focus + .radio-label:before {
    outline: none;
    border-color: #43A047;
  }
  .radio input[type=radio]:disabled + .radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
  }
  .radio input[type=radio] + .radio-label:empty:before {
    margin-right: 0;
  }

  .data-show-div h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 2px;
}

.view-img img{
    width: 150px;
    height: 150px;

}

img.sign-top{
    max-width: 100%;
    height: 100px;
}
.order-details-top p strong {
    color: #2f3e83;
}
/* .btn.btn-success {
    color: #fff;
    background-color: #2f3e83;
    border-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgb(47 62 131 / 27%), 0 3px 1px -2px rgb(47 62 131 / 42%), 0 1px 5px 0 rgb(47 62 131 / 24%);
} */
label.form-check-label.view-check {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #3C4858 !important;
}
.patient-details-heading {
    font-size: 22px !important;
    font-weight: 600;
}

.search-top-bar {
    max-width: 400px;
}
.search-top-bar button {
    width: 120px !important;
    border-radius: 8px;
    margin-left: 20px;
    border: none !important;
}
.pr-container {
    min-height: 400px;
    justify-content: center;
    max-width: 640px;
    box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.10);
}
.pr-btn-blue {
    background-color: #43A047 !important;
    color: #fff !important;
}
.btn-cancel {
    background-color: #f74747 !important;
    color: #fff !important;
}
.custom-modal-headers h5 {
    font-weight: 600;
}
.pr-custom-modal .modal-content {
    box-shadow: none;
    border: none !important;
}
.db-filter-table table.table td, .db-filter-table table.table th {
    white-space: nowrap;
    font-size: 13px !important;
}
.search-container input {
    border: 1px solid #999999;
    padding: 8px 15px;
    font-weight: 400;
    font-size: 14px;
}
.search-container {
    column-gap: 10px;
}
.custom-modal-material .modal-content {
    box-shadow: none;
    border: none;
}
.custom-modal-material h5 {
    font-weight: 500;
}

@media screen and (max-width: 1366px) {
    .custom-data h3 {
        font-size: 26px !important;
    }
    .text-sm {
        font-size: 15px;
    }
}


@media screen and (max-width: 1280px) {
.user_name_date_time h2 {
    font-size: 17px !important;
}
.order-details-top p {
    font-size: 18px !important;
}
.user_name_date_time span {
    font-size: 14px !important;
}
.order-activity p {
    font-size: 16px !important;
}
.user_pic svg {
    width: 38px !important;
    height: 38px !important;
}
.custom-data h3 {
    font-size: 24px !important;
}
.text-sm {
    font-size: 14px;
}
}

@media screen and (max-width: 767px) {
    .profile-right h2 {
        font-size: 20px;
    }
    .profile-img img {
        width: 200px;
    }
}

@media screen and (max-width: 767px) {
.signature-pad-form canvas.signature-pad {
    width: 100%;
    height: 133px;
}
.profile-img {
    text-align: center;
    margin-bottom: 24px;
}

.custom-select2 .multi-select-menu {
    max-height: 220px;
    height: 220px;
    overflow-y: auto;
    top: 30px !important;
    border-radius: 4px;
    z-index: 100 !important;
}
/* .navbar-wrapper {
    margin: 0 auto;
} */
.navbar .navbar-brand {
    display: block;
    height: auto !important;
    margin: 0 auto;
}
.section.serach-section {
    right: 65px;
}
.navbar .navbar-wrapper {
    margin: 0 auto;
}
.welcome-text {
    font-size: 34px;
}
}

@media screen and (max-width: 640px) {
    .main-panel>.content {
        padding: 15px 0;
        min-height: 100%;
    }
    .new-card {
        width: 100%;
    }
    .text-center-about p {
        font-size: 18px;
    }
    .welcome-text {
        font-size: 32px;
    }
    .form-sub-heading{
        margin-bottom: 0px;
    }
    .section.serach-section{
        display: none;
    }
    .search-btn-mobile {
        display: block;
        border: none;
        position: absolute;
        right: 55px;
        top: 15px;
    }
    #myDIV{
        width: 100%;
        /* padding: 0 15px; */
    }
    #myDIV span.twitter-typeahead {
        width: 100%;
    }
    #myDIV input.form-control.typeahead.tt-input {
        width: 100% !important;
        padding: 0 0 !important;
    }
    #myDIV .tt-menu {
        width: 100% !important;
    }
    #myDIV .tt-menu .tt-dataset {
        width: 100% !important;
    }
    button.search-btn-mobile {
        background-color: transparent;
    }
    button.search-btn-mobile:focus{
        outline: none !important;
    }
    .navbar .navbar-brand{
        font-size: 16px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
    .welcome-text {
        font-size: 26px;
    }
    .main-panel .navbar-wrapper {
        margin-left: 0;
        width: calc(100% - 85px);
    }
    .main-panel .navbar a.navbar-brand {
        width: 100%;
        margin-left: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
  }


@media screen and (max-width: 479px) {



    span.twitter-typeahead,
    .typeahead,
    .tt-menu .tt-dataset,
    .input-group.input-group-static .form-control {
        width: 100% !important;
    }
    .tt-menu {
        left: 0;
        right: 0;
    }
    .date-border-format {
        padding: 5px 8px;
        width: 92px;
    }
  }

  @media print {
    .sidebar {
        display: none;
    }

    .welcome-text {
        font-size: 22px;
    }

 }

 @media screen and (max-width: 320px) {
    .date-border-format {
        padding: 5px 8px;
        width: 74px;
    }
 }


 div.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
}
.sidebar .nav p.nav-text-sidebar {
    font-weight: 500;
    color: #252525 !important;
    font-size: 15px;
}
.table-responsive thead th,
.one-line-table thead th {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #212950;;
}
.table-responsive tbody td,
.one-line-table tbody td {
    font-size: 15px;
}


.sidebar .sidebar-wrapper,
.sidebar .logo {
    background: white;
}
.sidebar {
    box-shadow: none !important;
}
.sidebar .nav li a, .sidebar .nav li .dropdown-menu a {
    margin: 4px 0px !important;
    padding: 6px 10px;
    margin-right: 0 !important;
    border-radius: 0;
}
a.back-btn {
    color: #252525;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 500;
}
.table-add-more th {
    font-size: 14px !important;
    font-weight: 600 !important;
}
.sidebar .nav i {
    color: #807d7d;
    margin-right:5px !important;
}
.sidebar .nav p.nav-text-sidebar {
    color: #4e4e4e;
}
.sidebar .nav li.active>a {
    box-shadow: none !important;
    background-color: #43a047;
}
.sidebar .nav li.active>a i,
.sidebar .nav li.active>a p {
    color: #fff !important;
}
.btn-custom {
    display: block;
    background: #f6fff2;
    border: 2px solid #30860d;
    border-radius: 6px;
    padding: 12px;
    color: #30860d;
    font-weight: 600;
    font-size: 14px;
}
#jquery-error-msg {
    font-size: 14px;
    font-weight: 500;
}
.btn-blue {
    background-color: #43a047;
}
.btn-blue:hover{
    background-color: #29720d;
}
.table-custom-header h4 {
    font-size: 18px;
    font-weight: bold !important;
    color: #333;
}
.text-blue{
    color: #43a047;
}
.text-top a{
    font-weight: 500 !important;
}

.signup-form {
    background-color: #fafbff;
    max-width: 650px;
    margin: 0 auto;
    padding: 25px;
    box-shadow: 0 0 25px 2px #353e8317;
    border-radius: 6px;
    border: 1px solid #c2cbf7;
}
.login-title h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px !important;
    margin-top: 10px !important;
    color: #43A047;
}
.logo a {
    width: 70%;
    margin: 0 auto;
}
.location-select label {
    display: block;
}
.location-select .multi-select-container span.multi-select-button {
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    border-color: #d2d2d2;
}
.location-select .multi-select-container span.multi-select-button {
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    border-color: #d2d2d2;
    padding: 0.5em 0.6em;
}
.location-select .multi-select-container span.multi-select-button:after {
    right: 10px;
    position: absolute;
    top: 20px;
}
.location-select .multi-select-container {
    width: 100%;
}
.multi-select-menu {
    max-height: 400px;
    height: 400px;
    overflow-y: auto;
    top: 25px !important;
    border-radius: 6px;
}
.card .card-header-blue:not(.card-header-icon):not(.card-header-text) {
    FONT-WEIGHT: 100;
    background: linear-gradient(60deg, #43A047, #43A047);
    box-shadow: none !important;
}
.form-check, label {
    font-size: 15px !important;
    color: #8d8d8d !important;
    line-height: normal !important;
}
.form-control, .is-focused .form-control {
    background-image: linear-gradient( to top, #2f3e93 2px, rgba(156, 39, 176, 0) 2px ), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

.submit-btn{
    max-width: 200px;
    width: 100%;
    margin: 0 auto;
}
.sign-up-header h3 {
    font-size: 26px;
    font-weight: 600;
}

.user_pic svg{
    width: 42px;
    height: 42px;
}

.user_name_date_time h2 {
    font-size: 20px;
    font-weight: 600;
}
.user_name_date_time span{
    font-size: 16px;
}
.user_name_date_time span svg {
    vertical-align: text-bottom;
}
.order-activity p{
    font-size: 17px;
    margin-bottom: 3px;
}

.activity-container {
    background-color: #f7f7f7;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 16%);
    margin-bottom: 25px;
}
.order-details-top p {
    font-size: 22px;
    /* margin-bottom: 12px; */
}
/* .custom-pagination svg {
    width: 20px;
} */
/* .sidebar .nav li>a i,
.sidebar .nav li>a p{
    color: red;
} */

/* .btn-blue[type="navigation-small-signed-out"]:hover::before {
    box-shadow: rgb(178 221 237) 300px 0px 0px inset;
}
.btn-blue:hover::before {
    box-shadow: rgb(178 221 237) 300px 0px 0px inset;
}
.btn-blue::before {
    box-shadow: rgb(178 221 237) 0px 0px 0px inset;
}

.btn-blue::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 27px;
    background: transparent;
    transition: all 0.6s cubic-bezier(0.5, 0.24, 0, 1) 0s;
} */

.custom-calender .datepicker {
    width: 100%;
}


input.form-control-custom, select.form-control-custom {
    appearance: none;
    display: block;
    width: 100%;
    padding: 7px 15px 7px;
    border: 1px solid #c7c7c7;
    border-radius: 8px;
    font-size: 15px;
    color: #252525;
    font-weight: 500 !important;
}
.custom-label {
    font-size: 14px !important;
    color: #252525 !important;
    font-weight: 500 !important;
}
.form-control-custom[readonly] {
    background-color: #e9e9e9;
}
.remove-field{
    border: none;
    background-color: transparent;
}
.text-add-without-btn {
    background-color: transparent;
    border: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    column-gap: 7px;
    color: #3F51B5;
    font-weight: 600;
}
/* select.form-control-custom{
    line-height: 16px;
} */

.custom-select2 span.select2-selection {
    height: auto !important;
    padding-top: 5px !important;
    border-color: #c7c7c7 !important;
    border-radius: 8px !important;
    padding: 5px 15px 5px  !important;
}

.custom-select2 span.multi-select-button {
    width: 100%;
    display: block;
    max-width: 100%;
    box-shadow: none;
    border-color: #c7c7c7;
    padding-top: 7px;
    padding-bottom: 7px;
}
.custom-select2 .multi-select-container {
    width: 100%;
}
.count-new {
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    font-size: 9px;
    font-weight: 600;
}
.toggle-on {
    font-size: 13px !important;
    color: #fff !important;
    font-weight: 500 !important;
}
.toggle-off {
    font-size: 13px !important;
    color: #201f1f !important;
    font-weight: 500 !important;
}

.profile-img img{
    width: 300px;
    border-radius: 4px;
}
.profile-right h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 7px;
    color: #43A047;
}
.profile-right p {
    margin-bottom: 7px;
    font-size: 20px;
    color: #252525;
    font-weight: 500;
}

input#formFileSm {
    border: 1px solid #ccc !important;
    border-radius: 5px;
    padding: 7px;
    width: 100%;
}
 /* custom-checkbox */
 .custom-checkbox .btn-group{
    width: 100% !important;
 }
.custom-checkbox button.multiselect{
    width: 100% !important;
}

.custom-checkbox ul.multiselect-container {
    position: absolute !important;
    top: 40px !important;
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
}
.multiselect-container > li > a > label:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background-color: transparent;
    margin-right: 10px;
    vertical-align: middle;
    top: -2px;
}
.multiselect-container > li.active > a > label:before {
    font-family: 'fontAwesome';
    content: "\f00c";
    color: #fff;
    background-color: #52de97;
    border: 0;
    display: inline-block;
    padding: 0;
    line-height: 1.2;
    padding-left: 2px;
}
.multiselect-container > li > a > label > input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.custom-checkbox .dropdown-menu a:hover {
    background-color: transparent;
    box-shadow: none;
    background-color: #eee;
}
.custom-checkbox .dropdown-menu a label {
    margin-bottom: 0;
    font-size: 16px !important;
}
.custom-checkbox button.multiselect {
    width: 100% !important;
    text-align: left;
    background-color: transparent;
    border: 1px solid #c7c7c7 !important;
    box-shadow: none !important;
    border-radius: 6px;
    color: #252525;
}

.custom-checkbox button.multiselect:hover {
    background-color: transparent;
    box-shadow: none !important;
    color: #252525;
}

.sidebar .nav li.nav-item .nav {
    background-color: #efefef;
}


/* track */

.tracking-detail {
    padding: 3rem 0;
  }
  #tracking {
    margin-bottom: 1rem;
  }
  [class*="tracking-status-"] p {
    margin: 0;
    font-size: 1.1rem;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
  }
  [class*="tracking-status-"] {
    padding: 1.6rem 0;
  }
  .tracking-list {
    border: 1px solid #e5e5e5;
  }
  .tracking-item {
    border-left: 4px solid #00ba0d;
    position: relative;
    padding: 2rem 1.5rem 0.5rem 2.5rem;
    font-size: 0.9rem;
    margin-left: 3rem;
    min-height: 5rem;
  }
  .tracking-item:last-child {
    padding-bottom: 4rem;
  }
  .tracking-item .tracking-date {
    margin-bottom: 0.5rem;
  }
  .tracking-item .tracking-date span {
    color: #888;
    font-size: 85%;
    padding-left: 0.4rem;
  }
  .tracking-item .tracking-content {
    padding: 0.5rem 0.8rem;
    background-color: #f4f4f4;
    border-radius: 0.5rem;
  }
  .tracking-item .tracking-content span {
    display: block;
    color: #767676;
    font-size: 14px;
    font-weight: 500;
  }
  .tracking-item .tracking-icon {
    position: absolute;
    left: -0.7rem;
    width: 1.1rem;
    height: 1.1rem;
    text-align: center;
    border-radius: 50%;
    font-size: 1.1rem;
    background-color: #fff;
    color: #fff;
  }

  .tracking-item-pending {
    border-left: 4px solid #d6d6d6;
    position: relative;
    padding: 2rem 1.5rem 0.5rem 2.5rem;
    font-size: 0.9rem;
    margin-left: 3rem;
    min-height: 5rem;
  }
  .tracking-item-pending:last-child {
    padding-bottom: 3rem;
  }
  .tracking-item-pending .tracking-date {
    margin-bottom: 0.5rem;
  }
  .tracking-item-pending .tracking-date span {
    color: #888;
    font-size: 85%;
    padding-left: 0.4rem;
  }
  .tracking-item-pending .tracking-content {
    padding: 0.5rem 0.8rem;
    background-color: #f4f4f4;
    border-radius: 0.5rem;
  }
  .tracking-item-pending .tracking-content span {
    display: block;
    color: #767676;
    font-size: 14px;
    font-weight: 500;
  }
  .tracking-item-pending .tracking-icon {
    line-height: 2.6rem;
    position: absolute;
    left: -0.7rem;
    width: 1.1rem;
    height: 1.1rem;
    text-align: center;
    border-radius: 50%;
    font-size: 1.1rem;
    color: #d6d6d6;
  }
  .tracking-item-pending .tracking-content {
    font-weight: 600;
    font-size: 17px;
  }

  .tracking-item .tracking-icon.status-current {
    width: 1.9rem;
    height: 1.9rem;
    left: -1.1rem;
  }
  .tracking-item .tracking-icon.status-intransit {
    color: #00ba0d;
    font-size: 0.6rem;
  }
  .tracking-item .tracking-icon.status-current {
    color: #00ba0d;
    font-size: 0.6rem;
  }

  .db-filter-table .dt-scroll-body {
    height: calc(100vh - 335px) !important;
    max-height: 100% !important;
}

.sidebar .nav li:hover>a {
    background-color: #deffdf !important;
    color: #43A047 !important;
}


  @media (min-width: 992px) {
    .tracking-item {
      margin-left: 10rem;
    }
    .tracking-item .tracking-date {
      position: absolute;
      left: -10rem;
      width: 7.5rem;
      text-align: right;
    }
    .tracking-item .tracking-date span {
      display: block;
    }
    .tracking-item .tracking-content {
      padding: 0;
      background-color: transparent;
    }

    .tracking-item-pending {
      margin-left: 10rem;
    }
    .tracking-item-pending .tracking-date {
      position: absolute;
      left: -10rem;
      width: 7.5rem;
      text-align: right;
    }
    .tracking-item-pending .tracking-date span {
      display: block;
    }
    .tracking-item-pending .tracking-content {
      padding: 0;
      background-color: transparent;
    }
  }

  .tracking-item .tracking-content {
    font-weight: 600;
    font-size: 17px;
  }

  .blinker {
    border: 7px solid #e9f8ea;
    animation: blink 1s;
    animation-iteration-count: infinite;
  }
  .tracking-date i.material-icons {
    color: #b5b5b5;
}
  @keyframes blink { 50% { border-color:#fff ; }  }



  .folder-color{
    color: #f9c34a;
  }
  .sidebar .nav li.nav-item .nav li a i {
    font-size: 19px !important;
    vertical-align: middle !important;
    position: relative;
    top: 4px;
}

.icon-profile-page {
    vertical-align: bottom;
    color: #908f8f;
    margin-right: 5px;
}


.sidebar .nav li:hover>a{
    background-color: rgb(236 240 255);
    color: #43A047;
}

.sidebar .nav li:hover>a i,
.sidebar .nav li:hover>a p{
    color: #43A047 !important;
}

.tbl-icon {
    font-size: 14px !important;
    position: relative;
    top: -1px !important;
    margin-right: 3px;
}

a.link-color {
    color: #2196f3;
    font-weight: 500;
}

.serach-section input.form-control.typeahead {
    border: 1px solid #ddd;
    background-image: none;
    background: #f5f5fd !important;
    border-radius: 4px;
    padding: 0 8px !important;
}
.profile-name h2 {
    font-size: 26px;
    font-weight: 600;
    margin-top: 6px;
}

.profile-name button {
    background-color: #f1f3f4;
    border: none;
    font-size: 18px;
    font-weight: 500;
    padding: 8px 20px;
    border: 1px solid silver;
    border-radius: 6px;
}
.profile-name button i {
    font-weight: 500;
    position: relative;
    top: 1px;
    padding-right: 5px;
}

.profile-name h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}

.updates span {
    position: relative !important;
    top: -2px !important;
}
.icon-btn i {
    font-size: 18px !important;
    font-weight: 600;
    cursor: pointer;
}
.icon-btn {
    padding: 0 8px 0 0;
    border: none !important;
    width: auto;
}
.patient-documents h4 {
    font-size: 24px;
    font-weight: 700 !important;
}
.patient-documents div {
    font-size: 18px;
}
.accession-filter label {
    font-size: 14px !important;
    margin-bottom: 5px;
}
.custom-data h3 {
    font-size: 30px;
    color: #000;
    font-weight: 700;
}

.medical-deails h3{
    font-size: 24px;
}
.p-container a:last-child {
    background: #f5f5fd;
}
.p-container a {
    border-radius: 7px;
    margin-right: 20px;
    font-weight: 600;
}
h4.p-heading {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
}
/* font-weight */
.fw-700{
    font-weight: 700;
}

.datatable-custom-filter .dataTables_filter {
    max-width: 220px;
    margin-left: auto;
    w: 100%;
}


.datatable-custom-filter .dataTables_filter label {
    width: 100%;
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    display: flex;
    align-items: center;
    font-size: 14px !important;
}
.view-section-heading {
    border-bottom: 1px solid #c1c1c1;
}
.view-section-heading h3 {
    font-size: 17px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 5px;
    color: #43A047;
}
table.view-table {
    table-layout: fixed;
    width: 100%;
}
table.view-table tr td {

}
table.view-table tr td strong {
    font-weight: 600;
}
.yes_no span {
    display: block;
    max-width: 60px;
    padding: 10px 0;
}
.datatable-custom-filter .pagination {
    justify-content: end;
}
.datatable-custom-filter .dataTables_info, .datatable-custom-filter .dataTables_length  {
    display: none;
}