/* Main Styles */

/*================
    Table of Contents
 ===============*/
/*

 - Structure
 - Headings & Fonts
 - Colors
 - Universal Animation
 - Common UI
 - Main Content



/*================
    Structure
 ===============*/
 body {
	 overflow-x: hidden;
 }

 .container{
	 max-width:900px;
 }
 .container.wide{
	 max-width:1060px;
 }

.container.full-width {
	max-width:100%;
	width:100%;
}
.row {
padding:15px 0;
}


.no-col-gap > [class^="col-"]:nth-child(n+2),
.no-col-gap > [class*=" col-"]:nth-child(n+2) {
  padding-right: 0;
  padding-left: 0;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.col-v-center {
	 align-content: center;
    align-items: center;
    display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:  flex;
}

.col-just-center {
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:  flex;
   -wenbkit-justify-content:center;
  justify-content:center;
}

.col-just-end {
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
   -wenbkit-justify-content:flex-end;
  justify-content:flex-end;
}

@media(max-width:600px){
	.row-eq-height.mobile-stack {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
}
/* Top Margins */
.m-t-0 {
margin-top:0!important;
}
.m-t-10 {
margin-top:10px!important;
}
.m-t-20 {
margin-top:20px!important;
}
.m-t-30 {
margin-top:30px!important;
}
.m-t-40 {
margin-top:40px!important;
}
.m-t-50 {
margin-top:50px!important;
}
.m-t-60 {
margin-top:60px!important;
}
.m-t-80 {
margin-top:80px!important;
}

/* Bottom Margins */
.m-b-0 {
margin-bottom:0!important;
}
.m-b-10 {
margin-bottom:10px!important;
}
.m-b-20 {
margin-bottom:20px!important;
}
.m-b-30 {
margin-bottom:30px!important;
}
.m-b-40 {
margin-bottom:40px!important;
}
.m-b-50 {
margin-bottom:50px!important;
}
.m-b-60 {
margin-bottom:60px!important;
}

.m-b-80 {
margin-bottom:80px!important;
}


/* Left Margin */
.m-l-0 {
margin-left:0!important;
}
.m-l-10 {
margin-left:10px!important;
}
.m-l-20 {
margin-left:20px!important;
}
.m-l-30 {
margin-left:30px!important;
}
.m-l-40 {
margin-left:40px!important;
}
.m-l-50 {
margin-left:50px!important;
}
.m-l-60 {
margin-left:60px!important;
}

/* Right Margin */
.m-r-0 {
margin-right:0!important;
}
.m-r-10 {
margin-right:10px!important;
}
.m-r-20 {
margin-right:20px!important;
}
.m-r-30 {
margin-right:30px!important;
}
.m-r-40 {
margin-right:40px!important;
}
.m-r-50 {
margin-right:50px!important;
}
.m-r-60 {
margin-right:60px!important;
}

/* Top Padding */
.p-t-0 {
padding-top:0!important;
}
.p-t-10 {
padding-top:10px!important;
}
.p-t-20 {
padding-top:20px!important;
}
.p-t-30 {
padding-top:30px!important;
}
.p-t-40 {
padding-top:40px!important;
}
.p-t-50 {
padding-top:50px!important;
}
.p-t-60 {
padding-top:60px!important;
}

/* Left Padding */
.p-l-0 {
padding-left:0!important;
}
.p-l-10 {
padding-left:10px!important;
}
.p-l-20 {
padding-left:20px!important;
}
.p-l-30 {
padding-left:30px!important;
}
.p-l-40 {
padding-left:40px!important;
}
.p-l-50 {
padding-left:50px!important;
}
.p-l-60 {
padding-left:60px!important;
}

/* Right Padding */
.p-r-0 {
padding-right:0!important;
}
.p-r-10 {
padding-right:10px!important;
}
.p-r-20 {
padding-right:20px!important;
}
.p-r-30 {
padding-right:30px!important;
}
.p-r-40 {
padding-right:40px!important;
}
.p-r-50 {
padding-right:50px!important;
}
.p-r-60 {
padding-right:60px!important;
}

/* Bottom Paddings */
.p-b-0 {
padding-bottom:0!important;
}
.p-b-10 {
padding-bottom:10px!important;
}
.p-b-20 {
padding-bottom:20px!important;
}
.p-b-30 {
padding-bottom:30px!important;
}
.p-b-40 {
padding-bottom:40px!important;
}
.p-b-50 {
padding-bottom:50px!important;
}
.p-b-60 {
padding-bottom:60px!important;
}


/*** MOBILE ONLY ***/

@media(min-width:480px){
	.mobile-header {
		display:none!important;
	}
}

/** MOBILE **/
@media(max-width:768px){
	.mobile-md-hide {
	display:none!important;
	}

	.mobile-md-show {
	display:block;
	}
}

@media(max-width:480px){


	.mobile-sm-hide {
		display:none!important;
	}

	.mobile-sm-show {
		display:block;
	}
}


/*================
    Headings and Fonts
 ===============*/
@font-face {
  font-family: "avenir";
  src: url(/assets/fonts/avenir-roman-webfont.eot);
  src: url(/assets/fonts/avenir-roman-webfont.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/avenir-roman-webfont.woff2) format("woff2"), url(/assets/fonts/avenir-roman-webfont.woff) format("woff"), url(/assets/fonts/avenir-roman-webfont.ttf) format("truetype"), url(/assets/fonts/avenir-roman-webfont.svg#avenir_55roman) format("svg");
  font-style: normal;
}

@font-face {
  font-family:"avenir-light"; font-weight:300;
    src:url(/assets/fonts/avenir-light-webfont.eot);
    src:url(/assets/fonts/avenir-light-webfont.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/avenir-light-webfont.woff2) format("woff2"), url(/assets/fonts/avenir-light-webfont.woff) format("woff"), url(/assets/fonts/avenir-light-webfont.ttf) format("truetype"), url(/assets/fonts/avenir-light-webfont.svg#avenir_35_lightregular) format("svg");font-style:normal;
}

@font-face {
  font-family:"avenir-medium";
    src:url(/assets/fonts/avenir-medium-webfont.eot);
    src:url(/assets/fonts/avenir-medium-webfont.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/avenir-medium-webfont.woff2) format("woff2"), url(/assets/fonts/avenir-medium-webfont.woff) format("woff"), url(/assets/fonts/avenir-medium-webfont.ttf) format("truetype"), url(/assets/fonts/avenir-medium-webfont.svg#avenirregular) format("svg");font-style:normal;
}

@font-face {
  font-family:'avenir-black';
    src:url(/assets/fonts/avenirltstd-black-webfont.eot);src:url(/assets/fonts/avenirltstd-black-webfont.eot?#iefix) format('embedded-opentype'),url(/assets/fonts/avenirltstd-black-webfont.woff) format('woff'),url(/assets/fonts/avenirltstd-black-webfont.ttf) format('truetype'),url(/assets/fonts/avenirltstd-black-webfont.svg#avenir_lt_std95_black) format('svg');font-weight:normal;font-style:normal;
}

@font-face {
  font-family:'avenir-bold';
	src:url(/assets/fonts/avenir-heavy-webfont.eot);src:url(/assets/fonts/avenir-heavy-webfont.eot?#iefix) format('embedded-opentype'),url(/assets/fonts/avenir-heavy-webfont.woff) format('woff'),url(/assets/fonts/avenir-heavy-webfont.ttf) format('truetype'),url(/assets/fonts/avenir-heavy-webfont.svg#avenir_85_heavyregular) format('svg');font-weight:normal;font-style:normal;
}

@font-face {
  font-family:'arvo-bold';
    src: url(/assets/fonts/arvo-bold-webfont.eot);src: url(/assets/fonts/arvo-bold-webfont.eot?#iefix) format('embedded-opentype'),url(/assets/fonts/arvo-bold-webfont.woff) format('woff'),url(/assets/fonts/arvo-bold-webfont.ttf) format('truetype'),url(/assets/fonts/arvo-bold-webfont.svg#arvobold) format('svg');font-weight:normal;font-style:normal;
}

@font-face {
  font-family:'arvo-regular';
    src: url(/assets/fonts/arvo-regular-webfont.eot);src: url(/assets/fonts/arvo-regular-webfont.eot?#iefix) format('embedded-opentype'),url(/assets/fonts/arvo-regular-webfont.woff) format('woff'),url(/assets/fonts/arvo-regular-webfont.ttf) format('truetype'),url(/assets/fonts/arvo-regular-webfont.svg#arvoregular) format('svg');font-weight:normal;font-style:normal;
}

body {
 font-family:'arvo-regular';
 font-size:15px;
 line-height:1.8em;
 background-color:#FFF;
 color:#454545;
}

h1 {
	font-size: 30px;
}

h2 {
    font-size: 18px;
    color: #27adc3;
    width: 95%;
    float: left;
}


h3 {
font-family:"avenir-medium";
}

h4 {
font-family:"avenir-medium";
}

h5 {
	font-size:16px;
	font-family: "avenir";
	line-height:1.5em;
}

.title-row h1,
.title-row h2,
.title-row h3,
.title-row h4 {
width:100%;
}

p {
 font-size:15px;
 line-height:1.6em;
}

li {

}

a {
color:#019ca1;
}

a:hover {
color:#454545;
}



small {
	font-size:0.8em;
	line-height:1.5em;
	display: inline-block;
}

p i {
	margin-right:0.5em;
}

.sans {
	font-family: "avenir", sans-serif;
}

.serif {
	font-family:'arvo-regular', serif;
}

.text-justify-xs {
    text-align: justify;
}


/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
    .text-center-md {
        text-align: center;
    }
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .text-center-sm {
        text-align: center;
    }
}



/*================
  Colors
 ===============*/

 .green ,
 .green  a {
 color:#77B643;
 }

 .blue ,
  .blue a {
 color:#27ADC3;
 }

 .red,
.red a {
	 color:#ed4949;
 }

 .grey {

	color:#cccccc;
 }

  .grey-bg {

	background-color:#eeeeee;
 }

.green-bg,
tr.green-bg th,
tr.green-bg td {
background-color:#77B643;
color:white;
}

.red-bg,
tr.red-bg th,
tr.red-bg td {
	background-color:#d80b0b;
}


button.btn.blue-bg,
.btn.blue-bg,
.blue-bg,
.blue-bg,
tr.blue-bg th,
tr.blue-bg td {
background-color:#27ADC3;
color:white;
}


.dark-bg,
.dark-bg,
tr.dark-bg th,
tr.dark-bg td {
background-color:#464646;
color:white;
}

button.btn.dark-bg,
.btn.dark-bg {
background-color:#77B643;
color:white;
}

.red-bg,
.blue-bg a,
.green-bg  a {
	color:white;
}

.white-bg {
background-color:#FFF;
}

.yellow {
	color:#979700;
}

.yellow-bg {
	background-color:#979700;
}

.medium-grey-bg {

background-color:#cacaca;
}
/*================
Universal  Animation
==================*/
p, h1, h2, h3, h4, button,
 a, input {
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}

div {
  transition: background-color 0.5s ease;
}

/*================
  Common UI
 ===============*/
hr {

	 border-top: 1px solid #bbb;
    clear: both;
    margin: 15px 0;
    display: inline-block!important;
    width: 100%;
}

 .border-grey {
	 border:1px solid #bbb;
 }

.btn,
 button.btn,
input.btn {
   border: 0;
    cursor: pointer;
    text-align: center;
    width: 290px;
    height: 50px;
    font-family: 'arvoregular';
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #27ADC3;
}
a.btn.btn-md,
button.btn-md {
	 width: auto;
    height: auto;
    font-size: 18px;
	padding: 10px 15px;
}

a.btn.btn-xs,
button.btn-xs {
	 width: auto;
    height: auto;
    font-size: 14px;
	padding: 5px 10px;
}

.btn,
 button.btn,
input.btn {

}

 .btn-primary.active.focus,
 .btn-primary.active:focus,
 .btn-primary.active:hover,
 .btn-primary:active.focus,
 .btn-primary:active:focus,
 .btn-primary:active:hover,
.btn:hover,
 button.btn:hover,
input.btn:hover {
color:white;
background-color:#9FC63D;
}


.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
	color:white;
}

/* UI Boxes */
 .grey-box {
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    background-color: #FAFAFA;
	padding:15px;
	display: inline-block;
    width: 100%;
}

 .white-box {
  box-shadow: 0 0 4px rgba(0,0,0,0.3);
    background-color: #FFF;
	padding:15px;
	display: inline-block;
    width: 100%;
 }

/* Collapse */

.main-content .collapse.white-box ,
.main-content .collapse.grey-box {
display:none;
}

.main-content .collapse.white-box.in,
.main-content .collapse.grey-box.in,
.main-content .collapse.in {
    display: inline-block!important;
	    width: 100%;
}

/* Form*/

.conditional-show {
	display:none;

}

.conditional-show.visible {
	display:inline-block;

}

form h2 {
	margin-top:0;
}

.form-wrap {
background-color:white;
padding:50px 50px;
max-width:650px;
border:1px solid #f2f2f2;
box-shadow:3px 3px 9px 0px rgba(0,0,0,0.04);
margin:20px auto;
float:none;

}

.form-group {
    margin-bottom: 0px;
    display: inline-block;
    width: 100%;

	}



.form-group.col-xs-6 {
padding-left:0;
padding-right:0;
}


.form-control.col-xs-6.left {
width:47.5%;


}
.form-control.col-xs-6.right  {
width:47.5%;
float:right;
}

.form-control.col-sm-4.left {
width:31.5%;

}

.form-control.col-sm-4.middle {
width:31.5%;
 margin-left: 2.75%;
}

.form-control.col-sm-4.right {
width:31.5%;
float:right;
}

.input-group-addon {
	border:0;
	padding:0 5px;
	background-color:transparent;
}

.input-group-addon.edit {
	cursor:pointer;
}

.input-group-addon.edit:hover {
	color:#77B643;
}


form label,
form label.control-label{
font-weight: 700;
font-size:0.9em;
  font-family:"avenir-medium";
   width: 100%;
   position:relative;

}

form label.required {
	padding-left:18px;
}
form label.required:after {
	color:#ed4949;
	display:inline-block;
	content:'\f069';
	font-family:'FontAwesome';
	font-size:12px;
	left:0;
	top: 0;
	position:absolute;
}

.form-control {
	border: 0;
    border-bottom: 1px solid #c7cfd7;
    height: 30px;
    width: 100%;
    font-family: 'arvo-regular';
    font-weight: 500;
	background-color:transparent;
    font-size: 14px;
    color: #999;
	margin-bottom:20px;
}

.form-control.input-lg {
	font-size: 16px;
	font-weight:bold;
}

label.form-control  {
border:0;
border-bottom:0;
border-top:0;
height:auto;
padding-left:0;
box-shadow:none;
}

label.form-control h4 {
color:#333;
}

select.form-control {
	border:1px solid #909090;
	border-radius:0;
	height:30px;
 width: 100%;
 background-color:transparent;
}

select[multiple].form-control {
	height:auto;
	width:100%;
}

select.form-control,
select.form-control option {
	color:#333;
}

 select.form-control option[disabled] {
 color: #909090;
 }

.form-control.underline {
	border:hidden;
	border-bottom:1px solid #bbbbbb;
	border-radius:0;
	box-shadow:0 0 0  transparent;
	margin-bottom:15px;
	padding-top:0;
	padding-bottom:0;
	color:#555;
}


textarea.form-control {
	background-color:#F4F4F4;
	width:100%;
}

textarea.form-control.underline {
    padding-top: 5px;
	 padding-bottom: 5px;
	}

textarea.form-control.underline.sm  {
height:35px;
}

/* NicEdit */
.nicEdit-main   {
	width:100%;
	overflow-y:scroll!important;
	max-height:500px!important;
}

form .nicEdit-selectTxt {
	height:22px!important;
	    margin-top: -2px!important;
}
/* Checkbox / Radio styles */

label {
	position:relative;
}

input[type=checkbox],
input[type=radio] {
	width:25px!important;
	display:inline-block;
	float:left;
	margin-top:0!important;
	opacity:0;
	margin-right:10px;
	position:relative;
	z-index:5;
}

input[type=checkbox] + label,
input[type=radio] + label {
	width:calc(100% - 35px)!important;
	margin-left:0!important;
	margin-right:0!important;
	display:inline-block;
	float:left;
}

input[type=checkbox]:checked + label,
input[type=radio]:checked + label  {
}

input[type=checkbox] + label:before,
input[type=radio] + label:before  {
	content:'';
	left:-36px;
	top: 0;
	z-index:-1;
	right:0;
	color:#77b643;
	position:absolute;
	border:2px solid #454545;
	width:25px;
	height:25px;
	padding:4px;
}

input[type=radio] + label:before  {
	border-radius:100%;
	left:-37px;
}

input[type=checkbox]:checked + label:before,
input[type=radio]:checked + label:before  {
	border-color:#77B643;
}

input[type=checkbox]:checked + label:after,
input[type=radio]:checked + label:after {
	content:'\f00c';
	font-family:'FontAwesome';
	font-size:25px;
	left:-36px;
	top: 0;
	z-index:-5;
	right:0;
	position:absolute;
	color:#77B643;
}

input[type=radio]:checked + label:after {
	content:'\f111';
	font-size:18px;
	left:-32px;
}

input.borderless {
	border:0!important;
	background-color:transparent!important;
}


.form-group input[type=checkbox]  ,
.form-group input[type=radio] {
z-index:20;
opacity:0;
}

.form-group input[type=checkbox] + label ,
.form-group input[type=radio] + label {
z-index:10;
}


table tr td input[type=checkbox]:checked + label:after,
table tr td input[type=radio]:checked + label:after {
top:5px;
}

 /* Form input rows */


 form label.w-10,
 button.w-10,
 .form-control.w-10 {
 width:9%;
 margin-right:1%;
 float:left;
 display:inline-block;
 }


 form label.w-25,
 button.w-25,
 .form-control.w-25 {
 width:24%;
 margin-right:1%;
 float:left;
 display:inline-block;
 }


 select.form-control.w-25 {
 padding: 6px 5px;
 }

  form label.w-50,
 .form-control.w-50 {
 width:49%;
 margin-right:1%;
 float:left;
 display:inline-block;
 }

 form label.w-75,
 .form-control.w-75 {
 width:74%;
 margin-right:1%;
 float:left;
 display:inline-block;
 }

form label.w-10,
form label.w-25,
form label.w-50,
form label.w-75  {
 margin-top: 5px;
 margin-bottom: 0;
 }

 button.w-25 {
 margin-right:0;
 height:30px;
     padding: 3px 5px;
	     font-size: 13px;
 }


 form img.help {
	 width:16px;
	 height:16px;
	 margin-left:5px;
	 margin-top:-3px;
	 cursor:pointer;
 }
 /* Date Picker */

.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar  .flatpickr-day.selected:focus,
.flatpickr-calendar  .flatpickr-day.selected:hover {
    background: #1f7f44;
    color: #fff;
    border-color: #1f7f44;
}

input#datepicker-input,
input.datepicker-input {
	background-image:url(../images/add-date.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:25px;
	padding-left:40px;


}

/* Q Field - ? image */
span.q-field {
	  position: relative;
    display: inline-block;
    width: 100%;
}

span.q-field img {
	position:absolute;
	right:0;
	top:2px;
}

/* File Upload */
.file-upload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.file-upload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
/* Form Validation */

form .inspect-message {
box-shadow: rgb(0, 0, 0) 0px 0px 4px;
left: 15px!important;
width:100%;
z-index:75;
}

form .inspect-message > span {
width:100%!important;
}
form .inspect-message > span.inspect-message-text{
background-color:white!important;
color:#444!important;
border-bottom:3px solid #e26f4f;
}
form .inspect-message > span:nth-child(2) {
height:0!important;
}

form .inspect-message > span:nth-child(2) > span {
border-bottom-color:white!important;
}

form .inspect-message > span.close-inspect-message {
width:auto!important;
right:5px;
top:5px;
color:#444!important;
}

/* Lists */
ul.list-group {
    display: inline-block;
	}

ul.list-group li {
	list-style:none;
	margin-bottom:10px;
	font-size:14px;
	line-height:1.3;

}

ul.list-group li.list-group-item {
	margin-bottom:0;
	background-color:transparent;
}

ul.line-sep {
	padding-left:0;
}

ul.line-sep li {
	float:left;
	display:inline-block;
	position:relative;
	margin-right:15px;
	padding-right:15px;
}

ul.line-sep li:after {
	position:absolute;
	content:'';
	width:1px;
	height:1.5em;
	background-color:#ccc;

	right:0;
	top:0.2em;
	display:block;
}

ul.col-2 {
	webkit-columns:2;
	columns:2;
}

/* Read-only span text */

span.underline {
	border-bottom:1px solid #bbbbbb;
	margin-bottom:15px;
    padding: 5px;
    display: inline-block;
    width: 100%;
	color:#555;
}

.row.underline {
	border-bottom:1px solid #bbbbbb;
}

span.print-checkbox {
	position:relative;
	margin-right:0.8em;
	border:2px solid #454545;
	width:25px;
	height:25px;
	display:inline-block;
}

/* Borders */

.border-box {
border:1px solid #bbb;
}
.border-top {
	border-top:1px solid #bbb;
}

.border-bottom {
	border-bottom:1px solid #bbb;
}

.border-left {
	border-left:1px solid #bbb;
}

.border-right {
	border-right:1px solid #bbb;
}

/** Modal **/
.modal-content {
border-radius:0;
}

.modal-footer {
border-top: 0;
}

.modal-footer span.close-modal {
cursor:pointer;
}


/*================
    Main Content
 ===============*/


/**** SIDE PANEL ****/

#side-panel {
	position:absolute;
	top:150px;
	left:0;
	height:100%;
	z-index:20;
}
#side-panel.stick {
 position:fixed;
  top:0;
}

#side-panel-content {
	width:260px;
	height:100%;
	background-color:#FFF;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	 -ms-transform: translate(-210px, 0); /* IE 9 */
    -webkit-transform: translate(-210px, 0); /* Safari */
    transform: translate(-210px, 0);
	transition:all 0.4s;
	box-shadow: inset -60px 0 0 0 #F1F1F1, inset -61px 0 0 0 #ddd;
}

.white-bg #side-panel-content  {
	box-shadow: inset -60px 0 0 0 #FFF, inset -61px 0 0 0 #ddd;
}

#side-panel-content.open {
	 -ms-transform: translate(0, 0); /* IE 9 */
    -webkit-transform: translate(0, 0); /* Safari */
    transform: translate(0, 0);
}


#side-panel-toggle {
	width: 60px;
    text-align: right;
    display: block;
	    float: right;
}
#side-panel-content {
	display:inline-block;
	width:260px;
	padding-top:15px;
	padding-left:15px;
}

#side-panel small {
	font-size: 14px;
    color: #ccc;
    line-height: 1em;
    display: block;
    font-style: italic;
    margin-bottom: 5px;

}
#side-panel-content .searchform {
	margin-bottom:15px;
	max-width:170px;
	padding:0 5px;
}

