@import url(https://fonts.googleapis.com/css?family=Lato:400,300);

body {
    display: flex; align-items: center; flex-flow: row wrap; align-content: center; background-image: url('../assets/pics/login/Fond.jpg'); background-size:cover; background-repeat: no-repeat; max-width: 100vw; overflow-x: hidden;
}
h1 { font-weight: bold; font-size: 200%; color: white; width: fit-content; padding: 0 2vw; } /* text-shadow: 5px 5px 5px #024b67, 7px 15px 5px #00918d, 9px 25px 5px #b5cd55, 11px 35px 5px #f15642; */

.blocCoImg{ background-image:url('../assets/pics/login/Perso.png');background-repeat:no-repeat;background-size:contain;background-position: 50%; min-height: 250px; }
.footer { min-width: 100%; padding: 2vh 2vw; color: white !important; }

.radioColorEnr{
	 display: none;
}
 .radioColorEnr:checked + label span {
	 transform: scale(1.25);
}
 .radioColorEnr:checked + label .cyan {
	 border: 2px solid #1bb5c0;
}
.radioColorEnr:checked + label .yellow {
	 border: 2px solid #fce21a;
}
.radioColorEnr:checked + label .orange {
	 border: 2px solid #f15642;
}
.radioColorEnr:checked + label .yellowF {
	 border: 2px solid #ffc811;
}
.radioColorEnr:checked + label .black {
	 border: 2px solid #1a3a4b;
}
.radioColorEnr:checked + label .white {
	 border: 2px solid #e1e1e1;
}
.radioColorEnr:checked + label .grey {
	 border: 2px solid #375a64;
}
.radioColorEnr:checked + label .blue {
	 border: 2px solid #3fa9f5;
}
.radioColorEnr:checked + label .green {
	 border: 2px solid #8cc63f;
}
.radioColorEnr:checked + label .gradiant {
	 border: 2px solid;
         border-color: linear-gradient(90deg, rgba(214,217,46,1) 0%, rgba(0,168,156,1) 50%, rgba(0,95,112,1) 89%, rgba(0,73,101,1) 100%);
}
 .labelRadioColorEnr {
	 display: inline-block;
	 width: 25px;
	 height: 25px;
	 margin-right: 2px;
	 cursor: pointer;
}
  .labelRadioColorEnr:hover span {
	 transform: scale(1.25);
}
  .labelRadioColorEnr span {
	 display: block;
	 width: 100%;
	 height: 100%;
	 transition: transform 0.2s ease-in-out;
}
  .labelRadioColorEnr span.cyan {
	 background: #1bb5c0;
}
  .labelRadioColorEnr span.yellow {
	 background: #fce21a;
}
  .labelRadioColorEnr span.orange {
	 background: #f15642;
}
  .labelRadioColorEnr span.yellowF {
	 background: #ffc811;
}
  .labelRadioColorEnr span.black {
	 background: #1a3a4b;
}
  .labelRadioColorEnr span.white {
	 background: #e1e1e1;
}
  .labelRadioColorEnr span.grey {
	 background: #375a64;
}
  .labelRadioColorEnr span.blue {
	 background: #3fa9f5;
}
  .labelRadioColorEnr span.green {
	 background: #8cc63f;
}
  .labelRadioColorEnr span.gradiant {
	 background: linear-gradient(
90deg
, rgba(214,217,46,1) 0%, rgba(0,168,156,1) 50%, rgba(0,95,112,1) 89%, rgba(0,73,101,1) 100%);
}

.custom-file-container__image-preview {
    width: 200px;
    border-radius: 50%;
    height: 200px;
}

.custom-file-container__image-preview {
    border: 10px solid;
    border-color: #000000;
}
.custom-file-container__image-preview:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -5px;
    border-radius: inherit;
    background: linear-gradient(to right, red, orange);
}


.gradient-box {
    display: flex;
    align-items: center;
    width: 100px;
    height: 100px;
    max-width: 22em;
    position: relative;
    padding: 30% 2em;
    box-sizing: border-box;
    color: #FFF;
    background: #9f9f9f;
    background-clip: padding-box;
    border: solid 5px transparent;
    border-radius: 50%;
    background-image: url(https://res.cloudinary.com/css-tricks/image/upload/w_600,q_auto,f_auto/buysellads/uu/7/110298/1642445345-carbon-ad_capella-2021_-02.png);
    background-size: cover;
}

.gradient-box:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -5px;
    border-radius: inherit;
    background: linear-gradient(to right, red, orange);
}