:root {
    --brand-color-1: #C51E85;
    --brand-color-1h: #143078;
    --brand-color-1-text: #ffffff;
    --brand-color-2: #143078;
    --brand-color-2h: #fdcc00;
    --brand-color-2-text: #ffffff;
    --brand-color-3: #0090fb;
    --brand-color-3h: #02439c;
    --brand-color-3-text: #cae6ff;
    --brand-color-4: #f8a200;
    --brand-color-5: #46cca6;
    --brand-color-5h: #00f689;
}
body{
    font-family: "Noto Sans JP", sans-serif;
	font-size:15px;
}
header.fHeader{
    height: 100px;
    background: rgb(2, 0, 36);
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(199, 32, 133, 1) 0%, rgba(92, 48, 140, 1) 36%, rgba(27, 124, 192, 1) 73%, rgba(25, 37, 113, 1) 100%);
    position: sticky;
    top: 0;
    z-index: 100;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fPageTitle{
    background: var(--brand-color-2);
}

/***ProgrammeMenu***/
.menu-horizontal a{
	color: var(--brand-color-1-text);
	padding: 10px 15px;
}
.menu-horizontal a:hover{
	color: var(--brand-color-1-text);
}
.menu-horizontal .fMenu li:hover,
.menu-horizontal .fMenu li.selected{
	background: var(--brand-color-1);
}
.menu-horizontal nav>ul>li>ul {
    position: absolute;
    top: 100%;
    width: 250px;
    display: none;
}
.menu-horizontal ul.fMenu li {
    margin: 0px;
    list-style: none;
    padding: 0px;
}
.menu-horizontal nav>ul>li>ul li a:hover {
    color: #fff;
    background: #1173ba;
}
.menu-horizontal nav>ul>li>ul li a {
    color: var(--brand-color-2-text);
    background: var(--brand-color-2);
    font-size: 0.8rem;
    padding: 10px 10px;
    text-transform: capitalize;
    transition: all 0.3s ease 0.1s;
    box-shadow: 0px 0px 20px #00000008;
    border-bottom: 1px solid #fff;
}
.menu-horizontal .fMenu li:hover>ul {
    visibility: visible;
    opacity: 1;
    position: absolute;
    padding-top: 0;
    top: 100%;
    z-index: 9;
    transition: all 0.4s ease-in-out;
    display: block;
    transform: perspective(600px) scale(1);
    width: 250px;
}
.menu-horizontal .fMenu li:hover>ul li{
    text-align:left;
}



/***Abstract***/
.abstracts-list .f-list-item {
	background:url('https://storage.unitedwebnetwork.com/files/1050/4cd33573334380041a751bba674ccbd3.png') 1rem center no-repeat;
	background-size: 32px;
	border: 2px solid var(--brand-color-4);
	background:#fff;
}
.abstracts-list .f-list-item.f-list-paid-0 {
	background:url('https://img.icons8.com/color/48/cheap-2--v1.png') 1rem center no-repeat;
	background-size: 32px;
	opacity: 0.6;
	transition: 0.5s all;
}
.abstracts-list .f-list-item.f-list-paid-0:hover {
	opacity: 1;
}
.abstracts-list .f-list-item.f-list-done {
	background:url('https://img.icons8.com/color/96/checked--v1.png') 1rem center no-repeat;
	background-size: 32px;
}
.abstracts-list .f-list-item.f-list-pending,
.abstracts-list .f-list-item.f-list-draft {
	background:url('https://storage.unitedwebnetwork.com/files/1099/9097c9f15339d6ba2049455689d85a3a.gif') 1rem center no-repeat;
	background-size: 32px;
}
.abstracts-list .f-list-item-container.action .f-list-subtitle a:before{
	display: block;
	content: "";
	height: 1.04rem;
	width: 1.04rem;
	background: red;
	border-radius: 1rem;
	position: absolute;
	left: 20px;
	animation: blinking 2s infinite;
}
.f-list-paid-0 #f-list-node-15638 {
	font-weight: bold;
	color: #ff1100;
}
.f-list-draft #f-list-node-15638 {
	font-weight: bold;
	color: #ff9100;
}
.f-list-done #f-list-node-15638 {
	font-weight: bold;
	color: #00cc00;
}
*/


.fForm .checks {
    padding-left: 20px;
}


/*Programme*/
/* .session-people-name {
  display: flex;
}
.session-people-name span {
  margin-right: 0.25em;
}
.session-people-title-25101 { order: 1; } 
.session-people-title-25100 { order: 2; } 
.session-people-title-25099 { order: 3; } 
.session-people-title-25104 { order: 4; }
.session-people-title-25099::after {
  content: ","; 
} */

/* Session Role */
/*.session-people > .session-people-item:first-of-type .session-people-role {
    display: block;
    margin-top: 5px;
}*/
.session-people-role.show {
  display: block;
  margin-top: 5px;
  font-weight: bold;
}
.session-people > .session-people-item .session-people-role:after{
	content:":";
}

