html,
body {
    /* height: 100%; */
    /* font-size: 15px !important; */
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap>.container {
    padding: 70px 15px 20px;
}

/* .footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
} */

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after,
a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content:
        /*"\e113"*/
        "\e151";
}

a.desc:after {
    content:
        /*"\e114"*/
        "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li>form>button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li>form>button.logout {
        display: block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav>li>form>button.logout:focus,
.nav>li>form>button.logout:hover {
    text-decoration: none;
}

.nav>li>form>button.logout:focus {
    outline: none;
}

/* .language-picker{
    position: absolute !important;
    right:30px !important;
    margin-top: 10px;
    z-index: 999;
} */
/* .empty{
    color:#DD5A43 !important;
} */
.nowrap {
    white-space: nowrap;
}

.select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field {
    /* height:28px !important; */
}

/* .select2-container--krajee .select2-selection--multiple{
    min-height:30px !important;
} */


#list-users>.label a {
    color: #FFF !important;
}

.person-contact-info {
    background: 0 0 !important;
    color: #08C !important;
    padding: 4px 12px !important;
    line-height: 20px !important;
}

button:focus:not(:focus-visible) {
    outline: none;
}

.text-wrap {
    white-space: pre-wrap;
    /* CSS3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
}



.tabs-x .nav-tabs>li>a:hover {
    color: #4C8FBD;
}

.tabs-x .nav-tabs>li.open .dropdown-toggle {
    background-color: #FFF;
    /* border-color: #4F99C6; */
    color: #337ab7;
}

.tabs-x li.active>a {
    color: #337ab7;
    font-weight: bold;
}

.tabs-x.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #337ab7;
}

.tabs-x .nav-tabs>li>a:hover,
.dropdown-menu>li>a:hover {
    /* color:#337ab7; */
    /* background-color: red; */
    /* background-color: #FFF; */
    /* color:#337ab7; */
    /* font-weight: bold; */
}


.tabs-x .dropdown-menu>li.active>a,
.dropdown-menu>li>a:active {
    background-color: #4F99C6;
    color: #FFF;
    /* background-color: #FFF;
    color: #337ab7; */
}

.tabs-x .nav-pills .open .dropdown-toggle,
.nav>li.dropdown.open.active>a:focus,
.nav>li.dropdown.open.active>a:hover {
    background-color: #FFF;
    /* border-color: #4F99C6; */
    color: #337ab7;
}

/* .tabs-x .dropdown-item.active, .dropdown-item:active {
    color: #fff  !important;
    text-decoration: none  !important;
    background-color: #007bff  !important;
} */


.btn-group-manage-person {
    margin-bottom: 5px;
}

.person-photo-container {
    position: relative;
}

.person-photo-panel {
    display: block;
}

.person-photo-overlay {
    position: absolute;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    /* Black see-through */
    color: #f1f1f1;
    /* width: 100%; */
    transition: .5s ease;
    opacity: 0;
    color: white;
    font-size: 12px;
    padding: 5px;
    margin: 0 0 5px 5px;
    text-align: center;
    cursor: pointer;
}

.person-photo-container:hover .person-photo-overlay {
    opacity: 1;
}

.btn-modal-form {
    cursor: pointer;
}

.text-top {
    vertical-align: top;
}

.tfoot-summary{
    border-top: 2px solid #ddd;
    font-weight: bold
}

/* .modal-fullscreen */
.modal-fullscreen {
    background-color: #FFF;
    width: 90% !important;
}

/* Shared profile cards (address + relation people) */
.profile-list .summary,
.profile-list .empty {
    margin-bottom: 8px;
}
.profile-list .pagination {
    margin: 4px 0 8px;
}
.profile-item {
    margin-bottom: 14px;
}
.profile-card {
    border: 1px solid #b8c4cf;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
}
.profile-card__header {
    padding: 8px 12px;
    border-bottom: 1px solid #c7d2dc;
    background: #e3ebf1;
}
.profile-card__title {
    margin: 0;
    color: #3b5f7a;
    padding-top: 3px;
    font-weight: 700;
    font-size: 15px;
}
.profile-card__actions .btn + .btn {
    margin-left: 4px;
}
.profile-card__body {
    padding: 10px 12px;
}
.profile-card__meta {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed #cbd5de;
}
.profile-card__body .table {
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .profile-card__header .pull-right {
        float: none !important;
        margin-top: 6px;
    }
}