@font-face {
    font-family: Nunito;
    src: url('../fonts/Nunito/Nunito-VariableFont_wght.ttf');
}

@font-face {
    font-family: NunitoRegular;
    src: url('../fonts/Nunito/static/Nunito-Medium.ttf');
}

.nunitoRegular {
    font-family: NunitoRegular !important;
}

body {
    font-family: Nunito;
}

.menuGrande {
    display: contents !important;
    background-color: #00C9E2;
}

.navegacao {
    background: #FFFFFF;
    box-shadow: 0px 15px 20px rgba(71, 59, 148, 0.06);
    border-radius: 20px;
    height: 750px;
}

.card-conteudo {
    border-radius: 20px;
    padding: 0px 15px;
    padding-top: 37px;
    height: 750px;
}

.navMenuTitle {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #fff !important;
    margin-right: 33px;
}

.navMenuTitle:hover {
    /* border-bottom: 2px solid #00C9E2 !important; */
    background-image: url('/images/Line 13.png');
    background-repeat: no-repeat;
    background-position: bottom left 8px;
}


.cirle-icon {
    margin-top: 30%;
    margin-left: 34%;
    border-radius: 50%;
    background: #70EFFF;
}

.circle-icon-user {
    background: #70EFFF;
    margin-top: 32px;
    margin-left: 29px;
    width: 72px;
    height: 72px;
    box-shadow: 0px 15px 20px rgba(71, 59, 148, 0.06);
    border-radius: 50%;

}

.hello-name {
    margin-top: -17%;
    margin-left: 40%;
    font-weight: 500;
    font-size: 22px;
    line-height: 27px;
    color: #5C549A;
}

.hr-name {
    margin-top: 46px;
    margin-left: 11%;
    width: 235px;
    color: #8d8c8c;
}

.navegacao-link {
    width: 94%;
    text-align: left;
    font-weight: 300px;
    font-size: medium;
    color: #5C549A;
    padding: 15px;
    margin: 10px;
}

.navegacao-link:hover {
    background-color: #DDD9FF;
    color: #5C549A;

    font-weight: 700px;
}

.navegacao-link:active,
.navegacao-link:focus {
    background-color: #DDD9FF !important;
    color: #5C549A !important;
    border: none !important;
    font-weight: 700px !important;
}

.titulo-card {
    font-weight: 500;
    line-height: 27px;
    color: #5C549A;
}

.navbarTemplateResponsive {
    margin-bottom: 32.03px;
}

.tb-nome {
    text-align: right;
    color: #787786;
}

.btn-excluir,
.btn-excluir:hover {
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #EA768B;
}

.btn-editar {
    background: #5C549A !important;
    border-radius: 100px !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    padding: 15px 35px !important;
    margin-right: -10px;
    filter: drop-shadow(0px 10px 40px rgba(165, 154, 245, 0.6));
}


.btn-editar:hover,
.btn-editar:focus-visible,
.btn-editar:active {
    background: #7A6FCE !important;
    border-radius: 100px !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    padding: 15px 35px !important;
    margin-right: -10px;
}

.hr-conta {
    /*width: 530px;*/
    margin-left: 8px;
    margin-top: 5%;
    margin-bottom: 5%;
}

.style_border_modal{
    border-radius:15px; 
    padding-bottom:12px; 
    padding-top:12px;
}

.rowStylePedido {
    margin-top: -21px;
}

.itens-navbar {
    text-align: right !important;
    display: inline-flex;
    flex-direction: row;
    margin-right: -190px !important;
}

/* VERSAO MOBILE */

@media only screen and (max-width: 1350px) {
    .hello-name {
        margin-top: -20%;
        margin-left: 50%;
        font-weight: 500;
        font-size: 20px;
        line-height: 27px;
        color: #5C549A;
    }

    .hr-name {
        margin-top: 15%;
        margin-left: 11%;
        width: 215px;
    }


}

@media only screen and (max-width: 1200px) {
    .hello-name {
        margin-top: -20%;
        margin-left: 50%;
        font-weight: 500;
        font-size: 18px;
        line-height: 27px;
        color: #5C549A;
    }

    .hr-name {
        margin-top: 15%;
        margin-left: 11%;
        width: 200px;
    }

}

