.pagination li a{
	color: #fff;
	background-color: #bebcbc !important;
	border-color: #bebcbc !important;
}

.pagination li a:hover{
	color: #fff;
	background-color: #515151 !important;
	border-color: #515151 !important;
}

.tit-usr{
	margin-top: 10px;
}

.btn-nu_usr{
	float:right;
	margin-right: 15px;
}

.form-control:focus {
    border-color: #515151 !important;
}    

.btn-primary {
    color: #fff;
    background-color: black !important;
    border-color: black !important;
}

.btn-primary:hover {
    background-color: #515151 !important;
    border-color: #515151 !important;
}

a{
    color: black !important;
}

.placeholder{
	color:#999;
}

#label-form-usu{
	width: 90%;
}

#tool-left{
	display: none;
	width: 25px;
	height: 35px;
	margin:-2px;
	padding: 0px;
}

#tool-right{
	display: inline-block;
	width: 25px;
	height: 35px;
	margin:-2px;
	padding: 0px;
}

/* Cambiar el color de autocomplete en Chrome  */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset; 
    -webkit-text-fill-color: #000;
}
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    -webkit-text-fill-color: #000;
}
input:-webkit-autofill:hover{
      -webkit-box-shadow: 0 0 0px 1000px #fff inset;
      -webkit-text-fill-color: #000;  
}

a.mas-info:link,a.mas-info:visited,a.mas-info:active{
	color: #515151;
	background: url(../img/icon-mas.jpg) top left no-repeat;
	height: 16px;
	padding-left: 22px;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
	background-position: 0px 3px;
}

a.mas-info:hover{
	background: url(../img/icon-mas.jpg) bottom left no-repeat;
	color: #515151;
	text-decoration: none;
	background-position: 0px -16px;
}


.texto-activas {
    float: left;
    margin-top: -5px;
    margin-left: 5px;
}

.clear10 {
    clear: both;
    height: 10px;
}

body {
	background: white;
	margin: 0px auto;
	height:auto;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	color:#515151;
}

::selection {
	background:#515151;
	color:#fff;
}

::-moz-selection {
	background:#515151;
	color:#fff;
}

::-webkit-selection {
	background:#515151;
	color:#fff;
}

h1{
	color: black;
	font-size: 24px;
	font-weight: bold;
}