#side-panel-content .filter-toggle {
	    margin-left: 10px;
    padding-left: 20px;
    width: 65px;
    line-height: 49px;
    height: 47px;
    color: #A6A6A6;
    display: inline-block;
    position: relative;
    background-color: white;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
	z-index:20;
	cursor:pointer;
}

#side-panel-content .filter-toggle img {
	line-height:30px;
	height:auto;
	width:25px;
	text-align:center;
}


#side-panel-content .filter-toggle:after {
	content:'\f105';
	font-family:'FontAwesome';
	position:absolute;
	right:5px;
	top:2px;
	font-size:20px;

}

#side-panel-content.open .filter-toggle:after  {
	content:'\f104';
}

#side-panel-content ul {
	padding-left:0;
}

#side-panel-content li {
	list-style:none;
	font-family: "avenir";
}
#side-panel-content li span {
	display:inline-block;
height:40px;
line-height:40px;
}

#side-panel-content .item {
	max-width:200px;
}

#side-panel-content li span.action {
	width:200px;

}

#side-panel-content li span.quick {
	width:60px;
	background-color:#FFF;
	color:#949494;
	text-align:center;
	box-shadow:inset 1px 0 0 0 #DCDCDC;
}

#side-panel-content li span.quick a {

}


.push-content {
	backgorund-color:#F1F1F1;
	position:relative;
	z-index:10;
	transition:all 0.4s;
}

