@font-face {
  font-family: "BMWTypeNext Global Pro Regular";
  src: url(../fonts/BMWTypeNext-Global-Pro-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "BMWTypeNext Global Pro Light";
  src: url(../fonts/BMWTypeNext-Global-Pro-Light.ttf) format("truetype");
}
@font-face {
  font-family: "BMWTypeNext Global Pro Bold";
  src: url(../fonts/BMWTypeNext-Global-Pro-Bold.ttf) format("truetype");
}

.logo {
  margin: 1rem 0 4.125rem 0;
  width:100%;
}

.btn {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

label.btn {
  margin-bottom: 0;
}

.d-flex > .btn {
  flex: 1;
}

.carbonads {
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  overflow: hidden;
  padding: 1rem;
}

.carbon-wrap {
  overflow: hidden;
}

.carbon-img {
  clear: left;
  display: block;
  float: left;
}

.carbon-text,
.carbon-poweredby {
  display: block;
  margin-left: 140px;
}

.carbon-text,
.carbon-text:hover,
.carbon-text:focus {
  color: #fff;
  text-decoration: none;
}

.carbon-poweredby,
.carbon-poweredby:hover,
.carbon-poweredby:focus {
  color: #ddd;
  text-decoration: none;
}

@media (min-width: 768px) {
  .carbonads {
    float: right;
    margin-bottom: -1rem;
    margin-top: -1rem;
    max-width: 360px;
  }
}

.footer {
  font-size: 0.875rem;
}

.heart {
  color: #ddd;
  display: block;
  height: 2rem;
  line-height: 2rem;
  margin-bottom: 0;
  margin-top: 1rem;
  position: relative;
  text-align: center;
  width: 100%;
}

.heart:hover {
  color: #ff4136;
}

.heart::before {
  border-top: 1px solid #eee;
  content: " ";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
}

.heart::after {
  background-color: #fff;
  content: "♥";
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  position: relative;
  z-index: 1;
}

.docs-demo {
  margin-bottom: 1rem;
  margin-top: 1rem;
  overflow: hidden;
  padding: 2px;
}

.img-container,
.img-preview {
  background-color: #f7f7f7;
  text-align: center;
  width: 100%;
}

.img-container {
  max-height: 700px;
  min-height: 200px;
}

@media (min-width: 768px) {
  .img-container {
    min-height: 500px;
  }
}

.img-container > img {
  max-width: 100%;
}

.docs-preview {
  margin-right: -1rem;
}

.img-preview {
  float: left;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  overflow: hidden;
}

.img-preview > img {
  max-width: 100%;
}

.preview-lg {
  height: 9rem;
  width: 16rem;
}

.preview-md {
  height: 4.5rem;
  width: 8rem;
}

.preview-sm {
  height: 2.25rem;
  width: 4rem;
}

.preview-xs {
  height: 1.125rem;
  margin-right: 0;
  width: 2rem;
}

.docs-data > .input-group {
  margin-bottom: 0.5rem;
}

.docs-data .input-group-prepend .input-group-text {
  min-width: 4rem;
}

.docs-data .input-group-append .input-group-text {
  min-width: 3rem;
}

.docs-buttons > .btn,
.docs-buttons > .btn-group,
.docs-buttons > .form-control {
  margin-bottom: 0.5rem;
  margin-right: 0.25rem;
}

.docs-toggles > .btn,
.docs-toggles > .btn-group,
.docs-toggles > .dropdown {
  margin-bottom: 0.5rem;
}

.docs-tooltip {
  display: block;
  margin: -0.5rem -0.75rem;
  padding: 0.5rem 0.75rem;
}

.docs-tooltip > .icon {
  margin: 0 -0.25rem;
  vertical-align: top;
}

.tooltip-inner {
  white-space: normal;
}

.btn-upload .tooltip-inner,
.btn-toggle .tooltip-inner {
  white-space: nowrap;
}

.btn-toggle {
  padding: 0.5rem;
}

.btn-toggle > .docs-tooltip {
  margin: -0.5rem;
  padding: 0.5rem;
}

@media (max-width: 400px) {
  .btn-group-crop {
    margin-right: -1rem !important;
  }

  .btn-group-crop > .btn {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .btn-group-crop .docs-tooltip {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

.docs-options .dropdown-menu {
  width: 100%;
}

.docs-options .dropdown-menu > li {
  font-size: 0.875rem;
  padding: 0.125rem 1rem;
}

.docs-options .dropdown-menu .form-check-label {
  display: block;
}

.docs-cropped .modal-body {
  text-align: center;
}

.docs-cropped .modal-body > img,
.docs-cropped .modal-body > canvas {
  max-width: 100%;
}

.custom-preview .ok01 { display: inline-block;}
.custom-preview .no01 { display: none;}
.custom-preview.error01 .ok01 { display: none;}
.custom-preview.error01 .no01 { display: inline-block;}
.custom-preview.port01 canvas { width: 100%; height:auto;}
.custom-preview.lands01 canvas { width: auto; height:100%;}
.custom-preview.lands01 { max-height: 460px;}
.custom-preview.lands01 .a2 { width:100%; height:calc(100% - 3rem);}

.limit-box { position:absolute; outline: 1px dashed red; width:100%; height:100%; top:50%; left:50%; transform: translate(-50%,-50%);}

.mpreview-btn .spinner-border { display: none;}
.mpreview-btn.disabled .spinner-border { display: inline-block;}

.edit-area {position:relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;/* background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC'); */z-index: 2;/* transform-origin: left top; */}
.edit-modal {position:absolute;top:0;left:0;width:100%;height:100%;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');z-index: 1;transform-origin: left top;}
.kv-area {
    width: 100%;
    height: auto;
    /* overflow: hidden; */
}
.topbar {
  position: relative;
  top: 0;
  left: 0;
  transform: translate(0%,0);
  background:hsla(0, 100%, 100%, 0.88);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-bottom: 0.3rem;
  z-index: 3;
}
.tool-area {border:1px solid rgba(0, 0, 0, 0.24);padding: 5px 10px;z-index: 10;}
.edit-area:hover .topbar { top:0;}
.edit-area-c1 {position: relative;z-index: 2;/* transform-origin: left top; */height: 100%;background: rgba(0,0,0,0.5);line-height: 1;overflow: hidden;}
.making .edit-area-c1 {border: none;}
.edit-area-c1 .bgimg {position:absolute;top:0;left:0;cursor: move;}

.ql-toolbar .ql-stroke {
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
.ql-toolbar button svg {
  height: 1.0625rem;
  width: 1.0625rem;
  vertical-align: text-bottom;
  margin-right: 0.2rem;
}
.ql-toolbar .ql-fill {
  fill: currentColor;
}
.btn-close {
  background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2312263F'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/.5em auto no-repeat;
  border: 0;
  border-radius: .375rem;
  box-sizing: content-box;
  color: #12263f;
  height: .5em;
  opacity: .5;
  padding: .5em;
  width: .5em;
  float:right;
  cursor:pointer;
}
#previewCar {max-width:90%;max-height: 90%;margin: auto;display: block;}

.car-select select {width: 100%;}

.thumb-list .child01 a {position:relative;display: block;}
.thumb-list .child01 a:before {position:absolute;top:0;left:0;content:"";border:6px solid #ff5268;opacity:0;transition: all .2s cubic-bezier(.25,.46,.45,.94);z-index: 99991;right: 0;bottom: 0;}
.thumb-list .child01 a.active:before { opacity:1!important;;}

.text01 {min-width: 40px;min-height: 10px;position:absolute;border: 1px dashed #f5803e;color: #000;white-space: nowrap;word-break: keep-all;margin-top: -1px;text-align: left;line-height: 100%;}
.text01:hover { background:rgba(255,255,255,0.4);}
.button-text {white-space: nowrap;word-break: keep-all;width:93px;height:19px;line-height: 19px;background:#1C69D4;font-size: 12px;text-align: center;color:#FFF;font-family: "BMWTypeNext Global Pro Light";position: relative;overflow: hidden;}
.button-text2 { white-space: nowrap;word-break: keep-all; width:122px; height:24px; line-height: 24px; background:#1C69D4; font-size: 12.51px; text-align: center; color:#FFF; font-family:"BMWGlobalPro-bold";}

.demo-btn {white-space: nowrap;word-break: keep-all;width:285px;height:50px;line-height: 50px;background:#1C69D4;font-size: 12px;text-align: center;color:#FFF;font-family: "BMWTypeNext Global Pro Light";position: relative;overflow: hidden;}


.bmw-h1 {font-family:"BMWTypeNext Global Pro Light";font-size: 50px;line-height: 60px;}
.bmw-h3 {font-family:"BMWTypeNext Global Pro Light";font-size: 24px; line-height: 33px;}
.bmw-dis-t1 {font-family:"BMWGlobalPro-bold";font-size: 20.4px;line-height: 25.2px;}
.bmw-dis-c1 {font-family:"BMWTypeNext Global Pro Light";font-size: 12px;line-height: 14.4px;}

.disclaimer01 {position:absolute;-webkit-transform:scale(0.83333);transform:scale(0.83333);transform-origin: left bottom;}
/* .disclaimer01 { position:absolute;zoom:0.83333;} */
.disclaimer01 .text01 {position:relative;}
.disclaimer01 .text01 .bmw-dis-t1 { margin-bottom:9.6px;}

.status01 {position: fixed;top: 300%;left: 50%;/* z-index: 13; */display: none;margin: -2rem auto auto -2rem;}
.dropzone-previews { display: none;}
.upload-form { display: none; position:absolute; bottom:0; left:0; width:100%;}
.up-icon-right-bottom:hover .upload-form { display: block;}

.makePic {display: none;position: absolute;top:0;left:0;width:100%;height:100%;z-index: 12;background: #f9fbfd;}
.making {background:none;position: fixed;top:0;left:0;z-index: -1;}
.making .text01 { border:none;}
.making .edit-modal {display: none;}
.making .out-hide01 { display:none;}

.setColor { position:absolute; }
.text01:focus .setColor { display: block;}
.text01.white01 {color:#FFF;}
.text01.shadow01 {text-shadow: 0px 0px 30px #fff;}
.text01.white01.shadow01 {text-shadow: 0px 0px 30px #000;}

.text01.bmw-h1.shadow01 {text-shadow: 0px 0px 30px #FFF;}
.text01.bmw-h1.white01.shadow01 {text-shadow: 0px 0px 30px #000;}
.text01.bmw-h3.shadow01 {text-shadow: 0px 0px 30px #FFF;}
.text01.bmw-h3.white01.shadow01 {text-shadow: 0px 0px 30px #000;}


.icons01 { position:absolute;}
.scale-lt {transform-origin: left top;}
.scale-lc {transform-origin: left center;}
.scale-lb {transform-origin: left bottom;}
.scale-rb {transform-origin: right bottom;}
.scale-rt {transform-origin: right top;}

.btn-smallFont {min-width: 100px;min-height: 10px;line-height:123%;border: 2px dashed #f5803e;}
.btn-smallFont .ss001 {
    width: auto;
    float: right;
    clear: both;
}

.text01:focus-visible {outline: 1px solid #f5803e;}

.form_error { display: none;}
.form_info { display: none;}

.input-group-merge.input-group-reverse {flex-direction: row-reverse;border: 1px solid #d2ddec;border-radius: 0.375rem;}
.input-group-merge.input-group-reverse .input-group-text {/* border-color: transparent; */border: none;}
.forhide01 { display: none;}

.dataTables_paginate .page_link { float:left; padding:1.25rem .75rem; color:#95aac9; cursor: pointer;}
.dataTables_paginate .page_link.active { color:#12263f; border-bottom:1px solid #2c7be5;}
.dataTables_paginate .page_link:hover { color:#12263f;}