/*===============================================
  # Key

  # Base
  # Scaffolding
  # Hotel Listings
  # Meetings

  //# Common Styles (Workflow & Widgets)
  //   # Grid
  //
  // # Elements
  //   # Iconography
  //   # Buttons
  //   # Badge/Pills

  # Misc

===============================================*/
/*=============================================*/
/*
/*  # Workflow Scaffolding
/*
/*=============================================*/
body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  margin: 0;
}

/*======================*/
/*  # Pages
/*======================*/
/*=============================================*/
/*
/*  # Hotel Listings
/*
/*=============================================*/
/*=============================================*/
/*
/*  # Meetings
/*
/*=============================================*/
.calendar-container .meeting-days {
  min-width: 1700px;
  clear: both;
}
.calendar-container .meeting-days:before, .calendar-container .meeting-days:after {
  content: "";
  display: table;
  clear: both;
}
.calendar-container .meeting-day {
  width: 20%;
  max-width: 250px;
  margin-right: 28px;
}
.calendar-container .meeting-day .meeting-header,
.calendar-container .meeting-day .meeting-time {
  margin-bottom: 8px;
}
.calendar-container .meeting-day .meeting-header {
  background-color: #F5F5F5;
  border-color: #F5F5F5;
  color: #272932;
  padding: 16px;
}
.calendar-container .meeting-day .meeting-time {
  border-color: #ff7d00;
  padding: 5px 12px;
  height: auto;
  line-height: 26px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.calendar-container .meeting-day .meeting-time.disabled {
  border-color: #CCC;
}
.calendar-container .meeting-day .meeting-time.disabled .meeting-time-value {
  color: #CCC;
}
.calendar-container .meeting-day .meeting-time.active {
  border-color: #ff7d00;
  background-color: #ff7d00;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.calendar-container .meeting-day .meeting-time.active .meeting-time-value {
  color: white;
}
.calendar-container .meeting-day .meeting-time.active .meeting-time-value .check-icon {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}
.calendar-container .meeting-day .meeting-time .meeting-time-value {
  color: #ff7d00;
}
.calendar-container .meeting-day .meeting-time .meeting-time-value .alert-icon svg {
  fill: #f9f4d4;
}

/*=============================================*/
/*
/*  # Workflow Misc
/*  Miscellaneous, obviously.
/*
/*=============================================*/
.recommended-exhibitors-card {
  position: relative;
}

h1 {
    text-align: center;
    color: #ff7d00 !Important;
}

.rfwf-full-panel.form-id-1573048035484001AIGZ .form-footer-actions {
    display: none;
}

h3 {
    font-weight: 500 !important;
}

.rfwf-full-panel.form-id-1573048035484001AIGZ .form-footer-actions {
    display: none;
}

/*Reg Header Styles*/

.container {
    width: 96%;
}

.info20-branding, .rf-body body, body.rf-body {

}
.info20-branding .content {
  margin: auto;
}
.content {
  max-width: 100%;
}
.info20-branding .content .header {
  padding: 10px 0;
  color: #909090;
}

.mdBtnR, a.mdBtnR {
padding: 6px 16px 6px 16px;
}

.mdBtnR .mdBtnR-text:hover, button.mdBtnR.mdBtnR-outline-primary.session-schedule.session-action:hover {
color: #fff !important;
}

/* Top part of header */
h4 {
  line-height: normal;
}
h1, h2, h3, h4 {
  margin: 0;
  font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
  font-weight: 300;
  color: inherit;
}
.h4, h4 {
  font-size: 18px;
}
.info20-branding .content .header .logo img {
  float: right;
}



/* Bottom part of header */

.info20-branding .content .header-bottom ul {
  margin-bottom: 0;
  float: right;
  list-style: none;
}
.info20-branding .content ul {
  list-style-type: none;
}
ol, ul {
  margin-top: 0;
  margin-bottom: 9px;
}
.info20-branding .content .header-bottom ul li {
  float: left;
  padding-left: 20px;
  color: #486F98;
  font-size: 18px;
  text-transform: uppercase;
}
.info20-branding .content .header-bottom b {
  font-size: 18px;
}

/*END Reg Header Styles*/

/*Confirmation Page*/

#reg-confirmation-page table th {
    background-color: #ff7d00!important;
}

.rfwf-full-panel.rfwf-confirmation-header {
    display: none;
}

.social-icons {
  text-align: center;
  }  
.social-icons li {
  display:inline-block;
  list-style-type:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  }
.social-icons li a {
  border-bottom: none;
  }
