body {
    font-family:Arial;
    margin:0px;
    /*overflow-x: hidden;*/
}
table {
    font-family:Arial;
    margin:0px;     
     border-spacing:0px;
}
a {
    color: #333;
    font-weight: bold;
}
.EtiquetaBusqueda {
    font-size:8pt;
    font-weight:bold ;
}
.fondogris {
    background-color:#f4f4f4;
}


.Etiqueta 
{
	font-family: Arial; 
	color: #FFFFFF; 
	font-size: 9pt; 
	text-align: right;
			
}


.EtiquetaBlanca 
{
	font-family: Arial; 
	color: #FFFFFF; 
	font-size: 9pt; 
    font-weight: bold;
}

.EtiquetaBlancaCh 
{
	font-family: Arial; 
	color: #FFFFFF; 
	font-size: 9pt; 
	
}

.EtiquetaTitulo
{
	font-family: Arial; 
	color: darkblue; 
	font-size: 15pt; 
	text-align: right;
    font-weight: bold;
			
}

.EtiquetaSoporte
{
	font-family: Arial; 
	color: darkblue; 
	font-size: 10pt; 
	font-weight: bold;
			
}

.EtiquetaSoporteGris
{
	font-family: Arial; 
	color: #757677; 
	font-size: 14pt; 
	font-weight: bold;
			
}
.EtiquetaSoporteGrisPeq
{
	font-family: Arial; 
	color: #757677; 
	font-size: 12pt; 
	font-weight: bold ;
    
			
}
.EtiquetaSoporteAzulPeq
{
	font-family: Arial; 
	color: #1f3678; 
	font-size: 12pt; 
	font-weight: bold ;
    
			
}


.invisible
{
	display: none;
}

.EtiquetaAzul
{
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #0485cf;		
}

.titulo
{
	font-family: Arial; 
	color: #FFFFFF; 
	font-size: 12pt; 
	text-align: left;
	font-weight: normal;
	
	}
	


.Tabla 
{
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 9pt;	
	
	
}

.TablaBlanca
{
	
	font-family: Arial;
	font-size: 9pt;
	background-color: #FFFFFF;
	padding :15px;     
     border-spacing :0px;
}

.TablaBlancaPad
{
	
	font-family: Arial;
	font-size: 9pt;
	background-color: #FFFFFF;
	padding :0px;     
     border-spacing :1px;
     
}

.inputFieldL
{
	font-family: Arial; 
	color: #4B4B4B; 
	font-size: 13pt;
    height:40px;
}

.inputField 
{
	font-family: Arial; 
	color: #4B4B4B; 
	font-size: 8pt;
    height:25px;
    }
.inputFieldC 
{
	font-family: Arial; 
	color: #4B4B4B; 
	font-size: 8pt;
    height:25px;
	width :146px;
    }
.inputFieldCont 
{
	font-family: Arial; 
	color: #4B4B4B; 
	font-size: 8pt;
    height:25px;
	width :200px;
    }
.inputFieldM
{
	font-family: Arial; 
	color: #4B4B4B; 
	font-size: 8pt;
    height:25px;
    width :200px;
    }
.inputFieldGd
{
	font-family: Arial; 
	color: #4B4B4B; 
	font-size: 9pt;
    height:25px;
    width :350px;
    }
    .inputFieldAut
{
	font-family: Arial; 
	color: #4B4B4B; 
	font-size: 8pt;
    height:25px;
     width:150px;
    }

.inputFieldMultiGd {
	font-family: Arial; 
	color: #4B4B4B; 
	font-size: 9pt;
    height:80px;
    width :347px;
        
}

.ComboField 
{
	font-family: Arial; 
	color: #4B4B4B; 
	font-size: 9pt;
    height:25px;
    width:150px;
    }
.ComboFieldM 
{
	font-family: Arial; 
	color: #4B4B4B; 
	font-size: 9pt;
    height:25px;
    width:200px;
    }

.ComboFieldGd
{
	font-family: Arial; 
	color: #4B4B4B; 
	font-size: 9pt;
    height:25px;
    width:350px;
    }
.checkbox {
	font-family: Arial; 
	color: #4B4B4B; 
	font-size: 8pt;
    width:100%;

}
.checkboxGrid {
    font-family: Arial; 
	color: #4B4B4B; 
	font-size: 9pt;    
}

.GVtext
{	 
	 padding-left:3px;	 
}

