.commison-per-wrapper{
    background:#fff;
    padding: 2px 10px;
    margin-bottom: 12px;
}
.commison-per-wrapper table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}


.commison-per-wrapper td,.commison-per-wrapper th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

.commison-per-wrapper input.btn-submit {
    background: #0a4b78;
    color: #fff;
    border: 1px solid #0a4b78;
    padding: 8px 12px;
    border-radius: 4px;
    cursor:pointer;
}

.alert-success-box {
    background: #639e63d4;
    color: #fff;
    padding: 12px;
    margin: 13px 0px;
}

#commision_report {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#commision_report td, #commision_report th {
  border: 1px solid #ddd;
  padding: 8px;
  color:#000;
}

#commision_report tr:nth-child(even){background-color: #f2f2f2;}

#commision_report tr:hover {background-color: #ddd;}

#commision_report th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #50575e;
  color: white;
}
.commision_wrapper_tables{
    padding:15px;
    background-color:#fff;
    margin:5%;
    font-size:12px;
}
.dataTables_wrapper .dataTables_length select{
    -webkit-appearance: unset !important;
    background: none !important;
}
.filter-box{
    margin-bottom:12px;
}

.btn-commision_report{
    background: #8c8c8c;
    border: 1px solid #8c8c8c;
    color: #fff;
    padding: 8px 15px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 600;
}