h2{
	color: #515151;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}

h3{
	color: #515151;
	font-weight: bold;
	font-size: 18px;
}

h4{
	text-transform: uppercase;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: -5px;
}

.left{
	float: left;
}

.logo{
	background: url(../img/logo.png) top left no-repeat;
	height: 79px;
	width: 257px;
	float: left;
/* 	margin-bottom: 20px; */
}

.cabezal{
	width: 100%;
	min-height: 81px;
	height: auto;
/* 	padding: 20px 2% 0px 2%; */
/* 	background: #0F79B6; */
/* 	border-bottom: 1px solid #cccccc; */
}

.menu-superior{
	float: right;
}

.usuario{
	background: url(../img/icon-usuario.jpg) left no-repeat;
	height: auto;
	width: auto;
	float: right;
	padding-left: 30px;
	line-height: 14px;
	font-size: 13px;
	margin-bottom: 20px;
	margin-top: 10px;
	color:white;
}


a.salir:link,a.salir:active,a.salir:visited{
	background: url(../img/icon-salir.jpg) top left no-repeat;
	height: auto;
	min-height: 15px;
	width: auto;
	float: right;
	padding-left: 20px;
	line-height: 14px;
	font-size: 13px;
	color: white;
	font-weight: bold;
	margin-left: 30px;
	margin-top: 12px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

a.salir:hover{
	color: #515151;
	text-decoration: none;
}

a.salir{
	color: white;
	text-decoration: none;
}

a.menu_usr{
	color: white;
	text-decoration: none;
}


.filtros{
	min-height: 50px;
	height: auto;
	width: 100%;
	background: #e6e4e2;
	padding-left: 10px;
	float: left;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 340px;
}

.campo{
	margin-top: 14px;
	margin-right: 20px;
	float: left;
	min-width: 215px;
	margin-bottom: 10px;
}

.campo-rango-de-fechas{
	margin-top: 14px;
	margin-right: 10px;
	float: left;
	min-width: 460px;
	margin-bottom: 10px;
	width: 38%;
}

.campo-rango-de-fechas-chico{
	margin-top: 14px;
	margin-right: 20px;
	float: left;
	min-width: 400px;
	margin-bottom: 10px;
}

.titulo-campo{
	font-weight: bold;
	float: left;
	margin-bottom: 10px;
}

.select-todos{
	max-width: 135px;
	height: 34px;
	width: 100%;
	float: left;
	font-size: 12px;
	margin-left: 10px;
	margin-top: -5px;
	padding:6px 6px;
}

.btn-buscar{
	margin-top: 8px;
	margin-left: 0px;
	margin-bottom: 10px;
	float: left;
}

.has-error {    
	box-shadow: inset 0 0px 5px rgba(169, 68, 66, .7);
}


.sidebar-nav{
	margin-left: -15px;
	height: 100%;
	font-size: 12px;
}

.navbar-default{
	text-transform: uppercase;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-left: none;
	border-top: none;
	border-bottom: 1px solid #b8b9ba;
	border-right: 1px solid #b8b9ba;
}

.sidebar-nav .navbar li a {
    font-size: 12px;
}

.navbar-default .navbar-nav > .link > a, .navbar-default .navbar-nav > .link {
    border-left: #f0f0f0 5px solid;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #515151;
    background-color: #f0f0f0;
    border-left: #515151 5px solid;
    font-weight: bold;
}

.clear{clear: both;
}

.clear10{clear: both; height: 10px;
}

.clear30{clear: both; height: 30px;
}


@media (min-width: 768px) {
	.sidebar-nav .navbar .navbar-collapse {
       padding: 0;
       max-height: none;
  	}
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  
}

@media (max-width: 768px){
	
	ul.usuario-menu{
	float:left;
	padding-left: 0px;	
	}
}

.navbar-nav .open .dropdown-menu {    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-top: 0
}
.dropdown-menu li{    display: block;
    margin: 0;
    line-height: 48px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #dfdfdf;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus
{background-color: #EFEFEF;}

@media (max-width: 767px) {
	.menu-izquierdo{
		width: 100%;
	}

	.contenido-derecha{
		margin-left: 10px;
		margin-top: 20px;
		margin-right: 10px;
		width: 98%;
	}

	.cabezal{
		height: 129px;
	}

	.campo-rango-de-fechas{
		margin-top: 14px;
		margin-right: 20px;
		float: left;
		min-width: 210px;
		margin-bottom: 10px;
	}

	.navbar-default .navbar-nav > li > a{
		padding: 6px 0px;
    	background-position: 5px 4px;
	}

 	.sidebar-nav {
 		margin-top:55px;  /* NO VA */
	    position: relative; /* VA */
	    visibility: collapse; /* NO VA */
	    /* left: -768px; */ /* VA */
	} 

/* 	.filtros{
		margin-bottom: -90px;
	} */

	.dropdown > ul.dropdown-menu {
	   /* display: none; *//* VA */
	}
}

@media (max-width: 320px) {
	.cabezal{
		height: 156px;
	}	
}

/* Tablas */

tbody{
	background: #fff;
	padding: 0px 30px;
	border: 1px solid #dedede;
}

thead{
	background: #f5f5f5;
	padding: 0px 30px;
	border: 1px solid #dedede;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
	padding: 8px 20px;
}

/* Cierra "Tablas" */

.altura20{
	height: 20px;
}

.altura15{
	height: 15px;
}

.btn-primary{
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
}


/* "Menú lateral nuevo" */
.navbar-toggle .icon-bar{
	background: #5f5f5f;
}

/* .navbar-header{
	float: left;
} */

.texto-activas{
	float: left;
	margin-top: -5px;
	margin-left: 5px;
}

.cuadro-index{
	background: rgba(1,46,85,1);
	background: -moz-linear-gradient(left, rgba(1,46,85,1) 0%, rgba(9,96,154,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,46,85,1)), color-stop(100%, rgba(9,96,154,1)));
	background: -webkit-linear-gradient(left, rgba(1,46,85,1) 0%, rgba(9,96,154,1) 100%);
	background: -o-linear-gradient(left, rgba(1,46,85,1) 0%, rgba(9,96,154,1) 100%);
	background: -ms-linear-gradient(left, rgba(1,46,85,1) 0%, rgba(9,96,154,1) 100%);
	background: linear-gradient(to right, rgba(1,46,85,1) 0%, rgba(9,96,154,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012e55', endColorstr='#09609a', GradientType=1 );
	padding: 30px;
	min-height: 130px;
	float: left;
}

.cuadro-index h1{
	color: #fff;	
	float: left;
}

.cuadro-index p{
	color: #fff;
	float: left;
}

.alto-icon{
	height: 100%;
	float: left;
}

.float-derecha{
	float: right;
	width: calc(100% - 40px);
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0px 0;
    border-radius: 4px;
}

.pagination>.active>a {
z-index: 2;
color: black;
cursor: default;
background-color: #969696 !important;
border-color: #969696 !important;
}

.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
	z-index:2;
	color:black;
	cursor:default;
	background-color:#969696;
	border-color:black
}

.pagination>a:hover{
	background-color:red !important;
}

.btn-danger {
    color: #fff;
    background-color: black !important;
    border-color: black !important;
}

.btn-danger:hover {
    color: #fff;
    background-color: #515151 !important;
    border-color: #515151 !important;
}

.btn-danger.active,.btn-danger.focus,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open>.dropdown-toggle.btn-danger {
	color:#fff;
	background-color:black;
	border-color:black;
}
.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger {
	background-image:none
}
.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
	background-color:#515151;
	border-color:#515151
}
.btn-danger .badge {
	color:#515151;
	background-color:#fff
}

#preloader{
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 background-color: rgba(132, 132, 132, 0.33);
	 z-index: 99;
	 height: 100%;
}

.cssload-ajax {
	position: absolute;
	left: 47%;
	top: 45%;
	width: 74px;
	height: 74px;
	background: url(../img/ajax-loader.gif) no-repeat center center;
}

#mobil-aju{
		margin-left:20px;
		margin-right: 20px;
}

@media(max-width: 637px){
	.responsive-sf{
		overflow-x: scroll;
	}
}

@media(max-width: 750px){
	.responsive-sf-us{
		overflow-x: scroll;
	}
}

@media screen and (max-width: 400px){
	#rc-imageselect, .g-recaptcha {
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
}

@media(max-width: 768px){
	
	#tool-right{
		display: none;
	}
	
	#tool-left{
		display: inline-block;
	}
}

