body table tr td{
    margin: 1px 0px 1px 0px;
    padding: 0;
    height: 2em;
}




a {
    cursor: pointer;
}

.table > thead > tr > th {
    vertical-align: top;
    background-color: lightgray;
}

.botones {
    border-top: 1px solid #e5e5e5;
    line-height: 2.5em;
}

.nuevo {
    margin-right: 30px;
    float: right;
}
.dolares {
    text-align: right !important;
}
.pagination {
    margin: 0px;
}

h4, h5, h6 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.login {
    height:100vh;
    margin: 0;
    padding: 0;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.login-logo-empresa {
    width:429px;
    margin: 40px auto 10px auto;
}

.logo-empresa {
    width: 429px; 
/*    height: 100px;*/
}

.login-caja {
    margin: 20px 30% 0px 30%;
    min-width: 400px;
    height: 250px;
    border: 4px solid #004E90;
    border-radius: 20px;
}

.login-titulo {
    font: bold 24px verdana;
    text-align: center;
    margin-top: 10px;
    color: #004E90;
}

.login-campos {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.login-label {
    font: bold 16px verdana;
    width: 33%;
    max-width: 33%;
    text-align: right;
    /*float: left; */
    margin: 1%;
    padding: 3px;
    color: #004E90;
}

.login-campo {
    width: 63%;
    max-width: 63%;
    /*float:left; */
    margin: 1%;
    padding: 3px;
}

.login-mensaje {
    clear: both;
    float: none;
    width: 95%;
    text-align: center;
    font: normal 14px arial;
    color: #8f0005;
}

.login-ingreso {
    width: 100px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.main-encabezado {
    height: 80px;
    border-bottom: 5px solid #007F3F;
background: rgba(0,78,144,1);
background: -moz-linear-gradient(left, rgba(0,78,144,1) 70%, rgba(98,146,187,1) 80%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(70%, rgba(0,78,144,1)), color-stop(80%, rgba(98,146,187,1)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(0,78,144,1) 70%, rgba(98,146,187,1) 80%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(0,78,144,1) 70%, rgba(98,146,187,1) 80%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(0,78,144,1) 70%, rgba(98,146,187,1) 80%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(0,78,144,1) 70%, rgba(98,146,187,1) 80%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004e90', endColorstr='#ffffff', GradientType=1 );
}

.encabezado-cont-logo {
    float: left;
    width: 20%;
    margin-top: -20px;
}

.encabezado-logo-empresa {
    width: 80%;
    margin-top: 22px;
    margin-left: 5px;
}

.encabezado-titulo {
    float: left;
    width: 58%;
    margin-left: auto;
    margin-right: auto;
    font: bold 24px verdana;
    text-align: center;
    margin-top: 10px;
    color: #004E90;
}

.encabezado-infor {
    float: right;
    width: 7%;
    margin: 0px 5px;
}

.encabezado-usuario {

}

.encabezado-empresa {

}

.menu-vertical {
    width: 15%;
    min-width: 150px;
    border-right: 1px solid #007F3F;
    float: left;
}

.panel-default > .panel-heading {
    color: rgba(255, 255, 255, 1);
    background-color: #004E90; /*rgba(66, 139, 202, 1); */
    border-color: #ddd;
    text-decoration:none;
}

.menu-opcion {
    width: 100%;
    font: normal 12px verdana;
    text-align: left;
    background-color: lightgray;
    color: #004E90; /*rgba(66, 139, 202, 1); */
    border-radius: 3px;
}

.main-contenido {
    width: 85%;
    min-width: 150px;
    float:left;
}

.forma-table {
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin: 5px;
}

.forma-linea {
    display: block;
    width: 100%;
    line-height: 1em;
    height: 1.8em;
}

.forma-label {
    font: bold 12px verdana;
    width: 24%;
    text-align: right;
    float: left;
    margin-right: 1%;
    color: #004E90;
    display: block;
    vertical-align: middle;
}

.forma-nombre {
    font: bold 12px verdana;
    text-align: center;
    padding-top: 5px;
    /*padding-left:7px;
    padding-right:7px;*/
    color: #004E90;
    vertical-align: middle;
}

.forma-campo {
    width: 74%;
    float:left;
    margin-left: 1%;
    display: block;
}
.forma-campo-lar {
    width: 66%;
    float:left;
    margin-left: 1%;
    display: block;
}
.forma-dato {
    margin-left: 5px;
    margin-right: 5px;
}


.forma-campo-version {
    font: normal 10px arial;
}

.forma-input {
    width: 100%;
}
.forma-caja {
    border: solid #004E90 1px;
    width: 100%;
}

.forma-label-small {
    font: bold 12px verdana;
    width: 14%;
    text-align: right;
    float: left;
    margin-right: 1%;
    color: #004E90;
    display: block;
    vertical-align: middle;
}

.forma-campo-small {
    width: 20%;
    float:left;
    margin-left: 1%;
    display: block;
}

.forma-label-small-dato {
    font: bold 10px verdana;
    //width: 14%;
    text-align: justify;
    color: darkgrey;
    display: block;
}
.forma-mensaje {
    clear: both;
    float: none;
    width: 95%;
    text-align: center;
    font: normal 14px arial;
    color: red;
}

.forma-ingreso {
    width: 100px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.forma-botonera {
    float:right;
}

.forma-salto {
    clear: both;
}

.contenido-izquierdo {
    text-align: left;
}

.contenido-derecho {
    text-align: right;
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
    padding: 1px;
}

.table-condensed>caption {
    text-align: left;
    color: #004E90;
/*    display: block; */
    vertical-align: middle;
}

.table-td{
    font-size: 12px;
}
.btn {
    color: white;
    background: #004E90; /*#2191c0; */
    border-top:1px solid transparent;
    border-right:1px solid transparent;
    border-bottom:2px solid #4c8f00; /*#4297d7; */
    border-left:2px solid #4c8f00; /*#4297d7; */
    display: inline-block;
    margin-bottom: 0;
    font-weight:400;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    background-image:none;
    white-space:nowrap;
    padding:2px 6px;
    font-size:14px;
    line-height:1.42857143;
    border-radius:4px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.btn-login {
    color: white;
    background: #004c90;
    border-top:1px solid transparent;
    border-right:1px solid transparent;
    border-bottom:1px solid transparent;
    border-left:1px solid transparent;
    display: inline-block;
    margin-bottom: 0;
    font-weight:400;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    background-image:none;
    white-space:nowrap;
    padding:2px 6px;
    font-size:14px;
    line-height:1.42857143;
    border-radius:4px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}


/* Div que contiene el reloj de espera cuando hay requerimientos a los web services */
/* Este funcionamiento incluye una factory: httpInterceptor y una directiva */
#reloj-div {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1100;
   background-color: white;
   opacity: .6;
}

/* Desliegue del reloj cuando se hacen requerimientos a los web services */
.reloj-loader {
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -32px; /* -1 * image width / 2 */
   margin-top: -32px; /* -1 * image height / 2 */
   display: block;
}

input:required,
textarea:required,
select:required {
    border-left: 4px solid #4c8f00;
}

input[type=date] {
    line-height: 1em;
}

.ui-widget-header {
	border: 1px solid #4297d7;
	background: #004E90; /*#2191c0 url("images/ui-bg_gloss-wave_75_2191c0_500x100.png") 50% 50% repeat-x; */
	color: #eaf5f7;
	font-weight: bold;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #77d5f7;
	background: #939598; /*#0078ae url("images/ui-bg_glass_45_0078ae_1x400.png") 50% 50% repeat-x; */
	font-weight: normal;
	color: #ffffff;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcd113;
	background: #004E90 url("images/ui-bg_glass_55_f8da4e_1x400.png") 50% 50% repeat-x;
	color: #915608;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #915608;
}

.hr { 
  background-color: #6e6f72; 
  height: 3px;
}


.angular-google-map-container { width: 100%; height: 460px;}

.seccion-cabecera { 
  background-color: #6e6f72; 
  font-weight: bold;
  text-align: center;
  border-radius:3px 4px;
  font: normal 16px verdana;
  color:white;
}
.images {
    width: 650px;
    height: 400px;
    position: relative;
}
.icono-boton {
    width: 40px;
    height: 40px;
    position: relative;
    float:left;
    border-radius:4px;
    
}
.btn-seccion {
    color: white;
    background: #004E90; /*#2191c0; */
    border-top:1px solid transparent;
    border-right:1px solid transparent;
    border-bottom:2px solid #4c8f00; /*#4297d7; */
    border-left:2px solid #4c8f00; /*#4297d7; */
    display: inline-block;
    margin-bottom: 0;
    font-weight:400;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    background-image:none;
    padding:3px 2px;
    white-space:nowrap; 
    font-size:14px;
    line-height:1.42857143;
    border-radius:4px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width: 250px;
    height: 40px;
}
.btn:focus, .btn:hover, .btn-seccion:hover, .btn-seccion:focus {
    color: yellow;
    text-decoration: none;
}

.dolares {
    text-align: right;
}
.mayuscula{  
    text-transform: uppercase;  
} 

.inversion-titulo {
    font-size: x-small;
    background-color: #004E90;
    color: white;
    text-align: center;
    padding: 0;
}
.inversion-subtitulo {
    font-size: x-small;
    background-color: #004E90;
    color: black;
    text-align: center;
    padding: 0;
}
.inversion-etiqueta {
    font-size: x-small;
    color: black;
    text-align: left;
    padding: 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
      color: black;
      font-size: 16px;
      font-weight: bold;
}

.calendario-fecha {
    width: 150px;
    margin-right: 10px;
}
.titulo-color{
    color: #004E90;
}
.images-tabla {
    width: 24px;
    height: 24px;
    position: relative;
}
.logo-invisible {
    display: none;
}
.invisible {
    display: none;
}

fieldset {
	/*padding:10px 20px;*/
	margin: 0;
	position:relative;
	}

fieldset fieldset {
	margin:10px 0;
	width:90%;
	}
	
legend {
	font-weight:bold;
	font-size:1.8em;
	padding:10px;
	color:#4c8f00;
	margin:0 0 10px 0px;
	font-family:"trebuchet MS", verdana, sans-serif;
    text-align: center;
	}



/*fielset para lecturas*/
.fieldset-lecturas {
    display: block;
    padding: 10px 15px;
    margin: 15px 0;
    position: relative;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    min-width: -webkit-min-content;
    border-width: 2px;
    border-style: groove;
    border-color: threedface;
    width:100%;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size:13px;    
	}

.fieldset-lecturas-legend {
	font-size:13px;
    text-align: center;
	}

.table-lecturas{
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
    width:100%;
    background-color:#E6E6E6; 
}
.table-lecturas tr td{
    margin: 2px 2px 2px 2px;
    padding:2px 0px 0px 2px;
    height:1em;
}
.content-main {
    padding: 10px 2% 20px 2%;
    position: relative;
    min-height: 10px;
    _height: 1px;
    float: left;
}
input:disabled, textarea:disabled {
    color: rgb(84, 84, 84);
}
.bar {
  fill: #4278CA;
}

.bar:hover {
  fill: #4E6484;
}

.axis {
  font: 10px sans-serif;
}
.d3-tip {
  font: 10px sans-serif;
}
.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.x.axis path {
  display:  inline;
}
.title {
  font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.label-input {
    color: rgb(84, 84, 84)!important;
    line-height: 1em;
    border:1px solid rgba(187, 187, 187, 1) !important;
    padding: 3px 3px !important;
    float:left;    
    font-weight: normal;
    height:20px;
}
.label-etiqueta {
    font-weight: normal;
    float:left;
    margin-left:10px;
}
.label-etiqueta-2 {
    font-weight: normal;
    float:right;
    margin-left:10px;
}
.espaciado {
    float:left; 
    margin-left:6px !important;
    margin-right:6px !important;
}
ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:1px 4px 0 2px;
}
ul.enlarge thumbnail{
background-color:#eae9d4;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#eae9d4;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
}
ul.enlarge li:hover span{ 
top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -100px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -200px; 
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
behavior: url(pie/PIE.htc); 
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
@media print {
    .no-print, .no-print * {
        display: none !important;
    }

    .text-bold {
        font-weight: 500;
    }

    .logo-invisible {
        display: block;
        width: 10cm;
        margin-left: auto;
        margin-right: auto;
    }
    .seccion-cabecera { 
      background-color: #6e6f72 !important; 
      font-weight: bold !important;
      text-align: center !important;
      border-radius:3px 4px !important;
      font: normal 16px verdana !important;
      color:white !important;
    }
    .forma-table {
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin: 1px;
}
}

@media only screen and (max-width: 900px) {
    .encabezado-logo-empresa {
    width: 50%;
    margin-top: 22px;
    margin-left: 5px;
    }
    .main-contenido {
    width: 100%;
    min-width: 100px;
    float:none;
    }

}