/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr1
*/
/*
stops shadow border working in IE
html{color:#000;background:#FFF;}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td {margin:0;padding:0;}
p { margin: 11px 0px; }
table {border-collapse:collapse;border-spacing:0;}
/*fieldset,img {border:0;}*/
img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
/* causes conflict with RadFormDecorator
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select {*font-size:100%;}*/
legend {color:#000;}
h1 {font-size : 138.5%;  }
h2 {font-size : 123.1%; }
h3 {font-size : 108%;  }
h1,h2,h3 {margin : 1em 0;}
h1,h2,h3,h4,h5,h6,strong {font-weight : bold; }
abbr,acronym {border-bottom : 1px dotted #000;cursor        : help;}
 em {font-style : italic;}
 blockquote,ul,ol,dl {margin : 1em;}
 ol,ul,dl {margin-left : 2em;}
 ol li {list-style  : decimal outside;}
 /*ul li {list-style  : disc outside;}*/
 dl dd {margin-left : 1em;}
 th {font-weight : bold;text-align  : center;}
 caption {margin-bottom : .5em;text-align    : center;}
 /*p,fieldset,table,pre {margin-bottom : 1em;}*/
 input[type=text],input[type=password],textarea{width  : 12.25em;*width : 11.9em;}
 body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
 /* causes conflict with RadFormDecorator
select,input,button,textarea {font:99% arial,helvetica,clean,sans-serif;}*/
 table {font-size:inherit;font:100%;}
 pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;}

.RadWindow .rwExternalContent {
  max-height: calc(100vh - 30px);
}

.rePreventScrolling .toolbar {
  display: none;
}

.rePreventScrolling #topsection {
  display: none;
}

#playerSelect {
  max-width: 100%;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0px 0px 50px 0px #aaaaaa;
  -moz-box-shadow: 0px 0px 50px 0px #aaaaaa;
  box-shadow: 0px 0px 50px 0px #aaaaaa;
  display: none;
  width: 100%;
  position: absolute;
  z-index: 9999;
  top: 0px;
  background: #fff;
  max-height: 100%;
  /* @media(max-height: 400px) {
        min-height: 100%;
        .members {
            min-height: 100%;
        }
    } */
}

#playerSelect .intro {
  display: none;
}

#playerSelect div.filter {
  position: absolute;
  left: 0px;
  top: 0px;
  width: calc(100% - 10px);
  padding: 5px;
  background-color: #e8e8e8;
}

#playerSelect .members {
  margin-top: 42px;
  height: calc(100% - 42px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#playerSelect.quickSelect {
  display: block;
  position: relative;
  left: 0px;
  top: 0px;
  float: left;
  height: 100vh !important;
  max-width: 350px;
  max-height: 100% !important;
}

#playerSelect.quickSelect .members {
  max-height: calc(100% - 122px) !important;
  margin-top: 42px;
}

#playerSelect.quickSelect .intro {
  position: relative;
  display: block;
  padding: 5px;
  padding-top: 25px;
  height: 50px;
}

#playerSelect.quickSelect .intro .close {
  position: absolute;
  padding: 0px;
  padding-right: 20px;
  font-size: 13px;
  top: 0;
  right: 0;
  background: url(/svg.ashx?icon=times&mode=solid&fill=666&stroke=666) no-repeat #fff;
  background-size: 16px 16px;
  background-position-x: 34px;
  background-position-y: 65%;
  cursor: pointer;
}

#playerSelect.quickSelect div.filter {
  top: 78px;
}

#playerSelect.quickSelect .clearPlayerSelect {
  display: none;
}

#playerSelect.bottom .members {
  margin-top: 0px;
  margin-bottom: 42px;
}

#playerSelect.bottom div.filter {
  bottom: 0px;
  top: auto;
}

#playerSelect.fixedTop {
  height: 50vh;
}

#playerSelect input[type=text] {
  width: calc(100% - 80px);
  box-sizing: border-box;
  padding: 5px;
  padding-left: 25px;
  font-size: 16px;
  background-image: url("/svg.ashx?icon=search&mode=solid&fill=666&stroke=666");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position-x: 4px;
  background-position-y: 50%;
}

#playerSelect input[type=text].styled {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}

#playerSelect .other {
  color: blue;
  cursor: pointer;
  padding: 5px;
}

@media (max-width: 480px) {
  #playerSelect .other {
    float: right;
    font-size: 16px;
    background: url(/svg.ashx?icon=user-clock&mode=solid&fill=999&stroke=fff) no-repeat transparent;
    background-size: 28px 28px;
    background-position-x: 0;
    background-position-y: 50%;
    height: 28px;
    width: 28px;
    padding-left: 6px;
    padding-top: 0px;
    color: black;
    padding-bottom: 0px;
  }
  #playerSelect .other .show-mob {
    padding-top: 10px;
    font-weight: bold;
  }
  #playerSelect .clearPlayerSelect {
    width: 28px;
    height: 28px;
    float: right;
    display: block;
    background: url(/svg.ashx?icon=user-times&mode=solid&fill=fcc&stroke=000) no-repeat transparent;
    background-size: 28px 28px;
    background-position-x: 0;
    background-position-y: 50%;
  }
  #playerSelect.quickSelect .other {
    width: 14px;
  }
  #playerSelect.quickSelect input[type=text] {
    width: calc(100% - 40px);
  }
  #playerSelect.quickSelect li {
    font-size: 14px;
  }
  #playerSelect.hideother input[type=text] {
    width: calc(100% - 40px);
  }
}

#playerSelect ul {
  margin: 0px;
  padding-left: 0px;
}

#playerSelect li {
  color: black;
  font-size: 17px;
  padding: 10px;
  border-bottom: 1px solid #ccc;
  margin-left: 0px;
  list-style-type: none;
}

#playerSelect li.memberItem {
  cursor: pointer;
}

#playerSelect li.memberItem.expired {
  color: #999;
}

#playerSelect li.squad, #playerSelect li.others {
  background-color: #ccc;
  font-size: 10px;
  text-align: left;
  padding: 5px 10px;
}

#playerSelect li.filtered {
  display: none;
}

#playerSelect.hideother .other {
  display: none !important;
}

#playerSelect.hideother input[type=text] {
  width: calc(100% - 40px);
}

.quickSelectPanel.open {
  overflow: visible;
}

@media (max-width: 768px) {
  .quickSelectPanel.open > table {
    position: absolute;
    left: 50%;
  }
  .quickSelectPanel.open #playerSelect.quickSelect {
    width: 50%;
    font-size: 12px;
    left: -5px;
    display: block !important;
  }
}

.clearPlayerSelect {
  display: none;
}

.pddSelected:hover {
  position: relative;
}

@media (min-width: 480px) {
  .pddSelected:hover .clearPlayerSelect {
    color: transparent;
    width: 20px;
    display: block;
    position: absolute;
    left: 160px;
    top: 5px;
    cursor: pointer;
    background: url("/svg.ashx?icon=user-times&mode=solid&fill=fcc&stroke=000") no-repeat #fff;
    background-size: 20px 20px;
    background-position-x: 0px;
    background-position-y: 50%;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .pddSelected:hover .clearPlayerSelect:hover {
    width: 24px;
    left: 156px;
    top: 5px;
    background: url("/svg.ashx?icon=user-times&mode=solid&fill=fcc&stroke=000") no-repeat #fff;
    background-size: 24px 24px;
    background-position-x: 0px;
    background-position-y: 50%;
    background-color: rgba(255, 255, 255, 0.9);
  }
}

/* allows for use case when parent is td, in code can add span to create bounding element */
span.pddSelected {
  position: relative;
  display: inline-block;
}

span.pddSelected .clearPlayerSelect {
  height: 24px;
  color: transparent !important;
  background-color: transparent !important;
  left: 150px !important;
}

.playerDropdownText {
  width: 200px;
  font-size: 16px !important;
  background: url("/svg.ashx?icon=caret-down&mode=solid&fill=666&stroke=666") no-repeat;
  background-size: 16px 16px;
  background-position-x: calc(100% - 5px);
  background-position-y: 50%;
  cursor: pointer;
}

.playerDropdownText:hover, .playerDropdownText.hover {
  background: url("/svg.ashx?icon=caret-down&mode=solid&fill=000&stroke=666") no-repeat;
  background-size: 16px 16px;
  background-position-x: calc(100% - 5px);
  background-position-y: 50%;
  border-color: #333;
}

.quickSelectPanel.open .playerDropdownText.selected {
  border: 1px solid #666;
  background-color: white;
  -webkit-appearance: none;
  -webkit-box-shadow: 0 0 0 99999px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 99999px rgba(0, 0, 0, 0.5);
  position: relative;
}

video {
  max-width: 100%;
}

/* <-------- start page layout */
html {
  background-attachment: fixed !important;
}

body.noscroll {
  position: fixed;
  overflow-y: scroll;
  width: 100%;
}

#maincontainer {
  max-width: 100%;
}