@media only screen and (max-width: 1000px) {
    .hello-name {
        margin-top: -20%;
        margin-left: 50%;
        font-weight: 500;
        font-size: 17px;
        line-height: 27px;
        color: #5C549A;
    }

    .hr-name {
        margin-top: 15%;
        margin-left: 11%;
        width: 165px;
    }

}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        display: contents !important;
        flex-basis: auto;
    }
}

@media only screen and (max-width: 820px) {

    .navegacao {
        background: #FFFFFF;
        box-shadow: 0px 15px 20px rgba(71, 59, 148, 0.06);
        border-radius: 20px;
        height: 805px;
    }


    .itens-navbar {
        text-align: right;
        display: inline-flex;
        flex-direction: row;
        margin-right: -50px !important;
    }


    .menuGrande {
        display: contents !important;
    }


    .navMenuTitle {
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 19px;
        color: #fff !important;
        margin-right: 20px;
    }

    .navMenuTitle:hover {
        /* border-bottom: 2px solid #00C9E2 !important; */
        background-image: url('/images/Line 13.png');
        background-repeat: no-repeat;
        background-position: bottom left 0px;
    }

    .buttonNavBar {
        font-size: 10px;
        border-radius: 100px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right: 30px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .buttonNavBar:hover,
    .buttonNavBar:active {
        border-radius: 100px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 42px;
        padding-right: 42px;
        background-color: #00C9E2 !important;
        border-color: #00C9E2 !important;
        color: #5C549A !important;
    }

    .cirle-icon {
        margin-top: 30%;
        margin-left: 30%;
        border-radius: 50%;
        background: #70EFFF;
    }

    .circle-icon-user {
        background: #70EFFF;
        margin-top: 32px;
        margin-left: 40px;
        width: 70px;
        height: 70px;
        box-shadow: 0px 15px 20px rgba(71, 59, 148, 0.06);
        border-radius: 50%;

    }

    .perfil {
        width: 40px;
    }

    .logoSite {
        width: 80px;
    }

    .hello-name {
        margin-top: 15%;
        margin-left: 0%;
        font-weight: 500;
        font-size: 18px;
        line-height: 27px;
        text-align: center;
        color: #5C549A;
    }

    .hr-name {
        margin-top: 15%;
        margin-left: 0%;
        width: 155px;
    }

    .navegacao-link {
        width: 94%;
        text-align: left;
        font-weight: 300px;
        font-size: 14px;
        color: #5C549A;
        padding: 2px;
        margin: 10px;
    }

    .navegacao-link:hover {
        background-color: #DDD9FF;
        color: #5C549A;

        font-weight: 700px;
    }

    .navegacao-link:active,
    .navegacao-link:focus {
        background-color: #DDD9FF !important;
        color: #5C549A !important;
        border: none !important;
        font-weight: 700px !important;
    }

    .btn-editar {
        font-size: 13px;
        background: #5C549A !important;
        border-radius: 100px !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
        padding: 10px 20px !important;
        margin-right: 0px;
    }

    .btn-editar:hover,
    .btn-editar:focus-visible,
    .btn-editar:active {
        font-size: 13px;
        background: #7A6FCE !important;
        border-radius: 100px !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
        padding: 10px 20px !important;
        margin-right: 0px;
    }

    .btn-excluir {
        margin-right: -5px;
        margin-top: 5px;
        font-size: 12px;
    }

}

@media only screen and (max-width: 768px) {
    .navegacao {
        background: #FFFFFF;
        box-shadow: 0px 15px 20px rgba(71, 59, 148, 0.06);
        border-radius: 20px;
        height: 805px;
    }

    .itens-navbar {
        text-align: right;
        display: inline-flex;
        flex-direction: row;
        margin-right: -80px !important;
    }

    .menuGrande {
        display: contents !important;
    }

    .navMenuTitle {
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 19px;
        color: #fff !important;
        margin-right: 20px;
    }

    .navMenuTitle:hover {
        /* border-bottom: 2px solid #00C9E2 !important; */
        background-image: url('/images/Line 13.png');
        background-repeat: no-repeat;
        background-position: bottom left 0px;
    }

    .buttonNavBar {
        font-size: 10px;
        border-radius: 100px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right: 30px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .buttonNavBar:hover,
    .buttonNavBar:active {
        border-radius: 100px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 42px;
        padding-right: 42px;
        background-color: #00C9E2 !important;
        border-color: #00C9E2 !important;
        color: #5C549A !important;
    }

    .cirle-icon {
        margin-top: 30%;
        margin-left: 30%;
        border-radius: 50%;
        background: #70EFFF;
    }

    .circle-icon-user {
        background: #70EFFF;
        margin-top: 32px;
        margin-left: 40px;
        width: 70px;
        height: 70px;
        box-shadow: 0px 15px 20px rgba(71, 59, 148, 0.06);
        border-radius: 50%;

    }

    .perfil {
        width: 40px;
    }

    .logoSite {
        width: 80px;
    }

    .hello-name {
        margin-top: 15%;
        margin-left: 0%;
        font-weight: 500;
        font-size: 18px;
        text-align: center;
        line-height: 27px;
        color: #5C549A;
    }

    .hr-name {
        margin-top: 15%;
        margin-left: 0%;
        width: 155px;
    }

    .navegacao-link {
        width: 94%;
        text-align: left;
        font-weight: 300px;
        font-size: 14px;
        color: #5C549A;
        padding: 2px;
        margin: 10px;
    }

    .navegacao-link:hover {
        background-color: #DDD9FF;
        color: #5C549A;

        font-weight: 700px;
    }

    .navegacao-link:active,
    .navegacao-link:focus {
        background-color: #DDD9FF !important;
        color: #5C549A !important;
        border: none !important;
        font-weight: 700px !important;
    }

    .btn-editar,
    .btn-editar:hover,
    .btn-editar:focus-visible,
    .btn-editar:active {
        font-size: 13px;
        background: #5C549A !important;
        border-radius: 100px !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
        padding: 10px 20px !important;
        margin-right: 0px;
    }

    .btn-excluir {
        margin-right: -5px;
        margin-top: 5px;
        font-size: 12px;
    }

    .tb-nome {
        font-size: 12px;
        margin-top: 5px;
        margin-bottom: 16px;
        margin-left: -15px;
        text-align: right;
        color: #787786;
    }

    .tituloTable {
        font-size: 13px;
    }
}

@media only screen and (max-width: 500px) {
    .menuGrande {
        display: none !important;
    }
    

    .nunitoRegular {
        font-family: NunitoRegular !important;
    }

    .card-conteudo {
        border-radius: 20px;
        padding: 0px 0px;
        padding-top: 0px;
        height: 750px;
    }

    .rowStylePedido {
        margin-top: 0px;
    }

    .hr-conta {
        width: 320px !important;
        margin-left: 8px;
        margin-top: 6%;
        margin-bottom: 6%;
    }

    .tb-nome {
        font-size: 14px;
        margin-top: -22px;
        margin-bottom: 16px;
        margin-left: -15px;
        text-align: right;
        color: #787786
    }

    .navbarTemplateResponsive {
        margin-bottom: 25px;
    }

    .btn-editar {
        font-size: 13px;
        background: #5C549A !important;
        border-radius: 100px !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
        padding: 10px 20px !important;
        margin-right: 0px;
        filter: drop-shadow(0px 10px 40px rgba(165, 154, 245, 0.6));
    }

    .btn-editar:hover,
    .btn-editar:focus-visible,
    .btn-editar:active {
        font-size: 13px;
        background: #7A6FCE !important;
        border-radius: 100px !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
        padding: 10px 20px !important;
        margin-right: 0px;
    }

    .btn-excluir {
        margin-right: -5px;
        margin-top: 5px;
        font-size: 13px;
    }
}

@media only screen and (max-width: 414px) {
    .menuGrande {
        display: none !important;
    }

    .card-conteudo {
        border-radius: 20px;
        padding: 0px 0px;
        padding-top: 0px;
        height: 750px;
    }

    .hr-conta {
        width: 365px !important;
        margin-left: 8px;
        margin-top: 6%;
        margin-bottom: 6%;
    }

    .btn-editar {
        font-size: 13px;
        background: #5C549A !important;
        border-radius: 100px !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
        padding: 10px 20px !important;
        margin-right: 0px;
        filter: drop-shadow(0px 10px 40px rgba(165, 154, 245, 0.6));
    }

    .btn-editar:hover,
    .btn-editar:focus-visible,
    .btn-editar:active {
        font-size: 13px;
        background: #7A6FCE !important;
        border-radius: 100px !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
        padding: 10px 20px !important;
        margin-right: 0px;
        
    }

    .btn-excluir {
        margin-right: -5px;
        margin-top: 5px;
        font-size: 13px;
    }

}

@media only screen and (max-width: 393px) {

    .menuGrande {
        display: none !important;
    }

    .card-conteudo {
        border-radius: 20px;
        padding: 0px 0px;
        padding-top: 0px;
        height: 750px;
    }

    .hr-conta {
        width: 340px !important;
        margin-left: 8px;
        margin-top: 6%;
        margin-bottom: 6%;
    }

    .btn-editar {
        font-size: 13px;
        background: #5C549A !important;
        border-radius: 100px !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
        padding: 10px 20px !important;
        margin-right: 0px;
        filter: drop-shadow(0px 10px 40px rgba(165, 154, 245, 0.6));
    }

    .btn-editar:hover,
    .btn-editar:focus-visible,
    .btn-editar:active {
        font-size: 13px;
        background: #7A6FCE !important;
        border-radius: 100px !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
        padding: 10px 20px !important;
        margin-right: 0px;
    }

    .btn-excluir {
        margin-right: -5px;
        margin-top: 5px;
        font-size: 13px;
    }
}

@media only screen and (max-width: 390px) {
    .menuGrande {
        display: none !important;
    }

    .card-conteudo {
        border-radius: 20px;
        padding: 0px 0px;
        padding-top: 0px;
        height: 750px;
    }

    .hr-conta {
        width: 340px !important;
        margin-left: 8px;
        margin-top: 6%;
        margin-bottom: 6%;
    }

    .btn-editar {
        font-size: 13px;
        background: #5C549A !important;
        border-radius: 100px !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
        padding: 10px 20px !important;
        margin-right: 0px;
        filter: drop-shadow(0px 10px 40px rgba(165, 154, 245, 0.6));
    }

    .btn-editar:hover,
    .btn-editar:focus-visible,
    .btn-editar:active {
        font-size: 13px;
        background: #7A6FCE !important;
        border-radius: 100px !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
        padding: 10px 20px !important;
        margin-right: 0px;
    }

    .btn-excluir {
        margin-right: -5px;
        margin-top: 5px;
        font-size: 13px;
    }

}

@media only screen and (max-width: 375px) {
    .menuGrande {
        display: none !important;
    }

    .card-conteudo {
        border-radius: 20px;
        padding: 0px 0px;
        padding-top: 0px;
        height: 750px;
    }

    .hr-conta {
        width: 325px !important;
        margin-left: 8px;
        margin-top: 6%;
        margin-bottom: 6%;
    }

    .btn-editar {
        font-size: 13px;
        background: #5C549A !important;
        border-radius: 100px !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
        padding: 10px 20px !important;
        margin-right: 0px;

        filter: drop-shadow(0px 10px 40px rgba(165, 154, 245, 0.6));
    }

    .btn-editar:hover,
    .btn-editar:focus-visible,
    .btn-editar:active {
        font-size: 13px;
        background: #7A6FCE !important;
        border-radius: 100px !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
        padding: 10px 20px !important;
        margin-right: 0px;
    }

    .btn-excluir {
        margin-right: -5px;
        margin-top: 5px;
        font-size: 13px;
    }
}

@media only screen and (max-width: 360px) {
    .menuGrande {
        display: none !important;
    }

    .card-conteudo {
        border-radius: 20px;
        padding: 0px 0px;
        padding-top: 0px;
        height: 750px;
    }

    .hr-conta {
        width: 310px !important;
        margin-left: 8px;
        margin-top: 6%;
        margin-bottom: 6%;
    }

    .btn-editar {
        font-size: 13px;
        background: #5C549A !important;
        border-radius: 100px !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
        padding: 10px 20px !important;
        margin-right: 0px;
        filter: drop-shadow(0px 10px 40px rgba(165, 154, 245, 0.6));
    }

    .btn-editar:hover,
    .btn-editar:focus-visible,
    .btn-editar:active {
        font-size: 13px;
        background: #7A6FCE !important;
        border-radius: 100px !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
        padding: 10px 20px !important;
        margin-right: 0px;
    }

    .btn-excluir {
        margin-right: -5px;
        margin-top: 5px;
        font-size: 13px;
    }
}