h1 {
    font-weight: bold;
    /*border-bottom: 1px dashed #4b4b4b;*/
    margin-bottom: 1rem;
    padding-bottom: .5rem;
}

a {
    color: #222;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer
}

.workshop-list {
    margin: 1rem 0;
    max-width: 100%;
    margin-left: auto;
    /* display: inline-flex; */
    margin-right: auto;
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-left: 5px;
    padding-right: 5px;
    width: 35%;
}

.workshop-list a.image {
    position: relative;
    margin-bottom: 45px;
    height: auto;
    margin-bottom: 1rem;
    text-decoration: none;
}

a img {
    border: 0;
}

.workshop-list a span {
    -webkit-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    display: block;
    background: rgba(34, 34, 34, 0.8);
    color: #E4DCC5;
    font-weight: bold;
    padding: 1rem;
}

.workshop-list .medium-4:hover>* {
    transform: scale(1.05);
    z-index: 9999;
}

.workshop-list a:hover span {
    background: #222;
}


/* .workshop-list a.image p:hover {
    color: brown;
} */

.workshop-list a span:after {
    float: right;
    content: '\25B6';
}

.workshop-list a.image p {
    font-size: inherit;
    padding: .5rem;
    line-height: 1.1;
    background: #cdbfa7;
    min-height: 5rem;
    color: black;
}

.workshop-list a {
    -webkit-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 1rem
}

.workshop-list a.workshop-task {
    display: inline
}

.workshop-list a.image {
    position: relative;
    margin-bottom: 45px;
    height: auto;
    margin-bottom: 1rem
}

@media screen and (max-width: 47.4375em) {
    .workshop-list a.image img {
        display: none
    }
    .workshop-list a.image span {
        position: static;
        bottom: 0;
    }
    .workshop-list a.image p {
        min-height: auto
    }
}

.workshop-list a.image span {
    position: static;
    bottom: 0;
}

.workshop-list a p {
    font-size: 90%;
    padding: .5rem
}

@media screen and (min-width: 47.5em) {
    .workshop-list a span {
        font-size: inherit
    }
}

@media screen and (min-width: 64em) {
    .workshop-list a span {
        font-size: inherit
    }
}

.workshop-error {
    display: inherit;
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(10, 10, 10, 0.25);
    border-radius: 0;
    position: relative;
    color: #222;
    background-color: #ffdbd0;
    width: 97%;
    text-align: center;
}

.workshop-error>:first-child {
    margin-top: 0
}

.workshop-error>:last-child {
    margin-bottom: 0
}

.workshop-search {
    margin-top: 1rem;
    border: 1px solid #B09A71;
    padding: 1rem;
    background: #5A5552;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}

.workshop-search .weapon-not-exist {
    padding-top: 10px;
}

.workshop-search .weapon-not-exist span {
    color: white;
    margin-right: 10px;
}

.workshop-search label,
.workshop-search .or {
    color: #fefefe
}

.workshop-search .form-workshop-search .div-attribute-option,
.workshop-search .form-workshop-product .select-product {
    width: 100%;
    z-index: 2;
    background-color: #E4DCC5;
    border: 1px solid #aaa;
}

.workshop-search .input-text-search {
    padding-left: 5px;
    padding-right: 5px;
}

.workshop-search .input-text-search input {
    padding: 0px 15px;
    background-color: #F1EDE0;
    border: 1px solid #B09A71;
}

.workshop-search .form-workshop-search .attribute-option-html ul,
.workshop-search .form-workshop-product .select-product-html ul {
    padding-left: unset;
    border: unset;
}

.workshop-search .form-workshop-search .attribute-option-html ul,
.workshop-search .form-workshop-product .select-product-html ul li span {
    margin-left: 10px;
}

.workshop-search ul li {
    background-color: #E4DCC5;
    border-bottom: 1px solid #B09A71;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: unset;
    height: 35px;
}

.workshop-search ul li {
    padding: 0 20px;
}

.workshop-search ul li:hover {
    background-color: #5A5552;
    color: white;
}

.workshop-search .form-workshop-product .select-product .select-product-html ul li {
    height: 60px;
    display: flex;
    padding: 10px 10px 10px 5px;
}

.workshop-search .form-workshop-product .select-product .select-product-html ul li .thumbnail {
    margin-right: 1rem;
    border: 1px solid #B09A71;
    max-height: 100%;
    max-width: 100%;
}

.workshop-search .form-workshop-product .select-product .select-product-html ul li .tuning {
    margin-left: auto;
}

.workshop-search .form-workshop-search .span-type-select,
.workshop-search .form-workshop-product .span-type-select {
    border: 1px solid black;
    display: block;
    padding-left: 8px;
    padding-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #444;
    line-height: 28px;
    font-size: 90%;
    background-color: #ede9d6;
    cursor: pointer;
    height: 30px;
}

.workshop-search .product-select-html img {
    width: 5%;
    height: auto;
}

.workshop-search .product-select-html li {
    background-color: #f2edda;
    border: 1px solid #b09a71;
    display: flex;
    align-items: center;
}

.workshop-search .product-select-html li:hover {
    background-color: black;
    color: white;
}


/*.workshop-search .form-workshop-product {width: inherit;}*/

.workshop-search .form-workshop-product .select-product {
    width: inherit;
    position: relative;
}

.workshop-search .form-workshop-product .select-product .product-select-html {
    z-index: 2;
    width: inherit;
}

.workshop-search .notice {
    color: black;
}

@media only screen and (max-width: 426px) {
    .form-workshop #workshop-form .button-group #submit-form {
        width: 100% !important;
    }
}

.form-workshop #workshop-form .button-group #submit-form {
    width: unset;
    text-transform: uppercase;
}

.fa-caret-down {
    float: right;
    padding-top: 10px;
}

.buttons-set {
    text-align: right;
    /*margin-left: 52px;*/
}

