@charset "utf-8";
/***** Redefinición etiquetas *****/
body,
body.skin-1
{
	/*min-width: 450px;#fafafa*/
	background-color: #65b360;
	overflow: visible;
}
#wrapper
{
	height: 100%;
    overflow: visible;
}
#page-wrapper
{
	min-height: 100%;
	min-width: fit-content;
}
.popover
{
	z-index: 3000;
}

/* colores añadidos */
.btn-caution,
.label-caution,
.badge-caution
{
	background-color: #f7e24a;
	border-color: #f7e24a;
	color: #FFF;
}
.btn-warning2,
.label-warning2,
.badge-warning2
{
	background-color: #f7c64a;
	border-color: #f7c64a;
	color: #FFF;
}
.btn-danger2,
.label-danger2,
.badge-danger2
{
	background-color: #bd4493;
	border-color: #bd4493;
	color: #FFF;
}
.btn-danger3,
.label-danger3,
.badge-danger3
{
	background-color: #f76b4a;
	border-color: #f76b4a;
	color: #FFF;
}
.btn-keep,
.label-keep,
.badge-keep
{
	background-color: #6120c1;
	border-color: #6120c1;
	color: #FFF;
}
.btn-success2,
.label-success2,
.badge-success2
{
	background-color: #2a32c4;
	border-color: #2a32c4;
	color: #FFF;
}
.btn-caution2,
.label-caution2,
.badge-caution2
{
	background-color: #e0f248;
	border-color: #e0f248;
	color: #FFF;
}
.btn-black,
.label-black,
.badge-black
{
	background-color: #808080;
	border-color: #808080;
	color: #FFF;
}



/* Elemento legend no puede ser definido como bloque, reemplazo por h3 */
legend
{
	display: none;
}

.pull-left .btn
{
	margin-left: 10px;
	line-height: 20px;
}

/* formularios */
/*selectores select*/
#add_edit .select2
{
	min-width: 250px;
	width: 100% !important;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple
{
    border: 1px solid #e5e6e7;
    border-radius: 0;
    min-height: 34px;
    padding: 2px;
}
.select2-container--default .select2-selection--multiple
{
	padding: 0;
}
.select2-container--default .select2-results > .select2-results__options
{
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}
h2 .select2-container--default .select2-selection--single,
h2 .select2-container--default .select2-selection--multiple
{
	font-size: 20px;
}
.select2-dropdown
{
	z-index: 10005;
    border: 1px solid #e5e6e7;
}
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple
 {
    border: 1px solid #1ab394 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-marker
{
    background: #eee;
    border: 1px solid #ededed;
    border-radius: 4px;
    cursor: default;
    float: left;
	font-size: 13px !important;
	font-weight: normal;
    margin-right: 5px;
    margin-top: 5px;
    color: #333333;
    padding: 3px 10px 3px 5px;
}
.marker .select2-marker
{
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 4px;
    padding: 4px 10px 5px 5px;
}
	.marker .select2-marker .label
	{
		padding: 0;
	}
.marker .select2-marker .label,
.select2-results__options .label
{
    font-weight: normal;
    font-size: 13px;
}
	.marker .select2-marker > span:first-child
	{
		color: #fff;
	}
.marker .data .label
{
	padding: 4px 8px;
	display: inline-block;
	margin: 2px 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 20px;
    line-height: 14px;
	vertical-align: top;
}


#add_edit .RelationN .input-group
{
	width: 100%;
}

.navbar-default
{
	background-color: #65b360;
	z-index: 10;
}

/* ibox */
.modal-dialog
{
    margin: 0 auto;
	max-height: 90%;
	overflow: auto;
	position: absolute;
	left: 50%;
    top: 40%;
}
	.modal.in .modal-dialog
	{
	    transform: translate(-50%, -42%);
	}
.modal-content .ibox
{
	margin: 0;
}
.modal-content .sk-spinner
{
	margin: 40px auto 20px;
	width:40px;
	height: 40px;
}
.modal-content .relation .input-group-btn, /* ocultar botones añadir relation no funcionan */
.modal-content .RelationN .input-group-btn
{
	display: none;
}

/* datatable */
.dataTables_wrapper
{
	padding: 0;
}
.dataTables_filter
{
	float: left;
}
	div.dataTables_filter input
	{
		height: 34px;
	}
	table.dataTable thead .sorting:after
	{
	    content: "\f0dc";
		font-family: "Font Awesome 5 Free";
	}
	table.dataTable thead .sorting_asc:after
	{
	    content: "\f0de";
		font-family: "Font Awesome 5 Free";
	}
	table.dataTable thead .sorting_desc:after
	{
		content: "\f0dd";
		font-family: "Font Awesome 5 Free";
	}

/* sobreescribir colores inspinia */
.list-group-item-success {
	background-color: #dff0d8
}
.list-group-item-info {
	background-color: #d9edf7
}
.list-group-item-warning {
	background-color: #fcf8e3
}
.list-group-item-danger {
	background-color: #f2dede
}


.skin-1 .wrapper-content
{
    padding: 15px 5px;
}


/***** Menu *****/
.fixed-nav.skin-1 .navbar-fixed-top
{
    /*background-color: #f3f3f4;*/
	background-color: #1976D2;
	background-color: #88B04B;
    border: 0 !important;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26);
	height: 60px;
}
.nav > li > a,
.skin-1 .nav > li > a,
.skin-1 .nav > li.active > a
{
	font-size: 15px;
	font-family: Roboto;
	padding: 12px 15px;
	font-weight: normal;
}
	#side-menu.nav > li > a,
	#side-menu.nav > li.active > a
	{
		color: #fff;
	}
	.nav > li > a .fa
	{
		font-size: 15px;
	}
	.mini-navbar .nav > li > a .fa
	{
		font-size: 20px;
		margin: 0;
		text-align: center;
	}
	.navbar-header .nav > li > a
	{
		color: #fff;
		padding: 17px 19px 18px;
	}
	.navbar-header .nav > li > a:hover,
	.navbar-header .nav > li > a:focus
	{
		background-color: #46494b;
	}
		.navbar-header .nav > li > a .fa
		{
			font-size: 24px;
			text-align: center;
			margin: 0;
		}
		

.navbar-brand
{
	float: none;
	font-size: 24px;
	padding: 20px 0 45px 0;
    text-align: center;
    width: 100%;
	height: 80px;
}
	.navbar-brand > a
	{
		color: #FFF;
		display: block;
		text-transform: uppercase;
	}
.skin-1 .navbar-minimalize,
.skin-1 .navbar-minimalize:focus
{
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    font-size: 17px;
    padding: 5px 18px 10px;
}

#profile-section
{
	position: absolute;
	bottom: 0;
	width: 100%;
}

#premium_button
{
	margin: 17px 0;
}
	#premium_button > a
	{
		background-color: #ffff21;
		padding: 17px 5px;
		font-size: 14px;
		font-weight: bold;
	}

#side-menu.nav > li:hover,
#side-menu.nav > li > a:hover,
#side-menu.nav > li > a:focus,
#side-menu li.active > ul.collapse.nav-second-level li a:hover
{
	background-color: #6d6e70;
}
#side-menu .back
{
	margin: 0 0 11px 11px;
}
	.mini-navbar #side-menu .back > span
	{
		display: none;
	}
#side-menu > li ul.nav-second-level
{
	border-left: 4px solid #fff !important;
}
#side-menu .active .active{
	background-color: #65b360;
}


