body {
    /*overflow-x: hidden;*/
    background: #f0f2f5;
}


header > div , #content > div  {
    padding: 0 30px;
}

.hanza-layout, .hanza-layout {
    box-sizing: border-box;
}

.hanza-layout {
    display: flex;
    flex: auto;
    flex-direction: column;
    min-height: 0;
}

.hanza-layout, .hanza-layout * {
    box-sizing: border-box;
}

.hanza-menu {
    box-sizing: border-box;
    color: #253843;
    font-variant: tabular-nums;
    line-height: 1.5715;
    font-feature-settings: "tnum","tnum";
    margin: 0;
    padding: 0;
    color: #55646d;
    font-size: 14px;
    line-height: 0;
    text-align: left;
    list-style: none;
    outline: none;
    box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
    transition: background .3s,width .3s cubic-bezier(.2,0,0,1) 0s;
}

.hanza-menu-horizontal {
    line-height: 46px;
    border: 0;
    box-shadow: none;
}

.logged-name .hanza-menu-horizontal {
    line-height: 24px;
}

.logged-menu .hanza-menu-horizontal {
    line-height: 36px;
}

.logged-logo.hanza-menu-horizontal {
    line-height: 60px;
}

.hanza-menu-horizontal >.hanza-menu-item, .hanza-menu-horizontal >.hanza-menu-submenu {
    margin: -1px 10px 0;
    padding: 0;
}

.hanza-menu-horizontal >.hanza-menu-item.logo {
    margin-left: 0px;
}

.hanza-menu-horizontal >.hanza-menu-item:last-child {
    margin-right: 0px;
}

.hanza-menu-horizontal>.hanza-menu-item, .hanza-menu-horizontal>.hanza-menu-submenu {
    position: relative;
    top: 1px;
    display: inline-block;
    vertical-align: bottom;
    border-bottom: 2px solid transparent;
}

.hanza-menu-horizontal .hanza-menu-item a > i {
    padding-right: 3px;
    cursor: pointer;
}

.hanza-menu-horizontal .hanza-menu-item a {
    cursor: pointer;
}

.hanza-menu-horizontal .hanza-menu-item a:hover {
    color: #e77816;
}

@media screen and (max-width: 1000px) {
    .hanza-menu-horizontal .hanza-menu-item a span {
        display: none;
    }

    .hanza-menu-horizontal .hanza-menu-item.user-data a span {
        display: block;
    }

    .hanza-menu-horizontal >.hanza-menu-item {
        margin: -1px 6px 0;
    }
}

.hanza-menu-horizontal .hanza-menu-item, .hanza-menu-horizontal .hanza-menu-submenu {
    margin-top: -1px;
}
.hanza-menu-horizontal .hanza-menu-submenu {
    transition: border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1);
}
.hanza-menu-submenu, .hanza-menu-submenu-inline {
    transition: border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1);
}

.hanza-menu-horizontal>.hanza-menu-submenu>.hanza-menu-submenu-title {
    padding: 0;
}

.hanza-menu-horizontal .hanza-menu-item, .hanza-menu-horizontal .hanza-menu-submenu-title {
    transition: border-color .3s,background .3s;
}
.hanza-menu-item, .hanza-menu-submenu-title {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 20px;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color .3s,background .3s,padding .15s cubic-bezier(.645,.045,.355,1);
}

[role=button], a, area, button, input:not([type=range]), label, select, summary, textarea {
    touch-action: manipulation;
}


/* NOT LOGGED */
#div_id_login_page #breadcrumbs,
#div_id_registration #breadcrumbs {
    display: none;

}

#div_id_registration #customer {
    display: none;
}

/*!* content *!*/

.layout > main > .main-container {
    padding: 60px 0px 0px;
    background-repeat: no-repeat;
    min-height: 850px;
}

.layout > main > .main-container .description p {
    font-size: 14px;
    line-height: 19px;
}


@media screen and (max-width:991px) {
     .description {
        margin-bottom: 20px;
    }
}


.layout > main > .main-container .description h1 {
    color: rgb(85, 100, 109);
    font-weight: bold;
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 24px;
}

/* Card */

.hanza-card {
    box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px;
}

.hanza-card-bordered {
    border: 1px solid #f0f0f0;
}

.hanza-card {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #253843;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum","tnum";
    position: relative;
    background: #fff;
    border-radius: 4px;
}

