/**

**/

body {
    padding-bottom: 40px;
	background-color: rgba(200,200,200,.1); ;
	color: #3e4855;
}

a:hover{ text-decoration:none;}
.print-only{display:none;}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.zf-green {
    color: #68b604;
}

.toast-warning{ background-color: rgba(255,0,0,.4) !important;}
label{ font-weight: bold; }
.modal-dialog {
    z-index: 9999;
	position:absolute !important;
	margin-left: 25% !important;
	max-width: 100% !important;
	width: 1000px !important;
	padding-bottom: 20px;
}

.fullscreen {
    width: 95% !important;
	max-width: 1000px;
	margin: 20px auto !important;
}

.fullscreen .modal-dialog{
    width: 100% !important;
	
}
.container{max-width: 100%;}
td.date{text-align: center; width: 100px;}
td.quicklinks{text-align: center; width: 100px;}
.quicklinks a{margin: 0px 2px; color: #222 !important;}



div.container a.navbar-brand > img {
    display: inline;
    margin-right: 4px;
    margin-top: -2px;
}

.main.container{  
    min-height: 500px;
    background-color: #eee;
    width: 100%;
    padding-left: 250px;
    margin-bottom: 0px;
	}
.main.container.full-width{padding-left: 50x;}
	.panel{background-color: #fff !important;border: 0px !important; border-radius: 2px !important; box-shadow: 0px !important; webkit-box-shadow: 0px !important; }
.negative{ font-weight: bold; color: rgba(255,0,0,1);}
.negative::before{content: '('; font-weight: bold; color: rgba(255,0,0,1);}
.negative::after{ content: ')';font-weight: bold; color: rgba(255,0,0,1);}
:required:hover {
    border: 1px solid rgba(255,0,0,.5) !important;
}

.red{color: rgba(200,0,0,1);}
select option:first-child{color: #ccc !important;}

.tooltip-inner {
    max-width: 350px !important;
}
.tooltip *{ text-align: left;}
.tooltip ul,.tooltip li{ margin-left: 0px;}

/* HEADER */
.navbar-brand{ padding: 	0px !important;}
.navbar-brand img{    position: relative;
    float: left;
    max-height: 100%;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
					background-color: rgba(40,47,84,.5) !important;
					background-image: none !important;
}
.navbar-welcome{
	float:right;
	color: #fff;
	position:relative;
	max-width: 25%;
	padding-top: 10px;
	
}

.btn{ color: rgba(255,255,255,1) !important;}

.navbar-welcome a{color:#fff;}


/* LAYOUT */
#page-sidebar{
	background-color: rgba(0,0,0,1);
}

.scroll-sidebar{   
    overflow: hidden;
    width: auto;
position:relative;float:left;width: 100%;}

#sidebar-menu {
    margin: 0;
    padding: 5px 20px 5px 0px;
    list-style: none;
}

.sidebar-toggle{
	position:relative; 
	float: left; 
	width: 100%; 
	text-align: right; 
	color: rgba(255,255,255,1);
	padding: 5px; 
}


		/* PAGE SIDEBAR MINIMIZED */

			#page-sidebar.minimize{ width: 50px; overflow:hidden;}
				#page-sidebar.minimize #sidebar-menu{padding: 5px 10px;}
				#page-sidebar.minimize{}
				#page-sidebar.minimize .sidebarhide.btn.btn-success{position: relative;
					    float: left;
					    margin: 0px 6px;}

				
				#page-sidebar.minimize #sidebar-menu>li>a{background-color: #e0e0e0;}
					#page-sidebar.minimize #sidebar-menu>li>a .fa{left: -15px;}
					#page-sidebar.minimize .header,
					#page-sidebar.minimize #sidebar-menu>li>a span{display:none;}
					#page-sidebar.minimize  #sidebar-menu li.header +*{margin: 8px 0px; padding-top: 8px;}
					#page-sidebar.minimize #sidebar-menu>li>a.btn{	padding-left: 0px !important; padding-top: 0px;
								font-size: inherit;
							    line-height: inherit;
							    height: inherit; 
							    font-weight: inherit;
							    color: inherit; 
							     background-color: rgba (255,255,255,.1) !important;
							width: 25px;
    						}		

footer{
	font-size: .8em;
	color: #ccc;
	padding: 20px 10%;
	
	
}


.card-header .btn{ position:relative; top: -7px;}
.card-header .btn-sm{ position:relative; top: 0px !important;}
.row{
	    margin-right: 5px !important;
    margin-left: 5px !important;
	margin-top: 5px;
	margin-bottom: 5px;
	
}
.row.named-insured-details{}
.row.named-insured-details iframe{max-width: 100%;}
/* PROGRESS */
.stepwizard-step p {
    margin-top: 5px;
	font-size: 11px;    
}

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

.stepwizard {
    display: table;     
    width: 100%;
    position: relative;
	margin-bottom: 25px;
}


.stepwizard-step {    
    display: table-cell;
    text-align: center;
    position: relative;
	width: 15%;
	float: left;
	padding: 5px;
	font-size: 12px;
	border: 1px solid rgba(100,100,100,.5);
	background-color: rgba(100,100,100,.15);
}


