.body-sign .panel { width:100%; }

.hid { display: none; }

.punteado {
	text-decoration: underline;
	text-decoration-style: dotted;
}

.text-break-all {
	word-break: break-all;
}

label.error-custom {
	color: #C10000;
    font-size: 0.9em;
    margin-top: -5px;
    padding: 0;
}

span.fecha {
	display: inline-block;
	line-height: 1em;
    font-size: 12px;
    text-align: center;
}

td > span.fecha {
	display: block;
}

tr.gris td {
	color: #aaa;
}

td.actions {
	padding:0.25rem;
}

textarea.codigo {
	background: #000 !important;
	color: #ddd !important;
	font-family: monospace;
	overflow: auto;
}

textarea.no-resize {
	resize: none;
}

.table-fixed {
	table-layout: fixed;
}

.table-sticky-header {
	overflow-y: scroll;
	resize: vertical;
	border-bottom-left-radius: 0;
	padding: 0;
}
.table-sticky-header table {
	border-collapse: separate;
    border-spacing: 0;
}
.table-sticky-header table thead,
.table-sticky-header table thead th {
	position: sticky;
	top: 0;
	z-index: 1;
}

.btn-group.btn-switch button.btn-primary {
	pointer-events:none;
}

.sidebar-left .sidebar-header .sidebar-title {
	color: #fff;
	font-size: 1.2rem;
}

@media only screen and (min-width: 768px) {
    html.sidebar-left-sm .sidebar-left ul.nav-main li i {
        font-size: 1.15rem;
    }
    html.sidebar-left-sm .sidebar-left ul.nav-main li a {
        font-size: 0.8rem;
    }
}

.btn-block {
    display: block;
    width: 100%;
}

.loading-overlay {
    background: rgba(255, 255, 255, 0.5);
}

.cuadroColor {
	width: 50px;
	height: 25px;
	border: 1px solid black;
}

table.dataTable tbody td {
	vertical-align: middle;
}

a i.bx {
	vertical-align: middle;
}

/* fix: alto máximo en modales */
.modal-block > .card > .card-body {
    max-height: 80vh;
    overflow-y: auto;
}

/* fix: borde superior en card dentro de form en modaldes (compatible con multiples forms: paso1, paso2 ...) */
.modal-block form > .card-body {
	border-radius: 0 0 5px 5px;
}

/* fix: card overflow en modales */
.modal-block .card-body.overflow-auto {
    border-radius: 0;
    margin-bottom: 5px;
}

/* fix: selectpicker + daterangepicker (container = body) detrás de modales */
body > .bootstrap-select,
body > .daterangepicker {
	z-index: 11000;
}
/* fix: selectpicker (estilo en disabled) */
.dropdown.bootstrap-select.disabled {
	border: 0;
}
.dropdown.bootstrap-select.disabled .btn-light.disabled {
	background-color: #f8f9fa;
	border-color: #dee2e6;
}


/* fix: ampliación area de acción en checkbox custom */
.checkbox-custom input[type="checkbox"] {
    width: 18px;
    height: 18px;
    left: 0;
    margin-top: -9px;
}

/* --- fixes: fileupload --- */
/* ícono de archivo */
.fileupload .uneditable-input {
	position: relative;
}
.fileupload .uneditable-input .fa,
.fileupload .uneditable-input .fab,
.fileupload .uneditable-input .fal,
.fileupload .uneditable-input .far,
.fileupload .uneditable-input .fas {
	top: 10px;
	left: 10px;
}
/* ancho fijo (definido en "input-append"), el espacio del input se adapta a los botones visibles */
.fileupload .input-append {
    display: flex;
    align-items: center;
    width: 100%;
}
.fileupload .input-append .uneditable-input {
    flex-grow: 1;
    min-width: 0;
}
.fileupload .input-append .btn {
    flex-shrink: 0;
}
/* --- */

/* buscador global */
.header .search {
	width: 300px;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
    margin-left: 10px;
}
/* --- */

/* menu notificaciones */
#ntfMenuLlamador .notification-menu { width:400px; }
/* --- */

.input-group.error {
    box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.75);
    border-radius: 6px;
}

.content-body .page-header h2 { animation: fadeIn 1s; }

/* --- FICHA --- */

/* historia > timeline */

#ficha-historia .timeline { background-color: #f0f0f0; padding: 0 20px; }
#ficha-historia .timeline .tm-title { font-size:11px; min-width:100px; margin:0 90px; }
#ficha-historia .timeline .tm-items > li { padding-left: 170px; }
#ficha-historia .timeline .tm-items > li .tm-icon {
	background-color: #fff;
	margin-top: -11px;
	left: 155px;
	font-size: 9px;
	padding: 9px 4px;
	width: inherit;
	height: inherit;
	line-height: 0;
}
@media only screen and (max-width: 991px) {
	#ficha-historia .timeline .tm-title { margin-left: 0 !important; }
	
	/*
	#ficha-historia .timeline .tm-items > li .tm-icon {
		position: absolute;
	}
	*/
}
#ficha-historia .timeline .tm-items > li .tm-datetime .tm-datetime-time {
	font-size: 1rem;
	font-weight: inherit;
}
#ficha-historia .timeline .tm-items > li .tm-datetime .tm-datetime-date {
	font-size: 0.75rem;
}

/* wa */

