body{
	background-color: #FAFCFC;
  font-size: 15px;
}

.header-container {
  text-align: center;
  height: 80px;
  border-top: 6px solid #1870ad;
}

.header {
  overflow: hidden;
  display: inline-block;
  padding: 10px 10px;
  width: 100%;
  max-width: 1170px;

}

.header-left {
  float: left;
  width:350px
}

.header-center {
  float: left;
  text-align: center;
  padding: 20px;
  font-weight: 600;
}

.header-right {
  float: right;
  text-align: right;
  padding: 20px;
  font-weight: 600
}

/* Style the header links */
.header a {
  float: left;
  color: black;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 18px;
  line-height: 25px;
  border-radius: 4px;
}

.logo{
    background: url('/images/safevisit-logo.png') no-repeat;
    height: 60px;
    float: left;
    width: 350px;
    cursor: pointer;
    margin-left: 10;
    
}


.footer-container {
   width: 100%;
   color: #000000;
   text-align: center;
   background-color: #f7f7f7;
   border-top: 2px solid #ddd;
   margin-top: 40px;


}

.footer {
	 display: inline-block;
   background-color: #f7f7f7;
   color: #000000;
   text-align: center;
   font-size: 12px;
   padding: 20px;
   width: 100%;
   max-width: 1170px;
}

.logo2{
    background: url('/images/manulife_logo_sm.png') no-repeat;
    height: 60px;
    float: left;
    width: 200px;
    cursor: pointer;
    margin-right: 20;
}

.footer a {
  float: left;
  color: black;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 18px;
  line-height: 25px;
  border-radius: 4px;
}

.md-user{
font-size: 16px;
font-weight: bold;
color: #009900;
} 





.flow-title{
font-size: 22px;
padding-top: 20px;
padding-left: 10px;
font-weight: bold;
} 

[id^='Add_Traveler_'] { 
	 background-color: green;
	 border-color: green;
     padding:3px 5px;
     background-image: none;	 }

[id^='Add_Family_'] { 
	 background-color: green;
	 border-color: green;
     padding:3px 5px;
     background-image: none;	 }

/*td[data-field="participant_birthdate"]{
	width:400px!important;*/
}
.glyphicon-question-sign{
	cursor:pointer;
	margin-left:20px;
  
}
.glyphicon-question-sign:before {
    color:#008000;
}

@media screen and (max-width: 767px){
	.glyphicon-question-sign{
		margin-left: 0px!important;
	}
	label[for^='value_Trip_Type_'], label[for^='value_Trip_Destination_'], label[for^='monthvalue_Effective_Date_'],label[for^='monthvalue_Expiry_Date_'],label[for^='value_is_family_']{
		display:contents !important;
	}
	#detailPreview3>table>tfoot{
		display:contents;
	}
}

.overlay1,.overlay2,.overlay3,.overlay4,.overlay5,.overlay6,.overlay7,.overlay9,.overlay8,.overlay10{
    background-color:#9c9c9c;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0px;
    left: 0px;
    opacity: .2; /* in FireFox */ 
    filter: alpha(opacity=20); /* in IE */
		pointer-events:none;
}

@media screen and (min-width: 768px){
	.panel-body [data-itemtype="details_preview"] .r-grid-vertical {
		 display: flex !important;
	}
}

.select_readonly{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	pointer-events: none;
 outline: 0;
 outline-offset: 0;
	border:0;	
	background-color:white!important;
	padding-left:0px!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
}

@media screen and (min-width: 768px){
[data-itemid="Trip Information"] .control-label, [data-itemid="Traveler_Information"] .control-label{
		width:30%!important;
}
}

[id^=IsEmailEmail_1], [id^=IsPhoneNumberPhone_], [id^='IsRequired']{
	color:red;
}

