.explect-blue {
    color: #289bd5 !important;
}

.explect-green {
    color: #68b42e !important;
}

.explect-blue-bg {
    background: #289bd5 !important;
}

.explect-green-bg {
    background: #68b42e !important;
}

.bold {
    font-weight: bold;
}

input[type="radio"].noShow {
    opacity: 0;
    width: 0;
    height: 0;
    display: none;
}

.clickable {
    cursor: pointer;
}

.display-table-parent {
    display: table;
    width: 100%;
}

.display-table-child {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.section {
    background-color: #ffffff;
    padding: 2em;
    margin-top: 1em;
    border-radius: 0.25em;
    border: 1px solid #289bd5;
    opacity: 0;

    animation: opacity 0.1s ease-in-out;
}

.section.show {
    opacity: 1;
}

.sectionHeader {
    margin-bottom: 1em;
}

.row.selected {
    background-color: #289bd5;
    color: white;
}

.row.vdivide > [class*='col-']:not(:last-child):after {
    background: #e0e0e0;
    width: 1px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    min-height: 1em;
}

.sectionMargin {
    padding: 0.25em;
}

.lineAwesome {
    font-family: LineAwesome, sans-serif;
}

.white {
    color: #ffffff;
}

.headerLogo {
    width: 113px;
    height: 45px;
}

.progress-bar {
    min-width: 0.36rem;
    min-height: 0.36rem;
}

.progress-bar-info {
    background-color: #289bd5;
}

.progress-bar-success {
    background-color: #68b42e;
}

.progress-bar-warning {
    background-color: #ffb822;
}

.progress-bar-error {
    background-color: #ee2e2c;
}

.m-form__part-required * input {
    border-color: #ee2e2c !important;
}

/** Wizard step colours **/
.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.m-wizard__step--done .m-wizard__step-number > span,
.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__progress .progress .progress-bar {
    background-color: #68b42e !important;
}

/** current step color wizard **/
.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.m-wizard__step--current .m-wizard__step-number > span {
    background-color: #289bd5 !important;
}

.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.m-wizard__step--available .m-wizard__step-number > span {
    transition: background-color 0.5s ease;
}

.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__progress .progress {
    background-color: #e2e5ec !important;
}

.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__progress .progress .progress-bar {
    background-color: #68b42e !important; /* For browsers that do not support gradients */
    background: linear-gradient(to right, #68b42e 0.36rem, #68b42e calc(100% - 20em), #289bd5); /* Standard syntax (must be last) */
}

.m-wizard.m-wizard--2 .m-wizard__head {
    margin: 4rem 0 3rem 0 !important;
}

@media (max-width: 600px) {
    /*.m-wizard.m-wizard--2 {*/
    /*margin-top: 0 !important;*/
    /*padding: 0; }*/
    .m-wizard.m-wizard--2 .m-wizard__head {
        margin: 7rem 0 3rem 0;
        padding: 0 1rem;
    }

    /*.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__progress {*/
    /*margin-bottom: -8rem;*/
    /*overflow: hidden; }*/
    /*.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__progress .progress {*/
    /*top: -4rem;*/
    /*position: inherit !important;*/
    /*width: 0.36rem;*/
    /*left: 4.15rem;*/
    /*height: 100%; }*/
    /*.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__progress .progress .progress-bar {*/
    /*width: 0.36rem;*/
    /*height: 0; }*/
    /*.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps {*/
    /*display: inherit !important;*/
    /*margin-top: 0;*/
    /*width: auto;*/
    /*!* margin: 0 auto; *!*/
    /*}*/
    /*.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step {*/
    /*display: inherit !important;*/
    /*display: block;*/
    /*width: 100%;*/
    /*margin-bottom: 2.5rem;*/
    /*padding: 0; }*/
    /*.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step:last-child {*/
    /*margin-bottom: 0; }*/
    /*.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-number {*/
    /*display: inherit !important;*/
    /*vertical-align: middle; }*/
    /*.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-number > span {*/
    /*margin-top: 0;*/
    /*left: 0.25rem; }*/
    /*.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-number:first-child {*/
    /*content: none; }*/
    /*.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info {*/
    /*display: inherit !important;*/
    /*vertical-align: middle;*/
    /*text-align: left;*/
    /*padding-left: 2rem;*/
    /*padding-top: 0; }*/
    .m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-title {
        font-size: 1rem;
    }
}

.btn-switch-group .btn:not(.active) {
    opacity: 50% !important;
    background-color: #ebedf2 !important;
    border-color: #ebedf2 !important;
    color: #9397a8 !important;
}

/** portlet title color **/
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
    color: #289bd5 !important;
    font-weight: bold;
}

/* datatable button style */
.btn.m-btn--hover-accent:not(.btn-secondary):not(.btn-outline-light) i {
    color: #fff;
}

.explect-blue-icon::before {
    background: #289bd5 !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.explect-green-icon::before {
    background: #68b42e !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.m-brand {
    color: #289bd5 !important;
}

.m-header--fixed-mobile .m-topbar {
    top: -70px;
!important;
}

/* Top navbar dropdown profile titles */
.m-nav-grid__text {
    color: #289bd5 !important;
}

/* Top navbar dropdown Titles of search items */
.m-list-search .m-list-search__results .m-list-search__result-category {
    color: #289bd5 !important;
}

/* Top navbar dropdown notification tab Selected + onHover*/
.m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link:hover, .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link.active, .m-tabs-line.m-tabs-line--brand a.m-tabs__link:hover, .m-tabs-line.m-tabs-line--brand a.m-tabs__link.active {
    color: #289bd5 !important;
    border-bottom: 1px solid #289bd5;
}

/* Left nav selected menu item title and icon */
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {
    color: #289bd5 !important;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__section .m-menu__section-text {
    color: #525672 !important;
    font-size: 0.9rem !important;
}

.m-aside-left {
    height: 100%;
}

/* (mobile) Menu close button cross standard */
.m-aside-left-close.m-aside-left-close--skin-dark > i::before {
    color: #289bd5 !important;
}

/* (mobile) Menu close button bg on hover */
.m-aside-left-close.m-aside-left-close--skin-dark:hover {
    background-color: #289bd5 !important;
}

/* (mobile) Menu close button cross on hover */
.m-aside-left-close.m-aside-left-close--skin-dark:hover > i::before {
    color: #212529 !important;
}

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__heading, .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link {
    height: 35px !important;
}

/* loader at "please wait message"*/
.m-loader.m-loader--brand::before {
    border-top-color: #289bd5 !important;
}

/* Arrows of popdowns of topbar navigation*/
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__quick-actions.m-topbar__quick-actions--img.m-dropdown--arrow .m-dropdown__arrow,
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__notifications.m-topbar__notifications--img.m-dropdown--arrow .m-dropdown__arrow,
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile.m-topbar__user-profile--img.m-dropdown--arrow .m-dropdown__arrow,
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-dropdown.m-dropdown--offcanvas.m-dropdown--header-bg-fil.m-dropdown--arrow.m-dropdown--arrow .m-dropdown__arrow {
    color: #ffffff !important;
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #5f6386;
!important;
    opacity: 0.5;
!important;
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: #5f6386;
!important;
    opacity: 0.8;
!important;
}


.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon {
    text-align: right;
!important;
}

.input-group-addon {
    min-width: 105px;
    text-align: left;
}

button.form-control {
    padding: revert !important;
}

.form-control[readonly]:hover,
.form-control:hover {
    border-color: #289bd5 !important;
}

.form-control[readonly],
.form-control {
    border: 1px solid rgba(0, 0, 0, .15) !important;
}

.input-group-prepend, .input-group-append {
    outline: 1px solid rgba(0, 0, 0, .15) !important;
}

.input-group-prepend.no-border, .input-group-append.no-border {
    outline: 0 solid rgba(0, 0, 0, .15) !important;
}

.input-group-prepend .ng-select.ng-select-single .ng-select-container,
.input-group-append .ng-select.ng-select-single .ng-select-container {
    height: calc(2.25rem + 2px) !important;
    min-height: calc(2.25rem + 2px) !important;
}

.input-group-prepend .ng-select.ng-select-single .ng-select-container {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-append .ng-select.ng-select-single .ng-select-container {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Left nav menu button on hover*/
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::before,
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span,
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::after,
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler--active span::before,
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler--active span,
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler--active span::after {
    background: #289bd5 !important;
}

.regular-checkbox + label {
    -webkit-appearance: none;
    background-color: #289bd5;
    padding: 1em;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    text-align: center;
    color: white;
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
    cursor: pointer;
}

.transportTypeContainer {
    display: flex;
    justify-content: space-between;
}

.icon {
    font-size: 4em;
}

.regular-checkbox:checked + label {
    background-color: #68b42e;
}

.regular-checkbox label {
    display: inline;
}

.regular-checkbox {
    display: none;
}

.incotermTable {
    margin-top: 5vh;
}

@media (max-width: 600px) {
    .incotermTable {
        margin-top: 0;
    !important;
        font-size: 10px !important;
        /*margin-left: -40px;*/
    }

    .incotermTable th.rotate > div {
        transform: /* Magic Numbers */ translate(20px, 58px) /* 45 is really 360 - 45 */ rotate(300deg) !important;
        width: 40px;
    }

    .incotermTable th {
        padding: 0px;
    }

    .incotermTable {
        border-spacing: 0px;
    }
}

.incotermTable th.rotate {
    /* Something you can count on */
    height: 170px;
    white-space: nowrap;
    margin: 0px auto;
}

.incotermTable th.rotate > div {
    transform: /* Magic Numbers */ translate(23px, 58px) /* 45 is really 360 - 45 */ rotate(315deg);
    width: 40px;
}

.incotermTable td {
    border-right: 1px solid #ccc;
    text-align: center;
}

.incotermTable th.rotate > div > span {
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
}

.incotermTableSelected {
    color: #68b42e;
}

.incotermTableDeselected {
    color: #898b96;
}

/********************************
******* START: DATATABLES *******
********************************/
/*.datatable-body-cell-label {*/
/*font-weight: normal;*/
/*}*/

/*.datatable-header-cell-label {*/
/*font-weight: normal;*/
/*color: #289bd5;*/
/*}*/

/*.datatable-header-cell {*/
/*font-weight: normal;*/
/*background-color: rgba(0, 0, 0, 0.05);*/
/*padding-top: 0.25em;*/
/*padding-bottom: 0.25em;*/
/*}*/

.border {
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 0.25em;
}

.btn.dropdown-toggle::after {
    content: '\f110' !important;
}

.m-form__section__title {
    margin-bottom: 1em;
}

/********************************
*******  END: DATATABLES  *******
********************************/

/********************************
*******   START: WIZARD   *******
********************************/
@media (min-width: 1201px) {
    .desktop-only {
        display: block !important;
    }
}

@media (max-width: 1200px) {
    .mobile-only {
        display: block !important;
    }

    .desktop-only {
        display: none !important;
    }
}

/********************************
*******    END: WIZARD    *******
********************************/

/********************************
*******  START: QUOTATION *******
********************************/
.m-pricing-table-2 .m-pricing-table-2__head {
    background-color: #289bd5 !important;
}

.m--font-info {
    color: #289bd5 !important;
}

.m-pricing-table-2__btn > .btn {
    background-color: #289bd5 !important;
    border-color: #289bd5 !important;
}

.m-pricing-table-2__location {
    font-size: 1.2rem;
    color: #575962
}

.ngx-datatable.package-contents {
    font-size: 14px;
}

.ngx-datatable.package-contents .datatable-header .datatable-header-cell {
    background: #2283b4;
    color: white;
    font-weight: 500;

    text-align: left;
    padding: .9rem 1.2rem;
    vertical-align: bottom;
    font-size: 16px;
}


/********************************
*******   END: QUOTATION  *******
********************************/

/********************************
*******  START: FRONTPAGE *******
********************************/
.m-timeline-3 .m-timeline-3__item::before {
    height: 100%
}

.m-widget17__item-title {
    padding-left: 10%;
}

.m-widget17 .m-widget17__stats .m-widget17__items .m-widget17__item .m-widget17__desc {
    font-size: 3rem;
    padding-top: 5%;
    font-weight: bolder;
}

.m-widget17 .m-widget17__stats .m-widget17__items .m-widget17__item .m-widget17__subtitle {
    margin-top: 0.5rem;
}

.tree_background svg {
    background-image: url('/assets/image/tree.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
}

circle-progress > svg {
    position: relative;
    font-family: Poppins !important;
    z-index: 2 !important;
    font-weight: 300 !important;
}

/********************************
*******   END: FRONTPAGE  *******
==== BASE ====
********************************/

/********************************
*******  START: Multi select dropdown *******
********************************/

.multiselect-dropdown[_ngcontent-c1] .dropdown-btn[_ngcontent-c1] .dropdown-down[_ngcontent-c1] {
    border-top: 4px solid #575962 !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
}

.multiselect-dropdown[_ngcontent-c1] .dropdown-btn[_ngcontent-c1] .dropdown-up[_ngcontent-c1] {
    border-bottom: 4px solid #575962 !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
}

.multiselect-dropdown[_ngcontent-c1] .dropdown-btn[_ngcontent-c1] {
    border: 1px solid rgba(0, 0, 0, .15) !important;
    border-radius: 0px !important;
}

.multiselect-dropdown .dropdown-btn .selected-item {
    background: #289bd5 !important;
    border-color: #289bd5 !important;
}

.multiselect-dropdown .dropdown-btn .selected-itemlabel::before {
    border-color: #289bd5 !important;
}

.multiselect-dropdown .dropdown-btn .selected-item {
    background: #289bd5 !important;
    border-color: #289bd5 !important;
    margin-top: 2px;
}

.multiselect-dropdown .dropdown-btn .selected-item a {
    color: white !important;
}

.multiselect-dropdown-datatable .multiselect-dropdown .dropdown-list {
    position: relative;
!important
}

.multiselect-item-checkbox input[type=checkbox] + div:before {
    border: 2px solid #289bd5 !important;
    color: #289bd5 !important;
}

.multiselect-item-checkbox input[type=checkbox]:checked + div:before {
    border: 2px solid #289bd5 !important;
    color: #289bd5 !important;
    background: #289bd5 !important
}

.multiselect-dropdown[_ngcontent-c1] {
    font-size: 1rem;
}

/********************************
*******  END: Multi select dropdown *******
********************************/

/***********************************************************
*******  START: Small pricing table quotation detail *******
***********************************************************/

.pricing-table-small .m-pricing-table-2__visual {
    margin-top: 3rem !important;
}

.pricing-table-small .m-pricing-table-2__subtitle {
    margin-top: 9rem !important;
}

.pricing-table-small .m-pricing-table-2__container .m-pricing-table-2__items .m-pricing-table-2__item .m-pricing-table-2__visual .m-pricing-table-2__icon > i {
    font-size: 4rem !important;
}

.m-pricing-table-small .m-pricing-table-2__head {
    padding-top: 7rem;
    padding-bottom: 23rem;
}

.pricing-table-small .m-pricing-table-2__head {
    padding: 7rem 0 23rem 0 !important;
}

.pricing-table-small .m-pricing-table-2__container .m-pricing-table-2__items .m-pricing-table-2__item .m-pricing-table-2__features {
    line-height: 2 !important;
}

.pricing-table-small .m-pricing-table-2__features {
    min-height: 120px;
}

.pricing-table-small .m-pricing-table-2__container .m-pricing-table-2__items .m-pricing-table-2__item .m-pricing-table-2__price:not(.pricing-table-price-big) {
    font-size: 2rem !important;
    font-weight: 600;
}

.pricing-table-small .m-pricing-table-2__container .m-pricing-table-2__items .m-pricing-table-2__item .m-pricing-table-2__label {
    font-size: 1rem !important;
}

.pricing-table-price-big {
    font-size: 2.5rem !important;
}

.pricing-table-small .valid-till {
    color: #a4a6ae;
    margin: 2.14rem 0 1.8rem;
    font-weight: 500;
}


@media (max-width: 1600px) {
    .pricing-table-small .m-pricing-table-2__features {
        min-height: 150px;
    }
}

@media (max-width: 1480px) {
    .pricing-table-small .m-pricing-table-2__features {
        min-height: 200px;
    }

    .m-pricing-table-2 .m-pricing-table-2__content .m-pricing-table-2__container .m-pricing-table-2__items .m-pricing-table-2__item .m-pricing-table-2__btn > .btn {
        padding: 0.86rem 1.6rem 0.86rem 1.6rem;
    }
}

@media (max-width: 1200px) {
    .pricing-table-right {
        margin-top: 280px;
    }

    .pricing-table-small .m-pricing-table-2__features {
        min-height: 120px;
    }
}

@media (max-width: 700px) {
    .pricing-table-small .m-pricing-table-2__features {
        min-height: 140px;
    }

    .pricing-table-small .m-pricing-table-2__container .m-pricing-table-2__items {
        padding: 0 !important;
    }
}

@media (max-width: 650px) {
    .m-pricing-table-2 .m-pricing-table-2__content .m-pricing-table-2__container {
        max-width: 100% !important;
    }

    .pricing-table-small .m-pricing-table-2__features {
        min-height: 180px;
    }

    .m-pricing-table-2 .m-pricing-table-2__content .m-pricing-table-2__container .m-pricing-table-2__items .m-pricing-table-2__item .m-pricing-table-2__btn > .btn {
        padding: 0.86rem 1.0rem 0.86rem 1.0rem;
    }

    .pricing-table-price-big {
        font-size: 2.2rem !important;
    }
}


/********************************
*******   END             *******
********************************/

.swal2-icon:not(.swal2-success):not(.swal2-error) {
    width: 80px !important;
    height: 80px !important;
    margin: 0.5em !important;
    border-width: 4px !important;
    border-style: solid !important;
}

.swal2-icon:not(.swal2-success):not(.swal2-error)::before {
    font-size: 1em !important;
}

.swal2-popup .swal2-title {
    font-size: 1.875em !important;
}

.swal2-popup .swal2-content {
    font-size: 1.125em !important;
}

.swal2-icon .swal2-icon-content {
    font-size: inherit !important;
}

.m-table.m-table--explect thead th {
    background: #289bd5;
    color: #ffffff;
    border-bottom: 0;
    border-top: 0;
}

.invalid-feedback {
    font-size: 90% !important;
}

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: #f4516c !important;
}

.opacity-05 {
    opacity: 0.5;
}

.modal-xl {
    max-width: 90vw !important;
}

.modal-xxl {
    max-width: 100vw !important;
}

.m-widget5__content .m-widget5__section {
    display: table-cell;
    vertical-align: top;
    padding-left: 1.43rem;
    padding-top: 0.3rem;
}

.pac-container {
    z-index: 20000;
}

.flag-image {
    border: 1px solid lightgray;
}


.explect-icon {
    display: inline-block;
    width: 38px;
    height: 38px;
    background-size: contain !important;
    background-position: center !important;
}

.explect-icon-sm {
    width: 25px !important;
    height: 25px !important;
}

.explect-portlet-subtitle {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.2rem;
    font-weight: 400;
    font-family: Roboto, sans-serif;
}

.explect-icon-mirror {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.explect-icon.explect-icon-customs {
    background: url('../image/customs.png') no-repeat;
}

.explect-icon.explect-icon-ship {
    background: url('../image/ship.png') no-repeat;
}

.explect-icon.explect-icon-airplane {
    background: url('../image/airplane.png') no-repeat;
}

.explect-icon.explect-icon-train {
    background: url('../image/train.png') no-repeat;
}


.explect-icon.explect-icon-terminal-rail {
    background: url('../image/terminal-rail.png') no-repeat;
}

.explect-icon.explect-icon-terminal-rail-dark {
    background: url('../image/terminal-rail-dark.png') no-repeat;
}

.explect-icon.explect-icon-terminal-port {
    background: url('../image/terminal-port.png') no-repeat;
}

.explect-icon.explect-icon-terminal-port-dark {
    background: url('../image/terminal-port-dark.png') no-repeat;
}

.explect-icon.explect-icon-terminal-airport-liftoff {
    background: url('../image/terminal-airport-liftoff.png') no-repeat;
}

.explect-icon.explect-icon-terminal-airport-liftoff-dark {
    background: url('../image/terminal-airport-liftoff-dark.png') no-repeat;
}

.explect-icon.explect-icon-terminal-airport-landing {
    background: url('../image/terminal-airport-landing.png') no-repeat;
}


.m-topbar__language-text {
    padding-left: 15px;
}

.dropzone .dz-preview .dz-progress {
    top: 70%;
}

.dropdown-menu {
    /*width: 100%;*/
    font-size: 0.7em;
}

.autocomplete-dropdown-menu .dropdown-menu .dropdown-item {
    white-space: pre-line;
}

.quotation-tabset .nav-link {
    border-bottom: none;
}

.quotation-tabset .nav-link:not(.active) {
    background-color: #dadadae0;
    border-color: transparent;
}

.quotation-tabset .ngb-tab-content {
    margin-top: -20px;
}

.quotation-tab-content {
    font-weight: 500;
    color: #6f727d;
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1);
    align-items: center;
}

/* CHATBOX */
.basic-textarea textarea {
    height: auto;
}

.chat-box .friend-list li {
    border-bottom: 1px solid #e0e0e0;
}

.chat-box .friend-list li:last-of-type {
    border-bottom: none;
}

.chat-box img.rounded-circle {
    border-radius: 50%;
}

.chat-box img.avatar, i.avatar {
    /*height: 3rem;*/
    /*width: 3rem;*/
    margin-top: auto;
    margin-bottom: auto;
}

.chat-box .text-small {
    font-size: 0.95rem;
}

.chat-box .text-smaller {
    font-size: 0.75rem;
}

.chat-box .friend-list li {
    border-bottom: 1px solid #e0e0e0;
}

.chat-box .friend-list li:last-of-type {
    border-bottom: none;
}

.chat-box img.rounded-circle {
    border-radius: 50%;
}

.chat-box img.avatar {
    height: 3rem !important;
    width: 3rem !important;
}

.chat-box .text-small {
    font-size: 0.95rem;
}

.chat-box .text-smaller {
    font-size: 0.75rem;
}

.chat-box .members-panel-1,
.chat-box .chat-1 {
    position: relative;
    overflow-y: scroll;
}

.chat-box .members-panel-1 {
    height: 570px;
}

.chat-box .chat-1 {
    height: 495px;
}

.chat-box .friend-list li {
    border-bottom: 1px solid #e0e0e0;
}

.chat-box .friend-list li:last-of-type {
    border-bottom: none;
}

.chat-box img.rounded-circle {
    border-radius: 50%;
}

.chat-box img.avatar {
    height: 3rem;
    width: 3rem;
}

.chat-box .text-small {
    font-size: 0.95rem;
}

.chat-box .text-smaller {
    font-size: 0.75rem;
}

.chat-box .chat-body {
    width: 88%;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) !important;
}

.m-widget3-active {
    background-color: #eee !important;
}

/* FA sizing fix */

.fa-xs {
    font-size: .75em !important
}

.fa-sm {
    font-size: .875em !important
}

.fa-1x {
    font-size: 1em !important
}

.fa-2x {
    font-size: 2em !important
}

.fa-3x {
    font-size: 3em !important
}

.fa-4x {
    font-size: 4em !important
}

.fa-5x {
    font-size: 5em !important
}

.fa-6x {
    font-size: 6em !important
}

.fa-7x {
    font-size: 7em !important
}

.fa-8x {
    font-size: 8em !important
}

.fa-9x {
    font-size: 9em !important
}

.fa-10x {
    font-size: 10em !important
}

.fa-shake {
    -webkit-animation: shake 2.5s ease infinite;
    animation: shake 2.5s ease infinite
}


@keyframes shake {
    0% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    8% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    10% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    18% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    20% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    28% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    30% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    38% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    40% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    48% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    50% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    58% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    60% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    68% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    100%, 75% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.popover-body {
    white-space: pre-wrap;
}


.m-separator-line {
    border: solid #525672;
    border-width: 0 0 1px 0;
    display: inline-block;
    padding: 3px;
    margin-top: 3px;
}

.m-separator-line.down {
    margin-bottom: 2px;
}

.m-separator-line.up {
    margin-bottom: 8px;
}

.m-separator-arrow {
    border: solid #525672;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    margin: 0 10px;
}

.m-separator-arrow.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.m-separator-arrow.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.m-login__head {
    margin-bottom: 25px;
}

.m-login.m-login--1 .m-login__wrapper {
    padding: 1px !important;
}

@media (max-width: 992px) {
    .m-login.m-login--1 .m-login__content {
        padding-left: 4rem;
        padding-right: 2rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

.m-login {
    opacity: 1;
}

.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.step-current .m-wizard__step-number > span {
    background-color: #289bd5;
}

.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.step-current .m-wizard__step-number > span > span {
    color: #ffffff;
}

.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.step-current a.m-wizard__step-number:hover > span {
    background-color: #289bd5;
}

.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.step-current a.m-wizard__step-number:hover > span > span {
    color: #ffffff;
}


.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.step-done .m-wizard__step-number > span {
    background-color: #68b42e;
}

.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.step-done .m-wizard__step-number > span > span {
    color: #ffffff;
}

.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.step-done a.m-wizard__step-number:hover > span {
    background-color: #68b42e;
}

.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.step-done a.m-wizard__step-number:hover > span > span {
    color: #ffffff;
}

.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__progress {
    margin: 0 auto;
}

.form-control[readOnly] {
    border-color: #f4f5f8;
    color: #6f727d;
    background-color: #f4f5f8;
}

.minColWidth {
    min-width: 4em;
}

.file-dropzone {

}

.file-dropzone .file-dropzone-zone {
    background: #fff;
    border: 2px dashed #289bd5;
    min-height: 150px;
    position: relative;
}

.file-dropzone-content h3 {
    padding: 0;
    font-weight: 400;
    font-size: 1.1rem;
    color: #575962;
}

.file-dropzone .file-dropzone-zone .file-dropzone-content {

}

.animate-bg-color {
    animation: color_change 500ms;
}

.ngb-dp-arrow {
    color: #289bd5 !important;
}

.ngb-dp-weekday {
    font-weight: 500;
    font-style: normal !important;
    font-size: 0.8rem;
    color: #289bd5 !important;
}

.ngb-dp-day {
    font-style: normal;
    color: #575962;
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    background-color: #289bd5 !important;
    color: white !important;
}


.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
    background-color: #378ab5 !important;
}


.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
    color: #fff !important;
    background-color: #299bd4 !important;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    padding: 4px 10px !important;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: #f0f0f0 !important;
    color: #333 !important;
}

.ng-dropdown-panel:focus {
    border-color: #289bd5 !important;
    color: #575962;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label, .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
    font-weight: 500 !important;
}

.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
    border-color: #289bd5 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1)
}

.ng-select .ng-clear-wrapper:hover .ng-clear {
    color: #378ab5 !important;
}

.ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover {
    border-color: #378ab5 !important;
}

.ng-select-no-arrow .ng-arrow-wrapper {
    display: none;
}

.kt-checkbox {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 14px;
    text-align: left;
    cursor: pointer;
    font-size: 1rem;
}

.kt-checkbox > input:checked ~ span:after {
    opacity: 1;
}

.kt-checkbox.kt-checkbox--success > input:checked ~ span:after {
    border: solid #68b42e;
}

.kt-checkbox > span:after {
    content: '';
    position: absolute;
    opacity: 0;
    top: 50%;
    left: 50%;
    margin-left: -2px;
    margin-top: -6px;
    width: 5px;
    height: 10px;
    border-width: 0 2px 2px 0 /*rtl:ignore*/ !important;
    -webkit-transform: rotate(45deg) /*rtl:ignore*/;
    transform: rotate(45deg) /*rtl:ignore*/;

    border: solid #bfc7d7;
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}

.kt-checkbox.kt-checkbox--success > input:checked ~ span {
    border: 1px solid #68b42e;
}

.kt-checkbox > span {
    border: 1px solid #d1d7e2;
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
    border-radius: 3px;
    background: none;
    position: absolute;
    top: 1px;
    left: 0;
    height: 18px;
    width: 18px;
}

.kt-checkbox > input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

@media (min-width: 1200px) {
    /* Pricing table larger and move to right to center.*/
    .m-pricing-table-2__container.move-right {
        margin-left: 3em !important;
        margin-right: -2em !important;
        max-width: 100% !important;
    }
}

.higher-table-rows.table-sm th, .higher-table-rows.table-sm td {
    padding-top: 1em;
    padding-bottom: 1em;
}
ng-dropdown-panel{
    z-index:1000;
}

ng-dropdown-panel.ng-select-dropdown-width-5 {
    width: 5em !important;
}

ng-dropdown-panel.ng-select-dropdown-width-10 {
    width: 10em !important;
}

ng-dropdown-panel.ng-select-dropdown-width-15 {
    width: 15em !important;
}

ng-dropdown-panel.ng-select-dropdown-width-auto {
    width: auto !important;
}

input.datepicker-not-100-width + ngb-datepicker.dropdown-menu {
    width: auto;
}

tfoot.explect-cumulative-footer {
    font-size: 1rem;
}

tfoot.explect-cumulative-footer > tr > td {
    border-top: solid 1px;
}

tfoot.explect-cumulative-footer > tr > td:empty {
    border-top: none;
}

.badge-larger {
    padding: 5px;
    font-size: 0.9em;
}

.alert-note {
    font-weight: 400;
}

.alert-footer {
    text-align: right;
    font-size: 11px;
    font-weight: 200;
}

.btn-gray {
    color: black;
    background-color: #e8e8e8;
    border-color: #e8e8e8;
}

.btn-gray:hover {
    color: black;
    background-color: #cdcdcd;
    border-color: #bbbbbb;
}

.btn-gray:focus, .btn-gray.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 191, 163, 0.5);
}

