@font-face {
    font-family: 'SolaimanLipi';
    src: url('../fonts/SolaimanLipi.ttf');
}

@font-face {
    font-family: 'NotoSerifBengali1';
    src: url('../fonts/hYkuPvggTvnzO14VSXltirUdnnkt1pwmWrprmO7RjE0a5BtdATYU1crFaM_5JfcAHkqg6rk.woff2');
}

@font-face {
    font-family: 'NotoSerifBengali2';
    src: url('../fonts/hYkuPvggTvnzO14VSXltirUdnnkt1pwmWrprmO7RjE0a5BtdATYU1crFaM_5JfcAHkqu6rngHw.woff2');
}

@font-face {
    font-family: 'NotoSerifBengali3';
    src: url('../fonts/hYkuPvggTvnzO14VSXltirUdnnkt1pwmWrprmO7RjE0a5BtdATYU1crFaM_5JfcAHkqy6rngHw.woff2');
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}



body {
    /*display: flex;
    flex-direction: column;
    min-height: 100vh;*/
    background-color: #fffaf0;
}

.navbar, .dropdown-menu {
    background: linear-gradient(90deg, #2b9348, #55a630);
}

    .dropdown-menu > li > a:hover {
        background: linear-gradient(90deg, #55a630, #2b9348);
    }

main {
    /*flex-grow: 1;*/
}

.home-body {
    font-family: 'Noto Serif Bengali', serif;
    background-color: #fffaf0;
}

.hero {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/images/homepage/1.png') center/cover no-repeat;
    padding: 150px 0px;
    color: white;
    text-align: center;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
}

.section-title {
    font-weight: bold;
    margin-bottom: 1rem;
    color: #0f5132;
}

.section-bg {
    background: linear-gradient(to bottom, #f0fff4, #d8f3dc);
}

.info-img {
    height: 220px;
    object-fit: cover;
}

.home-card-body {
    background-color: #e9fbe5;
    border-radius: 0 0 10px 10px;
}

footer {
    background: linear-gradient(45deg, #40916c, #2d6a4f);
    color: #fff;
    padding: 40px 0;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}


/*Verticle Height starts here*/
.vh-15 {
    height: 15vh !important;
}

.vh-25 {
    height: 25vh !important;
}

.vh-75 {
    height: 75vh !important;
}

.vh-77 {
    height: 77vh !important;
}

.vh-78 {
    height: 78vh !important;
}

.vh-795 {
    height: 79.5vh !important;
}

.vh-825 {
    height: 82.5vh !important;
}

.vh-84 {
    height: 84vh !important;
}

.vh-89 {
    height: 89vh !important;
}

.vh-90 {
    height: 90vh !important;
}

.vh-95 {
    height: 95vh !important;
}

.minvh-100 {
    min-height: 100vh !important;
}
/*Verticle height ends here*/

.w-90 {
    width: 90% !important;
}

.vw-99 {
    width: 99vw !important;
}

/*Padding Starts Here*/
.pt-01 {
    padding-top: 0.1rem !important;
}

.ps-1_2r {
    padding-left: 1.2rem !important;
}

.ps-45 {
    padding-left: 2rem !important;
}

.pe-1_2r {
    padding-right: 1.2rem !important;
}

.ps-2r {
    padding-left: 2rem !important;
}

.pe-2r {
    padding-right: 2rem !important;
}

.pe-25r {
    padding-right: 2.5rem !important;
}

.pt-2r {
    padding-top: 2rem !important;
}

.ps-3_1r {
    padding-left: 1.25rem !important;
}

.pt-3_1r {
    padding-top: 1.25rem !important;
}

.pe-45 {
    padding-right: 1.75rem !important;
}
/*Padding Ends Here*/
/*Calendar Design Starts Here*/
#calendar a.fc-col-header-cell-cushion {
    font-size: 1.5em;
    font-weight: bold;
}

#calendar a.fc-daygrid-day-number {
    font-size: 1.5em;
    font-weight: bold;
}

/*#calendar .fc-event {
    cursor: pointer;
}*/

#calendar .fc-col-header-cell {
    /*background-color: gray;*/
}

#calendar .fc-daygrid-day {
    cursor: pointer;
}

/*div[role="tooltip"] {
    background-color: Green !important;
    margin: 0px !important;
    padding: 0px !important;
    max-width: 600px !important;
}*/

.popover-header {
    margin: 0px !important;
}

.custom-tooltip {
    --bs-tooltip-bg: var(--bs-primary);
}

/*[role=columnheader] {
    background-color: black !important;
}*/

.fc-col-header-cell.fc-day {
    line-height: 30px;
}

.fc-col-header-cell {
    background-color: black !important;
}

.fc-col-header-cell-cushion {
    color: white !important;
    text-decoration: none;
}

.fc-daygrid-day-number {
    color: black !important;
    text-decoration: none;
}

.fc-day.fc-day-sun.fc-daygrid-day {
    background-color: steelblue;
}

