.MainDivSelectDate {
/*    font-family: 'B Nazanin', Arial, sans-serif*/
}

.cardfooterlbl:hover {
    background-color: #B4E380
}


/*==============  Mobile   ==============*/
@media (min-width: 300px) and (max-width: 450px) {
    .lblselectDate {
        border: 0.3px dotted blue;
        border-radius: 5px;
        width: 34vw;
        margin-right: 5vw;
        margin-top: 15px;
        background-color: #F2F9FF
    }

    .cardheader {
        background-color: #8CC0DE;
        font-size: 14px
    }

    .lblHeaderCaption {
        width: 90%;
        border: 0.3px solid gray;
        padding-top: 5px;
        padding-bottom: 3px;
        margin-top: 5px;
        border-radius: 5px;
        background-color: #FEF9F2
    }

    .lblHeadertext{
        font-size:13.5px
    }



    .cardfooterlbl {
        width: 50px;
        border: 0.3px solid gray;
        border-radius: 4px;
        background-color: #B6EAFA;
        font-size: 14px
    }



        .cardbodyspan1 {
            width: 60px;
            font-size: 14px
        }

    .cardbodyspan2 {
        width: 60px;
        font-size: 14px;
        color:blue
    }

    .cardbodyspan3 {
        width: 60px;
        font-size: 14px
    }
}







/*==============  Mini Tablet   ==============*/
@media (min-width: 451px) and (max-width: 700px) {
    .lblselectDate {
        border: 0.3px dotted blue;
        border-radius: 5px;
        width: 21vw;
        margin-right: 5vw;
        margin-top: 15px;
        background-color: #F2F9FF;
    }

    .cardheader {
        background-color: #8CC0DE;
        font-size: 2.2vw;
    }


    .lblHeaderCaption {
        width: 90%;
        border: 0.3px solid gray;
        padding-top: 5px;
        padding-bottom: 3px;
        margin-top: 5px;
        border-radius: 5px;
        background-color: #FEF9F2
    }

    .lblHeadertext {
        font-size: 14.5px
    }


    .cardfooterlbl {
        width: 50px;
        border: 0.3px solid gray;
        border-radius: 4px;
        background-color: #B6EAFA;
        font-size:14px
    }

    .cardbodyspan1 {
        width: 50px;
        font-size:14px
    }

    .cardbodyspan2 {
        width: 60px;
        font-size: 13px;
        color: blue
    }

    .cardbodyspan3 {
        width: 60px;
        font-size: 14px
    }
}






/*==============   Tablet   ==============*/
@media (min-width: 701px) and (max-width: 900px) {
    .lblselectDate {
        border: 0.3px dotted blue;
        border-radius: 5px;
        width: 21vw;
        margin-right: 5vw;
        margin-top: 15px;
        background-color: #F2F9FF;
    }

    .cardheader {
        background-color: #8CC0DE;
        font-size: 1.92vw;
    }


    .lblHeaderCaption {
        width: 100%;
        border: 0.3px solid gray;
        padding-top: 12px;
        padding-bottom: 3px;
        margin-top: 5px;
        border-radius: 5px;
        background-color: #FEF9F2;
        min-height:40px
    }

    .lblHeadertext {
        font-size: 14.5px
    }

    .cardfooterlbl {
        width: 50px;
        border: 0.3px solid gray;
        border-radius: 4px;
        background-color: #B6EAFA;
        font-size: 15px
    }



    .cardbodyspan1 {
        width: 50px;
        font-size: 15px
    }

    .cardbodyspan2 {
        width: 60px;
        font-size: 14px;
        color: blue
    }

    .cardbodyspan3 {
        width: 60px;
        font-size: 14px
    }
}






/*==============  Small PC   ==============*/
@media (min-width: 901px) and (max-width: 1200px) {
    .lblselectDate {
        border: 0.3px dotted blue;
        border-radius: 5px;
        width: 14vw;
        margin-right: 5vw;
        margin-top: 15px;
        background-color: #F2F9FF;
    }

    .cardheader {
        background-color: #8CC0DE;
        font-size: 1.35vw;

    }

    .lblHeaderCaption {
        width: 100%;
        border: 0.3px solid gray;
        padding-top: 13px;
        padding-bottom: 3px;
        margin-top: 5px;
        border-radius: 5px;
        background-color: #FEF9F2;
        min-height: 40px
    }

    .lblHeadertext {
        font-size: 15.5px;
    }

    .cardfooterlbl {
        width: 50px;
        border: 0.3px solid gray;
        border-radius: 4px;
        background-color: #B6EAFA;
        font-size: 15.5px
    }

    .cardbodyspan1 {
        width: 50px;
        font-size: 15.5px
    }

    .cardbodyspan2 {
        width: 60px;
        font-size: 14.5px;
        color: blue
    }

    .cardbodyspan3 {
        width: 60px;
        font-size: 14px
    }
}




/*==============   PC   ==============*/
@media (min-width: 1201px) and (max-width: 1450px) {
    .lblselectDate {
        border: 0.3px dotted blue;
        border-radius: 5px;
        width: 11vw;
        margin-right: 2vw;
        margin-top: 15px;
        background-color: #F2F9FF;
    }

    .cardheader {
        background-color: #8CC0DE;
        font-size: 1.15vw;
    }

    .lblHeaderCaption {
        width: 100%;
        border: 0.3px solid gray;
        padding-top: 13px;
        padding-bottom: 3px;
        margin-top: 5px;
        border-radius: 5px;
        background-color: #FEF9F2;
        min-height: 40px;
        text-align:center
    }

    .lblHeadertext {
        font-size: 15.5px;
    }

    .cardfooterlbl {
        width: 50px;
        border: 0.3px solid gray;
        border-radius: 4px;
        background-color: #B6EAFA;
        font-size: 16px
    }

    .cardbodyspan1 {
        width: 50px;
        font-size: 15.5px
    }

    .cardbodyspan2 {
        width: 60px;
        font-size: 14.5px;
        color: blue
    }

    .cardbodyspan3 {
        width: 60px;
        font-size: 14px
    }
}


/*==============   Large PC   ==============*/
@media (min-width: 1451px) and (max-width: 2200px) {
    .lblselectDate {
        border: 0.3px dotted blue;
        border-radius: 5px;
        width: 9vw;
        margin-right: 2vw;
        margin-top: 15px;
        background-color: #F2F9FF;
    }

    .cardheader {
        background-color: #8CC0DE;
        font-size: 1.15vw;
    }

    .lblHeaderCaption {
        width: 105%;
        border: 0.3px solid gray;
        padding-top: 13px;
        padding-bottom: 3px;
        margin-top: 5px;
        border-radius: 5px;
        background-color: #FEF9F2;
        min-height: 40px;
        text-align: center
    }

    .lblHeadertext {
        font-size: 15.5px;
    }

    .cardfooterlbl {
        width: 50px;
        border: 0.3px solid gray;
        border-radius: 4px;
        background-color: #B6EAFA;
        font-size: 16px
    }

    .cardbodyspan1 {
        width: 50px;
        font-size: 15.5px
    }

    .cardbodyspan2 {
        width: 60px;
        font-size: 14.5px;
        color: blue
    }

    .cardbodyspan3 {
        width: 60px;
        font-size: 14px
    }
}