/* ===========================
   VARIABLES 
=========================== */

:root{
  --brand-orange:#FF8C42;
  --accent-blue:#1E3A8A;
  --text:#1f2937;
  --muted:#6b7280;
  --light-bg:#f7f9fc;
  --line:#e8ecf4;
  --body:#f3f7ff;


  --shadow-sm:0 3px 10px rgba(0,0,0,.06);
  --shadow-md:0 8px 24px rgba(0,0,0,.08);
  --shadow-lg:0 12px 32px rgba(0,0,0,.12);
}


@font-face {
    font-family: 'Poppins';
    src: url('assets/fonts/poppins/Poppins-Light.woff') format('woff');
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-h2';
    src: url('assets/fonts/poppins/Poppins-ExtraBold.woff') format('woff');
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-h1';
    src: url('assets/fonts/poppins/Poppins-Bold.woff') format('woff');
    font-style: normal;
}

@font-face {
    font-family: 'Butler-Medium';
    src: url('assets/fonts/butler_webfont/Butler-Medium.woff') format('woff');
    font-style: normal;
}

@font-face {
    font-family: 'Butler-Bold';
    src: url('assets/fonts/butler_webfont/Butler-Bold.woff') format('woff');
    font-style: normal;
}

@font-face {
    font-family: 'Butler-Black';
    src: url('assets/fonts/butler_webfont/Butler-Black.woff') format('woff');
    font-style: normal;
}


/* ===========================
   RESET
=========================== */



body{
  font-family:"Poppins";
  color:var(--text);
  /* background:var(--body); */
  background-color: #FFFFFF;
  scrollbar-width: none;
}

img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
.container{width:min(1180px,92%);margin:auto;}




/*****************************/
/******Connexion bloc ********/
/*****************************/

.nav_menu{
  position: fixed;
  top : 0;
  width: 100%;
  background-color: rgba(64, 129, 226, 0.05);
  background:#ade4f9;
  background:#fff;
  border-bottom: 0px solid #FF8C42;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, .5);
  transition: 0.5s;  /* Hide when we scroll down */
  z-index: 2;
}
.nav_menu.active{
  top: -83px;
}

.navbar{
  max-width: 1300px;
  margin: 0 auto;
}


.navbar-brand{
  width: 100px;
}

.menu_right{
  margin-top: 15px;
}
.menu_right .menu_icon {
  font-size: 26px;
  border: 0px solid #000;
}
.menu_right .menu_icon .bi-chat-right-text {
  margin-right: 9px;
}

.menu_right .menu_icon .badge {
  position: absolute;
  font-size: 9px;
  margin-left: -12px;
}

.menu_right .menu_profile {
  float: right;
  margin-left: -10px;
  margin-top: -5px;
}

.menu_right .menu_profile img {
  width: 40px;
  border-radius: 50%;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
}
.menu_right .menu_profile {
  list-style: none;
}
.menu_right .menu_profile .dropdown-menu {
  font-size: 12px;
  /* margin-top: -22px; */
  margin-top: 20px;
}


