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

.oculta{
    display: none;
}

.temp{
    display: none;
}

.esconder{
    display: none;
}

.no-print{
    display:none !important;
}

.full_width{
    width: 100%;
}

.invisible{
    display: none !important;
}

#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: Open Sans, sans-serif;
    font-size: 0.8em;
}


#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: Open Sans, sans-serif}
h2 { font-size: 28px; color: #333; font-family: Open Sans, sans-serif}
h3 { font-size: 24px; color: #333; font-family: Open Sans, sans-serif}
h4 { font-size: 20px; color: #333; font-family: Open Sans, sans-serif}
h5 { font-size: 18px; color: #333; font-family: Open Sans, sans-serif}
h6 { font-size: 16px; color: #333; font-family: Open Sans, sans-serif}

p{
    font-family: Open Sans, sans-serif;
}

form label { 
    font-size: 14px; 
    color: #555; 
    font-family: Open Sans, sans-serif;
    font-weight: bold;
}

.panel-title { 
    font-size: 16px; 
    color: #333; 
    font-family: Open Sans, sans-serif;
    font-weight: bold;
}

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

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

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

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

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

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

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

.min{
    width: 4%;
}

.left{
    text-align: left;
}

.center{
    text-align: center;
}

.right{
    text-align: right;
}

.justify{
    text-align: justify;
}

.upper{
    text-transform: uppercase;
}

/* table thead th{
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #555;
    text-shadow: 0 1px 1px #ffffff;
    font-family: Open Sans, sans-serif;    
} */

/* tbody tr:hover{
    background-color: #FFFFE0;
    color: #FFF;
    text-shadow: 0 1px 1px #FFF;
} */
/* 
table thead{   
    background: #F5F5F5;
}

table tbody tr td{   
    vertical-align: middle !important;
} */

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

.link{
    cursor: pointer !important;
}

tbody tr:hover{
    background-color: #FFFFE0;
    color: #283C82;
    text-shadow: 0 1px 1px #FFF;
}

.table{
    background-color: #FFF;
}

.liberado{
    color: #4d9200 !important;
}

.resgatado{
    color: #710909 !important;
}

help{
    cursor: help;
}

.cancelado{
    color: red;
}

.pago{
    color: #005fcc;
}

.resgatado{
    color: #710909 !important;
}

div.box-lista{
    min-height: 490px;
}

.principal{
    font-weight: bold;
}

section label{
    font-size: 10px;
}

.select2-container .select2-selection--single {
    height: 34px !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #d2d6de;
    border-radius: 0px !important;
}

#upload div.message{
    text-align: center;
    font-size: 0.8em;
}

#upload{ 
    border-width: 1px;    
    min-height: 250px;
    /* background-image: url('../imagens/upload.gif') !important;  */
    background-repeat: no-repeat !important;    
    background-position: center center !important;
    overflow-y: hidden !important;
}

.capa{
    border: #0093DD solid 1px;
}

i.icon{
    font-style: normal;
}

tr.online{
    color: green;
}

tr.offline{
    color: red;
}

.dropzone .dz-preview .dz-image img {
    margin: auto !important;   /* center the image inside the thumbnail */
}
.dropzone .dz-preview .dz-error-message {
    top: 140px !important;     /* move the tooltip below the "Remove" link */
}
.dropzone .dz-preview .dz-error-message:after {
    left: 30px !important;     /* move the tooltip's arrow to the left of the "Remove" link */
    top: -18px !important;
    border-bottom-width: 18px !important;
}
.dropzone .dz-preview .dz-remove {
    margin-top: 4px !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
}