html,
body {
	margin:0;
	padding:0;
	height:100%;
}
 
body{font-family: 'Arial', sans-serif; font-size:11px; background:#EEEEEE}
body.inicio-sesion label span{ color:#CC0000}
#wrapper {
	min-height:100%;
	position:relative;
}

.height-body{ min-height:500px; background:#EEEEEE}
.text-blank{ color: #000}
.text-white{ color: #fff}
.text-red{ color:#F00}
.text-green{ color:#090}
.text-blue{ color:#073763}
.text-float{ position:absolute}
.no-margin-top{ margin-top:0px !important}
.navbar{ min-height:auto !important; border-radius:0px; margin-bottom:0; }
body.intro .navbar{ margin-bottom:0}
.navbar-nav > li > a{ line-height: 10px;}
.navbar-collapse{ padding-left:0; padding-right:0}
form{ position:relative}
.btn:focus,
.btn-primary.focus, .btn-primary:focus,
.btn-danger:hover,
.btn-danger,
.btn-primary:hover,
.btn-primary,
.btn-upload:hover,
.btn-upload{background:#606060 !important; color: #FFF !important;  border-color:#606060 !important}
.btn-success:hover,
.btn-success,
.btn-save:hover,
.btn-save{background:#333; color: #FFF; border-color:#333; }
.btn-search:hover,
.btn-search{background:#333; color: #FFF}
.btn-export:hover,
.btn-export{background:#606060; color: #FFF}
.btn-list:hover,
.btn-list{background:#606060; color: #FFF}
.btn-warning:hover,
.btn-warning{background: #606060; color: #FFF; border-color:#606060}
.date{ position:relative}
.block-grey{ background: #666;  }
.datepicker{ border-radius:3px 0 0 3px !important}
.col-md-5 form .form-group{ margin-left:0px}

header .btn:focus{ background:#000 !important; border-color:#000 !important}
ul.navbar-nav li a.btn:focus{ background:#fff!important; border:none !important; color:#000 !important}
header .top-bar div.col-md-9.text-white.text-right{ margin-top:5px}

body.intro{ background:url(../imgs/imagen.jpg) no-repeat center center; background-size:cover}

h1{ padding: 0; margin: 0}

div.dataTables_wrapper div.dataTables_info{  white-space: normal; background:#337AB7; color:#FFF; padding: 5px 8px; padding-right:0; margin-top:1px; font-size:14px}
.dataTables_info span{ float:left; background:#F5F5F5; color: #333;  padding: 5px 8px;margin-top: -5px;  }

td.text-danger  .fa-flag{ color:#CC0000}
td.text-warning .fa-flag{ color:#FC0}
td.text-success .fa-flag{ color:#009E0F}

span.basic-addon-date { border:none; background:none}

header div.container-fluid.menu nav.navbar.navbar-default ul.nav.navbar-nav { width:100%}
header div.container-fluid.menu nav.navbar.navbar-default ul.nav.navbar-nav li{ width:16%; position:relative} 

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover{ background-color:#fff!important}

.nav .nav-divider {
    background-color: #999;
    display: inline-block;
    height: 30px;
    margin: 9px 0;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 0;
	z-index: 1;
    width: 1px;
}
.vertical-divider{    margin-left: -40px;    margin-right: 40px; overflow: hidden; border-right:1px solid #999; display: block;min-height: 100%;height:100vh; }
td .fa { font-size:16px}
.modal-title{ font-weight:700}

.form-horizontal .control-label{ text-align:left; }
body:not(.inicio-sesion) .form-horizontal .control-label{  padding-left:0}
.file-input { margin-left:15px}

.padding-10{ padding: 10px}
.padding-20{ padding: 20px}
.border-grey{ border: 1px solid #666}
a.hover{ text-decoration: none!important}
.width-50{ width: 50%}
.width-40{ width: 40%}
.width-30{ width: 30%}
.center{ margin: 0px auto}
footer{   font-size: 11px; padding:1em 15px; background:#252b5c; color:#FFF}
.row{margin-left:1px; margin-right:1px}
h1{ font-size: 30px}
h4{ margin-bottom:1px; }
.h4{font-size: 16px !important}
.well h1{ font-size: 16px}
.well{ padding: 10px 19px 5px 10px;margin-bottom: 10px; background:#CCC; border-radius:0; position:relative}
.border-bottom-item{ border-bottom:2px solid #999; margin-bottom:15px; padding-right:15px}
.border-bottom-item label{ padding-left:15px !important}
.border-bottom-item input[type="email"],
.border-bottom-item input[type="text"]{ border-radius:4px!important }

.top-bar { background:#252b5c; padding-top:5px; padding-bottom:5px}
header .container-fluid.menu{ padding-left:0; padding-right:0} 
.btn-right{ padding-right: 0; text-align: right;}
.text-asterisk-required{    color: #f00;
    display: inline;
    font-size: 15px;
    margin-left: 5px;
    margin-top: 2px;
    position: absolute;}
.form-group {margin-bottom: 1px;}
.navbar-default .navbar-nav > .active > a  { margin-left: 20px;
    margin-right: 20px;border-bottom:5px solid #FF9900}
 .top-bar a:hover { color:#F00; text-decoration:none} 
.top-bar .text-white.text-right a,
.top-bar .text-white.text-right{ font-size:12px}

#marquee {border:1px solid #666; background:#EEEEEE; padding-bottom:20px; }
#marquee .marquee{ overflow: hidden;  height: 220px;}
#marquee h1{  text-align:center; font-size:18px; padding:10px; color:#FFF; background: #333333;}
#marquee .blockquote{padding-top:10px; padding-bottom:10px; border-bottom:1px solid #F9F9F9 }
#marquee .blockquote:after{
    content: " ";
    display: table;clear: both;}
#marquee  h2{ font-size:14px;text-align:center; padding:0; margin:0; color:#003363; padding-top:5px; padding-bottom:10px; font-weight:bold}
#marquee  .glyphicon {    font-size: 18px; top:3px } 
.carousel-control.right,
.carousel-control.left{ background-image:none}
.carousel-control{ width:4%}

.table > thead > tr > th{ background: #E0E0E0}
.table.dataTable tbody tr td{ vertical-align:middle; padding:3px}
.table.dataTable tbody tr td .glyphicon-flag{ font-size:20px}
p.note {    padding:10px;} 
.text-cta-checkbox { margin-right:10px; padding:8px 8px 9px; background-color: #a2c4c9; }
.text-cta-checkbox span{ background:none}
.full-width{ display:block; width:100%}

.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.5em;
    height: 1.3em;
	background:#FFF;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.radio label{ padding-left:0}


#carousel-example-generic { padding-top:4em}
#carousel-example-generic .box{ position:relative ; padding:20px; background: #FFF}
#carousel-example-generic .text-float{ position:absolute; margin-top:1em; margin-left:40px}
#carousel-example-generic  .titulo{ color:#F00; font-size:20px; margin-bottom:5px; margin-top:0px}
#carousel-example-generic .sub-titulo{  font-style:italic}

.navbar-default > a:focus, 
.navbar-default {
    background-color: #fff !important ;
    border:none;
}

.btn.btn-default,
.btn.btn-primary,
.btn.btn-list,
.btn.btn-search ,
.btn.btn-export,
.btn.btn-save,
.btn.btn-warning,
.btn.btn-anular
{ background:#FFF !important; color:#000 !important; font-size:12px !important; border-radius:0; border:1px solid #ddd !important }

.btn.btn-default:focus,
.btn.btn-primary:focus,
.btn.btn-anular:focus,
.btn.btn-list:focus,
.btn.btn-search:focus ,
.btn.btn-export:focus,
.btn.btn-save:focus,
.btn.btn-warning:focus { background:#070e3c !important; color:#FFF !important}

.btn-volver:hover,
.btn-volver:focus,
.btn-volver{ font-size: 95%; color:#7d7d7d !important; background:none !important; padding:0; border:none !important; margin-top:4px}

form.filtro{ margin-top:1px; padding:8px 5px 8px; background:#FFF; margin-bottom:1px; font-size: 10px}
form.filtro:after{    content: '';
    display: table;
    clear: both;
}

tr.pintaFila{ background:#999 !important; color:#FFF !important}

footer {
	width:100%;
	position: fixed; /* Cambio de absolute a fixex para mantener la posición */
	bottom:0;
	left:0;
	z-index: 9999; /* Cambio hecho para mantener el footer por encima de otros elementos */
}

.color-loguin{ color:#A2C4C9; font-size:12px; font-weight:bold}
.color-loguin:hover{ text-decoration:none; color:#000}
.color-loguin.btn-ayuda{ background:#073763; color:#FFF; padding:10px 12px; border-radius:0}
.btn-sesion{ background:#A2C4C9; border:none; color:#000; padding:14px 12px; border-radius:0}
input.usuario,
input.clave{background:#EEEEEE; border-radius:0; color:#000; padding:10px 12px; border:1px solid #A2C4C9;font-size: inherit; font-size: 14px;
    height: 40px; line-height: 1.42857;font-weight: normal; border-right:0px none}
body.inicio-sesion label{ width:100%}
body.inicio-sesion{ background:#FFF}
body.inicio-sesion .input-group-addon{ background:#EEEEEE; border-radius:0;border:1px solid #A2C4C9; border-left:none}
body.inicio-sesion .input-group-addon span{  font-size: 20px;color: #CCC}

.divider{ border-bottom:1px solid #000; margin-bottom:10px; margin-left:20px; margin-right:20px}

.background-line {
    display: table;
    white-space: nowrap; padding-left:20px; padding-right:20px;
}
.background-line::before, .background-line::after {
    border-top: 1px solid #000;
    content: "";
    display: table-cell;
    position: relative;
    top: 0.5em;
    width: 50%;
}
.background-line > span {
    padding: 0 20px;
}
#submenu{ width:61.2%; margin:0px auto; }
#submenu .navbar-header { width:100%; float:none; clear:both}
#submenu .navbar-header ul{ width:100%;}

#submenu .navbar-header ul li:nth-child(1):nth-last-child(1){
	width:100%;
}

#submenu .navbar-header ul li:nth-child(1):nth-last-child(3),
#submenu .navbar-header ul li:nth-child(2):nth-last-child(2),
#submenu .navbar-header ul li:nth-child(3):nth-last-child(1) {
	width: 33.3333%;
}

#submenu .navbar-header ul li:nth-child(1):nth-last-child(4),
#submenu .navbar-header ul li:nth-child(2):nth-last-child(3),
#submenu .navbar-header ul li:nth-child(3):nth-last-child(2),
#submenu .navbar-header ul li:nth-child(4):nth-last-child(1) {
	width: 25%;
 }

#submenu .navbar-header ul li a{  font-size: 12px;  }
#submenu .navbar-default .navbar-nav > .active > a{ margin-right:5px; margin-left:5px}

.text-note{ text-align:left; margin-top:2em; margin-bottom:2em; padding-left:30px; position:relative; color: #337ab7; font-size:14px }
.text-note i{ position:absolute; top:0px; left:0;color: #000 }

.items .item { border-bottom:1px solid #000; position:relative}
.items .item div{ margin-bottom:5px; margin-top:10px}
.items .item .col-md-2{ padding-left:0px}
.items .item .text-float{ position:absolute; top:0px; right:5px; z-index:10; margin:0}

.datepicker{ z-index:9999}

.form-control.datepicker, button, input, select, textarea{ border: 1px solid #ddd !important; font-size:12px !important ;   border-radius: 0 !important;}
.form-control.datepicker, button, input, select{ height:31px !important }
.input-group-addon{ font-size:11px !important}
.form-conrtol{ font-size:12px !important}

button.close{ border:inherit !important;font-size: 30px !important;}
.text-note.text-left{ margin-left:-30px}
.text-space{ width:40px}

body.inicio-sesion button, body.inicio-sesion  input {border: 1px solid #A2C4C9 !important; height: inherit!important; font-size:14px !important; }
.checkbox label, .radio label{min-height: 16px !important;}
.checkbox, .radio{height: 17px;}

.text-primary{ font-size:14px}
table.dataTable{  margin-top: 10px !important;}

.table.dataTable tbody tr td{ height:35px}

header{ margin-bottom:5px}

.algtura-img{
	height: 40px !important;
}

.error{
	color : red;
}

#error{
	color : red;
}

.text_derecha{
	text-align: right;
}

.text_izquierda{
	text-align: left;
}

table.table.table-striped.table-bordered {
	font-size: 11px
}

table.table.table-striped.table-bordered tbody tr td{
	padding: 0px; 
	margin: 0px;
	padding-left: 2px
}

table.table.table-striped.table-bordered tbody tr td a{ padding: 0px}

header  ul.nav.navbar-nav li a.btn { font-size: 12px}
.table-responsive h4{ font-size: 16px !important}

table.dataTable thead .no-order::after{ content: ""!important}

#scrollAuto{ width:100%; overflow-x:hidden; overflow-y:auto}


/* 24052018 */
input[type="file"]:disabled, .disabled {
	background: #EAEAEA;
	color: #333
}
.mt40min {
    margin-top: -40px;
}
.crumbs {
    text-align: center;
    margin-bottom: 0px;
    margin-right: -5px
}

.btn-crumb{
	background:#FFF;	
	color: #333; 
}
.crumbs ul {
    list-style: none;
    display: inline-table;
}
.crumbs ul li {
    display: inline;
}
.crumbs ul li a {
    display: block;
    float: left; 
    background: #D7D7D7;
    text-align: center;
    padding: 10px 0px 0 22px;
    position: relative;
    margin: 0 5px 0 0; 
    padding-bottom: 7px;
    text-decoration: none;
    color: #333;
    cursor: auto
}

.crumbs ul li:first-of-type > a {
    padding-left: 14px;
}
.crumbs ul li a:after {
    content: "";  
    border-top: 16px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 14px solid #D7D7D7;
    position: absolute; right: -14px; top: 0;
    z-index: 1;
}
.crumbs ul li a:before {
    content: "";  
    border-top: 16px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 14px solid #eee;
    position: absolute; left: 0; top: 0;
}

.crumbs ul li:first-child a {
    border-top-left-radius: 4px; border-bottom-left-radius: 4px;
}
.crumbs ul li:first-child a:before {
    display: none; 
}

.crumbs ul li:last-child a {
    padding-right: 16px;
    border-top-right-radius: 4px; border-bottom-right-radius: 4px;
}
.crumbs ul li:last-child a:after {
    display: none; 
}

.crumbs ul li.active > a {
    background: #FF9900;
/* 	background: red; */
		
}
.crumbs ul li.active > a:after {
    border-left-color:#FF9900;
/* 	border-left-color: red; */
}

.table.dataTable tbody tr td {
/*     height: 50px; */
    height: 30px;
}



/*080818*/
.mt-5 {
	margin-top: 5px
}
.mt-30 {
	margin-top: 30px
}
.inp-search  { 
    text-align: left;
}
.inp-search input { 
    padding-right: 30px;
}
.inp-search button[type="submit"] {
	border: #fff!important;
	background: none;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	right: 15px;
	width: 30px; 
	
} 

.text-mini {
	color: #999;
	margin-top: 3px
}

.extrae-valor{
	
}


label.label1 {    
    max-width: 100%;
    margin-top: 8px;
    align-content: center;
    font-family: 'Arial', sans-serif;
    font-size: 12px;
}