svg.shadow {
  color: rgba(0, 0, 0, 0.2);
}

.white {
  color: white;
}

.darkolivegreen {
  color: #556B2F;
}

.sthrough {
  text-decoration: line-through;
}

#contentwrapper {
  width: 100%;
  background-repeat: repeat-y;
  background-position: left;
  z-index: 2;
  display: block;
}

.clubshop {
  border: 0px;
  margin: 0px;
  width: 100%;
  height: 2300px;
}

#Aspcontent1_preContent {
  overflow: auto;
}

#nav #botpadding {
  height: 200px;
}

#nav .RadMenu .rmRootGroup {
  border-left: none;
  border-right: none;
}

#nav {
  padding: 1px;
}

.noleft #nav {
  display: none;
}

.noright #pnlRightAds {
  display: none;
}

.roundedCorners {
  background-color: #e8e8e8;
  /* if needed */
  border: 1px solid #ff0000;
  /* if needed */
  -webkit-border-radius: 5px;
  /* for Safari */
  -moz-border-radius: 5px;
  /* for Firefox */
  border-radius: 5px;
}

#nav fieldset {
  margin-bottom: 0px !important;
  padding-top: 5px !important;
}

/* end page layout ------------> */
.left {
  FLOAT: left;
}

.right {
  FLOAT: right;
}

h2 {
  margin-top: 4px;
  padding: 0px;
}

h2.pageheading {
  border-bottom: solid 1px #ccc;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.small {
  font-size: 12px;
}

.rssitem {
  padding: 2px;
}

#feedback {
  color: White;
  font-size: 15px;
  padding: 10px;
  margin-bottom: 10px;
}

#feedback svg {
  vertical-align: middle;
  padding: 5px;
}

#feedback.succeeded {
  background-color: Green;
  border: solid 1px darkgreen;
}

#feedback.failed {
  background-color: rgba(255, 0, 0, 0.6);
  border: solid 1px red;
}

#feedback a.close {
  float: right;
}

.map {
  margin-bottom: 400px;
}

.hidden {
  display: none;
}

.updateFailed {
  background-color: pink;
  color: DarkRed;
  font-family: Verdana;
  font-size: 1em;
  padding: 5px;
  border: solid 1px red;
  margin-bottom: 10px;
}

#borders #columns #nav .Transparent ul.rmRootGroup {
  background-Color: transparent;
  background-Image: none;
  border: none;
}

#borders #columns #nav .Transparent ul.rmRootGroup > li > a.rmLink:hover, #borders #columns #nav .Transparent ul.rmRootGroup > li > a.rmLink:hover .rmText, #borders #columns #nav .Transparent ul.rmRootGroup > li > a.rmExpanded, #borders #columns #nav .Transparent ul.rmRootGroup > li > a.rmExpanded .rmText, #borders #columns #nav .Transparent ul.rmRootGroup > li.rmExpanded > .rmRootLink {
  background-image: none;
  text-decoration: underline;
  background-Color: transparent;
  border-color: transparent;
}

#borders #columns #nav .Transparent ul.rmRootGroup > li > a.rmExpanded, #borders #columns #nav .Transparent ul.rmRootGroup > li > a.rmExpanded .rmText, #borders #columns #nav .Transparent ul.rmRootGroup > li.rmExpanded > .rmRootLink {
  font-weight: bold;
}

#borders.container {
  background-color: white;
  position: relative;
}

#borders .RadGrid .rgRow > td, #borders .RadGrid .rgRow > th.rgHeader, #borders .RadGrid .rgAltRow > td, #borders .RadGrid .rgAltRow > th.rgHeader, #borders .RadGrid .rgEditRow .rgFooter > td, #borders .RadGrid .rgEditRow .rgFooter > th.rgHeader, #borders .RadGrid thead > tr > td, #borders .RadGrid thead > tr > th.rgHeader {
  border-color: transparent;
}

.middle {
  padding-bottom: 75px;
}

.center {
  text-align: center;
}

#topsection {
  z-index: 1;
  position: relative;
}

#topsection img {
  overflow: hidden;
}

#topsection h1 {
  margin: 0;
  padding: 0;
  font-size: large;
}

#topsection h1 img {
  vertical-align: top;
}

#topsection #topbar {
  min-height: 5em;
  min-width: 880px;
}

#topsection #topbar .contacts {
  display: none;
}

#topsection #topbar .left h1 a {
  float: left;
}

#topsection #topleft {
  overflow: hidden;
}

#topsection .RadMenu .rmRootGroup li:not(.rmSeparator) {
  border-right-color: transparent;
}

#topsection .right a {
  display: inline;
}

#topsection .right .float {
  float: right;
  width: 475px;
}

#topsection .right .float img {
  padding: 0.3em;
  margin-bottom: 0.3em;
  border: 0;
}

#topsection .right .sponsor a img {
  border: 0;
}

#topsection .left {
  float: left;
}

#topsection #menubar {
  clear: both;
  width: 100%;
  vertical-align: middle;
}

#topsection #menubar .rmItem .topMenuHead .rmText {
  padding: 3px 10px 5px 10px;
}

.RadMenu div.rmScrollWrap span.rmBottomArrow, .RadMenu div.rmScrollWrap span.rmTopArrow {
  z-index: 10000;
}

#nav #hitssportsLink {
  display: block;
  width: 135px;
  margin: 0 auto;
  padding: 3px 0;
}

#nav #hitssportsLink img {
  filter: alpha(opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  -moz-opacity: .70;
  -khtml-opacity: .70;
  opacity: .70;
}

#topright .rrClipRegion {
  border: 0 none;
  background-color: transparent;
}

#topright ul li div {
  text-align: right !important;
  background-color: transparent;
}

#topright {
  left: auto !important;
}

#topright {
  position: absolute;
  right: 8px;
}

#contentcolumn {
  min-height: 375px;
}

#contentcolumn img {
  /* display: block; */
  max-width: 100%;
  height: auto;
}

#contentcolumn .rtsLink, #contentcolumn .rtsLink:hover {
  font-size: 0.8em !important;
}

#contentcolumn .MSVE_Map img {
  max-width: none;
}

#contentcolumn fieldset {
  margin-left: 2px;
  margin-right: 2px;
  padding-bottom: 6px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 3px;
}

#contentcolumn table.rfdRoundedWrapper_fieldset {
  margin-bottom: 10px !important;
}

#contentcolumn table.rfdRoundedWrapper_fieldset fieldset {
  color: black !important;
}

#contentcolumn table.rfdRoundedWrapper_fieldset fieldset legend {
  font-weight: bold;
  max-width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rfdSelectBoxDropDown {
  min-width: 150px;
}

#footer {
  clear: left;
  width: 100%;
  color: #666;
  text-align: center;
  border-top: solid 1px white;
  background: #e8e8e8;
  padding: 15px 0;
}

#footer #disclaimer {
  padding-top: 20px;
}

#footer .siteDock {
  text-align: left;
}

#footer a {
  font-size: 27px;
  color: #000;
}

#footer footerControl_socialshare {
  max-height: 30px;
}

#footer #RadSocialShare {
  max-height: 50px;
}

#rightcolumn img {
  margin: 0.2em;
}

#sidelogos {
  padding-top: 10px;
  text-align: center;
}

/* <!-- end of layout bits */
.hitslist {
  padding: 3px;
}

.hitslist > ul {
  margin: 0px;
  padding: 0px;
}

.hitslist > ul > li {
  clear: left;
  margin-left: 0px;
  list-style: none;
  padding-top: 8px;
}

.hitslist > ul > li:not(.profile .hitslist > ul > li):after {
  content: "";
  display: table;
  clear: both;
}

.hitslist > ul > li li {
  clear: none;
}

.hitslist > ul > li .left, .hitslist > ul > li label {
  width: 12em;
  font-size: 15px;
  float: left;
  text-align: left;
  vertical-align: middle;
}

@media (max-width: 992px) {
  .hitslist > ul > li .left, .hitslist > ul > li label {
    width: 100%;
  }
}

.hitslist > ul > li .right {
  text-align: left;
  float: left;
  vertical-align: middle;
  padding-left: 3px;
  padding-right: 3px;
  width: calc(100% - 190px);
}

@media (max-width: 992px) {
  .hitslist > ul > li .right {
    width: 100%;
  }
}

.hitslist > ul > li .right input, .hitslist > ul > li .right textarea, .hitslist > ul > li .right select {
  width: 25em;
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 992px) {
  .hitslist > ul > li .right input, .hitslist > ul > li .right textarea, .hitslist > ul > li .right select {
    width: 100%;
  }
}

.hitslist > ul > li .right input[type=checkbox] {
  width: auto;
}

@media (max-width: 992px) {
  .hitslist > ul > li .RadPicker.right {
    width: auto;
  }
}

.clr {
  clear: both;
}

/* for cards */
.green {
  background-color: Green;
  color: white;
  margin: 1px;
}

