/*Font Defination*/
@font-face {
font-family: 'effraregular'; 
src: url('../fonts/effra-regular-webfont.eot'); 
src: url('../fonts/effra-regular-webfont.eot?#iefix') format('embedded-opentype'), 
url('../fonts/effra-regular-webfont.svg#effraregular') format('svg'),
url('../fonts/effra-regular-webfont.woff') format('woff'), 
url('../fonts/effra-regular-webfont.ttf') format('truetype'); 
font-weight: normal; 
font-style: normal;}

@font-face {
font-family: 'effra_lightregular'; 
src: url('../fonts/effralight-regular-webfont.eot'); 
src: url('../fonts/effralight-regular-webfont.eot?#iefix') format('embedded-opentype'), 
url('../fonts/effralight-regular-webfont.svg#effra_lightregular') format('svg'),
url('../fonts/effralight-regular-webfont.woff') format('woff'), 
url('../fonts/effralight-regular-webfont.ttf') format('truetype'); 
font-weight: normal; 
font-style: normal;}

@font-face {
font-family: 'effra_mediumregular'; 
src: url('../fonts/efframedium-regular-webfont.eot'); 
src: url('../fonts/efframedium-regular-webfont.eot?#iefix') format('embedded-opentype'), 
url('../fonts/efframedium-regular-webfont.svg#effra_mediumregular') format('svg'),
url('../fonts/efframedium-regular-webfont.woff') format('woff'), 
url('../fonts/efframedium-regular-webfont.ttf') format('truetype'); 
font-weight: normal; 
font-style: normal;}

@font-face {
font-family: 'effrabold'; 
src: url('../fonts/effra-bold-webfont.eot'); 
src: url('../fonts/effra-bold-webfont.eot?#iefix') format('embedded-opentype'), 
url('../fonts/effra-bold-webfont.svg#effrabold') format('svg'),
url('../fonts/effra-bold-webfont.woff') format('woff'), 
url('../fonts/effra-bold-webfont.ttf') format('truetype'); 
font-weight: normal; 
font-style: normal;}

/*Common using fonts*/
.select-exam .details-holder h4 span, .title h1 span, .sub-heading, .post-appointment .title h1, .reveal-modal h4{font-family:"effra_lightregular"}
.sub-heading, .upcoming-appointment .appointment-list .appointment_date figure span,  .post-appointment .appointment_date figure span, footer .need-assistant h2 span, .schedule-your-appointment .your-schedule .schedule-detail h2 span, .appointment-available h4 span, .user-name  {font-family:"effra_lightregular";}
h1, h4, .field h5, .login h2, .btn, .selected-tests h4, .already-signin, .upcoming-appointment .appointment-list .appointment_date figure, .post-appointment .grid h4, .post-appointment .grid .date, .signup li.signin a, .schedule-your-appointment .your-schedule .schedule-detail h2, .schedule-your-appointment .your-schedule .location-address h5, .appointment-available h4, .pagetop .languages > a, .select-exam-location .locations ul li .location-address h5 {font-family:"effra_mediumregular"}
h1.quote, footer h2, .select-exam .details-holder h4, .schedule-info .schedule-block .sub-heading {font-family:"effrabold"}

