:root {
    --rix-default-body-width: 640px;
    --rix-compact-body-width: 480px;
    --rix-sidenav-width: 0px;
    
    --rix-color-bg: #eef0fc;
    --rix-color-hover: rgba(141, 157, 235, 0.15);
    
    --rix-color-primary: #6366f1;
    --rix-color-primary-text: #4446ce;
    --rix-color-primary-bg: #B9C3FF;
    --rix-color-dark: #373753;
    --rix-color-light: #dee2e6;
    --rix-color-secondary: #707070;
    --rix-color-outline: #4446ce;
    
    --rix-color-success: #C8E3CC;
    --rix-color-warning: #F2C94C;
    --rix-color-error: #E8A4A4;

    --elevation-1:
        0px 2px 1px -1px rgba(0, 0, 0, 0.2), 
        0px 1px 1px 0px rgba(0, 0, 0, 0.14), 
        0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    --elevation-2:
        0px 3px 3px -2px rgba(0, 0, 0, 0.2), 
        0px 3px 4px 0px rgba(0, 0, 0, 0.14), 
        0px 1px 8px 0px rgba(0, 0, 0, 0.12);
    --elevation-3:
        0px 3px 5px -1px rgba(0, 0, 0, 0.2), 
        0px 6px 10px 0px rgba(0, 0, 0, 0.14), 
        0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --elevation-4:
        0px 5px 5px -3px rgba(0, 0, 0, 0.2), 
        0px 8px 10px 1px rgba(0, 0, 0, 0.14), 
        0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --elevation-5:
        0px 7px 8px -4px rgba(0, 0, 0, 0.2), 
        0px 12px 17px 2px rgba(0, 0, 0, 0.14), 
        0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

body {
    background-color: var(--rix-color-bg);
}

a {
    text-decoration: none;
    color: #4446ce;
}
a.r-link-hover:hover {
    text-decoration: underline;
}

.page-content {
    padding: 0.5rem 3rem;
}

input:not(.rix-checkbox).form-check-input[type="checkbox"]:not(:checked) {
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-4 -4 8 8"%3e%3ccircle r="3" fill="rgba%280, 0, 0, 0.25%29"/%3e%3c/svg%3e') !important;
}
input:not(.rix-checkbox).form-check-input[type="checkbox"]:checked {
    background-color: #5254ce !important;
}
input:not(.rix-checkbox).form-check-input[type="checkbox"]:focus {
    box-shadow: rgba(82, 84, 206, 0.25) 0px 0px 0px 4px !important;
}
.btn-primary {
    border: 1px solid #5254ce !important;
    background-color: #5254ce !important;
    color: #ffffff !important;
}
.btn-outline-primary {
    border: 1px solid #5254ce !important;
    color: #5254ce !important;
}
.btn-outline-primary.border-0 {
    border: none !important;
}
.btn-outline-primary:hover {
    background-color: #5254ce !important;
    color: #ffffff !important;
}
.bg-primary {
    background-color: #5254ce !important;
}
.text-primary {
    color: #5254ce !important;
}

.dropdown-item.active {
    border-radius: 0.25rem;
    background-color: #5254ce !important;
    color: #ffffff !important;
}

.nav-link {
    color: var(--rix-color-secondary);
}
.nav-link:not(.active):hover {
    color: #4446ce !important;
}


.wrapword {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap;          /* Chrome & Safari */ 
    white-space: -pre-wrap;                 /* Opera 4-6 */
    white-space: -o-pre-wrap;               /* Opera 7 */
    white-space: pre-wrap;                  /* CSS3 */
    word-wrap: break-word;                  /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}


input[type=time] {
    width: 100%;
    padding-left: 1rem;
    border-radius: 0.675rem;
    background-color: var(--rix-color-hover);
    color: black;
    font-size: 1.3rem;
    font-family: helvetica;
}