.mGrid { background-color: #fff;}
    .mGrid td { padding: 2px;}
    .mGrid th { Height: 14px;padding: 4px 2px; color: #fff; background: #424242 url('../DSWThema/grd_head.png') repeat-x 50% top; 
                border-color: White; border-style:None;font-weight: bold;color: White;
}  
    .mGrid EditRowStyle {
       background:#999999;
    }
     .mGrid FooterStyle {
      background:#5D7B9D; font-weight: bold; color: White;
    }
      .mGrid PagerStyle {
        background: #284775; font-weight: bold;text-align: Center;
    }
       .mGrid RowStyle {
        color: White;border-color: White;border-style: None; color: #333333;
    }
   .mGrid .pgr {background: #F7F7F7;Height: 1px;border-style:None;color: #003366;font-weight: bold;} /*Para la paginacion*/
   
 /*aqui pongo el focus de la grid No necesito que se pínte. Esteticamente se ve bien*/
.mGrid tr:hover,.mGrid tr.alternate:hover
{
    /*font-weight: bold;*/
}
/* grid con la cabecera vacia*/

.mGridVacio { background-color: #fff;}
    .mGridVacio td { padding: 2px;}
    .mGridVacio th { Height: 14px;padding: 4px 2px; color: #fff;
                border-color: White; border-style:None;font-weight: bold;color: White;
}  
    .mGridVacio EditRowStyle {
       background:#999999;
    }
     .mGridVacio FooterStyle {
      background:#5D7B9D; font-weight: bold; color: White;
    }
      .mGridVacio PagerStyle {
        background: #284775; font-weight: bold;text-align: Center;
    }
       .mGridVacio RowStyle {
        color: White;border-color: White;border-style: None; color: #333333;
    }
   .mGridVacio .pgr {background: #F7F7F7;Height: 1px;border-style:None;color: #003366;font-weight: bold;} /*Para la paginacion*/
   
 /*aqui pongo el focus de la grid No necesito que se pínte. Esteticamente se ve bien*/
.mGrid tr:hover,.mGrid tr.alternate:hover
{
    /*font-weight: bold;*/
}
.no-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
}
.no-arrow::-ms-expand {
    display: none;
}
/*en blanco*/
.txtboxGridBlanco{ 
    Font-Size: X-Small;
    Height: 15px;
    font-family: Tahoma;  
    background: white; 
    border: 0px; 
    border-radius: 1px; 
    box-shadow: 0 0 0px #333; 
    color: #666;           
  }
.txtboxGridBlanco:focus {
background-color: #EAF4FF;
 }
/* fin blanco*/
.txtboxGrid{ 
    Font-Size: X-Small;
    Height: 15px;
    font-family: Tahoma;  
    background: #FAFAFA;
    border: 0px; 
    border-radius: 2px;
    box-shadow: 0 0 0.05px teal;
    color: #666;           
  }
.txtboxGrid:focus {
background-color: #EAF4FF;
 }
.txtboxGridGrande{ 
    Font-Size: 11px;
    Height: 18px;
    font-family: Tahoma;  
    background: white; 
    border: 0px; 
    border-radius: 1px; 
    box-shadow: 0 0 0px #333; 
    color: #666;           
  }
.txtboxGridGrande:focus {
background-color: #EAF4FF;
 } 
.txtboxMemo{ 
 
    font-family: Tahoma;  
    background: white; 
    border: 1px #DDD; 
    border-radius: 2px; 
    box-shadow: 0 0 1px #333; 
    color: #666;           
  }
.txtboxMemo:focus
{
background-color: #EAF4FF;
 }
.textbox { 
    background: white; 
    font-family: Tahoma; 
   border: 1px solid #becdd5;
    border-radius: 3px;
    box-shadow: 0 0 1px #333; 
    color: black;
    text-align: left;
}   
.textbox:focus { 
    background-color: #EAF4FF;
 }
/*en blanco Norma*/
.txtboxBlanco{ 
    background: white; 
    font-family: Tahoma;
    background: white; 
    border: 0px; 
    border-radius: 0px; 
    box-shadow: 0 0 0px #333; 
    color: #666;           
  }
.txtboxBlanco:focus {
background-color: #EAF4FF;
 }
/* fin blanco*/
.textboxNotif {     
    font-family: Tahoma; 
    box-shadow: 0 0 1px #333;
    border: 0px #DDD;  
    text-align: center;
    width: 100px;
    height: 100px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;    
    border-radius: 100%;
}   

 .mGridB .mGrid {
    font-family: Tahoma, sans-serif;
}

.mGridB  .mGrid tr {
    border-bottom: 1px solid #ddd; /*borde fila*/
}


.mGridB .mGrid td, .mGrid mGrid th {
    padding: 5px; /* separacionde celdas y columnas*/
}




/* Estilo para las celdas de los datos */
.mGridB .mGrid td {
    background-color: #fff;
    text-align: left;
    border: 1px solid #0718f078 !important  ;
}


.button {    
    font-family: Tahoma; 
    border-style: none;
    border-color: inherit;
    border-width: medium;
    display: inline-block;
    padding: 10px 10px;
    font-size: 12px;
    cursor: pointer;
    text-align: center;	
    text-decoration: none;
    outline: none;
    color: #fff;
    background-color: #003366;
    border-radius: 8px;
    box-shadow: 0 7px #999;
    font-weight: 700;
    /*transition: width 0.25s, height 0.25s, transform 0.25s;
    -moz-transition: width 0.25s, height 0.25s, -moz-transform 0.25s;
    -webkit-transition: width 0.25s, height 0.25s, -webkit-transform 0.25s;
    -o-transition: width 0.25s, height 0.25s,-o-transform 0.25s;*/
}
.button:hover {
background-color: #EE9A08; /*Esto es el foco del boton*/
transform : scale(1.025);
-moz-transform :  scale(1.025);   /* Firefox */
-webkit-transform :  scale(1.025);  /* Chrome - Safari */
-o-transform : scale(1.025);    /* Opera */
}
.button:active {
  background-color: #F2EA12;/*Esto es el al precionar el boton*/
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
.modalBackground
{
background-color: black;
filter: alpha(opacity = 30);
opacity: 0.25;
}
.modalPopup
{
background-color: #FFFFFF;
border-width: 3px;
border-style: solid;
border-color: black;
padding-top: 10px;
padding-left: 10px;
width: 300px;
height: 140px;
}
.panel{   
    font-family: Tahoma;  
    background: white;     
    border-radius: 10px; 
    box-shadow: 0 0 0px #333; 
    color: #666;           
  }
.dropdownList {
    background: white; 
    font-family: Tahoma; 
    border: 1px #DDD;
    border-radius: 2px; 
    box-shadow: 0 0 1px #333; 
    color: #666;
    text-align: left;
}   
.dropdownList:focus { 
    background-color: #EAF4FF;
 }

.Body {
    background-image: url("DSWBackGround.png");    
}

.MyTabStyle .ajax__tab_body
{
        font-family: tahoma;
        font-size: 10pt;
        border: 1px solid #E8E8E8;
        border-top: solid 1px #E8E8E8;
        padding: 8px;       
        background-color:#FFFFFF;
        border-radius: 20px 20px 20px 20px;
}
.MyTabStyle .ajax__tab_header
        {
            font-family: Tahoma;
            color:white;
            font-size: 12px;            
            display: block;
        }
.MyTabStyle .ajax__tab_tab
{
    text-align: center;	
    color: #666666;   
    height:20px;  
}
.MyTabStyle .ajax__tab_inner
{
    color: #666666;
    padding-left:10px;    
}
.MyTabStyle .ajax__tab_outer
{    
    color: #666666;
    padding-right:6px;
    margin-right: 2px;
    border-radius: 5px 5px 5px 5px;
}
.MyTabStyle .ajax__tab_header .ajax__tab_outer
        {    	
            border-color: #040539;
            color: #040539;
            padding-left: 10px;
            margin-right: 1px;
            border:solid 0.25px #d7d7d7;
        }
.MyTabStyle .ajax__tab_header .ajax__tab_inner
        {   
            border-color: #040539;            
            padding: 6px 20px 2px 0px;
        }
.MyTabStyle .ajax__tab_hover .ajax__tab_outer
        {  
            background-color:#EE9A08;
        }

.MyTabStyle .ajax__tab_active .ajax__tab_outer
        {    	
            border-bottom-color: #ffffff;
            background-color: #d7d7d7;
        }
 .zoomImgFoto{
        /* Aumentamos la anchura y altura durante 1 segundos */
        transition: width 1s, height 1s, transform 1s;
        -moz-transition: width 1s, height 1s, -moz-transform 1s;
        -webkit-transition: width 1s, height 1s, -webkit-transform 1s;
        -o-transition: width 1s, height 1s,-o-transform 1s;
    }
    .zoomImgFoto:hover{
        /* tranformamos el elemento al pasar el mouse por encima al doble de
           su tamaño con scale(2). */
        transform : scale(1.15);
        -moz-transform :  scale(1.15);     /* Firefox */
        -webkit-transform :  scale(1.15);   /* Chrome - Safari */
        -o-transform :  scale(1.15);      /* Opera */
    }
 .zoomImg{
        /* Aumentamos la anchura y altura durante 1 segundos */
        transition: width 1s, height 1s, transform 1s;
        -moz-transition: width 1s, height 1s, -moz-transform 1s;
        -webkit-transition: width 1s, height 1s, -webkit-transform 1s;
        -o-transition: width 1s, height 1s,-o-transform 1s;
    }
    .zoomImg:hover{
        /* tranformamos el elemento al pasar el mouse por encima al doble de
           su tamaño con scale(2). */
        transform : scale(1.6);
        -moz-transform :  scale(1.6);     /* Firefox */
        -webkit-transform :  scale(1.6);   /* Chrome - Safari */
        -o-transform :  scale(1.6);      /* Opera */
    }
     .zoomBtnImg{
        /* Aumentamos la anchura y altura durante 2 segundos */
        transition: width 0.1s, height 0.1s, transform 0.1s;
        -moz-transition: width 0.1s, height 0.1s, -moz-transform 0.1s;
        -webkit-transition: width 0.1s, height 0.1s, -webkit-transform 0.1s;
        -o-transition: width 0.1s, height 0.1s,-o-transform 0.1s;
    }
    .zoomBtnImg:hover{
        /* tranformamos el elemento al pasar el mouse por encima al doble de
           su tamaño con scale(2). */
         transform : scale(1.075);
        -moz-transform :  scale(1.075);   /* Firefox */
        -webkit-transform :  scale(1.075);   /* Chrome - Safari */
        -o-transform : scale(1.075);    /* Opera */
    }
    .dropDownListBorder{ 
    border: 0px solid #E8E8E8;
    border-top: solid 0px #E8E8E8;          
  }
    .dropDownListBorder:focus {
    background-color: #EAF4FF;
 }
 .textboxGridFP { 
    background: white; 
    font-family: Tahoma; 
    border: 0.25px #DDD;
    border-radius: 0.25px; 
    box-shadow: 0 0 0.25px #333; 
    color: #666;
    text-align: left;
}   
.textboxGridFP:focus { 
    background-color: #EAF4FF;
 }  
.divAlert {          
            position: absolute;
        }
        .alert {
            padding: 20px;
            background-color: #f44336;
            color: white;
            opacity: 1;
            transition: opacity 0.6s;
            margin-bottom: 15px;
        }

            .alert.success {
                background-color: #04AA6D;
            }

            .alert.info {
                background-color: #2196F3;
            }

            .alert.warning {
                background-color: #ff9800;
            }

        .closebtn {
            margin-left: 15px;
            color: white;
            font-weight: bold;
            float: right;
            font-size: 22px;
            line-height: 20px;
            cursor: pointer;
            transition: 0.3s;
        }

            .closebtn:hover {
                color: black;
            }

            .link-buttonN {
            display: inline-block;
            padding: 5px 10px;
            text-decoration: none;
    font-size: 12px;
            background-color: #ff7b24; /* Color de fondo del botón */
            border-radius: 5px; /* Bordes redondeados */
        }

            .link-buttonN:hover {
                background-color: #ff5e00; /* Cambio de color de fondo al pasar el mouse */
            }

        .link-buttonR {
            display: inline-block;
            padding: 5px 10px;
    font-size: 12px;
            text-decoration: none;
            background-color: #fe0000; /* Color de fondo del botón */
            border-radius: 5px; /* Bordes redondeados */
        }

            .link-buttonR:hover {
                background-color: #ed1c24; /* Cambio de color de fondo al pasar el mouse */
            }

        .link-buttonV {
            display: inline-block;
            padding: 5px 10px;
    font-size: 12px;
            text-decoration: none;
            background-color: #0dbd00; /* Color de fondo del botón */
            border-radius: 5px; /* Bordes redondeados */
        }

            .link-buttonV:hover {
                background-color: #14aa03; /* Cambio de color de fondo al pasar el mouse */
            }

        .link-buttonG {
            display: inline-block;
            padding: 5px 10px;
    font-size: 12px;
            text-decoration: none;
            background-color: #676767; /* Color de fondo del botón */
            border-radius: 5px; /* Bordes redondeados */
        }

            .link-buttonG:hover {
                background-color: #8C8C8C; /* Cambio de color de fondo al pasar el mouse */
            }

        .link-buttonAz {
            display: inline-block;
            padding: 5px 10px;
    font-size: 12px;
            text-decoration: none;
            background-color: #003366; /* Color de fondo del botón */
            border-radius: 5px; /* Bordes redondeados */
        }

            .link-buttonAz:hover {
                background-color: #003366; /* Cambio de color de fondo al pasar el mouse */
            }

             .link-buttonVrl {
            display: inline-block;
            padding: 5px 10px;
    font-size: 12px;
            text-decoration: none;
            background-color: var(--color-fondo-boton, #003366); /* Color de fondo del botón */
            border-radius: 5px; /* Bordes redondeados */
        }

            .link-buttonVrl:hover {
                background-color: #717171; /* Cambio de color de fondo al pasar el mouse */
            }