/*  
    02ENERO2023
    FR-MENU
    Diseños base para todas las aplicaciones contiene:

    Colores de:
    - fonts
    - backgrounds
    - hover efects
    - table headers
    - hover table headers
*/

:root{
    --BackGroundMainBody:#ffffff;
    --FontColorMain:#111111;
    --BorderColorMain:#cdcdcd;
    --ErrorColor:#ff0000;

    /*Menu principal*/
     --HoverMainMenuBackGround:#9BD293;
     --HoverMainMenuFontColor:#fff;

    /*Menu aplicaciones*/
    --HoverAppMenuBackGround:#9BD293;
    --HoverAppMenuFontColor:#fff;
   
   /*controles HTML*/
     --MainControlBackGround:#9BD293;
     --MainControlFontColor:#fff;
     --ControlBorderColor:#d6d6d6;
     --ReqBorderColor:rgb(255,0,0);
     --FormControlFocus:#214843;

     /*Table*/
     --TableHeaderBG:#214843;
     --FontColorTableHeader:#ffffff;
     --TableContainerBG:#eee;
     --TableRowHover:rgba(0,0,0,0.15);

   /*Overlay containers*/
     --OverlayBackGround:rgba(0,0,0,0.3);

     /*Disabled controlers*/
     --DisabledControlBG:rgba(170,170,170,0.5);
     --DisabledControlBorder:rgba(170,170,170,0);

}

*{
    font-family:Arial, Helvetica, sans-serif;
}
.margin-top-1{
    margin-top:1em;
}
.fr-center{
    text-align:center;
}
.fr-right{
    text-align:right;
}
.fr-left{
    text-align:left;
}
.fr-del, .fr-req, .fr-delete{
    color:rgb(255, 0, 0);
}
.fr-req {
    margin-left:0.3em;
}
.fr-alert-stack{
    background-color:transparent;
     position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%,-50%);
    z-index:20;
    max-width:400px;
}
.fr-alert-container{
    background-color:#ffffff;
    padding:0.5em 0;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    border:1px solid #d6d6d6;
    box-shadow:1px 1px rgba(0,0,0,0.2);
}
.fr-alert-icon-container i, 
.fr-alert-times-container i{
    padding:0.5em 0.5em;
    font-size:1.5em;    
}
.fr-alert-times-container i{
    cursor:pointer;  
}
.fr-alert-title label{
    font-size:1em;
    font-weight:600;
}
.fr-alert-message p{
    margin:0;
    margin:0.5em 0;
    padding:0;
}
.fr-alert-border-succes{
    border-left:0.25em solid #007E33;
}
.fr-alert-border-info{
    border-left:0.25em solid #0099CC;
}
.fr-alert-border-warning{
    border-left:0.25em solid #FF8800;
}
.fr-alert-border-error{
    border-left:0.25em solid #CC0000;
}
.fr-color-succes{
    color:#007E33;
}
.fr-color-info{
    color:#0099CC;
}
.fr-color-warning{
    color:#FF8800;
}
.fr-color-error{
    color:#CC0000;
}
body {
    background-color:var(--BackGroundMainBody);
    color:var(--FontColorMain);
    font-size:16px;
    position:relative;
}

@media only screen and (max-width: 768px) {

}