/* Moderator & Facilitator & Commenter*/
.session-people-role-38798 {	
	color: #505da8;
}
.session-people-role-39865 {	
	color: #797979;
}
.session-people-role-38800 {	
	color: #a34fb2;
}

/* Speaker */
/*.session-people-role-38797 .session-people-role{
	display:none !important;;
}*/


/* Show Country  */
.session-people-title-25104:before{
	content:", "
}
.session-people-title-25104:empty{
	display:none;
}


/* Track Colour */
.session-track-38832 {
	background: var(--session-track-38832) !important;
}
.session-track-38831 {
	background: var(--session-track-38831) !important;
}

/* Session Venue */
.session-venue {
    position: relative;
    width: fit-content;
    bottom: 0;
    margin-top: 0.5rem;
    padding-left: 1.25rem;
    background: url(https://img.icons8.com/fluency-systems-regular/48/000000/marker--v1.png) left center no-repeat;
    background-size: 1rem;
    font-size: 0.8rem;
    opacity: 0.75;
    color: #000;
}
.session-intro{
	color: var(--brand-color-1h);
}
.session-row:hover{
	box-shadow: none;
}
.session-time.session-time-show{
	background: #fff !important;
}
td.session-time, th.session-time {
    width: 100px;
    min-width: 95px;
}

/* Customise Debate Session */
#session-row-34236 .session-people-id-980041 .session-people-name:before,
#session-row-34275 .session-people-id-989690 .session-people-name:before{
	content:"Yes: ";
	color: var(--brand-color-1);
	margin-right:3px;
}
#session-row-34236 .session-people-id-984500 .session-people-name:before,
#session-row-34275 .session-people-id-987850 .session-people-name:before{
	content:"No: ";
	color: var(--brand-color-1);
	margin-right:3px;
}
#session-row-34236 .session-people-id-987847 .session-people-name:before{
	content:"Summary: ";
	color: var(--brand-color-1);
	margin-right:3px;
}
#session-row-34265 .session-people-id-989690 .session-people-name:before{
	content:"Be Managed with Active Surveillance: ";
	color: var(--brand-color-1);
	margin-right:3px;
}
#session-row-34265 .session-people-id-984430 .session-people-name:before{
	content:"Have Repeat Imaging with PSMA PET/CT to Guide Repeat Biopsy: ";
	color: var(--brand-color-1);
	margin-right:3px;
}


.user-list-speaker .f-list{
	border-top: 0;
}
.user-list-speaker .f-list-item{
	margin-bottom:1.5rem;
	border-bottom: 0;
}
.user-list-speaker .f-list-item-container{
	background:#f5f5f5;
	height:100%;
}
.user-list-speaker .f-list-item-teaser-image img{
	width:100%;
	object-fit:cover;
	aspect-ratio: 1 / 1.3;
	object-position: center;
}
.user-list-speaker #f-list-node-fullname{
	color: var(--brand-color-1);
	font-size:1.1rem;
	font-weight:500;
}
.user-list-speaker .f-list-item-subtitle a{
	font-size:0.85rem
}
.user-list-speaker .f-list-item-title,
.user-list-speaker .f-list-item-subtitle{
	padding:10px;
}
.user-list-speaker .f-list-item-title{
	padding-bottom:0;
}
.f-list-filter a{
	border:1px solid #d1d1d1;
	background:#fafafa;
	padding:5px 10px;
	margin:5px;
	border-radius:5px;
}
.f-list-filter a.selected{
	border:0;
	background:none;
}
.user-list-speaker .f-list-header-item-search input {
	width: 99%;
	border: 2px solid var(--brand-color-1);
	border-radius: 30px;
	padding: 5px 15px;
}
.user-list-speaker .f-list-header-item-go input {
	width: 100%;
	border: 2px solid var(--brand-color-1);
	background: var(--brand-color-1) ;
	color:#fff;
	border-radius: 30px;
	padding: 5px 15px;
}
.user-list-speaker .f-list-header-item-go,
.user-list-speaker .f-list-header-item-search{
	display:inline-block;
}
.user-list-speaker .f-list-header-item-search{
	width: calc(100% - 60px);
}
.user-list-speaker .f-list-header-item-go{
	width: 56px;	
}
.user-list-speaker .f-list-header{
	margin-bottom:1rem;
}
.user-list-speaker #f-list-node-25103:after{
	content:", ";
}
.user-list-speaker #f-list-node-25103:empty{
	display:none;
}

#fMenu-51741 li {
	border: solid 1px var(--brand-color-3h);;
	padding: 5px 10px;
	border-radius: 5px;
	text-decoration: none;
	margin:0.5rem 0.3rem
}
#fMenu-51741 li:hover,
#fMenu-51741 li.selected {
	border: solid 1px var(--brand-color-1);;
}
#fMenu-51741 li a{
	color: var(--brand-color-3h);
}
#fMenu-51741 li:hover a,
#fMenu-51741 li.selected a{
	color: var(--brand-color-1);
}