.panel-title{
  color: green;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  

}

 
 .pb_container {
      width: 100%;
      margin: 5px auto; 
  }
  .progressbar {
      counter-reset: step;
  }
  .progressbar li {
      list-style-type: none;
      width: 25%;
      float: left;
      font-size: 12px;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      color: #7d7d7d;
  }
  .progressbar li:before {
      width: 30px;
      height: 30px;
      content: counter(step);
      counter-increment: step;
      line-height: 30px;
      border: 2px solid #7d7d7d;
      display: block;
      text-align: center;
      margin: 0 auto 10px auto;
      border-radius: 50%;
      background-color: white;
  }
  .progressbar li:after {
      width: 100%;
      height: 2px;
      content: '';
      position: absolute;
      background-color: #7d7d7d;
      top: 15px;
      left: -50%;
      z-index: -1;
  }
  .progressbar li:first-child:after {
      content: none;
  }
  .progressbar li.active {
      color: green;
      font-weight: bold;
  }
  .progressbar li.active:before {
      border-color: green;
  }
  .progressbar li.active + li:after {
      background-color: #55b776;
  }
 .progressbar li.completed {
      color: green;
  }
  .progressbar li.completed:before {
      border-color: green;
      background-color: green;
      content: "\2713";
	    color: #ffffff;
      font-weight: bold;
  }
  .progressbar li.completed + li:after {
      background-color: #55b776;
  }

.pbar {
      width: 100%;
	  margin-top: -7px;

  }
  .pbar_step {
      width: 25%;
	  float: left;
      font-size: 14px;
	  font-weight: 500;
      position: relative;
	  padding: 10px;
	  background-color: #f7f7f7;
      text-align: center;
      text-transform:; uppercase;
      color: #000000;
	  border: 1px solid #d2d2d2;
  }
    .pbar_step_active {
      width: 25%;
	  float: left;
      font-size: 14px;
	  font-weight: bold;
      position: relative;
	  padding: 10px;
	  background-color: #ffffff;
      text-align: center;
      text-transform:; uppercase;
      color: green;
	  border: 1px solid green;
  }
    .pbar_step_completed {
      width: 25%;
	  float: left;
      font-size: 14px;
	  font-weight: bold;
      position: relative;
	  padding: 10px;
	  background-color: #cdf2c7;
      text-align: center;
      text-transform:; uppercase;
      color: #000000;
	  border: 1px solid #d2d2d2;
  }

[id^="readonly_value_terms_"]{
	padding: 20px; 
	overflow-y:scroll; 
	height:150px; 
	width:100%; 
	border:solid 1px #cccccc;
	display:block;
}

[data-itemid="mqtext"],[data-itemid="mqtitle"]{
	margin-left:0px!important;
}

[id^="myloading"]{
	position:absolute;
	border:1px solid lightgray;
	background-color:white;
	z-index:9999;
	padding:20px 50px;
	font-size:14px;
}

.form-section
{
	min-height: 50vh;
}
.r-small-page{
	min-height: 66vh;
}

#panel-heading{
  background-image:none;
}

.r-body {
    max-width: 1200px;
    margin-top: 0px;
    min-height: 54vh;
}



.r-topbar-page .r-topheader[data-fixed] {
    position: inherit !important;

}

.r-small-page .r-grid-vertical
{
    max-width: 1160px;

}

.function-menu .r-body{
	margin-top:0px!important;
}

.function-view .r-body{
	margin-top:0px!important;
  
}

.function-list .r-body{
	margin-top:20px!important;
  
}

.function-view .r-grid-vertical{
	max-width:1270px!important;
  
}

.function-menu .r-body{
	margin-top:0px!important;
}

.rnr-horizontal-lookup.rnr-horizontal-lookup.rnr-horizontal-lookup {
max-width: none; 
}

/*".function-menu [data-cellid="grid_c1"][data-page=".global_menu2"][data-cellid="grid_c1"][data-page=".global_menu2"][data-cellid="grid_c1"][data-page=".global_menu2"]{
    padding: 0px 40px 40px 40px;
}

.function-menu [data-cellid="grid_c1"][data-page=".global_menu2"][data-cellid="grid_c1"][data-page=".global_menu2"][data-cellid="grid_c1"][data-page=".global_menu2"]{
    padding: 0px 40px 40px 40px;
}"*/

.recalc{
	font-size: 17px;
	color: chocolate;
}

.sqlerror{
color: red;
}

.required {
    content: '*';
    color: red;
}