@media(max-width:600px){

	#side-panel {
		padding-right:50px;
		height:60px;
	}

	#side-panel.open,
	#side-panel:hover {
		padding-right:0;
		height:100%;
	}
	#side-panel-content {
	-ms-transform: translate(-260px, 0); /* IE 9 */
   -webkit-transform: translate(-260px, 0); /* Safari */
   transform: translate(-260px, 0);
   height:60px;

	}

	#side-panel.open #side-panel-content,
	#side-panel:hover #side-panel-content {
		  overflow:visible;
		  height:100%;
	}


	#side-panel-content .filter-toggle {
		position:absolute;
		left:240px;
		top:20px;
		z-index:99;
	}

	#side-panel-content.open .filter-toggle {
		position:absolute;
		left:180px;
		top:20px;
	}
}
/*------------------- PAGES -----------------------*/

/*================
    Login / Register
 ===============*/


 .page-login .logo {
  margin-top:30px
  }

#login-form .form-control {
	  background-color:#fafafa;
  }
#login-form button {
    width: 290px;
    height: 50px;
    font-family: 'arvoregular';
    font-weight: 500;
    font-size: 18px;
	background-color:#77B643!important;

}

#login-form button:hover {
background-color:#95C13F!important;
}

#login-form p a {
color:#77B643;
}
/*================
    Dashboard
 ===============*/


