.navigation-wrapper {
    z-index: 10 !important;
}

hr {
    display: block;
    border-top: 2px solid red;
    border-style: inset;
    border-width: 2px;
    margin-right: auto;
    margin-left: auto;
}

.samtykkeerklaeringcheckbox input[type="checkbox"] {
    display: inline-block !important;
}


.filterlabel {
    padding: 0 !important;
}

.search-filterbuttons {
    background-color: transparent;
    border: none;
    padding: 6px 6px;
    border-radius: 0.3em;
}

.search-filterbuttonsChecked {
    background-color: #466113 !important;
    color: white !important;
}

.search-filterbuttons:hover {
    background-color: #eaf7d2;
}

.search-filterbuttons:focus {
    background-color: #eaf7d2;
}

.groups-filterbuttons {
    background-color: transparent;
    border: none;
    padding: 6px 6px;
    border-radius: 0.3em;
}

.groups-filterbuttons.checked {
    background-color: #466113 !important;
    color: white !important;
    border-radius: 0.3em;
}

.groups-filterbuttons:hover {
    background-color: #eaf7d2;
}

.groups-filterbuttons:focus {
    background-color: #eaf7d2;
}

.user-filterbuttons {
    background-color: transparent;
    border: none;
    padding: 6px 6px;
    border-radius: 0.3em;
}

.user-filterbuttonsChecked {
    background-color: #466113 !important;
    color: white !important;
}

.user-filterbuttons:hover {
    background-color: #eaf7d2;
}

.user-filterbuttons:focus {
    background-color: #eaf7d2;
}


.cc_container {
    color: #2f2f2f !important;
    background: #c6cad1 !important;
}

.cc_more_info {
    text-decoration: underline !important;
    color: #005f74 !important;
}

.menu-navigation a:hover {
    border: 1px solid #2f4f66;
}

.menu-navigation a:focus {
    border: 1px solid #2f4f66;
}


.fileXMLDetails {
    background-color: aliceblue;
}

    .fileXMLDetails td {
        border-top: none;
        border-bottom: none;
        word-wrap: break-word;
        white-space: normal;
    }

.fileXMLDetailsTitle td {
    padding-top: 1em;
}


.filelist tr th:last-child {
    width: 12em;
}

.filelist tr td i {
    float: right;
    padding-top: 0.3em;
}

#noServices {
    text-align: center;
    background-color: white;
    padding-bottom: 3em;
    padding-top: 3em;
    border: 1pt solid #f0f0f0;
    border-radius: 3pt;
}

.wideGroupOnFrontPage {
    width: 100% !important;
}

.notification-input-text {
    width: 10em !important; 
    display: inline-block !important; 
    margin-left: 20px !important;
}


/**********************************************************************************************/
/* Dynamic list styling (Used for groups, eventparticipants and groupmembers)                 */
/**********************************************************************************************/

.dynamic-list .row .col-sm-6 .inner-element .overview h3 {
    text-transform: uppercase;
}

.dynamic-list .row .col-sm-6 .inner-element h3.member-count {
    margin-bottom: 1em;
}


.dynamic-list .row .col-sm-6 .inner-element {
    padding: .6em 0 0 0;
    margin: 0 15pt 15pt 0;
    background-color: #fff;
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;
    border-bottom-left-radius: .3em;
    border-bottom-right-radius: .3em;
    border: 2px solid #f0f0f0;
    /*overflow: hidden;*/
}

    .dynamic-list .row .col-sm-6 .inner-element .overview p {
        font-weight: bold;
        color: #2f4f66;
    }

    .dynamic-list .row .col-sm-6 .inner-element .overview p {
        font-weight: bold;
        color: #2f4f66;
    }

    .dynamic-list.row .col-sm-6 .inner-element .header img {
        max-height: 4em;
        max-width: 80%;
        width: auto;
    }

    .dynamic-list.row .col-sm-6 .inner-element .header .group-logo-wrap {
        height: 5em;
        padding: 0;
    }

    .dynamic-list .row .col-sm-6 .inner-element .header h3 {
        color: #2f2f2f;
        text-transform: uppercase;
    }


    .dynamic-list .row .col-sm-6 .inner-element .header {
        background-color: #fff;
        min-height: 10em;
        margin: 0;
        overflow: visible;
        padding-top: 1em;
        position: relative;
    }


    .dynamic-list .row .col-sm-6 .inner-element .overview {
        margin: 0;
        padding: 1em .5em .5em .5em;
        border-top: 2px solid #f0f0f0;
        background-color: #f3fafc;
        min-height: 7.6em;
        height: 100%;
    }

.dynamic-list .row {
    display: flex;
    flex-wrap: wrap;
}



section.groups .inner-element.member {
    background-color: #6e91a0;
}

    section.groups .inner-element.member .tab {
        width: 8em;
        background-color: #6e91a0;
    }

        section.groups .inner-element.member .tab:after {
            content: "Jeg er medlem";
        }


.dynamic-list .row .col-sm-6 .inner-element.member {
    background-color: #6e91a0;
}


.dynamic-list .row .col-sm-6 .inner-element .header img {
    max-height: 4em;
    max-width: 80%;
    width: auto;
}

.dynamic-list .row .col-sm-6 .header .group-logo-wrap {
    height: 5em;
    padding: 0;
}


section.groups .inner-element.favorite {
    background-color: #005f74;
}

    section.groups .inner-element.favorite .tab {
        width: 5em;
        background-color: #005f74;
    }

        section.groups .inner-element.favorite .tab:after {
            content: "Favorit";
        }

.dynamic-list .row .col-sm-6 .inner-element.favorite {
    background-color: #005f74;
}

section.groups .inner-element .tab {
    color: #fff;
    margin: -1.6em auto 0 auto;
    height: 1.6em;
    padding-top: .1em;
    text-align: center;
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;
}

    section.groups .inner-element .tab h3 {
        text-transform: uppercase;
    }

section.groups .inner-element .header .auth {
    position: relative;
    bottom: -37px;
}


/***/

.member-list img {
    max-height: 3em !important;
    max-width: 80% !important;
    width: auto !important;
}

}

.member-list .overview {
    min-height: 0 !important;
    height: auto !important;
}




/**********************************************************************************************/
/* Operation status styling                                                                   */
/**********************************************************************************************/

.digst-breadcrumb {
    font-size: .8em;
}

.short-description {
    max-height: 126pt !important;
}

.description {
    overflow: hidden;
}


.extra-info {
    padding: 0;
}

    .extra-info .extra-info-item {
        width: 100%;
    }

        .extra-info .extra-info-item div {
            width: 15em;
            margin: 0 auto;
        }

.status-updates h2 {
    display: inline-block;
    margin-right: 1em;
}



/**********************************************************************************************/
/* Profile styling                                                                            */
/**********************************************************************************************/


#email-configuration {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 2.3576515979%;
}

.logo-wrapper {
    margin-top: 1.5em;
}

.profile .overview .controls a.button {
    margin-right: 2em;
}

    .profile .overview .controls a.button:last-child {
        margin-right: 0;
    }

.oio-catalog-info {
    min-height: 6em !important;
}

.user-list-container {
    width: 80% !important;
}

.user-list {
    padding: 0 !important;
    margin-top: 2em;
}

.user-activity {
    margin-top: 1em;
    padding-bottom: 1em;
}

.user-activity .userWrapper {
    width: 60em;
    display: inline-block;
}

.user-profile-text {
    width: 20em;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 25px !important;
}

