:root {
    --brand: #2d2e87;
}

/*@media print {
    .no-print, .no-print * {
        display: none !important;
    }

    .sprint {
        page-break-after: always;
    }
}*/

@media print {
    .logo-noprint {
        margin-left: 800px !important;
    }

    .no-print, .no-print * {
        display: none !important;
    }

    .feedback-print {
        margin-top: 300px !important;
    }
}

.disable-click {
    pointer-events: none !important;
}

.m-menu__item-here {
    color: #2d2e87 !important;
}

.m-header__bottom {
    color: #2d2e87 !important;
}

@media (max-width: 700px) {
    #form-search {
        width: 100px;
    }
}

@media (max-width: 700px) {
    .no-mobile {
        display: none !important;
    }
}

@media (min-width: 700px) {
    .mobile {
        display: none !important;
    }
}

.m-vertical-align-middle-true {
    vertical-align:middle;
}

@media (max-width: 1024px) {
    .m-topbar .m-topbar__nav.m-nav {
        margin: 0;
        float: left !important; 
    }
}

@media (min-width: 1024px) {
    .m-login__wrapper {
        overflow: hidden;
        padding: 35% 2rem 10rem 2rem !important;
    }
}



#search-start-button:hover {
    cursor: pointer;
}


@media (min-width: 1023px) {
    #remove-start-button {
        right: 25px !important;
        display:normal !important;
    }
    #remove-start-button:hover {
        cursor: pointer;
    }
}

@media (max-width: 1022px) {
    #remove-start-button {
        display:none;
    }
}


/*.m-menu__item-here {
    display: none !important;
}*/
@media (min-width: 1025px) {
    .m-header .m-header__top {
        height: 70px;
    }

    .m-header-menu {
        width: 100%;
    }

        .m-header-menu.m-header-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon {
            color: #dddddd;
        }

        .m-header-menu.m-header-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
            color: #dddddd;
        }

        .m-header-menu.m-header-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__hor-arrow {
            color: #dddddd;
        }

        .m-header-menu.m-header-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon {
            color: #ffffff;
        }

        .m-header-menu .m-menu__nav .m-menu__link:hover > .m-menu__link-icon {
            color: #ffffff !important;
        }

        .m-header-menu.m-header-menu--skin-dark .m-menu__nav > .m-menu__item:hover > .m-menu__link > .m-menu__hor-arrow, .m-header-menu.m-header-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link > .m-menu__hor-arrow {
            color: #ffffff;
        }

        .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__link > .m-menu__item-here, .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link > .m-menu__item-here {
            color: #2d2e87 !important;
        }

    .m-form .m-form__group {
        padding-top: 0px;
        padding-bottom: 15px;
    }

        .m-form .m-form__group:first-child {
            /*padding-top: unset;*/
            padding-top: 0px;
            padding-bottom: 15px;
        }

        .m-form .m-form__group:last-child {
            /*padding-top: unset;
            padding-bottom: 0;*/
            padding-top: 0px;
            padding-bottom: 15px;
        }
}

.m-page-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    width: auto;
    z-index: 1000;
}

/*.m-brand {
    width: 100px;
}

.m-brand img {
        margin-left: 10px;
    }*/

.m-subheader {
    padding: 20px 20px 0 20px;
}


.m-subheader-demo9 {
    padding: 0 !important;
}

.m-subheader .m-subheader__title {
    display: inline;
    padding: 0px;
}

.m-subheader__breadcrumbs .m-nav__link-icon {
    width: auto !important;
}

.m-body .m-content {
    padding: 20px 0;
}

a.m-nav__link.m-dropdown__toggle span.m-nav__link-text
i.la.la-angle-down {
    font-size: 0.8rem !important;
}

.m-language-flag {
    padding-right: 15px;
}

.m-dropdown.m-dropdown--header-bg-fill.m-dropdown--arrow .m-dropdown__arrow {
    color: var(--brand) !important;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__languages .m-nav__item .m-topbar__language-img {
    width: 22px;
    border-radius: 50% !important;
}

@media (min-width: 1025px) {
    .m-body .m-container.m-container--responsive .m-wrapper.m-render-page {
        padding: 0 80px;
    }

    .m-aside-left--enabled .m-header-menu.m-no-padding {
        padding-left: 0px;
    }

    #logo-header {
        width: 14% !important;
    }
}

