/*

    styles

        bootstrap venalia

*/

@import "fonts/roboto/roboto.css";

@import "../assets/fonts/futura/index.css";
@import "../assets/fonts/Poppins/index.css";
@import "../assets/fonts/mulish/index.css";
@import "../assets/fonts/Montserrat/index.css";
@import "../assets/fonts/DM_Sans/index.css";
@import "../assets/fonts/Gia_Cristine/index.css";
@import "../assets/fonts/Mert_Pierce/index.css";

@import "../assets/fonts/Canva_Sans/index.css";

/*
    scrollbar

*/

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 4px;
}

::-webkit-scrollbar {
    width: 8px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #555;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}
::-webkit-scrollbar-corner {
    background-color: rgba(0,0,0,0.5);
}

/*
    in 
*/

.color-primary {
    color: var(--primary);
}
.color-secondary {
    color: var(--secondary);
}
.color-tertiary {
    color: var(--tertiary);
}

a[data-widget=pushmenu] {
    font-size: 1.8em;
}

html, body {
    font-family: 'DM Sans', 'Mulish', 'Trebuchet MS', Roboto, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 1rem;
}

body {
    font-family: 'DM Sans', 'Mulish', 'Trebuchet MS', Roboto, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /*font-size: 1rem;*/

    /*background: linear-gradient(150deg, #e6d3f9 0%, #e6d3f9 50%, #cea0f1 50%, #cea0f1 100%);*/

    /*
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    */

    /*animation-name: fade;
    animation-duration: 1s;
    animation-fill-mode: forwards;*/
}

/* 
    Effects

*/

@-webkit-keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

body, html,
.main-sidebar,
.main-header, .control-sidebar {
    font-family: 'DM Sans', 'Mulish', 'Trebuchet MS', Roboto, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

    background-color: #F7F8FA !important;
}

/* check */

[class*="icheck-"] {
    width: 26px;
    height: 26px;
}
[class*="icheck-"] > input:first-child {
    width: 24px;
    height: 24px;
    z-index: 999;
}
.icheck-primary label > i,
.icheck-primary label > span {
    display: table-cell;
    align-content: space-between;

    margin: 0 auto;
}
.icheck-primary > input:first-child:checked + label::before,
.icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: var(--primary);
    border-color: #2e6da4;
}

.preloader {
    /*background-color: transparent;*/
}

/*
    data Table
*/

.table {
    margin: 0px auto;
}

    .table tr {
        margin: 0px;
        padding: 10px;
        /*display: flex;
        flex-direction: row;
        justify-content: space-between;*/
    }

    .table tr th {
        margin: 0px;
        padding: 10px;
        /*display: flex;
        flex-direction: row;
        justify-content: space-between;*/
    }

    .table.dataTable th, table.dataTable td,
    .table.dataTable th, table.dataTable td:last-of-type {
        border-left-width: 0 !important;
        border-right-width: 0 !important;
        border-top-width: 0 !important;
        border-bottom-width: 0 !important;
    }

table.table-bordered.dataTable {
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_length,
div.dataTables_wrapper div.dataTables_paginate {
    /*padding: 0.61rem 0.8rem !important;
    padding: 0.75rem 0.75rem !important;*/
    height: 46px !important;
    margin-left: inherit !important;
    line-height: 1.25em !important;
    /*border: 1px solid #ccc !important;*/
    border-radius: 0px !important;

    margin: 2px;
}

    div.dataTables_wrapper div.dataTables_length label {
        margin: auto;
        margin-left: inherit !important;
        border-radius: 0px !important;
    }
    div.dataTables_wrapper div.dataTables_length select {
        /*padding: 0.61rem 0.8rem !important;*/
        margin-left: inherit !important;
        height: 46px !important;
        border: 1px solid #ccc !important;
        border-radius: 0px !important;
    }

table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
    background-color: var(--primary);

    height: 1em;
    width: 1em;

    margin-left: -0.5em;
    margin-right: -0.5em;
    margin-top: -0.5em;
    margin-bottom: -0.5em;
}

/*
    pagination
*/

.page-item .page-link {
    padding: 0.75rem 0.75rem !important;
    margin-left: inherit !important;
    line-height: 1.25em !important;
    border: 0px solid #ccc !important;
}
    .page-item.active .page-link {
        color: black;
        background-color: white;
        padding: 0.75rem 0.75rem !important;
        margin-left: inherit !important;
        line-height: 1.25em !important;
        border: 1px solid #ccc !important;
    }

.page-item .page-link {
    color: #6c757d !important;
    pointer-events: none !important;
    cursor: pointer !important;
    background-color: #fff !important;
    border-color: #dee2e6 !important;
    margin-left: inherit !important;
    line-height: 1.25em !important;
    border: 0px solid #ccc !important;
}

.page-item:first-child .page-link {
    margin-left: inherit !important;
    padding: 0.75rem 0.75rem !important;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
    margin-left: inherit !important;
    padding: 0.75rem 0.75rem !important;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}


.rounded {
    border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
    border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
    border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important;
}


