.crm-container,
.crm-container-fluid {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

.crm-breadcrumb {
	padding-left: 0;
}

.crm-bg-dark {
	background-color: #24292E;
	color: #d3d3d4;
}

.crm-alert-warning {
	background-color: #fcf8e3;
	border-color: #faebcc;
	color: #8e7903;
}

/**** Estilos para los botones ****/
.crm-btn {
	width: 150px;
}

.crm-btn-dark {
	background-color: #24292E;
	border-color: #24292E;
	color: #fff;
	font-size: 14px;
}

.crm-btn-dark:hover,
.crm-btn-dark:active,
.crm-btn-dark:focus {
	background-color: #424649;
	border-color: #373b3e;
	color: #fff;
}

.crm-btn-info {
	background-color: #babdba;
	border-color: #babdba;
	color: #000;
	font-size: 14px;
}

.crm-btn-info:hover,
.crm-btn-info:active,
.crm-btn-info:focus {
	background-color: #9c9f9c;
	border-color: #9c9f9c;
	color: #000;
}

.crm-btn-danger {
	background-color: #dc3545;
	border-color: #dc3545;
	box-shadow: none;
	color: #fff;
	font-size: 14px;
}

.crm-btn-danger:hover,
.crm-btn-danger:active,
.crm-btn-danger:focus {
	background-color: #bb2d3b;
	border-color: #d43f3a;
	color: #fff;
}

/* Se le establece un alto mínimo al panel */
.crm-panel-body {
	min-height: 650px;
}

.crm-panel-table {
	min-height: 424px;
}

/* Se le establece un alto mínimo a la vista de Ficheros asociados a una operacion */
#modalVerFicheros .modal-body {
	min-height: 172px;
}

/* Formularios  */
.crm-form .control-label{
	font-weight: normal;
	text-align: left;
}

/* Datatables */
#tabla-clientes_wrapper .dataTables_filter label,
#tabla-interacciones_wrapper .dataTables_filter label,
#tabla-oportunidades_wrapper .dataTables_filter label,
#tabla-contactos_wrapper .dataTables_filter label {
	font-size: 14px;
	font-weight: normal;
}

#tabla-clientes_wrapper .dataTables_filter label input,
#tabla-interacciones_wrapper .dataTables_filter label input,
#tabla-oportunidades_wrapper .dataTables_filter label input,
#tabla-contactos_wrapper .dataTables_filter label input {
	font-size: 16px;
	margin-left: 10px;
}

table.dataTable>tbody>tr.selected>*,
table.dataTable.table-striped>tbody>tr.odd.selected>* {
	box-shadow: inset 0 0 0 9999px rgba(36, 41, 46, .3);
	color: #24292e;
}

table.dataTable.table-hover>tbody>tr.selected:hover>*,
table.dataTable.table-striped>tbody>tr.odd.selected:hover>* {
	box-shadow: inset 0 0 0 9999px rgba(36, 41, 46, .5);
}

table.dataTable.dtr-column > tbody > tr > td.dtr-control::before, 
table.dataTable.dtr-column > tbody > tr > th.dtr-control::before, 
table.dataTable.dtr-column > tbody > tr > td.control::before, 
table.dataTable.dtr-column > tbody > tr > th.control::before {
	background-color: #fff;
	border: .1em solid #333;
	box-shadow: none;
	color: #333;
}

table.dataTable.dtr-column > tbody > tr.parent td.dtr-control::before,
table.dataTable.dtr-column > tbody > tr.parent th.dtr-control::before,
table.dataTable.dtr-column > tbody > tr.parent td.control::before,
table.dataTable.dtr-column > tbody > tr.parent th.control::before {
	background-color: #333;
	border-color: #333;
	color: #fff;
	content: "-";
}

table.dataTable thead > tr > th.sorting::after,
table.dataTable thead > tr > th.sorting_asc::after,
table.dataTable thead > tr > th.sorting_desc::after,
table.dataTable thead > tr > th.sorting_asc_disabled::after,
table.dataTable thead > tr > th.sorting_desc_disabled::after,
table.dataTable thead > tr > td.sorting::after,
table.dataTable thead > tr > td.sorting_asc::after,
table.dataTable thead > tr > td.sorting_desc::after,
table.dataTable thead > tr > td.sorting_asc_disabled::after,
table.dataTable thead > tr > td.sorting_desc_disabled::after {
	content: " ";
}

