@import "materialize.noche.css";
  
html { height: 100%; }

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}
   

/* Texto ajustable word wrap*/ 
.wrap-text {
    white-space: normal;
    line-height: 1.1;
}

/* Barras de Navegacion (<<  <  >  >>) */

.pagination{
padding: 0px;
display:inline-block;
}
.pagination ul{
margin:  0;
padding: 0;
text-align: left; /*alineacion del control */
}
.pagination li a {
list-style-type: none;
display: inline-block;
font-size: 1.2rem;
line-height: 30px;
color: #64b5f6;
padding: 0 10px;
}
.pagination a, .pagination a:visited{
padding: 0 5px;
border: 0px solid #9aafe5;
text-decoration: none;
color: #64b5f6;
}
.pagination2 a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #B5D6E4;
border-radius:5%
}
.pagination2 li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}
.pagination2 li.nextpage{
font-weight: bold;
}

.FieldSet {border:1 solid gray;
    background: transparent;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;
    padding:5px;	
}

/* Defining a custom border on all
	sides except the top side */
.BloqueCampos {
	border: 1px solid gray;
	border-top: none;
	margin: 1px 2px;
	padding: 8px;
	background: transparent;
}

/* Defining the style of the 
heading/legend for custom fieldset */
.BloqueCampos h5 {
	font-size: 15px;
	text-decoration: none;
	margin: -16px -8px 0;
}

/* Using float:left allows us to mimic
   the legend like fieldset. The 
   float:right property can also be 
   used to show the legend on right side */

.BloqueCampos h5 span {
	float: left;
}

/* Creating the custom top border to make
	it look like fieldset defining small 
	border before the legend. The width 
	can be modified to change position 
	of the legend */
.BloqueCampos h5:before {
	border-top: 1px solid gray;
	content: ' ';
	float: left;
	margin: 8px 2px 0 -1px;
	width: 12px;
}

/* Defining a long border after the 
legend, using overflow hidden to 
actually hide the line behind the 
legend text. It can be removed
for a different effect */
.BloqueCampos h5:after {
	border-top: 1px solid gray;
	content: ' ';
	display: block;
	height: 24px;
	left: 2px;
	margin: 0 1px 0 0;
	overflow: hidden;
	position: relative;
	top: 8px;
}


/*
.required {background-image:url(../media/required.gif); background-position:top right; background-repeat:no-repeat;}
tr { 
  overflow: hidden;
  line-height: 0px;
  white-space: nowrap; 
  padding: 0; 
  margin: 0 0 0 0;  
  }
  
  
td { 
  height: 0px ;
  white-space: nowrap; 
  text-overflow: ellipsis;
  padding: 13px 0;
  margin: 0 0 0 0;  
  }
*/

#RedBox {
  background-color: #D20202;
  color: white;
  padding: 10px;
  margin: -11px 5px -11px 5px;
  border: 1px solid red ;
  border-radius: 5px;
} 
#GreenBox {
  background-color: #016d01;
  color: white;
  padding: 10px;
  margin: -11px 5px -11px 5px ;
  border: 1px solid green;
  border-radius: 5px;
} 
#YellowBox {
  background-color: #E4E40C;
  color: black;
  padding: 10px;
  margin: -11px 5px -11px 5px;
  border: 1px solid green;
  border-radius: 5px;
} 

#BlueBox {
  background-color: #153c85;
  color: white;
  padding: 10px;
  margin: -11px 5px -11px 5px;
  border: 1px solid rgb(3, 125, 240);
  border-radius: 5px;
} 


.readonly-wrapper {
    cursor: allowed;
}
.readonly-wrapper .readonly-block {
    cursor: not-allowed;
    pointer-events: none;
}

.input-field input[type=text] {
     color: #DBDBDB;
}

input:not([type]):focus:not([readonly]), input[type="text"]:not(.browser-default):focus:not([readonly]), input[type="password"]:not(.browser-default):focus:not([readonly]), input[type="email"]:not(.browser-default):focus:not([readonly]), input[type="url"]:not(.browser-default):focus:not([readonly]), input[type="time"]:not(.browser-default):focus:not([readonly]), input[type="date"]:not(.browser-default):focus:not([readonly]), input[type="datetime"]:not(.browser-default):focus:not([readonly]), input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), input[type="tel"]:not(.browser-default):focus:not([readonly]), input[type="number"]:not(.browser-default):focus:not([readonly]), input[type="search"]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px yellow;
    -webkit-box-shadow: 0 1px 0 0 yellow;
    box-shadow: 0 1px 0 0 yellow;
    color: white;
}

input[type="busqueda"] {
  display: block;
  margin: 0;
  border-radius: 5px;
}
input[type="busqueda"]:focus {
  outline: none;
}

/* RESTYLING THE TABS USING THE CUSTOM VARIABLE */
.tabs .tab a{
color:gray;
}
.tabs .tab a:focus, .tabs .tab a:focus.active {
background-color: #222D32;
outline: none;
}
.tabs .tab a:hover,tabs .tab a:active,.tabs .tab a.active {
background-color:transparent;
color: white;
}
.tabs .tab.disabled a,.tabs .tab.disabled a:hover {
color:rgba(102,147,153,0.7);
}
.tabs .indicator {
background-color:#218CE1;
}
	
nav { 
  background: linear-gradient(to bottom, #151c1f , #263238); 
  }
  
  ul.select-dropdown,
  ul.dropdown-content {
    width: auto !important;
  
    li> span {
      white-space: nowrap;
    }
  }  

  /* Desdpliega el login del usuario */
  .chip {
    display: inline-block;
    height: 32px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(219, 219, 241, 0.6);
    line-height: 32px;
    padding: 0 12px;
    border-radius: 16px;
    background-color: #263238;
    margin-bottom: 5px;
    margin-right: 5px;
  }

  /* Permite centrado de graficos */
  
  .outboxChart{
    text-align: center;
  }
  .containerChart{
    width: 50%;
    display: inline-block;
  }

  td {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .material-icons{
    display: inline-flex;
    vertical-align: top;
}

  .sidenav li > a {
    color: rgb(210, 202, 202);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding: 0 32px;
  }

  .collection .collection-item {
    color:rgb(210, 202, 202);
    background-color: #151c1f;
    line-height: 1.5rem;
    padding: 10px 20px;
    margin: 0;
    border-bottom: 1px solid #263238;
}

.collection {
  margin: 0.5rem 0 1rem 0;
  border: 1px solid #263238;

}

label {
  color: #81d4fa;
}

label[for] {
  color: #81d4fa;
}


.datepicker-date-display {
  background-color: rgb(118, 186, 241);
 }
 
 .datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {
  color:rgb(69, 143, 204);
 }
 
 .datepicker-table td.is-today {
  color: rgb(69, 143, 204);
 }
 
 .datepicker-table td.is-selected {
  background-color: rgb(118, 186, 241);
  color: #fff;
 }

 .month-prev, .month-next {
  margin-top: 4px;
  cursor: pointer;
  background-color: rgb(138, 141, 143);
  border: none;
}

.datepicker-controls .select-month input {
  background-color: rgb(138, 141, 143);
  width: 70px;
}

 /*
table tr:nth-child(odd) td{ background-color:#263238; }  
table tr:nth-child(even) td{ background-color:#37474f; }
¿/