/* Restricting responsive changes to header for now, in order to avoid unintended consequences. - MSC*/
/* important is necessary because of other stylesheets*/
#divHeader {
    #divLogout

{
    width: 70vw;
}

.block {
    display: block !important;
    visibility: initial !important;
}

.hidden {
    display: none !important;
}

.flex {
    display: flex;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.justify-between {
    justify-content: space-between;
}

.w-auto {
    width: auto;
}

.h-auto {
    height: auto;
}

.max-w-100 {
    max-width: 100%;
}

.max-h-100 {
    max-height: 100%;
}

.pb-10 {
    padding-bottom: 10px;
}

.align-center {
    vertical-align: middle;
}

@media(min-width: 40rem) {

    .sm\3Ablock {
        display: inline !important;
        visibility: initial !important;
    }

    .sm\3Ahidden {
        display: none !important;
    }

    .sm\3Afloat-right {
        float: right;
    }
}




@media(min-width: 48rem) {

    .md\:block {
        display: inline !important;
        visibility: initial !important;
    }

    .md\:hidden {
        display: none !important;
    }

    .md\3Afloat-right {
        float: right;
    }

    #divLogout {
        width: 20%;
    }
}

@media(min-width: 64rem) {

    .lg\3Ablock {
        display: inline !important;
        visibility: initial !important;
    }

    .lg\3Ahidden {
        display: none !important;
    }
}
}