table.dataTable thead > tr > th.sorting::before,
table.dataTable thead > tr > th.sorting_asc::before,
table.dataTable thead > tr > th.sorting_desc::before,
table.dataTable thead > tr > th.sorting_asc_disabled::before,
table.dataTable thead > tr > th.sorting_desc_disabled::before,
table.dataTable thead > tr > td.sorting::before,
table.dataTable thead > tr > td.sorting_asc::before,
table.dataTable thead > tr > td.sorting_desc::before,
table.dataTable thead > tr > td.sorting_asc_disabled::before,
table.dataTable thead > tr > td.sorting_desc_disabled::before {
	content: " ";
  }

/* Se le aplica un disabled a la fila cuya interaccion este finalizada */
.crm-disabled {
	background-color: #c8c8c8 !important;
	color: #7a7a7a !important;
	user-select: none;
}

.crm-table > thead > tr > th,
.crm-table > tbody > tr > th,
.crm-table > tfoot > tr > th,
.crm-table > thead > tr > td,
.crm-table > tbody > tr > td,
.crm-table > tfoot > tr > td {
	vertical-align: middle !important;
}

.crm-tabla-masivos {
	min-width: 100% !important;
}

.crm-tabla-masivos > thead > tr > th,
.crm-tabla-masivos > tbody > tr > th,
.crm-tabla-masivos > tfoot > tr > th,
.crm-tabla-masivos > thead > tr > td,
.crm-tabla-masivos > tbody > tr > td,
.crm-tabla-masivos > tfoot > tr > td {
	min-width: 140px !important;
}

#tabla-masivos select option {
	font-weight: normal;
}

.crm-columna-disabled {
	background-color: rgba(100, 100, 100, 0.15) !important;
	color: #7a7a7a !important;
	user-select: none;
}

/**** Márgenes y Paddings ****/
.crm-m-0 {
	margin: 0 !important;
}

.crm-m-1 {
	margin: 0.25rem !important;
}

.crm-m-2 {
	margin: 0.5rem !important;
}

.crm-m-3 {
	margin: 1rem !important;
}

.crm-m-4 {
	margin: 1.5rem !important;
}

.crm-m-5 {
	margin: 3rem !important;
}

.crm-m-auto {
	margin: auto !important;
}

.crm-mx-0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.crm-mx-1 {
	margin-left: 0.25rem !important;
	margin-right: 0.25rem !important;
}

.crm-mx-2 {
	margin-left: 0.5rem !important;
	margin-right: 0.5rem !important;
}

.crm-mx-3 {
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}

.crm-mx-4 {
	margin-left: 1.5rem !important;
	margin-right: 1.5rem !important;
}

.crm-mx-5 {
	margin-left: 3rem !important;
	margin-right: 3rem !important;
}

.crm-mx-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}

