/*  General styling */
body {
    font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100%;
    overflow-x: hidden;
}

hr {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Internet explorer styling */

#company-select::-ms-expand {
    display: none;
}

.login-html {
    width: 100%;
}

/* End Internet explorer styling */
/* #search-articles-modal styling */
#search-articles-modal td.amount_to_add {
    width: 110px;
}
#search-articles-modal td.article_description {
    /*max-width: 150px;*/
    word-break: break-word;
    white-space: normal!important;
}
@media (min-width: 1200px) {
    .modal-lg {
        width: 1100px!important;
    }
}

/* Windows checkbox styling */

.form-control-checkbox input[type="checkbox"] {
    height: unset;
}

/* End Windows checkbox styling */

small {
    font-size: 75%;
}

textarea {
    resize: none;
}

label.required::after {
    content: "*";
    color: #b11418;
}

label.one-required::after {
    content: "~";
    color: #b11418;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #f9f9f9;
}

.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }

.margin-top { margin-top: 15px !important; }
.margin-right { margin-right: 15px !important; }
.margin-bottom { margin-bottom: 15px !important; }
.margin-left { margin-left: 15px !important; }
.margin-min-left { margin-left: -15px !important; }
.margin-min-right { margin-left: -15px !important; }

.dark-red {
    color: #b11418;
}

.dark-red-bold {
    color: #b11418;
    font-weight: bold;
}

div.page-header.navbar.navbar-fixed-top div.page-header-inner .dark-red-bg {
    background: #b11418;
}

.odd {
    background-color: #f9f9f9;
}

.even {
    background-color: #fff;
}

.padding-top {
    padding-top:15px !important;
}

.no-carret {
    background-image: none !important;
}

.toggle-filters {
    cursor: pointer;
}

.breadcrumb>li+li:before {
    content: "/";
}

.nav-tabs {
    border: none;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
    color: #b32028;
    border: none;
}

.checkmark {
    display: inline-block;
}
.checkmark:after {
    content: '';
    display: block;
    width: 3px;
    height: 6px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.toggle-sub-stock {
    cursor: pointer;
}

/* Override the components css */
button.close {
    text-indent: 0;
    background-image: none !important;
}

/*  Kitpages bundle overrides */
.kitpages-table-style {
    overflow: hidden;
}

.kitpages-table-style table th {
    border: none;
    border-bottom: 2px solid #ddd;
    background-color: white;
    padding: 8px;
    line-height: 24px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-left: 1px solid #ddd;
}

.kitpages-table-style table td {
    text-align: right;
    padding: 10px;
    border-left: none;
    border-top: none;
    vertical-align: top;
}

.kit-grid-even {
    background-color: #fdfdfd;
}

.kitpages-table-style form {
    margin-bottom: 15px;
}

.kitpages-table-style .modal-body form {
    margin-bottom: 0;
}

.kitpages-table-style form input, .kitpages-table-style form a {
    height: 34px;
    color: #fff;
    background-color: #337ab7;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
}

.kitpages-table-style form input:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.kitpages-table-style form input#kitdg_grid_grid_filter {
    width: 180px;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #c2cad8;
    cursor: text;
}

.kitpages-table-style form a {
    text-decoration: none;
    padding-top: 7px;
    background-color: transparent;
    color: #5299cc;
    font-weight: bold;
}

.kitpages-table-style td .btn.btn-primary {
    margin-top: 0;
}

.kitpages-table-style .form-group select {
    border: 1px solid #c2cad8;
}

.portlet-body .form-group .row label {
    float:left;
}

.filter .portlet-body .form-group .row label {
    margin-left:15px;
}

.filter .portlet-body .form-group .row input, .filter .portlet-body .form-group .row select, .filter .portlet-body .form-group .row .date {
    float: right;
    margin-right: 15px;
}

.kitpages-table-style .form-group input:hover {
    background-color: white;
    color: black;
    border: 1px solid #c2cad8;
}
.kitpages-table-style .form-group input[type="file"]:hover {
    border: none;
}

.kitpages-table-style .form-group input[type="file"]:hover {
    border: none;
}

.kit-grid-paginator .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #2d96de;
    border: 1px solid #2d96de;
    color: white;
}

div.table-responsive table tbody tr.kit-grid-odd td, div.table-responsive table tbody tr.kit-grid-even td {
    text-align: left;
}

/* -------------------- */
.data-href-ignore {
    max-width: 45px;
    padding: 0 !important;
}

.data-href-ignore a {
    display: block;
    padding: 8px;
}

.edit-style ul {
    list-style: none;
    padding-left: 0;
}

.edit-style ul li {
    padding-bottom: 10px;
}

.edit-style .record_properties {
    margin-bottom: 25px;
    width: 100%;
}

