/* Gap heights */
.gap-h0 { height: 0; }
.gap-h5 { height: 5px; }
.gap-h10 { height: 10px; }
.gap-h30 { height: 30px; }
.gap-h40 { height: 40px; }
.gap-h60 { height: 60px; }

/* Dash styles */
.dash-h1 { height: 1px; }

/* Text colors */
.text-purple { color: #808fc1; }
.text-green { color: #50a035; }
.text-dark-green { color: #007460; }
.text-teal { color: #00ab9c; }

/* Background colors */
.bg-purple { background-color: #808fc1; }

/* Title styles */
.title-black-bold {
    color: #000;
    font-weight: bold;
}
.title-h2 { font-size: 20px; }
.title-white {
    color: #fff;
    margin-bottom: 0;
}

/* Font sizing */
.fs-14 { font-size: 14px; }

/* Layout utilities */
.center-block {
    margin-left: auto;
    margin-right: auto;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/* Column and width utilities */
.mw-360 { max-width: 360px; }
.mw-420 { max-width: 420px; }
.mw-530 { max-width: 530px; }
.mw-550 { max-width: 550px; }
.mw-820 { max-width: 820px; }

.col-left { 
    max-width: 380px; 
    margin-left: auto; 
    margin-right: auto; 
    float: left; 
}
.col-right { 
    max-width: 380px; 
    margin-left: auto; 
    margin-right: auto; 
    float: right; 
}
.col-305-right { max-width: 305px; float: right; }
.col-312-left { max-width: 312px; float: left; }
.col-312-right { max-width: 312px; float: right; }
.col-420-left { margin-left: auto; margin-right: auto; max-width: 420px; float: left; }
.col-420-right { margin-left: auto; margin-right: auto; max-width: 420px; float: right; }
.col-520-left { margin-left: auto; margin-right: auto; max-width: 520px; float: left; }
.col-520-right { margin-left: auto; margin-right: auto; max-width: 520px; float: right; }
.col-635-left { max-width: 635px; float: left; }


/* Component styles */
.table-unit {
    float: right;
    font-size: 14px;
    color: #000;
}
.table-unit-centered {
    margin: auto;
    display: table;
    font-size: 14px;
    color: #000;
    text-align: center;
}

/* Clickable elements cursor */
.top_navbar_home, #go-top {
    cursor: pointer;
}