/*
.fixed-header {
	position:fixed;
	width:100%;
	height:10%;
}
.fixed-body{
	position:fixed;
	width:100%;
	height:90%;
	overflow-y: auto;
	top: 185px;
}
*/
/*Quitar flechas en input number*/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

/*espacio en la cabecera */
.cabecera{
	margin-top:15px;
	margin-bottom:20px;
}

/* Quitar sppiner en firefox para campos tipo number */
input[type=number] {
	-moz-appearance: textfield;
}
/*imagen centrada */
.centered {
   display: block;
   margin: auto auto;
   height:150px;
 }

/* imput error */
.form-group .error-message  {
    color: #a94442;
    font-weight: bold;
    /*margin-top: -4px;*/
    font-size: 12px;
    /*background: none repeat scroll 0 0 #f2dede;
    border: 1px solid #a94442;
    border-radius: 0 0 4px 4px;
    
    
    margin-bottom: 15px;
    
    padding: 2px 12px 8px;
    */
}	

.error-width {
	min-width: 200px;
}

/** Ajustar padding del logo en la barra de navegación*/
.navbar-logo{
	padding:10px !important;
}

@media (min-width: 768px) {
	.logo-top-margin{
		margin-top:100px;
	}
}

/* poner fondo a las cabeceras de las tablas */


thead, th {
	background-color:#e7e7e7;
}


.reglas-row{
	margin-bottom:10px;
}
.row-paddingT{
	padding-top:5px;
	/*padding-bottom:5px;*/
}
.row-paddingB{
	/*padding-top:5px;*/
	padding-bottom:5px;
}

.adjust-datepicker .dropdown-menu{
	min-width: 264px;
    padding-left: 5px;
    padding-right: 5px;
}

/* Color datepicker (fecha seleccionada) */
.btn-info.active {
	background-color: #1f2a44;
    border-color: #1f2a44;
}

/* estilo para buscador en select typeahead 
.autocomplete-container {
  position:absolute;
  height:30px;
  width: 100%;
}
*/
.autocomplete-main {
  position:absolute;
  width:95.7%;
  top:30px;
  left:0;
  background:white;
  z-index: 3000;
  border:1px solid #ddd;
  margin: 0 15px;
}
/*
.autocomplete-hidden {
  position:absolute;
  top:0;
  left:0;
}
*/
/* Para que el typeahead en un modal no se quede por detras */
.modal-body{
	overflow-y: inherit;
}

.modal-open .dropdown-menu {
  z-index: 2050;
}


/* tabla con scroll */
.scroll{
  height: 350px;
  overflow-y: auto;
  width: 100%;
}
/* clicakbel */
.clickable{
	cursor:pointer;
}

/* TIMELINE */
ul.timeline {
	margin-left: 20ex;
	padding-left: 15px;
	/*padding-top: 6px;
	padding-bottom: 6px;*/
	border-left: 1px solid #aaa;
	list-style: none;
}

ul.timeline > li {
	margin-top: 20px;
	margin-bottom: 20px;
}

.timeline-label {
	background-color: #81BEF7;
    border-radius: 3px;
    color: white;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-left: -14ex;
    text-align: center;
    text-transform: uppercase;
    width: 10ex;
}

.timeline-label-historico {
	float: left;
    font-size: 14px;
    font-weight: bold;
    margin-left: -22ex;
    text-align: center;
    width: 18ex;
}

.timeline-badge {
	color: #999;
	margin-left: -20px;
	float: left;
	position: absolute;
	font-size: 10px;
	line-height: 20px;
}
.timeline-panel {
	width:80ex;
	margin-left: 6px;
}

/* MENU */
.bs-docs-sidenav {
  width: 200px;
  margin: 0 0 0;
  padding: 0;
  background-color: #fff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.bs-docs-sidenav > li > a {
  display: block;
  width: 190px \9;
  margin: 0 0 -1px;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
}
.bs-docs-sidenav > li:first-child > a {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
  position: relative;
  z-index: 2;
  padding: 9px 15px;
  border: 0;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
    background-color: #f5f5f5;      
}

