* {
    font-family: 'Oxygen', sans-serif;
}

h1, h2, h3, h4, h5 {
    font-family: 'Kanit', sans-serif;
}

.no-scroll {
   overflow: auto;
}
.bg-FAFAFA {
    background: #FAFAFA;
}

#login {
    padding: 20px 25px;
    background: #fafafa;
}

h1#titulo-aceite-termos {
   margin-left: 70.8pt;
   line-height: 120%;
   text-indent: 0;
   font-size: 32px;
   margin-bottom: 30px;
}
.box-de-acordo {
border: 1px solid #ccc;
padding: 10px 10px 2px;
border-radius: 15px;
margin-top: 10px;
}

#login-box {
    height: calc(100vh - 40px) !important;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    max-width: 430px;
    max-width: 30vw;
    margin-left: 10vw;
}

#login.cadastro #login-box {
    height: calc(100vh - 40px) !important;
    display: block;
    max-width: 430px;
    max-width: 30vw;
    margin-left: 10vw;
}

#grou-login-hero {
    background: url(../images/login-hero.svg) no-repeat center;
    background-size: cover;
}

    #grou-login-hero.modulo-adm {
        background: url(../images/login-hero-grou.svg) no-repeat center;
        background-size: cover;
    }

#login.cadastro #grou-login-hero {
    background: url(../images/login-hero.svg) no-repeat center;
    background-size: cover;
    position: sticky;
    top: 20px;
}


#login h1 {
    font-size: 31px;
    line-height: 130%;
    color: #111111;
    margin: 30px 0 20px;
}

#login p {
    font-size: 15px;
    line-height: 24px;
    color: #111111;
}

#login form {
    margin-top: 10px;
    width: 100%;
}

#login label {
    font-size: 15px;
    line-height: 20px;
    color: #111111;
    font-weight: 700;
    margin-bottom: 5px;
}
#login label.cr {
   display: inline;
}

#login input[type=submit] {
    padding: 8px 60px;
    width: 175px;
    height: 44px;
    background: #1C39DB;
    border-radius: 12px;
    border: none;
    box-shadow: none;
    color: white;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    float: right;
    transition: all 0.3s;
}

#login button[type=submit] {
    padding: 8px 0;
    width: 175px;
    height: 44px;
    background: #1C39DB;
    border-radius: 12px;
    border: none;
    box-shadow: none;
    color: white;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    float: right;
    transition: all 0.3s;
    text-align: center;
}

#login [type=checkbox] {
    margin: 0;
}

#login.cadastro .botao-cancelar {
    padding: 0;
    width: 175px;
    height: 44px;
    background: #FF4953;
    border-radius: 12px;
    border: none;
    box-shadow: none;
    color: white;
    font-weight: 400;
    font-size: 15px;
    cursor: pointer;
    float: left;
    transition: all 0.3s;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#login .input-cadastro {
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 12px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    box-shadow: none;
    display: block;
    width: 100%;
    font-size: 15px;
}

#login.cadastro textarea {
    height: 80px;
    background: #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 12px;
    box-shadow: none;
    width: 100%;
    resize: none;
    padding: 15px;
    font-size: 15px;
}

#login.cadastro [type=file] {
    width: 100%;
    font-size: 15px;
}

#envia-foto {
    padding-top: 9px;
}

#login button[type=submit]:hover, #login input[type=submit]:hover {
    background: green;
}

#login .link-cadastro {
    text-align: center;
    margin-top: 20px;
}

    #login .link-cadastro p {
        font-weight: 400;
        font-size: 12px;
        color: #111111;
        margin: 0;
        padding: 0;
    }

    #login .link-cadastro button {
        font-weight: 400;
        font-size: 12px;
        color: #111111;
        margin: 0;
        padding: 0;
        height: auto;
        text-decoration: underline;
        transition: all 0.3s;
    }

        #login .link-cadastro button:hover {
            color: #1C39DB;
        }

button {
    cursor: pointer;
    transition: all 0.3s;
}

    button.esqueci-senha:hover {
        text-decoration: underline;
        color: #1C39DB;
    }

.container-radio-botoes .rz-radio-button-list-horizontal {
    display: flex;
    justify-content: space-between;
}

.container-selecoes-radio-checkbox .rz-radio-button-list-horizontal .rz-radiobutton {
    display: inline-flex;
}
.container-selecoes-radio-checkbox .rz-radio-button-list-horizontal .rz-radio-btn {
    height: 44px;
}

    .container-radio-botoes .rz-radio-button-list-horizontal .rz-radio-btn {
        display: inline-flex;
        align-items: center;
        border-radius: 10px;
        padding: 8px 15px;
        margin-bottom: 0;
        height: 44px;
        background: #FFFFFF;
        border: 1px solid #DADADA;
        margin-right: 0;
        border-top-right-radius: 12px;
        transition: all 0.3s;
        width: calc(33.33333% - 1.58rem);
    }

        .container-radio-botoes .rz-radio-button-list-horizontal .rz-radio-btn.ativo {
            border-color: #1C39DB;
        }

#login .input-group-label {
    height: 44px;
    background: #fcfcfc;
    border: 1px solid #DADADA;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    /* border-right: 0; */
    box-shadow: none;
}

#login .i {
    color: #4E4E4E;
}

#login .input-group {
    position: relative;
}

    #login .input-group .validation-message {
        position: absolute;
        right: 15px;
        color: red;
        font-weight: bold;
        font-size: 12px;
        margin-top: 45px;
    }

#login .input-group-field.invalid {
    background: rgb(255 240 240);
}

#login .input-group-field {
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #DADADA;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    border-left: 0;
    box-shadow: none;
    width: 100%;
    padding: 0 15px;
}

#grou-login-hero {
    border-radius: 32px;
}

#login .esqueci-senha {
    font-weight: 400;
    font-size: 12px;
    color: #111111;
    height: 44px;
    display: inline-flex;
    margin: 0;
    padding: 0;
    align-items: center;
}
#login .novo-catastro-login {
   color: #1C39DB;
   font-weight: bold;
   transition: all 0.3s;
}
#login .novo-catastro-login:hover {
   text-decoration: underline;
}

#login .footer-login {
    margin-top: 25px;
}





#grou-b2b {
    width: calc(100vw - 10vw);
    margin: 0 auto;
    padding-top: 80px;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

    #grou-b2b .input-group {
        position: relative;
        margin-bottom: 20px;
    }

    #grou-b2b #header {
        height: 80px;
        width: calc(100vw);
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: fixed;
        background-color: #f5f5f3;
        top: 0;
        left: 0;
        padding: 0 5vw;
        z-index: 999;
    }

        #grou-b2b #header #logo-grou {
            height: 54px;
        }

    #grou-b2b #menu {
        height: 120px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0;
    }

.modulo-administrativo-menu {
    color: #111111;
    font-weight: 400;
    font-size: 16px;
    display: inline-block;
    margin-left: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 5px 10px;
    background: white;
}

#login-box .modulo-administrativo-menu {
   display: none;
}


#politica-grou {
    padding: 60px;
}
#politica-grou h1 {
    margin-bottom: 20px;
}
#politica-grou li {
    margin-bottom: 5px;
}
.politica-grou-logo {
    margin-bottom: 30px;
}

#grou-b2b #menu li {
    display: inline-block;
    margin: 0 10px;
}

#grou-b2b #menu a {
    font-size: 16px;
    /*	transition: all 0.3s;*/
    color: #111111;
    letter-spacing: 0px;
    transition: text-shadow .3s;
    padding: 10px 0;
}

    #grou-b2b #menu a:hover {
        text-shadow: 0 0 .5px #1C39DB, 0 0 .5px #1C39DB;
        color: #1C39DB;
    }

#grou-b2b #menu li a.perfil {
    background: #fafafa;
    border-radius: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    padding: 4px 8px 4px 12px;
    font-size: 12px;
    min-width: 160px;
    border: 1px solid #ccc;
}

    #grou-b2b #menu li a.perfil img.seta-menu {
        display: inline-block;
        margin-right: 5px;
    }

    #grou-b2b #menu li a.perfil img.avatar {
        max-height: 27px;
        border: 2px solid #27AE60;
        border-radius: 50%;
        background: white;
        display: inline-block;
        margin-left: 5px;
    }

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    border-radius: 18px;
    border: none;
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
    background: #f1f1f1;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border: none;
    padding: 10px 0;
    border-top: 1px solid #f1f1f1;
    margin-top: 18px;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    display: none;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
    padding-right: 4px;
}

.dropdown.menu > li > a {
    padding: 4px;
}

#grou-b2b #conteudo {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
}

    #grou-b2b #conteudo h1 {
        font-size: 32px;
        color: #111111;
        margin-top: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #grou-b2b #conteudo h4 {
        margin: 20px 0 0px;
        font-size: 25px;
    }

