body {

	/*Controlan el espacio de separacion*/

  padding-top: 65px;

  padding-bottom: 20px;

  background-image: url('../imgs/noisy_grid.png');

}



.footer{

	font-size: 1em;

	text-align: center;

	color:#888;

	height: 46px;

	background-image: url('../imgs/tejido.jpg');

	background-repeat: repeat-x;

	margin: 0px auto;

	margin-bottom: 0.4em;

}



.login_fondo{

	background-color: #BDBDBD;

}



.svg-big {

	/*background-image: url(polaroid.svg);*/

	background-repeat: no-repeat;

	background-size: 100%;

	width: 90%;

	height: 90%;

	display: block;

	/* Para IE7 ponemos una imagen de otro formato */

	/*Utilizando el asterisco trabajamos de manera específica con IE7 y atacamos el problema, mostrando una imagen para que el espacio no quede vacío.*/

	/**background-image: url(polaroid.gif);*/

}



.bs-example{

	margin: 20px;

}



.centrado{text-align: center;}

.izquierda{text-align: left;}

.derecha{text-align: right;}

.justificado{text-align: justify;}

.mayusculas{text-transform: uppercase;}

.texto-rojo {color: #FF0000;}

.text-negrita{font-weight: bold;}



.flotar-derecha{float:right; margin-right:14px;}





/*###############################################################################*/

/* Estilos para personalizar los elementos de Bootsatrap */

.panel-primary {

  border-color: #5A4F9B;

}


.panel > .panel-body{

    padding: 2px;

}

/*

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {



  background-color: #A6A8C1;

  border-color: #31347B;

 }



.btn

{

  background-color: #9F418F;

  border-color: #9F418F;

} */





/*###############################################################################*/











table.dataTable thead th,

table.dataTable tfoot th {

    font-size: 12px

}



.form-control[readonly] {

    background-color: #fff;

}



.datepicker td .ui-state-active {

    background: #cd00c7;

}



.popover {

        font-size: 11px;

        max-width:40%;

    }





td { font-size: 15px; font-weight: 500;}



/*Estilos para las tablas de filtrado*/

.tablas{

	padding: 10px;

}



.table tbody>tr>td.verticalalign

{

    vertical-align: middle;

}



.dataTables_empty{

	color: #FF0000;

	font-size: 18px;

}



.beta{

	width:14em;

	height:40px;

	line-height: 30px;

	vertical-align: middle;

	text-align: center;

	font-family: verdana;

	font-size: 1em;

	letter-spacing: 1px;

	background-color: #A4A4A4;

	color:#01DF01;

	padding-top: 0.2em;

	position: absolute;

	top:30px;

	right: -50px;

	border: 0;

	transform: rotate(45deg);

	border: 3px dashed  #fff;

	box-shadow: 0 0 0 4px #888;

}





input[type="search"].form-control{

	width: 300px;

}



input[type="search"]{

	height: 30px;

	border-radius:10px;

	padding-left: 10px;

	background: url('../imgs/magnifier.png') no-repeat 6px 6px;

	background-position:94%;

	background-color: #F5F6CE;

}



.search-input{

    border-radius: 10px;

    padding-left: 10px;

    background: url('../imgs/filter.png') no-repeat 6px 6px;

    background-position: 94%;

    background-color: #F5F6CE;

}









.texto-rojo{color:#FF0000;}

.texto-verde{color:#00FF00;}

.texto-azul{color:#0000FF;}



/*Estilos sobreescritos de los originales*/

.img-login{

	margin:10px auto;

	border:2px solid #ccc;

	margin-bottom: 1em;

}



.img-login:hover {

    -webkit-box-shadow: 0px 0px 10px 6px rgba(255, 10, 255, .20);

    box-shadow: 0px 0px 15px 10px rgba(255, 10, 255, .20);

}



.btn-pink {

    color: #FFF;

    background-color: #FE3497;

    border-color: #F165CC;

}



.btn-pink:hover {

    color: #fff;

    background-color: #ED458B;

    border-color: #F165CC;

}







/********* NAV-BAR ************/

.navbar-inverse { background-color: #5A4F9B}

.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #080808}

.dropdown-menu { background-color: #ffffff}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #428bca}

.navbar-inverse { background-image: none; }

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }

.navbar-inverse { border-color: #080808}

.navbar-inverse .navbar-brand { color: #999999}

.navbar-inverse .navbar-brand:hover { color: #ffffff}

.navbar-inverse .navbar-nav>li>a { color: #999999}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #ffffff}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #ffffff}

.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #ffffff}

.dropdown-menu>li>a { color: #333333}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #ffffff}

.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}

.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #ffffff}

.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}

.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #ffffff}









/*CSS para mostrar los archivos PDF*/

.iframe-container {

    padding-bottom: 60%;

    padding-top: 30px; height: 0; overflow: hidden;

}



.iframe-container iframe,

.iframe-container object,

.iframe-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}







.modal {

  text-align: center;

  padding: 0!important;

}



.modal:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

  margin-right: -4px;

}



.modal-dialog {

  display: inline-block;

  text-align: left;

  vertical-align: middle;

}





span > i.fa-calendar:hover{

	cursor:pointer;

	cursor: hand cursor:pointer;

	cursor: hand;

}



.badge:hover{

	background-color: #F00;

}



textarea {resize:vertical;}









.info-box {

    display: block;

    min-height: 90px;

    background: #fff;

    width: 100%;

    box-shadow: 0 1px 1px rgba(0,0,0,0.1);

    border-radius: 2px;

    margin-bottom: 15px;

}



.info-box-icon {

    border-top-left-radius: 2px;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 2px;

    display: block;

    float: left;

    height: 90px;

    width: 90px;

    text-align: center;

    font-size: 45px;

    line-height: 90px;

    background: rgba(0,0,0,0.2);

}



.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {

    background-color: #00c0ef !important;

}



.info-box-content {

    padding: 5px 10px;

    margin-left: 90px;

}



.info-box-text {

    text-transform: uppercase;

}



.info-box-number {

    display: block;

    font-weight: bold;

    font-size: 18px;

}











/*===================*/

.panel {

    margin-bottom: 20px;

    background-color: #fff;

    border: 1px solid transparent;

    border-radius: 2px;

    box-shadow: 0 1px 1px rgba(0,0,0,0.05);

}

.mini-box {

    padding: 30px 25px;

}



.mini-box .btn-icon, .mini-box .btn-icon-lined {

    margin: 0 15px 0 0;

    font-size: 32px;

}

.btn-icon-lg-alt {

    height: 70px;

    width: 70px;

    line-height: 70px;

}

.btn-icon-round {

    border-radius: 50%;

}

.btn-icon {

    display: inline-block;

    text-align: center;

    border-radius: 2px;

    height: 35px;

    width: 35px;

    line-height: 35px;

}

.bg-warning {

    background-color: #FFB61C;

    color: #fff;

}

.mini-box .box-info {

    display: inline-block;

    vertical-align: top;

}

.size-h2 {

    font-size: 30px;

}

.text-muted {

    color: #777;

}









/*

Full screen Modal

*/



/* .modal-body {

    padding: 0px;

} */







.modal-lg {

  width: 90%;

}





.modal-content {

  height: auto;

  min-height: 100%;

  max-height: 90%;

  border-radius: 0;

}





.btn-yellow {

  color: #ffffff;

  background-color: #F2F222;

  border-color: #9E9E9E;

}



.btn-yellow:hover,

.btn-yellow:focus,

.btn-yellow:active,

.btn-yellow.active,

.open .dropdown-toggle.btn-yellow {

  color: #ffffff;

  background-color: #F7F700;

  border-color: #9E9E9E;

}



.btn-yellow:active,

.btn-yellow.active,

.open .dropdown-toggle.btn-yellow {

  background-image: none;

}



.btn-yellow.disabled,

.btn-yellow[disabled],

fieldset[disabled] .btn-yellow,

.btn-yellow.disabled:hover,

.btn-yellow[disabled]:hover,

fieldset[disabled] .btn-yellow:hover,

.btn-yellow.disabled:focus,

.btn-yellow[disabled]:focus,

fieldset[disabled] .btn-yellow:focus,

.btn-yellow.disabled:active,

.btn-yellow[disabled]:active,

fieldset[disabled] .btn-yellow:active,

.btn-yellow.disabled.active,

.btn-yellow[disabled].active,

fieldset[disabled] .btn-yellow.active {

  background-color: #F2F222;

  border-color: #9E9E9E;

}



.btn-yellow .badge {

  color: #F2F222;

  background-color: #ffffff;

}