body{
  background-color: white;
  --sb-track-color: #e0e0e0;
  --sb-thumb-color: #7d4792;
  --sb-size: 9px;
}

.contact{
  padding: 4%;
  height: 400px;
}

.contact-info{
  margin-top:10%;
}
.contact-info img{
  margin-bottom: 15%;
}
.contact-info h2{
  margin-bottom: 10%;
}
.col-md-9{
  background: #fff;
  padding: 3%;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.contact-form label{
  font-weight:600;
}
.contact-form button{
  background: #25274d;
  color: #fff;
  font-weight: 600;
  width: 25%;
}
.contact-form button:focus{
  box-shadow:none;
}

.customDialog.p-dialog .p-dialog-header {
  background: #59646e !important;
  color:white !important;

}
.customDialog.p-dialog .p-dialog-content {
  background: #59646e !important;
  color:white !important;
  border-bottom:none !important;
}
.customDialog.p-dialog .p-dialog-footer {
  background: #59646e !important;
  color:white !important;
  border-top:none !important;
}

.p-dialog, .p-dialog-mask.p-component-overlay {
  background: rgba(0, 0, 0, .25);
  opacity: 1!important;
  filter: alpha(opacity=100)!important;
  z-index: 1049!important
}


.mydialog {
  width: 60vw;
}

.myDialogSignature{
  width: 80vw;
}

.cardSigner{
  min-height: 25vh;
  background:green;
}

.myDialogDetailedUser {
  width:90%;
  height:90% !important;
}

.myDialogDetailedUser.p-dialog .p-dialog-content {

  height:100% !important;
}



.myDialog2
{
  width: 60vw;
}

.myDialog3
{
  width: 45vw;
}

.myDialog3AddCours
{
  width: 60vw;
  height:80%;
}

.myDialog3AddCours.p-dialog .p-dialog-content {

  height:100% !important;
}

.myDialogCoursUpload
{
  width: 40vw;
}

.myDialogCoursExtract{

width:90%;
height:90%
}
.myDialogCoursExtract.p-dialog .p-dialog-content {

  height:90% !important;
}

.myDialogAddCoursExtract{

  width:30%;
  height:60%
  }

  .myDialogAddCoursExtract.p-dialog .p-dialog-content {

    height:100% !important;
  }

@media screen and (max-width: 40em) {
  .mydialog {
      width: 90vw;
  }
}

.fixed-top{
  position:relative !important
}

.backVioletColorWhite{
  background:#742b60 !important;
  color:white !important;
}

.p-datatable-header{
  background:#742b60 !important;
  color:white !important;
}

.p-datatable-scrollable-header-box{
  background:#742b60 !important;
  color:white !important;
}

.p-multiselect-label{
  color:black !important;
}

.p-sidebar-left.p-sidebar-active{
  background:#742b60 !important;
  color:#feddf5 !important;
}
.p-sidebar-left{
  background:#742b60 !important;
  color:#feddf5 !important;
}

.p-sidebar-content > ul > li > a{
  color:white !important;
}

.p-sidebar-content > a{
  color:white !important;
}


/* Assurez-vous que seule la partie du contenu est défilable, pas la barre latérale elle-même */
 .custom-sidebar {
  max-height: 100vh; /* Ajustez la hauteur maximale pour le contenu */
  overflow-y: auto;  /* Active le défilement vertical */
  padding: 10px;     /* Optionnel : ajustez le padding si nécessaire */
}



::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}

::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 10px;
  border: 2px solid #ffffff;
}



.buttonYellow{
  background:#ff9b00 !important;
  border: 1px solid #ff9b00 !important;
}
.buttonRed{
  background:red !important;
  border: 1px solid #ff9b00 !important;
}

.buttonBlue{
  background:blue !important;
  border: 1px solid #ff9b00 !important;
}

.primecheckboxlabel{
  margin-bottom : 0px !important;
}


.p-autocomplete-multiple-container {
  display: flex;
  flex-wrap: wrap;
  width:400px!important;

}