

.fc th
{
    font-size: .75rem;
    font-weight: 600;

    padding: .75rem 1rem;

    text-transform: uppercase; 

    color: #8898aa;
}

.fc div.fc-row
{
    margin-right: 0;

    border: 0;
}

.fc button .fc-icon
{
    top: -5px;
}

.fc-unthemed td.fc-today
{
    background-color: transparent;
}
.fc-unthemed td.fc-today span
{
    color: #fb6340;
}

.fc-event
{
    font-size: .75rem;

    padding: 0;

    border: 0; 
    border-radius: .25rem;
}
.fc-event .fc-title
{
    font-weight: 600; 

    display: block;
    overflow: hidden;

    padding: .4rem .5rem;

    white-space: nowrap;
    text-overflow: ellipsis;

    color: #fff;
}
.fc-event .fc-time
{
    float: left;

    margin: 0 0 0 -1px; 
    padding: 2px 6px;

    background: rgba(0, 0, 0, .2);
}

.fc-view,
.fc-view > table
{
    overflow: hidden; 

    border: 0;
}

.fc-view > table > tbody > tr .ui-widget-content
{
    border-top: 0;
}

.fc-body
{
    border: 0;
}

.fc-icon
{
    font-family: NucleoIcons, sans-serif;
    font-size: 1rem;
    line-height: 35px; 

    width: 35px;
    height: 35px;

    border-radius: 50%;
}
.fc-icon:hover
{
    color: #34605F;
}

.fc-button
{
    border: 0;
    background: transparent;
    box-shadow: none;
}
.fc-button:focus,
.fc-button:active
{
    outline: 0;
}

.calendar
{
    z-index: 0;
}
.calendar td,
.calendar th
{
    border-color: #eff1f3;
}
.calendar .fc-toolbar
{
    position: relative;
    z-index: 2; 

    height: 250px;
    margin-bottom: -2px;

    border-radius: .375rem .375rem 0 0;
    background-color: #fff;
}
@media (max-width: 575.98px)
{
    .calendar .fc-toolbar
    {
        height: 135px;
    }
}
.calendar .fc-day-number
{
    box-sizing: border-box; 
    width: 100%;
    padding: .5rem 1rem;
}
@media (min-width: 576px)
{
    .calendar .fc-day-number
    {
        font-size: .875rem;
        font-weight: 600;

        color: #67779d;
    }
}
.calendar .fc-day-header
{
    text-align: left;
}
.calendar .fc-day-grid-event
{
    margin: 1px 9px;
}

[data-calendar-month]
{
    transition: background-image 300ms; 

    background-size: contain;
}
@media (prefers-reduced-motion: reduce)
{
    [data-calendar-month]
    {
        transition: none;
    }
}

[data-calendar-month='0']
{
    background-image: url('../img/calendar/january.jpg');
}

[data-calendar-month='1']
{
    background-image: url('../img/calendar/february.jpg');
}

[data-calendar-month='2']
{
    background-image: url('../img/calendar/march.jpg');
}

[data-calendar-month='3']
{
    background-image: url('../img/calendar/april.jpg');
}

[data-calendar-month='4']
{
    background-image: url('../img/calendar/may.jpg');
}

[data-calendar-month='5']
{
    background-image: url('../img/calendar/june.jpg');
}

[data-calendar-month='6']
{
    background-image: url('../img/calendar/july.jpg');
}

[data-calendar-month='7']
{
    background-image: url('../img/calendar/august.jpg');
}

[data-calendar-month='8']
{
    background-image: url('../img/calendar/september.jpg');
}

[data-calendar-month='9']
{
    background-image: url('../img/calendar/october.jpg');
}

[data-calendar-month='10']
{
    background-image: url('../img/calendar/november.jpg');
}

[data-calendar-month='11']
{
    background-image: url('../img/calendar/december.jpg');
}

.card-calendar .card-header
{
    border-bottom: 0;
}

.card-calendar table
{
    background: transparent;
}
.card-calendar table tr > td:first-child
{
    border-left-width: 0;
}
.card-calendar table tr > td:last-child
{
    border-right-width: 0;
}

.widget-calendar
{
    position: relative;
    z-index: 0;
}
.widget-calendar td,
.widget-calendar th
{
    text-align: center; 

    border-color: transparent;
}
.widget-calendar .fc-toolbar
{
    margin-top: 1.25rem;
}
.widget-calendar .fc-toolbar h2
{
    font-size: 1rem;
}
.widget-calendar .fc-day-number
{
    width: 100%;
    padding: 0; 

    text-align: center;
}
.widget-calendar .fc table
{
    font-size: .875rem;
}
.widget-calendar .fc th
{
    font-size: .75rem; 

    padding: .75rem .5rem;
}

.vector-map
{
    position: relative;

    height: 600px;
}

.vector-map-sm
{
    height: 280px;
}

.jvectormap-container
{
    width: 100%;
    height: 100%;
}

.jvectormap-zoomin,
.jvectormap-zoomout
{
    position: absolute;
    bottom: 0; 
    left: 0;
}

.jvectormap-zoomin
{
    bottom: 4.25rem;
}

.jvectormap-zoomout
{
    bottom: 2rem;
}

/*!
 * Lavalamp
 * http://lavalamp.magicmediamuse.com/
 */
