html, body {
    font-family: "Comic Sans MS";
    font-size: medium;
    color: #010101;
    background-color: white;   
}

footer {    
    background-color:#9c9cac;
    border-top: 2px solid #27271c;
}

header {        
    background-color: white;    
    border-bottom: 2px solid rgb(191, 191, 250);   
}

h1 {
    color: rgb(154, 154, 223);
}

a{
    color:#c5c576;
}

a:visited {
    color:#79cccc;
}

a:hover{
    font-weight: bolder;
    font-size: larger;     
}

.columnContainer section {
    background-color: #f0f0ff;
}

.form {
    border:1px solid rgb(154, 154, 223);  
}

.formTitle, input[type="button"] {
    color:#f0f0ff;
    background-color: rgb(154, 154, 223);
}

.collapsable:hover, input[type="button"]:hover {
    color:#fffff0;
    background-color: rgb(167, 167, 218);    
}

input[type="button"]:disabled {
    color:#f0f0f0;
    background-color: rgb(167, 167, 167);   
}

.destination {
    background-color: #00d000 !important;
}

.current-floor {
    background-color: #6080f0 !important;
}

.info {
    background-color: #e4e4ff;    
    color:#7c7cbb;
}

.helperTooltip {
    border: 1px solid #7c7cbb;
    background-color: #e4e4ff;    
    color:#7c7cbb;
    box-shadow: 10px 10px 5px #ddcccc;            
}

.helperTooltip:hover {
    border: 2px solid #8a8ad1;
}

.helperButton {
    border:1px solid #7c7cbb;
    color: #7c7cbb;
    background-color: #e4e4ff;
}

#canvasDiv {
    background-color: white;
}

.floor {
    background-color: #d0d0d0;    
    color: #000000;    
    border: 1px solid #d0d0d0;
}

.floor:hover{
    background-color: #909090;    
    border: 1px solid #ff0000;
}

.floorHead {
    border: 1px solid #d0d0d0;
}

.checkbox, input[type="button"] {
    border: 1px solid #7c7cbb;
}

.ulCheckList li::before {
    color: green;
}