/* Common Site Variables */

:root {

    --headergraphic: url("/sites/default/files/assets/egrp-cohort/CC_banner_2025.png");
    --h2margintop: 26%;
    --primarycolor:#1168ac;
    --secondarycolor: lightblue;
    --tertiarycolor: lightgray;
    
    /* ----- Do not edit the values below ----- */
    --footerbg: #123e57; 
    --ncibarbg: #2972a6; 
    --navbarbg: #383838; 
    --navbarbottomborder: #15819b;
    --text: #2e2e2e; 
    --sitebg: #fff; 
    --headergray: #606060;
    --linkc: #2b7bba;
    --clr-accent: #0aff11;
    --whitecolor: #fff;
}

/* Navbar */

#eventsreg-nav-bar .navbar-inverse .navbar-nav > .active > a {
    border-bottom: 4px solid var(--navbarbottomborder);
}

#eventsreg-nav-bar {
    background-color: var(--navbarbg); 
}

.navbar-nav>li {
    text-transform: uppercase;
    font-size: 12pt;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 15px 10px 10px 10px;
}

/* Header Banner */

.general-page-body-container {
background-image: var(--headergraphic);
background-size: 100%;
background-position: top center;
background-repeat: no-repeat; 
}

/* Right Side Column */
.region-sidebar-second {
    margin-top: 5%;
}

/* Page Elements */

h2{
    margin-top: var(--h2margintop);
    color: var(--headergray);
    font-size: 28px;
    line-height: 2.4em;
}

h3{
   
    color: var(--headergray);
    font-size: 24px;
    line-height: 1.375em;
}

.callout-box {
    background-color: var(--whitecolor);
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, .15) 0 0 9px 1px;
    overflow: auto;
    padding: 25px;
    margin: 30px;
}

.col-sm-9 {
    width: 70%;
}

.col-sm-3 {
    width: 30%;
}

/* Webform */

/* .panel-title, .panel-heading {
    display: none; Removes title and background from Fieldset 
} */

.panel-heading {
border-bottom: 0px;
}

.panel-title {
background-color: #f6f4f4;
}

.text-count-message {
color: #777777;
font-size: 13px;
}

.panel {  
    background-color: var(--whitecolor);
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, .15) 0 0 9px 1px;
    overflow: auto;
    padding: 5px;
    border-top: 9px solid var(--primarycolor);
}

input {
  accent-color: var(--primarycolor);
}

label {
font-weight: bold;
margin-top: 2%;
}

label.control-label.option {
margin-left: 20px;
margin-top: 0px;
}

fieldset {
margin-top: 2%;
}


.button:hover  {
background-color: var(--primarycolor) !important;
}

.omb-statement {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    font-size: 12px;
    margin-bottom: 20px;
}

.omb-date {
    text-align: right;
}

.button{
  background-color: var(--primarycolor);
  border: none;
  border-radius: 10px;
  color: var(--whitecolor);
  padding: 14px 22px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

.button:hover {
    background-color: #087d86;
}

/* Agenda */

th, td {
    padding: 10px !important;
}  

.tabledarkbg {
    background-color: #005488;; 
    
}

.tablelightbg {
    background-color: var(--secondarycolor);
    color: var(--whitecolor);
}

.tablegraybg {
    background-color: var(--tertiarycolor);
    font-size: 18px;
    font-weight: 400;
}

.tableheader {
    font-size: 18px;
    font-weight: 400;
    color: white;
     background-color: #005488;
   
}

.tableHeader {
    font-size: 18px;
    font-weight: 400;
    color: white;
    background-color: #005488;
   
}

/* Speaker Bios */

.headshots {
    float: left;
    padding: 0 20px 20px 0;
}

.item-list li {
    display: list-item;
    list-style: none;
    text-align: -webkit-match-parent;
    background-color: var(--whitecolor);
    border: 1px solid #ddd;
    padding: 2%;
    margin-bottom: 3%;
    margin-left: -2.2%;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, .15) 0 0 9px 1px;
    overflow: auto;
    padding: 5px;
}

.item-list li {
    padding: 0%;
}

.views-field-webform-submission-value-12 {
    float: left;
    padding: 20px;
}

.title {
    color: white;
}

.views-field-webform-submission-value-11 {
    background-color: #2c4048;
    padding: 10px;
}

.name {
    padding: 10px;

}

.email a {
    color: var(--whitecolor);
    text-decoration: none;
}

svg.mailto {
    display: none;
}

.speakerimgresize {
  max-width: 150px;
  height: auto;
}





/* Footer */

.site-footer {
    background: var(--footerbg);
}

/* CSS for client */
.webform-submission-pager {
 display:none;
}
.webform-submission-navigation {
 display:none;
}
.webform-submission-information {
 display:none;
}

.webform-element-description {
  margin-left: 4%;
}



.ui-datepicker {
  width: 26%;
}

.disabled {
  color: #CCC;
}

.js-webform-checkboxes {
  font-size: 14px;
}

#edit-the-annual-meeting-will-be-a-hybrid-meeting-of-in-person-and-vir--wrapper .fieldset-legend {
 
 font-weight: bold;
}

.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.project {
    font-weight: normal !important;
}

label.option {
    margin-left: 20px;
    margin-top: 0px;
    font-weight: normal !important;
}

#edit-virtual-meetings--wrapper label.option {
	font-size: 16px !important;
}

.highlight{
    display: inline;
    padding: .25em 0;
    background: #fffb07;

}

label[for="edit-nci-affiliate-check-box-if-with-the-national-cancer-institute-"] {
	font-weight: bold !important;
	margin-left: 0px !important;
}

label[for="edit-early-career-investigator-check-box-if-post-doctoral-fellow-or-i"] {
	font-weight: bold !important;
	margin-left: 0px !important;
}

label[for="edit-indicate-if-you-are-interested-in-submitting-an-abstract-to-pres"] {
	font-weight: bold !important;
	margin-left: 0px !important;
}

@media only screen and (max-width: 600px) {


}
#edit-november-14-in-person .label.control-label.option {
	display: block;
	background-color: dimgrey;
  color: linen;
  opacity: 1;
	
	
	
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 12px;
    color: #777777;
   text-align: left;
   background-color: #fff; 
   border: 0px solid #fff; 
   border-radius: 0px; 
  white-space: wrap;
      line-height: 1.42857143;
}

label[for="edit-associate-member-council-amc-networking-session-virtual"] {
    font-size: 1em;
    font-weight: bold !important;
}


