.greeting-group {
    padding-left: 20px;
    display: grid;
    grid-template-columns: 20fr 80fr;
    min-width:900px;
    margin-top:35px;
}
/*
.hometitle-group {
    flex:1;
}
*/

.cookieconsent-group {
    display:flex;
    align-items:center;
    text-align:center;
    justify-content: center;
}

.item1 {
    grid-area: favorites;
}

.item2 {
    grid-area: recent-records;
}

.item3 {
    grid-area: followed-records;
}

.item4 {
    grid-area: release;
}

.item5 {
    grid-area: next-release;
}

.item6 {
    grid-area: notifications;
}

.item7 {
    grid-area: support;
}


.grid-container {
    display: grid;
    grid-template-areas:
        'favorites  recent-records   release        next-release'
        'favorites  recent-records   release        next-release'
        'favorites  followed-records notifications  notifications'
        'favorites  followed-records notifications  notifications';
    gap: 20px;
    background-color: transparent;
    padding: 20px;
    min-width: 1000px;
    min-height: 100%;
    height: 72vh;
    color:var(--textcolor);
}

.grid-container > div,
.favoritesgrid-container > div {
    text-align: center;
    padding: 20px 0;
    font-size: 17px;
}

.help-container > div {
    text-align: start;
    padding: 20px 0;
    font-size: 17px;
}

.bulletin-section {
    display: flex;
    flex-flow: column;
    background-color: var(--menucolor);
}


.bulletin-title {
    justify-self: start;
}

.help-container  .bulletin-title {
    padding-left: 30px;
    padding-top: 30px;
}

.bulletin-body {
    height: 100%;
    display: flex;
    align-items: start;
    justify-content: center;
}



.bulletin-post {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.account-row {
    display: table;
    align-items: center;
    height: 100%;
    width: 100%;
}

.account-group {
    display: table-cell;
    vertical-align: middle;
    padding:100px;
}

.account-form {
    display: table;
    margin: 0 auto;
}


.bulletinparent {
    display: table;
    align-items: center;
}


.bulletinchild {
    display: table-cell;
    vertical-align: middle;
    padding-inline-start: 0px !important;
}


.bulletinchild > thead > tr > th,
.bulletinchild > tbody > tr > th,
.bulletinchild > tfoot > tr > th,
.bulletinchild > thead > tr > td,
.bulletinchild > tbody > tr > td,
.bulletinchild > tfoot > tr > td {
    padding-top: 0px !important;
    padding-bottom: 0px;
    vertical-align: middle !important;
    line-height: 0;
    font-weight: normal;
}

.bulletinchild  .firstcell {
    padding-left: 0px;
}


   /* .bulletinchild  li:hover   {
        background-color: transparent;
        cursor: pointer;
        color: orange;
    }
*/



    .bulletinchild li a:hover,
    .bulletinchild li a:focus,
    .bulletin-body a:hover,
    .bulletin-body a:focus {
        color: var(--confirmcolor) !important;
        text-decoration: none;
        background-color: transparent;
    }

.align-left {
    text-align:left;
}

.align-right {
    text-align: right;
}

.firstdetailrow {
    padding-left: 15px;
}


#runlistArea {
    /*padding: 50px 40px 100px 40px;*/
    padding-bottom: 100px;
    width: 100%;
}


#notificationbody {
    display: block;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
/*
#notificationbody .table-condensed > tbody > tr > td {
    padding: 0px;
}*/

/* -----------------  Notification Area styles  ----------------- */
.notificationarea,
.releasearea,
.formbrowsearea {
    /*display:table-cell;*/
    /*vertical-align:middle;*/
    display: flex;
    flex-flow: column;
    padding: 40px;
    width: 100%;
    margin: auto;
    height: 75vh;
}

#notificationsArea {
    color:var(--normaltextcolor);background-color:var(--menucolor);
}

#notification-img {
    display:inline;padding-right:10px;
}

