:root {
    --color-primario: #a5d6ef;
    --color-secundario: #0e3e67;
    --color-detalles: #567895;
    --color-detalles-hover: #a5d6ef;
    --color-barra-hover: #1a71bc;
}

body a {
    color: var(--color-primario);
}

body .profile-info.dropdown .dropdown-menu {
    background: var(--color-primario);
    border-color: var(--color-primario);
}

    body .profile-info.dropdown .dropdown-menu > li {
        border-bottom-color: transparent;
    }

    body .profile-info.dropdown .dropdown-menu li a {
        color: #f8e0e0;
    }

        body .profile-info.dropdown .dropdown-menu li a:hover {
            background: var(--color-secundario);
        }

body .page-container .sidebar-menu {
    background: var(--color-secundario);
    color: #000;
}

body .page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search .search-input {
    background-color: var(--color-secundario) !important;
    border-color: var(--color-detalles) !important;
}

body .page-container .sidebar-menu #main-menu li#search {
    background-color: var(--color-secundario);
    border-color: var(--color-detalles);
}

body .page-container .sidebar-menu #main-menu li ul {
    border-color: rgba(162, 36, 36, 0.5);
}

    body .page-container .sidebar-menu #main-menu li ul > li {
        border-color: rgba(162, 36, 36, 0.5);
    }

        body .page-container .sidebar-menu #main-menu li ul > li > a {
            background-color: var(--color-primario);
        }

body .page-container .sidebar-menu #main-menu li.active > a {
    background: var(--color-secundario);
}

body .page-container .sidebar-menu #main-menu li ul > li > a {
    background-color: var(--color-secundario);
}

body .page-container .sidebar-menu .logo-env > div.sidebar-collapse a,
body .page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a {
    border-color: var(--color-detalles);
}

    body .page-container .sidebar-menu .logo-env > div.sidebar-collapse a:hover {
        background: var(--color-secundario);
    }

body .page-container .sidebar-menu .sidebar-user-info {
    border-color: var(--color-detalles);
}

    body .page-container .sidebar-menu .sidebar-user-info .sui-hover {
        background-color: var(--color-primario);
    }

body .page-container .sidebar-menu #main-menu li {
    border-color: var(--color-detalles);
}

    body .page-container .sidebar-menu #main-menu li a {
        color: #f8e0e0;
    }

        body .page-container .sidebar-menu #main-menu li a:hover {
            background-color: var(--color-barra-hover);
        }

    body .page-container .sidebar-menu #main-menu li ul > li > a:hover {
        background-color: #8f1818;
    }

body .page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul li {
    border-color: var(--color-detalles);
}

body .page-container .sidebar-menu #main-menu li ul > li ul > li > a {
    background-color: #7a1616;
}

body .page-container .sidebar-menu #main-menu li ul > li ul > li ul > li > a {
    background-color: #7a1616;
}

body .page-container .sidebar-menu #main-menu li ul > li ul > li ul > li ul > li > a {
    background-color: #7a1616;
}

body .page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a > span:not(.badge) {
    background: var(--color-primario);
    border-color: var(--color-detalles);
}

body .page-container.sidebar-collapsed .sidebar-menu #main-menu > li ul {
    border-color: var(--color-detalles);
}

body .profile-info.dropdown .dropdown-menu > .caret {
    border-bottom-color: var(--color-primario);
}

body #chat {
    background: var(--color-primario);
}

    body #chat .chat-header {
        color: #FFF;
        border-bottom: 1px solid var(--color-detalles);
    }

    body #chat .chat-group > a:hover,
    body #chat .chat-group > a.active {
        background: var(--color-detalles);
    }

    body #chat .chat-group > strong {
        color: rgba(255, 255, 255, 0.4);
    }

    body #chat .chat-conversation {
        background: #7a1616;
    }

        body #chat .chat-conversation .conversation-body > li.odd,
        body #chat .chat-conversation .conversation-body > li.even,
        body #chat .chat-conversation .conversation-body > li.opponent {
            background: var(--color-secundario);
        }

        body #chat .chat-conversation .conversation-header {
            border-color: var(--color-detalles);
        }

        body #chat .chat-conversation .chat-textarea textarea {
            background: var(--color-secundario);
            box-shadow: none;
            border-color: var(--color-secundario);
        }

    body #chat .chat-group > a:before {
        border-color: transparent transparent transparent #7a1616;
    }

