/* Placeholders */
*::-webkit-input-placeholder {
    color: #555;
    opacity: 1;
}
*:focus::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
}

/* Firefox < 19 */
*:-moz-placeholder {
    color: #555;
    opacity: 1;
}
*:focus:-moz-placeholder {
    color: #000;
    opacity: 1;
}

/* Firefox > 19 */
*::-moz-placeholder {
    color: #555;
    opacity: 1;
}
*:focus::-moz-placeholder {
    color: #000;
    opacity: 1;
}

/* Microsoft Edge */
*::-ms-input-placeholder {
    color: #555;
    opacity: 1;
}
*:focus::-ms-input-placeholder {
    color: #000;
    opacity: 1;
}

/* Most modern browsers */
::placeholder {
    color: #555;
    opacity: 1;
}
:focus::placeholder {
    color: #000;
    opacity: 1;
}

/* Fields */
.field {
    position: relative;

    overflow: hidden;

    max-width: 100%;

    margin-bottom: 40px;

    vertical-align: middle;
}

.field:after {
    content: " ";
    display: block;
    clear: both;
}

.field.lessMargin {
    margin-bottom: 25px;
}

.field.noMargin {
    margin-bottom: 0px;
}

.field.captcha {
    min-height: 120px;
}

.field.captcha.danger {
    padding: 20px 20px 10px;
}

.field.captcha label {
    float: none;
}
.field.captcha .captcha-help {
    display: none;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 15px;
}
.webGuidelines .field.captcha .captcha-help {
    display: block;
}

.field.prepend,
.field.append {
    padding-bottom: 4px;

    font-size: 0;
}

.field label,
.fieldLabel {
    display: block;

    cursor: pointer;

    float: left;

    max-width: 85%;

    margin-bottom: 0;

    line-height: 1.625em;

    font-size: 16px;

    color: #666;
}
.field.radioGroup.horizontal label {
    max-width: 100%;
}

.field label:first-child,
form label:first-child,
.fieldLabel {
    margin-bottom: 10px;

    font-weight: 600;
}

.userConditions .field a,
.privacyStatement .field a {
    display: initial;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
}

.userConditions .field,
.userConditions .field *,
.privacyStatement .field.switch,
.privacyStatement .field.switch *,
.privacyStatement .field * {
    font-weight: 700;
    line-height: 20px;
    margin: 0;
}
.userConditions .field label a,
.privacyStatement .field.switch label a {
    margin-right: 5px;
}
#registrations.item .userConditions .field label a,
#registrations.item .privacyStatement .field.switch label a {
    margin-right: 0;
}
.userConditions .field,
.privacyStatement .field.switch {
    margin-bottom: 40px;
}

.userConditions .field input[type="checkbox"],
.privacyStatement .field input[type="checkbox"] {
    margin: 3px 10px 0 0;
}

.commentField .field label {
    float: none;
}

.field .adjoined {
    z-index: 1;

    position: relative;

    display: inline-block;

    height: 36px;

    padding: 0 10px 0 10px;
    margin-bottom: 0;

    line-height: 34px;

    font-family: "Open Sans";
    font-weight: 600;
    font-size: 16px;

    color: #555;

    background: #f2f2f2;
}

/* Form fields */

