html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #4d4d4d;
  color: #fff;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
}
body::-webkit-scrollbar {
  width: 10px;
}

body::-webkit-scrollbar-track {
  background-color: #4d4d4d;
  border-radius: 100px;
}

body::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-radius: 100px;
}
.container-fluid {
  margin-right: 10px;
}
#showSearchBar {
  display: none;
  z-index: 99 !important;
}
.pointer {
  cursor: pointer;
}
.bolder {
  font-weight: bold;
}
.noneMargin {
  margin: 0;
}
.rotate {
  transform: rotate(180deg);
}
.wordWrap {
  overflow-wrap: anywhere;
}
.lineBottom {
  border-bottom: 1px #343434 solid;
}
.toggleBloc {
  display: none !important;
}
.toggleBloc.active {
  display: block !important;
}
.redColor {
  background-color: #dc3545;
  color: #fff;
  fill: #fff;
  border: none;
}
.blackColor {
  color: #343434;
}
.bg-grandir {
  background-color: #183c6f;
}
.bg-grandir-second {
  background-color: #45c3df;
}
.text-multiline-truncate-desktop {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2; /* Nombre de lignes maximum */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 2.8em; /* 2 lignes * line-height */
}

@media (max-width: 575px) {
  .modal-lg {
    width: auto !important;
  }
}
@media (max-width: 768px) {
  .text-multiline-truncate-desktop {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    max-width: none;
    height: auto;
    display: block;
    line-clamp: 2;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    max-height: none;
    word-wrap: normal;
    word-break: normal;
    hyphens: none;
  }
}

/********Connect start********/
.connectPhoto {
  background-image: url("../img/shutterstock_226751776.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow-y: scroll;
}
.connectionBlock {
  margin-top: 25vh;
  height: 50vh;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(6px);
  box-shadow: 8px 8px 35px 0px #111111;
}
.connectionBlock input {
  background-color: #111111;
  color: #fff;
}
/********Connect end********/
/********SideBar start********/
/* full screen */
.wrapper {
  display: flex;
  width: 100%;
  align-items: stretch;
}
#sidebar {
  min-width: 250px;
  max-width: 250px;
  min-height: 100vh;
  box-shadow: 8px 8px 35px 0px #343434;
  z-index: 97;
}
#sidebar.active {
  min-width: 80px;
  max-width: 80px;
  text-align: center;
}
.justifyButtonSidebar {
  display: flex;
  justify-content: space-around;
}
.businessLogo {
  width: 75%;
  margin: 14px;
  border-radius: 10px;
}
.logo {
  margin-top: 3px;
  float: left;
  width: 25px;
  display: none;
  fill: #fff;
}
li.active .logo {
  fill: #000;
}
li:hover .logo {
  fill: #000;
}
h1 {
  margin-top: 16px;
  font-size: 30px;
}
.branchEfficia {
  margin-top: -18px;
  font-size: 2.5rem;
}
a,
a:hover,
a:focus {
  color: inherit;
  text-decoration: none;
  transition: all 0.3s;
}
#sidebar {
  background: #343434;
  color: #fff;
  transition: all 0.3s;
}
#sidebar ul.components {
  padding: 20px 0;
}
#sidebar ul li a {
  padding: 10px 10px 5px 15px;
  margin-top: 3vh;
  font-size: 1.3em;
  display: block;
}
#sidebar ul li a:hover {
  color: #343434;
  background: #fff;
}
#sidebar ul li.active {
  color: #343434;
  background: #ffffff;
}
#sidebar.active .justifyButtonSidebar {
  display: flex;
  flex-direction: column;
}
#sidebar.active .secondSideBarButton {
  margin-top: 4vh;
}
#sidebar.active .sidebar-header h1 {
  display: none;
}
#sidebar.active .sidebar-header .branchEfficia {
  display: none;
}
#sidebar.active .sidebar-header .businessLogo {
  margin: 10px;
  width: 60px;
  margin-bottom: 50px;
}
#sidebar.active .linkViews {
  display: none;
}
#sidebar.active .logo {
  display: block;
  margin-left: 15px;
}
#sidebar.active ul li a {
  margin-top: 4vh;
  padding-bottom: 40px;
}
.sideBarButtons {
  min-width: 40px;
  min-height: 40px;
  border: none;
  border-radius: 200px;
  background-color: #343434;
}
.sideBarButtons a svg {
  fill: #fff;
}
.sideBarButtons:hover {
  fill: #000;
  transform: scale(1.2);
  transition: 0.2s;
  background-color: #fff;
  box-shadow: 5px 3px 10px 0px rgba(0, 0, 0, 0.75);
}
.sideBarButtons:hover a svg {
  fill: #000;
}
.sideFooter {
  position: absolute;
  bottom: 15px;
}
.slideButton {
  position: relative;
  top: 48%;
  margin-left: -15px;
  padding: 5px 5px 10px 5px;
  background-color: #343434;
  border-radius: 50px;
  border: #343434;
  z-index: 98;
  padding: 10px 5px 10px 5px;
}
#sidebar.active .slideButton {
  margin-left: 50px;
}
.sidebar {
  max-height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #4d4d4d #343434;
}
.sidebar::-webkit-scrollbar {
  width: 10px;
}

.sidebar::-webkit-scrollbar-track {
  background-color: #343434;
  border-radius: 100px;
}

.sidebar::-webkit-scrollbar-thumb {
  background-color: #4d4d4d;
  border-radius: 100px;
}

.slideLogo {
  display: block;
  fill: #fff;
  transform: rotate(0deg);
}
.slideLogo.active {
  transform: rotate(180deg);
}
/* full screen end */
/* 1100 px start */
@media (max-width: 1100px) {
  #sidebar.active {
    min-width: 250px;
    max-width: 250px;
    min-height: 100vh;
    box-shadow: 8px 8px 35px 0px #343434;
  }
  #sidebar {
    min-width: 80px;
    max-width: 80px;
    text-align: center;
  }
  #sidebar.active .justifyButtonSidebar {
    display: flex;
    justify-content: space-around;
  }
  #sidebar.active .businessLogo {
    width: 75%;
    margin: 14px;
    border-radius: 10px;
  }
  #sidebar.active .logo {
    margin-top: 3px;
    float: left;
    width: 25px;
    display: none;
    fill: #fff;
  }
  #sidebar.active li.active .logo {
    fill: #000;
  }
  #sidebar.active li:hover .logo {
    fill: #000;
  }
  #sidebar.active h1 {
    margin-top: 16px;
    font-size: 30px;
  }
  #sidebar.active .branchEfficia {
    margin-top: -18px;
    font-size: 2.5rem;
  }
  #sidebar.active a,
  a:hover,
  a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
  }
  #sidebar.active {
    background: #343434;
    color: #fff;
    transition: all 0.3s;
  }
  #sidebar.active ul.components {
    padding: 20px 0;
  }
  #sidebar.active ul li a {
    padding: 10px 10px 5px 15px;
    margin-top: 3vh;
    font-size: 1.3em;
    display: block;
  }
  #sidebar.active ul li a:hover {
    color: #343434;
    background: #fff;
  }
  #sidebar.active ul li.active {
    color: #343434;
    background: #ffffff;
  }
  #sidebar .justifyButtonSidebar {
    display: flex;
    flex-direction: column;
  }
  #sidebar .secondSideBarButton {
    margin-top: 4vh;
  }
  #sidebar .sidebar-header h1 {
    display: none;
  }
  #sidebar .sidebar-header .branchEfficia {
    display: none;
  }
  #sidebar .sidebar-header .businessLogo {
    margin: 10px;
    width: 60px;
    margin-bottom: 50px;
  }
  #sidebar .linkViews {
    display: none;
  }
  #sidebar.active .linkViews {
    display: block;
  }
  #sidebar .logo {
    display: block;
    margin-left: 15px;
  }
  #sidebar ul li a {
    margin-top: 4vh;
    padding-bottom: 40px;
  }
  #sidebar.active .sideBarButtons {
    min-width: 40px;
    min-height: 40px;
    border: none;
    border-radius: 200px;
    background-color: #343434;
  }
  #sidebar.active .sideBarButtons a svg {
    fill: #fff;
  }
  #sidebar.active .sideBarButtons:hover {
    fill: #000;
    transform: scale(1.2);
    transition: 0.2s;
    background-color: #fff;
    box-shadow: 5px 3px 10px 0px rgba(0, 0, 0, 0.75);
  }
  #sidebar.active .sideBarButtons:hover a svg {
    fill: #000;
  }
  #sidebar.active .sideFooter {
    position: absolute;
    bottom: 15px;
  }
  #sidebar.active .slideButton {
    position: relative;
    top: 48%;
    margin-left: -15px;
    padding: 5px 5px 10px 5px;
    background-color: #343434;
    border-radius: 50px;
    border: #343434;
  }
  #sidebar .slideButton {
    margin-left: 50px;
  }
  .sidebar {
    max-height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    scroll-behavior: auto;
    scrollbar-width: thin;
    scrollbar-color: #4d4d4d #343434;
  }
  .sidebar::-webkit-scrollbar {
    width: 10px;
  }

  .sidebar::-webkit-scrollbar-track {
    background-color: #343434;
    border-radius: 100px;
  }

  .sidebar::-webkit-scrollbar-thumb {
    background-color: #4d4d4d;
    border-radius: 100px;
  }
  .slideLogo {
    transform: rotate(180deg);
  }
  .slideLogo.active {
    transform: rotate(0deg);
  }
}
@media (max-width: 767px) {
  #sidebar {
    display: none;
  }
  #sidebar.active {
    display: block;
  }
  .sidebar.active .container-fluid {
    display: none !important;
  }
  .slideButton {
    position: relative;
    height: 20vh;
    top: 40vh;
    margin: 0%;
    border-radius: 0 10px 10px 0;
  }
}
/* 1100 px end */
/********end sidebar********/
/********Alert Dashboard start********/
/* Style pour les évènements */
.img-convention {
  max-width: 50%;
}
.closeEventBtn {
  width: 1.5rem;
  margin: 0 !important;
  padding: 0px 0px 5px 0px !important;
}
.titleEvent {
  font-size: 25px;
}
.inscriptionButton {
  background-color: #183c6f;
  color: #fff;
  font-size: 25px;
  border: none;
  border-radius: 10px;
  padding: 1rem;
  font-weight: bold;
  box-shadow: 4px 4px 5px 0px #111111;
  transition: 0.2s;
}
.desinscriptionButton {
  background-color: #dc3545;
  color: #fff;
  font-size: 25px;
  border: none;
  border-radius: 10px;
  padding: 1rem;
  font-weight: bold;
  box-shadow: 4px 4px 5px 0px #111111;
  transition: 0.2s;
}
.inscriptionOptionButton {
  background-color: #4d4d4d;
  color: #fff;
  font-size: 25px;
  border: none;
  border-radius: 10px;
  padding: 1rem;
  font-weight: bold;
  box-shadow: 4px 4px 5px 0px #111111;
  transition: 0.2s;
}
.inscriptionButton:hover,
.desinscriptionButton:hover,
.inscriptionOptionButton:hover {
  transition: 0.2s;
  transform: scale(1.05);
}
.inscriptionButton:disabled {
  transform: scale(1);
  background-color: #4d4d4d;
  opacity: 0.5;
}
.eventModal {
  display: none !important;
}
.eventModal.active {
  display: block !important;
}
.bodyHeight {
  display: block;
  height: 95vh;
  max-height: 95vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
  overflow-x: hidden;
}
.dashBoardSearchBtn {
  background-color: white;
  border-radius: 8px;
  padding: 15px 20px;
  width: 100%;
  min-height: 60px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  box-shadow: 8px 8px 10px #111;
  overflow: hidden;
}
.dashBoardSearchBtn:hover {
  transition: 0.2s;
  transform: scale(1.05);
  color: #333;
}
.dashBoardSearchText {
  flex: 1;
  text-align: left;
}

.dashBoardSearchIcon {
  position: absolute;
  top: 8px;
  right: -20px;
  width: 70px;
  height: 70px;
  opacity: 0.6;
  transform: rotate(340deg);
}

