/*
* demo.css
* File include item demo only specific css only
******************************************************************************/

.light-style .menu .app-brand.demo {
  height: 64px;
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.demo {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
 
}

.app-brand-logo.demo svg {
  width: 35px;
  height: 24px;
}
.app-brand-logo.demo img {
  width: 120px;
  height: 65px;
}
.app-brand-text.demo {
  font-size: 1.375rem;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}

.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 78px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks>* {
  display: block !important;
}

.demo-inline-spacing>* {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing>* {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing.demo-only-element> :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg>* {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing-lg.demo-only-element> :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl>* {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing-xl.demo-only-element> :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}

.layout-demo-placeholder img {
  width: 900px;
}

.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}


.bg-menu-theme {
  background-color: #2C2C2C !important;
}
/* 
.app-brand-logo.demo {
  width: auto;
  height: auto;
} */

.light-style .menu .app-brand.demo {
  height: 85px;
}

.right {
  float: right;
}

.right img {
  width: 40px;
}

.shadow-cards {
  background: #C6D0BC;
  border-radius: 34px;
}

.shadow-cards2 {
  background: #F6D78B;
  border-radius: 34px;
}

.shadow-cards3 {
  background: #B5DBCB;
  border-radius: 34px;
}

.shadow-cards4 {
  background: #A3A7FC;
  border-radius: 34px;
}

.shadow-cards h5 {
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;

  color: #000000;
}

.shadow-cards2 h5 {
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;

  color: #000000;
}

.shadow-cards3 h5 {
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;

  color: #000000;
}

.shadow-cards4 h5 {
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;

  color: #000000;
}

.shadow-cards p {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
height: 50px;
  color: #2C2C2C;
}

.shadow-cards2 p {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  height: 50px;
  color: #2C2C2C;
}

.shadow-cards3 p {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  height: 50px;
  color: #2C2C2C;
}

.shadow-cards4 p {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  height: 50px;
  color: #2C2C2C;
}

.btn1 {
  background: #90A27F;
  box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.btn2 {
  background: #E9B22D;
  box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.btn3 {
  background: #83B5A0;
  box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.btn4 {
  background: #7B7ECA;
  box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.menu-header h4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;

  color: #FFFFFF;
}

.bg-navbar-theme {
  background-color: #F1EEE3 !important;
}

.bg1 {
  background: #C6D0BC;
  border-radius: 34px;
  padding-top: 20px;
  padding-bottom: 20px;
  height: 240px;
}

.bg2 {
  background: #F6D78B;
  border-radius: 34px;
  padding-top: 20px;
  padding-bottom: 20px;
  height: 240px;
}

.bg3 {
  background: #B5DBCB;
  border-radius: 34px;
  padding-top: 20px;
  padding-bottom: 20px;
  height: 240px;
}

.bg4 {
  background: #A3A7FC;
  border-radius: 34px;
  padding-top: 20px;
  padding-bottom: 20px;
  height: 240px;
}

.caisse td {
  background: #F8F7F1;
  box-shadow: 1px 5px 20px -1px rgba(0, 0, 0, 0.15);
  padding: 25px;
}

.caisse thead {
  background: #C6D0BC;
  padding: 10px;
}

.caisse tr {
  border: 1px solid rgba(246, 215, 139, 0.4);
  ;
}

.year .filter {
  background: #F6D78B;
  box-shadow: -3px 2px 10px rgba(0, 0, 0, 0.25);
  border-radius: 13px;
  color: #2C2C2C;
  padding: 10px;
  margin-left: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
}

.pick .filter {
  background: #83B5A0;
  box-shadow: -3px 2px 10px rgba(0, 0, 0, 0.25);
  border-radius: 13px;
  border: none !important;
  color: white;
  padding: 10px;
  margin-left: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
}

.chercher .filter {
  background: #F6D78B;
  box-shadow: -3px 2px 10px rgba(0, 0, 0, 0.25);
  border-radius: 13px;
  width: 100%;
  text-align: center;
  color: white;
  padding: 15px 30px;
}

table thead {
  background: rgba(198, 208, 188, 0.9);
}

.addfond a {
  background: #F6D78B;
  box-shadow: -3px 2px 10px rgba(0, 0, 0, 0.25);
  border-radius: 13px;
  color: black;
  font-weight: 600;
  padding: 15px;
  width: 100%;
  text-align: center;
}

.export a {
  background: #83B5A0;
  box-shadow: -3px 2px 10px rgba(0, 0, 0, 0.25);
  border-radius: 13px;
  color: white;
  padding: 15px;
  width: 100%;
  text-align: center;
}

input {
  border: 1px solid #83B5A0 !important;
  border-radius: 8px;
}

.table tr {
  border: 1px solid rgba(246, 215, 139, 0.4);
  ;
}

table td {
  border: 1px solid rgba(198, 208, 188, 0.37);
  ;
}

.espece {
  background: #51B800;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.25);
  border-radius: 7px;
}

.cheque {
  background: #FFB500;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.25);
  border-radius: 7px;
}

.edit-icon {
  color: #2C2C2C;
}

.archive-icon {
  color: #2C2C2C;
}

.delete-icon {
  color: #CD4242;
}

.addfondsort a {
  background: #F6D78B;
  box-shadow: -3px 2px 10px rgba(0, 0, 0, 0.25);
  border-radius: 13px;
  color: black;
  font-weight: 500;
  padding: 15px;
  width: 100%;
  text-align: center;
}

table th {
  font-style: normal;
  font-weight: 600 !important;
  font-size: 13px !important;
  line-height: 21px;
  color: #2C2C2C !important;

}

.cheques .page-title {
  background: rgba(163, 167, 252, 0.46);
  text-align: center;
  padding: 15px;
}

.payer {
  background: #A3A7FC;
  border-radius: 9px;
  padding: 10px;
  text-align: center;
}

.btn-payer {
  color: white;

}

.cheques-archive .page-title {
  background: rgba(246, 215, 139, 0.66);
  text-align: center;
  padding: 15px;
}

.archive {
  background: #CD4242;
  border-radius: 9px;
}

.employee .add-empy a {
  background: #F6D78B;
  box-shadow: -3px 2px 10px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  display: block;
  padding: 15px ;
  text-align: center;
  color: #000;
  font-weight: 600;
  font-size: 13px;
}

.angular {
  background: #83B5A0;
  border-radius: 11px;
}

.plus {
  background: #F6D78B;
  box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
}

.moins {
  background: #CD4242;
  box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
}

.react {
  background: #B5DBCB;
  border-radius: 11px;
}

.notif .page-title {
  background: rgba(198, 208, 188, 0.9);
  border-radius: 0px;
  padding: 10px;


}

.notif .page-title h4 {
  color: #2C2C2C;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
}

.notifier .btn-notif {
  background: #F6D78B;
  box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  color: black;
  padding: 15px;
}

.card {
  background: #F1EEE3 !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.11) !important;
  border-radius: 0.375rem !important;
  padding-top: 25px;
}

.notif {
  padding: 10px;
  margin-bottom: 15px;
}

table td {
  color: #000;
}

.autorisation .page-title {
  background: rgba(198, 208, 188, 0.9);
  border-radius: 0px;
  padding: 10px;
  margin-bottom: 15px;

}
h4{
  margin: 0;
}
.page-title{
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  padding-left: 15px !important;
  border-radius: 0.375rem !important;
}

.autorisation .page-title h4 {
  color: #2C2C2C;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
}

.autorisation {
  padding: 0px;
  margin-bottom: 15px;
}

.autorisation .card-header {
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;

}

.autorisation table td {
  padding: 20px;
}

.repondre .btn-rerepondre {
  background: #F6D78B;
  box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  color: black;
  padding: 15px;
}

.attente-reponse {
  background: rgba(246, 215, 139, 0.42);
  border: 1px solid #F6D78B;
  border-radius: 6px;
  color: #000;
}

.feedback .page-title h4 {
  color: #2C2C2C;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
}

.feedback {
  padding: 0px;
  margin-bottom: 15px;
}

.feedback .card-header {
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
padding-bottom: 0;
}

.feedback table td {
  padding: 20px;
}

.feedback .page-title {
  background: rgba(198, 208, 188, 0.9);
  border-radius: 0px;

}

.feedback .repondre .btn-rerepondre {
  background: #A3A7FC;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  color: #fff;
  padding: 15px;
}



.archived .page-title h4 {
  color: #2C2C2C;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
}

.archived {
  padding: 0px;
  margin-bottom: 15px;
}

.archived .card-header {
  padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
}

.archived table td {
  padding: 20px;
}

.archived .page-title {
  background: rgba(198, 208, 188, 0.9);
  border-radius: 0px;
  padding: 10px;

}

.archived .repondre .btn-rerepondre {
  background: #A3A7FC;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  color: #fff;
  padding: 15px;
}

.archived .btn-info {
  background: #F6D78B;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17);
  border-radius: 6px;
  padding: 15px;
  color: #000;
}

.archived .btn-active {
  background: #83B5A0;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17);
  border-radius: 6px;
  padding: 15px;
  color: #fff;
}

.formations .add a {
  background: #F6D78B;
  box-shadow: -3px 2px 10px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  padding: 15px ;
  
  text-align: center;
  color: black;
  font-weight: 600;
}

.edit-icon {
  color: #2C2C2C;
  font-size: 30px;
}

.trash-icon {
  color: #CD4242;
  font-size: 30px;
}



.formations .page-title h4 {
  color: #2C2C2C;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
}

.formations {
  padding-top: 0px;

  margin-bottom: 15px;
}

.formations .card-header {
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;

}

.formations table td {
  padding: 20px;
}

.formations .page-title {
  background: rgba(198, 208, 188, 0.9);
  border-radius: 0px;
  padding: 0px;
  margin-bottom: 15px;

}

.termine-reponse {
  background: #CD4242;
  border-radius: 8px;
}

.sujet .submit a {
  background: #A3A7FC;
  box-shadow: 2px 6px 11px 1px rgba(0, 0, 0, 0.22);
  border-radius: 15px;
  width: 100%;
  display: block;
  padding: 15px;
  color: black;
  text-align: center;
}

select {
  border: 1px solid #83B5A0 !important;
  border-radius: 8px !important;
}
.flatpickr-current-month select{
  border: none !important;
}
.flatpickr-current-month input{
  border: none !important;
}
.flatpickr-current-month{
  top:0.15rem !important;
}
label {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
  color: #2C2C2C;
  margin-bottom: 7px;
}

.edit .submit a {
  background: #F6D78B;
  box-shadow: 2px 6px 13px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  color: #2C2C2C;
  padding: 15px;
  width: 100%;
  display: block;
  text-align: center;
}

.modal-content {
  background: #FFFFFF;
  box-shadow: 0px 2px 19px rgba(0, 0, 0, 0.25) !important;
  border-radius: 13px !important;
}

.archived .add-btn a {
  background: #F6D78B;
box-shadow: -3px 2px 10px rgba(0, 0, 0, 0.25);
border-radius: 13px;
color:black;
padding: 15px;
font-weight: 600;
text-align: center;
border: none;
}

#diplome{
  width: 100%;
}
#diplome .title h5{
  font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 26px;
/* identical to box height */


color: #716F6F;

}
#diplome .title h4{
  font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 26px;
/* identical to box height */


color: #716F6F;

}
#diplome .diploma h2{
  font-family: 'Times New Roman';
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 50px;
text-transform: uppercase;

color: #5F412F;

}

#diplome .client h2{
  font-family: 'Times New Roman';
font-style: normal;
font-weight: 700;
font-size: 60px;
line-height: 70px;
text-transform: uppercase;

color: #78C1A8;

}
#diplome .client span{
  font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 28px;

color: #716F6F;
}
#diplome .client p{
  font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 28px;

