/*
 Theme Name:   KEM Directory
 Description:  bootScore Child Theme
 Author:       bootScore
 Author URI:   https://bootscore.me
 Template:     bootscore-main
 Version:      5.2.0.0
 Text Domain:  bootscore
*/

/* 
All style editing is done via scss/_bscore_custom.scss
*/

@font-face {
    font-family: 'Poppins';
    src: url("assets/fonts/Poppins-Regular.ttf");
    font-weight: 300
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url("assets/fonts/Poppins-Bold.ttf");
    font-weight: 600
}

@font-face {
    font-family: 'Poppins-Italic';
    src: url("assets/fonts/Poppins-Italic.ttf");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: 'Poppins-Light';
    src: url("assets/fonts/Poppins-Light.ttf");
    font-weight: 200
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url("assets/fonts/Poppins-Medium.ttf");
    font-weight: 400
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url("assets/fonts/Poppins-SemiBold.ttf");
    font-weight: 500
}


body{
    height: auto;
    max-width: 420px !important;
    margin: 0px auto !important;
    background-color: #faf9f9;
    font-family: "Poppins" !important;
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 7%); 
}

body.swal2-height-auto { height: 100% !important;}

.container, .container-sm, .container-md, .container-lg, .container-xl{max-width: 480px;}

body.page-id-28{ height: 100%; }




/*Header CSS*/
header#masthead img.logo {width: 100%;}
header#masthead {
    position: sticky;
    top: 0;
    padding-top: 30px;
    padding-bottom: 5px;
    background: #abc8e6;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    z-index: 4;
    margin-bottom: 20px;
}
header#masthead .profile {text-align: right;align-self: center;}
header#masthead #profile-name {color: white;font-size: 14px;font-weight: 400;}

/* Footer CSS */
footer .footer-tab {
    padding-top: 8px;
    padding-bottom: 24px;
    /*position: fixed;*/
    width: 100%;
    background-color: #abc8e6;
    bottom: 0;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    margin: 0;
}
footer .footer-tab .nav-tabs {border: 0;}
footer .footer-tab a.nav-link .img-fluid {filter: invert(97%) sepia(3%) saturate(0%) hue-rotate(334deg) brightness(101%) contrast(103%);}
footer .footer-tab a.nav-link  .img-fluid {width: 50%;max-width: 24px;height: 80%;object-fit: contain;}
footer .footer-tab a.nav-link  .t-center {display: block;font-size: 12px;white-space: nowrap;}
footer .footer-tab a.nav-link {position: relative;color: white;width: 25%;border: transparent;}



/* Global CSS  */
.fs-small { font-size: 12px; font-weight: 300;}
.fs-1 {font-size: 1rem}
.mr-20 {margin-right: 20px}
.mb-5 {margin-bottom: 5rem !important}
.text-right {text-align: right;}
.txt-green {color: #95c12b}
.txt-blue,.txt-blue:hover {color: #006cb5}
.txt-white,.txt-white:hover {color: #fff}
.txt-black,.txt-black:hover {color: #000}
.bg-green,.bg-green:hover,.bg-green.disabled, .bg-green.disabled:hover, .bg-green:disabled {background-color: #95c12b}
.bg-blue,.bg-blue:hover {background-color: #006cb5}
.accordion-button:focus{box-shadow: none;}




/* Listing Page  */
#accordionDepartment .accordion-item {
    margin-bottom: 0.5rem;
    border-radius: 10px !important;
    overflow: clip;
    border-radius: 10px;
    border: none;
    box-shadow: 0 1px 5px rgba(0,0,0,0.4);
    border-bottom: 2px solid #3388c3;
}
div#opd-days span {
    padding-inline: 5px;
    color: #696c70;
}

div#opd-days .active {
    color: #95c12b;
}

#accordionDepartment .accordion-button:not(.collapsed) {
    color: #95c12b;
    background-color: white;
    box-shadow: unset;
}
#accordionDepartment .accordion-button::after {
    background-image: url(assets/img/plus-solid.svg);
    filter: invert(60%) sepia(91%) saturate(336%) hue-rotate(36deg) brightness(96%) contrast(95%);
}
#accordionDepartment .accordion-button:not(.collapsed)::after {
    background-image: url(assets/img/minus-solid.svg);
    transform: var(--bs-accordion-btn-icon-transform);
    filter: invert(60%) sepia(91%) saturate(336%) hue-rotate(36deg) brightness(96%) contrast(95%);
}