.dashboard-container.icon-dash-menu ul {
	    display: flex;
    display: -webkit-flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	margin-bottom:0;
}

.dashboard-container.icon-dash-menu li {
    width: 23% !important;
    display: block !important;
    margin: 0 0.5% 5px 0.5%!important;
    line-height: normal !important;
    display: block;
    float: left;
	height:150px;
	padding-top:20px;
}

.dashboard-container {
	width:100%;
	max-width: 990px;
    padding: 15px 12px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 5px #ccc;
    clear: both;
    text-align: center;
    font-family: "avenir";
    font-weight: 500;
    font-size: 21px;

}

.quote-content {
	font-family:'Pacifico';
	color:#777;
}


@media(max-width:600px) {

	.dashboard-container.icon-dash-menu ul {
		padding-left:0;
	}
	.dashboard-container.icon-dash-menu li {
		width: 43% !important;
	}
}

@media(max-width:375px) {
	.dashboard-container.icon-dash-menu li {
		width: 100% !important;
	}

}
/*================
    Listing Pages
 ===============*/

 /* Header */

.navbar-secondary .action-filter {
	font-size:0.9em;
}

 /* Table */
table.listing {
	width:100%;
	text-align:center;
		border-collapse:collapse;
		padding:5px;
		margin-top:-8px;
		margin-bottom:40px;
}


