@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700&family=Mada:wght@400;500;600&family=Mandali&family=Noto+Sans+Bengali:wght@400;500;600&family=Noto+Sans+Kannada:wght@400;500;600&family=Noto+Sans+Malayalam:wght@300;400;500;600&family=Noto+Sans+Tamil:wght@400;500;600&family=Noto+Sans:wght@400;500;600&display=swap');

#divAppointmentInfo > .tblApptDetails > tr > td:first-child {
	min-width: 150px;
	font-weight: 700;
	padding: 5px 10px 5px 10px
}
#divAppointmentInfo > .tblApptDetails > tr > td:nth-child(4) {
	min-width: 150px;
	font-weight: 700;
	padding: 5px 10px 5px 50px
}

#divAppointmentInfo > .tblApptDetails > tr > td:nth-child(2) {
	min-width: 20px;
	font-weight: 700
}
#divAppointmentInfo > .tblApptDetails > tr > td:nth-child(5) {
	min-width: 20px;
	font-weight: 700
}
 
.loading-popup-parent {
	background: rgba(255,255,255,.8);
	display: block;
	height: 100%;
	margin: 0 auto;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 2147483647;
}

.loading-popup-body {
	margin: 0 auto;
	position: absolute;
	top: 30%;
	width: 60%;
}

	.loading-popup-body > p {
		color: #34a6d4;
		font-size: 18px;
		 
		display: none;
	}

.loadingmsgs {
	color: #007c9d;
}

.kioskhomelink{empty-cells:show;float:right;margin-top:15px}.kioskhomelink td a{padding-left:20px}.kioskhomelink td{min-width:2em;min-height:2em}


/*
Poppins ExtraLight
font-family: poppins, sans-serif;
font-weight: 200;
font-style: normal;

Poppins Light
font-family: poppins, sans-serif;
font-weight: 300;
font-style: normal;

Poppins Regular
font-family: poppins, sans-serif;
font-weight: 400;
font-style: normal;

Poppins Medium
font-family: poppins, sans-serif;
font-weight: 500;
font-style: normal;

Poppins Semi400
font-family: poppins, sans-serif;
font-weight: 600;
font-style: normal;

Poppins 400
font-family: poppins, sans-serif;
font-weight: 700;
font-style: normal;

Poppins Extra400
font-family: poppins, sans-serif;
font-weight: 800;
font-style: normal;

Poppins Black
font-family: poppins, sans-serif;
font-weight: 900;
font-style: normal;
*/

body#customdesign {
	font-family: 'poppins', 'Mandali', 'Noto Sans Tamil', 'Noto Sans Malayalam', 'Noto Sans Kannada', 'Noto Sans Bengali', 'Mandali', 'Mada', 'Almarai', sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	background-color: #eaeff0;
}
.loader-wrapper,body.no-scroll{
	overflow:hidden
}
body .loader-wrapper{
	margin:0;
	padding:0;
	font-size:62.5%;
	width:100vw;
	height:100vh;
	background:rgba(255,255,255,.8)
}
.loader-wrapper{
	background:#fff;
	bottom:0;
	left:0;
	position:fixed;
	right:0;
	top:0;
	z-index:9999999999
}
.cssload-loader{
	position:relative;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:200px;
	height:200px;
	-webkit-perspective:780px;
	perspective:780px
}
.cssload-inner{
	position:absolute;
	width:100%;
	height:100%;
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
.mainheader {
	padding: 5px 0px;
	-webkit-box-shadow: 0 8px 2px -7px rgb(216 231 236);
	-moz-box-shadow: 0 8px 2px -7px rgb(216 231 236);
	box-shadow: 0 8px 2px -7px rgb(216 231 236);
	/*background-color: #eaf8fd!important;*/
	background-color: #fff;
}
.mainheader .container{
	width: 100%;
}
.main-slider{
	position: relative;
}
.main-slider .item img{
	width: 100%;
	max-width:100%;
	height: 100vh;
}
.slider-text{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 25%;
	bottom: 0;
	text-align: center;
}
.slider-text h1{
	color: #FFF;
	font-weight: 600;
	font-size: 30px;
	margin: 0px 0px;
	padding-bottom: 20px;
}

.slider-text h2 {
    color: #ec7323;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 30px;
}
.blue-title {
	color: #215D6E;
	text-transform: none;
	font-size: 12px;
}
    #lblHospName h2 > .blue-title, .slider-text h2 > .blue-title {
        color: #007c9d;
        text-transform: none;
    }
.mb-0{ margin-bottom:0px;}
.cvrfrm {
	padding-top: 4px;
	color: #007d9e;
	text-shadow: 1px 1px 1px #c1d4e3;
	font-weight: 600;
	font-size: 22px;
	text-transform: uppercase;
}
.hsptl-title {
	font-size: 14px;
	padding-top: 0px;
	text-align: right;
}
.hsptl-title img{ vertical-align:2px;}
.tilte-hdng {
	font-size: 14px;
	color: #007d9e;
	padding: 9px 0px;
	border-bottom: 1px solid #d0e1ea;
	margin-bottom: 12px;
}

.register-button {
	display: inline-block;
	width: auto;
}
.register-button .reg-div{
	margin: 35px 0px;
	display: inline-block;
	width: auto;
}
.register-button .book-div{
	margin: 35px 0px;
	display: inline-block;
	width: auto;
}
.register-button h1{
	color: #FFF;
	font-weight: 500;
	font-size: 16px;
	margin: 10px 0px;
	border: 2px solid #FFF;
	border-radius: 4px;
	display: inline-block;
	line-height: normal;
	padding: 8px 35px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: none;
	box-shadow: none;
	margin-top: 30px;
	background-color: transparent;
}
/* .register-button h1:hover{
	 color: #f47920;
	 background-color: #FFF;
} */
#a_registration .icon-sec {
	margin: 0 auto;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background:#007c9d url("../images/icons-spirtes.png") no-repeat;
	background-size: auto;
	background-position: -258px -8px;
}
#a_bookappointment .icon-sec {
	margin: 0 auto;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background: #f47920 url(../images/icons-spirtes.png) no-repeat;
	background-size: auto;
	background-position: -7px -5px;
}
#a_registration:hover h1{
	color: #007c9d;
	background-color: #FFF;
}
#a_bookappointment :hover h1{
	color: #f47920;
	background-color: #FFF;
}

