/*===========================================NEW CSS STARTS HERE=====================================*/

input.date_st{opacity: 0;}
.Sec_cal{}
.tab-content{}
/*#home{height: 400px;}*/

/*#ui-datepicker-div {position: absolute;top:700px !important;left: 12% !important;display: block !important;}*/
.time_St select{width: 100%;border: 1px solid #ddd;height: 44px;padding: 0 10px;font-size: 16px;font-weight: 400;}

.main_frm_bx{width: 100%;display: table;background: #fbfbfb;padding: 40px;box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%);}

/*.frm_set{width: 100%;display: table;background: #fbfbfb;padding: 40px;box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%);}
.frm_set2{width: 100%;display: table;background: #fbfbfb;padding: 40px;box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%);height: 400px;}
*/.frm_set input {
    border: 1px solid #efefef;
    height: 54px;
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    border-radius: 2px;
}


.frm_set p {
    font-size: 18px;
    margin: 0 0 7px 0;
    font-weight: 500;
}
.frm_set button {
    display: block;
    float: right;
    background: #224d9c;
    border: 0;
    padding: 12px 20px;
    color: #fff;
    border-radius: 2px;
    margin: 2px 0 0 0;
}
.nav-tabs .nav-item{width: 33%;text-align: center;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #ffffff;background-color: #224d9c;border-color: #dee2e6 #dee2e6 #fff;text-align: center;}
.nav-tabs .nav-link{color: #333;font-weight: 500;}
.nav-tabs {border-bottom: 0px solid #dee2e6;background: #eee;}

.card-header h4{font-size: 18px;font-weight: 500;color: #224d9c;margin: 0;}
.card-header p{margin: 0;color: #333;font-size: 13px;letter-spacing: 0.5px;line-height: 24px;font-weight: 500;}

td.highlight > a {background: #76ca21 !important;color: #fff!important;}
/*td.NonHighlight > a {background: #ffffff !important;color: grey !important;}*/
.card{margin-bottom: 10px;}
.frm_set2 {margin-top: 30px;}

select.ui-datepicker-month, select.ui-datepicker-year {border: 1px solid #ddd;padding: 5px 0;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{margin: 0 2px !important;}

.card-header{background-color: #fff;border-bottom: 0px solid rgba(0,0,0,.125);}



@media only screen and (max-width: 767px)
{
.ui-datepicker{width: 100% !important;}
.ui-datepicker td span, .ui-datepicker td a{padding: 8px !important;}
.nav-tabs .nav-item {width: 100%;}
.main_frm_bx {
    padding: 4px;
    display: contents;
}



}