body{

}

div[id^=heading]:hover{
  cursor: pointer;  
}

.btn:not(:disabled):not(.disabled) {
  --height: 38px;
  white-space:normal !important;
  word-wrap: break-word;
}

.table{
  margin:0px;
  table-layout: auto;
  /* table-layout: fixed; */
  /* border-collapse: separate; */
  width: 100%;
  background-color: white;
}

.table th{
  border: 1px solid #aaa;
  cursor: pointer;
}

.table td {
  vertical-align: middle;
}

.table td{
  padding:5px;
  border: 0px solid #aaa;
  /*-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;*/
}

/*table[id^=table-resolution]{
  --  border-collapse: separate;
  --  border-spacing:0 20px;
}

table[id^=table-resolution] tr{
  border: 1px solid #878788;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.table tr.resolution-unlocked{
  border: 3px solid #000;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}*/

.table .col-jour{
  width:10%;
  min-width:10%;
  background-color: #999;
  /* background-color: #007bff; */
  background-color: #ddd;
}

.table .col-demi-jour{
  width:10%;
  min-width:10%;
  background-color: #bbb;
  /* background-color: #007bff; */
}

.table .col-data{
  background-color: #ddd;
}

.table .tfoot-dark tr {
    color: #fff;
    background-color: #212529;
    border-color: #32383e;
}
.table tfoot tr {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    border-bottom-color: rgb(222, 226, 230);
}

#div-photos .card-body{
  background-color: #333;
}

.line-end{
   
}

.carousel-item {
  padding-bottom:100px;
}

#video, #canvasPhoto, #canvasDraw{
  width:100%;
}

.vhidden{
  visibility : hidden; 
}

.txtBold{
  font-weight : bold; 
}

/** formulaire modif password */
.frmPassword .btn:not(:disabled):not(.disabled) {
    -width: 100%;
}

.frmProfil .btn:not(:disabled):not(.disabled) {
    -width: 100%;
}

.bg-desactive{
  background-color: #f6ccc0 !important;
}

/** modal erreur */
#modalError .modal-content{
  /*background-color: #f8d7da;*/
  /*border-color: #f5c6cb;*/
}

.frmReleve input[type=text]{
  background-color : #fff;  
}

.frmContact input[type=text]{
  background-color : #fff;  
}

.frmContact a{
  color : #212529;  
}

.frmReleve #btn-search{
  width : 100%;
  padding: 1rem !important;
}

.form-check-label{
  width : 100%; 
}

#assurance-list .card-body
, #contrat-list .card-body
, #travaux-list .card-body
, #evenement-list .card-body
, #adminListe-list .card-body{
  padding : 0px;
}

#headingCopro{
  background-color: #fff;
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
  margin-bottom: 0.1rem;
}

#headingCopro{
  font-size: 1rem;
}

.h5{
  margin-bottom: auto;
  margin-top: auto;
}

#headingCopro .btn-primary{
  color : #17a2b8;
  background-color: #fff;
  border-color: #fff;
}

.floatInlineEnd{
  float: inline-end; 
}

/* élargir la fenêtre modale de type "large"*/
.modal-lg {
    max-width: 90%;
}


.custom-checkbox {
  display: inline;
}

p{
  margin-bottom : 0; 
}

.card-body {
    -padding: 0;

}

#adminListe-list .list-group-item {
  display: flex;
}

hr {
  border-top: 1px solid #fff;
}

.alert-danger {
  text-align: start;
}

.alert-dismissible {
  padding-right: 1.4rem;
  -padding-right: 2.4rem;
  padding-top: 2.5rem;
  text-align : justify;
}

[class^="icon-"], [class*=" icon-"] {
    line-height: normal;
}

.icone-ext {
    max-width: 50px;
}

/****************************************************************************************/
/************************************** BOOTSTRAP ***************************************/
/****************************************************************************************/

.mr-1, .mx-1 {
    margin-right: 0rem !important;
}



/****************************************************************************************/
/************************************** EVENEMENTS **************************************/
/****************************************************************************************/

