/* Custom Stylesheet */
/* This stylesheet generated by Transfonter (https://transfonter.org) on June 26, 2017 3:49 PM */

@font-face {
    font-family: 'Supermolot';
    src: url('../fonts/Supermolot.eot');
    src: local('Supermolot'),
    url('../fonts/Supermolot.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Supermolot.woff') format('woff'),
    url('../fonts/Supermolot.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Supermolot';
    src: url('../fonts/Supermolot-BoldItalic.eot');
    src: local('Supermolot Bold Italic'), local('Supermolot-BoldItalic'),
    url('../fonts/Supermolot-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Supermolot-BoldItalic.woff') format('woff'),
    url('../fonts/Supermolot-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Supermolot';
    src: url('../fonts/Supermolot-LightItalic.eot');
    src: local('Supermolot Light Italic'), local('Supermolot-LightItalic'),
    url('../fonts/Supermolot-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Supermolot-LightItalic.woff') format('woff'),
    url('../fonts/Supermolot-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Supermolot';
    src: url('../fonts/Supermolot-Black.eot');
    src: local('Supermolot Black'), local('Supermolot-Black'),
    url('../fonts/Supermolot-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Supermolot-Black.woff') format('woff'),
    url('../fonts/Supermolot-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Supermolot';
    src: url('../fonts/Supermolot-Italic.eot');
    src: local('Supermolot Italic'), local('Supermolot-Italic'),
    url('../fonts/Supermolot-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Supermolot-Italic.woff') format('woff'),
    url('../fonts/Supermolot-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Supermolot';
    src: url('../fonts/Supermolot-Light.eot');
    src: local('Supermolot Light'), local('Supermolot-Light'),
    url('../fonts/Supermolot-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Supermolot-Light.woff') format('woff'),
    url('../fonts/Supermolot-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Supermolot';
    src: url('../fonts/Supermolot-Bold.eot');
    src: local('Supermolot Bold'), local('Supermolot-Bold'),
    url('../fonts/Supermolot-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Supermolot-Bold.woff') format('woff'),
    url('../fonts/Supermolot-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Supermolot';
    src: url('../fonts/Supermolot-BlackItalic.eot');
    src: local('Supermolot Black Italic'), local('Supermolot-BlackItalic'),
    url('../fonts/Supermolot-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Supermolot-BlackItalic.woff') format('woff'),
    url('../fonts/Supermolot-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Supermolot';
    src: url('../fonts/Supermolot-Thin.eot');
    src: local('Supermolot Thin'), local('Supermolot-Thin'),
    url('../fonts/Supermolot-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Supermolot-Thin.woff') format('woff'),
    url('../fonts/Supermolot-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Supermolot';
    src: url('../fonts/Supermolot-ThinItalic.eot');
    src: local('Supermolot Thin Italic'), local('Supermolot-ThinItalic'),
    url('../fonts/Supermolot-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Supermolot-ThinItalic.woff') format('woff'),
    url('../fonts/Supermolot-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
html, body, button, input, optgroup, select, textarea {
    font-family: 'Supermolot';
}
.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}
.checkboxes-wrap label {
    font-size: inherit;
    color: inherit;
}
.checkboxes-wrap p {
    clear: both;
}
th.border-trasparent {
    border: none;
}
.mt-50 {
    margin-top: 50px;
}
.mt-20 {
    margin-top: 20px!important;
}
.ml-10 {
    margin-left: 10px!important;
}
.mr-10 {
    display: inline-block;
    margin-right: 10px!important;
}
.mb-20 {
    margin-bottom: 20px!important;
}
.mb-6 {
    margin-bottom: 6px;
}
input[type=number] {
    height: 1.5rem!important;
    width: 2.1rem!important;
}
.custom-part .custom-part-name {
    height: 1.5rem!important;
    width: 20rem!important;
}
.custom-part .custom-part-price {
    width: 4rem!important;
}
.text-mute {
    color: #9e9e9e;
}
.invoice-header {
    height: 150px;
    display: flex;
    align-items: center;   /* центрируем по вертикали */
    justify-content: space-between; /* текст слева, картинка справа */
}
.invoice-header .auto-name {
    font-size: 1.15rem;
    line-height: 110%;
}
.invoice-header .car-photo img {
    max-height: 140px;
}
.manager-sign {
    margin-top: 50px;
    font-weight: bold;
    float: right;
    margin-right: 200px;
}
.nobold {
    font-weight: normal;
}
.disabled {
    color: #eceff1;
    cursor: auto;
}
.spoiler-arrow {
    width: 16px;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.spoiler-arrow.spoiler-arrow-down {
    transform: rotate(90deg); /* из вправо в вниз */
}
.d-none {
    display: none;
}
th.name-th {
    width: 50%;
}
.clear-both {
    clear: both;
}
input[type=number].discount-input, input[type=number].custom-discount-input {
    min-width: 46px!important;
}
.input-field {
    margin-bottom: 2rem;
}
.select-wrapper + label {
    top: -22px;
}
.dropdown-content li {
    min-height: 42px;
}
.dropdown-content li > a, .dropdown-content li > span {
    padding: 10px 12px;
}
.total label {
    float: right;
    margin-right: 20px;
}
.invoice-table tr.added-part.marked {
    border-top: 2px solid black;
}
nav {
    background-color: black!important;
}
nav .brand-logo {
    top: 6px;
}
nav .brand-logo img {
    max-height: 50px;
}
@media only screen and (max-width: 992px) {
    nav .brand-logo img {
        max-height: 42px;
    }
}
.btn {
    background-color: #ED1C24!important;
}
.dropdown-content li > a, .dropdown-content li > span {
    color: black!important;
}
.edit-custom {
    cursor: pointer;
}
.custom-price-input {
    min-width: 72px;
}
.custom-count-input {
    min-width: 20px;
}
.custom-discount-input {
    min-width: 20px;
}