/* ------------------------- General ------------------------- */ 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td{ margin: 0; padding: 0; }
body{background: #f9f9f9;color: #797979;padding: 0;margin: 0; font-style: normal;line-height: 1;position: relative; font-size:1rem; font-family: "effraregular"; color:#282F37; }
body .main.wrapper{ background:url(../Images/bg-image.jpg) no-repeat bottom; padding-bottom: 50px;}
*:focus, a:focus, button:focus, input:focus{outline:0;}
a {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a, a > * {outline: none; cursor: pointer; text-decoration: none;}
a:focus, a:hover {outline: none; text-decoration: none;cursor: pointer}
h1{font-size: 2em;margin: 0.67em 0;}
abbr[title]{border-bottom: 1px dotted;}
dfn{font-style: italic;}
hr{-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
mark{background: #ff0;color: #000;}
code, kbd, pre, samp{font-family: monospace,  serif;font-size: 1em;}
pre{white-space: pre-wrap;}
q{quotes: "\201C" "\201D" "\2018" "\2019";}
small{font-size: 80%;}
sub, sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
.callout-box img{border: 0;-webkit-backface-visibility: hidden;-ms-interpolation-mode: bicubic;}
svg:not(:root){overflow: hidden;}
figure{margin: 0;}
fieldset{border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend{border: 0; /* 1 */padding: 0; /* 2 */}
button, input, select, textarea{font-family: inherit; /* 1 */font-size: 100%; /* 2 */margin: 0; /* 3 */}
button, input{line-height: normal;}
button, select{text-transform: none;}
button, html input[type="button"],  /* 1 */
input[type="reset"], input[type="submit"]{-webkit-appearance: button; /* 2 */cursor: pointer; /* 3 */}
button[disabled], html input[disabled]{cursor: default;}
input[type="checkbox"], input[type="radio"]{box-sizing: border-box; /* 1 */padding: 0; /* 2 */}
input[type="search"]{-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner{border: 0;padding: 0;}
textarea{overflow: auto; /* 1 */vertical-align: top; /* 2 */ outline:0}
table{border-collapse: collapse;border-spacing: 0;}
.b{ font-weight:600;}

/* ------------------------- Common Style ------------------------- */  
h1, h2, h3, h4, h5, h6{ text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; font-weight:normal;}
h1{ font-size: 44px; }
h2{ font-size: 30px; }
h3{ font-size: 26px; }
h4{ font-size: 22px; }
h5{ font-size: 16px; }
h6{ font-size: 14px; }
em, i{ font-style: italic; line-height: inherit; }
code{background: #ffff99; }
.color-red{color:#cb2928;}
.color-red-subheading{color:#cb2928 !important; font-weight:600;}
.color-black{color:#333333;}
.dblock{display:block !important;}
.spinner {  margin: 100px auto 0;  width:100%;  text-align: center;}
.spinner > div {  width: 18px;  height: 18px;  background-color: #00929f;  border-radius: 100%;  display: inline-block;  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;  animation: bouncedelay 1.4s infinite ease-in-out;  /* Prevent first frame from flickering when animation starts */  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.spinner .bounce1 {  -webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
.spinner .bounce2 {  -webkit-animation-delay: -0.16s;  animation-delay: -0.16s;}
.browserUpdate {text-align: center;  width: 600px !important;  margin: 10% auto; background:rgba(0, 0, 0, .1); -webkit-border-radius: 8px;-moz-border-radius: 8px;
border-radius: 8px;  padding: 20px 0 30px;}
.browserUpdateText{font-size:18px; line-height:24px;padding: 11px 20px;}
.browserUpdate .title{    color: #00929f;font-size: 44px; line-height: 40px; padding-bottom: 15px;}
.brrowserImage{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px; width: 100px;}
.pointer-disabled{cursor:not-allowed!important}


@-webkit-keyframes bouncedelay {  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {display: none !important;}

/* ------------------------- Temporary Landing page ------------------------- */

#landingPopup.reveal-modal{ border: 0; padding:10px !important;left: 0;box-shadow: none; top:0 !important; width:100% !important;max-width: 100%;background-color: rgba(0, 0, 0, 0.0);}
#landingPopup .reveal-modal-bg{background: rgba(0, 0, 0, 0.9) !important;}
#landingPopup  + .reveal-modal-bg {background: rgba(0, 0, 0, 0.9) !important;}
div.container {width:100%; height:100%;}
img.calender{margin-top:100px;}

#calicon {text-align:center;border:none;}
#calicon div {color:#FFF; font-size:24px;}
#calicon div .largeText{color:#00929f; font-size:30px;display: inline-block;padding-top: 10px;}
.greenText{color:#00929f;}
#calicon h3 {color:#00929f; font-size:30px;}
.p-t60{padding-top:60px;}
.p-t30{padding-top:30px;}
.p-t10{padding-top:10px;}
#close a{background-color:#00929f;color:#000000;border-radius:5px;	float:none;	padding:10px 80px;	text-decoration:none;font-weight:bold;	font-size:24px;	margin-top:100px;display:inline-block;

}
@media only screen and (max-width: 767px) {
	.p-t60{padding-top:30px;}
	#calicon div .largeText{color:#00929f; font-size:20px}
	/*img.calender{margin:20px;}*/
	#calicon div { font-size:16px !important; margin-top:10px;}
	#calicon div.p-t30{ line-height:22px !important}
	#calicon h3 { font-size:20px;}
	#close a{font-size:16px; padding:10px 50px; margin-top:20px;}
	#calicon div span{color:#00929f; font-size:18px}

}
/* ------------------------- Temporary Landing page End------------------------- */

/* ------------------------- Custom commoan ------------------------- */
.main{ word-wrap:break-word; position:relative; min-height:400px}
[class*="block-grid-"] > li{ padding-bottom:0}
.block{overflow:hidden;}
hr{font-size:0;height:1px;border:0;border-bottom:1px solid #B5B5B5; overflow:hidden;clear:both; margin:20px 0px;}
.hr-light{border-bottom:1px solid #ddd;}
.hr-dark{margin: 0;font-size:0;height:1px;border:0;border-bottom:1px solid #909092; overflow:hidden;clear:both; margin:10px 0px;}
.hr-dark-thick{margin: 0;font-size:0;height:1px;border:0;border-bottom:#555658 2px solid; overflow:hidden;clear:both; margin:10px 0px;}
ul.no-list, ol.no-list{list-style:none;}
ul.no-margin, ol.no-margin{margin-left:0;}
a{ color:#32cac3; text-decoration:none;}
a:hover{ text-decoration:none; color:#32cac3}
a.black:hover{ color:#333}

a img{ border:none;}
p{ margin-bottom:17px; line-height:normal;}
.uppercase{ text-transform:uppercase!important;}
.bg-none { background:none!important;}
.circle{display: block;margin:0 auto;background-size: cover;background-repeat: no-repeat;background-position: center center;-webkit-border-radius: 99em;-moz-border-radius: 99em;border-radius: 99em;border: 5px solid #eee;box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.6); }
.round{-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background: white !important;padding: 10px;margin: 4px;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);}
.radius{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.hidden{visibility:hidden}
.hide{display:none;}
.visi-hidden{ visibility:hidden}
.light-blue{ color:#009ae7}
.medium-blue{ color:#3369b1}
.blue { color:#32cac3;}
.dark-blue{ color:#003e7e}
.light-black { color:#282f37;}
.black { color:#333;}
.white, .white-lnk{ color:#FFF;}
.white-lnk{ text-decoration:underline; font-weight:bold; margin:0 5px}
.white-lnk:hover{ color:#fff; text-decoration:none}
.dark-red{ color:#bf1e2d;}
.gray{ color:#bbb}
.dark-gray{ color:#737373}
.white-bg{ background:#FFF;}
.bg-blue{ background:#003e7e}
.bg-gray{ background:#ededed}
.bg-light-blue{ background:#14abe9}
/* ------------------------- Margin Css ------------------------- */
.m-l5{ margin-left:5px!important}
.m-l10{ margin-left:10px}
.m-r10{ margin-left:10px}
.m-b5{ margin-bottom:5px}
.m-r10{ margin-right:10px}/* shafaat */

/* ------------------------- Padding Css ------------------------- */
.p-t15 { padding-top:15px;}

.right-icon{ vertical-align:middle; margin:-3px 0 0 10px}
.left-icon{ vertical-align:middle; margin:-3px 10px 0 0}
.set-verticle{display:table-cell; vertical-align:middle; float:none!important;}
.h-100{ height:100px}
.clr{ clear:both}
.set-margin{ margin:75px 0 0 60px}
.set-margin.notifications{margin:75px 0 0 10px}
.outer-border{ border:solid 1px #68d3dc; padding:7px}
.no-margin-top{ margin-top:0}
.action { margin:20px auto}
.question{ margin:0 10px 0; position:relative}
.txt-green{ color:#00929f}
.map-size{ width:60%; height:100%}
.small-note{font-size:16px; color:#00929f}
.small-note-text{font-size:14px; color:#00929f}
 .mapLabels{ font-size: 14px !important; padding:12px 1px 0 0px!important; width:26px!important; font-weight: bold !important; text-align: center; color:#fff;}
 .mapLabels.green-label{color:#00929f!important; font-size:20px!important; width:32px!important; margin-top:-60px!important; padding:10px 0 0 !important}
/* tooltip */
.tooltip {background-color: #fff; border: 1px solid #ddd; color: #000; left: -75px; display:none; padding: 0 5px; position: absolute; top: -65px; transition: opacity 0.5s ease 0s; width: 175px; color:red; text-align:center; }
.question a:hover .tooltip {display:block;}
.tooltip span{ position:relative} 
.tooltip span:after {content:''; position: absolute; top: 175%; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-top: solid 10px #999; border-left: solid 10px transparent;border-right: solid 10px transparent;}
.br-right { border-right:solid 1px #ddd;}

.selectParent .insurance-select select { padding-right:1%\0; /* IE8, IE9 */}


/* ------------------------- Listing ------------------------- */
.list{margin:10px 0; padding:0; list-style-position:inside;}
.list.indent{margin-left:20px;}
.list li{margin:6px 0 0 0; padding:0;}
.list li:first-child{margin:0;}
.list li > ul, .list li > ol{margin:8px 0 8px 30px;}
.list.none{list-style-type:none;}

/* ------------------------- Custom Columns ------------------------- */
.one_half, 
.one_third, .two_third, 
.one_quarter, .two_quarter, .three_quarter, 
.one_fifth, .two_fifth, .three_fifth, .four_fifth, 
.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth{display:inline; float:left; margin:0 0 0 5%; list-style:none;}
.one_half:first-child, 
.one_third:first-child, .two_third:first-child, 
.one_quarter:first-child, .two_quarter:first-child, .three_quarter:first-child, 
.one_fifth:first-child, .two_fifth:first-child, .three_fifth:first-child, .four_fifth:first-child, 
.one_sixth:first-child, .two_sixth:first-child, .three_sixth:first-child, .four_sixth:first-child, .five_sixth:first-child{margin-left:0!important;}
.first{clear:left!important;}
.first, .nogutter{margin-left:0!important;}
.eq-col-child{ height:auto!important}

/* --- Custom Columns: Half Grid --- */
.one_half{width:47.5%!important;}
.one_half.nogutter{width:50%!important;}

/* --- Custom Columns: Third Grid --- */
.one_third{width:30%!important;}
.two_third{width:65%!important;}
.one_third.nogutter{width:33.33333%!important;}
.two_third.nogutter{width:66.66666%!important;}

/* ------------------------- Grid Replace ------------------------- */
select{ width:auto}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {background-color:#fff; color:#777; font-size:16px; padding:8px 8px; margin:0; width:100%; height:auto; resize:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-radius:7px; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2) inset}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus{ background-color:#fff; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.5) inset;}
textarea{min-height:100px;}
span.error, .error, .success, .progress {padding:1rem 0.5rem;margin-top: -1px;margin-bottom: 1rem;font-size: 1rem;font-weight: normal; color: cccccc; text-align:center;display:block; transition:opacity 0.5s linear; border-top:4px solid #ffffff; background:#ffffff; box-shadow:0px 0px 4px #cccccc; font-style:normal;}
.error {color: #ec2423 !important; border-top:4px solid #ec2423 !important;}
.success {color: #5CB85C !important; border-top:4px solid #5CB85C !important;}
.progress { color:#F0AD4E !important; border-top:4px solid #F0AD4E !important;}

/* ------------------------- css3 links ------------------------- */
.signin a:before, .signin a:after { display: inline-block;  opacity: 0; transition: transform 0.3s ease 0s, opacity 0.2s ease 0s;}
.signin a:before { content: "["; margin-right: 10px; transform: translateX(20px);}
.signin a:after { content: "]"; margin-left: 10px; transform: translateX(-20px);}
.signin a:hover:before, .signin a:hover:after/*, .signin a:focus:before, .signin a:focus:after*/ { opacity: 1; transform: translateX(0px);}

/* ------------------------- Forms & Buttons ------------------------- */
.form{margin:0;padding:0;}
.inline-error{color:#ff0000; font-size:12px;}
.ng-invalid-pattern, .has-error {border-color:red !important}
.has-error input{ border-color: red;}
.has-error-label{ color:red}
.has-error-file > button,.has-error-file > div > span{color: red !important;}
.field-validation-error{ color:red; margin:5px 0 0 0; display:inline-block; font-size:14px }
.btn{display:inline-block;*display:inline;*zoom:1;padding:7px 20px;font-size:18px;vertical-align:middle;cursor:pointer;color:#FFF;background-color:#85888D;text-decoration:none!important; white-space: nowrap; border:none; border-radius:4px; font-weight:normal; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn:hover,.btn:focus{color:#FFF;text-decoration:none;background-color:#616365;}
.btn-small{padding:2px 10px;font-size:11.9px;line-height:41px;}
.btn-mini{padding:0 10px;font-size:10px; height:30px; line-height:31px;}
.btn-medium{padding:8px 20px;font-size:18px;}
.btn-large{padding:7px 40px;font-size:19px; }
a.btn-large{ padding:9px 40px; text-align:center}
.btn-x-large{padding:12px 40px;font-size:28px;}
.btn-block{display:block;width:100%;padding-left:0;padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn-block+.btn-block{margin-top:5px;}
.btn-blue{ background:#32cac3; }
.btn-blue:hover, .btn-blue:focus{ background:#32cac3; }
.btn-green{ background:#32cac3; color:#282f37; box-shadow: 0 2px 2px -2px #333; -webkit-box-shadow: 0 2px 2px -1px #888; -moz-box-shadow: 0 2px 2px -2px #333; -ms-box-shadow: 0 2px 2px -2px #333; -o-box-shadow: 0 2px 2px -2px #333;}
.btn-green:hover, .btn-green:focus{ background:#32cac3; color:#282f37}
.btn-green.large{font-size:20px}
.btn-light-grey{ background:#8A8D92; }
.btn-white{ background:#f6f6f6; color:#009ae7; border:#e1e1e1 1px solid; }
.btn-white:hover, .btn-white:focus{ background:#32cac3; color:#282f37}
.btn-yes{ background: #fff; color:#00929f;}
.btn-yes:hover, .btn-yes:focus{ background:#fff; color:#00929f;}
.btn-no{ background: #fff; color:red}
.btn-no:hover, .btn-no:focus{ background:#fff; color:red;}
.full-width{ width:100%}
.btn-green.next{padding:8px 70px}
.btn[disabled=disabled]{ background:#e8e8e8; color:#cccccd;}
.btn-red{ background:#bf1e2e; }
.guest{ background:url("../images/guest.png") no-repeat 15px center #00929f; padding-left:50px}
.guest:hover, .guest:focus{ background:url("../images/guest.png") no-repeat 15px center #7BA52E; padding-left:50px}
.not-match{font-size:17px; color:#cb2928; border-right:solid 1px white;  margin-right:10px; padding:0 20px; font-style:normal; text-align:left;}
label{ font-size:14px; line-height:1.2em; color:#646464; cursor:default;}
.blue-label label{ color:#003e7e;}
.required{color:#C90003; font-size:14px;}
.clearfix{ float: none; clear: both;}

/* flex scroll */
.content{ overflow: auto; position: relative; margin: 10px 0 0 0; width: 100%; height: 500px;}

/* kendo update */
.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input{ height:2.3em!important; line-height:2.3em!important;}
.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color{background-color:#68d3dc!important; color:#515967}
.k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-grid-header th.k-state-focused, td.k-state-focused, .k-button.k-state-focused{box-shadow:0 0 5px 1px #125796 inset;  border-color: #1977c9;}
.k-autocomplete.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-dropdown-wrap.k-state-hover {border-color: #1977c9;}
.k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected{ box-shadow: none}
.k-i-calendar, .k-link:hover:not(.k-state-disabled) > .k-i-calendar, .k-state-hover > .k-i-calendar, .k-state-hover > * > .k-i-calendar, .k-button:hover .k-i-calendar, .k-textbox:hover .k-i-calendar, .k-button:active .k-i-calendar{ background-position:-67px -170px}
.k-i-clock, .k-link:hover:not(.k-state-disabled) > .k-i-clock, .k-state-hover > .k-i-clock, .k-state-hover > * > .k-i-clock, .k-button:hover .k-i-clock, .k-textbox:hover .k-i-clock, .k-button:active .k-i-clock{ background-position:-160px -207px}
.k-datepicker .k-picker-wrap .k-icon{ width:30px; height:30px}
.k-datepicker .k-picker-wrap .k-i-calendar { background-image: url("/images/calendar-icon-small.png"); background-position:4px 2px; background-repeat: no-repeat; background-size: inherit; height:30px; width:30px}
.k-timepicker .k-picker-wrap .k-i-clock{ background-image: url("/images/down-arrow.png?ver=0.1"); background-position:2px 2px; background-repeat: no-repeat; background-size: inherit; height:15px; width:30px}
.k-picker-wrap.k-state-default, .k-picker-wrap.k-state-hover{background-color:#fff; background-image:none;}
.k-datepicker .k-picker-wrap{ padding:0 0 0 1.9em}
.k-datepicker .k-picker-wrap .k-select{ left:0}
.k-picker-wrap input[type="text"]{ width:99%!important; box-shadow:none}
.k-picker-wrap .k-select{ border-width:0}
.selectedRow td, .k-state-selected td{background-color:#68d3dc!important; color:#292F35}
.k-loading-image{height:50px !important;}
input[data-role=datepicker], input[data-role=timepicker]{pointer-events:none;}
.p-10lr{padding:0 10px}
/* ------------------------- My Profile drop down ------------------------- */
.my-account { position: relative; padding-right:10px; height:60px; cursor:pointer;}
.btn-slide{background: url("/images/down-arrow.png") no-repeat scroll right 15px rgba(0, 0, 0, 0); display: block; font-size: 20px; margin: 0 auto; outline: medium none; padding: 12px 30px 10px 20px!important; text-align: left; text-decoration: none;}
.slider-panel { background: #fff; padding: 2px 0 7px; position: absolute; right: 0; top: 60px; z-index: 998; border:solid 1px #ddd; display:none; pointer-events: none; }
.slider-panel ul { margin: 5px 0; list-style-type:none;}
.slider-panel ul li { list-style-type: none; width: 100%; }
.slider-panel ul li a { color: black; display: block; font-size: 15px; padding: 6px 10px 6px 7px; text-align:left; border-left:none;}
.my-account.active .slider-panel{ color: #fff; transition: opacity 0.25s ease 0.1s; pointer-events: auto; display:block}
.slider-panel:after, .slider-panel:before { border: medium solid transparent; bottom: 100%; content: " "; height: 0; left: 50%; pointer-events: none; position: absolute; width: 0;}
.slider-panel:after { border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #fff; border-width: 9px; margin-left: -14px;}
.slider-panel:before { border-color: rgba(194, 225, 245, 0) rgba(194, 225, 245, 0) #ddd; border-width: 11px; margin-left: -16px;}

/* ------------------------- Select Box ------------------------- */
.select-box label{ margin:0; line-height:normal; font-size:16px; color:#000; font-weight:bold; padding-top:0;}
.selectParent{width:100%; overflow:hidden; border:solid 1px #CACACA;  box-shadow:0 1px 1px rgba(0, 0, 0, 0.1); border-radius:7px}
.selectParent select{background: #fff url("../images/down-arrow.png") no-repeat 100% center; font-size:0.910rem; color:#646464; width: 100%; font-family: 'verdana'; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 6px 30px 6px 5px; border: none;  cursor:pointer }
.selectParent select option{font-family: 'verdana';}
.selectParent select:disabled {background: #f4f4f4 url("../images/down-arrow-grey.png") no-repeat 100% center; color: #bababa;}

.selectParent.one_half.selectParentHeight{ border:none !important; width: 20% !important;margin: 0 6px;box-shadow: none;}
.selectParent.one_half.selectParentHeight *:focus{ color:#777 !important; border:1px #777 solid !important;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.selectParent select:disabled{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // IE8
  filter: alpha(opacity=50); // IE 5-7
  opacity: 0.5;
  color: #FF0004 !important;
  }
}
.selectParent select option{ background:white; color:#646464!important}
.selectParent:hover{ background-color:#F4F4F4;}
.selectParent *:focus { color:#32cac3 !important; border:0 !important; outline:none !important;}

/* ------------------------- Radio Button & Checkbox ------------------------- */
.radio-btn input[type=radio], .checkbox input[type=checkbox] {display:none;}
.radio-btn label{padding:15px 15px 15px 50px; display:block; cursor:pointer; border-left:2px solid #eaeaea; margin-bottom:0!important;}
.radio-btn span.inactive + label{ background-repeat:no-repeat;  background-position:15px 12px;  background-color: #F8F8F8; border: 1px solid #efefef; cursor: pointer; display: inline-block;}
.radio-btn span.inactive.active + label {background-position: 15px -60px; color:#00929f; background-color:#fff}
.radio-btn label{background-image:url('../images/radio-button-dark.png?ver=0.1');}
.radio-btn span.inactive + label.no-bdr{ border-left:none;}

.checkbox span.inactive + label.label{padding-left:35px; display:inline-block; line-height:26px; background-repeat:no-repeat; cursor:pointer;}
.checkbox span.inactive.active + label.label {background-position: 0 -26px;}
.checkbox label.label{background-image:url('../images/check-on-off.png'); height:26px;}

/* ------------------------- Login Page ------------------------- */
.login{ margin:40px auto} 
.login .login-bg {padding:0 30px 30px ;	margin:0 auto;	background: #fff url(../images/bg_form.jpg) repeat-x top left; -moz-border-radius:4px;	-webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1); box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);}
.login h2 {font-size: 28px; line-height: 45px; color: #00929f; margin-bottom: 24px;text-shadow: 0 1px 0 #fff;}
.login label{ font-size:16px; margin-bottom:5px; display:inline-block}
.login .remember { display: inline; vertical-align: middle; font-size: 13px; font-weight: bold;}
.login .forgot{ margin:10px 0 0 0; font-size:14px}
.login .seperator{ padding-right:180px;}
.login .cancel a{ color:#777; display:inline-block; margin-top:25px}
.login .cancel a img{ margin-top:-3px}
.login .cancel a:hover,.login .cancel a:focus{ color:#444}

/* Authentication login page*/
.authentication-login { position:relative;}
.authentication-login .title h1{ margin-bottom:15px}
.authentication-login .reveal-modal { top:22%!important}
.authentication-login .reveal-modal.tiny { width:450px;}
#pregnent.reveal-modal h4 div, #autoSelection.reveal-modal h4 div{ margin-bottom:4px}
#pregnent.reveal-modal h4 div.phone-no, #autoSelection.reveal-modal h4 div.phone-no{color:#00929f; font-weight:bold;}

/*-------------------------------- Header ----------------------------*/
.container_header{ background:#ffffff; max-width: 100%; padding:1rem 0; box-shadow:0px 0px 10px #cccccc; }
.signup, ul.location{ border:solid 1px #EAEAEA; background:#fff; float:right;}
.signup { position:relative; top:16px}
.signup ul{ list-style:none;}
.signup li{ display:inline-block;}
.signup li a{ font-size:21px; padding:10px 20px; display:inline-block}
.signup li a{ border-left:solid 1px #bdbdbd }
.signup li:first-child a{ border-left:none;}
.signup li.appointment img{ padding-right:10px }
.signup li.appointment a{ color:#6D6F73}
.signup li.appointment a:hover{ color:#6D6F73}
.signup li.signin a{ padding-left:7px}
h1.quote { font-size:40px; color:#222; margin-top:0; letter-spacing:-2px; float:right; clear:right}
.language{ margin-top:5px}
.language input{border:solid 1px #fff}
.language input.active{border-color:#CACACA}
.english-flag, .maxico-flag {background: url("/images/english-flag.png") no-repeat center center ; width:34px; height:24px; display:inline-block; border:0; font-size:0; margin-left:5px}
.maxico-flag {background: url("/images/maxico-flag.png") no-repeat center center ; }
.user-name{ float:right; margin:30px 15px 0 0px; color : #32cac3;}
.smilLogo{width:155px; margin-left:20px;}


/* language */
header .languages {position: relative; z-index: 1; float:right; clear:both;}
header .languages > a {background:#2d3e48; color: #fff; font-size:13px; margin-top:2px; padding:0 5px 0 25px; display: block; line-height: 24px; margin: 2px 0 0 0; opacity: 0.8; text-transform: uppercase; font-size:12px;}
header .languages > a i.globe { position:absolute; top:1px; left:5px }
header .languages:hover > a, .pagetop .languages > a:hover {opacity: 1;}
header .languages > a > span {margin-right: 3px; margin-top: 0;}
header .drop .languages-panel {height: 0; left: 0; min-width: 111px; opacity: 1; position: absolute; display:none; transition: all 0.3s ease-out 0s; width: auto; }
header .languages.active .languages-panel{ display:block}
header .languages .content {background: #f5f5f5; list-style: none outside none; margin: 0; padding: 0; position: relative; text-align:left; height:auto; border:solid 1px silver;}
header .languages li a {color: #444; display: block; padding: 8px 10px; font-size:13px; margin:3px 0;}
header .languages li.active a, .pagetop .languages li a:hover {background: #ddd;}

/* New Language */
.dropdown { float:right; font-size:12px}
.dropdown dd, .dropdown dt, .dropdown ul { margin: 0px; padding: 0px; text-align:left}
.dropdown dd { position: relative;}
.dropdown a, .dropdown a:visited { color: #816c5b; text-decoration: none; outline: none;}
.dropdown a:hover { color: #5d4617;}
.dropdown dt a:hover { color: #5d4617; border: 1px solid #D0D0D0;}
.dropdown dt a { background: #E6E6E6 url(/images/arrow.png) no-repeat scroll right center; display: block; border: 1px solid #D0D0D0; width: 120px; }
.dropdown dt a span { cursor: pointer; display: block; padding: 4px 5px 6px;}
.dropdown dd ul { background: #E6E6E6 none repeat scroll 0 0; border: 1px solid #D0D0D0; color: #C5C0B0; display: none; left: 0px; padding: 5px 0px; position: absolute; top: 2px; width: auto; min-width: 120px; list-style: none;}
.dropdown span.value { display: none;}
.dropdown dd ul li a { padding: 5px; display: block;}
.dropdown dd ul li a:hover { background-color: #D1D1D1;}
.dropdown img.flag { border: none; vertical-align: middle; margin-right: 8px;}

ul.language-select{margin:5px 0 0 0; padding:0; float:right; }
ul.language-select li{ float:left;}
ul.language-select li a{padding:0 10px; border-right:solid 1px #ddd; text-transform:uppercase; font-size:13px; color:#51555b}
ul.language-select li a:hover{color:#333; text-decoration:underline}
ul.language-select li a:active, ul.language-select li a.active{font-weight:bold; text-decoration:none}
ul.language-select li a.last{ border:none; padding-right:0}

/*-------------------------------- Steps ----------------------------*/
ul.steps { list-style:none; margin:15px 0 0 0; display:inline;}
ul.steps li { height:10px; width:10%; background-color:#E9E9EB; cursor:pointer; display:inline-block; position:relative;}
ul.steps li.active{ background-color:#00929f}
ul.steps li:before, ul.steps li.active.passed:before{content:''; position:absolute; height:20px; width:20px; background:#00929f; color:#ffffff; border-radius:20px; font-size:1rem; line-height:20px; left:39%; top:-50%; text-align:center; display:none;}
ul.steps li.active:before{display:block;}
ul.steps li:nth-child(1):before{content:'1';}
ul.steps li:nth-child(2):before{content:'2';}
ul.steps li:nth-child(3):before{content:'3';}
ul.steps li:nth-child(4):before{content:'4';}
ul.steps li:nth-child(5):before{content:'5';}
ul.steps li:nth-child(6):before{content:'6';}
ul.steps li:nth-child(7):before{content:'7';}
ul.steps li:nth-child(8):before{content:'8';}
ul.steps li:nth-child(9):before{content:'9';}
a.startover{display:block; text-transform:uppercase; float:right; color:#969696; padding-left:16px; background:url('../images/icon-refresh.png?ver=0.1') 0px 0px no-repeat;}
a.startover:hover{color:#00929f;}


/*-------------------------------- Main ----------------------------*/
.returning-patient .birthdate .select-box .selectParent{ float:left; margin-right:7px;}
.returning-patient .birthdate .select-box .selectParent.month{ width:40%}
.returning-patient .birthdate .select-box .selectParent.day{ width:25%}
.returning-patient .birthdate .select-box .selectParent.year{ width:30%}
.returning-patient .birthdate .select-box .selectParent.day select{ width:100%}
.returning-patient .right-icon{ margin:0 0 0 2px}
.returning-patient .varification .hint-data .field{ margin:0 0 10px 0}
.main .wrap{ width:72%}
.sub-heading{ font-size:20px; color:#51555B; margin-bottom:20px; display:block}
.field{ margin:0 0 20px 0}
.field h5{ font-size:19px; margin:0 0 7px 0}
.field label{ margin-bottom:5px; font-size:16px;}
.title h1{ color:#00929f; margin-bottom:5px}
.title h1 span{display:block; font-size:26px; color:#777}
.already-signin {color:#000!important; font-size:20px!important; margin:0 0 15px; display:block}

ul.location{ float:none; list-style:none; margin:0; display:inline-block}
ul.location li { border-left:solid 2px #EAEAEA; display:inline-block; text-align:center}
ul.location li:first-child{ border-left:none}
ul.location li a{ font-size:21px; display:block; padding:10px}

.location-bottom{ background:#fff; border-top:solid 2px #CACBD0; padding:20px 0}
.location-bottom ul.location{ background-color:transparent; border:none}
.location-bottom ul.location li:first-child, .location-bottom ul.location li:first-child a{ margin-left:0; padding:0; text-align:left}

.hint-data{ background:#fff;}
.hint-data .icon{ margin-right:10px; height:16px; width:16px;}
.hint-data.disable{ opacity:0.5; cursor:auto}
.btn-home .btn-green, .btn-home .btn-blue {display: block;font-size: 26px;font-weight: normal; font-family: "effraregular"; font-weight: 100;}
.btn-home .btn-blue{ padding:10px 0; text-align: center;margin-left: -8px;}
.btn-home .btn-green{width: 100%;box-shadow: none; padding: 8px 0;}
.schedule-appointment .btn-home .action { margin-top:10px;}
.schedule-appointment .btn-home .action.right-btn{margin-right: -7px; padding-left: 7px;}
.schedule-appointment .btn-home .action .next.btn-home{display: inline-block; padding-top: 10px;font-size: 18px;}

/* popup */
.popup{display:block;background:rgba(255, 255, 255, 0.5);border:1px solid rgba(0, 0, 0, 0.2);color: #b94a48;padding:30px 40px;margin-bottom:10px;border-radius:5px;font-size:14px; height:100%; min-height:500px;  width:100%; top:0; text-align:center; z-index:99999999; position:absolute; }
#loading, #process-loading{display:block;background: #ffffff;border:1px solid #eed3d7;color: #b94a48;padding:60px 40px;margin-bottom:10px;border-radius:10px;font-size:14px;  width:30%; left:35%; top:35%; text-align:center; z-index:99999999; position:fixed; box-shadow:0px 0px 10px #666666;}
#loading2{display:block; width:30%; left:35%; top:35%; text-align:center; z-index:99999999; position:absolute;}
#process-loading.no-bg{width:20%; left:40%; padding: 1rem; top:35%;}
#process-loading.no-bg .spinner{margin: 0;}
#process-loading.tiny {width:500px;}
.overlay,.process-overlay{position:fixed; width:100%; height:100%!important; min-height: 100%; top:0px; left:0px; background:none; z-index:99;}
.overlay2{position:fixed; width:100%; height:100%!important; top:0px; left:0px; background:rgba(0, 0, 0, 0.5); z-index:99;}

/*-------------------------------- returning patient ----------------------------*/
ul.gender{ border:solid 1px #EAEAEA; background:#fff; float:left;}
ul.gender{ list-style:none;}
ul.gender li{ display:inline-block; float:left; padding:0; line-height:48px}
ul.gender li.left-bdr{ border-left:solid 1px #EAEAEA}
ul.gender li .action{ margin:0 0 0 15px}
ul.gender li .lbl{ padding:0 5px 0 20px}

/*-------------------------------- Schedule Appointment ----------------------------*/
.schedule-appointment.set-columns .large-9.left-col{ width:80%}
.schedule-appointment.set-columns .large-3.right-col{ width:20%}
.schedule-appointment{ min-height:530px}
.schedule-appointment .action{ margin-top:50px}
#map_model #map-canvas{ height:400px!important}
.select-exam .details-holder{ padding:63px 20px 20px 20px; margin-bottom:20px; text-align:center; min-height:270px; width:100%; background-color:#00929f; position:relative; cursor:pointer; }
/*.select-exam .xray .details-holder { background-color:#666; position:relative; padding-bottom:10px; padding-top:10px; }*/
/*.select-exam .xray .details-holder span { color: white; display: block; padding: 10px; font-size: 14px; line-height: 1.2; }*/
.select-exam .mammogram .details-holder{background-color:#ff92da;}
.select-exam .details-holder h4 { font-size: 1.3em; color:#fff; margin-bottom:0}
.select-exam .details-holder h4 span{ font-size: 0.9em; color:#00929f; display:block}
.select-exam .mammogram .checkbox span.inactive + label.label, .select-exam .dexa .checkbox span.inactive + label.label, .select-exam .ultrasound .checkbox span.inactive + label.label, .select-exam .ct_scan .checkbox span.inactive + label.label, .select-exam .mri .checkbox span.inactive + label.label{padding-left:0px; width:96px; height:98px; display:inline-block; background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.select-exam .mammogram .checkbox span.inactive + label.label, .select-exam .xray .checkbox span.inactive + label.label, .select-exam .ultrasound .checkbox span.inactive + label.label, .select-exam .ct_scan .checkbox span.inactive + label.label, .select-exam .mri .checkbox span.inactive + label.label{padding-left:0px; width:96px; height:98px; display:inline-block; background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.select-exam .mammogram .checkbox span.inactive.active + label.label, .select-exam .dexa .checkbox span.inactive.active + label.label, .select-exam .ultrasound .checkbox span.inactive.active + label.label, .select-exam .ct_scan .checkbox span.inactive.active + label.label, .select-exam .mri .checkbox span.inactive.active + label.label {background-position: center bottom;}
.select-exam .mammogram .checkbox span.inactive.active + label.label, .select-exam .xray .checkbox span.inactive.active + label.label, .select-exam .ultrasound .checkbox span.inactive.active + label.label, .select-exam .ct_scan .checkbox span.inactive.active + label.label, .select-exam .mri .checkbox span.inactive.active + label.label {background-position: center bottom;}
.select-exam .mammogram .checkbox label.label{background-image:url('../images/mammogram.png?ver=0.1');}
.select-exam .dexa .checkbox label.label{background-image:url('../images/dexa.png?ver=0.1');}
.select-exam .xray .checkbox label.label{background-image:url('../images/xray.png?ver=0.1');}
.select-exam .ultrasound .checkbox label.label{background-image:url('../images/ultrasound.png?ver=0.1');}
.select-exam .ct_scan .checkbox label.label{background-image:url('../images/ctscan.png?ver=0.1');}
.select-exam .mri .checkbox label.label{background-image:url('../images/mri.png?ver=0.1');}

.schedule-info{ position: absolute; z-index: 20; /*top: 224px;*/ top:0; left: 0; width: 100%; min-height:270px; background-color:#00929f; color: #FFFFFF; -webkit-transition: 0.5s Ease; -moz-transition: 0.5s Ease; -o-transition: 0.5s Ease; transition: 0.5s Ease;}
.select-exam .mammogram .schedule-info{background-color:#ff92da;}
.schedule-info .schedule-block { margin: 0 0 1em;}
.schedule-info .schedule-block .sub-heading{ margin-bottom:0; font-size:17px; padding:7px 10px; background-color:#00929f; border-top:solid 1px #26767d; color:#fff;}
.select-exam .mammogram .schedule-info .schedule-block .sub-heading{background-color:#ff92da; border-top:solid 1px #ce64aa;}
.schedule-info .schedule-block ul{ border-top:3px solid #26767d; border-bottom:3px solid #26767d; margin:0; padding:0; list-style:none }
.schedule-info .schedule-block li { background: #00929f; float: left; width: 50%; text-align:left; border-right: 3px solid #26767d; border-bottom:solid 3px #26767d; color: #fff; display: block;  font-size: 0.8em;}
.select-exam .mammogram .schedule-info .schedule-block ul{ border-top:3px solid #ce64aa; border-bottom:3px solid #ce64aa;  }
.select-exam .mammogram .schedule-info .schedule-block li{background: #ff92da;  border-right: 3px solid #ce64aa; border-bottom:solid 3px #ce64aa;}
/*.xray .schedule-info .schedule-block li { width:100%;}*/
.xray .schedule-info .schedule-block .checkbox span.inactive + label.label {padding: 2px 0 2px 10px;}
/*.xray .schedule-info .schedule-block li {border-right: none;}*/
.schedule-info .schedule-block li span { display: block; font-size: 1.5em;}
.schedule-info .schedule-block li:nth-child(2n+1) { border-left:none}
.xray .schedule-info .schedule-block li:nth-last-child(2) { width:100%;}
.xray .schedule-info .schedule-block li:nth-last-child(2) span + label.label {font-size:16px; font-family: 'effra_mediumregular'; }
.schedule-info .schedule-block .checkbox span.inactive + label.label{padding:2px 0 2px 10px; text-align:center;/* padding:20px 10px 20px 20px; */ height:auto; width:auto; margin:0; display:block; height:auto; width:auto; line-height:16px; background-repeat:no-repeat; background-position: -24px -5px; cursor:pointer; color:#fff; font-size:13px;min-height:36px;}
.schedule-info .schedule-block .checkbox span.inactive.active + label.label {background-position:3% 46%; color:#00929f; background-color:#1b6167; padding: 2px 21px 2px 23px;}
.schedule-info .schedule-block .checkbox li.disableBox span + label.label {background-color:#1db0bd; color:#D8D8D8; cursor:default}

.select-exam .mammogram .schedule-info .schedule-block .checkbox span.inactive.active + label.label {color:#ff92da; background-color:#ae528f;}
.select-exam .mammogram .schedule-info .schedule-block .checkbox li.disableBox span + label.label {background-color:#ff92da; color:#D8D8D8;}
.select-exam .mammogram .schedule-info .schedule-block .checkbox label.label{background-image:url('../images/check-on-off-small-pink.png');}

.schedule-info .schedule-block .checkbox label.label{background-image:url('../images/check-on-off-small.png?ver=0.1');}
.schedule-info.ng-scope.ng-hide {transition: 0.5s Ease;}
.xray .schedule-info{width:100%}
.xray .schedule-info .schedule-block li.xraySubOptios, .xray .schedule-info .schedule-block li.xraySubOptios ul.checkbox li {width:100%}
.xray .schedule-info .schedule-block li.xraySubOptios{border-bottom:none}
.xray .schedule-info .schedule-block .xraySubOptios li:nth-last-child(2) span + label.label {font-size:13px; font-family: 'effraregular'; }
.schedule-info .schedule-block .xraySubOptios ul{border-top:none;}

/*-------------------------------- Selected Tests ----------------------------*/
.selected-tests h5{ color:#00929f; font-size:1.2rem; margin:0 0 0.3em 0}
.selected-tests h4{ text-align:center; margin-top:0}
.selected-tests ul{ list-style:none; margin:0; padding:0; min-height:210px}
.selected-tests ul li{ color:#00929f; padding:15px 25px 15px 15px; margin-bottom:4px; border:solid 1px #dfdfdf; border-radius:4px; background:#fff; position:relative}
.selected-tests ul li a{ position:absolute; top:8px; right:10px;}
.selected-tests ul li p{ color:#333; margin-bottom:0; text-transform:uppercase; font-size:0.9rem}
.selected-tests ul li p .address-field{ display:block; margin-bottom:3px}

/*-------------------------------- Varification Section ----------------------------*/
.varification .radio-btn input[type=radio]{display:none;}
.varification .radio-btn label{ color:#c8c6c6; line-height:1.4em; margin-bottom:0; border:solid 1px #EAEAEA; padding:7px 15px 7px 40px!important; display:block; cursor:pointer; width:100%;}
.varification .radio-btn span.inactive + label{background-repeat:no-repeat; background-position: 10px 9px; }
.varification .radio-btn span.inactive.active + label {background-position: 10px -27px; color:#646464; border-color:#94BDE2}
.varification .radio-btn label{background-image:url('../images/varification-radio-button.png?ver=0.1');}

/*-------------------------------- Upcoming Appointment ----------------------------*/
.upcoming-appointment .appointment-list ul { margin:25px 0 0 0; padding:0; list-style-type:none}
.upcoming-appointment .appointment-list ul li {margin-bottom: 15px;}
.upcoming-appointment .appointment-list .appointment_date {background: none repeat scroll 0 0 #00929f; float: left; width: 15%;}
.upcoming-appointment .appointment-list .appointment_date figure {color: #fff; display: block; padding:16px 10px 10px; height:110px; text-transform:uppercase}
.upcoming-appointment .appointment-list .appointment_date figure span {display: block; font-size: 22px; padding:2px 0;}
.upcoming-appointment .appointment-list .appointment_desc {border: 1px solid #ddd; background:#fff; float: left; padding: 1% 2% 1% 2%; width: 85%; position:relative; min-height:110px;}
.upcoming-appointment .appointment-list .appointment_desc h4{ margin:0 0 4px 0; font-size:1.2em}
.upcoming-appointment .appointment-list .appointment_desc p { color: #2a2f36; font-size: 0.9em; line-height:1.2em; margin:0 0 10px 0; display:inline-block}
.upcoming-appointment .appointment-list .appointment_desc .instructions{width:65%; color:gray; font-size:12px; margin-top:10px; float:left; clear:both}
.upcoming-appointment .appointment-list .appointment_desc .action{ margin:0}
.upcoming-appointment .appointment-list .appointment_desc .action .action-lnk a {border-left: 1px solid #666; color: #00929f; font-size: 0.85em; padding: 0 10px;}
.upcoming-appointment .appointment-list .appointment_desc .action .action-lnk a:first-child {border-left: medium none; padding-left: 0; }
.upcoming-appointment .appointment-list .appointment_desc .action .action-lnk a:hover {text-decoration:underline;}
.upcoming-appointment .appointment-list .appointment_desc .action .action-btn { float:right;}
.upperCase {text-transform: uppercase !important;}
#map-canvas { width:100%; height:500px;}
/*--- Upcoming Appointment: Post Appointment section ---*/
.post-appointment .appointment_date {background: none repeat scroll 0 0 #00929f;}
.post-appointment .appointment_date figure {color: #fff; display: block; padding:25px 10px 10px; height:110px; text-transform:uppercase}
.post-appointment .appointment_date figure span {display: block; font-size: 23px;}
.post-appointment .grid{ border:solid 1px #E4E4E4; padding:15px; background:#fff; color:#525252; xmin-height:180px}
.post-appointment .title h1 { font-size:34px; color:#525252; margin-bottom:15px}
.post-appointment .grid h4{ font-size:1.1em; margin:0 0 0.4em 0}
.post-appointment .grid .date{}
.post-appointment .grid .action{ margin:0; position:absolute; bottom:0;}
.post-appointment .grid.first { margin-right:15px}
.post-appointment .grid.last { margin-left:15px}
.post-appointment .appointmentAdd {min-height: 140px;}

/*--- Upcoming Appointment: Announcement section ---*/
.announcement h4{ color:#2a2f36}
.announcement ul li{ border-bottom:solid 1px gray;}
.announcement ul li p{ margin-bottom:10px; color:#2a2f36}

/*-------------------------------- Profile ----------------------------*/
.profile .account-notification-settings .field{ margin-bottom:10px}

/*-------------------------------- Find Doctor ----------------------------*/
.find-doctor h4{ margin:0 0 7px 0; font-size:1.2em}
.find-doctor h4.medium{ font-size:22px}
.find-doctor .selected-tests h4{ font-size:22px; text-align:left}
.find-doctor .checkbox{padding:2px 5px; margin:0;}
.find-doctor .checkbox label{ height:27px; font-size:0}
.find-doctor .row.bdr{ border:1px solid #ddd; margin-bottom:3px; background:#fff; border-radius:6px; cursor:pointer}
.find-doctor .row.bdr:hover{ background:#68d3dc;}
.find-doctor .row.bdr .column, .find-doctor .row.bdr .columns{ padding:15px 10px; color:#444}
.find-doctor .divider{ border-right:solid 1px #ddd; padding-right:15px}
.find-doctor .checkbox span.inactive + label.label{padding:12px 15px 10px 30px; height:auto; width:auto; margin:0; display:inline; height:auto; width:auto; line-height:16px; background-repeat:no-repeat; background-position: 9px 0px; cursor:pointer; color:#fff}
.find-doctor .checkbox span.inactive.active + label.label {background-position: 10px bottom; color:#00929f}
.find-doctor .checkbox label.label{background-image:url('../images/check-on-off-small-all.png?ver=0.1');}
.find-doctor .set-margin{ margin:15px 0 0 0}
.find-doctor .set-margin.selected-tests ul{min-height: inherit;}
.find-doctor .k-loading-color {position:fixed; width:100%; height:100%; top:0px; left:0px; background:rgba(0, 0, 0, 0.5); z-index:99;}
.find-doctor .k-loading-image {background-image: url("../images/loading-image.gif");}
.find-doctor #doctorList.k-grid table{ border-spacing:0 3px}
.find-doctor #doctorList.k-grid tr{ cursor:pointer; margin-bottom:15px}
.find-doctor #doctorList.k-grid th{background:#E9E9EB!important; text-align:left;padding: .4em .6em;}
.find-doctor #doctorList.k-grid th, .find-doctor #doctorList.k-grid td{ border-width:1px 0; border-color:#E5E5E5; background-color:#FBFBFB;cursor:pointer}
.find-doctor #doctorList.k-grid th{cursor:default}
.find-doctor #doctorList.k-grid td:nth-child(2){border-left-width:1px;}
.find-doctor #doctorList.k-grid td:nth-child(4){border-right-width:1px}
.find-doctor #doctorList.k-grid tr.selectedRow td{ border-bottom:solid 1px #c5c5c5}
.find-doctor #doctorSearchForm .action{ margin:23px auto 20px}
.find-doctor #doctorList.k-widget{ background-color:transparent; border-width:0}
.find-doctor #doctorList .k-grid-header, .find-doctor #doctorList .k-grid-pager{ display:none}
.find-doctor #doctorList .k-grid-pager{ border:solid 1px #e5e5e5; margin-bottom:15px;}
.find-doctor .k-loading-image, .find-doctor .k-loading-color{display:none!important}
.find-doctor #doctorList.k-grid td.no-bdr-left{ border-left:none!important}
.error-label{padding:11px 20px;}
.error-label label { color:#646464}
.error-label .btn-green { margin-top:25px;}


/*--- Find Doctor: Pagination ---*/
.bottom-paination ul{ text-align:right}
.bottom-paination ul li{ display:inline-block;}
.bottom-paination{margin: 2em 0}
.bottom-paination li a{color: #5a5a5a; padding: 5px 10px; background: #DDDDDD; text-decoration: none; text-shadow: none; border: 1px solid #e9e9e9; margin-top: 16px;}
.bottom-paination li.active> a, .bottom-paination li> a:hover {background: #fff; color:#000;}

/* Medical History */
.Medical-history .breast-exam-detail .outer-border{ margin-bottom:5px} 
.Medical-history .breast-exam-detail label { height:55px; padding: 0 10px }
.Medical-history .selected-tests h4{ text-align:left}
.Medical-history .map-size{ margin-left:10px}

.radio-btn.global-radio input[type=radio], .checkbox input[type=checkbox] {display:none;}
.radio-btn.global-radio span.inactive + label{padding:15px 15px 15px 50px; line-height:1.6em; display:inline-block; background-repeat:no-repeat; cursor:pointer; border-left:2px solid #eaeaea; margin-bottom:0; background-position:15px 14px; border:1px solid #EFEFEF; float:left; background-color:#F5F5F5}
.radio-btn.global-radio span.inactive.active + label {background-position: 15px -58px; color:#00929f; border-color:#68d3dc; background-color:#fff;}
.radio-btn.global-radio label{background-image:url('../images/radio-button.png?ver=0.1'); margin-right:10px;}

.checkbox.global-checkbox span.inactive + label.label{padding:15px 5px 15px 35px; width:auto; margin:0; display:block; height:auto; width:auto; background-repeat:no-repeat; background-position: 10px 22px; cursor:pointer; border:solid 1px #F0F0F0;}
.checkbox.global-checkbox span.inactive.active + label.label {background-position: 10px -16px; color:#00929f; border-color:#68d3dc;}
.checkbox.global-checkbox label.label{background-image:url('../images/check-on-off-small-all.png'); background-color:#fff;}

/* Select Exam Location */
.select-exam-location .wrapper{ background:#fff; border:solid 3px #eee;}
.select-exam-location .content{ width:103%; height:495px;}
.select-exam-location .enter-location{ margin:0 0 20px 20px}
.select-exam-location .enter-location .search-area{ background-color:#F3F3F3; padding:5px; border:solid 1px #E6E8E9; border-radius:8px; position:relative}
.select-exam-location .enter-location h4{ margin-bottom:6px}
.select-exam-location .enter-location .search-area input[type=text]{ width:80%; display:inline-block; padding: 9px 8px;}
.select-exam-location .enter-location .search-area .search-btn{ background: url('../images/search-icon.png') center center no-repeat #49494E; width:40px; height:38px; border:none; border-radius:5px; position:absolute; right:5px}
.select-exam-location .enter-location .search-area .search-btn:hover, .select-exam-location .enter-location .search-area .search-btn:visited{ background-color:#32cac3}
.select-exam-location .locations{ margin:0}
.select-exam-location .locations ul li{ border:solid 1px #ddd; margin-bottom:2px; display:block; padding:15px 10px; cursor:pointer; color:#6d6f73; position:relative}
.select-exam-location .locations ul li:hover, .select-exam-location .locations ul li.active{  border-color:#BBD28F; border-left-color:#F4F4F4; background:#F4F4F4}

.select-exam-location .locations ul li .location-numbers, .select-exam-location .locations ul li .location-address, .select-exam-location .locations ul li .location-arrow{ display:inline-block}
.select-exam-location .locations ul li .location-numbers, .select-exam-location .locations ul li .location-arrow{ vertical-align:top}
.select-exam-location .locations ul li.vrl-location .location-numbers{ background: url('../images/vrl-numbering-bg.png') top center no-repeat; width:29px; height:39px; border:none; color: #fff;}
.select-exam-location .locations ul li.smil-location .location-numbers{ background: url('../images/smil-numbering-bg.png') top center no-repeat; width:29px; height:39px; border:none; color: #fff;}
.select-exam-location .locations ul li .location-numbers{ padding-top:5px; text-align:center;}


.select-exam-location .locations ul li .location-arrow{ float:right; position:absolute; top:20px; right:8px}
.select-exam-location .locations ul li .location-arrow{ background: url('../images/right-arrow.png') top center no-repeat; width:18px; height:31px; border:none}
.select-exam-location .locations ul li .location-address{ width:84%; padding:0 15px 0 10px}
.select-exam-location .locations ul li .location-address h5{ margin:0 0 2px 0; text-transform:uppercase; font-size:16px}
.select-exam-location .locations ul li .location-address h5 span { text-transform:uppercase; font-size:15px; font-weight:normal; display:block}
.select-exam-location .locations ul li .location-address p{ margin-bottom:0; text-transform:uppercase; font-size:15px}
.select-exam-location .locations ul li:hover .location-numbers, .select-exam-location .locations ul li:hover .location-arrow, .select-exam-location .locations ul li.active .location-numbers, .select-exam-location .locations ul li.active .location-arrow{ background-position:bottom center; color:#fff;}
.select-exam-location #map-canvas{ margin:3px 3px 3px 0}
.select-exam-location #map{ height:600px}
.select-exam-location #map .gm-style-iw + div, #map-canvas .gm-style-iw + div {right:-32px !important; width:50px !important; top: 6px !important;}
.map-info-window .vrl-infowin-title{ color:#0D3F6D; font-size: 14px; font-weight: bold; line-height: 18px;}
.map-info-window .smil-infowin-title{ color:#00BFC1; font-size: 14px; font-weight: bold; line-height: 18px;}
.map-info-window p{font-size: 12px; line-height: 16px; color: #797979;}
.map-vrl-cnt-text .border{ border-right: 1px solid #DADADA}
.map-vrl-cnt-text, .map-smil-cnt-text{ padding: 8px 0;}
.map-vrl-cnt-text img, .map-smil-cnt-text img{ float: left; padding-right: 10px;}
.map-vrl-cnt-text img{padding: 0 10px 0 10px;}
.map-vrl-cnt-text span, .map-smil-cnt-text span{ line-height: 14px !important; font-size: 14px;text-align: left; color: #6d6f73;}

/* select-exam-date-time */
.select-exam-date-time .locations { margin:7px 0 0 0}
.select-exam-date-time .locations .location-icon{ float:left; margin:4px 7px 0 0; width:22px}
.select-exam-date-time .locations .location-address{ float:left; width:85%;}
.select-exam-date-time .locations .location-address h4{ margin:0; font-weight:bold}
.select-exam-date-time .locations .location-address h5{ margin:3px 0; font-weight:bold; text-transform:uppercase}
.select-exam-date-time .locations .location-address p{ text-transform:uppercase; font-size:0.9em}
.select-exam-date-time .next-available-date, .select-exam-date-time .appointment-available{ margin-top:30px}
.select-exam-date-time .next-available-date .or{ position:relative; width:1px; height:65px; background:#ddd; margin:0 auto}
.select-exam-date-time .next-available-date .or span{ position:absolute; background:#f4f4f4; padding:4px 6px; top:22px; left:-16px; font-size:13px; font-weight:bold}
.select-exam-date-time .next-available-date .btn-large, .select-location .btn-large{padding:20px 40px;}
.select-location .btn-large{ margin-top:30px;}
.select-exam-date-time .next-available-date .select-box .selectParent.time{ width:135px; float:left}
.select-exam-date-time .next-available-date .date{ width:30%; float:left}
.select-exam-date-time .next-available-date .date .k-datepicker, .select-exam-date-time .next-available-date .time .k-timepicker{ width:100%}
.select-exam-date-time .next-available-date .time{ width:20%; float:left}
.select-exam-date-time .spinner { margin: 20px auto 0;}

/* Schedule your appointment */
.schedule-your-appointment .wrapper{ background:#fff; border:solid 3px #efefef; padding:20px; margin-bottom:15px}
.schedule-your-appointment .your-schedule .wrap{ width:100%;}
.schedule-your-appointment .your-schedule .calendar-icon{ float:left; width:8%; margin-right:15px}
.schedule-your-appointment .your-schedule .schedule-detail{ float:left; width:88%; overflow:hidden;}
.schedule-your-appointment .your-schedule .schedule-detail h2{ font-size:27px; margin-top:0; padding-bottom:10px; border-bottom:solid 1px silver}
.schedule-your-appointment .your-schedule .schedule-detail h2 span{ display:block; font-weight:600; font-size:26px;}
.schedule-your-appointment .your-schedule .schedule-detail h4{ margin-bottom:0}
.schedule-your-appointment .your-schedule .locations { margin:0 0 25px 0;}
.schedule-your-appointment .your-schedule .location-icon{ float:left; margin-right:7px; width:10%}
.schedule-your-appointment .your-schedule .location-address{ float:left; width:80%; }
.schedule-your-appointment .your-schedule .location-address h5{ margin:0 0 0 0; text-transform:uppercase}
.schedule-your-appointment .your-schedule .location-address p{ margin-bottom:0; text-transform:uppercase; font-size:0.9em}
.schedule-your-appointment .insurance-section ul li { margin-bottom:10px;}
.schedule-your-appointment .insurance-section .radio-btn.global-radio span + label{ width:100%}
.schedule-your-appointment .action .btn-large{ margin-right:10px}
.schedule-your-appointment .your-schedule .block{border-left:solid 1px silver;padding-left:20px}

/* Select Exam Date and Time */
.appointment-available .block {min-height: 220px; background-color: #00929f; padding: 20px; color: #fff; text-align: center; position: relative; overflow: visible; width: 96%; margin: 0 auto;}

.appointment-available h4 {margin-bottom: 0; font-size: 1.4em;}
.appointment-available h4 span {display: block; margin: 10px 0;}
.appointment-available h4 span:nth-of-type(1) {margin-top: 20px;}
.appointment-available h3.times-held { text-align:center; background:#ddd; padding:5px; margin-bottom:25px}
.appointment-available h3.times-held span{ color:red}
.appointment-available .block .popup { background: rgba(255, 255, 255, 1); bottom: -50px; right: 0; left: -3%; width: 106%; min-height: 125px; height: 125px; top: inherit; border-radius: inherit; padding: 15px;}
.appointment-available .block .popup p { color:#000; font-size:14px;}
.appointment-available .block .popup .tc{ position:relative}
.appointment-available .block .popup .cancel-lnk { position:absolute; right:0; bottom:0}

/* reveal popup window */	
.reveal-modal-bg, .reveal-model-bg-inner {position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #000; background: rgba(0,0,0,.4); z-index: 99; display: none;}
.reveal-modal { height: auto; background-color: white; padding: 1.25em 1em; border: 1px solid #666666; position: fixed; top: 25%!important; left: 0; margin: 0 auto; right:0; width:80%; display: none; z-index: 100; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); transition:inherit}
.reveal-modal .close-reveal-modal {font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; }
.reveal-model-inner { height: auto; background-color: white; padding: 1.25em; border: 1px solid #666666; position: absolute; top: 10%; left:20%; margin: 0 auto; right:0; display:none; z-index: 100; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); transition:inherit; max-width: 60%;}
.reveal-modal.smallest, dialog.smallest {left: 0; margin: 0 auto; max-width: 62.5rem; right: 0; width: 22%;}
.reveal-modal.tiny, dialog.tiny {left: 0; margin: 0 auto; max-width: 62.5rem; right: 0; width: 30%;}
.reveal-modal.small, dialog.small {left: 0; margin: 0 auto; max-width: 62.5rem; right: 0; width: 40%;}
.reveal-modal.medium, dialog.medium {left: 0; margin: 0 auto; max-width: 62.5rem; right: 0; width: 60%;}
.reveal-modal h4{font-size:16px}
.reveal-model-inner h5{font-family: "effra_lightregular";}

/*-------------------------------- Confirm Order CSS ----------------------------*/
.schedule-your-appointment.confirmOrder span.k-datepicker{padding-top:0;padding-bottom:0;}
.schedule-your-appointment.confirmOrder .popup{background: rgba(50, 50, 50, 0.5); left:0; min-height:100%; height:inherit; text-align: left; position:fixed;}
.smsPopup{display: block; background:rgba(255, 255, 255, 1); border: 1px solid rgba(0, 0, 0, 0.2);color: #b94a48;padding: 20px;margin-bottom: 10px;border-radius: 5px;font-size: 14px;
    width: 100%;top: 25%;left:0;position: absolute;right: 0;margin: auto;}
.createOrder .birthdate .select-box .selectParent{ float:left; margin-right:7px;}
.createOrder .birthdate .select-box .selectParent.month{ width:40%}
.createOrder .birthdate .select-box .selectParent.day{ width:25%}
.createOrder .birthdate .select-box .selectParent.year{ width:30%}
.createOrder .birthdate .select-box .selectParent.day select{ width:100%}
.schedule-your-appointment.createOrder .popup{ border:none;background: rgba(50, 50, 50, 0.5);}
.schedule-your-appointment.createOrder .popup .smsPopup{width:60%;padding: 40px 0;}
.schedule-your-appointment.confirmOrder .popup .smsPopup {min-height: 450px;}
.schedule-your-appointment.confirmOrder .k-datepicker .k-picker-wrap input[data-role=datepicker]{pointer-events: initial;}
.schedule-your-appointment.confirmOrder .date .k-widget.k-tooltip-validation {background:#fff;border-color:#fff;color:red}
.schedule-your-appointment.confirmOrder .date span.k-icon.k-warning{background: url('../images/warning_icon.png') top center no-repeat; width: 14px; height: 14px; background-size: contain;}

/*-------------------------------- footer ----------------------------*/
.fixedContinue{display:none;}
.fixedContinueForWindow{display:block}
footer{color:#fff}
/*footer .wrapper{ margin-top:50px}*/
footer .location-logo { background:#fff; /*border-top:solid 1px #dbdbe4;*/ padding:15px 0}
footer .location-logo ul{ margin:0}
footer .location-logo li{display:inline-block; vertical-align:bottom; padding:0 80px; border-right:1px solid #C0BAB6;}
footer .location-logo li:first-child{margin:0; padding-left:0;}
footer .location-logo li:last-child{border:none;}
footer .need-assistant{ padding:47px 0; color:#fff; background:url('../images/footer-bg.jpg') no-repeat center center rgba(0, 0, 0, 0)}
footer .need-assistant h2, footer .need-assistant p{ margin:0}
footer .need-assistant .copyright{font-size:14px; color:#BEBEC0; margin-top:3px}
.upload-file-wrapper{position:relative;display:inline-block;}
.upload-file-wrapper input{ opacity: 0;position: absolute;height: 100%;width: 100%; z-index: 1; cursor:pointer;}
.upload-file-wrapper .btn{border: #32cac3 1px solid;border-radius: 5px;background: #fff;color: #32cac3;}
.upload-file-wrapper input:hover + .btn{border: #32cac3 1px solid; border-radius: 5px; background: #32cac3; color: #fff;}
.btnDeleteFile{background: url(../images/cancel.png) #fff center center no-repeat; height: 21px; width: 21px; cursor: pointer; display: inline-block;border-radius: 50px;border: 1px solid #ababab;}

/* iPhone (Portrait & Landscape) ----------- */
@media only screen and (max-width: 767px){ 
.sdiLogos{ margin-top:25px; }
.sdiLogos .mobile{width: 50%;}
.sdiLogos .smilLogo{width: 33%;}
.btn-home .btn-green, .btn-home .btn-blue {display: block;font-size: 18px;font-weight: normal; font-family: "effraregular"; font-weight: 100;}
.btn-home .btn-blue{ padding:10px 0; text-align: center;margin-left:0;}
.btn-home .btn-green{width: 100%;box-shadow: none;}
 .schedule-appointment .btn-home .action.right-btn { margin-bottom:10px;}
.schedule-appointment .btn-home .action { margin-top:0; margin-bottom: 0;}
.schedule-appointment .btn-home .action.right-btn{margin-right:0; padding-left:0;}
.small-text-center{ text-align:center !important;}
    hr{ margin:10px 0 20px 0}
    .field{ margin:0 0 13px 0}
    ul.steps{ margin:10px 0}
    ul.steps li{ width:10%;}
    .list li:first-child{width:40%}
    .my-account{ height:35px}
    .mob-m-b5{margin-bottom:5px}
    .slider-panel{ top:35px; width:110%}
    .slider-panel ul li a{ padding:6px 5px}
    h1.quote{ display:none}
    .btn{ font-size:16px; padding:10px 15px}
    .btn-large{ font-size:16px; padding:6px 20px}
    .small-right{ float:right}
    .small-note{ margin-top:15px}
    .main .wrap{ width:100%}
    .radio-btn.global-radio label{height:auto}
    .find-doctor h4.medium{font-size:18px}
    .reveal-modal, .reveal-modal.tiny, .reveal-modal.medium,.authentication-login .reveal-modal.tiny { width: 90%!important; height: auto; top: 10%!important; left: 5%; margin-left: 0%;}
    header > .row > .columns { position:inherit}
    .language, .dropdown {position: absolute; right: 7px; top: 0;}
    .language input.active{ border-radius:0; border-color:#333}
    header .languages{ position:absolute; top:2px; right:7px;}
    header .languages > a{ font-size:11px; padding:0 5px 0 21px; line-height:20px}
    header .languages > a i.globe img{ width:13px}
	h1{ font-size:28px}
    h4{ font-size:18px}
	.signup{margin-top:10px; top:14px}
	.signup li.appointment img{ width:45px}
    .signup li.signin-lnk a{ line-height:15px; padding-top:4px!important}
	.signup li a{ font-size:15px; padding:8px 5px;}
    .user-name{ margin:30px 0 0 0; clear:both}
	.title h1 span{ font-size:15px}
    .select-exam .details-holder h4{ font-size:2em}
	.small-tm-20{ margin-top:20px}
    .login h4{ margin-bottom:5px}
    .login .field{ margin-bottom:10px}
    .login{ margin:0 auto 20px}
    .login .seperator{ margin-right:0; padding:0 0 5px 0; border-right:none; border-bottom:solid 1px #ddd;}
    .login .p-l50{ padding-left:10px !important}
    .login .p-t50{ padding-top:0.7rem !important}
    .login .checkbox span.inactive + label.label{ margin-top:5px}
    .login .cancel a{ margin-top:10px}
    .btn-slide{ padding:12px 30px 10px 10px !important; background-position:right 5px}
    .set-margin{ margin:0;}
    .select-exam-location .enter-location{margin:0 10px 20px 10px}
    .select-exam-location .content{ width:100%; height:auto}
    .find-doctor .set-margin{ margin:0}
    .find-doctor .checkbox{ padding:5px}
    .find-doctor .checkbox span.inactive.active + label.label{ background-position:0 bottom}
    .find-doctor .checkbox span.inactive + label.label{ background-position: 0 0;}
    .find-doctor .checkbox span.inactive + label.label{ padding:12px 10px 10px}
    .find-doctor .divider{ border:none; padding:0}
    .find-doctor .row.bdr .column, .find-doctor .row.bdr .columns{ padding:5px 10px}
    .find-doctor #doctorSearchForm .action{ margin-top:0}
    .profile .action{ margin:10px 0}
    .profile .security-questions h4{ margin-top:10px}
    .profile .security-questions .lbl{ font-weight:bold; margin:10px 0 5px 0}
    #resetQuestion.reveal-modal { max-height:350px; overflow-y:scroll}
    #resetQuestion .selectParent { margin-bottom:5px}
    #resetQuestion .reveal-model-inner{ width:90%!important; max-width:90%; left:5%;}
    .upcoming-appointment .appointment-list ul{ margin-top:0}
    .upcoming-appointment .appointment-list ul li{ margin:10px 0}
    .upcoming-appointment .appointment-list .appointment_date, .upcoming-appointment .appointment-list .appointment_desc{ width:100%}
    .upcoming-appointment .appointment-list .appointment_date figure, .post-appointment .appointment_date figure{ padding:8px 10px; height:auto}
    .upcoming-appointment .appointment-list .appointment_date figure span, .post-appointment .appointment_date figure span{ display:inline-block; padding:0 5px; font-size:15px; font-weight:bold}
    .upcoming-appointment .appointment-list .appointment_desc{ padding:4%; margin-bottom:0}
    .post-appointment .grid .action { position:relative;}
    .post-appointment .appointmentAdd { min-height:inherit; margin-top:10px;}
    .upcoming-appointment .appointment-list .appointment_desc .action .action-btn{ float:right; margin:15px 0 0; position:inherit}
    .upcoming-appointment .appointment-list .appointment_desc .action .action-lnk a{ font-size:0.9em}
    .upcoming-appointment .appointment-list .appointment_desc .instructions{width:100%;}
    .upcoming-appointment .one_third{ width:100%!important}
    .upcoming-appointment a.btn-large{padding:5px 10px; text-align:center}
    .announcement ul li{ width:100% !important;}
    .post-appointment .title h1{ margin-bottom:7px; font-size:28px}
    .post-appointment .grid{ min-height:inherit}
    .post-appointment .grid.first, .post-appointment .grid.last{margin:5px 0}
    .post-appointment .action{ margin-top:15px}
    .select-exam .details-holder{ padding:20px 0}
    .schedule-info {width: 100%; /*margin-top: 15px; position: static;*/ }
    .selected-tests ul{ min-height:50px; margin-bottom:15px}
    .schedule-appointment{ margin-bottom:15px}
    .schedule-appointment.set-columns .large-9.left-col{ width:inherit}
    .schedule-appointment.set-columns .large-3.right-col{ width:inherit}
    .returning-patient .birthdate .select-box .selectParent.month, .createOrder .birthdate .select-box .selectParent.month{ width:35%}
    .returning-patient .birthdate .btn.btn-large{ margin-top:20px}
    .returning-patient .varification .hint-data .field.loader img{ margin:0 auto}
    ul.gender li{ line-height:35px}
    ul.gender li.left-bdr{ border:none}
    ul.gender li .action{ margin:0 0 10px 8px}
    /*footer .wrapper{ margin-top:20px}*/
    footer .location-logo{ padding:0}
    footer .need-assistant{ padding:15px 0; text-align:center}
    footer .need-assistant .copyright{ font-size:14px}
    footer .need-assistant h2{ font-size:24px}
    footer .location-logo li{ width:100% !important; border-bottom:1px solid #c0bab6;border-right: none; padding:15px 0; text-align:center;}
    .Medical-history .breast-exam-detail label.set-verticle { height:auto; margin-bottom:5px; padding: 0 10px; display:block }
    .Medical-history .map-size{ width:90%; margin-left:8px}
    .Medical-history form .row .row{margin:0 -.2rem}
    .select-exam-date-time .next-available-date .btn, .select-exam-date-time .appointment-available .btn, .select-location .btn-large{ padding:7px 15px; margin-bottom:10px;}
    .k-datepicker .k-picker-wrap{padding:0 0 0 2.1em}
    .k-timepicker .k-picker-wrap{padding:0 1.5em 0 0}
    .select-exam-date-time .next-available-date .or{ height:50px; margin:7px auto}
    .select-exam-date-time .next-available-date .or span{ top:15px}
    .schedule-your-appointment .your-schedule .schedule-detail h2{ font-size:25px}
    .schedule-your-appointment .your-schedule .locations, .schedule-your-appointment .your-schedule .block{ margin:25px 0 15px 11%; border-left:0}
    .schedule-your-appointment .your-schedule .map{ margin-left:16%}
    #loading, #process-loading {width: 60%; position: fixed; top: 30%; text-align: center; z-index: 999; margin:0 auto; left:0!important; right:0!important;}
    .schedule-your-appointment .wrapper{ padding:20px 10px}
    .schedule-your-appointment .your-schedule .calendar-icon{ margin-right:5px}
    .not-match{ margin:0 0 15px 0; padding-left:0}
    ul.language-select{ position:absolute; top:-70px; right:10px; padding:5px 0}
    ul.language-select li a{ padding:0 5px; font-size:12px}
    .select-exam-date-time .appointment-available{ margin-top:10px}
    .appointment-available h3.times-held{ font-size:13px}
    .k-i-seek-w, .k-i-arrow-w, .k-i-arrow-e, .k-i-seek-e{ background:url("../images/grid-arrow.png") no-repeat left top!important; width:7px!important; height:7px!important;}
    .k-i-arrow-w{ background-position:right top!important;}
    .k-i-arrow-e{ background-position:right bottom!important;}
    .k-i-seek-e{ background-position:left bottom!important;}
    .not-match{ font-size:15px}
    .not-match .color-black{ font-size:16px}
    .schedule-your-appointment .your-schedule .locations, .schedule-your-appointment .your-schedule .block{ margin:10px 0 15px 1%}
    .schedule-your-appointment .your-schedule h4{ margin-top:0}
    .schedule-your-appointment .your-schedule .map{ margin-left:0}
    #instructionActions .action a.btn-large{ margin-bottom:7px; padding:10px 10px}
    .radio-btn.global-radio span.inactive+label{padding:10px 15px 10px 50px; background-position:15px 10px}
    .radio-btn.global-radio span.inactive.active+label{ background-position:15px -63px}
    .checkbox.global-checkbox span.inactive + label.label{ padding:8px 5px 8px 35px; background-position:10px 15px}
    .checkbox.global-checkbox span.inactive.active + label.label{ background-position:10px -23px}
    .global-checkbox .field{ margin-bottom:5px}
    .schedule-appointment .action{ margin-top:0}
	.examType-small{ text-align:center !important;}
    .selected-tests ul li{ width:100%!important}
    .select-exam-location #map{ height:250px; width:90%; margin:20px auto; border:solid 1px #ddd}
    #map-canvas { width:100%; height:350px;}
    .spinner {  margin: 20px auto 0;  width:100%;  text-align: center;}
	.set-margin.notifications {margin: 0 0 0 10px;}
    #process-loading.no-bg{width:80%; left:10%;}
    .breast-exam-detail .field.p-t15{ padding-top:0 !important;}

    /* Responsive Table Start */
    .k-grid table, .k-grid table thead, .k-grid table tbody, .k-grid table th, .k-grid table td, .k-grid table tr { display: block; }
	.k-grid table thead tr { position: absolute; top: -9999px; left: -9999px;	}
	.k-grid table tr {border-bottom: 1px solid #ccc; background:#fff }
    .k-grid table tr:nth-of-type(odd) { background: #F4F6F7;}
	.k-grid table td {border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 30%; text-align:left!important; min-height:20px}
    .k-grid table  td:before{position: absolute;  top: 3px; left: 6px; width: 30%;  padding-right: 10px; white-space: nowrap; text-align:left; font-weight:bold}
    /* Responsive Table End */

    /* Doctor List Start */ 
    #doctorList th:nth-of-type(1):before { content: "Name :"; }
    #doctorList td:nth-of-type(2):before { content: "Address :"; }
	/*#doctorList td:nth-of-type(4):before { content: "Phone :"; }*/
    #doctorList.k-grid table th{padding-left: 30%!important; position:relative}
    .find-doctor #doctorList.k-grid tr { margin-bottom:0px}
    #doctorList.k-grid table  th:before{position: absolute;  top: 3px; left: 6px; width: 30%;  padding-right: 10px; white-space: nowrap; text-align:left; font-weight:bold}
    /* Doctor List End */
    #insureanceForm .upload-file-wrapper .small-note-text{font-size:13px;}
    #insureanceForm.mobile-text .upload-file-wrapper .small-note-text{font-size:14px;}
    
    	 
}

/* iPhone (Portrait) ----------- */
@media only screen and (min-width: 320px) and (max-width: 479px){
	/*.btn{padding:10px;font-size:12px;}*/
    h1, .post-appointment .title h1{ font-size:26px}
    .sub-heading { font-size:18px}
    .set-margin-top-ipad-mob{ margin-top:15px}
    .set-margin-top-mob{ margin-top:15px}   
    .my-account{ padding-right:0}
    .select-exam-date-time .next-available-date .date{ width:38%}
    .select-exam-date-time .next-available-date .time{ width:28%}
    .schedule-your-appointment .your-schedule .schedule-detail h2{font-size:19px}
	footer{ text-align:center}
	footer .need-assistant h2{ font-size:15px}
	footer .need-assistant .copyright{ font-size:12px}
    ul.steps li:before{left:19%;}

    #doctorList .k-pager-numbers .k-link{line-height:1.2em!important}
    #doctorList .k-pager-wrap{line-height:1.2rem!important}
    #doctorList .k-pager-wrap > .k-link, #doctorList .k-pager-numbers .k-link, #doctorList .k-pager-numbers .k-state-selected{max-width:1.2em!important}
    #doctorList .k-pager-wrap>.k-link{height:1.2rem!important; line-height:1.2rem!important}
    #doctorList .k-pager-info{ margin-top:7px!important}
    #doctorList .k-pager-numbers .k-state-selected, #doctorList .k-pager-wrap>.k-link, #doctorList .k-pager-numbers .k-link{min-width:1.2rem!important}
}

/* iPhone (Landscape) ----------- */
@media screen and (min-width: 480px) and (max-width: 767px){
    .language {margin-top:8px}
    .authentication-login .field{ margin-bottom:5px}
    .authentication-login .reveal-modal{ top:2%!important; padding-top:5px!important}
    .authentication-login .title h1{ margin:0px auto 5px}
    ul.steps li:before{left:30%;}
    a.startover{ margin-bottom:10px}
     #resetQuestion.reveal-modal { max-height:250px; overflow-y:scroll}

    #doctorList .k-pager-wrap > .k-link, #doctorList .k-pager-numbers .k-link, #doctorList .k-pager-numbers .k-state-selected{max-width:1.9em!important}
    #doctorList .k-pager-info{ margin-top:7px!important}
    #doctorList .k-pager-numbers .k-state-selected, #doctorList .k-pager-wrap>.k-link, #doctorList .k-pager-numbers .k-link{min-width:1.9rem!important}
    #map-canvas { width:100%; height:220px;}
}


/* iPad (Potrait & Landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px){
    .sdiLogos{ margin-top:21px; }
    .sdiLogos .mobile{width: 50%;}
    .sdiLogos .smilLogo{width: 33%;}
    .btn-home .btn-green, .btn-home .btn-blue { font-size:20px;}
	.schedule-your-appointment .your-schedule .schedule-detail h2 span{font-family: "effra_mediumregular"; font-weight: 300; font-size:21px;}
	.main{min-height:500px}
    .row{max-width:1000px;}
    .authentication-login .reveal-modal.tiny, .reveal-modal.tiny, .reveal-modal.smallest{ width:60%}
    .reveal-modal.tiny, .reveal-modal.smallest{ width:50%}
    h1{ font-size:40px}
    .res-m-t15{ margin-top:15px}
    .set-margin{ margin:75px 0 0 10px}
    .already-signin{ font-size:18px!important}
	.schedule-appointment .action {margin-top: 30px;}
	.schedule-info{width: 100%;/*margin-top: 15px;position: static;*/}
    .select-exam .details-holder{ padding:20px 0}
    .upcoming-appointment .appointment-list .appointment_desc p.one_third{ width:42% !important}
    .upcoming-appointment .appointment-list .appointment_date figure{ padding:30px 10px}
    .map-size{ width:80%; height:100%}
    footer .need-assistant{ padding:40px 0} 
    footer .location-logo{ padding:7px 0}
    .yes-section .field{ margin-bottom:5px}
    .find-doctor .divider{ border-right:none}
    .schedule-your-appointment .your-schedule .calendar-icon{width:7%; margin-right:9px}
    .user-name{ margin:30px 0 0; clear:both}
    .Medical-history .breast-exam-detail label.set-verticle{ height:auto; display:block; margin-bottom:7px; padding-left:0}
    .k-timepicker .k-picker-wrap .k-i-clock{ background-position:-6px 2px; width:19px}
    .reveal-modal.medium, dialog.medium{ width:90%}
    .profile .security-questions h4{ font-size:20px!important}
    .profile .security-questions{ font-size:14px}
	.spinner {  margin: 20px auto 0;}
	.appointment-available .block .popup .cancel-lnk{ position:relative; display:block; margin-top:10px;}
    .post-appointment .appointment_date figure {font-size:12px; height:90px; padding: 20px 10px 10px;}
    .post-appointment .appointment_date figure span { font-size:18px; padding:2px 0;}
	#map-canvas { width:100%; height:400px;}
    .set-margin {margin: 77px 0 0 10px;}
	.set-margin.notifications{margin:75px 0 0 10px}
	footer .need-assistant h2{ font-size:26px}
	/*.schedule-your-appointment .your-schedule .schedule-detail h2 span{ display:block; font-weight: normal; font-size:26px; font-family:"Myriad Pro";}*/
    .schedule-appointment .btn-home .action .next.btn-home{font-size:16px;}
	.radio-btn.global-radio span.inactive + label { padding-right:10px; font-size:13px; }
	.addinsuranceradio label { min-height: 72px; }																					  
    
}
 @media only screen and (max-width: 767px) {
    .fixedContinue {position: -webkit-sticky;position: sticky;bottom: 0;margin-bottom: 0px;width: 100%;padding: 4px;text-align: center;z-index: 9999; display:block;}
    .fixedContinueForWindow{display:none}
    .fixedContinue input[type="submit"]{width:100%;}
    .schedule-your-appointment .action.action-btn-right input {float:right;}
                    }

/* iPad (Potrait) ----------- */
@media only screen and (min-width: 768px) and (max-width: 959px){
	.row{max-width:750px;}
    .checkbox label.label{ font-size:14px}
    p{ font-size:inherit}
    input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea{ font-size:14px}
	.btn{ font-size:17px; padding:5px 12px}
    .btn-large{ font-size:19px; padding:6px 20px}
    .main .wrap{ width:100%}
    h1, .post-appointment .title h1{ font-size:34px}
    h4{ font-size:18px}
    .reveal-modal {left: 0; margin: 0 auto; right: 0; width: 90%;}
    .sub-heading { font-size:20px}
    .signup{ top:21px}
	.signup li.appointment img{ width:60px}
	.signup li a{ font-size:16px; padding:10px}
    .signup li.appointment img{ height:40px}
    .login .seperator{ padding-right:100px}
	 h1.quote {font-size:27px; margin:5px 0 0 0; text-align:right; letter-spacing:-1px}
    .my-account{ height:48px}
    #resetQuestion .selectParent select{padding:6px 25% 6px 5px}
    #resetQuestion .reveal-model-inner{ width:80%; left:10%;}
    .selected-tests h4{ margin-top:25px}
    .slider-panel{ top:47px}
    .slider-panel ul li a{ padding:6px 5px}
    .select-exam .details-holder h4{ font-size:1.3em}
    .schedule-info .schedule-block .sub-heading{ font-size:12px}
    .schedule-info .schedule-block .checkbox span.inactive + label.label{ font-size:12px} 
    .schedule-info .schedule-block .checkbox label.label{font-family:"effra_mediumregular"}
    .schedule-info .schedule-block .sub-heading{ padding:7px 5px}
    .schedule-info .schedule-block .checkbox span.inactive.active + label.label{}
    .schedule-info .schedule-block .checkbox span.inactive + label.label{ padding:4px 2px 0px 23px}   
    .returning-patient .birthdate .select-box .selectParent.month{ width:35%}
    #process-loading.no-bg{width:60%; left:20%;}
     
    .set-margin{margin:70px 0 0 10px}
	.set-margin-top-ipad-mob{ margin-top:15px}  
    .find-doctor .row.bdr .column, .find-doctor .row.bdr .columns{ padding:8px 5px}
    .find-doctor .checkbox span.inactive + label.label{padding:12px 15px 10px 5px; background-position: 0 bottom; }
    .find-doctor .checkbox span.inactive.active + label.label {background-position: 0 bottom; }  
    .find-doctor .selected-tests ul{ min-height:130px}
    .upcoming-appointment .title h1{ font-size:31px}
    .upcoming-appointment .appointment-list .appointment_desc h4{ font-size:1.1em}
    .upcoming-appointment .appointment-list .appointment_date{ width:19%}
    .upcoming-appointment .appointment-list .appointment_date figure{ padding:20px 8px 10px} 
    .upcoming-appointment .appointment-list .appointment_date figure span{ font-size:22px; margin:4px 0}     
    .upcoming-appointment .appointment-list .appointment_desc{ width:81%; padding:2% 2% 1% 2%}
    .upcoming-appointment .appointment-list .appointment_desc p, .upcoming-appointment .appointment-list .appointment_desc .action .action-lnk a{ font-size:1em}
    .upcoming-appointment .appointment-list .appointment_desc .instructions{width:50%;}
    .upcoming-appointment .appointment-list .appointment_desc .action .action-lnk a{padding:0 5px}
    .upcoming-appointment .btn-large{ font-size:17px; padding:6px 8px}
    .post-appointment .grid.first, .post-appointment .grid.last{ margin:0}
    .radio-btn.global-radio span + label{ line-height:normal!important}
    .radio-btn.global-radio span.inactive + label{background-position:15px 10px}
    .radio-btn.global-radio span.inactive.active + label{ background-position:15px -62px}
    .radio-btn span.inactive.active + label { background-position:15px -63px}
    .radio-btn span.inactive + label{ background-position:15px 9px}
    .schedule-appointment .selected-tests ul li{ padding:8px 20px 8px 5px;}
    .schedule-appointment .set-columns .large-9{ width:75%}
    .schedule-appointment .set-columns .large-3{ width:25%}
    .appointment-available .block{ padding:10px 5px; min-height:180px}
    .appointment-available .block .btn { font-size:15px}
    .appointment-available .block .popup{ width:113%; left:-7%; bottom:-35px; height:130px; padding:10px;}
    .appointment-available h4 span{ margin:15px 0}
    .appointment-available h4{ font-size:1.3em}
    .k-datepicker .k-picker-wrap{ padding:0 0 0 2.1em}
    .select-exam-date-time .next-available-date .date{ width:39%}
    .select-exam-date-time .next-available-date .time{ width:29%}
    .select-exam-date-time .next-available-date .btn-large, .select-location .btn-large{ padding:20px 5px; font-size:17px}
    .select-location .btn-large {margin-top: 22px;}
    footer .location-logo li{padding:15px 40px}
    .select-exam-location .enter-location .search-area input[type="text"]{ width:71%; padding: 10px 8px;}
    .select-exam-location .locations ul li .location-address{ width:80%; padding:0 5px}
    .schedule-your-appointment .wrapper{padding:20px 10px}
    .schedule-your-appointment .your-schedule .schedule-detail h4{ margin-top:0;}
    .schedule-your-appointment .your-schedule .schedule-detail h2{ font-size:18px}
    .schedule-your-appointment .action .btn-large{ margin-right:5px}
    .schedule-your-appointment .action .btn-large{padding:9px 5px; font-size:15px}
    #doctorSearchForm .action{ margin-top:25px}
    ul.steps li:before{left:30%;}
    .appointment-available .block .popup{ height:140px}
    .appointment-available .block .popup .cancel-lnk{ position:relative; display:block; margin-top:10px}
    .find-doctor h4.medium {font-size: 20px;}
	.set-margin.notifications{margin:62px 0 0 10px}
	.addinsuranceradio label { min-height: 75px; font-size: 12px !important; padding-right: 5px !important; }	
}

/* iPad (landscape) ----------- */
@media only screen and (min-width: 901px) and (max-width: 1050px){
.select-exam-date-time .next-available-date .time{ width:24%}
.returning-patient .birthdate .select-box .selectParent.day{ width:23%}
#instructionActions a.btn-large{ padding:9px 15px}
#sendInfoMailForm{ margin-left:-20px}
.signup{ top:15px}
.appointment-available .btn-white{padding:7px 10px}
.appointment-available .block .popup{  height:150px}
    #process-loading.no-bg{width:40%; left:30%;}
}


@media only screen and (min-width: 1008px) and (max-width: 1209px){  
}

@media only screen and (min-width: 1024px) and (max-width: 1200px){
footer .location-logo li{ padding: 0 50px;}
.select-exam .details-holder h4{font-size: 1.1em;}	
}

/* LapTop ----------- */
@media only screen and (min-width : 1336px) and (max-height : 901px) and (orientation : landscape){}

/* 2x Retina Display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5){}