.field input[type="text"],
.field input[type="password"],
.field input[type="email"],
.field input[type="url"],
.field input[type="tel"],
.field input[type="file"],
.field textarea,
.field .tagsinput {
    position: relative;

    width: 100%;
    max-width: 100%;

    padding: 0 10px 0 10px;
    margin: 0;

    line-height: 34px;

    resize: none;

    font-family: "Open Sans";
    font-weight: 300;
    font-size: 16px;

    color: #767676;

    background: #fff;

    border: solid 1px #949494;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.webGuidelines .field input[type="text"],
.webGuidelines .field input[type="password"],
.webGuidelines .field input[type="email"],
.webGuidelines .field input[type="url"],
.webGuidelines .field input[type="tel"],
.webGuidelines .field input[type="file"],
.webGuidelines .field textarea,
.webGuidelines .field .tagsinput,
.webGuidelines .cke_contents {
    border: solid 1px #757575;
}

html:not(.webGuidelines) .field input[type="text"],
html:not(.webGuidelines) .field input[type="password"],
html:not(.webGuidelines) .field input[type="email"],
html:not(.webGuidelines) .field input[type="url"],
html:not(.webGuidelines) .field input[type="tel"],
html:not(.webGuidelines) .field input[type="file"],
html:not(.webGuidelines) .field textarea,
html:not(.webGuidelines) .field .tagsinput {
    outline: none;
}

.field input[type="text"],
.field input[type="password"] {
    height: 36px;
}

.field input[type="file"] {
    padding: 5px 10px 5px 10px;
    line-height: 20px;
    border: dotted 2px #d8d8d8;
}

.webGuidelines .field input[type="file"] {
    border: dotted 2px #d8d8d8;
}

.field textarea {
    min-height: 170px;
    height: auto;
}

.field input[type="text"].warning:focus,
.field input[type="text"].warning,
.field textarea.warning:focus,
.field textarea.warning {
    border: 2px solid orange;
}

.field .tagsinput {
    overflow-y: auto;

    width: 100% !important;
    min-height: 170px;
    height: auto;

    padding: 10px;
}

.field .tagsinput input {
    width: 80px;
    height: 36px;

    font-weight: 300;
    font-size: 16px;

    border: none;
}

html:not(.webGuidelines) .field .tagsinput input {
    outline: none;
}

.field .tagsinput span.tag {
    display: block;

    float: left;

    height: 36px;

    padding: 0 5px 0 5px;
    margin: 0px 5px 5px 0px;

    text-decoration: none;

    color: #638421;

    background: #cde69c;

    border: 1px solid #a5d24a;
    border-radius: 2px;
}

.field .tagsinput span.tag a {
    font-weight: 600;

    text-decoration: none;

    color: #82ad2b;
}

.field .tagsinput .not_valid {
    color: #90111a !important;

    background: #fbd8db;

    border: solid 1px #fcb1b7;
    border-radius: 2px;
}

.field .color {
    position: absolute;

    right: 1px;

    width: 100px;
    height: 34px;

    margin-top: 1px;

    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.passwordResetContainer {
    padding: 20px;
    margin-bottom: 20px;
    border: solid 1px #e9e9e9;
}

.field.passwordRequirementsSummary li {
    color: #6e6e6e;
}

.field.passwordRequirementsSummary li:before {
    width: 15px;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.field.passwordRequirementsSummary .danger {
    color: #9d2a2a;
}

.field.passwordRequirementsSummary .danger:before {
    color: #9d2a2a;
    content: "\e814";
}

.field.passwordRequirementsSummary .success {
    color: #2e8540;
    font-weight: 700;
}

.field.passwordRequirementsSummary .success:before {
    color: #0c7d29;
    content: "\e812";
}

.field.passwordCheck .passwordToggle {
    background: none;
    border: none;
    bottom: 5px;
    color: inherit;
    cursor: pointer;
    font: inherit;
    outline: inherit;
    padding: 0;
    position: absolute;
    right: 20px;
    z-index: 1;
}

.field select,
.customDropDown > button {
    position: relative;

    display: block;

    width: 100%;
    height: 36px;

    padding-left: 10px;
    margin: 0;

    font-family: "Open Sans", sans-serif;
    font-size: 16px;

    color: #767676;

    border: solid 1px #e5e5e5;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.webGuidelines .field select,
.webGuidelines .customDropDown > button {
    border: solid 1px #757575;
}

html:not(.webGuidelines) .field select {
    outline: none;
}

.field input[type="text"]:focus,
.field input[type="password"]:focus,
.field input[type="email"]:focus,
.field input[type="url"]:focus,
.field input[type="tel"]:focus,
.field input[type="file"]:focus,
.field textarea:focus,
.field .tagsinput input:focus,
.field select:focus {
    color: #333;

    border: solid 1px #1873c9;
}

html:not(.webGuidelines)
    .field.dateTimeSelect
    select:not(.yearselect):not(.monthselect):not(.hourselect):not(.minuteselect) {
    display: none;
}

.field.dateSelect label,
.field.dateTimeSelect label,
.field.sorter label {
    display: inline-block;

    float: none;

    clear: both;
}

.field.dateSelect select {
    float: left;

    width: 30%;
}

.field.dateSelect select:nth-child(2) {
    width: 40%;
}

.field.dateTimeSelect select {
    float: left;

    width: 20%;
}

.field.dateTimePicker {
    overflow: visible;
}

.field.dateTimePicker:before {
    margin-left: 10px;
    position: absolute;
    top: 41px;
    z-index: 1;
}
.recurrenceDuration .field.dateTimePicker:before {
    top: 5px;
}

.field.dateTimePicker .dateTimeOutput {
    padding-left: 35px;
}

.field.sorter select {
    float: left;

    width: 50%;
}

.field input[type="radio"],
.field input[type="checkbox"] {
    position: relative;

    float: left;

    width: auto;

    margin: 7px 5px 0 1px;
}

.field .radio label {
    margin: 0 15px 0 5px;

    font-weight: normal;
}

.field table.radio {
    width: 100%;
}

.field.prepend input {
    display: inline-block;

    max-width: 100%;

    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.field.prepend.append input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.field.prepend.append input:last-child,
.field.append *:last-child {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.field.append input {
    display: inline-block;

    max-width: 100%;

    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.field.prepend.append input:first-child,
.field.prepend *:first-child {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.field.gender span {
    display: block;

    clear: both;
}

.field .noRoundBorder {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

/* Form field sizes */

.field .ten,
.field.ten {
    width: 10% !important;
}

.field .twenty,
.field.twenty {
    width: 20% !important;
}

.field .twentyFive,
.field.twentyFive {
    width: 25% !important;
}

.field .thirty,
.field.thirty {
    width: 30% !important;
}

.field .forty,
.field.forty {
    width: 40% !important;
}

.field .fifty,
.field.fifty {
    width: 50% !important;
}

.field .sixty,
.field.sixty {
    width: 60% !important;
}

.field .seventy,
.field.seventy {
    width: 70% !important;
}

.field .eighty,
.field.eighty {
    width: 80% !important;
}

.field .ninety,
.field.ninety {
    width: 90% !important;
}

.field .hundred,
.field.hundred {
    width: 100% !important;
}

/* Form field validation */
.field.danger:after,
.field.warning:after,
.field.success:after {
    z-index: 1;

    position: absolute;

    bottom: 5px;
    right: 0;

    margin-right: 15px;

    font-family: "entypo";
    font-size: 16px;
}

.field.danger.append:after,
.field.danger.prepend:after,
.field.warning.append:after,
.field.warning.prepend:after,
.field.success.append:after,
.field.success.prepend:after {
    content: "";
}

.field.danger.checkboxGroup,
.field.danger.radioGroup,
.field.warning.checkboxGroup,
.field.warning.radioGroup,
.field.success.checkboxGroup,
.field.success.radioGroup {
    padding: 10px;
}

.field.danger:after {
    color: #ca3838;

    content: "\e814";
}

.field.danger input[type="text"],
.field.danger input[type="password"],
.field.danger input[type="email"],
.field.danger input[type="url"],
.field.danger input[type="tel"],
.field.danger input[type="file"],
.field.danger textarea,
.field.danger select,
.field.danger.captcha,
.field.danger.checkboxGroup,
.field.danger.radioGroup,
.field.danger #customCssEditor {
    color: #9d2a2a;

    background: #f0c5c5 !important;

    border-color: #9d2a2a !important;
}

.field.danger label,
.field.danger .charactersLeft {
    color: #9d2a2a;
}

.field.danger input::-webkit-input-placeholder,
.field.danger textarea::-webkit-input-placeholder {
    color: #ca3838;
}

.field.danger #addressError {
    color: #ca3838;
}

.field.danger #addressError:before {
    margin-right: 5px;
}

.field.danger input:-moz-placeholder,
.field.danger textarea:-moz-placeholder,
.field.danger input:-ms-input-placeholder,
.field.danger textarea:-ms-input-placeholder {
    color: #ca3838;
}

.field.danger .passwordToggle {
    display: none;
}

.field.danger h3,
.field.danger h3:hover,
.field.danger a,
.field.danger a:hover {
    color: #9d2a2a;
}

.field.warning:after {
    color: #f6b83f;

    content: "\e83e";
}

.field.warning input[type="text"],
.field.warning input[type="password"],
.field.warning input[type="email"],
.field.warning input[type="url"],
.field.warning input[type="tel"],
.field.warning input[type="file"],
.field.warning textarea,
.field.warning select,
.field.warning.checkboxGroup,
.field.warning.radioGroup {
    color: #976707;

    background: #fef7ea !important;

    border-color: #f6b83f !important;
}

.field.warning label,
.field.warning .charactersLeft {
    color: #f6b83f;
}

.field.warning input::-webkit-input-placeholder,
.field.warning textarea::-webkit-input-placeholder {
    color: #f6b83f;
}

.field.warning input:-moz-placeholder,
.field.warning textarea:-moz-placeholder,
.field.warning input:-ms-input-placeholder,
.field.warning textarea:-ms-input-placeholder {
    color: #f6b83f;
}

.field.success:after {
    color: #58c026;

    content: "\e812";
}

.field.success input[type="text"],
.field.success input[type="password"],
.field.success input[type="email"],
.field.success input[type="url"],
.field.success input[type="tel"],
.field.success input[type="file"],
.field.success textarea,
.field.success select,
.field.success.checkboxGroup,
.field.success.radioGroup {
    color: #58c026;

    background: #c0eeaa !important;

    border-color: #58c026 !important;
}

.field.success label,
.field.warning .charactersLeft {
    color: #58c026;
}

.field.success input::-webkit-input-placeholder,
.field.success textarea::-webkit-input-placeholder {
    color: #58c026;
}

.field.success input:-moz-placeholder,
.field.success textarea:-moz-placeholder,
.field.success input:-ms-input-placeholder,
.field.success textarea:-ms-input-placeholder {
    color: #58c026;
}

/* Buttons */

.button,
.editorButton {
    display: inline-block;

    width: auto;
    min-height: 36px;

    padding: 0;

    text-align: center;

    line-height: 30px;

    font-family: "Open Sans";
    font-weight: 600;

    font-size: 16px;

    color: #555;

    background: #e9e9e9;

    border: solid 1px #e9e9e9;

    -webkit-appearance: none;
}

.toolbar .button,
.toolbar .button input {
    line-height: 34px;
}

.webGuidelines .button.iconOnly,
.webGuidelines .button.transparent,
.webGuidelines.no-touch .button.transparent.noHover:hover {
    border: solid 1px #757575;
}

.no-touch .button:hover {
    background: #f2f2f2;

    border-color: #f2f2f2;
}

.touch:not(.desktop) .button.export,
.touch:not(.desktop) #toolbarTop a.export {
    display: none;
}

.button div {
    display: none;
}

.button a,
.button input,
.button button,
.editorButton a,
.editorButton input,
.editorButton button,
a .editorButton,
.button.followers p {
    display: inline-block;

    cursor: pointer;

    height: 100%;

    padding: 0 16px 0 16px;
    margin: 0;

    text-transform: uppercase;

    font-family: "Open Sans";
    font-weight: 600;

    font-size: 16px;

    color: #555;

    background: none;

    border: none;
}

.button.followers:hover p {
    color: #fff;
}

.button.toggleDropDown:hover {
    cursor: pointer;
}

.hideDropDown .dropDown {
    display: none !important;
}

a .editorButton {
    color: #fff;
    background: #e9e9e9;
}

.editorButton a,
.editorButton input,
.editorButton button,
.editorContent .button:not(.transparent) a,
.editorContent .button:not(.transparent) input,
.editorContent .button:not(.transparent) button {
    color: #fff;
}

.button a {
    position: relative;
}

.button a,
.button input {
    line-height: 33px;
}

.no-touch .button:hover a {
    color: #555;
}

html:not(.webGuidelines) .button input:focus,
html:not(.webGuidelines) .button button:focus {
    outline: 0;
    -moz-outline: 0;
}

.button.after {
    padding-left: 10px;
}

.button.followUser,
.button.followingUser,
.button.vote,
.button.voted,
.button.voteYes,
.button.voteNo {
    min-width: 136px;
    width: auto;
}
.button.follow,
.button.following {
    min-width: 116px;
    width: auto;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.button.followUser input,
.button.followingUser input,
.button.vote input,
.button.voted input,
.button.voteYes input,
.button.voteNo input {
    min-width: 132px;
}
.button.follow input,
.button.following input {
    min-width: 112px;
}

.button.signUp,
.button.signedUp {
    width: 164px;
}

.button.signUp input,
.button.signedUp input {
    width: 156px;
}

.button.info,
.button.confirm,
.button.delete,
.button.success,
.button.general {
    color: #fff;
}

.button.info a,
.no-touch .button.info a:hover,
.button.info input,
.button.info button,
.button.confirm a,
.no-touch .button.confirm a:hover,
.button.confirm input,
.button.confirm button,
.button.delete a,
.no-touch .button.delete:hover a,
.no-touch .button.delete a:hover,
.button.delete input,
.button.delete button,
.button.success a,
.no-touch .button.success a:hover,
.button.success input,
.button.success button,
.button.general a,
.no-touch .button.general a:hover,
.button.general input,
.button.general button,
.no-touch .editorButton:hover a,
.no-touch .editorButton:hover input,
.no-touch .editorButton:hover button,
.no-touch .editorContent .button:hover a,
.no-touch .editorContent .button:hover input,
.no-touch .editorContent .button:hover button {
    color: #fff;
}

.button.transparent {
    background: transparent;
}

.button.delete.transparent {
    color: #555;

    border-color: #e9e9e9;
}
.webGuidelines .button.delete.transparent {
    border-color: #757575;
}

.button.delete.transparent a {
    color: #555 !important;
}

.no-touch .button.transparent:hover,
.no-touch .button.transparent:hover a,
.no-touch .button.transparent:hover input,
.no-touch .button.transparent a:hover,
.webGuidelines .no-touch .button.transparent:hover,
.webGuidelines.no-touch .button.transparent:hover a,
.webGuidelines.no-touch .button.transparent:hover input,
.webGuidelines.no-touch .button.transparent a:hover,
.button.accepted.transparent input,
.button.denied.transparent input,
.button.maybied.transparent input,
.button.transparent.voteYes.active input,
.button.transparent.voteNo.active input {
    color: #fff;
}

.no-touch .button.follow.transparent:hover,
.no-touch .button.followUser.transparent:hover,
.no-touch .button.like.transparent:hover,
.no-touch .button.vote.transparent:hover,
.no-touch .button.signUp.transparent:hover,
.no-touch .button.accept.transparent:hover,
.button.accepted.transparent,
.no-touch .button.accepted.transparent:hover,
.button.transparent.voteYes.active,
.no-touch .button.transparent.voteYes.active,
.no-touch .button.transparent.voteYes:hover,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteYes.active,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteYes.active,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteYes:hover,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.vote:hover {
    color: #fff;

    background: #0e8a2d;

    border-color: #0e8a2d;
}

.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteYes.active input,
.webGuidelines .itemImage.hasImage .toolbar .no-touch .button.transparent.voteYes.active input,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteYes:hover input,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.vote:hover input {
    color: #fff;
}

.button.following.transparent,
.button.followingUser.transparent,
.infoDialog .userLinks .button.followingUser.transparent,
.button.liked.transparent {
    color: #0e8a2d;

    border-color: #0e8a2d;
}

.button.following.transparent input,
.button.followingUser.transparent input,
.button.liked.transparent input {
    color: #0e8a2d;
}

.button.favorited.transparent {
    color: #f6b83f;

    border-color: #f6b83f;
}
.webGuidelines .button.favorited.transparent {
    color: #0e27a6;

    border-color: #0e27a6;
}

.button.favorited.transparent input {
    color: #f6b83f;
}
.webGuidelines .button.favorited.transparent input {
    color: #0e27a6;
}

.no-touch .button.following.transparent:hover,
.no-touch .button.followingUser.transparent:hover,
.no-touch .button.liked.transparent:hover,
.no-touch .button.voted.transparent:hover,
.no-touch .button.signedUp.transparent:hover,
.no-touch .button.deny.transparent:hover,
.button.denied.transparent,
.no-touch .button.denied.transparent:hover,
.no-touch .button.favorited.transparent:hover,
.button.transparent.voteNo.active,
.no-touch .button.transparent.voteNo.active,
.no-touch .button.transparent.voteNo:hover,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteNo.active,
.no-touch.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteNo.active,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteNo:hover,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voted:hover {
    color: #fff;

    background: #ca3838;

    border-color: #ca3838;
}

.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteNo.active input,
.no-touch.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteNo.active input,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voteNo:hover input,
.webGuidelines .itemImage.hasImage .toolbar .button.transparent.voted:hover input {
    color: #fff;
}

.no-touch .button.favorite.transparent:hover {
    color: #ffffff;

    background: #f6b83f;

    border-color: #f6b83f;
}
.webGuidelines.no-touch #toolbarTop .button.favorite.transparent:hover,
.webGuidelines.no-touch .button.favorite.transparent:hover {
    background: #0e27a6;

    border-color: #0e27a6;
}
.no-touch .button.maybe.transparent:hover,
.button.maybied.transparent,
.no-touch .button.maybied.transparent:hover {
    color: #fff;

    background: #f6b83f;

    border-color: #f6b83f;
}
.webGuidelines.no-touch .button.maybe.transparent:hover,
.webGuidelines .button.maybied.transparent,
.webGuidelines.no-touch .button.maybied.transparent:hover {
    background: #0e27a6;

    border-color: #0e27a6;
}

#toolbarTop .button.like,
#toolbarTop .button.liked,
.button.security,
.button.favorite,
.button.favorited,
.button.continue,
.button.rotate {
    margin-left: 4px;
}

#toolbarTop .button.followers {
    border-left: none;
}

.button.iconOnly {
    width: 40px;

    font-size: 20px;
}

.no-touch .button.iconOnly:hover {
    color: #fff;
}

.button.iconOnly:before {
    width: 26px;

    padding-left: 5px;
}

.button.iconOnly.exportItem:before,
.button.iconOnly.noPadding:before {
    padding-left: 0;
}

.button.iconOnly a,
.button.iconOnly span {
    width: 40px;

    padding: 0;
    margin-left: -40px;
}

.button.iconOnly input,
.button.iconOnly button {
    position: absolute;
    width: 40px;
    height: 36px;
    padding: 0;
    margin-left: -34px;
}

#favoritesTabContent .button.iconOnly input {
    height: 34px;
    margin-left: -30px;
    padding: 0;
    width: 36px;
}
#favoritesTabContent .buttons.right {
    padding: 2px;
}

.button.iconOnly.close {
    position: absolute;

    top: 0;
    right: 0;
}

.button.iconOnly.close:before {
    padding-left: 0;
}

.overlayContent .button.iconOnly.close:before {
    padding-left: 5px;
}

.button.iconOnly.close input {
    width: 36px;
}

#toolbarTop > .button,
#toolbarTop .button.iconOnly {
    vertical-align: bottom;
}

#toolbarTop ul .button.iconOnly:before {
    margin-bottom: 1px;
}

.button.rounded,
.no-touch .button.rounded:hover,
.no-touch .button.rounded:active {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.button.oval {
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
}

.button.oval-left {
    -webkit-border-radius: 500px 0 0 500px;
    -moz-border-radius: 500px 0 0 500px;
    border-radius: 500px 0 0 500px;
}

.button.oval-right {
    -webkit-border-radius: 0 500px 500px 0;
    -moz-border-radius: 0 500px 500px 0;
    border-radius: 0 500px 500px 0;
}

.field.prepend .button,
.field.append .button {
    z-index: 1;

    position: relative;

    display: inline-block;

    margin: 0 -1px 0 0;
}

.field.append .button {
    margin-left: -1px;
}

.field.prepend .button a,
.field.append .button a {
    padding: 0 12px 0 12px;
}

.button.noHover,
.button.noHover * {
    pointer-events: none;
}

.button.disabled {
    cursor: not-allowed;
    opacity: 0.6;
    pointer-events: none;
}
.toolbar:not(.toolbarSaveSend) .button:not(.iconOnly):not(.register).disabled:not(:first-child) {
    margin-left: 0;
}

/* Alerts */

.alert {
    margin-bottom: 10px;

    color: #555;

    list-style-type: none;
    word-wrap: break-word;

    background: #fff;

    border: solid 1px #f2f2f2;
}

.alert.info {
    color: #fff;

    background: #7b8085;

    border-color: #4a4d50;
}

.alert.confirm {
    color: #255a32;

    background: #80cb92;

    border-color: #0e8a2d;
}

.alert.danger {
    color: #7b2121;

    background: #df8989;

    border-color: #ca3838;
}

.alert.warning {
    color: #644405;

    background: #fbdca0;

    border-color: #f6b83f;
}

.alert.success {
    color: #316b15;

    background: #91e26a;

    border-color: #58c026;
}

.alert.general {
    color: #1a5186;

    background: #85b7e7;

    border-color: #1873c9;
}

/* Badges & labels */

.badge,
.label {
    display: inline-block;

    height: 20px;

    padding: 0 7px 0 7px;

    text-align: center;

    line-height: 20px;

    color: #555;

    background: #f2f2f2;
}

.badge {
    font-size: 14px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.label {
    font-size: 12px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.badge a,
.no-touch .badge a:hover,
.label a,
.no-touch .label a:hover {
    color: #555;
}

label a {
    text-decoration: underline;
}

.badge.info,
.label.info {
    color: #fff;

    background: #4a4d50;
}

.badge.info a,
.no-touch .badge.info a:hover,
.label.info a,
.no-touch .label.info a:hover {
    color: #fff;
}

.badge.confirm,
.label.confirm {
    color: #fff;

    background: #0e8a2d;
}

.badge.confirm a,
.no-touch .badge.confirm a:hover,
.label.confirm a,
.no-touch .label.confirm a:hover {
    color: #fff;
}

.badge.danger,
.label.danger {
    color: #fff !important;

    background: #ca3838;
}

.badge.danger a,
.no-touch .badge.danger a:hover,
.label.danger a,
.no-touch .label.danger a:hover {
    color: #fff !important;
}

.badge.warning,
.label.warning {
    color: #644405;

    background: #f6b83f;
}

.badge.warning a,
.no-touch .badge.warning a:hover,
.label.warning a,
.no-touch .label.warning a:hover {
    color: #644405;
}

.badge.success,
.label.success {
    color: #fff;

    background: #58c026;
}

.badge.success a,
.no-touch .badge.success a:hover,
.label.success a,
.no-touch .label.success a:hover {
    color: #fff;
}

.badge.general,
.label.general {
    color: #fff;

    background: #1873c9;
}

.badge.general a,
.no-touch .badge.general a:hover,
.label.general a,
.no-touch .label.general a:hover {
    color: #fff;
}

.field.recurrenceWeekday span,
.field.recurrenceWeekdayDeviated span,
.field.recurrenceDay span {
    float: left;
    padding-right: 10px;
    padding-top: 5px;
}

.alignRight {
    text-align: right;
}

.alignRight select,
.alignRight input,
.alignRight textarea {
    display: inline-block;

    float: none;
}

.alignRight:last-child {
    margin-right: 0;
}

/* Editor forms */

#forms.item .formSpacer:first-child {
    display: none;
}

#forms.item:not(.add) .field {
    display: block;

    margin: 0;
}

#forms.item .formSpacer {
    height: 20px;

    margin: 0;
}

#forms.item select {
    height: auto;
    min-height: 36px;
}