@media(max-width: 400px){
	.recaptcha-mobil{
		transform:scale(0.66);-webkit-transform:scale(0.66);transform-origin:0 0;-webkit-transform-origin:0 0;
	}	
	
	#mobil-none{
		display: none;
	}
	
	#mobil-aju{
		margin-left:0px;
		margin-right: 0px;
	}
	
	.campo-rango-de-fechas{
		width: 100%;
	}
	
	#label-form-usu{
		width: 90%;
	}

}

@media(max-width: 325px){
	.slc-usr{
		width: 170px;
	}
}

@media(max-width: 307px){
	.btn-nu_usr{
		margin-right: 0px;
	}
	
	.tit-usr{
		font-size: 20px;
	}
}

@media(max-width: 240px){
	
	#label-form-usu{
		width: 90%;
	}
	
	#fecha_inicio{
		width: 130px;
    	margin: 0px;
	}
	
	#fecha_fin{
		width: 130px;
    	margin: 0px;
	}
	
	#usuario{
		width: 200px;
    	margin: 0px;
	}
	
	.campo{
	margin-top: 14px;
	margin-right: 20px;
	float: left;
	min-width: 210px;
	margin-bottom: 10px;
	}
	
	.campo-rango-de-fechas{
		width: 100%;
	}
	
	.navbar-toggle {
	    position: relative;
	    float: right;
	    padding: 9px 10px;
	    margin: 0px;
	    background-color: transparent;
	    background-image: none;
	    border: 1px solid transparent;
	    border-radius: 4px;
	    width: 42px;
	}
	
	
}

.pagination a:hover:not(.active) {
	background-color: #515151;
	border-color: #515151;
}

input:focus {
    border-color: #515151;
}

.btn-aud{
	margin-right: 10px;
}