*{margin:0;padding:0;outline:none;box-sizing:border-box;font-family:LandRover,Arial;}
html{height:100%;}
body{font-family:LandRover,Arial;font-size:14px;background:fixed url(/static/img/bg.jpg) no-repeat center;background-size:cover;min-height:100%;height:100%;margin:0;padding:0;overflow:auto;}

.content{height:100%;overflow:auto;}
.content.result{height:auto;}

h1{color:#fff;font-size:34px;margin-bottom:10px;text-align:center;clear:both;font-family:LandRover;text-shadow:0 0 7px #000;margin-top:100px;text-transform:uppercase;font-weight:600;}
h2{font-weight:normal;font-size:28px;margin-bottom:30px;text-align:center;font-family:LandRover;}
h3{font-weight:normal;font-size:18px;margin-bottom:20px;font-family:LandRover;}
h4{font-weight:normal;font-size:16px;margin-bottom:30px;font-family:LandRover;color:#fff;}
b{font-family:LandRover;font-weight:normal;}

.logout{position:fixed;right:20px;top:20px;width:100px;background:#fff;padding:7px 10px;text-align:center;color:#000;font-size:13px;font-weight:500;text-decoration:none;}
.logo{position:fixed;left:20px;top:20px;display:none;max-height:110px;max-width:110px;background:#fff;padding:12px;}
.logo.active{display:block;}
#bmw_logo{display:block;}
#mini_logo{float:left;margin-left:30px;margin-top:10px;background:#fff;padding:5px;}
#selects{position:relative;text-align:center;padding:30px 60px;background:rgba(255,255,255,0.5);margin:0 auto;border-radius:50px;margin-bottom:20px;display:inline-block;}
.select_series{display:none;}
#bmw_series{display:inline;}

#conf_form .btns{position:fixed;bottom:20px;right:20px;width:90px;}
#conf_form .btns .btn{box-shadow:0 0 5px #333;padding:8px 15px;text-decoration:none;margin-bottom:5px;display:block;width:90px;}
#conf_form .btns .btn:nth-child(1){background:#293a46;}
#conf_form .btns .btn:nth-child(2){background:#1BC98E;}
#conf_form .btns .btn:nth-child(3){background:#9F86FF;}
#conf_form .btns .btn:nth-child(4){background:#E64759;}
#conf_form .btns .btn:nth-child(6){background:#293a46;}

#conf_form .btns .file{overflow:hidden;position:relative;height:33px;margin-bottom:5px;box-shadow:0 0 5px #333;}
#conf_form .btns .file .browse{position:absolute;right:0;top:0;width:100%;padding:8px 10px;background:#399fcd;color:#fff;}
#conf_form .btns .file input{position:relative;top:0;left:0;height:100%;width:100%;border:0;z-index:2;overflow:hidden;opacity:0;cursor:pointer;font-size:0;}

#euro{position:relative;color:#fff;display:inline;padding:9px 15px;background:#399fcd;color:#fff;border-radius:20px;border:1px solid #e6e6e6;margin-right:5px;}
#euro input{width:60px;text-align:center;padding:0px;border:0;}

#selects .row{position:relative;display:inline-block;vertical-align:top;}
#selects .btn{border-radius:20px;padding:11px 25px;}
#selects #loading{background: #fff;padding: 5px;border-radius: 16px;position: absolute;right: 25px;top: 35px;display:none;}
.errorMessage{position:relative;color:#b00000;margin:5px 0;}

input[type="checkbox"][readonly]{
  pointer-events:none;
  opacity:0.5;
}
input[type="checkbox"].disabled{
  pointer-events:none;
  opacity:0.8;
}
input[type=date].empty{color:rgba(0,0,0,0.3);}
input[type="text"],input[type="numeric"],input[type="date"],input[type="password"]{width:100%;padding:9px 15px;font-size:14px;font-family:LandRover;}
::placeholder{font-weight:300;}
select{
	padding:8px 15px;
	font-size:14px;
	font-family:LandRover;
}

textarea{padding:9px 15px;font-size:14px;background:#399fcd;color:#fff;border-radius:20px;border:1px solid #e6e6e6;font-family:LandRover;resize:resize-y;}


.table{border-collapse:collapse;margin:0 auto 100px;border:1px solid transparent;position:relative;table-layout:fixed;width:100%;}
.table tr{background:#fff;}
.table thead tr{background:#c50d27;color:#fff;}
.table thead tr th{text-transform:uppercase;font-size:12px;border-right:1px solid #fff;border-bottom:0;cursor:pointer;position:relative;padding:10px;}
.table thead tr th:hover:after,
.table thead tr th.sort:after{content:"";position:absolute;top:50%;margin-top:-3px;right:10px;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:7px solid #fff;}
.table thead tr th.sort.desc:after{border-bottom:0;border-top:7px;}
.table thead tr th:last-child{border-right:0;}
.table thead tr td{background:#fff;color:#000;border-top:0;}
.table thead tr td input::placeholder{color:#ccc;}
.table thead tr:last-child td{border-bottom:1px solid #c50d27;}
.table .parent{background:#ccc;}
.table .checked{background:#E1FFDE;}
.table .added{background:#ffbebe;}
.table .parent-0{font-weight:bold;}
.table td{position:relative;border:1px solid #e6e6e6;word-wrap:break-word;}
.table td:first-child{border-left:0;}
.table td:first-child a{margin-left:10px;}
.table td:first-child a img{width:25px;}
.table td:last-child{border-right:0;}
.table tr.space{background:none;}
.table tr.space td{border:0;height:60px;}
.table input, .table select{border:0;padding:0;background:none;width:100%;padding:10px;}
.table select{padding:9px 10px;}
.table td.success{background:#c5ffc5;}
.table input[type=numeric]{text-align:right;}
.table tbody input[type=date]{width:135px;padding-right:0;}

.table tbody{border-top:1px solid #c50d27;display:table-header-group;}
.table tbody tr:nth-child(2n){background:#f9f9f9;}
.table tbody td{-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.table tbody td.td-select{box-shadow:inset 0 0 0 1px #c50d27;}
.table tbody tr.yellow{background:#fdf6a8;}
.table tbody tr.green{background:#affdc7;}
.table tbody tr.blue{background:#affdfd;}
.table tbody tr.selected{background:#affdfd/*#00d0ff*/;}
.table tbody tr.hidden{display:none;}
.table tbody tr.show{display:table-row;}
.table tbody tr td:last-child a{text-decoration:none;transform:rotate(45deg);line-height:1;font-size:20px;display:inline-block;}
.table tbody tr td input:focus,.table tbody tr td select:focus{outline:1px solid #000;}

#check_cols{position:fixed;left:50%;top:100px;width:600px;margin-left:-300px;background:#fff;padding:30px;text-align:left;color:#000;column-count:2;box-shadow:0 0 10px #000;display:none;z-index:2;}
#check_cols div{margin-bottom:5px;}
#check_cols div label{cursor:pointer;}
#check_cols .close{position:absolute;right:20px;top:20px;cursor:pointer;transform:rotate(45deg);line-height:1;font-size:20px;}
#check_cols .btn{display:inline-block;padding:5px 15px;}

.lib_link{justify-content:center;}
.lib_link img{width:25px;}

.jcontextmenu > div{text-align:left !important;}
.add_row, .export_xls, .check_cols{background:#c50d27;border-radius:50px;width:65px;height:65px;color:#fff;overflow:hidden;position:fixed;bottom:50px;right:100px;display:block;text-align:center;line-height:65px;font-size:35px;cursor:pointer;z-index:2;}
.check_cols{right:180px;background:rgba(255,255,255,0.8);color:#c50d27;border:1px solid #c50d27;font-size:32px;line-height:45px;}
.export_xls{right:260px;}
.export_xls button{font-size:18px;text-decoration:none;background:rgba(24,129,37,0.8);border:0;width:100%;height:100%;color:#fff;display:block;cursor:pointer;}

.none{display:none;}
.content-width{width:100%;margin:0 auto;}
.clear{clear:both;display:block;overflow:hidden;}
.btn{background:#c50d27;color:#fff;padding:13px 25px;border:0;font-size:11px;text-transform:uppercase;font-weight:600;width:100%;cursor:pointer;}
.relative{position:relative;}
.clearAfter:after{content:"";clear:both;display:block;}
.overflow{position:fixed;z-index:100;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.8);}

.alert{color:#8a6d3b;background-color:#fcf8e3;border-color: #faebcc;padding:15px;margin-bottom: 20px;border:1px solid transparent;border-radius:4px;}
.done{color:#3b8a49;background-color:#e3fce4;border-color: #cffacc;padding:15px;margin-bottom: 20px;border:1px solid transparent;border-radius:4px;}

.main-footer__content{top:0;}

.popup{position:absolute;left:50%;top:100px;width:600px;margin-left:-300px;padding:30px 40px;background:#2986b9;color:#fff;display:none;border-radius:20px;box-shadow:0 0 10px #333;}
.popup_content{font-size:16px;}
.popup_content p{margin-bottom:10px;}
.popup_content div{cursor:pointer;padding:4px 7px;display:inline-block;}
.popup_content div.checked{background:#fff;color:#000;border-radius:4px;}

.popup .close{position:absolute;top:10px;right:15px;font-size:22px;transform:rotate(45deg);cursor:pointer;}

.popup + .popup{top:150px;width:700px;margin-left:-350px;}

.filter_block{position:absolute;border:1px solid #ccc;border-bottom:0;background:#fff;min-width:100%;top:0;left:0;right:0;height:100%;overflow:hidden;border-color:transparent;}
.filter_block div.filter_checkbox{border-bottom:1px solid #ccc;padding:10px;white-space:nowrap;font-size:12px;}
.filter_block > div.filter_checkbox:first-child{padding:0;}
.filter_block div.filter_checkbox input[type=checkbox]{width:auto;vertical-align:top;width:15px;height:15px;margin-right:5px;}
.filter_block div.filter_checkbox label{cursor:pointer;}
.filter_block.active{height:auto;border-color:#ccc;right:auto;z-index:1;}
.filter_values{max-height:210px;overflow:auto;}

.context-menu-open{display: none;position: fixed;z-index: 99999;top: 0;left: 0;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.54);background:#fff;border-radius:3px;}
.context-menu-open ul{padding:0;margin:0;}
.context-menu-open ul li{cursor: pointer;list-style:none;margin:0;border-bottom:1px solid #BFE2FF;font-size:12px;font-weight:300;}
.context-menu-open ul li:last-child {border-bottom: 1px solid transparent;}
.context-menu-open ul li:hover {background-color: #BFE2FF;}
.context-menu-open ul li a{text-decoration:none;color:#000;display:block;padding:10px 15px;}

@font-face {
  font-family: "LandRover";
  src: url("../fonts/LandRoverOT4-Bold.woff2");
  font-weight: normal;
}

#stocklist [data-attr="vin"] {
  width: 180px!important;
}

/* -------------------------------------------------- */

.grid-view{margin-bottom:100px;}
.grid-view .summary{margin:10px;padding:10px;background:#fff;}
#data-grid{position:relative;z-index:2;}
#data-grid.grid-view .filters input, #data-grid.grid-view .filters select{padding:6px 10px;width:calc(100% + 2px);margin:-1px;}
.grid-view table.items{margin:10px;border:0;}

.grid-view table.items thead tr{background:#c50d27;}
.grid-view table.items thead tr th{position:relative;background:none;border-right:1px solid #fff;border-top:0;padding:10px;white-space:break-spaces;color:#fff;}
.grid-view table.items thead tr th:last-child{border-right:0;}
.grid-view table.items thead tr th a{color:#fff;font-size:12px;text-transform:uppercase;font-family:LandRover, Arial;}
.grid-view table.items thead tr.filters td{background:#fff;border-bottom:1px solid #c50d27;}

.grid-view table.items tr.odd:hover, .grid-view table.items tr.even:hover{background:aliceblue;}
.grid-view table.items tr.selected{background:#affdfd !important;}
.grid-view table.items th,
.grid-view table.items td{padding:0px;}

.grid-view table.items th:first-child,
.grid-view table.items td:first-child{text-align:center;border-left:0;}

.grid-view table.items td.yellow{background:#fdf6a8;}

.grid-view table.items th input,
.grid-view table.items td input,
.grid-view table.items th select,
.grid-view table.items td select{border:1px solid transparent;background:none;width:calc(100% + 2px);margin:-1px;height:40px;}

.grid-view table.items td input:disabled,
.grid-view table.items td select:disabled{opacity:0.7;}

.grid-view table.items td input:not(:disabled):hover,
.grid-view table.items td select:not(:disabled):hover{border:1px solid #1c69d4;position:relative;z-index:2;}

.grid-view table.items td input.status_90,
.grid-view table.items td select.status_90{background:#affdc7;border:1px solid #DADFE0;}

.grid-view table.items td .status_yellow{background:#fdf6a8;border:1px solid #DADFE0;}
.grid-view table.items td div.status_yellow{background:#fdf6a8;border:0;height:40px;display:flex;align-items:center;}
.grid-view table.items td:first-child div.status_yellow{margin:-1px -1px -1px 0;}

.grid-view table.items td input:focus,
.grid-view table.items td select:focus{border:1px solid #1c69d4;}

.grid-view table.items td input[type=numeric]{text-align:right;}

.grid-view .pager{background:#fff;padding:10px;margin:10px;}
.grid-view table.items + .pager{text-align:center;}

.grid-view table.items th .select{position:absolute;top:calc(100% + 40px);left:0;overflow:hidden;background:#fff;transition:0.3s;display:none;z-index:3;}
.grid-view table.items th .select.active{display:block;min-width:calc(100% + 2px);border:1px solid #1c69d4;border-bottom-width:0px;border-top: 0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;margin-top:-1px;margin-left:-1px;overflow:hidden;}
.grid-view table.items th .select:before{position:absolute;top:15px;right:10px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:7px solid #000;display:block;content:"";display:none;}
.grid-view table.items th .select:hover{height:auto;box-shadow:0 0 7px #1c69d4;z-index:10;}
.grid-view table.items th .select .select_scroll{max-height:430px;overflow:auto;}
.grid-view table.items th .select .btn.submit{display:block;text-align:center;cursor:pointer;}
.grid-view table.items th .select .option{display:flex;min-height:38.5px;text-align:left;align-items:center;padding:10px;border-top:1px solid #e5e5e5;color:#000;font-weight:400;}
.grid-view table.items th .select .option input{min-width:15px;width:15px;height:15px;margin-right:10px;cursor:pointer;}
.grid-view table.items th .select .option label{cursor:pointer;}