body { background-color:black;color:white;font-size:14pt;  }



.responsiveImage {
    max-width: 100%;
    height: auto;
}

h1 {
    font-size: 16pt;
    font-weight: bold;
}

h2, h3, h4, h5 {
    font-size: 15pt;
    font-weight: bold;
}

.centerdiv800 {
    margin: auto;
    max-width: 800px;
}

.centerdiv1400 {
    margin: auto;
    max-width: 1400px;
}

div {
    padding: 10px;
}






.button {
    font: bold 14px Arial;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 10px;
    border: 3px solid black;
    border-radius: 35px;
    width:100%;
}


.dropdownlist {
    min-width: 200px;
    border: 3px solid black;
    border-radius: 7px;
    padding: 10px;
    font-size: 18pt;
}

.textbox {
    font-size: 18pt;
    font-family: 'Segoe UI';
    border: 3px solid black;
    width: 100%;
}

.DataErrorsFormat {
    padding: 5px;
    border: 2px solid purple;
}

* {
    box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
    float: left;
    width: 50%;
    padding: 10px;
}

.col-25 {
    float: left;
    width: 25%;
}

.col-75 {
    float: left;
    width: 75%;
}

.col-50 {
    float: left;
    width: 50%;
}

.col-40 {
    float: left;
    width: 40%;
}

.col-60 {
    float: left;
    width: 60%;
}

.outerdiv {
    padding: 20px;
}

.pad10 {
    padding: 10px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.video-button {
    font-weight: bold;
    color: white;
    background-color: purple;
    border: 7px solid purple;
    border-radius: 10px;
    text-decoration: none;
}