/* 
 * Styles for forms and form menus
 */

.elgg-subtext {
    float: right;
    text-align: left;
    width: 80%;
    margin-top: 5px;
}


/* footer navigation */
.form-edit-footer .form-edit-footer-next-button{
    text-align: right;
    float: right;
}
.form-edit-footer-button {
    width:              90px;
    height:             30px;
    line-height:        30px;
    padding-left:       1.78571em;
    padding-right:      1.78571em;
}


/* Sidebar Menu */
.form-edit-sidebar-progressbar {
    width:              100%;
}
.form-edit-sidebar-progressbar li {
    position:           relative;
    height:             40px;
    line-height:        40px;
    margin-bottom:      3px;
    padding-left:       40px;
}
.form-edit-sidebar-progressbar a.form-edit-sidebar-submit-button li {
    position:           relative;
    height:             40px;
    line-height:        40px;
    margin-bottom:      10px;
    padding-left:       40px;
}
.form-edit-sidebar-progressbar li i{
    position:           absolute;
    line-height:        inherit;
    left:               10px;
}
.nmwp-sidebarpopup-layout-right .form-edit-sidebar-progressbar {
    padding:            85px 0 0 0;
}
.nmwp-sidebarpopup-layout-right .form-edit-sidebar-progressbar li:not(.nmwp-popup-action-button) {
    margin-bottom:      0px !important;
}
.nmwp-sidebarpopup-layout-right .form-edit-sidebar-progressbar .nmwp-popup-action-button {
    position:           relative;
    height:             40px;
    line-height:        40px;
    margin-bottom:      10px;
    padding-left:       40px;
}


/* Fieldsets and items */
.form-edit-fieldset {
    padding:        1.785em;
}
.form-edit-fieldset legend {
    padding:        15px;
}
.form-edit-fieldset .redactor-box {
    margin-bottom:      0px;
    width:              610px;
}
.form-edit-fieldset .picker:after {
    z-index:        100;
}
.form-edit-fieldset .picker {
    max-width:      500px;
}
.form-edit-fieldset .input.wide {
    max-width:      600px;
}
.form-edit-fieldset label {
    margin:     0 0 3px 0;
}
.form-edit-fieldset .picker select {
    width:      500px !important;
}
.form-edit-fieldset .field {
    margin:     10px 0px;
}


/* Fields & gui elements */
form > .form-inline-field {
    margin-bottom: 20px;
}
fieldset > .form-inline-field {
    margin-bottom: 20px;
}
.form-inline-field {
    display: inline-block;
    width: 100%;
}
.form-inline-field-pair-left {
    display: inline-block;
    width: 50%;
}
.form-inline-field-pair-right {
    width: 50%;
    display: inline-block;
    text-align: right;
}
.form-inline-field-pair-left .field-label {
    width:  40%;
}
.form-inline-field-pair-right .field-label {
    width: 40%;
    text-align: left;
}
.form-inline-field-pair-left .elgg-input-dropdown,
.form-inline-field-pair-left .input {
    width:  55%;
}
.form-inline-field-pair-right .elgg-input-dropdown,
.form-inline-field-pair-right .input {
    width:  55%;
}
.form-group-line {
    margin-bottom:   20px;
}

