html, body { height: 100%; }
body { font-weight: 100; background-color:#fff; color:#000; }
.content { margin-top: 50px; }
.fright { float:right; }
.fleft { float:left; }
.limpia { clear:both; font-size:1px; }
#translates, #conf { display: none; opacity: 0; width: 0; height: 0; }

/* ESTRUCTURA */
.navbar-static-top { position: fixed; top: 0; width: 100%; margin-bottom: 0; background-color: #337ab7; }
.navbar-top-links li a { color:#ffdede; }
.nav>li>a:focus, .nav>li>a:hover { background-color:transparent; }
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color:#fff; }
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover { background-color: #fff!important; }
.navbar-top-links li:last-child:hover { background-color:#7b0000; border:2px solid #fff; }
.navbar-top-links li:last-child, .navbar-top-links li:last-child a { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; height:30px; width:30px; }
.navbar-top-links li:last-child { float:right; border:2px solid transparent; margin: 10px; }
.navbar-top-links li:last-child a { min-height:unset; padding:3px 7px; }
.navbar-brand { color:#fff!important; padding: 5px; }
.navbar-brand > div { float:left; }
.navbar-brand > span { float:left; margin: 10px 0 0 8px; }
.logout-menu { background-color:#7b0000; }
.logout-menu *, .logout-menu *:hover { color:#fff; }
footer { width:100%; padding:10px; border-top:1px solid #e7e7e7; }
footer p { font-size:11px; float:right; }
.input-group { width: 100%; }
.showTransPopup { border-left: 0; cursor: pointer; }
.showTransPopup > .fa { color: #337ab7; }
.iPanelLanguages { position: relative; }
.iPanelLanguages .otherLanguages {
	display: none;
	position: absolute;
	width: 50px;
	padding: 0 0 8px 0;
	background-color: #337ab7;
	text-align: center;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.navbar-top-links li.iPanelLanguages .otherLanguages a {
	display: block;
	min-height: auto;
	padding: 5px 0;
	opacity: 0.8;
}
.navbar-top-links li.iPanelLanguages .otherLanguages a:hover { opacity: 1; }
.sidebar { position: fixed; top: -1px; left: -247px; width: 250px; margin-top: 51px; height: calc(100% - 50px); border: #337ab7 2px solid; border-top: 0; z-index: 99999; }
.sidebar-nav { position: relative; max-height: 100%; background-color: #f8f8f8; overflow-y: auto; z-index: 2; }
.arrow-menu { position: absolute; top: 5px; right: -24px; width: 24px; height: 36px; text-align: center; background-color: #f8f8f8; padding: 1px 1px 0 0; color: #337ab7; font-size: 18px; font-weight: bold; border: #337ab7 2px solid; border-left: 0; border-radius: 0 6px 6px 0; cursor: inherit; z-index: 1; }
.breadcrumb { margin-top: 5px; }
.nav a.moduleChildren { padding-right: 0; }
.nav .fa.arrow { padding-top: 4px; }
.nav a.moduleChildren .fa.arrow { padding: 4px 15px; }
ul.nav-level-1 > li > a { padding-left: 30px; }
ul.nav-level-2 > li > a { padding-left: 45px; }
ul.nav-level-3 > li > a { padding-left: 60px; }
ul.nav-level-4 > li > a { padding-left: 75px; }
ul.nav-level-5 > li > a { padding-left: 90px; }
ul.nav-level-6 > li > a { padding-left: 105px; }

/* GENÉRICOS */
#page-wrapper { padding-top: 51px; padding-bottom: 30px; margin: 0; }
#page-wrapper.noMenu { padding: 0; margin: 0; }
.highlight { background-color: yellow; }
.isSlider { position: relative; float: left; width: 100%; }

/* ICONOS LINK */
a:hover, a:focus { text-decoration:none; }
.fa:hover, .fa:focus { text-decoration:none; }
.fa:focus { outline:none; }

/* LISTADOS */
#mod_list_table tbody tr td:last-child a:hover { text-decoration:none; }
#mod_list_addfield { float:right; clear:both; }
.mod_list_counter { padding:10px; }
.mod_list_counter p { float:left; margin:6px 0; }
.mod_list_counter .pagination { margin-top:0; display:inline; }
.search-mod-list { float:right; max-width:180px;  }
.alert-grey { color: #777; background-color: #f9f9f9; border-color: #ddd; }
th .fa { float:right; margin:3px 0 0 5px; }
.draggable, .sortable { cursor:move; }
th .fa-chevron-down { margin-left:0; }
table td .btn-group { display:flex; }

/* LOGIN */
.page-wrapper-login { position:relative; width:100%; height:100%; }
.page-wrapper-login #page-wrapper { max-width:600px; width:100%; margin: 10% auto 0!important; border:none; }

/* FORMULARIOS */
.panel-multiple .panel-footer { min-height:41px; }
.panel-multiple .panel-footer a:first-child { float:left; }
.panel-multiple .panel-footer a:last-child { float:right; }
.panel-multiple > div .panel-footer a:first-child { display:none; }
.panel-multiple > div:last-child .panel-footer a:first-child { display:block; }
.help-block { margin-top:-2px; line-height:15px; }
.form-group .fa-pencil { margin: 0 5px 0 0; }
.noresize { resize: none; }
.radio { margin:0; }
.radio label:first-child { margin: 0 10px 0 0; }
.panel-heading label { margin:0; }
.panel-heading input { float:left; margin:4px 3px 0 0; }
.mod_form_field_options { float:right; }
.mod_form_field_options a { margin: 0 5px; }
.mod_form_field_options a:first-child { margin:0; }
.placeholder-sortable { border: 1px dotted black; margin: 0 1em 1em 0; background-color:#FCFB98; height: 100px; }
.add_field_combo { float:right; margin: 0 0 0 5px; }
.alert_form_related .form-group { margin-bottom:0; }
.alert_form_related .row .col-md-6:first-child { margin:6px 0 0 0; }
.form-group input[type="file"]{ width:100%; }
.has-error .cke_chrome { border-color: red; }
.field_filter > * { float: left; width: calc(100% / 3); }

.datetime_layer { float:left; width:100%; margin: 0 0 15px 0; }
.datetime_date { float:left; width:50%; }
.datetime_time { float:left; width:calc(50% - 10px); margin-left:10px; }
.datetime_hour { float:left; width:calc(50% - 9px); }
.datetime_min { float:left; width:calc(50% - 9px); margin-left:6px; }
.datetime_separator { font-weight:bold; float:left; max-width:8px; font-size:18px; margin: 3px 0 0 6px; }

/* FIRMA */
.mod_signature_wrapper { margin-bottom:20px; }
.mod_signature_wrapper, .mod_signature_layer { float:left; width:100%; }
.mod_signature_wrapper canvas { float:left; width:100%; height:300px; border:1px solid #ccc; border-radius:4px; }
.mod_signature_image { border:1px solid #ccc; }

/* MEDIA */
.mod_media_view, .mod_media_file, .mod_media_options { float:left; }
.mod_media_view { width:100%; }
.mod_media_file { width:102px; margin: 0 10px 0 0; }
.mod_media_file img { width:100%; }
.mod_media_options .checkbox, .mod_media_options .radio { margin: 0; }
.mod_media_view input[type="file"] { width:calc(100% - 112px); }
.mod_media_view a img, .mod_media_in_list { border:1px solid; }
.galery_delete_all_checkbox, .galery_delete_checkbox, .galery_table { display:none; }
.galery_table .preview img { max-width: 200px; max-height: 100px; }
.galery_table .gallery_options > label { float: left; width: 100%; font-weight: 400; }
.galery_table .gallery_options > label > span { float: left; width: 125px; }
.galery_table .gallery_options > label > select { float: left; width: 90px; }

/* AUTOCOMPLETE */
.ui-autocomplete { border-radius: 4px; }
.ui-autocomplete-loading { background: white url('../img/icons/loading.gif') right 5px center no-repeat; }
.ui-widget { font-family: Arial; font-size:14px; }

/* IFRAME DE PROCESO */
#iframeDebug { position:fixed; z-index:10001; bottom: 0; border:1px dashed #337ab7; border-left:none; width:35px; height:35px; background-color:#fff; }
#iframeDebug a { text-decoration:none; float:right; margin: 10px; }
#iframeDebug a:first-child { margin-left:0; }
#iframeDebug a:hover { text-decoration:none; }
#iframeDebug iframe { background-color:#fff; border:none; width:100%; height:calc(100% - 34px) }

/* REORDERING ENTRIES */
#mod_list_table.reordering tbody tr { cursor: move; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.reorderingButtons { margin-bottom: 5px; }
.blur { pointer-events: none; opacity: 0.4; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* SÓLO PARA PANTALLAS MD O SUPERIORES */
/* Formularios con borde de las pestañas */
@media (min-width: 768px) {
	.nav-tabs { margin-bottom: 0!important; }
	.tab-content { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0 0 20px 0; padding: 20px 0 0; }
}

/* BOARD POST MODULE */
.board { display: inline-block; width: 100%; margin: 5px 0 25px; }
.custom-container { position: relative; display: inline-block; border: #5e5e5e 1px solid; border-radius: 4px; padding: 5px; }
.custom-container .cover { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 2; }
.custom-container[data-hover='true'] .cover { display: block; }
.custom-container.container, .custom-container.container-block { float: none; display: flow-root; }
.custom-container .custom-buttons { display: none; position: absolute; top: -29px; right: 2px; padding-bottom: 4px; z-index: 5; }
.custom-container .custom-buttons > a { padding: 3px 5px 3px 5px; }
.custom-container .internal-label { display: none; position: absolute; bottom: calc(100% + 2px); font-size: 12px; left: 2px; border: 1px dotted; padding: 2px 5px; background-color: #f4f4f4; color: #555; }
.board .content-childs { float: left; width: 100%; }
.board .new-widget { display: none; float: left; width: 100%; border: #5e5e5e 1px dotted; border-radius: 4px; padding: 5px;background-color: #f9f9f9; margin-top: 5px; cursor: pointer; }
.board .new-widget:hover { background-color: #f0f0f0; }
[data-image] { max-width: 100%; }
.boxText.absoluteContent { left: 0; top: 0; }
.absoluteCenterLeft { position: absolute; width: calc(100% - 10px); height: calc(100% - 10px); top: 5px; left: 5px; display: flex; justify-content: left; align-items: center; }
.absoluteCenterRight { position: absolute; width: calc(100% - 10px); height: calc(100% - 10px); top: 5px; left: 5px; display: flex; justify-content: right; align-items: center; }
.absoluteCenterCenter { position: absolute; width: calc(100% - 10px); height: calc(100% - 10px); top: 5px; left: 5px; display: flex; justify-content: center; align-items: center; text-align: center; }

.ql-toolbar { z-index: 3; position: relative; }

/*********/
/* POPUP */
/*********/
#coreFrame { display: none; opacity: 0; width: 0; height: 0; }
#core { overflow-y: auto; display: none; width: 100%; height: 100%; position: fixed; z-index: 999; }
#core.ipanel { height: calc(100% - 52px); margin-top: 50px; }
#core span.popup-close { position: absolute; top: 22px; right: 26px; width: 19px; height: 19px; cursor: pointer; background: url('/images/sprite.png') 0 -36px; }
#core .box { position: relative; width: calc(100% - 100px); max-width: 1100px; padding: 30px; margin: 50px auto; background-color: #fff; color: #000; }
#core .box.wholeScreen { width: 100%; max-width: 100%; min-height: 100%; padding: 15px; margin: 0; }
#core > header { float: left; width: 100%; padding-bottom: 20px; text-align: center; font-weight: 600; font-size: 24px; }
#core div.btnClose { display: block; margin: 20px auto 5px auto; padding: 5px 50px; border: 0; color: #000; font-weight: 600; }
#core.wholeScreen { overflow: hidden; }
#core.wholeScreen .box { width: 100%; height: 100%; margin: 0; padding: 0; }
#core.wholeScreen .isSlider { height: 100%; }
#core.popup { background-color: rgba(0, 0, 0, 0.5); }
#core.popup .box { border-radius: 10px; padding-top: 0; }
#core.popup .box header { float: left; width: 100%; text-align: center; font-weight: bold; padding: 15px 0; border-bottom: #eee 1px solid; margin-bottom: 15px; color: #333; }
.popup-buttons { text-align: right; }

/*****************/
/* IMAGES STYLES */
/*****************/
[data-size='cover'] { background-size: cover; }
[data-size='contain'] { background-size: contain; background-repeat: no-repeat; }
[data-size='fit'] { background-size: 100% 100%; }
[data-position-x='left'] { background-position-x: left; }
[data-position-x='center'] { background-position-x: center; }
[data-position-x='right'] { background-position-x: right; }
[data-position-y='top'] { background-position-y: top; }
[data-position-y='center'] { background-position-y: center; }
[data-position-y='bottom'] { background-position-y: bottom; }


/***************************/
/* COMMON: ### TODO: UNIFY */
/***************************/
.sliderMultipleItems { flex-wrap: wrap; flex-direction: column; align-content: space-between; }
.sliderMultipleItems.carousel-item.active, .sliderMultipleItems.carousel-item.next { display: flex; }
.sliderMultipleItems.carousel-item.active.noFlex { display: block; }
.sliderMultipleItems > div { float: left; }
.carousel-item > div { display: table-cell; vertical-align: middle; position: static; }
.icon-services { float: left; width: 70px; height: 70px; margin-right: 15px; border-radius: 35px; background-color: #e6ae48; display: flex; align-items: center; transition-duration: 500ms; }
.icon-services:hover, .icon-services:focus { background-color: #393939; }
.icon-services img { margin: 0 auto; }
.icon-contact { float: left; width: 40px; height: 40px; margin-right: 15px; border-radius: 20px; background-color: #e6ae48; display: flex; align-items: center; transition-duration: 500ms; }
.icon-contact:hover, .icon-contact:focus { background-color: #393939; }
.icon-contact img { margin: 0 auto; }
h3 { font-size: 18px; letter-spacing: 1px; font-weight: 700; }
.boxText { position: relative; float: left; width: 100%; }
.boxText h3 { float: left; text-align: left; }
.boxText .sectionContent { float: left; width: 100%; }
.boxText.absoluteContent { position: absolute; width: 100%; margin: 0; text-align: center; color: #fff; background-color: transparent; }
.boxText.absoluteContent h3 { font-weight: 900; text-align: center; }
.boxText.absoluteContent .sectionContent { padding: 0; font-size: 30px; font-weight: 900; text-align: center; }
.showcaseMainImage { position: relative; display: flex; align-items: center; width: 100%; }
.showcaseMainImage > img { display: inline-block; max-height: 100%; margin: 0 auto; border: #fff 5px solid; -webkit-box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; }
.showcaseFooter { display: inline-block; max-width: calc(100%); }
.showcaseThumbImages { display: inline-block; max-width: calc(100% - 100px); height: 112px; margin: 15px 10px; padding: 5px 3px; border: #ddd 1px solid; overflow: hidden; }
.showcaseThumbImagesContainer img { float: left; width: 100px; height: 100px; margin: 0 2px; opacity: 0.8; padding: 2px; cursor: pointer; transition-duration: 200ms; }
.showcaseThumbImagesContainer img.active { opacity: 1; padding: 0; }
.imageContainer img { max-width: 100%; }
.sprite { display: block; background-image: url('/assets/img/sprites.png'); background-repeat: no-repeat; }
.sprite-icon-check { width: 19px; height: 19px; background-position: 0 0; }
.sprite-icon-check.checked { width: 19px; height: 19px; background-position: -20px 0px; }
.sprite-icon-showcase-left { float: left; margin-top: 50px; width: 40px; height: 40px; background-position: -42px 0; cursor: pointer; }
.sprite-icon-showcase-right { float: right; margin-top: 50px;width: 40px; height: 40px; background-position: -85px 0; cursor: pointer; }
.absoluteCenterLeft { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; justify-content: left; align-items: center; }
.absoluteCenterRight { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; justify-content: right; align-items: center; }

/********************/
/* CUSTOM BOOTSTRAP */
/********************/
.container { max-width: 100%; }