/* CSS Document */
.Body
    {
    height: 100%;
    background: url('../img/fondo.png') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

#main
	{	
	background:#d4d4d4;	
	}

i.fa
	{
	font-size:21px !important;
	width: 25px !important;
	}

#contenido
	{
	min-height: 80vh;
    margin-bottom: 50px;
	background: #fff;
    padding: 10px 10px;
    border-top-left-radius: 4px;	
    border-top-right-radius: 4px;	
	}

.login
    {
    /* background: url('../img/login.png') repeat; */
	background-color: rgb(255,255,255,0.4);
    border: 2px solid #ccc;
    border-radius: 5px;
    }

.login_title
    {
    padding: 50px 0px;
    text-align: center;
    font-size: 25px;
    color: #fff;
    }

.login_btn
    {
    padding: 20px 0px 50px 0px;
    }

.input-container 
    {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
    }
/*
.btn
    {
    background-color: #61bf0a;
    color: white;
    padding: 15px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.9;
    }

.btn:hover 
    {
    opacity: 1;
    color: white;
    }
*/
.icon 
    {
    padding: 10px;
    background: #61bf0a;
    color: white;
    min-width: 50px;
    text-align: center;
    font-size: 22px;
    border-radius: 5px 0px 0px 5px;
    }

.input-field 
    {
    width: 100%;
    padding: 10px;
    outline: none;
    border-radius: 0px 5px 5px 0px;
    border: 0px;
    }

.input-field:focus 
    {
    border: 2px solid #61bf0a;
    }

.back-to-top{
    border-radius: 3px 3px 0 0;
    background-color: #61bf0a;
	color:#ffffff;
	width:40px;
	height:35px;
	display:none;
	position:fixed;
	bottom:0;
	right:15px;
	font-size:16px;
	text-align:center;
	padding-top:6px;
	transition:background 0.3s, color 0.2s;
	-webkit-transition:background 0.3s, color 0.2s;
	-moz-transition:background 0.3s, color 0.2s;
	-ms-transition:background 0.3s, color 0.2s;
	-o-transition:background 0.3s, color 0.2s;
	cursor:pointer;
	z-index:9;
}

.row
    {
    margin-top: 52px; 
    background-color: #fff; 
    min-height: 450px;
    padding: 0px;
    }

.footer
    {
    /*background-color: #F0F0F0;*/
    background-color: #555;
    color: #fff;
    width: 100%; 
    bottom:0px;
    border-top:2px #555 solid;
    /*height: 40px;*/
    /*position: fixed;
	z-index: 1000;*/
    position: fixed;
    }

.BoX
    {
    padding: 3px !important;
    height: 28px !important;
    font-size: 12px !important;
    text-align: end !important;
    border-radius: 0px !important;
    width: 70px !important;
    }

.title_bar
    {
    border-bottom: 2px #ccc solid;    
    background: #555;
    color: #fff;
    font-size: 20px;
    padding: 10px;
    }

.title_nom
    {
    
    }

.title_msj
    {
    }

.smenu
    {
    padding: 55px 0px 40px 0px; 
    background: #555;
    }

.result
    {
    border:2px #555 solid;
    text-align: right;
    font-weight: bold;
    }

.tresult    
    {
    background: #999; 
    color: #fff; 
    font-weight: bold; 
    font-size: 15px;
    }

.dash
    {
    color: #000;
    font-size: 20px;
    padding: 10px;
    }

.alert-purple { border-color: #694D9F;background:#694D9F;color:#fff; }
.label-purple { border-color: #694D9F;background: #694D9F;color:#fff;}
.alert-info-alt { border-color: #B4E1E4;background: #81c7e1;color:#06C; }
.label-info-alt { border-color: #B4E1E4;background: #81c7e1;color:#06C; }
.alert-danger-alt { border-color: #CCC;background: #CCC;color:#333; }
.label-danger-alt { border-color: #CCC;background: #CCC;color: #333; }
.alert-warning-alt { border-color: #F3F3EB;background: #E9CEAC;color: #000; }
.label-warning-alt { border-color: #F3F3EB;background: #E9CEAC;color: #000; }
.alert-success-alt { border-color: #19B99A;background: #20A286;color: #fff; }
.label-success-alt { border-color: #19B99A;background: #20A286;color: #fff; }
.alert-blue { border-color: #122661; background: #3B508E; color: #fff; }
.label-blue { border-color: #122661; background: #3B508E; color: #fff; }
.alert-darkred { border-color: #cc0000; background: #d13038; color: #fff; }
.label-darkred { border-color: #cc0000; background: #d13038; color: #fff; }

.modal-header-success {
	color:#fff;
	padding:9px 15px;
	border-bottom:1px solid #eee;
	background-color: #5cb85c;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	 border-top-left-radius: 5px;
	 border-top-right-radius: 5px;
}
.modal-header-warning {
	color:#fff;
	padding:9px 15px;
	border-bottom:1px solid #eee;
	background-color: #f0ad4e;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	 border-top-left-radius: 5px;
	 border-top-right-radius: 5px;
}
.modal-header-danger {
	color:#fff;
	padding:9px 15px;
	border-bottom:1px solid #eee;
	background-color: #d9534f;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	 border-top-left-radius: 5px;
	 border-top-right-radius: 5px;
}
.modal-header-info {
	color:#fff;
	padding:9px 15px;
	border-bottom:1px solid #eee;
	background-color: #5bc0de;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	 border-top-left-radius: 5px;
	 border-top-right-radius: 5px;
}
.modal-header-primary {
	color:#fff;
	padding:9px 15px;
	border-bottom:1px solid #eee;
	background-color: #428bca;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	 border-top-left-radius: 5px;
	 border-top-right-radius: 5px;
}
.modal-header-darkred{
	color:#fff;
	padding:9px 15px;
	border-bottom:1px solid #cc0000;
	background-color: #d13038;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	 border-top-left-radius: 5px;
	 border-top-right-radius: 5px;
}

.mensaje
    {    
    font-size: 13px;
    padding: 5px;
    border-radius: 5px;
	background-color: #5bc0de;
    color:#fff;
    position: absolute;
    text-align: right
    }

/* NOTIFICACIONES POPUP*/

#notificacion {		
		color: white;
		min-height: 70px;
		width: 350px;
		font-size: 14px;
		position: fixed;
		right: 10px;
		display: none;
		bottom: 0px;
		border-radius: 5px 5px 0px 0px;
		z-index:1000000;
	}
	.notificacion-primary
		{
		background-color: #388200;
		}
	.notificacion-danger
		{
		background-color: #dc3545;
		}
	.notificacion-warning
		{
		background-color: #ffc107;
		}
	.notificacion-info
		{
		background-color: #17a2b8;
		}
		
	.notifica {
		text-align: left;	
		padding: 0px 5px;
		display: inline-block;
		font-weight: bold;
		margin-left: 0px;
		border-bottom: 1px #222 solid;
		width: 100%;
		border-radius: 5px 5px 0px 0px;
		background-color: #ccc;
		color: #388200;
	}
	.notificatxt {
		padding: 5px;
		color: #fff;
	}
	.notificatxt-primary {
		padding: 5px;
		color: #fff;
		font-weight: bold;
	}
	.notificatxt-danger {
		padding: 5px;
		color: #fff;
		font-weight: bold;
	}
	.notificatxt-warning {
		padding: 5px;
		color: #000;
		font-weight: bold;
	}
	.notificatxt-info {
		padding: 5px;
		color: #fff;
		font-weight: bold;
	}

	.notificacerrar {
		display: inline-block;
		width: 20px;
		float: right;
		font-weight: bold;
	}	
/* REESTABLECER PASSWD */
.greenback
	{
	background-color:#DDFFE2;
	}
.letters
	{
	border: 1px #ccc solid;
	border-radius: 2px;
	text-decoration: none;
	padding: 5px 10px;
	color: #000;
	margin: 5px 0px;
    display: inline-block;
	font-weight: bold;
	}
.letters:hover
	{
	background-color: #388200;
	text-decoration: none;
	color: #fff;
	}

.active
	{
	background-color: #388200;
	text-decoration: none;
	color: #fff !important;
	}

a.active
	{
	background-color: #388200;
	text-decoration: none;
	color: #fff !important;
	}

a.inactive 
	{
	text-decoration: none !important;
	color: #388200 !important;	
	}

.panel-footer{padding: 3px 15px !important; font-size: 9px;}
.panel-inverse {
  border-color: #222;
	}
.panel-inverse > .panel-heading {
  color: #fff;
  background-color: #222;
  border-color: #222;
}
.panel-inverse > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #222;
}
.panel-inverse > .panel-heading .badge {
  color: #222;
  background-color: #fff;
}
.panel-inverse > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #222;
}
.panel-footer{padding: 3px 15px !important; font-size: 9px;}