* {
    border-radius: 0 !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

html {
    height: 100%;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
    min-height: 100% !important;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

/* Set padding to display errors that occur during databinding */
.padding-error {
    padding-top: 20px;
}

.radio label, .checkbox label {
    padding-left: 0px !important;
}

@media only screen and (max-width: 767px) {
    .nofloat {
        float: none;
        padding: 10px 15px;
    }
}

@media (max-width: 978px) {
    .col-sm-12 {
        padding: 5px;
    }
}

.navbar {
    background-color: #D0080F !important;
}

.navbar-inverse {
    border-color: transparent !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: white !important;
}

    .navbar-inverse .navbar-nav > li > a:hover {
        color: #F4C4C6 !important;
    }

.navbar-brand {
    padding: 5px 5px !important;
}

    .navbar-brand > img {
        max-height: 100% !important;
        height: 100% !important;
        -o-object-fit: contain !important;
        object-fit: contain !important;
    }

#tabLockSync {
    border-collapse: collapse !important;
}

    #tabLockSync tbody tr.selected {
        background-color: #d9edf7 !important; /* azul claro */
    }

#tabSyncStatus {
    border-collapse: collapse !important;
}

table.dataTable thead th {
    
    white-space: nowrap;
}   

table.dataTable thead span.sort-icon {
    display: inline-block;
    padding-left: 5px;
    width: 16px;
    height: 16px;
}

table.dataTable thead .sorting span {
    background: url('https://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_both.png') no-repeat center right;
}

table.dataTable thead .sorting_asc span {
    background: url('https://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_asc.png') no-repeat center right;
}

table.dataTable thead .sorting_desc span {
    background: url('https://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_desc.png') no-repeat center right;
}

table.dataTable thead .sorting_asc_disabled span {
    background: url('https://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_asc_disabled.png') no-repeat center right;
}

table.dataTable thead .sorting_desc_disabled span {
    background: url('https://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_desc_disabled.png') no-repeat center right;
}

table.dataTable thead .sorting:after {
    content: "" !important;
}

table.dataTable thead .sorting_asc:after {
    content: "" !important;
}

.dataTables_length {
    margin-bottom: -40px;
}
@media (max-width: 978px) {
    .dataTables_length {
        margin-bottom: 0px;
    }
}

.dataTables_filter {
    display: none !important;
    float: right !important;
}

.dataTables_processing {
    z-index: 3000;
    position: fixed !important;
}

.site-footer {
    background-color: #DDD;
    color: black;
}

footer p {
    margin: 0 !important;
}

.btn-cavalinho {
    color: #fff;
    background-color: #D0080F;
    border-color: #D0080F;
}

.jumbotron {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: white;
}

@media (max-width: 767px) {
    .text-left-xs {
        text-align: left !important;
    }
}

.full-width-table-wrapper {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: calc(-50vw + 15px);
    width: calc(100vw - 30px);
}

.table-compact {
    font-size: 11.6px;
}

.table-compact_wrapper .dataTables_length,
.table-compact_wrapper .dataTables_filter,
.table-compact_wrapper .dataTables_info,
.table-compact_wrapper .dataTables_paginate {
    font-size: 12px;
}

.image-wrapper .image-preview {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    border: 1px solid #ccc;
    background: white;
    padding: 5px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.image-wrapper:hover .image-preview {
    display: block;
}

.bg-purple {
    background-color: #F2CEEF;
}