/*-------------------------------------------*\
    Botones Personalizados
\*-------------------------------------------*/

.modal[data-backdrop="false"]{ 
	background-color: rgba(0, 0, 0, 0.486); 
}
/*Color del modal*/
.m-body{
    background: var(--container-color);
}

.modal-head{
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5em;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
}

.modal-head .titulo{    
    font-weight: var(--font-normal);
    color: var(--principal-color);
    margin-bottom: 0;
    padding: 0.5rem 1.2rem;
    text-transform: uppercase;   

}

.modal-head .titulo.bold{
    font-weight: var(--font-bold);
}

.btnmodalclose{
    font-size: 2rem;
    color: var(--principal-color);
    margin-right: 15px;
    opacity: 1;
}

.btnmodalclose:focus{
    outline: none;
}

.btnmodalclose:hover{
    color: var(--principal-color);
    opacity: .75;
}

.modal-body{
    padding: .2rem 1rem .3rem;
}

.modal-foot{
    display:flex;
    justify-content:flex-end;
    padding: 0.5em 1.5em 1em 0.5em;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
}

.modal-foot.center{
    justify-content: center;
}

.modal-foot.left{
    justify-content: start;
}

.modal-foot.right{
    justify-content: end;
}

.modal-md-rz{
    max-width: 670px;
}
/* En cursos Modal Plan */
#modalPlan .naviscroll{
    overflow-x: auto;
}