body {
}
/*paneles redondos*/
.rcorners {
    border-radius: 10px;
    border: 1px solid;
    padding: 20px; 
    max-height:250px;

}


/*Ventana PoPup*/

    .modalBackground

    {

        background-color: Black;

        filter: alpha(opacity=40);

        opacity: 0.4;

    }

    .modalPopup

    {

        background-color: #FFFFFF;

        width: 300px;

        border: 3px solid #0DA9D0;

        border-radius:10px;

    }

    .modalPopup .header

    {

        background-color: #2FBDF1;

        height: 30px;

        color: White;

        line-height: 30px;

        text-align: center;

        font-weight: bold;
        
        border-radius:1px;
    }

    .modalPopup .body

    {

        min-height: 50px;

        line-height: 30px;

        text-align: center;

        font-weight: bold;
              
         border-radius:10px;
    }

    .modalPopup .footer

    {

        padding: 2px;

    }

    .modalPopup .yes, .modalPopup .no

    {

        height: 23px;

        color: White;

        line-height: 23px;

        text-align: center;

        font-weight: bold;

        cursor: pointer;

    }

    .modalPopup .yes

    {

        background-color: #2FBDF1;

        border: 1px solid #0DA9D0;

    }

    .modalPopup .no

    {

        background-color: #9F9F9F;

        border: 1px solid #5C5C5C;

    }



    /*ventana popup grande*/

      .modalPopupGrande

    {

        background-color: #FFFFFF;

        width: 700px;

        border: 3px solid #0DA9D0;

    }

    .modalPopupGrande .header

    {

        background-color: #2FBDF1;

        height: 30px;

        color: White;

        line-height: 30px;

        text-align: center;

        font-weight: bold;

    }

    .modalPopupGrande .body
    {
        min-height: 50px;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
    }

    .modalPopupGrande .footer
    {
        padding: 3px;
    }

    .modalPopupGrande .yes, .modalPopup .no

    {

        height: 23px;

        color: White;

        line-height: 23px;

        text-align: center;

        font-weight: bold;

        cursor: pointer;

    }

    .modalPopupGrande .yes

    {

        background-color: #2FBDF1;

        border: 1px solid #0DA9D0;

    }

    .modalPopup .no

    {

        background-color: #9F9F9F;

        border: 1px solid #5C5C5C;

    }






 /*Acordiones*/

 .accordion {
            }
   



 .accordionHeader {
            border: 1px solid #2F4F4F;
            color: white;
            background-color:#005995;
            font-family: Arial, Sans-Serif;
            font-size: 14px;
            font-weight: bold;
            padding: 5px;
            margin-top: 5px;
            cursor: pointer;
            border-radius: 10px;
            
        }
        
 .accordionHeaderSelected {
            border: 1px solid #2F4F4F;
            color: white;
            background-color: #131229;
            font-family: Arial, Sans-Serif;
            font-size: 14px;
            font-weight: bold;
            padding: 5px;
            margin-top: 5px;
            cursor: pointer;
            border-radius: 10px;
        }
        
 .accordionContent {
            background-color: #F2F4F7;
            border: 1px outset #2F4F4F;
            border-top: none;
            padding: 5px;
            padding-top: 10px;
            border-radius: 8px;
        }

  /*Tablas*/
 .tg  {border-collapse:collapse;border-spacing:0;}
 .tg td{font-family:Calibri;font-size:14px;padding:1px 1px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;}

  /*Textos*/
 
.textbox  { 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    border: 1px solid #848484; 
    outline:0; 
    font-family:Calibri;
    font-size: 14px;
    
 
   
 } 
 .textboxfecha  { 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    border: 1px solid #848484; 
    outline:0; 
    height:16px; 
    width: 200px; 
    background-color: #E2EDF5;  
    color: Gray;
    font-family:Calibri;
    font-size: 14px;
 }


 /*DropDownList*/   
  .combo  { 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    border: 1px solid #848484; 
    outline:0; 
    } 

 /*Labels*/
.etiqueta {
	font-family:Calibri;
	color: #505985;
	font-size: 14px;
	padding: 0px;
	font-weight: bold;
    
}

/*Linea Horizontal*/
div.vertical-line{
  width: 0px; 
  height: 100%;
  float: left; 
  border: 0px inset; 
  background-color:transparent;
  border-color:transparent;
}

/*GridView*/
.GridViewHeaderStyle th
{
    border-left: 1px solid #EBE9ED;
    border-right: 1px solid #EBE9ED;
    font-size:small;
}
.GridViewAlternatingRowStyle
{
    font-size:small;
   background-color: #cfd6e5;
}
.GridViewRowStyle
{
  font-size:small;
}
.GridViewSelectedRowStyle
{
    background-color: #E2DED6;
    font-weight: bold;
    color: #333333;
}
/*título (pendiente)*/
div#container {
	margin: 50px auto 0px auto; /* centered */
	width: 400px;
}

.bubble {
	clear: both;
	margin: 0px auto;
	width: 350px;
	background: #fff;
	-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	position: relative;
	z-index: 90;
}

.rectangle {
	background: #7f9db9;
	height: 50px;
	width: 380px;
	position: relative;
	left:-15px;
	top: 30px;
	float: left;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; 
}