.bs-docs-sidenav > li > a:hover {
  background-color: #f5f5f5;
}
.affixed{
	position: fixed;
	height: 100%;
	top: 0;
    overflow-y: auto;
    word-break: break-word;
}
/*
.bs-docs-sidenav a:hover .icon-chevron-right {
  opacity: .5;
}
 Chevrons 

.bs-docs-sidenav .icon-chevron-right {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}

.bs-docs-sidenav .active .icon-chevron-right,
.bs-docs-sidenav .active a:hover .icon-chevron-right {
  background-image: url(../img/glyphicons-halflings-white.png);
  opacity: 1;
}
.bs-docs-sidenav.affix {
  top: 40px;
}
.bs-docs-sidenav.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 270px;
}
*/
/* SUBIR FICHEROS */
/* Upload files */
.drop-box {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 3px dashed #DDD;
    float: left;
    height: 100px;
    padding-top: 5px;
    text-align: center;
    font-size:30px;
    width: 100%;
    position:relative;
    z-index:1000;	
    opacity:0.2;
}



.drop-box.dragover {
	border: 5px dashed blue;
    margin-left: 10px;
    width: 95%;
    opacity:1;
	z-index:1500;
}

.drop-box.dragover-err {
	border: 5px dashed red;
}
.upload-progress{
	margin-bottom:0px !important;
}

/* Footer */
html, body {
    height: 100%; /* The html and body elements cannot have any padding or margin. */
}

@media (max-width: 720px){
	#title {
		display:none;	
	}
}

#page {
	min-height: 100%;
  	height: auto;
  	/* Negative indent footer by its height */
  	margin: 0 auto -60px;
  	/* Pad bottom by footer height */
  	padding: 0 0;
}

#footer {
  background-color: rgb(0, 57, 57);
}

#footer .wrapper {
  min-height: 64px;
  padding-top: 32px;
  padding-bottom: 32px;
  color: #2dccd3;
  font-size: 14px;
  background-color: #1f2a44;
}

#footer .copyright {
  color: white;
}

#footer .support {
	color: #2dccd3;
}

#footer .support:hover {
	color: white !important;
}

/* Overwrite Bootstrap default margin/padding */
/* Por defecto los form groups se espacian solo 5px para que las filas aparezcan mas pegadas. */

.container-fluid {
	max-width: 1600px;
}

.salvia-navbar {
	max-width: 100%;
	padding:0px;
}

.salvia-content {
	padding-top: 14px;
	margin-top: -12px;
}

.form-horizontal .form-group {
  margin-right: -5px;
  margin-left: -5px;
}

.form-group {
    margin-bottom: 3px;
}

/* Fix para añadir cierto espaciado cuando dentro de un form-group o en un row aparecen botones */
.form-group > button, .row > .col-sm-12 > button, .row > .col-sm-12 > .pull-right > button {
	margin-top: 15px;
}
button.inline-btn{
	margin-top: 0;
}

/* Fix para añadir un margin derecho a los objetos empujados a la derecha */
.pull-right-wmargin{
	float:right;
	margin-right: 10px;
}

/* Fix para pegar los label superiores de cada input */
label {
	margin-bottom: 2px;
}
/* Fix para reducir el padding de las columnas de bootstrap mas pequeñas sin modificar el padding general de boostrap */
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    padding-left: 5px;
    padding-right: 5px;
}

/* Fix para reducir los margenes de los titulos (reduc 25%) */
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 15px;
    margin-bottom: 7px;
}
/* Fix para reducir margenes de los navbar (reduc 25%) */
.navbar {
    margin-bottom: 15px;
}

/* Fix width en dispositivos pequeños */
.fitted-width {
	width: 100%;
}

/* Fix para ajustar la barra lateral de solicitudes a pantallas donde cabe a 200px */
.bs-docs-sidenav {
	max-width: 200px;
	width: auto;
}
.affixed {
	max-width: 200px;
	    width: 14%;
}