.record_actions {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.sidebar-fixed {
    position: fixed;
}

.page-sidebar-menu select {
    cursor: pointer;
    padding-left: 15px;
    padding-right:30px;
}

.label-right label, .control-label {
    float: right;
    font-size: 12px;
    margin-top: 3px;
    text-align: right;
    color: #bababa;
}

.form-group label.required, label.required.control-label, label.required, label.one-required {
    color: #3d3d3d;
    font-weight:600;
}

.add-data, .btn-create {
    border-radius: 20px !important;
    border: 1px solid #be4248;
    color: #be4248;
    background-color: white;
    font-weight: bold;
    padding: 5px 15px;
    font-size: 12px;
    margin-bottom: 15px;
}

.btn-group-order .btn {
    padding: 8px 30px;
    font-size: 16px;
}

.btn-action-left {
    border-radius:20px 0 0 20px!important;
}
.btn-action-middle {
    border-radius: 0!important;
}
.btn-action-right {
    border-radius:0 20px 20px 0!important;
}

.btn-create {
    margin-top: -5px;
    padding: 5px 18px;
    font-size: 14px;
    margin-bottom: 0;
}

.add-data:active,
.add-data:focus,
.add-data:active:focus,
.btn-create:active,
.btn-create:focus,
.btn-create:active:focus,
.btn-create:disabled,
.btn-create:disabled:active,
.btn-create:disabled:focus,
.btn-create:disabled:hover,
.btn-create[disabled],
.btn-create[disabled]:active,
.btn-create[disabled]:focus,
.btn-create[disabled]:hover,
.btn-create[disabled=disabled],
.btn-create[disabled=disabled]:active,
.btn-create[disabled=disabled]:focus,
.btn-create[disabled=disabled]:hover {
    background-color: #be4248;
    color: white;
    border: 1px solid #be4248;
}

label.dropdown-collapse {
    float: none !important;
    padding-right: 15px;
    margin-bottom: 20px;
}

span.styling-top-button div button {
    border-radius: 20px !important;
    border: 1px solid #be4248;
    color: #be4248;
    background-color: white;
    font-weight: bold;
    padding: 8px 30px;
    font-size: 16px;
    margin-bottom: 15px;
}

span.styling-top-button div button:hover, .btn-create:hover, div.row div  button.add-articles:hover, div.row div  button.add-articlegroups:hover, button.add-shippingoptions:hover, .btn-create:focus, span.styling-top-button div button:focus, button.add-data:hover {
    background-color: #be4248;
    border-color: #be4248;
    color: white;
}

span.styling-top-button div button:active {
    background-color: #be4248 !important;
    border-color: #be4248;
    color: white;
}

h2.dark-red.bold {
    margin-bottom: 15px;
    margin-top: 3px;
    margin-right: 20px;
}

.show-order-delivery-address p, .show-order-invoice-address p, .show-order-header p {
    font-weight: bold;
}

.create-order-line button.add-articles:hover {
    background-color: #be4248;
    color: white;
}

.record_actions_edit {
    display: inline-flex;
    margin-top: -50px;
}

.record_actions_edit li {
    margin-right: 5px;
}

td.remove-data, td.remove-article, td.remove-special, td.remove-document, td.remove-packagingmaterial, td.remove-country, td.remove-transformation {
    text-align: center !important;
    padding: 0 !important;
}

td.remove-data a, td.remove-article a, td.remove-special a, td.remove-document a, td.remove-packagingmaterial a, td.remove-country a, td.remove-transformation a {
    padding: 15px;
    display: block;
    color: black;
}

td.remove-data.collo a {
    padding: 8px;
    display: block;
    color: black;
}

.caption {
    width: 100%;
}

.edit-style label, .create-company-shipping label {
    padding-top: 4px;
}

.show-form-style input {
    margin-top: 3px;
}

.nav-item.nav-item-special .customer-expand {
    cursor: default;
}

ul.page-sidebar-menu.page-header-fixed.page-sidebar-menu-hover-submenu .customer-expand:hover {
    background-color: #3d3d3d;
}

.cursor-pointer {
    cursor: pointer;
}

.page-sidebar .page-sidebar-menu > li > a {
    min-height: 7px;
    height: 72px;
    border-bottom: 1px solid #454545;
}

li.nav-item.nav-item-special .customer-expand {
    height: 110px;
}

.caption i.pull-right {
    padding: 5px 5px 3px 5px;
    border: 1px solid #c2cad8;
    margin-top: -1px !important;
    margin-left: 10px;
}

table.table-striped.table-bordered.table-hover th:empty {
    width: 4% !important;
}

.toggle-icon {
    cursor: pointer;
    margin-right: 0px;
}

.font-red-dark {
    color: #b32028;
}

.breadcrumb {
    background-color: white;
}

table tbody tr.no-data td, div.new-order-lines.table-responsive table tbody tr.no-data td {
    text-align: left;
}

form.search-articles.form-inline input, form.search-articles.form-inline select{
    width: 100%;
}

.barcodes-table>tbody>td {
    padding-bottom: 15px;
}

.portlet.light {
    padding: 15px;
}

.portlet.light .portlet-body {
    padding: 15px 0 15px 0;
}

.portlet.filter>.portlet-title>.caption>.caption-subject {
    font-size: 14px;
    color: #337ab7;
    font-weight: 600;
}

.portlet.light>.portlet-title>.caption {
    padding: 8px 0 5px 0;
}

.portlet.light>.portlet-title>.caption>i {
    margin-right: 0px;
}

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

.portlet.light > .portlet-title > .actions {
    padding: 0;
}

.form-group-section {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}
.form-group-section .portlet-title {
    margin-top: 15px;
    margin-bottom: 15px;
}

.btn.btn-circle.btn-outline.white.dropdown-toggle {
    color: #e94e56;
    border: 1px solid #e94e56;
}

.btn.btn-circle.btn-outline.white.dropdown-toggle:hover {
    color: white;
    border: 1px solid white;
    background-color: #e94e56;
}

.header-content {
    height: 65px;
}

.btn-full {
    display: block;
    width: 100%;
}

.add-article.disabled, .add-article[disabled] {
    background-color: #b11418;
    border: 1px solid #b11418;
}
.add-article.disabled:hover, .add-article[disabled]:hover, .add-article.disabled:focus, .add-article[disabled]:focus {
    color: #fff;
    background-color: #b11418;
    border: 1px solid #b11418;
}

.btn-change, .btn-show {
    background-color: #2d96de;
    border: 1px solid #2d96de;
    color: white;
}

button.copy-business-rule-anchor {
    background-color: transparent;
    border: none;
    color: #337ab7;
}

button.copy-business-rule-anchor:hover,
button.copy-business-rule-anchor:active,
button.copy-business-rule-anchor:focus,
button.copy-business-rule-anchor.btn-show {
    background-color: transparent;
    border: none;
    color: #23527c;
    outline: none;
    outline-offset: 0;
}

.spinner-business-rules {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 40px;
}
.spinner-business-rules.hidden {
    display: none;
}
.spinner-business-rules.shown {
    display: block;
}

.btn-change:hover, .btn-show:hover {
    background-color: white;
    color: #2d96de;
}

.btn-change:focus, .btn-show:focus {
    color: white;
    background-color: #2d96de;
    border: 1px solid #2d96de;
}

.btn-delete {
    border: 1px solid #ff0700;
    color: #ff0700;
    background-color: white;
}

.btn-delete:hover, .btn-delete:focus, .btn-delete:active, .btn-delete:active:hover, .btn-delete:active:focus {
    border: 1px solid #ff0700;
    color: white;
    background-color: #ff0700;
}

.btn-clear, #btn-reset {
    border: 1px solid #2d96de;
    color: #2d96de;
    background-color: white;
}

