@import url(libs/Poppins/font.css);
@import url(libs/font-awesome/font-awesome-icons.css);

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: 'Poppins';
}
button {
  cursor: pointer;
}
button:hover {
  opacity: 0.5;
}
button:active {
  opacity: 0.8;
}
.lg-box {
  float: left;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.lg-box form {
  width: 220px;
  padding: 10px;
}
.lg-box form .input {
  float: left;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1.5px solid #d7cbcb;
  height: 45px;
  padding-inline: 15px;
  border-radius: 6px;
  margin-bottom: 10px;
}
.lg-box form .input i {
  float: left;
  margin-right: 10px;
  color: #696464;
  font-size: 13px;
}
.lg-box form .input input {
  float: left;
  width: 100%;
  border: none;
  font-weight: 500;
  outline: none;
  color: #000000;
}
.lg-box form .input input::placeholder {
  color: rgb(152, 150, 150);
  font-weight: 400;
  font-size: 11px;
}
.lg-box form label {
  float: left;
  width: 100%;
  font-size: 12px;
  margin-bottom: 5px;
  color: #696464;
}
.lg-box form button {
  float: left;
  width: 100%;
  margin-top: 10px;
  color: #FFFFFF;
  height: 45px;
  border: none;
  font-size: 13px;
  border-radius: 6px;
  background: #2D89D4;
  font-weight: 600;
 }
 .left-bx {
  float: left;
  width: 220px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
  background-color: #FFFFFF;
  padding: 10px;
 }
 .left-bx ul {
  float: left;
  width: 100%;
 }
 .left-bx ul li {
  float: left;
  width: 100%;
  display: flex;
  justify-content: left;
  font-size: 12px;
  align-items: center;
  padding: 10px;
  border-radius: 6px;
  cursor: pointer;
  color: #696464;
 }
 .left-bx ul li i {
  float: left;
  margin-right: 10px;
 }
 .left-bx ul li.active {
  background: #2D89D4;
  color: white;
 }
 .top-bx {
  float: left;
  position: fixed;
  top: 0;
  left: 220px;
  right: 0px;
  height: 50px;
  background-color: #F1F4F9;
  border-bottom: 1.5px solid #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: 10px;
  z-index: 10;
 }
 .top-bx .left {
  float: left;
  display: flex;
  justify-content: left;
  align-items: center;
 }
 .top-bx .input {
  background-color: #FFFFFF;
  padding-inline: 10px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  border-radius: 6px;
  margin-left: 10px;
  border: 1px solid #d7cbcb;
 }
 .top-bx .input input {
  float: left;
  width: 100%;
  border: none;
  outline: none;
 }
 .top-bx .input i {
  float: left;
  margin-right: 10px;
 }
 .top-bx .right {
  float: right;
  display: flex;
  justify-content: right;
  align-items: center;
 }
 .top-bx .right .bx {
  background-color: #FFFFFF;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-right: 10px;
  position: relative;
 }
 .top-bx i {
  color: #2d2c2c;
 }
 .top-bx .right .box {
  background-color: #FFFFFF;
  height: 30px;
  width: 60px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-right: 10px;
  position: relative;
 } 
 #menu-bx15 {
  float: left;
  background-color: white;
  width: 200px;
  position: absolute;
  padding: 20px;
  top: 40px;
  right: 0;
  display: none;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.082);
  border: 1px solid #d7cbcb;
 }
 #menu-bx15 a {
  float: left;
  width: 100%;
  font-size: 11px;
  text-decoration: none;
  margin-bottom: 10px;
  padding: 10px;
  color: #696464;
  font-weight: 500;
  display: flex;
  justify-content: left;
  align-items: center;
 }
 #menu-bx15 i {
  float: left;
  margin-right: 10px;
 }
 .top-bx .right .box .i-2 {
  font-size: 12px;
  margin-left: 10px;
 }
 .main-bx {
  position: fixed;
  top: 50px;
  left: 220px;
  bottom: 0;
  right: 0px;
  background: #F1F4F9;
  overflow: auto;
  padding-top: 10px;
  padding-inline: 10px;
  padding-bottom: 50px;
}
 .main-bx .first {
  float: left;
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: center;
}
.main-bx .first h1 {
  float: left;
  width: 100%;
  font-size: 25px;
}
.main-bx .first .bx {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 10px;
  height: 30px;
  border: 1px solid #d7cbcb;
  background: white;
  border-radius: 4px;
  font-size: 14px;
  white-space: nowrap;
}
.main-bx .first .bx i {
  margin-right: 5px;
}

