html body{
background-color: #020406 !important;
color: #fff !important;
}
.container-fluid{
padding: 0 !important;
}
.form-container{
padding: 0 0 80px 0 !important;
}
#formBody{
max-width: 1100px;
width: calc(100% - 60px);
margin: 0 auto;
}
.form-header-content{
/*background-image: url(/Content/org/KZ9E20HPLE1P9B4W/header-carriere.jpg);*/
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.form-header-content h1{
color: #fff !important;
text-align: left;
line-height: 120%;
max-width: 1400px;
width: calc(100% - 60px);
margin: 0 auto;
font-size: 100px;
font-weight: 300;
padding:70px 0 !important;
text-transform: uppercase;
font-family: "gilroy-light";
}
.form-header-content h1 span{
font-family: "PT Serif";
color: #a321e1;
font-style: italic;
font-weight: 600;
}
.form-header h2{
color: #fff !important;
text-align: left;
line-height: 120%;
max-width: 1400px;
width: calc(100% - 60px);
margin: 0px auto 0px;
font-size: 35px;
font-weight: 400;
font-family: "gilroy-light";
}
.form-header p{
color: #fff !important;
text-align: left;
line-height: 120%;
max-width: 1400px;
width: calc(100% - 60px);
margin: 30px auto 80px;
font-size: 18px;
font-weight: 400;
font-family: "gilroy-light";
}
#formBody{
max-width: 1400px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.control-group,
#upload-files-section,
.consent-formatting{
width: calc(50% - 25px);
margin-bottom: 50px;
}
.form-horizontal .control-label{
text-align: left;
margin-top: 0px;
padding-top: 0;
font-size: 18px;
font-weight: 400;
font-family: "gilroy-regular";
}
.control-group input,
.form-control.k-widget{
width: 100%;
}

.form-horizontal .control-label{
text-transform: none !important;
text-align: left;
}
.wording, .form-horizontal .control-label, .k-upload-sync .k-upload-button, #attachmentInfo, .consent-inner, .consent-formatting span[style] {
/*color: #000 !important;*/
color: #fff !important;
}

.control-group input, 
.control-group input:hover,
.k-multiselect-wrap.k-floatwrap{
background-color: #020406 !important;
color: #fff !important;
border: 0 !important;
border-bottom: 1px solid #fff !important;
font-size: 18px;
font-weight: 400;
font-family: "gilroy-light";
border-radius: 0px;
padding: 0 !important;
text-indent: 0 !important;
}
.k-multiselect-wrap.k-floatwrap{
height: 45px !important;
line-height: 45px;
}
.k-multiselect.k-header{
height: 45px;
border-radius: 8px;
}
.k-multiselect-wrap li{
line-height: 30px;
margin: 7px;
}
.k-popup.k-list-container{
background-color: #000;
color: #fff;
}
.k-list>.k-item.k-state-focused, .k-treeview .k-in.k-state-focused{
border-color: #0AEFFF;
}
.k-listbox .k-item.k-state-hover, .k-popup .k-list .k-item.k-state-hover{
background-color: #0AEFFF;
color: #020406;
}
.k-multiselect-wrap .k-input{
height: 45px;
line-height: 45px;
margin: 0;
box-sizing: border-box;
border: 0 !important;
}
.k-multiselect-wrap .k-input:focus{
border: 0;
}
.k-multiselect-wrap li span{
margin-bottom: 3px;
margin-left: 2px;
}
.k-multiselect>.k-multiselect-wrap>.k-i-close{
top: 16px;
}
.k-ff input.k-textbox, input.k-textbox {
/*height: 3.4em !important;*/
height: 45px !important;
}
.k-dropzone{
padding-left: 0 !important;
}
.k-upload-button input,
.k-button{
background-color: #020406 !important;
color: #fff !important;
border: 1px solid #0AEFFF !important;
border-radius: 4px;
}
.k-upload-button input:hover,
.k-button:hover{
border-color: #fff !important;
color: #fff !important;
}
.k-checkbox-label:before {
border: 1px solid #0AEFFF !important;
background-color: #020406 !important;
}