/***** barra superior *****/
.nav > li > .profile-pic > img
{
	height: 65px;
	width: 65px;
}


body.mini-navbar .navbar-default .metismenu > li > a
{
	font-size: 18px;
	text-align: center;
}
	body.mini-navbar .nav .navbar-minimalize
	{
		padding: 12px 23px;
	}
	body.mini-navbar .nav > li > .profile-pic
	{
		padding: 8px;
	}
		body.mini-navbar .nav > li > .profile-pic > img
		{
			height: 45px;
			width: 45px;
		}

#profile-section
{
	background-color: #6d6e70;
}
	#profile-section img
	{
		float: left;
	}
	#profile-options
	{
		padding: 0;
		list-style: none;
		width: 115px;
		float: left;
	}
		#profile-options li>a
		{
			color: #FFF;
			display: block;
		    padding: 7px 12px;
		    text-align: left;
		}
		#profile-section li>a:hover
		{
			background-color: #65b360;
			background: #65b360;
		}


.nav .languages-content
{
	align-items: center;
    display: flex;
    height: 60px;
	color: #fff;
	font-size: 15px;
	padding: 0 10px;
}
	.nav .languages-content .select2-container--default .select2-selection--single
	{
		background-color: transparent;
		margin-left: 8px;
	}
	.nav .languages-content .select2-container--default .select2-selection--single .select2-selection__rendered
	{
		color: #fff;
	}





/***** Elementos comunes *****/
/* Mostrar / Ocultar */
.visible
{
	display: block;
}
.hidden
{
	display: none;
}


/***** Paginación *****/
.pagination
{
    margin: 15px 0;
}
	.pagination > li
	{
		margin: 0;
	}


/***** Buscador *****/
.searcher label
{
	display: none;
}
.searcher .input-group .form-group
{
	margin: 0 -15px;
}
#searcher_results
{
	display: flex;
	clear: both;
}


/***** Botones inferiores *****/
.buttons
{
	text-align: center;
}
.back
{
	margin: 0 20px 0 0;
}


