.body-login-work {
    /*background-image: url(../Content/img/bg-login-1.svg);
    position: absolute;*/
    background-size: cover;
    /*background-position: 50%;
    background-repeat:no-repeat;
    width: 100%;
    height: 100%;
    z-index: -1;*/
    background-color: #3f8efc;
    padding: 3px;
}

.body-layout {
    background-color: #2667FF;
}

.item-rounded {
    border-radius: 25px;
}

.item-rounded-left {
    border-radius: 25px 0px 0px 25px;
}

.item-rounded-right {
    border-radius: 0px 25px 25px 0px;
}

.item-rounded-bottom-right {
    border-radius: 0px 0px 25px 0px;
}

.uk-card-login {
    background-color: #EBEEFF;
    color: #666;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.uk-button-login {
    background-color: #3f8efc;
    color: #fff;
    border: 1px solid transparent;
}

.uk-text-white {
    color: #EBEEFF !important;
}

.uk-input-disable {
    background-color: gainsboro !important;
    color: black !important;
}

.uk-offcanvas-darken {
    background: #3B28CC !important;
}

.uk-offcanvas-bar-light {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -270px;
    box-sizing: border-box;
    width: 270px;
    padding: 20px 20px;
    background: #3B28CC;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.uk-offcanvas-bar-animation {
    transition: left 0.3s ease-out;
}

/*
    Button Custom Area
*/

.io-button {
    color: white;
    border-radius: 10em;
    font-size: 17px;
    font-weight: 600;
    padding: 1em 2em;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border: 1px solid grey;
    box-shadow: 0 0 0 0 grey;
}

    .io-button:hover {
        transform: translateY(-4px) translateX(-2px);
        box-shadow: 2px 5px 0 0 grey;
    }

    .io-button:active {
        transform: translateY(2px) translateX(1px);
        box-shadow: 0 0 0 0 black;
    }

/*
    Button Custom End Area
*/

@media (min-width: 640px) {
    .uk-offcanvas-bar-light {
        left: -350px;
        width: 350px;
        padding: 30px 30px;
    }
}

.uk-offcanvas-flip .uk-offcanvas-bar-light {
    left: auto;
    right: -270px;
}

.uk-offcanvas-flip .uk-offcanvas-bar-animation {
    transition-property: right;
}

.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar-light {
    left: auto;
    right: 0;
}

@media (min-width: 640px) {
    .uk-offcanvas-flip .uk-offcanvas-bar-light {
        right: -350px;
    }
}

.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar-light {
    left: auto;
    right: 0;
}

.uk-offcanvas-reveal .uk-offcanvas-bar-light {
    left: 0;
}

.uk-open > .uk-offcanvas-bar-light {
    left: 0;
}