#avatar {
    border: 2px solid #f0f0f0;
    background-color: #f7f6ef;
    width: 12em;
    display: inline-block;
    float: right;
    margin-top: 1.2em;
}

#newPasswordDiv {
    padding-top: 0.5em;
}

.user-content {
    display: inline-block !important;
}

.userWrapper {
    display: inline-block;
}

.public-profile form .overview div {
    text-align: center;
}

.public-profile .controls .function {
    vertical-align: top;
}

.read-more {
    cursor: pointer;
}

.userWrapper .thread-list {
    display: inline-block;
}

.userWrapper .group-filter {
    display: inline-block;
}

    .userWrapper .group-filter .filter-buttons {
        margin-top: 15pt;
    }

.profileImageWrapper div {
    background-color: white;
    padding: 7px;
    height: 85px;
    width: 85px;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #DDD;
    display: inline-block;
}

.profileImageWrapper {
    align-content: center;
    margin-top: -33pt;
    margin-bottom: 7pt;
}

    .profileImageWrapper img {
        border-radius: 50%;
        border: 1px solid #BBB;
        margin: 0 !important;
        padding: 0;
        width: 100%;
    }

#newPasswordDiv a {
    cursor: pointer;
}

#newPasswordDiv input {
    width: 40%;
    display: inline-block;
    margin-right: 4%;
}

#short-input {
    display: inline-block;
    width: 20em;
    font-size: medium;
}

.required-marker-red {
    color: #8B192C;
}

#ratingselector {
    display: inline-block;
    width: 100%;
}

    #ratingselector select {
        width: 15em;
        display: inline-block;
        float: right;
        border: 1px solid #f0f0f0;
        border-radius: 0.3em;
        padding-left: 7pt;
    }


#jobdetails {
    font-size: medium;
}

#avatar .sub-container-header {
    padding: .5em;
    color: #b6b5b5;
    background-color: #fff;
    border-bottom: 2px solid #f0f0f0;
}

.fa-right {
    float: right;
}

#avatar .sub-container-header p {
    margin-bottom: 0;
    display: inline-block;
}

#avatar .sub-container-header a {
    float: right;
    border: 1px solid #b6b5b5;
    border-radius: 50%;
    color: #b6b5b5;
    font-weight: bold;
    height: 1em;
    line-height: .8em;
    text-align: center;
    top: 10px;
    width: 1em;
    margin: 0.25em;
}

#avatar .sub-container-header .button {
    float: right;
    margin-right: 0.25em;
}

.image-container {
    padding: .5em;
    padding-bottom: 0;
    min-height: 5em;
    text-align: center;
    align-content: center;
}

.image-ring {
    display: inline-block;
    background-color: white;
    border-radius: 50%;
    padding: 6pt;
    border: 2px solid #f0f0f0;
}

#imgProfileIcon {
    border-radius: 50%;
    margin: 0;
    width: 4.8em;
}

#avatar .sub-container-footer {
    min-height: 1.5em;
    padding: .25em;
    text-align: center;
}

    #avatar .sub-container-footer p {
        margin-bottom: 0;
        color: #b6b5b5;
        font-size: 12pt;
        display: inline-block;
    }

#additionalEmails {
    color: grey;
}

/**********************************************************************************************/
/* Edit event Styling                                                                         */
/**********************************************************************************************/
.disclaimer-emailInvations {
    margin-bottom: 1em;
    background-color: white;
    border: 2px solid #f0f0f0;
    border-radius: 3pt;
    color: #4e4e4e;
}

.buttons .extra-button .delete {
    width: auto !important;
}


#eventRejectInvitation {
    border: 2px solid #8B192C;
    color: #8B192C;
    background-color: #FFFFFF;
    padding: Calc(0.4em - 2px) Calc(0.5em - 2px);
}

.subtleFontColor {
    color: #4e4e4e;
}

.datePicker {
    width: 6.8em !important;
    display: inline-block;
    margin-left: 1em;
}

.timePicker {
    width: 4.2em !important;
    display: inline-block;
}

#toDateTime {
    float: right;
}

#cancelBeforeDateTime {
    float: right;
}

.maxParticipants {
    display: inline-block;
}

    .maxParticipants input {
        width: 3em;
        display: inline-block;
    }

#noOfParticipants {
    margin-left: 1em;
}

/**********************************************************************************************/
/* Show event Styling                                                                     */
/**********************************************************************************************/


#eventSignUpDisabled {
    background: #d9d9d9;
    cursor: default;
}

.fullwidth {
    width: 100% !important;
    padding: 0 !important;
}

.eventDetails {
    padding: 1em;
    border: 2pt solid #F0F0F0;
    margin-bottom: 1em;
    display: block;
    overflow: auto;
}

    .eventDetails span {
        color: #4e4e4e;
        float: right;
        text-align: right;
    }

    .eventDetails .button {
        vertical-align: bottom;
    }

.noMargin {
    margin-bottom: 0 !important;
}

.eventHeaderDetails {
    color: #4e4e4e;
}

.eventParticipantsList {
    margin-bottom: 0.5em;
}

.eventDateWrapper {
    background-color: white;
    padding: 3px;
    height: 50px;
    width: 105px;
    border-radius: 10%;
    border: 1px solid #DDD;
}
/*class for calendar icon i eventListElement*/
time.icon {
    font-size: 10px;
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 1px #bdbdbd;
    overflow: hidden;
}

    time.icon * {
        display: block;
        width: 100%;
        font-size: 9px;
        font-weight: bold;
        font-style: normal;
        text-align: center;
    }
    /*styling for the month in the calendar icon*/
    time.icon strong {
        position: absolute;
        top: 0;
        padding: 1px 0;
        color: #fff;
        background-color: #005f74;
        border-bottom: 1px dashed #000;
        box-shadow: 0 1px 0 #005f74;
    }

    /*styling for the date in the calendar icon*/
    time.icon span {
        font-size: 20px;
        letter-spacing: -0.05px;
        padding-top: 19px;
        color: #2f2f2f;
    }

/**********************************************************************************************/
/* Edit Ressource Styling                                                                     */
/**********************************************************************************************/


#formErrorMsg {
    background-color: white;
    border: 2pt solid #940027;
    color: #940027;
    padding: 1em;
}

.uploadButton {
    border: 1px #005f74 solid;
    color: #005f74;
    background-color: white;
    text-transform: uppercase;
    padding: 0.4em 0.5em;
    font-size: 12pt;
    font-weight: bold;
    float: none;
}

.divdropdowns h2 {
    display: inline;
}


.divdropdowns .fa-plus {
    float: right;
    cursor: pointer;
}

.noMargin {
    margin: 0 !important;
}

#FormChoices {
    margin-top: 3pt;
    padding-bottom: 3pt;
}

#fileUploadTitle div {
    float: right;
}

input[type='file'] {
    color: transparent;
}

#uploads {
    display: inline-block;
}

#fileUploadTitle h2 {
    display: inline-block;
}

.options .form-section span span .select2-selection {
    height: 2.2em;
    border-color: #f0f0f0 !important;
    width: 100% !important;
}

.options .form-section span span {
    border-color: #f0f0f0;
}

.fa-times {
    color: #940027;
}

#ResourceType {
    border-radius: 3pt;
    border-color: #f0f0f0;
    color: #A9A9A9;
}


    #ResourceType:hover {
        cursor: pointer;
    }

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

/*body.edit-group .content ul li, .groupCenterWrapper ul li {
	list-style-type: none !important;
    margin-left: inherit !important;
}*/




/**********************************************************************************************/
/* Publish from view                                                                          */
/**********************************************************************************************/