/* Fix borde redondeado de los campos de busqueda */
.searchField-border {
	border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

/* Fix label multi-line */
label.multi-line {
	line-height: 13px;
	padding-top: 5px !important;
}

/* Tooltip grande */
.tooltip.big-left .tooltip-inner{
	max-width: 500px;
	text-align:left;
}

/* Fix Tamanho estricto para filas con alto variable  (cambios visibilidad input/checkbox, radio) */
.fixed-height{
	height:47px;
}

/* Fix para que los desplegables typeAhead muestren la barra vertical cuando sean muy grandes y ocupen el ancho del input del que parten */
.input-group>.dropdown-menu {
	max-height: 300px;
  	overflow-y: auto;
  	width : 100%;
}

/* Fix para adaptar el Well de bootstrap a las especificaciones de pantalla de partidas */
.onu.well{
	border-radius:0px;
	padding: 10px 0 10px 0;
    float: left;
    width: 100%;
    margin-left: 0px;
    min-height:72px;
}

.onu.well.busqueda{
	border-radius:0px;
	padding: 5px 10px 5px 10px;
    float: left;
    width: 100%;
    margin-left: 0px;
    min-height:56px;
    margin-top: 1em;
}

.onu.well .btn{
	margin-left:4px;
	background-color:#eee;
	border-radius:0px;
	border: 1px solid #ccc;
	width:38px;
	margin-top: 7px;
}

.onu table {
	margin-bottom: 0px;
}

/* Nuevo estilo para los campos que no son label ni son input (Campos de información no editable) */
.text-control{
	margin-top:7px;
	display:block;
}

/* Fix para evitar que la barra de scroll de la pagina general desaparezca cuando se abre un modal */
.modal-open {
    overflow: auto;
}

/* Estilo de los modales (generico => pos centrada) */
.modal-dialog {
	top: 48%;
    left: 50%;
    transform: translate(-50%,-50%) !important;
    webkit-transform: translate(-50%,-50%) !important;
    -moz-transform: translate(-50%,-50%) !important;
    -o-transform: translate(-50%,-50%) !important;
    -ms-transform: translate(-50%,-50%) !important;
    margin: 0;
    position: fixed;
}

/* Estilo del modal de firma */
.iframe-firma {
	width:840px;
	height:580px;
	border:none;
	margin-top: -25px;
}

/* Fix para ajustar el estilo del boton de logout */
.exit {
	border : none;
    display: block;
    padding: 3px 20px;
    width:100%;
    text-align:left;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    background-color: white;
    white-space: nowrap;
}
.exit:hover, .exit:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

/* submenu bootstrap */

.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}

/* alinear un texto al label (mismo padding que la clase control-label)*/

.input-readOnly{
	padding-top:7px;
}

/* cambiar tamaño maximo de un popover y z-index para que se vena en lso modales */
.popover {
    max-width: 600px;
    z-index: 2060;
}
/* Scroll en un modal */
.modal-body-scroll{
	max-height: 700px;
	/*max-width: 600px;*/
    overflow-y: auto;
}

/* Añadir icono en los modales */
.modal-header:before{
   content: " ";
   background-image: url(../img/logo201.png);
   background-size: 60px 34px;
   background-repeat: no-repeat;
   height:36px;
   width: 60px;
   display: block;
   float: left;
   margin-top: -6px;
   margin-right: 7px;
   margin-left: -6px;
}

/* mostrar una linea de una tabla como desactivadfa o eliminada*/
.row-disabled {
	color:grey;
	opacity:0.5;
}

/* ajustar el tamaño de los textos de los combos buscadores */
.ui-select-match-text{
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 40px;
}
.ui-select-toggle > .btn.btn-link {
  margin-right: 10px;
  top: 6px;
  position: absolute;
  right: 10px;
}

/* estilo para los rupos en los select */
.ui-select-choices-group-label {
  font-size: 15px;
  font-weight: bold;
  font-style:italic;
  
}

.ui-select-bootstrap > .ui-select-choices {
	max-height: 300px;
}

