/**/
.link{
	cursor: pointer;
}
.container{
	background-color : #FBFBFB !important;
	font-family: helvetica;
	font-size:12px;
	padding-top: 0.5rem;
}
.breadcrumb-container {
	background: rgba(242, 242, 242, 1);
	border: 1px solid rgba(212, 212, 212, 0.7);
	border-radius: 4px;
	margin: 0rem;
}
.breadcrumb-gestion {
	display: block;
	margin-bottom: 0.2rem;
    padding-left: 0.5rem
}
.breadcrumb-gestion li {
	font-size: 14px;
	display: inline-block;
	padding:0.3rem;
}
.breadcrumb-gestion a {
	color: rgba(21, 179, 232, 1);
}
.breadcrumb-gestion a:hover {
	color: rgba(73, 140, 199, 1);
	text-decoration: none;
}
.breadcrumb-gestion>.active {
	color: rgba(105, 67, 67, 1);
	font-weight: bolder;
}
.breadcrumb-gestion>li+li:before {
	color: rgba(148, 148, 148, 1); 
	content: "\002D\00a0";
}

.dropdown-menu {
    font-size: 12px;
	padding: 0 0; /*.5rem 0;*/
    margin: 0 0 0; /*.125rem 0 0;*/
	min-height:35px !important;
}
/**/
.card {
	margin-top: 0.5rem;
}
.card .card-body {
	padding: 0.5rem;
}
.card .colapsar {
	cursor:pointer;
}
.card .colapsar:after, .card h6 .colapsar:after {
	content: "\f077";
	font-family: 'fontawesome'; 
	float: right; 
	color: grey; 
	top: 0px;
}
.card .colapsar.collapsed:after, .card h6.collapsed .colapsar:after {
	content: "\f078";
	font-family: 'fontawesome';  
}
/**/
.div-semaforo {
	position: relative;
	text-align: right;
}
.div-semaforo>button {
	margin-right: 0.2rem;
    padding: 0.2rem;
}
.div-semaforo>button:last-child{
	margin-right: 0px;
}
.div-semaforo>button.seleccionado{
	font-weight: bolder;
	background-color:  #f2f2f2;
}
.div-semaforo>button>.badge{
	padding:0.4rem;
}
.oculto {
	display:none;
}
.link {
	cursor:pointer;
}
.seccionInactiva {
	pointer-events: none;
	opacity: 0.4;
}
/**/
td.details-control:after {
	content: "\f078";
	font-family: 'fontawesome'; 
	cursor: pointer;	
}
tr.shown td.details-control:after {
	content: "\f077";
	font-family: 'fontawesome'; 
	cursor: pointer;
}

th.dt-50 , td.dt-50 {	max-width: 50px;  min-width: 50px;	width: 50px !important;}
th.dt-80 , td.dt-80 {	max-width: 80px;  min-width: 80px;	width: 80px !important;}
th.dt-90 , td.dt-90 {	max-width: 90px;  min-width: 90px;	width: 90px !important;}
th.dt-100, td.dt-100{	max-width: 100px; min-width: 100px; width: 100px!important;}
th.dt-110, td.dt-110{	max-width: 110px; min-width: 110px;	width: 110px!important;}
th.dt-120, td.dt-120{	max-width: 120px; min-width: 120px;	width: 120px!important;}
th.dt-130, td.dt-130{	max-width: 130px; min-width: 130px;	width: 130px!important;}
th.dt-140, td.dt-140{	max-width: 140px; min-width: 140px;	width: 140px!important;}
th.dt-150, td.dt-150{	max-width: 150px; min-width: 150px;	width: 150px!important;}
th.dt-160, td.dt-160{	max-width: 160px; min-width: 160px;	width: 160px!important;}
th.dt-170, td.dt-170{	max-width: 170px; min-width: 170px;	width: 170px!important;}
th.dt-180, td.dt-180{	max-width: 180px; min-width: 180px;	width: 180px!important;}
th.dt-190, td.dt-190{	max-width: 190px; min-width: 190px;	width: 190px!important;}
th.dt-200, td.dt-200{	max-width: 200px; min-width: 200px;	width: 200px!important;}
th.dt-210, td.dt-210{	max-width: 210px; min-width: 210px;	width: 210px!important;}
th.dt-220, td.dt-220{	max-width: 220px; min-width: 220px;	width: 220px!important;}
th.dt-230, td.dt-230{	max-width: 230px; min-width: 230px;	width: 230px!important;}
th.dt-240, td.dt-240{	max-width: 240px; min-width: 240px;	width: 240px!important;}
th.dt-250, td.dt-250{	max-width: 250px; min-width: 250px;	width: 250px!important;}
th.dt-280, td.dt-280{	max-width: 280px; min-width: 280px; width: 280px!important;}
th.dt-300, td.dt-300{	max-width: 300px; min-width: 300px; width: 300px!important;}
th.dt-350, td.dt-350{	max-width: 350px; min-width: 350px; width: 350px!important;}

/**/
@media (min-width: 992px) {
	.modal-lg {
		max-width: 95%;
	}
}

.modal-header button .fa{
	font-size: 16px;
	margin-left: 10px;
	margin-right: 10px;
}

/**/
.ms-stacked{
	width: 100% !important;
}
/**/
/**/
/*Estilos para el árbol de seguimientos*/
.SolAbierta {
	color: green !important;
}

.SolCerrada {
	color: inherit !important;
}
/**/

.contenido-seguimiento{
	height:450px; 
	overflow:auto;
}
.contenido-seguimiento::-webkit-scrollbar {
    width: 0.5rem;
}
 
.contenido-seguimiento::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.contenido-seguimiento::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

/**/

.verMasT, .verMasTR, .verMenosT, .verMenosTR {
	cursor: pointer;
    font-weight: bold;
    font-size: 13px;
    color: rgba(21, 179, 232, 1) !important;
    text-decoration: underline !important;
}	

.tooltip { pointer-events: none; }
/**/

#tblGestionar p {
	margin-bottom: 0.5rem;
	word-break: break-word;
}

.info-cliente p{
	margin: 0 0 3px !important;
}
.info-cliente i{
	padding-right: 0.2rem !important;
}
/*Estilos para compatibilizar bootstrapvalidator 3 en bootstrap 4*/

.bv-form input.form-control{
	/*
	float: left;
	width: 92%;
	*/
}
.bv-form i.form-control-feedback{
	float: right;
	margin-top: 9px;
}
.bv-form i.form-control-feedback.fa-check{
	color: #28a745!important;
}
.bv-form i.form-control-feedback.fa-times{
	color: #dc3545!important;
}
.bv-form .help-block{
	color: #dc3545!important;
}

/*Estilos para tarjetas de tableros*/
.nombre-tarjeta{
    text-align: center;
    font-size: 1.063em;
    font: Helvetica LT Std Roman;
    color: #707070;
}
.icono-tarjeta{
    font-size: 1.5rem;
    text-align: center;
}
.tarjeta{
    -webkit-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.12);
    -moz-box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.12);
    cursor: pointer;
    /*width: 14rem;
    height: 10rem;*/
}

/*Arreglando DropZone del FileInput*/
.fileinput .file-preview-thumbnails {
    display: flex;
    flex-wrap: wrap;
}

.align-center {
	text-align: center;
}

.align-left {
	text-align: left;
}

.align-rigth {
	text-align: right;
}