body{margin:0px;padding:0px;position:relative;font-family: 'Open Sans', sans-serif;}
*{outline:none;}
a:hover{text-decoration:none;}
a:focus{text-decoration:none;}


/*******************signin*************************/

.signin_wrapper{width:100%;height:auto;margin:0px;padding:0px;}
.no-pad{margin:0px;padding:0px;}
.sign_bg{background:#3e4851 url(../images/doc.jpg);position:absolute;top:0px;bottom:0px;
background-position:cover;width:100%;display:table;min-height:100vh;}
.sign_bg input{border: 0; border-bottom:1px solid #23aad9;background:transparent;margin:0 0 5px 0;border-radius:0px;outline:0;box-shadow:none !important;color: #fff;text-align: center;}
.signin_btn{background:#23aad9;padding:8px 0px;margin:15px 0px 10px;color: #fff;display: block;overflow: hidden;text-align: center;}
.signin_btn:hover{color: #fff;}
.signin_form{height:100vh;vertical-align:middle;display:table-cell;}
.forgt_text,.forgt_text a{color:#ddd;}
.forgt_text input[type="checkbox"]{float:left;margin: 0;background:none;width: 16px;height: 16px;}
.forgt_text label{font-weight: 400;float: left;padding-left: 5px;}
.logo{display: block;text-align: center;margin:0 auto;}
.logo-inv {
    display: block;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
.logo img {display: inline-block;margin-bottom: 10px;margin-top: 10px;max-width: 250px;}
.innerlog img{display: inline-block;max-width:250px;}
.error{height:10px;color:#FF4D4D  ;font-size:14px;margin-bottom:10px;}


/******************appointment*****************/

.user{display: inline-block;overflow:hidden;border-radius:50%;width:40px;
height:40px;margin-left: 10px;}
.user img{overflow:hidden;border-radius:50%;width:40px;height:40px;}
.main_bg{padding:20px 0px;}
.main_bg h3{margin:0px 0px 14px;color: #23aad9;font-weight:100;}
.main_bg h3 i{margin-right:10px;margin-top: 5px;float: left;}
.wrapper{width:100%;margin:0px;padding:0px;min-height:100vh;background:#eee;padding-bottom:50px;
position: relative;}
header{background:#333333;padding:20px 0px;}
.blue_text{color:deepskyblue;margin-bottom:0px;}
.ash_text{color:#ddd;font-size:12px;}
.ash_text a{color:#ddd;}

.application_date{display: block;margin-bottom:15px;}
.application_date p{font-size: 14px;text-transform: uppercase;color: #333}
.datearrow{max-width:20px;cursor: pointer;float:left;}
.appointmnt_main{background:#fff;padding:8px;margin:10px 0px;border-radius:3px;cursor:pointer;position:relative;}
.letter_bg {position: absolute;top: 10px;bottom: 10px;width: 12px;text-transform: uppercase;font-size: 9px;text-align: center;color: #fff;padding: 4px 2px;}
.green{background:#00a652;}
.purple{background:#92268c;}
.black{background:#333333;}
.blue{background:#4165ed;}
.provider{text-align:right;margin-top: 8px;}
.pickdate{float:left;}
.pickdate input{border: none;background: none;width: 150px;font-size: 13px;margin:0 10px;text-align:center;}
.ui-datepicker .ui-datepicker-header{background: #23aad9 !important;color: #fff !important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background: #23aad9 !important;
color:#fff !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{background:none !important;border:none !important;}


.apointmnt_leftcontent{width:calc(100% - 20px;margin-left:20px;}
.appointmnt_main h5{color:#666;font-size:16px;}
.appointmnt_main:nth-child(2){margin:10px 5px;}
.appointmnt_main h6{font-size:13px;color:#666;}
.fa-angle-left{margin-right:10px;}
.fa-angle-right{margin-left:10px;}
.appointment-details{display: block;overflow: hidden;border-top:1px solid #ddd;padding: 15px 0;}
.appointment-details p{margin: 0;}

/**************apointmnt_Details**********/

.details-arrows{text-align:right;padding-right:0;}
.details-arrows a{background:#fff;color:#23aad9;font-size:15px;padding:5px 10px;
font-weight:400;}

.apointmnt_details{background:#fff;padding:10px 10px;margin:10px 0px;position:relative;overflow:hidden;}
.brder_btm{border-bottom:1px solid #ddd;width:100%;overflow:hidden;}
.sub_details{margin:10px 0px;}
.sub_details h5{font-weight:bold;margin-bottom:5px;font-size:12px;}
.sub_details span{font-size:16px;}
.apointmnt_leftadj{margin-left:16px;}
.surgical_pnt{background:#ddd;}
.surgical_pnt p{margin:15px 10px;padding:8px 0px;}
.blue_btn{background:deepskyblue;text-align:center;padding:8px 0px;border:1px solid deepskyblue;}.blue_btn a{color:#fff;}
.add_biling select{margin:10px 0px;background:transparent;border-radius:0px;
border:1px solid #666;}
select{background: none;padding: 5px;color: #23aad9;}
select.providers{width: 180px;border:1px solid #525252;}
.previous{font-size: 50px;color: #151515;}
.add_biling{padding-top:20px;}
.add_biling textarea{margin:10px 0px;background:transparent;resize:none;
height:150px;border-radius:0px;border:1px solid #666;}
.blue_btn.active{border:1px solid deepskyblue;background:transparent;}
.blue_btn.active a{color:deepskyblue;}
.upload_main{display:table;margin:20px 0px;}
.upload_file{display:table-cell;height:250px;vertical-align:middle;background:#dedfe1;text-align:center;}
.upload_main:nth-child(2){padding:0px 0px 0px 15px;}.upload_main:first-child{padding:0px 15px 0px 0px}
.success_bg{background:#fff;height:100px;display:table-cell;vertical-align:middle;padding:20px;}
.upload_file p span{color: #23aad9;cursor: pointer;position: relative;}
input[type="file"].new-attachment{background: none;border: 0;box-shadow: none;color:#23aad9;opacity:0;display: inline; z-index: 99;position: absolute; cursor: pointer !important;}

footer{background:#2b2b2b;padding:8px 0px;overflow:hidden;bottom:0px;width:100%;position: absolute;bottom: 0;}
footer p{color:#fff;margin: 0;font-size: 12px;}
ul.footer_right{padding: 0;display: block;overflow: hidden;margin: 0;float:right;}
.footer_right li{list-style:none;float:left;padding:2px 8px;}
.footer_right li a{color:#fff;font-size: 12px;float: left;}
.loader{width:100%;height:100vh;background:rgba(0,0,0,0.7);position:absolute;text-align:center;z-index:99;}


.modal_wrapper{width: 50%;height:170px;margin: 0px;padding: 20px;position: absolute;
    top: 25%;left: 25%;right: 25%;background: #fff;}
.no-pad{margin:0px;padding:0px;}
.modal_bg{text-align:center;}
.modal_s_bg{background:#fff;padding:20px;text-align:center;}
.modal_wrapper .blue_btn.active{max-width:100px;margin:0 auto}
.modal-s_bg p{margin-bottom:20px;margin-top:20px;}



/**** MOBILE ****/

@media only screen 
  and (min-width: 320px) 
  and (max-width: 480px){
  .clearfix{margin:0;padding:0;}
  .logo{width:90%;}
  footer{text-align:center;}
  .footer_right li a{font-size:11px;margin-top:5px;}
  .innerlog img{max-width:100% !important;}
  .provider{text-align:left;margin-bottom:20px;}
  .details-arrows{text-align:right;margin-top:15px;}
  .upload_main {margin: 15px 15px 15px 15px;width: 90%;}
  .upload_main:first-child{padding:0;}
  .upload_main:nth-child(2){padding:0;}
  .application_date {margin-left: 28%;}
  .provider {margin-left: 24%;}
  .application_date {margin-left: 26%;} 
  .main_bg h3 {margin: 0px 25px 14px;} 
  .appointmnt_main {margin: 10px 10px;}
  .wrapper {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    .immediate {
        font-size: 14px;
        color: red;
    }
}