.btn-clear:hover, #btn-reset:hover {
    color: white;
    background-color: #2d96de;
}

.btn-clear:focus {
    color: #2d96de;
}

.portlet-footer {
    border-top: 1px solid #eee;
    padding-top: 15px;
}

.portlet-footer.no-content {
    padding-top: 50px;
}

.role-list .checkbox {
    padding-top: 1px;
    height: 21px;
    margin-bottom: 0;
}

.role-list .checkbox:nth-child(even){
    margin-top: 10px;
}

.role-list .checkbox:first-child{
    padding-top: 2px;
}

.new-user .role-list .checkbox:nth-child(2), .new-user .role-list .checkbox:nth-child(3), .new-user .role-list .checkbox:nth-child(4), .new-user .role-list .checkbox:nth-child(5) ,.new-user .role-list .checkbox:nth-child(6), .new-user .role-list .checkbox:nth-child(7), .new-user .role-list .checkbox:nth-child(8), .new-user .role-list .checkbox:nth-child(9){
    display: none;
}

.page-header.navbar .page-logo {
    padding-left: 10px;
    padding-right: 10px;
}

.page-header.navbar .page-logo .logo-default {
    height: auto;
    margin: 0 !important;
    max-height: 58px;
    max-width: 100%;
    overflow: hidden;
}
.page-header.navbar .page-logo>.logo-image, .page-header.navbar .page-logo>a {
    float: none;
}

.page-header-inner .page-logo {
    text-align: center;
    line-height: 68px;
}

.company-show-logo {
    height: 70px;
    width: 100%;
    max-width: 195px;
    max-height: 100px;
    background: #f9f9f9;
    border: 1px solid #ccc;
    padding: 10px;
}
.company-show-logo img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.company-show-color {
    height: 34px;
    width: 34px;
    border: 1px solid #ccc;
}

.index-filter input[type=date] {
    margin-bottom: 10px;
}

.confirm-filter {
    padding-right: 50px;
}

.article-filter-index .btn-change {
    margin-bottom: 15px;
}

.kitpages-table-style .modal-footer {
    padding-bottom: 0;
}

.kitpages-table-style .modal-footer .btn-default {
    margin-top: -40px;
}

.kitpages-table-style .modal-footer .btn-change {
    margin-right: 80px;
    margin-bottom: -30px;
}

.modal-body label {
    margin-top: 8px;
}

.modal-body input[type=checkbox] {
    margin-top: 0;
}

.index-filter input[type=date]::-webkit-inner-spin-button,
.index-filter input[type=date]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.user-grid table tr th:first-child, .user-grid table tr td:first-child {
    display: none;
}

.order-lines-grid tr.package-line {
    border-left: 25px solid #ddd;
}
.order-lines-grid tr.package-line td {
    font-size: 10px;
}

.shipping-method-grid tr.shipping-method-country-line {
    border-left: 25px solid #ddd;
}
.shipping-method-grid tr.shipping-method-country-line td {
    font-size: 10px;
}

.shipping-method-grid td {
    text-align: center;
}

.pallet-grid tr.package-line {
    border-left: 25px solid #ddd;
}
.pallet-grid tr.package-line td {
    font-size: 10px;
}

.order-lines-grid table tr td:nth-child(-n+4),
.order-lines-grid table tr th:nth-child(-n+4),
.article-filter-index table tbody tr td:nth-child(-n+4),
.article-filter-index table thead tr th:nth-child(-n+4),
.stock-filter-index table tbody tr td:nth-child(-n+1),
.stock-filter-index table thead tr th:nth-child(-n+1) {
    display: none !important;
}
.order-lines-grid table tr td.kit-grid-no-data,
.order-lines-grid table tr td.no-data,
.article-filter-index table tbody tr td.kit-grid-no-data,
.article-filter-index table tbody tr td.no-data {
    display: table-cell !important;
}

.user-grid table tr td.kit-grid-no-data {
    display:table-cell;
}

#ArticleFilters_submit {
    margin-right:80px;
}

.create-btn-big button, .create-btn-big a, .create-btn-big-direct {
    padding: 8px 30px;
    font-size: 16px;
    margin-top: 2px;
}

.create-btn-big-direct {
    margin-left: 0;
    margin-top: 5px;
}

.portlet-body.kitpages-table-style .portlet.light {
    margin-bottom: 5px;
}

.filter label,
.export-filter label {
    color: black;
    margin-top: 7px;
}

.export-filter label {
    float:left;
}

div.portlet.light.filter {
    padding: 0 0 15px 0;
    margin-bottom: 0;
}

div.filter.portlet.light div.portlet-title {
    border: 1px solid #ddd;
    padding: 5px 15px 0 15px;
}

.portlet.light>.portlet-title {
    min-height: 50px;
}

