.upcoming-changes-table-wrapper {
    line-height: 1.4;
    display: flex;
    flex-direction: column;
}

.upcoming-changes-table-wrapper table {
    width: 100%;
}

.upcoming-changes-popup-button {
    float: right;
    background-color: #f2f2f2;
    border: 1px solid #bcbcbc;
    border-radius: 8px;
    width: 32px;
    height: 20px;
    text-align: center;
    line-height: 10px
}

.upcoming-changes-popup-text {
    color: #666;
    width: 4px;
    height: 4px;
    letter-spacing: 3px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-weight: 700;
    padding-bottom: 10px
}

.upcoming-changes-headline {
    font-weight: 700;
    font-size: 14px
}

.upcoming-changes-text-bold {
    font-weight: 700
}

.upcoming-changes-date-col {
    width: 20%;
    text-align: left;
}

.upcoming-changes-details-col {
    width: 60%;
    text-align: left;
}

.upcoming-changes-duration-col {
    width: 20%;
    text-align: center;
}

td.pjmGridCellDate {
    vertical-align: middle;
}

td.pjmGridCellTime {
    vertical-align: middle;
}

.modal-content-upcomingChangesModal {
    width: 1156px;
}

.modal-header {
    color: #EB6E23;
    padding: 4px 12px;
}

.modal-footer > input {
    float: right;
}

.modal-header h2 {
    vertical-align: middle;
}

.modal-details-desc {
    padding: 5px 0;
}

.dialog-sub-heading {
    font-weight: 700;
    padding: 10px 0;
}

@media screen and (max-width: 1200px) {
    .modal-content-upcomingChangesModal {
        width: 95%;
    }
}