html {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: var(--font-size-text-small);
    background: unset;
    color: #333;
    overflow: hidden;
}

canvas, video {
    height: unset;
}

/* General
 ========================================================================== */

em {
    color: unset
}

p, ul, ol, dl, pre, address, fieldset, figure {
    margin: 0;
}

/* Text-level semantics
 ========================================================================== */

/*
 * 1. Add an underline text decoration in Safari, Edge and IE.
 * 2. Add `dotted` style in Safari.
 * Note: The shorthand declaration `underline dotted` is not supported in Safari, Edge and IE.
 */

:not(pre)>code, :not(pre)>kbd, :not(pre)>samp {
    font-size: unset;
}

/* Heading
 ========================================================================== */

a.uk-link-heading:hover, .uk-link-heading a:hover {
    color: #FF6564;
    text-decoration: none;
}

h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6 {
    margin: unset;
    font-family: "Open Sans", Arial, sans-serif;
}

/*
 * Sizes
 */

h1 {
    font-size: 3.2rem;
}

h2 {
    font-size: 2.6rem;
}

h3 {
    font-size: 2.2rem;
}

h4 {
    font-size: 1.8rem;
}

h5 {
    font-size: 1.4rem;
}

h6 {
    font-size: 1.2rem;
}

/* Add margin if adjacent element */

*+p, *+ul, *+ol, *+dl, *+pre, *+address, *+fieldset, *+figure {
    margin-top: unset;
}

.uk-heading-primary {
    font-size: 3rem;
    line-height: 1.2;
}

/* Textarea
 ========================================================================== */

.uk-input, .uk-select, .uk-textarea {
    max-width: 100%;
    width: 100%;
    background: #FFFFFF;
    color: #333333;
    border-radius: var(--value-4-px);
    border: var(--border-width) solid #DCDCDC;
    transition: 0.2s ease-in-out;
    transition-property: color, background-color, border;
}

.uk-textarea {
    padding-top: var(--value-6-px);
    padding-bottom: var(--value-6-px);
}

.uk-add:not(:disabled) {
    cursor: pointer;
}

/*
 * Placeholder
 */

.uk-input::-ms-input-placeholder {
    color: #C6CCD7 !important;
}

.uk-input::placeholder {
    color: #C6CCD7;
}

.uk-textarea::-ms-input-placeholder {
    color: #C6CCD7 !important;
}

.uk-textarea::placeholder {
    color: #C6CCD7;
}

/*
 * Single-line
 * 1. Allow any element to look like an `input` or `select` element
 * 2. Make sure line-height is not larger than height
 *    Also needed to center the text vertically
 */

.uk-input, .uk-select:not([multiple]):not([size]) {
    height: var(--value-33-px) !important;
    vertical-align: middle;
    font-size: var(--font-size-12-px);
    display: inline-block;
}

/* Focus */

.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
    color: #333;
    border-color: #0F61FD;
}

.uk-input-readonly {
    background-color: #f4f5f7;
}

/* Width modifiers (`uk-input`, `uk-select` and `uk-textarea`)
 ========================================================================== */

/*
 * Fixed widths
 * Different widths for mini sized `input` and `select` elements
 */

.uk-form-width-small {
    width: var(--value-130-px) !important;
}

.uk-form-width-medium {
    width: var(--value-200-px) !important;
}

.uk-form-width-400 {
    width: var(--value-400-px) !important;
}

.uk-form-width-large {
    width: var(--value-500-px) !important;
}

.uk-form-danger {
    border-color: #ff0000 !important;
    color: #ff0000 !important;
}

.uk-input-danger {
    border-color: #ff0000 !important;
}

/* Focus */

.uk-radio:focus, .uk-checkbox:focus {
    border-color: #FF6564;
}

/*
 * Checked
 */

.uk-radio:checked, .uk-checkbox:checked, .uk-checkbox:indeterminate {
    background-color: #FF6564;
}

/* Legend
 ========================================================================== */

/*
 * Legend
 * 1. Behave like block element
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove padding so people aren't caught out if they zero out fieldsets.
 * 4. Style
 */

.uk-legend {
    font-size: var(--font-size-12-px);
}

/* Line
 ========================================================================== */

.uk-hr, hr {
    border-top: var(--border-width) solid #F0F0F0;
}

.uk-hr-dropdown {
    border-top: var(--border-width) solid #F0F0F0;
    margin: var(--value-5-px) 0;
}

*+.uk-hr, *+hr {
    margin-top: var(--value-20-px);
}

/* Buttons
 ========================================================================== */

.uk-button {
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: var(--value-5-px) var(--value-20-px);
    vertical-align: middle;
    font-size: var(--font-size-tabulator);
    min-width: var(--value-90-px);
    height: var(--value-33-px);
    line-height: 1;
    text-align: center;
    border-radius: var(--value-4-px);
    text-decoration: none;
    transition: 0.1s ease-in-out;
    transition-property: color, background-color, border-color;
}