#a_UHID .icon-sec {
	margin: 0 auto;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background:#1eb987 url("../images/search-image.png") no-repeat;
	background-size: auto;
	background-position: 35px 35px;
}
#a_UHID:hover h1{
	color: #1eb987;
	background-color: #FFF;
}

#a_updateuhid .icon-sec {
    margin: 0 auto;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #b8ca22 url("../images/update_uhid.png") no-repeat;
    background-size: auto;
    background-position: center;
}
#a_updateuhid:hover h1 {
    color: #b8ca22;
    background-color: #FFF;
}
#a_csdf .icon-sec {
    margin: 0 auto;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #007c9d url("../images/icons-spirtes.png") no-repeat;
    background-size: auto;
    background-position: -258px -8px;
}
#a_csdf:hover h1 {
    color: #007c9d;
    background-color: #FFF;
}
#a_ahcvrf .icon-sec {
	margin: 0 auto;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background: #007c9d url("../images/icons-spirtes.png") no-repeat;
	background-size: auto;
	background-position: -258px -8px;
}

#a_ahcvrf:hover h1 {
	color: #007c9d;
	background-color: #FFF;
}
#a_opf .icon-sec {
	margin: 0 auto;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background: #007c9d url("../images/icons-spirtes.png") no-repeat;
	background-size: auto;
	background-position: -258px -8px;
}

#a_opf:hover h1 {
	color: #007c9d;
	background-color: #FFF;
}
.register-button.reg-div:hover.icon-sec{
	background: #007d9e url(../images/icons-spirtes.png) no-repeat !important;
	background-position: -7px -5px !important;
}
.register-button.book-div:hover.icon-sec{
	background: #007d9e url(../images/icons-spirtes.png) no-repeat !important;
	background-position: -7px -5px !important;
}
.register-error.reg-div{
	margin: 35px 0px;
	display: inline-block;
	width: auto;
	background-color: rgba(255, 255, 255, 0.29);
	padding: 10px;
	border-radius: 4px;
}
.register-error {
	text-align: center;
	margin: 32px 0px;
}
.register-error h2 {
	color: #fff;
	font-weight: 500;
	margin: 0px;
	font-size: 22px;
	border: 2px solid #fff;
	border-radius: 6px;
	display: inline-block;
	line-height: normal;
	padding: 24px;
	letter-spacing: 1px;
	/*text-transform: uppercase;*/
	text-shadow: none;
	box-shadow: none;
	background-color: #ff4141;
}
.myhome-btn{
		margin-top: 0;
	font-size: 20px;
	font-weight: 400;
	color: #007d9e;
	padding: 7px 25px;
	border-radius: 4px;
	border: 2px solid #007d9e;
	text-align: center;
	margin: 12px 0px 0px 0px;
}
.myhome-btn img{
		width: 26px;
	vertical-align: middle;
	margin-top: -5px;
	margin-right: 10px;
}
/* Register form css */
.apolloreg-form {
	margin: 30px 0px 30px;
	box-shadow: 0px 0px 6px #bbd6dd;
	background: #fff;
	padding: 18px;
	border-radius: 6px;
}
.pad-2 {
	padding-top: 0.37rem;
}
/*#customdesign .reg-fillform{
	background: url(../images/main-slider-bg.jpg) no-repeat;
	 height: 100vh; 
	background-size: cover;
	background-position: center;
}*/
.apolloreg-form .title{
	color: #FFF;
	font-weight: 500;
	font-size: 30px;
	margin: 0px 0px;
	text-align: center;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
	.apolloreg-form .patient-user-profile {
		border-radius: 4px;
		z-index: 5;
		box-shadow: 0px 0px 6px #bbd6dd;
		background-color: #ffffff !important;
		border: none;
		margin: 0px;
		padding: 0px 20px 0px;
		display: flow-root;
		width: 100%;
		height: 79vh;
	
	}
#MainContent_DLKioskLanguages{
		margin: 20px auto 0px;
}
#MainContent_DLKioskLanguages td {
	display: inline;
	width: 100%;
}
#MainContent_DLKioskLanguages td .languageculture {
	display: inline-flex;
	margin-bottom: 16px;
	margin-right: 20px;
	border: 1px solid #007d9e;
	background-color: #f5f5f5;
	color: #007d9e !important;
	padding: 6px 12px;
	min-width: 50px;
	font-size: 14px;
	cursor: pointer;
	letter-spacing: 1px;
	border-radius: 5px;
	font-weight: 500;
	text-decoration: none;
}
#MainContent_DLKioskLanguages td .active{
	background-color: #f47920;
	color: #FFF !important;
	border: 1px solid #f47920;
	cursor:default;
}
#MainContent_DLKioskLanguages td .languageculture:hover{
	background-color: #f47920;
	color: #FFF !important;
	border: 1px solid #f47920;
}
.field-mand {
	text-align: center;
	margin: 15px 0px;
	display: inline-block;
	/*width: 100%;*/
	margin-top: 2px;
	
}
.flds-abs {
	position: absolute;
	top: 2%;
	right: 0px;
	font-size: 10px;
}
.field-mand p {
	color: red;
	font-size: 12px;
	padding-right: 26px;
}
.apolloreg-form .form-group{
	margin-bottom: 9px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:#969696;
	font-weight: 300;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #969696;
	font-weight: 300;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #969696;
	font-weight: 300;
}
:-moz-placeholder { /* Firefox 18- */
	color: #969696;
	font-weight: 300;
}
.apolloreg-form select option {
	color: #636363;
	font-weight: 400;
}
.apolloreg-form select option:first-child {
	color: #969696;
	font-weight: 300;
}
.apolloreg-form select {
	width: 100% !important;
	height: 38px;
	font-size: 15px;
	color: #1b1b1b;
	background-color: #f9f9f9;
	border: 1px solid rgba(0, 125, 158, 0.44);
	box-shadow: none;
	font-weight: 300;
	letter-spacing: 0.03em;
	outline: none;
	border-radius: 5px;
}
.picker__header select {
	width: auto !important;
}
.fltleft select {
	width: 100% !important;
}
a {
	color: #0890b3 !important;
	text-decoration: none;
}
.showmr{ font-size:16px; font-weight:600;}

