@media all {
    .container-fluid {
        max-width: 99%;
    }
}

.wrapper {
    padding: 100px 12px 0 12px;
}

/* .table-responsive[data-pattern="priority-columns"] {
    width: 100%;
    margin-bottom: 20px;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border-radius: 3px;
    border: 0px solid #303841 !important;
    -webkit-overflow-scrolling: touch;
} */

#relogio {
    font-size: 1rem;
}

#arrow-div {
    display: flex;
    align-items: end;
}

table #th-update {
    display: flex !important;
    flex-direction: column !important;
}

.table td, .table th {
    padding: .2rem;
    vertical-align: top;
    border-top: 1px solid #485561;
}

.table tr:hover, .table tr:hover {
    color: #FFF;
}

.table th {
    color: rgb(219, 219, 219);
}

.table th a {
    display: inline-flex;
    text-decoration: none;
    color: rgb(219, 219, 219);
}

.table th a:hover {
    color: #9ea0a3;
}

#datatable tr td .a-alerts {
    text-decoration: none;
    color: rgb(219, 219, 219);
}

#datatable tr td .a-alerts:hover {
    text-decoration: none;
    color: #9ea0a3;
}

.dataTables_scrollBody #datatable #automation-table tr {
    line-height: 1.5 !important;
}

.w-90 {
    max-width: 90%;
}

.width-150 {
    width: 150px;
}

.max-width-150 {
    max-width: 150px;
}

.min-width-150 {
    min-width: 150px;
}

.min-width-100 {
    min-width: 100px;
}

.invalid-feedback {
    display: block !important;
    width: 100%;
    margin-top: .25rem;
    font-size: .75rem;
    color: #f1556c;
}

.dataTables_filter {
    float: left !important;
    /* display: none; */
}

/* components.maquinas ------------------------------*/
@media(min-width: 1442px){
    #cards-set-embarcado {
        max-width: 30% !important;
    }
    #serviceList {
        min-width: 70% !important;
    }
    .cards-set {
        display: inline-block;
        width: 100%;
    }
}
.card-span {
    display: flex;
}
.card-p {
    width: 105px;
    /* text-align: right; */
}


/* Datatable-----------------------------------------*/
.table {
    width: 100%!important;
}

.table td{
    padding: 0.1rem;
    vertical-align: middle;
}


/* Botão dentro de TD de Table */
.btn-group-sm > .btn, .btn-sm {
    margin: 0.1rem;
    padding: .20rem .6rem;
    font-size: .875rem;
    line-height: 1.2;
    border-radius: .15rem;
}

.dataTables_scrollBody #datatable #automation-table tr {
    line-height: 2.8rem;
}


/* Select2 ------------------------------------------*/
.select2 {
    width: 100%!important;
}

/* Atendimento ---------------------------------------*/
#service-activity {
    height: auto;
    /* height: 100%; */
}


/* Cores   -------------------------------------------*/
.bg-info-dark {
    background-color: #3f9eb4;
}

.bg-warning-dark {
    background-color: #DB70DB;
}

/* Show Maquina Timeline -----------------------------*/
#headingOne span,  #headingOne a{
    font-size: 13px;
}

/* Botões --------------------------------------------*/
#showServiceIndexInMachineShow, #createServiceFormInMachineShow, #removeServiceFormFromMachineShow {
    padding-right: 5px;
    padding-left: 5px;
}

.filter-button {
    width: 150px;
}

.alerta-show {
    font-size: 1rem;
}

.show-confirmation {
    display: none !important;
}