.uk-button-default {
    color: #FF6564;
    transition: 0.3s;
    background: none;
    padding: var(--value-6-px) var(--value-20-px);
    border-radius: var(--value-20-px);
    border: var(--border-width) solid #FF6565;
    font-size: var(--font-size-tabulator);
    min-width: var(--value-100-px);
    cursor: pointer;
    text-align: center;
    justify-content: center;
    white-space: nowrap;
}

/* Hover + Focus */

.uk-button-default:hover, .uk-button-default:focus {
    background-color: #ffdada7d;
    color: #FF6564;
    border: var(--border-width) solid #FF6565;
}

/* OnClick + Active */

.uk-button-default:active, .uk-button-default.uk-active {
    box-shadow: rgba(204, 44, 44, 0.75) 0 0 0 var(--value-3-px) inset
}

/*
 * Primary
 */

.uk-button-primary {
    padding: var(--value-6-px) var(--value-20-px);
    background-color: #FF6565;
    color: #FFFFFF;
    border: var(--border-width) solid #FF6565;
    border-radius: var(--value-20-px);
    font-size: var(--font-size-tabulator);
    min-width: var(--value-100-px);
    cursor: pointer;
    text-align: center;
    justify-content: center;
    white-space: nowrap;
}

/* Hover + Focus */

.uk-button-primary:hover, .uk-button-primary:focus {
    background-color: #E85A5A;
}

/* OnClick + Active */

.uk-button-primary:active, .uk-button-primary.uk-active {
    box-shadow: rgba(204, 44, 44, 0.75) 0 0 0 var(--value-3-px) inset
}

/*
 * Secondary
 */

.uk-button-secondary {
    border-radius: var(--value-4-px);
    align-items: center;
    font-size: var(--font-size-tabulator);
    color: #333;
    background: #F3F3F3;
    justify-content: space-between;
    cursor: pointer;
    white-space: nowrap;
    border: unset;
    min-width: var(--value-70-px);
    padding: var(--value-8-px) var(--value-10-px);
    display: flex;
}

/* Hover + Focus */

.uk-button-secondary:hover:not(.uk-button-icon-disabled), .uk-button-secondary:focus:not(.uk-button-icon-disabled) {
    background-color: #D9D9D9;
    color: #333;
}

/* OnClick + Active */

.uk-button-secondary:active, .uk-button-secondary.uk-active {
    background-color: #D9D9D9;
    transition: .1s ease-out .1s;
}

/*
 * Icon Button
 */

.uk-button-icon {
    padding: var(--value-8-px);
    border-radius: var(--value-4-px);
    border: var(--border-width) solid transparent !important;
    display: inline-flex;
    cursor: pointer;
    background: #F3F3F3;
    border: unset;
    align-items: center;
    line-height: var(--value-17-px);
    font-size: var(--font-size-tabulator);
    height: var(--value-33-px);
    min-width: var(--value-33-px);
    justify-content: center;
    white-space: nowrap;
}

.uk-button-icon.dark {
    background: #D9D9D9;
}

.uk-button-icon.transparent-bg.dark-bg:hover, .uk-button-icon.dark:hover {
    background: #C6C6C6;
}

.uk-button-icon.transparent-bg {
    background: unset;
}

.uk-button-icon.disabled, .uk-button-primary.disabled {
    color: #8D8D8D !important;
    background-color: #C6C6C6 !important;
    border: var(--border-width) solid #C6C6C6;
    opacity: 1 !important;
}

/* Split Dropdown Button Component */

.uk-button-group .uk-dropdown {
    min-width: var(--value-112-px);
    color: #333;
    box-shadow: var(--border-width) var(--border-width) var(--value-5-px) #d4d4d4;
}

.uk-button-group .uk-dropdown-nav>li>a {
    color: #333;
    font-size: var(--font-size-tabulator);
}

.uk-button-group .uk-nav-header {
    font-size: var(--font-size-tabulator);
    font-weight: bold;
    color: #6B778C;
    padding: var(--value-7-px) var(--value-14-px);
    margin-top: 0;
}

.uk-button-group .uk-nav>li>a {
    padding: var(--value-7-px) var(--value-14-px);
}

.uk-button-group .uk-dropdown-nav>li:hover:not(.uk-active, .uk-nav-header) {
    background-color: #eee;
    transition: 0.2s ease-in-out;
    transition-property: color, background-color, border-color;
}

.uk-button-group .uk-active {
    background-color: #D9D9D9;
}

.uk-button-group .uk-icon.uk-icon-image {
    background-image: url(../images/icons/chevron-down-regular.svg);
}

.uk-button-group .uk-icon-image {
    width: var(--value-14-px);
    height: var(--value-14-px);
}

.uk-icon-container {
    min-width: var(--value-33-px);
    max-width: var(--value-33-px);
    padding: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.uk-button-group .uk-inline {
    box-shadow: calc(var(--value-2-px) * -1) 0 0 #c6c6c6;
}

.uk-icon-container.uk-button:hover:is(.uk-open) {
    background-color: #D9D9D9;
}

.uk-icon-container.uk-button:hover, .uk-icon-container.uk-button.uk-open {
    background-color: #D9D9D9;
}

.uk-button-group>.uk-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: var(--value-5-px) var(--value-10-px);
    min-width: fit-content;
}