.apolloreg-form input[type="text"] {
	width: 100%;
	height: 38px;
	font-size: 13px;
	color: #1b1b1b;
	font-weight: 400;
	letter-spacing: 0.03em;
	background-color: #f9f9f9;
	border: 1px solid rgba(0, 125, 158, 0.44);
	box-shadow: none;
	outline: none;
	vertical-align: middle;
	border-radius: 4px;
	padding: 8px 9px;
}

#rbExternalDoctorslist td span {
    font-size: 14px;
    color: #848484;
    line-height: 34px;
    display: inline-block;
}

.apolloreg-form #divVerifyOtp {
    margin: 30px 0px;
    margin-bottom: 10px;
}
.apolloreg-form .redtext2 {
	position: absolute;
	right: 21px;
	top: 13px;
	color: red;
	font-weight: 700;
	font-size: 15px;
}
.apolloreg-form input[type="button"],
.apolloreg-form input[type="submit"] {
    background-color: transparent;
    border: 1px solid green;
    border-radius: 4px;
    padding: 7px 25px;
    color: green;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 0;
    height: 38px;
}
.apolloreg-form input[type="button"]:hover{
	background-color:green;
	color: #FFF;
}
.apolloreg-form  #btnResendOTP{
	 background-color: transparent;
	 border:1px solid black;
	 color:black;
}
.apolloreg-form  #btnResendOTP:hover{
	background-color:black;
	color: #FFF;
}
.apolloreg-form  #btnRegCancel1,
.apolloreg-form  #btnRegCancel2{
	background-color: transparent;
	border:1px solid red;
	color:red;
}
.apolloreg-form  #btnRegCancel1:hover,
.apolloreg-form  #btnRegCancel2:hover{
	background-color:red;
	color: #FFF;
}
.apolloreg-form .control-label {
	color: #090909;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .3px;
	margin-top: 10px;
	line-height: 22px;
}
ol.purpose{list-style-type: lower-alpha;}
.ol.keyoptions{ list-style-type:decimal;}

.keyoptions li {color: #6b6b6b;
	font-size: 13px; font-weight:500; margin-bottom:9px;line-height:22px; letter-spacing:1px; }

.purpose li {color: #6b6b6b;
	font-size: 13px; font-weight:500; margin-bottom:9px;line-height:22px; letter-spacing:.3px;}

.apolloreg-form .input-radio table td{
	padding-right:25px;
}
.apolloreg-form .input-radio table td:last-child{
	padding-right:0px;
}
.apolloreg-form .input-radio {
	margin-top: 12px;
}
	.apolloreg-form .input-radio label {
		font-size: 13px;
		color: #090909;
		font-weight: 400;
		letter-spacing: 0.03em;
	}

.ordered_list {
    border-color: Red;
    margin: 0;
    display: block;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

    .ordered_list li {
        width: auto;
        display: inline-block;
        padding: 0 10px;
        margin: 7px 0;
    }

.subheading_ {
font-size:18px;
color:#f47920;
margin:5px 0 20px 0px;
padding:0px;
}
#rbExternalDoctorslist {
    padding: 10px; 
    display: table-cell;
}

.apolloreg-form .input-radio input[type="radio"] {
    position: absolute;
    outline: none;
    opacity: 0;
}
.apolloreg-form .input-radio input[type="radio"] + label:before {
  content: '';
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #007d9e;
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  position: relative;
  top: 0;
  margin-right: 1em;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
	  outline:none;
}
.apolloreg-form .input-radio input[type="radio"]:checked + label:before {
  background-color: #f47920;
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border: 1px solid #f47920;
}
.apolloreg-form .input-radio input[type="radio"]:focus + label:before {
  outline: none;
  border-color: #3197EE;
}
.apolloreg-form .input-radio input[type="radio"]:disabled + label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
}
.apolloreg-form .input-radio input[type="radio"] + label:empty:before {
  margin-right: 0;
}


@keyframes click-wave {
  0% {
	height: 40px;
	width: 40px;
	opacity: 0.35;
	position: relative;
  }
  100% {
	height: 200px;
	width: 200px;
	margin-left: -80px;
	margin-top: -80px;
	opacity: 0;
  }
}

.apolloreg-form .option-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 20px;
	width: 20px;
	transition: all 0.15s ease-out 0s;
	background: #ffffff;
	border: none;
	border: 2px solid #007d9e;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	margin-right: 0.5rem;
	outline: none;
	position: relative;
	z-index: 1000;
}
.apolloreg-form .option-input:hover {
	background: #f47920;
	border: 2px solid #f47920;
}
.apolloreg-form .option-input:checked {
	background: #f47920;
	border: 2px solid #f47920;
}
.apolloreg-form .option-input:checked::before {
	height: 20px;
	width: 20px;
	position: absolute;
	content: "✔";
	display: inline-block;
	font-size: 15px;
	text-align: center;
	line-height: 17px;
	color: #FFF;
	padding: 0px;
	margin: 0px;
	left: -1px;
}
/*.apolloreg-form .option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #40e0d0;
  content: "";
  display: block;
  position: relative;
  z-index: 100;
}*/
.apolloreg-form .form-group .small-text{
	font-size: 12px;
	color: #797979;
	font-weight: 300;
	letter-spacing: 1px;
	padding-top: 4px;
	display: block;
}
.apolloreg-form .form-group .title{
	color: #333;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.apolloreg-form .combine-input input[type="text"]{
	width: auto;
	margin-bottom: 20px;
	vertical-align: baseline;
	height: auto;
}
.apolloreg-form .combine-input input[type="text"]:last-child{
	margin-bottom: 0px;
}


