/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

.profile-setting-img {
    position: relative;
    height: 120px;
  }

  .profile-setting-img .overlay-content {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
  }

  .div-bottom {
    position: absolute;
    bottom: 0;
  }

  label {
    color: darkgray;
  }

  label .dark {
    color: rgb(92, 92, 92);
  }

  .auth-one-bg {
    background-image: url(../images/cod-school-profile.jpg);
    background-position: 0px -180px;
    background-size: cover;
}

#form-error-text .errors li {
    position: relative;
    display: block;
    padding: .7rem 1rem;
    color: var(--vz-body-color);
    text-decoration: none;
    border: 1px solid white;
    color: #903d2b;
    background-color: #fce0da;
    border-radius: 5px;
}

.dataTables_info, .dataTables_length {
  float: left;
}

.dataTables_paginate, div.dataTables_filter {
  justify-content: flex-end!important;
  float: right;
}
.dataTables_paginate .paginate_button {
  display:inline-block;
  padding: .375rem .75rem;
  color: var(--vz-link-color);
  background-color: var(--vz-card-bg);
  border: 1px solid transparent;
  border-radius: .25rem;
  margin: 5px;
}

.dataTables_paginate a.current {
    color: #fff;
    background-color: #4b38b3;
    border-color: #4b38b3;
}

table.dataTable td, table.dataTable th {
  border-bottom: solid 1px #f2f2f7;
}

div.dataTables_filter input[type=search] {
    border-color: #f3f6f9!important;
    display: block;
    width: 100%;
    padding: .5rem .9rem;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #f3f6f9;
    background-clip: padding-box;
    border: 1px solid var(--vz-input-border);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
}

.choices__list--dropdown {
  z-index: 1000;
}

.dt-buttons {
  margin-bottom: -48px;    
  border-top: 1px dashed #edebf7;
  padding: 10px 10px 0px;
} 

.dt-button {
  color: #878a99;
  background-color: #e0e1e7 !important;
  border-color: #e0e1e7 !important;
  border-style: solid;
  border-radius: 3px;
  padding: 5px;
}

.dt-button-collection {
  margin-top: -32.75px !important;
  padding-left: 260px !important;
}

.dt-button-collection .dt-button {
  background-color: #ffffff !important;
  border-color: #e0e1e7 !important;
}

.csvonly {
  display: none;
}

hint{
  color:darkgray;
  font-size:smaller;
}

@media print {
  .noprint, .csvonly {
      visibility: hidden;
  }
  table {
      page-break-inside: auto;
  }
  tr {
      page-break-inside: avoid;
      page-break-after: auto;
  }
  thead {
      display: table-header-group;
  }
}