.dashBoardSearchSilhouette {
  width: 100%;
  height: 100%;
  fill: #666;
  transition: fill 0.3s ease;
}

/********Alert Dashboard end********/
/********MyGroup start********/
/*Input search start*/
.searchPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
  overflow-x: hidden;
}
.searchPage::-webkit-scrollbar {
  width: 10px;
}
.searchPage::-webkit-scrollbar-track {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.searchPage::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-radius: 100px;
}
.validInput {
  border-radius: 0;
  position: relative;
  z-index: 99 !important;
}
.validInput {
  background-color: #343434;
  color: #fff;
  font-weight: bolder;
  border: solid 1px #9e9e9e;
}
.inputCol {
  padding: 0;
  margin: 0;
}
/********searchModal start********/
#searchButtons {
  color: #343434;
  background-color: #fff;
  border: none;
  border-radius: 4px;
  width: 100%;
  font-size: 20px;
  text-align: left;
}
#searchButtons:hover {
  transform: scale(1.01);
  transition: 0.2s;
}
#searchButton {
  color: #343434;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  width: 100%;
  font-size: 20px;
  text-align: left;
}
#searchButton:hover {
  transform: scale(1.01);
  transition: 0.2s;
}
#searchButtonModal {
  display: none;
  z-index: 5;
}
.searchButtonModalcheck {
  background-color: #343434;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
}
.searchButtonModalcheck.active {
  background-color: #fff;
  color: #343434;
  font-weight: bold;
  border-radius: 5px;
}
.searchModal {
  display: none;
  position: fixed;
  z-index: 2;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.6);
}
.searchModal-content {
  margin-left: 275px;
  padding: 20px;
  width: 80%;
  z-index: 99;
}
@media (max-width: 1100px) {
  .searchModal-content {
    margin-left: 90px;
    padding: 20px;
    width: 80%;
    z-index: 99;
  }
}
@media (max-width: 767px) {
  .searchModal-content {
    margin-top: 15vh;
    margin-left: 5px;
    padding: 20px;
    width: 80%;
    z-index: 99;
  }
}
.searchAllChoice label {
  margin: 0;
}
/********searchModal end********/
/*Input search end*/
/*group list start*/
.titleGroupBlock {
  border-radius: 10px 10px 10px 10px;
}
.titleGroupBlock,
#groupBlock {
  background-color: #343434;
}
#groupBlock {
  position: fixed;
  margin-top: 0.8rem;
  top: auto;
  bottom: auto;
  right: 10px;
  left: 265px;
  width: auto;
  height: 79vh;
  transition: 0.3s;
  overflow-y: scroll !important;
  overflow-x: hidden;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #4d4d4d #343434;
  border-radius: 10px;
  z-index: 0;
}
#groupBlock::-webkit-scrollbar {
  width: 10px;
}

#groupBlock::-webkit-scrollbar-track {
  background-color: #343434;
  border-radius: 100px;
}

#groupBlock::-webkit-scrollbar-thumb {
  background-color: #4d4d4d;
  border-radius: 100px;
}
#groupBlock.closeSlide {
  left: 95px;
  transition: 0.3s;
}
#groupBlock.closeSlideInformation {
  position: fixed;
  bottom: auto;
  transition: 0.3;
}
.deleteMeetingBtnChekLine,
.deleteMeetingBtnLine {
  display: none;
}
.deleteMeetingBtnChekLine.active,
.deleteMeetingBtnLine.active {
  display: block;
}
.deleteMeetingBtnCheck,
.changeMeetingBtn {
  padding: 0.75rem;
  width: 4rem;
  height: 4rem;
  border: none;
  border-radius: 200px;
  fill: #fff;
  background-color: #4d4d4d;
  box-shadow: 5px 5px 8px 2px #111111;
}
.deleteMeetingBtnCheck:hover {
  background-color: #dc3545;
  transform: scale(1.1);
  transition: 0.2s;
}
.changeMeetingBtn:hover {
  background-color: #fff;
  fill: #343434;
  transform: scale(1.1);
  transition: 0.2s;
}
.deleteMeetingBtn,
.validChangeMeetingBtn {
  background-color: #fff;
  border: none;
  border-radius: 10px;
  padding: 1rem;
  color: #343434;
  box-shadow: 8px 8px 10px 0px #111111;
  transition: 0.2s;
}
.deleteMeetingBtnBack:hover {
  background-color: #343434 !important;
}
.deleteMeetingBtn svg,
.validChangeMeetingBtn svg {
  fill: #343434;
  stroke: #343434;
  transition: 0.2s;
}
.deleteMeetingBtn:hover {
  background-color: #dc3545;
  color: #fff;
  fill: #fff;
  transform: scale(1.05);
  transition: 0.2s;
}
.validChangeMeetingBtn:hover {
  background-color: #007bff;
  color: #fff;
  fill: #fff;
  transform: scale(1.05);
  transition: 0.2s;
}
.deleteMeetingBtn:hover svg,
.validChangeMeetingBtn:hover svg {
  fill: #fff;
  stroke: #fff;
  transform: scale(1.05);
  transition: 0.2s;
}
.changeMeetingBlock,
.staticMeetingBlock {
  display: none;
}
.changeMeetingBlock.active,
.staticMeetingBlock.active {
  display: block;
}
.askVisitGroupButton {
  background-color: #fff;
  border: none;
  fill: #343434;
  border-radius: 100%;
  padding: 0.6rem;
  box-shadow: 8px 8px 10px 0px #111111;
  transition: 0.2s;
}
.askVisitGroupButton:hover {
  transform: scale(1.05);
  transition: 0.2s;
}
.linkAgenda {
  font-weight: bolder;
  font-size: 20px;
  margin-left: 0;
}
.member {
  background-color: #fff;
  margin: 10px 0px 10px 0px;
  overflow: hidden;
  color: #343434;
  margin-bottom: 3vh;
  transition: 0.2s;
  padding: 0.5rem;
  border-radius: 10px;
}
.member:hover {
  color: #343434;
  transition: 0.2s;
}
.memberNameParagraph,
.memberSocietyParagraph,
.memberStatusParagraph {
  margin-bottom: 0px;
}
.memberInfo {
  display: none;
}
.memberInfo.active {
  font-size: 20px;
  display: block;
  width: 75%;
}
.memberListInfo {
  font-size: 20px;
  margin-top: 12px;
}
.logoMemberInfoList {
  width: 3vh;
}
.memberNameParagraph,
.memberSocietyParagraph {
  font-size: 20px;
}
.memberStatusParagraph {
  font-size: 15px;
  opacity: 0.7;
}
/*group list end*/
/*group info start*/
.titleInformationGroup {
  background-color: #343434;
  border-radius: 10px;
  width: 100%;
  margin: -20px 0px 20px 0px;
  padding: 5px 0px 5px auto;
  text-align: center;
}
.titleInformationGroup:hover {
  transform: scale(1.02);
  transition: 0.2s;
}
#informationGroupBlock {
  background-color: #343434;
  border-radius: 10px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  left: 265px;
  width: auto;
  transition: 0.3s;
}
#informationGroupBlock.closeSlide {
  left: 95px;
  transition: 0.3s;
}
#informationGroupBlock.closeSlideInformation {
  position: relative;
  bottom: auto;
  transition: 0.3s;
}
.informationBlock0,
.informationBlock2,
.informationBlock3,
.informationBlock4,
.informationBlock5,
.informationBlock6,
.informationBlock7,
.informationBlock8,
.informationBlock9 {
  width: 230px;
  height: 200px;
  margin: 50px auto 5px auto;
  background-color: #fff;
  color: #343434;
  border-radius: 15px;
  box-shadow: 7px 3px 35px 0px rgba(0, 0, 0, 0.75);
  opacity: 0;
  transition:
    transform 1s ease-in-out,
    opacity 1s ease-in-out;
  display: none;
}
.informationBlock9 {
  margin-bottom: 45px;
}
.showTransformOpacity {
  opacity: 1;
  transition:
    transform 1s ease-in-out,
    opacity 1s ease-in-out;
  transform: translateY(-150px);
}
.informationBlock.informationBlockOpenDetails {
  display: none;
}
.marginForGroupAnimationTop {
  margin-top: 150px;
}
.marginForGroupAnimationBottom {
  margin-bottom: -150px;
}
.photoAdministrateur {
  display: block;
  margin: -50px auto 5px auto;
  height: 120px;
  border-radius: 20px;
  box-shadow: 7px 3px 35px 0px rgba(0, 0, 0, 0.75);
}
.iconInformation {
  display: block;
  margin: 5px auto 5px auto;
  height: 50px;
}
.informationCategory {
  font-size: 18px;
  font-weight: bolder;
  text-align: center;
}
.Count {
  font-size: 35px;
  font-weight: bolder;
  text-align: center;
}
@media (max-width: 1424px) {
  .informationBlock0,
  .informationBlock2,
  .informationBlock3,
  .informationBlock4,
  .informationBlock5,
  .informationBlock6,
  .informationBlock7,
  .informationBlock8,
  .informationBlock9 {
    width: 150px;
    height: 115px;
  }
  .informationCategory {
    font-size: 15px;
  }
  .iconInformation {
    display: none;
  }
  .Count {
    font-size: 20px;
  }
  .photoAdministrateur {
    display: none;
  }
}
@media (max-width: 1100px) {
  #groupBlock,
  #informationGroupBlock {
    left: 95px;
  }
  .informationBlock0,
  .informationBlock2,
  .informationBlock3,
  .informationBlock4,
  .informationBlock5,
  .informationBlock6,
  .informationBlock7,
  .informationBlock8,
  .informationBlock9 {
    width: 150px;
    height: 120px;
  }
}
@media (max-width: 855px) {
  .informationGroupBlockScroll {
    display: none;
  }
}
@media (max-width: 767px) {
  #groupBlock,
  #informationGroupBlock {
    left: 27px;
  }
  #groupBlock {
    padding-bottom: 15vh;
  }
}

/*group info end*/
/********MyGroup end********/
/********Guest start********/
.guestPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
  overflow-x: hidden;
}
.guestPage::-webkit-scrollbar {
  width: 10px;
}
.guestPage::-webkit-scrollbar-track {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.guestPage::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-radius: 100px;
}
#guestModal {
  display: block;
}
.modal-backdrop {
  opacity: 0.5 !important;
  z-index: 5 !important;
}
.hideGroupInput,
.GroupSelectDate {
  display: none;
}
.hideGroupInput.active {
  display: block;
}
.efficientFormChoice {
  display: none;
}
.myGroupSelectDate.active {
  display: none;
}
.GroupSelectDate.active {
  display: block;
}
.addGuestForm {
  background-color: #343434;
  border-radius: 10px;
  margin-top: 1rem;
  box-shadow: 8px 8px 35px 0px #111111;
}

/* .profilNameBlock, .profilBusinessNameBlock{
    background-color: #343434;
    border-radius: 10px 10px 0 0 ;
    box-shadow: 8px 8px 10px 0px #111111;
    padding: .5rem 0 .5rem 0;
    margin-left: 15px;
}
.ProfilePresentationBlock, .ProfilePresentationBusinessBlock{
    position: relative;
    z-index: 1;
    background-color: #343434;
    border-radius: 0 10px 10px 10px ;
    box-shadow: 8px 8px 10px 0px #111111;
} */

