/*════════════════════════════════════════════════════
꧁════════════════════ 0.General ════════════════════꧂
═════════════════════════════════════════════════════*/

.mn-container {
    font-family: "Open Sans", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: left;
    color: #2C3E50;
}

.mn-row {
    a {
        color: #12C;
        text-decoration: none;
        cursor: pointer;
    }

    a:hover {
        color: #7B9CF0 !important;
        text-decoration: underline;
    }
}

.card-icon {
    border: 1px solid #ebd798 !important;
    /*height: 100px !important;*/
    cursor: pointer;
}

.card-icon-active {
    /*font-family: 'Poppins-Semibold';*/
    background-color: #ebd798;
    color: #016754 !important;
}

.card-icon:hover {
    border: 2px solid #016754 !important;
}

.card-icon--icon {
    margin-left: 10px;
    max-width: 42px;
}

/* General */
.bg-gold {
    background-color: #A57F2C;
}

.border-wlight {
    border: 1px solid #ebd798;
}

.cursor-pointer {
    cursor: pointer;
}

.img-fluid-content {
    max-width: 100%;
    height: auto;
}


/*════════════════════════════════════════════════════
꧁═══════════════════ 4.Overwrite ═══════════════════꧂
═════════════════════════════════════════════════════*/

.mn-rounded {
    border-radius: 0.375rem !important;
}

.mn-btn {
    color: white !important;
    border-radius: 0.375rem;
    cursor: pointer;
}

.text-success {
    color: #016754 !important;
}

.mn-btn-success {
    background-color: #016754 !important;
    border: 1px solid #198754 !important;
}

.mn-btn-success:hover {
    background-color: #015847 !important;
    border: 1px solid #198754 !important;
}


/*════════════════════════════════════════════════════
꧁═════════════════════ 1.Flex ═════════════════════꧂
═════════════════════════════════════════════════════*/

/* display */
.flex-start, .flex-center, .flex-end, .flex-between,
.flex-start-start, .flex-start-center, .flex-start-end, .flex-start-between,
.flex-center-start, .flex-center-center, .flex-center-end, .flex-center-between,
.flex-end-start, .flex-end-center, .flex-end-end, .flex-end-between,
.flex-between-start, .flex-between-center, .flex-between-end, .flex-between-between {
    display: flex;
}

/* justify-content */
.flex-start, .flex-start-start, .flex-start-center, .flex-start-end, .flex-start-between {
    justify-content: flex-start;
}
.flex-center, .flex-center-start, .flex-center-center, .flex-center-end, .flex-center-between {
    justify-content: center;
}
.flex-end, .flex-end-start, .flex-end-center, .flex-end-end, .flex-end-between {
    justify-content: flex-end;
}
.flex-between-start, .flex-between-center, .flex-between-end, .flex-between-between {
    justify-content: space-between;
}

/* align-items */
.flex-start, .flex-start-start, .flex-center-start, .flex-end-start, .flex-between-start {
    align-items: start !important;
}
.flex-center, .flex-start-center, .flex-center-center, .flex-end-center, .flex-between-center {
    align-items: center !important;
}
.flex-end, .flex-start-end, .flex-center-end, .flex-end-end, .flex-between-end {
    align-items: end !important;
}
.flex-between, .flex-start-between, .flex-center-between, .flex-end-between, .flex-between-between {
    align-items: between !important;
}

.mn-flex-column {
    flex-direction: column !important;
}