.container {
    border: 2px solid #dedede;
    background-color: #cbe468;
    border-radius: 10px;
    -padding: 5px;
    margin: 5px 0;
    float: inline-start;
    float : left;
    width : 60%;
    padding-right: 0px;
    padding-left: 0px;
}

/* Darker chat container */
.darker {
    border-color: #ccc;
    background-color: #9bc4fb;
    float: inline-end;
    float : right;
}

.container p{
  padding : 10px;
}

.container h5{
  -margin-top: 32px;
}

/* Clear floats */
.container::after {
    content: "";
    clear: both;
    display: table;
}

/* Style images */
.container img {
    float: left;
    max-width: 60px;
    width: 100%;
    margin-right: 20px;
    border-radius: 50%;
}

/* Style the right image */
.container img.right {
    float: right;
    margin-left: 20px;
    margin-right:0;
}

img.img-video {
  max-width: 320px;
}

/* Style time text */
.time-right {
    float: right;
    color: #000;
    background-color : #5ea2fb;
    border-radius: 10% / 50%;
    padding : 0px 8px 0px 8px;
    border:1px solid #679403;
}

/* Style time text */
.time-left {
    float: left;
    color: #000;
    background-color : #accf22;
    border-radius: 10% / 50%;
    padding : 0px 8px 0px 8px;
    border:1px solid #679403;
}

#evtCircle{
  --border-radius:50%;
  --border-radius: 2% / 50%;
  --width:80px;
  --height:80px;
  --border: 2px solid #679403; 
  text-align : center;
  -margin-bottom : 10px;
  padding : 8px;
  color : #fff;
}

#evtCircle p{
  padding : 0px;
}

#evtCircle.evtUser-top{
  --float: inline-start;
  --float : left;
  background-color: #768f16;
  border-radius: 10px 10px 0px 0px;
}

#evtCircle.evtUser-bottom{
  background-color: #768f16;
  border-radius: 0px 0px 10px 10px;
}

#evtCircle.evtAgence-top{
  --float: inline-end;
  --float : right;
  background-color: #335d95;
  border-radius: 10px 10px 0px 0px;
}

#evtCircle.evtAgence-bottom{
  background-color: #335d95;
  border-radius: 0px 0px 10px 10px;
}

#evenement-list h5{
  text-align : center;
  font-weight : bold;
  font-style : italic;
  text-transform: uppercase;  
  --text-shadow: 3px 2px #fff;
}

/****************************************************************************************/
/****************************************** AG ******************************************/
/****************************************************************************************/

.div-resolution{
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border:2px solid #838482;
  margin : 0.5px; 
  padding : 4px 0px 4px 0px;  
}

.resolution-unlocked{
  border: 5px solid #000;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

#btn-vote-pour, #btn-vote-abstention, #btn-vote-contre {
  width: 100px; 
  height: 100px; 
  padding: 6px 0px; 
  border-radius: 50px; 
  font-size: 1rem; 
  text-align: center;  
}

#btn-vote-start {
  --display : flex;
}

[class^="img-vote-"] {
  width: 16px; 
  height: 16px; 
  margin: 0px 2px; 
  border-radius: 15px; 
  font-size: 1rem; 
  text-align: center; 
  float : right;  
}

.img-vote-pour{
  background-color : #28a745;  
}

.img-vote-contre{
  background-color : #dc3545;  
}

.img-vote-abstention{
  background-color : #ffc107;  
}

.vote-alert{
  background-color : none; 
  padding: 10px;
  margin: auto;
  border-radius: 5px; 
  color: white;
  font-size: 1.2rem;
}

.vote-choix{
  border-radius: 5px; 
  margin : auto;
  border-radius: 5px; 
  border : 1px dotted black;
}

.vote-lbl{
  border-radius: 5px; 
  margin : auto;
  border : 0px dotted black;
  background-color: dimgray;
  color : white;
}

/****************************************************************************************/
/***************************************** CHAT *****************************************/
/****************************************************************************************/