table thead {
	background-color:#a6c93c;
	color:#FFF;
}

table th {
	border:1px solid #C0C0C0;
		padding:5px;
		background-color:#a6c93c;
	color:#FFF;
		text-transform:uppercase;
		font-size:0.9em;
		text-align:center;
		line-height:1.4em;
}

table  th.sort {
	    line-height: 1em;
    padding-top: 15px!important;

}

table  th a {
	color:#333;
}

table td {
		border:1px solid #C0C0C0;
		padding:5px;
		font-size:0.8em;
		line-height:1.4em;
	}

table.listing td {
	padding: 15px 10px;
}

.listing td p  {
	font-size:1em;
}

table.listing td {
	line-height:1.1em;
}

.listing tr th:first-child,
.listing tr td:first-child {
	border-left:0px solid transparent!important;
}

.listing tr th:last-child,
.listing tr td:last-child,
.th-actions,
.td-actions {
	min-width:200px;
	border-right:0px solid transparent!important;
}

.td-actions ul {
	padding-left:0;
}

.td-actions ul li {
	list-style:none;
	float:left;
	position:relative;
	display:inline-block;
	width: 33%;
}

table.actions-4 .td-actions ul li {
	width:25%;
	font-size:0.9em;
}

table.actions-4 .td-actions ul li img {
	width:24px;
	height:auto;
}

table.actions-2 .td-actions ul li {
	width:48%;
}

table.actions-1 .td-actions ul li {
	width:98%;
}

table.actions-4 .td-actions ul li:nth-child(3):before,
.td-actions ul li:nth-child(2):before,
.td-actions ul li:nth-child(2):after {
	content:'';
	height:24px;
	width:1px;
	background-color:#ccc;
	position:absolute;
	top:15px;

}

.td-actions ul li:nth-child(2):before {
	left:0;
}
table.actions-4 .td-actions ul li:nth-child(3):before,
.td-actions ul li:nth-child(2):after  {
	right:0;
}

table.actions-2 .td-actions ul li:nth-child(2):after  {
	display:none;
}

table.listing .td-actions {
	padding: 15px 0px;
}


.td-actions ul li a,
.td-actions ul li span {
	display:block;
	text-align:center;
	width:100%;
	line-height:1.1em;
	color:black;
}

.td-actions ul li img {
	margin-bottom:5px;
}

.action-filter {
	padding-left:15px;
}

/** Page Specific **/

.listing .td-description,
.listing .td-message,
.listing .td-contact-info p {
	text-align:left;
	line-height:1.3em;
	margin-bottom:0;

}
.listing .td-description {
	max-width:500px;
}

.listing tr.date-row {
	text-align:left;
	font-weight:600;
	background-color:#F4F4F4;
	color:#666666;

}

.listing tr.date-row td {
	padding: 10px;
}

.listing .td-status ul {
	padding-left:0;
}

.listing .td-status ul li {
	list-style:none;
	text-align:left;
	width:100%;
	position:relative;
	color:#454545;
	font-weight:600;
	padding:8px 0;
	padding-right:15px;
}

.listing .td-status ul li:nth-child(2) {
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}

.listing .td-status ul li img{
	position:absolute;
	right:0;
	top:5px;
}

.listing .td-recipient {
	min-width:160px;
}

.supply-shop .td-product {
	width: 57.5%;
	text-align:left;
	font-size:1em;
	padding-left:20px;
	vertical-align: center;
}

.supply-shop .td-product img {
	margin-right:15px;
	max-width:75px;
	max-height:80px;
	height:auto;
}

.supply-shop .td-product img,
.supply-shop .td-product .product-info {
	float:left;
	display:inline-block;
}

.supply-shop .td-product strong,
.supply-shop .td-product p {
	margin-bottom:0;
	line-height: 1.4em;
}

.supply-shop .td-product-actions {
vertical-align: center;
text-align:left;
}