.uk-button-group>.uk-button:hover {
    background-color: #d9d9d9;
    transition: 0.2s ease-in-out;
    transition-property: color, background-color, border-color;
}

.uk-button-group .uk-button.uk-active, .uk-button-group .uk-button:active, .uk-button-group .uk-button:focus, .uk-button-group .uk-button:hover {
    position: unset;
    z-index: unset;
}

.uk-button-group>.uk-button:nth-child(n+2), .uk-button-group>div:nth-child(n+2) .uk-button {
    margin-left: 0;
}

div:is([uk-dropdown]) .uk-button-icon.disabled, div:is([uk-dropdown]) .uk-button-primary.disabled {
    background-color: #FFF !important;
    border: unset
}

.uk-button-icon-disabled {
    color: #8D8D8D !important;
    background-color: #C6C6C6 !important;
    padding: var(--value-8-px) var(--value-10-px);
    display: inline-flex;
    align-items: center;
    line-height: var(--value-17-px);
    font-size: var(--font-size-tabulator);
    height: var(--value-33-px);
    min-width: var(--value-33-px);
    justify-content: center;
    background: unset;
    white-space: nowrap;
    border-radius: var(--value-4-px);
    border: var(--border-width) solid #C6C6C6;
}

.dropdown-button-disabled {
    padding: 0 var(--value-20-px);
    border-radius: 0;
    justify-content: start;
    display: flex;
    pointer-events: none;
}

.uk-button-icon-disabled.uk-button-secondary:focus, .uk-button-icon-disabled.uk-button-secondary:hover {
    color: #8d8d8d !important
}

/* Hover + Focus */

.uk-button-icon:hover:not(.uk-button-icon-disabled, .dropdown-button-disabled) {
    background-color: #D9D9D9 !important;
    transition: .1s ease-out .1s;
}
.new_components.dark.uk-button-icon:hover:not(.uk-button-icon-disabled, .dropdown-button-disabled) {
    background-color: rgba(80, 80, 94, 1) !important;
    transition: .1s ease-out .1s;
}

/*
 * Disabled
 * The same for all style modifiers
 */

.uk-button-disabled, .uk-button-default:disabled, .uk-button-muted:disabled, .uk-button-primary:disabled, .uk-button-secondary:disabled, .uk-button-danger:disabled {
    padding: var(--value-6-px) var(--value-20-px);
    border-radius: var(--value-20-px);
    border: var(--border-width) solid #C6C6C6 !important;
    font-size: var(--font-size-tabulator);
    min-width: var(--value-100-px);
    pointer-events: none;
    text-align: center;
    justify-content: center;
    white-space: nowrap;
    background-color: #C6C6C6 !important;
    color: #8D8D8D !important;
}

.uk-button-disabled-manage {
    padding: var(--value-6-px) var(--value-20-px);
    border-radius: var(--value-3-px);
    border: var(--border-width) solid #C6C6C6 !important;
    font-size: var(--font-size-tabulator);
    min-width: var(--value-100-px);
    pointer-events: none;
    text-align: center;
    justify-content: center;
    white-space: nowrap;
    background-color: #d9d9d9 !important;
    color: #8D8D8D !important;
}

/* Size modifiers
 ========================================================================== */

.uk-button-small {
    padding: 0 var(--value-5-px);
    height: var(--value-25-px);
    line-height: var(--value-25-px);
    font-size: var(--font-size-button-small);
}

.uk-button-large {
    padding: 0 var(--value-20-px);
    line-height: var(--value-35-px);
    height: var(--value-35-px);
    font-size: var(--font-size-tabulator);
}

/* Text modifiers
 ========================================================================== */

/*
 * Text
 * 1. Reset
 * 2. Style
 */

.uk-button-text {
    padding: 0;
    line-height: 1.5;
    background: none;
    border: none;
    color: #333333;
    font-size: var(--font-size-tabulator);
    text-decoration: underline;
    position: relative;
}

/* Hover + Focus */

.uk-button-text:hover, .uk-button-text:focus {
    color: #000000;
}

/* Disabled */

.uk-button-text:disabled {
    color: #8D8D8D;
}

.uk-button-text::before {
    border-bottom: unset;
    transition: unset;
}

/*
 * Link
 * 1. Reset
 * 2. Style
 */

.uk-button-link {
    color: #333;
    cursor: pointer;
}

/* Text Decoration */

.uk-text-decoration-underline {
    text-decoration: underline;
}

.uk-text-decoration-none {
    text-decoration: none;
}

/* Text Decoration Style */

.uk-text-decoration-style-dotted {
    text-decoration-style: dotted;
}

.uk-text-decoration-style-dashed {
    text-decoration-style: dashed !important;
}

/* Style modifiers
 ========================================================================== */

/*
 * Primary
 */

.uk-section-primary {
    background: #FF6564;
}

