﻿body {
}


.dxbl-btn.menu-button {
    --dxbl-btn-color: var(--bs-blue, var(--white)) !important;
}

.grid-icon-delete {
    background-image: url(../images/clear.png);
}

.dxbl-pager > .dxbl-btn.dxbl-btn-outline-secondary:not(.dxbl-disabled):not(:disabled):hover {
    color: var(--bs-secondary);
}

.dxbl-menu .dxbl-menu-item-list > .dxbl-menu-list-item > .dxbl-menu-item > .dxbl-btn:not(.dxbl-disabled):not(:disabled):hover:not(.dxbl-selected):not(.dxbl-active) {
    color: var(--bs-secondary);
}

.dxbl-menu-item-mute-selection:hover {
    color: var(--bs-secondary);
}

.home-icon {
    background-image: url(../images/home-icon.png);
}

    .home-icon:hover {
        background-image: url(../images/home-icon-yellow.png);
    }

.system-icon {
    background-image: url(../images/system-icon.png);
}

    .system-icon:hover {
        background-image: url(../images/system-icon-yellow.png);
    }

.users-icon {
    background-image: url(../images/users-icon.png);
}

    .users-icon:hover {
        background-image: url(../images/users-icon-yellow.png);
    }
.bg-blue {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.depto-icon {
    background-image: url(../images/depto-icon.png);
}

    .depto-icon:hover {
        background-image: url(../images/depto-icon-yellow.png);
    }

.asign-icon {
    background-image: url(../images/asign-icon.png);
}

    .asign-icon:hover {
        background-image: url(../images/asign-icon-yellow.png);
    }

.rol-icon {
    background-image: url(../images/rol-icon.png);
}

    .rol-icon:hover {
        background-image: url(../images/rol-icon-yellow.png);
    }

.new-icon {
    background-image: url(../images/new-icon.png);
}

    .new-icon:hover {
        background-image: url(../images/new-icon-yellow.png);
    }

.edit-icon {
    background-image: url(../images/edit-icon.png);
}

    .edit-icon:hover {
        background-image: url(../images/edit-icon-yellow.png);
    }

.type-icon {
    background-image: url(../images/type-icon.png);
}

    .type-icon:hover {
        background-image: url(../images/type-icon-yellow.png);
    }

.profile-icon {
    background-image: url(../images/profile-icon.png);
}

    .profile-icon:hover {
        background-image: url(../images/profile-icon-yellow.png);
    }

.exit-icon {
    background-image: url(../images/exit-icon.png);
}

    .exit-icon:hover {
        background-image: url(../images/prop-icon-yellow.png);
    }

.prop-icon {
    background-image: url(../images/prop-icon.png);
}

    .prop-icon:hover {
        background-image: url(../images/prop-icon-yellow.png);
    }

.title-icon {
    display: inline-block;
    margin-right: 15px;
    height: calc(1.375rem + .2vw) !important;
    background-size: contain;
    min-width: calc(1.8rem);
    margin-left: 8px;
}

.logo {
    max-height: 30px;
}

.authentication-bg {
    background-image: url(../images/authentication-bg.jpg);
    height: 100vh;
    background-size: cover;
    /*background-position: center;*/
}

.bg-container {
    background-image: linear-gradient(180deg, var(--bs-primary) 0%, var(--bs-black) 150%);
    width: 48%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 35px;
}

.bg-container-green {
    background-image: linear-gradient(180deg, var(--bs-success-border-subtle) 0%, var(--bs-success-bg-subtle) 40%) !important;
}

.profile {
    border-bottom: 1px dashed white;
    padding-left: 25%;
    margin-bottom: 20px;
}

.logoff {
    border-top: 1px dashed;
    margin-top: 25px;
}

/*cuxtomizaciones a devexpress css*/
.dxbl-modal {
    --dxbl-popup-max-width: 60%;
    --dxbl-popup-width: 60%;
}

.msg-hide {
    display: none;
}

.modal-show {
    display: block;
}

.msg-show button {
    color: #fff !important;
    font-size: 20px;
    right: 10px;
    position: absolute !important;
    filter: none;
    --bs-btn-close-white-filter: invert(0) grayscale(100%) brightness(200%);
    line-height: 20px;
}

.btn-close {
    --bs-btn-close-color: #fff;
}

.dxbl-text-edit {
    /*dxbl-text-edit-input*/
    --dxbl-text-edit-focus-shadow-color: rgba(var(--bs-secondary-rgb), 25%);
    /*--dxbl-text-edit-focus-shadow-spread: 0.125rem;
    --dxbl-text-edit-focus-shadow-blur: 0rem;*/
    --dxbl-text-edit-focus-border-color: rgba(var(--bs-secondary-rgb), 75%)
}

.dxbl-btn-secondary.dxbl-btn:not(.dxbl-disabled):not(:disabled):hover {
    border-color: white;
    background: none;
    background-color: none;
    color: var(--bs-secondary-rgb);
}

.dxbl-btn:not(.dxbl-disabled):not(:disabled):hover {
    color: var(--bs-secondary);
}

@media (max-width: 768px) {
    #sidebar.auto-expanded .menu-button {
        height: 3.4rem !important;
    }
}
.logo-pidacheque {
    background-image: url(../images/pidacheque_logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: auto;
    min-height: 100px;
     /* Altura mínima */
    max-height: 300px;
}

/*.authentication-bg {
    background-image: url(../images/authentication-bg.jpg);
    height: 100vh;
    background-size: cover;*/
    /*background-position: center;*/
    /*}
.logo-pidacheque {
    background-image: url(../images/pidacheque_logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: auto;
    min-height: 100px;*/ /* Altura mínima */
    /*max-height: 300px;
}
.bg-container {
    background-image: linear-gradient(180deg, var(--bs-primary) 0%, var(--bs-black) 150%);
    width: 48%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 35px;
}*/