/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.layerSlide{
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,0.5);
  width: 100%;
  height: 100%;
}



.grecaptcha-badge{
  display: none;
}




label.error{

    color: red!important;
    width: 100%;
}



.jconfirm-box{
  color: black!important;
}

.jconfirm-box .form-control {
    color: black;
    background-color: white;
    border-color: rgba(0, 0, 0, 0.1) !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.jconfirm-box *::-webkit-scrollbar-thumb, jconfirm-box *:hover::-webkit-scrollbar-thumb {
    background: white;
}




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

strong {
    font-weight: bold!important;
}

.open_layer{
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 500000;
}



.open_layer form{
  padding: 5%;
  background-color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.close_layer_form{
  position: absolute;
      top: 1.5rem;
      right: 1.5rem;
      font-size: 2rem;
      font-weight: bold;
      margin: 0;
      width: 3rem;
      height: 3rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      border: 4px solid red;
      border-radius: 50rem;
      cursor: pointer;
      align-self: center;
      color: red;
      align-items: center;
}




.para_article{
display: flex;
flex-direction: column;
justify-content: center;
}

.para_article,.para{
  font-size: 1.3rem;
  text-align: justify;

}

.layer_slider{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.page-breadcrumb {

    position: absolute;
bottom: 0;
left: 2%;
}

.page-breadcrumb li {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    padding-right: 15px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.page-breadcrumb li:after {
    position: absolute;
    content: "\f054";
    right: -2px;
    top: 1px;
    color: #ffffff;
    font-size: 8px;
    font-weight: 700;
          font-family: 'FontAwesome';
}

.page-breadcrumb li:last-child::after {
    display: none;
}

.error{
  color: var(--thirdly-color)!important;
}

.toolBarre {
  position: absolute;
  border-radius: 0.4rem;
  z-index: 999999999999999;
}

.toolBarre div{
    border-radius: 0.4rem;
    padding:1rem 1rem;
    position: relative;
    max-width: 27rem;
    max-height: 3rem;
    text-align: center;
    color: white;
    background-color: #66CAFF;
}

.toolBarre div p{
  margin:0 0.5rem;
  display: inline-block;
}

.toolBarre div .close_toolBarre{
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  font-size: 1rem;
}

.big{
  font-size: 1.5rem;
}

.petit,.small{
  font-size: 0.8rem;
}
.rouge{
  color: red !important;
}

.bleu{
  color: #66CAFF !important;
}

.vert{
  color: #1EB964 !important;
}


.jaune{
  color: #FFC517 !important;
}

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

.underline{
  text-decoration: underline;
}

.ita{
  font-style: italic !important;
}

.pointer{
  cursor:pointer;
}

.vert{
  color: green;
}

.rouge{
  color:red;
}

.none{
  display: none;
}

.opa_0{
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

.layer{
  width: 100%;
  position:fixed;
  top:0;
  left: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  flex-direction: column;
  justify-content: center;
z-index: 9999999999999;
}


.layer .layer_cont{
background-color: white;
align-self: center;
width: 80%;
min-height: 40%;
max-height: 90%;
overflow-y: auto;
position: relative;
z-index: 8000;
border-radius: 0.8rem;
padding: 2%;
}


.layer_cont .fa-window-close{
  position: absolute;
  top: 0.5rem;
    right: 0.5rem;
  font-size: 2rem;
}

.layer_cont .max{
  width: 60%;
  align-self: center;
}


.layer_cont .moyen{
  width: 40%;

align-self: center;

}

.layer_cont .small{
  width: 10%;

align-self: center;

}

.layer_cont .fa-arrow-circle-left{
  position: absolute;
  font-size: 3rem;
  left: 0;
  top: 50%;
  transform: translate(0%,50%);
}

.layer_cont .fa-arrow-circle-right{
  position: absolute;
  font-size: 3rem;
  right: 0;
  top: 50%;
  transform: translate(0%,50%);
}

.form_redim,.dossier_redim{
 width: 80%;
 margin: 0 auto;
}

.dossier_redim{
 height: 8%;
}

.form_redim{
 height: 90%;
 overflow-y: auto;
 margin: 2% auto;
}

.form_redim .button{
  margin: 2% auto;
     text-align: center;

     width: 15rem
}

.form_redim fieldset{
  padding: 2%;
}

.form_redim img{
  width: 15%;
 display: block;
 margin: 2% auto;
}

.form_redim p{
 display: block;
}

.folder_images ,.images{
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 flex-wrap: wrap;
 padding: 2%;
 overflow-y: auto;
 height: fit-content;

}

.folder_images div,.images div{
 position: relative;
 width: 10rem;
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
 margin: 1%;
}

.images div{
 width: 12rem;
}

.images div{
 position:relative;
}

.images div i,.folder_images div i{
 font-size: 1rem;
 position: absolute;
 z-index: 3;
 bottom: 5%;
 right: 4%;
}

.images div img,.images div video,.images div audio{
 width: 100%;
 border-radius: 0.8rem;
}

.folder_images div .img{
 position: absolute;
 top: 0;
 right: 5px;
 width: 9rem;
 height: 9rem;
 border-radius: 0.4rem;
}

.folder_images div .img:nth-child(3),{

 top: 5px;

}

.folder_images div .img:nth-child(4),{

 top: 8px;

}

.folder_images div .img:nth-child(5){
   top: 11px;
}

.folder_images div .folder{

 display: block;
 width: 10rem;
 height: 10rem;
 width: 100%;
 z-index: 2;
}

.folder_images div:hover .img{

   transform: translate(10%,-10%);
}

.folder_images div h2{
 position: absolute;
 text-align: center;
 top: 50%;
 transform: translate(0,-50%);
 color: white;
 z-index: 2;
 width: 10rem;
}

.UpAbci_infosFile {
	word-wrap:break-word;
}

.UpAbci_infosFile progress {
	width:100px;
}

input[type=submit], input[type=button] {
	padding:0.3em 1.2em;
	border-radius:2px;
	font-size:1.1em;
	cursor:pointer;
}


.edit_page{
  position: relative;
}

.edit_page .add_mod{
  position: fixed;
  top: 5rem;
  left: 5rem;
  font-size: 2rem;
  display: flex;
  flex-direction: column;
    z-index: 20000;
}

.edit_page .add_mod i{
  margin: 0.5rem;
  align-self: center;
}


.menu_modules{
  position: fixed;
  top: 1rem;
  z-index: 20000;
  background-color: white;
  padding: 0.5rem;
  overflow-y: auto;
  width: 30%;
  min-width: 20rem;
}

.add_cont_mod{
  position: absolute;
  top: 2rem;
  right: 2rem;
  font-size: 2rem;
  display: flex;
  flex-direction: column;
  z-index: 9999999999999999;
}

.add_cont_mod i{
  margin: 0.5rem;
  align-self: center;
}

.option_mod{
  display: flex;
  flex-direction: row;
  font-size: 2rem;
  position: absolute;
  top: 0rem;
    left: 4rem;
  z-index: 20000;
  color: red;
}

.option_mod i{
  margin: 0.5rem;

}


p{
  
 
  overflow: hidden;
}

@media  screen and (max-width: 768px) {
.col-0 {
  display: none!important;
}

.container2{
  padding: 0!important;
}

}

@media only screen and (min-width:200px) and (max-width: 991px) {
  .flex_box_1 {
    order:2;
  }
  .flex_box_2 {
    order:1;
    height: 15rem;
  }
  .flex_box_3 {
    order:3;
  }
}