.addGuestTitle {
  background-color: #343434;
  border-radius: 10px;
  text-align: center;
  margin-top: 1rem;
  box-shadow: 8px 8px 35px 0px #111111;
}
.addGuestTitle h1 {
  margin: 10px 0px 10px 0px;
}
.guestInvitButton {
  margin-bottom: 15px;
  background-color: #4d4d4d;
  color: #fff;
  font-weight: bolder;
  width: 100%;
}
.listGuestChoice {
  margin: 2vh 0px 2vh 0px;
  text-align: center;
  background-color: #343434;
  font-size: 25px;
  box-shadow: 8px 8px 35px 0px #111111;
  border-radius: 10px;
}
.listGuestChoice.active {
  background-color: #ffffff;
  color: #343434;
  font-weight: bolder;
  box-shadow: 8px 8px 35px 0px #111111;
}
.listGuestChoice:hover {
  background-color: #ffffff;
  color: #343434;
  font-weight: bolder;
  box-shadow: 8px 8px 35px 0px #111111;
}
.listGuestChoice p {
  margin: 5px 0px 5px 0px;
}
.colListGuestChoice,
.colListAlternateChoice,
.colListHistoricChoice {
  display: none;
}
.colListGuestChoice.active,
.colListAlternateChoice.active,
.colListHistoricChoice.active {
  background-color: #343434;
  border-radius: 20px;
  display: block;
  height: 95vh;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 8px 8px 35px 0px #111111;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #4d4d4d #343434;
}
.colListGuestChoice::-webkit-scrollbar {
  width: 10px;
}
.colListGuestChoice::-webkit-scrollbar-track {
  background-color: #343434;
  border-radius: 100px;
}
.colListGuestChoice::-webkit-scrollbar-thumb {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.guestBull,
.historicGuestBull {
  display: inline-flex;
  width: 100%;
  background-color: #fff;
  margin: 10px 0px 0px 0px;
  border-radius: 20px;
  color: #343434;
}
.guestBull h2 {
  font-size: 25px;
  margin-top: 10px;
}
.historicGuestBull h2,
.historicGuestBull h3 {
  margin-top: 10px;
  font-size: 25px;
}
.guestBull h3 {
  font-size: 20px;
  margin-top: 10px;
}
.emptyGuestPhoto {
  margin: 10px 5px 15px 10px;
  border-radius: 10px;
  width: 80%;
}
.errorJsProfil {
  color: #dc3545;
  text-align: center;
}
.guestPhoto,
.guestHistoricPhoto {
  margin: 10px 5px 15px 10px;
  border-radius: 10px;
  box-shadow: 7px 3px 35px 0px rgba(0, 0, 0, 0.75);
}
.guestPhoto {
  width: 100%;
}
.guestHistoricPhoto {
  width: 70px;
}
.guestDiapo {
  margin-top: 10px;
  width: 100%;
}
.cityMeeting {
  font-weight: bolder;
  font-size: 20px;
}
.changeGuestImg {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  transition: 0.2s;
}
.btnLineChangeGuest {
  display: none;
}
.btnLineChangeGuest.active {
  display: inline;
  display: flex;
  justify-content: space-around;
}
.changeGuestBtnCheck,
.changeGuestBtnDelete,
.changeGuestBtnBack {
  padding: 0.75rem;
  width: 4rem;
  height: 4rem;
  border: none;
  border-radius: 200px;
  margin: 0.5rem 0 2rem 0;
  fill: #fff;
  background-color: #4d4d4d;
  box-shadow: 5px 5px 8px 2px #111111;
}
.changeGuestBtnCheck:hover {
  background-color: #007bff;
  transform: scale(1.1);
  transition: 0.2s;
}
.changeGuestBtnDelete:hover {
  background-color: #dc3545;
  transform: scale(1.1);
  transition: 0.2s;
}
.changeGuestBtnBack:hover {
  background-color: #fff;
  fill: #4d4d4d;
  transform: scale(1.1);
  transition: 0.2s;
}
.changeGuestBtn:hover {
  fill: #343434;
  background-color: #fff;
  transform: scale(1.1);
  transition: 0.2s;
}
.changeGuestImg:hover .emptyGuestPhoto {
  transform: scale(1.1);
  filter: opacity(0.5);
  transition: 0.2s;
}
.changeGuestInput {
  border: none;
  border-bottom: 1px #333 solid;
}
.guestChanceBlock {
  display: none;
}
.guestChanceBlock.active {
  display: inline-flex;
}
.guestBull.active {
  display: none;
}
.modifGuestButton {
  background-color: transparent;
  border: none;
}
.inputUpdateImgGuest {
  display: none;
}
.deleteGuest {
  display: none;
  background-color: #dc3545;
  border: #fff solid 1px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  margin: 0vh 1.5vh 0vh 0.5vh;
  border-radius: 10px;
}
.deleteGuest.active {
  display: block;
}
.searchGroupBlock {
  width: 100%;
}
.searchGroupLine {
  width: 100%;
  margin-bottom: 1vh;
}
.searchGroupButton {
  color: #fff;
  background-color: #343434;
  border: none;
  border-bottom: 1px solid #343434;
  width: 100%;
  font-size: 20px;
  text-align: left;
}
.searchGroupButton:hover {
  border-bottom: 1px solid #fff;
  border: 1px solid #343434;
}
.guestColorHistoric {
  color: #007bff;
}
.substituteEfficientColorHistoric {
  color: #dc3545;
}
.substituteTiersColorHistoric {
  color: #34af00;
}
/********Guest end********/
/********Profile start********/
.profilNameBlock,
.profilBusinessNameBlock {
  background-color: #343434;
  border-radius: 10px 10px 0 0;
  box-shadow: 8px 8px 10px 0px #111111;
  padding: 0.5rem 0 0.5rem 0;
  margin-left: 15px;
}
.profilSocialNetworkLine {
  display: block;
  margin-top: 25px;
}
.tinyProfilSocialNetworkLine {
  display: none !important;
}
.ProfilePresentationBlock,
.ProfilePresentationBusinessBlock {
  position: relative;
  z-index: 1;
  background-color: #343434;
  border-radius: 0 10px 10px 10px;
  box-shadow: 8px 8px 10px 0px #111111;
}
/* .ProfilePresentationBlock svg{
    margin-top: 35%;
} */
.ProfilePresentationBlock h3,
.ProfilePresentationBusinessBlock h3 {
  margin: 1vh;
  font-size: 40px;
  font-weight: bolder;
}
.descriptionText {
  margin-top: 2vh;
  font-size: 20px;
}
.presentationVideo {
  display: none !important;
}
.presentationVideo.active {
  display: block !important;
}
.presentationText {
  display: none !important;
}
.presentationText.active {
  display: block !important;
}
@media (max-width: 767px) {
  #presentationVideo iframe {
    width: 300px !important;
    height: 169px !important;
  }
}
.btnPresnetationToggle {
  background-color: #fff;
  border: none;
  border-radius: 10px;
  padding: 1rem;
  color: #343434;
  box-shadow: 8px 8px 10px 0px #111111;
  transition: 0.2s;
}
.btnPresnetationToggle svg {
  fill: #343434;
  stroke: #343434;
  transition: 0.2s;
}
.btnPresnetationToggle:hover {
  fill: #fff;
  transform: scale(1.02);
  transition: 0.2s;
}
.coordinateLogo {
  margin-top: 0px !important;
  fill: #fff;
  stroke: 1px solid #000;
}
.profilName {
  z-index: 1;
  text-align: center;
  margin: 5px 0px 5px 0px;
}
.presentationProfilPhoto {
  margin: 10% 10% 10% 10%;
  border-radius: 10px;
  width: 80%;
}
.previewProfilPhoto {
  margin: 5%;
  height: 50vh;
  max-width: 100%;
}
.profilPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
}
.profilPage::-webkit-scrollbar {
  width: 10px;
}
.profilPage::-webkit-scrollbar-track {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.profilPage::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-radius: 100px;
}
.firstQuitSociety {
  display: none;
}
.firstQuitSociety.active {
  display: block;
}
.secondQuitSociety {
  display: none;
}
.secondQuitSociety.active {
  display: flex;
}
/*modification*/
.amber-textarea textarea.md-textarea {
  height: 35vh;
  background-color: #343434;
  border: #4d4d4d;
  color: #fff;
  margin-top: 2vh;
  font-size: 20px;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #4d4d4d #343434;
}
.amber-textarea textarea.md-textarea::-webkit-scrollbar {
  width: 10px;
}
.amber-textarea textarea.md-textarea::-webkit-scrollbar-track {
  background-color: #343434;
  border-radius: 100px;
}
.amber-textarea textarea.md-textarea::-webkit-scrollbar-thumb {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.amber-textarea textarea.md-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #ffffff;
  box-shadow: 0 1px 0 0 #ffffff;
}
.amber-textarea textarea.md-textarea:hover:not([readonly]) {
  border-bottom: 1px solid #ffffff;
  box-shadow: 0 1px 0 0 #ffffff;
}
.active-amber-textarea.md-form
  textarea.md-textarea:focus:not([readonly])
  + label {
  color: #ffffff;
}
.amber-textarea textarea.md-textarea.is-valid {
  border-bottom: 1px solid #28a745 !important;
  box-shadow: 0 1px 0 0 #28a745 !important;
}
.amber-textarea textarea.md-textarea.is-invalid {
  border-bottom: 1px solid #dc3545 !important;
  box-shadow: 0 1px 0 0 #dc3545 !important;
}
.profilInput {
  display: inline;
  background-color: #343434;
  border: #343434;
  color: #fff;
  width: 70vw;
  padding: 0;
}
.profilInput:focus {
  border-bottom: 1px solid #ffffff;
  background-color: #343434;
  color: #fff;
}
.profilInput:hover {
  border-bottom: 1px solid #ffffff;
}
.profilInput.is-valid {
  border-bottom: 1px solid #28a745;
}
.profilInput.is-invalid {
  border-bottom: 1px solid #dc3545;
}
.modal-content {
  z-index: 10 !important;
  color: #343434;
}
.modal-content input {
  border: #fff;
  border-bottom: 1px solid #343434;
}
.modal-content input:focus {
  box-shadow: 1px 1px 1px 1px #343434;
}
.modal-content textarea {
  border: #fff;
  border-bottom: 1px solid #343434;
}
.modal-content textarea:focus {
  box-shadow: 1px 1px 1px 1px #343434;
}
.modal-body svg {
  width: 3vw;
  margin: 0;
}
.gestionSocialNetworkInput {
  margin-top: 2vh;
  width: 100%;
}
.deleteSocialNetworkButton {
  background-color: #fff;
  border: none;
}
.deleteSocialNetworkButton svg {
  width: 85%;
}
.buttonChangeProfilPhoto {
  background-color: #fff;
  fill: #343434;
  border: none;
  border-radius: 10px;
  border: 2px solid #343434;
  padding: 0.9rem 1rem 0.9rem 1rem;
  color: #343434;
  transition: 0.2s;
}
.buttonChangeProfilPhotoSubmit {
  background-color: #007bff;
  fill: #fff;
  border: none;
  border-radius: 10px;
  padding: 0.9rem 1rem 0.9rem 1rem;
  color: #fff;
  transition: 0.2s;
}
.buttonChangeProfilPhoto:hover {
  transform: scale(1.05);
  transition: 0.2s;
}
.buttonChangeProfilPhotoSubmit:hover {
  transform: scale(1.05);
  transition: 0.2s;
}
.buttonChangeProfilPhotoSubmit:disabled,
.buttonChangeProfilPhotoSubmit[disabled] {
  background-color: #9e9e9e !important;
  transform: scale(1);
  transition: 0s;
  color: #343434;
  fill: #343434 !important;
}
.delVid {
  background-color: #dc3545;
}
.chioiceVidPresentation {
  display: none;
}
.chioiceVidPresentation.active {
  display: block;
  width: 100%;
}
.confirmDelVidPresentation {
  display: none;
}
.hr-presentation {
  border-top: 1px solid #fff;
}
.confirmDelVidPresentation.active {
  display: block;
  width: 100%;
}
.buttonChangeProfil {
  background-color: #fff;
  border: none;
  border-radius: 10px;
  padding: 1rem;
  color: #343434;
  box-shadow: 8px 8px 10px 0px #111111;
  transition: 0.2s;
}
.buttonChangeProfil svg,
.validChangeMeetingBtn svg {
  fill: #343434;
  stroke: #343434;
  transition: 0.2s;
}
.buttonChangeProfil:hover {
  background-color: #dc3545;
  color: #fff;
  fill: #fff;
  transform: scale(1.05);
  transition: 0.2s;
}
.changePresentationValid:hover {
  background-color: #007bff;
}
.buttonChangeProfil:hover svg {
  fill: #fff;
  stroke: #fff;
  transform: scale(1.05);
  transition: 0.2s;
}
.buttonChangeProfil:disabled,
.buttonChangeProfil[disabled] {
  background-color: #9e9e9e;
  transform: scale(1);
  transition: 0s;
  color: #343434;
  fill: #343434 !important;
}
.buttonChangeProfil:disabled svg,
.buttonChangeProfil[disabled] svg {
  fill: #343434;
  stroke: #343434;
  transform: scale(1);
  transition: 0s;
}
#buttonsChangeProfilRow,
#buttonsChangeProfilBusinessRow {
  display: none;
}
#buttonsChangeProfilRow.active {
  display: block;
}
#buttonsChangeProfilBusinessRow.active {
  display: block;
}
@media (max-width: 767px) {
  .profilSocialNetworkLine {
    display: none !important;
  }
  .tinyProfilSocialNetworkLine {
    display: inline-flex !important;
  }
  .profilNameBlock,
  .profilBusinessNameBlock {
    width: 80vw;
  }
  .descriptionText {
    font-size: 15px;
  }
}
.tags {
  color: #43c0db;
  margin: 8px 0px 8px 0px;
}
.tag {
  padding: 0px 8px 0px 8px;
}
.tagModalBtn {
  background-color: #fff;
  border: none;
  border-radius: 10px;
  padding: 8px;
  margin-right: 20px;
  color: #343434;
  box-shadow: 8px 8px 10px 0px #111111;
}
.submitAddTags {
  background-color: transparent;
  border: none;
  padding: 8px;
  border-radius: 8px;
  border-bottom: 1px solid #343434;
  box-shadow: 2px 2px 2px 0px #111111;
}
#addTagsResearch {
  width: 90%;
}
/********Profile end********/
/********Prescription start********/
.prescritpionPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
}
.prescritpionPage::-webkit-scrollbar {
  width: 10px;
}
.prescritpionPage::-webkit-scrollbar-track {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.prescritpionPage::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-radius: 100px;
}
#listPrescriptionWindowsHistoric,
#listPrescriptionWindowsWait,
#listPrescriptionWindowsValid,
#listPrescriptionWindowsMade {
  display: none;
}
#listPrescriptionWindowsHistoric.active,
#listPrescriptionWindowsWait.active,
#listPrescriptionWindowsValid.active,
#listPrescriptionWindowsMade.active {
  display: block;
}
#HistoriquePrescriptionChoice.active,
#WaitPrescriptionChoice.active,
#ValidPrescriptionChoice.active,
#madePrescriptionChoice.active {
  background-color: #ffffff;
  color: #343434;
  font-weight: bolder;
  box-shadow: 8px 8px 35px 0px #111111;
}
.listPrescriptionWindows {
  margin-top: 2vh;
  height: 96vh;
  background-color: #343434;
  color: #343434;
  box-shadow: 7px 3px 35px 0px rgba(0, 0, 0, 0.75);
  border-radius: 20px;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #4d4d4d #343434;
}
.listPrescriptionWindows::-webkit-scrollbar {
  width: 10px;
}