.hanza-card-head {
    position: relative;
    border: none;
}

.hanza-card-head-wrapper {
    display: flex;
    align-items: center;
}

.hanza-card-head .hanza-card-head-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: rgb(85, 100, 109);
    border: none;
    text-align: center;
    padding: 36px 0px 0px;
}

.hanza-card-head-title {
    display: inline-block;
    flex: 1 1;
    padding: 16px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hanza-card-body {
    padding: 24px 36px;
}

.hanza-card-footer button {
    margin: 24px 0px;
}

/* footer */

.hanza-layout-footer {
    padding: 24px 50px;
    color: #253843;
    font-size: 14px;
    background: #f0f2f5;
}

.hanza-layout-footer, .hanza-layout-header {
    flex: 0 0 auto;
}

#div_id_login_page #ms {
    margin-top: 40px !important;
}

input[type="submit"] {
    text-shadow: 0 -1px 0 rgba(0,0,0,.12);
    margin: 10px 0;
    line-height: 1.5715;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    box-shadow: 0 2px 0 rgba(0,0,0,.015);
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
    height: 32px;
    padding: 4px 15px;
    font-size: 14px;
    border-radius: 4px;
    color: #ffff;
    background: #e77816;
    border: 1px solid #e77816;
}

input[type="submit"][disabled] {
    background: grey;
    border: grey;
    cursor: default;
}


@media screen and (min-width: 1200px) {
    #div_id_login_page main {
        min-width: 1100px;
        max-width: 1100px;
        min-height: 800px;
        margin: 0 auto;
    }
}


#div_id_login_page .reset-password-card {
    display:none;
}

#div_id_login_page #forgot-password {
    cursor: pointer;
}

.remove-card {
    position: absolute;
    top: 15px;
    right: 20px;
}

.remove-card i {
    color: #9e9e9e;
    cursor: pointer;
}

#registerForm.wizard {
    margin-top: 30px;
}

.clients-attrs-cats h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: rgb(85, 100, 109);
    border: none;
    text-align: left;
}

.clients-attrs-cats .table>tbody>tr,
.clients-attrs-cats .table>thead>tr>th {
     border-bottom: 1px solid #f0f0f0;
}

.clients-attrs-cats .table>thead:first-child>tr>th:first-child,
.clients-attrs-cats .table>tbody>tr>td:first-child {
    border-right: 1px solid #f0f0f0;
}

.clients-attrs-cats .table>tbody>tr:last-child {
    border-bottom: none;
}
.clients-attrs-cats .table>tbody>tr>td {
    border-top: none;
}

.clients-attrs-cats .table>thead>tr>th {
    padding: 0 8px;
}

/* Checkbox */

/* The container */
.checkbox_block {
    display: block;
    position: relative;
    padding-left: 27px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox_block input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox_block label {
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 17px;
    width: 17px;
    border: 1px solid #ccc;
    cursor: pointer;
}

/* On mouse-over, add a grey background color */
.checkbox_block:hover input ~ .checkmark {
    background-color: #ccc;
}

.checkbox_block:hover input[type="checkbox"][readonly] ~ .checkmark {
    pointer-events: none;
    background-color: #fff;
    cursor: none;
}

.checkbox_block:hover input[type="checkbox"][checked][readonly] ~ .checkmark,
.checkbox_block:hover input[type="checkbox"][checked="checked"][readonly] ~ .checkmark {
    pointer-events: none;
    background-color: #e77816;
    cursor: none;
}

.checkbox_block.readonly {
    cursor: auto;
}

.checkbox_block.readonly label {
    cursor: auto;
}

/* When the checkbox is checked, add a blue background */
.checkbox_block input:checked ~ .checkmark {
    background-color: #e77816;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox_block input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox_block .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* tabs */

.ui-widget-header {
    border-top: none;
    border-left: none;
    border-right: none;
    border-color: #f0f0f0;
    background-color: #f0f2f5;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #FFAF68;
    border-color: #FFAF68;
    color: #fff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #fff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #e77816;
    border-color: #e77816;
}

.ui-widget-content {
    border: 1px solid #f0f0f0;
}

#div_id_main_page .bg-box {
    background-color: transparent;
}

#div_id_main_page #tabs td {
    width: 50%;
}