.social-icons li img {
  width:70px;
  height:70px;
  margin-right: 20px;
}

/*End Confirmation Page*/

.rf-org-footer-container a, a:link, a:visited {
    color: #00a9bb;
font-size: inherit;
}

/* RA-31100 */
@media all and (max-width: 768px) {
    .rf-org-header-container .banner-img {
        display: none;
    }
}
/* End RA-31100 */

.rf-card.all-sessions-card a h6, .rf-card.speaker-session-card h5 {
  color: #001aff !Important;
 font-size: 16px !Important;
}

#sessioncatalog {
    max-width: 1300px !Important;
}

.rf-card .card-body p {
    font-size: 14px !Important;
}

.info20-branding .content .header-bottom {
	padding: 10px 10px 10px 10px;
	color: #fff;
	background-color: #eaeaea;
	background-size: cover;
	background-position: center right;
	max-width: 1200px;
	margin: 0 auto;
}

.rf-org-header-container {
background-color: #fff;
}

.info20-branding .content .header-bottom img {
  max-width: 180px;
padding: 10px 0;
  object-fit: contain;
}

body:not(.login-body) .info20-branding .content .header-bottom img {

}


.header-bottom .row {
      display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.header-bottom .row:before, .header-bottom .row:after {
  content: "";
  display: none !important;
}

.header-bottom .container {
max-width: 100%;
margin: 0 auto;
}

.rfwf-full-panel .rfwf-panel-interior  {
max-width: 1200px;

}

@media only screen and (max-width: 700px) {


body:not(.login-body) .info20-branding .content .header-bottom img {
margin-top: 20px;
}

}

.rf-text-container div span {
color: #fff !important;
}

[id*="rf-"].rf-widget #widget-page-session-details .session-details-back-to-catalog {
  display: block;
  margin: 0 auto;
  max-width: 1200px;
}

.back-to-catalog-container a {
  display: inline-block;
  background-color: #ff7d00;
  color: #fff;
  padding: 5px 10px;
}


.back-to-catalog-container a .rfSI {
  display: none;
}

.mdBtnR-primary-open,
.mdBtnR-outline-primary, .mdBtnR-primary, a.mdBtnR-primary {
  color: #ff4d00 !important;
  background-color: white;
  border-color: #ff4d00;
  border-radius: 0;
}

.mdBtnR.mdBtnR-outline-primary.exhibitor-tile-view-booth.liveBtn {
    color: #fff !important;
  background-color: #ff4d00;
  border-color: #ff4d00;
}

.mdBtnR.mdBtnR-outline-primary.exhibitor-tile-view-booth.liveBtn span {
    color: #fff !important;
}

.rf-survey-page .mdBtnR-primary:hover, .rf-survey-page .mdBtnR-primary:focus, .rf-survey-page .mdBtnR-primary.active, 
.rf-survey-page a.mdBtnR-primary:hover, .rf-survey-page a.mdBtnR-primary:focus, 
.rf-survey-page a.mdBtnR-primary.active {
  color: #fff !important;
  background-color: #ff4d00;
  border-color: #ff4d00;
  border-radius: 0;
}

.rf-survey-page .mdBtnR-primary .mdBtnR-text, .rf-survey-page  a.mdBtnR-primary .mdBtnR-text {
  color: #ff4d00 !important;
}

.rf-survey-page .mdBtnR-primary:hover .mdBtnR-text, .rf-survey-page .mdBtnR-primary .mdBtnR-text:hover, .rf-survey-page  a.mdBtnR-primary .mdBtnR-text:hover {
  color: #fff!important;
}

#rf-collection-cac1a916-c016-4437-a8fc-14e03e24ae2c > div > div > div > a {
  display: none;
 }

.survey-schedule {
  display: none;
}

 .survey-participants {
  display: none;
}


@media only screen and (max-width: 1100px) {

.info20-branding .content .header-bottom {
	background--image: none;
background-color: #eaeaea;
}
}

#myDynamicForm label:not(.rf-label) span {
font-size: 14px;
}

.info20-branding .content .header-bottom ul.no-show {
margin-top: 20px;
}

.info20-branding .content .header-bottom ul.no-show li {
	color: #393939 !important;
	font-weight: bold;
}

#clock {
display: flex;
}

#clock div {
padding: 10px;
text-align: center;
color: #373737;
background-color: #c1c1c1;
width: 25%;
border: solid 2px #fff;
}

#clock div p {
padding: 0;
margin: 0;
color: #373737;
font-size: 12px;
font-weight: 300;
text-transform: uppercase;
}

