.sub-emp {
margin-bottom: 25px;
display: flex;
align-items: center;
}

label.line-emp {
width: 30px;
height: 2px;
background-color: #88C224;
}

.sub-emp span {
font-family: 'Montserrat';
font-weight: 600 !important;
font-size: 14px;
padding-left: 10px;
}

div#post-header.emploi-temp {
display: flex;
justify-content: space-between;
margin-bottom: 25px;
}

div#post-header.emploi-temp>div:last-child {
align-self: end;
}

div#post-header.emploi-temp h1.post-title.left {
font-family: 'Montserrat';
font-size: 44px;
color: #333333;
font-weight: 900 !important;
}

p.sup {
font-family: 'Montserrat';
font-size: 14px;
font-weight: 800;
color: #333333;
margin-bottom: 10px;
}

a.annon-btn {
display: block;
font-family: 'Montserrat' !important;
font-size: 16px;
text-align: center;
font-weight: 600 !important;
color: #fff;
background-color: #88C224;
padding: 20px 24px;
width: 186px;
}

p.main-emp {
font-family: 'Montserrat' !important;
font-size: 16px !important;
font-weight: 400 !important;
color: #000 !important;
margin-bottom: 0 !important;
}

h3.emp-star {
font-family: 'Montserrat' !important;
font-weight: 800 !important;
font-size: 25px !important;
text-transform: none !important;
color: #88C224;
margin: 35px 0 !important;
}

h5.form-title {
font-family: 'Montserrat' !important;
font-size: 16px !important;
text-transform: none !important;
font-weight: 700 !important;
margin: 25px 0 !important;
}

.main-row {
display: flex;
justify-content: space-between;
padding: 15px 0;
}

.main-row .half {
width: 47%;
}

.main-row .full {
width: 100%;
}

.main-row span.wpcf7-form-control-wrap {
display: block;
width: 100% !important;
}

.main-row fieldset.active {
border: 1px solid #1D5BD6;
}

.half p {
margin: 0 !important;
}

.form_n1 .form-group .text-danger .input-required {
display: block !important;
color: #ED1C24 !important;
opacity: 1 !important;
overflow: visible !important;
}

.form_n1 .form-group .text-danger input.form-control {
border: 1px solid #ED1C24 !important;
}

.form_n1 .form-group .text-danger label {
top: -10px;
left: 25px;
font-size: 14px;
line-height: 18px;
padding: 2px !important;
height: auto;
color: #ED1C24 !important;
background: #fff;
display: inline-block;
width: auto;
}

.form_n1 .form-group .focusInput label {
top: -10px;
left: 25px;
font-size: 14px;
line-height: 18px;
padding: 2px !important;
height: auto;
color: #1D5BD6 !important;
background: #fff;
display: inline-block;
width: auto;
}

.form_n1 .form-group .box_form.focusInput input.form-control {
border: 1px solid #1D5BD6 !important;
}

.form_n1 .form-group {
display: inline-block;
margin: 0 0 40px;
clear: both;
width: 100%;
white-space: normal;
}

.form_n1 .form-group .box_form {
padding: 0 13px;
margin-bottom: 0px;
position: relative
}

.form_n1 label {
position: absolute;
top: 0;
left: 15px;
transition: .51s all;
font-size: 16px;
color: #9AA0AC !important;
font-weight: normal !important;
line-height: 62px;
text-align: left;
height: 61px;
margin: 0;
padding: 0 0 0 15px!important;
z-index: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
cursor: pointer;
width: 95%;
box-sizing: border-box;
}

.form_n1 .form-group .box_form .form-control {
text-align: left;
border: 1px solid #9AA0AC !important;
border-radius: 0 !important;
padding: 15px !important;
margin: 0 !important;
font-size: 16px;
color: #333333 !important;
line-height: 22px;
letter-spacing: .1px;
font-weight: 400;
position: relative;
-webkit-box-shadow: inset 0 0 0 transparent !important;
box-shadow: inset 0 0 0 transparent !important;
height: 62px !important;
}

.form_n1 .form-group .box_form .bootstrap-select>.dropdown-toggle,
.form_n1 .form-group .box_form .form-control {
order: 2;
display: block;
background: 0 0;
transition: border-color .4s cubic-bezier(.25, .8, .25, 1);
box-sizing: border-box;
}

