:root {
    --color-primary: #3B618F;
    --color-primary-opacity-19: rgba(59, 97, 143, 0.19);
    --color-primary-opacity-50: rgba(59, 97, 143, 0.5);
    --color-primary-opacity-70: rgba(59, 97, 143, 0.7);
    --color-gradient: #0078BB;
/*
    --font: 'Open Sans', sans-serif;

    --black: #1E171A;
    --black-opacity-40: rgba(30, 23, 26, 0.4);

    --color-primary: #A71056;
    --color-primary-opacity-19: rgba(167, 16, 86, 0.19);
    --color-primary-opacity-50: rgba(167, 16, 86, 0.5);
    --color-primary-opacity-70: rgba(167, 16, 86, 0.7);
    --color-gradient: #EC0579;

    --color-secondary: #025783;
    --color-secondary-opacity-70: rgba(2, 87, 131, 0.7);
    --color-secondary-dark: #142840;

    --color-alert: #db5442;
    --color-alert-darken-25: #852619;
    --color-alert-opacity-20: #DB5442;
    --color-alert-lighten-5: #DF6858;

    --color-success: #61b045;
    --color-success-darken-25: #2F5421;
    --color-success-opacity-25: rgba(97, 176, 69, 0.25);
    --color-success-opacity-70: rgba(97, 176, 69, 0.7);
    --color-success-lighten-50: #F9FCF8;

    --color-info: #025783;
    --color-info-darken-0: #025783;
    --color-info-opacity-10: rgba(2, 87, 131, 0.1);
    --color-info-opacity-30: rgba(2, 87, 131, 0.3);

    --color-warning: #ffc107;
    --color-warning-darken-10: #D19D00;
    --color-warning-darken-30: #6B5000;
    --color-warning-opacity-25: rgba(255, 193, 7, 0.25);
    --color-warning-opacity-40: rgba(255, 193, 7, 0.4);

    --gray-100: #F7F8F8;
    --gray-200: #F0F1F2;
    --gray-300: #E0E1E2;
    --gray-300-opacity-0: rgba(224, 225, 226, 0);
    --gray-400: #DCDDE0;
    --gray-500: #C4C4C4;
    --gray-600: #b4beca;
    --gray-600-opacity-10: rgba(186, 190, 202, 0.1);
    --gray-700: #8b939c;
    --gray-700-opacity-20: rgba(139, 147, 156, 0.2);
    --gray-800: #57585b;
    --gray-800-opacity-50: rgba(87, 88, 91, 0.5);
    --gray-900: #404040;

    --color-gray-inova: #646366;
    --color-gray-inova-light: #DADADA;

    --white-opacity-10: rgba(255, 255, 255, 0.1);
    --white-opacity-40: rgba(255, 255, 255, 0.4);
    --white-opacity-50: rgba(255, 255, 255, 0.5);

    --space: 20px;

    --sidebar-width: 254px;
    --sidebar-collapsed-width: 60px;

    --border-radius: 6px;
*/
}

/*
    Change the value of the variables to adjust the styling of the application.
*/

li.dropdown.Best_Practices {
    display: block;
}

.loginPage-heroLogo {
    height: 300px;
    text-align: center;
}

.showTimeInput {
    z-index: 100000;
}