/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 04/04/2018, 07:44:41
    Author     : diogenes.francisco
*/

/*[62,64,149]*/

html, body, .geral { height: 100%!important;font-family: 'Open Sans', sans-serif!important; }
body > .geral { height: auto!important; min-height: 100%!important; }

.ui-menu{
    padding: 0px!important;
    margin: 0px!important;
}
.ui-menu, .ui-menu .ui-menu-child {
    background: #2B4055;
    padding: 5px!important;
}

.ui-widget-content {
    border: none;
    color: #d9d9d9;
}
.ui-widget-content a {
    color: #d9d9d9;
}

.ui-corner-all{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.ui-menu .ui-menuitem-link {
    padding: 20px!important;
    min-width: 100px;
}

.ui-menu .ui-state-default, .ui-menu .ui-widget-content .ui-state-default {
    border: none!important;
    background: #2B4055;
    font-weight: normal!important;
    color: #d9d9d9!important;
    text-shadow: none!important;
    box-shadow: none;
    text-transform: uppercase;
}

ul .ui-state-hover {
    /*border:none!important;*/
    background: #223344!important;
    color: #d9d9d9!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    transition: 1s;
}

.ui-state-hover {
    box-shadow:none!important;
}
.ui-state-hover .ui-button-text  {
    background: #223344!important;
}

.ui-button-text-only .ui-button-text {
    padding: 20px;
    text-transform: uppercase;
}

.ui-widget-content .ui-icon {
    background-image: url('images/ui-icons_616161_256x240.png.png');
}

.ui-button-text {
    /*background: #223344!important;*/
    padding: 10px!important;
}

.ui-footer {
    background: #2B4055;
    color: #d9d9d9;
    height: 240px;
    padding-top: 40px;
    clear: both;
    z-index: 1;
    position: relative;
    bottom: 0;
    width: 100%;
    /*margin-top: -240px; /* Este margin, tem que ser o mesmo valor da altura do rodapé, só     que negativo */
}

.container-view{}

.ui-footer p {
    margin: 0px;
}

.copyrigth {
    background: #223344;
    color: #d9d9d9;
    text-align: center;
    padding: 9px;
    margin-top: 20px;

}
.logo-branco {
    padding-left: 100px;
    width: 400px;
}

.logo-home {
    background: #2B4055;
    height: 70px;
    margin: auto;
}

.line-left {
    border-left: 1px solid #d9d9d9;
    padding-left: 60px;
}
@media(max-width: 500px){
    ui-footer {
        height: 150px;
    }
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../font/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.search-wrapper {
    color: rgb(130,130,130)!important;
    margin-top: -1px;
    border-top: 1px solid rgba(0,0,0,0.14);
    -webkit-transition: margin .25s ease;
    transition: margin .25s ease;
    z-index: -1;
}

i.material-icons {
    position: absolute;
    top: 50px;
    right: 10px;
}
.load-status-ajax {
    position: absolute;
    top: 45px;
    right: 4px;
}

.ui-button {
    border: none!important;
    text-shadow: none!important;
    font-weight: normal!important;
    background: #2B4055!important;
    color: #d9d9d9!important;
    /*padding: 5px!important;*/
    width: 250px!important;
}

.ui-state-hover button, .ui-dialog-titlebar .ui-state-hover {
    /*border:none!important;*/
    background: #2d2e6c!important;
    color: #d9d9d9!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.ui-widget-header{
    background: #2B4055!important;
    border: none!important;
    color: #d9d9d9!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    font-weight: normal!important;
    text-shadow:none!important;
}

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    color: rgb(130,130,130)!important;
}

.btn-margin-left {
    margin-left: 20px;
}

.pnResize {
    min-width: 200px;
    max-width: 300px;
}

.about-text p {
    color: rgb(180,180,180)!important;
    text-align: justify;
    margin: auto;
}

.about-div {
    min-height: 450px;
    background: #3c5977!important;
    padding-top: 70px;
    padding-left: 30px;
    padding-right: 30px;
}

.about-div h1 {
    font-size: 18pt;
    color: rgb(180,180,180)!important;
    text-align: justify;
}

.view-logo {
    background: url("../images/fundo-paisagem.jpg") center no-repeat fixed;
    background-size: 100% 100%;
    height: 300px;
}

.view-logo div {
    width: 190px;
    margin: auto;
    margin-top: 50px;
}

.btn, .btn-large, .btn-small{
    background-color: #2B4055!important;
    border-radius: 0px!important;
}

@media only all and (max-width: 1268px) {
    .btn-margin-left {
        margin-left: 0px;
        margin-bottom: 10px!important;
    }
    .ui-button {
        width: 100%!important;
    }

    #pnInfo .ui-panel .ui-panel-content {
        padding: 2px;
    }

}

@media only all and (max-width: 641px) {
    .logo-branco {
        width: 150px;
        margin: auto;
        padding-left: 0px;
        padding-top: 20px;
    }

    .logo-branco img {
        width: 100%;
    }
    .line-left {
        border-left: none;
    }

    .ui-footer {
        position: relative;
        padding-top: 0px;
    }

    .btnShowFile {
        display: none!important;
    }


}

@media only all and (max-height: 800px ) and (min-width:642 ) {
    .ui-footer {
        position: relative;
        padding-top: 0px;
    }

    .logo-branco {
        width: 150px;
        margin: auto;
        padding-left: 0px;
        padding-top: 20px;
    }
}