﻿input:focus {
    box-shadow: 0 0 0 0.15rem rgba(84, 86, 90, 0.4) !important;
}

.logo-sm > span > .header-logo-educacion {
    height: 42px;
    min-height: 42px;
}

.logo-sm > span > .header-logo-tam {
    height: 60px;
    min-height: 60px;
}

.logo-sm > span > .header-logo-siie {
    height: 30px;
}

.logo-lg .header-logo-educacion {
    height: 45px;
}

.logo-lg .header-logo-tam {
    height: 70px;
}

.logo-lg .header-logo-siie {
    height: 35px;
}

.hd-logo-lg {
    width: calc(100% - 250px);
    min-width: calc(100% - 250px) !important;
}

.form-select:focus {
    box-shadow: 0 0 0 0.15rem rgba(84, 86, 90, 0.4) !important;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

    .no-margin > label {
        margin: 0 !important;
    }

/*Color primario rojo*/
.color-primary {
    color: #ab0033 !important;
}

.background-primary {
    background: #ab0033 !important;
    border-color: #ab0033 !important;
    color: white !important;
}

.background-color-primary-100 {
    background: #ab0033 !important;
}

.background-color-primary-80 {
    background: rgba(171, 0, 51, 0.8) !important;
}

/*Color secundario dorado*/
.color-secondary {
    color: #ab0033 !important;
}

.background-secondary {
    background: #bc955c !important;
    border-color: #bc955c !important;
    color: white !important;
}

.border-color-secondary {
    color: #bc955c !important;
    border-color: #bc955c !important;
}

.background-color-secondary-80 {
    background: rgba(188, 149, 92, 0.8) !important;
}

/* COLOR PANTONE CREMA */
.color-panthone-468 {
    color: #ddc9a3;
}

.bg-panthone-468 {
    background-color: #ddc9a3;
}

.background-color-pantone468-80 {
    background: rgba(221, 201, 163, 0.8) !important;
}

.background-color-pantone468-50 {
    background: rgba(221, 201, 163, 0.5) !important;
}

/* COLOR PANTONE GRIS */
.color-panthone-11 {
    color: #54565a !important;
}

.bg-panthone-11 {
    background-color: #54565a;
}

.background-color-pantone11-80 {
    background: rgba(84, 86, 90, 0.8) !important;
}

.background-color-pantone11-50 {
    background: rgba(84, 86, 90, 0.5) !important;
}

/* COLOR BALNCO */
.color-white {
    color: white;
}

/* BOTONES DE PALETA DE COLORES */
/* COLOR PANTONE 187 */
.btn-primary {
    background: rgba(171, 0, 51, 1) !important;
    border-color: #ab0033 !important;
    color: white !important;
}

    .btn-primary:hover:not(:disabled):not(.aspNetDisabled) {
        background: rgba(151, 0, 51, 1) !important;
        border-color: #ab0033 !important;
        color: white !important;
    }

    .btn-primary:disabled, .btn-primary.aspNetDisabled {
        background: rgba(171, 0, 51, 0.7) !important;
        border-color: rgba(171, 0, 51, 0.7) !important;
        color: white !important;
    }

/* COLOR PANTONE 187 */
.btn-secondary {
    background: rgba(188, 149, 92, 1) !important;
    border-color: rgba(188, 149, 92, 1) !important;
    color: white !important;
}

    .btn-secondary:hover:not(:disabled):not(.aspNetDisabled) {
        background: rgba(201, 171, 134, 1) !important;
        border-color: rgba(201, 171, 134, 1) !important;
        color: white !important;
    }

    .btn-secondary:disabled, .btn-secondary.aspNetDisabled {
        background: rgba(188, 149, 92, 0.7) !important;
        border-color: rgba(188, 149, 92, 0.7) !important;
        color: white !important;
    }

/* COLOR PANTONE GRIS */
.btn-third {
    background: rgba(84, 86, 90, 1) !important;
    border-color: rgba(84, 86, 90, 1) !important;
    color: white !important;
}

    .btn-third:hover:not(:disabled):not(.aspNetDisabled) {
        background: rgba(70, 72, 76, 1) !important;
        border-color: rgba(70, 72, 76, 1) !important;
        color: white !important;
    }

    .btn-third:disabled, .btn-third.aspNetDisabled {
        background: rgba(84, 86, 90, 0.7) !important;
        border-color: rgba(84, 86, 90, 0.7) !important;
        color: white !important;
    }

/* COLOR PANTONE CREMA */
.btn-fourth {
    background: rgba(221, 201, 164, 1) !important;
    border-color: rgba(221, 201, 164, 1) !important;
    color: white !important;
}

    .btn-fourth:hover:not(:disabled):not(.aspNetDisabled) {
        background: rgba(201, 171, 134, 1) !important;
        border-color: rgba(201, 171, 134, 1) !important;
        color: white !important;
    }

    .btn-fourth:disabled, .btn-fourth.aspNetDisabled {
        background: rgba(84, 86, 90, 0.7) !important;
        border-color: rgba(84, 86, 90, 0.7) !important;
        color: white !important;
    }


.text-bold {
    font-weight: bolder;
}

.atendido-color {
    background-color: darkgreen !important;
}

.validado-color {
    background-color: darkolivegreen !important;
}

.registrado-color {
    background-color: darkgray !important;
}

.validacion-color {
    background-color: olivedrab !important;
}

.accordion-button {
    color: white;
    background-color: #ab0033;
}

    .accordion-button:not(.collapsed) {
        color: white;
        background-color: rgb(171 0 51 / 80%);
    }

    .accordion-button::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

    .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

.radioButtonAsp input {
    float: left;
    margin-left: -1.5em;
    margin-top: 0.25em;
}

.radioButtonAsp label {
    margin-left: 5px !important;
}



/*ESTILOS DE TABLAS*/
.gridbordetodosmenosderecho {
    /*border-left: .5px solid;
    border-left-color: #ab0033;
    border-bottom: .5px solid;
    border-bottom-color: #ab0033;*/
    /*border-top: .5px solid;
            border-top-color: #ab0033;*/
    /*Font-Size: 13px;*/
}

.gridprincipal {
    background-color: #ab0033;
    color: White;
    text-align: left;
    border: .5px solid;
    border-color: #ab0033;
    Font-Size: 13px;
}