/* ----------------------
   SIENTRIES DEFAULT CSS
---------------------- */

/* Standard Style Overrides */
html { margin:0; padding:0; }
body { margin:0; padding:0; color:#444; background-color:#FFFFFF; font-weight: normal; font-family: 'ubunturegular',sans-serif; }

img { border-style:none; display:block; }
img.inline,
#article img,
#sidebar img { display:-moz-inline-stack; display:inline-block; }
img.block, embed, object { display:block!important; }
img.icon,
img.arrow { display:-moz-inline-stack; display:inline-block; vertical-align:middle; }

form { margin:0 0 16px 0; padding:0; }
blockquote { margin:16px; }
hr { border:none 0; margin-top:16px; margin-bottom:16px; border-top:1px solid #AAAAAA; height:0; }
p { padding:0; margin: 0 0 16px 0; }
p.first_para { margin-top: 16px!important; }
p.last_para { margin-bottom: 0!important; }

h1, .public-h1 { color:#c81429; font-size:32px; line-height: 110%; margin: 0 0 4px 0; font-weight:normal; font-family: 'ubuntubold',sans-serif; }
h2 { color:#454545; font-size:22px; line-height: 110%; margin: 4px 0 10px 0; font-weight:normal; font-family: 'ubuntubold',sans-serif; }
h3 { color:#454545; font-size:1.23em; font-weight: normal; font-family: 'ubuntumedium',sans-serif; margin-top:5px; margin-bottom:2px; padding:0; }
h4 { color:#454545; font-size:1.10em; font-weight: normal; font-family: 'ubuntumedium',sans-serif; margin-top:3px; margin-bottom:0; padding:0; }
h5 { color:#454545; font-size:1.0em; font-weight: normal; font-family: 'ubuntumedium',sans-serif; }
h6 { color:#454545; font-size:0.9em; font-weight: normal; font-family: 'ubuntumedium',sans-serif; }

strong, b { font-weight: normal; font-family: 'ubuntumedium',sans-serif; }

a,
a:visited { color:#B10000; text-decoration:underline; font-weight:normal; outline:none; }
a:focus,
a:hover { color:#e30000; text-decoration:underline; font-weight:normal; }
a:active { color:#ff0000; text-decoration:underline; font-weight:normal; }

.clear { clear:both; height:0; overflow:hidden; }
.hide { display:none; }
.error { color:#FF0000; font-family: 'ubuntumedium',sans-serif; }
.nowrap { white-space:nowrap; }
.noprint { }

.center { text-align:center; }
.justify { text-align:justify; }

.uppercase { text-transform:uppercase; }

.left { float:left; }
.right { float:right; }

.socialicon { padding:0!important; margin-left:8px; float:right; }
.socialicon-test { float:left; min-width: 150px; }
.socialicon-test-outer a { text-decoration: none; display: inline-block; }
.socialicon-test-outer img { margin-right: 10px; }

.ui-datepicker { z-index: 2000 !important; }
.ui-datepicker-week-end a { background: none #DDDDDD!important; font-family: 'ubuntubold',sans-serif!important; z-index: 2001 !important; }

#AjaxMsgLine { padding-bottom: 6px; display: none; }
.ajax-spinner { min-width: 26px!important; display:-moz-inline-stack; display:inline-block; }
.ajax-errormsg { display: block!important; text-align:center; color: #CC3300; font-family: 'ubuntubold',sans-serif; }
.ajax-infomsg { display: block!important; text-align:center;  color: #009900; font-family: 'ubuntubold',sans-serif; }
.ajax-progress { font-size: 15px; font-family: 'ubuntumedium',sans-serif; }

/* Body */
.auto_margin_header, .auto_margin_container, .auto_margin_footer { width: auto; max-width: 1170px; margin: 0 auto; padding:0 15px; }

#container_a { width: 23%; float: left; position: relative; overflow: hidden; background-color: transparent; padding-bottom:30px; margin-top: 10px; }
#container_b {width: 74%; float: right; margin-left: auto; padding-bottom:30px; margin-top: 10px; min-height: 550px; }
#container_d { width:100%; float:left; }
#container_dp p, #container_dp li  { line-height: 150%; }

#leftOptions,
#leftOptionsT,
#leftOptionsF,
#leftTop,
#leftTopT,
#leftTopF { display:none; }

#leftNavT,
#leftLogRegT,
#leftFilterT,
#leftAdminT,
#leftEventT,
#leftSetupT { display:block; }

.no-header-image { margin-top: 100px; }


/* Header */
#page_header { background: url('images/logo_bg.png') no-repeat #c81429 -5% 0; position: fixed; float: left; width: 100%; z-index: 500; top: 0; }

#sientries_logo, #sientries_logo_footer { font-family: 'ubunturegular',sans-serif; min-height: 76px; max-width: 450px; width: 23%; position: relative; z-index: 100; float: left; font-weight: normal; font-size: 44px; text-decoration: none; color: #FFF; display: block; line-height: 100%; padding-top: 14px; }
#sientries_logo:hover, #sientries_logo_footer:hover { opacity:.8; }
#sientries_logo strong, #sientries_logo_footer strong { font-family: 'ubuntubold',sans-serif; font-weight: normal !important; font-size: 47px; line-height: 100%; }
#sientries_logo span.smaller, #sientries_logo_footer span.smaller { font-family: 'ubuntumedium',sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 2.2px; margin-top: 0; display: block; line-height: 100%; }

#powered_by { z-index: 10; width: 257px; margin-right: -257px; float: right; min-height: 90px; position: relative; display: block; text-align: left; background: url('images/logo_powered_by_large.png') no-repeat #c81429; }
#powered_by_link { position: relative; width: 100%; height: 100%; display: inline-block; padding: 14px 0 0 14px; }
#powered_by_link a { position: relative; width: 100%; height: 100%; display: block; text-decoration: none; color:#FFF; font-family: 'ubuntubold', sans-serif; font-weight: normal;}
#powered_by_link a:hover { opacity:.7; }
#powered_by_text { font-family: 'ubunturegular',sans-serif; font-weight: normal !important; font-size: 12px; text-transform: uppercase; letter-spacing: 2.2px; line-height: 100%; }
#powered_by_name { font-family: 'ubuntubold', sans-serif; font-weight: normal !important; font-size: 47px; display: inline-block; }
#powered_by_suffix { font-family: 'ubunturegular',sans-serif; font-weight: normal !important; font-size: 44px; line-height: 100%; display: inline-block; }
.header_powered_by_colour { background-color: #c81429; height: 90px; width: 50%; position: absolute; right: 0; top: 0; border-bottom:solid 1px #c81429; }

#nav { display: inline-block; position: relative; z-index: 100; width:77%; float: left; background-color: #FFF; height: 90px; border-bottom:solid 1px #D0D0D0; }
#nav ul { display:table; width:100%; height: 90px; margin: 0 !important; padding: 0 !important; }
#nav ul li { display:table-cell; vertical-align: middle; text-align: center; height: 100%; width: 17.5%; }
#nav ul li .menu_item { display: table; width: 100%; height: 100%; border-left:solid 1px #D0D0D0; }
#nav ul li:first-child .menu_item { border-left:solid 0 #FFF; }
#nav ul li a { display: table-cell; width: 100%; height: 100%; vertical-align: middle; color:#666666; font-family: 'ubuntumedium',sans-serif; font-size:17px; text-decoration: none; font-weight: normal; letter-spacing: .5px; -moz-transition: all .15s ease-in; -webkit-transition: all .15s ease-in; -o-transition: all .15s ease-in; transition: all .15s ease-in; }
#nav ul li a:hover { background-color: #69952b; color: #FFF; }
#nav ul li a:hover i { color: #FFF; }
#nav ul li a i { display: block; font-size: 19px; color: #c81429; margin-bottom: 4px; -moz-transition: all .15s ease-in; -webkit-transition: all .15s ease-in; -o-transition: all .15s ease-in; transition: all .15s ease-in; }

#header_follow { position: relative; z-index: 10; width: 257px; margin-right: -257px; float: right; height: 90px; }
#header_follow_block { position: relative; width: 100%; height: 100%; display: block; color:#FFF; font-family: 'ubuntubold',sans-serif; font-weight: normal; background: url('images/twitterBg.png') no-repeat top left; letter-spacing: 2.0px; white-space:nowrap; }
#header_follow_text { padding: 14px 0 5px 20px; font-size: 12px; line-height: 150%; }
#header_follow_large { font-size: 18px; }
#header_follow_links { white-space:nowrap; }
#header_follow_links a { color:#FFF; font-family: 'ubuntubold',sans-serif; font-weight: normal; text-decoration: none; -moz-transition: all .15s ease-in; -webkit-transition: all .15s ease-in; -o-transition: all .15s ease-in; transition: all .15s ease-in; }
#header_follow_links a:hover { opacity:.7; }
.header_follow_icon { float: left; font-size: 40px; padding-left: 20px; }
.header_follow_colour { background-color: #5e99c8; height: 90px; width: 50%; position: absolute; right: 0; top: 0; border-bottom:solid 1px #5e99c8; }
#header_follow_small { display: none; }

.dropdown_reveal .fa { display: inline-block; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.dropdown_reveal .down { -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(180deg); transform: rotate(-180deg); }

.menu-icon { min-width:20px; }
.fa-sync { -webkit-animation: fa-spin 1s infinite linear; animation: fa-spin 1s infinite linear; opacity: 1; }
@keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

/* Fix for Twitter / X logo without needing new version of FontAwesome
.fab.fa-twitter{
	font-family:sans-serif;
}
.fab.fa-twitter::before{
	content:"𝕏";
	font-size:1.2em;
}
*/

/* Footer */
#page_footer { background-color: #232120; width: 100%; float: left; position: relative; clear:both; }

#footer_bar { height:15px; width:100%; float:left; position: relative; background: url('images/logo_bg.png') #c81429 no-repeat 0 0; }
#footerLeft { width: 30%; float: left; position: relative; }
#footerLeft #sientries_logo_footer { width: auto; z-index: 1; }
#footerRight { float:right; width:70%; position: relative; font-family: 'ubuntubold',sans-serif; }

.footerMenu { width:auto; display:block; float:right; }
.footerMenu li { display:inline-block; margin-left: 30px; }
.footerMenu li a { color:#FFF; font-size:17px; text-decoration: none; font-weight:normal; }
.footerMenu li a:hover { color:#C0B6B0; }
.footerMenu li a i { font-size: 18px; margin-right: 4px; }

.copyright { color: #FFF; clear: both; float: right; margin-bottom: 5px; }
.copyright a { color:#FFF; font-size:17px; text-decoration: none; font-weight:normal; }
.copyright a:hover { color:#C0B6B0; }
.copyright a i { font-size: 18px; margin-left: 4px }

/* Buttons */
.button { font-size:14pt; letter-spacing: 1.5px; font-weight:normal; font-family: 'ubuntumedium',sans-serif; color: #FFF!important; text-align:center; text-decoration:none!important; max-width:100%; margin:0; border-color: transparent; cursor:pointer; padding:3px 0; display:block; -webkit-appearance: none; -webkit-border-radius: 8px; border-radius: 8px; }
.button:hover, .button:focus, .button:active { opacity: .8; }
.button-forward { background-color:#629c0c; text-transform: uppercase; }
.button-backward { background-color:#8C7412; }
.button-edit { background-color:#106bab; }
.button-alt { background-color:#5c8a8a; }
.button-transfer { background-color:#9966CC; }
.button-cancel { background-color:#b50e0e; }
.button-option { background-color:#A8A8A8; }
.button-final { background-color:#EB901E; }

.button-long, .button-list, .button-admin, .button-modal { font-size:14pt; letter-spacing: 1.5px; font-weight:normal; font-family: 'ubuntumedium',sans-serif; color: #FFF!important; text-align:center; text-decoration:none!important; margin:8px 7px 2px 7px; padding:3px; border-color: transparent; cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 8px; border-radius: 8px; }
.button-long:hover, .button-long:focus, .button-long:active, .button-list:hover, .button-list:active, .button-list:focus, .button-admin:hover, .button-admin:focus, .button-admin:active, .button-modal:hover, .button-modal:focus, .button-modal:active { opacity: .8; }
.button-long:focus, .button-list:focus, .button-admin:focus, .button-modal:focus { outline:none; }
.button-list { min-width:120px; margin:0 4px 0 4px; padding: 1px 0; font-size:12pt; letter-spacing: 1.2px; }
.button-long { min-width:180px; }
.button-admin { min-width: 200px; letter-spacing: 1.2px; padding: 0 0 1.5px 0; }
.button-modal { min-width: 120px; display:inline-block; border: none; }
.button-modal .button-backward { background-color: #C0C0C0; }
.button-link { display: inline-block; width: 120px; }
.button-mobile-pay-div { margin-top: 0; margin-left: 12px; margin-right: 12px; padding-top: 6px; padding-bottom: 6px; }
.button-mobile-pay-btn { margin: 0; min-width: 180px; border-radius: 8px; height:40px; }

.button-hidden { position: absolute; left: -100%; }

/* Message Boxes */
.content-error, .content-info, .content-message, .content-demo, .content-compatibility { padding:8px 9px; margin-bottom:10px; }
.content-error p, .content-info p, .content-message p, .content-demo p, .content-compatibility p { margin:0; padding:0;  font-family: 'ubuntumedium',sans-serif; }

.content-error { border:1px solid #B10000;background:#F4DADA; }
.content-error p { color:#2B2B2B; }
.content-error p span { color:#B10000; }

.content-info { border:1px solid #FFCC00; background:#FFEFB0; }
.content-info p { color:#2B2B2B; }
.content-info p span { color:#FF9900; }

.content-message { border:1px solid #00CC00; background:#C5FFC5; }
.content-message p { color:#2B2B2B; }
.content-message p span { color:#008000; }

.content-demo { border:1px solid #A97ED3; background:#EAE0F3 }
.content-demo p { color:#2B2B2B; }
.content-demo p span { color:#7439AE; }

.content-compatibility { border:1px solid #B10000; background:#F4DADA; }
.content-compatibility p {color:#2B2B2B; }
.content-compatibility p span { color:#B10000; }

.altstripe { background-color:#E8E8E8; }
.nostripe { background-color:#FFFFFF; }
.column-totals { background:#D9D9D9; }
.column-totals-amount { font-weight:normal; font-family: 'ubuntumedium',sans-serif; color: #CC0000; }

/* Menus */
.panel-left-padding { margin-top: 20px; }
.panel-left-header { width: 93%; overflow: hidden; display: block; padding: 5px 2% 3.5px 5%; margin-top: 0; color: #FFF; font-weight: normal; font-family: 'ubuntubold',sans-serif; font-size: 21px; letter-spacing: .5px; position: relative; }
.panel-left-header i.fa-chevron-down { display: none; }

.panel-left-header-public { background: url('images/logo_bg.png') #C81429 no-repeat -30px 0; }
.panel-left-header-admin { background: url('images/admin_bg.png') #EB901E no-repeat -30px 0; }

.panel-left-header a,
.panel-left-header a:visited { color:#FFF; text-decoration:underline; }
.panel-left-header a:focus,
.panel-left-header a:hover { color:#F4DADA; text-decoration:underline; }
.panel-left-header a:active { color:#c2acac; }

.panel-left-detail { color:#333333; background-color:#E0E0E0; font-family: 'ubuntubold',sans-serif; }
.panel-left-detail form { margin:0; }
.panel-left-detail a,
.panel-left-detail a:visited { color:#333333; text-decoration:none; }
.panel-left-detail a:hover,
.panel-left-detail a:focus { color:#B30202; text-decoration:underline; }
.panel-left-detail a:active { color:#800101; }
.panel-left-detail ul { list-style:none; margin:0; padding:0; }
.panel-left-detail ul li { border-bottom: 4px solid #FFF;  background-color: #E0E0E0; font-weight:normal; font-family: 'ubuntubold',sans-serif; }

.panel-left-detail ul li:last-child { border-bottom:none; }
.panel-left-detail ul li a,
.panel-left-detail ul li a:visited { text-decoration:none; padding:8px 0 8px 12px; font-size:15px; display:block; width:92%; }
.panel-left-detail ul li a:hover,
.panel-left-detail ul li a:focus { text-decoration:none; }

.panel-left-detail ul.menu li, .myinfobox { border-bottom: 4px solid #FFF; }
.panel-left-detail ul li.superuser { background-color: #F0F0F0; font-style:italic; }

.panel-left-detail ul.menu li:hover,
.panel-left-detail ul.menu li:focus { background-color:#D8D8D8; }
.panel-left-detail ul.menu li.superuser:hover,
.panel-left-detail ul.menu li.superuser:focus { background-color:#E3E3E3; }

.panel-left-detail form ul li { padding:5px 5px 2px 9px!important; }

.panel-left-clean { color:#333333; background-color: transparent; border: 1px solid #D0D0D0; font-family: 'ubuntumedium',sans-serif; }
.panel-left-clean-padding { padding: 10px; border-left: 0; border-right: 0; position: relative; }
.panel-left-clean p { padding:0; margin:0; }
.panel-left-clean a,
.panel-left-clean a:visited { color:#333333; text-decoration:none; }
.panel-left-clean a:hover,
.panel-left-clean a:focus { color:#B30202; text-decoration:underline; }
.panel-left-clean a:active { color:#800101; }

.menu-no-large { display: none; }
.menu-no-small { display: block; }

.myinfobox { width: 92% !important; color:#FFF; background-color: #888888; padding: 12px; }
.myinfobox .userinf { font-size: 14px; white-space:nowrap; }
.myinfobox .admininf { font-size: 14px; }
.myinfobox .swapimg { font-size: 14px; width: 25px; float: right; text-align: right; }
.myinfobox_link a { color:#FFF!important; text-decoration: none !important; }
.myinfobox_link .myinfobox:hover { background-color: #B0B0B0; }

.pending_purchases { width:92%; color:#FFF; background-color: #888888; padding: 2.5% 4% 2%; font-size: 14px; border-bottom: 1px solid #FFF; }
.pending_purchases a { color:#FFF; text-decoration: none !important; }
.pending_purchases:hover { background-color: #B0B0B0; }
.pending_purchases span { background-color: #c81429; color: #FFF; position: absolute; right: 10px; width: 20px; text-align: center; height: 19px; -webkit-border-radius: 30px; border-radius: 30px; font-family: 'ubunturegular',sans-serif;}

.background_jobs { width:92%; color:#FFF; background-color: #888888; padding: 2.5% 4% 2%; font-size: 14px; border-bottom: 1px solid #FFF; }
.background_jobs a { color:#FFF; text-decoration: none !important; }
.background_jobs:hover { background-color: #B0B0B0; }
.pending_background_jobs span { background-color: #FF9900; color: #FFF; position: absolute; right: 10px; width: 20px; text-align: center; height: 19px; -webkit-border-radius: 30px; border-radius: 30px; font-family: 'ubunturegular',sans-serif;}
.error_background_jobs span { background-color: #c81429; color: #FFF; position: absolute; right: 10px; width: 20px; text-align: center; height: 19px; -webkit-border-radius: 30px; border-radius: 30px; font-family: 'ubunturegular',sans-serif;}
.ready_background_jobs span { background-color: #008000; color: #FFF; position: absolute; right: 10px; width: 20px; text-align: center; height: 19px; -webkit-border-radius: 30px; border-radius: 30px; font-family: 'ubunturegular',sans-serif;}

.panel-form { margin:0; font-size: 15px; color: #656565; }
.panel-form p { margin:10px 0 3px 0; }
.panel-form .button { font-family: 'ubuntubold',sans-serif; }

.panel-form .inactive { color:#B0B0B0!important; }
.panel-form .active { color:#000000!important; }
.panel-form .type-input input { width: 89%; margin-bottom: 5px; padding: 2% 4% 2% 4%; border: 1px solid #c2c2c2; -webkit-border-radius: 6px; border-radius: 6px; color: #656464; font-family: 'ubunturegular',sans-serif; }
.panel-form .type-ticklabel { display:block; width:auto; }
.panel-form .type-ticklabel label { width: auto; font-weight: normal; font-family: 'ubuntumedium',sans-serif; }
.panel-form .type-tickbox { clear: both; margin: 0 5px 3px 0; float: left; }
.panel-form .type-text { float: left; width: 80%; margin-bottom: 5px; padding-top: 0; font-weight: normal; font-family: 'ubuntumedium',sans-serif; }
.panel-form .button-large { clear: both; width: 100%; font-size: 18px; padding: 4px 0 2px; margin-top: 5px; }
.panel-form .button-small { clear: both; width: 100%; font-size: 15px; padding: 4px 0 2px; margin-top: 5px; }
.panel-form .button-find { clear: both; width: 100%; font-size: 18px; padding: 8px 0 6px; }


/* Help Screens */
.help-menu, .help-menu ol, .help-menu ul { list-style: none; }    /* Reset all list styles */
.help-menu, .help-menu ol, .help-menu ul, .help-menu li { margin: 0; padding: 0; border: 0; }    /* Reset all list styles */
.help-menu { margin-top: 15px; }

.help-menu ul { display: none; }    /* by default hide all sub menus */
.help-menu input[type=checkbox] { position: absolute; opacity: 0; margin: 0; padding: 0; border: 0; }    /* hide native checkbox */

.help-menu label { position: relative; display: block; padding: 7px 50px 7px 16px; background-color: #E0E0E0; border: 1px solid #D0D0D0; color: #444; font-weight: normal; cursor: pointer; font-family: 'ubuntumedium',sans-serif; font-size: 19px; }

/*noinspection CssNoGenericFontName*/
.help-menu label::before { display: inline-block; width: 16px; height: 16px; right: 18px; color: #444; left:auto; position: absolute; top: 40%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 18px; font-family: "Font Awesome 5 Free"; font-weight: 900; content:"\f078"; }
.help-menu input[type=checkbox]:checked + label::before { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
.help-menu ul input[type=checkbox]:checked + label::after { background-position: -32px 0; }  /* show open folder icon if item is checked */

.help-menu input[type=checkbox]:checked + label + ul,
.help-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul { display: block; }   /* show children when item is checked */

.help-menu ul li.sub-help { border: solid 1px #DCDCDC; margin-bottom: 5px; }
.help-menu ul li.sub-help label { padding-left: 16px; color: #333333; font-size: 18px; font-family: 'ubuntumedium',sans-serif; border: none ; background: transparent; }

.help-menu > li:last-of-type > label,
.help-menu > li:last-of-type > a,
.help-menu > li > ul > li:last-of-type label,
.help-menu > li > ul > li:last-of-type a { box-shadow: none; }

.help-menu ul { margin: 10px 0 0 0; }

.help-menu.animated label::before { -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }    /* this class is used if you're using jquery to animate the accordion */
.help-menu ul ul { margin: 0; }
.help-menu ul ul li { padding: 0 10px 0 16px; font-size: 17px; line-height: 150%; }
.help-menu li.has-parent { margin-top: 15px; }

.help-menu ul li.sub-help label a { color:#444!important; }

.help-menu-text ul { display: block; list-style: disc outside none; margin: 1em 0; padding: 0 0 0 40px; }
.help-menu-text li { padding: 2px 0!important; margin: 0 0 10px 0; }
.help-menu-text ol { display: block; list-style: decimal outside none; margin: 1em 0; padding: 0 0 0 40px; }
.help-menu-text ol.lower-alpha {list-style-type: lower-alpha;}
.help-menu-text ol.lower-roman {list-style-type: lower-roman;}

.help-menu-youtube { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; }
.help-menu-youtube iframe { left:0; top:0; height:100%; width:100%; position:absolute; border: none; }

/* Event Header */
.event-header { clear: both; display: flex; width: 100%; justify-content: space-between; }
.event-header-right { display: flex; padding-left:10px; }
.event-header-right .event-icon { padding-left:10px; background-size: 32px 32px; }
.event-sm-links { display: none; }

.event-sub-header .event-icon { padding:2px; margin: 0 6px 3px 0; float:left; }

/* Form Layouts */
.form-filter { background-color:#EEEEEE; }

/* Public Box */
.public-container { padding: 0; margin: 0; }
.public-box, .public-box-list { padding: 0; margin: 30px 0; border: 1px solid #D0D0D0; clear: both; }
.public-box:nth-of-type(1) { margin-top: 15px!important; }
.public-box-list { margin-top: 0!important; }
.public-box-title { overflow: hidden; display: block; margin: 0; padding: 7px 18px 7px 16px; background-color: #E0E0E0; border-bottom: 1px solid #D0D0D0; color: #444444; font-weight: normal; font-family: 'ubuntumedium',sans-serif; font-size: 19px; clear:both; }
.public-box-content { padding: 15px 15px 10px 15px; }
.public-box-table { padding: 15px 5px 10px 5px; width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: calc(100% - 10px); overflow-x: auto; }
.public-box-table .list-table { margin-bottom: 15px; }
.public-box .no_bottom_padding { padding-bottom: 0; }
.public-box .no_top_padding { padding-top: 0; }
.public-box .no_top_margin { margin-top: 0; }

/* Admin Box (needed here for reports for logged out users!) */
.admin_container { padding: 0; margin: 0; }
.admin-box { padding: 0; margin: 30px 0; border: 1px solid #D0D0D0; clear: both; }
.admin-box:nth-of-type(1) { margin-top: 10px!important; }
.admin-box-left, .admin-box-right { padding: 0; margin: 0 0 20px 0; border: 1px solid #D0D0D0; clear: both; }
.admin-box-title { overflow: hidden; display: block; margin: 0; padding: 7px 18px 7px 16px; background-color: #E0E0E0; border-bottom: 1px solid #D0D0D0; color: #444444; font-weight: normal; font-family: 'ubuntumedium',sans-serif; font-size: 19px; clear:both; }
.admin-box-subtitle { font-size:0.8em!important; }
.admin-box-content { padding: 15px 15px 10px 15px; }
.admin-box-table { padding: 15px 5px; width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: calc(100% - 10px); overflow-x: auto; }
.admin-box-table .list-table { margin-bottom: 15px; }
.admin-box .no_bottom_padding { padding-bottom: 0; }
.admin-box .no_top_padding { padding-top: 0; }
.admin-box .no_top_margin { margin-top: 0; }
.admin-box-dashboard { padding: 0; }
.admin-box-table p { padding-left: 10px; padding-right: 10px; }
.admin-box-dashboard .admin-extended-help { padding: 10px 10px 0 10px; }

.admin-export-table { float:right; }
.admin-export-button { border: none; background-color: transparent; text-decoration:none!important; margin: 0 0 0 8px; padding:3px; cursor:pointer; -webkit-appearance: none; vertical-align: text-top; }
.admin-export-button:hover { opacity: .8; }
.admin-export-button:focus { outline:none; }
.admin-export-start { display: none; }

/* Form Toggle */
.sub_toggle_header { cursor:pointer; padding: 3px 15px; display: flex; align-items: center; margin-bottom: 8px; clear: both;}
.sub_toggle_header_arrow { display: inline-block; float: right; font-size: 18px; padding-top: 3px; }
.sub_toggle_box { display:none; }
.sub_toggle_padding { padding: 5px 15px 15px 15px; }
.sub_toggle_no_bottom_padding { padding: 5px 15px 0 15px; }

.sub_toggle_header.odd-stripe { background-color: #F8F8F8!important; }
.sub_toggle_header.even-stripe { background-color: #F0F0F0!important; }
.sub_toggle_header:hover { background-color: #E8E8E8!important; }

.sub_toggle_header .ff-tickbox-text { font-weight: normal; font-family: 'ubuntumedium',sans-serif; }
.sub_toggle_box .ff-tickbox { margin-left: 45px; min-width: 20px; float: left; }
.sub_toggle_box .ff-tickbox-text { margin-left: 20px; padding-left: 7px; }

.form-field,
.form-field-ucase,
.form-field-ralign,
.form-checkbox,
.form-textarea,
.form-field-large,
.form-field-help,
.form-field-help-large,
.form-field-noresize { border: 1px solid #c2c2c2; -webkit-border-radius: 6px; border-radius: 6px; color: #656464; background-color: #FFFFFF; font-family: 'ubunturegular',sans-serif; font-size:12pt; font-weight:normal; }
.form-field-large { width: 100%; }
.form-field-help, .form-field-help-large { width: -moz-calc(100% - 38px); width: -webkit-calc(100% - 38px); width: calc(100% - 38px); }
.form-field-ucase {text-transform: uppercase; }
.form-field-ralign { text-align: right; }
.form-field-toggle { background-color: #E0E0E0;  border: 1px solid #A0A0A0; color: #444444; font-weight: normal; font-family: 'ubuntumedium',sans-serif; font-size:14pt; }
.form-textarea { width:100%; }
.read-only { background-color:#E0E0E0; }
.form-option-button { margin:0 5px 0 5px; display: inline; cursor: pointer; height: 16px!important; }
.form-draghandle-button { margin:0 5px 0 5px; display: inline; cursor: move; height: 16px!important; }
.form-disabled-button { margin:0 5px 0 5px; display: inline; height: 16px!important; }

.form-setup-button { margin: 0; display: inline; cursor: pointer; height: 18px!important; }
.form-setup-draghandle { margin: 0; display: inline; cursor: move; height: 18px!important; }
.form-setup-disabled-button { margin: 0; display: inline; height: 18px!important; }

.form-delete-image-button { margin: 4px 5px 0 10px; display: inline; cursor: pointer; height: 18px!important; }

.form-field-error { background-color:#FFE8E8; }
.form-label-error { color: #ff0000; }
.form-field-upload { width: 0.1px;  height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.ff-input input { padding-left: 4px; }

.tinymce-center { display: block !important; margin-left: auto; margin-right: auto; width: 800px; }
.email-container { width: 100%!important; max-width:620px!important; }
.email-container td.header img, .email-container td.copyright img { width: 100%!important; max-width:620px!important; height: auto; }
.email-container td.header { background-image: none;  width: 100%!important; max-width:620px!important; height: auto; }
.email-container td.mainbar img { max-width:586px!important; height: auto; }

.freetext-container img { max-width: 100%!important; height: auto; }

.line_separator { width: 30%; }

/* Form Columns */
.ff-form { width:100%; box-sizing: border-box; }

.ff-table { width:100%; }
.ff-row,
.ff-row-20,
.ff-row-25 { clear: both; min-height:20px; margin-bottom: 10px; display: flex; width:100%; }

.ff-label,
.ff-label-help,
.ff-label-text,
.tt-label { width: 40%; min-width:120px; float: left; text-align: right; font-weight:normal; font-family: 'ubuntumedium',sans-serif; padding-right: 7px; }
.ff-field,
.ff-field-reverse,
.ff-field-text,
.ff-field-tickbox,
.tt-field { width: 58%; float: left; display: flex; justify-content: flex-start; align-items: center; }
.ff-field,
.tt-field { flex-wrap: wrap-reverse; }
.ff-field-reverse { flex-wrap: wrap; }
.ff-field-text { display: block !important; }
.ff-field-tickbox{ align-items: baseline; }
.ff-input { text-align: left; margin-right:10px; }
.ff-email { float: left; text-align: left; margin-right:10px; max-width:650px; }
.ff-textarea { text-align: left; margin-right:10px; width: 100%; }
.ff-explainer,
.ff-explainer-top { text-align: left; font-style: italic; }
.ff-explainer-top { flex: 0 0 100%; }

.ff-row-20 .ff-label,
.ff-row-20 .ff-label-help,
.ff-row-20 .ff-label-text,
.ff-row-20 .tt-label { width: 20%; }
.ff-row-20 .ff-field,
.ff-row-20 .ff-field-reverse,
.ff-row-20 .ff-field-text,
.ff-row-20 .ff-field-tickbox,
.ff-row-20 .tt-field { width: 78%; }

.ff-row-25 .ff-label,
.ff-row-25 .ff-label-help,
.ff-row-25 .ff-label-text,
.ff-row-25 .tt-label { width: 25%; }
.ff-row-25 .ff-field,
.ff-row-25 .ff-field-reverse,
.ff-row-25 .ff-field-text,
.ff-row-25 .ff-field-tickbox,
.ff-row-25 .tt-field { width: 73%; }

.ff-tickbox { min-width: 20px; float: left; }
.ff-tickbox-text { margin-left: 20px; padding-left: 7px; }
.ff-radio { width: 40%; float: left; text-align:right; margin-right: 10px; }
.ff-radio-text { float: left; }
.ff-button { display: flex; justify-content: center; align-items: center; flex-wrap: wrap-reverse; margin: auto; }
.ff-button-wrap { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: auto; }
.ff-link_list { width:100%; text-align: center; }
.ff-text { width:100%; text-align: left; }
.ff-heading { width:100%; text-align: center; }
.ff-subheading { width:100%; text-align: left; }
.ff-email-row { padding: 5px 5px 5px 0; clear: both; }
.ff-email-body { margin:0 auto; border-collapse:collapse; }
.ff-column-full { width: 100%; }
.ff-left-40 { width: 40%; float: left; text-align: left; }
.ff-left-80 { width: 80%; float: left; text-align: left; }
.ff-right-20 { width: 20%; float: left; text-align: right; }
.ff-left-80 .ff-label,
.ff-left-80 .ff-label-help,
.ff-left-80 .ff-label-text,
.ff-left-80.tt-label { width: 25%; }
.ff-column-left { width: 50%; float: left; }
.ff-column-right { width: 49%; float: left; }
.ff-column-full .ff-label,
.ff-column-full .ff-label-help,
.ff-column-full .ff-label-text,
.ff-column-full .tt-label { width: 25%; }
.ff-column-full .ff-field,
.ff-column-full .ff-field-reverse,
.ff-column-full .ff-field-text,
.ff-column-full .ff-field-tickbox,
.ff-column-full .tt-field{ width: 73%; }

.ff-show-row { padding: 0; clear: both; min-height:20px; display: flex; width:100%; align-items: center; }
.ff-show-text { width: 40%;  min-width:120px; float: left; text-align: left; font-weight:normal; font-family: 'ubuntumedium',sans-serif; }
.ff-show-text-label { width: 40%;  min-width:120px; float: left; text-align: right; font-weight:normal; font-family: 'ubuntumedium',sans-serif; }
.ff-show-no-collapse { width: 40%; min-width:150px; float: left; text-align: right; font-weight:normal; font-family: 'ubuntumedium',sans-serif; }
.ff-show-toggle { width: 40%;  min-width:120px; float: left; text-align: left; font-weight:normal; font-family: 'ubuntumedium',sans-serif; }
.ff-show-price { width:75px; float: left; padding: 0 7px; text-align: right; min-height:10px; }
.ff-show-buttons { text-align: center; }
.ff-show-buttons-left { text-align: left; padding: 2px 0; }
.ff-show-table-bottom { padding-bottom:10px; clear: both; }
.ff-show-buttons-sub { width:45%; float: left; text-align: center; cursor: default; }

.ff-confirm-label { width: 40%; float: left; text-align: right; font-size:1.10em; }
.ff-confirm-price { width:75px; float: left; padding: 0 7px; text-align: right; font-size:1.10em; }
.ff-confirm-field { width: 48%; float: left; }

.ff-info-row { padding: 5px 5px 5px 0; clear: left; min-height:12px; }
.ff-info-label { width: 132px;  min-width: 132px; float: left; text-align: left; font-weight:normal; font-family: 'ubuntumedium',sans-serif; padding-right: 7px; }
.ff-info-text { float: left; }

.ff-list-row { padding:5px; clear: both; vertical-align: middle; min-height:20px; }
.ff-list-label { width: 210px; float: left; padding-right: 7px; text-align: left; font-weight:normal; font-family: 'ubuntumedium',sans-serif; }
.ff-list-buttons { float: right; text-align: right; }

.ff-options-row { padding:5px; clear: both; }
.ff-options-label { width: 50%; float: left; padding-right: 7px; text-align: right; font-weight:normal; font-family: 'ubuntumedium',sans-serif; }
.ff-options-value { width: 110px; float: left; padding: 0 7px; text-align: right; }
.ff-options-quantity { float: left; padding-left: 3px; text-align: left; }

.ff-desc-label { width: auto; float: left; padding-right: 7px; text-align: left; }
.ff-desc-options { width: 150px; float: right; white-space: nowrap; }

.ff-label::after,
.ff-label-help-label::after,
.ff-show-text-label::after,
.ff-options-label::after,
.ff-info-label::after,
.tt-label::after { content: ":"; }
.ff-mandatory::before { content: "* "; }

.ff-left { text-align:left!important; }
.ff-right { text-align:right!important; }
.ff-superuser { color: #0033CC; }
.ff-entries-started { color: #D3394C; }
.ff-has-value { color: #9966CC; }

.ff-upload label { color: #D3394C; display: inline-block; cursor: pointer; font-family: 'ubuntumedium',sans-serif; }
.ff-upload label:focus, .ff-upload label:hover { opacity: .8; }

.help_icon a { margin-left: 5px; margin-right: 5px; color:#6A76A3 !important; font-size: 15px; text-decoration: none; }
.help_icon_superuser a { margin-left: 5px; margin-right: 5px; color:#9966CC !important; font-size: 18px; text-decoration: none; }
.help_icon_admin a { margin-left: 5px; margin-right: 5px; color:#6A76A3 !important; font-size: 18px; text-decoration: none; }
.help_icon_undefined a { margin-left: 5px; margin-right: 5px; color:#999999 !important; font-size: 18px; text-decoration: none; }
.help_icon a:hover, .help_icon_superuser a:hover, .help_icon_admin a:hover, .help_icon_undefined a:hover { opacity: .8; }
.help_edit_icon { color:#CCCCCC; margin-left: 5px; }

.step-icon { font-size: 16px; color:#454545; }
.step-icon-inactive { color:#AAAAAA; }
.step-icon-left { margin-right: 10px; }
.step-icon-right { margin-left: 10px; }

.admin-link-table { width:auto; margin: 0; border: none!important; }
.admin-extended-help { display: none; }
.admin-extended-help hr { width:80%; text-align:center; margin: 0 auto 16px auto; border:none 0; border-top:1px solid #D0D0D0; height:0; }

div.admin-link-table > div:nth-of-type(odd) { background-color: #F8F8F8!important; }
div.admin-link-table > div:nth-of-type(even) { background-color: #F0F0F0!important; }
div.admin-link-table > div:nth-of-type(odd):hover, div.admin-link-table > div:nth-of-type(even):hover { background-color: #E8E8E8!important; }

.admin-link-row { display: flex; }
.admin-link-row:hover { background-color: #E8E8E8!important; cursor: pointer; }
.admin-link { flex: 25%; min-width:200px; text-align: left; font-weight:normal; font-family: 'ubuntunormal',sans-serif; padding: 7px 0 0 7px; }
.admin-link-desc { flex: 75%; font-weight:normal; font-family: 'ubuntunormal',sans-serif; padding: 7px; }
.admin-link-icon { flex: 20px; font-weight:normal; font-family: 'ubuntunormal',sans-serif; padding: 7px; }

.address-row { font-size:1.10em; }

.payment_logo_left { width:100%; margin-bottom: 10px; margin-right: -240px; }
.payment_logo_left_padding { padding-right: 240px; }
.payment_logo_right { width:240px; float:right; margin-bottom: 10px; text-align: center; color: #606060; font-size: 7pt; }
.payment_logo_right img { display:block; margin: 0 auto 0 auto; }

.private-note-table p { padding-left: 0; padding-right: 0; }
.private-note-table p:last-child { margin-bottom: 0; }
.private-note-display-only { color: #787878 }

.custom-desc-before p:last-child { margin-bottom: 0; }
.custom-desc-after p:first-child { margin-bottom: 0; }

/* Table Layouts */
.td-top { vertical-align:top!important; }
.td-middle { vertical-align:middle!important; }
.td-bottom { vertical-align:bottom!important; }
.td-left { text-align:left!important; }
.td-right { text-align:right!important; }
.td-center { text-align:center!important; }
.td-amount { text-align:right!important; width:90px; padding-left: 8px!important; }
.td-text { overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; }
.td-datetime { width:160px; }

.list-table { width:100%; border-collapse:collapse; border:1px solid #D0D0D0!important; empty-cells: show; }
.list-table th,
.list-table td { text-align:left; padding: 5px 3px 5px 3px; }
.list-table th { background-color:#E0E0E0; vertical-align: bottom; }
.list-table td { vertical-align: text-top; }
.list-table tfoot { border-top: 1px solid #B3B3B3!important; font-weight:normal; font-family: 'ubuntumedium',sans-serif; }

table.dataTable { empty-cells: show; }
table.dataTable th, .table.dataTable th { border-bottom: 1px solid #D0D0D0!important; }
table.dataTable th, .table.dataTable th { padding: 5px 3px 5px 5px!important; font-weight: normal!important; font-family: 'ubuntumedium',sans-serif; background-color:#E0E0E0; vertical-align:bottom; }
table.dataTable td, .table.dataTable td { padding: 5px 3px 5px 3px!important; }
table.dataTable thead td, .table.dataTable thead td { border-bottom: none; }
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-position: bottom left!important; }
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #F8F8F8!important; }
table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even { background-color: #F0F0F0!important; }
table.dataTable.stripe tbody tr.odd:hover, table.dataTable.stripe tbody tr.even:hover, table.dataTable.display tbody tr.odd:hover,table.dataTable.display tbody tr.even:hover { background-color: #E8E8E8!important; }

table.dataTable thead th { position: relative; background-image: none !important; } /* Remove the DataTables bootstrap integration styling */
/*noinspection CssNoGenericFontName*/
table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after { font-family: "Font Awesome 5 Free"; font-weight: 900; padding-left: 8px; }
table.dataTable thead th.sorting:after { content: "\f0dc"; color: #909090; }
table.dataTable thead th.sorting_asc:after { content: "\f0de"; color: #333333; }
table.dataTable thead th.sorting_desc:after { content: "\f0dd"; color: #333333;}

table.dataTable tfoot td { border-top: 1px solid #B3B3B3!important; font-weight:normal; font-family: 'ubuntumedium',sans-serif; }

table th.listButtons, table td.listButtons { text-align: right; white-space:nowrap; width: auto; }

table.stripe tbody tr:nth-child(odd) { background-color: #F8F8F8!important; }
table.stripe tbody tr:nth-child(even) { background-color: #F0F0F0!important; }
table.stripe tbody tr:nth-child(odd):hover, table.stripe tbody tr:nth-child(even):hover { background-color: #E8E8E8!important; }

.table-no-width { border-spacing: 0!important; }

.dataTables_processing { position: absolute!important; top:52px!important; margin-top: 0!important; padding-top: 0!important; background: none!important; }

.options-table-button { border: none; background-color: transparent; text-decoration:none!important; cursor:pointer; -webkit-appearance: none; padding: 7px; width:100%; font-size: 1em; font-family: 'ubunturegular',sans-serif; text-align: left; vertical-align: text-bottom; }
.options-table-button:focus { outline:none; }
.options-table-link { width:65px; float:left; margin: auto; padding-left: 15px; }

.special-report-table { margin:0 0 6px 0; border-collapse:collapse; }
.special-report-table th,
.special-report-table td { text-align:left; padding:3px; border: 1px solid #909090; }
.special-report-table th { vertical-align:bottom; font-weight: normal!important; font-family: 'ubuntumedium',sans-serif; background-color:#E0E0E0; }
.special-report-table td { vertical-align:text-top; }
.special-report-table tfoot td { font-weight:normal; font-family: 'ubuntumedium',sans-serif; background-color:#E0E0E0; }

/* Special Text Options */
.total-fee { font-family: 'ubuntumedium',sans-serif; color: #008000; }
.entry-fee { font-family: 'ubuntumedium',sans-serif; color: #CC0000; }
.entry-qualifier { font-size: 1.15em; font-family: 'ubuntumedium',sans-serif; color: #106bab; }
.main-highlight { color: #CC0000; }
.sub-highlight { color: #FF9900; }
.info-highlight { color: #666666; }
.discount-highlight { color:#0066CC; }
.other-highlight { color: #008000; }
.alternative-highlight { color: #A97ED3; }
.negative-highlight { color: #0066CC; }
.mandatory { margin:0 3px 0 0; padding:0; }
.amount-ralign { width:75px; display:inline-block; text-align:right; }
.discount-msg { padding:10px 0; font-size: 11pt; color: #0066CC; font-weight:normal; }

/* Custom Field Images */
.custom_field_image_top { border:1px solid #6F6F6F; margin-bottom: 8px; }
.custom_field_image_left { border:1px solid #6F6F6F; margin-right: 8px; }
.custom_field_image_right { border:1px solid #6F6F6F; margin-left: 8px; }
.custom_field_image_top { border:1px solid #6F6F6F; margin-top: 8px; }

/* Home Page */
.events_list_header { width:100%; clear:both; float:left; border-bottom:5px solid #B4B5B5; }
.events_list_header h1 { line-height: normal; }
.events_list_header .elh_left { float:left; max-width:60%; }
.events_list_header .elh_right { float:right; max-width:40%; margin-top: 10px; color: #656464; }
.events_list_header .elh_right .elh_text_list, .events_list_header .elh_right .elh_text_map { float:left; font-size:18px; font-family: 'ubuntubold',sans-serif; font-weight: normal; margin-top:2px; }
.events_list_header .elh_right .elh_text_map { margin-left: 30px; }
.events_list_header .elh_right a:hover, .events_list_header .elh_right a:focus { opacity: .8; }
.events_list_header .event_total_events a { margin-left: 12px; color:#656464 !important; font-size: 14px; text-decoration: none; }
.events_list_header .event_total_events a:hover, .events_list_header .event_total_events a:focus { opacity: .8; }

.map_list_switch { float: right; font-size: 19px; }
.mls_icon { float:right; margin: 0 10px; cursor:pointer; }
.mls_icon.map_icon { font-size: 20px; line-height: 100%; }
.mls_icon a { color:#656464 !important; }
.mls_icon.selected a { color:#c81429 !important; }
.elh_text_list a, .elh_text_map a { color:#656464 !important; text-decoration: none; }
.elh_text_list.selected a, .elh_text_map.selected a { color:#c81429 !important; text-decoration: none; }

.etp_cycling { background-color: #D88610; }
.etp_multisport { background-color: #B0468B; }
.etp_running { background-color: #C50024; }
.etp_watersports { background-color: #516BA9; }
.etp_other { background-color: #72BF9B; }

.etg_hidden_content .filter_tickbox { margin-left: 20px; }
.etg_hidden_content .type-text { font-size: 15px; }
.etg_hidden_content { display: none; }

#event_table, .month_breaker, .month_wrap { float:left; width:100%; margin:0; clear: both; }
#event_table { margin-bottom:30px; }
.membership_wrap { margin:15px 0 12px; }
.month_wrap { margin-bottom:5px; }
.month_breaker { font-size:21px; color:#333; margin:15px 0 12px; }

.month_breaker span { font-family: 'ubuntubold',sans-serif; font-weight: normal; color: #C81429; }
.event_table_item { width:100%; float:left; display:block; background-color: #E8E8E8; margin-bottom: 4px; }
.event_table_item.altbg { background-color: #F0F0F0; }
.eti_wrap { display:table; width:100%; float:left; }
.eti_wrap > div { vertical-align: middle; display: table-cell; padding: 0; }
.eti_wrap > div.eti_date { width: 75px; padding: 9px 9px 8px; color: #FFF; float: left; border-right: 4px solid #FFF; font-family: 'ubuntubold',sans-serif; font-weight: normal; line-height: 110%; min-width: 60px; text-align: center; cursor: pointer; }
.eti_wrap > div.eti_date_wide { width: 125px; padding: 9px 9px 8px; color: #FFF; float: left; border-right: 4px solid #FFF; font-family: 'ubuntubold',sans-serif; font-weight: normal; line-height: 110%; min-width: 60px; text-align: center; background-color: #787878; cursor: pointer; }
.eti_wrap > div.eti_type { width: 20px; padding: 0 9px; color: #FFF; border-right: 4px solid #FFF; font-family: 'ubuntubold',sans-serif; font-weight: normal; line-height: 110%; height: 15px; min-width: 20px; text-align: center; cursor: pointer; }
.eti_wrap > div.eti_title { width:100%; padding: 4px 9px 0 9px; color: #C81429; font-family: 'ubuntumedium',sans-serif; font-weight: normal; line-height: 110%; min-width: 16px; text-align: left; cursor: pointer; }
.eti_wrap > div.eti_status { width: 180px; border-left: 4px solid #FFF; min-width: 180px; }
.eti_wrap > div.eti_status_wide { width: 220px; border-left: 4px solid #FFF; min-width: 220px; }

.eti_date.ets_forward,
.eti_date.ets_edit,
.eti_date.ets_transfer,
.eti_date.ets_backward { background-color: #787878; }

.eti_num { font-size: 16px; }
.eti_day { font-size: 12px; }
.eti_month, .eti_month_full { font-size: 12px; }
.eti_map { background-color: #73B9FF; }
.eti_title a, .eti_title a:visited, .eti_hidden_content p a { color: #C81429; text-decoration: none; font-family: 'ubuntumedium',sans-serif; font-weight: normal !important; font-size: 16px; }
.eti_title:hover{ background-color: #E0E0E0; }
.eti_title a:hover, .eti_hidden_content p a:hover { text-decoration: underline; }
.eti_hidden_content { padding: 0; float: left; position: relative; width: 100%; display: none; border-top: 1px solid #FFF; }
.eti_hc_padding { padding:1.5% 2%; width:96%; float:left; position: relative; }
.eti_hidden_content p:first-child { margin:0; }
.eti_hidden_content p { margin:10px 0 0 0; }
.eti_reveal { font-size:18px; color: #333; padding: 0 5px !important; cursor: pointer; float:right; }
.eti_status .eti_button, .eti_status_wide .eti_button  { font-size: 15px; font-family: 'ubuntumedium',sans-serif; font-weight: normal !important; color: #FFF !important; text-decoration: none !important; max-width: 100%; margin: 0; cursor: pointer; padding: 9px 0 8px; display: block; background-image: none; text-align: center; border: 0 !important; height: 17px; line-height: 110%; }
.eti_status a, .eti_status a:visited, .eti_status a:hover, .eti_status a:focus, .eti_status_wide a, .eti_status_wide a:visited, .eti_status_wide a:hover, .eti_status_wide a:focus  { color: #FFF !important; text-decoration: none !important; }
.eti_status .eti_button .eti_link_text, .eti_status_wide .eti_button .eti_link_text { white-space:nowrap; }

.eti_status .button-submit { font-size:12pt; font-weight:normal; font-family: 'ubuntumedium',sans-serif; color: #FFF!important; text-align:center; text-decoration:none!important; padding: 9px 0 8px; border: none; cursor:pointer; width:100%; }

.eth_link { display: block; }
.eth_button_wrap { width: 100%; margin: 0 auto; }
.eth_button, .eth_button_wide { display: none; font-size:14pt; letter-spacing: 1.5px; font-weight:normal; font-family: 'ubuntumedium',sans-serif; color: #FFF!important; text-align:center; text-decoration:none!important; margin:8px 7px 2px 7px; padding:3px 0; border-color: transparent; cursor:pointer; -webkit-border-radius: 8px; border-radius: 8px; min-width: 200px; }
.eth_button{ min-width: 180px; }
.eth_button_wide { min-width: 220px; }
.eth_button:hover, .eth_button:focus, .eth_button:active, .eth_button_wide:hover, .eth_button_wide:focus, .eth_button_wide:active { opacity: .8; }
.eth_button a, .eth_button a:visited, .eth_button a:hover, .eth_button a:focus, .eth_button_wide a, .eth_button_wide a:visited, .eth_button_wide a:hover, .eth_button_wide a:focus { color: #FFF !important; text-decoration: none !important; }
.eth_orienteering_link { display: inline-block; }
.eth_orienteering_desc { margin:10px 0 5px 0; }

.ol-popup { position: absolute; background-color: white; -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); padding: 15px; border-radius: 10px; border: 1px solid #cccccc; bottom: 36px; left: -100px; min-width: 400px; }
.ol-popup-closer { text-decoration: none; position: absolute; top: 2px; right: 8px; }
.ol-popup-closer:after { content: "✖"; }

.home_map_panel { margin: 10px 0; width: 100%; height: 700px; }
#home_map_canvas { margin: 0; padding: 0; width: 100%; height: 100%; border: 1px solid #AAAAAA; font-size: 13px; font-weight: normal; font-family: 'ubunturegular',sans-serif; color:#444; }

.sub_toggler { width: 93%; background-color: #DCDCDC; overflow: hidden; display: block; padding: 8px 2% 8px 5%; color: #656464; font-weight: normal; font-family: 'ubuntumedium',sans-serif; font-size: 15px; margin-top: 10px; letter-spacing: 1px; text-transform: uppercase; line-height: 100%; cursor:pointer; }
.sub_toggler:hover { opacity:.8; }
.sub_toggler i.fa { position: absolute; right: 18px; }
.toggle_padding { padding:15px 0 0; }

.toggle_initial_show { display: block; }

.panel-form #efrom { float: left; width: 37.5%; }
.panel-form #eto { float: left; width: 37.5%; margin-left: 5%; }
.panel-form #edist { float: left; width: 15%; }
.panel-form #elocn { float: left; width: 60%; margin-left: 5%; }

.panel-form .type_event_group, .panel-form .type-options { background: transparent; float: left; width: auto; height: auto; margin-right: 5px; margin-bottom: 0; padding: 0; }
.panel-form .text_eg_R { color: #c50024; }
.panel-form .text_eg_C { color: #d88610; }
.panel-form .text_eg_W { color: #516ba9; }
.panel-form .text_eg_M { color: #b0468b; }
.panel-form .text_eg_O { color: #72bf9b; }
.panel-form .filter_tickbox { width: 100%; float: left; }
.panel-form .filter_expandable .type-text, .panel-form .filter_expandable .type-dropdown { cursor:pointer; }
.panel-form .button-reset { border-color: transparent; background: transparent; font-size: 18px; color: #656464 !important; font-weight: normal; margin-top: 0; font-family: 'ubuntumedium',sans-serif; width: auto; float:right; margin-right: 10px; cursor: pointer; margin-bottom: 10px; }
.panel-form .button-reset a { color: #656464; text-decoration: none; }
.panel-form .button-reset a:hover { opacity: .8; }
.panel-form .reset-wrap { width:100%; clear:both; margin-bottom:10px; }
.panel-form .button-reset .fas { font-size: 16px; }
.panel-form .button-reset .reset-text { padding-right: 10px;  }
.panel-form .find-wrap { width:100%; clear:both; position: relative; }
.panel-form .find-wrap a { color:#FFF; text-decoration: none !important; }
.panel-form .find-wrap .fas { position: absolute; font-size: 16px; right: 10px; top: 11px; }
.panel-form .find-wrap { width:100%; clear:both; position: relative; }
.panel-form .find-wrap a { color:#FFF; text-decoration: none !important; }
.panel-form .clear-wrap { margin-top: 10px; }
.panel-form .type-save_details-wrap { margin-bottom: 15px; }
.panel-form .type-tickbox-wrap { clear:both; margin-top: 15px; margin-bottom: 10px; }
.panel-form .type-dropdown i.fa { font-size:15px; position: absolute; right: 18px; }
.panel-form .filter_expandable .type-text:hover { opacity: .8; }

.index_button_div { font-size: 14px; width:100%; clear:both; position: relative; margin-bottom:10px;  }
.index_button_div a { color:#FFF; text-decoration: none !important; }
.index_sientries { font-size: 15px; background-color:#6699FF; }
.index_orienteering { font-size: 15px; background-color:#b0468b; }
.index_anytime { font-size: 15px; background-color:#72bf9b; }

/* Home Page Header */
.screen-bg-image { position: relative; margin-bottom: 20px!important; padding: 0; -webkit-box-shadow: 0 0 0 #ccc; box-shadow: 0 0 0 #ccc; border: 0 solid #fff!important; margin-top: 90px; }
.screen-bg-image { min-height: 500px; background-size: cover; background-position: 50% 50%; }
.header-caption { width: 100%; height: 100%; display: block; float: left; position: relative; min-height: 500px; }
.header-caption h2 { margin-top: 9%; font-size: 65px; color: #FFF; font-family: 'ubunturegular',sans-serif; font-weight: normal; margin-bottom: 0; }
.header-caption .medium_text { font-size: 50px!important; display: block; line-height: 100%; }
.header-caption .small_text { font-size: 35px!important; display: block; line-height: 100%; }
.cap_buttons { width:100%; margin-top:12px; }
.cap_buttons .cap_button, .cap_about_button, .cap_buttons a.cap_button, a.cap_about_button { background-color: #c81429; color: #FFF; padding: 2.5px 15px 1px; -webkit-border-radius: 25px; border-radius: 25px; font-family: 'ubuntubold',sans-serif; text-transform: uppercase; float: left; display: block; font-size: 17px; letter-spacing: 2px; margin-right: 15px; text-decoration: none; font-weight:normal; }
.cap_buttons .cap_button.red_bg, .cap_about_button.red_bg { background-color: #c81429; }
.cap_buttons .cap_button.orange_bg, .cap_about_button.orange_bg { background-color: #d88510; }
.cap_buttons .cap_button.blue_bg, .cap_about_button.blue_bg { background-color: #566fab; }
.cap_buttons .cap_button.purple_bg, .cap_about_button.purple_bg { background-color: #b65493; }
.cap_buttons .cap_button.green_bg, .cap_about_button.green_bg { background-color: #72bf9b; }
.cap_about_button, a.cap_about_button { text-transform: none; letter-spacing: 1px; position: absolute; padding: 2.5px 12px 1px; bottom: 30px; right: 0; margin:0; }
.cap_buttons a.cap_button:hover, a.cap_about_button:hover { opacity:.8; }

.team_anchor::before { display: block; content: " "; margin-top: -165px; height: 165px; visibility: hidden; pointer-events: none; }

/* Event Page */
.event-summary { clear: both; display: flex; width:100%;  margin-top: 10px; justify-content: space-between; align-items: flex-start; flex-direction: row-reverse; }
.event-summary-logo { margin: 10px 0 10px 10px; }
.event-summary-detail { margin: 0 10px 10px 0; }
.event-summary-full { margin: 0 10px  10px 0; width:100%; }

.event-summary-row { clear: both; min-height:12px; margin-bottom: 5px; display: flex; width:100%; }
.event-summary-label { min-width: 132px; text-align: left; font-weight:normal; font-family: 'ubuntumedium',sans-serif; padding-right: 7px; }
.event-summary-text a { overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; }
.event-summary-label::after { content: ":"; }
.event-summary-label-group { display: flex; }
.event-summary-label-icon { border: none; padding: 3px 7px 0 0; text-align: left; vertical-align: middle; }

#event_media { display: none; }

.event-image img { display:block; margin: 0 auto 15px auto; }
.GivingImg { margin: 0 0 15px 15px; float: right; }

.event_buttons_container { width:100%; margin: 0; text-align: center; }
.event_buttons > div { width: 220px; margin: 7px; display: inline-block; text-align: center; }

.event_map_panel { margin: 10px 0; width: 100%; height: 400px; }
#event_map_canvas { margin: 0; padding: 0; width: 100%; height: 100%; border: 1px solid #AAAAAA; }

#racecheck-widget { left: auto!important; right: 0!important; }

/* Social Media List Icons */
.sm_icon { display:inline; padding-left: 3px; }

/* Payment IFrames */
#method_data_iframe_container iframe { visibility: hidden; position: absolute; left: 0; top: 0; height:0; width:0; border: none; }

#challenge_iframe_container { display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; width: 100%; height: 100vh; }
#challenge_iframe_container iframe { margin: 0; border: none; background-color: #FFFFFF; }
#challenge_iframe_container form { margin: 0; border: none; }
#challenge_iframe_modal { position: fixed; z-index: 1000; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.6); }
#challenge_iframe_modal_content { position: relative; margin: auto; padding: 0; }
.challenge_iframe_modal_content_250 { width: 250px; }
.challenge_iframe_modal_content_600 { width: 600px; }
.challenge_iframe_modal_content_500 { width: 500px; }
.challenge_iframe_modal_content_390 { width: 390px; }

/* OpenLayers Mapping */
.ol-attribution { padding: 2px!important; bottom: 3px!important; right: 3px!important; }
.ol-attribution li { font-size: 12px!important; }

/* Password Strength checker */
.password_strength_row .ff-field { display: block; }

/* Loading Spinner */
.si-loading-overlay { z-index: 2000; width: 100%; height:100%; }
.si-loading-loading { height: 100%; display: flex; justify-content: left; align-items: center; }
.si-loading-spinner { width: 11px; height: 11px; margin: 0 10px; border: 4px #AAA solid; border-top: 4px #2e93e6 solid; border-radius: 50%; animation: loading-spinner-animate 0.8s infinite linear; }
@keyframes loading-spinner-animate { 100% { transform: rotate(360deg); } }

/* Testimonials */
.testimonial { width:100%; clear: both; margin-top: 15px; }
.testimonial img { border-style:none; display:block; max-width:120px; height: auto; }
.testimonial_left img { float: left; margin: 0 20px 10px 0; }
.testimonial_right img { float: right; margin: 0 0 10px 20px; }
.testimonial_separator { width:100%; clear: both; border-bottom: 1px solid #DDDDDD; }

/* Javascript Enabled */
.show_hide,
.div_hidden { display:block; }
.div_show { display:block; }
.td_hidden { display:table-cell; }
.td_show { display:table-cell; }

#js #event_media { display: block; }

#js .show_hide,
#js .div_hidden,
#js .td_hidden { display:none; }
#js tbody.on, #js tr.on, #js th.on, #js td.on { display:block; }
#js tbody.off, #js tr.off, #js th.off, #js td.off { display:none; }

#js .js-code { display:inline-block; }
#js .no-js-code { display:none; }


/* Javascript Disabled */
#no-js #leftFilter,
#no-js #leftFilterT,
#no-js #leftFilterF { display:none; }

#no-js .help_icon,
#no-js .js-code { display:none; }
#no-js .no-js-code { display:inline-block; }

#no-js .panel-left-header { cursor: default; }

#no-js .eti_wrap > div.eti_date, #no-js .eti_wrap > div.eti_date_wide, #no-js .eti_wrap > div.eti_type, #no-js .eti_wrap > div.eti_title { cursor: default; }

#no-js .sub_toggle_box { display:block; }
#no-js .sub_toggle_header_arrow,
#no-js .dropdown_reveal .fa-chevron-down { display:none; }

#no-js .password_strength_row { display:none; }
#no-js .form-field-help, #no-js .form-field-help-large { width: -moz-calc(100% - 12px); width: -webkit-calc(100% - 12px); width: calc(100% - 12px); }

#no-js .list-table th { background-color: #dcdcdc; }


/* ----------------------
   SIENTRIES RESPONSIVE CSS
---------------------- */

.only_xxlarge { display:none; }
.only_exlarge { display:none; }
.only_medium { display:none; }
.only_small { display:none; }

/* CSS shorter than 850px, all devices */
@media only screen and (max-height: 850px)
{
    /* Header */
    #sientries_logo, #sientries_logo_footer { font-size: 37px; min-height: 62px; padding-top: 12px; }
    #sientries_logo strong, #sientries_logo_footer strong { font-size: 40px; }
    #sientries_logo span.smaller, #sientries_logo_footer span.smaller { font-size: 10px; letter-spacing: 1.5px; }

    #header_follow_text { padding-top: 10px!important; }

    #powered_by { min-height: 76px; }
    #powered_by_link { padding-top: 10px!important; }
    #powered_by_text { font-size: 10px; }
    #powered_by_name { font-size: 40px; }
    #powered_by_suffix { font-size: 37px; }

    .no-header-image { margin-top: 85px; }

    #nav,
    #nav ul,
    #header_follow,
    .header_follow_colour { height: 75px; }
    .header_follow_icon { font-size: 30px; padding: 0 20px 0; }

    .header-caption, .screen-bg-image { min-height: 350px; }
    .header-caption h2 { margin-top: 100px; font-size: 55px; }
    .header-caption .medium_text { font-size: 40px!important; }
    .header-caption .small_text { font-size: 25px!important; }
    .screen-bg-image { margin-top: 75px; background-position: 50% 25%; }
    .header_powered_by_colour { height: 75px; }

    .team_anchor::before { display: block; content: " "; margin-top: -140px; height: 140px; visibility: hidden; pointer-events: none; }

    .home_map_panel { height: 550px; }
}

/* CSS shorter than 750px, all devices */
@media only screen and (max-height: 750px)
{
    .header-caption, .screen-bg-image { min-height: 250px; }
    .header-caption h2 { margin-top: 80px; font-size: 55px; }
    .header-caption .medium_text { font-size: 40px!important; }
    .header-caption .small_text { font-size: 25px!important; }
    .screen-bg-image { background-position: 50% 25%; }

    .home_map_panel { height: 450px; }
}

/* CSS shorter than 750px, all devices */
@media only screen and (max-height: 600px)
{
    .home_map_panel { height: 450px; }
}

/* CSS smaller than 1650px, all devices */
@media only screen and (max-width: 1650px)
{
    /* Header */
    #header_follow_block { letter-spacing: 1.6px; }
    #header_follow { width: 140px; margin-right: -140px; }
    #header_follow a { background-image: none; }
    #header_follow_text { padding: 20px 0 5px 8px; font-size: 14px; }
    .header_follow_icon { font-size: 26px; padding: 0 10px 0; }

    #powered_by_name { font-size: 40px; }
    #powered_by_suffix { font-size: 32px; }
}

/* CSS smaller than 1500px, all devices */
@media only screen and (max-width: 1500px)
{
    #header_follow_block { letter-spacing: 1.3px; }
    #header_follow { width: 120px; margin-right: -120px; }
    #header_follow a { background-image: none; }
    #header_follow_text { padding: 20px 0 5px 8px; font-size: 14px; }
    .header_follow_icon { font-size: 22px; padding: 6px 0 0 8px; }
    #header_follow_large { display: none; }
    #header_follow_small { display: inline-block; }

    #powered_by { background: url('images/logo_powered_by_small.png') no-repeat #c81429; }
    #powered_by_link { padding-top: 20px; }
    #powered_by_text { display: none; }
    #powered_by_name { display: block;  font-size: 57px; line-height: 80%; }
    #powered_by_suffix { display: block; font-size: 16px; }
}

/* CSS smaller than 1350px, all devices */
@media only screen and (max-width: 1350px)
{
    /* Header */
    #sientries_logo, #sientries_logo_footer { width: 20%; }

    #nav { width: 70%; }

    #header_follow { width: 10%; margin-right: 0; }

    #powered_by { width:10%; margin-right: 0; text-align: center; background: none #AF182A; }
    .header_powered_by_colour { background-color: #AF182A; border-bottom:solid 1px #AF182A; }
}

/* CSS smaller than 1180px, all devices */
@media only screen and (max-width: 1180px)
{
   .only_xxlarge { display:block; }

    /* Form Columns */
    .ff-column-full .ff-label,
    .ff-column-full .ff-label-help,
    .ff-column-full .ff-label-text,
    .ff-column-full .tt-label { width: 40%; }
    .ff-column-full .ff-field,
    .ff-column-full .ff-field-reverse,
    .ff-column-full .ff-field-text,
    .ff-column-full .ff-field-tickbox,
    .ff-column-full .tt-field { width: 58%; }

    .ff-column-left,
    .ff-column-right { width:100%; float: none; clear: both; }
    .ff-column-right { padding-top: 5px }

    .eti_title a, .eti_title a:visited, .eti_hidden_content p a, .eti_title span { font-family: 'ubuntumedium',sans-serif; font-size: 15px; }
}

/* CSS smaller than 1100px, all devices */
@media only screen and (max-width: 1100px)
{
    /* Header */
    #nav ul li a { font-family: 'ubunturegular',sans-serif; font-size: 12px; }

    /* Body */
    #container_a { width: 26%; }
    #container_b { width: 71%; }

    #sientries_logo { font-size: 37px; }
    #sientries_logo strong { font-size: 40px; }
    #sientries_logo span.smaller { font-size: 10px; letter-spacing: 1.5px; }

    #powered_by_link { padding-left: 8px; }
}

/* CSS smaller than 1000px, all devices */
@media only screen and (max-width: 1000px)
{
    /* Body */
    .no_exlarge { display:none; }
    .only_exlarge { display:block; }

     /* Home Page */
    .button-index a, .button-index a:visited, .button-index a:hover, .button-index a:focus { display: block; text-indent: -9000px; }

    .eti_wrap > div.eti_title { height: 32px; }

    #sientries_logo, #sientries_logo_footer { width: 18%; }
    #header_follow { width: 12%;  }

    .eti_status,
    .eti_status_wide,
    .eti_type,
    .eti_map { display:none !important; }

    .eti_date.ets_forward { background-color: #629c0c; }
    .eti_date.ets_edit { background-color: #106bab; }
    .eti_date.ets_transfer { background-color: #9966CC; }
    .eti_date.ets_backward { background-color: #8C7412; }

    .eth_link, .eth_orienteering_link { display: none; }
    .eth_button, .eth_button_wide { display: inline-block; }

    /* Event Page */
    .event-summary { display: block; width: 100%; }

    .ff-show-buttons-sub { display:none; }
}

/* CSS smaller than 950px, all devices */
@media only screen and (max-width: 950px)
{
    /* Body */
    #container_a { width: 29%; }
    #container_b { width: 68%; }

    .no-header-image { margin-top: 85px; }

    /* Header */
    #sientries_logo, #sientries_logo_footer { font-size: 30px; min-height: 62px; padding-top: 12px; }
    #sientries_logo strong, #sientries_logo_footer strong { font-size: 33px; }
    #sientries_logo span.smaller, #sientries_logo_footer span.smaller { font-size: 10px; letter-spacing: 1.0px; }

    #nav { height: 75px; }
    #nav ul { display: table; width: 100%; height: 75px; }
    #nav ul li a { width: 96%; padding: 2%; }

     #header_follow { height: 75px; }
    .header_follow_colour { height: 75px; }
    #header_follow_text { padding-top: 10px; }

    #powered_by { min-height: 76px; }
    #powered_by_link { padding-top: 15px; }
    #powered_by_text { display: none; }
    #powered_by_name { display: block;  font-size: 47px; line-height: 80%; }
    #powered_by_suffix { display: block; font-size: 14px; }
    .header_powered_by_colour { height: 75px; }

    .header-caption h2 { margin-top: 100px; font-size: 55px; }
    .header-caption .medium_text { font-size: 40px!important; }
    .header-caption .small_text { font-size: 25px!important; }
    .cap_buttons .cap_button, .cap_about_button, .cap_buttons a.cap_button, a.cap_about_button { font-size: 13px; letter-spacing: 1px; }
    .screen-bg-image { margin-top: 75px; }
    .team_anchor::before { display: block; content: " "; margin-top: -140px; height: 140px; visibility: hidden; pointer-events: none; }

     /* Footer */
    .footerMenu li a { font-family: 'ubunturegular',sans-serif; font-size: 14px; }
    .footerMenu li a i { font-size: 16px; margin-right: 2px; }
    .copyright a { font-family: 'ubunturegular',sans-serif; font-size: 14px; }
    .copyright a i { font-size: 16px; margin-left: 2px; }
}

/* CSS smaller than 880px, all devices */
@media only screen and (max-width: 880px)
{
    /* Body */
    #container_a { width: 31%; }
    #container_b { width: 66%; }

    .auto_margin_container { padding:0 12px; }
    .public-box-content { padding: 10px 10px 5px 10px; }
    .admin-box-content { padding: 10px 10px 5px 10px; }

    /* Home Page */
    .events_list_header .elh_right .elh_text_list, .events_list_header .elh_right .elh_text_map { display:none; }

     /* Footer */
    .footerMenu li a { font-family: 'ubunturegular',sans-serif; font-size: 12px; }
    .footerMenu li a i { font-size: 14px; margin-right: 2px; }
    .copyright a { font-family: 'ubunturegular',sans-serif; font-size: 12px; }
    .copyright a i { font-size: 14px; margin-left: 2px; }
}

/* CSS smaller than 800px, all devices */
@media only screen and (max-width: 800px)
{
    /* Body */
    #container_a { width: 33%; }
    #container_b { width: 64%; }

    .no_large { display:none; }

    .payment_logo_left { width:100%; margin-right: 10px;}
    .payment_logo_left_padding { padding-right: 10px;}
    .payment_logo_right { display:none; }

    /* Table Layouts */
    .list-table { overflow: hidden; }
    .list-table table,
    .list-table thead,
    .list-table tbody,
    .list-table th,
    .list-table td,
    .list-table tr { display: block; }

    .list-table tfoot { display: none; }

    .list-table thead tr { position: absolute; top: -9999px; left: -9999px; }
    .list-table tr { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
    .list-table td,
    .list-table.dataTable td { border: none; border-bottom: 1px solid #ccc; position: relative; padding: 5px 3px 5px 42%!important; }
    .list-table td:before,
    .list-table.dataTable td:before { position: absolute; top: 3px; left: 3px; width: 40%; padding-right: 10px; white-space: nowrap; font-family: 'ubuntumedium',sans-serif; }
    .list-table .form-field { width: 100%; }

    .list-table .td-right,
    .list-table .td-center,
    .list-table .td-amount { text-align:left!important; }
    .list-table .td-amount,
    .list-table .td-datetime { width: auto; }

    .list-table.dataTable td.dataTables_empty { padding: 0!important; border: none!important; }
    .list-table.dataTable td.dataTables_empty:before { content: ""!important; }

    table th.listButtons, table td.listButtons { text-align: left!important; }

   .header_follow_icon { font-size: 20px; }

    .admin-export-table span { display: none; }

    /* Testimonials */
    .testimonial img { max-width:25%; }
}


/* CSS smaller than 750px, all devices */
@media only screen and (max-width: 750px)
{
    .no_medium { display:none; }
   .only_medium { display:inline-block; }

    .socialicon-test { width: 98%; margin: 0 0 2px 0; }
    .socialicon-test-outer img { margin-right: 0; }

    /* Body */
    #container_d { float:none; margin-right:0; }
    #container_dp { padding-right:0; }

    .no-header-image { margin-top: 0; }

    .panel-left-header { cursor: pointer; }
    .panel-left-header i.fa-chevron-down {  position: absolute; top:11px; right: 10px; display: inline-block; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
    .panel-left-header .down { -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(180deg); transform: rotate(-180deg); }
    .menu-no-large { display: block; }
    .menu-no-small { display: none; }

    #leftOptions, #leftOptionsF, #leftTop, #leftTopF { display: block; }

    /* Header */
    #page_header { position: relative; float:left; margin-bottom: 10px; }

    #sientries_logo { width: 70%; min-height: 60px; padding-top: 12px; }

    #nav { display: none; }

    #header_follow { width: 85px; max-width:85px; height: 75px;  background-color: #5e99c8; margin-right: -15px; padding-left: 10px; }
    #header_follow_text { padding: 10px 8px 5px 0; font-size: 14px; }
    .header_follow_icon { padding: 6px 8px 0 0; }

    .header_follow_colour { background-color: transparent; display: none; height: 75px; }

    #powered_by { width: 80px; max-width:80px; height: 75px; }
    #powered_by_link { padding: 15px 0 0 10px!important; }
    .header_powered_by_colour { height: 75px; width: 80px; }

    .myinfobox { width: 100% !important; }

    /* Footer */
    #footerLeft { display:none; }
    #footerRight { float: left; width: 100%; margin-top: 0; }

    .footerMenu { float: left; padding: 0; }
    .footerMenu li { display: inline-block; margin-left: 0; margin-right: 20px; }
    .footerMenu li a { font-family: 'ubunturegular',sans-serif; font-size: 14px; }
    .footerMenu li a i { font-size: 16px; margin-right: 2px; }
    .copyright { margin-bottom: 10px; }
    .copyright a { font-family: 'ubunturegular',sans-serif; font-size: 14px; }
    .copyright a i { font-size: 16px; margin-left: 2px; }

    #container_a, #container_b { width: 100%; float:left; padding-bottom: 15px; }
    #container_a { margin-top: 0; }

    /* Menus */
    .panel-left-padding { margin-top: 0; }
    .panel-left-header { width: 96% !important; font-size: 17px; margin-top: 10px; cursor: pointer; pointer-events: auto; padding: 8px 2% 6.5px 2%; }
    .myinfobox { width: 96% !important; }
    .swapimg i { padding-right: 10px; }

    /* Help menu */
    .help-menu label,
    .help-menu ul li.sub-help label,
    .help-menu ul ul li { padding-left: 10px; }

    .ff-show-text { width: 85%; }

    /* Home Page */
    .events_list_header .elh_left { float: left; max-width: 85%; }
    #event_count { display:none; }

    .screen-bg-image { display:none; }
    .team_anchor::before { display: block; content: " "; margin-top: -65px; height: 65px; visibility: hidden; pointer-events: none; }

    .home_map_panel { margin: 10px; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); }
    .ol-popup { min-width: 300px; }

    .event_map_panel { margin: 10px; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); }

    /* Javascript enabled */
    #no-js #leftOptions,
    #no-js #leftOptionsT,
    #no-js #leftOptionsF,
    #no-js #leftTop,
    #no-js #leftTopT,
    #no-js #leftTopF { display:block; }

    #no-js .panel-left-header i.fa { display:none; }
    #no-js .dropdown_reveal i.fa { display:none; }

    #js #leftOptionsT,
    #js #leftNavT,
    #js #leftLogRegT,
    #js #leftFilterT,
    #js #leftAdminT,
    #js #leftEventT,
    #js #leftSetupT,
    #js #leftTopT { display:none; }
}


/* CSS smaller than 650, all devices */
@media only screen and (max-width: 650px)
{
    /* Event Page */
    .event-summary-row { display: block; width: 100%; }
    .event-summary-label::after { content: ""; }

    /* Form Columns */
    .ff-row,
    .ff-row-20,
    .ff-row-25 { line-height: 22px; display: block; }
    .ff-label,
    .ff-label-help,
    .ff-label-text,
    .ff-column-full .ff-label,
    .ff-column-full .ff-label-help,
    .ff-column-full .ff-label-text { width:100%; float: none; padding-right: 0; text-align: left; }
    .ff-field,
    .ff-field-reverse,
    .ff-field-text,
    .ff-field-tickbox,
    .ff-column-full .ff-field,
    .ff-column-full .ff-field-reverse,
    .ff-column-full .ff-field-text,
    .ff-column-full .ff-field-tickbox { width:100%; float: none; }
    .ff-textarea,
    .ff-input,
    .ff-explainer,
    .ff-explainer-top { top: 0; -ms-transform: none; -webkit-transform: none; transform: none; }
    .ff-left-40,
    .ff-right-20 { width: auto; float: none; }
    .ff-radio { width: 20px; float: left; }

    .ff-row-20 .ff-label,
    .ff-row-20 .ff-label-help,
    .ff-row-20 .ff-label-text,
    .ff-row-20 .tt-label,
    .ff-row-20 .ff-field,
    .ff-row-20 .ff-field-reverse,
    .ff-row-20 .ff-field-text,
    .ff-row-20 .ff-field-tickbox,
    .ff-row-20 .tt-field { width:100%; }

    .ff-row-25 .ff-label,
    .ff-row-25 .ff-label-help,
    .ff-row-25 .ff-label-text,
    .ff-row-25 .tt-label,
    .ff-row-25 .ff-field,
    .ff-row-25 .ff-field-reverse,
    .ff-row-25 .ff-field-text,
    .ff-row-25 .ff-field-tickbox,
    .ff-row-25 .tt-field { width:100%; }

    .ff-label::after,
    .ff-label-help-label::after,
    .ff-show-text-label::after { content: ""; }
    .ff-mandatory::after { content: " *"; }
    .ff-mandatory::before {content: "";}
    .ff-label-help-label,
    .ff-label-help-help { float: left; }

    .ff-confirm-label,
    .ff-confirm-field { width: auto; text-align: left; }
    .ff-confirm-price { width:auto; float: right; }

    .ff-list-label { width:auto; float: none; padding-right: 0; }
    .ff-list-buttons { float: none; text-align: center; }

    .ff-show-buttons { clear: both; width:100%; float: none; }

    .ff-show-text-sub { width: 85%; }

    .ff-subheading { text-align: left; }

    .admin-link-row { display: block; }
    
    /* Entrant Edit screen */
    .ff-row.buttoncont {
        position: fixed;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 30px 8px;
        box-sizing: border-box;
        background: #fff;
        border-color: #d0d0d0;
        border-style: solid;
        border-width: 1px 0 0;
        box-shadow: 0 5px 15px #aaa;
    }
    .ff-row.buttoncont.static {
        position: static;
        border-width: 0;
        padding: 12px 0;
        box-shadow: none;
    }
    .ff-row.buttoncont .ff-button {
        gap: 15px;
    }
    .ff-row.buttoncont .button-long {
        min-width: 0;
        margin: 0;
        flex-grow: 1
    }
}

/* CSS smaller than 479px, all devices */
@media only screen and (max-width: 479px)
{
    /* Event Page */
    .event-header { display: block; width: 100%; }
    .event-header-left { width:100%; }
    .event-header-right { display: none; }
    .event-sm-links { display: block; width: 100%; }

    .auto_margin_container { padding:0 8px; }
    .public-box-content { padding: 5px 5px 2px 5px; }
    .admin-box-content { padding: 5px 5px 2px 5px; }

    /* Footer */
    .footerMenu li a { font-family: 'ubunturegular',sans-serif; font-size: 11px; }
    .footerMenu li a i { font-size: 14px; margin-right: 2px; }
    .copyright a { font-family: 'ubunturegular',sans-serif; font-size: 11px; }
    .copyright a i { font-size: 14px; margin-left: 2px; }

    /* Menus */
    .panel-left-header { width: 94% !important; font-size: 17px; cursor: pointer; pointer-events: auto; padding: 8px 2% 6.5px 4%; }
    .panel-left-detail ul li a,
    .panel-left-detail ul li a:visited { padding:6px 0 6px 8px; }

    /* Home Page */
    .eti_wrap > div.eti_date { width: 40px; min-width: 40px; padding: 9px 3px; }
    .eti_wrap > div.eti_date_wide { width: 68px; min-width: 68px; padding: 9px 3px; }
    .eti_num { font-size: 12px; }
    .eti_day { font-size: 10px; }
    .eti_month, .eti_status, .eti_status_wide { display:none !important; }
    .eti_title { padding: 0 0 0 5px !important; }
    .eti_title a, .eti_title a:visited, .eti_hidden_content p a, .eti_title span { font-family: 'ubunturegular',sans-serif; font-size: 14px; line-height: 100%; }
    .eti_title { line-height: 100%; }
    .eti_reveal { padding-right: 10px !important; }

    .ol-popup { min-width: 200px; }

    .admin-link { min-width:120px; }
}

/* CSS smaller than 420px, all devices */
@media only screen and (max-width: 420px)
{
    .no_small { display:none; }
    .only_small { display:inline-block; }

    /* Form Layouts */
    .form-field { width: 100%; }
    .form-field-help,
    .form-field-help-large { width: -moz-calc(100% - 38px); width: -webkit-calc(100% - 38px); width: calc(100% - 38px); }
    #no-js .form-field-help, #no-js .form-field-help-large { width: 100%; }

    .amount-ralign { width:auto; text-align:left; }

    /* Form Columns */
    .ff-show-text,
    .ff-show-text-label,
    .ff-info-label,
    .ff-info-label-view { width: auto; float: none; padding-right: 0; text-align: left; }
    .ff-info-text { width:auto; float: none; }
    .ff-show-no-collapse { margin-right: 15px }

    .ff-info-label::after,
    .ff-info-label-view::after { content: ""; }

    .ff-label,
    .ff-label-help,
    .ff-label-text { width:auto; float: none; padding-right: 0; text-align: left; top: 0; -ms-transform: none; -webkit-transform: none; transform: none; }
    .ff-textarea,
    .ff-input { top: 0; -ms-transform: none; -webkit-transform: none; transform: none; margin-left: 0; padding-left: 0; display: inline-block; }

    .ff-options-label { width: auto; float: none; padding-right: 7px; text-align: left; }
    .ff-options-label::after { content: ""; }
    .ff-options-value {padding-left: 0; }
    .ff-options-value { text-align: left; }

}

/* CSS smaller than 400px, all devices */
@media only screen and (max-width: 400px)
{
    .eti_title a, .eti_title a:visited, .eti_hidden_content p a, .eti_title span { font-family: 'ubunturegular',sans-serif; font-size: 13px; line-height: 100%; }
}