body{
    height:100vh;
}

.z-10{
    z-index: 10;
}
.z-11{
    z-index: 11;
}

.opacity-50{
    opacity: 0.5;
}

.mx-auto{
	margin-right: auto;
	margin-left: auto;
}
.my-auto{
	margin-top: auto;
	margin-bottom: auto;
}
.notification{
	font-size: .8rem;
}
.error{
	color:red;
}
.success{
	color:green;
}

.dataTables_length,.dataTables_info{
	margin:10px 0;
    padding-left: 1rem;
}
.dataTables_length select{
    padding-right: 1.5rem!important;
}

.dataTables_filter,.dataTables_paginate {
	margin:10px 0;
    padding-right: 1rem;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
	padding:unset;
}

.btn{
	display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-primary {
    color: rgb(250, 250, 250);
    background-color: rgba(30, 41, 59);
    border-color: #ccc;
}

.dataTables_wrapper{
    overflow-x: auto;
}
@media (min-width: 1280px){
    .xl\:w-1\/5 {
        width: 20%;
    }
}

.items-center button:focus {
    border: none;
    outline: none;
  }

  .pr-2{
    padding-right:0.5rem;
  }