/** TABLA CON SCROLL **/
/*
Force table width to 100%
*/
 table.table-fixedheader {
    width: 100%;
       
}
/*
Set table elements to block mode.  (Normally they are inline).
This allows a responsive table, such as one where columns can be stacked
if the display is narrow.
*/
 table.table-fixedheader, table.table-fixedheader>thead, table.table-fixedheader>tbody, table.table-fixedheader>thead>tr, table.table-fixedheader>tbody>tr, table.table-fixedheader>thead>tr>th, table.table-fixedheader>tbody>td {
    display: block;
    
}
table.table-fixedheader>thead>tr:after, table.table-fixedheader>tbody>tr:after {
    content:' ';
    display: block;
    visibility: hidden;
    clear: both;
}

table.table-fixedheader>thead {
	overflow: auto !important;
}

table.table-fixedheader>thead:nth-child(2) {
	visibility: collapse;
}
/*
When scrolling the table, actually it is only the tbody portion of the
table that scrolls (not the entire table: we want the thead to remain
fixed).  

Also, we force the scrollbar to always be displayed so that the usable
width for the table contents doesn't change (such as becoming narrower
when a scrollbar is visible and wider when it is not).
*/
 table.table-fixedheader>tbody {
    overflow-y: scroll;
    max-height: 300px;
    /*border: 1px solid #ddd;*/
}
/*
We really don't want to scroll the thead contents, but we want to force
a scrollbar to be displayed anyway so that the usable width of the thead
will exactly match the tbody.
*/
 table.table-fixedheader>thead {
    overflow-y: scroll;    
}
/*
For browsers that support it (webkit), we set the background color of
the unneeded scrollbar in the thead to make it invisible.  (Setting
visiblity: hidden defeats the purpose, as this alters the usable width
of the thead.)
*/
 table.table-fixedheader>thead::-webkit-scrollbar {
    background-color: inherit;
}


table.table-fixedheader>thead>tr>th:after, table.table-fixedheader>tbody>tr>td:after {
    content:' ';
    display: table-cell;
    visibility: hidden;
    clear: both;
}

/*
We want to set <th> and <td> elements to float left.
We also must explicitly set the width for each column (both for the <th>
and the <td>). 
*/

 table.table-fixedheader>thead tr th, table.table-fixedheader>tbody tr td {
    float: left;    
    word-wrap:break-word;     
}

/* reducir espacio entre accordion */
.panel-group {
	margin-bottom: 5px
}

/*div.customFE2E2E .panel-default > .panel-heading { 
	background-color:#FE2E2E !important;
}*/

.salvia-panel-body .row:nth-child(2n){
	background-color:#fafafa;
	
}

/**
 * Ajustes del logo que va en navbar-brand.
 */
.navbar-brand {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 0;
}

/**
 * Colores para el texto que acompaña al logo y disposición
 * en dos líneas para que quede centrado respecto al resto de
 * elementos de la barra de navegación.
 */
 .navbar-text-2l {
	 margin-top: 27px;
	 margin-bottom: 0px;
	 margin-left: 8px;
 }
 
.app-title {
	color: #2dccd3;
	/*font-weight: bold;*/
	position: relative;
	top: -1ex;
	font-size: 21px;
	letter-spacing: -1px;
	word-spacing: -2px;
}
.app-subtitle {
	color: #1f2a44;
	font-weight: bold;
	display: block;
	position: relative;
	top: -1.5ex;
	font-size: 16px;
}

/**
 * Poner una sombra a la barra de navegación.
 */
.navbar-default {
	border: 0;
	box-shadow: 0 2px 2px 0 #a4b0ad;
}

.navbar-right .dropdown > a {
	color: 777 !important;
}

/* Colores salvia en navbar */
.navbar-default .navbar-nav > li > a:hover{
	background-color:#1f2a44;
	color: white;
}
.navbar-default .navbar-nav > li > a:focus{
	background-color: #1f2a44;
	color: white;	
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
	background-color:#1f2a44;
	color: white;
}


/**
 * El contenido de las celdas, que quede centrado verticalmente, ya que los botones de edición
 * introducen espacio adicional cuando el texto ocupa una sola fila, aunque la botonera sea btn-sm.
 */