.shadow {
    -webkit-box-shadow: var(--bs-box-shadow) !important;
    box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
    -webkit-box-shadow: var(--bs-box-shadow-sm) !important;
    box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-mg {
    -webkit-box-shadow: var(--bs-box-shadow-md) !important;
    box-shadow: var(--bs-box-shadow-md) !important;
}

.shadow-lg {
    -webkit-box-shadow: var(--bs-box-shadow-lg) !important;
    box-shadow: var(--bs-box-shadow-lg) !important;
}

.shadow-none {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.shadow-card {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
}

.small-box {
    padding: 1rem;
    margin: 0;
    /*margin-bottom: 1rem;*/
    border-radius: var(--bs-border-radius-lg) !important;
    height: 10rem;
}

    .small-box.consejos {
        background-image: url('/img/box/Consejos.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .small-box.claves {
        background-image: url('/img/box/Claves.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .small-box.domina {
        background-image: url('/img/box/Tendencias.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .small-box.tendencias {
        background-image: url('/img/box/Domina.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .small-box > .small-box-footer {
        background-color: transparent;
    }
    .small-box .icon > i.ion {
        top: 5rem;
        cursor: pointer;
    }
        .small-box .icon > i.ion::before {
            color: rgba(243, 243, 244, 0.4);
        }

    @media (max-width: 767.98px) {
        .small-box {
            text-align: center;
        }

            .small-box .icon {
                display: block;
            }

            .small-box p {
                font-size: 12px;
            }
    }

    .small-box h5 {
        /*color: rgba(255,255,255, 0.6);*/
        color: rgba(255,255,255, 1.0);
        font-size: 1.5rem;
        /*text-shadow: #FC0 1px 0 10px;*/
        /*text-shadow: #FFF 1px 0 4px;*/
    }

    .small-box > .small-box-footer {
        top: 2rem;
        font-size: 2rem;
        text-align: end;
        display: none;
    }
    .small-box > .small-box-footer:hover {
        background-color: transparent;
    }

.user-panel .image {
    padding-left: 0px;
}

#render_body {
    /*background-image: url(/assets/image/background/pattern.png);*/
    background-origin: content-box;
    background-size: auto;
    background-position: center;
    background-repeat: repeat;
}


a {
    color: #233752;
}
    a.dx-link {
        color: var(--primary)!important;
    }

    a.active {
        font-weight: 700;
    }
    a:hover {
        /*color: var(--tertiary) !important;*/
        /*text-shadow: var(--secondary) 1px 0 10px;*/
    }

button {
    /*color: var(--white) !important;*/
}

    button.dx-link {
        color: var(--primary) !important;
    }

    button.active {
        font-weight: 700;
    }

.dx-icon {
    font-size: 26px;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
    color: var(--secondary) !important;
}

.gm-style {
    font-family: 'DM Sans', 'Mulish', 'Trebuchet MS', Roboto, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

/* btn */

.btn-sm,
.btn {
    /*font-size: 1.0rem;*/
    /*font-size: inherit;*/
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.btn-rounded {
    border-radius: var(--bs-border-radius-lg) !important;
}

.btn-link {
    font-weight: 400;
    color: darkorange;
    text-decoration: none;
}

    .btn-link:hover {
        color: orange;
        text-decoration: none;
    }

.btn-primary {
    background-color: var(--primary);
    /*border: 0px var(--secondary) solid;*/
    border: 1px var(--white) solid;
}

    .btn-primary:hover {
        background-color: var(--primary);
        border: 1px var(--secondary) solid;
    }
    .btn-primary:focus, .btn-primary.focus {
        background-color: var(--secondary);
        border: 1px var(--white) solid;
    }
    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        background-color: var(--secondary);
        border: 1px var(--white) solid;
    }
    .btn-primary.disabled, .btn-primary:disabled {
        background-color: var(--primary);
        opacity: .6;
        border: 1px var(--gray) solid;
   }


    span.text-danger {
        font-size: 12px;
    }

.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

.wrapper {
    /*min-height: 100%;
  position: relative;
  overflow: hidden;*/
    width: 100%;
    min-height: 100%;
    height: auto !important;
    position: absolute;
}

.clause-footer {
    background-color: #fff;
    border-top: 1px solid #dee2e6;
    color: #869099;
    padding: 1rem;
}

.content-wrapper {
    /*min-height: 100% !important;*/
}

    .content-wrapper.home {
        /*background-image: url(/img/layout.jpg);*/
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-blend-mode: difference;
    }


/* 
    modal 

*/

/* main sidebar not under model */
.modal {
    z-index: 1110;
}

    .modal.fade-scale {
        transform: scale(0);
        opacity: 0;
        -webkit-transition: all .25s linear;
        -o-transition: all .25s linear;
        transition: all .25s linear;
    }

        .modal.fade-scale.in {
            opacity: 1;
            transform: scale(1);
        }

    /* modal full screen */
    .modal.fullscreen {
        padding: 0 !important; /* override inline padding-right added from js */
        /*min-height: calc(100% - 5rem);*/
        /*min-width: calc(100% - 5rem);*/
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

        .modal.fullscreen .modal-dialog {
            width: 100%;
            max-width: none;
            height: 100%;
            /*margin: 0;*/
        }

        .modal.fullscreen .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal.fullscreen .modal-body {
            overflow-y: auto;
        }

.modal-content {
    /*border-radius: 1.3rem !important;*/
}

/*.modal-body {
    max-height: 80vh;
    height: 80vh;
    overflow-y: auto;
}*/

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    border: 1px solid white;
    /*border: 15px solid rgba(255, 255, 255, 0.5);*/

    /*margin: 16px;*/

    /*background-color: rgba(50, 50, 50, 0.2);*/

    /*backdrop-filter: blur(10px);*/
    /*box-shadow: 0 8px 32px rgba(0, 0, 0, 0.37);*/
    background-color: rgba(255, 255, 255, 0.3);
}

    .modal-dialog-centered.modal-dialog-scrollable .modal-content .modal-body {
        /*background-color: #fff;*/
        /*border-radius: var(--bs-border-radius) !important;*/
        padding: 1rem !important;
    }

.modal-dialog .modal-body {
    /*padding: 0px!important;*/
}

.modal-dialog,
.modal-dialog.modal-full-screen {
    /*width: 100%;*/
    /*bottom: 0;*/
    /*position: fixed;
    position: absolute;
    top: 10pt;
    left: 10pt;
    right: 10pt;
    max-width: initial;
    margin: 0 auto;*/
    /*background: #fff !important;*/
}

    .modal-dialog .modal-content,
    .modal-dialog.modal-full-screen .modal-content {
        /*box-shadow: none !important;*/
        /*border: 0 !important;*/
        /*overflow-x: auto;*/
        /*overflow-y: auto;*/
    }

.modal .modal-content .modal-head {
    /*padding: 10px;*/
}

.modal .modal-content .modal-body {
    /*padding: 10px;*/
}

.modal .modal-content .modal-footer {
    /*padding: 10px;*/
}


/* Header fixed to the top of the card */
.container-header--sticky {
    position: sticky;
    top: 0;
    /*background-color: inherit;*/ /* [1] */
    z-index: 1055; /* [2] */
}

/* Footer fixed to the bottom of the card */
.container-footer--sticky {
    position: sticky;
    bottom: 0;
    /*background-color: inherit;*/ /* [1] */
    z-index: 1055; /* [2] */
}

.swal-modal {
    border-radius: var(--bs-border-radius-lg) !important;
}

.swal-text {
    padding: 20px !important;
}

.swal-button {
    min-width: 110px !important;
    border-radius: var(--bs-border-radius-lg) !important;
}
    .swal-button.swal-button--confirm {
        background-color: var(--primary) !important;
    }

    .swal-button.swal-button--cancel {

    }

/* 

    - bootstrap
*/

/*.bootstrap-select.show > .dropdown-toggle.btn-light .bootstrap-select.show > .dropdown-toggle.btn-secondary {
    border: 0px !important;
    border-color: transparent !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 160px;
}*/

/*label {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}*/

/*

    Effects

*/
.input {
    font-family: 'DM Sans', 'Mulish', 'Trebuchet MS', Roboto, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: 400;

    /*position: relative;*/

    /*z-index: 1;*/
    /*display: inline-block;*/

    /*margin: 1em;*/
    /*max-width: 350px;*/

    /*width: calc(100% - 2em);*/
    /*vertical-align: top;*/
}


/*

    search test
*/

.image-title-login {
    object-fit: contain;
    height: 48px;
}

.image-title {
    /*font: 32px/normal 'Segoe UI Light',Arial,Helvetica,Sans-Serif;*/
    /*margin: 20px 0;*/
    /*font-size: 32px;*/
    /*text-align: left;*/

    object-fit: contain;
    height: 80%;
    width: 100%;
    max-height: 40px;
    align-self: end;
}

textarea.infotext {
    width: 100%;
    height: 100px;
    border: none;
    background-color: #e5e4e2;
    color: black;
    font-size: 12pt;
    padding-left: 5px;
    margin-bottom: 10px;
}

.sampleTitle {
    font: 32px/normal 'Segoe UI Light',Arial,Helvetica,Sans-Serif;
    margin: 20px 0;
    font-size: 32px;
    text-align: left;
}

.sampleText {
    font: 16px/bold 'Segoe UI Light',Arial,Helvetica,Sans-Serif;
    margin: 10px 0;
    font-size: 14px;
    text-align: left;
    height: 20px;
}

.searchBoxForm {
    /*width: 648px;*/
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 4px 0 rgba(0,0,0,.16);
    background-color: #fff;
    display: inline-block;
    border-collapse: collapse;
    border-spacing: 0;
    list-style: none;
    color: #666;
    background: rgba(0,0,0,0);
    vertical-align: middle;
}

.searchBox {
    /*width: 568px;*/
    font-size: 16px;
    margin: 7px 0 7px 20px;
    padding: 0 10px 0 0;
    border: 0;
    max-height: 30px;
    outline: none;
    box-sizing: content-box;
    /*height: 35px;*/
    vertical-align: middle;
    background: rgba(0,0,0,0);
}

.spinSearch {
    margin: 7px 20px 7px 7px;
    vertical-align: middle;
}

.searchBoxSubmit {
    background-color: #fff;
    border-color: #fff;
    background-image: url(/img/search.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    text-indent: -99em;
    border-width: 0;
    border-style: solid;
    /*margin: 10px;*/
    margin: 7px 20px 7px 7px;
    outline: 0;
    vertical-align: middle;
}

.pageButton {
    border: none;
    color: darkblue;
    font-weight: normal;
    width: 50px;
}

.pageSelected {
    border: none;
    color: black;
    font-weight: bold;
    width: 50px;
}

.pageButtonDisabled {
    border: none;
    color: lightgray;
    font-weight: bold;
    width: 50px;
}

form .centerMiddle, .centerMiddle {
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
}

/*

    form
*/

.form-group.required .col-form-label:after {
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 3px;
}

.form-input-hint {
    display: none;
}

    .form-input-hint.is-visible {
        display: block;
    }

.col-form-label {
    white-space: nowrap;
}

/* prevent the drop down icon going onto a new line for the top bar language link */
.top-bar-language-nav-link {
    min-width: 65px;
}

.custom-field > img {
    vertical-align: middle;
    height: 30px;
    width: 21px;
}

.custom-field > div {
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    font-size: 14px;
    margin-left: 5px;
}

.custom-item > img {
    height: 48px;
    width: 38px;
    margin-right: 10px;
}

.custom-item > div {
    display: inline-block;
    vertical-align: top;
    line-height: 48px;
    font-size: 15px;
}


.bootstrap-select > .btn-light {
    background-color: #fff;
}

.vh-80 > .modal-content {
    min-height: 80vh !important;
}

/* hide scrollbar */
.sb-none {
    scrollbar-width: none;
}

/* Puts the google places autocomplete dropdown results above the bootstrap modal 1050 zindex.*/
.pac-container {
    z-index: 1110 !important;
}


.description-header { }

.position-absolute {
    position: absolute;
}

.top-0 {
    top: 0px;
}

.venalia-new {
    position: absolute;
    top: 1.5em;
    right: 1.5em;
    font-size: 1em;
    background-color: var(--secondary);
}

.venalia-card-layer {
    background: linear-gradient(180deg, rgba(43, 43, 44, 0) 0%, #2B2B2C 100%);
    background-blend-mode: multiply;
    mix-blend-mode: multiply;
    border-radius: 5px;
}

.venalia-pointer {
    cursor: pointer;
}

.sidebar-mini.sidebar-collapse .main-sidebar .user-panel .image {
    float: none;
}
.user-panel img {
    width: 80px;
    height: 80px;
    /*padding-left: 0px;*/
}

.user-panel .info {
    width: 234px;
}

.sidebar-mini.sidebar-collapse .main-sidebar .user-panel .info {
    float: none;
    display: none;
}

.user-panel .fa,

.sidebar-mini.sidebar-collapse .user-panel .fa, .sidebar-mini.sidebar-collapse .info {
    /*visibility: hidden;*/
    display: none;
}

.sidebar-mini.sidebar-collapse .user-panel img {
    height: 32px !important;
    width: 32px !important;
    padding-left: 0px !important;
}

.content-wrapper {
    /*margin-left: 325px;*/
    /*padding-top: 2.5vh;*/
}

.venalia-card-image {
    object-fit: cover;
    /*object-position: top;*/
    object-position: center;
    height: 100%;
    max-height: 100%;
    min-height: 100%;
    border-radius: 5px;
}

.venalia-content-wrapper {
    background-color: #F7F8FA;
    margin: 0 auto;
    /*width: 95%;*/
    /*border-radius: 5px;*/
    /*min-height: calc(95vh - calc(3.5rem + 1px)) !important;*/
    /*padding: 1em;*/
}

/*
        menu 

        actions & menu-button
*/

.navbar-nav .nav-item {
    line-height: 2em;
}

.navbar-nav .famfamfam-flags {
    display: inline-block;
}

.nav-user-menu .user-image {
    width: 28px;
    height: 28px;
    margin-right: 4px;
    /*margin-top: -4px;*/
}

.nav.nav-pills .nav-item:first-child, .nav.nav-tabs .nav-item:first-child {
    /*margin-left: 5px;*/
}

.nav-link {
    display: inherit;
}

.nav-item .nav-treeview, [class*="sidebar-light"] .nav-legacy.nav-sidebar > .nav-item > .nav-treeview {
    background-color: transparent!important;
}

.nav-legacy.nav-pills .nav-link.active,
.nav-legacy.nav-pills .show > .nav-link {
    /*color: #007bff;*/
    color: var(--primary);
    font-weight: bold;
    /*background-color: #F7F8FA;*/
    background-color: transparent;
}
.nav-legacy.nav-sidebar > .nav-item > .nav-link.active {
    color: var(--primary);
    /*color: #6B7A99;*/
    background-color: transparent;
    /*background-color: #F7F8FA;*/
}
.nav-legacy.nav-sidebar .nav-item > .nav-link > .nav-icon {
    margin-left: .15rem;
}
.nav-pills .nav-link:not(.active):hover {
    color: var(--secondary);
}

/* 
    Menu 

*/

.menu-button {
    text-align: center;
    border: 1px solid #dee2e6;
    height: 8.0em;
    width: 8.4em;
    cursor: pointer;
    transition: transform .2s; /* Animation */
    /*color: black;*/
    /*color: #C3CAD9;*/
    color: var(--primary);
    /*padding: 3em 0em;*/
}

.menu_active {
    transform: scale(1.15);
    background-color: white;
    color: black;
    z-index: 3;
    /*border: 5px;*/
    border: 1px solid lightgray;
    border-radius: 5px;
    position: relative;
}

    .menu_active i {
        color: #007bff !important;
    }

    .menu_active .menu-button-text {
        color: #6B7A99;
        font-weight: bold;
    }

.menu-button .nav-pills .nav-link.active,
.menu-button .nav-pills .show > .nav-link {
    color: #6B7A99;
    font-weight: bold;
    background-color: #007bff;
}

.menu-button .menu-button-text {
    color: rgba(43, 43, 44, 0.8);
}

.menu-button i {
    font-size: 2em;
    /*color: rgba(43, 43, 44, 0.2);*/
    color: lightslategrey;
}

.menu-button .row {
    height: 100%;
}

.menu-button-tl {
    border-top-left-radius: 5px;
}

.menu-button-tr {
    border-top-right-radius: 5px;
}

.menu-button-bl {
    border-bottom-left-radius: 5px;
}

.menu-button-br {
    border-bottom-right-radius: 5px;
}

.menu-button-border {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
}

.menu-button col-6 {
    margin: 0px;
}

/* 
    sidebar

        mini
*/

.sidebar-mini.sidebar-collapse .menu-button {
    height: auto;
    width: 3.0em;
    border: 0px;
}

    .sidebar-mini.sidebar-collapse .menu-button i {
        /*font-size: 2em;*/
        font-size: 1.60em;
        margin-top: .5em;
        margin-bottom: .5em;
    }

    .sidebar-mini.sidebar-collapse .menu-button .menu-button-text,
    .sidebar-mini.sidebar-collapse .contact {
        display: none;
    }

.menu-button-title {
    height: 20%;
}

.sidebar-mini.sidebar-collapse .menu-button .menu-button-title {
    display: none;
}

.sidebar-mini.sidebar-collapse .menu_active {
    background-color: transparent;
}

.sidebar-mini.sidebar-collapse .col {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}

body:not(.layout-fixed) .main-sidebar {
    /*top: auto;*/
    top: 60px;
    /*left: 75px;*/

    background-color: #F7F8FA !important;

    /*border-right: 1px solid #dee2e6;*/
    /*border-right: 1px solid var(--secondary);*/

    /*background-image: url(/img/dashboard/line.gif);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;*/
}

body:not(.layout-fixed) .main-sidebar {
    /*min-height: calc(100vh - calc(3.5rem + 1px)) !important;*/
    min-height: calc(100% - calc(60px)) !important;
}

.control-sidebar {
    /*min-height: calc(100vh - calc(3.5rem + 1px)) !important;*/
    min-height: calc(100% - calc(60px)) !important;
}

.navbar-nav .dropdown-toggle i, .navbar-nav .dropdown-toggle::after {
    color: #007bff !important;
}

.main-footer.navbar-light {
    display: flex;
}

.modal-header.mvc-lookup-header,
.modal-body.mvc-lookup-body {
    border: none !important;
    background-color: white;
    border-radius: 0px !important;
}

.mvc-lookup-dialog .modal-content {
    /*min-height: 50vh;*/
    /*min-height: 50vh;*/
    /*height: 50vh;*/
    overflow-y: auto;
    border-radius: var(--bs-border-radius-lg) !important;
}


@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .content-wrapper {
        /*margin-left: 9.3rem !important;*/
    }
}

@media (min-width: 768px) {
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        margin-left: 0px !important;
    }

    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper {
        /*margin-left: 325px;*/
        overflow-x: auto;
        overflow-y: auto;
    }
}

iframe {
    border: 0px;
}

#events .card {
    height: auto;
    max-height: 100%;
}

/*
    card's estates
*/

#estates_Card .card,
#estates_Card .card-header,
#estates_Card .card-body,
#estates_Card .card-footer {
    background-color: #fff;
    border: 0px;
}

    #estates_Card .card.mb-12 {
        margin-bottom: 5rem !important;
    }

/*
    UI
*/

.venalia-list {
    margin: 2em;
    overflow: hidden;
}

    .venalia-list .card {
        background-color: #F7F8FA;
        box-shadow: none;
    }


.venalia-templates-list {
    margin: 2em;
    overflow: hidden;
}
.venalia-section-list {
    margin: 2em;
    overflow: hidden;
}

@media (max-width: 780px) {
    .venalia-section-list {
        margin: 2.7px;
    }
        .venalia-section-list .container-fluid {
            padding-top: 2.7px;
        }
}

.venalia-templates-search-result {
    /* System */
    font-style: normal;
    font-weight: 700;
    font-size: 33.7549px;
    line-height: 35px;
    /* identical to box height, or 105% */

    color: #2B2B2C;
}

.venalia-estates-grid-status {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.venalia-button .dx-button-content {
    padding: 0px;
}

.venalia-grid {
    /*margin: 1rem;*/
    /*margin-top: 1rem;*/

    border: 1px solid lightgray;
    border-radius: 5px;
    padding: 1rem;
    /*margin: auto;*/
    background-color: white;
}

.venalia-list .nav-link,
.venalia-new-card .nav-link,
.venalia-section-list .nav-link {
    font-family: 'DM Sans', 'Mulish', 'Trebuchet MS', Roboto, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-style: normal;
    /*font-weight: 700;*/
    /*font-size: 14px;*/
    line-height: 2rem;
    /* identical to box height, or 143% */
    /*text-align: center;*/
    color: black;
}

    .venalia-list .nav-link.active,
    .venalia-new-card .nav-link.active {
        color: var(--primary);
        border-bottom: 4px var(--secondary) solid;
    }

.content.venalia-form {
    background-color: #fff;
    border-radius: var(--bs-border-radius) !important;
    height: calc(100%);
    overflow-y: auto;
    border: 2px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.37);
}

.venalia-form .ellipsis {
    /*max-width: 100%;*/
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    white-space: nowrap;
}

.venalia-new-card {
    background: #FAFBFC;
    /* Sombra sobre fondo gris */
    /*box-shadow: 0px 4px 10px rgba(227, 230, 235, 0.5) !important;
    border-radius: 10px;*/
    padding-top: 7.5px;
    /*padding-bottom: 7.5px;*/
    margin-bottom: 7.5px;
}

    .venalia-new-card .card {
        height: 100%;
        max-height: 40vh;
        width: 100%;
        /*min-width: 25vh;*/
        /*max-width: 25vh;*/
        /* Sombra sobre fondo gris */
        box-shadow: 0px 4px 10px rgba(227, 230, 235, 0.5) !important;
        border-radius: 10px;
    }

        .venalia-new-card .card i {
            cursor: pointer;
        }

    .venalia-new-card input,
    .venalia-new-card select {
        box-shadow: 0px 2px 5px rgba(38, 51, 77, 0.03);
        border: none;
    }

.venalia-form-top-bar,
.venalia-marketing-top-bar {
    background: #2B2B2C;

    background-image: url('/img/dashboard/header-background.png');
    background: radial-gradient(circle at 89.79899088541666% 7.902018229166667%, #EA6020 0%, 33%, rgba(234,96,32,0) 66%), radial-gradient(circle at 94.35384114583333% 89.61588541666666%, #EA6020 0%, 27%, rgba(234,96,32,0) 54%), radial-gradient(circle at 6.503906249999999% 88.037109375%, rgba(142,58,171,0.99) 0%, 41.5%, rgba(142,58,171,0) 83%), radial-gradient(circle at 0.25838216145833337% 0%, #8E3AAB 0%, 42%, rgba(142,58,171,0) 70%), radial-gradient(circle at 48.9013671875% 49.521484375%, #FAF5F0 0%, 100%, rgba(250,245,240,0) 100%); background-position: center center;

    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px 15px 0px 0px;
    /*height: 89px;*/
    /*padding-top: 30px*/
    padding: 2rem;
    overflow: hidden;
    /*box-shadow: 0 -6px 20px 5px rgba(0,0,0,0.5);*/
}

.venalia-form-reference {
    font-style: normal;
    /*font-weight: 700;*/
    font-size: 28px !important;
    /*line-height: 20px;*/
}

.venalia-form-status {
    /*font-style: normal;*/

    font-weight: 600;
    /*font-size: 10px !important;*/
    /*line-height: 20px;*/
    /*color: #FFFFFF;
    transform: rotate(-90deg);
    background: #FF9D43;
    display: block;
    width: 89px;
    margin-left: -42px;
    margin-top: 5px;
    border-top-right-radius: 10px;
    padding-left: 5px;
    text-align: center;*/
}

.venalia-form .nav-pills {
    height: 60px;
}

    .venalia-form .nav-pills .nav-link {
        padding-top: 20px;
        background-color: var(--shadow);
        margin: 0px 15px;
        box-shadow: 0px 4px 10px rgba(227, 230, 235, 0.5);
    }

        .venalia-form .nav-pills .nav-link.active {
            background-color: var(--secondary);
        }

.venalia-new-card .sortable-lists {
    display: flex;
    overflow-x:auto;
}

.venalia-new-card .scrollable-list {
    /*width: 90%;*/
    /*margin: auto;*/
    /*height: 400px;
        width: 19%;*/
    /*width: 240px;*/
}

@media (max-width: 1280px) {

    .venalia-list {
        margin-top: 1em !important;
        margin-right: 1em !important;
        margin-left: 1em !important;
        margin-bottom: 1em !important;
        overflow: hidden;
    }
        .venalia-list .card {
            padding: 0 !important;
        }

    .venalia-button .dx-button-text { }

    .venalia-button .dx-button-content {
        /*display: none;*/ /* Oculta el texto en pantallas pequeñas */
    }

        .venalia-button .dx-button-content span {
            display: none; /* Oculta el texto en pantallas pequeñas */
        }

    .dx-list-item-content.dx-texteditor, .dx-list-item-content > .dx-texteditor, .dx-toolbar-item-content.dx-texteditor, .dx-toolbar-item-content > .dx-texteditor {
        width: 100px !important;
    }


    .venalia-button .dx-toolbar-item {
        /*display: flex;*/
    }

    .dx-toolbar-items-container {
        display: flex;
        flex-wrap: wrap; /* Permite que los elementos se ajusten en varias líneas */
    }

    .venalia-button .dx-icon {
        /*margin-right: 0;*/ /* Elimina el margen del ícono */
    }

}

/*Marketing*/

.template-search {
}

.venalia-marketing-templates {
    padding: 0px;
}

    .venalia-marketing-templates .section {
        font-family: 'DM Sans', 'Mulish', 'Trebuchet MS', Roboto, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 20px;

        line-height: 21px;

        /*font-weight: bold;*/
        /*font-size: 1.2em;*/

        /* System */
        /*position: absolute;
        width: 188px;
        height: 21px;
        left: 47px;
        top: 399px;*/

        /* identical to box height, or 105% */

        color: #2B2B2C;
    }

.venalia-marketing-templates ul > li > a img {
    width: 13px;
    /*filter: invert(0%) sepia(54%) saturate(0%) hue-rotate(158deg) brightness(87%) contrast(104%);*/
    /*fill: black !important;*/
}

.venalia-template-card {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.4);

    /*border: 12px solid rgba(43, 43, 44, 0.2);*/
    /*border: 12px solid rgba(255, 255, 255, 0.5);*/

    background-color: rgba(255, 255, 255, 0.5);
}

.venalia-template-card .caption {
    /*position: absolute;*/
    /*top: 1.0em;*/
    /*left: 1.0em;*/
}

    .venalia-template-card .name {
        font-family: 'DM Sans', 'Mulish', 'Trebuchet MS', Roboto, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 42px;

        /*font-weight: bold;*/
        /*font-size: 1.0em;*/

        /*color: aliceblue;*/
        /*color: #e0eff2;*/

        /*text-shadow: #FC0 1px 0 10px;*/
        /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);*/
        /*text-transform: lowercase;*/

        /* Hello Alfred Bryant */
        /*position: absolute;
        width: 89px;
        height: 42px;
        left: calc(50% - 89px/2 - 346.5px);
        top: 666px;*/

        /* identical to box height, or 280% */

        text-align: center;
        color: #2B2B2C;
    }

.venalia-marketing-top-bar .icon {
    width: 60px !important;
    height: 60px !important;
    display: table-cell !important;
    vertical-align: middle;
    padding: 0px;
    margin: auto;
}

.venalia-marketing-top-bar > ul > li > a > .icon {
    /*color: rgba(43, 43, 44, 0.2);*/
    background-color: rgba(243, 243, 244, 0.4);
    color: white
}

.venalia-marketing-top-bar > ul > li > a.active > .icon {
    /*background-color: #5919C1 !important;*/
    background-color: var(--secondary) !important;
}
.venalia-marketing-top-bar > ul > li > a.active > .text {
    color: white !important;
}

.venalia-marketing-top-bar > ul > li > a.active > .icon.bold {
    background-color: var(--secondary) !important;
}
.venalia-marketing-top-bar > ul > li > a.active > .text.bold {
    /*color: var(--secondary) !important;*/
    color: white !important;
}
.venalia-marketing-top-bar > ul > li > a img {
    width: 24px;
    /*filter: invert(13%) sepia(67%) saturate(0%) hue-rotate(295deg) brightness(100%) contrast(95%);*/
    /*filter: brightness(100%) contrast(50%);*/
}
.venalia-marketing-top-bar > ul > li > a.active img {
    width: 28px;
    /*filter: invert(32%) sepia(35%) saturate(6848%) hue-rotate(201deg) brightness(105%) contrast(102%);*/
}
    .venalia-marketing-top-bar > ul > li > a img.bold,
    .venalia-marketing-top-bar > ul > li > a.active img.bold {
        /*width: 24px;*/
        /*filter: invert(18%) sepia(71%) saturate(4004%) hue-rotate(308deg) brightness(82%) contrast(118%);*/
    }

.venalia-marketing-category-tabs {
    border-bottom: 1px solid rgba(43, 43, 44, 0.2);
}

    .venalia-marketing-category-tabs a {
        /*color: var(--primary) !important;*/
        color: lightslategray !important;
        padding-left: 0px; padding-right: 0px;
    }

        .venalia-marketing-category-tabs a.active {
            /*color: var(--primary) !important;*/
            color: lightslategray !important;
            border-bottom: 4px var(--secondary) solid !important;
            font-weight: 700;
        }

    .venalia-marketing-category-tabs li {
        padding-left: 1rem;
        padding-right: 1rem;
    }

        .venalia-marketing-category-tabs a svg {
            color: #CECFD1;
            width: 15px;
            height: 15px;
        }

        .venalia-marketing-category-tabs a.active svg {
            color: var(--primary) !important;
            width: 15px;
            height: 15px;
        }

        .venalia-marketing-category-tabs a.active img {
            filter: invert(36%) sepia(100%) saturate(2523%) hue-rotate(215deg) brightness(95%) contrast(115%) !important;
        }


/*
    Spectre

*/

.multisteps-form {
    /*border-radius: var(--bs-border-radius-lg) !important;*/
    margin: 0px;
    padding: 0px;
}

.multisteps-form__progress-btn.js-active {
    color: var(--primary) !important;
}

    .multisteps-form__progress-btn.js-active:before {
        -webkit-transform: translateX(-50%) scale(1.2);
        transform: translateX(-50%) scale(1.2);
        background-color: currentColor;
    }

.step {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 40px;
    align-items: center;
    list-style: none;
    /*width: 80vh;*/
    width: 50%;
    /*z-index: 1;*/

    position: relative;
    min-width: 50%;
    max-width: 100%;
    /*margin: .2rem 0;*/
    margin: auto;
}

    .step .step-item {
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        margin-top: 0;
        min-height: 1rem;
        position: relative;
        text-align: center
    }

/*.step .step-item:not(:first-child)::before {
    left: -72%;
}*/

.step .step-item:not(:first-child)::before {
    background: #5755d9;
    content: "";
    height: 2px;
    /*left: -50%;*/
    left: -63%;
    position: absolute;
    top: -6px;
    width: 100%
}

        .step .step-item a {
            font-family: 'DM Sans', 'Mulish';
            font-style: normal;
            font-weight: 400;
            font-size: 15px;
            line-height: 20px;
            /* identical to box height, or 133% */
            text-align: center;
            color: rgba(43, 43, 44, 0.5);
        }

        .step .step-item.active a {
            font-family: 'DM Sans', 'Mulish';
            font-style: normal;
            font-weight: 700;
            font-size: 15px;
            line-height: 20px;
            /* identical to box height, or 133% */
            text-align: center;
            color: #2B2B2C;
        }

.step .step-item a::before {
    background: #5755d9;
    border: .1rem solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: .6rem;
    left: 50%;
    position: absolute;
    top: -10px;
    transform: translateX(-50%);
    width: .6rem;
    z-index: 1;
}

.step .step-item.active a::before {
    background: #5755d9;
    border: .1rem solid #5755d9;
}

.step .step-item.active ~ .step-item::before {
    background: #dadee4
}

.step .step-item.active ~ .step-item a {
    color: #bcc3ce
}

    .step .step-item.active ~ .step-item a::before {
        background: #dadee4
    }

.step .step-item a {
    opacity: 1;
}

.step .step-item.acti a {
    font-weight: 600;
}

/*Select2*/
.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    color: #2B2B2C;
    margin: 5px;
}

#map,
#zone-map,
#agent-map,
#estate-map,
#address-map {
    height: 30vh;
    width: 100%;
}