#publishDiv {
    display: inline-block;
}

.notClickable:hover {
    cursor: default;
    text-decoration: none;
}


.notClickable {
    border: none !important;
}

#publishDiv a img {
    margin-bottom: 0.3em;
}

#publishDiv .submenu {
    margin-left: -0.1em;
    min-width: 10em;
}


/**********************************************************************************************/
/* Edit News Styling                                                                          */
/**********************************************************************************************/

.editRessource {
    text-decoration: none;
    border: none;
    color: #8B192C !important;
    border: none;
}

    .editRessource:hover {
        color: #80001e !important;
    }

a.button.wideButton.btn.btn-primary {
    -webkit-font-smoothing: antialiased;
    /* background-color: #2f4f66; */
    border-radius: 0.3em;
    color: white;
    font-size: 14pt;
    font-weight: normal;
    line-height: 1;
    padding: 0.75em 1em;
    text-decoration: none;
}

ul#ddSave li input[type="submit"] {
    background-color: #FFFFFF;
    color: black;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
}

    ul#ddSave li input[type="submit"]:hover {
        font-weight: bold;
    }

ul#ddSave {
    width: 100%;
    margin: 0;
    margin-top: 0.15em;
}



/**********************************************************************************************/
/* Group Area styling                                                                         */
/**********************************************************************************************/

.highlight {
    border: 2pt solid #8B192C;
}

.removeAreaBtn {
    color: #8B192C;
}

    .removeAreaBtn:hover {
        color: #80001e;
        cursor: pointer;
    }

label.button.light {
    color: #005f74;
    background-color: #FFFFFF;
    border: 1px solid #005f74;
    text-transform: uppercase;
    border-top-left-radius: 0.3em;
    border-top-right-radius: 0.3em;
    border-bottom-left-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
    padding: 0.4em 0.5em;
    font-size: 12pt;
    font-weight: bold !important;
}

    label.button.light:hover {
        background: #E8F4F7;
        text-decoration: underline;
    }

#addArea {
    border: 1px #005f74 solid;
    color: #005f74;
    background-color: white;
    text-transform: uppercase;
    padding: 0.4em 0.5em;
    font-size: 12pt;
    font-weight: bold;
    /* float: none; */
    border-radius: 3pt;
}

    #addArea:hover {
        text-decoration: underline;
    }



/**********************************************************************************************/
/* Centers a div with one or more sub-divs with right-aligned text                            */
/**********************************************************************************************/


.centerWrapper {
    text-align: center !important;
}

    .centerWrapper div {
        float: inherit !important;
        display: inline-block !important;
    }

/*body.single-group section.overview .overview-content .controls .function {
	width: 16%;
}*/

.rightrWrapper {
    text-align: right !important;
}


/**********************************************************************************************/
/* Group View styling                                                                         */
/**********************************************************************************************/


/* Important content */
.core-ressources h2 {
    display: inline;
}

.removebuttonDiv {
    display: inline;
}

    .removebuttonDiv a {
        border-bottom: none !important;
    }

        .removebuttonDiv a:hover {
            border-bottom: none;
        }

        .removebuttonDiv a i {
            color: #8B192C;
        }

        .removebuttonDiv a i {
            color: #80001e;
            cursor: pointer;
        }

.core-ressources a:hover {
    cursor: pointer;
    text-decoration: none;
}


/*rss styling*/
.dropdown .rssList {
    z-index: 1;
    position: absolute;
    background: white;
    border: 1pt solid #DADADA;
    border-radius: 3pt;
    margin-top: 2px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}

    .dropdown .rssList li {
        margin-bottom: 0;
    }


        .dropdown .rssList li a {
            border-bottom: 1px solid #f0f0f0;
            text-align: left;
            padding: 0.1em 0.5em;
            text-decoration: none;
            font-size: medium;
            color: black;
        }

        .dropdown .rssList li:hover {
            font-weight: bold;
        }

.rss-icon {
    width: 1.21em;
    height: 1.2em;
    margin-bottom: 0px;
    margin-left: 4px;
    background: url(../../../Static/img/rss_highlight.png);
    background-size: contain;
}

    .rss-icon:hover {
        width: 1.21em;
        height: 1.2em;
        margin-bottom: 0px;
        margin-left: 4px;
        background: url(../../../Static/img/rss.png);
        background-size: contain;
        cursor: pointer;
    }

.group-filter .dropdown {
    display: inline-block;
}

.group-filter h2 {
    display: inline-block;
}
/* Single group view header */

.group-join-policy {
    vertical-align: top;
}


body.single-group section.overview .overview-content .controls .function {
    margin-right: 0;
}


/* Responsive/Mobile styling */

@media screen and (max-width: 39.9375em) {
    body.single-group section.overview .overview-content .controls .function {
        width: 48.821174201% !important;
        float: left !important;
    }

        body.single-group section.overview .overview-content .controls .function:nth-child(2n+1) {
            float: left !important;
        }

    body.single-group section.overview .overview-content h1.slim {
        width: 100% !important;
    }

    .h2 {
        text-align: center;
    }

    section.user-groups li {
        display: inline;
        padding-left: 0.5em;
        padding-right: 0.5em;
    }

    section.user-groups .element ul {
        text-align: center !important;
        padding-bottom: 0.3em;
    }

    section.user-groups h2 {
        display: none;
    }

    body.single-group section.related-info {
        border-right: none;
        float: none;
        width: 100% !important;
        padding-right: 0;
    }

    body.single-group section.overview {
        margin-bottom: 0.1em;
    }

    body.single-group .core-ressources {
        display: none;
    }

    body.single-group .profile-list {
        display: none;
    }

    body.single-group .rssList {
        display: none;
    }

    body.single-group .thread-list {
        text-align: center;
    }

    body.single-group .avatar-item .content {
        display: inline;
    }

    body.single-group .show-more-filters {
        float: right;
    }

    section.user-groups .group-filter .wrapper label {
        padding: 1px 7px;
        width: auto !important;
        clear: none !important;
        margin-right: 0.3em !important;
    }

    .centerWrapper div {
        float: none !important;
    }
}

/* Sidebar */

body.single-group .related-info {
    margin-right: 2em !important;
    width: 16em !important;
    padding-right: 2em;
    border-right: 1px solid #F0F0F0;
}

.core-ressources .arrow {
    margin-left: 0;
}

.core-ressources-arrow {
    text-align: center;
}

/* Add related group modal dialog */
body.single-group .ui-autocomplete-input {
    background: #fff url(/Static/img/search.png) 1em center no-repeat;
    text-indent: 2em;
}

body.single-group ul.ui-autocomplete {
    border: 2px solid #f0f0f0;
    max-width: 30em;
    background-color: #FFFFFF;
}

    body.single-group ul.ui-autocomplete li.ui-menu-item {
        background-color: #FFFFFF;
        color: #2f4f66;
        padding: 0.5em;
        cursor: default;
    }

.ui-autocomplete > li:first-child {
    border-top: none;
}

.ui-autocomplete > li {
    position: relative;
    border-top: solid 1px rgba(0,0,0,.15);
}

.ui-autocomplete-input > li, .ui-autocomplete > li {
    display: block;
    padding: 6px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    text-decoration: none;
}

    .ui-autocomplete-input > li.active, .ui-autocomplete-input > li:focus, .ui-autocomplete-input > li:hover, .ui-autocomplete > li.active, .ui-autocomplete > li:focus, .ui-autocomplete > li:hover {
        background-color: #ebebeb;
        color: #333;
    }


/**********************************************************************************************/
/* Group invite users                                                                         */
/**********************************************************************************************/