.table > tbody > tr > td {
	vertical-align: middle;
}

.table > thead > tr > th {
	font-size: 12px;
	color: #777;
}

/**
 * El contenido de la tabla de reglas debe de estar alineado con el titulo del panel
 * y de los botones.
 */
table.reglas > thead > tr > th:first-child,
table.reglas > tbody > tr > td:first-child {
	padding-left: 16px;
}

table.reglas > thead > tr > th:last-child,
table.reglas > tbody > tr > td:last-child {
	padding-right: 16px;
}

/**
 * Idem para tablas dentro de un panel con acciones.
 */
.panel-with-actions .table > thead > tr > th:last-child,
.panel-with-actions .table > tbody > tr > td:last-child {
	padding-right: 16px;
}

.panel-with-actions .table > thead > tr > th:first-child,
.panel-with-actions .table > tbody > tr > td:first-child {
	padding-left: 16px;
}

/**
 * Un panel que tiene una botonera de acciones, debe corregir su altura.
 */
.panel-with-actions  .panel-heading strong {
	line-height: 2em;
}

/**
 * Ajuste del icono de expansión/contracción del acordeón.
 */
accordion .fa-chevron-right {
	margin-top: 10px;
}

/**
 * Ajuste del título de las solicitudes.
 */
.solicitudes h3 {
	margin-top: 0;
	margin-bottom: 0;
}

.partida-buttons {
	padding-right: 13px;
	margin-bottom: 24px;
}
.checkbox.udlimitadas {
	margin-left: 10px;
    padding-top: 0px;
}

/**
 * Hace que el pie de página se muestre como mínimo pegado a la parte inferior de
 * la ventana.
 */
 
#page {
	height: 100%;
}

.head-and-footer {
	min-height: 100%;
	padding-bottom: 92px;
}

#footer {
	margin-top: -87px;
	border-top: 3px solid #2dccd3;
}

/**
 * Ajusta el icono de ayuda de un campo para que quede alineado al campo en una posición
 * más agradable visualmente.
 */
.help {
	position: relative;
	top: 4px;
}

/**
 * Los indicadores de progreso, en una tabla, quedan mal con margen inferior.
 * En la comunidad hay gente que a prefiere quitar el margen, aunque el mantenedor
 * de bootstrap no lo introducirá.
 */
.table .progress {
	margin-bottom: 0px;
}

/**
 * Implementan un list-group-sm (más compacto).
 */
.list-group.list-group-sm .list-group-item {
	padding: 5px 10px;
}

.control-left {
	left:15px;
}

.panel-table .panel-footer .pagination {
	margin: 1ex 0;
	vertical-align: middle;
}

.panel-table .panel-body {
	padding: 0;
}

.panel-table .panel-body .table {
	border-style: none;
	margin: 0;
}

/*
 * Se ajustan cabeceras.
 */
.solicitudes .accordion-trigger {
	line-height: 2em;
	vertical-align: middle;
}

.solicitudes .expanded-title {
	line-height: 2em;
	vertical-align: middle;
	font-weight: bold;
}

.solicitudes .panel-title .resolucion small {
	color: black;
}

.solicitudes .equipamiento {
	margin-top: 2em;
}

.solicitudes .panel-body {
	padding: 6px 15px 12px 15px;
}

.group-alternate .row {
	padding: 3px 0 0px 0;
}
.group-alternate .row.label-top {
	padding: 0 0 3px 0;
}


.group-alternate .row:nth-child(2n) {
	background-color: #fafafa;
}

.label-top small.text-muted {
	position: relative;
	top: 3px;
}

/*
 * Ajusta componentes de texto estático.
 * Por algún motivo no cuadra el padding esperado en bootstrap
 * para form-group-sm y form-control-static.
 */
.form-group-sm  .form-control-static {
	padding-left: 0;
}

/*
 * Ajusta las alertas para alinearlas con el campo anterior.
 */
.solicitudes .alert {
	margin: 6px;
}

