@import url('https://fonts.googleapis.com/css?family=Lato');
.tleft {text-align:left;}
.tajustify, .page-con div {text-align:justify;}
.page-con {padding:10px; border:4px solid #0b71b5;}
.page-con div:nth-child(1) {border: 1px solid #0b71b5;}
.white-popup {padding:0!important;}
table.double {width: 100%; font-size: 1.2em; margin: 0; padding: 0; border-spacing: 0; border-collapse: unset;}
table.double td {border: 1px solid transparent; padding: 0 10px;}
.page-con .header {text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.4em; padding: 20px 10px 0px 10px;}
.page-con .name {text-align: center; padding: 10px;}
.page-con .reference {color: white; padding: 6px; text-align: center; background: #0e72b5; text-transform: uppercase; letter-spacing: .2em; margin-bottom: 10px;}
table.double td div {margin: 10px;}
/*td div:nth-child(2)::before {content: "‒"; padding-right: 10px;}
font: 1em/1.65em "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
*/
table.double td div.dash::before {content: "–"; padding-right: 10px;}
table.double td:first-child {width: 50%;vertical-align:top;word-break: break-word;}
table.double td:first-child div:first-child {border-left: 10px solid #0e72b5; background: #f1f1f1; margin-bottom: 10px!important; padding: 10px 15px;}
table.double tr:nth-last-child(1) td:last-child {vertical-align: top; border-left: 1px dashed #0e72b5;}
.page-con hr {margin-bottom: 10px;}
table.double ul li {margin-bottom: 10px;}
table.double ul {padding: 10px 20px 10px 30px;margin-bottom: 0px;list-style: square;text-align: left;}
.page-con sup.keynotespeaker {color: red!important; font-style: italic!important; text-transform: capitalize!important; margin-left: 10px;white-space: nowrap;}
@media only screen /* iPad in portrait & landscape */
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	.white-popup {max-width:95%!important;}
}
@media only screen /* Mobile */
and (max-width: 767px),
(min-device-width: 368px)
and (max-device-width: 767px) {
	.white-popup {max-width:95%!important;}
	table.double td {display:block;width:100%!important;}
	table.double tr:nth-last-child(1) td:last-child {vertical-align: top; border-left: none;}
	.page-con hr {display:none;}
}