.uk-tile-primary {
    background: #FF6564;
}

/* Sections
 ========================================================================== */

.uk-card-body {
    padding: var(--value-30-px);
}

.uk-card-primary, .uk-card-primary.uk-card-hover:hover {
    background: #FF6564;
}

/* ========================================================================
   Component: Alert
 ========================================================================== */

.uk-alert {
    padding: var(--value-15-px);
    background: #fff;
    color: #333;
}

/*
 * Primary
 */

.uk-alert-primary {
    color: #FF6564;
}

/* ========================================================================
   Component: Badge
 ========================================================================== */

.uk-badge {
    background: #FF6564;
    font-size: 1.2rem;
}

/* ========================================================================
   Component: Label
 ========================================================================== */

.uk-label {
    background: #FF6564;
}

/* Parent icon modifier  */

.uk-nav-center.uk-nav-parent-icon>.uk-parent>a::after, .uk-position-absolute {
    position: absolute;
}

/* Pill modifier
 ========================================================================== */

.uk-subnav.uk-subnav-pill {
    border-radius: var(--value-4-px);
    border: var(--border-width) solid #DCDCDC;
}

.uk-subnav.uk-subnav-pill>.uk-active {
    background-color: #E6EBF5;
    border-radius: var(--value-4-px);
}

.uk-subnav-pill>*>a:hover {
    background-color: unset;
}

.uk-subnav.uk-subnav-pill>.uk-active>a {
    background-color: #E6EBF5;
    color: #0F61FD;
    border: var(--border-width) solid #0f61fd;
    border-radius: var(--value-4-px);
}

.uk-subnav-pill>*>:first-child {
    color: #333;
    padding: var(--value-5-px) var(--value-10-px) !important;
}

.uk-subnav-pill>*>a:focus, .uk-subnav-pill>*>a:hover {
    color: #0F61FD !important;
}

.uk-subnav.uk-subnav-pill>li {
    margin-left: 0% !important;
    white-space: nowrap;
}

/* Active */

.uk-tab>.uk-active>a {
    border-color: #FF6564;
}

.uk-accordion-title {
    font-size: var(--font-size-tabulator);
    line-height: unset;
    background: unset;
    border: unset;
}

.uk-open>.uk-accordion-title::before {
    background-image: unset !important;
}

.uk-accordion-title::before {
    width: var(--value-15-px);
    height: var(--value-15-px);
    content: "\e258";
    /*fa-arrow-right */
    float: left;
    font-family: 'Glyphicons Halflings', sans-serif;
    font-size: var(--font-size-text-small);
    font-weight: 600;
    margin-left: unset;
    background-image: unset;
    background-repeat: unset;
    background-position: unset;
}

.uk-open>.uk-accordion-title {
    font-weight: 600;
}

.uk-open>.uk-accordion-title::before {
    content: "\e259";
    /*fa-arrow-down */
}

/* ========================================================================
   Component: Modal
 ========================================================================== */

.uk-modal-dialog {
    overflow: visible;
    border-radius: var(--value-4-px);
}

.uk-modal-dialog.modal-md {
    width: var(--value-800-px) !important;

}

.uk-modal-dialog.modal-sm {
    width: var(--value-576-px);
}

.uk-modal-footer {
    padding: var(--value-15-px) var(--value-30-px);
    border-top: var(--border-width) solid #e5e5e5;
}

.uk-button-icon.uk-modal-close-outside {
    top: var(--value-60-px);
    right: var(--value-60-px);
}

.uk-close svg {
    width: var(--value-14-px) !important;
    height: var(--value-14-px) !important;
}

[class*=uk-modal-close-] {
    top: var(--value-10-px);
    right: var(--value-10-px);
    padding: var(--value-5-px);
}

/* Sections
 ========================================================================== */

.uk-modal-body {
    padding: var(--value-30-px);
}

.uk-modal-header {
    border-top-left-radius: var(--value-10-px) !important;
    border-top-right-radius: var(--value-10-px) !important;
}

.uk-modal-footer {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}

.uk-notification-message-primary {
    color: #FF6564;
}

/* ========================================================================
   Component: Dropdown
 ========================================================================== */

/* uk-dropdown */

[class*=uk-dropdown-bottom] {
    margin-top: var(--value-5-px);
}

[class*=uk-dropdown-top] {
    margin-top: calc(var(--value-5-px) * -1);
}

.uk-dropdown {
    padding: var(--value-5-px) 0;
    border: var(--border-width) solid #DCDCDC;
    border-radius: var(--value-4-px);
    min-width: fit-content;
    color: #333;
}

.uk-dropdown.uk-open {
    display: block;
}

.uk-dropdown .uk-button-icon:hover:not(.uk-button-icon-disabled, .dropdown-button-disabled) {
    background: #eeeeee;
}

.no-hover {
    background: unset !important;
    cursor: context-menu;
}

.uk-dropdown .uk-button-icon {
    width: 100%;
    border-radius: 0;
    padding: 0 var(--value-20-px);
    background: #fff;
    color: #333;
    font-weight: 400;
    display: flex;
    justify-content: start;
}