#clock div span {
color: #00a9bb;
font-weight: bold;
font-size: 24px;
display: inline-block;
margin-bottom: 10px;
}

.countholder h2 {
text-align: center;
}

.rf-card .card-header, .rf-card  .card-body, .rf-card .card-footer {
border: none;
}

.hotel-confirmation-image {
display: none;
}

/*Nav Bar Updates*/

a.home-btn {
    margin-left: 40px;
}


/*End Nav Bar Updates*/

h2 {
font-weight: 300 !important;
}

.action-container .carousel-actions button {
	width: 30px;
	height: 30px;
	padding: 0 !important;
	background: transparent !important;
}


.action-container .carousel-actions button .rfSI-stroke svg {
	width: 60%;
	height: 100%;
}

.girlswhocode {
	background-color: #595959;
	border-top: double 10px #f3f3f3;
margin-bottom: 30px;
}
.girlswhocode .keep-bullets {
	display: flex;
	align-content: center;
	align-items: center;
	padding: 20px 0 40px 0;
}

.girlswhocode * {
	color: #fff !important;
}

.girlswhocode .keep-bullets div:first-child {
	padding-right: 40px;
}

.girlswhocode .keep-bullets div:first-child img {
	box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.45);
	-webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.45);
}

.girlswhocode .keep-bullets div:first-child img.mobile {
display: none;
}

.girlswhocode h1 {
	text-align: left;
	color: #ffffff !important;
}

.girlswhocode a {
	display: inline-block;
	padding: 10px 20px;
	background: #fff;
	color: #303030 !important;
	margin-top: 20px;
}

@media only screen and (max-width: 800px) {


.girlswhocode .keep-bullets {
	flex-direction: column;
width: 100%;
}

.girlswhocode .keep-bullets div:first-child {
	padding-right: 0;
padding-bottom: 30px;
width: 100%;
}

.girlswhocode .keep-bullets div:first-child img.mobile {
display: block;
width: calc(100% - 10px);
}

.girlswhocode .keep-bullets div:first-child img.desktop {
display: none;
}

}

[class^="clockholder"] > div {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	max-width: 700px;
	margin: 0 auto;
	width: 100%;
}

[class^="clockholder"] > div > div {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #f3f3f3 !Important;
background-color: #ff7d00;
margin: 10px;
width: calc(25% - 20px);
height: auto;
position: relative;
/*border-radius: 50%;*/
padding-top: calc(25% - 20px);
z-index: 5;
}


[class^="clockholder"] > div > div > span {
position: absolute;
	display: flex;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
font-size: 36px;
font-weight: bold;
}

[class^="clockholder"] > div > div:nth-child(2n)::after {
	position: absolute;
	display: block;
	content: " ";
	background: black;
	width: 100%;
	height: 100%;
	/*border-radius: 50%;*/
	top: -10px;
	z-index: 4;
	background: transparent;
	border: solid 2px #ff4d00;
	right: 2px;
}


[class^="clockholder"] > div > div:nth-child(2n+1)::after {
	position: absolute;
	display: block;
	content: " ";
	background: black;
	width: 100%;
	height: 100%;
	/*border-radius: 50%;*/
	top: -2px;
	z-index: 4;
	background: transparent;
	border: solid 2px #ff4d00;
	right: 8px;
}

[class^="clockholder"] > div > div::before {
	position: absolute;
	display: block;
	content: " ";
	background: black;
	width: 100%;
	height: 100%;
	/*border-radius: 50%;*/
	top: 6px;
	z-index: 4;
	background: transparent;
	border: solid 2px #00a9bb;
	left: 6px;
}

[class^="clockholder"] > div > div > span  span {
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
padding-top: 5px;
}

[class^="clockholder"] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-grow: 1;
}

.day-intro {
	width: 45%;
	padding: 0 40px 0 0;
	/* background: #595959; */
	color: #444 !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.col-mapper {
	display: flex;
margin-bottom: 50px;
}

.forwhomthebelltolls, .forwhomthebelltolls * {
display: none; 
padding: 0;  
}  


@media only screen and (max-width: 1000px) {
 

.col-mapper {
  flex-direction: column;
}
  
.day-intro {
  width: 100%;
  }
  
}

@media only screen and (max-width: 600px) {
[class^="clockholder"] > div > div > span  span {
font-size: 12px;
}

[class^="clockholder"] > div > div > span  {
font-size: 18px;
}
  
[class^="clockholder"] > div > div {
   width: 25%;
   padding-top: 25%;
   margin: 0;
  }
}


