/* @font-face {
  font-family: "OpenSans-Light";
  src: url("./font/open_sans/OpenSans-Light.ttf");
}

@font-face {
  font-family: "OpenSans-SemiBold";
  src: url("./font/open_sans/OpenSans-SemiBold.ttf");
}
 */


/* body {
    font-family: 'Varela Round', sans-serif;
    background: #ADDBEA;
    background: -moz-radial-gradient(center, #ADDBEA 0%, #8FB4DB 43%, #5980C5 100%);
    background: -webkit-radial-gradient(center, #ADDBEA 0%, #8FB4DB 43%, #5980C5 100%);
    background: radial-gradient(ellipse at center, #ADDBEA 0%, #8FB4DB 43%, #5980C5 100%);



.through{
    text-decoration: line-through;
}
} */
/* FORM MODAL */
.modal-marge{
  margin-left: 20px;
  margin-right: 20px;
}

.col-form-label{
  color: rgb(28, 28, 150);
}
.col-form-label, .form-control{
  font-size: 13px;
}
.form-group{
  padding: 0%;
  margin: 5px;
}
.combo-choix-label,.combo-choix-select{
   font-size: 13px;
}

.combo-choix-select{
  font-size: 13px;
}

/* carde table */

.card-table > .card-header{
  color: black !important;
  padding-top: 4px;
  padding-bottom: 0px;
  background-color: LightBlue;
  border: solid 1px LightBlue;
  /* text-transform: uppercase; */
}

.card-table > .card-body {
background-color: AliceBlue;
border: solid 1px LightBlue;
/* background-color: white; */
min-height: 60vh;
}

.card-add > .card-header{
  color: white !important;
  padding-top: 4px;
  padding-bottom: 0px;
  background-color: rgb(4, 86, 180);
  border: rgb(39, 92, 207) 1px solid;
  /* text-transform: uppercase; */
}

.card-add > .card-body {
  background-color: rgb(221, 244, 247);
  /* background-color: white; */
  border: rgb(39, 92, 207) 1px solid;
  min-height: 65vh;
  }

.page-table{
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 1%;
  padding-bottom: 1%;
}
.page-edit{
  padding-left: 20%;
  padding-right: 20%;
  padding-top: 2%;
  /* padding-bottom: 3%; */
}

.page-edit-large, .page-data-large{
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 2%;
  /* padding-bottom: 3%; */
}

.page-edit-large .col-form-label{
  padding-right: 2px;
}

.page-data-large .col-sm-10{
  color: black;
  padding-right: 2px;
  background-color: rgb(213, 239, 243);
}

