@charset "UTF-8";
/*!
 * UtcamCSS  v1.0.0 (https://utcam.edu.mx/)
 * Copyright 2022-2023 UDES
 * Licensed under MIT (https://github.com/utcam/themecss/main/LICENSE)
 */


/*!
 * SuccessHEX: #198754 !important;
 * SuccessRGB: 25, 135, 84 !important;
 * SuccessSUB: #d1e7dd !important;
 * LightSUB: #fcfcfd !important;
*/

html,
body {
    /*height: 100% !important;*/
    margin: 0 !important;
    padding:0 !important;
    overflow: hidden;
    
    
}

.main-box {
    display: block !important;
    height: 100%;
  
}

.main-box .row.main-header {
    height: 10% !important;
}

    .main-box .row.main-body {
        height: 80% !important;
        overflow-x: auto;
    }

    .main-box .row.main-footer {
        text-align:center;
        height: 10% !important;
        background-color:#4e4949 !important;
        bottom:0;
        position:fixed;
        width:100%;
        z-index:1049;
        
           
    }

.bg-image {
    background-image: url("../../Assets/Resources/fondo.png");
    /* Para dejar la imagen de fondo centrada, vertical y

horizontalmente */
    background-origin:content-box;
    background-position: 70% center;

    /* Para que la imagen de fondo no se repita */

    /* La imagen se fija en la ventana de visualización para que la altura de la imagen no supere a la del contenido */
    background-attachment:fixed;
    /* La imagen de fondo se reescala automáticamente con el cambio del ancho de ventana del navegador */
    background-size:cover;
    background-color: #198754;
}

.form-control:focus {
    border-color: #198754 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 0 8px rgba(25, 135, 84, 0.5) !important;
    outline: 0 none !important;
}

.form-select:focus {
    border-color: #198754 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 0 8px rgba(25, 135, 84, 0.5) !important;
    outline: 0 none !important;
}

.nav-link {
    color: #198754 !important;
    background-color: #fcfcfd !important;
}

.nav-pills {
    color: #198754 !important;
    background-color: #FFFFFF !important;
}

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #198754 !important;
        background-color: #d1e7dd !important;
    }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #198754;
    opacity:0.8;
}
 .radio label,
 .checkbox label {
    display: inline-block;
    cursor: pointer;
    color: #006633;
    position: relative;
    padding: 5px 15px 5px 51px;
    font-size: 1em;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

     .radio label:hover,
     .checkbox label:hover {
        background: rgba(0,102,51, 0.1);
    }

     .radio label:before,
     .checkbox label:before {
        content: "";
        display: inline-block;
        width: 17px;
        height: 17px;
        position: absolute;
        left: 15px;
        border-radius: 50%;
        background: none;
        border: 3px solid #006633;
    }

 input[type="radio"] {
    display: none;
}

     input[type="radio"]:checked + label:before {
        display: none;
    }

     input[type="radio"]:checked + label {
        padding: 5px 15px;
        background: #006633;
        border-radius: 2px;
        color: #fff;
    }


/*@media screen and (max-width: 800px) {

    table,
    thead,
    tbody,
    th,
    td,
    tr {
        display: block !important;
    }

        thead tr {
            position: absolute !important;
            top: -9999px !important;
            left: -9999px !important;
        }

    td {
        position: relative !important;
        padding-left: 50% !important;
        white-space: normal !important;
        text-align: left !important;
    }

        td:before {
            position: absolute !important;
            top: 10px !important;
            left: 10px !important;
            width: 40% !important;
            padding-right: 10px !important;
            white-space: nowrap !important;
            text-align: left !important;
            font-weight: bold !important;
        }

        td:before {
            content: attr(data-title) !important;
        }
}*/
.side-fixed {
    position: fixed !important;
    top: 50% !important;
    left: 0% !important;
}