/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.apolloreg-form .picker__box {
  padding: 0 1em;
}
/**
 * The header containing the month and year stuff.
 */
.apolloreg-form .picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em;
}
/**
 * The month and year labels.
 */
.apolloreg-form .picker__month,
.apolloreg-form .picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
}
.apolloreg-form .picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic;
}
/**
 * The month and year selectors.
 */
.apolloreg-form .picker__select--month,
.apolloreg-form .picker__select--year {
  border: 1px solid #b7b7b7;
  height: 38px;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em;
}


/*payment table css*/ 
/*.vertical-tabs:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -1px;
    z-index: 1;
    border: 1px solid black;
}*/

.vertical-tabs:after {
    content: "";
    display: table;
    clear: both;
}

.vertical-tabs {
	border: 1px solid #d4edf0;
	margin-bottom: 15px;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}
.vtabs {
    position: relative;
    float: left;
    width: 200px;
    padding-left: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left:0px;
}

    .vtabs li {
        position: relative;
        list-style: none;
    }

        .vtabs li:after {
            content: "";
            display: table;
            clear: both;
        }

        .vtabs li a {
            position: relative;
            display: block;
            width: 100%;
            padding: 10px;
            text-decoration: none;
            text-align: center;
            /*background-color: #007d9e;
            color: #fbfbfb;*/
            background-color: #fbfbfb;
            border: 1px solid #fff;
            border-right: 1px solid #d8d8d8;
            cursor: pointer;
        }

		.vtabs li.vactive a {
			z-index: 2;
			background: #fff18f;
			color: #645800;
			border: 1px solid #fff;
			border-right: 1px solid white;
		}

.vtabs-content .vcontent {
    display: none;
    padding: 10px;
}

    .vtabs-content .vcontent.vactive {
        display: block;
    }

        .vtabs-content .vcontent.vactive p, .content_area {
            margin-left: 205px;
        }

            .vtabs-content .vcontent.vactive p:focus,
            .vtabs-content .vcontent.vactive p:active{
                outline: none;
            }

.radio_wrp{
width:auto;
display:inline-block;
margin:0 10px;

}

/*ends*/
@media (min-width: 24.5em) {
    .apolloreg-form .picker__select--month, .apolloreg-form .picker__select--year {
	margin-top: -0.5em;
  }
}
.apolloreg-form .picker__select--month {
  width: 35% !important;
}
.apolloreg-form .picker__select--year {
  width: 22.5% !important;
}
.apolloreg-form .picker__select--month:focus,
.apolloreg-form .picker__select--year:focus {
  border-color: #0089ec;
}
/**
 * The month navigation buttons.
 */
.apolloreg-form .picker__nav--prev,
.apolloreg-form .picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}
@media (min-width: 24.5em) {
.apolloreg-form .picker__nav--prev,
.apolloreg-form .picker__nav--next {
	top: -0.33em;
  }
}
.apolloreg-form .picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}
@media (min-width: 24.5em) {
.apolloreg-form .picker__nav--prev {
	padding-right: 1.5em;
  }
}
.apolloreg-form .picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}
@media (min-width: 24.5em) {
.apolloreg-form .picker__nav--next {
	padding-left: 1.5em;
  }
}
.apolloreg-form .picker__nav--prev:before,
.apolloreg-form .picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}
.apolloreg-form .picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000;
}
.apolloreg-form .picker__nav--prev:hover,
.apolloreg-form .picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.apolloreg-form .picker__nav--disabled,
.apolloreg-form .picker__nav--disabled:hover,
.apolloreg-form .picker__nav--disabled:before,
.apolloreg-form .picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
/**
 * The calendar table of dates
 */
.apolloreg-form .picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em;
}
@media (min-height: 33.875em) {
.apolloreg-form .picker__table {
	margin-bottom: .75em;
  }
}
.apolloreg-form .picker__table td {
  margin: 0;
  padding: 0;
}
/**
 * The weekday labels
 */
.apolloreg-form .picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */
}
.id-btns{
	/*display:flex;
	justify-content:space-between;*/
	padding-top:22px;
}

	.id-btns .btn{
		/*height: 26px !important;*/
		padding: 2px 4px !important;
		/*font-size: 13px !important;
		letter-spacing: 0 !important;*/
	}
.sh-position {
	float: right;
	padding-top: 16px;
}


@media (min-height: 33.875em) {
.apolloreg-form .picker__weekday {
	padding-bottom: .5em;
  }
}
/**
 * The days on the calendar
 */
