#massTextMenu {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 30000000;
    border-radius: 5px;
    height: 720px;
    display: flex;
    flex-direction: row;
    /* opacity: 0.95;   */
}

#massTextMenuCenter {
    display: flex;
    flex-direction: column;
    /*width: 560px;*/
    border: 3px solid #555;
    border-radius: 5px;
    background-color: #030303;
}

.massTextMenuHorizontalSpacer {
    height: 100%;
    width: 30px;

}

#massTextMenuRight {
    display: flex;
    flex-direction: column;
    width: 400px;
    height: 100%;
    border-left: 3px solid #555;
    background-color: #030303;
}



.mass-text-options-header-text {
    font-family: Consolas, monospace;
    font-size: 20px;
    width: 100%;
}

#massTextMenuOptionsUpper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.massTextFlipAllFiltersContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: Consolas, monospace;
    margin-bottom: 10px;
    font-size: 18px;
    align-items: center;
    border-bottom: 1px solid #555;
    background-color: #141414;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.massTextFlipAllFiltersContainerInner {
    display: flex;
}


.mass-text-flip-button {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Consolas, monospace;
    height: 18px;
    width: 24px;
    margin-right: 5px;
    /*margin-left:5px;*/
    cursor: pointer;
    margin-top: 1px;
    /*because: front-end */

}


.mass-text-options-filter-toggle-row-toggle:hover,
.mass-text-flip-button:hover {
    opacity: 0.75;
}

#massTextMenuOptionsUpperLeft {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
    border-right: 3px solid #555;
    padding-bottom: 5px;
}

#massTextMenuOptionsUpperRight {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
    padding-bottom: 5px;
}


#massTextMenuMessageContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 1;
    padding: 10px;
    padding-left: 12px;
    padding-right: 12px;
    border-top: 3px solid #555;
}

#massTextMenuMessageLabel {
    font-family: Consolas, monospace;
    font-size: 18px;
    margin-bottom: 10px;
}

#massTextMenuMessageInput {
    flex-grow: 1;
    width: 100%;
    font-size: 18px;
    color-scheme: dark;
    font-family: Consolas, monospace;
    background-color: #141414;
    border-radius: 5px;
    min-height: 100px;
}

.mass-text-menu-code-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    font-family: Consolas, monospace;
    margin-top: 10px;
}

.mass-text-menu-code-label {
    font-size: 16px;
    color: #CCC;
    margin-right: 5px;
    font-family: Consolas, monospace;
}

.mass-text-menu-code {
    background-color: #555;
    color: white;
    border-radius: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 5px;
    padding-left: 5px;
    font-family: Consolas, monospace;
    margin-right: 10px;
}

#massTextMenuHeader {
    height: 10%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

#massTextMenuHeader:hover {
    background-color: #333;
}

#massTextMenuTitle {
    font-size: 28px;
    font-family: Consolas, monospace;
    margin-left: 20px;
}

#massTextMenuHeaderLeft {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

#massTextMenuBody {
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 80%;
    overflow: auto;
    border-top: 3px solid #555;
    border-bottom: 3px solid #555;
}

#massTextMenuInfo {
    height: 5%;
    border-top: 3px solid #555;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
}

.mass-text-info-cluster {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 10px;
}

.mass-text-info-label {
    font-weight: bold;
    font-family: Consolas, monospace;
    color: #0000ff;
    margin-right: 3px;
}

.mass-text-info-data {
    font-weight: bold;
    font-family: Consolas, monospace;
    color: "white";
    margin-right: 10px;
}

#massTextMenuEmployeeList {
    width: 560px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow-x: hidden;
}

.mass-text-menu-pod {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    justify-content: flex-start;
}

.mass-text-menu-pod-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #444;
    width: 513px;
    height: 40px;
    margin-bottom: 5px;
    margin-left: 10px;
    padding-left: 5px;
}

.mass-text-menu-pod-header-left {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
}

.mass-text-menu-pod-header-right {}

.mass-text-menu-pod-header-toggle {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 20px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 10px;
}

.mass-text-menu-pod-header-right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}

.mass-text-menu-pod-header-far-right {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    height: 100%;
}

.mass-text-menu-pod-header-far-right div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50%;
    font-size: 14px;
    padding-left: 2px;
    padding-right: 2px;
    font-family: Consolas, monospace;
}

.mass-text-menu-pod-header:first-of-type {
    margin-top: 10px;
}

.mass-text-menu-pod-header-title {
    font-size: 24px;
    font-family: Consolas, monospace;
}

.mass-text-menu-pod-header-right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}



.mass-text-menu-pod-header-call-time-input {
    color-scheme: dark;
    background-color: #222;
    margin-bottom: 7px;
    margin-right: 42px;
    font-size: 16px;
}

.mass-text-menu-pod-call-time-title {
    font-size: 20px;
    font-family: Consolas, monospace;
    display: flex;
    align-items: center;
}

.mass-text-menu-pod-call-time-input {
    font-family: Consolas, monospace;
    color-scheme: dark;
    font-size: 15px;
}

.mass-text-employee-card-lower-divider {
    font-family: Consolas, monospace;
    font-size: 24px;
    color: #888;
    margin-right: 10px;
    margin-left: 10px;
}

.mass-text-menu-employee-card {
    /* this outermost container splits it in half down the middle */
    font-family: Consolas, monospace;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
    width: 450px;
    margin-left: 21px;
    padding-left: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
}


.mass-text-menu-employee-card-right {
    width: 33%;
    height: 100%;
}

.mass-text-menu-employee-card-center {}

.mass-text-menu-employee-card-left {
    width: 66%;
    display: flex;
    flex-direction: column;
}

.mass-text-menu-employee-card-left-row {
    height: 30px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.mass-text-menu-employee-card-left-row.top-employee-card-row {
    /*justify-content: space-between;*/
}

.mass-text-menu-employee-card-name {
    font-family: Consolas, monospace;
    font-size: 20px;
    cursor: pointer;
}

.mass-text-menu-employee-card-name:hover {
    color: #888;
}

.mass-text-menu-pod-header-toggle,
.mass-text-menu-employee-card-send-toggle {
    height: 25px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-right: 15px;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Consolas, monospace;
    transition: color 0.2s ease;
}

.mass-text-menu-pod-header-toggle:hover,
.mass-text-menu-employee-card-send-toggle:hover {
    color: #030303;
}

.mass-text-menu-employee-card-status {
    height: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

.mass-text-menu-employee-card-note {
    height: 100%;
    width: 100%;
    color-scheme: dark;
}


#massTextMenuFooter {
    height: 10%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

#massTextMenuCancelButton,
#massTextMenuSendButton {
    width: 100px;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #030303;
    cursor: pointer;
    font-family: Consolas, monospace;
}


#massTextMenuCancelButton:hover {
    background-color: red;
}

#massTextMenuSendButton:hover {
    background-color: green;
}


.mass-text-options-filter-toggle-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px;
    font-family: Consolas, monospace;
    color: white;
    width: 90%;
}

.mass-text-options-filter-toggle-row-text {
    font-family: Consolas, monospace;
    font-size: 16px;
    color: white;
    margin-right: 10px;
}

.mass-text-options-filter-toggle-row-toggle {
    width: 40px;
    height: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: red;
    margin-left: auto;
}