#grou-b2b .cadastro-grou {
    background: #F5F5FA;
    /* background: #EDEDF3; */
    border-radius: 19px;
    margin-top: 0;
    padding: 35px;
    margin-bottom: 0;
}

    #grou-b2b .cadastro-grou.cadastro-produto {
        padding: 35px 35px 10px 35px;
    }



    #grou-b2b .cadastro-grou h2 {
        font-family: 'Oxygen';
        font-weight: 400;
        font-size: 24px;
        color: #111111;
        margin-bottom: 25px;
    }

    #grou-b2b .cadastro-grou h3 {
        font-family: 'Oxygen';
        font-weight: 400;
        font-size: 22px;
        color: #111111;
        margin-bottom: 20px;
    }

    #grou-b2b .cadastro-grou .box-input {
        height: 44px;
        background: #FFFFFF;
        border: 1px solid #E6E6E6;
        border-radius: 16px;
        padding: 0 16px;
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

    #grou-b2b .cadastro-grou select {
        height: 44px;
        border: 1px solid #E6E6E6;
        border-radius: 12px;
        padding: 0 16px;
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        background-image: url(../images/seta-select.svg);
        background-position: right 12px center;
        background-size: 16px;
        background-repeat: no-repeat;
        background-size: 16px;
    }
    
    
    
    

    #grou-b2b .cadastro-grou .input-group select {
        height: 44px;
        border: 1px solid #E6E6E6;
        border-radius: 16px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        padding: 0 16px;
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        background-image: url(../images/seta-select.svg);
        background-position: right 12px center;
        background-size: 16px;
        background-repeat: no-repeat;
        background-size: 16px;
    }


    #grou-b2b .cadastro-grou label {
        font-size: 15px;
        line-height: auto;
        color: #111111;
    }

    #grou-b2b .cadastro-grou [type=checkbox] + label, #grou-b2b .cadastro-grou [type=radio] + label {
        display: inline-block;
        vertical-align: baseline;
        margin-left: 2px;
        margin-right: 12px;
        margin-bottom: 0;
        line-height: 16px !important;
    }

    #grou-b2b .cadastro-grou input[type=radio] {
        border: 0px;
        width: 20px;
        height: 20px;
        margin: 0;
    }

    #grou-b2b .cadastro-grou input[type=checkbox] {
        border: 0px;
        zoom: 1.6;
        margin: 0;
        box-shadow: none;
    }

    #grou-b2b .cadastro-grou .informativo-label, .informativo-label {
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border: 1px solid #E6E6E6;
        border-radius: 12px;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 15px;
        padding: 0 15px;
        box-shadow: none;
        background: white;
    }

        .informativo-label input[type=checkbox] {
            margin-bottom: 0;
        }

    #grou-b2b .cadastro-grou input[type=text] {
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border: 1px solid #E6E6E6;
        border-radius: 12px;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 15px;
        padding: 0 15px;
        box-shadow: none;
    }

    #grou-b2b .cadastro-grou input[type=number] {
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border: 1px solid #E6E6E6;
        border-radius: 12px;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 15px;
        padding: 0 15px;
        box-shadow: none;
    }

    #grou-b2b .cadastro-grou input[type=password] {
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border: 1px solid #E6E6E6;
        border-radius: 12px;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 15px;
        padding: 0 15px;
        box-shadow: none;
    }

    #grou-b2b .cadastro-grou input.valid {
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border: 1px solid #E6E6E6;
        border-radius: 12px;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 15px;
        padding: 0 15px;
        box-shadow: none;
    }

    #grou-b2b .cadastro-grou .rz-checkbox-list-horizontal, .container-radio-cadastro {
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border: 1px solid #E6E6E6;
        border-radius: 12px;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 15px;
        padding: 0 15px;
        box-shadow: none;
        background: white;
    }

    #grou-b2b .cadastro-grou .rz-textbox, .rz-dialog-content input[type=text] {
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border: 1px solid #E6E6E6;
        border-radius: 12px;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 15px;
        padding: 0 15px;
        box-shadow: none;
    }

    #grou-b2b .cadastro-grou .container-selecoes-radio-checkbox {
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border: 1px solid #E6E6E6;
        border-radius: 12px;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 15px;
        padding: 0 15px;
        box-shadow: none;
        background: white;
    }

.rz-dialog-content select {
    height: 44px;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    background-image: url(../images/seta-select.svg);
    background-position: right 12px center;
    background-size: 16px;
    background-repeat: no-repeat;
    background-size: 16px;
}

#grou-b2b input:disabled, #grou-b2b input[readonly], #grou-b2b textarea:disabled, #grou-b2b textarea[readonly], #grou-b2b .rz-state-disabled:not(.rz-chkbox-box):not(.rz-calendar):not(.rz-steps-item ):not(.rz-radiobutton-box):not(.rz-radio-button-list-horizontal), .rz-dialog-content input[type=text][disabled] {
    background-image: url(../images/input-bloqueado.png);
    background-color: #f7f7fa !important;
    cursor: not-allowed;
    border: 1px solid #aaa !important;
    color: #0a0a0a !important;
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: right 8px center;
}

#grou-b2b .cadastro-grou .container-bloqueio-datas .rz-inputtext {
    background-image: none;
    background-color: transparent !important;
    height: auto !important;
    border: 0 !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    height: 44px !important;
}


#grou-b2b .rz-state-disabled button {
    display: none;
}

#grou-b2b .cadastro-grou .input-arquivo {
    cursor: pointer;
    margin-bottom: 25px;
}

    #grou-b2b .cadastro-grou .input-arquivo img {
        height: 120px;
    }

#grou-b2b .input-group-label {
    height: 44px;
    background: #FAFAFF;
    border: 1px solid #DADADA;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    /* border-right: 0; */
    box-shadow: none;
    font-size: 13px;
    padding-right: 0;
}

#grou-b2b .input-group label.input-group-field {
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #DADADA;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-left: 0;
    box-shadow: none;
    width: 100%;
    font-size: 15px;
    display: flex;
    align-items: center;
    padding: 0 15px;
}

#grou-b2b .i {
    color: #4E4E4E;
}

#grou-b2b #seletor-oculto-veiculo {
    display: none;
}

#grou-b2b .input-group-field {
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #DADADA;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-left: 0;
    box-shadow: none;
    width: 100%;
    font-size: 15px;
    padding: 0 15px;
}

#grou-b2b .input-cadastro {
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 12px;
    box-shadow: none;
    width: 100%;
    font-size: 15px;
    padding: 0 15px;
}

#grou-b2b label {
    padding: 0 10px;
}

#grou-b2b .input-group label {
    padding: 0;
}

#grou-b2b .seletor-dias label {
    padding: 0;
    margin: 0 25px 0 7px;
    position: relative;
}

#grou-b2b .rz-radio-button-list-horizontal label {
    padding: 0;
    line-height: 110%;
}


#grou-b2b textarea {
    height: 150px;
    background: #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 12px;
    box-shadow: none;
    width: 100%;
    resize: none;
    padding: 15px;
    font-size: 15px;
}

    #grou-b2b textarea.textarea-pequeno {
        height: 80px
    }

    #grou-b2b textarea.textarea-medio {
        height: 160px
    }

    #grou-b2b textarea.textarea-grande {
        height: 350px
    }

#grou-b2b .divisor {
    background: transparent;
    width: 1px;
    height: 18px;
    display: inline-block;
    opacity: 0.5;
    margin-left: 11px;
}

#grou-b2b .box-input .divisor {
    margin-right: 0;
}

#grou-b2b .seletor-dias {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    position: relative;
}

#grou-b2b table .seletor-dias {
    margin-bottom: 0;
}

#grou-b2b input[type=submit] {
    width: 100%;
    height: 44px;
    background: #1C39DB;
    border-radius: 12px;
    border: none;
    box-shadow: none;
    color: white;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    float: right;
    display: inline-block;
}

#grou-b2b .invalid {
    margin-bottom: 25px !important;
}

#grou-b2b .container-radio-cadastro .invalid {
    margin-bottom: 0 !important;
}

.container-botoes-cadastro {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#grou-b2b button[type=submit] {
    padding: 8px 60px;
    width: 175px;
    height: 44px;
    background: #1C39DB;
    border-radius: 12px;
    border: none;
    box-shadow: none;
    color: white;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    float: right;
    transition: all 0.3s;
    margin-top: 10px;
    margin-left: 15px;
}

#grou-b2b button:hover {
    opacity: 0.8;
}

#grou-b2b button.botao-verde, #grou-b2b a.botao-verde {
    padding: 8px 60px;
    /*width: 175px;*/
    height: 44px;
    background: #27AE60;
    border-radius: 12px;
    border: none;
    box-shadow: none;
    color: white;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 10px;
    margin-left: 15px;
}

#grou-b2b .venda-sucesso .botao-verde {
    margin-top: -100px;
    margin-bottom: 10px;
    display: inline-block;
    cursor: pointer;
    z-index: 999;
}

    #grou-b2b .venda-sucesso .botao-verde:hover {
        opacity: 0.8;
    }

#grou-b2b button.botao-vermelho {
    padding: 8px 60px;
    /*width: 175px;*/
    height: 44px;
    background: #FF4953;
    border-radius: 12px;
    border: none;
    box-shadow: none;
    color: white;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 10px;
    margin-left: 15px;
}

