body {
   
}

/* Set padding to keep content from hitting the edges */
.body-content {
    
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.patient-header-info {
    width: 100%;
    background-color: #20a8d8;
    vertical-align: top;
    padding: 5px 10px;
    color: #eee;
    font-size: 16px;
}

/* BOOTSTRAP / COREUI OVERRIDES BEGIN */
.col-form-label {
    margin-bottom:2px;
}
.modal-body-form {
    padding:2px;
}
.breadcrumb {
    margin-bottom:0px;
    padding:0.5rem 0.5rem;
}
.breadcrumb-menu .btn {
    vertical-align: middle;
    color: #20a8d8;
}
.app-header .navbar-brand {
    background-color: #24282c;
    color:white;
    width: 240px;
}
.brand-minimized .app-header .navbar-brand {
    background-color: #24282c;
}
.navbar-brand {
    transition: margin-left .25s,margin-right .25s,width .25s,flex .25s,-ms-flex .25s;
}
.form-control:disabled, .form-control[readonly] {
    border: solid 1px #c7cacd;
}
/*
.input-group-addon {
    padding: 2px 4px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 0px;
    font-size: 12px;
}

    .input-group-addon:first-child {
        border-left-width: 1px;
    }

    .input-group-addon:last-child {
        border-right-width: 1px;
    }*/

.bootbox-body {
    font-size:medium;
    padding:0.5rem;
    text-align:center;
}

.consent-form .bootbox-body {
    text-align: left;
    max-height:65vh;
    overflow:auto;
}

.bootbox-input-select {
    max-width: initial;
}

.font-weight-semibold {
    font-weight:500;
}


html:not([dir=rtl]) .aside-menu {
    margin-right: 0px;
}

.aside-menu {
    width: 300px;
}

/* BOOTSTRAP / COREUI OVERRIDES END */
/* KENDO OVERRIDES BEGIN */
.dropdown-header {
    padding: 3px;
    font-weight: bold;
}

.k-grid-header th.k-header {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 96%;
}
.k-datepicker, .k-autocomplete, .k-dropdown {
    width: 100%;
}

li.k-list-item {
    display:block;
}
.k-list-item-text span {
    display: block;
    float:left;
}
.k-menu-vertical > .k-menu-item + .k-menu-item {
    margin-top:0px;
}
.k-datepicker > .k-input-button, 
.k-datepicker > .k-input-button.k-button {
    height: calc(1.4285714286em + 13px);
}

.k-timepicker > .k-input-button,
.k-timepicker > .k-input-button.k-button {
    height: calc(1.4285714286em + 13px);
}
/* KENDO OVERRIDES END */
/*JQUERY VALIDATION BEGIN*/
.ui-state-error-icon {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-top: 5px;
}

.ui-state-error-icon:before {
    content: "\f06a";
    font-family: FontAwesome;
    left: 2px;
    position: absolute;
    top: 2px;
    font-size: 14px;
    color: #e03838;
}

.k-window-footer {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    margin-top: 150px;
    padding: 19px 0 20px;
    text-align: right;
    border-top: 1px solid #ccc;
    background-color: #e5e5e5;
}

.k-window-footer button:last-child {
    margin-right:20px;
}
/*JQUERY VALIDATION END*/

/*BLINK  BEGIN*/
.blink {
    animation: blinker 1s linear infinite;
    -webkit-animation: blinker 1s linear infinite;
    -moz-animation: blinker 1s linear infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}
/*BLINK END*/

/* Screening Form (AdminSide) BEGIN */
.points {
    border-radius: 20px;
    padding: 10px;
    display: block;
    position: relative;
}

.tool-input {
}

.tool-option {
    display: block;
    cursor: pointer;
    padding: 0px 4px;
    border-radius: 5px;
    margin-bottom: 0px;
}

    .tool-option:hover {
        background-color: #20a8d8;
    }

.tool-option-td input[type="radio"]:checked + label {
    background-color: #20a8d8;
    font-weight: 500;
}

.tool-option.selected {
    background-color: red;
    color: white;
}

.question-option-label {
    margin-bottom: 0px;
}

.points {
    display: inline-block;
}

.table td.tool-option-td {
}

.scorecard {
    position: static;
    top: 0;
    z-index: 100;
}
/* Screening Form (AdminSide) END */

span.k-input-validation-icon {
    display: none !important;
}

/* Scheduling Appointments */
*#divDatetpicker .ui-datepicker-multi2 .ui-datepicker-group {
    float: none;
}

#divDatetpicker .ui-datepicker-group {
    width: 100%;
}

#divDatetpicker .ui-datepicker {
    width: 15em !important;
    font-size: 85% !important;
}

/* Bootstrap New */


.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1b8eb7;
    --bs-btn-hover-border-color: #1985ac;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3ea662;
    --bs-btn-hover-border-color: #3a9d5d;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754;
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f64846;
    --bs-btn-hover-border-color: #f63c3a;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545;
}

/* Bootstrap New End*/

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.k-autocomplete input {
    max-width: 100%;
}

.appt-legends ul li::marker {
    font-size: 190%;
}

.table td {
    vertical-align:middle;
}



/* BEGIN - NEW THEME OVERRIDE for Medworks */

