/*Registration Form*/
.user-register-form{max-width: 850px; margin: 0 auto; padding: 10px 50px 40px;}
/*.user-register-form .field--widget-profile-form .details-wrapper > fieldset legend{font-size: 16px;font-weight: bold;color: #707782;border-bottom: 1px solid #e6e9f3; padding-bottom: 10px;}*/

/*Old Form style*/
/*.user-register-form .field--widget-profile-form > details > .details-wrapper{background: #fff; padding: 20px 20px 40px;box-shadow: 0 0 4px rgb(0 0 0 / 25%);}*/


.user-register-form .field--widget-profile-form .details-wrapper > fieldset label{color: #aeb5bb; font-weight: normal; font-size: 16px; text-transform: uppercase;}
.user-register-form .field--widget-profile-form .details-wrapper > fieldset .label{color: #707782; display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; font-size: 14px; padding: 0;}
.user-register-form .field--widget-profile-form .details-wrapper > fieldset .form-item{display: flex; flex-direction: column;margin-bottom: 20px;}

.user-register-form .field--widget-profile-form .details-wrapper > fieldset .form-item select,
.user-register-form .field--widget-profile-form .details-wrapper > fieldset .form-item input{border: none; border-bottom: 1px solid #ccc;outline: none;}

.user-register-form .field--widget-profile-form details{border: none;}
.user-register-form .field--widget-profile-form summary{display: none;}

.user-register-form .field--name-field-address-line-1{clear: both;}
.user-register-form .field--name-field-confirm-password input{margin-bottom: 10px;}

.user-register-form .field--name-field-zip-code,
.user-register-form .field--name-field-city,
.user-register-form .field--name-field-region{width: 50%; float: left; padding-right: 30px; min-height: 85px;}

.user-register-form .field--name-field-city button,
.user-register-form .field--name-field-region button{border: none; border-bottom: 1px solid #ccc; outline: none; background: transparent; padding: 0; min-height: 24px;}

.user-register-form .field--name-field-city .form-text,
.user-register-form .field--name-field-region .form-text{display: none;}

.user-register-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 100%;}

/*NRAW*/
.user-register-form #edit-nraw-profiles-wrapper .field--name-field-date-of-birth,
.user-register-form #edit-nraw-profiles-wrapper .field--name-field-place-of-birth,
/* .user-register-form #edit-nraw-profiles-wrapper .field--name-field-gender,
.user-register-form #edit-nraw-profiles-wrapper .field--name-field-gender, */
.user-register-form #edit-nraw-profiles-wrapper .field--name-field-civil-status,
.user-register-form #edit-nraw-profiles-wrapper .field--name-field-contact-number,
.user-register-form #edit-nraw-profiles-wrapper .field--name-field-nationality,
.user-register-form #edit-nraw-profiles-wrapper .field--name-field-condominium-village,
.user-register-form #edit-nraw-profiles-wrapper .field--name-field-brgy,
.user-register-form #edit-nraw-profiles-wrapper .field--name-field-city,
.user-register-form #edit-nraw-profiles-wrapper .field--name-field-postal-code{width: 50%;float: left;padding-right: 30px;min-height: 85px;}
.user-register-form #edit-nraw-profiles-wrapper .field--name-field-gender,
.user-register-form #edit-nraw-profiles-wrapper .field--name-field-gender{width: 50%;padding-right: 30px;min-height: 85px;}
.user-register-form #edit-nraw-profiles-wrapper .field--name-field-date-of-birth h4{color: #aeb5bb; font-weight: normal; font-size: 16px; text-transform: uppercase;}
.user-register-form .field--name-field-same-with-personal-address{float: left; width: 100%;}
.user-register-form .field--widget-profile-form .field--type-boolean.field--name-field-mail-list > div.form-item{align-items: flex-start;}
.user-register-form .field--widget-profile-form .field--type-boolean.field--name-field-mail-list > div.form-item > div{margin-top: 0;}
.user-register-form .field--type-boolean.field--name-field-same-with-personal-address label{display: block; padding-inline: 10px; margin: 0;}
.user-register-form .field--name-field-same-with-personal-address .js-form-item-nraw-profiles-0-entity-field-same-with-personal-address-value{padding: unset;}
.user-register-form .field--widget-profile-form .details-wrapper .field--type-boolean.field--name-field-same-with-personal-address .form-item{padding: unset;}

.user-register-form #edit-nraw-profiles-wrapper .field--name-field-unit-no{clear: both;}
.user-register-form #edit-nraw-profiles-wrapper .field--name-field-telephone-number{clear: both;}
.user-register-form .field--name-field-email-address,
.user-register-form .field--name-field-mobile-number,
.user-register-form .field--name-field-password,
.user-register-form .field--name-field-confirm-password,
.user-register-form .field--name-field-company-address,
.user-register-form .field--name-field-company-email,
.user-register-form .field--name-field-telephone-number{float: left; width: 100%;}


/*NRC*/
.user-register-form #edit-nrc-profiles-wrapper .field--name-field-condominium-village,
.user-register-form #edit-nrc-profiles-wrapper .field--name-field-brgy,
.user-register-form #edit-nrc-profiles-wrapper .field--name-field-city,
.user-register-form #edit-nrc-profiles-wrapper .field--name-field-postal-code{width: 50%;float: left;padding-right: 30px;min-height: 85px;}

.user-register-form #edit-nrc-profiles-wrapper .field--name-field-telephone-number{clear: both;}

/*NREF*/
.user-register-form #edit-nref-profiles-wrapper .field--name-field-condominium-village,
.user-register-form #edit-nref-profiles-wrapper .field--name-field-brgy,
.user-register-form #edit-nref-profiles-wrapper .field--name-field-city,
.user-register-form #edit-nref-profiles-wrapper .field--name-field-postal-code{width: 50%;float: left;padding-right: 30px;min-height: 85px;}

.user-register-form #edit-nref-profiles-wrapper .field--name-field-telephone-number{clear: both;}

/*NREP*/
.user-register-form #edit-nrep-profiles-wrapper .field--name-field-date-of-birth,
.user-register-form #edit-nrep-profiles-wrapper .field--name-field-place-of-birth,
.user-register-form #edit-nrep-profiles-wrapper .field--name-field-gender,
.user-register-form #edit-nrep-profiles-wrapper .field--name-field-gender,
.user-register-form #edit-nrep-profiles-wrapper .field--name-field-civil-status,
/*.user-register-form #edit-nrep-profiles-wrapper .field--name-field-contact-number,*/
.user-register-form #edit-nrep-profiles-wrapper .field--name-field-nationality,
.user-register-form #edit-nrep-profiles-wrapper .field--name-field-condominium-village,
.user-register-form #edit-nrep-profiles-wrapper .field--name-field-brgy,
.user-register-form #edit-nrep-profiles-wrapper .field--name-field-city,
.user-register-form #edit-nrep-profiles-wrapper .field--name-field-postal-code{width: 50%;float: left;padding-right: 30px;min-height: 85px;}

.user-register-form #edit-nrep-profiles-wrapper .field--name-field-telephone-number{clear: both;}
.user-register-form #edit-nrep-profiles-wrapper .field--name-field-unit-no{clear: both;}

/*NROA*/
.user-register-form #edit-nroa-profiles-wrapper .field--name-field-condominium-village,
.user-register-form #edit-nroa-profiles-wrapper .field--name-field-brgy,
.user-register-form #edit-nroa-profiles-wrapper .field--name-field-city,
.user-register-form #edit-nroa-profiles-wrapper .field--name-field-postal-code{width: 50%;float: left;padding-right: 30px;min-height: 85px;}

.user-register-form #edit-nroa-profiles-wrapper .field--name-field-telephone-number{clear: both;}

.field--name-field-nickname{display: none;}

.user-register-form .field--name-field-date-of-birth .form-item{margin-top: 3px;}
.user-register-form #edit-nraw-profiles-wrapper .field--name-field-employed-self-employed{clear: both;}
.user-register-form .field-multiple-table .field-multiple-drag{display: none;}
.user-register-form tr.drag-previous{background-color: transparent;}
.user-register-form .field--name-field-duration .fieldset-wrapper{display: flex; align-items: center;}
.user-register-form .field--name-field-duration .fieldset-wrapper h4{margin-right: 10px;}
.user-register-form .field--name-field-duration .fieldset-wrapper div{margin-right: 30px;}

.field--name-field-project-engagements table tbody tr{height: 40px;}
.user-register-form .field--name-field-project-engagements table .ief-tabledrag-header,
.user-register-form .field--name-field-project-engagements table tbody tr .ief-tabledrag-handle{display: none;}
.user-register-form .field--name-field-project-engagements table tbody tr td{padding-right: 30px;}
.user-register-form .field--name-field-project-engagements .field--name-field-contact-person,
.user-register-form .field--name-field-project-engagements .field--name-field-contact-number{width: 50%;float: left;padding-right: 30px;min-height: 85px;}

.user-register-form .field--type-boolean label{display: none;}
.user-register-form .field--widget-profile-form .details-wrapper .field--type-boolean .form-item{display: flex; align-items: center; flex-direction: row; font-size: 15px; padding: 10px 30px;}

.user-register-form #edit-account{display: none;}
/*.user-register-form .field--widget-profile-form .details-wrapper > fieldset > legend{display: none;}*/
/*.user-register-form .field--widget-profile-form .details-wrapper > fieldset > .fieldset-wrapper > fieldset > .fieldset-wrapper{background: #fff; padding: 20px 20px 20px; box-shadow: 0 0 4px rgb(0 0 0 / 25%);}*/
.user-register-form .field--widget-profile-form .details-wrapper > fieldset > .fieldset-wrapper{background: #fff; padding: 20px 20px 20px; box-shadow: 0 0 4px rgb(0 0 0 / 25%);}
.user-register-form .field--widget-profile-form .details-wrapper > fieldset > .fieldset-wrapper > fieldset > legend{border: none; font-size: 18px; color: #878d92;font-weight: bold;}
.user-register-form .form-item .description{margin-top: 10px;font-style: italic;}

/***
* hide fieldset 
*/
.user-register-form .field--widget-profile-form .details-wrapper > fieldset{display: none;}
.user-register-form .field--name-field-city button{border: none; border-bottom: 1px solid #ccc; outline: none; background: #fff; box-shadow: none; padding: 1.9px 0; border-radius: 0;}
.user-register-form .field--name-field-city .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 100%;}

.user-register-form .field--widget-profile-form .details-wrapper > fieldset > legend{border: none; color: #b9b9b9; font-size: 18px; margin-bottom: 15px;}
.user-register-form .field--widget-profile-form .details-wrapper > fieldset.form-active{display: block;}
.user-register-form .btn-wrap{text-align: center;}
.user-register-form .btn-wrap button{padding: 10px 85px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold;transition: all 0.5s ease;outline: none;}
.user-register-form .btn-wrap button:hover{background: transparent;color: #224076;}
.user-register-form .btn-wrap button.form-back{align-items: center; justify-content: center; position: absolute; bottom: 8px; left: 165px; padding: 10px 20px;display: none;}
.user-register-form .form-item, .form-actions{margin-top: 0;}
.user-register-form #edit-actions{display: none;}

.user-register-form .field--name-field-password label,
.user-register-form .field--name-field-confirm-password label{position: relative;display: inline-block;width: fit-content;}

.user-register-form .field--name-field-password label:after,
.user-register-form .field--name-field-confirm-password label:after{content: '*';position: absolute;top: 0px;right: -11px;color: red;}

.user-register-form fieldset[data-drupal-selector="edit-nraw-profiles-widget-0-entity-group-proof-of-engagement"] legend{font-size: 16px; font-weight: bold; color: #707782; border: none; padding-bottom: 10px; margin-bottom: 0;}

.password-good{border: 2px solid #7cbb8c !important;}
.password-bad{border: 2px solid #f90000 !important;}
.pass-match{font-weight: bold; margin-top: -15px;}

.field--name-field-project-engagements td,
.field--name-field-project-engagements th{min-width: 100px;}
.field--name-field-project-engagements > div > .form-item > .fieldset-wrapper{padding: 30px; border: 2px solid #d0d0d0;}
.field--name-field-project-engagements .container-inline .js-form-submit{padding: 5px 15px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold; transition: all 0.5s ease;}
.tabledrag-handle{display: none;}
/*.user-register-form .form-type-managed-file .description{display: none;}*/
.user-register-form input[type=checkbox], 
.user-register-form input[type=radio]{margin: 0;}
.user-register-form .field--name-field-profession .field-add-more-submit{padding: 5px 15px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold;}

.user-register-form .field--widget-profile-form .details-wrapper .field--widget-cck-select-other .js-form-type-textfield{display: none;}
.user-register-form .field--widget-profile-form .details-wrapper .field--name-field-duration .form-type-date{margin-bottom: 0;}

.user-register-form .field--widget-profile-form .details-wrapper > fieldset .form-item.ief-form{position: relative;margin-bottom: 50px;}
.user-register-form .field--widget-profile-form .details-wrapper > fieldset .form-item.ief-form > legend{display: none;}
.user-register-form .field--widget-profile-form .details-wrapper > fieldset .form-item.ief-form .ief-entity-submit{position: relative; padding: 10px 30px 20px;}
.user-register-form .field--widget-profile-form .details-wrapper > fieldset .form-item.ief-form div[data-drupal-selector="edit-nraw-profiles-0-entity-field-project-engagements-form-2-actions"],
.user-register-form .field--widget-profile-form .details-wrapper > fieldset .form-item.ief-form div[data-drupal-selector="edit-nraw-profiles-0-entity-field-project-engagements-form-1-actions"],
.user-register-form .field--widget-profile-form .details-wrapper > fieldset .form-item.ief-form div[data-drupal-selector="edit-nraw-profiles-0-entity-field-project-engagements-form-0-actions"]{position: absolute;bottom: -20px;}
.user-register-form .field--widget-profile-form .details-wrapper > fieldset .form-item.ief-form .ief-entity-submit{padding: 5px 15px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold;}
.user-register-form .field--widget-profile-form .details-wrapper > fieldset .form-item.ief-form div[data-drupal-selector="edit-nraw-profiles-0-entity-field-project-engagements-form-1-actions-ief-add-cancel"]{padding: 5px 15px; border-radius: 10px; border: 1px solid #224076; background: #9c4545; color: #fff; font-weight: bold;}
/*.user-register-form .field--widget-profile-form .details-wrapper > fieldset .form-item input[data-drupal-selector="edit-nraw-profiles-0-entity-field-project-engagements-actions-ief-add"]{margin-top: 10px;}*/
.field--name-field-project-engagements .multiple-fields-remove-button{display: none;}

.user-register-form .field--name-field-press-release td,
.user-register-form .field--name-field-press-release th{min-width: 100px;}
.user-register-form .field--name-field-press-release > div > .form-item > .fieldset-wrapper{padding: 30px; border: 2px solid #d0d0d0;}
.user-register-form .field--name-field-press-release .container-inline .js-form-submit{padding: 5px 15px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold; transition: all 0.5s ease;}

.user-register-form .field--widget-profile-form .details-wrapper > fieldset .form-item.ief-form{position: relative;margin-bottom: 50px;}
.user-register-form .field--widget-profile-form .details-wrapper > fieldset .form-item.ief-form > legend{display: none;}
.user-register-form .field--widget-profile-form .details-wrapper > fieldset .form-item.ief-form .ief-entity-submit{position: relative; padding: 10px 30px 20px;}
.user-register-form .field--widget-profile-form .details-wrapper > fieldset .form-item.ief-form div[data-drupal-selector="edit-nrep-profiles-2-entity-field-press-release-form-2-actions"],
.user-register-form .field--widget-profile-form .details-wrapper > fieldset .form-item.ief-form div[data-drupal-selector="edit-nrep-profiles-1-entity-field-press-release-form-1-actions"],
.user-register-form .field--widget-profile-form .details-wrapper > fieldset .form-item.ief-form div[data-drupal-selector="edit-nrep-profiles-0-entity-field-press-release-form-0-actions"]{position: absolute;bottom: -40px;}
.user-register-form .field--widget-profile-form .details-wrapper > fieldset .form-item.ief-form .ief-entity-submit{padding: 5px 15px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold;}
.user-register-form .field--widget-profile-form .details-wrapper > fieldset .form-item.ief-form div[data-drupal-selector="edit-nrep-profiles-0-entity-field-project-engagements-form-1-actions-ief-add-cancel"]{padding: 5px 15px; border-radius: 10px; border: 1px solid #224076; background: #9c4545; color: #fff; font-weight: bold;}
.user-register-form .field--widget-profile-form .details-wrapper > fieldset .form-item input[data-drupal-selector="edit-nrep-profiles-0-entity-field-press-release-actions-ief-add"]{margin-top: 10px;}
.user-register-form .field--widget-profile-form .details-wrapper > fieldset div[data-drupal-selector="edit-nraw-profiles-0-entity-field-project-engagements-form-inline-entity-form-entities-0-form-actions"]{margin-bottom: 15px;}
.user-register-form .field--widget-profile-form .field--name-field-press-release .multiple-fields-remove-button{display: none;}

.user-register-form .field--widget-profile-form .field--name-field-proof-of-engagement tr,
.user-register-form .field--widget-profile-form .field--name-field-proof-of-engagement th{padding-right: 30px;}

.user-register-form input,
.user-register-form select{min-height: 24px;}


.customMenuPopUp .modal-body{overflow-y: scroll; max-height: 400px;}
.customMenuPopUp .close{display: none;}
.customMenuPopUp .modal-header{padding: 10px 15px;}
.customMenuPopUp .modal-footer{display: flex; justify-content: flex-end; align-items: center;}
.customMenuPopUp .list-item ul{padding: 0;list-style-type: none;}
.customMenuPopUp .list-item ul li{margin-bottom: 5px;}
.customMenuPopUp .list-item ul li a{color: #5f5f5f;text-decoration: none;}
.customMenuPopUp .other-profession{margin-right: 20px;}

.error-inline{font-weight: bold;color: red;margin-bottom: 10px;}

/****
* Profile Builder
*/
.profile-form input, 
.profile-form select{min-height: 24px;}
.profile-form label{color: #707782;}
.profile-form{max-width: 850px; margin: 0 auto; padding: 10px 50px 40px;}
.profile-form > fieldset > legend{display: none;}
.profile-form .fieldset-wrapper .form-item{display: flex; flex-direction: column; margin-bottom: 20px;margin-top: 0;}
.profile-form .fieldset-wrapper .form-item select,
.profile-form .fieldset-wrapper .form-item input{border: none; border-bottom: 1px solid #ccc; outline: none;}
.profile-form > fieldset > .fieldset-wrapper{background: #fff; padding: 20px 20px 10px; box-shadow: 0 0 4px rgb(0 0 0 / 25%);}

.profile-form .field--name-field-date-of-birth,
.profile-form .field--name-field-place-of-birth,
.profile-form .field--name-field-gender,
.profile-form .field--name-field-gender,
.profile-form .field--name-field-civil-status,
.profile-form .field--name-field-contact-number,
.profile-form .field--name-field-nationality,
.profile-form .field--name-field-condominium-village,
.profile-form .field--name-field-brgy,
.profile-form .field--name-field-city,
.profile-form .field--name-field-postal-code{width: 50%;float: left;padding-right: 30px;min-height: 85px;}

.profile-form .field--name-field-unit-no,
.profile-form .field--name-field-telephone-number{clear: both;}

.profile-form > fieldset > .fieldset-wrapper > fieldset > legend{font-size: 16px; font-weight: bold; color: #707782; border-bottom: none; padding-bottom: 10px;}
.profile-form .field--name-field-date-of-birth h4{color: #707782; display: inline-block; max-width: 100%; margin-bottom: 8px; font-weight: 700; font-size: 14px; padding: 0;}
.profile-form .field-multiple-drag{display: none;}
.profile-form .field--name-field-profession h4.label{color: #707782; display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; font-size: 14px; padding: 0;}
.profile-form .field--name-field-project-engagements .ief-tabledrag-handle{display: none;}
.profile-form .field--name-field-project-engagements .ief-tabledrag-header{display: none;}
.profile-form .field--name-field-project-engagements table{margin-bottom: 10px;}
.profile-form .field--name-field-project-engagements .ief-form{position: relative;}

.profile-form fieldset .ief-form div[data-drupal-selector="edit-field-project-engagements-form-inline-entity-form-entities-2-form-actions"]{margin-bottom: 15px;}

.profile-form fieldset .ief-form div[data-drupal-selector="edit-field-project-engagements-form-3-actions"]{position: absolute; bottom: -20px;}
.profile-form fieldset .form-item.ief-form > div  div[data-drupal-selector="edit-field-project-engagements-form-3-actions"] .ief-entity-submit{padding: 5px 15px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold;}

.field--name-field-project-engagements fieldset .fieldset-wrapper .label{color: #707782; display: inline-block; max-width: 100%;font-weight: 700; font-size: 14px; padding: 0;}
.field--name-field-project-engagements > legend{font-size: 16px; font-weight: bold; color: #707782; border-bottom: 1px solid #e6e9f3; padding-bottom: 10px;}
.field--name-field-project-engagements .field--name-field-production-company{margin-top: 15px;}
.field--name-field-project-engagements .field--name-field-duration{margin-bottom: 25px;}
.field--name-field-project-engagements .field--name-field-duration  .fieldset-wrapper{display: flex; align-items: center;}
.field--name-field-project-engagements .field--name-field-duration  .js-form-item{margin: 0;margin-right: 30px;}
.field--name-field-project-engagements .field--name-field-duration  h4{margin-right: 15px;}
.field--name-field-project-engagements .field--name-field-duration legend{color: #707782; font-size: 16px; font-weight: bold; border: none;}
.field--name-field-project-engagements > div > fieldset > legend{font-size: 16px; font-weight: bold; color: #707782; border: none; padding-bottom: 10px;}

.field--name-field-press-release > div > fieldset > legend{font-size: 16px; font-weight: bold; color: #707782; border: none; padding-bottom: 10px;}
.field--name-field-press-release td,
.field--name-field-press-release th{min-width: 100px;}
.field--name-field-press-release > div > .form-item > .fieldset-wrapper{padding: 30px; border: 2px solid #d0d0d0;}
.field--name-field-press-release .container-inline .js-form-submit{padding: 5px 15px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold; transition: all 0.5s ease;}

.field--name-field-press-release td,
.field--name-field-press-release th{min-width: 100px;}
.field--name-field-press-release .container-inline .js-form-submit{padding: 5px 15px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold; transition: all 0.5s ease;margin: 0;}
.field--name-field-press-release .multiple-fields-remove-button{display: none;}

.profile-form .field--name-field-line-of-business h4.label{display: none;}

.profile-form .field--name-field-mail-list.field--type-boolean label{display: none;}
.profile-form .field--name-field-mail-list.field--type-boolean input{margin-top: 0;}
.profile-form .field--name-field-mail-list.field--type-boolean .form-item{display: flex; align-items: center; flex-direction: row; font-size: 15px; padding: 10px 30px;}
.profile-form #edit-actions{text-align: center;}
.profile-form #edit-actions input{padding: 10px 30px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold; transition: all 0.5s ease;}


.field--name-field-profession .field-add-more-submit{text-align: center;}
.field--name-field-profession .field-add-more-submit input{padding: 10px 35px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold; transition: all 0.5s ease;}

.field--name-field-profile-picture .image-preview{max-width: 110px; margin-bottom: 10px;}
.field--name-field-user-id{display: none;}

.tabledrag-toggle-weight-wrapper{display: none;}

#registration-steps{max-width: 850px; margin: 0 auto; padding: 10px 50px 0px;}
#registration-steps .head{display: flex;align-items: center;justify-content: center;}
#registration-steps .text p{font-size: 40px; font-weight: bold; color: #224076; line-height: 0.9; margin: 0; text-transform: uppercase; font-family: 'TradeGothicLT-BoldCondTwenty';}
#registration-steps .heading{color: #bbc4cb;font-size: 22px;}
#registration-steps .image-wrap{max-width: 140px;}
#registration-steps .steps-track{display: flex; justify-content: space-between; max-width: 210px; margin: 0 auto; font-size: 18px;}
#registration-steps .steps-track .step{width: 30px; height: 30px; color: #fff; background: #bbc4cb; border-radius: 50%; display: flex; align-items: center; justify-content: center;position: relative;}
/*#registration-steps .steps-track .step.form-done{background: #224076;}*/
#registration-steps .steps-track .step.form-done:after{background: #224076 !important;}
#registration-steps .steps-track .step.step1{background: #224076;}
#registration-steps .steps-track .step.step1:after{content: ''; position: absolute; height: 3px; width: 70px; background: #bbc4cb; left: 30px;}
#registration-steps .steps-track .step.step2:after{content: ''; position: absolute; height: 3px; width: 70px; background: #bbc4cb; left: 30px;}



/*Project Engagement Fields*/
.field--name-field-project-engagements table .ief-tabledrag-header,
.field--name-field-project-engagements table tbody tr .ief-tabledrag-handle{display: none;}
.field--name-field-project-engagements table tbody tr td{padding-right: 30px;}
.field--name-field-project-engagements .field--name-field-contact-person,
.field--name-field-project-engagements .field--name-field-contact-number{width: 50%;float: left;padding-right: 30px;min-height: 85px;}
.field--name-field-project-engagements .inline-entity-form-node-status{display: none;}
.field--name-field-project-engagements table tbody tr{height: 60px; border-bottom: 1px solid #bfbfbf;}
.field--name-field-project-engagements table{margin-bottom: 20px;}
.field--name-field-project-engagements th:nth-child(2),
.field--name-field-project-engagements table tbody tr td:nth-child(2){display: none;}
.field--name-field-project-engagements .description{margin-top: 15px;}
.field--name-field-project-engagements .field--name-title{margin-top: 15px;}

.field--name-field-press-release .inline-entity-form-node-status{display: none;}
.field--name-field-press-release table tbody tr{height: 60px; border-bottom: 1px solid #bfbfbf;}
.field--name-field-press-release table{margin-bottom: 20px;}
.field--name-field-press-release th:nth-child(2),
.field--name-field-press-release table tbody tr td:nth-child(2){display: none;}
.field--name-field-press-release .description{margin-top: 15px;}

.field--name-field-terms span{color: red;}

details > .details-wrapper{position: relative;}

#user-form{max-width: 450px; margin: 0 auto; padding: 5px 0px 40px;}
#user-form #edit-status--wrapper{display: none;}
#user-form #edit-actions input{padding: 10px 30px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold; transition: all 0.5s ease;}

#user-pass{max-width: 450px; margin: 0 auto; padding: 5px 0px 40px;}
#user-pass #edit-status--wrapper{display: none;}
#user-pass #edit-actions input{padding: 10px 30px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold; transition: all 0.5s ease;}
#user-pass #edit-actions input:hover{background: transparent;color: #224076;}

#block-nr-content #user-login-form{max-width: 450px; margin: 0 auto; padding: 5px 0px 40px;}
#block-nr-content #user-login-form #edit-status--wrapper{display: none;}
#block-nr-content #user-login-form #edit-actions input{padding: 10px 30px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold; transition: all 0.5s ease;}
#block-nr-content #user-login-form #edit-actions input:hover{background: transparent;color: #224076;}

.field--name-field-profile-picture .description{display: none;}
.field--name-field-bio textarea{outline: none;padding: 10px;border: 1px solid #ccc;}

.webform-submission-contact-add-form,
/*.webform-submission-grievance-desk-add-form{ background: #fff; padding: 20px 20px 20px; box-shadow: 0 0 4px rgb(0 0 0 / 25%); margin: 20px 0 50px; }*/
.webform-submission-grievance-desk-add-form{margin: 20px auto 50px; max-width: 700px;}
.webform-submission-contact-add-form .form-item,
.webform-submission-grievance-desk-add-form .form-item{ display: flex; flex-direction: column; margin-bottom: 20px; }
.webform-submission-contact-add-form .form-item label,
.webform-submission-grievance-desk-add-form .form-item label{ color: #aeb5bb; font-weight: normal; font-size: 16px; text-transform: uppercase; }
.webform-submission-contact-add-form .form-item input,
.webform-submission-grievance-desk-add-form .form-item input{ border: none; border-bottom: 1px solid #ccc; outline: none; background: none; }
.webform-submission-contact-add-form .form-item textarea,
.webform-submission-grievance-desk-add-form .form-item textarea{ border: 1px solid #ccc; }
.webform-submission-contact-add-form .form-actions,
.webform-submission-grievance-desk-add-form .form-actions{ text-align: center; }
.webform-submission-contact-add-form .form-actions input,
.webform-submission-grievance-desk-add-form .form-actions input{padding: 10px 85px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold;transition: all 0.5s ease;outline: none;}
.webform-submission-contact-add-form .form-actions input:hover,
.webform-submission-grievance-desk-add-form .form-actions input:hover{background: transparent;color: #224076;}
.webform-submission-grievance-desk-add-form legend{border: none; font-size: 18px; color: #878d92; font-weight: bold; margin-bottom: 0;}
.webform-submission-grievance-desk-add-form .form-item-last-name,
.webform-submission-grievance-desk-add-form .form-item-first-name,
.webform-submission-grievance-desk-add-form .form-item-middle-name,
.webform-submission-grievance-desk-add-form .form-item-suffix{width: 50%; float: left; padding-right: 30px;}
.webform-submission-grievance-desk-add-form .form-item-profession{clear: both;}
.webform-submission-grievance-desk-add-form .form-item-i-want-my-name-to-be-confidential-and-remain-anonymous-to-the-wo{display: flex; align-items: center; flex-direction: revert;}
.webform-submission-grievance-desk-add-form .form-item-i-want-my-name-to-be-confidential-and-remain-anonymous-to-the-wo input{margin: 0; margin-right: 20px;}
.webform-submission-grievance-desk-add-form select{outline: none;max-width: 50%;padding: 5px;}
.webform-submission-grievance-desk-add-form .grievance-wrapper section{display: none;position: relative;transition: all 0.5s ease;overflow: hidden;margin: 0;}
.webform-submission-grievance-desk-add-form .grievance-wrapper section.collapse{max-height: 90px;}
.webform-submission-grievance-desk-add-form .grievance-wrapper section:nth-child(1){display: block;}
.webform-submission-grievance-desk-add-form > .webform-elements > fieldset > .fieldset-wrapper{background: #fff; padding: 20px 20px 20px; box-shadow: 0 0 4px rgb(0 0 0 / 25%); margin: 20px 0 20px;}
.webform-submission-grievance-desk-add-form .grievance-wrapper .webform-section-title{display: none;}
.webform-submission-grievance-desk-add-form .grievance-wrapper .toggleForm{position: absolute; top: 40px; right: 20px; color: #224076; border: 2px solid #224076; border-radius: 50%; font-size: 20px; height: 30px; display: flex; align-items: center; justify-content: center; width: 30px; padding-top: 3px; cursor: pointer; transition: all 0.5s ease;}
.webform-submission-grievance-desk-add-form .grievance-wrapper .toggleForm span{padding-bottom: 5px;}
.webform-submission-grievance-desk-add-form .grievance-wrapper section.collapse .toggleForm{transform: rotate(180deg);}
.webform-submission-grievance-desk-add-form .grievance-wrapper .add-more{margin-top: 10px;}
.webform-submission-grievance-desk-add-form .grievance-wrapper .add-more button{padding: 10px 20px; border-radius: 10px; border: 1px solid #224076; background: #224076; color: #fff; font-weight: bold; transition: all 0.5s ease; outline: none;}
.webform-submission-grievance-desk-add-form .form-item-i-want-my-name-to-be-confidential-and-remain-anonymous-to-the-wo label{text-transform: none}
.webform-submission-grievance-desk-add-form input::-webkit-outer-spin-button, 
.webform-submission-grievance-desk-add-form input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.webform-submission-grievance-desk-add-form .half-width{width: 50%; float: left; padding-right: 30px;}
.webform-submission-grievance-desk-add-form .form-item-i-hereby-certify-that-the-above-information-given-are-true-and-c{flex-direction: row;}
.webform-submission-grievance-desk-add-form .form-item-i-hereby-certify-that-the-above-information-given-are-true-and-c input{margin-right: 10px;}
.clear{clear: both;}

.webform-submission-grievance-desk-add-form #edit-type-of-injury-or-illness .form-item{flex-direction: row;}
.webform-submission-grievance-desk-add-form #edit-type-of-injury-or-illness .form-item input{margin-right: 10px;}
.webform-submission-grievance-desk-add-form #edit-type-of-injury-or-illness .js-webform-checkboxes{column-count: 3;}
.webform-submission-grievance-desk-add-form #edit-type-of-injury-or-illness .form-type-textarea{flex-direction: column;}
.webform-submission-grievance-desk-add-form .overview h2{text-transform: uppercase;color: rgb(35, 63, 113);}

.webform-submission-grievance-desk-add-form #edit-type-of-grievance .form-item{display: flex; flex-direction: row;}
.webform-submission-grievance-desk-add-form #edit-type-of-grievance .form-item input{margin-right: 15px;}

.webform-submission-grievance-desk-add-form .js-form-item-attachements .form-item{display: flex; flex-direction: row;}
.webform-submission-grievance-desk-add-form .js-form-item-attachements .form-item input{margin-right: 15px;}


.white-bg-content{max-width: 900px; margin: 0 auto;}
.white-bg-content-inner h2{ font-weight: bold; color: rgb(35, 63, 113); margin-bottom: 30px; font-size: 24px;text-transform: uppercase;border-bottom: 1px solid #b5acac82;padding-bottom: 15px;}
.white-bg-content-inner{margin-bottom: 70px;}
.white-bg-content-inner > .row{ margin-bottom: 40px; }
.white-bg-content .contact-item{ background: url('../images/profile-user.svg') 0 5px no-repeat; padding-left: 60px; }
.white-bg-content .contact-item a{color: #5D5D5D;}
.white-bg-content .contact-item .contact-name{ font-size: 19px; color: #323232; font-weight: bold; }
.website-contact-item .fb-link{ background: url('../images/facebook.svg') 0 5px no-repeat; display: inline-block;
    width: 30px;
    height: 35px;
    white-space: nowrap;
    text-indent: 100%;
    background-size: 100%;
    overflow: hidden; }

.node--type-social-services,
.node--type-updates,
.node--type-programs{ font-size: 16px; margin-bottom: 30px; }
#block-breadcrumbs .breadcrumb{ padding: 5px 0; background: transparent;}
.breadcrumb li{ color: #224076; text-transform: uppercase; font-weight: bold; }
.breadcrumb li a{ color: #c7c7c7; text-decoration: none; text-transform: uppercase; }
.node--type-updates .image-wrapper{ margin-bottom: 30px; }
.node--type-social-services .logo-image-wrapper img{ width: auto; margin-bottom: 25px; }

#block-views-block-updates-block-2 h2{ position: relative; font-weight: bold; color: #2a4f95; text-align: center; margin-bottom: 25px; text-transform: uppercase;}
#block-views-block-updates-block-2 h2:before{ content: " ";
    position: absolute;
    border: 1px solid #2a4f95;
    width: 35%;
    left: 0;
    top: 50%;
    margin-top: -1px; }
#block-views-block-updates-block-2 h2:after{ content: " ";
    position: absolute;
    border: 1px solid #2a4f95;
    width: 35%;
    right: 0;
    top: 50%;
    margin-top: -1px; }
#block-views-block-updates-block-2 .grid-default .default-grid-item{ text-align: center; }
#block-views-block-updates-block-2 .grid-default .default-grid-item .title a{ color: #333; }

.field--name-field-proof-of-engagement tbody tr td{padding-bottom: 10px;}
.field--name-field-proof-of-engagement thead tr td{padding-bottom: 10px;}
.field--name-field-signature{padding: 10px 30px;}