#grou-b2b button.botao-azul {
    padding: 8px 60px;
    /*width: 175px;*/
    height: 44px;
    background: #1C39DB;
    border-radius: 12px;
    border: none;
    box-shadow: none;
    color: white;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 10px;
    margin-left: 15px;
}

#grou-b2b button.botao-laranja, #grou-b2b a.botao-laranja {
    padding: 8px 30px;
    width: auto;
    height: 44px;
    background: #ffa749;
    border-radius: 12px;
    border: none;
    box-shadow: none;
    color: white;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 10px;
    margin-left: 15px;
}
#grou-b2b a.botao-pagar-depois {
    display: block;
    border-radius: 22px;
    margin: 15px 20px;
    text-align: center;
}

#grou-b2b tbody {
    border: none;
    background-color: #ffffff;
}

#grou-b2b thead {
    background-color: #f2f2f2;
}

#grou-b2b td {
    padding: 5px 25px;
    color: #111111;
    font-family: 'Oxygen', sans-serif;
    border-bottom: 1px solid #eaeaea;
    background: #ffffff;
    font-size: 15px;
}

#grou-b2b .sem-registro {
    border-bottom: 0px;
}

#grou-b2b th {
    padding: 10px 25px;
    color: #111111;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Kanit', sans-serif;
}

#grou-b2b tbody tr:nth-child(even) td {
    background-color: #fafafa;
}

#grou-b2b .rodape-form {
    display: block;
    width: 100%;
}

#grou-b2b .tag-tipo {
    color: #0F217C;
    font-size: 12px;
}

    #grou-b2b .tag-tipo i {
        font-size: 12px;
        display: inline-block;
        margin-right: 4px;
    }

#grou-b2b .tag-categoria {
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    color: #0F217C;
    border: 1px solid #FF9723;
    border-radius: 32px;
    height: 32px;
    padding: 0 15px;
}

#filtro-lista {
    background: #1C39DB;
    border-radius: 40px;
    padding: 20px 40px 10px;
    margin: 40px auto;
}

    #filtro-lista h3 {
        font-family: 'Oxygen';
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        color: #FFFFFF;
        margin-bottom: 15px;
    }

#grou-b2b #conteudo h2 {
    font-size: 24px;
    color: #111111;
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 400;
    margin-bottom: 25px;
}

#grou-b2b #conteudo .cadastro-produto h2 {
    font-size: 21px;
    color: white;
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    background: linear-gradient(270deg, #1C39DB 0%, #1F35A6 97.64%);
    border: 1px solid #1C39DB;
    border-radius: 8px;
    padding: 10px 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.container-grupo-cadastro {
    padding: 20px;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 35px;
    background-color: white;
}

.clear {
    clear: both;
    display: block;
    width: 100%;
}

#grou-b2b #filtro-lista .box-input {
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

#grou-b2b #filtro-lista input[type=text], .container-grupo-cadastro input {
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
}

#grou-b2b #filtro-lista select {
    height: 44px;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    background-image: url(../images/seta-select.svg);
    background-position: right 0rem center;
    background-size: 16px;
}

#grou-b2b #filtro-lista input[type=radio] {
    border: 0px;
    width: 20px;
    height: 20px;
    margin: 0;
}

#grou-b2b #filtro-lista input[type=checkbox] {
    border: 0px;
    zoom: 1.6;
    margin: 0;
    box-shadow: none;
}

#grou-b2b #filtro-lista input[type=submit] {
    background: #27AE60;
}

#grou-b2b #filtro-lista button {
    width: 100%;
    height: 44px;
    background: #27AE60;
    border-radius: 12px;
    border: none;
    box-shadow: none;
    color: white;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    float: right;
    display: inline-block;
    transition: all 0.3s;
}

    #grou-b2b #filtro-lista button:hover {
        opacity: 0.8;
    }

#grou-b2b .grid-margin-x {
    position: relative;
}

#grou-b2b .validation-message {
    position: absolute;
    right: 15px;
    color: red;
    font-weight: 300;
    font-size: 10px;
    margin-top: -25px;
    text-align: right;
    line-height: 110%;
}

#grou-b2b .seletor-dias .validation-message {
    position: absolute;
    right: 15px;
    color: red;
    font-weight: 300;
    font-size: 10px;
    margin-top: 60px;
}

#grou-b2b .input-group .seletor-dias .validation-message {
    position: absolute;
    right: 15px;
    color: red;
    font-weight: 300;
    font-size: 10px;
    margin-top: 60px;
}

#grou-b2b .input-group .validation-message, #login-box .validation-message {
    position: absolute;
    right: 15px;
    color: red;
    font-weight: 300;
    font-size: 10px;
    margin-top: 45px;
}

#login-box .form-cadastro-grou {
    position: relative;
}

    #login-box .form-cadastro-grou .validation-message {
        margin-top: -15px;
    }

    #login-box .form-cadastro-grou .campo-textarea .validation-message {
        margin-top: -15px;
    }

#grou-b2b .grid-margin-x > .cell {
    position: relative;
}

.has-tip {
    position: relative;
    display: inline-block;
    border-bottom: none;
    font-weight: 400;
    cursor: pointer;
}

.container-acao a {
    background: #1C39DB;
    color: white;
    border-radius: 10px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

    .container-acao a.botao-visualizar:hover {
        background: #27AE60;
    }

    .container-acao a.botao-editar:hover {
        background: #FF9723;
    }

    .container-acao a.botao-apagar:hover {
        background: #FF4953;
    }
    .container-acao a.botao-nova-venda:hover {
        background: #27AE60;
    }
    


#footer-b2b {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
}

    #footer-b2b .divisor-rodape {
        display: inline-block;
        height: 24px;
        width: 1px;
        background: #111111;
        margin: 5px 15px -5px;
    }

    #footer-b2b .rodape img {
        display: inline-block;
        margin-right: 10px;
    }

    #footer-b2b .rodape {
        background: #f5f5F3;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        border-radius: 16px;
        margin: 30px auto;
    }

    #footer-b2b p {
        font-family: 'Oxygen';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        color: #111111;
        display: inline-block;
        margin: 0;
        line-height: 24px;
    }

.loading-progress {
    position: relative;
    display: block;
    width: 8rem;
    height: 8rem;
    margin: 20vh auto 1rem auto;
}

    .loading-progress circle {
        fill: none;
        stroke: #e0e0e0;
        stroke-width: 0.6rem;
        transform-origin: 50% 50%;
        transform: rotate(-90deg);
    }

        .loading-progress circle:last-child {
            stroke: #1C39DB;
            stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
            transition: stroke-dasharray 0.05s ease-in-out;
        }

.loading-progress-text {
    position: absolute;
    text-align: center;
    font-weight: bold;
    inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}

    .loading-progress-text:after {
        content: var(--blazor-load-percentage-text, "Carregando");
    }
/* .rz-dialog-wrapper {
	z-index: 99999 !important;
} */
.rz-dialog {
    border-radius: 30px !important;
    /* z-index: 99999 !important; */
}

    .rz-dialog.dialog-servicos {
        min-width: 1024px !important;
    }