.name_page_connexion{
  max-width: 350px;
  margin: 0 auto; 
  margin-top: 100px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
.name_page_connexion p{
  text-align: center;
}

.connexion{
  max-width: 350px;
  margin: 10px auto; 
  border: 0px solid #000;
  background-color: #fff;
  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
  border-radius: 15px;
  padding: 30px 20px;
}

.connexion form .form-label {
  font-weight: bold;
  font-size: 14px;
}

.connexion .password_link {
  margin-bottom: 25px;
}
.connexion .password_link p {
  font-size: 11px;
  margin-bottom: 0px;
}
.connexion .password_link .link {
  font-weight: bold;
}

.connexion .other_account {
  margin-top: 20px;
  text-align: center;
  font-size: 11px;
}

.connexion .other_account p a:hover {
  font-weight: bold;
}


/*****************************/
/**** End connexion bloc ******/
/*****************************/













/*****************************/
/*********** Dashboard ******/
/*****************************/

.profile{
  max-width: 1250px;
  margin: 10px auto;
  margin-top: 110px;
  border: 0px solid #000;
}
.profile .name {
  font-size: 24px;
  color: #0F2C3F;
}
.profile .name span {
  font-size: 24px;
  font-weight: bold;
  font-family: "Poppins-h1";
}

.profile .dossier {
  margin-top: -10px;
  margin-bottom: 0px;
  font-size: 14px;
}


.dashboard{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content:center;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 50px;
}

.data_left {
  max-width: 960px;
  border: 0px solid #000;
  padding: 10px;
  margin: 10px;
}
.data_right {
  width: 350px;
  padding: 10px;
  margin: 10px;
  border: 0px solid #000;
}

.data_left .card {
  height: 115px;
  padding: 10px 20px;
  margin-bottom: 10px;
  border: 0px solid #000;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, .5);
  /* background:#f3f7ff; */
  background:#F5F6F7;
}
.data_left .card h4 {
  font-family: "Poppins-h1";
  font-size: 14px;
  margin-top: 12px;
  margin-bottom: 10px;
}

.data_left .card .evolution {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
}
.data_left .card .evolution .evolution_item {
  width: 90px;
  border: 0px solid #000;
  background-color: #F5F6F7;
  text-align: center;
  font-size: 12px;
  margin: 0 auto;
  z-index: 1;
}

.data_left .card .line {
  width: 100%;
  height: 2px;
  margin-top: -11px;
  background-color: rgba(103, 103, 104, 0.5);
}

.data_left .data_all{
  width: 100%;
  display: block;
}

.data_all .data_item {
  width: 280px;
  height: 135px;
  display: inline-table;
  margin: 10px;
  border: 0px solid #000;
  border-radius: 5px;
  /* background:#f3f7ff; */
  padding: 10px 20px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, .5);
  /* background:rgba(148, 216, 255, 0.795); */
  background:#F5F6F7;
}
.data_all .data_item .title {
  font-size: 12px;
  padding-bottom: 6px;
  border-bottom: 0.5px solid rgba(103, 103, 104, 0.5);
  vertical-align: middle;
}
.data_all .data_item .title .bi {
  font-size: 24px;
  margin-right: 10px;
}
.data_all .data_item h4 {
  font-family: "Poppins-h1";
  font-size: 20px;
  margin-top: -10px;
  padding-top: 4px;
}
.data_all .data_item h4 span {
  font-size: 14px;
}
.data_all .data_item .total {
  margin-top: -8px;
  font-size: 12px;
}

/*****************************/
/******** End Dashboard ******/
/*****************************/















/*****************************/
/******** Second box ******/
/*****************************/

.second_box {
  max-width: 960px;
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  justify-content:space-between;
}

.second_box .activity_left {
  max-width: 620px;
  border: 0px solid #000;
}

.activity_left .planning {
  border: 0px solid #000;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, .5);
  padding: 10px;
  background:#F5F6F7;
}
.activity_left .planning .title {
  font-family: "Poppins-h1";
  font-size: 14px;
  margin-top: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 0.5px solid rgba(103, 103, 104, 0.5);
}


.menu_dot {
  float: right;
  padding-top: 2px;
}
.menu_dot li {
  list-style : none;
  font-size: 12px;
}

/* Hide dropdown icon menu */
  .dropdown-toggle::after {
      display:none;
  }
/* End Hide dropdown icon menu */


.activity_left .planning table {
  font-size: 12px;
  background:#F5F6F7;
}
.activity_left .planning table thead{
  text-align: center;
}

.activity_left .gallery {
  border: 0px solid #000;
  background:#F5F6F7;
  border-radius: 5px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, .5);
  margin: 10px auto;
  margin-top: 20px;
  padding: 10px;
  padding-bottom: 15px;
}
.activity_left .gallery .title {
  font-family: "Poppins-h1";
  font-size: 14px;
  margin-top: 0px;
  padding-top: 4px;
  padding-bottom: 6px;
  border-bottom: 0.5px solid rgba(103, 103, 104, 0.5);
}
.activity_left .gallery .menu_dot {
  float: right;
  margin-top: 0px;
}
.activity_left .gallery .menu_dot li {
  list-style : none;
  font-size: 12px;
}

.activity_left .gallery .picture {
  width: 560px;
  display: flex;
  flex-direction: row;
  justify-content:space-between;
  border: 0px solid #000;
  overflow: hidden;
}
.activity_left .gallery .picture .picture_item {
  width: 180px;
  height: 100px;
  border-radius: 3px;
  border: 0px solid #000;
  overflow: hidden;
}




.activity_left .chantier {
  border: 0px solid #000;
  background:#F5F6F7;
  border-radius: 5px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, .5);
  padding: 10px;
  padding-bottom: 20px;
  margin-top: 20px;
}
.activity_left .chantier .title {
  font-family: "Poppins-h1";
  font-size: 14px;
  margin-top: 0px;
  padding-top: 4px;
  padding-bottom: 6px;
  border-bottom: 0.5px solid rgba(103, 103, 104, 0.5);
}