.listPrescriptionWindows::-webkit-scrollbar-track {
  background-color: #343434;
  border-radius: 100px;
}

.listPrescriptionWindows::-webkit-scrollbar-thumb {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.listPrescriptionWindows label {
  color: #fff;
  font-weight: bolder;
}
.prescriptionDescriptionWindows {
  background-color: #fff;
  margin: 2vh 1.5vh 0vh 0.5vh;
  border-radius: 10px;
}
.name {
  font-weight: bolder;
  font-size: 20px;
}
.validatePrescription,
.validatePrescriptionList {
  display: none;
  background-color: #34af00;
  margin: 0vh 1.5vh 0vh 0.5vh;
  border-radius: 10px;
}
.validatePrescription.active {
  display: inline-flex;
}
.validatePrescriptionList.active {
  display: inline-flex;
}
.unValidatePrescription,
.unValidatePrescriptionList {
  display: none;
  background-color: #dc3545;
  color: #fff;
  font-weight: bold;
  text-align: center;
  margin: 0vh 1.5vh 0vh 0.5vh;
  border-radius: 10px;
}
.unValidatePrescription.active {
  display: block;
}
.unValidatePrescriptionList.active {
  display: block;
}
.deletePrescriptionHistoric,
.deleteValidatePrescriptionList {
  display: none;
  background-color: #007bff;
  color: #fff;
  font-weight: bold;
  text-align: center;
  margin: 0vh 1.5vh 0vh 0.5vh;
  border-radius: 10px;
}
.deletePrescriptionHistoric.active {
  display: block;
}
.deleteValidatePrescriptionList.active {
  display: block;
}
.addPrescription {
  background-color: #4d4d4d;
  border: #fff 1px solid;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 0px;
}
.addPrescription:hover {
  background-color: #fff;
  border: #343434 1px solid;
  color: #343434;
}
.prescriptionButton {
  background-color: transparent;
  border: none;
}
.prescriptionDate {
  display: none;
}
.prescriptionDateLabel {
  opacity: 0.5;
}
.prescriptionDateLabel.active {
  opacity: 1;
}
.addPrescriptionBlock {
  display: none;
}
.addPrescriptionBlock.active {
  display: block;
}
.choiceRecoTo.active {
  background-color: #fff;
  border: none;
  border-radius: 10px;
  width: 100%;
  color: #343434;
}
.choiceRecoTo {
  background-color: #343434;
  border: none;
  border-radius: 10px;
  color: #fff;
  padding: 5px;
  width: 100%;
}
/********Prescription end********/
/********Diaporama start********/
.showDiaporamaBlock {
  background-color: #343434;
  border: #9e9e9e 1px solid;
  border-radius: 20px;
  margin-top: 2vh;
}
.showDiaporamaBlockTitle {
  background-color: #343434;
  border: 1px #9e9e9e solid;
  text-align: center;
  padding: 0px;
  margin: -2vh 0px 2vh 2vw;
}
.showDiaporamaBlockTitle h1 {
  margin: 5px 0px 5px 0px;
}
.showDiaporamaBlockTitle h2 {
  margin: 5px 0px 5px 0px;
}
.topDiapo {
  background-color: #000;
  margin: 2vh auto 0px auto;
}
.topDiapo p {
  font-size: 30px;
}
.logoEBDiapo {
  width: 80px;
}
.bottomDiapo {
  background-color: #fff;
  height: 30vh;
  margin: 0px auto 0px auto;
}
.bottomDiapo p {
  font-size: 20px;
  color: #000;
}
.cercle {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background: #000;
  margin: 2vh auto auto auto;
}
.cercle p {
  color: #fff;
  display: block;
  font-size: 30px;
  text-align: center;
}
.addDiapo {
  margin: 2vh 0px 2vh 0px;
  text-align: center;
  background-color: #343434;
  font-size: 25px;
  box-shadow: 8px 8px 35px 0px #111111;
  border: #9e9e9e 1px solid;
}
.addDiapo p {
  margin: 5px 0px 5px 0px;
}
.addDiapo:hover {
  background-color: #ffffff;
  color: #343434;
  font-weight: bolder;
  box-shadow: 8px 8px 35px 0px #111111;
}
/********Diaporama end********/
/********Dashboard start********/
.dashboardPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
  overflow-x: hidden;
}
.dashboardPage::-webkit-scrollbar {
  width: 10px;
}
.dashboardPage::-webkit-scrollbar-track {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.dashboardPage::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-radius: 100px;
}
.dashboardMeeting {
  display: none !important;
}
.dashboardMeeting.active {
  display: flex !important;
  flex-direction: row !important;
}
.dashboardBlock {
  background-color: #343434;
  box-shadow: 8px 8px 10px 0px #111111;
  border-radius: 12px;
}
.profil-complet {
  width: 150px;
  height: 150px;
}
.dashboardMeeting,
.dashboardActu,
.dashboardGuest,
.dashboardPrescription {
  background-color: #343434;
  box-shadow: 8px 8px 10px 0px #111111;
  border-radius: 20px;
}
.dashboardPrescription {
  margin: 1rem 1rem 0 1rem;
}
.deshboardActuMargin {
  margin: 1rem 1rem 1rem 1rem;
}
.onclick {
  cursor: pointer;
}
.dashboardMeeting h1 {
  margin: 5px 0px 5px 0px;
}
.dashboardChangeMeetingBtn {
  background-color: transparent;
  color: #fff;
  font-weight: bolder;
  font-size: 30px;
  border: none;
  cursor: pointer;
}
.dashBoardCA {
  font-size: 35px;
  font-weight: bolder;
}
.dashBoardCAExplain {
  font-size: 10px;
}
.dashboardStatsNumber {
  font-weight: bolder;
  font-size: 30px;
}
/* chart percent */
.progress-container {
  position: relative;
  width: 125px;
  height: 125px;
  margin: 0 auto;
}

.progress-text {
  position: absolute;
  top: 51%;
  left: 53%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  font-weight: bold;
  color: #333;
  z-index: 10;
}
#progressChart {
  width: 125px !important;
  height: 125px !important;
}
/* lol end */
.dateFuturMeeting {
  color: #000;
  background-color: #fff;
  border-radius: 20px;
  text-align: center;
  width: 90%;
  max-width: 400px;
}
.dashbordChoiceBlock .row {
  height: 20%;
}
.dashbordChoice {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  background-color: #343434;
  height: 100%;
  color: #fff;
  box-shadow: 8px 8px 25px 0px #111111;
  border: none;
  border-radius: 10px;
}
.dashbordChoice.active {
  color: #343434;
  background-color: #fff;
}
.dashbordChoice.active .dashbordLine {
  border-left: 2px solid #343434;
}
.dashbordLine {
  border-left: 2px solid #fff;
}
.dashbordDay,
.dashbordMonth,
.dashboardDayNumber {
  font-weight: bolder;
  margin: 0px;
}
.dashboardDayNumber {
  font-size: 50px;
}
.lineDeleteAskGuest {
  display: none;
}
.lineDeleteAskGuest.active {
  display: block;
}
.deleteRequestGuestInMeeting {
  display: inline;
  padding: 0.8rem;
  background-color: #fff;
  color: #343434;
  border: none;
  border-radius: 10px;
  box-shadow: 8px 8px 10px 0px #111111;
  font-weight: bold;
  margin-bottom: 1rem;
}
.deleteRequestGuestInMeeting:hover {
  transform: scale(1.1);
  transition: 0.2s;
}
.deleteRequestGuestInMeeting.active {
  display: none;
}
.subBtnDeleteRequestGuestInMeetingCancel {
  display: inline;
  padding: 0.8rem;
  background-color: transparent;
  color: #fff;
  border: none;
  border-radius: 10px;
  margin-bottom: 1rem;
}
.presenteeismeSelect {
  width: 100%;
  padding: 1rem;
  background-color: #343434;
  color: #fff;
  border-radius: 10px;
}
.presenteeismeSelectDetails {
  width: 50%;
  padding: 1rem;
  background-color: #343434;
  color: #fff;
  border-radius: 10px;
}
.changePresenteeismeMember,
.cancelPresenteeismeMember {
  display: none;
}
.changePresenteeismeMember.active,
.cancelPresenteeismeMember.active {
  display: block;
  width: 45px;
  height: 45px;
  background-color: #fff;
  border: none;
  border-radius: 100%;
  box-shadow: 3px 3px 10px 0px #111111;
  margin: 12px;
}
.changePresenteeismeMember svg,
.cancelPresenteeismeMember svg {
  fill: #343434;
  width: 35px;
  height: 35px;
}
.cancelPresenteeismeMemberMd,
.changePresenteeismeMemberMd {
  width: 45px;
  height: 45px;
  background-color: #fff;
  border: none;
  border-radius: 100%;
  box-shadow: 3px 3px 10px 0px #111111;
  margin: 12px;
}
.cancelPresenteeismeMemberMd svg,
.changePresenteeismeMemberMd svg {
  fill: #343434;
  width: 35px;
  height: 35px;
}
.tinylogoGrandirBlock {
  display: none;
}
@media (max-width: 767px) {
  .dashboardPrescription {
    display: none;
  }
  .dashboardActu {
    display: none;
  }
  .dashboardPrescription {
    background-color: transparent;
    margin: 0;
    padding: 0;
    box-shadow: none;
  }
  #memberPrescriptionStat {
    height: 20vh;
  }
  .dateFuturMeeting {
    margin: 15px;
  }
  .tinylogoGrandirBlock {
    display: block;
  }
  .tinylogoGrandir {
    width: 50vw;
  }
  .dashbordChoice {
    display: flex;
    justify-content: center;
    text-align: center;
    background-color: #343434;
    height: 100%;
    color: #fff;
    box-shadow: 8px 8px 25px 0px #111111;
    border: none;
    border-radius: 10px;
  }
  .dashbordLine {
    border: none;
  }
}

