@charset "UTF-8";
.login-form {
    display: initial;
}

*, *:before, *:after {
    box-sizing: border-box;
    
}

:root {
    --system-ui: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font: "Inter", var(--system-ui);
    --rb-c-1: #D46669;
    --rb-c-n-1: #6a7182;
    --rb-c-n-2: #333;
    --rb-c-azul-1: #397de3;
    --swiper-navigation-color: var(--rb-c-n-2);
    --swiper-theme-color: #fff;
    --swiper-navigation-size: 0;
    --trans: all ease .5s
}

html, body {
    min-height: 100dvh;
    color: var(--rb-c-n-1);
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: #eee;
    position: relative;
    font-family: var(--font);
    font-size: 15px;
    scrollbar-width: thin
}

#rb-login {
    display: flex;
    margin: auto;
    min-height: 98%;
    padding: 20px 0;
    padding-top: 45px;
    position: relative;
    flex-direction: column
}

    #rb-login a {
        color: var(--rb-c-azul-1);
        text-decoration: none
    }

        #rb-login a:hover, #rb-login a:focus {
            text-decoration: underline
        }

    #rb-login h1, #rb-login h2, #rb-login h3 {
        font-weight: 300
    }

#rb-login-box {
    display: flex;
    flex-direction: row-reverse;
    background-color: #fff;
    margin: auto;
    border-radius: 1em 0 1em 1em;
    box-shadow: 0 10px 1em 0 rgba(0,0,0,0.08);
    width: auto;
    max-width: 1070px;
    user-select: none;
    position: relative
}

#rb-login-form-box, #rb-login-display {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden
}

#rb-login-form-box {
    padding: 0;
    display: flex;
    flex-direction: column;
    min-width: 450px;
    max-height: 620px;
    flex-grow: 1
}

#rb-login-display {
    background-color: #fff;
    display: flex;
    border-radius: 1em 0 0 1em;
    padding: 10px;
    min-width: 500px;
    max-width: 620px;
    width: 50vw;
    flex-grow: 1
}

#rb-login-display-slideshow {
    background-color: #ddd;
    border-radius: calc(1em - 5px);
    position: relative;
    padding-bottom: 100%;
    overflow: hidden
}

    #rb-login-display-slideshow .swiper {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0
    }

    #rb-login-display-slideshow .swiper-slide img {
        display: block;
        margin: 0;
        width: 100%
    }

#rb-login-form {
    display: flex;
    flex-direction: column;
    gap: 45px;
    padding: 45px;
    flex-grow: 1;
    max-height: 620px
}

#rb-login-logo {
    display: inline-flex;
    align-items: center;
    width: 100%;
    margin: 0;
    background-color: #fff;
    position: absolute;
    bottom: 100%;
    right: 0;
    left: initial;
    width: auto;
    padding: 18px 30px 0 0;
    border-radius: 0 1em 0 0
}

    #rb-login-logo b {
        position: absolute;
        right: 100%;
        bottom: 0
    }

        #rb-login-logo b svg {
            width: 42px;
            height: 39px;
            position: absolute;
            bottom: 0;
            right: 0;
            display: block
        }

    #rb-login-logo img {
        display: block;
        margin: 0;
        max-width: 125px;
        height: auto
    }

#rb-login [data-step] {
    animation: slideToLeft .5s ease forwards
}

    #rb-login [data-step]:not(.active) {
        display: none
    }

#rb-login [data-step="esqueci-a-senha"] {
    animation: slideToUp .5s ease forwards
}

#rb-login .form-group {
    display: flex;
    flex-direction: column;
    gap: 5px
}

    #rb-login .form-group.field-ok .form-control-wrap {
        --bsc: #ddd;
        background-color: #fff;
        box-shadow: 0 0 0 1.5px var(--bsc);
        border-radius: 50px;
        padding-left: 5px;
        padding-right: 5px;
        cursor: pointer !important
    }

        #rb-login .form-group.field-ok .form-control-wrap:hover {
            --bsc: #aaa;
            background-color: #fff
        }

    #rb-login .form-group.field-ok .form-control {
        min-height: 60px;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 1em;
        overflow: hidden
    }

#rb-login .form-control-wrap {
    display: flex;
    align-items: center;
    gap: 0;
    background-color: #eee;
    padding: 0;
    border-radius: 5px;
    transition: var(--trans)
}

#rb-login .form-control-wrap-clean {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 0;
    border-radius: 5px;
    justify-content: space-between;
    transition: var(--trans)
}