.apolloreg-form .picker__day {
  padding: .3125em 0;
  font-weight: 400;
  border: 1px solid transparent;
}
.apolloreg-form .picker__day--today {
  position: relative;
}
.apolloreg-form .picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent;
}
.apolloreg-form .picker__day--disabled:before {
  border-top-color: #aaaaaa;
}
.apolloreg-form .picker__day--outfocus {
  color: #dddddd;
  font-weight:200;
}
.apolloreg-form .picker__day--infocus:hover,
.apolloreg-form .picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.apolloreg-form .picker__day--highlighted {
  border-color: #0089ec;
}
.apolloreg-form .picker__day--highlighted:hover,
.apolloreg-form .picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.apolloreg-form .picker__day--selected,
.apolloreg-form .picker__day--selected:hover,
.apolloreg-form .picker--focused .picker__day--selected {
  background: #0089ec;
  color: #ffffff;
}
.apolloreg-form .picker__day--disabled,
.apolloreg-form .picker__day--disabled:hover,
.apolloreg-form .picker--focused  .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}
.apolloreg-form .picker__day--highlighted .picker__day--disabled,
.apolloreg-form .picker__day--highlighted .picker__day--disabled:hover {
  background: #bbbbbb;
}
/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.apolloreg-form .picker__footer {
  text-align: center;
}
.apolloreg-form .picker__button--today,
.apolloreg-form .picker__button--clear,
.apolloreg-form .picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: 400;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}
.apolloreg-form .picker__button--today:hover,
.apolloreg-form .picker__button--clear:hover,
.apolloreg-form .picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}
.apolloreg-form .picker__button--today:focus,
.apolloreg-form .picker__button--clear:focus,
.apolloreg-form .picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none;
}
.apolloreg-form .picker__button--today:before,
.apolloreg-form .picker__button--clear:before,
.apolloreg-form .picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}
.apolloreg-form .picker__button--today:before,
.apolloreg-form .picker__button--clear:before {
  content: " ";
  margin-right: .45em;
}
.apolloreg-form .picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent;
}
.apolloreg-form .picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200;
}
.apolloreg-form .picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777;
}
.apolloreg-form .picker__button--today[disabled],
.apolloreg-form .picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}
.apolloreg-form .picker__button--today[disabled]:before {
  border-top-color: #aaaaaa;
}

/* ==========================================================================
   $DEFAULT-DATE-PICKER
   ========================================================================== */
  /* .changephone-div{
	display: inline-block;
	width: 100%;
   }*/
.changephone-div p {
	width: auto;
	*/ height: 38px;
	font-size: 15px;
	color: #636363;
	font-weight: 400;
	letter-spacing: 0.03em;
	background-color: #e1eef2;
	border: 1px solid #bfbfbf;
	/* box-shadow: none; */
	/* outline: none; */
	/* vertical-align: middle; */
	/* margin: 0px; */
	line-height: normal;
	padding: 7px 12px;
	border-radius: 4px;
	/* float: left; */
	/* margin-right: 16px; */
	/* width: 100%; */
	cursor: not-allowed;
}
.apolloreg-form .changephone-div #changephone{
  background-color: transparent;
  border: 1px solid #007d9e;
  border-radius: 4px;
  padding: 6px 25px;
  color: #007d9e;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 0;
  height: 38px;
  float: left;
}
.apolloreg-form .changephone-div #changephone:hover{
  background-color: #007d9e;
  border: 1px solid #007d9e;
  color: #FFF;
}

#txtMobileOTP {
	width: 100%;
	height: 38px;
	font-size: 15px;
	color: #636363;
	font-weight: 400;
	letter-spacing: 0.03em;
	background-color: #f9f9f9;
	border: 1px solid rgba(0, 125, 158, 0.44);
	box-shadow: none;
	outline: none;
	vertical-align: middle;
}
#btnSubmitOTP,#btnResendOTP
{
	float:left;margin-left:5px;
	background-color:transparent;
	border:1px solid green;
	border-radius: 4px;
	padding: 7px 25px;
	color: green;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top: 0;
	height: 38px;
}

	#btnSubmitOTP:hover, #btnResendOTP:hover {
		background-color: green;
		color: white;
	}
.vf-btn {
	font-size: 17px !important;
	font-weight: 600;
	background-color: green !important;
	color: white !important;
}

	.vf-btn:hover {
		background-color: #008054 !important;
		color: white !important;
	}
	/*.pay-radio .input-radio input[type="radio"] + label:before {
	border: 2px solid #007d9e !important;
	display: inline-block;
	width: 1.89em !important;
	height: 1.89em !important;
}
.pay-radio .input-radio input[type="radio"]:checked + label:before {
	background-color: #f47920;
	box-shadow: inset 0 0 0 4px #f4f4f4;
	border: 2px solid #f47920 !important;
}*/
	.pay-radio .input-radio label {
	font-size: 18px;
	font-weight: 500;
	color: #0892b1;
}

.pay-counter {
	font-size: 12px !important;
}
.pay-radio .input-radio .pay-counter label {
	font-size: 13px !important;
}
	/*.pay-radio .input-radio #divrdbHospitalFeePayment table td:nth-child(1) label {
	font-size: 19px !important;
}*/
	/* Responsive Css Starting here */
	@media (max-width: 991px) {
		.register-button .col-md-12 {
			flex: 100%;
			width: 100%;
			max-width: 100%;
		}

		.main-slider .item img {
			display: none;
		}

		.main-slider .item {
			background: url(../images/main-slider-bg.jpg) no-repeat;
			height: 100vh;
			background-size: cover;
			background-position: center;
		}

		.slider-text {
			top: 8%;
		}

		.apolloreg-form .patient-user-profile .form-inline {
			padding: 0px !important;
		}

		.apolloreg-form .form-group {
			padding: 0px;
		}
	}

	.uhid-mbl {
	margin-left: 5px;
	float: left;
	width: auto !important;
}
.otpbtn {
	margin-left: 5px;
	float: left;
	width: auto !important;
}
.mr-n{margin-left:0px !important;}
.or-txt {
	float: left;
	padding: 10px;
}
.dob-inp{ width:30% !important;}
.age-inp {width: 28% !important;}
.mbl-num {
	width: 51% !important;
	margin-left: 4.5%;
	display: inline;
}

