.modal-panel .form-control.form-error {
    background-color: #ffcbcb;
    border: 1px solid #ff0000;
    color: #ff0000;
    list-style: none;
    margin-bottom: 15px;
}


.modal-panel .message {
     display: block;
     list-style: none;
     margin-bottom: 15px;
     padding: 10px;
     width: 100%;
 }

.modal-panel .notify-info {
    background-color: #eafbea;
    border: 1px solid #22e222;
    color: #22e222;
}

.modal-panel .notify-error {
    background-color: #ffcbcb;
    border: 1px solid #ff0000;
    color: #ff0000;
}

.modal-panel .notify-hidden {
    display: none;
}

.modal-panel .form-control.form-error::-moz-placeholder {
    color: #ff0000;
}

.modal-panel .alert {
    border-radius: 0;
    margin: 0;
    padding: 0;
}

.modal-panel .alert-danger {
    background-color: transparent;
    border: 0 none;
    color: #ff0000;
    font-size: 18px;
    margin-top: 5px;
}

.modal-panel .h1,
.modal-panel .modal-panel-content .h1 {
    display: block;
    margin:  20px 0 20px 0;
    text-align: center;
}

.modal-panel .modal-link {
    font-size: 18px;
}

.modal-panel .form-wrapper {
    clear: both;
}

.modal-panel-content .btn {
    color: #fff;
    height: 45px;
    padding: 0 10px;
    line-height: 46px;
    text-align: center;
    width: 100%;
}

.modal-panel .modal-panel-content .btn,
.modal-panel .modal-panel-content .btn:hover {
    color: #fff!important;
    line-height: 46px;
}

.modal-panel .modal-panel-content .btn-dark {
    background-color: #000;
}

.modal-panel .modal-panel-content .btn-dark:hover {
    background-color: #232323;
}

.modal-panel .modal-panel-content .gap-bottom {
    margin-bottom: 15px;
}

.modal-panel .modal-panel-content .gap-top {
    margin-top: 15px;
}

.modal-panel .modal-panel-content {
    border: 0 none;
    font-family: 'AvenyT', Helvetica, sans-serif;
    margin-top: 20%;
}

.modal-panel .modal-panel-content label {
    font-size: 18px;
    line-height: 22px;
}

.modal-panel .modal-panel-content .checkbox label {
    font-size: 16px;
    line-height: 1.65;
}

.modal-panel .modal-panel-content input,
.modal-panel .modal-panel-content button,
.modal-panel .modal-panel-content select,
.modal-panel .modal-panel-content textarea,
.modal-panel .modal-panel-content .selectbox {
    font-size: 18px;
}

.modal-panel .modal-panel-content .selectbox span.value {
    background-color: #e6e6e6;
    height: 45px;
    color: #000;
    display: block;
    line-height: 33px;
    padding: 6px 57px 6px 12px;
    overflow: hidden;
    width: 100%;
}

.modal-panel .modal-panel-content .selectbox span.value:after {
    background: url('/usermanager/images/btn-selectbox.png') center 0 no-repeat #22e222;
    content: "";
    cursor: pointer;
    display: block;
    height: 45px;
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
}

.modal-panel .modal-panel-content .selectbox ul.list {
    background-color: #f0f0f0;
    border-bottom: 3px solid #fff;
    border-top: 3px solid #fff;
    height: auto;
    color: #000;
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
}

.modal-panel .modal-panel-content .error .selectbox span.value {
    background-color: #ffcbcb;
    border: 1px solid #ff0000;
    color: #ff0000;
    list-style: none;
    margin-bottom: 15px;
}

.modal-panel .modal-panel-content .selectbox ul.list li {
    display: block;
    padding: 6px 12px;
    width: 100%;
}

.modal-panel .modal-panel-content .selectbox ul.list li:hover {
    background-color: #22e222;
    color: #fff;
}

.modal-panel .modal-panel-content .login-icons .wired {
    background: url('/usermanager/images/icons.png') 0 0 no-repeat transparent;
    margin: 0 3px;
}

.modal-panel .modal-panel-content .login-icons .wired.wired-twitter {
    width: 32px;
    height: 32px;
    background-position: 0 0;
}

.modal-panel .modal-panel-content .login-icons .wired.wired-facebook {
    width: 32px;
    height: 32px;
    background-position: 0 -32px;
}

.modal-panel .modal-panel-content .login-icons .wired.wired-gplus {
    width: 32px;
    height: 32px;
    background-position: 0 -64px;
}

.modal-panel .modal-panel-content .login-icons .wired.wired-in {
    width: 32px;
    height: 32px;
    background-position: 0 -96px;
}

.modal-panel .modal-panel-content .login-icons .wired.wired-git {
    width: 32px;
    height: 32px;
    background-position: 0 -128px;
}

.modal-panel .modal-panel-content .login-icons .tooltip {
    margin-top: 8px;
}



.modal-panel .modal-panel-content #hms-profile-app .nav.nav-tabs {
    border-bottom: none;
    text-align: center;
    width: 100%;
}

.modal-panel .modal-panel-content #hms-profile-app .nav-tabs > li {
    cursor: pointer;
    float: none;
    display: inline-block;
}

.modal-panel .modal-panel-content #hms-profile-app .nav-tabs > li > a {
    background-color: transparent;
    color: #e6e6e6;
    border: 0;
    border-radius: 0;
    font-size: 50px;
    font-weight: 700;
    line-heigt: 55px;
    margin: 20px 10px 30px 10px;
    padding: 0;
}

.modal-panel .modal-panel-content #hms-profile-app .nav-tabs > li > a:hover {
    background-color: transparent;
}