.buttons-set .button {
    text-align: center;
    margin-top: 10px;
    background: linear-gradient(#565652 30%, #242423);
    border-radius: 2px;
    color: #e4dcc5;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 7px 15px;
    font-size: 1.4rem;
    box-sizing: border-box;
    vertical-align: middle;
    text-transform: uppercase;
    border: none;
    line-height: 1.6rem !important;
}

.buttons-set .button:hover {
    opacity: 0.8;
}

@media screen and (max-width: 426px) {
    .buttons-set .back-link {
        width: 35% !important;
    }
}

.buttons-set .back-link {
    float: left;
    text-align: center;
    margin-top: 10px;
    background: linear-gradient(#565652 30%, #242423);
    border-radius: 2px;
    color: #e4dcc5;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 7px 15px;
    font-size: 1.4rem;
    box-sizing: border-box;
    vertical-align: middle;
    text-transform: uppercase;
    border: none;
    line-height: 1.6rem !important;
}

.buttons-set .back-link:hover {
    opacity: 0.8;
}

.back-link a {
    color: #e4dcc5;
    font-weight: 700;
}

.back-link a:before {
    content: "\00AB";
    display: inline-block;
    margin-right: .5rem;
}

hr {
    /* border-top: 1px dashed #ff0000 */
    display: none;
}

.std {
    padding: 52px;
    padding-bottom: 0px;
    margin-top: -52px;
}

.form-workshop {
    display: block;
    border: 1px solid #B09A71;
    background: #CDBFA7;
    padding: 1rem
}

.form-workshop h2 {
    font-size: 100%;
    border-bottom: 1px dashed #B09A71;
    font-weight: bold;
    padding-bottom: .5rem
}

.form-workshop [type='number'] {
    border: 1px solid #B09A71;
}

#notes-repair {
    border: 1px solid #B09A71;
}

.form-workshop img.product-image {
    width: 100%;
}

.label-notes-new {
    display: block;
}

.customer-text-label {
    font-size: 12px;
}

.label-notes-new:after,
.customer-text-label:after,
.notes-repair-label:after,
.form-workshop-spare .required:after {
    content: " *";
    color: red;
}
.label-customer-weapon-manufacturer:after,
.label-no-fsk-weapon:after,
.label-customer-weapon-description:after,
.label-customer-order-number:after,
.label-notes-repair:after{
    content: " *";
    color: red;
}
#text-requiered {
    color: red;
    font-size: 1.2rem;
}

.form-workshop {
    /* border: 1px solid #B09A71;
    background: #CDBFA7; */
    border: 1px solid #e1d9c3;
    background: rgba(225, 217, 195, 0.6);
    padding: 1rem;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px
}

.form-workshop h2 {
    font-size: 16px;
    border-bottom: 1px dashed #B09A71;
    font-weight: bold;
    padding-bottom: 15px;
}

.form-workshop .product {
    border-bottom: 1px dashed #B09A71;
    margin-bottom: 1rem;
}

.form-workshop .product::before,
.form-workshop .product::after {
    content: ' ';
    display: table;
}

.form-workshop #weapon-result .product {
    display: flex;
    align-items: flex-start;
}

.form-workshop #weapon-result .product .product-more-info {
    margin-left: 26px;
}

.form-workshop #weapon-result .product .product-more-info .tuning-html {
    display: flex;
    margin-top: 20px;
    align-items: center;
}

.form-workshop #weapon-result .product .product-more-info .tuning-html .tuning {
    margin-bottom: unset;
    height: 26px;
}

.form-workshop #weapon-result .product .product-more-info .tuning-html span {
    margin-left: 10px;
}

.form-workshop .product .product-image img {
    width: 150px;
}

.attribute-option-html {
    overflow-x: hidden !important;
}

.form-workshop .product::after {
    clear: both;
}

.form-workshop #notes-new-error {
    color: red;
    padding-bottom: 10px;
    display: block;
    margin-top: 5px
}
.form-workshop .manufacturer-and-fsk{
    display: inline-block;
    width: 100%;
}
.form-workshop .manufacturer-and-fsk .manufacturer{
    width: 70%;
    float: left;
}
.form-workshop .manufacturer-and-fsk .fsk{
    width: 25%;
    float: right;
}
.form-workshop .manufacturer-and-fsk .fsk select{
    border: 1px solid #B09A71;
    margin-top: 8px;
    margin-bottom: 8px;
}
.workshop-search ul .checked {
    background-color: #d4c7a2;
}

.workshop-search ul .not_check {
    background-color: #E4DCC5;
}

.button-group::before,
.button-group::after {
    content: ' ';
    display: table;
}

.button-group::after {
    clear: both;
}

.select-toggle {
    height: auto!important;
    max-height: 400px;
    overflow: auto;
}

.workshop-search ul {
    height: 30px;
    padding-left: 0!important;
    list-style: none;
    background: #F1EDE0;
    border: 1px #000 solid;
    /*background-image: url(../images/bg-select.svg);*/
    /*background-origin: content-box;*/
    /*background-size: 9px 6px;*/
    /*background-repeat: no-repeat;*/
    /*background-position: right;*/
    /*padding-right: 0.5rem;*/
}

img.tuning {
    float: right;
    padding-top: 2rem;
}

.form-workshop input {
    border: 1px solid #B09A71;
    margin-top: 8px;
    margin-bottom: 8px;
}

.form-workshop label.error {
    color: red;
    font-size: 12px;
}

.form-workshop input::placeholder,
textarea::placeholder {
    opacity: 0.5;
}

textarea::placeholder {
    opacity: 0.5;
}

.button-group .button:last-child {
    background: linear-gradient(#565652 30%, #242423);
    border-radius: 2px;
    color: #e4dcc5;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 7px 15px;
    font-size: 1.4rem;
    box-sizing: border-box;
    vertical-align: middle;
    text-transform: uppercase;
    border: none;
    float: right;
    line-height: 1.6rem !important;
}

.button-group .button:last-child:hover {
    opacity: 0.8;
}

#notes-spare {
    border: 1px solid #B09A71;
}

.pagination-comvn {
    float: right;
    margin-top: 4px;
    margin-bottom: 4px;
}

.pagination-comvn li {
    display: contents;
    padding: 0.1875rem 0.625rem;
    background: #CDBFA7;
}

.pagination-comvn .current span {
    padding: 0.1875rem 0.625rem;
    background: none;
    background: #CDBFA7;
}

.pagination-comvn li span {
    padding: 0.1875rem 0.625rem;
    background: #CDBFA7;
}

.pagination-comvn li a {
    padding: 0.1875rem 0.625rem;
    background: #CDBFA7;
}

.pagination-comvn li a:visited {
    color: black;
}

.responsive thead tr th {
    text-transform: uppercase;
    border-bottom: 1px solid #B09A71;
}


thead,
    /* tbody, */
tfoot {
    border: 1px solid #b2a784;
    background-color: #c1b89c;
}
tr:nth-child(odd) {
    background: rgba(220, 209, 187, 0.7) !important;
}
tr:nth-child(even) {
    background: rgba(220, 209, 187, 0.2) !important;
}
body[data-mode="dark"] tr:nth-child(odd) {
    background: rgba(70, 69, 69, 0.9) !important;
}
body[data-mode="dark"] tr:nth-child(even) {
    background: rgba(70, 69, 69, 0.3) !important;
}

