/* Last Edit Jinu DEC 1 - Time: 11:45 am */
 .modal-body {
     padding: 1.5rem;
}

.submit-projects .modal-header {border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
 .form-wrapper{
    /*display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
    */
     padding: 0;
     margin: 0;
     position: relative;
}
 .form-tp-en,.form-tp-ar{
    /*flex: 1;
    */
     padding: 0 15px;
}
 .form-tp-ar {
     direction: rtl;
     text-align: right;
}
 .form-actions{
     padding: 15px 0 0;
}
 .submit-projects{
     max-width: 1100px;
}
 .modal-title{
     font-family: 'Avenir_Medium';
     font-size: 20px;
}
/*
 .modal-header .close,.modal-header .close span{
     color: #ccc;
     font-family: 'Avenir_light';
     font-size: 38px;
     line-height: 30px;
     font-weight: normal;
     position: relative;
     width: 30px;
     height: 30px;
}
 .modal-header .close:after{
     content: "\00d7";
     position: absolute;
     top:0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     font-size: 38px;
}
 .modal-header .close:hover, .modal-header .close:hover span{
     color: #00bfb3!important
}


*/
.close.submit-close { opacity: 1!important;     color: #ffffff;
    text-shadow: none;}

.close.submit-close:not(:disabled):not(.disabled):focus, .close.submit-close:not(:disabled):not(.disabled):hover {
    color: #fff;opacity: .8 }



 .modal-content{
     background: #292929;
     color: #fff;
     font-family: 'Avenir_Regular';
     font-size: 14px;
}
 .progress-tracker li{
     font-family: 'Avenir_Medium';
     font-size: 24px;
     line-height: 30px;
     color: rgba(255, 255, 255, 0.4);
     position: relative;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px transparent;
     position: relative;
     padding-bottom: 12px;
     margin-bottom: 15px;
}
 .progress-tracker li .progress-title{
     font-weight: normal;
     color: rgba(255, 255, 255, 0.4);
}
 .progress-tracker li.is-active{
     color: #fff !important;
}
 .webform-progress-tracker .progress-step.is-active .progress-title{
     font-weight: normal !important;
}
 .progress-tracker li.is-active .progress-title{
     font-weight: normal;
     color: #fff !important;
}
 .progress-tracker li.is-active::before {
     content: "";
     position: absolute;
     z-index: -1;
     left: 50%;
     right: 50%;
     bottom: 0;
     background: #00beb2;
     height: 2px;
     -webkit-transition-property: left, right;
     transition-property: left, right;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .progress-tracker li .progress-marker,.progress-step:not(:last-child)::after,.progress-tracker li:nth-child(4){
     display: none;
}
 .progress-tracker li.is-active:hover:before, .progress-tracker li.is-activer:focus:before{
     left: 0;
     right: 0;
}
/*.form .iframe-wrap{
     margin-bottom: 40px;
}
*/
/*.form_con {
     padding: 110px 0;
}
*/
 .webform-submission-form .form-item label{
     color: #000;
     font-family: 'Avenir_Medium';
     font-size: 18px;
     margin-bottom: 10px;
}
 .webform-submission-form .form-wrapper .form-item label{
     color: #fff;
}
 .webform-submission-form .form-tp-ar .form-item label{
     font-family: 'Cairo', sans-serif;
     font-weight: 600;
}
 .webform-submission-form .form-tp-ar .form-item input,.webform-submission-form .form-tp-ar .form-item textarea{
     font-family: 'Cairo', sans-serif;
     font-weight: 300;
}
 .webform-submission-form .form-item input,.webform-submission-form .form-item textarea{
     background:#fff;
     font-family: 'Avenir_Light';
     font-size: 16px;
     border-color:#000;
     color: #000;
     padding:0;
}
 .webform-submission-form .form-wrapper .form-item input,.webform-submission-form .form-wrapper .form-item textarea{
     background:#292929;
     border-color: rgba(255, 255, 255, 0.3);
     color: #fff;
}
 .webform-submission-form .form-item input[type="text"],.webform-submission-form .form-item input[type="email"],.webform-submission-form .form-item input[type="number"], .webform-submission-form .form-item input[type="tel"],.webform-submission-form .form-item select{
     height: 40px;
     line-height: 40px;
     padding: 0 ;
}
 .webform-submission-form .form-item input::-webkit-input-placeholder,.webform-submission-form .form-item textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: #000;
}
 .webform-submission-form .form-item input::-moz-placeholder,.webform-submission-form .form-item textarea::-moz-placeholder {
    /* Firefox 19+ */
     color: #000;
}
 .webform-submission-form .form-item input:-ms-input-placeholder, .webform-submission-form .form-item textarea:-ms-input-placeholder {
    /* IE 10+ */
     color: #000;
}
 .webform-submission-form .form-item input:-moz-placeholder,.webform-submission-form .form-item textarea:-moz-placeholder {
    /* Firefox 18- */
     color: #000;
}
 .webform-submission-form .form-wrapper .form-item input::-webkit-input-placeholder,.webform-submission-form .form-wrapper .form-item textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: #fff;
}
 .webform-submission-form .form-wrapper .form-item input::-moz-placeholder,.webform-submission-form .form-wrapper .form-item textarea::-moz-placeholder {
    /* Firefox 19+ */
     color: #fff;
}
 .webform-submission-form .form-wrapper .form-item input:-ms-input-placeholder, .webform-submission-form .form-wrapper .form-item textarea:-ms-input-placeholder {
    /* IE 10+ */
     color: #fff;
}
 .webform-submission-form .form-wrapper .form-item input:-moz-placeholder,.webform-submission-form .form-wrapper .form-item textarea:-moz-placeholder {
    /* Firefox 18- */
     color: #fff;
}
 .webform-submission-form .form-item input.error,.webform-submission-form .form-item textarea.error,.webform-submission-form .form-item select.error{
     border:0;
     border-bottom:1px solid #e32700;
}
 .webform-submission-form .form-item .form-item--error-message{
     margin-top: 8px;
}
 .webform-submission-form .form-item .form-item--error-message strong{
     color: #e32700;
     font-family: 'Avenir_Medium'!important;
}
 .webform-submission-form .form-item .form-item--error-message:before{
     vertical-align: top;
}
 .contact-wrappper .form-actions{
     padding: 0;
}
 .form .form-actions {
     margin: 0
}
 .btns-wrapper{
     text-align: center;
}
 .form .form-actions label ,.btns-wrapper label{
    /*display: block;
    */
     height: 40px;
     width: 145px;
     position: relative;
     margin-right:20px;
     display: inline-block;
     vertical-align: top;
}
 .form .form-actions label:last-of-type ,.btns-wrapper label:last-of-type{
     margin-right:0;
}
 .form .form-actions svg,.btns-wrapper svg {
     height: 100%;
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s
}
 .form .form-actions svg path ,.btns-wrapper svg path{
     fill: #00bfb3
}
 .form .form-actions input, .btns-wrapper button {
     background: transparent;
     border: none;
     padding: 0;
     margin: 0;
     color: #fff;
     position: relative;
     z-index: 2;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     font-family: 'Avenir_Medium';
}
 .form .form-actions input:hover,.btns-wrapper button:hover {
     color: #050e1c
}
 .form .form-actions label:hover svg path, .btns-wrapper label:hover svg path {
     fill: #cccccc !important;
}
/*.form-wrapper .form-managed-file {
     display: flex;
}
*/
 .form-wrapper .form-managed-file input[type="checkbox"]{
     display: inline-block;
     vertical-align: top;
     width: auto !important;
     border:0;
     position: relative; top: 3px;
}
 .form-wrapper
.js-webform-document-file.webform-document-file.js-form-managed-file.form-managed-file { margin-top: 20px;}
 .form-wrapper
.js-webform-document-file .form-item.js-form-type-checkbox {margin-bottom: 5px!important;}

 .form-item-attachments > label{
     cursor: pointer;
     background: url(../img/iconUpload.png) no-repeat right center;
}
 .form-item-arabic-attachment >label{
     cursor: pointer;
     background: url(../img/iconUpload.png) no-repeat left center;
}
 .form-wrapper .form-managed-file label{
     display: inline-block;
     vertical-align: top;
     width: auto !important;
     font-family: 'Avenir_Light';
     font-size: 16px;
     padding-left: 5px;
}
 .form-wrapper .form-managed-file input[name="attachments_remove_button"],.form-wrapper .form-tp-ar input[name="arabic_attachment_remove_button"]{
    height: 22px;

     display: inline-block;
     border:0;
     max-width: 170px;
     padding: 0;
     margin: 0;
     height: auto;
     color: #F44336;
}
 .form-wrapper .form-managed-file input[name="attachments_remove_button"]:hover{
     opacity: 1;
}
 .webform-submission-contact-form-form .b-popup-container {
     width: 100%;
     height: 100%;
     max-width: 800px;
     margin: auto;
     background: #fff;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     max-height: 300px;
}
 .form-textarea-wrapper {
     margin-bottom: 0;
}
 .webform-submission-contact-form-form .b-popup-wrap h3 span{
     display: block;
}
 .submit-projects .draggable .webform-multiple-table--handle{
     display: none;
}
 .submit-projects .draggable .form-item-add-member-items-0-team-lead label.visually-hidden, .submit-projects .draggable .form-item-arabic-member-items-0-lead-member label.visually-hidden{
     visibility: visible !important;
     color: #fff !important;
     height: auto !important;
     width: auto !important;
     position: relative !important;
     font-size: 13px;
}
 .submit-projects .form-item-add-member .webform-multiple-table td input[type="image"],.submit-projects .form-item-arabic-member .webform-multiple-table td input[type="image"], .submit-projects .form-item-team-member td input[type="image"],.submit-projects .form-item-arabic-team-member .webform-multiple-table td input[type="image"],.webform-multiple-table td input[type="image"] {
     padding: 0;
     width: 16px;
     height: 16px;
     background: #fff;
     padding: 2px;
}
 .submit-projects .form-item-add-member .container-inline , .submit-projects .form-item-arabic-member .container-inline, .submit-projects .form-item-team-member .container-inline, .submit-projects .form-item-arabic-team-member .container-inline{
     display: none;
}

.submit-projects .modal-reg {    background: #fff;
    padding: 20px;}

 .form .form-item-cv label{
     max-width: 100% !important;
}
 .messages__wrapper {
     /*display: none;*/
}
 .registration-modal{
     max-width: 500px;
}
 .registration-modal .modal-content{
     background: #fff;
     max-width: 500px;
}
 .registration-modal .modal-title{
     color: #000;
}
 .registration-modal .form-actions {
     text-align: center;
     margin: 0 auto;
}
 .registration-modal .form #edit-actions label{
     display: inline-block;
     margin: 0;
}
 .ui-widget.ui-widget-content {
     border: none;
     border-radius: 0;
     width: 800px!important;
     line-height: 45px;
}
 .ui-widget.ui-widget-content .ui-button-icon-only .ui-icon {
    margin-top: -23px;
}
 .ui-dialog .ui-dialog-content {
     text-align: center;
     font-family: 'Avenir_medium';
     line-height: 67px;
     height: auto!important;
     font-size: 21px;
     color: #6b6b6b;
    padding: 1em;
}
 .ui-dialog .ui-dialog-content img {
     display: block;
     height: 60px;
     margin: 15px auto 0px;
}
 .ui-dialog .ui-dialog-titlebar {
     background: #fff!important;
     line-height: 40px!important;
         border-color: #e2e2e2;


}
.ui-dialog .ui-dialog-title {
     text-align: center;
    font-size: 17px;
    font-family: 'Avenir_medium';
    color: #373d47;
    width: 100%
}
/*

MODAL
*/

.modal-reg img {    margin: auto;
    display: block;
    height: 65px;
    margin-bottom: 15px;}


.modal-reg .alert-success {    font-family: 'Avenir_Medium';
    text-align: center;
    font-size: 15px;
    margin-bottom: 0;}


    .webform-submission-submit-project-form .messages__wrapper.layout-container {
      display: none;
    }