/*Drag and Drop*/
.drag-area {
    border: 2px dashed #fff;
    height: 500px;
    width: 700px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: purple;
    margin: auto;
    margin-top: 3em;
}

    .drag-area.active {
        border: 2px solid #fff;
    }

    .drag-area .icon {
        font-size: 100px;
        color: #fff;
    }

    .drag-area header {
        font-size: 30px;
        font-weight: 500;
        color: #fff;
    }

    .drag-area span {
        font-size: 25px;
        font-weight: 500;
        color: #fff;
        margin: 10px 0 15px 0;
    }

    .drag-area button {
        padding: 10px 25px;
        font-size: 20px;
        font-weight: 500;
        border: none;
        outline: none;
        background: #fff;
        color: #5256ad;
        border-radius: 5px;
        cursor: pointer;
    }

    .drag-area img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 5px;
    }

.hide {
    display: none;
}

/*#region agentCard*/

.venalia-list .venalia-card {
    width: 100%;
    height: 25vh;
    background-size: cover;
    /*background-position: top center;*/
    background-position: center center;
    background-repeat: no-repeat;
    /*cursor: pointer;*/
}

    .venalia-list .venalia-card .venalia-card-bottom {
        position: absolute;
        bottom: 10px;
        left: 0px;
        right: 0px;
        text-align: center;
        z-index: 1;
    }

    .venalia-list .venalia-card .name {
        text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 2em white;
        color: white;
        font-weight: 700;
    }

    .venalia-list .venalia-card .zone {
        /*text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 2em white;*/
        color: white;
        font-weight: 600;
    }


