body {
	/* Establecemos un tamaño estándar de fuente de 13px. Posteriormente se podrán aplicar modificaciones según convenga a otros componentes. */
	font-size: 13px;
}

.page-subtitle {
	font-size: 16px !important;
}

.estratea-subtitle {
	border-bottom: 2px solid #337ab7;
	color: #337ab7;
	margin-bottom: 8px;
	font-size: 14px;
}

.estratea-subtitle i {
	font-size: 11px;
	position: relative;
	top: -1px;
}

.form-control {
	font-size: 13px;
}

.select2-selection__rendered {
	padding: .375rem .75rem !important;
}

#EditEntity .row {
	margin-bottom: 5px;
}

.btn-estratea-sm {
	padding: 1px 5px !important;
	font-size: 12px !important;
	line-height: 1.5;
	border-radius: 3px;
}

.dashboard-subtitle {
	border-bottom: 2px solid #08c;
	color: #08c;
	font-weight: normal;
}

#iframeUpdate .header {
	display: none;
	/* Oculta los divs con clase "header" dentro del iframe */
}

.center-margin-form {
	margin: 0px 10%;
	background-color: #eeeeee5c;
	padding: 20px;
	border: 1px solid #eee;
	border-radius: 10px;
}

.center-margin-buttons {
	margin: 10px 10%;
}

.center-margin-form .form-label,
.form-label {
	font-size: 13px;
	margin-bottom: 5px;
	font-weight: bold;
}

table#fileData {
	font-size: 13px;
}

.mandatory-field {
	font-weight: bold;
	color: red;
}

.dependant-field {
	margin-left: 40px;
}

.dependency-info {
	font-size: 10px;
	position: relative;
	top: -2px;
}

.form-text {
	font-size: 13px;
	font-style: italic;
}

.alert-info-estratea {
	padding: 10px;
	font-size: 13px;
}

.select2-container {
	font-size: 13px;
}

.select2-selection {
	border-color: #ced4da;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 20px !important;
}

.searchable-select-button {
	width: 36px;
	margin-left: 10px;
	height: 33px;
	line-height: 26px !important;
}

.estratea-data-table {
	font-size: 13px;
}

.estratea-data-table input {
	font-size: 13px;
}

.compliance-segments-buttons,
.goal-segments-buttons,
.semaphore-segments-button {
	height: 30px;
}

.multiselect-header {
	font-size: 12px;
	margin-bottom: 5px;
	padding: 5px;
}

.ms-elem-selectable span,
.ms-elem-selection.ms-selected span {
	font-size: 13px;
}

td {
	vertical-align: middle;
}

/* ESTILOS PARA EDIT-PLAN-STRUCTURE */
/*
html,
body {
	overflow-x: hidden !important;
	overflow-y: visible !important;
}
*/

span.fancytree-icon {
	margin-top: 4px !important;
}

.modal-dialog {
	width: 75%;
	margin: 0 auto;
	height: 90%;
}

.modal-lg {
	max-width: 80% !important;
}

.modal-content,
.modal-body {
	height: 100%;
}

#iframeWrap {
	width: 100%;
	padding: 0;
	overflow: hidden;
	height: 100%;
}

#iframeUpdate {
	width: 100%;
	border: 0px;
	height: 90%;
	overflow-x: hidden;
	overflow-y: visible;
	zoom: 1.015;
	-webkit-transform-origin: 0 0;
}

.fancytree-custom-icon {
	display: none !important;
}

#iframeUpdate::-webkit-scrollbar {
	display: none;
}

.btnEditWeight {
	cursor: pointer;
}

.editLink {
	opacity: 0;
}

#planTree>tbody>tr:nth-child(1)>td>span>span.fancytree-expander:first-of-type {
	margin-left: 0px !important;
}

#planTree span.fancytree-expander {
	margin-left: -12px;
}

#planTree span.fancytree-node {
	padding-left: 52px;
}

#libraryTree>tbody>tr>td>span.fancytree-node {
	padding-left: 30px !important;
}

#libraryTree>tbody>tr.fancytree-folder>td>span.fancytree-node {
	padding-left: 0px !important;
}

#libraryTree>tbody>tr>td>span>span.fancytree-expander {
	display: none !important;
}

#libraryTree>tbody>tr.fancytree-folder>td>span>span.fancytree-expander {
	display: inline-block !important;
}

.library-column {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
	padding: 5px;
}

.fancytree-active {
	background-color: #99DEFD;
}

.edit-plan-button {
	display: none;
}

.plan-status-badge {
	margin-left: 10px;
}

#btnShowLibrary {
	margin-left: 10px;
	margin-top: 2px;
}

.btnEditEntity,
.btnEditWeight {
	font-size: 9px !important;
	height: 24px;
	width: 24px;
}

.btnEditWeight {
	margin-left: 3px;
}

.text-success{
	color:green !important;
}
.text-danger{
	color:red !important;
}

.form-control[readonly]{
	pointer-events:none;
}

@media only screen and (max-width: 480px) {
    /* Estilos específicos para móviles */
/* 	.modal-content, .modal-body{ */
/* 		height:inherit; */
/* 	} */
	
	.modal-dialog{
		align-content:center;
	}
	.plan-column .btn span{
		display: none;
	}
	
	.plan-column{
		margin-bottom:5px;
	}
	
	.searchPlan{
		float: none !important;
		margin-top:5px;
	}
	
	.searchPlan input{
		width: 115px;
	}
	
	#ManualEditing .dashboard-subtitle button{
	margin-top: -25px;
	}
	
	.table-responsive {
	  overflow-x: scroll; /* Hace que el scrollbar sea siempre visible */
	  scrollbar-width: thin; /* Para navegadores Firefox */
	  scrollbar-color: black transparent; /* Color del thumb y del track para Firefox */
	}
	
	/* Para navegadores basados en WebKit (Chrome, Safari, Edge) */
	.table-responsive::-webkit-scrollbar {
	  height: 8px; /* Altura del scrollbar horizontal */
	  background-color: transparent; /* Fondo del scrollbar */
	}
	
	.table-responsive::-webkit-scrollbar-thumb {
	  background-color: black; /* Color del thumb (la parte que se mueve) */
	  border-radius: 4px; /* Bordes redondeados para el thumb */
	}
	
	/* Opcional: cambiar el color del track */
	.table-responsive::-webkit-scrollbar-track {
	  background-color: transparent; /* Fondo del track */
	}

}