/* input */
input, textarea, select {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
}

.custom-check,.custom-radio{ position: relative;  display: inline-block;  height: 20px;line-height: 20px;}
.custom-radio{height: 17px;line-height: 19px;  padding-rigt: 27px;}
.custom-radio.left{height: 17px;line-height: 19px;  padding-left: 27px;}
.custom-check input[type=checkbox],.custom-radio input[type=radio] {  visibility: visible;   -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); opacity: 0;display: block; width: 22px; height: 22px;position: absolute;top:0;right:0;cursor: pointer;}
input[type=radio]:focus+i,input[type=checkbox]:focus+i{border-color:#000;}
.custom-radio input[type=radio] {width: 19px; height: 19px;}
.custom-check i,.custom-radio i {position: absolute;top: 0;right: 0;cursor: pointer;border: 1px solid #c7c7c7;}
.lt-ie8 .custom-check i,.lt-ie8 .custom-radio i{border: none;}
.lt-ie8 .custom-check input[type=checkbox],.lt-ie8 .custom-radio input[type=radio] {-ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100);opacity: 1;}
.custom-check i{ width: 20px; height: 20px;}
.custom-radio i{ width: 17px; height: 17px;}
.custom-check i:after,.custom-radio i:after {
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: url('/_resource/global_images/ico/ico_check.png') no-repeat 50% 50%;
    background-size: 13px;
    top: 0;
    right: 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    display: none;
}
.custom-radio i:after {width: 17px; height: 17px;}
.custom-check.left input[type=checkbox],.custom-radio.left input[type=radio],
.custom-check.left i,.custom-radio.left i{right: inherit;left:0;}
.custom-radio i:after{width: 7px; height: 7px;top:5px;left:5px;background: #f27824;}
.custom-check input[type=checkbox]:checked + i:after,.custom-radio input[type=radio]:checked + i:after {
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    display: block;
}
.custom-check label span{color:#666;font-size: 14px;  font-weight: 300;letter-spacing: 0.2px;}
.custom-check label{padding-right: 30px;}

input.cform{width: 100%;height: 37px;  line-height: 37px; font-size: 14px; float: left;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding: 1px 5px}
textarea.cform{width: 100%;font-size: 14px;line-height: 22px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding: 4px 4px}
/* Select */
.select{ height:37px;position:relative; line-height:normal; display:inline-block; vertical-align:middle; background:#fff;}
.select.small{ height:21px;}
#footer .select.small{ height:21px;}
.select *{ margin:0; padding:0; cursor:pointer; font-size:13px;}
.select.small *{font-size:12px;}
.select .sValue{ position:relative;   display: block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; z-index:2; left:0; top:0; border:1px solid #d7d7d8; color:#666; line-height:35px;text-align:left; overflow:visible; background:transparent;}
.select.small .sValue{line-height: 23px;}
#footer .select .sValue{line-height: 20px;}
.select.open .sValue,
.select .sValue.outLine{ border:1px solid #d7d7d8;}
.select a.sValue{ height:100%; width:100%; padding-left:12px;}
.select.small a.sValue{ padding-left:9px;}
.select.open a.sValue{border-bottom:1px solid #ebebeb;}
#footer .select.open a.sValue{  border: 1px solid #d7d7d8;border-top:1px solid #ebebeb;}
.select .ctrl{ position: absolute; right: 10px; top: 50%; height: 0; width: 0; margin-top: -2px; border-color: #999 transparent transparent transparent; border-style: solid; border-width: 4px 4px 0 4px;}
.select.small .ctrl{right: 7px;}
#footer .select .ctrl{border-color: transparent transparent #f6a065 transparent;border-width: 0 3px 4px 3px;}
.select ul{ top:100%; left:0; width:100%;  max-height: 175px; overflow-y: auto; list-style:none; border:1px solid #d7d7d8;margin-top: -1px;/* padding: 5px 0;*/ background:#fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#footer .select ul{top:inherit; bottom: 100%;border:1px solid #d7d7d8;margin-bottom: -1px;}
.select ul.aList{ display:none;position: absolute; z-index: 1}
.select.open ul.aList{ display:block;}
.select ul.iList{ left:-2000%;}
.select.open ul.iList{ left:0;}
.select.open .ctrl{border-color: transparent transparent #f27824 transparent; border-width: 0 4px 4px 4px;}
#footer .select.open .ctrl{border-color: #f6a065 transparent transparent transparent ; border-width: 4px 3px 0 3px;}
.select li{ position:relative; overflow:hidden; white-space:nowrap; height:100%; }
.select li input.option{ position:absolute; width:100%; height:100%; line-height:25px;}
.select li label{ position:absolute; left:0; top:0; width:100%;; height:23px; line-height:23px; color:#767676; background:#fff;}
.select li a{   text-align: left;display:block; height:100%; line-height:30px;   margin: 0; background:#fff; text-decoration:none; padding-left: 12px;  -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;-ms-transition: all 150ms ease-in-out;transition: all 150ms ease-in-out;}
.select.small li a{line-height:25px;padding-left: 9px;}
.select li a span{color:#333;-webkit-transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-ms-transition: all 150ms ease-in-out;transition: all 150ms ease-in-out;}
.select li.hover a{background-color: #f27824;}
.select li.hover a span{color: #fff; }



/* --- EASYDROPDOWN DEFAULT THEME --- */

/* PREFIXED CSS */
.dropdown .old { position: absolute; left: 0;top: 0;height: 0;width: 0;overflow: hidden;}
.dropdown,.dropdown_s,
.dropdown div,.dropdown_s div,
.dropdown li,.dropdown_s li,
.dropdown div::after,.dropdown_s div::after{-webkit-transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-ms-transition: all 150ms ease-in-out;transition: all 150ms ease-in-out;}
.dropdown .selected::after,.dropdown_s .selected::after,
.dropdown.scrollable div::after,.dropdown_s.scrollable div::after{-webkit-pointer-events: none;-moz-pointer-events: none;-ms-pointer-events: none;pointer-events: none;}

/* WRAPPER */
.dropdown{position: relative;width: 182px;border: 1px solid #ccc;box-sizing: border-box;cursor: pointer;background: #fff;-webkit-user-select: none;-moz-user-select: none;user-select: none;float: left;height: 37px;line-height: 37px;}
.dropdown_s{position: relative;width: 165px;border: 1px solid #ccc;box-sizing: border-box;cursor: pointer;background: #fff;-webkit-user-select: none;-moz-user-select: none;user-select: none;float: left;height: 25px;line-height: 25px;  display: inline-block; vertical-align: top; float: none; margin-right:3px;}
.dropdown.open,.dropdown_s.open{z-index: 2;}
.dropdown:hover,.dropdown_s:hover{ box-shadow: 0 0 5px rgba(0,0,0,.15);}
.dropdown.focus,.dropdown_s.focus{box-shadow: 0 0 5px rgba(51,102,248,.4);}

/* CARAT */
.dropdown .carat,.dropdown_s .carat{position: absolute;right: 12px;top: 50%;height: 0;width: 0;margin-top: -2px;border-color: #888 transparent transparent transparent;border-style: solid;border-width: 5px 4px 0 4px;}
.dropdown_s .carat{position: absolute;right: 8px;top: 50%;height: 0;width: 0;margin-top: -2px;border-color: #f6a065 transparent transparent transparent;border-style: solid;border-width: 5px 4px 0 4px;}
.dropdown.open .carat,.dropdown_s.open .carat{border-color: transparent transparent #f6a065 transparent;border-width: 0 4px 5px 4px}
.dropdown.disabled .carat,.dropdown_s.disabled .carat{border-top-color: #999;}
/* OLD SELECT (HIDDEN) */
.dropdown .old,.dropdown_s .old{position: absolute;left: 0;top: 0;height: 0;width: 0; overflow: hidden;}
.dropdown.touch .old,.dropdown_s.touch .old{width: 100%;height: 100%;}
.dropdown.touch select,.dropdown_s.touch select{width: 100%;height: 100%;opacity: 0;}
/* SELECTED FEEDBACK ITEM */

.dropdown .selected, .dropdown li{font-size: 13px;display: block;color: #666;overflow: hidden;white-space: nowrap;padding-left: 10px;padding-right: 20px;text-align: left;}
.dropdown_s .selected, .dropdown_s li{font-size: 12px;display: block;color: #666;overflow: hidden;white-space: nowrap;padding-left: 9px;padding-right: 10px;text-align: left;}
.dropdown.disabled .selected,.dropdown_s.disabled .selected{color: #999;}
.dropdown .selected::after,.dropdown_s .selected::after{content: '';position: absolute;right: 0;top: 0;bottom: 0;width: 60px;border-radius: 0 2px 2px 0;box-shadow: inset -55px 0 25px -20px #fff;}
/* DROP DOWN WRAPPER */
.dropdown div,.dropdown_s div{
    position: absolute;
    height: 0;
    left: -1px;
    right: -1px;
    top: 100%;
    margin-top: -1px;
    background: #fff;
    border: 1px solid #ccc;
    border-top:none;
    overflow: hidden;
    opacity: 0;
    padding: 0 5px;
    z-index: -1;
}
.dropdown div:before,.dropdown_s div:before{content: ''; position: relative;display: block;top: 0.5px;left: 0; background-color: #eee;width: 100%;height: 1px;}
/* Height is adjusted by JS on open */
.dropdown.open div,.dropdown_s.open div{opacity: 1; z-index: 2;}
/* FADE OVERLAY FOR SCROLLING LISTS */
.dropdown.scrollable div::after,.dropdown_s.scrollable div::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 50px;box-shadow: inset 0 -50px 30px -35px #fff;}
.dropdown.scrollable.bottom div::after,.dropdown_s.scrollable.bottom div::after{opacity: 0;}
/* DROP DOWN LIST */
.dropdown ul,.dropdown_s ul{position: absolute;left: 0;top: 0;height: 100%;width: 100%;list-style: none;overflow: hidden;z-index: 3;}
.dropdown.scrollable.open ul,.dropdown_s.scrollable.open ul{overflow-y: auto;}

/* DROP DOWN LIST ITEMS */
.dropdown li{list-style: none;padding-top: 11px;padding-bottom: 11px;line-height: 100%;}
.dropdown li:first-child{padding-top: 13px;}
.dropdown_s li{list-style: none;line-height: 100%;padding-top: 8px;padding-bottom:8px; }
.dropdown_s li:first-child{padding-top: 10px;}
/* .focus class is also added on hover */
.dropdown li.focus,.dropdown_s li.focus{position: relative;z-index: 3;}
.dropdown li.focus,.dropdown_s li.focus{background:#f27824;color: #fff;}
.dropdown li.active,.dropdown_s li.active{font-weight: 700;}