.uk-button-icon.dots-button {
    display: flex;
    justify-content: center;
    padding: var(--value-3-px) 0 0 0;
    min-width: var(--value-33-px);
}

.uk-button-icon.uk-open {
    background: #D9D9D9;
}

.uk-button-icon.dark-bg.uk-open {
    background: #C6C6C6;
}

/* ========================================================================
   Component: Tooltip
 ========================================================================== */

/*
 * 1. Hide by default
 * 2. Position
 * 3. Dimensions
 * 4. Style
 */

.uk-tooltip {
    z-index: 9999;
    max-width: var(--value-320-px);
    padding: var(--value-18-px);
    background: #333333;
    border-radius: var(--value-4-px);
    color: #FFFFFF;
    font-size: var(--font-size-12-px);
}

/*
 * Progress bar
 * 1. Remove right border in IE11 and Edge
 */

.uk-progress::-webkit-progress-value {
    background-color: #FF6564;
}

.uk-progress::-moz-progress-bar {
    background-color: #FF6564;
}

.uk-progress::-ms-fill {
    background-color: #FF6564;
}

/* Height */

.uk-height-fit {
    height: fit-content;
}

.uk-max-height-unset {
    max-height: unset !important;
}

.uk-height-xsmall {
    height: var(--value-75-px) !important;
}

.uk-height-medium {
    height: var(--value-300-px) !important;
}

/* Line Height modifiers
 ========================================================================== */

.uk-line-height-custom {
    line-height: var(--value-30-px);
}

.uk-line-height-xsmall {
    line-height: 1;
}

.uk-line-height-small {
    line-height: 1.5;
}

.uk-line-height-small-plus {
    line-height: 2 !important;
}

.uk-line-height-medium {
    line-height: 3 !important;
}

.uk-line-height-xmedium {
    line-height: 4;
}

.uk-line-height-large {
    line-height: 5;
}

.uk-line-height-xlarge {
    line-height: 6;
}

.uk-line-height-xxlarge {
    line-height: 7;
}

/* Single Widths
========================================================================== */

.uk-width-full {
    width: 100% !important;
}

/*
 * 1. `max-width` is needed for the pixel-based classes
 */

/* Thirds */

.uk-width-1-3 {
    width: calc(100% * 1 / 3.001) !important;
}

.uk-width-2-3 {
    width: calc(100% * 2 / 3.001) !important;
}

/* Quarters */

.uk-width-1-4 {
    width: 25% !important;
}

.uk-width-3-4 {
    width: 75% !important;
}

/* Fifths */

.uk-width-1-5 {
    width: 20% !important;
}

.uk-width-2-5 {
    width: 40% !important;
}

.uk-width-3-5 {
    width: 60% !important;
}

.uk-width-3-7 {
    width: calc(100% * 3 / 7.001) !important;
}

.uk-width-3-8 {
    width: calc(100% * 3 / 8.001) !important;
}

.uk-width-3-9 {
    width: calc(100% * 3 / 9.001) !important;
}

.uk-width-4-5 {
    width: 80% !important;
}

.uk-min-width-4-5 {
    min-width: 80% !important;
    width: 99%;
}

/* Sixths */

.uk-width-1-6 {
    width: calc(100% * 1 / 6.001) !important;
}

.uk-width-5-6 {
    width: calc(100% * 5 / 6.001) !important;
}

/* Pixel */

.uk-width-small {
    width: var(--value-150-px);
}

.uk-width-xmedium {
    width: var(--value-180-px);
}

.uk-width-medium {
    width: var(--value-300-px) !important;
}

/* Size modifiers
 ========================================================================== */

.uk-text-xsmall {
    font-size: var(--value-8-px);
    line-height: 2;
}

.uk-text-small {
    font-size: var(--font-size-text-small);
    line-height: 2;
}

.uk-text-medium {
    font-size: var(--font-size-12-px) !important;
    line-height: 2;
}

.uk-text-xmedium {
    font-size: var(--font-size-tabulator);
    line-height: 2;
}

.uk-text-large {
    font-size: var(--font-size-text-large);
    line-height: 2;
}

.uk-text-xlarge {
    font-size: var(--font-size-text-xlarge);
    line-height: 2;
}

.uk-text-xxlarge {
    font-size: var(--value-20-px);
    line-height: 2;
}

/* Weight modifier
 ========================================================================== */

.uk-text-normal {
    font-weight: 400 !important;
}

.uk-text-bold {
    font-weight: bolder !important;
}

.uk-text-unbold {
    font-weight: 500 !important;
}

.uk-text-meta {
    font-size: var(--font-size-tabulator);
}

/* Background modifier
 ========================================================================== */

/*
 * 1. The background clips to the foreground text. Works in Chrome, Firefox, Safari, Edge and Opera
 *    Default color is set to transparent
 * 2. Container fits the text
 * 3. Fallback color for IE11
 */

.uk-text-background {
    color: #FF6564 !important;
}

