.campus-profile-section .section-title { font-size: 14px; font-weight: bold; margin: 10px 0px 5px 0px; }
.campus-profile .profile-field-data input[type=text], .campus-profile .profile-field-data input[type=date], .campus-profile .profile-field-data input[type=password], .campus-profile .profile-field-data select, .campus-profile textarea {
    background-color: #f7f7f7; border: 1px solid #ddd; border-radius: 2px; box-sizing: border-box; color: #333333; padding: 5px; width: 100%;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.campus-profile input[type=submit] { cursor: pointer; font-size: 16px; min-height: 30px; width: 100%; }
.campus-profile .profile-field-data input[type=text]:focus, .campus-profile .profile-field-data input[type=submit]:focus, .campus-profile .profile-field-data input[type=date]:focus, .campus-profile .profile-field-data input[type=password]:focus, .campus-profile .profile-field-data select:focus, .campus-profile textarea:focus { border-color: #007fc4; }
.campus-profile .profile-field-data input[type=checkbox]:focus { outline: 1px solid #007fc4; }
.campus-profile .profile-field-data input[type=checkbox] { height: 18px; margin: 0px; vertical-align: middle; width: 18px; }
.campus-profile textarea { min-height: 120px; }
.campus-profile .profile-avatar { width: 65px; vertical-align: top; }
.campus-profile .profile-note { color: #555555; font-size: 11px; font-weight: normal; }
.campus-profile .profile-description-note, .campus-profile .profile-password-note { float: right; margin-top: -20px; text-align: right; }

.campus-profile .campus-profile-submit-ctrls { margin: 10px 0px; }
.campus-profile-uploader-progress, .campus-forms-uploader-loader { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; }
.campus-profile-uploader-progress { border: 1px solid #aaaaaa; border-radius: 3px; display: none; padding: 1px; position: relative; }
.campus-profile-uploader-bar { background-color: #dddddd; border-radius: 3px; height: 20px; width: 0%; }
.campus-profile-uploader-percent { left: 48%; position: absolute; top: 3px; }
.campus-profile-uploader-loader { display: none; margin-bottom: 10px; }

.campus-profile .campus-success, .campus-profile .campus-error { margin-bottom: 10px; }
.campus-profile .email-change-notification { background: #ffffe0; border: 1px solid #e6db55; box-sizing: border-box; margin-top: 5px; padding: 5px; text-align: center; width: 100%; }

.campus-hovercard { position: relative; }
.campus-hovercard-name { font-weight: bold; text-decoration: none; }
.campus-hovercard-box { color: #121212; font-size: 1em; font-weight: normal; text-align: left; background: #fff; border: solid 1px #ddd; position: absolute; width: 450px; min-height: 80px; border-radius: 3px; left: -11px; top: -12px; z-index: 100; box-shadow: 0 3px 8px rgba(0, 0, 0, .25); border-radius: 0px; display: none; }
.campus-hovercard-details, .campus-hovercard-actions { padding: 10px; }
.campus-hovercard-actions { padding-top: 0px; font-weight: bold; }
.campus-hovercard-actions a { text-decoration: none; }
.campus-hovercard-details img { float: right; margin: 0px 0px 5px 5px; }
.campus-hovercard-left .campus-hovercard-box { text-align: right; left: auto; right: -11px; }
.campus-hovercard-left .campus-hovercard-box img { float: left; margin: 0px 5px 5px 0px; }

.campus-profile-popup-link { font-weight: bold; }
.campus-profile-popup-details { padding: 10px; }
.campus-profile-popup-name { font-weight: bold; }
.campus-profile-popup-details img { float: left; margin: 0px 10px 5px 0px; }
.campus-profile-popup-actions { font-weight: bold; padding-top: 10px; }
.campus-profile-popup-name, .campus-profile-popup-description, .campus-profile-popup-actions { margin-left: 150px; }

.campus-profile-custom-fields-ui-sortable { margin-bottom: 0px; }
.campus-profile-custom-fields-ui-sortable .ui-sortable-handle { cursor: pointer; padding: 10px; }
.campus-profile-custom-fields-ui-sortable .placeholder { background: #f7f7f7; border: 1px dashed #aaaaaa; clear: both; min-height: 38px; }
#global-custom-profile-field-order, #local-custom-profile-field-order { margin-bottom: 0px; }
.campus-profile-custom-field-actions { float: right; }
.campus-profile-custom-field-actions a { text-decoration: none; }
a.profile-custom-field-new { text-decoration: none; }
.profile-custom-field-new { background: #f7f7f7; border: 1px dashed #aaaaaa; display: block; padding: 10px; text-align: center; }

#campus-popup-window .campus-grid .campus-profile-cf-dropdown-options { padding: 0px; }
.add-option { background: #f7f7f7; border: 1px solid #aaaaaa; display: block; font-weight: bold; margin: 0px 0px 10px 0px; padding: 10px; text-align: center; text-decoration: none; }
.add-option:focus { box-shadow: none; outline: none; }
.remove-option-col { padding: 5px; text-align: center; }
.single-option .remove-option { display: none; }
.campus-profile-cf-dropdown-options.campus-grid:after { white-space: unset; }
.campus-profile-cf-dropdown-option { border-top: 1px solid #aaaaaa; cursor: move; padding: 10px; }

.progress-profile-admin { background: #f7f7f7; border: 1px solid #dddddd; clear: both; margin-bottom: 10px; padding: 10px; text-align: center; }
.campus-setting-profile-field-visibility .campus-grid-submit { margin: 10px 0px 0px 0px; }

@media (min-width: 768px) {
    .campus-profile-cf-dropdown-options-container .remove-option-col { padding-top: 25px; }
    .campus-profile .campus-profile-section { width: 100%; }
    .campus-profile .profile-fields { display: table; width: 100%; }
    .campus-profile .profile-field { display: table-row; width: 100%; }
    .campus-profile .profile-field-label, .campus-profile .profile-field-data { display: table-cell; padding: 2px 0px; }
    .campus-profile .profile-field-label { min-width: 120px; width: 120px; }
    .campus-profile .profile-field-data { width: 100%; }
    .campus-profile .profile-field-data span { display: block; padding: 5px 0px 4px 0px; }
}

@media (max-width: 500px) {
    .campus-profile-popup-name, .campus-profile-popup-description, .campus-profile-popup-actions { margin-left: 0px; }
}
.campus-profile-error { border: 1px solid #ff0000 !important; }

.campus-profile-rotate-image:after { position: absolute; font-family: "dashicons"; content: "\f531"; padding: 5px 7px; background: #fff; border-radius: 50%; border: 1px solid #000; top: 10px; left: 10px; opacity: 0.3; }
.campus-profile-rotate-image:hover:after { opacity: 0.8; }
.campus-profile-rotate-image-inline:after { font-family: "dashicons"; content: "\f531"; position: absolute; margin-left: 2px; }