@media (min-width: 737px) {
    .topsearch-text {
        border-radius: 0 60px 60px 0 !important;
    }

    .topsearch-category {
        width: 150px;
        max-width: 150px;
        background-color: #EFEFEF !important;
    }

        .topsearch-category:hover {
            background-color: #f4f5f8 !important;
        }

        .topsearch-category div {
            width: 110px;
            overflow-x: hidden;
            overflow-y: hidden;
            text-overflow: ellipsis;
            display: inline-block;
            vertical-align: middle;
        }

    .topsearch-category-menu {
        max-height: 300px;
        overflow-y: auto;
    }

        .topsearch-category, .topsearch-category-menu .dropdown-item {
            font-size: 11px !important;
        }
}

@media (max-width: 736px) {
    .topsearch-category {
        display: none;
    }
}

.m-remove-padding-left {
    padding-left: 0px !important;
}

.btn, .m-btn {
    border-radius: 1.3rem;
}

#header-tools9 {
    position: absolute;
    right: 15px;
    margin-top: 25px;
}

.display-block {
    display: block;
}


.btn-outline-primary {
    border-color: #2d2e87 !important;
    color: #2d2e87 !important;
}

.btn-primary, .m-badge--primary {
    background: #2d2e87 !important;
    border-color: #2d2e87 !important;
    color: white !important;
}

    .btn-primary:hover {
        background: #2d2e87 !important;
        border-color: #2d2e87 !important;
        color: white !important;
    }

.la-xl {
    width: 48px !important;
    height: 48px !important;
    font-size: 2.5rem;
    margin-right: 10px;
}

.disable-resize {
    resize: none;
}

.textarea-md {
    height: 100px !important;
    display: block;
}

.textarea-lg {
    height: 150px !important;
    display: block;
}

.label-textarea {
    display: block;
    margin: -180px 5px 0 5px;
    width: 290px;
    height: 25px;
    font-weight: bold;
    background-color: white;
}

.bold {
    font-weight: bold;
}


.scroll-y-400 {
    max-height: 550px;
    overflow-y: scroll;
}



.m_datatable.fixed-header table > thead > tr {
    position: fixed !important;
    z-index: 999999 !important;
    left: unset !important;
}

.m_datatable.fixed-header table > tbody {
    margin-top: 60px !important;
    margin-left: 15px;
}

#m_datatable_features .m-radio, #m_datatable_features .m-checkbox {
    padding-left: 0px !important;
}


.login-back {
    background-image: url(/Content/assets/images/login-back.png);
    background-size: calc(100% - 700px) 100% !important;
    background-repeat: no-repeat;
    background-position: right;
    box-sizing: border-box;
}

@media (max-width: 1200px) and (min-width: 1025px) {
    .login-back {
        background-size: calc(100% - 400px) 100% !important;
        background-attachment: unset !important;
    }
}

@media (max-width: 1024px) {
    .login-back {
        background-size: 100% 100% !important;
        background-attachment: unset !important;
    }
}


.logged-user-welcome {
    border-left: solid 1px #ebedf2;
    padding: 10px 0px 10px 20px;
    margin-left: 10px;
}

.logged-user {
    color: #c50000;
    font-weight: bold;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile {
    padding-right: 0px !important;
}


.m-nav__item.m-topbar__user-profile .m-nav__link-text {
    width: initial !important;
}

.m-nav__item.m-topbar__user-profile .fa {
    font-size: 0.9em !important;
    width: initial !important;
    padding-right: 6px !important;
}

.m-nav__link-icon.language-icon .m-topbar__language-img {
    width: 15px;
    border-radius: 50% !important;
    margin-right: 4px;
}

.hidden {
    display: none !important;
}

.readonly {
    cursor: not-allowed;
    color: #6f727d;
    background-color: #f4f5f8 !important;
}

.green {
    color: green !important;
}


input[type='number'] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}


/*.m-portlet:not(.m-portlet--head-solid-bg) {
    top: -60px;
    position: relative;
    z-index: 1;
}

    .m-portlet:not(.m-portlet--head-solid-bg) .m-portlet__head {
        background-color: transparent !important;
    }

        .m-portlet:not(.m-portlet--head-solid-bg) .m-portlet__head .btn-light {
            color: white !important;
            background-color: #2d2e87 !important;
        }*/


