body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

button.btn, a.btn {background: #0396A6}
input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #0396A6;
}

.flg-blue {background-color: #0396A6!important;}

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: white;
}
  .parallax-container .section {
    width: 100%;
  }

  .parallax img {
    -webkit-filter: brightness(65%); /* Safari 6.0 - 9.0 */
    filter: brightness(65%);
  }

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

main {
  flex: 1 0 auto;
}

main .had-container{
	margin-top:15px;
}

.logo-container{
	padding-top:4px!important;
}

.nav-logo{
	padding-top:30px;
	padding-bottom:30px;
}

.fa-2 {
    font-size: 20px!important;
}

.fa-3 {
    font-size: 30px!important;
}

.fa-4 {
    font-size: 40px!important;
}

.fa-5 {
    font-size: 50px!important;
}

.fa-6 {
    font-size: 60px!important;
}

.heading{
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:50px;
}

nav, .page-footer {
  background-color: #0396A6
}

nav {
  height:100px;
  line-height: 100px
}
[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:before, [type="radio"].with-gap:checked+label:after {
  border-color: #000;
  background-color: #dd9933;
}

a {color: white}

nav ul a.active {
    background-color: rgba(0,0,0,0.1);
}

 h4 {font-weight:300; margin-top:36px;}

label {
  color:black
}

.page-footer {
  padding-top: 0px;
}

[type="radio"]:not(:checked)+label, [type="radio"]:checked+label, input {
  font-size: 1.15rem!important;
}

#formValidate input, #formValidate p {
  margin-bottom: 0px;
}

#formValidate .btn {
  margin-top: 1rem
}

#formValidate div.error {
    position: relative;
    top: 0rem;
    left: 0rem;
    font-size: 1rem;
    color: #c02127;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}



.modal-content, .modal .modal-footer {
  text-align:center;
}

.modal-content .btn {
  color:white;
}


@media only screen and (max-width: 600px)
{
  h1 {
    font-size: 2.8rem;
    margin: 1rem 0;
  }

  h3 {
    font-size: 2rem;
    margin: 1rem 0;
  }

  [type="radio"]:not(:checked)+label, [type="radio"]:checked+label, input {
    font-size: 1.2rem!important;
}

}

ul.pagination {
	text-align:center;
	display:inline-block;
	width:100%;
}

.pagination li {
	line-height:30px;
}

.pagination li.active {
	background-color:#EE2E24;
}

.pagination a {
	color:black;
}

.pagination li a:hover {
	cursor:pointer;
}


/* cookies policy style*/

.cc-window {
    opacity: 1;
    transition: opacity 1s ease;
    background-color:#961a1f;
}

.cc-window.cc-invisible {
    opacity: 0
}

.cc-animate.cc-revoke {
    transition: transform 1s ease
}

.cc-animate.cc-revoke.cc-top {
    transform: translateY(-2em)
}

.cc-animate.cc-revoke.cc-bottom {
    transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover {
    transform: translateY(0)
}

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.cc-link,
.cc-revoke:hover {
    text-decoration: underline
}

.cc-revoke,
.cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999
}

.cc-window.cc-static {
    position: static
}

.cc-window.cc-floating {
    padding: 2em;
    max-width: 24em;
    -ms-flex-direction: column;
    flex-direction: column
}

.cc-window.cc-banner {
    padding: 1em 1.8em;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row
}

.cc-revoke {
    padding: .5em
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
    cursor: pointer
}

.cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em
}

.cc-link:hover {
    opacity: 1
}

.cc-link:active,
.cc-link:visited {
    color: initial
}

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap
}

.cc-banner .cc-btn:last-child {
    min-width: 140px
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent
}

.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
    background-color: transparent;
    text-decoration: underline
}

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

.cc-close:focus,
.cc-close:hover {
    opacity: 1
}

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating>.cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    -ms-flex: 1;
    flex: 1
}

.cc-window.cc-banner {
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0;
    color:white;
}

.cc-banner .cc-message {
    -ms-flex: 1;
    flex: 1
}

.cc-compliance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.cc-compliance>.cc-btn {
    -ms-flex: 1;
    flex: 1
}

.cc-btn+.cc-btn {
    margin-left: .5em
}

@media print {
    .cc-revoke,
    .cc-window {
        display: none
    }
}

