input:focus {
    outline: none !important;
}

*:focus {
    outline: none;
}



label.form-imagecheck input {
    position: absolute;
    z-index: 22;
    top: 5px;
    left: 5px;
    height: 17px;
    width: 17px;
    border: 1px solid #fff9 !important;
}

/*.form-imagecheck-image {
    height: 200px;
}*/

.form-label-description {
    color: #f10a0a !important;
}

a.table-icon .icon {
    width: 1rem;
    height: 1rem;
}

.col-freez, .th-freez {
    position: sticky;
    left: 0px;
    top: 0px;
}

td.col-freez {
    background-color: #fff !important;
}

tr.th-freez {
    background-color: #F2F3F4 !important;
}

td.col-freez:after {
    height: 100%;
    width: 1px;
    background-color: #f2f3f4;
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
}

.table-filter.py-3 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
}

.table-filter span {
    display: block;
    line-height: 22px;
}

span.user-name {
    display: inline-flex;
    line-height: 21px;
}

/*header.navbar {
    position: fixed; 
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 999;
}*/

/*.card-header {
    position: sticky;
    top: 55px;
    background: white;
    z-index: 888;
}

.table-filter {
    position: sticky;
    top: 108px;
    background: white;
    z-index: 888;
}

.page-wrapper .page-header {
    margin: 4rem 0 0;
}

.navbar-vertical.navbar-expand-lg {
    width: 13rem;
}

.navbar-expand-lg.navbar-vertical ~ .navbar, .navbar-expand-lg.navbar-vertical ~ .page-wrapper {
    margin-left: 13rem;
}

.card-header {
    padding: 0.6rem 1rem;
}*/

.py-3 {
    padding-top: 0.8rem !important;
    padding-bottom: 0.5rem !important;
}

label.form-label.lbl-btn {
    margin-top: 25px !important;
}


.patient-data .card-lg > .card-body {
    padding: 1rem !important;
}

.patient-data table.table {
    border: 1px solid #eee;
}

    .patient-data table.table tr td:first-child, .patient-data table.table tr th:first-child {
        border-right: 1px solid #eee;
    }

.patient-data .nav-tabs .nav-item.show .nav-link, .patient-data .nav-tabs .nav-link.active {
    color: #fff !important;
    background-color: #244b99;
    border-color: #244b99 #244b99 #f8fafc;
    border-radius: 25px !important;
}

.patient-data .nav-tabs a.nav-link {
    font-size: 15px;
    line-height: 20px;
    padding: 12px 25px;
    font-weight: 500;
    color: #244b99;
    margin: 0px 5px;
    border-color: #244b99;
    isolation: isolate;
    border-radius: 25px;
}

.patient-data .nav-tabs {
    border-bottom: 1px solid #244b99;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    justify-content: center;
}

.patient-data .markdown .card {
    border: 1px solid rgb(36 74 152);
}

.patient-data .markdown > table thead th, .patient-data .table thead th {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background: rgb(238 238 238 / 50%);
}

.patient-data .markdown > table > :not(caption) > * > *, .patient-data .table > :not(caption) > * > * {
    padding: .6rem .6rem;
    background-color: var(--tblr-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--tblr-table-accent-bg);
}

.patient-data .nav-tabs .nav-link:focus, .patient-data .nav-tabs .nav-link:hover {
    border-color: #244b99;
    isolation: isolate;
    border-radius: 25px;
    /* color: #244b99 !important; */
}


.login-screen {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    column-gap: 30px;
    left: 0;
    top: 0;
}

    .login-screen .left-box {
        width: 50%;
    }

        .login-screen .left-box img {
            height: 100%;
            width: auto;
            object-fit: cover;
            object-position: right;
            min-width: 100%;
        }

    .login-screen .right-box {
        width: 50%;
        padding: 50px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 30px;
    }

        .login-screen .right-box .logo {
        }

        .login-screen .right-box .form {
            width: 80%;
        }

            .login-screen .right-box .form .card.card-md .card-body h2.card-title {
                text-align: left;
                width: 100%;
            }

.btn-list .btn.user-btn .avatar.avatar-sm {
    background-size: auto 90%;
}

header .nav-item .btn-list .btn {
    pointer-events: none;
}

.left-menu-bottom-btn {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    margin-bottom: 30px;
}

    .left-menu-bottom-btn li a {
        background: #ffffff12;
        display: flex;
        align-items: center;
        /*justify-content: center;*/
        border-radius: 5px;
    }

        .left-menu-bottom-btn li a:hover {
            background: #fff;
        }

.multi-select-container--open .multi-select-menu {
    max-height: 500px;
    overflow: scroll !important;
    z-index: 9991 !important;
}
.header-top-menu-bar {
    flex-direction: initial !important;
    align-items: center;
    column-gap: 10px;
    width: 100%;
    justify-content: space-between !important;
}
    .header-top-menu-bar .col.top-drop-downmenu {
        flex: initial;
        width: 100%;
        max-width: 700px;
    }
header .btn-list {
    flex-wrap: initial;
}

.stickytop-bar {
    position: sticky;
    top: 0;
    z-index: 999;
    background: #fff;
}

.stickytop-bar-head {
    position: sticky;
    top: 40px;
    z-index: 999;
    background: #fff;
}

.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu a:hover, .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu a.active {
    background: #fff;
    color: #0c5687;
}
.dropdown-menu-column{padding:0 15px;}
.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu a{padding-left:30px !important;}