/***** Bloques contenido *****/
/* Menu idiomas */
.nav.menu-languages-content > li.active
{
	background: none;
}
	.menu-languages-content > li > a
	{
		background-position: 0 -14px;
		min-height: 8px;
		margin: 20px 0;
		padding: 0 20px;
	}
		.menu-languages-content > li > a:hover,
		.menu-languages-content > li > a:active,
		.nav.menu-languages-content > li.active > a
		{
			background-position: 0 2px;
			color: #000;
		}


/* Contenido */
.form-show
{
	overflow: visible;
	padding-bottom: 10px;
    padding-top: 5px;
	width: 100%;
}


/* Pie de pgina */
.footer
{
	padding: 0;
}
	.footer .nav > li > a
	{
		padding-top: 4px;
		padding-bottom: 4px;
	}


/* Bicho de debug */
#debug
{
	color: #13C527;
	font-size: 16px;
	height: 20px;
	left: 5px;
	position: fixed;
	bottom: 10px;
	width: 20px;
	z-index: 10000;
}
	#debug-data
	{
		background-color: #D7FFDC;
		border: 1px solid #13C527;
		overflow: auto;
		max-height: 500px;
		padding: 10px;
		position: fixed;
		right: 5px;
		top: 30px;
		z-index: 10000;
	}
		#debug-data .text p
		{
			padding: 5px 0;
		}



/***** Login *****/
#login
{
	background: transparent url(../img/background-0.jpg) no-repeat scroll center 0;
	background-size: cover;
	height: 100%;
	min-width: auto;
}
	#login h1
	{
		margin-top: 50px;
	}
	#login form
	{
		border: 0;
		margin-top: 60px;
	}
	#login .checkbox.control-label
	{
		font-size: 14px;
		margin: 10px 0 14px 1px;
		padding: 0;
		text-align: left;
	}
	#login select,
	#login .select2
	{
		text-align: left;
		width: 100%;
	}


/***** Lista elementos (ol) *****/
ol#show
{
	border-bottom: 1px solid #dddddd;
	clear: both;
	overflow: auto;
	list-style: none;
	padding: 0;
}
	ol#show li
	{
		overflow: auto;
		min-height: 98px;
		padding: 8px 10px;
		position: relative;
	}
	ol#show li:nth-child(even),
	table#show > tbody > tr:nth-of-type(2n+1)
	{
		background-color: #F4F4F4;
	}
		ol#show li:hover:not(.row_header),
		table#show > tbody > tr:hover
		{
			background-color: #FEEDB4;
		}

	#show .row_data
	{
		padding: 0;
		position: relative;
	}
		#show .row_data li
		{
			float: left;
			min-height: inherit;
			list-style: none;
		}
			#show .row_data li li
			{
				margin: 0 5px 4px 0;
			}
			#show .row_data .data,
			#show .row_data .data ul,
			ol#show td
			{
				padding: 0;
				float: none;
				line-height: 1;
			}
			/* imagen o multimedia el primero */
			#show .row_data .multimedia_n,
			#show .row_data .image
			{
				left: 0;
				margin: 0;
				top: 0;
			}
	#show .row_header,
	#show .row_header:nth-child(even),
	#show .row_header:hover
	{
		clear: both;
		border-bottom: 1px solid #DDDDDD;
		font-weight: bold;
		min-height: inherit;
	}
		#show .row_header li
		{
			margin-bottom: 0;
			min-height: inherit;
		}
		.row_header .checkbox
		{
			display: table-cell;
			margin: 0;
			width: 2%;
		}

		.row_header .title > a
		{
			color: #676a6c;
		}
	ol#show ul li
	{
		list-style: none;
		background-color: transparent !important;
		border: none;
		margin: 0 10px 45px 0;
		overflow: visible;
		padding: 0;
	}
		/*ocultar cabeceras relations*/
		ol#show li[rel] .title,
		table#show .row_data .title
		{
			display: none;
		}

/* Mostrar tabla */
table#show
{
	margin-bottom: 0;
	border-bottom: 1px solid #e7eaec;
}
	table#show > tbody td
	{
		vertical-align: middle;
	}



