body, button, input, select, textarea { font-family: "proxima-nova",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; font-size:15px; } 
body { background:#e9eaed; }
html, body {width: auto!important; overflow-x: hidden!important } 
body, h1, h2, h3, ul, ol, p { padding:0; margin:0; }
h1 { font-size:22px; }
ul { list-style:none; }
ol { margin-left:15px; }
a { color:#017ec5; text-decoration:none; cursor:pointer; }
/* color:#003569; */
/* color:#017ec5; */
/* color: #1527E5; */
a:hover { color:#e5158f; }
input[type=button] { cursor:pointer; }
select, input { padding: 2px; }

.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pt10 { padding-top:10px; }
.pb20 { padding-bottom:20px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }

.pb4 { padding-bottom:4px; }
.pb5 { padding-bottom:5px; }
.pb6 { padding-bottom:6px; }

.desc { line-height:24px; }

.posl { float:left; }
.posr { float:right; }
.posc { margin:0 auto; }
.grey { color:grey; }
.oh { overflow:hidden; }

.imgc { border-radius:50%; }
.clear { clear:both; }

.black { color:black; }
.red { color:red; }
.green { color:green; }
.white { color:white; }
.white:hover { color:#eee; }

.usn { user-select:none; }

.ddrop { cursor: move; }
.cp { cursor:pointer; user-select:none; }

.txtc { text-align:center; }
.txtr { text-align:right; }
.bold { font-weight:bold; }

.icongrey { color:#ccc; }
.icongrey:hover { color:#999; }
.lgrey { color:#eee; }
.iconred { color:red; }
.icondarkgrey { color:#999; }
.icondarkgrey:hover { color:#000; }
.icondark { color:#000; }
.icondark:hover { color:#999; }

.del { font-size:16px; }

.pad5 { padding:5px; }
.pad10 { padding:10px; }
.pad15 { padding:15px; }

.bgw { background:#fff; }
.cbx { background:#fff; margin-bottom:1px; padding:10px; border-radius:0px; }
.pa { position:absolute; }
.pr { position:relative; }
.sh2 { width:100%; color:black; }
.sh2 a { display:block; width:100%; margin-top:0px; border-top:0px solid #ddd; padding-top:0px; margin-bottom:10px; }
.ulfacts li { padding-bottom:8px; }
.navmenu a { display:block; padding:15px; }
.navmenu li { border-bottom:1px solid #ddd; }
.navmenu a:hover { background:#ddd; } 
.sectn { margin-left:-10px; margin-right:-10px; margin-top:10px; }
.sectn li { border-top:1px solid #eee; font-size:20px; }
.sectn li a { padding:15px 10px; display:block; position:relative; }
.sectn li a:hover { background:#ddd; }
.two_tabs a { width:50%; }
.three_tabs a { width:33.3% }
.two_tabs a, .three_tabs a { float:left; text-align:center; display:block; background:#ddd; padding:8px 0px; color:#666; }
.two_tabs a.active, .three_tabs a.active { background:#999; color:#fff; }
.node_circle_list li { position:relative; }
.node_circle_list a.pri { min-height:60px; text-decoration:none; display:block; color:black; padding:8px 0px; position:relative; border-bottom:1px solid #ddd; }
.node_circle_list a.pri:hover { background:#eee; }
.node_circle_grouped { margin-left:-10px; margin-right:-10px; }
.node_circle_grouped li { position:relative; }
.node_circle_grouped a { min-height:40px; text-decoration:none; display:block; color:black; padding:8px 0px; }
.node_circle_grouped a:hover { background:#ddd; }
.node_circle_grid li { position:relative; float:left; height:155px; width:33.3%; }
.node_circle_grid a { display:block; margin-right:10px; text-align:center; color:black; }
.node_circle_grid a .cpt { padding:2px 5px; font-size:13px; }
.bread { font-size:18px; font-weight:bold; padding-bottom:10px; }

.sh2 { padding:8px 0px; }
.sh2r { position:absolute; color:grey; font-size:13px; right:10px; top:24px; }
.th2 { padding:10px 0px 20px 0px; }
.th2r { position:absolute; right:0px; top:16px; }

.col3 li { width:33.33%; min-height:106px; }
.col4 li { width:25%; min-height:79px; }

.zimg { background: rgba(0,0,0,.6); opacity: 1; z-index: 1; right:0px; bottom:0px; font-size:20px; color:white; padding:2px; }

.media li { float:left; }
.media a, .media div.mimg { margin-right:1px; margin-bottom:1px; display:block; position:relative; }

.atr { width:125px; padding-bottom:8px; }
.comments { max-width:180px; width:80%; font-size:13px; } 

.factx div { padding-bottom:4px; line-height:24px; }
.voting_btn { cursor:pointer; }
.imgd { position: relative; overflow: hidden; background:#171715; display:block; }

.flexgy { display: flex; flex-wrap: wrap; justify-content: space-between; }
.flexgy li { position:relative; margin-bottom:2px; max-width:49.8%; flex:50%; padding-bottom:50%; height:0px; background-size:cover; }
.flexgy li a { position:absolute; display:block; width:100%; height:100%; }
.flexgy li div { position:absolute; bottom:0px; left:0px; width:100%; color:white; font-size:11px; background: rgba(0,0,0,0.3); opacity: 1; text-align:center; }

.gy2 { font-size:0px; }
.gy2 li { font-size:12px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }

.msg { padding-top:5px; padding-bottom:15px; font-weight:bold; }

.infmsgbox { width:100%; position:relative; }
.infmsgbox img, .infmsg, .nomore { text-align:center; padding:10px; z-index:3; position:absolute; left: 50%; transform:translateX(-50%); }
.infmsg { width:200px; bottom:-10px; background:#fff; border:1px solid #ddd; -moz-border-radius: 10px; border-radius: 10px; }
.infmsgbox img { bottom:-50px; }

/* #mob .fval div, .fval ul { overflow:hidden; } */
#mob .btnAddField { right:0px; top:0px; font-size:13px; }
#mob .txtField { width:180px; font-size:13px; }
.gtick { z-index:10; top:0px; left:163px; background-image:url('/img/icons/green_tick.png'); display:block; background-size: cover; width:20px; height:20px; }
.gtick:hover { background-image:url('/img/icons/delete.png'); }
.tips { padding-top:2px; font-style:italic; font-size:12px; color:grey; }

#editBox { margin-bottom:0px; }
.opth1 { padding-bottom:5px; padding-top:15px; }

.txt { line-height:26px; }
.imgs { display:block; width:100%; height:auto; max-width:600px; }
.mm10 { margin-left:-10px; margin-right:-10px; }

.bb1 { border-bottom:1px solid #ddd; }

.break2 { border-bottom: 1px solid rgb(239,239,239); clear: both; height: 10px; margin-bottom: 10px; }

.delMessage { padding:10px; background:pink; border:1px solid red; margin-top:10px; margin-bottom:10px; text-align:center; }
.delMessage div { padding-top:4px; }
				
.menu2 { display: flex; flex-direction: row; align-items: stretch; justify-content: center; border-bottom:1px solid #ddd; margin-bottom:14px; }
.menu2 li { flex: 1; }
.menu2 a { display:block; text-align:center; padding:8px; }
.menu2 a.active { font-weight:bold; color:black; }

.title_block { width:90%; }

.lfit {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.pfit {
	object-fit: fill;
	width: 100%;
	height: auto;
}

.font11 { font-size:11px; }
.font12 { font-size:12px; }
.font13 { font-size:13px; }
.font14 { font-size:14px; }
.font16 { font-size:16px; }
.font18 { font-size:18px; }

.db { display:block; }
.dtbl { display: table; }
.dtblc {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.hovm { background: #ffe9ec; user-select:none; }
.hovm:hover { background: #ffc4cd; }

.paratxt2 p { font-size:16px; line-height:26px; margin-bottom:1.4em; }
.paratxt2 h1 { font-size:1.4em; }
.paratxt2 h2 { font-size:1.3em; line-height:1.3; margin-top:1em; margin-bottom:0.25em; border-bottom: 1px solid #ddd; }
.paratxt2 h3 { font-size:1.1em; line-height:1.6; margin-top:0.3em; margin-bottom:0.1em; font-weight:bold; }	
.paratxt2 h4 { font-size:1.0em; line-height:1.6; margin-top:0.3em; margin-bottom:0.1em; font-weight:bold; }	

.w100pc { width:100%; }
.w25pc { width:25%; }
.w80pc { width:80%; }
.w33pc { width:33%; }
.w20pc { width:20%; }

/* TABLE */

table {
   border-spacing: 0px;    
}

td { vertical-align:top; }

#container td, table.mtbl td {
   /* INFINITE SCROLL TABLES */
   /* border-bottom:0px solid #D4D4D4 !important;
   border-top:0px solid #D4D4D4 !important; */
} 

table.mtbl td a { padding:0.4em 0.4em; }

.even {
  background: #efefef; 
  background: rgba(0, 0, 0, 0.063); 
}

/* AUTOCOMPLETE */

.ac_a { padding:14px; min-height:38px; display:block; }
.ac_a:hover { text-decoration:none; }
.ac_ab { border-bottom:1px solid #ddd; }
.ac_d1 { float:left; margin-top:4px; margin-right:14px; width:32px; height:32px; }
.ac_d2 { overflow:hidden; }
.ac_ht { font-size:24px; color:#ddd; text-align:center; }
.ac_r { float:right; display:block; }
.ac_r i { font-size:16px; }
.ac_d2 .grey { font-size:11px; padding-top:4px; }

.ui-autocomplete { background:#fff; max-width:298px; }
.ui-autocomplete { overflow-x:hidden; overflow-y:auto; }
.ui-autocomplete li:hover { background:#fafafa; }

a.advq { background:#fff; padding:10px; display:block; color:black; user-select:none; }
a.advq:hover { text-decoration:none; background:#eee; } 

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* GLOBAL AC */

.global_ac .ui-front {
	z-index:10;
}
.ui-front {
	z-index:10000; /* SEARCH OVER COLORBOX */
}

.ui-front .ac_w { 	
	position: absolute; 
	top: 49px;
	left: -16px;
	cursor: default;
	background:#fff;	
}

body > .ac_w { display:none; }

.global_ac .ui-autocomplete { max-height:400px; top:0px !important; left:0px !important; width:263px !important; }

/* GRID */
.dg { display:grid; }
.df { display:flex; }
.sgrid {
	display: grid;
	grid-gap: 2px; /* 1rem */
 }
 
 .sgrid130 {
	grid-template-columns: repeat(auto-fill,minmax(110px, 1fr));
 }
 .sgrid180 {
	grid-template-columns: repeat(auto-fill,minmax(130px, 1fr));
 }
 .sgrid230 {
	grid-template-columns: repeat(auto-fill,minmax(170px, 1fr));
 }
 
 .sgrid130 li { max-width:150px; }
 .sgrid180 li { max-width:190px; }
 .sgrid230 li { max-width:250px; }
 
.sgrid > li > a { position:absolute; width:100%; height:100%; display:block; }
 
.sgrid > li {
	display: grid;
	place-items: center;
	position:relative;
	font-size:11px; 
	text-align:center;
}
	
.sgrid > li::before {
	content: "";
	display: block;
	padding-bottom: 100%;
	grid-area: 1 / 1 / 2 / 2;	  
}

.sgrid > li.ex25::before {
	padding-bottom: calc(100% + 40px);
}

.sgrid img {
	width: 100%;
	grid-area: 1 / 1 / 2 / 2;
}

.gcaption { background:rgba(0,0,0,0.3); opacity: 1; color:white; position:absolute; bottom:0px; left:0px; width:calc(100% - 10px); padding:1px 5px; }

.admin { background:pink; } /* background:#ADD8E6; */

/* DOWN ARROW */
.tad { transform: rotate(0deg); transition: transform 1s linear; transition-duration: 300ms; }
.tad.open { transform: rotate(180deg); transition: transform 1s linear; transition-duration: 300ms; }

/* CONNECTED LISTS */
.ddlist > li { padding-bottom:0px; border-bottom:1px solid #eee; margin-top:10px; margin-bottom:20px; }
.ctxt1 { padding-left:30px; font-size:18px; }
.ctxt2 { color:grey; font-size:11px; right:10px; top:18px; }
.ctxt3 { left:10px; top:14px; font-size:22px; }
.ddwrap { grid-template-columns: 86fr 14fr; }
.ddwrap > a { padding:13px 10px; }
.tadwrap { padding-top:14px; border-left:1px dotted #eee; }
.txtitm a { color:grey; display:block; padding:12px 10px 12px 40px; border-top:1px solid #eee; text-decoration:none; }
.txtitm a:hover { background:#eee; }

/* LIST MEMBER */
.LMrel { border-left:4px solid #ccc; padding-left:20px; margin-top:10px; margin-bottom:20px; }
.LMvot { padding:10px 0px; display:flex; justify-content:center; }

/* FACTS */
.plainlist li { padding-bottom:4px; }

/* TRIVIA */
.triv { list-style:square; margin-left:20px; }
.triv li { padding-bottom:10px; line-height:24px; }

/* TIMELINE */
.tline li { border-top:1px solid #eee; padding:15px 0px; }
.tl1 { flex: 0 0 100px; }
.tl2 { flex: 0 0 calc(100% - 180px); }
.tl3 { flex: 0 0 70px; margin-left:10px; text-align:right; }

.tpxlist li { padding-bottom:10px; }

/* TABLES */
.dtbl th { background:#000; color:white; padding:10px 0px; }
.dtbl td { padding:5px 0px; }
.factc td { padding:4px 0px; }

/* JS TABS */
.tactive { background:#ddd; }
.tfill { width:100%; }
.tfoot { display:grid; grid-template-columns: 50% 50%; text-align:center; } 
.tfoot a { display:block; padding:10px 0px; }

/* LOGIN TABS */
.tab_active { background:#999; color:white; }

.hide { display:none; }

.sctop { position:fixed; right:20px; top:50px; z-index:4; }

.artul > li { border-top:1px solid #ddd; margin-bottom:20px; position:relative; padding-top:10px; }

/* TEXT TABLES */
table.wkt {
   border-spacing: 0px;
}

table.wkt th {
   color: #222;
   background: #d4d4d4;
   border-bottom: 0px solid #999 !important;
   border-top: 0px solid #D4D4D4 !important;
   padding: 0.5em;
   font-weight: bold;
   font-size: 1em;    
   text-align:left;
}

table.wkt td {
   border-bottom:0px solid #D4D4D4 !important;
   border-top:0px solid #D4D4D4 !important; 
   vertical-align:top;  
   padding:0.8em 0.4em;   
}

/* MAIN TEXT */
.mtxt p { line-height:26px; padding-bottom: 10px; } 
.mtxt ul, .paratxt2 ul { list-style:square; margin-left:20px; padding-bottom:10px; }
.mtxt ol, ol.references { margin-left:20px; padding-bottom:10px; }
.mtxt li, ol.references li { line-height:1.6; margin-bottom: 0.1em;}
ol.references li { font-size:12px; }

sub, sup { line-height: 1; }

.ileft, .iright { margin-bottom:10px; border:1px solid #ddd; margin-top:5px; }
.ileft a, .iright a { color:black; }
.ileft div, .iright div { padding:4px; font-size:12px; }
.ileft { float:left; clear:left; margin-right:20px; }
.iright { float:right; clear:right; margin-left:20px; }

.ih2, .ih3, .ih4, .ih5 { position:relative; clear:both; }
.ih2 { margin-top:15px; padding-bottom:2px; border-bottom:1px #a2a9b1 solid; margin-bottom:10px; }
.ih3 { margin-top:15px; padding-bottom:2px; margin-bottom:10px;  }
.ih2 h2, .ih3 h3, .ih4 h4 { font-weight:bold; }
.ih4 h4 { font-size:14px; padding-bottom:10px; }
.ih4, .ih5 { font-size:13px; }
.ih5 h5 { font-size:13px; padding-bottom:10px; font-weight:bold; }
.th2r { position:absolute; right:10px; top:30px; }
.th2re { position:absolute; right:0px; bottom:4px; display:block; user-select:none; }
.ih4 .th2re, .ih5 .th2re { bottom:10px; }

.dgrey { color:#666; }

.wtools a { color:#000; border:1px solid #eee; display:block; padding:4px 12px 0px 12px; background:#f8f9fa; }
.wtools a:hover, .wtools a.active { background:#ddd; }

/* The container <div> - needed to position the dropdown content */
.wtools .dropdown {
  position: relative;
  display: inline-block;
  background:#f8f9fa;
  border:1px solid #eee;
  width:95px;
}

/* Dropdown Content (Hidden by Default) */
.wtools .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  border:1px solid #eee;
  width:95px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.wtools .dropdown-content a {
  padding: 12px 16px;
  border:none;
}

/* Show the dropdown menu on hover */
.wtools .dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.wtools .dropdown:hover .dropbtn {background-color: #f6f7f8; }

.wnotes { margin-left:20px; font-size:12px; }
.wnotes li { padding-bottom:10px; }

/* POST FEEDBACK MESSAGES */
.msgfr { position:relative; z-index:5; }
.msgdiv { font-weight:bold; font-size:14px; padding:10px; text-align:center; position:absolute; left: 50%; transform:translateX(-50%); top:10px; width:280px; } 
.msgdiv.notok { background:#FFCAB7; border:1px solid #FF0000; color:red; }
.msgdiv.ok { background:#abf7b1; border:1px solid #008631; color:green; }
.msgdiv.dup { background:#FBCEB1; border:1px solid #CD7F32; color:orange; }
.msgdiv.upgrade { background:#CBC3E3; border:1px solid #9F2B68; color:purple; }