/* ----------- Everyone is welcome to add CSS here. Please be careful not to break other stylings ----------*/

/*This is added to center the circles in the card header*/
.card.wm-collection-card .wm-generic-card .d-flex .ml-auto .wm-image-entity.background-logo .wm-image-medium.rounded-circle {
    margin-top: 2px;
}


/* div[data-popup-icon='plus'] .wm-button.btn:not(.dropdown-toggle)::after, div[data-popup-icon='piggy-bank'] .wm-button.btn:not(.dropdown-toggle)::after {

    content:"" !important;
}

div[data-popup-icon='pencil'] .wm-button.btn:not(.dropdown-toggle)::after, div[data-popup-icon='project-diagram'] .wm-button.btn:not(.dropdown-toggle)::after, div[data-popup-icon='user-cog'] .wm-button.btn:not(.dropdown-toggle)::after, div[data-popup-icon='file-user'] .wm-button.btn:not(.dropdown-toggle)::after {
    content: "" !important;
   
} */

/* div[data-popup-icon='plus'] .wm-button.btn, div[data-popup-icon='piggy-bank'] .wm-button.btn, div[data-popup-icon='pencil'] .wm-button.btn {
    text-indent: inherit !important;
    width: auto !important;
    height: 31px;

} */

/* .wm-section-inner .wm-section-actions .wm-action-button-group .btn-group .wm-button.btn:not(.dropdown-toggle)::after {
    content: "" !important;

} */

/* .wm-section-inner .wm-section-actions .wm-action-button-group .btn-group .wm-button.btn {
     text-indent: inherit !important; 
     width: auto !important; 
    height: 31px;

} */

/* div[data-popup-icon='pencil'] .wm-button.btn, div[data-popup-icon='project-diagram'] .wm-button.btn, div[data-popup-icon='user-cog'] .wm-button.btn, div[data-popup-icon='file-user'] .wm-button.btn {
    text-indent: inherit !important;
    width: auto !important;
    height: 31px;
    
} */

/*Configurator
*/

/*.accordion {
    width: 100%;*/
   /* margin: 2em auto 2em;*/
    /*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding-inline-start: 0;
}

.accordion__list {
    background: #FFF;
    width: 100%;
}

    .accordion__list .option {
        font-size: 0.85em;
        font-weight: 700;
        color: #37474F;
        border-bottom: 1px solid #ccc;
        display: block;
        position: relative;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;*/
        /* background: #75748b; */
    /*}

    .accordion__list .option_name {*/
        /* padding: 1.2em; */
        /*padding-left: 4em;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        display: block;
        background-color: transparent;
        color: #37474F;
        font-weight: bold;
        font-size: 1.2em;
        cursor: pointer;
    }

.accordion li:last-child .option {
    border-bottom: 0;
}*/

/** ========================
    * Diseño iconos font-awesome
    ============================= **/

/*.accordion li i.fa-chevron-down {*/
    /* right: 12px; */
    /*left: 1rem;
    font-size: 1.2em;
    position: absolute;
    top: 1.5em;
    left: 1rem;
    font-size: 1em;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor: pointer;
}*/

/**===================================
    * Conf. clase link al estar activo submenu (con js)
    ====================================**/

/*.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #ff5252;
}

.accordion li .option-item-webactions i {
    color: #fff;
}

.accordion li .option-item-webactions,
.accordion li .option-webactions {
    cursor: pointer;
}*/

/**=======================
    * Submenu
    ==========================**/
/*.submenu {
    display: none;
    background: #444359;
    font-size: 0.95em;
    list-style: none;
    padding-inline-start: 0;
}

    .submenu li {
        border-bottom: 1px solid #4b4a5e;
    }


    .submenu .submenu-container {
        display: flex;
        justify-content: space-between;
        color: #d9d9d9;
        padding: 1rem;
        align-items: center;
    }

        .submenu .submenu-container.dimensions {
            background: #2b2a39;
            color: #fff;
        }

            .submenu .submenu-container.dimensions svg{
                fill:#fff;
            }

                .submenu .submenu-container.dimensions svg:hover {
                    fill: #77818d !important;
                }

                .option-webactions svg,
                .option-item-webactions svg,
                .submenu .submenu-container.dimensions svg{
                    width:15px;
                    height:15px;
                }


                .header-container {
                    display: flex;
                    justify-content: space-between;
                    padding: 1rem;
                }

.option-webactions {
    margin-left: 1em;
}

    .option-webactions i {
        color: #37474F;
    }

.option-item-dimensions {
    display: none;
    padding-inline-start: 0;
}

.option-item-expand {
    cursor: pointer;
}

.flex-center {
    display: flex;
    align-items: center;
}*/