.rz-dialog-titlebar {
    background: linear-gradient(270deg, #1C39DB 0%, #1F35A6 97.64%);
    padding-bottom: 20px !important;
}

.rz-dialog-title {
    color: white !important;
    font-weight: 700;
}

.rz-dialog-titlebar-close .rzi-times {
    color: white !important;
}

.rz-spinner {
    display: flex !important;
    border: 0 !important;
    height: 40px !important;
    margin-bottom: 3px;
}

    .rz-spinner button {
        border: 3px solid #1C39DB;
        width: 60px;
        height: 40px;
        color: #1C39DB;
        font-size: 28px;
        font-weight: bold;
        transition: all 0.3s;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .rz-spinner button:hover {
            background: #FF9723;
            color: white;
        }

        .rz-spinner button:first-child {
            border-top-left-radius: 50px;
            border-bottom-left-radius: 50px;
        }

        .rz-spinner button:last-child {
            border-top-right-radius: 50px;
            border-bottom-right-radius: 50px;
        }

    .rz-spinner:not(.spinner-adm) input[type='number'], .rz-spinner:not(.spinner-adm) input[type='text'] {
        background: #1C39DB !important;
        color: white !important;
        text-align: center !important;
        width: 50px !important;
        height: 40px !important;
        font-size: 21px !important;
        padding: 0 !important;
        margin-top: 0;
        margin-bottom: 0;
        border-radius: 0;
    }

#grou-b2b .cadastro-grou .spinner-adm
 {
    display: inline-block;
    position: relative;
    padding: 0px;
    border-radius: 12px !important;
    height: 37px !important;
    margin-top: 2px;
    position: absolute;
    width: 100%;
    z-index: 0;
}
#grou-b2b .cadastro-grou .spinner-adm .rz-spinner-input
 {
    border: none;
    margin: 0 !important;
    height: 40px;
}
.rz-dialog-content button.botao-vermelho {
    padding: 0;
    height: 40px;
    background: #FF4953;
    border-radius: 50%;
    border: none;
    box-shadow: none;
    color: white;
    font-weight: 700;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 6px;
    margin-left: 0;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
}

.rz-dialog-content button.botao-verde.adicionar-quarto {
    padding: 0;
    height: 44px;
    background: #27AE60;
    border-radius: 12px;
    border: none;
    box-shadow: none;
    color: white;
    font-weight: 400;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 6px;
    margin-left: 0;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 40px);
    margin: 0 20px;
}

.info-capacidade {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E6E6E6;
    border-radius: 12px;
}

.container-descricao-servico {
    padding: 20px 20px 0;
    margin-bottom: 20px;
}

.dialog-servicos .rz-dialog-content {
    padding: 0 !important;
    overflow-x: hidden;
}

.container-quantidade {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 20px;
}

.descricao-servico {
    font-size: 15px;
    max-height: 172px;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
    padding: 15px;
    /* border: 1px solid #DADADA;
	border-radius: 20px; */
}

    .descricao-servico::-webkit-scrollbar {
        width: 16px;
    }

    .descricao-servico::-webkit-scrollbar-track {
        background-color: #ccc;
        border-radius: 100px;
    }

    .descricao-servico::-webkit-scrollbar-thumb {
        background-color: #1C39DB;
        border-radius: 100px;
    }



.rz-dialog-content {
    overflow: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
    padding-right: 15px;
}

    .rz-dialog-content .rz-dropdown {
    height: 44px;
    border: 1px solid #E6E6E6;
    border-radius: 12px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    background-image: url(../images/seta-select.svg);
    background-position: right 12px center;
    background-size: 16px;
    background-repeat: no-repeat;
    background-size: 16px;
    margin-top: 5px;
}    
.rz-dialog-content .rzi-chevron-down {
   display: none;
}
.rz-dialog-content .rz-dropdown-label {
    width: 100%;
   height: 44px;
   align-items: center;
   display: flex;
}

    .rz-dialog-content::-webkit-scrollbar {
        width: 16px;
    }

    .rz-dialog-content::-webkit-scrollbar-track {
        background-color: #ccc;
        border-radius: 0;
    }

    .rz-dialog-content::-webkit-scrollbar-thumb {
        background-color: #1C39DB;
        border-radius: 0;
    }


.container-quantidade .titulo-quantidade {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-size: 15px;
}

.container-quantidade img {
    max-height: 20px;
    display: inline-block;
    margin-right: 5px;
}

.container-comissao {
    background: #f1f1f1;
    border-top-left-radius: 20px;
    padding: 10px 25px 15px;
}

.rodape-servicos {
    margin-top: 20px;
    position: sticky;
    bottom: 0;
    background: white;
}

    .rodape-servicos .container-botoes {
        background: #f1f1f1;
        margin-top: 0;
        padding: 15px 20px 15px 0;
    }

        .rodape-servicos .container-botoes button.salvar {
            border: 2px solid #27AE60;
            padding: 8px 20px;
            border-radius: 20px;
            transition: all 0.3s;
            background: #27AE60;
            color: white;
            transition: all 0.3s;
        }

            .rodape-servicos .container-botoes button.salvar:hover {
                opacity: 0.9;
            }

.container-valor-a-pagar {
    background: #f1f1f1;
    padding: 10px 5px;
    text-align: right;
}

.titulo-rodape-servico {
    display: block;
    font-size: 15px;
    margin: 0;
}

.valor-comissao {
    font-size: 17px;
    line-height: 100%;
    display: inline-flex;
    margin-left: 10px;
    border: 1px solid #DADADA;
    padding: 7px 5px;
    font-weight: 600;
    border-radius: 20px;
    border-radius: 15px;
    background: white;
    width: 90px;
    text-align: center;
    margin-left: 15px;
    align-items: center;
    justify-content: center;
}

.container-valores-servicos {
    position: sticky;
    top: 20px;
}

.valor-servico {
    font-size: 28px;
    line-height: 100%;
    font-weight: bold;
    display: block;
}

    .valor-servico small {
        font-size: 21px;
        font-weight: 400;
    }

.valor-servico.valor-cortado {
     font-size: 18px;
     line-height: 100%;
     font-weight: bold;
     display: inline-block;
     color: red;
     margin-right: 3px;
     position: relative;
     
 }
 .valor-servico.valor-cortado:before {
   position: absolute;
   content: "";
   left: 0;
   top: 50%;
   right: 0;
   border-top: 1px solid;
   border-color: inherit;
   
   -webkit-transform:rotate(-5deg);
   -moz-transform:rotate(-5deg);
   -ms-transform:rotate(-5deg);
   -o-transform:rotate(-5deg);
   transform:rotate(-5deg);
 }
 .valor-servico.valor-cortado small {
      font-size: 14px;
      font-weight: 400;
  }
 .valor-servico.valor-com-desconto {
      font-size: 26px;
      line-height: 100%;
      font-weight: bold;
      display: inline-block;
  }
  .valor-servico.valor-valor-com-desconto small {
       font-size: 16px;
       font-weight: 400;
   } 

.slider-container {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.container-seletores-servico {
    padding: 0 20px;
}

    .container-seletores-servico select {
        height: 44px;
        border: 1px solid #E6E6E6;
        border-left: 1px solid #E6E6E6;
        border-radius: 12px;
        padding: 0 16px;
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        background-image: url(../images/seta-select.svg);
        background-position: right 12px center;
        background-size: 16px;
        background-repeat: no-repeat;
        background-size: 16px;
    }

    .container-seletores-servico .rz-calendar .rz-inputtext {
        height: 44px;
        border: 1px solid #E6E6E6;
        border-left: 1px solid #E6E6E6;
        border-radius: 12px;
        padding: 0 16px;
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        width: 100%;
    }

.container-bloqueio-datas .rz-calendar.rz-state-disabled .rz-inputtext {
    border: none !important;
}

.container-bloqueio-datas .rz-calendar.rz-state-disabled .rz-datepicker-trigger .rzi-calendar {
    opacity: 0.6 !important;
}

#grou-b2b .container-bloqueio-datas .rz-calendar.rz-state-disabled button {
    opacity: 1;
}

.datepicker {
    display: block !important;
}

.rz-datepicker-trigger .rzi-calendar:before {
    color: #1C39DB;
}

.rz-datepicker-trigger {
    top: 27px !important;
}

.rz-datepicker-calendar td a.rz-state-default, .rz-datepicker-calendar td span.rz-state-default, .rz-datepicker-calendar th a.rz-state-default, .rz-datepicker-calendar th span.rz-state-default {
    height: 15px !important;
}

.rz-dialog-content .rz-textbox {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid #E6E6E6;
    border-radius: 12px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 0 15px;
    box-shadow: none;
}

.container-seletores-servico select[disabled] {
    background-image: url(../images/input-bloqueado.png);
    background-color: #f7f7fa !important;
    cursor: not-allowed;
    border: 1px solid #aaa !important;
    color: #0a0a0a !important;
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: right 8px center;
}
/* .container-seletores-servico .disabled {
	background-image: url(../images/input-bloqueado.png);
	background-color: #f7f7fa !important;
	cursor: not-allowed;
	border: 1px solid #aaa !important;
	color: #0a0a0a !important;
	background-repeat: no-repeat;
	background-size: 21px;
	background-position: right 8px center;
} */

.container-seletores-servico input:disabled, .container-seletores-servico input[readonly], .container-seletores-servico textarea:disabled, .container-seletores-servico textarea[readonly], .container-seletores-servico .rz-state-disabled:not(.rz-chkbox-box):not(.rz-calendar):not(.rz-steps-item ) {
    background-image: url(../images/input-bloqueado.png);
    background-color: #f7f7fa !important;
    cursor: not-allowed;
    border: 1px solid #aaa !important;
    color: #0a0a0a !important;
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: right 8px center;
    height: 44px;
    border-left: 1px solid #E6E6E6;
    border-radius: 12px;
    width: 100% !important;
}

.container-seletores-servico .rz-state-disabled button {
    display: none;
}

.botao-verde.adicionar-quarto[disabled] {
    display: none !important;
}

.rz-slider.rz-state-disabled {
    display: none;
}
.box-pix-copia {
    height: 95px !important;
    background-image: none !important;
}
.botao-pix {
    width: 100%;
    height: 44px;
    background: #27AE60;
    border-radius: 12px;
    border: none;
    box-shadow: none;
    color: white;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    float: right;
    display: inline-block;
    transition: all 0.3s;
}
.ver-passageiros {
    background: #27AE60;
    display: inline-block;
    color: white;
    padding: 3px 10px;
    border-radius: 15px;
    font-size: 13px;
    font-weight: 600;
    float: left;
    margin-top: 5px;
}

button.adicionar-item {
    border: 2px solid #27AE60;
    padding: 8px 20px;
    border-radius: 20px;
    transition: all 0.3s;
    color: #27AE60;
    font-size: 18px;
}
button.adicionar-item.historico {
    border-radius: 10px;
    margin-top: 28px;
    width: 100%;
}

    button.adicionar-item:hover {
        background: #27AE60;
        color: white;
    }

button.salvar {
    border: 2px solid #27AE60;
    padding: 8px 20px;
    border-radius: 20px;
    transition: all 0.3s;
    color: #27AE60;
}

    button.salvar:hover {
        background: #27AE60;
        color: white;
    }

button.excluir {
    border: 2px solid #FF4953;
    padding: 8px 20px;
    border-radius: 20px;
    transition: all 0.3s;
    color: #FF4953;
}

    button.excluir:hover {
        background: #FF4953;
        color: white;
    }

.container-botoes {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

    .container-botoes button {
        margin-left: 10px;
    }

.input-group-field {
    box-shadow: none;
}

.group-field-flex {
    display: flex;
    align-items: center;
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    justify-content: center;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #1C39DB;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    transition: all 0.3s;
}

    .page-link:hover {
        color: #fff;
        background-color: #1C39DB;
        border-color: #1C39DB;
    }

.page-item.active .page-link {
    color: #fff;
    background-color: #1C39DB;
    border-color: #1C39DB;
}

.pagination .disabled {
    padding: 0;
}

    .pagination .disabled .page-link {
        position: relative;
        display: block;
        padding: .5rem .75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #ccc;
        background-color: #fff;
        border: 1px solid #f1f1f1;
        transition: all 0.3s;
        cursor: default;
    }

.carregando {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 140px;
}

.grou-carregando {
    position: absolute;
    max-width: 120px;
    margin-top: -120px;
}

.tabs-content.vertical {
    border: 0;
    border-left: 0;
}

.tabs-panel {
    padding: 0;
}

.tabs {
    position: sticky;
    top: 95px;
    border: 0;
    background: transparent;
}

.tabs-title > a {
    background: #f1f1f1;
    height: 44px;
    border-radius: 12px;
    border: none;
    box-shadow: none;
    color: #1C39DB;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 15px;
    margin-bottom: 11px;
}

    .tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
        background: #1C39DB;
        height: 44px;
        border-radius: 12px;
        border: none;
        box-shadow: none;
        color: white;
        font-weight: 600;
        font-size: 16px;
        cursor: pointer;
        transition: all 0.3s;
        margin-right: 20px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

.rz-dialog-content .input-group-label {
    height: 44px;
    background: #FAFAFF;
    border: 1px solid #DADADA;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    /* border-right: 0; */
    box-shadow: none;
    font-size: 13px;
    padding-right: 0;
}

.rz-dialog-content .input-group.selecionar-cliente .input-group-label {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #27AE60;
    padding: 0;
    margin-top: 5px;
}

    .rz-dialog-content .input-group.selecionar-cliente .input-group-label button {
        width: 44px;
        color: white;
    }

.rz-dialog-content .input-group label.input-group-field {
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #DADADA;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-left: 0;
    box-shadow: none;
    width: 100%;
    font-size: 15px;
    display: flex;
    align-items: center;
    padding: 0 15px;
}

.rz-dialog-content .input-group-field {
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #DADADA;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-left: 0;
    box-shadow: none;
    width: 100%;
    font-size: 15px;
    padding: 0 15px;
}

.rz-dialog-content .input-group.selecionar-cliente .input-group-field {
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #DADADA;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    border-right: 0;
    border-left: 1px solid #DADADA;
    box-shadow: none;
    width: 100%;
    font-size: 15px;
    padding: 0 15px;
}

/* .rz-dialog-content select.input-group-field  {
	background-image: url(../images/seta-select.svg);
	background-position: right 12px top 17px;
	background-repeat: no-repeat;
	background-size: 16px;
} */

.rz-dialog-content textarea {
    height: 150px;
    background: #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 12px;
    box-shadow: none;
    width: 100%;
    resize: none;
    padding: 15px;
    font-size: 15px;
}

.rz-dialog-content .divisor {
    background: transparent;
    width: 1px;
    height: 18px;
    display: inline-block;
    opacity: 0.5;
    margin-left: 11px;
}

.rz-dialog-content .box-input .divisor {
    margin-right: 0;
}

.rz-dialog-content .grid-margin-x {
    position: relative;
}

.rz-dialog-content .validation-message {
    position: absolute;
    right: 15px;
    color: red;
    font-weight: bold;
    font-size: 12px;
    margin-top: -13px;
}

#grou-b2b .validation-message:nth-of-type(2) {
    margin-top: -10px;
}

#grou-b2b .container-radio-cadastro .validation-message:nth-of-type(2) {
    margin-top: 60px;
}