.yellow {
  background-color: Yellow;
  margin: 1px;
}

.red {
  background-color: Red;
  margin: 1px;
}

.orange {
  background-color: Orange;
  margin: 1px;
}

.lost {
  color: Red;
}

.won {
  color: Green;
}

.tied, .drawn {
  color: Orange;
}

.memberstats {
  background-color: #e8e8e8;
}

.memberstats td {
  text-align: center;
  background-color: White;
  padding: 3px 30px;
}

.memberstats .summary td {
  border-top: solid 1px black;
}

/* clearfix 
add class to any container element that needs to assume the height of contained elements
*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End hide from IE-mac */
.radfdSkinnedFormButton {
  white-space: nowrap;
}

.filter {
  position: relative;
  z-index: 0;
}

.filter select {
  font-size: 90%;
  max-width: 125px;
  vertical-align: middle;
}

.RadTabStrip .rtsLevel {
  clear: none !important;
}

#sidelogos .sidelogo {
  display: block;
  padding: 2px;
}

.attending {
  color: Green;
}

.notattending {
  color: Red;
}

.socialMessage {
  font-family: Arial;
  padding: 5px;
  font-size: 16px;
}

.socialMessage input {
  font-family: Arial;
  padding: 5px;
  font-size: 14px;
  width: 200px;
}

.socialLinks {
  padding: 5px !important;
  background-color: rgba(255, 255, 255, 0.3) !important;
  margin-top: 10px;
}

.socialLinks i {
  font-size: 36px;
}

.socialLinks .fa-facebook {
  color: #3b5998;
}

.socialLinks .fa-twitter {
  color: #1da1f2;
}

.socialLinks .fa-google {
  color: #3a7cec;
}

.socialLinks .fa-openid {
  color: #f28018;
}

.socialLinks a {
  padding: 2px;
}

.socialLinks img.linked, .socialLinks img.unlinked {
  position: relative;
  z-index: 1;
  top: 8px;
  left: -13px;
}

.socialLinks span {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.socialLinks span.fa-layers {
  float: none;
  margin-right: 0px;
}

.socialLinks span.fa-layers, .socialLinks a > svg {
  height: 39px;
  width: 39px;
}

.tabpanel {
  min-height: 400px;
  border-radius: 5px;
}

.watermarked {
  color: #ccc !important;
}

#menubar.ribbon:before, #menubar.ribbon:after {
  content: " ";
  border-top: 10px solid #000;
  position: absolute;
  bottom: -11px;
}

#menubar.ribbon .RadMenu ul {
  border-width: 0px;
}

#menubar.ribbon:before {
  border-left: 10px solid transparent;
  left: 0;
}

#menubar.ribbon:after {
  border-right: 10px solid transparent;
  right: 0;
}

#menubar.ribbon {
  border-width: 1px 0px;
  border-style: solid;
  box-sizing: content-box;
  z-index: 0;
}

.portalcolumns .RadDock .rdContent img {
  max-width: 100%;
}

#recaptcha_response_field {
  height: 20px;
  line-height: 20px;
}

#columns {
  position: relative;
  z-index: 0;
}

#columns a:not(.rfdSkinnedButton):not(.rtsTxt):not(.rtsLink) {
  color: inherit;
}

#columns a.rfdSkinnedButton:hover {
  text-decoration: none;
}

.modal #columns {
  z-index: 0;
}

#mobileads {
  display: none;
}

#pnlLogin {
  display: none;
  width: 100vw;
  max-width: 100%;
  position: fixed;
  top: 20vh;
  height: 30vh;
  min-height: 300px;
  margin: 0;
  left: 0px;
  background-color: black;
  padding: 10px 0;
  z-index: 1000;
  overflow: none;
  box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.5);
}

#pnlLogin iframe {
  border: none;
  height: 100%;
}

#pnlLogin .close {
  position: absolute;
  right: 5px;
  top: 5px;
  color: white;
}

#pnlLogin.showonload {
  display: block;
}

#modalbg {
  position: fixed;
  opacity: 0.5;
  background-color: #ccc;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 999;
}

#LoginTable_mynav.mymenu.RadNavigation .rnvRootLink {
  border: 0px;
}

#LoginTable_mynav.mymenu .rnvRootGroupWrapper {
  min-height: 30px;
}

#LoginTable_mynav.mymenu .rnvRootGroupWrapper .rnvRootGroup {
  float: right;
  z-index: 3;
}

@media (max-width: 572px) {
  #LoginTable_mynav.mymenu .rnvRootGroupWrapper .rnvRootGroup li .rnvRootLink {
    padding: 15px 5px;
  }
  #LoginTable_mynav.mymenu .rnvRootGroupWrapper .rnvRootGroup img {
    display: none;
  }
}

#LoginTable_mynav.mymenu .rnvRootGroupWrapper .contacts {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -12px;
}

#LoginTable_mynav.mymenu .rnvRootGroupWrapper .contacts a {
  text-shadow: 0 0 14px rgba(255, 255, 255, 0.7);
  padding-left: 15px;
}

@media (max-width: 572px) {
  #LoginTable_mynav.mymenu .rnvRootGroupWrapper .contacts a {
    padding-left: 8px;
  }
  #LoginTable_mynav.mymenu .rnvRootGroupWrapper .contacts a svg {
    font-size: 24px;
  }
}

#LoginTable_mynav.mymenu .rnvRootGroupWrapper .contacts span.fa-layers {
  height: 23px;
  width: 23px;
}

#LoginTable_mynav.mymenu .rnvRootGroupWrapper .contacts .facebook {
  color: #3b5998;
}

#LoginTable_mynav.mymenu .rnvRootGroupWrapper .contacts .twitter {
  color: #4099FF;
}

#LoginTable_mynav.mymenu .rnvRootGroupWrapper .contacts .contact {
  color: #FAF3D7;
  text-shadow: 0 0 14px rgba(0, 0, 0, 0.7);
}

#LoginTable_mynav.mymenu .rnvRootGroupWrapper .contacts .location {
  color: darkkhaki;
}

.mymenu {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

html.scrolled #maincontainer .mymenu ul > li.rmItem .rmLink, html.scrolled #maincontainer .mymenu ul > li.rnvItem .rnvLink {
  font-size: 100%;
}

html.scrolled .rounded .mymenu > .rnvRootGroupWrapper {
  border-radius: 0;
}

html.scrolled .mymenu {
  position: fixed;
  -webkit-box-shadow: -1px 0px 38px 5px rgba(0, 0, 0, 0.53);
  -moz-box-shadow: -1px 0px 38px 5px rgba(0, 0, 0, 0.53);
  box-shadow: -1px 0px 38px 5px rgba(0, 0, 0, 0.53);
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 4;
}

html.scrolled .mymenu #mymenulogo {
  position: absolute;
  top: 2px;
  left: 50%;
  margin-left: -50px;
  max-height: 45px;
  z-index: 3;
}

@media (max-width: 572px) {
  html.scrolled .mymenu {
    font-size: 12px;
  }
  html.scrolled .mymenu #mymenulogo {
    max-width: 145px;
  }
  html.scrolled .mymenu .contacts a {
    padding-left: 6px;
  }
}

html.scrolled .modal .mymenu {
  z-index: 0;
}

html.scrolled #mobileads {
  bottom: -75px;
  display: none;
}

html.scrolled .mobileads #footer {
  margin-bottom: 0px;
}

html.scrolled form.admin .mymenu {
  top: 45px;
}

html.scrolled form.admin #topsection h1 #Top1_clublogo {
  top: 50px;
}

@media (max-width: 480px) {
  html.scrolled .contacts .facebook, html.scrolled .contacts .twitter {
    display: none;
  }
}

.RadAjax .raDiv .message {
  top: 50%;
  position: absolute;
  width: 100%;
  margin-top: 40px;
  width: 100%;
  font-size: 16px;
}

select.rfdTextInput {
  padding: 4px;
}

select.rfdTextInput option {
  padding: 4px 10px;
}

.rendered-form > div {
  margin-bottom: 10px;
}

.rendered-form .form-group {
  width: 100%;
  clear: left;
}

.rendered-form .form-group .rfdSelectBox {
  width: auto !important;
}

.rendered-form .form-group.error input, .rendered-form .form-group.error textarea, .rendered-form .form-group.error select, .rendered-form .form-group.error .rfdSelectBox, .rendered-form .form-group.error .radio label, .rendered-form .form-group.error .checkbox-group, .rendered-form .form-group.error .radio-group {
  border: 1px solid red;
  background-color: pink;
  color: white;
}

.rendered-form .form-group.error .checkbox-group, .rendered-form .form-group.error .radio-group {
  padding: 3px;
}

.rendered-form .form-group.error .checkbox label::after, .rendered-form .form-group.error .radio label::after {
  content: " ";
  padding-right: 3px;
}