#rb-login .form-control-wrap-clean .left {
    align-items:flex-start
}

    #rb-login .form-control-wrap-clean .right {
        align-items: flex-end
    }

    #rb-login .form-control-wrap [class^="material-symbols-"] {
        color: inherit;
        text-decoration: none;
        padding: 5px 10px;
        border-radius: 50px;
        font-size:20px;
        
    }

        #rb-login .form-control-wrap [class^="material-symbols-"] + .form-control {
            padding-left: 0;
            width: 75%
        }

        #rb-login .form-control-wrap [class^="material-symbols-"]:focus-within {
            background-color: #ddd
        }

    #rb-login .form-control-wrap:focus-within {
        background-color: #ddd
    }

    #rb-login .form-control-wrap .form-control {
        background-color: transparent !important;
        flex-grow: 1
    }

    #rb-login .form-control-wrap .form-control-clear {
        padding-left: 0;
        opacity: .5;
        transform: translateX(0);
        cursor: pointer;
        transition: var(--trans)
    }

        #rb-login .form-control-wrap .form-control-clear:hover {
            opacity: .75
        }

    #rb-login .form-control-wrap .form-control:placeholder-shown ~ .form-control-clear {
        transform: translateX(-10px);
        opacity: 0
    }

#rb-login .form-control {
    border: 0;
    display: block;
    background-color: #eee;
    padding: 12px;
    font-size: 1.1em;
    font-weight: 500;
    border-radius: 5px;
    outline: none;
    transition: var(--trans)
}

    #rb-login .form-control:-webkit-autofill, #rb-login .form-control:-webkit-autofill:hover, #rb-login .form-control:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0 1000px #eee inset !important;
        -webkit-text-fill-color: var(--rb-c-n-1) !important
    }

    #rb-login .form-control:focus {
        background-color: #ddd
    }

        #rb-login .form-control:focus:-webkit-autofill, #rb-login .form-control:focus:-webkit-autofill:hover, #rb-login .form-control:focus:-webkit-autofill:focus {
            -webkit-box-shadow: 0 0 0 1000px #ddd inset !important;
            -webkit-text-fill-color: var(--rb-c-n-1) !important
        }

#rb-login span.form-control {
    display: flex;
    align-items: center
}

#rb-login .btn {
    background-color: var(--rb-c-1);
    display: inline-flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 15px 20px;
    margin: 10px 0;
    min-width: 150px;
    max-width: 100%;
    min-height: 60px;
    border: 0;
    border-radius: 50px;
    box-shadow: none;
    text-transform: uppercase
}

    #rb-login .btn:only-child {
        margin-left: auto
    }

    #rb-login .btn.disabled, #rb-login .btn[disabled] {
        cursor: not-allowed;
        filter: grayscale(1) opacity(.5)
    }

    #rb-login .btn.-sec {
        background-color: #fff;
        box-shadow: 0 0 0 1.5px #ccc;
        color: #888
    }

#rb-login a, #rb-login button {
    transition: var(--trans)
}

    #rb-login a:hover, #rb-login button:hover {
        filter: brightness(1.2)
    }

#rb-login input, #rb-login button, #rb-login textarea, #rb-login select {
    font-family: var(--font)
}

    #rb-login input[type="text"], #rb-login input[type="date"], #rb-login input[type="number"], #rb-login input[type="search"], #rb-login input[type="password"], #rb-login select {
        min-height: 60px
    }

        #rb-login input[type="text"]::placeholder, #rb-login input[type="date"]::placeholder, #rb-login input[type="number"]::placeholder, #rb-login input[type="search"]::placeholder, #rb-login input[type="password"]::placeholder, #rb-login select::placeholder {
            font-style: italic;
            color: rgba(0,0,0,0.25)
        }

#rb-login .spacing {
    height: 120px
}

#rb-login .form-in {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1
}

#rb-login [data-step="ambientes"] {
    padding: 2em;
    padding-top: 0;
    padding-bottom: 0;
    gap: 0;
    justify-content: flex-start;
    width: 100%;
    height: 385px;
    overflow: auto
}

#rb-login #rb-login-ambientes-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: thin
}

#rb-login .rb-login-ambiente-item {
    list-style: none;
    color: var(--rb-c-n-2);
    flex-grow: 1
}