.m-portlet__head .m-portlet__head-caption
.m-portlet__head-title span.m-portlet__head-icon {
    color: #f7f7f7;
}

.m-portlet__head .m-portlet__head-caption
.m-portlet__head-title h3.m-portlet__head-text {
    color: #fff;
}


.m-portlet.m-portlet--primary.m-portlet--head-solid-bg {
    background: #2d2e87 !important;
    border-color: #2d2e87 !important;
}

    .m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head {
        background: #2d2e87 !important;
        border-color: #2d2e87 !important;
    }


.portlet-light .m-portlet__head {
    height: auto;
    background-color: transparent !important;
}

    .portlet-light .m-portlet__head .m-portlet__head-caption
    .m-portlet__head-title h3.m-portlet__head-text {
        color: #000;
        text-transform: uppercase;
        font-size: small;
    }


.mr-auto {
    z-index: 9;
}


.m-container.m-container--responsive.m-container--xxl {
    width: auto !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.m-wizard.m-wizard--5 .m-wizard__head .m-wizard__nav .m-wizard__steps {
    margin-top: 0px !important;
}

#m_wizard_results .percent-div {
    text-align: center;
    color: #6fa7d7;
}

#m_wizard_results .no-top-margin {
    margin-top: 0;
}

#m_wizard_results #percent {
    font-size: 3em;
    color: #6fa7d7;
}

#m_wizard_results #completed {
    font-size: 1.8em;
    color: #34bfa3;
    font-weight: 400
}

#m_wizard_results .result-div {
    font-size: small;
}

#m_wizard_results .data-error {
    color: red;
}

#m_wizard_results .result-column div {
    margin: 10px 0px;
}

.textarea-noresize {
    resize: none;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row.statusChangedDatatableRow > .m-datatable__cell {
    background-color: #a6d7d5 !important;
}

input.disabled {
    background-color: #f4f5f8 !important;
}

button.disabled {
    cursor: not-allowed;
}

.toggable-body {
    display: none;
}

.toggable-body-visible {
}

.m-btn-orange {
    background-color: #fdb62b;
}

.dashboard-lastsearchedcategory {
    margin-top: 2%;
    padding: 5px;
    word-break: break-all;
    background-color: #f0f0f0;
}

img {
    max-width: 400px;
    max-height: 400px;
}

.dashboard-product-box {
    text-align: center;
}

.dashboard-product-image {
    width: 220px;
    display: inline-block;
}

    .dashboard-product-image text {
        font-size: medium;
    }

.dashboard-product-description {
    font-size: larger;
}


.product-detail-new {
    font-weight: bold;
    color: green;
}

    .product-detail-new::before {
        content: "*";
    }

.catalogue-detail-product-image {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.catalogue-detail-product-secondary-image {
    width: 33%;
    height: 33%;
    display: inline-block;
}

    .catalogue-detail-product-secondary-image img {
        width: 100%;
        height: 100%;
    }

.product-detail-main-info {
    font-size: large;
}

.product-detail-secondary-info {
    color: darkgrey;
}

.product-detail-qty-info {
    font-size: x-small;
    color: darkgrey;
}

.product-detail-price-tag {
    font-weight: bold;
    font-size: medium;
}

#m_wizard_results .progress-bar {
    background-color: #2d2e87 !important;
}


/* ---------------------------------------------------------------
    MASSIVE FILES UPLOAD
--------------------------------------------------------------- */
.upload-file-type {
    float: left;
    width: 150px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    border: solid 1px #3f4047;
    margin: 10px;
    padding: 20px 10px;
    color: #3f4047;
    cursor: pointer;
}

    .upload-file-type * {
        cursor: pointer;
    }

    .upload-file-type i {
        margin-top: auto;
        text-align: center;
        font-size: 32px;
        display: block;
    }

    .upload-file-type label {
        text-align: center;
        word-wrap: break-word;
    }

    .upload-file-type.selected {
        border: solid 1px navy;
        color: rgb(38, 57, 151);
        background-color: antiquewhite;
        font-weight: bold;
    }

.upload-file-type-selected {
    font-weight: bold !important;
}

.upload-file-template {
    border-top: 1px solid #ddd;
    text-align: left;
}

    .upload-file-template > div {
        display: inline-grid;
        vertical-align: top;
        padding: 4px 8px;
    }

        .upload-file-template > div p {
            margin: 0px;
            margin-top: 6px;
            line-height: 1em;
        }

    .upload-file-template .preview img {
        width: 50px !important;
        height: 50px !important;
    }

    .upload-file-template .error {
        font-weight: 500;
        /*padding-top: 4px;*/
    }

    .upload-file-template .buttons-container {
        float: right;
    }

    .upload-file-template .progress {
        width: 250px;
    }

    .upload-file-template .percent-div {
        text-align: center;
        color: #6fa7d7;
    }

    .upload-file-template #percent {
        font-size: 3em;
        color: #6fa7d7;
    }

    .upload-file-template .preview-file i {
        font-size: 32px;
        width: 50px;
        text-align: center;
    }


