/*@font-face {
    font-family: 'DS-Digital Normal';
    font-style: normal;
    font-weight: normal;
    src: url('./fonts/DS-DIGI.woff') format('woff');
}*/


@font-face {
    font-family: 'DSDIGI';
    src: url('./fonts/DSDIGI.woff') format('woff')
}

/*.digital {
    font-family: 'DS-Digital Normal';
}*/
/* VARS */
:root {
    --color-vm-primary: #08c;
    --color-vm-primary-hover: #0099E6;
    --color-vm-alert: #D2322D;
    --color-vm-warn: #ED9C28;
    --color-vm-success: #47A447;
    --color-vm-cyan: #2BAAB1;
    --color-vm-secondary: #646464;
    --color-vm-gray-light: #E2E8F0;
}

.digital {
    font-family: 'DSDIGI';
}
/* buttons */
.vm-btn-icon i {
    margin-right: 10px;
}

.vm-btn-spin {
    padding-left: 5px;
    padding-right: 5px;
    width: 20px;
}

.vm-btn-primary {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: var(--color-vm-primary);
    border-color: var(--color-vm-primary);
    margin-bottom: 0 !important;
}

.vm-btn-primary i{
    color: #fff !important; 
}

vm-btn-primary:disabled {
    background-color:#777777
}

.vm-btn-primary:hover {
    background-color: var(--color-vm-primary-hover);
    border-color: var(--color-vm-primary-hover);
    
}

/*vm-btn-success*/
.vm-btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: var(--color-vm-success);
    border-color: var(--color-vm-success);
}

.vm-btn-success:hover {
    border-color: #51b451 !important;
    background-color: #51b451;
}

.vm-btn-success:disabled {
    border-color: #86cb86 !important;
    background-color: #86cb86;
}

/* vm-btn-secondary */
.vm-btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

    .vm-btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
    }

    .vm-btn-secondary:disabled {
        border-color: #a0a9b2 !important;
        background-color: #a0a9b2;
    }

/*.vm-btn-alert*/

.vm-btn-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: var(--color-vm-alert);
    border-color: var(--color-vm-alert);
    margin-bottom: 0 !important;
}

vm-btn-danger:hover {
    border-color: #d64742 !important;
    background-color: #d64742;
}

.vm-btn-secondary:disabled {
        color: #fff;
        background-color: var(--color-vm-gray-light);
        border-color: var(--color-vm-gray-light);
}

/*btn-default*/

.vm-btn-default {
    color: #333333 !important;
    background-color: #ffffff !important;
    border-color: #cccccc !important;
    margin-bottom: 0 !important;
}

    .vm-btn-default:hover, vm-btn-default:focus, .vm-btn-default:active {
        color: #333333;
        background-color: #e6e6e6 !important;
        border-color: #adadad !important;
    }

.vm-btn-default:hover,
.vm-btn-default:focus,
.vm-btn-default:active,
.vm-btn-default.active,
.open > .dropdown-toggle.vm-btn-default {
    color: #333333;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}

/* tabs */
.vm-nav-link {
    font-weight: 600 !important;
    color: #777777 !important;
}

.vm-nav-link.active {
    color: #417C99 !important;
}

.vm-nav-link:hover {
    color: #417C99 !important;
}

.border-bottom-text {
    border-bottom: 1px solid #6F787D;
}

.toggle-primary {
    --toggle-bg-on: #0088CC;
    --toggle-border-on: #0088CC;
}

.toggle-green {
    --toggle-bg-on: #008a5c;
    --toggle-border-on: #008a5c;
}