@supports (-webkit-background-clip: text) {
    .uk-text-background {
        background-color: #FF6564;
    }
}

.uk-text-sub {
    vertical-align: sub !important;
}

.uk-text-overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uk-text-nowrap {
    white-space: nowrap !important;
}

/* Wrap modifiers
 ========================================================================== */

/*
 * Prevent text from wrapping onto multiple lines
 */

.uk-text-wrap {
    white-space: pre-wrap !important;
}

/* ========================================================================
   Component: Align
 ========================================================================== */

/*
 * Left/Right
 */

.uk-pure-align-left {
    float: left;
}

.uk-pure-align-right {
    float: right;
}

/* Float
 ========================================================================== */

/*
 * 1. Prevent content overflow
 */

.uk-float-unset {
    float: unset !important;
}

.uk-float-right {
    float: right !important;
}

/* Display
 ========================================================================== */

.uk-display-inline-flex {
    display: inline-flex !important;
}

.uk-display-flex {
    display: flex !important;
}

.uk-display-flow-root {
    display: flow-root !important;
}

.uk-display-table {
    display: table !important;
}

.uk-display-grid {
    display: grid !important;
}

.uk-display-box {
    display: -webkit-box !important;
}

/* Responsive objects
 ========================================================================== */

.uk-responsive-medium-width {
    max-width: var(--value-100-px) !important;
}

/* Border
 ========================================================================== */

.uk-border-unset {
    border: unset !important
}

.uk-border {
    border: var(--border-width) solid #dcdcdcdb
}

.uk-border-top {
    border-top: var(--border-width) solid #dcdcdcdb
}

.uk-border-right {
    border-right: var(--border-width) solid #dcdcdcdb
}

.uk-border-bottom {
    border-bottom: var(--border-width) solid #dcdcdcdb
}

.uk-border-left {
    border-left: var(--border-width) solid #dcdcdcdb
}

.uk-border-circle {
    border-radius: 50% !important;
}

.uk-border-pill {
    border-radius: var(--value-500-px) !important;
}

.uk-border-rounded {
    border-radius: var(--value-4-px) !important;
}

.uk-border-top-left-rounded {
    border-top-left-radius: var(--value-4-px);
}

.uk-border-top-right-rounded {
    border-top-right-radius: var(--value-4-px);
}

.uk-border-bottom-left-rounded {
    border-bottom-left-radius: var(--value-4-px);
}

.uk-border-bottom-right-rounded {
    border-bottom-right-radius: var(--value-4-px);
}

/* cursor pointer
 ========================================================================== */

/*
 *
 *
 */

.uk-cursor-pointer, .uk-cursor-pointer * {
    cursor: pointer;
}

/* grab pointer
 ========================================================================== */

/*
 *
 *
 */

.uk-grab, .uk-grab * {
    cursor: grab !important;
}

/* ========================================================================
   Component: Margin
 ========================================================================== */

.uk-margin-default {
    margin: var(--value-15-px) !important;
}

*+.uk-margin-default {
    margin-top: var(--value-15-px) !important;
}

.uk-margin-default-top {
    margin-top: var(--value-15-px) !important;
}

.uk-margin-default-bottom {
    margin-bottom: var(--value-15-px) !important;
}

.uk-margin-default-left {
    margin-left: var(--value-15-px) !important;
}

.uk-margin-default-right {
    margin-right: var(--value-15-px) !important;
}

.uk-margin-default-right-left {
    margin: 0 var(--value-15-px) !important;
}

.uk-margin-default-top-bottom {
    margin: var(--value-15-px) 0 !important;
}

.uk-margin-top {
    margin-top: var(--value-20-px) !important;
}

.uk-margin-left {
    margin-left: var(--value-20-px) !important;
}

.uk-margin-small-right {
    margin-right: var(--value-10-px) !important;
}

/* XSmall
 ========================================================================== */

.uk-margin-xsmall {
    margin: var(--value-5-px) !important;
}

*+.uk-margin-xsmall {
    margin-top: var(--value-5-px) !important;
}

.uk-margin-xsmall-top {
    margin-top: var(--value-5-px) !important;
}

.uk-margin-xsmall-bottom {
    margin-bottom: var(--value-5-px) !important;
}

.uk-margin-xsmall-left {
    margin-left: var(--value-5-px) !important;
}

.uk-margin-xsmall-right {
    margin-right: var(--value-5-px) !important;
}

.uk-margin-xsmall-top-bottom {
    margin: var(--value-5-px) 0 !important;
}

.uk-margin-xsmall-right-left {
    margin: 0 var(--value-5-px) !important;
}

/* Small
 ========================================================================== */
.uk-margin-small-top {
    margin-top: var(--value-10-px) !important;
}

.uk-margin-small {
    margin: var(--value-10-px) !important;
}

.uk-margin-small-top-bottom {
    margin: var(--value-10-px) 0 !important;
}

.uk-margin-small-right-left {
    margin: 0 var(--value-10-px) !important;
}

/* xMedium
 ========================================================================== */

