* {
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}


body{
	margin: 0;
	font-size: 13px;
	line-height: 1.4;
	font-family: sans-serif;
	color: #000;
	overflow-x: hidden;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button, input {
  overflow: visible;
}

fieldset {
  padding: .5rem;
  border: 1px solid #c8c8c8;
}
  
legend {
  float: none !important;
  width: auto !important;
  font-size: inherit !important;
  margin-bottom: 0 !important;
  font-weight: bold;
}

fieldset div {
  margin-bottom: .5rem;
}

.menu {
	display: flex;
	font-weight: bold;
	font-size: 1.5rem;
	margin-bottom:1rem;
}

.menu li {
	padding-right: 1rem;
}


.menu li.actif a, .menu li a:hover { text-decoration: underline; }


#overlay_bo {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,.7);
}

.wind.actif {
  width: 30%;
}
.wind {
  position: fixed;
  top: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  box-sizing: border-box;
  background: #fff;
  width: 0;
  height: 100vh;
  transition: width ease .5s;
  z-index: 10;
}


#preview_client.l_modal .l_modal_header, #preview_request.l_modal .l_modal_header {
  display: flex;
  justify-content: space-between;
  margin: 1rem;
  border-bottom: 1px solid gray;
}

.recap {
  background: #eaeaea;
  padding: 1rem;
}

.bg-grey {
  background: #eaeaea;
}

/*.recap div {
  font-size: 1rem;
}*/

.link-a {
  color: #000;
  margin: 0 1rem;
  text-decoration: underline;
}

select {
  padding: 3px;
  cursor: pointer;
  height: 1.5rem;
}

.input-text, .input-textarea {
  height: 2rem;
  padding: 1rem;
  border-radius: 5px;
}

.input-date {
  padding: .5rem;
  border-radius: .2rem;
  border: 1px solid #b5b5b5;
}


.input-select {
  height: 2rem;
  padding: .5rem;
  padding-left: 1rem;
  border-radius: 5px;
}

/*.formulaire {
  padding: 1.5rem;
}
*/
.wind-header {
  border-bottom: 1px solid #cacaca;  
}
.wind-title { 
  margin-top: .5rem;
 }

.mr-1 { 
  margin-right: 1rem;
 }

.bt {
  display: flex;
  justify-content: center;
  padding: .5rem;
  border-radius: 5px;
  transition: ease-out 0.5s;
  -webkit-transition: ease-out 0.5s;
  -moz-transition: ease-out 0.5s;
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0) rgba(0, 0, 0, 0.5);
  border-radius: 5px 5px 5px 5px;
  border-style: solid;
  border-width: 2px;
}

.bt.bt-save {
  background-color: #f4f4f4; 
  background-image: url(/*url goes here*/); 
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#e4e4e4));
  background-image: -webkit-linear-gradient(top, #f4f4f4, #e4e4e4); 
  background-image: -moz-linear-gradient(top, #f4f4f4, #e4e4e4);
  background-image: -ms-linear-gradient(top, #f4f4f4, #e4e4e4);
  background-image: -o-linear-gradient(top, #f4f4f4, #e4e4e4);
  border-color: rgba(175, 175, 175, 0.4) rgba(193, 193, 193, 0.5) rgba(51, 51, 51, 0.5);  
  color: #000;
}

.bt.bt-save:hover {
  background-color: #eeeeee; 
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#c6c6c6));
  background-image: -webkit-linear-gradient(top, #eeeeee, #c6c6c6); 
  background-image: -moz-linear-gradient(top, #eeeeee, #c6c6c6);
  background-image: -ms-linear-gradient(top, #eeeeee, #c6c6c6);
  background-image: -o-linear-gradient(top, #eeeeee, #c6c6c6);
  border-color: #6B9CB8 #002040;
}

.bt.bt-primary {
  background: #0d6efd;
  color: white;
  margin: 0 .5rem;
}

.bt.bt-default {
  background: #5b5b5b;
  color: white;
}

.profile { float: right; }

hr {margin: 0;}

.rouge { color: red; }
.vert { color: green; }

.filter:hover {
  text-decoration: underline;
  cursor: pointer;
}

.filter-input {
  /*background: #eaeaea;
  padding: 1rem 0;*/
}

.closer {
  top: -10px;
  left: 98%;
  background: #ff0e0e;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
}

.auto_complete {
  background: #fff;
  width: 100%;
  height: auto;
}

.auto_complete_result li{
  padding: .5rem;
  border-bottom: 1px solid #b5b5b5;
}

.auto_complete_result li:hover {
  background: #eaeaea;
}

.login_form {
  width: 381px;
}

.formError .formErrorArrowBottom div {
  background: #D70808 !important;
}

.formError .formErrorContent {
    background: #D70808 !important;
}

.w-20 { width: 20%; }

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1771px;
  }
}

.text-red {
  color: red;
  font-weight: bold;
}

.disabled {
  background: #efefef !important;
  cursor: no-drop;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  color: #fff !important;
  pointer-events: none !important;
  background-color: #c1bcbc !important;
  border-color: #c1bcbc !important;
  opacity: 0.58 !important;
}



.animate-top{
    position:relative;
    animation:animatetop 0.4s
}
@keyframes animatetop{
    from{top:-300px;opacity:0} 
    to{top:0;opacity:1}
}

#modalDialog {
  align-content: center;
  align-items: start;
  justify-content: center;
  padding: 1rem;
}

.modal-content {
  width: 500px;
}

a.disabled, span.disabled {
  color: #c6c6c6;
  background: #fff !important;
  text-decoration: none;
}

.menu li.actif a.disabled, .menu li a.disabled:hover, span.disabled:hover  {
  text-decoration: none;
  cursor: no-drop;
}

.box-warning {
  padding: .2rem;
  color: red;
  background: #fee;
}

.box-success {
  padding: .2rem;
  background: #deffde;
  color: green;
}

#EditLeft {
  max-height: 21rem;
}

.flex-direction-column {
  flex-direction: column;
}