.otp-input {
	width: inherit !important;
	float: left;
	margin-left: 20px;
}
.uhid-info {
	text-align: center;
	font-size: 18px;
	color: rgb(49, 112, 143);
	font-weight: 500;
	display: block;
	margin: 10px;
	padding: 11px;
	line-height: 1.6;
}
.pay-lbl {
	float: left;
	margin-right: 10px;
}
.upi-inpt {
	width: inherit !important;
	margin: 0px 12px;
}
.mdlotp-input { width:inherit !important; float:left;}
.otp-helptxt {
	width: 100%;
	display: flex;
	padding-top: 12px;
}
.fdb_lbl {
	/*display: flex;*/
	padding: 9px 0px 16px;
	border-bottom: 1px solid #ccdbe8;
}
.fdb-title {
	color: #f4ab00;
	font-size: 14px;
	letter-spacing: 0;
	font-weight: 500;
	margin-bottom: 12px;
}
.ml-16 {
	margin-left: 16px;
}
.num-verfi {
	padding: 16px 0px 12px;
}
.mbl-numcenter {
	display: flex;
	justify-content: space-around;
	padding: 16px;
}
.change-btn {
	margin-left: 5px;
	float: left;
	width: auto !important;
}

.otp-help {
	padding-left: 16.5%;
}
.mb-0{  margin-bottom:0px !important;}
.mn_fields {
	color: red;
	font-size: 12px;
	text-align: right;
	padding-top: 21px;
}
.gutter-0{ margin-right:0px !important; margin-left:0px;}
.language-sec {
	padding: 9px 10px;
	margin-bottom: 10px;
	margin-top:10px;
	clear: both;
}
.slct-lang {
	text-align: left !important;
	font-weight: 600;
	padding: 9px 16px;
	background: #007d9e;
	display: table;
	color: #ffff;
	border-radius: 2px;
	margin-top: 25px;
}
.lng-selection {
	text-align: left;
	padding-bottom: 6px;
	color: #027998;
}
.apolloreg-form .language-sec select {
	height: 34px;
	padding: 0px 6px;
}

@media (max-width: 767px) {
	.otp-help {
		padding-left: 1.5%;
	}
	.change-btn {
		margin: 12px 0px !important;
		float: left;
		width: auto !important;
	}
	#btnSubmitOTP, #btnResendOTP {
		margin-top: 12px; margin-left:0px;
	}
	.apolloreg-form .picker__select--year {
		width: 23.5% !important;
	}
	.apolloreg-form select {
		font-size: 13px;
	}
	.upi-inpt {
		width: 100% !important;
		margin: 6px 0px 12px;
	}
	.vtabs {
		width: 42%;
	}
	.vtabs-content .vcontent.vactive p, .content_area {
		margin-left: 45%;
	}
	.apolloreg-form .content_area .input-radio label {
		margin-bottom: 14px;
	}
	.pay-lbl {
		float: none;
		margin-right: 10px;
	}
	#divVerifyOtp input { 
		margin:12px 2px;
	}
	.otp-input {
		width: 100% !important;
		float: left;
		margin-left: 0px;
	}
	.vf-btn {
		white-space: normal;
		height: 69px !important;
	}
	.mbl-num {
		width: 66% !important;
		margin-left: 0;
	}
		.num-select {
			width: 26% !important;
			display: inline;
		}
		.dob-inp {
			width: 100% !important;
		}
	.age-inp {
		width: 100% !important;
		margin-bottom: 12px;
	}
		#a_UHID .icon-sec {
			margin: 0 auto;
			width: 90px;
			height: 90px;
			border-radius: 50%;
			background: #1eb987 url(../images/search-image.png) no-repeat;
			background-size: 52%;
			background-position: 22px 21px;
		}
		#a_registration .icon-sec {
			margin: 0 auto;
			width: 90px;
			height: 90px;
			border-radius: 50%;
			background: #007c9d url(../images/icons-spirtes.png) no-repeat;
			background-size: auto;
			background-position: -154px -25px;
		}
		#a_bookappointment .icon-sec {
			margin: 0 auto;
			width: 90px;
			height: 90px;
			border-radius: 50%;
			background: #f47920 url(../images/icons-spirtes.png) no-repeat;
			background-size: auto;
			background-position: -27px -25px;
		}
		#a_updateuhid .icon-sec {
			margin: 0 auto;
			width: 90px;
			height: 90px;
			border-radius: 50%;
			background: #b8ca22 url(../images/update_uhid.png) no-repeat;
			background-size: auto;
			background-position: center;
		}

		#a_csdf .icon-sec {
			margin: 0 auto;
			width: 90px;
			height: 90px;
			border-radius: 50%;
			background: #007c9d url(../images/icons-spirtes.png) no-repeat;
			background-size: auto;
			background-position: -278px -24px;
		}
		#a_opf .icon-sec {
			margin: 0 auto;
			width: 90px;
			height: 90px;
			border-radius: 50%;
			background: #007c9d url(../images/icons-spirtes.png) no-repeat;
			background-size: auto;
			background-position: -277px -25px;
		}

		.uhid-mbl {
			margin-left: 0px;
			float: left;
			width: 100% !important;
		}
		.otpbtn {
			margin: 16px 0px !important;
			float: left;
			width: auto !important;
		}
		.or-txt {
			float: left;
			padding: 26px;
		}
		#MainContent_DLKioskLanguages td .languageculture {
			display: inline-block;
			width: 42%;
		}
		.m-0{ margin:0px !important;}

		.xs-center {
			text-align: center;
		}

		.cvrfrm {
			font-size: 16px;
			margin: 0px;
			line-height: 1.4;
			padding-top: 3px;
		}

		.hsptl-title {
			text-align: center;
			padding-top: 0px;
		}

		.slider-text {
			top: 0%;
			padding: 0px 10px;
		}

		.register-error h2 {
			font-size: 16px;
		}

		.slider-text h1 {
			font-size: 18px;
		}

		.apolloreg-form .control-label {
			font-size: 13px;
			font-weight: 300;
		}

		.apolloreg-form .form-group .title {
			font-weight: 400;
			font-size: 16px;
			line-height: 24px;
		}

		.apolloreg-form .input-radio table td {
			padding-right: 0;
			width: 100%;
			display: block;
			margin-bottom: 10px;
		}

		.apolloreg-form .title {
			font-size: 22px;
			line-height: 35px;
		}

		.apolloreg-form .form-group .title {
			font-weight: 400;
			font-size: 14px;
			line-height: 20px;
			text-align: left;
		}
	}


	@media (max-width: 490px) {
		.myhome-btn {
			font-size: 14px;
			padding: 6px 12px;
			margin: 12px 0px;
		}

			.myhome-btn img {
				width: 18px;
			}
	}

	@media (max-width: 420px) {
		.myhome-btn {
			width: 100%;
			font-size: 14px;
			padding: 10px 12px;
		}

			.myhome-btn img {
				width: 18px;
			}
	}

	.ajax__calendar_day_disabled{background-color:#ccc!important;color:#eee!important}
.hospitalNameForBack {
	margin: 0px;
	color: #da9d00;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: .4px;
	padding: 4px 0px 0px 0px;
}
@media (max-width: 490px){
.hospitalNameForBack {
	text-align:center;
}
}
@media (max-width: 420px){
.hospitalNameForBack {
	text-align:center;
}
}



.redtext2 {
    position: absolute;
    right: 8px;
    top: 0;
    color: red;
    font-weight: 700
}

body .loader-wrapper {
    margin: 0;
    padding: 0;
    font-size: 62.5%;
    width: 100vw;
    height: 100vh;
    background: rgba(255,255,255,.8)
}

body.no-scroll {
    overflow: hidden
}

.loader-wrapper, .loader-wrapperFailedAppointment, .loader-wrapperSummary, .loader-wrapperSummaryQuickUHID, .loader-wrapperUnAuthorized {
    background: #fff;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999999999;
    display: none
}

.cssload-FailedAppointment, .cssload-loader, .cssload-tableSummary {
    position: relative;
    left: 50%;
    height: 200px
}

.cssload-loader {
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 200px;
    -webkit-perspective: 780px;
    perspective: 780px
}

.cssload-tableSummary {
    top: 25%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 90%;
    -webkit-perspective: 780px;
    perspective: 780px
}

.cssload-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

    .cssload-inner.cssload-one {
        left: 0;
        top: 0;
        animation: cssload-rotate-one 1.15s linear infinite;
        -o-animation: cssload-rotate-one 1.15s linear infinite;
        -ms-animation: cssload-rotate-one 1.15s linear infinite;
        -webkit-animation: cssload-rotate-one 1.15s linear infinite;
        -moz-animation: cssload-rotate-one 1.15s linear infinite;
        border-bottom: 5px solid #fb8133
    }

    .cssload-inner.cssload-two {
        right: 0;
        top: 0;
        animation: cssload-rotate-two 1.15s linear infinite;
        -o-animation: cssload-rotate-two 1.15s linear infinite;
        -ms-animation: cssload-rotate-two 1.15s linear infinite;
        -webkit-animation: cssload-rotate-two 1.15s linear infinite;
        -moz-animation: cssload-rotate-two 1.15s linear infinite;
        border-right: 5px solid #fb8133
    }

    .cssload-inner.cssload-three {
        right: 0;
        bottom: 0;
        animation: cssload-rotate-three 1.15s linear infinite;
        -o-animation: cssload-rotate-three 1.15s linear infinite;
        -ms-animation: cssload-rotate-three 1.15s linear infinite;
        -webkit-animation: cssload-rotate-three 1.15s linear infinite;
        -moz-animation: cssload-rotate-three 1.15s linear infinite;
        border-top: 5px solid #fb8133
    }

@keyframes cssload-rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0)
    }

    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
    }
}