.uk-margin-xmedium {
    margin: var(--value-20-px) !important;
}

*+.uk-margin-xmedium {
    margin-top: var(--value-20-px) !important;
}

.uk-margin-xmedium-top {
    margin-top: var(--value-20-px) !important;
}

.uk-margin-xmedium-bottom {
    margin-bottom: var(--value-20-px) !important;
}
.uk-margin-xxmedium-top {
    margin-top: var(--value-15-px) !important;
}

.uk-margin-xxmedium-bottom {
    margin-bottom: var(--value-15-px) !important;
}

.uk-margin-xmedium-left {
    margin-left: var(--value-20-px) !important;
}

.uk-margin-xmedium-right {
    margin-right: var(--value-20-px) !important;
}

.uk-margin-xmedium-right-left {
    margin: 0 var(--value-20-px) !important;
}

.uk-margin-xmedium-top-bottom {
    margin: var(--value-20-px) 0 !important;
}

/* Medium
 ========================================================================== */

.uk-margin-medium {
    margin: var(--value-30-px);
}

*+.uk-margin-medium {
    margin-top: var(--value-30-px) !important;
}

.uk-margin-medium-top {
    margin-top: var(--value-30-px) !important;
}

.uk-margin-medium-bottom {
    margin-bottom: var(--value-30-px) !important;
}

.uk-margin-medium-left {
    margin-left: var(--value-30-px) !important;
}

.uk-margin-medium-right {
    margin-right: var(--value-30-px) !important;
}

.uk-margin-medium-right-left {
    margin: 0 var(--value-30-px) !important;
}

.uk-margin-medium-top-bottom {
    margin: var(--value-30-px) 0 !important;
}

/* Large
 ========================================================================== */

.uk-margin-large {
    margin: var(--value-40-px) !important;
}

.uk-margin-large-right-left {
    margin: 0 var(--value-40-px) !important;
}

/*
 * Default uikit margin
 */

.uk-margin {
    margin: var(--value-20-px) !important;
}

.uk-margin-small-left {
    margin-left: var(--value-10-px) !important;
}

#highlighted {
    color:  #66D3FA;
    text-decoration: underline;
    text-decoration-color: #3C99DC;
    font-family: cursive;
    padding: 3px;
}




/* ========================================================================
   Component: Padding
 ========================================================================== */

/* Extra extra small
 ========================================================================== */

.uk-padding-xxsmall {
    padding: var(--value-5-px) !important;
}

.uk-padding-xxsmall-top {
    padding-top: var(--value-5-px)
}

.uk-padding-xxsmall-right {
    padding-right: var(--value-5-px)
}

.uk-padding-xxsmall-bottom {
    padding-bottom: var(--value-5-px)
}

.uk-padding-xxsmall-left {
    padding-left: var(--value-5-px)
}

.uk-padding-xxsmall-top-bottom {
    padding: var(--value-5-px) 0
}

.uk-padding-xxsmall-left-right {
    padding: 0 var(--value-5-px)
}

/* Extra Small
 ========================================================================== */

.uk-padding-xsmall {
    padding: var(--value-10-px);
}

.uk-padding-xsmall-top {
    padding-top: var(--value-10-px);
}

.uk-padding-xsmall-right {
    padding-right: var(--value-10-px);
}

.uk-padding-xsmall-bottom {
    padding-bottom: var(--value-10-px);
}

.uk-padding-xsmall-left {
    padding-left: var(--value-10-px);
}

.uk-padding-xsmall-top-bottom {
    padding: var(--value-10-px) 0;
}

.uk-padding-xsmall-left-right {
    padding: 0 var(--value-10-px);
}

.uk-padding-xsmall {
    padding: var(--value-10-px) !important;
}

.uk-padding-small-top {
    padding-top: var(--value-15-px);
}

.uk-padding-small-right {
    padding-right: var(--value-15-px);
}

.uk-padding-small-bottom {
    padding-bottom: var(--value-15-px);
}

.uk-padding-small-left {
    padding-left: var(--value-15-px);
}

.uk-padding-small-left-right {
    padding: 0 var(--value-15-px);
}

.uk-padding-small-top-bottom {
    padding: var(--value-15-px) 0;
}

.uk-padding-small {
    padding: var(--value-15-px);
}

.uk-grid-column-small>*, .uk-grid-small>* {
    padding-left: var(--value-15-px);
}

*+.uk-grid-margin-small, .uk-grid+.uk-grid-row-small, .uk-grid+.uk-grid-small, .uk-grid-row-small>.uk-grid-margin, .uk-grid-small>.uk-grid-margin {
    margin-top: var(--value-15-px);
}

/* .uk-grid-column-small, .uk-grid-small {
    margin-left: calc(var(--value-15-px) * -1) !important;
} */

/* Medium
 ========================================================================== */

.uk-padding-xmedium {
    padding: var(--value-20-px);
}

.uk-padding-xmedium-top {
    padding-top: var(--value-20-px);
}

.uk-padding-xmedium-right {
    padding-right: var(--value-20-px);
}

