/*
* APLICATIVO WEB Misresiduos
* Autor: Ing. Nicolas Gutierrez Gonzalez
* Version 1: 2018
*/
html,body{
	height:100%; 
	font-family: 'Josefin Sans', sans-serif;
	min-height: 100%;
}
/*INICIO - index.php*/
.carousel,.item,.active{height:100%;}
.carousel-inner{height:90%;}
.fill{width:100%;height:100%;background-position:center;background-size:cover;}

	.item{
		padding: 2% 6% 6% 6%;
		background-color:#FEFEFE;
		align-items:center	
	}
  	.continuar{
		height:10%;
		background-color:#115EEC;
		color:white;
		text-align:right;
		display: table;
    	vertical-align: middle;
		width:100%;
	}
	.flechas{
		color:white;
		margin-right:20px;
	}
	.carousel-control{
		width:5%;
		font-size:16px;
		text-shadow:none;
		color:black;
		opacity:1 !important;	
	}
	.list-group{
		margin-top:50px;	
	}
	.left{
		background-image:none !important;	
	}
	.right{
		background-image:none !important;	
	}
	.containerIndex{
		padding:0px;	
	}
	hr{
		color:black;	
	}
	.titulo{
		font-size:60px;
		font-weight:bold;	
	}
	textarea{
		resize:none;	
	}
	p{
		font-size:20px;	
	}
	.contenedor{
		display:table-cell;
		vertical-align: middle; 
		padding-left:6%;
		padding-right:6%;	
	}
	.alinear{
		float:left;
		color:black;
		font-weight:bold;
	}
	.login{
		margin-top:30px;
	}
	
/* FIN - index.php*/

/*INICIO - login.php*/
	.tituloLogin{
		font-size:40px;
		font-weight:bold;	
	}
	.containerLogin{
		margin-top:4%;
	}
/*FIN - login.php*/

/*INICIO - layout sitio*/
	input[type=number]::-webkit-outer-spin-button,
	input[type=number]::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}
	
	input[type=number] {
		-moz-appearance:textfield;
	}
	/* Navbar / layout: ver css/cse-ui.css */
	.h2, h2{
		margin:0px;	
	}
	.media-left, .media > .pull-left{
		padding-right:0px	
	}
	.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{
		padding:5px;	
	}
	hr{
		margin-top:5px;
		margin-bottom:5px;
	}
/*FIN - layout sitio*/

/*INICIO - menu.php*/
	.navbar-login
	{
		width: 230px;
		padding: 10px;
		padding-bottom: 0px;
	}
	
	.navbar-login-session
	{
		padding: 10px;
		padding-bottom: 0px;
		padding-top: 0px;
	}
	
	.icon-size
	{
		font-size: 87px;
	}
/*FIN - menu.php*/

/*INICIO - componentes UI*/
	.bs-callout {
			padding: 20px;
			margin: 20px 0;
			border: 1px solid #eee;
			border-left-width: 5px;
			border-radius: 3px;
		}
		.bs-callout h4 {
			margin-top: 0;
			margin-bottom: 5px;
		}
		.bs-callout p:last-child {
			margin-bottom: 0;
		}
		.bs-callout code {
			border-radius: 3px;
		}
		.bs-callout+.bs-callout {
			margin-top: -5px;
		}
		.bs-callout-default {
			border-left-color: #777;
		}
		.bs-callout-default h4 {
			color: #777;
		}
		.bs-callout-primary {
			border-left-color: #428bca;
		}
		.bs-callout-primary h4 {
			color: #428bca;
		}
		.bs-callout-success {
			border-left-color: #5cb85c;
		}
		.bs-callout-success h4 {
			color: #5cb85c;
		}
		.bs-callout-danger {
			border-left-color: #d9534f;
		}
		.bs-callout-danger h4 {
			color: #d9534f;
		}
		.bs-callout-warning {
			border-left-color: #f0ad4e;
		}
		.bs-callout-warning h4 {
			color: #f0ad4e;
		}
		.bs-callout-info {
			border-left-color: #5bc0de;
		}
		.bs-callout-info h4 {
			color: #5bc0de;
		}


