/* ---------------------- */
/*	Basic Styling	*/
/* ---------------------- */

body {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 1.4;
	font-weight: 600;
	margin: 0;
	background-color: #fff;
}

img {	border: 0;}


/* ---------------------- */
/*	Header Styling    */
/* ---------------------- */
.head-topper {
	width: 100%;
	margin: 0 0 1em 0;
}
.prelim {
	font-size: 400%;
	margin: 0.66em 0 0 0;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.2em;
}
.paag {
	margin: 0.1em 0 0 0;
	font-weight: 700;
	line-height: 1;
}


.calendarblock {
	text-align: center;
	width: 75%;
	margin: 2em auto;
}
#cal-grid{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 0.5em 1fr 0.5em 1fr 0.5em 1fr 0.5em 1fr 0.5em 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 0.5em;
	width: 98%;
	max-width: 1850px;
	margin: auto;
}
a.calendar {
	border: 3px solid #42a9dc;
	border-radius: 0.66em;
	line-height: 1.25;
	padding: 0.5em 0.85em;
	margin: 0.2em 0.25em;
	text-align: center;
	background-color: #E9F4F7;
	color: #19305c;
	text-decoration: none;
	font-weight: 600;
}
a.calendar:hover {
	-webkit-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	transition-duration: 0.25s;
	background-color: #19305c;
	color: white;
}
.searchblock {
	border: 3px solid #42a9dc;
	border-radius: 0.66em;
	max-width: 500px;
	margin: 1em auto auto auto;
}
#head-key {
	display: block;
	vertical-align: top;
	width: 98%;
	max-width: 1650px;
	margin: 0 auto 6em auto;
	padding: 0;
}
#key-grid {
	display: -ms-grid;
	display: grid;
	grid-gap: 0.4em 0.6em;
	padding: 0;
	margin: 0 auto;
}
div.key {
	border: 2px solid #19305c;
	border-radius: 0.5em;
	margin: 0;
	padding: 0.2em 0.75em;
	text-align: left;
	vertical-align: middle;
}
div.key p {
	display: inline-block;
	margin: 0;
	line-height: 1.3;
	font-weight: 600;
	font-size: 90%;
}
.nuro {	background-color: #7d0c7d; color:#FFF;	}	/* Neuro */
p.nuro::after { content: "Neuro" }
.musk {	background-color: #943cba; color:#FFF;	}	/* Musculoskeletal */
p.musk::after { content: "Musculoskeletal" }
.spec {	background-color: #ef8cfa; color:#000;	}	/* Cancer, Molecular, Spectroscopy, Pre-Clinical */
p.spec::after { content: "Cancer, Molecular Imaging, Spectroscopy, Pre-Clinical" }
.pedi {	background-color: #c92a92; color:#FFF;	}	/* Pediatrics */
p.pedi::after { content: "Pediatrics" }
.body {	background-color: #ba0000; color:#FFF;	}	/* Body */
p.body::after { content: "Body" }
.diff {	background-color: #a13000; color:#FFF;	}	/* Diffusion, Perfusion */
p.diff::after { content: "Diffusion, Perfusion" }
.cont { background-color: #ff470a; color:#FFF;  }	/* Contrast Mechanisms */
p.cont::after { content: "Contrast Mechanisms" }
.fmri { background-color: #ff9721; color:#000;  }	/* fMRI */
p.fmri::after { content: "fMRI" }
.covd {	background-color: #ffbf00; color:#000;	}	/* COVID-19 */
p.covd::after { content: "COVID-19" }
.engi {	background-color: #ffca80; color:#000;	}	/* Engineering, Interventional, Safety */
p.engi::after { content: "Engineering, Interventional, Safety" }
.exhi { background-color: #f5f51d; color:#000;	}	/* Exhibition */
p.exhi::after { content: "Exhibition" }
.skil { background-color: #a7ff8a; color:#000;  }	/* Edu: Transferable Skills */
p.skil::after { content: "Edu: Transferable Skills" }
.phys { background-color: #45e610; color:#000;	}	/* Edu: Physics & Engineering */
p.phys::after { content: "Edu: Physics & Engineering" }
.imag { background-color: #00960f; color:#FFF;  }	/* Edu: Image Acquisition */
p.imag::after { content: "Edu: Image Acquisition" }
.corg {	background-color: #004700; color:#FFF;	}	/* Edu: Cross-Organ */
p.corg::after { content: "Edu: Cross-Organ" }
.aras  { background-color: #009c94; color:#000;	}	/* ARA */
p.aras::after { content: "Acquisition, Reconstruction & Analysis" }
.card {	background-color: #66d7db; color:#000;	}	/* Cardio */
p.card::after { content: "Cardiovascular" }
.valu { background-color: #C8E6FF; color:#000;	}	/* MR Value */
p.valu::after { content: "MR Value" }
.smrt {	background-color: #42a9dc; color:#000;	}	/* SMRT Blue */
p.smrt::after { content: "SMRT" }
.stgr {	background-color: #2450A6; color:#FFF;	}	/* Study Groups */
p.stgr::after { content: "Study Groups" }
.plen { background-color: #19305C; color:#FFF;  }	/* Plenaries */
p.plen::after { content: "Plenaries" }
.msym {	background-color: #460046; color:#FFF;	}	/* Member-Initiated Symposia */
p.msym::after { content: "Member-Initiated Symposia" }
.mtut {	background-color: #633200; color:#FFF;	}	/* Tutorials */
p.mtut::after { content: "Tutorials" }
.othr { background-color: #19305C; color:#FFF;  }	/* Other, in ISMRM Blue */
.bsfm {	background-color: #ff8ac4; color:#000;	}
.corp {							/* Corporate Symposia */
	background-image: url('key-grads.png');
	background-size: cover;
	background-position: center;
}
.gcrp {
	background-image:		/* Gold brushed metal lines */
		-webkit-repeating-linear-gradient(top, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0)   6%, hsla(0,0%,100%, .1) 7.5%),
		-webkit-repeating-linear-gradient(top, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   4%, hsla(0,0%,  0%,.03) 4.5%),
		-webkit-repeating-linear-gradient(top, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%),
	    linear-gradient(180deg,	/* Color gradient */
		hsl(48,75%,70%) 0%, 
		hsl(48,75%,90%) 43%, 
		hsl(48,75%,80%) 56%,
		hsl(48,75%,52%) 100%);
}
.bcrp {
	background-image:		/* Bronze brushed metal lines */
		-webkit-repeating-linear-gradient(top, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0)   6%, hsla(0,0%,100%, .03) 7.5%),
		-webkit-repeating-linear-gradient(top, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   4%, hsla(0,0%,  0%,.05) 4.5%),
		-webkit-repeating-linear-gradient(top, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.10) 2.2%),
	    linear-gradient(180deg,	/* Color gradient */
		hsl(20,26%,40%)  0%, 
		hsl(20,26%,70%) 47%, 
		hsl(20,26%,60%) 58%,
		hsl(20,26%,32%)100%);
}

.deselected {						/* De-Selected Session Types */
	background-color: #bbb !important;
	color: #ddd !important;
	background-image: none !important;
	outline: 0 !important;
}
.deselected a {
	color: #ddd;
}

.nuro a:link, .musk a:link, .pedi a:link, .body a:link, .diff a:link,
.cont a:link, .imag a:link, .corg a:link, .stgr a:link, .msym a:link { color: #FFF; }

.nuro a:visited, .musk a:visited, .pedi a:visited, .body a:visited, .diff a:visited,
.cont a:visited, .imag a:visited, .corg a:visited, .stgr a:visited, .msym a:visited { color: #D7D2DC; }

.chex {
	display: inline-block;
	cursor: pointer;
	z-index: 10;
}
.chex > input {
	height: 1.5em;
	width: 1.5em;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	vertical-align: bottom;
	margin: 0 0.35em 0 0;
	border: 2px solid #19305c;
	border-radius: 3px;
	background-color: #fff;
	background-image: url("check.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition-duration: 0.2s;
	cursor: pointer;
}
.chex > input:checked {
	outline: 2px solid #fff;
	outline-offset: -4px;
	background-color: #fff;
	background-image: url("x2.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}





div.day-bars {			/* Blocks of time with folder tab */
	clear: both;
	width: 98%;
	max-width: 1850px;
	margin: 1em auto 4em auto;
	padding: 0;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	z-index: 100;
	vertical-align: middle;
	border: 6px solid #19305c;
	border-radius: 37px;
	background-color: #ccc;
	/* box-shadow: -0.85em 1.15em 0.45em rgba(0,0,0,0.4); */
}
.day-content {
	display: block;
	padding: 0;
	margin:  0.66em 0.25em 1.25em 1.75em;
	vertical-align: top;
}
.big-day {
	display: block;
	margin: 0.25em 0 0.4em 2em;
}
.big-day p {
	font-size: 240%;
	line-height: 1.35;
	font-weight: 700;
	color: #19305c;
	margin: 0 0 0 0;
	padding: 0;
}
.big-nav {
	display: inline-block;
	margin: 0.25em 0 0.25em 1.66em;
}
.big-nav p {
	display: inline-block;
	line-height: 1;
	background-color: #fff;
	padding: 4px 14px 4px 2px;
	margin: 0 0.25em;
	border-radius: 21px;
}
img.nav-arrow {
	height: 13px;
	width: 13px;
	vertical-align: middle;
	padding: 0.42em;
	border: 3px solid #42a9dc;
	border-radius: 15px;
	background: #fff;
	margin: 0 4px 0 3px;
}
.day-sched {
	display: inline-block;		/* display: inline-block; */
	vertical-align: bottom;
	text-align: left;
	margin: 0 0.5em 0 1.66em;
	padding: 0;
}
.day-sched p {
	padding: 0;
	font-size: 110%;
	line-height: 1;
	margin: 0.5em;
}
div.main-blocks {			/* Blocks of time with folder tab */
	clear: both;
	width: 98%;
	max-width: 1850px;
	background-color: #FFF;
	margin: 0 auto 2em auto;
	padding: 0;
}
div.main-blocks-solo {			/* Single-Session Blocks of time with folder tab */
	clear: both;
	width: 98%;
	max-width: 1850px;
	background-color: #FFF;
	margin: 0 auto 2em auto;
	padding: 0;
}
div.main-blocks-solo-multi {		/* Multiple Single-Session Blocks with different times */
	clear: both;
	width: 98%;
	max-width: 1850px;
	background-color: #FFF;
	margin: 0;
	padding: 0;
}
div.bloc-time-tab {			/* The time tab */
	margin: 0 0.5em 0 3em;
	background-color: #f1d592;
	border-radius: 15px 15px 0 0;
	width: 80%;
	max-width: 550px;
	padding: 0;
}
div.bloc-time-tab p {			/* The time tab text */
	font-size: 100%;
	line-height: 1.3;
	font-weight: 600;
	color: #19305c;
	padding: 0.6em 1em 0.01em 1.25em;
	margin: 0 0 -0.4em 0;
}
/* The block of time that contains the sessions grid */
div.bloc {
	color: #19305c;
	border: 0px;
	width: 100%;
	background-color: #f1d592;
	box-sizing: border-box;
	padding: 1em;
	margin-top: 0;
	margin-bottom: 2em;
	border-radius: 1.5em;
}
/* The block of time that contains the single session */
div.solo-bloc {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	color: #19305c;
	border: 0px;
	width: 100%;
	max-width: 700px;
	background-color: #f1d592;
	box-sizing: border-box;
	padding: 1em;
	margin-top: 0;
	margin-bottom: 2em;
	border-radius: 1.5em;
}
/* The block of time that contains the exhibition info */
div.solo-bloc-exhib {
	outline: 0.75em solid yellow;
	outline-offset: -1.75em;
	color: #19305c;
	border: 0.66em solid #19305c;
	border-radius: 1em;
	max-width: 1000px;
	margin-top: 0;
	margin-bottom: 2em;
	padding: 1.25em 0;
}
/* The block of time that contains the corporate symposia info */
div.solo-bloc-gcrp {
	color: #19305c;
	border: 0.66em solid #19305c;
	border-radius: 1em;
	max-width: 1000px;
	margin-top: 0;
	margin-bottom: 2em;
	padding: 1.22em 0;
}
/* The block of time that contains plenary sessions */
div.solo-bloc-plen {
	display: block;
	background-color: #f1d592;
	color: #19305c;
	border-radius: 2em;
	max-width: 1200px;
	margin-top: 0;
	margin-bottom: 2em;
	padding: 1.25em;
	box-sizing: border-box;
}
.bloc-head {
	font-size: 170%;
	line-height: 1.45;
	margin: 0.3em 0 0.25em 2em;
}
.exhib-link {
	margin: 0 0 0.5em 4em;
}
.gcrp-head {
	font-size: 130%;
	line-height: 1.45;
	margin: 0.5em 0 0.75em 3em;
}


/* ---------------------------- */
/*	    Grid Styling	*/
/* ---------------------------- */
.grid-sessions {			/* The block of time that contains the sessions grid */
	display: -ms-grid;
	display: grid;
	grid-gap: 1.25em;
	border: 0;
	width: 100%;
	padding: 0;
	margin: 0;
}
.g11box {
	-ms-grid-columns:	1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr;
	grid-template-columns:	1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.g9box {
	-ms-grid-columns:	1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr;
	grid-template-columns:	1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.g8box {
	-ms-grid-columns:	1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr;
	grid-template-columns:	1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.g7box {
	-ms-grid-columns:	1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr;
	grid-template-columns:	1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.g6box {
	-ms-grid-columns:	1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr;
	grid-template-columns:	1fr 1fr 1fr 1fr 1fr 1fr;
}
.g5box {
	-ms-grid-columns:	1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr;
	grid-template-columns:	1fr 1fr 1fr 1fr 1fr;
}
.g4box {
	-ms-grid-columns:	1fr 1em 1fr 1em 1fr 1em 1fr;
	grid-template-columns:	1fr 1fr 1fr 1fr;
}
.g3box {
	-ms-grid-columns:	1fr 2em 1fr 2em 1fr;
	grid-template-columns:	1fr 1fr 1fr;
}
.g2box {
	-ms-grid-columns:	1fr 1em 1fr;
	grid-template-columns:	1fr 1fr;
}
.g1box {
	-ms-grid-columns:	1fr;
	grid-template-columns:	1fr;
}

.grid-block {				/* Session Block */
	display: block;
	position: relative;
	background-color: #fff;
	color: #19305c;
	text-align: center;
	vertical-align: top;
	box-sizing: border-box;
	padding: 0 0 0.66em 0;
	border: 2px solid #19305c;
	border-radius: 1em;
}
.solo-sesh {				/* Solo Session Block */
	display: block;
	position: relative;
	background-color: #fff;
	color: #19305c;
	text-align: center;
	vertical-align: top;
	box-sizing: border-box;
	padding: 0 0 0.66em 0;
	border: 2px solid #19305c;
	border-radius: 1em;
	margin: 0;
}
.solo-sesh-plen {				/* Plenary Session Block */
	display: block;
	background-color: #19305c;
	color: #fff;
	text-align: center;
	vertical-align: top;
	padding: 1em;
	border: 2px solid #19305c;
	border-radius: 1em;
	margin: 0;
	box-sizing: border-box;
}
.step1 {  }
.step2 { margin-top: 7em; }
.step3 { margin-top: 14em; }

.grid-block p.s-cat, .solo-sesh p.s-cat {			/* Session Block Category Color Bar */
	margin: -2px -2px 1em -2px;
	padding: 0.5em 0.75em;
	font-weight: 600;
	border-width: 2px 2px 0 2px;
	border-style: solid;
	border-color: #19305c;
	border-radius: 9px 9px 0 0;
	text-align: left;
	font-size: 88%;
}
.grid-block p.s-top, .solo-sesh p.s-top {			/* NOT IN USE */
	margin: 0;
	font-weight: 400;
}
.grid-block p.s-title, .solo-sesh p.s-title, .solo-sesh-plen p.s-title {			/* Session Track (not linked) */
	font-size: 125%;
	margin: 1.25em 0.25em 0.15em 0.25em;
}
.grid-block p.s-rum, .solo-sesh p.s-rum, .solo-sesh-plen p.s-rum {
	font-size: 100%;
	font-weight: 400;
	margin: 0.1em auto 0 auto;
}
.grid-block p.first-second, .solo-sesh p.first-second, .solo-sesh-plen p.first-second {		/* Session First/Second Hour text */
	font-size: 93%;
	margin: 0.85em 0 3px 0.75em;
	text-align: left;
	line-height: 1.25;
	font-style: italic;
}
div.sub-grid-seshes {			/* Oral/Digital Poster Sessions in Session Block */
	width: 95%;
	box-sizing: border-box;
	border: 1px solid #333;
	margin: 0 auto;
	background-color: #efefef;	/* old fade color: rgba(255,255,255,0.7); */
}
div.sub-grid-seshes p {
	font-size: 107%;
	line-height: 1.4;
	margin: 0.65em 0.33em;
}
.grid-block p.s-bott, .solo-sesh p.s-bott {
	display: none;
	font-weight: 400;
}

div.brk {					/* Breaks */
	width: 90%;
	max-width: 700px;
	margin: 0em 2em 2em 0;
	border: 6px dashed #19305c;
	border-radius: 24px;
	text-align: left;
	background-color: #ccc;
}
div.brk p.brk-txt, div.brk p.break-txt {
	font-size: 140%;
	letter-spacing: 0.25px;
	font-weight: 600;
	font-style: italic;
	line-height: 1.2;
	margin: 1em 2em;
	color: #19305c;
}
p.s-bsfm {					/* Breast MRI: Special Focus Meeting */
	display: table;
	margin: -0.5em 0 -0.75em 0.75em;
	padding: 0.25em 0.75em;
	font-weight: 600;
	border: 1px solid #ff8ac4;
	border-radius: 1em;
	text-align: center;
	font-size: 88%;
	background-color: #ff8ac4;
}
p.s-bsfm-pl {					/* Breast MRI: Special Focus Meeting (plenary version) */
	display: table;
	font-size: 88% !important;
	border-radius: 1em;
	margin: -0.5em 0 0.66em 1em !important;
	padding: 0.2em 1em !important;
	font-weight: 600;
	border: 1px solid #ff8ac4;
	background-color: #ff8ac4;
	text-align: center;
}
p.pl-title {
	font-size: 125%;
	font-weight: 600;
	padding: 0;
}
p.pl-orgz {
	font-size: 100%;
	font-weight: 400 !important;
	margin-top: -0.66em !important;
	margin-left: 0.75em;
}
p.one-time {
	line-height: 1.1 !important;
}

div.plenary-row {			/* Plenary Title Bar */
	width: 100%;
	color: #19305c;
	vertical-align: middle;
	background-color: #D3D3D3;
	text-align: left;
	margin: 1em auto 0 auto;
	padding: 0.25em 1em;
	box-sizing: border-box;
}
div.plenary-row p.big-title {
	font-size: 135%;
	line-height: 1.4;
	margin: 0.5em;
	font-weight: 600;
}
div.plenary-spacer {			/* spacer block */
	height: 0.5em;
	grid-column: 1 / 4;
	outline: 0 !important;
}
div.plenary-grid {			/* The Grid */
	display: -ms-grid;
	display: grid;
	grid-gap: 0;
	-ms-grid-columns: 1fr 0 7.5fr 0 5.7fr;
	grid-template-columns: 1fr 7.5fr 5.7fr;
	margin: 0;
	width: 100%;
	padding: 0;
	color: #19305c;
	vertical-align: top;
	box-sizing: border-box;
}
div.plenary-grid div {			/* The Sub-Grids */
	padding: 0;
	vertical-align: top;
	outline: 2px solid #19305c;
	text-align: left;
	font-size: 107%;
	line-height: 1.4;
	box-sizing: border-box;
}
div.plenary-time {			/* time */
	font-size: 107%;
	line-height: 1.4;
	text-align: center !important;
	background-color: #F3F4F7;
	box-sizing: border-box;
}
div.plenary-title {			/* title */
	font-size: 107%;
	line-height: 1.4;
	font-style: italic;
	text-align: left;
	background-color: #F3F4F7;
	box-sizing: border-box;
}
div.plenary-speak {			/* speaker */
	font-size: 107%;
	line-height: 1.4;
	text-align: left;
	background-color: #F3F4F7;
	box-sizing: border-box;
}
div.plenary-time p, div.plenary-title p, div.plenary-speak p, div.plenary-adjourn p {
	margin: 0.66em 1em;
}
div.plenary-adjourn {
	grid-column: 2 / 4;
	text-align: left;
	background-color: #F3F4F7;
	box-sizing: border-box;
}




/* MODAL STYLES */
/* MODAL STYLES */
/* MODAL STYLES */
/* MODAL STYLES */

.modal {				/* The Modal (background) */
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 101; /* Sit on top */
	padding: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: rgb(f,f,f);
	background-color: rgba(0,0,0,0.4);
}
.modal-content {			/* Modal Content */
	position: relative;
	background-color: #19305c;
	margin: 4em auto;
	padding: 0;
	border: 6px solid #19305c;
	border-radius: 1em;
	width: 90%;
	max-width: 800px;
	min-width: 250px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatebottom;
	-webkit-animation-duration: 0.4s;
	animation-name: animatebottom;
	animation-duration: 0.4s;
}
/* Add Animation */
@-webkit-keyframes animatebottom {
	from {bottom:-300px; opacity:0} 
	to {bottom:0; opacity:1}
}
@keyframes animatebottom {
	from {bottom:-300px; opacity:0}
	to {bottom:0; opacity:1}
}
/* The Close Button */
.close {
	display: inline-block;
	height: 22px;
	width: auto;
	float: right;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
.modal-header {
	padding: 1em 2em 1.6em 2em;
	background-color: #19305c;
	color: white;
}
.modal-body {
	padding: 0.75em 2em;
	color: #19305c;
	background-color: #fefefe;
	border-radius: 9px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.modal-pic {
	width: 50%;
	float: right;
	margin: 0 0 0.5em 1em;
}
.modal-footer {
	padding: 0.2em;
	background-color: #19305c;
	color: #fff;
}
.button-style {
	font-size: 87%;
	background-color: #fbfbfb;
	border: 2px solid #19305c;
	color: #19305c;
	padding: 4px 7px 3px 6px;
	margin: 0 0 0 0.6em;
	text-decoration: none;
	font-weight: 700;
	cursor: pointer;
	border-radius: 0.5em;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
.button-transit {
	color: #19305c;
}
.button-transit:hover {
	background-color: #15B0D6;
	color: #fff;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
img.modal-icon {
	height: 1.4em;
	width: auto;
	margin: 0;
	border: 0;
	vertical-align: middle;
}

/* END MODAL STYLES */
/* END MODAL STYLES */
/* END MODAL STYLES */
/* END MODAL STYLES */





@media screen and (max-width:1920px) {
  body {
	font-size: 10pt;
  }
}



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

  .g9box {	-ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr;	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;	}
  .g8box, .g7box, .g6box {	-ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr;	grid-template-columns: 1fr 1fr 1fr 1fr;	}
  .g5box, .g4box, .g3box {	-ms-grid-columns: 1fr 1em 1fr;	grid-template-columns: 1fr 1fr;	}
}


@media screen and (max-width: 1100px) {
  img.campfireicon {
	height:29px;
  }
  #cal-grid{
	-ms-grid-columns: 1fr 0.5em 1fr 0.5em 1fr;
	grid-template-columns: 1fr 1fr 1fr;
  }
}



@media screen and (max-width: 1000px) {
  body {
	font-size: 9pt;
  }
}



@media screen and (max-width:900px) {
  .calendar {
	border-radius: 7px;
  }
  .bloc-time-solo {
	display: block;
	width: 80%;
  }
  .solo-block p.s-top {
	display: block;
	width: 85%;
	margin: 0.5em 1em 0.25em 1em;
  }
  .solo-block p.s-title {
	display: block;
	margin: 0.25em 1em 0.5em 1em;
  }
  .bloc-info-solo {
	display: block;
	width: 93%;
	margin: 0.25em auto;
  }
}




@media screen and (max-width:769px) {
  .prelim {
	font-size: 300%;
  }
  .paag {
	font-size: 75%;
  }
  div.day-bars {
	border: 6px solid #19305c;
	border-radius: 25px;
  }
  .day-content {
	margin: 0.66em 0.25em 1.25em 0.5em;
  }
  .big-day {
	margin: 0.25em 0 0.4em 1em;
  }
  .big-day p {
	font-size: 230%;
  }
  img.nav-arrow {
	height: 11px;
	width: 11px;
  }
  .g9box {
	-ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .g2box, .g3box {	-ms-grid-columns: 1fr;	grid-template-columns: 1fr }
  div.key {
	border: 2px solid #19305c;
	border-radius: 6px;
  }
  .chex > input {
	height: 1.25em;
	width: 1.25em;
  }
  div.bloc, div.solo-bloc, div.solo-bloc-plen  {
	border-radius: 20px;
  }
  div.solo-bloc-exhib {
	border-radius: 7px;
  }
  div.plenary-row {
	outline: 0 !important;
	border: 1px solid #19305c;
  }
  div.plenary-grid {			/* The Grid */
	display: -ms-grid;
	display: grid;
	grid-gap: 0;
	-ms-grid-columns: 1fr 0 9fr;
	grid-template-columns: 1fr 9fr;
  }
  div.plenary-time {			/* time */
	-ms-grid-column: 1;
	grid-column: 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-row: 1 / span 2;
	text-align: center;
	outline: 0 !important;
	border: 1px solid #19305c;
  }
  div.plenary-time p {
	margin: 0.8em 1em;
  }
  div.plenary-title {			/* title */
	-ms-grid-column: 2;
	grid-column: 2;
	-ms-grid-row: 1;
	grid-row: 1;
	outline: 0 !important;
	border: 1px solid #19305c;
	border-bottom: 0;
  }
  div.plenary-title p {
	margin: 0.66em 1em 0.2em 1em;
  }
  div.plenary-speak {			/* speaker */
	-ms-grid-column: 2;
	grid-column: 2;
	-ms-grid-row: 2;
	grid-row: 2;
	outline: 0 !important;
	border: 1px solid #19305c;
	border-top: 0;
  }
  div.plenary-speak p {
	margin: 0.2em 1em 0.66em 1em;
  }
  div.plenary-adjourn {
	grid-column: 2 / 4;
	grid-row: 1 / span 2;
	outline: 0 !important;
	border: 1px solid #19305c;
  }
}



@media screen and (max-width:650px) {
  body {
	font-size: 8pt;
  }
  .back-block {
	width: 75%;
	border-radius: 7px;
  }
  */  .chex > input {
	height: 11px;
	width: 16px;
  }  */
}


@media screen and (max-width:600px) {
  .big-day p {
	font-size: 200%;
  }
  .big-nav {
	display: inline-block;
	margin: 0.25em 0 0.25em 0em;
  }
  .big-nav p {
	padding: 4px 10px 4px 2px;
  }
  img.nav-arrow {
	padding: 0.3em;
	border: 2px solid #42a9dc;
	margin: 0 4px 0 3px;
  }
  .g9box {	-ms-grid-columns: 1fr 1em 1fr 1em 1fr;	grid-template-columns: 1fr 1fr 1fr;	  }
  div.bloc, div.solo-bloc, div.solo-bloc-plen  {
	border-radius: 17px;
  }
  .modal-pic {
	display: block;
	width: 85%;
	float: none;
	margin: 0.5em auto;
  }
  .modal-content {			/* Modal Content */
    overflow-y: initial !important;
  }
  .modal-body {
    max-height: 600px;
    overflow-y: auto;
  }
}

	
@media screen and (max-width:510px) {
  .head-topper {
	font-size: 80%;
  }
  .g4box {	-ms-grid-columns: 1fr 1em 1fr;	grid-template-columns: 1fr 1fr;	}
  .g6box, .g7box {	-ms-grid-columns: 1fr 1em 1fr 1em 1fr;	grid-template-columns: 1fr 1fr 1fr;	}

  #cal-grid{
	-ms-grid-columns: 1fr 0.5em 1fr 0.5em 1fr;
	grid-template-columns: 1fr 1fr 1fr;
  }
  .calendar {
	padding: 0.4em 0.6em;
	border: 2px solid #42a9dc;
  }
  img.nav-arrow {
	height: 9px;
	width: 9px;
  }
}


	
@media screen and (max-width:450px) {
  div.day-bars {
	border: 4px solid #19305c;
	border-radius: 20px;
  }
  .day-content {
	margin: 0.66em 0.25em 1.25em 0.5em;
  }
  .big-day {
	margin: 0.25em 0 0.4em 0.5em;
  }
  .big-day p {
	font-size: 170%;
  }
  .g5box {	-ms-grid-columns: 1fr;	grid-template-columns: 1fr;	}
  img.campfireicon {
	height:14px;
  }
  .back-block {
	width: 85%;
  }
}



@media screen and (max-width:380px) {
  .modal-body {
    max-height: 400px;
    overflow-y: auto;
  }
  .calendarblock {
	width: 90%;
  }
  .g3box, .g4box, .g5box {
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
  }
  .g9box, .g6box, #cal-grid {
	-ms-grid-columns: 1fr 1em 1fr;
	grid-template-columns: 1fr 1fr;
  }
}



@media screen and (max-width:280px) {
  div.plenary-grid {
	display: block;
  }
  div.plenary-grid div {
	padding: 0.33em 1em !important;
	border: 0 !important;
  }
  div.plenary-grid div p {
	text-align: left;
	margin: 0;
  }
  div.plenary-time, div.plenary-title {
	margin: 0;
  }
  div.plenary-speak {
	margin: 0 0 0.75em 0;
  }
}