.width-100{
    width: 100%!important;
}

.width-90{
    width: 90%!important;
}

.action-dropdown-menu-start{
    margin-right: 110px !important;
}

.datatable-design th,
.datatable-design td:not(.modal-element)
{
    padding-top: 3px!important;
    padding-bottom: 3px!important;
    padding-left: 3px!important;
    font-size: 12px!important;
    line-height: 12px!important;
}

.datatable-design th::after,
.datatable-design th::before {
    position: absolute!important;
    top: 1px!important;
    right: 5px!important;
}

.datatable-design .btn:not(.modal-element)
{
    padding-top: 0!important;
    padding-bottom: 0!important;
    font-size: 12px!important;
    line-height: 12px!important;
}

.datatable-design-0 th, .datatable-design-0 td{
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.datatable-design-0 .sorting_desc{
    padding-top: 0!important;
}

.datatable-design select:not(.modal-element),
.datatable-design input:not(.modal-element),
.dataTables_info,
.paginate_button,
.dataTables_length,
.dataTables_filter
{
    font-size: 12px!important;
    padding-top: 0!important;
}

.datatable-design .form-control-sm:not(.modal-element){
    padding-top: 0!important;
    padding-bottom: 0!important;
    font-size: 12px!important;
    line-height: 12px!important;
    height: 20px!important;
}

#order-table .dataTables_length, #order-table .dataTables_filter{
    /*display: none!important;*/
}

.datatable-design .first-input{
    float:left!important;
    width: calc( 100% - 20px )!important;
}
.datatable-design .second-input{
    float: left!important;
    width: 20px!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../img/icons/filter_black.png") white no-repeat 50% !important;
    background-size: 10px 10px!important;
}

.page-link{
    padding-top: 1px!important;
    padding-bottom: 1px!important;
}

.chosen-tr{
    background-color: darkgreen!important;
    color: white!important;
}

/* Tabs */

.harmony-tabs .nav-link{
    font-size: 12px!important;
}

.harmony-tabs .nav-link.active{
    background-color: darkgray;
    color: white;
}

.harmony-tabs .nav-link i{
    margin-left: 5px!important;
}

.harmony-tabs .dropdown-item{
    font-size: 12px!important;
}

/* Action Menu */

.action-menu .btn{
    padding-top: 2px!important;
    padding-bottom: 2px!important;
    font-size: 12px!important;
}

.livewire-table th, .livewire-table td{
    white-space: nowrap!important;
}

/* btn app

 */

.breadcrumb .btn-app{
    height: 50px!important;
}

.breadcrumb i{
    font-size: 15px!important;
}