.data-table tbody tr:nth-child(2n+1) {
    background: #C9C0A8;
}

.data-table tbody tr td {
    vertical-align: middle;
}

.workshop-task .row {
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.workshop-task .row .medium-2 {
    width: 16.66667%;
}

.workshop-task .row .medium-6 {
    width: 50%;
}

.workshop-task .row .medium-4 {
    width: 33.33333%;
}

.workshop-task .row .medium-4 .alert {
    width: 100%;
    text-transform: uppercase;
    background-color: #C22F00;
    border: none;
    color: #E4DCC5;
    height: 40px;
    font-weight: bold;
}

.workshop-task .row .medium-4 .alert:hover,
.workshop-task .row .medium-4 .alert:focus {
    background-color: #9b2600;
    color: #E4DCC5;
}

.workshop-task .wsprice {
    font-size: 35px;
    font-weight: 700;
}

.workshop-task .workshop-claim-price {
    text-align: right;
}

.workshop-task .workshop-claim-price .old-price {
    font-size: 18px;
}

.workshop-task .workshop-claim-price .special-price {
    font-size: 25px;
    font-weight: 700;
}

.workshop-task form {
    clear: none;
}

.workshop-task .btn-cart {
    font-size: 1.375rem;
    background: #008C23;
    color: #E4DCC5;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    height: 60px;
}

.workshop-task .button {
    margin-bottom: .125rem;
}

.workshop-task .main-product .workshop-type-and-action .workshop-type.important {
    color: #2e7548;
}

.workshop-task .main-product .workshop-type-and-action .workshop-type {
    float: left;
}

.workshop-task .main-product .workshop-type-and-action .workshop-task-info {
    margin-right: 30px;
    width: 60%;
}

.workshop-task .main-product .workshop-type-and-action .workshop-task-info .notice-before-pay p{
    color: #2b2bff;
}
body[data-mode="dark"] .workshop-task .main-product .workshop-type-and-action .workshop-task-info .notice-before-pay p{
    color: #1a3e90;
}
/*
.workshop-task .main-product .workshop-type-and-action .workshop-action.column form {
    margin-bottom: 15px;
}
*/

.workshop-list .list ul li header {
    font-weight: 400;
    padding: .5rem 1rem;
    border-bottom: 1px solid rgba(254, 254, 254, 0.1);
}

.workshop-list .list ul li .content {
    padding: .5rem 1rem;
}

.workshop-list .list ul li header datetime {
    display: block;
    float: right;
}

.workshop-list .list {
    border: 2px solid #B09A71;
}

.workshop-list .list ul {
    background: #dfd3bf;
    margin: 0;
    list-style: none;
    padding-left: 0;
}

.workshop-list .list ul li:last-child {
    border: 0;
    margin-bottom: 0;
}

#message_customer {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: .5rem;
    border: 1px solid #B09A71;
    margin: 0 0 1rem;
    color: #0a0a0a;
    background-color: #F1EDE0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    -webkit-appearance: none;
}

#image-workshop {
    display: inline-block;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    /*padding: 0.85em 1em;*/
    margin: 0 0 1rem 0;
    width: 100%;
    /* font-size: 0.9rem; */
    /*background-color: #222;*/
    color: #E4DCC5;
}

.file-uploader-area #not-file {
    color: #222;
}

.row-custom {
    display: inline-flex;
}

.large-9 {
    width: 75%;
    display: inline-block;
}

.large-9 p {
    line-height: 1.6;
}

.large-3 {
    width: 25%;
    float: right;
}

.large-3 a {
    display: inline-block;
    width: 82%;
    padding: 20px;
    background: black;
    color: white;
    text-align: center;
    font-size: 17px;
}

h1 {
    font-weight: bold;
    /*border-bottom: 1px dashed #4b4b4b;*/
    margin-bottom: 1rem;
    padding-bottom: .5rem;
}

.workshop-my-task h2 {
    font-weight: bold;
    /* border-bottom: 1px dashed #4b4b4b; */
    margin-bottom: 1rem;
    padding-bottom: .5rem;
    font-weight: 200;
}

.workshop-frontend-mytask h1 span {
    display: block;
    font-size: 90%;
    font-weight: 300;
}

.workshop-type {
    float: right;
    font-weight: bold;
}

@font-face {
    font-family: "foundation-icons";
    src: url("../fonts/foundation-icons.eot");
    src: url("../fonts/foundation-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/foundation-icons.woff") format("woff"), url("../fonts/foundation-icons.ttf") format("truetype"), url("../fonts/foundation-icons.svg#fontcustom") format("svg");
    font-weight: normal;
    font-style: normal
}

