/* barlow-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('/public/webfonts/barlow-v12-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/public/webfonts/barlow-v12-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('/public/webfonts/barlow-v12-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/public/webfonts/barlow-v12-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('/public/webfonts/barlow-v12-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/public/webfonts/barlow-v12-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('/public/webfonts/barlow-v12-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/public/webfonts/barlow-v12-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('/public/webfonts/barlow-v12-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/public/webfonts/barlow-v12-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  src: url('/public/webfonts/barlow-v12-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/public/webfonts/barlow-v12-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  src: url('/public/webfonts/barlow-v12-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/public/webfonts/barlow-v12-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

body {font-family: Barlow, sans-serif;}
.page-logo img {width:auto;}
.page-logo-text {text-align:center;margin:0}
.loginheader {height:10.15vw;background-color:#FFF;position:relative;}
.loginheader .logo {position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);max-height:80%;}
.centerlogin {display:inline-block;text-align:left;width:365px}
.centerrow {text-align:center;}
.loginbg {background-image:url(/public/img/knirsch-bg.png);background-size:cover;background-position:center center;}
.centerlogin h1 {font-size:25px;font-weight:400;color:#FFF;padding-left:25px;text-transform:uppercase;}
.form-label {font-weight:bold;}
#js-login-btn {background-color:#3081a9;color:#FFF;}
.logfooter {background-color:#FFF;padding-top:24px !important;padding-bottom:24px !important;}
.logfooter a.footerlink {color:#000;text-decoration:none !important;}
.page-logo {background:#FFF;position:relative;padding:0;}
img.toplogo {position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);max-height:70%;max-width:80%;height:auto;}
.page-sidebar {background:#2d3b42;}
.nav-menu li a > [class*='fa-'], .nav-menu li a > .ni {color:#af9fc7;}
.nav-menu li:HOVER a > [class*='fa-'], .nav-menu li:HOVER a > .ni {color:#FFF;}
.nav-menu li.active a > [class*='fa-'], .nav-menu li.active a > .ni {color:#FFF;}
.nav-title {color:#FFF;}
.bg-trans-gradient {background:none;background-image:url(/public/img/knirsch-bg.png);background-size:cover;background-position:center center;}
.header-icon:not(.btn) > [class*='fa-']:first-child, .header-icon:not(.btn) > .ni:first-child {color:#3081a9;}
.btn-primary {background-color:#3081a9;border-color:#3081a9 !important;color:#FFF;}
.btn-primary:HOVER {background-color:#3081a9;}
.btn-primary:ACTIVE {background-color:#3081a9 !important;border-color:#3081a9 !important;}
.btn-primary:FOCUS {background-color:#3081a9 !important;border-color:#3081a9 !important;}
.pull-trigger-btn:HOVER {background-color:#3081a9;}
.nav-menu li.active > a {box-shadow: inset 3px 0 0 #FFF;}
.info-card {display:block;}
.info-card-text-custom {color:#FFF;text-align:center;position:relative;z-index:1;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);}
.header-icon i{cursor:pointer;}
.swal2-styled.swal2-confirm {background-color:#3081a9;border-radius:12px;}
.swal2-styled.swal2-cancel {border-radius:12px;}
.dataTables_length {margin-right:10px;}
.bg-primary-600 {background-color:#2d3b42;color:#FFF !important;}
.panel-hdr {background-color:#2d3b42;color:#FFF;}
.panel-hdr h2 {color:#FFF;}
.page-item.active .page-link {background-color:#3081a9;}
.panel .panel-container {background-color:#e5e5e5;}
.form-label {padding-left:22px;font-size:11px;color:#3081a9;}
.form-control {padding-left:22px;color:#3081a9;}
.form-group {margin-bottom:10px;}
table.dataTable {background-color:#FFF;}
.page-content {background-color:#FFF;}
.dataTables_empty {color:#3081a9;font-size:15px;}
.header-btn[data-class='mobile-nav-on'] {background:#3081a9;border-color:#3081a9;}
body:not(.mod-pace-custom) .pace .pace-progress {background:#3081a9;}

.loginwrapper {padding:0 !important;}

.headerproto {height:24.9vw;background-color:#FFF;position:relative;width:100%;}
.togglebtnouter .text {transition: all .3s;color:#FFF;font-size:14px;position:absolute;bottom:3px;left:0;width:100%;text-align:center;} 
.togglebtnouter {transition: all .3s;position:absolute;z-index:6;width:10.7vw;height:6.9vw;left:8.7vw;top:8.7vw;background-color:#FFF;cursor:pointer;box-sizing:border-box;border:1px solid #e9e9e8;border-radius:0.2vw;}
.togglebtnouter .fal {transform:translateY(-50%) translateX(-50%);font-size: 5vw;    font-weight: bold;    position: absolute;    top: 50%;    left: 50%;color:#37609a !important}
.togglebtn {    position: absolute;   width: 4.4vw;    height: 2.44vw;z-index:3; top:2.3vw;left:3.3vw;transition: all .3s;}
#toggle {display: block;width: 100%;height: 100%;position: absolute;top:0.97vw}
#toggle span, #toggle span:after, #toggle span:before {width: 100%;height: 2px;background-color: #3081a9;transition: all .3s;}
#toggle span {background-color:#3081a9;}
#toggle span {position: absolute;}
#toggle span:after, #toggle span:before {position: absolute;top: -1vw;left: 0;content: '';}
#toggle span:after {top: 1vw;}
.menu_open #toggle span:before {-webkit-transform: rotate(45deg) translate(0.7vw, 0.9vw);-ms-transform: rotate(45deg) translate(0.7vw, 0.9vw);transform: rotate(45deg) translate(0.7vw, 0.9vw);}
.menu_open #toggle span:after {-webkit-transform: rotate(-45deg) translate(0.4vw, -0.7vw);-ms-transform: rotate(-45deg) translate(0.4vw, -0.7vw);transform: rotate(-45deg) translate(0.4vw, -0.7vw);}
.menu_open #toggle span {background-color: transparent;}
.menu_open .header .logo {opacity:0;}
.protologo {position:absolute;display:block;right:5.85vw;top:4.88vw;height:15.13vw;}
.protocontent {position:relative;display:block;width:100%;}
.proto .page-wrapper {display:block;}
.proto .page-inner {display:block;background-image:url(/public/img/protobg.jpg);background-size:cover;background-position:center center;}
.proto .page {}
.proto .pagepad {padding-left:8.7vw;padding-right:8.7vw;}
.proto .page {display:none;}
.proto .page.active {display:block;}
.proto h1 {font-weight:500;color:#FFF;font-size:4.88vw;text-transform:uppercase;padding-left:5.3vw;}
.pagelogin input {font-size:2.53vw;height:9.75vw;margin-bottom:3.7vw;width:100%;font-family: Arial, sans-serif;outline:none;background:rgba(255,255,255,0.3) !important;color:#FFF;padding-left:5.3vw;box-sizing:border-box;box-shadow:none !important;border:0 !important;border-radius: 0.4vw;}
.whiteplaceholder::placeholder{color:#FFF;}.whiteplaceholder:-ms-input-placeholder {color:#FFF;}.whiteplaceholder::-ms-input-placeholder {color:#FFF;}
.pagelogin h1 {margin-top:14.6vw;margin-bottom:4.4vw;}
.protobtncenter {text-align:center;}
.protobtn {cursor:pointer;border-radius: 0.4vw;background-color:#ffffff !important;color:#3081a9 !important;font-size:2.15vw;display:inline-block;line-height:4.9vw;padding-left:4.3vw;padding-right:4.3vw;}  
.pagelogin .protobtn {margin-top:9.7vw;margin-bottom:9.7vw;}
.ocols {padding-top:2.4vw;margin-bottom:4vw;}
.ocolssearch {padding-top:4vw;}
.ocolssearch input {float:left;display:block;font-size:2.15vw;font-family: Arial, sans-serif;-webkit-appearance: none;outline:none;background:rgba(255,255,255,0.3) !important;color:#FFF;box-sizing:border-box;box-shadow:none !important;border:0 !important;border-radius: 0.4vw;padding-left:2.34vw;padding-right:4.68vw;width:62.5%;height:4.68vw;}
.ocolssearch .afbtn {border-radius: 0.4vw;font-weight:bold;float:right;width:24.4vw;cursor:pointer;background-color: #000;color: #FFF;font-size: 2.15vw;text-align:center;line-height:4.68vw;}
.prototfs .afbtn {    background-color: #f3c22d;color: #2c3b42;}
.ocol1 {float:left;width:24.4vw;margin-right:2.73vw;}
.ocol2 {float:left;width:24.4vw;position:relative;}
.ocol3 {float:right;width:24.4vw;position:relative;}
.ocol2 input {display:block;font-size:2.15vw;font-family: Arial, sans-serif;-webkit-appearance: none;outline:none;background:rgba(255,255,255,0.3) !important;color:#FFF;box-sizing:border-box;box-shadow:none !important;border:0 !important;border-radius: 0.4vw;padding-left:2.34vw;padding-right:4.68vw;width:100%;height:4.68vw;}
.ocol3 .username {font-size:2.15vw;font-family: Arial, sans-serif;-webkit-appearance: none;outline:none;background:rgba(255,255,255,0.3) !important;color:#FFF;box-sizing:border-box;box-shadow:none !important;border:0 !important;border-radius: 0.4vw;padding-left:2.34vw;padding-right:4.68vw;width:100%;line-height:4.68vw;}
.selouter {position:relative;}
.selouter select {display:block;font-size:2.15vw;font-family: Arial, sans-serif;-webkit-appearance: none;outline:none;background:rgba(255,255,255,0.3) !important;color:#FFF;box-sizing:border-box;box-shadow:none !important;border:0 !important;border-radius: 0.4vw;padding-left:2.34vw;padding-right:4.68vw;width:100%;height:4.68vw;}
.selouter img {width:2.05vw;top:50%;right:1.46vw;transform:translateY(-50%);position:absolute;pointer-events:none;}
.protoclear {clear:both;}
.smallwhitelabel {padding-left:2.34vw;font-size:1.4vw;color:#FFF;margin-top:0.5vw;display:block;}
.smallbluelabel {padding-left:2.34vw;font-size:1.4vw;color:#3e74c3;margin-top:0.5vw;display:block;}
.smallblacklabel {font-size:1.4vw;color:#242921;display:block;padding-left:0.5vw;}
.ocol2 input#date {padding-right:0.7vw;}
.opencloseprotoover {margin-bottom:3.7vw;cursor:pointer;}
.ocpoleft {line-height:9.76vw;float:left;height:9.76vw;width:85.6%;background:rgba(255,255,255,0.3) !important;border-radius: 0.4vw;padding-left:5.85vw;font-size:2.92vw;color:#FFF;padding-right:2.44vw;}
.ocpoleft span {float:right;display:block;}
.ocpoleft img {float:right;display:none;width:3.02vw;margin-top:4vw;}
.ocpoleft img.protoeditpen {display:block;width:4vw;margin-top:3vw;margin-left:2vw;}
.opcoright {float:right;position:relative;width:9.76vw;height:9.76vw;background:rgba(255,255,255,0.3) !important;border-radius: 0.4vw;}
.opcoright img {height:3.125vw;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);}
.opcoright .plus {text-align:center;line-height:9.76vw;color:#FFF;font-size:4.88vw;display:none;}
.opcocomplete {line-height:9.76vw;height:9.76vw;background:#37609a !important;border-radius: 0.4vw;padding-left:5.85vw;font-size:2.92vw;color:#FFF;padding-right:2.44vw;margin-top:5.86vw;}
.opcocomplete span {float:right;display:block;}
.detailslist {display:none;}
.opencloseprotooverhead.open .ocpoleft {background:#37609a !important;text-transform:uppercase;}
.opencloseprotooverhead.open .opcoright {background:#37609a !important;}
.opencloseprotooverhead.open .ocpoleft span {display:none;}
.opencloseprotooverhead.open .ocpoleft img {display:block;}
.opencloseprotooverhead.open .opcoright img {display:none;}
.opencloseprotooverhead.open .opcoright .plus {display:block;}
.numproto {float:left;width:30.3vw;}
.timeproto {float:left;font-size:2.15vw;line-height:normal;padding-top:3vw;}
.timeproto span {text-align:right;font-size:1.37vw;display:block;}
.dateproto {float:right;font-size:2.15vw;line-height:normal;padding-top:3vw;}
.dateproto span {text-align:right;font-size:1.37vw;display:block;}
.odetails {background-color:#FFF;display:none;}
.odetailsinner {padding-top:3.22vw;padding-bottom:3.22vw;}
.ooverview {margin-top:11.7vw;}
.odethead {cursor:pointer;margin-top:3.22vw;line-height:9.76vw;height:9.76vw;background:#3081a9 !important;border-radius: 0.4vw;padding-left:5.85vw;font-size:2.92vw;color:#FFF;padding-right:5.85vw;}
.odethead span {float:left;display:block;}
.odethead img {float:right;width:3.02vw;margin-top:4vw;}
.odetbackbtn {display:inline-block;line-height:4.88vw;background-color:#000;color:#FFF;display:inline-block;padding-left:3.12vw;padding-right:3.12vw;cursor:pointer;font-size:1.75vw;font-weight:bold;border-radius:0.4vw;}
.odetbox {background-color:#e5e5e5;margin-top:1.75vw;border-radius:0.4vw;}
.odetboxhead {padding-left:5.85vw;}
.select2-container--default .select2-results__option[aria-selected=true] {background-color:gainsboro;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color:#3081a9;}
.odetboxhead {border-radius: 0.4vw 0.4vw 0 0;line-height:5.75vw;background-color:#3081a9;color:#FFF;font-size:2.34vw;}
.odetboxhead span {float:right;font-size:1.4vw;padding-right:4.2vw;}
.inputcolpad {padding-left:4.2vw;padding-right:4.2vw;padding-bottom:1.95vw;}
.inputcol {margin-top:1.95vw;}
.inputcol input {color:#3081a9;border-radius: 0.4vw;padding-left: 2.34vw;border: 0 !important;box-shadow: none !important;height: 4.68vw;width:100%;background-color:#ffffff;display:block;box-sizing:border-box;font-size: 2.15vw;outline: none;font-family: Arial, sans-serif;    -webkit-appearance: none;    outline: none;display:block;}
.inputcol textarea {resize:none;color:#3081a9;border-radius: 0.4vw;padding-left: 2.34vw;border: 0 !important;box-shadow: none !important;height: 19.5vw;width:100%;background-color:#ffffff;display:block;box-sizing:border-box;font-size: 2.15vw;outline: none;font-family: Arial, sans-serif;    -webkit-appearance: none;    outline: none;display:block;}
.inputcolleft {float:left;width:48.5%;}
.inputcolright {float:right;width:48.5%;}
.odetboxblue {background-color:#658fcf;}
.inputcolpadtop {padding-top:1.95vw;}
.odetbox .selouter select {background:#FFF !important;color:#3081a9;}
.odetboxersatznumber {display:none;}
.checkboxouter {cursor:pointer;width:3vw;height:3vw;float:left;margin-right:1vw;border-radius:0.4vw;background-color:#FFF;box-sizing:border-box;border:1px solid #c8d6ec;color:#3081a9;line-height:3vw;text-align:center;}
.checkboxinner {display:none;font-size:1.7vw;}
.checkboxouter.checked .checkboxinner {display:block;}
.checktext {font-size:1.7vw;float:left;line-height:3vw;color:#3081a9;}
.inputcol input.checkinput {float:left;margin-left:1vw;height:3vw;text-align:center;padding:0;font-size:1.7vw;color:#000;border:1px solid #c8d6ec !important;}
.inputcol input#protokeys {width:4.9vw;}
.inputcol input#protokm {width:15.1vw;float:right;}
.protoreifleft {float:left;width:17.5vw;}
.protoreifmiddle {float:left;width:17.5vw;}
.protoreifright {float:left;width:20vw;}
.protoreifrightnew {float:right;width:17vw;}
.prhead {font-size: 2.15vw;line-height:5.85vw;padding-top:2vw;color:#3081a9;}
.protofelgenbox {padding-top:1.5vw;padding-bottom:1.5vw;border-radius:0.4vw;background-color:#f8f8f8;margin-bottom:2.14vw;}
.protofelgenbox .prhead {padding:0;line-height:normal;}
.protofelgenbox .prhead {padding-left:3.9vw;}
.inlinecheckpr {display:inline-block;vertical-align:top;margin-right:1vw;}
.inlinecheckpr .checkboxouter {float:none;}
.inlinecheckpr .smallbluelabel {padding:0;}
.protommsel {height:3vw;font-size:1.6vw;font-family: Arial, sans-serif;color:#242921;-webkit-appearance: none;outline:none;width:6.8vw;border: 1px solid #c8d6ec;text-align:center;border-radius:0.4vw;box-sizing: border-box;padding-left: 1.3vw;}
.inlinecheckprsel {margin-right:11.23vw;}
.inlinecheckprselsmall {margin-right:1.25vw;}
.inlinecheckprselverysmall {margin-right:0.2vw;}
.inlinecheckprselmedium {margin-right:3vw;}
.protoimgsleft {float:left;width:44.9%;}
.protoimgsright {float:right;width:48.4%;}
.protoimg {cursor:pointer;position:relative;margin-bottom:5vw;background-color:#FFF;width:10.15vw;height:10.15vw;float:left;margin-right:1.1vw;border-radius:0.4vw;border:1px solid #c8d6ec;background-position:center center;background-repeat:no-repeat;box-sizing:border-box;}
.protoimg.withimg {background-size:cover;background-position:center center;}
.protoimg3,.protoimg6,.protoimg9,.protoimg12,.protoimg15,.protoimg18,.protoimg21,.protoimg24,.protoimg27,.protoimg30 {margin-right:0;}
.protoimgholder1 {background-image:url(/public/img/protoimgholder1.png);}
.protoimgholder2 {background-image:url(/public/img/protoimgholder2.png);}
.protoimgnumber {font-weight:bold;font-size:2vw;color:#242921;position:absolute;bottom:-3vw;right:1vw;}
.protodelfile {width:2.5vw;height:2.5vw;position:absolute;top:0;right:0;background-color:#3081a9;border-radius:0 0.4vw;}
.protodelfile img{width:1.2vw;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);}
.protoimgcols {margin-top:3vw;}
.delallimgs {top:-2vw;cursor:pointer;font-size:1.5vw;line-height:2.92vw;box-sizing:border-box;border-radius:0.4vw;background-color:#d01d2a;color:#FFF;padding-left:1.56vw;padding-right:1.56vw;display:inline-block;position:relative;}
.delallimgs img {position:relative;display:inline-block;width:1.2vw;top:-0.1vw;margin-left:1vw;}
.protottipinfo {cursor:pointer;height:3.125vw;width:3.125vw;float:right;border-radius:0.4vw;background-color:#242921;color:#FFF;font-size:2vw;font-weight:bold;text-align:center;line-height:3.125vw;}
.protoimgsright .protoinfoimg {margin-top:3.4vw;}
.protoimgsright .protoinfoimg img {width:100%;display:none;}
.protoimgsright .protoinfoimg img.active {display:block;}
.protonotesinputcol {margin-top:4vw;}
.protonotesinputcol textarea {height:25vw;}
.inputcolcheckfull {position:relative;padding-left:4vw;line-height:normal;}
.inputcolcheckfull .checkboxouter {position:absolute;left:0;top:0;}
.inputcolcheckfull .checktext {line-height:normal;}
.clickdiv {display:block;position:absolute;height:100%;width:100%;top:0;left:0;cursor:pointer;}
.centerinfo {color:#242921;padding-top:4.5vw;padding-bottom:4.5vw;font-size:1.7vw;}
.odetboxheaddark {background-color:#242921;}
.odetboxheaddark.odetboxhead span {float:none;}
.odetboxheaddark.odetboxhead span:not(#realcompanyshort) {font-size:2.1vw;}
.odetboxheaddark.odetboxhead span#realcompanyshort {font-size: 2.34vw;padding:0;}
.inputcolpaddark input {color:#242921;}
.inputcolpaddark .smallblacklabel {color:#242921;margin-top:0.5vw;padding-left:2.34vw;}
.signcanvasouter {position:relative;background-color:#FFF;border-radius:0.4vw;border:1px solid gainsboro;}
.signcanvasouter canvas {height:15vw;width:100%;}
.signcanvasouter .editsign {position:absolute;top:0;left:0;width:100%;height:100%;}
.inputcolpaddark .checkboxouter {border-color:#d1d2d1;color:#d1d2d1;}
.inputcolpaddark .checktext {color:#242921;}
.inputcolpaddark .checktext a{color:#242921;text-decoration:underline !important;}
.inputcolpaddark .checktext a:HOVER{color:#242921;}
.sendprotobtn {line-height:7.3vw;font-size: 2.34vw;color:#FFF;text-align:center;border-radius:0.4vw;cursor:pointer;background-color:#3081a9;margin-top:4.3vw;}
.redprotohint {text-align:center;font-size:1.7vw;color:#d01d2a;margin-top:1.45vw;}
.redprotohint strong {font-weight:bold;}
.protoerror {background-color:red !important;}
.nav-menu li a > [class*='fa-'], .nav-menu li a > .ni, .nav-menu li > ul li a, .nav-menu li a {color:gainsboro;}
.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) {background-color:#3081a9;}
.form-control:focus {border-color:#3081a9;}
.vdetthumb {margin-bottom:10px;float:left;width:85px;margin-right:2.5%;height:85px;background-color:#e5e5e5;cursor:pointer;position:relative;text-align:center;background-size:cover;background-position:center center;}
.vdetthumb .plus {text-align:center;font-size:70px;position:relative;display:block;line-height:85px;}
.vdetthumb .spinner-border {top:27px;display:none;margin:auto;position:relative;}
.vdetthumb4,.vdetthumb9,.vdetthumb14,.vdetthumb19 {margin-right:0;}
.vdetthumbs {background-color:#FFF;padding-left:0;padding-right:0;}
.customclear {clear:both;}
.vdetsliderouter .imgouter {height:350px;position:relative;background-color:#FFF;border-radius: 4px;}
.vdetsliderouter .imgouter img {max-width:100%;max-height:100%;width:auto !important;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);}
.vdetimgslider .name {width:100%;font-weight: bold;padding-left: 22px;font-size: 11px;color: #3081a9;box-sizing:border-box;background:transparent;border:0;font-family: Arial, sans-serif; -webkit-appearance: none;border-radius:0;margin-top:11px;}
.vdetimgslider .fal {position:absolute;bottom:0;right:0;z-index:1;cursor:pointer;font-weight:bold;}
.vdetsliderouter .arrow {position:absolute;top:183px;cursor:pointer;z-index:10;}
.vdetsliderouter .arrowleft {left:16px;}
.vdetsliderouter .arrowright {right:16px;}
.floatleft {float:left;}
.floatright {float:right;}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {background-color:#3081a9;border-color:#3081a9;}
.vlistcontent {display:none;}
.vlistcontent.vlistcontentactive {display:block;}
.vecavaiouter {position:relative;box-sizing:border-box;padding-left:170px;}
.vadays {white-space:nowrap;overflow-x:auto;position:relative;box-sizing:border-box;padding-bottom:100px;}
.drow {display:inline-block;vertical-align:top;font-size:12px;width:20px;height:50px;box-sizing:border-box;}
.drowrot {transform: rotate(-90deg);}
.vadayshead {position:sticky;top:0;}
.vadayshead .drow {height:145px;padding-top:120px;box-sizing:border-box;}
.vatimeline .drow {border:1px solid gainsboro;position:relative;}
.vatimeline .drow.free {background-color:#8AAD34;}
.vatimeline .drow.blocked {background-color:#ED1C24;}
.vatimeline .drow a {position:absolute;top:0;left:0;width:100%;height:100%;}
.vavecs {background-color:#3081a9;position:absolute;left:0;top:0;height:100%;box-sizing:border-box;padding-top:145px;width:170px;}
.vavecsinner {border-top:1px solid #FFF;}
.vehiclerow {height:50px;box-sizing:border-box;padding-top:5px;padding-bottom:5px;padding-left:5px;border-bottom:1px solid #FFF;color:#FFF;}
.vimg {float:left;width:50px;background-size:cover;background-position:center center;height:40px;}
.vdettext {float:left;margin-left:5px;line-height:21px;}

.proto {display:none;}
.headerproto .protologo {display:none;}
.prototfs .protologotfs {display:block;}
.protokk1 .protologokk1 {display:block;}
.headerproto .protologotfs {width:41.21vw;height:auto;top:7.6vw;}
.prototfs .togglebtnouter .fal {color:#c2810f !important;}
.prototfs .page-inner {background:#2c3b42 !important;}
.prototfs .opcocomplete,.prototfs .opencloseprotooverhead.open .ocpoleft {background: rgba(255,255,255,0.3) !important;}
.prototfs .opencloseprotooverhead.open .opcoright {background: rgba(255,255,255,0.3) !important;}
body.prototfs:not(.mod-pace-custom) .pace .pace-progress {background:#c2810f;}
.prototfs .odetbackbtn {background-color:#f3c22d;color:#2c3b42;}
.prototfs .odethead {background-color:#c2810f !important;}
.prototfs .odetboxhead {background-color:#f3c22d !important;color:#2c3b42;}
.prototfs .inputcol input {color:#2c3b42;}
.prototfs .smallbluelabel {color:#c2810f;}
.prototfs .odetboxblue {background-color:#f5ce57;}
.prototfs .checkboxouter {color:#c2810f;    border: 1px solid #f9edc5;}
.prototfs .inputcol input.checkinput { border: 1px solid #f9edc5 !important;}
.prototfs .protommsel { border: 1px solid #f9edc5 !important;}
.prototfs .protoimg { border: 1px solid #f9edc5 !important;}
.prototfs .checktext {color:#2c3b42;}
.prototfs .odetails .smallwhitelabel {color:#2c3b42;}
.prototfs .prhead {color:#2c3b42;}
.prototfs .odetbox .selouter select {color:#2c3b42;}
.prototfs .protodelfile {background-color:#c2810f;}
.prototfs .odetboxheaddark {background-color:#242921 !important;color:#FFF !important}
.prototfs .selouter img {display:none;}
.prototfs .sendprotobtn {background-color:#c2810f;}
.proto.prototfs .swal2-confirm.swal2-styled {background-color:#c2810f;}
.legaltext .page-inner {background-color:#FFF !important;color:#000 !important;}
.legaltextinner {max-width:90%;margin:auto;padding-top:50px;}

.smallblacklabelfloat {float:left;}
.delsign {cursor:pointer;font-size:1.5vw;line-height:2.92vw;box-sizing:border-box;border-radius:0.4vw;background-color:#d01d2a;color:#FFF;padding-left:1.56vw;padding-right:1.56vw;display:inline-block;position:relative;float:right;top:0.5vw;margin-bottom:2vw;}

.pricecolorcol.green {background-color:#b7ffa9 !important;}
.pricecolorcol.red {background-color:#ffa9a9 !important;}
.legendel {display:inline-block;position:relative;padding-left:30px;line-height:20px;margin-top:5px;margin-bottom:10px;margin-right:20px;}
.legendel .lbox {width:20px;height:20px;position:absolute;left:0;top:0;}
.legendel .lboxred {background-color:#ffa9a9}
.legendel .lboxgreen {background-color:#b7ffa9}

.logintpleft {position:absolute;left:0;width:36.9%;height:100vh;background-color:#e3e3e3;box-sizing:border-box;padding:5.2vw 6.25vw;}
.logintpright {position:absolute;right:0;height:100vh;width:63.1%;background-image:url(/public/img/truck-pilot-login.jpg);background-size:cover;background-position:center center;}
.logintpleft .logo {height:2.24vw;}
.loginmask {margin-top:9.1vw;}
.loginhead {color:#3081a9;font-size:1.35vw;text-transform:uppercase;padding-left:1.04vw;margin-bottom:1.04vw;}
.loginmask input {margin-bottom:0.78vw;font-size:1.35vw;width:100%;box-sizing:border-box;padding-left:1.04vw;padding-right:1.04vw;height:3.125vw;background-color:#FFF;border:0;border-radius:0.8vw;font-family: Barlow, sans-serif;color:#2d3b42;}
.forgetpwlink {color:#3081a9;font-size:1.04vw;padding-left:1.04vw;cursor:pointer;}
.forgetpwlink:HOVER {text-decoration:underline;}
.loginmask .loginbtn {transition: all .3s;cursor:pointer;line-height:3.125vw;background-color:#3081a9 !important;color:#FFF;font-size:1.35vw;border-radius:0.8vw;margin-top:1.8vw;text-align:center;}
.loginmask .loginbtn:HOVER {background-color:#256585 !important;}

.dbbg1 {background-color:#88cfe3;}
.dbbg2 {background-color:#f2c140;}
.dbbg3 {background-color:#de8423;}
.dbbg4 {background-color:#727672;}

html body a {color:#3081a9;}

.dt-buttons .btn-outline-danger {border-color:#3081a9;color:#3081a9;}
.dt-buttons .btn-outline-danger:HOVER {background-color:#3081a9;color:#FFF;}
.dt-buttons .btn-outline-primary {border-color:#2d3b42;color:#2d3b42;}
.dt-buttons .btn-outline-primary:HOVER {background-color:#2d3b42;color:#FFF;}
.nav-menu li.active:not(.open) > a:before {color:#88cfe3;}

.bg-trans-gradient {background:#2d3b42;}

.drowsmallline {width:5px;background-color:#868e96;border:0 !important;}

.vlistfilter .form-group {float:left;margin-left:10px;width:100px;}

.dashboardoptions select {width:auto;display:inline-block;}
.fulldblink {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}

.vehiclefilter .vfcol {display:inline-block;margin-right:20px;width:400px;vertical-align:top;margin-top:10px;}

.requestconfirmouter {text-align:center;height:100vh;background-color:#e3e3e3;}
.requestconfirminner {position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);font-size:35px;}
.requestconfirminner img {max-width:100%;margin-bottom:30px;}

.legaltextouter {width:100vw;}

.backtopilot {color:#212529;font-size:1.75vw;line-height:2.75vw;border: 1px solid #e9e9e8;border-radius: 0.2vw;padding:0 1vw;display:inline-block;position:absolute;left:8.7vw;top:17vw;}

.newchatform {display:none;}
.newchatform form {margin-top:20px;}
.currentuserchats {margin-top:20px;max-height:410px;overflow:auto;}
.chat {cursor:pointer;border-radius:8px;background-color:#e5e5e5;padding:8px 12px;margin-bottom:5px;padding-right:20px;position:relative;}
.chathead {font-size:16px;font-weight:bold;}
.chat.active {background-color:#2D80AB;color:#FFF;}
.messageinputcol {position:absolute;bottom:-60px;left:0px;right:30px;padding:5px 0;background-color:#FFF;display:none;}
.messageinputcol .btn {width:100%;}
.unreadsign {position:absolute;top:10px;right:8px;width:9px;height:9px;background-color:red;border-radius:20px;display:none;animation: pulse 1s infinite linear;}
.unread .unreadsign {display:block;}
.chaticontop .unreadsign {top:20px;}
.editchat {position:absolute;bottom:10px;right:25px;cursor:pointer;}
.delchat {position:absolute;bottom:10px;right:8px;cursor:pointer;}
.currentmessages {overflow:auto;}
.searchchatsouter {margin-top:15px;}

@media all and (max-width: 1399px) {
	.messageinputcol {bottom:20px;left:10px;right:10px;} 
	.currentmessages {height:auto !important;max-height:500px;margin-bottom:100px;min-height:100px;}
}

@media all and (max-width: 1024px) {
	.logintpleft {position:relative;height:auto;width:auto;}
	.logintpleft .logo {height:5vw;}
	.loginhead {font-size:3.35vw;padding-left:3vw;}
	.loginmask input {font-size:3.35vw;padding-left:3vw;padding-right:3vw;height:6vw;margin-bottom:1.6vw;border-radius:1.6vw;}
	.forgetpwlink {font-size:2vw;padding-left:3vw;}
	.loginmask .loginbtn {font-size:3.35vw;line-height:6vw;border-radius:1.6vw;margin-top:3vw;}
	.logintpright {display:none;}
	#loginpage {background-color:#e3e3e3;}
}

@media all and (max-width: 600px) {
	.loginheader {height:16vw;}
	.centerlogin {width:100%;}
	
	.logintpleft .logo {height:7.5vw;}
	.loginhead {font-size:5vw;padding-left:5vw;}
	.loginmask input {font-size:5vw;padding-left:5vw;padding-right:5vw;height:9vw;margin-bottom:2.5vw;border-radius:2.5vw;}
	.forgetpwlink {font-size:3vw;padding-left:5vw;}
	.loginmask .loginbtn {font-size:5vw;line-height:9vw;border-radius:2.5vw;margin-top:5vw;}
	.logintpright {display:none;}
	#loginpage {background-color:#e3e3e3;}
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.owl-dots {position:absolute;bottom:18px;text-align:left;left:40px;}
.owl-dot {width:11px;height:11px;display:inline-block;margin-left:4px;margin-right:4px;background-color:#FFF;}
.owl-dot:HOVER,.owl-dot.active {background-color:#e95d0f;}

.loading1 {position: fixed;height: 100%;width:100%;z-index: 9999;text-align:center;display:none;top:0;left:0;background-color:rgba(0,0,0,0.6);}
.loading1 .cssload-thecube {display:inline-block;}
.cssload-thecube {
	width: 84px;
	height: 84px;
	margin: 0 auto;
	margin-top: 56px;
	position: relative;
	/*background-image:url(/public/img/loading_logo.png);background-size:cover;background-position:center center;*/
	top:50%;margin-top:-59px;
}
.cssload-thecube .cssload-cube {
	position: relative;
	transform: rotateZ(45deg);
		-o-transform: rotateZ(45deg);
		-ms-transform: rotateZ(45deg);
		-webkit-transform: rotateZ(45deg);
		-moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	transform: scale(1.1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
}
.cssload-thecube .cssload-cube:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #1d3a67;
	animation: cssload-fold-thecube 3.48s infinite linear both;
		-o-animation: cssload-fold-thecube 3.48s infinite linear both;
		-ms-animation: cssload-fold-thecube 3.48s infinite linear both;
		-webkit-animation: cssload-fold-thecube 3.48s infinite linear both;
		-moz-animation: cssload-fold-thecube 3.48s infinite linear both;
	transform-origin: 100% 100%;
		-o-transform-origin: 100% 100%;
		-ms-transform-origin: 100% 100%;
		-webkit-transform-origin: 100% 100%;
		-moz-transform-origin: 100% 100%;
}
.cssload-thecube .cssload-c2 {
	transform: scale(1) rotateZ(90deg);
		-o-transform: scale(1) rotateZ(90deg);
		-ms-transform: scale(1) rotateZ(90deg);
		-webkit-transform: scale(1) rotateZ(90deg);
		-moz-transform: scale(1) rotateZ(90deg);
}
.cssload-thecube .cssload-c3 {
	transform: scale(1) rotateZ(180deg);
		-o-transform: scale(1) rotateZ(180deg);
		-ms-transform: scale(1) rotateZ(180deg);
		-webkit-transform: scale(1) rotateZ(180deg);
		-moz-transform: scale(1) rotateZ(180deg);
}
.cssload-thecube .cssload-c4 {
	transform: scale(1) rotateZ(270deg);
		-o-transform: scale(1) rotateZ(270deg);
		-ms-transform: scale(1) rotateZ(270deg);
		-webkit-transform: scale(1) rotateZ(270deg);
		-moz-transform: scale(1) rotateZ(270deg);
}
.cssload-thecube .cssload-c2:before {
	animation-delay: 0.44s;
		-o-animation-delay: 0.44s;
		-ms-animation-delay: 0.44s;
		-webkit-animation-delay: 0.44s;
		-moz-animation-delay: 0.44s;
}
.cssload-thecube .cssload-c3:before {
	animation-delay: 0.87s;
		-o-animation-delay: 0.87s;
		-ms-animation-delay: 0.87s;
		-webkit-animation-delay: 0.87s;
		-moz-animation-delay: 0.87s;
}
.cssload-thecube .cssload-c4:before {
	animation-delay: 1.31s;
		-o-animation-delay: 1.31s;
		-ms-animation-delay: 1.31s;
		-webkit-animation-delay: 1.31s;
		-moz-animation-delay: 1.31s;
}