body.login-page .login-form .form-group .input-group {
    border-color: var(--color-detalles);
}

body.login-page {
    background: var(--color-secundario);
    color: rgba(255, 255, 255, 0.5);
}

    body.login-page .login-form .form-group .input-group .form-control::-webkit-input-placeholder {
        color: #f8e0e0;
    }

    body.login-page .login-form .form-group .input-group .form-control:-moz-placeholder {
        color: #f8e0e0;
    }

    body.login-page .login-form .form-group .input-group .form-control::-moz-placeholder {
        color: #f8e0e0;
    }

    body.login-page .login-form .form-group .input-group .form-control:-ms-input-placeholder {
        color: #f8e0e0;
    }

    body.login-page .login-form .form-group .input-group {
        background: var(--color-primario);
        border-color: var(--color-detalles);
    }

        body.login-page .login-form .form-group .input-group.focused {
            border-color: var(--color-detalles-hover);
        }

        body.login-page .login-form .form-group .input-group .input-group-addon:after {
            background: var(--color-detalles);
        }

    body.login-page .login-form .form-group .btn-login {
        background: var(--color-secundario);
        border-color: var(--color-detalles);
    }

        body.login-page .login-form .form-group .btn-login:hover {
            background: var(--color-primario);
        }

body .login-container .login-header {
    background-color: var(--color-primario);
}

    body .login-container .login-header.login-caret:after {
        border-top-color: var(--color-primario);
    }

body.login-page.logging-in .login-progressbar {
    background: #cc2424;
    height: 2px;
}

    body.login-page.logging-in .login-progressbar div {
        background: #ffba00;
    }

body .tile-primary {
    background: var(--color-primario);
}

    body .tile-primary .tile-entry {
        border-color: var(--color-detalles);
    }

    body .tile-primary .title {
        background: #821717;
    }

body .tile-white-primary .num,
body .tile-white-primary h3,
body .tile-white-primary p {
    color: var(--color-detalles);
}

body .btn-primary {
    background: var(--color-secundario);
    border-color: var(--color-secundario);
}

body .panel-invert {
    background: var(--color-primario);
}

body .navbar-inverse {
    border-color: var(--color-primario);
    background: var(--color-primario);
}

    body .navbar-inverse .navbar-nav > li > a {
        color: #f8e0e0;
    }

    body .navbar-inverse .navbar-nav > .open > a,
    body .navbar-inverse .navbar-nav > .open > a:hover,
    body .navbar-inverse .navbar-nav > .open > a:focus {
        background: var(--color-secundario);
    }

    body .navbar-inverse .navbar-nav > .active > a,
    body .navbar-inverse .navbar-nav > .active > a:hover,
    body .navbar-inverse .navbar-nav > .active > a:focus {
        background: var(--color-secundario);
    }

body .badge.badge-primary,
body .label-primary {
    background-color: var(--color-primario);
}

body .badge.badge-secondary,
body .label-secondary {
    background-color: #ffba00;
}

body .pagination > .active > a,
body .pagination > .active > span,
body .pagination > .active > a:hover,
body .pagination > .active > span:hover,
body .pagination > .active > a:focus,
body .pagination > .active > span:focus {
    border-color: var(--color-primario);
    background: var(--color-primario);
}

body div.datepicker table tr td.active,
body div.datepicker table tr td.active:hover,
body div.datepicker table tr td.active.disabled,
body div.datepicker table tr td.active.disabled:hover {
    background-color: var(--color-primario);
}

body.login-page .login-form .form-group.lockscreen-input .lockscreen-thumb img {
    border-color: var(--color-secundario);
}

body.login-page .login-content a {
    color: #f8e0e0;
}

body .input-group-addon {
    color: #f8e0e0;
}

body.page-left-in,
body.page-right-in,
body.page-fade-only,
body.page-fade {
    background: var(--color-primario) !important;
}

body .page-container .sidebar-menu #main-menu li#search button i {
    color: #f8e0e0;
}

body .btn-primary.btn-icon i {
    background-color: rgba(0, 0, 0, 0.2);
}