body.invite-group-members .result-member-invited {
    color: grey;
}

body.invite-group-members .result-already-member {
    color: grey;
}

.member-invite-result {
    color: grey;
    font-size: 0.8em;
}

.select2-results__option--highlighted .member-invite-result {
    color: white;
}

/**********************************************************************************************/
/* Drop downs on group pages                                                                  */
/**********************************************************************************************/
.function .submenu li input {
    border-bottom: 1px solid #f0f0f0;
    text-align: left;
    padding: 0.1em 0.5em;
    background-color: inherit;
    color: inherit;
    font-size: inherit;
    width: 100%;
}

.function .submenu li a {
    border-bottom: 1px solid #f0f0f0;
    text-align: left;
    padding: 0.1em 0.5em;
}

    .function .submenu li a:hover {
        text-decoration: none;
        font-weight: bolder;
        background-color: white;
    }

.function .submenu {
    font-size: medium;
    background-color: #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 0.3em;
    padding: 0px;
    min-width: inherit;
}

.function.administrateDiv .submenu {
    margin-left: 0.2em;
}

a.button.btn.btn-primary.dropdown-toggle {
    background: #005f74;
    text-decoration: none;
}

    a.button.btn.btn-primary.dropdown-toggle:hover {
        background: #2f4f66;
    }

    a.button.btn.btn-primary.dropdown-toggle.disabled {
        /*background: #d9d9d9;*/
        background: #005f74;
        cursor: default;
        opacity: 1 !important;
    }


.info-icon {
    z-index: 1;
}


/**********************************************************************************************/
/* Official-marking on group overview                                                         */
/**********************************************************************************************/


section.groups .item .header .auth {
    position: relative;
    bottom: -37px;
}


/**********************************************************************************************/
/* Log in page                                                                                */
/**********************************************************************************************/
body.resetpassword section.digst-container .primary-wrapper section.primary h1.slim {
    width: 10em;
}

body.activateuser section.digst-container .primary-wrapper section.primary h1.slim {
    width: 8em;
}

.infobox-custom {
    background-color: #FAF9F3;
    border: 2px solid #f0f0f0;
    margin-bottom: 1em;
    padding: 1em;
    padding-bottom: 0;
    font-size: medium;
}

.button.wideButton {
    margin-top: 0.5em;
    width: 100%;
    background-color: #005f74;
}

    .button.wideButton:hover {
        background-color: #2f4f66;
    }

body.adduser section.digst-container .primary-wrapper section.primary div#addform input.nemIdButton {
    width: 100%;
    margin-top: 0.5em;
}

body.adduser section.digst-container .primary-wrapper section.primary div#addform a {
    float: right;
    margin-top: 0.2em;
}

.progressLabel {
    font-size: 12pt;
}

.progress-bar-danger {
    background-color: #8A212F;
}

.progress-bar-warning {
    background-color: #EC973C;
}

.progress-bar-success {
    background-color: #83A42F;
}

/**********************************************************************************************/
/* Header                                                                                     */
/**********************************************************************************************/

header.navigation ul li.nav-link.control a {
    color: #4e4e4e;
    text-transform: none;
    padding-right: 1em;
}

@media screen and (min-width: 53.8125em) {
    li.nav-link.control.first {
        padding-left: 4em;
        padding-right: 0em;
    }
}

@media (max-width: 53.7em) {

    .profileImageDiv {
        visibility: collapse;
    }
}

header.navigation ul li.nav-link a, header.navigation ul li.nav-link {
    vertical-align: top;
}

header.navigation ul.submenu .submenu-2nd .button {
    vertical-align: initial;
}

header.navigation ul.submenu .button {
    vertical-align: initial;
    text-align: center;
    margin-right: initial;
    color: #fff;
    margin: 0 5%;
}

header.navigation ul.submenu {
    background-color: #F7F7F7;
}

header .maintenance-notification {
    background:#ebff57;
    outline: 0.5em solid #940027;
}

header .maintenance-notification li {
    text-align:center; 
    font-size:x-large;
}


/**********************************************************************************************/
/* Forgotten password (styling of input type="button" to match button)                        */
/**********************************************************************************************/


body.adduser section.container.forgottenPassword .primary-wrapper section.primary div#addform input.wideButton {
    margin-top: 0;
}

body.adduser section.container.forgottenPassword .primary-wrapper section.primary h1.slim {
    width: 10em;
}

body.adduser section.container.forgottenPassword .primary-wrapper section.primary div#addform a {
    float: left;
    margin-top: 0.2em;
}

/**********************************************************************************************/
/* Spinner                                                                                    */
/**********************************************************************************************/
.loading {
    display: none;
    position: fixed;
    z-index: 9999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
    }

    /* :not(:required) hides these rules from IE9 and below */
    .loading:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        .loading:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 1500ms infinite linear;
            -moz-animation: spinner 1500ms infinite linear;
            -ms-animation: spinner 1500ms infinite linear;
            -o-animation: spinner 1500ms infinite linear;
            animation: spinner 1500ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
        }

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/**********************************************************************************************/
/* Profile image                                                                              */
/**********************************************************************************************/
.profileImageDiv img {
    border-radius: 50%;
    margin: 0;
    padding: 0;
}

.profileImageDiv {
    background-color: #940027;
    padding: 3px;
    height: 64px;
    width: 48px;
    border-radius: 0 0 33px 33px;
    display: inline-block;
    padding-top: 18px;
}

/**********************************************************************************************/
/* Edit button for administrators                                                             */
/**********************************************************************************************/
.edit-content {
    /*color: #005f74 !important;*/
    color: #940027 !important;
    font-size: 18px;
    font-weight: bold;
}

h1 .edit-content {
    font-size: 18px;
    text-align: right;
    padding-left: 10px;
}

.frontpage-banner .edit-content {
    /*position: absolute;
	right: 30px;*/
    position: relative !important;
    float: right;
    background-color: white;
    padding: 3px 8px;
    border-radius: 3px;
    right: 0 !important;
    margin-left: 10px;
}

.edit-content.edit-content--item {
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 2;
}

.no-news-container {
    background-color: #444 !important;
    color: white;
    text-align: center;
    padding: 20px;
}

.no-news-text-container .edit-content {
    background-color: white;
    padding: 6px;
    border-radius: 5px;
}

/**********************************************************************************************/
/* Type ahead searching                                                                       */
/**********************************************************************************************/
.typeahead-dropdown, .typeahead-list {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    width: 100%;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 13px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
}

    .typeahead-list > li:first-child {
        border-top: none;
    }

    .typeahead-list > li {
        position: relative;
        border-top: solid 1px rgba(0,0,0,.15);
    }

        .typeahead-dropdown > li > a, .typeahead-list > li > a {
            display: block;
            padding: 6px 20px;
            clear: both;
            font-weight: 400;
            line-height: 1.42857143;
            color: #333;
            text-decoration: none;
        }

            .typeahead-dropdown > li.active > a, .typeahead-dropdown > li > a:focus, .typeahead-dropdown > li > a:hover, .typeahead-list > li.active > a, .typeahead-list > li > a:focus, .typeahead-list > li > a:hover {
                background-color: #ebebeb;
                color: #333;
            }


.typeahead-container .typeahead-dropdown, .typeahead-container .typeahead-hint, .typeahead-container .typeahead-list, .typeahead-container + .typeahead-backdrop {
    display: none !important;
}

.typeahead-container.backdrop + .typeahead-backdrop, .typeahead-container.filter .typeahead-dropdown, .typeahead-container.hint .typeahead-hint, .typeahead-container.result .typeahead-list {
    display: block !important;
}