#ficha-whatsapp .mensajes {
	height: 500px;
	overflow-y: scroll;
	background: #f5f5f5;
	border-radius:7.5px;
	padding-top: 10px;
}
#ficha-whatsapp .mensajes .divisor {
	text-align: center;
}
#ficha-whatsapp .mensajes .msj {
	padding: 8px;
	margin: 2px 15px;
	display: inline-block;
	clear: both;
	max-width: 65%;
	box-shadow: 0 1px .5px rgba(11, 20, 26, .13);
	background-color: #fff;
	border-radius: 7.5px;
}
#ficha-whatsapp .mensajes .msj.msjIn {
	float: left;
}
#ficha-whatsapp .mensajes .msj.msjOut {
	float: right;
	background-color: #d9fdd3;
}
#ficha-whatsapp .mensajes .msj.msjIn + .msj.msjOut,
#ficha-whatsapp .mensajes .msj.msjOut + .msj.msjIn {
	margin-top: 15px;
}
#ficha-whatsapp .mensajes .msj p { margin:0; }

#ficha-whatsapp .mensajes .msj .encabezado b { margin-right: 10px; }
#ficha-whatsapp .mensajes .msj .encabezado span { font-size: 12px; }

#ficha-whatsapp #wa-emojis { display:none; border:1px solid #ccc; text-align:left; height:190px; overflow-y:scroll; font-size: 0; }
#ficha-whatsapp #wa-emojis p { display: block; text-align: center; background: #eee; margin-top: 10px; font-size: 12px; color: #656565; padding: 4px; }

.conversacion .emojik { zoom:0.65; vertical-align:middle; }


/* --- */


.bootstrap-select.disabled,
.bootstrap-select > .disabled { color:#ccc; border: 1px solid #dee2e6;  }

.bootstrap-select > .dropdown-toggle { border: 1px solid #dee2e6; }
.bootstrap-select > .dropdown-toggle:hover { border: 1px solid #acb0b4; }


/* pasos para forms */
.card .card-pasos-lista {
	padding:10px;
	display:block;
	color: #ccc;
	border-bottom:1px solid #ccc;
	background: #eee;
	margin-bottom:0;
}
.card .card-pasos-lista li {
	display:inline-block;
	list-style-type: none;
	margin-right: 30px;
	padding: 0;
	font-size:1em;
}
.card .card-pasos-lista .active {
	color:#212529;
}
.card .card-pasos-lista li:last-child {
	margin-right:0;
}
.card .card-pasos-lista li h3 {
	font-weight: bold;
	margin:0;
}
.card.card-pasos > .card-body,
.card.card-pasos form > .card-body {
	border-radius: 0 0 5px 5px;
}
/* --- */

/* fixes para ios switch */
.switch { cursor:default; }
.switch .ios-switch { display:inline-block; vertical-align:bottom; cursor:pointer; }
.switch .ios-switch.disabled { pointer-events: none; opacity: 0.3; }
.switch .ios-switch.readonly { pointer-events: none; }
/* - */

/* fixes para bootstrap-select */
.dropdown.bootstrap-select .bs-actionsbox { min-width:315px; }

/* formato para encabezado y pie de multiselect */
.ms-container .card-header-sm {
	padding: 5px;
}
.ms-container .card-header-sm h2 {
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
}
.ms-container .card + .ms-list {
	border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -1px;
}
.ms-container .ms-list + .btn-block {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	position:relative;
	margin-top:-2px;
}
/* --- */

/* drag and drop */
.ui-sortable:not(.ui-sortable-disabled) .ui-sortable-handle {
	cursor:move;
}

tbody.ui-sortable:not(.ui-sortable-disabled) tr.ui-sortable-handle td:first-child::before {
	content: "≡↕";
	margin-right: 10px;
}


tbody.ui-sortable:not(.ui-sortable-disabled) tr.ui-sortable-handle td {
	background-color: #f4fffd;
}
/* -- */

#seccionEstadisticasInfo .accordion-toggle table td { border-left: 1px solid #dee2e6; padding: 0 10px  }
#seccionEstadisticasInfo .accordion-toggle table td:first-child { border-left: none; padding-left:0; }

.tablaChecks table { border-collapse:inherit; border-spacing:0; margin-bottom:0; }
.tablaChecks table th,
.tablaChecks table td { border-top:1px solid #dee2e6; border-right:1px solid #dee2e6; border-bottom:0; }
.tablaChecks table thead tr:first-child th:first-child { border-top-left-radius: 6px; border-left:1px solid #dee2e6; }
.tablaChecks table thead tr:first-child th:last-child { border-top-right-radius: 6px; }
.tablaChecks table tbody tr td:first-child { white-space: nowrap; vertical-align:middle; border-left:1px solid #dee2e6; }

/* tabla de contactos: resultados */
#seccionContactos #dtContactos td.resultados { padding: 0; }
#seccionContactos #dtContactos td.resultados table tbody { border-top:0 transparent; }
#seccionContactos #dtContactos td.resultados table tr td { background: transparent; }
/* -- */


/* sección wa */
#seccionWa .conversacion {
	cursor: pointer;
}
#seccionWa .conversacion:hover {
	background-color: #fafafa;
}
#seccionWa .conversacion .fila .izq {
    margin-left: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;	
}
#seccionWa .conversacion .fila .der {
	float: right;
    width: 145px;
    text-align: right;
}

.wa-status { background-image:url('../img/wa/checks.png'); width:16px; height:11px; display:inline-block; }
.wa-status.wa-status-null { background-position:left; }
.wa-status.wa-status-sent { background-position:-16px; }
.wa-status.wa-status-delivered { background-position:-32px; }
.wa-status.wa-status-read { background-position:right; }
.wa-status.wa-status-none { display:none; }

/* -- */

#seccionSistemaWaba .crdUsuarios table tbody td:nth-child(3n+4):not(:last-child) {
  border-right: 1px solid lightgray; /* Applies a thicker, red border to the right of every third td */
}

/* estilo para tagsinput */
.bootstrap-tagsinput .badge { padding:5px 0 5px 8px; }
.bootstrap-tagsinput .badge [data-role="remove"]:after { padding:1px 6px; border-radius:10%;  }