:root {
  --primary: #2d7f73;
  --secondary: #489085;
  --blue: #183153;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.125);
  --bs-primary-rgb: #2d7f73;
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: "../fonts/Poppins/Poppins-Regular.ttf" format("truetype");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  src: "../fonts/Poppins/Poppins-Light.ttf" format("truetype");
}

@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 300;
  src: "../fonts/Poppins/Poppins-LightItalic.ttf" format("truetype");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  src: "../fonts/Poppins/Poppins-Medium.ttf" format("truetype");
}

@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 500;
  src: "../fonts/Poppins/Poppins-MediumItalic.ttf" format("truetype");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: "../fonts/Poppins/Poppins-SemiBold.ttf" format("truetype");
}

@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 600;
  src: "../fonts/Poppins/Poppins-SemiBoldItalic.ttf" format("truetype");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  src: "../fonts/Poppins/Poppins-Bold.ttf" format("truetype");
}

@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 700;
  src: "../fonts/Poppins/Poppins-BoldItalic.ttf" format("truetype");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 900;
  src: "../fonts/Poppins/Poppins-ExtraBold.ttf" format("truetype");
}

@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 900;
  src: "../fonts/Poppins/Poppins-ExtraBoldItalic.ttf" format("truetype");
}

body.modules {
  background: url(../imgs/main_bg.webp) center no-repeat;
  background-size: cover;
}

.table th,
.table td {
  font-size: 1rem;
}

.card {
  padding: 1.25rem;
}

.w-100 {
  width: 100%;
}

.functional_btn {
  flex-direction: column;
  justify-content: center;
  display: flex;
  padding: 0.467rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.267rem;
  height: 38px;
  color: #fff;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

a.functional_btn {
  margin-left: 0.5rem;
}

a.functional_btn:hover,
a.functional_btn:focus {
  color: #fff;
}

.bg-opacity-down {
  --bs-bg-opacity: 0.4;
}

input:focus {
  border-color: #2d7f73 !important;
  box-shadow: 0 0 0 0.15rem rgb(45 127 115 / 53%) !important;
  outline: none;
}

@media screen and (max-width: 767px) {
  .w-75 {
    width: 100% !important;
  }
}

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

/*dashboard_vente*/

.avatar {
  height: fit-content;
}

.has-icon-left .form-control {
  padding-right: 1rem;
  padding-left: 2.5rem;
  font-size: 13px;
  width: calc(100% + 1rem);
}

.content-card {
  min-height: 215px;
}

.min-height-card {
  min-height: 565px;
}

/*indexhome*/

iframe[src=""] {
  display: none;
}

iframe:not([src=""]) {
  display: block;
}

.app-content-overlay {
  /* app overlay */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  z-index: 7;
  visibility: hidden;
  opacity: 0;
  border-radius: 0.267rem;
  width: 100%;
  height: 100vh;
  margin-left: 9rem;
}

.app-content-overlay.show {
  visibility: visible;
  transition: all 0.3s ease;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.2);
}

.swal2-container {
  z-index: 1080;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #469c90;
  --bs-btn-border-color: #469c90;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2c7778;
  --bs-btn-hover-border-color: #2c7778;
}

svg {
  /* width: 20px; */
}

.text-green {
  color: var(--primary);
}

.text-green:hover,
.text-green:focus {
  color: #469c90;
}

.modules_wrapper {
  border-radius: 1rem;
  background-color: #ffffff33;
}
.modules_wrapper .link_wrapper {
  padding: 5px 10px 10px 0;
  display: flex;
  align-items: end;
}
.modules_wrapper .navigation-services-list-item {
  background-color: #fff;
  border-radius: 1rem;
  border: 2px solid #ddd;
  width: 100%;
}

.modules_wrapper .navigation-services-list-item a i,
.modules_wrapper .navigation-services-list-item a i {
  display: none;
  color: gray;
}

.modules_wrapper .navigation-services-list-item:hover,
.modules_wrapper .navigation-services-list-item:focus {
  border-color: var(--primary);
  box-shadow: 1px 2px 12px var(--primary);
  transition: all 0.4s;
}

.modules_wrapper .navigation-services-list-item:hover a i,
.modules_wrapper .navigation-services-list-item:focus a i {
  display: inline-flex;
  -webkit-animation: linear infinite;
  -webkit-animation-name: run;
  -webkit-animation-duration: 3s;
  transition: all 0.4s;
  position: absolute;
}

.modules_wrapper .navigation-services-list-link {
  color: #333;
}

@-webkit-keyframes run {
  0% {
    left: 0;
    color: #fff;
  }
  50% {
    left: 70%;
    color: #333;
  }
}

.navigation-services-list-parentwrap .navigation-service-icon {
  margin: 0 auto 10px;
}

@media screen and (min-width: 768px) {
  .bg-col-8-rev::before {
    content: '';
    background-color: #f7f9fe;
    width: 67%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
  }
  
  .bg-col-8::before {
    content: '';
    background-color: #f7f9fe;
    width: 67%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
  }
}

.shadow-md {
    box-shadow: 0 1rem 3rem rgb(0 0 0 / 8%) !important;
}