.filter .fa-plus.pull-right, .filter .fa-minus.pull-right {
    background-color: white;
}

.filter.portlet.light>.portlet-body {
    border: 1px solid #ddd;
    border-top: none;
    padding-top: 18px;
    padding-bottom:0;
}

.filter .portlet-footer button {
    margin-left: 15px;
}

.portlet>.portlet-title {
    margin-bottom: 0;
}

table.barcodes-table {
    margin-bottom: 0;
}

table.barcodes-table tbody tr td:nth-child(2) {
    padding-top: 15px;
    width: 28px;
    padding-right: 15px;
    padding-left: 15px;
}

.kitpages-table-style .filter form {
    margin-bottom: 0;
}

.input-group-addon>i {
    color: black;
}

.dropdown-menu>li>a>.badge {
    right: 10px;
}

.dropdown-menu>li>a>[class*="fa-"], .dropdown-menu>li>a>[class^=fa-] {
    margin-right: 5px;
}

div.index-filter input.form-control,
div.export-filter select.form-control {
    margin-left: 0;
}

.form-group label {
    text-align: left;
}

.login-lineout {
    padding-top: 5px;
}

.profile-actions li{
    margin-top: 15px;
}

.datepicker {
    z-index: 10000;
}

.form-group div.radio label {
    color: #3d3d3d;
}

div.radio label input {
    margin-top: 2px;
}

#user_roles label {
    padding-top: 0;
    margin-top: -4px;
}

#user_roles label input {
    margin-left: -25px;
}

#user_roles label {
    color: black;
    padding-right: 20px;
}

#user_companies .checkbox {
    width: 100%;
    float: left;
}

.edit-hidden {
    display: none!important;
}
.user-article-groups .form-group, .user-companies .form-group {
    line-height: 0;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-menu {
    margin-top: 4px;
    border: 1px solid #eee;
}

.page-bar .page-breadcrumb {
    padding: 10px 15px;
}

.page-sidebar-menu.page-sidebar-menu-hover-submenu li .sub-menu>li>a {
    margin: 0;
}

.dashboard-stat2 .display{
    margin-bottom: 0;
}

.dashboard-stat2 {
    padding: 15px;
}

.inbound-filters {
    display: none;
}

.return-inbound {
    width: 100%;
}

.login-container>.login-content div.companies-select p {
    margin: 0;
    color: #e94e56;
}

#company-select-login{
    width: 100%;
}

.user-login-5 .login-container>.login-content>.login-form .form-control {
    margin-bottom: 15px;
}

.table {
    margin-bottom: 0;
}

.show-order-lines .table, .order-filter-index .table, .inbound-filter-index .table {
    margin-bottom: 0;
}

#user_companies .checkbox input[type=checkbox] {
    position: inherit;
    margin-right: 5px;
}

#user_companies .radio label {
    padding-left: 20px;
}

.inbound-lines-table tbody tr td:nth-child(1), .inbound-lines-table tbody tr td:nth-child(2), .package-lines-table tbody tr td:nth-child(1) {
    text-align: left;
    padding-top: 15px;
}

.inbounds-filter-index table tr th:nth-child(8), .inbounds-filter-index table tr td:nth-child(8) {
    display: none;
}

.business-rules-builder .rules-group-container{
    padding: 15px;
    border: 1px solid #eee;
    background: #fff;
}

.companies-select {
    margin-top: -35px;
    margin-bottom: -50px;
}

.login-btn-mobile {
    padding-top: 15px;
}

.rememberme.mt-checkbox.mt-checkbox-outline{
    padding-top: 8px;
}

.login-footer {
    margin-bottom: 40px;
    padding-bottom: 0 !important;
}

.input-group.date input[readonly] {
    background-color: white;
    cursor: text;
}

.table-min-width thead tr th{
    min-width: 160px;
}

.btn.add-data.add-articles.pull-right.no-margin {
    margin-top: 15px;
}

.special-margin-create {
    margin-top: 15px;
    margin-bottom: 0;
}

#OrderExportType_rules input, #InboundExportType_rules input {
    margin-top: 4px;
}

.order-action-buttons {
    display: flex;
    flex-direction: row-reverse;
}
.order-action-buttons .btn-action-right {
    border-left: none;
}

.btn-create.pull-right.btn.btn-primary {
    margin-bottom: 15px;
}

.business-rules-builder .rules-group-container {
    padding: 15px;
    background: #fff;
    border-radius: 0;
    border: 1px solid #ddd;
}

.business-rules-builder .rules-group-header .btn-group button.btn, .business-rules-builder .rule-header .btn-group button.btn {
    margin-left: 5px;
    margin-bottom: 5px;
}

.business-rules-builder .rule-value-container input[type=number], .business-rules-builder .rule-value-container input[type=text] {
    padding-left: 10px;
}

.business-rules-builder .rule-value-container {
    border-left: 0;
    padding-left: 0;
}

.kit-grid-paginator .pagination {
    margin-top: 15px;
    margin-bottom: 0;
}

.user-login-5 .login-container>.login-content>.login-form .form-control {
    padding: 6px 12px;
}

#company-select {
    -moz-appearance: none;
    -webkit-appearance: none;
}

.companies-select input:last-child {
    margin-bottom: 0 !important;
}

#company-select {
    border-radius: 20px !important;
    margin-bottom: 20px;
    text-align: left;
    color: #e6e8ed;
    width: 150px;
    background: #585858 url(/portal/images/carretdown.png) no-repeat 90% center;
    height: 30px;
    padding-left: 15px;
    padding-bottom: 26px;
}

.title-sidebar {
    text-align: center;
    display: block;
    margin-top: 15px;
    color: #ffffff;
}

.dropdown-menu.company-dropdown-menu .dropdown-item {
    width: 100%;
    float: left;
    padding-left: 15px;
}

