body
{
     background  :#ffff;/*#FDEBD0; */
}
.divider:after,
.divider:before {
    content: "";
    flex: 1;
    height: 1px;
    background: #117b3b;
}

.h-custom {
    height: calc(100% - 73px);
}

@media (max-width: 450px) {
    .h-custom {
        height: 100%;
    }
}
/*#sec_todo
{    
    border-radius :0.5em;  
    max-width     :1170px; 
    background    :white;
    margin        :0.5em auto;
    height        :500px;
    }

header {
    background: #ffff;
    margin: 0.1em auto;
    max-width: 1170px;
    padding: 0.25em;
    font-weight: bold;
    border-radius: 0.5em;
    color: #1F7A40;
}
    
#art_imgLogo,#asi_NombreEscuela
{
    display          :inline-block;
    margin           :0.3em auto;
    max-width        :1170px;
    min-width        :210px;
    padding          :0.2em;
    vertical-align   :top;  
    width            :10%;
    text-align       :center;
}

#asi_NombreEscuela
{
    text-align       :center;
    width            :65%;
}
 
 
 #imgLogo
 {
     margin          :0.5em auto;
     height          :100px;
     width           :240px;
 }

*/
h1
{    
    color:white;
    
    font-size:1.5em;
}

label{
    font-size    :0.8em;   
    color:white;
}

.parrafo1
{
    font-size    :0.5em;
    font-style   :italic;    
    color:white;
    text-shadow  :5px 5px 5px #cc6c40;
}
 
#contenedor_Principal,#artReporte
{
    background:white;
    /*height:2350px;*/
    height:750px;
}

#art_menu,#asi_ContenedorFinal
{
    background       :white;
    display          :inline-block;
    margin           :0.5em auto;
    max-width        :1170px;
    min-width        :200px;
    padding          :0.25em;
    vertical-align   :top;  
    width            :55%;
    text-align       :center;
}

#img_Candado
{
    padding          :0.30em;
    height           :150px;
    width            :200px;   
    min-width        :180px;
 
}


#asi_ContenedorFinal
{
    width     :40%;
}


#art_Login
{
    font-family    :Calibri;
    border-radius  :0.5em;
    padding        :0.25em;
    color          :#cc6600;
    background     :#FBB15F;
    margin         :0.5em auto;
    width          :70%;
    min-width      :180px;
    box-shadow     :10px 10px 5px #888;
    min-width      :170px;
}

footer {
    color: white;
    background: #198754;
}
.footer_class{

    margin-top: 10%;
}

.classTextbox {
    border-radius: 0.5em;
    margin: 0.5em auto;
    text-align: center;
    font-family: Calibri;
    min-width: 160px;
}

.classLabel
{
    border-radius   :0.5em;    
    margin          :0.5em auto;
    text-align      :center;
    font-family     :Calibri;
    min-width       :160px;
    font-size       :12px;
    }

.classButton
{
    border-radius  :0.5em;    
    color          :white;
    background     :#cc6c40;    
}

 #sec_Inicio,#imgPre
{ 
    background:#ffff;
    border-radius:0.5em;
    display:inline-block;    
    text-align:center;    
    vertical-align:top; 
    margin:0.1em auto;    
}

#img_Preregistro
{
    max-height: 300px;
    margin: 0.3em;
}

#imgPre
{ 
    background:white; 
}

#art_MenuOpcion
{
    border-radius:0.5em;
    background:white;
    margin:0.2em auto;
    max-width:1000px;
    min-height:10px;
    padding:0.15em;
    text-align:center;
    color:White;
    font-family: Candara, Arial; 
    height:350px;
    height:auto;

}


.btAceptar{
    /*background:#FBB15F;
    color :#FDEBD0;
    width:120px;*/
   background:#C8E6C9;
    color:#4CAF50;
    width:120px;
    height: 26px;
}

