:root {
  --clr-dark: #024a5b;
  --clr-light: #236170;
  --clr-mid: #0580a4;
  --clr-highlight: #26a69a;
  --clr-ex: #077b96;
  --clr-menu-open: #01a1b5;
}
body .bg-dark {
  background-color: var(--clr-dark, #1d2c49) !important;
}
body .bg-light {
  background-color: var(--clr-light, #425780) !important;
}

.content-wrapper .content .card.syco--profilePicAdmin {
  padding: 0;
  border: 0;
  /* border-bottom: 1px solid var(--clr-grey-cac3c3);
    padding-bottom: 15px; */
  background: transparent;
  margin-top: -55px;
}

.bg-mid {
  background-color: var(--clr-mid, #0580a4) !important;
}

.customer_sidebar .rounded-circle {
  border: 2px solid #ffffff;
  padding: 8px;
}

body .dashboard__version {
  background-color: var(--clr-dark);
}

.allFigs a {
  color: inherit;
}
.allFigs .card .media h5 br {
  display: none;
}
.allFigs .card .media .media-body.justify-content-between {
  align-items: center;
}

.allFigs .card {
  padding: 1em 1.5em !important;
}

/*
.repeat_elem:before,
.repeat_elem_time:before,
.repeat_elem_payment:before,
.repeat_elem_personal:before,
.repeat_elem_policy:before,
.repeat_elem_split_commission:before,
.repeat_elem_search:before,
.repeat_elem_splitpayment:before,
.repeat_elem_billing:before,
.policy_repeat_elem_card:before,
.policy_repeat_elem_personal::before,
.edit_repeat_elem_personal:before{
     background-color: var(--clr-highlight) !important;
}*/


.noti-red {
  background-color: #ff6363;
  padding: 0.3em 1em;
  color: #ffffff;
  font-size: 16px;
  border-radius: 2px;
}
.active_yellow {
  background-color: #8f820a !important;
  color: #fff !important;
}
.active_lightred {
  background-color: #cb6a4d !important;
  color: #fff !important;
}
.active_yellow_deep {
  background-color: #ffd3ba !important;
  color: #000 !important;
}

body .table-custome-fix {
  max-height: calc(100vh - 450px);
  overflow: auto;
}
@media (max-width: 1500px) {
  body .table-custome-fix table {
    width: 1900px;
  }
}


.table-yellow {
  --border-color: #f2edb1;
  background-color: #fff58b !important;
}
.table-green {
  --border-color: #c9efc9;
  background-color: #c9efc9 !important;
}

.error-msg2 {
  position: absolute;
  top: 141%;
}
.no_btn {
  background-color: #ef5350;
}
.yes_btn {
  background-color: #4caf50;
}
.no_btn_un {
  background-color: #808080;
}
.yes_btn_un {
  background-color: #2dc722;
}


.swal-footer {
  background-color: rgb(245, 248, 250);
  margin-top: 32px;
  border-top: 1px solid #e9eef1;
  overflow: hidden;
}


.spinner2 {
  width: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.checkboxIndexall {
  width: 45px !important;
}
.table-danger1 {
  background-color: #d1deea !important;
  color: #000 !important;
}
.active_green {
  background-color: #eff7f1 !important;
  color: #000 !important;
}
.dark-mode .active_green {
  background-color: #bdd9c4 !important;
}



.active_yellow {
  background-color: #faffcf !important;
  color: #000 !important;
}
.active_red {
  background-color: #eccdcd !important;
  color: #000 !important;
}
.active_red_light {
  background-color: #f1e1e1 !important;
  color: #000 !important;
}
.active_green_light {
  background-color: #e7f3e5 !important;
  color: #000 !important;
}
.active_yellow_light {
  background-color: #f3f3e5 !important;
  color: #000 !important;
}
.active_orange {
  background-color: #ff6347 !important;
  color: #000 !important;
}
/* .tier_1 {
  background-color: #6db36b !important;
}
.tier_2 {
  background-color: #f2d383 !important;
}
.tier_3 {
  background-color: #748d91 !important;
} */



.tier_1 {
  background-color: #d8ffd6 !important;
}
.tier_2 {
  background-color: #fff3d4 !important;
}
.tier_3 {
  background-color: #defaff !important;
}

.red_border {
  /* border: 3px solid red; */
  border-left: 10px solid red;
}
.tbl_200 {
  width: 500px !important;
}
.tbl_190 {
  width: 190px !important;
}
.tbl_180 {
  width: 180px !important;
}
.tbl_170 {
  width: 170px !important;
}
.tbl_160 {
  width: 160px !important;
}
.tbl_150 {
  width: 150px !important;
}
.tbl_140 {
  width: 140px !important;
}
.tbl_130 {
  width: 130px !important;
}
.tbl_120 {
  width: 120px !important;
}
.tbl_110 {
  width: 110px !important;
}
.tbl_100 {
  width: 100px !important;
}
.tbl_90 {
  width: 90px !important;
}
.tbl_80 {
  width: 80px !important;
}
.tbl_70 {
  width: 70px !important;
}
.tbl_60 {
  width: 60px !important;
}
.tbl_50 {
  width: 50px !important;
}
.tbl_40 {
  width: 40px !important;
}
.tbl_30 {
  width: 30px !important;
}
.tbl_20 {
  width: 20px !important;
}
.tbl_10 {
  width: 10px !important;
}
.tbl_5 {
  width: 5px !important;
}

.radio_red.radio_red.radio_red.radio_red {
  background-color: #e06e6e;
  color: #fff;
}
.ui-tooltip {
  z-index: 999999;
  background-color: #024a5b !important;
  color: #ffffff !important;
  text-align: left;
  max-width: 60% !important;
  font-size: 15px !important;
}

.downloadable {
  cursor: pointer;
}

.Blink {
  animation: blinker 0.7s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
}
@keyframes blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.rotate {
  animation: rotation 2s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.swal2-radio {
  display: grid !important;
}
.swal2-radio label {
  margin: 0 !important;
}
.swal2-radio label + label {
  margin-left: 0 !important;
}
.rotate {
  animation: rotation 2s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}