.k-checkbox:checked+.k-checkbox-label:before{
content: "";
background-color: transparent !important;
background-image: url(/Content/org/KZ9E20HPLE1P9B4W/crochet-blanc.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
border-color: #003197;
}
.consent-inner a{
color: #0AEFFF;
text-decoration: none;
transition: color 0.3s ease;
}
.consent-inner a:hover{
color: #fff;
}
.k-upload{
width: 100%;
background-color: transparent;
border: 0;
}
.file-upload-footer{
width: 100%;
margin: 30px 0 0 0;
}
.consent-formatting{
width: 100%;
margin: 0px 0 0 0;
}
.toolbar{
width: calc(100% - 40px);
max-width: 700px;
margin: 60px auto 0;
text-align: center;
}
.k-multiselect.k-header{
border: 0;
}
.k-upload .k-dropzone{
background-color: #020406;
padding-left: 20px !important;
border: 1px solid #666;
border-radius: 4px;
}

.k-upload-files.k-reset,
#resumeSpace{
background-color: #000;
}
.k-upload-files.k-reset li{
background-color: transparent;
}


#formSubmit.k-button  {
font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 17px 75px 15px 20px;
    border: 1px solid #0AEFFF;
    background-image: url(/Content/org/KZ9E20HPLE1P9B4W/btn-fleche-dd.png);
    background-size: 13px;
    background-position: right 20px center;
    background-repeat: no-repeat;
    text-decoration: none;
z-index: 1;
    display: inline-block;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
#formSubmit.k-button:before{
        content: "";
            width: 13px;
            height: 13px;
            background-image: url(/Content/org/KZ9E20HPLE1P9B4W/btn-fleche-dd-hover.png);
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            position: absolute;
            right: 20px;
            top: 18px;
            z-index: 2;
            opacity: 0;
            transition: opacity 0.3s ease;
    }
#formSubmit.k-button:after{
        content: "";
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            position: absolute;
            bottom: 0;
            left: 0;
            transform: translateY(60px);
            transform-origin: bottom center;
            background: #0AEFFF;
            z-index: -1;
            transition: transform 0.3s;
    }
#formSubmit.k-button:hover  {
background-color: #020406 !important;
border-color: #0AEFFF !important;
color: #020406 !important;
            background-image: url(/Content/org/KZ9E20HPLE1P9B4W/btn-fleche-dd-hover.png);
}
#formSubmit.k-button:hover:before  {
opacity: 1;
}
#formSubmit.k-button:hover:after  {
transform: translateY(0);
}
.k-widget.k-tooltip-validation{
background-color: #fff;
color: #000;
border-color: #fff;
}

@media screen and (max-width: 900px) {

.form-header-content h1{
font-size: 80px;
padding: 60px 0 !important;
}
.form-header h2{
font-size: 26px;
margin: 30px auto 0px;
}
.form-header p{
font-size: 16px;
margin:20px auto 40px;
}

.control-group,
#upload-files-section,
.consent-formatting{
width: 100%;
margin-bottom: 30px;
}
.toolbar{
margin-top: 40px !important;
}


#formNotification.bg-danger {
  margin-top: 1em;
}

#formNotification.bg-danger a {
  display: block !important;
  word-break: break-all;
}
}

@media screen and (max-width: 767px) {
  #formNotification.bg-danger a {
    margin-left: 0 !important;
  }
}
.k-grid-header .k-header>.k-link, .k-header, .k-treemap-title {
color: rgba(255, 255, 255, 0);
}
.k-dropzone .k-upload-status, .k-dropzone em, .k-other-month, .k-other-month .k-link, .k-slider .k-draghandle, .k-state-disabled, .k-state-disabled .k-button, .k-state-disabled .k-link, .k-tile-empty strong {
display: none;
}
.k-radio-label {
display: none;
}

.k-primary:hover {
background-color: #a1276e !important;
}




h3 {
font-weight: 700;
margin: 1.5em 0 1.5em;
line-height: 1.5em;
}
.logo-header {
max-height: 5%;
width: 100%;
margin-bottom: 1.5em;
}