/*@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700); */

.oculta{
    display: none;
}

.full_width{
    width: 100%;
}

.move{
    cursor: move;
}

#overlay {
    display: none; /* ensures it’s invisible until it’s called */
    position: absolute; /* makes the div go into a position that’s absolute to the browser viewing area */
    left: 25%; /* positions the div half way horizontally */
    top: 25%; /* positions the div half way vertically */
    padding: 25px; 
    border: 1px solid #F5F5F5;
    background-color: #ffffff;
    width: 40%;
    min-height: 5%;    
    z-index: 99999 !important; /* makes the div the top layer, so it’ll lay on top of the other content */
    -webkit-box-shadow: 0px 0px 3px 0px rgba(255, 255, 255, 0.75);
    -moz-box-shadow:    0px 0px 3px 0px rgba(255, 255, 255, 0.75);
    box-shadow:         0px 0px 3px 0px rgba(255, 255, 255, 0.75);
    font-family: serif;
    font-size: 1.4em !important;
}


#fade {
    display: none;  /* ensures it’s invisible until it’s called */
    position: absolute;  /* makes the div go into a position that’s absolute to the browser viewing area */
    left: 0%; /* makes the div span all the way across the viewing area */
    top: 0%; /* makes the div span all the way across the viewing area */
    background-color: black;
    -moz-opacity: 0.7; /* makes the div transparent, so you have a cool overlay effect */
    opacity: .70;
    filter: alpha(opacity=70);
    width: 100%;
    height: 100%;
    z-index: 99998; /* makes the div the second most top layer, so it’ll lay on top of everything else EXCEPT for divs with a higher z-index (meaning the #overlay ruleset) */    
}

/* h1 { font-size: 32px; color: #333; font-family: Cambria, Georgia, serif} */
h1 { font-size: 32px; color: #333; font-family: 'Lato', Calibri, Arial, sans-serif}
h2 { font-size: 28px; color: #333; font-family: 'Lato', Calibri, Arial, sans-serif}
h3 { font-size: 24px; color: #333; font-family: 'Lato', Calibri, Arial, sans-serif}
h4 { font-size: 20px; color: #333; font-family: 'Lato', Calibri, Arial, sans-serif}
h5 { font-size: 18px; color: #333; font-family: 'Lato', Calibri, Arial, sans-serif}
h6 { font-size: 16px; color: #333; font-family: 'Lato', Calibri, Arial, sans-serif}

p{
    font-family: 'Lato', Calibri, Arial, sans-serif;
}

form label { 
    font-size: 14px; 
    color: #555; 
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-weight: bold;
}

.timer{
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-weight: bold;
}

.timer:first-child{
    color: #999;
}

.panel-title { 
    font-size: 16px;     
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-weight: bold;
}

.h_300{
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.h_350{
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.h_400{
    height: 400px;
    overflow-y: auto;
}

.h_400_v_align{
    height: 400px;    
    padding-top: 170px;
    vertical-align: middle;
    font-size: 2em;
    color: #999;    
}

.h_450{
    height: 450px;
    overflow-y: auto;
}

.h_500{
    height: 500px;
    overflow-y: auto;
}

.h_550{
    height: 550px;
    overflow-y: auto;
    display: flex;    
}

.h_600{
    height: 600px;
    overflow-y: auto;
}

.pagination .atual{
    background-color: #5F9EA0;
    color: #fff;
    font-weight: bold;
}

.pagination{
    margin-top: 0px;
    margin-bottom: 0px;
}

.min{
    width: 4% !important;
}

.left{
    text-align: left;
}

.center{
    text-align: center;
}

.right{
    text-align: right;
}

.justify{
    text-align: justify;
}

.upper{
    text-transform: uppercase;
}

.disabled{
    cursor: not-allowed;
    opacity: 0.4;
}

i.icon{
    font-style: normal !important;
}

.I{
    color: #5F9EA0;
}

.R{
    color: #0075b0;
}

.D{
    color: #800;
}

.min-space{
    height: 5px;
}

.link{
    cursor: pointer;    
}

.float-left{
    float: left;
}

.top-10{
    margin-top: -10px;
}

.bold{
    font-weight: 700;
}

.medium-text{
    font-size: 14px;
}

.textarea_alteracao{
    margin-bottom: 2em;
}

.textarea_devolucao{
    margin-bottom: 1em;
    margin-top: 0.5em;
}

.pagina-ativa {
    background-color: #367fa9 !important;
    color: #fff !important;
}