.field-birthday .field-label {
    width: 20%;
}
.field-birthday .elgg-input-date {
    width: 30%;
}
.field-deadline .field-label {
    width:  20%;
}
.field-deadline .elgg-input-dropdown {
    width: 20%;
    float:  right;
    color:  #555;
}
.field-deadline .elgg-input-date {
    width: 55%; 
}
.field-file .file {
    padding: 0;
    width: 80%;
}
.form-subcontent {
    padding-left: 20px;
}
.field-content {
    display: inline-block;
}
.field-label {
    display:    inline-block;
    vertical-align:     baseline;
    font-weight:    normal; 
    margin-bottom:  0px !important;
    margin-top:     0px !important;
    line-height:    15px;
}
.field-address-gmap {
    height: 200px;
    margin-bottom: 20px;
}
.field-address-gmap .address-gmap {
    display: inline-block;
    height: 100%;
    width: 40%;
}
.field-address-gmap .address-input {
    display: inline-block;
    padding-left: 20px;
    vertical-align: top;
    height: 100%;
    width: 60%;
}
.field-image-upload-container {
    display: inline-block;
}
.field-image-upload {
    overflow: visible;
}
.field-image-upload .field-label {
    vertical-align: top;
    width: 20%;
}
.field-image-upload .field-image-upload-container {
    width: 80%;
}
.field-multilanguage-text .field-label {
    vertical-align: top;
    width: 20%;
}
.field-multilanguage-text .field-content {
    display: inline-block;
    width: 80%;
}
.field-text .field-label {
    width: 20%;
}
.field-text .input {
    width: 80%;
}
.form-two-row-field .field-label{
    display: inline-block;
    width: 100%;
}
.form-two-row-field .field-content{
    display: inline-block;
    width: 100%;
}
.form-one-row-container {
    display: inline-block;
    width: 100%;
}
.form-one-row-container {
    display: inline-block;
}
.form-one-row-container .container-content-1-4{
    display: inline-block;
    width: 25%;
}
.form-one-row-container .container-content-3-4{
    display: inline-block;
    width: 75%;
}
.field-address-gmap .form-one-row-container > :not(:first-child) {
    padding-left: 10px;
}
.field-textarea .field-label {
    vertical-align: top !important;
    width: 20%;
}
.field-textarea .field-content {
    width: 80%;
}
.field-dynamic-cfp > * {
    vertical-align: top;
}
.field-dynamic-cfp > .field-multilanguage-text {
    width: 50%;
}
.field-dynamic-cfp > .field-options{
    padding-left: 2%;
    width: 30%;
    height: 30px;
    line-height: 30px;
}
.field-options > div {
    display: inline-block;
    height: 100%;
    width: 50%;
}
.field-options > div > * {
    vertical-align: middle;
}
.field-dynamic-cfp > .elgg-input-dropdown {
    width: 18%;
    margin-left: 2%;
    padding-left: 10px;
}
.field-text-with-select .field-label {
    width: 20%;
}
.field-text-with-select .input {
    width: 55%;
}
.field-text-with-select .elgg-input-dropdown {
    width: 20%;
    padding-left: 10px;
    float: right;
}
.field-dropdown .field-label {
    width: 20%;
}
.field-dropdown .elgg-input-dropdown {
    width: 80%;
    padding-left: 10px;
}
.field-radio .field-label {
    width: 30%;
}
.field-radio .radio-container {
    width: 70%;
    display: inline-block;
}
.field-radio .radio-container label {
    margin: 0 20px 0 0;
    font-weight: normal;
}
.field-checkbox .field-label {
    width: 40%;
}
.field-checkbox .elgg-input-checkbox {
    margin-left: 20px;
    height: auto;
}
.field-checkbox .elgg-subtext {
    margin-top: 10px;
}
.field-file .field-label {
    width: 20%;
}
.field-file .field {
    display: inline-block;
    width: 80%;
}
.field-date .field-label {
    width: 20%;
}
.field-date .elgg-input-date {
    width: 30%;
}
.field-date .elgg-subtext {
    margin-top: 10px;
}
.field-date-timespan .field-label {
    width: 20%;
}
.field-date-timespan .elgg-input-date {
    width: 30%;
}
.field-date-timespan .text-label {
    float: right;
    margin-left: 10px;
}
.field-date-timespan .elgg-input-dropdown {
    width: 20%;
    padding-left: 10px;
    margin-left: 10px;
    float: right;
}
.egg-subtext {
    text-align: right;
}
.form-icon-container {
    width: 80%;
    display: inline-block;
}
.form-icons {
    padding: 5px;
}
.form-icon {
    float: left;
    height: 50px;
}
.form-icon-links {
    float: right;
    height: 50px;
    line-height: 50px;
}
.field-icon .field-label {
    width: 20%;
    vertical-align: top;
}
.form-icon img {
    height: 50px;
}
.field-monthyearpicker-upto .field-label {
    width: 20%;
}
.field-monthyearpicker-upto select {
    border: 0;
}
.field-nmwpupload .field-label {
    width: 20%;
    vertical-align: top;
}
.field-nmwpupload .images-container {
    width:      80%;
    display:    inline-block;
}
.field-meeting-times .field-label {
    width: 30%;
}
.field-meeting-times .elgg-input-date {
    width: 30%;
    margin-left: 10px;
}
.field-meeting-times .elgg-input-dropdown {
    width: 15%;
    margin-left: 10px;
}
.form-inline-field > .elgg-subtext {
    margin-top: 10px;
}


/* FIELD DOUBLETEXT */
.field-double-text .field-label {
    width: 20%;
}
.field-double-text .input {
    width: 25%;
}
.field-double-text .field-spacer {
    width: 10%;
    display: inline-block;
}
.field-double-text-select .field-label {
    width: 20%;
}
.field-double-text-select .input {
    width: 25%;
}
.field-double-text-select .elgg-input-dropdown {
    width: 25%;
}
.field-double-text-select .field-spacer {
    width: 10%;
    display: inline-block;
}


/* FIELD TOGGLESWITCH */
.field-toggleswitch .field-label {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    height: 22px;
    line-height: 22px;
}
.field-toggleswitch .switch-container {
    width: 60%;
    display: inline-block;
}