.form-group-help {
	text-align: right;
	line-height: 1em;
	/*margin-top: -8px;*/
	font-size: 13px;
}

/**
 * Arreglo para el problema de que desaparezca el campo cuando no es de búsqueda.
 * https://github.com/angular-ui/ui-select/issues/453
 */
.ui-select-container[search-enabled=false] .ui-select-match.ng-hide {
  display: inline-block !important;
}
.ui-select-container[search-enabled=false] .ui-select-match-text .text-muted.ng-hide {
  display: inline !important;
}
.ui-select-container[search-enabled=false].ng-dirty .ui-select-match-text .text-muted.ng-hide {
  display: none !important;
}

/**
 * Ajuste en la lista de documentación para que aparezacan
 * los items separados y alineados según el icono.
 */
.item-documentacion {
	margin-top: 1ex;
}

.detalle-documentacion {
	margin-left: 17px;
}

/**
 * Estilo de botones addon
 */

.input-group-addon.clickable:focus {
	outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.input-group-addon.clickable:active{
	outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}

.signed {
	margin-top:-3px;
	margin-right: 3px;
	padding-left: 2px;
}

.noIcon{
	margin-left: 17px;
}

/* Fix border error ui-select (toggle) */
.input-group > .ui-select-bootstrap > div.ui-select-match > span.ui-select-toggle.form-control {
    border-radius: 4px 0 0 4px;
}

/* Fix tamano excedido en ui-select : https://github.com/angular-ui/ui-select/issues/1146 */
.fixed-ui-select {
	table-layout:fixed;
	width: 100%;	
}

.fixed-ui-select .input-group-addon {
	width: 10%;
}

.ui-select-match {
	width:100%;
}

.ui-select-match-text{
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 40px;
}

.ui-select-toggle > .btn.btn-link {
  margin-right: 10px;
  top: 6px;
  position: absolute;
  right: 10px;
}

/**
 * Estilo de la barra de cambios no guardados
 */
.unsaved-changes {
    position: absolute;
    top: -1px;
    left: 50%;
}

.unsaved-changes div {
	background: #fde073;
    text-align: center;
    line-height: 2;
    width: 500px;
    margin-left: -251px;
    -webkit-box-shadow: 1px 2px 8px 0px #a4b0ad;
	-moz-box-shadow: 1px 2px 8px 0px #a4b0ad;
	box-shadow: 1px 2px 8px 0px #a4b0ad;
	animation: slideDown ease-out 1s;
 	animation-iteration-count: 1;
 	-webkit-animation: slideDown ease-out 1s;
  	-webkit-animation-iteration-count: 1;
  	-moz-animation: slideDown ease-out 1s;
  	-moz-animation-iteration-count: 1;
  	-o-animation: slideDown ease-out 1s;
  	-o-animation-iteration-count: 1;
  	-ms-animation: slideDown ease-out 1s;
 	-ms-animation-iteration-count: 1;
}

.affix {
	top: 0px;
    left: 50%;
    z-index: 200;
    position:fixed;
}

@keyframes slideDown{
  0% { 	 transform:  translateY(-15px); }
  100% { transform:  translateY(0px);}
}

@-moz-keyframes slideDown{
  0% { -moz-transform:  translateY(-15px);}
  100% {-moz-transform:  translateY(0px);}
}

@-webkit-keyframes slideDown {
  0% {-webkit-transform:  translateY(-15px);}
  100% {-webkit-transform:  translateY(0px);}
}

@-o-keyframes slideDown {
  0% {-o-transform:  translateY(-15px);}
  100% {-o-transform:  translateY(0px);}
}

@-ms-keyframes slideDown {
  0% {-ms-transform:  translateY(-15px);}
  100% {-ms-transform:  translateY(0px);}
}

/*Modal extra largo */

.modal-xlg {
    width: 1250px;
}
/* fix ui-select form-inline */
.form-inline .ui-select-container {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

/* Quitar bordes tabla */
.borderless td, .borderless th {
    border: none !important;
}

.docs li {
	list-style-type: none;
}
.docs-ul-raiz {
	margin-top:10px;
	margin-left:-10px;
}
/* equipamiento cancelado */
.eq-cancel {
	text-decoration:line-through !important;
}

/*Evolutivo Salvia 2 Bloque 2 (Agregar fecha/hora al asignar operadores a estadias)*/
.fecha {
	display: inline;
}

.scroll-Asig-OE {
	height: 534px;
	overflow: auto;
}

/*Evolutivo Salvia 2 Bloque 2 (Solicitar documentacion)*/
.faltaSolicitado{
	background-Color: #f2dede;
}

.borderRight2{
	border-right: solid 2px #ddd;
}

/*Para las partidas del buscador de contenedores (Evolutivo Bloque 3, 1.17*/
.partidasContenedor{
	display: none;
}

.tablaPartidasContenedor{
	margin-bottom: 0 !important;
}

.tdPartidasContenedor{
	padding: 0 !important;
}

.ui-select-match > span {
	width:100%;
}

/*Para evitar que un timepicker se muestre de color rojo (error) al quedar en blanco*/
.sin-error .has-error input{
	border-color: #ccc;
}
.sin-error .has-error input:focus{
	border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

/*Para que los desplegables sean de ancho acorde al interior*/
 .ui-select-choices-content{
 	min-width:100% !important;
 	width: auto !important;
 }
 
/*Para que la flecha del buscador de contenedores no mueva toda la tabla al cambiar de tama�o*/
 .flechaContenedores{
 	width: 14px;
 }
 
/*Para crear un brake tipo <div>&nbsp;</div> m�s peque�o*/
.breakBajo{
	height: 5px;
} 

/*Para el modal de editar situaci�n*/
.modal-situacion{
	width: 750px;
}

/*Limita el tamaño del texto para que no se expanda por fuera del contenedor*/
.break-word {
	word-break: break-word;
}

/* #listaEquipamientos { */
/* 	overflow: auto; */
/* } */

.resolution-icon {
	display: flex;
	margin-right: 5px;
}

/*Sobreescritura de la clase de Bootstrap*/
.bg-danger {
    background-color: #f2dede !important;
}

.flexy {
	display: flex;
    align-items: center;
}
.flexy > button {
	margin-left: 10px;
}

.btn-yellow {
	color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-red {
	color: #fff;
    background-color: red;
    border-color: #eea236;
}
.colorPA {
	background-color: rgb(245, 246, 206)!important;
}
.botonesDocumentos {
	margin-top: 0.5pc;
}

/* Para el login */
.tituloSeccion {
	font-weight: bold;
}

.containerClave,
.containerCas {
	display:flex;
	height: 170px;
	align-items: center;
	justify-content: center;
}

.containerClave {
	flex-direction: column;
}

.containerClave .btn-default:active,
.containerClave .btn-default:hover {
	background-color: white;
	border-color: #d2003b;
}

.btnContainerCas {
	display: flex;
	flex-direction: column;
    justify-content: space-evenly;
    padding-top: 12px;
    padding-bottom: 8px;
    padding-right: 83px;
	padding-left: 83px;
    margin: 0 auto;
}

.btnContainerCas > span {
	margin-top: 8%;
}

.iconCas {
  background-image: url(../assets/iconos/btnCas.png);
  background-position: center;
  background-size: cover;
  width: 70px;
  height: 60px;
}

.iconCas2 {
  background-image: url(../assets/iconos/iconCas.png);
  background-position: center;
  background-size: cover;
  width: 95px;
  height: 60px;
/*   filter: brightness(0) invert(1); */
}

.contenedoresAviso {
    top: 83px!important;
    z-index: 1;
}

.linkContenedoresAviso {
	cursor: pointer;
}

#divConfiguracionBusqueda {
    background-color: transparent;
}

#botonConfiguracionBusqueda {
    background-color: transparent;
    border-radius: 20px;
    border: none;
    padding: 0;
    padding-right: 0.5em;
}

#listadoColumnas {
	width: 250px;
	right: 6px;
}
ul#listadoColumnas {
	list-style: none;
	padding-left: 0;
}
ul#listadoColumnas > p {
	margin-left: 15px;
}