color: #716F6F;
}
#diplome .client h4{
  font-family: 'Georgia';
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 45px;
  text-transform: uppercase;
  
  color: #5F412F;
}
.bottom-sep{
  border-bottom: 1px solid #727272;

}
.diploma span{
  font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 30px;
color: #716F6F;
}
.bg-menu-theme .menu-inner-shadow{
  background: none;
}
.menu-inner li svg{
  margin-right: 10px;
}
.menu-inner li a{
  margin-bottom: 15px !important;
}
.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner .menu-item .menu-link:hover{
  background-color: #2C2C2C !important;
}
html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item:not(.active) .menu-link{
  background-color: #2C2C2C !important;
}
.menu-inner li a:hover{
 color:#F6D78B !important;
}

.edit-client .page-title{
  background: rgba(246, 215, 139, 0.69);
  height: 50px;
}
.mr-2{
  margin-right: 10px;
}
.btn-icon{
  border: none;
}
 input{
  height: 50px;
}
select {
  height: auto;
  width: inherit;
}
textarea{
  height: 100px;
  /* opacity: 0.5 !important; */
border: 2px solid #83B5A0 !important;
border-radius: 8px !important;
}
.edit-client .submit a {
  background: #A3A7FC;
box-shadow: 5px 8px 10px rgba(0, 0, 0, 0.13);
border-radius: 8px;
color:#fff;
}
.attendance-client .dates{
  display: flex;
  align-items: center;
  justify-content: center;
}
.autorisation-client .submit a {
  background: #A3A7FC;
box-shadow: 5px 8px 10px rgba(0, 0, 0, 0.13);
border-radius: 8px;
color:#fff;
width: 100%;
display: block;
text-align: center;
padding: 10px;
}
.feedback .submit a {
  background: #A3A7FC;
  box-shadow: 5px 8px 10px rgba(0, 0, 0, 0.13);
  border-radius: 8px;
  color:#000;
font-weight: 500;
  text-align: center;
  padding: 15px 8px;
}
.presence .submit a {
  background: #A3A7FC;
box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.19);
border-radius: 8px;
width: auto !important;
padding: 15px;
}