.venalia-image-card img {
    max-height: 100%;
    width: auto !important;
    object-fit: unset;
    max-width: 100%;
}

.venalia-image-preview {
    width: 100%;
    text-align: center;
    overflow-x: auto;
}

    .venalia-image-preview img {
        max-width: 90%;
    }

.venalia-image-preview-multiple img {
    width: 20%;
}


/*
    Kanban

*/

.venalia-kanban {
    white-space: nowrap;
    max-width: 100%;
    width: 100%;
    height: 60vh;
}

    .venalia-kanban .dx-scrollable-container {
        overflow-x: auto;
    }

    .venalia-kanban .list {
        border-radius: 8px;
        margin: 5px;
        /*background-color: rgba(192, 192, 192, 0.4);*/
        background-color: transparent;
        border: 2px solid #EDEFF2;
        display: inline-block;
        vertical-align: top;
        white-space: normal;
    }

    .venalia-kanban .list-title {
        font-size: 16px;
        padding: 10px;
        padding-left: 30px;
        margin-bottom: -10px;
        font-weight: bold;
        cursor: pointer;
    }

    .venalia-kanban .list {
        height: 400px;
        width: 19%;
        overflow: hidden;
        /*width: 240px;*/
    }

    .venalia-kanban .dx-scrollable-container {
        overflow: hidden !important;
    }

    .venalia-kanban .dx-scrollable-content {
        width: 99%;
    }

    .venalia-kanban .scrollable-list {
        width: 90%;
        margin: auto;
        /*height: 400px;
        width: 19%;*/
        /*width: 240px;*/
    }

    .venalia-kanban .sortable-cards {
        min-height: 240px
    }

    .venalia-kanban .card {
        position: relative;
        background-color: white;
        box-sizing: border-box;
        width: 95%;
        padding: 10px 20px;
        margin: 10px;
        cursor: grab;
    }

        .venalia-kanban .card .edit-item-kanban {
            position: absolute;
            right: 10px;
            cursor: pointer;
        }

    .venalia-kanban .card-subject {
        padding-bottom: 10px;
    }

    .venalia-kanban .card-assignee {
        opacity: 0.6;
    }

    .venalia-kanban .card-priority {
        position: absolute;
        top: 10px;
        bottom: 10px;
        left: 5px;
        width: 5px;
        border-radius: 2px;
        background: #86C285;
    }

    .venalia-kanban .priority-1 {
        background: #ADADAD;
    }

    .venalia-kanban .priority-2 {
        background: #86C285;
    }

    .venalia-kanban .priority-3 {
        background: #EDC578;
    }

    .venalia-kanban .priority-4 {
        background: #EF7D59;
    }

    .venalia-kanban .sortable-lists {
        display: flex;
    }