.main-bx .second {
  float: left;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 10px;
  padding: 20px;
}
.main-bx .second .bx {
  flex: 1 1 200px;
  padding: 20px;
  margin: 5px;
  background: white;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.082);
}
.main-bx .second .bx p {
  float: left;
  width: 100%;
  font-size: 13px;
  color: #696464;
  margin-bottom: 50px;
}
.main-bx .second .bx span {
  float: right;
  font-size: 11px;
  font-weight: 400;
  color: #696464;
}
.main-bx .third {
  float: left;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: left;
  gap: 10px; 
  padding-inline: 20px;
}
.main-bx .third .bloc {
  flex: 1;
  background: white;
  height: 280px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.082);
}
.main-bx .third  .p {
  float: left;
  width: 100%;
  padding: 5px;
  border-bottom: 1px solid #d7cbcb;
  font-size: 12px;
}
.main-bx .third .p span {
  float: right;
  color: #696464;
}
.main-bx .third .bloc .box {
  float: left;
  width: 170px;
  height: 170px;
  align-items: center;
  display: flex;
  justify-content: center;
  border: 8px solid #F1F4F9;
  border-radius: 100%;
  margin-inline: 10px;
  margin-top: 40px;
  margin-bottom: 20px;
}
.main-bx .third .bloc .box div h2{
  font-size: 18px;
  float: left;
  text-align: center;
  width: 100%;
}
.main-bx .third .bloc .box div span{
  float: left;
  text-align: center;
  width: 100%;
  font-size: 12px;
  color: #696464;
}
.main-bx .third .bx {
  width: 350px;
  height: 280px;
  background: white;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.082);
}
.apexcharts-legend-text {
  display: none;
}
.apexcharts-legend-marker {
  display: none !important;
}
#chart {
  background: white;
}
#chart2 {
  padding: 20px;
  width: 100% !important;
  background: white;
  float: left;
  margin-top: 20px;
  height:400px;
}
.main-bx .table {
  float: left;
  width: 100%;
  background-color: white;
  padding: 20px;
}
.main-bx .table table {
  float: left;
  width: 100%;
  border-collapse: collapse;
}
.main-bx .table table th {
  font-size: 12px;
  padding: 5px;
}
.main-bx .table table td {
  font-size: 12px;
  padding: 5px;
  color: #696464;
}
.main-bx .table table thead {
  background: #DEEFFF;
}
.main-bx .table table .bold {
  font-weight: 600;
}
.main-bx .table table tr {
  border: 1px solid #e5e4e4;
  border-top: none;
  cursor: pointer;
}
.main-bx .table table tr:hover {
  background-color: #2d89d415;
  color: white;
}
.main-bx .table table .doc {
  text-align: center;
}
.main-bx .table table .no {
  color: #e32b2b;
}
.main-bx .table table .ok {
  color: #37c537;
}
.main-bx .table table .load {
  color: #ffa919;
}
.main-bx .table table button {
  padding-inline: 5px;
  border: none;
  background: #2d89d41e;
  color: #2D89D4;
  border: 1px solid #2D89D4;
  border-radius: 4px;
  font-size: 12px;
  height: 30px;
  font-weight: 600;
}
.main-bx .table table button.valid {
  background: #1f986114;
  color: #1f9861;
  border: 1px solid #1f9861;
}
.main-bx .table table button.validq {
  background: #1f986114;
  color: #1f9861;
  margin-right: 5px;
  border: 1px solid #1f9861;
}
.main-bx .table h1 {
  font-size: 18px;
  margin-bottom: 10px;
}
.body {
  background: #F1F4F9;
}
.profil {
  float: left;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
.profil .group {
  width: 1000px;
  background-color: white;
}
.profil .group .un {
  float: left;
  width: 100%;
  display: flex;
  padding: 20px;
}
.profil .group .un .img {
  float: left;
  height: 200px;
  width: 200px;
  background-color: #f0f0f0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.profil .group .un .img i {
  font-size: 100px;  
  color: #929090;
}
.profil .group .un .name {
  float: left;
  width: 300px;
  padding-inline: 20px;
}
.profil .group .un .name b {
  float: left;
  width: 100%;
  margin-bottom: 3px;
  font-size: 13px;
  color:  #2d2c2c;
  font-weight: 600;
}
.profil .group .un .name b.off {
  color: #f44618;
}
.profil .group .un .name b.on {
  color: #1f9861;
}
.profil .group .un .name button {
  padding-inline: 10px;
  font-weight: 600;
  height: 35px;
  border-radius: 6px;
  color: white;
  border: none;
  outline: none;
}
.profil .group .un .name button:hover {
  opacity: 0.5;
}
.profil .group .un .name button:active {
  opacity: 0.8;
}
.profil .group .un .name button.bloq {
  background: #f4461821;
  color: #f44618;
  float: right;
  border: 1px solid #f44618;
}
.profil .group .un .name button.dbloq {
  background: #1f986114;
  color: #1f9861;
  border: 1px solid #1f9861;
}
.profil .group .un .name button.nox {
  background: #447ab314;
  color: #1f8198;
  border: 1px solid #1f8198;
}
.profil .group .un .long {
  float: left;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.profil .group .un .long .circle {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  width: 100px;
  border-radius: 100%;
  border: 7px solid #e4ebf6;
}
.profil .group .un .long .circle div {
  float: left;
  width: 100%;
}
.profil .group .un .long .circle h1 {
  float: left;
  width: 100%;
  font-size: 13px;
  text-align: center;
}
.profil .group .un .long .circle p {
  float: left;
  width: 100%;
  font-size: 12px;
  text-align: center;
}
.profil .group .mi {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  padding-inline: 20px;
}
.profil .group .mi span {
  float: left;
  padding: 10px;
  margin-right: 10px;
  cursor: pointer;
  border-radius: 6px;
  color: #286a95;
  font-weight: 600;
  background-color: #dee8ff;
}
.profil .group .mi span:hover {
  opacity: 0.5;
}
.profil .group .mi span:active {
  opacity: 0.8;
}
.profil .group .mi span.active {
  background-color: #286a95;
  color: white;
}
.profil .group .coupons {
  float: left;
  width: 100%;
  padding: 20px;
}
.profil .group .coupons .contenus {
  float: left;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.profil .group .coupons .contenus .bet {
  background: #dee8ff;
  border-radius: 6px;
}
.profil .group .coupons .contenus .bet .date {
  float: left;
  width: 100%;
  font-size: 12px;
  padding-inline: 20px;
  margin-top: 10px;
}
.profil .group .coupons .contenus .bet  p {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
.profil .group .coupons .contenus .bet .left {
  float: left;
  font-size: 13px;
}
.profil .group .coupons .contenus .bet .right {
  float: right;
  color: #286a95;
  font-size: 14px;
  font-weight: 600;
}
.profil .group .coupons .contenus .bet .pay {
  float: left;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1f9861;
  font-weight: 600;
}
.profil .group .coupons .contenus .bet .content {
  float: left;
  width: 100%;
  padding: 10px;
}
.profil .group .coupons .contenus .bet button {
  float: left;
  width: 100%;
  height: 40px;
  color: #286a95;
  border: 1.5px solid #286a95;
  border-radius: 30px;
  font-weight: 600;
}
.profil .group .coupons input {
  float: left;
  width: 300px;
  margin-bottom: 30px;
  height: 40px;
  border: 1px solid #e9e9e9;
  outline: none;
  border-radius: 6px;
  padding-inline: 10px;
}
.profil .group .coupons input:focus {
  border: 2px solid #286a95;
}
.profil .group .paiements {
  float: left;
  padding: 20px;
  width: 100%;
}
.profil .group .paiements input {
  float: left;
  width: 300px;
  margin-bottom: 30px;
  height: 40px;
  border: 1px solid #e9e9e9;
  outline: none;
  border-radius: 6px;
  padding-inline: 10px;
}
.profil .group .paiements input:focus {
  border: 2px solid #286a95;
}
.profil .group .paiements .hpays {
  float: left;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
.profil .group .paiements .hpays div {
  float: left;
  background-color: #1f986114;
  padding: 10px;
  font-size: 13px;
  border: 1px solid #286a95;
}
.profil .group .docs {
  float: left;
  width: 100%;
  padding: 20px;
}
.profil .group .docs img {
  width: 300px;
  height: auto;
  float: left;
}
.profil .group .profil {
  float: left;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 20px;
  gap: 15px;
}
.profil .group .profil  div label{
  float: left;
  width: 100%;
}
.profil .group .profil  div input {
  float: left;
  width: 100%;
  height: 38px;
  border: 1px solid #e9e9e9;
  outline: none;
  border-radius: 6px;
  padding-inline: 10px;
  font-weight: 500;
}
.profil .group .profil  div textarea {
  float: left;
  resize: none;
  width: 100%;
  height: 80px;
  border: 1px solid #e9e9e9;
  outline: none;
  border-radius: 6px;
  padding: 10px;
  font-weight: 500;
}
.profil .group .profil  div img {
  width: 100px;
  cursor: pointer;
}
.profil .group .profil  div input:focus {
  border: 2px solid #286a95; 
}
.profil .group .profil button {
  height: 38px;
  border-radius: 6px;
  font-weight: 600;
  background: #286a95;
  border: none;
  outline: none;
  color: #FFFFFF;
}
.profil .group .profil button:hover {
  opacity: 0.5;
}
.profil .group .profil button:active {
  opacity: 0.8;
}
.checkCm {
  float: left;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkCm .white {
  background-color: white;
  padding: 20px;
  width: 500px;
  margin-top: 30px;
  float: left;
}
.checkCm  h1 {
  float: left;
  width: 100%;
  text-align: center;
}
.checkCm .white .bet {
  float: left;
  width: 100%;
  padding: 10px;
  background: #2d89d415;
  margin-bottom: 10px;
}
.checkCm .white .bet h2 {
  float: left;
  background: black;
  color: white;
  font-size: 14px;
  margin-top: 4px;
  margin-bottom: 10px;
  width: 100%;
  padding: 3px;
}
.checkCm .white .msg img {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.checkCm .white .bet p {
  font-size: 13px;
  width: 100%;
  float: left;
}
.checkCm .white .bet .left {
  float: left;
}
.checkCm .white .bet .right {
  float: right;
  color: #286a95;
  font-weight: 600;
}
.checkCm .white .bet h6 {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #2d2c2c;
  font-weight: 600;
}
.checkCm .white .bottom {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.checkCm .white .bottom p {
  float: left;
  width: 100%;
  font-size: 13px;
  margin-bottom: 5px;
}
.checkCm .white .bottom button {
  display: block;
  height: 35px;
  padding-inline: 10px;
  border: none;
  outline: none;
  background: #286a95;
  border-radius: 6px;
  color: white;
  font-size: 12px;
  font-weight: 600;
}
.checkCm .white .bottom .right {
  float: right;
  font-size: 15px;
  font-weight: 600;
}
.checkCm .white .bottom .left {
  float: left;
}
.main-bx .add {
  padding-inline: 10px;
  height: 35px;
  background: #286a95;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 600;
  border: none;
  outline: none;
  border-radius: 6px;
  float: right;
  margin-bottom: 20px;
}
.main-bx .add:hover {
  opacity: 0.5;
}
.main-bx .add:active {
  opacity: 0.8;
}
.addpress {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #04040447;
  z-index: 11;
}
.addpress .bloc {
  width: 500px;
  background-color: white;
  padding: 20px;
}
.addpress .bloc label {
  float: left;
  font-size: 13px;
  width: 100%;
}
.addpress .bloc input {
  float: left;
  width: 100%;
  height: 35px;
  padding-inline: 10px;
  border-radius: 6px;
  border: 1px solid #929090;
  outline: none;
  margin-bottom: 10px;
}
.addpress .bloc select {
  float: left;
  width: 100%;
  height: 35px;
  padding-inline: 10px;
  border-radius: 6px;
  border: 1px solid #929090;
  outline: none;
  margin-bottom: 10px;
}
.addpress .bloc button {
  padding-inline: 20px;
  height: 35px;
  background: #286a95;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 600;
  border: none;
  outline: none;
  border-radius: 6px;
}
.history {
  float: left;
  width: 100%;
  padding: 20px;
}
.history input {
  float: left;
  width: 300px;
  height: 38px;
  border: 1px solid #e9e9e9;
  outline: none;
  border-radius: 6px;
  padding-inline: 10px;
  font-weight: 500; 
  margin-bottom: 30px;
}

.history .line {
  float: left;
  width: 100%;
  margin-top: 10px;
  background-color: #cacfe147;
  padding: 10px;
}
.checkCm .white .msg {
  float: left;
  width: 100%;
  background-color: #cacfe147;
  margin-top: 10px;
  padding: 10px;
}
.checkCm .white .msg p {
  float: left;
  width: 100%;
  font-size: 14px;
}
.checkCm .white .msg span {
  float: left;
  font-size: 12px;
}
.checkCm .white .msg a {
  text-decoration: none;
  color: #286a95;
  font-weight: 600;
}
.history .line p {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  font-size: 13px;
}
.history .line a {
  text-decoration: none;
  color: #286a95;
  font-weight: 600;
}
.history .line span {
  float: left;
  margin-right: 20px;
}
.statt {
  float: left;
  width: 100%;
  padding: 50px;
  height: 100%;
}
.statt div {
  float: left;
  width: 100%;
}
.statt input {
  float: left;
  width: 200px;
  height: 38px;
  border: 1px solid #e9e9e9;
  outline: none;
  border-radius: 6px;
  padding-inline: 10px;
  font-weight: 500; 
  margin-bottom: 30px; 
}
.statt button {
  float: left;
  height: 38px;
  outline: none;
  border: none;
  background-color: #286a95;
  color: white;
  margin-left: 10px;
  border-radius: 6px;
  padding-inline: 10px;
  font-weight: 500; 
  margin-bottom: 30px; 
}
.cdProm {
  float: left;
  width: 100%;
  padding: 20px;
}
.cdProm table {
  float: left;
  width: 100%;
  border-collapse: collapse;
}
.cdProm table th {
  font-size: 12px;
  padding: 5px;
}
.cdProm table td {
  font-size: 12px;
  padding: 5px;
  color: #696464;
}
.cdProm table thead {
  background: #DEEFFF;
}
.cdProm table .bold {
  font-weight: 600;
}
.cdProm table tr {
  border: 1px solid #e5e4e4;
  border-top: none;
  cursor: pointer;
}
.cdProm table tr:hover {
  background-color: #2d89d415;
  color: white;
}

.bg-load-2 {
  float: left;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 12000;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: #3d333373;
}

.bg-load-2 .center {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  animation: rotatee2 1s linear infinite;
  background: white;
  box-shadow: 0px 0px 10px #3f3f3f;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bg-load-2 .center div {
  width: 40px;
  height: 40px;
  background: white;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: rotatee 2s linear infinite;
  position: relative;
}
@keyframes rotatee2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

@keyframes rotatee {
  100% {
    transform: rotate(0deg);
    width: 0px;
    height: 0px;
  }
  90% {
    width: 6px;
    height: 6px;
  }
  80% {
    width: 12px;
    height: 12px;
  }
  70% {
    width: 18px;
    height: 18px;
  }
  60% {
    width: 24px;
    height: 24px;
  }
  50% {
    width: 30px;
    height: 30px;
  }
  40% {
    width: 24px;
    height: 24px;
  }
  30% {
    width: 18px;
    height: 18px;
  }
  20% {
    width: 12px;
    height: 12px;
  }
  10% {
    width: 6px;
    height: 6px;
  }
  0% {
    transform: rotate(-360deg);
    width: 0px;
    height: 0px;
  }
}
.bg-load-2 b {
  width: 7px;
  height: 7px;
  position: absolute;
  border-radius: 100%;
}
.bg-load-2 b:nth-child(1) {
  left: 0;
  top: 0;
  background-color: #0b78e3;
}
.bg-load-2 b:nth-child(2) {
  right: 0;
  top: 0;
  background-color: #3ed03e;
}
.bg-load-2 b:nth-child(3) {
  right: 0;
  bottom: 0;
  background-color: #0b78e3;
}
.bg-load-2 b:nth-child(4) {
  left: 0;
  bottom: 0;
  background-color: #3ed03e;
}
#dialog_alert {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 120000;
  background-color: #0000006e;
  display: none;
  justify-content: center;
  align-items: center;
}

#dialog_alert div {
  width: 300px;
  padding: 20px;
  background: white;
  border-radius: 20px;
}
#dialog_alert div h3 {
  float: left;
  width: 100%;
  color: #b11d1d;
}
#dialog_alert div p {
  float: left;
  width: 100%;
  margin-top: 20px;
  color: #595656;
  margin-bottom: 20px;
  font-size: 15px;
}
#dialog_alert div a {
  float: right;
  text-decoration: none;
  font-weight: 900;
  color: #2656ff;
}
#toast {
  position: fixed;
  bottom: -70px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px;
  background-color: #28a745;
  color: white;
  border-radius: 4px;
}

.profil .group .coupons .content {
  display: block;
}
.profil .group .coupons .contenus table {
  float: left;
  width: 100%;
  border-collapse: collapse;
}
.profil .group .coupons .contenus table th {
  font-size: 12px;
  padding: 5px;
}
.profil .group .coupons .contenus table td {
  font-size: 12px;
  padding: 5px;
  color: #696464;
}
.profil .group .coupons .contenus table thead {
  background: #DEEFFF;
}
.profil .group .coupons .contenus table .bold {
  font-weight: 600;
}
.profil .group .coupons .contenus table tr {
  border: 1px solid #e5e4e4;
  border-top: none;
  cursor: pointer;
}
.profil .group .coupons .contenus table tr:hover {
  background-color: #2d89d415;
  color: white;
}
.profil .group .coupons .contenus table button {
  padding-inline: 5px;
  border: none;
  background: #2d89d41e;
  color: #2D89D4;
  border: 1px solid #2D89D4;
  border-radius: 4px;
  font-size: 12px;
  height: 30px;
  font-weight: 600;
}