input[type=number]:not(.progress-field)::-webkit-inner-spin-button, 

input[type=number]:not(.progress-field)::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

input[type=checkbox]:hover { cursor: pointer; }

label { margin-bottom: 2px !important; }



.text-primary {

  color: #006 !important;

}

a.text-primary:hover {

  color: #442995 !important;

}

.bg-primary {

  background-color: #006 !important;

}

.bg-primary-light {

  background-color: rgba(0,0,102,.05) !important;

}

.bg-light {

  background-color: rgba(0,0,102,.1) !important;

}

.border-primary{

  border: 1px solid #006 !important;

}

.border-primary-light{

  border: 1px solid rgba(0,0,102,.45) !important;

}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {

  color: #FFFFFF;

  background-color: #006;

}

.btn-primary {

  color: #FFFFFF;

  background-color: #006;

  border-color: #006;

}

.btn-outline-primary {

  color: #006;

  background-color:transparent;

  border-color: #006;

}

.btn-primary:hover {

  color: #FFF;

  background-color: rgba(0,0,102,0.75);

  border-color: #006;

}

.btn-primary:not(:disabled):not(:disabled):active {

  color: #FFF;

  background-color: rgba(0,0,102,0.75);

  border-color: #006;

}

.btn-primary:not(:disabled):not(:disabled):focus {

  color: #FFF;

  background-color: rgba(0,0,102,0.75);

  border-color: #006;

}

.btn-outline-primary:hover {

  color: #FFF;

  background-color: #006;

  border-color: #006;

}

.btn-outline-primary:not(:disabled):not(:disabled):active {

  color: #FFF;

  background-color: rgba(0,0,102,0.75);

  border-color: #006;

}

.btn-outline-primary:not(:disabled):not(:disabled):focus {

  color: #FFF;

  background-color: rgba(0,0,102,0.75);

  border-color: #006;

}

.page-link {

  color: #006;

  background-color: #FFF;

  border: 1px solid rgba(0,0,102,0.45);

}

.page-item.active .page-link {

  color: #FFFFFF;

  background-color: #006;

  border-color: #006;

}

.page-item.disabled .page-link {

  color: rgba(0,0,102,0.7);

  background-color: #FFF;

  border-color: rgba(0,0,102,0.45);

}

.page-link:hover {

  color: #FFF;

  background-color: rgba(0,0,102,0.75);

  border-color: rgba(0,0,102,0.75);

}

.alert-dismissible .close {

  padding: .6rem 1.25rem;

}

.modal-body {

  border-bottom-left-radius: calc(.3rem - 1px);

  border-bottom-right-radius: calc(.3rem - 1px);

}



a.crm {

  color: #006;

  font-size: 4.5rem;

  font-weight: 400;

  text-decoration: none;

}

a.crm:hover {

  color: #006;

}

a.crm:active {

  color: #006;

}



a.link {

  color: #006;

  font-size: 1.75rem;

  font-weight: 400;

  vertical-align: center;

  display: inline-block;

  text-decoration: none;

}

a.link:hover {

  color: #006;

}

a.link:active {

  color: #006;

}

a.link:after {

  content: "";

  width: 0px;

  height: 2px;

  display: block;

  background: #006;

  transition: .25s ease-in-out;

}

a.link:hover:after {

  width: 100%;

}



a.link-no-underline {

  color: #006;

  font-size: 1.75rem;

  font-weight: 400;

  vertical-align: center;

  display: inline-block;

  text-decoration: none;

}

a.link-no-underline:hover {

  color: #006;

}

a.link-no-underline:active {

  color: #006;

}



.link-hover {

  cursor: pointer;

}