/********Dashboard end********/
.chart-wrapper {
  margin-bottom: 10vh;
}
/********calendar start********/
.calendarPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
}
.calendarPage::-webkit-scrollbar {
  width: 10px;
}
.calendarPage::-webkit-scrollbar-track {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.calendarPage::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-radius: 100px;
}
#labelMyAgenda {
  color: #34af00;
  font-weight: bold;
}
#labelGroupAgenda {
  color: #007bff;
  font-weight: bold;
}
.nextMonthButtonChoice {
  border: none;
  border-radius: 100%;
  padding: 0.7vw;
  background-color: #343434;
  box-shadow: 3px 3px 10px 0px #111111;
}
.nextMonthButtonChoice svg {
  fill: #fff;
}
.nextMonthButtonChoice:hover {
  background-color: #fff;
  box-shadow: 3px 3px 10px 0px #111111;
}
.nextMonthButtonChoice:hover svg {
  fill: #343434;
}
.calendarBlockHeader {
  background-color: #343434;
  border-radius: 20px;
  box-shadow: 3px 3px 10px 0px #111111;
  padding: 1.5vh;
}
.fastSelectMonthStyle,
.fastSelectYearStyle {
  border: none;
  background-color: #343434;
  color: #fff;
  font-size: 30px;
}
.fastSelectMonthStyle {
  max-width: 75%;
  appearance: none;
}
.fastSelectYearStyle {
  max-width: 25%;
}
.fastSelectSubmitStyle {
  display: none;
}
.fastSelectSubmitStyle.active {
  display: block;
  background-color: #4d4d4d;
  border: none;
  width: 50px;
  fill: #fff;
}
.calendarBlock {
  background-color: #343434;
  border-radius: 20px;
  box-shadow: 3px 3px 10px 0px #111111;
  padding: 2vh;
}
.calendarTable {
  width: 100%;
  height: calc(50vh - 128px);
  background-color: #343434;
}
.calendarTable.active {
  height: calc(50vh - 128px);
}
.calendarTable td {
  padding: 10px;
  vertical-align: top;
  width: 14.29%;
}
.calendarTable--6weeks td {
  height: 16.66%;
}
.calendarWeekday {
  font-weight: bold;
  color: #fff;
  font-size: 1.2em;
}
.calendarCase {
  cursor: pointer;
}
.calendarCase.active {
  font-weight: bold;
  background-color: #fff;
  color: #000;
  border-radius: 20px;
}
.calendarDay {
  font-size: 1.3em;
}
.calendarOthermonth .calendarDay {
  opacity: 0.3;
}
.calendarEvent,
.timeCalendarEvent {
  font-weight: bold;
  margin-bottom: 0;
}
.calendarEvent {
  margin-bottom: 15px;
}
.groupAgenda {
  fill: #007bff;
  width: 10%;
}
.userAgenda {
  fill: #34af00;
  width: 10%;
}
.dayDescriptionBlock {
  display: none;
}
.dayDescriptionBlock.active {
  display: block;
}
.blocResult {
  height: 30vh;
  background-color: #343434;
  margin-top: 10px;
  box-shadow: 3px 3px 10px 0px #111111;
  padding: 0;
}
.eventListBlock {
  margin-top: 15px;
  height: calc(50vh - 50px);
}
.eventSelect {
  cursor: pointer;
  display: inline;
  margin-left: 15px;
  background-color: #343434;
  border-radius: 20px;
  box-shadow: 3px 3px 10px 0px #111111;
  margin-top: 25px;
  font-size: 25px;
}
.myAgendaColor {
  border: 1px solid #34af00;
}
.groupAgendaColor {
  border: 1px solid #007bff;
}
.lineChoiceEvent.active .eventSelect {
  background-color: #ffffff;
  color: #333;
  font-weight: bold;
}
.eventSelect p {
  margin-bottom: 0;
}
.eventSelect:hover {
  background-color: #ffffff;
  color: #333;
  font-weight: bold;
}
.descriptionEventSelect {
  display: none;
}
.descriptionEventSelect.active {
  display: block;
}
.descriptionEventSelectButton {
  background-color: #343434;
  padding: 0.6rem;
  width: 60px;
  border: none;
  border-radius: 100%;
  fill: #fff;
  box-shadow: 3px 3px 10px 0px #111111;
  transition: 0.2s;
}
.descriptionEventSelectButton:hover {
  transform: scale(1.1);
  background-color: #fff;
  fill: #343434;
}
.descriptionEventInupt {
  background-color: #4d4d4d;
  color: #fff;
  border: none;
  font-size: 20px;
  margin: 5px;
}
.enventDescriptionBlock {
  margin-top: 1vh;
  margin-bottom: 1vh;
  background-color: #343434;
  border-radius: 20px;
  box-shadow: 3px 3px 10px 0px #111111;
  padding: 20px;
}
.descriptionEventSelectBtn {
  margin-top: 2vh;
  background-color: #343434;
  border: none;
  border-radius: 100%;
  box-shadow: 3px 3px 10px 0px #111111;
}
.descriptionEventSelectBtn svg {
  fill: #fff;
  margin: 1vh;
}
.detailsMeetingButton {
  background-color: #fff;
  color: #343434;
  border: none;
  border-radius: 20px;
  box-shadow: 3px 3px 10px 0px #111111;
  transition: 0.1s;
}
.detailsMeetingButton:hover {
  transform: scale(1.1);
  transition: 0.1s;
}
/*custom checked switch*/
.custom-control-input:focus ~ .custom-control-label::before {
  border-color: #000 !important;
  box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0) !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #000 !important;
  background-color: #000 !important;
}
.custom-control-input:active ~ .custom-control-label::before {
  background-color: #000 !important;
  border-color: #000 !important;
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #000 !important;
}
.infiniteScrollButton {
  color: #fff;
  cursor: pointer;
}
.lessWidthCalendarButton {
  display: none !important;
}
@media (max-width: 767px) {
  .hightWidthCalendarButton {
    display: none !important;
  }
  .lessWidthCalendarButton {
    display: block !important;
    width: 2rem;
    height: 2rem;
    box-shadow: none;
  }
  .calendarWeekday {
    font-size: 10px;
  }
  .calendarCase {
    font-size: 10px;
  }
}
/********calendar end********/
/********administratorSpace start********/
.administratorSpacePage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
}
.administratorSpacePage::-webkit-scrollbar {
  width: 10px;
}
.administratorSpacePage::-webkit-scrollbar-track {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.administratorSpacePage::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-radius: 100px;
}
.adminBlockCategory {
  padding: 1vw;
}
.adminBlockChoice {
  margin-top: 1vh;
  height: 22vh;
  border-radius: 20px;
  background-color: #fff;
  color: #111111;
  box-shadow: 8px 8px 35px 0px #111111;
}
.adminBlockChoice svg {
  margin-top: 2vh;
  height: 6vh;
}
.adminBlockChoice p {
  margin-top: 3vh;
  font-size: 3vh;
}
.adminBlockChoice:hover {
  transform: scale(1.05);
  transition: 0.5s;
}
.adminBlockChoiceStat {
  font-size: 10px !important;
  margin: 0px 10px 0px 0px !important;
}
.adminBlockChoiceSpan {
  font-size: 20px;
}
/********administratorSpace end********/
/********administratorNews start********/
.administratorNewsPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
}
.administratorNewsPage::-webkit-scrollbar {
  width: 10px;
}
.administratorNewsPage::-webkit-scrollbar-track {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.administratorNewsPage::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-radius: 100px;
}
.NewsBlock {
  background-color: #343434;
  padding: 2rem;
  margin: 5vh;
  border-radius: 20px;
  box-shadow: 8px 8px 25px 0px #111111;
}
.AdministratorNewsButton {
  padding: 0.75rem;
  width: 4rem;
  height: 4rem;
  border: none;
  border-radius: 200px;
  fill: #fff;
  background-color: #343434;
  box-shadow: 5px 5px 8px 2px #111111;
}
.AdministratorNewsButton:hover {
  fill: #343434;
  background-color: #fff;
  transform: scale(1.1);
  transition: 0.2s;
}
.newsAdminLabel {
  font-size: 30px;
  font-weight: bold;
}
/********administratorNews end********/
/********administratorPrescription administratorGuest start********/
.administratorPrescriptionPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
}
.administratorPrescriptionPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
}
.administratorPrescriptionPage::-webkit-scrollbar {
  width: 10px;
}
.administratorPrescriptionPage::-webkit-scrollbar-track {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.administratorPrescriptionPage::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-radius: 100px;
}
.graphPrescriptionAdminBlock {
  background-color: #343434;
  padding: 15px;
  margin: 5vh;
  border-radius: 20px;
  box-shadow: 8px 8px 25px 0px #111111;
}
.buttonAdminPrescriptionChoice {
  background-color: #343434;
  color: #fff;
  border: none;
  padding: 1rem;
  border-radius: 10px;
  box-shadow: 8px 8px 10px 0px #111111;
  transition: 0.1s;
}
.buttonAdminPrescriptionChoice:hover {
  background-color: #fff;
  color: #343434;
  transform: scale(1.1);
  transition: 0.1s;
}
.buttonAdminPrescriptionChoice.active {
  background-color: #fff;
  color: #343434;
  transform: scale(1.1);
  transition: 0.1s;
}
.groupPrescriptionTable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 1rem;
  overflow: hidden;
}
#groupPrescriptionTable1,
#groupPrescriptionTable2,
#groupPrescriptionTable3,
#groupPrescriptionTable4 {
  display: none;
}
.groupPrescriptionTr td {
  padding: 3vh;
  background-color: #fff;
}
.groupPrescriptionTr td:first-child {
  border-top-left-radius: 10px;
}
.groupPrescriptionTr td:last-child {
  border-top-right-radius: 10px;
}
.groupPrescriptionTr td:first-child {
  border-bottom-left-radius: 10px;
}
.groupPrescriptionTr td:last-child {
  border-bottom-right-radius: 10px;
}
.groupPrescriptionTr {
  box-shadow: 5px 5px 10px 0px #111111;
  border-radius: 20px;
  font-weight: bold;
  color: #343434;
}
@media (max-width: 767px) {
  .buttonAdminPrescriptionChoice {
    font-size: 15px;
  }
  .weekTinyHide {
    display: none;
  }
  .guestGraphTinyHide {
    display: none;
  }
  .graphPrescriptionAdminBlock {
    margin-left: 0;
    margin-right: 0;
  }
  .tinyFontSizePrescritpion {
    font-size: 10px !important;
  }
}
/********administratorPrescription end********/
/********administratorStats start********/
.administratorStatsPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
}
.administratorStatsPage::-webkit-scrollbar {
  width: 10px;
}
.administratorStatsPage::-webkit-scrollbar-track {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.administratorStatsPage::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-radius: 100px;
}
.modifWindowAdminStat {
  padding: 15px;
  width: 100%;
  background-color: #343434;
  border: #9e9e9e 1px solid;
  box-shadow: 8px 8px 35px 0px #111111;
}
.administratorStatBlock {
  padding: 2rem;
  background-color: #343434;
  border-radius: 20px;
  box-shadow: 8px 8px 10px 2px #111111;
}
.adminStatBlock {
  width: 230px;
  height: 200px;
  border-radius: 20px;
  background-color: #fff;
  color: #111111;
  box-shadow: 8px 8px 10px 2px #111111;
}
.adminStatBlock svg {
  height: 6vh;
}
.adminStatBlock p {
  font-size: 3vh;
}
.adminStatBlock:hover {
  transform: scale(1.05);
  transition: 0.5s;
}
.AdministratorStatButton {
  padding: 0.75rem;
  width: 4rem;
  height: 4rem;
  border: none;
  border-radius: 200px;
  fill: #fff;
  background-color: #343434;
  box-shadow: 5px 5px 8px 2px #111111;
}
.AdministratorStatButton:hover {
  fill: #343434;
  background-color: #fff;
  transform: scale(1.1);
  transition: 0.2s;
}
.lessStatButton {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: none;
  background-color: #4d4d4d;
  color: #fff;
}
.addLessStatInput {
  border: none;
  width: 50px !important;
}
@media (max-width: 1424px) {
  .adminStatBlock {
    width: 170px;
    height: 160px;
  }
  .informationCategory {
    font-size: 15px !important;
  }
}
/********administratorStats end********/
/********administratorEfficient start********/
.administratorEfficientPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
}
.administratorEfficientPage::-webkit-scrollbar {
  width: 10px;
}
.administratorEfficientPage::-webkit-scrollbar-track {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.administratorEfficientPage::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-radius: 100px;
}
.addEffientButton {
  padding: 0.8rem;
  background-color: #fff;
  color: #343434;
  border: none;
  border-radius: 10px;
  box-shadow: 8px 8px 10px 0px #111111;
  font-weight: bold;
  margin-bottom: 1rem;
}
.addEffientButton:hover {
  transform: scale(1.1);
  transition: 0.2s;
}
.administratorEfficientHeader {
  background-color: #343434;
  border-radius: 10px 10px 0 0;
  box-shadow: 8px 8px 10px 0px #111111;
}
.administratorEfficientBody {
  position: relative;
  z-index: 1;
  background-color: #343434;
  border-radius: 0 10px 10px 10px;
  box-shadow: 8px 8px 10px 0px #111111;
}
.adminEfficientLine {
  background-color: #fff;
  color: #111111;
  margin: 1rem 0 1rem 0;
  border-radius: 5px;
  box-shadow: 8px 8px 10px 0px #111111;
}
.adminEfficientLine p {
  margin: 0.5rem;
}
.adminEfficientLine:hover {
  transform: scale(1.01);
  transition: 0.1s;
}
.adminEfficientInfo {
  font-size: 20px;
}
.modifyMembersStatusLine {
  display: none;
  border-radius: 5px;
}
.modifyMembersStatusLine.active {
  display: flex;
}
.deleteMembersStatusLine,
.changeMembersStatusLine,
.passwordMembersStatusLine {
  display: none;
  border-radius: 5px;
  padding: 1vh;
  margin: 0 1.2em 0 1.2em;
}
.deleteMembersStatusLine.active,
.changeMembersStatusLine.active,
.passwordMembersStatusLine.active {
  display: flex;
}
.changeMaiLNPassword {
  display: none;
}
.changeMaiLNPassword.active {
  display: flex;
}
.tinyAddMember {
  display: none;
}
.bigAddMember {
  display: block;
}
.changeMailForChangePasswordMember {
  display: flex;
}
.changeMailForChangePasswordMember.active {
  display: none;
}
.adminMemberChangeMember {
  border: none;
  border-radius: 20px;
  margin-top: 1vh;
  height: 20vh;
  width: 40vh;
  background-color: #fff;
  color: #111111;
  box-shadow: 8px 8px 35px 0px #111111;
}
.adminMemberChangeMember svg {
  margin-top: 2vh;
  height: 6vh;
}
.adminMemberChangeMember p {
  margin-top: 3vh;
  font-size: 3vh;
}
.dangerBlock {
  background-color: #dc3545 !important;
  fill: #fff;
  color: #fff;
}
.adminMemberChangeMember:hover {
  transform: scale(1.05);
  transition: 0.5s;
}
@media (max-width: 767px) {
  .tinyAddMember {
    display: block;
  }
  .bigAddMember {
    display: none;
  }
  .administratorEfficientBody {
    border-radius: 0 0 10px 10px;
  }
}
/********administratorEfficient end********/
/********memberDescription start********/
.memberDescriptionPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
}
.memberDescriptionPage::-webkit-scrollbar {
  width: 10px;
}
.memberDescriptionPage::-webkit-scrollbar-track {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.memberDescriptionPage::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-radius: 100px;
}
.MemberDescriptionBlock {
  background-color: #343434;
  padding: 15px;
  margin: 5vh;
  border-radius: 20px;
  box-shadow: 8px 8px 25px 0px #111111;
}
.detailButtonMemberDescription {
  background-color: #343434;
  border: none;
  color: #fff;
}
.modal-lg {
  width: 140%;
  background-color: rgba(0, 0, 0, 0);
  border: none;
}
.efficientHistoricPrecription {
  background-color: #fff;
  border-radius: 20px;
  margin-bottom: 25px;
  padding: 2vh;
  box-shadow: 8px 8px 36px 0px #111111;
}
@media (max-width: 860px) {
  .weekTinyHideMemberDescription {
    display: none;
  }
}
/********memberDescription end********/
.searchResultBlock {
  margin-top: 2vh;
  background-color: #fff;
  height: 20vh;
}
.searchResultGroup {
  margin-top: 2vh;
  background-color: #fff;
}
.searchResultBlockImg {
  position: relative;
  margin: 1vh;
  max-width: 100%;
  max-height: 18vh;
  display: flex;
  justify-content: center;
}
.searchResultBlockTitle {
  height: 8vh;
  color: #343434;
  font-size: 1.5rem;
  margin-bottom: 0;
}
.searchResultBlockText {
  color: #343434;
  font-size: 1rem;
  height: 10vh;
  overflow: hidden;
}
/********society start********/
.societyPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
}
.societyPage::-webkit-scrollbar {
  width: 10px;
}
.societyPage::-webkit-scrollbar-track {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.societyPage::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-radius: 100px;
}
.SocietyBlock,
.memberSocietyBlock {
  background-color: #343434;
  padding: 15px;
  margin: 5vh;
  border-radius: 20px;
  box-shadow: 8px 8px 25px 0px #111111;
}
.memberSocietyLine {
  margin-top: 25px;
  background-color: #fff;
  color: #343434;
  border-radius: 10px;
  box-shadow: 8px 8px 10px 0px #111111;
}
.memberSocietyText {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 0;
  margin: 10px;
}
.presentationSocietyLogo {
  margin: 10% 10% 10% 10%;
  width: 80%;
}
.addSocietyFormulaire {
  margin: 15vh 0 15vh 0;
}
.buttonSocietyFormulaire {
  background-color: #343434;
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 2rem;
  box-shadow: 8px 8px 10px 0px #111111;
  transition: 0.2s;
}
.buttonSocietyFormulaire:hover {
  background-color: #fff;
  color: #343434;
  transform: scale(1.05);
  transition: 0.2s;
}
.buttonSocietyFormulaire:hover svg {
  fill: #343434;
}
.crossAddSociety {
  width: 2rem;
  margin-right: 1rem;
  fill: #fff;
}
.addSocietyBlock {
  display: block;
  margin: auto;
  margin-bottom: 15vh;
  padding: 2rem;
  justify-content: center;
  background-color: #343434;
  width: 50vw !important;
  border-radius: 10px;
  box-shadow: 8px 8px 10px 0px #111111;
}
.addSelectSociety {
  background-color: #fff;
  border: none;
  border-radius: 10px;
  padding: 1rem;
  color: #343434;
  box-shadow: 8px 8px 10px 0px #111111;
  transition: 0.2s;
}
.addSelectSocietyBack:hover {
  background-color: #343434 !important;
}
.addSelectSociety svg {
  fill: #343434;
  stroke: #343434;
  transition: 0.2s;
}
.addSelectSociety:hover {
  background-color: #007bff;
  color: #fff;
  fill: #fff;
  transform: scale(1.05);
  transition: 0.2s;
}
.addSelectSociety:hover svg {
  fill: #fff;
  stroke: #fff;
  transform: scale(1.05);
  transition: 0.2s;
}
#rowSearchAddNewSociety {
  display: none;
}
#rowSearchAddNewSociety.active {
  display: block;
}
#rowAddSocietyButtons {
  display: block;
}
#rowAddSocietyButtons.active {
  display: none;
}
#rowSearchAddSociety {
  display: none;
}
#rowSearchAddSociety.active {
  display: block;
  margin-top: 15vh;
  margin-bottom: 15vh;
}
#rowSearchAddNewSociety.active {
  display: block;
  margin-top: 15vh;
  margin-bottom: 15vh;
}
/********society end********/
/********adminstratorAgenda start********/
.AdministratorAgendaPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
  overflow-x: hidden;
}
.AdministratorAgendaPage::-webkit-scrollbar {
  width: 10px;
}
.AdministratorAgendaPage::-webkit-scrollbar-track {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.AdministratorAgendaPage::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-radius: 100px;
}
.administratorAgendaBlock {
  background-color: #343434;
  margin: 2vh;
  padding: 15px;
  border-radius: 20px;
  box-shadow: 8px 8px 25px 0px #111111;
}
.nextMeetingAdmin {
  background-color: #343434;
  box-shadow: 8px 8px 25px 0px #111111;
  margin: 15px;
  border-radius: 20px;
}
.nextMeetingAdmin h1 {
  margin: 5px 0px 5px 0px;
  text-align: center;
}
.nextMeetingAdminDescription {
  font-weight: bolder;
}
.selectInterGroupInput {
  display: flex !important;
}
.selectInterGroupInput.active {
  display: none !important;
}
#hideInterGroup {
  display: none;
}
.warningAdministratorAgenda {
  color: yellow;
  display: none;
}
.warningAdministratorAgenda.active {
  display: block;
}
/********administratorAgenda end********/
/********administratorValidMeeting start********/
.dayValidMeetingNumber {
  font-size: 1.5rem;
}
.AdministratorValidMeetingPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
  overflow-x: hidden;
}
.AdministratorValidMeetingPage::-webkit-scrollbar {
  width: 10px;
}
.AdministratorValidMeetingPage::-webkit-scrollbar-track {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.AdministratorValidMeetingPage::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-radius: 100px;
}
.administratorValidMeetingBlock {
  position: relative;
  z-index: 1;
  background-color: #343434;
  border-radius: 0 10px 10px 10px;
  box-shadow: 8px 8px 10px 0px #111111;
}
.administratorValidMeetingHeader {
  background-color: #343434;
  border-radius: 10px 10px 0 0;
  box-shadow: 8px 8px 10px 0px #111111;
}
.addValidMeetingButton {
  padding: 0.8rem;
  background-color: #fff;
  color: #343434;
  border: none;
  border-radius: 10px;
  box-shadow: 8px 8px 10px 0px #111111;
  font-weight: bold;
  margin-bottom: 1rem;
}
.addValidMeetingButton:hover {
  transform: scale(1.1);
  transition: 0.2s;
}
.validMeetingCheck {
  width: 3rem;
  height: 3rem;
  margin: 0.5rem 0 0.5rem 0;
  border: none;
  border-radius: 200px;
  fill: #fff;
  background-color: #4d4d4d;
  box-shadow: 5px 5px 8px 2px #111111;
}
.validMeetingCheck:hover {
  background-color: #007bff;
  transform: scale(1.1);
  transition: 0.2s;
}
.validMeetingInfo {
  width: 3rem;
  height: 3rem;
  margin: 0.5rem 0 0.5rem 0;
  border-radius: 200px;
  fill: #343434;
  box-shadow: 5px 5px 8px 2px #111111;
  border: none;
}
.validMeetingInfo:hover {
  fill: #fff;
  background-color: #343434;
  border: none;
  transform: scale(1.1);
  transition: 0.2s;
}
.adminValidMeetingLine {
  background-color: #fff;
  color: #111111;
  margin: 1rem 0 1rem 0;
  border-radius: 5px;
  box-shadow: 8px 8px 10px 0px #111111;
}
.adminValidMeetingLine p {
  margin: 0.5rem;
}
.activeDetailMeeting {
  display: none;
}
.activeDetailMeeting.active {
  display: flex;
}
.adminBtnValidateMeeting,
.adminBtnCancelMeeting {
  border: none;
  border-radius: 20px;
  box-shadow: 3px 3px 10px 0px #111111;
  padding: 1rem;
  color: #fff;
  transition: 0.2s;
}
.adminBtnValidateMeeting:hover,
.adminBtnCancelMeeting:hover {
  transform: scale(1.05);
  transition: 0.2s;
}
.adminBtnValidateMeeting svg,
.adminBtnCancelMeeting svg {
  margin-right: 1rem;
  fill: #fff;
}
.adminBtnValidateMeeting {
  background-color: #007bff;
}
.adminBtnCancelMeeting {
  background-color: #4d4d4d;
}
/********administratorValidMeeting end********/
/********meetingDetails start********/
.MeetingDetailsPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
}
.MeetingDetailsPage::-webkit-scrollbar {
  width: 10px;
}
.MeetingDetailsPage::-webkit-scrollbar-track {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.MeetingDetailsPage::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-radius: 100px;
}
.adminPreseteeismeMemberSelect {
  background-color: #fff;
  color: #343434;
  border: none;
  border-radius: 10px;
  box-shadow: 3px 3px 10px 0px #111111;
  height: 30px;
}
.buttonsChangePresenteeismeMember {
  display: none;
}
.buttonsChangePresenteeismeMember.active {
  display: block;
}
.changePresenteeismeMember,
.cancelPresenteeismeMember {
  width: 45px;
  height: 45px;
  background-color: #fff;
  border: none;
  border-radius: 100%;
  box-shadow: 3px 3px 10px 0px #111111;
  margin: 12px;
}
.changePresenteeismeMember svg,
.cancelPresenteeismeMember svg {
  fill: #343434;
  width: 35px;
  height: 35px;
}
.meetingInformationBlock {
  background-color: #343434;
  padding: 2vw;
  margin: 5vh;
  border-radius: 20px;
  box-shadow: 8px 8px 25px 0px #111111;
}
.selectNextMeetingButton {
  width: 80%;
  background-color: #343434;
  color: #fff;
  border: none;
  padding: 1rem;
  border-radius: 10px;
  box-shadow: 8px 8px 10px 0px #111111;
  transition: 0.1s;
  margin: 20px;
}
.selectNextMeetingButton:hover,
.selectNextMeetingButton.active {
  background-color: #fff;
  color: #343434;
  transform: scale(1.1);
  transition: 0.1s;
  font-weight: bold;
}
.selectMyGuestNextMeetingButton {
  background-color: #343434;
  border: none;
  color: #fff;
}
.MeetingDetailsBlock {
  background-color: #343434;
  padding: 1.5vw;
  border-radius: 20px;
  box-shadow: 8px 8px 25px 0px #111111;
}
.MeetingDetailsLine {
  background-color: #fff;
  color: #343434;
  border-radius: 10px;
  padding: 0.5rem;
  font-size: 20px;
  box-shadow: 8px 8px 10px 0px #111111;
}
.MeetingDetailsLine:hover {
  transform: scale(1.01);
  transition: 0.1s;
}
.MeetingDetailsLineWithoutResult {
  margin-bottom: 0;
}
.clockSVG,
.localisationPointSVG,
.waiterSVG {
  fill: #fff;
  margin-right: 1vw;
  width: 25px;
  height: 25px;
}
.nextMeetingButtonChoice {
  border: none;
  border-radius: 100%;
  padding: 0.7vw;
  background-color: #343434;
  box-shadow: 3px 3px 10px 0px #111111;
}
.nextMeetingButtonChoice svg {
  fill: #fff;
}
.nextMeetingButtonChoice:hover {
  background-color: #fff;
  box-shadow: 3px 3px 10px 0px #111111;
}
.nextMeetingButtonChoice:hover svg {
  fill: #343434;
}
.adminDeleteSubBlockMeetingDetail {
  display: none;
}
.adminDeleteSubBlockMeetingDetail.active {
  display: flex;
}
.adminValidDeleteBtnMeetingDetail,
.adminCancelDeleteBtnMeetingDetail {
  border: none;
  border-radius: 20px;
  box-shadow: 3px 3px 10px 0px #111111;
  padding: 1rem;
  color: #fff;
  transition: 0.2s;
}
.adminValidDeleteBtnMeetingDetail:hover,
.adminCancelDeleteBtnMeetingDetail:hover {
  transform: scale(1.05);
  transition: 0.2s;
}
.adminValidDeleteBtnMeetingDetail svg,
.adminCancelDeleteBtnMeetingDetail svg {
  margin-right: 1rem;
  fill: #fff;
}
.adminValidDeleteBtnMeetingDetail {
  background-color: #dc3545;
}
.adminCancelDeleteBtnMeetingDetail {
  background-color: #4d4d4d;
}
.changeMeetingClass {
  background-color: transparent;
  color: #fff;
  border: none;
  border-bottom: #9e9e9e 1px solid;
}
.changeMeetingClass:hover {
  border: none;
  border-bottom: 1px solid #fff;
}
.changeMeetingClass:focus {
  background-color: transparent;
  color: #fff;
}
.changeReceiveMeeting {
  margin-top: -30px;
}
#changeInfoMeetingSubmit {
  display: none;
}
#changeInfoMeetingSubmit.active {
  display: block;
}
.bigButtonMeetingDetailChoice {
  display: block;
}
.tinyButtonMeetingDetailChoice {
  display: none;
}
.tinyNextMeetingButtonChoice {
  background-color: #343434;
  width: 20vw;
  fill: #fff;
  padding: 1rem;
  border-radius: 20px;
  box-shadow: 3px 3px 10px 0px #111111;
}
.adminDeleteAskLine {
  display: none !important;
}
.adminDeleteAskLine.active {
  display: flex !important;
}
.adminValidDeleteBtnMeetingDetail,
.adminCancelDeleteBtnMeetingDetail,
.adminValidBtnMeetingDetail,
.adminDeleteBtnMeetingDetail {
  border: none;
  border-radius: 20px;
  box-shadow: 3px 3px 10px 0px #111111;
  padding: 1rem;
  color: #fff;
  transition: 0.2s;
}
.adminValidDeleteBtnMeetingDetail:hover,
.adminCancelDeleteBtnMeetingDetail:hover,
.adminValidBtnMeetingDetail:hover,
.adminDeleteBtnMeetingDetail:hover {
  transform: scale(1.05);
  transition: 0.2s;
}
.adminValidDeleteBtnMeetingDetail svg,
.adminCancelDeleteBtnMeetingDetail svg,
.adminValidBtnMeetingDetail svg,
.adminDeleteBtnMeetingDetail svg {
  margin-right: 1rem;
  fill: #fff;
}
.adminValidBtnMeetingDetail {
  background-color: #34af00;
}
.adminDeleteBtnMeetingDetail {
  background-color: #dc3545;
}
.adminCancelDeleteBtnMeetingDetail {
  background-color: #4d4d4d;
}
@media (max-width: 767px) {
  .tinyButtonMeetingDetailChoice {
    display: block;
    margin-bottom: 1rem;
  }
  .bigButtonMeetingDetailChoice {
    display: none;
  }
  .meetingInformationBlock {
    margin: 0;
  }
}
/********meetingDetails end********/
/********settings start********/
.settingsPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
}
.settingsPage::-webkit-scrollbar {
  width: 10px;
}
.settingsPage::-webkit-scrollbar-track {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.settingsPage::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-radius: 100px;
}
/********LoginSettings start********/
.profileSettingsHeader {
  background-color: #343434;
  border-radius: 10px 10px 0 0;
  box-shadow: 8px 8px 10px 0px #111111;
  padding: 0.5rem 0 0.5rem 0;
}
.profileSettingsBody {
  position: relative;
  z-index: 1;
  background-color: #343434;
  border-radius: 0 10px 10px 10px;
  box-shadow: 8px 8px 10px 0px #111111;
}
.updateProfileSettingsLineChoice {
  padding: 2rem 1rem 2rem 1rem;
}
.modifProfileStingsButton {
  border: none;
  background-color: transparent;
  fill: #fff;
}
.modifProfileStingsValidButton {
  background-color: #007bff;
  border: none;
  border-radius: 5px;
  color: #fff;
  padding: 0.5rem;
  transition: 0.2s;
}
.modifProfileStingsValidButton:hover {
  transform: scale(1.1);
  transition: 0.2s;
}
/********PersonnalStatistics start********/
.PersonnalStatisticsPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
  overflow-x: hidden;
}
.PersonnalStatisticsPage::-webkit-scrollbar {
  width: 10px;
}
.PersonnalStatisticsPage::-webkit-scrollbar-track {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.PersonnalStatisticsPage::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-radius: 100px;
}
.personnalStatsBlock {
  margin-top: 1vh;
  width: 230px;
  height: 200px;
  border-radius: 20px;
  background-color: #343434;
  color: #111111;
  box-shadow: 8px 8px 25px 0px #111111;
  transition: 0.2s;
}
.personnalStatsBlock svg {
  margin-top: 20px;
  height: 50px;
  fill: #fff;
}
.personnalStatsBlock p {
  margin-top: 15px;
  font-size: 25px;
  color: #fff;
}
.personnalStatsBlock:hover {
  transform: scale(1.025);
  transition: 0.2s;
}
/********PersonnalStatistics end********/
/********FaceToFace start********/
.faceToFacePage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
  overflow-x: hidden;
}
.faceToFacePage::-webkit-scrollbar {
  width: 10px;
}
.faceToFacePage::-webkit-scrollbar-track {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.faceToFacePage::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-radius: 100px;
}
.faceToFaceCard {
  background-color: #343434;
  border-radius: 20px;
  box-shadow: 8px 8px 25px 0px #111111;
}
.faceToFaceImg {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 10px;
}
.faceToFaceName {
  font-size: 20px;
}
.search-container {
  position: relative;
}
/* DS */
.search-results {
  position: absolute;
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
  z-index: 1000;
  background: white;
  border: 1px solid #ddd;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: none;
}
.search-result-item {
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  transition: background 0.2s;
}
.search-result-item:hover {
  background: #f8f9fa;
}
.search-result-item:last-child {
  border-bottom: none;
}
.search-result-item.selected {
  background-color: #e9ecef;
  border-left: 3px solid #007bff;
}
.search-result-item .member-info {
  font-weight: 500;
  color: #343434;
}
.search-result-item .member-details {
  font-size: 0.85rem;
  color: #6c757d;
}
.search-result-item.highlighted {
  background-color: #e9ecef;
  border-left: 3px solid #45c3df;
  font-weight: bold;
}
.search-result-item.highlighted .member-info {
  color: #45c3df;
  font-weight: bold;
}
.faceBlock {
  display: none;
}
.faceBlock.active {
  display: block;
}
.faceBlockBtn {
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  border: none;
  padding: 10px 0 10px 0;
  margin: 5px;
  color: #183c6f;
  font-weight: bolder;
}
.faceBlockBtn.active {
  background-color: #183c6f;
  color: #fff;
}
/*  */

