body {
    background-color: #FFFFFF;
}

.ui.menu .item img.logo {
    margin-right: 1.5em;
}

.main.container {
    margin-top: 7em;
}

.wireframe {
    margin-top: 2em;
}

.ui.footer.segment {
    margin: 5em 0em 0em;
    padding: 5em 0em;
}

table.visitTable {
    width: 100%;
}
    table.visitTable td {
        border: solid 1px black;
        padding: 5px 5px 5px 5px;
        width: 15%;
        font-size: 11px;
    }
    table.visitTable th {
        border: solid 1px black;
        padding: 5px 5px 5px 5px;
    }

    table.visitTable td.visitTableColCurrent,
    table.visitTable th.visitTableColCurrent {
        background-color: lightcyan;
    }
        table.visitTable th.visitTableColCurrent {
            font-size: 18px;
        }
table.visitTable td.visitTableCo {
    background-color: whitesmoke;
    width: 20%;
    font-size: 16px;
}
    table.visitTable td.visitTableCo a{
        font-size: 11px;
    }
    table.visitTable td.visitTableDate {
        
    }
div.visitTableTaskNew, div.calTableTaskNew {
    background-color: mistyrose;
    width: 100%;
}
div.visitTableTaskDone, div.calTableTaskDone {
    background-color: #ccffcc;
    width: 100%;
}
table.calTable
{
    width: 100%;
}
    table.calTable th {
        width: 14%;
        padding: 5px 5px 5px 5px;
    }
    table.calTable td {
        width: 14%;
        padding: 5px 5px 5px 5px;
        vertical-align: top;
        font-size: 11px;
    }
div.calTableDay {
    width: 100%;
    background-color: whitesmoke;
}
div.calTableDayName {
    width: 100%;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
}
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
    width: 100%;
}

    /* Tooltip text */
    .tooltip .tooltiptext {
        visibility: hidden;
        width: 600px;
        background-color: gray;
        color: #fff;
        text-align: justify;
        padding: 5px 5px 5px 5px;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
    }
    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

div.taskRow {    
    width: 100%;    
}

div.taskColumn {
    float: left;
    width: 33%;
}