div.search-bar button[type=submit], form.search-bar [type=submit].button--secondary {
    background-color: #005f74;
    position: absolute;
    top: 0em;
    right: 0em;
    bottom: 0em;
    border-bottom-left-radius: 0;
}

/**********************************************************************************************/
/* Modal                                                                                      */
/**********************************************************************************************/
.modal-content {
    -ms-border-radius: 0;
    border-radius: 0;
}

.modal-dialog {
    left: auto;
    right: auto;
}

.modal-body .input-wrapper input {
    border: 1px solid #999;
}

.modal--vertical-alignment-wrapper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none; /* This makes sure that we can still click outside of the modal to close it */
}

.modal--vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}



/**********************************************************************************************/
/* Buttons                                                                                    */
/**********************************************************************************************/
/*Allow a link to act like a show more button*/
a.button--secondary.show-more {
    padding-top: 4px !important;
}

/*White button with red border for canceling*/
.button--cancel {
    border: 2px solid #8B192C;
    color: #8B192C !important;
    background-color: #FFFFFF !important;
    font-weight: 100;
    height: 1.5em;
    padding: 0 5px;
}

.body.edit-group section.digst-container section.content .buttons .extra-button a.cancel.button {
    border: 2px solid #8B192C;
    color: #8B192C !important;
    background-color: #FFFFFF !important;
    font-weight: 100;
    height: 1.5em;
    padding: 0 5px;
}

body.edit-group section.digst-container section.content .buttons .extra-button a.cancel.button {
    background: #ffffff !important;
}

.button--cancel.black-button {
    color: #2f2f2f;
    border-color: #2f2f2f;
}

    .button--cancel.black-button:hover {
        background-color: #EEE;
        color: #2f2f2f;
    }

.button--cancel:hover {
    background-color: #f2e5e8 !important;
    color: #8B192C !important;
    text-decoration: none;
}

.link-to-button {
    border-radius: 0.3em;
    cursor: pointer;
    text-decoration: none;
}

.button.jumpout {
    background-color: #005f74;
    color: #FFFFFF;
    border-top-left-radius: 0.3em;
    border-top-right-radius: 0.3em;
    border-bottom-left-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
    padding: 0.4em 0.5em;
    font-size: 12pt;
    font-weight: inherit !important;
}

    .button.jumpout:hover {
        background-color: #2f4f66;
    }

        .button.jumpout:hover:before {
            border-right-color: #2f4f66;
            border-left-color: #2f4f66;
        }


/**********************************************************************************************/
/* Avatar images                                                                              */
/**********************************************************************************************/
.avatarWrapper img {
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #BBB;
    margin: 0;
    padding: 0;
}

.avatarWrapper {
    background-color: white;
    padding: 3px;
    height: 50px;
    width: 50px;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #DDD;
}


/**********************************************************************************************/
/* Notification box                                                                           */
/**********************************************************************************************/
.notification-wrapper {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.alert {
    margin-left: 18px;
    margin-right: 18px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 2px solid;
    box-shadow: 0 1px 2px #888888;
}

    .alert h1 {
        font-size: 20px;
        font-weight: bold;
    }

    .alert ul {
        padding-left: 22px;
        list-style-type: disc;
    }

.alert-success {
    background-color: white;
    border-color: #466113;
    color: #508009;
}

.alert-info {
    background-color: white;
    border-color: #0066A0;
    color: #0066A0;
}

.alert-warning {
    background-color: white;
}

.alert-danger {
    background-color: white;
    border-color: #940027;
    color: #940027;
}

/**********************************************************************************************/
/* Group edit styling                                                                         */
/**********************************************************************************************/

body.edit-group section.digst-container section.content div#edit-group .sub-container-header .button {
    margin-right: 1.8em;
}

div#edit-group .sub-container .sub-container-content .image-container img {
    padding: 1em 2em;
    background-color: #FFFFFF;
    border: 2px solid #f0f0f0;
    margin: 0.5em;
}

body.edit-group section.digst-container section.content div#edit-group #groupimage {
    width: 100%;
}

body.edit-group .ui-autocomplete-input {
    background: #fff url(/Static/img/search.png) 1em center no-repeat;
    text-indent: 2em;
}


body.edit-group section.container section.content form#edit-group .sub-container-header {
    padding: 0.5em;
    color: #b6b5b5;
}


/**********************************************************************************************/
/* Tinymce styling                                                                         */
/**********************************************************************************************/

.mce-btn i {
    color: #4e4e4e;
}

.mce-tinymce.mce-container.mce-panel {
    margin-bottom: 1.5em !important;
    border: 2px solid #f0f0f0 !important;
    width: initial !important;
    border-radius: 0.3em;
}

.mce-toolbar-grp.mce-container.mce-panel.mce-stack-layout-item.mce-first, .mce-widget.mce-btn {
    background-color: #F7F6EF;
}



/**********************************************************************************************/
/* Perpetuation of group-edit styling due to mock-up inconsistencies (from main)              */
/**********************************************************************************************/
body.edit-group section.digst-container section.content div#edit-group {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}

    body.edit-group section.digst-container section.content div#edit-group::after {
        clear: both;
        content: "";
        display: table;
    }


/* Placeholder text colors*/

/* WebKit, Blink, Edge */
body.edit-group section.digst-container section.content form#edit-group .group-name::-webkit-input-placeholder, body.edit-group section.container section.content form#edit-group .group-description::-webkit-input-placeholder {
    padding: 0.5em;
    color: #b6b5b5;
}

/* Mozilla Firefox 4 to 18 */
body.edit-group section.digst-container section.content form#edit-group .group-name:-moz-placeholder, body.edit-group section.container section.content form#edit-group .group-description:-moz-placeholder {
    padding: 0.5em;
    color: #b6b5b5;
    opacity: 1;
}

/* Mozilla Firefox 19+ */
body.edit-group section.digst-container section.content form#edit-group .group-name::-moz-placeholder, body.edit-group section.container section.content form#edit-group .group-description::-moz-placeholder {
    padding: 0.5em;
    color: #b6b5b5;
    opacity: 1;
}

/* Internet Explorer 10-11 */
body.edit-group section.digst-container section.content form#edit-group .group-name:-ms-input-placeholder, body.edit-group section.container section.content form#edit-group .group-description:-ms-input-placeholder {
    padding: 0.5em;
    color: #b6b5b5;
}

/* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
body.edit-group section.digst-container section.content form#edit-group .group-name:placeholder-shown, body.edit-group section.container section.content form#edit-group .group-description:placeholder-shown {
    padding: 0.5em;
    color: #b6b5b5;
}

body.edit-group section.digst-container section.content form#edit-group .group-name, body.edit-group section.container section.content form#edit-group .group-description {
    padding: 0.5em;
    color: black;
}


body.edit-group section.digst-container section.content div#edit-group .sub-container-header {
    padding: 0.5em;
    color: #b6b5b5;
    position: relative;
}

    body.edit-group section.digst-container section.content div#edit-group .sub-container-header .button, body.edit-group section.digst-container section.content div#edit-group .sub-container-header .delete-profie-image {
        display: inline-block;
        position: absolute;
        top: 5px;
        right: 5px;
    }

    body.edit-group section.digst-container section.content div#edit-group .sub-container-header .delete-profie-image {
        border: 1px solid #b6b5b5;
        border-radius: 50%;
        color: #b6b5b5;
        font-weight: bold;
        height: 1em;
        line-height: .8em;
        text-align: center;
        top: 10px;
        width: 1em;
    }

        body.edit-group section.digst-container section.content div#edit-group .sub-container-header .delete-profie-image:hover {
            border-color: #80001E;
            color: #80001E;
        }

body.edit-group section.digst-container section.content div#edit-group #groupimage {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    /*width: 65.8807828007%;*/
}

    body.edit-group section.digst-container section.content div#edit-group #groupimage:last-child {
        margin-right: 0;
    }

