.navbar-default {
    background-color: #04506e;
    border-color: #e7e7e7;
}
.navbar-default .navbar-nav > li > a {
    color: white;
}
.affix {
    position: fixed;
	top:10px;
	width:260px;
}

.full-width {
	width: 100%;
}

.field-100-percent-width {
	width: 100%;
}

.percentage-85-width {
	width: 85%;
}
.percentage-75-width {
	width: 75%;
}
.half-width {
	width: 50%;
}
.percentage-5-width {
	width: 5%;
}

.vision-loader {
  	position: absolute;
  	left: 50%;
  	top: 20%;
  	z-index: 999;
  	width: 150px;
  	height: 150px;
  	margin: -75px 0 0 -75px;
  	border: 16px solid #f3f3f3;
	text-align: left; 
  	border-radius: 50%;
  	border-top: 16px solid #3498db;
  	width: 120px;
  	height: 120px;
  	-webkit-animation: spin 2s linear infinite;
  	animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  	0% { -webkit-transform: rotate(0deg); }
  	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  	0% { transform: rotate(0deg); }
  	100% { transform: rotate(360deg); }
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal; 
}

.css-vision-plan-detail,
.css-vision-applicant-detail { 
	width: 100%; 
	border-collapse: collapse; 
	margin-bottom: 30px;
	font-size:12px;
}
.css-vision-plan-detail tr:nth-of-type(odd),
.css-vision-applicant-detail tr:nth-of-type(odd) { 
	background: #f5f5f5; 
}
.css-vision-plan-detail th,
.css-vision-applicant-detail th { 
	background: #04506E; 
	color: white; 
	font-weight: normal; 
}
.css-vision-plan-detail td, .css-vision-plan-detail th,
.css-vision-applicant-detail td, .css-vision-applicant-detail th { 
	padding: 6px; 
	border: 1px dashed #ccc; 
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	.css-vision-plan-detail, .css-vision-plan-detail thead, .css-vision-plan-detail tbody, .css-vision-plan-detail th, .css-vision-plan-detail td, .css-vision-plan-detail tr,
	.css-vision-applicant-detail, .css-vision-applicant-detail thead, .css-vision-applicant-detail tbody, .css-vision-applicant-detail th, .css-vision-applicant-detail td, .css-vision-applicant-detail tr { 
		display: block; 
		font-size:12px;
	}
	.css-vision-plan-detail, .css-vision-plan-detail thead,
	.css-vision-applicant-detail, .css-vision-applicant-detail thead {
		background: #04506E;
	}
	.css-vision-plan-detail thead tr,
	.css-vision-applicant-detail thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}		
	.css-vision-plan-detail tr, .css-vision-applicant-detail tr { border: 1px dotted #ccc; }		
	.css-vision-plan-detail td, .css-vision-applicant-detail td { 
		border: none;
		border-bottom: 1px dotted gray; 
		position: relative;
		padding-left: 50%; 
	}		
	.css-vision-plan-detail td:before, 
	.css-vision-applicant-detail td:before{ 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	.css-vision-plan-detail td:nth-of-type(1):before { content: "Plan"; }
	.css-vision-plan-detail td:nth-of-type(2):before { content: "Deductible"; }
	.css-vision-plan-detail td:nth-of-type(3):before { content: "Coinsurance"; }
	.css-vision-plan-detail td:nth-of-type(4):before { content: "Annual Maximum"; }
	.css-vision-plan-detail td:nth-of-type(5):before { content: "Monthly Premium"; }	
		
	.css-vision-applicant-detail td:nth-of-type(1):before { content: "Applicant"; }
	.css-vision-applicant-detail td:nth-of-type(2):before { content: "Quote Date"; }
	.css-vision-applicant-detail td:nth-of-type(3):before { content: "Effective Date"; }
	.css-vision-applicant-detail td:nth-of-type(4):before { content: "Date of Birth"; }
	.css-vision-applicant-detail td:nth-of-type(5):before { content: "Age"; }
	.css-vision-applicant-detail td:nth-of-type(6):before { content: "Gender"; }
	.css-vision-applicant-detail td:nth-of-type(7):before { content: "Rate"; }
	.btn-continue{
		margin-left: 20px;
		margin-top: 6px;
		margin-bottom: 6px;
	}
	.free-quote-title {font-size: 150%;}
	.quote-result-title {font-size: 150%;}
	.btn-lin-width-120 {width: 160px;margin-top: 3px;}
	.btn-lin-width-140 {margin-top: 3px;}
	.add-dependent {width: 214px;margin-top: 3px;}
	.add-spouse {margin-top: 3px;}
	.producer-pabol-sale-main {margin-bottom: -10px;margin-top: -10px;}
	.bol-form-label {
	  	font-family: sans-serif;
		color: #ccc;
		font-size: 100%;
		font-weight: 100;
	}
  	.col-xs-3 {
  		width: 38%;
  	}
  	.col-xs-2 {
  		width: 47%;
  	}
  	.col-xs-12 {
  		width: 100%;
  	}
	.well {
	    min-height: 20px;
	    padding: 19px;
	    margin-bottom: 20px;
	    background-color: white;
	    border: 0px solid white;
	    border-radius: 4px;
	    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	}
}