/** ============================= common ============================= */

table {
  vertical-align: middle  !important;
}

.toggle-btn {
  margin-left: 10px !important;
  padding: 5px 10px !important;
  cursor: pointer !important;
}

.sixer-white-text {
  color: #fff !important;
}

.btn-sixer-import {
  border-color: #5690d9 !important;
  color: #5690d9 !important;
  border-radius: 7px !important;
}

.btn-sixer-imported {
  border-color: #20c75d !important;
  color: #20c75d !important;
  border-radius: 7px !important;
}

.btn-sixer-import:hover {
  border-color: #ce3e41 !important;
  color: #ce3e41 !important;
  border-radius: 7px !important;
}

.btn-sixer-add {
  background-color: #f1f4f8 !important;
  border: 1px solid #8c8b8b !important;
  color: #8c8b8b !important;
  border-radius: 7px !important;
}

.btn-sixer-add:hover {
  border-color: #ce3e41 !important;
  color: #ce3e41 !important;
  border-radius: 7px !important;
}

/* .btn-sixer-save {
  background-color: #ce3e41 !important;
} */

.btn-sixer-save {
  background: linear-gradient(to right ,#810B07 , #091337) !important;
  border: none !important;
}

.btn-sixer-show-card {
  background-color: #7c7c7b !important;
}

.btn-sixer-submit {
  background-color: #2286d7 !important;
}

.btn-sixer-add-card {
  background-color: #009DAC !important;
}

.btn-sixer-reset {
  background-color: #004c74 !important;
}

.btn-sixer-success {
  background-color: #19a148 !important;
}

/* .btn-sixer-bgcolor {
  background-color: #ce3e41 !important;
} */


.btn-sixer-bgcolor {
  background: linear-gradient(to right ,#810B07 , #091337) !important;
  border: none !important;
}

.btn-sixer-cancel {
  background-color: #091337 !important;
}

.btn-sixer-view-all {
  background-color: #47b9b8 !important;
}

.btn-assign-contest {
  background-color: #5486c5 !important;
}

.sixer-text {
  color: #ce3e41 !important;
}

.sixer-secondary-text {
  color: #529aec !important;
}

.refund-match-btn {
  height: 32px !important;
  width: 72px !important;
  padding: 5px !important;
}

.leftside-menu .logo {
  background-color: #ce3e41 !important;
}

.mdi-set,
.mdi:before {
  font-size: 1.3rem !important;
}

.dashboard-font {
  font-size: 16px  !important;
  line-height: 24px !important;
}
.dashboard-card {
  padding: 10px 10px  !important;
}

.circular-card {
  border-radius: 20px !important;
}


/** ============================= badges font-size ============================= */

.badges-fs-sixer {
  font-size: 13px !important;
}

.font-size::before {
  font-size: 15px !important;
}


/** ============================= span edit-icon-common ============================= */

.sixer-img-block img {
  height: 135px !important;
  width: 135px !important;
  border-radius: 50% !important;
}

.sixer-img-block {
  width: 135px !important;
  position: relative !important;
}

.sixer-span-edit {
  position: absolute !important;
  background: #e2e2e2 !important;
  border-radius: 100% !important;
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
  vertical-align: middle !important;
  text-align: center !important;
  font-size: 30px !important;
  cursor: pointer !important;
}

.category-add-icon,
.category-edit-icon {
  top: 34px !important;
  right: -10px !important;
}

.team-add-icon {
  top: 32px !important;
  right: -8px !important;
}

.team-edit-icon {
  top: 32px !important;
  right: -9px !important;
}

.player-add-icon {
  top: 5px !important;
  right: 2px !important;
}

.player-edit-icon {
  top: 36px !important;
  right: -4px !important;
}

.upcoming-match-edit-icon {
  top: 24px !important;
  right: -4px !important;
}

.match-squad-icon img {
  width: 100px !important;
  height: 100px !important;
  border-radius: 50% !important;
}

#scroll-horizontal-datatable_paginate {
  margin-top: 18px !important;
}

 
.short-name {
  border: transparent !important;
  outline: none !important;
  font-weight: 900 !important;
  font-size: 19px !important;
  color: var(--ct-body-color) !important;
  width: 170px !important;
  margin-bottom: 5px !important;
  text-align: center !important;
  margin-left: -20px !important;
}

.short-name:focus {
  border: 1px solid var(--ct-input-border-color) !important;
  border-radius: 4px !important;
}

.match-name {
  border-width: 0px !important;
  text-align: center !important;
  color: var(--ct-form-select-color) !important;
}

.match-name:focus {
  outline: none !important;
  border: 1px solid var(--ct-input-border-color) !important;
  border-radius: 0.25rem !important;
}


/** ============================= custom-content-table ============================= */

.sixer-flex-row {
  flex-flow: row !important;
}

.custom-contest-table table tr td {
  padding: 10px !important;
}

.point-break-up-table table tr td {
  padding: 10px 15px !important;
}

.report-table table tr td {
  padding: 8px 10px !important;
}

.custom-card {
  position: relative !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  min-width: 0 !important;
  word-wrap: break-word !important;
  background-color: var(--ct-card-bg) !important;
  background-clip: border-box !important;
  border: 1px solid var(--ct-card-border-color) !important;
  border-radius: 21px !important;
  border: none !important;
  -webkit-box-shadow: var(--ct-custom-card-box-shadow) !important;
  box-shadow: var(--ct-custom-card-box-shadow) !important;
  margin-bottom: 24px !important;
}

.match-card {
  border-radius: 40px !important;
}


/** ============================= pagination ============================= */

.pagination ul {
  display: flex !important;
  flex-wrap: wrap !important;
  padding: 8px !important;
  border-radius: 50px !important;
  float: right !important;
}

.pagination ul li {
  color: #bb1a1c !important;
  list-style: none !important;
  line-height: 22px !important;
  text-align: center !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  margin: auto 8px !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: all 0.3s ease !important;
}

.pagination ul li.numb {
  list-style: none !important;
  width: auto !important;
  margin: 0 3px !important;
}

.pagination ul li.numb.first {
  margin: 0px 3px 0 -5px !important;
}

.pagination ul li.numb.last {
  margin: 0px -5px 0 3px !important;
}

.pagination ul li.dots {
  font-size: 42px !important;
  cursor: default !important;
}

.pagination ul li.btn {
  padding: 0 20px !important;
  border-radius: 50px !important;
}

.pagination ul li.numb.active,
.pagination ul li.numb:hover,
.pagination ul li:first-child:hover,
.pagination ul li:last-child:hover {
  color: #fff !important;
  background: #bb1a1c !important;
}

.pagination ul li.numb.active a,
.pagination ul li.numb a:hover,
.pagination ul li:first-child a:hover,
.pagination ul li:last-child a:hover {
  color: #fff !important
}

.pointer {
  cursor: pointer !important;
}

.btn-sixer-apply {
  background-color: #0e0e0f !important;
}


/** ============================= banner ============================= */

.table .table-banner img {
  width: 200px !important;
  height: 40px !important;
  object-fit: cover !important;
}

.banner-edit-img img {
  /* width: auto !important; */
  /* height: 100px !important; */
}

/** ============================= theme ============================= */

div.radio-with-Icon {
  display: block !important;
}

div.radio-with-Icon p.radioOption-Item {
  display: inline-block !important;
  max-width: 285px !important;
  width: 100% !important;
  height: 500px !important;
  box-sizing: border-box !important;
  margin: 25px 15px !important;
  border: none !important;
  padding: 0 20px !important;
}

div.radio-with-Icon p.radioOption-Item label {
  display: block !important;
  height: 80% !important;
  width: 84% !important;
  padding: 10px !important;
  border-radius: 20px !important;
  border: 5px solid #ce3e41 !important;
  color: #ce3e41 !important;
  cursor: pointer !important;
  opacity: 1 !important;
  transition: none !important;
  font-size: 13px !important;
  padding-top: 25px !important;
  text-align: center !important;
  margin: 0  !important;
}

div.radio-with-Icon p.radioOption-Item .first-theme {
  background: url(../images/theme/first_theme.jpg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

div.radio-with-Icon p.radioOption-Item .second-theme {
  background: url(../images/theme/second_theme.jpg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

div.radio-with-Icon p.radioOption-Item .third-theme {
  background: url(../images/theme/third_theme.jpg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

div.radio-with-Icon p.radioOption-Item .fourth-theme {
  background: url(../images/theme/fourth_theme.jpg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

div.radio-with-Icon p.radioOption-Item .fifth-theme {
  background: url(../images/theme/fifth_theme.jpg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

div.radio-with-Icon p.radioOption-Item label:hover,
div.radio-with-Icon p.radioOption-Item label:focus,
div.radio-with-Icon p.radioOption-Item label:active {
  opacity: .5 !important;
  color: #fff !important;
  margin: 0  !important;
  border-radius: 20px !important;
  border-color: #37871a !important;
}

div.radio-with-Icon p.radioOption-Item label::after,
div.radio-with-Icon p.radioOption-Item label:after,
div.radio-with-Icon p.radioOption-Item label::before,
div.radio-with-Icon p.radioOption-Item label:before {
  opacity: 0  !important;
  width: 0  !important;
  height: 0  !important;
  margin: 0  !important;
}

div.radio-with-Icon p.radioOption-Item label i.fa {
  display: block !important;
  font-size: 50px !important;
}

div.radio-with-Icon p.radioOption-Item input[type="radio"] {
  opacity: 0  !important;
  width: 0  !important;
  height: 0  !important;
}

div.radio-with-Icon p.radioOption-Item input[type="radio"]:active~label {
  opacity: 1 !important;
}

div.radio-with-Icon p.radioOption-Item input[type="radio"]:checked~label {
  opacity: 1 !important;
  border: 5px solid #37871a !important;
  color: #fff !important;
}

div.radio-with-Icon p.radioOption-Item input[type="radio"]:hover,
div.radio-with-Icon p.radioOption-Item input[type="radio"]:focus,
div.radio-with-Icon p.radioOption-Item input[type="radio"]:active {
  margin: 0  !important;
}

div.radio-with-Icon p.radioOption-Item input[type="radio"]+label:before,
div.radio-with-Icon p.radioOption-Item input[type="radio"]+label:after {
  margin: 0  !important;
}

/** =============================  user cards ============================= */

.widget-flat {
  height: 220px !important;
}

.widget-flat-body {
  flex: 0 !important;
}

/** ============================= contact ============================= */

.sixer-rect-img img {
  /* height: 342px !important; */
  max-height: 440px !important;
  width: 210px !important;
  border-radius: 10px !important;
}

.sixer-rect-img {
  width: 173px !important;
  position: relative !important;
}


/** ============================= notification =========================== */

.notification-rect-img img {
  /* height: 173px !important; */
  width: 200px !important;
  border-radius: 20px !important;
}

.notification-rect-img {
  width: 307px !important;
  position: relative !important;
}

span.notification_img_edit {
  top: -11px !important;
  right: 45px !important;
}

.span-completed {
  padding: 6px !important;
  border-radius: 5px !important;
}

.span-completed-value {
  border-radius: 100px !important;
}

/** ========================= dashboard card shadow ======================= */

/* Define your shadow classes */
.card-shadow-blue {
  box-shadow: 0 3px 8px rgba(0, 109, 204, 0.3) !important;
}

.shadow-success-lighten {
  box-shadow: 0 4px 8px rgba(40, 167, 69, 0.3) !important;  
}

.shadow-danger-lighten {
  box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3) !important;
}

.shadow-warning-lighten {
  box-shadow: 0 4px 8px rgba(255, 193, 7, 0.3) !important;
}

.shadow-primary-lighten {
  /* box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3) !important; */
  box-shadow: 0 4px 8px rgb(0 123 255 / 18%) !important
}

.shadow-info-lighten {
  box-shadow: 0 4px 8px rgba(23, 162, 184, 0.3) !important;
}

.shadow-secondary-lighten {
  box-shadow: 0 4px 8px rgba(108, 117, 125, 0.3) !important;
}

/* You can add more shadow classes as needed */


.card-effect {
	transition: all 0.3s
}

.card-effect:hover {
	transform: scale(1.02) !important;
}

/* .card-height {
  height: 140px !important;
} */

/** =============================== setting ============================= */

.input-email {
  border: 0px !important;
  color: var(--ct-form-select-color) !important;
  /* text-align: center !important; */
}

.input-email:focus {
  outline: none !important;
  border: 1px solid var(--ct-input-border-color) !important;
  border-radius: 0.25rem !important;
}

.text-width {
  border: 0px !important;
  color: var(--ct-form-select-color) !important;
  /* text-align: center !important; */
  width: 100% !important;
}

.text-width:focus {
  outline: none !important;
  border: 1px solid var(--ct-input-border-color) !important;
  border-radius: 0.25rem !important;
}

.text-width-25 {
  border: 0px !important;
  color: var(--ct-form-select-color) !important;
  /* text-align: center !important; */
  width: 25% !important;
}

.text-width-25:focus {
  outline: none !important;
  border: 1px solid var(--ct-input-border-color) !important;
  border-radius: 0.25rem !important;
}

.auto-complete-width {
  border: 0px !important;
  color: var(--ct-form-select-color) !important;
  text-align: center !important;
  width: 25% !important;
  height: auto !important;
}

.auto-complete:focus {
  outline: none !important;
  border: 1px solid var(--ct-input-border-color) !important;
  border-radius: 0.25rem !important;
}

/** ============================ notification badge ========================= */

.action-badge {
  align-items: center !important;
  justify-content: center !important;
  display: inline-flex !important;
}

.view-button {
  display: flex !important;
  cursor: pointer !important;
}

.view-badge {
  position: relative !important;
  top: -4px !important;
  right: -10px !important;
  width: 20px !important;
  height: 18px !important;
  background: #3688fc !important;
  color: #ffffff !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 50% !important;
  right: 19px !important;
  font-size: 11px !important;
}

/* ------------------------------ error page css --------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700') ;
@import url('https://fonts.googleapis.com/css?family=Catamaran:400,800') ;

.error-container {
  text-align: center !important;
  font-size: 106px !important;
  font-family: 'Catamaran', sans-serif !important;
  font-weight: 800 !important;
  margin: 70px 15px !important;
}

.error-container>span {
  display: inline-block !important;
  position: relative !important;
}

.error-container>span.four {
  width: 136px !important;
  height: 43px !important;
  border-radius: 999px !important;
  background:
      linear-gradient(140deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 43%, transparent 44%, transparent 100%),
      linear-gradient(105deg, transparent 0%, transparent 40%, rgba(0, 0, 0, 0.06) 41%, rgba(0, 0, 0, 0.07) 76%, transparent 77%, transparent 100%),
      linear-gradient(to right, #d89ca4, #e27b7e) !important;
}

.error-container>span.four:before,
.error-container>span.four:after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  border-radius: 999px !important;
}

.error-container>span.four:before {
  width: 43px !important;
  height: 156px !important;
  left: 60px !important;
  bottom: -43px !important;
  background:
      linear-gradient(128deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 40%, transparent 41%, transparent 100%),
      linear-gradient(116deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 50%, transparent 51%, transparent 100%),
      linear-gradient(to top, #ce3e41, #ce3e41, #ce3e41, #ce3e41, #ce3e41) !important;
}

.error-container>span.four:after {
  width: 137px !important;
  height: 43px !important;
  transform: rotate(-49.5deg) !important;
  left: -18px !important;
  bottom: 36px !important;
  background: linear-gradient(to right, #99749D, #B895AB, #CC9AA6, #D7969E, #E0787F) !important;
}

.error-container>span.zero {
  vertical-align: text-top !important;
  width: 156px !important;
  height: 156px !important;
  border-radius: 999px !important;
  background: linear-gradient(-45deg, transparent 0%, rgba(0, 0, 0, 0.06) 50%, transparent 51%, transparent 100%),
      linear-gradient(to top right, #ce3e41, #99749D, #ce3e41, #CC9AA6, #ce3e41, #ED8687, #ED8687) !important;
  overflow: hidden !important;
  animation: bgshadow 5s infinite !important;
}

.error-container>span.zero:before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  transform: rotate(45deg) !important;
  width: 90px !important;
  height: 90px !important;
  background-color: transparent !important;
  left: 0px !important;
  bottom: 0px !important;
  background:
      linear-gradient(95deg, transparent 0%, transparent 8%, rgba(0, 0, 0, 0.07) 9%, transparent 50%, transparent 100%),
      linear-gradient(85deg, transparent 0%, transparent 19%, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.07) 91%, transparent 92%, transparent 100%) !important;
}

.error-container>span.zero:after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  border-radius: 999px !important;
  width: 70px !important;
  height: 70px !important;
  left: 43px !important;
  bottom: 43px !important;
  background: #FDFAF5 !important;
  box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.1) !important;
}

.screen-reader-text {
  position: absolute !important;
  top: -9999em !important;
  left: -9999em !important;
}

@keyframes bgshadow {
  0% {
      box-shadow: inset -160px 160px 0px 5px rgba(0, 0, 0, 0.4) !important;
  }

  45% {
      box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1) !important;
  }

  55% {
      box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1) !important;
  }

  100% {
      box-shadow: inset 160px -160px 0px 5px rgba(0, 0, 0, 0.4) !important;
  }
}

/* demo stuff */
* {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

body {
  background-color: #FDFAF5 !important;
  /* margin-bottom: 50px !important; */
}

html,
button,
input,
select,
textarea {
  font-family: 'Montserrat', Helvetica, sans-serif !important;
  color: #bbb !important;
}

h1 {
  text-align: center !important;
  margin: 30px 15px !important;
}

.zoom-area {
  max-width: 490px !important;
  margin: 30px auto 30px !important;
  font-size: 19px !important;
  text-align: center !important;
}

.link-container {
  text-align: center !important;
}

a.more-link {
  text-transform: uppercase !important;
  font-size: 13px !important;
  background-color: #ce3e41 !important;
  padding: 10px 15px !important;
  border-radius: 0 !important;
  color: #ec1a1a !important;
  display: inline-block !important;
  margin-right: 5px !important;
  margin-bottom: 5px !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  margin-top: 50px !important;
  letter-spacing: 1px !important;
}

/* ------------------------------------- Loader 4 --------------------------------------------- */

.loader-4 {
	height: 20px !important;
	width: 32px !important;
}

.loader-4::after {
  content: "" !important;
  display: block !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 9px !important;
  margin: auto !important;
  width: 8px !important;
  height: 8px !important;
  top: -4px !important;
  left: -5 !important;
  bottom: 0px !important;
  right: -6px !important;
  margin: auto !important;
  background: #ce3e41 !important;
  border-radius: 50% !important;
  -webkit-animation: loader-4-1 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite !important;
  animation: loader-4-1 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite !important;
}

@-webkit-keyframes loader-4-1 {
	0%   { -webkit-transform: scale(0) !important; opacity: 0 !important; }
	50%  { -webkit-transform: scale(1) !important; opacity: 1 !important; }
	100% { -webkit-transform: scale(0) !important; opacity: 0 !important; }
}

@keyframes loader-4-1 {
	0%   { transform: scale(0) !important; opacity: 0 !important; }
	50%  { transform: scale(1) !important; opacity: 1 !important; }
	100% { transform: scale(0) !important; opacity: 0 !important; }
}

.loader-4 span {
  display: block !important;
  position: relative !important;
  top: 5px !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  margin: auto !important;
  height: 8px !important;
  width: 8px !important;
  -webkit-animation: loader-4-2 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite !important;
  animation: loader-4-2 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite !important;
}

@-webkit-keyframes loader-4-2 {
	0%   { -webkit-transform: rotate(0deg) !important; }
	50%  { -webkit-transform: rotate(180deg) !important; }
	100% { -webkit-transform: rotate(360deg) !important; }
}

@keyframes loader-4-2 {
	0%   { transform: rotate(0deg) !important; }
	50%  { transform: rotate(180deg) !important; }
	100% { transform: rotate(360deg) !important; }
}

.loader-4 span::before,
.loader-4 span::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	top: 0 !important; left: 0 !important;
	bottom: 0 !important; right: 0 !important;
	margin: auto !important;
	height: 8px !important;
	width: 8px !important;
	background: #ce3e41 !important;
	border-radius: 50% !important;
	-webkit-animation: loader-4-3 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite !important;
	        animation: loader-4-3 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite !important;
}

@-webkit-keyframes loader-4-3 {
	0%   { -webkit-transform: translate3d(0, 0, 0) scale(1) !important; }
	50%  { -webkit-transform: translate3d(-16px, 0, 0) scale(.5) !important; }
	100% { -webkit-transform: translate3d(0, 0, 0) scale(1) !important; }
}

@keyframes loader-4-3 {
	0%   { transform: translate3d(0, 0, 0) scale(1) !important; }
	50%  { transform: translate3d(-16px, 0, 0) scale(.5) !important; }
	100% { transform: translate3d(0, 0, 0) scale(1) !important; }
}

.loader-4 span::after {
	-webkit-animation: loader-4-4 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite !important;
	        animation: loader-4-4 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite !important;
}

@-webkit-keyframes loader-4-4 {
	0%   { -webkit-transform: translate3d(0, 0, 0) scale(1) !important; }
	50%  { -webkit-transform: translate3d(16px, 0, 0) scale(.5) !important; }
	100% { -webkit-transform: translate3d(0, 0, 0) scale(1) !important; }
}

@keyframes loader-4-4 {
	0%   { transform: translate3d(0, 0, 0) scale(1) !important; }
	50%  { transform: translate3d(16px, 0, 0) scale(.5) !important; }
	100% { transform: translate3d(0, 0, 0) scale(1) !important; }
}

#save_match_report {
  display: none !important;
}

/* ------------------------------------- Loader 2 --------------------------------------------- */

.loader-2 {
  display: block !important;
  height: 32px !important;
  width: 32px !important;
  position: relative !important;
  -webkit-animation: loader-2-1 3s linear infinite !important;
  animation: loader-2-1 3s linear infinite !important;
  left: 40px !important;
  top: 16px !important;
}

@-webkit-keyframes loader-2-1 {
	0%   { -webkit-transform: rotate(0deg) !important; }
	100% { -webkit-transform: rotate(360deg) !important; }
}

@keyframes loader-2-1 {
	0%   { transform: rotate(0deg) !important; }
	100% { transform: rotate(360deg) !important; }
}

.loader-2 span {
	display: block !important;
	position: absolute !important;
	top: 0 !important; left: 0 !important;
	bottom: 0 !important; right: 0 !important;
	margin: auto !important;
	height: 32px !important;
	width: 32px !important;
	clip: rect(16px, 32px, 32px, 0) !important;
	-webkit-animation: loader-2-2 1.5s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite !important;
	        animation: loader-2-2 1.5s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite !important;
}

@-webkit-keyframes loader-2-2 {
	0%   { -webkit-transform: rotate(0deg) !important; }
	100% { -webkit-transform: rotate(360deg) !important; }
}

@keyframes loader-2-2 {
	0%   { transform: rotate(0deg) !important; }
	100% { transform: rotate(360deg) !important; }
}

.loader-2 span::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	top: 0 !important; left: 0 !important;
	bottom: 0 !important; right: 0 !important;
	margin: auto !important;
	height: 32px !important;
	width: 32px !important;
	border: 3px solid transparent !important;
	border-top: 3px solid #1fb35b !important;
	border-radius: 50% !important;
	-webkit-animation: loader-2-3 1.5s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite !important;
	        animation: loader-2-3 1.5s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite !important;
}

@-webkit-keyframes loader-2-3 {
	0%   { -webkit-transform: rotate(0deg) !important; }
	100% { -webkit-transform: rotate(360deg) !important; }
}

@keyframes loader-2-3 {
	0%   { transform: rotate(0deg) !important; }
	100% { transform: rotate(360deg) !important; }
}

.loader-2 span::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	top: 0 !important; left: 0 !important;
	bottom: 0 !important; right: 0 !important;
	margin: auto !important;
	height: 32px !important;
	width: 32px !important;
	border: 3px solid rgba(31, 179, 91, 0.5) !important;
	border-radius: 50% !important;
}

#csv_loader, #pdf_loader {
  display: none !important;
}

/**=================affiliate manager css =================*/

.single-input {
  width: 100% !important;
  border:1px solid #c1c1c1 !important;
  display: flex !important;
  margin-bottom: 15px !important;
}
.single-input i {
  padding: 8px 16px !important;
  color: #0cd6a8 !important;
}
.single-input input {
  border:0px solid #c1c1c1 !important;
  width: 100% !important;
  outline: none !important;
  padding: 8px 10px !important;
  font-size: 14px !important;
}
.single-input span  {
  border-right: 1px solid #c1c1c1 !important;
  padding: 5px 12px !important;
}
.btn:focus {
  box-shadow: none  !important;
}
.platform-style {
  /* / background: #f3dae09d !important; / */
  border-radius: 30px !important;
}
.profile-card-height {
  height: 164px  !important;
}
.profile-card-height h4 {
  vertical-align: middle  !important;
}
.facebook-bg {
  background-color: #346DB5 !important;
}
.instagram-bg {
  background: linear-gradient(45deg, #f09533bb 0%, #e6693cbf 25%, #dc2742a0 50%, #cc2367a1 75%, #bc18889e 100%) !important;
}
.telegram-bg {
  background-color: #33A8DA !important;
}
.whatsapp-bg {
  background-color: #26C943 !important;
}
.youtube-bg {
  background-color: #FF0000 !important;
}
.blog-bg {
  background-color: #808080b7 !important;
}
.sixer-bg-grey {
  background-color: #EEF2F7 !important;
}

/**===================== checkbox design css =====================*/
.checkbox-wrapper-19 {
  box-sizing: border-box !important;
  --background-color: #fff !important;
  --checkbox-height: 20px !important;
}

@-moz-keyframes dothabottomcheck-19 {
  0% {
    height: 0 !important;
  }
  100% {
    height: calc(var(--checkbox-height) / 2) !important;
  }
}

@-webkit-keyframes dothabottomcheck-19 {
  0% {
    height: 0 !important;
  }
  100% {
    height: calc(var(--checkbox-height) / 2) !important;
  }
}

@keyframes dothabottomcheck-19 {
  0% {
    height: 0 !important;
  }
  100% {
    height: calc(var(--checkbox-height) / 2) !important;
  }
}

@keyframes dothatopcheck-19 {
  0% {
    height: 0 !important;
  }
  50% {
    height: 0 !important;
  }
  100% {
    height: calc(var(--checkbox-height) * 1.2) !important;
  }
}

@-webkit-keyframes dothatopcheck-19 {
  0% {
    height: 0 !important;
  }
  50% {
    height: 0 !important;
  }
  100% {
    height: calc(var(--checkbox-height) * 1.2) !important;
  }
}

@-moz-keyframes dothatopcheck-19 {
  0% {
    height: 0 !important;
  }
  50% {
    height: 0 !important;
  }
  100% {
    height: calc(var(--checkbox-height) * 1.2) !important;
  }
}

.checkbox-wrapper-19 input[type=checkbox] {
  display: none !important;
}

.checkbox-wrapper-19 .check-box {
  height: var(--checkbox-height) !important;
  width: var(--checkbox-height) !important;
  background-color: transparent !important;
  border: calc(var(--checkbox-height) * .1) solid #000 !important;
  border-radius: 5px !important;
  position: relative !important;
  display: inline-block !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  -moz-transition: border-color ease 0.2s !important;
  -o-transition: border-color ease 0.2s !important;
  -webkit-transition: border-color ease 0.2s !important;
  transition: border-color ease 0.2s !important;
  cursor: pointer !important;
}
.checkbox-wrapper-19 .check-box::before,
.checkbox-wrapper-19 .check-box::after {
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  position: absolute !important;
  height: 0 !important;
  width: calc(var(--checkbox-height) * .2) !important;
  background-color: #34b93d !important;
  display: inline-block !important;
  -moz-transform-origin: left top !important;
  -ms-transform-origin: left top !important;
  -o-transform-origin: left top !important;
  -webkit-transform-origin: left top !important;
  transform-origin: left top !important;
  border-radius: 5px !important;
  content: " " !important;
  -webkit-transition: opacity ease 0.5 !important;
  -moz-transition: opacity ease 0.5 !important;
  transition: opacity ease 0.5 !important;
}
.checkbox-wrapper-19 .check-box::before {
  top: calc(var(--checkbox-height) * .72) !important;
  left: calc(var(--checkbox-height) * .41) !important;
  box-shadow: 0 0 0 calc(var(--checkbox-height) * .05) var(--background-color) !important;
  -moz-transform: rotate(-135deg) !important;
  -ms-transform: rotate(-135deg) !important;
  -o-transform: rotate(-135deg) !important;
  -webkit-transform: rotate(-135deg) !important;
  transform: rotate(-135deg) !important;
}
.checkbox-wrapper-19 .check-box::after {
  top: calc(var(--checkbox-height) * .37) !important;
  left: calc(var(--checkbox-height) * .05) !important;
  -moz-transform: rotate(-45deg) !important;
  -ms-transform: rotate(-45deg) !important;
  -o-transform: rotate(-45deg) !important;
  -webkit-transform: rotate(-45deg) !important;
  transform: rotate(-45deg) !important;
}

.checkbox-wrapper-19 input[type=checkbox]:checked + .check-box,
.checkbox-wrapper-19 .check-box.checked {
  border-color: #34b93d !important;
}
.checkbox-wrapper-19 input[type=checkbox]:checked + .check-box::after,
.checkbox-wrapper-19 .check-box.checked::after {
  height: calc(var(--checkbox-height) / 2) !important;
  -moz-animation: dothabottomcheck-19 0.2s ease 0s forwards !important;
  -o-animation: dothabottomcheck-19 0.2s ease 0s forwards !important;
  -webkit-animation: dothabottomcheck-19 0.2s ease 0s forwards !important;
  animation: dothabottomcheck-19 0.2s ease 0s forwards !important;
}
.checkbox-wrapper-19 input[type=checkbox]:checked + .check-box::before,
.checkbox-wrapper-19 .check-box.checked::before {
  height: calc(var(--checkbox-height) * 1.2) !important;
  -moz-animation: dothatopcheck-19 0.4s ease 0s forwards !important;
  -o-animation: dothatopcheck-19 0.4s ease 0s forwards !important;
  -webkit-animation: dothatopcheck-19 0.4s ease 0s forwards !important;
  animation: dothatopcheck-19 0.4s ease 0s forwards !important;
}
.radius-10{
  border-radius: 10px  !important;
}

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