/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
    height: 100%;
	font-family:'Source Sans Pro',sans-serif
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.overlay-shadow {
  
  opacity:0.3;
}

.rx_type_shadow {
    border: 1px solid #cccccc;
    background: #f8f8f8;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    cursor: pointer;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}



/* Step wizard */
.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
	
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.setup-content,.error-content {background: #F8F8F8;padding-bottom:10px;}

.setup-content-mobile {margin-top:55px;}



.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.nextBtn {background-color:#F4A460;border-color:#F4A460;padding: 10px 50px;}
.prevBtn {background-color:#F4A460;border-color:#F4A460;padding: 10px 50px;}
.selectaccount {padding: 10px 13px;}

.rx_type {
  border: 1px solid #cccccc;
  background: #f8f8f8;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 10px;
  cursor:pointer;
}
.rx_type .rx_heading {width:100%;text-align:center;border-bottom:1px dotted;} 
.profile-img {
  height: 100px;
  width: 100px;
  background: white;
}
.lenses-img {
  height: 70px;
  background: white;
}

.rx_type .media-body {vertical-align:middle;}
.rx_title {
  color: #666666;
  font-size: 17px;
}
.rx_desc {
  font-size: 16px;
}

.select {padding:14px 2px;height:auto;}
.is-error {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.custom-error {color:#a94442;}

	 
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding:5px 1px;border-top:0px; }

.table-bordered {border:0px;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border:0px;}
.table-bordered>tbody>tr>td.tdheading {padding:0px;vertical-align:middle;}
.table-bordered>tbody>tr>td.phead {text-align:center;} 


/* make box selectable */
.rx div {cursor:pointer;}
.rx .selected,.rx_pres_type .selected,#lenses .selected, #coating .selected{
	/*border: 4px solid #D8D8D8;*/
	border: 1px solid #CCC;
    background: #CCC;
}

.setup-content .form-group {min-height:70px;}

ul.tint_color {list-style: none;
    display: inline;
    float: left;
    margin-top: 10px;
    padding: 0px;}
	
ul.tint_color  li {display:inline;}	
.tint_color_opt  > img.selected  {
	border: 1px solid;
    border-radius: 500px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;}
.h2, h2 {
    font-size: 22px;
}	
.imgproduct {margin:10px 0px;}
.non-prescription {margin-top:5px;}
.btn-huge {
    padding-top:20px;
    padding-bottom:20px;
}

.custom-div {margin:10px;}
.custom-div-first {margin-top:30px;}
.msteps {font-size: 20px;float: left;margin-top: 12px;color: #FFF;margin-left: 10px;}
.msteps-nav-btn {float:right;margin-right:5px;}

.capturedImage {text-align: center;margin-top: 20px;margin-bottom: 20px;}

.btn-bs-file{
    position:relative;
    width: 100%;
    padding-top:20px;
    padding-bottom: 20px;
}
.btn-bs-file input[type="file"]{
    position: absolute;
    top: -9999999;
    filter: alpha(opacity=0);
    opacity: 0;
    width:0;
    height:0;
    outline: none;
    cursor: inherit;
}

.navbar-default {background-color: #222;border-color: #080808;}


.upload_prescription_div_rx
{
    border: 1px solid #cccccc;
    background: #f8f8f8;
    margin: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 10px;

}
.upload_prescription_div_rx_heading
{
    width: 100%;
    text-align: center;
    border-bottom: 1px dotted;
}
.start_over_btn
{
margin-bottom: 12px;
}


.selec_del_btn
{
    margin-top: 10px;
    padding: 3px 17px;
  }

.upload_presc_div_rx
{
      font-size: 10px;
    text-align: center;
  }


.img_barcode_gogle
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 60%;
}

   .upload_image_button_browse
   { 
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    background-color: black;
    color: white;
    border: none;
    padding: 6px 30px;
    max-width: 60%;
    font-size: 17px;
    font-weight: 100;
    text-align: center;
}

.start_over_btn_mob
{
margin-top: 12px;
}

.upload_image_button_browse_mob 
{
    display: block;
    background-color: black;
    color: white;
    border: none;
    padding: 6px 30px;
    font-size: 17px;
    font-weight: 100;

    }



.hide_option{
display:none;
}
.show_option{
display:block;
}


/* Responsive Styles */

@media(max-width:991px) {
    
}

@media(max-width:767px) {
body {
    overflow-x: hidden;
}
header.carousel .carousel {
	height: 70%;
}
.container {
    float: left;
    width: 100%;
	height:100%;
}
form#stepfrm { padding-top: 5px; background: #f8f8f8; margin: 0 -15px;}
.setup-content-mobile {margin: 0;}
#stepfrm .btn-primary { background-color: #000; border: none; border-radius: 0;}
#stepfrm .btn-primary i.fa { margin-right: 7px;}
.navbar-header button.pull-right { padding: 5px 20px; border: 1px solid #fff; border-radius: 0; background-color: #AA121E; margin: 7px 15px 0 0;}
.navbar-fixed-bottom .navbar-header button.pull-right { margin-right: calc(50% - 55px);padding:6px 40px;}
.navbar-fixed-bottom .navbar-header button.btn-success.pull-right { margin-right: calc(50% - 67px);padding:6px 20px}
.navbar-fixed-top .navbar-header button.pull-right {margin-right: calc(50% - 55px);}
footer  {background:#000;}
footer .container-fluid  button.pull-left { margin-right: calc(50% - 40px);}

#stepfrm .table>tbody>tr>td, #stepfrm .table>tbody>tr>th, #stepfrm .table>tfoot>tr>td, #stepfrm .table>tfoot>tr>th, #stepfrm .table>thead>tr>td, #stepfrm .table>thead>tr>th {  padding: 5px 15px; vertical-align: middle;}
#stepfrm .col-md-12 > div { background: none!important; border: none!important;}
div#singlepd { margin-top: -15px;}
div#dualpd  {margin-top: -20px;}
div#singlepd label { margin-left: 15px; float: left; margin-top: 10px;font-weight:normal;}
select#pd_single { display: inline-block;}
input#useprism { margin-left: 15px;}
input#pdtype + p { text-align: left!important; margin-left: 15px;}
.profile-img { height: 80px; width: 100px;}
.lenses-img { height: 60px;}
.show-tick {width:75%;}
input#useprism { margin-left:15px !important; }
.prescription_name {float: left;margin-right: 5px;margin-left: 13px;font-weight: normal;width: 15%;padding-top: 5px;}
.pres_outer_div {width:75%;}
.modal-backdrop  {z-index:1040 !important;}
.modal-dialog {z-index:1100 !important;margin-top:90px;}

.selec_del_btn
{
    margin-top: 5px;

  }
}