@media screen and (max-width:900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width:414px) and (orientation:portrait),
screen and (max-width:736px) and (orientation:landscape) {
    .cc-window.cc-top {
        top: 0
    }
    .cc-window.cc-bottom {
        bottom: 0
    }
    .cc-window.cc-banner,
    .cc-window.cc-left,
    .cc-window.cc-right {
        left: 0;
        right: 0
    }
    .cc-window.cc-banner {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .cc-window.cc-banner .cc-compliance {
        -ms-flex: 1;
        flex: 1
    }
    .cc-window.cc-floating {
        max-width: none
    }
    .cc-window .cc-message {
        margin-bottom: 1em
    }
    .cc-window.cc-banner {
        -ms-flex-align: unset;
        -ms-grid-row-align: unset;
        align-items: unset
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -ms-flex: none;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
    min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
    margin-left: 0
}
.cc-btn.cc-dismiss {
  border: 2px solid white;
  background-color:transparent;
}

.mt-1 {margin-top:0.5em!important;}
.mt-2 {margin-top:1em!important;}
.mt-3 {margin-top:1.5em!important;}
.mt-4 {margin-top:2em!important;}
.mt-0 {margin-top:0!important;}
.ml-1 {margin-left:0.5em!important;}
.ml-2 {margin-left:1em!important;}
.ml-3 {margin-left:1.5em!important;}
.ml-4 {margin-left:2em!important;}
.ml-0 {margin-left:0!important;}

span.vertical-bottom {vertical-align: bottom;}

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
  height: 2rem;
  padding-top: 10px;
}
 textarea#accident_record {height:7em;}

 td a {color:#dd9933}
.section.applicant h5 {display: inline-block!important;  font-size: 1.4rem;}
.section.applicant span.h5 {font-weight:300; font-size: 1.5rem; line-height: 2em}
.section.applicant h4 {font-weight:300; margin-top:36px; color:#dd9933!important}
.section.applicant h5.h4 {font-weight:300; margin-top:36px; color:#dd9933!important; font-size: 2.28rem}
.section.applicant h3 {border-bottom: 6px double #dd9933; padding-bottom: 20px;}

[type="radio"]:not(:checked)+label {
    margin-right: 15px;
    padding-left: 28px;
}

.moreAdress, .moreConvictions, .moreEmployments{margin-top:20px; float:right}
.moreAdress span, .moreConvictions span, .moreEmployments span {margin-right: 10px;}
input.date{width:110px!important;}

.btn.print{position: fixed; top:89vh; right:20px;}

@media print {
  .section.applicant h5 {display: inline-block!important; font-weight:300; font-size: 16px!important;}
  .section.applicant h4 {font-weight:300; margin-top:36px; color:#dd9933!important; font-size: 20px!important;}
  .section.applicant h3 {border-bottom: 3px solid #dd9933; padding-bottom: 20px; font-size: 24px!important;}
  .section.applicant .print-margin {margin-top: 60px;}
}

section.background-light {
    background-color: #efefef;
    padding-top: 3vw
}
#renderPDF {
  display:inline-block;
  font-size: 14px;
}

#renderPDF .logo { width:72px; height:auto;}
.container.signature {
  max-width: 750px;
  background-color: #fff;
  padding: 20px 30px;
  box-shadow: 0px 1px 1px #aaa;
}

.signature-pad {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 10px;
  width: 100%;
  height: 100%;
  max-height: 460px;
  border: 1px solid #e8e8e8;
  background-color: #e9e9e9;
  padding: 16px;
}


.signature-pad--body canvas {
  width: 100%;
  height: 120px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
}

.signature-pad--footer {
  text-align: center;
  font-size: 1.2em;
  margin-top: 8px;
}

.signature-pad--actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 8px;
}
#signature_img {width:300px;}
.avoid {
       page-break-before: always;
     }


.downloadPdf, #completeForm {display:none}


.sidenav li>a {
  height:auto!important;
}
.header-msg{
  float: right;
margin-left: 0.8em;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.top-message {
    display: flex;
    align-items: center;
    float: right;
}
.top-message > div {
    display: flex;
    align-items: center;
}

.top-message .numbers {
  margin-left: 50px;
}

.top-message i {
    font-size: 40px;
    line-height: 25px;
    margin-right: 20px;
    height:auto!important;
}
.top-message i, .mobile-top-message i {
  color: #F2B680;
}

.top-message .numbers i {
  font-size: 1.2em!important;
  line-height: 20px!important;
}
.top-message .numbers p, .top-message .numbers a {
  color:white;
}
.top-message p {
    font-size: 14px;
    line-height: 23px;
    font-weight: 400;
    padding: 0;
    margin:0;
}
.mobile-top-message {
  background-color: #915F13!important;
  width: 100%;
  display: none;
  text-align: center;
}
.mobile-top-message p {
  color:white; margin:5px 20px;
}
.mobile-top-message i {margin-right: 8px}

.mobile-top-message a {
  display: inline-block;
}

.mobile-top-message span, .mobile-top-message a{
  margin: 0 10px;
}
@media (max-width: 991px){
  .top-message {display:none}
  .mobile-top-message {display: inline-block;}
}
sup.color-red {color:#ff0000!important}

.extraField {display: inline-block;
  width:100%;
  position:relative;
  margin-top: 10px;
  padding-bottom: 10px;
  background-color: #fbfbfb;
}

.extraField a.removeField, .licence-upload a.removeFile {
  position: absolute;
  top: 5px;
  right:-6px;
  color:red;
  cursor: pointer;
  z-index: 10;

}
.flg-section.border {
  border:4px double #aaa;
  padding: 12px;
  display:inline-block;
  width: 100%;
}
.flg-box{
width: 100%;
 display: flex;
 align-items:flex-end;
 margin:12px 0;
}
.answer{
  flex-grow:1;
  border-bottom: 1px solid #aaa;
}
.answer.boolean{border-bottom: none}
h5.answer {margin:0 0 0 10px; padding: 0}

#box-fmcsa {width:100%; display:inline-block;}
#box-fmcsa h5 {font-size: 20px}
#box-fmcsa .sig_left{
  width:180px;
  display:inline-block;
  float: left;
}

#box-fmcsa .sig_right{
  width:360px;
  display:inline-block;
  margin-left: 70px;
}
#box-fmcsa .signature_name h5 {margin-bottom: 0;}
#box-fmcsa .signature_img, #box-fmcsa .signature_name  {
  text-align: center;
}

#box-fmcsa .signature_img p, #box-fmcsa .signature_name p{
  border-top: 1px solid #bbb;
  margin-top: 0;
}

.col.s12.licence-upload {
  position: relative;
}

.licence-upload .removeFile {display:none}

.file-field .btn {
  margin-top: 0px!important;
}

select:not(.datepicker-select){display:inline; height:41px; border-bottom: 1px solid #aaa;}
ul#slide-out.sidenav.fixed{transform: translateX(0%);}

.section.applicant  a.btn {
  width: 200px;
  margin-bottom: 10px;
}