.rendered-form .form-group.error.email .formbuilder-required::after {
  content: "Please enter a valid email address";
  font-size: 14px;
  margin: 0 5px;
  position: relative;
  top: -15px;
}

.rendered-form .form-group.error .formbuilder-checkbox-inline, .rendered-form .form-group.error .formbuilder-checkbox {
  background-color: transparent;
  color: white;
}

.rendered-form .form-group.error .formbuilder-requirefd {
  font-size: 0px;
  line-height: 0px;
  display: inline;
  position: static;
}

.rendered-form .form-group.error .formbuilder-required::after {
  display: block;
  font-size: 14px;
  position: relative;
  top: -10px;
}

.rendered-form .form-group.error.number .formbuilder-required::after {
  content: "Please enter a numeric value";
}

.rendered-form .form-group.error.checkbox .formbuilder-required::after {
  content: "Please check the applicable option(s)";
}

.rendered-form .form-group.error.radio .formbuilder-required::after {
  content: "Please check the appropriate item";
}

.rendered-form .form-group .formbuilder-required {
  font-family: Helvetica, sans-serif;
  font-size: 36px;
  padding: 0px;
  margin-left: 10px;
  line-height: 14px;
  position: relative;
  top: 15px;
}

.rendered-form .form-group > label {
  float: left;
  width: 30%;
  margin-right: 5%;
}

.rendered-form .form-group > div, .rendered-form .form-group > input, .rendered-form .form-group > textarea, .rendered-form .form-group > select, .rendered-form .form-group > .rfdSelectBox {
  float: left;
  width: 60%;
}

.rendered-form .form-group input[type='date'], .rendered-form .form-group input[type='number'] {
  max-width: 145px;
}

.rendered-form .form-group::after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}

/* Set narrow view of form without floats */
.narrow .rendered-form .form-group > label, .narrow .rendered-form .form-group > div, .narrow .rendered-form .form-group > input, .narrow .rendered-form .form-group > textarea, .narrow .rendered-form .form-group > select, .narrow .rendered-form .form-group > .rfdSelectBox, .narrow .rendered-form .form-group input[type='date'], .narrow .rendered-form .form-group input[type='number'], .narrow .rendered-form .form-group .rfdSelectBox {
  float: none;
  width: 100% !important;
  max-width: 100%;
}

@media (max-width: 768px) {
  .rendered-form .form-group > label, .rendered-form .form-group > div, .rendered-form .form-group > input, .rendered-form .form-group > textarea, .rendered-form .form-group > select, .rendered-form .form-group > .rfdSelectBox, .rendered-form .form-group input[type='date'], .rendered-form .form-group input[type='number'], .rendered-form .form-group .rfdSelectBox {
    float: none;
    width: 100% !important;
    max-width: 100%;
  }
}

.RadForm .rendered-form .form-group .checkbox-group label.rfdCheckboxChecked, .RadForm .rendered-form .form-group .checkbox-group label.rfdCheckboxUnchecked, .RadForm .rendered-form .form-group .checkbox-group label.rfdRadioUnchecked, .RadForm .rendered-form .form-group .checkbox-group label.rfdRadioChecked, .RadForm .rendered-form .form-group .radio-group label.rfdCheckboxChecked, .RadForm .rendered-form .form-group .radio-group label.rfdCheckboxUnchecked, .RadForm .rendered-form .form-group .radio-group label.rfdRadioUnchecked, .RadForm .rendered-form .form-group .radio-group label.rfdRadioChecked {
  padding: .35714286em 0 .21428571em 1.71428571em;
}

.RadForm .rendered-form .form-group .checkbox-inline, .RadForm .rendered-form .form-group .radio-inline {
  float: left;
}

.formButtons {
  clear: left;
  text-align: right;
}

#backButtons {
  text-align: left;
  padding: 8px;
}

.member .profileimage, .hitslist .profileimage {
  background-color: rgba(255, 255, 255, 0.5);
  float: right;
  margin-right: 5px;
  margin-left: 5px;
}

.member .profileimage a svg, .member .profileimage a img, .hitslist .profileimage a svg, .hitslist .profileimage a img {
  -moz-transition: opacity .25s ease-in;
  -o-transition: opacity .25s ease-in;
  -webkit-transition: opacity .25s ease-in;
  transition: opacity .25s ease-in;
  color: rgba(0, 0, 0, 0.6);
}

.member .profileimage a:hover svg, .member .profileimage a:hover img, .hitslist .profileimage a:hover svg, .hitslist .profileimage a:hover img {
  opacity: 0.6;
}

.member .profileimage i, .hitslist .profileimage i {
  font-size: 90px;
}

.member h4, .hitslist h4 {
  overflow: hidden;
}

.show-mob, .show-tab {
  display: none;
}

.siteDock {
  padding: 0px;
  position: relative;
}

.siteDock .RadDock .rdContent {
  overflow-x: auto;
}

.siteDock .rdContentWrapper {
  padding-top: 4px;
  padding-bottom: 4px;
}

.siteDock .rdContentWrapper table {
  max-width: 95vw;
}

.siteDock div.portalcolumn div.noborder {
  border-style: none !important;
}

.siteDock div.portalcolumn div.noborder .rdContentWrapper {
  border-radius: 0 !important;
}

.siteDock div.portalcolumn div.noborder .rdTitleWrapper {
  border-style: none !important;
}

.siteDock div.portalcolumn div.notitle .rdTitleWrapper {
  display: none;
}

.siteDock div.portalcolumn div.transparent {
  background: transparent !important;
}

.siteDock div.portalcolumn div.nomargins .rdContentWrapper, .siteDock div.portalcolumn div.nomargins .rdContent {
  margin: 0px;
  padding: 0px;
}

.siteDock.edit .k-pane:hover {
  overflow: visible;
}

.siteDock.edit .DockZone:hover {
  z-index: 1 !important;
}

.siteDock.edit div.portalcolumn div.notitle:hover {
  position: relative;
  margin-top: -26px;
}

.siteDock.edit div.portalcolumn div.notitle:hover .rdTitleWrapper {
  display: block;
}

.siteDock.edit div.portalcolumn div.noborder:hover {
  border-style: solid !important;
}

.rnvPopup li.rnvItem span.rnvText > svg, .rnvPopup li.rnvItem span.rnvText > span.fa-layers {
  width: 20px;
}

.rnvRootGroup li.rnvItem.separator {
  margin-top: 7px;
  margin-left: 10px;
  height: 100%;
  width: 10px;
  border-width: 0 0 0 1px;
  border-style: solid;
}

.rnvRootGroup li.rnvItem.separator.rnvHovered {
  background-color: transparent;
}

.rnvRootGroup li.rnvItem.separator.rnvHovered a {
  background-color: transparent;
}

.rnvRootGroup li.rnvItem.separator .rnvText {
  display: none;
}

html body.nobgfieldset #contentcolumn fieldset {
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  border-top-width: 2px;
  border-radius: 0px !important;
  padding-top: 10px;
  margin-top: 35px;
  background: transparent;
  /* position: relative; */
}

html body.nobgfieldset #contentcolumn fieldset legend {
  position: absolute;
  margin-top: -35px;
  font-size: 15px;
  max-width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

input[type='number'] {
  max-width: 75px;
}

button svg {
  vertical-align: middle !important;
}

/* Hide or reaorganise the side bar and menu for mobile/tablet*/
@media (max-width: 1200px) {
  #maincontainer #menubar.ribbon {
    padding: 0;
    margin: 0;
  }
  #topsection {
    max-height: 300px;
    /*#menubar { position: static; }*/
  }
  #topsection #topMenu, #topsection #menubar.ribbon {
    background-color: none !important;
    border: none !important;
  }
  #topsection #menubar.ribbon:before, #topsection #menubar.ribbon:after {
    border: none !important;
  }
}