/*botones de acciones*/
ol#show .row-actions
{
	clear: both;
	margin: 0;
	overflow: auto;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
	#show .row-actions .btn
	{
		background-image: none;
		padding-left: 12px;
	}
		#show .row-actions .btn .fa + span
		{
			display: none;
		}

/*Archivo en listado, icono*/
#show .data .file .fa
{
	display: block;
	font-size: 70px;
}

/***** Estado vacío *****/



/***** Collapse errors *****/
#error_collapse .ibox-content
{
	overflow: auto;
}
	#error_collapse span
	{
		float: left;
		padding: 10px;
	}

/***** Botones acciones en lotes *****/
.batch-buttons
{
	float: left;
	display: none;
	clear: both;
	margin: 15px 0;
    z-index: 1000;
}
.report .batch-buttons
{
	margin: 0 0 5px 0;
}


/***** Ver un registro *****/
#show-registry
{
	min-width: 300px;
}
#show-registry .control-label
{
	color: #676a6c;
	text-align: right;
	font-weight: bold;
}
#show-registry .relation,
#show-registry .RelationList
{
	list-style: none;
}
	#show-registry .relation .title,
	#show-registry .RelationN .title,
	#show-registry .RelationList .title
	{
		display: none;
	}
#show-registry .RelationList,
#show-registry .RelationList .data
{
	padding: 0;
	margin: 0;
}
#show-registry .panel-body .row
{
	margin-bottom: 15px;
}

#show-registry .relation-list-data > li
{
	padding-bottom: 10px;

}





/***** Añadir / Editar *****/



/***** Elementos por página *****/
#items_per_page
{
	margin: 25px 0;
	float: left;
	padding: 0;
}
	#items_per_page li
	{
		display: inline-block;
		margin: 0 5px 0 0;
	}
		.items_per_page,
		.items_per_page:link,
		.items_per_page:visited
		{
			border-right: 1px solid #999;
			color: #0079B1;
			display: block;
			padding: 0 5px 0 0;
		}
		#items_per_page li:last-child > a
		{
			border: 0;
		}
		.items_per_page.active
		{
			font-weight: bold;
		}


/***** Árbol de elementos *****/
.tree-show
{
	overflow: auto;
}
.tree-items .dd-item
{
	background-color: #f5f5f5;
    border: 1px solid #e7eaec;
	margin: 5px 0;
}
.tree-items .dd-handle,
.dd-dragel  .dd-handle
{
	cursor: move;
	display: inline-block;
	border: none;
	margin: 0;
	padding-top: 6px;
	padding-bottom: 6px;
}
	.tree-items .row-actions,
	.dd-dragel .row-actions
	{
		float: right;
		margin: -1px -1px -1px 0;
	}
		.dd-dragel .row-actions
		{
			display: none;
		}
	.tree-items .row-actions .btn,
	.dd-dragel .row-actions .btn
	{
		background-image: none;
		padding-left: 12px;
	}




/* Reset para Google maps en campos */
form fieldset .fields #map_canvas,
form fieldset .fields #map_canvas div,
form fieldset .fields #map_canvas div div,
form fieldset .fields .map_route,
form fieldset .fields .map_route div,
form fieldset .fields .map_route div div,
form fieldset .fields .directions,
form fieldset .fields .directions div,
form fieldset .fields .directions div div
{
	margin: 0;
	padding: 0;
}
form fieldset .fields #map_canvas,
form fieldset .fields .map_route
{
	border: 0;
	height: 350px;
	width: 100%;
	z-index: 500;
}
	form fieldset .fields #map_canvas div div .gels-form
	{
		padding: 4px;
	}
	form fieldset .fields #map_canvas div div .gels-controls .gels-cursor-page
	{
		margin: 0 8px 0 0;
	}
	form fieldset .fields #map_canvas div div .gels-list-wrapper
	{
		padding: 1px 4px;
	}
	form fieldset .fields #map_canvas input
	{
		background-image: none;
		margin: 0;
		padding: 1px 3px;
		width: auto;
	}
		form fieldset .fields #map_canvas input.gels-button
		{
			background-color: #008AFF;
			padding: 0 4px 2px 0;
		}


/***** Edit inline *****/
#show .row_data .data.edit_inline,
#show .row_data .data.edit_inline_bool,
#show .row_data .data.edit_select
{
    cursor: pointer;
	margin: -4px;
	padding: 4px;
	overflow: auto;
}
#show .row_data .data.edit_select
{
	overflow: inherit;
}
	.edit_inline:hover,
	.edit_inline_bool:hover,
	.edit_select:hover
	{
		background-color: #FDD859;
	}
	.edit_inline .sk-spinner-double-bounce.sk-spinner,
	.edit_inline_bool .sk-spinner-double-bounce.sk-spinner
	{
		float: left;
		height: 20px;
		width: 20px;
	}
.edit_inline_form
{
	margin: -4px;
	width: auto;
}
	.edit_inline_form > input,
	.edit_inline_form > textarea
	{
		padding: 4px;
		height: 100%;
		width: 100% !important;
	}
.edit_select_form
{
	display: flex;
}
	.edit_select_form > select
	{
		margin: -4px;
		padding: 4px;
		position: relative;
		z-index: 100;
	}
	.edit_select_form > button
	{
		align-content: flex-start;
		margin: 0 0 0 5px;
	}


/***** #timer *****/
#timer
{
	display:  none;

	position: fixed;
	margin: 10px;
	background-color:#FFFFFF;
	border: 1px solid #ccc;
	bottom: 100px;
	left: 1%;
	z-index: 10000;
}


/***** id_user *****/
.id_users .input-group
{
	padding-top: 7px;
}


/***** Image / Youtube / Video *****/
/* Contendor fotos seleccionadas */
.file-box
{
	padding: 7px;
	margin: 0;
	width: 50%;
}
	.file-box > .file
	{
		margin: 0;
	}
		.file-box .file .image
		{
			position: relative;
			width: 100%;
			padding-top: 100%; 	/* initial ratio of 1:1*/
		}
			.file-box .file .image > a,
			.multimedia-container img
			{
				position:  absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				color: #676a6c;
				background-color: #eee;
				align-items: center;
				display: flex;
				height: 100%;
				justify-content: center;
				width: 100%;
			}
			/*icono*/
			.file-box .youtube .image .fa,
			.file-box .vimeo .image .fa,
			.file-box .mp3 .image .fa,
			.multimedia-container .vimeo .fa,
			.multimedia-container .youtube .fa,
			.multimedia_n .data .youtube .fa,
			.multimedia_n .data .vimeo .fa,
			.multimedia_n .data .mp3 .fa
			{
				color: #fff;
				left: 50%;
				position: absolute;
				top: 50%;
			    transform: translate(-50%, -50%);
				z-index: 100;
			}
			.multimedia-container .archive,
			.multimedia-container .mp3
			{
				background-color: #eee;
				display: flex;
				flex-direction: column;
				justify-items: center;
				padding: 56px 0 0;
			}
			.file-box .image .img-responsive
			{
				height: 100%;
				max-width: inherit;
			}
	.file .file-name
	{
		min-height: 58px;
	}

/***** Bool *****/
.color .btn-group > .btn,
.color .data .label
{
    float: left;
    margin: 0 4px;
	padding: 8px 0;
    position: relative;
    text-indent: -900em;
    width: 60px;
}
#advsearch .color .btn-group > .btn:last-child
{
	text-indent: 0;
}


/***** Money *****/
.RelationList .template-list > div.number.slider
{
	margin-left: 10px;
}
.number .slider_number
{
	display: inline;
	margin: 10px 0 0 0;
	min-width: 150px;
	width: 80%;
}
.number .slider_value
{
	font-weight: bold;
	font-size: 14px;
	text-align: right;
	min-width: 36px;
	float: right;
	margin: -23px 10px 0 0;
	-webkit-margin-top: -14px;
	margin-top: -14px;
}
input[type=range]
{
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  margin: 11px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.27), 0px 0px 0px rgba(13, 13, 13, 0.27);
  background: rgba(24, 166, 137, 0.78);
  border-radius: 0px;
  border: 0px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 1.9px solid #00001e;
  height: 26px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -11px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: rgba(27, 188, 155, 0.78);
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.27), 0px 0px 0px rgba(13, 13, 13, 0.27);
  background: rgba(24, 166, 137, 0.78);
  border-radius: 0px;
  border: 0px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 1.9px solid #00001e;
  height: 26px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: rgba(21, 144, 119, 0.78);
  border: 0px solid #000000;
  border-radius: 0px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.27), 0px 0px 0px rgba(13, 13, 13, 0.27);
}
input[type=range]::-ms-fill-upper {
  background: rgba(24, 166, 137, 0.78);
  border: 0px solid #000000;
  border-radius: 0px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.27), 0px 0px 0px rgba(13, 13, 13, 0.27);
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 1.9px solid #00001e;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  height: 4px;
}
input[type=range]:focus::-ms-fill-lower {
  background: rgba(24, 166, 137, 0.78);
}
input[type=range]:focus::-ms-fill-upper {
  background: rgba(27, 188, 155, 0.78);
}