.fi-address-book:before,
.fi-alert:before,
.fi-align-center:before,
.fi-align-justify:before,
.fi-align-left:before,
.fi-align-right:before,
.fi-anchor:before,
.fi-annotate:before,
.fi-archive:before,
.fi-arrow-down:before,
.fi-arrow-left:before,
.fi-arrow-right:before,
.fi-arrow-up:before,
.fi-arrows-compress:before,
.fi-arrows-expand:before,
.fi-arrows-in:before,
.fi-arrows-out:before,
.fi-asl:before,
.fi-asterisk:before,
.fi-at-sign:before,
.fi-background-color:before,
.fi-battery-empty:before,
.fi-battery-full:before,
.fi-battery-half:before,
.fi-bitcoin-circle:before,
.fi-bitcoin:before,
.fi-blind:before,
.fi-bluetooth:before,
.fi-bold:before,
.fi-book-bookmark:before,
.fi-book:before,
.fi-bookmark:before,
.fi-braille:before,
.fi-burst-new:before,
.fi-burst-sale:before,
.fi-burst:before,
.fi-calendar:before,
.fi-camera:before,
.fi-check:before,
.fi-checkbox:before,
.fi-clipboard-notes:before,
.fi-clipboard-pencil:before,
.fi-clipboard:before,
.fi-clock:before,
.fi-closed-caption:before,
.fi-cloud:before,
.fi-comment-minus:before,
.fi-comment-quotes:before,
.fi-comment-video:before,
.fi-comment:before,
.fi-comments:before,
.fi-compass:before,
.fi-contrast:before,
.fi-credit-card:before,
.fi-crop:before,
.fi-crown:before,
.fi-css3:before,
.fi-database:before,
.fi-die-five:before,
.fi-die-four:before,
.fi-die-one:before,
.fi-die-six:before,
.fi-die-three:before,
.fi-die-two:before,
.fi-dislike:before,
.fi-dollar-bill:before,
.fi-dollar:before,
.fi-download:before,
.fi-eject:before,
.fi-elevator:before,
.fi-euro:before,
.fi-eye:before,
.fi-fast-forward:before,
.fi-female-symbol:before,
.fi-female:before,
.fi-filter:before,
.fi-first-aid:before,
.fi-flag:before,
.fi-folder-add:before,
.fi-folder-lock:before,
.fi-folder:before,
.fi-foot:before,
.fi-foundation:before,
.fi-graph-bar:before,
.fi-graph-horizontal:before,
.fi-graph-pie:before,
.fi-graph-trend:before,
.fi-guide-dog:before,
.fi-hearing-aid:before,
.fi-heart:before,
.fi-home:before,
.fi-html5:before,
.fi-indent-less:before,
.fi-indent-more:before,
.fi-info:before,
.fi-italic:before,
.fi-key:before,
.fi-laptop:before,
.fi-layout:before,
.fi-lightbulb:before,
.fi-like:before,
.fi-link:before,
.fi-list-bullet:before,
.fi-list-number:before,
.fi-list-thumbnails:before,
.fi-list:before,
.fi-lock:before,
.fi-loop:before,
.fi-magnifying-glass:before,
.fi-mail:before,
.fi-male-female:before,
.fi-male-symbol:before,
.fi-male:before,
.fi-map:before,
.fi-marker:before,
.fi-megaphone:before,
.fi-microphone:before,
.fi-minus-circle:before,
.fi-minus:before,
.fi-mobile-signal:before,
.fi-mobile:before,
.fi-monitor:before,
.fi-mountains:before,
.fi-music:before,
.fi-next:before,
.fi-no-dogs:before,
.fi-no-smoking:before,
.fi-page-add:before,
.fi-page-copy:before,
.fi-page-csv:before,
.fi-page-delete:before,
.fi-page-doc:before,
.fi-page-edit:before,
.fi-page-export-csv:before,
.fi-page-export-doc:before,
.fi-page-export-pdf:before,
.fi-page-export:before,
.fi-page-filled:before,
.fi-page-multiple:before,
.fi-page-pdf:before,
.fi-page-remove:before,
.fi-page-search:before,
.fi-page:before,
.fi-paint-bucket:before,
.fi-paperclip:before,
.fi-pause:before,
.fi-paw:before,
.fi-paypal:before,
.fi-pencil:before,
.fi-photo:before,
.fi-play-circle:before,
.fi-play-video:before,
.fi-play:before,
.fi-plus:before,
.fi-pound:before,
.fi-power:before,
.fi-previous:before,
.fi-price-tag:before,
.fi-pricetag-multiple:before,
.fi-print:before,
.fi-prohibited:before,
.fi-projection-screen:before,
.fi-puzzle:before,
.fi-quote:before,
.fi-record:before,
.fi-refresh:before,
.fi-results-demographics:before,
.fi-results:before,
.fi-rewind-ten:before,
.fi-rewind:before,
.fi-rss:before,
.fi-safety-cone:before,
.fi-save:before,
.fi-share:before,
.fi-sheriff-badge:before,
.fi-shield:before,
.fi-shopping-bag:before,
.fi-shopping-cart:before,
.fi-shuffle:before,
.fi-skull:before,
.fi-social-500px:before,
.fi-social-adobe:before,
.fi-social-amazon:before,
.fi-social-android:before,
.fi-social-apple:before,
.fi-social-behance:before,
.fi-social-bing:before,
.fi-social-blogger:before,
.fi-social-delicious:before,
.fi-social-designer-news:before,
.fi-social-deviant-art:before,
.fi-social-digg:before,
.fi-social-dribbble:before,
.fi-social-drive:before,
.fi-social-dropbox:before,
.fi-social-evernote:before,
.fi-social-facebook:before,
.fi-social-flickr:before,
.fi-social-forrst:before,
.fi-social-foursquare:before,
.fi-social-game-center:before,
.fi-social-github:before,
.fi-social-google-plus:before,
.fi-social-hacker-news:before,
.fi-social-hi5:before,
.fi-social-instagram:before,
.fi-social-joomla:before,
.fi-social-lastfm:before,
.fi-social-linkedin:before,
.fi-social-medium:before,
.fi-social-myspace:before,
.fi-social-orkut:before,
.fi-social-path:before,
.fi-social-picasa:before,
.fi-social-pinterest:before,
.fi-social-rdio:before,
.fi-social-reddit:before,
.fi-social-skillshare:before,
.fi-social-skype:before,
.fi-social-smashing-mag:before,
.fi-social-snapchat:before,
.fi-social-spotify:before,
.fi-social-squidoo:before,
.fi-social-stack-overflow:before,
.fi-social-steam:before,
.fi-social-stumbleupon:before,
.fi-social-treehouse:before,
.fi-social-tumblr:before,
.fi-social-twitter:before,
.fi-social-vimeo:before,
.fi-social-windows:before,
.fi-social-xbox:before,
.fi-social-yahoo:before,
.fi-social-yelp:before,
.fi-social-youtube:before,
.fi-social-zerply:before,
.fi-social-zurb:before,
.fi-sound:before,
.fi-star:before,
.fi-stop:before,
.fi-strikethrough:before,
.fi-subscript:before,
.fi-superscript:before,
.fi-tablet-landscape:before,
.fi-tablet-portrait:before,
.fi-target-two:before,
.fi-target:before,
.fi-telephone-accessible:before,
.fi-telephone:before,
.fi-text-color:before,
.fi-thumbnails:before,
.fi-ticket:before,
.fi-torso-business:before,
.fi-torso-female:before,
.fi-torso:before,
.fi-torsos-all-female:before,
.fi-torsos-all:before,
.fi-torsos-female-male:before,
.fi-torsos-male-female:before,
.fi-torsos:before,
.fi-trash:before,
.fi-trees:before,
.fi-trophy:before,
.fi-underline:before,
.fi-universal-access:before,
.fi-unlink:before,
.fi-unlock:before,
.fi-upload-cloud:before,
.fi-upload:before,
.fi-usb:before,
.fi-video:before,
.fi-volume-none:before,
.fi-volume-strike:before,
.fi-volume:before,
.fi-web:before,
.fi-wheelchair:before,
.fi-widget:before,
.fi-wrench:before,
.fi-x-circle:before,
.fi-x:before,
.fi-yen:before,
.fi-zoom-in:before,
.fi-zoom-out:before {
    font-family: "foundation-icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit;
}

.fi-address-book:before {
    content: "\f100";
}