/* Hide or reaorganise the side bar and menu for mobile/tablet*/
@media (max-width: 992px) {
  .hide-tab {
    display: none;
  }
  .show-tab {
    display: inline-block;
  }
  .RadButton {
    white-space: nowrap;
  }
  #topleft h1 #clubname {
    padding-right: 0px;
    left: 5px;
    top: 5px;
  }
  body #maincontainer .container {
    min-width: auto;
  }
  body #maincontainer .container {
    min-width: auto;
  }
  #maincontainer {
    padding: 0px !important;
    max-width: 100%;
    overflow-x: auto;
  }
  #maincontainer #menubar.ribbon {
    padding: 0;
    margin: 0;
  }
  #maincontainer #columns {
    padding: 0px !important;
    flex-direction: column;
    width: 100%;
  }
  #maincontainer #columns .column {
    max-width: 100vw;
  }
  #maincontainer #columns .column.rightAds, #maincontainer #columns .column.middle {
    width: 100%;
  }
  #maincontainer #columns #nav.column {
    position: absolute;
    left: 0px;
    height: 30px;
  }
  #maincontainer #columns #nav.column .RadMenu {
    height: 30px;
    overflow: hidden;
  }
  #maincontainer #columns #nav.column .RadMenu .rmVertical .rmToggle .rmIcon:before, #maincontainer #columns #nav.column .RadMenu .rmVertical .rmExpand:before, #maincontainer #columns #nav.column .RadMenu .rmRightArrow .rmIcon:before {
    display: none;
  }
  #maincontainer #columns #nav.column .RadMenu .rmVertical .rmFirst a:after {
    content: " ...";
  }
  #maincontainer #columns #nav.column .siteDock {
    display: none;
  }
  #maincontainer #columns #nav.column #botpadding {
    display: none;
    height: 0px;
  }
  #maincontainer #columns #nav.column a {
    pointer-events: none;
    cursor: default;
  }
  #maincontainer #columns #nav.column #sidelogos {
    display: none;
  }
  #maincontainer #columns #nav.column.expanded {
    z-index: 1;
    height: auto;
  }
  #maincontainer #columns #nav.column.expanded #sidelogos {
    display: block;
  }
  #maincontainer #columns #nav.column.expanded a {
    pointer-events: all;
    cursor: pointer;
  }
  #maincontainer #columns #nav.column.expanded .RadMenu {
    height: auto;
    overflow: visible;
  }
  #maincontainer #columns #nav.column.expanded .RadMenu .rmVertical .rmFirst a:after {
    content: "";
  }
  #maincontainer #columns #nav.column.expanded .RadMenu .rmVertical .rmToggle .rmIcon:before, #maincontainer #columns #nav.column.expanded .RadMenu .rmVertical .rmExpand:before, #maincontainer #columns #nav.column.expanded .RadMenu .rmRightArrow .rmIcon:before {
    display: block;
  }
  #maincontainer #columns #nav.column.expanded .siteDock {
    display: block;
  }
  #maincontainer #columns #nav.column.expanded #botpadding {
    display: block;
    height: 100px;
  }
  #maincontainer #columns #nav.column.expanded :after {
    display: none;
  }
  #maincontainer #columns #nav.column:after {
    content: "...";
    width: 50px;
    height: 10px;
    position: absolute;
    bottom: -9px;
    line-height: 1px;
    left: calc(50% - 25px);
    text-align: center;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    opacity: 0.6;
  }
  #maincontainer #nav {
    float: none;
    /* need to reconfigure this */
  }
  #maincontainer #topsection #topbar {
    min-width: auto;
  }
  #maincontainer #topsection, #maincontainer #footer {
    border-radius: 0;
  }
  #contentcolumn .bodycontent {
    padding: 0 !important;
    margin-top: 10px;
  }
  #contentcolumn .bodycontent h2.pageheading {
    margin-bottom: 15px;
  }
  #contentcolumn .bodycontent img, #contentcolumn .bodycontent iframe, #contentcolumn .bodycontent .RadGrid {
    max-width: 100%;
  }
  #contentcolumn .bodycontent img {
    height: auto !important;
  }
  #contentcolumn .bodycontent .RadGrid {
    overflow-x: auto;
  }
  #contentcolumn .bodycontent #maincontainer #contentcolumn fieldset {
    margin: 0px;
  }
  #contentcolumn.nomenus .bodycontent {
    padding: 4px !important;
    margin-top: 0px;
  }
  #topleft #Top1_clublogo {
    position: static;
    max-width: 50%;
    max-height: 150px;
  }
  #topleft {
    max-width: 100%;
  }
  #topsection {
    max-height: 250px;
    /*#menubar { position: static; } */
  }
  #topsection #topMenu, #topsection #menubar.ribbon {
    background-color: none !important;
    border: none !important;
    bottom: 0px;
  }
  #topsection #menubar.ribbon:before, #topsection #menubar.ribbon:after {
    border: none !important;
  }
  #hsbody .RadWindow {
    max-width: 94vw !important;
    left: 3vw !important;
    top: 3vh !important;
    margin: 0px !important;
    height: 94vh !important;
  }
  #hsbody .RadWindow .rwContent {
    height: calc(94vh - 50px) !important;
  }
  /* #nav { display: none; } */
  #mobileads {
    display: block;
    position: fixed;
    height: 55px;
    bottom: 0px;
    background: #e8e8e8;
    width: 100%;
    overflow: auto;
    z-index: 4;
    padding: 5px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  #mobileads .adcontainer {
    height: 100%;
    width: auto;
    white-space: nowrap;
  }
  #mobileads .adcontainer img {
    height: 100%;
    margin-right: 5px;
  }
  .mobileads #footer {
    margin-bottom: 65px;
  }
  .g-recaptcha {
    transform: scale(1);
    -webkit-transform: scale(1);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
  .g-recaptcha > div {
    width: 100% !important;
  }
  #mymenu #LoginTable_pnlParent label {
    display: none;
  }
  #mymenu .RadMenu .rmRootToggle {
    height: 2em;
    width: 2em;
    border: none;
    background-color: none;
  }
  #mymenu .RadMenu .rmRootToggle:before {
    font-size: 1.5em;
  }
  fieldset, .rmpView {
    max-width: 100%;
    overflow: auto;
  }
  fieldset .member, .rmpView .member {
    width: 98%;
    padding: 1%;
    margin: 0;
    margin-bottom: 8px;
  }
}

@media (max-width: 768px) {
  #maincontainer #borders {
    border-width: 0;
  }
  #nav.column {
    display: none;
  }
  .rounded #borders .mymenu > .rnvRootGroupWrapper {
    border-radius: 0;
  }
  #topsection {
    background-attachment: scroll !important;
    background-position: 0px 0px !important;
    max-height: 225px;
  }
  #topsection #topbar {
    padding-top: 5px;
  }
  #topsection #topbar .left {
    float: none;
  }
  #topsection #topbar .left h1 {
    width: 100%;
    text-align: center;
  }
  #topsection #topbar .left h1 a {
    float: none;
  }
  #topsection #topbar .left h1 #clubname {
    font-size: 100%;
    position: static;
    display: block;
    max-width: 100%;
  }
  #topsection .RadNavigation .rnvMore.rnvRight {
    background: transparent;
    margin-top: 3px;
  }
  #maincontainer .siteDock .portalcolumns .portalcolumn, #footer .siteDock .portalcolumns .portalcolumn {
    width: 100%;
  }
  body form .container {
    min-width: auto;
  }
  .hasnavigation #topsection #menubar {
    left: 0px;
    right: 0px;
  }
  .rnvMorePopup .rnvLink .rnvText {
    font-size: 15px;
    padding: 8px 0;
  }
}

@media (max-width: 480px) {
  #Topmenu2_pnlTopMenu {
    display: none;
  }
  .hide-mob {
    display: none;
  }
  .show-mob {
    display: inline-block;
  }
  .result {
    font-size: 11px;
  }
  #topsection {
    max-height: 200px;
  }
}

p.memberonly {
  padding: 50px;
  font-size: 16px;
}

p.memberonly img {
  width: 28px;
  vertical-align: middle;
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
}

.fullwidthheaders #maincontainer {
  width: auto;
  padding: 0;
  margin: 0;
}

.fullwidthheaders .RadMenu ul.rmRootGroup {
  border-radius: 0px;
}