#rb-login .rb-login-ambiente-item-link {
    background-color: #eee;
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    padding: 15px 20px;
    border-radius: 10px;
    line-height: 1em;
    text-decoration: none;
    font-weight: 600;
    width: 100%;
    height: 100%
}

    #rb-login .rb-login-ambiente-item-link:focus, #rb-login .rb-login-ambiente-item-link:hover {
        text-decoration: none;
        filter: none;
        padding-left: 25px;
        padding-right: 5px;
        background-color: var(--rb-c-1);
        color:#fff
    }

#rb-login.modo-ambientes #rb-login-form {
    padding: 10px;
    padding-top: 2em;
    gap: 1em
}

#rb-login.modo-ambientes #companyLogo img {
    max-height: 75px
}

#companyLogo img {
    max-width: 100%;
    max-height: 120px;
    padding: 10px;
    object-fit: contain;
    margin: auto;
    display: block;
    transition: var(--trans)
}

.swiper {
    height: 100%;
    --fade-op: 10%
}

    .swiper:after {
        content: "";
        background-image: linear-gradient(transparent, black);
        position: absolute;
        z-index: 1;
        inset: 90% 0 0 0;
        transition: var(--trans);
        opacity: var(--fade-op)
    }

.swiper-slide {
    height: 100%
}

.swiper-button-prev, .swiper-button-next {
    display: inline-flex;
    background-color: #fff;
    padding: 5px 0;
    border-radius: 5px;
    height: auto;
    opacity: .1;
    transition: var(--trans)
}

    .swiper-button-prev span, .swiper-button-next span {
        font-size: 35px
    }

.swiper-button-prev {
    transform: translateX(-5px)
}

.swiper-button-next {
    transform: translateX(5px)
}

.swiper-pagination-bullet {
    background-color: #fff;
    transition: var(--trans);
    border-radius: 5px;
    opacity: .5
}

.swiper-pagination-bullet-active {
    width: 30px;
    opacity: 1
}

.swiper:hover {
    --fade-op: 30%
}

    .swiper:hover .swiper-button-prev, .swiper:hover .swiper-button-next {
        opacity: 1;
        transform: translateX(0)
    }

.hide {
    display: none !important
}

.d-flex {
    display: flex
}

.flex-column {
    flex-direction: column
}

.space-between {
    justify-content: space-between
}

.justify-center {
    justify-content: center
}

.flex-grow {
    flex-grow: 1
}

.align-self-start {
    align-self: flex-start
}

.align-self-end {
    align-self: flex-end
}

.order-first {
    order: -1
}

.gap-xs, .gap-1 {
    gap: .5em
}

.gap-sm, .gap-2 {
    gap: .75em
}

.gap-md, .gap-3 {
    gap: 1em
}

.gap-lg, .gap-4 {
    gap: 1.5em
}

.gap-xl, .gap-5 {
    gap: 2em
}

.gap-xxl, .gap-6 {
    gap: 3em
}

.mt-1, .mt-xs {
    margin-top: .5em
}

.ml-1, .ml-xs {
    margin-left: .5em
}

.mr-1, .mr-xs {
    margin-right: .5em
}

.mb-1, .mb-xs {
    margin-bottom: .5em
}

.mt-2, .mt-sm {
    margin-top: .75em
}

.ml-2, .ml-sm {
    margin-left: .75em
}

.mr-2, .mr-sm {
    margin-right: .75em
}

.mb-2, .mb-sm {
    margin-bottom: .75em
}

.mt-3, .mt-md {
    margin-top: 1em
}

.ml-3, .ml-md {
    margin-left: 1em
}

.mr-3, .mr-md {
    margin-right: 1em
}

.mb-3, .mb-md {
    margin-bottom: 1em
}

.mt-4, .mt-lg {
    margin-top: 1.5em
}

.ml-4, .ml-lg {
    margin-left: 1.5em
}

.mr-4, .mr-lg {
    margin-right: 1.5em
}

.mb-4, .mb-lg {
    margin-bottom: 1.5em
}

.mt-5, .mt-xl {
    margin-top: 2em
}

.ml-5, .ml-xl {
    margin-left: 2em
}

.mr-5, .mr-xl {
    margin-right: 2em
}

.mb-5, .mb-xl {
    margin-bottom: 2em
}

.mt-6, .mt-xxl {
    margin-top: 3em
}

.ml-6, .ml-xxl {
    margin-left: 3em
}

.mr-6, .mr-xxl {
    margin-right: 3em
}

.mb-6, .mb-xxl {
    margin-bottom: 3em
}