.box_chantier img {
  width: 50px;
  float: left;
  border-radius: 50%;
  margin-right: 10px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
}

.box_chantier .profile {
  margin-top: 15px;
  padding-top: 12px;
  border: 0px solid #000;
  line-height: 13px;
}
.box_chantier .profile .name {
  font-size: 12px;
  font-weight: bold;
  Color : #0F2C3F;
}
.box_chantier .profile .date {
  font-size: 10px;
  margin-top: -10px;
}






.activity_right {
  max-width: 300px;
  border: 0px solid #000;
}

.recent {
  width: 280px;
  height: 360px;
  padding: 10px;
  margin: 0 auto;
  border-radius: 5px;
  margin-bottom: 20px;
  background:#F5F6F7;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, .5);
  overflow: hidden;
}
.recent .title {
  font-family: "Poppins-h1";
  font-size: 14px;
  margin-top: 0px;
  padding-top: 4px;
  padding-bottom: 6px;
  border-bottom: 0.5px solid rgba(103, 103, 104, 0.5);
}
.recent .sub_title {
  font-size: 10px;
  margin-top: -5px;
}


.send_document {
  width: 260px;
  height: 150px;
  margin: 0 auto;
  margin-top: -10px;
  border-radius: 5px;
  border: 1px solid rgba(103, 103, 104, 0.5);
  text-align: center;
  padding: 10px;
  padding-top: 35px;
  font-size: 12px;
}
.send_document:hover {
  cursor: pointer;
}
.send_document .bi {
  font-size: 24px;
}

.upload_documents {
  border-radius: 5px;
  border: 0px solid #000;
}
.upload_documents ul {
  margin-top: 20px;
  border: 0px solid #000;
}
.upload_documents ul li {
  height: 48px;
  font-size: 12px;
  list-style: none;
  margin-left: -30px;
  padding-top: 7px;
  border-bottom: 0.5px dashed rgba(103, 103, 104, 0.5); /* dotted, dashed, solid, double, ridge */
}
.upload_documents ul li .bi-filetype-pdf {
  float: left;
  font-size: 26px;
  margin-right: 5px;
  color:#0d58ca;
}
.upload_documents ul li .name {
  font-weight: bold;
}
.upload_documents ul li .date {
  font-size: 10px;
}
.upload_documents ul li .delete {
  width: 55px;
  height: 30px;
  border: 0px solid #000;
  float: right;
  margin-top: -8px;
}
.upload_documents ul li .delete {
  font-size: 10px;
}
.upload_documents ul li .delete .bi-trash3 {
  font-size: 18px;
}





.autres_doc {
  width: 280px;
  padding: 10px;
  background:#F5F6F7;
  border-radius: 5px;
  margin: 0 auto;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, .5);
}
.autres_doc .title {
  font-family: "Poppins-h1";
  font-size: 14px;
  margin-top: 0px;
  padding-top: 4px;
  padding-bottom: 6px;
  border-bottom: 0.5px solid rgba(103, 103, 104, 0.5);
}
/******************************/
/******** End Second box ******/
/******************************/














/******************************/
/******** Download box ******/
/******************************/

.data_right .card {
  max-width: 350px;
  height: 300px;
  margin: 0 auto;
  margin-bottom: 10px;
  border: 1px solid #000;
}

.data_right  .download {
  max-width: 350px;
  min-width: 300px;
  height: 410px;
  padding: 10px;
  background:#F5F6F7;
  border-radius: 5px;
  margin: 0 auto;
  margin-bottom: 20px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, .5);
}
.download .title {
  font-family: "Poppins-h1";
  font-size: 14px;
  margin-top: 0px;
  padding-top: 4px;
  padding-bottom: 6px;
  border-bottom: 0.5px solid rgba(103, 103, 104, 0.5);
}

.download_documents {
  border-radius: 5px;
  border: 0px solid #000;
}
.download_documents ul {
  margin-top: 20px;
  border: 0px solid #000;
}
.download_documents ul li {
  height: 48px;
  font-size: 12px;
  list-style: none;
  margin-left: -30px;
  margin-bottom: 10px;
  padding: 7px 10px;
  border-radius: 3px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, .5);
  /* background-color: rgba(64, 129, 226, 0.1); */
}
.download_documents ul li:hover {
  cursor: pointer;
}
.download_documents ul li .bi-filetype-pdf {
  float: left;
  font-size: 26px;
  margin-right: 5px;
  color:#0d58ca;
}
.download_documents ul li .name {
  font-weight: bold;
}
.download_documents ul li .date {
  font-size: 10px;
}
.download_documents ul li .delete {
  width: 55px;
  height: 30px;
  border: 0px solid #000;
  float: right;
  margin-top: -8px;
}
.download_documents ul li .delete {
  font-size: 10px;
}
.download_documents ul li .delete .bi-download {
  font-size: 18px;
  margin-left: 5px;
}
.download_documents button {
  background-color: #F4A300;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, .2);
}
.download_documents button:hover {
  font-weight: bold;
  background-color: rgba(244, 163, 0, 0.6);
}

