/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

.column-left {
    background-color: #103540;
    z-index: 45;
    margin-top: 0;
    top: auto;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.column-left + .column_center {
    padding: 0;
}

.column-left .menu-text {
    color: #C5B7C5;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.column-left__company {
    padding: 13px 0.8rem;
    color: #C5B7C5;
}

.column-left__firm {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 5px;
    color: #dbd2db;
}

.column-left__tariff,
.column-left__id {
    font-size: 13px;
}

.column-left__tariff {
    margin: 0 0 7px;
}

.column-left__list {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
}

.column-left li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #C5B7C5;
}

li.column-left__item a {
    padding: 0.25rem 0.8rem;
}

.column-left li a:hover,
.column-left li a:hover .menu-text,
.column-left .column-left__name:hover {
    background-color: #0d2d37;
    text-decoration: none;
}

.column-left__list a:hover {
    color: #fff;
}

.column-left .active a:hover .menu-text,
.column-left .active a:hover,
.column-left .active:hover,
.column-left .active {
    background-color: #1164A3;
}

.column-left li.active .menu-text {
    color: #ffffff;
    font-weight: 500;
}

.column-left .active span,
.column-left .active a {
    color: #ffffff;
}

.column-left__drop {
    position: relative;
    cursor: pointer;
    font-weight: 400;
}

.column-left__drop:first-child {
    border-top: 1px solid rgb(101,90,101);
}

.column-left__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 13px 0.8rem;
    cursor: pointer;
    color: #C5B7C5;
    line-height: 1.2;
}

.column-left__name::after {
    content: '';
    background: url("/assets/modules/land_seller/arrow.svg") 50% 50%/contain no-repeat;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    padding: 10px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background-size: 5px 10px;
    margin-left: auto;
}

.column-left__no-drop .column-left__name::after {
    content: none;
}

.column-left__no-drop .column-left__name a {
    padding: 0;
}

