/**
original blue - #344cef;
original mid-blue - #3377cc;

mmp light blue - #26b3fb;
25% - #239be6;
50% - #2070c1;
75% - #1c456f;
mmp dark blue - #1a2e46;

mmp light blue - #26b3fb;
2/6 - #2498D7
3/6 - #217EB3
4/6 - #1F638E
5/6 - #1C496A
mmp dark blue - #1a2e46;

gold button - #ffc74e;
gold button hover - #dead43;
*/

@charset "UTF-8";

.fsicon-overlay {
    display: flex;
    position: absolute;
    opacity: 0.25;
    transition: opacity 0.3s ease;
    top: 12px;
    right: 48px;
    z-index: 10;
    color: #666;
    background-color: white;
    border: 1px solid #26b3fb;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 4px;
    padding-right: 4px;
    transition: transform 0.3s ease;
}

    .fsicon-overlay:hover {
        opacity: 1.0;
        transform: scale(1.0);
    }

.mmp-ajax-box-line-item {
    transition: transform 0.s ease;
}

    .mmp-ajax-box-line-item:hover {
        font-weight: 700;
    }

.ql-snow.ql-toolbar {
    background-color: #efefef;
    border-top: 2px solid #3377cc !important;
    border-left: 2px solid #3377cc !important;
    border-right: 2px solid #3377cc !important;
    border-bottom: 0px;
}

.ql-snow.ql-container {
    border: 2px solid #3377cc !important;
}

.btn-primary-mmp {
    color: #000;
    border-color: #ffc74e;
    background-color: #ffc74e;
}

    .btn-primary-mmp:active, .btn-primary-mmp:focus, .btn-primary-mmp:hover {
        color: #000;
        border-color: #dead43;
        background-color: #dead43;
    }

    .btn-primary-mmp.btn-solid {
        color: #ffc74e;
        border-color: #fff;
        background-color: #fff
    }

        .btn-primary-mmp.btn-solid:active, .btn-primary-mmp.btn-solid:focus, .btn-primary-mmp.btn-solid:hover {
            border-color: #ffc74e;
            background-color: #ffc74e;
            color: #ff0
        }

    .btn-primary-mmp.btn-outline {
        color: #ffc74e;
        border-color: #ffc74e;
        background-color: transparent
    }

        .btn-primary-mmp.btn-outline:active, .btn-primary-mmp.btn-outline:focus, .btn-primary-mmp.btn-outline:hover {
            background-color: #ffc74e;
            color: #fff
        }

    .btn-primary-mmp.btn-link {
        background-color: transparent;
        color: #ffc74e;
    }

        .btn-primary-mmp.btn-link:active, .btn-primary-mmp.btn-link:focus, .btn-primary-mmp.btn-link:hover {
            color: #222
        }

    .btn-primary-mmp.btn-underline:active, .btn-primary-mmp.btn-underline:focus, .btn-primary-mmp.btn-underline:hover {
        color: #ffc74e;
    }

.btn-secondary-mmp {
    color: #fff;
    border-color: #239be6;
    background-color: #239be6;
}

    .btn-secondary-mmp:active, .btn-secondary-mmp:focus, .btn-secondary-mmp:hover {
        color: #ff0;
        border-color: #2070c1;
        background-color: #2070c1;
    }

    .btn-secondary-mmp.btn-solid {
        color: #239be6;
        border-color: #fff;
        background-color: #fff
    }

        .btn-secondary-mmp.btn-solid:active, .btn-secondary-mmp.btn-solid:focus, .btn-secondary-mmp.btn-solid:hover {
            border-color: #239be6;
            background-color: #239be6;
            color: #fff
        }

    .btn-secondary-mmp.btn-outline {
        color: #239be6;
        border-color: #239be6;
        background-color: transparent
    }

        .btn-secondary-mmp.btn-outline:active, .btn-secondary-mmp.btn-outline:focus, .btn-secondary-mmp.btn-outline:hover {
            background-color: #239be6;
            color: #fff
        }

    .btn-secondary-mmp.btn-link {
        background-color: transparent;
        color: #239be6;
    }

        .btn-secondary-mmp.btn-link:active, .btn-secondary-mmp.btn-link:focus, .btn-secondary-mmp.btn-link:hover {
            color: #222
        }

    .btn-secondary-mmp.btn-underline:active, .btn-secondary-mmp.btn-underline:focus, .btn-secondary-mmp.btn-underline:hover {
        color: #2070c1
    }

file-pond {
    --default-color: #333333;
    --default-background-color: #f8f9fa;
}

.filepond--root {
    font-size: 2rem;
}

    .filepond--root .filepond--panel-root {
        background-color: #efefef;
        border: 1px solid #3377cc;
    }
/* The text/labels color ("Drag & Drop your files") */
.filepond--drop-label {
    color: #4a5568;
    font-size: 2.5rem;
}
/* The action link color ("Browse") */
.filepond--label-action {
    text-decoration-color: #3182ce;
    color: #3182ce;
}
/* Background color of the uploaded item row/panel */
.filepond--item-panel {
    background-color: #2b6cb0;
}
/* Color of the file action buttons (like the X / cancel button) */
.filepond--file-action-button {
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
}
/* File info text color (Name, size, etc.) */
.filepond--file {
    color: #ffffff;
}
/* Idle overlay state */
.filepond--image-preview-overlay-idle {
    color: rgba(40, 40, 40, 0.70);
}
/* Successful upload overlay state */
.filepond--image-preview-overlay-success {
    color: rgb(46, 117, 89);
}
/* Failed upload overlay state */
.filepond--image-preview-overlay-failure {
    color: rgb(166, 38, 38);
}