.result-column .data-error {
    color: red;
}

#tree a {
    white-space: normal !important;
    height: auto;
    padding: 1px 2px;
}

#tree .jstree-anchor .jstree-icon.fa-xxx {
    display: none;
}


.catalogue-category-box {
    width: 100%;
    display: block;
    padding: 5px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .catalogue-category-box:nth-child(5n+0), .catalogue-category-box:last-child {
        border-right: none !important;
    }

    .catalogue-category-box img {
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .catalogue-category-box .catalogue-category-text {
        height: 70px;
        vertical-align: middle;
        margin-top: 4px;
    }



.sidebar-portlet {
    width: 100%;
}


.button-back {
    background-color: #2d2e87;
    color: white;
    width: auto;
}

.render-options {
    display: inline-block;
    border: 1px solid #ebedf2;
    border-radius: 5px;
    padding: 6px;
    margin-right: 40px;
}

.button-render-option {
    border: none;
    background-color: white;
    cursor: pointer;
}

    .button-render-option:first-child {
        border-right: 1px solid #ebedf2;
    }


.button-compare {
    width: auto;
}

.button-filter-apply, .button-filter-clear {
    margin: 8px 8px 0px 8px;
}

.button-add-to-offer {
    background-color: rgb(154,195,28) !important;
    border-color: rgb(154,195,28) !important;
    color: white;
}

.product-horizontal, .product-tile {
    margin-bottom: 10px;
}

    .product-horizontal .btn, .product-tile .btn {
        /*padding: 0.2rem;*/
        margin-top: 10px;
    }


    .product-horizontal .button-compare, .product-horizontal .button-add-to-offer {
        width: 150px;
    }

    .product-horizontal .logo-default {
        width: 100% !important;
    }


.product-tile {
    float: left;
    text-align: left;
    overflow-x: auto;
}

    .product-tile .logo-default {
        text-align: center;
        width: 120px !important;
        margin-bottom: 10px;
    }

    .product-tile .button-compare, .product-tile .button-add-to-offer {
        width: 100%;
        margin: 4px 0px;
        display: block;
    }

.product-price {
    font-weight: bold;
    font-size: larger;
    color: darkred;
}

.product-unit {
    font-size: 0.9em;
}


.filter-header {
    font-weight: 400;
    margin: 8px 0px;
    text-transform: uppercase;
}

.filter-option {
    margin: 0px 4px;
    display: block;
    float: none;
}

.filter-price {
    margin-bottom: 20px;
}


.catalogue-header-bar {
    border-bottom: 1px solid #ebedf2;
    padding-bottom: 10px;
    margin: 5px 15px 15px 15px;
    width: 100%;
}

.catalogue-page-selector {
    padding: 0px 6px;
}

.catalogue-datatable thead {
    display: none !important;
}

.catalogue-datatable .ps__thumb-x {
    display: none !important;
}

#catalogue-order-by {
    margin: 0px 6px;
}



.row-tile-container {
    display: flex !important;
}

.row-tile {
    display: inline !important;
    border-right: 1px solid #ebedf2;
    margin-bottom: 10px;
}

    .row-tile:nth-child(4n+0), .row-tile:last-child {
        border-right: none;
    }

.product-status {
    font-size: x-small;
    padding: 2px;
    margin-top: 6px;
    width: 150px;
    text-align: center;
    border-radius: 1.3rem;
    color: #FFFFFF;
}

    .product-status.product-status-ACT {
        border: solid 1px #34BFA3;
        background: #34BFA3;
    }

    .product-status.product-status-SUP {
        border: solid 1px #F4516C;
        background: #F4516C;
    }

    .product-status.product-status-DEL {
        border: solid 1px #F2784B;
        background: #F2784B;
    }

    .product-status.product-status-OUT {
        border: solid 1px #F22D4E;
        background: #F22D4E;
    }

    .product-status.product-status-LTD {
        border: solid 1px #C4C5D6;
        background: #C4C5D6;
    }


/*m_datatable  tr {
    display: inline;
}*/


/* ---------------------------------------------
    PRODUCT FORM
--------------------------------------------- */

.product-file .file-display {
    float: left;
}

    .product-file .file-display .preview {
        height: 80px;
        border: solid 1px #888;
        margin-bottom: 8px;
    }

.product-file .file-edit {
    float: left;
}

    .product-file .file-edit .file-dropzone .m-dropzone {
        /*height: 80px !important;
        min-height: 0px !important;*/
    }

    .product-file .file-edit .file-dropzone .dropzone .dz-message {
        margin: 0;
        font-size: 12px;
    }

/*.product-file .file-edit .file-dropzone .dropzone .dz-preview .dz-image {
        width: 80px;
        height: 80px;
    }

    .product-file .file-edit .file-dropzone .dropzone .dz-preview .dz-image img {
        width: 80px;
        height: 80px;
    }*/

@media (max-width: 1024px) {
    .m-stack.m-stack--general {
        table-layout: auto;
    }

    .m-header__bottom {
        background: white !important;
    }
}

.m-stack__item .search-form {
    vertical-align: middle;
}


@media (min-width: 1124px) {
    .m-stack__item .button-offer-show, .m-stack__item .button-offer-clear {
        width: 150px;
    }
}

.m-stack__item .button-offer-show {
    background-color: rgb(154,195,28) !important;
    border-color: rgb(154,195,28) !important;
}




.bar-left {
    border-left: 1px solid #ebedf2;
    padding: 10px 0px 10px 20px;
    margin-left: 10px;
}

.bar-right {
    border-right: 1px solid #ebedf2;
    padding: 10px 20px 10px 0px;
    margin-right: 10px;
}

.bar-bottom {
    border-bottom: 1px solid #ebedf2;
    padding: 0px 10px 20px 10px;
    margin-bottom: 10px;
}

.chart {
    height: 600px !important;
}

/*.m--float-left {
    float: left !important;
}

.resize-50 {
    height: 50% !important;
}*/

.boxhead {
    text-decoration: none !important;
}

.infobox {
    background: #ffffff;
    color: #006699;
    padding: 0.85rem 1.5rem;
    border-radius: 0;
    position: relative;
    border: 1px solid #006699;
}

.text-main {
    color: #2d2e87;
}

.oddrow {
    background-color: #faf9fc;
}

.table-header {
    background-color: #faf9fc;
}

.no-radious {
    border-radius: 0rem !important;
}

.few-padding {
    padding: 0.85rem .55rem !important;
}

#matrix.table th, #matrix.table td {
    vertical-align: middle !important;
    padding: 8px 16px;
}