.dropdown-menu.company-dropdown-menu {
    margin-top: -15px;
    margin-left: 13px;
}

#user_articleGroups label {
    margin-top: 2px;
    margin-bottom: -13px;
    margin-right: 15px;
}

#user_articleGroups label input {
    margin-top: -6px;
}

.company-line-height {
    line-height: 3px;
}

.portlet.light div.portlet-body.article-groups-show-user {
    padding-bottom: 0;
    margin-bottom: -5px;
}

.portlet.light div.portlet-body #user_articleGroups {
    display: grid !important;
}

span.customSelect {
    border-radius: 20px !important;
    margin-bottom: 20px;
    text-align: left;
    color: #e6e8ed;
    width: 150px;
    background: #585858 url(/portal/images/carretdown.png) no-repeat 90% center;
    height: 30px;
    padding-left: 15px;
    padding-top:5px;
    padding-bottom: 26px;
    overflow: hidden;
    line-height: 21px;
}

.status-select-inb {
    width: 250px;
}

.input-group.date.filters.from {
    margin-bottom: 15px;
}

/* Hiding original pagination */
.order-filter-index nav {
    display: none;
}

.article-filter-index nav {
    display: none;
}

.inbound-filter-index nav {
    display: none;
}

.stock-filter-index nav {
    display: none;
}

.mutation-filter-index nav {
    display: none;
}

.job-filter-index nav {
    display: none;
}

.apilogs-filter-index nav {
    display: none;
}

.outbound-call-filter-index nav {
    display: none;
}

.flow-id-filter-index nav {
    display: none;
}

.header-content h4 {
    padding: 10px 0;
}

.header-content h4 a {
    padding: 2px;
}

.header-content h4 a:focus {
    color: #b11418;
    text-decoration: none;
}

.header-content h4 a:hover {
    color: #b11418;
    text-decoration: none;
    border-bottom: 2px solid #b11418;
}

/* Show empty table headers (For CRUD links and such) */
.visible, .kit-grid.kit-grid-grid th:empty {
    display: table-cell!important;
}

/* Hide all default table headers for grids with filters */
.stock-filter-index .kit-grid.kit-grid-grid th,
.inbound-filter-index .kit-grid.kit-grid-grid th,
.order-filter-index .kit-grid.kit-grid-grid th,
.article-filter-index .kit-grid.kit-grid-grid th,
.shipment-filter-index .kit-grid.kit-grid-grid th,
.mutation-filter-index .kit-grid.kit-grid-grid th,
.open-order-filter-index .kit-grid.kit-grid-grid th,
.job-filter-index .kit-grid.kit-grid-grid th,
.transformation-filter-index .kit-grid.kit-grid-grid th,
.outbound-call-filter-index .kit-grid.kit-grid-grid th,
.apilogs-filter-index .kit-grid.kit-grid-grid th {
    display: none;
}

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

/* Settings */
.settings-body.carrier-body .carrier-wrap:last-child {
    margin-bottom: 0;
}

.setting-body {
    padding: 15px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    position: relative;
}

.carriers-body .carrier-wrap:last-child {
    margin-bottom: 0;
}