.fi-alert:before {
    content: "\f101";
}

.fi-align-center:before {
    content: "\f102";
}

.fi-align-justify:before {
    content: "\f103";
}

.fi-align-left:before {
    content: "\f104";
}

.fi-align-right:before {
    content: "\f105";
}

.fi-anchor:before {
    content: "\f106";
}

.fi-annotate:before {
    content: "\f107";
}

.fi-archive:before {
    content: "\f108";
}

.fi-arrow-down:before {
    content: "\f109";
}

.fi-arrow-left:before {
    content: "\f10a";
}

.fi-arrow-right:before {
    content: "\f10b";
}

.fi-arrow-up:before {
    content: "\f10c";
}

.fi-arrows-compress:before {
    content: "\f10d";
}

.fi-arrows-expand:before {
    content: "\f10e";
}

.fi-arrows-in:before {
    content: "\f10f";
}

.fi-arrows-out:before {
    content: "\f110";
}

.fi-asl:before {
    content: "\f111";
}

.fi-asterisk:before {
    content: "\f112";
}

.fi-at-sign:before {
    content: "\f113";
}

.fi-background-color:before {
    content: "\f114";
}

.fi-battery-empty:before {
    content: "\f115";
}

.fi-battery-full:before {
    content: "\f116";
}

.fi-battery-half:before {
    content: "\f117";
}

.fi-bitcoin-circle:before {
    content: "\f118";
}

.fi-bitcoin:before {
    content: "\f119";
}

.fi-blind:before {
    content: "\f11a";
}

.fi-bluetooth:before {
    content: "\f11b";
}

.fi-bold:before {
    content: "\f11c";
}

.fi-book-bookmark:before {
    content: "\f11d";
}

.fi-book:before {
    content: "\f11e";
}

.fi-bookmark:before {
    content: "\f11f";
}

.fi-braille:before {
    content: "\f120";
}

.fi-burst-new:before {
    content: "\f121";
}

.fi-burst-sale:before {
    content: "\f122";
}

.fi-burst:before {
    content: "\f123";
}

.fi-calendar:before {
    content: "\f124";
}

.fi-camera:before {
    content: "\f125";
}

.fi-check:before {
    content: "\f126";
}

.fi-checkbox:before {
    content: "\f127";
}

.fi-clipboard-notes:before {
    content: "\f128";
}

.fi-clipboard-pencil:before {
    content: "\f129";
}

.fi-clipboard:before {
    content: "\f12a";
}

.fi-clock:before {
    content: "\f12b";
}

.fi-closed-caption:before {
    content: "\f12c";
}

.fi-cloud:before {
    content: "\f12d";
}

.fi-comment-minus:before {
    content: "\f12e";
}

.fi-comment-quotes:before {
    content: "\f12f";
}

.fi-comment-video:before {
    content: "\f130";
}

.fi-comment:before {
    content: "\f131";
}

.fi-comments:before {
    content: "\f132";
}

.fi-compass:before {
    content: "\f133";
}

.fi-contrast:before {
    content: "\f134";
}

.fi-credit-card:before {
    content: "\f135";
}

.fi-crop:before {
    content: "\f136";
}

.fi-crown:before {
    content: "\f137";
}

.fi-css3:before {
    content: "\f138";
}

.fi-database:before {
    content: "\f139";
}

.fi-die-five:before {
    content: "\f13a";
}

.fi-die-four:before {
    content: "\f13b";
}

.fi-die-one:before {
    content: "\f13c";
}

.fi-die-six:before {
    content: "\f13d";
}

.fi-die-three:before {
    content: "\f13e";
}

.fi-die-two:before {
    content: "\f13f";
}

.fi-dislike:before {
    content: "\f140";
}

.fi-dollar-bill:before {
    content: "\f141";
}

.fi-dollar:before {
    content: "\f142";
}

.fi-download:before {
    content: "\f143";
}

.fi-eject:before {
    content: "\f144";
}

.fi-elevator:before {
    content: "\f145";
}

.fi-euro:before {
    content: "\f146";
}

.fi-eye:before {
    content: "\f147";
}

.fi-fast-forward:before {
    content: "\f148";
}

.fi-female-symbol:before {
    content: "\f149";
}

.fi-female:before {
    content: "\f14a";
}

.fi-filter:before {
    content: "\f14b";
}

.fi-first-aid:before {
    content: "\f14c";
}

.fi-flag:before {
    content: "\f14d";
}

.fi-folder-add:before {
    content: "\f14e";
}

.fi-folder-lock:before {
    content: "\f14f";
}

.fi-folder:before {
    content: "\f150";
}

.fi-foot:before {
    content: "\f151";
}

.fi-foundation:before {
    content: "\f152";
}

.fi-graph-bar:before {
    content: "\f153";
}

.fi-graph-horizontal:before {
    content: "\f154";
}

.fi-graph-pie:before {
    content: "\f155";
}

.fi-graph-trend:before {
    content: "\f156";
}

.fi-guide-dog:before {
    content: "\f157";
}

.fi-hearing-aid:before {
    content: "\f158";
}

.fi-heart:before {
    content: "\f159";
}

.fi-home:before {
    content: "\f15a";
}

.fi-html5:before {
    content: "\f15b";
}

.fi-indent-less:before {
    content: "\f15c";
}

.fi-indent-more:before {
    content: "\f15d";
}

.fi-info:before {
    content: "\f15e";
}

.fi-italic:before {
    content: "\f15f";
}

.fi-key:before {
    content: "\f160";
}

.fi-laptop:before {
    content: "\f161";
}

.fi-layout:before {
    content: "\f162";
}

.fi-lightbulb:before {
    content: "\f163";
}

.fi-like:before {
    content: "\f164";
}

.fi-link:before {
    content: "\f165";
}

.fi-list-bullet:before {
    content: "\f166";
}

.fi-list-number:before {
    content: "\f167";
}

.fi-list-thumbnails:before {
    content: "\f168";
}

.fi-list:before {
    content: "\f169";
}

.fi-lock:before {
    content: "\f16a";
}

.fi-loop:before {
    content: "\f16b";
}

.fi-magnifying-glass:before {
    content: "\f16c";
}

.fi-mail:before {
    content: "\f16d";
}

.fi-male-female:before {
    content: "\f16e";
}

.fi-male-symbol:before {
    content: "\f16f";
}

.fi-male:before {
    content: "\f170";
}

.fi-map:before {
    content: "\f171";
}

.fi-marker:before {
    content: "\f172";
}

.fi-megaphone:before {
    content: "\f173";
}

.fi-microphone:before {
    content: "\f174";
}

