html, body, .modContainerGrid, body.swal2-shown.swal2-height-auto {
    height: 100% !important;
    font-family: 'Dosis', sans-serif;
    font-size: 15px;
}

body {
    margin: 0;
    padding: 0;
}


.gridLayout {
    height: 100%;
    display: grid;
    grid-template-rows: min-content auto min-content;
}

header {
    border-bottom: 3px solid #FDC41F;
}


    header .govCo {
        background: #3366CC;
    }

footer {
    background: #241C1D;
    color: #fff;
}

    footer .logoGovco {
        text-align: right;
        padding-bottom: 10px;
        background: #3366CC;
    }

    footer a {
        color: #FDC41F !important;
    }

h1 {
    color: #2676b9;
    border-bottom: 1px solid #FDC41F;
    font-size: 18px;
    padding-bottom: 5px;
    margin-top: 0;
    font-weight: bold;
    margin-bottom: 15px;
}

.dx-form-group-caption {
    color: #2676b9;
    font-weight: bold;
}

.captionSubtitulo .dx-form-group-with-caption > .dx-form-group-content {
    padding-bottom: 0;
}

.captionSubtitulo {
    padding-bottom: 0 !important;
}

    .captionSubtitulo .dx-form-group-caption {
        font-size: 15px;
    }

.dx-form-group-with-caption > .dx-form-group-content {
    border-top: 1px solid #FDC41F;
}

.dx-texteditor.dx-editor-outlined {
    border-color: #e0e0e0 #e0e0e0 #427cc5;
}

.dx-datagrid-header-panel {
    padding-top: 0;
}

.dx-button.dx-button-default.dx-state-disabled.dx-button-mode-contained {
    background: #a4c4e1;
}

.dx-button.dx-button-default.dx-state-disabled .dx-button-text, .dx-button.dx-button-default.dx-state-disabled .dx-icon {
    color: #fff;
}

.grupoForm > .dx-field-item-content > .dx-form-group-with-caption {
    border: 1px solid #6ca2e5;
    padding: 10px 15px;
    border-radius: 5px;
}

.swal2-container.swal2-shown {
    z-index: 99999;
}

.dx-popup-title.dx-toolbar {
    background: #FDC41F;
}

.dx-toolbar {
    color: #611b1b;
}

.listadoColegiosTabla td:first-child {
    padding-right: 5px;
}

.listadoColegiosTabla td:last-child {
    font-weight: bold;
}

.infoExtraColegios .col-md-4 {
    border: 1px solid orange;
}

#componenteListado .dx-item.dx-list-item {
    border: 1px solid #d9d8d5;
    margin-bottom: 5px;
}

.col-md-4:not(.col-md-4:last-child) {
    border-right: none;
}

.infoExtraColegios {
    background: #f7faff;
}

    .infoExtraColegios h5 {
        color: #2676b9;
        border-bottom: 1px solid #FDC41F;
        padding-bottom: 5px;
    }
/*---------------------login------------------*/
.loginPortal {
    background: #f9f9f9;
}

    .loginPortal main {
        align-items: center;
        display: flex;
        justify-content: center;
    }

.loginBox {
    border: 1px solid #FDC41F;
    max-width: 392px;
    margin: 0 auto;
    border-radius: 10px;
    background: #fff;
}

    .loginBox img {
        padding: 15px;
    }

    .loginBox h1 {
        background: #F11300;
        padding: 7px;
        color: #fff;
    }

.ingresoForm {
    max-width: 400px;
    margin: 15px 30px;
}

.infoFoot {
    color: #615555;
    font-weight: bold;
    font-size: 13px;
}

.alert.alert-primary a{
    color:blue;
}

@media(max-width:768px) {
    header .container {
        flex-direction: column
    }

        header .container img {
            align-self: center;
        }

            header .container img:first-child {
                margin-bottom: 10px;
            }
}