@import url('https://fonts.googleapis.com/css2?family=Hubot+Sans:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hubot+Sans:ital,wdth,wght@0,75,200..900;1,75,200..900&display=swap');
@font-face{font-family:__dmMonoFont_711022;src:url(https://www.databricks.com/dataaisummit/_next/static/media/42c1931b51c88b57-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}
@font-face{font-family:__dmMonoFont_711022;src:url(https://www.databricks.com/dataaisummit/_next/static/media/7004adf1831664b8-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}

@font-face {
  font-family: "DM Mono";
  src: url("https://static.rainfocus.com/db/dais2023/static/staticfile/staticfile/DMMono-Light_1667389217990001OKl9.woff2") format("woff2"), url("https://static.rainfocus.com/db/dais2023/static/staticfile/staticfile/DMMono-Light_1667389217830001OaZS.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Mono-regular";
  src: url("https://static.rainfocus.com/db/dais2023/static/staticfile/staticfile/DMMono-Regular_1667389219382001OCxf.woff2") format("woff2"), url("https://static.rainfocus.com/db/dais2023/static/staticfile/staticfile/DMMono-Regular_1667389219192001O2RE.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Mono-italic";
  src: url("https://static.rainfocus.com/db/dais2023/static/staticfile/staticfile/DMMono-Italic_1667389217674001O2Ft.woff2") format("woff2"), url("https://static.rainfocus.com/db/dais2023/static/staticfile/staticfile/DMMono-Italic_1667389217101001OcU8.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DM Mono-medium";
  src: url("https://static.rainfocus.com/db/dais2023/static/staticfile/staticfile/DMMono-Medium_1667389218659001OVLt.woff2") format("woff2"), url("https://static.rainfocus.com/db/dais2023/static/staticfile/staticfile/DMMono-Medium_1667389218460001OI07.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  letter-spacing: .5px;
}

@font-face {
  font-family: "DM Mono-mediumitalic";
  src: url("https://static.rainfocus.com/db/dais2023/static/staticfile/staticfile/DMMono-MediumItalic_1667389218993001OIHh.woff2") format("woff2"), url("https://static.rainfocus.com/db/dais2023/static/staticfile/staticfile/DMMono-MediumItalic_1667389218841001O4q5.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DM Mono-lightitalic";
  src: url("https://static.rainfocus.com/db/dais2023/static/staticfile/staticfile/DMMono-LightItalic_1667389218313001OMvB.woff2") format("woff2"), url("https://static.rainfocus.com/db/dais2023/static/staticfile/staticfile/DMMono-LightItalic_1667389218142001Ofnz.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("https://static.rainfocus.com/db/dais2023/static/staticfile/staticfile/DMSans-Regular_1668671638070001CeWK.woff2") format("woff2"), url("https://static.rainfocus.com/db/dais2023/static/staticfile/staticfile/DMSans-Regular_1668671637479001Cd10.woff") format("woff");
}

@font-face {
  font-family: 'Basier Circle';
  src:  url('https://static.rainfocus.com/db/dais2024/static/staticfile/staticfile/BasierCircle-Regular_1707159024034001rZOS.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Basier Circle';
  src:  url('https://static.rainfocus.com/db/dais2024/static/staticfile/staticfile/BasierCircle-Bold_1707159021485001rfhB.otf') format('opentype');
  font-weight: bold;
   font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Basier Circle';
  src:  url('https://static.rainfocus.com/db/dais2024/static/staticfile/staticfile/BasierCircle-RegularItalic_1707159024232001r42B.otf') format('opentype');
  font-weight: normal;
   font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Basier Mono';
  src:  url('https://static.rainfocus.com/db/dais2024/static/staticfile/staticfile/BasierCircleMono-Regular_1707159043118001Mo6l.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Basier Mono';
  src:  url('https://static.rainfocus.com/db/dais2024/static/staticfile/staticfile/BasierCircleMono-Bold_1707159042239001MEO0.otf') format('opentype');
  font-weight: bold;
   font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Basier Mono';
  src:  url('https://static.rainfocus.com/db/dais2024/static/staticfile/staticfile/BasierCircleMono-SemiBold_1707159043443001M8TZ.otf') format('opentype');
  font-weight: 600;
   font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Basier Mono';
  src:  url('https://static.rainfocus.com/db/dais2024/static/staticfile/staticfile/BasierCircleMono-RegularItalic_1707159043306001MAJw.otf') format('opentype');
  font-weight: normal;
   font-style: italic;
  font-display: swap;
}

.rf-default-modal .modal-content .modal-header, .modal .modal-content .modal-header {
    background-color: #BD2B26;
    color: #fff;
}

.rf-speaker-modal .modal-header h2.modal-title, .rf-default-modal .modal-header h2.modal-title {
    font-size: 32px;
    line-height: 32px;
    color: #FF3621;
    font-stretch: 75%;
    text-transform: uppercase;
    font-weight: var(--rf-system-font-weight-800);
    font-family: 'Hubot Sans', Arial, sans-serif !important;
}


.modal-title {
  color: #fff !important;
}

.rf-feedback-alert-content h3 {
  margin: 5px 0 0 0 !important;
}

.rf-speaker-modal .modal-content,
.rf-default-modal .modal-content {
	border-radius: 0;           
}

.rf-speaker-modal .modal-dialog,
.rf-default-modal .modal-dialog {
	border-radius: 0;           
}

.rf-speaker-modal .modal-header,
.rf-default-modal .modal-header {
	border-bottom: none;
}

.rfwf-full-panel.survey-form-page {
    background: #f9f7f4;
}

option {
	color: black;
	font-family: var(--rf-brand-font-family) !important;
}

a.mdBtnR, .mdBtnR {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 20px;
}

.mdBtnR-primary:hover, .mdBtnR-primary:focus, .mdBtnR-primary.active, a.mdBtnR-primary:hover, a.mdBtnR-primary:focus, a.mdBtnR-primary.active, button.mdBtnR-primary:hover, button.mdBtnR-primary:focus, button.mdBtnR-primary.active, .mdBtnR-outline-primary:hover, button.mdBtnR-outline-primary:hover {
    color: #EB1600;
    background-color: #fff;
    background-image: none;
    border-color: #EB1600;
}

.mdBtnR-primary, a.mdBtnR-primary, button.mdBtnR-primary {
	color: #fff;
	background-color: #EB1600;
	border-color: #EB1600;
}

.mdBtnR-outline-primary, a.mdBtnR-outline-primary, button.mdBtnR-outline-primary {
	color: #EB1600;
	background-color: #fff;
	border-color: #EB1600;
}

.mdBtnR-primary:hover svg, .mdBtnR-primary:focus svg, .mdBtnR-primary.active svg, a.mdBtnR-primary:hover svg, a.mdBtnR-primary:focus svg, a.mdBtnR-primary.active svg, .mdBtnR-primary:hover svg:hover, .mdBtnR-primary:hover svg:focus, .mdBtnR-primary:hover svg.active, .mdBtnR-primary:focus svg:hover, .mdBtnR-primary:focus svg:focus, .mdBtnR-primary:focus svg.active, .mdBtnR-primary.active svg:hover, .mdBtnR-primary.active svg:focus, .mdBtnR-primary.active svg.active, a.mdBtnR-primary:hover svg:hover, a.mdBtnR-primary:hover svg:focus, a.mdBtnR-primary:hover svg.active, a.mdBtnR-primary:focus svg:hover, a.mdBtnR-primary:focus svg:focus, a.mdBtnR-primary:focus svg.active, a.mdBtnR-primary.active svg:hover, a.mdBtnR-primary.active svg:focus, a.mdBtnR-primary.active svg.active {
	fill: #EB1600;
}
.modal-title {
  color: #fff !important;
}

.rf-feedback-alert-content h3 {
  margin: 5px 0 0 0 !important;
}

.mdBtnR-primary .mdBtnR-text, a.mdBtnR-primary .mdBtnR-text {
    color: var(--rf-comp-button-primary-color-on-background);
    text-transform: uppercase;
}

.mdBtnR-primary:hover .mdBtnR-text, .mdBtnR-primary:focus .mdBtnR-text, .mdBtnR-primary.active .mdBtnR-text, a.mdBtnR-primary:hover .mdBtnR-text, a.mdBtnR-primary:focus .mdBtnR-text, a.mdBtnR-primary.active .mdBtnR-text {
    color: #EB1600;
}

.rf-radio-option .check {
  /* This is the Circle radio outline properties and placement. This is the default unchecked state. */
  border-color: #10121E;
}
.rf-radio-option:hover {
  /* Hover state of the radio */
}
.rf-radio-option:hover .check {
  /*

  */
}
.rf-radio-option:hover .check::before {
  /* This is the hover state placement and color of the little radio circle inside the border. */
  background: #707178;
}

/* Radio buttons inside dropdown lists. */
.rf-single-select .rf-select-results li:hover .check::before {
  background: #707178;
}

/* END Radio */
/*=============================================*/
/*
/*  # Checkbox
/*
/*=============================================*/
.rf-checkbox.rf-block-checkbox {
  /* If checkbox is used as a block element inline with inputs or something */
}
.rf-checkbox .rfSI {
  /* Checkbox icon properties */
}
.rf-checkbox .rfSI svg {
  /* Icon color unless hovered, then it's the following styles */
  fill: white;
}
.rf-checkbox .rfSI svg:hover, .rf-checkbox .rfSI svg:active, .rf-checkbox .rfSI svg:focus {
  fill: #8f8f8f;
}
.rf-checkbox .rf-checkbox-label {
  /* Properties of the text of a checkbox. */
}
.rf-checkbox .checkbox-bg {
  /* Background of the checkbox before any states have happened */
  border-color: #444 !important;
  background: white;
}
.rf-checkbox input[type=checkbox] {
  /* Checkbox styles checked. */
}
.rf-checkbox input[type=checkbox]:checked + .checkbox-bg {
  /* Checkbox background if checked. */
  background: var(--rf-comp-checkbox-color);
}
.rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI {
  /* Checkbox icon color if checked and hovered (if different than checked. */
}
.rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg {
  fill: #fff;
}
.rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg:hover, .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg:active, .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg:focus {
  fill: white !important;
}

.md-table .rf-checkbox.rf-block-checkbox {
  /* If checkbox is used as a block element inline with inputs or something */
}
.md-table .rf-checkbox .rfSI {
  /* Checkbox icon properties */
}
.md-table .rf-checkbox .rfSI svg {
  /* Icon color unless hovered, then it's the following styles */
  fill: white;
}
.md-table .rf-checkbox .rfSI svg:hover, .md-table .rf-checkbox .rfSI svg:active, .md-table .rf-checkbox .rfSI svg:focus {
  fill: #8f8f8f;
}
.md-table .rf-checkbox .rf-checkbox-label {
  /* Properties of the text of a checkbox. */
}
.md-table .rf-checkbox .checkbox-bg {
  /* Background of the checkbox before any states have happened */
  border-color: #444 !important;
  background: white;
}
.md-table .rf-checkbox input[type=checkbox] {
  /* Checkbox styles checked. */
}
.md-table .rf-checkbox input[type=checkbox]:checked + .checkbox-bg {
  /* Checkbox background if checked. */
  background: #444;
}
.md-table .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI {
  /* Checkbox icon color if checked and hovered (if different than checked. */
}
.md-table .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg {
  fill: white;
}
.md-table .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg:hover, .md-table .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg:active, .md-table .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg:focus {
  fill: white !important;
}

.rf-button-inline-toggle button:hover, .rf-button-inline-toggle button.active {
    background: #1b3139;
    border-color: #1b3139;
    color: #fff;
}

:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-calendar-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker)>label .label-text, :is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-calendar-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker) .rf-label .label-text {
    color: var(--rf-brand-color-text-body);
    font-size: var(--rf-brand-font-size);
    height: auto;
    font-weight: var(--rf-system-font-weight-600);
    font-family: 'DM Sans';
}

.rfSI svg:hover, .rfSI svg:active, .rfSI svg:focus {
    fill: #BD2B26;
}

.rfSI svg {
    display: block;
    fill: #BD2B26;
    height: 100%;
    opacity: 1;
    width: 100%;
}

.modal-header .rfSI svg {
    display: block;
    fill: #fff;
    height: 100%;
    opacity: 1;
    width: 100%;
}

.scale-matrix-mobile .panel-heading a {
    padding: 12px 40px 12px 20px;
    display: block;
    line-height: 24px;
    font-size: 16px;
    text-decoration: none;
    color: #1b3139;
    cursor: pointer;
    position: relative;
}

.scale-matrix-mobile .panel-heading {
    padding: 0;
    background-color: transparent;
}

.rf-accordion .panel-heading, .panel-group .panel-heading {
    padding: 0;
  border: none;
    border-bottom: 1px solid #1b3139;
  margin-bottom: 10px;
}

.rf-admin-content *, .rfComp-canvas *, .rf-default-modal *, [id*=rf-].rf-widget * {
    font-family: 'DM Sans';
}

.rf-body {
    background-color: rgb(249, 247, 244);
    font-family: 'DM Sans';
    position: relative;
    outline: 0 !important;
    outline: none !important;
}

h1 {
    color: #FF3621 !important;
    text-transform: uppercase !important;
    margin-top: 0;
    padding-bottom: 0;
    font-family: 'DM Sans', Arial, sans-serif !important;
    font-size: 56px;
    font-weight: 600;
}

.rf-radio-option input[type=radio]:checked~.check {
    border: 1px solid #FF3621;
}

.rf-radio-option input[type=radio]:checked~.check::before {
    background: #FF3621;
}

input[type=checkbox]:checked, .checkbox input[type=checkbox]:checked {
    accent-color: #FF3621;
}
