input.number_input {
    width: 70px;
}
input.number_xs {
    width: 70px;
}
input.price_input {
    width: 70px;
}
input.safename_input {
    width: 200px;
}
input.snippet_input {
    width: 100%;
}
input.smallurl_input {
    width: 300px;
}
input.tags_input {
    width: 99%;
}
input.tiny_input {
    width: 30px;
}
input.xl-size, select.xl-size {
    width: 100%;
    max-width: 100%;
}
input.l-size, select.l-size {
    width: 500px;
}
input.xs-size {
    width: 50px;
}
input.s-size {
    width: 100px;
}
input.items_list_input {
    width: 400px;
}
input.descr_input, select.descr_input {
    width: 99%; max-width: 99%;
}
input.city_input {
    width: 200px;
}
input.big_number_input {
    width: 140px;
}
input.big_input {
    width: 80%;
}
input.barcodes_input {
    width: 99%;
}
input.barcode_reader_input {
    width: 150px;
}
input.barcode_reader_input:focus {
    background: #ffffaa url('/resources/images/icons/barcode_16.png') no-repeat 99% 50%;
}
input.barcode_input {
    width: 120px;
}
input.address_input {
    width: 500px;
}
.url_input {
    width: 98%;
}
.website_input {
    width: 300px;
}
textarea.big_text,
textarea.xl-size {
    height: 500px;
    width: 100%;
}
textarea.big_text,
textarea.l-size {
    width: 99%;
    height: 280px;
}
textarea.medium_text,
textarea.m-size {
    width: 99%;
    height: 160px;
}
textarea.slim_text,
textarea.s-size {
    width: 99%;
    height: 80px;
}
textarea.split_text {
    width: 50%;
    height: 200px;
}
ul.slim {
    margin-bottom:0;
}
.flag-badge {
    display: inline-block;
    width: 80px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}
.flag-badge.visa {
    background-image: url('/resources/svg/icons/visa.svg');
}
.flag-badge.mastercard {
    background-image: url('/resources/svg/icons/mastercard.svg');
}
.flag-badge.paypass {
    background-image: url('/resources/svg/icons/paypass.svg');
}
.flag-badge.applepay {
    background-image: url('/resources/svg/icons/applepay.svg');
}
.flag-badge.mir {
    background-image: url('/resources/svg/icons/mir.svg');
}
textarea.expand_mid:focus {
    height: 200px;
}
textarea.expand_big:focus {
    height: 300px;
}
textarea.expand_huge:focus {
    height: 400px;
}
textarea.tiny {
    font-size: 10px;
}
textarea.standart {
    width: 100%;
    height: 140px;
}
textarea.slim {
    width: 100%;
    height: 40px;
}
textarea.extraslim {
    width: 98%;
    height: 32px;
}
textarea.large {
    width: 98%;
    height: 280px;
    font: 12px Verdana;
}
textarea.logfile {
    width: 98%;
    height: 300px;
    font: 11px Verdana;
    white-space: pre;
}
textarea.code {
    width: 95%;
    height: 500px;
    font: 12px Verdana;
    white-space: nowrap;
}
textarea.medium_text {
    /*width: 98%;*/
    height: 120px;
}
.big_text_input {
    height: 240px;
}
.c_bar {
    border: 1px solid #aaa;
    background-color: #fff;
    font-size: 8px;
}
.c_bar .c_bar_value {
    background-color: #c92a49;
}

.bar {
    width: 100%;
    display: inline-block;
    background-color: #ddd;
    height: 16px;
    line-height: 16px;
    border-radius: 3px;
    vertical-align: middle;
}
.bar_value {
    height: 16px;
    display: inline-block;
    background-color: green; /*#c92a49*/
    background: -moz-linear-gradient( bottom, hsl(80,80%,60%), hsl(80,80%,80%) );
    background: -webkit-linear-gradient( bottom, hsl(100,60%,50%), hsl(100,60%,70%) );
    background: linear-gradient( bottom, hsl(80,80%,60%), hsl(80,80%,80%) );
    border-radius: 3px;
}