.Login {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../images/Background_Login.png") center center no-repeat;
    background-size: cover;
    overflow: hidden;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (max-width: 450px) {

    .PageParaCadastro {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start !important;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        overflow: auto !important;
    }
}

.Login .ContainerLogin {
    opacity: 1;

    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.Hide_ContainerLogin {
    opacity: 0 !important;
    margin-top: 30px !important;

    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.Disable_ContainerLogin {
    display: none !important;
}

.Login .HomeLogin {
    width: 100%;
    height: 83vh;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


@media (max-width: 450px) {
    .Hide_FormLogin {
        opacity: 0 !important;
        pointer-events: none !important;
        margin-top: 30px !important;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Disable_FormLogin {
        display: none !important;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .FormEsqueceuSenha {
        display: none;
        opacity: 0;
        pointer-events: none;
        margin-top: 30px;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Enable_FormEsqueceuSenha {
        display: block !important;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Show_FormEsqueceuSenha {
        opacity: 1 !important;
        pointer-events: auto !important;
        margin-top: 0 !important;
    }

    .Login .BoxLogin .PortaFormLogin form {
        width: 100%;
    }

    .Login .BoxLogin .PortaFormLogin .form-group {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .passClient {
        width: 260px;
    }

    .marginResponsive {
        margin-top: 71px !important;
    }

    .BoxLogin .LabelUser {
        flex-direction: column;
        justify-content: center;
        position: absolute;
        width: 35px;
        height: 35px;
        z-index: 3;
        margin: 15px 0 0 -40px !important;

    }

    .BoxLogin .LabelUser .SvgLogin {
        display: block;
        width: 25px;
        height: auto;
        margin: 0 auto 0 auto;

    }

    .BtnLogin {
        display: inline-block;
        border: 0px solid rgba(48, 73, 92, 1.0);
        background-color: #00a5c9;
        border-radius: 5px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        font-size: 13px;
        letter-spacing: 2px;
        color: white;
        margin: 10px 5px 0 0;
        padding: 9px 16px;
        box-shadow: none;
        outline: none;
        cursor: pointer;
        height: 44px;

    }

    .BtnLogin:hover,
    .BtnLogin:focus {
        background: #0491b0;
        border: 0px solid rgba(48, 73, 92, 1.0);
        box-shadow: none;
        color: white;

    }

    .ShowPassword {
        position: absolute;
        background-color: transparent;
        background-image: url('../svg/Wink.svg');
        background-position: center -3px;
        background-repeat: no-repeat;
        border: 0px solid transparent;
        border-radius: 0;
        cursor: pointer;
        font-size: 100%;
        width: 26px;
        height: 20px;
        top: 0 !important;
        right: 0;
        margin: 20px -35px 0 0 !important;
        max-height: 100%;
        padding: 0;
        overflow: hidden;
        text-indent: -999em;
        -moz-appearance: none;
        -webkit-appearance: none;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;

    }

    .HidePassword {

        background-position: center -29px;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;

    }

    .Login .BoxLogin .BtnLinks {
        display: block;
        width: 175px;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        font-size: 10px;
        color: #005780;
        background: #f1f0f0;
        padding: 4px 8px;
        margin: 0 auto 5px auto;
        letter-spacing: 1.5px;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Login .BoxLogin .BtnLinks:hover {
        background: #0bbbe2;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Login .BoxGrupoAcert {
        position: absolute;
        bottom: 0;
        width: 400px;
        height: 10vh;
        background: transparent;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Large_BoxGrupoAcert {
        width: 600px !important;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Login .BoxGrupoAcert .BtnGrupoAcert {
        display: block;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 10px;
        line-height: 13px;
        color: #6FD4D9;
        padding: 0 0 0 16px;
        margin: 15px 0 12px 0;
        letter-spacing: 1.5px;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Login .BoxGrupoAcert .BtnGrupoAcert:hover {
        letter-spacing: 4px;
        color: white;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }



    .Login .ContainerCadastro {
        display: none;
        opacity: 0;
        margin-top: 30px;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Enable_ContainerCadastro {
        display: block !important;
    }

    .Show_ContainerCadastro {
        opacity: 1 !important;
        margin-top: 0 !important;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Login .BoxCadastro {
        background: white;
        border-radius: 22px;
        padding: 0 30px 30px 30px;

        -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.12);
        -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.12);
        box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.12);
    }

    .Login .BoxCadastro .Header {
        height: 100px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    }

    .Login .BoxCadastro .Logo {
        display: flex;
        height: 60px;
        width: auto;
    }

    .Login .BoxCadastro .BtnLinks {
        display: inline-block;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        font-size: 8px;
        line-height: 12px;
        color: white;
        background: #00a5c9;
        padding: 6px 8px;
        margin: 0 auto 5px auto;
        letter-spacing: 1.5px;
        border-radius: 4px;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Login .BoxCadastro .BtnLinks:hover {
        background: #0bbbe2;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Login .Versao {
        position: absolute;
        top: 50%;
        right: 0;
        margin: -20px 0 0 0;
        padding: 10px;
        background: #10a7ce;
    }

    .Login .Versao p {
        color: #005780;
    }













    .Conteudo {
        width: 100%;
        padding: 40px 0 100px 0;
    }

    .Conteudo .card {
        border-radius: 12px;
        border: 0px solid rgba(0, 0, 0, 0.0);
        margin: 0 0 40px 0;

        overflow: visible;

        -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.05);

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Conteudo .card:hover {
        -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.12);
        -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.12);
        box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.12);

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Conteudo .card-header {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        background-color: transparent;
        border-bottom: 0px solid rgba(0, 0, 0, 0.10) !important;
        padding: 20px 60px;
    }

    .Conteudo .card-header .BtnCloseCard {
        position: absolute;
        width: 20px;
        height: 20px;
        right: 0;
        margin: -25px 55px 0 0;
        pointer-events: none;
    }

    .Conteudo .card-header img {
        width: 20px;
        height: 20px;
    }

    .Conteudo .card-header h1 {
        cursor: pointer;
    }

    .Conteudo .card-body {
        padding: 0 50px 40px 50px;
    }

    .Conteudo .card-body .card-line {
        width: 100%;
        height: 1px;
        margin: 0 auto 0 auto;
    }




    .Conteudo .Resumo .CardsResumo {}

    .Conteudo .Resumo .IconeResumo {
        width: 60px;
        height: auto;
    }

    .Conteudo .Resumo .Titulo {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 40px;
        line-height: 40px;
        font-weight: 500;
        letter-spacing: -2px;
        text-align: left;
        margin: 0 8px 0 0;
        padding: 0 0 0 0;
        border-left: 0px solid rgba(0, 165, 201, 0.3);
    }

    .Conteudo .Resumo .Texto {
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        line-height: 13px;
        font-weight: 400;
        text-align: left;
    }

    .Conteudo .Resumo .BordaRight {}







    .Conteudo .Card {
        padding: 50px 60px;
        border-radius: 12px;
        margin-bottom: 40px;
        border: 1px solid rgba(0, 0, 0, 0.10);

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Conteudo .Card:hover {
        border: 1px solid rgba(255, 255, 255, 1.0);

        -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.05);

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Conteudo .Card .CardSubHeader {
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        padding: 15px 0 10px 0;
        text-align: center;
    }

    .Conteudo .Card .CardHeader {
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        padding: 0 0 10px 0;
    }

    .Conteudo .Card .CardConteudo {
        margin: 50px 0 0 0;
    }

    .Conteudo .Card .CardConteudo h1 {
        margin: 0 0 20px 0
    }

    .Conteudo .Marcas {
        position: relative;
    }

    .Conteudo .Marcas .DivMarca {
        width: 112px;
        height: 112px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        margin: 0 auto;
    }

    .Conteudo .Marcas .ImagemMarcas {
        width: 85%;
        height: auto;
        display: block;
        margin: 0 auto;
        background-color: white;
        /*border-radius: 100%;*/
    }

    .Conteudo .Marcas .Marca_Marcada {
        position: absolute;
        content: '';
        width: 112px;
        height: 112px;
        display: block;
        background: url("../svg/MarcacaoModelo.svg") center center no-repeat;
    }

    .OpacidadeOlhos {
        opacity: 0.4 !important;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Conteudo .ValorPedido {
        height: 100px;
        background-color: #00a5c9;
    }

    .Conteudo .ValorPedido .LineHeight_Left {
        height: 100px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 0 40px;
    }

    .Conteudo .ValorPedido .LineHeight_Right {
        height: 100px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        padding: 0 40px;
    }

    .Conteudo .ValorPedido .ValorTotal {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 500;
        font-size: 35px;
    }

    .Conteudo .TableDhell {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.5px;
        margin-bottom: 0 !important;
    }

    .Conteudo .TableDhell .HeaderTable {
        background-color: #00a5c9;
        color: white;
    }

    .Conteudo .TableDhell th {
        padding: 20px !important;
        font-weight: 400 !important;
        font-size: 16px;
    }

    .Conteudo .TableDhell th,
    .Conteudo .TableDhell td {
        vertical-align: middle !important;
    }

    .Conteudo .TableDhell .IconTable {
        width: 40px;
        height: auto;
        display: block;
    }

    .Conteudo .TableDhell tbody tr:nth-of-type(odd) {
        background-color: rgba(0, 0, 0, 0.04) !important;
    }

    .Conteudo .TableDhell tbody tr:nth-of-type(even) {
        background-color: rgba(0, 0, 0, 0.02) !important;
    }

    .Conteudo .TableDhell .Name {
        color: #00a5c9;
    }

    .Conteudo .IconeArraste {
        width: 60px;
        height: auto;
        display: block;
        margin: 0 auto 10px auto;
    }

    .Conteudo .ModeloArmacao {}

    .Conteudo .ModeloArmacao .BoxArmacoes {}

    .Conteudo .ModeloArmacao .badge {
        position: absolute;
        right: 0;
        margin: 50px 5px 0 0;
        width: 30px;
        height: 30px;
        border-radius: 100%;
        background-color: #00a5c9;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .Conteudo .ModeloArmacao .ImagemModelo {
        width: 95% !important;
        height: auto;
        display: block;
        margin: 0 auto;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Conteudo .ModeloArmacao .ImagemModelo:hover {
        width: 100% !important;
        margin: 0 auto;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Conteudo .MedidasArmacao {
        height: 220px;
    }

    .Conteudo .BoxOlhos {
        width: 120px;
        height: 120px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        background: white;
        border-radius: 100%;
    }

    .Conteudo .EscolheOlhos {
        position: relative;
        width: 150px;
        height: 150px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }

    .Conteudo .EscolheOlhos .ImagemOlhos {
        width: 75%;
        height: auto;
        display: block;
        margin: 0 auto;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Conteudo .ImagemMarcada {
        position: absolute;
        width: 150px;
        height: 150px;
    }

    .Zoom_ImagemOlhos {
        width: 78% !important;
        height: auto;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .NomeOlhos {
        color: #969696;
    }

    .HoverColor_NomeOlhos {
        color: #00a5c9 !important;
    }

    .Conteudo .BtnOlhos {
        display: contents;
    }



    .Conteudo .PortaSwicth {
        height: 45px;
    }

    .Conteudo .BoxSwitch {
        width: 70px !important;
    }

    .Conteudo .BoxSwitch_Label {
        height: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .Conteudo .LabelSwitch {
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0.5px;
        color: var(--corFonte);
        cursor: pointer;
    }

    .Conteudo .BtnServicos {
        display: contents;
    }

    .Conteudo .DivImagemServicos {
        width: 100%;
        height: 100px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .Conteudo .ServicoMarcado {
        position: absolute;
        width: 130px;
        height: 130px;
        margin-top: 20px;
    }

    .Conteudo .IconeServicos {
        width: 80px;
        height: auto;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Zoom_IconeServicos {
        width: 90px !important;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .MudarCor_NomeServicos {}

    .TabelaItensPedido {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.5px;
        margin-bottom: 0 !important;
    }

    .TabelaItensPedido .HeaderTable {
        color: white;
        border: 0px solid white;
    }

    .TabelaItensPedido .HeaderTable th {
        border: 0px solid white !important;
        background-color: #00a5c9;
    }


    .TabelaItensPedido th {
        padding: 20px !important;
        font-weight: 400 !important;
        font-size: 16px;
    }

    .TabelaItensPedido th,
    .TabelaItensPedido td {
        vertical-align: middle !important;
        border: 0px solid #00a5c9;
        border-bottom: 1px solid #00a5c9;
    }

    .TabelaItensPedido .IconTable {
        width: 40px;
        height: auto;
        display: block;
    }

    .TabelaItensPedido tbody tr:nth-of-type(odd) {
        background-color: rgba(0, 0, 0, 0.04) !important;
    }

    .TabelaItensPedido tbody tr:nth-of-type(even) {
        background-color: rgba(0, 0, 0, 0.02) !important;
    }

    .TabelaItensPedido .Name {
        color: #00a5c9;
    }

    .Conteudo .AvisoArraste {
        margin: 0 0 15px 0;
    }

    .Conteudo .AvisoArraste img {
        width: 60px;
        height: auto;
        display: block;
        margin: 0 auto 15px auto;
    }

    .Conteudo .ImagemModelo {
        width: 100%;
        height: 170px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        position: relative;
    }

    .Conteudo .ImagemModelo .Imagem {
        width: 90%;
        height: auto;
        display: block;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Conteudo .ImagemModelo_Marcada {
        position: absolute;
        content: '';
        width: 150px;
        height: 150px;
        display: block;
        background: url("../svg/MarcacaoModelo.svg") center center no-repeat;
    }

    .Zoom_ImagemModelo {
        width: 100% !important;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Conteudo .DivModeloArmacao .badge {
        position: absolute;
        right: 0;
        margin: 0 5px 0 0;
        width: 30px;
        height: 30px;
        border-radius: 100%;
        background-color: var(--corGeral);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

    }

    .Conteudo .MedidasArmacao {
        height: 220px;
    }

    .Conteudo .MedidasArmacao .ImagemMedidas {
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    .Conteudo .HeaderBtns {
        text-align: right;
    }

















    .FooterPrice {

        position: fixed;
        width: 100%;
        height: 80px;
        bottom: 0;
        left: 0;
        margin-bottom: -80px;
        background: #00a5c9;
        z-index: 200;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;

    }

    .Show_FooterPrice {

        margin-bottom: 0 !important;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;

    }

    .FooterPrice .LineHeightTitle {

        flex-direction: column;
        height: 80px;

    }

    .FooterPrice .LineHeightPrice {

        height: 80px;

    }

    .FooterPrice .DivDados {

        flex-direction: column;
        height: 80px;
        padding: 0 20px;
    }

    .FooterPrice .DivClose {

        flex-direction: column;
        height: 80px;
        padding: 0 0;
    }

    .FooterPrice .IconClose {

        width: 45px;
        height: auto;
        display: block;
        margin: 0 auto;
    }














    .DivSteps {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 85px;
        margin: -100px 0 0 0;
        z-index: 90;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Move_DivSteps {
        margin: 100px 0 0 0 !important;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Recua_DivSteps {
        margin: 70px 0 0 0 !important;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Close_DivSteps {
        margin: -100px 0 0 0 !important;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .DivSteps .BtnClose {
        position: absolute;
        top: 0;
        right: 0;
        margin: 30px 20px 0 0;
        width: 25px;
        height: 25px;
    }







    .Modal {

        position: fixed;
        width: 100%;
        height: 70vh;
        bottom: 0;
        left: 0;
        padding: 20px 0 0 0;
        z-index: 500;
        margin-bottom: -70vh;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Show_Modal {

        margin-bottom: 0 !important;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;

    }

    .Modal .LineTable {
        width: 100%;
        height: auto;
        /*overflow-y: auto;*/
    }

    .Modal .LineTitle {
        height: 50px;
    }

    .Modal .IconBtnClose {

        width: 50px;
        height: auto;
        display: block;
    }

    .OverlayModal {
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 499;

        pointer-events: none;
        background: rgba(0, 0, 0, 0.0);

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;

    }

    .Show_OverlayModal {

        pointer-events: auto !important;
        background: rgba(0, 0, 0, 0.8) !important;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;

    }

    .Modal .TableModal {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.5px;
        margin-bottom: 0 !important;
    }

    .Modal .TableModal .HeaderTable {
        background-color: var(--corGeral);
        color: white;
    }

    .Modal .TableModal .HeaderTable th {
        border: 0px solid white !important;
        background-color: var(--corGeral);
    }


    .Modal .TableModal th {
        padding: 20px !important;
        font-weight: 400 !important;
        font-size: 16px;
    }

    .Modal .TableModal th,
    .Modal .TableModal td {
        vertical-align: middle !important;
        border: 0px solid #00a5c9;
        border-bottom: 1px solid #00a5c9;
    }


    .Modal .TableModal .IconTable {
        width: 40px;
        height: auto;
        display: block;
    }

    .Modal .TableModal tbody tr:nth-of-type(odd) {
        background-color: rgba(0, 0, 0, 0.04) !important;
    }

    .Modal .TableModal tbody tr:nth-of-type(even) {
        background-color: rgba(0, 0, 0, 0.02) !important;
    }

    .Modal .TableModal .form-group {
        margin-bottom: 0 !important;
    }

    .Modal .TableModal .custom-select {
        height: 40px !important;
    }

    .Modal .TableModal .custom-select-trigger {
        height: 40px !important;
        padding: 6px 0 0 15px !important;
        line-height: 30px;
    }






    .Conteudo .CardDashboard {
        height: auto;
        border-radius: 12px;
        border: 1px solid rgba(0, 0, 0, 0.0);
        margin: 0 0 40px 0;
        padding: 40px;
        overflow: visible;
        background: white;
        -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.05);

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Conteudo .CardDashboard:hover {
        -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.12);
        -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.12);
        box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.12);

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Conteudo .CardDashboard .CardHeader {
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
        padding: 0 0 15px 0;
    }

    .Conteudo .CardDashboard .CardChart {
        background: white;
    }





    .Conteudo .owl-theme .owl-nav {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        height: 40px;
        margin-top: -15px;
        text-align: center;
        pointer-events: none;
    }

    .Conteudo .owl-theme .owl-nav .owl-prev,
    .Conteudo .owl-theme .owl-nav .owl-next {
        text-indent: -9999px;
        display: inline-block;
        width: 25px;
        height: 25px;
        opacity: 1;
        position: relative;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        border-radius: 100%;
    }

    .Conteudo .owl-theme .owl-nav .owl-prev {
        float: left;
        margin: 0 0 0 -20px;
        background: transparent !important;
        pointer-events: none;
    }


    .Conteudo .owl-theme .owl-nav .owl-next {
        float: right;
        margin: 0 -20px 0 0;
        background: transparent !important;
        pointer-events: none;
    }

    .Conteudo .owl-theme .owl-nav .owl-prev:before {
        content: "";
        color: #fff;
        width: 25px;
        height: 25px;
        position: absolute;
        top: 0;
        left: 0;
        float: left;
        text-align: center;
        text-indent: 0;
        line-height: 50px;
        margin-top: -2px;
        margin-left: -2px;
        background: url("../svg/Left.svg") center center no-repeat;
        pointer-events: auto;
    }

    .Conteudo .owl-theme .owl-nav .owl-next:before {
        content: '';
        width: 25px;
        height: 25px;
        position: absolute;
        top: 0;
        right: 0;
        float: right;
        text-align: center;
        text-indent: 0;
        margin-top: -2px;
        margin-right: -2px;
        background: url("../svg/Right.svg") center center no-repeat;
        pointer-events: auto;
    }

    .Conteudo .owl-carousel .owl-nav button.owl-next,
    .Conteudo .owl-carousel .owl-nav button.owl-prev,
    .Conteudo .owl-carousel button.owl-dot {
        border: none;
        outline: none;
    }


    .Conteudo .owl-theme .owl-dots,
    .owl-theme .owl-nav {
        margin-top: 20px;
    }

    .Conteudo .owl-dots {
        text-align: center;
    }

    .Conteudo .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        border-radius: 100%;
        margin: 5px 7px;
        background: var(--corGeral);
        display: block;
        opacity: 0.5;
    }

    .Conteudo .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
        background: var(--corGeral) !important;
        opacity: 1;
    }






    .DivChat {
        position: fixed;
        top: 0;
        right: 0;
        width: 80px;
        height: 80px;
        margin: 110px 5px 0 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 50;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Recua_DivChat {
        margin: 80px 5px 0 0 !important;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .DivChat .IconeChat {
        width: 65px;
        height: auto;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .DivChat .IconeChat:hover {
        width: 70px;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .Calendario {
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        margin: 5px -2px 0 0;
        background: rgba(0, 0, 0, 0.0);
        border-radius: 100%;
    }

    .deletarCarrinho .IconTable {
        width: 32px;
    }