.Banner {
	background: linear-gradient(90deg, rgba(29,29,29,1) 6%, rgba(116,0,194,.8) 100%);
    text-align: center;
    justify-content: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.Banner-bottom {
    background-color: #393939;
    text-align: center;
    justify-content: center;
    padding-top: 5px;
}

.Navigation {
	background: linear-gradient(90deg, rgba(29,29,29,.5) 6%, rgba(116,0,194,.5) 100%);
    border-top-style: dashed;
    border-bottom-style: dashed;

    border-color: black;
    border-width: 1px;
    
    padding: 5px;
}

.Display {
    text-align: center;
    justify-content: center;
    padding-top: 5px;
    padding-bottom: 5px;
	background: linear-gradient(90deg, rgba(29,29,29,1) 6%, rgba(116,0,194,1) 100%);
	height: 90%;
}

.dbTable {
    display: inline-block;
    text-align: center;
    justify-content: center;
    max-width: 90%;
    overflow-x: auto;
	padding: 10px;
}

.dbTable-1 {
    max-width: 100%;
    justify-content: center;
    padding-top: 15px;
}

body {
    background-color: #393939;
    overflow: -moz-hidden-unscrollable;
    width: 100%;
    margin: 0;
    padding: 0;
}

.card {
    margin: 10px;
}

table, td {
    text-align: left;
    border: 1px solid ;
}

table {
    border-collapse: collapse;
    border-radius: 15px;
    overflow-x: hidden;
    table-layout: fixed;
}

th {
    height: 40px;
    width: 10px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-spacing: 15px;
	background-color: #393939;
	color: #FAF9F6;
    padding: 17px 15px 17px 15px;
}

th.dateJoined {
    max-width: 10px;
    word-wrap: break-word;
}

td {
    padding: 8px 8px 8px 8px;
    border-bottom: 1px solid #ddd;
    border-spacing: 15px;
}

.prompt {
    height: 10px;
}

td.prompt {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

td.smalldate {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

p.chatbox {
    max-width: 80%;
    border-radius: 25px;
    padding: 20px;
    background-color: #FAF9F6;
    display: inline-block;
    text-align: left;
}

h2.center {
    justify-content: center;
    text-align: center;
}

table.Display {
    display:  inline-table;
    max-width: 100%;
    margin: 0 auto;
    overflow-x: scroll;
    white-space: nowrap;
}

.inviteDiv {
	padding-bottom: 10px;
}

h2.displayText {
	color: #FAF9F6;
}

.displayText {
	color: #FAF9F6;
}

.Opac {
    background: linear-gradient(90deg, rgba(107,0,179,.5) 22%, rgba(252,69,189,.5) 88%);
}

.displayButtons {
	padding-bottom: 20px;
}

.backButton {
	text-align: center;
	padding-top: 15px;
}

.dinoNav {
	color: blue;
}

.fittobox {
    max-width: 100%;
}

.uploadDiv {
    padding-top: 20px;
    color: #FAF9F6;
    justify-content: center;
    text-align: center;
}

.fileUpload {
    width: 50%;
}

.hidden {
    display: none;
}

hr {
    background-color: white;
}

.chooseButton {
    color: white;
    background-color: #393939;
    border-radius: 5px;
    padding: 10px 15px;
    text-align: center;
    justify-content: center;
}

.spinningButton {
    position: relative;
    padding: 10px 16px;
    border: none;
    outline: none;
    border-radius: 2px;
    cursor: pointer;
}

.spinningButton:active {
    background: #007a63;
    padding: 10px 16px;
}

.uploadButtonText {
    color: #ffffff;
    transition: all 0.2s;
}

.button--loading::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 4px solid transparent;
    border-top-color: #FAF9F6;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
}

.PhoneLink:link {
    color: hotpink;
}

@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    } to {
        transform: rotate(1turn);
    }
}

tr:nth-child(even) { background-color: #f1f1f1; }
tr:nth-child(odd) { background-color: #d0d0d0; }