@keyframes cssload-fold-thecube {
	0%, 10% {
		transform: perspective(158px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		transform: perspective(158px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		transform: perspective(158px) rotateY(180deg);
		opacity: 0;
	}
}

@-o-keyframes cssload-fold-thecube {
	0%, 10% {
		-o-transform: perspective(158px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-o-transform: perspective(158px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-o-transform: perspective(158px) rotateY(180deg);
		opacity: 0;
	}
}

@-ms-keyframes cssload-fold-thecube {
	0%, 10% {
		-ms-transform: perspective(158px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-ms-transform: perspective(158px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-ms-transform: perspective(158px) rotateY(180deg);
		opacity: 0;
	}
}

@-webkit-keyframes cssload-fold-thecube {
	0%, 10% {
		-webkit-transform: perspective(158px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-webkit-transform: perspective(158px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-webkit-transform: perspective(158px) rotateY(180deg);
		opacity: 0;
	}
}

@-moz-keyframes cssload-fold-thecube {
	0%, 10% {
		-moz-transform: perspective(158px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-moz-transform: perspective(158px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-moz-transform: perspective(158px) rotateY(180deg);
		opacity: 0;
	}
}

@keyframes pulse {
  0% {
    transform: scaleX(1)
  }
  50% {
    transform: scale3d(1.25, 1.25, 1.25)
  }
  to {
    transform: scaleX(1)
  }
}