sgi/CIDIT/css/secciones/editor.css

/********** PÁGINA **********/
.marcoCartel { border: 1px solid #969696; }
.ajustadas { max-width: 160px; width: 100%; background: #969696; }
.ajustadas .gjs-block { color: #FFFFFF; cursor: pointer; background: #696969; }
.ajustadas .gjs-block:hover { color: #001D68; }
.ajustadas.gjs-blocks-c .icono { font-size: 3em; }
#modalPlantilla .close{ position: absolute; top: 1.5rem; right: 1.5rem; }
#modalPlantilla img{ width: 100%; }

/********** BUILDER **********/
#cartel { border: 1px solid #969696; max-width: 1300px; }
.gjs-editor { display: flex; flex-direction: row; }
.gjs-cv-canvas { height: 100%; width: 100%; max-width: 1140px; position: relative; top: 0; }
.gjs-pn-panels { display: flex; flex-direction: column; max-width: 160px; width: 100% }
.gjs-pn-views, .gjs-pn-views-container { width: 100%; padding: 0; }
.gjs-pn-panel { position: relative; top: 0; left: 0; right: 0; }
.gjs-block-category .gjs-title, .gjs-sm-sector .gjs-sm-title { background: #696969; }
.gjs-one-bg { background-color: #969696; }
/* Secondary color for the text color */
.gjs-two-color { color: #FFFFFF; }
/* Tertiary color for the background */
.gjs-three-bg { background-color: #D21034; color: #FFFFFF; }
/* Quaternary color for the text color */
.gjs-four-color, .gjs-four-color-h:hover { color: #001D68; }
.gjs-block { border-radius: 0; margin: 0; width: 50%; padding: 0.5vw; }
.gjs-block:hover, .gjs-pn-btn:hover{ background: #FFFFFF; }
.gjs-pn-btn { margin: 0; }
.gjs-pn-btn:hover{ color: #001D68; }
.gjs-mdl-container { font-family: 'indivisa-text'; overflow-y: auto; position: fixed; background-color: #969696; }
#gjs-sm-font-family .gjs-fields .gjs-field.gjs-select { visibility: hidden; }
#gjs-sm-font-family .gjs-fields:before { content: 'No Disponible'; }
/* Bloques con Íconos*/
.bloque{ -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none;
    user-select: none; cursor: pointer; width: 40px; height: 40px; margin: 5px; box-sizing: border-box; display: flex; justify-content: center;
    align-items: center; border: 1px solid rgba(0,0,0,0.2); border-radius: 3px; box-shadow: 0 1px 0 0 rgba(0,0,0,0.15); transition: all 0.2s ease 0s;
    transition-property: all; transition-property: box-shadow, color;
}
.bloque:hover{ background: #FFFFFF; box-shadow: 0 3px 4px 0 rgba(0,0,0,0.15); }
.bloque .iconos{ font-size: 20px; -webkit-transition: font-size .2s ease; -moz-transition: font-size .2s ease; -o-transition: font-size .2s ease; transition: font-size .2s ease; }
.bloque:hover .iconos{ font-size: 35px; }
.bloqueGde{ width: 150px; height: 150px; margin: 0.5rem; }
.bloqueGde > div{ width: 75%; height: 75%; background: #FFFFFF; }
.bloqueGde > div.circulo{ border-radius: 50%; }
.bloqueGde > div.redondeado{ border-radius: 11px; }
.bloqueGde:hover > div{ background: #001D68; }