.fullwidthheaders .container {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.fullwidthheaders .topMenu {
  max-width: 100%;
}

@media (min-width: 768px) {
  .fullwidthheaders .container {
    width: 90%;
  }
}

@media (min-width: 1200px) {
  .fullwidthheaders .container {
    width: 1170px;
  }
}

.fullwidthheaders .topbar {
  position: relative;
}

span.tracecontent table {
  background-color: white !important;
}

.hitslist .request > input[type=text] {
  display: none;
}

tr.rgFooter > td.total {
  font-weight: bold;
  border-top: 2px solid #000;
}

.ecbConsent .rfdOptionList td {
  padding-right: 15px;
}

.dock {
  margin-bottom: 5px !important;
}

.portalpanel .portalcolumn .DockZone .RadDock {
  margin-bottom: 7px;
}

.portalcolumn {
  float: left;
  padding: 0;
  margin: 0;
  border: 0;
}

.clr {
  clear: both;
}

.portalcolumns .portalcolumn > .DockZone {
  border: 0px;
  margin-right: 3px;
}

/* no right margin on last item in row */
.portalcolumns .portalcolumn:last-child .DockZone {
  margin-right: 0px;
}

.siteDock .portalcolumn .RadDockZone {
  border-style: none;
  border-width: 0px;
}

.edit .portalcolumn .DockZone {
  border-style: dotted;
  border-width: 1px;
}

.DockZone {
  padding: 2px !important;
}

.raddockzone .raddock .rdTitlebar {
  background-repeat: repeat-x !important;
}

.DockZone .RadDock .rdContent {
  line-height: inherit !important;
  *line-height: normal !important;
}

.rdContent .RadGrid .rgMasterTable td.rgGroupCol,
.rdContent .RadGrid .rgMasterTable th.rgGroupCol {
  width: 16px !important;
  padding: 0px !important;
}

.rdContent .RadGrid .rgMasterTable tr.rgGroupHeader p,
.rdContent .RadGrid .rgMasterTable tr.rgGroupHeader td {
  padding: 0px !important;
}

.RadMenu ul li ul {
  z-index: 10000 !important;
}

div .portalcolumn .DockZone .RadDock .rdTitleBar EM {
  width: 100% !important;
}

div .portalcolumn .DockZone .RadDock .rdCommands {
  position: absolute !important;
  right: 7px !important;
}

.k-splitter .portalcolumn {
  width: auto;
}

a.twbutt {
  position: relative;
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
  padding: 1px 8px 1px 8px;
  font-size: 11px !important;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  border: none;
  border-radius: 3px;
  display: inline-block;
  text-transform: none;
}

.twbutt .svg-inline--fa {
  height: 14px;
  width: 14px;
  margin-right: 3px;
}

.twbutt:hover, .twbutt:active, .twbutt:focus {
  background-color: #0c7abf !important;
  text-decoration: none;
}

@media (max-width: 992px) {
  div.portalcolumn.col1, div.portalcolumn.col2, div.portalcolumn.col3 {
    width: 100%;
  }
}

.imgupload {
  width: 100%;
  float: left;
  font-size: 13px;
}

.imgupload .uplPreview {
  max-height: 125px;
  overflow-y: auto;
}

.imgupload .uplPreview img {
  max-width: 140px;
  padding: 5px;
  margin: 2px;
  background-color: #e8e8e8;
  float: left;
}

.imgupload .k-upload {
  background: transparent;
}

.imgupload .k-upload .k-upload-files {
  max-height: 150px;
  overflow-y: auto;
}

.imgupload .k-widget {
  border: none;
}

.imgupload.hidedropzone .k-dropzone {
  padding: 0px;
  margin: 0px;
  border: none;
}

.imgupload.hidedropzone .k-dropzone em, .imgupload.hidedropzone .k-dropzone .k-upload-status {
  display: none;
}

.imgupload .remove {
  line-height: 22px;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 4px;
  top: 4px;
  font-size: 16px;
  display: block;
  text-align: right;
  color: rgba(255, 0, 0, 0.5);
}

.imgupload .remove:hover {
  color: rgba(255, 0, 0, 0.9);
}

#borders .fixtureGrid.RadGrid tr.fixture > td {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}

#borders .fixtureGrid.RadGrid tr.selected > td {
  border-top: 2px solid rgba(0, 0, 0, 0.4);
  font-weight: bold;
}

.cancelled {
  color: red;
}

@media (max-width: 480px) {
  .event .bgHeader, .event .detail {
    width: 100%;
    margin: 0px;
    padding: 3px;
    box-sizing: border-box;
  }
}

#footer {
  position: relative;
}

#footer .share {
  margin-top: 10px;
}

#footer .social {
  text-decoration: none;
  position: relative;
}

#footer .social svg {
  width: 30px;
  padding: 0 4px;
  vertical-align: middle;
  position: relative;
  height: 30px;
}

#footer .social svg.fa-circle {
  color: #fff;
  position: absolute;
  top: 3.5px;
}

#footer .social .fa-facebook {
  color: #3b579d;
}

#footer .social .fa-pinterest {
  color: #cb2027;
}

#footer .social .fa-twitter {
  color: #6faedc;
  filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.5));
}

@media (max-width: 768px) {
  #footer .share, #footer #disclaimer {
    font-size: 16px;
  }
}

#footer .hitssports {
  vertical-align: middle;
  height: 30px;
  padding-left: 10px;
}

#mobileads {
  -webkit-box-shadow: -1px 0px 38px 5px rgba(0, 0, 0, 0.53);
  -moz-box-shadow: -1px 0px 38px 5px rgba(0, 0, 0, 0.53);
  box-shadow: -1px 0px 38px 5px rgba(0, 0, 0, 0.53);
}

.k-map .k-layer {
  width: 100%;
}

.mapTooltip {
  text-align: left;
}

/*.k-map .k-i-marker-custom-marker {
    background-image: url('/svg.ashx?icon=map-marker-alt&mode=solid&fill=000&stroke=0f0') !important;
    background-repeat: no-repeat; 
	background-position: 50% bottom !important;
    background-size: 24px 24px;
    width: 50px;
    height: 50px;
}

.k-animation-container .k-tooltip { margin-top: 40px; }*/

@media (max-width: 600px) {
  .memberprofile .profile .profileimage {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    background-color: transparent;
  }
  .memberprofile .profile .profileimage img {
    float: none;
  }
}

.memberprofile .profile .profileimage svg {
  font-size: 90px;
}

.memberprofile .profile ul li:nth-child(1), .memberprofile .profile ul li:nth-child(2), .memberprofile .profile ul li:nth-child(3), .memberprofile .profile ul li:nth-child(4) {
  padding-right: 120px;
}

@media (max-width: 992px) {
  .memberprofile .profile .hitslist > ul > li label {
    width: 100px;
  }
  .memberprofile .profile .hitslist > ul > li .right {
    width: inherit;
  }
}

.memberprofile ul.performance li {
  margin-bottom: 15px;
}

.memberprofile ul.performance li .right:after {
  content: "";
  clear: both;
}

.memberprofile ul.performance li label {
  font-weight: bold;
}

fieldset.membergrouping {
  overflow: hidden;
}

.memberlist ul {
  margin: 0 -9px;
  list-style-type: none;
}

.memberlist .members li {
  position: relative;
  padding: 10px;
  float: left;
  clear: none;
  box-sizing: border-box;
  width: 100%;
}

.memberlist .membercard {
  position: relative;
  height: 250px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  overflow: hidden;
  transition: all .5s;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.memberlist .membercard img.svg {
  width: 80%;
  padding: 10%;
  max-height: 170px;
  padding: 10px;
  box-sizing: border-box;
}

.memberlist .membercard .detail {
  box-sizing: border-box;
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.85);
  color: black;
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.memberlist .membercard .bgimage, .memberlist .membercard img {
  transition: all .5s;
  background-size: cover;
  background-position: 50%;
  opacity: 1;
  height: 100%;
  width: 100%;
}

.memberlist .membercard .detail h6 {
  margin: 5px;
  border: 0px;
  color: black !important;
  font-weight: bold;
}

.memberlist .membercard .detail p {
  transition: all .5s;
  height: 0px;
  margin: 0px;
  opacity: 0;
}

.memberlist .membercard .detail p a {
  white-space: nowrap;
}

.memberlist .membercard:hover, .memberlist .membercard:active {
  background-color: white;
}

.memberlist .membercard:hover .detail p, .memberlist .membercard:active .detail p {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 30px;
  padding-bottom: 10px;
  box-sizing: border-box;
  margin: 5px;
  opacity: 1;
}

.memberlist .membercard:hover .bgimage, .memberlist .membercard:hover img, .memberlist .membercard:active .bgimage, .memberlist .membercard:active img {
  transform: scale(1.1);
  opacity: 0.75;
}

html body #contentcolumn fieldset.profile {
  border-top: none !important;
  margin-top: 15px;
}

html body #contentcolumn fieldset.profile ul > li {
  padding: 10px 2px;
}

@media (min-width: 360px) {
  .memberlist .members li {
    width: 50%;
  }
}

@media (min-width: 640px) {
  .memberlist .members li {
    width: 33%;
  }
}

@media (min-width: 768px) {
  .memberlist .members li {
    width: 25%;
  }
  .memberlist .members li .membercard {
    height: 225px;
  }
}

@media (min-width: 1200px) {
  .memberlist .members li {
    width: 20%;
  }
  .memberlist .members li .membercard {
    height: 200px;
    width: 180px;
  }
  .fullwidthheaders memberlist .members li .membercard {
    width: 160px;
  }
  .memberlist {
    padding: 0px;
  }
}

#newsTick {
  max-width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.RadGrid.newslist {
  border: 0px;
}

.RadGrid.newslist:focus, .RadGrid.newslist:active {
  border: 0px;
}

.RadGrid.newslist table:focus, .RadGrid.newslist table:active, .RadGrid.newslist table tbody:focus, .RadGrid.newslist table tbody:active {
  border: 0px;
}

.RadGrid.newslist tr .newsitem {
  height: 110px;
  overflow: hidden;
  vertical-align: top;
  margin-top: 10px;
  margin-bottom: 10px;
}

.RadGrid.newslist tr .newsitem h3 a {
  float: right;
  width: calc(100% - 8em);
  display: block;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
}

.RadGrid.newslist tr .newsitem h3 .date {
  float: left;
  font-weight: normal;
  text-align: left;
}

.RadGrid.newslist tr .newsitem .summary {
  padding-top: 10px;
  max-height: 50px;
  overflow: hidden;
  clear: both;
}

.RadGrid.newslist tr .newsitem .summary img {
  margin-right: 5px;
}