.ui-tabs {
    padding: 0;
    border-radius: 4px;
}

.ui-tabs .ui-tabs-nav {
    padding: 0;
}

.ui-tabs .ui-tabs-panel {
    box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px;
    border-radius: 4px;
}

.zebra > tbody > .even > td, .zebra > tbody > tr:nth-child(even) > td {
    background-color: #fff;
}

table.default.zebra tbody td, table.default.zebra tbody th {
    padding: 3px 3px !important;
}
table.default td {
    font-size: 15px;
    padding: 5px;
    height: 35px;
}

.badge {
    display: inline-block;
    padding: 1rem !important;
    border-radius: 10rem;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    cursor: pointer;
}

.badge.tag {
    padding: .5rem;
}

.badge-uppercase {
    text-transform: uppercase;
}
.badge[data-tippy-content] {
    cursor: pointer;
}

.badge-primary {
    color: #fff;
    background-color: #e77816;
}

.badge-secondary {
    color: #e77816;
    background-color: #fff;
    border: 1px solid #e77816;
}


#div_id_search2 .page-sidebar {
    display: block !important;
}

#div_id_search2 .page-main-content {
    padding: 0 !important;
}

#offer-info,
#make-offer,
#make-order {
    display: none;
    position: relative;
    width: calc(100% - 10px);
    margin-bottom: 10px;
    background-color: #fff;
    box-sizing: border-box;
    color: #253843;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum","tnum";
    border: 1px solid #f0f0f0;
    box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px;
    border-radius: 4px;
    padding: 25px;
}

#offer-info {
    display: block;
}

#cancel-order,
#cancel-offer {
    display: inline-block;
    text-shadow: 0 -1px 0 rgba(0,0,0,.12);
    margin: 10px 0;
    line-height: 1.5715;
    position: relative;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    box-shadow: 0 2px 0 rgba(0,0,0,.015);
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
    height: 32px;
    padding: 4px 15px;
    font-size: 14px;
    border-radius: 4px;
    color: #e77816;
    background: #fff;
    border: 1px solid #e77816;
}

/* UPLOADER */

.uploader {
    display: block;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    cursor: pointer;
}
.uploader label {
    float: left;
    clear: both;
    width: 100%;
    padding: 2rem 1.5rem;
    text-align: center;
    background: #fff;
    border-radius: 7px;
    border: 3px solid #eee;
    transition: all 0.2s ease;
    user-select: none;
}
.uploader label:hover {
    border-color: #e77816;
}
.uploader label.hover {
    border: 3px solid #e77816;
    box-shadow: inset 0 0 0 6px #eee;
}
.uploader label.hover #start i.fa {
    transform: scale(0.8);
    opacity: 0.3;
}
.uploader #start {
    float: left;
    clear: both;
    width: 100%;
}
.uploader #start.hidden {
    display: none;
}
.uploader #start i.fa {
    font-size: 50px;
    margin-bottom: 1rem;
    transition: all 0.2s ease-in-out;
}
.uploader #response {
    float: left;
    clear: both;
    width: 100%;
}
.uploader #response.hidden {
    display: none;
}
.uploader #response #messages {
    margin-bottom: 0.5rem;
}
.uploader #file-image {
    display: inline;
    margin: 0 auto 0.5rem auto;
    width: auto;
    height: auto;
    max-width: 180px;
}
.uploader #file-image.hidden {
    display: none;
}
.uploader #notimage {
    display: block;
    float: left;
    clear: both;
    width: 100%;
}
.uploader #notimage.hidden {
    display: none;
}
.uploader progress, .uploader .progress {
    display: inline;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 180px;
    height: 8px;
    border: 0;
    border-radius: 4px;
    background-color: #eee;
    overflow: hidden;
}
.uploader .progress[value]::-webkit-progress-bar {
    border-radius: 4px;
    background-color: #eee;
}
.uploader .progress[value]::-webkit-progress-value {
    background: linear-gradient(to right, #e77816 0%, #e77816 50%);
    border-radius: 4px;
}
.uploader .progress[value]::-moz-progress-bar {
    background: linear-gradient(to right, #e77816 0%, #e77816 50%);
    border-radius: 4px;
}
.uploader input[type="file"] {
    display: none;
}
.uploader div {
    margin: 0 0 0.5rem 0;
    color: #5f6982;
}
.uploader .btn {
    display: inline-block;
    margin: 0.5rem 0.5rem 1rem 0.5rem;
    clear: both;
    font-family: inherit;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    text-transform: initial;
    border: none;
    border-radius: 0.2rem;
    outline: none;
    padding: 0 1rem;
    height: 36px;
    line-height: 36px;
    color: #fff;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    background: #e77816;
    border-color: #e77816;
    cursor: pointer;
}

/* END UPLOADER */

#div_id_show_product .products_list .offer-product {
    border-top: 1px solid #ccc;
    padding: 15px 0px;
}


.offer-prices th,
.offer-prices td {
    padding: 2px 5px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.offer-prices tr:first-child,
.offer-prices td:first-child {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.offer-prices tr:last-child td:first-child {
    border-right: 0px solid #ddd;
}

.offer-prices tr:last-child td:first-child,
.offer-prices tr:last-child td:nth-child(2) {
    border-left: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
}


.offer-prices .lp {
    width: 15px;
}

.offer-prices .detal-id {
    width: calc(100% - 235px);
}

.offer-prices .quan {
    width: 100px;
}

.offer-prices .price {
    width: 120px;
    position: relative;
    text-align: right;
}
.offer-prices .price#offer-price-val {
    font-weight: 700;
}

.offer-prices .price label.error {
    position: absolute;
    min-width: 300px;
    max-width: 300px;
    background: #fff;
    text-align: center;
    border: 1px solid red;
    border-radius: 4px;
    z-index: 9999;
    padding: 3px 5px;
    left: -100px;
    top: -30px;
}

.offer-prices .price label.error::after {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -7px;
    border-width: 7px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

#order_info h2.section {
    color: #e77816;
    font-size: 19px;
    margin-bottom: 20px;
    background: #fff;
    display: flex;
    align-items: center;
}

#order_info h2.section:after {
    content: '';
    flex: 1;
    margin-left: 1rem;
    height: 1px;
    background-color: #e77816;
}

#order_info .offer-product {
    padding: 20px 0px;
    border-bottom: 1px solid #ddd;
}

