/* Minification failed. Returning unminified contents.
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,22): run-time error CSS1039: Token not allowed after unary operator: '-main-bg'
(58,50): run-time error CSS1039: Token not allowed after unary operator: '-gradient-border'
(58,85): run-time error CSS1039: Token not allowed after unary operator: '-main-bg'
(66,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
.MainDivDashboardDate {
    display: none;
    padding: 10px 0px;
}

.DashboardDate {
    max-width: 120px;
    margin: 0px 10px;
}
.RunDashboard {
    display: block;
    height: 30px;
    color: #fff;
    padding: 0px 15px;
}
.Dashboard_HeaderLayout .TimeDateCounter {
    font-size: 140%;
}
.Dashboard_HeaderLayout .k-icon {
    font-size: 140%;
}
.Dashboard_HeaderLayout {
    width: 100%;
    height: 13%;
    padding: 0.5%;
    display: none;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    border-radius: 11px;
}
.Dashboard_Logo_HeaderLayout {
    height: 90%;
    width: 10%;
    position: relative;
}
.Dashboard_Title_HeaderLayout {
    display: inline;
    font-size: 250%;
    font-weight: 900;
    margin-right: 10px;
}
.Dashboard_CompanyName_HeaderLayout {
    display: inline;
    font-size: 140%;
    font-weight: 700;
    margin-right: 10px;
}


.ElementBox {
    --main-bg: conic-gradient(from var(--border-angle), #f8f8f8, #fcfcfc 5%, #49494c 60%, #ffffff 95%);
    /*--main-bg: conic-gradient( from var(--border-angle), #213, #112 5%, #112 60%, #213 95% );*/
    border: solid 5px transparent;
    border-radius: 2em;
    /*--gradient-border: conic-gradient( from var(--border-angle), transparent 25%, #08f, #f03 99%, transparent );*/
    --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #6f08f3, #00e7ff 99%, transparent);
    background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
    background-position: center center;
    -webkit-animation: bg-spin 3s linear infinite;
    animation: bg-spin 3s linear infinite;
}

@-webkit-keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}

@keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}

.ElementBox:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn;
}