#platform-propdata-es, #homefloowsocialframe {
    height: calc(100vh - calc(10rem + 1px)) !important;
}

/*owl Carrousel*/

.owl-prev, .owl-next {
    font-size: 5em !important;
    color: #2B2B2C !important;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    background-color: transparent !important;
    transform: scale(1.4);
}

.venalia-owl-carrousel img:hover {
    cursor: pointer !important;
    /*transform: scale(1.05);*/
}
.venalia-owl-carrousel .owl-item {
    min-width: 240px !important;
    width: 20em !important;
}

/*.owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 30%;
    margin-left: -20px !important;
    display: block !important;
    border: 0px solid black;
}

.owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 30%;
    right: 0px !important;
    display: block !important;
    border: 0px solid black;
}*/

/*Toast*/
.toast-warning > .toast-message {
    color: black !important;
}

.avatar {
    border-radius: 50%;

    display: inline-block;
    vertical-align: middle;

    height: 8rem;
    width: 8rem;
}
.logo {
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    min-height: 3rem;
    min-width: 3rem;
}
.logo-image-preview .logo {
    height: 3rem;
    width: 3rem;
}

.thumbnail {
    border-radius: 10%;
    display: inline-block;
    align-content: end;
    vertical-align: middle;
    height: 6rem;
    width: 6rem;
}

