h2, h3, h2 a {
    margin-left: 0px;
    margin-bottom: 5px;
    font-size: 24px;
    font-family: Trebuchet MS;
}

h2 a {
    color: blue;
}

h3 {
    font-size: 20px;
    margin-bottom: 20px;
}

#call_type_by_operator, 
#call_type_total, 
#operator_calls_total, 
#dest_calls_total {
    float: left;
    clear: both;
    margin: 5px;
    padding: 5px;
    width: 1190px;
}

#call_type_by_operator table, 
#call_type_total table, 
#operator_calls_total table, 
#dest_calls_total table {
    float: right;
    width: 645px;
}

#call_type_by_operator table a, 
#call_type_total table a, 
#dest_calls_total table a {
    display: block;
    width: 100%;
    text-decoration: none;
    color: blue;
}

table a:hover {
    text-decoration: underline;
}

.graph {
    float: left;
    width: 540px;
    height: 300px;
}

tfoot {
    background-color: #fff;
    font-weight: bold;
    border: 0px;
    border-top: solid #669 2px;
}

table th {
    background-color: #003E5D;
    font-size: 12px;
    font-weight: normal;
    border: solid #669 1px;
    color: #fff;
    text-align: center;
    padding: 10px;
}

table, table td {
    border-collapse: collapse;
}

table td {
    border: solid #669 1px;
    padding: 4px;
}

tfoot td {
    padding: 5px;
}

.center_col {
  text-align: center;
}

.text_col {
    text-align: left;
}

.fixed_width_currency_col {
    width: 100px;
}

.currency_col {
    text-align: right;
}

.percent_col {
    text-align: center;
    width: 60px;
}

.percent_col:after {
    content: "%";
}

.username_col {
    overflow: hidden;
    max-width: 80px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.empty_col {
    background: url('/media/images/hachurado.png');
    background-repeat: repeat !important;
}

.currency_col:before {
    content: "R$ ";
}

.number_col {
    width: 100px;
    text-align: right;
}

#graphs_area {
    float: left;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#filter_form {
    border-top: solid #ccc 1px;
    padding: 5px;
    padding-top: 10px;
    width: 1190px;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

#filter_form form {
    float: left;
    width: 100%;
}

#filter_form form input, #filter_form form select {
    margin-right: 10px;
}

#filter_form input[type=submit] { margin-left: 25px; }

#pdf_button {
    float: right;
    margin-right: 5px !important;
    margin-top: 2px;
}

#print_button {
    float: right;
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-top: 2px;
}

#content {
    width: 1200px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}

#login_bar {
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    text-align: right;
    background-color: #ddd;
    color: #000;
}

#login_bar a {
    color: #00a;
    text-decoration: none;
}

#login_bar a:hover {
    text-decoration: underline;
}

.username {
    font-weight: bold;
}

.client_never_updated { font-weight: bold; }

#export_all_button { float: right; margin-top: 10px; margin-right: 5px; }

.even { background-color: #ddd; }