.fi-minus-circle:before {
    content: "\f175";
}

.fi-minus:before {
    content: "\f176";
}

.fi-mobile-signal:before {
    content: "\f177";
}

.fi-mobile:before {
    content: "\f178";
}

.fi-monitor:before {
    content: "\f179";
}

.fi-mountains:before {
    content: "\f17a";
}

.fi-music:before {
    content: "\f17b";
}

.fi-next:before {
    content: "\f17c";
}

.fi-no-dogs:before {
    content: "\f17d";
}

.fi-no-smoking:before {
    content: "\f17e";
}

.fi-page-add:before {
    content: "\f17f";
}

.fi-page-copy:before {
    content: "\f180";
}

.fi-page-csv:before {
    content: "\f181";
}

.fi-page-delete:before {
    content: "\f182";
}

.fi-page-doc:before {
    content: "\f183";
}

.fi-page-edit:before {
    content: "\f184";
}

.fi-page-export-csv:before {
    content: "\f185";
}

.fi-page-export-doc:before {
    content: "\f186";
}

.fi-page-export-pdf:before {
    content: "\f187";
}

.fi-page-export:before {
    content: "\f188";
}

.fi-page-filled:before {
    content: "\f189";
}

.fi-page-multiple:before {
    content: "\f18a";
}

.fi-page-pdf:before {
    content: "\f18b";
}

.fi-page-remove:before {
    content: "\f18c";
}

.fi-page-search:before {
    content: "\f18d";
}

.fi-page:before {
    content: "\f18e";
}

.fi-paint-bucket:before {
    content: "\f18f";
}

.fi-paperclip:before {
    content: "\f190";
}

.fi-pause:before {
    content: "\f191";
}

.fi-paw:before {
    content: "\f192";
}

.fi-paypal:before {
    content: "\f193";
}

.fi-pencil:before {
    content: "\f194";
}

.fi-photo:before {
    content: "\f195";
}

.fi-play-circle:before {
    content: "\f196";
}

.fi-play-video:before {
    content: "\f197";
}

.fi-play:before {
    content: "\f198";
}

.fi-plus:before {
    content: "\f199";
}

.fi-pound:before {
    content: "\f19a";
}

.fi-power:before {
    content: "\f19b";
}

.fi-previous:before {
    content: "\f19c";
}

.fi-price-tag:before {
    content: "\f19d";
}

.fi-pricetag-multiple:before {
    content: "\f19e";
}

.fi-print:before {
    content: "\f19f";
}

.fi-prohibited:before {
    content: "\f1a0";
}

.fi-projection-screen:before {
    content: "\f1a1";
}

.fi-puzzle:before {
    content: "\f1a2";
}

.fi-quote:before {
    content: "\f1a3";
}

.fi-record:before {
    content: "\f1a4";
}

.fi-refresh:before {
    content: "\f1a5";
}

.fi-results-demographics:before {
    content: "\f1a6";
}

.fi-results:before {
    content: "\f1a7";
}

.fi-rewind-ten:before {
    content: "\f1a8";
}

.fi-rewind:before {
    content: "\f1a9";
}

.fi-rss:before {
    content: "\f1aa";
}

.fi-safety-cone:before {
    content: "\f1ab";
}

.fi-save:before {
    content: "\f1ac";
}

.fi-share:before {
    content: "\f1ad";
}

.fi-sheriff-badge:before {
    content: "\f1ae";
}

.fi-shield:before {
    content: "\f1af";
}

.fi-shopping-bag:before {
    content: "\f1b0";
}

.fi-shopping-cart:before {
    content: "\f1b1";
}

.fi-shuffle:before {
    content: "\f1b2";
}

.fi-skull:before {
    content: "\f1b3";
}

.fi-social-500px:before {
    content: "\f1b4";
}

.fi-social-adobe:before {
    content: "\f1b5";
}

.fi-social-amazon:before {
    content: "\f1b6";
}

.fi-social-android:before {
    content: "\f1b7";
}

.fi-social-apple:before {
    content: "\f1b8";
}

.fi-social-behance:before {
    content: "\f1b9";
}

.fi-social-bing:before {
    content: "\f1ba";
}

.fi-social-blogger:before {
    content: "\f1bb";
}

.fi-social-delicious:before {
    content: "\f1bc";
}

.fi-social-designer-news:before {
    content: "\f1bd";
}

.fi-social-deviant-art:before {
    content: "\f1be";
}

.fi-social-digg:before {
    content: "\f1bf";
}

.fi-social-dribbble:before {
    content: "\f1c0";
}

.fi-social-drive:before {
    content: "\f1c1";
}

.fi-social-dropbox:before {
    content: "\f1c2";
}

.fi-social-evernote:before {
    content: "\f1c3";
}

.fi-social-facebook:before {
    content: "\f1c4";
}

.fi-social-flickr:before {
    content: "\f1c5";
}

.fi-social-forrst:before {
    content: "\f1c6";
}

.fi-social-foursquare:before {
    content: "\f1c7";
}

.fi-social-game-center:before {
    content: "\f1c8";
}

.fi-social-github:before {
    content: "\f1c9";
}

.fi-social-google-plus:before {
    content: "\f1ca";
}

.fi-social-hacker-news:before {
    content: "\f1cb";
}

.fi-social-hi5:before {
    content: "\f1cc";
}

.fi-social-instagram:before {
    content: "\f1cd";
}

.fi-social-joomla:before {
    content: "\f1ce";
}

.fi-social-lastfm:before {
    content: "\f1cf";
}

.fi-social-linkedin:before {
    content: "\f1d0";
}

.fi-social-medium:before {
    content: "\f1d1";
}

.fi-social-myspace:before {
    content: "\f1d2";
}

.fi-social-orkut:before {
    content: "\f1d3";
}

.fi-social-path:before {
    content: "\f1d4";
}

.fi-social-picasa:before {
    content: "\f1d5";
}

.fi-social-pinterest:before {
    content: "\f1d6";
}

.fi-social-rdio:before {
    content: "\f1d7";
}

.fi-social-reddit:before {
    content: "\f1d8";
}

.fi-social-skillshare:before {
    content: "\f1d9";
}

.fi-social-skype:before {
    content: "\f1da";
}

.fi-social-smashing-mag:before {
    content: "\f1db";
}

.fi-social-snapchat:before {
    content: "\f1dc";
}

.fi-social-spotify:before {
    content: "\f1dd";
}

.fi-social-squidoo:before {
    content: "\f1de";
}

.fi-social-stack-overflow:before {
    content: "\f1df";
}