.rz-dialog-content .validation-message:nth-of-type(2) {
    margin-top: 2px;
}

.rz-dialog-content .input-group .validation-message {
    position: absolute;
    right: 15px;
    color: red;
    font-weight: bold;
    font-size: 12px;
    margin-top: 47px;
}

.rz-dialog-content .invalid {
    margin-bottom: 15px;
}

/* .rz-dialog-content .imagem-modal img {
	border-radius: 20px;
	overflow: hidden;
} */

.rz-dialog-content .imagem-modal {
    height: 180px;
    position: relative;
    background: url(../images/padrao-servico.jpg) no-repeat center center;
    background-size: cover;
    border-radius: 10px;
    overflow: hidden;
}

.rz-dialog-content .foto-modal {
    position: absolute;
    height: 180px;
    width: 100%;
    background-size: cover;
    background-position: center;
}



.rz-dialog-content .grid-margin-x > .cell {
    position: relative;
}

.rz-dialog-content {
    padding-top: 40px;
}

.log-sisare-dialog {
    padding: 30px;
}

.rz-dialog-content .input-group-field .rz-calendar .rz-inputtext {
    border: none !important;
    box-shadow: none !important;
    height: 42px !important;
    margin: 0 !important;
}

.rz-dialog-content p {
    font-size: 15px;
    margin-bottom: 10px;
}

.rz-dialog-title i {
    display: inline-block;
    margin-right: 5px;
}

.rz-datepicker-calendar td .rz-state-active {
    background: #1C39DB !important;
}

.input-arquivo {
    margin-top: 20px;
}

.baixar-documento {
    margin-top: 20px;
    display: inline-block;
    height: 120px;
}

.acesso-negado {
    position: relative;
    z-index: -1;
    display: flex;
    flex-direction: column;
}

    .acesso-negado h5 {
        z-index: 1;
        text-align: center;
    }

    .acesso-negado img {
        max-height: 70vh;
        margin-top: -80px;
        z-index: 0;
        position: relative;
        display: inline-block;
    }

.nao-encontrado {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

    .nao-encontrado h5 {
        z-index: 1;
        text-align: center;
    }

    .nao-encontrado a {
        z-index: 3;
        text-align: center;
    }

    .nao-encontrado img {
        max-height: 70vh;
        margin-top: 80px;
        z-index: 0;
        position: relative;
        display: inline-block;
    }



.bem-vindo {
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 210px);
    align-items: center;
    justify-content: center;
}
    /* .bem-vindo {
	position: relative;
	z-index: 0;
	display: flex;
	flex-direction: column;
} */
    .bem-vindo h5 {
        z-index: 1;
        text-align: center;
        margin-top: 20px;
    }
    /* .bem-vindo img {
	max-height: 70vh;
	margin-top: -20px;
	z-index: 0;
	position: relative;
	display: inline-block;
} */
    .bem-vindo img {
        max-height: calc(100vh - 280px);
        margin-top: 0;
        z-index: 0;
        position: relative;
        display: block;
    }

#grou-b2b #conteudo .imagem-lista {
    height: 180px;
    position: relative;
    background: url(../images/padrao-servico.jpg) no-repeat center center;
    background-size: cover;
}

#grou-b2b #conteudo .foto-lista {
    position: absolute;
    height: 180px;
    width: 100%;
    background-size: cover;
    background-position: center;
}

#grou-b2b #conteudo .lista-servicos .servico-lista {
    transition: all 0.3s;
    border-color: transparent;
    border: none;
    display: block;
    overflow: hidden;
    background: #FAFAFA;
    border-radius: 20px;
    margin-bottom: 30px;
    border-radius: 20px;
}

    #grou-b2b #conteudo .lista-servicos .servico-lista:hover {
        box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);
        transform: scale(1.01);
    }

#grou-b2b #conteudo .lista-servicos .conteudo-lista {
    padding: 20px 25px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #FAFAFA;
}

#grou-b2b #conteudo .lista-servicos .medium-3 {
    overflow: visible;
}
/* #grou-b2b #conteudo .lista-servicos .medium-3:hover {
	box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.25) !important;
	transform: scale(1.02);
} */

#grou-b2b #conteudo .lista-servicos .conteudo-lista h2 {
    margin: 0 0 10px;
    color: #000;
    font-size: 19px;
    font-weight: 400;
    line-height: 130%;
    display: flex;
    align-items: center;
}

#grou-b2b #conteudo .lista-servicos .conteudo-lista p {
    margin: 0;
    color: #111111;
    font-size: 15px;
    font-weight: 400;
    line-height: 130%;
    /* margin-bottom: 35px; */
    margin-bottom: 10px;
}