.deleteFaceToFaceButton,
.backFaceToFaceButton {
  width: 40px;
  background-color: transparent;
  border: none;
  fill: #fff;
  transition: 0.2s;
}
.deleteFaceToFaceButton:hover {
  fill: #dc3545;
  transition: 0.2s;
}
.backFaceToFaceButton:hover {
  transform: scale(1.1);
  transition: 0.2s;
}
.detalisBlock,
.deleteFaceToFaceBlock {
  display: block;
}
.detalisBlock.active,
.deleteFaceToFaceBlock.active {
  display: none !important;
}
.addFaceToFaceButton {
  background-color: #4d4d4d;
  color: #fff;
  font-weight: bolder;
  transition: 0.2s;
}
.addFaceToFaceButton:hover {
  background-color: #fff;
  color: #4d4d4d;
  transition: 0.2s;
}
/********FaceToFace end********/
/********VisitGroup start********/

/********VisitGroup end********/
/********administratorAbsent start********/
.administratorAbsentPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
  overflow-x: hidden;
}
.administratorAbsentPage::-webkit-scrollbar {
  width: 10px;
}
.administratorAbsentPage::-webkit-scrollbar-track {
  background-color: #4d4d4d;
  border-radius: 100px;
}
.administratorAbsentPage::-webkit-scrollbar-thumb {
  background-color: #343434;
  border-radius: 100px;
}
.absentTitlePage {
  background-color: #343434;
  border-radius: 20px;
  box-shadow: 8px 8px 25px 0px #111111;
  padding: 1rem 2rem 1rem 2rem;
}
.absentBlockPage {
  background-color: #343434;
  border-radius: 20px;
  box-shadow: 8px 8px 25px 0px #111111;
  padding: 1rem;
}
.absentLinePage {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 8px 8px 25px 0px #111111;
  padding: 1.5rem 1rem 1.5rem 1rem;
  color: #343434;
  font-weight: bolder;
}
.absentLinePage p {
  margin: 0;
}
.faceToFaceName {
  font-size: 20px;
}
.deleteFaceToFaceButton,
.backFaceToFaceButton {
  width: 40px;
  background-color: transparent;
  border: none;
  fill: #fff;
  transition: 0.2s;
}
.deleteFaceToFaceButton:hover {
  fill: #dc3545;
  transition: 0.2s;
}
.backFaceToFaceButton:hover {
  transform: scale(1.1);
  transition: 0.2s;
}
.detalisBlock,
.deleteFaceToFaceBlock {
  display: block;
}
.detalisBlock.active,
.deleteFaceToFaceBlock.active {
  display: none !important;
}
.addFaceToFaceButton {
  background-color: #4d4d4d;
  color: #fff;
  font-weight: bolder;
  transition: 0.2s;
}
.addFaceToFaceButton:hover {
  background-color: #fff;
  color: #4d4d4d;
  transition: 0.2s;
}
/********administratorAbsent end********/
/********documentsPage start********/
#documentsPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
  overflow-x: hidden;
}
.document-card {
  background-color: #fff;
  margin: 10px 0px 10px 0px;
  margin-bottom: 10px;
  overflow: hidden;
  color: #343434;
  margin-bottom: 3vh;
  transition: 0.2s;
  padding: 0.5rem;
  border-radius: 10px;
}
.document-btn {
  width: 100%;
  height: 100%;
}
.border-l {
  /* padding: 0!important;
    border-left: 1px solid #343434; */
  border-left: none;
}
@media (max-width: 767px) {
  .border-l {
    border-left: none;
    display: none;
  }
}
/********documentsPage end********/
/********formationsPage start********/
#formationsPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
  overflow-x: hidden;
}
.formations-card {
  background-color: #fff;
  margin: 10px 0px 10px 0px;
  margin-bottom: 10px;
  overflow: hidden;
  color: #343434;
  margin-bottom: 3vh;
  transition: 0.2s;
  padding: 0.5rem;
  border-radius: 10px;
  height: 170px;
}
.document-btn {
  width: 100%;
  height: 100%;
}
.formationPhoto {
  margin: 10px 5px 15px 10px;
  border-radius: 10px;
  box-shadow: 7px 3px 35px 0px rgba(0, 0, 0, 0.75);
  max-height: 135px;
  max-width: 100%;
  color: #183c6f;
}
.supFormation {
  padding: 0.8rem;
  background-color: #dc3545;
  color: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: 8px 8px 10px 0px #111111;
  font-weight: bold;
}
.supFormation:hover {
  transform: scale(1.1);
  transition: 0.2s;
}
.membeePresentEventLine {
  background-color: #fff;
  margin: 10px 0px 10px 0px;
  margin-bottom: 10px;
  overflow: hidden;
  color: #343434;
  margin-bottom: 3vh;
  transition: 0.2s;
  padding: 0.5rem;
  border-radius: 10px;
}
.membeePresentEventViewProfile {
  background-color: #fff;
  overflow: hidden;
  color: #343434;
  fill: #343434;
  font-size: 20px;
  padding: 0.5rem;
  border-radius: 10px;
  border: #9e9e9e 1px solid;
  box-shadow: 4px 4px 5px 0px #111111;
}
.membeePresentEventViewProfileP {
  display: none;
}
.inscriptionButton.tiny20 {
  font-size: 20px;
  padding: 0.5rem;
}
.inscriptionOptionButton.tiny20 {
  font-size: 20px;
  padding: 0.5rem;
}
.pdfButtonFormation {
  background-color: transparent;
  border: none;
}
.copyFormation {
  background-color: transparent;
  border: none;
}
@media (max-width: 870px) {
  .formations-card {
    margin: 10px 0px 10px 0px;
    margin-bottom: 3vh;
    border-radius: 10px;
  }
  .formationPhoto {
    height: 115px;
    margin: 20px 5px 15px 10px;
  }
  .desinscriptionButton,
  .inscriptionButton {
    font-size: 16px;
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .formations-card {
    margin: 10px 0px 10px 0px;
    margin-bottom: 3vh;
    border-radius: 10px;
    height: auto;
  }
  .formations-card .col-md-2 {
    display: flex;
    justify-content: center;
  }
  .formationPhoto {
    align-items: center;
    height: 115px;
  }
  .desinscriptionButton,
  .inscriptionButton {
    font-size: 16px;
    margin-top: 10px;
  }
}
/********foramtionsPage end********/
/********foramtionsPage end********/
#selectTypeOfEvent {
  background-color: transparent;
  color: #343434;
  border: none;
  border-bottom: 1px solid #343434;
  width: 170px;
  font-size: 22px;
}
/********foramtionsPage end********/
/********presentationsPage start********/
#presentationsPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
  overflow-x: hidden;
}
.presentationsLineChoice {
  background-color: #343434;
}
.presentationsLineChoice {
  background-color: #fff;
  margin: 10px 0px 10px 0px;
  margin-bottom: 10px;
  overflow: hidden;
  color: #343434;
  margin-bottom: 3vh;
  transition: 0.2s;
  padding: 0.5rem;
  border-radius: 10px;
  /* height: 170px; */
}
.miniatureImgPresentation {
  max-height: 130px;
  max-width: 100px;
}
.specificAskInput {
  border-radius: 10px;
  width: 100%;
}
.validChangeSlideBtn {
  background-color: #007bff;
  border: none;
  border-radius: 10px;
  color: #fff;
  padding: 10px 20px 10px 20px;
}
#dowloadDiapo {
  display: none;
}