.fi-social-steam:before {
    content: "\f1e0";
}

.fi-social-stumbleupon:before {
    content: "\f1e1";
}

.fi-social-treehouse:before {
    content: "\f1e2";
}

.fi-social-tumblr:before {
    content: "\f1e3";
}

.fi-social-twitter:before {
    content: "\f1e4";
}

.fi-social-vimeo:before {
    content: "\f1e5";
}

.fi-social-windows:before {
    content: "\f1e6";
}

.fi-social-xbox:before {
    content: "\f1e7";
}

.fi-social-yahoo:before {
    content: "\f1e8";
}

.fi-social-yelp:before {
    content: "\f1e9";
}

.fi-social-youtube:before {
    content: "\f1ea";
}

.fi-social-zerply:before {
    content: "\f1eb";
}

.fi-social-zurb:before {
    content: "\f1ec";
}

.fi-sound:before {
    content: "\f1ed";
}

.fi-star:before {
    content: "\f1ee";
}

.fi-stop:before {
    content: "\f1ef";
}

.fi-strikethrough:before {
    content: "\f1f0";
}

.fi-subscript:before {
    content: "\f1f1";
}

.fi-superscript:before {
    content: "\f1f2";
}

.fi-tablet-landscape:before {
    content: "\f1f3";
}

.fi-tablet-portrait:before {
    content: "\f1f4";
}

.fi-target-two:before {
    content: "\f1f5";
}

.fi-target:before {
    content: "\f1f6";
}

.fi-telephone-accessible:before {
    content: "\f1f7";
}

.fi-telephone:before {
    content: "\f1f8";
}

.fi-text-color:before {
    content: "\f1f9";
}

.fi-thumbnails:before {
    content: "\f1fa";
}

.fi-ticket:before {
    content: "\f1fb";
}

.fi-torso-business:before {
    content: "\f1fc";
}

.fi-torso-female:before {
    content: "\f1fd";
}

.fi-torso:before {
    content: "\f1fe";
}

.fi-torsos-all-female:before {
    content: "\f1ff";
}

.fi-torsos-all:before {
    content: "\f200";
}

.fi-torsos-female-male:before {
    content: "\f201";
}

.fi-torsos-male-female:before {
    content: "\f202";
}

.fi-torsos:before {
    content: "\f203";
}

.fi-trash:before {
    content: "\f204";
}

.fi-trees:before {
    content: "\f205";
}

.fi-trophy:before {
    content: "\f206";
}

.fi-underline:before {
    content: "\f207";
}

.fi-universal-access:before {
    content: "\f208";
}

.fi-unlink:before {
    content: "\f209";
}

.fi-unlock:before {
    content: "\f20a";
}

.fi-upload-cloud:before {
    content: "\f20b";
}

.fi-upload:before {
    content: "\f20c";
}

.fi-usb:before {
    content: "\f20d";
}

.fi-video:before {
    content: "\f20e";
}

.fi-volume-none:before {
    content: "\f20f";
}

.fi-volume-strike:before {
    content: "\f210";
}

.fi-volume:before {
    content: "\f211";
}

.fi-web:before {
    content: "\f212";
}

.fi-wheelchair:before {
    content: "\f213";
}

.fi-widget:before {
    content: "\f214";
}

.fi-wrench:before {
    content: "\f215";
}

.fi-x-circle:before {
    content: "\f216";
}

.fi-x:before {
    content: "\f217";
}

.fi-yen:before {
    content: "\f218";
}

.fi-zoom-in:before {
    content: "\f219";
}

.fi-zoom-out:before {
    content: "\f21a";
}


/*WORKSHOP MY TASK*/

#maincontent .customer-account-wrapper {
    width: 20%;
    float: left;
}

#maincontent .customer-account-wrapper .account-nav {
    width: unset;
}

@media only screen and (max-width: 426px) {
    #maincontent .workshop-my-task .workshop-task .row .product-image {
        width: 35% !important;
    }
    #maincontent .workshop-my-task .workshop-task .row .workshop-productname {
        float: left;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    #maincontent .workshop-my-task .workshop-task .row .workshop-action form .button.btn-cart {
        border-radius: unset;
    }
    #maincontent .workshop-my-task .workshop-task .row .workshop-action {
        float: left;
        width: 100%;
        max-width: 100%;
    }
    #maincontent .workshop-my-task .workshop-task .row .workshop-action form .button.alert {
        background-color: #C22F00;
        color: #E4DCC5;
        text-transform: uppercase;
        padding: 0.85em 5em;
        margin: 0 0 1rem 0;
        text-align: center;
        line-height: 1;
        border: 1px solid transparent;
        font-weight: bold;
        width: 100%;
        border-radius: unset;
    }
    #maincontent .workshop-my-task .workshop-task .row {
        display: flex;
    }
    #maincontent .workshop-my-task .workshop-task .row .main-product {
        width: 50% !important;
        display: flex;
        flex-flow: column;
        float: none !important;
        padding-left: 20px;
        padding-top: 20px;
    }
    #maincontent .workshop-my-task .workshop-task .row .main-product .workshop-type-and-action {
        flex-flow: column;
    }
    #maincontent .workshop-my-task .workshop-task .row .main-product .workshop-type-and-action div .workshop-type {
        width: 100%;
        float: none !important;
    }
    #maincontent .workshop-my-task .workshop-task .row .main-product .workshop-type-and-action div .workshop-status {
        margin-top: -20px;
        margin-bottom: 15px;
    }
    #maincontent .workshop-my-task .workshop-task .row .main-product .workshop-type-and-action div .more-info.column {
        width: 100%;
        margin-top: 0px;
    }
    .workshop-type p {
        font-weight: initial;
    }
    #maincontent .columns .column.main {
        display: flex;
        flex-flow: column;
    }
    #maincontent .customer-account-wrapper {
        width: 100%;
        float: none;
        order: 1;
    }
    #maincontent .customer-account-wrapper .account-nav {
        width: 100%;
    }
    #maincontent .workshop-my-task {
        width: 100% !important;
        float: none !important;
    }
    #maincontent .workshop-my-task .workshop-task .row .main-product .workshop-type-and-action div .workshop-type p {
        display: none;
    }
}

#maincontent .workshop-my-task {
    width: 75%;
    float: right;
}

#maincontent .workshop-my-task .workshop-task .row {
    display: inline-block;
    width: 100%;
}

#maincontent .workshop-my-task .workshop-task .row .product-image {
    width: 20%;
    float: left;
}

#maincontent .workshop-my-task .workshop-task .row .main-product {
    width: 75%;
    float: right;
}

