@charset "UTF-8";

@font-face {
    font-family: 'Palanquin';
    font-style: normal;
    src: local('Palanquin SemiBold'), local('../fontes/Palanquin-SemiBold');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin-ext */
@font-face {
    font-family: 'Palanquin';
    font-style: normal;
    src: local('Palanquin Bold'), local('../fontes/Palanquin-Bold');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin-ext */
@font-face {
    font-family: 'Palanquin';
    font-style: normal;
    src: local('Palanquin Regular'), local('../fontes/Palanquin-Regular');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Palanquin';
    font-style: normal;
    src: local('Palanquin Medium'), local('../fontes/Palanquin-Medium');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Bear And Bunny';
    font-style: normal;
    src: local('Bear And Bunny'), local('../fontes/Bear and Bunny');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
    font-family: "Palanquin", "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin: 0;
    font-size: small;
}

body .ui-widget {
    font-family: "Palanquin", "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 14px;
}

body .ui-inputfield {
    font-size: 14px;
}

body .ui-selectonemenu .ui-selectonemenu-label {
    min-height: calc(1rem + 3px);
}

body .ui-menu.ui-menubar {
    background-color: #FFCA08;
    padding: 0;
}

body .ui-icon {
    font-size: small;
}

.container {
    position: relative;
    width: 100%;
    float: left;
}

div#header {
    height: 2rem;
}

/*.ui-menu-list {
    background-color: #F8B703;
}*/

.ui-menu-list {
    background-color: #FFCA08;
}

.ui-menuitem {
    background-color: #FFCA08;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: .99rem;
    list-style: none;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
    vertical-align: middle;
    float: none;
    color: #3e3e3e;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover {
    background-color: white;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
    color: #3e3e3e;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
    padding-top: 0.571em;
    padding-bottom: 0.571em;
}

body .ui-button {
    background-color: #FFCA08;
    border: 1px solid #FFCA08;
    color: #3e3e3e;
}

body .ui-menu {
    background-color: #FFCA08;
    border: 0px;
}

body label {
    color: rgb(62, 62, 62);
}

#topdiv {
    display: none;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token {
    background-color: #0080ff;
    color: white;
}

.menuTopLogin {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: baseline;
        
    }
    
    .userLabel {
        display: flex;
        flex-direction: row;
        align-items: baseline;
        width: fit-content;
        
    }
    
    .userLabel label {
        margin-left: 4px;
        margin-right: 4px;
    }
    
    .passwordLabel label {
        margin-right: 4px;
    }
    
    .menuTopLogin input {
        width: 130px;
        margin-right: 4px;
    }
      
    .reset-create a {
        margin-right: 8px;
    }
    
    @media only screen and (max-width: 1148px) {
        .menuTopLogin {
            width: 100%;
            display: flex !important;
            position: relative !important;
            flex-direction: row !important;
            justify-content: center !important;
            align-items: center;
            padding: 10px;
            margin-bottom: 10px;
            font-size: 12px;
        }
    }
    
/*    @media only screen and (max-width: 900px) {
        
    }*/

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

    form#menu {
        width: 100% !important;
        padding: 0;
        padding-left: 10px;
        margin: 0;
        
    }

    /*    .tophide {
            display: none !important;
        }*/

    /*    div#header {
            display: none;
        }*/

    #topdiv {
        display: flex;
        width: 100%;
    }

    .responsive {
        padding-bottom: 0px !important;
        padding-right: 0px !important;
    }

    #menu\:logadocel {
        border: none;
    }

    #icone {
        position: relative;
        padding: 0;
        margin: 0;
        font-size: xx-large;
        color: #3e3e3e;
        background-color: #FFCA08;
        height: 100%;
        left: 30%;
        text-align: center;
    }

    #icone:hover {
        cursor: pointer;
    }

    .ui-menu .ui-menuitem-text {
        font-size: large;
    }

    .ui-menuitem, .ui-menu-list {
        width: 100% !important;
    }

    #menu\:logado {
        display: none;
    }

    #menu\:btSairApp {
        width: 100%;
        font-size: large;
        text-align: left !important;
        margin-left: 0.8rem;
    }

    #menu\:menutopnav {
        width: 100%;
    }
        
    .menuTopLogin button {
        font-size: 12px;
    }
        
/*    .menuTopLogin div {
        width: 100%;
    }*/
       
    .menuTopLogin input {
        width: 112px;
        font-size: 12px;
/*        width: 100%;*/
        margin-bottom: 10px;
        margin-right: 0px;
    }
    
    body .ui-button.ui-button-text-icon-left .ui-button-text {
        padding-left: 30px !important;
    }
          
/*    .enterBtn button {
        width: 100% !important;
        margin-top: 10px;
        margin-bottom: 20px !important;
    }*/
    
    .enterBtn {
        display: flex;
        justify-content: space-between;        
    }

    .reset-create {
        display: flex;
        justify-content: space-between;
    }
    
    .reset-create a {
        margin-right: 0px;
    }
    
    .passwordLabel label {
        margin: 0px;
    }
    
    .userLabel {
        padding-left: 10px;
        width: 100%;
        display: flex;
        position: relative;
        flex-direction: row;
    }
    
    .userLabel label {
        margin: 0;
    }

    }
    
    @media only screen and (max-width: 710px) {
        .menuTopLogin {
            width: 100%;
            display: flex !important;
            position: relative !important;
            flex-direction: column !important;
            justify-content: center !important;
            
        }
                
        .enterBtn {
            width: 100%;
        }
        
        .reset-create {
            width: 100%;
        }
    }
    
    @media only screen and (max-width: 599px) {
          
    .menuTopLogin button {
/*        background-color: #fbce2b !important;*/
        margin-top: 10px;
    }
    }