@-webkit-keyframes cssload-rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0)
    }

    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
    }
}

@keyframes cssload-rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0)
    }

    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
    }
}

@-webkit-keyframes cssload-rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0)
    }

    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
    }
}

@keyframes cssload-rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0)
    }

    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
    }
}

@-webkit-keyframes cssload-rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0)
    }

    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
    }
}

.mytable tr {
    border: 1px solid #ccc;
    border-collapse: collapse
}

.mytable td, .mytable th {
    padding: 0 15px;
    text-align: left;
    font-size: 14px;
    color: #000;
    height: auto;
    line-height: normal;
    font-weight: 600;
    border: none
}

.mytable th {
    background: #007c9d;
    text-decoration-color: #fff
}

.declarationtxtbox {
    width: 350px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.languageculture {
    margin-right: 20px;
    background-color: #ff0;
    color: red;
    padding: 10px 20px;
    min-width: 50px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 700;
    text-decoration: none
}

    .languageculture:hover {
        color: green !important;
        text-decoration: none
    }

.loading-popup-parent {
    background: rgba(255,255,255,.8);
    display: block;
    height: 100%;
    margin: 0 auto;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 2147483647
}

.loading-popup-body {
    margin: 0 auto;
    position: absolute;
    top: 30%;
    width: 60%
}

	.loading-popup-body > p {
		color: #495367;
		padding: 16px;
		font-size: 18px;
		line-height: 1.4;
	}

.loadingmsgs {
    display: none
}

.tblConfirmationSummary tr {
	border: 1px solid #cde5ec;
	border-collapse: collapse
}

.tblConfirmationSummary td, .tblConfirmationSummary th {
    padding: 9px 15px;
    text-align: left;
    font-size: 12px;
    color: #000;
    height: auto;
    line-height: normal;
    border: none
}

.tblConfirmationSummary th {
    background: #007c9d;
    text-decoration-color: #fff
}

.cent__wrp {
    width: 45px;
    display: inline-block;
    text-align: center;
}

.mandatory {
    border: 0.5px solid #eaaba9 !important
}

#rdbtnGuardian input[type="radio"] + label:before,
.mandatory-radio input[type="radio"] + label:before {
    border: 0.5px solid #eaaba9 ;
}

#divAppointmentInfo .tblApptDetails > tbody > tr > td:nth-child(1) {
    font-weight: 600;
   /* min-width: 250px;*/
}