#order_info .offer-product:first-child {
    padding-top: 0px;
}

#order_info .offer-product:last-child {
    border-bottom: 0px solid #ddd;
}

#order_info .order-realisation-step .order-realisation-step-header {
    background: #ddd;
    display: table;
    width: 100%;
    height: 58px;
    border-radius: 1px;
}

#order_info .order-realisation-step .order-realisation-step-header .step-title-icon {
    display: table-cell;
    width: 60px;
    text-align: center;
    position: relative;
}

#order_info .order-realisation-step .order-realisation-step-header .step-title-icon i {
    position: absolute;
    top: 23px;
    left: 24px;
    z-index: 99;
}

#order_info .order-realisation-step .order-realisation-step-header .step-title-icon .background {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #fff;
    z-index: 98;
    top: 10px;
    left: 10px;
    border-radius: 50%;
    box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px;
}

#order_info .order-realisation-step .order-realisation-step-header .step-title {
    display: table-cell;
    width: calc(100% - 60px);
    line-height: 60px;
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 0px;
}

#order_info .order-realisation-step .order-realisation-step-body {
    padding: 20px 10px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#order_info .order-realisation-step .order-realisation-step-body .step-body-left {
    border-right: 1px solid #ddd;
    width: 25%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

#order_info .order-realisation-step .order-realisation-step-body .step-body-left .action-left {
    margin: 10px 0px;
    line-height: 32px;
    text-align: center;
}

#order_info .order-realisation-step .order-realisation-step-body .step-body-left .success {
   color: darkgreen;
}

#order_info .order-realisation-step .order-realisation-step-body .step-body-right {
    width: 75%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

#order_info .order-realisation-step .order-realisation-step-body .step-body-right .form-group {
    text-align: left;
}

#order_info .order-realisation-step .order-realisation-step-body .step-body-right .no-actions {
    color: #bbb;
    margin: 10px 0px;
    line-height: 32px;
}

.file-thumbnail {
    border-bottom: 1px solid #ddd;
    margin: 0px;
    padding: 10px 0px;
}

.file-thumbnail:last-child {
    border-bottom-width: 0px;
}

.file-thumbnail button {
    border-width: 0px;
    background-color: #fff;
}

.file-thumbnail .actions .action {
    display: inline-block;
}