.form_n1 .form-group .box_form .input-required {
opacity: 0;
overflow: hidden;
font-size: 13px;
color: #666;
font-weight: 400;
line-height: 18px;
letter-spacing: 0;
font-weight: 400;
transition: all .5s
}

.form_n1 .radio {
margin-top: 0px !important;
margin-bottom: 0px !important;
}

.form_n1 .list-item-label {
position: relative;
padding: 0 0 0 16px;
}

.form_n1 span.list-item>input[type="radio"] {
appearance: none;
background-color: transparent;
margin: 0;
font: inherit;
color: #9AA0AC !important;
width: 26px !important;
height: 26px !important;
border: 0 solid #9AA0AC !important;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
}

.form_n1 input[type="radio"]:before {
content: "";
border-radius: 50%;
padding: 0;
width: 26px !important;
height: 26px !important;
box-sizing: border-box;
position: absolute;
left: 0;
top: 0;
font-size: 16px !important;
font-weight: normal !important;
text-align: center;
line-height: 19px;
border: 1px solid #9AA0AC;
}

.form_n1 input[type="radio"]:checked+label {
font-weight: bold;
}

.form_n1 input[type="radio"]:checked:before {
content: "\f00c";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #88C224;
border-radius: 50%;
color: #fff;
padding: 3px;
width: 26px;
height: 26px;
box-sizing: border-box;
position: absolute;
left: 0;
top: 0;
font-size: 16px !important;
font-weight: normal !important;
text-align: center;
line-height: 19px;
border: 0px solid #000;
}
.ddArea {
min-height: 0;
border: 2px dashed #9AA0AC;
font-size: 20px;
background: #fff;
margin-bottom: 0px;
padding: 40px 25px 32px;
overflow: hidden;
text-align: center !important;
cursor: pointer;
}
.ddArea h3{
margin: 0 0 17px;
font-size: 26px !important;
color: #9AA0AC;
font-weight: 700 !important;
text-align: center;
line-height: 28px;
}
.drag_over {
color: #000 !important;
border-color: #000 !important;
}

#content-main .form_n1 .ddArea h3 {
font-family: 'Gotham Rounded' !important;
font-weight: 400 !important;
font-size: 26px !important;
letter-spacing: 0.52px;
color: #9AA0AC;
text-transform: none !important;
text-align: center
}

#content-main .form_n1 .ddArea p {
font-family: 'Gotham Rounded' !important;
color: #9AA0AC !important;
font-size: 16px !important;
letter-spacing: 0 !important;
margin-bottom: 32px !important;
display: block;
text-align: center!important;
font-weight: normal !important;
}

a.upload-btn {
background: #5091EF;
color: #fff;
padding: 12px 20px;
display: inline-block;
font-family: 'Montserrat' !important;
font-weight: 600;
font-size: 16px;
}

a.upload-btn:focus ,
a.upload-btn:hover {
color: #fff!important;
opacity: 0.8
}
.form_n1 .list-item {position: relative;padding: 0 0 0 26px;height: 26px;float: left;line-height: 26px;margin: 0 30px 0 0;color: #9AA0AC;cursor: pointer;}
#content-main .form_n1 p {
color: #333333 !important;
font-size: 16px !important;
font-weight: 400;
line-height: 155%;
margin-bottom: 20px;
font-family: 'Gotham Rounded';
}
#content-main .form_n1  input[type="file"]:focus,
#content-main .form_n1 input[type="radio"]:focus, input[type="checkbox"]:focus {
outline: 0 auto -webkit-focus-ring-color!important;
outline-offset: 0!important;
}
.form_n1 .form-group.mb_0 .box_form {
margin-bottom: 0px !important;
}
.form_n1 .form-group .box_form input[type="date"]{
color: #fff !important;
}
.form_n1 .form-group .box_form.focusInput input[type="date"],
.form_n1 .form-group .box_form input[type="date"]:focus{
color: #333333 !important;
}
.form_n1 .btn-primary{
color: #FFFFFF !important;
background: #88C224!important;
text-transform: uppercase;
font-size: 16px;
line-height: 19px;
border-radius: 0 !important;
float: right;
padding: 20px 44px !important;
border-width: 0 !important;
cursor: pointer;
position: relative;
}
.form_n1 .btn-primary:before{
position: absolute;
left: 3px;
top: 3px;
width: 0%;
height: 0%;
background: transparent;
border-top: 0 solid #fff;
border-left: 0 solid #fff;
content: "";
transition: .51s all;
}
.form_n1 .btn-primary:after{
position: absolute;
right: 3px;
bottom: 3px;
width: 0%;
height: 0%;
background: transparent;
border-right: 0 solid #fff;
border-bottom: 0 solid #fff;
content: "";
transition: .51s all;
}
.form_n1 .btn-primary:hover:before,
.form_n1 .btn-primary:hover:after{
width: 100%;
height: 100%;
border-width: 1px;
}