#divAppointmentInfo .tblApptDetails > tbody > tr > td:nth-child(2) {
    min-width: 10px;
}
.debitcard_icon,
.creditcard_icon,
.card_icon {
	width: 220px
}
.upi_icon {
	width: 60px
}
.wallet_icon,
.cashcard_icon {
	width: 140px
}
.netbanking_icon {
	width: 420px
}
.pay-opts{ }
.pay-opts ul li {  padding-right:26px;}
.pb-4{ padding-bottom:16px;}
.table-center {
	margin-left: auto;
	margin-right: auto;
}
.mb-2{
	margin-bottom: 9px;
}

@media (max-width: 767px) {

	.mt-xs-0 {
		margin-top: 0px !important;
	}
	.pay-opts ul li { display:block; padding:12px;}
	.wallet_icon {
		width: 100%;
	}
	.netbanking_icon {
		width: 100%;
	}
	.apolloreg-form .patient-user-profile {
		padding: 22px 20px 0px;
	}
	.flds-abs {
		top: -23%;
	}
	}
.pos-rl{ position:relative;}
.abs-star {
	color: red;
	font-weight: 700;
	font-size: 15px;
	top: 11px;
	position: absolute;
	right: 21px;
}
.rdguardian input[type="radio"] + label:before, .mandatory-radio input[type="radio"] + label:before {
	border: 0.5px solid rgba(0, 125, 158, 0.44) !important;
}
.guardianVisibleHide{
	visibility:hidden
}


.page-alert {
	text-align: center;
	font-size: 15px;
	color: #e70303;
	font-weight: 400;
}

.border0 {
	border: 0px;
}

.pad-30 {
	padding: 30px !important;
}
.mt-2{ margin-top:20px;}
.regmbl-help {
	padding: 16px 16px 9px
}
.menu-card {
	background: #fff;
	border-radius: 6px;
	padding: 30px;
	margin-top: 32px;
	margin-bottom: 32px;
	/*box-shadow: 3px 3px 6px rgb(191 200 203), -3px -3px 6px rgb(191 200 203);*/
	box-shadow: 0px 0px 6px #bbd6dd;
}

.dashbrd-menu {
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex-wrap {
	flex-wrap: wrap !important;
}
.dahbrd-item {
	width: calc((100% - 86px) / 5);
	margin-right: 16px;
	background: #EAFAFF;
	padding: 18px;
	border-radius: 4px;
	text-align:center;
	height:186px;
}
	.dahbrd-item h4 {
		font-size: 16px;
		color: #215D6E;
		line-height: 1.6;
		font-weight: 500;
		text-decoration: none;
		margin-bottom: 0px;
	}
	.dahbrd-item img{ width:64px; }
	.dahbrd-item a {
		text-decoration: none;
	}
	.item-bg {
		background: url('../images/mnubg.png');
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}


.dahbrd-item h4 {
	background: linear-gradient(to right, #ff9404, #000000);
	background-size: 200% 200%;
	animation: rainbow 2s ease-in-out;
	background-clip: text;
	-webkit-background-clip: text;
	color: #005f7a;
	display: block;
	text-align: center;
	font-weight: 500;
	transition: color .2s ease-in-out;
}

.dahbrd-item:hover h4 {
	color: rgba(0,0,0,0);
}

@keyframes rainbow {
	0% {
		background-position: left
	}

	50% {
		background-position: right
	}

	100% {
		background-position: left
	}
}

.dahbrd-item:nth-child(5n) {
		margin-right: 0px;
	}


    .dahbrd-item:nth-child(5n) ~ .dahbrd-item {
        margin-top: 16px;
    }
.lang-dropdown {
	font-size: 13px;
	border-color: #d2eaf2;
	box-shadow: none;
	margin-bottom:20px;
}

	.slot-overflow {
		max-height: 82vh;
		overflow-y: auto;
	}

	.slot-overflow::-webkit-scrollbar {
		width: 6px;
	}
	/* Track */
	.slot-overflow::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		-webkit-border-radius: 0px;
		border-radius: 0px;
	}


	/* Handle */
	.slot-overflow::-webkit-scrollbar-thumb {
		-webkit-border-radius: 6px;
		border-radius: 6px;
		background: #0a7b9b;
		/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
	}

		.slot-overflow::-webkit-scrollbar-thumb:window-inactive {
			background: #0a7b9b;
		} 

.mt-0{ margin-top:0px !important;}
.pb-9 {
	padding-bottom: 9px;
}
@media (min-width: 320px) and (max-width: 767.98px) {
	.regmbl-help {
		padding: 0px 0px 9px
	}
	.menu-card {
		background-color: transparent;
		padding:0px;
		box-shadow:none;
	}
	.dahbrd-item {
		width: calc(50% - 8px);
		padding: 12px;
		margin-right: 16px;
		box-shadow: 2px 2px 4px #e7e7e7, -2px -2px 4px #e7e7e7;
	}
	.dahbrd-item:nth-child(2n) {
		margin-right: 0;
	}
		.dahbrd-item:nth-child(5n) {
			margin-right: 16px;
		}
        .dahbrd-item:nth-child(2n) ~ .dahbrd-item {
            margin-top: 16px;
        }
	.dahbrd-item img{ width:56px;}

     .dahbrd-item h4 { font-size:12px;}
		.apolloreg-form .picker__button--today, .apolloreg-form .picker__button--clear, .apolloreg-form .picker__button--close {
			font-size: .69em;
		}

	.apolloreg-form .picker__weekday {
		font-size: .66em;
	}

	.apolloreg-form .picker__day {
		font-size: 16px;
		padding: 0.6em 0;
	}

	.page-alert {
		font-size: 12px;
		text-align: left;
	}

	.embed-responsive-16by9 {
		padding-bottom: 96vh;
	}
	.slct-lang {
		margin: 11px auto;
	}
	.language-sec {
		padding: 0;
		margin-bottom: 10px;
		margin-top: 0px;
		clear: both;
	}
}