/***** Money *****/
.money .form-control
{
	text-align: right;
}


/***** Multimedia *****/
#multimedia .form-show
{
	margin: -7px;
	padding: 0;

    align-items: flex-start;
    display: flex;
    flex-flow: row wrap;
}
	#multimedia .row-actions
	{
		margin: 0 -1px -1px -1px;
		width: calc(100% + 2px);
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;

	}
		#multimedia .row-actions .btn
		{
			border-radius: 0;
			margin: 0;
			flex: 1 0 auto;
		}
		#multimedia .row-actions .new_lng,
		#multimedia .row-actions .add_lng
		{
			padding: 2px 5px;
			background: #fff;
		}
#multimedia .folder-list
{
	padding: 0;
}
	#multimedia .folder-list .active
	{
		font-weight: bold;
	}
	#multimedia .folder-list .active .fa-folder::before
	{
	    content: "";
	}
.multimedia-container
{
	border: 1px solid #e5e6e7;
	min-height: 242px;
	list-style: none;
	overflow: auto;
	padding: 0 5px 20px 0;
}
	.multimedia-container > div
	{
		float: left;
		margin: 20px 0 0 20px;
		position: relative;
		width: 200px;
		height: 200px;
		text-align: center;
	}
		.multimedia-container > div:hover
		{
			cursor: move;
		}
		.multimedia-container > div > a
		{
			display: none;
		}
		.multimedia-container > div:hover > a
		{
			border-radius: 0;
			display: block;
			bottom: 0;
			cursor: pointer;
			text-align: center;
			width: 100%;
			position: absolute;
		}
	.multimedia-container .sortable-placeholder
	{
		background-color: #f2fbff;
		border: 1px dashed #b6bcbf;
		display: block;
		width: 200px;
		height: 198px;
	}

