body {
    background-color:#fcfcfc;
}
h1 {
    color: black;
    text-align: center;
}

h2 {
    color:black;
}

p {
    color: black;
    text-align:center;
    font-family: Tahoma, Verdana, sans-serif;
}

p2 {
    color: black;
    font-family: Tahoma, Verdana, sans-serif;
}

p3 {
    color: black;
    font-family: Tahoma, Verdana, sans-serif;
    font-size:medium;
}


.button {
    background-color: darkred;
    border: none;
    border-radius: 10px;
    color: white;
    padding: 15px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}

.button2 {
    background-color: darkred;
    border: none;
    border-radius: 10px;
    color: white;
    padding: 15px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}

.button:hover {
    background-color:dimgray;
    color: white;
    border: none;
    border-radius: 4px;
}

.button2:hover {
    background-color: dimgray;
    color: white;
    border: none;
    border-radius: 4px;
}

.loginButton {
    background-color: darkred;
    border: none;
    border-radius: 10px;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}

.loginButton:hover {
    background-color: dimgray;
    color: white;
    border: none;
    border-radius: 4px;
}

.AddRelationshipButton {
    background-color: darkred;
    border: none;
    border-radius: 10px;
    color: white;
    padding: 10px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}

.AddRelationshipButton:hover {
    background-color: dimgray;
    color: white;
    border: none;
    border-radius: 4px;
}


ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: darkred;
}


li {
    float: left;
    border-right: 1px solid #bbb
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover {
    background-color:dimgray;
}

.active {
    background-color: darkred;
}

li:last-child{
    border-right: 1px solid #bbb
}

.header {
    background-color: #f1f1f1;
    padding: 20px;
    text-align: center;
}

.img {
    text-align:center;
}

.login {
    padding: 10px 50px;
    margin: 5px 0;
    box-sizing: border-box;
    border: 2px solid #424242;
    border-radius: 6px;
    text-align: center;
}

.myInfoText {
    padding: 5px 10px;
    margin: 5px 0;
    box-sizing: border-box;
    border: 2px solid #424242;
    border-radius: 6px;
}

.divCenter{
    text-align:center;
}

.divLoginBox {
    background-color:lightgray;
    width: 300px;
    padding: 50px;
    margin: auto;
    border-radius:10px;
    text-align:center;
}

.divMyInfoBox {
    background-color: lightgray;
    width: auto;
    padding: 50px;
    margin: auto;
    border-radius: 10px;
    text-align: center;
}

.tableCenter {
    margin-left: auto;
    margin-right: auto;

}
.calendarSelect {
    width:auto;
    margin: auto;
    text-align: center;
}
.divCellPhoneBox {
    background-color: lightgray;
    margin: auto;
    border-radius: 10px;
    text-align: center;
}

.styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    border: thin solid #dddddd;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

    .styled-table tbody tr {
        border-bottom: thin solid #dddddd;
    }

    .styled-table td {
        padding: 12px 15px;
        border: thin solid #dddddd;
        width: 50%;
        /*background-color:darkred;*/
    }

/*    .styled-table td:nth-child(1) {
        padding: 12px 15px;
        border: thin solid #dddddd;
        width: 75%;
        background-color:white;
    }
    */