/* paddings */
.p-0{ padding: 0; }
.pl-0{ padding-left: 0; }
.pr-0{ padding-right: 0; }
.pt-0{ padding-top: 0; }
.pb-0{ padding-bottom: 0; }
.px-0{
    padding-left: 0;
    padding-right: 0;
}
.py-0{
    padding-top: 0;
    padding-bottom: 0;
}
.p-3{ padding: 3px; }
.pl-3{ padding-left: 3px; }
.pr-3{ padding-right: 3px; }
.pt-3{ padding-top: 3px; }
.pb-3{ padding-bottom: 3px; }
.px-3{ padding: 0 3px; }
.py-3{ padding: 3px 0; }
.p-5{ padding: 5px; }
.pl-5{ padding-left: 5px; }
.pr-5{ padding-right: 5px; }
.pt-5{ padding-top: 5px; }
.pb-5{ padding-bottom: 5px; }
.px-5{
    padding-left: 5px;
    padding-right: 5px;
}
.py-5{
    padding-top: 5px;
    padding-bottom: 5px;
}
.p-10{ padding: 10px; }
.pl-10{ padding-left: 10px; }
.pr-10{ padding-right: 10px; }
.pt-10{ padding-top: 10px; }
.pb-10{ padding-bottom: 10px; }
.px-10{ padding: 0 10px; }
.py-10{ padding: 10px 0; }
.p-15{ padding: 15px; }
.px-15{ padding: 0 15px; }
.py-15{ padding: 15px 0; }
.p-20{ padding: 20px; }
.px-20{ padding: 0 20px; }
.py-20{ padding: 20px 0; }

/* margins */
.m-auto{ margin: 0 auto; }
.m-0{ margin: 0; }
.ml-0{ margin-left: 0; }
.mr-0{ margin-right: 0; }
.mt-0{ margin-top: 0; }
.mb-0{ margin-bottom: 0; }
.mx-0{
    margin-left: 0;
    margin-right: 0;
}
.my-0{
    margin-top: 0;
    margin-bottom: 0;
}
.m-3{ margin: 3px; }
.ml-3{ margin-left: 3px; }
.mr-3{ margin-right: 3px; }
.mt-3{ margin-top: 3px; }
.mb-3{ margin-bottom: 3px; }
.mx-3{
    margin-left: 3px;
    margin-right: 3px;
}
.my-3{
    margin-top: 3px;
    margin-bottom: 3px;
}
.m-5{ margin: 5px; }
.ml-5{ margin-left: 5px; }
.mr-5{ margin-right: 5px; }
.mt-5{ margin-top: 5px; }
.mb-5{ margin-bottom: 5px; }
.mx-5{ margin: 0 5px; }
.my-5{ margin: 5px 0; }
.m-10{ margin: 10px; }
.ml-10{ margin-left: 10px; }
.mr-10{ margin-right: 10px; }
.mt-10{ margin-top: 10px; }
.mb-10{ margin-bottom: 10px; }
.mx-10{ margin: 0 10px; }
.my-10{ margin: 10px 0; }

/* width */
.w-auto { width: auto; }
.w-100 { width: 100%; }
.w-75 { width: 75%; }
.w-50 { width: 50%; }
.w-25 { width: 25%; }

/* min-width */
.min-w-100 { min-width: 100%; }
.min-w-75 { min-width: 75%; }
.min-w-50 { min-width: 50%; }
.min-w-25 { min-width: 25%; }

/* max-width */
.max-w-100 { max-width: 100%; }
.max-w-75 { max-width: 75%; }
.max-w-50 { max-width: 50%; }
.max-w-25 { max-width: 25%; }

/* height */
.h-auto { height: auto; }
.h-100 { height: 100%; }
.h-75 { height: 75%; }
.h-50 { height: 50%; }
.h-25 { height: 25%; }

/* max-height: ; */
.max-h-100 { max-height: 100%; }
.max-h-75 { max-height: 75%; }
.max-h-50 { max-height: 50%; }
.max-h-25 { max-height: 25%; }

/* min-height: ; */
.min-h-100 { min-height: 100%; }
.min-h-75 { min-height: 75%; }
.min-h-50 { min-height: 50%; }
.min-h-25 { min-height: 25%; }

/* display */
.d-none { display: none; }
.d-inline { display: inline }
.d-block { display: block; }
.d-inline-block { display: inline-block }
.d-flex { display: flex; }
.d-inline-flex { display: inline-flex; }

/* flex */
.flex-row { flex-direction: row; }
.flex-row-reverse { flex-direction: row-reverse; }
.flex-column { flex-direction: column; }
.flex-column-reverse { flex-direction: column-reverse; }

.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; }

.justify-content-start { justify-content: flex-start; }
.justify-content-end { justify-content: flex-end; }
.justify-content-center { justify-content: center; }
.justify-content-between { justify-content: space-between; }
.justify-content-around { justify-content: space-around; }
.justify-content-evenly { justify-content: space-evenly; }

.align-items-start { align-items: flex-start; }
.align-items-end { align-items: flex-end; }
.align-items-center { align-items: center; }
.align-items-baseline { align-items: baseline; }
.align-items-stretch { align-items: stretch; }

.align-content-start { align-content: flex-start; }
.align-content-end { align-content: flex-end; }
.align-content-center { align-content: center; }
.align-content-between { align-content: space-between; }
.align-content-around { align-content: space-around; }
.align-content-stretch { align-content: stretch; }

.align-self-auto { align-self: auto; }
.align-self-start { align-self: flex-start; }
.align-self-end { align-self: flex-end; }
.align-self-center { align-self: center; }
.align-self-baseline { align-self: baseline; }
.align-self-stretch { align-self: stretch; }

.flex-grow-0 { flex-grow: 0; }
.flex-grow-1 { flex-grow: 1; }
.flex-shrink-0 { flex-shrink: 0; }
.flex-shrink-1 { flex-shrink: 1; }

.flex-fill { flex: 1 1 auto; }
.flex-1 { flex: 1 1 0; }
.flex-auto { flex: 1 1 auto; }
.flex-initial { flex: 0 1 auto; }
.flex-none { flex: none; }

.gap-0 { gap: 0; }
.gap-3 { gap: 3px; }
.gap-5 { gap: 5px; }
.gap-10 { gap: 10px; }

.row-gap-0 { row-gap: 0; }
.row-gap-3 { row-gap: 3px; }
.row-gap-5 { row-gap: 5px; }
.row-gap-10 { row-gap: 10px; }

.column-gap-0 { column-gap: 0; }
.column-gap-3 { column-gap: 3px; }
.column-gap-5 { column-gap: 5px; }
.column-gap-10 { column-gap: 10px; }

/* position */
.position-relative { position: relative; }
.position-absolute { position: absolute; }

/* cursor */
.pointer { cursor: pointer; }

/* float */
.left { float: left }
.right { float: right !important; }
.clear { clear: both; }

/* text align */
.text-center { text-align: center }
.text-left { text-align: left; }
.text-right { text-align: right; }

#menu .rightColumn a.edit.disabled-btn, 
#menu .rightColumn a.edit.disabled-btn:hover,
#menu .rightColumn a.delete.disabled-btn, 
#menu .rightColumn a.delete.disabled-btn:hover,
#menu .rightColumn a.cloneCourse.disabled-btn, 
#menu .rightColumn a.cloneCourse.disabled-btn:hover,
#menu .rightColumn a.signOut.disabled-btn, 
#menu .rightColumn a.signOut.disabled-btn:hover {
    color: #999;
    cursor: default;
    text-decoration: none;
    opacity: 1;
    pointer-events: none;
}