.autorisation .submit a {
  background: #F6D78B;
box-shadow: -3px 2px 10px rgba(0, 0, 0, 0.25);
border-radius: 8px;
color:black;
padding: 15px;
text-align: center;
font-weight: 600;
font-size: 13px;



/* background: #F6D78B;
box-shadow: -3px 2px 10px rgba(0, 0, 0, 0.25);
border-radius: 13px;
color:black;
padding: 15px;
font-weight: 600;
text-align: center;
border: none; */








}
 .search input{
border: 2px solid #83B5A0;
border-radius: 8px;
}
@media(max-width:991px){
  .search input{
   width: 100%;
 }
}
@media(max-width:500px){
   .search input{
    width: 100%;
  }
}
.feedback-staff .submit a{
  background: #A3A7FC;
  box-shadow: -3px 2px 10px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}

.mail .location{
 padding: 20px;
}
.mail .location h4{
  font-style: normal;
font-weight: 500;
font-size: 14px !important;
line-height: 21px;
text-align: right;
color: #5F412F;
}
.desc p {
  font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 165.69%;
/* or 27px */


color: #2C2C2C;
}
.mail .desc{
  padding: 20px;
}
.facture ul {
  list-style: none;
}
.facture ul li h4{
  font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 23px;

color: #A3A7FC;
}
.facture ul li {
  margin-bottom: 10px;
  font-weight: 400;
font-size: 15px;
line-height: 21px;

color: #2C2C2C;
}
  ul {
  list-style: none;
}
  ul li {
  margin-bottom: 10px;
  font-weight: 400;
font-size: 15px;
line-height: 21px;
color: #2C2C2C;
}
 .location{
  padding: 20px;
 }
  .location h4{
   font-style: normal;
 font-weight: 500;
 font-size: 14px !important;
 line-height: 21px;
 text-align: right !important;
 color: #5F412F;
 }
 .cheques .location{
  padding: 20px;
 }
 .cheques .location h4{
   font-style: normal;
 font-weight: 500;
 font-size: 14px !important;
 line-height: 21px;
 text-align: left !important;
 color: #2C2C2C;
 }
 .compte .msg p{
  font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 128.19%;
/* or 23px */


color: #2C2C2C;
 }

 .compte .desclaimer p{
  font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 128.19%;
/* or 23px */


color: #2C2C2C;
 }

 .desclaimer .submit{
  text-align: center;

 }
 .desclaimer .submit a {
  background: #A3A7FC;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16);
border-radius: 18px;
padding: 15px;
text-align: center;
color: #fff;
 }
 .desc{
  background: #FFFFFF;
opacity: 0.5;
border: 2px solid #83B5A0;
border-radius: 18px;
 }

 /* .login-page .login{
  background: #FFFFFF;
box-shadow: 0px 2px 26px -4px rgba(0, 0, 0, 0.15);
border-radius: 34px;
padding: 4rem;
 }

 .login-inputs input{
  border: 2px solid #83B5A0;
border-radius: 13px;
 }

 .login-inputs .remember{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
 }
 .login-inputs .submit a {
  background: #A3A7FC;
box-shadow: -3px 2px 10px rgba(0, 0, 0, 0.25);
border-radius: 13px;
text-align: center;
padding: 20px;
display: block;
color: #fff;
 } */




 .login-page .login{
  background: #FFFFFF !important;
  box-shadow: 0px 2px 44px -4px rgba(0, 0, 0, 0.08) !important;
  border-radius: 54px !important;
padding: 3rem;
max-width: 800px ;
width: 500px ;
 }
 .login-inputs .remember{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
 }
 .login-inputs .remember .remember-me button{
  background: transparent;
    border: none;
 }
 .login-inputs .remember .forget button{
  background: transparent;
    border: none;
    font-size: 14px;
    color:rgb(12, 95, 212);
 }
 .login-inputs .submit button{
  background: #A3A7FC;
box-shadow: -3px 2px 10px rgba(0, 0, 0, 0.25);
border-radius: 13px;
text-align: center;
padding: 20px;
display: block;
color: #fff;
width: 100%;
    border: none;
 }
