body {
    padding-bottom: 20px;
    background-color: #eee;
}

a,
a:hover {
    color: black;
}

.container-fluid {
    margin-left: 200px;
    padding: 1.5rem;
}

p {
    word-wrap: break-word;
}

.container-login {
    width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -150px;
}

.navbar-header {
    text-align: center;
    float: none;
    margin-bottom: 4rem;
    margin-top: 2rem;
}

.navbar-brand {
    padding: 0;
    float: none;
    font-family: "Audiowide", Arial, serif;
    font-weight: 400;
    font-size: 4rem;
    color: #fff;
    line-height: normal;
    text-shadow: 0 0 5px #6E6E6E;
}

.navbar-brand:hover {
    color: yellow;
}

.navbar-brand span {
    font-family: Arial;
    font-size: 1.5rem;
    display: inline-block;
    vertical-align: top;
}

.navbar-brand img {
    width: 150px;
    margin-top: 6px;
}

.so {
    display: none;
}

.form-inline .checkbox {
    margin-left: 1rem;
}

.form-inline .checkbox input {
    height: 18px;
    vertical-align: middle;
}

.form-inline .form-group {
    margin-left: 1rem;
}

.form-inline .form-group:first-child {
    margin-left: 0;
}

tr.z-0 td {
    background: #EEE;
}

.table-alerts .glyphicon {
    font-size: 2.5rem;
}

.table-contents a,
.table-remembers a {
    color: black;
}

.table-contents .glyphicon {
    font-size: 1.8rem;
}

.table-contents .glyphicon-certificate {
    color: rgb(255, 194, 0);
}

.table-contents .glyphicon-warning-sign {
    color: red;
}

.table-contents .glyphicon-ok {
    color: green;
}

.badge {
    background-color: red;
}

.table-contents .link-modal {
    text-decoration: underline;
    color: black;
}

.counts {
    float: right;
    font-size: 1.3rem;
}

.count {
    border-left: 2px solid;
    padding-left: 9px;
    margin-left: 7px;
}

.counts .count:first-child {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
}

.link-button {
    font-size: 1.8rem;
    color: black;
}

.page-header {
    margin-top: 0;
}

.panel-body h4 {
    color: #bbb;
    border-bottom: 1px solid;
    margin-top: 0;
    font-weight: normal;
    padding-bottom: 3px;
    font-size: 1.7rem;
    margin-bottom: 5px;
}

.panel-body h4.modal-title {
    border-bottom: none;
    color: inherit;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: bold;
}

ul.list-remembers,
ul.list-alerts {
    list-style: none;
    padding-left: 12px;
}

ul.list-remembers li,
ul.list-alerts li {
    border-bottom: 1px solid #ddd;
    margin-bottom: 6px;
    padding-bottom: 6px;
}

ul.list-remembers li:last-child,
ul.list-alerts li:last-child {
    border: none;
}

.contents-core-count {
    display: inline-block;
    text-align: center;
    width: 124px;
}

.contents-core-count .badge {
    font-size: 20rem;
}

.badge-core-count {
    font-size: 5rem;
    border-radius: 45px;
    width: 85px;
    padding: 18px 0;
}

.link-show-post-send {
    color: red !important;
}


/* NOVOS ESTILOS */

.navbar {
    border: none;
    width: 200px;
    background: #222;
    border-radius: 0;
    position: fixed;
    bottom: 0;
    top: 0;
    margin-bottom: 0;
}

.navbar hr {
    margin: 10px 0;
    border-color: #888;
}

.navbar-collapse {
    padding: 0 10px;
}

.navbar li a {
    color: #999;
}

.navbar li a .glyphicon {
    margin-right: 5px
}

.navbar-nav {
    float: none;
}

.navbar-nav>li {
    display: block;
    float: none;
}

.navbar-nav>li>a {
    text-shadow: none;
    padding: 1rem 0;
}

.navbar-nav li.active a {
    color: white;
}

.navbar-nav li.active a span {
    color: rgb(27, 190, 27);
}

.nav>li>a:hover,
.nav>li>a:focus {
    background: none;
}

.route-profile label {
    font-weight: normal !important;
}

.panel-default>.panel-heading {
    background: none;
}

.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.link-files a {
    color: white;
}

.link-files {
    font-size: 1.5rem;
    font-weight: 400;
}

.link-files a:last-child {
    margin-left: 15px;
}

.thumbnail-files-container strong {
    display: block;
}

.thumbnail-files {
    display: inline-block;
    text-align: center;
    margin-top: 8px;
    margin-right: 15px;
}

.thumbnail-files img {
    width: 70px;
    background: #bbb;
    padding: 4px;
}

.thumbnail-files .link-file-delete {
    display: block;
}

#form-traking {
    text-align: center;
}

#form-traking p {
    color: white;
    font-size: 2rem;
}

.dataTable td {
    border-bottom: 1px solid;
    border-right: 1px solid;
}

.dataTable th {
    border-right: 1px solid;
}

.dataTable tr td:last-child {
    border-right: none;
}

.dataTable .item {
    padding: 2px 5px;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    border-left: 1px solid #666;
}

.dataTable td .item:first-child {
    border-top: 1px solid #666;
}

.DTFC_LeftBodyLiner td,
.DTFC_LeftHeadWrapper th {
    background: #70237C;
    color: white;
    border-color: white !important
}

.dataTables_scrollHeadInner tr:first-child th {
    background: #70237C;
    color: white;
    border-color: white;
    text-align: center;
}