#forms.item .question {
    display: block;

    font-weight: 600;

    color: #555;

    margin-bottom: 10px;
}
#forms.item fieldset legend.question {
    font-size: 16px;

    padding: 0;
}

#forms.item .answer {
    display: block;

    clear: both;
}

#forms.item .field.horizontal .answer {
    display: inline-block;

    clear: none;

    margin-right: 20px;
}

#forms.item .overlayContent .field {
    overflow: hidden;
}

fieldset.block {
    display: block;
    padding: 20px;
    margin-bottom: 40px;
    background-color: #e9e9e9;
    border-bottom: 3px solid #bcbcbc;
}

.field.newsletterSender label {
    margin-bottom: 0;
}

.field.newsletterSender div::before {
    content: "";
    clear: both;
    display: table;
}

fieldset.block legend {
    padding: 0 10px 5px 10px;
    background-color: #fff;
}

#forms.item.results .row .two.columns {
    word-wrap: anywhere;
}

.accessibilityLink {
    display: block;
    text-decoration: underline;
    padding-bottom: 20px;
}

.extraFieldsEditor .cke_contents {
    height: 400px !important;
}

input[type="text"]:read-only,
.field input[type="text"]:read-only {
    background-color: #eee;
    border: 1px solid #bababa !important;
    color: #000;
    cursor: inherit;
}
input[type="text"]:read-only:focus,
.field input[type="text"]:read-only:focus {
    box-shadow: none;
}

#mobileSlideOut .field.search span {
    position: relative;
}
#mobileSlideOut .field.search a.icon-search {
    color: #8f96a0;
    position: absolute;
    right: 20px;
    top: -2px;
}

/* Mobiles & tablets */
@media only screen and (max-width: 768px) {
    .field .ten,
    .field .twenty,
    .field .twentyFive,
    .field .thirty,
    .field .forty,
    .field .fifty,
    .field .sixty,
    .field .seventy,
    .field .eighty,
    .field .ninety {
        width: 100% !important;

        margin: 0 0 10px 0 !important;
    }

    .field.dateSelect select,
    .field.dateTimeSelect select,
    .field.sorter select {
        width: 100% !important;
    }

    #reCaptcha {
        min-height: 130px;
    }
}

/* Mobiles */

@media only screen and (max-width: 480px) {
    #rc-imageselect {
        -webkit-transform: scale(0.77);
        transform: scale(0.77);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}