body{

}

/* .btn:not(:disabled):not(.disabled) {
  height: 38px;
} */

.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: 1px solid #aaa;
  -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{
  float : inline-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;
}

/****************************************************************************************/
/************************************** 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{
  -margin-top: 32px;
  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;
}

/* 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.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;
}

/****************************************************************************************/
/************************************** 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;
  }
}