.supply-shop .td-product-actions .qty input {
	margin-bottom:5px;
	padding:0;

}
.supply-shop .td-product-actions .qty label {
	line-height:1em;
	color:#888;
	font-weight:200;

}
.supply-shop .td-product-actions .price strong {
	 font-size: 1.2em;
}
.supply-shop .td-product-actions button.btn {
	 font-size: 1.2em;
    height: auto;
    padding: 10px 20px;
    width: 90%;
}

.supply-shop .checkout {
	text-align:center;
}
.checkout .total {
	background-color:#F4F4F4;
	font-size:24px;
	padding: 30px;
	display:inline-block;
	margin:0 auto;
	font-weight:bold;
	max-width:290px;
	    width: 100%;
}

.checkout .total span{
	float:left;
	min-width:0;
	display:inline-block;
}

.inspection-report-listing .td-report  {
text-align:left;
}

/** Responsive Tables */
@media(min-width:960px){
	.inspection-report-listing.actions-2 .td-report {
		    width: 60%;
	}
}


@media screen and (max-width: 600px) {

	table.listing {
		margin-top:60px;
		float: left;
		width:100%;
		}

    table.listing thead {
	display:none;
	}

   table.listing td,
   table.listing th {
	display: block
	}

	table.listing tr {
	display: inline-block;
    width: 100%;
	margin-bottom:20px;
	border:1px solid #999;
	}


	table.listing td:first-child {
		font-weight:700;
		font-size:14px;
		background-color:#F0F0F0;
	}

	.listing tr th:last-child,
	.listing tr td:last-child,
	.th-actions,
	.td-actions {
		min-width:0;
	}

	table.listing td.td-actions {
	display: inline-block!important;
    width: 100%!important;
    text-align: center;
	    border-bottom: 0!important;
	}

}


/*=====================
	Invoice / Quote
 =====================*/

 table.invoice-quote {
	 width:100%;
 }

table.invoice-quote th {
	font-weight:300;
	text-transform:none;
	background-color:#cacaca;
	color:#222;
}

table.invoice-quote.parts-for-order th {
background-color:#464646;
color:#FFF;
}
table.invoice-quote td {
	font-family:'avenir',sans-serif;
}

table.invoice-quote td.hrs,
table.invoice-quote td.space,
table.invoice-quote td.qty,
table.invoice-quote td.rate,
table.invoice-quote td.tax,
table.invoice-quote td.amnt {
		  width:12%;
		  width:90px;
}

table.invoice-quote th:last-child,
table.invoice-quote td:last-child {
	border-right:0;
}

table.invoice-quote td.desc {
position:relative;
padding-left:25px;
}

table.invoice-quote td.desc .remove-row {
position:absolute;
left:0;
top:-1px;
bottom:0;
color:white;
text-align:center;
cursor:pointer;
width:20px;
opacity:0;
-webkit-transition:all 0.4s;
transition:all 0.4s;
}

table.invoice-quote td.desc:hover .remove-row {
opacity:1;
width:20px;
}


table.invoice-quote td.desc .remove-row img {
width:18px;
position:absolute;
top:0;
left:2.5px;
bottom:0;
margin:auto;
}


.invoice-quote-container .form-control.underline {
	margin-bottom:5px;
}

.invoice-quote-container  ul.vehicle-info li {
	min-width:200px;
}

.invoice-quote-container .discount-col,
.invoice-quote-container .supplies-col{
	width:95%;
}

.invoice-quote-container .awards-col {
	width: 42%;
}

.invoice-quote-container  .subtotal-col,
.invoice-quote-container  .tax-col ,
.invoice-quote-container  .total-col,
.invoice-quote-container  .balance-col  {
	width:60%;
}

.invoice-quote-container .btn-container button.btn {
	width:auto;
}

.invoice-quote-container button.btn {
background-color:#464646;
}

.invoice-quote-container button.btn:hover {
background-color:#111;
}
.invoice-quote-container .bottom-info .timestamp {
	margin-left:15px;
}

 @media screen and (max-width: 990px) {

.invoice-quote-container .discount-col,
.invoice-quote-container .supplies-col{
	width:70%;
}

.invoice-quote-container .awards-col {
	width: 30%;
}

.invoice-quote-container  .subtotal-col,
.invoice-quote-container  .tax-col ,
.invoice-quote-container  .total-col,
.invoice-quote-container  .balance-col  {
	width:52%;
}

 }

 @media screen and (max-width: 768px) {
	 	.invoice-quote-container .text-right {
		text-align:center;
	}

	.invoice-quote-container .discount-col,
	.invoice-quote-container .supplies-col {
		width:80%;
	}

	.invoice-quote-container .awards-col {
		width: 67%;
	}


	.invoice-quote-container  .subtotal-col,
	.invoice-quote-container  .tax-col ,
	.invoice-quote-container  .total-col,
	.invoice-quote-container  .balance-col  {
		width:95%;
	}

	.invoice-quote-container .split-section.col-reverse {
		-webkit-display: flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	 }
 }

@media screen and (max-width: 600px) {
	.invoice-quote-container .discount-col,
	.invoice-quote-container .supplies-col ,
	.invoice-quote-container .awards-col,
	.invoice-quote-container  .subtotal-col,
	.invoice-quote-container  .tax-col ,
	.invoice-quote-container  .total-col,
	.invoice-quote-container  .balance-col {
		width:100%;
	}
	table.invoice-quote thead tr th {
		text-align:left;
	}

}



/*=====================
	Inspection Report
 =====================*/

.container.report-header.white-bg {
	 box-shadow:0 -20px 0 white;
 }

 .container.report-header h1 {
	 color:#444;
 }

 img.company-logo {
	 max-height: 110px;
    max-width: 300px;
    height: auto;
    width: auto;
 }

  .inspection-report-container h4 {
	  margin-bottom:20px;
  }

 .inspection-report-container h5 {
	 margin-top:0;
	 margin-bottom:0;
	 font-weight:700;
	 font-size:14px;
 }

  .inspection-report-container hr.dotted {
	  border-top:1px dotted #999;

  }

   .inspection-report-container ul.list-group li {
	 line-height:1.4em;
	 margin-bottom:10px;
 }



  .inspection-report-container ul.list-group li strong {
	 width:35%;
	 display: inline-block;
	 font-size:14px;
 }

 .inspection-report-container ul.list-group li span.border-bottom {
    min-width: 250px;
    width: 65%;
    display: inline-block;
    font-size: 14px;
	padding-left:5px;
}

 .signature-line {
	 border-bottom:1px solid black;
 }
 .report-footer-content p,
 .report-footer-content strong,
  .report-footer-content h2,
  .report-footer-content li{
	 color:#666;
 }



 input[type=radio]:checked + label.eval-pass:before,