.file-input__input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;

    z-index: -1;
}

.file-input__label {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content:center;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;

    color: #fff;

    font-size: 14px;
    padding: 10px 10px;
    /*background-color: var(--primary);*/
    /*box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);*/
}

/* 
    DevExtreme

*/

/* 
    controls
*/

.dx-widget {
    font-family: 'DM Sans', 'Mulish', 'Trebuchet MS', Roboto, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /*font-style: normal;*/
    font-weight: 600;
    font-size: 1.0rem;
    /*line-height: 20px;*/
}

.dx-datagrid-group-panel .dx-group-panel-message {
    font-size: 12px;
}

.field-customization {
    min-height: 32px;
}

.dx-lookup.field-customization .dx-lookup-field {
    padding: 0 5px;
}

/*.dx-fieldset:first-child{
    display: block;
}*/

.dx-viewport .dx-fieldset {
    /*width: 40%;
    float: left;*/
}

.dx-field > .dx-lookup {
    flex: 1;
}

.dx-fieldset {
    /*display: none;*/
}
.dx-accessibility-rightpanel-button[title="Expressions"] {
    display: none;
}
.dx-accessibility-rightpanel-button[title="Field List"] {
    display: none;
}
.dx-accessibility-rightpanel-button[title="Report Explorer"] {
    display: none;
}