.GVHeader {
    background-color: #357d38; 
    border:1px solid white;

}
.classFondo1{
    background-color: #ff0000; 
    text-align :right ;
    border:0px;
    padding :0px;
}
.classFondo2{
    background-color: #000000; 
    text-align :right ;
    border:0px;
    padding :0px;
}



.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: #FFFFFF;
    background-color: #1F3678;
    background-image:url("images/desplegable.png");
   background-position-x:right ;
   background-repeat:no-repeat ;
      font-family: Arial;
      font-size: 14px;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}titulo
 
#master_content .accordionHeader a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content .accordionHeader a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: #FFFFFF;
   background-color: #1F3678;
   background-image:url("images/desplegable.png");
   background-position-x:right ;
   background-repeat:no-repeat ;
      font-family: Arial, Sans-Serif;
      font-size: 14px;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
#master_content .accordionHeaderSelected a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content .accordionHeaderSelected a:hover
{
      background: none;
        text-decoration: underline;
}
 
.accordionContent
{
    /*background-color: #D3DEEF;*/
    border: 1px solid #22314d;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}




.modal {
width:100%; /*Toma el 100% del ancho de la página*/
height:128%; /*Toma el 100% del alto de la página*/
position:fixed; /*Con este código hacemos que el contenedor se mantenga en la pantalla y para que tome las dimensiones del body y no de la entrada*/
background-color: rgba(1, 1, 1, 0.8); /*Color de fondo, incluye opacidad del 90%*/
top:-171px; /*Position superior*/
left:0; /*Posición lateral*/
z-index:9999; /*Evitamos que algún elemento del blog sobreponga la ventana modal*/
}
.contenido-interno { 
 margin:140px auto; /*Separación arriba y centrado*/
font-size:17px; /*Tamaño de la fuente*/
width:600px; /*Ancho del contenedor*/
text-align:center; /*Alineación del texto*/
color:#222; /*Color del texto*/
}
.PopupTabla {
    margin :10px;
    padding :20px;
   border :5px solid white ;
   background-color: white;
}
.PopupTablaConfirm {
   margin :0px;
   padding :0px;
   border :1px solid white ;
   background-color: white;
}

.PopupEncabezado{   
    background-color:#1F3678; 
    color:white ;
    height:40px
}

    .textbox 
{
	font-size: 14px; 
	font-weight: normal; 
	color:#000000; 
	font-family:Arial,Arial,Helveica,sans-serif; 
	line-height:20px;
	width :150px;
    }

    
.label {
  font-family: arial;
  font-size: 14px;
  line-height: 29px;
    font-weight:bolder 800;
    text-align: justify  ;
    top:auto  ;
    left: auto  ;
}
.labelCh {
  font-family: arial;
  font-size: 11px;
  line-height: 29px;
    font-weight:bolder 800;
    text-align: justify  ;
    top:auto  ;
    left: auto  ;
}

.lblErr {
    font-family: arial;
  font-size: 14px;
  color:red;
}

.lblErr2 {
  font-family: arial;
  font-size: 12px;
  color:red;
}


#table-container {
  position: relative;
  width: 1114px;
 
  height: 450px;
  overflow: auto;
  background-color: #FFF;
  border: 1px solid #596380;
  padding: 0 10px 0 0;
}

#table-container2 {
  position: relative;
  width: 1384px;
 
  height: 450px;
  overflow: auto;
  background-color: #FFF;
  border: 1px solid #596380;
  padding: 0 10px 0 0;
}
#table-gvGeneral {
    position: relative;
    width: 1250px;

    height: 450px;
    overflow: auto;
    background-color: #FFF;
    border: 1px solid #596380;
    padding: 0 10px 0 0;
}
#table-container3 {
  position: relative;
  width: 1100px;
 
  height: auto;
  overflow: auto;
  background-color: #FFF;
  border: 1px solid #596380;
  padding: 0 10px 0 0;
}
table.gvTheGrid {
  border-collapse: separate;
  border-spacing: 0;
  /*text-align: center;*/  
  font-size :12px;
}
table.gvTheGrid caption {
  

  background: #BF8660;
  border: 0px solid #596380;
  
}
table.gvTheGrid thead {
  background: #CFD4E6;
}
table.gvTheGrid thead td,
table.gvTheGrid thead th {
  color: #FFFFFF;
  font-size :11px;
  font-weight: bold;
}
table.gvTheGrid td,
table.gvTheGrid th {  
  /*text-align: left;*/
  
}




table.gvTheGrid2 {
  border-collapse: separate;
  border-spacing: 0;
  /*text-align: center;*/  
  font-size :12px;
}
table.gvTheGrid2 caption {
    background: #BF8660;
  border: 0px solid #596380;
  }
