ol, ul {
list-style: none;
}

.hidden{
display: none;
}

.box-body {
padding: 5px;
}

hr{
border-top: 1px solid rgba(0, 0, 0, 0.18) !important;
}

body {
/*background-image: url(images/background.png);*/
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #fff;
}

.box-title{
font-size: 15px;
color: #2b699d;
font-weight: 500;
}

#btn-image{
font-size: 15px;
}

.box{
min-height: 100px;
border-top: 2px solid #e8e5e6;
}

.infoCalenario{
padding: 10px;
}

.dateDisable {
background-color: #f2f4f8!important;
}

.fc-today{
background-color: antiquewhite !important;
}

.datepicker-days{
padding: 5px;
}

.center{
text-align: center;
}

.fc-event{
cursor: pointer;
}

.fc-event:hover{
border: 1px solid black;
}

tr th{
background-color: #E8E8E8;
border-left:1px solid grey;
border-right:1px solid grey;
}

.select2-container .select2-selection--multiple{
min-height: 16px;
border-radius: 23px;
}

.panel-body{
padding: 0px;
}

.panel-group .panel-collapse .panel-body {
padding: 0px;
}

.item{
background: #dbd9db;
padding: 7px!important;
font-size: 12px!important;
position: relative;
display: block;
padding: .75rem 1.25rem;
margin-bottom: -1px;
border: 1px solid rgba(0,0,0,.125);
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
}

.loading{
padding: 10px;
text-align: center;
color: #396C9E;
font-size: 30px;
margin: 20px;
}

.viewer-button {
background-color: red;
}

.info-header{
text-align: right;
margin: 0px auto;	
}

.info-header-col{
padding: 0px 15px; 
vertical-align: middle; 
text-align: center; 
line-height: 60px;  
display: block; 
font-size: 1.2rem; 
font-weight: 600;
color: #426ba5;
}

.img-header{
height: 50px;
}

.contend-info-header{
padding: 8px;
background-color: #EFEFEF;
border-radius: 0px 0px 5px 5px;
}

#cantidadConsulta{
color: red;
font-size: 20px;
margin-left: 5px;
font-weight: bold;
}

.dt-buttons{
margin: 5px;
}

.contenedor{
position: relative;
display: inline-block;
text-align: center;
}

.texto-encima{
position: absolute;
top: 10px;
left: 10px;
}

.centrado{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.badge {
color: red;
background: transparent;
font-size: 18px;
}

.fc-more{
color: #398BF7 !important;
}

a:not([href]):not([tabindex]) {
color: #000000; 
}

.fc-day-number {
font-size: 11px; 
}

.btn-default {
border-radius: 15px !important;
font-size: 9px;
height: 4em;
}

.sidebar-toggle{
display: none !important;
}

.img-procesos{
width: 40px;
}

/*********** Informacion diaria ******************/

#totalInformacion{
font-weight: bold;
}

/********* CALENDARIO *****************/

.fc-toolbar{
padding: 5px 0px;
}

btn-default span{
font-weight: bolder;
}

/****** LINEA DE TIEMPO  - TRAZABILIDAD ****/

.jtline  {
margin: 2px;
}

.events-content > h2{
font-size: 10px;
}

.tline_titulo{
font-size: 15px;
font-weight: bold;
text-align: center;
color: #2b699d;
}

.tline_subtitulo{
font-size: 12px;
padding-top: 5px;
color:#6a6a6a;
margin-top: 10px;
}

.tline_contenido{
margin-top: 10px;
border-top: 1px solid #DFDFDF;
}

.jtline .events-content{
width: 100%;
}

.pictures{
margin-bottom: 5px;
}

.pictures > img{
border: 1px solid grey;
height: 80px;
margin: 3px;
cursor: pointer;
}

.icon-file{
font-size: 25px;
color: #396C9E;
}
.tlnode{
font-size: 12px !important;
}

.table-trazabilidad{
margin-bottom: 15px !important;
}

.table-trazabilidad tr th{
background-color: #3964a1;
color: #fff;
}

#box-trazabilidad-lista{
max-height: 487px;
overflow-y: auto;
padding: 3px;
}

.btn-toggle:before {
content: 'Lista' !important;
color: #3964a1;
}
.btn-toggle:after {
content: 'Linea' !important;
color: #c22328;
}
.btn-toggle.active {
background-color: #c22328 !important;
}
.btn.btn-toggle{
background-color: #3964a1; 
}
.box-controls {
padding-top: 10px !important;
}
#trazabilidad-proceso{
padding: 5px;
}
.table{
color: black;
}