body.edit-group section.digst-container section.content div#edit-group #avatar {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
}

    body.edit-group section.digst-container section.content div#edit-group #avatar:last-child {
        margin-right: 0;
    }

body.edit-group section.digst-container section.content div#edit-group .sub-container {
    border: 2px solid #f0f0f0;
    background-color: #f7f6ef;
}

    body.edit-group section.digst-container section.content div#edit-group .sub-container .sub-container-header {
        background-color: #FFFFFF;
        border-bottom: 2px solid #f0f0f0;
    }

        body.edit-group section.digst-container section.content div#edit-group .sub-container .sub-container-header p {
            margin-bottom: 0;
        }

    body.edit-group section.digst-container section.content div#edit-group .sub-container .sub-container-content {
        padding: 0.5em;
        padding-bottom: 0;
        min-height: 5em;
        text-align: center;
    }

        body.edit-group section.digst-container section.content div#edit-group .sub-container .sub-container-content img {
            max-width: 80%;
        }

    /*body.edit-group section.digst-container section.content div#edit-group .sub-container .sub-container-content .image-container {
	background-color: #FFFFFF;
	border: 2px solid #f0f0f0;
	padding: 1em;
}*/

    body.edit-group section.digst-container section.content div#edit-group .sub-container .sub-container-footer {
        min-height: 1.5em;
        padding: 0.25em;
    }

        body.edit-group section.digst-container section.content div#edit-group .sub-container .sub-container-footer p {
            margin-bottom: 0;
            color: #b6b5b5;
            font-size: 12pt;
        }


/**********************************************************************************************/
/* Group member list                                                                          */
/**********************************************************************************************/

section.group-members-wrapper {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 2.3576515979%;
}

    section.group-members-wrapper .related-info {
        min-height: 100%;
    }

.group-members-container {
    display: inline-block;
}

@media screen and (min-width: 41em) {
    .group-members-container {
        min-width: 33.1em;
        width: 57%;
    }
}

@media screen and (max-width: 41em) {
    .group-members-container {
        width: 100%;
    }
}


.group-members-container .search-bar {
    position: relative;
    float: none !important;
    width: 100%;
    margin-right: 1em;
}

.group-members-filter .dropdown {
    display: none !important;
}


.group-members-filter .typeahead-container.result .typeahead-list {
    display: none !important;
}

.group-members-filter h2 {
    display: inline-block;
}

.users-wrapper {
    text-align: center;
    background-color: #f3fafc;
    padding-bottom: 2rem;
    position: relative;
}

@media screen and (max-width: 39.9375em) {
    .users-wrapper {
        margin-bottom: 3em;
    }
}

.users-wrapper .show-more {
    bottom: 0.75em;
}

@media screen and (max-width: 39.9375em) {
    .users-wrapper .show-more {
        bottom: 3em;
    }
}


section.group-members {
    padding: 2.3576515979%;
    padding-top: 4%;
}

    section.group-members::after {
        clear: both;
        content: "";
        display: table;
    }

    section.group-members .item {
        width: 10em;
        float: left;
        display: block;
        margin-bottom: 3.5%;
        padding: 2.3576515979%;
        text-align: center;
        padding: 0.6em 0 0 0;
        background-color: #FFFFFF;
        border-top-left-radius: 0.3em;
        border-top-right-radius: 0.3em;
    }

@media screen and (min-width: 41em) {
    section.group-members.member-list .item {
        margin-right: 2.3576515979%;
    }

        section.group-members.member-list .item:last-child {
            margin-right: 0;
        }

        section.group-members.member-list .item:nth-child(3n) {
            margin-right: 0;
        }

        section.group-members.member-list .item:nth-child(3n+1) {
            clear: left;
        }

    section.group-members.user-list .item {
        clear: none !important;
        margin-right: 2.3576515979% !important;
    }

        section.group-members.user-list .item:last-child {
            margin-right: 0 !important;
        }

        section.group-members.user-list .item:nth-child(4n) {
            margin-right: 0 !important;
        }

        section.group-members.user-list .item:nth-child(4n+1) {
            clear: left !important;
        }
}





@media screen and (min-width: 28em) and (max-width: 41em) {
    section.group-members .item {
        margin-right: 2.3576515979%;
    }

        section.group-members .item:last-child {
            margin-right: 0;
        }

        section.group-members .item:nth-child(2n) {
            margin-right: 0;
        }

        section.group-members .item:nth-child(2n+1) {
            clear: left;
        }
}

@media screen and (max-width: 28em) {
    section.group-members .item {
        margin-left: 5%;
        width: 90%;
        margin-bottom: 1.5em;
    }

        section.group-members .item:last-child {
            margin-right: 0;
        }

        section.group-members .item:last-child {
            margin-bottom: 0;
        }
}

section.group-members .item.hidden {
    display: none;
}




section.group-members .item .header {
    background-color: #FFFFFF;
    min-height: 10em;
    margin: 0;
    overflow: visible;
    padding-top: 1em;
    position: relative;
}

    section.group-members .item .header .group-logo-wrap {
        padding: 0 0 0.5em 0;
    }

    section.group-members .item .header img {
        max-height: 3em;
        max-width: 80%;
        width: auto;
    }

    section.group-members .item .header .auth {
        position: absolute;
        bottom: -13px;
    }

section.group-members .item h3 {
    color: #2f2f2f;
    text-transform: uppercase;
}

    section.group-members .item h3.member-count {
        margin-bottom: 1em;
    }

section.group-members .item .overview {
    margin: 0;
    padding: 1em 0.5em 0.5em 0.5em;
    border-top: 2px solid #f0f0f0;
    background-color: #f3fafc;
}

    section.group-members .item .overview h3 {
        color: #4e4e4e;
    }

section.group-members .item .header .member-title-workplace {
    font-size: 0.8em;
    word-break: break-word;
}

section.group-members .item .overview p {
    font-weight: bold;
    color: #2f4f66;
}

section.group-members .item.member {
    background-color: #6e91a0;
}

    section.group-members .item.member .tab {
        width: 8em;
        background-color: #6e91a0;
    }

        section.group-members .item.member .tab:after {
            content: "Jeg er medlem";
        }

section.group-members .item.suggestion {
    background-color: #b09400;
}

    section.group-members .item.suggestion .tab {
        width: 11em;
        background-color: #b09400;
    }

        section.group-members .item.suggestion .tab:after {
            content: "Relevant for dig?";
        }

section.group-members .item.favorite {
    background-color: #005f74;
}

    section.group-members .item.favorite .tab {
        width: 5em;
        background-color: #005f74;
    }

        section.group-members .item.favorite .tab:after {
            content: "Favorit";
        }


section.group-members-container .group-members-filter {
    margin-bottom: 0.5em;
}

    section.group-members-container .group-members-filter .wrapper {
        max-width: 68em;
        margin-left: auto;
        margin-right: auto;
    }

        section.group-members-container .group-members-filter .wrapper::after {
            clear: both;
            content: "";
            display: table;
        }


