#assistenciaFlag{
    position: fixed;
    right: 0;
    z-index: 99;
}
.assistenciaFlagG{
    width: 40px;
    background-color: var(--colorfirst);
    float: right;
    padding: 20px 0 20px 0;
    margin: 15px 0;
}

.assistenciaFlagG h4,
.assistenciaFlagG .h4{
    /* line-height: 0px !important; */
}

#assistenciaFlagW{
    width: 0px;
    height: 100% !important;
    background-color: white;
    overflow: hidden;
    float: right;
    
    webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    
}

#assistenciaFlag h4{
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    text-orientation: sideways;
    text-orientation: sideways;
}
#assistenciaFlag a:hover,
#assistenciaFlag *,
#assistenciaFlag a{
  color: white !important;
}

.formLateralFlag{
    cursor: pointer;
}


/* FORM LATERAL */
    #formLateral{
        position: fixed;
        right: 0;
        top: 0;
        width: 50vw;
        height: 100vh;
        z-index: 100;

        background-color: white;
        border-left: 1px solid var(--darkgrey);
        transition: all 0.4s ease-in-out;
        opacity: 0;
        transform: translateX(100%);
    }
    #formLateral .formLateralMainBody{
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #formLateralDismiss{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: black;
        opacity: 0;
        z-index: 99;

        transition: transform 0s;
        transition: opacity  0.4s ease-in-out;
        transform: translateX(100%);
    }

    #formLateralHolder.formLateralOpen #formLateral{
        opacity: 1;
        transform: translateX(0%);
    }
    #formLateralHolder.formLateralOpen #formLateralDismiss{
        opacity: 0.6;
        transform: translateX(0%);
    }

    #formLateralDismissX{
        cursor: pointer;
        position: absolute;
        transform: translateY(-100%);
    }

    @media (max-width: 1240px) {
        #formLateral{
            width: 95%;
        }
    }
/* END FORM LATERAL */