@keyframes slideToLeft {
    0% {
        transform: translateX(30px);
        opacity: 0
    }

    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slideToUp {
    0% {
        transform: translateY(30px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@media (max-width:1100px) {
    #rb-login-form-box {
        padding-top: 0
    }
}

@media (max-width:967px) {
    #rb-login {
        padding: 10px;
        display: block
    }

    #rb-login-logo {
        left: 0;
        right: initial;
        padding: 18px 0 0 30px;
        border-radius: 1em 0 0 0
    }

        #rb-login-logo b {
            transform: rotateY(180deg);
            left: 100%;
            right: initial;
            order: 1
        }

    #rb-login-box {
        flex-direction: column;
        max-width: 600px;
        width: 100%;
        margin-top: 35px;
        border-radius: 1em;
        border-top-left-radius: 0
    }

    #rb-login-form-box {
        min-width: initial;
        max-width: initial;
        width: 100%;
        padding-top: 0
    }

    #rb-login-form {
        padding: 1.5em;
        max-width: initial
    }

        #rb-login-form footer {
            align-self: initial
        }

    #rb-login .btn {
        display: flex;
        width: 100%
    }

    #rb-login-display {
        min-width: 100%
    }

    #rb-login [data-step="ambientes"] {
        padding-left: 1em;
        padding-right: 1em
    }

    #companyLogo img {
        max-height: 80px
    }

    .m-0-sm {
        margin: 0
    }

    .mt-0-sm {
        margin-top: 0
    }

    .ml-0-sm {
        margin-left: 0
    }

    .mr-0-sm {
        margin-right: 0
    }

    .mb-0-sm {
        margin-bottom: 0
    }
}

.loading {
    cursor: wait
}

    .loading:before {
        content: "";
        position: fixed;
        z-index: 999998;
        inset: 0 0 0 0;
        background: rgba(0,0,0,0.5);
        backdrop-filter: blur(5px)
    }

    .loading:after {
        content: "";
        display: flex;
        z-index: 999999;
        width: 48px;
        height: 48px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin-left: -24px;
        margin-top: -24px;
        position: fixed;
        animation: spin .75s linear infinite;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 -960 960 960' fill='white' width='48'%3E%3Cpath d='M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-155.5t86-127Q252-817 325-848.5T480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480-80Z'/%3E%3C/svg%3E") center / cover no-repeat
    }

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}


.login-alert {
    display: flex;
    justify-content: center;
    font-weight: 600;
    color: #a72223;
}

body .ui-widget-header {
    background-color: #D46669;
    border: 0;
    color: rgba(0, 0, 0, 0.9);
    text-shadow: none;
    height: auto;
}

    body .ui-widget-header a {
        color: #000;
    }

body .ui-widget-content {
    background-color: #FFF;
    color: inherit;
}

    body .ui-state-default,
    body .ui-widget-content .ui-state-default,
    body .ui-widget-header .ui-state-default {
        background: #fff;
    }

    body .ui-state-active,
    body .ui-widget-content .ui-state-active,
    body .ui-widget-header .ui-state-active {
        background-color: #e6eef2;
        border: 1px solid #4491b4;
    }

body .ui-button-text-only .ui-button-text {
    padding: 0;
}

