/*
 * Color modifiers
 */
.uk-list-primary > ::before {
    color: #7fa7a9 !important;
}
/* Color modifiers
 ========================================================================== */
.uk-background-primary {
    background-color: #7fa7a9;
}



/* Background modifier
 ========================================================================== */
/*
 * 1. The background clips to the foreground text. Works in all browsers.
 * 2. Default color is set to transparent.
 * 3. Container fits the text
 * 4. Style
 */
.uk-text-background {
    /* 1 */
    -webkit-background-clip: text;
    /* 2 */
    color: transparent !important;
    /* 3 */
    display: inline-block;
    /* 4 */
    background-color: #7fa7a9;
}


/*
 * Primary
 */
.uk-button-primary {
    background-color: #7fa7a9;
    color: #fff;
    border: 1px solid transparent;
}

/* Hover */
.uk-button-primary:hover {
    background-color: #94a2a3;
    color: #fff;
}
/* OnClick + Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
    background-color: #3c4f50;
    color: #fff;
}


/*
 * Progress Bar
 * 1. Transitions don't work on `::-moz-progress-bar` pseudo element in Firefox yet.
 *    https://bugzilla.mozilla.org/show_bug.cgi?id=662351
 */
.uk-progress::-webkit-progress-value {
    background-color: #7fa7a9;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.uk-progress::-moz-progress-bar {
    background-color: #7fa7a9;
    /* 1 */
    -moz-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

/*
 * Primary
 */
.uk-section-primary {
    background: #7fa7a9;
}

/*
 * Primary
 */
.uk-tile-primary {
    background-color: #7fa7a9;
}

/* Badge
 ========================================================================== */
/*
 * 1. Position
 * 2. Size
 * 3. Style
 * 4. Center child vertically
 */
.uk-card-badge {
    /* 1 */
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    /* 2 */
    height: 22px;
    padding: 0 10px;
    /* 3 */
    background: #7fa7a9;
    color: #fff;
    font-size: 0.875rem;
    /* 4 */
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    border-radius: 2px;
    text-transform: uppercase;
}

/*
 * Primary
 */
.uk-card-primary {
    background-color: #7fa7a9;
    color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.uk-card-primary .uk-card-title {
    color: #fff;
}

.uk-card-primary.uk-card-hover:hover {
    background-color: #7fa7a9;
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}

/* Style modifiers
 ========================================================================== */
/*
 * Primary
 */
.uk-alert-primary {
    background: rgba(127, 167, 169, 0.5);
    color: #7fa7a9;
}

/* ========================================================================
   Component: Badge
 ========================================================================== */
/*
 * 1. Style
 * 2. Center child vertically and horizontally
 */
.uk-badge {
    box-sizing: border-box;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 500px;
    vertical-align: middle;
    /* 1 */
    background: #7fa7a9;
    color: #fff !important;
    font-size: 11px;
    /* 2 */
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
}

/* ========================================================================
   Component: Label
 ========================================================================== */
.uk-label {
    display: inline-block;
    padding: 0 10px;
    background: #7fa7a9;
    line-height: 1.5;
    font-size: 0.875rem;
    color: #fff;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 2px;
    text-transform: uppercase;
}


/* Focus */
.uk-search-default .uk-search-input:focus {
    background-color: rgba(0, 0, 0, 0);
    border-color: #7fa7a9;
}

/* Style modifiers
 ========================================================================== */
/*
 * Primary
 */
.uk-notification-message-primary {
    color: #7fa7a9;
}

/* Active */
.uk-subnav-pill > .uk-active > a {
    background-color: #7fa7a9;
    color: #fff;
}

/* Items
 ========================================================================== */
/*
 * Items must target `a` elements to exclude other elements (e.g. dropdowns)
 * 1. Center content vertically, e.g. an icon
 * 2. Imitate white space gap when using flexbox
 * 3. Center content if a width is set
 * 4. Style
 */

/* Active */
.uk-tab > .uk-active > a {
    color: #333;
    border-color: #7fa7a9;
}

.uk-text-primary {
    color: #7fa7a9 !important;
}

/* Background modifier
 ========================================================================== */
/*
 * 1. The background clips to the foreground text. Works in all browsers.
 * 2. Default color is set to transparent.
 * 3. Container fits the text
 * 4. Style
 */
.uk-text-background {
    /* 1 */
    -webkit-background-clip: text;
    /* 2 */
    color: transparent !important;
    /* 3 */
    display: inline-block;
    /* 4 */
    background-color: #7fa7a9;
}

/* Heading
 ========================================================================== */
a.uk-link-heading,
.uk-link-heading a,
.uk-link-toggle .uk-link-heading {
    color: inherit;
}

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

.uk-list-primary > ::before {
    color: #7fa7a9 !important;
}

/* Focus */
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
    outline: none;
    background-color: #fff;
    color: #666;
    border-color: #7fa7a9;
}

/*
 * Checked
 */
.uk-radio:checked,
.uk-checkbox:checked,
.uk-checkbox:indeterminate {
    background-color: #7fa7a9;
    border-color: transparent;
}

/*
full height
 */

.uk-height-max-full {
    min-height: 100vh;
}