/*@media screen and (min-width: 40em) and (max-width: 53.75em) {
	section.group-members-container .group-members-filter .wrapper label {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 31.7615656014%;
		padding: 0.1em 0.2em;
	}

		section.group-members-container .group-members-filter .wrapper label:last-child {
			margin-right: 0;
		}

		section.group-members-container .group-members-filter .wrapper label:nth-child(3n) {
			margin-right: 0;
		}

		section.group-members-container .group-members-filter .wrapper label:nth-child(3n+1) {
			clear: left;
		}
}*/

/*@media screen and (max-width: 39.9375em) {
	section.group-members-container .group-members-filter .wrapper label {
		float: left;
		display: block;
		margin-right: 2.3576515979%;
		width: 48.821174201%;
		padding: 0.1em 0.2em 0.1em 1.5em;
		position: relative;
	}

		section.group-members-container .group-members-filter .wrapper label:last-child {
			margin-right: 0;
		}

		section.group-members-container .group-members-filter .wrapper label:nth-child(2n) {
			margin-right: 0;
		}

		section.group-members-container .group-members-filter .wrapper label:nth-child(2n+1) {
			clear: left;
		}

		section.group-members-container .group-members-filter .wrapper label input[type="radio"] {
			position: absolute;
			left: 0;
		}

}*/


.group-members-filter label {
    padding-left: .5rem;
}

    .group-members-filter label input[type="radio"] {
        display: none;
    }

.group-members-filter .wrapper::after {
    clear: both;
    content: "";
    display: table;
}

.group-members-filter label {
    color: #2f4f66;
    font-weight: normal;
    border: 2px solid #f0f0f0;
    background-color: #FFFFFF;
    float: left;
    margin-right: 0.5em;
    padding-right: 0.5em;
    border-top-left-radius: 0.3em;
    border-top-right-radius: 0.3em;
    border-bottom-left-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
}

    .group-members-filter label:hover {
        background-color: #eaf7d2;
    }

    .group-members-filter label.checked {
        background-color: #466113;
        color: #FFFFFF;
    }

/*  Group member invitation search bar */

.members-invitations-search .select2-container .select2-selection--multiple {
    min-height: 10px;
}

.members-invitations-search .select2-container--default .select2-selection--multiple {
    box-sizing: border-box;
    background-color: #FFFFFF;
    border-radius: 0.3em;
    border: 2px solid #f0f0f0;
    display: block;
    font-size: 1em;
    margin: 0;
    padding: 0.2em 0.2em;
    position: relative;
    float: none;
    width: 89% !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    font-family: 'Source Sans Pro', sans-serif;
}

.members-invitations-search .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #f0f0f0;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(42, 71, 91, 0.7);
    outline: none;
}

.members-invitations-search .select2-container .select2-selection--multiple .select2-selection__rendered {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 0 0 5px;
}

    .members-invitations-search .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
        padding: 1px 5px 1px 5px;
        background-color: #005f74;
        color: white;
    }

.members-invitations-search .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: white;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 0.2em;
}


/*fixes select2 not setting width of search field correctly due to being hidden (select2 github issue #3278)*/
.members-invitations-search .select2-search, .select2-search--inline {
    width: 100% !important;
    /*height: 100% !important;*/
}

.members-invitations-search .select2-search, .select2-search--inline, .select2-search__field {
    float: inherit !important;
    /*height: 100% !important;*/
}

.members-invitations-search .select2-selection__clear {
    float: left !important;
}

.user-searchbar li {
    margin-bottom: 0 !important;
}

section.group-members-container .inviteButton {
    background-color: #005f74;
    position: absolute;
    top: 0em;
    right: 0em;
    bottom: 0em;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    outline: none;
    padding: 5px 10px;
}

section.group-members-container .user-searchbar {
    position: relative;
    float: none !important;
    width: 100% !important;
    /*margin-right: 1em;*/
}

section.group-members-container .user-searchfield {
    height: 2.45em !important;
}

/* Group invitations list*/

section.group-members .invite-email {
    word-wrap: break-word;
}

/* Admin panel buttons */

