#CmMSelectAdd{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;}
.CmMSelectBlock{position:relative; margin-bottom:3px; width:41%;}
.CmMSelectTable{display:flex; justify-content:center;}
.CmMSelectTableSeTD{display:flex; flex-direction:column; width:100%;}
.CmMselBoxWrap{display:flex; flex-direction:column; flex-wrap:wrap; position:relative; width:100%;}
.CmMSelectBox{flex-grow:1;}
.CmResetSettings{fill:var(--cm-main); cursor:pointer; width:20px; transition:all 0.3s;}
.CmSelModelTxt{display:flex; justify-content:center; align-items:center; margin:8px 0px 0px 2px; align-self:flex-start;}
.CmSelModelTxt span{white-space:nowrap;}
.CmSelModPic{margin-right:5px;}
.CmSelModelTxt span{font-size:13px;}
.CmSelModSvg{width:11px; height:11px;}
.CmSelectedModTxt{cursor:pointer; display:flex; justify-content:space-between; align-items:flex-start; margin:5px 10px 0px 2px;}
a.CmSelModelLink{display:flex; flex-direction:column; margin:0px 10px 0px 4px; color:#505050; max-width:360px;}
a.CmSelModelLink:hover{text-decoration:underline !important;}
#CmSelModNTxt{font-size:12px; line-height:16px; white-space:normal;}
.CmSelModelLink span{font-size:9px;}

/* Vehicle Image block */
.CmMSelectedVehicle{ position:relative; padding:0px; width:180px; height:80px; text-align:center; background-position:0 0; background-repeat:no-repeat;}
.CmMSelectedVehicle .CmMSelectLoading{left:65px; top:45px;}
.CmMSelectNocar{ position:relative; padding:0px; width:170px; height:90px; text-align:center; background-image:url(media/nocar.png); background-position:0 0; background-size:100% 1600%; background-repeat:no-repeat; }
.CmMSelectNocar .CmMSelectLoading{left:65px; top:45px;}

.CmSelModelImg{display:none; flex-direction:column; align-items:center; position:relative;}
.CmSelModelImg a{display:flex;}
.CmAddGarBl{cursor:pointer; display:flex; justify-content:center; align-items:center; position:absolute; top:-12px;}
.CmAddGarSvg{width:12px; height:12px; margin-right:5px;}



/* Main buttons */
.CmMSelectBut{height:13px; padding:14px 15px; border:solid 1px var(--cm-main); font-size:16px; background:white; cursor:pointer; text-align:left; display:flex; justify-content:space-between; align-items:center; transition:border 0.2s ease; box-shadow:inset 3px 3px 14px -8px #c0c0c0;}
.CmSelTypeNameBl, .CmSelModNameBl, .CmSelManufNameBl{margin-right:10px; margin-left:35px; overflow:hidden; text-overflow:ellipsis;}
.CmMSelectBut:hover{cursor:pointer; border:1.5px solid var(--cm-main);}
.CmMSelectBut span{color:#6c6c6c;}
.CmMSelectBox{margin-bottom:10px;}
.CmMSelectActive{border: 1.5px solid var(--cm-main);}
.CmActButText{font-weight:bold; opacity:0.7; color:rgb(0, 0, 0)!important;}

/* Disabled buttons */
.CmMSelectDisabled{border:1px solid #a0a0a0;}
.CmMSelectDisabled .CmDropNum{background:#F1F4F6; color:#000!important;}
.CmDropSvgIc{transform:rotate(0deg);}
.CmMSelectDisabled .CmDropSvgIc{transform:rotate(90deg);}
.CmMSelectDisabled:hover{cursor:default!important;}

/* Drop down options menu */
.CmMSelectDown{left:0px!important; width:100%; color:#929292; position:absolute; margin-top:0px; background:#ffffff; padding:0; text-align:center; display:none; z-index:777; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:4px 6px 20px rgba(0,0,0,0.4); -webkit-box-shadow:4px 6px 20px rgba(0,0,0,0.4); box-shadow:4px 6px 20px rgba(0,0,0,0.4); }
.CmMSelectDown table div{color:#929292; padding:4px 9px; white-space:nowrap;}
.CmMSelectDown table div b{color:#4e4e4e; font-family:Verdana;}
.CmMSelectDown table div:hover{color:#ffffff!important; cursor:pointer;}
.CmMSelectDown table div:hover b{color:#ffffff!important; cursor:pointer;}
div.CmMSelectDownRight{right:unset !important;}

/* Years */
.CmMSelectYear{width:50px; float:left; font-weight:bold; padding:6px 0px; color:#929292;}
.CmMSelectYear:hover{color:#ffffff!important; cursor:pointer;}
/*.CmMSelectYearCut{clear:both; border-bottom-width:1px; border-bottom-style:solid;}*/
.CmYearGroupInner{display:grid; grid-template-columns:repeat(5, 1fr); border-bottom-width:1px; border-bottom-style:solid;}


/* Manufacturer Groups */
.CmMSelectGroups{display:flex; flex-direction:column; background-color:transparent; cursor:default; font-family:var(--cm-text-family); padding:10px 10px 0 10px;}
.CmMSelectMfTab{overflow:auto; max-height:400px; width:63%; float:left; scrollbar-color:var(--cm-main) #f5f5f5;}
.CmManufInner{display:grid; grid-template-columns:repeat(1, 1fr);}
.CmMSelectYearInner{display:grid; grid-template-columns:repeat(6, 1fr);}
.CmMSelectGrTab{padding:8px 12px; background-color:#fff; color:#3c3c3c; text-align:center; cursor:pointer; font-size:15px; position:relative; display:flex; justify-content:center; align-items:center;}
.CmMSelectGrTab:hover{cursor:pointer; color:#3c3c3c!important;}
.CmMSelectGrTab .CmTransSvg{position:absolute; left:12px; width:10px; height:20px; opacity:0; transition:opacity 0.2s ease;}
.CmMSelectGrActive{color:#3c3c3c!important; background:linear-gradient(to bottom, #fff, #e2e2e2);}
.CmMSelectGrActive .CmTransSvg{opacity:1;}
.CmMSelectManuf{white-space:nowrap; margin:0px 1px 1px 0px; padding:10px 0 10px 28px!important; text-align:left!important; color:#1a1a1a; font-size:16px; font-family:var(--cm-text-family);}
.CmMSelectManuf:hover{color:#ffffff!important; cursor:pointer; background:var(--cm-main);}
div.CmMSelectDownManuf{width:-webkit-fill-available!important;}
.CmMSelectDownManuf .CmFilterWrapBl{width:63%; float:left;}

/* Models/Types */
.CmModelSelWrap{display:none; flex-direction:column; max-width:100%; position:absolute; left:0; width:-webkit-fill-available !important; background:white; border-radius:5px; z-index:999; max-height:287px; overflow-y:auto; overflow-x:hidden; transform:translateY(0px);}
.CmSelModBlock{overflow:auto; max-height:400px; width:100%;}
.CmSelModBlock .CmMSelectInner{width:70%;}
.CmModelSelWrap .CmMSelectInner{overflow:auto; width:75%; scrollbar-color:var(--cm-main) #f5f5f5;}
.CmSelModBlock .CmFilterWrapBl{width:70%;}
.CmModelSelWrap .CmFilterWrapBl{width:75%;}
.CmMSelectList{font-size:14px; color:#737272; padding:10px 0 10px 28px; text-align:left!important; font-family:var(--cm-text-family);}
.CmMSelectList:hover{color:#ffffff!important; cursor:pointer; background:var(--cm-main);}
.CmMSelectList b{color:#4e4e4e;}
.CmMSelectList:hover b{color:#ffffff!important;}
/* .CmMSelectRowsTab td{border-left-width:1px; border-left-style:solid;}
.CmMSelectRowsTab tr td:first-child{border-left-width:0px!important;}*/
/*Filter Model by Leter*/
.CmSrchFilt{width:calc(100% - 60px); padding:15px 30px 5px; margin:5px 0px; border:none; font-size:16px; font-family:var(--cm-text-family); color:var(--cm-main);}
.CmSrchFilt:focus {outline:none; border:none; border-bottom:1px solid var(--cm-main);}
.CmSrchFilt::-webkit-input-placeholder{text-transform:none; color:#c6c6c6; font-weight: normal;}
.CmSrchFilt::-moz-placeholder{text-transform: none;color: #c6c6c6;font-weight: normal;}
.CmSrchFilt:-moz-placeholder{text-transform: none;color: #c6c6c6;font-weight: normal;}
.CmSrchFilt::-ms-input-placeholder{text-transform: none;color: #c6c6c6;font-weight: normal;}
.CmSelTypeKwHp{font-size:12px;}
.CmFilterWrapBl{position:relative;}
.CmSelClearBut{display:none; width:18px; height:15px; position:absolute; top:15px; right:0px; padding:5px; border-radius:0px 3px 3px 0px; transition:all 0.3s; cursor:pointer;}
.CmSelClearBut:hover{fill:var(--cm-main);}

/*Engine Select*/
.CmEngineSelWrap{overflow:auto; max-height:400px; scrollbar-color:var(--cm-main) #f5f5f5;}


/* Left block position */
.CmMSelectDownLeft{left:0px!important; width:-webkit-fill-available!important;}
.CmMSelectPositionLeft{float:left!important;
	margin:0px 10px 0px -20px;
}

/*NEW*/
.CmCarSlTitle {display:flex; justify-content:space-between; align-items:center; font-size:var(--cm-text-size); font-family:var(--cm-text-family); padding-left:4px; margin-bottom:15px; max-width:480px;}
.CmCarSlSpan{max-width:425px; color:#4b4b4b;}
#CmRefAr{width:40px; margin:0px 13px 0 0; /* opacity:0; visibility:hidden;  */transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out; position:absolute; right:5px;}
#CmRefAr:hover{transform:rotate(-360deg);}
.CmDropNum{position:absolute; width:25px; height:25px; background:var(--cm-main); color:white!important; font-size:14px; display:flex; align-items:center; justify-content:center; border-radius:50%; transition:background 0.2s ease, color 0.2s ease;}
.CmBrSvgCont{display:flex; align-items:center;}
.CmDropSvgIc{width:15px; height:15px; stroke:#333; transition:transform 0.2s ease; transform:scale(1.3) rotate(90deg); transform-origin:center;}
.CmPass{color: var(--bgcopass); border: 1px solid #a0a0a0; border-bottom: none; border-radius: 4px 4px 0 0; position: relative; }
.CmComm{color: var(--bgcopass); border: 1px solid #a0a0a0; border-bottom: none; position: relative; }
.CmMoto{color: var(--bgcopass); border: 1px solid #a0a0a0; border-radius: 0 0 4px 4px; position: relative; }


/* Right block position */
/*.CmMSelectDownRight{right:0px!important;}*/
/*.CmMSelectPositionRight{float:right!important; */
/*	margin:0px 0px 10px 0px;*/
/*}*/

.CmRangeYear{position:absolute; top:18px; right:18px; height:24px; padding:0px 0px 0px 8px!important; border-style:solid; border-width:1px; border-radius:3px; text-transform:uppercase;}

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

/*GARAGE*/
.CmBoxBraGar{display:flex; flex-direction:row;}
.CmSelModNameGarButWrap{display:none; justify-content:space-between; align-items:center; width:100%;}
.CmModGarageWrap{width:100%;}
.CmMobGarlock{width:44%; margin-left:7px;}
.CmGarageBlock, .CmMobGarlock{position:relative;}
.CmSelMyGarOpen, .CmSelGarOpen{cursor:pointer; background:white;}
.CmGarageBlock{margin-right:3px;}
.CmSelMyGarOpen, .CmSelAddGarage{display:block; text-align:center; align-items:center; justify-content:center; height:41px; width:100%; border-width:1px; border-style:solid;}
.CmGarageBlock .CmSelMyGarOpen:hover>span, .CmMobGarlock .CmSelMyGarOpen:hover>span{color:#ffffff !important;}
.CmGarageBlock .CmSelMyGarOpen:hover>svg, .CmMobGarlock .CmSelMyGarOpen:hover>svg{fill:#ffffff !important;}
.CmSelAddGarBlock{justify-content:space-between; align-self:center; font-size:14px; font-weight:bold; background:white;}
.CmSelAddGarage{background:var(--cm-aero-bg-color); border-right:none; cursor:pointer; white-space:nowrap; display:flex;}
.CmSelAddGarage:hover{background:var(--cm-main); color:white!important; border-color:var(--cm-main);}
/* .CmSelAddGarage:active{background-color:#51b50f; color:#ffffff;} */
.CmSelGarSvgBlock{border-radius:0px 3px 3px 0px; display:flex; border-width:1px; border-style:solid; border-left:none;}
.CmSelGarSvgBlock:hover{background-color:var(--cm-dark-bg-color)!important;}
.CmSelGarSvgBlock:hover svg{fill:white!important;}
.CmSelGarEmpty{background-color:#adadad !important; border-radius:0px 3px 3px 0px; display:flex; border-width:1px; border-style:solid; border-left:none;}
.CmSelMyGarOpen, .CmSelAddGarBlock, .CmMobGarlock{display:none;}
div#CmModSelector svg.CmSelGarageFull, div#CmModSelector svg.CmGarageSvg{width:20px; height:20px; fill:#ffffff; margin:auto; padding:3px; display:none;}
.CmGarEmptySvg{width:26px; height:26px; fill:#505050; padding:10px; margin-right:5px;}
span.CmSelEmptyTxt{color:#505050; margin-right:0px;}
.CmGarageFull{width:20px; height:20px; fill:#ffffff; margin:10px 0 0;}
.CmMyGarage{margin-right:10px; white-space:nowrap; font-size:14px; font-weight:bold; position:relative; top:-4px;}
.CmGarDropDown{z-index:999999; display:none; min-width:250px; max-width:500px; position:absolute; top:42px; right:-3px; background-color:#ffffff; flex-direction:column; align-items:flex-start; border-style:solid; border-width:1px; border-radius:3px; box-shadow:2px 2px 8px rgba(0,0,0,0.4);}
div.CmGarDropDown a.CmSelModelLink{text-decoration:none !important;}
.CmSelGarTitle, .CmSelFavVehTitle{display:flex; align-items:center; justify-content:space-between; position:relative; padding:6px 6px 6px 12px;}
.CmSelTitleTxt{color:#ffffff; font-size:14px;}
svg.CmSelSvgImBlock{display:none !important;}
span.CmSelFavBut{display:none; margin-right:5px !important; margin-top:5px; align-self:flex-start; }
.CmSelFavItemWrap{width:100%; border-bottom-style:solid; border-bottom-width:2px;}
.CmSelFavSvg{width:16px; height:16px; fill:#808080;}
.CmSelFavorVehicle{display:none;}
.CmModInGarItem{overflow:auto;}
.CmSelGarItemWrap{display:flex; justify-content:flex-start; align-items:center; border-bottom:1px solid #cdcdcd; padding-left:8px;}
.CmSelGarItemWrap:last-child{border-bottom:none;}
.CmModInGarItem{display:flex; overflow:auto; max-height:250px; flex-direction:column; align-items:flex-start; white-space:nowrap;}
.CmModInGarItem span{margin-right:10px;}
#CmDelSelMod{width:18px; height:18px; fill:#000000; margin-left:5px; flex-shrink:0; cursor:pointer;}
.CmSelImgNameBl{display:flex; justify-content:space-between; align-items:center; padding:5px 8px 5px 5px; width:100%;}
.CmSeModImg{width:120px; margin-right:5px; display:flex;}
.CmSeModImg img{margin:auto; width:100%;}
.CmSelCloseGar{width:20px; height:20px; fill:#ffffff; position:absolute; top:4px; right:7px; cursor:pointer;}
#CmSelAddInfo{color:#909090;}
.CmSelGarEmpMess{display:flex; align-items:center; justify-content:center; line-height:40px;}
.CmRYearBox{position:absolute; right:10px; top:10px;}
.CmRYear{display:flex; align-items:center; justify-content:center; padding:8px 17px; border:1px solid var(--cm-main); cursor:pointer; transition:border-color 0.2s ease-in-out; font-weight:bold; font-size:14px;}
.CmSelRYearBox{display:none; max-height:210px; overflow:auto; box-shadow:grey 3px 3px 6px; border:1px solid var(--cm-main); border-radius:3px; padding:10px 0; background:linear-gradient(to bottom,#fff,#f5f5f5); scrollbar-color:var(--cm-main) #f5f5f5;}
.CmRYearArrow{}
.CmSelRYear{padding:6px 15px; cursor:pointer; border-bottom:1px solid white; font-size:14px;}
.CmSelRYear:hover{border-bottom:1px solid #e3e3e3; background:var(--cm-main); color:white;}
.CmHideYears{display:none;}
.CmHideStr{display:none;}




/* Adaptivity */
@media screen and (max-width:1200px){
 	.CmMSelectBlock{width:auto; margin-bottom:20px;}
}
@media screen and (max-width:960px){
	.CmMSelectPositionRight{border-radius:0px;}
	.CmMSelectPositionLeft{border-radius:0px; }
 	.CmFloatLeft{margin-bottom:10px;}
 	.CmMSelectBlock{margin:0 0 20px 0;}
}
@media screen and (max-width:840px){
}
@media screen and (max-width:760px){
	/* .CmHeadTitleWrapBlock{flex-direction:column;} */
	.CmTitleBradWrap{align-self:flex-start;}
}
@media screen and (max-width:640px){
	#CmMSelectAdd{padding:0px 20px;}
	.CmMSelectDownRight{left:0px!important; }
	.CmMSelectTable{width:100%; flex-direction:column;}
	.CmMSelectPositionRight{ align-self:center; width:100%}
	.CmMSelectTableSeTD{align-self:unset; margin-top:10px; order:2; width:100%;}
	a.CmSelModelLink{white-space:normal; max-width:unset;}
	.CmGarageBlock{position:unset;}
	.CmGarDropDown{right:unset; top:unset; left:0;}
	.CmMobGarlock{display:block; margin-left:3px;}
	.CmGarageBlock{display:none;}
	.CmSelModelImg{flex-direction:row; justify-content:space-between; width:100%;}
	.CmSelGarItemWrap{flex-direction:column; padding-top:8px;}
	.CmSelImgNameBl{width:95%;}
	.CmSelModNameGarButWrap{align-self:flex-start;}
}
@media screen and (max-width:520px){
    .CmMselBoxWrap{width:100%;}
    div.CmTopBox{justify-content:center !important;}
}
@media screen and (max-width:480px){
	.CmMSelectGrTab .CmTransSvg{left:8px;}
	.CmModelSelWrap .CmMSelectInner{width:73%;}
	.CmModelSelWrap .CmFilterWrapBl{width:73%;}
}
@media screen and (max-width:420px){
	.CmSelModelImg{flex-direction:column;}
	.CmMSelectBox{width:100%; margin: 0px 3px 6px 3px;}
	.CmMSelectBut{line-height:45px;}
	.CmMSelectTableSeTD{margin-top:12px;}
	.CmSelMyGarOpen, .CmSelAddGarage{padding: 9px 10px;}
	.CmMyGarage{font-size: 14px;}
    .CmMSelectManuf{width:auto;}
    .CmMSelectDown{margin:0px!important;}
    .CmMSelectLoading{top:7px;}
    .CmMSelectMfTab{display:flex; flex-direction:column;}
    .CmYearGroupInner{grid-template-columns:repeat(4,1fr);}
    .CmMSelectGrTab{font-size:12px; padding:8px;}
    .CmMSelectList{padding:9px;}
    .CmMSelectYear{padding:8px; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
    .CmMSelectActive{margin-bottom:0px !important;}
    .CmSelectedModTxt{flex-direction:column; align-items:center; margin:0px 10px 8px 2px;}
    .CmGarageBlock, .CmMobGarlock{position:unset;}
    .CmMSelectVehicle{width:130px;}
	.CmMSelectGrTab .CmTransSvg{left:8px;}
	.CmModelSelWrap .CmMSelectInner{width:69%;}
	.CmModelSelWrap .CmFilterWrapBl{width:69%;}
}