.dxrd-right-panel-header.dxd-text-primary,
.dxrd-right-panel-content.dxrd-export-options-content {
    display: none;
}

[data-bind="visible: isSortingByGroups"], .ui-resizable-handle {
    display: none !important;
}

div[data-bind="visible: isSortingByGroups"] {
    /*display: none !important;*/
}

/* 
    report
*/


/* editor */

.dx-editor {
    /*display: none;*/
}
    .dx-editor.alwaysVisible {
        display: block !important;
    }

    .dx-editor:nth-child(6),
    .dx-editor:nth-child(8),
    .dx-editor:nth-child(10),
    .dx-editor:nth-child(11) {
        /*display: block !important;*/
    }

.dx-overlay-wrapper {
    /*z-index: 1110 !important;*/
}

.dx-toolbar .dx-toolbar-items-container {
    height: 46px;
}

.dx-item.dx-tile.dx-state-hover {
    cursor: pointer;
}

/* rulers */
.dxrd-hruler-wrapper {
    /*display: none;*/
}
.dxrd-hruler {
    display: none;
}
.dxrd-bands-panel-wrapper {
    /*display: none;*/
}
.dxrd-band-vruler {
    display: none;
}
.dxrd-band-marker {
    display: none;
}

/* right tabs */
.dxrd-right-panel {
    /*right: 0px !important;*/
}