/*FIN - componentes UI*/

/*INICIO - AdministradorCliente.php*/
.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
/*FIN - AdministradorClientes.php*/

/*alertas.php*/
.notification {
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,.1);
    border-radius: 5px;
    display: flex;
    height: 100px;
    justify-content: space-between;
    opacity: 0;
    padding:15px;
    position: absolute;
    right: 30px;
    top: 170px;
    visibility: hidden;
    transition: all .5s ease;
    width: 270px;
	background-color: #1D7E4D;
}
.visible {
    opacity: 1;
    top: 60px;
    visibility: visible;
}
.notification > .text {
    align-items: center;
    color: white;
    cursor: default;
    display: flex;
    font-family: 'Open Sans';
    font-weight: 400;
    word-wrap: normal;
}
.notification > .close {
    color:#FFF;
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 5px;
    transition: color .3s ease;
	font-size:14px;
}
.back-to-top{
		width: 80px;
		height: 80px;
		text-indent: -9999px;
		position: fixed;
		z-index: 999;
		right: 20px;
		bottom: 20px;
		background: #FB480D url("../images/plus.svg") no-repeat center 43% !important;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 50px;
		border-color: black;
		border-style: solid;
   		border-width: 5px;
}

/*--------------------------------------ESTILOS DEL TOOLTIP---------------------------------------*/
.ui-tooltip, .arrow:after {
    background: #d6e9c6 !important;
    border: 2px solid darkgreen !important;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: darkgreen !important;
    border-radius: 20px !important;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    box-shadow: 0 0 7px black !important;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
/*----------------------------------------------------------------------------------------------------*/
/*alertas.php*/

/* Pantallas mas peque単as */
@media (max-width: 767px) { 
	body {
		padding-left: 0;
		padding-right: 0;
	}
	.titulo{
		font-size:30px;
		font-weight:bold;	
	}
	p{
		font-size:15px;	
	}
	.btn-lg{
		font-size:14px;
		padding:6px 12px;
	}
	.tituloLogin{
		font-size:18px;
		font-weight:bold;	
	}
	.containerLogin{
		margin-top:0;
	}
	.back-to-top {
		width: 60px;
		height: 60px;
		text-indent: -9999px;
		position: fixed;
		z-index: 999;
		right: 20px;
		bottom: 20px;
		background: #FB480D url("../images/plus.svg") no-repeat center 43% !important;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
	}
	.h2, h2{
		margin:0px;	
		font-size:25px;
	}
	
	/*alertas.php*/
	.notification {
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,.1);
		border-radius: 5px;
		display: flex;
		height: 100px;
		justify-content: space-between;
		opacity: 0;
		padding:15px;
		position: absolute;
		right: 30px;
		top: 170px;
		visibility: hidden;
		transition: all .5s ease;
		width: 270px;
		background-color: #2980b9;
	}
	.visible {
		opacity: 1;
		top: 60px;
		visibility: visible;
	}
	.notification > .text {
		align-items: center;
		color: white;
		cursor: default;
		display: flex;
		font-family: 'Open Sans';
		font-weight: 400;
		word-wrap: normal;
	}
	.notification > .close {
		color:#FFF;
		cursor: pointer;
		position: absolute;
		right: 8px;
		top: 5px;
		transition: color .3s ease;
		font-size:14px;
	}
	/*alertas.php*/
}

fieldset.titulo{
	border: 1px groove #999;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	font-size: 14px;
}

legend.titulo{
	font:bold 14px Tahoma, Geneva, sans-serif;
	color:darkgreen;
	width: 50% !important;
	margin-bottom: 0px !important;
	border-bottom: 0px !important;
}


.huge {
    font-size: 35px;
}

.huge2 {
    font-size: 25px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}


table.tableSticky thead {
  position: sticky;
  top: 0px;
}