a.stepwizard-step {    
   
	border: 1px solid rgba(92,184,92,.75);
	background-color: rgba(92,184,92,.5);
	color: rgba(255,255,255,1);
	
}
a.stepwizard-step:hover {    
   
	border: 1px solid rgba(92,184,92,1);
	background-color: rgba(92,184,92,1);
	color: rgba(255,255,255,1);
	text-decoration:none;
	
}
a.stepwizard-step.active {    
   
	border: 1px solid rgba(91,192,222,.75);
	background-color: rgba(91,192,222,.5);
	color: rgba(255,255,255,1);
	
}
a.stepwizard-step.active {    
   
	border: 1px solid rgba(91,192,222,1);
	background-color: rgba(91,192,222,1);
	color: rgba(255,255,255,1);
	text-decoration:none;
}


.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 3px 2px !important;
  font-size: 10px !important;
  line-height: 1.428571429 !important;
  	border-radius: 20px !important;
}



.currency::before{content: '$'; width: 20px;}
tr.active{}
tr.inactive{ color: rgba(200,200,200,1); font-style: italic;}

/* SIMPLE COLORS */
.green{ color: rgba(65, 150, 65, 1); }
.red{ color: rgba(193, 46, 42,1); }

			
/* BIG BUTTONS */
.btn.full{position:relative; width: 100%; display:block; 
			color: rgba(255,255,255,1); font-weight: bold; 
			height: 100px !important; border-radius: 2px; cursor: pointer;
			text-align:center;
			}


.btn.full:hover{text-decoration:none !important; opacity: .4; color: rgba(0,0,0,.75) !important; }
.btn.full i, .full-btn svg{ padding-right: 2.5%; position:absolute; left: 10px; top: 10px;  font-size: 1.5em !important;}
.btn.full span{text-align :center; text-transform: uppercase; font-size: 1em; width: 100%; position:relative; float:left; margin-top: 15px;}

			.chartContainer{height: 200px; width: 100%;}
			.chart-container{    min-height: 220px;
								    height: 400px;
								    overflow: hidden;}
			
			
			
			.canvasjs-chart-credit{display:none !important;}
			
/* PAGE LOOK and LAYOUT */


.DocumentReview{ 
								    border: 1px solid rgba(200,200,200,1); width: 95%; margin: 10px 2.5%; overflow: scroll; max-height: 9in;}
	

.page{ 
	position:relative;
	background-color: rgba(255,255,255,1); 
	width: 8.5in; height: 11in; page-break-after: always; padding: .5in; margin: .25in auto;     -webkit-box-shadow: 5px 5px 5px #000000;
    box-shadow: 0px 0px 5px #000000;
font-size: .85em !important;}

	.page-body{position:relative; width: 100%; height: 9.5in; overflow:hidden;}
	
			.placeholder{ color: rgba(255,0,0,1); font-weight: bold; }
	
	
	
	.page.issuance .table-condensed td{ padding: 2px;}
	.page.issuance .super-condensed td, .page.issuance .super-condensed th{padding: 0px;}
	/* ISSUANCE */

	.page.issuance h1{ position: relative; width: 100%; text-align: center; font-size: 20pt; margin-top: 0in; margin-bottom: .25in;}
		.page.issuance h2{position: relative; width: 100%; text-align: left; font-size: 16pt; margin-top: .125in; margin-bottom: .125in;}
		.page.issuance h3{}
.page.issuance h4 {
    font-size: 1rem !important;
}
		.page.issuance .address-block{ margin-bottom: .25in}		

	/* AMENDMENT*/
	
	.amendment-header{position: relative; width: 100%; height: 2.75in; }
	.amendment-body{position: relative; width: 100%;  height: 5.25in;}
	.amendment-footer{position: relative; width: 100%; height: 1.75in; border-top: 2px solid rgba(0,0,0,1); padding-top: .25in}
	
/* FORMS */
			.printcell{overflow: scroll; width: 95%; max-width: 9in; height: 11in; border: 1px rgba(0,0,0,.5) dashed; background-color: rgba(0,0,0,.15);}
			.card-header .input-group{ position:relative; top: -7px; right: -7px;}

.parsley-error{ border: 1px solid rgba(255,0,0,.75) !important; background-color: rgba(255,0,0,.05) !important;}



/* usdot import */
		.USDOTDetails:empty{display:none;}
		.USDOTDetails{ display:inline;  padding: 10px; background-color: rgba(200,200,200,.1); position:relative; float: left; width: 100%;}
.USDOTDetails *{font-size: .925em !important;}
			.USDOTDetails #CarrierInfo{position:relative; float: left; width: 100%;}
			.USDOTDetails #basicInfo{position:relative; float: left; width: 30%; margin-right: 3%;}
			.USDOTDetails #SafetyRating{position:relative; float: left; width: 30%; margin-right: 3%;}
					.USDOTDetails #SafetyRating h3{margin-top: 0px;}
			.USDOTDetails #LicensingAndInsurance{position:relative; float: left; width: 30%;}
					.USDOTDetails #LicensingAndInsurance h3{margin-top: 0px;}
			.USDOTDetails .carrierNote{display:none;} 
	
		
	.page.watermark{
	
		   background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='400px'><text x='25' y='50' fill='rgba(0,0,0,.05)' font-size='40'>DEMO - NOT VALID</text></svg>");
		
	}
	

.table-condensed{
  font-size: 10px;
}


.bg-warning{}
.highlight:hover{ background-color: rgba(0,0,255,.1) !important;}
.clickable:hover{ background-color: rgba(0,0,255,.1) !important; cursor:pointer;}
.well-danger{ background-color: #f2dede !important; border: 2px dashed rgba(200,0,0,1) !important; background-image:none !important;}