.dxrd-right-tabs {
    /*display: none !important;*/
}
.dxrd-right-panel-header {
    /*display: none !important;*/
}
.dxrd-right-panel {
    /*display: none !important;*/
    /*height: auto;*/
    /*width: 0px;*/
}

.dxrd-properties-wrapper {
    /*height: 100% !important;*/
    /*width: auto !important;*/
    /*display: none !important;*/
}

.dxrd-properties-grid {
    margin-top: 0px !important;
}
.dx-property-grid-header {
    display: none !important;
}
.dxrd-properties-grid-actions-group-content {
    /*display: none !important;*/
}
.dxrd-properties-grid {
    border-left: 1px solid #dee2e6;
    background-image: url(/img/dashboard/line.gif);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}


/* designer */

.dx-designer {
    border: 1px solid var(--secondary);
}

.dx-designer-viewport .dxd-back-primary-invariant {
    background-color: transparent !important;
}

.dxrd-designer-wrapper .dx-shadow.dx-shadow-right {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.dxrd-designer-wrapper {
    font-family: 'DM Sans', 'Mulish', 'Poppins', 'Monserrat', 'Mulish', 'Trebuchet MS', Roboto, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif !important;
}

.dxrd-designer-wrapper .dxrd-surface-wrapper {
    /*top: 84px!important;*/
}

    .dxrd-designer-wrapper .dxrd-surface-wrapper .dxrd-surface .dxrd-content-panel-wrapper .dxrd-viewport .dxrd-main .dxrd-intersect {
        font-family: 'DM Sans', 'Mulish', 'Poppins', 'Monserrat', 'Mulish', 'Trebuchet MS', Roboto, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif !important;
        border: 1px solid rgba(255, 0, 0, 0.0) !important;
        background-color: rgba(255, 0, 0, 0.0) !important;
    }

.dxrd-control-border-box {
    border: 1px solid #31B404 !important;
}

/*designer function button*/
.dxrd-control-smart-tags {
    display: none !important;
}

.dxrd-editormenu-box svg {
    display: none !important;
}

/* When ButtonMenu it's Disabled */
.dxrd-toolbar-wrapper {
    left: 0px !important;
}

.dxrd-locked > .dxrd-control-border-box {
    border: 1px solid #DF0101 !important;
}

.dxrd-designer-wrapper .dxrd-surface-wrapper .dxrd-surface .dxrd-content-panel-wrapper .dxrd-viewport .dxrd-selection .dxrd-intersect,
.dxrd-designer-wrapper .dxrd-surface-wrapper .dxrd-surface .dxrd-content-panel-wrapper .dxrd-viewport .dxrd-selection .dxrd-intersect > .ui-resizable-handle {
    border: 1px solid #31B404 !important;
}

    .dxrd-designer-wrapper .dxrd-surface-wrapper .dxrd-surface .dxrd-content-panel-wrapper .dxrd-viewport .dxrd-selection .dxrd-intersect.dxrd-locked {
        border: 1px solid #DF0101 !important;
    }

.dxrd-preview .dx-grid-lines {
    display: none !important;
}

/*
.dxrd-error-panel {
    display: none;
}
*/