@media (max-width: 768px) {
  .RadGrid.newslist tr .newsitem h3 {
    text-align: left;
    max-width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .RadGrid.newslist tr .newsitem h3 .date {
    float: none;
  }
  .RadGrid.newslist tr .newsitem h3 a {
    float: none;
    width: 100%;
    text-align: left;
  }
  .RadGrid.newslist tr .newsitem .summary {
    padding-top: 0px;
  }
}

.RadGrid.newslist tr.rgRow img {
  float: right;
}

.RadGrid.newslist tr.rgAltRow img {
  float: left;
}

.RadGrid.newslist tr.rgPager {
  height: auto;
}

.RadGrid.newslist tr td {
  position: relative;
}

.RadGrid.newslist tr td .readmore {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

#pnlNews {
  min-height: 300px;
  position: relative;
  padding-bottom: 25px;
}

#pnlNews .story {
  margin-bottom: 35px;
}

#pnlNews .image {
  float: right;
  border: 5px solid #e8e8e8;
  margin-left: 5px;
  margin-bottom: 5px;
}

#pnlNews #newsnav {
  width: 100%;
  position: absolute;
  bottom: 0px;
}

#pnlNews #newsnav .tags {
  text-align: right;
}

@media (max-width: 992px) {
  #pnlNews #newsnav a {
    margin: 0 8px;
  }
}

@media (max-width: 768px) {
  #pnlNews .image {
    float: none;
  }
}

#captains, #squad {
  clear: left;
  border: 1px solid #000;
  margin-bottom: 2%;
  padding-bottom: 2%;
}

.member {
  width: 45%;
  border: 1px solid #ccc;
  background-color: #e8e8e8;
  float: left;
  margin: 1%;
  padding: 1%;
  text-align: left;
  font-size: 1em;
  overflow: auto;
  font-size: 12px;
  height: 155px;
}

.member .profileimage a {
  display: flex;
  justify-content: center;
  height: 144px;
  width: 108px;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.7);
  align-items: center;
  text-align: center;
}

.member .profileimage a img {
  flex: none;
  max-width: 1000px !important;
}

.member .profileimage.noimage a {
  align-items: center;
}

.member .profileimage.noimage a svg {
  font-size: 80px;
}

.member hr {
  margin: 5px 0px;
  height: 1px;
  background-color: rgba(100, 100, 100, 0.5);
  border: 0px;
}

.member a {
  font-size: 13px !important;
  font-weight: bold;
}

.member .captain {
  padding: 2px;
  margin-right: 5px;
}

.member .details {
  font-size: 12px;
}

.nobgfieldset .member {
  border: 0px;
  background: transparent;
  padding-left: 0px;
  padding-bottom: 15px;
}

.RadForm_Black .member {
  background-color: #A8A8A8;
}

@media (max-width: 480px) {
  .member {
    min-height: 100px;
    height: auto;
  }
}

.teamfixtures {
  padding: 15px 0px;
}

.fixturecard {
  position: relative;
  background-color: rgba(255, 255, 255, 0.85);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
  font-size: 0.9em;
  height: 5em;
  color: black;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  text-align: center;
}

.fixturecard > div {
  padding: 0.5em;
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  /* ensure sizing not overriden */
}

@media (max-width: 480px) {
  .fixturecard > div .result {
    font-size: 0.9em;
  }
}

.fixturecard .opposition {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: bold;
}

.fixnav {
  position: absolute;
  z-index: 1;
  height: 100%;
  top: 0px;
  width: 14px;
}

.fixnav.next {
  right: 3px;
}

.fixnav.prev {
  left: 3px;
}

@media (min-width: 640px) {
  .fixnav.next {
    right: 0px;
  }
  .fixnav.prev {
    left: 0px;
  }
}

.fixtureContainer > div {
  position: relative;
}

.fixtureContainer > div svg {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}

#bookingButtons #btnAdmin {
  float: right;
}

#bookingButtons #btnCreate {
  float: left;
}

#schSettings {
  display: none;
  margin-bottom: 15px;
}

#schSettings .hours {
  margin-bottom: 2px;
}

#schSettings .status {
  display: inline-block;
  position: relative;
}

#schSettings .status.open .isopen {
  display: inline-block;
}

#schSettings .status.open .isclosed {
  display: none;
}

#schSettings .status.closed .isopen {
  display: none;
}

#schSettings .status.closed .isclosed {
  display: inline-block;
  color: red;
  z-index: 2;
  font-size: 1.2em;
  text-align: center;
  background: rgba(255, 255, 255, 0.7);
  padding-right: 20px;
}

#schSettings .isopen input {
  width: 80px;
}

#schSettings .k-i-cancel {
  color: red;
}

#schSettings .k-i-check-outline {
  color: darkgreen;
}

#schSettings #tbTerms .editor {
  border: 1px solid #bbdceb;
  min-height: 70px;
  max-height: 200px;
  overflow: auto;
}

#schSettings #tbTerms .small {
  font-size: 10px;
  font-style: italic;
}

#schSettings .k-tabstrip-items .k-link {
  white-space: break-spaces;
}

.venueClosed .k-scheduler-times-all-day, .venueClosed .k-scheduler-header-all-day {
  display: none;
}

.k-window, .k-edit-form, .k-edit-form-container {
  max-width: 100%;
}

.k-scheduler-edit-form ul {
  list-style: none;
}

.k-scheduler-edit-form .notes {
  margin-top: 0px;
  margin-bottom: 20px;
  max-height: 125px;
  overflow: auto;
}

.k-edit-form-container {
  max-width: 100%;
}

.k-edit-form-container .k-invalid {
  border: 1px red solid;
}

.k-edit-form-container .k-checkbox {
  color: inherit !important;
  margin-top: 5px;
}

.k-edit-form-container input[type=radio] {
  margin-right: 5px;
}

.k-edit-form-container .notes {
  margin-top: 0px;
  margin-left: 20px;
  margin-right: 20px;
}

.k-multiselect li .k-scheduler-mark, .k-list-scroller li .k-scheduler-mark {
  display: none !important;
}

#scheduler {
  z-index: 0;
  position: relative;
}

#scheduler .notconfigured {
  font-size: 14px;
  padding: 20px;
}

#scheduler .hs-booking {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

#scheduler .hs-booking.mine {
  font-weight: bold;
  text-shadow: 0 0px 14px black;
}

#scheduler .invalid-slot {
  background: red !important;
  cursor: no-drop;
}

#scheduler .k-scheduler-times table tr {
  min-height: 30px;
}

#scheduler .k-scheduler-times table tr th.k-slot-cell {
  padding: 4.5px 4px 4px 4px;
  border-right-color: rgba(0, 0, 0, 0.15);
}

#scheduler .k-scheduler-times table tr th.k-slot-cell span {
  min-height: 21px;
}

#scheduler.k-scheduler-mobile .k-create-event {
  display: none;
}

#scheduler.k-scheduler-mobile .k-scheduler-table tr[role=row] td[role=gridcell] {
  position: relative;
}

#scheduler.k-scheduler-mobile .k-scheduler-table tr[role=row] .available, #scheduler.k-scheduler-mobile .k-scheduler-table tr[role=row] .booked, #scheduler.k-scheduler-mobile .k-scheduler-table tr[role=row] .unavailable {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0px !important;
  margin: 0px;
}

#scheduler.k-scheduler-mobile .k-scheduler-table tr[role=row] .available svg, #scheduler.k-scheduler-mobile .k-scheduler-table tr[role=row] .booked svg, #scheduler.k-scheduler-mobile .k-scheduler-table tr[role=row] .unavailable svg {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

#scheduler .k-scheduler-content table tr[role=row] {
  min-height: 30px;
}

#scheduler .k-scheduler-content table tr[role=row] .unavailable, #scheduler .k-scheduler-content table tr[role=row] .available, #scheduler .k-scheduler-content table tr[role=row] .booked {
  width: 100%;
  height: 20px;
  margin: -4px -6.5px;
  padding: 4px 6.5px;
}

#scheduler .k-scheduler-content table tr[role=row] .unavailable, #scheduler .k-scheduler-content table tr[role=row] .available {
  text-align: center;
  font-size: 20px;
}

#scheduler .k-scheduler-content table tr[role=row] .unavailable svg, #scheduler .k-scheduler-content table tr[role=row] .available svg {
  display: none;
}

#scheduler .k-scheduler-content table tr[role=row] .unavailable:hover, #scheduler .k-scheduler-content table tr[role=row] .available:hover {
  padding: 3px 5.5px;
  border: solid 1px;
}

#scheduler .k-scheduler-content table tr[role=row] .unavailable:hover svg, #scheduler .k-scheduler-content table tr[role=row] .available:hover svg {
  display: inline;
}

#scheduler .k-scheduler-content table tr[role=row] .unavailable, #scheduler .k-scheduler-content table tr[role=row] .booked {
  background-color: rgba(0, 0, 0, 0.1);
}