table.gvTheGrid2 thead {
  background: #CFD4E6;
}
table.gvTheGrid2 thead td,
table.gvTheGrid2 thead th {
  color: #FFFFFF;
  font-size :11px;
  font-weight: bold;
}




.bgcolorAzul {
   /*background-color:#0485cf;*/
   background-color:#4caf50;
}
.bgcolorGris {
    background-color:#F4F4F4;
}
.bgcolorBusqueda {
    font-size :13px;
  font-weight: bold;
  color:#757677;
    background-color:#e6e7e5;
}
.bgcolorConsulta {
    background-color:#357d38;
}
/*Pager styles*/
.PagerStyle {
    text-align:center ;
   background-color: white ;
   font-size:12px;
    font-weight:bold ;
    color :white ;
    border-left:#93908e 0px solid;    
}
.PagerStyle a
{
    color:#16387c;
    
    padding:2px 10px 2px 10px;
    border-top:solid 0px #fff;
    border-right:solid 0px #91a7b4;
    border-bottom:solid 0px #91a7b4;
    border-left:solid 0px #fff;
    background-color: #f0f1f1 ;
}
.PageSelected{
font-family:Arial;
font-size:13px;
font-weight:bolder;
}
.dynamicMenu
{
    /*background-image:url('../App_Themes/images/back_gray.gif'); 
    background-repeat:repeat-x ;*/
    color :#1f3678 ;
    }
.ComboFieldGrid{
    font-family: Arial; 
	color: #4B4B4B; 
	font-size:8pt;    
    width:150px;
    height:20px;
}
.inputFieldGrid 
{    
	font-family: Arial; 
	color: #4B4B4B; 
	font-size: 8pt;
    height:16px;
    text-align:right;     
    }
.colorAzulM {
     background-color: #1f3678 ;   
    color :#1f3678 ;
}
.colorVerde {
    background-color: #8bc34a ;   
    color :#8bc34a ;
}

.TablaBlancaInf
{
	
	font-family: Arial;
	font-size: 9pt;
	background-color: #FFFFFF;
	padding :1px;     
    border-spacing :1px;
}

.tds{
    
 border-top:2px solid #e5eff8;
border-left:1px solid #e5eff8;
border-right:1px solid #e5eff8;
}
.modalcontraseña{
width:100%; /*Toma el 100% del ancho de la página*/
height:128%; /*Toma el 100% del alto de la página*/
position:fixed; /*Con este código hacemos que el contenedor se mantenga en la pantalla y para que tome las dimensiones del body y no de la entrada*/
background-color: rgba(1, 1, 1, 0.8); /*Color de fondo, incluye opacidad del 90%*/
top:0px; /*Position superior*/
left:0; /*Posición lateral*/
z-index:9999; /*Evitamos que algún elemento del blog sobreponga la ventana modal*/
}
.contenido-interno { 
 margin:140px auto; /*Separación arriba y centrado*/
font-size:17px; /*Tamaño de la fuente*/
width:600px; /*Ancho del contenedor*/
text-align:center; /*Alineación del texto*/
color:#222; /*Color del texto*/
}
.PopupTablaC {
    margin :10px;
    padding :10px;
   border :1px solid white ;
   background-color: white; /* JEM 140416 definimos el tamaño del campo de cambio de contraseña*/
  
}
.PopupTablaConfirm {
   margin :0px;
   padding :0px;
   border :1px solid white ;
   background-color: white;
}

.PopupEncabezado{   
    background-color:#1F3678; 
    color:white ;
    height:40px
}

.lblAlert {
    font-family: arial;
  font-size: 14px;
  color:#1f3678;
}
 
 

.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
 
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

/*
 Styling
*/
/*body {
  font: 16px/1.5em "Overpass", "Open Sans", Helvetica, sans-serif;
  color: #333;
  font-weight: 300;
   
}*/

.tabset > label {
  position: relative;
  display: inline-block; 
  padding: 15px 15px 25px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
      

}

.tabset > label::after {
  content: "";
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 22px;
  height: 4px;
  background: #FFFFFF;
  
}

.tabset > label:hover,
.tabset > input:focus + label {
  color: #1F3678;
  
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #3bbd10;
      /*background-color: #3bbd10;*/
}

.tabset > input:checked + label {
  border-color: #FFFFFF;
  /*border-bottom: 1px solid #fff;*/
  margin-bottom: -1px;
  /*background-color: #3bbd10;*/
  border-radius : .52rem;
  border: 1.2px solid #ccc;
   box-shadow: 1.1px 1.2px 1.3px #ccc;
}

