/* -------------------  Mail Friend FORM -------------------- */

#mailFriend .holder label{ color:#696969; float: left; width: 80px;}
#mailFriend .holder input{ background: #CCCCCC;color: #FFFFFF;margin-bottom: 5px;padding: 3px;width: 240px;}
#mailFriend .holder button{background: none repeat scroll 0 0 #CC0000; color: #FFFFFF; cursor: pointer; display: block; padding: 5px; float: right !important; margin-right: 10px;}
#mailFriend .mailFriendTop{ color:#CC0000; padding-bottom: 5px; text-align: center;}


/* -------------------  Send Mail FORM -------------------- */

.formContainer {
    margin-top: 20px;
}
.contactForm {
    margin-bottom: 20px;
    color: #191919;
    width: 100%;
    max-width: 500px;
}
.contactForm .holderHalf {
    width: 50%;
    min-width: 200px;
    float: left;
    clear: both;
    margin-bottom: 10px;
}
.contactForm .holder {
    width: 100%;
    margin-bottom: 20px;
    display: table;
}
.contactForm .holderFull {
    width: 50%;
    min-width: 200px;
    float: left;
    clear: both;
    margin-bottom: 10px;
}
.contactForm label {
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
}
.contactForm label.labela {
    font-size: 18px;
    margin-top: 15px;
}
.contactForm .holderInner {
}
.contactForm .holderInner input {
    width: 100%;
    border: 1px solid #D7D7D7;
    font-size: 14px;
    line-height: 16px;
    padding: 16px 10px;
    box-sizing: border-box;
    color: #191919;
}
.contactForm .holderInner textarea {
    width: 100%;
    border: 1px solid #D7D7D7;
    font-size: 14px;
    line-height: 16px;
    padding: 16px 10px;
    box-sizing: border-box;
    height: 150px;
    color: #191919;
    font-family: "Noto Sans", sans-serif;
}
.contactForm .holderInner select {
    width: 100%;
    border: 1px solid #D7D7D7;
    font-size: 14px;
    line-height: 16px;
    padding: 16px 25px 16px 10px;
    box-sizing: border-box;
    color: #191919;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('/assets/img/fonet-portal/Arrow-down.svg') no-repeat center right 10px;
}
.contactForm .holderButton {
    clear: both;
}
.contactForm button {
    font-size: 14px;
    font-family: "Noto Sans", sans-serif;
    font-weight: 700;
    color: #fff;
    padding: 8px 30px;
    background-color: #AE5BA1;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
}
.contactForm button:hover {
    background-color: #16A954; 
}
.contactForm input:focus, 
.contactForm textarea:focus, 
.contactForm select:focus {
    outline: none; 
}

/* --------------------------------- QAPTCHA -------------------------------- */

.holder .QapTcha {
    border: 1px solid #D7D7D7;
    max-width: none;
}
.holder .QapTcha .bgSlider {
    max-width: none;
}
.holder .QapTcha .Slider {
    background: transparent url('/assets/img/fonet-portal/QapTcha-Slider.png') no-repeat; 
}
.holder .QapTcha .dropError {
    color: #AE5BA1;
}
.holder .QapTcha .dropSuccess {
    color: #16A954;
}
.holder .QapTcha .Slider.active-captcha {
    background: transparent url('/assets/img/fonet-portal/QapTcha-Slider-Green.png') no-repeat;
}
p.alert {
    color: #AE5BA1;
}