/*---------------------------- Loader Start ----------------------------*/
.inLoaderProcess {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #00000045;
    z-index: 9999999;
    opacity: 0.80;
    filter: alpha(opacity=80);
    min-height: 100%;
    width: 100%;
}

.inLoader {
    top: 40% !important;
    left: 50% !important;
    position: fixed !important;
    z-index: 999999999 !important;
}

.loader,
.loader:before,
.loader:after {
    background: #1A73E8;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}

.loader {
    color: #1660c18f;
    text-indent: -9999em;
    margin: 88px auto;
    position: relative;
    font-size: 8px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

    .loader:before,
    .loader:after {
        position: absolute;
        top: 0;
        content: '';
    }

    .loader:before {
        left: -1.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .loader:after {
        left: 1.5em;
    }

@-webkit-keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

@keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}
/*---------------------------- Loader End ----------------------------*/


.DtFocus {
    border: 1px solid #d2d6da !important;
}

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

body {
    font-family: Manrope !important;
}

.card {
    font-family: Manrope !important;
}

/* Password div Start */
.validPw {
    color: green;
}

.invalidPw {
    color: red;
}

/* Password div End */


/*Phy current schedul physician drop down  start*/
#PhyCurrSdul, #Approvalstatus, #TimeZone, #TimeZoneData, #ContactType, #SyncType, #SyncStatus {
    border: 1px solid #d2d6da;
    border-radius: 5px;
    height: 43px;
    width: 190px;
}
/*Phy current schedul physician drop down end */

/*Date Range Picker*/
#DateRangeFilter {
    border: 1px solid #d2d6da;
    border-radius: 5px;
    height: 43px;
    width: 250px;
}
/*Date Range picker*/

.reportCard {
    height: 208px;
}

#physcianSdulFilter {
    column-gap: 10px;
}

.physcianSdulWidth {
    width: 200px;
}

/*advance search close button*/
#advSrchCloseicon, #contactCloseicon {
    color: black;
    cursor: pointer;
    border-radius: 12px;
     padding: 2px;
}

    #advSrchCloseicon:hover {
        background-color: lightgray;
    }

    #contactCloseicon:hover {
        background-color: lightgray;
    }
/*---------------------------------*/

/*-------dashboard start-------------------*/
.count {
    float: right;
    font-weight: bold;
    color:black;
}

.card-title {
    color: black; 
    font-size: 14px;
    margin-bottom: 10px;
    font-weight:bolder;
}

.custom-container {
    border: 1px solid #ddd; 
    padding: 7px; 
}

.nav-Margin {
    margin: 0px 5px;
}

#myLineChart {
    height: 390px; 
}

/* Style for the container div */
.dashboarddateRange {
    display: inline-block;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
    height: 45px;
}

    /* Style for the calendar icon */
    .dashboarddateRange .fa-calendar {
        color: #3498db;
    }

    /* Style for the caret-down icon */
    .dashboarddateRange .fa-caret-down {
        color: #3498db;
    }

    /* Style for the date text */
    .dashboarddateRange span {
        color: #0033b2;
        font-weight: bold;
    }

    /* Add hover effect for the container */
    .dashboarddateRange:hover {
        background-color: #e2e2e2;
    }
/*-------dashboard end-------------------*/
/*------Grid notschedule-----------------*/
#notScheduleGridHours_QCGridPager {
    height: 61px;
}

#scheduleGridHours_QCGridPager {
    height: 61px;
}
/*-----------------------*/
.flex-container {
    display: flex;
    justify-content: space-between;
}

.flex-item {
    flex: 1;
    margin: 0 5px;
}
/*Schdule nevigation link*/
.SchduleDrLink{
    cursor:pointer;
}
.SchduleDrLink:hover {
    color: blue;
        
}
/*---------------------------*/
.btn {
    border-radius: 10px; 
    transition: all 0.3s ease; 
}