label {
	font-weight: normal !important;
}
/* CSS Document */
/* ---------- FONTAWESOME ---------- */
/* ---------- http://fortawesome.github.com/Font-Awesome/ ---------- */
/* ---------- http://weloveiconfonts.com/ ---------- */
@import url(http://weloveiconfonts.com/api/?family=fontawesome);
/* ---------- ERIC MEYER'S RESET CSS ---------- */
/* ---------- http://meyerweb.com/eric/tools/css/reset/ ---------- */
@import url(http://meyerweb.com/eric/tools/css/reset/reset.css);
/* ---------- FONTAWESOME ---------- */
[class*="fontawesome-"]:before {
	font-family: 'FontAwesome', sans-serif;
}

.merienda {
	font-family: 'Nova Cut', cursive;
}


@font-face {
	font-family: 'FrutigerLTStd-Ligh';

	src: local('FrutigerLTStd-Ligh'),
	local('FrutigerLTStd-Ligh'),
	local('FrutigerLTStd-Ligh'),
	url("../fonts/FrutigerLTStd-Ligh.otffru") format('otf');
}
@font-face {
	font-family: 'DINCond-Bold';

	src: local('DINCond-Bold'),
	local('DINCond-Bold'),
	local('DINCond-Bold'),
	url("../fonts/DINCond-Bold.ttf") format("truetype"),
	url("../fonts/DINCond-Bold.otf") format('opentype');
	
	
}
@font-face {
	font-family: 'nucleo-outline';

	src: local('nucleo-outline'),
	local('nucleo-outline'),
	local('nucleo-outline'),

	url("../fonts/nucleo-outline.ttf") format('ttf');
}

/*====================================================================
================================login=================================*/
.navbar-header {
    float: inherit;
}
.navbar.navbar-ct-blue.navbar-fixed-top.navbar-transparent {
    margin-top: 0px;
    padding-top: 0px;
    width: 83%;
    margin: 0 auto;
}
.Title-1 {
    font-size: 3rem;
    color: #e78917;
    font-family: 'DINCond-Bold';
    /*padding-left: 80px;*/
}
.Title-2{
	font-size: 2em;
	color: #e78917;
	font-family: 'DINCond-Bold';
}
.paragraph-1{
	font-size: 1.5rem;
	font-family: 'Nunito', sans-serif;
	text-align: justify;
	font-weight: 300;
}
.imagenes.img-responsive.col-xs-8.col-sm-8.col-md-8.col-lg-8 {
	float: right;
}
.container_login.card.card-signup.get-login {
    background-color: rgb(231,231,231);
    border-radius: 13px;
}
.logo{
	margin:0 auto;
	width: 65%;
}
.logoart {
    width: 18em;
    margin: 0 auto;
}
.btn-usert {
	font-size: 1em;
	font-weight: bold;
	font-family: 'Nunito', sans-serif;
}
.container_login {
    background-color: #e7e7e7;
    border: 0px;
    padding: 30px 50px 20px 50px;
    box-shadow: 1px 2px 2px 0 rgba(3, 3, 3, 0.1), 0 6px 16px 0 rgba(0, 0, 0, 0.1);
    margin-top: 4%;
    border-radius: 5px;
    max-width: 700px;
}
#login form input[type="submit"] {
    border-radius: 12px;
    background-color: #53b3a9;
    word-wrap: break-word;
    /*width: 147px;*/
    border: none;
    /*height: 48px;*/
    margin-top: 12px;
    color: white;
    border-radius: 0px;
    border-radius: 6px;
    /*margin-left: 8px;*/
    /*font-weight: 0;*/
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Nunito', sans-serif;
    padding: 10px;
    text-shadow: 1px 1px 2px black;
}
#login form input[type="submit"]:hover {
	background-color: orange;
}
#Password,#Email {
	font-size: 1e;
	height: 42px !important;
	background-color: white;
	border-radius: 0 14px 14px 0;

}
.form-group.form-group-no-border .input-group-addon, .input-group.form-group-no-border .input-group-addon {
	background-color: white;
	border: none;
	height: 42px;
	border-radius: 14px 0 0 14px;
}
#Password:focus,
#Email:focus {
	border: 1px solid #F08400;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0 !important;
	color: #2c2c2c;
}
.innov p{
	font-size: 13px;
	margin-top: 10px;
}
.innov img{
	max-height: 100px;
	max-width: 220px;
	margin-bottom: 12px;
}

/*================================login====================================
=================================index================================*/
.navbar-header .logo {
	width: 33%;
	float: left;
	/*padding-top: 18px;*/
}
.navbar-brand {
	float: initial;
	text-align: initial;
	margin-top: 0px;
	margin-bottom: 0px;
}
.bar-nav {
	font-size: 9px;
	line-height: unset;
}
.bar-nav img {
	margin: 0;
	padding: 0;
}

.navbar-header {
    padding: 0 15px 0 15px;
}

.bar {
	width: 100%;
	height: 3px;
	background-color: #53b3a9;
	margin: 0px;
	padding: 0px;
}
.nav > li > a {
	position: relative;
	display: block;
	padding: 23px 15px;
}
@media (max-width: 767px) {
    .navbar {
     display: block;
    }

    .container {
        width: 100%;
    }

    .logo {
        margin: 0 auto;
        width: 100%;
    }

}
@media (min-width: 992px){

    .container {
        width: 100%;
    }
}



