input.nm, input#name, input.fio, input#phone {
    /*background: url("/images/icons/input_name.png") no-repeat 5px center;*/
    padding-left: 40px;
}

div.sp-name{
 background: url("/images/icons/input_name.png") no-repeat;
 position:absolute;
 width:30px;
 height:30px;
 margin-left:5px;
 margin-top:26px; 
 
}



input.plc, input#place, input.place {
    /*background: url("/images/icons/input_place.png") no-repeat 5px center;*/
    padding-left: 40px;
}

div.sp-place{
 background: url("/images/icons/input_place.png") no-repeat;
 position:absolute;
 width:30px;
 height:30px;
 margin-left:5px;
 margin-top:26px; 
}




input#teacher_position, input#position, input.position {
    /*background: url("/images/icons/input_rabota.png") no-repeat 5px center;*/
    padding-left: 40px;
}

div.sp-rabota{
 background: url("/images/icons/input_rabota.png") no-repeat;
 position:absolute;
 width:30px;
 height:30px;
 margin-left:5px;
 margin-top:26px; 
}







select.nmn, select#tconcurs, select#category, select#nomination {
   /* background: url("/images/icons/award.png") no-repeat 5px center;*/
    padding-left: 40px;
}

div.sp-award{
 background: url("/images/icons/award.png") no-repeat;
 position:absolute;
 width:30px;
 height:30px;
 margin-left:5px;
 margin-top:26px; 
 
}





input.tpc, input#topic {
    /*background: url("/images/icons/input-nazv.png") no-repeat 5px center; */
    padding-left: 40px;
}

div.sp-nazv{
 background: url("/images/icons/input-nazv.png") no-repeat;
 position:absolute;
 width:30px;
 height:30px;
 margin-left:5px;
 margin-top:26px; 
}


div.sp-nazv2{
 background: url("/images/icons/input-nazv.png") no-repeat;
 position:absolute;
 width:30px;
 height:30px;
 margin-left:25%;
 margin-top:-11%;
}



/* Match email text spacing to the other icon fields across com_diplom forms. */
.concurs_wrap input.email,
.concurs_wrap input[type="email"] {
   /* background: url("/images/icons/input_email.png") no-repeat 5px center; */
    padding-left: 40px !important;
}


div.sp-email{
 background: url("/images/icons/input_email.png") no-repeat;
 position:absolute;
 width:30px;
 height:30px;
 margin-left:5px;
 margin-top:28px; 
}
 


input#teacher_place, input.school, input.sch, input#school, input#curator_fio, input#curator_school, input#curator_place, input#curator_position,
select#section
 {
    /*background: url("/images/icons/input_school.png") no-repeat 5px center;*/
    padding-left: 40px;
}

div.sp-school{
 background: url("/images/icons/input_school.png") no-repeat;
 position:absolute;
 width:30px;
 height:30px;
 margin-left:5px;
 margin-top:26px; 
}









select.ages, select#age {
    /*background: url("/images/icons/age.png") no-repeat 5px center;*/
    padding-left: 40px;
}


 div.sp-age{
 background: url("/images/icons/age.png") no-repeat;
 position:absolute;
 width:30px;
 height:30px;
 margin-left:5px;
 margin-top:26px; 
}



input#qualification {
   /* background: url("/images/icons/kvalify.png") no-repeat 5px center;*/
    padding-left: 40px;
}


div.sp-kvalify{
 background: url("/images/icons/kvalify.png") no-repeat;
 position:absolute;
 width:30px;
 height:30px;
 margin-left:5px;
 margin-top:30px; 
}



input#term {
    /*background: url("/images/icons/staz.png") no-repeat 5px center;*/
    padding-left: 40px;
}

div.sp-staz{
 background: url("/images/icons/staz.png") no-repeat;
 position:absolute;
 width:30px;
 height:30px;
 margin-left:5px;
 margin-top:28px; 
}



#short_adv, #education {
    /*background: url("/images/icons/obraz.png") no-repeat 5px center;*/
    padding-left: 40px;
}

div.sp-obraz{
 background: url("/images/icons/obraz.png") no-repeat;
 position:absolute;
 width:30px;
 height:30px;
 margin-left:5px;
 margin-top:50px; 
}

div.sp-phone{
 background: url("/images/icons/phone.png") no-repeat;
 background-size:90%;
 position:absolute;
 width:30px;
 height:30px;
 margin-left:5px;
 margin-top:50px; 
 
}




div.sp8{margin-top:47px}
div.sp9{margin-top:32px}
div.sp2{margin-top:8px}


.concurs_wrap.conference_wrap input[type=text],.concurs_wrap.conference_wrap input[type=email]{width:300px}
.concurs_wrap.conference_wrap select{width:300px; margin-top:6px}
input[type=text].fromwhom{padding-left:40px}



@media (max-width: 768px) and (orientation: landscape) {

    div.sp-name,
    div.sp-place,
    div.sp-password,
    div.sp-rabota,
    div.sp-award,
    div.sp-nazv,
    div.sp-email,
    div.sp-school,
    div.sp-age,
    div.sp-kvalify,
    div.sp-staz {
        margin-top: calc(26px + 6px);
    }

}


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

    div[class^="sp"]{
        transform: translateY(6px);
    }

}

/* Center field icons vertically without changing each form's input spacing. */
.concurs_wrap div[class*="sp-"] {
    transform: translateY(5px);
}

.concurs_wrap div.sp-email {
    transform: translateY(10px);
}

input.email[aria-invalid="true"],
input[type="email"][aria-invalid="true"] {
    border-color: #c62828;
}

.email-validation-message {
    display: block;
    margin: 4px 0 0;
    color: #b42318;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.3;
}