/* boton multimedia */
#multimedia .item-container .file-link .fa
{
    font-size: 80px;
    padding: 0 10px 0 0;
    vertical-align: middle;
}
.multimedia_n .btn.btn-primary
{
	border-radius: 0;
}
	.multimedia_n .data > li
	{
		margin: 0 10px 10px 0;
	}
		.multimedia_n .data .youtube,
		.multimedia_n .data .vimeo,
		.multimedia_n .data .mp3
		{
			max-height: 80px;
			max-width: 100px;
			position: relative;
		}


/* modal */

#multimedia-modal .modal-content
{
	border: 0;
	overflow: auto;
	padding: 5px 20px 10px 20px;
}
	#multimedia-modal .modal-content .searcher
	{
		margin-left: 0;
	}
	#multimedia-modal .advsearcher,
	#multimedia-modal .back,
	#multimedia-modal .row-actions,
	#multimedia-modal .file-name
	{
		display: none;
	}
	#multimedia-modal .archive .file-name,
	#multimedia-modal .mp3 .file-name
	{
		background-color: transparent;
		border: medium none;
		bottom: 0;
		display: block;
		padding: 15px 0 0 0;
		position: absolute;
		text-align: center;
		width: 100%;
	}
	#multimedia-modal .form-show
	{
		margin: -7px -7px 8px;
		width: calc(100% + 14px);
		padding: 0;
		align-items: flex-start;
		display: flex;
		flex-flow: row wrap;
	}
	#multimedia-modal [data-role="add"]
	{
		float: left;
		clear: left;
		width: 40%;
	}
	#multimedia-modal .pagination:nth-child(4)
	{
		margin-top: 0;
	}
	#multimedia-modal .file.selected
	{
		opacity: 0.3;
	}


/***** Number *****/
.advsearch .number input
{
	display: inline-block;
	width: auto;
}


/***** Bool *****/
/*Reescribir botones*/
.btn-mod.active,
.btn-mod:active
{
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.55) inset;
}


/***** Email *****/
.email
{
    word-break: break-all;
    word-wrap: break-word;
}
	.email .email_address
	{
		display: none;
	}


/***** File *****/
.archive.form-group
{
	border: none;
	margin-bottom: 15px;
	position: inherit;
}


/***** Permission *****/
#add_edit .permission ul
{
	margin: 5px 0 0 0;
	padding: 0;
	overflow: auto;
}
	.permission ul ul
	{
		margin: 0 0 0 20px;
	}
	.permission li
	{
		margin: 0 0 10px 0;
	}
		.permission li li
		{
			display: block;
			float: left;
			margin: 0 0 5px 0;
			width: 50%;
		}
	.permission h5
	{
		font-weight: bold;
		padding: 0 0 5px 0;
	}
	.permission input
	{
		display: inline;
		margin-top: 0;
		vertical-align: middle;
		width: auto;
	}
	.permission .permission-list .title
	{
		display: block;
		float: left;
		width: 50px;
	}
	#show .row_data .permission li
	{
		float: left;
		width: 30%;
	}



/***** RelationN *****/
.RelationN .data li
{
    background-color: #fff;
    margin: 2px;
    padding: 5px;
}


/***** RelationList *****/
.RelationList .template-list,
.body-small .RelationList .col-sm-12 .template-list
{
	background-color: #fff;
	border: 1px solid #e7eaec;
	margin: 0 70px -1px 0;
	padding: 0 12px;
	display: flex;
	align-items: flex-start;
}
.body-small .RelationList .col-sm-12 .template-list
{
	padding: 10px 12px;
}
	.RelationList .template-list > div,
	.fields-group .form-group
	{
		padding: 0 4px 4px 0;
	}