body .btn-primary:hover,
body .btn-primary:focus,
body .btn-primary:active,
body .btn-primary.active,
body .open .dropdown-toggle.btn-primary {
    background: var(--color-barra-hover);
    border-color: var(--color-barra-hover);
}

body .tile-block .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
    background: var(--color-primario);
}

body .page-container.horizontal-menu header.navbar {
    background: var(--color-primario);
}

body .page-container.horizontal-menu.with-sidebar header.navbar {
    border-color: var(--color-detalles);
}

body .page-container.horizontal-menu.with-sidebar .sidebar-user-info {
    border-color: var(--color-detalles);
}

body .page-container.horizontal-menu header.navbar .navbar-nav > li > a {
    border-right-color: rgba(162, 36, 36, 0.5);
    color: #f8e0e0;
}

body .page-container.horizontal-menu header.navbar .navbar-nav > li.active > a {
    background: var(--color-secundario);
}

body .page-container.horizontal-menu header.navbar .navbar-nav {
    border-left-color: rgba(162, 36, 36, 0.5);
}

    body .page-container.horizontal-menu header.navbar .navbar-nav > li#search {
        border-right-color: rgba(162, 36, 36, 0.5);
    }

    body .page-container.horizontal-menu header.navbar .navbar-nav > li:hover > a {
        background: var(--color-secundario);
    }

    body .page-container.horizontal-menu header.navbar .navbar-nav > li ul {
        background: var(--color-primario);
    }

body .page-container.horizontal-menu header.navbar ul.nav > li.dropdown.open {
    background: var(--color-secundario);
}

body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li a {
    border-color: var(--color-detalles);
}

body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li:hover > a {
    background: var(--color-secundario);
}

body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li.active > a {
    background: var(--color-secundario);
}

body .page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search .search-input,
body .page-container.horizontal-menu header.navbar > ul > li#search .search-input {
    background: var(--color-secundario);
    border-color: var(--color-detalles);
}

body .page-container.horizontal-menu header.navbar .navbar-nav > li#search.search-input-collapsed:hover {
    border-color: var(--color-detalles);
    background: var(--color-secundario);
}

body .page-container.horizontal-menu header.navbar ul.nav > li.sep {
    border-color: var(--color-detalles);
}

body .page-container.horizontal-menu header.navbar ul.nav > li > a,
body .page-container.horizontal-menu header.navbar ul.nav > li > span {
    color: #f8e0e0;
}

body .entypo-menu {
    color: #f8e0e0;
}

body .page-container .sidebar-menu #main-menu li#search .search-input {
    color: #f8e0e0;
}

    body .page-container .sidebar-menu #main-menu li#search .search-input::-webkit-input-placeholder {
        color: #f8e0e0;
    }

    body .page-container .sidebar-menu #main-menu li#search .search-input:-moz-placeholder {
        color: #f8e0e0;
    }

    body .page-container .sidebar-menu #main-menu li#search .search-input::-moz-placeholder {
        color: #f8e0e0;
    }

    body .page-container .sidebar-menu #main-menu li#search .search-input:-ms-input-placeholder {
        color: #f8e0e0;
    }

body #chat .chat-group > a {
    color: #f8e0e0;
}

body .conversation-body,
body #chat .entypo-cancel,
body #chat .chat-conversation .chat-textarea:after {
    color: #f8e0e0;
}

body #chat .chat-conversation .chat-textarea textarea::-webkit-input-placeholder {
    color: #f8e0e0;
}

body #chat .chat-conversation .chat-textarea textarea:-moz-placeholder {
    color: #f8e0e0;
}

body #chat .chat-conversation .chat-textarea textarea::-moz-placeholder {
    color: #f8e0e0;
}

body #chat .chat-conversation .chat-textarea textarea:-ms-input-placeholder {
    color: #f8e0e0;
}

body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li a {
    color: #f8e0e0;
}

body .page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search button i,
body .page-container.horizontal-menu header.navbar > ul > li#search button i {
    color: #f8e0e0;
}

body .page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover.has-sub > a:hover,
body .page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover.has-sub > a:hover {
    color: #f8e0e0;
}

