/**=====================
body styles
==========================**/

body {
  font-size: 14px;
  overflow-x: hidden;
  font-family: "Inter", sans-serif, sans-serif;
  color: #3D434A;
  background-color: #dbf6ff;
}

.btn-color-1 {
  background-color: #feebcc !important;
}

.bg-color-1 {
  background-color: #faa318 !important;
  color: #fff;
}

.btn-color-2 {
  background-color: #fbcce3 !important;
}

.bg-color-2 {
  background-color: #ed197e !important;
  color: #fff;
}

.btn-color-3 {
  background-color: #e4d8ea !important;
}

.bg-color-3 {
  background-color: #864e9e !important;
  color: #fff;
}

.btn-color-4 {
  background-color: #d4f1f3 !important;
}

.bg-color-4 {
  background-color: #3ac1c8 !important;
  color: #fff;
}


/** font colors priority **/
.font-p2 {
  color: #4aa3fb !important;
}

.font-p1 {
  color: #4a3cf3 !important;
}

.font-p3 {
  color: #767676 !important;
}



/** font color dates **/
.date {
    color: #6abd43 !important;
}


/** icons in table dept **/
.table-icon {
  height: 50px;
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}

svg.feather {
  width: 25px;
  height: 25px;
  stroke-width: 3;
}



/** pagination button color **/
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  background-color: lightskyblue!important;
  color: #fff !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}


#assignments-table-1_wrapper .dataTables_scrollBody::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

#assignments-table-1 td:not(.date) {
  font-variant-numeric: tabular-nums;
}