/* EJERCICIO 12 */

            .exercise12n .wrappertest .content > section .inner{

                grid-gap: 0 15px;

            }

            .exercise12n .wrappertest .content > section .inner .form-row{

                margin-bottom: 15px;
        
            }

            .exercise12n .wrappertest .content > section .inner .form-row.ex12n_photo{

                grid-column: 1 / 3;
        
            }

            .exercise12n .wrappertest .content > section .inner .form-row.ex12n_photo .elfinder_button{

                align-self: flex-start;
        
            }

            .exercise12n #stage_tab{

                border: none;
                grid-column: 1 / 3;

            }

            .exercise12n #stage_tab_content{

                border: 1px solid #ddd;
                padding: 15px;
                background: #fff;
                grid-column: 1 / 3;

            }

            .exercise12n #stage_tab_content .tab-pane.active{

                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-gap: 15px;

            }

            .exercise12n #stage_tab_content .tab-pane.active .form-row{

                margin-bottom: 0;

            }

            .exercise12n #stage_tab_content .tab-pane.active .ex12n_stage-btn-wrapper{

                grid-column: 1 / 3;
                display: flex;

            }

            .exercise12n #stage_tab_content .tab-pane.active .ex12n_stage-btn-wrapper .btn{

                background: #505050;
                color: #fff;
                font-size: 1.5rem;
                line-height: 1.5rem;
                border: none;
                padding: 10px 20px;
                font-weight: 500;
                border-radius: 0;
                margin-right: 10px;

            }

            .exercise12n #stage_tab_content .tab-pane.active .ex12n_stage-btn-wrapper .boton-add{

                background: #00a65a;

            }

            .exercise12n #stage_tab_content .tab-pane.active .ex12n_stage-btn-wrapper .boton-add:hover,
            .exercise12n #stage_tab_content .tab-pane.active .ex12n_stage-btn-wrapper .boton-add:focus,
            .exercise12n #stage_tab_content .tab-pane.active .ex12n_stage-btn-wrapper .boton-add:active{
    
                background: #118c53;
    
            }

            .exercise12n #stage_tab_content .tab-pane.active .ex12n_stage-btn-wrapper .boton-remove{

                background: #c40000;

            }

            .exercise12n #stage_tab_content .tab-pane.active .ex12n_stage-btn-wrapper .boton-remove:hover,
            .exercise12n #stage_tab_content .tab-pane.active .ex12n_stage-btn-wrapper .boton-remove:focus,
            .exercise12n #stage_tab_content .tab-pane.active .ex12n_stage-btn-wrapper .boton-remove:active{
    
                background: #a30101;
    
            }

            .exercise12n .ex12n_customers{
                display: none;
            }

            .exercise12n .informe-12-btn{

                margin-bottom: 15px;
                grid-column: 1 / 3;
                display: flex;
                justify-content: flex-end;

            }

            .exercise12n .informe-12-btn button{

                background: #00a65a;
                color: #fff;
                font-size: 1.5rem;
                line-height: 1.5rem;
                border: none;
                padding: 10px 20px;
                font-weight: 500;
                border-radius: 0;

            }

            .exercise12n .informe-12-btn button:hover,
            .exercise12n .informe-12-btn button:focus,
            .exercise12n .informe-12-btn button:active{

                background: #118c53;

            }

        /* FIN EJERCICIO 12 */