:root {
  --primary-color: #033F59;
  --primary-faded-color: #086188;
  --primary-color-hover: #023348;
  --primary-color-email: #8b9dc3;

  --secondary-color: #0071A1;
  --secondary-color-hover:#016692;
  --notification-color: #0071A1;
  --third-color: rgb(223, 208, 208);
  --primary-sidebar-color: #dcd1d1;
  --primary-sidebar-color-hover: #fff;

  --primary-color-text: #6c7383;
  --border-radius: 8px;

  --primary-color-light-danger : #bfb6b6;
  --primary-color-light-blue :  #4a4747;

  --primary-color-dark-blue :  #7b6363;

  --primary-color-tale :  #783232;

}
.card .card-title {
  color: var(--primary-color-text) !important;

}
.pagination .previous , .pagination .next{
  cursor: pointer !important;
}
.student_page .table-responsive {
  overflow-x: auto !important;
}

.dataTable thead {
  height: 60px;
}
.dataTable tr {
  cursor: pointer;
}

.dataTable th::after,
.dataTable th::before {
  content: "" !important;
}

.dataTable th {
  padding-right: 56px !important;
  padding-left: 56px !important;
  vertical-align: middle !important;
}

.table-responsive {
  overflow-x: hidden !important;
}

.page-item.active .page-link,
.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
.jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a,
.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
.page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a,
.jsgrid .jsgrid-pager .active.jsgrid-pager-page a {

  color: #fff !important;

}

.fa-cog {
  color: white !important;
  background-color: var(--primary-color) !important;
  padding: 6px !important;
  border-radius: 30% !important;
  width: 26px !important;
  font-size: 0.9rem !important;
}

table td {
  color: var(--primary-color-text) !important;
}

.text-black {
  color: var(--primary-color-text) !important;
}

body,
.grid-margin h3 {
  color: var(--primary-color-text);
}

.card-tale h3,
.card-dark-blue h3,
.card-light-blue h3,
.card-light-danger h3 {
  color: white !important;
}

#restart i {
  cursor: pointer;
}

.form-check-input:checked {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.page-link:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
.jsgrid .jsgrid-pager .jsgrid-pager-page a:hover {

  color: white !important;

}

.paginate_button.disabled:hover {
  color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {

  color: white !important;

}

.pagination li:hover a {
  color: white !important;
}

.page-link:hover {
  color: white !important;
}

@media (min-width:1750px) {
  #restart i {
    margin-top: 14px;
    margin-left: 20px;
  }
}

@media (min-width:1250px) {
  #restart i {
    margin-top: 14px;
    margin-left: 12px;
  }
}

@media (max-width:790px) {
  #restart i {
    margin-top: 10px;
    margin-left: 25px;
  }
}