input{line-height:0;display:inline-block;}
select{line-height:0;display:inline-block;cursor:pointer;}

.input-text{display:inline-block;border:1px solid #C0C0C0;margin:0px;margin-left:5px;margin-right:5px;padding:6px;background-color:#FFFFFF;border-radius:3px;}
.input-text > input[type=text]{border:0px;width:2.1in;outline:none;background-color:#FFFFFF;}
.input-text > input[type=text]:focus{}
.input-text:has(input[type=text]:focus){border-color:#CC0000;}
input[type=text].short{width:1in;}
input[type=text].numeric{text-align:right;}


.input-text > input[type=password]{border:0px;width:2.1in;outline:none;background-color:#FFFFFF;}
.input-text > input[type=password]:focus{}
.input-text:has(input[type=password]:focus){border-color:#CC0000;}
input[type=password].short{width:1in;}
input[type=password].numeric{text-align:right;}


.input-phomail{display:inline-block;border:1px solid #C0C0C0;margin:0px;margin-left:5px;margin-right:5px;padding:6px;background-color:#FFFFFF;border-radius:3px;}
.input-phomail > input[type=text]{border:0px;width:2.1in;outline:none;background-color:#FFFFFF;}
.input-phomail:has(input[type=text]:focus){border-color:#CC0000;}
.input-phomail.mobile > .country-code input{position:relative;z-index:20;border:0px;width:0.4in;outline:none;background-color:transparent;color:#000000;text-align:center;margin-right:0.5em;}
.input-phomail.mobile > .country-code {color:#000000;opacity:1;}
.input-phomail.mobile > .country-code.country-us:before {content:" ";background-image:url('/img/static/flags/us.jpg');opacity:0.4;position:absolute;background-size:cover;height:25px;width:49px;z-index:5;}
.input-phomail.mobile > input.number{border:0px;width:1.52in;outline:none;background-color:#FFFFFF;}
.input-phomail.readonly{background-image:('/img/static/transparent.png');}

.input-select{display:inline-block;border:1px solid #C0C0C0;margin:0px;margin-left:5px;margin-right:5px;padding:6px;background-color:#EBEBEB;border-radius:3px;}
.input-select > select{border:0px;width:2.in;outline:none;background-color:#EBEBEB;cursor:pointer;}
.input-select > select > option{background-color:#EBEBEB !important;cursor:pointer;}
.input-select > select:focus{}
.input-select:has(select:focus){border-color:#CC0000;}


.input-select > button{text-align:left;border:0px;width:1.97in;overflow:hidden;outline:none;background-color:#EBEBEB;cursor:pointer;white-space:nowrap !important;}
.input-select button.auto-width{width:calc(100% - 20px);min-width:1.97in;}
.input-select .input-select-options{display:none;}
a.option{display:block;white-space:nowrap;text-decoration:none;padding:5px;}
a.option:hover{background:#DADADA;}
button i.arrow{margin-top:5px;vertical-align:middle;margin-left:5px;float:right;}
.input-select i.arrow{margin-top:5px;vertical-align:middle;margin-left:5px;float:right;}
.input-select:has(button:focus){border-color:#CC0000;}


.input-checkbox{display:inline-block;width:29px;height:29px;border:1px solid #C0C0C0;margin:0px;margin-left:5px;margin-right:5px;padding:2px;border-radius:5px;}
.input-checkbox input[type=checkbox]{position:absolute;opacity:0;}
.input-checkbox input[type=checkbox] ~ .shadow {display:inline-block;position:relative;top:3px;left:3px;width:18px;height:18px;border-radius:3px;}
.input-checkbox input[type=checkbox] ~ .shadow:after {content:"";font-size:28px;position:absolute;color:#FF0000;top:-10px;left:-2px;text-align:left;}
.input-checkbox input[type=checkbox]:checked ~ .shadow:after {content:"✔";text-align:left;}


.input-radio{display:inline-block;width:29px;height:29px;border:1px solid #C0C0C0;margin:0px;margin-left:5px;margin-right:5px;padding:2px;border-radius:50%;}
.input-radio input[type=radio]{position:absolute;opacity:0;}
.input-radio input[type=radio] ~ .shadow {display:inline-block;position:relative;top:3px;left:3px;width:18px;height:18px;border-radius:50%;text-align:left;}
.input-radio input[type=radio]:checked ~ .shadow {background:#FF0000;}




.input-textarea{width:90%;display:inline-block;border:1px solid #C0C0C0;margin:0px;margin-left:5px;margin-right:5px;padding:3px;background-color:#FFFFFF;border-radius:3px;}
.input-textarea  textarea{border:0px;outline:none;background-color:#FFFFFF;width:100%;}
.input-textarea  textarea:focus{}
.input-textarea:has(textarea:focus){border-color:#CC0000;}

.input-date{display:inline-block;cursor:pointer;border:1px solid #C0C0C0;margin:0px;margin-left:5px;margin-right:5px;padding:3px;background-color:#EBEBEB;border-radius:3px;}
.input-date > input[type=text]{border:0px;width:2in;outline:none;background-color:#EBEBEB;cursor:pointer;}
.input-date.date > input[type=text]{width:1in;}
.input-date > input[type=text]:focus{}
.input-date:has(input[type=text]:focus){border-color:#CC0000;}
.input-date>img{vertical-align:middle;}

/* containers */
.ctrl-wrap{white-space:nowrap;margin:5px;margin-right:20px;display:inline-block;}
.ctrl-wrap label{font-weight:bold;cursor:pointer;white-space:wrap;}
.ctrl-wrap span:has(input:disabled)~label{color:#C0C0C0;}
dt.right{text-align:right;}
label{font-weight:bold; -webkit-tap-highlight-color:transparent;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;ms-user-select:none;user-select:none;}
.input-checkbox+input:disabled+label{color:#C0C0C0;}
.help{color:#8F8D8D;font-weight:normal;}
a.err-marker{font-size:0px;}
.frm-error{color:#FF0000;}
/* for <i></i> tag*/
span.rotate{display:inline-block;}
.arrow{border:solid black;border-width:0 2px 2px 0;display:inline-block;padding:3px;}
.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.left{transform:rotate(135deg);-webkit-transform: rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);}
.up{transform:rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);}
.down{transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}