.dataTables_scrollHeadInner tr:last-child th {
    background: #999;
    text-align: center;
    text-transform: uppercase;
}

.DTFC_LeftHeadWrapper tr th:last-child {
    background: #A347AD;
}

.DTFC_LeftHeadWrapper tr th:first-child {
    color: #FFDE83;
}

.DTFC_LeftBodyWrapper tr td:last-child {
    background: #A347AD;
    text-align: center;
}

.DTFC_LeftBodyWrapper tr td:first-child {
    color: #FFDE83;
    text-align: center;
}

ul.legenda {
    padding: 0;
    text-align: center;
    margin-top: 1.5rem;
}

ul.legenda li {
    list-style: none;
    display: inline-block;
    padding: 2px 8px;
    margin-right: 10px;
}

ul.legenda li:last-child {
    margin-right: 0;
}

.table-content-sends {
    margin-bottom: 0;
}

.table-content-sends .date {
    font-size: 1.15rem;
}

.table-content-sends td {
    font-size: 1.3rem;
}

.table-content-sends p {
    margin-bottom: 6px
}

.table-content-sends .message {
    font-style: italic;
}

.table-content-sends .thumbnail-files-container {
    border-top: 1px solid #eee;
    padding-top: 7px;
}

.table-content-sends .files-title {
    margin-bottom: 0;
}

.table-content-sends .thumbnail-files img {
    width: 40px;
    padding: 2px;
}

.table-content-sends .thumbnail-files {
    margin-right: 8px;
}

.table-content-sends a {
    color: #777;
    text-decoration: underline;
}

.header-to-send .form-inline {
    text-align: right;
}

.form-group.form-inline .form-group {
    margin-right: 10px;
}

.ico-2 .glyphicon {
    color: red !important;
    float: right;
}

#not-implemented {
    text-align: center;
    font-size: 10rem;
    padding-top: 15rem;
}

#not-implemented h3 {
    font-size: 5rem;
}

#not-implemented p {
    font-size: 1.6rem;
    font-weight: bold;
}

#version {
    color: white;
    display: inline-block;
    vertical-align: bottom;
    font-size: 1.5rem;
    margin-left: 7px;
    margin-bottom: -3px;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: #444;
    color: white;
}

.dropdown-menu>li>a {
    color: #000;
}

.nav-user {
    margin-top: 4.5rem;
    padding-top: 1rem;
    border-top: 1px solid #444;
}

.message-box {
    position: absolute;
    z-index: 201;
    width: 300px;
    right: 20px;
    top: 20px;
    background: rgba(0, 0, 0, 0.7);
    padding: 12px;
    border-radius: 7px;
    color: white;
}

.message-box a.bt-close {
    float: right;
    display: inline-block;
    color: white;
    padding-left: 10px;
}

.message-box p {
    margin: 0;
}

.message-box.error {
    background: rgba(255, 0, 0, 0.7);
}

.message-box.success {
    background: rgba(0, 134, 0, 0.7);
}

.form-group.project-add {
    width: 300px;
}

input[type=checkbox] {
    visibility: hidden;
    margin-right: 12px;
    cursor: pointer;
    margin-top: 0;
}

input[type=checkbox]:before {
    content: " ";
    display: inline-block;
    width: 18px;
    height: 18px;
    visibility: visible;
    border: 2px solid #555;
    color: #555;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 12px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
}

input[type=checkbox]:checked:before {
    content: "\e013";
    font-family: 'Glyphicons Halflings';
}

.acaomassa {
    float: right;
    margin-right: 1.5rem;
    margin-top: -2px;
    display: none;
}

.route-remembers .acaomassa {
    float: none;
}

.table-striped-2>tbody>tr:nth-child(4n-1)>td,
.table-striped-2>tbody>tr:nth-child(4n-4)>td {
    background: #efefef;
}

.table-sms th {
    text-align: center;
    background: #efefef;
}

.table-sms > thead {
    border-bottom: 3px solid #ccc !important;
}

.ico-action {
    margin: 0 5px;
}

.bt-action-top {
    margin-bottom: 1.5rem;
    text-align: right;
}

.panel-sale h3 {
    margin-top: 0;
}

.sort a {
    color: #F44336;
}

.sort a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0; 
    height: 0;
    margin-top: -4px;
    margin-left: 5px;
}

.sort.sort-desc a:after, .sort.sort-asc a:hover:after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent; 
    border-top: 8px solid #F44336;
    border-bottom:none;
}

.sort.sort-asc a:after, .sort.sort-desc a:hover:after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent; 
    border-bottom: 8px solid #F44336;
    border-top: none;
}

/* FIM DOS NOVOS ESTILOS */

.modal-lg {
    width: 90%;
}

.bt-action {
    font-size: 22px;
}

#modalCalc .modal-dialog {
    width: 300px;
}

#modalCalc .form-group {
    margin-left: 0;
}

#modalCalc .form-group:first-child {
    margin-bottom: 15px;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}


/* ESTILOS DO SISTEMA */

.option-observations {
    border-top: 1px solid #eee;
    color: #888;
    font-weight: 300;
    font-size: 0.9em;
    padding-top: 4px;
    text-align: center;
}

.select2-results__option--highlighted .option-observations {
    color: #ddd;
}

.select2-results__option {
    border-top: 1px solid #ccc;
}

.select-option-selected .option:nth-child(2n+2) {
    background: #eee;
}