.CmVinNumWrap{border-radius:4px; width:245px; padding:0px 0px 0px 0px; margin:2px 8px; border:1px solid #637a59; position:relative; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
input.CmVinNumField{width:100%; margin:0px; padding:0px; width:100%; min-height:unset!important; box-shadow:inset 1px 0px 4px 0px #c0c0c0; border-radius:4px; line-height:32px !important; height:32px !important; color:#000000; font-size:14px; text-align:center; font-weight:bold;  border:0px; text-transform:uppercase; background:#fff0eb;}
input.CmVinNumField::placeholder {color:#c1c1c1; font-weight:normal; font-style:Italic; text-align:center!important; text-transform:capitalize!important;}
input.CmVinNumField:focus{outline:none; }
input.CmVinNumField:disabled{color:#e7f5ff; background:#e7f5ff!important;}

.CmVinNumClear{position:absolute;  z-index:98; white-space:nowrap;}
#CmVinNumFail{display:none; color:#550000; text-align:center; border:1px solid #6e6e6e; line-height:32px; box-shadow:1px 1px 2px rgba(0,0,0,0.2); background:linear-gradient(to bottom,#f9ecec,#e9b2b2); }
.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;  }
div.CmVinNumGo{line-height:8px !important; cursor:pointer; position:absolute; top:0px !important; right:0px !important; fill:#000000; transition:all 0.2s ease; padding:7px !important; transform:translateX(10px); opacity: 0;}
.CmVinNumWrap:hover div.CmVinNumGo{transform:translateX(0px); opacity: 0.7;}

/* Types Selector */
#CmVinNumTypes{display:none; color:#333333; background:#ffffff;  }
#CmVinNumTypes table{font-size:12px!important; border-width:1px; border-style:solid; box-shadow:2px 2px 24px rgba(0,0,0,0.6);}
#VinNumClose{color:#ff0000; font-size:17px; text-shadow:0 2px 0 #ffffff; background:#ffe4e4; padding:4px 7px 4px 7px;}
#VinNumClose::after{content:'✖';}
#VinNumClose:hover{cursor:pointer; color:#000000;}
.VinNumCloseM{float:right; width:14px; height:14px; margin:-5px; background:none!important; padding:0px!important; }
.VinNumCloseM:hover{color:#ff0000!important;}
.VinNumTab{border-collapse:collapse;}
.VinNumTab td{white-space:nowrap;}
.VinNumModel td{color:#000000; padding:9px 12px 9px 12px;}
.VinNumType{padding:0px!important;}
.VinNumType a{display:block; padding:7px 10px 7px 22px; background:#ffffff;}
.VinNumType a:hover{text-decoration:underline; background:#f4f4f4;}

/* 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:#a6a6a6; 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:#b2b2b2; font-family:Helvetica;}
.RnKwHp b{color:#6d6d6d;}
.RnWasSelected a{background:#faf8f2;}
.VinNumLit{padding:8px 5px 8px 5px; font-weight:bold; border:1px solid #3f9900; }
.VinNumLit:hover{color:#ff0000; cursor:pointer; background:#e8e8e8;}
.VinNumLitActive{background:#ffdb00; color:#dd0000;}
.VinNumHidden{display:none;}

/* LOADING */
.CmVinnumLoading{top:10px; left:35%; display:none; position:absolute;}
.CmLoadVinBl{background-color:#237200;}
.CmVinnumLoading div{position:absolute; width:11px; height:11px; border-radius:50%; animation-timing-function: cubic-bezier(0, 1, 1, 0);}
.CmVinnumLoading div:nth-child(1){left:6px; animation: CmMSelectLoading1 0.6s infinite;}
.CmVinnumLoading div:nth-child(2){left:6px; animation: CmMSelectLoading2 0.6s infinite;}
.CmVinnumLoading div:nth-child(3){left:26px; animation: CmMSelectLoading2 0.6s infinite;}
.CmVinnumLoading 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);}
}


/* 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;}
}