body .panel-invert > .panel-heading,
body .modal.invert .modal-dialog .modal-content .modal-header,
body .modal.invert .modal-dialog .modal-content .modal-footer {
    background: var(--color-primario);
    border-color: var(--color-detalles);
}

body .panel-invert > .panel-body,
body .modal.invert .modal-dialog .modal-content {
    background: var(--color-primario);
    color: #f8e0e0;
}

body .modal.invert .modal-dialog .modal-content {
    border-color: var(--color-primario);
}

body .panel-invert {
    border-color: var(--color-primario);
}

    body .panel-invert > .panel-heading > .panel-options > a.bg,
    body .modal.invert .modal-dialog .modal-content .modal-header .close {
        background-color: var(--color-secundario);
    }

        body .panel-invert > .panel-heading > .panel-options > a.bg:hover {
            background-color: #7a1616;
        }

body a.list-group-item.active,
body a.list-group-item.active:hover,
body a.list-group-item.active:focus {
    background-color: var(--color-primario);
    border-color: var(--color-primario);
}

    body a.list-group-item.active .list-group-item-text,
    body a.list-group-item.active:hover .list-group-item-text,
    body a.list-group-item.active:focus .list-group-item-text {
        color: #f8e0e0;
    }

body .popover.popover-primary {
    background-color: var(--color-primario);
    border-color: var(--color-primario);
}

    body .popover.popover-primary .popover-title {
        background-color: #7a1616;
        border-color: #7a1616;
    }

    body .popover.popover-primary.top .arrow {
        border-top-color: var(--color-primario);
    }

        body .popover.popover-primary.top .arrow:after {
            border-top-color: var(--color-primario);
        }

    body .popover.popover-primary.right .arrow {
        border-right-color: var(--color-primario);
    }

        body .popover.popover-primary.right .arrow:after {
            border-right-color: var(--color-primario);
        }

    body .popover.popover-primary.bottom .arrow {
        border-bottom-color: var(--color-primario);
    }

        body .popover.popover-primary.bottom .arrow:after {
            border-bottom-color: var(--color-primario);
        }

    body .popover.popover-primary.left .arrow {
        border-left-color: var(--color-primario);
    }

        body .popover.popover-primary.left .arrow:after {
            border-left-color: var(--color-primario);
        }

body .popover.popover-secondary {
    background-color: #ffba00;
    border-color: #ffba00;
}

    body .popover.popover-secondary .popover-title {
        background-color: #ffba00;
        border-color: #ffba00;
    }

    body .popover.popover-secondary.top .arrow {
        border-top-color: #ffba00;
    }

        body .popover.popover-secondary.top .arrow:after {
            border-top-color: #ffba00;
        }

    body .popover.popover-secondary.right .arrow {
        border-right-color: #ffba00;
    }

        body .popover.popover-secondary.right .arrow:after {
            border-right-color: #ffba00;
        }

    body .popover.popover-secondary.bottom .arrow {
        border-bottom-color: #ffba00;
    }

        body .popover.popover-secondary.bottom .arrow:after {
            border-bottom-color: #ffba00;
        }

    body .popover.popover-secondary.left .arrow {
        border-left-color: #ffba00;
    }

        body .popover.popover-secondary.left .arrow:after {
            border-left-color: #ffba00;
        }

body .tooltip.tooltip-primary .tooltip-inner {
    background-color: var(--color-primario);
    color: #f8e0e0;
}

body .tooltip.tooltip-primary.top .tooltip-arrow {
    border-top-color: var(--color-primario);
}

body .tooltip.tooltip-primary.top-left .tooltip-arrow {
    border-top-color: var(--color-primario);
}

body .tooltip.tooltip-primary.top-right .tooltip-arrow {
    border-top-color: var(--color-primario);
}

body .tooltip.tooltip-primary.right .tooltip-arrow {
    border-right-color: var(--color-primario);
}

body .tooltip.tooltip-primary.left .tooltip-arrow {
    border-left-color: var(--color-primario);
}

body .tooltip.tooltip-primary.bottom .tooltip-arrow {
    border-bottom-color: var(--color-primario);
}

body .tooltip.tooltip-primary.bottom-left .tooltip-arrow {
    border-bottom-color: var(--color-primario);
}