.page-table-donnees{
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.titre-cadre{
  font-size:14px;
  color: DarkBlue;
}

.table-titre{
    font-size:13px;
    font-weight:300;
    color: DarkBlue;
}
.table-titre16{
  font-size:16px;
  font-weight:bold;
  color: DarkBlue;
}
.table-titre15{
  font-size:15px;
  font-weight:bold;
  color: DarkBlue;
}
.table-titre14{
  font-size:14px;
  font-weight:bold;
  color: DarkBlue;
}
.table-titre13{
  font-size:13px;
  font-weight:bold;
  color: DarkBlue;
}
.table-titre12{
  font-size:12px;
  font-weight:bold;
  color: DarkBlue;
}
/* entete dans card*/
.info-entete{
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-size: 14px;
  margin-bottom: 10px;
  color: brown !important;
}

/* BG BTNS */
.bg-btn1{
    background-color:Gainsboro;
    color:black;

}
.bg-btn1:hover{
    background-color:Silver;
    color:black;
}

.bg-label{
 background-color:white;
}

/* TABLE1 */

.row-ok{
/*color:DarkGreen;*/
background-color: #CF9;
}

.row-notok{
/*color: Tomato;*/
background-color: #FCC;
}

.table1 {
  /*border-collapse: collapse; */
  background-color: white;
  border: 1px solid WhiteSmoke;
  width: 100%;
  font-size: 12px;
/*  table-layout: fixed;*/
}


.table1 thead{
  background-color:  #e5e8e8 ;
  color:  #0e6655 ;
  border: 1px solid #d0d3d4;
}

.table1 tbody tr td{
  border: 1px solid #d0d3d4;
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 4px;
  margin: 0em;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table1 tfoot tr th{
  border: 1px solid #d0d3d4;
  color:blue;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  margin: 0em;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table1 tbody tr td.ok{
 font-weight:bold;
 color: blue;
}
.table1 tbody tr td.not-ok{
 /*font-weight:bold;*/
 color: red;
}

.table1 tbody tr td.info{
 /*font-weight:bold;*/
 color: blue;

}
.table1 thead tr th{
  padding-top: 3px;
  padding-bottom: 3px;
  text-transform: capitalize;
  font-size: 12px;
  padding-left: 4px;
  padding-right:4px;
}

.table1 tfoot tr th{
  padding-top: 2px;
  padding-bottom: 2px;
  text-transform: capitalize;
  font-size: 12px;
  padding-left: 4px;
  padding-right:4px;
}

.table1 tfoot tr th{
    background-color: AliceBlue;
}

.table1 tbody tr:hover{
 background-color: lightcyan;
}

.table1 button{
  font-size: 13px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
}
/* **** TABLE MSG*/
.table-msg{
  border:none;
  font-size:11px;
  width:100%;
}

.table-msg tr th{
    font-size: 13px;
    text-align:center;
}
.table-msg tr th, .table-msg tr td{
    background-color: AliceBlue;
}

.table-msg .id{
    font-size: 11px;
    text-align:center;
}

.table-msg div.msg1{
     background-color:PaleGreen;
     border:1px solid #D5EFF3;
     min-height: 60px;
     border-radius: 10px;
     padding:5px;
     margin-right:20px;
      font-size: 12px;

}
.table-msg div.msg2{
     background-color:Moccasin;
     border:1px solid #D5EFF3;
     min-height: 60px;
     border-radius: 10px;
     padding:5px;
     margin-left:20px;
     font-size: 12px;
}
.btndel-msg {
  color:Chocolate;
  background-color: AliceBlue;
  border:none;
  padding: 0;
  margin:0;
}
.btndel-msg:focus {
  outline: none;
  box-shadow: none;
}


table.bord-1{
	font-size:11px; font-weight: normal;
}

table.bord-1 tr td, table.bord-1 th td{
	border : 1px lightgray solid;
	padding:2px;
}

table.bord-1 thead tr{
	background:  #d5f5e3  ;
}
table.bord-1 tbody tr{
	background:white;
}

table.bord-1 tbody tr:hover{
	background: #ebedef ;
}
/* **** MESSAGERIE*/

.div-msg1{

    text-align:left;
    min-height: 60px;
    border-radius: 10px;
      font-size: 12px;

}

.div-msg2{
    font-size: 11px;

}


/* msg */
.inserted-ok{
  float: left;
  color: green;
  font-size: 18px;
  font-weight: bold;
}
.inserted-nonok{
  float: left;
  color: rgb(223, 35, 10);
  font-size: 18px;
  font-weight: bold;
}

.inserted::before{
	float: left;
	color: green;
	font-size: 18px;
	font-weight: bold;
	content: 'Ajout réussi';
  }

.notinserted::before{
	float: left;
	color: rgb(223, 35, 10);
	font-size: 18px;
	font-weight: bold;
	content: 'Ajout échoué';
  }

.updated::before{
	float: left;
	color: green;
	font-size: 18px;
	font-weight: bold;
	content: 'Modification réussi';
  }

.notupdated::before{
	float: left;
	color: rgb(223, 35, 10);
	font-size: 18px;
	font-weight: bold;
	content: 'Modification échoué';
  }

.msgvide::before{
	float: left;
	color: green;
	font-size: 18px;
	font-weight: bold;
	content: '';
  }


/* label required */
label.required:after {
  content:"*";
  color:red;
  margin-left: 5px;
  /* font-variant-position: sub; */
}




/*  CUSTUM MODAL*/

.custom-modal .modal-dialog {
	position: absolute;
	top: 5%;
	right: 5%;
	bottom: 5%;
	left: 5%;
	max-width: none;
	margin: 0;
}

.custom-modal .modal-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 2px;
	border-radius: 0;
	box-shadow: none;
}

.z-search{
  /* border: 1px solid #CAEBFF; */
  /* border-radius: 10px; */

  font-size: 13px;
  margin-top: 0px;
  margin-bottom: 5px;
  /* padding: 10px; */
  /* background: rgb(230, 245, 245); */
}
.z-search label{
  color: darkblue;
  font-weight: bold;
  /* text-decoration: underline; */
}


  /* color nav */
.bg-nav {
	background-color: darkblue;
	color:white;
}




/* bg mois payes */

.bg-rose{
	background:#ffccff;
}

.bg-total-ok {
	background: #ffffb3;
	color:green;
}

.bg-total-notok {
	background: #fcfc83;
	color:red;
}

.bg-kaki{
  background-color: khaki;
}

.bg-mois-payes{
  background-color:  #82e0aa ;
}

.bg-reste{
  background-color:  #d1f2eb;
}
.bg-yellow{
    background-color: yellow;
}
.bg-gri{
    background-color: #d9dad7;
}

.bg-ws{
    background-color: whitesmoke;
}

.bg-1{
    background-color:#ffebcd;
}

.bg-pistach{
	background:#c3f91f
}

.bg-resilie{
	background:#D8D8D8;
}

/*form-add-sm*/

.form-add-sm{
    background-color: AliceBlue;
    border: solid 1px LightBlue;
}


/* NAV GAUCHE */

.nav-gauche a{
    display:block;
    background-color:lightskyblue;
    margin-bottom:10px;
    margin-left:10px;
    text-align:center;
    color: black !important;
}

.nav-gauche a:hover{
  background-color: deepskyblue;

}

/* form post */
.form-post{
  float: left;
  margin-left: 5px;
  padding: 0%;
}

.form-btn-r{
  float: right;
  margin-left: 5px;
  padding: 0%;
    }

.form-btn-l{
  float: left;
  margin-left: 5px;
  padding: 0%;
    }


.btn-ico{
    border:0px;
    background:transparent;
  }

table.table-mini thead tr th{
    font-size: 11px;
    border-bottom: 1px solid;
    color:red;
  }

table.table-mini tbody tr td{
    font-size: 11px;
    border-bottom: 1px solid;
  }
  
  


  
#sidebar .list-group .collapse .list-group-item  {
  padding-left: 20px;
}

/* level 2*/
#sidebar .list-group .collapse > .collapse .list-group-item {
  padding-left: 30px;
}

