.panel {
    width:100%;
    float:left;
}
.category_layout {
    height: auto;
    /*border: 1px solid #C7D6DB;
    padding: 10px;*/

}
.layout_box {
    padding: 15px;
    height: auto;
    /*margin-bottom: 30px;*/
    /*border:1px solid #C7D6DB;*/
    min-height: 200px;
    background: #f1f1f1;
    width:100%;
    float: left;
}
.layout_row {
    border: 1px solid #C7D6DB;
    height: 100%;
    width: 100%;
}
.dropable_layout {
    height: 100px;
}
body .row div.elements_container {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.layout_flex-grow_2 {
    flex-grow: 2;
    width: auto;
}

.layout_flex-grow_1 {
    flex-grow: 1;
    width: auto;
}

.element_box {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    margin-bottom: 20px;
}
.column.over {
    border: 2px dashed #C7D6DB;
}
.layout_box .dropable_layout {
    height: 100%;
}
.dinamicColumn {
    height: 100%;
    /*border: 1px solid #C7D6DB;*/
}
.layout_block textarea{
    height: 100%;
}
.layout_block {
    /*border-bottom: 1px solid #000;*/
    padding: 10px 0px 3px 0px;
    width:100%;
    float:left;
    margin-bottom:30px;
}
.layout_block .itemaction i{
    display: block;
    width: 20px;
    height: 20px;
    font-size: 20px;
}
.action_block {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.action_block .tabs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #f1f1f1;
    padding:5px;
}
/*.action_block .tabs.tabs-izqda {*/
    /*padding-left:15px;*/
/*}*/
.action_block .cols-wrapper {
    display: flex;
}
#customdisplaycategoryheader .cat-image-wrapper img {
    width: 100%;
    height: 100%;
}
.btn.btn-continue .process-icon-new{
    font-size: 12px;
    line-height: 20px;
    height: 20px;
}
.btn.btn-continue .process-icon-edit{
    font-size: 16px;
    line-height: 20px;
    height: 20px;
}
.btn.btn-continue {
    padding: 0px 5px;
    margin: 2px 2px 2px 0;
    border:1px solid #ccc;
}
 body.admincustomdisplaycategoryheadermanager button.selectColumnsButton {
    margin: 2px;
    padding: 0px 5px;
     display:flex;
     align-items: center;
}
 input.max_width {
     margin:0 10px 0 4px;
 }
#previewFancybox .video-container img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.itemaction {
    flex-grow: 1;
    margin: 0px 15px;
}

.layout_block .itemaction button.selectColumnsButton {
    width: auto;
}
.layout_block .itemaction {
    display: flex;
    flex-direction: row;
}
a.drag-row {
    margin:0 15px 0 5px;
    border: 0;
    background:none;
    padding: 0;
    cursor: move;
    display: inline-block;
}
i.icon-drag {
    width:24px;
    height:24px;
    background:#fff url('../img/drag.png') no-repeat center center;
    border: 1px solid #DEDEDE;
}
i.icon-col {
    width:29px;
    height:11px;
    margin:4px 0;
}
i.icon-col.icon-col-12 {
    background:url('../img/col-12.png') no-repeat center center;
}
i.icon-col.icon-col-6-6 {
    background:url('../img/col-6-6.png') no-repeat center center;
}
i.icon-col.icon-col-4-4-4 {
    background:url('../img/col-4-4-4.png') no-repeat center center;
}
i.icon-col.icon-col-4-8 {
    background:url('../img/col-4-8.png') no-repeat center center;
}
i.icon-col.icon-col-8-4 {
    background:url('../img/col-8-4.png') no-repeat center center;
}
.new-row {
    margin-bottom:10px;
    background:#f1f1f1;
    padding:0 18px 10px 18px;
    width: 100%;
    float: left;
}
body.admincustomdisplaycategoryheadermanager .new-row  button.selectColumnsButton{
   display: inline-flex;
    height: auto;
    width: auto;
    padding:5px;
}
.new-row button i {
    font-size:18px;
    height: auto;
    width: auto;
}
/* Front */

#customdisplaycategoryheader {
    padding-top:72px;
}
body.extraheader #page {
    padding-top: 20px;
}
.category-image-container.fullescreenwidth  {
    padding-left: 0px;
    padding-right: 0px;
}
@media (min-width:768px) {
    #customdisplaycategoryheader {
        padding-top:80px;
    }
}
@media (min-width:1200px) {
    #customdisplaycategoryheader {
        padding-top: 173px;
    }
    .fancybox-wrap #customdisplaycategoryheader {
        padding-top: 30px;
    }
}

#customdisplaycategoryheader .bloque {
    margin-bottom:30px;
}

/* row */

@media (min-width: 992px) {
    .flex-row {
        display: flex;
        align-items: stretch;
    }
    .flex-row .cat-image-wrapper {
        height: 100%;
    }
    .flex-row .cat-image-wrapper  img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

@media (max-width: 992px) {
    .flex-row > div:not(.col-lg-12):not(:last-child) {
        margin-bottom: 30px;
    }
}

/*@media (min-width: 992px) {
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}*/
/* fin row */


/* img-hero */
#customdisplaycategoryheader .img-hero {
    position:relative;
}
#customdisplaycategoryheader .img-hero .col-sm-6,
#customdisplaycategoryheader .img-hero .col-sm-12 {
    padding:0;
}
#customdisplaycategoryheader .img-hero img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
#customdisplaycategoryheader .img-hero .data {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#customdisplaycategoryheader .img-hero .data h1 {
    font-size: 64px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
}
#customdisplaycategoryheader .img-hero .data h1 + p {
    font-size: 40px;
    line-height: 40px;
}
#customdisplaycategoryheader .img-hero .data p:last-child {
    margin-bottom: 0;
}
@media (max-width: 767px) {
    #customdisplaycategoryheader .img-hero .data {
        display: block;
        text-align: center;
        padding-top: calc(25%);
    }
    #customdisplaycategoryheader .img-hero .data h1 {
        font-size: 50px;
    }
    #customdisplaycategoryheader .img-hero .data h1 + p {
        font-size: 30px;
        line-height: 30px;
    }
}
/* fin img-hero */


/* video */
#customdisplaycategoryheader .video-container {
    position:relative;
}
#customdisplaycategoryheader .video-container video {
    height:auto !important;
}
#customdisplaycategoryheader .video-container .play {
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
}
#customdisplaycategoryheader .video-container .play {
    max-width: 100px;
    height: auto;
}
/* fin video */

/* texto */
#customdisplaycategoryheader .cat-text-wrapper {
    line-height: 1.3;
    display: flex;
    justify-content: center;
    font-size: 16px;
    line-height: 22px;

    height: 100%;
    align-items: center;
}
#customdisplaycategoryheader .cat-text-wrapper  div ,
#customdisplaycategoryheader .cat-text-wrapper  p {
     font-size: 16px;
     line-height: 22px;
 }
#customdisplaycategoryheader .cat-text-wrapper a {
    font-size: 16px;
    line-height: 22px;
    text-decoration: underline;
}
#customdisplaycategoryheader .cat-text-wrapper span,
#customdisplaycategoryheader .cat-text-wrapper strong {
    font-size: 16px;
    line-height: 22px;
}
/* fin texto */

/* Ocultar contenido estandar de la cabecera */
#category.extraheader .category-banner {
    display: none !important;
}

#customdisplaycategoryheader .slick-prev, #customdisplaycategoryheader .slick-next {
    top: calc(50%);
}

iframe body.mce-content-body {
    height: -webkit-fill-available !important;
}