.uk-padding-xmedium-bottom {
    padding-bottom: var(--value-20-px);
}

.uk-padding-xmedium-left {
    padding-left: var(--value-20-px);
}

.uk-padding-xmedium-left-right {
    padding: 0 var(--value-20-px);
}

.uk-padding-medium {
    padding: var(--value-25-px);
}

/* Large
 ========================================================================== */

.uk-padding-large-top {
    padding-top: var(--value-30-px) !important;
}

.uk-padding-large-right {
    padding-right: var(--value-30-px) !important;
}

.uk-padding-large-bottom {
    padding-bottom: var(--value-30-px)
}

.uk-padding-large-left {
    padding-left: var(--value-30-px)
}

.uk-padding-large-left-right {
    padding: 0 var(--value-30-px)
}

/* Extra Large
 ========================================================================== */

.uk-padding-xlarge-top {
    padding-top: var(--value-40-px);
}

.uk-padding-xlarge-right {
    padding-right: var(--value-40-px);
}

.uk-padding-xlarge-bottom {
    padding-bottom: var(--value-40-px)
}

.uk-padding-xlarge-left {
    padding-left: var(--value-40-px) !important
}

.uk-padding-xlarge-left-right {
    padding: 0 var(--value-40-px)
}

/* Padding Container
=========================================================================== */

.uk-padding-container-xsmall {
    padding: var(--value-5-px) var(--value-15-px)
}

.uk-padding-container-small {
    padding: var(--value-10-px) var(--value-15-px)
}

.uk-padding-container {
    padding: var(--value-10-px) var(--value-30-px)
}

.uk-padding-modal-container {
    padding: var(--value-30-px) var(--value-30-px) var(--value-15-px) var(--value-30-px)
}

/* Utility
 ========================================================================== */

.uk-position-none {
    position: unset !important;
}

.uk-position-fixed {
    position: fixed;
}

/* ========================================================================
   Component: Inverse
 ========================================================================== */

.uk-light .uk-accordion-title::before, .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-card-primary.uk-card-body .uk-accordion-title::before, .uk-card-primary> :not([class*='uk-card-media']) .uk-accordion-title::before, .uk-card-secondary.uk-card-body .uk-accordion-title::before, .uk-card-secondary> :not([class*='uk-card-media']) .uk-accordion-title::before, .uk-overlay-primary .uk-accordion-title::before, .uk-offcanvas-bar .uk-accordion-title::before {
    content: "\e259";
    /*fa-arrow-down */
    float: left;
    font-family: 'Glyphicons Halflings', sans-serif;
    background-image: unset
}

.uk-light .uk-open>.uk-accordion-title::before, .uk-section-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before, .uk-section-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before, .uk-tile-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before, .uk-card-primary.uk-card-body .uk-open>.uk-accordion-title::before, .uk-card-primary> :not([class*='uk-card-media']) .uk-open>.uk-accordion-title::before, .uk-card-secondary.uk-card-body .uk-open>.uk-accordion-title::before, .uk-card-secondary> :not([class*='uk-card-media']) .uk-open>.uk-accordion-title::before, .uk-overlay-primary .uk-open>.uk-accordion-title::before, .uk-offcanvas-bar .uk-open>.uk-accordion-title::before {
    content: "\e258";
    /*fa-arrow-right */
    float: left;
    font-family: 'Glyphicons Halflings', sans-serif;
    background-image: unset
}

/* ========================================================================
   Component: Lightbox
 ========================================================================== */

.uk-lightbox-items>*>* {
    max-height: 85vh
}

.uk-lightbox-toolbar.uk-lightbox-caption {
    font-size: var(--font-size-text-xlarge);
    min-height: var(--value-50-px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.uk-lightbox {
    background: #00000096;
}

/* Desktop and bigger */

@media (min-width: 1200px) {

    /* margin large */
    .uk-margin-large {
        margin-bottom: var(--value-40-px) !important;
    }

    *+.uk-margin-large {
        margin-top: var(--value-40-px) !important;
    }

    .uk-margin-large-top {
        margin-top: var(--value-40-px) !important;
    }

    .uk-margin-large-bottom {
        margin-bottom: var(--value-40-px) !important;
    }

    .uk-margin-large-left {
        margin-left: var(--value-40-px) !important;
    }

    .uk-margin-large-right {
        margin-right: var(--value-40-px) !important;
    }
    .uk-margin-xxlarge-right {
        margin-right: 9.53vw;
    }
    /* padding */
    .uk-padding-large {
        padding: var(--value-30-px)
    }

    .uk-padding-large-top {
        padding-top: var(--value-30-px);
    }

    .uk-padding-large-right {
        padding-right: var(--value-30-px);
    }

    .uk-padding-large-bottom {
        padding-bottom: var(--value-30-px)
    }

    .uk-padding-large-left {
        padding-left: var(--value-30-px)
    }

    .uk-padding-large-left-right {
        padding: 0 var(--value-30-px)
    }

    /* heading */
    .uk-heading-primary {
        font-size: 3.75rem;
    }
}