.btn-gray.disabled, .btn-gray:disabled {
    color: rgba(0, 0, 0, 0.66);
    background-color: #5a5a5a;
    border-color: #4c4c4c;
}

.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active,
.show > .btn-gray.dropdown-toggle {
    color: black;
    background-color: #e8e8e8;
    border-color: #e8e8e8;
}

.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 191, 163, 0.5);
}

.btn-outline-gray {
    color: black;
    background-color: transparent;
    background-image: none;
    border-color: #bbbbbb;
}

.btn-outline-gray:hover {
    color: black;
    background-color: #cdcdcd;
    border-color: #bbbbbb;
}

.btn-outline-gray:focus, .btn-outline-gray.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 191, 163, 0.5);
}

.btn-outline-gray.disabled, .btn-outline-gray:disabled {
    color: rgba(0, 0, 0, 0.66);
    background-color: transparent;
}

.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active,
.show > .btn-outline-gray.dropdown-toggle {
    color: black;
    background-color: #e8e8e8;
    border-color: #e8e8e8;
}

.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-gray.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 191, 163, 0.5);
}

.font-underline {
    text-decoration: underline;
}

.m-body .m-wrapper {
    overflow: initial !important;
}

@media (min-width: 992px) {
    .m-body .m-wrapper {
        width: calc(100vw - 275px);
    }
}

.m-popover.popover {
    max-width: 50em;
}