.image-container {
    display: table;
    width: 100%;
}

.image-container .image {
    display: table-cell;
    width: calc(100% - 100px);
}

.image-container .image.has_not_thumbs {
    width: 100%;
}

.image-container .image-thumbs {
    display: table-cell;
    width: 100px;
    vertical-align: top;
}

.image-container .image-thumbs.has_not_thumbs {
   width: 0px;
}

.image-container .image-thumbs #thumbs ul{
    height: auto;
}

.image-container .image-thumbs #thumbs ul li {
     width: 100px !important;
     padding: 0px 0px 0px 5px;
     margin: 0px;
     border-left-width: 0px !important;
     box-shadow: none;
}

.image-container i {
    font-size: 14px;
}

.image-container #thumbs .slick-arrow.slick-prev {
    transform: rotate(360deg);
}

.image-container #thumbs .slick-arrow.slick-next,
.image-container #thumbs .slick-arrow.slick-prev {
    background: none;
}

.accordion {
    display: table;
    width: 100%;
}

.accordion .accordion-title {
    display: table-cell;
    width: calc(100% - 50px);
}

.accordion .accordion-chevron {
    display: table-cell;
    width: 50px;
    color: #e77816;
    font-size: 19px;
    margin-bottom: 20px;
    background: #fff;
    align-items: center;
    cursor: pointer;
}

.break-line {
    margin: 20px 0px;
    border-bottom: 1px solid #ddd;
    width: 100%
}

#order-address .select2 {
    text-align: left;
    color: #000;
}

#order-address .select2 .select2-selection__arrow {
    right: 20px;
}

.select2-container--default, .select2-selection--single, .select2-selection__rendered {
    color: #000 !important;
}

.primary-data table tbody tr:first-child th {
    padding-bottom: 20px !important;
}

.no_products {
    margin: 0 15px;
    margin-top: 15px;
    background-color: #fff;
    box-sizing: border-box;
    color: #253843;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum","tnum";
    position: relative;
    border-left: 1px solid #f0f0f0;
    box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px;
    border-radius: 4px;
    padding: 15px;
}

.mobile-logo {
    display: none;
}

#div_id_account_history .ui-widget-header {
    background-color: #fff;
    border-color: #fff;
}

#div_id_account_history .ui-widget-content {
    border: none;
}

#div_id_account_history .ui-tabs .ui-tabs-panel {
    box-shadow: none;
    padding: 1rem 0px;
}

#div_id_account_history .ui-tabs .ui-tabs-nav li {
    margin: 0 1rem;
    padding: 1rem 1.5rem;
    border-radius: 5px;
}

#div_id_account_history .ui-tabs .ui-tabs-nav li a {
    font-size: 16px;
}

#div_id_account_history .ui-tabs .ui-tabs-nav li a i {
    padding-right: 5px;
}

#div_id_account_history .ui-tabs .ui-tabs-nav li:first-child {
    margin-left: 0px;
}

#breadcrumbs {
    position: relative;
}

.company-info {
    position: absolute;
    right: 30px;
    top: 20px;
    color: #e77816;
    font-size: 15px;
    font-weight: 600;
}

.company-info p {
    display: inline;
    color: #000;
    font-size: 14px;
    font-weight: normal;
}

#div_id_main_page .pagination,
#div_id_main_page .pagination {
    margin: 0px;
    padding: 0px;
}

@media (min-width: 768px) {
    .offer-data-container {
        float: none;
        display: table-cell;
        vertical-align: top;
    }

    .offer-data-forms {
        float: none;
        display: table-cell;
        vertical-align: middle;
        border-right: 1px solid #ddd;
    }

    .offer-container {
        display: table;
        padding-bottom: 15px;
        width: 100%;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .wizard > .steps > ul > li {
        width: 50%;
    }

    .hanza-menu-horizontal >.hanza-menu-item.logo .mobile-logo {
        display: inline-block;
    }

    .hanza-menu-horizontal >.hanza-menu-item.logo .logo {
        display: none;
    }

    .hanza-menu-horizontal .hanza-menu-item.user-data a span {
        display: block;
    }

    #product .content {
        margin: 10px 0;
    }

    .offer-data-forms {
     border-bottom: 1px solid #ddd;
    }

    #product .content .properties {
        display: none;
    }

    .company-info {
        display: none; !important;
    }

}