:root {

}

.hidden {
    display: none !important;
}

.bg-none {
    background-color: transparent !important;
}

.outlined-cyan {
    outline: 1px dotted cyan;
    outline-offset: -1px;
}

.outlined-cyan > * {
    outline: 1px dashed gray;
}

.outlined-magenta {
    outline: 1px dotted magenta;
    outline-offset: -1px;
}

.outlined-magenta > * {
    outline: 1px dashed gray;
}

.outlined-yellow {
    outline: 1px dotted yellow;
    outline-offset: -1px;
}

.outlined-yellow > * {
    outline: 1px dashed gray;
}

.outlined-black {
    outline: 1px dotted black;
    outline-offset: -1px;
}

.outlined-black > * {
    outline: 1px dashed gray;
}

.outlined-white {
    outline: 1px dotted white;
    outline-offset: -1px;
}

.outlined-white > * {
    outline: 1px dashed gray;
}

.fw-1 {
    font-weight: 100 !important;
}

.fw-2 {
    font-weight: 200 !important;
}

.fw-3 {
    font-weight: 300 !important;
}

.fw-4 {
    font-weight: 400 !important;
}

.fw-5 {
    font-weight: 500 !important;
}

.fw-6 {
    font-weight: 600 !important;
}

.fw-7 {
    font-weight: 700 !important;
}

.fw-8 {
    font-weight: 800 !important;
}

.fw-9 {
    font-weight: 900 !important;
}

.text-large {
    font-size: 28px;
}

.text-semi-large {
    font-size: 24px;
}

.text-medium {
    font-size: 20px;
}

.text-normal {
    font-size: 18px;
}

.text-regular {
    font-size: 16px;
}

.text-small {
    font-size: 14px;
}

.text-xs {
    font-size: 12px;
}

.capitalize {
    text-transform: uppercase;
}

.text-italic {
    font-style: italic;
}

.text-center {
    text-align:center;
}

.align-right {
    text-align: right!important;
}
/**********************************/
/* MARGIN                         */
/**********************************/
.mt-1 {
    margin-top: 1rem !important;
}
.mr-1 {
    margin-right: 1rem !important;
}
.mb-1 {
    margin-bottom:1rem !important;
}
.ml-1 {
    margin-left: 1rem !important;
}
.mt-2 {
    margin-top: 2rem !important;
}
.mr-2 {
    margin-right: 2rem !important;
}
.mb-2 {
    margin-bottom: 2rem !important;
}
.ml-2 {
    margin-left: 2rem !important;
}