/* Responsive utilities */
.width-full { width: 100%; }
/*============================ Form-select ===================================*/
.form-select { position: relative; font-family: inherit; font-size: 1rem; line-height: 35px; max-width: 100%; height: 37px; min-height: 35px; padding: 0 8px; border: 1px solid #e5e5e5; border-radius: 2px; background-color: #fff; transition: all .2s ease-in-out; display: inline-block; box-sizing: border-box; outline: none; cursor: pointer; color: #383838; }
.form-select::-ms-value { padding: 0 3px 0 3px; margin: 0; }
.form-select--inline { width: auto; display: inline-block; }

.form-select--wrap, .form-select-wrap { height: auto !important; padding: 0 !important; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; white-space: nowrap; table-layout: fixed; }
.form-select--wrap:before, .form-select-wrap:before { font-size: inherit; content: "\00A0"; width: 0px; display: inline-block; vertical-align: baseline; text-indent: -1em; overflow: hidden; }
.ie9 .form-select--wrap, .ie10 .form-select--wrap, .ie9 .form-select-wrap, .ie10 .form-select-wrap { display: inline-table; }
.ie9 .form-select--wrap:before, .ie10 .form-select--wrap:before, .ie9 .form-select-wrap:before, .ie10 .form-select-wrap:before { display: table-cell; }
.form-select-wrap > .form-select { height: 100%; display: table-cell; vertical-align: top; }
.form-select > .form-select { height: 100%; border: none; background: none; box-shadow: none; display: table-cell; vertical-align: top; }
.form-select-wrap > .select-block { height: auto; }

.form-select:before { line-height: 35px; }
.form-select[multiple] { height: auto; padding: 0; }
.form-select[multiple] option { padding-top: 5px; padding-bottom: 5px; }
.select-block .form-select { padding-right: 30px; }
.form-select-wrap:before { font-size: 1rem; line-height: 37px; }

.form-select:focus {}
.form-select.error { border-color: #d9534f; }
.form-select:disabled, .form-select.disabled { border-color: #d8d8d8; box-shadow: none; background: #eceeef; color: #55595c; cursor: not-allowed; }

.form-select--sm { font-size: 0.875rem; line-height: 1.85714rem; height: 1.98214rem; min-height: 1.85714rem; padding-left: 0.75rem; padding-right: 0.75rem; border-width: 0.0625rem; border-radius: 0.2rem; box-shadow: 0 0 5px 0 rgba(255, 255, 0, 0.5); }
.form-select--sm:before { line-height: 1.85714rem; }
.form-select--sm[multiple] option { padding-top: 0.27232rem; padding-bottom: 0.27232rem; }
.select-block .form-select--sm { padding-right: 30px; }
.form-select-wrap--sm:before { font-size: 0.875rem; line-height: 1.85714rem; }

.form-select--lg { font-size: 1.25rem; line-height: 2.57143rem; height: 2.69643rem; min-height: 2.57143rem; padding-left: 1.25rem; padding-right: 1.25rem; border-width: 0.0625rem; border-radius: 0.3rem; }
.form-select--lg:before { line-height: 2.57143rem; }
.form-select--lg[multiple] option { padding-top: 0.45238rem; padding-bottom: 0.45238rem; }
.select-block .form-select--lg { padding-right: 30px; }
.form-select-wrap--lg:before { font-size: 1.25rem; line-height: 2.57143rem; }
/*============================!Form-select!===================================*/