/* Checkmark icons for the step status msgs on the CIV page */

.completion-msg-icon{
font-size: 150%;
}

/* Subscription sign up */

.required-icon{
color:#dc3545;	
font-size:80%;
}

/* the page header */
.header-title{
top: 34%;
position: relative;		
}
.header-address{
font-weight:bold;
top: 70%;
position: relative;	
}
.header-image{
max-height:180px;
}
.header-rule{
height:.3em;
background-color:#0155ad;
top: 60%;
position: relative;	
}
.header-panel{
margin-top:2em;	
}
.step-panel{
	cursor:pointer;
}


/* the mobile page header */
.mobile-header-title{
	margin-bottom:.5rem;
	color:#0155ad;
	font-weight:bolder;
}
.mobile-header-address{
font-weight:bold;
font-size:9px;
margin-bottom:0;
}
.mobile-header-image{
}
.mobile-header-rule{
height:.3em;
background-color:#0155ad;
margin-bottom:0;
margin-top:0;

}
.mobile-header-panel{
margin-top:0;	
}

.mobile-header-button{
	margin-top:1rem;
}

.required-star{
color:#f32b00;
}

.bolt-rule{
height:.3em;
background-color:#0155ad;
}

.bolt-rule-thin{
height:.3em;
background-color:#0155ad;
}

.bolt-blue{
color:#007af9;
}

.bolt-gray{
color:#AAA;
}

.bolt-red{
color:#f32b00;
}

.bolt-yellow{
color:#fed96a;
}

.bolt-green{
color:#4c9861;
}

.invisible{
	display:none;
}

/* form labels */

.form-check{
	margin-bottom: .7rem;
}

label{
	letter-spacing:1px;
	color:#888;
	font-size:1rem;	
}

/* The new Quote system */


.quote-widget{
	background-color:#bbb;
	padding-left:1.5rem;
	padding-right:1.5rem;		
}

.quote-widget-link{
	background-color:#bbb;	
}

a.quote-widget-link :hover{
    background-color: #E3E3E3;
	text-decoration:none;
}

/* Main Nav

.dropdown-menu {
  min-width:16rem;
}
*/

/* Status display */

.status-icon{
font-size:1rem;
}
.status-send-name{
	font-size:1rem;
}
.status-title{
font-size:1.15rem;
color:#777;
font-weight:bold;
display:inline-block;
}
status-date{
}
.status-header{
}

.status-header-mobile{
	font-size:.75rem;
	font-weight:bold;
}

.mobile-status-icon{
font-size:1rem;
}
.mobile-status-send-name{
	font-size:1rem;
}
.mobile-status-title{
font-size:1.15rem;
color:#777;
font-weight:bold;
display:inline-block;
padding-left:.25rem;
margin-bottom:0;
}
.mobile-status-date{
	font-size:.75rem;
	padding-left:.25rem;
	display:inline-block;
	margin-bottom:0;
}

.table th{
	padding-left:0;
	padding-right:0;
}
.table td{
	padding-left:0;
	padding-right:0;
}

.mobile-status-send-button{
	margin-right:.25em;
}
.mobile-status-send-prompt{
font-size:.5rem;
padding-right:.25em;
}


/* This should supply icons for Krajee which wants Glyphicons */
/*
glyphicon-resize-vertical
glyphicon-fullscreen
glyphicon-resize-full
glyphicon-remove
*/

.glyphicon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-zoom-in:before {
  content: "\f00e";
}
.glyphicon-trash:before {
  content: "\f1f8";
}
.glyphicon-upload:before {
  content: "\f093";
}
.glyphicon-resize-vertical:before {
  content: "\f07d";
}
.glyphicon-fullscreen:before {
  content: "\f0b2";
}
.glyphicon-resize-full:before {
  content: "\f065";
}
.glyphicon-remove:before {
  content: "\f00d";
}
/* mobil uploader */

#coi-progress-wrp {
    border: 1px solid #034ea2;
    padding: 1px;
    position: relative;
    height: 30px;
    border-radius: 3px;
    margin: 10px;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}
#coi-progress-wrp .progress-bar{
    height: 100%;
    border-radius: 3px;
    background-color: #0098ce;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}
#coi-progress-wrp .status{
    top:3px;
    left:50%;
    position:absolute;
    display:inline-block;
    color: #000000;
}


#dl-progress-wrp {
    border: 1px solid #0099CC;
    padding: 1px;
    position: relative;
    height: 30px;
    border-radius: 3px;
    margin: 10px;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}
#dl-progress-wrp .progress-bar{
    height: 100%;
    border-radius: 3px;
    background-color: #f39ac7;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}
#dl-progress-wrp .status{
    top:3px;
    left:50%;
    position:absolute;
    display:inline-block;
    color: #000000;
}
/* Quote Approval */
.qa-links-text{
	font-size:1rem;
	font-weight:bold;	
}

.card{
	xmax-width: 19rem;
	max-width: 100%;
}

.card-title{
	font-size:1.1rem;
}

/* For the status card icon row */
#icon-row {
    xborder: 2px dashed #444;
    height: 2em;
    
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    min-width: 100%;
}

.box1, .box2, .box3, .box4 {
    width: 50px;
    height: 2em;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1
}
.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.box1, .box3 {
    xbackground: #ccc
}
.box2, .box4 {
    xbackground: #0ff
}


/* Input::placeholder text */

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #ccc;
}

/* krajee was collapsing the drop zone on the uploader page on desktop. */
.file-drop-zone{
	min-height: 19rem;
}

/* ---------------------------------------------------------------------- */
/* Job Status Page */
/* ---------------------------------------------------------------------- */

#job-status-icon-row {
	height: 2em;
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
	min-width: 100%;
}

.sort-button{
	margin-right:1.5rem;
}

.sort-icon{
	font-size:4rem;
}

/* ---------------------------------------------------------------------- */
/* Dev Tools Page */
/* ---------------------------------------------------------------------- */

.dev-tools-headline{
font-size: 1.5rem;	
}

/* ---------------------------------------------------------------------- */
/* Media queries                                                          */
/* ---------------------------------------------------------------------- */




/* Desktop */
@media screen and (min-width: 980px)  {
  body {
    background: white;
  }
}
	
/* Tablet */
@media screen  and (max-width: 979px)  {
  body {
    xbackground: blue;
  }

.file-drop-zone-title{
display:none;
}	


}
	
/* Mobile */
@media screen and (max-width: 500px)  {
  body {
    xbackground: green;
  }

	/* landing page */	
	.landing-headline{
	font-size: 1.55rem;	
	}
	.landing-subhead{
	font-size: 1.25rem;	
	}
	
	
	/* messages page */	
	.edit-message-title{
	font-size: 90%;
	}	
	
	.edit-message-header{
	font-size: 1.20rem;
	}
	
	/* renter templates page */	

	.renter-template-company{
		font-size: 1.2rem;

	}	

		.sort-button{
		margin-right: 1rem;
		}	

	button i.sort-icon {
		font-size: 1.2rem;

	}

	.card {
		max-width: 100%;
	}	

.job-status-icon {
    font-size: 1.5rem;
}

.file-drop-zone-title{
display:none;
}	

.global-settings-title{

	font-size:1.4rem;
}	
	
}