/* level 3*/
#sidebar .list-group .collapse > .collapse > .collapse .list-group-item {
  padding-left: 40px;
}


/* FONT */
.font13{
    font-size:13px;
}
.font16{
  font-size:16px;
}
.font15{
  font-size:15px;
}
.font14{
  font-size:14px;
}
.font12{
  font-size:12px;
}

.font13b{
    font-size:13px;
    font-weight:bold;
}
.font16b{
  font-size:16px;
  font-weight:bold;
}
.font15b{
  font-size:15px;
  font-weight:bold;
}
.font14b{
  font-size:14px;
  font-weight:bold;
}
.font12b{
  font-size:12px;
  font-weight:bold;
}

.text-red{
	color:red;
}
.text-blue{
	color:blue;
}
.text-green{
	color:green;
}
  
.text-gri{
	color:#aab7b8;
}
.text-bluedark2{
	color: #6756c8 ;
}
.text-bluedark1{
	color:  #9e96cb  ;
}
/* mise en page */
.w-0{width: 0%;}
.w-3{width: 3%;}
.w-4{width: 4%;}
.w-5{width: 5%;}
.w-6{width: 6%;}
.w-7{width: 7%;}
.w-8{width: 8%;}
.w-9{width: 9%;}
.w-10{width: 10%;}
.w-11{width: 11%;}
.w-12{width: 12%;}
.w-14{width: 14%;}
.w-15{width: 15%;}
.w-16{width: 16%;}
.w-18{width: 18%;}
.w-20{width: 20%;}
.w-22{width: 22%;}
.w-24{width: 24%;}
.w-25{width: 25%;}
.w-28{width: 28%;}
.w-30{width: 30%;}
.w-35{width: 35%;}
.w-40{width: 40%;}
.w-45{width: 45%;}
.w-50{width: 50%;}
.w-55{width: 55%;}
.w-52{width: 52%;}
.w-60{width: 60%;}
.w-65{width: 65%;}
.w-70{width: 70%;}
.w-75{width: 75%;}
.w-80{width: 80%;}
.w-85{width: 85%;}
.w-90{width: 90%;}
.w-95{width: 95%;}

.al-c{ text-align:center}
.al-g{ text-align:left}
.al-d{ text-align:right}
.f-8{font-size:8px}
.f-10{font-size:10px}
.f-12{font-size:12px}
.f-14{font-size:14px}
.f-16{font-size:16px}
.f-18{font-size:18px}
.f-20{font-size:20px}
.f-24{font-size:24px}
.f-28{font-size:28px}
.f-32{font-size:32px}

.fem-70{font-size:0.70em}
.fem-75{font-size:0.75em}
.fem-80{font-size:0.80em}
.fem-85{font-size:0.85em}
.fem-90{font-size:0.90em}
.fem-95{font-size:0.95em}
.fem-100{font-size:0.100em}
.fem-105{font-size:0.105em}
.fem-110{font-size:0.110em}
.fem-115{font-size:0.115em}


.padd-x-30{
  padding-left: 30%;
  padding-right: 30%;
}
.padd-x-15{
  padding-left: 15%;
  padding-right: 15%;
}
.padd-x-10{
  padding-left: 10%;
  padding-right: 10%;
}
 
 .btn:focus {
  outline: none;
  box-shadow: none;
}



.div-center{
	text-align: center;float: none;
}

.div-titre-encaiss{
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	
}

.dot-red {
  height: 15px;
  width: 15px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
}

.dot-green {
  height: 15px;
  width: 15px;
  background-color: green;
  border-radius: 50%;
  display: inline-block;
}

/*   textarea     */
textarea.textarea-autosize {
  height: 12.25rem;
  min-height: 12.25rem;
  resize: none;
  overflow-y:hidden;
}


div.arrondi
{
	background:#fff;
	padding:0.5em 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	behavior: url(script/PIE.htc);
	border:solid 0.1em LightGray;
}