@import url("bootstrap.min.css");

@import url("grid.css");



/* ========== Clearfix ========== */



.cf:before,

.cf:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.cf:after {

    clear: both;

}



/**

 * For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats.

 */

.cf {

    *zoom: 1;

}



/* ========== Custom Styles ========== */



html,

body {

	margin:0;

	padding:0;

	height:100%;

}



hr {

	border-top:1px solid #bcbdc0;

}



a {

	color:white;

}



a:hover {

	color:white;

	text-decoration: underline;

}



.nopadding {

   padding: 0 !important;

   margin: 0 !important;

}



h2 {

	font-size: 24px;	

}



.align-to-right {

	text-align: right !important;

}



/* ========= TOP BAR ========== */



.topbar {

	background:#c52918;

	color:white;

	min-height: 50px;

}



.app-acc-dets {

	float:right;

	list-style-type: none;

	position: relative;

	top: 13px;

}



/* ========= HEADER ========== */



.app-header {

	min-height: 115px;

	background: white;

	position: relative;

	z-index: 1000;

}



.toplogo {		

	margin: 10px 0 20px;

}







/* ========== NAVIGATION ========== */



/* Nav in Top Bar */



.top-nav {

	margin: 40px 0 0;

	max-width: 100%;

	float: right;

}



.top-nav ul {

	

	

}



.top-nav ul li {	

	display: inline-block;

	position: relative;

	text-transform: uppercase;

	

}



.top-nav ul li a {

	color: #5f5f5f;

	display: block;

	font-size: 14px;

	line-height: 1;

	padding: 15px;

	text-decoration: none;

	font-weight: 700;



}



.top-nav ul li a.current {

	color:#a90612

}







/* ========= CONTAINERS ========== */



.greytachbk {

	background: #f2f2f2 url("http://www.corrbrothers.co.uk/wp-content/themes/corrbrothers/images/tachbk.png") 15% 0% no-repeat;

}



.section-header, .report-group {

	border-bottom:5px solid #ccc;

	padding-bottom: 15px;

}



.section-header{	

	padding-bottom: 15px;

	margin-bottom: 25px;

}



.report-group {

	padding-bottom: 25px

}



.btn-ctrl {

	text-align: right;

}



.btn-ctrl .btn {

	text-transform: uppercase;

}





.report-section {

	background: white;	

	margin-bottom:25px;

	border:1px solid #afafaf;

	border-radius: 5px;

	padding-bottom: 10px;



}



.report-section-hdr {	

	

	background: #cfcfcf;

	-webkit-border-top-left-radius: 5px;

	-webkit-border-top-right-radius: 5px;

	-moz-border-radius-topleft: 5px;

	-moz-border-radius-topright: 5px;

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;



	background: #cfcfcf;

	background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(175,175,175,1) 100%);

	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(204,204,204,1)), color-stop(100%, rgba(175,175,175,1)));

	background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(175,175,175,1) 100%);

	background: -o-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(175,175,175,1) 100%);

	background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(175,175,175,1) 100%);

	background: linear-gradient(to bottom, rgba(204,204,204,1) 0%, rgba(175,175,175,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#afafaf', GradientType=0 );

	}



.report-section-hdr h2 {

	margin:0 1%;

	padding:10px 8px;

	font-size: 18px;

	color: #242424;

}



.report-section-body {

	padding:1%;

}















/* Footer */

.site-footer {

	border-top:1px solid #666;

	color: white;

	background: #939598;

	padding:35px 0;

}



.designedby {

	text-align: right;

}



/* Content */

.app-col-main {

	background: #e7e7e8;		

	padding:15px;

	margin-bottom: 25px;

	border-left:1px solid #cfcfcf;

	border-right:1px solid #cfcfcf;

	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);

	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);

	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);

}



.section-questions {

	background: white;	

	padding:20px;

	margin-bottom:20px;

	border:1px solid #ccc;

}



.section-questions .form-control {

	background: #e7e7e8;

}





/* Sidebar */





/* Col-main */













/* ========== Form Navigation ========== */



#section-nav {

	text-align: center;

	border-bottom: 5px solid #ccc;	

	background: #242424;

}



.btn-section-nav {	

	

	display: block;

	padding:10px 10px;

	border-bottom: 1px solid #666;

}



.corr-report .rep-section {

	display:none;

}



.control-label  {

	/*background: yellow;*/

}



/* ========== Form Colour Codes ========== */



/* Green */

.has-success .form-control {

	background: #eaf6e2;

	color:#3c763d;

}



/* Orange */

.has-warning .form-control {

	background: #fff9df;

	color:#8a6d3b;

}



/* Red */

.has-error .form-control {

	background: #ffe5e6;

	color:#a94442;

}



.section-questions .error {

	color:red;

	font-style:"italic"

}



/* ========== TABLES ========== */



thead tr {

	background-color: #242424;

	color:white;

}



thead tr td {

	border-color: #242424 !important;

	border-top:1px solid #242424 !important;

}



.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {

	padding:5px 8px;

}



.table a.btn {

	display: block;

	padding-top:0;

	padding-bottom:0;

}





table.survey-results {

	width: 100%;

	border-left:1px solid #cfcfcf;

	border-top:1px solid #cfcfcf;



}