.tab-panel {
  padding: 30px 0;
  border-top: 1px solid #ccc;
}

/*
 Demo purposes only
*/
*,
*:before,
*:after {
 box-sizing: border-box;
 
}

/*body {
  padding: 30px;
}*/

.tabset {
    max-width: 65em;
}
.buttonAlert {
    background-color: #f44336; /* Green */
    border: none;
    color: white;
    padding: 9px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.buttonAlert1 {
    background-color: #f44336;
    color: white  ;
    border: 2px solid #4CAF50;
}
    .buttonAlert1:hover {
        background-color: #4CAF50;
        color: black ;
    }
.buttonPop {
    background-color: #f44336; /* Green */
    border: none;
    color: white;
    padding: 9px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.button1 {
    background-color: darkblue;
    color: white;
    border: 1px solid #4CAF50;
}

    .button1:hover {
        background-color: white;
        color: forestgreen;
    }

.PopupAlerta {
    background-color: #e6e7e5;
    color: black;
    height: 40px
}
        .TabStyle .ajax__tab_header
        {
            cursor: pointer;
            /*background-color: #f1f1f1;*/
            font-size: 14px;
            font-weight: bold;
            font-family: Arial, Helvetica, sans-serif;
            /*height: 36px;*/
            /*border-bottom: 1px solid #bebebe;*/
            width:100%;
              /*border-radius: .52rem;*/
        }
      
        .TabStyle .ajax__tab_active .ajax__tab_tab
        {
            
            /*border-color: #bebebe #bebebe #e1e1e1 #bebebe;*/
            /*background-color: #e1e1e1;*/
            padding: 10px;
            border-bottom: none;
              border: 1px solid transparent;
              /*border-radius: .52rem;*/

                border-color: #FFFFFF;
              /*border-bottom: 1px solid #fff;*/
              margin-bottom: -1px;
              /*background-color: #3bbd10;*/
              border-radius : .52rem;
              border: 1.2px solid #ccc;
               box-shadow: 1.1px 1.2px 1.3px #ccc;
                display: inline-block; 
                 font-weight: 600;
        }
        .TabStyle .ajax__tab_active .ajax__tab_tab:hover
        {
            border: 1px solid;
            /*border-color: #bebebe #bebebe #e1e1e1 #bebebe;
            background-color: #e1e1e1;*/
            padding: 10px;
            border-bottom: none;
              /*border-radius: .52rem;*/
        }
      
        .TabStyle .ajax__tab_tab
        {
            /*border: 1px solid;*/
            /*border-color: #e1e1e1 #e1e1e1 #bebebe #e1e1e1;
            background-color: #f1f1f1;
            color: #777777;*/
            cursor: pointer;
            text-decoration: none;
            padding: 10px;
              /*display: inline-block;*/
                  /*border-radius: .52rem;*/
        }
        .TabStyle .ajax__tab_tab:hover
        {
            /*border: 1px solid;*/
            /*border-color: #bebebe #bebebe #e1e1e1 #bebebe;*/
            /*background-color: #e1e1e1;*/
            /*color: #777777;*/
            cursor: pointer;
            text-decoration: none;
            padding: 10px;
            border-bottom: none;
             display: inline-block;
               /*border-radius: .52rem;*/
        }
        .TabStyle .ajax__tab_active .ajax__tab_tab, .TabStyle .ajax__tab_tab, .TabStyle .ajax__tab_header .ajax__tab_tab
        {
            margin: 0px 0px 0px 0px;
        }
      
        .TabStyle .ajax__tab_body
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            border-top: 0;
            /*border: 1px solid #bebebe;*/
            border-top: none;
            padding: 5px;
            /*background-color: #e1e1e1;*/
            width:100%;
             /*border-radius: .52rem;*/
        }
        label{
    padding: 10px; 
    display: table;   
     }

/*input[type="file"] {
    display: none;
}*/

.inputIMG {
    display: none;
}

.imgControlPaciente {
     Width :188.976378px ;
     Height :264.566929px;
}
.BanerFactura{   
    background-color:#1F3678; 
    color:white ;
    height:20px
}
.EtiquetaTituloAzul {
    background-color: #21306E;
}
/*paleta de colores para weeCompany*/
.bgcolorAzluClaro {
    /*background-color:#0485cf;*/
    background-color: #5990c8;
}

.GVHeaderclaro {
    background-color: #5990c8;
    border: 1px solid white;
}