.lblEstilo{       
     display: block;
     vertical-align   :top;
     width: 40%;
     margin: 0 auto;
     font-size:1.9em;
     color:#1F7A40;
     text-align:center;
     
}

.lblEstilo_1{
    display: block;
    padding: 0.1em;
    font-size:1em;
    text-align:center;
    color:#1F7A40;
}


.lblEstilo_2{       
     display: inline-block;
     vertical-align   :top;
     width: 20%;
     margin: 0 auto;
     font-size:1em;     
     text-align:right;   
}


.lblEstilo_4{       
  
    display: inline-block;    
    padding: 0.1em;
    text-align: left;
    width:320px;
    font-size:1.3em;
    margin-left: 0.1em;
    margin-right: 0.1em;
    margin-top: 0.1em;
    /*color:#FBB15F;*/
    color:darkseagreen;
     
}


.txtEstilo
{ 
    border: 1px solid Black;
    border-radius: 5px;  
    display: inline-block;    
    padding: 0.1em;
    text-align: left;
    width:320px;
    font-size:0.7em;
    margin-left: 0.1em;
    margin-right: 0.1em;
    margin-top: 0.1em;
}

.txtEstilo_1
{ 
    border: 1px solid Black;
    border-radius: 5px;
    display: inline-block;    
    padding: 0.1em;
    text-align: left;
    width:310px;
    font-size:0.7em;
    margin-left: 0.1em;
    margin-right: 0.1em;
    margin-top: 0.1em;
}


.txtEstilo_2
{ 
    border: 1px solid Black;
    border-radius: 5px;
    display: inline-block;    
    padding: 0.1em;
    text-align: left;
    width:290px;
    font-size:0.7em;
    margin-left: 0.1em;
    margin-right: 0.1em;
    margin-top: 0.1em;
}


.txtEstilo_3
{ 
    border: 1px solid Black;
    border-radius: 5px;
    display: inline-block;    
    padding: 0.1em;
    text-align: left;
    width:80px;
    font-size:0.7em;
    margin-left: 0.1em;
    margin-right: 0.1em;
    margin-top: 0.1em;
}

#artBuscar
{    
     display:block;
     height:188px;
     vertical-align   :top;
     width: 40%;
     margin: 0 auto; 
     height:302px;
}

#artResPre,#art_ResFin
{    
     display:block;
     height:188px;
     vertical-align:top;
     width:90%;
     margin: 0 auto; 
     height:502px;
     text-align:center;
}



.lblSituacion {
    background: #C8E6C9;
    color: #4CAF50;
    display: inline-block;
    margin: 0.1em;
    padding: 0.1em;
    text-align: center;
    width: 95%;
    font-size: 1em;
    font-family: 'Monotype Corsiva';
}


.report-container {
    min-height: 600px;
    max-height: 1000px;
    overflow-x: auto;
    overflow-y: auto;
}


#TabContainer1 {
    border: 2px solid #888;
    border-radius: 8px;
    padding: 15px;
    background-color: #f8f9fa;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}


/* Estilo de los encabezados de los tabs */
.ajax__tab_header {
    background-color: #e9ecef;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    color: #0d6efd;
}

/* Estilo del tab activo */
.ajax__tab_active .ajax__tab_outer {
    background-color: #0d6efd !important;
    color: white !important;
    font-weight: bold;
}

/* Estilo del contenido dentro del tab */
#TabContainer1 .ajax__tab_panel {
    overflow-x: auto;
    word-wrap: break-word;
}


/* Estilos para párrafos y listas */
#TabContainer1 p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 10px;
}

#TabContainer1 a {
    color: #198754;
    text-decoration: none;
}

    #TabContainer1 a:hover {
        text-decoration: underline;
    }

/* Corrección de errores ortográficos en el contenido (opcional) */
#TabContainer1 b {
    color: #212529;
}
@media screen and (max-width: 768px) {
    #TabContainer1 p {
        font-size: 14px;
    }

    #TabContainer1 {
        padding: 10px;
    }
}