body {
  font-size: 0.85rem;
}

.dataTables_length,
.dataTables_filter {
  display: none;
}

.logo-normal,
.logo-small {
  font-size: 25px;
  color: #3a3b45;
  font-weight: 500 !important;
  text-transform: none !important;
}

.logo-small {
  font-size: 22px;
}

.sidebar-brand-text {
  display: block !important;
}

.sidebar .sidebar-brand {
  font-size: 9px;
  font-weight: 500;
}

.max-w-1000 {
  max-width: 1000px;
}

.max-w-1100 {
  max-width: 1100px;
}

.dataTables_processing {
  color: #fff;
  background-color: rgba(28, 200, 138, .9);
  border-color: rgba(28, 200, 138, .9);
}

.ui-datepicker {
  z-index: 999999 !important;
}

.ui-widget-content {
  border: 0px solid #dddddd !important;
  background: #fff !important;
  color: #333333 !important;
}

.ui-widget-header {
  border: 1px solid #17a673 !important;
  background: #17a673 !important;
  color: #fff !important;
  font-weight: normal !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #cccccc;
  background: #fff;
  font-weight: normal !important;
  color: #17a673 !important;
}

.ui-datepicker th {
  font-weight: normal !important;
}

.ui-state-active {
  background: #17a673 !important;
  color: #fff !important;
}

.ui-state-hover {
  background: #17a673 !important;
  border: 1px solid #fff !important;
  color: #17a673 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: #1cc88a !important;
  border: 0px solid #fff !important;
  color: #fff !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  opacity: .5 !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 0px solid #333333 !important;
  background: #333333 !important;
  font-weight: normal !important;
  color: #fff !important;
  opacity: 1 !important;
  transition: all 0.2s;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-active,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 0px solid #17a673 !important;
  transition: all 0.2s;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  border: 0px solid #17a673 !important;
  opacity: .5 !important;
}

.ui-datepicker-next span.ui-icon,
.ui-datepicker-prev span.ui-icon {
  background-image: url('img/nav-right-white.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 14px;
}

.ui-datepicker-prev span.ui-icon {
  background-image: url('img/nav-left-white.png');
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 0px solid #fff;
}

.ui-state-hover,
.ui-state-hover:hover {
  background-image: url('') !important;
  background-color: transparent !important;
  border: 0px !important;
}

td a.ui-state-hover:hover {
  border: 0px !important;
  background-color: rgb(7, 46, 77, .75) !important;
}

.toast {
  top: 20px;
  right: 20px;
  min-width: 300px;
}

.toast-error .toast {
  border: 1px solid #e74a3b;
}

.toast-success .toast {
  border: 1px solid #17a673;
}

.toast-container .close {
  color: #fff;
}

.toast-container .close:hover {
  color: #fff;
}

.toast-container {
  position: fixed;
  top: 20px;
  right: 20px;
  min-width: 300px;
  z-index: 9999;
}

.toast-error .toast-header {
  color: #fff;
  background: #e74a3b;
  border-bottom: 1px solid #e74a3b;
}

.toast-success .toast-header {
  color: #fff;
  background: #1cc88a;
  border-bottom: 1px solid #1cc88a;
}

.modal {
  overflow: scroll;
}

.input-group-append a {
  font-size:14px;
  font-weight: bold;
  color:#000;
  text-decoration: none;
}

@media only screen and (max-width: 1100px) {

  .logo-small {
    font-size: 14px;
  }

  .sidebar .sidebar-brand {
    font-size: 7px;
    font-weight: 500;
  }
}

.form-control::placeholder {
  color: rgba(110, 112, 126, .4);
}

.dropdown-flag-img {
  max-width: 25px;
  border-radius: 50%;
  margin: 0px 5px 0px 0px;
}

.flag-small {
  max-height: 25px;
  height: 25px;
  margin: 0px 10px 0px 0px;
  border: 1px solid #eee;
  border-radius: 50%;
}

.club-small {
  max-height: 25px;
  height: 25px;
  margin: 0px 10px 0px 0px;
  border: 1px solid #eee;
  border-radius: 4px;
}

.pointer {
  cursor: pointer;
}

.opacity-5 {
  opacity: .5;
}

.opacity-3 {
  opacity: .3;
}

.h-100 {
  height: 100% !important;
}

.w-100 {
  width: 100% !important;
}

.max-w-900 {
  max-width: 900px !important;
}

.vertical-align-middle {
  vertical-align: middle !important;
}

.competitor-search-result {
  min-height: 450px;
  height: 50vh;
  overflow: scroll;
  margin: 10px 0px;
}

.font-14 {
  font-size: 14px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-22 {
  font-size: 22px;
}

.baseListClubImg {
  max-height: 45px;
  max-width: 45px;
}

.custom-switch.custom-switch-lg .custom-control-label {
  padding-left: 3rem;
  padding-bottom: 2rem;
}

.custom-switch.custom-switch-lg .custom-control-label::before {
  height: 2.5rem;
  width: calc(4rem + 0.75rem);
  border-radius: 4rem;
}

.custom-switch.custom-switch-lg .custom-control-label::after {
  width: calc(2.5rem - 4px);
  height: calc(2.5rem - 4px);
  border-radius: calc(3rem - (2rem / 2));
}

.custom-switch.custom-switch-lg .custom-control-input:checked~.custom-control-label::after {
  transform: translateX(calc(2.5rem - 0.25rem));
}

.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: rgba(23, 166, 115, .2);
  background-color: rgba(23, 166, 115, .2);
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
  background-color: #17a673;
}