@charset "utf-8";
/* CSS Document */
body{display: flex;
    min-height: 100vh;
    flex-direction: column;}
main {
    flex: 1 0 auto;
  }
h1{ font-size:3.8rem;}
header, main, footer { padding-left: 200px;}
.logIn footer{ padding-left:0px;  /*position:absolute; bottom:0px;*/ width:100%; padding:10px 0px; }
.logIn footer span:first-child{ float:left; padding-left:10px; color:#fff}
.logIn main	{padding-left:0px}
.borderBox	{ border:1px solid #FC0; padding:15px}

/*LOGIN */
.logIn	{ background:#fff url(../img/bg_homepage.jpg) no-repeat top left; background-size:cover}
.logIn i	{ color:#fff}
.actionBtn{ margin:0 auto; text-align:center}
.side-nav{width:200px}
.nav-wrapper .dropdown-content{ margin-top:63px}
.container{ width:95%}
.boxLogin{ /*width:330px;*/ margin-top: 10%; /*background: url(../img/bgTransp60.png) top left;*/ padding:15px; /*float:right;*/ height:100%}
.boxLogin h1 { /*text-align:center;*/ font-size:35px; color:#fff; margin-bottom:0px; margin-top:0px}
.boxLogin h1 img {width:100%; max-width:360px; margin-top:40px}
.input-field label{ color:#333}
.boxLogin .input-field label{ color:#fff}
.boxLogin input:not([type]):focus:not([readonly]),
.boxLogin input[type=text]:focus:not([readonly]){ border-bottom: 1px solid #E65100;
  box-shadow: 0 1px 0 0 #E65100;}
.boxLogin p, .boxLogin h3	{color:#fff; /*text-align:center;*/ margin-top:0px}
.titLogin	{ font-size:22px}
.formLogIn	{background: url(../img/bgTransp60.png) top left; padding:25px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px;}
.formLogIn h3	{ text-align:center}

  
  
input:not([type]):focus:not([readonly]) + label,
input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly])+label{ color:#E65100;} 


.boxLogin input:not([type]):focus:not([readonly]) + label,
.boxLogin input[type=text]:focus:not([readonly]) + label,
.boxLogin input[type=password]:focus:not([readonly]) + label{ color:#fff;}

.boxLogin input[type=text], .boxLogin input[type=password],  .boxLogin input[type=email]{ border-bottom:1px solid #fff; color:#fff}
input[type=text]:focus:not([readonly]), 
input[type=password]:focus:not([readonly]), 
textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #000; /*box-shadow:0 1px 0 0 #000*/}
input[type=text], input[type=password]{ border-bottom:1px solid #333;}

footer{font-size:12px; text-transform:uppercase; color:#fff; border-top:1px solid #fff}
footer .logoSponsor { float: left; width:150px; border-radius:1px solid #fff; padding-right:15px; margin-right:15px}
footer .logoSponsor img{ width:150px}
footer .row{ margin-top:15px; margin-bottom:0px}

/*INTERNA */
.interna{}
.interna footer, .interna header, .interna .nav-wrapper { padding-left:220px}
.collapsible .material-icons{ color:#FFF; }
.side-nav li>a>i, .side-nav li>a>[class^="mdi-"], .side-nav li>a>[class*="mdi-"], .side-nav li>a>i.material-icons{margin:0px; color:#fff}
.collapsible .side-nav li>a>i{ float:right}
.nav-wrapper a img{ float: right}
.interna .nav-wrapper{ background:#167981 url(../img/bg_TopBar.jpg) no-repeat 200px 0px; border-bottom:3px solid #00B2B2 }
.dropdown-content li>a, .dropdown-content li>span{ color:#167981}
.nav-wrapper .grey{ padding:0px 15px}
.mainContent{}
.side-nav{ background:url(../img/Bg_sideNav.png) bottom left repeat-x}
.side-nav span{ line-height:14px; padding-top:5px; display:block}
.side-nav a{ font-size:13px; }
.side-nav .collapsible-body li a, .side-nav.fixed .collapsible-body li a{color:#fff}
a{ color:#FFAB00}
a:hover{ text-decoration:underline}
tr:hover{ background-color:#fafafa}
thead th{ border-bottom:3px solid #444444; border-top:2px solid #444444}
.btnOption{ float: left; display:inline-block; width:35px; height:35px; text-align:center}
.btnOption i{ text-align:center; margin-top:5px}
.btnOption:hover{ background:#e0e0e0;}
.logo{ margin-top:15px}
.pagination li.active{ background-color:#ff8f00}
.pagination li a{ color:#ff8f00}
.brand-logo{ pading-left:15px}
.titModal	{ border-bottom:2px solid #ff8f00}

/*DATAPICKER*/
.picker__weekday-display{background-color:#167981}
.picker__date-display{background-color:#F57F17}

/*TABS*/
.tabs .indicator		{ background-color:#FF8F00; height:4px}
.tabs .tab a			{ color:#FF8F00}
/*.tabs li a.active		{background-color:#B71C1C; color:#fff	}*/

/*NOTIFICACIONES*/
.numNotificaciones		{ font-size:9px; text-transform:uppercase; border:1px solid #fff; padding:3px; margin-left:-10px; font-weight:700}
.notificacionesActiva	{ color:#00FFFF; }
.notificacionesActiva .numNotificaciones{ border:1px solid #00FFFF;}

/*CARBOX*/
.carBox{ border:1px solid #CCC; overflow:hidden; display:block; padding:5px 15px; margin-top:15px}
.carBox:hover{ background:#F7F7F7}
.carBox span{ display:block; font-size:14px; }
.carBox h6{ font-weight:bold
} 

/*ALERTS*/
.alertBox{ padding:5px 15px; margin:15px 0px}
.alerta	{ border: 1px solid #F00; border-left: 6px solid #F00}
.alerta h4{ color: #F00}
.cuidado	{ border: 1px solid #FC0; border-left: 6px solid #FC0}
.cuidado h4{ color: #FC0}
.completo	{ border: 1px solid #6C0; border-left: 6px solid #6C0}
.completo h4{ color: #6C0}


/*RESPONSIVE*/
@media only screen and (max-width: 992px) {
   .interna .nav-wrapper{ background:#167981 url(../img/bg_TopBar.jpg) no-repeat 0px 0px }
   header, main, footer{ padding-left:0px}
   .interna footer, .interna header, .interna .nav-wrapper{ padding-left:50px}
   .mainContent{ padding:0px 15px}
   nav .brand-logo{ left:25%}
}