/* 
Kia Motors 
- Simson Creative Solutions
*/
html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 180px; /* bottom = footer height */
}
*.bold{font-weight: 700;}
.center{
	margin: 0 auto;
}
.center form {
    width: 50%;
    margin: 0.5em auto 0.5em;
}
.container{width: 90% !important;}

nav{
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #FAFAFA 300%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #FAFAFA 300%);
	/* Opera */ 
	background-image: -o-linear-gradient(top left, #FFFFFF 0%, #FAFAFA 300%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(3, #FAFAFA));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, #FFFFFF 0%, #FAFAFA 300%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom right, #FFFFFF 0%, #FAFAFA 300%);
	border-bottom: solid 3px #000;
}
.brand-logo img{
	padding-top: .4em;
    padding-right: .8em;
}
nav ul{margin-left: 7em;}
nav ul li{color: #000000;}
nav ul li span.month, nav ul li span.reseller{padding: 0 0.5em; margin: 0em 0.5em;}
nav ul li span.salesperson{padding-left: 0.5em;}
nav li.nav-text{font-weight: 200; font-size: 1.5em; padding-right: 0.4em; padding-left: 0.4em}
.btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i {vertical-align: middle;}
h1{font-weight: 200; font-size: 4em;}
.report-form  button{margin-top: 2em;}
.report-form button.waves-effect, a.waves-effect{z-index: 0;}
ul.select-dropdown li span{ color: #B71C1C;}
input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #000000;
  box-shadow: 0 1px 0 0 #000000;
}
input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=date]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
color: #000000;
}

input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
margin: 0px !important;
}

input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {
  border-bottom: 1px solid #4db6ac;
  box-shadow: 0 1px 0 0 #4db6ac;
  }
.fake-select{
	margin-top: -0.7em;
}
.fake-select a{
  padding-bottom: 0.8em;
  border-bottom: 1px #212121 solid;
  width: 100%;
  text-align: left;
}
.fake-select a i{
  float: right;
  font-size: 23px;
  margin-top: 0.3em;
  position: absolute;
  right: 0.55em;
  line-height: 0em;
}
p.fake-label{
  color: #9e9e9e;
  font-size: 0.8rem;
  margin-bottom: 5px;
  }
#reseller li{margin: 1em 0em;}
.modal {
	width: 90%;
	}
.modal.fifty{
	width: 50%;
}
.tabs{
	background-color: #fafafa;
}
.tabs .tab a{
	font-size: 1.3em;
	font-weight: 500;
}
.tabs .indicator {
	bottom: -10px;
}
#reseller span{
	color: #424242;
}
#norr p, #syd p, #vast p, #central p, #ost p {font-weight: 300; font-size: 2em; margin-bottom: 0.5em;}
/********  Report  *******/	
table.difference p{font-size: 1.2em;}
#report-meta{text-align: center; font-size: 20px; font-weight: 300;}
.center.table-form form{width: 100%;}

/***********Thanks*********/
ul.thanks-page{text-align: center; margin: 0 auto; width: 282px;}
ul.thanks-page li{float: left; margin-right: 2em;}
/********  Footer  *******/
footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 180px;
}
footer.page-footer{
	padding-top: 7em;
}
footer.page-footer .row{margin-bottom: 0px !important;}
.footer-copyright{margin-top: -2.3em;}
.section.no-pad-bot {
  padding-bottom: 5em;
}
footer.page-footer .footer-copyright{overflow: visible;}
.section{padding-top: 0em;}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    .container {
        width: 94% !important;
    }
}

div.error, ul.error {
    color: #D8000C;
    background-color: #FFBABA;
    padding: 14px;
    text-align: left;
}

.error label {
    font-size: 15px;
}

label.invalid {
    display:inline;
    color: #D8000C;
}

#errormessage {
    display: none;
}
/*ie hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .modal.modal-fixed-footer .modal-content{position: relative;} /* IE11 */
    .modal, .modal .modal-footer{width: 94%;} /* IE11 */
    .modal.modal-fixed-footer .modal-footer{bottom: 18%;} /* IE11 */
}