.crm-my-0 {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.crm-my-1 {
	margin-bottom: 0.25rem !important;
	margin-top: 0.25rem !important;
}

.crm-my-2 {
	margin-bottom: 0.5rem !important;
	margin-top: 0.5rem !important;
}

.crm-my-3 {
	margin-bottom: 1rem !important;
	margin-top: 1rem !important;
}

.crm-my-4 {
	margin-bottom: 1.5rem !important;
	margin-top: 1.5rem !important;
}

.crm-my-5 {
	margin-bottom: 3rem !important;
	margin-top: 3rem !important;
}

.crm-my-auto {
	margin-bottom: auto !important;
	margin-top: auto !important;
}

.crm-mt-0 {
	margin-top: 0 !important;
}

.crm-mt-1 {
	margin-top: 0.25rem !important;
}

.crm-mt-2 {
	margin-top: 0.5rem !important;
}

.crm-mt-3 {
	margin-top: 1rem !important;
}

.crm-mt-4 {
	margin-top: 1.5rem !important;
}

.crm-mt-5 {
	margin-top: 3rem !important;
}

.crm-mt-auto {
	margin-top: auto !important;
}

.crm-me-0 {
	margin-right: 0 !important;
}

.crm-me-1 {
	margin-right: 0.25rem !important;
}

.crm-me-2 {
	margin-right: 0.5rem !important;
}

.crm-me-3 {
	margin-right: 1rem !important;
}

.crm-me-4 {
	margin-right: 1.5rem !important;
}

.crm-me-5 {
	margin-right: 3rem !important;
}

.crm-me-auto {
	margin-right: auto !important;
}

.crm-mb-0 {
	margin-bottom: 0 !important;
}

.crm-mb-1 {
	margin-bottom: 0.25rem !important;
}

.crm-mb-2 {
	margin-bottom: 0.5rem !important;
}

.crm-mb-3 {
	margin-bottom: 1rem !important;
}

.crm-mb-4 {
	margin-bottom: 1.5rem !important;
}

.crm-mb-5 {
	margin-bottom: 3rem !important;
}

.crm-mb-auto {
	margin-bottom: auto !important;
}

.crm-ms-0 {
	margin-left: 0 !important;
}

.crm-ms-1 {
	margin-left: 0.25rem !important;
}

.crm-ms-2 {
	margin-left: 0.5rem !important;
}

.crm-ms-3 {
	margin-left: 1rem !important;
}

.crm-ms-4 {
	margin-left: 1.5rem !important;
}

.crm-ms-5 {
	margin-left: 3rem !important;
}

.crm-ms-auto {
	margin-left: auto !important;
}

.crm-p-0 {
	padding: 0 !important;
}

.crm-p-1 {
	padding: 0.25rem !important;
}

.crm-p-2 {
	padding: 0.5rem !important;
}

.crm-p-3 {
	padding: 1rem !important;
}

.crm-p-4 {
	padding: 1.5rem !important;
}

.crm-p-5 {
	padding: 3rem !important;
}

.crm-px-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.crm-px-1 {
	padding-left: 0.25rem !important;
	padding-right: 0.25rem !important;
}

.crm-px-2 {
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}

.crm-px-3 {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}

.crm-px-4 {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}

.crm-px-5 {
	padding-left: 3rem !important;
	padding-right: 3rem !important;
}

.crm-py-0 {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}

.crm-py-1 {
	padding-bottom: 0.25rem !important;
	padding-top: 0.25rem !important;
}

.crm-py-2 {
	padding-bottom: 0.5rem !important;
	padding-top: 0.5rem !important;
}

.crm-py-3 {
	padding-bottom: 1rem !important;
	padding-top: 1rem !important;
}

.crm-py-4 {
	padding-bottom: 1.5rem !important;
	padding-top: 1.5rem !important;
}

.crm-py-5 {
	padding-bottom: 3rem !important;
	padding-top: 3rem !important;
}

.crm-pt-0 {
	padding-top: 0 !important;
}

.crm-pt-1 {
	padding-top: 0.25rem !important;
}

.crm-pt-2 {
	padding-top: 0.5rem !important;
}

.crm-pt-3 {
	padding-top: 1rem !important;
}

.crm-pt-4 {
	padding-top: 1.5rem !important;
}

.crm-pt-5 {
	padding-top: 3rem !important;
}

.crm-pe-0 {
	padding-right: 0 !important;
}

.crm-pe-1 {
	padding-right: 0.25rem !important;
}

.crm-pe-2 {
	padding-right: 0.5rem !important;
}

.crm-pe-3 {
	padding-right: 1rem !important;
}

.crm-pe-4 {
	padding-right: 1.5rem !important;
}

.crm-pe-5 {
	padding-right: 3rem !important;
}

.crm-pb-0 {
	padding-bottom: 0 !important;
}

.crm-pb-1 {
	padding-bottom: 0.25rem !important;
}

.crm-pb-2 {
	padding-bottom: 0.5rem !important;
}

.crm-pb-3 {
	padding-bottom: 1rem !important;
}

.crm-pb-4 {
	padding-bottom: 1.5rem !important;
}

.crm-pb-5 {
	padding-bottom: 3rem !important;
}

.crm-ps-0 {
	padding-left: 0 !important;
}

.crm-ps-1 {
	padding-left: 0.25rem !important;
}

.crm-ps-2 {
	padding-left: 0.5rem !important;
}

.crm-ps-3 {
	padding-left: 1rem !important;
}

.crm-ps-4 {
	padding-left: 1.5rem !important;
}

.crm-ps-5 {
	padding-left: 3rem !important;
}

/**** Modales ****/
/* Estilos para la modal con tamaño xl */
.crm-modal-dialog {
	width: 95%;
}

.crm-modal-xl {
	width: 100%;
}

.crm-btn-dark {
	overflow-x: auto;
  }

@media (min-width: 768px) {
	.crm-modal-dialog {
		width: 95%;
	}

	.crm-modal-xl {
		width: 100%;
	}
}

/* Estilos para el footer */
.crm-modal-footer {
	text-align: right;
}

/* Estilos para la modal de nuevo Grupo */
.crm-modal-grupo {
	width: 950px;
}

.section-nuevoGrupo {
	height: 300px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.crm-modal-grupo {
		width: 700px;
	}
	.section-nuevoGrupo {
		height: 320px;
	}
	#modalEditarGrupo .crm-btn-info, #modalEditarGrupo .crm-btn-danger {
		padding: 5px;
	}
}