.tab-box {

  color: #006;

  border: 1px solid #006;

  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.tab-box:hover {

  color: #FFFFFF;

  background-color: #006;

}

.tab .active:hover {

  color: #FFFFFF;

  background-color: rgba(0,0,102,0.75);

}

.tab-box-2 {

  height: 2.7rem;

  color: #006;

  border: 1px solid #006;

  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.tab-box-2:hover {

  color: #FFFFFF;

  background-color: #006;

}



.year-box:hover {

  cursor: pointer;

}

.year-box:hover span {

  color: #FFFFFF;

  background-color: #006;

}

.year-box span {

  background-color: #FFFFFF;

  color: #006;

  margin-right: -1px;

  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.year-box input {

  height: 2.625rem;

}

.year-box span.active {

  background-color: #006;

  color: #FFFFFF;

}

.year-box span.active:hover {

  color: #FFFFFF;

  background-color: #006

}



#email {

  color: #006;

  resize: none;

  cursor: auto;

}

#email:disabled {

  background-color: rgba(0,0,102,.05);

}



.close {

  opacity: 1 !important;

}



/* dataTables CSS modification & positioning */

.table thead th {

  border-bottom: 2px solid #006 !important;

}

table.dataTable thead .sorting:before,

table.dataTable thead .sorting_asc:before,

table.dataTable thead .sorting_desc:before,

table.dataTable thead .sorting_asc_disabled:before,

table.dataTable thead .sorting_desc_disabled:before {

  right: 0 !important;

  content: "" !important;

}

table.dataTable thead .sorting:after,

table.dataTable thead .sorting_asc:after,

table.dataTable thead .sorting_desc:after,

table.dataTable thead .sorting_asc_disabled:after,

table.dataTable thead .sorting_desc_disabled:after {

  right: 0 !important;

  content: "" !important;

}

table.dataTable thead th {

  position: relative;

  background-image: none !important;

}

table.dataTable thead th.sorting:after,

table.dataTable thead th.sorting_asc:after,

table.dataTable thead th.sorting_desc:after {

  position: absolute !important;

  top: 12px !important;

  right: 8px !important;

  display: block !important;

  font-family: "Font Awesome 5 Free" !important;

}

table.dataTable thead th.sorting:after {

  content: "\f0dc" !important;

  color: rgba(0,0,102,.25) !important;

  opacity: 1;

}

table.dataTable thead th.sorting_asc:after {

  content: "\f0de" !important;

  color: #006 !important;

  opacity: 1;

}

table.dataTable thead th.sorting_desc:after {

  content: "\f0dd" !important;

  color: #006 !important;

  opacity: 1;

}

.table-striped tbody tr:nth-of-type(odd) {

  background-color: rgba(0,0,102,.05) !important;

}

div.dataTables_wrapper div.dataTables_info {

  padding-top: 0.65em !important;

  white-space: nowrap !important;

  height: 2.375rem !important;

}

div.dataTables_wrapper div.dataTables_length .form-control,div.dataTables_filter .form-control {

  border-color: rgba(0,0,102,.45) !important; 

}

.table-bordered {

  border-color: rgba(0,0,102,.35) !important;

  border-width: 0 1px 1px 1px !important;

}

.table-bordered td, .table-bordered th {

  border: 1px solid rgba(0,0,102,.35);

}

table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {

  color: #006;

}



.profile-group p {

  color: #212121;

  font-size: 1.25rem;

  font-weight: 450;

}

.profile-group label {



  font-size: 1.5rem;

}

.profile-border-right {

  border-width: 0 1px 0 0;

  border-style: solid;

  border-color: rgba(0,0,102,0.45);

}

.profile-border-left {

  border-width: 0 0  0 1px;

  border-style: solid;

  border-color: rgba(0,0,102,0.45);

}



.modal-overlay {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #FFF;

  width: 100%;

  height: 100%;

  border-radius: calc(.3rem - 1px);

}



.view-data {

  display: none;

  transition: display .5s ease-in-out;

}

.view-program {

  display: block;

  transition: display .5s ease-in-out;

}



#add-course, #bulk-update-dates {

  padding: .5rem 1rem;

  font-size: 1.25rem;

  line-height: 1.2;

  width: 48%;

}



.progress-bar-striped {

  background-image: linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.25) 75%,transparent 75%,transparent) !important;

}



.currentStudents .dataTables_filter { float: left }
.currentStudents .dataTables_filter input[type="search"] { height: 38px }



.btn-delete-course { position: absolute; right: 24px; top: 0px; }



.class-type label {
  flex: 1;
  padding: 4px 12px;
  text-align: center;
  border-radius: .25rem;
  cursor: pointer;
  color: #006;
}
.class-type label.checked {
  background-color: #006;
  color: #fff;
}

.nav-justified .nav-item{
  flex-basis: initial !important;
}


#year-form{
    margin-top:-23px;
}

#year-form .text-primary{
    display: flex;
}

.total_course{
    padding-top:20px;
    cursor: pointer;

}

.total_course_img{
    margin-bottom:5px;
}
.attendace-dialog-list::marker{
    font-size:24px;
    font-weight:24px;
}

.client-notes-marker{
    margin-left:8px;
}


@media (min-width: 992px) {
  #newCourseModal .modal-lg {
      max-width: 920px;
  }
}