:root {
    --primary: #7B68EE;
    --primary-hover: #6A5ACD;
    --primary-dark: #483D8B;
    --rgba-primary-1: rgba(123, 104, 238, 0.1);
    --rgba-primary-2: rgba(123, 104, 238, 0.2);
    --rgba-primary-3: rgba(123, 104, 238, 0.3);
    --rgba-primary-4: rgba(123, 104, 238, 0.4);
    --rgba-primary-5: rgba(123, 104, 238, 0.5);
    --rgba-primary-6: rgba(123, 104, 238, 0.6);
    --rgba-primary-7: rgba(123, 104, 238, 0.7);
    --rgba-primary-8: rgba(123, 104, 238, 0.8);
    --rgba-primary-9: rgba(123, 104, 238, 0.9);
}

/* LOGIN */
#login_wrapper {
    background: url('../images/background/login_bg.jpg') no-repeat center center;
    height: 100vh;
    background-size: cover;
}

.login_logo #dtwf_svg_logo {
    height: 100px;
}

.logo-header {
    margin-bottom: 1em;
}

/* DASHBOARD */
body {
    background-color: var(--rgba-primary-1);
}

.nav-header .brand-logo  #dtwf_svg_logo {
    height: 40px;
}


.deznav .metismenu > li.mm-active > a {
    background-color: var(--rgba-primary-1);
}

.dtwf-card-bg {
    background: url('../images/background/card_bg.png') #ffffff no-repeat bottom right;
}


.linkable {
    cursor: pointer;
}

.scena-card {
    transition: none;
}

.scena-card img {
    cursor: pointer;
}

.scena-card .scena-card-badge  {
    position: absolute;
    top: -13px;
    right: -13px;
}

.scena-card-selected {
    border: 3px solid #FF6B9D;
}

.tooth-fill {
    fill: var(--primary) !important;
}