body .tooltip.tooltip-primary.bottom-right .tooltip-arrow {
    border-bottom-color: var(--color-primario);
}

body .tooltip.tooltip-secondary .tooltip-inner {
    background-color: #ffba00;
    color: #f8e0e0;
}

body .tooltip.tooltip-secondary.top .tooltip-arrow {
    border-top-color: #ffba00;
}

body .tooltip.tooltip-secondary.top-left .tooltip-arrow {
    border-top-color: #ffba00;
}

body .tooltip.tooltip-secondary.top-right .tooltip-arrow {
    border-top-color: #ffba00;
}

body .tooltip.tooltip-secondary.right .tooltip-arrow {
    border-right-color: #ffba00;
}

body .tooltip.tooltip-secondary.left .tooltip-arrow {
    border-left-color: #ffba00;
}

body .tooltip.tooltip-secondary.bottom .tooltip-arrow {
    border-bottom-color: #ffba00;
}

body .tooltip.tooltip-secondary.bottom-left .tooltip-arrow {
    border-bottom-color: #ffba00;
}

body .tooltip.tooltip-secondary.bottom-right .tooltip-arrow {
    border-bottom-color: #ffba00;
}

body .horizontal-menu header.navbar .navbar-inner > ul > li#search .search-input::-webkit-input-placeholder,
body .horizontal-menu header.navbar > ul > li#search .search-input::-webkit-input-placeholder {
    color: #f8e0e0;
}

body .horizontal-menu header.navbar .navbar-inner > ul > li#search .search-input:-moz-placeholder,
body .horizontal-menu header.navbar > ul > li#search .search-input:-moz-placeholder {
    color: #f8e0e0;
}

body .horizontal-menu header.navbar .navbar-inner > ul > li#search .search-input::-moz-placeholder,
body .horizontal-menu header.navbar > ul > li#search .search-input::-moz-placeholder {
    color: #f8e0e0;
}

body .horizontal-menu header.navbar .navbar-inner > ul > li#search .search-input:-ms-input-placeholder,
body .horizontal-menu header.navbar > ul > li#search .search-input:-ms-input-placeholder {
    color: #f8e0e0;
}






/*ccs de menu inyectado directo*/
/*modificacion de fondo barra lateral*/
body .page-container .sidebar-menu {
    background: var(--color-secundario);
    color: #ffffff;
}

/*modificacion de hover de botones de barra lateral*/
body .page-container .sidebar-menu #main-menu li a:hover {
    background-color: var(--color-barra-hover);
}

body .page-container .sidebar-menu #main-menu li ul>li>a:hover {
    background-color: var(--color-barra-hover);
}

/*modificaciones de botones de configuracion -> idioma*/
body .page-container .sidebar-menu #main-menu li ul > li ul > li > a {
    background-color: var(--color-secundario);
}

/*modificaciones de focus, cuando la barra lateral esta colapsada*/
body .page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a > span:not(.badge) {
    background: var(--color-secundario);
    border-color: var(--color-detalles);
}

/*modificaciones de lineas que separan a sub botones de pedidos*/
body .page-container .sidebar-menu #main-menu li ul {
    border-color: var(--color-detalles);
}

body .page-container .sidebar-menu #main-menu li ul>li {
    border-color: var(--color-detalles);
}

/*modificacion de boton que se usa para cerrar sesion o contactar con soporte*/
.page-container .sidebar-menu .sidebar-user-info .sui-hover.visible .close-sui-popup {
    zoom: 3;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    color: rgb(0 0 0 / 60%);
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover .close-sui-popup {
    position: absolute;
    right: 5px;
    top: 1px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 11px;
    cursor: pointer;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.inline-links a {
    line-height: 52px;
    color: rgb(0 0 0 / 60%);
    display: inline-block;
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a {
    font-size: 13px;
}

.page-container .sidebar-menu .sidebar-user-info .sui-hover.animate-in a:hover {
    transform: scale(1.1);
}

/*modificacion particular de edicion promotor-botones*/

.btn-info {
    color: #fff;
    background-color: var(--color-secundario);
    border-color: var(--color-secundario);
}

.btn-info:hover {
    color: #fff;
    background-color: var(--color-barra-hover);
    border-color: var(--color-barra-hover);
}