body button.ui-button,
body input[type="button"].ui-button,
body input[type="submit"].ui-button,
body .ui-button.ui-state-default.ui-button,
body .ui-widget-content .ui-button.ui-state-default.ui-button,
body .ui-widget-header .ui-button.ui-state-default.ui-button {
    background: #dfe5e9;
    border: 1px solid #c2cdd3;
    box-shadow: 0 1px 2px rgba(106, 113, 130, 0.15);
    border-radius: 3px;
    color: #484b57;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Tahoma';
    font-size: 11px;
    line-height: 1;
    padding: 3px 10px 4px;
    transition: all 150ms ease;
    vertical-align: middle;
    text-transform: uppercase;
}

    body button.ui-button,
    body input[type="button"].ui-button,
    body input[type="submit"].ui-button,
    body .ui-button.ui-state-default.ui-button,
    body .ui-widget-content .ui-button.ui-state-default.ui-button,
    body .ui-widget-header .ui-button.ui-state-default.ui-button,
    body button.ui-button:before,
    body input[type="button"].ui-button:before,
    body input[type="submit"].ui-button:before,
    body .ui-button.ui-state-default.ui-button:before,
    body .ui-widget-content .ui-button.ui-state-default.ui-button:before,
    body .ui-widget-header .ui-button.ui-state-default.ui-button:before,
    body button.ui-button:after,
    body input[type="button"].ui-button:after,
    body input[type="submit"].ui-button:after,
    body .ui-button.ui-state-default.ui-button:after,
    body .ui-widget-content .ui-button.ui-state-default.ui-button:after,
    body .ui-widget-header .ui-button.ui-state-default.ui-button:after,
    body button.ui-button *,
    body input[type="button"].ui-button *,
    body input[type="submit"].ui-button *,
    body .ui-button.ui-state-default.ui-button *,
    body .ui-widget-content .ui-button.ui-state-default.ui-button *,
    body .ui-widget-header .ui-button.ui-state-default.ui-button *,
    body button.ui-button *:before,
    body input[type="button"].ui-button *:before,
    body input[type="submit"].ui-button *:before,
    body .ui-button.ui-state-default.ui-button *:before,
    body .ui-widget-content .ui-button.ui-state-default.ui-button *:before,
    body .ui-widget-header .ui-button.ui-state-default.ui-button *:before,
    body button.ui-button *:after,
    body input[type="button"].ui-button *:after,
    body input[type="submit"].ui-button *:after,
    body .ui-button.ui-state-default.ui-button *:after,
    body .ui-widget-content .ui-button.ui-state-default.ui-button *:after,
    body .ui-widget-header .ui-button.ui-state-default.ui-button *:after {
        box-sizing: border-box;
    }

        body button.ui-button:hover,
        body input[type="button"].ui-button:hover,
        body input[type="submit"].ui-button:hover,
        body .ui-button.ui-state-default.ui-button:hover,
        body .ui-widget-content .ui-button.ui-state-default.ui-button:hover,
        body .ui-widget-header .ui-button.ui-state-default.ui-button:hover,
        body button.ui-button:focus,
        body input[type="button"].ui-button:focus,
        body input[type="submit"].ui-button:focus,
        body .ui-button.ui-state-default.ui-button:focus,
        body .ui-widget-content .ui-button.ui-state-default.ui-button:focus,
        body .ui-widget-header .ui-button.ui-state-default.ui-button:focus {
            background: #6a7182;
            border-color: #505461;
            color: #ffffff;
            box-shadow: 0 1px 4px rgba(106, 113, 130, 0.25);
        }

        body button.ui-button span,
        body input[type="button"].ui-button span,
        body input[type="submit"].ui-button span,
        body .ui-button.ui-state-default.ui-button span,
        body .ui-widget-content .ui-button.ui-state-default.ui-button span,
        body .ui-widget-header .ui-button.ui-state-default.ui-button span {
            font-size: inherit;
            font-family: inherit;
        }

        body button.ui-button i,
        body input[type="button"].ui-button i,
        body input[type="submit"].ui-button i,
        body .ui-button.ui-state-default.ui-button i,
        body .ui-widget-content .ui-button.ui-state-default.ui-button i,
        body .ui-widget-header .ui-button.ui-state-default.ui-button i {
            line-height: 1;
            margin-top: 1px;
        }

            body button.ui-button i + *,
            body input[type="button"].ui-button i + *,
            body input[type="submit"].ui-button i + *,
            body .ui-button.ui-state-default.ui-button i + *,
            body .ui-widget-content .ui-button.ui-state-default.ui-button i + *,
            body .ui-widget-header .ui-button.ui-state-default.ui-button i + * {
                margin-left: 10px;
            }

        body button.ui-button.-primary,
        body input[type="button"].ui-button.-primary,
        body input[type="submit"].ui-button.-primary,
        body .ui-button.ui-state-default.ui-button.-primary,
        body .ui-widget-content .ui-button.ui-state-default.ui-button.-primary,
        body .ui-widget-header .ui-button.ui-state-default.ui-button.-primary,
        body button.ui-button.btn-primary,
        body input[type="button"].ui-button.btn-primary,
        body input[type="submit"].ui-button.btn-primary,
        body .ui-button.ui-state-default.ui-button.btn-primary,
        body .ui-widget-content .ui-button.ui-state-default.ui-button.btn-primary,
        body .ui-widget-header .ui-button.ui-state-default.ui-button.btn-primary {
            background: #4491b4;
            border-color: #367490;
            color: #ffffff;
        }

            body button.ui-button.-primary:hover,
            body input[type="button"].ui-button.-primary:hover,
            body input[type="submit"].ui-button.-primary:hover,
            body .ui-button.ui-state-default.ui-button.-primary:hover,
            body .ui-widget-content .ui-button.ui-state-default.ui-button.-primary:hover,
            body .ui-widget-header .ui-button.ui-state-default.ui-button.-primary:hover,
            body button.ui-button.btn-primary:hover,
            body input[type="button"].ui-button.btn-primary:hover,
            body input[type="submit"].ui-button.btn-primary:hover,
            body .ui-button.ui-state-default.ui-button.btn-primary:hover,
            body .ui-widget-content .ui-button.ui-state-default.ui-button.btn-primary:hover,
            body .ui-widget-header .ui-button.ui-state-default.ui-button.btn-primary:hover {
                background: #367490;
                border-color: #367490;
                color: #ffffff;
            }

        body button.ui-button.-secondary,
        body input[type="button"].ui-button.-secondary,
        body input[type="submit"].ui-button.-secondary,
        body .ui-button.ui-state-default.ui-button.-secondary,
        body .ui-widget-content .ui-button.ui-state-default.ui-button.-secondary,
        body .ui-widget-header .ui-button.ui-state-default.ui-button.-secondary,
        body button.ui-button.btn-secondary,
        body input[type="button"].ui-button.btn-secondary,
        body input[type="submit"].ui-button.btn-secondary,
        body .ui-button.ui-state-default.ui-button.btn-secondary,
        body .ui-widget-content .ui-button.ui-state-default.ui-button.btn-secondary,
        body .ui-widget-header .ui-button.ui-state-default.ui-button.btn-secondary {
            background-color: #dfe5e9;
            color: #6a7182;
        }

            body button.ui-button.-secondary:hover,
            body input[type="button"].ui-button.-secondary:hover,
            body input[type="submit"].ui-button.-secondary:hover,
            body .ui-button.ui-state-default.ui-button.-secondary:hover,
            body .ui-widget-content .ui-button.ui-state-default.ui-button.-secondary:hover,
            body .ui-widget-header .ui-button.ui-state-default.ui-button.-secondary:hover,
            body button.ui-button.btn-secondary:hover,
            body input[type="button"].ui-button.btn-secondary:hover,
            body input[type="submit"].ui-button.btn-secondary:hover,
            body .ui-button.ui-state-default.ui-button.btn-secondary:hover,
            body .ui-widget-content .ui-button.ui-state-default.ui-button.btn-secondary:hover,
            body .ui-widget-header .ui-button.ui-state-default.ui-button.btn-secondary:hover,
            body button.ui-button.-secondary:focus,
            body input[type="button"].ui-button.-secondary:focus,
            body input[type="submit"].ui-button.-secondary:focus,
            body .ui-button.ui-state-default.ui-button.-secondary:focus,
            body .ui-widget-content .ui-button.ui-state-default.ui-button.-secondary:focus,
            body .ui-widget-header .ui-button.ui-state-default.ui-button.-secondary:focus,
            body button.ui-button.btn-secondary:focus,
            body input[type="button"].ui-button.btn-secondary:focus,
            body input[type="submit"].ui-button.btn-secondary:focus,
            body .ui-button.ui-state-default.ui-button.btn-secondary:focus,
            body .ui-widget-content .ui-button.ui-state-default.ui-button.btn-secondary:focus,
            body .ui-widget-header .ui-button.ui-state-default.ui-button.btn-secondary:focus {
                background-color: #c2cdd3;
                color: #505461;
            }

        body button.ui-button.-danger,
        body input[type="button"].ui-button.-danger,
        body input[type="submit"].ui-button.-danger,
        body .ui-button.ui-state-default.ui-button.-danger,
        body .ui-widget-content .ui-button.ui-state-default.ui-button.-danger,
        body .ui-widget-header .ui-button.ui-state-default.ui-button.-danger,
        body button.ui-button.btn-danger,
        body input[type="button"].ui-button.btn-danger,
        body input[type="submit"].ui-button.btn-danger,
        body .ui-button.ui-state-default.ui-button.btn-danger,
        body .ui-widget-content .ui-button.ui-state-default.ui-button.btn-danger,
        body .ui-widget-header .ui-button.ui-state-default.ui-button.btn-danger {
            background: #dd2226;
            border-color: #b11b1e;
            color: #ffffff;
        }

            body button.ui-button.-danger:hover,
            body input[type="button"].ui-button.-danger:hover,
            body input[type="submit"].ui-button.-danger:hover,
            body .ui-button.ui-state-default.ui-button.-danger:hover,
            body .ui-widget-content .ui-button.ui-state-default.ui-button.-danger:hover,
            body .ui-widget-header .ui-button.ui-state-default.ui-button.-danger:hover,
            body button.ui-button.btn-danger:hover,
            body input[type="button"].ui-button.btn-danger:hover,
            body input[type="submit"].ui-button.btn-danger:hover,
            body .ui-button.ui-state-default.ui-button.btn-danger:hover,
            body .ui-widget-content .ui-button.ui-state-default.ui-button.btn-danger:hover,
            body .ui-widget-header .ui-button.ui-state-default.ui-button.btn-danger:hover {
                background: #b11b1e;
                border-color: #b11b1e;
                color: #ffffff;
            }

        body button.ui-button.-warning,
        body input[type="button"].ui-button.-warning,
        body input[type="submit"].ui-button.-warning,
        body .ui-button.ui-state-default.ui-button.-warning,
        body .ui-widget-content .ui-button.ui-state-default.ui-button.-warning,
        body .ui-widget-header .ui-button.ui-state-default.ui-button.-warning,
        body button.ui-button.btn-warning,
        body input[type="button"].ui-button.btn-warning,
        body input[type="submit"].ui-button.btn-warning,
        body .ui-button.ui-state-default.ui-button.btn-warning,
        body .ui-widget-content .ui-button.ui-state-default.ui-button.btn-warning,
        body .ui-widget-header .ui-button.ui-state-default.ui-button.btn-warning {
            background: #fbc200;
            border-color: #d5a500;
            color: #644e00;
        }

            body button.ui-button.-warning:hover,
            body input[type="button"].ui-button.-warning:hover,
            body input[type="submit"].ui-button.-warning:hover,
            body .ui-button.ui-state-default.ui-button.-warning:hover,
            body .ui-widget-content .ui-button.ui-state-default.ui-button.-warning:hover,
            body .ui-widget-header .ui-button.ui-state-default.ui-button.-warning:hover,
            body button.ui-button.btn-warning:hover,
            body input[type="button"].ui-button.btn-warning:hover,
            body input[type="submit"].ui-button.btn-warning:hover,
            body .ui-button.ui-state-default.ui-button.btn-warning:hover,
            body .ui-widget-content .ui-button.ui-state-default.ui-button.btn-warning:hover,
            body .ui-widget-header .ui-button.ui-state-default.ui-button.btn-warning:hover {
                background: #d5a500;
                border-color: #d5a500;
                color: #4b3a00;
            }

            body button.ui-button.-warning:hover,
            body input[type="button"].ui-button.-warning:hover,
            body input[type="submit"].ui-button.-warning:hover,
            body .ui-button.ui-state-default.ui-button.-warning:hover,
            body .ui-widget-content .ui-button.ui-state-default.ui-button.-warning:hover,
            body .ui-widget-header .ui-button.ui-state-default.ui-button.-warning:hover,
            body button.ui-button.btn-warning:hover,
            body input[type="button"].ui-button.btn-warning:hover,
            body input[type="submit"].ui-button.btn-warning:hover,
            body .ui-button.ui-state-default.ui-button.btn-warning:hover,
            body .ui-widget-content .ui-button.ui-state-default.ui-button.btn-warning:hover,
            body .ui-widget-header .ui-button.ui-state-default.ui-button.btn-warning:hover {
                background: #d5a500;
                border-color: #d5a500;
                color: #4b3a00;
            }

        body button.ui-button.-success,
        body input[type="button"].ui-button.-success,
        body input[type="submit"].ui-button.-success,
        body .ui-button.ui-state-default.ui-button.-success,
        body .ui-widget-content .ui-button.ui-state-default.ui-button.-success,
        body .ui-widget-header .ui-button.ui-state-default.ui-button.-success,
        body button.ui-button.btn-success,
        body input[type="button"].ui-button.btn-success,
        body input[type="submit"].ui-button.btn-success,
        body .ui-button.ui-state-default.ui-button.btn-success,
        body .ui-widget-content .ui-button.ui-state-default.ui-button.btn-success,
        body .ui-widget-header .ui-button.ui-state-default.ui-button.btn-success {
            background: #21cb36;
            border-color: #1aa22b;
            color: #ffffff;
        }

            body button.ui-button.-success:hover,
            body input[type="button"].ui-button.-success:hover,
            body input[type="submit"].ui-button.-success:hover,
            body .ui-button.ui-state-default.ui-button.-success:hover,
            body .ui-widget-content .ui-button.ui-state-default.ui-button.-success:hover,
            body .ui-widget-header .ui-button.ui-state-default.ui-button.-success:hover,
            body button.ui-button.btn-success:hover,
            body input[type="button"].ui-button.btn-success:hover,
            body input[type="submit"].ui-button.btn-success:hover,
            body .ui-button.ui-state-default.ui-button.btn-success:hover,
            body .ui-widget-content .ui-button.ui-state-default.ui-button.btn-success:hover,
            body .ui-widget-header .ui-button.ui-state-default.ui-button.btn-success:hover {
                background: #1aa22b;
                border-color: #1aa22b;
                color: #ffffff;
            }

        body button.ui-button.txtOculto,
        body input[type="button"].ui-button.txtOculto,
        body input[type="submit"].ui-button.txtOculto,
        body .ui-button.ui-state-default.ui-button.txtOculto,
        body .ui-widget-content .ui-button.ui-state-default.ui-button.txtOculto,
        body .ui-widget-header .ui-button.ui-state-default.ui-button.txtOculto {
            display: none;
        }