input[type=radio] + label.eval-pass:before{
	 border-color:#1F7F44;
 }

label.eval-pass,
input[type=radio]:checked + label.eval-pass:after {
	 color:#1F7F44;
 }

 input[type=radio]:checked + label.eval-fail:before,
input[type=radio] + label.eval-fail:before{
	 border-color:#D80B0B;
 }

label.eval-fail,
input[type=radio]:checked + label.eval-fail:after {
	 color:#D80B0B;

 }

  input[type=radio]:checked + label.eval-na:before,
input[type=radio] + label.eval-na:before{
	 border-color:#27adc3;
 }

label.eval-na,
input[type=radio]:checked + label.eval-na:after {
	 color:#27adc3;

 }

  input[type=radio]:checked + label.eval-caution:before,
input[type=radio] + label.eval-caution:before{
	 border-color:#979700;
 }

label.eval-caution,
input[type=radio]:checked + label.eval-caution:after {
	 color:#979700;

 }

  .inspection-report-container hr {
	 margin:5px 0;
	 border-top:1px solid #cccccc;
 }



 /*=====================
	Inspection Report - PRINT
 =====================*/

.report-header.print img.company-logo.report-logo {
	 max-height: 70px;
    max-width: 250px;
}
 .inspection-report-container.print ul.list-group li {
	 line-height:1.2em;
	 margin-bottom:5px;
 }

 .inspection-report-container.print ul.list-group li strong {
	 font-size:12px;
 }
 .inspection-report-container.print ul.list-group li span.border-bottom {

	 font-size:12px;
 }

  .inspection-report-container.print  .report-definitions small {
	  display:inline-block;
	  width:100%;
  }

    .inspection-report-container.print  .report-definitions small i {
		margin-right:5px;
	}

.page-invoice-quote.print tr.green-bg th,
.page-invoice-quote.print  .green-bg {
	    background-color: #ececec;
    color: #222;
}

.page-invoice-quote.print .green {
	color:#AAA;
}
.inspection-report-container.print ul.checkboxes li  {
	display:inline-block;
	width:auto;
	margin-right:20px;
}

    .inspection-report-container.print ul li div.checkbox {
		display:inline-block;
		width:15px;
		height:15px;
		border:2px solid black;
		margin-top:0;
		margin-bottom:0;
		margin-right:10px;
		position:relative;
	}

	 .inspection-report-container.print ul li div.checkbox.checked:after {
		 position:absolute;
		 content: '\f00c';
		font-family: 'FontAwesome';
		    font-size: 15px;
		left: -2px;
		top: -3px;
		z-index: -5;
		right: 0;
		position: absolute;
		color: #454545;
	 }
/*================
    Form Steps
 ===============*/

form.steps-form fieldset {
display:none;
 width:100%;
 }

form.steps-form fieldset.active {
 display:inline-block;
 }


 form button.btn-prev-step,
  form button.btn-next-step {
	  margin:10px;
  }

 /** Accordion **/



 .panel.panel-default {
 margin-bottom:15px;
     border-color: #ddd;
    border-radius: 4px!important;
 }


 .panel.panel-default .panel-heading {
 display: inline-block;
    width: 100%;
	background-color:#FFF;
	padding-bottom:0;
}




.panel-title {
    font-size: 15px;
    line-height: 1.8em;
}

.panel ul.actions {
padding-left:0;
text-align: right;
display: inline-block;
margin-bottom:0;
padding-top:15px;
}

.panel ul.actions li {
list-style:none;
float:left;
margin-right:10px;
line-height:1.1em;
font-size: 0.8em;
}

li.edit-hide {
max-width:80px;
text-align:center;
    display: inline-block;
}

li.edit-hide img {
display:block;
float:none;
clear:both;
    margin: 0 auto;
	margin-bottom:10px;
}

/* Subheadings */

.panel-body.subheadings {
background-color:#dcdcdc;
padding:15px;
border-top:1px solid #ddd!important;
}

.subheading-item {
background-color:#FFF;
padding:0;
border:1px solid #ddd;
    display: inline-block;
    width: 100%;
box-shadow:0 0 2px rgba(0,0,0,0.2);
margin-bottom:15px;
  border-radius: 4px;
}

.subheading-item .panel-heading {

}

.subheading-item  ul.action img {
    height: 20px;
}

.subheading-item .collapse .panel-body {
padding-top:10px;
padding-bottom:10px;
border-top:1px solid #ddd!important;
background-color:#F5F5F5;
}


/*==========================
    Form Steps - Start Up Wizard / Settings
 ===========================*/
form.start-up-wizard fieldset {
	 font-family: "avenir", sans-serif;
}

form.start-up-wizard fieldset h1 {
	font-size: 36px;
}

form.start-up-wizard fieldset h2 {
    font-family: "avenir-black";
    font-weight: 700;
}

form.start-up-wizard fieldset strong {
	font-family:'avenir-black';
}

form.start-up-wizard label,
form.start-up-wizard label.control-label {
	font-family:'avenir-medium';
	font-weight:500;
	color:#444;
}

form.start-up-wizard .panel-group {
	display:inline-block;
	width: 100%;
}

form.start-up-wizard .panel-body {
background-color:#dcdcdc;
padding:15px;
border-top:1px solid #ddd!important;
}

form.start-up-wizard  .repeater-item {
    padding: 10px;
    border: 1px solid #999;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    margin-bottom: 0;
    display: inline-block;
    width: 100%;

}
form .repeater-item input,
form .repeater-item input.form-control.underline,
form .repeater-item select {
margin-bottom:0;
}

/* Locations */
#add-locations-fields {
display:none;
}



/** Color Picker **/

.cp-container {
	margin:20px auto;
	float:none;
	display:inline-block;
}
#color-preview {
	width: 200px;
    height: 200px;
	border:1px solid #eee;
	color:white;
	padding:20px;
	padding-top:40%;
	background-color:grey;
}

#color-preview p {
	line-height:1.3em;
	font-size:0.9em;
}
   #picker {
   width: 200px;
   height: 200px
   }