.modal-panel .modal-panel-content #hms-profile-app .nav-tabs > li.active > a {
    border-bottom: 3px solid #000;
    color: #000;
}

.modal-panel .modal-panel-content #hms-profile-app .memberAdvertisement-titel {
    font-size: 48px;
    text-align: center;
}
.modal-panel .modal-panel-content #hms-profile-app .memberAdvertisement-label {
    font-size: 26px;
    text-align: center;
    line-height: 1.25;
}
.modal-panel .modal-panel-content #hms-profile-app .memberAdvertisement .form-group {
    margin-top: 25px;
}
.modal-panel .modal-panel-content #hms-profile-app .memberAdvertisement .form-group > a {
    font-size: 26px;
}


.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-avatar,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-user,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-mail {
    background-color: #e6e6e6;
    font-size: 18px;
    margin: 0 0 20px 0;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline.last {
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline .profile-action {
    display: table;
    width: 100%;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline .profile-action-row {
    display: table-row;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline .profile-action-cell {
    display: table-cell;
    width: 50%;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline .profile-action-cell.left {
    padding-right: 7px;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline .profile-action-cell.right {
    padding-left: 7px;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-avatar.blank,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-user.blank,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-mail.blank {
    background-color: #fff;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-avatar .profile-wrapper,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-user .profile-wrapper,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-mail .profile-wrapper {
    padding: 10px 15px 10px 15px;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-avatar.blank .profile-wrapper,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-user.blank .profile-wrapper,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-mail.blank .profile-wrapper {
    padding: 10px 0;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-avatar.blank .avatar-box {
    display: table;
    height: 45px;
    width: 100%;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-avatar.blank .avatar-box-row {
    display: table-row;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-avatar.blank .avatar-box-cell {
    display: table-cell;
    vertical-align: bottom;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-avatar.blank .avatar-box-cell.image {
    width: 90px;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-avatar.blank .avatar-box-cell.text {
    line-height: 1.4em;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-avatar.blank .avatar-box-cell #profile-name {
    margin-bottom: 0;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-avatar.blank .avatar-box img {
    height: 75px;
    width: 75px;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-avatar button.button-area,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-user button.button-area,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-mail button.button-area {
    background-color: transparent;
    border: 0 none;
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-avatar button.button-area .profile-wrapper,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-user button.button-area .profile-wrapper,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-mail button.button-area .profile-wrapper {
    background: url('/usermanager/images/icon-arrow-big-right.png') right center no-repeat transparent;
    padding-right: 40px;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-avatar button.button-area .profile-box,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-user button.button-area .profile-box,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-mail button.button-area .profile-box {
    display: table;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-avatar button.button-area .profile-row,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-user button.button-area .profile-row,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-mail button.button-area .profile-row {
    display: table-row;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-avatar button.button-area .imageBox,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-user button.button-area .imageBox,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-mail button.button-area .imageBox {
    display: table-cell;
    padding: 7px 15px 0 0;
    width: 75px;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-avatar button.button-area .infoBox,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-user button.button-area .infoBox,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-mail button.button-area .infoBox {
    color: #000;
    display: table-cell;
    height: 100%;
    font-weight: bold;
    min-width: 125px;
    vertical-align: top;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-avatar input,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-user input,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-mail input,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-avatar select,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-user select,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-mail select,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-avatar .selectbox,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-user .selectbox,
.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-mail .selectbox {
    margin-bottom: 15px;
    width: 100%;
}

.modal-panel .modal-panel-content #hms-profile-app .profile-head {
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
    margin: 0 0 5px 0;
}

.modal-panel .modal-panel-content .member-box {
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0;
    width: 100%;
}

.modal-panel .modal-panel-content .member-box.first {
    border-top: 1px solid #e6e6e6;
}

.modal-panel .modal-panel-content  .member-box h3 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 0;
}

.modal-panel .modal-panel-content .member-table {
    display: table;
    width: 100%;
}

.modal-panel .modal-panel-content .member-row {
    display: table-row;
}

.modal-panel .modal-panel-content .member-cell p {
    margin: 0;
}

.modal-panel .modal-panel-content .member-cell {
    display: table-cell;
}

.modal-panel .modal-panel-content .member-cell .valid-to {
    display: block;
    font-weight: bold;
}

.modal-panel .modal-panel-content .member-cell .valid-to.valid {
    color: #22e222;
}

.modal-panel .modal-panel-content .member-cell .valid-to.invalid {
    color: #ff0000;
}

.modal-panel .modal-panel-content .member-cell.left {
    vertical-align: top;
    width: 35%;
}

.modal-panel .modal-panel-content .member-cell.right {
    padding-bottom: 7px;
    vertical-align: bottom;
    width: 65%;
}

.modal-panel .modal-panel-content .spinner {
    width: 32px;
    height: 34px;
    margin-left: 50%;
    background: url('/usermanager/images/icon-spinner.gif') center center no-repeat;
}

.modal-panel .modal-panel-content #hms-profile-app .form-inline.edit-avatar.blank .avatar-box img.spinner {
    margin: 21px;
    height: auto;
    width: auto;
}

div.entitlementaddkundennummer {
    margin-top: 10px;
    margin-bottom: 15px;

}
div.entitlementaddkundennummer .modal-link {
    font-size: 16px;
}



div.externalUnit {
    width: 50%;
    float: left;
}

div.entitlementSeparator{
    width: 4%;
    float: left;
    font-size: 18px;
    padding-top: 35px;
    padding-left: 9px;
}

div.externalId {
    width: 45%;
    float: right;
}

div.externalSave {
    clear: both;
}

.selectbox select.form-error + span{
    margin-bottom: 15px;
}