body .ui-button.ui-state-hover,
body .ui-widget-content .ui-button.ui-state-hover,
body .ui-widget-header .ui-button.ui-state-hover,
body .ui-button.ui-state-focus,
body .ui-widget-content .ui-button.ui-state-focus,
body .ui-widget-header .ui-button.ui-state-focus {
    background: #6a7182;
    border-color: #505461;
    color: #ffffff;
    box-shadow: 0 1px 4px rgba(106, 113, 130, 0.25);
    background: #6a7182 !important;
    border-color: #505461 !important;
}

body .ui-dialog {
    background: #fff;
    box-shadow: 0px 0px 0px 3px #D46669, 0px 0px 20px 0 rgba(0, 0, 0, 0.2);
    border: 0;
    padding: 0 0 3px;
    border-radius: 2px;
    padding-bottom: 0;
}

    body .ui-dialog:focus {
        outline: none;
    }

    body .ui-dialog .ui-dialog-titlebar-close {
        display: none !important;
    }

.fechar {
    display: block !important;
    background-color: #D46669;
    color: #ffffff;
    font-size: 12px !important;
    border: none;
    box-shadow: none;
    float: right;
}

body .ui-dialog .ui-dialog-title {
    color: #FFF;
}

body .ui-dialog .ui-icon.ui-icon-closethick {
    position: absolute;
    left: 0;
    top: 0;
    background: none !important;
    text-indent: 0px;
}

    body .ui-dialog .ui-icon.ui-icon-closethick:before {
        content: '\00d7';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    body .ui-dialog .ui-icon.ui-icon-closethick:hover {
        opacity: .5;
    }

body .ui-dialog .ui-dialog-buttonpane {
    background-color: #f6fafc;
    border-top: 1px solid #dfe5e9;
}

body .jq-toast-wrap,
body .jq-toast-wrap:before,
body .jq-toast-wrap:after,
body .jq-toast-wrap *,
body .jq-toast-wrap *:before,
body .jq-toast-wrap *:after {
    box-sizing: border-box;
}

    body .jq-toast-wrap.top-left {
        top: 25px;
        left: 25px;
    }

    body .jq-toast-wrap.top-right {
        top: 25px;
        right: 25px;
    }

    body .jq-toast-wrap.bottom-left {
        left: 25px;
        bottom: 25px;
    }

    body .jq-toast-wrap.bottom-right {
        right: 20px;
        bottom: 20px;
    }

body .jq-icon-success {
    background-color: #5CB85C;
}

@media (max-height: 650px) {
    #rb-login-display {
        max-width: 510px;
    }

    #rb-login-form {
        padding: 25px;
        gap: 25px;
    }

    #rb-login.modo-ambientes #rb-login-form {
        padding-top: 1em;
        gap: 0.5em;
    }

    #companyLogo img {
        max-height: 100px;
    }
}

.disabled-btn {
    cursor: no-drop;
}

    .disabled-btn:hover {
        background-color: var(--rb-c-n-1) !important;
        color: #fff;
        cursor: no-drop;
    }
    .disabled-btn:focus {
        background-color: var(--rb-c-n-1) !important;
        color: #fff;
        cursor: no-drop;
    }