@font-face {
    font-family: "DM Sans Regular";
    src: local("DM Sans Regular"), local("DM Sans Regular"), url("/res/font/dmsans/DMSans-Regular.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "DM Sans Bold";
    src: local("DM Sans Bold"), local("DM Sans Bold"), url("/res/font/dmsans/DMSans-Bold.ttf") format("truetype");
    font-display: swap;
}


.pending { color: white; background-color: #6D87FF; }
.accepted { color: white; background-color: #3BCF6D; }
.closed { color: white; background-color: #9362FC; }
.declined { color: white; background-color: #FF9635; }
.canceled { color: white; background-color: #292929; }

 
.uk-text-red { color: #F13F3F; }

 .uk-button{
    position: relative;
    display: inline-block;
    font-family: "DM Sans Bold", serif;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 19px !important;
    border: none;
    text-transform: none;
    padding-left: 24px !important;
    padding-right: 24px !important;
    transition: 80ms !important;
}

.uk-button-large{
    font-size: 13pt;
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    border-radius: 4px !important;
}


.uk-button-primary{
    background-image: linear-gradient(360deg, #8B9FFD 28.38%, #6471EC 82.43%);
    background-repeat: repeat-y;
    background-size: 100% 90px;
    background-position: 0 -32px;
}
.uk-button-primary:hover, .uk-button-primary:active, .uk-button-primary:focus{
    background-position: 0 0;
    background: #2E3A59;
    color: #FFFFFF;
}

.uk-button-secondary{
    background-position: 0 0;
    background: #FFFFFF;
    color: #2E3A59;
}
.uk-button-secondary:hover, .uk-button-secondary:active, .uk-button-secondary:focus{
    background-image: linear-gradient(360deg, #8B9FFD 28.38%, #6471EC 82.43%);
    background-repeat: repeat-y;
    background-size: 100% 90px;
    background-position: 0 -32px;
    color: #FFFFFF !important;
}

.uk-button-red{
    background-position: 0 0;
    background: #F13F3F;
    color: #FFF;
}
.uk-button-red:hover, .uk-button-red:active, .uk-button-red:focus{
    background: transparent;
    color: #292929 !important;
}

.uk-button-gold{
    background-image: linear-gradient(360deg, #FF8008 28.38%, #FFC837  82.43%);
    background-repeat: repeat-y;
    background-size: 100% 90px;
    background-position: 0 -32px;
    color: #FFFFFF !important;
}
.uk-button-gold:hover, .uk-button-gold:active, .uk-button-gold:focus{
    background-position: 0 0;
    color: #FFFFFF;
}


.uk-button-alt{
    background-position: 0 0;
    background: #8F9BB3;
    color: #ffffff;
}
.uk-button-alt:hover, .uk-button-alt:active, .uk-button-alt:focus{
    background-image: linear-gradient(360deg, #8B9FFD 28.38%, #6471EC 82.43%);
    background-repeat: repeat-y;
    background-size: 100% 90px;
    background-position: 0 -32px;
    color: #ffffff;
}

.uk-button-squared{
    width: 100%;
    height: 100%;
    min-height: 70px;
    border: none;
    border-radius: 10px !important;

    border-color: linear-gradient(360deg, #8B9FFD 28.38%, #6471EC 82.43%);
    
}

.uk-button-multiline{
    height: auto !important;
    line-height: 22px !important;
    font-size: 17px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.uk-link{
    font-family: "DM Sans Regular", serif;
    font-weight: 700;
}
.uk-link-primary{
    background: linear-gradient(180deg, #6976E7 0%, #85A0FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.uk-link-alt{
    background: linear-gradient(180deg, #FF8110 0%, #FFB26D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.uk-link-white{
    color: #FFFFFF;
}

.uk-checkbox{
    font-family: "Montserrat Regular", serif;
    font-weight: 400;
    color: #797C95;
    height: 24px;
    width: 24px;
    border-radius: 4px;
    background-image: url('/res/ico/ui/checkbox.svg');
    border: 1.7px solid #989898;
}
.uk-checkbox:focus{
    border: 1.7px solid #989898;
}
.uk-checkbox:checked{
    background-image: linear-gradient(180deg, #6976E7 0%, #85A0FF 100%);
}

.uk-checkbox-primary{
    font-weight: 800;
}
.uk-checkbox-primary:checked{
    border: 1px solid #989898;
    background-image: url('/res/ico/ui/checkbox-primary.svg');
}

.uk-label{
    font-family: "DM Sans Regular", serif;
    font-weight: 700;
    font-size: 14px;
    height: 32px;
    line-height: 32px !important;
    border-radius: 30px !important;
    padding-left: 12px;
    padding-right: 12px;
}
.uk-label-primary{
    background: linear-gradient(360deg, #8B9FFD 28.38%, #6471EC 82.43%);
    color: #FFFFFF;
}
.uk-label-secondary{
    background: #2E3A59;
    color: #FFFFFF;
}
.uk-label-alt{
    background: linear-gradient(180deg, #FF8110 0%, #FFB26D 100%);
    color: #FFFFFF;
}
.uk-label-match{
    background-color: #3BCF6D;
    color: #FFFFFF;
}

.uk-label-small{
    font-size: 12px !important;
    font-weight: normal !important;
    height: 28px !important;
    line-height: 28px !important;
}

.uk-select{
    font-family: "Montserrat Regular", serif;
    font-size: 16px;
    height: 56px !important;
    line-height: 56px;
    border-radius: 4px !important;
    color: #797C95;
    border: 2px solid #6976E7 !important;
}

.uk-input{
    font-family: "Montserrat Regular", serif;
    font-size: 16px;
    height: 56px;
    line-height: 56px;
    background: transparent;
    border-radius: 4px !important;
    color: #797C95;
    border: 2px solid #6976E7 !important;
}
.uk-input-small{
    height: 40px !important;
    line-height: 40px !important;
}
.uk-form-label{
    font-family: "Montserrat Bold", serif;
    font-size: 16px;
    color: #737373;
}
.uk-input-transparent{
    background: transparent !important;
    border: none !important;
}
.uk-textarea{
    font-family: "Montserrat Regular", serif;
    font-size: 16px;
    background: transparent;
    border-radius: 4px !important;
    color: #797C95;
    border: 2px solid #6976E7 !important;
}
.uk-form-danger, .uk-form-danger:focus{
    border: 3px solid #f0506eAA !important;
}
.uk-form-success, .uk-form-success:focus{ 
    border-color: #62eb3fAA !important;
}

.uk-alert-warning {
    background: #ffc1c0;
}
.uk-alert-secondary {
    background: linear-gradient(180deg, #FF9536 0%, #FFB26D 100%);
}
.uk-alert-secondary p{
    color: #FFF !important;
    font-family: "Montserrat Regular", serif;
    font-weight: 700;
}
.uk-alert-red {
    background: linear-gradient(180deg, #f26c6c 0%, #F13F3F 100%);
}
.uk-alert-red p{
    color: #FFF !important;
    font-family: "Montserrat Regular", serif;
    font-weight: 700;
}

.uk-tile-danger{ border-radius: 8px !important; background-color: #F13F3F; } .uk-tile-danger p { color: #FFFFFF !important; }
.uk-tile-success{ border-radius: 8px !important; background-color: #3BCF6D; } .uk-tile-success p { color: #FFFFFF !important; }

.uk-button svg > circle{
    stroke: #FFF !important;
    stroke-width: 2px !important;
}

.spinner{
    position: relative;
    min-height: 30px;
}

.uk-navbar-dropdown-nav{ font-size: 1em; }

/* SMARTPHONE FORM FACTOR */
@media only screen and (max-width: 440px) {
    .uk-label{
        font-family: "DM Sans Regular", serif;
        font-weight: 500;
        font-size: 12px;
        height: 26px;
        line-height: 26px !important;
    }
    .uk-card-body{
        padding: 14px !important;
    }
}