.rectangle h2 {
	font-size: 30px;
	color: #fff;
	padding-top: 6px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	text-align: center;
}

/*fin de estilo titulo (pendiente)*/

/*Estilo Busqueda*/
	#tfheader{
		background-color:lightgray;
	}
	#tfnewsearch{
		float:right;
		padding:20px;
	}
	.tftextinput2{
        
        width:200px;
		margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#666;-moz-animation
		border:1px solid #0076a3; border-right:0px;
		border-top-left-radius: 5px 5px;
		border-bottom-left-radius: 5px 5px;
        margin-top:5px;
        margin-right:1px;
	}
	.tfbutton2 {
        /**/
		    -webkit-border-radius: 5px; 
            -moz-border-radius: 5px; 
            border-radius: 5px; 
            border: 1px solid #848484; 
            outline:0; 
            font-size: 12px;
            height:30px;
            margin-top: 2px;
            font-family:Calibri; 
         
            vertical-align:top;
            color:#405D70;
	}
	.tfbutton2:hover {
	 background: #131229;/*#356094;*/
    border: solid 1px #00678e;
    text-decoration: none;
    color:white;
	}
	.tfbutton2::-moz-focus-inner {
	  border: 0;
	}
	.tfclear{
		clear:both;
	}

        /*Botones*/
 .button {
            -webkit-border-radius: 5px; 
            -moz-border-radius: 5px; 
            border-radius: 5px; 
            border: 1px solid #848484; 
            outline:0; 
            font-size: 12px;
            height:30px;
            margin-top: 0px;
            font-family:Calibri; 
            
            vertical-align:top;
            color:#405D70;
           
        }
 .button:hover, .button:focus {
    background: #131229;/*#356094;*/
    border: solid 1px #00678e;
    text-decoration: none;
    color:white;
}

 

 /*radio buttons*/
 .inline-rb input[type="radio"] {
    width: auto;
}

.inline-rb label {
    display: inline;
}

/*Calendarios*/


.cal_Theme1 .ajax__calendar_container   {

background-color: #DEF1F4;

border:solid 1px #77D5F7;



}

.cal_Theme1 .ajax__calendar_header  {

background-color: #ffffff;

margin-bottom: 4px;

}

.cal_Theme1 .ajax__calendar_title,

.cal_Theme1 .ajax__calendar_next,

.cal_Theme1 .ajax__calendar_prev    {

color: #004080;

padding-top: 3px;

}

.cal_Theme1 .ajax__calendar_body    {

background-color: #ffffff;

border: solid 1px #77D5F7;

}

.cal_Theme1 .ajax__calendar_dayname {

text-align:center;

font-weight:bold;

margin-bottom: 4px;

margin-top: 2px;

color: #004080;

}

.cal_Theme1 .ajax__calendar_day {

color: #004080;

text-align:center;

}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,

.cal_Theme1 .ajax__calendar_active  {

color: #004080;

font-weight: bold;

background-color: #DEF1F4;

}

.cal_Theme1 .ajax__calendar_today   {

font-weight:bold;

}

.cal_Theme1 .ajax__calendar_other,

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {

color: #bbbbbb;

}

/*ESTILO PARA DATAGRID*/


.mGrid {  
    width: 100%;  
    background-color: transparent;  
    margin: 5px 0 10px 0;  
    border: none;  
    border-collapse: separate;  
    border-radius: 8px;  
}  
  
    .mGrid td {  
        padding: 2px;  
        border: none;  
        color: black;
        border-collapse: separate;
        margin-top: 4px;
        border-bottom: none;
        border-top: none;  
    }  

    

    .mGrid > tbody > tr {
        background-color:transparent; 
        
    }

     .mGrid > thead > tr {
        background-color: transparent; 
    } 
      
     .mGrid > tbody  > td {
        background-color: white; 
        border-top: 3px solid #F2F4F7;
        color: #3d3d3d;
        
    } 
  
    .mGrid th {  
        padding: 4px 2px;  
        color: black;  
        background:#E3E4FA;  
        border-left: none;  
        font-size: 0.9em;
        font-size: 14px;
        font-weight: bold;
        padding: 8px;
        
    }  

  
    .mGrid table {
    border-collapse: separate ;
    border-spacing: 0 5px;
}

.mGrid > table > thead th {
    background-color: #006DCC;
    color: white;
}
            
.mGrid > table >  tbody td {
    background-color: #EEEEEE;
}
.mGrid > table >  tr > td:first-child,
           tr th:first-child {
                border-top-left-radius: 8px;
                border-bottom-left-radius: 8px;
            }

           .mGrid > table >  tr > td:last-child,
            tr th:last-child {
               border-top-right-radius: 8px;
               border-bottom-right-radius: 8px;
            } 

           .scroll_div_gridView{
              width: 100%; 
              height: 400px; 
              overflow-y: scroll;
              background-color:transparent;  
               /* 
            cursor:move;  
            -moz-border-radius: 5px;  
            -webkit-border-radius: 5px;  
            opacity:0.9;  
            -moz-opacity:0.9;*/
            scrollbar-base-color:#E3E4FA;
            scrollbar-arrow-color:lightblue;
             
           }


    
/*TERMINA ESTILO PARA DATAGRID*/