.green-blue-bar{position: relative;padding-top: 30px;}
.green-blue-bar:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 0;
    width: 16px;
    height: 16px;
    background: #006cb5;
    z-index: 1;
    border-radius: 50%;
}
.green-blue-bar:after {
    background: rgb(149,193,43);
    background: linear-gradient(90deg, rgba(149,193,43,1) 10%, rgba(0,108,181,1) 100%);
    content: "";
    width: 90%;
    height: 3px;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 7px;
}


.dr-details-card {
    padding: 10px 15px;
    box-shadow: 0 5px 6px 1px rgb(0 0 0 / 21%);
    margin-bottom: 20px;
    border-radius: 5px;
}

.dr-details-card{font-family: "Poppins-Medium" !important;}



.bookmark-doctor-btn {
    float: right;
    border-radius: 10px;
    padding: 7px 7px;
    color: white;
    background: #95c12b;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
    border: none;
    font-weight: 100;
    display: flex;
    align-items: center;
    font-size: 12px;
}
.bookmark-doctor-btn img {
    width: 30px;
    height: 100%;
    object-fit: fill;
    display: block;
    margin-right: 10px;
    filter: invert(97%) sepia(3%) saturate(0%) hue-rotate(334deg) brightness(101%) contrast(103%);
}

button.bookmark-doctor-btn.remove-doctor-btn {
    background: #faf9f9;
    color: #333;
}
button.bookmark-doctor-btn.remove-doctor-btn img {
    filter: none;
}

.searchDoctorform input, .searchDoctorform select {
    box-shadow: 0 1px 5px rgba(0,0,0,0.4);
    border-bottom: 2px solid #3388c3;
    padding: 8px;
}


/* Login Page */
.kem-login-wrap{
    background-image: url("assets/img/cover-img.png");
    background-size: 100% 75vh;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.otp-fields input[type="tel"] {
    padding-inline: 0;
    text-align: center;
}

/* Edit/add Doctor Form CSS  */
input[type="text"], select[class="form-select"], input[type="time"], input[id="mobile_number"] {
    border-radius: 10px;
    font-weight: 300;
    padding-block: 0.6rem;
	text-align: left;
    padding-inline: 10px;
    font-size: 14px;
    border: none;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    color: #3388c3;
    border-bottom: 2px solid #3388c3;
}
.kem-add-edit-form{}
.kem-add-edit-form .form-label {
    margin-bottom: 0.3rem;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    position: relative;
    display: block;
}

.kem-add-edit-form .form-label::after {
    content: '';
    position: absolute;
    width: -webkit-fill-available;
    display: inline-block;
    margin-top: 11px;
    margin-left: 5px;
    margin-right: 14px;
    height: 2px;
    background: linear-gradient(to right, #9dc63c 0%, #006cb5);
    border-image-slice: 1;
}

.kem-add-edit-form .form-label::before {
    content: "";
    position: absolute;
    z-index: 1;
    background: #006cb5;
    height: 12px;
    width: 12px;
    right: 8px;
    bottom: 3px;
    border-radius: 50%;
}

.kem-add-edit-form label.check-btn {
    padding-inline: 0;
    padding-block: 8px;
    width: 100%;
    border-radius: 10px;
    border: none;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    border-bottom: 2px solid #3388c3;
    text-align: center;
}
.kem-add-edit-form .btn-check:checked+.check-btn {
    background-color: #95c12b;
    color: white;
}
footer{
	position:sticky;
	bottom:0;
	z-index:9;
}
#content{min-height:75vh;}
.hide, .hidden{display: none;}