.dropdown-menu-configuracion-contenedores {
	width: 750px;
}
.dropdown-menu-configuracion-contenedores > #filtros {
	display: flex;
}

#cabeceroConfiguracion {
	position: relative;
	top:0;
	padding: 1em;
	background-color: #1f2a44;;
	color: white;
	margin-top: -6px;
	margin-bottom: 1em;
}

.elementoColumna {
	padding-left: 1em;
}

#botonGuardarConfiguracion {
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
}

#etiquetaConfig {
	width: 100%;
}

#iconoColumna {
	padding-right: 1em;
}

#contenedorActualizaciones {
	display: none;
	position: fixed;
    bottom: 149px;
    right: 19px;
    width: 335px;
    border: 1px solid;
    border-radius: 6px;
    z-index: 9999;
    background-color: white;
    max-height: 492px;
    height: 492px;
    border-bottom-right-radius: 0px;
}

#actualizacionesCabecero {
    padding-top: 0.3em;
    padding-right: 0.5em;
    padding-bottom: 0.2em;
    border-bottom: 1px solid black;
    background-color: #1f2a44;;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#actualizacionesCuerpo {
    padding: 1em;
    padding-top: 0.2em;
    overflow-y: auto;
    width: 100%;
    max-height: 459px;
}

#iconoCerrar {
	float: right;
}

