form {
    background-color: #fff;
}

.red {
    color: #ff0000;
}

.green {
    color: #32b974;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-large {
    font-size: large;
}

.vertical-space-30 {
    clear: both;
    height: 30px;
    width: 100%;
}

.vertical-space-10 {
    clear: both;
    height: 10px;
    width: 100%;
}

.disabled-link {
    color: #777777 !important;
}

.validator {
    color: #FF0000;
    display: block;
    float: right;
    font-size: 18px;
    height: 16px;
    margin-top: 8px;
    width: 16px;
    text-indent: -9999px;
    background-image: url(../Images/close_16.png);
}

    .validator img {
        margin-top: 2px;
    }

.validation-summary {
    /*border: 1px solid #f12212;
    border-radius: 5px;
    padding: 30px 50px 30px 100px;
    font-family: Arial;
    width: 100%;
    background-color: transparent;
    margin-bottom: 10px;
    margin-top: 10px;
    background-image: url(../Images/icon-warning.png);
    background-repeat: no-repeat;
    background-position: 2% 50%;
    color: #787f90;
    min-height: 80px;*/
    font-family: 'Poppins', sans-serif;
    width: 100%;
    padding: 18px 15px 15px 15px;
    border-radius: 0px;
    background: #f9c3bf;
    color: #252525;
    font-weight: 600;
    font-size: 14px;
}

.validation-summary-success {
    font-family: 'Poppins', sans-serif;
    width: 100%;
    padding: 18px 15px 15px 15px;
    border-radius: 0px;
    background: #BFF9C8;
    color: #252525;
    font-weight: 600;
    font-size: 14px;
}

.validation-summary > ul,
.validation-summary-success > ul {
    list-style: none;
    margin-bottom: 0px;
    padding-inline-start: 0px;
}

.validation-summary > ul > li,
.validation-summary-success > ul > li {
    margin-bottom: 3px;
}


.validation-summary-success-img {
    width: 36px;
}

.validation-summary-success-text {
    font-size: 16px;
    font-weight: 700;
    color: #252525;
    margin-left: 20px;
}

.validation-summary-success-bottom-text {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #252525;
    margin-bottom: 20px;
}

    .validation-summary-success-bottom-text a,
    .validation-summary-success-bottom-text a:visited,
    .validation-summary-success-bottom-text a:focus {
        font-size: 15px;
        font-weight: 700;
        color: #252525;
        text-decoration: underline;
        line-height: 20px;
    }

.order-sent-smartservis-text {
    font-size: 15px;
    font-weight: 400;
    color: #252525;
    line-height: 24px;
    margin-bottom: 10px;
}

    .order-sent-smartservis-text strong {
        font-weight: 700;
        line-height: 24px;
    }

.validation-summary-success-bottom-text a:hover {
    font-size: 15px;
    font-weight: 700;
    color: #252525;
    text-decoration: none;
}

.validation-summary-success > ul {
    list-style-type: none;
}

.validation-summary-warning {
    font-family: 'Poppins', sans-serif;
    width: 100%;
    padding: 18px 15px 15px 15px;
    border-radius: 0px;
    background: #fdf29a;
    color: #252525;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 2px solid #ebd200;
}

    .validation-summary-warning > ul {
        list-style: none;
        margin-bottom: 0px;
        padding-inline-start: 0px;
    }

        .validation-summary-warning > ul > li {
            margin-bottom: 3px;
        }

            .validation-summary-warning > ul > li a,
            .validation-summary-warning > ul > li a:focus,
            .validation-summary-warning > ul > li a:visited,
            .validation-summary-warning > ul > li a:hover {
                color: #252525;
            }

/*.validation-summary ul > li
{
    background-image: url("../Images/li-black.png");
    background-position: 0 5px;
    background-repeat: no-repeat;
    list-style: none outside none;
    padding-left: 15px;
    height: 20px;
    font-size: 14px;
    color: #000000;
}*/
#jquery-lightbox {
    z-index: 999999 !important;
}

/*.table-simple-border tr
{
}

.table-simple-border td
{
    border: 1px solid #000000;
}

.table-simple-border td a
{
    display: block;
    width: 100%;
    height: 40px;
}

.table-simple-border td.default
{
    background-color: #ff0000;
}*/

/* Login */
.login-form {
    width: 300px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -150px;
}

/* Autocomplete */
#txtAutoComplete {
    width: 300px;
}

.autocomplete strong {
    font-weight: normal;
}

.autocomplete > div {
    background-color: #F3F3F3;
    padding-left: 20px;
    padding-top: 5px;
    width: 255px;
}

.autocomplete {
    background-color: #F5F5F5;
    max-height: 999999999999px !important;
}

    .autocomplete .selected {
        background-color: #DCDCDC;
    }

.ui-effects-transfer {
    border: 2px dashed #5368a0;
    z-index: 9999;
}

.link {
    color: Blue;
    text-decoration: underline;
    cursor: pointer;
}

    .link.dark-blue {
        color: #314882;
    }

        .link.dark-blue:hover {
            text-decoration: none;
        }


.invoice-list .responsive-body .column-4 {
    padding-top: 10px !important;
}

.invoice-list .invoice-number {
    display: block;
    padding-right: 9px;
    float: left;
    margin-top: 15px;
}

.invoice-list .export-invoice {
    width: 20px;
    display: inline-block;
    padding-top: 2px;
}

    .invoice-list .export-invoice img {
        margin-bottom: 5px;
    }

@media(max-width: 1023px) {
    .invoice-list .export-invoice {
        margin-top: 10px;
    }

        .invoice-list .export-invoice img {
            margin-bottom: 0;
        }
}
/* Formulare */
div.form-wrapper {
    width: 400px;
    border: 1px solid #edf1fb;
    padding: 13px 17px;
    margin-bottom: 20px;
}

#attractive-tyres > div {
    width: 790px;
}

/*#steel-rims, alu-rims, #personal, #other 
{
	
    width:790px;
}*/

/*#steel-rims a,*/ #alu-rims a, #personal a /*, #other a*/ {
    font-size: 11px;
}


div.form-wrapper.form-wrapper-755 {
    width: 755px;
}

div.form-wrapper.form-wrapper-675 {
    width: 675px;
}

div.form-wrapper.form-wrapper-580 {
    width: 580px;
}

div.form-wrapper.form-wrapper-445 {
    width: 445px;
}

div.form-wrapper.form-wrapper-380 {
    width: 380px;
}

div.form-wrapper.form-wrapper-320 {
    width: 320px;
}

div.form {
}

.form-header {
    padding-left: 15px;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 10px;
    color: #5368a0;
}

.table-header {
    font-size: 15px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #5368a0;
}

div.form > .header {
    width: 100%;
    height: 27px;
    font-size: 14px;
    color: #5368a0;
}

div.form > .item {
    width: 460px;
    height: 30px;
}

.form-wrapper-chart {
    width: 396px !important;
    padding: 0 !important;
    margin-right: 8px;
}

    .form-wrapper-320 div.form > .item, .form-wrapper-chart div.form > .item {
        width: 320px;
        height: 30px;
    }

        .form-wrapper-320 div.form > .item > .editor, .form-wrapper-chart div.form > .item > .editor {
            width: 170px;
            height: 30px;
        }

div.form.no-line-spaces > .header {
    height: 17px;
}

div.form.no-line-spaces > .item {
    height: 17px;
}

div.form > .item.editor-height-4 {
    width: 460px;
    height: 100px;
}

div.form > .item.editor-height-5 {
    width: 460px;
    height: 125px;
}

div.form > .item > .caption {
    float: left;
    width: 150px;
    padding-top: 4px;
    line-height: 13px;
}

div.form > .ares-caption {
}

div.form > .item > .editor {
    float: right;
    width: 302px;
}

div.form > .item > .seditor {
    float: left;
    width: 280px;
}

/*input[type="text"]
{
    background-color: transparent;
    background-image: url("../Images/input.png");
    background-repeat: no-repeat;
    border-style: none;
    height: 18px;
    padding: 2px 6px;
    width: 270px;
}

input[type="text"].input-162
{
    width: 150px;
    background-image: url("../Images/input.png");
}*/

input[type="text"].input-150 {
    width: 140px;
    background-image: url("../Images/input-140.png");
    background-size: 100% 100% !important;
}

.upload_file {
    background-color: transparent;
    background-image: url("../Images/input-file-en.png");
    background-repeat: no-repeat;
    border-style: none;
    height: 18px;
    padding: 2px 6px;
    width: 270px;
    display: block;
    cursor: pointer;
}

.upload_file_cz /*.Czech #upload_file*/ {
    background-color: transparent;
    background-image: url("../Images/input-file-cz.png");
    background-repeat: no-repeat;
    border-style: none;
    height: 18px;
    padding: 2px 6px;
    width: 270px;
    display: block;
    cursor: pointer;
}

input[type="file"] {
    font-size: 40px;
    height: 35px;
    position: absolute;
    right: 18px;
    top: 0;
    width: 282px;
    color: transparent;
    background-color: transparent;
    border: 0;
    zoom: 1;
    filter: alpha(opacity: 0);
    -moz-opacity: 0;
    opacity: 0;
    z-index: 9999;
}
/*
input[type="text"][readonly="readonly"]
{
    background-image: url("../Images/input-readonly.png");
}

input[type="text"].input-162
{
    background-image: url("../Images/input-162.png");
    width: 150px;
}


input[type="text"][readonly="readonly"].input-162
{
    background-image: url("../Images/input-162-readonly.png");
}

input[type="text"][readonly="readonly"].input-35
{
    background-image: url("../Images/input-35-readonly.png");
}

input[type="password"]
{
    background-color: transparent;
    background-image: url("../Images/input.png");
    background-repeat: no-repeat;
    border-style: none;
    height: 18px;
    padding: 2px 6px;
    width: 270px;
}

input[type="text"].input-42
{
    background-color: transparent;
    background-image: url("../Images/input-42.png");
    background-repeat: no-repeat;
    border-style: none;
    height: 18px;
    padding: 2px 6px;
    width: 30px;
    margin-right: 2px;
}

input[type="text"].input-35
{
    background-color: transparent;
    background-image: url("../Images/input-35.png");
    background-repeat: no-repeat;
    border-style: none;
    height: 18px;
    padding: 2px 6px;
    width: 23px;
    margin-right: 2px;
}

input[type="text"].input-35.error
{
    background-image: url("../Images/input-35-error.png");
}
*/

input[type="text"].input-35 {
    /*background-color: transparent;
    background-image: url("../Images/input-35.png");
    background-repeat: no-repeat;*/
    border-style: none;
    height: 18px;
    padding: 2px 6px;
    width: 23px;
    margin-right: 2px;
}

div.form > .item > .editor > textarea {
    background-image: url("../Images/textarea-292-90.png");
    background-repeat: no-repeat;
    border: medium none;
    height: 78px;
    overflow: auto;
    padding: 6px;
    resize: none;
    width: 270px;
}

div.form > .wrap-800 {
    width: 800px;
}

.captcha > table {
    width: 467px;
}

.captcha .dxeEditArea {
    background-color: transparent;
    background-image: url("../Images/input-200.png");
    background-repeat: no-repeat;
    border-style: none;
    height: 18px !important;
    padding: 2px 6px;
    width: 193px;
}

.captcha .dxeTextBox {
    border: none !important;
}

.margin-txt {
    width: 85%;
    display: inline-block;
}

.margin-drop {
    width: 150px;
}

.txtAmount {
    width: 30px;
    padding-right: 5px;
    padding-left: 5px;
    height: 20px;
    float: left;
    margin-right: 3px;
}

.button-80 {
    background-color: transparent;
    background-image: url("../Images/button-80.png");
    background-repeat: no-repeat;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 22px;
    width: 80px;
    display: block;
}

.button-80-inline {
    background-color: transparent;
    background-image: url("../Images/button-80.png");
    background-repeat: no-repeat;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 22px;
    width: 80px;
}

.button-117 {
    background-color: transparent;
    background-image: url("../Images/button-117.png");
    background-repeat: no-repeat;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 22px;
    width: 117px;
}

.button-133 {
    background-color: transparent;
    background-image: url("../Images/button-133.png");
    background-repeat: no-repeat;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 22px;
    width: 133px;
}

.button-215 {
    background-color: transparent;
    background-image: url("../Images/button-215.png");
    background-repeat: no-repeat;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 22px;
    width: 215px;
}

    .button-215.register {
        text-align: center;
        text-decoration: none;
        padding-top: 3px;
        height: 19px;
    }

.button-325 {
    background-color: transparent;
    background-image: url("../Images/button-325.png");
    background-repeat: no-repeat;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 22px;
    width: 325px;
}

.button-special-highlighted {
    background-image: url("../Images/OurProducts/button-order.png") !important;
    font-size: 13px !important;
    width: 217px !important;
    height: 47px !important;
    margin-top: 13px !important;
    padding-top: 14px !important;
}


.button-133.highlight-1 {
    background-image: url("../Images/button-133-blue.png");
}

.button-133.dimmed {
    background-image: url("../Images/button-133-blue.png");
}

.button-215.dimmed {
    background-image: url("../Images/button-215-blue.png");
}

.button-133:hover {
    text-decoration: underline;
}

.button-325:hover {
    text-decoration: underline;
}

.legal-info {
    color: #848484;
    font-size: 11px;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* combobox */
.cmf-skinned-select {
    height: 22px !important;
    width: 282px !important;
    background-image: url(../Images/combo.png);
    float: left;
    margin-right: 4px;
}

.combo-box.readonly select {
    color: #000000;
}

.combo-box.readonly .cmf-skinned-select {
    background-image: url(../Images/combo-readonly.png);
}

.combo-162 .cmf-skinned-select {
    width: 162px !important;
    background-image: url(../Images/combo-162.png);
}

.combo-162.readonly .cmf-skinned-select {
    background-image: url(../Images/combo-162-readonly.png);
}

.combo-75.readonly .cmf-skinned-select {
    background-image: url(../Images/combo-75-readonly.png);
}

.combo-200 .cmf-skinned-select {
    width: 200px !important;
    background-image: url(../Images/combo-200.png);
}

.combo-220 .cmf-skinned-select {
    width: 220px !important;
    background-image: url(../Images/combo-220.png);
}

.combo-162.first .cmf-skinned-select {
    margin-left: 5px;
}

.combo-75 .cmf-skinned-select {
    width: 75px !important;
    background-image: url(../Images/combo-75.png);
}

.combo-100 .cmf-skinned-select {
    width: 100px !important;
    background-image: url(../Images/combo-100.png);
}

.cmf-skinned-text {
    padding-left: 7px;
    padding-top: 3px;
}

select {
    width: 100%;
    height: 100%;
}

.column .combo-box .cmf-skinned-select {
    margin-top: 10px;
}

/*select option
{
	width: 254px;
	height: 30px;
}*/

.cmf-skinned-select + .validator {
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
}

.combo-box.inline .cmf-skinned-select {
    display: inline-block;
    float: none;
}

/* Design */



.navbar a {
    text-decoration: none;
}

.browse {
    margin-bottom: 5px;
    font-size: 12px;
}

.registration-wrapper {
    border-radius: 20px;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

    .registration-wrapper .ares-load {
        background-color: transparent;
        border: none;
        text-decoration: underline;
        color: #2ECA71;
        font-weight: bold;
    }

    .registration-wrapper > .section {
        /*border-bottom: 1px solid #e3e3e3;*/
        overflow: auto;
        font-size: 14px;
        line-height: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        border-radius: 0px;
    }

        .registration-wrapper > .section > .inner {
            display: inline-block;
        }

        .registration-wrapper > .section > .form-header {
            font-size: 20px;
            font-weight: bold;
            line-height: 1.5;
            color: #252525;
            padding-left: 20px;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

    .registration-wrapper .form-horizontal {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 15px;
    }

    .registration-wrapper .form-horizontal > div {
        border-radius: 20px;
        box-shadow: 0px 0px 20px #00000015;
        padding: 20px;
    }

    .registration-wrapper .section.section-recaptcha {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .registration-wrapper .section.section-recaptcha .form-horizontal > div {
        box-shadow: none;
    }

    .registration-wrapper .form-horizontal .form-group:last-child {
        margin-bottom: 0px;
    }

        .registration-wrapper .form-combo {
            width: 41.66666667%;
            position: relative;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px;
            float: left;
        }

        .registration-notice {
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

        .registration-notice > div {
            margin-left: 15px;
            margin-right: 15px;
            background: #FDBD2C;
            border-radius: 15px;
            padding: 20px;
            color: #000000;
            font-weight: 600;
        }

    .register-button-wrapper {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }


        .register-button-wrapper .btn.btn-success {
            width: 100%;
            margin-left: 0px;
            height: 50px;
            display: flex;
            align-items: center;
            color: #FFFFFF;
            font-weight: 600;
            font-size: 14px;
            text-transform: none;
            border-radius: 15px;
            transition: 0.18s all linear;
            font-family: 'Poppins', sans-serif;
            justify-content: center;
            background: #27A25C;
            color: #FFFFFF;
            font-weight: 700;
        }

.register-button-wrapper .btn.btn-success:hover {
    background: #21884D;
    color: #FFFFFF;
}

.registration-wrapper .form-validator {
    width: 8.33333333%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}

    .registration-wrapper .form-control {
        height: 40px;
        border: 1px solid #e3e3e3;
        border-radius: 10px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .registration-wrapper #contentMain_txtCin {
        border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
    }

    .registration-wrapper .control-label {
        color: #252525;
    }

    .load-ares {
        height: 40px;
        background: green;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 8px;
        /* width: 59px; */
        flex-grow: 1;
        background: #27A25C;
        color: #FFFFFF;
        font-weight: 600;
        border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        cursor: pointer;
    }

.popup-ares {
    position: absolute;
    background-color: white;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    bottom: -86px;
    right: 15px;
}

    .file-upload {
        cursor: pointer;
        font-size: 8px;
        opacity: 0 !important;
        left: 0px;
        width: 100% !important;
    }

#upload_file_general_trade_terms {
    width: 250px;
    display: inline-block;
}

.navbar-collapse {
    height: 75px;
}

#menus {
    height: 75px;
    overflow: hidden;
    position: relative;
}

#menu-1 {
    position: absolute;
    left: 0;
    -webkit-transition: left 1s linear;
}

#menu-2 {
    position: absolute;
    left: 0;
    -webkit-transition: left 1s linear;
    height: 75px;
}

#menu-1.animate {
    left: -1000px;
}

#menu-2.animate {
    left: -1000px;
}
/*
#menu-1
{
    height:75px !important;

}

#menu-2
{
    height:75px !important;

}

#menus
{
    height:100% !important;

}*/


.grid-licences .form-control {
    /*height:20px;*/
    width: 150px;
    margin-top: 5px;
}

.cart-page .txtAmount {
    padding-top: 0px;
    margin-top: -3px;
    height: 15px;
    width: 25px;
}

body {
    margin: 0;
    padding: 0;
    /*background-image: url(../Images/main-background.png);
    background-repeat: repeat-x;*/
    background-color: #ffffff;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #464d5e;
    letter-spacing: 0px;
}

#spanUploadCSV {
    display: inline-block;
}

#spanUploadLogo {
    display: inline-block;
    width: 59%;
    margin-right: 5px;
}

a {
    color: #314882;
    text-decoration: underline;
}

    a:hover {
        text-decoration: none;
    }

    a img {
        border: none;
    }

h1 {
    color: #252525;
    font-size: 32px;
    margin: 0px;
    font-weight: 600;
}

h2 {
    font-size: 28px;
    color: #252525;
    font-weight: 600;
}


.supplier-detail h2 {
    margin-top: 0;
}



.main-container.row {
    padding-left: 0px;
    padding-right: 0px;
}

/*.main-wrapper
{
    width: auto;
    margin-left: auto;
    margin-right: auto;
}*/

.btn-success a {
    color: #ffffff;
    text-decoration: none;
}

.btn-transparent {
    background-color: transparent;
}


.btn-footer {
    color: #314882;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    height: 60px;
}

    .btn-footer img {
        float: left;
        padding: 0;
    }

    .btn-footer .text {
        color: #314882;
        display: inline-block;
        padding-top: 13px;
        padding-left: 15px;
    }

.jumbotron {
    background-color: #314882;
    min-height: 400px;
    background-image: url(../Images/tire.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px;
}

@media only screen and (max-width: 1023px) {

    .table .row {
        margin-left: 0;
        margin-right: 0;
    }

        .table .row.header:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .table * html .row.header {
        zoom: 1;
    }

    .table *:first-child + html .row.header {
        zoom: 1;
    }

    .table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }

        .table .row.header > .column, .table.responsive-grid:not(.suppliers-list) .responsive-body .row > .column {
            margin: 0;
            vertical-align: top;
            min-height: 65px;
        }

    .grid-wrapper-supplier-control .table .row.header > .column-4 {
        padding-top: 25px;
    }

    .grid-wrapper-supplier-control .table .row.header > .column-5.last {
        padding-top: 25px;
    }

    .table .subrow.header > .column, .table.responsive-grid:not(.suppliers-list) .responsive-body .row > .column {
        min-height: 65px;
    }

    .table .row.header > .column {
        display: block;
        text-align: left;
        padding-left: 30%;
        padding-top: 0px;
    }

        .table .row.header > .column.column-0 {
            padding-top: 0px;
        }

    .table {
        display: block;
        position: relative;
        width: 100%;
    }

        .table .row.header {
            display: block;
            float: left;
            background-color: #f1f1f1;
            border: 1px solid #d4d4d4;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            width: 130px !important;
        }

        .table .responsive-body {
            display: block;
            width: auto;
            position: relative;
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap;
            border: 1px solid #d4d4d4;
            border-left: 0;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        .table .row.header {
            display: block;
            font-weight: bold;
            padding-right: 65px;
        }

        .table .responsive-body .row {
            display: inline-block;
            vertical-align: top;
            background-color: #ffffff;
            border-right: 1px solid #d4d4d4;
            margin-left: 0px;
            padding-left: 20px;
            padding-right: 20px;
        }

        .table:not(.suppliers-list) .responsive-body .row > .column {
            display: block;
            /*min-height: 1.25em; */
            text-align: left;
            width: 100% !important;
            margin-left: 5px;
            margin-right: 5px;
            padding-top: 10px;
        }


        .table .row.header > .column {
            border-bottom: 0;
            border-left: 0;
        }

    .alu-rims-page > .main-container .column.icons.column-3, .steel-rims-page > .main-container .column.icons.column-3 {
        width: 120px !important;
    }

    .alu-rims-page > .main-container .column.column-3, .steel-rims-page > .main-container .column.column-3 {
        padding-top: 10px;
    }

    .column.steel-rims-product-name.column-2, .column.alu-rims-product-name.column-2, .column.tpms-product-name.column-2, .column.snow-product-name.column-2 {
        padding-top: 25px !important;
    }

    /*.column.column-4{
        height: 95px !important;
    }*/

    .tyres-list-control .rims-grid-header-icons {
        width: 100px;
    }
    /*.table.responsive-grid .responsive-body .row > .column { border-left: 0; border-right: 0; border-bottom: 0; }*/ s

    .table .responsive-body > .row {
    }
    /*.table.responsive-grid .responsive-body > .row:last-child { border-right: 0; }
	.table.responsive-grid .row.header > .column:last-child,
	.table.responsive-grid .responsive-body > .row > .column:last-child { border-bottom: 1px solid #d4d4d4; }*/

    .pager {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

        /* strankovani */
        .pager > a {
            color: #252525;
            margin-top: 10px;
            border: none;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            float: left;
            margin-right: 5px;
            text-align: center;
            width: 24px;
            text-decoration: none;
            width: 40px;
            height: 40px;
            font-size: 16px;
            font-weight: bold;
            background-color: #EFF1F7;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
        }

            .pager > a:hover {
                color: #FFFFFF;
                background-color: #26A25C;
            }

            .pager > a.selected {
                font-weight: bold;
                border: none;
                color: #FFFFFF;
                background-color: #26A25C;
            }

        .pager > .dots {
            color: #000000;
            padding-top: 6px;
            margin-top: 10px;
            display: block;
            float: left;
            height: 20px;
            margin-right: 10px;
            text-align: center;
            width: 24px;
            text-decoration: none;
        }

    .table .row.header > .column a {
        color: #314882;
        display: block;
        padding-left: 35px;
        padding-top: 25px;
        height: 65px;
        text-decoration: none;
        background-image: url(../Images/icon-sortable-inactive.png);
        background-position: left 5px center;
        background-repeat: no-repeat;
        font-size: 16px;
        text-align: left;
    }

    .table .subrow.header > .column a {
        height: 65px;
    }

    .table .row.header > .column a:hover {
        background-image: url(../Images/icon-sortable-active.png);
        background-position: left 5px center;
    }

    .table .row.header > .column a.selected.ascending {
        background-image: url(../Images/icon-sortable-ascending.png);
        background-position: left 5px center;
    }

    .table .row.header > .column a.selected.descending {
        background-image: url(../Images/icon-sortable-descending.png);
        background-position: left 5px center;
    }

    /*.table.responsive-grid .row.header > .column a:hover {
        background-image: url(../Images/order-hover.png);
        background-position: left 0px top 23px;
    }

    .table.responsive-grid .row.header > .column a.selected.ascending {
        background-image: url(../Images/order-ascending.png);
        background-position: left 0px top 23px;
    }

    .table.responsive-grid .row.header > .column a.selected.descending {
        background-image: url(../Images/order-descending.png);
        background-position: left 0px top 23px;
    }*/

    .table .responsive-body > .row > .column.image-27 {
        /*height: 21px;
        width:24px !important;
        margin: 8px;
        border:1px solid silver;
        border-radius:5px;
        padding:12px;
        padding-right:14px;*/
        padding: 0;
        background-color: transparent;
    }

        .table .responsive-body > .row > .column.image-27 img {
            margin: 8px;
            border: 1px solid silver;
            border-radius: 5px;
            padding: 11px;
            padding-top: 12px;
        }

    .table .row > .column.highlight-1 {
        font-size: 14px;
        font-weight: bold;
        color: #d03838;
    }

    .table .row > .column.highlight-2 {
        font-size: 13px;
        font-weight: bold;
        color: #2ECA71;
        padding-top: 27px;
    }

    .table .column .icons {
        border: 1px solid #d4d4d4;
        border-radius: 5px;
        /*padding:10px;*/
        display: block;
        float: left;
        margin-right: 5px;
        padding: 10px;
        padding-left: 10px;
        padding-right: 10px;
        width: 45px;
        height: 45px;
    }

        .table .column .icons.dot, .table .column .icons.demo, .table .column .icons.special-offer-detail {
            padding-top: 14px;
        }

        .table .column .icons.test {
            color: #787f90;
            font-weight: bold;
            padding-bottom: 13px;
            padding-top: 14px;
            padding-left: 8px;
            padding-right: 8px;
        }

        .table .column .icons.tip {
            color: #FFFFFF;
            font-weight: bold;
            padding-bottom: 13px;
            padding-top: 15px;
            padding-left: 13px;
            padding-right: 13px;
            width: 45px;
            background-image: url(../Images/icon-star.svg);
            background-size: 27px;
            background-position: center;
            background-repeat: no-repeat;
        }

        .table .column .icons.dot, .table .column .icons.special-offer-detail {
            color: #314882;
            font-weight: bold;
            width: 45px;
        }

        .table .column .icons.dot-demo {
            color: #314882;
            font-weight: bold;
            width: 45px;
            font-size: 12px;
            padding-top: 6px;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-top: 5px;
        }


    .rims-grid-header-icons .icons.dot {
        color: #314882;
        font-weight: bold;
        padding-bottom: 13px;
        padding-top: 14px;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 5px;
        width: 45px;
        height: 45px;
    }

    .rims-grid-header-icons .icons.demo {
        color: #314882;
        font-weight: bold;
        padding-bottom: 13px;
        padding-top: 14px;
        padding-left: 3px;
        padding-right: 10px;
        margin-top: 5px;
        width: 45px;
        height: 45px;
    }

    .offer-order.vertically-aligned-table-text-cell tr {
        border-left: 0px;
    }

    .vertically-aligned-table-text {
        width: auto;
    }

    .table .row.header .small {
        font-size: 16px;
        /*padding-right:20px;*/
    }



    .table .row.header .vertically-aligned-table-text tr td {
        text-align: left;
    }

    /*.table .row > .supplier-parameter, .table .row > .supplier-parameter .vertically-aligned-table-text tr {
        height: 150px;
    }*/

    .main-attractive-wrapper.tabbed .responsive-body {
        border-left: 1px solid #d4d4d4;
    }

    .icon-block {
        float: left;
        margin-left: 0px;
    }

    .blank-icon {
        width: 0px;
        height: 50px;
        float: left;
        margin-left: 2px;
    }

    .highlight-stock-amount {
        left: 0px !important;
        top: 30px !important;
    }

    .steel-rims-page .table.responsive-grid .responsive-body .row > .column-2 {
        margin-bottom: 10px;
    }
}

@media(min-width: 1024px) {
    .table {
        font-size: 14px;
        /*border: 1px solid #c1d2ff;*/
        padding: 1px;
        margin-top: 13px;
        /*margin-right:auto;
        margin-left:auto;*/
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
        margin-bottom: 0;
    }

        .table * {
            /*box-sizing:content-box !important;*/
        }


        .table a {
            color: #314882;
            /*font-weight: bold;*/
        }

        .table .row {
            height: 65px;
            margin-left: 0px !important;
            margin-right: 0px !important;
            border: 1px solid #d4d4d4;
            margin-bottom: 2px;
            border-radius: 5px;
        }

        .table .subrow {
            height: 65px;
        }

        .table .row.odd {
            background-color: #ffffff;
        }

        .table .row.even {
            background-color: #ffffff;
        }

        .table .row > .column {
            height: 27px;
            padding-top: 10px;
            /*padding-left: 20px;*/
            float: left;
        }

            .table .row > .column.image-32 {
                /*width:auto !important;
        height: 100%;*/
                padding-top: 6px;
            }

            .table .row > .column.steel-rims-product-name, .table .row > .column.tpms-product-name, .table .row > .column.snow-product-name {
                /*width:auto !important;
        height: 100%;*/
                padding-top: 25px;
            }

            .table .row > .column.alu-rims-product-name {
                padding-top: 15px;
            }

            .table .row > .column.image-27 {
                /*height: 21px;
        width:24px !important;
        margin: 8px;
        border:1px solid silver;
        border-radius:5px;
        padding:12px;
        padding-right:14px;*/
                padding: 0;
            }

                .table .row > .column.image-27 img {
                    margin: 8px;
                    border: 1px solid silver;
                    border-radius: 5px;
                    padding: 11px;
                    padding-top: 12px;
                }

            .table .row > .column.image-150-40 {
                padding: 0 !important;
                padding-top: 1px !important;
                width: 150px !important;
                height: 40px;
            }

            .table .row > .column.highlight-1 {
                font-size: 16px;
                font-weight: bold;
                color: #e20900;
            }

        .table .row .command-column {
            /*padding-left: 5px;
        padding-right: 5px;*/
        }

        .table .row .form-combo {
            padding-top: 10px;
            height: 50px;
        }

        .table .row input[type=checkbox] {
            margin-top: 15px;
        }

        .table .command-column a {
            text-decoration: none;
        }

        .table .row > .column.highlight-1 a {
            text-decoration: none;
            color: #d03838;
        }

        .table .row > .column.highlight-2 {
            font-size: 16px;
            font-weight: bold;
            color: #2ECA71;
            padding-top: 27px;
        }

        .table .row > .column.highlight-3 {
            font-size: 13px;
            font-weight: bold;
            color: #2F3B6F;
        }

        .table .row.header {
            color: #314882;
            font-size: 16px;
            font-weight: bold;
            /*background-image: url(../Images/column-header-background.png);
        background-repeat: repeat-x;*/
            height: 65px;
            border-radius: 3px;
            background-color: #f1f1f1;
            border: 0;
        }

        .table .subrow.header {
            height: 65px;
        }

        .table .row.header .small {
            font-size: 16px;
            /*padding-right:20px;*/
        }

        .table .row.header > .column {
            /*background-position: right top;
        background-image: url(../Images/column-separator.png);
        background-repeat: no-repeat;*/
            /* margin-left:10px;*/
        }

        .table .row.header > .column-0 {
            /*background-position: right top;
        background-image: url(../Images/column-separator.png);
        background-repeat: no-repeat;*/
            /*margin-left:10px !important*/
            padding-left: 10px;
        }

        .table .row > .column-0 {
            padding-left: 10px;
        }

    .table-simple-border tr {
    }

    .table-simple-border td {
        border: 1px solid #000000;
    }

        .table-simple-border td a {
            display: block;
            width: 100%;
            height: 40px;
        }

        .table-simple-border td.default {
            background-color: #ff0000;
        }

    .table .row.header > .column.sortable {
        padding: 0;
        height: 65px;
    }

    .table .subrow.header > .column.sortable {
        height: 65px;
    }

    .table .row.header > .column a {
        color: #314882;
        display: block;
        padding-left: 35px;
        padding-top: 25px;
        height: 65px;
        text-decoration: none;
        background-image: url(../Images/icon-sortable-inactive.png);
        background-position: left 5px center;
        background-repeat: no-repeat;
        font-size: 16px;
        text-align: left;
    }

    .table .subrow.header > .column a {
        height: 65px;
    }

    /*pro velke tlacitka razeni*/
    /*.table  .row.header > .column-0 a
{
       
        background-position:right 30px top 26px;
        padding-left:10px;
    }*/

    .table .row.header > .column {
        padding-top: 25px;
        height: 65px;
        font-size: 16px;
    }

    .steel-rims-page .table .row.header > .column-4 {
        padding-top: 10px;
    }

    .steel-rims-page .grid-title {
        background-color: #314882;
        border-radius: 5px;
        height: 42px;
        padding-right: 4px;
        color: white;
        font-size: 20px;
        padding-top: 12px;
        padding-left: 20px;
        margin-top: 10px;
        margin-bottom: -10px;
    }

    .table .subrow.header > .column {
        height: 65px;
    }

    .table .responsive-body .row > .column.text {
        padding-top: 25px;
    }

    /*.table .responsive-body .row:nth-child(1), .table .responsive-body .row:nth-child(2)
{
        background-color:#d4d4d4;
    }*/


    .table .row.header > .column a:hover {
        background-image: url(../Images/icon-sortable-active.png);
        background-position: left 5px center;
        /*background-position: left -15px top -25px;*/
    }

    .table .row.header > .column a.selected.ascending {
        background-image: url(../Images/icon-sortable-ascending.png);
        background-position: left 5px center;
        /*background-position: left -15px top -65px;*/
    }

    .table .row.header > .column a.selected.descending {
        background-image: url(../Images/icon-sortable-descending.png);
        background-position: left 5px center;
        /*background-position: left -15px top -105px;*/
    }
    /*pro velke tlacitka razeni
    .table  .row.header > .column-0 a:hover
    {
        background-image: url(../Images/order-hover.png);
        background-position:right 30px top 26px;
    }

    .table  .row.header > .column-0 a.selected.ascending
    {
        background-image: url(../Images/order-ascending.png);
        background-position:right 30px top 26px;
    }

    .table  .row.header > .column-0 a.selected.descending
    {
        background-image: url(../Images/order-descending.png);
        background-position:right 30px top 26px;
    }
    */
    .table .row.header > .column a.close-button {
        color: #5368a0;
        display: block;
        width: 35px;
        height: 50px;
        background-image: url(../Images/trash.png);
        background-repeat: no-repeat;
        position: relative;
        left: 125px;
        top: -65px;
        background-position: right 18px top 15px;
        margin-top: 6px;
        margin-left: -5px;
    }

    .table .subrow.header > .column a.close-button {
        top: -65px;
    }

    .table .row.header > .column a.close-button:hover {
        background-position: right 18px top 15px;
    }

    /* v pripade, ze je sloupec s cenou v kosiku, pak je padding az na vnistrnim divu */
    .table .row > .column.price-item {
        padding: 0;
        height: 40px;
        /*width: 135px !important;*/
    }

    .table .column .icons, .rims-grid-header-icons > .icons {
        border: 1px solid #d4d4d4;
        border-radius: 5px;
        /*padding:10px;*/
        display: block;
        float: left;
        margin-right: 4px;
        padding: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }


        .table .column .icons.test {
            color: #787f90;
            font-weight: bold;
            padding-bottom: 13px;
            padding-top: 14px;
            padding-left: 8px;
            padding-right: 8px;
        }

        .table .column .icons.tip, .rims-grid-header-icons > .icons.tip {
            color: #ff2606;
            font-weight: bold;
            padding-bottom: 13px;
            padding-top: 15px;
            padding-left: 13px;
            padding-right: 13px;
            width: 45px;
            height: 45px;
            background-image: url(../Images/icon-star.svg);
            background-size: 27px;
            background-position: center;
            background-repeat: no-repeat;
        }

        .table .column .icons.dot, .rims-grid-header-icons > .icons.dot, .table .column .icons.special-offer-detail {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 45px;
            height: 45px;
            color: #314882;
            font-weight: bold;
        }

        .table .column .icons.demo, .rims-grid-header-icons > .icons.demo {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 45px;
            height: 45px;
            color: #314882;
            font-weight: bold;
        }

        .rims-grid-header-icons > .icons.dot-demo {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 45px;
            height: 45px;
            color: #314882;
            font-weight: bold;
            text-align: center;
            font-size: 14px;
        }

    .pager {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

        /* strankovani */
        .pager > a {
            color: #252525;
            margin-top: 10px;
            border: none;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            float: left;
            margin-right: 5px;
            text-align: center;
            width: 24px;
            text-decoration: none;
            width: 40px;
            height: 40px;
            font-size: 16px;
            font-weight: bold;
            background-color: #EFF1F7;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
        }

            .pager > a:hover {
                color: #FFFFFF;
                background-color: #26A25C;
            }

            .pager > a.selected {
                font-weight: bold;
                border: none;
                color: #FFFFFF;
                background-color: #26A25C;
            }

        .pager > .dots {
            color: #000000;
            padding-top: 15px;
            margin-top: 10px;
            display: block;
            float: left;
            height: 20px;
            margin-right: 10px;
            text-align: center;
            width: 24px;
            text-decoration: none;
        }

    .col-remove img {
        /*padding-left: 4px !important;
        width: 20px !important;*/
        margin: 8px;
        border: 1px solid silver;
        border-radius: 5px;
        padding: 12px;
        padding-right: 14px;
    }

    .column.col-remove {
        padding-top: 0px !important;
        cursor: pointer;
    }

    /*.offer-order.vertically-aligned-table-text-cell tr
{
        border-left: 1px solid #d4d4d4;
    }*/

    .vertically-aligned-table-text {
        width: 100%;
        height: 65px;
        vertical-align: middle;
        font-size: 14px;
    }

    .subrow .vertically-aligned-table-text {
        height: 65px;
    }

    .blank-icon {
        width: 50px;
        height: 50px;
        float: left;
        margin-left: 2px;
    }

    .blank-icon-sm {
        width: 45px;
        height: 45px;
        float: left;
        margin-right: 4px;
    }

    .icon-block {
        float: left;
        margin-left: 20px;
    }
}

.grid-footer .billing {
    padding: 0px !important;
}

.grid-footer {
    height: 65px;
    width: 100%;
}

.subrow .grid-footer {
    height: 65px;
}

.grid-footer.order-footer-recap > .total-price {
    width: 53%;
    height: 65px;
    padding-top: 23px;
}

    .grid-footer.order-footer-recap > .total-price.wide {
        width: 73%;
    }

.subrow .grid-footer.order-footer-recap > .total-price {
    height: 65px;
}

.grid-footer.order-footer-recap > .total-amount {
    width: 37%;
    padding-top: 0px;
    padding-right: 10px !important;
    text-align: right !important;
}

    .grid-footer.order-footer-recap > .total-amount.wide {
        width: 17%;
    }


    .grid-footer.order-footer-recap > .total-amount > table {
        height: 65px;
        float: right;
    }

.subrow .grid-footer.order-footer-recap > .total-amount > table {
    height: 65px;
}

.grid-footer.order-footer-recap > .total-selling-price {
    width: 21%;
    padding-top: 0px;
    padding-right: 0px;
}

    .grid-footer.order-footer-recap > .total-selling-price > table {
        height: 65px;
        float: right;
    }

.subrow .grid-footer.order-footer-recap > .total-selling-price > table {
    height: 65px;
}

.grid-footer.order-footer-recap > .total-weight-summary {
    font-size: 16px;
    width: 10%;
    padding-top: 0px;
}

    .grid-footer.order-footer-recap > .total-weight-summary > table {
        height: 65px;
        float: right;
    }

.subrow .grid-footer.order-footer-recap > .total-weight-summary > table {
    height: 65px;
}

.btn-billing {
    width: 50px;
    height: 50px;
    border: 1px solid #d4d4d4;
    display: inline-block;
    color: #787f90;
    background-color: transparent;
    border-radius: 5px;
    margin: 8px;
    text-align: center;
    padding-top: 15px;
}

.billing > .caption {
    float: left;
    padding-top: 24px;
    color: #314882;
}

.alu-car-configurator-page #left-arrow-et, .alu-car-configurator-page #right-arrow-et {
    display: inline-block;
    cursor: pointer;
}

.menu-nav-logged > .nav-panel {
    font-size: 13px;
    font-weight: 600;
}

.pager > a.load-more-button {
    padding-left: 10px;
    padding-right: 10px;
    width: inherit !important;
    font-weight: bold;
    color: white;
    border: 1px solid #d4d4d4;
    background-color: #30c172;
}

    .pager > a.load-more-button:hover {
        cursor: pointer;
    }

@media (max-width: 767px) {

    .phone-orders-panel .caption {
        font-size: 24px;
        color: white;
        position: relative;
        top: 5px;
        line-height: 120%;
    }

    .phone-orders-panel .flag {
        display: inline-block;
        margin-left: 30px;
        margin-right: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .phone-orders-panel .phone-num {
        display: inline-block;
        color: #90a1cd;
        font-size: 16px;
        font-weight: bold;
    }

    .phone-orders-panel .call {
        display: inline-block;
        color: #90a1cd;
        text-align: center;
        font-size: 17px;
        margin-top: 3%;
        margin-bottom: 5px;
    }

    .phone-orders-panel {
        padding-top: 10px;
    }

    .partner-offer-detail .bordered, .order-detail-view .bordered {
        min-width: 100%;
    }

    .offer-txt-zip {
        margin-top: 10px;
    }

    .pneub2b-panel .caption {
        padding-top: 15px;
    }

    .support-panel {
        background-position: right !important;
        font-size: 18px !important;
    }

    .services-list > .item > .left-part {
        text-align: left;
        font-size: 24px !important;
    }


    .cart-tt-tabs.dashboard ul li:first-child {
        margin: 0px;
        padding: 0px;
    }

    .cart-tt-tabs.dashboard ul li:last-child {
        margin: 0px;
        padding: 0px;
    }

    .dashboard-partner .header .column-right .container {
        width: 100%;
        margin: 0;
    }

    .dashboard-partner .header .column-left .container {
        width: 100%;
        margin: 0;
    }

    .new-footer-facebook .caption {
        text-align: center;
        margin-bottom: 10px;
    }

    .new-footer-facebook .link {
        text-align: center;
        margin-bottom: 10px;
    }

    .bonus-club-panel .caption {
        padding-top: 10px;
        font-size: 16px;
        font-weight: bold;
        line-height: 20px;
        color: white;
        text-align: center;
    }

    .bonus-club-panel .info {
        font-size: 12px;
        font-weight: bold;
        line-height: 20px;
    }

    .menu-focus-hidden > .main-container ul {
        /*width:50%;*/
    }

    .menu-pneu-hidden ul {
        margin-left: 10px;
        width: 50%;
    }

    .menu-pneu-hidden .pneu-row {
        margin-left: 45px;
    }

    .main-container {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .new-footer-upper .container {
        width: 100%;
    }

    .jumbotron .title {
        font-size: 32px;
        line-height: 130%;
        font-weight: 600;
    }

    .jumbotron .text {
        line-height: 150%;
        font-size: 20px;
        font-weight: 100;
    }

    .jumbotron .title-i {
        color: #314882;
        font-style: italic;
        font-size: 30px;
        font-weight: 800;
    }

    .jumbotron .text-r {
        font-size: 18px;
        font-weight: 500;
    }

    .jumbotron .left-h .container {
        width: 100%;
        margin-right: 0px;
    }

    .jumbotron .carousel-inner > .active {
        width: 100%;
    }

    .btn-footer {
        width: 190px;
    }

    .btn-more {
        width: 220px;
    }

    .menu-nav > .nav-panel {
        font-size: 15px;
        font-weight: 600;
    }

    .menu-nav .nav > li > a {
        padding-left: 6px;
        padding-right: 6px;
    }


    .menu-nav-logged > .nav-panel .logo, .menu-nav > .nav-panel .logo {
        padding: 18px 10px 10px 10px;
    }

    .menu-nav-logged > .nav-panel .menu-focus {
        width: 80px;
    }

    .menu-nav-logged > .nav-panel .active-settings {
        width: 62px;
    }

    .menu-nav-logged .navbar-collapse, .menu-nav .navbar-collapse {
        padding: 5px;
    }

    /*.menu-nav-logged.partner .languages
    {    
        border-right:1px solid silver;
        border-left:1px solid silver;
        height:75px;
        width:115px;
        display:block;
        float:left;
    }
    .language-logged
{
        padding-top:18px;
        padding-left:10px;
        padding-right:10px;
        height:75px;
}

    .menu-nav .languages
{
        border-left:1px solid silver;
        border-right:1px solid silver;
        height:75px;
        width:115px;
        display:block;
        float:left;
        margin-left:5px;
    }*/

    .advantage .tab-title {
        font-size: 14px;
    }

    .logo img {
        width: 180px;
    }

    .navbar-collapse {
        max-height: none;
        overflow-x: hidden;
    }

    .new-footer-upper {
        font-size: 15px;
    }

    .footer-item {
        padding-top: 20px;
    }

    .user-logo {
        width: 80px;
        height: 80px;
        background-size: contain;
    }

    .summer-pneu {
        height: 70px;
        background-color: rgba(45, 67, 121, 0.7);
        position: absolute;
        top: 100px;
        left: 100px;
        width: 100%;
        color: white;
        font-size: 30px;
        padding-top: 25px;
        padding-left: 15px;
    }

    .logged-panel > .main-container .cell {
        /*
        border-top:1px solid #4b629e;
        border-bottom:1px solid #4b629e; 
        */
    }

    .logged-panel .spacer1 {
        height: 1px;
        width: 100%;
        background-color: #4b629e;
        position: relative;
        top: 50px;
    }

    .logged-panel .spacer2 {
        height: 1px;
        width: 100%;
        background-color: #4b629e;
        position: relative;
        top: 100px;
    }


    .registration-wrapper .form-combo {
        width: 83.33333333%;
    }

    .registration-wrapper .form-validator {
        width: 100%;
    }

    /*.header > .login-identity*/
    .cart-info {
        float: left;
        /*width: 320px;
        height: 55px;
        margin-top: 9px;
        margin-left: 219px;
        background-image: url(../Images/top-cart-info-bg.png);
        background-repeat: no-repeat;*/
        font-size: 13px;
        text-transform: none;
    }

        /* upravy pro zobrazeni kreditu u kosiku pro kreditni verzi */
        /*.header > .login-identity*/ .cart-info.credit-system {
            float: left;
            width: 379px;
            height: 55px;
            margin-top: 9px;
            margin-left: 52px;
            background-image: url(../Images/top-cart-info-cs-bg.png);
            background-repeat: no-repeat;
            font-size: 12px;
        }

            /*.header > .login-identity >*/ .cart-info.credit-system .cart-control {
                margin-left: 0px;
            }
        /* upravy pro zobrazeni kreditu u kosiku pro kreditni verzi */


        /*.header > .login-identity >*/ .cart-info .bonus-system-info {
            float: left;
            width: 168px;
            height: 55px;
        }

        /*.header > .login-identity >*/ .cart-info .credit-info .semaphore {
            float: left;
            width: 28px;
            height: 68px;
            background-image: url(../Images/cs-semaphore.png);
            background-repeat: no-repeat;
            margin-top: 4px;
            margin-left: 4px;
        }

            /*.header > .login-identity >*/ .cart-info .credit-info .semaphore.red {
                background-image: url(../Images/semaphore-red.png);
            }
            /*.header > .login-identity >*/ .cart-info .credit-info .semaphore.yellow {
                background-image: url(../Images/semaphore-yellow.png);
            }
            /*.header > .login-identity >*/ .cart-info .credit-info .semaphore.green {
                background-image: url(../Images/semaphore-green.png);
            }

        /*.header > .login-identity >*/
        .cart-info .credit-info .info-content .credits-info-label {
            color: #FFFFFF;
            font-weight: bold;
            display: inline-block;
            font-size: 13px;
        }

        /*.header > .login-identity >*/ .cart-info .bonus-system-info .info-content .credits-info-label {
            color: #202020;
            font-weight: bold;
            display: inline-block;
            height: 16px;
            margin-top: 10px;
        }

        /*.header > .login-identity >*/ .cart-info .info-content .credits-info-label .yes_no_img {
            padding-bottom: 2px;
            vertical-align: middle;
            margin-left: 5px;
        }

        /*.header > .login-identity >*/
        .cart-info .credit-info .info-content .credits-info-value {
            font-weight: bold;
            color: #FFFFFF;
            /*background-image: url(../Images/cs-icon-tag-active.png);*/
            background-repeat: no-repeat;
            background-position: right;
            display: inline-block;
            padding-left: 2px;
        }

        /*.header > .login-identity >*/ .cart-info .bonus-system-info .info-content .credits-info-value {
            font-weight: bold;
            color: #417cfd;
            background-image: url(../Images/cs-icon-tag-active.png);
            background-repeat: no-repeat;
            background-position: right;
            padding-right: 20px;
            height: 16px;
            display: inline-block;
            padding-left: 2px;
        }

        /*.header > .login-identity >*/
        .cart-info .credit-info .info-content .credits-buy, .free-access {
            display: inline-block;
            text-decoration: underline;
            color: #FFFFFF;
            margin-bottom: 3px;
        }

        /*.header > .login-identity >*/ .cart-info.bonus-system .credit-info .info-content .credits-buy {
            margin-left: 8px;
        }

        /*.header > .login-identity >*/ .cart-info.bonus-system .credit-info .info-content .credits-info-label {
            margin-left: 8px;
        }

        /*.header > .login-identity >*/ .cart-info .bonus-system-info .info-content .bonus-detail {
            font-weight: bold;
            display: block;
            margin-left: 10px;
            margin-top: 6px;
        }

    /*.header > .login-identity >*/ .cart-contents-info > .overlay {
        width: 100%;
        height: 100%;
        position: relative;
        left: -1px;
        top: -46px;
        display: block;
        z-index: 99999;
        font-weight: normal;
    }

    .credit-info > .overlay {
        width: 100%;
        height: 100%;
        position: relative;
        left: -1px;
        top: -58px;
        display: block;
        z-index: 99999;
        font-weight: normal;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .overlay .lock-info {
        text-decoration: none;
        font-weight: bold;
        color: #333333;
        margin-left: 60px;
        padding-top: 25px;
        display: inline-block;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .overlay .locked-link {
        text-decoration: underline;
        display: block;
        color: #4a5d8f;
        margin-left: 77px;
        margin-top: 2px;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .overlay a, .credit-info .overlay a {
        width: 100%;
        height: 100%;
        display: block;
        text-decoration: none;
        margin-top: 1px;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info.locked .overlay {
        background-color: rgba(214, 214, 214, 0.95);
        height: 75px;
        top: -60px;
        width: 162px;
        background-image: url(../Images/locked-cart-icon.png);
        background-repeat: no-repeat;
        background-position: left 10px center;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .num-ordered-items a {
        color: #ffffff;
        font-size: 10px;
        text-decoration: none;
        display: inline-block;
        width: 18px;
        height: 17px;
        margin-left: 12px;
        text-align: center;
        background-image: url(../Images/bubble.png);
        background-repeat: no-repeat;
        background-position: 1px 2px;
    }

        /*.header > .login-identity >*/ .cart-info .cart-contents-info .num-ordered-items a:hover {
            text-decoration: underline;
        }

    .cart-info .cart-contents-info .total-price {
        font-size: 13px;
        color: #FFFFFF;
        font-weight: 600;
    }


    .cart-info .info-content .total-price-points {
        color: #333333;
        font-weight: bold;
        text-align: right;
        display: inline-block;
        margin-top: 6px;
        margin-right: 4px;
        width: 50px;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .credits-info-value {
        color: #314882;
        font-weight: bold;
        display: inline-block;
        margin-left: 2px;
        margin-top: 6px;
        padding-right: 23px;
        background-image: url(../Images/cs-icon-tag-active.png);
        background-repeat: no-repeat;
        background-position: right;
        padding-left: 2px;
    }

    .contact .column-left {
        padding-right: 15px;
        text-align: left;
    }

    .contact .column-right {
        padding-left: 15px;
    }

    .dashboard-partner .header .column-left > .container, .dashboard-partner .header .column-right > .container {
        margin: 0px;
    }

    .dashboard-partner > .info-panel .item {
        border-bottom: 1px solid #d4d4d4;
    }

    .dashboard-partner .header .column-right .container {
        margin: 0px;
    }

    .cart-tt-tabs.dashboard ul li:first-child {
        margin: 0px;
        padding: 0px;
    }

    .cart-tt-tabs.dashboard ul li:last-child {
        margin: 0px;
        padding: 0px;
    }

    .fio-banner {
        padding-top: 20px;
    }


    .fio-banner {
        background-color: #314882;
        /*background-image:url(../Images/banc-of-year.png);
        background-repeat:no-repeat;
        background-position:left center;
        background-size:contain;*/
        min-height: 150px;
    }

    .alu-car-configurator-page #left-arrow-et, .alu-car-configurator-page #right-arrow-et {
        display: none;
    }
}

@media (min-width:768px) and (max-width:992px) {
    .phone-orders-panel .caption {
        font-size: 24px;
        color: white;
        position: relative;
        top: 5px;
    }

    .phone-orders-panel .flag {
        display: inline-block;
        margin-left: 30px;
        margin-right: 10px;
    }

    .phone-orders-panel .phone-num {
        display: inline-block;
        color: #90a1cd;
        font-size: 18px;
        font-weight: bold;
    }

    .phone-orders-panel .call {
        display: inline-block;
        color: #90a1cd;
        text-align: center;
        font-size: 17px;
        margin-top: 3%;
    }

    .phone-orders-panel {
        padding-top: 10px;
    }

    .menu-other-hidden ul {
        width: 20%;
        margin-left: 340px;
    }

    .partner-offer-detail .bordered, .order-detail-view .bordered {
        min-width: 100%;
    }

    .offer-txt-city {
        padding-right: 5px;
    }

    .offer-txt-zip {
        padding-left: 5px;
    }

    .fio-banner {
        background-color: #314882;
        background-image: url(../Images/banc-of-year.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
        min-height: 150px;
    }

    .fio-banner {
        padding-top: 20px;
    }

    .dashboard-partner .header .column-right .container {
        margin: 0px;
        width: 100%;
    }

    .dashboard-partner .header .column-left .container {
        width: 100%;
        margin: 0px;
    }

    .menu-supplier-manage-hidden ul {
        list-style-type: none;
        color: #202020;
        text-transform: uppercase;
        width: 35%;
        margin-left: 390px;
    }

    .menu-nav > .nav-panel .logo img, .menu-nav-logged > .nav-panel .logo img {
        width: 180px;
    }

    .bonus-club-panel .caption {
        padding-top: 25px;
        font-size: 24px;
        line-height: 28px;
        color: white;
        text-align: center;
    }

    .bonus-club-panel .info {
        font-size: 12px;
        font-weight: bold;
        line-height: 20px;
    }

    .main-container {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .new-footer-upper .container {
        width: 100%;
    }

    .jumbotron .title {
        font-size: 32px;
        line-height: 130%;
        font-weight: 600;
    }

    .jumbotron .text {
        line-height: 140%;
        font-size: 20px;
        font-weight: 100;
    }

    .jumbotron .title-i {
        color: #314882;
        font-style: italic;
        font-size: 45px;
        font-weight: 800;
    }

    .jumbotron .left-h .container {
        width: 100%;
        margin-right: 0px;
    }


    .jumbotron .carousel-inner > .active {
        width: 100%;
    }

    .btn-footer {
        width: 230px;
    }

    .menu-nav > .nav-panel {
        font-size: 11px;
        font-weight: 600;
    }

    .btn-more {
        width: 220px;
    }

    .menu-nav-logged.partner > .nav-panel {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: -1px;
    }

    .menu-nav > .nav-panel {
        font-size: 13px;
        font-weight: 600;
        letter-spacing: -1px;
    }

    .menu-nav-logged.supplier > .nav-panel {
        font-size: 12px;
    }


    .advantage .tab-title {
        font-size: 11px;
    }

    .btn-inverse {
        width: 90px;
    }

    .btn-header {
        width: 80px;
    }

    /*.logo img
{
        width:80px;
    }*/

    .menu-nav-logged > .nav-panel .logo, .menu-nav > .nav-panel .logo {
        padding: 18px 10px 10px 0;
    }

    .menu-nav-logged.partner > .nav-panel .menu-focus {
        width: 70px;
    }

    .menu-nav-logged .navbar-nav li > a {
        padding-left: 5px;
        padding-right: 5px;
    }

    .menu-nav-logged.supplier > .nav-panel .menu-focus {
        width: 70px;
    }

    .menu-nav .nav > li > a {
        padding-left: 6px;
        padding-right: 6px;
    }

    .menu-nav-logged .navbar-nav li {
        padding-top: 13px;
        padding-left: 10px;
    }

    .menu-nav .navbar-nav li {
        padding-top: 15px;
        padding-left: 5px;
    }

    .menu-nav-logged .container {
        width: 100%;
    }

    .jumbotron .text-r {
        font-size: 18px;
        font-weight: 500;
    }

    .new-footer-upper {
        font-size: 15px;
    }

    .footer-item {
        padding-top: 20px;
    }

    .user-logo {
        width: 80px;
        height: 80px;
        background-size: contain;
    }

    .menu-nav-logged .navbar-collapse, .menu-nav .navbar-collapse {
        padding: 0;
    }

    .summer-pneu {
        height: 70px;
        background-color: rgba(45, 67, 121, 0.7);
        position: absolute;
        top: 100px;
        left: 100px;
        width: 100%;
        color: white;
        font-size: 30px;
        padding-top: 25px;
        padding-left: 15px;
    }

    .menu-focus-hidden > .main-container ul {
        /*margin-left:155px;*/
    }


    .menu-rims-hidden ul {
        margin-left: 300px;
        width: 35%;
    }

    .menu-pneu-hidden ul {
        margin-left: 255px;
        width: 40%;
    }

    .menu-pneu-hidden .pneu-row {
        margin-left: 280px;
    }


    /*.menu-nav .languages img
{
        width:35px;
    }

    .menu-nav-logged.partner .languages img
    {
        width:25px;
    }

    .menu-nav-logged.partner .languages
    {    
        border-right:1px solid silver;
        border-left:1px solid silver;
        height:75px;
        width:80px;
        display:block;
        float:left;
    }

    .menu-nav-logged.partner .language-logged
    {
        padding-top:23px;
        padding-left:7px;
        padding-right:7px;
        height:75px;
    }

    .menu-nav .language-logged
    {
        padding-top:18px;
        padding-left:10px;
        padding-right:10px;
        height:75px;
    }
    .menu-nav .languages
    {    
        height:75px;
        width:115px;
        display:block;
        float:left;
        margin-left:5px;       
        border-left:1px solid silver;
        border-right:1px solid silver;
    }*/

    .logged-panel > .main-container .cell {
        /*
        border-top:1px solid #4b629e;
        border-bottom:1px solid #4b629e; 
        */
    }

    .logged-panel .spacer1 {
        height: 1px;
        width: 100%;
        background-color: #4b629e;
        position: relative;
        top: 50px;
    }

    .logged-panel .spacer2 {
        display: none;
    }


    /*.header > .login-identity*/
    .cart-info {
        float: left;
        /*width: 240px;
        height: 55px;
        margin-top: 9px;
        margin-left: 219px;
        background-image: url(../Images/top-cart-info-bg.png);
        background-repeat: no-repeat;*/
        font-size: 11px;
        text-transform: none;
    }

        /* upravy pro zobrazeni kreditu u kosiku pro kreditni verzi */
        /*.header > .login-identity*/ .cart-info.credit-system {
            float: left;
            width: 379px;
            height: 55px;
            margin-top: 9px;
            margin-left: 52px;
            background-image: url(../Images/top-cart-info-cs-bg.png);
            background-repeat: no-repeat;
            font-size: 12px;
        }

            /*.header > .login-identity >*/ .cart-info.credit-system .cart-control {
                margin-left: 0px;
            }
        /* upravy pro zobrazeni kreditu u kosiku pro kreditni verzi */

        /*.header > .login-identity >*/ .cart-info .bonus-system-info {
            float: left;
            width: 168px;
            height: 55px;
        }

        /*.header > .login-identity >*/ .cart-info .credit-info .semaphore {
            float: left;
            width: 28px;
            height: 68px;
            background-image: url(../Images/cs-semaphore.png);
            background-repeat: no-repeat;
            margin-top: 4px;
            margin-left: 4px;
        }

            /*.header > .login-identity >*/ .cart-info .credit-info .semaphore.red {
                background-image: url(../Images/semaphore-red.png);
            }
            /*.header > .login-identity >*/ .cart-info .credit-info .semaphore.yellow {
                background-image: url(../Images/semaphore-yellow.png);
            }
            /*.header > .login-identity >*/ .cart-info .credit-info .semaphore.green {
                background-image: url(../Images/semaphore-green.png);
            }

        /*.header > .login-identity >*/ .cart-info .credit-info .info-content .credits-info-label {
            color: #FFFFFF;
            font-weight: bold;
            display: inline-block;
            font-size: 13px;
        }

        /*.header > .login-identity >*/ .cart-info .bonus-system-info .info-content .credits-info-label {
            color: #202020;
            font-weight: bold;
            display: inline-block;
            height: 16px;
            margin-top: 10px;
        }

        /*.header > .login-identity >*/ .cart-info .info-content .credits-info-label .yes_no_img {
            padding-bottom: 2px;
            vertical-align: middle;
            margin-left: 5px;
        }

        /*.header > .login-identity >*/
        .cart-info .credit-info .info-content .credits-info-value {
            font-weight: bold;
            color: #FFFFFF;
            /*background-image: url(../Images/cs-icon-tag-active.png);*/
            background-repeat: no-repeat;
            background-position: right;
            display: inline-block;
            padding-left: 2px;
        }

        /*.header > .login-identity >*/ .cart-info .bonus-system-info .info-content .credits-info-value {
            font-weight: bold;
            color: #417cfd;
            background-image: url(../Images/cs-icon-tag-active.png);
            background-repeat: no-repeat;
            background-position: right;
            padding-right: 20px;
            height: 16px;
            display: inline-block;
            padding-left: 2px;
        }

        /*.header > .login-identity >*/
        .cart-info .credit-info .info-content .credits-buy, .free-access {
            display: inline-block;
            text-decoration: underline;
            color: #FFFFFF;
            margin-bottom: 3px;
        }

        /*.header > .login-identity >*/ .cart-info.bonus-system .credit-info .info-content .credits-buy {
            margin-left: 8px;
        }

        /*.header > .login-identity >*/ .cart-info.bonus-system .credit-info .info-content .credits-info-label {
            margin-left: 8px;
        }

        /*.header > .login-identity >*/ .cart-info .bonus-system-info .info-content .bonus-detail {
            font-weight: bold;
            display: block;
            margin-left: 10px;
            margin-top: 6px;
        }

    /*.header > .login-identity >*/ .cart-contents-info > .overlay {
        width: 100%;
        height: 100%;
        position: relative;
        left: -1px;
        top: -46px;
        display: block;
        z-index: 99999;
        font-weight: normal;
    }

    .credit-info > .overlay {
        width: 100%;
        height: 100%;
        position: relative;
        left: -1px;
        top: -58px;
        display: block;
        z-index: 99999;
        font-weight: normal;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .overlay .lock-info {
        text-decoration: none;
        font-weight: bold;
        color: #333333;
        margin-left: 40px;
        padding-top: 25px;
        display: inline-block;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .overlay .locked-link {
        text-decoration: underline;
        display: block;
        color: #4a5d8f;
        margin-left: 40px;
        margin-top: 2px;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .overlay a, .credit-info .overlay a {
        width: 100%;
        height: 100%;
        display: block;
        text-decoration: none;
        margin-top: 1px;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info.locked .overlay {
        background-color: rgba(214, 214, 214, 0.95);
        height: 75px;
        top: -60px;
        width: 112px;
        background-image: url(../Images/locked-cart-icon.png);
        background-repeat: no-repeat;
        background-position: left center;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .num-ordered-items a {
        color: #ffffff;
        font-size: 10px;
        text-decoration: none;
        display: inline-block;
        width: 18px;
        height: 17px;
        margin-left: 12px;
        text-align: center;
        background-image: url(../Images/bubble.png);
        background-repeat: no-repeat;
        background-position: 1px 2px;
    }

        /*.header > .login-identity >*/ .cart-info .cart-contents-info .num-ordered-items a:hover {
            text-decoration: underline;
        }

    .cart-info .cart-contents-info .total-price {
        font-size: 13px;
        color: #FFFFFF;
        font-weight: 600;
    }

    .cart-info .info-content .total-price-points {
        color: #333333;
        font-weight: bold;
        text-align: right;
        display: inline-block;
        margin-top: 6px;
        margin-right: 4px;
        width: 50px;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .credits-info-value {
        color: #314882;
        font-weight: bold;
        display: inline-block;
        margin-left: 2px;
        margin-top: 6px;
        padding-right: 23px;
        background-image: url(../Images/cs-icon-tag-active.png);
        background-repeat: no-repeat;
        background-position: right;
        padding-left: 2px;
    }

    .contact .column-left {
        padding-right: 100px;
    }

    .contact .column-right {
        padding-left: 100px;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .phone-orders-panel .caption {
        font-size: 26px;
        color: white;
        position: relative;
        top: 5px;
    }

    .phone-orders-panel .flag {
        display: inline-block;
        margin-left: 30px;
        margin-right: 10px;
    }

    .phone-orders-panel .phone-num {
        display: inline-block;
        color: #90a1cd;
        font-size: 18px;
        font-weight: bold;
    }

    .phone-orders-panel .call {
        display: inline-block;
        color: #90a1cd;
        text-align: center;
        font-size: 17px;
        margin-top: 5%;
    }

    .phone-orders-panel {
        padding-top: 20px;
    }

    .offer-txt-city {
        padding-right: 5px;
    }

    .offer-txt-zip {
        padding-left: 5px;
    }

    .logged-panel > .main-container .cell.first {
        text-align: left;
    }

    .fio-banner {
        background-color: #314882;
        background-image: url(../Images/banc-of-year.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
        min-height: 150px;
    }

    .cart-tt-tabs.dashboard ul li:first-child {
        width: 65%;
        margin: 0px;
        padding: 0px;
    }

    .cart-tt-tabs.dashboard ul li:last-child {
        width: 35%;
        margin: 0px;
        padding: 0px;
    }

    .dashboard-partner .header .column-left .container {
        width: 500px;
        margin-right: 0px;
    }

    .dashboard-partner .header .column-right .container {
        width: 500px;
        margin-right: 0px;
    }

    .menu-rims-hidden ul {
        margin-left: 340px;
        width: 35%;
    }

    .bonus-club-panel .caption {
        padding-top: 25px;
        font-size: 28px;
        line-height: 28px;
        color: white;
        text-align: center;
    }

    .bonus-club-panel .info {
        font-size: 12px;
        font-weight: bold;
        line-height: 20px;
    }

    .main-container {
        margin-right: auto;
        margin-left: auto;
        width: 1000px;
    }

    .new-footer-upper .container {
        width: 100%;
    }

    .logged-panel .spacer1 {
        display: none;
    }

    .logged-panel .spacer2 {
        display: none;
    }

    /*.language-logged
{
        padding-top:18px;
        padding-left:10px;
        padding-right:10px;
        height:75px;
}

    .menu-nav-logged.partner .languages
{
        border-right:1px solid silver;
        border-left:1px solid silver;
        height:75px;
        width:115px;
        display:block;
        float:left;
}

    .menu-nav .language-logged
{
        padding-top:22px;
        padding-left:7px;
        padding-right:7px;
        height:75px;
}
    .menu-nav .nav > li > a
    {
        padding-left:7px;
        padding-right:7px;
    }
    .menu-nav .languages img
    {
        width:35px;
    }*/

    .jumbotron .title {
        font-size: 30px;
        line-height: 120%;
        font-weight: 600;
    }

    .jumbotron .text {
        line-height: 130%;
        font-size: 24px;
        font-weight: 100;
    }

    .jumbotron .title-i {
        color: #314882;
        font-style: italic;
        font-size: 30px;
        font-weight: 800;
    }

    .jumbotron .left-h .container {
        width: 500px;
        margin-right: 0px;
    }


    .jumbotron .carousel-inner > .active {
        width: 100%;
    }

    .btn-footer {
        width: 220px;
    }

    .menu-nav > .nav-panel {
        font-size: 13px;
        font-weight: 600;
    }

    .btn-more {
        width: 180px;
    }

    .menu-nav-logged.partner > .nav-panel {
        font-size: 14px;
        font-weight: 400;
    }

    .menu-nav-logged.supplier > .nav-panel {
        font-size: 11px;
        font-weight: 500;
    }

    .menu-nav-logged > .nav-panel .logo, .menu-nav > .nav-panel .logo {
        padding: 18px 10px 10px 0;
    }

    .menu-nav-logged .navbar-nav li {
        padding: 13px 5px 0 5px;
    }

    .menu-nav .navbar-nav li {
        padding: 13px 0px 0 0;
    }

    .menu-nav > .nav-panel .logo img, .menu-nav-logged > .nav-panel .logo img {
        width: 180px;
    }

    .advantage .tab-title {
        font-size: 13px;
    }

    .btn-inverse {
        width: 130px;
    }

    .btn-header {
        width: 90px;
    }

    .menu-nav-logged > .nav-panel .menu-focus {
        width: 93px;
        padding-left: 7px;
        padding-right: 7px;
    }

    .menu-nav-logged.supplier > .nav-panel .menu-focus {
        width: 75px;
    }

    .jumbotron .text-r {
        font-size: 16px;
        font-weight: 500;
    }

    .new-footer-upper {
        font-size: 15px;
    }

    .footer-item {
        padding-top: 0;
    }

    .user-logo {
        width: 80px;
        height: 80px;
        background-size: contain;
    }


    .menu-nav-logged .navbar-collapse, .menu-nav .navbar-collapse {
        padding: 0;
    }

    .menu-nav .container {
        width: 990px;
    }

    .summer-pneu {
        height: 70px;
        background-color: rgba(45, 67, 121, 0.7);
        position: absolute;
        top: 100px;
        left: 100px;
        width: 100%;
        color: white;
        font-size: 25px;
        padding-top: 25px;
        padding-left: 15px;
    }

    .summer-carousel img {
        position: relative;
        left: -250px;
    }

    .tyres-cascade-control .padding-right-5 {
        padding-right: 5px;
    }

    /*.languages
{
        margin-left:4px;
    }*/

    .menu-focus-hidden > .main-container > ul {
        /*margin-left:155px;
       width:35%;*/
    }

    .menu-pneu-hidden ul {
        margin-left: 260px;
        width: 40%;
    }

    .menu-pneu-hidden .pneu-row {
        margin-left: 285px;
    }
    /*.header > .login-identity*/
    .cart-info {
        float: left;
        /*width: 320px;
    height: 55px;
    margin-top: 9px;
    margin-left: 219px;
    background-image: url(../Images/top-cart-info-bg.png);
    background-repeat: no-repeat;*/
        font-size: 13px;
        text-transform: none;
    }

        /* upravy pro zobrazeni kreditu u kosiku pro kreditni verzi */
        /*.header > .login-identity*/ .cart-info.credit-system {
            float: left;
            width: 379px;
            height: 55px;
            margin-top: 9px;
            margin-left: 52px;
            background-image: url(../Images/top-cart-info-cs-bg.png);
            background-repeat: no-repeat;
            font-size: 12px;
        }

            /*.header > .login-identity >*/ .cart-info.credit-system .cart-control {
                margin-left: 0px;
            }
        /* upravy pro zobrazeni kreditu u kosiku pro kreditni verzi */

        /*.header > .login-identity >*/ .cart-info .bonus-system-info {
            float: left;
            width: 168px;
            height: 55px;
        }

        /*.header > .login-identity >*/ .cart-info .credit-info .semaphore {
            float: left;
            width: 28px;
            height: 68px;
            background-image: url(../Images/cs-semaphore.png);
            background-repeat: no-repeat;
            margin-top: 4px;
            margin-left: 4px;
        }

            /*.header > .login-identity >*/ .cart-info .credit-info .semaphore.red {
                background-image: url(../Images/semaphore-red.png);
            }
            /*.header > .login-identity >*/ .cart-info .credit-info .semaphore.yellow {
                background-image: url(../Images/semaphore-yellow.png);
            }
            /*.header > .login-identity >*/ .cart-info .credit-info .semaphore.green {
                background-image: url(../Images/semaphore-green.png);
            }

        /*.header > .login-identity >*/
        .cart-info .credit-info .info-content .credits-info-label {
            color: #FFFFFF;
            font-weight: bold;
            display: inline-block;
            font-size: 13px;
        }

        /*.header > .login-identity >*/ .cart-info .bonus-system-info .info-content .credits-info-label {
            color: #202020;
            font-weight: bold;
            display: inline-block;
            height: 16px;
            margin-left: 17px;
            margin-top: 10px;
        }

        /*.header > .login-identity >*/ .cart-info .info-content .credits-info-label .yes_no_img {
            padding-bottom: 2px;
            vertical-align: middle;
            margin-left: 5px;
        }

        /*.header > .login-identity >*/
        .cart-info .credit-info .info-content .credits-info-value {
            font-weight: bold;
            color: #FFFFFF;
            /*background-image: url(../Images/cs-icon-tag-active.png);*/
            background-repeat: no-repeat;
            background-position: right;
            display: inline-block;
            padding-left: 2px;
        }

        /*.header > .login-identity >*/ .cart-info .bonus-system-info .info-content .credits-info-value {
            font-weight: bold;
            color: #417cfd;
            background-image: url(../Images/cs-icon-tag-active.png);
            background-repeat: no-repeat;
            background-position: right;
            padding-right: 20px;
            height: 16px;
            display: inline-block;
            padding-left: 2px;
        }

        /*.header > .login-identity >*/
        .cart-info .credit-info .info-content .credits-buy, .free-access {
            display: inline-block;
            text-decoration: underline;
            color: #FFFFFF;
            margin-bottom: 3px;
        }

        /*.header > .login-identity >*/ .cart-info.bonus-system .credit-info .info-content .credits-buy {
            margin-left: 8px;
        }

        /*.header > .login-identity >*/ .cart-info.bonus-system .credit-info .info-content .credits-info-label {
            margin-left: 8px;
        }

        /*.header > .login-identity >*/ .cart-info .bonus-system-info .info-content .bonus-detail {
            font-weight: bold;
            display: block;
            margin-left: 10px;
            margin-top: 6px;
        }


    /*.header > .login-identity >*/ .cart-contents-info > .overlay {
        width: 100%;
        height: 100%;
        position: relative;
        left: -1px;
        top: -46px;
        display: block;
        z-index: 99999;
        font-weight: normal;
    }

    .credit-info > .overlay {
        width: 100%;
        height: 100%;
        position: relative;
        left: -1px;
        top: -46px;
        display: block;
        z-index: 99999;
        font-weight: normal;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .overlay .lock-info {
        text-decoration: none;
        font-weight: bold;
        color: #333333;
        margin-left: 60px;
        padding-top: 25px;
        display: inline-block;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .overlay .locked-link {
        text-decoration: underline;
        display: block;
        color: #4a5d8f;
        margin-left: 60px;
        margin-top: 2px;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .overlay a, .credit-info .overlay a {
        width: 100%;
        height: 100%;
        display: block;
        text-decoration: none;
        margin-top: 1px;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info.locked .overlay {
        background-color: rgba(214, 214, 214, 0.95);
        height: 75px;
        top: -60px;
        width: 162px;
        background-image: url(../Images/locked-cart-icon.png);
        background-repeat: no-repeat;
        background-position: left 10px center;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .num-ordered-items a {
        color: #ffffff;
        font-size: 10px;
        text-decoration: none;
        display: inline-block;
        width: 18px;
        height: 17px;
        margin-left: 12px;
        text-align: center;
        background-image: url(../Images/bubble.png);
        background-repeat: no-repeat;
        background-position: 1px 2px;
    }

        /*.header > .login-identity >*/ .cart-info .cart-contents-info .num-ordered-items a:hover {
            text-decoration: underline;
        }

    .cart-info .cart-contents-info .total-price {
        font-size: 12px;
        color: #FFFFFF;
        font-weight: 600;
    }

    .cart-info .info-content .total-price-points {
        color: #333333;
        font-weight: bold;
        text-align: right;
        display: inline-block;
        margin-top: 6px;
        margin-right: 4px;
        width: 50px;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .credits-info-value {
        color: #314882;
        font-weight: bold;
        display: inline-block;
        margin-left: 2px;
        margin-top: 6px;
        padding-right: 25px;
        background-image: url(../Images/cs-icon-tag-active.png);
        background-repeat: no-repeat;
        background-position: right;
        padding-left: 2px;
    }

    .menu-nav .languages {
        border-left: 1px solid silver;
        border-right: 1px solid silver;
        height: 75px;
        display: block;
        float: left;
        margin-left: 5px;
    }

    /*.menu-nav .languages img
{    
    width:30px;
}*/

    .contact .column-left {
        padding-right: 100px;
    }

    .contact .column-right {
        padding-left: 100px;
    }

    .fio-banner {
        padding-top: 10px;
    }

    .menu-other-hidden ul {
        width: 20%;
        margin-left: 420px;
    }
}

@media (min-width:1200px) and (max-width:1640px) {
    .phone-orders-panel .caption {
        font-size: 26px;
        color: white;
        position: relative;
        top: 5px;
    }

    .phone-orders-panel .flag {
        display: inline-block;
        margin-left: 30px;
        margin-right: 10px;
    }

    .phone-orders-panel .phone-num {
        display: inline-block;
        color: #90a1cd;
        font-size: 18px;
        font-weight: bold;
    }

    .phone-orders-panel .call {
        display: inline-block;
        color: #90a1cd;
        text-align: center;
        font-size: 17px;
        margin-top: 5%;
    }

    .padding-left-8 {
        padding-left: 8px;
    }

    .phone-orders-panel {
        padding-top: 25px;
    }

    .menu-other-hidden ul {
        width: 20%;
        margin-left: 450px;
    }

    .order-detail-view .bordered {
        min-width: 48%;
    }

    .offer-txt-city {
        padding-right: 5px;
    }

    .offer-txt-zip {
        padding-left: 5px;
    }

    .logged-panel > .main-container .cell.first {
        text-align: left;
    }


    .fio-banner {
        background-color: #314882;
        background-image: url(../Images/banc-of-year.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
        min-height: 150px;
    }

    .fio-banner {
        padding-top: 30px;
    }

    .cart-tt-tabs.dashboard ul li:first-child {
        width: 65%;
        margin: 0px;
        padding: 0px;
    }

    .cart-tt-tabs.dashboard ul li:last-child {
        width: 35%;
        margin: 0px;
        padding: 0px;
    }

    .dashboard-partner .header .column-left .container {
        width: 500px;
        margin-right: 0px;
    }

    .dashboard-partner .header .column-right .container {
        /*width:500px;*/
        margin-right: 0px;
    }

    .menu-rims-hidden ul {
        margin-left: 370px;
        width: 35%;
    }

    .bonus-club-panel .caption {
        padding-top: 25px;
        font-size: 28px;
        line-height: 28px;
        color: white;
        text-align: center;
    }

    .bonus-club-panel .info {
        font-size: 12px;
        font-weight: bold;
        line-height: 20px;
    }

    .main-container {
        margin-right: auto;
        margin-left: auto;
        width: 1000px;
    }

    .new-footer-upper .container {
        width: 100%;
    }

    .jumbotron .title {
        font-size: 32px;
        line-height: 140%;
        font-weight: 600;
    }

    .jumbotron .text {
        line-height: 170%;
        font-size: 22px;
        font-weight: 100;
    }

        .jumbotron .title.normal-line, .jumbotron .text.normal-line {
            line-height: normal;
        }

    .jumbotron .title-i {
        color: #314882;
        font-style: italic;
        font-size: 35px;
        font-weight: 800;
    }

    .jumbotron .left-h .container {
        width: 500px;
        margin-right: 0px;
    }


    .jumbotron .carousel-inner > .active {
        width: 100%;
    }

    .btn-footer {
        width: 150px;
        font-size: 12px;
    }

    .menu-nav .nav > li > a {
        padding-left: 6px;
        padding-right: 6px;
    }

    .menu-nav > .nav-panel {
        font-size: 13px;
        font-weight: 600;
    }

    .btn-more {
        width: 220px;
    }

    .menu-nav-logged > .nav-panel .logo {
        padding: 18px 23px 10px 0;
    }

    .menu-nav > .nav-panel .logo {
        padding: 18px 10px 10px 0;
    }

        .menu-nav-logged > .nav-panel .logo img, .menu-nav > .nav-panel .logo img {
            width: 180px;
        }

    .advantage .tab-title {
        font-size: 13px;
    }

    .btn-inverse {
        width: 110px;
    }

    .btn-header {
        width: 100px;
    }

    .menu-nav-logged > .nav-panel .menu-focus {
        width: 110px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .menu-nav-logged > .nav-panel .active-settings {
        width: 50px;
    }

    .menu-nav-logged .navbar-nav li {
        padding: 13px 0px 0 0px;
    }

    .menu-nav .navbar-nav li {
        padding: 15px 10px 0 10px;
    }

    .jumbotron .text-r {
        font-size: 18px;
        font-weight: 500;
    }

    /*.menu-nav-logged .container, .menu-nav .container
    {
        width:1300px;
    }*/

    .logged-panel .spacer1 {
        display: none;
    }

    .logged-panel .spacer2 {
        display: none;
    }

    .new-footer-upper {
        font-size: 15px;
    }

    .btn-footer {
        width: 190px;
        font-size: 12px;
    }

    /*.container 
{
        width:1200px;
    }*/

    .footer-item {
        padding-top: 0;
    }

    .user-logo {
        width: 100px;
        height: 100px;
        background-size: contain;
    }

    .menu-nav-logged .navbar-collapse, .menu-nav .navbar-collapse {
        padding: 0;
    }

    .summer-pneu {
        height: 70px;
        background-color: rgba(45, 67, 121, 0.7);
        position: absolute;
        top: 100px;
        left: 100px;
        width: 100%;
        color: white;
        font-size: 25px;
        height: 70px;
        padding-top: 25px;
        padding-left: 15px;
    }

    .menu-nav > .navbar > .container {
        width: 1200px;
    }


    .menu-focus-hidden > .main-container > ul {
        /*margin-left:155px;
       width:35%;*/
    }

    .menu-pneu-hidden ul {
        margin-left: 260px;
        width: 40%;
    }

    .menu-pneu-hidden .pneu-row {
        margin-left: 280px;
    }

    /*.header > .login-identity*/
    .cart-info {
        float: left;
        /*width: 320px;
    height: 55px;
   margin-top: 9px;
    margin-left: 219px;
    background-image: url(../Images/top-cart-info-bg.png);
    background-repeat: no-repeat;*/
        font-size: 13px;
        text-transform: none;
    }

        /* upravy pro zobrazeni kreditu u kosiku pro kreditni verzi */
        /*.header > .login-identity*/ .cart-info.credit-system {
            float: left;
            width: 379px;
            height: 55px;
            margin-top: 9px;
            margin-left: 52px;
            background-image: url(../Images/top-cart-info-cs-bg.png);
            background-repeat: no-repeat;
            font-size: 12px;
        }

            /*.header > .login-identity >*/ .cart-info.credit-system .cart-control {
                margin-left: 0px;
            }
        /* upravy pro zobrazeni kreditu u kosiku pro kreditni verzi */

        /*.header > .login-identity >*/ .cart-info .bonus-system-info {
            float: left;
            width: 168px;
            height: 55px;
        }

        /*.header > .login-identity >*/ .cart-info .credit-info .semaphore {
            float: left;
            width: 28px;
            height: 68px;
            background-image: url(../Images/cs-semaphore.png);
            background-repeat: no-repeat;
            margin-top: 4px;
            margin-left: 4px;
        }

            /*.header > .login-identity >*/ .cart-info .credit-info .semaphore.red {
                background-image: url(../Images/semaphore-red.png);
            }
            /*.header > .login-identity >*/ .cart-info .credit-info .semaphore.yellow {
                background-image: url(../Images/semaphore-yellow.png);
            }
            /*.header > .login-identity >*/ .cart-info .credit-info .semaphore.green {
                background-image: url(../Images/semaphore-green.png);
            }

        /*.header > .login-identity >*/
        .cart-info .credit-info .info-content .credits-info-label {
            color: #FFFFFF;
            font-weight: bold;
            display: inline-block;
            font-size: 13px;
        }

        /*.header > .login-identity >*/ .cart-info .bonus-system-info .info-content .credits-info-label {
            color: #202020;
            font-weight: bold;
            display: inline-block;
            height: 16px;
            margin-top: 10px;
        }

        /*.header > .login-identity >*/ .cart-info .info-content .credits-info-label .yes_no_img {
            padding-bottom: 2px;
            vertical-align: middle;
            margin-left: 5px;
        }

        /*.header > .login-identity >*/
        .cart-info .credit-info .info-content .credits-info-value {
            font-weight: bold;
            color: #FFFFFF;
            /*background-image: url(../Images/cs-icon-tag-active.png);*/
            background-repeat: no-repeat;
            background-position: right;
            display: inline-block;
            padding-left: 2px;
        }

        /*.header > .login-identity >*/ .cart-info .bonus-system-info .info-content .credits-info-value {
            font-weight: bold;
            color: #417cfd;
            background-image: url(../Images/cs-icon-tag-active.png);
            background-repeat: no-repeat;
            background-position: right;
            padding-right: 20px;
            height: 16px;
            display: inline-block;
            padding-left: 2px;
        }

        /*.header > .login-identity >*/
        .cart-info .credit-info .info-content .credits-buy, .free-access {
            display: inline-block;
            text-decoration: underline;
            color: #FFFFFF;
            margin-bottom: 3px;
        }

        /*.header > .login-identity >*/ .cart-info.bonus-system .credit-info .info-content .credits-buy {
            margin-left: 8px;
        }

        /*.header > .login-identity >*/ .cart-info.bonus-system .credit-info .info-content .credits-info-label {
            margin-left: 8px;
        }

        /*.header > .login-identity >*/ .cart-info .bonus-system-info .info-content .bonus-detail {
            font-weight: bold;
            display: block;
            margin-left: 10px;
            margin-top: 6px;
        }

    /*.header > .login-identity >*/ .cart-contents-info > .overlay {
        width: 100%;
        height: 100%;
        position: relative;
        left: -1px;
        top: -46px;
        display: block;
        z-index: 99999;
        font-weight: normal;
    }

    .credit-info > .overlay {
        width: 100%;
        height: 100%;
        position: relative;
        left: -1px;
        top: -58px;
        display: block;
        z-index: 99999;
        font-weight: normal;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .overlay .lock-info {
        text-decoration: none;
        font-weight: bold;
        color: #333333;
        margin-left: 60px;
        padding-top: 25px;
        display: inline-block;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .overlay .locked-link {
        text-decoration: underline;
        display: block;
        color: #4a5d8f;
        margin-left: 60px;
        margin-top: 2px;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .overlay a, .credit-info .overlay a {
        width: 100%;
        height: 100%;
        display: block;
        text-decoration: none;
        margin-top: 1px;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info.locked .overlay {
        background-color: rgba(214, 214, 214, 0.95);
        height: 75px;
        top: -60px;
        width: 162px;
        background-image: url(../Images/locked-cart-icon.png);
        background-repeat: no-repeat;
        background-position: left 10px center;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .num-ordered-items a {
        color: #ffffff;
        font-size: 10px;
        text-decoration: none;
        display: inline-block;
        width: 18px;
        height: 17px;
        margin-left: 12px;
        text-align: center;
        background-image: url(../Images/bubble.png);
        background-repeat: no-repeat;
        background-position: 1px 2px;
    }

        /*.header > .login-identity >*/ .cart-info .cart-contents-info .num-ordered-items a:hover {
            text-decoration: underline;
        }

    .cart-info .cart-contents-info .total-price {
        font-size: 13px;
        color: #FFFFFF;
        font-weight: 600;
    }


    .cart-info .info-content .total-price-points {
        color: #333333;
        font-weight: bold;
        text-align: right;
        display: inline-block;
        margin-top: 6px;
        margin-right: 4px;
        width: 50px;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .credits-info-value {
        color: #314882;
        font-weight: bold;
        display: inline-block;
        margin-left: 2px;
        margin-top: 6px;
        padding-right: 25px;
        background-image: url(../Images/cs-icon-tag-active.png);
        background-repeat: no-repeat;
        background-position: right;
        padding-left: 2px;
    }

    /*.menu-nav-logged.partner .languages
{
        border-right:1px solid silver;
        border-left:1px solid silver;
        height:75px;
        width:115px;
        display:block;
        float:left;
}

    .language-logged
{
        padding-top:18px;
        padding-left:10px;
        padding-right:10px;
        height:75px;
}

    .menu-nav .languages
{
        border-left:1px solid silver;
        border-right:1px solid silver;
        height:75px;
        width:90px;
        display:block;
        float:left;
        margin-left:5px;
}

    .menu-nav .language-logged
{
        padding-top:23px;
        padding-left:7px;
        padding-right:7px;
        height:75px;
    }
    .menu-nav .language-logged img
    {
        width:30px;
    }*/

    .contact .column-left {
        padding-right: 100px;
    }

    .contact .column-right {
        padding-left: 100px;
    }
}

@media(min-width:1640px) {
    .phone-orders-panel .caption {
        font-size: 26px;
        color: white;
        position: relative;
        top: 5px;
    }

    .phone-orders-panel .flag {
        display: inline-block;
        margin-left: 30px;
        margin-right: 10px;
    }

    .phone-orders-panel .phone-num {
        display: inline-block;
        color: #90a1cd;
        font-size: 18px;
        font-weight: bold;
    }

    .phone-orders-panel .call {
        display: inline-block;
        color: #90a1cd;
        text-align: center;
        font-size: 17px;
        margin-top: 5%;
    }

    .phone-orders-panel {
        padding-top: 25px;
    }

    .order-detail-view .bordered {
        min-width: 48%;
    }

    .offer-txt-city {
        padding-right: 5px;
    }

    .offer-txt-zip {
        padding-left: 5px;
    }



    .fio-banner {
        padding-top: 30px;
    }


    .fio-banner {
        background-color: #314882;
        background-image: url(../Images/banc-of-year.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
        min-height: 150px;
    }

    .cart-tt-tabs.dashboard ul li:first-child {
        width: 65%;
        margin: 0px;
        padding: 0px;
    }

    .cart-tt-tabs.dashboard ul li:last-child {
        width: 35%;
        margin: 0px;
        padding: 0px;
    }

    .dashboard-partner .header .column-left .container {
        width: 500px;
        margin-right: 0px;
    }

    .dashboard-partner .header .column-right .container {
        /*width:500px;*/
        margin-right: 0px;
    }

    .menu-rims-hidden ul {
        margin-left: 370px;
        width: 35%;
    }

    .bonus-club-panel .caption {
        padding-top: 25px;
        font-size: 25px;
        line-height: 28px;
        color: white;
        text-align: center;
    }

    .bonus-club-panel .info {
        font-size: 12px;
        font-weight: bold;
        line-height: 20px;
        margin-top: 10px;
        display: inline-block;
        text-decoration: underline;
    }

    .main-container {
        margin-right: auto;
        margin-left: auto;
        width: 1000px;
    }

    .jumbotron .title {
        font-size: 32px;
        line-height: 140%;
        font-weight: 600;
    }

    .jumbotron .text {
        line-height: 170%;
        font-size: 22px;
        font-weight: 100;
    }

    .jumbotron .title-i {
        color: #314882;
        font-style: italic;
        font-size: 35px;
        font-weight: 800;
    }

    .jumbotron .left-h .container {
        width: 500px;
        margin-right: 0px;
    }

    .jumbotron .carousel-inner > .active {
        width: 100%;
    }

    .menu-nav > .nav-panel {
        font-size: 14px;
        font-weight: 600;
    }

    .menu-nav .nav > li > a {
        padding-left: 6px;
        padding-right: 6px;
    }

    .btn-more {
        width: 220px;
    }

    .menu-nav-logged > .nav-panel .logo {
        padding: 18px 10px 10px 0;
        margin-right: 17px;
    }

    .menu-nav > .nav-panel .logo {
        padding: 18px 10px 0 0;
        margin-right: 10px;
    }

        .menu-nav-logged > .nav-panel .logo img, .menu-nav > .nav-panel .logo img {
            width: 180px;
        }

    .logged-panel .spacer1 {
        display: none;
    }

    .logged-panel .spacer2 {
        display: none;
    }

    .advantage .tab-title {
        font-size: 13px;
    }

    .btn-inverse {
        width: 110px;
    }

    .btn-header {
        width: 100px;
    }

    .menu-nav-logged > .nav-panel .menu-focus {
        width: 110px;
        padding-right: 15px;
        padding-left: 15px
    }

    .menu-nav-logged > .nav-panel .active-settings {
        width: 55px;
    }

    .menu-nav-logged .navbar-nav li {
        padding: 13px 0px 0 0px;
    }

    .menu-nav .navbar-nav li {
        padding: 15px 15px 0 10px;
    }

    .jumbotron .text-r {
        font-size: 18px;
        font-weight: 500;
    }

    .menu-nav .container {
        width: 1370px;
    }

    .new-footer-upper {
        font-size: 15px;
    }

    .btn-footer {
        width: 180px;
        font-size: 12px;
    }

    /*.container 
    {
        width:1300px;
    }*/
    .footer-item {
        padding-top: 0;
    }

    .user-logo {
        width: 100px;
        height: 100px;
        background-size: contain;
    }

    .menu-nav-logged .navbar-collapse {
        padding: 0;
    }
    /* .menu-nav-logged .nav > li > a
    {
        padding-left:6px;
        padding-right:6px;
    }*/
    .summer-pneu {
        height: 70px;
        background-color: rgba(45, 67, 121, 0.7);
        position: absolute;
        top: 100px;
        left: 100px;
        width: 90%;
        color: white;
        font-size: 25px;
        height: 70px;
        padding-top: 25px;
        padding-left: 15px;
    }

    .menu-focus-hidden > .main-container > ul {
        /*margin-left:155px;
       width:35%;*/
    }

    .menu-pneu-hidden ul {
        margin-left: 300px;
        width: 40%;
    }

    .menu-pneu-hidden .pneu-row {
        margin-left: 320px;
    }

    .menu-other-hidden ul {
        width: 40%;
        margin-left: 440px;
    }

    /*.header > .login-identity*/
    .cart-info {
        float: left;
        /*width: 320px;
    height: 55px;
    margin-top: 9px;
    margin-left: 219px;
    background-image: url(../Images/top-cart-info-bg.png);
    background-repeat: no-repeat;*/
        font-size: 13px;
        text-transform: none;
    }

        /* upravy pro zobrazeni kreditu u kosiku pro kreditni verzi */
        /*.header > .login-identity*/ .cart-info.credit-system {
            float: left;
            width: 379px;
            height: 55px;
            margin-top: 9px;
            margin-left: 52px;
            background-image: url(../Images/top-cart-info-cs-bg.png);
            background-repeat: no-repeat;
            font-size: 12px;
        }

            /*.header > .login-identity >*/ .cart-info.credit-system .cart-control {
                margin-left: 0px;
            }
        /* upravy pro zobrazeni kreditu u kosiku pro kreditni verzi */

        /*.header > .login-identity >*/ .cart-info .bonus-system-info {
            float: left;
            width: 168px;
            height: 55px;
        }

        /*.header > .login-identity >*/ .cart-info .credit-info .semaphore {
            float: left;
            width: 28px;
            height: 68px;
            background-image: url(../Images/cs-semaphore.png);
            background-repeat: no-repeat;
            margin-top: 4px;
            margin-left: 4px;
        }

            /*.header > .login-identity >*/ .cart-info .credit-info .semaphore.red {
                background-image: url(../Images/semaphore-red.png);
            }
            /*.header > .login-identity >*/ .cart-info .credit-info .semaphore.yellow {
                background-image: url(../Images/semaphore-yellow.png);
            }
            /*.header > .login-identity >*/ .cart-info .credit-info .semaphore.green {
                background-image: url(../Images/semaphore-green.png);
            }

        /*.header > .login-identity >*/
        .cart-info .credit-info .info-content .credits-info-label {
            color: #FFFFFF;
            font-weight: bold;
            display: inline-block;
            font-size: 13px;
        }

        /*.header > .login-identity >*/ .cart-info .bonus-system-info .info-content .credits-info-label {
            color: #202020;
            font-weight: bold;
            display: inline-block;
            height: 16px;
            margin-top: 10px;
        }

        /*.header > .login-identity >*/ .cart-info .info-content .credits-info-label .yes_no_img {
            padding-bottom: 2px;
            vertical-align: middle;
            margin-left: 5px;
        }

        /*.header > .login-identity >*/
        .cart-info .credit-info .info-content .credits-info-value {
            font-weight: bold;
            color: #FFFFFF;
            /*background-image: url(../Images/cs-icon-tag-active.png);*/
            background-repeat: no-repeat;
            background-position: right;
            display: inline-block;
            padding-left: 2px;
        }

        /*.header > .login-identity >*/ .cart-info .bonus-system-info .info-content .credits-info-value {
            font-weight: bold;
            color: #417cfd;
            background-image: url(../Images/cs-icon-tag-active.png);
            background-repeat: no-repeat;
            background-position: right;
            padding-right: 20px;
            height: 16px;
            display: inline-block;
            padding-left: 2px;
        }

        /*.header > .login-identity >*/
        .cart-info .credit-info .info-content .credits-buy, .free-access {
            display: inline-block;
            text-decoration: underline;
            color: #FFFFFF;
            margin-bottom: 3px;
        }

        /*.header > .login-identity >*/ .cart-info.bonus-system .credit-info .info-content .credits-buy {
            margin-left: 8px;
        }

        /*.header > .login-identity >*/ .cart-info.bonus-system .credit-info .info-content .credits-info-label {
            margin-left: 8px;
        }

        /*.header > .login-identity >*/ .cart-info .bonus-system-info .info-content .bonus-detail {
            font-weight: bold;
            display: block;
            margin-left: 10px;
            margin-top: 6px;
        }

    /*.header > .login-identity >*/ .cart-contents-info > .overlay {
        width: 100%;
        height: 100%;
        position: relative;
        left: -1px;
        top: -46px;
        display: block;
        z-index: 99999;
        font-weight: normal;
    }

    .credit-info > .overlay {
        width: 100%;
        height: 100%;
        position: relative;
        left: -1px;
        top: -58px;
        display: block;
        z-index: 99999;
        font-weight: normal;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .overlay .lock-info {
        text-decoration: none;
        font-weight: bold;
        color: #333333;
        margin-left: 60px;
        padding-top: 25px;
        display: inline-block;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .overlay .locked-link {
        text-decoration: underline;
        display: block;
        color: #4a5d8f;
        margin-left: 60px;
        margin-top: 2px;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .overlay a, .credit-info .overlay a {
        width: 100%;
        height: 100%;
        display: block;
        text-decoration: none;
        margin-top: 1px;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info.locked .overlay {
        /*background-image: url(../Images/top-cart-locked.png);*/
        background-color: rgba(214, 214, 214, 0.95);
        height: 75px;
        top: -60px;
        width: 162px;
        background-image: url(../Images/locked-cart-icon.png);
        background-repeat: no-repeat;
        background-position: left 10px center;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .num-ordered-items a {
        color: #ffffff;
        font-size: 10px;
        text-decoration: none;
        display: inline-block;
        width: 18px;
        height: 17px;
        margin-left: 12px;
        text-align: center;
        background-image: url(../Images/bubble.png);
        background-repeat: no-repeat;
        background-position: 1px 2px;
    }

        /*.header > .login-identity >*/ .cart-info .cart-contents-info .num-ordered-items a:hover {
            text-decoration: underline;
        }

    .cart-info .cart-contents-info .total-price {
        font-size: 13px;
        color: #FFFFFF;
        font-weight: 600;
    }



    .cart-info .info-content .total-price-points {
        color: #333333;
        font-weight: bold;
        text-align: right;
        display: inline-block;
        margin-top: 6px;
        margin-right: 4px;
        width: 50px;
    }

    /*.header > .login-identity >*/ .cart-info .cart-contents-info .credits-info-value {
        color: #314882;
        font-weight: bold;
        display: inline-block;
        margin-left: 2px;
        margin-top: 6px;
        padding-right: 25px;
        background-image: url(../Images/cs-icon-tag-active.png);
        background-repeat: no-repeat;
        background-position: right;
        padding-left: 2px;
    }

    /*.menu-nav-logged.partner .languages
    {    
        border-right:1px solid silver;
        border-left:1px solid silver;
        height:75px;
        width:115px;
        display:block;
        float:left;
    }

    .language-logged
    {
        padding-top:18px;
        padding-left:10px;
        padding-right:10px;
        height:75px;
    }

    .menu-nav .languages
    {    
        border-left:1px solid silver;
        border-right:1px solid silver;
        height:75px;
        width:112px;
        display:block;
        float:left;
        margin-left:5px;
    }*/
    .contact .column-left {
        padding-right: 100px;
    }

    .contact .column-right {
        padding-left: 100px;
    }
}

.cart-info .credit-info .info-content {
    display: table;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-right: 15px;
    margin-right: 10px;
    border-right: 1px solid #00000054;
}

    .cart-info .credit-info .info-content a,
    .cart-info .credit-info .info-content a:hover {
        color: #FFFFFF !important;
    }

.cart-contents-info .order-label,
.cart-contents-info .credit-price {
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 400;
}

    .cart-contents-info .order-label .badge {
        color: #FFFFFF;
    }

.badge a {
    color: #FFFFFF;
}

.blue {
    color: #314882;
}

#login-modal {
    text-transform: initial;
    font-weight: normal;
}

    #login-modal .modal-content {
        background-color: #27A25C;
        background-image: url(../Images/login-bg-2.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right;
        /*width: 551px;*/
        min-height: 381px;
        margin-top: 150px;
        border-radius: 25px;
        box-shadow: 0 0px 33px rgba(0,0,0,0.25);
    }

.login-control .row:last-child {
    line-height: 12px;
}

#imgstandard {
    margin-top: 10px;
}

#imgpremium {
    margin-top: 5px;
}

#imgeasy {
    margin-top: 8px;
}

.tyre-detail {
    color: #252525;
}

/*.menu-nav-logged.supplier .languages
{    
    border-right:1px solid silver;    
    border-left:1px solid silver;
    height:75px;
    width:115px;
    display:block;
    float:left;
}*/



.menu-nav-logged > .nav-panel .container {
    /*padding-left:0;
    padding-right:0;*/
}


.menu-container {
    margin-left: auto;
    margin-right: auto;
}

.combo-box-control {
    padding-left: 0px;
    padding-right: 0px;
}

.supplier-delivery-terms label {
    display: inline;
}

.supplier-delivery-terms .row label {
    padding-top: 9px;
    display: inline;
}

.panel table {
    border: 0;
}

.txtarea {
    margin-bottom: 30px;
}

.txtarea-header {
    margin-bottom: 10px;
}

.user-logo {
    background-image: url(../Images/logo-bg.png);
    background-repeat: no-repeat;
}

.badge {
    background-color: #e62e2f;
    border-radius: 15px;
    font-size: 11px;
    color: white;
    display: inline-block;
    margin-left: 5px;
}

.tooltip {
    width: 200px;
}

.navbar .badge {
    margin-top: -20px;
}

.modal-body td {
    font-size: 15px;
    margin-right: 10px;
}

.modal-body tr {
    height: 30px;
}

.modal-body .editor {
    height: 20px;
    width: 100px;
}

.modal-body input[type="password"], .modal-body input[type="text"] {
    /*margin-left:10px;
    width:282px;*/
}



.modal-body input[type="submit"] {
    /*margin-left:122px;*/
}

.advanced-search .btn {
    width: 130px;
}

.advanced-search .form-control {
    width: 255px;
}


input[type="checkbox"] {
    margin-top: 9px;
    margin-right: 5px;
}

/*.jumbotron .row
{
    margin-left:0;
    margin-right:0;
}

.jumbotron .container-fluid
{
    padding-left:0;
    padding-right:0;
}*/

.jumbotron .left-h {
    padding-top: 45px;
    padding-left: 20px;
    color: white;
    min-height: 400px;
    background-color: #314882;
    background-image: url(../Images/tyre-panel.png);
    background-repeat: no-repeat;
    background-position: right top;
}

.jumbotron .right-h .container {
    margin-left: 0px;
    width: 500px;
}




.jumbotron .right-h {
    /*background-image: url(../Images/bonus.png);
    background-repeat:no-repeat;
    background-size:cover;
    padding-top:80px;
    padding-left:290px;*/
    min-height: 400px;
    padding-left: 0px;
    padding-right: 0px;
}

.jumbotron .column-right img {
    /*width:100%;*/
}

.carousel-bonus {
    left: 0;
    right: 0;
    padding-left: 50%;
    padding-right: 10px;
    color: black;
    text-shadow: none;
}

/*.carousel-indicators
{
    position:absolute;
    left:10px;
    top:50%;
    z-index:15;
}

*/

.carousel-caption {
    text-align: left;
}

#carousel-main .carousel-indicators {
    position: absolute;
    bottom: 45%;
    left: 35%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

    #carousel-main .carousel-indicators li {
        display: block;
        margin-bottom: 5px;
        height: 15px;
        width: 15px;
    }

#carousel-main .container {
    padding: 0px;
    height: 400px;
    margin-left: 0px;
}



.jumbotron a {
    text-decoration: none;
    color: white;
}

    .jumbotron a:hover {
        text-decoration: none;
        color: white;
    }



.jumbotron .text-r {
    padding-top: 15px;
    line-height: 170%;
    font-weight: 500;
}

#references-carousel .carousel-indicators li {
    border-color: #e5e5e5;
    display: inline-block;
    margin-bottom: 5px;
    height: 15px;
    width: 15px;
}

#references-carousel .carousel-indicators {
    position: absolute;
    top: -30px;
    left: 50%;
    z-index: 15;
    padding-left: 0;
    list-style: none;
    text-align: center;
    display: inline-block;
}

.carousel-indicators li.active {
    background-color: #2FC771;
    border-color: #2FC771;
    margin-bottom: 5px;
    height: 15px;
    width: 15px;
    margin-left: 1px;
}



.btn-success {
    background-color: #2ECA71;
    background: -webkit-linear-gradient(#2ECA71, #389B75);
    background: -o-linear-gradient(#2ECA71, #389B75); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2ECA71, #389B75); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2ECA71, #389B75); /* Standard syntax */
    /*text-shadow: 2px 1px #198247;*/
}

    .btn-success a {
        color: white;
    }

.btn-primary {
    background: -webkit-linear-gradient(#428BCA, #3070A9);
    background: -o-linear-gradient(#428BCA, #3070A9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#428BCA, #3070A9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#428BCA, #3070A9); /* Standard syntax */
}

.point {
    margin-top: 4px;
    margin-bottom: 8px;
}

.content {
    background-color: white;
    margin-top: 10px;
    height: auto;
}

.jumbotron {
    margin-bottom: 0px;
}

.news {
    display: inline-block;
}

    .news img {
        float: left;
        margin-right: 5px;
    }

    .news .date {
        height: 50px;
        padding-top: 18px;
        padding-left: 15px;
        color: white;
        background-color: #314882;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        float: left;
    }


    .news .title {
        min-height: 50px;
        padding-left: 20px;
        padding-top: 10px;
        background-color: #eaeaea;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        font-size: 13px;
        font-weight: bold;
        float: left;
    }

.reliability {
    height: 50px;
}

    .reliability .percentage {
        background-color: #2eca71;
        height: 50px;
        padding-left: 20px;
        padding-top: 18px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        font-size: 13px;
        color: white;
        font-weight: bold;
        text-align: center;
    }

    .reliability .percentage-dashboard {
        background-color: #2eca71;
        height: 25px;
        padding-left: 15px;
        padding-top: 4px;
        /* border-top-right-radius: 4px; */
        /* border-bottom-right-radius: 4px; */
        font-size: 13px;
        color: white;
        font-weight: bold;
        text-align: center;
        border-radius: 4px;
        padding-right: 10px;
        width: 40%
    }

    .reliability .popover {
        width: 400px;
    }

    .reliability img {
        margin-right: 10px;
        float: left;
    }

    .reliability .text {
        padding-top: 10px;
        background-color: #eaeaea;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 50px;
        font-size: 13px;
    }

    .reliability .info-icon {
        margin-left: 5px;
    }

.uppercase {
    text-transform: uppercase;
}

.advantage {
    margin-bottom: 30px;
    margin-left: 0px;
    margin-right: 0px;
}

    .advantage .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .advantage .text {
        float: left;
        text-align: left;
    }

    .advantage .title {
        font-size: 37px;
        color: #787f90;
        margin-top: 100px;
        margin-bottom: 30px;
        line-height: 150%;
        text-align: center;
        margin-top: 10px;
        padding-bottom: 20px;
        margin-bottom: 15px;
        background-image: url(../Images/hr-line-short.png);
        background-repeat: no-repeat;
        background-position: bottom;
    }

    .advantage .tab-title {
        font-weight: bold;
        text-decoration: none;
        margin-top: 50px;
    }

    .advantage li a {
        text-decoration: none;
    }

.btn-toggle {
    border-radius: 15px;
    height: 35px;
    width: 70px;
    border: 1px solid silver;
    cursor: pointer;
    background-color: #f6f6f6;
    margin: auto;
    float: left;
}

.btn-toggle-left {
    background-image: url("../Images/circle-blue-toggle.png");
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
    background-position: 2px;
}

.btn-toggle-right {
    background-image: url("../Images/toggle-circle-green.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-position: 36px;
}


.tab-content h3 {
    font-size: 18px;
    color: #252525;
}

.tab-content img {
    /*width:100%;*/
}

.browser {
    width: 450px;
}

.special-offer {
    background-color: #314882;
    min-height: 150px;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 50px;
}

.green-text {
    color: #2eca71;
    font-weight: 500;
    font-size: 22px;
    line-height: 140%;
}

.white-text {
    color: white;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
}

.btn-create {
    width: 200px;
    height: 60px;
    padding-top: 18px;
    margin-right: 50px;
    text-decoration: none;
    font-size: 16px;
    /*font-weight:bold;*/
    margin-top: 10px;
}

    .btn-create.btn-small {
        padding-top: 5px !important;
        height: 35px !important;
    }

.btn-price {
    height: 55px;
    padding-top: 15px;
    text-decoration: none;
    font-size: 16px;
    margin-top: 10px;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 40px;
    padding-right: 20px;
    display: inline-block;
    margin-left: 100px;
}

.menu-nav > nav-panel .logo {
    margin-left: 10px;
    margin-right: 5px;
}

.menu-nav-logged > .nav-panel, menu-nav > .nav-panel {
    text-transform: uppercase;
    color: black;
    background-color: white;
    border-left: none;
    border-right: none;
    border-radius: 0;
    border-bottom: 1px solid silver;
}

    .menu-nav-logged > .nav-panel .menu-focus {
        cursor: pointer;
        border-right: 1px solid silver;
        border-left: 1px solid silver;
        height: 75px;
        padding-top: 30px;
        display: block;
    }

.navbar-header {
    border: none;
}

.menu-nav-logged > .nav-panel .menu-focus-left {
    float: left;
    width: 35%;
    margin-left: 5px;
}

.menu-nav-logged > .nav-panel .menu-focus-left-transparent {
    background: url("../Images/menuLinesGray.png");
    background-repeat: no-repeat;
    background-position: center;
}

.menu-nav-logged > .nav-panel .menu-focus-left-blue {
    background: url("../Images/menuLinesWhite.png");
    background-repeat: no-repeat;
    background-position: center;
}

.menu-nav-logged > .nav-panel .menu-focus-right {
    text-align: left;
    float: right;
    margin-right: 7px;
}

.menu-focus-transparent {
    background-repeat: no-repeat;
    background-position: center;
    color: #787f90;
}

.menu-focus-blue {
    background: linear-gradient(#39559c, #314882);
    background-repeat: no-repeat;
    background-position: center;
    color: white;
}

.menu-focus-hidden {
    background-color: #ececec;
    font-size: 14px;
    line-height: 35px;
    display: none;
    border-bottom: 1px solid silver;
    /*min-height:263px;*/
}

.menu-hidden {
    position: relative;
    z-index: 9999;
}

.menu-supplier-manage-hidden {
    background-color: #ececec;
    font-size: 14px;
    line-height: 35px;
    display: none;
    border-bottom: 1px solid silver;
}

.menu-pneu-hidden {
    background-color: #ececec;
    font-size: 14px;
    line-height: 35px;
    display: none;
}

.menu-rims-hidden, .menu-other-hidden {
    background-color: #ececec;
    font-size: 14px;
    line-height: 35px;
    padding-top: 10px;
    display: none;
}

    .menu-rims-hidden ul {
        list-style-type: none;
    }

        .menu-rims-hidden ul > li, .menu-other-hidden ul > li {
            border-bottom: 1px solid #d4d4d4;
        }

.menu-focus-hidden > .main-container ul {
    list-style-type: none;
}

.menu-other-hidden ul {
    list-style-type: none;
    width: 28% !important;
}

    .menu-other-hidden ul a {
        text-decoration: none;
    }

.menu-rims-hidden a {
    text-decoration: none;
}

    .menu-rims-hidden a:link, .menu-other-hidden a:link {
        color: black;
        text-transform: uppercase;
    }

    .menu-rims-hidden a:visited, .menu-other-hidden a:visited {
        color: black;
    }

    .menu-rims-hidden a:hover, .menu-other-hidden a:hover {
        color: #314882;
        font-weight: bold;
    }

.menu-focus-hidden > .main-container ul > li {
    border-bottom: 1px solid #d4d4d4;
}

    .menu-focus-hidden > .main-container ul > li.no-border {
        border-bottom: 0;
    }

.menu-focus-hidden a {
    text-decoration: none;
}

    .menu-focus-hidden a:link, .menu-focus-hidden {
        color: black;
        text-transform: uppercase;
    }

.margin-bottom-50 {
    margin-bottom: 50px;
}

.menu-focus-hidden a:visited {
    color: black;
}

.menu-focus-hidden a:hover {
    color: #314882;
    font-weight: bold;
}

.menu-focus-hidden ul {
    padding-left: 10px;
}

    .menu-focus-hidden ul.small {
        padding-left: 10px;
    }

    .menu-focus-hidden ul.submenu {
        padding-left: 10px;
    }

.menu-nav-logged > .nav-panel .active-settings {
    cursor: pointer;
    border-right: 1px solid silver;
    border-left: 1px solid silver;
    height: 75px;
}

.menu-nav-logged > .nav-panel .bonus, .nav-panel .order {
    text-transform: initial;
    height: 75px;
}

    .menu-nav-logged > .nav-panel .bonus .title, .order .title {
        color: #314882;
        font-weight: 600;
    }


.logged-panel {
    background-color: #314882;
    color: white;
    /*min-height:50px;    */
    /*border-top:1px solid #4b629e;
    border-bottom:1px solid #4b629e;*/
    font-size: 11px;
    position: relative;
    z-index: 20;
}

.cell-active {
    background-color: #15244b;
}

.bonus-poinst-amount {
    color: #314882;
    display: inline-block;
    margin-left: 5px;
}

.glyphicon-log-out {
    color: #4a629d;
    margin-right: 10px;
}

.logged-panel > .main-container .cell {
    /*border-left:1px solid #4b629e;
    border-right:1px solid #4b629e;  */
    height: 50px;
    font-size: 12px;
    padding-top: 18px;
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
    /*border-left: 1px solid #4b629e;*/
}


    .logged-panel > .main-container .cell.item:hover {
        text-decoration: underline;
    }

    .logged-panel > .main-container .cell.underline {
        text-decoration: underline;
    }

    /*.logged-panel > .main-container  .cell.last
    {
        border-right:1px solid #4b629e;
    }*/

    .logged-panel > .main-container .cell a {
        text-decoration: none;
        color: white;
    }

    .logged-panel > .main-container .cell .selected a {
        text-decoration: none;
        color: #2eca71;
        font-weight: bold;
    }

    .logged-panel > .main-container .cell .name-green a {
        color: #2eca71;
        text-decoration: none;
    }

.menu-nav-logged > .nav-logged-details {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav-logged-details .licence-info {
    border-right: 1px solid silver;
    padding-top: 15px;
}

.nav-logged-details .user-info {
    height: 100px;
    padding-top: 15px;
    margin-left: 15px;
}

    .nav-logged-details .user-info .user-name {
        font-weight: 600;
        font-size: 15px;
        margin-bottom: 8px;
    }

    .nav-logged-details .user-info .title-licence {
        color: #314882;
        font-size: 15px;
        margin-bottom: 8px;
    }

    .nav-logged-details .user-info .title-update {
        color: #314882;
        font-size: 12px;
        font-weight: bold;
        text-decoration: underline;
    }

.nav-logged-details .currency-bar-and-language {
    min-height: 115px;
    border-right: 1px solid silver;
    padding-top: 25px;
}

    .nav-logged-details .currency-bar-and-language .title {
        font-size: 15px;
        font-weight: bold;
        padding-bottom: 5px;
    }

.inner-navigation {
    min-height: 115px;
}

.nav-pills {
    border-bottom: 1px solid silver;
    text-align: left;
}

.hidden {
    display: none;
}

.nav-pills > .active > a, .nav-pills > .active > a:hover,
.nav-pills > li > a:hover {
    color: #4b5a8d !important;
    background-color: transparent !important;
    text-decoration: none;
    border-radius: 0px;
    border-bottom: 2px solid #314882;
    font-weight: bold;
}

.nav-pills > li > a {
    border-radius: 0px;
    color: black;
    font-weight: bold;
}

.navbar-toggle {
    padding: 17px 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 15px;
}

.lightgray-bg.filtr .tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px;
}

.lightgray-bg.filtr .nav-tabs > li > a {
    color: #314882;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
}

.lightgray-bg.filtr .nav-tabs > li > a {
    outline: 0;
}

.tyres-cascade-control-captions label {
    color: #464d5e;
    font-weight: bold;
    font-size: 12px;
}

.tyres-cascade-control-captions .season-buttons {
    /*text-align: center;*/
}

    .tyres-cascade-control-captions .season-buttons > .btn.btn-default {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .tyres-cascade-control-captions .season-buttons > .btn.btn-default.active {
            background-color: transparent;
            border-color: #314882;
            box-shadow: 0px 0px 6px rgba(49, 72, 130, 0.46);
        }

    .tyres-cascade-control-captions .season-buttons > .btn {
        border: 2px solid #ccc;
        background-color: rgb(236, 236, 236);
    }

    .tyres-cascade-control-captions .season-buttons > .btn {
        border: 2px solid #ccc;
        background-color: rgb(236, 236, 236);
    }

        .tyres-cascade-control-captions .season-buttons > .btn:first-of-type {
            margin-right: 3px;
        }

        .tyres-cascade-control-captions .season-buttons > .btn:nth-of-type(2) {
            margin-right: 3px;
        }

    .tyres-cascade-control-captions .season-buttons > .season-separator {
        width: 9px;
        height: 34px;
        text-align: center;
        vertical-align: middle;
        display: inline-block;
        font-weight: bold;
    }

        .tyres-cascade-control-captions .season-buttons > .season-separator > span {
            display: table;
            margin-top: 8px;
            font-size: 16px;
        }

.lightgray-bg.filtr .nav-tabs > li.active > a {
    background-color: #f1f1f1;
    color: #42c578;
    font-weight: bold;
    text-decoration: none;
}

lightgray-bg-alu {
    padding-bottom: 0px;
}

.white-bg.filtr .tab-content {
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px;
    background-color: white;
    padding-top: 20px;
}

.white-bg.filtr .nav-tabs {
    border: none;
    padding-left: 10px;
}

    .white-bg.filtr .nav-tabs > li > a {
        color: #314882;
        font-weight: bold;
        text-decoration: none;
        font-size: 14px;
    }

    .white-bg.filtr .nav-tabs > li > a {
        outline: 0;
    }

    .white-bg.filtr .nav-tabs > li.active > a {
        background-color: white;
        color: #42c578;
        font-weight: bold;
        text-decoration: none;
    }

.white-bg {
    background-color: #f1f1f1;
    padding-bottom: 15px;
    margin-top: 25px;
}

    .white-bg.filtr {
        background-color: #f1f1f1;
        padding-bottom: 25px;
        margin-top: 0;
        padding-top: 25px;
        padding-bottom: 0;
        /*border-top:10px solid #787f90;*/
    }

    .white-bg .nav-tabs > li.active > a, .white-bg .nav-tabs > li.active > a:hover, .white-bg .nav-tabs > li.active > a:focus {
        border-color: white;
    }

    .white-bg .nav-tabs > li {
        margin-bottom: 0;
    }

    .white-bg .nav > li > a:hover, .nav > li > a:focus {
        background-color: #f1f1f1;
    }

    .white-bg .nav-tabs > li > a:hover {
        border-color: #f1f1f1;
    }

.express {
    margin-top: 20px;
}

.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

/*.header
{
    margin-top: 20px;
    width: 980px;   
    height: 80px;
    background-color:#f4f5f7;
    display:none;
}*/

.header > .logo {
    width: 233px;
    height: 53px;
    float: left;
    margin-left: 1px;
    margin-top: 1px;
}

.header .motto {
    color: #718BD1;
    float: left;
    font-family: Arial;
    font-size: 14px;
    font-style: italic;
    margin-left: 80px;
    margin-top: 27px;
    width: 470px;
}

/* hlavicka - info o prihlasenem uzivateli */
.header > .login-identity {
    width: 733px;
    height: 86px;
    float: right;
}

    .header > .login-identity .user-details {
        width: 291px;
        height: 55px;
        background-image: url(../Images/top-login-identity-bg.png);
        background-repeat: no-repeat;
        margin-top: 9px;
        margin-left: 11px;
        float: left;
    }

    .header > .login-identity.not-logged .user-details {
        width: 84px;
    }

    .header > .login-identity .user-details > .left {
        width: 84px;
        height: 55px;
    }

    .header > .login-identity .user-details > .right {
        width: 207px;
        height: 55px;
        font-size: 13px;
    }

    .header > .login-identity .user-details .language-bar {
        width: 84px;
        height: 27px;
    }

        .header > .login-identity .user-details .language-bar a {
            width: 20px;
            height: 16px;
            text-decoration: none;
            margin-top: 6px;
            margin-left: 12px;
            margin-right: 5px;
            /*display: block;*/
            float: left;
        }

    .header > .login-identity .user-details .currency-bar {
        width: 84px;
        height: 28px;
        font-size: 11px;
        font-weight: bold;
    }

        .header > .login-identity .user-details .currency-bar a {
            width: 24px;
            height: 24px;
            margin-left: 12px;
            margin-top: 7px;
            float: left;
            /*display: block;*/
            text-decoration: none;
        }

        .header > .login-identity .user-details .currency-bar a {
            color: #000000;
        }

        .header > .login-identity .user-details .currency-bar .selected a {
            color: #718bd1;
        }

    .header > .login-identity .user-details > .right .user-name a {
        text-decoration: none;
        font-weight: bold;
        display: block;
        margin-left: 18px;
        margin-top: 6px;
        color: #475989;
    }

    .header > .login-identity .user-details > .right .licence-id {
        font-weight: bold;
        text-decoration: none;
        display: block;
        margin-left: 18px;
        margin-top: 10px;
    }




/*.header > .cart-info
{
	width: 395px;
	height: 58px;
	float: left;
	padding-top: 28px;
	line-height: 20px;
	margin-left: 5px;
}

.header > .cart-info a
{
	color: #718bd1;
}

.header > .cart-info #cart-control
{
	width: 120px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url(../Images/cart-icon-cart.png);
	background-position: 0 2px;
}

.header > .cart-info a.orders
{
	padding-left: 20px;
	display: block;
	background-image: url(../Images/orders-icon.png);	
	background-repeat: no-repeat;
	background-position: 0 2px;
}

.header > .cart-info a:first-child
{
	font-weight: bold;
	color: #718bd1;
}

.header > .cart-info > .left
{
}

.header > .cart-info > .left.user-details
{
    width: 238px;   
}

.header > .cart-info > a
{
	color: #718bd1;
}

.header > .cart-info > a.user
{
	font-weight: bold;
	color: #5368a0;
}

.header > .cart-info .cart-label
{
	width: 80px;
	float: left;
	display: block;
}

.header > .cart-info .amount
{
	float: left;
    width: 16px;
	height: 16px;
	background-image: url(../Images/bubble.png);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 10px;
	line-height: 10px;  
	position: relative;
	top: 2px;
}

.header > .cart-info .amount a
{
    color: #ffffff;
    text-decoration: none;
}

.header > .cart-info .amount a:hover
{
    text-decoration: underline;
}

.header > .language-bar
{
    float: right;
    height: 51px;
    letter-spacing: 0;
    line-height: 20px;
    padding-top: 21px;
    width: 80px;
}

.header > .language-bar > .labels
{
    width: 118px;
    float: left;
    font-weight: bold;
}

.header > .language-bar > .labels > .languages
{
    margin-top: 2px;
}

.header > .language-bar > .labels > .currencies
{
    margin-top: 7px;
}

.header > .language-bar > a
{
	color: #000000;
}

.header > .language-bar span > a
{
	color: #000000;
}

.header > .language-bar a.selected
{
	color: #5368a0;
	text-decoration: none;
}

.header > .language-bar .selected a
{
	color: #5368a0;
	text-decoration: none;
}

.header > .language-bar a img
{
	margin-right: 10px;
}
*/

.btn-header {
    height: 40px;
    font-weight: bold;
    margin-right: 10px;
    background-color: #060606;
    color: white;
    border-radius: 4px;
    margin-top: 18px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 12px;
}


/*a > .btn-header
{
    text-decoration:none;
    color:black;
}*/

.btn-inverse {
    background-color: black;
    color: white;
    height: 40px;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid black;
    margin-top: 18px;
    text-transform: uppercase;
    text-align: center;
}

    .btn-inverse a {
        text-decoration: none;
        color: white;
    }


a.btn-transparent:link {
    text-decoration: none;
    color: white;
}

a.btn-transparent:hover {
    text-decoration: none;
    background-color: transparent;
}

.padding-left-50 {
    padding-left: 50px;
}

.no-border {
    border: 0px;
}

.multiline-textbox {
    width: 100%;
    border: 0px;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-right-5 {
    padding-right: 5px;
}

.padding-right-15 {
    padding-right: 15px;
}

.btn-how-left {
    width: 220px;
    height: 60px;
    font-size: 15px;
    padding-top: 20px;
    margin-top: 10px;
    margin-right: 15px;
}

.btn-how {
    width: 220px;
    height: 60px;
    font-size: 15px;
    padding-top: 20px;
    margin-top: 10px;
}

.btn-more {
    min-width: 150px;
    height: 60px;
    font-size: 15px;
    padding-top: 20px;
    margin-top: 10px;
}

.menu-nav {
    background-color: #f4f5f7;
    min-height: 75px;
    width: 100%;
}

    .menu-nav > .nav-panel {
        color: black;
        background-color: #f4f5f7;
        border: 0px;
        text-transform: uppercase;
    }


.navbar-default .navbar-nav > li > a {
    color: #202020;
}

.main-menu {
    width: 980px;
    height: 34px;
    background-image: url(../Images/menu.png);
    display: none;
}

    .main-menu > ul {
        margin: 0;
        padding-left: 13px;
    }

        .main-menu > ul > li {
            float: left;
            list-style: none outside none;
            padding-left: 0;
        }

            .main-menu > ul > li > a {
                color: #ffffff;
                font-size: 15px;
                text-decoration: none;
                font-weight: bold;
                display: block;
                height: 26px;
                padding-top: 8px;
                padding-right: 20px;
                padding-left: 20px;
            }

                .main-menu > ul > li > a:hover {
                    background-image: url(../Images/menu-highlight.png);
                    background-repeat: repeat-x;
                }

            .main-menu > ul > li.identity-button {
                float: right;
            }

                .main-menu > ul > li.identity-button a {
                    width: 55px;
                    font-family: Tahoma;
                    font-size: 12px;
                    text-decoration: none;
                    font-weight: normal;
                    padding-right: 0;
                    padding-left: 30px;
                    background-repeat: no-repeat;
                    background-position: 9px 9px;
                }

            .main-menu > ul > li.identity-button {
                background-image: url(../Images/top-login-separator.png);
                background-repeat: no-repeat;
                background-position: 3px 0px;
            }

                .main-menu > ul > li.identity-button.login a {
                    background-image: url(../Images/icon-login.png);
                }

                .main-menu > ul > li.identity-button.logout a {
                    background-image: url(../Images/icon-logout.png);
                }

.content-wrapper {
    width: 980px;
}

    /* leve menu */
    .content-wrapper > .left-menu {
        width: 165px;
        float: left;
        line-height: 30px;
        font-size: 14px;
        display: none;
    }

        .content-wrapper > .left-menu ul {
            margin-top: 12px;
            padding-left: 0;
            margin-left: 0;
        }

            .content-wrapper > .left-menu ul li {
                list-style: none;
                padding-left: 31px;
            }

        .content-wrapper > .left-menu > ul > li.li-divider {
            height: 1px;
            border-top: 1px dotted #5368a0;
            margin-top: 15px;
            width: 110px;
            margin-left: 20px;
        }

        .content-wrapper > .left-menu > ul > li.li-header {
            color: #5368a0;
            text-decoration: none;
        }

        .content-wrapper > .left-menu > ul > li > ul {
            margin-top: 0;
        }

            .content-wrapper > .left-menu > ul > li > ul > li {
                font-size: 12px;
                line-height: 18px;
                padding-left: 20px;
            }

        .content-wrapper > .left-menu > ul li > a {
            color: #5368a0;
            text-decoration: none;
        }

        .content-wrapper > .left-menu > ul > li a:hover {
            text-decoration: underline;
        }

        .content-wrapper > .left-menu > ul > li .notification a:hover, .phone-operator-note {
            font-size: 10px;
            line-height: 10px;
        }

        .content-wrapper > .left-menu > ul li.selected {
            background-image: url(../Images/li-menu.png);
            background-repeat: no-repeat;
            background-position: 18px 12px;
        }

        .content-wrapper > .left-menu > ul > li > ul > li.selected {
            background-position: 10px 6px;
        }

        .content-wrapper > .left-menu li .notification {
            font-family: Tahoma;
            width: 16px;
            height: 16px;
            background-image: url(../Images/bubble-green.png);
            background-repeat: no-repeat;
            color: #ffffff;
            text-align: center;
            float: right;
            position: absolute;
            top: 3px;
            font-size: 10px;
            left: 95px;
            line-height: 10px;
        }

            .content-wrapper > .left-menu li .notification.relative {
                position: inherit;
                margin-top: 5px;
            }

        .content-wrapper > .left-menu li.invoices .notification {
            top: 3px;
            left: 95px;
        }

        .content-wrapper > .left-menu li.left-menu-notification .notification {
            top: 3px;
            left: 95px;
        }

        .content-wrapper > .left-menu li.left-menu-supplier-notification .notification {
            top: 9px;
            left: 95px;
        }

        .content-wrapper > .left-menu li.left-menu-supplier-orders-notification .notification {
            top: 3px;
            left: 95px;
        }

        .content-wrapper > .left-menu li.left-menu-supplier-invoices .notification {
            top: 9px;
            left: 95px;
        }

        .content-wrapper > .left-menu li.new-orders .notification {
            top: 3px;
            left: 65px;
        }

        .content-wrapper > .left-menu li.active-orders .notification {
            top: 3px;
            left: 65px;
        }

        .content-wrapper > .left-menu li .notification a {
            color: #ffffff;
            text-decoration: none;
        }

            .content-wrapper > .left-menu li .notification a:hover {
                text-decoration: underline;
            }

        .content-wrapper > .left-menu li .notification.alert {
            background-image: url(../Images/bubble.png);
        }

        .content-wrapper > .left-menu .menu-new {
            color: #ff0000;
            text-transform: uppercase;
            font-size: 11px;
        }

        .content-wrapper > .left-menu .menu-new-smaller {
            color: #ff0000;
            text-transform: uppercase;
            font-size: 9px;
        }

    .content-wrapper > .content {
        padding: 12px 23px 20px;
        width: 769px;
        min-height: 285px;
        float: right;
        background-image: url(../Images/content-background.png);
        background-repeat: no-repeat;
    }

.padding-top-5 {
    padding-top: 5px;
}

.new-footer {
    margin-top: 30px;
    min-height: 270px;
    width: 100%;
    background-color: #eaeaea;
}

    .new-footer .new-footer-upper {
        padding-top: 55px;
        width: 100%;
        background-image: url(../Images/footer-up-bg.png);
        background-repeat: repeat-x;
        margin: auto;
        min-height: 200px;
    }

    .new-footer .new-footer-down {
        width: 100%;
        margin-top: 20px;
        padding-top: 20px;
        min-height: 50px;
        background-color: #cccccc;
    }

        .new-footer .new-footer-down .text {
            margin: 0 auto;
            width: 150px;
        }

.footer-bold {
    font-size: 15px;
}

.footer {
    height: 270px;
    width: 100%;
    background-image: url(../Images/footer-background.png);
    background-repeat: repeat-x;
    display: none;
}

    .footer > .contents {
        width: 980px;
        margin-left: auto;
        margin-right: auto;
        color: #ffffff;
    }

    .footer > .footer-text {
        width: 980px;
        margin-left: auto;
        margin-right: auto;
        color: #ffffff;
        letter-spacing: 0px;
        color: #949eba;
        margin-top: 14px;
        padding-left: 48px;
    }

    .footer > .contents h2 {
        font-weight: normal;
        font-size: 18px;
        margin: 0;
        line-height: 18px;
        letter-spacing: 1px;
    }

        .footer > .contents h2 a {
            color: #ffffff;
            text-decoration: none;
        }

    .footer > .contents > .contacts {
        width: 143px;
        height: 173px;
        padding-left: 24px;
        padding-top: 23px;
        line-height: 17px;
        float: left;
        background-image: url(../Images/contacts-background.png);
        background-repeat: no-repeat;
    }

        .footer > .contents > .contacts > strong {
            color: #c1d2ff;
            display: block;
            margin-top: 10px;
            letter-spacing: -0.5px;
        }

            .footer > .contents > .contacts > strong.second {
                margin-top: 19px;
            }

        .footer > .contents > .contacts > a {
            color: #f1dfa5;
        }

            .footer > .contents > .contacts > a:hover {
                text-decoration: none;
            }

    .footer > .contents > .news {
        width: 296px;
        height: 187px;
        float: left;
        padding-left: 24px;
        padding-top: 23px;
    }

        .footer > .contents > .news > h2 {
            margin-bottom: 10px;
        }

        .footer > .contents > .news a {
            color: #c1d2ff;
        }

        .footer > .contents > .news > .news-item {
            letter-spacing: 0;
        }

            .footer > .contents > .news > .news-item > p {
                margin-top: 8px;
            }

        .footer > .contents > .news > .more-news {
            background-image: url(../Images/li-white.png);
            background-repeat: no-repeat;
            background-position: 0 7px;
            letter-spacing: 0;
            margin-top: 20px;
            padding-left: 11px;
        }

    .footer > .contents > .login {
        background-image: url("../Images/login-border.png");
        background-position: 9px 33px;
        background-repeat: no-repeat;
        float: left;
        height: 136px;
        padding-left: 20px;
        padding-top: 23px;
        width: 473px;
    }

        .footer > .contents > .login > .login-controls {
            float: left;
            width: 299px;
        }

        .footer > .contents > .login input[type="text"] {
            background-image: url("../Images/login-input.png");
            border: medium none;
            height: 18px;
            padding: 2px 6px;
            width: 204px;
        }

        .footer > .contents > .login input[type="password"] {
            background-image: url("../Images/login-input.png");
            border: medium none;
            height: 18px;
            padding: 2px 6px;
            width: 204px;
        }

        .footer > .contents > .login table {
            padding-top: 5px;
        }

        .footer > .contents > .login tr {
            height: 30px;
        }

        .footer > .contents > .login .caption {
            font-weight: bold;
            padding-top: 4px;
            width: 64px;
        }

        .footer > .contents > .login .editor {
            padding-top: 6px;
        }

        .footer > .contents > .login .button-133 {
            margin-left: 68px;
            margin-top: 3px;
        }

        .footer > .contents > .login > .registration {
            width: 126px;
            height: 177px;
            padding-left: 19px;
            float: left;
        }

            .footer > .contents > .login > .registration a {
                text-decoration: none;
            }

                .footer > .contents > .login > .registration a h2 {
                    color: #ffffff;
                    font-size: 18px;
                    letter-spacing: 0;
                    text-decoration: none;
                }

                .footer > .contents > .login > .registration a:hover h2 {
                    text-decoration: underline;
                }

                .footer > .contents > .login > .registration a.link {
                    background-image: url("../Images/li-white.png");
                    background-position: 0 7px;
                    background-repeat: no-repeat;
                    color: #C1D2FF;
                    display: block;
                    letter-spacing: 0;
                    margin-top: 9px;
                    padding-left: 14px;
                }

    .footer > .contents .registration-link-image {
        margin-top: 10px;
        width: 42px;
        height: 58px;
        margin-left: 48px;
        margin-top: 25px;
        background-image: url(../Images/registration.png);
    }

    .footer > .contents > .login > .registration a:hover .registration-link-image {
        background-image: url(../Images/registration-highlight.png);
    }

    .footer > .contents .registration-link-image > a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .footer > .contents > .registration a.link:hover {
        text-decoration: none;
    }

    .footer > .contents > .registration a.image {
        color: #C1D2FF;
        display: block;
        letter-spacing: 0;
        margin-top: 15px;
        padding-left: 14px;
    }

    .footer .registration-menu-icon {
        border-style: none;
        display: inline-block;
        width: 42px;
        height: 58px;
        background-image: url(../Images/registration.png);
    }

    /* alternativni filtr */
    .footer.alternate-footer {
        height: 150px;
    }

.alternate-footer > .alternate-contents {
    width: 955px;
    height: 63px;
    padding-left: 25px;
    padding-top: 15px;
    background-image: url(../Images/alternate-footer.png);
}

    .alternate-footer > .alternate-contents > .footer-contacts {
        float: left;
    }

        .alternate-footer > .alternate-contents > .footer-contacts > h3 {
            margin-top: 8px;
            font-weight: normal;
        }

    .alternate-footer > .alternate-contents a {
        color: #f1dfa5;
    }

    .alternate-footer > .alternate-contents strong {
        color: #c1d2ff;
        display: block;
        margin-bottom: 8px;
    }

    .alternate-footer > .alternate-contents > .first {
        width: 290px;
        height: 78px;
        margin-left: 88px;
        margin-top: 3px;
        float: left;
        letter-spacing: 0.1px;
    }

    .alternate-footer > .alternate-contents > .second {
        width: 290px;
        height: 78px;
        margin-left: 106px;
        margin-top: 3px;
        float: left;
        letter-spacing: 0.1px;
    }

.expert-filter {
    margin-top: 30px;
}

.expert-filter {
    margin-left: auto;
    margin-right: auto;
}

/* expertni filtr */
.content-wrapper > .content .expert-filter .filter-control {
    width: 275px;
    display: inline-block;
    margin-right: 3px;
}

    .content-wrapper > .content .expert-filter .filter-control input, .phone-main-wrapper .input-200 {
        background-color: transparent;
        background-image: url("../Images/input-275.png");
        background-repeat: no-repeat;
        border-style: none;
        height: 18px;
        padding: 2px 6px;
        width: 263px;
    }

.fotogallery .form-control {
    display: inline-block;
}

.advanced-search {
    min-height: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: -15px;
    margin-right: auto;
}


    .advanced-search .button-133 {
        margin-right: 2px;
        position: relative;
        top: 0.5px;
    }

.expert-filter > img {
    margin-top: 17px;
}

.tyres-cascade-control-captions .small {
    font-size: 10px;
}

.tyres-cascade-control-captions .form-control {
    /*font-size: 16px;
    font-weight:bold;*/
}
/*.tyres-cascade-control-captions .col-md-2, .tyres-cascade-control-captions .col-md-1, .tyres-cascade-control-captions 

.col-md-3, .tyres-cascade-control-captions .col-md-4
{
    padding-right:5px;
    padding-left:5px;
}*/

/* kaskadovy filtr */
.tyres-cascade-control-captions {
    /*margin-top: 30px;*/
}

    .tyres-cascade-control-captions .profile-txt {
        padding-left: 7px;
    }

    /*.tyres-cascade-control-captions div
{
    float: left;
    font-weight: bold;
    margin-right: 4px;
}*/

    .tyres-cascade-control-captions div.season {
        width: 162px;
    }

    .tyres-cascade-control-captions div.width {
        width: 40px;
        margin-right: 2px;
        font-size: 10px;
    }

    .tyres-cascade-control-captions div.profile {
        width: 32px;
        font-size: 10px;
    }

    .tyres-cascade-control-captions div.diameter {
        width: 42px;
        font-size: 10px;
    }

    .tyres-cascade-control-captions div.speed-index {
        width: 162px;
        margin-right: 10px;
    }

    .tyres-cascade-control-captions div.manufacturer {
        width: 162px;
        margin-right: 5px;
    }

    .tyres-cascade-control-captions div.pattern {
        width: 162px;
    }

.tyres-cascade-control .speed-index-combo .cmf-skinned-select {
    margin-right: 9px;
}

.tyres-cascade-control .tyre-manufacturer-combo .cmf-skinned-select {
    margin-right: 7px;
}

.tyres .btn {
    /* width:130px;
    margin-left:10px;*/
}

.tyres {
    margin-top: 10px;
}

/*.tyres-cascade-control-captions div
{
    padding:0;
}*/

.tyres-cascade-control-captions .col-md-2 > input[type=text] {
    width: 50px;
}


.steelrims .col-md-1, .steelrims .col-md-3, .steelrims .col-md-2 {
    margin-right: 5px;
}

.steelrims > div {
    padding-left: 30px;
}

.btn-search {
    margin-top: 15px;
}

.orders-filter .col-md-2 {
    margin-right: 5px;
}

/* tabulka */
/*.table
{
    font-size: 12px;
    border: 1px solid #c1d2ff;
    padding: 1px;
    margin-top: 13px;
    /*margin-right:auto;
    margin-left:auto;
} */ /*

.table *
{
    box-sizing:content-box !important;
}

.table  .row
{
    font-size:12px;
    height: 43px;
    width: 100%;
    margin-left:0px;
    margin-right:0px;
}

.table  .row.odd
{
    background-color: #ffffff;
}

.table  .row.even
{
    background-color: #f7f7f7;
}

.table  .row > .column
{
    height: 27px;
    padding-top: 13px;
    padding-left: 10px;
    float: left;
}

.table  .row > .column.image-32
{
    height: 36px;
    padding-top: 4px;
}

.table  .row > .column.image-27
{
    height: 34px;
    padding-top: 6px;
}

.table  .row > .column.image-150-40
{
    padding: 0 !important;
    padding-top: 1px !important;
    width: 150px !important;
    height: 40px;
}

.table  .row > .column.image-120-32
{
    padding: 0 !important;
    padding-top: 7px !important;
}

.table  .row > .column.highlight-1
{
    font-size: 14px;
    font-weight: bold;
    color: #d03838;
}

.table .row .command-column
{
    padding-left: 5px;
    padding-right: 5px;
}

.table .command-column a
{
    text-decoration: none;
}*/

.highlight-1 {
    font-size: 14px;
    font-weight: bold;
    color: #d03838;
}

    .highlight-1.small {
        font-size: 12px;
        font-weight: normal;
    }
/*
.table  .row > .column.highlight-1 a
{
    text-decoration: none;
    color: #d03838;
}

.table  .row > .column.highlight-2
{
    font-size: 13px;
    font-weight: bold;
    color: #3d9b35;
}

.table  .row > .column.highlight-3
{
    font-size: 13px;
    font-weight: bold;
    color: #2F3B6F;
}

.table  .row.header
{
    color: #5368a0;
    font-size: 12px;
    font-weight: bold;
    background-image: url(../Images/column-header-background.png);
    background-repeat: repeat-x;
    height: 40px;
}

.table  .row.header .small
{
    font-size: 12px;
}

.table  .row.header > .column
{
    background-position: right top;
    background-image: url(../Images/column-separator.png);
    background-repeat: no-repeat;
}*/

input[type="text"].input-55 {
    background-color: transparent;
    background-image: url("../Images/input-55.png");
    background-repeat: no-repeat;
    border-style: none;
    height: 18px;
    padding: 2px 6px;
    width: 43px;
}

input[type="text"].input-80 {
    background-color: transparent;
    background-image: url("../Images/input-80.png");
    background-repeat: no-repeat;
    border-style: none;
    height: 18px;
    padding: 2px 6px;
    width: 68px;
}

/* v pripade, ze je sloupec raditelny, pak je padding az na acku - aby byl sloupec cely klikatelny */
/*.table  .row.header > .column.sortable
{
    padding: 0;
    height: 40px;
}

.table  .row.header > .column a
{
    color: #5368a0;
    display: block;
    padding-top: 13px;
    padding-left: 10px;
    height: 27px;
    text-decoration: none;
    background-image: url(../Images/order-handle.png);
    background-position: right 0;
    background-repeat: no-repeat;
}

.table  .row.header > .column
{
    position: relative;
}

.table  .row.header > .column a.close-button
{
    color: #5368a0;
    display: block;
    background-image: none;
    width: 8px;
    height: 8px;
    background-image: url(../Images/close_8.png);
    background-repeat: no-repeat;
    position: relative;
    left: 105px;
    top: -40px;
}

.table  .row.header > .column a.close-button:hover
{
    background-position: inherit;
}

.table  .row.header > .column a:hover
{
    background-position: right -40px;
}

.table  .row.header > .column a.selected.ascending
{
    background-position: right -80px;
}

.table  .row.header > .column a.selected.descending
{
    background-position: right -120px;
}

/* v pripade, ze je sloupec sloupec s cenou v kosiku, pak je padding az na vnistrnim divu */
/*.table  .row > .column.price-item
{
    padding: 0;
    height: 40px;
    width: 135px !important;
}
*/
.price-value {
    border: 1px solid transparent;
    display: block;
    height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    margin-top: 7px;
}

.hide-original-price {
    padding-top: 5px;
    height: 50px;
    margin-top: 7px;
}

.price-value.selected {
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
}

.price-value:hover {
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
}

.price-value.selected:hover {
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
}

.price-value > .unit-price {
    color: #787f90;
    font-size: 10px;
    font-weight: bold;
}

.cart-page .price-value {
    background-color: inherit !important;
    border-color: transparent !important;
}

    .cart-page .price-value:hover {
        background-color: inherit !important;
        border-color: transparent !important;
        text-decoration: none;
        cursor: default;
    }

.price-column .computed-price {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 3px;
}

    .price-column .computed-price.red {
        color: #e20900;
    }

    .price-column .computed-price.blue {
        color: #314882;
    }

.price-column .original-price {
    line-height: 9px;
    font-size: 10px;
    font-weight: normal;
}

.price-column .discount {
    color: #314882;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    margin-bottom: 2px;
}

.price-column .special-offer-price {
    color: #2ECA71;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    margin-bottom: 2px;
}

.price-column .original-price {
    color: #838998;
    line-height: 9px;
    font-size: 10px;
    font-weight: normal;
    display: none;
}

.price-column .unit-price {
    color: #787f90;
    line-height: 9px;
    font-size: 10px;
    font-weight: bold;
}

.price-column .unit-price, .phone-ordered-note, .weight-column .unit-weight {
    color: #5368A0;
    line-height: 9px;
    font-size: 10px;
    font-weight: normal;
    margin-top: 3px;
}

.table > .row.header > .column.last {
    background-image: none;
}


.vertically-aligned-table-text a {
    padding-top: 0 !important;
    height: 65px !important;
}


    .vertically-aligned-table-text a.csv-file {
        padding-top: 0 !important;
    }


.vertically-aligned-table-text tr {
    width: 100%;
    height: 65px;
    vertical-align: middle;
}

.subrow .vertically-aligned-table-text tr {
    height: 65px;
}

.vertically-aligned-table-text tr td {
    /*width: 100%;*/
    height: 65px;
    vertical-align: middle;
    padding: 0;
    /*padding-left:10px;*/
}

.subrow .vertically-aligned-table-text-cell tr td {
    height: 65px;
}

.column-0.vertically-aligned-table-text-cell, .column-0 .vertically-aligned-table-text tr td {
    padding-left: 0;
}

.vertically-aligned-table-text-cell {
    padding-top: 0 !important;
}

/* popup */
.popup {
    display: none;
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #D8D8D8;
    padding: 6px;
    z-index: 999999;
    font-size: 10px;
    line-height: 11px;
}

    .popup .item {
        height: 12px !important;
    }


/* login stranka */
.login-warning {
    margin-left: auto;
    margin-right: auto;
    border: 2px solid red;
    border-radius: 5px;
    padding-left: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
    width: 571px;
    min-height: 0px;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 30px;
}

    .login-warning p {
    }

    .login-warning ul {
        padding-left: 0;
        list-style: none;
    }

        .login-warning ul li {
            list-style: none outside none;
            margin-top: 8px;
        }

    .login-warning h2 {
        font-size: 14px;
    }

        .login-warning h2.warning {
            font-size: 18px;
            color: red;
            text-align: center;
        }

        .login-warning h2.info {
            font-weight: bold;
            color: black;
        }

    .login-warning a {
        color: #2970ff;
    }

    .login-warning.logged-out {
        height: 164px;
        padding-top: 84px;
    }

    .login-warning.trial-warning {
        height: 174px;
        padding-top: 54px;
    }

.add-to-cart-link {
    width: 50px;
    height: 50px;
    background-color: #30c172;
    background-image: url(../Images/icon-cart.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    border: 1px solid #d4d4d4;
    display: inline-block;
    cursor: pointer;
    margin-left: 2px;
    margin-right: 2px;
    float: left;
}

.add-offer-link {
    width: 50px;
    height: 50px;
    background-color: white;
    background-image: url(../Images/icon-offer.png);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    float: left;
}

.add-to-offer-link {
    width: 24px;
    height: 24px;
    background-image: url(../Images/package.png);
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    top: 2px;
    left: 1px;
    cursor: pointer;
}
/* detail pneu */
.tyre-detail {
    /*width: 780px;*/
    margin-top: 30px;
}

    .tyre-detail .detail-wrapper-logo {
        border: 1px solid #d4d4d4;
        border-radius: 5px;
        padding: 5px;
        margin-bottom: 10px;
        min-height: 42px;
    }

.steel-rim-detail .detail-wrapper-logo {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 10px;
    height: 50px;
}

.tyre-detail .detail-wrapper-tyre {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 10px;
    width: 100%;
    height: 250px;
    text-align: center;
}

.supplier-detail-page .detail-wrapper-tyre {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 10px;
    text-align: center;
    min-height: 120px;
}

.tyre-detail .detail-wrapper-logo img {
    display: table-cell;
    margin: 0 auto;
    vertical-align: middle;
}

.tyre-detail .detail-wrapper-tyre img {
    display: inline;
    width: auto;
    max-height: 240px;
}

.tyre-detail > .parameters > .header {
    background-color: #314882;
    border-radius: 5px;
    height: 42px;
    margin-bottom: 10px;
    padding-right: 4px;
    color: white;
    font-size: 20px;
    padding-left: 20px;
}

.supplier-detail-page .name {
    background-color: #314882;
    border-radius: 5px;
    height: 42px;
    margin-bottom: 10px;
    padding-right: 4px;
    padding-top: 13px;
    color: white;
    font-size: 20px;
    padding-left: 20px;
}

.tyre-detail > .parameters > .header > .text {
    color: white;
    font-size: 18px;
    padding-top: 13px;
}

.tyre-detail > .left {
    float: left;
    width: 130px;
}

    .tyre-detail > .left.parameters {
        /*width: 325px;*/
    }

.tyre-detail > .parameters .caption, .alu-rims-page .description .caption, .supplier-detail-page .caption, .alu-car-configurator-page #et-item .row > .caption, .alu-car-conf-modals .caption {
    background-color: #f1f1f1;
    color: #314882;
    font-weight: bold;
    padding: 12px;
    height: 40px;
    font-size: 14px;
    margin-bottom: 2px;
}

.tyre-detail > .parameters label {
    margin: 0;
}

.tyre-detail > .parameters .text, .tpms-table .row > .text, .alu-rims-page .description .text {
    color: #231f20;
    padding: 10px;
    padding-left: 15px;
    font-weight: normal;
}

.alu-car-configurator-page #et-item .row > .text {
    color: #231f20;
    padding: 10px;
    padding-left: 5px;
    font-weight: normal;
}


.tyre-detail.steel-rim-detail > .parameters .text.alu-rim-finishing {
    padding: 5px;
    padding-left: 15px;
}

.supplier-detail-page .text {
    color: #231f20;
    padding: 10px;
    padding-left: 15px;
    height: 40px;
    font-weight: normal;
}

.tyre-detail > .parameters .two-line-text {
    color: #231f20;
    padding-left: 15px;
    height: 40px;
    font-weight: normal;
}


.tyre-detail > .left.codes {
    width: 325px;
}

.tyre-detail > .left > a > img {
    border: 10px solid #e8e8e8;
}

.tyre-detail-new-filter > .content {
    min-height: 65px;
    border-radius: 3px;
    background-color: transparent;
    border: 1px solid #d4d4d4;
    padding-top: 7px;
    padding-bottom: 7px;
}

.tyre-detail-new-filter > .heading {
    color: #314882;
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
}

.tyre-detail-new-filter > .content > div {
    cursor: default;
}

.tyre-detail-new-filter .btn-clear {
    margin-top: 8px;
    margin-right: 5px;
}

.rank {
    background-image: url(../Images/DeliveryIcons/icon-ribbon.png);
    background-repeat: no-repeat;
    background-color: white;
    background-position: 50% 15%;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    margin-left: 5px;
    padding-top: 28px;
    text-align: center;
    font-weight: bold;
    color: #30c172;
    height: 50px;
    width: 50px;
    float: left;
}

.delivery-rank {
    height: 50px;
    width: 50px;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    margin-left: 5px;
    padding-top: 17px;
    text-align: center;
    cursor: default;
    font-weight: bold;
    color: white;
    background-color: #2ECA71;
    display: inline-block;
}

.btn-invoices {
    width: 50px;
    height: 50px;
    background-color: #787f90;
    color: white;
    border-radius: 5px;
    margin-left: 2px;
    float: left;
    text-align: center;
    padding-top: 18px;
    font-weight: bold;
    font-size: 18px;
    cursor: default;
}

.cash-on-b2b {
    width: 50px;
    height: 50px;
    text-align: center;
    background-color: #2ECA71;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    font-size: 14px;
    float: left;
    margin-left: 2px;
    border: 1px solid #d4d4d4;
    line-height: 12px;
    padding-top: 6px;
    cursor: default;
}

.tyre-detail .product-moc {
    font-size: 16px;
    color: #314882;
    background-color: white;
    border-radius: 5px;
    height: 34px;
    margin-top: 4px;
    font-weight: bold;
    padding-top: 8px;
    text-align: center;
    margin-right: 4px;
}

.tyre-detail .product-dot {
    font-size: 16px;
    color: white;
    background-color: #e62e2f;
    border-radius: 5px;
    height: 34px;
    margin-top: -9px;
    font-weight: bold;
    padding-top: 8px;
    text-align: center;
    margin-right: 4px;
    margin-left: -30px;
}

.tyre-detail .exchange {
    font-weight: normal;
}

.steel-rim-detail .tyre-pattern-description, alu-rim-detail .tyre-pattern-description {
    font-size: 10px;
}

.steel-rim-detail .popover {
    max-width: 750px;
    max-height: 250px;
    text-align: left;
    overflow-y: auto;
    width: auto;
}

.parameters-table > .title {
    font-weight: bold;
}

.parameters-table > .item {
    width: 625px;
    height: 20px;
}

.parameters-table.margin-20 > .item {
}

.parameters-table > .item-60 {
    height: 60px;
}

.parameters-table > .item-70 {
    height: 80px;
}

.parameters-table > .item-100 {
    height: 100px;
    margin-top: 15px;
}

.right .parameters-table > .item-100 {
    margin-top: 0;
}

.left .parameters-table > .item:last-child {
    /* margin-top: 5px; */
}

.parameters-table.width-300 > .item {
    width: 350px;
}

    .parameters-table.width-300 > .item > .caption {
        width: 125px;
    }

    .parameters-table.width-300 > .item > .label {
        width: 220px;
        text-align: left;
        color: #202020;
    }

.parameters-table.width-325 > .item {
    width: 325px;
}

    .parameters-table.width-325 > .item > .label {
        width: 200px;
        vertical-align: top;
    }

.parameters-table > .item > .label.more-info {
    background-repeat: no-repeat;
    background-image: url(../Images/information.png);
}

    .parameters-table > .item > .label.more-info > a {
        padding-left: 20px;
    }

.parameters-table > .item .caption {
    color: #5368a0;
    font-weight: bold;
    width: 125px;
    float: left;
}

.parameters-table > .item > .inline-caption {
    color: #5368a0;
    font-weight: bold;
}

.parameters-table > .item > .label {
    width: 500px;
    float: left;
}

.parameters-table label {
    color: #5368a0;
    font-weight: bold;
    /*width: 125px;*/
    float: left;
}

.document-items .combo select {
    /*width:80px;*/
    /*height:20px;*/
}

.document-items .column-4 input {
    width: 20px;
    height: 20px;
    margin-top: -13px;
}

.detail-filter .filter-delivery-free-from input {
    margin-top: 5px;
    margin-right: 5px;
}

.detail-filter .filter-delivery-free-from {
    padding-top: 10px;
}

/*.delivery-icon-number-text
{
    font-family: "Myriad Pro" , sans-serif, Tahoma, Verdana;
    color: #667db8;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    letter-spacing: -1px;
    cursor: default;
    left: 3px;
}*/

.tyre-detail-delivery-free-from {
}

.tyre-detail-delivery-free-from-wrapper > .item {
    height: 50px;
    width: 50px;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    float: left;
    margin-left: 2px;
    background-color: white;
    cursor: default;
}

    .tyre-detail-delivery-free-from-wrapper > .item > .delivery-icon-number-text {
        color: #2ECA71;
        font-weight: bolder;
        font-size: 20px;
        display: block;
        text-align: center;
        padding-top: 12px;
    }

    .tyre-detail-delivery-free-from-wrapper > .item > .free-text {
        color: #2ECA71;
        text-transform: uppercase;
        display: block;
        font-weight: bold;
        font-size: 9px;
        text-align: center;
        margin-top: -2px;
    }

.tyre-detail-delivery-term-wrapper {
    height: 50px;
    width: 50px;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    float: left;
    margin-left: 2px;
    background-color: #787f90;
    background-image: url(../Images/DeliveryIcons/icon-delivery-time.png);
    background-repeat: no-repeat;
    background-position: 50% 19%;
    cursor: default;
}

    .tyre-detail-delivery-term-wrapper > .item > .delivery-icon-number-text {
        display: block;
        margin-top: 29px;
        color: white;
        text-align: center;
        font-weight: bold;
        font-size: 13px;
    }

.tyre-detail-delivery-delivery-term-time-wrapper {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    margin-left: 2px;
    background-color: white;
    background-image: url(../Images/DeliveryIcons/icon-clock.png);
    background-repeat: no-repeat;
    background-position: 50% 18%;
    height: 50px;
    width: 50px;
    float: left;
}

    .tyre-detail-delivery-delivery-term-time-wrapper > .item > .delivery-icon-number-text {
        display: block;
        margin-top: 29px;
        color: #787f90;
        text-align: center;
        font-weight: bold;
    }

.tyre-detail-semafor {
}

.tyre-detail .description, .alu-rims-page .description {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    padding: 20px;
    line-height: 20px;
    padding-right: 30px;
    margin-bottom: 20px;
}

.tyre-detail .show-description-control, .alu-rims-page .show-description-control {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .tyre-detail .show-description-control .text, .alu-rims-page .show-description-control .text {
        color: #314882;
        text-decoration: underline;
        cursor: pointer;
    }

.tyre-detail .description .close-btn {
    cursor: pointer;
    height: 50px;
    width: 50px;
    background-image: url(../Images/icon-remove.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #2ECA71;
    float: right;
    border-radius: 5px;
    display: block;
    position: absolute;
    top: 30px;
    right: 24px;
}

.order-wrapper {
    display: table;
    /*margin: 0 auto;*/
}

.tyre-detail .description .header, .alu-rims-page .description .header {
    display: block;
    clear: both;
}

.tyre-detail .description .caption, .alu-rims-page .description .caption {
    font-size: 22px;
    color: #314882;
    display: block;
    background: none;
    /*margin-bottom: 20px;*/
}

/*.tyre-detail .description .text {
    margin-top: 20px;
    margin-bottom: 20px;
}*/

/*.tyre-detail-delivery-icons .item
{
    width: 50px;
    float: left;
}*/

.tyre-detail-delivery-icons .item.tyre-detail-delivery-term-time {
    width: 45px;
}

.tyre-detail-delivery-free-from-wrapper {
    float: left;
    display: block;
}

.parameters-table .tyre-tag {
    padding-top: 10px;
    height: 30px;
}

.tyre-tag .tag-item {
    display: inline-block;
    width: 50px;
}

    .tyre-tag .tag-item.tag-noise {
        width: 100px;
    }

    .tyre-tag .tag-item img {
        width: 32px;
        margin-bottom: 5px;
        vertical-align: middle;
        float: left;
    }

    .tyre-tag .tag-item .value {
        font-weight: bold;
        margin-left: 5px;
        display: inline-block;
        font-size: 14px;
        margin-top: 7px;
    }

.tyre-pattern-description {
    font-size: 14px;
    margin-top: 5px;
    cursor: pointer;
    text-align: center;
}

    .tyre-pattern-description .caption {
        color: #718bd1;
        text-decoration: underline;
    }

    .tyre-pattern-description .popup {
        width: 300px;
    }

.tyre-popup.parameters-table.width-300 .row {
    height: auto;
    border: 0;
}

/* vyskakovaci okno pneumatik */
.tyre-popup.parameters-table.width-300 > .item {
    width: 275px;
}

    .tyre-popup.parameters-table.width-300 > .item .caption {
        width: 100px;
    }

    .tyre-popup.parameters-table.width-300 > .item .label {
        width: 175px;
    }

.input-55-col {
    padding-top: 10px !important;
}


.tyre-detail-filter {
    /*height: 40px;*/
    padding-bottom: 5px;
}


.tyre-detail-filter-wrapper {
    margin-top: 10px;
    background-image: url(../Images/tyres-detail-detailed-filter.png);
    background-position: 0 2px;
    background-repeat: no-repeat;
    width: 783px;
}


    .tyre-detail-filter-wrapper .item {
        margin-right: 5px;
    }

        .tyre-detail-filter-wrapper .item .caption {
            font-weight: bold;
        }

    .tyre-detail-filter-wrapper .button-133 {
        margin-top: 15px;
        margin-right: 5px;
    }

.toggle-checkbox {
    color: #5368A0;
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
}

.product-actualize-date {
    font-size: 10px;
    font-weight: bold;
    color: #787f90;
}

/* priklad */
img.example {
    background-color: #F3F3F3;
    border: 1px solid #8C8C8C;
    padding: 9px;
    width: 673px;
    height: 168px;
}

.button-expand {
    background-color: transparent;
    background-image: url("../Images/button-expand.png");
    background-repeat: no-repeat;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 19px;
    left: 560px;
    padding-top: 3px;
    position: relative;
    text-align: center;
    top: -22px;
    width: 133px;
}

    .button-expand:hover {
        text-decoration: underline;
    }

/* novinky */


.news-archive .news-item {
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d4d4d4;
    height: 155px;
}

    .news-archive .news-item .main-text, #detailHeader .main-text {
        font-size: 14px;
        color: #464d5e;
        display: -webkit-box;
        max-width: 100%;
        height: 48px;
        margin: 0 auto;
        font-size: 14px;
        line-height: 16px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 10px;
    }

    .news-archive .news-item .image {
        float: left;
    }

        .news-archive .news-item .image img {
            width: 150px;
        }

    .news-archive .news-item .text {
        float: left;
    }

    .news-archive .news-item .separator {
        font-size: 14px;
        font-weight: bold;
    }

    .news-archive .news-item .date, #detailHeader .date {
        font-size: 17px;
        font-weight: bold;
        color: #787f90;
        margin-right: 20px;
    }

    .news-archive .news-item .calendar, #detailHeader .calendar {
        width: 14px;
        height: 16px;
        display: inline-block;
        background-image: url(../Images/icon-calendar.png);
        background-repeat: no-repeat;
        position: relative;
        bottom: -3px;
        margin-right: 5px;
    }

    .news-archive .news-item a.news-title, #detailHeader .news-title {
        font-size: 17px;
        font-weight: bold;
        text-decoration: none;
        color: #314882;
        margin-top: 3px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 100%;
        display: inline-block;
    }

.news-body {
    height: 110px;
}

.news-header .date {
    float: left;
    margin-top: 3px;
}

.news-header .calendar {
    float: left;
}

.news-archive .news-item .read-news-item {
    color: #314882;
    font-weight: bold;
}

.news-image {
    width: 125px;
    height: 125px;
    border: solid;
    border-width: 1px;
    border-radius: 4px;
    float: left;
    border-color: rgb(217,217,217);
    margin-right: 15px;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}


.news-detail .text {
    font-weight: bold;
    color: #485b8c;
}

.news-detail .date {
    color: #485b8c;
}

/* skype */
.skype_pnh_dropart_flag_span[style] {
    display: none !important;
    color: #FFFFFF !important;
    margin: 0px !important;
    padding: 0px !important;
    background: none !important;
}

span.skype_pnh_container {
    display: none !important;
}

span.skype_pnh_print_container {
    display: inline !important;
}

/* O spolecnosti */
.company-info-wrapper {
    width: 780px;
    margin-top: 45px;
}

.company-info {
    float: left;
}

.company-map {
    clear: both;
    width: 100%;
}

/* kosik */
.pick-supplier {
    background-image: url("../Images/border-32.png");
    background-repeat: no-repeat;
    height: 23px;
    padding: 5px;
    width: 783px;
}

    .pick-supplier .label {
        font-weight: bold;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 2px;
    }



textarea.supplier-note {
    width: 760px;
    height: 69px;
    padding: 6px;
    resize: none;
    background-image: url(../Images/input-supplier-note.png);
    background-repeat: no-repeat;
    border: none;
}

.supplier-note-caption {
    display: block;
}

.payment-type-caption {
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 30px;
    background-color: #f1f1f1;
    border-radius: 2px;
    border: 0;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .payment-type-caption > .left {
        margin-right: 10px;
    }

    .payment-type-caption > .radios {
        padding-top: 5px;
    }

        .payment-type-caption > .radios input[type=radio] {
            margin-top: 5px;
            background-color: white;
        }


    .payment-type-caption .popup-handle {
        width: 16px;
        height: 16px;
        display: inline-block;
        background-image: url(../Images/information.png);
        background-repeat: no-repeat;
    }

.payment-types-radios td {
    padding-right: 20px;
}

.cart-payment-type .cmf-skinned-select {
    margin-left: 10px;
}
/*Ovládací prvek s taby*/
.cart-tt-tabs .ui-tabs {
    margin-top: 15px;
    /*width: 767px;*/
}

.cart-tt-tabs .ui-tabs {
    margin-top: 15px;
    height: 100%;
}

.ui-tabs .ui-tabs-panel {
    height: 100%;
    overflow: auto;
    border: 1px solid #d4d4d4 !important;
}

.ui-widget {
    font-family: inherit;
}

.ui-tabs {
    padding: 0;
}

.ui-widget-header {
    background-image: none;
    background-color: transparent;
    border: 0;
}

.ui-widget-content {
    background-image: none;
    background-color: transparent;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        background-image: none;
        background-color: #f1f1f1;
    }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid #d4d4d4 !important;
        background-color: transparent;
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #314882;
            font-weight: bold;
        }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #314882;
    font-weight: bold;
}

.ui-tabs .ui-tabs-nav {
    padding: 0;
}

.credit-info .row {
    margin-bottom: 10px;
}

.credit-order .caption {
    margin-top: 35px;
    font-size: 18px;
    color: #314882;
    margin-bottom: 30px;
    display: inline-block;
}

.credit-order .free-premium {
    margin-top: 30px;
}

.btn-arrow-left {
    background-color: #30c172;
    background-image: url("../Images/icon-left-arrow.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 45%;
    border-radius: 5px;
    width: 40px;
    height: 35px;
    border: 0;
    float: left;
}

    .btn-arrow-left.storno {
        background-color: #30c172;
        background-image: none;
        border-radius: 5px;
        height: 35px;
        border: 0;
        float: left;
        color: white;
        font-weight: bold;
        width: auto;
    }


.btn-arrow-right {
    background-color: #30c172;
    background-image: url("../Images/icon-right-arrow.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 45%;
    border-radius: 5px;
    width: 40px;
    height: 35px;
    border: 0;
    float: left;
    display: inline-block;
    margin-left: 5px;
}

.btn-caption {
    background-color: #30c172;
    border-radius: 5px;
    height: 35px;
    width: auto;
    min-width: 220px;
    float: left;
    border: 0;
    display: inline-block;
    color: white;
    font-weight: bold;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 15px;
}

.btn-added-loading {
    background-image: url(" ../Images/loading-small.gif");
    background-repeat: no-repeat;
    background-position: 6px 4px;
    padding-left: 40px;
}

.cart-commands .btn-clear {
    height: 35px;
}

.cart-navigation-gray {
    background-color: #f1f1f1;
    color: #787f90;
    height: 35px;
    display: inline-block;
    margin-left: 5px;
    border-radius: 5px;
    padding-left: 10px;
    font-size: 16px;
    font-weight: bold;
    padding-right: 10px;
    padding-top: 8px;
    margin-right: 5px;
    float: left;
}

.messages-info {
    background-color: #dce5ff;
    border: 2px solid #4275FC;
    height: 21px;
    padding-left: 19px;
    padding-top: 4px;
    width: 100%;
    margin-bottom: 15px;
}

.trial-info {
    background-color: #dce5ff;
    border: 2px solid #4275FC;
    padding-left: 19px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100%;
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 20px;
}

    .trial-info .small {
        font-size: 12px;
    }

    .trial-info.first-warning {
        background-color: #feff9d;
        border: 2px solid #ffe71e;
    }

    .trial-info.second-warning {
        background-color: #ff9e9e;
        border: 2px solid #ff2525;
    }

.grid-footer {
    height: 65px;
    background-color: #f1f1f1;
    border: 0;
    border-radius: 3px;
}

.subrow .grid-footer {
    height: 65px;
}

.grid-footer .original-price {
    font-size: 10px;
}

.grid-footer > div {
    float: left;
    height: 30px;
    padding-top: 23px;
    font-weight: bold;
    width: 500px;
}

    .grid-footer > div.total-price {
        position: relative;
        color: #314882;
        font-size: 16px;
        padding-left: 10px;
    }

        .grid-footer > div.total-price > .value {
            color: #e20900;
            font-size: 16px;
            margin-left: 10px;
        }

    .grid-footer > div.total-amount {
        text-align: left;
        width: 300px;
        font-weight: bold;
        font-size: 16px;
    }


.cart-page .grid-footer > div.total-amount {
    text-align: left;
    width: 130px;
    font-weight: bold;
    font-size: 16px;
    text-align: right;
    padding-right: 90px;
}

.grid-footer > div.supplier-total {
    /*background-image: url("../Images/column-separator.png");
    background-position: left center;
    background-repeat: no-repeat;*/
    text-align: right;
    color: #e20900;
    padding-top: 15px;
    padding-right: 5px;
    height: 65px;
    border-left: 1px solid white;
    width: 150px;
    font-size: 16px;
}

.subrow .grid-footer > div.supplier-total {
    height: 65px;
}

.grid-footer > div.supplier-total a {
    font-weight: normal;
    color: #314882;
    font-size: 12px;
    font-weight: bold;
}

.grid-footer.footer-recap {
    margin-bottom: 2px;
    background-color: transparent;
    border: 1px solid #d4d4d4;
    margin-left: 1px;
    margin-right: 1px;
}

.footer-recap .total-price {
    color: #e30900;
    white-space: nowrap;
}

.order-arrows {
    height: 50px;
    margin-bottom: 20px;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

    .order-arrows.step-confirm {
        /*background-image: url(../Images/order-arrows-flat-2.png);*/
    }

    .order-arrows.step-final {
        /*background-image: url(../Images/order-arrows-flat-3.png);*/
    }

    .order-arrows > div {
        display: inline-block;
        float: left;
    }

        .order-arrows > div > .numbered {
            float: left;
            height: 50px;
            width: 50px;
            margin-right: 10px;
            font-weight: bold;
            border-radius: 5px;
            background-color: transparent;
            color: #30c172;
            border: 1px solid #30c172;
            font-size: 20px;
            padding-top: 15px;
            padding-left: 15px;
        }

        .order-arrows > div.selected > .numbered {
            float: left;
            background-color: #30c172;
            color: #ffffff;
        }

        .order-arrows > div > .caption {
            float: left;
            width: 245px;
            padding-left: 25px;
            padding-top: 15px;
            background-color: #f1f1f1;
            border-radius: 5px;
            height: 50px;
            margin-right: 10px;
            font-size: 20px;
            font-weight: normal;
        }

            .order-arrows > div > .caption > a {
                font-size: 18px;
                font-weight: bold;
                color: #787f90;
                text-decoration: none;
            }

        .order-arrows > div.selected > .caption {
            background-color: #30c172;
        }

            .order-arrows > div.selected > .caption > a {
                color: #ffffff;
            }

.suppliers-confirm > .supplier {
    margin-bottom: 10px;
    width: 100%;
}

    .suppliers-confirm > .supplier > .supplier-header {
        background-color: #314882;
        /*height: 65px;*/
        border-radius: 5px;
        padding: 10px;
        /*padding-top: 25px;*/
    }

    .suppliers-confirm > .supplier > .contents {
        /*padding: 0 10px 10px 10px;*/
    }

    .suppliers-confirm > .supplier > .additional-info {
        position: relative;
    }

        .suppliers-confirm > .supplier > .additional-info .aggreement, .cart-page .aggreement {
            padding: 10px;
            padding-top: 15px;
            font-weight: bold;
            height: 65px;
            background-color: #f1f1f1;
            border-radius: 3px;
            margin-top: 15px;
        }

            .suppliers-confirm > .supplier > .additional-info .aggreement a {
                color: #f70b0d;
            }

.delivery-address {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    padding-top: 20px;
    padding-left: 20px;
    color: #314882;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

    .delivery-address .control-label {
        font-weight: normal;
    }

    .delivery-address .showing-controls {
        margin-top: 0;
        color: #2ec36f;
        text-decoration: underline;
        cursor: pointer;
        margin-right: 10px;
    }

    .delivery-address .header-caption {
        font-size: 16px;
        color: #324884;
        font-weight: bold;
        margin-bottom: 10px;
    }


.suppliers-confirm > .supplier > .supplier-header .name {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    float: left;
}

.suppliers-confirm > .supplier > .supplier-header .available-countries {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    float: left;
    margin-left: 5px;
}

.suppliers-confirm > .supplier > .supplier-header .order-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    float: left;
    text-align: center;
    /*padding-left: 460px;*/
    /*position: absolute;*/
    margin-left: 10px;
}

    .suppliers-confirm > .supplier > .supplier-header .order-checkbox input[type="checkbox"] {
        margin-top: 0;
        margin-left: 5px;
    }

.suppliers-confirm > .supplier > .aggreement {
}

.suppliers-confirm > .supplier > .supplier-header .order-checkbox > .order-text {
    float: left;
    margin-bottom: 0 !important;
}

.suppliers-confirm > .supplier > .supplier-header .order-checkbox > input {
    float: right;
    margin-top: 3px;
    margin-left: 10px;
}

.suppliers-confirm > .supplier > .supplier-header .divided-delivery-wrapper {
    float: right;
    text-align: center;
    /*margin-top: -20px;*/
}

.suppliers-confirm > .supplier > .supplier-header .expected-delivery-time-caption {
    color: #ffffff;
    font-size: 14px;
}

.suppliers-confirm > .supplier > .supplier-header .supplier-header-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width:1023px) {
    .suppliers-confirm > .supplier > .supplier-header .expected-delivery-time-caption {
        display: none;
    }

    .suppliers-confirm > .supplier > .supplier-header .expected-delivery-time-value {
        display: none;
    }

    .suppliers-confirm > .supplier > .supplier-header .icon-divided-delivery-wrapper {
        display: none;
    }

    .suppliers-confirm > .supplier > .supplier-header .order-checkbox {
        float: right;
        padding-left: 0;
        position: relative;
    }
}

.suppliers-confirm > .supplier > .supplier-header .expected-delivery-time-value {
    color: #ffffff;
    font-size: 14px;
    margin-left: 15px;
}

.suppliers-confirm > .supplier > .supplier-header .icon-divided-delivery-wrapper {
    width: auto !important;
    margin: 0 10px;
}

    .suppliers-confirm > .supplier > .supplier-header .icon-divided-delivery-wrapper .divided-delivery-wrapper .down {
        height: 23px !important;
    }

.suppliers-confirm > .supplier > .supplier-header .supplier-header-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.suppliers-confirm #delivery_address_detail {
    margin-bottom: 10px;
}

.suppliers-confirm .delivery-address-wrapper {
    width: 790px;
    background-image: url(../Images/cart-delivery-addres-bg.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
}

.suppliers-confirm .additional-info {
    /*margin-left: 10px;*/
}

.suppliers-confirm > .supplier > .supplier-header {
    display: flex;
    justify-content: space-between;
}

.cart-page {
    margin-top: 20px;
}

    .cart-page .price-column .total-price {
        color: #e20900;
        font-size: 14px;
    }

    .cart-page .table > .row > .column.price-item a {
        position: relative;
    }

    .cart-page .column input[type=text] {
        height: 40px;
        width: 35px;
        text-align: center;
    }

.table .column input[type=text] {
    height: 50px;
    width: 50px;
    text-align: center;
    float: left;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
}

.supplier-orders .table .column input[type=text] {
    height: 34px;
    margin-left: 5px;
    margin-top: 2px;
}

.supplier-orders .table .row .form-combo {
    padding-top: 16px;
}

.cart-order-footer .total-amount .total-price, .total-price.red {
    color: #e30900;
}

.detailed-filter {
    height: 62px;
    margin-top: 5px;
    padding-left: 10px;
    width: 776px;
}

.detailed-filter-checkbox {
    display: block;
    color: #2cc26c;
    font-size: 14px;
    text-decoration: underline;
}

    .detailed-filter-checkbox > label {
        position: relative;
        top: -1.5px;
    }

.detailed-filter .item {
    float: left;
    height: 30px;
    width: 257px;
}

.detailed-filter .caption {
    float: left;
    font-weight: bold;
    height: 20px;
    padding-top: 2px;
    width: 75px;
}

.detailed-filter .editor {
    width: 175px;
    float: right;
}

    .detailed-filter .editor.checkbox {
        height: 18px;
        padding-top: 2px;
    }

        .detailed-filter .editor.checkbox input {
            margin-left: 0;
        }

.detailed-filter-wrapper {
    margin-top: 10px;
    width: 783px;
    background-image: url(../Images/tyres-detailed-filter.png);
}

.detailed-filter .tyres-filter-ct-caption .popup-handle {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../Images/information.png);
    background-repeat: no-repeat;
}

.popBox-container textarea {
    resize: none;
}

.highlight-stock-amount {
    background-image: url("../Images/stock-amount-highlight.png");
    height: 5px;
    position: relative;
    top: 30px;
    width: 5px;
    right: 5px;
    float: right;
}

.tyres-list-control .highlight-stock-amount {
    right: 20px !important;
}

.tyres-list-control .responsive-body > .subrow.even, .tyres-list-control .responsive-body > .row.even {
    background-color: #f1f1f1;
}

.alu-rims-list .responsive-body > .subrow.even, .alu-rims-list .responsive-body > .row.even {
    background-color: #f1f1f1;
}

.stock-amount {
    font-size: 16px;
}

/* kreditni system */
.cart-total-credits {
    font-size: 10px;
    font-weight: bold;
    position: relative;
    left: 0px;
    top: -2px;
    color: #787f90;
}

.credits-label {
    color: #4275FC;
    font-weight: bold;
}

.gallery-wrapper {
    clear: both;
    margin: 0 auto;
    display: block;
}

.gallery-thumb {
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    height: 65px;
    width: 30.8%;
    margin-right: 3.5%;
}

    .gallery-thumb.no-margin {
        margin: 0;
    }

    .gallery-thumb.first {
        /*margin-left:1.5%;*/
    }

        .gallery-thumb.first:hover, .gallery-thumb.second:hover, .gallery-thumb.third:hover {
            background-color: #314882;
            background-image: url(../Images/icon-zoom.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: initial;
            cursor: pointer;
        }

    .gallery-thumb.first {
        background-color: white;
        background-image: url(../Images/icon-tyre-thumb.png);
        background-repeat: no-repeat;
        background-position: 0 0;
    }

    .gallery-thumb.second {
        background-color: white;
        background-image: url(../Images/icon-graph.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    .gallery-thumb.third {
        background-color: white;
        background-image: url(../Images/icon-tags.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

.cart-item-supplier-info {
    font-size: 10px;
    position: relative;
    left: 4px;
    top: 0px;
    font-weight: normal;
    background-image: url(../Images/cs-tag-active-small.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 14px;
}

.credits-tag-small {
    display: inline-block;
    width: 10px;
    height: 11px;
    background-image: url(../Images/cs-tag-active-small.png);
    background-repeat: no-repeat;
    margin-left: 3px;
    vertical-align: middle;
}

/* detail dodavatele */
.supplier-detail .header {
    font-size: 18px;
    line-height: 27px;
    margin-top: 0;
    font-weight: bold;
    height: 35px;
}

.supplier-detail img {
    width: 300px;
}

.supplier-detail .express-delivery-icon {
    width: 86px;
    vertical-align: middle;
}

.express-delivery-icon {
    background-color: #f6d21d;
    background-image: url("../Images/DeliveryIcons/icon-express.png");
    background-repeat: no-repeat;
    background-position: 50% 17%;
    border-radius: 5px;
    border: 1px solid #d4d4d4;
    padding-top: 29px;
    font-size: 10px;
    font-weight: bold;
    color: white;
    text-align: center;
    margin-left: 2px;
    height: 50px;
    width: 50px;
    float: left;
}

    .express-delivery-icon.filter {
        cursor: pointer;
    }

.bank {
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: white;
    background-image: url(../Images/DeliveryIcons/icon-bank.png);
    background-repeat: no-repeat;
    background-position: 50% 19%;
    color: #787f90;
    float: left;
    margin-left: 2px;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    padding-top: 29px;
    font-size: 11px;
    cursor: default;
}

.cod {
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: white;
    background-image: url(../Images/DeliveryIcons/icon-dollars.png);
    background-repeat: no-repeat;
    background-position: 50% 19%;
    color: #787f90;
    float: left;
    margin-left: 2px;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    padding-top: 29px;
    font-size: 11px;
    cursor: default;
}

.sconto-icon {
    background-color: white;
    border-radius: 5px;
    border: 1px solid #d4d4d4;
    width: 50px;
    height: 50px;
    float: left;
    font-weight: bold;
    text-align: center;
    margin-left: 2px;
    color: #787f90;
    cursor: default;
}

    .sconto-icon > .percentage {
        display: block;
        font-size: 26px;
        padding-top: 7px;
        margin-bottom: 6px;
    }

    .sconto-icon > .text {
        display: block;
        text-transform: uppercase;
        font-size: 11px;
    }

.supplier-detail .sconto-icon {
    width: 28px;
    vertical-align: middle;
}

.supplier-detail .address {
    padding-left: 20px;
}

.popup .supplier-detail {
    width: 410px;
    height: 170px;
    overflow: hidden;
}

    .popup .supplier-detail .header {
        font-size: 10px;
        font-weight: bold;
        height: 15px;
        line-height: 15px;
    }

    .popup .supplier-detail img {
        width: 150px;
        margin-bottom: 20px;
    }

    .popup .supplier-detail .delivery-terms {
        width: 200px;
        margin-right: 20px;
    }

    .popup .supplier-detail .address {
        padding-left: 10px;
    }

    .popup .supplier-detail .delivery-terms .header {
    }

.items-not-found {
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}

/* rozcestnik - muj ucet */
.my-account-wrapper {
    /*width: 450px;
    margin-left: 160px;*/
}

    .my-account-wrapper.second-row {
        /*margin-left: 232px;*/
    }

.gateway .item {
    width: 128px;
    height: 122px;
    border: 1px solid transparent;
    background-repeat: no-repeat;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    background-position: 34px 17px;
}

    .gateway .item a {
        display: block;
        width: 128px;
        height: 22px;
        font-size: 16px;
        text-align: center;
        padding-top: 94px;
        text-decoration: none;
    }

        .gateway .item a:hover {
        }

    .gateway .item:hover {
        background-color: #E9EFFF;
        border: 1px solid #41517d;
    }

.my-account-wrapper .item.company {
    background-image: url(../Images/company_128_dis.png);
}

.my-account-wrapper .item.licences {
    background-image: url(../Images/licence_128_dis.png);
}

.my-account-wrapper .item.invoices {
    background-image: url(../Images/invoice_64.png);
}

.my-account-wrapper .item.messages {
    background-image: url(../Images/message_128_dis.png);
}

.my-account-wrapper .item.password {
    background-image: url(../Images/password_128_dis.png);
}

/* rozcestnik - objednavky */
.my-orders-wrapper {
    margin-left: 200px;
}

    .my-orders-wrapper.supplier {
        margin-left: 150px;
    }

    .my-orders-wrapper .item.new {
        background-image: url(../Images/order_new_128_dis.png);
    }

    .my-orders-wrapper .item.active {
        background-image: url(../Images/order_active_128_dis.png);
    }

    .my-orders-wrapper .item.history {
        background-image: url(../Images/order_history_128_dis.png);
    }

/* rozcestnik - nabidky */

.partner-offers-wrapper {
    margin-left: 100px;
}

    .partner-offers-wrapper .item.active {
        background-image: url(../Images/Offers/01_aktivne.png);
    }

    .partner-offers-wrapper .item.history {
        background-image: url(../Images/Offers/02_historia.png);
    }

    .partner-offers-wrapper .item.template {
        background-image: url(../Images/Offers/03_nastavenia.png);
    }

    .partner-offers-wrapper .item.margin {
        background-image: url(../Images/Offers/04_marza.png);
    }

/* rozcestnik - technicka podpora */
.tech-support-wrapper {
    margin-left: 150px;
}

    .tech-support-wrapper .item.xml {
        background-image: url(../Images/TechSupport/xml.png);
    }

    .tech-support-wrapper .item.manuals {
        background-image: url(../Images/TechSupport/manuals.png);
    }

    .tech-support-wrapper .item.videos {
        background-image: url(../Images/TechSupport/video.png);
    }

/* lightbox */
/*.lightbox-container-image
{
    width: 300px;
}

#lightbox-image
{
    width: 270px;
}*/

/* zpravy */
.unread {
    font-weight: bold;
}

.message-detail {
    width: 780px;
}

    .message-detail .item {
        width: 780px;
    }

        .message-detail .item .caption {
            color: #5368A0;
            font-weight: bold;
            width: 150px;
            float: left;
        }

        .message-detail .item .editor {
            width: 630px;
            float: left;
        }

    .message-detail .body {
        margin-top: 20px;
    }

/* zmena fakturacnich obdobi */
.change-pay-periods.form .item {
    width: 550px;
}

    .change-pay-periods.form .item .caption {
        width: 245px;
    }

/* filtr pro objednavky */
.orders-filter {
    /*width: 780px;*/
}

    .orders-filter > .captions {
        font-weight: bold;
        width: 780px;
    }

        .orders-filter > .captions > .caption {
            width: 180px;
            float: left;
        }

    .orders-filter > .editors {
        width: 640px;
        float: left;
    }

        .orders-filter > .editors > .editor {
            width: 180px;
            float: left;
        }

            .orders-filter > .editors > .editor.state {
                width: 100px;
            }

    .orders-filter > .search-button {
        float: right;
    }

/* popup s detailem objednavky */
.order-detail .popup table th {
    text-align: left;
}

.order-detail .popup table td {
    padding-right: 8px;
}

.order-detail-view .highlight {
    font-weight: bold;
}

/* vyskakovaci okno s detailem dodavatele - skryti document id */
.partner-orders-active .document_id {
    display: none;
}

.partner-orders-active {
    margin-top: 30px;
}

.my-note-modal input[type=text] {
    text-align: left !important;
    padding-left: 10px;
    padding-right: 10px;
}

.my-note-modal .modal-body {
    height: 75px;
}

.my-note-modal.modal {
    z-index: 999999;
}

/* filtr pro platebni styk */

.payment-types-filter > .captions {
    font-weight: bold;
    width: 785px;
}

    .payment-types-filter > .captions > .caption {
        width: 180px;
        float: left;
    }

.payment-types-filter > .editors {
    width: 640px;
    float: left;
}

    .payment-types-filter > .editors > .editor {
        width: 180px;
        float: left;
    }

        .payment-types-filter > .editors > .editor.state {
            width: 100px;
        }

.payment-types-filter > .search-button {
    float: right;
}

/* detai dodavatele */
/*.supplier-detail-page .gallery {
    width: 350px;
    float: left;
    height: 400px;
}*/

.supplier-detail-page .gallery .first-image img {
    width: 325px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.supplier-detail-page .gallery .gallery-image img {
    float: left;
    width: 100px;
    margin-right: 12px;
}

/*.supplier-detail-page .text {
    width: 400px;
    float: left;
}*/

/*.supplier-detail-page .name {
    font-weight: bold;
}*/

.supplier-detail-page .address {
    margin-bottom: 25px;
}

.supplier-detail-page .supplier-contact-on-order {
    margin-bottom: 25px;
}

.supplier-detail-page .delivery-terms-header {
    font-weight: bold;
    margin-bottom: 15px;
}

/* notifikace o zmene platebnihom styku */
.payment-type-notification {
    width: 75%;
    padding: 10px 10px 10px 50px;
    font-family: Arial;
    background-color: #dce5ff;
    border: 2px solid #4275FC;
    margin-bottom: 10px; /* background-image: url(../Images/success.gif); 	background-repeat: no-repeat; 	
background-position: 10px 8px;   */
    margin-left: auto;
    margin-right: auto;
}

    .payment-type-notification > .buttons-wrapper {
        text-align: center;
    }

/* dodaci podminky dodavatele */
.delivery-terms-textarea {
    width: 715px;
    height: 230px;
    background-image: url("../Images/textarea-715-230.png");
    background-repeat: no-repeat;
    border: medium none;
    height: 218px;
    overflow: auto;
    padding: 6px;
    resize: none;
    width: 703px;
}

    .delivery-terms-textarea[readonly='readonly'] {
        background-image: url("../Images/textarea-715-230-readonly.png");
    }


.payments-table {
    border-collapse: collapse;
    padding: 0;
    width: 750px;
    font-size: 14px;
    font-weight: bold;
}

    .payments-table tr td {
        text-align: left;
        width: 187px;
        height: 40px;
    }

        .payments-table tr td.caption {
            background-image: url(../Images/OurProducts/payments-table-caption-background.png);
            background-repeat: repeat-x;
            width: 170px;
        }

        .payments-table tr td.content-cell {
            text-align: center;
            color: #ffffff;
            background-image: url(../Images/OurProducts/payments-table-cell-background.png);
            background-repeat: no-repeat;
        }

    .payments-table tr.payments-table-header td.caption {
        height: 46px;
        background-position: 0 6px;
    }

    .payments-table tr.payments-table-header td.content-cell {
        height: 46px;
        background-image: url(../Images/OurProducts/payments-table-header-background.png);
        background-repeat: no-repeat;
    }

    .payments-table tr.summary td.caption {
        font-size: 18px;
    }

    .payments-table tr.summary td.caption {
        height: 67px;
        background-image: none;
    }

    .payments-table tr.summary td.content-cell {
        height: 67px;
        background-image: url(../Images/OurProducts/payments-table-summary-background.png);
        background-repeat: no-repeat;
    }

        .payments-table tr.summary td.content-cell .discount {
            display: block;
            font-size: 11px;
            font-weight: normal;
        }

    .payments-table tr.highlight td.caption {
        background-image: url(../Images/OurProducts/payments-table-caption-highlight-background.png);
    }

    .payments-table tr.highlight td.content-cell {
        background-image: url(../Images/OurProducts/payments-table-highlight-background.png);
    }

/*.payments-table tr th
{
    padding: 4px;
    border: 1px solid #000000;
    text-align: center;
}

.payments-table tr td
{
    padding: 4px;
    border: 1px solid #000000;
    text-align: center;
}

.payments-table tr th.periodical-payment
{
    color: #0070c0;
}

.payments-table tr td.periodical-payment
{
    color: #0070c0;
}*/


/* xml technicka podpora */
.xml-tech-doc-wrapper .xml-tech-doc {
    background-image: url(../Images/package.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 20px;
}

/* xml technicka podpora */
.tech-support-manuals .manual, .cob2b .document {
    background-image: url(../Images/icon-pdf.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 20px;
}

.tech-support-videos .youtube-link {
    background-image: url(../Images/icon-youtube.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 20px;
}

/* video */
.intro-image-wrapper {
    position: relative;
}

.intro-video {
    width: 648px;
    height: 383px;
    position: absolute;
    display: none;
    background-image: url(../Images/intro-video-background.png);
    padding-left: 48px;
    padding-top: 48px;
    top: 0px;
    left: 0px;
    background-position: center;
    z-index: 15;
}

.intro-video-button {
    position: absolute;
    left: 280px;
    top: 50%;
    color: white;
    cursor: pointer;
    font-size: 4em;
    background-color: rgba(0, 0, 0, 0.7);
    width: 65px;
    height: 65px;
    padding: 5px;
    border-radius: 5px;
}

/* licence  */
.renew-licence-button {
    margin-left: 12px;
    margin-top: 10px;
    text-decoration: none;
    line-height: 22px;
}

/* easy - shop 
.easy-shop
{
    padding: 12px 0px 20px 9px;
    font-size:14px;
    line-height:20px;
}*/
.easy-shop .item {
    clear: both;
    /*width: 797px;*/
}

.easy-shop .box h2 {
    font-size: 17px;
    margin-bottom: 25px;
}

.easy-shop .button-b2bsystem {
    background-image: url("../Images/OurProducts/image-left-unselected.png");
    background-repeat: no-repeat;
    width: 397px;
    height: 68px;
}

    .easy-shop .button-b2bsystem.active {
        background-image: url("../Images/OurProducts/image-left-selected.png");
    }

.easy-shop .button-easyshop {
    background-image: url("../Images/OurProducts/image-right-unselected.png");
    background-repeat: no-repeat;
    width: 400px;
    height: 68px;
}

    .easy-shop .button-easyshop.active {
        background-image: url("../Images/OurProducts/image-right-selected.png");
    }

.easy-shop .box {
    margin-top: 40px;
}

.easy-shop .right.section {
    float: right;
    width: 50%;
}

.easy-shop .left.image {
    padding-top: 35px;
    float: left;
    width: 50%;
}

.easy-shop .panel {
    width: 716px;
    padding: 11px 17px;
}

.easy-shop .order {
    background-image: url("../Images/OurProducts/blue-panel.jpg");
    height: 71px;
    margin-top: 20px;
}

    .easy-shop .order .left {
        color: #FFFFFF;
        width: 489px;
        margin-right: 10px;
    }

    .easy-shop .order .right div {
        background-image: url("../Images/OurProducts/button-order.png");
        font-size: 13px;
        width: 217px;
        height: 47px;
        margin-top: 13px;
        padding-top: 14px;
    }

.easy-shop .bold, .bold {
    font-weight: bold !important;
}

.easy-shop .italic {
    font-style: italic;
}

.easy-shop .section .left {
    width: 110px;
    height: 50px;
    margin-right: 23px;
}

.easy-shop .section .right {
    height: 50px;
    float: left;
    width: 628px;
}

.easy-shop .section .left img {
    padding-top: 6px;
}

.easy-shop .section .icon {
    width: 50px;
    margin-top: 30px;
    margin-bottom: 7px;
}

.easy-shop .section .header {
    width: 630px;
    margin-top: 30px;
    margin-bottom: 7px;
}


.easy-shop-page {
    line-height: 20px;
}

    .easy-shop-page .caption {
        color: #314882;
        font-size: 20px;
        display: inline-block;
        margin-bottom: 20px;
    }

    .easy-shop-page p {
        margin-bottom: 20px;
    }

.in-time.print-tags .a4-layout-class td {
    width: 30px;
    height: 22px;
    border: 1px solid black;
    margin: 2px;
    vertical-align: middle;
    text-align: center;
}

.steel-rims-page {
    margin-top: 30px;
    margin-bottom: 30px;
}
    /* Ocelove disky */
    .steel-rims-page .filter, .alu-rims-page .filter {
        margin-left: 150px;
    }

    .steel-rims-page .filter-parameters, .alu-rims-page .filter-parameters {
        margin-left: 53px;
    }

        .steel-rims-page .filter-parameters input, .alu-rims-page .filter-parameters input {
            margin-right: 10px;
        }

        .steel-rims-page .filter-parameters .combo-box, .alu-rims-page .filter-parameters .combo-box {
            font-weight: normal;
        }

    .steel-rims-page .part-no-filter, .alu-rims-page .part-no-filter {
        border-top: 2px solid #e7edff;
        border-bottom: 2px solid #e7edff;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .steel-rims-page .filter .item, .alu-rims-page .filter .item {
        width: 780px;
        height: 30px;
    }

        .steel-rims-page .filter .item .caption, .alu-rims-page .filter .item .caption {
            float: left;
            width: 130px;
            height: 30px;
            font-weight: bold;
        }

        .steel-rims-page .filter .item .editor, .alu-rims-page .filter .item .editor {
            float: left;
            width: 320px;
            height: 30px;
        }

    .steel-rims-page .size-filter, .alu-rims-page .size-filter {
        border: 2px solid #b0c5ff !important;
    }

/* dodavatel - nastenka */
.supplier-dashboard {
    position: relative;
}

    .supplier-dashboard .data-state {
        width: 338px;
        height: 41px;
        /*position: absolute;
    top: -32px;
    left: 427px;*/
        background-repeat: no-repeat;
        color: #ffffff;
        padding-top: 11px;
        padding-left: 15px;
        letter-spacing: -1px;
    }

        .supplier-dashboard .data-state strong {
            text-transform: uppercase;
            letter-spacing: 0px;
        }

        .supplier-dashboard .data-state.enabled {
            color: #000000;
            background-image: url(../Images/supplier-data-enabled.png);
        }

        .supplier-dashboard .data-state.disabled {
            background-image: url(../Images/supplier-data-disabled.png);
        }

    .supplier-dashboard .statistics-wrapper {
        width: 760px;
    }

        .supplier-dashboard .statistics-wrapper .left {
            width: 360px;
        }

            .supplier-dashboard .statistics-wrapper .left .form-wrapper {
                height: 351px;
            }

        .supplier-dashboard .statistics-wrapper .right {
            width: 400px;
        }

    .supplier-dashboard .csv-file {
        background-repeat: no-repeat;
        background-image: url(../Images/icon-csv.png);
        background-position: 0px 0px;
        padding-left: 20px;
        height: 16px;
        display: block;
    }

.option-new-transfer {
    float: left;
    margin-top: 15px;
}

.option-transfer-filter {
    width: 310px;
    float: right;
}

    .option-transfer-filter > .editors {
        width: 150px;
        height: 22px;
        float: left;
    }

    .option-transfer-filter > .captions {
        font-weight: bold;
    }

    .option-transfer-filter > .search-button {
        float: right;
    }

.option-panel {
    width: 785px;
}

.protocol-saved-button {
    margin-top: 10px;
    margin-left: 5px;
}

.supplier-delivery-terms .info-tables table {
    margin-top: 5px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    width: 714px;
}

    .supplier-delivery-terms .info-tables table tr th {
        border-left: 1px solid black;
        border-top: 1px solid black;
        padding: 5px;
    }

    .supplier-delivery-terms .info-tables table tr td {
        border-left: 1px solid black;
        border-top: 1px solid black;
        padding: 5px;
    }

.supplier-delivery-terms .info-tables > .table-transport {
    width: 370px;
}

.supplier-delivery-terms .info-tables td.price-cell {
    text-align: right;
}

.cart-page .invoicing-currency-info {
    width: 114px;
    height: 30px;
    background-repeat: no-repeat;
    /*position: absolute;
    top: 22px;
    left: 615px;*/
}

.cart-page .PriceEur {
    background-image: url(../Images/invoice-in-eur.png);
}

.cart-page .PriceCzk {
    background-image: url(../Images/invoice-in-czk.png);
}

/* objednavka kreditu */
/*.order-credit .bank-transfer > .instructions
{
    width: 725px;
}

.order-credit .bank-transfer > .instructions > .item
{
    width: 725px;
    margin-top: 20px;
}

.order-credit .bank-transfer > .instructions > .item > .caption
{
    width: 24px;
    height: 20px;
    color: #ffffff;
    background-color: #4275FC;
    float: left;
    text-align: center;
    padding-top: 4px;
}

.order-credit .bank-transfer > .instructions > .item > .text
{
    margin-left: 20px;
    width: 650px;
    float: left;
}
*/
.order-credit .num-credits {
    font-weight: bold;
    color: #314882;
    background-image: url(../Images/icon-tag.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 60px;
    padding-top: 10px;
    display: inline-block;
    height: 36px;
    font-size: 16px;
}

.order-credit .caption {
    font-weight: bold;
    color: #314882;
    font-size: 16px;
    padding-left: 30px;
}

.order-credit .bordered-text {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    height: 65px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
}

    .order-credit .bordered-text .numbered {
        background-color: #314882;
        color: white;
        font-weight: bold;
        border-radius: 3px;
        width: 45px;
        height: 45px;
        margin-top: 9px;
        padding-top: 13px;
        text-align: center;
        font-size: 16px;
    }

.order-credit .text-1 {
    padding-top: 15px;
    color: #787f90;
}

.order-credit .text-2 {
    padding-top: 22px;
    color: #787f90;
}

@media(max-width:767px) {
    .order-credit .text-1 {
        padding-top: 8px;
    }

    .order-credit .text-2 {
        padding-top: 14px;
    }
}

.credit-info .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    height: 60px;
    padding-top: 10px;
}

.credit-info-wrapper > .overlay {
    position: absolute;
    top: 15px;
    left: 130px;
    width: 41px;
    height: 36px;
    background-image: url(../Images/icon-tag.png);
    background-repeat: no-repeat;
    z-index: 9999;
}

.credit-order .btn-success {
    height: 50px;
    padding-top: 13px;
}

.credit-order a.btn-success {
    text-decoration: none;
}

.cs_gtaaccept_wrapper {
    height: 40px;
    width: 770px;
    margin-top: 10px;
}

.cs_gtaaccept_text {
    color: #3e4f7a;
    font-weight: bold;
    margin-bottom: 18px;
    margin-top: 18px;
}

.cs_gtaaccept_wrapper > .left > input {
    margin-top: 10px;
}


.cs_gtaaccept_wrapper > .right > a {
    display: block;
    padding-left: 30px;
    padding-top: 2px;
    height: 26px;
    background-image: url(../Images/cs_gtaaccept_contract.png);
    background-repeat: no-repeat;
    margin-top: 3px;
}

.cs_gtaccept_header {
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin-top: 20px;
}

.home-page {
    position: relative;
    display: none;
}

    .home-page h1 {
        /*font-size: 25px;*/
    }

    .home-page h2 {
        font-size: 20px;
        margin-bottom: 25px;
    }

    .home-page .banners img {
        width: 768px;
    }

    .home-page .how-does-it-work {
        margin-top: 30px;
        width: 768px;
        height: 190px;
    }

        .home-page .how-does-it-work .left {
            width: 358px;
            height: 190px;
        }

        .home-page .how-does-it-work .right {
            width: 390px;
            padding-left: 20px;
            height: 190px;
        }

.references .caption {
    margin-bottom: 30px;
    margin-top: 15px;
}

.references .references-items-wrapper {
    width: 810px;
    margin-left: 130px;
    margin-right: auto;
}

    .references .references-items-wrapper .item {
        width: 270px;
        float: left;
        margin-left: auto;
        margin-right: auto;
    }

    .references .references-items-wrapper .item-inner {
        width: 260px;
        margin-left: 10px;
    }

#references-carousel .logo {
    height: 90px;
    text-align: center;
}

#references-carousel .logo-vertical {
    display: table-cell;
    margin: 0 auto;
    height: 70px;
    position: relative;
    vertical-align: middle;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#references-carousel .logo img {
    /*display:block;

    margin-left:auto;
    margin-right:auto;*/
    width: 150px;
}

#references-carousel .info-row {
    margin-top: 15px;
    width: 260px;
    height: 20px;
    margin-bottom: 10px;
}

    #references-carousel .info-row > .country {
        /*width: 40px;*/
        float: left;
    }

        #references-carousel .info-row > .country > img {
            padding-top: 5px;
            width: 20px;
        }

    #references-carousel .info-row > .name {
        width: 213px;
        float: left;
        font-weight: bold;
        font-size: 12px;
        padding-top: 8px;
        padding-left: 9px;
    }

#references-carousel .text {
    font-size: 14px;
    line-height: 18px;
    background-image: url(../Images/references-divider.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-bottom: 20px;
}

#references-carousel .signature > .name {
    font-weight: bold;
    margin-top: 10px;
    color: #314882;
    font-size: 12px;
}

#references-carousel .signature > .position {
    font-style: italic;
    width: 220px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-size: 12px;
}

.home-page #pages {
    margin-top: 10px;
    float: right;
}

    .home-page #pages a {
        width: 18px;
        height: 18px;
        background-image: url(../Images/HomePage/page-off.png);
        display: inline-block;
        margin-left: 10px;
    }

.home-page .easy-shop-info {
    width: 350px;
    height: 55px;
    background-repeat: no-repeat;
    background-image: url(../Images/HomePage/easy-shop-active.png);
    margin-left: 15px;
    margin-top: 60px;
}

    .home-page .easy-shop-info.active {
        background-image: url(../Images/HomePage/easy-shop-active.png);
    }

    .home-page .easy-shop-info.disabled {
        background-image: url(../Images/HomePage/easy-shop-disabled.png);
    }

    .home-page .easy-shop-info .easy-shop-date {
        color: #ffffff;
        width: 122px;
        height: 45px;
        margin-left: 213px;
        padding-top: 10px;
        padding-left: 15px;
    }

        .home-page .easy-shop-info .easy-shop-date .date-value {
            font-weight: bold;
            font-size: 14px;
        }

/* Kill that skype plugin */ body span.skype_pnh_dropart_span, body span.skype_pnh_right_span, body

span.skype_pnh_left_span {
    display: none !important;
}

body span.skype_pnh_container {
    margin-left: -.38em !important;
    margin-right: -.38em !important;
}

    body span.skype_pnh_container, body span.skype_pnh_container * {
        color: inherit !important;
        font-family: inherit !important;
        font-weight: inherit !important;
        font-size: inherit !important;
        letter-spacing: inherit !important;
    }

        body span.skype_pnh_container span.skype_pnh_text_span {
            padding-left: 0 !important;
        }

        body span.skype_pnh_container span.skype_pnh_highlighting_inactive_common *, body span.skype_pnh_container

        span.skype_pnh_highlighting_active_common * {
            background: none !important;
        }


.easy-shop .button-signpost-b2bsystem {
    background-image: url("../Images/OurProducts/button-signpost-b2bsystem.png?r=1");
    background-repeat: no-repeat;
    margin: 0 15px 0 0;
    padding-top: 165px;
    height: 440px;
    width: 238px;
    clear: both;
}

.easy-shop .button-signpost-easyshop {
    background-image: url("../Images/OurProducts/button-signpost-easyshop.png?r=1");
    background-repeat: no-repeat;
    margin: 21px 15px 0 0;
    padding-top: 145px;
    height: 430px;
    width: 238px;
}

.easy-shop .button-signpost-logistic {
    background-image: url("../Images/OurProducts/button-signpost-logistic.png?r=1");
    background-repeat: no-repeat;
    margin-right: 10px;
    padding-top: 165px;
    height: 440px;
    width: 238px;
}

.button-signpost-text {
    padding: 0px 20px 0 16px;
    color: black;
}

.button-signpost-easyshop-text {
    padding: 0 10px 0 10px;
    color: black;
    text-align: center;
}

.main-buttons a {
    text-decoration: none !important;
}

.navigation {
    line-height: 35px;
    padding: 0 0 0 10px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.arrow-navigation {
    background-image: url("../Images/OurProducts/arrow-navigation-green.png");
    margin-top: 13px;
    background-repeat: no-repeat;
    height: 12px;
    width: 10px;
    margin-left: 15px;
    margin-right: 15px;
    display: inline-block;
}

    .arrow-navigation.down {
        background-image: url("../Images/OurProducts/arrow-navigation-green-down.png");
        width: 12px;
        height: 10px;
    }
/*.home-navigation
{
    background-image: url("../Images/OurProducts/icon-home-navigation.png");
    margin-top:5px;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
}*/


.navigation-item {
    /*margin-right: 7px;*/
    display: inline-block;
}

    .navigation-item.more-link {
        margin-left: 20px;
        padding-top: 2px;
    }

    .navigation-item a:link, .navigation a:visited {
        color: #bcc1ce;
        font-size: 16px;
    }

    .navigation-item.selected {
        font-size: 30px;
        color: #787f90;
    }

.easy-shop .description {
    width: 505px;
    height: 276px;
}

.easy-shop .button-approach {
    width: 375px;
}

.easy-shop .button-approach-left {
    margin-left: 40px;
}

.easy-shop .button-approach-right {
    margin-right: 9px;
}

.easy-shop .customer-advantages-table {
    height: 415px;
    width: 366px;
    font-weight: bold;
    background-repeat: no-repeat;
    background-image: url("../Images/OurProducts/customer-advantages-table.png");
}

.easy-shop .customer-advantages-table {
    margin: 60px 9px 0px 0px;
}

.easy-shop .customer-advantages-table-header {
    height: 45px;
    font-size: 13px;
    padding: 0 0 0 15px;
}

.easy-shop .customer-advantages-table-row-left {
    width: 50px;
    clear: both;
    margin-right: 5px;
}

.easy-shop .customer-advantages-table-row-right {
    width: 275px !important;
}

.easy-shop .customer-advantages-table-row {
    padding: 6px 5px 8px 0;
    height: 46px;
}

.easy-shop .supplier-advantages-table {
    margin: 60px 50px 0px 0px;
}

.easy-shop .table-column-first {
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -khtml-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.easy-shop .table-column-last {
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -khtml-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.easy-shop .credit-table {
    margin-left: 40px;
    height: 329px;
    width: 769px;
    background-repeat: no-repeat;
    background-image: url("../Images/OurProducts/credit-table.png");
}

.easy-shop .credit-table-column {
    width: 250px;
}

.easy-shop .credit-table-row-first {
    padding: 22px 0 0 80px;
    font-size: 15px;
    font-weight: bold;
    height: 60px;
}

.easy-shop .credit-table-row-second {
    padding-left: 20px;
    height: 90px;
    padding-top: 5px;
}

.easy-shop .credit-table-row-third {
    padding: 8px;
    padding-top: 15px;
    height: 80px;
}

.easy-shop .credit-approach, .easy-shop .credit-approach-selected {
    height: 85px;
    width: 375px;
    color: Black;
    padding: 30px 0 0 85px;
    font-size: 16px;
    background-repeat: no-repeat;
    background-image: url("../Images/OurProducts/credit-approach-unselected.png");
}

.easy-shop .credit-approach-selected {
    color: White;
    background-repeat: no-repeat;
    background-image: url("../Images/OurProducts/credit-approach-selected.png");
}

.easy-shop .credit-approach-left {
    margin-top: 136px;
    font-size: 14px;
}

.easy-shop .licence-approach, .easy-shop .licence-approach-selected {
    height: 85px;
    width: 375px;
    color: Black;
    padding: 30px 0 0 85px;
    font-size: 16px;
    background-repeat: no-repeat;
    background-image: url("../Images/OurProducts/licence-approach-unselected.png");
}

.easy-shop .licence-approach-selected {
    color: White;
    background-repeat: no-repeat;
    background-image: url("../Images/OurProducts/licence-approach-selected.png");
}

.easy-shop .circle {
    height: 153px;
    width: 130px;
    margin-right: 59px;
    line-height: 20px;
    padding: 23px 0 0 0px;
    text-align: center;
    color: White;
    background-repeat: no-repeat;
    background-image: url("../Images/OurProducts/bonus-circle.png");
}

.easy-shop .b2bbox {
    margin-right: 26px;
    margin-left: 10px;
    height: 227px;
    width: 249px;
    background-repeat: no-repeat;
    background-image: url("../Images/OurProducts/product-box.png");
}

/* zruseni objednavky */
textarea.active-order-cancel-note {
    width: 760px;
    height: 69px;
    padding: 6px;
    resize: none;
    background-image: url(../Images/input-supplier-note.png);
    background-repeat: no-repeat;
    border: none;
}

    textarea.active-order-cancel-note[readonly='readonly'] {
        background-image: url(../Images/input-supplier-note-readonly.png);
    }

.easy-shop .supplier-advantages-table {
    height: 660px;
    width: 366px !important;
    /*font-weight: bold;*/
    background-repeat: no-repeat;
    background-image: url("../Images/OurProducts/supplier-advantages-table.png");
}

.easy-shop .supplier-advantages-table-header {
    padding: 0 0 0 15px;
    height: 45px;
    font-size: 13px;
}

.easy-shop .supplier-advantages-table-row {
    padding: 10px 0 0 10px;
    height: 71px;
    width: 356px;
    color: Black;
    font-size: 16px;
    background-repeat: no-repeat;
    background-image: url("../Images/OurProducts/customer-advantages-table-row.png");
}

    .easy-shop .supplier-advantages-table-row:hover {
        background-repeat: no-repeat;
        color: White;
        background-image: url("../Images/OurProducts/customer-advantages-table-row-hover.png");
    }

.easy-shop .supplier-advantages-table-row-header-text-line {
    width: 281px;
    padding: 19px 4px 0 15px;
}

.easy-shop .supplier-advantages-table-row-header-text-multiline {
    width: 281px;
    padding: 11px 4px 0 15px;
}

.easy-shop .supplier-advantages-table-row-orders {
    height: 57px;
    width: 56px;
    clear: both;
    background-repeat: no-repeat;
    background-image: url("../Images/OurProducts/customer-advantages-table-row-orders.png");
}

.easy-shop .supplier-advantages-table-row-logistic {
    height: 57px;
    width: 56px;
    clear: both;
    background-repeat: no-repeat;
    background-image: url("../Images/OurProducts/customer-advantages-table-row-logistic.png");
}

.easy-shop .supplier-advantages-table-row-graph {
    height: 54px;
    width: 56px;
    clear: both;
    background-repeat: no-repeat;
    background-image: url("../Images/OurProducts/customer-advantages-table-row-graph.png");
}

.easy-shop .supplier-advantages-table-row-statistics {
    height: 54px;
    width: 56px;
    clear: both;
    background-repeat: no-repeat;
    background-image: url("../Images/OurProducts/customer-advantages-table-row-statistics.png");
}

.easy-shop .supplier-advantages-table-row-text {
    background: #ececec;
}

.ui-icon {
    margin-left: 327px;
    background-repeat: no-repeat;
    background-image: url("../Images/OurProducts/customer-advantages-table-arrow-right.png") !important;
}

.ui-state-active .ui-icon {
    background-repeat: no-repeat;
    background-image: url("../Images/OurProducts/customer-advantages-table-arrow-bottom.png") !important;
}

.ui-icon-triangle-1-s {
    background-position: 0px !important;
}

.ui-icon-triangle-1-e {
    background-position: 0px !important;
}

.ui-state-active, .ui-state-default, .ui-widget-content {
    border: none !important;
}

.easy-shop .system {
    height: 69px;
    width: 214px;
    background-repeat: no-repeat;
    background-image: url("../Images/OurProducts/system.png");
}

.easy-shop h2 {
    font-size: 17px;
    margin-bottom: 25px;
}

.easy-shop .hammer {
    height: 36px;
    width: 40px;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-image: url("../Images/OurProducts/hammer.png");
}

.easy-shop .hammer-text {
    padding-top: 10px;
    font-size: 17px;
}

.easy-shop.licence-approach-left {
    height: 140px;
    width: 750px;
    margin-left: 40px;
    background-repeat: no-repeat;
    background-image: url("../Images/OurProducts/licence-approach-gray-square.png");
}

.easy-shop .box {
    margin-left: 10px;
}

.easy-shop > h2, .payments-table, .easy-shop > span, .easy-shop > p {
    margin-left: 40px;
}


.easy-shop .all {
    margin-left: 40px;
}

.form-attached-documents .item {
    height: 20px !important;
}

.wide-table td {
    padding: 7px 0px;
}

.delivery-address-item {
    margin-bottom: 25px;
    background-color: #BBBBDB;
    padding: 10px;
    left: -11px;
    position: relative;
    border: 1px solid #8C86CE;
}

.info-icon {
    display: inline-flex;
    border-radius: 6px;
    width: 20px;
    height: 20px;
    text-align: center;
    margin-top: 6px;
    color: white;
    font-size: 14px;
    font-weight: 500;
    background-color: #2FA15E;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.checkbox-label {
    padding-top: 8px;
}

    .checkbox-label.silver {
        color: #787f90;
        font-weight: bold;
        font-size: 12px;
    }

.checkbox-row .col-md-1, .checkbox-row .col-md-8, .checkbox-row .col-xs-1 {
    padding: 0;
}

.caret {
    color: #314882;
}


.most-search-size-closed {
    position: fixed;
    left: 0px;
    top: 200px;
    z-index: 500;
    width: 50px;
    height: 250px;
    display: none;
}

    .most-search-size-closed > .up {
        width: 50px;
        height: 50px;
        background-color: rgba(48, 193, 114, 0.5);
        background-image: url(../Images/icon-right-arrow.png);
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .most-search-size-closed > .down {
        width: 50px;
        height: 190px;
        background-color: rgba(120, 127, 144, 0.5);
        background-image: url(../Images/text-most-search-sizes.png);
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .most-search-size-closed .text {
        background-color: #787f90;
    }

.most-search-size {
    position: fixed;
    left: 0px;
    top: 200px;
    z-index: 500;
}



    .most-search-size .left {
        float: left;
    }

    .most-search-size .remove {
        background-color: rgba(48, 193, 114, 1);
        background-image: url(../Images/icon-remove.png);
        background-repeat: no-repeat;
        background-position: center;
        height: 50px;
        width: 50px;
        cursor: pointer;
    }

#chckUseDetailedFilter {
    /*display:none;*/
}

label[for=chckUseDetailedFilter] {
    /*display:none;*/
}

.most-search-size .content {
    background-color: rgba(149, 154, 166, 0.8);
    margin: 0;
    min-height: 190px;
    text-align: center;
    padding-top: 20px;
    font-size: 16px;
    color: white;
}

    .most-search-size .content .link-btn {
        color: white;
    }

.most-search-size .header {
    background-color: rgba(120, 127, 144, 1);
    height: 50px;
    width: 180px;
    font-size: 14px;
    color: white;
    text-align: center;
    padding-top: 8px;
    font-weight: bold;
}

.partner-price-settings .left {
    float: left;
}

.partner-price-settings .toggle-wrapper {
    display: table;
    margin: 0 15px;
}

.partner-price-settings .remove {
    background-color: rgba(48, 193, 114, 1);
    background-image: url(../Images/icon-remove.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    width: 50px;
    cursor: pointer;
}

.partner-price-settings .content {
    background-color: #314882;
    margin: 0;
    min-height: 150px;
    width: auto;
    text-align: left;
    font-size: 16px;
    color: white;
    padding-bottom: 5px
}

.partner-price-settings-closed {
    position: fixed;
    right: 0px;
    top: 200px;
    color: #ffffff;
    font-size: 12px;
    /*z-index: 9999;*/
    width: 50px;
    height: 250px;
}

    .partner-price-settings-closed > .up {
        float: left;
        width: 50px;
        height: 50px;
        background-color: rgba(48, 193, 114, 0.5);
        background-image: url(../Images/icon-left-arrow.png);
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center;
    }

    .partner-price-settings-closed > .down {
        float: left;
        width: 50px;
        height: 120px;
        background-color: rgba(49, 72, 130, 0.5);
        background-image: url(../Images/text-partner-prices.png);
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
    }

.partner-price-settings {
    position: fixed;
    right: 0px;
    top: 200px;
    color: #ffffff;
    font-size: 12px;
    /*z-index: 9999;*/
}

    .partner-price-settings .btn-toggle {
        border-radius: 15px;
        height: 25px;
        width: 40px;
        border: 1px solid #3e558f;
        cursor: pointer;
        background-color: #15254c;
        margin: auto;
        float: left;
    }

.partner-price-btn-toggle-left {
    background-image: url("../Images/partner-price-toggle-circle.png");
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
    background-position: 2px;
}

.partner-price-btn-toggle-right {
    background-image: url("../Images/partner-price-toggle-circle.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-position: 18px;
}

.partner-price-settings input[type="radio"] {
    display: none;
}

.partner-price-settings label {
    /*float:left;*/
    color: #828fb1;
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.partner-price-settings .active {
    color: #2eca71;
}

.partner-price-settings .col-md-4 {
    padding-left: 5px;
    padding-right: 5px;
}

.partner-price-settings .caption {
    text-align: left;
    margin-bottom: 5px;
    padding-top: 8px;
    font-weight: bold;
    padding-left: 16px;
}

.partner-price-settings .radio-buttons {
    display: block;
    clear: both;
    overflow: auto;
    width: 150px;
    margin: 0 auto;
}
/*
.partner-price-settings .pressed {
    background-position: 49px 0px;
}


.partner-price-settings .inner{
    background-color: #697dbe;
    float: right;
    padding: 5px;
    height: 200px;
}

.partner-price-settings .hidden{
    display: none;
}

.partner-price-settings .inner div{
    padding-bottom: 10px;
}

.partner-price-settings .inner label, .partner-price-settings .inner input[type="radio"] {
  font-size: 12px;
  line-height: 14px;
  vertical-align: middle;
}*/

.summer {
    width: 34px;
    height: 34px;
    background-image: url(../Images/summer.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
    background-color: transparent;
    background-size: 70%;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.margin-left-10 {
    margin-left: -10px;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-5 {
    margin-right: 5px;
}

.padding-top-17 {
    padding-top: 17px;
}

.winter {
    width: 34px;
    height: 34px;
    background-image: url(../Images/winter.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
    background-color: transparent;
    background-size: 70%;
}
/*.form-control
{
    height:50px;
}*/

.control-label {
}

.combine {
    width: 34px;
    height: 34px;
    background-image: url(../Images/summer-winter.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: 70%;
}

.winter.active {
    background-color: white;
    background-image: url(../Images/winter.svg);
}

.summer.active {
    background-color: white;
    background-image: url(../Images/summer.svg);
}

.combine.active {
    background-color: white;
    background-image: url(../Images/summer-winter.svg);
}

.season-icon-inside-grid {
    width: 48px;
    height: 46px;
}

.lightgray-bg {
    background-color: #f1f1f1;
    padding-bottom: 15px;
    margin-top: 25px;
}

    .lightgray-bg.filtr {
        background-color: #f1f1f1;
        padding-bottom: 25px;
        margin-top: 0;
        padding-top: 25px;
        /*border-top:10px solid #787f90;*/
    }

#alu-help-panel {
    margin-top: 0px;
}

.help {
    background-color: #787f90;
    /*min-height: 210px;*/
    /*padding-top:20px;*/
    padding-bottom: 40px;
}

.tyres-list-default-container .help {
    background-color: #787f90;
    /*min-height: 210px;*/
    padding-top: 10px;
    padding-bottom: 10px;
}

.help-inner {
    min-height: 210px;
}

.help .dimension input[type=text]:disabled {
    cursor: default;
    /*background-color:white;*/
    color: #787f90;
    background-color: #eee;
    opacity: 0.8;
}

.help h3 {
    color: white;
    margin-top: 0px;
    margin-bottom: 20px;
}

.help .dimension {
    color: white;
    font-size: 18px;
    padding-top: 8px;
}

.tyres-list-default-container .help .dimension {
    color: white;
    font-size: 12px;
    font-weight: bold;
    padding-top: 8px;
    margin-top: 16px;
    text-align: right;
    padding-right: 0;
}

.help .label-text {
    font-weight: bold;
    font-size: 12px;
    color: white;
}

.help .text {
    color: white;
    padding-top: 55px;
    font-size: 16px;
}

.help-inner-block {
    background: #FFFFFF;
    border-bottom: 10px solid #787f90;
}

#help-lkw .text {
    color: white;
    padding-top: 60px;
    font-size: 16px;
}

.help .dimension-detail input[type=text]:disabled {
    font-weight: bold;
    cursor: default;
    background-color: #eee;
    opacity: 0.8;
}

.help .inner-help {
    /*display:none;*/
}

.help-button {
    background-color: #787f90;
    height: 50px;
    width: 150px;
    padding: 15px;
    color: white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.tyres-list-default-container .help-button {
    height: 25px;
    width: 120px;
    padding: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 13px;
    margin-left: 15px;
}

.btn {
    text-transform: uppercase;
    /*font-weight:bold;*/
}

.btn-clear {
    background-color: transparent;
    border: 1px solid red;
    border-radius: 5px;
    color: #787f90;
    background-color: #f1f1f1;
}

    .btn-clear:hover {
        background-color: red;
        color: white;
    }

.glyphicon {
    margin-right: 5px;
}

.darkgray-bg {
    background-color: #e3e3e3;
}

    .darkgray-bg.filtr {
        padding-top: 20px;
        /*padding-bottom: 20px;*/
        border-bottom: 20px solid #e3e3e3;
    }

    .darkgray-bg.quick-search {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .darkgray-bg.quick-search-alu {
        margin-top: 0px;
    }

.quick-search-alu {
    padding-top: 20px;
    margin-top: 2px;
    padding-bottom: 20px;
}

.advertise {
    background-color: #787f90;
    min-height: 150px;
    color: #d5d8e0;
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 65px;
}

.advertise-pneu {
    background-color: #787f90;
    height: auto;
    color: #d5d8e0;
    text-align: center;
}

    .advertise-pneu.row.in-text {
        padding: 0;
        margin: 0;
    }

        .advertise-pneu.row.in-text div {
            padding: 0;
        }


    .advertise-pneu img.responsive {
        margin: 0 auto;
    }

.advertise-custom {
    height: auto;
    color: #d5d8e0;
    text-align: center;
}

#showFilter, #hideFilter {
    text-decoration: underline;
    color: #a5dfb9;
    cursor: pointer;
}

    #showFilter.active, #hideFilter.active {
        color: #30c172;
    }

.company {
    margin-left: auto;
    margin-right: auto;
    line-height: 20px;
    font-size: 16px;
}

    .company .blue-caption, .online-panel .blue-caption {
        color: #0c2253;
        font-size: 35px;
        display: inline-block;
        line-height: 120%;
    }

    .company .silver-caption {
        line-height: 35px;
        font-size: 28px;
        display: inline-block;
        margin-bottom: 15px;
    }

    .company .heading {
        padding-top: 4%;
    }

    .company .item {
        margin-bottom: 30px;
    }

    .company .item-heading {
        margin-bottom: 20px;
    }

.online-panel {
    min-height: 180px;
    background-color: #d4d4d4;
}

    .online-panel .online > .online-item {
        color: #2ecb71;
        text-align: center;
        font-size: 16px;
        padding-top: 15px;
    }

.company .online-item {
    color: #2ecb71;
    text-align: center;
    font-size: 16px;
}

.online-panel .online > .online-item > .div-gray, .company .div-gray {
    color: #2ecb71;
    text-align: center;
    background-color: #787f90;
    font-weight: bold;
    height: 50px;
    font-size: 20px;
    padding-top: 15px;
    border-radius: 3px;
    margin-top: 5px;
}

    .online-panel .online > .online-item > .div-gray.bigger {
        font-size: 26px;
        padding-top: 15px;
    }

.online-panel .online > .online-item > .online {
    padding-top: 14px;
}

.company .team-green {
    color: #30c172;
    font-size: 20px;
    display: inline-block;
    margin-left: 15px;
}

.company .p1, .company .p2, .company .p3, .company .p4 {
    margin-bottom: 20px;
}

.company .p3-text {
    padding-top: 6%;
}

.company > .down {
    clear: both;
}

.company > .contact > .info {
    float: left;
    width: 40%;
}

.company > .contact > .sellers {
    float: left;
    width: 30%;
}

.company > .contact > .suppliers {
    float: right;
    width: 30%;
}

.company .caption {
    color: #314882;
    font-size: 18px;
}

.company .logo {
    width: 280px;
    margin-top: 10px;
}

.company .pdf {
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
}

    .company .pdf a:link {
        color: #314882;
    }


.company .png img {
    margin-right: 8px;
}


.company .png a:link {
    color: #314882;
}

.easy-shop-page .caption-big {
    font-size: 25px;
    font-weight: bold;
    color: #202020;
    margin-bottom: 15px;
    display: inline-block;
}

.btn-order {
    text-decoration: none;
    height: 60px;
    /*padding-top:20px;*/
    width: 250px;
}

.easy-shop-page .header {
    font-size: 20px;
    padding-top: 15px;
    line-height: 25px;
    color: #314882;
    font-weight: 500;
}

.easy-shop-page .header-key {
    font-size: 20px;
    padding-top: 25px;
    line-height: 25px;
    color: #314882;
    font-weight: 500;
}

.easy-shop-page .own-eshop {
    margin-bottom: 20px;
    margin-top: 50px;
}

.easy-shop-page .hr-line {
    height: 22px;
    background-image: url(../Images/hr-line.png);
    background-repeat: no-repeat;
    margin-bottom: 20px;
    margin-top: 40px;
}

.easy-shop-page .info {
    margin-bottom: 50px;
}

    .easy-shop-page .info .text-b {
        font-weight: bold;
        font-size: 13px;
    }

.b2b-system {
    line-height: 20px;
}

.b2b-system-page {
    font-size: 16px;
}

.b2b-system-menu-item {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.b2b-system-page .two-line-font {
    font-size: 35px;
    line-height: 35px;
    font-weight: 600;
    text-transform: uppercase;
    color: #2ecb71;
    text-align: right;
    margin-right: 5px;
}

.b2b-system-page .green-text {
    color: #2ECA71;
    font-weight: bold;
    font-size: 18px;
}

.b2b-system-page .one-line-font {
    text-transform: uppercase;
    font-size: 16px;
    color: #314882;
    font-weight: bold;
    line-height: 18px;
    padding-left: 0;
    padding-right: 0;
    width: 100px;
}

.b2b-system-page .b2b-system-menu {
    background-image: url(../Images/OurProducts/hr-line-green-what.png);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 50px;
    margin-top: 40px;
    background-size: contain;
    width: 100%;
}

.b2b-system-page .pattern {
    background-image: url(../Images/OurProducts/icon-pattern-bg.png);
    background-repeat: no-repeat;
    width: 202px;
    height: 202px;
    font-size: 18px;
    color: #34b173;
    padding-top: 50px;
    line-height: 25px;
}

.toggle-menu {
    background-image: url(../Images/OurProducts/hr-line-toggle-left.png);
    background-repeat: no-repeat;
    background-position: bottom 25px center;
    margin-bottom: 20px;
}

    .toggle-menu.offer {
        background-image: none;
        margin-bottom: 0px;
        height: 140px;
        padding-top: 55px;
    }

        .toggle-menu.offer .toggle-outer {
            display: block;
            width: 260px;
            height: 50px;
            margin: 0 auto;
        }

        .toggle-menu.offer .text-customer {
            width: 80px;
        }

        .toggle-menu.offer .text-supplier {
            width: 80px;
        }

    .toggle-menu.no-line {
        background-image: none;
    }

    .toggle-menu .small {
        font-size: 10px;
        font-weight: normal;
    }

.icon-standard {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.system-text {
    width: 170px;
    margin: 0 auto;
    clear: both;
    display: block;
}

#what, #how, #how-much {
    cursor: pointer;
}

#what-content, #how-content, #how-much-content {
    padding-top: 25px;
    margin-bottom: 50px;
}

.b2b-system-page .title {
    color: #2d323f;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 15px;
    background-image: url(../Images/hr-line-short.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

.text-customer {
    color: #314882;
    font-weight: 600;
    font-size: 18px;
    padding-top: 9px;
    padding-bottom: 9px;
    text-align: right;
    float: left;
    width: 150px;
    margin-right: 10px;
    text-transform: uppercase;
}

.text-supplier {
    color: #34b173;
    font-weight: 600;
    font-size: 18px;
    padding-top: 9px;
    padding-bottom: 9px;
    text-align: left;
    float: right;
    width: 150px;
    margin-left: 10px;
    text-transform: uppercase;
}

    .text-supplier.inactive, .text-customer.inactive {
        color: #787f90;
    }

.b2b-system-page .img1 {
    background-image: url(../Images/OurProducts/img-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 150px;
}

.b2b-system-page .img2 {
    background-image: url(../Images/OurProducts/img-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 150px;
}


.b2b-system-page .img3 {
    background-image: url(../Images/OurProducts/img-3.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 150px;
}

.b2b-system-page .img4 {
    background-image: url(../Images/OurProducts/img-4.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 150px;
}


.b2b-system-page .advantage-title {
    font-size: 28px;
    color: #a0a5b0;
    font-weight: bold;
    margin-bottom: 20px;
}

.toggle-outer {
    display: block;
    clear: both;
    margin: 0 auto;
    width: 390px;
    margin-bottom: 30px;
    height: 50px;
}

.b2b-system-page .panel-heading {
    background-color: white;
    font-size: 20px;
    color: #314882;
    line-height: 23px;
    padding-bottom: 20px;
}

.b2b-system-page .green-font {
    color: #2ecb71;
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    margin-bottom: 20px;
}

.b2b-system-page .percent {
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: 50px;
    padding: 10px;
    text-align: center;
    font-size: 15px;
}

.b2b-system-page .note {
    padding-top: 10px;
}

.b2b-system-page .note-text {
    font-size: 12px;
    font-weight: bold;
}

.b2b-system-page .credit-info {
    background-image: url(../Images/cs-icon-tag-active.png);
    background-repeat: no-repeat;
    background-position: right;
    margin-right: 15px;
    height: 16px;
    width: 20px;
    display: inline-block;
}

.b2b-system-page .green {
    color: #2ecb71;
    font-weight: bold;
}

.b2b-system-page .panel-heading.example {
    background-color: white;
    font-size: 16px;
    color: #314882;
    line-height: 23px;
    padding-bottom: 20px;
}

.b2b-system-page .panel-heading.premium > .green {
    font-size: 20px;
    display: block;
}

.b2b-system-page .blue {
    color: #314882;
    font-weight: bold;
}

.b2b-system-page .price {
    margin-bottom: 10px;
    font-size: 13px;
}

.b2b-system-page .price-info {
    padding-top: 10px;
}

.b2b-system-page .tab-content {
    margin-top: 10px;
    margin-bottom: 100px;
}

.bonus-club-panel, .pneub2b-panel, .phone-orders-panel {
    min-height: 150px;
    background-color: #0c2253;
    border-top: 1px solid #4b629e;
}



.pneub2b-panel {
    background-color: #314882;
    background-image: url(../Images/tyre-panel.png);
    background-repeat: no-repeat;
    background-position: right top;
}

.bonus-club-panel .image {
    background-image: url('../Images/icon-bonus-panel.png');
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    background-size: contain;
    min-height: 150px;
}

.pneub2b-panel .caption {
    padding-top: 35px;
    font-size: 25px;
    line-height: 25px;
    color: white;
    text-align: center;
}



.bonus-club-panel .info, .pneub2b-panel .info {
    font-size: 12px;
    font-weight: bold;
}

    .bonus-club-panel .info a, .pneub2b-panel .info a {
        color: #90a1cd;
    }


.b2b-system-page .heading-text {
    font-size: 16px;
    line-height: 20px;
    float: left;
}

.b2b-system-page .panel-body.premium {
    font-size: 12px;
    line-height: initial;
}

.panel-heading.premium {
    padding-bottom: 20px;
    min-height: 140px;
}

.panel.premium, .panel.standard {
    margin-top: 30px;
    margin-bottom: 50px;
}

.b2b-system-page #table-premium, .b2b-system #table-standard {
    border: 0;
    text-align: center;
    font-size: 14px;
}


    .b2b-system-page #table-premium th {
        background-color: #34b173;
        font-weight: bold;
        font-size: 20px;
        color: white;
        text-transform: uppercase;
        text-align: center;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }

    .b2b-system-page #table-premium tbody td {
        border: 1px solid #d2d2d2;
    }

    .b2b-system-page #table-premium tbody tr:first-child {
        font-size: 20px;
        font-weight: bold;
    }

.b2b-system-page table .prices-text {
    color: #737373;
}

.b2b-system-page table .final-price {
    font-size: 18px;
    font-weight: bold;
    color: #737373;
}

    .b2b-system-page table .final-price.green {
        font-size: 16px;
        font-weight: bold;
        color: #34b173;
    }

.b2b-system-page #table-standard th {
    background-color: #384e86;
    font-weight: bold;
    font-size: 20px;
    color: white;
    text-transform: uppercase;
    text-align: center;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.b2b-system-page #table-standard tbody td {
    border: 1px solid #d2d2d2;
    text-align: center;
}

.b2b-system-page #table-standard tbody tr:first-child {
    font-size: 14px;
    font-weight: bold;
}

.b2b-system-page #table-standard tbody > tr:not(:first-child) > td:first-child {
    text-align: left;
    font-weight: bold;
    text-align: center;
}

.b2b-system-page .silver-text {
    font-size: 28px;
    color: #787f90;
    margin-bottom: 60px;
}

.b2b-system-page .credit-example {
    font-size: 16px;
    color: #314882;
    margin-bottom: 35px;
}

.b2b-system-page #premium img {
    float: left;
    margin-right: 20px;
}

.b2b-system-page .btn-bonus {
    border: 1px solid #314882;
    color: #314882;
    width: 200px;
    text-align: center;
    height: 50px;
    padding-top: 13px;
}

.b2b-system-page .btn-products {
    height: 50px;
    width: 200px;
    text-align: center;
    padding-top: 13px;
}

.padding-bottom-50 {
    padding-bottom: 50px;
}

.margin-top-170 {
    margin-top: 170px;
}

.support-panel {
    height: 150px;
    background-color: #eaeaea;
    position: absolute;
    left: 0;
    right: 0;
    background-image: url(../Images/headphones.png);
    background-repeat: no-repeat;
    background-position: 60%;
    font-size: 22px;
    line-height: 140%;
}

    .support-panel .inner {
        padding-top: 40px;
    }

.b2b-system-page a.btn-bonus {
    text-decoration: none;
}

.b2b-system-page .nav-tabs > li a {
    font-size: 16px;
    font-weight: bold;
    color: #464d5e;
    text-decoration: none;
}

.b2b-system-page #premium {
    font-size: 16px;
    line-height: 140%;
}

.b2b-system-page .nav-tabs > li.active {
    border-bottom: 1px solid #ddd;
}

    .b2b-system-page .nav-tabs > li.active a {
        font-size: 16px;
        font-weight: bold;
        color: #314882;
        text-decoration: none;
    }

.b2b-system-page .who-text {
    font-size: 22px;
    line-height: 28px;
    color: #314882;
    margin-bottom: 10px;
    display: block;
}


.b2b-system-page .who-row {
    margin-bottom: 20px;
    margin-top: 20px;
}

.b2b-system-page .who-text-small {
    font-size: 16px;
    line-height: 25px;
    display: block;
    margin-bottom: 20px;
}

.btn-success.size {
    height: 50px;
    padding-top: 15px;
    width: 150px;
}

a.btn-success {
    text-decoration: none;
}

.b2b-system-page .caption {
    color: #314882;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
}

.b2b-system-page .caption-text {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
}

.b2b-system-page #table-premium td:last-child {
    background-color: #f7f7f7;
}

#customer-menu li.active > a {
    background-color: #314882;
    color: white;
}

#system-menu li.active > a {
    background-color: transparent;
    color: #314882;
}

#system-menu li.active {
    background-image: none;
}

#system-menu li {
    background-image: url(../Images/shadow4.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

    #system-menu li > a {
        color: #686b75;
    }

#supplier-menu li.active > a {
    background-color: #30c072;
    color: white;
}

.advantage img {
    margin-top: 20px;
}

.grid {
    margin: 0 auto;
    margin-top: 20px;
}

.product-item {
    padding: 35px 30px;
    border-radius: 15px;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 25%);
    border-radius: 25px;
    margin-bottom: 35px;
}

.product-item-title-wrapper {
    display: flex;
    align-items: center;
}

.product-item-title {
    margin-top: 0px;
    margin-left: 20px;
}

.product-item-text {
    color: #252525;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 100;
    margin-bottom: 20px;
}

.product-item-button {
    height: 55px;
    display: inline-flex;
    align-items: center;
    background: #27A25C;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 15px;
    padding: 0 25px;
    transition: 0.18s all linear;
    text-decoration: none;
}

    .product-item-button:hover {
        background: #21884D;
        color: #FFFFFF;
    }

.easy-shop .product-item {
    display: block;
    clear: both;
    border: 1px solid silver;
    border-radius: 5px;
    margin-bottom: 20px;
}

    .easy-shop .product-item.b2b-system {
        background-image: url(../Images/OurProducts/icon-product-b2bsystem.png);
        background-position: right 10px top 15px;
        background-repeat: no-repeat;
        background-color: transparent;
        background-size: 40px;
    }

    .easy-shop .product-item.easy-shop {
        background-image: url(../Images/OurProducts/icon-product-easyshop.png);
        background-position: right 10px top 15px;
        background-repeat: no-repeat;
        background-color: transparent;
        background-size: 40px;
    }

.easy-shop .logistic {
    background-image: url(../Images/OurProducts/icon-product-logistic.png);
    background-position: right 25px top 15px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 40px;
    /*height:300px;
   padding:20px;
   margin-top:30px;*/
}

.easy-shop .cob2b-product {
    background-image: url(../Images/footer-cob2b-icon.png);
    background-position: right 25px top 15px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 40px;
}


.easy-shop .product-item .caption, .logistic .caption {
    font-size: 35px;
    text-transform: uppercase;
    font-weight: bolder;
    display: inline-block;
    color: #464d5e;
    margin-bottom: 20px;
}


.easy-shop .cob2b-product .caption {
    text-transform: none;
}

.easy-shop .product-item .note, .logistic .note {
    font-size: 12px;
    font-weight: bolder;
}

.easy-shop .product-item .text-bigger {
    font-size: 18px;
    padding-top: 20px;
    line-height: 25px;
    color: #314882;
}

.logistic .text-bigger {
    font-size: 18px;
    margin-top: 10px;
    line-height: 25px;
    color: #314882;
    display: inline-block;
}

.easy-shop .product-item .text {
    font-size: 14px;
    line-height: 20px;
}

.easy-shop .product-item img {
    height: 50px;
}

.easy-shop .product-item .content {
    min-height: 320px;
    padding: 15px;
    background-color: transparent;
}

.easy-shop .logistic {
}

.easy-shop .product-item .button {
    background-color: #2eca71;
    background: -webkit-linear-gradient(#2ECA71, #389B75);
    background: -o-linear-gradient(#2ECA71, #389B75); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2ECA71, #389B75); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2ECA71, #389B75); /* Standard syntax */
    text-align: center;
    height: 60px;
    color: white;
    font-weight: bold;
    font-size: 16px;
    padding-top: 20px;
    text-transform: uppercase;
}

    .easy-shop .product-item .button a {
        text-decoration: none;
        color: white;
    }


li.menu-button > a.active {
    background-color: #314882 !important;
    color: white !important;
    border-radius: 5px;
}

    li.menu-button > a.active .caret {
        color: #2eca71 !important;
    }

.menu-supplier-manage-hidden ul {
    list-style-type: none;
    color: #202020;
    text-transform: uppercase;
}

    .menu-supplier-manage-hidden ul > li {
        border-bottom: 1px solid #d4d4d4;
    }

        .menu-supplier-manage-hidden ul > li a {
            text-decoration: none;
            color: #202020;
        }

            .menu-supplier-manage-hidden ul > li a:hover {
                text-decoration: none;
                color: #202020;
                font-weight: bold;
            }

.menu-supplier-manage-hidden ul {
    list-style-type: none;
    color: #202020;
    text-transform: uppercase;
}

.menu-pneu-hidden ul {
    list-style-type: none;
    color: #202020;
    text-transform: uppercase;
}

.menu-pneu-hidden .pneu-row {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .menu-pneu-hidden .pneu-row > .row {
        margin-bottom: 15px;
    }

.menu-pneu-hidden ul > li {
    border-bottom: 1px solid #d4d4d4;
}

    .menu-pneu-hidden ul > li a {
        text-decoration: none;
        color: #202020;
    }

        .menu-pneu-hidden ul > li a:hover {
            text-decoration: none;
            color: #202020;
            font-weight: bold;
        }

.menu-pneu-hidden img {
}

.menu-pneu-hidden .search a {
    color: #2ECA71;
    font-weight: bold;
}

    .menu-pneu-hidden .search a:hover {
        color: #2ECA71;
        font-weight: bold;
    }

.menu-pneu-hidden #search {
    color: #202020;
    font-weight: bold;
}

/*.menu-pneu-hidden .advertise
{
    height:80px;
    background-color:#787f90;
    
}*/

/*.menu-pneu-hidden .advertise > .caption
{
   text-align:center;
   font-size:35px;
   font-weight:bold;
   color:#d5d8e0;
   padding-top:55px;
   text-transform:uppercase;
}*/

.contact {
    line-height: 20px;
    font-size: 14px;
}



    .contact .caption {
        font-size: 20px;
        color: #314882;
        display: block;
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .contact .where {
        color: #787f90;
        font-size: 25px;
        display: block;
        margin-top: 50px;
    }

    .contact.map {
        min-height: 209px;
        background-color: #787f90;
        margin-top: 30px;
    }

        .contact.map > .image {
            background-image: url(../Images/photo-pneub2b.png);
            background-repeat: no-repeat;
            background-position: center;
            height: 209px;
            padding: 0;
        }

        .contact.map > .google-map {
            height: 209px;
            padding: 0;
        }

    .contact .person {
        margin-top: 50px;
    }


        .contact .person .info {
            padding-top: 5%;
        }

        .contact .person .who {
            color: #2ECA71;
            font-size: 25px;
            padding-top: 80px;
        }

.who-pop {
    cursor: pointer;
}

.company-life {
    min-height: 239px;
    padding: 0;
    display: inline-block;
    clear: both;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
}

    .company-life .img-1 {
        background-image: url(../Images/company-life-1.png);
        background-repeat: no-repeat;
        height: 239px;
        width: 382px;
    }

    .company-life .img-2 {
        background-image: url(../Images/company-life-2.png);
        background-repeat: no-repeat;
        height: 239px;
        width: 543px;
    }

    .company-life .img-3 {
        background-image: url(../Images/company-life-3.png);
        background-repeat: no-repeat;
        height: 239px;
        width: 472px;
    }

    .company-life .img-4 {
        background-image: url(../Images/company-life-4.png);
        background-repeat: no-repeat;
        height: 239px;
        width: 520px;
    }

.company-life-buttons .caption {
    color: #787f90;
    font-size: 28px;
    display: block;
    margin-top: 15px;
    margin-bottom: 5px;
}

.company-life-buttons img {
    padding-top: 20px;
}

.company-life-buttons {
    margin-top: 30px;
    margin-bottom: 30px;
}

    .company-life-buttons #left-arrow, #right-arrow {
        cursor: pointer;
    }

.popover-title {
    color: blue;
    font-size: 15px;
}

.popover-content {
    color: #2ECA71;
    font-size: 14px;
}

.popover {
    border-color: #27A25C;
    border: 2px solid #27A25C;
    width: 250px;
    min-height: 30px;
    text-align: center;
    z-index: 9999;
    border-radius: 15px;
}

    .popover.top > .arrow {
        display: none;
    }

    .popover.bottom > .arrow {
        display: none;
    }

    .popover.right > .arrow {
        display: none;
    }

.partner-orders .popover, .supplier-orders .popover {
    text-align: left;
    width: 335px !important;
    max-width: 335px !important;
}

.tnt-popover, .popover-edit, .docs-popover {
    display: inherit;
    cursor: pointer;
}

    .tnt-popover .popover {
        max-width: 200px !important;
        width: 200px;
    }

    .docs-popover .popover {
        max-width: 250px !important;
    }

.partner-orders .popover-title, .supplier-orders .popover-title {
    color: #252525;
    font-size: 15px;
    font-weight: 700;
    border-radius: 15px 15px 0px 0px;
}

.tnt-popover .popover-content a, .docs-popover .popover-content a {
    text-decoration: underline;
}

    .tnt-popover .popover-content a:hover, .docs-popover .popover-content a:hover {
        text-decoration: none;
    }

.selling-price-popover {
    display: inherit;
    cursor: pointer;
}

    .selling-price-popover .popover {
        max-width: 250px !important;
        width: 250px;
    }

.selling-price-popover-content {
    width: 100% !important;
    color: #464d5e !important;
}

    .selling-price-popover-content tr {
        height: 20px;
    }

        .selling-price-popover-content tr td {
            height: 20px;
        }

.popover.low-reliability-popover {
    border-radius: 5px;
    /*box-shadow: 0px 0px 10px #797F8F;*/
    border: 1px solid #D81115;
    width: auto;
}

.low-reliability-popover .popover-content {
    color: #D81115 !important;
}

.new-footer-facebook {
    min-height: 100px;
    background-color: #eaeaea;
    padding-top: 25px;
}

    .new-footer-facebook .row {
        margin: 0;
    }

    .new-footer-facebook .caption {
        padding-top: 20px;
        font-size: 14px;
    }

    .new-footer-facebook .link {
        padding-top: 20px;
    }

        .new-footer-facebook .link a {
            color: #314882;
            font-weight: bold;
            font-size: 14px;
        }

.navbar-nav.navbar-right:last-child {
    margin-right: 0px;
}

.navbar-nav {
    margin: 0;
}

    .navbar-nav li > a:hover {
        text-decoration: underline;
    }

.jumbotron .carousel-inner > .active.summer-carousel {
    width: 100%;
}

.padding-left-filtr {
    padding-left: 2px;
}

.padding-right-filtr {
    padding-right: 2px;
}

.cell.logout {
    padding-left: 0;
    padding-right: 0;
    letter-spacing: -0.5px;
    text-align: left;
}

.career .join > .caption {
    font-size: 20px;
    color: #314882;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 20px;
}

/*.career {
    font-size: 14px;
}*/

.career .text {
    line-height: 20px;
    display: inline-block;
    margin-bottom: 20px;
}


.shadow-line {
    height: 9px;
    width: 100%;
    background-image: url(../Images/shadow.png);
    background-repeat: repeat-x;
}

.shadow-line-panel {
    height: 4px;
    width: 100%;
    background-image: url(../Images/shadow2.png);
    background-repeat: repeat-x;
}

.career .caption-big {
    font-size: 30px;
    color: #787f90;
    margin-top: 40px;
    margin-bottom: 20px;
}


.career .item {
    margin-top: 30px;
    margin-bottom: 30px;
}

    .career .item > .content {
    }

        .career .item > .content > .caption a {
            color: #314882;
            cursor: pointer;
        }

        .career .item > .content > .caption {
            margin-bottom: 15px;
            color: #314882;
            font-size: 18px;
            text-decoration: underline;
        }

        .career .item > .content > .text .blue {
            color: #314882;
            display: inline-block;
            margin-top: 15px;
        }

.detail .caption {
    margin-bottom: 15px;
    color: #314882;
    font-size: 18px;
    text-decoration: underline;
    margin-top: 30px;
}

.phone-main-wrapper .title {
    color: #314882;
    font-weight: bold;
    font-size: 40px;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 20px;
}

.bonus-main-wrapper .title {
    color: #314882;
    font-size: 40px;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 20px;
}



.phone-main-wrapper .sub-text {
    line-height: 200%;
    font-size: 16px;
    font-weight: 700;
    color: #464d5e;
}


.bonus-main-wrapper .sub-text {
    line-height: 150%;
    font-size: 22px;
    color: #787f90;
}

.bonus-main-wrapper .divider, .phone-main-wrapper .divider {
    margin-top: 40px;
    margin-bottom: 50px;
    background-image: url("../Images/divider.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 79px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.bonus-main-wrapper .divider-plus, .phone-main-wrapper .divider-plus {
    margin-top: 40px;
    margin-bottom: 50px;
    background-image: url("../Images/plus-divider.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 79px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.bonus-main-wrapper .bonus {
    line-height: 160%;
    margin-bottom: 50px;
}

    .bonus-main-wrapper .bonus .content {
        /* padding-top:25px;*/
    }

    .bonus-main-wrapper .bonus img, .phone-main-wrapper .item-wrapper img {
        /*width:202px;
    height:202px;*/
    }

.bonus-main-wrapper .bonus-img-left, .phone-main-wrapper .phone-img-left {
    width: 202px;
    height: 202px;
    float: left;
    overflow: hidden;
}

.bonus-main-wrapper .info-right {
    width: 437px;
    height: 177px;
    padding-top: 25px;
    padding-left: 50px;
    padding-right: 30px;
    float: left;
    overflow: hidden;
}

.bonus-main-wrapper .bonus-img-right, .phone-main-wrapper .phone-img-right {
    width: 202px;
    height: 202px;
    /*float:right;*/
    overflow: hidden;
}

.bonus-main-wrapper .info-left {
    width: 437px;
    height: 177px;
    padding-top: 25px;
    padding-right: 40px;
    margin-right: 40px;
    float: right;
    overflow: hidden;
}

.bonus-main-wrapper .info-title {
    font-weight: 500;
    font-size: 35px;
    color: #314882;
}

.bonus-main-wrapper .btn-green, .phone-main-wrapper .btn-green {
    color: white;
    border-radius: 5px;
    background-color: #30c472;
    width: 320px;
    height: 50px;
    font-size: 12px;
    /*font-weight: 700;*/
    padding: 15px;
    text-align: center;
    border: none;
    margin-top: 40px;
    margin-bottom: 40px;
}


.bonus-main-wrapper .how {
    width: 769px;
    margin-top: 80px;
    text-align: center;
}

.bonus-main-wrapper .title-how {
    font-size: 30px;
    color: #787f90;
}

.bonus-main-wrapper .bonus-wrapper {
    margin-top: 40px;
    margin-bottom: 20px;
}

.bonus-main-wrapper .item {
    padding: 20px;
    min-height: 250px;
    border-radius: 20px;
    border: 1px solid #cfcfcf;
    background-color: #f8f8f8;
    text-align: left;
    line-height: 180%;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.bonus-main-wrapper .div-bonus-right {
    margin-left: 20px;
    padding: 20px;
    width: 315px;
    height: 250px;
    border-radius: 20px;
    border: 1px solid #cfcfcf;
    background-color: #f8f8f8;
    text-align: left;
    line-height: 180%;
    float: right;
}

.bonus-main-wrapper .bonus-title {
    font-size: 20px;
    font-weight: 700;
    color: #314882;
}

.bonus-main-wrapper {
    font-size: 16px;
}

    .bonus-main-wrapper .more-info, .phone-main-wrapper .more-info {
        color: #314882;
        font-weight: 700;
        font-size: 15px;
        width: auto;
        text-align: center;
        padding-left: 50px;
        text-decoration: underline;
    }

    .bonus-main-wrapper .info-text, .phone-main-wrapper .info-text {
        padding-top: 10px;
        font-size: 15px;
        line-height: 200%;
    }

.search-btn {
    background-color: transparent;
    border: 0;
    text-decoration: underline;
    font-weight: bold;
}


.tech-support {
    font-size: 14px;
    line-height: 20px;
}

    .tech-support .item .caption {
        font-size: 18px;
        text-decoration: underline;
        color: #314882;
        padding-top: 4%;
        padding-bottom: 10px;
        display: inline-block;
    }

        .tech-support .item .caption a {
            color: #314882;
        }

        .tech-support .item .caption img {
            width: 40%;
            margin-right: 10px;
            padding-top: 2px;
        }

    .tech-support .info {
        margin-bottom: 50px;
    }

    .tech-support.content {
        margin-top: 80px;
    }

    .tech-support .item {
        margin-top: 30px;
    }

    .tech-support .company-life-buttons {
        margin-top: 150px;
    }

    .tech-support .caption.green-text a {
        color: #2ECA71;
    }

.login-control .caption {
    font-size: 44px;
    color: white;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 00px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Poppins', sans-serif;
}

.retrieve-password-text {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500 !important;
}

.login-control .btn-login {
    background-color: #252525;
    color: white;
    width: 280px;
    height: 50px;
    margin-top: 10px;
    /*margin-bottom: 20px;*/
    margin-bottom: 12px;
    font-size: 16px;
    border-radius: 15px;
    font-family: 'Poppins', sans-serif;
    text-transform: none;
    font-weight: 700;
}

    .login-control .btn-login:hover {
        background-color: #000000;
    }

.login-control .item {
    margin-top: 10px;
    margin-bottom: 12px;
}

.login-control input[type=text], .login-control input[type=password] {
    width: 280px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    border: none;
    border-radius: 15px;
}

.login-control a {
    color: #ffffff;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 300;
}

.login-control input[placeholder] {
    text-align: center;
    font-size: 16px;
}

.silver-caption {
    font-size: 30px;
    color: #787f90;
}

.showing-controls {
    color: #2ECA71;
    display: table;
    margin: 0 auto;
    margin-top: 20px;
    cursor: pointer;
    text-decoration: underline;
}

    /*.showing-controls .hide-filter
{
    margin-left:15px;
    display:inline-block;    
    text-decoration:underline;
}
.showing-controls .show-filter
{    
    text-decoration:underline;
}


.showing-controls .active
{    
    color:#2ECA71;
}*/

    .showing-controls.advanced {
        margin-bottom: 20px;
    }

#chckUseDetailedFilter, label[for=chckUseDetailedFilter] {
    display: none;
}

.tyres .caption {
    font-size: 12px;
    color: #464d5e;
    display: inline-block;
    padding-top: 7px;
}

.tyres .btn {
    display: block;
    width: 100%;
}

.modal-backdrop.fade.in {
    opacity: 0.9;
}

/*#contentMain_lblTotalAmount
{
    padding-left:20px;
}*/

.dashboard-partner {
    display: block;
}

    .dashboard-partner > .header {
        /*display:table;*/
        width: 100%;
    }

        .dashboard-partner > .header .column-left {
            padding-top: 65px;
            padding-left: 20px;
            color: white;
            min-height: 400px;
            background-color: #314882;
            background-image: url(../Images/tyre-panel.png);
            background-repeat: no-repeat;
            background-position: right bottom;
            display: block;
            background-size: cover;
        }

        .dashboard-partner > .header .column-right {
            background-color: #231f20;
            min-height: 400px;
            padding-left: 0px;
            padding-right: 0px;
            display: block;
        }





    .dashboard-partner .header .column-left .name {
        line-height: 120%;
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 15px;
        margin-top: 15px;
    }




    .dashboard-partner .header .column-left .licence {
        color: #a8b3d6;
        font-size: 22px;
    }

    .dashboard-partner .header .column-left .type {
        font-size: 16px;
        font-weight: bold;
        margin-top: 30px;
        padding-bottom: 15px;
        border-bottom: 1px solid #5b6fa0;
    }

        .dashboard-partner .header .column-left .type .info {
            margin-left: 30px;
        }

    .dashboard-partner .header .column-left .bonus-club {
        font-size: 16px;
        font-weight: bold;
        margin-top: 15px;
        margin-bottom: 15px;
    }




    .dashboard-partner .header .column-left .credit {
        font-size: 14px;
        font-weight: bold;
        margin-top: 15px;
    }

        .dashboard-partner .header .column-left .credit .credit-amount {
            color: #2ECA71;
            font-weight: normal;
        }

    .dashboard-partner .header .column-left .cash-on-b2b-text {
        font-size: 14px;
        font-weight: bold;
        margin-top: 5px;
    }

    .dashboard-partner .header .column-left .tyre {
        margin-bottom: 15px;
    }

    .dashboard-partner .header .column-left .icons {
        margin-bottom: 15px;
        margin-top: 15px;
    }

        .dashboard-partner .header .column-left .icons .item {
            margin-bottom: 15px;
        }

            .dashboard-partner .header .column-left .icons .item:last-child {
                border-left: 1px solid #a8b3d6;
            }


            .dashboard-partner .header .column-left .icons .item img {
                margin: 0 auto;
            }

    .dashboard-partner > .info-panel {
        min-height: 145px;
        background-color: #fefefe;
        background: -webkit-linear-gradient(#fefefe, #ececec);
        background: -o-linear-gradient(#fefefe, #ececec); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#fefefe, #ececec); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#fefefe, #ececec); /* Standard syntax */
    }

        .dashboard-partner > .info-panel .item {
            border-left: 1px solid #d4d4d4;
            height: 145px;
            padding-top: 20px;
        }

            .dashboard-partner > .info-panel .item.last {
                border-right: 1px solid #d4d4d4;
            }

            .dashboard-partner > .info-panel .item > .caption {
                text-align: center;
                font-weight: bold;
                font-size: 17px;
                color: #2d323f;
                margin-bottom: 15px;
            }

            .dashboard-partner > .info-panel .item > .info {
                text-align: center;
                padding-top: 15px;
                display: block;
            }

                .dashboard-partner > .info-panel .item > .info a {
                    color: #314882;
                    font-weight: bold;
                }

        .dashboard-partner > .info-panel .btn-success, .btn-blue {
            height: 30px;
            width: 120px;
            display: table;
            margin: 0 auto;
        }

    .dashboard-partner > .shadow-line {
        background-image: url(../Images/dashboard-shadow-line.png);
        background-repeat: repeat-x;
        height: 10px;
    }

    .dashboard-partner .content {
        background-image: url(../Images/dashboard-shadow-line.png);
        background-repeat: repeat-x;
        border-bottom: 1px solid #d4d4d4;
        clear: both;
        display: block;
        overflow: hidden;
        margin: 0;
    }

    .dashboard-partner .badge-black-overlay {
        border: 1px solid white;
        border-radius: 10px;
        background-color: #2d323f;
        width: 20px;
        font-size: 12px;
        text-align: center;
        position: absolute;
        top: -3px;
        left: 55%;
        color: white;
    }

    .dashboard-partner .badge-red-overlay {
        border: 1px solid white;
        border-radius: 10px;
        background-color: #e42c24;
        width: 20px;
        font-size: 12px;
        text-align: center;
        position: absolute;
        top: -8px;
        left: 140px;
        color: white;
    }

    .dashboard-partner .content .bordered {
        border-left: 1px solid #d4d4d4;
    }

    .dashboard-partner .content .content-item {
        padding-top: 30px;
    }

    .dashboard-partner .content .order-history {
        border-top: 1px solid #d4d4d4;
        line-height: 25px;
        margin-bottom: 10px;
        padding-top: 30px;
        height: 426px;
        padding-left: 20px;
    }

    .dashboard-partner .content .attention {
        margin-bottom: 20px;
        padding-left: 20px;
    }

        .dashboard-partner .content .attention .blue {
            color: #314882;
        }

        .dashboard-partner .content .attention .caption {
            margin-bottom: 20px;
            font-weight: bold;
            color: #2d323f;
            display: inline-block;
        }


    .dashboard-partner .content .pneu {
        min-height: 412px;
    }

.btn-blue {
    background-color: #314882;
    text-shadow: 2px 2px #1e395c;
    color: #ffffff;
}

    .btn-blue:hover {
        color: #ffffff;
    }

.btn-red {
    margin-left: 37px;
    margin-right: 37px;
    background-color: #e62e2f;
    color: #ffffff;
}

    .btn-red:hover {
        color: #ffffff;
    }

.dashboard-partner .info {
    color: #2ECA71;
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    margin-left: 10px;
}

.dashboard-partner .header .line {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}

.no-padding-top {
    padding-top: 0px !important;
}

.icon-wrapper {
    display: table;
}

    .icon-wrapper > .icons.demo {
        font-size: 11px;
    }

.languages {
    display: block;
    float: right;
    height: 75px;
}

    .languages img {
        padding-top: 20px;
        padding-bottom: 20px;
    }

.max-amount {
    font-weight: normal;
    font-size: 12px;
    padding-top: 14px;
    float: left;
}

.cart-supplier-header {
    border-left: 1px solid #ffffff;
    padding-left: 5px;
    padding-right: 19px;
}

    .cart-supplier-header .small {
        font-size: 14px !important;
    }

#contentMain_lblPricesWithoutVat {
    color: #314882;
}

.form-control {
    font-size: 14px;
    font-weight: normal;
    color: #202020;
}

/*input[type=text].form-control 
{
    padding-left:7px;
    padding-right:7px;
}*/

input[placeholder] {
    color: #202020;
}

.info-text-gray {
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    color: #787f90;
    padding-left: 2px;
}

.steel-rims-page .tabbed-panel .tab-pane {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    border-top-left-radius: 0;
    padding: 15px;
    padding-bottom: 0;
    display: table;
    width: 100%;
}

.alu-rims-page .tabbed-panel .tab-pane {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    border-top-left-radius: 0;
    padding: 15px;
    padding-bottom: 0;
    display: table;
    width: 100%;
}

.form-control.highlighted {
    border: 1px solid #787f90;
}


.steel-rims-page .tabbed-panel .nav-tabs {
    margin-bottom: 0;
}

.steel-rims-page .tabbed-panel {
    margin-bottom: 20px;
    padding-top: 20px;
}

    .steel-rims-page .tabbed-panel .item {
        margin-bottom: 20px;
    }

    .steel-rims-page .tabbed-panel .nav-tabs {
        border-bottom: 0;
    }

    .steel-rims-page .tabbed-panel li > a, .steel-rims-page .tabbed-panel li > a:hover {
        text-decoration: none;
        cursor: default;
        color: #314882;
        font-weight: bold;
        font-size: 16px;
        background-color: transparent;
    }


.alu-rims-page .tabbed-panel .nav-tabs {
    margin-bottom: 0;
}

.alu-rims-page .tabbed-panel {
    margin-bottom: 20px;
    padding-top: 20px;
}

    .alu-rims-page .tabbed-panel .item {
        margin-bottom: 20px;
    }

    .alu-rims-page .tabbed-panel .nav-tabs {
        border-bottom: 0;
    }

    .alu-rims-page .tabbed-panel li > a, .alu-rims-page .tabbed-panel li > a:hover {
        text-decoration: none;
        cursor: default;
        color: #314882;
        font-weight: bold;
        font-size: 16px;
        background-color: transparent;
    }


/*.row{
    margin-left:auto !important;
    margin-right:auto !important;
}

.container > .row{
        margin-left: -15px;
        margin-right: -15px;
}*/

/*schování placeholderu po kliknutí do inputu*/
input:focus::-webkit-input-placeholder {
    opacity: 0;
}

/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder {
    opacity: 0;
}

/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder {
    opacity: 0;
}

/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder {
    opacity: 0;
}

.profi .showing-controls {
    margin-bottom: 20px;
}

/*zabraneni bugu v menu*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav >

.active > a:focus {
    background-color: transparent;
    color: #202020;
}

.btn-toggle-vertical {
    border-radius: 15px;
    height: 40px;
    width: 25px;
    border: 1px solid #3e558f;
    cursor: pointer;
    background-color: #15254c;
    margin: auto;
    float: left;
}

.btn-toggle-top {
    background-image: url("../Images/partner-price-toggle-circle.png");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    background-position: 2px 18px;
}

.btn-toggle-bottom {
    background-image: url("../Images/partner-price-toggle-circle.png");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    background-position: 2px 2px;
}

.footer-advertise {
    background-color: #787f90;
    color: #d5d8e0;
    position: fixed;
    bottom: 0;
    z-index: -99999;
    width: 100%;
    line-height: 50px;
    font-weight: bold;
    font-size: 45px;
}

    .footer-advertise img.blur {
        position: absolute;
        top: 0;
        left: 0;
    }

    .footer-advertise img {
        /*-webkit-filter: blur(3px);*/
    }

        .footer-advertise img:hover {
            /*-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
    -webkit-filter: blur(0px);*/
        }


.bonus-club-overlay {
    background-image: url("../Images/icon-bonus-panel.png");
    background-repeat: no-repeat;
    background-size: 80%;
    width: 125px;
    height: 152px;
    position: absolute;
    top: 25px;
    left: -20px;
}

.dashboard-partner .header.jumbotron {
    margin-bottom: 0;
}

a.inactive {
    color: silver !important;
}

.vertically-aligned-table-text .total-price {
    font-size: 16px;
}

table.vertically-aligned-table-text.tyre-header-text {
    position: relative;
    top: -24px;
    width: 88%;
    font-size: 18px;
    line-height: 20px;
}

.blue-profi-search {
    background-image: url(../Images/shadow3.png);
    background-repeat: repeat-x;
    background-color: #314882;
    min-height: 150px;
    color: white;
    /*padding-top: 30px;*/
}

    .blue-profi-search .showing-controls {
        margin-top: 25px;
        margin-bottom: 15px;
    }

    .blue-profi-search .caption {
        text-align: left;
        padding-top: 7px;
        font-size: 18px;
        font-weight: bold;
    }

.profi-search {
    margin-top: 20px;
}

.gray-bg-profi {
    background-color: #787f90;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    height: 200px;
    display: block;
}

.tab-pane h3 {
    line-height: 25px;
}

.attractive-period {
    margin-top: 20px;
}

.partner-offers-wrapper .item.active {
    background-image: url(../Images/Offers/01_aktivne.png);
}

.partner-offers-wrapper .item.history {
    background-image: url(../Images/Offers/02_historia.png);
}

.partner-offers-wrapper .item.template {
    background-image: url(../Images/Offers/03_nastavenia.png);
}

.partner-offers-wrapper .item.margin {
    background-image: url(../Images/Offers/04_marza.png);
}

.gateway .item {
    width: 128px;
    height: 122px;
    border: 1px solid transparent;
    background-repeat: no-repeat;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    background-position: 34px 17px;
}

.gateway {
    display: table;
    margin: 0 auto;
}

/*.partner-offer-detail .row
{
    margin-bottom:5px;
}*/

.partner-offer-detail .header {
    font-size: 16px;
    color: #314882;
    font-weight: bold;
}

.partner-offer-detail .offer-send-by-email {
    padding-right: 0;
}

.phone-number-format {
    font-size: 12px;
    display: block;
    color: gray;
    padding-left: 15px;
    line-height: 15px;
}

.phone-main-wrapper .phone-header {
    padding-top: 25px;
    /*padding-left:40px;
    width: 825px;*/
}

.phone-main-wrapper .info-text-green {
    padding-top: 10px;
    font-size: 15px;
    line-height: 200%;
    color: #30c472;
}

.phone-main-wrapper .item-wrapper {
    /*padding-left:45px;
    width:850px;*/
    min-height: 492px;
    line-height: 180%;
    margin-bottom: 30px;
}

.phone-main-wrapper .item-wrapper-small {
    min-height: 312px;
    /*width: 850px;*/
}

.phone-main-wrapper .info-right {
    /* width:600px;*/
    height: 600px;
    padding-top: 25px;
    padding-left: 50px;
    padding-right: 30px;
    float: left;
    overflow: hidden;
}

.phone-main-wrapper .info-left {
    /*width:600px;
    height:397px;*/
    padding-top: 25px;
    padding-right: 40px;
    /*margin-right:40px;*/
    /*float:right;*/
    overflow: hidden;
}

.phone-main-wrapper .info-title {
    font-weight: 500;
    font-size: 30px;
    color: #314882;
}

.phone-main-wrapper .btn-green, .phone-main-wrapper .btn-green:hover {
    margin-left: 0px !important;
}

.phone-main-wrapper .phone-header {
    background-image: url(../../../Skins/Default/Images/phone-orders-background.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.phone-main-wrapper {
    /*padding-left: 50px;*/
}

    .phone-main-wrapper .btn-green {
        margin-top: 20px;
    }

.tyre .img-responsive {
    margin: auto;
}

.img-responsive.supplier-logo {
    margin: 0 auto;
}

.img-responsive.supplier-logo {
    margin: 0 auto;
}

.remove-btn {
    border: 1px solid #d4d4d4;
    padding: 14px;
    border-radius: 5px;
}

.remove-btn-offer {
    border: 1px solid #e20900;
    padding: 11px;
    border-radius: 5px;
    float: left;
    margin-right: 5px;
    width: 50px;
    height: 50px;
}

.offer-price .header-text > a {
    /*padding-top:20px !important;*/
}

.offer-price.txt input {
    width: 70% !important;
    color: #e20900;
}

.offer-price.txt .currency {
    display: inline-block;
    padding-top: 18px;
    margin-left: 5px;
}

.buy-price {
    padding-right: 15px;
}

    .buy-price .price {
        font-size: 16px;
        color: #e20900;
        font-weight: bold;
    }

.max-amount-info {
    display: inline-block;
    padding-top: 18px;
    margin-left: 15px;
}

.form-wrapper-445.logo-upload {
    border: 1px solid silver;
    border-radius: 5px;
    width: 450px !important;
}

.tab-wrapper {
    display: table;
    margin: 0 auto;
    /*width:80%;*/
}

.main-attractive-wrapper.tabbed .row.header {
    display: none;
}



.cart-tt-tabs.dashboard li {
    background-color: transparent;
    border: 1px solid #d4d4d4 !important;
}

.cart-tt-tabs.dashboard .ui-state-active {
    background-color: transparent;
    border: 1px solid #d4d4d4 !important;
    border-bottom: 0px !important;
}

.cart-tt-tabs.dashboard ul {
    width: 100%;
}

.cart-tt-tabs.dashboard .ui-tabs .ui-tabs-panel {
    border-top: 0px !important;
}

.cart-tt-tabs.dashboard ul li:first-child {
    width: 55%;
    margin: 0px;
    padding: 0px;
}

.cart-tt-tabs.dashboard ul li:last-child {
    width: 45%;
    margin: 0px;
    padding: 0px;
}

.dashboard-label {
    padding-top: 10px;
}

.order-detail-view {
    overflow: hidden;
    /*border:1px solid #e3e3e3;*/
    border-radius: 5px;
}

    .order-detail-view > .bordered {
        /*border-right:1px solid #e3e3e3;*/
    }

    .order-detail-view .parameters-table {
        padding: 10px 0 0 0;
    }


    .order-detail-view label, .partner-orders-active label.note, .new-form label {
        font-weight: bold;
        color: #464d5e;
        text-align: right;
    }

.partner-offer-detail label, .new-form.txt label {
    font-weight: bold;
    color: #464d5e;
    text-align: right;
    padding-top: 7px;
}

.partner-orders-active .row.note {
    margin-top: 15px;
}

.order-detail-view .row.section {
    padding: 10px 0 0 0;
    /*border-bottom:1px solid #e3e3e3;*/
    margin-bottom: 0;
}

.order-detail-view .section.last {
    border-bottom: 0;
}

.order-detail-view .section-header, .partner-offer-detail .section-header, .new-form .header {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    color: black;
    line-height: 1.3;
}

.new-form .row {
    margin-bottom: 5px;
}

.new-form.txt .row {
    height: 58px;
}

.cob2b .document {
    background-image: url(../Images/icon-pdf.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 20px;
}

.cob2b .header .column {
    text-align: left;
}

.cob2b .header .column-3 {
    text-align: right;
}

.cob2b .column-3 {
    margin-right: 10px;
}

.suppliers-page .header-panel {
    margin-top: 20px;
    border-bottom: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    color: black;
}

    .suppliers-page .header-panel .caption {
        float: left;
        font-weight: bold;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .suppliers-page .header-panel .menu .item {
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
        font-weight: bold;
        padding-top: 15px;
        padding-bottom: 15px;
    }


        .suppliers-page .header-panel .menu .item a {
            font-weight: bold;
            color: #000000;
            text-transform: uppercase;
            text-decoration: none;
            padding-top: 15px;
            padding-bottom: 15px;
        }

            .suppliers-page .header-panel .menu .item a.active {
                border-bottom: 2px solid #2ECA71;
                padding-top: 15px;
                padding-bottom: 12px;
            }

            .suppliers-page .header-panel .menu .item a:hover {
                border-bottom: 2px solid #2ECA71;
                padding-top: 15px;
                padding-bottom: 12px;
            }

    .suppliers-page .header-panel .search .item {
        display: inline-block;
        font-weight: bold;
        cursor: pointer;
        padding-top: 15px;
    }

    .suppliers-page .header-panel .search-input {
        padding-top: 7px;
    }

        .suppliers-page .header-panel .search-input input[type=text] {
            background-image: url(../Images/search-icon.png);
            background-repeat: no-repeat;
            background-position: left center;
            text-indent: 20px;
        }

    .suppliers-page .header-panel .menu {
        float: left;
    }

.supplier-page .header-panel .search {
    float: right;
}

.suppliers-page .header-panel .menu .item.active {
    /*border-bottom:2px solid #2ECA71;*/
}

.suppliers-page .header-panel .menu .item:hover {
    /*border-bottom:2px solid #2ECA71;*/
}

.suppliers-page .supplier-content {
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #d4d4d4;
    padding: 30px 0 20px 0;
}

    .suppliers-page .supplier-content .item {
        border-right: 1px solid #d4d4d4;
        min-height: 70px;
    }

        .suppliers-page .supplier-content .item.name {
            color: #314882;
            font-size: 14px;
            font-weight: bold;
            text-decoration: underline;
            padding-top: 27px;
        }

        .suppliers-page .supplier-content .item.delivery {
            color: #787f90;
            font-size: 14px;
            font-weight: bold;
            padding-top: 12px;
            text-transform: uppercase;
            text-align: center;
        }

            .suppliers-page .supplier-content .item.delivery > .text {
                float: left;
                padding-top: 20px;
            }

        .suppliers-page .supplier-content .item.icons {
            padding-top: 12px;
        }

.suppliers-page .row {
    margin: 0;
}

.suppliers-page .supplier-content .item img {
    max-height: 70px;
}

.suppliers-page .supplier-content .logo.item img {
    /*position: absolute;
    top: 50%;
    left: 50%;
    margin: -10% 0 0 -33%;*/
    width: 100%;
    padding-top: 15px;
}

.suppliers-page .supplier-content .logo.item {
    position: relative;
}

.suppliers-page .supplier-content .item.flag:before {
    content: " ";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.suppliers-page .supplier-content .item:last-child {
    border-right: 0px;
}

.suppliers-page .supplier-content .middle {
    margin-bottom: 10px;
    margin-top: 20px;
}

    .suppliers-page .supplier-content .middle .state {
        text-align: right;
    }

        .suppliers-page .supplier-content .middle .state .text {
            font-weight: bold;
            text-transform: uppercase;
            padding-top: 17px;
            display: inline-block;
            margin-right: 10px;
        }

    .suppliers-page .supplier-content .middle .header {
        background-color: #f1f1f1;
        height: 50px;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 14px;
        color: #787f90;
        padding-top: 17px;
    }

.suppliers-page .supplier-content .numbers .green {
    font-weight: bold;
    color: #2ECA71;
}

.suppliers-page .supplier-content .numbers .row {
    margin-top: 5px;
    margin-bottom: 10px;
}


.state-icon-active {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #d4d4d4;
    background-image: url(../Images/state-active.png);
    background-repeat: no-repeat;
    background-position: center;
    float: right;
}

.state-icon-inactive {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #d4d4d4;
    background-image: url(../Images/state-inactive.png);
    background-repeat: no-repeat;
    background-position: center;
    float: right;
}

ul.small > li {
    font-size: 11px;
}

.tree ul {
    list-style-type: none;
    margin-top: 8px;
    margin-bottom: 0;
    padding-left: 20px;
}

.tree > ul {
    width: 80%;
}

.tree ul > li a {
    text-decoration: none;
    color: #202020;
}

    .tree ul > li a:hover {
        color: #314882;
    }

.tree ul > li {
    border-bottom: 1px solid #787f90;
    text-transform: uppercase;
    font-weight: bold;
}

    .tree ul > li.no-border {
        border-bottom: 0;
    }

.tree ul.small li {
    font-size: 12px;
}

@media(min-width:1024px) {

    .highlight-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        background-color: #f1f1f1;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .highlight-wrapper > .container .row {
            border: 1px solid #314882;
            position: relative;
        }
}

@media(max-width:1023px) {
    .top-icon {
        right: 0px !important;
    }
}

.top-icon {
    border: 0px;
    background-image: url(../Images/top-icon.png);
    width: 33px;
    height: 45px;
    position: absolute;
    right: -15px;
    top: 10px;
}

.partner-offer-detail .opener {
    font-size: 12px;
    cursor: pointer;
}

.modal-note {
}

    .modal-note .modal-title {
        font-weight: bold;
    }

    .modal-note .glyphicon {
        margin-right: 0;
    }

    .modal-note textarea {
        font-weight: normal;
    }

.icon-delivery-reliability {
    background-image: url(../Images/arrows-time-icon.png);
    background-repeat: no-repeat;
    background-color: white;
    background-position: 50% 15%;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    margin-left: 5px;
    padding-top: 28px;
    text-align: center;
    font-weight: bold;
    color: #787f90;
    height: 50px;
    width: 50px;
    float: left;
}

.icon-divided-rank {
    width: 42px;
    height: 50px;
    display: block;
    float: left;
    text-align: center;
    margin-right: 8px;
    cursor: pointer;
}

    .icon-divided-rank > .rank-div {
        border-bottom: 1px solid #b7b7b7;
        color: #2ECA71;
        font-weight: bold;
        padding-bottom: 3px;
        padding-top: 5px;
    }

    .icon-divided-rank > .time-div {
        color: #787f90;
        font-weight: bold;
        padding-top: 3px;
    }

.icon {
    margin-top: 3px !important;
    float: left;
    cursor: default;
    height: 50px;
    width: 50px;
}

.icon-s {
    background-image: url(../Images/icon-s-blue.png);
    background-repeat: no-repeat;
    background-color: white;
    background-position: 50% 50%;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    margin-left: 3px;
    height: 50px;
    width: 50px;
    float: left;
}

.icon-d {
    background-image: url(../Images/icon-d.png);
    background-repeat: no-repeat;
    background-color: white;
    background-position: 50% 50%;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    margin-left: 3px;
    height: 50px;
    width: 50px;
    float: left;
}

.icon-cob2b {
    background-image: url(../Images/icon-cob2b-gray.png);
    background-repeat: no-repeat;
    background-color: white;
    background-position: 50% 50%;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    margin-left: 3px;
    height: 50px;
    width: 50px;
    float: left;
}

.icon-eur {
    background-image: url(../Images/icon-eur-text.png);
    background-repeat: no-repeat;
    background-color: #3762ca;
    background-position: 50% 50%;
    border: 1px;
    border-radius: 5px;
    margin-left: 3px;
    height: 50px;
    width: 50px;
    float: left;
}


.icon-czk {
    background-image: url(../Images/icon-czk-text.png);
    background-repeat: no-repeat;
    background-color: #3762ca;
    background-position: 50% 50%;
    border: 1px;
    border-radius: 5px;
    margin-left: 3px;
    height: 50px;
    width: 50px;
    float: left;
}

.icon-sconto {
    background-image: url(../Images/icon-sconto-text.png);
    background-repeat: no-repeat;
    background-color: #787f90;
    background-position: 50% 50%;
    border: 1px;
    border-radius: 5px;
    margin-left: 3px;
    /*cursor: pointer;*/
    height: 50px;
    width: 50px;
    float: left;
}

.icon-pf {
    background-image: url(../Images/icon-proforma.png);
    background-repeat: no-repeat;
    background-color: white;
    background-position: 50% 50%;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    margin-left: 3px;
    /*cursor: pointer;*/
    height: 50px;
    width: 50px;
    float: left;
}

.icon-delivery-tomorrow {
    background-image: url(../Images/icon-delivery-red.png);
    background-repeat: no-repeat;
    background-color: white;
    background-position: 50% 19%;
    border: 1px solid #e20900;
    border-radius: 5px;
    margin-left: 3px;
    float: left;
    cursor: default;
    height: 50px;
    width: 50px;
    float: left;
    color: #787f90;
    font-weight: bold;
    padding-top: 29px;
    text-align: center;
    cursor: pointer;
}

.btn-delivery-tomorrow {
    background-image: url(../Images/delivery-tomorrow-btn.png);
    background-repeat: no-repeat;
    width: 169px;
    height: 33px;
    color: #787f90;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 9px;
    padding-left: 25px;
    /*cursor: pointer;*/
    position: relative;
    display: block;
    left: 450px;
    top: 65px;
}

.icon-divided-delivery-wrapper {
    float: left;
    width: 74px;
    text-align: center;
    margin-left: 2px;
    /*cursor: pointer;*/
}

    .icon-divided-delivery-wrapper > .left {
        float: left;
        width: 52px;
        height: 50px;
        border: 1px solid #d4d4d4;
        border-radius: 4px;
    }

        .icon-divided-delivery-wrapper > .left > .up {
            height: 25px;
            width: 50px;
            background-color: #787f90;
            font-weight: bold;
            color: white;
            border-bottom: 1px solid #d4d4d4;
            border-radius: 3px;
            padding-top: 5px;
        }

        .icon-divided-delivery-wrapper > .left > .down {
            height: 15px;
            width: 50px;
            background-color: white;
            color: #787f90;
            font-weight: bold;
            padding-top: 3px;
        }

    .icon-divided-delivery-wrapper > .right {
        width: 22px;
        height: 25px;
        background-image: url("../Images/DeliveryIcons/icon-express.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #f6d21d;
        border: 1px solid #f6d21d;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        background-size: 75% 75%;
        background-position: center;
        margin-top: 1px;
    }

.icon-invoice-small {
    margin-top: 4px !important;
    width: 25px;
    height: 25px;
    background-color: #3762ca;
    margin-bottom: 24px;
    float: left;
    color: white;
    font-weight: bold;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    padding-top: 3px;
    margin-left: 2px;
    /*cursor: pointer;*/
}

.grid-wrapper-supplier-control {
    /*position: relative;
    top: -35px;*/
}

.caption-home {
    color: #252525;
    font-weight: 600;
}

.logo-template {
    margin: 10px;
    height: 80px;
    text-align: center;
}

.references .slide {
    min-height: 450px;
}

#standard .active {
    background-color: transparent;
    color: #314882;
}

.text-transform-none {
    text-transform: none !important;
}

.logistic-page .heading {
    color: #0c2253;
    font-size: 38px;
    line-height: 40px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-right-20 {
    margin-right: 20px;
}

.padding-left-20 {
    padding-left: 20px;
}

.logistic-page .gray-paragraph {
    color: #787f90;
    font-size: 27px;
    margin-bottom: 25px;
}

.small-heading {
    color: #314882;
    font-size: 20px;
}

.logistic-page .list-item {
    margin-top: 15px;
    font-size: 16px;
    margin-bottom: 30px;
    color: #0c2253;
}

.logistic-page .list-img {
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-35 {
    margin-top: 35px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

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

.margin-top-80 {
    margin-top: 80px;
}

.margin-top-100 {
    margin-top: 100px;
}

.logistic-page {
    line-height: 24px;
    font-size: 16px;
    color: #464d5e;
}

    .logistic-page .tags {
        float: left;
        margin-right: 8px;
        height: 120px;
    }

    .logistic-page .package-item {
        float: left;
    }

    .logistic-page .green-info {
        background-image: url(../Images/logistic-tag.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 194px;
        height: 120px;
        float: right;
        color: white;
        padding-top: 15px;
        padding-left: 25px;
        font-size: 22px;
        line-height: 30px;
    }

    .logistic-page .services-list > .item {
        margin-bottom: 35px;
    }

        .logistic-page .services-list > .item > .left-part {
            font-size: 20px;
            padding-top: 8px;
            color: #314882;
        }


        .logistic-page .services-list > .item > .right-part {
            color: #0c2253;
        }

            .logistic-page .services-list > .item > .right-part.one-line {
                padding-top: 8px;
            }

    .logistic-page .green-circle {
        list-style-image: url(../Images/green-list-circle.png);
        padding-left: 40px;
        color: #0c2253;
    }

        .logistic-page .green-circle > li {
            margin-bottom: 10px;
        }

    .logistic-page .package-m24 {
        background-image: url(../Images/logistic-m24-cz.png);
        background-repeat: no-repeat;
        height: 194px;
    }

.cob2b-page, .wallet-page {
    font-size: 16px;
    line-height: 140%;
    color: #020202;
}

    .cob2b-page .cob2b-green {
        color: #2ecb71;
    }

    .cob2b-page .heading, .tpms-page .heading, .wallet-page .heading {
        color: #0c2253;
        font-size: 35px;
        padding-top: 20px;
        display: block;
    }

    .cob2b-page .gray-heading, .wallet-page .gray-heading {
        color: #787f90;
        font-size: 27px;
        line-height: 120%;
    }

    .cob2b-page .item {
        float: left;
    }

        .cob2b-page .item > .green-circle-1, .tpms-page .item > .green-circle-1 {
            background-color: rgba(61, 186, 113, 0.6);
            width: 150px;
            height: 150px;
            border-radius: 100px;
            margin-left: 25px;
            margin-right: 25px;
            margin-bottom: 10px;
            color: white;
            padding-top: 38px;
            font-size: 22px;
            text-align: center;
            line-height: 120%;
        }

        .cob2b-page .item > .green-circle-2, .tpms-page .item > .green-circle-2 {
            background-color: rgba(61, 186, 113, 0.7);
            width: 150px;
            height: 150px;
            border-radius: 100px;
            margin-left: 25px;
            margin-right: 25px;
            margin-bottom: 10px;
            color: white;
            padding-top: 36px;
            font-size: 22px;
            text-align: center;
            line-height: 120%;
        }

        .cob2b-page .item > .green-circle-3, .tpms-page .item > .green-circle-3 {
            background-color: rgba(61, 186, 113, 0.8);
            width: 150px;
            height: 150px;
            border-radius: 100px;
            margin-left: 25px;
            margin-right: 25px;
            margin-bottom: 10px;
            color: white;
            padding-top: 36px;
            text-align: center;
            font-size: 22px;
            text-align: center;
            line-height: 120%;
        }

        .cob2b-page .item > .green-circle-4, .tpms-page .item > .green-circle-4 {
            background-color: rgba(61, 186, 113, 0.9);
            width: 150px;
            height: 150px;
            border-radius: 100px;
            margin-left: 25px;
            margin-right: 25px;
            margin-bottom: 10px;
            color: white;
            padding-top: 50px;
            text-align: center;
            font-size: 22px;
            text-align: center;
            line-height: 120%;
        }

        .cob2b-page .item > .green-circle-5, .tpms-page .item > .green-circle-5, .wallet-page .item > .green-circle-5 {
            background-color: rgba(61, 186, 113, 1);
            width: 150px;
            height: 150px;
            border-radius: 100px;
            margin-left: 25px;
            margin-right: 25px;
            margin-bottom: 10px;
            color: white;
            padding-top: 55px;
            font-size: 22px;
            text-align: center;
            line-height: 120%;
        }

        .cob2b-page .item > .arrow {
            margin-top: 25px;
            margin-bottom: 15px;
        }

        .cob2b-page .item > .text, .wallet-page .item > .text {
            color: #0c2253;
        }

    .cob2b-page .numbered-circle {
        background-color: #2ecb71;
        width: 50px;
        height: 50px;
        border-radius: 50px;
        font-size: 24px;
        padding-top: 14px;
        text-align: center;
        color: white;
        float: left;
        margin-right: 30px;
    }

.cob2b-fio {
    border-top: 2px solid #e9e9e9;
    background-image: url(../Images/logo-fio-banka-smaller.png);
    background-repeat: no-repeat;
    background-position: center 70px;
    height: 200px;
    width: 100%;
}

.cob2b-page .fio-note {
}


.fio-banner .inner {
}

.fio-banner .green-text {
    color: #2ef584;
    font-size: 22px;
    text-shadow: 2px 2px #23366c;
}

.fio-banner .white-text {
    font-size: 25px;
    color: white;
    font-weight: normal;
}

.fio-banner .btn-success {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 200px;
    margin-top: 10px;
    font-size: 16px;
}

.cob2b-page .numbered-text-oneline {
    padding-top: 13px;
}

.cob2b-page .numbered-text-twolines {
    padding-top: 3px;
}

.cob2b-page .note {
    color: #787f90;
}

.cob2b-page .advisor {
    color: #3453a0;
}

.xml-communication .heading {
    color: #314882;
    font-size: 30px;
    line-height: 140%;
    padding-top: 1px;
}

.xml-communication {
    font-size: 16px;
    line-height: 140%;
}

    .xml-communication .pdf {
        background-image: url(../Images/pdf-icon.png);
        background-repeat: no-repeat;
        background-position: 3px;
        padding-left: 40px;
        height: 28px;
    }

        .xml-communication .pdf > a {
            color: #2ECA71;
        }

    .xml-communication .zip {
        background-image: url(../Images/zip-icon.png);
        background-repeat: no-repeat;
        background-position: left 5px;
        padding-left: 40px;
        height: 28px;
        height: auto;
    }

        .xml-communication .zip > a {
            color: #2ECA71;
        }

    .xml-communication .divider, .tpms-page .divider {
        margin-top: 40px;
        margin-bottom: 50px;
        background-image: url("../Images/divider.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        height: 79px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        /*text-align:center;
   display:block;
   margin-left:auto;
   margin-right:auto;
   max-width:100%;*/
    }

    .xml-communication .test-divider {
        margin-top: 60px;
        margin-bottom: 30px;
        background-image: url("../Images/test-divider.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        height: 79px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .xml-communication .test-login {
        border: 1px solid #32b872;
        border-radius: 5px;
        height: 40px;
        width: 300px;
        color: #6e6e6e;
        text-align: center;
        margin: auto;
        font-size: 18px;
        padding-top: 7px;
    }

.videos .calendar {
    width: 14px;
    height: 16px;
    display: inline-block;
    background-image: url(../Images/icon-calendar.png);
    background-repeat: no-repeat;
    position: relative;
    bottom: -3px;
    margin-right: 5px;
}

.videos .read-link > a {
    font-size: 20px;
    color: #314882;
    display: inline-block;
    margin-left: 10px;
    text-decoration: none;
}

.videos .text {
    font-size: 16px;
    line-height: 140%;
    padding-top: 20px;
}

h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.tab-content h3 {
    font-size: 22px;
    color: #252525;
    line-height: 120%
}

.tab-content .text {
    font-size: 16px;
    line-height: 140%;
    color: #464d5e;
}

ul.circle {
    list-style-image: url(../Images/green-list-circle.png);
    padding-left: 20px;
    color: #0c2253;
    font-size: 16px;
}

ul.filled-circle {
    list-style-image: url(../Images/green-filled-circle.png);
    padding-left: 20px;
    color: #0c2253;
    font-size: 16px;
}

    ul.circle > li, ul.filled-circle > li {
        margin-bottom: 10px;
        line-height: 120%;
        color: #464d5e;
    }

.logged-panel-gray {
    height: 50px;
    background-color: #ececec;
    width: 100%;
    font-size: 14px;
    padding-top: 17px;
    text-transform: uppercase;
    display: none;
    color: black;
}

    .logged-panel-gray a {
        text-decoration: none;
        color: black;
    }

.gray-cell {
    background-color: #ececec;
}

    .gray-cell a {
        color: black !important;
    }

.green-badge {
    background-color: #2ECA71;
    border-radius: 18px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
}

.red-badge {
    background-color: #e62e2f;
    border-radius: 18px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-7 {
    margin-top: 7px;
}

.partner-offer-detail .section-header-green, .offer-template .section-header-green, .supplier-orders .section-header-green {
    background-color: #32b974;
    color: white;
    font-size: 14px;
    font-weight: 500;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
    margin-left: 10px;
}

.order-detail-view .section-header-green, .partner-orders .section-header-green {
    background-color: #FFFFFF;
    color: #252525;
    font-size: 16px;
    font-weight: 700;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px;
    padding-left: 0px;
    padding-right: 20px;
    width: auto;
    margin-left: 0px;
}

.offer-template .section-header-green {
    margin-left: 20px;
}

.partner-offer-detail .form-bordered, .offer-template .form-bordered, .order-detail-view .form-bordered {
    border: 1px solid #cccccc;
    border-radius: 10px;
    padding: 15px;
}

    .partner-offer-detail .form-bordered .row {
        margin-bottom: 10px;
    }

    .partner-offer-detail .form-bordered input, .offer-template .form-bordered input {
        border-radius: 2px;
        border: 1px solid #e3e3e3;
    }

.partner-offer-detail label, .offer-template label {
    font-weight: normal;
    color: #314882;
    font-size: 16px;
    text-align: right;
    padding-top: 7px;
}

.order-detail-view label {
    font-weight: 500;
    color: #252525;
    font-size: 14px;
    text-align: right;
}

.order-detail-view .heading {
    font-weight: bold;
    font-size: 18px;
}

.partner-offer-detail .form-control {
    border: 1px solid #e3e3e3;
}

.partner-offer-detail .bottom-row label {
    color: #2ECA71;
    text-align: left;
    padding-left: 25px;
}

.partner-offer-detail .bottom-row input {
    border: 0px;
    padding-top: 5px;
    font-size: 16px;
    width: auto;
}

.partner-offer-detail .bordered, .order-detail-view .bordered, .partner-orders .bordered, .supplier-orders .bordered {
    border: 1px solid #ccc;
    border-radius: 3px;
    min-height: 35px;
    padding-top: 6px;
    padding-left: 5px;
    text-align: left;
}

    .partner-offer-detail .bordered input[type=text] {
        border: 0px;
        text-align: center;
    }

    .partner-offer-detail .bordered > .green {
        padding-top: 2px;
        display: inline-block;
    }


.partner-offer-grid .row.header {
    background-color: transparent;
}

/*.partner-offer-detail .bordered > label
{
    display:block;
    float:left;
}

.partner-offer-detail .bordered input
{
    display:block;
    float:right;
}*/

/*.partner-offer-detail .btn-success, .partner-offer-detail .btn-remove-offer
{
    font-weight:normal;
    font-size:12px;
}*/

.btn-remove-offer {
    background-image: url(../Images/trash-gray.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-color: transparent;
    border: 1px solid #e20900;
    border-radius: 5px;
    color: #787f90;
    padding-left: 35px;
    font-weight: normal;
    height: 35px;
    font-size: 14px;
}

    .btn-remove-offer:hover {
        color: #787f90;
    }

.partner-offer-detail .green-label {
    color: #32b974;
}

    .partner-offer-detail .green-label.edit {
        font-size: 14px;
    }

.partner-offer-detail .form-control.email {
    border: 1px solid #32b974;
}

.partner-offer-detail .form-bordered input[type=text], .partner-offer-detail select {
    color: #5d5d5d;
    font-weight: normal;
}

.partner-offer-detail .pen-input {
    background-image: url(../Images/icon-pen.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 15px;
    border: 1px solid #d4d4d4;
    color: #314882 !important;
    font-weight: normal !important;
}

.partner-offer-detail .highlight-1 {
    color: #314882 !important;
}


.partner-offer-detail .max-amount-info {
    color: #32b974;
    font-size: 16px;
    font-weight: bold;
}

.partner-offer-detail .btn-pdf {
    background-image: url(../Images/icon-pdf-white.png), -webkit-linear-gradient(#2ECA71, #389B75);
    background-image: url(../Images/icon-pdf-white.png), -o-linear-gradient(#2ECA71, #389B75); /* For Opera 11.1 to 12.0 

*/
    background-image: url(../Images/icon-pdf-white.png), -moz-linear-gradient(#2ECA71, #389B75); /* For Firefox 3.6 to 15 

*/
    background-image: url(../Images/icon-pdf-white.png), linear-gradient(#2ECA71, #389B75); /* Standard syntax */
    background-repeat: no-repeat;
    background-position: 5px center;
    background-color: #2ECA71;
    padding-left: 35px;
}

.button-success {
    background-color: #2ECA71;
    background: -webkit-linear-gradient(#2ECA71, #389B75);
    background: -o-linear-gradient(#2ECA71, #389B75); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2ECA71, #389B75); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2ECA71, #389B75); /* Standard syntax */
    height: 35px;
    font-size: 14px;
    font-weight: normal;
    color: white;
}

    .button-success:hover {
        color: white;
    }

    .button-success.small {
        font-size: 11px;
    }

a.button-success {
    text-decoration: none;
}

.icon-detail {
    padding: 10px;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    margin-right: 5px;
    width: 50px;
    height: 50px;
    float: left;
}

#ordersHistory .icon-detail, #ordersHistory .icon-track-trace, #ordersHistory .icon-invoice {
    background-color: white;
}

.icon-printer {
    padding: 10px;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    margin-right: 5px;
    float: left;
    width: 50px;
    height: 50px;
}

.icon-invoice {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    margin-right: 5px;
    width: 50px;
    height: 50px;
    float: left;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 7px;
    padding-top: 9px;
}

.icon-track-trace {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    margin-right: 5px;
    width: 50px;
    height: 50px;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 8px;
    padding-top: 8px;
}

.icon-request {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    width: 50px;
    height: 50px;
    padding-left: 9px;
    padding-right: 7px;
    padding-bottom: 11px;
    padding-top: 6px;
}

.gray-label {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #787f90;
}

.padding-top-17 {
    padding-top: 17px;
}

.gray-heading {
    font-size: 30px;
    color: #787f90;
    font-weight: normal;
}

.red-circle-radio {
    border: 2px solid #787f90;
    border-radius: 20px;
    background-color: #e20900;
    width: 20px;
    height: 20px;
    display: inline-block;
    padding-bottom: -2px;
    cursor: pointer;
}

.green-circle-radio {
    border: 2px solid #787f90;
    border-radius: 20px;
    background-color: #32b872;
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
}

.empty-circle-radio {
    border: 2px solid #787f90;
    border-radius: 20px;
    background-color: transparent;
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
}

.radio-yes-no {
    color: #787f90;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    margin-left: 10px;
}

    .radio-yes-no.relative {
        position: relative;
        top: -3px;
    }

.partner-offer-detail .offer-email-send {
    background-color: #f1f1f1;
    height: 140px;
    padding-top: 55px;
}

    .partner-offer-detail .offer-email-send .form-control {
        border: 1px solid #32b974;
        border-radius: 2px;
    }

.partner-offer-detail .total-offer-amount {
    border: 1px solid #787f90;
    border-radius: 5px;
    padding: 20px;
    font-size: 16px;
    color: #787f90;
}

.partner-offer-detail input.txtAmount {
    color: #314882;
    text-align: center !important;
    font-weight: normal !important;
}

.partner-offer-detail .offer-footer {
    border-top: 1px solid #787f90;
    padding-top: 10px;
}

.partner-offer-detail .note-header, .partner-offer-detail .footer-header {
    color: #314882;
    font-weight: bold;
}

.notespan {
    color: #787f90;
    display: inline-block;
    padding-top: 10px;
    font-size: 14px;
}

.partner-offer-detail .label-margin {
    color: #787f90;
    font-size: 16px;
}

.partner-offer-detail .original-price {
    color: #314882;
    font-size: 12px;
    display: inline-block;
    margin-top: 5px;
}

table.ui-datepicker-calendar {
    background-color: white;
    border: 1px solid black;
}

.ui-datepicker-month, .ui-datepicker-year {
    color: #333333;
}

/*.grid-wrapper-supplier-control .popup
{
    top:-100px !important;
    left:100px !important;
}*/

.label-VAT {
    color: #314882;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
}

.label-DOT {
    color: #314882;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
}

.label-inc-delivery {
    color: #202020;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
}

.label-inc-delivery-large {
    margin-top: -3px;
}

.padding-left-right-30 {
    padding-left: 30px;
    padding-right: 30px;
}

#offers-menu, #orders-menu, #wallet-menu, #supplier-orders-menu {
    display: none;
}

    #offers-menu .badge {
        position: relative;
        top: -1px;
        text-decoration: none !important;
    }

    #offers-menu a:hover .badge {
        text-decoration: none !important;
    }

.carousel-references {
    padding-right: 50px;
    padding-left: 50px;
}

.partners-logo {
    padding-left: 35px;
}

.img-popover1 {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 9%;
    top: 18%;
    cursor: pointer;
}

.img-popover2 {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 27%;
    top: 59%;
    cursor: pointer;
}

.video-border {
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}

.menu-divider {
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
}

.download-link {
}

/*a.download-link
{    
    color:#3453a0;
    font-size:15px;
    text-transform:uppercase;
}*/

.main-attractive-wrapper .show-more-products {
    border: 0;
    background-color: transparent;
    text-decoration: underline;
    color: #2cc26c;
    padding-top: 8px;
}

.main-attractive-wrapper .label-gray {
    font-size: 12px;
    display: inline-block;
    padding-top: 8px;
}

.label-gray {
    color: #787f90;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

.offer-template .logo {
    border: 1px solid #cccccc;
    min-height: 150px;
    border-radius: 2px;
}

    .offer-template .logo > img {
        margin-left: auto;
        margin-right: auto;
    }

.logistic-packages {
    background-color: #f1f2f2;
    height: 110px;
    text-align: center;
    margin-top: 100px;
}

    .logistic-packages img {
        position: relative;
        top: -50px;
        margin-left: auto;
        margin-right: auto;
    }

.offer-template .bordered {
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 10px;
}

.circled-number-green {
    width: 30px;
    height: 30px;
    border-radius: 20px;
    background-color: #32b974;
    color: white;
    text-align: center;
    padding-top: 7px;
    font-size: 14px;
    display: inline-block;
}

    .circled-number-green.relative {
        position: absolute;
        top: 10px;
        left: 25px;
    }

    .circled-number-green.relative-inline {
        position: relative;
        top: -5px;
    }

.inline-text {
    padding-top: 15px;
}

.email-template {
    background-color: #eaeaea;
    width: 100%;
    height: 400px;
    padding: 20px;
}

    .email-template .header {
        background-image: url(../Images/white-envelope.png);
        background-repeat: no-repeat;
        background-position: 30px;
        height: 80px;
        padding-left: 115px;
    }

    .email-template label {
        font-weight: normal;
        padding-top: 7px;
    }

    .email-template input[type=text]::-webkit-input-placeholder {
        font-weight: normal;
    }

    .email-template .multiline {
        border: 1px solid #ccc;
        border-radius: 2px;
        width: 100%;
        padding: 20px;
        color: #787f90;
    }

#wallet {
    text-align: left;
    padding-left: 15px;
}

#menu-pneu {
    padding-left: 5px;
}

.main-attractive-wrapper .row.header {
    display: none;
}

.supplier-content .rank {
    margin-left: 17px;
}

.gray-menu-hidden a:hover {
    text-decoration: underline;
}

.order-detail-view .bordered {
    padding-right: 5px;
}

.tech-support #video a {
    text-decoration: none;
}

.display-table {
    display: table;
    table-layout: fixed;
}

.display-cell {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.careers-caption {
    text-decoration: underline;
    padding-top: 30px;
    padding-bottom: 5px;
    color: #0c2253;
    font-size: 1.3em;
}

    .careers-caption:first-child {
        padding-top: 0px;
    }

.careers-place {
}

.help-outer {
    background-color: #787f90;
    height: 20px;
}

.my-account > .item :focus {
    outline: none;
}

#linkBack {
    display: block;
    margin-top: 25px;
}

.servis-note {
    font-weight: bold;
    color: #314882;
    line-height: 30px;
    left: -40px;
}

    .servis-note > .x-large {
        font-size: x-large;
        vertical-align: -webkit-baseline-middle;
    }

.detailed-filter .popover {
    z-index: 9999;
}

.main-container.margin-bottom-10.tyres-list-control div.row.header > div.column.icons.column-4 {
    padding-top: 10px;
}

.steel-rims-page > .main-container .column.icons.column-3 {
    padding-top: 10px;
}

.alu-rims-page > .main-container .column.icons.column-3 {
    padding-top: 10px;
}

.tyre-detail.row > .parameters .caption.no-background {
    background: none;
}


/* barva pro placeholder texty v inputech */
::-webkit-input-placeholder { /* WebKit browsers */
    color: #aaaaaa !important;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #aaaaaa !important;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #aaaaaa !important;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #aaaaaa !important;
}

@media(max-width:767px) {
    .combo-responsive {
        width: 100%;
    }
}

@media(min-width:768px) {
    .combo-responsive {
        width: 12.33%;
    }
}

@media(min-width:992px) {
}

@media(min-width:1200px) {
}

.combobox-disabled-normal-cursor {
    cursor: default;
}

#help-alu .col-md-1 {
    margin-right: 5px;
}

#help-alu #help-container {
    padding-left: 30px;
}

#alu-search-panel {
    margin-top: 0px;
}

#alu-help-panel {
    padding-bottom: 0px;
}

.alu-rims-product-name .alu-rim-finishing {
    font-size: smaller;
}

img.flag.customer-service {
    width: 20px;
    margin-left: 3px;
    padding-bottom: 5px;
}

.advanced-filter-labels {
    margin-top: -8px;
}

.padding-top-10 {
    padding-top: 10px !important;
}

#listControlDot {
    padding-left: 5px;
}

.alu-rims-page #car-selection.floating {
    width: 100%;
    z-index: 999998;
}

.alu-rims-page #car-selection.floating {
    position: fixed;
    top: 0;
}

.alu-rims-page #car-selection #car-image {
    margin-left: auto;
    margin-right: auto;
    display: block;
    min-height: 268px;
    max-height: 360px;
}

/*.alu-rims-page #car-selection .car-selection-floating-wrapper {
    position: relative;
    z-index: 999998;
}*/

.alurims-lightbox img {
    max-width: 375px !important;
    max-height: 400px !important;
    margin: 0 auto;
}

.alu-car-configurator-page .loading-overlay, #alu-rims-configurator .loading-overlay, body > form > .loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #000000;
    z-index: 999999;
    background-color: rgba(0,0,0,0.5);
    display: none;
}

    .alu-car-configurator-page .loading-overlay img, #alu-rims-configurator .loading-overlay img, body > form > .loading-overlay img {
        margin: auto;
        margin-top: 350px;
        display: block;
        width: 5%;
    }

.alu-rims-page #car-selection .loading-overlay img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alu-rims-page #car-selection h2 {
    margin-bottom: 2px;
}

.alu-rims-page #car-selection .color-item {
    display: inline-block;
    width: 50px;
    height: 34px;
    cursor: pointer;
    border: 1px solid #aaaaaa;
    margin-top: 2px;
}

.csv-wrapper {
    display: table;
}

    .csv-wrapper > a.csv-file {
        display: initial !important;
    }

.radio-cancel > tbody > tr > td > span > label {
    padding: 0 5px;
}

.alu-rims-page a:hover i.fa {
    color: #5168a2;
}

.alu-configurator-page {
    width: inherit;
}

    .alu-configurator-page #model-selection-wrapper {
        float: left;
        overflow: visible;
        width: inherit;
        position: absolute;
        margin-right: 5px;
        z-index: 5;
    }

    .alu-configurator-page #car-selection-wrapper {
        float: right;
        overflow: visible;
        width: inherit;
        margin-right: 5px;
        z-index: 10;
    }

        .alu-configurator-page #car-selection-wrapper > .back-to-model-wrapper {
            margin-bottom: 10px;
        }

.min-height-225 {
    min-height: 225px;
}

.alu-car-configurator-page #available-ets li {
    padding: 13px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-color: #314882;
    border-width: 1px;
    cursor: pointer;
}

    .alu-car-configurator-page #available-ets li.active {
        background-color: #314882;
        color: white;
        font-weight: bold;
    }

    .alu-car-configurator-page #available-ets li.related {
        background-color: #2eca71;
        color: white;
        font-weight: bold;
    }

.alu-car-configurator-page #et-item #et-name, .alu-car-configurator-page #psi-wrapper-title, .tpms-title {
    background-color: #314882;
    height: 42px;
    margin-bottom: 10px;
    padding-right: 4px;
    color: white;
    font-size: 20px;
    padding-left: 20px;
    padding-top: 12px;
    border-radius: 5px;
}

.alu-car-configurator-page #finishing-carousel {
    padding-bottom: 15px;
    display: inline-block;
    clear: both;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
}

.alu-car-configurator-page #left-arrow {
    color: #32b974;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 110px;
}

.alu-car-configurator-page #right-arrow {
    color: #32b974;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 110px;
}

.alu-car-configurator-page #finishing-carousel > #carousel-item-wrapper, .alu-car-configurator-page #ets-items {
    width: 100px;
    position: relative;
    left: 0;
}

.alu-car-configurator-page #linkToSecond {
    display: table;
    margin: 0 auto;
}

.alu-car-configurator-page #finishing-carousel > #carousel-item-wrapper > .carousel-item {
    width: 200px;
    padding: 5px;
    display: inline-block;
}

    .alu-car-configurator-page #finishing-carousel > #carousel-item-wrapper > .carousel-item > .header {
        background-color: #314882;
        color: white;
        font-size: 14px;
        padding: 7px;
        border-radius: 5px;
    }

    .alu-car-configurator-page #finishing-carousel > #carousel-item-wrapper > .carousel-item > .rim-footer {
        background-color: #314882;
        color: white;
        font-size: 14px;
        padding: 7px;
        border-radius: 5px;
    }

    .alu-car-configurator-page #finishing-carousel > #carousel-item-wrapper > .carousel-item img {
        width: 125px;
        height: auto;
        display: block;
        margin: 0px auto;
    }

        .alu-car-configurator-page #finishing-carousel > #carousel-item-wrapper > .carousel-item img.btn-lightbox {
            width: 32px;
        }

.alu-car-configurator-page #ets-item-wrapper {
    overflow: hidden;
}

.alu-car-configurator-page #finishing-carousel > #carousel-item-wrapper > .carousel-item > .rim-name {
    font-weight: 600;
}

#rimChooser {
    position: relative;
    padding-left: 50px;
    padding-right: 50px;
    width: 90%;
    margin: 0 auto;
}

.min-height-250 {
    min-height: 250px;
}

.clickable-rows td:hover {
    cursor: pointer;
}

#available-ets li {
    width: 165px;
    text-align: center;
}

.carousel-item .diameters {
    height: 26px;
}

.carousel-item .rim-name {
    height: 32px;
}

.carousel-item .finishing-name {
    height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.carousel-item .rim-footer {
    height: 30px;
}

.carousel-item .rim-diameter-selector.btn {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    margin-right: 2px;
}

    .carousel-item .rim-diameter-selector.btn.btn-primary {
        background: -webkit-linear-gradient(#3070A9, #314882);
        background: -o-linear-gradient(#3070A9, #314882); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#3070A9, #314882); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#3070A9, #314882); /* Standard syntax */
        text-decoration: none !important;
    }

#carousel-item-wrapper > .carousel-item > .rim-diameter-selector.btn.btn-default.btn-transparent {
    color: #333;
}

/*#carousel-item-wrapper > .carousel-item > .finishing-diameter {
    border-style: solid;
    padding: 2px;
    border-color: #314882;
    display: inline-block;
    margin: 5px 1px 0 1px;
}

#carousel-item-wrapper > .carousel-item > .finishing-diameter.active {
    background-color: #314882;
}

#carousel-item-wrapper > .carousel-item > .finishing-diameter.active a{
    color: white;
}*/
#alu-rims-wrapper {
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 45px;
    padding-top: 10px;
}

#table-cars-wrapper {
    /*max-height: 320px;*/
    overflow: auto;
    padding-left: 15px;
    margin-right: 15px;
}

.modal-body #table-cars-wrapper {
    height: 300px;
}

#alu-rim-dialog {
    width: 50%;
}

.alu-car-configurator-page .car-selection {
    min-height: 465px !important;
}

.alu-rims-page #car-selection .well {
    min-height: 465px !important;
}

@media only screen and (max-width: 1367px) {
    #alu-rim-dialog {
        width: 66%;
    }
}

@media only screen and (max-width: 767px) {
    .alu-car-configurator-page .car-selection {
        min-height: 683px !important;
    }

    .alu-rims-page #car-selection .well {
        min-height: 683px !important;
    }
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.suppliers-page img.tiny-active, .alu-car-configurator-page img.tiny-active {
    width: 20px;
    height: auto;
}

.alu-car-configurator-page #ltrCompatibleTyres a {
    display: block;
}

.alu-car-configurator-page .gray-bg-header {
    background-color: #f5f5f5;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
    border-style: solid;
    border-radius: 5px;
    border-width: 1px;
    border-color: #ccc;
}

    .alu-car-configurator-page .gray-bg-header > #lblSelectedCarSec {
        font-size: 20px;
    }

.alu-car-configurator-page #et-item label.text.alu-rim-finishing.image-text {
    margin-bottom: 0;
}

.alu-car-conf-modals div.modal-header {
    border-bottom: none;
}

.alu-car-conf-modals div.modal-footer {
    border-top: none;
}

.tpms-table {
    margin-left: 0px;
    margin-right: 0px;
}

.modal-alu-wrapper {
    max-height: 70vh;
    overflow: auto;
    overflow-x: hidden;
    min-height: 100px;
}

.alu-car-configurator-page #backToCarArrow {
    vertical-align: initial;
    margin-right: 5px;
}

.link-back-wrapper {
    display: inline-block;
    margin-top: 10px;
}

.alu-car-conf-modals .price-column .computed-price.red {
    text-align: left;
}

.alu-car-conf-modals .order-wrapper {
    margin: auto;
}

.alu-rims-page a.disabled-link {
    color: #231f20;
    text-decoration: none;
    cursor: default;
}

.wallet-page a.disabled-link {
    color: #747474;
    text-decoration: none;
    cursor: default;
}

.padding-top-40 {
    padding-top: 40px;
}

.finishing-image-wrapper {
    position: relative;
    height: 135px;
}

.alu-rims-page h3 {
    color: #787f90;
    margin-bottom: 2px;
}

.alu-rims-page #statusBar {
    padding: 7px;
    width: 100%;
    background-color: #314882;
    color: white;
    border-radius: 5px;
    font-size: 14px;
}

.alu-configurator-page #listCarManufacturers, .alu-configurator-page #listCarModels, .alu-configurator-page #listCarBodyworks, .alu-configurator-page #listCarTypes {
    overflow-y: auto;
    border: 1px solid rgb(169, 169, 169);
    height: 310px;
}

.modal-body .alu-configurator-page #listCarManufacturers, .modal-body .alu-configurator-page #listCarModels, .modal-body .alu-configurator-page #listCarBodyworks, .modal-body .alu-configurator-page #listCarTypes {
    height: 235px;
}

.alu-configurator-page #listCarManufacturers ul, .alu-configurator-page #listCarModels ul, .alu-configurator-page #listCarBodyworks ul, .alu-configurator-page #listCarTypes ul {
    list-style-type: none;
    padding-left: 0;
}

.car-manufacturers-wrapper, .car-models-wrapper, .car-bodyworks-wrapper, .car-types-wrapper {
    padding-left: 0px;
}

.modal-body .car-manufacturers-wrapper {
    padding-left: 15px;
}

.alu-configurator-page #listCarManufacturers ul li.selected, .alu-configurator-page #listCarModels ul li.selected, .alu-configurator-page #listCarBodyworks ul li.selected, .alu-configurator-page #listCarTypes ul li.selected {
    background-color: #4b629e;
    color: white;
}

/*.car-bodyworks-wrapper {
    margin-bottom: 10px;
}*/

@media (min-width: 992px) {
    .col-md-2-5 {
        width: 21%;
    }

    .col-md-3-9 {
        width: 33%;
    }
}

.modal-body .car-types-wrapper {
    padding-right: 15px;
}

#kitList img {
    margin-left: 10px;
}

.alu-rims-page .detail-wrapper-logo {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 10px;
    height: 85px;
}

    .alu-rims-page .detail-wrapper-logo img {
        display: table-cell;
        margin: 0 auto;
        vertical-align: middle;
    }

.alu-rims-page .detail-wrapper-rim {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 10px;
    width: 100%;
    height: 250px;
    text-align: center;
}

    .alu-rims-page .detail-wrapper-rim img {
        display: inline;
        width: auto;
        max-height: 240px;
    }

.compatible-tyres-row {
    border-radius: 3px;
    border: 1px solid #d4d4d4;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
}

    .compatible-tyres-row .caption {
        color: #314882;
        font-weight: bold;
        padding-top: 10px;
        font-size: 14px;
    }

.compatible-tyres-header {
    background-color: #f1f1f1;
    color: #314882;
    height: 50px;
    margin-bottom: 10px;
    padding-right: 4px;
    font-size: 13px;
    border-radius: 5px;
    font-weight: bold;
    margin-left: 0px;
    margin-right: 0px;
}

    .compatible-tyres-header .title {
        font-size: 16px;
        padding-top: 17px;
    }

.btn-blue {
    background-color: #314882;
    color: white;
    text-decoration: none;
}

.btn-grey:hover {
    color: #fff;
    border-color: #818181;
    text-decoration: none;
}

.alu-rim-icons {
    width: 25px;
    display: inline-block;
    margin-right: 5px;
}

    .alu-rim-icons img {
        margin: 0 auto;
        display: block;
    }

.grey-panel {
    background-color: #f2f2f2;
    min-height: 180px;
}

.sub-heading {
    font-size: 20px;
    font-weight: 700;
    color: #314882;
}

.tpms-page .heading-uppercase {
    text-transform: uppercase;
    color: #314882;
    font-weight: bold;
    font-size: 18px;
}

.snow-chains-page .table .row .column-0 img {
    padding-top: 5px;
}

.snow-chains-page .table .row .column-1 img, .tpms-chains-page .table .row .column-1 img {
    padding-top: 10px;
}

.tpms-page {
    font-size: 16px;
    line-height: 120%;
}

    .tpms-page .risks-wrapper {
        margin-left: 25px;
    }

    .tpms-page .gray-heading {
        line-height: 120%;
    }

.tpms-price-box {
    height: 250px;
    width: 270px;
    background-color: white;
    padding-top: 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    .tpms-price-box .header {
        font-size: 22px;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        height: 60px;
        line-height: 120%;
    }

    .tpms-price-box .circle {
        width: 125px;
        height: 125px;
        border-radius: 100px;
        color: white;
        padding-top: 50px;
        padding-right: 18px;
        font-size: 22px;
        margin: 0 auto;
        text-align: right;
        margin-top: 20px;
    }

        .tpms-price-box .circle.green {
            background: -webkit-linear-gradient(#2ECA71, #389B75);
        }

        .tpms-price-box .circle.blue {
            background: -webkit-linear-gradient(#3D6CB9, #3A6DAB);
        }

    .tpms-price-box .button {
        width: 270px;
        height: 50px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        margin-top: 30px;
        text-align: center;
        text-transform: uppercase;
        font-size: 20px;
        color: white;
        padding-top: 10px;
        display: block;
        text-decoration: none;
    }

    .tpms-price-box a.button:active {
        background-color: white;
    }

    .tpms-price-box .button.green {
        background: -webkit-linear-gradient(#2ECA71, #389B75);
    }

    .tpms-price-box div.button.green:active {
        background-color: white;
    }

    .tpms-price-box .button.blue {
        background: -webkit-linear-gradient(#3D6CB9, #3A6DAB);
    }

.compatible-cars {
    margin-left: 5px;
}

    .compatible-cars > a > div.info-icon {
        width: 30px;
        display: block;
        float: left;
    }

.compatible-cars-caption {
    padding-top: 8px;
    padding-left: 10px;
    color: #314882;
    font-weight: bold;
    font-size: 14px;
    float: left;
}

.left-standard {
    margin-bottom: 55px;
    width: 270px;
    float: left;
    margin-right: 40px;
}

.right-partners {
    margin-bottom: 55px;
    float: left;
}

.no-margin {
    margin: 0;
}

#listCarManufacturers li, #listCarModels li, #listCarBodyworks li, #listCarTypes li {
    border-top: solid;
    border-width: 1px;
    border-color: rgb(169, 169, 169);
    padding-bottom: 3px;
    padding-left: 5px;
    padding-top: 3px;
}

    #listCarManufacturers li:first-child, #listCarModels li:first-child, #listCarBodyworks li:first-child, #listCarTypes li:first-child {
        border-top: none;
    }

    #listCarManufacturers li > img {
        margin-right: 5px;
    }

#car-selection-wrapper select {
    padding-left: 5px;
}

.snow-chains-page .vertically-aligned-table-text, .tyres-list-control .vertically-aligned-table-text, .steel-rims-page .vertically-aligned-table-text, .alu-rims-page .vertically-aligned-table-text, .tpms-chains-page .vertically-aligned-table-text {
    width: 100% !important;
}

#wallet-info {
    padding: 20px;
    background-color: #f1f1f1;
    border-radius: 3px;
}

    #wallet-info label {
        height: 45px;
        padding-top: 15px;
    }

        #wallet-info label.text {
            background-color: white;
            border-radius: 4px;
        }

        #wallet-info input.disabled-control, #wallet-info label.disabled-control {
            background: #d6d6d6 !important;
            border: none !important;
            color: #9b9b9b !important;
        }

    #wallet-info .disabled {
        color: #d6d6d6 !important;
    }

    #wallet-info .caption {
        color: #314882;
    }

#toggleGrid {
    margin-left: 10px;
    margin-right: 10px;
}

    #toggleGrid ul.nav.nav-tabs.nav-justified.tab-title, .tab-toggle {
        border-bottom: none;
        border-color: white;
        /*width: 55%; 
        margin-left: 20px;*/
    }

        #toggleGrid ul.nav.nav-tabs.nav-justified.tab-title > li, .tab-toggle {
            border: none;
        }

            #toggleGrid ul.nav.nav-tabs.nav-justified.tab-title > li > a.active, .tab-toggle > div > li > a.active {
                background-color: #f1f1f1;
            }

            #toggleGrid ul.nav.nav-tabs.nav-justified.tab-title > li > a {
                border: none;
                text-decoration: none;
                color: #314882;
                font-size: 16px;
                font-weight: bold;
                margin-right: 5px;
            }

                #toggleGrid ul.nav.nav-tabs.nav-justified.tab-title > li > a.last {
                    margin-right: 0px;
                }

    #toggleGrid .badge {
        display: inline;
        position: relative;
        top: -1px;
        text-decoration: none !important;
    }

#walletTransactionsList .table, #cashWithdrawsList .table, #debtsTransactionsList .table, #confirmedPaymentsList .table {
    margin-top: -1px;
}

#walletWithdraw, #walletDeposit {
    display: none;
    padding: 15px;
    padding-right: 0px;
}

#toggleGrid ul.nav.nav-tabs.nav-justified.tab-title > li > a:hover {
    background-color: #F4F4F4;
}

.wallet-btn {
    min-width: 165px;
    margin-right: 20px;
}

.no-txt-transform {
    text-transform: none !important;
}

.pen-input {
    background-image: url(../Images/icon-pen.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 15px;
    border: 1px solid #d4d4d4;
    color: #314882 !important;
    font-weight: normal !important;
}

.wallet-warning {
    border: 2px solid #f0042a;
    border-radius: 5px;
    padding: 10px 50px 10px 20px;
    color: #f0042a;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
}

.padding-left-right-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.padding-left-right-2-5 {
    padding-left: 2.5px !important;
    padding-right: 2.5px !important;
}

.wallet-amount-input {
    text-align: right;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .wallet-amount-input:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.empty-row-50 {
    height: 50px;
}

.find-snow-chains {
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
}

.padding-5 {
    padding: 5px;
}

#chkProgrammedTpms {
    vertical-align: sub;
    margin-left: 8px;
}

.bigger-input {
    padding-left: 20px;
    padding-right: 20px;
}

    .bigger-input > input, .bigger-select > div.form-combo > select.form-control {
        height: 45px;
    }

#searchPanel {
    padding-top: 5px;
    padding-bottom: 5px;
}

    #searchPanel .form-control {
        border: 1px solid #CCCCCC;
        border-radius: 10px;
        height: 40px;
        box-shadow: none;
    }

    #searchPanel .btn {
        border-radius: 10px;
        text-transform: none;
        font-size: 14px;
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
        height: 40px;
        background: #27A25C;
        color: #FFFFFF;
    }


        #searchPanel .btn:hover {
            background: #21884D;
            color: #FFFFFF;
        }

    #searchPanel .caption {
        font-size: 14px !important;
        color: #252525 !important;
        font-family: 'Poppins', sans-serif !important;
    }

.max-width {
    width: 100% !important;
}

.caption-blue {
    color: #314882;
    font-weight: bold;
    font-size: 16px;
}

.multiline-column {
    word-break: break-all;
}

iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

img#blur {
    width: 100%;
}

img#noBlur {
    width: 100%;
}

#newOrders .header .column-6, #confirmedPaymentsList .header .column-4 {
    background-color: #e5e5e5;
}

#activeOrders .header .column, #ordersHistory .header .column, #newOrders .header .column, #confirmedPaymentsList .header .column-4 {
    padding-top: 20px !important;
}

.five-col-row {
    width: 20%;
    float: left;
}

.partner-orders .left-right-border.column-6, .supplier-orders .left-right-border.column-6, #confirmedPaymentsList .column-4 {
    border-left: solid 1px;
    border-right: solid 1px;
    border-color: #e6e6e6;
    height: 64px;
}

.partner-orders .column-5, .supplier-orders .column-5 {
    padding-right: 10px;
}

.partner-orders .responsive-body .row .column-3, .supplier-orders .responsive-body .row .column-3, .supplier-orders .responsive-body .row .column-0 {
    padding-top: 23px;
}

.partner-orders .responsive-body .row .column-2,
.partner-orders .responsive-body .row .column-4 {
    padding-top: 17px;
}

.supplier-orders .responsive-body .row .column-2,
.supplier-orders .responsive-body .row .column-4 {
    padding-top: 23px;
}

.partner-orders .table .document-items-preview {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    color: #a5a7ad;
    width: auto !important;
}

.supplier-orders .document-items-preview {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #858585;
    width: auto !important;
}

.partner-orders .order-list-predicted-delivery-date, .supplier-orders .order-list-predicted-delivery-date {
    font-size: 11px;
    color: #e20900;
}

.partner-orders .order-detail-view .order-list-predicted-delivery-date {
    color: #e20900;
    font-weight: 600;
    font-size: 14px;
}

.cut-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.partner-orders .document-items .responsive-body .row .column-4 {
    padding-top: 20px !important;
}

.partner-orders .info-icon, .supplier-orders .info-icon, #confirmedPaymentsList .info-icon {
    height: 15px;
    width: 15px;
    font-size: 11px;
    margin-top: 0px;
    line-height: 14px;
    white-space: nowrap;
}

.partner-orders .my-notes-column, .supplier-orders .my-notes-column {
    margin-left: 28px;
    padding-bottom: 10px;
}

.btn-flat-green {
    background-color: #2ECA71;
    color: white;
}

    .btn-flat-green:active {
        background-color: #2FB769;
        color: white;
    }

.btn-flat-blue {
    background-color: #2D4880;
    color: white;
}

@media only screen and (max-width: 1023px) {
    .partner-orders .header .column-6, .supplier-orders .header .column-6 {
        width: 100% !important;
        padding-left: 0px !important;
        padding-top: 0px !important;
    }

    #confirmedPaymentsList .header .column-4 {
        width: 100% !important;
        padding-left: 0px;
        padding-top: 10px;
    }

    .partner-orders .header .column-7, .supplier-orders .header .column-7 {
        width: 100% !important;
        padding-left: 0px !important;
    }

    .partner-orders .header .column-5, .supplier-orders .header .column-5 {
        min-height: 43px !important;
        margin-bottom: 18px !important;
    }

    .document-items .header .column-5 {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }

    .document-items .header {
        padding-top: 0px !important;
    }

    .partner-orders .header, .supplier-orders .header, #confirmedPaymentsList .header {
        padding-right: 0px !important;
        padding-top: 3px;
    }

    .partner-orders .left-right-border.column-6, .supplier-orders .left-right-border.column-6, #confirmedPaymentsList .column-4 {
        border-left: none;
        border-right: none;
    }

    #confirmedPaymentsList .header .column-4 {
        height: 76px !important;
    }

    .partner-orders .column-1 .vertically-aligned-table-text, .supplier-orders .column-1 .vertically-aligned-table-text {
        width: 100% !important;
    }

    .partner-orders .responsive-body .row .column-4, .supplier-orders .responsive-body .row .column-4 {
        padding-top: 22px !important;
    }

    .partner-orders .responsive-body .row, .supplier-orders .responsive-body .row {
        min-width: 210px;
    }

    #searchPanel {
        margin-bottom: 10px;
    }

    .partner-orders .my-notes-column, .supplier-orders .my-notes-column {
        margin-left: 0px;
    }

    #searchPanel .margin-top {
        margin-top: 20px;
    }
}

#news-box {
    border: 1px solid #314882;
    position: relative;
    border-radius: 5px;
    padding: 10px;
    margin-right: 15px;
    width: 383px;
    margin-top: -15px;
}

    #news-box > .news-item {
        margin-bottom: 5px;
    }

        #news-box > .news-item > a.news-title {
            text-decoration: none !important;
        }

    #news-box > .more-news {
        font-weight: normal;
    }

.filter-col {
    padding-top: 25px;
}

@media only screen and (max-width: 1023px) {
    .tpms-chains-page .responsive-grid {
        margin-top: 10px;
    }
}

.delivery-warning {
    display: inline;
}

.warning-popover {
    border-color: #d8151d !important;
    width: 280px;
    max-width: 280px;
}

    .warning-popover .popover-content {
        color: #d8151d !important;
        text-align: left;
    }

.warning-icon {
    width: 14px !important;
    height: 14px !important;
}

    .warning-icon:hover {
        cursor: pointer;
    }

@media only screen and (min-width: 1024px) {
    .partner-orders .column .padding-left, .supplier-orders .column .padding-left {
        padding-left: 12px;
    }

    .supplier-orders.new-orders .column-4 .padding-left {
        padding-left: 30px;
    }

    .partner-orders .column-6 > .padding-left {
        padding-left: 30px;
    }
}

.error-page {
    border: solid;
    border-width: 3px;
    border-radius: 10px;
    padding: 60px;
    border-color: rgb(226,52,31);
    color: rgb(120,127,145);
    line-height: 20px;
    font-size: 15px;
}

    .error-page .warning-img {
        float: left;
        margin-right: 55px;
        margin-top: 10px;
    }

    .error-page h3.title {
        font-weight: bold;
        color: rgb(120,127,145);
        margin-bottom: 15px;
    }

    .error-page .error-description {
        font-size: 16px;
    }

.standard-blue-caption {
    font-size: 16px;
    color: #314882;
}

.supplier-provision .navigation {
    margin-bottom: 50px !important;
}

.supplier-provision .current-supplier {
    font-size: 18px;
    margin-bottom: 40px;
}

.grey-radius-box {
    background-color: #f1f1f1;
    border-radius: 7px;
    padding: 10px 35px 35px 35px;
    min-width: 510px;
}

    .grey-radius-box .box-header {
        margin: 0px 0px 10px 0px;
    }

    .grey-radius-box .value-row {
        background-color: #ffffff;
        border-radius: 7px;
        margin: 0px 0px 10px 0px;
        height: 50px;
    }

        .grey-radius-box .value-row .border-left {
            border-left: 1px solid #f1f1f1;
        }

        .grey-radius-box .value-row .border-right {
            border-right: 1px solid #f1f1f1;
        }

        .grey-radius-box .value-row .column {
            height: 100%;
        }

            .grey-radius-box .value-row .column.vertical-center {
                display: table;
            }

                .grey-radius-box .value-row .column.vertical-center > div.text {
                    display: table-cell;
                    vertical-align: middle;
                }



.sub-label {
    color: #646464;
    font-size: 12px;
}

.grey-box {
    background: #eaeaea;
    border-radius: 10px;
    padding-top: 25px;
    padding-left: 30px;
    padding-bottom: 30px;
}

.semibold {
    font-weight: 500;
}

.green-bold {
    color: #09ca77;
    font-weight: bold;
}

.credit-limit-page {
    font-size: 16px;
}

    .credit-limit-page .title {
        color: #1f1f1f;
        font-size: 25px;
        line-height: 34px;
        font-weight: bold;
    }

    .credit-limit-page .tech-support {
        color: #5f6573;
        font-size: 24px;
        line-height: 30px;
    }

    .credit-limit-page .heading {
        color: #0c2253;
        font-size: 34px;
        padding-top: 20px;
        display: block;
    }

.cbp-icon {
    font-weight: bold;
    border: solid;
    border-radius: 5px;
    border-width: 1px;
    text-decoration: none;
    padding-bottom: 1px;
    padding-top: 1px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
}

    .cbp-icon.red {
        color: #f0042a;
    }

.no-wrap {
    white-space: nowrap;
    overflow: hidden;
}

.padding-right-10 {
    padding-right: 10px !important;
}

@media(max-width: 767px) {
    .col-sm-1-5 {
        width: 100%;
    }
}

@media(min-width: 768px) {
    .col-sm-1-5 {
        width: 13%;
    }
}

.monospace {
    font-family: monospace;
}

#loading-fade {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    background-color: black;
    opacity: 0.5;
    display: none;
}

    #loading-fade > img {
        display: block;
        width: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

.tpms-list-header {
    background-color: #314882;
    border-radius: 5px;
    height: 42px;
    color: white;
    font-size: 20px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 10px;
    padding-top: 12px;
    margin-bottom: -10px;
}

@media(max-width: 1023px) {
    .tpms-list-header {
        margin-bottom: 5px;
    }
}

.modal-dialog #detailBody > div.main-container.tpms-detail {
    width: 100% !important;
}

.medium-popup {
    max-width: 130px;
    max-height: 190px;
}

.alu-rims-page .medium-popup {
    max-width: 195px;
    max-height: 285px;
}

.tyres-list-control .small-tyre-homologation {
    color: gray;
    font-size: 85%;
}

@media(max-width: 1023px) {
    .steel-rims-page .grid-title {
        background-color: #314882;
        border-radius: 5px;
        height: 42px;
        padding-right: 4px;
        color: white;
        font-size: 20px;
        padding-top: 12px;
        padding-left: 20px;
        margin-top: 10px;
        margin-bottom: 5px;
    }
}

.no-decoration {
    text-decoration: none !important;
}

.grey-rows > div.responsive-body .row {
    background-color: #f1f1f1;
}

.table.responsive-grid.main-list-container.grey-rows {
    margin-top: 0px;
}

.left-radius > div.form-combo > select {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

.transport-item {
    margin-top: 10px;
    position: relative;
}

.input-box {
    padding-left: 12px;
    border: none !important;
    border: solid 1px #ccc !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.tnt-link {
    border-color: #ccc;
    padding: 8px 12px;
    border-style: solid;
    border-width: 1px;
    position: relative;
    border-right: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    display: block;
    max-width: 100%;
    display: grid;
}

.attached-document-item {
    height: auto;
    width: auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-left: 0px;
    margin-right: 0px;
}

.new-document-item {
    margin-top: 10px !important;
}

.input-group-btn > button:hover {
    background-color: #fff;
    border-color: #ccc;
}

.green-glow:hover {
    border-color: #32b974;
    outline: 0;
    text-shadow: 0 0 8px #2eca71;
}

.red-glow:hover {
    border-color: #ff0000;
    outline: 0;
    text-shadow: 0 0 8px rgba(255, 0, 0, 0.64);
}

.disabled-link.green-glow:hover, .disabled-link.red-glow:hover {
    border-color: #828282;
    outline: 0;
    text-shadow: 0 0 8px #9a9a9a;
}

.ellipsis-link {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.disable-hover:hover, .disable-hover:focus, .disable-hover:active {
    background-color: white !important;
    box-shadow: none !important;
}

.logged-panel.green-background {
    background-color: #32b974;
}

    .logged-panel.green-background > .main-container .cell .selected a {
        color: #4b629e;
    }

.product-category-item {
    color: #333333;
    font-weight: bold;
    width: 120px;
    height: 120px;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
}

.product-category-image {
    width: 100px;
    height: 100px;
    border: 2px solid #adadad;
    padding: 2px 2px;
    border-radius: 4px;
    display: block;
    margin: auto;
    position: relative;
    margin-bottom: 2px;
}

.product-category-caption {
    width: 100px;
    margin: auto;
    position: relative;
}

.product-category-image > img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.product-category-item:hover > .product-category-image, .product-category-item.active > .product-category-image {
    border-color: #4b629e;
}

.product-category-item:hover, .product-category-item.active {
    color: #4b629e;
    text-decoration: underline;
}

.subCategoryPopupMenuDiameter {
    display: none;
    height: auto;
    width: auto;
    border-radius: 3px;
    background-color: #f1f1f1;
    box-shadow: 0px 0px 15px #888888;
    border: 0;
    margin-top: 15px;
    position: absolute;
    z-index: 2;
    padding: 10px;
}

#contentMain_productCategoriesPanel {
    position: relative;
}

.subCategoryPopupMenu {
    display: none;
    /*min-height: 65px;*/
    height: auto;
    border-radius: 3px;
    background-color: #f1f1f1;
    box-shadow: 0px 0px 15px #888888;
    border: 0;
    margin-top: 25px;
    position: absolute;
    z-index: 2;
}

    .subCategoryPopupMenu a {
        color: black;
        font-weight: bolder;
        text-decoration: none;
        font-size: 13px;
    }

        .subCategoryPopupMenu a:hover {
            color: #202020;
            text-decoration: underline;
        }

    .subCategoryPopupMenu li {
        margin: 15px;
    }

        .subCategoryPopupMenu li:before {
            content: "\e080";
            font-family: 'Glyphicons Halflings';
            font-size: 9px;
            float: left;
            margin-top: 1px;
            margin-left: -15px;
            color: #202020;
        }

.filterInfo {
    font-weight: bold;
    margin-right: 10px;
}

.filterInfoContainer {
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    font-size: 16px;
}

.product-category-item:first-line {
    padding-left: 0;
    padding-right: 0;
}

.accessories-mainImage {
    padding-top: 0 !important;
}

.arrow_box {
}

    .arrow_box:after, .arrow_box:before {
        bottom: 100%;
        left: 5%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(241, 241, 241, 0);
        border-bottom-color: #f1f1f1;
        border-width: 9px;
        margin-left: -9px;
    }

    .arrow_box:before {
        border-color: rgba(241, 241, 241, 0);
        border-bottom-color: #d4d4d4;
        border-width: 10px;
        margin-left: -10px;
    }

.shortDescription {
    margin-top: 15px;
}

    .shortDescription div.text {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .shortDescription .short-description-header {
        font-weight: bold;
        color: black;
    }

.subCategoryPopupMenuDiameter {
    width: 420px;
    height: 250px;
    padding: 30px;
    margin-top: 25px;
    position: absolute;
}

    .subCategoryPopupMenuDiameter img {
        position: absolute;
        width: 350px;
        z-index: -3;
        top: 30px;
        left: 25px;
    }

    .subCategoryPopupMenuDiameter input {
        display: block;
        margin-top: 15px;
    }

    .subCategoryPopupMenuDiameter .innerDiameterSelect {
        width: 120px;
        display: block;
        margin-left: 200px;
        margin-top: 5px;
    }

    .subCategoryPopupMenuDiameter .innerDiameterLbl {
        width: 200px;
        display: block;
        margin-left: 185px;
        font-size: 12px;
    }

    .subCategoryPopupMenuDiameter .outerDiameterSelect {
        width: 120px;
        display: block;
        margin-left: 200px;
        margin-top: 8px;
    }

    .subCategoryPopupMenuDiameter .outerDiameterLbl {
        width: 200px;
        display: block;
        margin-left: 190px;
        margin-top: 40px;
        font-size: 12px;
    }

.arrow-box-first:after, .arrow-box-first:before {
    left: 60px;
}

.arrow-box-second:after, .arrow-box-second:before {
    left: 180px;
}

.arrow-box-third:after, .arrow-box-third:before {
    left: 300px;
}

.arrow-box-fourth:after, .arrow-box-fourth:before {
    left: 420px;
}

.arrow-box-fifth:after, .arrow-box-fifth:before {
    left: 540px;
}

.arrow-box-sixth:after, .arrow-box-sixth:before {
    left: 660px;
}

.arrow-box-seventh:after, .arrow-box-seventh:before {
    left: 780px;
}

.arrow-box-eighth:after, .arrow-box-eighth:before {
    left: 900px;
}

.subCategoryPopupMenuDiameter.arrow-box-first {
    left: 0;
}

.subCategoryPopupMenuDiameter.arrow-box-second {
    left: 0;
}

.subCategoryPopupMenuDiameter.arrow-box-third {
    left: 0;
}

.subCategoryPopupMenuDiameter.arrow-box-fourth {
    left: 0;
}

.subCategoryPopupMenuDiameter.arrow-box-fifth {
    left: 200px;
}

.subCategoryPopupMenuDiameter.arrow-box-sixth {
    left: 450px;
}

.subCategoryPopupMenuDiameter.arrow-box-seventh {
    left: 550px;
}

.subCategoryPopupMenuDiameter.arrow-box-eighth {
    left: 650px;
}

.subCategoryPopupMenuDiameter.arrow-box-fourth:after, .subCategoryPopupMenuDiameter.arrow-box-fourth:before {
    left: 220px;
}


.subCategoryPopupMenuDiameter.arrow-box-fifth:after, .subCategoryPopupMenuDiameter.arrow-box-fifth:before {
    left: 340px;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100%;
    padding-right: 35px !important;
}

.gallery-thumb.accessories {
    /*background-image: none !important;*/
    overflow: hidden;
}

.tyre-pattern-description.margin-bottom {
    margin-bottom: 10px;
}

.gallery-thumb.accessories.first, .gallery-thumb.accessories.second, .gallery-thumb.accessories.third {
    background-image: none;
}

    .gallery-thumb.accessories.first:hover, .gallery-thumb.accessories.second:hover, .gallery-thumb.accessories.third:hover {
        background-image: url(../Images/icon-zoom.png);
    }

.online-green-text {
    color: #2ECA71;
}

.cart-my-note {
    padding-top: 5px;
}

.certified-czsk {
    color: #2ECA71;
    font-size: 80%;
    font-weight: bold;
}

#report-notification-header {
    padding: 0;
    margin-top: 30px;
    border-radius: 3px;
    width: 100%;
}

    #report-notification-header label {
        height: 35px;
        padding-top: 10px;
    }

    #report-notification-header .text {
        background-color: #f1f1f1;
        border-radius: 4px;
        height: 35px;
        border-style: none;
    }

    #report-notification-header .btn {
        height: 34px;
        margin-left: 5px;
        min-width: 75px;
    }

    #report-notification-header .disabled-control, #report-notification-header .disabled-control {
        background: #d6d6d6 !important;
        border: none !important;
        color: #9b9b9b !important;
    }

    #report-notification-header .disabled {
        color: #d6d6d6 !important;
    }

    #report-notification-header .caption {
        color: #314882;
    }

#notificationSettingsBtn {
    text-align: left;
}

#report-notification-setting {
    background-color: #f1f1f1;
    border-radius: 3px;
    width: 100%;
    height: 85px;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}



#report-period-list li, #report-on-off li {
    display: inline;
    list-style-type: none;
    padding-right: 20px;
    float: left;
}

#report-period-list, #report-on-off {
    margin-left: -40px;
}

#report-notification-header .report-btn {
    /*float: right;*/
    width: 215px;
    float: right;
}

#report-notification-header .SaveBtn {
    width: 100%;
}

@media(max-width: 768px) {
    #report-notification-setting {
        height: 120px;
    }
}

@media(max-width: 992px) {
    #report-notification-header .report-btn {
        width: 49%;
        margin: 0 0;
    }

    #notificationSettingsBtn {
        float: right;
    }

    #sendReportBtn {
        float: right;
        margin-right: 2% !important;
    }
}

.nopad-left {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

#report-period-list input {
    border-style: solid !important;
    border-color: #2ECA71 !important;
    background-color: #2ECA71 !important;
    color: #2ECA71 !important;
}

#notificationSettingsBtn span.glyphicon {
    margin-top: 3px;
}

.more-emails-info {
    font-size: 11px;
    padding: 0;
    margin-top: -5px;
}

}

.product-express-icon {
    color: #ffffff;
    background: #f6d21d;
    padding: 0 3px;
    text-transform: uppercase;
    border-radius: 3px;
    font-size: 10px;
    font-weight: bold;
    cursor: default;
}

.psi-simple-icon {
    color: #ffffff;
    padding: 0 3px;
    text-transform: uppercase;
    border-radius: 3px;
    font-size: 10px;
    font-weight: bold;
    cursor: default;
    text-transform: uppercase;
    border: 1px solid;
}

.simple-icon-express {
    background: rgba(48, 193, 114, 1);
    border-color: rgba(48, 193, 114, 1);
}

.simple-icon-online {
    color: #2ECA71;
    border-color: #2ECA71;
}

.simple-icon-tyre-disposal {
    color: #3762CA;
    border-color: #3762CA;
}

#listCarManufacturers > ul > li, #listCarModels > ul > li, #listCarBodyworks > ul > li, #listCarTypes > ul > li {
    cursor: pointer;
}


.vertically-aligned-table-text .total-weight {
    font-size: 16px;
}

.partner-orders .document-items .responsive-body .row .column-4.weight-column {
    padding-top: 0 !important;
}

.weight-column .total-weight {
    font-weight: bold;
}

.tyre-search-menu .class-icon {
    height: 25px;
}

.partner-margin-container {
}

.partner-margin-category-item {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 10px;
}

.partner-margin-category-header {
    height: 35px;
    cursor: pointer;
    padding-top: 9px;
}

.partner-margin-category-body {
    display: none;
    height: auto;
    padding: 0 30px;
    padding-bottom: 15px;
    overflow: hidden;
}

.partner-margin-container .partner-margin-category-item .partner-margin-category-header .glyphicon.glyphicon-chevron-down {
    float: right;
    margin-right: 10px;
    margin-top: 2px;
    opacity: 0.7;
}

.partner-margin-category-name {
    color: #202020;
    font-weight: bold;
    margin-left: 10px;
}

.partner-margin-input-group {
    font-weight: bold;
    margin-bottom: 10px;
}

.partner-margin-value-percent, .partner-margin-value-absolute {
    width: 130px;
    display: inline-block;
    padding-right: 30px;
}

.partner-margin-value-append {
    margin-left: -25px;
}

.partner-margin-value-append {
    margin-left: -25px;
}

.partner-margin-value-plus {
    margin-right: 10px;
    margin-left: 22px;
}

.partner-margin-default {
    margin-right: 10px;
}

.partner-margin-value-info {
    margin: 20px 0;
}

.partner-margin-subcategory {
    display: inline-block;
    width: 90px;
    text-align: right;
    margin-right: 10px;
}

    .partner-margin-subcategory.long-text {
        font-size: 12px;
        width: 120px;
    }

.partner-margin-input-group .info-icon {
    margin-left: 15px;
    cursor: help;
}

.partner-margin-popup {
    display: none;
    /*min-height: 65px;*/
    height: auto;
    border-radius: 5px;
    margin-top: 25px;
    position: absolute;
    z-index: 2;
    border: 1px solid #2ECA71;
    padding: 10px;
    color: #2ECA71;
    background-color: white;
}

.partner-margin-info-container {
    position: relative;
}

.subCategoryPopupMenu a {
    color: black;
    font-weight: bolder;
    text-decoration: none;
    font-size: 13px;
}

    .subCategoryPopupMenu a:hover {
        color: #202020;
        text-decoration: underline;
    }

.subCategoryPopupMenu li {
    margin: 15px;
}

    .subCategoryPopupMenu li:before {
        content: "\e080";
        font-family: 'Glyphicons Halflings';
        font-size: 9px;
        float: left;
        margin-top: 1px;
        margin-left: -15px;
        color: #202020;
    }

.main-relative-content-container {
    position: relative;
}

.qr-code-popover {
    width: 150px;
    height: 145px;
}

    .qr-code-popover .popover-content {
        padding: 0;
        width: 150px;
        height: 145px;
    }

.cart-page .column input[type=text].long-input {
    width: 90%;
    margin-right: 5px;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}

.price-item .discount-input {
    margin-top: 6px;
    width: 100% !important;
    color: #30c172;
    text-align: right !important;
}

.discount-text .total-price {
    color: #30c172 !important;
}

.qr-code-loading-overlay {
    width: 140px;
    height: 140px;
    background-color: #FFF;
    opacity: .4;
    background-image: url(" ../Images/loading-small.gif");
    background-repeat: no-repeat;
    background-position: 62px 55px;
}

.input-250-max {
    max-width: 250px;
}

#spanUploadLogo.small-upload-logo {
    width: 49%;
}

.center-image-frame {
    position: relative;
}

.center-image {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.display-inline {
    display: inline;
}

.display-inline-block {
    display: inline-block;
}

.padding-left-15 {
    padding-left: 15px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-top-0 {
    padding-top: 0 !important;
}

.vat-radios label {
    color: #314882;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 0;
}

.modal-centered {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .modal-centered:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog-centered {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.claim-state-icon {
    width: 21px;
    border: 1px solid;
    border-radius: 5px;
    cursor: pointer;
}

.claim-state-icon-green {
    border-color: #29c366;
}

.claim-state-icon-orange {
    border-color: #dd6914;
}

.claim-state-icon-red {
    border-color: #ff0d0e;
}

#spf-not-set {
    border-color: #787f90;
    background-image: none;
    padding-left: 50px;
}

.payment-type-lbl {
    color: #252525 !important;
    font-size: 11px;
}

.price-settings-margin-image {
    width: 12px;
    cursor: pointer;
}

.price-settings-check > label {
    cursor: pointer;
}

    .price-settings-check > label:hover {
        color: #2eca71;
    }

#detailed-filter-default {
    background-color: white;
}

.tyres-filter-group label {
    color: #464d5e;
    font-weight: bold;
    font-size: 12px;
}

.tyres-filter-group-no-label {
    margin-top: 22px;
}

.tyres-list-default-container > #detailed-filter > .container .form-horizontal {
    background-color: white;
}

.tyres-list-default-container > #detailed-filter {
    padding-top: 0;
}

.btn-search-special-offers {
    padding-top: 14px;
    padding-left: 5px;
    padding-right: 15px;
}

    .btn-search-special-offers input {
        background-color: white;
        border-color: #F8B900;
        color: #F8B900;
    }

        .btn-search-special-offers input:hover {
            background-color: #F8B900;
            border-color: #F8B900;
            color: white;
        }

.tyres-list-default-container .tyres-list-checkboxes {
    z-index: 10;
}

@media(max-width: 991px) {
    .btn-search-special-offers {
        margin-top: 25px;
    }
}

.no-margin-top {
    margin-top: 0 !important;
}

.tyres-list-control {
    margin-top: 20px;
}

.special-offer-detail {
    background-color: #F9B900;
    color: #464d5e !important;
    text-transform: uppercase !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
    border-color: #F9B900 !important;
}

.special-offer-icon {
    background-color: #F9B900 !important;
    color: white !important;
    text-transform: uppercase !important;
    text-align: center;
    border-color: #F9B900 !important;
}

    .special-offer-icon.long-text {
        font-size: 9px !important;
    }

.table .row.without-special-offer-row {
    background-color: #FEF5D9;
    height: auto;
    min-height: 60px;
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    padding-top: 0px;
    color: #252525;
}

.table .row.special-offer-row {
    border-color: #F9B900;
    background-color: #FEF5D9;
}

    .table .row.special-offer-row div.special-offer-amount {
        width: 50px;
        height: 50px;
        font-weight: bold;
        text-align: center;
    }

.special-offer-detail {
    width: 35px !important;
    height: 35px !important;
    margin-right: 0 !important;
    margin-top: 3px !important;
    color: white !important;
}

@media (min-width: 1024px) {
    .grid-wrapper-supplier-control .icon, .special-offer-detail {
        margin-top: 0 !important;
    }
}

@media (max-width: 1023px) {
    .order-wrapper .special-offer-detail {
        margin-top: 0 !important;
    }
}

.order-wrapper .special-offer-amount, .order-wrapper .special-offer-detail {
    display: inline-block;
    margin-right: 2px;
}

.special-offer-phone {
    background-image: url(../Images/phone.svg);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.special-offer-popup {
    display: none;
    height: auto;
    border-radius: 5px;
    margin-top: 25px;
    position: absolute;
    z-index: 2;
    border: 1px solid #F9B900;
    padding: 10px;
    color: #F9B900;
    background-color: white;
    text-align: center;
}

#specialOfferModal .modal-header {
    border-bottom: none;
}

#specialOfferModal .modal-footer {
    border-top: none;
}

.special-offer-modal-heading {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 40px;
}

.special-offer-modal-person {
    width: 50%;
    margin: auto;
    margin-bottom: 40px;
}

.special-offer-modal-footer {
    margin-bottom: 20px;
}

.special-offer-person-detail {
    margin-left: 10px;
}

.special-offer-modal-person img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
}

.special-offer-person-name {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 10px;
}

.special-offer-person-role {
    font-weight: bold;
    opacity: 0.6;
}

.contact-group {
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    width: 49%;
}

    .contact-group img {
        margin: 5px;
        width: 20px;
        height: 20px;
    }

    .contact-group .image-container {
        background-color: #2eca71;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        float: left;
    }

    .contact-group span {
        float: left;
        height: 30px;
        padding-top: 7px;
        margin-left: 10px;
    }

    .contact-group .contact-group-container {
        display: table;
        margin: auto;
    }

@media (max-width: 767px) {

    .contact-group {
        display: block;
        width: 100%;
    }

        .contact-group .contact-group-container {
            margin: 0 0 5px 0;
        }

    .special-offer-person-name {
        line-height: 25px;
    }

    .special-offer-person-role {
        line-height: 20px;
    }

    .contact-group-separator {
        display: none !important;
    }
}

.contact-group-separator {
    display: inline-block;
    height: 60px;
    width: 1px;
    background-color: grey;
    opacity: 0.3;
    margin-bottom: -15px;
}

.special-offer-limitation {
    border: 1px solid #F9B900;
    background-color: #FEF5D9;
    border-radius: 3px;
    height: 40px;
    font-size: 15px;
    display: table;
    padding: 10px;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

@media only screen and (max-width: 1023px) {
    .table .row.without-special-offer-row {
        min-height: 65px;
    }
}

.image-illustration-info {
    text-align: center;
    margin-bottom: 5px;
}

.image-illustration-icon {
    color: white;
    font-weight: bold;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background-color: #2ECA71;
    border: 1px solid #208c4e;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.image-illustration-info span {
    display: inline-block;
    color: #333;
    margin-right: 5px;
}

.product-main-image-wrapper .img-responsive {
    margin-left: auto;
    margin-right: auto;
    max-height: 200px;
}

.illustration-info-popup {
    display: none;
    height: auto;
    border-radius: 5px;
    margin-top: 25px;
    position: absolute;
    z-index: 2;
    border: 1px solid #2ECA71;
    padding: 10px;
    color: #2ECA71;
    background-color: white;
    text-align: center;
}

/* Upravy Matej K. */
@media(max-width: 1023px) {
    .grid-wrapper-supplier-control .row.header {
        display: none;
    }

    .tyre-detail-new-filter {
        display: none;
    }

    .suppliers-col .responsive-body-off > div > div.column.column-1,
    .suppliers-col .responsive-body-off > div > div.column.column-2,
    .suppliers-col .responsive-body-off > div > div.column.column-5,
    .suppliers-col .responsive-body-off > div > div.column.column-6,
    .suppliers-col .responsive-body-off > div > div.column.column-7 {
        width: 100% !important;
    }

    .suppliers-col .responsive-body-off > div {
        margin-bottom: 10px;
        padding-bottom: 13px;
        border-bottom: 1px solid #d4d4d4;
    }

    .tyres-list-control .row.header {
        display: none;
    }

    .tyres-list-control .responsive-body-off .column-0,
    .tyres-list-control .responsive-body-off .column-1,
    .tyres-list-control .responsive-body-off .column-2,
    .tyres-list-control .responsive-body-off .column-4,
    .tyres-list-control .responsive-body-off .column-5,
    .tyres-list-control .responsive-body-off .column-6 {
        float: left;
        /*width: auto !important;*/
        padding-right: 10px;
    }

    .tyres-list-control .responsive-body-off {
        padding-left: 10px;
    }

        .tyres-list-control .responsive-body-off .column-4 .blank-icon-sm {
            height: 1px;
            width: 45px;
        }

        .tyres-list-control .responsive-body-off .column-1 img {
            max-width: 100%;
        }

        .tyres-list-control .responsive-body-off .column-0 img {
            width: 30px;
            padding-top: 14px;
        }

        .tyres-list-control .responsive-body-off .column-3 {
            float: left;
            /*width: 200px !important;
        margin-right: 10px;*/
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .tyres-list-control .responsive-body-off > div {
            margin-bottom: 10px;
            padding-bottom: 1px;
        }


    table.vertically-aligned-table-text.tyre-header-text {
        width: 100%;
        top: auto;
    }

    .tyre-detail > .parameters > .header {
        height: auto;
        margin-top: 10px;
    }

        .tyre-detail > .parameters > .header .vertically-aligned-table-text tr,
        .tyre-detail > .parameters > .header .vertically-aligned-table-text tr td {
            height: auto;
        }

    .suppliers-vertical-space {
        display: none;
    }

    .tyre-detail.row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

@media(min-width: 124px) {
    .suppliers-col {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}



@media(max-width: 500px) {
    .icon-invoice-small {
        display: none;
    }
}



.new-product-headline {
    display: flex;
    align-items: baseline;
    background-color: #314882;
    color: white;
    padding: 10px 15px;
    align-content: flex-start;
    border-radius: 5px;
    justify-content: space-around;
    flex-flow: row wrap;
    margin-bottom: 10px;
}

    .new-product-headline .item.item-1 {
        flex-grow: 0;
        order: 1;
        font-size: 16px;
        font-weight: bold;
        color: white;
        background-color: #e62e2f;
        border-radius: 5px;
        padding: 6px 10px;
        margin-right: 10px;
    }

    .new-product-headline .item.item-2 {
        flex-grow: 4;
        order: 2;
        font-size: 18px;
        line-height: 20px;
        font-weight: bold;
    }

    .new-product-headline .item.item-3 {
        flex-grow: 0;
        order: 3;
        font-size: 16px;
        background: white;
        color: #314882;
        border-radius: 5px;
        padding: 6px 10px;
        background-color: white;
        font-weight: bold;
    }



@media(max-width: 767px) {

    .tyres-list-control .responsive-body-off .column-1 {
        display: none;
    }

    .tyres-list-control .responsive-body-off .column-5 {
        width: 18% !important;
    }

    .tyres-list-control .responsive-body-off .column-2 {
        width: 11% !important;
    }

    .new-product-headline {
        margin-top: 10px;
    }

        .new-product-headline > * {
            flex: 1 100%;
        }

        .new-product-headline .item.item-1 {
            order: 1;
            margin-right: 0px;
            text-align: center;
            margin-bottom: 10px;
        }

        .new-product-headline .item.item-2 {
            order: 2;
            text-align: center;
        }

        .new-product-headline .item.item-3 {
            order: 3;
            text-align: center;
            margin-top: 10px;
        }

    .tyre-search-menu .col-xs-4.text-right {
        display: none;
    }

    #menu-pneu {
        padding-left: 0px;
    }

    .menu-rims-hidden .col-xs-3.text-center,
    .menu-other-hidden .col-xs-3.text-center {
        display: none;
    }

    .btn-header#login {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 10px;
    }

    .menu-pneu-hidden .pneu-row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .tyre-search-menu,
    .menu-rims-hidden div.main-container ul,
    .menu-other-hidden div.main-container ul {
        margin-left: 0px !important;
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .white-bg.filtr .nav-tabs > li > a {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 12px;
    }

    .tyres-cascade-control-captions label,
    .tyres-filter-group label {
        margin-bottom: 2px;
        margin-top: 10px;
    }

    .tyres-cascade-control-captions > .row > .no-padding-right {
        padding-right: 15px !important;
    }

    .login-warning {
        width: auto !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    #login-modal .modal-content {
        width: auto !important;
    }

    .white-bg.filtr div.row.tyres {
        margin-top: 0px !important;
    }

    .tyres > .tyres-filter-group-no-label {
        margin-top: 0px !important;
        padding-right: 15px !important;
    }

    .tyres-filter-group-no-label div.col-md-7 div.col-sm-1 {
        margin-bottom: 10px;
    }

    .tyres-filter-group-no-label > div.col-sm-3 {
        margin-bottom: 5px;
    }

    #detailed-filter .form-horizontal .row {
        margin-left: 0px;
        margin-right: 0px;
    }
}


.flex-container {
    display: flex;
}

.flex-item {
}

.orderby-baseline {
}

.wrapper-orderby-tabs {
    margin-bottom: -1px;
}

    .wrapper-orderby-tabs .orderby-tab {
        border: 1px solid #e5e5e5;
        font-weight: bold;
        cursor: pointer;
        margin-right: 6px;
        position: relative;
        display: block;
    }

.wrapper-tyre-segments .tyre-segment,
.wrapper-filter-delivery-times .filter-delivery-time {
    border: 1px solid #e5e5e5;
    font-weight: bold;
    cursor: pointer;
    margin-right: -1px;
    position: relative;
    display: block;
}

.wrapper-orderby-tabs .orderby-tab a {
    padding: 12px 15px;
    background: #f7f7f7;
    display: block;
    text-decoration: none;
    color: #464D67;
    font-size: 14px;
    font-weight: bold;
}

.wrapper-tyre-segments .tyre-segment a,
.wrapper-filter-delivery-times .filter-delivery-time a {
    padding: 0 8px;
    background: #f7f7f7;
    display: block;
    text-decoration: none;
    color: #464D67;
    font-size: 14px;
    font-weight: bold;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 3px;
}

.wrapper-orderby-tabs .orderby-tab::before,
.wrapper-tyre-segments .tyre-segment::before,
.wrapper-filter-delivery-times .filter-delivery-time::before {
    background: #f7f7f7;
    height: 3px;
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
}

.wrapper-orderby-tabs .orderby-tab.active::after {
    background: #ffff;
    height: 3px;
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
}

.wrapper-orderby-tabs .orderby-tab .not-allowed {
    cursor: not-allowed;
    color: #aeb2c3;
}

.wrapper-orderby-tabs .orderby-tab.active::before,
.wrapper-orderby-tabs .orderby-tab.active:hover::before,
.wrapper-tyre-segments .tyre-segment.active::before,
.wrapper-tyre-segments .tyre-segment.active:hover::before,
.wrapper-filter-delivery-times .filter-delivery-time.active::before,
.wrapper-filter-delivery-times .filter-delivery-time.active:hover::before {
    background: #0cc36c;
}

.wrapper-filter-delivery-times .filter-delivery-time.disable::before,
.wrapper-filter-delivery-times .filter-delivery-time.disable:hover::before {
    background: #f7f7f7;
}


.wrapper-filter-delivery-times .filter-delivery-time.disable a,
.wrapper-filter-delivery-times .filter-delivery-time.disable:hover a {
    color: #aeb2c3;
    cursor: default;
}

.wrapper-orderby-tabs .orderby-tab:hover:before,
.wrapper-tyre-segments .tyre-segment:hover:before,
.wrapper-filter-delivery-times .filter-delivery-time:hover:before {
    background: #e5e5e5;
}

.wrapper-orderby-tabs .orderby-tab.active a,
.wrapper-tyre-segments .tyre-segment.active a,
.wrapper-filter-delivery-times .filter-delivery-time.active a {
    background: #ffffff;
}

.tyres-list-control .table .row.header {
    display: none;
}

.tyres-list-control .table {
    margin-top: 0px;
}

.tyre-segments.flex-container,
.tyre-segments-mobile.flex-container,
.filter-delivery-times.flex-container,
.filter-delivery-times-mobile.flex-container {
    align-items: baseline;
    justify-content: flex-end;
}

.ordering-segment-container.flex-container {
    align-content: flex-start;
    margin-top: 15px;
    border-bottom: 1px solid #e5e5e5;
    justify-content: space-between;
    padding: 0 10px;
}

.tyre-segments-mobile,
.filter-delivery-times-mobile {
    display: none;
}

@media(max-width: 991px) {
    .tyre-segments-mobile,
    .filter-delivery-times-mobile {
        display: flex;
    }

    .tyre-segments,
    .filter-delivery-times {
        display: none;
    }
}

@media(max-width: 767px) {
    .ordering-segment-container.flex-container {
        align-items: center;
        flex-flow: row wrap;
    }

    .wrapper-orderby-tabs {
        flex: 1 100%;
    }

        .wrapper-orderby-tabs .orderby-tab:last-child {
            margin-right: 0px;
        }

        .wrapper-orderby-tabs,
        .wrapper-orderby-tabs .orderby-tab,
        .wrapper-tyre-segments,
        .wrapper-tyre-segments .tyre-segment,
        .wrapper-filter-delivery-times,
        .wrapper-filter-delivery-times .filter-delivery-time {
            flex: 1 100%
        }

    .wrapper-tyre-segments,
    .wrapper-filter-delivery-times {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .wrapper-orderby-tabs .orderby-tab.active::after {
        display: none;
    }
}

.tyre-segment-label,
.filter-delivery-time-label {
    font-weight: bold;
    margin-right: 8px;
    padding-top: 2px;
}

.icon-star {
    width: 19px;
    height: 19px;
    margin: 2px;
}

img.orderby-item-icon {
    width: 12px;
    margin-right: 4px;
    height: 15px;
}

orderby-sales {
    display: flex;
    align-items: center;
}

.next-car-manufacturers img {
    width: 60px;
    height: 60px;
    border: 10px solid transparent;
}

.next-car-manufacturers label {
    font-weight: normal;
}

.next-car-manufacturers:hover label {
    color: #2a6496;
}

.next-car-manufacturers label {
    color: #314882;
}

.next-car-manufacturers, .next-car-manufacturers label {
    cursor: pointer;
}

    .next-car-manufacturers .next-car-manufacturers-img {
        font-size: 48px;
        height: 60px;
        padding-top: 10px;
    }

.info-bar-wrapper p {
    margin-bottom: 0px;
}

.info-bar-wrapper {
    max-width: 2560px;
    padding: 10px 15px;
    font-size: 13px;
    background: #e7e7e7;
    color: #252525;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


    .info-bar-wrapper a,
    .info-bar-wrapper a:hover,
    .info-bar-wrapper a:visited {
        color: #252525;
    }

.info-bar-wrapper-inner-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.modal-backdrop {
    z-index: 100 !important;
}

@media not all and (min-resolution:.001dpcm) {
    @media (max-width: 600px) {
        .modal-backdrop {
            display: none !important;
        }

        body.modal-open .navbar-collapse.collapse.in {
            height: 500px !important;
        }
    }
}

#standardRimsPanel .icons.tip,
.alu-rims-page .icons.tip {
    background-image: none !important;
}

#menu-rims-hidden .main-container img {
    width: 40px;
}

#walletTransactionsList .table .row.wallet_transaction_additional_row {
    border: none;
    display: none;
}

#walletTransactionsList .table .row.wallet_transaction_first {
    margin-top: 50px;
}

#walletTransactionsList .table .row.wallet_transaction_last {
    margin-bottom: 15px;
}

#walletTransactionsList .table .row.wallet_transaction_additional_row:first-child {
    margin-top: 20px;
}

#walletTransactionsList .table .wallet_transaction_expand_row {
    display: none;
    margin-top: 45px;
    margin-left: 10%;
    font-size: 13px;
}

#walletTransactionsList .table .wallet_transaction_bottom_row {
    height: 18px;
    display: none;
}

@media (min-width: 1024px) {
    #walletTransactionsList .table .row {
        min-height: 65px;
        height: auto;
    }

        #walletTransactionsList .table .row.wallet_transaction_additional_row {
            display: block;
            min-height: 30px;
            height: 30px;
        }

    #walletTransactionsList .table .wallet_transaction_expand_row {
        display: block;
    }

    #walletTransactionsList .table .wallet_transaction_bottom_row {
        display: block;
    }
}

#walletTransactionsList .table .row.wallet_transaction_additional_row .column {
    padding-top: 8px;
}

#walletTransactionsList .table .wallet_transaction_expand_row img {
    width: 12px;
    margin-right: 5px;
}

#walletTransactionsList .table .wallet_transaction_expand_row a, #walletTransactionsList .table .wallet_transaction_expand_row a:hover {
    text-decoration: none;
    color: #464d5e;
    cursor: pointer;
}

.freight-rims-banner-row img {
    width: 100%;
}

#grey-input-group {
    display: flex;
    padding: 20px;
    background-color: #f1f1f1;
    border-radius: 3px;
}

    #grey-input-group label {
        height: 45px;
        padding-top: 15px;
    }

        #grey-input-group label.text {
            background-color: white;
            border-radius: 4px;
        }

        #grey-input-group input.disabled-control, #grey-input-group label.disabled-control {
            background: #d6d6d6 !important;
            border: none !important;
            color: #9b9b9b !important;
        }

    #grey-input-group .disabled {
        color: #d6d6d6 !important;
    }

    #grey-input-group .caption {
        color: #314882;
    }

.danger-info-box {
    border: 2px solid #f12212;
    border-radius: 5px;
    padding: 10px;
    font-family: Arial;
    width: 100%;
    background-color: transparent;
    margin-bottom: 10px;
    margin-top: 10px;
    color: red;
    line-height: 1.4;
}

    .danger-info-box div.danger-info-heading {
        margin-bottom: 5px;
    }



/* BEGIN of New supplier list styles*/

h3 {
    color: #252525;
    font-size: 16px;
    font-weight: 700;
}

.suppliers-list .responsive-body > .row {
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #DADDE3;
    margin-bottom: 0px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.suppliers-list .column-supplier-name,
.suppliers-list .row.header .column-0 {
    margin-right: auto;
}

.suppliers-list .row.header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background: #EFF1F7;
    border-radius: 5px;
}



    .suppliers-list .row.header > .column,
    .suppliers-list .row.header .small {
        font-size: 14px;
        color: #252525;
        padding-top: 0px;
    }

.column-amount .supplier-list-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-right: 20px;
}

.column-netto-price .supplier-list-item,
.price-column .supplier-list-item {
    justify-content: flex-end;
}

.suppliers-list .price-column,
.suppliers-list .header.row .column-5 {
    margin-right: 15px;
}

.suppliers-list .column-delivery-route,
.suppliers-list .header.row .column-2 {
    margin-right: 10px;
}

.suppliers-list .header.row .column-7 {
    text-align: right;
    padding-right: 20px;
}

.suppliers-list .responsive-body > .row .vertically-aligned-table-text,
.suppliers-list .responsive-body > .row .vertically-aligned-table-text tr,
.suppliers-list .responsive-body > .row .vertically-aligned-table-text tr td {
    height: 60px;
}


.supplier-list-item {
    display: flex;
    flex-direction: row;
    height: 60px;
    align-items: center;
}

    .supplier-list-item .warning-icon {
        height: 10px !important;
    }

.supplier-route .computed-price {
    margin-bottom: 0 !important;
}

.supplier-route {
    display: flex;
}

.supplier-list-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.supplier-route .stock-amount {
    color: #1FCC6D;
    font-weight: 700;
    font-size: 14px;
}

.supplier-list-item .block-01 {
    display: flex;
    /*width: 45%;*/
}

.supplier-list-item .block-02 {
    display: flex;
    /*justify-content: flex-end;*/
    align-items: center;
    /*width: 20%;*/
}

.supplier-list-item .block-03 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    /*width: 35%;*/
}

@media(min-width: 768px) {
    .supplier-list-item .block-02 {
        /*width: 33%;*/
    }

    .supplier-list-item .block-03 {
        /*width: 18%;*/
    }

    .supplier-route .stock-amount {
        /*width: 5%;*/
    }

    .supplier-list-item .final-price-container {
        /*width: 17%;*/
    }
}

/*@media(min-width: 1024px) {

    .supplier-list-item .block-02 {
        width: 20%;
    }

    .supplier-list-item .block-03 {
        width: 35%;
    }
}*/

.supplier-list-item .big-single-icon {
    width: 35px;
    height: 35px;
    background: #FFFFFF;
    border: 1px solid #DADDE3;
    border-radius: 5px;
    margin-right: 5px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    color: #314882;
    display: flex;
    justify-content: center;
    align-items: center;
}

.supplier-list-item .small-single-icon {
    width: 16px;
    height: 16px;
    background: #FFFFFF;
    border: 1px solid #DADDE3;
    border-radius: 5px;
    margin-right: 3px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    color: #314882;
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-big-single-icon {
    width: 35px;
    height: 35px;
    margin-right: 5px;
}

.column-supplier-name {
    align-self: flex-start;
}

.suppliers-list {
    margin-top: 5px
}

.product-detail-tab-content p {
    line-height: 22px;
    color: #252525;
}

.supplier-list-item .small-double-icon {
    width: 35px;
    height: 16px;
    background: #FFFFFF;
    border: 1px solid #DADDE3;
    border-radius: 5px;
    margin-right: 3px;
    margin-bottom: 3px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    color: #314882;
    display: flex;
    align-items: center;
    justify-content: center;
}

.supplier-list-item .supplier-icons {
    display: flex;
    margin-top: 3px;
}

.supplier-list-item .supplier-name {
    display: flex;
}

.supplier-name-inner a {
    color: #1B2B3B;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
}

    .supplier-name-inner a:hover {
        text-decoration: underline;
    }

.supplier-list-item .supplier-name .supplier-name-inner {
    color: #1B2B3B;
    font-weight: 700;
    font-size: 13px;
}

.supplier-list-item .two-lines .line {
    display: flex;
}

.supplier-list-item .small-bubble {
    height: 16px;
    background: #FFFFFF;
    border: 1px solid #DADDE3;
    border-radius: 5px;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: 5px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    color: #314882;
    display: flex;
    align-items: center;
    justify-content: center;
}

.small-bubble.rp-free,
.small-bubble.returning,
.small-bubble.dot-guarantee,
.small-bubble.supplier-partnership {
    color: #314882 !important;
    border-color: #314882 !important;
}

.small-bubble.online-import {
    color: #1FCC6D !important;
    border-color: #1FCC6D !important;
}

.small-bubble.virtuality-bubble {
    color: #D81115 !important;
    border-color: #D81115 !important;
}

.small-bubble.specification-sheet-bubble {
    color: #1FCC6D !important;
    border-color: #1FCC6D !important;
}

    .small-bubble.specification-sheet-bubble label {
        margin: 0;
    }

    .small-bubble.specification-sheet-bubble input {
        margin-top: 0px !important;
        margin-right: 0px !important;
        margin-left: 5px;
    }

.small-single-icon.red-alert {
    color: #D81115 !important;
    border-color: #D81115 !important;
    font-weight: 700 !important;
    cursor: help;
}

.supplier-list-item .delivery-type {
    display: flex;
}

.supplier-item-amount-input {
    float: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding-top: 0px !important;
}

.supplier-list-item .delivery-time {
    width: 60px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    margin-left: 0px;
}

.supplier-list-item .delivery-order-before {
    width: 60px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1B2B3B;
    font-weight: 700;
    font-size: 12px;
    text-transform: none;
}

.personal-pickup-filter {
    display: flex;
    margin-bottom: 0px;
    align-items: center;
}

    .personal-pickup-filter .toggle-checkbox {
        margin-bottom: 0px;
    }

    .personal-pickup-filter input {
        margin-top: 0px;
    }

    .personal-pickup-filter label {
        margin-bottom: 0px;
        color: #e20900;
    }

.floating-icons {
    display: flex;
    margin-top: -50px;
    margin-left: 15px;
}

.product-segmentation-icon {
    border: 1px solid #DADDE3;
    background: #FFFFFF;
    color: #252525;
    border-radius: 5px;
    height: 20px;
    padding: 0px 5px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    display: flex;
    align-items: center;
    margin-right: 5px;
}

.studded-tyre-icon {
    border: 1px solid #DADDE3;
    background: #FFFFFF;
    color: #252525;
    border-radius: 5px;
    height: 20px;
    padding: 0px 5px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    display: flex;
    align-items: center;
    margin-right: 5px;
}

.delivery-type.delivery-type-01 .delivery-time {
    background: #1F90CC;
}

.delivery-type.delivery-type-01 .delivery-type-icon {
    background: #1F90CC;
    border-color: #1F90CC;
    color: #FFFFFF;
}

.delivery-type.delivery-type-01 .delivery-order-before {
    border: 1px solid #1F90CC;
    background: #FFFFFF;
}

.delivery-type.delivery-type-02 .delivery-time {
    background: #1FCC6D;
}

.delivery-type.delivery-type-02 .delivery-type-icon {
    background: #1FCC6D;
    border-color: #1FCC6D;
    color: #FFFFFF;
}

.delivery-type.delivery-type-02 .delivery-order-before {
    border: 1px solid #1FCC6D;
    background: #FFFFFF;
}

.delivery-type.delivery-type-03 .delivery-type-icon {
    opacity: 0 !important;
}

.delivery-type.delivery-type-03 .delivery-block {
    width: 60px;
    height: 33px;
    background: white;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    line-height: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #797F8F;
    border: 1px solid #797F8F;
    display: flex;
    align-items: center;
    white-space: normal;
}

.supplier-list-item .delivery-order-before.delivery-order-before-small {
    font-size: 10px;
}

.delivery-time-term-info-popup {
    display: none;
    /*min-height: 65px;*/
    height: auto;
    border-radius: 5px;
    margin-top: 25px;
    position: absolute;
    z-index: 2;
    border: 1px solid #2ECA71;
    padding: 10px;
    color: #2ECA71;
    background-color: white;
}

.predicted-delivery-date-popup {
    display: none;
    /*min-height: 65px;*/
    height: auto;
    border-radius: 5px;
    margin-top: 25px;
    position: absolute;
    z-index: 2;
    border: 1px solid #e20900;
    padding: 10px;
    /*color: #2ECA71;*/
    background-color: white;
}

.supplier-list-item .estimated-delivery-date {
    font-size: 11px;
    line-height: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*margin-left: 10px;*/
    color: #797F8F;
    font-weight: 400;
}

.big-single-icon.supplier-reliability {
    border-color: #1B2B3B;
    color: #1B2B3B;
    margin-right: 10px;
}

    .big-single-icon.supplier-reliability.gold-status {
        border-color: #D0B530 !important;
        background: #D0B530 !important;
        margin-right: 10px !important;
    }

    .big-single-icon.supplier-reliability.low-reliability {
        border-color: #D81115 !important;
        color: #D81115 !important;
    }

.supplier-list-item .three-lines {
    /*margin-right: 15px;*/
    display: flex;
    flex-direction: column;
}

.supplier-list-item .quantity-discount {
    height: 10px;
    border: 1px solid orange;
    font-size: 7px;
    display: flex;
    align-self: flex-end;
    justify-self: flex-end;
    justify-content: center;
    align-items: center;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
}

.supplier-list-item .final-price {
    height: 19px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #D91516;
}

.supplier-list-item .netto-price {
    height: 19px;
    font-size: 13px;
    font-weight: 600;
    color: #797F8F;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.supplier-list-item .percentage-discount {
    height: 10px !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    color: #797F8F !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.supplier-list-item .importer-discount {
    height: 10px;
    font-size: 9px;
    font-weight: 500;
    color: #1AB15E;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.supplier-list-item .dot-demo {
    height: 11px;
    font-size: 11px;
    font-weight: 600;
    color: #252525;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.supplier-list-item input.quantity {
    height: 35px !important;
    width: 35px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #DADDE3;
    border-radius: 5px;
    margin-right: 5px;
}

    .supplier-list-item input.quantity:focus {
        outline: none;
        border-color: #1B2B3B;
    }

.big-single-icon.add-to-cart {
    background: #1FCC6D !important;
    color: #FFFFFF !important;
    border-style: none !important;
    cursor: pointer !important;
}

    .big-single-icon.add-to-cart:hover {
        background: #1CB05F !important;
    }

    .big-single-icon.add-to-cart.disabled {
        cursor: not-allowed !important;
    }

.big-single-icon.add-to-offer {
    border-color: #1FCC6D !important;
    color: #1FCC6D !important;
    background: #FFFFFF !important;
    cursor: pointer !important;
}

    .big-single-icon.add-to-offer:hover {
        border-color: #1CB05F !important;
        color: #1CB05F !important;
    }

.add-to-cart img {
    max-width: 29px;
}

.add-to-offer img {
    max-width: 29px;
}

@media (max-width: 767px) {
    .supplier-route {
        flex-direction: column
    }

        .supplier-route .block-01,
        .supplier-route .block-02,
        .supplier-route .block-03 {
            width: 100%;
            justify-content: flex-start;
        }

        .supplier-route .block-01,
        .supplier-route .block-02 {
            margin-bottom: 10px;
        }
}

.hours-example-label {
    align-items: center;
    padding-top: 8px;
    font-style: italic;
}

.grid-wrapper-supplier-control .table .row {
    height: auto !important;
}

    .grid-wrapper-supplier-control .table .row > .column {
        height: auto !important;
    }

.delivery-type-icon.text-black img {
    filter: invert(1);
}



.supplier-list-cell .supplier-list-item .supplier-route,
.price-column .supplier-list-item .supplier-route {
    align-self: flex-start;
}

.column-radio-button .supplier-list-item .supplier-route,
.column-amount .supplier-list-item .supplier-route {
    height: 35px;
    align-items: center;
}

.supplier-list-cell .supplier-list-item:first-child .supplier-route,
.price-column .supplier-list-item:first-child .supplier-route {
    align-self: center;
}

.supplier-list-cell .supplier-list-item,
.price-column .supplier-list-item {
    height: 47px;
}

    .supplier-list-cell .supplier-list-item:first-child,
    .price-column .supplier-list-item:first-child {
        height: 60px;
    }

.column-radio-button input[type=radio],
.column-radio-button input[type=checkbox] {
    margin-top: 0px;
}
/* END of New supplier list styles*/
.ml-a {
    margin-left: auto;
}

.popover.default-popover {
    border-radius: 3px;
    box-shadow: 0px 0px 10px #797F8F;
    border: 0;
    width: auto;
}

.default-popover .popover-content {
    color: #797F8F !important;
    text-align: center;
}

.grid-wrapper-supplier-control .table .row > .column.column-supplier-name {
    height: 60px !important
}

.product-parameter {
    display: flex;
    border-radius: 5px;
    border: 1px solid #DADDE3;
    padding: 8px 12px;
    margin-bottom: 16px;
}

.product-parameter-name {
    width: 100px;
    height: 17px;
    margin-right: 3px;
    font-size: 13px;
    font-weight: 700;
    color: #252525;
    text-transform: uppercase;
}

.product-parameter-value {
    max-width: 60%;
    height: 17px;
    font-size: 13px;
    font-weight: 400;
    color: #252525;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .product-parameter-value .text {
        font-size: 13px;
        font-weight: 400;
        color: #252525;
    }

.product-parameter.product-parameter-note .product-parameter-value {
    white-space: pre-wrap;
    max-width: none;
    height: auto;
}

.product-parameter.product-parameter-compatible-tyres .product-parameter-value {
    white-space: normal;
    max-width: none;
    height: auto;
}

.product-parameter.product-parameter-compatible-cars .product-parameter-name,
.product-parameter.product-parameter-compatible-cars .product-parameter-value {
    white-space: normal;
    max-width: none;
    height: auto;
}

@media (min-width: 768px) and (max-width: 991px) {
    .product-parameter {
        flex-direction: column;
    }

    .product-parameter-name {
        width: 100%;
    }

    .product-parameter-value {
        max-width: 100%;
    }
}

.product-main-image {
    box-shadow: 0px 0px 11.73px 5.27px rgb(0 0 0 / 10%);
    border-radius: 10px;
    width: 120px;
    height: 120px;
    padding: 10px;
}

    .product-main-image img.img-responsive {
        max-height: 100%;
        margin-left: auto;
        margin-right: auto;
    }

.parameters-col-wrapper {
    padding-left: 0px;
    padding-right: 0px;
}

.product-main-info {
    display: flex;
    align-items: center;
}

.product-display-name {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #ffffff;
}

.product-detail-nav-tabs {
    border: none;
}

    .product-detail-nav-tabs > li > a {
        font-size: 16px;
        font-weight: 700;
        color: #252525;
        text-decoration: none;
        border: none;
        background: #EFF1F7;
        border-radius: 10px;
        border: none;
        padding: 10px 20px;
        margin-right: 10px;
        margin-top: 10px;
    }

        .product-detail-nav-tabs > li > a:hover {
            background: #DADCE2;
            text-decoration: none;
        }

    .product-detail-nav-tabs > li.active > a, .product-detail-nav-tabs > li.active > a:hover, .product-detail-nav-tabs > li.active > a:focus {
        background: #1FCC6C;
        color: #FFFFFF;
        border: none;
    }

    .product-detail-nav-tabs > li .arrow-down {
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #1FCC6C;
        position: absolute;
        left: 50%;
        right: 50%;
        margin-left: -11px;
        display: none;
    }

    .product-detail-nav-tabs > li.active .arrow-down {
        display: block;
    }

.product-detail-tab-content {
    padding: 20px 20px 20px 20px;
    box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 7%);
    border-radius: 10px;
    margin-bottom: 20px;
    margin-top: 17px;
}

.tyres-detail .product-detail-tab-content {
    padding: 20px 20px 4px 20px;
}

.product-main-info-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 10px 0;
    background: #314882;
    border-radius: 10px;
    padding: 14px 20px;
    min-height: 66px;
    box-shadow: 0px 0px 11.73px 5.27px rgb(0 0 0 / 10%);
}

.new-product-detail {
    padding-top: 50px;
}

.product-price-moc {
    display: flex;
    font-size: 15px;
    font-weight: 700;
    color: #252525;
    background: #ffffff;
    border-radius: 5px;
    padding: 10px 10px;
}

.product-manufacture-image-wrapper {
    border-radius: 5px;
    border: 1px solid #DADDE3;
    padding: 5px 12px;
    margin-bottom: 16px;
    text-align: center;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 767px) {
    .product-images-wrapper {
        margin-bottom: 30px;
    }

    .main-parameter-item.dot-demo {
        margin-bottom: 10px;
    }
}

@media (max-width: 600px) {
    .product-detail-nav-tabs {
        display: flex;
        flex-direction: column;
    }

        .product-detail-nav-tabs > li .arrow-down {
            display: none !important;
        }
}


.product-price-moc .moc-title {
    margin-right: 5px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .product-price-moc {
        flex-direction: column;
    }
}

.product-main-info .image-illustration-icon {
    left: 3px;
    position: relative;
    float: right;
    bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    width: 16px;
    height: 16px;
    font-size: 12px;
}


.main-parameter-item.dot-demo {
    display: flex;
    font-size: 15px;
    font-weight: 700;
    border-radius: 5px;
    padding: 10px 10px;
    border: 1px solid #D70E15;
    background: #D70E15;
    color: #FFFFFF;
    margin-right: 15px;
}

.combined-tyres {
    display: flex;
    flex-direction: column;
}

    .combined-tyres .front-rear {
        display: flex;
        margin-top: 5px;
        margin-bottom: 20px;
    }

    .combined-tyres .front-rear-item {
        height: 32px;
        display: flex;
        background: #FFFFFF;
        border: 1px solid #DADDE3;
        border-radius: 5px;
        justify-content: center;
        align-items: center;
        color: #252525;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0 10px;
        margin-right: 5px;
    }

        .combined-tyres .front-rear-item.active {
            background: #1FCC6C;
            border: 1px solid #1FCC6C;
            color: #FFFFFF;
            text-decoration: none;
        }


    .combined-tyres a {
        text-decoration: none;
    }

@media (max-width: 767px) {
    .product-main-info-wrapper {
        flex-direction: column;
    }

    .product-main-info {
        flex-direction: column;
    }

    .product-main-image {
        margin-bottom: 10px;
    }

    .product-headlines {
        padding-left: 0px;
    }

    .product-display-name {
        margin-bottom: 20px;
    }
}

.product-main-image-wrapper {
    border-radius: 5px;
    border: 1px solid #DADDE3;
    padding: 12px;
    margin-bottom: 16px;
    height: 225px;
    display: flex;
    justify-content: center;
    align-items: center;
}

footer.footer-wrapper {
    margin-top: 80px;
    background: #152039;
    padding-top: 80px;
    padding-bottom: 60px;
}

.customer-service-title {
    color: #FFFFFF;
    font-size: 28px;
    font-weight: 500;
    line-height: 35px;
}

.customer-service-subtitle {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
}

.customer-service-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.customer-service-country .country-flag {
    width: 50px;
    height: 50px;
    border-radius: 15px;
    margin-right: 15px;
    box-shadow: 0px 0px 11.73px 5.27px rgb(0 0 0 / 10%);
    border: 1px solid #dfdfdf;
}

.customer-service-country-phone {
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #252525;
    margin-bottom: 3px;
}

.customer-service-country-email {
    font-size: 16px;
    font-weight: 400;
    color: #252525;
    margin-top: 6px;
}

    .customer-service-country-email a {
        font-size: 17px;
        font-weight: 400;
        color: #252525;
        text-decoration: none;
    }

        .customer-service-country-email a:hover {
            text-decoration: underline;
        }

.customer-service-wrapper {
    display: flex;
    flex-grow: 2;
}

    .customer-service-wrapper .customer-service-country:first-child {
        margin-right: 20px;
    }

.customer-service-country {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 25px 20px;
}

.footer-services-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #EFF1F7;
}

.footer-services {
    margin-top: 40px;
    display: flex;
}

.footer-service {
    background: #FFFFFF;
    box-shadow: 0px 0px 11.73px 5.27px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 35px 20px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #252525;
    font-weight: 600;
    text-decoration: none;
    transition: .2s ease-in-out all;
    text-align: center;
}

    .footer-services a div.footer-service-text,
    .footer-services a,
    .footer-service a,
    .footer-service a div.footer-service-text {
        font-size: 16px;
        color: #252525;
        font-weight: 600;
        text-decoration: none;
    }

    .footer-service:hover {
        box-shadow: 0px 0px 11.73px 5.27px #31488236;
        color: #252525;
    }

.footer-service-img {
    max-width: 80%;
    width: 50px;
    margin-bottom: 10px;
}

.footer-copyright {
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    color: #384664;
    margin-top: 50px;
}

.footer-socials {
    display: flex;
    padding-top: 30px;
}

.footer-social {
    padding-right: 20px;
}

@media (max-width: 767px) {
    .customer-service-inner {
        flex-direction: column;
    }

    .customer-service-left {
        text-align: center;
    }

    .customer-service-right {
        margin-left: 0px;
        margin-top: 30px;
        flex-direction: column;
    }

    .customer-service-country {
        margin-left: 0px;
        margin-bottom: 20px;
    }

    .footer-services {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 1023px) {
    .suppliers-list .column.column-netto-price {
        display: none !important;
    }

    .suppliers-list .row.header {
        display: none !important;
    }

    .suppliers-list .responsive-body {
        border-radius: 0px;
        border: none;
    }

        .suppliers-list .responsive-body .row {
            padding-left: 0px;
            padding-right: 0px;
        }

        .suppliers-list .responsive-body > .row {
            justify-content: space-between;
        }
}

@media (max-width: 999px) {
    .suppliers-list .column.column-netto-price {
        display: none !important;
    }

    .suppliers-list .row.header {
        display: none !important;
    }

    .suppliers-list .responsive-body {
        border-radius: 0px;
        border: none;
    }

        .suppliers-list .responsive-body .row {
            padding-left: 0px;
            padding-right: 0px;
        }

    .suppliers-list .price-column, .suppliers-list .header.row .column-5 {
        margin-right: 5px;
        width: 100px !important;
    }

    .suppliers-list .column-radio-button {
        margin-right: 10px;
    }

    .suppliers-list .column-3 {
        margin-right: 10px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .supplier-list-item .supplier-name .supplier-name-inner {
        width: 130px;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    .product-main-info {
        text-align: center;
    }

    .suppliers-list .responsive-body .row {
        border-bottom: none;
        border-radius: 5px;
        border: 1px solid #DADDE3;
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 8px;
    }

    .grid-wrapper-supplier-control .table .row > .column.column-supplier-name {
        height: 40px !important;
    }


    .grid-wrapper-supplier-control .table .row {
        height: auto !important;
    }

    .suppliers-list .responsive-body > .row {
        display: block;
    }

    .suppliers-list .column-supplier-name {
        width: 100px;
        display: block;
    }

    .suppliers-list .column-1 {
        width: 60px;
        float: left;
        display: block;
    }

    .suppliers-list .column-2 {
        width: 100px;
        float: left;
        display: block;
    }

    .suppliers-list .column-3 {
        width: 50px;
        float: left;
        display: block;
    }

    .suppliers-list .column-5 {
        float: left;
        display: block;
    }

    .suppliers-list .column-6 {
        float: left;
        display: block;
    }

        .suppliers-list .column-6 .supplier-list-item .supplier-route {
            margin-top: 13px;
        }

        .suppliers-list .column-6 .supplier-list-item:first-child .supplier-route {
            margin-top: 22px;
        }

    .suppliers-list .column-7 .supplier-list-item .supplier-route {
        margin-top: 11px;
    }

    .suppliers-list .column-7 .supplier-list-item:first-child .supplier-route {
        margin-top: 18px;
    }

    .suppliers-list .column-7 {
        float: left;
        display: block;
    }

    .suppliers-list .column-8 {
        float: left;
        display: block;
    }
}

@media (max-width: 599px) {
    .supplier-route .block-01, .supplier-route .block-02 {
        margin-bottom: 0px;
    }

    .supplier-list-item .big-single-icon {
        width: 30px;
        height: 30px;
        font-size: 9px;
    }

    .supplier-list-cell .supplier-list-item:first-child, .price-column .supplier-list-item:first-child {
        height: 50px !important;
    }

    .supplier-list-cell .supplier-list-item, .price-column .supplier-list-item {
        height: 40px !important;
    }

    .add-to-cart img,
    .add-to-offer img {
        max-width: 24px;
    }

    .supplier-list-item .delivery-time {
        width: 50px;
        height: 15px;
        font-size: 11px;
    }

    .supplier-list-item .delivery-order-before {
        width: 50px;
        height: 15px;
        font-size: 10px;
    }

    .delivery-type.delivery-type-03 .delivery-block {
        font-size: 10px;
        width: 50px;
        height: 30px;
    }

    .supplier-list-item .small-bubble {
        height: 14px;
        padding-right: 4px;
        padding-left: 4px;
        font-size: 10px;
    }

    .supplier-list-item .small-double-icon {
        width: 30px;
        height: 15px;
        font-size: 10px;
    }

    .supplier-list-item .supplier-icons {
        margin-top: 0px;
    }

    .supplier-list-item .small-single-icon {
        width: 14px;
        height: 14px;
        font-size: 10px;
    }

    .supplier-name-inner a {
        font-size: 12px;
    }

    .supplier-list-item .estimated-delivery-date {
        font-size: 11px;
        line-height: 11px;
    }

    .supplier-list-item input.quantity {
        font-size: 12px;
        width: 30px !important;
        height: 30px !important;
    }

    .supplier-list-item .final-price {
        height: 14px;
    }

    .supplier-list-cell .supplier-list-item, .price-column .supplier-list-item {
        align-items: flex-start;
    }


    .suppliers-list .column-8 td {
        height: 31px !important;
    }

    .price-column .computed-price {
        font-size: 14px;
        line-height: 14px;
    }

    .suppliers-list .column-1 {
        width: 70px !important;
    }

    .suppliers-list .column-2 {
        width: 85px !important;
    }

    .suppliers-list .column-3 {
        margin-right: 10px;
        width: 40px !important;
    }

    .suppliers-list .column-7 {
        width: 30px !important;
    }

    .suppliers-list .column-6 {
        width: 15px !important;
    }

    .suppliers-list .column-8 {
        width: 100px !important;
    }

    .suppliers-list .responsive-body > .row .vertically-aligned-table-text, .suppliers-list .responsive-body > .row .vertically-aligned-table-text tr, .suppliers-list .responsive-body > .row .vertically-aligned-table-text tr td {
        height: 50px !important;
    }
}

@media (max-width: 499px) {

    .suppliers-list .column-8 {
        background: #EFF1F7;
        border-radius: 5px;
        padding: 0 10px;
        margin-bottom: 9px;
    }

        .suppliers-list .column-8 .hidden-route {
            display: none;
        }

    .suppliers-list .column-8 {
        width: 100% !important;
    }

    .suppliers-list .column-5 {
        width: 95px !important;
        margin-left: 10px;
    }

    .suppliers-list .column-8 .supplier-list-item {
        flex-direction: column;
        height: 31px !important;
    }

    .suppliers-list .column-7 .supplier-list-item:first-child .supplier-route {
        margin-top: 16px;
    }

    .suppliers-list .column-7 .supplier-list-item .supplier-route {
        margin-top: 7px;
    }

    .suppliers-list .column-6 .supplier-list-item .supplier-route {
        margin-top: 9px;
    }

    .suppliers-list .column-6 .supplier-list-item:first-child .supplier-route {
        margin-top: 20px;
    }
}

@media (max-width: 399px) {
    .suppliers-list .column-8 {
        background: #EFF1F7;
        border-radius: 0px 5px 5px 0px;
        width: 80% !important;
    }

    .suppliers-list .column-7 {
        background: #EFF1F7;
        border-radius: 5px 0px 0px 5px;
        width: 20% !important;
        padding-left: 10px;
    }

    .suppliers-list .column-1 .supplier-route {
        display: flex;
        flex-direction: column !important;
    }

    .suppliers-list .column-1 .big-single-icon,
    .suppliers-list .column-1 .empty-big-single-icon {
        height: 14px;
    }

    .suppliers-list .hidden-route,
    .suppliers-list .column-8 .hidden-route {
        display: none;
    }

    .suppliers-list .column-7 .supplier-list-item:first-child .supplier-route {
        margin-top: 16px;
    }

    .suppliers-list .column-7 .supplier-list-item .supplier-route {
        margin-top: 11px;
    }

    .suppliers-list .column-6 {
        margin-right: 0px;
    }

    .suppliers-list .column-1 {
        width: 36px !important;
    }
}

@media (max-width: 360px) {
    .suppliers-list .column-3 {
        display: none;
    }

    .suppliers-list .column-5 {
        margin-left: 0px;
    }
}

/* BEGIN - New menu */
header .dropdown-menu {
    min-width: 220px;
}

    header .dropdown-menu.columns-2 {
        min-width: 440px;
    }

    header .dropdown-menu.columns-3 {
        min-width: 660px;
    }

        header .dropdown-menu.columns-3.main-products-dropdown {
            min-width: 880px;
        }

    header .dropdown-menu.columns-4 {
        min-width: 880px;
    }

    header .dropdown-menu li a {
        padding: 5px 15px;
        font-weight: 300;
    }

header .multi-column-dropdown {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    header .multi-column-dropdown li a {
        display: block;
        clear: both;
        line-height: 1.428571429;
        color: #333;
        white-space: normal;
    }

        header .multi-column-dropdown li a:hover {
            text-decoration: none;
            color: #262626;
            background-color: #999;
        }


nav.new-main-navbar {
    background-color: #2b3f77;
    z-index: 50;
    border-radius: 0px;
    max-width: 2560px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 10%);
}

    nav.new-main-navbar .navbar-nav.navbar-nav-right {
        float: right;
    }

@media (min-width: 1000px) {
    nav.new-main-navbar .navbar-nav > li {
        height: 80px;
        display: flex;
        align-items: center;
        padding: 0px;
    }

        nav.new-main-navbar .navbar-nav > li.logged-as-li,
        nav.new-main-navbar .navbar-nav > li.login-button-li {
            padding: 0px 5px;
        }

            nav.new-main-navbar .navbar-nav > li.login-button-li a {
                padding: 10px 15px;
            }

    nav.new-main-navbar .dropdown.open .multi-column {
        display: flex;
        flex-wrap: wrap;
    }

    nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column {
        background: #FFFFFF;
        flex-wrap: nowrap;
    }

        nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column .menu-col-links {
            padding-left: 15px;
            padding-right: 15px;
            width: 500px;
        }

        nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column .menu-col-advertise {
            padding-left: 15px;
            padding-right: 15px;
            width: 380px;
        }
}


@media (min-width: 1400px) {
    nav.new-main-navbar .navbar-nav > li {
        padding: 0px;
    }
}

nav.new-main-navbar,
nav.new-main-navbar .collapse.navbar-collapse {
    border: none;
}

    nav.new-main-navbar .navbar-nav > li > a {
        height: 50px;
        display: flex;
        align-items: center;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 14px;
        text-transform: none;
        border-radius: 15px;
        transition: 0.18s all linear;
        font-family: 'Poppins', sans-serif;
    }

    nav.new-main-navbar .navbar-brand {
        background: #FFFFFF;
        display: flex;
        align-items: center;
        height: 80px;
        margin-right: 10px;
    }

    nav.new-main-navbar .navbar-nav > .open > a, nav.new-main-navbar .navbar-nav > .open > a:hover, nav.new-main-navbar .navbar-nav > .open > a:focus {
        color: #FFFFFF;
        background: #22325F;
    }

    nav.new-main-navbar.navbar-blue .navbar-nav > .open > a, nav.new-main-navbar.navbar-blue .navbar-nav > .open > a:hover, nav.new-main-navbar.navbar-blue .navbar-nav > .open > a:focus {
        color: #FFFFFF;
        background: #22325F;
    }

    nav.new-main-navbar.navbar-blue .navbar-nav > .dropdown.open > a, nav.new-main-navbar.navbar-blue .navbar-nav > .dropdown.open > a:hover, nav.new-main-navbar.navbar-blue .navbar-nav > .dropdown.open > a:focus {
        color: #FFFFFF;
        background: #22325F;
    }

    nav.new-main-navbar.navbar-green .navbar-nav > .open > a, nav.new-main-navbar.navbar-green .navbar-nav > .open > a:hover, nav.new-main-navbar.navbar-green .navbar-nav > .open > a:focus {
        color: #FFFFFF;
        background: #2FA15E;
    }

    nav.new-main-navbar.navbar-green .navbar-nav > .dropdown.open > a, nav.new-main-navbar.navbar-green .navbar-nav > .dropdown.open > a:hover, nav.new-main-navbar.navbar-green .navbar-nav > .dropdown.open > a:focus {
        color: #FFFFFF;
        background: #2C9357;
    }

    nav.new-main-navbar .navbar-brand:hover {
        background: #FFFFFF;
    }

    nav.new-main-navbar .navbar-brand img {
        max-width: 200px;
    }


    nav.new-main-navbar .navbar-nav > li > a:hover {
        color: #FFFFFF;
        text-decoration: none;
        background: #22325f;
    }

    nav.new-main-navbar .navbar-nav > li > a:hover, nav.new-main-navbar .navbar-nav > li > a:focus {
        color: #FFFFFF;
    }

    nav.new-main-navbar .navbar-nav .glyphicon.glyphicon-chevron-down {
        font-size: 8px;
        display: flex;
        align-items: center;
        margin-left: 3px;
        margin-right: 0px;
        color: #90a6e4;
    }

    nav.new-main-navbar.navbar-white {
        background: #ffffff;
    }

        nav.new-main-navbar.navbar-white .navbar-nav > li > a {
            color: #252525;
            background: #FFFFFF;
        }

            nav.new-main-navbar.navbar-white .navbar-nav > li > a:hover,
            nav.new-main-navbar.navbar-white .navbar-nav > li > a:hover, nav.new-main-navbar.navbar-white .navbar-nav > li > a:focus {
                color: #252525;
                background: #EFF1F7;
            }

        nav.new-main-navbar.navbar-white .navbar-nav .glyphicon.glyphicon-chevron-down {
            color: #929292;
        }

    nav.new-main-navbar.navbar-green {
        background: #2FA15E;
    }

        nav.new-main-navbar.navbar-green .navbar-nav > li > a {
            color: #FFFFFF;
            background: #2FA15E;
        }

            nav.new-main-navbar.navbar-green .navbar-nav > li > a:hover,
            nav.new-main-navbar.navbar-green .navbar-nav > .dropdown.open > a:focus {
                color: #FFFFFF;
                background: #2C9357;
            }

        nav.new-main-navbar.navbar-green .navbar-nav .glyphicon.glyphicon-chevron-down {
            color: #FFFFFF;
        }

@media (min-width: 1000px) {
    nav.new-main-navbar .navbar-nav > li > a.highlighted {
        background: #22325f;
    }

        nav.new-main-navbar .navbar-nav > li > a.highlighted:hover {
            background: #29c366;
        }

        nav.new-main-navbar .navbar-nav > li > a.highlighted.coming-soon,
        nav.new-main-navbar .navbar-nav > li > a.highlighted.coming-soon:hover {
            background: #22325f;
            color: #FFFFFF;
        }
}

nav.new-main-navbar .dropdown-menu {
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border: none;
}

.menu-col-title {
    font-size: 15px;
    font-weight: 600;
    text-transform: none;
    color: #252525;
    padding: 10px 15px 10px 15px;
    font-family: 'Poppins', sans-serif;
}

.menu-col {
    border-right: 1px solid #DADDE3;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .menu-col.menu-col-bottom-border {
        border-bottom: 1px solid #DADDE3;
    }

nav.new-main-navbar .dropdown-menu .menu-col:last-child {
    border-right: none;
}

nav.new-main-navbar .dropdown-menu li a {
    font-size: 14px;
    font-weight: 300;
    color: #252525;
    padding: 10px 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    font-family: 'Poppins', sans-serif;
}

nav.new-main-navbar.navbar-white li a.btn-login {
    background: #27A25C;
    color: #FFFFFF;
    font-weight: 700;
}

    nav.new-main-navbar.navbar-white li a.btn-login:hover,
    nav.new-main-navbar.navbar-white li a.btn-login:focus {
        background: #21884D;
        color: #FFFFFF;
    }

nav.new-main-navbar .dropdown-menu li a:hover {
    background: #f3f3f3;
}

.icon-line {
    height: 1px;
    width: 8px;
    border-radius: 2px;
    background: #252525;
    margin-right: 9px;
}

.menu-counter {
    background: red;
    border-radius: 20px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    line-height: 9px;
    margin-left: 5px;
    padding: 0 5px;
    color: #FFFFFF;
}

span#offerControl {
    display: flex;
    align-items: center;
}

.logged-as {
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 600;
    margin-bottom: 3px;
    font-family: 'Poppins', sans-serif;
}

    .logged-as a {
        text-decoration: none;
        font-size: 13px;
        color: #FFFFFF;
        font-weight: 600;
    }

        .logged-as a:hover {
            font-size: 13px;
            color: #FFFFFF;
            font-weight: 600;
            text-decoration: underline;
        }

.logout-button {
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 400;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
}

    .logout-button:hover,
    .logout-button:focus {
        color: #FFFFFF;
        text-decoration: underline;
    }

.expert-searching-block {
    width: auto;
    padding-top: 20px;
}

.expert-searching-inner-block {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.menu-icon-bar {
    width: 25px;
    background: #FFFFFF;
    height: 2px;
    border-radius: 5px;
    margin: 5px 0;
}

.cart-control.credit-system {
    display: flex;
    align-items: center;
}

    .cart-control.credit-system .credit-info {
        z-index: 10;
    }

.cart-contents-info {
    text-align: right;
    border-right: 1px solid #00000054;
    padding-right: 10px;
    font-family: 'Poppins', sans-serif;
}

    .cart-contents-info .order-label {
        margin-bottom: 3px;
    }

.main-cart-icon {
    margin-right: 5px;
    position: relative;
}

    .main-cart-icon img {
        width: 35px;
    }

.li-products-dropdown ul.dropdown-menu li a {
    font-weight: 600 !important;
    text-transform: uppercase;
}

.li-products-dropdown .menu-icon-wrapper img {
    height: 25px;
}

.li-rims-dropdown .menu-icon-wrapper img,
.li-others-dropdown .menu-icon-wrapper img {
    height: 28px;
}


.li-products-dropdown.li-tyres-dropdown .menu-icon-wrapper {
    width: 120px;
    text-align: right;
    padding-right: 15px;
}

.li-products-dropdown.li-rims-dropdown .menu-icon-wrapper,
.li-products-dropdown.li-others-dropdown .menu-icon-wrapper {
    width: 45px;
    text-align: right;
    padding-right: 15px;
}

@media (max-width: 1399px) {
    nav .new-main-navbar .navbar-nav > li > a {
        padding: 10px 10px;
        font-size: 13px;
    }

    .languages {
        margin-left: 10px;
    }
}

@media (max-width: 1399px) {
    nav.new-main-navbar .navbar-nav > li > a {
        padding: 10px 7px;
    }
}

@media (max-width: 1299px) {
    nav.new-main-navbar .navbar-nav > li > a {
        padding: 10px 5px;
    }
}

@media (max-width: 1199px) {
    nav.new-main-navbar .navbar-nav > li > a {
        padding: 10px 5px;
        font-size: 12px;
    }

    .cart-contents-info .order-label, .cart-contents-info .credit-price {
        font-size: 12px;
    }

    nav.new-main-navbar .navbar-brand {
        padding: 10px;
    }

    .menu-counter {
        font-size: 0px;
        width: 7px;
        height: 7px;
        padding: 0px 0px;
    }

    .green-badge {
        width: 7px;
        height: 7px;
    }

    .cart-info, .logged-as, .logout-button,
    .cart-contents-info .order-label a, .cart-contents-info .credit-price a {
        font-size: 12px;
    }

    .logged-as {
        margin-bottom: 0px;
    }

        .logged-as a,
        .logged-as a:hover {
            font-size: 12px;
        }
}

@media (max-width: 1029px) {
    .cart-contents-info {
        display: none;
    }
}


nav.new-main-navbar .navbar-nav > li .glyphicon.glyphicon-new-window {
    font-size: 10px;
}

nav.new-main-navbar .dropdown-menu.main-products-dropdown .multi-column-dropdown {
    padding: 20px 15px 0px 15px;
}

.badge.cart-badge {
    background: red;
    border-radius: 20px;
    height: 15px;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    line-height: 9px;
    padding: 3px 5px 0 5px;
    color: #FFFFFF;
    position: absolute;
    top: 20px;
    right: 0px;
}

@media (min-width: 768px) {
    .d-flex {
        display: flex;
    }

    .align-items-center {
        display: flex;
    }
}

.menu-icon-bar-wrapper {
    display: block;
}

.basic-menu-title {
    display: none;
}

@media (max-width: 999px) {
    .new-main-navbar .navbar-nav .open .dropdown-menu {
        background: #FFFFFF;
        margin-top: 10px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        margin-bottom: 10px;
        position: relative;
        width: 100%;
    }

    .menu-icon-bar-wrapper {
        display: none;
    }

    .basic-menu-title {
        display: flex;
    }

    .new-main-navbar .navbar-nav .dropdown-menu .menu-col {
        border-right: none;
        padding-top: 7px;
        padding-bottom: 7px;
        border-bottom: 1px solid #dadde3;
    }

        .new-main-navbar .navbar-nav .dropdown-menu .menu-col:last-child,
        .new-main-navbar .navbar-nav .dropdown-menu.main-products-dropdown .menu-col {
            border-bottom: none;
        }

    .menu-advertise-block {
        margin-bottom: 10px;
    }
}

.dropdown.li-products-dropdown .multi-column-dropdown li:not(:last-child) {
    border-bottom: 1px solid #DADDE3;
}

.menu-dark-overlay {
    display: none;
    background: #000000d1;
    z-index: 49;
    overflow: auto;
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


.menu-advertise-block a img,
.menu-advertise-block img {
    border-radius: 15px;
    border: 1px solid #DADDE3;
}

nav.new-main-navbar .dropdown-menu.main-products-dropdown li a {
    padding: 8px 15px;
}

nav.new-main-navbar .li-rims-dropdown .dropdown-menu.main-products-dropdown li a {
    padding: 6px 15px;
}

nav.new-main-navbar .dropdown-menu.main-products-dropdown .multi-column-dropdown {
    padding-top: 5px;
}

/* END - New nenu*/

@media (max-width: 999px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

        .navbar-collapse.collapse {
            display: none !important;
        }

            .navbar-collapse.collapse.in {
                display: block !important;
                padding-top: 10px;
            }

    .navbar-nav {
        width: 100%;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    nav.new-main-navbar .navbar-nav.navbar-nav-right {
        width: 100%;
        margin-bottom: 15px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #252525;
    }

    .navbar-default .navbar-toggle {
        border-color: #252525;
    }

    .navbar-blue .navbar-toggle,
    .navbar-green .navbar-toggle {
        background: #FFFFFF;
        border: none;
    }

        .navbar-blue .navbar-toggle .icon-bar,
        .navbar-green .navbar-toggle .icon-bar {
            background-color: #252525;
        }

    .header .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden;
        width: 100%;
    }

    header .dropdown-menu,
    header .dropdown-menu.columns-4 {
        min-width: 300px;
        width: 100%;
    }

    nav.new-main-navbar .dropdown-menu.main-products-dropdown .multi-column-dropdown {
        padding: 0px 5px;
    }
}

.row.row-smartservis-logo {
    display: flex;
    margin-top: -20px;
}

.smartservis-footer-logo {
    max-width: 200px;
}

@media (max-width: 767px) {
    .row.row-smartservis-logo {
        display: block;
    }

        .row.row-smartservis-logo .col-sm-6.col-md-3.text-left {
            text-align: center;
        }
}

.snow-chain-detail .product-parameter-name {
    width: 200px;
}

.energy-label-img {
    width: 100%;
    max-width: 300px;
    border-radius: 5px;
    border: 1px solid #DADDE3;
}

.energy-label-title {
    font-weight: bold;
    margin-bottom: 10px;
}

.old-energy-labels-wrapper {
    display: flex;
    align-items: center;
}

    .old-energy-labels-wrapper .tag-item {
        display: flex;
        align-items: center;
        margin-right: 20px;
    }

        .old-energy-labels-wrapper .tag-item img {
            max-width: 35px;
            margin-right: 5px;
        }

        .old-energy-labels-wrapper .tag-item span {
            font-weight: bold;
            color: #252525;
        }

.wallet-amount-wrapper {
    margin-top: 15px;
    background: #EFF1F7;
    border-radius: 5px;
    padding: 5px 15px;
}

.wallet-debet-wrapper {
    margin-top: 5px;
    background: #EFF1F7;
    border-radius: 5px;
    padding: 5px 15px;
}

.wallet-amount-title,
.wallet-debet-title {
    font-size: 13px;
    color: #252525;
    font-weight: normal;
}

.wallet-amount-value,
.wallet-debet-value {
    font-size: 16px;
    color: #252525;
    font-weight: bold;
}

nav.new-main-navbar .dropdown-menu li a.wallet-entrance-button {
    color: #FFFFFF;
    background: #27A25C;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 15px;
}

    nav.new-main-navbar .dropdown-menu li a.wallet-entrance-button:hover {
        background: #21884D;
    }

    nav.new-main-navbar .dropdown-menu li a.wallet-entrance-button .icon-line {
        display: none;
    }

.energy-label-tags-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.energy-label-img-wrapper {
    margin-bottom: 20px;
}

.tag-item.tag-2021-consumption,
.tag-item.tag-2021-adhesion,
.tag-item.tag-2021-noise,
.tag-item.tag-2021-winter,
.tag-item.tag-2021-frost {
    display: flex;
    align-items: center;
    margin-right: 25px;
}

    .tag-item.tag-2021-consumption img,
    .tag-item.tag-2021-adhesion img,
    .tag-item.tag-2021-noise img,
    .tag-item.tag-2021-winter img,
    .tag-item.tag-2021-frost img {
        width: 35px;
    }

    .tag-item.tag-2021-consumption span,
    .tag-item.tag-2021-adhesion span,
    .tag-item.tag-2021-noise span,
    .tag-item.tag-2021-winter span,
    .tag-item.tag-2021-frost span {
        font-weight: bold;
        margin-left: 5px;
        font-size: 16px;
        color: #252525;
    }

.alu-rims-detail .product-parameter-name {
    width: 200px;
}

@media (max-width: 1399px) {
    nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column.main-products-dropdown-rims .menu-col-links,
    nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column.main-products-dropdown-others .menu-col-links {
        width: 400px;
    }
}

@media (max-width: 1299px) {
    nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column.main-products-dropdown-tyres .menu-col-advertise,
    nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column.main-products-dropdown-rims .menu-col-advertise,
    nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column.main-products-dropdown-others .menu-col-advertise {
        width: 300px;
    }
}

@media (max-width: 1199px) {
    nav.new-main-navbar .navbar-nav > li > a:hover {
        font-size: 12px;
    }
}

@media (max-width: 1099px) {
    nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column.main-products-dropdown-tyres .menu-col-links {
        width: 400px;
    }

    nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column.main-products-dropdown-rims .menu-col-links,
    nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column.main-products-dropdown-others .menu-col-links {
        width: 350px;
    }

    nav.new-main-navbar .menu-col-title {
        font-size: 13px;
    }

    nav.new-main-navbar .dropdown-menu li a {
        font-size: 12px;
    }

    header .dropdown-menu.columns-4 {
        width: 700px;
    }

    .li-products-dropdown .menu-icon-wrapper img {
        height: 22px;
    }

    .li-rims-dropdown .menu-icon-wrapper img {
        height: 28px;
    }
}

@media (max-width: 999px) {
    nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column.main-products-dropdown-tyres .menu-col-links,
    nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column.main-products-dropdown-rims .menu-col-links,
    nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column.main-products-dropdown-others .menu-col-links {
        padding: 15px;
    }

    .new-main-navbar .navbar-nav .dropdown-menu.main-products-dropdown .menu-col.menu-col-advertise {
        padding: 15px;
    }

    .expert-searching-block {
        padding-top: 0px;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .new-main-navbar .navbar-nav .dropdown.li-products-dropdown.open .dropdown-menu {
        display: flex;
    }

    nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column.main-products-dropdown-tyres .menu-col-links,
    nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column.main-products-dropdown-rims .menu-col-links,
    nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column.main-products-dropdown-others .menu-col-links {
        width: 100%;
    }

    .new-main-navbar .navbar-nav .dropdown-menu.main-products-dropdown .menu-col.menu-col-advertise {
        width: 380px;
        max-width: 380px;
        min-width: 380px;
    }
}

@media (max-width: 767px) {
    nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column.main-products-dropdown-tyres .menu-col-links,
    nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column.main-products-dropdown-rims .menu-col-links,
    nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column.main-products-dropdown-others .menu-col-links {
        width: 100%;
    }

    nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column.main-products-dropdown-tyres .menu-col-advertise,
    nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column.main-products-dropdown-rims .menu-col-advertise,
    nav.new-main-navbar .dropdown.li-products-dropdown.open .multi-column.main-products-dropdown-others .menu-col-advertise {
        width: auto;
        max-width: 380px;
    }

    .expert-searching-inner-block {
        display: block;
    }

        .expert-searching-inner-block > div {
            padding-left: 0px;
            padding-right: 0px;
            margin-bottom: 5px;
        }

    .new-main-navbar .navbar-nav .open .dropdown-menu {
        min-width: 0;
    }

    .new-main-navbar .navbar-nav .open.wallet-dropdown-menu .dropdown-menu {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

.expert-searching-block .search-btn {
    border-style: None;
    width: 100%;
    background: #EFF1F7;
    height: 34px;
    border-radius: 5px;
    text-decoration: none;
    color: #252525;
}

    .expert-searching-block .search-btn:hover {
        background: #D0D2D8;
    }

@media (max-width: 767px) {
    .supplier-list-cell.column-1 .supplier-route {
        flex-direction: row;
    }
}

.big-single-icon.supplier-reliability {
    letter-spacing: -0.5px;
}


@media (min-width: 600px) {
    .supplier-list-cell.column-1 .supplier-route .big-single-icon {
        font-size: 14px;
        letter-spacing: -0.5px;
    }
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    background-color: #FFFFFF;
}

.old-energy-labels {
    opacity: 0.5;
}

    .new-energy-labels .product-parameter-name,
    .old-energy-labels .product-parameter-name {
        width: 170px;
    }

.banner-product-detail img {
    border-radius: 10px;
    box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 7%);
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}

.product-compatible-tyres-header {
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 10px;
}

}

.energy-label-img {
    width: 100%;
}

.cart-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.alu-rims-detail .tab-content.product-detail-tab-content .ellipsis {
    white-space: normal;
    padding-top: 5px;
}

.supplier-list-filter-wrapper {
    display: flex;
    justify-content: space-evenly;
}

.delivery-address-select-container {
    margin-right: 15px;
}

    .delivery-address-select-container .form-group,
    .delivery-address-select-container .form-group label {
        margin-bottom: 0px;
    }

    .delivery-address-select-container .align-items-center {
        display: flex;
        align-items: center;
    }

@media (max-width:991px) {
    .supplier-list-filter-wrapper, .supplier-list-title-wrapper {
        flex-direction: column;
    }

    delivery-address-select-container .form-group {
        margin-bottom: 15px;
    }
}

.simple-tooltip-content {
    display: none;
    height: auto;
    border-radius: 5px;
    margin-top: 25px;
    position: absolute;
    z-index: 2;
    border: 1px solid #2ECA71;
    padding: 10px;
    color: #2ECA71;
    background-color: white;
    text-align: center;
    z-index: 9999;
}

#quickCartProductImage {
    max-height: 100px;
}

#modalQuickCart,
#modalQuickCheckout {
    text-align: center;
    padding: 0 !important;
}

    #modalQuickCart:before,
    #modalQuickCheckout:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px; /* Adjusts for spacing */
    }

    #modalQuickCart .modal-dialog,
    #modalQuickCheckout .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    #modalQuickCart .modal-content,
    #modalQuickCheckout .modal-content {
        border-radius: 15px;
    }

    #modalQuickCart .modal-body,
    #modalQuickCheckout .modal-body {
        padding: 28px;
    }

    #modalQuickCart .modal-header, #modalQuickCheckout .modal-header {
        border-bottom: none;
        padding: none;
    }

    #modalQuickCart .close, #modalQuickCheckout .close {
        position: absolute;
        right: 20px;
        top: 20px;
    }

.quick-cart-page, .quick-checkout-page {
    text-align: center;
}

#quick-cart-info-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

    #quick-cart-info-wrapper .product-main-image-wrapper, #quick-checkout-info-wrapper .product-main-image-wrapper {
        width: 160px;
        height: 160px;
        padding: 20px;
        margin-bottom: 20px;
        border: none;
        box-shadow: -2px 0px 10px 5px rgb(0 0 0 / 12%);
        border-radius: 15px;
    }

#quick-cart-detail-wrapper, #quick-checkout-detail-wrapper {
    line-height: 1.5;
    margin-top: 10px;
}

#quick-cart-dialog, #quick-checkout-dialog {
    max-width: 450px;
}

#quick-cart-footer-buttons .btn, #quick-checkout-footer-buttons .btn {
    height: 48px;
}

.quick-cart-green-btn {
    background: #1FCC6D;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
    text-shadow: none;
    padding: 11px 20px;
    letter-spacing: 0.4px;
    border-radius: 7px;
    flex-grow: 1;
    height: 48px;
    border: none;
}

.quick-cart-primary-btn {
    background: #1F90CC;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
    text-shadow: none;
    padding: 11px 20px;
    letter-spacing: 0.4px;
    border-radius: 7px;
    flex-grow: 1;
    margin-right: 20px;
    height: 48px;
    border: none;
}

.quick-cart-secondary-btn {
    background: #FFFFFF;
    color: #192939;
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
    text-shadow: none;
    padding: 11px 20px;
    letter-spacing: 0.4px;
    border-radius: 7px;
    box-shadow: 0px 0px 7px 5px rgb(0 0 0 / 12%);
    height: 48px;
    border: none;
}

.quick-cart-primary-btn:hover {
    background: #1b7baf;
    color: #FFFFFF;
}

.quick-cart-green-btn:hover {
    background: #2bab65;
    color: #FFFFFF;
}

.quick-cart-secondary-btn:hover {
    background: #192939;
    color: #FFFFFF;
}

.quick-cart-big-label {
    font-size: 20px;
    font-weight: 400;
    color: #192939;
}

.quick-cart-product-name-label {
    font-size: 20px;
    font-weight: 600;
    color: #192939;
}

.quick-cart-heading {
    margin-top: 10px;
    font-size: 18px;
    color: #192939;
}

.quick-cart-label-supplier {
    font-size: 20px;
    font-weight: 600;
    color: #192939;
}

.quick-cart-label-price {
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 600;
    color: #D91516;
}

.quick-cart-label-final-price {
    font-size: 20px;
    font-weight: 600;
    color: #D91516;
    background: #EFF1F7;
    padding: 15px 20px;
    border-radius: 12px;
    margin-top: 15px;
    width: auto;
    margin-bottom: 15px;
}

#btnQuickCheckout {
    margin-right: 10px;
}

#quick-checkout-footer-buttons {
    display: inline-flex;
    margin-top: 15px;
}

#quick-cart-footer-buttons,
#quick-checkout-footer-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#quick-cart-dialog .loading-overlay, #quick-checkout-dialog .loading-overlay, #rim-diameter-selector-dialog .loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #000000;
    z-index: 999999;
    background-color: rgba(0,0,0,0.5);
    display: none;
}

    #quick-cart-dialog .loading-overlay img, #quick-checkout-dialog .loading-overlay img, #rim-diameter-selector-dialog .loading-overlay img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 20%;
        margin-top: 50%;
    }

.quick-checkout-select-label,
.quick-checkout-note-label {
    width: 100%;
    display: flex;
    color: #192939;
    font-weight: 500;
    font-size: 15px;
    margin-top: 13px;
    margin-bottom: 3px;
    display: block;
    text-align: left;
}

.quick-checkout-expected-delivery {
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    color: #30c172;
    margin-top: 4px;
}

#quickCheckoutNoteTextarea {
    width: 100%;
    border-radius: 5px;
    padding: 10px 15px;
    border: 1px solid #ccc;
}

.quick-checkout-agreement {
    width: 100%;
    display: flex;
    color: #192939;
    font-weight: 500;
    font-size: 13px;
    margin-top: 13px;
    margin-bottom: 3px;
    display: flex;
    align-items: center;
    justify-content: left;
}

    .quick-checkout-agreement input[type="checkbox"] {
        margin-top: 0px;
        margin-right: 7px;
    }

    .quick-checkout-agreement a {
        margin-left: 3px;
    }

#quick-checkout-detail-wrapper label {
    width: 100%;
}

.badge.quick-cart-badge {
    color: #FFFFFF;
    background: #2ECA71;
    border-radius: 40px;
    height: 40px;
    min-width: 40px;
    justify-content: center;
    align-items: center;
    font-size: 19px;
    line-height: 15px;
    padding: 5px;
    position: relative;
    top: 25px;
    left: -80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.order-list-icon-delivery-box {
    padding: 5px;
    border-radius: 5px;
    margin-right: 5px;
    width: 50px;
    height: 50px;
    float: left;
    background: #1F90CC;
}

.order-list-icon-delivery-truck {
    padding: 5px;
    border-radius: 5px;
    margin-right: 5px;
    width: 50px;
    height: 50px;
    float: left;
    background: #1FCC6D;
}

.order-list-icon-delivery-pickup {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background: #797F8F;
    color: #FFFFFF;
    border-radius: 5px;
    margin-right: 5px;
    float: left;
    font-weight: bold;
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase;
}

.order-list-icon-delivery-pickup-missing-transport-info {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background: #FFFFFF;
    color: #FFFFFF;
    border-radius: 5px;
    margin-right: 5px;
    float: left;
    font-weight: bold;
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase;
    border: 1px solid #d4d4d4;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.first-option-strong option:nth-child(1) {
    font-weight: bold;
}

.table.main-list-container .image-32.popup-handle .popup {
    width: fit-content !important;
}

#cartControl .cart-control {
    display: flex;
}

.cart-wrapper-mobile {
    display: none;
    align-items: center;
    margin-right: 20px;
    float: right;
    height: 80px;
}

.cart-wrapper-desktop {
    display: flex;
    height: 80px;
    align-items: center;
}

.cart-wrapper-mobile .cart-info {
    position: relative;
    display: flex;
    align-items: center;
    height: 80px;
    margin-right: 10px;
}

.cart-wrapper-mobile .cart-overlay {
    width: 50px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.login-button-mobile {
    float: right;
    display: flex;
    height: 80px;
    align-items: center;
    margin-right: 15px;
}

    .login-button-mobile .btn-login {
        height: 50px;
        display: none;
        align-items: center;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 13px;
        border-radius: 15px;
        transition: 0.18s all linear;
        background: #27A25C;
        color: #FFFFFF;
        padding: 0 10px;
        white-space: nowrap;
        font-family: 'Poppins', sans-serif;
    }

        .login-button-mobile .btn-login:hover {
            background: #21884D;
            color: #FFFFFF;
        }

@media (max-width:999px) {
    .cart-wrapper-mobile {
        display: flex;
    }

    .navbar-nav > li.cart-li,
    .navbar-nav > li.logged-as-li,
    .navbar-nav > li.login-button-li,
    .navbar-nav > li.registration-button-li {
        display: none;
    }

    .login-button-mobile .btn-login {
        display: flex;
    }
}


@media (max-width:319px) {
    .login-info-mobile {
        display: none;
    }

    .cart-wrapper-mobile .cart-info {
        margin-right: 0px;
    }

    .cart-wrapper-mobile {
        margin-right: 15px;
    }

    .login-button-mobile {
        margin-right: 10px;
    }

        .login-button-mobile .btn-login {
            font-size: 10px;
            padding: 0 5px;
        }
}

.supplier-content .item.flag img {
    border-radius: 5px;
    border: 1px solid #DADDE3;
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 6%);
}

.padding-left-0 {
    padding-left: 0;
}

#rim-diameter-selector-wrapper {
    min-height: 200px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

#rim-diameter-selector-dialog {
    margin-top: 10%;
}

    #rim-diameter-selector-dialog .modal-content {
        border-radius: 25px;
    }

#rim-diameter-selector-wrapper .modal-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 16px;
    color: #252525;
}

#rim-diameter-selector-wrapper .diameters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#rim-diameter-selector-wrapper .rim-diameter-selector {
    background: #FFFFFF;
    color: #252525;
    border-radius: 15px;
    height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    line-height: 1;
    border: none;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 13px #0000003b;
}

    #rim-diameter-selector-wrapper .rim-diameter-selector:hover {
        background: #252525;
        color: #FFFFFF;
    }

.public-configurator-settings .configurator-menus {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.public-configurator-settings .configurator-menu-diameters .diameters {
    display: flex;
}

    .public-configurator-settings .configurator-menu-diameters .diameters .rim-diameter-selector {
        background: #FFFFFF;
        color: #252525;
        border-radius: 15px;
        height: 50px;
        width: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        line-height: 1;
        border: none;
        margin-right: 10px;
        margin-left: 0px;
        box-shadow: 0px 0px 13px #0000003b;
        cursor: pointer;
    }

.public-configurator-settings {
    margin-top: 25px !important;
}

    .public-configurator-settings .configurator-menu {
        margin-bottom: 20px;
    }

    .public-configurator-settings .configurator-menu-diameters .diameters .rim-diameter-selector:hover,
    .public-configurator-settings .configurator-menu-diameters .diameters .rim-diameter-selector.active {
        background: #252525;
        color: #FFFFFF;
    }

    .public-configurator-settings .configurator-menu-diameters {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 0px !important;
        margin-right: 15px;
    }

    .public-configurator-settings .configurator-menu-title {
        font-size: 16px;
        font-weight: 600;
        color: #252525;
        margin-bottom: 10px;
    }

    .public-configurator-settings .btn-configurator.btn-public-configurator {
        background: #FFFFFF;
        color: #252525;
        border-radius: 15px;
        height: 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
        font-weight: 500;
        text-decoration: none;
        line-height: 1;
        border: none;
        box-shadow: 0px 0px 13px #0000003b;
        cursor: pointer;
        padding: 0 20px;
        width: auto;
        margin-top: 0px;
        min-width: 125px;
    }

        .public-configurator-settings .btn-configurator.btn-public-configurator:hover {
            background: #FFFFFF;
            color: #252525;
            box-shadow: 0px 0px 13px #00000063;
        }

    .public-configurator-settings .configurator-menu-manufacturers,
    .public-configurator-settings .configurator-menu-colors,
    .public-configurator-settings .configurator-menu-price,
    .public-configurator-settings .configurator-menu-others {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 0px;
        margin-right: 10px;
        width: auto;
    }

        .public-configurator-settings .configurator-menu-manufacturers div.manufacturer-filter,
        .public-configurator-settings .configurator-menu-colors div.smart-color-filter,
        .public-configurator-settings .configurator-menu-price div.price-filter,
        .public-configurator-settings .configurator-menu-others div.others-filter {
            top: 85px;
            right: auto;
            border-radius: 15px;
            z-index: 25;
        }

            .public-configurator-settings .configurator-menu-manufacturers div.manufacturer-filter div.rims-filter-wrapper,
            .public-configurator-settings .configurator-menu-colors div.smart-color-filter div.rims-filter-wrapper,
            .public-configurator-settings .configurator-menu-price div.price-filter div.rims-filter-wrapper,
            .public-configurator-settings .configurator-menu-others div.others-filter div.rims-filter-wrapper {
                margin: 0px;
            }

        .public-configurator-settings .configurator-menu-price div.price-filter {
            overflow-y: auto;
        }


            .public-configurator-settings .configurator-menu-price div.price-filter .price-selector {
                border: none;
                margin-top: 0px;
            }

.public-rim-slider .position-relative {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.public-rim-slider .rim {
    box-shadow: 0px 0px 15px #00000030;
    border-radius: 15px;
    flex-grow: 1;
    margin-left: 16px;
    margin-right: 16px;
    padding: 20px 15px 20px 15px !important;
    cursor: pointer;
    transition: .3s all linear;
    position: relative;
    border: 2px solid #FFFFFF;
}

    .public-rim-slider .rim:hover {
        box-shadow: 0px 0px 15px #00000063;
    }

    .public-rim-slider .rim.active {
        border: 2px solid #252525;
    }

    .public-rim-slider .rim .rim-price {
        background: none;
        color: #E00101;
        font-size: 18px;
        font-weight: 600;
    }

    .public-rim-slider .rim div.rim-name {
        height: auto;
        padding-top: 15px;
        line-height: 1.3em;
        font-size: 16px;
        color: #252525;
    }

    .public-rim-slider .rim div.rim-color {
        font-size: 14px;
        color: #919191;
        height: auto;
        padding-top: 0px;
    }

.public-rim-slider .rim-1 {
    margin-left: 0px;
    padding-left: 15px !important;
}

.public-rim-slider .rim-5 {
    margin-right: 0px;
    padding-right: 15px !important;
}

.public-rim-slider .rim-image .rim-image {
    outline: none;
}

.public-rim-slider #left-arrow {
    width: auto;
    margin-left: 0;
    float: none;
    left: -55px;
    position: absolute;
}

.public-rim-slider #right-arrow {
    width: auto;
    margin-left: 0;
    float: none;
    right: -55px;
    position: absolute;
}

.public-rim-pagination-infopanel-container .rim-pagination-infopanel {
    background: none;
    width: auto;
    color: #252525;
    display: flex;
    justify-content: flex-start;
    font-weight: 500;
    padding: 20px 0px;
}

.public-rim-slider .rim .rim-buttons-box {
    display: none;
    background: #FFFFFF;
    position: absolute;
    bottom: -95px;
    border-radius: 15px;
    box-shadow: 0px 0px 15px #00000030;
}

.public-rim-slider .rim.active .rim-buttons-box {
    display: flex;
    padding: 15px;
    margin-left: -15px;
    width: 100%;
}

.public-confirm-rim-selection-btn {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E00A17 !important;
    background-color: #E00A17 !important;
    color: #FFFFFF;
    border: none;
    padding: 0px !important;
    border-radius: 15px;
    margin: 0px 15px 0px 0px !important;
}

    .public-confirm-rim-selection-btn:hover {
        color: #FFFFFF;
        background: #BC0611 !important;
        background-color: #BC0611 !important;
    }

    .public-confirm-rim-selection-btn img {
        padding-top: 3px;
    }

.public-rim-detail-btn {
    height: 50px;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    background: #252525;
    color: #FFFFFF;
    border: none;
    padding: 0px;
    border-radius: 15px;
    margin: 0px;
    min-width: 100px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}

    .public-rim-detail-btn:hover {
        background: #000000;
        color: #FFFFFF;
    }

.public-head-menu {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .public-head-menu .public-menu-left {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .public-head-menu #new-search-link,
    .public-head-menu #home-link,
    .public-head-menu .btn-public-configurator {
        background: #252525;
        color: #FFFFFF;
        border-radius: 15px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        line-height: 1;
        border: none;
        margin-right: 10px;
        margin-left: 0px;
        box-shadow: 0px 0px 13px #0000003b;
        cursor: pointer;
        padding: 0 15px;
    }

    .public-head-menu .public-menu-car-model {
        background: #FFFFFF;
        color: #252525;
        border-radius: 15px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        line-height: 1;
        border: none;
        margin-right: 10px;
        margin-left: 0px;
        box-shadow: 0px 0px 13px #0000003b;
        cursor: pointer;
        padding: 0 15px;
    }

    .public-head-menu .configurator-menu {
        position: relative;
    }

        .public-head-menu .configurator-menu .car-settings {
            left: 0;
            right: 0;
            margin: 0 auto;
            border-radius: 25px;
        }

    .public-head-menu .my-list-button {
        background: #FFFFFF;
        color: #252525;
        border-radius: 15px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        line-height: 1;
        border: none;
        margin-right: 0px;
        margin-left: 0px;
        box-shadow: 0px 0px 13px #0000003b;
        cursor: pointer;
        padding: 0 15px;
    }

        .public-head-menu .my-list-button > img,
        .public-head-menu #new-search-link > img,
        .public-head-menu .btn-public-configurator > img,
        .public-head-menu #home-link > img {
            padding-right: 5px;
            height: auto;
            width: auto;
        }

    .public-head-menu .public-menu-car-model .manufacturer-logo {
        max-height: 30px;
        padding-right: 5px;
    }

.public-alurims-car-detail-modal .modal-body {
    overflow-x: hidden !important;
}

.public-alurims-car-detail-modal .modal-content {
    border-radius: 25px;
}

.modal.public-alu-rim-detail {
    background: rgba(0, 0, 0, 0.79);
    overflow: scroll !important;
}

    .modal.public-alu-rim-detail .modal-dialog {
        width: 1030px;
    }

        .modal.public-alu-rim-detail .modal-dialog .modal-content {
            border-radius: 25px;
        }

.public-alu-rim-detail .product-detail-tab-content {
    padding: 0px 0px 0px 0px;
    box-shadow: none;
}


.public-alu-rim-detail .product-main-image-wrapper {
    border-radius: 15px;
    border: none;
    box-shadow: 0px 0px 13px #0000003b;
    height: auto;
    padding: 25px;
    margin-top: 10px;
}

    .public-alu-rim-detail .product-main-image-wrapper .rim-detail-image {
        max-height: fit-content;
    }

.public-alu-rim-detail .product-parameters .product-parameter {
    align-items: center;
    height: 40px;
    border-radius: 15px;
}

.public-alu-rim-detail .product-parameter-name,
.public-alu-rim-detail .product-parameter-value {
    height: auto;
    font-size: 14px;
    text-transform: none;
}

.public-alu-rim-detail .product-detail-nav-tabs > li > a {
    background: #FFFFFF;
    color: #252525;
    border-radius: 15px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    line-height: 1;
    border: none;
    margin-right: 15px;
    margin-left: 0px;
    box-shadow: 0px 0px 13px #0000003b;
    cursor: pointer;
    padding: 0 15px;
}

.public-alu-rim-detail .product-detail-nav-tabs > li.active > a {
    background: #252525;
    color: #FFFFFF;
}

.public-alu-rim-detail .product-detail-nav-tabs > li > a:hover {
    box-shadow: 0px 0px 15px #00000063;
}

.public-alu-rim-detail .product-detail-nav-tabs {
    margin-top: 20px;
}

.public-alu-rim-title {
    color: #252525;
    font-size: 38px;
    font-weight: 500;
    line-height: 1.3em;
}

.public-alu-rim-code {
    color: #C3C3C3;
    font-size: 16px;
    font-weight: 400;
    padding-top: 20px;
}

.public-alu-rim-price-title {
    padding-top: 60px;
    font-size: 16px;
    color: #252525;
    font-weight: 500;
}

.public-alu-rim-price-vat-inc {
    padding-top: 5px;
    font-size: 32px;
    color: #E00A17;
    font-weight: 600;
    line-height: 1.2em;
}

.public-alu-rim-price-vat-exc {
    font-size: 16px;
    color: #C3C3C3;
    font-weight: 600;
    line-height: 1.2em;
}

.detail-rim-buttons-box {
    display: flex;
    align-items: center;
    padding-top: 40px;
}

    .detail-rim-buttons-box .public-rim-detail-btn {
        padding: 0 20px;
        margin-right: 10px;
        cursor: pointer;
        font-size: 16px;
    }

        .detail-rim-buttons-box .public-rim-detail-btn img {
            margin-right: 10px;
        }


#alurims-my-list-modal .modal-content {
    border-radius: 25px;
    overflow-x: hidden;
}

#alurims-my-list-modal .modal-title {
    color: #252525;
    display: inline;
}

#alurims-my-list-modal .modal-body {
    overflow-x: hidden !important;
}

#alurims-share-with-service-modal .modal-title {
    color: #252525;
    display: inline;
}

.my-list-item-configuration {
    border-bottom: 1px solid #D6D6D6;
}

    .my-list-item-configuration .vehicle-detail-table tr td,
    .my-list-item-configuration .rim-detail-table tr td {
        font-size: 13px;
        color: #252525;
        text-transform: none;
    }

        .my-list-item-configuration .vehicle-detail-table tr td:nth-child(1),
        .my-list-item-configuration .rim-detail-table tr td:nth-child(1) {
            font-size: 13px;
            color: #252525;
            text-transform: none !important;
        }


div#alurims-my-list-modal div.modal-body div.row {
    padding: 20px 0px 25px 0px !important
}

.my-list-item-configuration .rim-image {
    max-width: 100%;
    width: auto;
}

.share-configuration-wrapper {
    display: flex;
    align-items: center;
}

    .share-configuration-wrapper input {
        height: 50px;
        border-radius: 15px;
        margin-right: 10px;
    }

.my-list-item-configuration .share-my-list-item-btn {
    background: #252525;
    color: #FFFFFF;
    border-radius: 15px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    line-height: 1;
    border: none;
    margin-right: 15px;
    margin-left: 0px;
    box-shadow: 0px 0px 13px #0000003b;
    cursor: pointer;
    padding: 0 15px;
    white-space: nowrap;
}

    .my-list-item-configuration .share-my-list-item-btn img {
        margin-right: 10px;
    }

.delete-my-list-item-btn,
.delete-my-list-item-btn:hover {
    color: #252525;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}

.detail-rim-buttons-box input {
    max-width: 200px;
    margin-right: 10px;
    height: 50px;
    border-radius: 15px;
}

.public-alu-configurator .car-image {
    max-width: 800px;
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0;
}


.public-alu-rims-configurator .alu-configurator-page #listCarManufacturers,
.public-alu-rims-configurator .alu-configurator-page #listCarModels,
.public-alu-rims-configurator .alu-configurator-page #listCarBodyworks,
.public-alu-rims-configurator .alu-configurator-page #listCarTypes {
    border: none;
    box-shadow: 0px 0px 13px #0000003b;
    border-radius: 10px;
    height: 400px;
}


    .public-alu-rims-configurator .alu-configurator-page #listCarManufacturers li,
    .public-alu-rims-configurator .alu-configurator-page #listCarModels li,
    .public-alu-rims-configurator .alu-configurator-page #listCarBodyworks li,
    .public-alu-rims-configurator .alu-configurator-page #listCarTypes li {
        padding-bottom: 10px;
        padding-left: 15px;
        padding-top: 10px;
        color: #252525;
        border-color: #F4F4F4;
    }

        .public-alu-rims-configurator .alu-configurator-page #listCarManufacturers li.selected,
        .public-alu-rims-configurator .alu-configurator-page #listCarModels li.selected,
        .public-alu-rims-configurator .alu-configurator-page #listCarBodyworks li.selected,
        .public-alu-rims-configurator .alu-configurator-page #listCarTypes li.selected {
            background: #252525;
            color: #FFFFFF;
        }

.public-alu-rims-configurator .alu-configurator-page #txtCarManufacturers,
.public-alu-rims-configurator .alu-configurator-page #txtCarModels,
.public-alu-rims-configurator .alu-configurator-page #txtCarBodyworks,
.public-alu-rims-configurator .alu-configurator-page #txtCarTypes {
    border: none;
    box-shadow: 0px 0px 13px #0000003b;
    border-radius: 10px;
}

.public-alu-rims-configurator {
    padding-top: 50px;
}

    .public-alu-rims-configurator h2 {
        color: #252525;
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 30px;
        text-align: center;
    }


.public-alu-configurator-step {
    box-shadow: 0px 0px 13px #0000003b;
    border-radius: 15px;
    padding: 30px 10px;
    color: #252525;
    margin-bottom: 20px;
}

    .public-alu-configurator-step h3 {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.4em;
        margin-bottom: 10px;
        color: #252525;
    }

    .public-alu-configurator-step .step-subtitle {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.4em;
        margin-bottom: 10px;
        color: #252525;
    }

.public-alu-configurator-head-section {
    padding-top: 50px;
}

    .public-alu-configurator-head-section h1 {
        font-weight: 600;
        line-height: 1.4em;
        margin-bottom: 10px;
        color: #252525;
    }

    .public-alu-configurator-head-section .subtitle {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.4em;
        margin-bottom: 10px;
        color: #252525;
    }

.public-alu-configurator-steps {
    padding-top: 50px;
}

    .public-alu-configurator-steps h2 {
        font-weight: 600;
        line-height: 1.4em;
        margin-bottom: 30px;
        color: #252525;
        font-size: 28px
    }

.public-alu-configurator-step .step-number {
    background: #E00A17;
    border-radius: 100px;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    font-size: 38px;
    font-weight: 800;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
}

.public-alu-rims-configurator .back-to-model-wrapper a, #PublicAluConfiguratorIntro #home-link {
    background: #252525;
    color: #FFFFFF;
    border-radius: 15px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    line-height: 1;
    border: none;
    margin-right: 10px;
    margin-left: 0px;
    box-shadow: 0px 0px 13px #0000003b;
    cursor: pointer;
    padding: 0 15px;
}

.public-alu-rims-configurator .back-to-model-wrapper a, #PublicAluConfiguratorIntro #home-link {
    margin-top: 25px;
}

.public-alu-rims-configurator .back-to-model-wrapper a img, #PublicAluConfiguratorIntro #home-link img {
    margin-right: 10px;
}

.public-alu-rims-configurator #car-selection-wrapper select {
    border: none;
    box-shadow: 0px 0px 13px #0000003b;
    border-radius: 10px;
}

.public-alu-rims-configurator #car-selection-wrapper .grey-label {
    display: block;
    color: #252525;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 7px;
}

.public-alu-rims-configurator #table-cars-wrapper table thead tr th {
    color: #252525;
    font-weight: 600;
    font-size: 14px;
    border-bottom: 2px solid #f5f5f5;
    padding: 12px 8px;
}

.public-alu-rims-configurator #table-cars-wrapper table tbody tr td {
    color: #252525;
    padding: 12px 8px;
    border-bottom: 1px solid #f5f5f5;
}

.public-alu-rims-configurator #table-cars-wrapper {
    overflow: initial;
    margin-top: 25px;
    height: auto;
}

    .public-alu-rims-configurator #table-cars-wrapper table {
        border: none;
        box-shadow: 0px 0px 13px #0000003b;
        border-radius: 10px;
    }

.delete-my-list-item-btn img {
    max-width: 15px;
    margin-right: 3px
}

.open-pneub2b-link {
    color: #c3c3c3;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}

    .open-pneub2b-link:hover {
        color: #c3c3c3;
    }

    .open-pneub2b-link img {
        max-width: 15px;
        margin-right: 3px
    }

div.vehicle-arrows.public-vehicle-arrows {
    position: relative;
}

    div.vehicle-arrows.public-vehicle-arrows #left-arrow-vehicle {
        left: -25px;
        position: absolute;
        top: 180px;
        margin-top: 0px;
    }

    div.vehicle-arrows.public-vehicle-arrows #right-arrow-vehicle {
        right: -25px;
        position: absolute;
        top: 180px;
        margin-top: 0px;
    }

#alurims-my-list-modal .modal-dialog {
    max-width: 1000px;
    width: 100%;
}

.ece-configurator-menu {
    height: 50px;
    margin-top: 26px;
    display: flex;
    align-items: center;
}

    .ece-configurator-menu div.rims-filter-wrapper {
        margin: 0px 0 0px 0;
    }

    .ece-configurator-menu .ece-filter-direct {
        margin-top: 0px;
    }

.ece-filter-direct-caption.ece-filter-caption {
    color: #252525;
}


@media (max-width: 1200px) {
    .ece-configurator-menu {
        height: auto;
        margin-top: 0px;
    }
}

@media (max-width: 1100px) {
    .modal.public-alu-rim-detail .modal-dialog {
        width: 600px !important;
    }

    #alu-rim-detail .modal-content {
        padding: 10px;
    }

    #alurims-my-list-modal .modal-dialog {
        max-width: 100%;
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
    }

    .public-rim-slider .position-relative {
        flex-direction: column;
    }

    .public-rim-slider .rim {
        width: 100% !important;
        margin-bottom: 15px;
    }

    .public-alu-configurator.alu-configurator.main-wrapper {
        height: 500px !important;
    }

    .public-alu-configurator .car-image {
        max-width: 600px;
    }

    .rim-pagination-infopanel {
        margin-top: 0px !important;
    }

    .public-rim-slider .rim {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }

    .public-rim-slider #right-arrow {
        position: relative;
        order: -1;
        align-self: flex-end;
        justify-self: center;
        right: 0;
        top: -28px;
    }

    .public-rim-slider #left-arrow {
        position: relative;
        order: -2;
        align-self: flex-start;
        left: 0;
        justify-self: center;
    }

    .public-rim-slider .rim.active .rim-buttons-box {
        z-index: 10;
        width: 100%;
        left: 0px;
        margin-left: 0px;
    }

    .rim-buttons-box .public-rim-detail-btn {
        width: 100%;
    }

    .configurator-menu-container {
        margin-bottom: 0px !important;
    }

    .public-head-menu .button-inner-text {
        display: none;
    }

    .public-head-menu .btn-public-configurator img,
    .public-head-menu .my-list-button img,
    .public-head-menu #new-search-link img,
    .public-head-menu #home-link img {
        padding-right: 0px;
    }

    div.vehicle-arrows.public-vehicle-arrows #left-arrow-vehicle,
    div.vehicle-arrows.public-vehicle-arrows #right-arrow-vehicle {
        top: 170px;
    }

    .car-selection-filter-wrapper {
        display: none;
    }

    .public-alu-rims-configurator #table-cars-wrapper {
        border-style: none !important;
    }
}


@media (max-width:767px) {
    .public-alu-rims-configurator .car-models-wrapper,
    .public-alu-rims-configurator .car-bodyworks-wrapper,
    .public-alu-rims-configurator .car-types-wrapper {
        margin-top: 30px;
    }

    .detail-bottom-links {
        margin-top: 20px;
    }

    .my-list-item-configuration .share-my-list-item-btn {
        margin-right: 0px;
    }

    .public-alu-rims-configurator .car-types-wrapper {
        padding-right: 15px;
    }
}

@media (max-width: 749px) {
    .public-alu-configurator.alu-configurator.main-wrapper {
        height: 450px !important;
    }

    .public-alu-configurator .car-image {
        max-width: 500px;
    }

    div.car-detail {
        margin-bottom: 0px !important;
    }

    div.vehicle-arrows.public-vehicle-arrows #left-arrow-vehicle {
        left: 0px;
    }

    div.vehicle-arrows.public-vehicle-arrows #right-arrow-vehicle {
        right: 0px;
    }

    div.vehicle-arrows.public-vehicle-arrows #left-arrow-vehicle,
    div.vehicle-arrows.public-vehicle-arrows #right-arrow-vehicle {
        top: 135px;
    }

    div.vehicle-arrows.public-vehicle-arrows img {
        width: 50px;
    }

    .public-head-menu .configurator-menu .car-settings {
        left: -165px;
        z-index: 40;
    }
}

@media (max-width: 649px) {
    .public-alu-configurator.alu-configurator.main-wrapper {
        height: 400px !important;
    }

    .public-alu-configurator .car-image {
        max-width: 450px;
    }

    .modal.public-alu-rim-detail .modal-dialog {
        width: 95% !important;
    }

    .public-alu-rims-configurator #table-cars-wrapper table tbody tr td,
    .public-alu-rims-configurator #table-cars-wrapper table thead tr th {
        white-space: normal;
    }

    .public-alu-rims-configurator #table-cars-wrapper table {
        overflow-x: scroll;
        white-space: normal;
    }

    .public-alu-rims-configurator #car-selection-wrapper {
        width: 100%;
        position: relative;
    }
}

@media (max-width: 499px) {
    .public-configurator-settings .configurator-menu-manufacturers, .public-configurator-settings .configurator-menu-colors, .public-configurator-settings .configurator-menu-price, .public-configurator-settings .configurator-menu-others {
        width: 100%;
    }

        .public-configurator-settings .configurator-menu-manufacturers a.btn-public-configurator, .public-configurator-settings .configurator-menu-colors a.btn-public-configurator, .public-configurator-settings .configurator-menu-price a.btn-public-configurator, .public-configurator-settings .configurator-menu-others a.btn-public-configurator {
            width: 100% !important;
        }

    .public-head-menu .public-menu-car-model img.manufacturer-logo {
        display: none !important;
    }

    .public-alu-configurator.alu-configurator.main-wrapper {
        height: 320px !important;
    }

    .public-alu-configurator .car-image {
        max-width: 300px;
    }

    div.vehicle-arrows.public-vehicle-arrows #left-arrow-vehicle,
    div.vehicle-arrows.public-vehicle-arrows #right-arrow-vehicle {
        top: 100px;
    }


    div.vehicle-arrows.public-vehicle-arrows img {
        width: 40px;
    }

    .my-list-item-configuration .share-my-list-item-btn img {
        display: none;
    }

    .detail-rim-buttons-box .public-confirm-rim-selection-btn {
        display: none;
    }

    .detail-rim-buttons-box .public-rim-detail-btn img {
        display: none;
    }

    .public-configurator-settings .configurator-menu-manufacturers, .public-configurator-settings .configurator-menu-colors, .public-configurator-settings .configurator-menu-price, .public-configurator-settings .configurator-menu-others {
        margin-right: 0px;
    }
}

.public-configurator-footer {
    padding: 30px 0;
    font-size: 16px;
    font-weight: 300;
    background: #252525;
    color: #FFFFFF;
    margin-top: 60px;
}

    .public-configurator-footer a {
        font-size: 16px;
        font-weight: 300;
        color: #FFFFFF;
        text-decoration: underline;
    }

        .public-configurator-footer a:hover {
            font-size: 16px;
            font-weight: 300;
            color: #FFFFFF;
            text-decoration: none;
        }

    .public-configurator-footer .container {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .public-configurator-footer img {
        max-width: 300px;
        text-align: center;
        margin-bottom: 10px;
    }

.public-alu-rims-configurator .alu-configurator-page #model-selection-wrapper,
.public-alu-rims-configurator .alu-configurator-page #car-selection-wrapper {
    position: relative;
}

.public-alu-rim-detail .product-kits .product-parameter,
.public-alu-rim-detail .product-compatible-tyres .product-parameter,
.public-alu-rim-detail .product-tpms .product-parameter,
.public-alu-rim-detail .product-documents .product-parameter {
    height: auto !important;
    border-radius: 15px;
}


.btn-vehicle-settings img,
.btn-vehicle-settings span,
.alu-configurator-filter-arrow {
    pointer-events: none;
}

#listCarManufacturers li.favourite-manufacturer-divider {
    border-top: 3px dashed #bbb !important;
    padding: 0 !important;
}

#alurims-rim-3d-detail-modal .modal-content {
    border-radius: 20px;
}

.rim-3d-arrows {
    display: inline-flex;
    border-radius: 30px;
    justify-content: center;
    box-shadow: 0px 0px 13px #0000003b;
    align-items: center;
    z-index: 10;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.rim-3d-arrows-row {
    margin-top: -30px;
    padding: 0px !important;
}

.rim-3d-help,
.rim-3d-help-mobile {
    font-size: 16px;
    font-weight: 600;
    color: #252525;
    line-height: 1.5;
}

.rim-3d-arrow-left {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    z-index: 10 !important;
}

.rim-3d-arrow-right {
    width: 30px;
    height: 30px;
    margin-left: 15px;
    z-index: 10 !important;
}

.rim-3d-help-mobile {
    display: none;
}

@media screen and (max-width: 550px) {
    .rim-3d-arrows {
        margin-bottom: 0px;
    }

    .rim-3d-arrow-left,
    .rim-3d-arrow-right {
        display: none;
    }

    .rim-3d-help {
        display: none;
    }

    .rim-3d-help-mobile {
        display: block;
    }
}

.tyres-list-checkboxes {
    margin-top: 17px;
    flex-wrap: wrap;
    display: flex;
}

.tyre-list-checkbox {
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 10px;
}

    .tyre-list-checkbox input[type=checkbox] {
        margin-top: 0px;
    }

    .tyre-list-checkbox .checkbox-label {
        padding-left: 0px;
        margin-left: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
    }

.table .row > .column.image-120-32 {
    padding: 0 !important;
    padding-top: 0px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100% !important;
}

.grid-item {
    display: grid;
    align-items: start;
    justify-items: center;
    border-radius: 25px;
    box-shadow: 0px 0px 30px #00000025;
    padding: 40px 30px;
    text-align: center;
    z-index: 1;
    background: #FFFFFF;
}

.grid-item-title {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 20px;
}

.grid-item-description {
    color: #252525;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 30px;
    text-align: center;
}

h1.title-h1 {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 38px;
    margin-top: 80px;
    margin-bottom: 40px;
    line-height: 1.4em;
}

h2.title-h2 {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 36px;
    margin-top: 60px;
    margin-bottom: 45px;
    line-height: 1.4em;
}

h3.title-h3 {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 26px;
    margin-top: 50px;
    margin-bottom: 30px;
    line-height: 1.4em;
}


.grid-item-link {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px;
    height: 50px;
    display: inline-flex;
    border: 2px solid #2FA15E;
    border-radius: 15px;
    text-align: center;
    padding: 0 20px;
    align-items: center;
    line-height: 1.5rem;
    text-decoration: none;
    color: #2FA15E;
    cursor: pointer;
    align-self: end;
    transition: 0.18s all linear;
}

    .grid-item-link:focus {
        text-decoration: none;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 16px;
        color: #2FA15E;
        outline: none;
    }

    .grid-item-link:hover {
        background: #21884D;
        border-color: #21884D;
        color: #FFFFFF;
    }

.grid-items {
    display: flex;
    align-items: stretch;
    /*margin-left: -20px;
    margin-right: -20px;*/
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 30px;
}

.grid-item-img {
    height: 80px;
    margin-bottom: 30px;
    margin-top: 21px;
}

.grid-items-3 > * {
    flex-grow: 1;
    width: 31%;
}

.animate-block > * {
    animation-duration: 0.4s;
    animation-name: animate-fade;
    animation-delay: 0.3s;
    animation-fill-mode: backwards;
}

.animate-block > :nth-child(1) {
    animation-delay: 0.4s;
}

.animate-block > :nth-child(2) {
    animation-delay: 0.8s;
}

.animate-block > :nth-child(3) {
    animation-delay: 1.2s;
}

.animate-block > :nth-child(4) {
    animation-delay: 1.6s;
}

.animate-block > :nth-child(5) {
    animation-delay: 2s;
}

.animate-block > :nth-child(6) {
    animation-delay: 2.4s;
}

@media(max-width: 767px) {
    .grid-items {
        flex-direction: column;
    }

        .grid-items > * {
            width: 100%;
        }

    .grid-items {
        margin-left: 0px;
        margin-right: 0px;
    }
}

@keyframes animate-fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.width-100 {
    width: 100% !important;
}

.selling-price {
    color: #314882;
}

.quick-checkout-selling-price .quick-checkout-select-label, .quick-checkout-selling-price-description {
    font-size: 12px;
}

.quick-checkout-selling-price-description {
    text-align: left;
}

.quick-checkout-selling-price .quick-checkout-select-label {
    margin-top: 0;
}

.quick-checkout-selling-price {
    justify-content: space-between;
    gap: 12px;
}

.selling-price-block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
}

    .selling-price-block .selling-price-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

        .selling-price-block .selling-price-item:first-child {
            margin-right: 5px;
        }

        .selling-price-block .selling-price-item input {
            height: 34px !important;
            width: 100px !important;
            font-weight: 400 !important;
            font-size: 12px !important;
            text-align: right !important;
            color: #192939 !important;
        }

        .selling-price-block .selling-price-item .selling-price-label {
            color: #192939;
            font-size: 10px;
            font-weight: 400;
            background: #FFFFFF;
            position: relative;
            z-index: 2;
            display: inline-flex;
            margin-bottom: -7px;
            margin-left: 4px;
            width: 45px;
            padding: 2px;
            line-height: 1;
            justify-content: center;
        }

.payment-types-radios tr {
    display: flex;
    align-items: center;
}

.payment-types-radios td {
    display: flex;
    align-items: center;
}

    .payment-types-radios td input {
        margin-top: 0px !important;
        margin-right: 5px;
    }

    .payment-types-radios td label {
        margin-bottom: 0px;
    }

.payment-type-caption {
    display: flex;
    align-items: center;
}

    .payment-type-caption .radios {
        padding-top: 0px;
    }

    .payment-type-caption .left {
        display: flex;
        align-items: center;
    }

        .payment-type-caption .left .info-icon {
            margin-top: 0px;
            margin-right: 5px;
        }

.selling-price-set {
    font-size: 10px;
    font-weight: 400;
    text-decoration: underline;
    color: #192939;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    padding-right: 10px;
}

    .selling-price-set a {
        color: #192939 !important;
    }

.quick-checkout-selling-price-block .selling-price-item input {
    width: 100% !important;
}

.selling-price-block.quick-checkout-selling-price-block {
    padding-right: 0px;
}

.selling-price-block .selling-price-set {
    justify-content: flex-start;
    padding-right: 0px;
}

.quick-checkout-selling-price-description {
    font-size: 11px;
    font-weight: 400;
}

.document-items .selling-price-block {
    padding-right: 0px;
}

.custom-note-and-selling-price-block {
    display: flex;
    padding-left: 12px;
}

.custom-note-block {
    display: flex;
    align-items: center;
    margin-bottom: 1px;
    font-size: 13px;
    color: #252525;
}


.custom-state-checkbox {
    margin-top: 0px !important;
}

.custom-note-text {
    width: 100px;
}

.selling-price-text {
    font-size: 11px;
    font-weight: 600;
    color: #252525;
}

.popover-edit-button {
    color: #FFFFFF;
    background: #27A25C;
    height: 35px;
    width: 35px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    cursor: pointer;
}

    .popover-edit-button:hover {
        background: #21884D;
    }

.empty-custom-note {
    color: #D4D4D4;
    font-size: 12px;
}

#ordersHistory .empty-custom-note {
    color: #D4D4D4;
}

.my-note-modal input {
    height: 34px !important;
    border-radius: 5px !important;
    border: 1px solid #CCCCCC !important;
    font-weight: 400 !important;
}

.footer-menu-wrapper {
    margin-bottom: 30px;
}

.footer-menu-title {
    font-family: 'Poppins', sans-serif;
    color: #FFFFFF;
    font-size: 24px;
    margin-bottom: 25px;
    line-height: 1.5em;
}

.footer-menu-link {
    color: #FFFFFF;
    font-size: 16px;
    margin-bottom: 25px;
    text-decoration: none;
    font-weight: 300;
}

    .footer-menu-link a {
        color: #FFFFFF;
        font-size: 16px;
        text-decoration: none;
        font-weight: 300;
    }

        .footer-menu-link a:hover {
            text-decoration: underline;
        }

.footer-menu-link-empty {
    color: #384664;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 300;
}

    .footer-menu-link-empty:hover {
        text-decoration: none;
    }

@media (max-width: 1199px) {
    .footer-socials {
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .footer-socials {
        padding-top: 12px;
    }
}

@media (max-width: 565px) {
    .customer-service-wrapper {
        flex-direction: column;
    }

        .customer-service-wrapper .customer-service-country:first-child {
            margin-right: 0px;
        }
}

@media (max-width: 375px) {
    .footer-menu-col {
        width: 100%;
    }
}

.tech-support-link {
    text-decoration: none;
}

    .tech-support-link:hover .tech-support-item {
        box-shadow: 0px 0px 30px #00000040;
    }


.tech-support-item {
    display: flex;
    align-items: center;
    border-radius: 25px;
    box-shadow: 0px 0px 30px #00000025;
    padding: 30px;
    margin-bottom: 35px;
    text-align: left;
    transition: 0.18s all linear;
}

.tech-support-img {
    width: 65px;
}


.tech-support-text {
    margin-left: 40px;
}

.tech-support-title {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 5px;
    text-decoration: none;
}

.tech-support-description {
    color: #252525;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    text-align: left;
    text-decoration: none;
}

@media (max-width: 499px) {
    .tech-support-item {
        flex-direction: column;
    }

    .tech-support-text {
        margin-left: 0px;
        margin-top: 30px;
    }

    .tech-support-title, .tech-support-description {
        text-align: center;
    }
}

.documentation-boxes {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin-left: -1.5%;
    margin-right: -1.5%;
}

.documentation-filter {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.documentation-filter-item {
    height: 50px;
    border-radius: 15px;
    border: 2px solid #FFFFFF;
    display: inline-flex;
    align-items: center;
    padding: 0 20px;
    color: #252525;
    background: #FFFFFF;
    font-weight: 600;
    font-size: 17px;
    box-shadow: 0px 0px 30px #00000025;
    margin: 0 10px;
    cursor: pointer;
    text-decoration: none !important;
    margin-bottom: 20px;
}

    .documentation-filter-item:hover {
        border-color: #2FA15E;
        color: #252525;
    }

    .documentation-filter-item.active,
    .documentation-filter-item.active:hover {
        background: #2FA15E;
        border-color: #2FA15E;
        color: #FFFFFF;
    }

.documentation-item {
    box-shadow: 0px 0px 30px #00000025;
    border-radius: 25px;
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 30.333333333%;
}

.documentation-title {
    margin-top: 0px;
    margin-bottom: 5px;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    line-height: 1.4;
}

.documentation-description {
    color: #252525;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    text-decoration: none;
    margin-bottom: 15px;
    text-align: center;
}

.documentation-badge {
    background: #FFBD08;
    display: inline-flex;
    height: 20px;
    padding: 0 10px;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-weight: 400;
    border-radius: 20px;
    margin-bottom: 5px;
    font-size: 12px;
}

    .documentation-badge.pneub2b {
        background: #2b3f77;
    }

    .documentation-badge.smartservis {
        background: #2FA15E;
    }

    .documentation-badge.smartkatalog {
        background: #B92737;
    }

.documentation-link {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px;
    height: 50px;
    display: flex;
    border: 2px solid #2FA15E;
    border-radius: 15px;
    text-align: center;
    padding: 0 20px;
    align-items: center;
    line-height: 1.5rem;
    text-decoration: none;
    color: #2FA15E;
    cursor: pointer;
    transition: 0.18s all linear;
}

    .documentation-link:hover {
        background: #21884D;
        border-color: #21884D;
        color: #FFFFFF;
    }


@media (max-width: 999px) {
    .documentation-item {
        width: 47%;
    }
}

@media (max-width: 767px) {
    .documentation-item {
        width: 100%;
    }
}

.page-hero {
    height: 500px;
    min-height: 500px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-blend-mode: multiply;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 40px 0;
}

@media (max-width: 767px) {
    .page-hero > .container {
        width: 100%;
    }
}

.animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.3s;
}

.animated-fast {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.2s;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(25px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(25px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}


.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.hero-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    color: #FFFFFF;
    font-size: 40px;
    letter-spacing: 0.2px;
    margin-bottom: 5px;
    line-height: 1.3;
}

.hero-title-thick {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #FFFFFF;
    font-size: 40px;
    letter-spacing: 0.2px;
    margin-bottom: 35px;
    line-height: 1.3;
}

.hero-subtitle {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #FFFFFF;
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 15px;
}

.hero-button-primary,
.hero-button-primary:visited,
.hero-button-primary:focus {
    height: 50px;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    display: inline-flex;
    background: #2FA15E;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    color: #FFFFFF;
    text-decoration: none;
    transition: 0.3s all linear;
    margin-right: 15px;
    cursor: pointer;
}

.button-primary,
.button-primary:visited,
.button-primary:focus {
    height: 50px;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    display: inline-flex;
    background: #2FA15E;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    color: #FFFFFF;
    text-decoration: none;
    transition: 0.3s all linear;
    margin-right: 15px;
    cursor: pointer;
}

.new-button-primary {
    height: 50px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    display: inline-flex;
    background: #2FA15E;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    color: #FFFFFF;
    text-decoration: none;
    transition: 0.3s all linear;
    margin-right: 15px;
    cursor: pointer;
}

    .new-button-primary:focus {
        outline: none;
        color: #FFFFFF;
        text-decoration: none;
    }

    .new-button-primary:hover {
        background: #21884D;
        color: #FFFFFF;
    }

.hero-button-primary:hover,
.button-primary:hover,
.button-secondary:hover {
    background: #21884D;
    color: #FFFFFF;
}

.hero-button-secondary,
.hero-button-secondary:visited,
.hero-button-secondary:focus {
    height: 50px;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    display: inline-flex;
    background: transparent;
    border: 3px solid #FFFFFF;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    color: #FFFFFF;
    text-decoration: none;
    transition: 0.3s all linear;
    margin-right: 15px;
    cursor: pointer;
}

.button-secondary,
.button-secondary:visited,
.button-secondary:focus {
    height: 50px;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    display: inline-flex;
    background: transparent;
    border: 2px solid #2FA15E;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    color: #252525;
    text-decoration: none;
    transition: 0.3s all linear;
    margin-right: 15px;
    cursor: pointer;
}

    .button-secondary:hover {
        background: #2FA15E;
        color: #FFFFFF;
    }

.hero-button-secondary:hover {
    background: #FFFFFF;
    color: #252525;
}

@media (max-width: 767px) {
    .button-group {
        display: flex;
        flex-direction: column;
    }

        .button-group > *:not(:first-child) {
            margin-top: 15px;
        }
}

#register .hero-button-secondary,
#register .hero-button-secondary:visited,
#register .hero-button-secondary:focus {
    background: transparent;
    border: 3px solid #2FA15E;
    color: #2FA15E;
}

    #register .hero-button-secondary:hover {
        background: #2FA15E;
        color: #FFFFFF;
    }

#register .hero-button-secondary,
#register .hero-button-primary {
    margin-bottom: 10px;
}



.orange-alert {
    background: #FFBD08;
    border-radius: 15px;
    padding: 15px 20px;
    color: white;
    font-weight: 500;
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 40px;
    line-height: 1.3;
}

.section-day-with-b2b-1 {
    display: flex;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 30px;
}

.section-img {
    max-width: 100%
}

.section-text {
    font-size: 18px;
    line-height: 2;
    font-weight: 400;
    margin-bottom: 20px;
    color: #252525;
}

.day-with-b2b-topic-item {
    border-radius: 25px;
    box-shadow: 0px 0px 30px #00000025;
    padding: 20px;
    margin-bottom: 20px;
}

.topic-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    margin-bottom: 12px;
    color: #2FA15E;
}

.topic-description {
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 1.6;
    color: #252525;
}

.section-title-2 {
    font-family: 'Poppins';
    font-weight: 800;
    margin-bottom: 40px;
    font-size: 34px;
}

.day-with-b2b-main-date {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #FFFFFF;
    font-size: 25px;
    letter-spacing: 0.2px;
    margin-bottom: 0px;
    line-height: 1.3;
}

.day-with-b2b-harmonogram {
    border-radius: 25px;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px #00000025;
    padding: 30px;
    border: 3px solid #FDBD2C;
    display: inline-flex;
    flex-direction: column;
}






.day-with-b2b-harmonogram-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    color: #FFFFFF;
    background: #FDBD2C;
    padding: 10px 20px;
    border-radius: 40px;
    width: fit-content;
}

.day-with-b2b-harmonogram-item {
    display: flex;
    margin-bottom: 12px;
}

.day-with-b2b-harmonogram-item-time {
    width: 50px;
    font-size: 18px;
    font-weight: 700;
    text-align: right;
    margin-right: 20px;
    color: #252525;
    line-height: 1.5;
}

.day-with-b2b-harmonogram-item-description {
    font-size: 16px;
    font-weight: 400;
    max-width: 80%;
    color: #252525;
    line-height: 1.5;
}

.hero-button-primary-big {
    height: 60px;
    font-size: 18px;
}

.day-with-b2b-harmonogramsmall-note {
    font-size: 12px;
    margin-top: 10px;
    line-height: 18px;
    padding: 0 30px;
    text-align: center;
}

.contract-link {
    text-decoration: none;
    color: #464d5e;
    font-weight: 500;
}

.day-with-b2b-harmonogram-item-description a,
.day-with-b2b-harmonogramsmall-note a {
    color: #252525;
}

.day-with-b2b-harmonogram-title-box {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}


@media (max-width: 999px) {
    .day-with-b2b-harmonogram-title-box {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .section-day-with-b2b-1 {
        display: block;
    }

    .hero-button-group > *,
    .hero-button-primary-big {
        width: 100%;
        margin-bottom: 10px;
    }

    .section-img {
        margin-bottom: 15px;
    }

    .day-with-b2b-harmonogram {
        margin-top: 25px;
    }

    .section-text {
        font-size: 16px;
        line-height: 1.6;
    }
}

nav.new-main-navbar .navbar-nav > li > a.highlighted {
    cursor: pointer;
}

@media (min-width: 1000px) {
    nav.new-main-navbar .navbar-nav > li > a.highlighted.active {
        background: #27A25C;
        color: #FFFFFF;
        cursor: pointer;
    }

        nav.new-main-navbar .navbar-nav > li > a.highlighted.active:hover {
            background: #21884D;
        }
}

#smartservis-newweb-dialog {
    max-width: 1200px;
    width: 100%
}

    #smartservis-newweb-dialog .modal-content {
        border-radius: 25px;
    }

    #smartservis-newweb-dialog .modal-body {
        padding: 30px;
        padding-top: 5px;
    }

    #smartservis-newweb-dialog .modal-header {
        border-bottom: none;
    }


#openSmartServisComponentBtn {
    background: #27A25C;
    border-radius: 15px;
    height: 45px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    text-transform: none;
    font-weight: 600;
    font-size: 15px;
}

    #openSmartServisComponentBtn:hover {
        background: #21884D;
    }

.grid-item-has-badge {
    position: relative;
}

.grid-item-preparing .grid-item-img,
.grid-item-preparing .grid-item-title,
.grid-item-preparing .grid-item-description,
.grid-item-preparing .grid-item-link {
    opacity: 0.5;
}

.grid-item-preparing .grid-item-link {
    cursor: default;
}

    .grid-item-preparing .grid-item-link:hover {
        border: 2px solid #2FA15E;
        color: #2FA15E;
        background: #FFFFFF;
    }

.grid-item-badge {
    position: absolute;
    padding: 0 10px;
    background: #2FA15E;
    top: 20px;
    left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 15px;
    border-radius: 12px;
}

.grid-item-badge-preparing {
    background: #FFBD08;
}


/* Image Slider */
.slick-slide {
    margin: 0px 20px;
    text-align: center;
}

    .slick-slide img {
        max-width: 100%;
        max-height: 120px;
        width: auto;
        height: auto;
        min-width: 100px;
    }

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    margin-bottom: 30px;
}

    .slick-slider a:focus {
        outline: none;
    }

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* END Image Slider */

.modal-waiting-spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
}


.configuration-description {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 20px;
    color: #252525;
    font-weight: 300;
}

    .configuration-description strong {
        font-weight: 500;
    }

#Configuration .flex-row,
#PortalSortiment .flex-row {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    #Configuration .flex-row,
    #PortalSortiment .flex-row {
        flex-direction: column;
    }
}

#Configuration .configuration-text,
#PortalSortiment .configuration-text {
    margin-bottom: 40px;
    margin-top: 40px;
}

#Configuration h2.title-h2,
#PortalSortiment h2.title-h2 {
    margin-bottom: 30px;
    margin-top: 0px;
}

#Configuration,
#PortalSortiment,
#InvidualCourseTopics {
    background: #FFFFFF;
    background: linear-gradient(0deg, #E8E8E8 0%, #FFFFFF 100%);
    overflow-x: hidden;
}

.configuration-img {
    max-width: 100%;
}

#Modules, #Configuration, #PortalSortiment, #InvidualCourseTopics {
    margin-bottom: 70px;
}

.mt-40 {
    margin-top: 40px;
}


.mt-50 {
    margin-top: 50px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-90 {
    margin-top: 90px;
}

.benefit-items {
    display: flex;
    gap: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.benefit-items-3 > * {
    flex-grow: 1;
    width: 31%;
}

@media (max-width: 767px) {
    .benefit-items {
        flex-direction: column;
    }

        .benefit-items > * {
            width: 100%;
        }
}

.benefit-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.benefit-item-icon {
    background: #2FA15E;
    border-radius: 35px;
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
}

.benefit-item-img {
    max-width: 80px;
}

.benefit-item-title {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #252525;
    margin-bottom: 15px;
    line-height: 32px;
}

.benefit-item-description {
    font-size: 15px;
    line-height: 26px;
    font-weight: 300;
    color: #252525;
    margin-bottom: 15px;
}

.boxed-action-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 25px;
    box-shadow: 0px 0px 30px #00000025;
    padding: 0px 25px 0 80px;
    background: #FFFFFF;
    margin-top: 100px;
    z-index: 1;
    position: relative;
}

    .boxed-action-block h2.title-h2 {
        text-align: left;
        margin-bottom: 15px !important;
        margin-top: 0px !important;
    }

.boxed-action-block-img {
    margin-top: -92px;
    max-width: 386px;
}

.boxed-action-block .customer-service-country {
    border: 2px solid #E8E8E8;
}

.boxed-action-block-description {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 25px;
    color: #252525;
}

#Configuration,
#PortalSortiment,
#InvidualCourseTopics {
    position: relative;
}

.background-blur-object-1 {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 350px;
    z-index: 0;
}

.background-blur-object-2 {
    position: absolute;
    bottom: 380px;
    max-width: 290px;
    left: -50px;
    transform: rotate(94deg);
    z-index: 0;
}

.background-blur-object-3 {
    position: absolute;
    bottom: 400px;
    max-width: 250px;
    right: 5%;
    transform: rotate(282deg);
    z-index: 0;
}

.background-blur-object-4 {
    position: absolute;
    bottom: 0;
    right: -71px;
    max-width: 350px;
    z-index: 0;
}

@media (max-width: 1599px) {
    .background-blur-object-1 {
        max-width: 250px;
    }

    .background-blur-object-2 {
        max-width: 240px;
    }

    .background-blur-object-3 {
        max-width: 200px;
        right: 1%;
    }

    .background-blur-object-4 {
        max-width: 250px;
    }
}

@media (max-width: 1399px) {
    .background-blur-object-1 {
        max-width: 250px;
        left: -100px;
    }

    .background-blur-object-2 {
        max-width: 220px;
        left: -100px;
    }

    .background-blur-object-3 {
        max-width: 200px;
        right: -90px;
    }

    .background-blur-object-4 {
        max-width: 250px;
    }
}

@media (max-width: 999px) {
    .background-blur-object-1 {
        max-width: 200px;
        left: -100px;
    }

    .background-blur-object-2 {
        max-width: 180px;
        left: -100px;
    }

    .background-blur-object-3 {
        max-width: 160px;
        right: -90px;
    }

    .background-blur-object-4 {
        max-width: 200px;
    }
}

@media (max-width: 899px) {
    .background-blur-object-1 {
        display: none;
    }

    .background-blur-object-2 {
        display: none;
    }

    .background-blur-object-3 {
        display: none;
    }

    .background-blur-object-4 {
        display: none;
    }
}

#References {
    margin-bottom: 100px;
}

@media (max-width: 1199px) {
    .boxed-action-block {
        padding: 50px 25px 0 35px;
    }

    .boxed-action-block-img {
        margin-top: -70px;
        max-width: 300px;
    }

    .boxed-action-block .customer-service-wrapper {
        margin-bottom: 50px;
    }

    .boxed-action-block .button-group {
        margin-bottom: 43px;
    }
}

@media (max-width: 991px) {
    .boxed-action-block-img {
        display: none;
    }

    .boxed-action-block {
        padding: 40px 30px;
        justify-content: center;
        margin-top: 0px;
    }

    .boxed-action-block-description {
        text-align: center
    }

    .boxed-action-block h2.title-h2 {
        text-align: center;
        margin-top: 0px;
    }

    .boxed-action-block .customer-service-wrapper {
        margin-bottom: 0px;
    }

    .boxed-action-inner-block {
        text-align: center;
    }

    .boxed-action-block .button-group {
        margin-bottom: 0px;
    }
}

@media (max-width: 660px) {
    .boxed-action-block .customer-service-wrapper {
        flex-direction: column;
    }

    .boxed-action-block-customer-care .customer-service-wrapper .customer-service-country:first-child {
        margin-right: 0px;
    }
}

.smartservis-order-links {
    text-align: left;
    color: #252525;
    padding: 0 12px;
    line-height: 18px;
    padding-bottom: 9px;
}

}

#smartservis-portal-dialog .modal-body {
    padding: 30px;
    padding-top: 0px;
    margin-top: 15px;
}

#smartservis-portal-dialog .modal-header .close {
    margin-top: 3px;
    margin-right: 15px;
}

#smartservis-portal-dialog .modal-content {
    border-radius: 25px;
    overflow-y: scroll;
}

.order-list-contract {
    text-align: left;
    padding-left: 10px;
    line-height: 15px;
    font-size: 12px;
    padding-bottom: 3px;
}

.smartservis-order-customer-name {
    white-space: nowrap;
    overflow: hidden;
    max-width: 100px;
    text-overflow: ellipsis;
    margin-top: 2px;
    color: #252525;
    font-weight: 400;
    font-size: 12px;
}

.smartservis-orders-link,
.smartservis-orders-link:visited,
.smartservis-orders-link:hover,
.smartservis-orders-link:focus {
    cursor: pointer;
    color: #252525 !important;
    font-weight: 500;
}

.vertically-aligned-table-text .smartservis-orders-new-link,
.vertically-aligned-table-text.smartservis-orders-new-link:visited,
.vertically-aligned-table-text .smartservis-orders-new-link:focus {
    background: #27A25C;
    color: #FFFFFF !important;
    font-size: 11px;
    font-weight: 500;
    text-decoration: none;
    height: 22px !important;
    display: inline-flex;
    justify-content: center;
    align-content: center;
    line-height: 23px;
    padding: 0 6px;
    border-radius: 9px;
    margin-top: 3px;
    cursor: pointer;
    white-space: nowrap;
}

    .vertically-aligned-table-text .smartservis-orders-new-link:hover {
        background: #21884D;
        color: #FFFFFF;
        text-decoration: none;
    }

#modalSmartServisPortal .modal-header {
    border-bottom: none;
}

a.footer-menu-title-link,
a.footer-menu-title-link:focus,
a.footer-menu-title-link:active {
    color: #FFFFFF;
    text-decoration: none;
}

    a.footer-menu-title-link:hover {
        text-decoration: underline;
        color: #FFFFFF;
    }

.product-main-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 20px;
    color: #252525;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 700px;
}


    .product-main-description strong {
        font-weight: 600;
    }

#modalSmartServisPricing .modal-header {
    border-bottom: none;
}

.side-video-block {
    display: flex;
    align-items: center;
    margin-top: 90px;
    gap: 50px;
}

.video-element {
    border-radius: 20px;
    box-shadow: 0px 0px 30px #00000025;
    background: #FFFFFF;
    overflow: hidden;
    width: 650px;
    border: 1px solid #dddddd;
}

    .video-element .video-header {
        background: #252525;
        height: 45px;
        display: flex;
        align-items: center;
        padding-left: 20px;
    }

    .video-element .video-header-dot {
        background: #FFFFFF;
        height: 12px;
        width: 12px;
        border-radius: 20px;
        margin-right: 12px;
    }


    .video-element video {
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        height: 101%;
        width: 101%;
        margin-bottom: -4px;
        margin-left: -1px;
    }

.side-video-block h3.title-h3 {
    text-align: left;
    font-size: 26px;
    margin-top: 0px;
    margin-bottom: 20px;
}

.side-video-block-description,
.side-video-block-description p {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 20px;
    color: #252525;
}

    .side-video-block-description a,
    .side-video-block-description p a,
    .side-video-block-description a:focus,
    .side-video-block-description p a:focus,
    .side-video-block-description a:visited,
    .side-video-block-description p a:visited,
    .side-video-block-description a:hover,
    .side-video-block-description p a:hover {
        font-weight: 500;
        color: #252525;
        text-decoration: underline;
    }

    .side-video-block-description p {
        margin-bottom: 5px;
    }

@media (max-width: 1199px) {
    .video-element {
        width: 400px;
    }
}

@media (max-width: 999px) {
    .video-element {
        width: 100%;
        max-width: 700px;
    }

    .side-video-block {
        display: flex;
        flex-direction: column;
        gap: 15px;
        margin-top: 50px;
    }

        .side-video-block .video-block-text {
            order: 1;
        }

        .side-video-block .video-block-video {
            order: 2;
        }

        .side-video-block h3.title-h3 {
            text-align: center;
        }

    .side-video-block-description {
        text-align: center;
    }
}

.title-badge {
    padding: 0 10px;
    background: #2FA15E;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 15px;
    width: fit-content;
    border-radius: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -25px;
}

.title-big-badge {
    height: 38px;
    font-size: 16px;
    font-weight: 300;
    padding: 0 18px;
    line-height: 17px;
    margin-bottom: 15px;
}

.title-light {
    font-weight: 500;
    font-size: 32px;
}

.title-big-badge strong {
    font-weight: 500;
}

.title-badge-yellow {
    background: #FDBD2C;
}

#SmartServis_Orders {
    background: #FFFFFF;
    background: linear-gradient(0deg, #E8E8E8 0%, #FFFFFF 100%);
    overflow-x: hidden;
    position: relative;
}

.references-orders h2.title-h2 {
    margin-top: 0px;
}

/* BEGIN: SmartServis Pricing*/
#smartservis-pricing {
    width: 1000px;
}

@media (max-width: 999px ) {
    #smartservis-pricing {
        width: 100%;
    }
}

#smartservis-pricing .modal-content {
    border-radius: 25px;
    background: #F0F0F0;
}

#smartservis-pricing .modal-body {
    padding-left: 35px;
    padding-right: 35px;
}

#smartservis-pricing .smartservis-pricing-block {
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 25px;
    margin-bottom: 25px;
}


#smartservis-pricing .smartservis-pricing-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 749px) {
    #smartservis-pricing .smartservis-pricing-header {
        flex-direction: column;
        gap: 20px;
    }
}


#smartservis-pricing .smartservis-pricing-switch {
    height: 26px;
    width: 44px;
    background: #B0BEC5;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 3px;
    cursor: pointer;
}

    #smartservis-pricing .smartservis-pricing-switch .smartservis-pricing-switch-dot {
        background: #ECEFF1;
        width: 20px;
        height: 20px;
        border-radius: 100px;
        cursor: pointer;
    }

#smartservis-pricing .smartservis-pricing-left {
    display: flex;
    align-items: center;
}

#smartservis-pricing .smartservis-pricing-title {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 800;
    color: #252525;
    margin-left: 15px;
    line-height: 1.2;
}

#smartservis-pricing .smartservis-pricing-block.active .smartservis-pricing-switch {
    background: #2FA15E;
    justify-content: flex-end;
}

    #smartservis-pricing .smartservis-pricing-block.active .smartservis-pricing-switch .smartservis-pricing-switch-dot {
        background: #F8FFFB;
    }

#smartservis-pricing .smartservis-pricing-right {
    display: flex;
    align-items: center;
    gap: 20px;
}

#smartservis-pricing .smartservis-pricing-month-price,
#smartservis-pricing .smartservis-pricing-activation-price {
    text-align: right;
    width: 100px;
}

#smartservis-pricing .smartservis-pricing-activation-price-label,
#smartservis-pricing .smartservis-pricing-month-price-label {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 800;
    color: #ADADAD;
    margin-bottom: 4px;
}

#smartservis-pricing .smartservis-pricing-activation-price-value,
#smartservis-pricing .smartservis-pricing-month-price-value {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 800;
    color: #252525;
}

#smartservis-pricing .smartservis-pricing-block:not(.active) .smartservis-pricing-activation-price-value,
#smartservis-pricing .smartservis-pricing-block:not(.active) .smartservis-pricing-month-price-value {
    opacity: 0.5;
}

#smartservis-pricing .smartservis-pricing-block .smartservis-pricing-edit-button,
#smartservis-pricing .smartservis-pricing-block .smartservis-pricing-save-button {
    margin-right: 0px;
    width: 100px;
}

#smartservis-pricing .smartservis-pricing-block:not(.active) .smartservis-pricing-edit-button,
#smartservis-pricing .smartservis-pricing-block:not(.active) .smartservis-pricing-edit-button:hover {
    background: #B5B5B5;
    cursor: default;
}

#smartservis-pricing .smartservis-pricing-content {
    display: none;
}

#smartservis-pricing .smartservis-pricing-block.active.opened .smartservis-pricing-content {
    display: block;
    align-self: flex-start;
    width: 100%;
}

#smartservis-pricing .smartservis-pricing-block.opened .smartservis-pricing-header {
    flex-direction: column;
}

#smartservis-pricing .smartservis-pricing-block.opened .smartservis-pricing-left {
    align-self: flex-start;
}

#smartservis-pricing .smartservis-pricing-block.opened .smartservis-pricing-right {
    align-self: flex-end;
}

#smartservis-pricing .smartservis-pricing-block.opened .smartservis-pricing-edit-button {
    display: none;
}

#smartservis-pricing .smartservis-pricing-save-button {
    display: none;
}

#smartservis-pricing .smartservis-pricing-block.opened .smartservis-pricing-save-button {
    display: inline-flex;
}

#smartservis-pricing #SmartServis_Orders_Pricing .smartservis-pricing-edit-button {
    opacity: 0 !important;
    cursor: default !important;
}

#smartservis-pricing .catalog-pricing-line {
    display: flex;
    margin-bottom: 10px;
}

#smartservis-pricing .catalog-pricing-title-line {
    display: flex;
}

#smartservis-pricing .catalog-pricing-inner-line {
    display: flex;
    border-bottom: 1px dotted #dedede;
    margin-bottom: 13px;
    padding-bottom: 9px;
    padding-top: 0px;
    align-items: center;
    margin-top: 10px;
}

#smartservis-pricing .catalog-pricing-final {
    text-align: right;
    margin-top: 30px;
}

#smartservis-pricing .catalog-pricing-col-1 {
    flex: 0.7;
}

#smartservis-pricing .catalog-pricing-col-2 {
    flex: 0.3;
    display: flex;
}

    #smartservis-pricing .catalog-pricing-col-2 > div {
        flex: 0.5;
    }

@media (max-width: 1200px) {
    #smartservis-pricing .catalog-pricing-col-1 {
        flex: 0.6;
    }

    #smartservis-pricing .catalog-pricing-col-2 {
        flex: 0.4;
    }

        #smartservis-pricing .catalog-pricing-col-2 > div {
            flex: 0.5;
            margin-right: 20px;
        }
}

@media (max-width: 520px) {
    #smartservis-pricing .smartservis-pricing-right {
        flex-direction: column;
        width: 100%;
    }

    #smartservis-pricing .smartservis-pricing-block .smartservis-pricing-edit-button,
    #smartservis-pricing .smartservis-pricing-block .smartservis-pricing-save-button {
        width: 100%;
    }
}


@media (max-width: 991px) {
    #smartservis-pricing .catalog-pricing-line {
        flex-direction: column;
    }

    #smartservis-pricing .catalog-pricing-col-1 {
        flex: auto;
    }

    #smartservis-pricing .catalog-pricing-inner-line {
        flex-direction: column;
        align-items: flex-start;
    }

    #smartservis-pricing .catalog-pricing-heading {
        display: none;
    }

    #smartservis-pricing .catalog-pricing-col-2 {
        margin-top: 10px;
        margin-left: 21px;
        flex: 1;
        width: 100%;
    }
}

#smartservis-pricing .catalog-pricing-big-title,
#smartservis-pricing .catalog-pricing-big-price {
    font-weight: 600;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    color: #252525;
    margin-bottom: 4px;
}

#smartservis-pricing .catalog-pricing-small-title {
    font-weight: 400;
    font-size: 14px;
    font-family: 'Ubuntu', sans-serif;
    color: #252525;
}

#smartservis-pricing .catalog-pricing-small-price {
    font-weight: 600;
    font-size: 14px;
    font-family: 'Ubuntu', sans-serif;
    color: #252525;
}

#smartservis-pricing .catalog-pricing-small-title,
#smartservis-pricing .catalog-pricing-big-title {
    display: flex;
    align-items: center;
}

#smartservis-pricing .catalog-pricing-text {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Ubuntu', sans-serif;
    color: #252525;
    margin-bottom: 10px;
}

#smartservis-pricing .check-box {
    display: flex;
    align-items: center;
}

#smartservis-pricing input[type="checkbox"] {
    margin-top: 0px;
}


#smartservis-pricing .tooltip .tooltip-inner {
    padding: 15px;
    background-color: #252525;
    font-weight: 400 !important;
    font-size: 13px !important;
    font-family: 'Ubuntu', sans-serif;
}

.info-tooltip {
    width: 17px;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ADADAD;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 400;
    border-radius: 100px;
    margin-left: 4px;
    cursor: help;
}

.smartservis-final-price-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.smartservis-final-price-label {
    font-weight: 500;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    color: #252525;
}

.smartservis-final-price-value {
    font-weight: 500;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    color: #252525;
    white-space: nowrap;
}

.smartservis-final-price-wrapper.smartservis-final-price-wrapper-month {
    margin-top: 12px;
}

    .smartservis-final-price-wrapper.smartservis-final-price-wrapper-month .smartservis-final-price-value,
    .smartservis-final-price-wrapper.smartservis-final-price-wrapper-month .smartservis-final-price-value {
        font-weight: 800;
    }

#smartservis-pricing .calendar-pricing {
    display: flex;
    align-items: flex-end;
    margin: 20px -20px;
}

    #smartservis-pricing .calendar-pricing .calendar-pricing-titles {
        width: 30%;
        margin: 0 20px;
        padding: 20px 0;
        margin-bottom: 90px;
    }

    #smartservis-pricing .calendar-pricing .calendar-pricing-block {
        width: 20%;
        margin: 0 20px;
        border-radius: 25px;
        box-shadow: 0px 0px 30px #00000025;
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
    }

#smartservis-pricing .calendar-pricing-block-header {
    width: 100%;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
}

    #smartservis-pricing .calendar-pricing-block-header.calendar-pricing-block-header-free {
        background: #324980;
        color: #FFFFFF;
    }

    #smartservis-pricing .calendar-pricing-block-header.calendar-pricing-block-header-standard {
        background: #2FA15E;
        color: #FFFFFF;
    }

    #smartservis-pricing .calendar-pricing-block-header.calendar-pricing-block-header-individual {
        background: #757781;
        color: #FFFFFF;
    }

#smartservis-pricing .calendar-pricing .calendar-pricing-block .calendar-pricing-block-lines {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#smartservis-pricing .calendar-pricing .calendar-pricing-titles .calendar-pricing-title-line {
    border-bottom: 1px solid #e2e2e2;
    height: 41px;
    color: #252525;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}


    #smartservis-pricing .calendar-pricing .calendar-pricing-titles .calendar-pricing-title-line .second-line {
        color: #252525;
        font-weight: 400;
        font-size: 12px;
        display: block;
        line-height: 1;
    }

#smartservis-pricing .calendar-pricing .calendar-pricing-block .calendar-pricing-block-line {
    border-bottom: 1px solid #e2e2e2;
    padding: 12px 0;
    color: #252525;
    font-weight: 400;
    font-size: 15px;
    width: 100%;
    text-align: center;
}

#smartservis-pricing .calendar-pricing-block-price {
    height: 50px;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 5px;
}

#smartservis-pricing .calendar-pricing-free .calendar-pricing-block-price {
    background: #324980;
    color: #FFFFFF;
}

#smartservis-pricing .calendar-pricing-standard .calendar-pricing-block-price {
    background: #2FA15E;
    color: #FFFFFF;
}

#smartservis-pricing .calendar-pricing-individual .calendar-pricing-block-price {
    background: #757781;
    color: #FFFFFF;
}

#smartservis-pricing .calendar-pricing-block-price-description {
    font-size: 12px;
    color: #b8b8b8;
}

#smartservis-pricing .calendar-pricing-button {
    height: 50px;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 5px;
    background: #FFFFFF;
    color: #2FA15E;
    border: 2px solid #2FA15E;
    margin-bottom: 20px;
    cursor: pointer;
}

#smartservis-pricing .calendar-pricing-block.selected .calendar-pricing-button {
    background: #2FA15E;
    color: #FFFFFF;
}

#smartservis-pricing .calendar-pricing-block.selected {
    box-shadow: 0px 0px 20px #0000007a;
}

#smartservis-pricing .sms-pricing-button {
    text-align: right;
    margin-top: 20px;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

#smartservis-pricing .calendar-pricing-mobile-title {
    display: none;
    font-weight: 600;
}

@media (max-width: 1199px) {
    #smartservis-pricing .calendar-pricing-block-header {
        font-size: 18px;
    }
}

@media (max-width: 999px) {
    #smartservis-pricing .calendar-pricing .calendar-pricing-titles {
        display: none;
    }

    #smartservis-pricing .calendar-pricing {
        flex-direction: column;
        padding: 0 30px
    }

        #smartservis-pricing .calendar-pricing .calendar-pricing-block {
            width: 100%;
            margin: 0px 0px 20px 0px;
        }

    #smartservis-pricing .calendar-pricing-mobile-title {
        display: block;
        margin-bottom: 4px;
    }

    #smartservis-pricing .calendar-pricing .calendar-pricing-block .calendar-pricing-block-lines {
        width: 100%;
    }
}

.smartservis-storage-pricing h4 {
    margin-top: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 5px;
    color: #252525;
}

.smartservis-storage-pricing .radio-button-group {
    display: flex;
    align-items: center;
}

.smartservis-storage-pricing label {
    color: #252525;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Ubuntu', sans-serif;
    line-height: 26px;
    margin-bottom: 0px;
}

.smartservis-storage-pricing input[type=radio] {
    margin-top: 0px;
    margin-right: 5px;
}

.smartservis-storage-pricing label.radio-label {
    margin-right: 20px;
}

.smartservis-storage-pricing #QRPricingTable {
    color: #252525;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Ubuntu', sans-serif;
    color: #252525;
    line-height: 20px;
    margin-bottom: 20px;
}

    .smartservis-storage-pricing #QRPricingTable td {
        padding-bottom: 7px;
    }

        .smartservis-storage-pricing #QRPricingTable td:first-child {
            padding-right: 20px;
        }

        .smartservis-storage-pricing #QRPricingTable td.price {
            font-weight: 600;
            text-align: right;
            white-space: nowrap;
        }

.smartservis-storage-pricing #QRCount {
    height: 50px;
    color: #252525;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Ubuntu', sans-serif;
    line-height: 26px;
    margin-bottom: 20px;
    border-radius: 15px;
    padding: 0 15px;
    width: 170px;
    box-shadow: 0px 0px 11.73px 5.27px rgba(0, 0, 0, 0.1);
    border-style: none;
}

    .smartservis-storage-pricing #QRCount:focus {
        outline: none;
    }

.smartservis-storage-pricing .horizontal-group-baseline {
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
    gap: 20px;
}

    .smartservis-storage-pricing .horizontal-group-baseline h4 {
        margin-bottom: 0px;
    }

    .smartservis-storage-pricing .horizontal-group-baseline #QRCount {
        margin-bottom: 0px;
    }

.smartservis-storage-pricing .horizontal-group-center {
    display: flex;
    align-items: center;
}

.smartservis-storage-pricing .big-pricing-box {
    border-radius: 15px;
    background: #252525;
    padding: 0 35px;
    color: white;
    font-size: 22px;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}

.smartservis-storage-pricing .big-pricing-box-green {
    border-radius: 15px;
    background: #2FA15E;
    padding: 0 35px;
    color: white;
    font-size: 22px;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}


.smartservis-storage-pricing .piece-price {
    margin-left: 12px;
}

    .smartservis-storage-pricing .piece-price #PiecePrice,
    .smartservis-storage-pricing .piece-price #PiecePriceFirstYear {
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        font-size: 22px;
        margin-bottom: 5px;
        color: #252525;
    }

.smartservis-storage-pricing .piece-price-label {
    color: #adadad;
}

.smartservis-storage-pricing {
    margin-bottom: 20px;
}

    .smartservis-storage-pricing #QRPricesAnalysis,
    .smartservis-storage-pricing #QRPricesConsumables,
    .smartservis-storage-pricing #QRPricesHardware {
        display: none;
    }


/* END: SmartServis Pricing*/

#smart-servis-new-component a.disabled {
    pointer-events: none;
    cursor: default;
}

#supplier-statistics-wrapper {
    width: 100%;
}

#supplier-statistics-iframe {
    width: 100%;
}

.main-container.supplier-statistics {
    width: 100%;
}

.mt-100 {
    margin-top: 100px;
}

.mb-100 {
    margin-bottom: 100px;
}

#modalVideoPopup .modal-header {
    border-bottom: 0px;
    padding: 0px !important;
    height: 50px;
    margin-top: 15px;
}

    #modalVideoPopup .modal-header button.close {
        height: 50px;
        font-family: 'Poppins', sans-serif;
        font-weight: 800;
        font-size: 14px;
        display: flex;
        background: #2FA15E;
        border-radius: 15px;
        align-items: center;
        justify-content: center;
        padding: 0 20px;
        color: #FFFFFF;
        text-decoration: none;
        transition: 0.3s all linear;
        cursor: pointer;
        opacity: 1;
        text-shadow: none;
    }

        #modalVideoPopup .modal-header button.close:hover {
            background: #21884D;
        }

#modalVideoPopup .modal-content {
    border-radius: 0px;
    background: transparent;
    box-shadow: none;
}

#modalVideoPopup .modal-body {
    padding: 0px;
}

#modalVideoPopup .modal-dialog {
    width: max-content;
}

.modal-video-link {
    cursor: pointer;
}

#modalVideoContent {
    margin-bottom: -3px;
    border-radius: 15px;
}

.video-info {
    text-align: center;
    margin-top: 8px;
    margin-right: 10px;
    font-weight: 600;
    color: #c7c7c7;
    font-size: 13px;
    letter-spacing: 0.4px;
}

#PortalSortiment .title-h3 {
    text-align: left !important;
    margin-bottom: 15px;
}

.portal-sortiment-items {
    margin-bottom: 80px;
}

.portal-sortiment-item {
    display: flex;
    gap: 15px;
    align-items: center;
    background: #FFFFFF;
    border-radius: 25px;
    min-height: 65px;
    padding: 0 18px;
    margin-bottom: 18px;
    box-shadow: 0px 0px 20px #00000015;
}

.portal-sortiment-item-tyre .portal-sortiment-item-img {
    width: 140px;
}

.portal-sortiment-item-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #252525;
    font-size: 18px;
    line-height: 1.3;
}

.section-subtitle {
    font-size: 17px;
    font-weight: 300;
    text-align: center;
    line-height: 1.7;
    color: #252525;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1199px) and (min-width: 768px) {
    .portal-sortiment-item {
        flex-direction: column;
        padding: 20px 20px;
    }

    #PortalSortiment .title-h3 {
        text-align: center !important;
    }

    .portal-sortiment-item-tyre .portal-sortiment-item-img {
        width: auto;
    }

    .portal-sortiment-item-title {
        text-align: center;
    }
}

@media (max-width: 349px) {
    .portal-sortiment-item {
        flex-direction: column;
        padding: 20px 20px;
    }

    .portal-sortiment-item-tyre .portal-sortiment-item-img {
        width: auto;
    }

    .portal-sortiment-item-title {
        text-align: center;
    }
}

.pneub2b-pricing-description {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 20px;
    color: #252525;
    font-weight: 300;
    margin-bottom: 15px;
}

    .pneub2b-pricing-description strong {
        font-weight: 500;
    }


#PneuB2BPricing {
    padding-top: 120px;
    padding-bottom: 80px;
    background: linear-gradient(to bottom, #EAEAEA, #FFFFFF);
}

#PneuB2BPricing .flex-row {
    display: flex;
    align-items: center;
}

#PneuB2BPricing .title-h2 {
    text-align: left;
    margin-bottom: 15px;
    margin-top: 0px;
}

.pricing-table-wrapper {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

.pricing-table-item {
    border-radius: 25px;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px #00000025;
    padding: 50px 45px;
    color: #252525;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 52px;
}


    .pricing-table-item.pricing-table-item-highlighted {
        border: 3px solid #FDBD2C;
        margin-top: 0px;
    }

.pricing-table-badge {
    background: #FDBD2C;
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    padding: 0 10px;
    border-radius: 30px;
    margin-bottom: 20px;
    line-height: 1;
}

.pricing-table-title {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 700;
}

.pricing-table-price {
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 50px;
}

.pricing-table-price-desc {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.pricing-table-benefit {
    display: flex;
    gap: 15px;
    width: 100%;
    margin-bottom: 12px;
    margin-top: 30px;
}

    .pricing-table-benefit:last-child {
        margin-top: 0px;
        margin-bottom: 0px;
    }

.pricing-table-benefit-img img {
    width: 22px;
}

.pricing-table-benefit-title {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.pricing-table-benefit-subtitle {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 500;
    margin-top: -6px;
}

@media (max-width: 1099px) {
    #PneuB2BPricing .flex-row {
        flex-direction: column;
    }

        #PneuB2BPricing .flex-row > * {
            width: 100%;
        }

    .pricing-table-wrapper {
        margin-top: 50px;
    }

    #PneuB2BPricing .new-button-primary {
        width: 100%;
    }
}

@media (max-width: 767px) {
    #Benefits #scrollToPricing.new-button-primary {
        width: 100%;
    }
}


@media (max-width: 649px) {
    .pricing-table-wrapper {
        flex-direction: column;
    }

    .pricing-table-item {
        width: 100%;
        margin-top: 0px;
    }

    .pricing-table-benefit {
        width: 230px;
    }
}

@media (max-width: 339px) {

    .pricing-table-benefit {
        width: 100%;
        flex-direction: column;
        gap: 5px;
        align-items: center;
    }

    .pricing-table-benefit-title {
        text-align: center;
    }
}

#Benefits .configuration-text .title-h2 {
    margin-top: 5px;
}

.configuration-badge {
    background: #FDBD2C;
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    padding: 0 20px;
    border-radius: 50px;
    margin-bottom: 8px;
    line-height: 1;
}

@media (max-width: 767px) {
    .configuration-badge {
        margin-top: 30px;
    }
}

.course-topics {
    margin-top: 45px;
    display: none;
}

.light-text {
    font-weight: 400;
}


.mb-50 {
    margin-bottom: 50px;
}

.mb-40 {
    margin-bottom: 40px;
}



.individual-course-gift-wrapper {
    display: flex;
    gap: 40px;
}

    .individual-course-gift-wrapper > * {
        width: 50%;
    }

.individual-course-gift-text {
    font-size: 16px;
    font-weight: 300;
    color: #252525;
    line-height: 1.8;
    border-radius: 25px;
    box-shadow: 0px 0px 30px #00000025;
    background: #FFFFFF;
    padding: 50px 40px;
}

    .individual-course-gift-text a,
    .individual-course-gift-text a:visited,
    .individual-course-gift-text a:focus {
        font-size: 16px;
        font-weight: 300;
        color: #252525;
        line-height: 1.6;
    }

        .individual-course-gift-text a:focus {
            text-decoration: none;
        }

.individual-course-gift-text-main-title {
    font-size: 22px;
    font-weight: 600;
}

.individual-course-gift-text-title {
    font-weight: 600;
    margin-top: 10px;
}

.individual-course-gift-images {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.individual-course-gift-img img {
    border-radius: 25px;
    max-width: 100%;
}

@media (max-width: 1199px) {
    .individual-course-gift-wrapper {
        flex-direction: column;
    }

        .individual-course-gift-wrapper > * {
            width: 100%;
        }

    .individual-course-gift-images {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 20px;
    }
}

@media (max-width: 699px) {

    .individual-course-gift-images {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
}

.individual-course-day-evening {
    display: flex;
    margin-top: 80px;
    align-items: flex-start;
}

.individual-course-day-evening-item {
    border-radius: 25px;
    box-shadow: 0px 0px 30px #00000025;
    background: #FFFFFF;
    position: relative;
    width: 50%;
    z-index: 2;
}

.individual-course-day-evening-item-text {
    padding: 50px 50px 30px 85px;
}

.individual-course-day-evening .individual-course-day-evening-item:first-child .individual-course-day-evening-item-text {
    padding: 50px 35px 30px 70px;
}

.individual-course-day-evening .individual-course-day-evening-item:last-child {
    margin-left: -50px;
    margin-top: 80px;
    z-index: 1;
}

.individual-course-day-evening .individual-course-day-evening-item:first-child .individual-course-day-evening-item-icon {
    position: absolute;
    top: 30px;
    left: -66px;
}

.individual-course-day-evening .individual-course-day-evening-item:last-child .individual-course-day-evening-item-icon {
    position: absolute;
    top: 30px;
    right: -66px;
}


.individual-course-day-evening-item-img {
    width: 100%;
    height: 370px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.individual-course-day-evening-item-title {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.3;
    font-family: 'Poppins', sans-serif;
    color: #252525;
    margin-bottom: 18px;
}

.individual-course-day-evening .individual-course-day-evening-item:first-child .individual-course-day-evening-item-badge {
    font-size: 13px;
    font-weight: 600;
    color: #FFFFFF;
    background: #00ADF4;
    display: inline-flex;
    height: 30px;
    padding: 0 15px;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    border-radius: 30px;
}

.individual-course-day-evening .individual-course-day-evening-item:last-child .individual-course-day-evening-item-badge {
    font-size: 13px;
    font-weight: 600;
    color: #FFFFFF;
    background: #415870;
    display: inline-flex;
    height: 30px;
    padding: 0 15px;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    border-radius: 30px;
}

.individual-course-day-evening-item-description {
    font-size: 16px;
    font-weight: 300;
    color: #252525;
    line-height: 29px;
}

.individual-course-day-evening-item-button {
    display: flex;
    position: absolute;
    bottom: 35px;
    right: 30px;
    z-index: 10;
    background: #FFFFFF;
    height: 50px;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    font-weight: 600;
    font-size: 16px;
    color: #252525;
    transition: 0.3s all linear;
}

    .individual-course-day-evening-item-button:hover {
        background: #252525;
        color: #FFFFFF;
        cursor: pointer;
    }

@media (max-width: 999px) {

    .individual-course-day-evening .individual-course-day-evening-item:first-child .individual-course-day-evening-item-icon {
        width: 80px;
        top: 20px;
        left: -40px;
    }

    .individual-course-day-evening .individual-course-day-evening-item:last-child .individual-course-day-evening-item-icon {
        width: 80px;
        top: 20px;
        right: -40px;
    }
}

@media (max-width: 849px) {

    .individual-course-day-evening {
        flex-direction: column;
    }

    .individual-course-day-evening-item {
        width: 100%;
    }

    .individual-course-day-evening .individual-course-day-evening-item:last-child {
        margin-left: 0px;
        margin-top: 65px;
    }

        .individual-course-day-evening .individual-course-day-evening-item:first-child .individual-course-day-evening-item-icon,
        .individual-course-day-evening .individual-course-day-evening-item:last-child .individual-course-day-evening-item-icon {
            width: 80px;
            top: -40px;
            right: 20px;
            left: auto;
        }

    .individual-course-day-evening-item-text {
        padding: 40px 40px 20px 40px;
    }
}

.order-sent-wrapper {
    box-shadow: 0px 0px 30px #00000025;
    border-radius: 25px;
    padding: 40px;
    margin-bottom: 38px;
    margin-top: 40px;
}

.order-sent-smartservis-wraper {
    box-shadow: 0px 0px 30px #00000025;
    border-radius: 25px;
    padding: 40px 50px 36px 50px;
    margin-bottom: 38px;
}

.competition-wrapper {
    box-shadow: 0px 0px 30px #00000025;
    border-radius: 25px;
    padding: 50px 50px 15px 50px;
    position: relative;
    margin-bottom: 38px;
}

.competition-badge {
    position: absolute;
    border-radius: 100px;
    height: 76px;
    width: 76px;
    color: #252525;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 800;
    background: #FDBD2C;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    left: -38px;
    top: 40px;
}

@media (max-width: 849px) {
    .competition-badge {
        top: -24px;
        left: 34px;
        height: auto;
        padding: 10px 0;
        border-radius: 15px;
    }
}

.competition-title {
    font-family: 'Poppins', sans-serif;
    color: #252525;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.5;
}

.competition-title-green {
    color: #27A25C;
}

.competition-description,
.draw-description {
    color: #252525;
    font-size: 16px;
    line-height: 1.4;
}

.draw-wrapper-highlighted .draw-description span {
    color: rgb(255, 18, 18);
    font-weight: 700;
    background: white;
    border-radius: 6px;
    padding: 4px 6px;
}

.draw-title {
    font-family: 'Poppins', sans-serif;
    color: #252525;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 10px;
}

.draw-wrapper {
    border-radius: 25px;
    background: #EBEBEB;
    padding: 30px;
    display: flex;
    margin-bottom: 10px;
    overflow: hidden;
    gap: 25px;
    align-items: center;
}

.draw-wrapper-highlighted {
    background: #FDBD2C;
}

@media (max-width: 767px) {
    .draw-wrapper {
        flex-direction: column-reverse;
        gap: 40px;
    }
}

.draw-img img {
    margin-bottom: -50px;
    margin-top: -15px;
}

.competition-conditions {
    font-size: 14px;
    color: #969696;
    line-height: 1.35;
    text-align: center;
}

    .competition-conditions a,
    .competition-conditions a:active,
    .competition-conditions a:focus {
        font-size: 13px;
        color: #969696;
        text-decoration: underline;
    }

        .competition-conditions a:hover {
            font-size: 13px;
            color: #969696;
            text-decoration: none;
        }

.competition-progress {
    margin-top: 20px;
    margin-bottom: 20px;
}

.competition-floating-info {
    position: fixed;
    bottom: 15px;
    left: 15px;
    background: white;
    z-index: 1;
    box-shadow: 0px 0px 30px #00000025;
    border-radius: 15px;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
}

#toggleCompetitionControlBtn {
    position: absolute;
    right: 9px;
    top: 5px;
    text-decoration: none;
    cursor: pointer;
    font-size: 18px;
}


.competition-floating-info-badge {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #FDBD2C;
    border-radius: 15px;
    padding: 10px;
    color: #252525;
    font-weight: 800;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    cursor: pointer;
}

.competition-floating-info-title {
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #252525;
    line-height: 1.3;
    margin-bottom: 3px;
}

.competition-floating-info-description {
    color: #252525;
}

.order-sent-title {
    font-family: 'Poppins', sans-serif;
    color: #27A25C;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 3px;
}

.order-sent-description, .order-sent-description a,
.order-sent-description a:visited, .order-sent-description a:focus {
    font-size: 16px;
    color: #252525;
    font-weight: 400;
    line-height: 1.3;
}

    .order-sent-description a:hover {
        font-size: 16px;
        color: #252525;
        font-weight: 400;
        text-decoration: none;
    }

#ProgressBar .step-progressbar-progress {
    text-align: right;
    padding-right: 10px;
    padding-top: 13px;
}

#ProgressBar .step-progressbar-progress {
    position: relative;
}

    #ProgressBar .step-progressbar-progress div {
        position: absolute;
        right: 5px;
        font-size: 14px;
        color: #252525;
        font-weight: 800;
        background: #FFFFFF;
        padding: 4px 8px;
        border-radius: 30px;
        font-family: 'Poppins', sans-serif;
        white-space: nowrap;
        z-index: 10;
    }

#ProgressBar .step-progressbar-steplabel.step-progressbar-firststep,
#ProgressBar .step-progressbar-step.step-progressbar-firststep {
    display: none;
}

#competition-dialog {
    width: 1000px;
}

    #competition-dialog .modal-content {
        border-radius: 25px;
    }

    #competition-dialog .modal-body {
        padding: 0px;
        position: relative;
    }

    #competition-dialog .competition-wrapper {
        margin-bottom: 0px;
    }

    #competition-dialog button.close {
        position: absolute;
        top: 13px;
        right: 16px;
        z-index: 10;
    }

.step-progressbar-toplabels .step-progressbar-steplabel {
    font-size: 14px;
    color: #252525;
    font-weight: 800;
    font-family: 'Poppins', sans-serif;
}

#ProgressBar .step-progressbar-bottomlabels .step-progressbar-steplabel {
    font-size: 14px;
    color: #252525;
    font-weight: 800;
    background: #FFFFFF;
    padding: 4px 8px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
}

    #ProgressBar .step-progressbar-bottomlabels .step-progressbar-steplabel.threshold-done {
        color: #252525;
        background: #FDBD2C;
        display: flex;
        flex-direction: row-reverse;
        gap: 3px;
        align-items: center;
    }

        #ProgressBar .step-progressbar-bottomlabels .step-progressbar-steplabel.threshold-done img {
            width: 14px;
        }

    #ProgressBar .step-progressbar-bottomlabels .step-progressbar-steplabel.threshold-disabled {
        color: #c1c1c1;
        background: #FFFFFF;
    }

#ProgressBar .step-progressbar-steplabel.step-progressbar-nextstep.threshold-disabled {
    color: #c1c1c1;
}

#ProgressBar .step-progressbar-bar-wrapper.step-progressbar-bar-wrapper-done {
    background-color: #27A25C;
}


#ChangeCurrency {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 10px;
    color: #252525;
    font-weight: 700;
    cursor: pointer;
    margin-top: -32px;
}

.currency-switch {
    height: 20px;
    background: #252525;
    border-radius: 20px;
    width: 32px;
    display: flex;
    align-items: center;
    padding: 4px;
    justify-content: flex-start;
}

    .currency-switch.currency-switch-right {
        justify-content: flex-end;
    }

.currency-switch-dot {
    width: 12px;
    height: 12px;
    background: #FFFFFF;
    border-radius: 10px;
}

.sms-price-table {
    box-shadow: 0px 0px 30px #00000025;
    border-radius: 25px;
    padding: 20px;
    margin: 10px 0px 25px 10px;
    justify-content: flex-start;
}

.sms-price-inner-column div {
    line-height: 1.8;
}

.sms-price-inner-column.sms-price-inner-column-header {
    color: #252525;
}

.sms-pricing-sk {
    display: none;
}

.sms-price-inner-column.sms-price-inner-column-header div,
.sms-price-country {
    font-weight: 600;
    color: #252525;
    line-height: 1.8;
}

.sms-small-text {
    font-size: 13px;
    color: #252525;
    margin-top: 10px;
    line-height: 1.5;
}

@media (max-width: 599px) {
    .competition-floating-info {
        display: none !important;
    }
}

.configurator-tuv-information-text {
    margin-top: 10px;
}

@media (max-width: 991px) {
    .car-manufacturers-wrapper, .car-models-wrapper, .car-bodyworks-wrapper, .car-types-wrapper {
        padding-top: 25px;
    }

    .alu-configurator-page #model-selection-wrapper {
        padding-left: 10px;
        padding-right: 15px;
    }
}

.email-reply-wrapper {
    display: flex;
    justify-content: center;
    color: #252525;
    font-family: 'Poppins', sans-serif;
}

.email-reply-inner-wrapper {
    padding-top: 100px;
    padding-bottom: 30px;
    position: relative;
    display: flex;
    align-items: center;
}

.email-reply-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 25px;
    box-shadow: 0px 0px 30px #00000025;
    padding: 40px;
    background: white;
}

.email-reply-title {
    font-size: 30px;
    margin-bottom: 3px;
    font-weight: 800;
    margin-top: 20px;
}

.email-reply-description {
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: center;
    line-height: 27px;
    font-size: 16px;
}

.email-reply-consultant {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
}

.email-reply-consultant-img {
    max-width: 80px;
}

.email-reply-consultant-title {
    font-weight: 800;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 10px;
}

.email-reply-consultant-phone {
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 5px
}

.email-reply-consultant-email {
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
}

.individual-invitation {
    background: #F2F2F2;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
    margin-top: 50px;
    gap: 30px;
}

.individual-invitation-title {
    text-align: left;
    font-weight: 700;
    margin-bottom: 10px;
}

.individual-invitation-description {
    text-align: left;
    margin-bottom: 0px;
}

.individual-invitation-button {
    white-space: nowrap;
    margin-right: 0px;
}

@media (max-width: 767px) {
    .individual-invitation {
        flex-direction: column;
    }
}

#contentMain_rblistLicences > tbody > tr > td {
    display: flex;
    gap: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgb(231, 231, 231);
}

.navbar-green .logged-as .green {
    color: #1e613f !important;
}


.navbar-green .green-badge {
    border: 2px solid #FFFFFF;
}

.order-split-warning {
    background: #FDF19E;
    border: 1px solid #EAD02E;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
}

.order-split-warning-title {
    color: #252525;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 700;
}

.aggree-all-wraper {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-top: 7px;
}

    .aggree-all-wraper input {
        margin-top: 0px;
        margin-right: 0px;
    }

    .aggree-all-wraper label {
        margin-bottom: 0px;
        font-family: 'Poppins', sans-serif;
        color: #252525;
        font-weight: 500;
    }

.popover-orders-done-ratio {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
}

.orders-done-ratio .popover {
    min-width: 430px;
    max-width: 430px;
}

.orders-done-ratio-row .popover {
    min-width: 280px;
    max-width: 280px;
}

.orders-done-ratio-row {
    height: 80px !important;
}



.cd-container {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    background: #FFFFFF;
    padding: 0;
}

    .cd-container::after {
        content: '';
        display: table;
        clear: both;
    }

/* -------------------------------- 

Main components 

-------------------------------- */


#cd-timeline {
    position: relative;
    padding-top: 2em;
    margin-top: 2em;
    margin-bottom: 2em;
}

    #cd-timeline::before {
        content: '';
        position: absolute;
        top: 0;
        left: 25px;
        height: 100%;
        width: 8px;
        background: #ebebeb;
        border-radius: 20px;
    }

@media (min-width: 1170px) {
    #cd-timeline {
        margin-top: 3em;
        margin-bottom: 3em;
    }

        #cd-timeline::before {
            left: 50%;
            margin-left: -4px;
        }
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0;
}

    .cd-timeline-block:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-timeline-block:first-child {
        margin-top: 0;
    }

    .cd-timeline-block:last-child {
        margin-bottom: 0;
    }

@media (min-width: 1170px) {
    .cd-timeline-block {
        margin: 4em 0;
    }

        .cd-timeline-block:first-child {
            margin-top: 0;
        }

        .cd-timeline-block:last-child {
            margin-bottom: 0;
        }
}

.cd-timeline-img {
    position: absolute;
    top: 8px;
    left: 18px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 4px solid #21884D;
    box-shadow: 0px 0px 30px #00000025;
}

.cd-timeline-img {
    background: #27A25C;
}

@media (min-width: 1170px) {
    .cd-timeline-img {
        width: 36px;
        height: 36px;
        left: 50%;
        margin-left: -18px;
        margin-top: 5px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    margin-right: 30px;
    background: #e9e9e9;
    border-radius: 15px;
    padding: 1em;
}

    .cd-timeline-content h2 {
        color: #252525;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 5px;
    }

    .cd-timeline-content p {
        color: #252525;
        font-size: 13px;
        font-family: 'Poppins', sans-serif;
    }

    .cd-timeline-content .cd-date {
        color: #252525;
        font-size: 13px;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
    }

    .cd-timeline-content .cd-date {
        display: inline-block;
    }

    .cd-timeline-content p {
        margin-top: 1em;
        margin-bottom: 0px;
        line-height: 1.8;
    }

    .cd-timeline-content::before {
        content: '';
        position: absolute;
        top: 16px;
        right: 100%;
        height: 0;
        width: 0;
        border: 7px solid transparent;
        border-right: 7px solid #e9e9e9;
    }

@media (min-width: 768px) {
    .cd-timeline-content h2 {
        font-size: 20px;
    }

    .cd-timeline-content p {
        font-size: 14px;
    }

    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
        font-size: 14px;
    }
}

@media (min-width: 1170px) {
    .cd-timeline-content {
        color: white;
        margin-left: 0;
        padding: 1.6em;
        width: 41%;
        margin: 0 5%
    }

        .cd-timeline-content::before {
            top: 24px;
            left: 100%;
            border-color: transparent;
            border-left-color: #e9e9e9;
        }

        .cd-timeline-content .cd-date {
            position: absolute;
            width: 100%;
            left: 118%;
            top: 24px;
            font-size: 16px;
        }

    .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right;
    }

        .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
            top: 24px;
            left: auto;
            right: 100%;
            border-color: transparent;
            border-right-color: #e9e9e9;
        }

        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
            float: right;
        }

        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
            left: auto;
            right: 118%;
            text-align: right;
        }
}

.suppliers-list .highlighted {
    background: #EFF1F7 !important;
}

    .suppliers-list .highlighted .big-single-icon.add-to-cart {
        background: #FDBD2C !important;
    }

        .suppliers-list .highlighted .big-single-icon.add-to-cart:hover {
            background: #E7AC27 !important;
        }

.delivery-time-icon {
    color: white;
    font-weight: bold;
    width: 17px;
    height: 17px;
    border-radius: 5px;
    background-color: #2ECA71;
    border: 1px solid #208c4e;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    font-size: 11px;
    margin-top: 2px;
}

.delivery-time-popup {
    display: none;
    height: auto;
    border-radius: 5px;
    margin-top: 25px;
    position: absolute;
    z-index: 2;
    border: 1px solid #2ECA71;
    padding: 10px;
    color: #2ECA71;
    background-color: white;
    text-align: center;
}

.order-by-price-popup {
    display: none;
    height: auto;
    border-radius: 5px;
    margin-top: 25px;
    position: absolute;
    z-index: 2;
    border: 1px solid #F5BF35;
    padding: 10px;
    color: #252525;
    background-color: white;
    text-align: center;
}

.delivery-time-item-number-of-items {
    color: #aeb2c3;
}

.filter-delivery-times-button {
    padding: 0 12px;
    background: #f7f7f7;
    display: block;
    color: #464D67;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #e5e5e5;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}

}

.filter-delivery-times-button:hover {
    cursor: pointer;
}

.filter-delivery-times-button.btn-added-loading:hover {
    cursor: not-allowed;
}

.filter-delivery-times-button .flex-item.btn-added-loading {
    background-size: contain;
    background-position: left;
}

.filter-delivery-times-button.disable:hover {
    cursor: not-allowed;
}

span.order-list-order-number span,
.order-detail-title span {
    font-weight: 600;
}

.person-image {
    max-width: 230px;
}


@media (max-width: 999px) {
    .navbar-header {
        display: flex;
        flex-direction: row-reverse;
    }

        .navbar-header .navbar-brand {
            margin-right: auto !important;
            margin-left: 15px;
            padding-right: 10px !important;
        }

    .new-main-navbar.navbar-blue .navbar-header .navbar-brand,
    .new-main-navbar.navbar-green .navbar-header .navbar-brand {
        margin-left: 0px !important;
    }
}


@media (max-width: 449px) {
    nav.new-main-navbar .navbar-brand img {
        max-width: 100%;
    }
}

@media (min-width: 1600px) {
    nav.new-main-navbar .navbar-brand img {
        max-width: 225px;
        width: 225px;
    }

    .navbar-brand {
        padding: 18px;
    }
}

.smaller-cart-delivery-text {
    font-size: 9px !important;
}

.smaller-delivery-text {
    font-size: 11px !important;
    padding-top: 3px;
}

.line-through {
    text-decoration: line-through;
}

.logfee-info {
    display: flex;
    align-items: center;
    background: #E8FFEE;
    border: 1px solid #469F5C;
    border-radius: 5px;
    padding: 10px;
    margin-top: 20px;
}

.logfee-info-icon {
    background: #469F5C;
    border-radius: 5px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 600;
}

.logfee-info-text {
    color: #252525;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding-left: 10px;
}

.order-detail-predicted-delivery-date {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 10px;
}

.partner-orders .document-items-preview.order-detail-predicted-delivery-date, .supplier-orders .document-items-preview.order-detail-predicted-delivery-date,
.partner-orders .order-list-predicted-delivery-date.order-detail-predicted-delivery-date, .supplier-orders .order-list-predicted-delivery-date.order-detail-predicted-delivery-date {
    font-size: 14px;
}

.ticket-big-label {
    font-size: 20px;
    font-weight: 700;
    color: #252525;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
}

.order-tickets-btn {
    background: #27A25C;
    cursor: pointer;
    padding: 10px;
    height: 36px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 14px;
    text-transform: none;
    border-radius: 15px;
    transition: 0.18s all linear;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
}

    .order-tickets-btn:hover {
        text-decoration: none;
        color: #FFFFFF;
    }

    .order-tickets-btn:focus {
        text-decoration: none;
        color: #FFFFFF;
        outline: none;
    }

.order-tickets-btn-container {
    display: flex;
    padding-left: 10px;
}

.ticket-footer-buttons {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 15px;
    margin-top: 10px;
}

    .ticket-footer-buttons input.btn {
        display: flex;
        justify-content: center;
    }

    .ticket-footer-buttons .ticket-primary-btn {
        width: 70%;
    }

    .ticket-footer-buttons .ticket-secondary-btn {
        width: 30%;
    }

.ticket-primary-btn {
    background: #27A25C;
    text-transform: none;
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    border-radius: 10px;
    height: 40px;
}

    .ticket-primary-btn:hover {
        color: #FFFFFF;
        background: #21884D;
    }


.ticket-secondary-btn {
    background: #D8D8D8;
    text-transform: none;
    color: #252525;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    border-radius: 10px;
    height: 40px;
}

    .ticket-secondary-btn[disabled] {
        opacity: 0.35;
    }

    .ticket-secondary-btn:hover {
        background: #CBCBCB;
        color: #252525;
    }

.ticket-modal-dialog {
    width: 550px;
}

#modalTicketCategory .ticket-detail-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#modalTicketMessageConfirmation .ticket-detail-wrapper textarea {
    width: 100%;
    resize: none;
    border-radius: 10px;
    padding: 15px;
    border: 1px solid #c3c3c3;
    font-family: 'Poppins', sans-serif;
    color: #252525;
    line-height: 1.5em;
}

.ticket-detail-title {
    display: block;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #252525;
    line-height: 1.5em;
}

.ticket-detail-text,
.ticket-detail-header {
    display: block;
    margin-bottom: 10px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #252525;
    line-height: 1.5em;
    font-weight: 400;
}

#modalTicketInfo .ticket-detail-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.login-survey-wrapper .btn-open-survey {
    background-color: #252525;
    color: white;
    width: 280px;
    height: 50px;
    font-size: 14px;
    border-radius: 15px;
    font-family: 'Poppins', sans-serif;
    text-transform: none;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    align-items: center;
    flex-direction: column;
}

    .login-survey-wrapper .btn-open-survey > div:last-child {
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        font-size: 11px;
    }


    .login-survey-wrapper .btn-open-survey:hover {
        background-color: #000000;
        text-decoration: none;
    }

.order-sent-survey-wrapper .btn-open-survey {
    background-color: #252525;
    color: #FFFFFF;
    font-size: 14px;
    border-radius: 15px;
    font-family: 'Poppins', sans-serif;
    text-transform: none;
    font-weight: 700;
    text-decoration: none;
    height: 50px;
    display: flex;
    align-items: center;
}


    .order-sent-survey-wrapper .btn-open-survey:hover {
        background-color: #000000;
        text-decoration: none;
    }

#survey-modal {
    background: #000000bd;
}

    #survey-modal iframe {
        width: 100%;
        height: 100%;
    }

    #survey-modal .modal-dialog {
        width: 100%;
        height: 700px;
        max-width: 900px;
        margin: auto;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    #survey-modal .modal-content {
        height: 100%;
        border-radius: 25px;
    }

    #survey-modal .modal-dialog .modal-body {
        height: 95%;
    }

    #survey-modal .modal-header {
        padding-bottom: 30px;
    }

.survey-floating-button {
    position: fixed;
    right: 0px;
    top: 400px;
    /*color: #ffffff;*/
    font-size: 12px;
    z-index: 9999;
}

    .survey-floating-button .btn-open-survey {
        left: 0;
        position: fixed;
        border-radius: 15px 15px 0px 0px;
        border: none;
        cursor: pointer;
        background-color: #FDBD2B;
        padding: 10px 20px 6px 20px;
        font-size: 15px;
        margin: auto;
        transform: rotate(90deg) translate(-50%, -50%);
        -webkit-transform: rotate(90deg) translate(-50%, -50%);
        -webkit-transform-origin: 0 50%;
        -moz-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        -o-transform-origin: 0 50%;
        transform-origin: 0 50%;
        text-decoration: none;
        color: #000000;
        text-transform: none;
        white-space: normal;
        display: flex;
        text-align: left;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        box-shadow: 0px 0px 30px #00000025;
    }

        .survey-floating-button .btn-open-survey:hover {
            text-decoration: none;
            color: #000000;
            box-shadow: 0px 0px 30px #00000045;
        }

.login-survey-wrapper {
    background: #FDBD2B;
    width: 600px;
    display: flex;
    padding: 20px;
    border-radius: 25px;
    margin-top: 20px;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}


.new-order-survey-wrapper {
    background: #FDBD2B;
    display: flex;
    padding: 20px;
    border-radius: 25px;
    margin-bottom: 40px;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 0px 30px #00000025;
}

    .new-order-survey-wrapper .new-order-survey-text {
        text-align: left;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        color: #000000;
        line-height: 1.5em;
        font-size: 20px;
    }

    .new-order-survey-wrapper .btn-open-survey {
        background-color: #252525;
        color: white;
        width: 280px;
        height: 50px;
        font-size: 14px;
        border-radius: 15px;
        font-family: 'Poppins', sans-serif;
        text-transform: none;
        font-weight: 700;
        text-decoration: none;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

        .new-order-survey-wrapper .btn-open-survey > div:last-child {
            font-family: 'Poppins', sans-serif;
            font-weight: 400;
            font-size: 11px;
        }


.login-survey-text {
    text-align: left;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #000000;
    line-height: 1.5em;
    font-size: 15px;
}

@media (max-width: 767px) {
    .login-survey-wrapper {
        width: 100%;
        flex-direction: column;
    }

    .login-survey-text {
        text-align: center;
    }
}


.partner-orders .table {
    font-family: 'Poppins', sans-serif;
}


    .partner-orders .table .row:not(.header) {
        border-radius: 0px;
        border: none;
        border-bottom: 2px solid #EFEFEF;
    }

    .partner-orders .table .row.header > .column {
        font-size: 14px;
        color: #252525;
        font-weight: 600;
    }

    .partner-orders .table .row.header {
        background-color: #EFF1F7;
        border-radius: 10px;
    }

    .partner-orders .table .column-0 td,
    .partner-orders .table .column-2 td {
        font-weight: 600;
        font-size: 13px;
        color: #252525;
    }

        .partner-orders .table .column-0 td .document-items-preview,
        .partner-orders .table .column-2 td .order-state-date {
            font-weight: 400;
            font-size: 11px;
            color: #252525;
        }


    .partner-orders .table .column-1 td {
        display: flex;
        align-items: center;
    }

.partner-orders .detail-icon {
    width: 35px;
    height: 35px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #27A25C;
    border-radius: 10px;
    border: none;
    padding: 0px;
    margin-right: 5px;
}

    .partner-orders .detail-icon:hover {
        background-color: #21884D;
    }

    .partner-orders .detail-icon img {
        width: 16px;
    }

.partner-orders .table .header .column-1 {
    padding-left: 40px;
}


.partner-orders .order-list-icon-delivery-pickup {
    width: 35px;
    height: 35px;
    display: flex;
    border-radius: 10px;
}

.partner-orders .order-list-icon-delivery-pickup-missing-transport-info {
    width: 35px;
    height: 35px;
    display: flex;
    border-radius: 10px;
}

.partner-orders .order-list-icon-delivery-truck {
    width: 35px;
    height: 35px;
    display: flex;
    border-radius: 10px;
    padding: 2px;
    background: #27A25C;
}

.partner-orders .order-list-icon-empty {
    width: 35px;
    height: 35px;
    display: flex;
    border-radius: 10px;
}

.partner-orders .ticket-icon {
    width: 35px;
    height: 35px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FDBD2C;
    border-radius: 10px;
    border: none;
    padding: 0px;
    margin-right: 5px;
    cursor: pointer;
}

    .partner-orders .ticket-icon:hover {
        background-color: #EFB229;
    }

    .partner-orders .ticket-icon img {
        width: 20px;
    }


.partner-orders .order-list-icon-empty {
    width: 35px;
    height: 35px;
    display: flex;
    border-radius: 10px;
    margin-right: 5px;
}

.partner-orders .invoice-icon {
    width: 35px;
    height: 35px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E3E7F2;
    border-radius: 10px;
    border: none;
    padding: 0px;
    margin-right: 5px;
    cursor: pointer;
}

    .partner-orders .invoice-icon:hover {
        background-color: #CFD5E5;
    }

    .partner-orders .invoice-icon img {
        width: 19px;
    }

.partner-orders .icon-track-trace-wrapper {
    width: 35px;
    height: 35px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E3E7F2;
    border-radius: 10px;
    border: none;
    padding: 0px;
    margin-right: 5px;
    cursor: pointer;
}

    .partner-orders .icon-track-trace-wrapper:hover {
        background-color: #CFD5E5;
    }

    .partner-orders .icon-track-trace-wrapper img {
        width: 19px;
    }

.partner-orders .order-list-order-number {
    color: #252525;
    font-size: 13px;
}

.partner-orders .column.column-5 {
    width: 13%;
    padding-top: 17px;
    font-size: 13px;
    font-weight: 600;
    color: #252525;
    padding-right: 0px;
}

.partner-orders .column.column-2 {
    font-weight: 600;
    color: #252525;
    font-size: 13px;
}

    .partner-orders .column.column-2 .order-state-date {
        font-size: 11px;
        font-weight: 400;
    }

.partner-orders .column.column-6 {
    padding-right: 10px;
}

    .partner-orders .column.column-6 .total-price {
        font-size: 14px;
        font-weight: 700;
        color: #D02F1D;
    }



.partner-orders .header .column.column-5 {
    padding-left: 20px;
}

.partner-orders .header .column-7 {
    background-color: #dee1eb;
}

.partner-orders .table .row.header > .column-5 {
    padding-left: 12px;
}

.partner-orders .table .row.header > .column.last {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.order-header {
    display: flex;
    align-items: center;
    background: #EFF1F7;
    border-radius: 10px;
    color: #252525;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 700;
    padding: 15px;
}

.order-detail-title {
    display: flex;
    align-items: center;
    background: #2F3F76;
    border-radius: 10px;
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 500;
    padding: 25px 15px 25px 15px;
}

    .order-detail-title > span {
        font-weight: 700;
        text-decoration: underline;
    }

.partner-orders .pager {
    margin-top: 0px;
}

.partner-orders {
    font-family: 'Poppins', sans-serif;
}

    .partner-orders .table .column-0 td {
        padding-left: 5px;
    }


    .partner-orders .table .row.header > .column-0 {
        padding-left: 15px;
    }

.order-info-value {
    color: #252525;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}

.order-state-strong > * {
    font-weight: 600 !important;
}

.partner-orders .form-bordered > .row.margin-bottom-10:last-child {
    margin-bottom: 0px !important;
}

.order-note-title {
    color: #252525;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 5px;
}

.order-note-textbox {
    border-radius: 10px;
}

.order-detail-ticket-button {
    display: inline-flex;
    background: #FDBD2C;
    height: 40px;
    align-items: center;
    padding: 0 20px;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 10px;
    font-weight: 700;
    cursor: pointer;
}

    .order-detail-ticket-button:hover {
        align-items: center;
        color: #FFFFFF;
        text-decoration: none;
        background: #EFB229;
    }



    .order-detail-ticket-button img {
        margin-right: 8px;
    }

.order-detail-ticket {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
}

.ticket-modal-dialog .modal-content {
    border-radius: 15px;
}

    .ticket-modal-dialog .modal-content .modal-body {
        padding: 30px 35px;
    }

.table.partner-order-document-items .row {
    border-radius: 10px;
}

    .table.partner-order-document-items .row.header,
    .grid-footer.order-footer-recap {
        background-color: #EFF1F7;
        border-radius: 10px;
        color: #252525;
    }

        .table.partner-order-document-items .row.header .column {
            font-size: 14px;
            color: #252525;
            font-weight: 600;
        }

.table.partner-order-document-items {
    font-family: 'Poppins', sans-serif;
}

.grid-footer.order-footer-recap > .total-price {
    font-size: 16px;
    color: #252525 !important;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}

.grid-footer.order-footer-recap > .total-weight-summary {
    font-size: 14px;
    color: #252525 !important;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}

.grid-footer.order-footer-recap > .total-amount {
    font-size: 14px;
    color: #252525 !important;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}

.order-detail-button-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .order-detail-button-wrapper > div:last-child {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 10px;
    }


    .order-detail-button-wrapper .btn-success {
        display: inline-flex;
        background: #27A25C;
        height: 40px;
        align-items: center;
        justify-content: center;
        padding: 0 20px;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: none;
        border-radius: 10px;
        font-weight: 700;
        cursor: pointer;
        border: none;
        font-family: 'Poppins', sans-serif;
    }

        .order-detail-button-wrapper .btn-success:hover {
            background: #21884D;
            color: #FFFFFF;
        }

    .order-detail-button-wrapper .btn-secondary {
        display: inline-flex;
        background: #D8D8D8;
        height: 40px;
        align-items: center;
        justify-content: center;
        padding: 0 20px;
        color: #252525;
        text-decoration: none;
        border-radius: 10px;
        font-weight: 700;
        cursor: pointer;
        border: none;
        text-transform: none;
        font-family: 'Poppins', sans-serif;
    }

        .order-detail-button-wrapper .btn-secondary:hover {
            background: #CBCBCB;
            color: #252525;
        }

a.order-tnt-link {
    height: auto !important;
}


.homepage-hero {
    position: relative;
    width: 100%;
    height: 800px;
    overflow: hidden;
    max-width: 2544px;
}

    .homepage-hero video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: 100%;
        height: auto;
        transform: translate(-50%, -50%);
        object-fit: cover;
    }

    .homepage-hero .container {
        position: relative;
    }

    .homepage-hero .homepage-hero-content {
        display: flex;
        height: 800px;
        justify-content: flex-end;
        margin-bottom: 100px;
        flex-direction: column;
        padding-bottom: 60px;
    }

    .homepage-hero h1 {
        color: #FFFFFF;
        font-family: 'Poppins', sans-serif;
        font-size: 42px;
        font-weight: 700;
        line-height: 60px;
        margin-bottom: 15px;
        text-shadow: 0 0 25px rgba(0, 0, 0, 0.79);
    }

.homepage-hero-description {
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7em;
    margin-bottom: 20px;
    max-width: 650px;
    text-shadow: 0 0 25px rgba(0, 0, 0, 0.79);
}

    .homepage-hero-description ul {
        list-style: none;
        padding-left: 5px;
    }

        .homepage-hero-description ul li {
            margin-bottom: 10px;
        }

            .homepage-hero-description ul li::before {
                content: url('../../../Skins/Default/Images/hero-dash.svg');
                display: inline-block;
                margin-right: 10px;
                position: relative;
                top: -4px;
            }

.button-group {
    display: flex;
}

.gap-10 {
    gap: 10px;
}

.gap-20 {
    gap: 20px;
}

.hero-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    padding: 0 23px;
    background: #27A25C;
    border-radius: 20px;
    text-decoration: none;
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    border: 3px solid #27A25C;
    line-height: 1;
}


.hero-btn-primary {
    background: #27A25C;
    border-color: #27A25C;
    color: #FFFFFF;
}


.hero-btn-secondary {
    border-color: #FFFFFF;
    color: #252525;
    background: #FFFFFF;
}

.hero-btn-primary:hover {
    background: #F0F0F0;
    border-color: #F0F0F0;
    color: #000000;
}

.hero-btn-primary:focus {
    text-decoration: none;
    color: #FFFFFF;
    outline: none;
}

.hero-btn-secondary:hover {
    border-color: #FFFFFF;
    color: #000000;
    background: #FFFFFF;
}

.hero-btn-secondary:focus {
    text-decoration: none;
    color: #252525;
    outline: none;
}

.new-green-text {
    color: #2FA15E;
}

.one-panel-wrapper .container {
    display: flex;
    align-items: center;
}

.one-panel-wrapper {
    margin: 80px 0 120px 0;
}

    .one-panel-wrapper .one-panel-description {
        font-size: 17px;
        font-weight: 300;
        line-height: 1.7;
        color: #252525;
        margin-bottom: 50px;
    }


    .one-panel-wrapper h2.title-h2 {
        text-align: left !important;
        margin-bottom: 20px;
        margin-top: 0px;
    }

.one-panel-left {
    position: relative;
    margin-bottom: 346px;
}

.one-panel-left, .one-panel-right {
    width: 50%;
}

.one-panel-img {
    border-radius: 35px;
    margin-bottom: 30px;
    max-width: 100%
}


.one-panel-right {
    text-align: center;
}

@media (max-width: 999px ) {
    .one-panel-right {
        text-align: right;
    }
}

.one-panel-right .new-button-primary {
    margin-right: 0px;
}

.one-panel-ilustration-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #B2B2B2;
    margin-bottom: 30px;
    line-height: 1;
}

.one-panel-ilustration-subtitle {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #252525;
    margin-bottom: 10px;
    line-height: 1;
}

.one-panel-ilustration-value {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 38px;
    color: #B2B2B2;
    margin-bottom: 30px;
    line-height: 1;
}

.one-panel-ilustration-inner .one-panel-ilustration-value:last-child,
.one-panel-ilustration-outter .one-panel-ilustration-value:last-child {
    margin-bottom: 0px;
}

.one-panel-ilustration {
    background: #FFFFFF;
    border-radius: 25px;
    box-shadow: 0 0px 33px rgba(0,0,0,0.25);
    display: flex;
    position: absolute;
    z-index: 10;
    right: -140px;
}

.one-panel-ilustration-inner {
    background: #2FA15E;
    border-radius: 25px;
    width: 50%;
    padding: 35px 30px;
    min-width: 270px;
}

.one-panel-ilustration-outter {
    width: 50%;
    padding: 35px 30px;
    min-width: 270px;
}

.one-panel-ilustration-inner .one-panel-ilustration-title,
.one-panel-ilustration-inner .one-panel-ilustration-value {
    color: #FFFFFF;
}

@media (max-width: 767px) {
    .one-panel-wrapper .container {
        flex-direction: column;
    }

    .one-panel-left, .one-panel-right {
        width: 100%;
    }

    .one-panel-ilustration {
        position: relative;
        right: auto;
    }

    .one-panel-left {
        margin-bottom: 25px;
    }

    .one-panel-right {
        text-align: center;
    }

    .one-panel-img {
        width: 100%;
    }

    .one-panel-wrapper {
        margin: 80px 0 80px 0;
    }

    .homepage-hero h1,
    h2.title-h2 {
        font-size: 32px;
        line-height: 40px;
    }

    .homepage-hero-content .gap-20 {
        gap: 0px;
    }

    .homepage-hero {
        height: 500px;
    }

        .homepage-hero .homepage-hero-content {
            height: 500px;
            padding-bottom: 35px;
        }

    .one-panel-ilustration-value {
        font-size: 28px;
        line-height: 30px;
    }

    h3.title-h3 {
        font-size: 22px;
        line-height: 1.3;
    }

    #SmartServisHomepage h2.title-h2,
    #SmartServisHomepage .configuration-description,
    #SmartServisHomepage .configuration-text {
        text-align: center !important;
    }

    .hero-btn {
        height: 50px;
        font-size: 14px;
    }

    #SmartServisHomepage .container.mt-100.mb-40 {
        margin-top: 50px !important;
        margin-bottom: 0px !important;
    }
}

@media (max-width: 570px) {
    .one-panel-ilustration {
        flex-direction: column;
    }

    .one-panel-ilustration-inner {
        width: 100%;
    }
}

.homepage-configuration-badge {
    background: #FDBD2C;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0px 25px;
    border-radius: 50px;
    margin-bottom: 12px;
    line-height: 1;
}

#SmartServisHomepage h2.title-h2 {
    text-align: left;
    margin-bottom: 25px;
}

#SmartServisHomepage .configuration-description {
    text-align: left;
    margin-bottom: 25px;
}


#SmartServisHomepage {
    padding-top: 60px;
}

.video-reference-item {
    display: flex;
    aspect-ratio: 9 / 16;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 25px;
}

    .video-reference-item video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: 100%;
        height: auto;
        transform: translate(-50%, -50%);
        object-fit: cover;
    }

.video-reference-description {
    position: absolute;
    bottom: 20px;
    left: 25px;
    z-index: 2
}

.video-reference-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #FFFFFF;
    font-size: 17px;
    line-height: 17px;
}

.video-reference-company {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 25px;
    max-height: 25px;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
    opacity: 1;
}

    .video-reference-company.slide-up {
        max-height: 0;
        opacity: 0;
    }

.video-reference-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    pointer-events: none;
    z-index: 1;
}

#VideoReferences {
    margin-bottom: 120px;
}

#VideoReferences h2.title-h2 {
    margin-top: 30px;
    margin-bottom: 15px;
}

#VideoReferences .section-subtitle {
    margin-bottom: 50px;
}


.languages {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 5px;
}

#language-selector-master {
    display: flex;
    position: absolute;
    background: #FFFFFF;
    flex-direction: column;
    width: 156px;
    right: 0px;
    box-shadow: 0px 0px 30px #00000025;
    border-radius: 15px;
    padding: 18px;
    top: 65px;
    gap: 12px;
}

#btnLanguage img {
    border-radius: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 30px;
}

#language-selector-master a img {
    border-radius: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 24px;
}


#language-selector-master a {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #252525;
    font-size: 13px;
}


    #language-selector-master a:hover {
        text-decoration: underline;
    }

@media (max-width: 999px) {
    .languages {
        display: block;
        float: right;
        height: 30px;
        margin-top: -40px;
        position: relative;
    }

    #language-selector-master {
        top: -140px;
    }

    .nav.navbar-nav.navbar-nav-left li:last-child a {
        margin-right: 40px;
    }
}

@media (min-width: 1400px) and (max-width: 1450px) {
    .main-cart-icon {
        display: none;
    }
}


.play-button {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
    display: flex;
    width: 58px;
    height: 58px;
    justify-content: center;
    align-items: center;
    background: #EF0000;
    border-radius: 20px;
    cursor: pointer;
    margin-bottom: 15px;
    transition: transform 0.3s ease;
}

    .play-button:hover {
        background: #E00000;
        transform: scale(1.1);
    }

    .play-button.fade-out {
        opacity: 0;
    }

    .play-button img {
        width: 20px;
        margin-left: 3px;
    }



.video-references-container {
    position: relative;
    width: 100%;
    margin: auto;
    max-width: calc(100% - 130px);
}

.video-references-wrapper {
    overflow: hidden;
    width: 100%;
}

.video-references {
    display: flex;
    transition: transform 0.5s ease-in-out;
    gap: 35px; /* Přidá 35px mezeru mezi položkami */
}

.video-reference-item {
    flex: 0 0 calc((100% - 105px) / 4); /* Přidá 4 položky do viditelné oblasti a 105px je pro mezery (3 mezery mezi 4 prvky) */
    box-sizing: border-box;
    padding: 10px;
}

.video-references-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #252525;
    font-size: 24px;
    cursor: pointer;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

.video-references-left-arrow img {
    width: 20px;
    margin-left: -2px;
}

.video-references-right-arrow img {
    width: 20px;
    margin-right: -2px;
}

.video-references-arrow:hover {
    background-color: #000000;
}

.video-references-left-arrow {
    left: -65px;
}

.video-references-right-arrow {
    right: -65px;
}

@media (max-width: 999px) {
    .video-reference-item {
        flex: 0 0 calc((100% - 70px) / 3);
    }
}

@media (max-width: 767px) {
    .video-reference-item {
        flex: 0 0 100%;
    }
}

.loading-spinner {
    position: absolute;
    top: 50%;
    left: calc(50% - 15px);
    transform: translate(-50%, -50%);
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-top: 4px solid #000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
};
    transform: translate(-50%, -50%);
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-top: 4px solid #000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.not-logged-dropdown-menu {
    background: #ededed;
}

nav.new-main-navbar .dropdown-menu.not-logged-dropdown-menu li a:hover {
    background: #dddddd;
}

.not-logged-dropdown-menu .icon-line {
    display: none;
}

.not-logged-dropdown-menu li a {
    font-weight: 600 !important;
}

.public-footer {
    background: #252525 !important;
}

.heading-wrapper {
    background: linear-gradient(to bottom, #EAEAEA, #FFFFFF);
    padding-top: 120px;
}

.heading-wrapper .container{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.heading-wrapper .configuration-badge {
    margin-bottom: 25px;
    height: 45px;
    padding: 0 25px;
    font-size: 16px;
    color: #000000
}

.heading-wrapper h1.title-h1 {
    margin-top: 0px;
    margin-bottom: 25px;
}

.heading-description {
    font-size: 18px;
    color: #252525;
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
    margin-bottom: 45px;
    text-align: center;
}

.heading-wrapper .hero-btn-primary {
    height: 59px;
    margin-bottom: 12px;
    cursor: pointer;
    z-index: 2;
    animation: pulse 2s infinite;
}

.heading-wrapper .hero-btn-primary:hover {
    background: #21884D;
    border-color: #21884D;
    color: #FFFFFF;
}

.heading-wrapper .hero-btn-primary img {
    width: 20px;
    margin-right: 13px;
}

.video-length-info {
    font-size: 14px;
    color: #252525;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    margin-bottom: 45px;
    z-index: 2;
}

.portal-main-img {
    margin-top: -90px;
    max-width: 100%;
}

.portal-main-img-mobile {
    margin-top: -50px;
    max-width: 100%;
    display: none;
}

@media (max-width: 767px) {
    .portal-main-img {
        display: none;
    }
    .portal-main-img-mobile {
        display: block;
    }

}

@media (max-width: 499px) {
    .portal-main-img-mobile {
        margin-top: -30px;
    }
}

.text-with-image-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    margin-bottom: 80px;
}


.text-with-right-image .text-with-image-inner {
    flex-direction: row-reverse;
}

.text-with-image-inner > *{
    width: 50%;
}

.text-with-image-inner h2.title-h2 {
    text-align: left !important;
    margin-bottom: 30px;
}

.text-with-image-inner h2.title-h2::after,
.text-without-image-inner h2.title-h2::after{
    content: "";
    display: block;
    width: 95px;
    height: 6px;
    background-color: #30A15E;
    margin-top: 15px;
}

.text-without-image-inner h2.title-h2.text-center::after {
    margin-left: auto;
    margin-right: auto;
}

.text-with-image-inner .text-with-image-description {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 20px;
    color: #252525;
    font-weight: 300;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .text-with-right-image .text-with-image-inner,
    .text-with-left-image .text-with-image-inner {
        flex-direction: column-reverse;
    }

    .text-with-image-inner > * {
        width: 100%;
        text-align: center;
    }

    .text-with-image-inner h2.title-h2 {
        text-align: center !important;
        margin-top: 0px;
    }

    .text-with-image-inner .text-with-image-description {
        text-align: center;
    }
    .text-with-image-inner h2.title-h2::after {
        margin-left: auto;
        margin-right: auto;
    }

    .portal-sortiment-item {
        min-height: 40px;
        display: inline-flex;
        margin-right: 8px;
        margin-bottom: 12px;
    }

    #PortalSortiment .title-h3 {
        margin-top: 20px;
        text-align: center !important;
    }

    .portal-sortiment-item-img {
        display: none;
    }

    .portal-sortiment-item-title {
        font-size: 13px;
        line-height: 1;
    }

    .portal-sortiment-items > *
    {
        text-align: center;
    }

    .heading-wrapper {
        padding-top: 60px;
    }

    .text-with-image-inner {
        gap: 0px;
    }
}

.customer-care-badge {
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: #30A15E;
}

.contact-us {
    background: #27A25C;
    margin-bottom: 80px;
}

.contact-us h2.title-h2 {
    color: #FFFFFF;
    margin-bottom: 15px;
}

.contact-us .contact-us-description {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 20px;
    color: #FFFFFF;
    font-weight: 300;
    margin-bottom: 30px;
    text-align: center;
}

.new-button-primary-black {
    background: #252525;
    color: #FFFFFF;
}

.new-button-primary-black:hover {
    background: #000000;
    color: #FFFFFF;
    box-shadow: 0 0 30px #00000039;
}


.new-button-primary-white {
    color: #252525;
    background: #FFFFFF;
}

.new-button-primary-white:hover {
    background: #FFFFFF;
    color: #000000;
    box-shadow: 0 0 30px #00000039;
}

.contact-us .button-group {
    justify-content: center;
    margin-bottom: 80px;
}

.contact-us-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    background: #FFFFFF;
    box-shadow: 0 0 30px #00000059;
    margin-top: -50px;
    border-radius: 100%;
    margin-left: auto;
    margin-right: auto;
    animation: pulse 3s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1); /* Výchozí velikost */
        opacity: 1; /* Výchozí průhlednost */
    }

    50% {
        transform: scale(1.1); /* Zvětšení prvku */
        opacity: 1; /* Lehké zesvětlení */
    }

    100% {
        transform: scale(1); /* Návrat na původní velikost */
        opacity: 1; /* Návrat na původní průhlednost */
    }
}

.contact-us-icon img {
    width: 40px;
    position: relative;
    left: 3px;
}



.text-without-image-inner > * {
    width: 100%;
}

.text-without-image-description {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 20px;
    color: #252525;
    font-weight: 300;
    margin-bottom: 30px;
}

img.integration-img {
    width: 800px;
    max-width: 100%;
    margin-top: -20px;
}

.faq-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.faq-item {
    overflow: hidden;
    cursor: pointer;
    transition: box-shadow 0.3s;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #252525;
    line-height: 1.7;
}

.faq-item:hover .faq-question {
    text-decoration: underline;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #32A160;
    color: white;
    transition: transform 0.3s ease;
    transform: rotate(0deg);
    cursor: pointer;
    min-width: 30px;
}

.icon.open {
    transform: rotate(180deg);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    padding-top: 10px;
    transition: max-height 0.3s ease-out, padding 0.3s;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin-right: 30px;
}

.faq-answer.open {
    max-height: 220px;
}

.faq-column {
    display: flex;
    flex-direction: column;
    gap: 26px;
    width: calc(50% - 13px)
}

@media (max-width: 767px) {
    .faq-column {
        width: 100%;
    }
    .faq-container {
        flex-direction: column;
    }

}


/* Styl pro celé modální okno a černou průsvitnou plochu */
.modal-kampan {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 1000;
}

/* Styl pro obsah okna */
.modal-kampan-content {
    background: #fff;
    padding: 35px;
    border-radius: 25px;
    text-align: center;
    width: 600px;
}

.modal-kampan-content h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.7;
    margin-bottom: 25px;
    margin-top: 0px;
}

.modal-kampan-content .new-button-primary {
    padding: 0 40px;
    height: 60px;
    font-size: 22px;
    text-transform: uppercase;
    width: 130px;
}

.smartservis-hero-description {
    max-width: 700px;
}

.kiosk-invitation .individual-invitation-button {
    background: #FFFFFF;
    color: #252525;
}

.kiosk-invitation .individual-invitation-button:hover {
    background: #FFFFFF;
    color: #000000;
    box-shadow: 0 0 30px #00000039;
}


.demo-grid-items .grid-item-link {
    width: 100%;
    justify-content: center;
    margin-bottom: 15px;
}

.demo-grid-items .grid-item-link:last-child {
    margin-bottom: 0px;
}

@media (max-width: 767px) {
    .kiosk-invitation {
        gap: 15px;
    }

    .kiosk-invitation .individual-invitation-title {
        text-align: center;
        line-height: 1.7;
    }
    .kiosk-invitation .individual-invitation-button {
        width: 100%;
    }
}


.btn-group-catalog .button-primary {
    margin-right: 0px;
    background: #AB1126;
}

.btn-group-catalog .button-primary:hover {
    background: #910d1f;
}

.btn-group-catalog .button-secondary {
    margin-right: 0px;
    border-color: #AB1126;
    background: white;
}

.btn-group-catalog .button-secondary:hover {
    background: #910d1f;
    border-color: #910d1f;
}

.btn-group-catalog .button-primary img {
    width: 15px;
    margin-right: 8px;
}

.btn-group-calendar .button-primary {
    margin-right: 0px;
}

.btn-group-calendar .button-secondary {
    background: white;
}

.btn-group-calendar .button-secondary:hover {
    background: #21884D;
    border-color: #21884D;
}

.btn-group-calendar .button-primary img {
    width: 15px;
    margin-right: 8px;
}



.btn-group-storages .button-primary {
    margin-right: 0px;
    background: #115D94;
}

.btn-group-storages .button-primary:hover {
    background: #0f4e7c;
}

.btn-group-storages .button-secondary {
    margin-right: 0px;
    border-color: #115D94;
    background: white;
}

.btn-group-storages .button-secondary:hover {
    background: #0f4e7c;
    border-color: #0f4e7c;
}

.btn-group-storages .button-primary img {
    width: 15px;
    margin-right: 8px;
}

.persons-wrapper {
    display: flex;
    gap: 30px;
    margin-bottom: 100px;
    margin-top: 40px;
}

.person-item  {
    width: 50%;
    border-radius: 25px;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px #00000025;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    font-family: 'Poppins', sans-serif;
}

.contact-img {
    width: 170px;
} 

.contact-img img {
    width: 100%;
    border-radius: 17px;
}

.person-name {
    font-size: 24px;
    font-weight: 800;
    color: #252525;
    line-height: 1.5em;
}

.person-position {
    font-size: 13px;
    font-weight: 400;
    color: #252525;
}

.contact-item {
    display: flex;
    gap: 10px;
    align-items: center;
}

.contact-icon {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #30A15E;
    border-radius: 100%;
}

.contact-value a {
    color: #252525;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
}

.contact-value a:hover {
    text-decoration: underline;
}

.person-item .contact-item-phone {
    margin: 15px 0 10px 0;
}

.uppercase-subtitle{
    font-family: 'Poppins', sans-serif;
    color: #30A15E;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 17px;
    margin-bottom: 7px;
}

@media (max-width: 1199px) {
    .contact-img {
        width: 100px;
    }
}

@media (max-width: 999px) {
    .person-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .contact-img {
        width: 100%;
    }
}


@media (max-width: 767px) {
    .persons-wrapper {
        flex-direction: column;
    }

    .person-item {
        width: 100%;
        flex-direction: row;
        align-items: center;
    }

    .contact-img {
        width: 140px;
    }
}

@media (max-width: 499px) {
    .person-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .contact-img {
        width: 100%;
    }
}

@media (max-width: 299px) {
    .contact-icon {
        display: none;
    }

}

.grecaptcha-badge {
    bottom: 80px !important;
}

.bottom-footer {
    background: #131313;
    padding: 30px 0;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

.bottom-footer .container > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    width: 100%;
}


@media (max-width: 999px) {
    .bottom-footer .container > div {
        flex-direction: column;
    }
}

.bank-logos {
    max-width: 400px;
}

.bottom-links {
    display: flex;
    gap: 20px;
}

@media (max-width: 599px) {
    .bottom-links {
        flex-direction: column;
        align-items: center;
    }
}


.bottom-links a, .bottom-links a:visited, .bottom-links a:focus {
    text-decoration: none;
    color: #FFFFFF;
}

.bottom-links a:hover {
    text-decoration: underline;
    color: #FFFFFF;
}

.bottom-footer .copyright {
    color: #FFFFFF;
}

@media (max-width: 767px) {
    .bottom-footer .container {
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 499px) {
    .bottom-links {
        flex-direction: column;
        gap: 10px;
        text-align: center;
        margin-bottom: 20px;
    }

}

/* Move reCAPTCHA v3 badge to the left */
.grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 4px !important;
    z-index: 9999;
}

.grecaptcha-badge:hover {
    width: 256px !important;
}

.contact-form {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Poppins', sans-serif;
}

.contact-form .validator {
    position: absolute;
    right: 26px;
    top: 9px;
}

.contact-form .control-label {
    color: #252525;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.7em;
    margin-top: 0px;
}

.contact-form .form-control {
    border-radius: 12px;
    background: #FFFFFF;
    border: 1px solid #E3E3E3;
    margin-bottom: 17px;
    box-shadow: none;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

.contact-form input.form-control {
    height: 50px;
}

.contact-form .new-button-primary {
    border: none;
    margin-right: 0px;
}

@media (max-width: 991px) {
    .contact-form .form-control {
        margin-bottom: 5px;
    }

    .contact-form .new-button-primary {
        margin-top: 12px;
    }

}


.modal-video-iframe, #videoFrame {
    max-width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    box-shadow: 0 0 20px #0000003d;
    border-radius: 20px;
}

#videoModal .modal-content {
    border-radius: 25px;
    overflow: hidden;
    padding: 30px;
    margin: 0 15px;
}

#videoModal .modal-dialog {
    width: 1500px;
    max-width: 100%;
    margin: 30px auto;
}
#videoModal .modal-content button.close {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 1051;
}

@media (max-width: 767px) {
    #videoModal .modal-content {
        padding: 15px;
    }

    #videoModal .modal-content button.close {
        top: 4px;
        right: 8px;
    }
}

section.business-contacts {
    background: #30A15E;
}


section.business-contacts .uppercase-subtitle {
    color: #FFFFFF !important;
}

section.business-contacts h2.title-h2{
    color: #FFFFFF !important;
    margin-top: 0px;
}

section.other-contacts {
    margin-top: 40px;
}

section.other-contacts .persons-wrapper {
    flex-direction: column !important;
    align-items: center !important;
}

.contacts-menu {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
    flex-wrap: wrap;
}

.contacts-menu-item {
    height: 50px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    display: inline-flex;
    background: #FFFFFF;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    color: #252525;
    text-decoration: none;
    transition: 0.3s all linear;
    cursor: pointer;
    box-shadow: 0px 0px 30px #00000025;
    white-space: nowrap;
}

.contacts-menu-item:hover {
    background: #252525;
    color: #FFFFFF;
}

.contact-customer-care-wrapper {
    border-radius: 25px;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px #00000025;
    padding: 25px;
    display: flex;
    gap: 25px;
    border: 3px solid #30A15E;
    font-family: 'Poppins', sans-serif;
    justify-content: space-between;
    align-items: center;
    max-width: 1050px;
    margin: 20px auto 35px auto;
    z-index: 1;
    position: relative;
}

.contact-customer-care-heads {
    display: flex;
    gap: 25px;
}

.contact-customer-care-head {
    position: relative;
    width: 170px;
    display: flex;
    justify-content: center;
}

.contact-customer-care-head img {
    width: 100%;
    border-radius: 17px;
}

.contact-customer-care-head .contact-customer-care-head-name {
    position: absolute;
    background: white;
    border-radius: 12px;
    bottom: 16px;
    height: 26px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #252525;
}

.contact-customer-care-countries {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 20px;
}

.flag-with-name {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 20px;
}

.flag-with-name img {
    width: 30px;
    height: 30px;
    border-radius: 10px;
}

.flag-with-name div{
    font-size: 24px;
    font-weight: 800;
    color: #252525;
}

a.contact-customer-care-phone,
a.contact-customer-care-phone:focus,
a.contact-customer-care-phone:visited {
    display: flex;
    text-decoration: none;
    color: #252525;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 7px;
}

a.contact-customer-care-email,
a.contact-customer-care-email:focus,
a.contact-customer-care-email:visited {
    display: flex;
    text-decoration: none;
    color: #252525;
    font-size: 16px;
    font-weight: 400;
}


a.contact-customer-care-phone:hover,
a.contact-customer-care-email:hover {
    text-decoration: underline;
    color: #252525;
}

.contact-customer-care-badge {
    background: #EAEAEA;
    border-radius: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 12px;
    color: #252525;
    font-weight: 600;
    font-size: 14px;
}

@media (max-width: 991px) {
    .contact-customer-care-wrapper {
        flex-direction: column;
    }

    .contact-customer-care-head {
        width: auto;
    }
}

@media (max-width: 499px) {    
    .flag-with-name {
        flex-direction: column;
        align-items: flex-start;
    }
    .contact-customer-care-badge {
        height: max-content;
        padding: 8px 12px;
        line-height: 1.5em;
        border-radius: 13px;
        text-align: center;
    }
    .contact-customer-care-head {
        width: 150px;
    }

    a.contact-customer-care-phone, a.contact-customer-care-phone:focus, a.contact-customer-care-phone:visited {
        font-size: 16px;
    }

    .contact-customer-care-head .contact-customer-care-head-name {
        font-size: 13px;
    }

    .contact-customer-care-heads {
        gap: 15px;
    }

    h1.title-h1 {
        line-height: 1.2em;
    }

    .contacts-menu {
        gap: 12px;
    }
    .contacts-menu-item {
        padding: 0 12px;
    }
}

@media (max-width: 389px) {
    .contact-customer-care-countries {
        flex-direction: column;
    }

    .contact-customer-care-country {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .flag-with-name img {
        display: none;
    }

    .contact-customer-care-heads {
        flex-direction: column;
    }

    .contact-customer-care-head {
        width: 100%;
    }

    .contact-customer-care-badge {
        align-items: center;
    }
}

.contact-ticket-reminder {
    border-radius: 25px;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px #00000025;
    max-width: 1050px;
    margin: 20px auto 45px auto;
    padding: 25px;
    position: relative;
    font-family: 'Poppins', sans-serif;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contact-ticket-reminder-text {
    margin-right: 20px;
    margin-left: 35px;
}

.contact-ticket-reminder-text h3 {
    font-size: 21px;
    line-height: 1.4em;
    margin-bottom: 5px;
    font-weight: 700;
}

.contact-ticket-reminder-text > div {
    font-size: 15px;
    line-height: 1.7em;
    font-weight: 400;
    color: #252525;
    margin-bottom: 0px;
}

.contact-ticket-reminder-btn {
    height: 50px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    display: inline-flex;
    background: #FDBD2C;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    color: #252525;
    text-decoration: none;
    transition: 0.3s all linear;
    cursor: pointer;
    box-shadow: 0px 0px 30px #00000025;
    white-space: nowrap;
}

.contact-ticket-reminder-btn:hover {
    background: #EFB32B;
}

.contact-ticket-reminder-btn img {
    width: 15px;
    margin-right: 10px;
}

.contact-ticket-reminder > img {
    position: absolute;
    top: 10px;
    left: -30px;
    width: 74px;
}

@media (max-width: 767px) {
    .contact-ticket-reminder {
        flex-direction: column;
        margin-top: 65px;
    }

    .contact-ticket-reminder-text {
        margin: 20px 0px;
        text-align: center;
    }

    .contact-ticket-reminder > img {
        top: -43px;
        left: auto;
    }
}


#CompanyInfo h2.title-h2 {
    margin-bottom: 30px;
    margin-top: 0px;
}

.contact-company-info-wrapper {
    border-radius: 25px;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px #00000025;
    display: flex;
    width: 100%;
}


.company-info-texts {
    padding: 35px;
    width: 40%;
}

.company-info-map {
    width: 60%;
}

.company-info-texts h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 800;
    color: #252525;
    line-height: 1.5em;
}

.company-info-texts div {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 1.7em;
    margin-bottom: 0px;
    font-weight: 400;
    color: #252525;
    margin-bottom: 25px;
}

.company-info-texts div:last-child {
    margin-bottom: 0px;
}

.company-info-map iframe{
    border: 0;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
}

@media (max-width: 991px) {
    .company-info-texts {
        padding: 25px;
        width: 50%;
    }

    .company-info-map {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .company-info-texts {
        width: 100%;
    }

    .company-info-map {
        width: 100%;
        height: 400px;
    }

    .contact-company-info-wrapper {
        flex-direction: column;
    }

    .company-info-map iframe {
        border-bottom-right-radius: 25px;
        border-bottom-left-radius: 25px;
        border-top-right-radius: 0px;
    }
}

#AboutUs {
    background: linear-gradient(to bottom, #f7f7f7, #FFFFFF);
    padding-top: 60px;
}

#AboutUs  .text-with-image-inner h2.title-h2 {
    margin-top: 20px;
}

#AboutUs .text-with-image-inner .text-with-image-description {
    line-height: 2em;
}

#AboutUs .text-with-image-inner {
    margin-bottom: 40px;
}

.numbers-of-portal {
    background: #30A15E;
    padding-bottom: 100px;
    padding-top: 20px;
}

.numbers-of-portal .title-h2 {
    color: #FFFFFF;
}

.numbers-of-portal-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
    flex-wrap: wrap;
}

.numbers-of-portal-item {
    background: #FFFFFF;
    border-radius: 25px;
    padding: 50px 15px 40px 15px;
    text-align: center;
    flex: 1 1 calc(25% - 35px);
}

.numbers-of-portal-value {
    font-family: 'Poppins', sans-serif;
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 15px;
    color: #252525;
}

.numbers-of-portal-label {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #252525;
}

@media (max-width: 991px) {
    .numbers-of-portal-item {
        flex: 1 1 calc(50% - 35px);
    }
}

@media (max-width: 499px) {
    .numbers-of-portal-wrapper {
        gap: 15px;
    }
    .numbers-of-portal-item {
        flex: 1 1 calc(50% - 15px);
        padding: 20px 5px 16px 5px;
    }

    .numbers-of-portal-value {
        font-size: 22px;
        margin-bottom: 5px;
    }
    .numbers-of-portal-label {
        font-size: 14px;
    }
}


@media (max-width: 319px) {
    .numbers-of-portal-wrapper {
        gap: 10px;
    }

    .numbers-of-portal-item {
        flex: 1 1 calc(50% - 10px);
    }

    .numbers-of-portal-value {
        font-size: 18px;
        margin-bottom: 3px;
    }

    .numbers-of-portal-label {
        font-size: 12px;
    }
}

.ticket-info-img {
    background: #E3E7F2;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

.ticket-info-img.supplier-delivery-ticket-info-img {
    background: #27A25C !important;
}

.ticket-info-img img  {
    width: 28px;
}

.ticket-info-img.supplier-delivery-ticket-info-img img {
    width: 42px !important;
}

h2.heading-subtitle {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 28px;
    color: #252525;
}


.configuration-badges {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 25px;
}

.career-badges > * {
    font-weight: 700;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    height: 35px !important;
    padding: 0 15px !important;
    font-size: 14px;
    color: #000000;
    white-space: nowrap;
}

.configuration-badge-white {
    background: #FFFFFF;
    color: #252525 !important;
    box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.03);
    flex-wrap: wrap;
}

.if-all-is-true-subtitle {
    line-height: 22px;
}

.career-question-wrapper {
    display: flex;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #252525;
    gap: 15px;
    align-items: center;
    margin-bottom: 25px;
}

.career-question-wrapper .question-checkbox {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
    cursor: pointer;
}

.career-question-wrapper .question-checkbox.checked,
.career-question-wrapper .question-checkbox:hover {
    background: #30A15E;
}

.career-question-wrapper .question-text {
    text-align: left;
    line-height: 21px;
}

.career-question-wrapper .question-checkbox:hover::before,
.career-question-wrapper .question-checkbox.checked::before {
    content: "";
    position: absolute;
    width: 21px;
    height: 16px;
    mask-image: url('../../Default/Images/career-check.svg');
    background-color: white;
    background-repeat: no-repeat;
    background-size: contain;
}


.career-if-all-is-true {
    display: none;
    background: #30A15E;
    padding: 39px 20px 35px 20px;
    border-radius: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

.career-if-all-is-true .if-all-is-true-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 15px;
    font-weight: 700;
}

#test .title-h2 {
    margin-top: 0px !important;
}

.career-your-day-icon {
    width: 50px !important;
    height: 50px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #30A15E;
    border-radius: 15px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
    min-width: 50px;
}
.career-your-day-item {
    display: flex;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #252525;
    gap: 15px;
    align-items: center;
    margin-bottom: 25px;
    line-height: 20px;
}

.career-your-day-text {
    text-align: left;
}

.career-your-day-icon::before {
    content: "";
    position: absolute;
    width: 21px;
    height: 16px;
    mask-image: url('../../Default/Images/career-check.svg');
    background-color: white;
    background-repeat: no-repeat;
    background-size: contain;
}

.career-your-day .boxed-action-inner-block {
    padding: 40px 0 25px 0;
}

.career-your-day .boxed-action-block {
    align-items: flex-end;
    border-radius: 45px;
}

.career-your-day h2.title-h2 {
    margin-bottom: 30px !important;
}

.career-your-day .boxed-action-block-img {
    max-width: 500px;
}

.career-benefits-container {
    font-family: 'Poppins', sans-serif;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.career-benefit {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 20px;
    flex: 1 1 45%;
}

.career-benefit-icon {
    background-color: #26A25C;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    width: 120px;
    height: 120px;
    min-width: 120px;
}


.career-benefit-title {
    font-weight: 700;
    font-size: 22px;
    margin: 0;
    margin-bottom: 10px;
    color: #252525;
}

.career-benefit-description {
    margin: 0;
    color: #252525;
    font-size: 16px;
    line-height: 22px;
}

.career-your-office-img {
    max-width: 100%;
    margin-top: -100px;
}

@media (max-width: 999px) {
    .career-your-office-img {
        margin-top: -50px;
    }
    .career-benefits-container {
    flex-direction: column;
    }
}

.career-your-day-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #252525;
    line-height: 20px;
    margin-bottom: 5px;
}

.career-your-day-wrapper {
    border-radius: 15px;
    background: #F5F5F5;
    padding: 20px;
}

.career-your-day-wrapper .career-your-day-item {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 15px;
}

.career-your-day-wrapper .career-your-day-item .career-your-day-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px;
}

.career-your-day-wrapper .career-your-day-item:last-child {
    margin-bottom: 0px;
}

.position-wrapper {
    font-family: 'Poppins', sans-serif;
    color: #252525;
    display: flex;
    border-radius: 25px;
    box-shadow: 0px 0px 30px #00000025;
    margin-bottom: 30px;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
}

.position-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 10px;
}

.position-badge {
    box-shadow: 0px 0px 30px #00000025;
    padding: 5px 10px 5px 10px;
    border-radius: 30px;
    font-weight: 600;
    color: #252525;
    background: #FFFFFF;
}

.position-badge-yellow {
    color: #000000;
    background: #FDBD2C;
}

.position-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 28px;
}

.position-subtitle {
    font-size: 16px;
    line-height: 22px;
}

.position-wrapper .new-button-primary {
    white-space: nowrap;
    text-decoration: none;
}

@media (max-width: 999px) {
    .position-wrapper {
        flex-direction: column;
    }

    .position-text {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .position-title,
    .position-subtitle {
        text-align: center;
    }

}

.contact-us-description a,
.contact-us-description a:hover,
.contact-us-description a:visited {
    color: #FFFFFF;
}

.career-contact-form .new-button-primary {
    background: #252525;
    color: #FFFFFF;
}

.career-contact-form .new-button-primary:hover {
    background: #000000;
    color: #FFFFFF;
}

.career-contact-form .control-label {
    color: #FFFFFF;
}

.career-contact-form {
    margin-bottom: 60px;
}

.career-contact-form .contact-form .new-button-primary.button-file {
    margin-top: 0px !important;
}

.hidden-supplier-badge {
    background: red;
    border-radius: 20px;
    height: 15px;
    width: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    line-height: 9px;
    margin-left: 5px;
    padding: 0 5px;
    color: #FFFFFF;
}