img{ max-width:100%;}
.inbox_people {
  background: #f8f8f8 none repeat scroll 0 0;
  float: left;
  overflow: hidden;
  width: 40%; border-right:1px solid #c4c4c4;
}
.inbox_msg {
  border: 1px solid #c4c4c4;
  clear: both;
  overflow: hidden;
}
.top_spac{ margin: 20px 0 0;}


.recent_heading {float: left; width:40%;}
.srch_bar {
  display: inline-block;
  text-align: right;
  width: 60%; padding:
}
.headind_srch{ padding:10px 29px 10px 20px; overflow:hidden; border-bottom:1px solid #c4c4c4;}

.recent_heading h4 {
  color: #05728f;
  font-size: 21px;
  margin: auto;
}
.srch_bar input{ border:1px solid #cdcdcd; border-width:0 0 1px 0; width:80%; padding:2px 0 4px 6px; background:none;}
.srch_bar .input-group-addon button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  padding: 0;
  color: #707070;
  font-size: 18px;
}
.srch_bar .input-group-addon { margin: 0 0 0 -27px;}

.chat_ib h5{ font-size:15px; color:#464646; margin:0 0 8px 0;}
.chat_ib h5 span{ font-size:13px; float:right;width : 110px; display : flex;}
.chat_ib p{ font-size:14px; color:#000; margin:auto}
.chat_ib i{ margin : 0px 2px 0px 4px;}
.chat_img {
  float: left;
  width: 11%;
}
.chat_ib {
  float: left;
  padding: 0 0 0 15px;
  width: 98%;
}

.chat_people{ overflow:hidden; clear:both;}
.chat_list {
  border-bottom: 1px solid #c4c4c4;
  margin: 0;
  padding: 18px 16px 10px;
}
.chat_list.active{
  background-color: #d8d9d9;
}
.chat_ged{
  margin : 0 10px 0 10px;
  border: 2px solid #c4c4c4;
  padding: 4px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.chat_ged_img{
  display: inline-block;
  width : 100px;  
  height : auto; 
  padding : 4px;
  border : 0px solid #c4c4c4; 
  cursor: pointer;
  /*-webkit-border-radius:50px;
  -moz-border-radius:50px;
  border-radius:50px; */ 
}
.inbox_chat { height: 550px; overflow-y: scroll;}

.active_chat{ background:#ebebeb;}

.incoming_msg_img {
  display: inline-block;
  width: 6%;
  overflow:hidden;
  -webkit-border-radius:50px;
  -moz-border-radius:50px;
  border-radius:50px;
  width:60px;
  height:60px;
}
.received_msg {
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: top;
  width: 92%;
 }
 .received_withd_msg p {
  background: #cccaca none repeat scroll 0 0;
  border-radius: 0 15px 15px 15px;
  color: #646464;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px 5px 12px;
  width: 100%;
}
.time_date {
  color: #747474;
  display: block;
  font-size: 12px;
  margin: 8px 0 0;
}
.received_withd_msg { width: 57%; display : inline-block;}
.mesgs {
  float: left;
  padding: 5px 5px 0 5px;
  width: 60%;
  border-radius: 0 15px 15px 15px;
}

.sent_msg p {
  background: #05728f none repeat scroll 0 0;
  border-radius: 15px 15px 0px 15px;
  font-size: 14px;
  margin: 0; color:#fff;
  padding: 5px 10px 5px 12px;
  width:100%;
}
.outgoing_msg{ overflow:hidden; margin:26px 0 26px;}

.outgoing_pj{
  display: inline-block;
  float: left;
  margin-left : -38px;
  background: #05728f none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  height: 33px;
  position: absolute;
  width: 33px;
}

.sent_msg {
  float: right;
  width: 46%;
}
.input_msg_write textarea {
  background: #fff none repeat scroll 0 0;
  -border: medium none;
  color: #4c4c4c;
  font-size: 15px;
  min-height: 48px;
  width: 100%;
  margin-bottom : 8px;
}

.type_msg {
  border-bottom: 1px solid #c4c4c4;
  position: sticky;   
  bottom : 0;
  --margin-bottom : 48px;
  padding-bottom : 40px;
}

.msg_btn {
background: #05728f none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  height: 33px;
  position: absolute;
  width: 33px;
}

.msg_send_btn {
  background: #05728f none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  height: 33px;
  position: absolute;
  right: 0;
  -top: 11px;
  width: 33px;
}

.msg_camera_btn {
  background: #05728f none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  height: 33px;
  position: absolute;
  left: 0;
  -top: 11px;
  width: 33px;
}
.msg_file_btn {
  background: #05728f none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  height: 33px;
  position: absolute;
  left: 35px;
  -top: 11px;
  width: 33px;
}
.msg_sent_pj{
  display: inline-block;
  float: left;
  margin-left : -38px;
  position : inherit;
}

.msg_exp{
  position: absolute; 
  left: 70px; 
  width : 80%;  
}

.msg_exp input{
  border-radius: 50px;  
  border : 1px solid #c4c4c4;
  width : 80%;
  height : 33px;
}

.msg_exp button{
  float : left;
  width : 10%;
}

.msg_received_pj{
  background: #cccaca none repeat scroll 0 0;
  -display: inline-block;
  -float: right;
  margin-left : 4px;
  position: relative;
  top: -70px;
}

.messaging { padding: 0 0 0 0;}

.msg_history {
  max-height: 595px;
  --overflow-y: auto;
  display : flex;
  flex-direction : column;
}

.msg_history_chat {
  overflow-y: auto;
/*  max-height: 380px;*/
}

#evt-msg-pj {
    display: inline;
}

/***********************/

.chat_ged_btn {
  background: #05728f none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  min-height: 77px;
  position: absolute;
  width: 100%;
}

.chat_ged_open{
  position: relative;
}

/****************************************************************************************/
/************************************** TEXT FORMAT *************************************/
/****************************************************************************************/
.align-center{
  text-align : center;
}

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

.align-right{
  text-align : right;
}

.align-justify{
  text-align : justify;
}

.font-bold{
  font-weight : bold;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
  border: none;
}

/****************************************************************************************/
/*************************************** IMAGES *****************************************/
/****************************************************************************************/



/****************************************************************************************/
/************************************** CSS MOBILE **************************************/
/****************************************************************************************//*
#evt-msg-pj .icone-ext{
  width : 40px; 
  display : inline-block; 
  top : -10px;
  position : relative;  
}

#evt-msg-pj{
  --border: 2px solid #000;
  --border-radius: 10px;
  padding : 4px;
  display : inline-block;  
}

#btn_del_photo{
  
}
*/
/****************************************************************************************/
/************************************** CSS MOBILE **************************************/
/****************************************************************************************//*

@media all and (max-width: 700px) {  
  .h5{
    font-size : 0.8rem;
  }
  
  .h4{
    font-size : 1rem;
  }  
  
  .h2{
    font-size : 1rem;
  } 
  
  #person-list
  ,#assurance-list
  ,#travaux-list
  ,#contrat-list
  ,#div-releve
  , .frmPassword, .frmPassword input
  , .frmProfil, .frmProfil input
  , .frmReleve, .frmReleve input
  , .frmContact, .frmContact input
  {  
    font-size : 0.8rem;  
  }
  
  .container {
    width : 80%;
  }
  
  #evtCircle{
    --border-radius: 10% / 50%;
  }
  
  .navbar-brand {
    font-size: 0.8rem;
  }
  
  .lead {
    font-size: 0.8rem;
    font-weight: 300;
  }
  
  #navbarSupportedContent{
    font-size: 0.8rem;  
  }
  
  .navbar-text{
    font-size: 0.8rem; 
    padding-bottom: 0rem;    
  }
  
  .sticky-top {
    position: static;
  }
  
  #mentionslegales p{
    font-size: 0.8rem;  
  }
  
  #evenement-list{
    font-size: 0.8rem;  
  }
  
  .form-control{
    font-size: 0.8rem; 
  }
  
  .table {
    font-size: 0.8rem;
  }
  
  img.img-video {
    max-width: 100px;
  }
}*/