* {
    margin: 0px;
    padding: 0px;
}

main{
    margin-top: 7%;
}

/*.dataTables_scrollHeadInner, .table{
    width:100%!important
};*/

.hidden{
    display: none;
}

.cursor{
    cursor: pointer;
}

form strong{
    color: red;
}

/*.bg-green{
        background-color: #005F3C !important;
}*/

/*.navbar-light .navbar-nav .nav-link {
    color: #f2f2f2;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #ffffff;
}*/

.img-logo{
    width: 180px;
}

.icon-action {
    margin-top: 5px;
    float: right;
    font-size: 80%;
}

#ramais .card {
    margin-bottom: 15px;
}

.w-30{
    width: 30% !important;
}

.w50{
    width: 50% !important;
}

.w-70{
    width: 70% !important;
}

/*@media (min-width: 576px){
    .modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto;
    }
}*/

.tableFixHead          { overflow-y: auto; height: 300px; }
.tableFixHead thead th { position: sticky; top: 0; }

/* Just common table stuff. Really. */
.tableFixHead table  { border-collapse: collapse; width: 100%; }
.tableFixHead  th, td { padding: 8px 16px; }
.tableFixHead  th     { background:#eee; }

.btn-labeled { 
    padding-top: 0;
    padding-bottom: 0;
} 

.btn-label {
    position: relative;
    left: -12px;
    display: inline-block;
    padding: 6px 12px;
    background: rgba(0,0,0,0.15);
    border-radius: 3px 0 0 3px;
}

.tbody-itens input, .tbody-itens select, .tbody-itens button, .table-itens th{
    font-size: 12px;
}

#atualizar-pedidos .card-body{
    padding: 0.25rem;
}

@media (max-width: 1200px) {
    .table-responsive .table-itens{
        width: 300%;
    }
}

@media (max-width: 600px) {
    .owl-title{
        font-size: 22px;
    }

    .owl-text{
        font-size: 20px;
    }

    #ofertas{
        padding-right: 30px;
    }

    .owl-next {
        right: -19px;
    }
}

@media (min-width: 576px){
    #clienteModal .modal-dialog {
        max-width: 760px;
    }
}