.body-small .RelationList .template-list,
.body-small .fields-group .form-group
{
	display: block;
}
	.RelationList .template-list .col-sm-2,
	.fields-group .template-list .col-sm-2
	{
		display: block;
		float: none;
		text-align: left;
		width: auto;
	}

	.body-small .fields-group .template-list
	{
		display: block;
	}
	.RelationList .template-list .col-sm-10,
	.fields-group .template-list .col-sm-10
	{
		width: 100%;
	}
	.RelationList .template-list .btn
	{
		align-self: center;
		margin-top: 5px;
	}
.RelationList .relation-list-data
{
	padding: 0;
}
	.RelationList .relation-list-data > li
	{
		display: inline-block;
	}
#show .RelationList .data li
{
	float: none;
}

.drag-icon
{
    cursor: ns-resize;
	color: #bbb;
    display: block;
    float: left;
    font-size: 14px;
    height: 34px;
    letter-spacing: 2px;
    padding: 6px 4px 0;
	position: relative;
    text-align: center;
	z-index: 100;
}
.RelationList .col-sm-12 .template-list .drag-icon
{
	position: absolute;
	top: 0;
	left: -2px;
	width: 27px;
}
.RelationList .col-sm-12 .template-list:first-child .drag-icon
{
	margin-top: 28px;
}


/* muchos campos */
.RelationList .col-sm-12 .template-list
{
	border: none;
    margin-bottom: 0;
    padding: 0 0 0 19px;
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50px, max-content));
    gap: 0px;
}
	.RelationList .col-sm-12 .template-list .form-group
	{	    
		margin-bottom: 0;
		padding: 2px;
	}
	.RelationList .col-sm-12 .template-list .col-sm-2.control-label
	{
		display: none;
	}
	.body-small .RelationList .col-sm-12 .template-list .col-sm-2.control-label
	{
		display: block;
	}
		.RelationList .col-sm-12 .template-list:first-child .control-label
		{
			display: block;
		}

	.RelationList .col-sm-12 .btn-primary[data-role="add"]
	{
		margin: 2px 0 0 21px;
	}
	.RelationList .col-sm-12 .template-list .btn-primary,
	.RelationList .col-sm-12 .template-list .btn-danger,
	.RelationList .col-sm-12 .template-list .btn
	{
		margin: 0;
	}
	.RelationList .col-sm-12 .template-list .btn-danger
	{
		margin-right: -70px;
		width: 70px;
		position: absolute;
		right: 0;
	}
		.RelationList .col-sm-12 .template-list:first-child .btn-danger
		{
			margin-top: 26px;
		}


/***** Route *****/
.route
{
	position: relative;
}
	.route .directions
	{
		font-size: 0.85em;
	}
		.route .directions table
		{
			width: 100%;
		}
		.route .directions .adp-text
		{
			padding: 0 0 0 10px;
			vertical-align: middle;
		}
	.route .clear_all
	{
		height: 14px;
		line-height: 14px;
		position: absolute;
		top: 10px;
		right: 10px;
		width: 75px;
	}
	.route .upload_kml
	{
		float: left;
		margin: 5px 0 5px;
		width: 400px;
	}
		.route .upload_kml label
		{
			float: left;
			margin: 8px 5px 0 0;
		}


/***** Time fecha *****/
.date_picker
{
	display: inline-table;
	max-width: 150px;
	vertical-align: middle;
}


/***** Time Hora *****/
.clockpicker
{
	display: inline-table;
	width: 120px;
	vertical-align: middle;
}


/***** Toastr custom style *****/
#toast-container > .toast {
  background-image: none !important;
}
	#toast-container > .toast:before {
	  position: fixed;
	  font-family: "Font Awesome 5 Free";
	  font-size: 24px;
	  line-height: 24px;
	  float: left;
	  color: #FFF;
	  padding-right: 0.5em;
	  margin: auto 0.5em auto -1.5em;
	}
	#toast-container > .toast-warning:before {
	  content: "\f0e7";
	}
	#toast-container > .toast-error:before {
	  content: "\f071";
	}
	#toast-container > .toast-info:before {
	  content: "\f005";
	}
	#toast-container > .toast-success:before {
	  content: "\f00C";
	}
	#toast-container > div {
	  -moz-box-shadow: 0 0 3px #999;
	  -webkit-box-shadow: 0 0 3px #999;
	  box-shadow: 0 0 3px #999;
	  opacity: .9;
	  -ms-filter: alpha(opacity=90);
	  filter: alpha(opacity=90);
	}
	#toast-container > :hover {
	  -moz-box-shadow: 0 0 4px #999;
	  -webkit-box-shadow: 0 0 4px #999;
	  box-shadow: 0 0 4px #999;
	  opacity: 1;
	  -ms-filter: alpha(opacity=100);
	  filter: alpha(opacity=100);
	  cursor: pointer;
	}
	.toast {
	  background-color: #1ab394;
	}
	.toast-success {
	  background-color: #1ab394;
	}
	.toast-error {
	  background-color: #ed5565;
	}
	.toast-info {
	  background-color: #23c6c8;
	}
	.toast-warning {
	  background-color: #f8ac59;
	}
	.toast-top-full-width {
	  margin-top: 20px;
	}
	.toast-bottom-full-width {
	  margin-bottom: 20px;
	}