#notificationTable {
    overflow: auto;
    height: 100%;
}

.notificationbuttons {
    margin-left: auto;
    order: 0;
    padding-bottom: 20px;
}

#notificationButtons {
    padding-top:10px;
}

#outer {
    width: 100%;
    text-align: center;
}


.disabled {
    color: var(--textcolor) !important;
}

.decorator {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*padding: 0 10px;*/
}


.highlighted > ul {
    font-weight: normal;
}

.highlighted > ul > li > li:before > li:last-child:before {
    font-weight: normal;
}

.highlighted > ul > li > a > a:before > a:last-child:before {
    font-weight: normal;
}

#notificationtable-div {
    overflow:visible;
}

.notification-row {
    color: var(--normaltextcolor);
}

.notification-row:not(.not-noted) {
    color: var(--textcolor);
}

.notification-row .imageCell {
    white-space: nowrap; margin-right: 15px;
}

.notification-datedescription {
    padding-left:0px;white-space: nowrap;
}

.notification-row:hover,
.not-noted:not(.selected):hover
/*.notification-row:hover p */ {
    color: var(--confirmcolor) !important;
    background-color: transparent !important;
    cursor: pointer;
}

.not-noted:not(.selected),
.not-noted:not(.selected) td {
    color: var(--normaltextcolor) !important;
}



/* -----------------  Custom Styles for Favourites Recent Followed ----------------- */

.favoritesgrid-container {
    display: grid;
    grid-template-areas:
        'favorites  recent-records   recent-records  followed-records  followed-records'
        'favorites  recent-records   recent-records  followed-records  followed-records'
        'favorites  recent-records   recent-records  followed-records  followed-records'
        'favorites  recent-records   recent-records  followed-records  followed-records';
    gap: 20px;
    background-color: transparent;
    /*padding: 20px;*/
    min-width: 1000px;
    min-height: 100%;
    height: 72vh;
    color:var(--textcolor);
}

.recentrecord-table,
.followed-table,
.favorite-table {
    overflow: auto;
    display:none;
}

/* -----------------  Custom Styles for Support ----------------- */
.help-container {
    display: grid;
    grid-template-areas:
        'support';
    gap: 20px;
    background-color: transparent;
    color: var(--textcolor);
    /*padding: 20px;*/
    min-width: 1000px;
    min-height: 100%;
    height: 72vh;
}

/* ----------------- Custome Styles for Release ------------------*/

#whatsnew:hover {
    color: var(--confirmcolor) !important;
    text-decoration: none;
}

#releaseTable {
    overflow: hidden;
    display:flex;
    align-items: stretch;;
}

.releaseparent {
    overflow-y: auto;
    padding: 0; height: 100%;
}


.notification-container,
.release-container {
    gap: 20px;
    background-color: transparent;
/*  padding: 20px;*/
    min-width: 1000px;
    min-height: 70%;
    height: 70vh;
}

.releasedesc {
    word-break: break-word;
    white-space: normal;
    overflow-wrap: break-word;
    line-height:1.2;
    cursor:default;
}

#release-div {
    padding-top:40px;
}

#release-img {
    display:inline;padding-right:10px;
}

#releaseArea {
    color:var(--normaltextcolor);background-color:var(--menucolor);
}

#release-title {
    color:var(--normaltextcolor);
}

#releaseButtons {
    padding-top:10px;
}

.release-li-processcolor {
    color: var(--processcolor);
}

.release-li-color {
    color: var(--textcolor);
}

.release-title-span {
    white-space: nowrap; padding-left:10px;padding-right:0px;cursor:default;
}

.release-ul {
    padding-inline-start:10px;
}

.release-li {
    padding-bottom:25px;padding-top:8px;color:var(--normaltextcolor);
}


/* -----------------  List Browse Area styles  ----------------- */
.disable-all-events {
    pointer-events: none;
}