/*#region  Fonts*/
:root {
    --main-font: 'Source Sans Pro','Helvetica Neue', Helvetica, Arial, sans-serif;
    --heading-font: var(--main-font);
    --fs-100: 0.75rem; /* 75% of the base size */
    --fs-200: 0.875rem; /* 87.5% of the base size */
    --fs-300: 0.9375rem; /* 93.75% of the base size */
    --fs-400: 1rem; /* base size */
    --fs-500: 1.125rem; /* 112.5% of the base size */
    --fs-600: 1.25rem; /* 125% of the base size */
    --fs-700: 1.5rem; /* 150% of the base size */
}
/*#endregion */

/*#region Colors*/
:root {
    --primary: #112D13;
    --primary-light: #234223;
    --primary-lighter: #43914F;
    --secondary: #FFC06A;
    --success: #4AD991;
    --success-light: #44976B;
    --info: #66A1FF;
    --warning: #E9B03E;
    --danger: #FF6565;
    --danger-light: #FF7285;
    --danger-lighter: #FFE2E6;
    --light: #ffffff;
    --dark: #4D4F5C;
    --light-grey: #E9E9F0;
    --background-color: var(--light);
    --font-color: var(--dark);
    --accent-color: #3D8860;
    --lime-green: #BCD30E;
    /*rgb*/
    --primary-rgb: 17, 45, 19;
    --secondary-rgb: 255, 192, 106;
    --success-rgb: 74, 217, 145;
    --info-rgb: 102, 161, 255;
    --warning-rgb: 233, 176, 62;
    --danger-rgb: 255, 101, 101;
    --light-rgb: 255, 255, 255;
    --dark-rgb: 77, 79, 92;
    --box-shadow-shadow-color: rgba(100, 100, 111, 0.2);
}
/*#endregion */

/*#region Radzen*/
:root {
    /*Radzen Colors*/
    --rz-white: var(--light);
    --rz-black: var(--dark);
    --rz-base-50: #f7f7f7;
    --rz-base-100: #f5f5f5;
    --rz-base-200: #eeeeee;
    --rz-base-300: #e0e0e0;
    --rz-base-400: #bdbdbd;
    --rz-base-500: #9e9e9e;
    --rz-base-600: #757575;
    --rz-base-700: #616161;
    --rz-base-800: #424242;
    --rz-base-900: #212121;
    --rz-primary: var(--primary);
    --rz-primary-light: var(--primary-light);
    --rz-primary-lighter: var(--primary-lighter);
    --rz-primary-very-light: #81a6c6;
    --rz-primary-very-lighter: #b3c9dd;
    --rz-primary-dark: #023562;
    --rz-primary-darker: #011e38;
    --rz-secondary: var(--secondary);
    --rz-secondary-light: #f8f8f8;
    --rz-secondary-lighter: #f9f9f9;
    --rz-secondary-dark: #adadad;
    --rz-secondary-darker: #636363;
    --rz-info: var(--info);
    --rz-info-light: #80bed4;
    --rz-info-lighter: #b7dae6;
    --rz-info-dark: #347187;
    --rz-info-darker: #1e414d;
    --rz-success: var(--success);
    --rz-success-light: #69e9c5;
    --rz-success-lighter: #a9f3de;
    --rz-success-dark: #1c9d78;
    --rz-success-darker: #105a45;
    --rz-warning: var(--warning);
    --rz-warning-light: #e99c69;
    --rz-warning-lighter: #f3c7a9;
    --rz-warning-dark: #9d501c;
    --rz-warning-darker: #5a2e10;
    --rz-danger: var(--danger);
    --rz-danger-light: var(--danger-light);
    --rz-danger-lighter: var(--danger-lighter);
    --rz-danger-dark: #9d221c;
    --rz-danger-darker: #5a1410;
    --rz-on-primary: #ffffff;
    --rz-on-primary-light: #ffffff;
    --rz-on-primary-lighter: #4340D2;
    --rz-on-primary-dark: #ffffff;
    --rz-on-primary-darker: #ffffff;
    --rz-on-secondary: #ffffff;
    --rz-on-secondary-light: #ffffff;
    --rz-on-secondary-lighter: #e91e63;
    --rz-on-secondary-dark: #ffffff;
    --rz-on-secondary-darker: #ffffff;
    --rz-on-info: #ffffff;
    --rz-on-info-light: #ffffff;
    --rz-on-info-lighter: #2196f3;
    --rz-on-info-dark: #ffffff;
    --rz-on-info-darker: #ffffff;
    --rz-on-success: #ffffff;
    --rz-on-success-light: #ffffff;
    --rz-on-success-lighter: #4caf50;
    --rz-on-success-dark: #ffffff;
    --rz-on-success-darker: #ffffff;
    --rz-on-warning: #ffffff;
    --rz-on-warning-light: #ffffff;
    --rz-on-warning-lighter: #ff9800;
    --rz-on-warning-dark: #ffffff;
    --rz-on-warning-darker: #ffffff;
    --rz-on-danger: #ffffff;
    --rz-on-danger-light: #ffffff;
    --rz-on-danger-lighter: #f44336;
    --rz-on-danger-dark: #ffffff;
    --rz-on-danger-darker: #ffffff;
    --rz-series-1: var(--success-light);
    --rz-series-2: var(--primary);
    --rz-series-3: var(--lime-green);
    --rz-series-4: #ff8a65;
    --rz-series-5: #ffee58;
    --rz-series-6: #9ccc65;
    --rz-series-7: #26a69a;
    --rz-series-8: #4fc3f7;
    --rz-series-9: #7f5cce;
    --rz-series-10: #ce93d8;
    --rz-series-11: #f48fb1;
    --rz-series-12: #ffab91;
    --rz-series-13: #fff176;
    --rz-series-14: #aed581;
    --rz-series-15: #4db6ac;
    --rz-series-16: #81d4fa;
    --rz-series-17: #a58cdd;
    --rz-series-18: #e1bee7;
    --rz-series-19: #f8bbd0;
    --rz-series-20: #ffccbc;
    --rz-series-21: #fff59d;
    --rz-series-22: #c5e1a5;
    --rz-series-23: #80cbc4;
    --rz-series-24: #b3e5fc;
    /*Radzen box shadows*/
    --rz-shadow-0: none;
    --rz-shadow-1: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.14);
    --rz-shadow-2: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.14);
    --rz-shadow-3: 0px 3px 4px rgba(0, 0, 0, 0.14), 0px 3px 3px rgba(0, 0, 0, 0.12), 0px 1px 8px rgba(0, 0, 0, 0.14);
    --rz-shadow-4: var(--light-box-shadow);
    --rz-shadow-5: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.14);
    --rz-shadow-6: 0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.14);
    --rz-shadow-7: 0px 9px 12px rgba(0, 0, 0, 0.14), 0px 3px 16px rgba(0, 0, 0, 0.12), 0px 5px 6px rgba(0, 0, 0, 0.14);
    --rz-shadow-8: 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.14);
    --rz-shadow-9: 0px 16px 24px rgba(0, 0, 0, 0.14), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.14);
    --rz-shadow-10: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.14);
    /*Radzen other*/
    --rz-base-background-color: var(--background-color);
    --rz-layout-body-background-color: var(--background-color);
    --rz-text-title-color: var(--font-color);
    --rz-header-background-color: #FFFFFF;
    --rz-sidebar-background-color: var(--primary-light);
    --rz-dropdown-item-selected-color: #FFFFFF;
    --rz-dropdown-item-selected-hover-color: #FFFFFF;
    --rz-switch-checked-circle-background-color: var(--primary);
}
/*#endregion */