section.group-members .member-list-admin-controls {
    text-align: center;
    min-height: 0 !important;
    height: 2.5em !important;
    padding-top: 0.5em !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

    section.group-members .member-list-admin-controls > a {
        padding-top: 0;
        margin-right: 15%;
    }

@media screen (max-width: 53.75em) {
    section.group-members .member-list-admin-controls > a {
        padding-top: 0;
        margin-right: 1em;
    }
}

section.group-members .member-list-admin-controls > div {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

section.group-members .member-list-admin-controls:after {
    content: "";
    width: 100%;
    display: inline-block;
    white-space: nowrap;
}




/* Administrator status headers */

section.group-members .item.administrator, section.group-members .item.future-administrator, section.group-members .item.future-administrator .tab, section.group-members .item.administrator .tab {
    background-color: #005f74;
}

    section.group-members .item.future-administrator .tab {
        width: 11em;
    }

    section.group-members .item.administrator .tab {
        width: 8em;
    }


section.group-members .item .tab {
    color: #FFFFFF;
    margin: -1.6em auto 0 auto;
    height: 1.6em;
    padding-top: 0.1em;
    text-align: center;
    border-top-left-radius: 0.3em;
    border-top-right-radius: 0.3em;
}

section.group-members .item h3 {
    color: #2f2f2f;
    text-transform: uppercase;
}

section.group-members .item.administrator .tab:after {
    content: "Administrator";
}

section.group-members .item.future-administrator .tab:after {
    content: "Bliver administrator";
}




/**********************************************************************************************/
/* Search page                                                                                */
/**********************************************************************************************/
.search-result--link {
    font-size: 1.0em !important;
    color: #0497b9;
    border-bottom: 1px dashed;
}

.search-result--description {
    font-size: 0.9em !important;
}

.twitter-typeahead {
    width: 100%;
}

.tt-menu {
    background-color: white;
    border: 1px solid #CCC;
    margin-top: 4px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
}

.tt-cursor {
    background-color: #EEE;
}

.tt-suggestion {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    border-bottom: 1px solid #EEE;
}




/**********************************************************************************************/
/*  Comments                                                                                  */
/**********************************************************************************************/

.comment__author__image {
    background-color: white;
    padding: 0.4em;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #DDD;
    position: absolute;
    height: 4.2em !important;
    width: 4.2em !important;
}

.comment__author__name {
    font-size: 1.4em;
    margin-top: 0 !important;
}

.thread-title {
    font-size: 1.6em;
}

.comment__author {
    padding-left: 6em;
    padding-bottom: 0.5em;
}

.comment-info-bar {
    color: #888;
    font-size: .8em;
    padding-left: 7.5em;
}

.thread_author_name {
    font-size: 1em;
}

.comment__text {
    padding: 1em 1em 1em 6em;
    word-wrap: break-word;
}



.moderate-comment-link {
    padding-left: 0.2em;
}

.only_visible_to_members_text {
    font-style: italic;
}

.moderate-thread-title {
    width: 97% !important;
    margin-bottom: 0.45em !important;
}

.comment-moderated-by-text {
    font-style: italic;
    font-size: 0.9em;
}

.favourite-star {
    margin-bottom: 0.18em;
}

.new-comment {
    margin-bottom: 0;
}

    .new-comment input[type="submit"] {
        float: none;
    }

    .new-comment .cancel-reply-button, .comment-moderate-footer .cancel-reply-button {
        border: 2px solid #8B192C;
        font-weight: 100;
        height: 1.8em;
        margin-right: 0.5em;
        padding-top: 0.25em;
        padding-right: 0.5em;
        padding-bottom: 0.4em;
        padding-left: 0.5em;
        font-size: 12pt;
        float: none;
    }

    .new-comment .footer-wrapper {
        float: right;
    }

    .new-comment label:last-child {
        float: none;
        margin-right: 0.5em;
    }

.comment-moderate-footer label {
    display: inline-block;
    font-size: .8em;
    font-weight: normal;
    width: auto;
}

@media screen and (max-width: 39.9375em) {
    .comment-content {
        font-size: 12pt;
    }

    .comment__text {
        padding: 1em 1em 1em 1em;
    }
}

@media screen and (max-width: 39.9375em) {
    .comment-moderate-footer .checkbox-wrapper {
        float: none;
        margin-right: 0.5em;
        padding-left: 0;
    }

    .checkbox-wrapper input[type="checkbox"] + label {
        padding-left: 1.5em;
        padding-top: 0.15em;
    }
}

.new-comment .comment-buttons {
    white-space: nowrap;
}


/**********************************************************************************************/
/*  Create thread                                                                             */
/**********************************************************************************************/

.create-thread-container {
    margin-bottom: 3em !important;
}

.create-debate-header {
    margin-top: -2.3em !important;
}

@media screen and (min-width: 31.2em) {

    .create-thread-container label:last-child {
        margin-left: 0.5em;
    }
}

.create-thread-container label:last-child {
    float: none;
}

.create-thread-container label {
    line-height: inherit !important;
}


/**********************************************************************************************/
/* Private profile invitations list                                                           */
/**********************************************************************************************/
section.user-invitations {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 2.35%;
}


    section.user-invitations .user-invitations-wrapper {
        display: block;
        max-width: 45em;
        margin-left: auto;
        margin-right: auto;
    }

    section.user-invitations .event-invitation .tab {
        width: 8em;
        background-color: #b09400;
    }

    section.user-invitations .group-invitation .tab {
        width: 8em;
        background-color: #005f74;
    }

    section.user-invitations .item.group-invitation {
        background-color: #005f74;
    }

    section.user-invitations .item.event-invitation {
        background-color: #b09400;
    }


    section.user-invitations .item .tab {
        color: #FFFFFF;
        margin: -1.6em auto 0 auto;
        height: 1.6em;
        padding-top: 0.1em;
        text-align: center;
        border-top-left-radius: 0.3em;
        border-top-right-radius: 0.3em;
    }

    section.user-invitations .list-wrapper {
        padding-top: 1em;
        padding-bottom: 0;
    }

    section.user-invitations .item .overview {
        padding: 0.2em 0.2em 0.2em 0.2em;
        font-size: 1.3em;
    }

        section.user-invitations .item .overview a {
            margin-right: 15%;
        }

            section.user-invitations .item .overview a:last-child {
                margin-right: 0;
            }




/**********************************************************************************************/
/* Single service status                                                                      */
/**********************************************************************************************/

body.single-status h1.slim {
    margin-top: -0.8em !important;
}

body.status section.overview {
    margin-top: 0.5em;
}

body.status .content-wrapper {
    border-top: none;
    padding-top: 0;
}



body.status section.overview p {
    padding-top: 2em;
}

body.single-status .logo-wrapper {
    padding-top: 1em;
}

    body.single-status .logo-wrapper .logo {
        padding-bottom: 0.5em;
    }

body.status section.service-status .logo {
    padding-top: 1em;
    padding-bottom: 1em;
}

.edit-operation-status-button {
    margin-top: 2em;
}


body.single-status .digst-container section.extra-info {
    text-align: center;
    padding: 0;
    width: 100%;
    max-width: inherit !important;
}

    body.single-status .digst-container section.extra-info .extra-info-item {
        width: 100%;
        margin: auto;
        margin-right: auto !important;
        float: inherit !important;
        min-width: 20em;
    }

@media screen and (max-width: 25em) {
    body.single-status .digst-container section.extra-info .extra-info-item {
        width: inherit !important;
        min-width: inherit !important;
    }
}

/**********************************************************************************************/
/* Front page service statuses                                                                */
/**********************************************************************************************/


body.index section.service-status .service {
    position: relative !important;
}

body.index section.service-status .logo {
    padding-top: 0;
    padding-bottom: 0.5em;
}

.serviceStatusText {
    margin-top: .5em;
}

/*Service status list*/

@media screen and (max-width: 39.9375em) {
    body.status section.service-status .service {
        width: 100% !important;
    }
}




/**********************************************************************************************/
/* Miscellaneous                                                                              */
/**********************************************************************************************/

/*modal popups ok button placement fix*/

.modal-body .show-more {
    margin-bottom: -6em;
}

.modal-body .groups .show-more {
    margin-bottom: -6em;
}


.api-info {
    padding-bottom: 0.5em;
}

/* Make page headers auto witdh */

.overview-content h1.slim, body.catalogfront section.content section.catalog-overview h1.slim {
    width: inherit !important;
    left: 50%;
    position: absolute;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    margin-top: -0.4em;
    padding-right: 0.3em;
    padding-left: 0.3em;
}

.global-user-list, .groups-listing, .catalogue-info-text, .page-search-searchbar {
    padding-top: 2em !important;
}

    .global-user-list .user-list-container {
        padding-top: 1em !important;
    }

/*Fix for overflowing text in user meny (top right)*/
header.navigation ul.submenu li {
    word-break: break-word;
}

section.overview .overview-content {
    text-align: center;
}


input[type="text"]:disabled {
    background: #EEE;
}

/* Resource header styling */

.authorship-details div {
    white-space: nowrap;
}

    .authorship-details div:after {
        content: '\00a0 \00a0 \00a0 · \00a0';
    }

    .authorship-details div:last-child:after {
        content: "";
    }

.menuDiv {
    display: inline;
}


/* Bootstrap tooltip styling*/

.tooltip-inner {
    font-size: 14px;
    color: black;
    background-color: white;
    border: solid 1px #005f74;
}

/* Button colors */

.refresh-button {
    color: #005f74;
}

.promote-admin-button {
    color: #005f74;
}

.remove-button {
    color: #940027;
}

.accept-button {
    color: #466113;
}

/*Cookie consent knap styling*/
.cc_container .cc_btn, .cc_container .cc_btn:visited {
    color: #FFF !important;
    background-color: #005f74 !important;
}

/*WYSIWYG editor*/
.mce-txt {
    color: black !important;
}

    .mce-txt:hover {
        color: white !important;
    }

.authorship-details {
    margin-bottom: 1.5em;
    margin-top: 0;
    color: #4e4e4e;
    font-size: 0.9em;
}

    .authorship-details a {
        color: #4e4e4e;
        cursor: pointer;
    }

    .authorship-details div {
        display: inline-block;
    }

.options .form-section span span span .select2-selection__rendered .select2-selection__choice {
    height: 19pt !important;
    padding-right: 3pt;
    background-color: #F7F6EF;
    border-color: #f0f0f0;
}

.descriptionContent ul li, .groupCenterWrapper ul li, .comment ul li {
    list-style-type: circle !important;
    margin-left: 20px !important;
}

.descriptionContent ol li, .groupCenterWrapper ol li, .comment ol li {
    list-style-type: decimal !important;
    margin-left: 20px !important;
}


/* Fix to keep */

/*@media screen and (min-width: 54.5em) {
    header.navigation li.more.nav-link {
        position: absolute;
        right: 4em;
        top: 0;
    }
    header.navigation .profileImageDiv {
        position: absolute;
        right: 3em;
        top: 0;
    }
    header.navigation ul.submenu {
    margin-left: 7em;
}
}*/