#iconoAjustes {
	font-size: 16px;
}

#botonNovedades {
    position: fixed;
    bottom: 93px;
    right: 19px;
    font-size: 33px;
    color: #1f2a44;;
}

#tituloActualizacionesCabecero {
	padding-left: 0.5em;
    font-weight: bold;
    font-size: 16px;
}

.data-analysis-box .data-analysis-item {
	border: 1px solid #828282;
	margin-bottom: 10px;
}

.data-analysis-box .data-analysis-item .image-container {
	height: 200px;
}

.data-analysis-box .title {
	padding: 0 10px;
}


.data-analysis-box .title h3 {
	text-transform: uppercase;
    font-weight: bold;
}

.data-analysis-box .description span {
	color: #828282;
}

.data-analysis-detail h1 {
	margin-bottom: 30px;
}

.data-analysis-detail .description img {
    padding-right: 20px;	
}

.data-link {
	font-size: 12px;
	margin-bottom: 20px;
	margin-top: 15px;
}

.data-link a {
	font-weight: bold;
}

.data-analysis-detail p {
	text-align: justify;
	text-justify: inter-word
}

@media ( min-width : 992px ) {
	.data-analysis-box .title {
		text-align: left;
	}
	
	.data-analysis-box .description {
		text-align: justify;
		padding-left: 10px;
		padding-right: 20px;
	}
}

@media ( max-width : 991px ) {
	.data-analysis-box .title {
		text-align: center;
	}
	
	.data-analysis-box .description {
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
	    padding-bottom: 20px;
	}
}

.loading-dialog,
.loading-dialog .ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
	width: auto !important;
	height: auto !important;
}

.ui-dialog {
	z-index:1201;
}

.ui-dialog-visor-modal {
	font-size: 12px !important;
	padding: .5em 1.5em !important;
}

.ui-dialog .ui-dialog-titlebar {
	background-color: #3f7037;
	color: white;
	font-weight: 100;
}

.no-close .ui-dialog-titlebar {
	display: none;
}

.ui-widget-overlay {
	opacity: 0.5 !important;
	z-index: 1200;
}

.aptf-adfs {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: contain;
	background-color: white;
	padding: 3px;
	border: 1px dashed black;	
}

[popover] {
display: initial;
position: initial;
margin: initial;
border: initial;
background: initial;
padding: initial;
width: initial;
height: initial;
overflow: initial;
inset: initial;
color: initial;
}

.btn-success {
	color: #fff;
    background-color: #1f2a44 !important;
    border-color: #1f2a44 !important; 
}

.btn-success:hover {
    color: #fff;
    background-color: #001515 !important; ;
    border-color: #000 !important; ;
}