.btnsuccess {
    font-family: inherit;
    color: white;
    font-size: 17px;
    font-weight: 500;
    border-radius: 0.9em;
    letter-spacing: 1px;
    background: #0A9594;
    height: 2.8em;
}

.btnsuccess:hover {
    color: white;
}

.btnnew {
    border: 2px solid #24b4fb;
    background-color: #24b4fb;
    border-radius: 0.9em;
    transition: all ease-in-out 0.2s;
    font-family: inherit;
    color: white;
    font-size: 17px;
    font-weight: 500;
    height: 2.8em;
    display: flex;
    align-items: center;
}

.btnnew:hover {
    color: white;
}

.btndanger {
    font-family: inherit;
    font-size: 17px;
    color: white;
    font-weight: 500;
    border-radius: 0.9em;
    letter-spacing: 1px;
    background: #E60060;
    height: 2.8em;
}

.btndanger:hover {
    color: white;
}

.btnsuccessadd {
    font-family: inherit;
    color: white;
    font-size: 17px;
    font-weight: 500;
    border-radius: 0.9em;
    letter-spacing: 1px;
    background: #0A9594;
    height: 2.3em;
}

.btnsuccessadd:hover {
    color: white;
}

.svgstyle {
    margin-right: 5px;
    margin-bottom: 3px
}