#maincontent .workshop-my-task .workshop-task .row .main-product .workshop-type-and-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#maincontent .workshop-my-task .workshop-task .row .main-product .workshop-type-and-action .workshop-action input {
    background-color: #C22F00;
    background: linear-gradient(#bf2828 30%, #970000);
    color: #E4DCC5;
    text-transform: uppercase;
    padding: 0.85em 5em;
    margin: 0 0 0.5rem 0;
    text-align: center;
    line-height: 1;
    border: 1px solid transparent;
    font-weight: bold;
}
#maincontent .workshop-my-task .workshop-task .row .main-product .workshop-type-and-action .workshop-action button{
    margin: 0 0 0.5rem 0;
}
#maincontent .workshop-my-task .workshop-task .row .main-product .more-info {
    margin-top: 2rem;
}

#maincontent .workshop-my-task .workshop-list img {
    width: 15%;
}

#maincontent .workshop-my-task .workshop-list .list .content span {
    display: block;
    overflow-wrap: anywhere;
}

#maincontent .workshop-my-task #message_customer.mage-error {
    background-color: rgba(194, 47, 0, 0.1);
    border-color: #C22F00;
}

#maincontent .workshop-my-task .workshop-list ul li:nth-child(even) {
    background: #e1d9c9;
}

.workshop-list p {
    background: rgba(220, 209, 187, 0.7);
    font-weight: bold;
}


/* .form-comment.my-account,
.workshop-list {
    background: rgba(220, 209, 187, 0.7);
    padding: 10px;
} */

.file-uploader {
    margin-bottom: 10px;
}

.file-uploader .admin__field-note {
    padding-left: 5px;
}

.file-uploader .admin__field-allowed_extensions {
    padding-left: 5px;
    padding-bottom: 7.5px;
}

.file-uploader .file-uploader-button {
    margin: 10px 0px;
}

.workshop-frontend-mytask .form-comment.my-account .upload-wrapper .admin__field-note {
    color: #C22F00;
    font-size: 1.1rem;
    padding: 10px 0px;
    line-height: 18px;
}
body[data-mode="dark"] .form-workshop h2 {
    font-size: 16px;
    border-bottom: 1px dashed #222 !important;
    font-weight: bold;
    padding-bottom: 15px;
}

body[data-mode="dark"] .form-workshop .product {
    border-bottom: 1px dashed #222 !important;
    margin-bottom: 1rem;
}

body[data-mode="dark"].workshop-frontend-repair #notes-repair {
    border: 1px solid #222 !important;
}

body[data-mode="dark"].workshop-frontend-spare #notes-spare {
    border: 1px solid #222 !important;
}

label[for="notes-new"] {
    margin-top: 15px;
}

/*.workshop-action .button.btn-cart.expanded {*/
/*    padding: unset !important;*/
/*}*/

.workshop-action .ws-claim-refund-box {
    margin-top: 30px !important;
}

.workshop-action .ws-price-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 20px;
}

.workshop-action .text-bold {
    font-weight: 700;
    text-align: right;
}

.workshop-action .text-red {
    color: #971b19;
    text-align: right;
}

.workshop-action .text-green {
    color: green;
    text-align: right;
}

.workshop-action .wsprice {
    float: right;
}

.workshop-action .ws-price-box small {
    float: right;
    white-space: nowrap;
}

.checkbox-required :before {
    color: red;
    content: "* ";
}
.popup-request-sent,
.popup-user-not-enter-phone-number {
    width: 50%;
    left: 25%;
    top: 25%;
}
.popup-request-sent .modal-title,
.popup-user-not-enter-phone-number .modal-title {
    font-size: 17px;
}
.popup-request-sent .modal-footer button,
.popup-user-not-enter-phone-number .modal-footer button {
    background: linear-gradient(#565652 30%, #242423);
    border-radius: 2px;
    color: #e4dcc5;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 7px 15px;
    font-size: 1.4rem;
    box-sizing: border-box;
    vertical-align: middle;
    text-transform: uppercase;
    border: none;
    line-height: 1.6rem !important;
}
.popup-request-sent .modal-footer button:hover,
.popup-user-not-enter-phone-number .modal-footer button:hover {
    opacity: 0.8;
}
.popup-request-sent .modal-inner-wrap,
.popup-user-not-enter-phone-number .modal-inner-wrap {
    background-color: #e1d9c3;
}
.popup-request-sent .modal-inner-wrap .modal-footer,
.popup-user-not-enter-phone-number .modal-inner-wrap .modal-footer {
    text-align: center !important;
}
.workshop-frontend-spare .column.main > .buttons-set,
.workshop-frontend-repair .column.main > .buttons-set,
.workshop-frontend-workshopnew .column.main > .buttons-set{
    margin-left: 52px;
}

.workshop-frontend-spare .column.main > .buttons-set .back-link a:before,
.workshop-frontend-repair .column.main > .buttons-set .back-link a:before,
.workshop-frontend-workshopnew .column.main > .buttons-set .back-link a:before{
    content: "";
}

.workshop-frontend-spare .column.main > div.std{
    text-align: justify;
}

.form-workshop .button-group.text-right{
    text-align: center;
}

.form-workshop .button-group.text-right .button.action.primary{
    float: unset;
}
.workshop-frontend-mytask .field.captcha.required {
    text-align: center;
}
.workshop-frontend-mytask .field.captcha.required .control.captcha input {
    margin: 15px 0 0 0;
    width: 35%;
}
.workshop-frontend-mytask .control.captcha .control.captcha-image{
    display: grid;
}
.workshop-frontend-mytask .control.captcha .control.captcha-image img{
    margin: auto;
    margin-bottom: 10px;
    width: 35%;
}
.workshop-frontend-mytask .control.captcha .control.captcha-image button{
    margin: auto;
    margin-bottom: 10px;
    width: 35%;
}
.workshop-loader {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    opacity: 1 !important;
    background-image: url(../images/loader-backend-1.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5%;
}
.overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 24;
    background: rgb(221 221 221 / 52%);
    cursor: pointer;
    -webkit-transition: background .5s ease;
    transition: background .5s ease;
    opacity: 1.5;
}
@media screen and (min-width: 768px){
    .workshop-action .button.btn-cart.expanded{

    }
}
body[data-mode="dark"] .file-uploader-area #not-file{
    color: #fff;
}
body[data-mode="dark"] .workshop-action .text-green{
    color: #3eed01;
}
.text-for-img.clicked{
    background: none;
    color: #fff;
    display: block;
}
.info-status-weapon-received .lv-0 label span {
    font-weight: 700;
}