.fc-day.fc-day-mon.fc-daygrid-day {
    background-color: steelblue;
}

.fc-day.fc-day-tue.fc-daygrid-day {
    background-color: steelblue;
}

.fc-day.fc-day-wed.fc-daygrid-day {
    background-color: steelblue;
}

.fc-day.fc-day-thu.fc-daygrid-day {
    background-color: steelblue;
}

.fc-day.fc-day-fri.fc-daygrid-day {
    background-color: grey;
}

.fc-day.fc-day-sat.fc-daygrid-day {
    background-color: grey;
}

.fc-day-today {
    background-color: greenyellow !important;
}

    .fc-day-today .fc-daygrid-day-frame {
        background-color: greenyellow !important;
    }

    .fc-day-today .fc-daygrid-day-bottom a {
        color: #4682B4 !important;
    }

.fc-daygrid-day-bottom a {
    color: #FFFF00 !important;
}
/*.fc-daygrid-day-frame::after {
    content: "Click to add schedule";
    padding: 2px;
    display: none;
    position: relative;
    top: -20px;
    right: -30px;
    width: 150px;
    text-align: center;
    background-color: #fef4c5;
    border: 1px solid #d4b943;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.fc-daygrid-day-frame:hover::after {
    display: block;
}*/


/*Calendar Design Ends Here*/

/* --Mouse hover dropdown starts here-- */
.dropdown:hover .dropdown-menu {
    display: block;
}
/* --Mouse hover dropdown ends here-- */

.prescriptionBackground {
    background-image: url('/images/doctor/trbgdoctor1.png');
    background-color: rgba(255,255,255,0.85);
    background-blend-mode: lighten;
    background-repeat: no-repeat;
    background-size: 350px; /*650px;*/
    background-position-y: top;
    background-position-x: center;
    /*height: 550px;*/
}

#the-canvas {
    /*border: 1px solid black;*/
    direction: ltr;
}


/*jQuery UI Starts Here*/

.ui-menu-item {
    background-color: #aae54f;
}

.ui-menu-item-alternate {
    background-color: #d3d352;
}
/*jQuery UI Ends Here*/

#appointmentTable > thead > tr > * {
    background-color: dimgray;
    color: white;
}

#appointmentTable > tbody > tr:nth-of-type(odd) > * {
    background-color: #75adf2;
    font-weight: bold;
}

#appointmentTable > tbody > tr:nth-of-type(even) > * {
    background-color: #6efaf1;
    font-weight: bold;
}

.table > thead > tr > * {
    background-color: dimgray;
    color: white;
    vertical-align: middle;
}

.table > tbody > tr:nth-of-type(odd) > * {
    background-color: #75adf2;
    font-weight: bold;
}

.table > tbody > tr:nth-of-type(even) > * {
    background-color: #6efaf1;
    font-weight: bold;
}

.patientAppointmentDate {
}

/*.tooltip {
    font-family: 'NotoSerifBengali3' !important;
    font-weight: bold !important;
    font-size: large !important;
    display: inline-block !important;
}*/

/*jQuery Tooltip*/
.ui-tooltip, .arrow:after {
    background: lightgrey;
    /*opacity: 1;*/
    border: 2px solid grey;
}

.ui-tooltip {
    padding: 10px 20px;
    color: orangered;
    border-radius: 20px;
    font: bold large 'NotoSerifBengali3' !important;
    /*text-transform: uppercase;*/
    box-shadow: 0 0 7px black;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

    .arrow.top {
        top: -16px;
        bottom: auto;
    }

    .arrow.left {
        left: 20%;
    }

    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        box-shadow: 6px 5px 9px -9px black;
        transform: rotate(45deg);
    }

    .arrow.top:after {
        bottom: -20px;
        top: auto;
    }

/*Pagination Starts Here*/

.paginationAnchor {
    line-height: normal;
    padding: 0.25rem 0.5rem 0.45rem 0.5rem !important;
}

/*Pagination Ends Here*/

.previousTestReports {
    height: 230px !important;
}

@supports(-ms-appearance:none) {
    .previousTestReports {
        height: 233px !important;
    }

    .pe-2r {
        padding-right: 3rem !important;
    }

    .pe-25r {
        padding-right: 2.5rem !important;
    }
}

@supports (-webkit-appearance:none) {
    .previousTestReports {
        height: 233px !important;
    }

    .pe-2r {
        padding-right: 3rem !important;
    }

    .pe-25r {
        padding-right: 2.5rem !important;
    }
}

@supports (-moz-appearance:none) {
    .previousTestReports {
        height: 234px !important;
    }

    .pe-2r {
        padding-right: 2rem !important;
    }

    .pe-25r {
        padding-right: 1.5rem !important;
    }
}

@supports (-o-appearance:none) {
    .previousTestReports {
        height: 233px !important;
    }

    .pe-2r {
        padding-right: 3rem !important;
    }

    .pe-25r {
        padding-right: 2.5rem !important;
    }
}