#grou-b2b #conteudo .lista-servicos button {
    padding: 9px;
    min-width: 123px;
    background-color: #27AE60;
    color: #fff;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5em;
    transition: background-color 350ms ease;
}

#grou-b2b #conteudo .lista-servicos .valor-lista {
    display: block;
    font-size: 13px;
    margin-bottom: 20px;
    font-weight: 300;
}

#grou-b2b #conteudo .lista-servicos button:hover {
    background-color: #FF9723;
}

#grou-b2b #conteudo .localizacao-lista span {
    background-color: #FF9723;
    display: inline-block;
    padding: 5px 10px;
    font-size: 15px;
    color: white;
    margin-bottom: 10px;
    border-radius: 10px;
}

/* Removendo setas do input number
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.container-hoteis-checkbox {
    background: #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 12px;
    box-shadow: none;
    width: 100%;
    resize: none;
    padding: 15px;
    font-size: 15px;
    max-height: 310px;
    overflow-y: scroll;
    scrollbar-gutter: stable;
}

    .container-hoteis-checkbox::-webkit-scrollbar {
        width: 16px;
    }

    .container-hoteis-checkbox::-webkit-scrollbar-track {
        background-color: #ccc;
        border-radius: 100px;
    }

    .container-hoteis-checkbox::-webkit-scrollbar-thumb {
        background-color: #1C39DB;
        border-radius: 100px;
    }

    .container-hoteis-checkbox .rz-checkbox-list-vertical .rz-checkbox {
        margin: 3px 0;
    }

p.nenhum-hotel {
    display: flex;
    align-items: center;
    font-size: 15px;
}

.cadastro-produto .container-botoes-cadastro {
    margin-top: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.data-bloqueada {
    display: flex;
    align-items: center;
}

/* .data-bloqueada input[type=text] {
	height: 44px;
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	border-radius: 16px;
	padding: 0 16px;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
} */

#grou-b2b .container-bloqueio-datas .input-group-label {
    height: 44px;
    background: #FAFAFF;
    border: 1px solid #DADADA;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    box-shadow: none;
    font-size: 18px;
    padding-right: 17px;
}

    #grou-b2b .container-bloqueio-datas .input-group-label a {
        color: #FF4953;
    }

#grou-b2b .container-bloqueio-datas .input-group-field {
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #DADADA !important;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-left: 0;
    box-shadow: none;
    width: 100%;
    font-size: 15px;
    padding: 0 15px;
}

#grou-b2b .container-bloqueio-datas button.botao-verde {
    width: auto;
    margin: 0;
    float: right;
    margin-top: 20px;
}

.imagem-servico-adm {
    display: block;
    max-width: 430px;
    overflow: hidden;
    border-radius: 12px;
}

.status-servico {
    background: gray;
    display: inline-block;
    color: white;
    padding: 3px 10px;
    border-radius: 15px;
    font-size: 13px;
    font-weight: 600;
    font-size: 12px;
}

.status-servico {
    background: gray;
    display: inline-block;
    color: white;
    padding: 3px 10px;
    border-radius: 15px;
    font-size: 13px;
    font-weight: 600;
}

    .status-servico.status-liberado {
        background: #27AE60;
    }

    .status-servico.status-em-edicao {
        background: #FF4953;
    }

    .status-servico.status-sob-consulta {
        background: #ffa749;
    }

    .status-servico.status-indefinido {
        background: #a9a9a9;
    }



    .status-servico.status-orcamento-enviado-cliente {
        background: #34C349;
    }

    .status-servico.status-orcamento-reservado {
        background: #FF9223;
    }

    .status-servico.status-orcamento-cancelado {
        background: #FF1F3A;
    }

    .status-servico.status-orcamento-aguardando-pagamento {
        background: #FFB62D;
    }

    .status-servico.status-orcamento-pagamento-realizado {
        background: #27AE60;
    }

    .status-servico.status-orcamento-pagamento-recusado {
        background: #FF4953;
    }








.titulo-quarto {
    font-size: 21px;
    color: white;
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    background: linear-gradient(270deg, #1C39DB 0%, #1F35A6 97.64%);
    border: 1px solid #1C39DB;
    border-radius: 8px;
    padding: 10px 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.categoria-servico {
    background: white;
    border: 1px solid #1C39DB;
    display: inline-block;
    color: #1C39DB;
    padding: 3px 10px;
    border-radius: 15px;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    padding-left: 26px;
}

    .categoria-servico::before {
        background-size: 14px;
        width: 16px;
        height: 20px;
        display: inline-block;
        content: "";
        background-repeat: no-repeat;
        position: absolute;
        left: 8px;
        top: 6px;
    }

    .categoria-servico.categoria-ProdutoPasseio::before {
        background-image: url(../images/icone-servico-passeio.svg);
    }

    .categoria-servico.categoria-ProdutoTransfer::before {
        background-image: url(../images/icone-servico-transfer.svg);
        top: 7px;
    }

    .categoria-servico.categoria-ProdutoHotel::before {
        background-image: url(../images/icone-servico-hotel.svg);
        background-size: 13px;
    }

    .categoria-servico.categoria-Sisare::before {
        background-image: url(../images/icone-servico-sisare.svg);
        background-size: 13px;
    }


.botao-carrinho-vazio {
    background: #1C39DB;
    border: 1px solid #1C39DB;
    border-radius: 32px 0px 0px 32px;
    padding: 15px;
    position: fixed;
    right: -1px;
    z-index: 9999;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: calc(30vh - 50px);
}

    .botao-carrinho-vazio[aria-expanded="true"] {
        -webkit-transform: translateX(60vw);
        -ms-transform: translateX(60vw);
        transform: translateX(60vw);
    }

    .botao-carrinho-vazio img {
        max-width: 40px;
    }

.fechar-carrinho {
    color: white;
    font-size: 40px;
    position: absolute;
    top: 0;
    right: 0;
}

.botao-carrinho {
    background: #1C39DB;
    border: 1px solid #1C39DB;
    border-radius: 32px 0px 0px 32px;
    padding: 20px;
    position: fixed;
    right: -1px;
    top: 190px;
    z-index: 998;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    top: calc(50vh - 50px);
}

    .botao-carrinho[aria-expanded="true"] {
        -webkit-transform: translateX(60vw);
        -ms-transform: translateX(60vw);
        transform: translateX(60vw);
    }

    .botao-carrinho img {
        max-width: 28px;
    }

    .botao-carrinho .itens-botao-carrinho {
        font-size: 17px;
        color: #FFFFFF;
        display: block;
        margin: 10px 0;
        transition: all .5s ease;
    }

    .botao-carrinho .visualizar-carrinho {
        background: #FFFFFF;
        border-radius: 32px;
        font-weight: 700;
        font-size: 16px;
        color: #1C39DB;
        padding: 8px 15px;
        transition: all .5s ease;
    }

#grou-b2b .botao-carrinho-vazio:hover,
#grou-b2b .botao-carrinho:hover {
    background: white;
    border: 1px solid #1C39DB;
    opacity: 1;
}

.botao-carrinho-vazio:hover .itens-botao-carrinho,
.botao-carrinho:hover .itens-botao-carrinho {
    color: #1C39DB;
}

.botao-carrinho-vazio:hover .visualizar-carrinho,
.botao-carrinho:hover .visualizar-carrinho {
    color: white;
    background: #1C39DB;
}

.botao-carrinho-vazio:hover img,
.botao-carrinho:hover img {
    filter: brightness(0) saturate(100%) invert(24%) sepia(91%) saturate(6602%) hue-rotate(235deg) brightness(87%) contrast(98%);
}

.off-canvas.is-transition-overlap {
    z-index: 999;
}

.off-canvas {
    background: #1C39DB;
    padding: 40px 40px 20px;
}

    .off-canvas.is-transition-overlap.is-open {
        -webkit-box-shadow: none;
        box-shadow: none;
        /* border-radius: 32px 0px 0px 32px; */
        width: 60vw;
        z-index: 999;
    }

.position-right {
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 60vw;
    -webkit-transform: translateX(60vw);
    -ms-transform: translateX(60vw);
    transform: translateX(60vw);
}


#canvas-carrinho .topo-carrinho {
    display: flex;
    flex-direction: column;
    position: relative;
}

#canvas-carrinho .container-itens-carrinho {
    height: calc(100vh - 330px);
    overflow-y: scroll;
    scrollbar-gutter: stable;
    padding-right: 20px;
    box-shadow: 0 4px 5px -4px rgba(255,255,255,0.5);
}

    #canvas-carrinho .container-itens-carrinho::-webkit-scrollbar {
        width: 16px;
    }

    #canvas-carrinho .container-itens-carrinho::-webkit-scrollbar-track {
        background-color: #ccc;
        border-radius: 100px;
    }

    #canvas-carrinho .container-itens-carrinho::-webkit-scrollbar-thumb {
        background-color: white;
        border-radius: 100px;
    }




