/* UI general */

body {background:#eee;font-family: 'Open Sans',sans-serif;font-size:15px;position: relative;}
body.loading,body.loading * {cursor:wait !important;}
body.locked {cursor:wait !important;}
body.locked * {pointer-events: none !important;}
body.locked:before {
	animation:lockedin 1s ease-out;
	content: "";
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1000;
	background: #666;
	opacity: 0.5;
}
body.locked:after {
	animation: lockedspin 1s cubic-bezier(0.43, 0.07, 0.26, 0.98) infinite;
	content: "\f110";
	font-family: "Font Awesome 5 Free";
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1000;
	color: #666;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-weight: 900;
	font-size: 3em;
}
@keyframes lockedin{
	from {opacity:0;}
	to {opacity: 0.5;}
}
@keyframes lockedspin{
	from {transform:translate(-50%,-50%) rotate(0deg);}
	to {transform:translate(-50%,-50%) rotate(360deg);}
}

button {outline:none !important;}

input[type="checkbox"], input[type="radio"], input[type="date"] {
    width: 20px;
    margin-top:-2px;
    vertical-align: middle;
    line-height: inherit;
}


.texto form {}
.texto .columna {float:left;width: 49%;margin-right: 1%; margin-bottom: 10px}
.texto .subTit {color: #A8A8A8; font-family: "Pieta",sans-serif; margin: 0 0 5px; }
.texto form input {border: none; padding: 10px; border: solid thin #bbb; width: 100%; height: 40px;margin-bottom: 7px;}
.texto form select {border: none; padding: 10px; border: solid thin #bbb; width: 100%; height: 40px;margin-bottom: 7px;}
.texto form .boton02 {background: #f6a224; border: none; width: 99%;  padding: 20px 0px; color: white; background: #ffa520;  background: -moz-linear-gradient(top,  #ffa520 0%, #f17619 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa520), color-stop(100%,#f17619));  background: -webkit-linear-gradient(top,  #ffa520 0%,#f17619 100%);  background: -o-linear-gradient(top,  #ffa520 0%,#f17619 100%);  background: -ms-linear-gradient(top,  #ffa520 0%,#f17619 100%);  background: linear-gradient(to bottom,  #ffa520 0%,#f17619 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa520', endColorstr='#f17619',GradientType=0 ); height: auto; }
.texto form .exito,.texto form .error,.texto form .alerta {display: block; text-align: center; font-size: 18px; margin: 40px 0; opacity: 0.5;}
.texto form input[type="radio"] {width:auto;height: auto;}
.texto form label {display:inline-block;margin-left: 10px;}
.texto form div.campo {
    padding: 10px 0 0;
}

.mail {display: none;}
.align{

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

	-webkit-justify-content: space-around;
	justify-content: space-around;
	/*
	-webkit-justify-content: center!important;
	justify-content: center!important;
	*/
    flex-direction: column;
}

.infoDialog .input-group{
	margin-bottom: 2px;
}

.infoDialog button{

	height: 25px;
	vertical-align: top;
}

.popup-accept {

	color: #fff;
	background-color: #56a845;
	margin: 0 2% 0 0;
	width: 35%;
}

.popup-accept:hover{

	color: #fff;
	background-color: #478b39;
}

.popup-cancel {

	color: #fff;
	background-color: #bdc3c7;
	margin: 0 2% 0 0;
	width: 25%;
}

.popup-cancel:hover {

	color: #fff;
	background-color: #a0a7ab;

}

.popup-cancel:focus {

	color: #fff;
}

.imageInfo {
	width: 20px;
	display: inline-block;
	cursor: pointer;
}

.infoDialog .btn{

	padding: 0;
}

.disabled {opacity:0.5;pointer-events:none;}
.hide {display:none !important;}

#shadow {position:fixed;top:0px;bottom:0px;left:0px;right:0px;display:none;z-index: 1000;}
#shadow .shadow-bg{position:fixed;top:0px;bottom:0px;left:0px;right:0px;background:rgba(0,0,0,0.85);}
#shadow .shadow-body{position:fixed;top:0px;bottom:0px;left:0px;right:0px;background:white;margin:auto auto;width:50px;}

*::selection{background:#ffa;}
#bgFade {position:fixed;top:0px;left:0px;bottom:0px;right:0px;z-index:-999;}
	.bgFade {position:absolute;width:100%;height:100%;z-index:0;}

#header {
	background:#333;position:absolute;height:205px;width:100%;margin:0;top:0;z-index:-999;color:#fff;
}
#header .container {margin-top:40px;}

#container {position:relative; width: 100%!important; }

#main {margin-top:150px;min-height: 380px;position:relative;/*z-index:1;*/ padding: 0 0 15px 0; background:#fafafa;border-radius:3px;margin-bottom:20px;
	-moz-box-shadow:0px 2px 5px rgba(0,0,0,0.2);-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.2);box-shadow:0px 2px 5px rgba(0,0,0,0.2);
}
#content>pre {width:100%;white-space:pre-wrap;}

.header{padding:30px 0px;}
.header.logo{padding:20px 0px;}
h1 img.logo{max-height: 100px;object-fit: contain;}
.browserWarning{width: 610px;position: absolute;right: 0;top: 50px; z-index:999;}
#preloader {display:none;position:fixed;width:128px;height:128px;background:black; background:rgba(0,0,0,0.8); background-image:url('img/preloader.gif');background-repeat:no-repeat;background-position: center center; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; left:50%;top:50%;margin:-64px 0 0 -64px;z-index:1100;}
h1 {font-size:46px;line-height:125px;float:left;}
.publicURL {color: #444;position: absolute;left: 0px;top: 115px;}
.publicURL:hover {text-decoration:none;color:black;}

#navbar {float:right;margin:50px 0;z-index: 1;position: absolute;right: 15px;max-width: 85%;}
	#navbar ul {list-style: none;margin:0px;padding:0px;position: relative;display: inline-flex;justify-content: flex-end;/* word-break: break-all; */}
	#navbar li {list-style: none;margin:0px;padding:0px;display:inline-block;position:relative;z-index:0;}
	#navbar>ul>li {opacity:0;}
	#navbar>ul>li.intro {animation:navin 0.5s ease-out;opacity:1;}
	#navbar li a {color:rgba(0,0,0,0.5);display:inline-block;text-align:center; padding: 0 8px; font-size: 11px; text-decoration:none;}
	#navbar li a i {display:block; pointer-events: none;}
	#navbar li a:hover {color:#111;}
	#navbar li a:hover i {-webkit-transform:scale(1.2);}
	#navbar li.active a {color:#111;}
	#navbar li.active a i {-webkit-transform:scale(1.2);}
	#navbar li a i {font-size:38px;-webkit-transition:-webkit-transform 0.2s;}
	#navbar ul.subnav {position: absolute; z-index: 9; display: none; flex-direction: column; align-items: flex-start; overflow: hidden; border-radius: 3px; background: #2c3235; padding: 0.5em 0; animation:subnavin 0.15s ease-out; }
	#navbar>ul>li:last-child .subnav {right:0;}
 	#navbar li.abm.separator {border-left: solid 2px #ffffff1c; margin: 0 0.5em; }
 	#navbar label {font: inherit;display: inline-block;margin: 0;cursor: pointer;line-height: 1;}
 	#navbar li.abm.separator a {display: none !important;}
 	#navbar li:hover>ul.subnav {display: flex; }
 	#navbar .subnav li.abm a {transition:background 0.25s ease-out;display: flex;align-items: center;padding: 0.5em 1em;width: 100%;font-size: 12px;}
 	#navbar .subnav li.abm a:hover {background:#ffffff12;}
 	#navbar .subnav li.abm i {font-size: 125%; width: 2em; }
 	#navbar .subnav li {display: block; width: 100%; }
 	#navbar .subnav li.abm.separator {border: none; border-top: solid 2px #ffffff1c; margin: 0; }
 	#navbar li>i.fa {display: none; }
	@keyframes navin {from {opacity:0;margin-top:10px;} to {} }
	@keyframes subnavin {from {opacity:0;margin-top:-10px;} to {} }

#footer {margin: 1em;}
	#footer ul {list-style: none;margin:0;padding:0;}
	#footer li {list-style: none;margin:0;padding:0 15px 0 0;display:inline;position:relative;}
	#footer a {color:#999;}
	#footer .publicURL {position:static;}
	#footer ul.dropdown-menu {top:auto;bottom:45px;}
	a#kodear {
		width: 80px;
		height:40px;
		float:right;
		display:block;
		background:url(img/kodear-logo.svg) no-repeat center center;
		background-size: 80%;
		margin: -10px 0px 0 0px;
		opacity:0.5;
		-webkit-transition:opacity 0.5s;
		-o-transition:opacity 1s;
		-moz-transition:opacity 1s;
		transition:opacity 1s;
	}
	a#kodear:hover {opacity:0.8;}
	#reportbug {display:none;position: absolute;width: 300px;background: #FFF;border-radius: 5px;box-shadow:0 5px 50px rgba(0, 0, 0, 0.4);bottom:20px;z-index: 1101;left: 0;}
		#reportbug textarea {width: 279px;padding: 10px;border: none;resize: none;height: 100px;outline: none;margin: 0;}
		#reportbug input {width: 100%;border-bottom: none;border-left: none;border-right: none;border-radius: 0 0 5px 5px;padding: 10px;}
		#footer #reportbugli {display: none !important;}
		#reportbug input.btn {}
		
hr {border-top:1px solid #CCC;margin:0px;}
input#filtrar {width:120px;}
#form-login {width: 100%; margin-left:0px;padding:60px 0 0; text-align: center;}
	#form-login h2{text-align:center;color:#ccc;font-weight:normal;margin:0 0 30px;}
	#form-login p{margin-bottom:5px;}
	#form-login .alert {width:260px;margin-bottom: -5px;position: relative;top:-20px;-ms-border-radius:0 0 4px 4px !important;-moz-border-radius:0 0 4px 4px !important;-webkit-border-radius:0 0 4px 4px !important;-o-border-radius:0 0 4px 4px !important;border-radius:0 0 4px 4px !important;text-align:center;padding:10px 25px;}
	#form-login button.span4 {margin-left:0px;width:100%; }
	#form-login div.span4 { width: 300px; display: inline-block;}
	#form-login input.campo { width: 100%; font-size:20px; height:auto; padding: 10px 10px 7px 10px !important; line-height:normal; border:1px solid #ccc;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	}
	#form-login label {margin:20px 0 0 0;}
	#form-login .checkbox input[type=checkbox] {
    margin-top: 0.25em;
}
#form-password-recovery {width: 100%; margin-left:0px;padding:60px 0 0; text-align: center;}
#form-password-recovery h2{text-align:center;color:#ccc;font-weight:bold;margin:0 0 30px;}
#form-password-recovery p{margin-bottom:5px;}
#form-password-recovery .alert {width:260px;margin-bottom: -5px;position: relative;top:-20px;-ms-border-radius:0 0 4px 4px !important;-moz-border-radius:0 0 4px 4px !important;-webkit-border-radius:0 0 4px 4px !important;-o-border-radius:0 0 4px 4px !important;border-radius:0 0 4px 4px !important;text-align:center;padding:10px 25px;}
#form-password-recovery button.span4 {margin-left:0px;width:100%; }
#form-password-recovery div.span4 { width: 300px; display: inline-block;}
#form-password-recovery input.campo { width: 100%; font-size:20px; height:auto; padding: 10px 10px 7px 10px !important; line-height:normal; border:1px solid #ccc;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
#mail-send {display: none;align-content: center;text-align: center;padding: 10% 30% 0% 30%}
#form-forgot-password label {margin:20px 0 0 0;}#form-forgot-password {width: 100%; margin-left:0px;padding:60px 0 0; text-align: center;}
#form-forgot-password h2{text-align:center;color:#ccc;font-weight:bold;margin:0 0 30px;}
#form-forgot-password p{margin-bottom:5px;}
#form-forgot-password .alert {width:260px;margin-bottom: -5px;position: relative;top:-20px;-ms-border-radius:0 0 4px 4px !important;-moz-border-radius:0 0 4px 4px !important;-webkit-border-radius:0 0 4px 4px !important;-o-border-radius:0 0 4px 4px !important;border-radius:0 0 4px 4px !important;text-align:center;padding:10px 25px;}
#form-forgot-password button.span4 {margin-left:0px;width:100%; }
#form-forgot-password div.span4 { width: 300px; display: inline-block;}
#form-forgot-password input.campo { width: 100%; font-size:20px; height:auto; padding: 10px 10px 7px 10px !important; line-height:normal; border:1px solid #ccc;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
#form-forgot-password label {margin:20px 0 0 0;}

.navbar-inner {padding-left:0px;padding-right:0px;}
.navbar-inverse {margin:0px -30px;}
	.navbar-inverse .navbar-inner {background:#666;background-image:-webkit-linear-gradient(top,#555,#999);border-left:none;border-right:none;border-color:#777;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;}
	.navbar-inverse .pull-right {margin-right:-11px;}
	.navbar-inverse ul.nav>li>a {padding:15px 20px;color:#ddd;}
	.navbar-inverse ul.nav>li.active>a {background:#444;background:rgba(0,0,0,0.5);}
.navbar a .icon-wrench {opacity:0.5;}
.navbar a:hover .icon-wrench, .navbar li.open .icon-wrench {opacity:1;}

.pagination-centered {width: 100%;position:relative;top:0px;margin: 20px 0 5px;}
.pagination-centered ul {
	list-style: none;
	text-align: center;
	margin: 0 auto;
	/* -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.2);box-shadow:0px 1px 3px rgba(0,0,0,0.2);*/
	padding: 0;
}
.pagination-centered li{display: inline-block;}
.pagination-centered li a{padding: 10px;line-height: 2em;}
.pagination-centered li.active{    text-decoration: underline;  font-weight: bold;}
.pagination-centered li.disabled a{background:#fff;}
.pagination-centered li.disabled a:hover{background:#fff;}
.navbar .nav.pagination-right {margin-right:0px;}
.navbar .nav.pagination-right a {border-top:none;border-bottom:none;padding:1px 14px;}
.navbar .nav.pagination-right li.disabled a {opacity:0.5;}
.navbar .nav.pagination-right li.disabled span {border-top:none;border-bottom:none;border-left:none;}

.navbar.navigation {margin-bottom:0;background: #f6f6f6;min-height: 0;border-radius: 0px;/* border-top: 1px solid #ddd; */}
.navbar.navigation .navbar-inner {border-radius:0;border:none;padding: 0 10px 0 5px;}
.navbar.navigation .container {margin-left:-1px;margin-right:-1px;width:auto;padding: 0px;display: flex;align-items: center;}
.navbar.navigation li:first-child a {border-radius:4px 0 0 4px;}
.navbar.navigation .navigation-dirs.breadcrumb {background:none;/* float:left; */margin:2px 0 0;flex: 1;}
.navbar.navigation .navigation-dirs.breadcrumb li.active a {color:#999 !important;}
.navbar.navigation .navigation-back {display: none; }

/*
.navbar.navigation ul.navigation-dirs li a{padding-left:20px;padding-right:10px;position:relative;}
.navbar.navigation ul.navigation-dirs li a:after{content:"";width:14px;height:40px;position:absolute;top:0px;margin-left:0px;background:-moz-linear-gradient(149deg, rgba(128,128,128,0) 10px, #f6f6f6 12px),-moz-linear-gradient(211deg, rgba(128,128,128,0) 10px, #f8f8f8 12px);background:-webkit-linear-gradient(149deg, rgba(128,128,128,0) 10px, #f6f6f6 12px),-webkit-linear-gradient(211deg, rgba(128,128,128,0) 10px, #f8f8f8 12px);background:linear-gradient(149deg, rgba(128,128,128,0) 10px, #f6f6f6 12px),linear-gradient(211deg, rgba(128,128,128,0) 10px, #f8f8f8 12px);background-position: bottom right, top right;background-size: 100% 50%;background-repeat: no-repeat;}

.navbar.navigation ul.navigation-dirs li a:after{
	content:"";
	position:absolute;
	top:0;
	right:-8px;
	width:0;
	height:0;
	border-color:transparent transparent transparent #eee;
	border-style:solid;
	border-width:20px 0 20px 8px;
	z-index:10;	
	}
.navbar.navigation ul.navigation-dirs li:first-child a{padding-left:10px;}
.navbar.navigation ul.navigation-dirs li:last-child a{padding-right:20px;border-radius:0 20px 20px 0;z-index:0;}
.navbar.navigation ul.navigation-dirs li:last-child a:after{display:none;}
*/
.navbar.navigation ul.navigation-filters li.dropdown {border-radius:4px 0 0 4px;margin-left:1px;}
li.dropdown.filters:hover {background:#E5E5E5;}
li>a.filter.active {background:#E5E5E5;color:#666;}
textarea.bugReport{width: 98%;height: 150px;}
/*li:hover>a.filter.active {background:#ddd;color:black;}*/

#filter-toggle {
    padding: 0.3em 0.6em;
    margin: 0 0.3em 0 0;
    border-radius: 3px;
    color: #979797;
    cursor: pointer;
    display: inline-block;
}
#filter-toggle:hover{
	color:#6c6e75;
}
#filter-toggle.on {
    background: #dbdde0;
    color: #5c5f69 !important;
}

#filters.container {
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 -11px -2px -6px;
    padding: 15px 10vw 25px;
    background: #dbdde0;
    display: none;
    text-align: center;
}
#filters.container.on {
    display: flex;
    display: block;
}

#filters.container .filter-field {
    display: flex;
    flex-direction: column;
    min-width: 25%;
    flex: 0.25;
    padding: 5px;
    justify-content: flex-end;
    height: 3em;
    display: inline-flex;
    text-align: left;
}
.filter-clear{/* flex:1; *//* align-items: flex-end; */display: inline-block;vertical-align: 5%;margin: 0 5px 0 0;}
.filter-clear button{width:auto;background: #dbdde0;border: none;padding: 5px 10px;opacity: 0.5;display: inline-block;}
.filter-clear button:hover {opacity:1;}

label.filter-label {
    margin: 0;
    font-size: 70%;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #5c5f69;
}
.navbar-search label.filter-label {
    display: none;
}

#filters.container .filter-field select,#filters.container .filter-field input {
    border: none;
    background: #fff;
    height: auto !important;
    width: 100%;
    padding: 3px;
    border-radius: 3px;
}
#filters.container .filter-field input[type="date"] {width:49%;margin-right:1%;margin-top:-1px;}
#filters.container .filter-field.filter-search {
    min-width: 99%;
    /* margin: 0 15%; */
    /* width: 60%; */
    flex: 1;
    margin: 0em 0 1em;
    height: auto;
    /* flex-direction: row; */
    flex-wrap: wrap;
    position: relative;
}

.filter-search label.filter-label {
    /* min-width: 100%; */
}

.filter-search input.search-query {
    /* width: 100%; */
    border: none;
    border-radius: 5em;
    /* font-size: 120%; */
    padding: 0.5em 1em;
}

.filter-search button.search-button {
    position: absolute;
    /* bottom: 0.5em; */
    font-size: 120%;
    right: 0.4em;
    background: none;
    border: none;
    color: #979797;
}


/* generic styles */

.navbar .container {width:920px;}
.subrayado {text-decoration:underline;}
.label {margin-left:10px;}
.campo {margin-bottom:5px;}
dt{color:#333;}
dd{margin-bottom:15px;}
p {margin-before:0px;margin-after:0px;-webkit-margin-before:0px;-webkit-margin-after:0px;}
#debug {position:fixed;font-family:monospace;white-space:pre;padding:20px;background:rgba(255,255,255,0.5);top:0px;/*bottom:0px;max-width:30%;*/left:0px;}
#debug p {font-family:monospace;white-space:pre;margin-bottom:5px;}
#debug p.first {font-weight:bold;}
.slideDown{/*display:none;*/}
.btn-discreto {border:none;background:none;box-shadow:none;text-shadow:0px 1px 0px white;margin:1px !important;}

/* table */

.table-options {float:right;}
/*.table-options .btn {border:none;background:none;}*/
.table-options .dropdown-toggle{width:40px;background: #ebebeb;}
.table-options .dropdown-menu {left:auto;right:0px;}
.langs {float:right;}
.langs button i {font-size: 25px;}
.langs ul li a { text-transform: capitalize;}
.langs ul li a.active { background: #e6e6e6;border-radius: 0;font-weight: bold;}


table.main {margin-bottom:0px;border-top:solid thin #ddd;table-layout: fixed;}
table.main th {text-align:center;border-top:none;color:#aaa;font-size: 12px;line-height: 0.9 !important;font-weight: normal;display: flex;align-items: center;justify-content: center;border: none !important;}
table.main th.table-head-main {/* text-align:left; *//* width:300px; */justify-content: flex-start;}
table.main th.table-head-actions {/* width:170px; */}
table.main th.table-head-datetime {width:150px;}
.table-options .dropdown-toggle button i{font-size: 25px;}
th.table-head-orderable {
    cursor: pointer;
}

th.table-head-orderable:hover {
    /* color: #444; */
    font-weight: bold;
}

th.table-head-on {
    color: #444 !important;
}
th.table-head-orderable.table-head-on:after {
/*  content: "\f078";*/
  content: "\f0d8";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    margin: 0 0 0 0.5em;
}

th.table-head-orderable.table-head-on.table-head-inverse:after {
/*  content: "\f077";*/
  content: "\f0d7";
}


/* view.list tr.entry */
table.main tr.entry:nth-child(odd){background:#fff;}

table.main td {border:none;}
table.main tr.entry {min-height:40px;overflow:hidden;color:#999;padding: 5px 15px;border-top:none;border-bottom:solid thin #ddd;display: flex;flex-direction: row-reverse;align-items: center;transition: background 0.2s ease-out, color 0.2s ease-out;}
table.main tr.entry.visible {color:black;}
table.main tr.entry a {color:#56B1DF;}
table.main tr.entry.visible a {color:#08C;}
table.main tr.table-head {height:36px;display: flex;width: 100%;justify-content: space-between;padding: 0px 15px;flex-direction: row-reverse;border-bottom: solid thin #ddd;}

table.main tr.entry.unsaved {background:#ffd;}
table.main td img.table-img {margin:-10px 0 0 0;height: 38px;border-radius:4px;}
table.main tr.entry.ui-sortable-helper {
	background:white;
	box-shadow: 0px 5px 15px rgba(0,0,0,0.3);
	border-radius:5px;
	
}
/* 
table.main tr.entry.ui-sortable-placeholder {
	border: 2px dashed rgba(0,0,0,.4) !important;
} */

table.main tr.entry.ui-sortable-helper td {border-top:none;}
table.main tr.entry input {border:none;background:none;font:inherit;color:inherit;margin:0px;padding:0px;width:100%;height:auto;position:relative;top:-4px;outline:none;}
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {cursor:default;cursor:inherit;}
#noEntries {border-radius:0;padding: 80px;margin: 25px 0;background: none;color: #bbb;}

/* view.list tr.entry td */

table.main tr.entry>td {text-align:center;margin:0px 5px;padding: 0 !important;cursor:pointer;/* min-height:40px; */overflow:hidden;vertical-align: middle;float:right;/*border-left:solid thin #ececec;*/white-space: pre;text-overflow: ellipsis;}
table.main tr.entry>td.main {font-size:130%;width:40%;border-left:none;text-align:left;-webkit-transition:padding 0.2s;-o-transition:padding 0.2s;-moz-transition:padding 0.2s;transition:padding 0.2s;float:left;padding-left:20px;text-overflow: clip;max-width: none;flex: 1;}
table.main tr.entry:hover td.main {padding-left:30px;}
table.main tr.entry td.main > a {padding:5px;margin-right:0px;-webkit-transition:margin 0.2s;-o-transition:margin 0.2s;-moz-transition:margin 0.2s;transition:margin 0.2s;}
table.main tr.entry:hover td.main > a {margin-right:10px;}
table.main tr.entry>td.table-actions {text-align:right !important;width: auto;padding-right:15px;}
.table-action {width: 30px; height: 30px; padding-top: 8px; text-align: center; display:inline-block;margin:0; opacity:0.5; cursor:pointer;}
.table-action:hover {opacity:1;}
.table-action.disabled, .table-action.disabled:hover {opacity:0.2;cursor:auto;}
.table-action.icon-star,.table-action.icon-eye-open {opacity:1;}
.table-action.action-remove-confirm {width: 30px; height: 30px; padding-top: 8px; color: white; display: none; position: absolute; opacity: 1; background: rgb(255, 110, 110); border-radius: 5px; z-index: 1;}
table.main tr.entry.selected {background: #9196a6;color: #fff;}
table.main tr.entry .table-action.action-select{user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none;}
table.main tr.entry.selected .table-action.action-select:before{content: "\f14a";font-weight: 900;}
table.main tr.entry.selected .table-action{opacity:1;}

table.main tr.entry td.mod-string {padding-top:11px;}
table.main tr.entry td.mod-string.main {padding-top:6px; padding-bottom: 5px;}

table.main tr.entry td.mod-children {min-width:140px;}
table.main tr.entry td.mod-children button {width:130px;}
table.main tr.entry a.child-enter { padding: 5px; min-width: 108px; color:#444;background-color: #DADFE1;
    -webkit-transition:background-color 0.5s; -moz-transition:background-color 0.5s; -ms-transition:background-color 0.5s; -o-transition:background-color 0.5s;
}

table.main tr.entry a.child-enter:hover {color:#fff; background-color: #95a5a6;}

.mod-color input[type="color"] {height: 3em; margin: 0; padding: 0; border: none; background-color: transparent;}
.mod-color .sp-replacer {display: flex; padding: 0; border: none; align-items: center; }
.mod-color .sp-preview {flex: 1; border: solid 1px #cccccc; border-radius: 3px; height: 2em; }
.sp-container {background: whitesmoke; border: solid 1px #ccc; border-radius: 3px; }
.sp-palette {max-width: 20px; }
.mod.mod-color.augment {
    position: absolute;
    right: 20px;
    width: 40px;
    margin: -42.5px 0 0 0;
}

.mod.mod-color.augment .name, .mod.mod-color.augment .modIcons {
    display: none;
}

.mod.mod-color.augment .sp-dd {
    display: none;
}

.mod.mod-color.augment .sp-replacer {
    width: 1.5em;
    height: 1.5em;
    border-radius: 100px;
    overflow: hidden;
    position: relative;
    display: block;
}

.mod.mod-color.augment .sp-preview {
    margin: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    border: none;
}

.btn{padding: 4px 0px 4px 0px;
    -webkit-transition:background-color 0.5s; -moz-transition:background-color 0.5s; -ms-transition:background-color 0.5s; -o-transition:background-color 0.5s;
}

.mod-text .tox-tinymce {clear:both;}

.CodeMirror {border: solid 1px #cccccc; border-radius: 3px; }

.icon-cog, .icon-tasks, .icon-trash, .icon-check-empty, .icon-plus-sign{/*pointer-events:none;*/ cursor: pointer!important; }

/*table.main tr.entry td.mod-img {width:55px;}*/
table.main tr.entry td.mod-img .thumb {background: #EBEBEB; display: block; width: 52px; height: 30px; background-size: cover; border-radius: 4px; position: relative; /*top: -7px;*/ background-position: center center;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15) inset;}

.abm-header {padding: 1em 20px;background: #fff;border-radius: 10px 10px 0 0;}
	.abm-header h2 {font-size: 30px;color:#777;margin: 0.4em 0 0.4em;font-weight: 200;}
	.abm-header button {margin: 0.6em 0 0 0.2em;height: 3em;padding: 0;min-width: 4em;}
.abm-header button {float:right;}
.abm-header button i {font-size: 16px;}
table.main tr.entry a.dirChange,table.main tr.entry a.dirItems {font-size:38px;font-weight:bold;text-decoration:none;}
.hero-unit {text-align:center;color:#888;}
.btn-block {padding:20px 0px;margin-bottom: 20px;border:none;background:#ddd;color:#666;}
.navbar .nav > li > span {float: none;padding: 10px 15px 10px;color: #999;text-decoration: none;text-shadow: 0 1px 0 white;display:block;}
.navbar .nav.pagination > li > span {float: none;padding:0px 14px;color: #999;text-decoration: none;text-shadow: 0 1px 0 white;display:block;}
.btn-group.dirSwitch {float:left;margin:7px 0 0 0;}
.btn-group.dirSwitch .btn {font-size:11px;}
.btn-group.dirSwitch .btn.active {color:#888;}
.btn-group > .btn.btn-small:first-child {-webkit-border-bottom-left-radius: 10px;border-bottom-left-radius: 10px;-webkit-border-top-left-radius: 10px;border-top-left-radius: 10px;-moz-border-radius-bottomleft: 10px;-moz-border-radius-topleft: 10px;}
.btn-group > .btn.btn-small:last-child {-webkit-border-bottom-right-radius: 10px;border-bottom-right-radius: 10px;-webkit-border-top-right-radius: 10px;border-top-right-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-topright: 10px;border-left:none;}
.abm-header button.btn-bulk-delete {color: #999;opacity: 0.5;cursor: default;padding: 0 0.5em;}
.abm-header button.btn-bulk-delete.on {color: inherit; opacity: 1; cursor: pointer; }
.abm-header button.btn-bulk-delete.confirm {background: rgb(255, 110, 110);color:#fff;}
.abm-header button.btn-bulk-delete.confirm:before {content:"¿";}
.abm-header button.btn-bulk-delete.confirm:after {content:"?";}
.bulk-count {font-weight: bold; }

.breadcrumb i {margin-right:7px; color: #7f8c8d;}

.navbar-search {/* margin:5px 0 0 0; */position: relative;}
.navbar-search .search-query,#filters.inline select {width:170px;height: 30px;display: inline-block;vertical-align: top;padding-left: 7px;border-radius: 3px;border: none;outline: none;background: none;transition: all 0.3s ease-out;padding-right: 2em;}
.navbar-search .search-query:focus, .navbar-search .search-query[value], #filters.inline select {background: #fff; border: 1px solid #ccc; }
.navbar-search .search-button {width:30px;height:30px;display: inline-block;background:none;border:none;outline:none;opacity:0.5;/*position:absolute;top:0px;right:5px;*/font-size: 20px;position: absolute;right: 0;top: 0;}
.navbar-search .search-button:hover {opacity:1;}

.navbar-search .filter{height: 30px; margin-left: 4px; display: inline-block; vertical-align: top;  border-radius: 3px; border: 1px solid #ccc;}
.navbar-search .filter+.search-query {border: 1px solid #ccc; }
#filters.inline {margin:0 0.5em 0 0;display: inline-block;}

.sortpage {
	position: relative;
	margin: 5px 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	color: #5c5f69;
	background: white;
	z-index: 99999;
	padding: 20px;
	bottom: 20px;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.42);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.42);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.42);
	opacity: 0;
	display: none;
}

.sortpage.prevpage{
	margin-top: -68px;
	top: 6px;
	pointer-events: none;
}
.sortpage.nextpage{
	position: static;
}

.sortpage.show{
	opacity: 1;
}

.sortpage:hover {color:#666;border-color:#888;}
.sortpage .ui-sortable-placeholder{height:0px;display:none;}
.sortpage.valid{
	border: 1px dashed #666;
}

/* editor */

tr.main.edit {height:auto;width:auto;overflow:hidden;border-bottom:solid thin #ddd;}
tr.main#new big {color:#888;}
tr.main.edit>td {width:100%;height:auto;padding-bottom:20px;background:#eee;padding:0px;cursor:auto;overflow: hidden;display: block;/*margin: 0 15px 15px;border-radius: 0 0 10px 10px;*/position: relative;}
.edit-foot {display:none;clear:both;width:auto;height:auto;overflow:auto;padding:15px;background:#ddd;margin:5px 0 0 0;}
.edit-foot button.pull-right{margin-left:10px;}

.central {height:auto;}

/* MODS */

.mods {margin:15px;margin-bottom:0;overflow:auto;height:auto;width:auto;}
.mods-left {float:left;width:70%;padding-bottom: 20px;height:auto;overflow:auto;padding-right: 15px;position: relative;}
.mods-right {float:left;width:30%;padding-bottom: 20px;height:auto;overflow:auto;position: relative;}

.mod {display:block;overflow:hidden;height:auto;width:auto;margin-bottom:15px;width:100%;}
.mod.clear {float:none !important;clear:none !important;width:auto !important;}
.mod.half {width:50%;}
.mod.left.half:nth-child(2n) {padding-right:10px}
.mod.left.half:nth-child(2n+1) {padding-left:10px}
.mod.half,.mod.col-1,.mod.col-2,.mod.col-3,.mod.col-4,.mod.col-5,.mod.col-6,.mod.col-7,.mod.col-8,.mod.col-9,.mod.col-10,.mod.col-11,.mod.col-12 { box-sizing: border-box; float: left;height: auto;overflow: auto;}
.mod.col-1,.mod.col-2,.mod.col-3,.mod.col-4,.mod.col-5,.mod.col-6,.mod.col-7,.mod.col-8,.mod.col-9,.mod.col-10,.mod.col-11,.mod.col-12 {padding:0 10px 0 0;}
.mod.col-1{width:8.3%;}
.mod.col-2{width:16.6%;}
.mod.col-3{width:25%;}
.mod.col-4{width:33.3%;}
.mod.col-5{width:41.6%;}
.mod.col-6{width:50%;}
.mod.col-7{width:58.3%;}
.mod.col-8{width:66.6%;}
.mod.col-9{width:75%;}
.mod.col-10{width:83.3%;}
.mod.col-11{width:91.6%;}
.mod.col-12{width:100%;}

.mod select,.mod input{ width: 100%; margin-bottom:0; border: 1px solid #ccc; padding: 5px 5px 5px 5px;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.input-group {width: 100%;}
/*.mod.right select,.mod.right input{width:100%;}*/

.ms-container .ms-selectable li span.ms-elem-selected {display: none !important; }
li.ms-elem-selectable {padding-left: 6.5em !important; }
li.ms-elem-selectable[data-indent="0"] {padding-left: 0.5em !important; }
li.ms-elem-selectable[data-indent="1"] {padding-left: 2em !important; }
li.ms-elem-selectable[data-indent="2"] {padding-left: 3.5em !important; }
li.ms-elem-selectable[data-indent="3"] {padding-left: 5em !important; }
li.ms-elem-selectable:before {content: "\f0c8";font-family: 'Font Awesome 5 Free';margin-right: 0.5em;opacity: 0.25;position: absolute;}
li.ms-elem-selectable.ms-selected:before {content: "\f14a"; opacity: 1; }
li.ms-elem-selectable span a {display:block;margin: 0 0 0 20px;min-height: 1.4em;}

.mod-link.main{ padding-top: 6px!important;}
/*.mod-link{ padding-top: 10px!important;}*/
.mod-link a{/*left: 10px;*/ position: relative; width: auto;}
.mod-link .parent{
	background: #e8e8e8;
	pointer-events: auto!important;
	opacity: 1!important;
	color:#666!important;
	cursor: hand!important;
}
.mod-link .parent span.pull-right{
	display: block!important;
	border: 1px solid #929292!important;
	text-align: center!important;
	border-radius: 3px!important;
	margin-right: -3px!important;
	width: 18px!important;
	height: 18px!important;
	line-height: 18px!important;
	margin-top: 1px!important;
	color: rgba(113,113,113,0.5);
}

.mod-link .parent.all span.pull-right {
	color: rgba(113,113,113,1);
}

.mod-link .parent.none span.pull-right {
	color: rgba(113,113,113,0);
}

.mod-link .child {
	display: none;
}

.ms-container .ms-selectable {
    background: none;
}

.ms-container .ms-list {
    background: #fff;
}

.mod-link-filter {
    background: #dadfe1;
    box-shadow: 0px 1px 1px #00000033 inset;
    border-radius: 50px;
    display: flex;
    align-items: center;
    margin: 5px 0;
    font-size: 80%;
    position: relative;
    display:none;
}

.mod-link.filter-enabled .mod-link-filter {display:flex;}

.mod-link-filter input {font: inherit;background: none;border: none;outline: none;padding: 0.3em 1em;}

.mod-link-filter i {
    position: absolute;
    right: 1em;
    opacity: 0.3;
    pointer-events: none;
}



.ms-container[label]:before {
    content: attr(label);
    opacity: 0.35;
}

.ms-container[label] .ms-selectable {
    display: none;
}
i.editIcon {position: relative; color: #838383;text-decoration:none; cursor: pointer;}
i.editIcon:hover {color: #666;}

.mod .name { text-transform:uppercase;color:#808080;font-weight:bold;font-size:11px; }

.mod.mod-separator { padding:15px 0 0 0;width:100% !important;border-bottom:solid thin #ccc;clear:both;}
	.mod.mod-separator .name {font-size:17px;text-transform: none;font-weight:normal;}

/*.mod.mod-string input, .mod.mod-password input {width:100% !important;}*/
/*.mod.mod-string.right input, .mod.mod-password.right input {width:220px !important;}*/
.input-append, .input-prepend {margin-left: 1px;}
.input-prepend input{ width: 213px !important;}

.mod.mod-children a.btn {width:auto; padding: 8px 0;display:block;}
.mod.mod-children.list a.btn {border-radius: 5px 5px 0 0;}
.mod.mod-children table {background: #FFF;width: 100%;border-radius: 0 0 5px 5px;border: solid thin #C4C4C4;border-top: none;}


.mod-children {}
.mod-children .child-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.mod-children .child-enter{
}
.mod-children .child-add-title{
  margin: 0 0 0 1em;
  outline: none;
  height: 2em;
  max-width: 50%;
  transition: all 0.2s ease-out;
  background: transparent;
  border: solid 1px transparent;
  color: #999;
}
.mod-children .child-add{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 0.5em;
  background: none;
  border: none;
  opacity: 0.8;
  box-shadow: none;
}
.mod-children .child-add:hover{opacity:1;}
.mod-children .child-add-title:focus{
  border: 1px solid #ccc;
  background: #fff;
  color: #222;
}

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

.mod.mod-text textarea {height:200px;width:100% !important;}
.mod.mod-text textarea.html {width:590px !important;}
/*.mod.mod-text.right textarea {width:251px !important;}*/
.mod.mod-text.right textarea.html {width:255px !important;}
.redactor_editor {min-height:100px;}
.redactor_toolbar {background:#eee;border-bottom: 1px solid #CCC;}

.btn-group, .btn-group-vertical {width: 100%;}
.mod.mod-boolean.legacy .btn {width:50%;height:50px;background: #e3e3e3;}
.mod.mod-boolean.legacy .btn.active {background:#D3D3D3;cursor:default;border: none;}
.mod.mod-boolean:not(.legacy) {display: flex;position: relative;align-items: center;justify-content: space-between;overflow: visible;}
.mod.mod-boolean:not(.legacy) .name {margin: 0 15px 0 0; }
.mod.mod-boolean:not(.legacy) .modIcons {flex: 1; }
.mod.mod-boolean:not(.legacy) .modIcons i {margin: 0 10px 0 0; float: none; top: -1px; }
.mod.mod-boolean:not(.legacy) .btn-group {
    box-shadow: 0px 1px 1px #00000033 inset;
    transition: background 0.2s ease-out;
    width: 100px !important;
    min-width: 100px;
    height: 50px !important;
    background: #dadfe1;
    border-radius: 10em;
    cursor: pointer;
}
.mod.mod-boolean:not(.legacy) .btn {
    background: #fff;
    position: absolute;
    height: 46px !important;
    width: 46px !important;
    border-radius: 50px !important;
    margin: 2px;
    left: 0;
    box-shadow: 0px 1px 1px #00000033;
    transition: all 0.25s cubic-bezier(0.42, 0, 0.19, 0.99);}
.mod.mod-boolean:not(.legacy) .btn:first-child {}
.mod.mod-boolean:not(.legacy) .btn:last-child {opacity: 0; }
.mod.mod-boolean:not(.legacy) .btn-group.boolean-on {background: #56a845; }
.mod.mod-boolean:not(.legacy) .btn-group.boolean-on .btn {left:50px}
.mod.mod-boolean:not(.legacy) .btn-group.boolean-on .btn:first-child {}
.mod.mod-boolean:not(.legacy) .btn-group.boolean-on .btn:last-child {opacity: 1; }
.mod.mod-boolean:not(.legacy) .btn-group:hover {background: #bdc3c7; }
.mod.mod-boolean:not(.legacy) .btn-group.boolean-on:hover {background: #468b37; }
.mod.mod-boolean:not(.legacy) .btn-group:hover .btn {/* left: 5px; */ }
.mod.mod-boolean:not(.legacy) .btn-group.boolean-on:hover .btn {/* left: 45px; */ }


.mod-date { padding-top: 11px!important;}
.mod-enum { padding-top: 11px!important;}

.mod.mod-date .datepicker {padding:0;}
.mod.mod-date .datepicker-cont {position:relative;padding-bottom:30px;border-radius:5px;width:260px;background-color: #FFF;border: 1px solid #CCC;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.mod.mod-date .nodate {position:absolute;bottom:0px;left: 0px;right: 0px;border:none;border-top: 1px solid #CCC;background:none;border-radius:0 0 5px 5px;-webkit-box-shadow:none;	-moz-box-shadow:none;	box-shadow:none;width: 100%;}
.mod.mod-date .nodate:hover {background:#eee;}
.mod.mod-date .nodate.active {color:#08c;}
.mod.mod-date .nodate i {width:auto;display:inline;}
.mod.mod-date .nodate .icon-check {display:none;}
.mod.mod-date .nodate .icon-check-empty {display:inline;}
.mod.mod-date .nodate.active .icon-check {display:inline;}
.mod.mod-date .nodate.active .icon-check-empty {display:none;}
.mod.mod-date .datepicker-inline table th {border-radius:0;}
.mod.mod-date .datepicker-inline table thead tr {border-bottom: 1px solid #CCC;}
.mod.mod-date .datepicker-inline table thead tr+tr {background-color:#eee;pointer-events:none;}
.mod.mod-date.right .datepicker-inline table {width:260px;}

.mod.mod-img .data {display:none;}
.mod.mod-img .dropzone {position: relative;padding: 50px 10px 0px;/* min-height: 50px; */padding-bottom: 0px !important;font-size: 16px;color: #999;text-align: center;border: dashed 1px #CACACA;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);border-radius: 4px;background: whiteSmoke;overflow:hidden;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.mod.mod-img .dropzone .dz-default.dz-message {/*position: absolute;bottom: 20px;left: 20px;*/width: 192px;}
.mod.mod-img .dropzone.nomore {padding-top: 10px;}
.mod.mod-img .dropzone.nomore .dz-default.dz-message {display:none;}
.mod.mod-img .dz-preview {width: 100%;background: #FFF;/* border: solid thin #D3D3D3; */margin-bottom: 10px;padding-bottom: 10px;border-radius: 5px;box-shadow: 0 1px 2px;overflow: hidden;position: relative;}
.mod.mod-img .placeholder
{
	width: 100%;
	float: left;
	background: #eee;
	border: 2px dashed #bbb;
	display: block;
	opacity: 0.6;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;}
.mod.mod-img.left .placeholder {
	width: 155px;
	height: 113px;
	margin: 0 10px 10px 0;
}
.mod.mod-img .dz-error  { padding:0; }
.mod.mod-img .dz-img  { background-color: #ECEFF1; }
.mod.mod-img.left  .dz-img  {margin-top: -10px; }
	/*.mod.mod-img .dz-preview:last-child {margin-bottom:15px;}*/
	.mod.mod-img .dz-filename {display: none !important;}
	.mod.mod-img .dz-img {margin-bottom: 10px;/* border: solid thin #DDD; */position:relative;/*overflow:hidden;*/}
		.mod.mod-img .dz-error .dz-img {margin:0;}
		.mod.mod-img .dz-img .dz-thumbnail {width:100%;-webkit-filter: grayscale(100%);/*position:absolute; top:0px; left:0px;*/display: none;}
		.mod.mod-img .dz-processing .dz-img .dz-thumbnail {    display: block;}
		.mod.mod-img .dz-img .dz-finalthumb {width:100%;/*position:absolute;top:0px;left:0px;*/}
		.mod.mod-img .dz-img .dz-progress {position:absolute;z-index:2;top:0px;bottom:0px;left:0px;right:0px;display: none;}
		.mod.mod-img .dz-img .dz-upload {z-index:2;position:absolute;right:0px;top:0px;left:0px;background:rgba(255,255,255,0.8);}
		.mod.mod-img .dz-img .dz-error-message {display:none;position: absolute;z-index: 1;width:100%;height: 100%;line-height: normal;color: #FFF;top: 0px;color: rgba(255, 50, 50, 0.9);padding: 10px;/* padding-top: 50px; */font-size: 75%;}
	.mod.mod-img .dz-controls {color:#999;font-size:14px;}
		.mod.mod-img .dz-error .dz-controls {display:none;}
		.mod.mod-img .dz-controls i {cursor:pointer;margin:0 4px;}
		.mod.mod-img .dz-controls i:hover {color:#222;}
		.mod.mod-img .dz-controls .dz-acciones {display:none;}
		.mod.mod-img .dz-controls .dz-acciones a{color:inherit;}
		.mod.mod-img .dz-controls .dz-size {display:none;pointer-events:none;padding-top: 3px;}
		.mod.mod-img .sizewarning:before {content: "Se sugiere cargar imágenes menores a 4 Mb para optimizar los tiempos de carga.";position: absolute;top: 0;left: 0;z-index: 1;font-size: 10px;background: #000000;line-height: 1;padding: 1em;height: 75px;color: #fff;display: flex;align-items: center;justify-content: center;opacity: 0.75;}
		.mod.mod-img .dz-controls .dz-procesando {display:none;}
		.mod.mod-img .dz-controls .dz-descartar {display:none;}
#cropDialog .btn {position: absolute;left: 50%;bottom: -50px;margin-left: -83px;}


.mod.mod-img .dz-acciones .fa-map-pin {display:none;}
.mod.mod-img.mod-img-markers .dz-acciones .fa-map-pin {display:inline;}
.mod.mod-img.mod-img-markers .dz-acciones .fa-clipboard {display:none;}
#markDialog .btn {position: absolute;left: 50%;bottom: -50px;margin-left: -83px;}
.marks {position: relative; }
.mark {position: absolute; }
.markers {position: relative;cursor: crosshair;}
.marker {position: absolute; }
.marker.on{z-index: 1;}
.marker.offcrop {visibility:hidden;}
.marker-handle {position: absolute;width: 2em;height: 2em;top: -1em;left: -1em;cursor: pointer;}
.marker-handle:before,.marker-handle:after {position:absolute; background: #fff; width: 1em; height: 1em; margin: 0.5em; content: ""; display: block; border-radius: 1em; }
.marker-handle:after {animation:marker-pulse 3s cubic-bezier(0, 0.13, 0.26, 0.97) infinite; }
@keyframes marker-pulse {0% {opacity:1;transform:scale(1);} 50% {opacity:0;transform:scale(3);} 100% {opacity:0;transform:scale(3);} }
@keyframes marker-in {from {margin: 0;top: 0;opacity: 0;} }
.marker-del {display: none;position: absolute; color: #fff; background: #00000075;animation: marker-in 0.3s cubic-bezier(0, 0, 0, 1); align-items: center; justify-content: center; width: 2em; height: 2em; left: -1em; top: 1em; border-radius: 1em; opacity: 0.75; cursor: pointer; }
.marker-del:hover {opacity: 1; background: #ff2b2b9c; }
.marker.flip-dialog .marker-del {bottom: 1em; top:auto; }
.marker-dialog {position: absolute;display: none;animation: marker-in 0.3s cubic-bezier(0, 0, 0, 1);transform: translate(-50%,-100%);margin: -1.5em 0 0;background: #f7f7f7;padding: 0.5em 0.75em 0;border-radius: 5px;box-shadow: 0 1px 3px black;}
.marker.flip-dialog .marker-dialog {transform: translate(-50%,0%);margin: 1.5em 0 0;}
.marker-dialog label {display: block; font-size: 11px; text-transform: uppercase; margin: 0; font-weight: 900; color: #afafb3; }
.marker-dialog input,.marker-dialog select,.marker-dialog textarea {width: 20em;max-width: 90vw;font: inherit;margin: 0 0 0.5em;border: solid 1px #dddddd;border-radius: 2px;padding: 0.25em 0.5em;resize: none;}
.marker.on .marker-handle {cursor: move;}
.marker.on .marker-dialog {display: block;}
.marker.on .marker-del {display: flex;}
.marker.dragging {pointer-events: none;}
.marker.dragging .marker-dialog {display: none;}
.marker.dragging .marker-del {display: none;}
.markers-crop {position: absolute;border: dashed 1px #fff;/* box-shadow: 0 0 2em 1em #000000ba; */pointer-events:none;}
.markers-crop[title]:before {content: attr(title);background: #000;color: #fff;bottom: 0;right: 0;position: absolute;}
.marker[tooltip]:hover:before {position: absolute; content: attr(tooltip); background: #000000ba; font-size: 80%; color: #fff; padding: 0.25em 0.5em; border-radius: 3px; bottom:1em; max-width: 30em; white-space: nowrap; overflow: hidden; transform: translateX(-50%); pointer-events:none; }
.marker[tooltip].on:before,.marker[tooltip=""]:before  {display: none; }
.marker-dialog label input {width: 1.5em; height: 1.5em; float: right; margin-bottom: 1em; }

.mod.mod-img.left .dropzone {position: relative;/* padding: 60px 5px 5px 15px; */font-size: 16px;color: #999;text-align: center;border: dashed 1px #CACACA;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);border-radius: 4px;background: whiteSmoke;overflow:hidden;}
.mod.mod-img .dropzone .dz-default.dz-message {background: #ededed;box-shadow:0 1px 1px rgba(0, 0, 0, 0.07);position: absolute;bottom: auto;width: auto;left: 10px;top: 10px;right: 10px;}
.mod.mod-img.left .dropzone.nomore {padding-top: 10px;}
.mod.mod-img.left .dz-preview {width: 155px;height: 107px;margin: 0 10px 10px 0;float: left;}
	.mod.mod-img.left .dz-img {margin: 0 0 5px;/* border: solid thin #DDD; */height: 75px;position:relative;overflow:hidden;}
		.mod.mod-img.left .dz-img .dz-finalthumb {position:absolute;width: 100%;height: 75px;top:0px;left:0px;object-fit: cover;}
		.mod.mod-img.left .dz-img .dz-upload {z-index:2;position:absolute;right:0px;top:0px;left:0px;background:rgba(255,255,255,0.8);}
		.mod.mod-img.left .dz-img .dz-error-message {display:none;position: absolute;z-index: 1;width: 100%;height: 100%;line-height: normal;color: #FFF;top: 0px;background: rgba(255, 50, 50, 0.9);padding: 30px 0 0 0;font-size: 10px;}
		.mod.mod-img.left .dz-controls .dz-procesando {height: 20px; font-size: 10px;}
		.mod.mod-img.left .dz-controls .dz-size {font-size: 10px;/* height: 20px; */}
.mod.mod-img.left .dropzone.screenshots .dz-preview{width: 23.3%;height: auto;}
	.mod.mod-img.left .dropzone.screenshots .dz-img {height: auto;}
		.mod.mod-img.left .dropzone.screenshots .dz-img .dz-finalthumb{height:auto;position: relative;margin: auto;}


.mod.mod-file .data {display:none;}
.mod.mod-file .dropzone {position: relative;padding: 50px 10px 0px;min-height: 50px;font-size: 16px;color: #999;text-align: center;border: dashed 1px #CACACA;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);border-radius: 4px;background: whiteSmoke;overflow:hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;}
.mod.mod-file .dropzone .dz-default.dz-message {background: #ededed;box-shadow:0 1px 1px rgba(0, 0, 0, 0.07);position: absolute;bottom: 20px;width: 100%;left: 0px;}
.mod.mod-file .dropzone.nomore {padding-top: 10px;}
.mod.mod-file .dropzone.nomore .dz-default.dz-message {display:none;}
.mod.mod-file .dz-preview {width: 100%;min-height: 70px;background: #FFF;/* border: solid thin #D3D3D3; */margin-bottom: 10px;position: relative;border-radius: 5px;box-shadow: 0 1px 2px;}
/*.mod.mod-file .dz-preview:last-child {margin-bottom:15px;}*/
	.mod.mod-file .dz-filename {padding: 10px;text-align: center;/* height: 20px; */white-space: nowrap;overflow: hidden;width: auto;text-overflow: ellipsis;}
	.mod.mod-file .dz-img {position: absolute;overflow:hidden;left: 0;right: 0;top: 0;bottom: 0;z-index: 0;margin: 0 0 5px;height: 75px;}
		.mod.mod-file .dz-img .dz-thumbnail {width:100%;-webkit-filter: grayscale(100%);}
		.mod.mod-file .dz-img .dz-finalthumb {display: none;}
		.mod.mod-file .dz-img .dz-progress {position:absolute;z-index: 1;top:0px;bottom:0px;left:0px;right:0px;}
		.mod.mod-file .dz-img .dz-upload {background: rgba(0,0,0,0.1); position: absolute; top: 0; bottom: 0; left: 0; width: 0%; pointer-events: none;}
		.mod.mod-file .dz-img .dz-error-message {display:none;position: absolute;z-index: 1;width: 100%;height: 100%;line-height: normal;color: #FFF;top: 0px;background: rgba(255, 50, 50, 0.9);padding: 30px 10px;text-align: left;letter-spacing: -0.5px;font-size: 10px;text-align: center;}
	.mod.mod-file .dz-controls {color:#999;font-size:14px;}
		.mod.mod-file .dz-controls i {cursor:pointer;margin:0 5px;}
		.mod.mod-file .dz-controls i:hover {color:#222;}
		.mod.mod-file .dz-controls .dz-acciones {display:none;position: absolute;right: 10px;bottom: 10px;left: 10px;}
		.mod.mod-file .dz-controls .dz-acciones a{color:inherit;}
		.mod.mod-file .dz-controls .dz-size {display:none;float: left;margin: 10px;}
		.mod.mod-file .dz-controls .dz-procesando {display:none;position: absolute;background: white;width: 100%;height: 100%;line-height: 40px;z-index: 3;}
		.mod.mod-file .dz-controls .dz-descartar {display:none;right: 0;margin: 10px;z-index: 3;position: absolute;color: white;}

.mod.mod-file.left .dropzone {position: relative;/* padding: 60px 5px 5px 15px; */font-size: 16px;color: #999;text-align: center;border: dashed 1px #CACACA;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);border-radius: 4px;background: whiteSmoke;overflow:hidden;}
.mod.mod-file .dropzone .dz-default.dz-message {position: absolute;bottom: auto;width: auto;left: 10px;top: 10px;right: 10px;}
.mod.mod-file.left .dropzone.nomore {padding-top: 10px;}
.mod.mod-file.left .dz-preview {width: 155px;height: 73px;margin: 0 10px 10px 0;float: left;width: 155px;height: 107px;margin: 0 10px 10px 0;float: left;overflow: hidden;}
	.mod.mod-file.left .dz-file {margin: 5px;border: solid thin #DDD;height: 75px;position:relative;overflow:hidden;}
		.mod.mod-file.left .dz-file .dz-finalthumb {position:absolute;width: 100%;height: 75px;}
		.mod.mod-file.left .dz-file .dz-upload {z-index:2;position:absolute;right:0px;top:0px;left:0px;background:rgba(255,255,255,0.8);}
		.mod.mod-file.left .dz-file .dz-error-message {display:none;position: absolute;z-index: 1;width: 100%;height: 100%;line-height: normal;color: #FFF;top: 0px;background: rgba(255, 50, 50, 0.9);padding: 30px 0 0 0;font-size: 10px;}
		.mod.mod-file.left .dz-controls .dz-procesando {height: 20px; font-size: 10px;}
		.mod.mod-file.left .dz-controls .dz-size {font-size: 10px; height: 20px;}


[data-readonly] .imageInfo,[data-readonly] .fa-trash,[data-readonly] .fa-crop,[data-readonly] .fa-map-pin {display: none; }
.mod-permissions li.ms-elem-selectable {padding-left: 10px !important; }

.mod.mod-map {
	position:relative;
}
.mod.mod-map .w50{
	float:left;
	width: 50%;
}
.mod.mod-place .w50{
	float:left;
	width: 50%;
}

.mod.mod-map .gmap {     margin-bottom: 55px; width: 100%;height: 200px;border: solid thin #DDD;border-radius: 5px;background:#ccc;}
.gmap img { max-width: none; }
.mod.mod-map .gmapControls {position: absolute; margin: -62px 0 0 0px; width: 100%; border: none; border-top: 1px solid #CCC; background: #F7F7F7; border-radius: 0 0 5px 5px; padding: 5px; text-align: center;}
.mod.mod-map .gmapControls a {}
.mod.mod-map.left .gmapControls{width: 584px;}

.nav a.inline {display:inline; padding:5px !important;margin:0px;border-radius:3px;}
.modIcons {display:block;float:right;}
.modIcons a {color:inherit;}
.modIcons i  {float:right;margin: 0 0 0 10px;opacity:0.8;position:relative;top: 0px;right: 2px;}
.modIcons i:hover { opacity:1; }
.modStatus {display:inline-block;opacity:.3;display:none !important;}
.modStatus.error {opacity:1;}
.iconLang {font-style:normal;font-size:10px;float: right;text-transform: uppercase;color: #aaa;font-weight: bold;cursor:default;}
.mod-clipboard .modIcons .fa-clipboard{ cursor: pointer; }



.mod.required.vacio.mod-string input,.mod.required.vacio.mod-link select,.mod.required.vacio.mod-link .ms-list,.mod.required.vacio.mod-img .dropzone,.mod.required.vacio.mod-text textarea,.mod.required.vacio.mod-text .tox-tinymce{border-color:#f15555;}



.select {background: #fff; border: solid 1px #cccccc; border-radius: 3px; position: relative;}
.select .option+.option {border-top: solid 1px #eeeeee; }
.select .option {padding: 2px 5px;border-radius: 3px;}
.select .option:hover {background: #ecf3f9; }
.select .option.selected {color: white; background: #286fad; }
.select.select-icons {display: flex; flex-wrap: wrap; }
.select.select-icons .option {width: 50%;border: none;text-align: center;padding: 5px;}
.select.select-images {display: flex; flex-wrap: wrap;}
.select.select-images .option {width: 50%;border: none;text-align: center;padding: 5px;}
.select .option-title {    margin: 0.5rem;}
.left .select .option {width:25%;}
.select .option-icon {height: 7rem;display: flex;align-items: center;justify-content: center;font-size: 350%;opacity: 0.5;}
.select .option-image {height: 7rem;width: 90%;opacity: 0.75;object-fit: contain;}
.select .option:hover .option-image,.select .option:hover .option-icon {opacity: 1; }
.select .option.selected .option-image,.select .option.selected .option-icon {opacity: 1; }
.select.select-images,.select.select-icons {font-size: 75%;}
.select.select-scroll {height: 21.5rem;overflow: auto;}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none!important;
    /* border-top: 1px solid #ddd; */
}

.btn-primary {
	padding: 0.5em 1em !important;
	text-transform: uppercase;
	background-color: #5c5f69;
	border-color: transparent!important;
}
.btn-primary:hover{
	background-color: #454955;
}

.btn-danger {
	padding: 7px 12px 7px 12px;
	text-transform: uppercase;
	background-color: #bb3333;
	border-color: transparent!important;
}
.btn-danger:hover{
	background-color: #882222;
}
#botonera {
	background: rgb(238,238,238);
	background: linear-gradient(0deg, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 25%);
	padding:15px 0 20px;
}
.botonera {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  height: 50px;
  width: 100%;
  transition:opacity 0.3s;
}
.botonera+.botonera {
	margin-top:10px;
}
.botonera .btn+.btn {
  margin-left: 10px;
}

.botonera .btn {
  font-size: 12px;
  box-shadow: 0px 1px 1px #00000033;
  transition: background 0.2s ease-out;
  flex:1;
}
.botonera.wait {
	pointer-events: none;
	opacity: 0.2;
	position:relative;
}
.botonera.wait .fa.fa-save {position:relative;}
.botonera.wait .fa.fa-save:before{
    animation: lockedspin 1s cubic-bezier(0.43, 0.07, 0.26, 0.98) infinite;
    content: "\f110";
    /* font-family: "Font Awesome 5 Free"; */
    position: relative;
    top: 0.5em;
    left: 50%;
    /* z-index: 1000; */
    /* color: #fff; */
    /* -webkit-font-smoothing: antialiased; */
    display: inline-block;
    /* font-style: normal; */
    /* font-variant: normal; */
    /* text-rendering: auto; */
    /* font-weight: 900; */
    /* font-size: 3em; */
    }
.btn-save, .save{ width: 47%; background-color:#56a845;}
.btn-save:hover, .save:hover,.btn-save:focus, .save:focus {background-color:#478b39;}
.btn-send, .send{ width: 35%; background-color:#5589e1;}
.btn-send:hover, .send:hover{background-color:#4674c1;}
.btn-cancel, .btn-cancel2, .cancel, .btn-saveback{  background-color:#bdc3c7; }
.btn-cancel, .btn-cancel2, .cancel{flex:0.15 !important;padding: 0.5em 0.5em !important;}
.btn-cancel:hover, .btn-cancel2:hover, .cancel:hover, .btn-saveback:hover{background-color:#a0a7ab; margin: 0 0 0 0;}

.saveAlert {display:none;text-align: center; padding: 1em 0;}
.saveAlert.ok {color:#7fb673;}
.saveAlert.error {color:#e16969;}

#menutoggle {display:none;}

.offlineAlert {
  color: #f68c8c;
  border: solid 1px;
  padding: 0.5em 1em;
  text-align: center;
  margin:1em 0;
}

#abm-import {
    position: relative;
    display: none;
}
#abm-import #import-log {
    background: #eeeeee;
    border-radius: 0.5em;
    position: relative;
    padding: 0.5em 0em;
    height: 20em;
    overflow: auto;
    box-shadow: 0px 1px 0.5em #00000029 inset;
}
#import-file {position: fixed;opacity: 0;pointer-events: none;top:0;left:0;z-index: -1;}
#abm-import #import-log a {color:inherit;text-decoration:underline;}
#abm-import #import-log p {
    padding: 0.1em 15px;
    font-size: 12px;
    font-family: monospace;
}
#abm-import #import-log p:nth-child(2n) {background: #00000008;}
#abm-import #import-log p.error {
    font-weight: bold;
    color: #c51313;
}
#abm-import #import-log p.success {
    font-weight: bold;
    color: #3d922c;
    font-size: 16px;
    padding: 1em 15px;
    transition:width 0.5s ease-in-out;
}
#abm-import #import-progress-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    border-radius: 0 0 0.5em 0.5em;
    background: #ddd;
}
#abm-import #import-progress {
    height: 0.5em;
    background: #56a845;
    display: block;
    width: 0%;
}
#abm-import .import-fieldsep {}
#abm-import .import-fieldsep:before {content:" | ";opacity: 0.2;}

.table-options .dropdown-menu a {cursor:pointer;}
#exportFields label {display:block;}
#exportFields label span {font-weight: normal; color: #c5c5c5; font-size: 85%; letter-spacing: 0.05em;}

/*///// RESOLUCIONES ////*/
.resolucion{
    width:auto;
    height:25px;
    padding:5px 10px 5px 10px;
    position: fixed;
    top:0px;
    right:0px;
    background: rgba(187, 0, 0, 0.7);
    pointer-events:none;
    /*display:none;*/
    color:#fff;
    font-size:10px;
    z-index:999;
    text-align:right;
    display: none;
}
.resolucion .movilV{display:inline-block;}
.resolucion .movilH{display:none;}
.resolucion .tabletHV{display:none;}
.resolucion .pcC{display:none;}
.resolucion .pcG{display:none;}


/*** CROP ***/

.jcrop-handle {
	width: 15px;
	height: 15px;
}


/*///// RESPONSIVE ////*/
/* BOOSTRAP XS (MOVIL HORIZONTAL) */
@media (max-width: 767px) {
    .resolucion .movilV{display:none;}
    .resolucion .movilH{display:inline-block;}
    .resolucion .tabletHV{display:none;}
    .resolucion .pcC{display:none;}
    .resolucion .pcG{display:none;}

    #header {height: 100%;position: fixed;}
    
	body {/* background: #5b5e69 !important; */}

	#footer a {color: #fff;}

	#container {padding-right: 0px;padding-left: 0px;height: 100vh;text-align: center;display: flex;flex-direction: column;justify-content: space-between;padding: 0 !important;}
	.loggedOn #container {display:block;text-align:left;}
	
	#main {border-radius: 0px;background:none;box-shadow:none;transition:background 1s;margin-top: 80px;}
	
	.loggedOn #main {background: #fafafa;min-height: calc(100vh - 160px);}
	
	.loggedOn .container {}

    .mods-left { width: 100%; padding-right: 0px;}
    .mods-right { width: 100%;}

	#form-login div.span4 { width: 90%;}
	#form-login { color:#fff;}
	#form-login h2 { color:#fff;}
	#form-login input { color:#333;}

	#noEntries {
    padding: 25vh 20%;
}
	
	#navbar {position: fixed;top:0;right:0;margin: 0;background: #ffffffe6;color: #666;z-index: 99;left: 0;bottom: 0;display: flex;justify-content: center;align-items: flex-start;opacity:0;transition: opacity 0.5s;pointer-events: none;justify-content: stretch;padding: 80px 0 0;text-align: center;max-width: none;}
	.menuon #navbar {opacity:1;pointer-events:all;}
	#navbar ul {
		width: 100%;
		text-align: center;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	#navbar ul li {
		width: 100%;
	}
	#navbar ul li a {
		/* text-align: left; */
		width: 100%;
		color: inherit;
		/* opacity:0.8; */
		font-size:100%;
		padding: 1em;
		display: flex;
		justify-content: center;
		/* flex-direction: row-reverse; */
		align-items: center;
		border-bottom: solid 1px #f1f1f1;
		background: #fff;
	}	
	#navbar ul li.active a {
		color: #000 !important;
		opacity: 1 !important;
	}

	#navbar ul li a:hover {
		color: inherit;
		opacity:1;
	}
	#navbar li a i {font-size: 150%;/* display: inline-block; */width: 1.5em;/* text-align: right; */}

	#menutoggle {display:block;position:absolute;top:0;right:0;color:#fff;text-decoration:none;font-size:200%;padding: 0.7em 0.7em;z-index:999;transition:color 0.5s;cursor: pointer;opacity: 0.8;display: none;}
	.loggedOn #menutoggle {display:block;}
	#menutoggle:hover {opacity:1;}
	.menuon #menutoggle {color:#999;position:fixed;}
	#menutoggle .fa-remove {display:none;}
	.menuon #menutoggle .fa-bars {display:none;}
	.menuon #menutoggle .fa-remove {display:inline;}

	/*table.main tr.entry>td.main { font-size: 30px;}*/
	#container>h1 {line-height: 1; margin: 0; }
	h1 img.logo {max-width: 50%; margin: 0; height: 80px; }

	a.navigation-back {display: inline; }
	.breadcrumb>li {display: none; }

	#navbar li:hover>ul.subnav {display:none;}
	#navbar li.open>ul.subnav {
		display:block;
  position: static;
  background: #eee;
  padding: 0 1em 1em;
}

#navbar li.open>ul.subnav li {
  background: #fff;
  box-shadow: 0 2px 3px #999;
}

#navbar li.open>ul.subnav li:last-child {
  border-radius: 0 0 5px 5px;
  border: none !important;
  overflow: hidden;
}

#navbar li.open>ul.subnav li:last-child a {
  border: none;
}

#navbar li.open>ul.subnav li a {
  font-size: 100%;
  padding: 0.8em;
}

body.menuon {
  overflow: hidden;
}

.table-action.action-sort {
  /* display: none; */
}

.breadcrumb>li.active {
  display: inline;
}

.breadcrumb>li.active:before {
  display: none;
}
.abm-header h2 {
  font-size: 22px;
  color: #777;
  margin: 0.4em 0 0.4em;
  font-weight: 200;
  /* width: 100%; */
  /* text-align: center; */
  /* position: absolute; */
  top: 0.4em;
  /* white-space: nowrap; */
  overflow: hidden;
}
.abm-header .table-options button {margin-top:0;font-size: 75%;}
.abm-header button.btn-new {
    height: 60px;
    position: fixed;
    z-index: 999999;
    bottom: 10px;
    right: 10px;
    width: 60px;
    padding: 0 !important;
    background: #56a845;
    font-size: 100%;
    letter-spacing: -0.6em;
    color: transparent;
    box-shadow: 0px 1px 3px #00000061;
    border-radius: 50px;
}
	.abm-header .table-options {
    margin: 5px 0;
}
	.abm-header button.btn-new:before {color:#fff;content:"+";position: fixed;bottom: -4px;right: 36px;display: block;font-size: 200%;transform: translate(-50%,-50%);}
#navbar li>i.fa {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  font-size: 200%;
  padding: 0.4em 0.8em;
  opacity: 0.5;
  z-index: 1;
}

#filters.container .filter-field {
    width: 100%;
}

#filters.container {
    padding: 10px 20px 15px;
}

#filters.container .filter-field.filter-search {
    /*margin: 0 0 1em;*/
}

	.mod.half, .mod.half_three {width: 100% !important;}
	table.main tr.entry td {
    margin: 0 1px;
    min-width: 0 !important;
}
	table.main tr.entry {
    padding: 5px;
}
	.navbar.navigation .navbar-inner {
    padding: 0;
}
	.navbar.navigation .navigation-dirs.breadcrumb {
    padding: 8px;
}
	table.main tr.entry a.child-enter {
    font-size: 75%;
    min-width: 0;
}
	table.main tr.entry a.child-enter .child-enter-label {
		display:none;
	}
	table.main tr.entry>td.main {font-size:100%;}
	.abm-header {
    /* display: flex; */
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    /* padding-top: 4em; */
    position: relative;
    padding: 10px;
}
	.mods {
    margin: 15px 10px;
}
	.mods .mod {
		padding: 0 !important;
	}
	#footer {
    margin: 0 10px;
    padding: 10px 0 27px;
    font-size: 80%;
}
	a#kodear {
    margin: -10px 60px 0 0px;
}
	table.main tr.entry>td.table-actions {margin-right:-5px;}
	.navbar-search {margin-right:5px;}
	#botonera {min-height: 50px;}
	#botonera.outofview {}
	#botonera .botonera {}
	#botonera.outofview .botonera {position:fixed;z-index:999999;bottom:0;left: 0;right: 0;padding: 10px;background: #eeeeee;height: 70px;}
}

/* BOOSTRAP SM (TABLETS) */
@media (min-width: 768px) and (max-width: 991px) {
    .resolucion .movilV{display:none;}
    .resolucion .movilH{display:none;}
    .resolucion .tabletHV{display:inline-block;}
    .resolucion .pcC{display:none;}
    .resolucion .pcG{display:none;}
    
    /*----------------- SECCION ------------------------*/
	
	.container {width: auto;}
	#main {margin-top:0px;}
	h1 {text-align: center; float: none; margin-top: 0px; margin-bottom: 0px;}
	#navbar {float: none;margin:0 0 20px 0;position: relative;max-width: none;overflow: visible;right: 0;}
	#navbar>ul {text-align: center;width: 100%;justify-content: center;}


}

        


/* BOOSTRAP MD (PC) */
@media (min-width: 992px) and (max-width: 1199px){
    .resolucion .movilV{display:none;}
    .resolucion .movilH{display:none;}
    .resolucion .tabletHV{display:none;}
    .resolucion .pcC{display:inline-block;}
    .resolucion .pcG{display:none;}
    
    /*----------------- SECCION ------------------------*/

        
}

/* BOOSTRAP BG (PC) */
@media (min-width: 1200px) {
    .resolucion .movilV{display:none;}
    .resolucion .movilH{display:none;}
    .resolucion .tabletHV{display:none;}
    .resolucion .pcC{display:none;}
    .resolucion .pcG{display:inline-block;}
    
    /*----------------- SECCION ------------------------*/

}

.autocomplete .fa-check{
	display: none;
}

.autocomplete.ready .fa-check{
	display: inline-block;
}

.autocomplete.ready .fa-times{
	display: none;
}

.autocomplete{
	position: relative;
}

.autocomplete .fa{
	position: absolute;
	right: 10px;
	top: 9px;
	color: #ccc;
}
.main.entry.sort-fix{
	min-height: 0px;
	height: 0;
	opacity: 0;
}