.column-left__item a::before,
.column-left__name::before {
    content: '';
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.column-left__item--home .column-left__name::before,
.column-left__item--home a::before {
    background: url("/assets/wide/icons/left-column/home.svg") no-repeat 50% 50%/contain;
}

.column-left__item--orders .column-left__name::before {
    background: url("/assets/wide/icons/left-column/orders.svg") no-repeat 50% 50%/contain;
}

.column-left__item--sales .column-left__name::before {
    background: url("/assets/wide/icons/left-column/trade.svg") no-repeat 50% 50%/contain;
}

.column-left__item--buy .column-left__name::before {
    background: url("/assets/wide/icons/left-column/search_price.svg") no-repeat 50% 50%/contain;
}

.column-left__item--analytics .column-left__name::before {
    background: url("/assets/wide/icons/left-column/analytics.svg") no-repeat 50% 50%/contain;
}

.column-left__item--settings .column-left__name::before,
.column-left__item--settings a::before {
    background: url("/assets/wide/icons/left-column/settings.svg") no-repeat 50% 50%/contain;
}

.column-left__item--company .column-left__name::before {
    background: url("/assets/wide/icons/left-column/flag.svg") no-repeat 50% 50%/contain;
}

.column-left__item--user .column-left__name::before {
    background: url("/assets/wide/icons/left-column/user.svg") no-repeat 50% 50%/contain;
    transform: scale(0.9);
}

.column-left__item--reference a::before {
    background: url("/assets/wide/icons/left-column/question.svg") no-repeat 50% 50%/contain;
}

.column-left__item--tariff a::before {
    background: url("/assets/wide/icons/left-column/star.svg") no-repeat 50% 50%/contain;
}

.column-left__item--docs a::before {
    background: url("/assets/wide/icons/left-column/info.svg") no-repeat 50% 50%/contain;
}

.column-left__item--cargox .column-left__name::before {
    background: url("/assets/wide/icons/left-column/folder.svg") no-repeat 50% 50%/contain;
}

.open .column-left__name::after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.column-left__drop .column-left__list {
    max-height: 0;
    -webkit-transition: 0.3s ease-in-out, visibility 0s;
    -o-transition: 0.3s ease-in-out, visibility 0s;
    transition: 0.3s ease-in-out, visibility 0s;
    overflow-y: hidden;
    padding: 0;
}

.column-left__drop.open .column-left__list {
    max-height: 100vh;
    overflow-y: hidden;
    padding: 8px 0 7px 0;
}

.column-left__drop .column-left__list a {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    padding: 13px 10px 13px 25px;
    font-weight: 400;
}

.column-left__header {
    display: none;
}

.column-left__sidebar {
    width: 100%;
}

.no-events {
    pointer-events: none;
}

.mobile-header {
    display: none;
}

@media screen and (max-width: 900px) {
    .column-left__company {
        min-height: auto;
        padding: 0;
    }

    .column-left__firm {
        display: none;
    }

    .column-left__id {
        font-size: 15px;
        padding: 0 0.8rem 13px;
        display: block;
    }

    .column-left__tariff {
        padding: 13px 0.8rem 0;
        margin: 0;
        display: block;
        font-size: 15px;
    }

    .column-left__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 15px;
    }

    .column-left__list li {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .column-left__drop:first-child {
        border-top: 1px solid rgb(197,183,197);
    }

    .column-left__item:not(:last-of-type) a {
        border-right: 1px solid rgb(101,90,101);
    }

    .column-left .column-left__item a {
        padding: 0.5rem 0.8rem;
    }

    .column-left__item a::before {
        width: 24px;
        height: 24px;
        margin: 0 auto;
    }

    .column-left__drop .column-left__list a {
        font-size: 15px;
    }

    .column-left + .column_center {
        margin-left: 0;
    }

    .footer-container footer {
        margin-bottom: 56px;
    }

    .column-left .menu-text, .column-left .menu-text:hover {
        display: none
    }

    header.hdr-dashboard {
        display: none;
    }

    .column-left__sidebar {
        background-color: #103540;
        color: rgb(197,183,197);
        position: fixed;
        top: 0;
        left: -100%;
        bottom: 0;
        z-index: 5;
        display: block;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        overflow-y: auto;
    }

    .column-left__sidebar::-webkit-scrollbar {
        width: 2px;
    }

    .column-left__sidebar.mobile-open {
        left: 0;
    }

    .column-left__name-hdr {
        font-size: 16px;
        font-weight: 900;
        color: #fff;
    }

    .mobile-header,
    .column-left__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 1rem;
        border-bottom: 1px solid rgb(197,183,197);
    }

    .mobile-header {
        border-bottom: 1px solid rgba(175, 175, 175, 0.5);
        position: sticky;
        top: 0;
        width: 100%;
        background-color: #fff;
        z-index: 20;
        padding: 0.5rem 1rem;
        min-height: 67px;
    }

    .mobile-header .navbar {
        padding: 0;
        -webkit-box-flex: 0.45;
        -ms-flex-positive: 0.45;
        flex-grow: 0.45;
    }

    .mobile-header .navbar-nav {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .mobile-header .caretarrow {
        margin-left: .725rem;
    }

    .mobile-header .dropdown-menu-firm {
        top: 40px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    .mobile-header .nav-company {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 16px;
        width: auto !important;
        margin: 0 !important;
        padding: 0;
    }

    .mobile-header .nav-company::after {
        display: none;
    }

    .mobile-header .nav-alerts {
        margin-left: auto;
        margin-right: 0;
    }

    .mobile-header .dropdown-item {
        color: rgba(35, 35, 35, 0.6);
    }

    .mobile-header__icon {
        padding: 16px;
        position: relative;
    }

    .mobile-header__icon::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 20px;
        height: 20px;
    }

    .mobile-header__action,
    .column-left__hamburger {
        margin-left: -10px;
    }

    .column-left__close {
        margin-right: -10px;
    }

    .mobile-header__action::after {
        background: url("/assets/wide/icons/dark/right-arrow-middle.svg") no-repeat 50% 50%/contain;
        -webkit-transform: rotate(-180deg) translate(50%, 50%);
        -ms-transform: rotate(-180deg) translate(50%, 50%);
        transform: rotate(-180deg) translate(50%, 50%);
    }

    .column-left__close::after {
        background: url("/assets/wide/icons/light/right-arrow-middle.svg") no-repeat 50% 50%/contain;
    }

    .column-left__hamburger::after {
        background: url("/assets/wide/icons/light/hamburger_menu.svg") no-repeat 50% 50%/contain;
    }

    .column-left__list-drop {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .column-left__drop {
        border-bottom: 1px solid rgb(197,183,197);
        margin: 0;
    }

    .column-left__drop .column-left__list {
        display: block;
    }

    .column-left__sidebar + .column-left__list.hide {
        display: none;
    }
}

@media screen and (min-width: 600px) and (max-width: 900px) and (orientation:portrait) {
    .footer-container footer {
        margin-bottom: 72px;
    }
}

@media screen and (min-width: 901px) {
    .column-left {
        max-width: 190px;
        top: 0;
        padding-top: 59px;
        overflow-y: auto;
    }

    .column-left__company {
        min-height: 70px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        line-height: 1;
    }

    .column-left__scroll {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 100%;
    }

    .column-left > .column-left__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }

    .column-left::-webkit-scrollbar {
        width: 5px;
    }

    li.column-left__split a {
        padding-top: 0.5rem;
    }

    .column-left__list .column-left__item:last-of-type a {
        padding-bottom: 0.5rem;
    }

    .column-left + .column_center {
        margin-left: 190px;
    }

    .column-left__no-drop,
    .column-left__drop {
        border-bottom: 1px solid rgb(101,90,101);
    }

    /*.column-left__drop:first-of-type {
        border-top: 1px solid rgb(101,90,101);
    }*/

    .column-left__split {
        border-top: 1px solid rgb(101,90,101);
        margin-top: auto;
    }

    .column-left__item a::before {
        margin-right: 10px;
    }

    .footer-container footer {
        margin-left: 196px;
    }
}

@media screen and (min-width: 1400px) {
    .column-left {
        max-width: 250px;
    }

    .column-left + .column_center {
        margin-left: 250px;
    }

    .footer-container footer {
        margin-left: 266px;
    }
}

@media screen and (max-width: 350px) {
    .mobile-header .nav-company a:first-of-type {
        font-size: 14px;
    }
}

/*///////////////////////// Not logged //////////////////////*/

.not-logged .hdr-dashboard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.not-logged .column_center {
    margin-left: 0;
}

.wrap-content {
    margin: auto;
}