#canvas-carrinho .total-rodape-carrinho {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}

#canvas-carrinho .total-itens-carrinho {
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
}

#canvas-carrinho .acoes-carrinho {
    display: flex;
    justify-content: space-between;
}

#canvas-carrinho .titulo-carrinho {
    font-size: 28px;
    color: #FFFFFF;
    font-weight: 700;
    display: flex;
    margin: 15px 0 20px;
}

    #canvas-carrinho .titulo-carrinho img {
        display: inline-block;
        margin-right: 10px;
    }

#canvas-carrinho .item-carrinho {
    background: #FFFFFF;
    border-radius: 16px;
    margin-bottom: 8px;
    padding: 20px;
    margin-bottom: 10px;
    position: relative;
}

#canvas-carrinho .meta-carrinho {
    position: absolute;
    top: 20px;
    right: 20px;
}

#canvas-carrinho .editar-item-carrinho i {
    color: #27AE60;
    font-size: 21px;
    margin-right: 5px;
}

#canvas-carrinho .remover-do-carrinho i {
    color: #FF4953;
    font-size: 21px;
}

#grou-b2b #conteudo #canvas-carrinho .item-carrinho h2 {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    color: #1C39DB;
    padding-right: 60px;
}

#canvas-carrinho .container-info-item {
    display: flex;
    flex-flow: wrap;
}

#canvas-carrinho .info-item {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
    flex: 0 0 130px;
    margin-bottom: 10px;
}

#canvas-carrinho .item-carrinho .info-item .titulo-item {
    font-size: 15px;
    color: #111111;
}

#canvas-carrinho .item-carrinho .info-item .texto-item {
    font-weight: 700;
    font-size: 14px;
    color: #111111;
}

#canvas-carrinho .container-rodape-item {
    margin-top: 15px;
}

#canvas-carrinho .rodape-item {
    height: 35px;
    border: 1px solid #1C39DB;
    border-radius: 8px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 14px;
    color: #111111;
    margin-right: 5px;
    margin-bottom: 5px;
}

#canvas-carrinho .rodape-valor {
    font-weight: 700;
    font-size: 24px;
    color: #111111;
    float: right;
}

#canvas-carrinho .rodape-carrinho {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 20px;
    margin-top: 25px;
}

#canvas-carrinho .total-carrinho {
    font-weight: 400;
    font-size: 18px;
    color: #111111;
}

#canvas-carrinho .valor-carrinho {
    font-weight: 700;
    font-size: 20px;
    color: #111111;
}


#grou-b2b #filtro-lista button.rz-datepicker-trigger {
    width: auto;
    height: auto;
    background-color: transparent;
    border-radius: 0;
    border: none;
    box-shadow: none;
    color: white;
    font-weight: 700;
    font-size: 23px;
    cursor: pointer;
    float: right;
    display: inline-block;
    transition: all 0.3s;
}

#grou-b2b #filtro-lista .cell div {
    width: 100%;
}

.form-servicos {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.container-quarto {
    background: white;
    border: 1px solid #1C39DB;
    display: inline-block;
    padding: 0;
    border-radius: 10px;
    position: relative;
    margin: 0 20px 20px;
}

.conteudo-quarto {
    padding: 20px 5px 0px;
}

.remover-quarto {
    position: absolute;
    top: 0;
    right: 0;
}




.container-resumo-orcamento {
    background: white;
    border: 1px solid #1C39DB;
    display: inline-block;
    padding: 0;
    border-radius: 10px;
    position: relative;
    margin: 30px 0;
    width: 100%;
}

.titulo-orcamento {
    font-size: 21px;
    color: white;
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    background: linear-gradient(270deg, #1C39DB 0%, #1F35A6 97.64%);
    border: 1px solid #1C39DB;
    border-radius: 8px;
    padding: 10px 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.conteudo-orcamento {
    padding: 20px 20px 15px;
}

.campo-lista-orcamento {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid #E6E6E6;
    border-radius: 12px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 0 15px;
    font-size: 15px;
}
.campo-insere-cliente {
    padding-left: 0;
}

#grou-b2b .botao-verde.alterar-cliente {
    padding: 0;
    height: 28px;
    background: #27AE60;
    border-radius: 12px;
    border: none;
    box-shadow: none;
    color: white;
    font-weight: 400;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 6px;
    margin-left: 0;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: auto;
    float: right;
    font-size: 15px;
    padding: 0 10px;
    margin: auto 0 auto auto;
    position: relative;
}

.rz-steps-number {
    background: transparent !important;
    color: #1C39DB !important;
    border: 1px solid #1C39DB !important;
}

.rz-steps .rz-state-highlight .rz-steps-number {
    background: #1C39DB !important;
    color: white !important;
}

.rz-steps .rz-state-highlight .rz-steps-title {
    color: #1C39DB !important;
}

.rz-steps .rz-steps-item:not(:last-child):after {
    background: #1C39DB !important;
}

.grid-checkout {
    align-items: flex-start;
    margin-top: 30px;
}

    .grid-checkout ul {
        width: 100%;
        flex-direction: column;
    }

.checkout-grou {
    background: white;
    border: 1px solid #e3e3e3;
    display: inline-block;
    padding: 0;
    border-radius: 22px;
    position: relative;
    margin: 0;
    margin-bottom: 30px;
    width: 100%;
    filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.1));
}

    .checkout-grou .conteudo-checkout {
        padding: 20px;
    }

    .checkout-grou select {
        height: 44px;
        border: 1px solid #E6E6E6;
        border-radius: 16px;
        padding: 0 16px;
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        background-image: url(../images/seta-select.svg);
        background-position: right 12px center;
        background-size: 16px;
        background-repeat: no-repeat;
        background-size: 16px;
    }

    .checkout-grou input {
        height: 44px;
        border: 1px solid #E6E6E6;
        border-radius: 16px;
        padding: 0 16px;
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        box-shadow: none;
        width: 100%;
    }

        .checkout-grou input[type=text] {
            height: 44px;
            border: 1px solid #E6E6E6;
            border-radius: 16px;
            padding: 0 16px;
            display: flex;
            align-items: center;
            margin-bottom: 20px;
            box-shadow: none;
        }

.rz-dialog-content input[type=number] {
    height: 44px;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    box-shadow: none;
}

.valor-comissao input[type=number] {
    height: auto;
    border: none;
    border-radius: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    margin-bottom: 0;
    box-shadow: none;
    text-align: right;
    width: 40px;
}

.checkout-grou .rz-datepicker-trigger {
    transform: translateY(-70%);
}

.checkout-grou .rz-dropdown {
    height: 44px;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    background-image: url(../images/seta-select.svg);
    background-position: right 12px center;
    background-size: 16px;
    background-repeat: no-repeat;
    background-size: 16px;
    margin-top: 5px;
}    
.checkout-grou .rzi-chevron-down {
   display: none;
}
.checkout-grou .rz-dropdown-label {

   height: 44px;
   align-items: center;
   width: 100%;
   display: flex;
}

.checkout-grou input[disabled] {
    height: 44px;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    background: white;
    color: #1C39DB;
}

.checkout-grou .rz-textbox {
    height: 44px;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    box-shadow: none;
    width: 100%;
}

.grid-checkout .tabs {
    top: 0;
}

.grid-checkout .tabs-title > a, .grid-resumo-pagamento {
    /* background: #f1f1f1; */
    color: #111111;
    font-size: 17px;
    font-weight: 400;
    padding: 25px 20px 0;
    height: auto;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    border-radius: 0;
    background: #fafafa;
    display: block;
}

    .grid-checkout .tabs-title > a:focus, .grid-checkout .tabs-title.is-active > a, .grid-checkout .tabs-title > a:hover {
        background: #E4E7F8;
        color: #111111;
        font-size: 17px;
        font-weight: 400;
        height: auto;
    }

.container-resumo-checkout ul {
    display: block;
    margin: 0;
    list-style-position: inside;
}

    .container-resumo-checkout ul li {
        font-size: 11px;
    }
    
.grid-checkout-siga .caixa-resumo-pedido {
   margin-left: 0;
   margin-right: 20px;
}    
.grid-checkout-siga .medium-4 .checkout-grou {
   border: none;
}
.nome-checkout {
   display: block;
   padding: 25px 20px 0;
}

#grou-b2b #conteudo .container-resumo-checkout h4 {
    margin: 15px 0 5px;
    font-size: 18px;
}

#grou-b2b #conteudo .grid-checkout h3 {
    margin: 0px 0 15px;
    font-size: 19px;
}

#grou-b2b #conteudo .grid-checkout h2 {
    font-size: 22px;
    color: #1C39DB;
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    padding: 20px 20px 0;
    font-weight: 600;
}

.caixa-resumo-pedido {
    filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.1));
    /* box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1); */
    margin-left: 20px;
    border: 1px solid #e3e3e3;
    border-radius: 22px;
}

