/*
Последнее обновление:01.06.2017
Автор: Alex_Top
*/
/* предполагается что скрипт ява вкл в браузере */
 .inputfile {position:absolute; width:0.1px; height:0.1px; opacity:0; overflow:hidden; z-index:-1;}
/*
проверка - включен ли в браузере javascript
<script>(function(e,t,n){var r=e.querySelectorAll("html")[0];r.className=r.className.replace(/(^|\s)no-js(\s|$)/,"$1js$2")})(document,window,0);</script>

 .js .inputfile {position:absolute; width:0.1px; height:0.1px; opacity:0; overflow:hidden; z-index:-1;}
.no-js .inputfile + label {display:none;}
*/ 
/* перенести ко всем импутам ? */
.inputfile + label {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:10px 10px; /* max-width:80%; */  font-size:14px; font-weight:300;  cursor:pointer;}   
.inputfile:focus + label, .inputfile.has-focus + label {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}

/* style */
.inputfile + label {color:#333; background-color:#e7e8e8; border-style:solid; border-width:1px; border-color:#FFF #E0E0E0 #b1b6b6;
box-shadow:0 1px 1px rgba(0,0,0,.5);}
.inputfile:focus + label, .inputfile.has-focus + label, .inputfile + label:hover {background-color:#333; color:#FFF; box-shadow:none;}
.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

/* checkbox */
input[type="checkbox"]:disabled + label:before {background:transparent; border:0;}
input[type="checkbox"]:disabled + label:before, input[type="checkbox"]:disabled + label:after {cursor:default;}
input[type="checkbox"], input[type="radio"] {display:none;}
input[type="checkbox"] + label, input[type="radio"] + label {/* float:left; */ display:inline-block; position: relative; min-height:16px;
	padding:2px 0 2px 25px; margin:0 10px 0 0; text-align:left; line-height:100%;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
input[type="checkbox"] + label:before, input[type="radio"] + label:before {border:1px solid #8b9698; background:#FFF;}
input[type="checkbox"] + label:before, input[type="radio"] + label:before,
input[type="checkbox"] + label:after, input[type="radio"] + label:after {display:inline-block; position:absolute; content:''; top:0;  left:0;
    width:14px; height:14px; cursor:pointer;}
input[type="checkbox"] + label:after, input[type="radio"] + label:after {width:10px; height:10px; top:3px; left:3px; transition: all .2s;}
input[type="radio"] + label:before, input[type="radio"] + label:after {border-radius:50%;}
input[type="checkbox"]:checked + label:after, input[type="radio"]:checked + label:after {background:#009f9f;}

/* style-2 40464B*/
/* input[type="checkbox"]:checked + label:after {margin-left:16px; background:#FFF;}
input[type="checkbox"] + label:before {width:32px; border-radius:10px; background:#CDD1DA; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;}
input[type="checkbox"] + label {padding-left:45px;}
input[type="checkbox"] + label:after {border-radius:10px; background:#FFF;}
input[type="checkbox"]:checked + label:before {background:#348585;}  */

/* --- EASYDROPDOWN DEFAULT THEME --- */
/*  btn+текст+dropdown */
.btn + .dropdown {float:right;}
 
/* OLD SELECT (HIDDEN) */
.dropdown .old {height:0; width:0;}
.dropdown .old, .dropdown select, .dropdown ul {left:0; top:0;}
.dropdown.touch .old, .dropdown.touch select, .dropdown ul {width:100%; height:100%;}
.dropdown.touch select {opacity:0;}

.dropdown .old, .dropdown .selected, .dropdown div, .dropdown ul {overflow:hidden;}
.dropdown .carat, .dropdown .carat:after, .dropdown .old, .dropdown select, .dropdown div, .dropdown.scrollable div:after,  /* .dropdown ul,  */
.dropdown .selected:before, .dropdown .selected:after {position:absolute;}
.dropdown, .dropdown li.focus {position:relative;}

/* PREFIXED CSS */
.dropdown {
	transition:all.5s ease 0s;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;}

.dropdown .selected:after, .dropdown.scrollable div:after {
	-webkit-pointer-events:none;
	-moz-pointer-events:none;
	-ms-pointer-events:none;
	pointer-events:none;}

/* WRAPPER */
.dropdown {display:inline-block; min-width:80px; /* border:1px solid #9ca8ab;  border-radius:3px;*/ cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;}

.sel_100 {width:100px;}
.sel_200 {width:200px;}

.dropdown, .dropdown.disabled:hover, .dropdown.disabled:focus {background:#FFF; border:1px solid #9ca8ab;}
.dropdown.disabled:hover, .dropdown.disabled:focus {cursor:default;}
.dropdown.open {z-index:2;}
/*.dropdown:hover {box-shadow:0 0 5px rgba(0,0,0,.15);}
 .dropdown.focus {box-shadow:0 0 5px rgba(143, 148, 151,.8);} */
.dropdown:hover, .dropdown.focus {background:#FFF; border:1px solid #646e7d;}
.dropdown:hover .selected, .dropdown.focus .selected {color:#C32F2F;}

/* arrow */
.dropdown .carat, .dropdown .carat:after {content: ''; top:50%; margin-top:-1px; right:6px; border:5px solid transparent; border-top:4px solid #f5f5f5;}
.dropdown.open .carat {margin-top:-8px; border:5px solid transparent; border-bottom-color:#f5f5f5; }

.dropdown.open .carat:after {margin-top:-3px; right:-5px; border:5px solid transparent; border-bottom-color:#687b80;}
.dropdown .carat:after {margin-top:-6px; right:-5px; border-top-color:#687b80;}
.dropdown:hover .carat:after {border-top-color:#596e73;}
.dropdown.disabled .carat:after, .dropdown.disabled:hover .carat:after, .dropdown.disabled.focus .carat:after {border-top-color:#c7cdce;}
.dropdown.open:hover .carat:after {border-top-color:transparent;}

.dropdown .selected {text-overflow:ellipsis;}
.dropdown .selected, .dropdown li {display:block; padding:5px 27px 5px 5px; font-family: Tahoma,sans-serif; font-size:12px; line-height:100%; color:#455559; white-space:nowrap;}
.dropdown.disabled .selected {color:#b8b8b8;}
/* left paint */
.dropdown .selected:before, .dropdown .selected:after {content:'';  right:0; top:0; bottom:0; width:22px; /* border-radius:0 2px 2px 0; */ background:#687b80;
/* border-left:1px solid #CCC; */}
/* .dropdown .selected:before {width:19px; border-left:1px solid #FFF;} */
.dropdown:hover .selected:after, .dropdown.focus .selected:after {background:#596e73;}
.dropdown.disabled .selected:after, .dropdown.disabled:hover .selected:after, .dropdown.disabled.focus .selected:after {background:#c7cdce;}

.dropdown div {top:100%; left:-1px; height:0; margin-top:-1px; min-width:80px; opacity:0;
border:1px solid #646e7d; border-top:1px solid #c8c8c8; /* border-radius:0 0 3px 3px; */ background:#fff; /* right:-1px; по ширине контейнера */ }

/* Height is adjusted by JS on open */
.dropdown.open div {opacity:1; z-index:2;}

/* FADE OVERLAY FOR SCROLLING LISTS */
/* .dropdown.scrollable div:after {content:''; left:0; right:0; bottom:0; height:50px; box-shadow:inset 0 -50px 30px -35px #fff;}
.dropdown.scrollable.bottom div:after {opacity:0;} */

.dropdown ul, .dropdown li {list-style:none;}
.dropdown ul {background:#FFF;}
.dropdown.scrollable.open ul {overflow-y:auto;}
.dropdown li {/* padding:8px 12px; */ margin:0;}
.dropdown li:before {background:none;}

/* .focus class is also added on hover */
.dropdown li.focus {z-index:3; background:#818f93; color:#fff;}
.dropdown li.active {/* font-weight:700; */ color:#000; background:#DADADA;}