.carriers-body .carrier-body, .carriers-body .shipping-method-body {
    padding: 15px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.carriers-body .carrier-wrap .carrier-body:first-child {
    border-top: 1px solid #ddd;
}

.carriers-body .carrier-wrap {
    margin-bottom: 15px;
}

.carriers-body .carrier-body ul,
.carriers-body .carrier-body ul li,
.carriers-body .carrier-body ul li label,
.carriers-body .shipping-method-body ul,
.carriers-body .shipping-method-body ul li,
.carriers-body .shipping-method-body ul li label {
    margin: 0;
}

.carrier-body .setting-body {
    padding: 15px;
    border: 1px solid #ddd;
}

.carrier-body .carrier-wrap {
    margin-bottom: 15px;
}

.margin-border-block {
    padding: 15px;
    border: 1px solid #ddd;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
}

/* Labels styling */

/* Temporary label & Pallet label */
.temporary-label-container, .pallet-label-container {
    height: 100mm;
    width: 150mm;
    padding: 10mm;
}

.temporary-label-container h3, .temporary-label-container h5, .pallet-label-container h3, .pallet-label-container h5 {
    margin: 0;
    padding: 0;
}

.temporary-label-container .barcode-wrap, .pallet-label-container .barcode-wrap {
    margin: 0 auto;
    display: inline-block;
    padding-top: 19mm;
}

.temporary-label-container .header, .pallet-label-container .header {
    min-height: 15mm;
}

.temporary-label-container .barcode, .pallet-label-container .barcode {
    min-height: 61mm;
    text-align: center;
}

/* Carriers */
.carrier-header-block {
    padding: 20px 15px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.carrier-header-block .carrier-name-label {
    padding: 5px 0;
}

.align-icon, .edit-carrier-logo {
    width: 100%;
    height: 100%;
    padding: 7px 0;
    text-align: center;
}

.edit-carrier-logo a {
    color: #000000;
}

.carrier-header-block.even {
    background-color: #fff;
}

.carrier-header-block.odd {
    background-color: #f9f9f9;
}

.align-icon {
    margin-right:-15px;
}

.show-logo {
    width: 100%;
    height: 100%;
    padding: 7px 0;
    text-align: center;
}

.show-logo a {
    color: #000;
}

.close-shipment-block {
    float: left;
    margin-top: -15px;
}

.portlet-footer-extended {
    margin-bottom: 25px;
}

.remove-data.pallet {
    float: right;
}

.remove-data.pallet i {
    color: black;
}

.button-one-row {
    width: 340px;
    float: right;
}
.shipping-method-block .list-group .list-group-item {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 0;
}

.shipping-method-block .list-group .list-group-item:last-child {
    border-bottom: 1px solid #ddd;
}

.setting-body.carrier tr {
    background-color: #fff;
}

.portal-logo-block img {
    max-height: 60px;
    width: auto;
    margin: 0;
    padding: 0;
}

.setting-label {
    padding: 15px 8px!important;
}
.setting-label span {
    float: left;
    width: 100%;
}

div.table-responsive table tbody tr td.kit-grid-cell-br-rank {
    text-align: center;
}

div.table-responsive table tbody tr td.kit-grid-cell-br-rank a:last-child {
    padding: 0 0 8px;
}

.kit-grid-cell-ol-serialNumbers {
    cursor: pointer;
}

.kit-grid-cell-q-id:first-child, .visible.id {
    display: none !important;
}

.cargo-divider {
    padding: 15px;
    width: 100%;
}

.tr-even {
    background-color: #f9f9f9 !important;
}

.tr-odd {
    background-color: #fff !important;
}

.href-tr {
    cursor: pointer;
}

.amcharts-chart-div a {
    display: none !important;
}

/* Start styling TNT tracking Hicham */

.timeline-segment  {
    text-align: left;
    display: inline-block;
    height: 50%;
    position: relative;
}

.timeline-mini-segment  {
    display: block;
    height: 50%;
    position: absolute;
    left: 50px;
}

.circle {
    border-radius: 50% !important;
    width: 45px;
    height: 45px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    background-color: #B11418;
    display: inline-block;
    position: absolute;
    text-align: center;
    vertical-align: bottom;
}

.circle2 {
    border-radius: 50% !important;
    width: 25px;
    height: 25px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    background-color: #B11418;
    display: inline-block;
    position: absolute;
    text-align: right;
}

.circle span {
    position: absolute;
    top: 45px;
    left: -32px;
    min-width: 110px;
}

.circle i {
    position: relative;
    top: calc(50% - 10px);
    color: white;
}

.line {
    left: 6%;
    width: 100%;
    height: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    background-color: #B11418;
    position: absolute;
}

.timeline-container {
    text-align: center;
    min-height: 120px;
    padding: 20px 0;
}

.deliveryAddress {
    vertical-align: middle;
    margin-bottom: 15px;
}

.icon-200:before {
    content: "\f072";
}
.icon-200 {
    transform: rotate(90deg);
}
.icon-210:before {
    content: "\f132";
}
.icon-215:before {
    content: "\f298";
}
.icon-220:before {
    content: "\f0ea";
}
.icon-230:before {
    content: "\f0d1";
}
.icon-230 {
    transform: scale(-1, 1);
}
.icon-300:before {
    content: "\f015";
}

/* End styling TNT tracking Hicham */

.data-href-ignore.carrier-update i {
    color: #337ab7;
    text-decoration: none;
    padding: 0;
}

.data-href-ignore.carrier-update:hover i {
    color: rgb(35, 82, 124);
}

.data-href-ignore.carrier-update {
    padding: 8px !important;
    cursor: pointer;
}

.chart svg {
    left: 10px !important;
    overflow: visible;
}

/* Start new carrier/shipping methods page styling */
.carriers .header i {
    color: #777;
    font-size: 15px;
    font-weight: 300;

    padding: 5px 5px 3px 5px;
    border: 1px solid #c2cad8;
    margin-top: -2px !important;
    cursor: pointer;
}

.carriers .data-wrap {
    padding: 10px;
    border: 1px solid #ddd;
}

.carriers .margin {
    margin-bottom: 15px;
}

.carriers .footer {
    margin: 15px 0 0 0;

}

.carriers .data-wrap div.closed .data {
    display: none;
}

.carriers .data-wrap div.open > .data {
    display: block;
}

.carriers .shipping-methods {
    border: 1px solid #ddd;
    padding: 10px;
}

.carriers .main-toggle-trigger.closed {
    padding-bottom: 0!important;
    border-bottom: 0!important;
    margin-bottom: 0!important;
}

.carriers .wrap {
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 10px;
}

.carriers .wrap:last-child {
    margin-bottom: 0;
}

.carriers .header.main-toggle-trigger {
    margin-bottom: 10px;
}

.carriers .shipping-methods .wrap .header.toggle-trigger.open {
    margin-bottom: 10px;
}

.carriers .shipping-methods > .header.toggle-trigger.open {
    margin-bottom: 10px;
}

.carriers .countries > .header {
    margin-top: 15px;
}

.carrier-modal .modal-body {
    min-height: 100px;
}

.carrier-modal .blur, #scan-sandd-label-modal .blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.carrier-modal .blur.out, #scan-sandd-label-modal .blur.out {
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0);
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

.carrier-modal .blur.in, #scan-sandd-label-modal.blur.out {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

.carrier-modal .spinner.out, #scan-sandd-label-modal .spinner.out {
    opacity: 0;
    transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    -webkit-transition: opacity .4s ease-in;
    pointer-events: none;
}

.carrier-modal .spinner.in, #scan-sandd-label-modal .spinner.in {
    opacity: 1;
    transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    -webkit-transition: opacity .4s ease-in;
    pointer-events: none;
}

.carrier-modal .wrap {
    height: 100%;
    width: 100%;
}

.carrier-modal .form-group label {
    float: left;
}

.carrier-modal .spinner, #scan-sandd-label-modal .spinner {
    float: left;
    display: inline-block;
    height: auto;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -22px;
    margin-top: -20px;
    opacity: 1;
}

.carrier-modal .spinner i, #scan-sandd-label-modal .spinner i {
    margin: 15px 0;
    font-size: 40px;
}

.carrier-modal .header span {
    font-size: 16px;
}