#matrix.table thead th {
    background: #f4f3f8;
}

.tableFixHead {
    overflow-y: auto;
    height: 650px;
}

    .tableFixHead thead th {
        position: sticky;
        top: 0;
    }

    .tableFixHead tfoot th {
        background: #ffffff;
        position: sticky;
        bottom: 0;
    }

.z-index-max {
    z-index: 9;
}

.m--width-80 {
    width: 80px !important;
}

.m--width-110 {
    width: 110px !important;
}

.m--width-100 {
    width: 100% !important;
}


.btn-white {
    color: #000 !important;
    background: #FFF !important;
}

.m-portlet:not(.m-portlet--head-solid-bg) .m-portlet__head .btn-light.btn-white {
    /*color: #000 !important;
    background: #FFF !important;*/
}


/* COMPARE BOX */

.compare-box-show {
    width: 150px;
}

.compare-box {
    z-index: 99999;
    border: 1px solid #ebedf2;
    position: fixed !important;
    top: 20px;
    right: 20px;
    min-height: 200px;
    width: 300px;
    padding: 10px;
    background-color: white;
}

    .compare-box .caption {
        padding-bottom: 10px;
    }

        .compare-box .caption text {
            font-weight: 400;
        }

    .compare-box #compare-box-items {
        height: 100% !important;
    }

    .compare-box .compare-box-item {
        clear: both;
        border-top: 1px solid #ebedf2;
        padding-top: 6px;
    }

        .compare-box .compare-box-item:first-child {
            border-top: none;
            padding-top: 0px;
        }


        .compare-box .compare-box-item img {
            width: 30px;
            display: inline;
        }

        .compare-box .compare-box-item div {
            display: inline;
            width: 75%;
        }

    .compare-box .compare-box-actions {
        clear: both;
        padding-top: 10px;
    }




