.pod-employee-card {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.pod-employee-card-upper {
    padding: 5px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    /* border-bottom: 3px solid #030303; */
}

.pod-employee-card-name {
    margin-right: auto;
    font-family: Consolas, monospace;
    font-size: 16px;
    /* Set font to Consolas */


}

.pod-employee-card-sms {
    margin-right: 15px;
    font-size: 23px;
    cursor: pointer;
    color: #030303;
}

.pod-employee-card-sms:hover {
    color: #555;
}

.pod-employee-card-remove {
    margin-left: none;
    cursor: pointer;
    margin-right: 5px;
    font-size: 16px;
    font-family: Consolas, monospace;
    color: #BBB;
}

.pod-employee-card-remove:hover {
    color: #333;
}


.pod-employee-card-lower {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;

}

.pod-employee-card-call-time-input,
.pod-employee-card-shift-type-select {
    width: 100%;
    background-color: #030303;
    color: #BBB;
    padding: 3px;
    font-weight: 600;
}

.pod-employee-card-call-time-input {
    color-scheme: dark;
    /*width: 35%;*/
}

.pod-employee-card-shift-type-select {
    /*width: 65%;*/
    font-size: 17px;
}

.pod-employee-card-tagalongs {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.pod-employee-card-tagalong-input {
    width: 90%;
    color-scheme: dark;
    font-size: 16px;
    padding-left: 10px;
}

.pod-employee-card-tagalong {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    font-size: 16px;
    padding-left: 5px;
    padding-top: 1px;
}

.pod-employee-card-tagalong-name {}

.pod-employee-card-tagalong-close {
    cursor: pointer;
    font-weight: 1000;
    color: #BBB;
    margin-right: 10px;
}

.pod-employee-card-tagalong-close:hover {
    opacity: 0.7;
}

.pod-employee-card-shift-type-option {
    color: #BBB;
}

.pod-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 90%;
}

.pod-container-left,
.pod-container-right {
    flex: 0 0 48%;
    /* Take up roughly half the container width */
    display: flex;
    flex-direction: column;
}

.sched-pod {
    width: 100%;
    margin-bottom: 5px;
}

.pod-header {
    background-color: #030303;
    padding: 5px;
    /* border-radius: 5px; */
    margin: 3px;
    /* console type border */
    border: 5px solid #555;
    font-family: Consolas, monospace;
    margin: 0px;

    display: flex;
    flex-direciton: row;
    justify-content: space-between;
}

/* hover effect */



.pod-header-title {
    color: #ccc;
    cursor: pointer;
    text-align: left;
    font-family: Consolas, monospace;
    flex-grow: 1;
    flex-basis: 100%;
}

.pod-header-title:hover {

    color: #999;
}

.pod-header-right {
    display: flex;
    flex-direction: row;
    justfiy-content: flex-end;
    align-items: center;

}

.pod-header-readout {
    font-family: Consolas, monospace;
    font-size: 16px;
    color: #000;
    text-align: center;
    width: 40px;
    height: 100%;
    margin-right: 5px;
    border-right: 1px solid #777;
    margin-left: 5px;
    border-left: 1px solid #777;
}


.pod-edit-button {
    color: #999;
    cursor: pointer;
}

/*
*                                <div class"pod-call-time-container">
                                    <div class="pod-call-time-label">CALL:</div>
                                    <input class="pod-call-time-input" type="time"/>
                                </div>

* */
.pod-call-time-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 20px;
    margin-top: 6px;
    margin-bottom: 5px;
    padding-bottom: 9px;
    border-bottom: 1px white solid;
    background-color: #030303;

}

.pod-call-time-label {
    font-size: 16px;
    font-family: Consolas, monospace;
    color: #AAA;
    width: auto;
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    border-left: 5px #555 solid;

}

.pod-call-time-input {
    font-family: Consolas, monospace;
    color-scheme: dark;
    background-color: #030303;
    width: 100%;
    border: 1px solid #777;
}

.pod-drop-area {
    background-color: #030303;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 40px;
    overflow: hidden;
    overflow: auto;
    /*max-height: 250px;*/
    /*height: 225px;*/
    border: 3px solid #555;

}

.sched-pod-name-search-input {
    color-scheme: dark;
    width: 75%;
    height: 25px;
    font-family: Consolas, monospace;
    font-size: 20px;
    margin-top: 6px;
    margin-left: 10px;

}

.sched-pod-name-search-results-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 8px;
    margin-left: 10px;
}

.sched-pod-name-search-result {
    display: flex;
    align-items: center;
}

.sched-pod-name-search-result:hover {
    cursor: pointer;
    opacity: 85%;
}

.sched-pod-name-search-result-selected {
    background-color: #e0e0e0;
    color: #030303
}


.pod-employee-card-status {
    width: 15px;
    height: 16px;
    border: 3px solid #030303;

    /* background-color: yellow; */
    margin-right: 15px;
    transition: background-color 0.5s;
}

.pod-employee-card-status:hover {
    cursor: pointer;
    border: 3px solid #555;
}

.shift-status-selector {
    position: absolute;
    z-index: 1000;
    border: 5px solid black;
}

.sched-event-card-pod-status-option {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 6px;
    font-family: Consolas, monospace;
    color: black;
    border-bottom: 5px solid black;
}

.sched-event-card-pod-status-option:last-of-type {
    border-bottom: none;
}

.sched-event-card-pod-status-option:hover {
    opacity: 0.9;
    /*color: #555;*/
}