.logoutbtn {
        background: #E60060;
        color: white;
        font-family: inherit;
        padding-right: 3em;
        font-size: 17px;
        font-weight: 500;
        border-radius: 0.9em;
        border: none;
        letter-spacing: 0.05em;
        display: flex;
        align-items: center;
        box-shadow: inset 0 0 1.6em -0.6em #E60060;
        overflow: hidden;
        position: relative;
        height: 2.8em;
    }

    .logoutbtn:hover {
        color: white;
    }

    .logoutbtn .icon {
        background: white;
        margin-left: 1em;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 2.2em;
        width: 2.2em;
        border-radius: 0.7em;
        box-shadow: 0.1em 0.1em 0.6em 0.2em #E60060;
        right: 0.3em;
        transition: all 0.3s;
    }

    .logoutbtn:hover .icon {
        width: calc(100% - 0.6em);
    }

    .logoutbtn .icon svg {
        width: 1.1em;
        transition: transform 0.3s;
        color: #7b52b9;
    }

    .logoutbtn:hover .icon svg {
        transform: translateX(0.1em);
    }

    .logoutbtn:active .icon {
        transform: scale(0.95);
    }

    .logoedisal {
        width: 5rem;
    }

    .encabezado {
        padding-top: 2rem;
    }

    .btnback {
        display: flex;
        font-family: inherit;
        font-size: 17px;
        font-weight: 500;
        height: 2.8em;
        width: 6.7em;
        align-items: center;
        justify-content: center;
        border-radius: 0.9em;
        letter-spacing: 1px;
        transition: all 0.2s linear;
        cursor: pointer;
        border: none;
        background: #0A9594;
    }

    .btnback>svg {
        margin-right: 5px;
        margin-left: 5px;
        font-size: 20px;
        transition: all 0.2s ease-in;
    }

    .btnback:hover>svg {
        font-size: 1.2em;
        transform: translateX(-5px);
    }

    a:hover {
        text-decoration: none;
    }

    .logocenter {
        text-align: center;
    }

    .logoedisalmovil {
        width: 5em;
    }

    .center {
        display: flex;
        justify-content: center;
    }

    .right {
        display: flex;
        justify-content: right;
    }

    .left {
        display: flex;
        justify-content: left;
    }

    .btnhome {
        display: flex;
        font-family: inherit;
        font-size: 17px;
        font-weight: 500;
        height: 2.8em;
        width: 6.7em;
        align-items: center;
        justify-content: center;
        border-radius: 0.9em;
        letter-spacing: 1px;
        transition: all 0.2s linear;
        cursor: pointer;
        border: none;
        background: #004B9A;
    }

    .btnbackmovil {
        background: #0A9594;
        color: white;
        font-family: inherit;
        padding: 0.35em;
        padding-left: 0.5em;
        font-weight: 500;
        border-radius: 0.9em;
        border: none;
        letter-spacing: 0.05em;
        display: flex;
        align-items: center;
        box-shadow: inset 0 0 1.6em -0.6em #0A9594;
        overflow: hidden;
        position: relative;
        height: 2.8em;
        width: 3em;
    }

    .btnhomemovil {
        display: flex;
        font-family: inherit;
        font-size: 17px;
        font-weight: 500;
        height: 2.8em;
        align-items: center;
        justify-content: center;
        border-radius: 0.9em;
        letter-spacing: 1px;
        transition: all 0.2s linear;
        cursor: pointer;
        border: none;
        background: #004B9A;
        width: 3em;
    }

    /*************************************************************************
    */
    .logoutbtn {
        background: #E60060;
        color: white;
        font-family: inherit;
        padding-right: 3em;
        font-size: 17px;
        font-weight: 500;
        border-radius: 0.9em;
        border: none;
        letter-spacing: 0.05em;
        display: flex;
        align-items: center;
        box-shadow: inset 0 0 1.6em -0.6em #E60060;
        overflow: hidden;
        position: relative;
        height: 2.8em;
    }

    .logoutbtn:hover {
        color: white;
    }

    .logoutbtn .icon {
        background: white;
        margin-left: 1em;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 2.2em;
        width: 2.2em;
        border-radius: 0.7em;
        box-shadow: 0.1em 0.1em 0.6em 0.2em #E60060;
        right: 0.3em;
        transition: all 0.3s;
    }

    .logoutbtn:hover .icon {
        width: calc(100% - 0.6em);
    }

    .logoutbtn .icon svg {
        width: 1.1em;
        transition: transform 0.3s;
        color: #7b52b9;
    }

    .logoutbtn:hover .icon svg {
        transform: translateX(0.1em);
    }

    .logoutbtn:active .icon {
        transform: scale(0.95);
    }

    .logoedisal {
        width: 5rem;
    }

    .encabezado {
        padding-top: 2rem;
    }

    .btnback {
        display: flex;
        font-family: inherit;
        font-size: 17px;
        font-weight: 500;
        height: 2.8em;
        width: 6.7em;
        align-items: center;
        justify-content: center;
        border-radius: 0.9em;
        letter-spacing: 1px;
        transition: all 0.2s linear;
        cursor: pointer;
        border: none;
        background: #0A9594;
    }

    .btnback>svg {
        margin-right: 5px;
        margin-left: 5px;
        font-size: 20px;
        transition: all 0.2s ease-in;
    }

    .btnback:hover>svg {
        font-size: 1.2em;
        transform: translateX(-5px);
    }

    a:hover {
        text-decoration: none;
    }

    .logocenter {
        text-align: center;
    }

    .logoedisalmovil {
        width: 5em;
    }

    .center {
        display: flex;
        justify-content: center;
    }

    .right {
        display: flex;
        justify-content: right;
    }

    .left {
        display: flex;
        justify-content: left;
    }

    .btnhome {
        display: flex;
        font-family: inherit;
        font-size: 17px;
        font-weight: 500;
        height: 2.8em;
        width: 6.7em;
        align-items: center;
        justify-content: center;
        border-radius: 0.9em;
        letter-spacing: 1px;
        transition: all 0.2s linear;
        cursor: pointer;
        border: none;
        background: #004B9A;
    }

    .btnbackmovil {
        background: #0A9594;
        color: white;
        font-family: inherit;
        padding: 0.35em;
        padding-left: 0.5em;
        font-weight: 500;
        border-radius: 0.9em;
        border: none;
        letter-spacing: 0.05em;
        display: flex;
        align-items: center;
        box-shadow: inset 0 0 1.6em -0.6em #0A9594;
        overflow: hidden;
        position: relative;
        height: 2.8em;
        width: 3em;
    }

    .btnhomemovil {
        display: flex;
        font-family: inherit;
        font-size: 17px;
        font-weight: 500;
        height: 2.8em;
        align-items: center;
        justify-content: center;
        border-radius: 0.9em;
        letter-spacing: 1px;
        transition: all 0.2s linear;
        cursor: pointer;
        border: none;
        background: #004B9A;
        width: 3em;
    }