table.survey-results td {

	border-right:1px solid #cfcfcf;

	border-bottom:1px solid #cfcfcf;	

	padding:5px 8px;

}



.results-axles {

	

	float: left;

	width:45%;

	margin-right: 2%;

}





.significant-issue {

	color:red;

}



.slight-issue {

	color:#FF9900 ;

}



.issue-not-applicable {

	color:#666;

}



.issue-ok {

	color:green;

}















/* Login */

.master-login h1 {

	text-align: center;

	margin:25px auto 0 auto;

	font-size: 24px;

	text-transform: uppercase;

	color: #5f5f5f;

}



.master-login-panel {

	width:25%;

	margin:25px auto;

}



.master-login .toplogo {

	text-align: center;

}



/* ========== SURVEYS ========== */

.rep-section h2 {

	margin-top: 0;

}



.rep-top-summary {

	border-bottom:1px solid #ccc;	

	position: relative;

	top:-10px;

	color: #5f5f5f;

}



.rep-top-summary ul {

	list-style-type: none;

	margin:0;

	padding: 0 0 5px 0;

}



.rep-top-summary ul li {

	display: inline-block;

	margin-right: 15px;

}



.email-check {

	background: white;

	padding:10px;

	margin-bottom: 15px;

	border:1px solid #ccc;

}



.report-curr-status {

	font-weight: bold;

	color:#3c763d;

	text-transform: uppercase;

}













/* FORM ELEMENTS */





.panel-title a {

	display: block;

}



.panel .alert {

	margin-top:15px;

}



.form-horizontal .control-label{

	/* text-align:right; */

	/*text-align:left;	*/

}



.group_details, .rect_by {

	display: none;

}



.form-horizontal .control-label {

	font-size: 13px;

}



.section-questions .form-control {

	padding:4px 2px;

	font-size: 13px;

	height: auto;

}



.section-questions label,

.section-questions .col-sm-4,

.section-questions .col-sm-3,

.section-questions .col-md-3,

.section-questions .col-md-8 {

	padding-right:0;

}



.section-questions .form-horizontal .form-group {

	margin-bottom: 10px;

}



/* SEARCH FILTER */



.search-filter {

	border:1px solid #cfcfcf;

	background: #efefef;

	margin-bottom: 10px;

	padding:8px 10px;

	border-radius: 5px;

}

.sf-vehicle-filter{
    margin-top: 12px;
}



.search-group {	

	float: left;

	margin-right:25px;

}



.search-group .form-control {

	display: inline-block;

	width:auto;

	float: none;

}



.message-error {

	text-align: center;

	background: #ffe5e6;

	color:#a94442;

	border: 1px solid #a94442;

	padding:3px;

	font-weight: bold;

	border-radius: 3px;

}



/* Column Widths */

.hdr-insp-lube { width: 27%;}

.hdr-cond-lube { width: 15%;}

.hdr-dets-lube { width: 46%;}



.hdr-insp { width: 27%;}

.hdr-cond { width: 15%;}

.hdr-dets { width: 40%;}

.hdr-rect { width: 10%;}



/* Company Page */

.email-ctrl {

	float: right;

}



.extra-emails{

	display: none;

}



.extra-emails {

	clear:right;

	margin-top:15px;

}



.section-add-emails {

	margin-top: 20px;

}

.form-group input[type=checkbox], input[type=radio]{
    box-shadow: none!important;
    width:20px !important;
    height:20px !important;
}

.bootstrap-select{
    width:180px !important;
}

.bootstrap-select .btn-default{
    background-color: #e6e6e6;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.right-hand-label{
    font-weight: bold;
    position: absolute;
    padding-left: 12px;
    padding-top: 8px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    color: #333;
}

.tacho-icon{
    /*margin-top: -0.8em;*/
    /*margin-left: -1em;*/
    /*color: #000000;*/

    position: absolute;
    margin-top: -2.5em;
    margin-left: -0.9em;
    width: 0 !important;
    height: 0 !important;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: grey transparent transparent transparent;
}

.tacho-icon span{
    color: white;
    position: relative;
    font-weight: bold;
    top: -24px;
    right: -2px;
}

.oil-icon{
    /*margin-top: -0.8em;*/
    /*margin-left: 1em;*/


    position: absolute;
    margin-top: -2.5em;
    margin-left: 1.25em;
    width: 0 !important;
    height: 0 !important;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent grey transparent transparent;
}

.oil-icon span{
    color: white;
    position: relative;
    font-weight: bold;
    top: -4px;
    right: -10px;
}

.engine-icon{
    /*margin-top: 1.0em;*/
    /*margin-left: -1em;*/
    /*color: #000000;*/

    position: absolute;
    margin-top: -1.2em;
    margin-left: -0.9em;
    width: 0 !important;
    height: 0 !important;
    border-style: solid;
    border-width: 20px 0 0 20px;
    border-color: transparent transparent transparent grey;
}

.engine-icon span{
    color: white;
    position: relative;
    font-weight: bold;
    top: -18px;
    right: 18px;
}

.sf-company-filter input[type=checkbox]{
    box-shadow: none!important;
    width: 20px !important;
    margin-bottom: 8px;
}