.maxw-50 {
    max-width: 50px;
}

.maxw-75 {
    max-width: 75px;
}

.dataTable tfoot tr th.col-unseen.maxw-50 input.filter {
    width: 0px;
    height: 0px;
    min-width: unset;
    opacity: 0;
}

.dataTable td.maxw-50 a {
    color: #6c757d;
}

.dataTable tr:hover td.maxw-50 a {
    color: #ffffff;
}

.dataTable tr:hover td.maxw-50 a:hover {
    color: #6c757d;
}

.dataTables_filter label input {
    width: 100%;
}

tfoot input.filter {
    border-radius: 3px;
    border: 2px solid #c7cfd6;
    border-width: 2px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

tfoot input.filter:focus {
    box-shadow: none;
    border-color: #EC7D0F;
    outline: none;
}

input:focus::placeholder {
    color: transparent;
}

.bubble.top:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-color: #EC7D0F transparent;
    border-width: 0 6px 7px;
    top: -6px;
    left: 12px;
}

.bubble.left:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-color: transparent #EC7D0F;
    border-width: 5px 10px 5px 0;
    top: 12px;
    left: -10px;
}

.btn.btn-icon.btn-icon-style-4:hover {
    color: #EC7D0F;
}

input[type="search"] {
    max-width: 200px;
}


.loading { position: relative; }
.loading::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(237, 126, 14, 0.15);
    background-image: none;
    background-position: center;
    background-repeat: no-repeat;
}
.loading::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    margin: auto;
    background: none;
    display: block;
    width: 36px;
    height: 36px;
    margin: 1px;
    border-radius: 50%;
    border: 5px solid #EC7D0F;
    border-color: #EC7D0F transparent #EC7D0F transparent;
    animation: dual-ring-spinner-2 1.2s linear infinite;
}
@keyframes dual-ring-spinner-2 {
    0% {
        transform: translateX(-18px) translateY(-18px) rotate(0deg);
    }
    100% {
        transform: translateX(-18px) translateY(-18px) rotate(360deg);
    }
}

#DataTables_Table_0_wrapper .dataTable tbody tr:hover td a.mr-5 i.fa.fa-lg.fa-download,
#DataTables_Table_0_wrapper .dataTable tbody  tr:hover td a i.fa.fa-lg.fa-trash {
    color: #ffffff;
}
.table-hover tbody tr:hover i, .table-hover tbody tr:hover a {
	color: #ffffff;
}
.dataTables_processing.card {
    display: block;
    height: auto;
    padding: 20px;
    background: #ec7d0fc4;
}