.lavalamp
{
    position: relative;
}

.lavalamp-item
{
    position: relative; 
    z-index: 5;
}

.lavalamp-object
{
    position: absolute;
    top: 0;
    left: 0;
}

/* Custom easing transitions */
.lavalamp .lavalamp-object
{
    transition-property: transform, width, height;
}

.lavalamp .lavalamp-object.ease
{
    transition-timing-function: ease;
}

.lavalamp .lavalamp-object.ease-in
{
    transition-timing-function: ease-in;
}

.lavalamp .lavalamp-object.ease-out
{
    transition-timing-function: ease-out;
}

.lavalamp .lavalamp-object.ease-in-out
{
    transition-timing-function: ease-in-out;
}

.lavalamp .lavalamp-object.linear
{
    transition-timing-function: linear;
}

.lavalamp .lavalamp-object.easeInQuad
{
    transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}

.lavalamp .lavalamp-object.easeInCubic
{
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.lavalamp .lavalamp-object.easeInQuart
{
    transition-timing-function: cubic-bezier(.895, .03, .685, .22);
}

.lavalamp .lavalamp-object.easeInQuint
{
    transition-timing-function: cubic-bezier(.755, .05, .855, .06);
}

.lavalamp .lavalamp-object.easeInSine
{
    transition-timing-function: cubic-bezier(.47, 0, .745, .715);
}

.lavalamp .lavalamp-object.easeInExpo
{
    transition-timing-function: cubic-bezier(.95, .05, .795, .035);
}

.lavalamp .lavalamp-object.easeInCirc
{
    transition-timing-function: cubic-bezier(.6, .04, .98, .335);
}

.lavalamp .lavalamp-object.easeInBack
{
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
}

.lavalamp .lavalamp-object.easeOutQuad
{
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}

.lavalamp .lavalamp-object.easeOutCubic
{
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.lavalamp .lavalamp-object.easeOutQuart
{
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
}

.lavalamp .lavalamp-object.easeOutQuint
{
    transition-timing-function: cubic-bezier(.23, 1, .32, 1);
}

.lavalamp .lavalamp-object.easeOutSine
{
    transition-timing-function: cubic-bezier(.39, .575, .565, 1);
}

.lavalamp .lavalamp-object.easeOutExpo
{
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.lavalamp .lavalamp-object.easeOutCirc
{
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
}

.lavalamp .lavalamp-object.easeOutBack
{
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}

.lavalamp .lavalamp-object.easeInOutQuad
{
    transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}

.lavalamp .lavalamp-object.easeInOutCubic
{
    transition-timing-function: cubic-bezier(.645, .045, .355, 1);
}

.lavalamp .lavalamp-object.easeInOutQuart
{
    transition-timing-function: cubic-bezier(.645, .045, .355, 1);
}

.lavalamp .lavalamp-object.easeInOutQuint
{
    transition-timing-function: cubic-bezier(.86, 0, .07, 1);
}

.lavalamp .lavalamp-object.easeInOutSine
{
    transition-timing-function: cubic-bezier(.445, .05, .55, .95);
}

.lavalamp .lavalamp-object.easeInOutExpo
{
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

.lavalamp .lavalamp-object.easeInOutCirc
{
    transition-timing-function: cubic-bezier(.785, .135, .15, .86);
}

.lavalamp .lavalamp-object.easeInOutBack
{
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}

.noUi-target,
.noUi-target *
{
    box-sizing: border-box; 

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    touch-action: none;
}

.noUi-target
{
    position: relative;

    direction: ltr;
}

.noUi-base,
.noUi-connects
{
    position: relative;
    z-index: 1; 

    width: 100%;
    height: 100%;
}

.noUi-connects
{
    z-index: 0; 

    overflow: hidden;
}

.noUi-connect,
.noUi-origin
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    transform-origin: 0 0; 

    will-change: transform;
}

html:not([dir='rtl']) .noUi-horizontal .noUi-origin
{
    right: 0; 
    left: auto;
}

.noUi-vertical .noUi-origin
{
    width: 0;
}

.noUi-horizontal .noUi-origin
{
    height: 0;
}

.noUi-handle
{
    position: absolute;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin
{
    transition: transform .3s;
}

.noUi-state-drag *
{
    cursor: inherit !important;
}

.noUi-horizontal
{
    height: 5px;
}

.noUi-horizontal .noUi-handle
{
    top: -6px; 
    left: -17px;

    width: 34px;
    height: 28px;
}

.noUi-vertical
{
    width: 5px;
}

.noUi-vertical .noUi-handle
{
    top: -17px; 
    left: -6px;

    width: 28px;
    height: 34px;
}

html:not([dir='rtl']) .noUi-horizontal .noUi-handle
{
    right: -17px;
    left: auto;
}

.noUi-connects
{
    border-radius: 3px;
}

.noUi-connect
{
    background: #34605F;
}

.noUi-draggable
{
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable
{
    cursor: ns-resize;
}

.noUi-handle
{
    cursor: default;

    border: 1px solid #d9d9d9;
    border-radius: 3px;
    outline: none; 
    background: #fff;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
}

.noUi-active
{
    outline: none;
}

/* Disabled state;
 */
[disabled] .noUi-connect
{
    background: #b8b8b8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle
{
    cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips *
{
    box-sizing: border-box;
}

.noUi-pips
{
    position: absolute;

    color: #999;
}

/* Values;
 *
 */
.noUi-value
{
    position: absolute;

    text-align: center; 
    white-space: nowrap;
}

.noUi-value-sub
{
    font-size: 10px; 

    color: #ccc;
}

/* Markings;
 *
 */
.noUi-marker
{
    position: absolute;

    background: #ccc;
}

.noUi-marker-sub
{
    background: #aaa;
}

.noUi-marker-large
{
    background: #aaa;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal
{
    top: 100%;
    left: 0;

    width: 100%; 
    height: 80px;
    padding: 10px 0;
}

.noUi-value-horizontal
{
    transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal
{
    transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker
{
    width: 2px;
    height: 5px; 
    margin-left: -1px;
}

.noUi-marker-horizontal.noUi-marker-sub
{
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large
{
    height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical
{
    top: 0;
    left: 100%; 

    height: 100%;
    padding: 0 10px;
}

.noUi-value-vertical
{
    padding-left: 25px; 

    transform: translate(0, -50%, 0);
}

.noUi-rtl .noUi-value-vertical
{
    transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker
{
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub
{
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large
{
    width: 15px;
}

.noUi-tooltip
{
    position: absolute;

    display: block;

    padding: 5px;

    text-align: center;
    white-space: nowrap; 

    color: #000;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
}

.noUi-horizontal .noUi-tooltip
{
    bottom: 120%; 
    left: 50%;

    transform: translate(-50%, 0);
}

.noUi-vertical .noUi-tooltip
{
    top: 50%;
    right: 120%; 

    transform: translate(0, -50%);
}

.noUi-target
{
    margin: 15px 0;

    cursor: pointer; 

    border: 0;
    border-radius: 5px;
    background: #eceeef;
    box-shadow: inset 0 1px 2px rgba(90, 97, 105, .1);
}

.noUi-horizontal
{
    height: 5px;
}

html:not([dir='rtl']) .noUi-horizontal .noUi-handle
{
    right: -10px;
}

.noUi-vertical
{
    width: 5px;
}

.noUi-connect
{
    background: #34605F;
    box-shadow: none;
}

.noUi-horizontal .noUi-handle,
.noUi-vertical .noUi-handle
{
    top: -5px;

    width: 15px;
    height: 15px;

    cursor: pointer;
    transition: box-shadow .15s, transform .15s; 

    border: 0;
    border-radius: 100%;
    background-color: #34605F;
    box-shadow: none;
}

.noUi-horizontal .noUi-handle.noUi-active,
.noUi-vertical .noUi-handle.noUi-active
{
    box-shadow: 0 0 0 2px #34605F;
}

.input-slider--cyan .noUi-connect
{
    background: #2bffc6;
}

/* Disabled state */
[disabled] .noUi-connect,
[disabled].noUi-connect
{
    background: #b2b2b2;
}

[disabled] .noUi-handle,
[disabled].noUi-origin
{
    cursor: not-allowed;
}

/* Range slider value labels */
.range-slider-value
{
    font-size:27px;
    padding: 4px 23px .3em .85em;
    border-radius: 10px;
    color: #34605F;
    font-weight: bold;
    font-family: 'D-DIN' !important
}


.pourcentage { color:#34605F; font-weight: bold; font-family: 'D-DIN-bold' !important; font-size:27px;     position: absolute; top: -45px; right: 0; }

.range-slider-wrapper .upper-info
{
    font-weight: 400;

    margin-bottom: 5px;
}

.input-slider-value-output
{
    font-size: 11px;

    position: relative;
    top: 12px;

    padding: 4px 8px;

    color: #fff;
    border-radius: 2px; 
    background: #333;
}

.input-slider-value-output:after
{
    position: absolute;
    bottom: 100%;
    left: 10px;

    width: 0;
    height: 0;
    margin-left: -4px; 

    content: ' ';
    pointer-events: none;

    border: solid transparent;
    border-width: 4px;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #333;
}

.input-slider-value-output.left:after
{
    right: auto; 
    left: 10px;
}

.input-slider-value-output.right:after
{
    right: 10px;
    left: auto;
}

.ql-container
{
    font-family: Open Sans, sans-serif;
}

.ql-toolbar
{
    position: relative;

    padding: .625rem .75rem;

    color: #8898aa; 
    border: 1px solid #dee2e6;
    border-radius: .25rem .25rem 0 0;
    background-color: #fff;
}

.ql-toolbar + .ql-container
{
    margin-top: -1px;
}

.ql-toolbar + .ql-container .ql-editor
{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ql-editor
{
    font-size: 1rem;
    line-height: 1.5;

    display: block;

    width: 100%;
    min-height: 6rem;
    padding: .625rem .75rem;

    transition: all .15s cubic-bezier(.68, -.55, .265, 1.55); 

    color: #8898aa;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
}
@media (prefers-reduced-motion: reduce)
{
    .ql-editor
    {
        transition: none;
    }
}
.ql-editor::-ms-expand
{
    border: 0; 
    background-color: transparent;
}
.ql-editor:focus
{
    color: #8898aa;
    border-color: #34605F;
    outline: 0;
    background-color: #fff;
    box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
}
.ql-editor:focus
{
    border-color: #dee2e6;
}

.ql-hidden
{
    position: absolute;

    transform: scale(0);
}

.ql-editor.ql-blank::before
{
    font-style: normal;

    top: .625rem;
    left: .75rem;

    color: #adb5bd;
}

.ql-editor:focus::before
{
    display: none;
}

.ql-formats
{
    padding-right: .5rem; 
    padding-left: .5rem;
}
.ql-formats:first-child
{
    padding-left: 0;
}
.ql-formats:last-child
{
    padding-right: 0;
}

.ql-toolbar button
{
    padding: 0 .25rem;

    cursor: pointer;
    transition: all .15s ease; 

    color: #525f7f;
    border: none;
    background: none;
}
.ql-toolbar button:hover
{
    color: #34605F;
}
.ql-toolbar button:first-child
{
    margin-left: -.25rem;
}

.ql-toolbar .ql-active
{
    color: #34605F;
}

.ql-toolbar button svg
{
    width: 1.25rem; 
    height: 1.25rem;
}

.ql-toolbar .ql-stroke
{
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.ql-toolbar .ql-thin
{
    stroke-width: 1;
}

.ql-toolbar .ql-fill
{
    fill: currentColor;
}

.ql-toolbar input.ql-image
{
    position: absolute;

    transform: scale(0);
}

.ql-tooltip
{
    position: absolute;

    display: flex;

    width: 18.5rem;
    margin-top: .6rem;
    padding: .625rem .75rem;

    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: .4375rem;
    background-color: #fff;
    box-shadow: 0 .5rem 2rem 0 rgba(0, 0, 0, .2); 

    flex-wrap: nowrap;
}
.ql-tooltip:before,
.ql-tooltip:after
{
    position: absolute;
    bottom: 100%;
    left: 50%;

    content: '';
    transform: translateX(-50%);
}
.ql-tooltip:before
{
    border-right: .6rem solid transparent; 
    border-bottom: .6rem solid rgba(0, 0, 0, .05);
    border-left: .6rem solid transparent;
}
.ql-tooltip:after
{
    border-right: .5rem solid transparent; 
    border-bottom: .5rem solid #fff;
    border-left: .5rem solid transparent;
}

.ql-container .ql-tooltip:hover
{
    display: flex !important;
}

.ql-tooltip .ql-preview
{
    font-size: .875rem;
    line-height: 1.5;

    width: 100%;
    padding: .25rem .5rem;

    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 

    border-radius: .25rem;
}
@media (prefers-reduced-motion: reduce)
{
    .ql-tooltip .ql-preview
    {
        transition: none;
    }
}

.ql-tooltip.ql-editing .ql-preview
{
    display: none;
}

.ql-tooltip input
{
    font-size: .875rem;
    line-height: 1.5;

    display: none;

    width: 100%;
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);

    color: #8898aa; 
    border: none;
    background-color: transparent;
}
.ql-tooltip input:focus
{
    outline: none;
}

.ql-tooltip.ql-editing input
{
    display: block;
}

.ql-tooltip .ql-action,
.ql-tooltip .ql-remove
{
    margin-left: .25rem;
}

.ql-tooltip .ql-action::before,
.ql-tooltip .ql-remove::before
{
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.5;

    display: inline-block;

    padding: .25rem .5rem;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;

    border: 1px solid transparent;
    border-radius: .25rem;
}
@media (prefers-reduced-motion: reduce)
{
    .ql-tooltip .ql-action::before,
    .ql-tooltip .ql-remove::before
    {
        transition: none;
    }
}
.ql-tooltip .ql-action::before:hover,
.ql-tooltip .ql-action::before:focus,
.ql-tooltip .ql-remove::before:hover,
.ql-tooltip .ql-remove::before:focus
{
    text-decoration: none;
}
.ql-tooltip .ql-action::before:focus,
.ql-tooltip .ql-action::before.focus,
.ql-tooltip .ql-remove::before:focus,
.ql-tooltip .ql-remove::before.focus
{
    outline: 0;
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

.ql-tooltip .ql-action::before,
.ql-tooltip.ql-editing .ql-action::before
{
    color: #fff;
    border-color: #34605F;
    background-color: #34605F;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.ql-tooltip .ql-action::before:hover,
.ql-tooltip.ql-editing .ql-action::before:hover
{
    color: #fff;
    border-color: #34605F; 
    background-color: #34605F;
}
.ql-tooltip .ql-action::before:focus,
.ql-tooltip .ql-action::before.focus,
.ql-tooltip.ql-editing .ql-action::before:focus,
.ql-tooltip.ql-editing .ql-action::before.focus
{
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(94, 114, 228, .5);
}
.ql-tooltip .ql-action::before.disabled,
.ql-tooltip .ql-action::before:disabled,
.ql-tooltip.ql-editing .ql-action::before.disabled,
.ql-tooltip.ql-editing .ql-action::before:disabled
{
    color: #fff;
    border-color: #34605F; 
    background-color: #34605F;
}
.ql-tooltip .ql-action::before:not(:disabled):not(.disabled):active,
.ql-tooltip .ql-action::before:not(:disabled):not(.disabled).active,
.show > .ql-tooltip .ql-action::before.dropdown-toggle,
.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled):active,
.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled).active,
.show > .ql-tooltip.ql-editing .ql-action::before.dropdown-toggle
{
    color: #fff;
    border-color: #34605F; 
    background-color: #324cdd;
}
.ql-tooltip .ql-action::before:not(:disabled):not(.disabled):active:focus,
.ql-tooltip .ql-action::before:not(:disabled):not(.disabled).active:focus,
.show > .ql-tooltip .ql-action::before.dropdown-toggle:focus,
.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled):active:focus,
.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled).active:focus,
.show > .ql-tooltip.ql-editing .ql-action::before.dropdown-toggle:focus
{
    box-shadow: none, 0 0 0 0 rgba(94, 114, 228, .5);
}

.ql-tooltip .ql-action::before
{
    content: 'Edit';
}

.ql-tooltip.ql-editing .ql-action::before
{
    content: 'Save';
}

.ql-tooltip .ql-remove::before
{
    content: 'Remove';

    color: #212529;
    border-color: #fff;
    border-color: #dee2e6; 
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.ql-tooltip .ql-remove::before:hover
{
    color: #212529;
    border-color: white; 
    background-color: white;
}
.ql-tooltip .ql-remove::before:focus,
.ql-tooltip .ql-remove::before.focus
{
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(255, 255, 255, .5);
}
.ql-tooltip .ql-remove::before.disabled,
.ql-tooltip .ql-remove::before:disabled
{
    color: #212529;
    border-color: #fff; 
    background-color: #fff;
}
.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled):active,
.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled).active,
.show > .ql-tooltip .ql-remove::before.dropdown-toggle
{
    color: #212529;
    border-color: white; 
    background-color: #e6e6e6;
}
.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled):active:focus,
.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled).active:focus,
.show > .ql-tooltip .ql-remove::before.dropdown-toggle:focus
{
    box-shadow: none, 0 0 0 0 rgba(255, 255, 255, .5);
}

.ql-tooltip.ql-editing .ql-remove::before
{
    display: none;
}

.ql-editor blockquote
{
    font-size: 1.25rem; 

    margin-bottom: 1rem;
}

.ql-editor img
{
    max-width: 100%;
    height: auto;
}

.scroll-wrapper
{
    position: relative; 

    overflow: hidden !important;

    padding: 0 !important;
}

.scroll-wrapper > .scroll-content
{
    position: relative !important;
    top: 0;
    left: 0;

    overflow: scroll !important;

    box-sizing: content-box !important;
    width: auto !important; 
    max-width: none !important;
    height: auto;
    max-height: none;
    margin: 0;
    padding: 0;

    border: none !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar
{
    width: 0; 
    height: 0;
}

.scroll-wrapper.scroll--rtl
{
    direction: rtl;
}

.scroll-element
{
    display: none; 

    box-sizing: content-box;
}

.scroll-element div
{
    box-sizing: content-box;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow
{
    cursor: default;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible
{
    display: block;
}

.scroll-textarea
{
    border: 1px solid #ccc;
    border-top-color: #999;
}

.scroll-textarea > .scroll-content
{
    overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea
{
    position: relative !important;
    top: 0;

    overflow: scroll !important;

    box-sizing: border-box;
    width: 100% !important; 
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    margin: 0;
    padding: 2px;

    border: none !important;
    outline: none;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar
{
    width: 0; 
    height: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    position: absolute;
    z-index: 10; 

    margin: 0;
    padding: 0;

    border: none;
}

.scrollbar-inner > .scroll-element div
{
    top: 0;
    left: 0;

    display: block;

    width: 100%; 
    height: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x
{
    bottom: 2px;
    left: 0;

    width: 100%; 
    height: 8px;
}

.scrollbar-inner > .scroll-element.scroll-y
{
    top: 0;
    right: 2px;

    width: 8px; 
    height: 100%;
}

.scrollbar-inner > .scroll-element .scroll-element_outer
{
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar
{
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar
{
    opacity: .4; 

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';
        filter: alpha(opacity=40);
}

.scrollbar-inner > .scroll-element .scroll-element_track
{
    background-color: #e0e0e0;
}

.scrollbar-inner > .scroll-element .scroll-bar
{
    background-color: #c2c2c2;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar
{
    background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar
{
    background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
{
    left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
{
    top: -12px;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
    left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
    top: -12px;
}

/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
    position: absolute;
    z-index: 10; 

    margin: 0;
    padding: 0;

    border: none;
}

.scrollbar-outer > .scroll-element
{
    background-color: #fff;
}

.scrollbar-outer > .scroll-element div
{
    top: 0;
    left: 0;

    display: block;

    width: 100%; 
    height: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x
{
    bottom: 0;
    left: 0;

    width: 100%; 
    height: 12px;
}

.scrollbar-outer > .scroll-element.scroll-y
{
    top: 0;
    right: 0;

    width: 12px; 
    height: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer
{
    top: 2px; 

    height: 8px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer
{
    left: 2px;

    width: 8px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer
{
    overflow: hidden;
}

.scrollbar-outer > .scroll-element .scroll-element_track
{
    background-color: #eee;
}

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar
{
    border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar
{
    background-color: #d9d9d9;
}

.scrollbar-outer > .scroll-element .scroll-bar:hover
{
    background-color: #c2c2c2;
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar
{
    background-color: #919191;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible
{
    left: -12px;

    margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible
{
    top: -12px;

    margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar
{
    min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar
{
    min-height: 10px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
{
    left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
{
    top: -14px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
    left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
    top: -14px;
}

/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
    position: absolute;
    z-index: 10; 

    margin: 0;
    padding: 0;

    border: none;
    background: none;
}

.scrollbar-macosx > .scroll-element div
{
    top: 0;
    left: 0;

    display: block;

    width: 100%; 
    height: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track
{
    display: none;
}

.scrollbar-macosx > .scroll-element .scroll-bar
{
    display: block;

    transition: opacity .2s linear; 

    opacity: 0;
    border-radius: 7px;
    background-color: #6c6e71;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
        filter: alpha(opacity=0);
}

.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar
{
    opacity: .7; 

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
        filter: alpha(opacity=70);
}

.scrollbar-macosx > .scroll-element.scroll-x
{
    bottom: 0;
    left: 0;

    overflow: visible;

    width: 100%; 
    min-width: 100%;
    height: 0;
}

.scrollbar-macosx > .scroll-element.scroll-y
{
    top: 0;
    right: 0;

    width: 0; 
    height: 100%;
    min-height: 100%;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar
{
    top: -9px; 

    min-width: 10px;
    height: 7px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar
{
    left: -9px;

    width: 7px; 
    min-height: 10px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer
{
    left: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size
{
    left: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer
{
    top: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size
{
    top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
    left: -11px;
}

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
    top: -11px;
}

/*************** SCROLLBAR LIGHT ***************/
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div
{
    position: absolute;
    z-index: 10; 

    overflow: hidden;

    margin: 0;
    padding: 0;

    border: none;
}

.scrollbar-light > .scroll-element
{
    background-color: #fff;
}

.scrollbar-light > .scroll-element div
{
    top: 0;
    left: 0;

    display: block;

    width: 100%; 
    height: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer
{
    border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size
{
    border-radius: 10px; 
    background: #dbdbdb;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
}

.scrollbar-light > .scroll-element.scroll-x
{
    bottom: 0;
    left: 0;

    width: 100%; 
    min-width: 100%;
    height: 17px;
}

.scrollbar-light > .scroll-element.scroll-y
{
    top: 0;
    right: 0;

    width: 17px; 
    height: 100%;
    min-height: 100%;
}

.scrollbar-light > .scroll-element .scroll-bar
{
    border: 1px solid #dbdbdb;
    border-radius: 10px; 
    background: #fefefe;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
}

/* scrollbar height/width & offset from container borders */
.scrollbar-light > .scroll-content.scroll-scrolly_visible
{
    left: -17px;

    margin-left: 17px;
}

.scrollbar-light > .scroll-content.scroll-scrollx_visible
{
    top: -17px;

    margin-top: 17px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-bar
{
    top: 0; 

    min-width: 10px;
    height: 10px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-bar
{
    left: 0;

    width: 10px; 
    min-height: 10px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer
{
    top: 2px; 
    left: 2px;

    height: 12px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_size
{
    left: -4px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer
{
    top: 2px;
    left: 2px;

    width: 12px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_size
{
    top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
    left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
    top: -19px;
}

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
{
    left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
{
    top: -19px;
}

/*************** SCROLLBAR RAIL ***************/
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div
{
    position: absolute;
    z-index: 10; 

    overflow: hidden;

    margin: 0;
    padding: 0;

    border: none;
}

.scrollbar-rail > .scroll-element
{
    background-color: #fff;
}

.scrollbar-rail > .scroll-element div
{
    top: 0;
    left: 0;

    display: block;

    width: 100%; 
    height: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size
{
    background-color: #999;
    background-color: rgba(0, 0, 0, .3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size
{
    background-color: #666;
    background-color: rgba(0, 0, 0, .5);
}

.scrollbar-rail > .scroll-element.scroll-x
{
    bottom: 0;
    left: 0;

    width: 100%; 
    min-width: 100%;
    height: 12px;
    padding: 3px 0 2px;
}

.scrollbar-rail > .scroll-element.scroll-y
{
    top: 0;
    right: 0;

    width: 12px; 
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
}

.scrollbar-rail > .scroll-element .scroll-bar
{
    border-radius: 2px;
    background-color: #d0b9a0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar
{
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .6);
}

/* scrollbar height/width & offset from container borders */
.scrollbar-rail > .scroll-content.scroll-scrolly_visible
{
    left: -17px;

    margin-left: 17px;
}

.scrollbar-rail > .scroll-content.scroll-scrollx_visible
{
    top: -17px; 

    margin-top: 17px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar
{
    top: 1px; 

    min-width: 10px;
    height: 10px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-bar
{
    left: 1px;

    width: 10px; 
    min-height: 10px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer
{
    left: 5px; 

    height: 15px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size
{
    top: 5px; 
    left: -10px;

    height: 2px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer
{
    top: 5px;

    width: 15px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size
{
    top: -10px;
    left: 5px;

    width: 2px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
    left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
    top: -25px;
}

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
{
    left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
{
    top: -25px;
}

/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div
{
    position: absolute;
    z-index: 10; 

    margin: 0;
    padding: 0;

    border: none;
    background: none;
}

.scrollbar-dynamic > .scroll-element div
{
    top: 0;
    left: 0;

    display: block;

    width: 100%; 
    height: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x
{
    bottom: 2px;
    left: 0;

    width: 100%; 
    min-width: 100%;
    height: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-y
{
    top: 0;
    right: 2px;

    width: 7px; 
    height: 100%;
    min-height: 100%;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer
{
    opacity: .3;
    border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_size
{
    transition: opacity .2s; 

    opacity: 0;
    border-radius: 12px;
    background-color: #ccc;
}

.scrollbar-dynamic > .scroll-element .scroll-bar
{
    border-radius: 7px; 
    background-color: #6c6e71;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar
{
    top: auto; 
    bottom: 0;

    min-width: 24px;
    height: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar
{
    right: 0;
    left: auto;

    width: 7px; 
    min-height: 24px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer
{
    top: auto;
    bottom: 0;
    left: 2px;

    transition: height .2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer
{
    top: 2px;
    right: 0;
    left: auto;

    transition: width .2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size
{
    left: -4px;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size
{
    top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
    left: -11px;
}

.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
    top: -11px;
}

/* hover & drag */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer
{
    overflow: hidden;

    opacity: .7; 

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
        filter: alpha(opacity=70);
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size
{
    opacity: 1;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar
{
    width: 100%;
    height: 100%;

    border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer
{
    height: 20px;
    min-height: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer
{
    width: 20px; 
    min-width: 7px;
}

/*************** SCROLLBAR GOOGLE CHROME ***************/
.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div
{
    position: absolute;
    z-index: 10; 

    overflow: hidden;

    margin: 0;
    padding: 0;

    border: none;
}

.scrollbar-chrome > .scroll-element
{
    background-color: #fff;
}

.scrollbar-chrome > .scroll-element div
{
    top: 0;
    left: 0;

    display: block;

    width: 100%; 
    height: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_track
{
    border: 1px solid #dbdbdb; 
    background: #f1f1f1;
}

.scrollbar-chrome > .scroll-element.scroll-x
{
    bottom: 0;
    left: 0;

    width: 100%; 
    min-width: 100%;
    height: 16px;
}

.scrollbar-chrome > .scroll-element.scroll-y
{
    top: 0;
    right: 0;

    width: 16px; 
    height: 100%;
    min-height: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-bar
{
    cursor: default;

    border: 1px solid #bdbdbd;
    border-radius: 2px; 
    background-color: #d9d9d9;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover
{
    border-color: #a9a9a9; 
    background-color: #c2c2c2;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar
{
    border-color: #7e7e7e; 
    background-color: #919191;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible
{
    left: -16px;

    margin-left: 16px;
}

.scrollbar-chrome > .scroll-content.scroll-scrollx_visible
{
    top: -16px;

    margin-top: 16px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar
{
    top: 3px; 

    min-width: 10px;
    height: 8px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar
{
    left: 3px;

    width: 8px; 
    min-height: 10px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer
{
    border-left: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track
{
    left: -3px; 

    height: 14px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size
{
    left: -4px; 

    height: 14px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer
{
    border-top: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track
{
    top: -3px;

    width: 14px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size
{
    top: -4px;

    width: 14px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
    left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
    top: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
{
    left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
{
    top: -19px;
}

.scrollbar-inner
{
    height: 100%;
}
.scrollbar-inner:not(:hover) .scroll-element
{
    opacity: 0;
}
.scrollbar-inner .scroll-element
{
    margin-right: 2px; 

    transition: opacity 300ms;
}
.scrollbar-inner .scroll-element .scroll-bar,
.scrollbar-inner .scroll-element .scroll-element_track
{
    transition: background-color 300ms;
}
.scrollbar-inner .scroll-element .scroll-element_track
{
    background-color: transparent;
}
.scrollbar-inner .scroll-element:hover
{
    width: 4px;
}
.scrollbar-inner .scroll-element.scroll-y
{
    right: 0; 

    width: 3px;
}
.scrollbar-inner .scroll-element.scroll-x
{
    bottom: 0; 

    height: 3px;
}

.select2-selection__arrow
{
    display: none;
}

.select2.select2-container
{
    width: 100% !important;
}

.select2-container .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field
{
    font-size: 1rem;
    line-height: 1.5;

    display: block;

    width: 100%;
    height: calc(1.5em + 1.25rem + 2px);
    padding: .625rem .75rem;

    transition: all .15s cubic-bezier(.68, -.55, .265, 1.55); 

    color: #8898aa;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
}
@media (prefers-reduced-motion: reduce)
{
    .select2-container .select2-selection--single,
    .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .select2-selection--multiple,
    .select2-container--default .select2-search--dropdown .select2-search__field
    {
        transition: none;
    }
}
.select2-container .select2-selection--single::-ms-expand,
.select2-container--default.select2-container--focus .select2-selection--multiple::-ms-expand,
.select2-container--default .select2-selection--multiple::-ms-expand,
.select2-container--default .select2-search--dropdown .select2-search__field::-ms-expand
{
    border: 0; 
    background-color: transparent;
}
.select2-container .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple:focus,
.select2-container--default .select2-selection--multiple:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus
{
    color: #8898aa;
    border-color: #34605F;
    outline: 0;
    background-color: #fff;
    box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
}
.select2-container .select2-selection--single::-ms-input-placeholder,
.select2-container--default.select2-container--focus .select2-selection--multiple::-ms-input-placeholder,
.select2-container--default .select2-selection--multiple::-ms-input-placeholder,
.select2-container--default .select2-search--dropdown .select2-search__field::-ms-input-placeholder
{
    opacity: 1; 
    color: #adb5bd;
}
.select2-container .select2-selection--single::placeholder,
.select2-container--default.select2-container--focus .select2-selection--multiple::placeholder,
.select2-container--default .select2-selection--multiple::placeholder,
.select2-container--default .select2-search--dropdown .select2-search__field::placeholder
{
    opacity: 1; 
    color: #adb5bd;
}
.select2-container .select2-selection--single:disabled,
.select2-container .select2-selection--single[readonly],
.select2-container--default.select2-container--focus .select2-selection--multiple:disabled,
.select2-container--default.select2-container--focus .select2-selection--multiple[readonly],
.select2-container--default .select2-selection--multiple:disabled,
.select2-container--default .select2-selection--multiple[readonly],
.select2-container--default .select2-search--dropdown .select2-search__field:disabled,
.select2-container--default .select2-search--dropdown .select2-search__field[readonly]
{
    opacity: 1; 
    background-color: #e9ecef;
}

.select2-container .select2-selection--single .select2-selection__rendered
{
    overflow: inherit;

    padding: 0;

    white-space: inherit; 
    text-overflow: inherit;
}

.select2-container--default .select2-selection--single .select2-selection__rendered
{
    line-height: inherit; 

    color: inherit;
}

.select2-dropdown
{
    padding: .5rem 0;

    border: 1px solid #dee2e6;
    border-radius: .4375rem; 
    background-color: #fff;
}

.select2-results__option
{
    font-size: .875rem; 

    padding: .5rem .75rem;

    color: #212529;
    background-color: #fff;
}
.select2-results__option:hover,
.select2-results__option:focus
{
    text-decoration: none;

    color: #16181b;
    background-color: #f6f9fc;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected='true']
{
    color: #16181b; 
    background-color: transparent;
}

.select2-container--default .select2-results__option[aria-disabled=true]
{
    color: #8898aa;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple
{
    height: auto;
    min-height: calc(1.5em + 1.25rem + 2px);
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered
{
    display: block;

    margin: 0 0 -.25rem -.25rem;
    padding: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice
{
    font-size: .875rem;
    line-height: 1.5rem;

    display: inline-flex;

    margin: 0 0 .25rem .25rem;
    padding: 0 .5rem;

    color: #8898aa; 
    border: none;
    border-radius: .25rem;
    background-color: #adb5bd;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove
{
    margin-left: .5rem;

    color: #8898aa; 

    order: 2;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover
{
    color: #525f7f;
}

.select2-container .select2-search--inline
{
    display: none;
}

.select2-selection[aria-expanded='true']
{
    border-bottom-right-radius: 0 !important; 
    border-bottom-left-radius: 0 !important;
}

.select2-search--dropdown
{
    padding: .5rem .75rem;
}

.select2-container--default .select2-search--dropdown .select2-search__field
{
    font-size: .875rem;
    line-height: 1.5;

    padding: .25rem .5rem;

    border-radius: .25rem;
}

.form-control-sm + .select2-container .select2-selection--single,
.form-control-sm + .select2-container--default.select2-container--focus .select2-selection--multiple,
.form-control-sm + .select2-container--default .select2-selection--multiple
{
    font-size: .875rem;
    line-height: 1.5;

    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;

    border-radius: .25rem;
}

.form-control-sm + .select2-container--default.select2-container--focus .select2-selection--multiple,
.form-control-sm + .select2-container--default .select2-selection--multiple
{
    min-height: calc(1.5em + .5rem + 2px);
}

.form-control-sm + .select2-container--default .select2-selection--multiple .select2-selection__choice
{
    line-height: 1.3125rem;
}

.form-control-lg + .select2-container .select2-selection--single,
.form-control-lg + .select2-container--default.select2-container--focus .select2-selection--multiple,
.form-control-lg + .select2-container--default .select2-selection--multiple
{
    font-size: 1.25rem;
    line-height: 1.5;

    height: calc(1.5em + 1.75rem + 2px);
    padding: .875rem 1rem;

    border-radius: .4375rem;
}

.form-control-lg + .select2-container--default.select2-container--focus .select2-selection--multiple,
.form-control-lg + .select2-container--default .select2-selection--multiple
{
    min-height: calc(1.5em + 1.75rem + 2px);
}

.form-control-lg + .select2-container--default .select2-selection--multiple .select2-selection__choice
{
    line-height: 1.875rem;
}

.swal2-popup
{
    padding: 1.5rem;
}
.swal2-popup .swal2-title
{
    font-size: 1.5rem;
}
.swal2-popup .swal2-content
{
    font-size: .875rem;
}
.swal2-popup .swal2-image
{
    max-width: 200px;
}