.buttons1{
	background:url('../img/Generar-alertash_01.png') no-repeat;
	display: inline-block;
	height: 240px;
	background-size: cover;
	width: 187px;
}
.buttons2{
	background:url('../img/misalertas.png') no-repeat;
	display: inline-block;
	height: 240px;
	background-size: cover;
	width: 187px;
}
.buttons3{
	background:url('../img/Solicitar-asitencia-tegnicah.png') no-repeat;
	display: inline-block;
	height: 240px;
	background-size: cover;
	width: 187px;
}
.buttons1:hover{
	background: url(../img/Generar-alertash_01q.png);
	background-size: cover;
}
.buttons2:hover{
	background: url(../img/misalertashover.png);
	background-size: cover;
}
.buttons3:hover{
	background: url(../img/Solicitar-asitencia-tegnicahq.png);
	background-size: cover;
}

.list-a.col-lg-4.col-mg-4.col-xs-12 {
	text-align: center;
}
.buttons1:before{
	content: 'Generar alerta';
	color: white;
	font-size: 16px;
	padding-top: 210px;
	text-align: center;
	position: relative;
	display: block;


}
.buttons2:before{
	content: 'Mis alertas';

	color: white;
	font-size: 16px;
	padding-top: 210px;
	text-align: center;
	position: relative;
	display: block;

}
.buttons3:before{
	content: 'Mesa de ayuda';
	color: white;
	font-size: 16px;
	padding-top: 210px;
	text-align: center;
	position: relative;
	display: block;


}
.buttons4{
	background:url('../img/genstion-de-usuarios.png') no-repeat;
	display: inline-block;
	height: 240px;
	background-size: cover;
	width: 187px;}
.buttons5{
	background:url('../img/tegistrodeacciones.png') no-repeat;
	display: inline-block;
	height: 240px;
	background-size: cover;
	width: 187px;
}
.buttons6{
	background:url('../img/Validar-de-alertas.png') no-repeat;
	display: inline-block;
	height: 240px;
	background-size: cover;
	width: 187px;
}
.buttons7 {
    background: url('../img/Consultar-reporte-de-mis-alertas-generadash.png') no-repeat;
    display: inline-block;
    height: 240px;
    background-size: cover;
    width: 187px;
}
.buttons4:hover{
	background: url('../img/genstion-de-usuarioshq.png');
	background-size: cover;
}
.buttons5:hover{
	background: url(../img/tegistrodeaccionesh.png);
	background-size: cover;
}
.buttons6:hover{
	background: url(../img/Validar-de-alertash.png);
	background-size: cover;
}

.buttons7:hover {
    background: url(../img/Consultar-reporte-de-mis-alertas-generadashq.png);
    background-size: cover;
}

.list-a.col-lg-4.col-mg-4.col-xs-12 {
	text-align: center;
}
.buttons4:before{
	content: 'Gestión usuarios';
	color: white;
	font-size: 16px;
	padding-top: 210px;
	text-align: center;
	position: relative;
	display: block;


}
.buttons5:before{
	content: 'Registrar actuaciones';

	color: white;
	font-size: 16px;
	padding-top: 210px;
	text-align: center;
	position: relative;
	display: block;

}
.buttons6:before{
	content: 'Validar alertas';

	color: white;
	font-size: 16px;
	padding-top: 210px;
	text-align: center;
	position: relative;
	display: block;
}

.buttons7:before {
    content: 'Reportes';
    color: white;
    font-size: 16px;
    padding-top: 210px;
    text-align: center;
    position: relative;
    display: block;
}


/*===========================uuser================================*/

/*.card {

width: 525px;
}*/
.nav.nav-tabs.nav-tabs-neutral.form-control {
background-color: transparent;
border: 1px solid #EE8401;
border-radius: 3px;
}
.nav.nav-tabs.nav-tabs-neutral {
background-color: #ee8401;
}
/*.btn.btn-primary.btn-round.pull-right {
background-color: #ee8401;
}*/
/*.pull-right.btn.btn-primary {
background-color: #ee8401;
}*/
.pull-right.btn.btn-primary a {
    color: #fff;
}
.dropdown.pull-right.text-center a {
 color: #080000;
}
#Nivel, #Categoria {
    border-radius: 5px;
}
.btn.btn-primary.btn-round.pull-right {
    margin-right: 17px;
}
@media (max-width: 500px) {

}


.card-form{
    border: 0;
    border-radius: 0.1875rem;
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
}
.input-group, .form-group {
    margin-bottom: 10px;
    /*float: right;
    width: 50%;*/

}
/*.form-group{
	float: right;
}*/
.form-group .form-control, .input-group .form-control {
    padding: 0px 0 0 9px;
    height: 30px !important;
    font-size: 12px;
    width: 100%;
    border-radius: 9px;
}
.inform:hover {
    color: red;
    background-color: white;
}
#DataTables_Table_0_filter {
    float: right;
}
/*=============================formularios=============================*/

.control-label {
    width: 100%;
}
.btn.btn-primary.btn-sm a {
    color: white;
}
#DataTables_Table_0_wrapper {
    margin-top: 19px;
}
body{
    zoom:1.1 !important;
}