#scheduler .k-scheduler-content table tr[role=row] .unavailable {
  color: red;
}

#scheduler .k-scheduler-content table tr[role=row] .unavailable:hover {
  border-color: red;
}

#scheduler .k-scheduler-content table tr[role=row] .available {
  color: green;
}

#scheduler .k-scheduler-content table tr[role=row] .available:hover {
  border-color: green;
}

#scheduler .k-scrollbar-h tr + tr .k-scheduler-times {
  border-bottom: none;
}

#scheduler .k-scheduler-footer {
  /* make them invisible */
  display: none;
  /* prevent height and paddings from influencing the size calculations */
  height: 0;
  padding: 0;
  overflow: hidden;
}

#scheduler .attendeelist .attendee:not(:empty):not(:last-child):after {
  content: ", ";
}

#tsAndCs {
  float: left;
  width: calc(100% - 10px);
  padding: 5px;
}

#tsAndCs .detail {
  height: 65px;
  border: 1px solid #ccc;
  overflow: auto;
  padding: 5px;
  display: none;
}

#tsAndCs .confirm {
  text-align: right;
}

#tsAndCs .confirm .k-tooltip-error {
  right: 5px;
}

.mobile {
  /* ensure ts and cs link is underlined indicating a link*/
}

.mobile .full-width-mobile-edit .k-edit-label {
  width: 100%;
  text-align: left;
  font-weight: bold;
}

.mobile .full-width-mobile-edit .k-edit-field {
  float: left;
  padding: .4em 0 1em;
  width: 100%;
}

.mobile #tsAndCs {
  width: calc(100%);
  padding: 5px;
}

.mobile #tsAndCs .detail {
  background: #fff;
}

.mobile .k-scheduler-edit-form ul {
  list-style: none;
  margin-left: 0.5em;
}

.mobile .k-tabstrip-items .k-link {
  padding: .5em .8em;
  white-space: break-spaces;
}

.mobile .k-grid tbody .k-button {
  min-width: 20px;
}

.mobile a.showTsAndCs {
  text-decoration: underline !important;
}

.gridplaceholder {
  outline-style: dashed;
  outline-width: 2px;
  outline-color: #283969;
}

/* force window position to be in center */
.k-window {
  top: 50% !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(-50%) !important;
}

.rbButton {
  white-space: nowrap;
}

#maincontainer .rendered-form .kc-toggle span:after {
  width: 46%;
  top: -1px;
}

.riStrengthBar {
  text-align: left !important;
  width: 50px !important;
  padding: 5px;
}

.riStrengthBar.riStrengthBarL0 {
  display: none;
}

.RadForm.rfdRoundedCorners .RadComboBox .rcbInner {
  overflow: hidden;
}

.k-map .k-i-marker-custom-marker {
  background-image: url("/svg.ashx?icon=map-pin&mode=duotone&fill=000&stroke=666");
  background-position: 50%;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}

.RadMenu .rmTopArrow, .RadMenu .rmBottomArrow {
  z-index: 99999;
}

#Topmenu1_pnlTopMenu {
  max-width: 100%;
}

#Topmenu1_pnlTopMenu ul.rmRootGroup {
  max-width: 100%;
}

.rnvSlide .radPopup .rnvItem.separator .rnvLink {
  border-bottom: 1px solid #999;
  height: 0px;
  padding: 0;
  margin: 0 10px;
}

.rnvSlide .radPopup .rnvItem.separator .rnvText {
  display: none;
}

.payDialog {
  width: 100%;
  height: 50%;
  min-height: 200px;
  position: fixed;
  left: 0px;
  bottom: 0px;
  z-index: 9999;
  border: 0px;
  box-shadow: 0px -1px 10px 0px rgba(155, 155, 155, 0.7);
  background-color: white;
}

.payDialog .ios {
  position: absolute;
  top: 0px;
  bottom: auto;
}

#pnlMakePayment {
  text-align: center;
}

.btnPay {
  margin: 7px;
  border-radius: 3px;
  vertical-align: top;
  display: none;
}

.btnPay.microsoft {
  font-family: 'Segoe UI';
  font-size: 20px;
  padding: 8px 15px;
  border-radius: 0px;
  color: #fff;
  background-color: #707070;
  border: 0px;
}

.btnPay.google {
  padding: 0 15px;
  background-color: black;
  border: black solid 2px;
  color: white;
}

.btnPay.apple {
  background-color: white;
  border: black solid 2px;
  padding: 0 15px;
}

#paymentrequest {
  display: none;
}

#payment-form {
  margin: 0 auto;
}

#pnlPaypal {
  margin-top: 35px;
}

#pnlPaypal .RadButton.rbButton.btnPaypal {
  color: white;
  background-color: #009cde;
  background-image: radial-gradient(circle farthest-side at center bottom, #009cde, #003087 125%);
}

#pnlPaypal .RadButton.rbButton.btnPaypal svg.fa-2x {
  font-size: 1.5em;
  margin-top: -6px;
  color: #27346a;
}

#pnlPaypal .PayPal {
  font-size: 18px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-style: italic;
  font-weight: bold;
}

#pnlPaypal .PayPal .pay {
  color: #27346a;
}

#pnlPaypal .PayPal .pal {
  color: #2790c3;
}

@media (min-width: 992px) {
  ::-webkit-scrollbar {
    width: 8px;
  }
  /* Track */
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #e8e8e8;
  }
  /* Handle */
  ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  }
  ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(55, 55, 55, 0.4);
  }
  ::-webkit-scrollbar-button {
    display: none;
  }
}

html .RadGrid .rgSave,
html .RadGrid .rgAdd,
html .RadGrid .rgRefresh,
html .RadGrid .rgEdit,
html .RadGrid .rgDel,
html .RadGrid .rgFilter,
html .RadGrid .rgPagePrev,
html .RadGrid .rgPageNext,
html .RadGrid .rgPageFirst,
html .RadGrid .rgPageLast,
html .RadGrid .rgExpand,
html .RadGrid .rgCollapse,
html .RadGrid .rgSortAsc,
html .RadGrid .rgSortDesc,
html .RadGrid .rgUpdate,
html .RadGrid .rgCancel,
html .RadGrid .rgUngroup,
html .RadGrid .rgExpXLS,
html .RadGrid .rgExpDOC,
html .RadGrid .rgExpPDF,
html .RadGrid .rgExpCSV {
  background-image: none;
}

html .RadGrid th.rgSorted {
  background-image: none;
}

html .RadGrid .rgMasterTable .rgSelectedCell,
html .RadGrid .rgSelectedRow {
  background-image: none;
}

html .RadGrid .rgMasterTable .rgActiveCell,
html .RadGrid .rgActiveRow,
html .RadGrid .rgHoveredRow {
  background-image: none;
}

html .RadGrid .rgEditRow {
  background-image: none;
}

html .RadGrid .rgPager {
  background-image: none;
}

html .RadGrid .rgPager .rgPagerButton {
  background-image: none;
}

html .RadGrid .rgNumPart a:hover,
html .RadGrid .rgNumPart a.rgCurrentPage {
  background-image: none;
}

html .RadGrid .rgNumPart a:hover span,
html .RadGrid .rgNumPart a.rgCurrentPage span {
  background-image: none;
}

html .GridReorderTop {
  background-image: none;
}

html .GridReorderBottom {
  background-image: none;
}

html .RadGrid .rgGroupPanel {
  background-image: none;
}

html .RadGrid .rgGroupItem {
  background-image: none;
}

html .RadGrid .rgGroupHeader {
  background-image: none;
}

html .RadGrid .rgCommandRow {
  background-image: none;
}

html body .RadGrid .rgMasterTable .rgSelectedCell,
html body .RadGrid .rgSelectedRow,
html body .RadGrid .rgHoveredRow,
html body .RadGrid .rgEditRow {
  background-image: none;
}

ul.reToolBar.t-hbox li {
  border-color: transparent;
}

ul.reToolBar.t-hbox li span {
  border-color: transparent;
}

.RadToolBar > ul.rtbUL .rtbItem .rtbText, .RadToolBar > ul.rtbUL .rtbItem rtbLink {
  padding-left: 30px;
  position: relative;
}

.RadToolBar > ul.rtbUL .rtbItem .rtbText > svg, .RadToolBar > ul.rtbUL .rtbItem .rtbText > .fa-layers, .RadToolBar > ul.rtbUL .rtbItem rtbLink > svg, .RadToolBar > ul.rtbUL .rtbItem rtbLink > .fa-layers {
  position: absolute;
  left: 0px;
  top: 4px;
}

.RadEditor.reWrapper .reContent {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.RadEditor.reWrapper.reFullScreen .reContent {
  border-radius: 0px;
}

.RadPicker .RadInput .rcSelect {
  margin-right: calc(100% - 200px);
}

.dont-break-out {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.txt-right {
  text-align: right;
}

.txt-left {
  text-align: left;
}

.nowrap {
  white-space: nowrap;
}