/****** MENU ACTUACIONES **********/

.table-striped tbody tr:nth-of-type(odd) {
background-color: #F3FAFC;
}

.panel-city, .panel-procesos{
border:2px solid #396C9E;
}

.panel-heading{
padding: 0px 10px;
color: #e9e6e7;
}

.panel-title{
color: #396C9E;
font-weight: bolder;
}

.panel-heading:hover{
border:1px solid #F2F7F8;
}

.table{
font-size: 11px;
}

.table-actuaciones tbody tr td, .table-procesos tbody tr td , .table-bordered>thead>tr>th{
border:1px solid #396C9E;
}

.table-bordered>thead>tr>th{
font-weight: bold;
color: #396C9E;
}

.btn-actuaciones, .btn-procesos, .btn-pendientes{
background-color: #6497c6;
border-radius: 23px;

}
.btn-procesos{
margin-top: 22px;
}

a:not([href]):not([tabindex]) {
color: #fff;
}

#cantidadActuaciones{
color: red;
font-size: 25px;
padding: 3px;
}

.export-excel{
color: green;
font-size: 15px;
cursor: pointer;
}
#badgeSearchActuaciones{
font-size: 11px;
}



/********* MENU DE PROCESOS *******/

.checkbox{
opacity: 1;
position: inherit;
}

.subtitle-procesos{
font-size: 10px;
color: darkgray;
margin-left: 60px;
}

#cantidad-procesos{
margin-left: 3px;
color: red;
font-weight: bolder;
}

.btn-panel-movimientos, .btn-panel-procesos{
transition-duration: 1s, 3s;
}

.ico-procesos{
margin-top: 3px;
}


/********* MENU *******************/

.navbar-nav>.user-menu>.dropdown-menu>li.user-header{
height: 25px;
font-size: 18px;
}

#detalleUsuario{
font-family: 'Merriweather', serif;color:#2b699d;font-weight: 600;
}


/**********  MODAL NOTIFICACIONES ***********************/

.th-notificaciones{
vertical-align: inherit !important;
background-color: #000066 !important;
color: white !important;
text-align: center !important;
}

.list-notica{
max-height: 500px;
overflow-y: auto;	
}


/************* AGENDA **********************/

.info-agenda{
color: #2b699d;
font-weight: 500;
font-size: 13px;
}

.info-agenda > img{
height: 20px;
}

.img-excel{
width: 30px;
height: auto;
}

.img-agenda{
width: 40px;
height: auto;
}

/************* MODAL AGENDA  ******************/

.tab-content{
padding: 0px;
}

.table>tbody>tr>td{
padding: 2px;
overflow-x: auto;
}
.close{
opacity: 1;
}

.tab-content>.active {
overflow-y: auto;
max-height: 480px;
}

.content {
padding: 0px 20px 20px 20px;
}

.info-agenda{
padding: 5px;
margin: 4px;
color: #3964a1;
}

.vtabs{
	width: 98%;
}

.vtabs .tabs-vertical {
width: 160px;
}

#header-agendas{
background-color: #d40000;
color: #fff;
}

/************ AGREGAR AGENDA PERSONAL **************/

hr{
border-top: 1px solid rgba(0, 0, 0, 0.18) !important;
}
.multiselect-container>li>a>label , .multiselect-container>li.multiselect-group label {
padding: 3px 20px 3px 10px !important;
}
.rounded-0 {
border-radius: 0!important;
}
.busqueda-multiselect {
background-color: #eeeeee !important;
}

/*********** PIE DE PAGINA *************/

.foo-info > span{
	font-size: 13px; font-weight: 400;display: block; color: #2b699d;
}


/******** MOVIL **********/



@media (max-width: 800px) {
	.ocultar_movil{
		display: none;
	}
}

@media (max-width: 500px) {
	.content {
		padding: 1px;
	}

	.btn-group{
		display: inline-block;
	}

	.breadcrumb{
		display: none;
	}

	.header-titulo{
		font-size: 20px;
	}

	.info-header{
		width: 100%;
		padding: 0px;
	}

	.contend-info-header{
		background-color: transparent;
	}

	.panel-header{
		margin-top: 10px;
		border-bottom: 1px dotted grey;
		padding: 10px;
	}

	.content-header{
		margin-top: 10px;
	}

	.panel-body{
		padding: 0px;
	}

	.ocultar_movil{
		display: none;
	}

}