.carrier-modal .header {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.carrier-modal .shipping-method {
    padding: 15px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}

.carrier-modal .shipping-method .header span {
    font-size: 14px;
}

.carrier-modal .carrier .header span {
    font-size: 14px;
}

.carrier-modal#create-carrier-modal .carrier {
    margin-bottom: 25px;
}

.carrier-modal .carrier {
    padding: 15px;
    border: 1px solid #ddd;
}

.carrier-modal .header i {
    color: #777;
    font-size: 15px;
    font-weight: 300;
    padding: 5px 5px 3px 5px;
    border: 1px solid #c2cad8;
    margin-top: -2px !important;
    cursor: pointer;
}

.carrier-modal input[type="file"] {
    padding: 5px 0;
}

.carrier-modal .btn-create {
    margin-top: 0;
}

.data-wrap .remove-country a {
    padding: 8px;
}

img.preview[src=""] {
    display: none!important;
}

img.preview {
    display: block;
}

.header.toggle-trigger,
.header.main-toggle-trigger {
    cursor: pointer;
}

/* End new carrier/shipping methods page styling */

.data-grid-body-packingslipcode tr td input[type="radio"] {
    display: inline-block;
}

.data-grid-body-packingslipcode tr td:nth-child(3), .data-grid-body-packingslipcode tr td:nth-child(4), .data-grid-body-packingslipcode tr td:nth-child(5) {
    text-align: center;
    padding: 15px 0;
}

.table-packing-list-codes-edit thead tr th:nth-child(3), .data-grid-body-packingslipcode tr td:nth-child(4), .data-grid-body-packingslipcode tr td:nth-child(5) {
    width:70px;
}

.data-grid-body-packingslipcode tr td:nth-child(5) a {
    display: block;
}

.data-grid-body-packingslipcode tr:last-child td a.row-packing-slip-toggle.down, .data-grid-body-packingslipcode tr:first-child td a.row-packing-slip-toggle.up {
    display: none;
}

td.remove-data-disabled {
    text-align: center !important;
    padding: 0px !important;
}

td.remove-data-disabled a {
    padding: 15px;
    display: block;
    color: black;
}

.carrier-modal img.preview {
    max-height: 50px;
    float: right;
    border: 1px solid #ddd;
}

.data table img {
    max-height: 20px;
    display: block;
    margin: 0 auto;
}

.list-group.shipping-method {
    margin-top: 10px!important;
}

#user_articleGroups .checkbox {
    float: left;
    margin: 0 15px 0 0;
    padding: 5px 0;
}

#user_articleGroups .checkbox label {
    margin: 0;
    padding: 0;
    min-height: 0;
}

#user_articleGroups .checkbox input {
    position: static;
    margin: 0;
    padding: 0;
}

.collection-handler .td-fav-icon {
    padding: 15px 0;
    cursor: pointer;
    text-align: center;
}

.caption .add {
    cursor: pointer;
}

.password-format-hints ul {
    font-size: 13px;
    list-style: circle;
    padding: 0 0 0 25px;
}

.password-format-hints ul > li {
    font-size: 13px;
    padding: 0 0 5px 0;
    color: red;
    -webkit-transition: color ease-in-out .15s;
    -o-transition: color ease-in-out .15s;
    transition: color ease-in-out .15s;
}

.multi-select-resizable {
    height: auto!important;
    width: 100%;
    max-height: 34px;
    max-width: 200px;
    -webkit-transition:max-width 250ms ease-in-out, max-height 250ms ease-in-out;
    -moz-transition:max-width 250ms ease-in-out, max-height 250ms ease-in-out;
    -o-transition:max-width 250ms ease-in-out, max-height 250ms ease-in-out;
    transition:max-width 250ms ease-in-out, max-height 250ms ease-in-out;
}

.multi-select-resizable:hover, .multi-select-resizable:focus {
    max-height: 500px!important;
    max-width: 500px!important;
    -webkit-transition-delay: 0.25s;
    -moz-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.code-mirror-read-only .CodeMirror {
    background-color: #f9f9f9!important;
}

.code-mirror-read-only .CodeMirror .CodeMirror-linenumber {
    color: #555!important;
}

.CodeMirror {
    z-index: 0;
}

.code-mirror-height-auto .CodeMirror {
    height: auto!important;
}

#order_deliveryAddress_block .form-group:last-child {
    margin: 0!important;;
}

.address-block .blur.out {
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0);
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