/** buscador avanzado */
#advsearch .int input
{
	display: inline-block;
	width: auto;
}
.advsearcher
{
	margin: 0 0 0 10px;
}



/***** Exportar a excel búsquedas *****/
.fields_export > div
{
	padding: 15px 0 10px 0;
}
	.fields_export #available_fields_excel label
	{
		display: block;
		padding: 0 0 4px 0;
	}



/***** SISTEMA *****/
#system .navbar-fixed-top
{
	background-color: #E53935;
}


/***** show_convocatorias *****/
#show_convocatorias
{
	width: 100%;
}
	#show_convocatorias label
	{
		padding: 20px;
		width: 50%;
	}
	#show_convocatorias label i
	{
		display: block;
	}




/***** xDebug *****/
.xdebug-error
{
	font-size: 14px;
}
	.xdebug-error th
	{
		padding: 4px 8px;
	}


/* muy pequeño (moviles viejos) xs */
@media (max-width:767px)
{
	section.content
	{
	  float: left;
	  width: 100%;
	}
}

/* pequeño (moviles) sm */
@media (min-width:768px)
{
	.file-box
	{
		width: 33%;
	}

	#side-menu li
	{
	  position: relative;
	}
	#side-menu > li ul,
	.mini-navbar #side-menu > li.active ul,
	.mini-navbar #side-menu li.active:hover > ul,
	.mini-navbar #side-menu li.active:hover > ul.collapse
	{
		background: #e0e0e0;
		border: 1px solid #e7eaec;
		border-width: 1px 1px 1px 0;
		position: absolute;
		left: 100%;
		top: 0;
		min-width: 190px;
		display: none;
	}
	.nav-second-level li:last-child
	{
		margin: 0;
	}

	.mini-navbar .nav-second-level
	{
		padding: 0;
	}

	/*#side-menu li:hover > ul,*/
	#side-menu li:hover > .nav-second-level.collapse,
	#side-menu li:hover > .nav-second-level li:hover > .nav-third-level.collapse,
	.skin-1 .nav > li.active
	{
		color: #676a6c;
		background-color: #6d6e70;
		border: none;
		display: block !important;
		height: auto !important;
		z-index: 100;
	}
	#side-menu li:hover > ul.collapse.nav-second-level li a:hover,
	#side-menu li:hover ul.collapse.nav-third-level li a:hover
	{
		background-color: #65b360;
	}
		/*seccion abierta*/
		.skin-1 .nav-second-level li a,
		.skin-1 .nav-second-level li.active a,
		.mini-navbar #side-menu li.active:hover > ul.collapse.nav-second-level li a,
		.skin-1 .nav-third-level li a,
		.skin-1 .nav-third-level li.active a,
		.mini-navbar #side-menu li.active:hover ul.collapse.nav-third-level li a
		{
			padding: 14px 0 14px 15px;
		}
		/*
		#side-menu li.active:hover > ul,
		#side-menu li.active:hover > ul.collapse ,
		#side-menu > li.active ul
		{
			background: #6d6e70;
			border: 0;
			position: inherit;
			left: 0;
			top: 0;
			min-width: 180px;
			display: block;
			padding-top: 0;
		}*/
		.mini-navbar #side-menu > li.active ul,
		.mini-navbar #side-menu li.active:hover > ul,
		.mini-navbar #side-menu li.active:hover > ul.collapse
		{
			padding-top: 10px;
		}

	/* campos en fila ocultar titulo */
	.fields-group .template-list .control-label
	{
		display: none;
	}
	/*tablas grandes rodeadas de container*/
	.form-show
	{
		float:left;
		min-width: fit-content;
		width: 100%;
	}

	#multimedia .form-show
	{
		width: calc(100% + 20px);
	}
}

/* escritorio pequeño md */
@media (min-width:992px)
{
	.file-box
	{
		width: 25%;
	}


}
/* escritorio grande lg */
@media (min-width:1200px)
{
	.file-box
	{
		width: 20%;
	}
	.multimedia-searcher-paginator .searcher
	{
		margin-left: -15px;
	}
	#page-wrapper .fields-group .template-list /* no flex en modal */
	{
		display: flex;
		margin-bottom: -15px;
	}
	#multimedia .form-show
	{
		margin: -7px -7px -7px -22px;
		width: calc(100% + 30px);
	}
}


@media (max-height:600px)
{
	#login h1
	{
		margin: 0;
	}
}