.rf-select select:active, .rf-select select:focus, .rf-select select:not([multiple]):active, .rf-select select:not([multiple]):focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;

}

.rf-select select, .rf-select select:not([multiple]), .rf-textarea textarea, .dropdown-results-container input:active, .dropdown-results-container input:focus  {
	border: 1px solid #ccc;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

.rf-select select:active, .rf-select select:focus, .rf-select select:not([multiple]):active, .rf-select select:not([multiple]):focus,
.rf-select select:active + .select-dropdown-icon .dropdown-icon-background, .rf-select select:focus + .select-dropdown-icon .dropdown-icon-background, .rf-select select:not([multiple]):active + .select-dropdown-icon .dropdown-icon-background, .rf-select select:not([multiple]):focus + .select-dropdown-icon .dropdown-icon-background
 .rf-textarea textarea:active, .rf-textarea textarea:focus {
	border-color: #C0C0C0;
}

.scale-matrix-mobile .panel-heading a {
	padding: 0;
	display: block;
	line-height: 24px;
	font-size: 14px;
	text-decoration: none;
	color: #444;
	cursor: pointer;
	position: relative;
}



.scale-matrix-mobile .panel-heading, .panel-group .panel-heading {
  border: none;
  background-color: transparent;
}

.dropdown-results-container .rf-select-results-container li:hover, .dropdown-results-container .rf-select-results-container li:focus {
	background-color: #c0c0c0;
}


.rf-checkbox .checkbox-bg {
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: 1px solid #444;
	background: #fff;
	box-sizing: border-box;
	transition: background 0.2s linear;
	-webkit-transition: background 0.2s linear;
}

.rf-radio-option .check {
	border: 1px solid #444;
	border-radius: 100%;
	height: 15px;
	width: 15px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
	box-sizing: border-box;
}



.rf-radio-option input[type="radio"]:checked ~ .check {
	border: 1px solid #444;
}

.rf-radio-option input[type="radio"]:checked ~ .check::before {
	background: #001aff;
}

.scale-matrix-mobile .rfSI svg {
	cursor: pointer;
	display: block;
	fill: #001aff;
	height: 100%;
	opacity: 1;
	width: 100%;
}

ul.scale-matrix-container {
  margin-bottom: 10px;
}

.rf-scale-matrix .panel-heading .panel-title + div {
	padding: 0 16px 16px 16px;
	font-size: 14px;
	color: #444;
}

.rf-table-container .rf-table .table-body .table-row.table-header > div {
	border-bottom: 1px solid #444 !important;
	border-top: 1px solid #ccc;
	color: #444;
	text-transform: uppercase;
	font-weight: 700;
}

.rf-survey-title {
  font-weight: 300 !important;
  text-align: left;
  color: #393939 !important;
}

.rf-star-selector > label span:first-of-type, .rf-star-selector > label .label-text, .rf-star-selector .rf-label span:first-of-type, .rf-star-selector .rf-label .label-text,
.rf-multi-select > label, .rf-multi-select .rf-label, .rf-scale-matrix > label, .rf-scale-matrix .rf-label,
.rf-textarea > label span:first-of-type, .rf-textarea > label .label-text, .rf-textarea .rf-label span:first-of-type, .rf-textarea .rf-label .label-text,
.rf-single-select > label span:first-of-type, .rf-single-select > label .label-text, .rf-single-select .rf-label span:first-of-type, .rf-single-select .rf-label .label-text,
.rf-label-only > label span:first-of-type, .rf-label-only > label .label-text, .rf-label-only .rf-label span:first-of-type, .rf-label-only .rf-label .label-text, .rf-input > label span:first-of-type, .rf-input > label .label-text, .rf-input .rf-label span:first-of-type, .rf-input .rf-label .label-text, .rf-search-input > label span:first-of-type, .rf-search-input > label .label-text, .rf-search-input .rf-label span:first-of-type, .rf-search-input .rf-label .label-text, .rf-icon-input > label span:first-of-type, .rf-icon-input > label .label-text, .rf-icon-input .rf-label span:first-of-type, .rf-icon-input .rf-label .label-text, .rf-single-select > label span:first-of-type, .rf-single-select > label .label-text, .rf-single-select .rf-label span:first-of-type, .rf-single-select .rf-label .label-text, .rf-multi-select > label span:first-of-type, .rf-multi-select > label .label-text, .rf-multi-select .rf-label span:first-of-type, .rf-multi-select .rf-label .label-text, .rf-select2-override > label span:first-of-type, .rf-select2-override > label .label-text, .rf-select2-override .rf-label span:first-of-type, .rf-select2-override .rf-label .label-text, .rf-toggle > label span:first-of-type, .rf-toggle > label .label-text, .rf-toggle .rf-label span:first-of-type, .rf-toggle .rf-label .label-text, .rf-textarea > label span:first-of-type, .rf-textarea > label .label-text, .rf-textarea .rf-label span:first-of-type, .rf-textarea .rf-label .label-text, .rf-day-picker > label span:first-of-type, .rf-day-picker > label .label-text, .rf-day-picker .rf-label span:first-of-type, .rf-day-picker .rf-label .label-text, .rf-scale-matrix > label span:first-of-type, .rf-scale-matrix > label .label-text, .rf-scale-matrix .rf-label span:first-of-type, .rf-scale-matrix .rf-label .label-text, .rf-survey-scale > label span:first-of-type, .rf-survey-scale > label .label-text, .rf-survey-scale .rf-label span:first-of-type, .rf-survey-scale .rf-label .label-text, .rf-star-selector > label span:first-of-type, .rf-star-selector > label .label-text, .rf-star-selector .rf-label span:first-of-type, .rf-star-selector .rf-label .label-text, .rf-date-picker > label span:first-of-type, .rf-date-picker > label .label-text, .rf-date-picker .rf-label span:first-of-type, .rf-date-picker .rf-label .label-text, .rf-read-only > label span:first-of-type, .rf-read-only > label .label-text, .rf-read-only .rf-label span:first-of-type, .rf-read-only .rf-label .label-text, .rf-button-link > label span:first-of-type, .rf-button-link > label .label-text, .rf-button-link .rf-label span:first-of-type, .rf-button-link .rf-label .label-text, .rf-nps-question > label span:first-of-type, .rf-nps-question > label .label-text, .rf-nps-question .rf-label span:first-of-type, .rf-nps-question .rf-label .label-text, .rf-upload-file > label span:first-of-type, .rf-upload-file > label .label-text, .rf-upload-file .rf-label span:first-of-type, .rf-upload-file .rf-label .label-text, .rf-horizontal-label > label span:first-of-type, .rf-horizontal-label > label .label-text, .rf-horizontal-label .rf-label span:first-of-type, .rf-horizontal-label .rf-label .label-text, .rf-phone-number > label span:first-of-type, .rf-phone-number > label .label-text, .rf-phone-number .rf-label span:first-of-type, .rf-phone-number .rf-label .label-text, .rf-form-element-group > label span:first-of-type, .rf-form-element-group > label .label-text, .rf-form-element-group .rf-label span:first-of-type, .rf-form-element-group .rf-label .label-text, .rf-checkbox-container > label span:first-of-type, .rf-checkbox-container > label .label-text, .rf-checkbox-container .rf-label span:first-of-type, .rf-checkbox-container .rf-label .label-text, .rf-toggle-wrapper > label span:first-of-type, .rf-toggle-wrapper > label .label-text, .rf-toggle-wrapper .rf-label span:first-of-type, .rf-toggle-wrapper .rf-label .label-text, .rf-time-selector > label span:first-of-type, .rf-time-selector > label .label-text, .rf-time-selector .rf-label span:first-of-type, .rf-time-selector .rf-label .label-text{
  font-weight: 400;
}

.rf-accessibility .rf-table .table-body .table-row:focus, .rf-accessibility .rf-flowplayer-simulive .fp-middle .fp-switch svg:focus, .rf-accessibility .exhibitor-videos .sub-video:focus, .rf-accessibility #workflow-login-page .rf-feedback-alert p > span > a:focus {
	border: none !important;
}

.page-builder-display-reset .my-survey-list-card .card-body .rf-table-container .rf-table .table-row.completed {
background-color: #949494; 
} 
  
.rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR):active, .rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR):focus, .rf-input textarea:active, .rf-input textarea:focus {
	border-color: #cccccc;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
 
.rf-textarea textarea:active, .rf-textarea textarea:focus {
	border-color: #ccc;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

.survey-schedule, .survey-participants {
  display: none;
}

.rf-table-container .rf-table .table-body .table-row > div {
	display: table-cell;
	padding: 12px 16px;
	font-size: 14px;
	font-weight: 400 !important;
	line-height: 1.4;
	vertical-align: middle;
	max-width: 250px;
	word-wrap: break-word;
	color: #444;
}

.rfComp-canvas .world-studio ul li {
list-style: none;
}
