.uk-card.border {
    border: 3px solid #2276C3;
    border-radius: 6px;
}

.uk-card-header h3, .uk-card-header h5 {
    color: #3C3C3C !important;
}

.uk-width-expand.uk-first-column {
    /* padding-left: 0px; */
}

.uk-card-default {
    background: #fff;
    color: #666;
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
    margin-bottom:20px;
}

.uk-card {
    position: relative;
    box-sizing: border-box;
    transition: box-shadow .1s ease-in-out;
}

.uk-card-default .uk-card-header {
    border-bottom: 1px solid #e5e5e5;
}

.uk-padding-small {
    padding: 15px;
}

.uk-card-body > :last-child, .uk-card-footer > :last-child, .uk-card-header > :last-child {
    margin-bottom: 0;
}

.uk-flex-middle {
    align-items: center;
}

.uk-grid-column-small, .uk-grid-small {
    margin-left: -15px;
}

.uk-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0;
    list-style: none;
}

.uk-card-upload {
}

[class*=uk-child-width] > * {
    box-sizing: border-box;
    width: 100%
}

.uk-child-width-1-2 > * {
    width: 50%
}

.uk-child-width-1-3 > * {
    width: calc(100% * 1 / 3.001)
}

.uk-child-width-1-4 > * {
    width: 25%
}

.uk-child-width-1-5 > * {
    width: 20%
}

.uk-child-width-1-6 > * {
    width: calc(100% * 1 / 6.001)
}

.uk-child-width-auto > * {
    width: auto
}

.uk-child-width-expand > :not([class*=uk-width]) {
    flex: 1;
    min-width: 1px
}

