@charset "utf-8";
/* interfase principal */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
html, body {height:100%;}
body{background:#F5F5F5;margin:0px;padding:0px;overflow:hidden;font-family: 'Roboto', sans-serif;}
img {display: block}
ol,ul,li,body{padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, p  {margin-top:0;font-weight:300;}
strong  {font-weight:700;}
a{outline:none; text-decoration:none;}
small {font-size: 10px;letter-spacing: 1px;text-transform: uppercase;font-weight: 400;color: rgba(100,100,100,0.87);display: block; white-space:nowrap;}
li small {line-height: 24px;}
td small {padding:0 4px;display: inline;}
legend {font-size: 12px;padding: 20px 30px;color: #000;border: 1px solid red;margin: 8px;}
.rojo{background:#F30 !important; color:#fff;}
.naranja{background:orange !important; color:#fff;}
.verde{background:green !important; color:#fff;}
.azul{background:blue !important; color:#fff;}
.hipercentrado {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pulim > * {pointer-events:none;}
.emergente > * {pointer-events:none;}
.is-blurred,.is-blurred * {pointer-events:none !important;filter: blur(2px) grayscale(1);-webkit-filter: blur(2px) grayscale(1);user-select: none;}
p.abrirDerecha,li.verde{cursor:pointer;}
/* login */
#Entrada {text-align: center;background: #cacaca;}
.cristian {width: 100vw;height:100%;display: flex;flex-direction: column;}
.amoruso{flex:0 1 400px;background-color: #231f20;;box-shadow: 0 2px 2px rgba(0,0,0,.24),0 0 2px rgba(0,0,0,.12);}
.delsouc{text-align: center;margin: 0px auto;display: block;color: #666;padding: 18px;}
#form-login fieldset{border:none;}
.login{flex-direction:column;}
.login span{color:#fff;}
.login input{color:#fff; margin:0px; width:100%;}
.usertools > * {margin:0px 2px;}
.usertools span {border-radius: 50%;width: 40px;height: 40px;border: 1px solid;border-color: rgba(111, 111, 111, 0.5);text-align: center;color: #fff;display: inline-block;color:#666;}
.usertools span:before {line-height: 38px;}
/* elementos principales */
header{height: 60px;}
header nav{box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.8); background-color:#272727;display:flex;} /*#212860 azul */ /* #216057 verde */
header nav .sinatar {position: absolute;right: 0;top: 0;}
header nav .iso {float: left;margin-right: 6px;}
header nav ul li {display: inline-block;line-height: 60px;padding: 0px 30px;font-size: 18px;font-weight: 300;transition: all .3s;color:#fff;cursor: pointer;}
#modal-progress{
    height: 4px;
    background:aliceblue;
    position: absolute;
    width: 100%;
    z-index: 10;
    border: none;
}
#notificar {color: #fff;padding: 10px;position: absolute;right: 140px;background: #fff3;top: 10px;}

/* paneles SNTR */
.panel {background: #4c4c4c;position: fixed !important;}
.panel-vertical {height: 100%;top: 0;z-index: 999301;overflow-y:auto;}
.panel-horizontal {max-height: 60%;height: 60%;width: 100%;bottom: 0;z-index: 1;}
.panel-left {left: -35%;width: 35%;}
.panel-left.panel-open {left: 0px;}

.panel-bottom {bottom: -60%;}
.panel-bottom.panel-open {bottom: 0px;}
.panel-bottom.panel-open.minimizado {bottom:calc(-52%);}
.panel-bottom.panel-open.minimizado h1.monitor{padding:0px 0 30px 15% !important; opacity:0;}

.panel-right {right: -30%;width: 30%;background-color: #323232;}
.panel-right.panel-open {right: 0px;}
.panel-push {/*overflow-x: hidden;position: relative*/;left: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.panel-push-toleft {left: -30%;}
.panel {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}

.panel-right > .maintools {background:#ff5a00; margin-bottom:10px;height: auto; color:#fff;}

#sntrayudante{height: 100%;padding: 10px 30px;}
#sntrayudante p{color:#cacaca;}
#sntrayudante strong,#sntrayudante b,#sntrayudante h1,#sntrayudante h2,#sntrayudante h3{color:#fff;}
#sntrayudante a{color:orange; text-decoration:underline;}
#sntrayudante ol li{display:flex; min-height:48px;line-height: 130%; border-top: 1px solid #fff3;padding: 10px 5px;}
#sntrayudante ol li:hover{cursor: pointer; background:#0005;}
#sntrayudante ol li:first-child{border-top: none !important;}
#sntrayudante ol li h1{font-size:16px; padding-left:10px;}
#sntrayudante ol li img{flex:0 0 48px;max-height: 48px;height: 48px;}


/* interfase */
#workframe{/*background: aqua;*/height: calc(100% - 60px);position: absolute;width: 100%; display:flex; flex-direction:row;}
#blanca{box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.7); background-color:#fff;width: 100%;overflow-y: auto;height: 100%;}
#Browser{height: calc(100% - 60px);width: 100%;}

#blanca h5 {
    background: #373737;
	color:#fff;
    padding: 10px;
    margin: 0;
	text-transform: uppercase;
}

p.advertencia{color:red; padding:10px; border:1px solid red;}
p.advertencia a{color:black;}

.contenedor{display:flex; height:100%;}
.contenedor aside{flex-basis:320px; flex-shrink: 0;}
.contenedor #tablaContenidos{width: 100%;}
.contenedor .canibales{width: 100%;overflow-y: auto;height:100%;}

.with-padding{padding:10px;}
aside{line-height:1.1;padding:5px;font-size: 14px;overflow-y: auto;}
aside ul {margin-bottom:20px;}
aside h4,.menu h4 {border: none;font-size: 10px;letter-spacing: 1px;line-height: 24px;text-transform: uppercase;font-weight: 400;margin: 0;padding: 0 16px;background: rgba(0,0,0,.32);color: hsla(0,0%,100%,.87);}
aside ul li{padding-right:20px;line-height:40px;transition: all .3s; cursor:pointer;}


aside.principal{background:#F5F5F5;flex-basis: 280px;}
aside.principal ul li:hover {padding-left: 10px;}
aside.principal ul.shortcuts li {height: 33px;}
aside.principal ul.secundarios li {height: 30px;font-size: 12px;}

aside.menu{background:#F5F5F5;flex-basis: 340px;}
.menu:hover li:hover{color:rgba(255,255,255,0.86);}

/* perfil */
.perfil {margin:20px auto 20px 10px;}
.perfil img{display: table-cell;vertical-align: top;width: 48px;float: left;max-height: 48px;margin-right: 10px;border: 1px solid #cacaca;padding: 3px;border-radius: 50%;}
.perfil h3{margin-bottom: 2px;}

/* autores */
div.perfil div.placeholder.multimedia{ width:128px;height: 128px;}

.icon-size2:before {width: 60px !important;height: 60px;font-size: 36px;margin: 10px !important;vertical-align: -5px;line-height: 56px !important;}
.icon-size1:before {width: 32px !important;height: 32px;font-size: 22px;margin: 5px !important;line-height: 30px !important;}


/* tarjetero */
.navigator-manager span{color:#CCC; cursor:pointer;}
.navigator-manager span.current{color:#000;}
span.navigator{color:#CCC; cursor:pointer;}
span.navigator.current{color:#000;}
.box{display:none;}
.visible{display:block !important;}
.overview.tarjetero div.box.visible{height:72px;}

/* estadisticas */
.overview{margin: 20px 32px;height: 240px;overflow: hidden;border-bottom: 1px solid #ededed;}
.overview p {margin-top: 40px;}
.datoClick{display: block;float: left;margin-right: 20px; z-index:1; position:relative;}
.numero{font-size: 36px;}
.descripcion{display: table;position: relative; padding-bottom:26px;}
.descripcion:after{width: 40px;height: 4px;background-color: #e7e7e7;position: absolute;top: 26px;left: 0px;content: "";}

/* preloader */
.winloader .circle:after {background: #2C3D4A;}
.winloader {position: relative;width: 38px;height: 38px;margin: 20% auto;}
.winloader .circle {position: absolute;width: 38px;height: 38px;opacity: 0;transform: rotate(225deg);animation-iteration-count: infinite;animation-name: orbit;animation-duration: 5.5s;}
.winloader .circle:after {content: '';position: absolute;width: 5px;height: 5px;border-radius: 5px;}
.winloader .circle:nth-child(2) {animation-delay: 240ms;}
.winloader .circle:nth-child(3) {animation-delay: 480ms;}
.winloader .circle:nth-child(4) {animation-delay: 720ms;}
.winloader .circle:nth-child(5) {animation-delay: 960ms;}
@keyframes orbit {0% {  transform: rotate(225deg);  opacity: 1;  animation-timing-function: ease-out;}7% {  transform: rotate(345deg);  animation-timing-function: linear;}30% {  transform: rotate(455deg);  animation-timing-function: ease-in-out;}39% {  transform: rotate(690deg);  animation-timing-function: linear;}70% {  transform: rotate(815deg);  opacity: 1;  animation-timing-function: ease-out;}75% {  transform: rotate(945deg);  animation-timing-function: ease-out;}76% {  transform: rotate(945deg);  opacity: 0;}100% {  transform: rotate(945deg);  opacity: 0;}}



.show {
  transition: opacity 800ms;
}
.hide {
  opacity: 0;
}



/* fadeouts */
@-webkit-keyframes fadeOut {0% {opacity: 1; display:inherit;}100% {opacity: 0;display:none;}}
@keyframes fadeOut {0% {opacity: 1; display:inherit;}100% {opacity: 0;display:none;}}
.fadeOut {-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeOut;animation-name: fadeOut;}
/* fadeins */
@-webkit-keyframes fadeIn {0% {opacity: 0; display:none;}100% {opacity: 1; display:inherit;}}
@keyframes fadeIn {0% {opacity: 0; display:none;}100% {opacity: 1; display:inherit;}}
.fadeIn {-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeIn;animation-name: fadeIn;}

@keyframes redglowing {0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }50% { background-color: #FF0000; box-shadow: 0 0 10px #FF0000; }100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }}
.redglowing {animation: redglowing 1500ms infinite;}
/* anuncios */
#rendertop, renderleft {
    padding: 4px;
    border: 2px dashed #000;
    margin: 10px;
    min-height: 90px;
    min-width: 250px;
}
.vistaprevia {
    padding: 4px;
    border: 2px dashed #000;
    margin: 10px;
    min-height: 90px;
    min-width: 250px;
}



/* tablas */
table {width: 100%;border: 1px solid #cccccc;text-align: left; font-size:14px;min-width: 400px;}
table h4,table p {margin:0px;}
table-header + .table {border-top: 0;}
table > thead > tr > th,
table > thead > tr > th,
table > thead > tr > td,
table > tfoot > tr > th,
table > tfoot > tr > td {padding: 9px 10px;border: 1px solid #cccccc;}
thead tr th.sortable {cursor:pointer;}
thead tr th:not([class]) {pointer-events:none;}
table > tbody > tr > th,table > tbody > tr > td {padding: 5px 10px;border-top: 1px solid #e6e6e6;border-left: 1px dotted #cfcfcf;}
table > tbody > tr:nth-child(even) {background: #f7f7f7;}
table > tbody > tr.even {background: #f7f7f7;}
table > tbody > tr:hover {background: #f0f0f0;}

.table-scroll{display: block;empty-cells: show;}
.table-scroll thead{position:relative;display: block;width:100%;}
.table-scroll thead tr th:last-child{padding-right: 26px;}
.table-scroll tbody{display: block; position:relative;width:100%; overflow-y:scroll;}
.table-scroll tr{width: 100%;display:flex;}
.table-scroll td,.table-scroll th{flex-basis:100%;flex-grow:2;display: block;margin:2px 1px 0px 1px;}

.table-scroll tfoot {display: block;margin: 0px 0px 1px 0px;}
.table-scroll tfoot td{background: #dedede;}
.table-scroll.small-first-col td:first-child,
.table-scroll.small-first-col th:first-child{flex-basis:20%;flex-grow:1;}
.body-half-screen{max-height: 50vh;}
.small-col{flex-basis:20% !important;}

.browserseccion a{color:#000;}
.browserseccion a:hover{color:#015eff;}

/* look an feel */
.maintools {background:#666; color:#fff; padding:10px; margin-bottom:1px;height: 60px; display:flex;color: hsla(0,0%,100%,.87);position: relative;width: 100%;}
.maintools > * {align-self:center;}
.maintools h3{margin:0px;}
.maintools ul{position:absolute;list-style: none; right:15px;}
.maintools ul li{ display:inline-block;}
.maintools ol {margin-left:10px;list-style: none;}
.maintools ol li{ display:inline-block;}
.maintools ol li span{font-size:26px; cursor:pointer;}
.maintools ol li span:hover{ color:#0CF;}

.footer {background:#4e4e4e; color:#fff; padding:10px; margin-top:1px; display:flex;justify-content: center;color: hsla(0,0%,100%,.87); display:none;}
.footer ul li{list-style: none; display:inline-block;}

.boton,.pseudocheck {margin: 5px auto;background: rgba(255,255,255, 0.36);display: inline-block;line-height: 36px;font-size: 14px;padding: 0px 20px;text-transform: lowercase;transition: all .3s;border: none;}
.boton:hover,.pseudocheck:hover,.miniboton:hover {cursor:pointer;background:rgba(255,255,255, 0.76); color:#000;}
.boton a,a.boton {text-decoration:none; color:#fff;-moz-user-select: none;}
.blanco {background: rgba(255,255,255, 0.56); border:1px solid rgba(0,0,0, 0.13); list-style:none;}
.blanco:hover {background:rgba(0,0,0, 0.56); color:#fff;}
.blanco a,a.blanco {color:#000;-moz-user-select: none;}

.miniboton {margin: 5px auto;background: rgba(255,255,255, 0.36);display: inline-block;line-height: 22px;font-size: 13px;padding: 0px 10px;text-transform: lowercase;transition: all .3s;}
.blanco.activo{background:#717171; color:#fff;}
/* formularios */
fieldset > div {display:flex;align-items: center;}
fieldset > div > div {margin:10px;}
fieldset > div > div {margin: 0px 10px;display: flex;flex-wrap: wrap;align-items: center;width: 100%;}
fieldset > div > div label {flex: 1 0 100%;}
fieldset > div > div input {flex: 0 1;flex-grow:1;}
fieldset > div > input[type="text"]{flex-grow:1;}
fieldset > div > label{flex-grow:0;padding: 10px 5px;}
::-webkit-input-placeholder {color:  #CCC;}
:-ms-input-placeholder {color:  #CCC;}
::placeholder {color:  #CCC;}

fieldset input:empty:focus {border-bottom:1px solid #666;outline:none;} 

fieldset small {margin-right:10px;}

input[type="text"],
input[type="number"],
input[type="search"],
input[type="password"],
select,
textarea {border: 1px solid rgba(217, 217, 217,0.3);padding: 10px 5px;background: rgba(217, 217, 217,0.1);margin:5px 5px 10px 0px}
input[type="number"]{max-width: 64px;margin-right:10px;}

.maintools select{
    background: rgba(255, 255, 255,0.25);
    margin: 5px;
}

#workframe fieldset{padding: 30px;background: #F9F9F9;;margin: 5px;border:1px solid #ddd;}
#workframe fieldset label {font-size: 10px;letter-spacing: 1px;line-height: 24px;text-transform: uppercase;font-weight: 400;color: rgba(100,100,100,0.87);display: block;padding-right: 10px;}
#workframe fieldset h2{background: #4D4D4D;text-transform: uppercase;font-family: 'Open Sans Condensed', sans-serif;color: #797979;font-size: 18px;font-weight: 100;padding: 20px;margin: -30px -30px 30px -30px;}
#workframe fieldset input[type="text"],
#workframe fieldset input[type="date"],
#workframe fieldset input[type="datetime"],
#workframe fieldset input[type="email"],
#workframe fieldset input[type="number"],
#workframe fieldset input[type="search"],
#workframe fieldset input[type="time"],
#workframe fieldset input[type="url"],
#workframe fieldset input[type="password"],
fieldset textarea,
fieldset select {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;outline: none;display: block;width: 100%;padding: 7px;border-bottom: 1px solid #aeaeae;background: #fff;font: 16px 'Roboto', sans-serif;height: 45px;}
fieldset textarea{resize:none;overflow: hidden;height: auto;min-height:100px;}
input[type="checkbox"]{flex-grow:0; margin:0 50px 0 0;}

.codeblock{font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace; font-size:12px;}

/* menu */
.menu {width:100%;}
.menu.derecha {right:0;}
.menu ul { list-style:none; margin:0;padding:0; }
.menu ul li {display:block; line-height:40px;font-size:14px;padding: 0px 20px; text-transform:lowercase;border-bottom: 1px solid rgba(0,0,0,0.06);color: rgba(0,0,0,0.54); position:relative;}
.menu > ul > li:hover{color:rgba(0,0,0,1); background:#000; cursor:pointer;}
.menu ul li span{color: rgba(0,0,0,0);transition: all .3s; position:absolute; right:0px;}
.menu ul li:hover span{color: rgba(255,255,255,0.56);}

#modalcontent.modal-content .hideon-modal {display:none;}

li.colapsable{-webkit-transition: none; padding:0 !important;-webkit-transition: all 0.8s ease-out;}
li.colapsable label{padding-left: 10px; pointer-events:none;}
li.colapsable:hover label{color:#fff !important;}
.menu ul li.colapsable ul {
  overflow: hidden;
  padding-left: 10px;
  margin: 0px;
  padding-right: 0;
  max-height: 0;
  -webkit-transition: all 0.5s ease-out;
}
li.colapsable.desplegado{margin:0; padding:0; background:#000; color:#fff;}

.menu ul li.colapsable ul.desplegado {
  max-height: 500px;
  background:#F90;
  padding:0;
 margin:0;
}
/*li.colapsable ul li span {position:relative;}*/

h4[contenteditable=true] {margin-bottom:10px;}
h1[contenteditable=true] {margin-bottom:10px;}
p.bajada[contenteditable=true] {margin-bottom:20px;}
[contenteditable=true]:empty:before {content: attr(placeholder);display: block; /* For Firefox */color:#CCC;cursor:text;padding-bottom:4px;}
[contenteditable=true]:empty:focus {border-bottom:1px solid #666;outline:none;}

/* Manager */
#Manager{width: 100%;}
#Manager div.maintools ol li span.activa {color:#6F0;}
#Manager .contenedor aside{flex-basis:420px; padding:0px; overflow:hidden;}
#StrangerThings{width: calc(100% - 420px);overflow-y: auto;height:calc(100% - 60px);}
#StrangerThings h2 {margin:20px 0px;}

/* sector defecto */
#StrangerThings div.layoutsntr.box.visible section .columna{ background-color:#E6E6E6;}
#StrangerThings div.layoutsntr.box.visible section .columna a{ color:#000;}
#StrangerThings div.layoutsntr.box.visible section .columna span { color:#cacaca;}

/* sector deshabilitado */
#StrangerThings div.layoutsntr.box.visible section.disabled .columna{ background-color:#FF7805B3 !important;}
#StrangerThings div.layoutsntr.box.visible section.disabled .columna a{ color:#fff;}
#StrangerThings div.layoutsntr.box.visible section.disabled .columna span { color:#fff;}

/* cuando contiene un bloque */
#StrangerThings div.layoutsntr.box.visible section .columna.bloque{background-color:#1f4f72;}
#StrangerThings div.layoutsntr.box.visible section .columna.bloque span a{ color:#fff !important;}

/* cuando contiene un anuncio */
#StrangerThings div.layoutsntr.box.visible section .columna.moleteada{ background-color:#75CC40;}
#StrangerThings div.layoutsntr.box.visible section .columna.moleteada span a{ color:#fff;}

/*.columna.moleteada {background-color: #0FECD4;}*/

#registros ul{ list-style:none; margin:0;padding:0;}
#registros ul li{border: 1px solid rgba(0,0,0,0.2); padding:10px 10px 15px 10px; margin:5px; background-color:#f2f2f2; line-height:normal; }
#registros ul li a{color:#673ab7;}
#registros ul li .titulo {font-size:14px; line-height:16px;}

#parrilla li {border: 1px solid rgba(0,0,0,0.2); padding:10px 10px 15px 10px; margin:5px;line-height:normal;}

.columna.nueva.publicada,.columna.nueva.nopublicada{background-color:#FFF !important;}
#parrilla li.nueva.nopublicada,#parrilla li.nueva.publicada{background-color:#9de1fe !important;}
#parrilla li.nueva.nopublicada .titulo a,#parrilla li.nueva.publicada .titulo a{color:#343738 !important;}

.columna.rangouno.publicada,.columna.rangouno.nopublicada{background-color:#e5e5e5 !important;}
#parrilla li.rangouno.nopublicada{background-color:#85bdd5;}
#parrilla li.rangouno.nopublicada .titulo a{color:#343738;}

.columna.rangodos.publicada,.columna.rangodos.nopublicada{background-color:#cbcbcb !important;}
#parrilla li.rangodos.nopublicada{background-color:#6e9bae;}
#parrilla li.rangodos.nopublicada .titulo a{color:#000;}
#parrilla li.rangodos.nopublicada small {color:#525252;}

.columna.rangotres.publicada,.columna.rangotres.nopublicada{background-color:#b2b2b2 !important;}
#parrilla li.rangotres.nopublicada{background-color:#587a89;}
#parrilla li.rangotres.nopublicada .titulo a{color:#000;}
#parrilla li.rangotres.nopublicada small {color:#000;}

.columna.rangocuatro.publicada,.columna.rangocuatro.nopublicada{background-color:#565656 !important;}
#parrilla li.rangocuatro.nopublicada{background-color:#435a65;}
#parrilla li.rangocuatro.nopublicada .titulo a{color:#e6e6e6;}
#parrilla li.rangocuatro.nopublicada small {color:#bbbaba;}

.columna.mortadela.publicada,.columna.mortadela.nopublicada{background-color:#525252 !important;}
#parrilla li.mortadela.nopublicada{background-color:#525252;}
#parrilla li.mortadela.nopublicada .titulo a{color:#fff;}
#parrilla li.mortadela.nopublicada small {color:#b3b3b3;}

/*#000000,#1b2124,#2e3d43,#435a65,#587a89,#6e9bae,#85bdd5,#9de1fe*/
/*#000000,#1a1a1a,#2c2c2c,#404040,#565656,#6c6c6c,#828282,#9a9a9a,#b2b2b2,#cbcbcb,#e5e5e5,#ffffff*/

/* al meterla al layout*/
#StrangerThings div.layoutsntr.box.visible section .columna.nueva.nopublicada{background-color:#9de1fe;}
#StrangerThings div.layoutsntr.box.visible section .columna.rangouno.nopublicada,
#StrangerThings div.layoutsntr.box.visible section .columna.rangodos.nopublicada,
#StrangerThings div.layoutsntr.box.visible section .columna.rangotres.nopublicada,
#StrangerThings div.layoutsntr.box.visible section .columna.rangocuatro.nopublicada{background-color:#85bdd5;}

/*.publicada{background-color:blue !important;}

.nopublicada{background-color:#02E0FF !important;}
.nopublicada small {color:#606060;}
.nopublicada .titulo a.emergente {color:#000 !important;}

.publicadavieja{background-color:#c9c9c9 !important;}
.publicadavieja .titulo a.emergente {color:#717171 !important}

.viejanopublicada{background-color:#818181 !important;}
.viejanopublicada .titulo a.emergente {color:#535353 !important;}

.mortadela{background-color:#a5a5a5 !important;}
.mortadela small {color:#ddd;}
.mortadela .titulo a.emergente {color:#656565 !important;}
.mortadela:hover .titulo a.emergente {color:#000 !important;}*/

.purple{background-color:purple !important;}

#parrilla .columna{position:relative !important;}


#registros [draggable=true],
#Maquetar [draggable=true],
#StrangerThings [draggable=true]:hover{ -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; -khtml-user-drag: element; -webkit-user-drag: element; cursor: move;}

#registros [draggable=true]:hover,
#Maquetar [draggable=true]:hover,
#StrangerThings [draggable=true]:hover,
#StrangerThings section.activo.sortable:hover{box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset, 0 1px 5px rgba(0, 0, 0, 0.4);border: 1px solid #8E8E8E;background-color:#E6E6E6;}

.columna {background-color: #CDCDCD;border: 1px solid #8E8E8E;transition: all 300ms ease-in-out 0s;margin: 1px;overflow: hidden;padding: 10px;}
.layoutsntr section {margin-bottom: 4px;display: block;position: relative;}
.layoutsntr section h4 {padding: 6px;margin: 0px;position: relative;max-width: 1200px;margin: 8px auto;width: auto;}

.toolset{position:absolute; right:0px; top:0px; list-style:none;}
.toolset li > * {pointer-events:none;}
.toolset li {display:inline;color: #4a4a4a;}
.toolset li span{font-size:23px;}
.toolset li:hover{cursor:pointer;}
.toolset li span:before{width: 26px;border: 1px solid #cacaca;padding: 5px;margin: 0px;}

/* sortables */
#StrangerThings section.activo.sortable{height:34px; overflow:hidden;max-width: 1200px;margin: 8px auto;width: auto;border: 1px solid #cacaca;}
#StrangerThings section.activo.sortable h4{margin:0px;}
.ph-class{background-color:#69C;}

/* navigator */
span.navigator,span.navigator-manager,#parrilla li small span{cursor:pointer;}
span.navigator:hover,#parrilla li small span:hover{color:orange;}

.navegador-widget {width:100%;}
.navegador-widget h4 {position:relative; }
.navegador-widget h4 > * {display:inline;}
.navegador-widget h4 > *:hover {color:#693; cursor:pointer;}
.navegador-holder{height:auto;}
.navegador-content {display: none;padding:10px;}

/* selector de layouts */
ul.selector-layouts{margin:0px;padding:0px;}
.submenu{position: absolute;z-index: 1;top: 60px;height: 100%;background-color: #101f27;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;padding-left: 0px;width: 280px;}
.submenu.abierto {left: 0px;}
.submenu {left: -300px;}
.submenu ul li {display:block; line-height:40px;font-size:14px;padding: 0px 20px; text-transform:lowercase;border-bottom: 1px solid rgba(255,255,255,0.06);color: rgba(255,255,255,255.54); position:relative;}
.submenu ul li span{color: rgba(255,255,255,0);transition: all .3s;position: absolute;right: 0px;top: 0px;}
.submenu ul li:hover{background: #37474f;}
.submenu ul li:hover a{color: #fff !important;}
.submenu ul li:hover span{color:#62717b;}
.submenu ul li ul.opciones li.opcion {padding:0px;line-height: 0px !important;}
ul.opciones {display: none;height: 100%;background: #37474f;position: fixed;left: 275px;top: 0px;padding: 10px;min-width: 200px;margin: 0px 5px;}
.submenu ul li:hover ul.opciones {display:block;}
ul.opciones li.opcion {cursor:pointer;}
ul.opciones li.opcion img {pointer-events:none;-moz-user-select: none;-webkit-user-select: none;user-select: none;}

/* tarjetero */
.tab-wrap {width: 100%;position: relative;display: flex;height: 100%;}
input[type="radio"][name="tabs"] {position: absolute;z-index: -1;}
input[type="radio"][name="tabs"]:checked + .tab-label-content label {color: white;}
input[type="radio"][name="tabs"]:checked + .tab-label-content .tab-content {display: block;}
#registros label {cursor: pointer;color: rgba(255, 255, 255, 0.8);background-color: #00bcd4;box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;text-align: center;height: 56px;transition: color 0.2s ease;width: 100%;}

.slide {height: 4px;position: absolute;left: 0;top: 53px;transition: left 0.3s ease-out;}
.tab-label-content {width: 100%;}
.tab-label-content .tab-content {position: absolute;left: 0px;line-height: 130%;display: none;width: 100%;}
.tab-content {overflow: auto;height: calc(100% - 120px)}
input[type="radio"][name="tabs"]:first-of-type:checked ~ .slide {left: 0;}

#modalcontent .tab-content {overflow: auto;height: calc(100% - 60px)}
#modalcontent .tab-label-content > label {cursor: pointer;color: rgb(109, 109, 109, 1);background-color: #e1e1e1;box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;text-align: center;height: 56px;transition: color 0.2s ease;width: 100%;}


/* tarjetero doble */
.dostabs > input[type="radio"][name="tabs"]:nth-of-type(1):checked ~ .slide {left: calc((100% / 2) * 0);}
.dostabs > input[type="radio"][name="tabs"]:nth-of-type(2):checked ~ .slide {left: calc((100% / 2) * 1);}
.trestabs .slide {width: calc(100% / 2);background: #ffeb3b;}

/* tarjetero triple */
.trestabs > input[type="radio"][name="tabs"]:nth-of-type(1):checked ~ .slide {left: calc((100% / 3) * 0);}
.trestabs > input[type="radio"][name="tabs"]:nth-of-type(2):checked ~ .slide {left: calc((100% / 3) * 1);}
.trestabs > input[type="radio"][name="tabs"]:nth-of-type(3):checked ~ .slide {left: calc((100% / 3) * 2);}
.trestabs .slide {width: calc(100% / 3);background: #ffeb3b;}

/* tarjetero cuadruple */
.cuatrotabs > input[type="radio"][name="tabs"]:nth-of-type(1):checked ~ .slide {left: calc((100% / 4) * 0);}
.cuatrotabs > input[type="radio"][name="tabs"]:nth-of-type(2):checked ~ .slide {left: calc((100% / 4) * 1);}
.cuatrotabs > input[type="radio"][name="tabs"]:nth-of-type(3):checked ~ .slide {left: calc((100% / 4) * 2);}
.cuatrotabs > input[type="radio"][name="tabs"]:nth-of-type(4):checked ~ .slide {left: calc((100% / 4) * 3);}
.cuatrotabs .slide {width: calc(100% / 4);background: #ffeb3b;}




/* Maquetador */
#Maquetar div.maintools h3 span.navigator-maquetar:hover {color:#fff;cursor:pointer;}
#Maquetar div.maintools h3 span.navigator-maquetar.current {color:#00bcd4; pointer-events:none;}

#Maquetar aside#registros {flex-basis:360px;}

#Maquetador {width: 100%;overflow-y: auto;height: calc(100% - 60px);}
#Maquetador .pagesntr {margin:10px 0px;padding: 10px 10px 20px 10px; border: 1px solid #d4d4d4;}
#Maquetador .dummy{border: 1px solid #cbcbcb;text-align: center;padding: 10px;margin: 50px 10px;font-size: 22px;font-weight: 300;background: #fff;color: #515151;}
#Maquetador .manager{background:none;position: relative;/*left: -20px;*/}
#Maquetador .espacio{width: 100%; height:100%;background: #fff;position:relative;border: 2px dotted #c6c4c4;/*padding:0px; margin:0px auto;*/}
#Maquetador .espacio ul.contenedor-espacio {
    padding: 0;
    margin: 0px auto;
    list-style: none;
    width: 100%;
    height: 100%;
    background: aliceblue;
    min-height: 90px;
}
#Maquetador ul.contenedor-espacio li a.remover {
	display: block;
	width: 28px;
	height: 28px;
	position: absolute;
	top: 4px;
	right: 4px;
	background: #00000080;
	color: #fff !important;
	z-index: 2;
	text-align: center;
	line-height: 26px;
	cursor: pointer;
	text-decoration: none;
}
#Maquetador ul.contenedor-espacio li span.titulo { text-align:center;  position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);line-height: 1.2;}
#Maquetador .espacio ul.contenedor-espacio li{background: #4496d2; margin:2px auto; position: relative;}
#Maquetador #sntrBody .remover:after {border:none; }

/* bloques en espacios anchos */
#Maquetador #contenedor2.contenedor-espacio li {padding-top:10% !important;}
#Maquetador #contenedor8.contenedor-espacio li {padding-top:10% !important;}

#GestorBloques{
    display: flex;
    flex-direction: column;
	height: calc(100vh - 126px);
}
#GestorBloques .maintools{/*background: #94cdff;*/}
#GestorBloques .blockbrowser{
    /*background: orange;*/
	flex: 1 0 35%;
}
#GestorBloques .verbloque{
    background: #d2d2d2;
	flex:1 0 65%;
	position:relative;
}
#formBloque .maintools{background:none !important;}

/** SUPERHACK ****************************************************************************************************************************************************************************/
#Maquetar ul#anuncios li[style] {width: 98% !important;background-color: inherit !important;padding: 10px 10px 15px 10px !important;margin: 5px !important;max-width: 100% !important;}
#Maquetar ul#anuncios li[style] a.remover {display:none;}
#Maquetar ul#bloques li[style] {width: 98% !important;background-color: inherit !important;padding: 10px 10px 15px 10px !important;margin: 5px !important;max-width: 100% !important;}
#Maquetar ul#bloques li[style] a.remover {display:none;}
/** SUPERHACK ****************************************************************************************************************************************************************************/

#Maquetador .templatesntr{display:flex;}
#Maquetador .templatesntr aside.uno {order:1;}
#Maquetador .templatesntr .contenido {order:2; flex-basis:720px;}
#Maquetador .templatesntr aside.dos {order:3;flex-basis:320px;}

/* Descubrir */
#ring {padding:20px; background:#fff;width: calc(100% - 320px);overflow-y: auto;height:calc(100% - 60px);}

.navegador-content.visible > ul{display:flex;flex-wrap: wrap;}
/*.navegador-content.visible ul li:nth-child(even) {background: #f7f7f7;}*/
.navegador-content.visible > ul li{display:flex;flex: 0 0 33%; padding:10px; overflow:hidden;align-items: center;border: 1px solid #8080801a;}
.navegador-content.visible > ul li:hover{box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset, 0 1px 5px rgba(0, 0, 0, 0.4);background-color:#F6F6F6;}
.navegador-content.visible > ul li h3{margin-bottom:0px;}
.navegador-content.visible > ul li img {border: 1px solid #cacaca;margin:0px 20px 0px 10px;}

#Sinatar{height: 100%;display: flex;flex-direction: column;}
#Canales div.contenedor aside {flex-basis: 220px;}

#Herramientas #ring {background:#fff;width:100%;padding: 10px 0px;}
#Herramientas div.contenedor aside{flex-basis:160px !important;}
#Herramientas .columns{display:flex;}
.hiper p{color:#000; font-size:14px;display: flex;align-items: center;}
.hiper p > * > *{padding:4px; margin:4px;}

.hiper p label{flex:0 0 auto; margin-right:5px;}
.hiper p input{flex:1 0 auto;margin: 0px 10px 0px 0px;}

.menu.hiper {flex: 0 1 500px;padding: 20px;border: 1px solid #cacaca;margin: 0px 20px;}
/*.monitor {flex: 0 1 auto;padding: 20px;border: 1px solid #cacaca;margin: 0px 20px;}*/

/* sinatar cables */
#Sinatar div.tab-wrap li {display:block;}

.signwall div {display:flex;flex-grow:1; flex-shrink:1;flex-direction: column;}
.signwall div:first-child {flex-basis:100%; padding:0px;}
.signwall > div {flex-basis:40%;padding:20px; background:#666; color:#fff;}
.signwall div:last-child {flex-basis:60%;padding:20px;background:#FFF; color:#000;}

/* canasta */
.numerote{font-size: 56px;}
#canasta{display:flex;flex-wrap: wrap; margin: 0px 32px;}
#canasta h3 {flex:1 0 100%;margin-bottom: 30px;}
#canasta .datotriple {flex: 0 0 20%;} /* cinco en linea */
.datotriple {height: 50px;display: flex;flex-direction: column;flex-wrap: wrap;margin: 0px 20px 20px 0px;overflow:hidden;}
.datotriple > * {flex: 1 1;width: 80%;}
.datotriple > *:first-child {flex-basis: 100%;width: auto;margin-right: 5px;line-height: 50px;}
.etiqueta{ position:relative;white-space: nowrap;}
.etiqueta::after {width: 60%;height: 4px;background-color: #e7e7e7;position: absolute;top: 20px;left: 0px;content: "";}

/* ventas */
#Ventas {
    width: 100%;
}
.contenedor .ventas{width: 100%;overflow-y: auto;height: calc(100% - 60px); display:flex;flex-wrap: wrap;}
#detallecomanda {
    flex: 0 0 360px;
    margin: 2vw;
    padding: 2vw;
}
.catalogo {
    flex: 1;
	display:flex;
	flex-wrap: wrap;
	align-content: last baseline;
}
.card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    border: 1px solid #cacaca;
    margin: 10px;
    flex-basis: 23%;
    height: 350px;
	background:#FFF;
}
/*.card .card-top {
    width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow:hidden;
}*/
.card .card-top {
    max-width: 100px;
    min-height: 100px;
    border-radius: 50%;
    overflow: hidden;
}
.card .card-top img {
    height: 100px;
    background-size: cover;
    background-position: center center;
}
.increase,.decrease {
    width: 40px;
    height: 40px;
	margin: 4px;
}
.card.producto .quantity-amount {
    width: 50px;
    text-align: center;
}


.precio_unitario {font-size: 12px;margin: 0px; margin-bottom: 8px;}
.card.producto .precio_unitario:after{content:' c/u';}
.card.pesable .precio_unitario:after{content:' x kg';}

.precio_unitario:before,#subtotal_articulos:before,.subtotal_producto:before,#costo_envio:before,#transaction_amount:before{content:'$ ';}
#carrito h2.precio_unitario {color: #424242;margin: 0 auto;font-size: 16px;}
#carrito .subtotal_producto{margin: 0;}
.detalle-comanda {display: flex;flex-direction: column;padding:20px;}
.detalle-comanda > div{display: flex;flex-direction: row;justify-content: space-between;}
.detalle-comanda > div p{margin:0;}

#asistenteComanda{padding:10px; width:800px;overflow-y: auto;max-height: 300px;}

#carrito_sinatar {
    background: red;
    width: 26px;
    height: 26px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    right: 10px;
    line-height: 26px;
    text-align: center;
	color:#fff;
}

.notificacion {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 4px;
    top: 50%;
    background: red;
    color: white;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    transform: translateY(-50%);
}
.navigator-ventas.current {
    color: orange;
}
@media screen and (max-width: 800px) {
h1 {padding: 40px 0 90px 10%;}
.tab-wrap {width: 80%;margin-left: 10%;top: -106px;}}
.follow {width: 42px;height: 42px;border-radius: 50px;background: #03A9F4;display: block;margin: 300px auto 0;white-space: nowrap;padding: 13px;box-sizing: border-box;color: white;transition: all 0.2s ease;font-family: Roboto, sans-serif;text-decoration: none;box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.2);}
.follow i {margin-right: 20px;transition: margin-right 0.2s ease;}
.follow:hover {width: 134px;}
.follow:hover i {margin-right: 10px;}

@media screen and (max-width: 800px) {.follow {margin: 400px auto 0;}}

@media screen and (max-width: 1366px) {
	aside.principal{background:aliceblue;}aside ul li:hover {padding-left: 2px;}
	/* Editor */
	.bodysimulator {padding-top: 10px;}#Editor .menu{max-width:calc((92% - 720px)/2);margin: 20px 2%;}
	h4[contenteditable=true] {margin-bottom:0px;}
	h1[contenteditable=true] {margin-bottom:0px;}
	p.bajada[contenteditable=true] {margin-bottom:10px;}
	
	.contenedor aside {
    flex-basis: 240px;
}
@media screen and (max-width: 1440px) {
	.contenedor aside {
    flex-basis: 240px;
}
/**/
.card {
    padding: 8px;
    margin: 1%;
    flex-basis: 31%;
    height: 300px;
}
h2.card-title{margin-bottom: 8px; font-size:18px;}

}



    
    @page {
        size: A4;
        margin: 0 1cm;
    }
    @media print {
		body{width: 21cm;height: 29cm;}
		p.dummycode,.maintools ul li{display:none;}
	.modal {
		border:none !important;
		box-shadow: none !important;
		width: 18cm;
		top: 0 !important;
		position: relative !important;
		transform: translate(-50%, -0%) !important;
		max-height:none !important;
    }
	.modal-content {
    overflow: visible !important;
    font-size: 11px;
}
.modal-content h3{
    font-size: 16px;
}
.modal-content p {
    font-size: 12px;
}
		table {
			width: 17cm;
		}
		.printfoot {
			width: 16cm;
		}
		.maintools {
    height: auto !important;

}
#asistenteComanda {
    max-height: inherit !important;
	/*overflow-y: visible;*/
}
    }