/*#region Bootstrap*/
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: var(--primary);
    --bs-secondary: var(--secondary);
    --bs-success: var(--success);
    --bs-info: var(--info);
    --bs-warning: var(--warning);
    --bs-danger: var(--danger);
    --bs-light: var(--light);
    --bs-dark: var(--dark);
    --bs-primary-rgb: var(--primary-rgb);
    --bs-secondary-rgb: var(--secondary-rgb);
    --bs-success-rgb: var(--success-rgb);
    --bs-info-rgb: var(--info-rgb);
    --bs-warning-rgb: var(--warning-rgb);
    --bs-danger-rgb: var(--danger-rgb);
    --bs-light-rgb: var(--light-rgb);
    --bs-dark-rgb: var(--dark-rgb);
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-rgb: 33,37,41;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: var(--fs-400);
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: var(--font-color);
    --bs-body-bg: var(--background-color);
}

/*#endregion */

/*#region  Box shadows */
:root {
    --light-box-shadow: 0px 2px 6px #0000000A;
}
/*#endregion */

/*#region  Gradients  */
:root {
}
/*#endregion */


/*#region Question*/

.top-row-question-type {
    background-color: var(--success);
    padding: 10px 20px; /* Adjust padding as needed */
    display: flex;
    max-width: 400px;
    justify-content: center;
    align-items: center;
    border-radius: 6px; /* Ensuring the border-radius is applied */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); /* Example shadow */
}

/*#endregion */

/*#region DataGrids*/

.rz-datatable {
    position: relative;
    box-shadow: var(--rz-shadow-3);
    border: var(--rz-border-base-300);
    border-radius: 12px;
    background-color: var(--rz-white);
    overflow: hidden;
}

/*#endregion */

/*#region Panels*/

.rz-panel-titlebar {
    flex-direction: row-reverse;
    justify-content:left;
}

.rz-panel {
    box-shadow: var(--rz-shadow-2);
    background-color: #fafafa;
}

.rz-card.rz-variant-filled{
    /*background-color: #fafafa;*/
}

/*#endregion */