/* Override primary button styles */
.btn-primary {
    background-color: var(--primary-color) !important; /* Your desired color */
    border-color: var(--primary-color-darker) !important;
}
    .btn-primary:hover {
        background-color: var(--primary-color-light) !important; /* Darker version of #363A71 */
        border-color: var(--primary-color-darker) !important;
        color: white;
    }

    .btn-primary:active,
    .btn-primary:focus,
    .btn-primary.active {
        background-color: var(--primary-color-light) !important; /* Even darker version of #363A71 */
        border-color: var(--primary-color-darker) !important;
        color: white;
        box-shadow: 0 0 0 0.2rem rgba(80, 70, 229, 0.5); /* Custom focus ring */
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        background-color: #7f77f2 !important; /* Lighter version of #363A71 */
        border-color: #7f77f2;
        color: rgba(255, 255, 255, 0.75);
    }

    .btn-primary:focus {
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(80, 70, 229, 0.5);
    }
/* Override other primary elements */
.bg-primary {
    background-color: var(--primary-color) !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

.border-primary {
    border-color: var(--primary-color-darken) !important;
}

a {
    color: var(--primary-color) !important;
}

    a.hover {
        color: #3c37bf !important;
    }

.sidebar {
    background-color: white !important;
}

.sidebar-minimized .sidebar .sidebar-minimizer {
    background-color: white !important;
}

.sidebar .nav-link.active {
    background-color: transparent !important;
    color: slategray !important;
    border-left:solid 4px var(--primary-color);
}
    .sidebar .nav-link.active .nav-icon {
        color: var(--sidebar-nav-icon) !important;
    }

.sidebar .nav-link:hover {
    background-color: var(--primary-color-light) !important;
    color: white !important;
}

    .sidebar .nav-link:hover .nav-icon {
        color: white !important;
        background-color: var(--primary-color-light) !important;
    }

.navbar-brand {
    background-color: var(--primary-color) !important;
}

.navbar-toggler {
    color: white !important;
}
    .navbar-toggler:focus {
        box-shadow: 0 0 0 var(--primary-color-light);
        background: var(--primary-color-light);
    }

.bg-primary {
    background-color: var(--primary-color) !important;
}

.btn-link {
    color: var(--primary-color);
}

.dropdown-item.active,
.dropdown-item:active {
    color: white !important;
    background-color: var(--primary-color-light) !important;
}

.badge-primary {
    background-color: var(--primary-color) !important;
}

.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(54, 58, 113, .25);
}

.app-footer {
    background:#fff;
}

.app-header {
    border-bottom:none;
}

.app-header .navbar-brand {
    background-color: #24282c;
    background-image: url(/content/images/medworks-logo.png);
    background-size: 160px;
    min-width: 160px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
}

.app-header a.navbar-brand,
.app-header .nav .nav-item a.nav-link {
    color: white !important;
}

.brand-minimized .app-header .navbar-brand .navbar-brand-full,
.brand-minimized .app-header .navbar-brand .navbar-brand-minimized {
    display: none;
}

.patient-header-info {
    background-color: var(--primary-color-light) !important;
}

.daterangepicker .ranges li.active {
    background-color: var(--primary-color-light) !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--primary-color-light) !important;
}
.daterangepicker td.in-range {
    background-color: rgba(54, 58, 113, 0.1) !important;
}
/*
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, 
.btn:first-child:active, .btn.active, .btn.show {
    color: var(--bs-btn-active-color);
    background-color: var(--primary-color);
    border-color: var(--primary-color-dark);
}
*/
a.btn-outline-primary {
    color: var(--primary-color) !important;
}

    a.btn-outline-primary:hover,
    a.btn-outline-success:hover,
    a.btn-outline-danger:hover,
    a:hover.btn-outline-primary,
    a:hover.btn-outline-success,
    a:hover.btn-outline-danger {
        color: white !important;
    }

.btn-primary:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(80, 70, 229, 0.5);
}

.btn-outline-primary {
    color: var(--primary-color);
    background-color: transparent;
    background-image: none;
    border-color: var(--primary-color);
}
    .btn-outline-primary:focus, .btn-outline-primary.focus,
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus {
        box-shadow: 0 0 0 0.2rem rgba(54, 58, 113, .25);
    }
    
    .btn-outline-primary:hover,
    .btn-outline-primary:not(:disabled):not(.disabled):active,
    .btn-outline-primary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: white;
        background-color: var(--primary-color-light);
        background-image: none;
        border-color: var(--primary-color);
    }

.btn-outline-primary {
    color: var(--primary-color);
    background-color: transparent;
    background-image: none;
    border-color: var(--primary-color);
}


.btn-outline-primary {
    --bs-btn-color: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary-color-light);
    --bs-btn-hover-border-color: var(--primary-color);
    --bs-btn-focus-shadow-rgb: 54, 58, 113;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-color);
    --bs-btn-active-border-color: var(--primary-color-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--primary-color-dark);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--primary-color-darker);
    --bs-gradient: none;
}

:root {
    --primary-color: #363A71;
    --primary-color-rgb: rgb(54, 58, 113);
    --primary-color-dark: #2b2e5a; /* darken(--primary-color, 20%);*/
    --primary-color-darker: #202344; /* darken(--primary-color, 40%);*/
    --primary-color-light: #5e618d; /* lighten (--primary-color, 20%);*/
    --primary-color-lighter: #8689A9; /* lighten (--primary-color, 40%);*/
    --sidebar-nav-icon: #363A71;
    --bs-link-color: #363A71;
}

/* END - NEW THEME OVERRIDE for Medworks */