/*.logo-h{
	margin-top: 10px;
}
.widescreen{
    
    background-size: cover;
    min-height: 79%;
    animation: bgimage 20s infinite alternate;
}
@keyframes bgimage{
  0%{
    background-image: url("../images/big/hos1.jpeg");

  }
  25%{
    background-image: url("../images/big/hos10.jpeg");
  }
  50%{
    background-image: url("../images/big/hos7.jpeg");
  }
  75%{
    background-image: url("../images/big/hos2.jpeg");
  }
  100%{
    background-image: url("../images/big/hos11.jpeg");
  }
}*/

/*.back-img{
    background-image: url("../images/big/bg4.jpg");
}*/
#loader-2 span{
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #3498db;
  margin: 35px 5px;
}

#loader-2 span:nth-child(1){
  animation: bounce 1s ease-in-out infinite;
}

#loader-2 span:nth-child(2){
  animation: bounce 1s ease-in-out 0.33s infinite;
}

#loader-2 span:nth-child(3){
  animation: bounce 1s ease-in-out 0.66s infinite;
}

@keyframes bounce{
  0%, 75%, 100%{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  25%{
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.loader{
  width: 100px;
  height: 100px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
}
.loader-green{
  width: 64px;
  height: 64px;
  border-radius: 100%;
  position: relative;
  margin: 20px auto 0;
}

.back-img1{
    background-image: url("../images/big/bg6.jpg");
   /* background-size: 100% 100%;*/
}
.back-img2{
    background-image: url("../images/big/bg2.png");
    background-size: 100% 100%;
}
.back-img3{
    background-image: url("../images/big/bg9.jpg");
    background-size: 100% 100%;
}
.back-img4{
    background-image: url("../images/big/bg3.jpg");
    background-size: 100% 100%;
}
.login-error {
  color: #f44336 !important; 
  list-style: none;;
  padding-left: 0px;
}


.content-page {
	margin-left: 0px;
}

.content-page .content {
  margin-top: 50px;
}

.content-page-other{
    margin-left: 0px;
    overflow: hidden;
}

.content-page-other .content-other{
    /*padding: 50px 0;
    margin-top: 70px;*/
	padding-top: 30px;
}
.page-right{
	float: right;
    margin-right: 200px;
}

.page-title{
    text-align:center;
	margin: 5px 0;
	line-height: normal;
}

/*.quick-token{
    background-color: #cacacac7;
}
*/
.quick-token{
    /*background-color: #e8ecec; */
    color: #212626;
	border: 1px solid #231F20;
	border-radius : 0;
	box-shadow : none;
	background: #FFF !important;
}
.quick-token2{
    background-color: #cdcdcdfa;
    color: #4c4c49;
    text-align: center;
}


.chng-bg{
    background-color: #ffa16af2;

}

.widget-table-summery{
    background-color:#dbeff0d9;
}
.table-col-center{
   /* margin: 0px 275px;
   text-align: center;*/
   margin: 0 auto;
}
.table-col-center1{
   /* margin: 0px 275px; */
   margin: 0 auto;
}

.summery-data{
    border: none;
    background: transparent;
    color:#212626;
}

.summery-table td {
    padding: 5px;
    color: #212626;
	font-size: 14px;
}
.summery-table td:first-child {
	padding-left : 0
	
}

.checkbox-sum{
    padding-left:10px;

}

.summery-otp{
    padding: 10px 50px;
}

.otp-error{
    padding-top: 10px;
    padding-left: 10px;

}
#otphidden{
    display: none;
}
.success-box{
    background-color:#def6ffc4;
}
.status-warning {
    color: #f6ae00 !important;
}

.success-btn{
    /*float: right;
    padding-right: 50px;*/

    margin-left: 240px;
}


.action-box{
	padding: 0px;
	text-align: center;
}
.book-cancel{
    padding: 0px 135px;
}

/*.footer {
	  background-color: #565e60;
	  border-top: 1px solid rgba(72, 72, 72, 0.32);
	  bottom: 0px;
	  color: #1f1f1f;
	  text-align: center !important;
	  padding: 19px 30px 20px;
	  position: relative;
	  right: 0px;
	  left: 0px;
	  color: #f5f9fc;
}*/

.about-details {
	bottom: 40px;
    position: absolute;
    right: 0px;
    left: 0;
    padding-top: 15px;
    background-color: #D3EAE6;
	height: 120px;
}
.about-details p { padding-bottom: 0px; margin-bottom: 6px; }
.about-details p a { color: #212626;  }
/*.about-box{
	padding: 15px 20px;
}*/
.navbar-custom .logo-left{
	display: none;
}

.extra-form-padding{
    /*padding-bottom: 1rem;*/
}


.all-over{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000; /* some high enough value so it will render on top */
    /*opacity: .3;*/
    top: 0;
    bottom: 0;
    /*background-color: white;*/
    display: none;
   /* margin-top: 73px;*/
   background-color: #00000045;
}
.card-box-loading{
    margin: 13% 40%;
    text-align: center;
    background-color: #ffffff00;
}

.token-pop-show{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999; /* some high enough value so it will render on top */
    /*opacity: .3;*/
    top: 0;
    bottom: 0;
    background-color: #00000045;
    display: none;
}
.token-pop-show-defult-time{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000; /* some high enough value so it will render on top */
    /*opacity: .3;*/
    top: 0;
    bottom: 0;
    background-color: #00000045;
    display: none;
}
.token-pop-showcancel{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000; /* some high enough value so it will render on top */
    /*opacity: .3;*/
    top: 0;
    bottom: 0;
    background-color: #00000045;
    display: none;
}
.token-pop-show-patientlist{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000; /* some high enough value so it will render on top */
    /*opacity: .3;*/
    top: 0;
    bottom: 0;
    background-color: #00000045;
    display: none;
}
.box-token{
    margin: 10% 30%;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid rgba(0,0,0,.2);
	border-radius : .3rem;
	max-width: 600px;
}
.box-token-patientlist{
    margin: 10% 30%;
    text-align: center;
    background-color: #ffffff;
	max-width: 600px;
	position: relative;
    /*border: 1px solid black;*/
}

.opt-select{
   /* background-color: #09585c;
    border: 1px solid white;
    font-family: monospace;
    font-weight: bold;*/
}
.opt-select:hover{
background-color: #0082a8;
    color: #fff;}

.opt-disabled{
    background-color: #bd0023;
    border: 1px solid white;
    font-family: monospace;
    font-weight: bold;
    opacity: .6;
}
.opt-disabled:hover{
    opacity: .5;
}
.tokenId{
    display: none;
}
.token-close{
    float: right;
    margin-right: 0;
    margin-top: 0;
}
.token-close:hover{
    color:red;
}
.token-close2{
    float: right;
    margin-right: -10px;
    margin-top: -15px;
}
.token-close2:hover{
    color:red;
}
/*.token-close3{
    float: right;
    margin-right: -10px;
    margin-top: -15px;
}
.token-close3:hover{
    color:red;
}*/

.all-over-retry{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000; /* some high enough value so it will render on top */
    /*opacity: .3;*/
    top: 0;
    bottom: 0;
    /*background-color: white;*/
    display: none;
}

.card-box-reload{
    margin: 13% 40%;
    text-align: center;
    background-color: #cfcfcff0;
}
.card-box-later{
    background: #FFF;
   /* margin-top: -50px; */
}

/*==enquiry.html==*/

.doctorDetails{
    padding: 10px 100px;
}
.allDoctors{
    padding: 0;
}
.card-box-doctor {
    background-color: #FFF;
    display: inherit;
	/*margin-top: 25px;*/
}

.dateConsulting{
    /*display: inline-block;*/
}

.dateConsulting span{
    color: #ffffff;
    float: left;
    padding: 8px 8px;
    text-decoration: none;
    pointer-events: none;
    
}
.available{
    background-color: #09585c;
}
.notavailable{
    background-color: #999;
    /* redish #f43a3a */
}


.dateConsulting span.available:hover {
      /*background-color: #4CAF50;*/
      opacity: .5;
      color: white;
}       
.dateConsulting span.available { /* cursor: pointer */ }

.bookbutton{
    padding: 25px 0px 0;
	margin-left: 30px;
}

/* #f43a3a  red  */

.nextButton{
	padding: 20px 0 0 0;
    /*padding: 0 176px; 768*/
}
.enqLoading{
    width: 100%;
    height: 41px;
}


/*============================*/
/*loader1*/
.lds-dual-ring {
  display: inline-block;
  width: 64px;
  height: 64px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #09585c;
  border-color: #09585c transparent #09585c transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/*==============================*/


/*========================*/
/*loader2*/
.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*========================*/



/*====================*/
/*loader 3*/

.sk-circle {
  margin: 0px auto;
    /*margin: 0 100px 0px 100px;*/
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #204648;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/*====================*/


@media (max-width: 419px){

	.navbar-custom .logo-left{
		display: block;
	}

	.content-page .content {
		margin-top: -200px;
	}
    .success-btn{
        margin-left: 240px; 
    }
    



}

@media (min-width: 419px){

   
}

@media (max-width: 768px){

	.widescreen{
		background-size: 100% 100%;
		background-repeat: no-repeat;

	}
  .widescreenhome{
    background-size: 100% 100%;
    background-repeat: no-repeat;

  }
    /*.book-cancel{
        padding: 0 20px;
    }*/

   

}

@media (max-width: 600px){
    .topbar{
        position: relative;
    }
    

}

@media (max-width: 1200px){
	.content-page .content {
	    margin-top: -150px;
	}	

	.about-box{
		border-bottom: 1px solid black;
	}

	.last-box{
		border-bottom: none;
	}
    .table-col-center{
        margin: 0px 220px;
        
    }
    .table-col-center1{
        margin: 0px 115px;
        
    }
    .box-token{
            margin: 10% 25%;
    }
    .box-token-patientlist{
            margin: 10% 25%;
    }
    .nextButton{
        padding: 0px 0;
        /*padding: 0 176px; 768*/
    }

}
#tokenTiles{
        text-align: center;
        color: whitesmoke;
        overflow-y: scroll;
        max-height: 48%;
    }

@media (max-width: 992px){
    .table-col-center{
        margin: 0px 150px;
        
    }
    .table-col-center1{
        margin: 0px 85px;
        
    }
    .card-box-loading{
        margin: 30% 5%;
    }
    .card-box-reload{
        margin: 15% 25%;
    }
    .allDoctors{
        padding: 10px 0;
    }
    .book-cancel{
        padding: 0 10px;
    }
    .m-l-50{
        margin-left: 30px !important;
    }
}
@media (max-width: 768px){
    .table-col-center{
        margin: 0px 0px;
        
    }
    .table-col-center1{
        margin: 0px 0px;
        
    }
    .extra-form-padding{
        padding-bottom: 1rem;
    }
    .card-box-loading{
        margin: 50% 5%;
        
    }
    .allDoctors{
        padding: 10px 0;
    }
    .card-box-doctor{
        display: inline-block;
        text-align: -webkit-center;

    }
    .bookbutton{
        /*padding: 10px 0px;*/
		padding: 0;
    }
    .nextButton{
        padding: 0px 0;
        /*padding: 0 176px; 768*/
    }
	.consult-details {
		align-items : end;
	}
	#allDoctors .form-group { margin-bottom: 25px }
	.form-group .consult-details label { text-align: left !important }
	
}

@media (min-width: 768px){
    .tock-label{
        display: none;
    }
}




@media (min-width: 992px){
    .success-btn{
        margin-left: 400px; 
    }
}
@media (min-width: 576px){
    .success-btn{
        margin-left: 350px; 
    }


}
@media (max-width: 576px){
    .whole-details{
        margin-right: 10;
    }
    .box-token{
        margin: 25% 5%;
       /* max-height: 56%; */
    }
    .box-token-patientlist{
        margin: 25% 5%;
        max-height: 56%;
    }
    .card-box-loading{
        margin: 25% 5%;
        max-height: 60%;
    }
    .card-box-reload{
        margin: 50% 15%;
    }
    .nextButton{
        padding: 0px 0;
        /*padding: 0 176px; 768*/
    }
    #tokenTiles{
      /*max-height: 44%;*/
	  max-height: 150px;
    }

}


.m-l-50{
    margin-left: 50px;
}
#doctor-details-card {
  padding: 10px;
  color: #000;
}
.cons-time-head {
  background-color: rgb(119, 119, 119);
}
.cons-time-data {
  width: 60%
}
.site-logo {
  width: 100%;
}
.bottom-link { width: 20%; }
.doctor-profile-card { opacity: 1; color: #212626; }
table.cons-table td { font-size: 12px; padding: 2px 5px; text-transform: uppercase; border: 1px solid #ACADAD   }
/*table.cons-table td:first-child { 
  font-weight: bold;
  padding: 6px 15px;
  border-bottom: 1px solid #424a54;
  margin: 0px;
  color: white;
}
table.cons-table td:nth-child(2) { 
  padding: 6px 15px;
  margin: 0px;
  color: #000;
}*/
/*table.cons-table tr:nth-child(1) td:first-child { background-color:#424a54;}
table.cons-table tr:nth-child(2) td:first-child { background-color:#5d666f;}
table.cons-table tr:nth-child(3) td:first-child { background-color:#818c93;}
table.cons-table tr:nth-child(4) td:first-child { background-color:#424a54;}
table.cons-table tr:nth-child(5) td:first-child { background-color:#5d666f;}
table.cons-table tr:nth-child(6) td:first-child { background-color:#818c93;}
table.cons-table tr:nth-child(7) td:first-child { background-color:#818c93;}*/
.doctor-profile-card .docImg { margin: 35px 0px 35px 20px; }
.doctor-qual { margin-top: 26px;  }
.account-navbar-nav { list-style: none; display: inherit;   }
.account-navbar-nav li:first-child { padding-right: 25px; }
.red { background-color: #f44336 !important; }
.account-navbar-nav .nav-link { line-height: 50px; }
.whole-details hr { border-top: 1px solid #212626; }