/* COMPARE PRODUCTS */

.compare-container .col-md-2 {
    padding: 0px !important;
}

    .compare-container .col-md-2 div {
        border: none;
        border-right: solid 1px #e5e5e5;
        border-top: solid 1px #e5e5e5;
        padding: 10px 4px;
        height: 55px;
    }

        .compare-container .col-md-2 div.big {
            height: 80px !important;
        }

        .compare-container .col-md-2 div.bigger {
            height: 100px !important;
        }

        .compare-container .col-md-2 div img {
            height: 100%;
        }

        .compare-container .col-md-2 div .product-status {
            width: auto !important;
            height: auto !important;
            margin-top: 0px !important;
        }

        .compare-container .col-md-2 div.price {
            font-weight: bold;
            font-size: medium;
        }

            .compare-container .col-md-2 div.price a {
                font-weight: bold;
                font-size: medium;
            }

        .compare-container .col-md-2 div .compare-product-remove {
            float: right;
            border: none;
            background-color: white;
            padding: 0px;
        }

    .compare-container .col-md-2.header div {
        font-weight: bold;
    }

.big-table-300 {
    width: 300px !important;
}

.btn-disabled {
    background: lightgray;
}


.option-selected {
    /*background-color: rgb(204, 224, 255) !important;
    border-top-color: rgb(204, 224, 255) !important;*/
    background-color: #a6d7d5 !important;
    border-top-color: #a6d7d5 !important;
}

input.datepicker {
    width: 100%;
}

.black-text {
    color: #575962 !important;
}

#toast-container > div {
    opacity: 1 !important;
}

.custom-stat-button {
    border: 2px solid #5867dd !important;
    background-color: white !important;
}

.m-nav__item.m-topbar__languages .m-nav__item .m-topbar__language-img {
    width: 22px;
    border-radius: 50% !important;
}

.m-nav__link-icon.language-icon .m-topbar__language-img {
    width: 15px;
    border-radius: 50% !important;
    margin-right: 4px;
    list-style-type: none;
}

.m-topbar__language-img-2 {
    width: 22px;
    border-radius: 50% !important;
}

.m-topbar__language-img-2 {
    width: 15px;
    border-radius: 50% !important;
    margin-right: 4px;
    list-style-type: none;
}

.m-nav__item {
    list-style-type: none;
}

/*.m-nav__link {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: relative;
    outline: none !important;
    vertical-align: middle;
    padding: 5px 30px !important;
}*/

.product-file {
    width: 100%;
}

.file-edit {
    width: 100%;
}

@media (min-width: 1025px) {
    .githash-container {
        position: relative;
    }

    .githash-text {
        position: absolute;
        bottom: 0px;
        width: 300px;
    }
}

@media (max-width: 1024px) {
    .githash-container {
        position: relative;
    }

    .githash-text {
        position: absolute;
        padding-top: 125%;
    }

    .few-padding {
        padding: 0.85rem .35rem !important;
    }
}

@media (min-heh: 1024px) {
}

@media (orientation:portrait) {
    .githash-container {
        position: relative;
    }

    .githash-text {
        position: absolute;
        padding-top: 199%;
    }
}

@media (min-width: 992px) {
    .modal-xl {
        max-width: 1024px;
        /* max-height: 1000px; */
    }
}

.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--active {
    background: #2d2e87 !important;
}

.m-datatable > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:focus, .m-datatable > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:hover, .m-datatable > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size.show > .btn.dropdown-toggle {
    background: #2d2e87 !important;
}

.btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary:hover {
    border-color: #2d2e87;
    background: #2d2e87;
    color: #ffffff;
}

.custom-stat-button {
    border: 2px solid #2d2e87 !important;
    background-color: white !important;
}

.icon-tutorial-size {
    font-size: 4rem;
}