.jq-number
{
    position       :relative;
    display        :inline-block;
    vertical-align :middle;
    padding        :0 36px 0 0;
}

.jq-number__field
{
    width               :100px;
    border              :1px solid #cccccc;
    border-bottom-color :#b3b3b3;
    border-radius       :4px;
    box-shadow          :inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
}

.jq-number__field:hover
{
    border-color :#B3B3B3;
}

.jq-number__field input
{
    box-sizing      :border-box;
    width           :100%;
    padding         :8px 9px;
    border          :none;
    outline         :none;
    background      :none;
    font            :14px Arial, sans-serif;
    color           :#333333;
    text-align      :left; /* для Opera Presto */
    -moz-appearance :textfield;
}
.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button
{
    margin             :0; /* в каких-то браузерах присутствует отступ */
    -webkit-appearance : none;
}

.jq-number__spin
{
    position            :absolute;
    top                 :0;
    right               :0;
    width               :32px;
    height              :14px;
    border              :1px solid #cccccc;
    border-bottom-color :#b3b3b3;
    border-radius       :4px;
    background          :#f5f5f5;
    background          :-webkit-linear-gradient(#ffffff, #e6e6e6);
    background          :linear-gradient(#ffffff, #e6e6e6);
    box-shadow          :0 1px 2px rgba(0, 0, 0, .1);
    box-shadow          :inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-user-select :none;
    -moz-user-select    :none;
    -ms-user-select     :none;
    user-select         :none;
    text-shadow         :1px 1px #ffffff;
    cursor              :pointer;
}

.jq-number__spin.minus
{
    top    : auto;
    bottom :0;
}

.jq-number__spin:hover
{
    background :#e6e6e6;
    background :-webkit-linear-gradient(#f6f6f6, #e6e6e6);
    background :linear-gradient(#F6F6F6, #e6e6e6);
}

.jq-number__spin:active
{
    background :#f5f5f5;
    box-shadow :inset 1px 1px 3px #dddddd;
}

.jq-number__spin:after
{
    content       :'';
    position      :absolute;
    top           :4px;
    left          :11px;
    width         :0;
    height        :0;
    border-right  :5px solid transparent;
    border-bottom :5px solid #999999;
    border-left   :5px solid transparent;
}

.jq-number__spin.minus:after
{
    top           :5px;
    border-top    :5px solid #999999;
    border-right  :5px solid transparent;
    border-bottom :none;
    border-left   :5px solid transparent;
}

.jq-number__spin.minus:hover:after {
    border-top-color :#000000;
}

.jq-number__spin.plus:hover:after
{
    border-bottom-color :#000000;
}

.jq-number.focused .jq-number__field {
	border: 1px solid #5794BF;
}
.jq-number.disabled .jq-number__field,
.jq-number.disabled .jq-number__spin
{
    border-color :#cccccc;
    background   :#f5f5f5;
    box-shadow   :none;
    color        :#888888;
}

.jq-number.disabled .jq-number__spin:after
{
    border-bottom-color :#aaaaaa;
}

.jq-number.disabled .jq-number__spin.minus:after
{
    border-top-color :#aaaaaa;
}

.jq-selectbox
{
    vertical-align :middle;
    cursor         :pointer;
    width          :100%;
}

.jq-selectbox__select
{
    padding             :18px 20px;
    height              :57px;
    -webkit-user-select :none;
    -ms-user-select     :none;
    -moz-user-select    :none;
    border:none;
    background          :rgba(255, 255, 255, .3);

}

.jq-selectbox__select:hover
{
    /*background: #E6E6E6;
    background: -webkit-linear-gradient(#F6F6F6, #E6E6E6);
    background:         linear-gradient(#F6F6F6, #E6E6E6);*/
}

.jq-selectbox__select:active
{
    /*background: #F5F5F5;
    box-shadow: inset 1px 1px 3px #DDD;*/
}

.jq-selectbox.focused .jq-selectbox__select
{
    /*border: 1px solid #5794BF;*/
}

.jq-selectbox.disabled .jq-selectbox__select
{
    border-color :#cccccc;
    background   :#f5f5f5;
    box-shadow   :none;
    color        :#27221f;
}

.jq-selectbox__select-text
{
    display       :block;
    overflow      :hidden;
    width         :100%;
    white-space   :nowrap;
    text-overflow :ellipsis;
    font          :24px/24px Lisa, sans-serif;
    color         :#ffffff;
}

.jq-selectbox .placeholder
{
    color :#787878;
}

.jq-selectbox__trigger
{

}

.jq-selectbox__trigger-arrow, .opened .jq-selectbox__trigger-arrow
{

}

.jq-selectbox__trigger-arrow
{
    position   :absolute;
    top        :0;
    right      :10px;
    width      :34px;
    height     :100%;
    background :url(../images/drop-down-min.png) 50% 50% no-repeat;
}

.opened .jq-selectbox__trigger-arrow
{
    position   :absolute;
    top        :0;
    right      :10px;
    width      :34px;
    height     :100%;
    background :url(../images/back-menu-min.png) 50% 50% no-repeat;
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow
{
    border-top-color :#aaaaaa;
}

.jq-selectbox__dropdown
{
    box-sizing :border-box;
    width      :100%;
    top        :100% !important;
    margin     :0px 0 0;
    padding    :0;
    border-top :1px solid #e1e1e1;
    /*! border-radius: 4px; */
    background :#ebebeb;
    /*! box-shadow: 0 2px 10px rgba(0,0,0,.2); */
    /*font: 14px/18px Arial, sans-serif;*/
}

.jq-selectbox__search
{
    margin :5px;
}

.jq-selectbox__search input
{
    box-sizing        :border-box;
    width             :100%;
    margin            :0;
    padding           :5px 27px 6px 8px;
    border            :1px solid #cccccc;
    border-radius     :3px;
    outline           :none;
    background        :url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
    box-shadow        :inset 1px 1px #F1F1F1;
	color: #333;
	-webkit-appearance: textfield;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration
{
    -webkit-appearance :none;
}

.jq-selectbox__not-found
{
    margin     :5px;
    padding    :5px 8px 6px;
    background :#f0f0f0;
    font-size  :13px;
}

.jq-selectbox ul
{
    margin  :0;
    padding :0;
}

.jq-selectbox li:first-child
{
    border-bottom :1px solid #e1e1e1;
}

.jq-selectbox li:last-child
{
    border-bottom :none;
}

.jq-selectbox li
{
    min-height          :18px;
    width               :100%;
    display             :block;
    padding             :11px 25px 11px;
    font                :13px/18px 'GothamPro', sans-serif;
    color               :#000000;
    white-space         :nowrap;
    border-bottom       :1px solid #e1e1e1;
    -webkit-user-select :none;
    -moz-user-select    :none;
    -ms-user-select     :none;
    user-select         :none;

}

.jq-selectbox li.selected
{
    background-color :#f1f1f1;
    /*! color: #FFF; */
}

.jq-selectbox li:hover
{
    background-color :#f1f1f1;
    /* 	color: #FFF; */
}

.jq-selectbox li.disabled
{
    color :#AAA;
}

.jq-selectbox li.disabled:hover
{
    background :none;
}

.jq-selectbox li.optgroup
{
    font-weight :bold;
}

.jq-selectbox li.optgroup:hover
{
    background :none;
    color      :#231f20;
    cursor: default;
}

.jq-selectbox li.option
{
    padding-left :25px;
}

.jq-select-multiple
{
    box-sizing          :border-box;
    padding             :1px;
    border              :1px solid #cccccc;
    border-bottom-color :#b3b3b3;
    border-radius       :4px;
    background          :#ffffff;
    box-shadow          :inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    font                :14px/18px Arial, sans-serif;
    color               :#333333;
    cursor              :default;
}

.jq-select-multiple.focused
{
    border :1px solid #5794bf;
}

.jq-select-multiple.disabled
{
    border-color :#cccccc;
    background   :#f5f5f5;
    box-shadow   :none;
    color        :#888888;
}

.jq-select-multiple ul
{
    margin  :0;
    padding :0;
}

.jq-select-multiple li
{
    padding             :3px 9px 4px;
    list-style          :none;
    -webkit-user-select :none;
    -moz-user-select    :none;
    -ms-user-select     :none;
    user-select         :none;
    white-space         :nowrap;
}

.jq-select-multiple li:first-child
{
    border-radius :3px 3px 0 0;
}

.jq-select-multiple li:last-child
{
    border-radius :0 0 3px 3px;
}

.jq-select-multiple li.selected
{
    background: #08C;
	color: #FFF;
}
.jq-select-multiple li.disabled
{
    color :#aaaaaa;
}

.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled
{
    background:#cccccc;
    color     :#ffffff;
}

.jq-select-multiple li.optgroup {
	font-weight: bold;
}
.jq-select-multiple li.option {
	padding-left: 25px;
}


input[type='email'].styler,
input[type='password'].styler,
input[type='search'].styler,
input[type='tel'].styler,
input[type='text'].styler,
input[type='url'].styler,
textarea.styler
{
    padding             :8px 9px;
    border              :1px solid #cccccc;
    border-bottom-color :#b3b3b3;
    border-radius       :4px;
    box-shadow          :inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    font                :14px Arial, sans-serif;
    color               :#333333;
}

input[type='search'].styler {
	-webkit-appearance: none;
}
textarea.styler {
	overflow: auto;
}
input[type='email'].styler:hover,
input[type='password'].styler:hover,
input[type='search'].styler:hover,
input[type='tel'].styler:hover,
input[type='text'].styler:hover,
input[type='url'].styler:hover,
textarea.styler:hover {
	border-color: #B3B3B3;
}
input[type='email'].styler:focus,
input[type='password'].styler:focus,
input[type='search'].styler:focus,
input[type='tel'].styler:focus,
input[type='text'].styler:focus,
input[type='url'].styler:focus,
textarea.styler:focus
{
    border-color    :#cccccc;
	border-top-color: #B3B3B3;
	outline: none;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

button.styler,
input[type='button'].styler,
input[type='submit'].styler,
input[type='reset'].styler
{
    overflow            :visible;
    padding             :8px 11px;
    border              :1px solid #cccccc;
    border-bottom-color :#b3b3b3;
    border-radius       :4px;
    outline             :none;
    background          :#f5f5f5;
    background          :-webkit-linear-gradient(#ffffff, #e6e6e6);
    background          :linear-gradient(#ffffff, #e6e6e6);
    box-shadow          :inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
	font: 14px Arial, sans-serif;
	color: #333;
	text-shadow: 1px 1px #FFF;
	cursor: pointer;
}
button.styler::-moz-focus-inner,
input[type='button'].styler::-moz-focus-inner,
input[type='submit'].styler::-moz-focus-inner,
input[type='reset'].styler::-moz-focus-inner {
	padding: 0;
	border: 0;
}
button.styler:not([disabled]):hover,
input[type='button'].styler:not([disabled]):hover,
input[type='submit'].styler:not([disabled]):hover,
input[type='reset'].styler:hover
{
    background :#e6e6e6;
    background: -webkit-linear-gradient(#F6F6F6, #E6E6E6);
	background:         linear-gradient(#F6F6F6, #E6E6E6);
}
button.styler:not([disabled]):active,
input[type='button'].styler:not([disabled]):active,
input[type='submit'].styler:not([disabled]):active,
input[type='reset'].styler:active {
	background : #F5F5F5;
    box-shadow :inset 1px 1px 3px #dddddd;
}

button.styler[disabled],
input[type='button'].styler[disabled],
input[type='submit'].styler[disabled] {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}