.address-block .blur.in {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

.address-block .spinner {
    float: left;
    display: inline-block;
    height: auto;
    top: 41%;
    left: 44%;
    position: absolute;
    opacity: 1;
    font-size: 50px;
}

.address-block .spinner.in {
    opacity: 1;
    transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -webkit-transition: opacity 0.4s ease-in;
    pointer-events: none;
}

.address-block .spinner.out {
    opacity: 0;
    transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -webkit-transition: opacity 0.4s ease-in;
    pointer-events: none;
}

.data-table .input-group {
    display: block;
}

.not-found {
    color: #a94442;
    background-color: #f2dede!important;
    border-color: #ebccd1!important;
}

.table-hover>tbody>tr.not-found:hover, .table-hover>tbody>tr.not-found:hover>td {
    background-color: #ecd8d8!important;
}

.on-hold {
    color: #856404;
    background-color: #fff3cd!important;
    border-color: #ffeeba!important;
}

.table-hover>tbody>tr.on-hold:hover, .table-hover>tbody>tr.on-hold:hover>td {
    background-color: #ece9d8 !important;
}

.added-line {
    color: #690485;
    background-color: #eccdff !important;
    border-color: #eabaff !important;
}

.changed-qty .kit-grid-cell-ol-qtyOrdered {
    color: #ac5d5c;
    background-color: #f2dede!important;
    border-color: #ebccd1!important;
}

.table-hover>tbody>tr.in-wms:hover, .table-hover>tbody>tr.in-wms:hover>td {
    background-color: #e8d8ec !important;
}

.canceled {

    background-color: #c7c7c7 !important;
    border-color: #979797 !important;
}

.table-hover>tbody>tr.canceled:hover, .table-hover>tbody>tr.canceled:hover>td {
    background-color: #d7d7d7 !important;
}

.add-to-stock-checkbox {
    text-align: center!important;
    padding: 15px 0!important;
}

.add-to-stock-checkbox input {
    margin: 5px 0 0 0!important;
    padding: 0!important;
}

.flow-id-filter-index th {
    display: none;
}

.flow-id-filter-index .visible {
    display: block;
}

.portlet-body.clear-content.kitpages-table-style.label-right {
    overflow: visible;
}

.multiselect-container label {
    float: left!important;
    font-size: 14px!important;
    margin-top: 0!important;
    text-align: left!important;
    color: #333!important;
    margin-left: 5px!important;
    width: 100%!important;
}

.multiselect-container input:focus, .multiselect-container label:focus {
    outline: none;
}

.multiselect-container label b {
    margin-left: 0;
}

.multiselect-container.dropdown-menu {
    padding-bottom: 10px;
}

.multiselect-item.multiselect-filter .input-group {
    margin: 10px;
}

.multiselect-container>li.multiselect-group label {
    padding: 3px 15px;
}

.multiselect-container>li>a>label {
    padding: 3px 20px 3px 40px;
}

.multiselect.dropdown-toggle.btn.btn-default .caret {
    float: right;
    margin: 8px -8px 8px 0;
}

.multiselect.dropdown-toggle.btn.btn-default {
    text-align: left;
    padding: 6px 12px;
}

/* Media queries */
@media (min-width: 992px) {
    .page-content-wrapper {
        position: relative;
        width: 100vw;
    }

    .page-sidebar-wrapper {
        position: fixed;
        z-index: 3;
    }

    form.search-articles.form-inline {
        margin-bottom: 15px;
    }

    .page-sidebar .page-sidebar-menu {
        min-height: 650px;
    }

    .modal-dialog {
        margin-top: 10%;
    }
}

@media (max-width: 991px) {
    .page-header.navbar .page-logo {
        width: 195px;
        padding: 0 10px 0 10px;
    }

    .show-order-header {
        margin-bottom: 15px;
    }

    .business-rules-builder .drag-handle, .business-rules-builder .error-container, .business-rules-builder .rule-container .rule-filter-container, .business-rules-builder .rule-container .rule-operator-container, .business-rules-builder .rule-container .rule-value-container {
        margin-bottom: 5px;
    }

    .page-sidebar.navbar-collapse.sidebar-fixed.collapse.in, .page-sidebar.navbar-collapse.sidebar-fixed.collapsing {
        z-index: 10000;
        width: 100%;
        margin: 0;
    }

    .btn.btn-circle.btn-outline.white.dropdown-toggle:hover {
        color: #e94e56;
        border: 1px solid #e94e56;
        background-color: white;
    }

    .page-sidebar-wrapper .page-sidebar.navbar-collapse {
        width:100%;
        z-index:10;
        position: absolute;
    }

    .page-sidebar, .page-sidebar.navbar-collapse.in {
        margin: 0;
    }

    #order_warehouse {
        margin-bottom: 15px;
    }

    #ChangePasswordType_submit, #AuthTokenType_submit, #CompanyType_submit, #ArticleType_submit {
        margin-bottom:15px;
    }

    form.search-articles.form-inline div.form-group {
        margin-bottom:15px;
    }

    .modal-dialog {
        margin-top: 10%;
    }
}

@media (max-width: 767px) {
    .page-header.navbar {
        background: #b11418;
    }

    .btn.btn-circle.btn-outline.white.dropdown-toggle {
        color: white;
        border: 1px solid white;
    }

    .page-header.navbar.navbar-fixed-top, .page-header.navbar.navbar-static-top {
        z-index: 10001;
    }

    .table-responsive {
        margin-bottom: 0;
    }

    .search-articles.form-inline .form-group {
        float: left;
        width: 45%;
    }

    .search-articles.form-inline .form-group:nth-child(odd) {
        margin-right: 15px;
    }

    .modal-dialog {
        margin-top: 30%;
    }
}

@media(max-width: 520px) {
    div.caption div.pull-right.create-btns a {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .label-right label, .control-label {
        margin-top: 0;
    }

    .edit-style label {
        padding-top: 0;
    }

    .modal-dialog {
        margin-top: 40%;
    }
}

@media (max-width: 480px) {
    .page-sidebar, .page-sidebar.in {
        margin: 0 !important;
    }

    .caption div.pull-right a.btn.btn-create {
        font-size: 11px;
        margin-top: -2px;
    }

    div.caption div.pull-right.create-btns a.btn.btn-create {
        font-size: 13px;
    }

    .articles-packages-create {
        margin-top: 15px;
    }
}

@media (max-height: 842px) and (min-width: 992px) {
    .page-sidebar-wrapper {
        position: absolute;
    }
}

@media (min-width: 992px) {
    .page-sidebar-menu.page-sidebar-menu-hover-submenu>li:hover>.sub-menu {
        margin-left: 195px;
        margin-top: 0;
    }
}

/*@media (max-height: 999px) {*/
    .page-sidebar-menu.page-sidebar-menu-hover-submenu>li:hover>.sub-menu {
        -webkit-transform: translateY(-99.5%);
        transform: translateY(-99.5%);
    }
/*}*/

/*@media (min-height: 1000px) {*/
/*    .page-sidebar-menu.page-sidebar-menu-hover-submenu>li:hover>.sub-menu {*/
/*        margin-top: -72px;*/
/*    }*/
/*}*/