#grou-b2b #conteudo .caixa-resumo-pedido h2 {
    font-size: 18px;
    color: white;
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    background: linear-gradient(270deg, #1C39DB 0%, #1F35A6 97.64%);
    border: 1px solid #1C39DB;
    border-radius: 22px;
    padding: 15px 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#grou-b2b #conteudo .grid-checkout h4 {
    /* margin: 0px 0 15px;
	font-size: 25px; */
    margin: 15px 0 5px;
    font-size: 20px;
    font-weight: 400;
}


.checkout-info {
    height: 44px;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    background: white;
    justify-content: center;
}

    .checkout-info .container-quantidade {
        margin: 0;
    }

        .checkout-info .container-quantidade .titulo-quantidade {
            margin: 0;
            font-size: 12px;
        }

.label-pax {
    position: absolute;
    margin-top: -10px;
    margin-left: 8px;
    font-size: 12px;
    background: white;
    border-radius: 50%;
    font-weight: 600;
    color: #1C39DB;
}

.info-desabilitada {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid #E6E6E6;
    border-radius: 12px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 0 15px;
    box-shadow: none;
    background-image: url(../images/input-bloqueado.png);
    background-color: #f7f7fa !important;
    cursor: not-allowed;
    border: 1px solid #aaa !important;
    color: #0a0a0a !important;
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: right 8px center;
}

.titulo-servico-card {
    font-weight: 700;
    display: flex;
    line-height: 120%;
    align-items: center;
}

    .titulo-servico-card img {
        display: inline-block;
        width: 26px;
        margin-right: 10px;
        filter: invert(50%) sepia(50%) saturate(20%) hue-rotate(65deg) brightness(82%) contrast(110%);
    }

.valor-servico-card {
    display: block;
    text-rendering:;
    text-align: right;
    margin-top: 19px;
    border-bottom: 1px solid rgba(50, 50, 50, 0.2);
    padding-bottom: 25px;
    font-size: 19px;
}

.container-lista-orcamento .medium-4 {
    margin-bottom: 25px;
}

.container-lista-orcamento a {
    color: #111111;
    font-size: 17px;
    font-weight: 400;
    padding: 25px 20px 0;
    height: auto;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    border-radius: 0;
    background: #fafafa;
    display: block;
    border-radius: 10px;
    border: 1px solid #eaeaea;
    transition: all 0.3s;
}

    .container-lista-orcamento a:hover {
        background: #E4E7F8;
    }

    .container-lista-orcamento a.botao-apagar, .container-lista-orcamento button.botao-apagar {
        color: #FF4953;
        font-size: 17px;
        font-weight: 400;
        padding: 0;
        height: auto;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
        border-radius: 0;
        background: transparent;
        display: inline;
        border-radius: 0;
        border: none;
        transition: all 0.3s;
        position: absolute;
        bottom: 12px;
        left: 2px;
    }
    
 .container-acao-historico .botao-apagar {
     margin-left: 5px;
 }
   

.container-lista-orcamento .valor-servico-card {
    margin-top: 15px;
    border-bottom: none;
    padding-bottom: 0;
    font-size: 19px;
    margin-bottom: 10px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

#grou-b2b button.botao-continuar {
    display: block;
    border-radius: 22px;
    margin: 15px 20px;
    border-radius: 22px;
    width: calc(100% - 40px);
    position: relative;
    float: none;
}

.rz-steps-buttons {
    display: none !important;
}


.carregando-inline {
    /* display: flex;
	width: calc(100vw - 10vw);
	align-items: flex-start;
	justify-content: center;
	left: 0; */
}

/* .off-canvas-wrapper .carregando-inline {
	display: block;
	margin-left: 40px;
} */

/* .container-seletores-servico input:disabled, .container-seletores-servico input[readonly] {
background-color: #e6e6e6;
cursor: not-allowed;
height: 44px;
border: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
border-radius: 12px;
padding: 0 16px;
display: flex;
align-items: center;
margin-bottom: 20px;
width: 100%;
background: #f7f7f7 !important;
color: #000 !important;
} */

.rodape-resumo-pedido {
    background: #fafafa;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    padding: 30px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.texto-resumo-rodape {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    color: #111111;
}

.valor-resumo-rodape {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    color: #27AE60;
}

.checkout-grou .container-radio-botoes {
    padding: 20px;
}

    .checkout-grou .container-radio-botoes .rz-radio-button-list-horizontal .rz-radio-btn {
        width: calc(50% - 0.58rem);
    }

.box-margem-topo {
    margin-top: 30px;
}

.venda-sucesso {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    flex-direction: column;
    text-align: center;
    height: calc(100vh - 260px);
    margin-top: 20px;
}

    .venda-sucesso img {
        display: block;
        margin-bottom: 15px;
        max-height: 100%;
    }

.botao-verde-add-cliente {
    padding: 0;
    /* width: 175px; */
    height: 44px;
    background: #27AE60;
    border-radius: 12px;
    border: none;
    box-shadow: none;
    color: white;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 0;
    margin-left: 0;
    width: 100%;
    margin-top: 5px;
}

    .botao-verde-add-cliente.add-cliente-salvar {
        margin-top: 20px
    }


.bloqueio-datas {
    display: flex;
    justify-content: flex-end;
}
.bloqueio-datas .adicionar-item {
    margin-left: 10px;
}

.grid-dashboard {
   padding: 15px 35px 10px 35px;
   background: #F5F5FA;
   border-radius: 19px;
}

.item-dashboard {
   /* background: #F5F5FA; */
    /* border-radius: 19px; */
    /* margin-top: 0; */
    /* padding: 35px; */
    margin: 30px 0;
}
.titulo-dashboard {
   font-size: 21px;
    color: white;
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    background: linear-gradient(270deg, #1C39DB 0%, #1F35A6 97.64%);
    border: 1px solid #1C39DB;
    border-radius: 8px;
    padding: 10px 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.conteudo-dashboard {
   padding: 20px;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 35px;
    background-color: white;
}

.rz-scheme-pastel .rz-series-1 {
    fill: #FF9723 !important;
    stroke: #FF9723 !important;
}


.conteudo-aceite-modal p {
    line-height: 150% !important;
}


#tela-bandeiras-cielo {
  margin-bottom: 20px;
}
.meio_cielo_webservice_img {
   cursor: pointer;
   float: left;
   border: 2px solid #CCC;
   width: calc(25% - 10px);
   margin-right: 10px;
   display: inline-block;
   border-radius: 10px;
   transition: all 0.3s;
}
.meio_cielo_webservice_img.inativo {
  opacity: 0.2;
}
.meio_cielo_webservice_img.ativo {
  border: 2px solid green;
}



@media only screen and (max-width: 1024px) {
  .meio_cielo_webservice_img {
   margin-bottom: 20px;
  }

   #grou-b2b #header #logo-grou {
   height: 40px;
   }
   #grou-b2b #header {
   height: 60px;
   }
   #grou-b2b {
   padding-top: 60px;
   }
   .grid-checkout {
      align-items: flex-start;
      margin-top: 0;
   }
   .box-margem-topo {
   margin-top: 0px;
   }
   #grou-b2b #conteudo .caixa-resumo-pedido h2 {
   font-size: 15px;
   padding: 8px 15px;
   }
   .nome-checkout {
   display: block;
   padding: 15px 20px 0;
   }
   .grid-checkout .tabs-title > a, .grid-resumo-pagamento {
   font-size: 14px;
   padding: 10px 20px 0;
   }
   .valor-servico-card {
   display: block;
   text-align: right;
   margin-top: 4px;
   border-bottom: 1px solid rgba(50, 50, 50, 0.2);
   padding-bottom: 15px;
   font-size: 17px;
   }
   .rodape-resumo-pedido {
   background: #fafafa;
   border-bottom-left-radius: 22px;
   border-bottom-right-radius: 22px;
   padding: 10px 20px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   }
   .texto-resumo-rodape {
      font-size: 16px;
   }
   .valor-resumo-rodape {
      font-size: 19px;
   }
   .grid-checkout-siga .caixa-resumo-pedido {
   margin-left: 0;
   margin-right: 0;
   margin-bottom: 20px;
   }
   #grou-b2b #conteudo .grid-checkout h2 {
   font-size: 18px;
   }
   .checkout-grou input {
   height: 40px;
   border: 1px solid #E6E6E6;
   border-radius: 16px;
   padding: 0 16px;
   display: flex;
   align-items: center;
   margin-bottom: 10px;
   box-shadow: none;
   width: 100%;
   }
   .checkout-grou .conteudo-checkout {
   padding: 20px;
   font-size: 14px;
   }
   #footer-b2b .divisor-rodape {
   display: inline-block;
   height: 19px;
   width: 1px;
   background: #111111;
   margin: 5px 4px -6px;
   }
   #footer-b2b p {
   font-family: 'Oxygen';
   font-style: normal;
   font-weight: 400;
   font-size: 10px;
   color: #111111;
   display: inline-block;
   margin: 0;
   line-height: 24px;
   }
   #footer-b2b .rodape {
   background: #f5f5F3;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   border-radius: 16px;
   margin: 20px auto;
   }
   #footer-b2b .rodape img {
   display: inline-block;
   margin-right: 5px;
   }
}