/*
* Workday - A time clock application for employees
* URL: https://codecanyon.net/item/workday-a-time-clock-application-for-employees/23076255
* Support: official.codefactor@gmail.com
* Version: 3.2
* Author: Brian Luna
* Copyright 2021 Codefactor
*/
@charset "UTF-8";

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/nunito/nunito-v16-latin-regular.woff2') format('woff2'),
        url('../fonts/nunito/nunito-v16-latin-regular.woff') format('woff'),
        url('../fonts/nunito/nunito-v16-latin-regular.ttf') format('truetype');
}

body {
    font-family: "Nunito", "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
    background-color: #1e2225;
}

.wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    min-width: 100%;
    min-height: 100vh;
}

.auth-box {
    max-width: 380px;
    height: auto;
    margin: 0 auto;
    background-color: transparent !important;
    color: rgba(255,255,255,.9);
}

.shadow-2 {
    -webkit-box-shadow: 0 10px 18px 0 rgba(62, 57, 107, 0.2);
    box-shadow: 0 10px 18px 0 rgba(62, 57, 107, 0.2);
}

.form-label {
    color: rgba(255,255,255,.9);
    font-size: .92857143em;
}

.form-control:focus,
.form-select:focus {
    box-shadow: rgb(29 161 242) 0px 0px 0px 1px;
}

.form-check-input:focus {
    box-shadow: rgb(29 161 242) 0px 0px 0px 1px;
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
    box-shadow: rgb(25 135 84) 0px 0px 0px 1px;
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
    box-shadow: rgb(220 53 69) 0px 0px 0px 1px;
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus,
.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
    box-shadow: rgb(25 135 84) 0px 0px 0px 1px;
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus,
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
    box-shadow: none;
}

.text-primary {
    color: rgba(255,255,255,.9) !important;
}

.card {
    border: none;
}

.invalid-feedback {
    color: #ff3b2e !important;
}

.uk-button {
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: 15px;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    transition: .2s ease-in-out;
    transition-property: color,background-color,background-position,background-size,border-color,box-shadow;
    font-weight: 600;
    border-radius: 500px;
    background-origin: border-box;
    background-size: 200%;
    background-position-x: 100%;
}

.uk-button-default {
    background-color: #ff3b2e;
    color: #fff;
    border: 2px solid transparent;
    background-image: linear-gradient(51deg,#ee3040 50%,#e4212e 65%,#e65522 100%);
}

.uk-button-large {
    padding: 0 40px;
    line-height: 52px;
    font-size: 16px;
}

.uk-button:hover {
    text-decoration: none;
    background-position-x: 0;
}

.uk-button-default:focus, .uk-button-default:hover {
    background-color: #ff2315;
    color: #fff;
    border-color: transparent;
    background-image: linear-gradient(51deg,#ee3040 50%,#e4212e 65%,#e65522 100%);
}

.uk-input {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit;
    height: 48px;
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
    width: 100%;
    border: 0 none;
    padding: 0 15px;
    background: #1c1f22;
    color: rgba(255,255,255,.9);
    transition: .2s ease-in-out;
    transition-property: color,background-color,border-color,box-shadow;
    border-radius: 500px;
    box-shadow: inset 2px 2px 5px rgb(0 0 0 / 35%), inset -2px -2px 5px rgb(82 89 98 / 20%);
}
.uk-input:focus {
    outline: 0;
    background-color: #171a1d;
    color: rgba(255,255,255,.9);
    box-shadow: inset 1px 1px 2px rgb(0 0 0 / 35%), inset -1px -1px 2px rgb(82 89 98 / 20%);
}

input[type=checkbox]:not([class*=uk-]), input[type=radio]:not([class*=uk-]) {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit;
    display: inline-block;
    height: 16px;
    width: 16px;
    overflow: hidden;
    margin-top: -4px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #1e2225;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: .2s ease-in-out;
    transition-property: background-color,border-color,box-shadow;
    box-shadow: inset 1px 1px 2px rgb(0 0 0 / 50%), inset -1px -1px 2px rgb(82 89 98 / 40%);
}

input[type=checkbox]:not([class*=uk-]):focus, input[type=radio]:not([class*=uk-]):focus {
    outline: 0;
    box-shadow: inset 1px 1px 2px rgb(80 110 140 / 0%);
}

input[type=checkbox]:not([class*=uk-]):checked, input[type=checkbox]:not([class*=uk-]):indeterminate, input[type=radio]:not([class*=uk-]):checked {
    background-color: #ff3b2e;
    box-shadow: inset 1px 1px 2px rgb(80 110 140 / 0%);
}

input[type=checkbox]:not([class*=uk-]):checked {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%231e2225%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A);
}

input[type=checkbox]:not([class*=uk-]):checked:focus, input[type=checkbox]:not([class*=uk-]):indeterminate:focus, input[type=radio]:not([class*=uk-]):checked:focus, .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
    background-color: #fa1000;
}

input[type=checkbox]:not([class*=uk-]):not(:disabled), input[type=radio]:not([class*=uk-]):not(:disabled) {
    cursor: pointer;
}

.form-check .form-check-input {
    float: none !important;
    border: none;
}

.form-check-input:valid~.form-check-label {
    color: inherit !important;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border: 0 none !important;
}

.form-group, .uk-margin {
    margin-bottom: 20px;
}

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

@media (max-width: 959px) {
    .uk-visible\@m {
        display: none!important;
    }
}