@media (min-width: 600px) and (max-width: 767.98px) {
	.crm-modal-grupo {
		margin-left: auto !important;
		margin-right: auto !important;
		width: 580px;
	}
	.section-nuevoGrupo {
		height: 370px;
	}
}

@media (min-width: 400px) and (max-width: 599.98px) {
	.crm-modal-grupo {
		margin-left: auto !important;
		margin-right: auto !important;
		width: 380px;
	}
	.section-nuevoGrupo {
		height: 520px;
	}
}

/* Se crea clase para alinear horizontalmente */
.crm-text-center {
	align-items: center;
	display: flex;
	justify-content: center;
}

/* Se crea clase para alinear verticalmente */
.crm-vertical-align {
	vertical-align: middle !important;
}

/* Se le aplica una altura a la modal de Editar/Finalizar interaccion */
.section-editar-finalizar {
	height: 193px;
}

/* Estilos para los textos informativos */
.crm-texto-informativo {
	background-color: #b8c1b5;
	border-radius: 6px;
}

/* Se establece la altura y la opción de redimensionamiento para los textarea */
.crm-textarea {
	height: 70px !important;	
	resize: none;
}

.crm-textarea-form {
	height: 100px !important;	
	resize: none;
}

/* Se establece un alto para la modal de nuevo contacto */
.crm-section-contacto {
	height: 450px;
}

/* Se establece un alto para la modal de nuevo cliente */
.crm-section-cliente {
	height: 357px;
}

/**** Formularios ****/
.crm-form-control {
	height: max-content;
	min-height: 34px;
}

/* Se cambia el estilo de los botones de los swal */
.crm-swal .swal-button {
	font-size: 14px;
	font-weight: lighter;
	padding: 6px 12px;
	width: 150px;
}

/* Tags grupos */
.crm-badge {
	background-color: #babdba;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	color: #000;
	margin-bottom: 2px;
}

.navbar-nav > li > .crm-dropdown-menu {
	padding: 0;
}

.crm-dropdown-menu {
	min-width: 300px;
}

.crm-tabla-alertas,
dl.crm-description {
	margin-bottom: 0;
}

.crm-description dt {
	font-size: 14px;
}

.crm-description dd {
	font-size: 12px;
}

.crm-tabla-alertas > thead > tr > th,
.crm-tabla-alertas > tbody > tr > th,
.crm-tabla-alertas > tfoot > tr > th,
.crm-tabla-alertas > thead > tr > td,
.crm-tabla-alertas > tbody > tr > td,
.crm-tabla-alertas > tfoot > tr > td {
	padding: 10px 12px;
}

.crm-ocultar-alertas {
	display: none !important;
}

.crm-mostrar-alertas {
	display: block;
}

#modalFormatearExcel .max-height {
	max-height: 400px !important;
}

#modalComprobacionExcel .modal-body {
	max-height: 500px;
}

.crm-danger {
	background-color: #e9bfbf !important;
}

.crm-th-center {
    text-align: center !important;
}

/* Estilos para alinear el texto en una columna */
.crm-text-align-center {
	text-align: center;
}

/* Colores para los textos */
.crm-text-info {
	color: #31708f;
}

.crm-text-danger {
	color: #a94442;
}

.crm-text-warning {
	color: #8a6d3b;
}

.crm-text-success {
	color: #3c763d;
}


/* Estilos para los fondos de los badge */

.crm-badge-info {
	background-color: #31708f;
}

.crm-badge-danger {
	background-color: #a94442;
}

.crm-badge-warning {
	background-color: #8a6d3b;
}

.crm-badge-success {
	background-color: #3c763d;
}