.CmVNBntCont .CmVinNumWrap{display:flex; align-items:center; width:100%; position:relative;}
.CmVinNumWrap{display:flex; align-items: center; width:100%; position:relative;}
.CmVNBntCont{display:flex; border:1px solid #fff; zoom:0.9; margin-bottom:4px;}

.CmVNField{display:flex; align-items:center; background:#fff; color:#414141; flex:1; height:43px; padding:2px 0 0; border:0.5px solid #ccc; outline:none; font-size:20px; border-radius:0; transition:width 0.4s ease; width:190px; font-weight:bold; text-align:center;}
.CmVNField::placeholder{color:#c6c6c6; font-size:16px;}

.CmVNClear{white-space:nowrap; left:0px; width:100%; color:#929292; position:absolute; background:#ffffff; padding:0; text-align:center; z-index:770; box-shadow:4px 6px 20px rgba(0, 0, 0, 0.4); top:50px;}
#CmVNFail{display:none; color:#550000; text-align:center; line-height:52px; box-shadow:4px 6px 20px rgba(0,0,0,0.4); background:white; font-size:16px; color:red;}
.CmVinNumAnim{display:none; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; background-color:rgba(231,231,231,0.6);}
.CmVinNumAnim img{width:170px; position:absolute; margin:auto; top:0; bottom:0; left:0; right:22;}
.CmVinNumCous{color:#ffffff; font-weight:bold; font-family:Arial; width:34px; line-height:34px; text-align:center; position:absolute; font-size:14px; top:1px; left:1px; background:#3f9900; border-bottom-left-radius:8px; border-top-left-radius:8px;}

.CmVNIcCon{display:flex; width:33px; align-items:center; justify-content:center; border:0.5px solid #ccc; border-right:none; background-color:#fff; padding:6px; cursor:pointer; transition:0.4s ease;}
.CmVNIcCon:hover{background:var(--cm-main);}
.CmVNIcCon:hover svg{fill:white!important;}

.CmVNBnt{display:flex; align-items:center; justify-content:center; font-family:var(--cm-text-family); text-transform:uppercase; height:48px; cursor:pointer; padding:0 16px; border-radius:0px; border:none; color:#fff; font-weight:bold; font-size:16px; position:relative; overflow:hidden; transition:transform 0.3s ease; background-color:var(--cm-main);}
.CmVNBnt:hover{background:linear-gradient(135deg, var(--cm-dark-bg-color), #878787); }
.CmVNBnt::before{content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:rgba(255, 255, 255, 0.4); z-index:1; opacity:0; transition:left 0.3s, opacity 0.3s;}
.CmVNBnt:hover::before{animation: glitchForward 0.3s 1 forwards; }
.CmVNBntAF{display:none; height:33px; color:#fff;}
.CmSvgVN{transition: fill 0.4s ease; transform: translate(0px, 0px);}
.CmVNBntCont:focus-within .CmSvgVN{animation: wiggle 0.3s ease-in-out forwards !important;}

/* Types Selector */
#CmVNTypes{display:none; color:#333333; background:#ffffff; width:fit-content;}
#CmVNTypes table{font-size:12px!important; width:100%;}
#CmVNTypes td{}
#VNClose{color:#ff0000; font-size:17px; text-shadow:0 2px 0 #ffffff; background:#ffe4e4; padding:4px 7px 4px 7px;}
#VNClose::after{content:'✖';}
#VNClose:hover{cursor:pointer; color:#000000;}
.VNCloseM{float:right; width:14px; height:14px; margin:-5px; background:none!important; padding:0px!important; }
.VNCloseM:hover{color:#ff0000!important;}
.CmVNTab{border-collapse:collapse;}
.CmVNTab td{white-space:nowrap;}
.CmVNTab tr{}
.CmVNModel td{color:rgb(0, 0, 0); opacity:0.6; padding:12px 12px 5px 28px; font-size:14px;}
.CmVNType{padding:0px!important;}
.CmVNType a{display:block; padding:10px 5px 12px 28px; background:#ffffff;}
.CmVNType a:hover{text-decoration:underline; background:var(--cm-main); color:white;}
.CmVNType a:hover .RnKwHp{color:white;}
.CmVNType a:hover .RnKwHp b{color:white;}
.CmVNModel{border-top:1px solid var(--cm-main); background:var(--cm-aero-bg-color);}

/* Come from remote server in JSON result (can be overwritten by RegNum addon template styles)*/
.RnManuf{}
.RnModel{font-weight:bold; font-family:Tahoma;}
.RnVDS{color:#5d5d5d; font-size:11px; margin-right:18px;}
.RnModInfo{color:#7d7d7d; font-size:11px; font-family:Trebuchet MS;}
.RnBotArr{color:#ffffff!important;}
.RnType{font-weight:bold;}
.RnEngine{}
.RnEngType{color:#878787;}
.RnYears{font-family:Arial; font-style:Italic;}
.RnDrive{font-family:Arial; color:#878787;}
.RnKwHp{color:#a1a1a1; font-family:Helvetica;}
.RnKwHp b{color:#6d6d6d;}
.RnWasSelected a{background:#faf8f2;}
.CmVNLit{padding:8px 5px 8px 5px; font-weight:bold; border:1px solid #3f9900; }
.CmVNLit:hover{color:#ff0000; cursor:pointer; background:#e8e8e8;}
.VinNumLitActive{background:#ffdb00; color:#dd0000;}
.VinNumHidden{display:none;}
.CmVNSelector{color:var(--cm-main);}


/* LOADING */
.CmVNLoading{top:20px; left:45%; display:none; position:absolute;}
.CmLoadVNBl{background-color:var(--cm-main);}
.CmVNLoading div{position:absolute; width:11px; height:11px; border-radius:50%; animation-timing-function: cubic-bezier(0, 1, 1, 0);}
.CmVNLoading div:nth-child(1){left:6px; animation: CmMSelectLoading1 0.6s infinite;}
.CmVNLoading div:nth-child(2){left:6px; animation: CmMSelectLoading2 0.6s infinite;}
.CmVNLoading div:nth-child(3){left:26px; animation: CmMSelectLoading2 0.6s infinite;}
.CmVNLoading div:nth-child(4){left:45px; animation:CmMSelectLoading3 0.6s infinite;}
@keyframes CmMSelectLoading1{
	0%{transform:scale(0);}
	100%{transform:scale(1);}
}
@keyframes CmMSelectLoading3 {
	0%{transform:scale(1);}
	100%{transform:scale(0);}
}
@keyframes CmMSelectLoading2 {
	0%{transform:translate(0,0);}
	100%{transform:translate(19px,0);}
}

@media (max-width:768px) { 
	/* .CmVNIcCon{ display: none; }  */
	/* .CmVNBntAF{ display: flex; }  */
	.CmVNBnt{padding: 0px;} 
	.CmVNBnt span{display: none;} 

}

/* Adaptivity */
@media screen and (max-width: 710px){
	.CmVinNumPositionLeft{margin:0px 10px 10px 0px!important;}
	.CmVinNumPositionRight{margin:0px 10px 10px 0px!important;}
	.CmVinNumPositionCenter{margin:0px 10px 10px 0px!important;}
}