input[type="checkbox"] {
  display: none;
}
.labelCheck {
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 10px;
  display: block;
  position: relative;
  margin: 10px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.labelCheck::before {
  background-color: #183c6f;
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
  border: 1px solid #183c6f;
  position: absolute;
  top: -8px;
  left: -8px;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  transition-duration: 0.4s;
  transform: scale(0);
}
.labelCheck img {
  height: 100px;
  width: 100px;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
}
:checked + .labelCheck {
  border-color: #ddd;
}
:checked + .labelCheck::before {
  content: "✓";
  background-color: #183c6f;
  transform: scale(1);
}
:checked + .labelCheck img {
  transform: scale(0.9);
  box-shadow: 0 0 5px #333;
  z-index: -1;
}
/********presentationsPage end********/
/********presentationsAdminPage start********/
#generateDiapoBtn,
#dowloadDiapo {
  padding: 0.8rem;
  background-color: #fff;
  color: #343434;
  border: none;
  border-radius: 10px;
  box-shadow: 8px 8px 10px 0px #111111;
  font-weight: bold;
  margin-bottom: 1rem;
}
#diapoProgress {
  display: none;
}
#AdministratorPresentationPage {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: #343434 #4d4d4d;
  overflow-x: hidden;
}
#groupPresentationAdminBlock {
  background-color: #343434;
  padding: 1rem;
  margin-top: 0.8rem;
  top: auto;
  bottom: auto;
  right: 10px;
  left: 265px;
  width: auto;
  height: auto;
  border-radius: 10px;
  z-index: 0;
}
progress {
  border-radius: 7px;
  width: 100%;
  height: 22px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
progress::-webkit-progress-bar {
  background-color: yellow;
  border-radius: 7px;
}
progress::-webkit-progress-value {
  background-color: blue;
  border-radius: 7px;
  box-shadow: 1px 1px 5px 3px rgba(255, 0, 0, 0.8);
}
.guestHrStyle {
  height: 1px;
  width: 100%;
  color: #ffffff;
  background-color: #ffffff;
}
.borderBottomGuest {
  padding: 2rem 0 2rem 0;
  border-bottom: 1px solid gray;
}
.borderRadiusGuest {
  border-radius: 10px;
}
.modifGuestButtonPresent {
  background-color: transparent;
  border: none;
}
.warningGuest {
  color: orange;
}
/********AdminMembers start********/
.member-recent {
  color: #28a745 !important;
  font-weight: bold;
}
.member-delete {
  color: red !important;
  font-weight: bold;
}
/********AdminMembers end********/

/* progress::-moz-progress-bar {
} */

/* #groupBlock::-webkit-scrollbar {
    width: 10px;
}

#groupBlock::-webkit-scrollbar-track {
    background-color: #343434;
    border-radius: 100px;
}

#groupBlock::-webkit-scrollbar-thumb {
    background-color: #4D4D4D;
    border-radius: 100px;
}
#groupBlock.closeSlide{
    left: 95px;
    transition: 0.3s;
}
#groupBlock.closeSlideInformation{
    position: fixed;
    bottom: auto;
    transition: 0.3;
} */
/********presentationsPage end********/
/********LoginSettings end********/
/* Pour firefox */
/* body {
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: black #111111;
} */
/* Pour les autres navigateurs */
/* body::-webkit-scrollbar {
    width: 16px;
}

body::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 100px;
}

body::-webkit-scrollbar-thumb {
    background-color: #d4aa70;
    border-radius: 100px;
} */
/********meetingDetails end********/

/*  button search */
/* #retour {
    background:url(../img/searchGlass.png) no-repeat;
    bottom:50px; 
}
#retour {  
    background-size: contain; 
    position:fixed; 
    right:0px; 
    z-index: 100; 
    margin-right: -60px; 
    width:100px; 
    height: 50px;
    opacity: 0.5;
}

#retour:hover {
    margin-right: -40px;
    transition:0.7s;
    opacity: 1;
} */

/* ======== Styles pour la modal de contacts ======== */
#contactModal.active {
  display: block !important;
  background-color: rgba(0, 0, 0, 0.5);
}

#contactModal {
  display: none !important;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

#contactModalBackdrop.active {
  display: block !important;
}

#contactModalBackdrop {
  display: none !important;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

#contactModal .modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.contact-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.contact-photo {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #183c6f;
}

.contact-photo-placeholder {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #e9ecef;
  border: 3px solid #183c6f;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.contact-photo-placeholder svg {
  width: 60px;
  height: 60px;
  fill: #999;
}

.card-title {
  font-weight: 600;
  color: #183c6f;
  margin-bottom: 0.5rem;
}

.card-subtitle {
  font-size: 0.95rem;
  color: #666;
  font-style: italic;
}

.contact-info {
  text-align: left;
}

.contact-info p {
  font-size: 0.9rem;
}

.contact-info a {
  color: #183c6f;
  text-decoration: none;
}

.contact-info a:hover {
  text-decoration: underline;
  color: #0f1f47;
}
.copyDashboard {
  background-color: transparent;
  border: none;
  width: 20px !important;
}
.copyDashboard svg {
  width: 20px !important;
  height: 20px !important;
}