.form_n1 .btn-primary:hover,
.form_n1 .btn-primary:focus,
.form_n1 .btn-primary:active,
.form_n1 .btn-primary.active{
border: 0 solid transparent !important;
opacity: 0.8
}
.form_n1 .btn.active.focus,
.form_n1 .btn.active:focus,
.form_n1 .btn.focus,
.form_n1 .btn:active.focus,
.form_n1 .btn:active:focus,
.form_n1 .btn:focus {
outline: thin dotted;
outline: 0 auto -webkit-focus-ring-color !important;
outline-offset: 0 !important;
}
.form_n1 .form-group .box_form input[type="date"]::-webkit-calendar-picker-indicator {
background:url('https://www.tunisienumerique.com/wp-content/themes/flex-mag-child/img/calendar.svg') no-repeat;
width: 22px;
height: 24px;
}
.form_n1 .lds-ring {
display: inline-block;
position: relative;
width: 35px;
height: 35px;
}
.form_n1 .lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 100%;
height:  100%;
margin: 8px;
border: 8px solid #88C224;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #88C224 transparent transparent transparent;
}
.form_n1 .lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.form_n1 .lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.form_n1 .lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.form_n1 input[type="file"] {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}

.form_n1 h4 {
color: #333333 !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 155%;
margin:0 0 24px!important;
font-family: 'Gotham Rounded';
}
.form_n1 {
padding: 20px 0 0 !important;
}
.form_n1 .form-group.mb_0 {
margin-bottom: 0 !important;
}
.form_n1  .form-group:last-child {
margin-bottom: 20px !important;
}
.form_n1 ul {
width: 100%;
list-style-type: none;
padding: 0;
margin:10px 0;
}
.form_n1 ul li {
margin-bottom: 16px !important;
}
.form_n1 li {
color: #445292;
padding: 11px 60px 13px 15px !important;
border-radius: 32px;
background-color: rgba(0,0,0,0.04);
width: 100%;
display: block;
min-height: 64px!important;
font-size: 14px;
display: flex;
flex-direction: row;
align-items: center;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
margin: 0 !important;
box-sizing: border-box;
}
.form_n1 .divLabelFile {display: flex;flex-direction: row;justify-content: flex-start;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:0 0 0 10px;line-height: 17px;flex: 61% 1;}
.form_n1 .divLabelFile div{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.form_n1 > div{
white-space: nowrap;
text-overflow: ellipsis;
}
.form_n1 li .removeFiles{
cursor: pointer;
position: absolute;
right: 15px;
top: 23px;
}
.form_n1 li .removeFiles img{
float: left;
}
.form_n1 li a:hover{
background: rgba(0,0,0,0.08);
}
.form_n1 li a {
margin-left: 10px;
cursor: pointer;
border-radius: 50%;
width: 32px;
height: 32px;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
padding: 0 !important;
position: absolute;
right: 22px;
top: 26%;
z-index: 1;
transition: all .3s;
color: #445292;
text-decoration: none !important;
}
#content-main .form_n1 p.alert-danger {
padding: 25px;
margin: 15px 0 0;
}

.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}

.grecaptcha-badge {
   visibility: hidden;
}

.form_n1 .form-group.form-group-hidden{display: none}
@media (max-width: 992px){
.form_n1 .form-group .box_form {
margin-bottom: 15px;
}
.form_n1 .form-group {
margin: 0;
}
.form_n1 .form-group {
margin: 0;
}
.form_n1 h4 {
margin: 0 !important;
}
.ddArea {
margin: 15px 0;
}
}