@media (min-width:640px) {
    .uk-child-width-1-1\@s > * {
        width: 100%
    }

    .uk-child-width-1-2\@s > * {
        width: 50%
    }

    .uk-child-width-1-3\@s > * {
        width: calc(100% * 1 / 3.001)
    }

    .uk-child-width-1-4\@s > * {
        width: 25%
    }

    .uk-child-width-1-5\@s > * {
        width: 20%
    }

    .uk-child-width-1-6\@s > * {
        width: calc(100% * 1 / 6.001)
    }

    .uk-child-width-auto\@s > * {
        width: auto
    }

    .uk-child-width-expand\@s > :not([class*=uk-width]) {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:960px) {
    .uk-child-width-1-1\@m > * {
        width: 100%
    }

    .uk-child-width-1-2\@m > * {
        width: 50%
    }

    .uk-child-width-1-3\@m > * {
        width: calc(100% * 1 / 3.001)
    }

    .uk-child-width-1-4\@m > * {
        width: 25%
    }

    .uk-child-width-1-5\@m > * {
        width: 20%
    }

    .uk-child-width-1-6\@m > * {
        width: calc(100% * 1 / 6.001)
    }

    .uk-child-width-auto\@m > * {
        width: auto
    }

    .uk-child-width-expand\@m > :not([class*=uk-width]) {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:1200px) {
    .uk-child-width-1-1\@l > * {
        width: 100%
    }

    .uk-child-width-1-2\@l > * {
        width: 50%
    }

    .uk-child-width-1-3\@l > * {
        width: calc(100% * 1 / 3.001)
    }

    .uk-child-width-1-4\@l > * {
        width: 25%
    }

    .uk-child-width-1-5\@l > * {
        width: 20%
    }

    .uk-child-width-1-6\@l > * {
        width: calc(100% * 1 / 6.001)
    }

    .uk-child-width-auto\@l > * {
        width: auto
    }

    .uk-child-width-expand\@l > :not([class*=uk-width]) {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:1600px) {
    .uk-child-width-1-1\@xl > * {
        width: 100%
    }

    .uk-child-width-1-2\@xl > * {
        width: 50%
    }

    .uk-child-width-1-3\@xl > * {
        width: calc(100% * 1 / 3.001)
    }

    .uk-child-width-1-4\@xl > * {
        width: 25%
    }

    .uk-child-width-1-5\@xl > * {
        width: 20%
    }

    .uk-child-width-1-6\@xl > * {
        width: calc(100% * 1 / 6.001)
    }

    .uk-child-width-auto\@xl > * {
        width: auto
    }

    .uk-child-width-expand\@xl > :not([class*=uk-width]) {
        flex: 1;
        min-width: 1px
    }
}

.RadAsyncUpload, .RadAsyncUpload * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.RadUpload_Default .ruSelectWrap .ruButton {
    background-color: #39f !important;
    background-image: none !important;
    color: white !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    border: 1.5px solid #39f !important;
    text-align: center !important;
    vertical-align: middle !important;
    line-height: 20px
}

.ruSelectWrapDisabled .ruButton {
    background-color: #b2b2b2 !important;
    align-self: center;
}

.ruButton {
    font-size: 14px !important;
    background-color: #EA292C;
    border: 1px solid #EA292C;
    color: white;
    cursor: pointer !important;
    text-align: center !important;
    vertical-align: middle !important;
    line-height: 20px;
    padding: 10px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

    .ruButton:hover {
        color: white !important;
        cursor: pointer !important;
    }

.radIcon {
    display: none !important;
}

.ruRemove:before {
    display: none !important;
}

.ruRemove {
    display: block;
    align-content: center;
    margin: auto !important;
    cursor: pointer;
    /*padding: 10px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;*/
    border-radius: 3px !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 0.875rem !important;
    line-height: 20px !important;
}

.ruStyled {
    align-content: center;
    margin: auto !important;
    border-radius: 3px !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 0.875rem !important;
    line-height: 20px !important;
}

.ruInputs {
    text-align: center;
}

.ruCancel {
    display: none !important;
}

.ruBrowse {
    margin: 0px !important;
}

.ruSelectWrapDisabled {
    display: none !important;
}

.view-button {
    font-size: 14px !important;
    background-color: #808080;
    border: 1px solid #808080;
    color: white;
    cursor: pointer !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 6px 22px;
    line-height: 20px
}

.delete-button {
    font-size: 14px !important;
    background-color: #EA292C;
    border: 1px solid #EA292C;
    color: white;
    cursor: pointer !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 6px 23px;
    line-height: 20px;
    border-radius: 5px
}

.Uploaded-button {
    font-size: 14px !important;
    background-color: #7db500;
    border: 1px solid #7db500;
    color: white;
    cursor: pointer !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 6px 8px;
    line-height: 20px
}

.upload-button {
    font-size: 14px !important;
    background-color: #39f;
    border: 1px solid #39f;
    color: white;
    cursor: pointer !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 10px 20px;
    line-height: 20px
}

.custom-card-header {
    padding: 10px 10px;
    margin-bottom: 0;
    background-color: #ededed;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    color: #202020;
    text-align: left;
}

    .custom-card-header + .list-group .list-group-item:first-child {
        border-top: 0;
    }

.uploadWrapper {
    border: none !important;
    border-radius: 0px;
    margin: 10px;
}

.ruErrorMessage {
    display: block;
    color: red;
    overflow-wrap: break-word;
    white-space: normal
}

.uploadSuccess {
    display: inline-block
}

.uploadSuccessIcon {
    display: inline-block
}

.uploadSucessText {
    display: inline-block;
    vertical-align: top;
    padding-top: 8px;
    padding-left: 5px;
}

.uploadUnableToValidate {
    display: inline-block
}

.uploadUnableToValidateIcon {
    display: inline-block
}

.uploadUnableToValidateText {
    display: inline-block;
    vertical-align: top;
    text-align:left;
    padding-top: 8px;
    padding-left: 5px;
}


.btn-upload {
    display: block;
    align-content: center;
    margin: auto !important;
    cursor: pointer;
    padding: 10px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 0.875rem !important;
    vertical-align: middle !important;
    line-height: 20px !important;
    background-color: green;
    text-align: center !important;
    color: white;
    text-decoration: none !important;
}

    .btn-upload:hover {
        color: white !important;
        cursor: pointer !important;
    }

.ruSelectWrap {
    cursor: pointer;
    /*padding: 10px !important;*/
    /*padding-left: 24px !important;
    padding-right: 24px !important;*/
    border-radius: 3px;
    background-color: rgb(15,122,229);
}

.RadUpload_Default .ruSelectWrap .ruButton {
    background-color: rgb(15,122,229) !important;
    border: 0px !important;
    uk-child-width-1-2 @s text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 0.875rem !important;
}

.ruUploadSuccess {
    margin-right: 0px !important
}

.ruUploadProgress {
    margin-bottom: 10px !important;
    display: block
}

.cardSubTitle {
    height: 50px;
}

.uk-slideshow {
    /* 1 */
    -webkit-tap-highlight-color: transparent;
}
/* Items
 ========================================================================== */
/*
 * 1. Create position and stacking context
 * 2. Reset list
 * 3. Clip child elements
 * 4. Prevent displaying the callout information on iOS.
 */
.uk-slideshow-items {
    /* 1 */
    position: relative;
    z-index: 0;
    /* 2 */
    margin: 0;
    padding: 0;
    list-style: none;
    /* 3 */
    overflow: hidden;
    /* 4 */
    -webkit-touch-callout: none;
}
    /* Item
 ========================================================================== */
    /*
 * 1. Position items above each other
 * 2. Take the full width
 * 3. Clip child elements, e.g. for `uk-cover`
 * 4. Optimize animation
 * 5. Disable horizontal panning gestures in IE11 and Edge
 * 6. Suppress outline on focus
 */
    .uk-slideshow-items > * {
        /* 1 */
        position: absolute;
        top: 0;
        left: 0;
        /* 2 */
        right: 0;
        bottom: 0;
        /* 3 */
        overflow: hidden;
        /* 4 */
        will-change: transform, opacity;
        /* 5 */
        touch-action: pan-y;
    }
    /* 6 */
    .uk-slideshow-items > :focus {
        outline: none;
    }
    /*
 * Hide not active items
 */
    .uk-slideshow-items > :not(.uk-active) {
        display: none;
    }
/* ========================================================================
   Component: Slider
 ========================================================================== */
/*
 * 1. Prevent tab highlighting on iOS.
 */
.uk-slider {
    /* 1 */
    -webkit-tap-highlight-color: transparent;
}
/* Container
 ========================================================================== */
/*
 * 1. Clip child elements
 */
.uk-slider-container {
    /* 1 */
    overflow: hidden;
}
/* Items
 ========================================================================== */
/*
 * 1. Optimize animation
 * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`.
 */
.uk-slider-items {
    /* 1 */
    will-change: transform;
    /* 2 */
    position: relative;
}
    /*
 * 1. Reset list style without interfering with grid
 * 2. Prevent displaying the callout information on iOS.
 */
    .uk-slider-items:not(.uk-grid) {
        display: flex;
        /* 1 */
        margin: 0;
        padding: 0;
        list-style: none;
        /* 2 */
        -webkit-touch-callout: none;
    }

    .uk-slider-items.uk-grid {
        flex-wrap: nowrap;
    }
    /* Item
 ========================================================================== */
    /*
 * 1. Let items take content dimensions (0 0 auto)
 * 2. Create position context
 * 3. Disable horizontal panning gestures in IE11 and Edge
 * 4. Suppress outline on focus
 */
    .uk-slider-items > * {
        /* 1 */
        flex: none;
        /* 2 */
        position: relative;
        /* 3 */
        touch-action: pan-y;
    }
    /* 4 */
    .uk-slider-items > :focus {
        outline: none;
    }

.uk-dotnav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0;
    list-style: none;
    margin-left: -12px;
}

.uk-dotnav > * {
    flex: none;
    padding-left: 12px;
}

.uk-dotnav {
    list-style: none;
}

.uk-flex-center {
    justify-content: center;
}

* + .uk-margin {
    margin-top: 20px !important;
}

.uk-modal-footer {
    padding: 15px 30px;
    background: #fff;
    border-top: 1px solid #e5e5e5;
}

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

[class*=uk-modal-close-] {
    position: absolute;
    z-index: 1010;
    top: 10px;
    right: 10px;
    padding: 5px
}

.uk-close {
    color: #999;
    transition: .1s ease-in-out;
    transition-property: all;
    transition-property: color,opacity;
}

.uk-icon {
    margin: 0;
    border: none;
    border-radius: 0;
    overflow: visible;
    font: inherit;
    line-height: inherit;
    color: inherit;
    text-transform: none;
    padding: 0;
    background-color: transparent;
    display: inline-block;
    fill: currentcolor;
    line-height: 0;
}

.uk-modal-dialog > .uk-close:first-child {
    margin: 0 0 0 0;
    float: right;
}

.uk-close::after {
    content:none;
}

.uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
    stroke: currentcolor;
}

.uk-link, a {
    color: #1e87f0;
    cursor: pointer;
}

.uk-icon > * {
    transform: translate(0,0);
}

svg {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}

.uk-card-primary.uk-card-body .uk-slidenav, .uk-card-primary > :not([class*="uk-card-media"]) .uk-slidenav, .uk-card-secondary.uk-card-body .uk-slidenav, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-slidenav, .uk-light .uk-slidenav, .uk-offcanvas-bar .uk-slidenav, .uk-overlay-primary .uk-slidenav, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav {
    color: red; /*rgba(255,255,255,.7);*/
}

.uk-position-small[class*="uk-position-center-left"], .uk-position-small[class*="uk-position-center-right"] {
    transform: translateY(-50%) translateY(-15px);
    margin-left:50px;
}

.uk-slidenav {
    padding: 5px 10px;
    color: rgba(102,102,102,.5);
    transition: color .1s ease-in-out;
}

.uk-modal-dialog .uk-card-default{
    box-shadow:none;
}

.uk-overflow-auto {
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
}

.uk-modal-body {
    padding: 30px 30px;
}

.uk-modal-header {
    padding: 15px 0px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.uk-slider > * {
    position: unset;
}

.uk-position-small {
    max-width: calc(100% - (15px * 2));
    margin: 15px;
}

[class*="uk-position-center-left"], [class*="uk-position-center-right"] {
    top: 50%;
    transform: translateY(-50%);
}

[class*="uk-position-bottom"], [class*="uk-position-center"], [class*="uk-position-left"], [class*="uk-position-right"], [class*="uk-position-top"] {
    position: absolute !important;
}

/*******/
.uk-card-primary.uk-card-body .uk-slidenav, .uk-card-primary > :not([class*="uk-card-media"]) .uk-slidenav, .uk-card-secondary.uk-card-body .uk-slidenav, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-slidenav, .uk-light .uk-slidenav, .uk-offcanvas-bar .uk-slidenav, .uk-overlay-primary .uk-slidenav, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav {
    color: rgba(0,0,0,.7);
}

.uk-position-small[class*="uk-position-center-left"], .uk-position-small[class*="uk-position-center-right"] {
    transform: translateY(-50%) translateY(-15px);
}

.uk-card-primary.uk-card-body .uk-link, .uk-card-primary.uk-card-body a, .uk-card-primary > :not([class*="uk-card-media"]) .uk-link, .uk-card-primary > :not([class*="uk-card-media"]) a, .uk-card-secondary.uk-card-body .uk-link, .uk-card-secondary.uk-card-body a, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-link, .uk-card-secondary > :not([class*="uk-card-media"]) a, .uk-light .uk-link, .uk-light a, .uk-offcanvas-bar .uk-link, .uk-offcanvas-bar a, .uk-overlay-primary .uk-link, .uk-overlay-primary a, .uk-section-primary:not(.uk-preserve-color) .uk-link, .uk-section-primary:not(.uk-preserve-color) a, .uk-section-secondary:not(.uk-preserve-color) .uk-link, .uk-section-secondary:not(.uk-preserve-color) a, .uk-tile-primary:not(.uk-preserve-color) .uk-link, .uk-tile-primary:not(.uk-preserve-color) a, .uk-tile-secondary:not(.uk-preserve-color) .uk-link, .uk-tile-secondary:not(.uk-preserve-color) a {
    color: #fff;
}

.uk-position-center-right {
    right: 0;
}