/******************************/
/******** End Download box ******/
/******************************/
















/******************************/
/******** Box message **********/
/******************************/

.data_right  .message_bloc {
  max-width: 350px;
  min-width: 300px;
  min-height: 410px;
  padding: 10px;
  background:#F5F6F7;
  border-radius: 5px;
  margin: 0 auto;
  margin-bottom: 20px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, .5);
}
.message_bloc .title {
  font-family: "Poppins-h1";
  font-size: 14px;
  margin-top: 0px;
  padding-top: 4px;
  padding-bottom: 6px;
  border-bottom: 0.5px solid rgba(103, 103, 104, 0.5);
}


.receive_message {
  padding-bottom: 15px;
}

.receive_message img {
  width: 50px;
  float: left;
  border-radius: 50%;
  margin-right: 10px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
}

.receive_message .profile {
  margin-top: 15px;
  padding-top: 12px;
  border: 0px solid #000;
  line-height: 13px;
}
.receive_message .profile .name {
  font-size: 12px;
  font-weight: bold;
}
.receive_message .profile .date {
  font-size: 10px;
  margin-top: -10px;
}

.receive_message .message {
  font-size: 11px;
  margin-left: 50px;
  border-radius: 5px;
  border: 1px solid #000;
  padding: 10px;
  border: 0.5px solid rgba(103, 103, 104, 0.5);
}

.receive_message .profile {
  margin-top: 15px;
  padding-top: 12px;
  border: 0px solid #000;
  line-height: 13px;
}

.message_bloc button {
  margin-bottom: 10px;
  background-color: #F4A300;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, .2);
}
.message_bloc button:hover {
  font-weight: bold;
  background-color: rgba(244, 163, 0, 0.6);
}

/******************************/
/******** Box message **********/
/******************************/















/*************************************/
/***************** Create bloc ********/
/**************************************/

.name_page_create{
  max-width: 350px;
  margin: 10px auto; 
  margin-top: 50px;
  text-align: center;
  font-weight: bold;
}

.create_box{
  max-width: 350px;
  margin: 10px auto; 
  border: 0px solid #000;
  background-color: #fff;
  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
  border-radius: 10px;
  padding: 30px 20px;
}

.create_box form .form-label {
  font-weight: bold;
  font-size: 14px;
}

.create_box form button {
  margin-top: 30px;
}

.create_box .details {
  max-width: 350px;
}
.create_box .details .item {
  width: 130px;
  margin-left: 10px;
  display: inline-block;
  border: 0px solid #000;
  vertical-align: top;
}
.create_box .details .item p {
  font-size: 11px;
}

.create_box .form-check {
  font-size: 11px;
}

.create_box .other_account {
  margin-top: 20px;
  text-align: center;
  font-size: 11px;
}

.create_box .other_account p a:hover {
  font-weight: bold;
}


.create_box form .toggle-btn {
  cursor: pointer;
}

.create_box form .strength-meter {
  /* width: 100%; */
  max-width: 310px;
  height: 8px;
  border-radius: 10px;
  background: rgba(19, 18, 18, 0.3);
  margin: 0 auto;
  margin-top: 10px;
  padding: 0px;
  overflow: hidden;
}
.create_box form .strength-meter .strength-bar {
  width: 0%;
  height: 100%;
  border-radius: 10px;
  transition: 0.4s;
}


.create_box form #strengthText {
  font-size: 10px;
  text-align: center;
  margin-top: 5px;
}

/*************************************/
/************ End Create bloc ********/
/**************************************/













/*************************************/
/************ Footer bloc *************/
/**************************************/

.footer{
  width: 100%;
  background-color: #F5F6F7;
  min-height: 60px;
  padding: 20px;
}

.footer .message{
  margin: 10px;
  text-align: center;
  border: 0px solid #000;
  font-size: 12px;
}

.footer .message a{
  font-weight: bold;
}

/*************************************/
/************ End Footer bloc ********/
/**************************************/