#slide {
    width: 30px;
    height: 200px;

	 }

.picker-wrapper,
.slide-wrapper {
    position: relative;
    float: left;
}
.picker-indicator,
.slide-indicator {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}
.picker,
.slide {
    cursor: crosshair;
    float: left;
}

/* Default skin */

.cp-default {
    background-color: gray;
    padding: 12px;
    box-shadow: 0 0 40px #333;
    border-radius: 15px;
    float: left;
}
.cp-default .picker {
    width: 200px;
    height: 200px;
}
.cp-default .slide {
    width: 30px;
    height: 200px;
}
.cp-default .slide-wrapper {
    margin-left: 10px;
}
.cp-default .picker-indicator {
    width: 5px;
    height: 5px;
    border: 2px solid darkblue;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
    background-color: white;
}
.cp-default .slide-indicator {
    width: 100%;
    height: 10px;
    left: -4px;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter: alpha(opacity=60);
    border: 4px solid lightblue;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: white;
}

.cp-preview,
.cp-normal {
    padding: 10px;
    background-color: white;
    float: left;
    border: 1px solid #eee;
	max-width:400px;
}
.cp-normal .picker {
    width: 200px;
    height: 200px;
}
.cp-normal .slide {
    width: 30px;
    height: 200px;
}
.cp-normal .slide-wrapper {
    margin-left: 10px;
}
.cp-normal .picker-indicator {
    width: 5px;
    height: 5px;
    border: 1px solid gray;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
    background-color: white;
    pointer-events: none;
}
.cp-normal .slide-indicator {
    width: 100%;
    height: 10px;
    left: -4px;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter: alpha(opacity=60);
    border: 4px solid gray;
    background-color: white;
    pointer-events: none;
}



/* Quickbooks */
#quickbooks-fields {
display:none;
box-shadow:0 0 4px rgba(0,0,0,0.3);
background-color:#FAFAFA;
}

#qbo-imported {
display:none;
}

/* Inventory */
#inventory-fields {
	display:none;
}

#inventory-step-fields {
display:none;
box-shadow:0 0 4px rgba(0,0,0,0.3);
background-color:#FAFAFA;
}


#inventory-step-fields  h4 img {
	height:1.2em;
	margin-right:10px;
	margin-top: -0.2em;
}

#inventory-step-fields button.btn-sm {
	min-width:0;
	width:auto;
	height:auto;
}

#inventory-step-fields  button.next i {
	margin-left:10px;
}

#inventory-step-fields  button.back,
#inventory-step-fields  button.back i {
	margin-right:10px;
}


#inventory-fields .vendor-item .form-control.underline,
#inventory-fields .cat-item .form-control.underline {
	margin-bottom:0;
}

#add-inventory-vendors,
#add-inventory-items {
display:none;
}

#inventory-fields .cat-item{
max-width:650px;
}

form.start-up-wizard  .panel-body.inventory-item {
	background-color:#F4f4f4;
}

form.start-up-wizard  .panel-body .panel-inner {
	background-color:#FAFAFA;
	border:1px solid #ccc;
		box-shadow: 0 1px 1px rgba(0,0,0,0.1);
		display:inline-block;
		width:100%;
		padding:10px 0;
}

/* Quotes and Invoicing, Booking, Reminders */
#inspection-reports-field,
.yes-multiple-locations,
#quotes-fields,
#online-booking-fields,
#ic-location-fields ,
#customer-reminder-fields,
.start-up-wizard #create-inspection-reports-container,
.start-up-wizard #my-inspection-reports{
display:none;
}

body.multiple-locations .yes-multiple-locations {
display:inline-block;
}

/** SetupWizard - Create Inventory Report **/

div.cir-step {
display:none;
}

div.cir-step.active {
display:inline-block;
}


/* Privacy Policy / FAQ*/

#privacy-policy-fields,
#info-faq-fields {
	display:none;
}

#privacy-policy-field,
#info-faq-fields textarea {
	height:300px;
}

form.start-up-wizard p i.blue-bg,
.tab-pane p i.blue-bg {
	color: white;
    height: 20px;
    width: 20px;
    background-color: #27adc3;
    text-align: center;
    line-height: 20px;
    border-radius: 100%;
    margin-right: 6px;
}

/*=====================
	Settings
 =====================*/
 /* Tab Nav */

 #settingsNav {
	 border-bottom:0;
 }

#settingsNav li {
	  border:0;
	border-bottom:1px solid rgba(0,0,0,0.07);
	border-radius:0;
	width:100%;
	display:inline-block;
	margin-bottom:0;
}

#settingsNav >li>a {
	  border:0;
	border-radius:0;
	width:100%;
}

#settingsNav >li.active>a,
#settingsNav >li.active>a:focus,
#settingsNav >li.active>a:hover {
    color: #454545;
    cursor: default;
    background-color: #FAFAFA;
    border:0!Important;
    border-bottom-color:inherit;
}

 /* Tab Panels */
.tab-pane #online-booking-fields select {
	 padding-left:4px;
	 padding-right:10px;
 }

 .tab-pane #online-booking-fields.active,
 .tab-pane #customer-reminder-fields.active,
 .tab-pane #privacy-policy-fields.active {
	 display:inline-block;
 }


/*=====================
	View Work Order
 =====================*/
 .stopwatch-container .btn{
 width:100px;
 height:auto;
 }

/*=====================
	Vehicle Fitness Assessment
 =====================*/

table.assessment {
	width:100%;
	margin-bottom:15px;
}
table.assessment tr th {
	text-align:left;
	padding:10px 15px;
}
.page-mechanical-fitness-assessment .signature-line {
	margin-bottom:30px;
	margin-top:15px;
}
/*=====================
	Vehicle Fitness Assessment - PRINT
 =====================*/
.page-mechanical-fitness-assessment.print .row {
	padding:0;
}

.page-mechanical-fitness-assessment.print h2 {
	font-weight:900;
	color:#000;
}
.page-mechanical-fitness-assessment.print p {
font-size: 14px;
}
.page-mechanical-fitness-assessment.print label {
	font-size:12px;
}

.print-checkboxes label {
	margin-right:1em;
	position: relative;
    top: -0.5em;
}

.print table.assessment tr th {
	padding:2px 5px;
	background-color:#111;
}

.print table.assessment td {
	padding:2px 5px;
	padding-left:5px;
}