.group{
  position: relative;
}
 .inputs .group svg{
  position: absolute;
    right: 15px;
    z-index: 1;
    top: 20px;
 }
 .inputs .group{
  border: 2px solid #83B5A0;
border-radius: 13px;
 }
 .inputs .group input{
  border: none !important;
  border-radius: 13px;
  margin-bottom: 0;
  height:60px;
 }
 .login h4{
  font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 23px;
letter-spacing: 0.015em;
color: #83B5A0;
 }
 .login .card-header p{
  font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #2C2C2C;
 }
 @media(max-width:520px){
  .login-page .login{
  width: auto ;
   }
 }










 @media(min-width:1400px){
  .container-xxl{
    max-width: 100% !important;
   
  }
 }

 .justify-center-item{
  justify-content: center;
 }

.iti{
  display: block !important;
}

.bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle{
  background: #8dbded;
}

.header-cards{
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
}
.header-cards i{
  font-size: 32px;
}
.header-cards h4{
  font-size: 18px;
}
table th{
  white-space: nowrap;
}
table td {
  white-space: nowrap;
}
.student-img img{
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.user-profile-img{
  width: 150px;
  height: 150px;


}
.alignement{
  display: flex;
    align-items: center;
    justify-content: flex-end;
}
.alig{
  display: flex;
    align-items: center;
    justify-content: flex-start;
}
.alig .content{
  display: flex;
  flex-direction: column;
}

.diplomee .footer{
  margin:15px;
  text-align: right;
}


.table-header .column{
  margin-right: 5px;
}

.course-img img{
  padding: 10px;
  width: 80px;
  height: 80px;
}
.chosen-choices{
  border: 1px solid #83B5A0 !important;
  border-radius: 0.375rem;
  height: 50px !important;
  padding: 15px;
}
.table-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search-bar{
  display: flex;
  align-items: center;
}

@media(max-width:775px){
  /* .search-bar input{
    width: auto;
  } */
  .table-header{
    flex-direction: column;
    align-items: flex-start;
  }
}

table .img-emoy img{
  width: 80px;
  height: 80px;
}
.employee{
  padding-top: 0;
}
.notif{
  padding-top: 0;
}
.card-datatable{
  padding: 10px;
}
.client .shadow-cards p{
  height: 80px;
}
.client .shadow-cards2 p{
  height: 80px;
}
.client .shadow-cards3 p{
  height: 80px;
}
.client .shadow-cards4 p{
  height: 80px;
}
.pagination{
  padding: 10px;
}



.menu-img img{
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
@media(max-width:991px){
  .incoming-header{
    flex-direction: column;
  }
}

.profil-image .user-profile-img{
  height: 150px;
  width: 150px;
  border-radius: 50% !important;
 }


 .span-title{
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  height: 50px;
  color: #2C2C2C;
}

.img-notif{
  border-radius: 50%;
}

.app-brand-logo img{
  margin-left: 35px;
}
.bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle{
  background: linear-gradient(72.47deg, #7367f0 22.16%, rgba(115, 103, 240, 0.7) 76.47%) !important;
    color: #fff !important;
}
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical{
  width: 7.25rem !important;
}
@media (min-width: 1200px){
  .layout-menu-fixed.layout-menu-collapsed .layout-page {
    padding-left: 7.25rem;
}
.layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-content-navbar .layout-navbar, .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed .layout-content-navbar .layout-navbar {
  left: 8.25rem;
}
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header{
  margin-left: 0;
  width: 8.25rem;
}
.menu-header h4{
  font-size: 12px;
}
.menu-header img{
  height: 50px;
  width: 50px;
}
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item{
  width: 7.25rem;
}
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item div:not(.menu-block){
  display: none;
}
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .app-brand-logo img{
  margin-left: 0;
}
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .app-brand-logo.demo img{
  width: 77px;
  height: 50px;
}
}

@media(max-width:991px){
  .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical{
    width: 13.25rem !important;
  }
}