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

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

/* Text and Color utilities */
.text-purple { color: #808FC1; }
.text-white { color: #fff; }
.title-black-bold { color: #000; font-weight: bold; }
.font-size-14 { font-size: 14px; }
.no-margin { margin-bottom: 0; }

/* Centering and Max-width utilities */
.center-block { margin-left: auto; margin-right: auto; }
.mw-480 { max-width: 480px; }
.mw-770 { max-width: 770px; }
.container-mw-448 { max-width: 448px; }
.container-mw-710 { max-width: 710px; }
.container-mw-727 { max-width: 727px; }
.container-mw-772 { max-width: 772px; }
.container-mw-802 { max-width: 802px; }
.container-mw-782 { max-width: 782px; }
.img-mw-80 { max-width: 80px; }
.img-mw-428 { max-width: 428px; }
.img-mw-690 { max-width: 690px; }
.img-mw-707 { max-width: 707px; }
.img-mw-752 { max-width: 752px; }
.img-mw-782 { max-width: 782px; }

/* Component Styles */
.info-box-dotted-black {
    border: dotted 2px #000;
    border-radius: 15px;
    margin-left: auto;
    margin-right: auto;
}

.table-unit {
    float: right;
    font-size: 14px;
    color: #000;
    font-weight: normal;
}

.table-unit-black {
    float: right;
    font-size: 14px;
    color: #000;
    font-weight: normal;
}

/* Training Program Section Styles */
.training-header-green {
    background-color: #007460;
}

.training-subheader-purple {
    background-color: #808FC1;
}

.training-body-lightgray {
    background-color: #F4F4F4;
}

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