@charset utf-8;

html,body,div,span,applet,object,iframe,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption
{
  font-family:Arial,Helvetica,sans-serif;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:1em;
  vertical-align:baseline;
  background:transparent;
}

.hide { display: none; }

ol,ul
{
  list-style:none;
}

blockquote,q
{
  quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after
{
  content:none;
}
.quotes {
    border: 1px solid #ccc;
    padding: 10px;
}
.book-now-button { width:298px !important; background: #00bb00 !important; border:1px #00dd00 solid !important; padding: 8px 30px 10px 30px !important; font-size: 1.2em !important }

:focus
{
  outline:0;
}

ins
{
  text-decoration:none;
}

del
{
  text-decoration:line-through;
}

body
{
  line-height:1.2em;
  background:#F8F8F8;
  min-height:100%;
}

abbr,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time,video
{
  display:block;
}

table
{
  border-collapse:collapse;
  border-spacing:0;
  border-style:none;
}

table td,table th
{
  padding:0;
}

span
{
  white-space:nowrap;
  line-height:1.2em;
}

hr
{
  height:1px;
  border:0;
  background-color:#ddd;
  margin:10px 0;
  clear:both;
}

.text-underline
{
  text-decoration:underline;
}

.clear
{
  clear:both;
}

.cr
{
  clear:right;
}

.cl
{
  clear:left;
}

.fr
{
  float:right;
}

.fl
{
  float:left;
}

.align-right
{
  text-align:right;
}

.align-left
{
  text-align:left;
}

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

.line-none
{
  line-height:0;
}

.pad-none
{
  padding:0;
}

.mar-none
{
  margin:0;
}

ul
{
  padding:0;
  margin:0;
  list-style:none;
}

ol
{
  padding:0;
  margin:0;
  list-style:none;
}

.padding10
{
  padding:10px;
}

.padding20
{
  padding:20px;
}

.padding-top5
{
  padding-top:5px;
}

.padding-top10
{
  padding-top:10px;
}

.padding-top15
{
  padding-top:15px;
}

.padding-top25
{
  padding-top:25px;
}

.padding-right10
{
  padding-right:10px;
}

.padding-right20
{
  padding-right:20px;
}

.padding-bottom10
{
  padding-bottom:10px;
}

.padding-left15
{
  padding-left:15px;
}

.padding-left30
{
  padding-left:28px;
}

.padding-left150
{
  padding-left:150px;
}

.margin-top5
{
  margin-top:5px;
}

.margin-top10
{
  margin-top:10px;
}

.margin-top15
{
  margin-top:15px;
}

.margin-top25
{
  margin-top:25px;
}

.width120
{
  float:left;
  width:120px;
}

textarea.width100percent
{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
}

.dataTables_length
{
  display:none;
}

.pharmacy
{
  white-space:nowrap;
}

html
{
  min-height:100%;
  font-size:1.1em;
}

p
{
  margin:0;
  padding:.3em 0 .3em;
}

h1
{
  font-size:1.3em;
  margin:0;
}

h2
{
  font-size:1.2em;
  margin:0;
  padding: .3em 0;
  color:#00AFF0;
}

h3
{
  font-size:1.1em;
  margin:0;
  padding: .3em 0;
  color:#00AFF0;
}

h4
{
  font-size:1em;
  margin:0;
  padding:15px 0 0;
}

a
{
  color:#00AFF0;
  text-decoration:none;
}

.heading
{
  color:#0e0;
  text-decoration:none;
}

table td
{
  padding:5px !important;
  text-align:left;
}

.formTable td:first-child
{
  text-align:right;
  width:10%;
  white-space:nowrap;
}

.q_table td
{
  width:100%!important;
  text-align:left!important;
  white-space:normal!important;
}

.q_table-two-col
{
  width:100%;
}

.questionnaire
{
  width:100%;
  height:2em;
}

.questionnaire_1
{
  width:100%;
  height:1em;
}

.header-logged-out
{
  background:#000;
  width: 100%;
  float: left;
}

.header-bar
{
  width:auto;
  height:46px;
  background-color:#000;
  position:relative;
}

.header-img
{
  width:29px;
  height:29px;
  z-index:10;
  left:10px;
  top:8px;
  position:absolute;
}

.header-img-back
{
  width:50px;
  height:29px;
  z-index:10;
  left:5px;
  top:8px;
  position:absolute;
}

.header-center
{
  width:100%;
  padding-top:10px;
  position:absolute;
  left:0;
  top:2px;
  text-align:center;
  color:#999;
}

.header-right
{
  width:100%;
  padding-top:8px;
  position:absolute;
  left:0;
  top:0;
  text-align:right;
  font-size:.9em;
  color:#ccc;
}

.header-right span
{
  color:#ccc;
}

#overlay
{
  background-color:rgba(0,0,0,0.6);
  display:none;
  height:100%;
  position:fixed;
  width:100%;
  z-index:500;
}

#hamburger
{
  background-image:url(/static/images/icons/mobile-icon.png);
  background-position:12px 10px;
  background-repeat:no-repeat;
  background-size:24px;
  display:inline-block;
  height:46px;
  position:absolute;
  right:0;
  top:0;
  width:46px;
  z-index:1000;
  transition:.1s ease-in-out;
  -webkit-transition:.1s ease-in-out;
  -moz-transition:.1s ease-in-out;
  -o-transition:.1s ease-in-out;
}

#main-menu
{
  display:none;
  height:100%;
  position:absolute;
  right:0;
  transition:.2s ease-in-out;
  -webkit-transition:.2s ease-in-out;
  -moz-transition:.2s ease-in-out;
  -o-transition:.2s ease-in-out;
  width:300px;
  z-index:1000;
}

#main-menu ul
{
  background-color:#FFF;
  height:100%;
  padding-top:20px;
}

#main-menu.slide
{
  transform:translate(100%,0);
  -webkit-transform:translate(100%,0);
  -moz-transform:translate(100%,0);
  -ms-transform:translate(100%,0);
}

#main-menu li
{
  background-color:#fff;
  background-repeat:no-repeat;
  background-position:8px 10px;
  background-size:18px 18px;
  text-indent:25px;
}

#main-menu li.login,#main-menu li.logout
{
  background-color:#0c0;
  bottom:46px;
  margin:20px;
  position:absolute;
  text-align:center;
  text-indent:0;
  width:260px;
}

#main-menu li.login a,#main-menu li.logout a
{
  color:#FFF;
}

#main-menu li.zoom .controls
{
  border:1px solid #999;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  float:right;
  margin-top:-6px;
  text-indent:0;
}

#main-menu li.zoom .controls div
{
  float:left;
  padding:5px 8px;
  min-width: 18px;
  text-align: center;
}

#main-menu li.zoom .controls :nth-child(2)
{
  border-left:1px solid #999;
  border-right:1px solid #999;
}

#main-menu li a,#main-menu li.zoom
{
  color:#999;
  display:block;
  padding:10px;
}

#intro
{
   float: left;
    margin: 10px;
}

#sign-in 
{
    background: #0c0;
    color: #fff;
    float: right;
    padding: 5px 10px;
    margin: 21px 10px 0 0;
    border-radius:3px;
}

.welcome-text
{
  color:#fff;
  font-size:1.2em;
  text-align:center;
  padding-bottom:.5em;
}

.buttons
{
  text-align:center;
}

.mobile
{
  padding:10px;
}

input[type="text"],input[type="password"],select,textarea
{
  border-radius:3px;
  border:1px solid #ddd;
  margin:1px;
}

input[type=button],.button,input[type=submit]
{
  padding:2px 6px 4px;
  margin:5px 3px 5px 0;
  color:#fff;
  font-size:1em;
  -webkit-appearance:none;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  background-color:#3a3a3a;
  border: none;
}

.green-button
{
  background-color:#0c0 !important;
}

input[type="text"],input[type="password"]
{
  font-size:1em;
  -webkit-appearance:none;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}

.home_button
{
  min-width:200px;
  margin-top:10px!important;
  padding:6px 3px 8px!important;
  color:#fff;
  -webkit-appearance:none;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  background-color:#3a3a3a;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444',endColorstr='#222222');
  background-image:linear-gradient(top,#444444,#222222);
}

.footer-link { text-align: center; padding:5px 10px; font-size: 0.9em }
.footer-link span { color: #ccc; padding: 0 3px 0 3px; }
.copyright{ clear:both; text-align: center; font-size:0.75em; color:#aaa; padding-top:10px; }

input.textbox,input.login_input,textarea
{
  width:160px;
  border:1px solid #D8D8D8;
  font-size:1em;
  padding:4px 0 2px 4px;
  -webkit-appearance:none;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}

.medicare
{
  width:130px!important;
}

.ref_num
{
  width:20px!important;
}

input.textbox:focus,input.textbox-wide:focus,input.login_input:focus,textarea:focus
{
  border:1px solid #0f0;
}

input.textbox-wide
{
  width:260px;
  border:1px solid #D8D8D8;
  font-size:1em;
  padding:4px 0 2px 4px;
  -webkit-appearance:none;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}

select
{
  font-size:1em;
  border:1px solid #D8D8D8;
}

.registration_form td div.error
{
  margin-top: 5px;
}

.registration_form .medicare
{
  text-align:left;
}

.registration_form .medicare img
{
  margin-left:110px;
}

.registration_form select
{
  width:166px;
}

#login-form,#not-found
{
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  width:300px;
}

#login-form fieldset
{
  background:#f8f8f8;
  border-radius:10px;
  padding:20px;
  position:relative;
}

#login-form p
{
  text-align:center;
}

#login-form .username,#login-form .pass
{
  border:1px solid #dcdcdc;
  padding:12px 10px;
  width:238px;
  margin:0;
}

#login-form .username
{
  border-radius:5px 5px 0 0;
}

#login-form .pass
{
  border-top:none;
  border-radius:0 0 5px 5px;
}

#login
{
  width:100%;
  padding:10px 0;
  margin-top:20px;
}

#login-form p,#login-form .forgotpass_link
{
  color:#666;
  padding:10px 0 0;
}

#login-form .button
{
  display:block;
  padding:10px 0;
  width:100%;
}

.forgot
{
  background:#bbb;
  color:#eee;
  border-radius:50%;
  display:inline-block;
  height:20px;
  line-height:20px;
  margin:0 10px 0 0;
  text-align:center;
  width:20px;
}

.form-error,.error
{
  color:red;
}

.passwordStrengthBar
{
  width:166px;
  height:8px;
  background:#ddd;
  border:none;
}

.passwordStrengthBar div
{
  height:8px;
  width:0;
  float:left;
}

.passwordStrengthBar div.strong
{
  background-color:#32cd32;
}

.passwordStrengthBar div.medium
{
  background-color:#FF0;
}

.passwordStrengthBar div.weak
{
  background-color:orange;
}

.passwordStrengthBar div.useless
{
  background-color:red;
}

#myTable
{
  border-collapse:collapse;
}

#myTable th
{
  white-space:nowrap;
  width:100%;
  padding:15px 0 15px 5px;
  text-align:left;
}

#myTable td
{
  white-space:nowrap;
  border-top:1px solid #aaa;
  width:100%;
  padding-left:5px;
  text-align:left;
}

.disclaimer
{
  border:2px solid #0d0;
  text-align:center;
  padding:10px;
  font-weight:700;
  margin-bottom:15px;
}

.container-inner
{
  width:100%;
  float:left;
  min-height:400px;
  background-color:#FFF;
}

.homepage-welcome
{
  color:#aaa;
  font-size:1em;
  padding-top:5px;
}

.homepage-listing
{
  padding:10px 0;
  font-size:1em;
}

.homepage-listing li
{
  margin-bottom:10px;
  display:list-item;
  background:url(/static/images/site/left-icon.png) no-repeat left 8px;
  padding-left:11px;
}

.homepage-listing li a
{
  color:#00AFF0;
}

.home-icon
{
  clear:both;
  position:fixed;
  bottom:0;
  width:100%;
  height:2em;
  text-align:right;
}

.fontsize
{
  font-size:1.1em;
  color:#ccc;
}

.wound_proforma td:first-child
{
  vertical-align:top;
  text-align:right;
  padding:5px;
}

.sitemap li
{
  margin-left:40px;
  list-style-position:outside;
  list-style-type:square;
}

.create-referral input[type="text"]
{
  padding:4px 0 2px 4px;
  width:200px;
}

.create-referral select
{
  padding:4px 2px 0;
  width:206px;
}

.create-referral input[readonly="readonly"]
{
  background-color:#EEE;
  padding:4px 0 2px 4px;
}

.create-referral #medicare
{
  width:175px;
}

.create-referral #ref_num
{
  width:12px;
}

.create-referral #provider_num,.create-referral #valid_to
{
  width:100px;
}

ul#options
{
  list-style-image:url(/static/images/site/left-icon.png);
}

ul#options li
{
  margin:0 0 10px 20px;
  padding:10px;
}

#container
{
  position:relative;
  margin:auto;
  max-width:768px;
}

.date_container
{
  position:relative;
  top:10px;
  padding:10px;
  background:#090;
  color:#FFF;
  width:90%;
  margin:auto;
  border-bottom: 1px solid #00d800;
}

#weekday
{
  padding-top: 5px;
  text-transform:uppercase;
  text-align:center;
  font-weight:700;
}

#month
{
  text-transform:uppercase;
  text-align:center;
  font-weight:700;
}

#back
{
  font-size:1.3em;
  padding:2.2em 1em;
  float:left;
  opacity:0.9;
  filter:alpha(opacity=90);
}

#forward
{
  font-size:1.3em;
  padding:2.2em 1em;
  float:right;
  opacity:0.9;
  filter:alpha(opacity=90);
}

#day
{
  display:inline-block;
  font-size:7em;
  padding-top:45px;
}

#date_line
{
  width:100%;
  display:inline-block;
  text-align:center;
}

#specialty
{
  width:290px;
  display:block;
  position:relative;
  margin:auto;
  padding:5px 0 5px 68px;
  margin-top:20px;
  color:#fff;
  background:green url(/static/images/mobile/chevron.svg) no-repeat 95% center;
  background-size:16px;
  border:0;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border: 1px solid #070;
}

.green_bg
{
  background:#00c800!important;
}

.green
{
  color:#00c800!important;
}

.button_green
{
  text-transform:uppercase;
  padding:25px 10px 15px;
  background:#00c800;
  font-size:1.25em;
  color:#fff;
  width:90%;
  margin-top:0;
  margin:auto;
  font-weight:700;
  text-align:center;
  font-stretch:condensed;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
}

.button_grey
{
  padding:15px 10px;
  font-size:1.1em;
  background:#353535;
  color:#fff;
  width:90%;
  margin:auto;
  margin-top:10px;
  text-align:center;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
}

#user_bar
{
  background-color:#353535;
  border-top:1px solid #0c0;
  color:#FFF;
  height:65px;
  padding:15px 10px;
}

#user_bar .wrapper
{
  margin:0 auto;
  width:100%;
}

#user_bar .name
{
  border-bottom:1px solid #999;
  padding-bottom:8px;
}

#user_bar .upcoming_appointments
{
  margin:5px 20px 0 0;
}

#user_bar .waiting_prescriptions
{
  margin-top:5px;
}

#user_bar .upcoming_appointments,#user_bar .upcoming_appointments span,#user_bar .waiting_prescriptions,#user_bar .waiting_prescriptions span
{
  display:inline-block;
  float:left;
}

#user_bar .upcoming_appointments .value,#user_bar .waiting_prescriptions .value
{
  color:#0c0;
  font-size:1.8em;
  margin-right:10px;
}

#user_bar .upcoming_appointments .text,#user_bar .waiting_prescriptions .text
{
  font-size:.7em;
  position:relative;
  top:5px;
}

.contact-us td {
  vertical-align: top;
}

.modal-dialog{background-color:#F8F8F8;border:0;border-radius:5px;-moz-border-radius:3px;-webkit-border-radius:3px;display:none;padding:20px;-webkit-box-shadow:0 10px 104px -9px rgba(0,0,0,0.75);-moz-box-shadow:0 10px 104px -9px rgba(0,0,0,0.75);box-shadow:0 10px 104px -9px rgba(0,0,0,0.75);box-sizing:border-box}

.modal-dialog .appointment_info {
  padding: 10px;
}

.modal-dialog .appointment_info .buttons .button {
  display: inline-block;
}

.appointment_info .sleepfit_logo_wrapper{text-align:center}
.appointment_info .sleepfit_logo{height:42px;vertical-align:baseline;width:114px}
.sleepfit_logo{background-image:url('/static/images/logos/sleepfit.png');background-repeat:no-repeat;background-size:100%;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;display:inline-block;height:21px;margin:0 5px;vertical-align:middle;width:57px}

.appointment_tags{display:inline-block}
.appointment_tags .tag,.appointment_info .hepc_only .title{background-color:#9ccc65;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#fff;padding:2px 6px;text-align:center;text-shadow:1px 2px 3px rgba(0,0,0,0.4)}
.appointment_tags .tag{display:inline-block;font-size:0.9em}
.appointment_info .hepc_only .title{font-size:1.5em;font-weight:bold;line-height:1.5em;margin-bottom:1em}
.appointment_info .hepc_only .title,.appointment_tags .hepc_only{background-color:#00b6f6}
#appointmentsTable .appointment_tags{margin-left:0.5em}
.appointment-booker .appointment_tags .tag{font-size:0.8em}
#appointment_listing .connection_method svg{fill:currentColor;height:1.5em;position:relative;top:4px;width:1.5em}
#appointment_listing .connection_comment svg{fill:currentColor;height:2em;width:2em}

@media screen and (max-width: 500px) {
  .modal-dialog {
    width: 100% !important;
  }
  .modal-dialog .appointment_info {
    margin: 0 10px;
    width: auto !important;
  }
}

@media screen and max-device-width 480px {
  body
  {
    -webkit-text-size-adjust:none;
  }
}

@media screen max-width 300px {
  #main-menu
  {
    width:85%;
  }
}

@media screen and max-width 699px {
  .registration_form input[type="text"],.registration_form input[type="password"],.registration_form select,.registration_form .passwordStrengthBar
  {
    width:100%;
  }
}

thead th.sort {
    background-image: url('/static/images/icons/sort.png');
    background-position: 98% 50%;
    background-repeat: no-repeat;
    background-size: 14px;
}

thead th.sort.sorting_asc {
    background-image: url('/static/images/icons/sort-up.png');
}

thead th.sort.sorting_desc {
    background-image: url('/static/images/icons/sort-down.png');
}

.embed-container{height:0;max-width:100%;overflow:hidden;padding-bottom:56.25%;position:relative}
.embed-container iframe,.embed-container object,.embed-container embed{height:100%;left:0;position:absolute;top:0;width:100%}
h1.invert,h2.invert,h3.invert,h4.invert,h5.invert,h6.invert{background-color:#00aff0;color:#fff}
h1.banner,h2.banner,h3.banner,h4.banner,h5.banner,h6.banner{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:20px;padding:10px;text-align:center}

img.fixhepc-book-appointment-1,img.consult-doctor-2{width:100%}
.fixhepc-app-buttons .app img{vertical-align:middle;width:100px}