@charset "UTF-8";
/*  General */
a img {
  border: 0;
}

/*  Main page elements */
body {
  font-family: Tahoma, Arial, Verdana, Helvetica;
  font-size: small;
  color: Black;
  background-color: White;
  text-align: left;
}

.pageAreaBackground {
  background-color: #D7D8D8;
  border-style: none;
  padding: 10px 10px 10px 10px;
  text-align: left;
  margin: 0 auto;
}

.bannerSection {
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin-bottom: 7px;
}

.pageTitle {
  font-size: x-large;
  font-weight: 200;
  color: Black;
}

.pageTitleExtension {
  font-size: larger;
  font-weight: 200;
  color: Black;
}

.pageContentTitle {
  font-size: 12pt;
  font-weight: bold;
  color: Black;
}

.footerCopyrightText {
  text-align: center;
  color: Black;
  font-size: x-small;
}

/*** Begin Breadcrumb solution for Org sites ***/
.breadcrumbOld {
  font-size: 11px;
  background: none repeat scroll 0% 0% transparent;
  margin: 0px;
  padding: 20px 0px 0px;
  list-style: none outside none;
  position: relative;
  top: -8px;
  width: 80%;
}

.breadcrumbOld a:hover {
  text-decoration: none !important;
}

.breadcrumbOld a:link, .breadcrumbOld a:visited, .breadcrumbOld a:active {
  color: #000;
  text-decoration: none;
}

.breadcrumbOld li {
  line-height: 14px;
  color: rgb(0, 0, 0);
}

.breadcrumbOld > li {
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #ffffff;
  *zoom: 1;
}

.contextOld {
  font-size: 11px;
  background: none repeat scroll 0% 0% transparent;
  margin: 0px;
  padding: 20px 0px 0px;
  list-style: none outside none;
  position: relative;
  top: -8px;
}

.contextOld a:hover {
  text-decoration: none !important;
}

.contextOld a:link, .contextOld a:visited, .contextOld a:active {
  color: #000;
  text-decoration: none;
}

.contextOld li {
  line-height: 14px;
  color: rgb(0, 0, 0);
}

.contextOld > li {
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #ffffff;
  *zoom: 1;
}

/*** End Breadcrumb solution for Org sites ***/
.breadcrumb .separator {
  padding: 1px 4px;
  /* font-family: Tahoma,Arial,Verdana,Helvetica;
  font-size:small; */
}

.breadcrumb li {
  float: left;
  line-height: 14px;
  color: #000;
}

.breadcrumb li a,
.breadcrumb li a:hover {
  /* font-family: Tahoma,Arial,Verdana,Helvetica;
  font-size:small; */
  color: #000;
  text-decoration: underline;
}

div.hr {
  width: 100%;
  height: 1px;
  background: White;
  margin-top: 2px;
  font-size: 0;
}

.fullScreen {
  display: block;
  z-index: 3001;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.collapsiblePanel {
  height: 0px;
  overflow: hidden;
  position: relative;
}

/* in page elements */
.inputFieldLabel {
  font-weight: bold;
  color: Black;
}

.inputFieldLabelDimmed {
  font-weight: bold;
  color: Gray;
}

.contentSeparator {
  border-top-style: solid;
  border-top-color: Gray;
  border-top-width: 1px;
}

.inputFormFooter {
  border-top-style: solid;
  border-top-color: Gray;
  border-top-width: 1px;
}

.fieldSideText {
  font-family: Tahoma;
  font-size: 8pt;
  color: Black;
}

.revisionText {
  font-family: Tahoma;
  font-size: 8pt;
  font-style: italic;
  color: Black;
}

/* messages */
table.tblErrorMessage {
  background-color: #EB4B2F;
  border-color: #AD1D00;
  border-style: solid;
  border-width: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-image: -ms-linear-gradient(top, #EB4B2F 0%, #EB302F 100%);
  background-image: -moz-linear-gradient(top, #EB4B2F 0%, #EB302F 100%);
  background-image: -o-linear-gradient(top, #EB4B2F 0%, #EB302F 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EB4B2F), color-stop(1, #EB302F));
  background-image: -webkit-linear-gradient(top, #EB4B2F 0%, #EB302F 100%);
  background-image: linear-gradient(to bottom, #EB4B2F 0%, #EB302F 100%);
}

.errorMessageHeader {
  font-size: small;
  font-weight: bold;
  color: White;
}

.errorMessage {
  font-size: small;
  font-weight: normal;
  color: White;
}

table.tblWarningMessage {
  background-color: #FFFF00;
  border-color: #FF0000;
  border-style: solid;
  border-width: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-image: -ms-linear-gradient(top, #FFF654 0%, #FFD716 100%);
  background-image: -moz-linear-gradient(top, #FFF654 0%, #FFD716 100%);
  background-image: -o-linear-gradient(top, #FFF654 0%, #FFD716 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF654), color-stop(1, #FFD716));
  background-image: -webkit-linear-gradient(top, #FFF654 0%, #FFD716 100%);
  background-image: linear-gradient(to bottom, #FFF654 0%, #FFD716 100%);
}

.warningMessageHeader {
  font-size: small;
  font-weight: bold;
  color: Black;
}

.warningMessage {
  font-size: small;
  font-weight: normal;
  color: Black;
}

table.tblInfoMessage {
  background-color: #4A6AED;
  border-color: #16E816;
  border-style: solid;
  border-width: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-image: -ms-linear-gradient(top, #4A6AED 0%, #13141A 100%);
  background-image: -moz-linear-gradient(top, #4A6AED 0%, #13141A 100%);
  background-image: -o-linear-gradient(top, #4A6AED 0%, #13141A 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A6AED), color-stop(1, #13141A));
  background-image: -webkit-linear-gradient(top, #4A6AED 0%, #13141A 100%);
  background-image: linear-gradient(to bottom, #4A6AED 0%, #13141A 100%);
}

.infoMessageHeader {
  font-size: small;
  font-weight: bold;
  color: #FFFFFF;
}

.infoMessage {
  font-size: small;
  font-weight: normal;
  color: #FFFFFF;
}

table.tblSecurityMessage {
  background-color: #FFFFFF;
  border-color: #4E6DF2;
  border-style: solid;
  border-width: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.securityMessage {
  font-size: small;
  font-weight: normal;
  color: black;
}

/* link styles */
a.footerLink:link {
  color: Black;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: none;
}

a.footerLink:visited {
  color: Black;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: none;
}

a.footerLink:hover {
  color: Black;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: underline;
}

a.statNavLink:link {
  color: Black;
  font-size: 8pt;
  font-weight: bold;
  text-decoration: underline;
}

a.statNavLink:visited {
  color: Black;
  font-size: 8pt;
  font-weight: bold;
  text-decoration: underline;
}

a.statNavLink:hover {
  color: Black;
  font-size: 8pt;
  font-weight: bold;
  text-decoration: underline;
}

a.pageHeaderLink:link {
  color: Black;
  text-decoration: underline;
}

a.pageHeaderLink:visited {
  color: Black;
  text-decoration: underline;
}

a.pageHeaderLink:hover {
  color: Black;
  text-decoration: underline;
}

a.inlineLink:link {
  color: Black;
  text-decoration: underline;
}

a.inlineLink:visited {
  color: Black;
  text-decoration: underline;
}

a.inlineLink:hover {
  color: Black;
  text-decoration: underline;
}

/* message dialog */
.messageContainer {
  width: 400px;
  border: solid 1px #808080;
  border-width: 1px 0px;
}

.messageHeader {
  background: url(/img/sprite.png) repeat-x 0px -200px;
  color: #000;
  border-color: #808080 #808080 #ccc;
  border-style: solid;
  border-width: 0px 1px 1px;
  padding: 3px 10px;
}

.messageHeader .msg {
  font-weight: bold;
}

.messageBody {
  background-color: #f2f2f2;
  border-color: #808080;
  border-style: solid;
  border-width: 0px 1px;
  padding: 10px 10px 10px 10px;
  padding-bottom: 30px;
}

.messageBody .msg {
  background: url(/img/sprite.png) no-repeat 0px -1100px;
  float: left;
  padding-left: 22px;
}

.messageFooter {
  background-color: #f2f2f2;
  border-color: #808080;
  border-style: none solid;
  border-width: 0px 1px;
  text-align: right;
  padding-bottom: 8px;
  padding-right: 8px;
}

/*
.close
{
    right: 7px;	
    background: url(/img/sprite.png) no-repeat 0px -300px;	
    width: 25px;	
    cursor: pointer;	
    position: absolute;	
    top: 7px;	
    height: 15px;
}
    */
/* View options */
.orgViewOptions {
  color: Black;
  font-size: 11px;
}

.viewOptionsUnit {
  background-color: White;
  border-style: solid;
  border-color: Black;
  border-width: 1px;
}

/* standings & results */
.resultsMultiScorePanel {
  padding-bottom: 5px;
}

.resultsCommentsPanel {
  padding-bottom: 5px;
}

/* brackets */
.bracketColumn {
  width: 115px;
  vertical-align: top;
  padding: 0px 0px 0px 0px;
}

.bracketsPendingTopTeam {
  font-size: 10px;
  height: 30px;
  width: 115px;
  vertical-align: bottom;
  border-bottom: solid 2px black;
  padding: 0px 0px 0px 0px;
}

.bracketsWinningTopTeam {
  font-size: 10px;
  font-weight: bold;
  height: 30px;
  width: 115px;
  vertical-align: bottom;
  border-bottom: solid 2px black;
  padding: 0px 0px 0px 0px;
}

.bracketsPendingBottomTeam {
  font-size: 10px;
  height: 30px;
  width: 115px;
  vertical-align: top;
  border-top: solid 2px black;
  padding: 0px 0px 0px 0px;
}

.bracketsWinningBottomTeam {
  font-size: 10px;
  font-weight: bold;
  height: 30px;
  width: 115px;
  vertical-align: top;
  border-top: solid 2px black;
  padding: 0px 0px 0px 0px;
}

.bracketsInside {
  text-align: center;
  font-size: 10px;
  width: 115px;
  border-right: solid 2px black;
  padding: 0px 0px 0px 0px;
}

.bracketsRowSpacing {
  height: 30px;
  padding: 0px 0px 0px 0px;
}

.col-form-label {
  color: black;
  font-size: 14px;
  padding-right: 0px;
  padding-top: 2px;
}

.form-group {
  margin-bottom: 12px;
}

#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.7);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 10000;
}

#return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 16px;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}

#return-to-top:hover i {
  color: #fff;
  top: 5px;
}

/* Custom Field  */
.tsCfFileRemoveCheckbox {
  vertical-align: inherit !important;
  padding-left: 10px !important;
}

/*_Styles */
@media print {
  a:link:after,
  a:visited:after {
    content: "" !important;
  }
}
html, body {
  height: 100%;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

body {
  color: #56585a;
  font: 0.8em Arial, Helvetica, sans-serif;
  background: url("/img/home/bg-body3.jpg") no-repeat scroll 50% 0px #93BFD9;
}

h1 {
  font-size: 18px;
  font-weight: 700;
  color: #000008;
  /* margin-bottom: 0; */
  padding: 0;
  clear: left;
}

h2 {
  color: #333333;
  font-size: 1.3em;
  margin-bottom: 0;
  padding-top: 20px;
  font-weight: 600;
}

h2.h2NormalWeight {
  font-size: 16px;
  font-weight: 400;
}

.borderBtm {
  background-color: #eee; /* fallback color if gradients are not supported */
  /* For Chrome and Safari */
  /* For old Fx (3.6 to 15) */
  /* For pre-releases of IE 10*/
  /* For old Opera (11.1 to 12.0) */
  width: 100%;
  height: 1px;
  position: relative;
  /* top: -10px; */
  opacity: 0.5;
  margin-bottom: 15px !important;
  background-image: linear-gradient(to right, #000, #fff); /* Standard syntax; must be last */
  /*For IE7-8-9*/
  /*For IE7*/
}

h3 {
  color: #316b9d;
  color: #333;
  font-size: 1.2em;
}

h4 {
  color: #316b9d;
  font-size: 1.2em;
}

.breakword {
  word-wrap: anywhere;
}

.adminHdrLeague {
  text-align: center;
  font-size: 1.8em;
  font-weight: 700;
  margin-top: 13px;
  margin-left: -13px;
}

.adminHdrLabel {
  float: right;
  margin: 0 auto;
  padding: 6px 10px 4px 10px;
  font-weight: 700;
  font-size: 1.4em;
  color: #316b9d;
}

@media (max-width: 991.98px) {
  .adminHdrLabel {
    float: right;
    margin: 0 auto;
    padding: 6px 10px 4px 10px;
    font-weight: 700;
    font-size: 1.4em;
    color: #316b9d;
  }
}
@media (max-width: 575.98px) {
  .adminHdrLabel {
    float: none;
    text-align: center;
    margin: 0 auto;
    margin-top: 16px;
  }
}
.alert-success {
  color: #FFF !important;
  font-weight: 500 !important;
  background-color: #36a233 !important;
  border-color: #20711e !important;
}

.alert-danger, .alert-error {
  color: #FFF !important;
  font-weight: 500 !important;
  background-color: #eb4630 !important;
  border-color: #c03320 !important;
}

.alert-warning {
  color: #000 !important;
  font-weight: 500 !important;
  background-color: #ffe636 !important;
  border: 1px solid #d9a431 !important;
}

.borderHR {
  width: 100%;
  height: 6px;
  background: url("/img/diag-hr.gif") repeat-x;
  margin-top: -5px;
  margin-bottom: 15px;
}

.btnDisable .rbPrimaryIcon {
  background: url(/img/loading3.gif) !important;
  width: 14px;
  height: 14px;
}

#btnRighBevel {
  border-radius: 0 4px 4px 0;
}

.btnInline {
  display: inline !important;
}

.breadcrumb {
  font-size: 11px;
  background: none;
  margin: 0;
  padding: 0;
  padding-top: 20px;
}

.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active {
  color: #316b9d;
  text-decoration: none;
}

.breadcrumb a:hover {
  text-decoration: none !important;
}

a.breadcrumbLastItem {
  color: #000 !important;
  text-decoration: none;
}

a.breadcrumbLastItem a:hover {
  text-decoration: none !important;
}

.subSectionHdr {
  font-size: 16px;
  color: #316b9d;
  font-weight: 700;
  /* margin:0; */
  padding: 0;
  margin-top: -6px;
}

SPAN.rbPrimaryIcon {
  width: 21px !important;
  left: 8px !important;
}

.teamSidelineBlue {
  color: #316b9d;
}

.itemThumb85 {
  min-width: 65px;
}

.container.bevelMainBox {
  background: #FFF;
  border-radius: 0 0 4px 4px;
  min-height: 345px;
}

.container.bevelMainBox .centeredContent {
  margin: 0 5% 5% 5%;
}

.displayInline {
  display: inline-block;
}

.indentContent {
  margin-left: 10%;
  margin-right: 10%;
}

.indentContent2 {
  margin-left: 5%;
  margin-right: 10%;
}

.indentHorzForms {
  margin-left: 5%;
  margin-right: 5%;
}

.mobileIndentH3 {
  margin-left: 10%;
  white-space: nowrap;
}

.formMargTop {
  margin-top: 4px;
}

.formMargTop6 {
  margin-top: 6px;
}

.formMargTop8 {
  margin-top: 8px;
}

.formMargBtm8 {
  margin-bottom: 8px;
}

.formMargTop9 {
  margin-top: 9px;
}

.formPosTop-2 {
  position: relative;
  top: -2px;
}

.mobileIMG {
  float: left;
}

.mobilePosTop2 {
  position: relative;
  top: 2px;
}

.floatBtnRight {
  float: right !important;
  margin-right: 5% !important;
}

.formPosTop4 {
  position: relative;
  top: 4px;
}

.formPosTop7 {
  position: relative;
  top: 7px;
}

.formPosTop9 {
  position: relative;
  top: 9px;
}

.formRenderFont {
  font-weight: 700;
  text-transform: uppercase;
}

.formButtons {
  margin: 0 auto;
  width: 60%;
}

.gridFooterButton {
  float: right;
  margin-top: 5px;
}

.gridFooterButtonLeft {
  float: left;
  margin-top: 5px;
}

.gridFooterButtonRight {
  float: right;
  margin-top: 5px;
}

.gridFooterButtonCenter {
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
}

.wellInline {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
}

.wellWhite {
  background-color: #FFF;
  border: 1px solid #d9d9d9;
  border-radius: 0;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05) none !important;
}

.table {
  width: 95%;
}

.greyLine {
  height: 1px;
  width: 100%;
  float: right;
  margin-top: 8px;
  background-color: #bababa; /* fallback color if gradients are not supported */
  background-image: -webkit-linear-gradient(left, #FFFFFF, #bababa); /* For Chrome and Safari */
  background-image: -moz-linear-gradient(left, #FFFFFF, #bababa); /* For old Fx (3.6 to 15) */
  background-image: -ms-linear-gradient(left, #FFFFFF, #bababa); /* For IE 10*/
  background-image: -o-linear-gradient(left, #FFFFFF, #bababa); /* For old Opera (11.1 to 12.0) */
  background-image: linear-gradient(to right, #FFFFFF, #bababa); /* Standard syntax; must be last */
}

.headerBanner {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
  min-height: 180px;
}

.homeTopPad {
  margin-top: 8px;
}

.homeIconNav {
  font-size: 1.3em;
  position: relative;
  top: 2px;
}

.iconHomeImg {
  /* overflow: hidden; */
  width: 25px;
  height: 19px;
  background: url("/img/icon-home.png") no-repeat scroll 0% 0% transparent;
}

.iconHomeImg:hover {
  background-position: -26px 0px;
}

.indentFooterCol {
  margin-left: 30px;
  white-space: nowrap;
}

.indentFooterCol a {
  color: #FFF;
}

a.label:hover {
  cursor: default !important;
  cursor: initial !important;
}

/***** BEGIN INPUT FIELD SIZING ****/
.LargeTextBox {
  /*width:80% !important;*/
}

.LargeTextBox .riSingle {
  display: inline !important;
}

.LargeTextBox2 {
  width: 70% !important;
}

.LargeTextBox2 .riSingle {
  display: inline !important;
}

.MediumTextBox {
  width: 50% !important;
}

.MediumTextBox .riSingle {
  display: inline !important;
}

.SmallTextBox {
  width: 175px !important;
}

.SmallTextBox .riSingle {
  display: inline !important;
}

/***** END INPUT FIELD SIZING ****/
label {
  cursor: default !important;
  cursor: initial !important;
}

.leftSideBar {
  border: #CCC;
  padding: 8px;
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: rgb(245, 245, 245);
  border: 1px solid rgb(227, 227, 227);
  border-radius: 4px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
}

.linkColor {
  color: #1277c3;
}

.margLeft4 {
  margin-left: 4px;
}

.margLeft12 {
  margin-left: 12px;
}

.margRight {
  margin-right: 13px;
}

.margTop0 {
  margin-top: 0;
}

.padTop0 {
  padding-top: 0;
}

.margTop5 {
  margin-top: 5px;
}

.margTop12 {
  margin-top: 12px;
}

.margBlock {
  margin-left: 170px;
}

.margBottom10 {
  margin-bottom: 10px;
}

.mainContent {
  padding: 8px;
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: rgb(255, 255, 255);
  border: 1px solid #316b9d;
  border-radius: 6px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
}

.mobileLeftIndent {
  margin-left: 180px;
}

/* BEGIN TOP NAVBAR */
.navbar {
  margin: 0;
  -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.71);
  -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.71);
  box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.71);
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 13px;
  /* font-weight:bold; */
  z-index: 2900;
}

.navbar-inner {
  border: none;
  background: #3f3e5e; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmM2U1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNDEzMjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #3f3e5e 0%, #141321 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f3e5e), color-stop(100%, #141321)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #3f3e5e 0%, #141321 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #3f3e5e 0%, #141321 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #3f3e5e 0%, #141321 100%); /* IE10+ */
  background: linear-gradient(to bottom, #3f3e5e 0%, #141321 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#3f3e5e", endColorstr="#141321",GradientType=0 ); /* IE6-8 */
}

.navbar .btn {
  background: #316b9d !important;
  font-size: 13px;
  padding: 4px 10px;
  margin-top: 8px;
}

.navbar .btn:hover {
  background: #285e8d !important;
}

.navbar .caret {
  border-top-color: #c5e3fd !important;
  border-bottom-color: #c5e3fd !important;
}

.navbar .nav {
  /*border-left:1px solid #093576;
  border-right:1px solid #093576;*/
}

.navbar .nav > li > a {
  padding: 12px 15px 12px;
  color: #c5e3fd !important;
  text-shadow: none !important;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  transition: background 0.5s ease;
}

.navbar .nav > li > a:hover {
  background: #316b9d !important;
  color: #fff !important;
  -webkit-transition: background 1s ease;
  -moz-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  transition: background 0.5s ease;
}

.navbar .nav .active > a,
.navbar .nav .active > a:hover,
.navbar .nav .active > a:focus {
  color: #ffffff;
  box-shadow: none;
  background: #316b9d !important;
}

.nav-tabs {
  font-size: 13px;
}

.nav-tabs, .nav-pills {
  font-size: 13px;
  margin-bottom: 20px;
}

.nav-collapse a {
  font-weight: normal !important;
  text-shadow: none !important;
}

/*
.dropdown:hover > .dropdown-menu {
    display: block;
}
*/
.dropdown-menu {
  background: #316b9d !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  border-bottom: none !important;
  padding: 0px 0px;
  margin: 0px;
  z-index: 2950;
  font-size: 0.8rem;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background: #316b9d !important;
}

.nav-item.dropdown.show {
  background: #316b9d !important;
}

.dropdown-menu a {
  background: #316b9e !important;
  padding: 7px 10px;
  color: #fff !important;
  text-shadow: none !important;
  -webkit-transition: background 1s ease;
  -moz-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  transition: background 0.5s ease;
  /*border-bottom: 1px solid #093475;*/
  width: 190px;
}

.dropdown-menu a:hover, .dropdown-menu a:focus, .dropdown-menu a:active {
  filter: none !important;
  background: #22537e !important;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  transition: background 0.5s ease;
}

.dropdown-menu::after, .dropdown-menu::before {
  border: none !important;
}

.nav-main .nav-link {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* END TOP NAVBAR */
.button-group-heading {
  padding-bottom: 10px;
}

.wellPanel {
  margin-bottom: 20px;
}

.wellButtonFooter {
  margin-top: 20px;
  margin-bottom: 20px;
}

.rightSideBar {
  background-color: #e7f2ff;
  border: #cddbec;
  float: right;
  padding: 8px;
}

.btnMessages {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background-color: #316b9d;
  color: #FFF !important;
  padding: 1px 10px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}

.btnMessagesHighlighted {
  background-color: #cc0000;
  text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.6);
}

.btnQuestion {
  /* float: right; */
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  color: #FFF;
  padding: 2px 12px;
  text-align: center;
  font-size: 13px;
  border: #316b9d 1px solid;
  /*position:relative;*/
  /*top:16px;*/
  -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.71);
  -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.71);
  box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.71);
  background: #6d96b9; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkOTZiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzMxNmI5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #6d96b9 0%, #316b9d 53%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6d96b9), color-stop(53%, #316b9d)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #6d96b9 0%, #316b9d 53%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #6d96b9 0%, #316b9d 53%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #6d96b9 0%, #316b9d 53%); /* IE10+ */
  background: linear-gradient(to bottom, #6d96b9 0%, #316b9d 53%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#6d96b9", endColorstr="#316b9d",GradientType=0 ); /* IE6-8 */
}

.btnQuestion:hover {
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  opacity: 0.9;
}

.btnIndentCommon {
  margin-left: 6%;
}

.btnIndentFluid {
  margin-left: 31.5%;
}

.btnIndentLong {
  margin-left: 31.5%;
}

.btnIndent2formBtns {
  margin-left: 31.5%;
}

.btnIndent3formBtns {
  margin-left: 20.5%;
}

.btnIndent4formBtns {
  margin-left: 31.5%;
}

.smallFont {
  font-size: 12px;
}

.smallerFont {
  font-size: 10px;
}

.smallSignIn {
  font-size: 12px;
  margin-left: 2px;
}

.btmFooter {
  margin-top: 13px;
  padding: 8px;
  font-size: 11px;
  color: #FFF;
  text-align: center;
  position: relative;
  background: #333333;
  min-height: 130px;
  clear: both;
}

.photoCenter {
  margin-left: auto;
  margin-right: auto;
  width: 415px;
  border: #FFF 6px solid;
  box-shadow: 1px 1px 5px #888888;
  -moz-box-shadow: 1px 1px 5px #444444;
  -webkit-box-shadow: 1px 1px 5px #444444;
  box-shadow: 1px 1px 5px #444444;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#444444");
}

.photoCenter img {
  width: 100% !important;
}

.photoMember img {
  border: #FFF 6px solid;
  box-shadow: 1px 1px 5px #888888;
  /* height: 100% !important; */
  -moz-box-shadow: 1px 1px 5px #444444;
  -webkit-box-shadow: 1px 1px 5px #444444;
  box-shadow: 1px 1px 5px #444444;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#444444");
}

.padRight {
  padding-right: 8px;
}

/********************************/
/* HEADER LINKS */
/********************************/
.hdrlinksDropdown {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  /*vertical-align: middle;*/
}

.hdrlinksDropdown .caret {
  position: relative;
  top: 7px;
}

.hdrlinksDropdown .mPhone.caret {
  position: relative;
  top: 16px;
}

.hdrlinksDropdown a.downdropdown-toggle {
  background-color: #FFF;
}

.hdrlinksDropdown .dropdown-menu {
  text-align: left;
}

.hdrlinks {
  float: right;
  text-align: right;
  font-size: 14px;
}

.hdrlinks a {
  margin: 0;
  /* padding: 0; */
  color: #316b9d;
}

.hdrlinks span {
  margin-left: 4px;
  margin-right: 4px;
  color: #bababa;
}

@media (max-width: 767.98px) {
  .hdrlinks {
    float: none;
    text-align: center;
    clear: both;
    width: 100%;
  }
}
/********************************/
.iconRequired {
  color: #faa52c;
  font-size: 10px;
  margin: 0 4px;
}

.iconNotRequired {
  margin-left: 18px;
  display: inline-block;
}

.icon-spinPosition {
  position: relative;
  top: -23px;
  left: 55px;
}

.icon-footer {
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  width: 25px;
}

.infoPosition {
  position: relative;
  top: 4px;
  left: 2px;
}

.locationEvent {
  width: 90%;
  margin-left: 104px;
}

.inputCheckboxInline {
  display: inline !important;
}

.imageLibrary {
  border: 2px solid #CFCFCF !important;
  -webkit-box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.75);
  margin: 5px;
  padding: 8px;
  min-height: 80px;
}

.imageLibrary:hover {
  border: 2px solid #316b9d !important;
  -webkit-box-shadow: 0px 0px 10px -4px rgba(49, 107, 157, 0.95);
  -moz-box-shadow: 0px 0px 10px -4px rgba(49, 107, 157, 0.95);
  box-shadow: 0px 0px 10px -4px rgba(49, 107, 157, 0.95);
}

/*
.imageLibrary .rlvDrag {
    position: relative !important;
    left: 10px !important;
}

.imageLibraryDeleteBtn {
    position: relative !important;
    top: 16px;
    left: 6px;
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}
 */
.locationEventTD {
  text-align: right;
  padding-top: 8px;
  width: 170px;
}

.tooltip {
  background-color: #FFF;
  color: #CCC;
  font-size: 13px;
}

.sendCommunication {
  text-align: right;
  font-weight: bold;
  padding-right: 25px;
}

.sendCommunication a {
  margin: 0;
  padding: 0;
  color: #FFF;
  font-weight: 700;
  text-decoration: none;
}

.footer-info ul a {
  color: #a8a8d4;
}

.sendCommunication.scBtn {
  position: static !important;
  width: 198px;
  /* height:18px; */
  float: right;
  /* margin: 16px 10px 0px 0; */
  margin: 23px 10px 0px 0;
  padding: 8px 10px 5px 10px;
  /* position:relative;
  top:10px;  */
  text-align: center;
  border-top: #e1962d;
  border-right: #e1962d;
  border-top: #e1962d;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background: #fbb24c; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYjI0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOTliMTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fbb24c 0%, #f99b17 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbb24c), color-stop(100%, #f99b17)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fbb24c 0%, #f99b17 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fbb24c 0%, #f99b17 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fbb24c 0%, #f99b17 100%); /* IE10+ */
  background: linear-gradient(to bottom, #fbb24c 0%, #f99b17 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fbb24c", endColorstr="#f99b17",GradientType=0 ); /* IE6-8 */
}

.sendCommunication.scBtn:hover {
  background: #ee9e2e;
}

.sendCommunication.scBtn span {
  font-weight: normal;
}

.menuSeason {
  font-style: italic;
  color: #c5e3fd;
}

/* Minimize gaps between columns */
.row-fluid [class*=span] {
  margin-left: 0;
}

[class*=span] {
  margin-left: 6px;
}

th.rgHeader {
  text-align: center;
}

#header {
  width: 100%;
  background: url("/img/home/bg-headerFull.gif") repeat-x;
  position: relative;
  height: 71px;
}

/***************************************************
  Slogan
****************************************************/
.slogan {
  color: #7f7f81;
  font: 1em "Tahoma", Arial, Helvetica, sans-serif;
  padding-top: 20px;
  margin-right: 12px;
  word-spacing: 4px;
  text-align: right;
  font-weight: 700;
  text-transform: uppercase;
  font-style: italic;
}

@media (max-width: 991.98px) {
  .slogan {
    font-size: 1em;
    padding: 0;
    padding-top: 30px;
    padding-bottom: 0;
    margin-bottom: 0;
    word-spacing: 1px;
  }
}
/*
@media (max-width: 767.98px) {


    .slogan {
        width: 50% !important;
        white-space: nowrap;
    }
}
    */
/* @media (max-width: 575.98px) {  */
@media (max-width: 767.98px) {
  .slogan {
    /*font-size: 1em;*/
    padding: 0;
    padding-top: 25px;
    padding-bottom: 0;
    margin-bottom: 15px;
    text-align: center;
    word-spacing: 1px;
    margin-left: auto;
    margin-right: auto;
    width: 100% !important;
  }
}
/*****************************************************/
/* LOGO */
/*****************************************************/
.logo {
  text-indent: -9999px;
  float: left;
  background: url("/img/home/logo.png") no-repeat;
  width: 178px;
  height: 100px;
  margin-bottom: 19px;
}

@media (max-width: 767.98px) {
  .logo {
    background-position: center;
    background-image: no-repeat;
    width: 100%;
  }
}
/*****************************************************/
.btmFooter {
  padding: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 237px;
}

.footerCopyrightText {
  /*text-align: center;
  color: Black;
  font-size: x-small;*/
}

#footer {
  background: #181828 url(/img/home/bg-footer.gif) repeat-x;
  width: 100%;
  text-align: left;
}

#footer .footer-holder {
  width: 950px;
  margin: 0 auto;
  padding: 12px 0 30px;
}

.footerColumns {
  font-size: 14px;
  color: #a1a39f;
  text-align: left;
  /*padding-right:30px;*/
  margin-bottom: 25px;
}

.footerColumns h5 {
  font: 1.35em "Tahoma", Arial, Helvetica, sans-serif;
  color: #d6d6d6;
  line-height: 1.4em;
  word-spacing: 4px;
  margin-left: 36px;
  margin-bottom: 16px;
  text-transform: uppercase;
  font-style: italic;
  font-weight: 700;
}

.footerColumns p {
  margin-left: 36px;
}

.footerLine {
  height: 1px;
  background-color: #4d4d4d;
  width: 100%;
  clear: both;
  margin-bottom: 8px;
}

.footerAllRights {
  text-align: left;
  color: #a1a39f;
  font-size: 12px;
  white-space: nowrap;
}

.footerAllRights a {
  color: #a1a39f;
}

.footerTPS {
  text-align: right;
  color: #a1a39f;
  font-size: 12px;
}

.footerTPS a {
  color: #a1a39f;
}

.footer-set {
  width: 100%;
  overflow: hidden;
  margin: 0 0 28px;
}

.footer-set .footer-section {
  float: left;
  font-size: 1.2em;
  line-height: 1.66em;
  color: #9f9fb7;
  padding: 4px 27px 0 2px;
}

.footer-info p {
  margin: 0;
  display: inline;
}

.footer-info ul {
  display: inline;
  padding: 0 0 0 4px;
  margin: 0;
  list-style: none;
}

.footer-info ul li {
  display: inline;
  background: none;
  padding: 0;
}

.footer-info ul a {
  color: #a8a8d4;
}

.footerExtra {
  display: inline-block;
  white-space: nowrap;
}

.footerSocial {
  width: 100%;
}

.social-networks {
  padding: 0px;
  margin-left: 36px;
}

.social-networks .facebook {
  background-position: 0px 0px;
}

.social-networks .twitter {
  background-position: -29px 0px;
  margin-left: 6px;
}

.social-networks .youtube {
  background-position: -87px 0px;
  margin-left: 6px;
}

.social-networks .pinterest {
  background-position: 0px -136px;
  margin-left: 6px;
}

.social-networks a {
  float: left;
  text-indent: -9999px;
  overflow: hidden;
  width: 29px;
  height: 29px;
  background: url("/img/home/bg-icons.png") no-repeat scroll 0% 0% transparent;
}

.textNoWrap {
  display: inline !important;
  white-space: Normal !important;
  position: relative !important;
  top: 3px !important;
  left: 5px !important;
}

/************************************/
/* SITE MAP */
/************************************/
.adminList > ul {
  /*list-style-type: none;
  margin-left: 0;*/
  list-style: none;
  padding-left: 0;
  padding-top: 10px;
}

.adminList ul li a {
  padding: 4px 5px;
  line-height: 24px;
  /*padding-left:5px;display:block;*/ /* Expands the whole column */
}

.adminList ul li a:hover {
  color: #FFFFFF !important;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #1e5799; /* Old browsers */
  /*background: -moz-linear-gradient(top, #1e5799 0%, #337ab7 49%, #2e6da4 52%, #7db9e8 100%);*/ /* FF3.6-15 */
  /*background: -webkit-linear-gradient(top, #1e5799 0%,#337ab7 49%,#2e6da4 52%,#7db9e8 100%); */ /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(to bottom, #1e5799 0%,#337ab7 49%,#2e6da4 52%,#7db9e8 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );*/ /* IE6-9 */
}

.adminList > li ul > li {
  /*list-style-type:circle !important;
  margin-left: 10px !important;
  padding-left: 15px !important;*/
  background: repeat;
}

.adminList > ul > ul {
  padding-left: 25px;
}

.adminList > ul > ul > li {
  padding-left: 0px;
  list-style-type: square;
}

.adminList > ul > ul > li > a {
  margin-left: -5px;
}

/************************************/
/* RELATED INFORMATION */
/************************************/
#RelatedInformationPanel ul {
  border-radius: 3px !important;
}

/************************************/
/* USER MENU ANONYMOUSE PANEL */
/************************************/
#UserMenuAnonymousPanel a {
  width: auto;
  margin-left: 5px;
  float: right;
}

#UserMenuAnonymousPanel .greyLine {
  clear: right;
}

@media (max-width: 767.98px) {
  #UserMenuAnonymousPanel .greyLine {
    visibility: hidden;
  }
  #UserMenuAnonymousPanel a {
    text-align: center;
    width: auto;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
}
/************************************/
.auxillaryColumnData {
  display: none;
}

.auxillaryColumnShow {
  display: none;
}

.auxillaryColumn2Show {
  display: none;
}

.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
  border-radius: 0 !important;
}

.hide {
  display: none;
}

.marketingText {
  font-size: medium;
}

.subHdr {
  margin-left: 6px;
  color: #6e808f;
  font-weight: normal;
  font-size: 0.89em;
}

.subHdr span {
  margin-right: 6px;
}

.totalHeader {
  font-size: 1.4em;
}

.totalSub {
  font-size: 1.3em;
}

.textAlignRight {
  text-align: right;
  padding-right: 10px;
}

.textAlignRightEmailView {
  text-align: right;
  padding-right: 10px;
}

.txtfieldSmall {
  width: 120px !important;
}

.txtfieldMedium {
  width: 220px !important;
}

.txtfieldLarge {
  width: 300px !important;
}

.subText11 {
  font-size: 11px;
}

#ctl00_ctl00_OrgContentUnit_SubTotalLiteralPanel { /* Order Subtotal in Cart Section*/
  text-align: right;
  font-weight: 700;
  font-size: 1.2em;
  background: #ffe8c7;
  border-bottom: #d6bf9f 1px solid;
  margin-top: 2px;
  padding-top: 3px;
  padding-right: 4px;
}

#OrderTotalLiteralDiv {
  text-align: right;
  font-weight: 700;
  font-size: 1.2em;
  background: #ffe8c7;
  border-bottom: #d6bf9f 1px solid;
  margin-top: 2px;
  padding-top: 3px;
  padding-right: 4px;
}

#OrderTotalLiteralDiv2 {
  text-align: right;
  font-weight: 700;
  font-size: 1.2em;
  background: #ffe8c7;
  border-bottom: #d6bf9f 1px solid;
  margin-top: 2px;
  padding-top: 3px;
  padding-right: 4px;
}

#PartialPayLiteralDiv {
  text-align: right;
  font-weight: 700;
  font-size: 1.2em;
  background: #ffe8c7;
  border-bottom: #d6bf9f 1px solid;
  margin-top: 2px;
  padding-top: 3px;
  padding-right: 4px;
}

/**************************************************/
/*** TELERIK COUNTERS */
/**************************************************/
.RadButton {
  margin-bottom: 4px;
}

/* CONTROL: RadTextBox */
/* changes cursor on disabled text boxes */
.riTextBox.riDisabled {
  cursor: not-allowed;
}

/* CONTROL: RadTextBox */
/* changes cursor on disabled text boxes */
.riTextBox.riRead {
  cursor: not-allowed;
}

/* CONTROL: RadComboBox */
/* hides checkbox on seperator */
.RadComboBoxDropDown .rcbSeparator input[type=checkbox] {
  display: none;
}

.RadWindow .rwTitleWrapper {
  height: 0.5em !important;
}

.RadImageGallery .rigThumbnailsBox {
  background-color: #f2f2f2 !important;
}

/* CONTROL: RadAsyncUpload
   Resolves the large width */
.RadUpload .ruStyled .ruFileInput, .RadUpload .ruFakeInput {
  width: 150px !important;
}

/* CONTROL: RadScheduler 
   Removes some padding/adjusts font size
*/
.RadScheduler_Bootstrap tr {
  font-size: 0.9em !important;
}

.RadScheduler_Bootstrap .rsAptContent {
  padding: 0px 0px 0px 5px !important;
}

/* CONTROL: RadTreeView 
   Removes some padding/adjusts alignment
*/
.RadTreeView_Bootstrap .rtIn {
  padding: 4px !important;
  margin: 5px 0px 0px 7px !important;
}

/* Overrides !important attributes above just for the Site Pages RadTreeView */
.SitePages .rtIn {
  padding: 10px 7px 0px 26px !important;
  margin: 0px 0px 0px 0px !important;
}

/* CONTROL: RadGrid */
.RadGrid_Bootstrap .rgGroupHeader td p {
  font-weight: 700 !important;
}

/*  changes sizing of telelriks tri state checkboxes
.RadTreeView .rtChkTristate::before
{
    font: 18px/1 WebComponentsIcons !important;
    padding-right: 4px;
}
*/
.datePickerToday {
  border: #bce8f1 1px solid;
  background: #d9edf7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* CONTROL: RadMultiColumnComboBox */
.RadMultiColumnComboBox .k-dropdown-wrap .k-input {
  height: 32px;
}

.RadMultiColumnComboBox .k-grid-list > .k-item > .k-cell {
  height: 32px;
}

/*
    From Telerik:

      .RadMultiColumnComboBox .k-dropdown-wrap {
        padding: 4px 12px;
    }

    .RadMultiColumnComboBox .k-select {
        width: 1.42857143em;
        height: 1.42857143em;
        position: absolute;
        box-sizing: content-box;
        top: 0;
        bottom: 0;
        right: 0;
        left: auto;
        padding: 6px;
    }

*/
.k-header {
  font-weight: bold !important;
}

/* -- Seperators -- */
.RadComboBoxDropDown_Bootstrap .rcbSeparator {
  background-color: #277eb3 !important;
  color: white !important;
}

/*Facility Reservation>master calendar: dates cut off fix*/
.RadScheduler .rsAgendaView .rsDateBox {
  overflow: visible !important;
}

/**************************************************/
/*** INPUT COUNTERS */
/**************************************************/
.checkbox label:after,
.radio label:after {
  content: "";
  display: table;
  clear: both;
}

.checkbox .cr,
.radio .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: 0.25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: 0.5em;
}

.radio .cr {
  border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
  position: absolute;
  font-size: 0.8em;
  line-height: 0;
  top: 50%;
  left: 20%;
}

.radio .cr .cr-icon {
  margin-left: 0.04em;
}

.checkbox label input[type=checkbox],
.radio label input[type=radio] {
  display: none;
}

.checkbox label input[type=checkbox] + .cr > .cr-icon,
.radio label input[type=radio] + .cr > .cr-icon {
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  transition: all 0.3s ease-in;
}

.checkbox label input[type=checkbox]:checked + .cr > .cr-icon,
.radio label input[type=radio]:checked + .cr > .cr-icon {
  transform: scale(1) rotateZ(0deg);
  opacity: 1;
}

.checkbox label input[type=checkbox]:disabled + .cr,
.radio label input[type=radio]:disabled + .cr {
  opacity: 0.5;
}

input[type=radio] {
  transform: scale(1.25);
}

input[type=checkbox] {
  transform: scale(1.25);
}

/**************************************************/
/* Media queries */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .headerBanner {
    min-height: 145px;
  }
  .btnIndentCommon {
    margin-left: 8.5%;
  }
  .locationEvent {
    margin-left: 82px;
  }
}
@media (max-width: 1199.98px) {
  .adminNewRelicChart {
    float: none !important;
    width: 100% !important;
  }
  .mobileRightSpan6 {
    width: 100% !important;
    margin-left: 1.2% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .btnIndentCommon {
    margin-left: 42%;
  }
  .btnIndent {
    margin-left: 34%;
  }
  .controlsLarge {
    padding-left: 180px;
  }
  .scListBox .scListBoxSpecificPerson {
    position: relative;
    left: 18px !important;
  }
  .mobilePullRight {
    float: right !important;
    margin-right: 50px !important;
    margin-top: 7px;
  }
}
@media (max-width: 991.98px) {
  .adminInlinelabelFirst {
    width: 60px !important;
  }
  .adminInlinelabelSecond {
    width: 60px !important;
  }
  .btnIndentLong {
    margin-left: 28%;
  }
  .btnIndent4formBtns {
    margin-left: 10%;
  }
  .rbSkinnedButton {
    position: relative;
    left: 5% !important;
  }
  .centerMobile {
    margin-left: 40% !important;
  }
  .formMargLeft {
    margin-left: 7% !important;
  }
  .headerBanner {
    min-height: 112px;
  }
  .fieldSideText {
    position: relative;
    top: 8px;
    display: block;
  }
  .locationEvent {
    width: auto;
    margin-left: 65px;
  }
  .mobilePosTop2 {
    position: relative;
    top: 1px;
  }
  .scListBox {
    margin: 0 auto !important;
    width: 200px;
  }
  .sendCommunication.scBtn {
    position: relative;
    top: 0px;
  }
  .smallSignIn {
    margin-left: 34%;
  }
  .auxillaryColumn3 {
    display: none !important;
  }
  .newsEditBoxRight {
    display: none;
  }
  .dbHdr {
    min-height: 60px;
  }
  .labelCol {
    text-align: left !important;
    float: initial !important;
  }
  .floatBtnRight, .floatBtnRightModern {
    margin-right: 15% !important;
  }
  .orgEditLabel {
    text-align: left !important;
  }
  .mobileFloatClear {
    clear: left !important;
    float: none !important;
    width: 100% !important;
  }
}
@media (max-width: 991.98px) {
  .floatBtnRight {
    float: left !important;
  }
  .floatBtnRight {
    float: right !important;
  }
}
@media (max-width: 767.98px) {
  .btnIndent2formBtns {
    margin-left: 10%;
  }
  .btnIndentLong {
    margin-left: -5% !important;
  }
  .centerMobile {
    margin-left: 0 !important;
  }
  .EmailViewMargTop10 {
    margin-top: 10px;
  }
  .floatBtnRightModern {
    float: left !important;
  }
  .formButtons {
    margin: 0 auto;
    width: 80%;
  }
  .formMargLeft {
    margin-left: 0 !important;
  }
  .form-horizontal .control-group {
    margin-bottom: 20px;
  }
  .iconMobileProfileView {
    position: relative;
    top: 4px;
  }
  .labelSmall {
    text-align: left !important;
    width: 100% !important;
  }
  .locationEvent {
    width: auto;
    margin-left: 0;
  }
  .locationEventTD {
    text-align: left !important;
    width: 100px;
  }
  .indentContent2 {
    margin-left: 2%;
    margin-right: 2%;
  }
  .scListBox {
    margin: initial;
    width: 100%;
  }
  .smallSignIn {
    text-align: left;
    position: initial;
    margin-left: 0;
  }
  .textAlignRight {
    text-align: left !important;
    min-height: initial !important;
    margin-bottom: 10px !important;
    margin-top: 13px !important;
    font-weight: 700;
  }
  .textAlignRightEmailView {
    text-align: left !important;
    border-bottom: dotted 1px #ccc !important;
    min-height: initial !important;
    margin-bottom: 10px !important;
    margin-top: 13px !important;
    text-transform: uppercase;
    font-weight: 700;
  }
  .txtfieldSmall {
    float: left !important;
    display: block !important;
    clear: left !important;
    width: 90% !important;
  }
  .txtfieldMedium {
    float: left;
    width: 90% !important;
  }
  .PortalBadge {
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear: both !important;
    width: auto;
  }
  /* Telerik */
  .form-horizontal .controls {
    margin-left: 0;
  }
  .controlsLarge {
    margin-left: 0;
  }
  .labelRegular {
    text-align: left !important;
  }
  .mobileFloat {
    float: none !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
    text-align: left !important;
  }
  .mobileIndentH3 {
    margin-left: 0;
  }
  .mobileLeftIndent {
    margin-left: 0;
  }
  .formsMobileText-12 {
    margin-top: -12px;
    margin-bottom: 10px;
  }
  .formsMobileBoldReg {
    font-weight: 700;
  }
  .formsMobileHdr {
    color: #316b9d;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    width: 100% !important;
    border-bottom: #316b9d 1px solid;
  }
  .mobileIMG {
    float: none !important;
    clear: right !important;
    margin-bottom: 10px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .btnIndentCommon {
    margin-left: 0;
  }
  .btnIndentFluid {
    margin-left: initial;
  }
  .btnInline {
    display: block !important;
    margin-top: 8px !important;
    margin-left: 168px !important;
    margin-bottom: 13px !important;
  }
  .headerBanner {
    min-height: 95px;
  }
  .input-large, .input-xlarge, .input-xxlarge, input[class*=span], select[class*=span], textarea[class*=span], .uneditable-input {
    width: inherit;
    display: inline-block;
  }
  .btn {
    display: inline-block;
    white-space: nowrap;
  }
  .searchBtnResponse {
    margin-left: 0;
    display: inline-block;
    white-space: nowrap;
  }
  .input-xlarge {
    display: inline-block;
    white-space: nowrap;
    width: 40%;
  }
  .findHomeBtns {
    width: 60%;
  }
  .findGlyphs {
    margin-left: 8%;
  }
  .footerAllRights {
    text-align: center;
  }
  .footerColMiddlePad {
    padding-right: 30px !important;
  }
  .footerTPS {
    text-align: center;
  }
  .greyLine {
    /* width: 50%; */
    display: none;
  }
  .labelLarge {
    text-align: left !important;
    clear: right !important;
  }
  .txtfieldLarge {
    width: 90% !important;
  }
  .auxillaryColumn2 {
    display: none !important;
  }
  .auxillaryColumn3 {
    display: none !important;
  }
  .auxillaryColumn2Show {
    display: block;
  }
}
@media (max-width: 575.98px) {
  h3 {
    font-size: 18px;
    line-height: 22px;
  }
  h4 {
    font-size: 16px;
    line-height: 20px;
  }
  .btnIndentCommon {
    margin-left: 0;
  }
  .btnInline {
    clear: both !important;
    display: block !important;
    margin-top: 8px !important;
    margin-bottom: 13px !important;
    margin-left: 44px !important;
    float: initial !important;
  }
  #ContentUnit_EmailAddressLabel {
    position: initial;
  }
  .displayInline {
    display: block;
  }
  .formButtons {
    margin: 0 auto;
    width: 60%;
  }
  .formBtnLeft-10 {
    margin-top: 5px;
    margin-left: -10px !important;
  }
  .formsMobileBold {
    font-weight: 700;
    text-transform: uppercase;
    width: 100% !important;
  }
  .formsMobileBold14px {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
  }
  .formMobilePosBottom15 {
    padding-bottom: 8px;
  }
  .indentContent {
    margin-left: 2%;
    margin-right: 2%;
  }
  .footerSocial {
    width: auto;
  }
  .footerColumns {
    width: auto !important;
    padding-right: 16px !important;
  }
  .greyLine {
    background-color: #bababa;
    background-image: none;
    display: none;
  }
  .headerBanner {
    min-height: 65px;
  }
  #header {
    display: none;
  }
  .orgEditMarginBottom100 {
    margin-bottom: 70px;
  }
  .opponentNameHdr {
    color: #316b9d;
    font-size: 1.4em;
    font-weight: 700;
    position: relative;
    top: -5px;
  }
  /***** BEGIN INPUT FIELD SIZING ****/
  .LargeTextBox {
    width: 95% !important;
  }
  .LargeTextBox2 {
    width: 95% !important;
  }
  .MediumTextBox {
    width: 95% !important;
  }
  .SmallTextBox {
    width: 95% !important;
  }
  /***** END INPUT FIELD SIZING ****/
  .labelLarge {
    text-align: left !important;
  }
  .margBlock {
    margin-left: 0;
  }
  .photoCenter {
    width: 100% !important;
  }
  .photoMember img {
    width: 93% !important;
  }
  .footerExtra {
    clear: left;
  }
  .input-xlarge {
    display: inline-block;
    white-space: nowrap;
    width: 45%;
  }
  .findHomeBtns {
    width: 80%;
  }
  .findGlyphs {
    margin-left: 4%;
  }
  .footerAllRights {
    text-align: center;
  }
  .footerTPS {
    text-align: center;
  }
  .rcbWidth { /* admin drop down container with two columns */
    width: 270px !important;
  }
  .sendCommunication.scBtn {
    float: none;
    clear: both;
    margin: 0 auto;
  }
  .subHdr {
    display: block;
    margin-top: -2px;
  }
  .subHdr .fa-angle-right {
    display: none;
  }
  .subSectionHdr {
    margin-bottom: 7px;
  }
  .txtfieldLarge {
    float: left;
    width: 90% !important;
  }
  .auxillaryColumn {
    display: none !important;
  }
  .auxillaryColumn2 {
    display: none !important;
  }
  .auxillaryColumn3 {
    display: none !important;
  }
  .auxillaryColumnData {
    display: inline !important;
  }
  #ctl00_ContentUnit_ContentEditor_ModesWrapper {
    margin-bottom: 15px !important;
  }
  .auxillaryColumnShow {
    display: block;
  }
  .auxillaryColumn2Show {
    display: block;
  }
  .dropdown ul.mobile-block > li > a { /* Causes lower tier navigation to wrap in Mobile phone */
    white-space: normal !important;
    padding-right: 5px !important;
  }
  .dropdown-submenu > a:after { /* Goes with above but keep arrow tamed */
    margin-right: 5px;
  }
  .mainContent {
    border-radius: 0px;
    border-left: none;
    border-right: none;
  }
}
@media (max-width: 991.98px) {
  .dropdown ul.mobile-block {
    display: block;
  }
  /* change navbar background on collapse */
  .nav-main .nav-item {
    background: #316b9d;
  }
}
/* NON STANDARD MEDIA QUERIES */
@media (max-width: 320px) {
  .rcbWidth { /* Fix wide dropdown combo boxes in mobile view */
    width: auto !important;
  }
  #StandingsInfoDiv {
    top: 0px;
    left: -78px;
    margin-bottom: 20px;
  }
}
/* Accessibility Colors */
/* XL Snap Point added (Remove after Bootstrap 5) */
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1320px;
  }
}
h4 {
  margin-top: 20px;
}

label {
  display: inline;
  position: relative;
  top: 5px;
  left: 5px;
}

.headerUl {
  list-style-type: none;
  height: 40px;
  padding: 0;
}

.row.signinHeader {
  margin-top: 0 !important;
}

.logoImage {
  float: left;
  padding-right: 15px;
  padding-top: 10px;
  width: 203px;
  height: 116px;
  margin-bottom: 40px;
}

em {
  color: white;
  font-family: "Open Sans", sans-serif;
  vertical-align: bottom;
  max-width: 100%;
  float: left;
  text-align: center;
}

.headerSignIn {
  float: right;
  color: #1a7db2;
  padding: 10px 2px;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
}

.headerSignIn:hover {
  color: #1a7db2;
}

.container-1 {
  margin-top: 200px;
}

div.container.bevelMainBox {
  margin-top: 0;
  padding-bottom: 10px;
}

.container-fluid.btmFooter {
  background-color: black;
}

.btmFooter {
  margin-top: 50px;
}

.social-networks .facebook {
  margin-left: 30px;
}

.hdrlinks a {
  color: #c5e3fd;
}

.teamSidelineBlue {
  color: #c5e3fd;
}

.headerHelp {
  background-color: transparent !important;
}

.userInfoMd a {
  color: #c5e3fd;
}

@media only screen and (max-width: 575px) {
  .userInfoMd {
    margin-top: -127px;
    margin-right: 15px;
  }
}
.headerUser {
  padding-right: 30px !important;
}

.teamSitesSignInLink, .teamSitesSignInLink a {
  color: #c5e3fd;
  margin-top: -2px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 100;
}

.teamSitesSignInLink .fa-sign-in:before {
  top: -2px;
  position: relative;
}

@media only screen and (max-width: 575px) {
  .teamSitesSignInLink {
    margin-top: -134px;
    margin-right: 10px;
  }
  .teamSitesSignInLink .fa-sign-in:before {
    padding-right: 4px;
    top: 2px;
  }
  .logoImage {
    margin-left: 15px;
  }
}
@media only screen and (max-width: 768px) and (min-width: 575.98px) {
  .teamSitesSignInLink .fa-sign-in:before {
    padding-right: 4px;
    top: 2px;
  }
}
/*footer CSS*/
body {
  background: rgb(228, 243, 252) none;
}

.containerSign {
  min-height: calc(100vh - 315px);
}

footer {
  background-color: #000;
  width: 100%;
}

@media only screen and (max-width: 1200px) {
  footer {
    bottom: auto;
  }
}
.text1 {
  padding: 0px;
  margin-top: 10px;
  font-size: 16px;
  background-color: rgba(45, 44, 68, 0.3);
  border-radius: 50px;
}

.subHdr {
  color: #62727f !important;
}

/*Media Quaries form thead header*/
@media only screen and (max-width: 600px) {
  .logoImage {
    width: 154px;
    height: 89.5px;
    padding-left: 10px;
  }
  i.fas.fa-user.teamSidelineBlue {
    font-size: 12px;
  }
}
@media only screen and (max-width: 500px) {
  .playStores {
    margin-left: 37px;
    display: flex;
    flex-wrap: wrap;
  }
  .googlePlayBox {
    margin-right: 20px;
  }
  .appleStoreIcon {
    margin-right: 10px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 991px) {
  .text1 {
    display: none;
  }
}
/*************************************************************
                     Alignment Issues
**************************************************************/
.contentSeparator {
  border-top-color: #d9dadb !important;
}

.alignOverride {
  margin-top: -4px;
  flex: none;
}

.alignOverrideText {
  display: flex;
  align-items: center;
  top: 4px !important;
  white-space: nowrap;
  position: relative;
}

.seasonDateRadioBtn label {
  top: -2px !important;
}

/************************************************
     Email View Alignment Issue     
/************************************************/
.messagesAlignmentOverride {
  padding-top: 10px;
}

/**********************************
*******       COOKIES      ********
/**********************************/
#cookieAlert {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
  z-index: 999;
  border-radius: 0;
  color: #ecf0f1;
  background: rgb(47, 47, 47);
  border: 1px solid white;
  padding: 20px;
  animation-name: transition;
  animation-duration: 2000ms;
  font-size: 1.4em;
}

#cookieAlert a, #cookieAlert a:visited, #cookieAlert a:link, #cookieAlert a:focus {
  color: white;
  text-decoration: underline;
}

@keyframes transition {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.acceptCookies {
  background-color: #2e6da4;
  color: white;
  border: 1px solid white;
  margin-left: 15px;
  font-size: 0.9em;
}

@media only screen and (max-width: 600px) {
  .acceptCookies {
    display: flex;
    margin-top: 10px;
  }
}
.navbar {
  padding: 0 !important;
}

/************************************************
              New look for Site Map   
/************************************************/
.siteMapHelp {
  font-size: 18px;
  color: #316b9d;
  font-weight: bold;
}

.siteMapHelp:hover {
  text-decoration: none;
}

.siteMapHelp i {
  margin-left: 3px;
}

.siteMapHelp .fa-sort-down:before {
  margin-top: -17px;
  position: absolute;
}

.siteMapDropdownMenu {
  margin-left: 2px;
  top: 6px !important;
}

/*************************************************************
                        Recurring Days
**************************************************************/
.ks-cboxtags {
  list-style: none;
  padding: 0px;
}

.ks-cboxtags li {
  display: inline-flex;
}

.ks-cboxtags li label {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 25px;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.2s;
}

.ks-cboxtags li label {
  padding: 5px 0px;
  cursor: pointer;
  width: 70px;
  text-align: center;
}

.ks-cboxtags li label::before {
  display: inline-block;
  content: "+";
  transition: transform 0.3s ease-in-out;
  margin-right: 5px;
  font-size: 14px;
}

.ks-cboxtags li input[type=checkbox]:checked + label::before {
  content: "✓";
  transform: rotate(-360deg);
  transition: transform 0.3s ease-in-out;
  margin-right: 5px;
  font-size: 12px;
}

.ks-cboxtags li input[type=checkbox]:checked + label {
  border: 1px solid #1b883a;
  background-color: #1b883a;
  color: #fff;
  transition: all 0.2s;
}

.ks-cboxtags li input[type=checkbox] {
  position: absolute;
  opacity: 0;
  margin-left: 33px;
  z-index: 100;
  height: 42px;
  transform: scale(4, 1.25);
  cursor: pointer;
}

.recurringDaysContainer {
  display: flex;
  align-items: baseline;
}

.recurringDaysText {
  white-space: nowrap;
  top: 5px;
  position: relative;
}

.DaysOfTheWeek {
  margin: 10px 0 0 0;
  display: flex;
  align-items: center;
}

.recurringAllWeekBox label {
  width: 85px !important;
}

.eventSchedulerScroll .rsContentScrollArea {
  overflow-x: auto !important;
  overflow-y: scroll !important;
}

/*************************************************************** 
                   Help Specific Page Icon/Text 
****************************************************************/
.HelpSpecificPageContainer {
  display: inline;
  float: right;
  white-space: nowrap;
}

.HelpSpecificPageContainer:hover {
  text-decoration: none;
}

.helpSpecificIcon {
  width: 23px;
}

/*************************************************************** 
              Information Related to this Page 
****************************************************************/
.RelatedInformationPanel { /*DELETE AFTER THE NEW DESIGN IS IMPLEMENTED*/
  padding: 20px 0;
}

/* Title */
.relatedInfoContainer .h1InfoRelated {
  font-size: 18px !important;
  font-weight: 700;
  color: #000008 !important;
  padding: 0;
  clear: left;
}

.relatedInfoContainer .RadPanelBar_Bootstrap .rpLink, .RadPanelBar_Bootstrap .rpHeaderTemplate {
  border-color: white white white;
  background: white;
}

.relatedInfoContainer .rpRootGroup {
  border-color: #ffffff !important;
  color: #333 !important;
  background: #fff !important;
}

.relatedInfoContainer .rsmTwoLevels > .rsmItem > .rsmLink,
.relatedInfoContainer .rsmThreeLevels > .rsmItem > .rsmLink,
.relatedInfoContainer .rsmManyLevels .rsmLevel1 > .rsmItem > .rsmLink {
  border-color: rgba(255, 255, 255, 0) !important;
  font-size: 16px;
  font-weight: 700;
  color: white !important;
  margin-top: 10px;
  margin-bottom: 0.5rem;
}

/* Levels */
.relatedInfoContainer .RelatedInformationLevels ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  gap: 10px;
}

.relatedInfoContainer .RelatedInformationLevels li.rsmDisabled {
  display: flex;
  padding: 0 15px 1rem 15px;
  border: 1px solid #d5d5d5;
  flex-direction: column;
  flex-grow: 1;
  width: 200px;
  column-gap: 15px;
  border-radius: 10px;
  background-color: #002962;
}

@media (min-width: 1400px) {
  .relatedInfoContainer .RelatedInformationLevels li.rsmDisabled {
    max-width: 50%;
  }
}
.relatedInfoContainer a.rsmLink {
  color: white !important;
  margin-top: -2px;
}

.relatedInfoContainer .rsmItem .rsmItem,
.relatedInfoContainer .rsmTemplate {
  padding-left: 0 !important;
  padding: 0 !important;
  display: flex;
  width: 100%;
}

.relatedInfoContainer .rsmLink {
  padding: 0 !important;
}

.relatedInfoContainer .rsmOneLevel .rsmLink,
.relatedInfoContainer .rsmTwoLevels .rsmLevel1 .rsmLink,
.relatedInfoContainer .rsmThreeLevels .rsmLevel1 .rsmLink,
.relatedInfoContainer .rsmManyLevels .rsmLevel2 .rsmLink {
  margin-left: 7px;
  word-break: break-word;
}

.relatedInfoContainer .relatedInfoUpdated {
  color: #00ff8c;
  font-weight: bolder;
  font-size: 12px;
  margin-top: 2px;
}

/* Hover */
.relatedInfoContainer .rsmOneLevel .rsmLink:hover,
.relatedInfoContainer .rsmTwoLevels .rsmLevel1 .rsmLink:hover,
.relatedInfoContainer .rsmThreeLevels .rsmLevel1 .rsmLink:hover,
.relatedInfoContainer .rsmManyLevels .rsmLevel2 .rsmLink:hover {
  border-color: transparent !important;
  background-color: transparent !important;
}

.RelatedInformationLevels ul .rsmTemplate a {
  text-decoration: underline 1px rgba(255, 255, 255, 0);
  transition: text-decoration-color 300ms;
  text-underline-offset: 4px;
  line-height: 24px;
}

.RelatedInformationLevels ul .rsmTemplate a:hover {
  text-decoration-color: rgb(255, 255, 255);
}

/***************************************************************************

                        Accessibility / WCAG / ADA

****************************************************************************/
.riSingle .accessibilityHideLabel {
  display: none !important;
}

.accessibilityInputWidth260 {
  width: 260px !important;
}

.accessibilityInputWidth250 {
  width: 250px !important;
}

.accessibilityInputWidth233 {
  width: 233px !important;
}

.accessibilityInputWidth225 {
  width: 225px !important;
}

.accessibilityInputWidth210 {
  width: 210px !important;
}

.accessibilityInputWidth200 {
  width: 200px !important;
}

.accessibilityInputWidth175 {
  width: 175px !important;
}

.accessibilityInputWidth150 {
  width: 150px !important;
}

.accessibilityInputWidth149 {
  width: 149px !important;
}

.accessibilityInputWidth125 {
  width: 125px !important;
}

.accessibilityInputWidth101 {
  width: 101px !important;
}

.accessibilityInputWidth100 {
  width: 100px !important;
}

.accessibilityInputWidth90 {
  width: 90px !important;
}

.accessibilityInputWidth80 {
  width: 80px !important;
}

.accessibilityInputWidth75 {
  width: 75px !important;
}

.accessibilityInputWidth67 {
  width: 67px !important;
}

.accessibilityInputWidth65 {
  width: 65px !important;
}

.accessibilityInputWidth60 {
  width: 60px !important;
}

.accessibilityInputWidth50 {
  width: 50px !important;
}

.accessibilityInputWidth40 {
  width: 40px !important;
}

.hideRadioBtnLabel label {
  display: none !important;
}

.radioBtnContainer label {
  margin-left: 7px;
  top: -2px;
}

legend {
  font-size: 14px !important;
}

.statsJerseyNumber {
  padding-left: 5px;
}

a, a:hover, a:visited, .form-group a {
  color: #006bdd;
}

.RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
  background-color: #337ab7;
  border: 1px solid #2e6da4;
  color: #fff !important;
}

.RadGrid .rgHeader.hiddenText, .hiddenText {
  text-indent: -9999px; /* sends the text off-screen */
}

@media (max-width: 768px) {
  .footerAllRights p {
    margin-bottom: 0 !important;
  }
}
a, a:hover, a:visited, td a {
  color: #006bdd;
}

.organizationUrlAccessibility {
  color: #006adb !important;
}

.linksColorAccessibility, .siteMapList a {
  color: #0072ed !important;
}

.alert-success {
  background-color: #2d872a !important;
}

.alert-danger, .alert-error {
  background-color: #c90000 !important;
}

.alert-warning a, .alert-warning a:hover, .alert-warning a:visited {
  color: #0062cb !important;
}

.riStrengthBarL1, .riStrengthBarL2, .riStrengthBarL3, .riStrengthBarL4, .riStrengthBarL5 {
  color: #000000 !important;
}

.homeAwayScoreContainer .RadInput_Bootstrap .riTextBox.riEmpty {
  color: #717171 !important;
}

.tooltipSubscribe span, .tooltipSubscribe label {
  color: white !important;
}

.tooltipSubscribe span {
  font-size: 14px !important;
}

.RadGrid_Bootstrap a {
  color: #006bdd !important;
}

.parentsMemberDetail .rlbEmptyMessage {
  color: #717171 !important;
}

.fieldSideText, .photoMemberDetail .ruDropZone span {
  font-size: 12px !important;
}

caption {
  color: black !important;
  padding: 9px 7px;
  font-size: 12px;
}

/*  Team/Attendance.aspx  */
.attendanceGrid .rgHeaderDiv {
  border-right: none !important;
  margin-right: 0 !important;
}

.attendanceGrid .rgCaption {
  background-color: white !important;
}

.attendanceGrid {
  overflow-x: scroll;
  max-width: 100%;
}

/* Team/Stats/View.aspx */
.statsGridLabel .rgHeader {
  font-size: 12px !important;
}

/* color change for all RadDatePicker calendars - resolving 25 color contrast issues for ADA */
.RadCalendar_Bootstrap .rcRow th,
.RadCalendar_Bootstrap th.rcViewSel {
  background-color: white !important;
}

.RadCalendar_Bootstrap .rcRow th, .RadCalendar_Bootstrap .rcMain .rcWeekend a, .RadCalendar_Bootstrap .rcMain .rcOtherMonth a, .RadCalendar_Bootstrap .rcMain .rcOutOfRange span {
  color: #006bdd !important;
}

.RadScheduler_Bootstrap .rsVerticalHeaderTable {
  color: black !important;
}

.RadScheduler_Bootstrap .rsVerticalHeaderTable .rsAmPm {
  font-size: 12px !important;
}

.rsShowMore {
  color: #006bdd !important;
}

.teamCalendarTable th {
  display: none;
}

/* Telerik Calendar Ends */
/*************************************************************** 
                        New Design for Tabs
****************************************************************/
nav.tabNav {
  max-width: 100%;
  overflow-x: scroll;
  display: flex;
  scrollbar-width: none !important;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 15px;
  width: 100%;
}

nav.tabNav a {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 13px;
  position: relative;
  white-space: nowrap;
  border-top: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  color: black;
  background: #f5f5f5;
}

.desktopTabNav .nav-tabs .nav-link {
  background: #f5f5f5;
  border-radius: 0 !important;
  border: 1px solid #e5e5e5 !important;
}

.desktopTabNav .nav-tabs a:hover {
  background: #efefef;
}

.desktopTabNav .nav-tabs .nav-link.active {
  background: white !important;
  border-radius: 0 !important;
}

.tablinks.active, .desktopTabNav .nav-link.active {
  border-bottom: none !important;
  border-top: 3px solid #006bdd !important;
}

a.tablinks.active {
  color: #006bdd;
}

a.tablinks:active {
  text-decoration: none;
}

.tabNav .expandTabs {
  display: block;
}

.tabNav a {
  padding: 30px;
}

.tabNav a, .tabNav li {
  display: block;
  float: left;
  cursor: pointer;
}

.tabNav ul {
  margin: 0;
  padding: 0;
  display: none;
}

.tabNav button {
  outline: none;
  border: none;
  background: transparent;
}

.tabNav i {
  margin-left: 5px;
  font-size: 10px;
}

a:hover.tablinks {
  text-decoration: none !important;
}

.tabNav::-webkit-scrollbar {
  display: none !important;
}

.tabNav .d-flex {
  display: inline-flex !important;
}

.icon-wrapper svg {
  width: 21px;
  height: 21px;
  margin-right: 5px;
}

nav.tabNav a, .desktopTabNav .nav-link {
  display: inline-flex;
  align-items: center;
  color: black;
  height: 42px;
}

.desktopTabNav .nav-link.active,
.desktopTabNav .nav-link.active svg,
.tablinks.active svg {
  color: #006bdd !important;
  fill: #006bdd !important;
}

@media (min-width: 768px) {
  .tabNav {
    display: none !important;
  }
  .desktopTabNav {
    display: inline-flex !important;
    width: 100%;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 15px;
  }
  .desktopTabNav .nav-link .active {
    border-top: 3px solid #006bdd;
  }
  .desktopTabNav .dropdown-menu {
    background: #004cb7 !important;
  }
  .desktopTabNav .dropdown-menu a {
    background: #004cb7 !important;
  }
  .desktopTabNav .dropdown-menu a:hover, .desktopTabNav .dropdown-menu a:focus, .desktopTabNav .dropdown-menu a:active {
    background: #003c91 !important;
  }
  .nav-tabs {
    margin-bottom: 0;
    border-bottom: 0;
  }
}
@media (max-width: 768px) {
  .tabNav {
    display: inline-flex !important;
  }
  .desktopTabNav {
    display: none !important;
  }
}
/*************************************************************** 
                    New Design for Buttons
****************************************************************/
.RadButton {
  margin-right: 5px;
  margin-bottom: 10px !important;
}

.RadButton_Bootstrap.rbButton, .RadButton_Bootstrap.rbButton.rbDisabled, .RadButton_Bootstrap .rbSplitPart {
  border-color: #a8c7fa !important;
  color: #004cb7 !important;
  border-radius: 200px !important;
}

.RadButton_Bootstrap.rbPrimaryButton {
  border-color: transparent !important;
  background-color: #004cb7 !important;
  border-radius: 200px !important;
  color: white !important;
  margin-right: 5px;
  margin-bottom: 10px !important;
}

.RadButton_Bootstrap.rbButton:focus {
  outline-offset: 0px !important;
  outline-color: transparent !important;
  box-shadow: none !important;
  background-color: #004cb7 !important;
}

.RadButton_Bootstrap.rbButton.rbDisabled {
  border-color: transparent !important;
}

.RadButton_Bootstrap.rbPrimaryButton.rbDisabled {
  color: white !important;
}

.RadButton_Bootstrap.rbButton {
  display: inline-block;
  -webkit-transition: ease-in-out 0.2s;
  -moz-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}

.RadButton_Bootstrap.rbPrimaryButton {
  display: inline-block !important;
  -webkit-transition: all ease-in-out 0.2s !important;
  -moz-transition: all ease-in-out 0.2s !important;
  transition: ease-in-out 0.2s !important;
}

.RadButton_Bootstrap.rbPrimaryButton:hover {
  background-color: #003c91 !important;
}

.RadButton_Bootstrap.rbDisabled {
  display: inline-block;
}

.RadButton_Bootstrap.rbDisabled:hover {
  background-color: #004cb7 !important;
}

/****************************************************************/
@media (max-width: 768px) {
  .signInTextboxWrapper .riContentWrapper {
    width: 100% !important;
  }
}
.formPosTop5 {
  position: relative;
  top: 5px;
}

/***************************************************************

                        Left Navigation Bar

****************************************************************/
.container.bevelMainBox {
  background: #fff;
  border-radius: 0 0 4px 4px;
  position: relative;
  left: 211px;
  width: calc(100% - 300px);
  transition: all 0.5s ease;
}

.btnMessages {
  border-radius: 100px;
  background-color: #004cb7;
  color: #fff !important;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  position: absolute;
  right: 14px;
}

.adminList > ul {
  padding-top: 0px;
}

.adminList > ul > li > a, .adminList > ul > ul > li > a {
  white-space: nowrap;
}

.topHeader {
  background-color: #0D2331;
  height: 60px;
  position: fixed;
  display: flex;
  z-index: 100;
  width: 100%;
}

.home-section.pushLeft {
  width: calc(100% - 78px);
  transition: all 0.5s ease;
}

.userSignIn {
  font-size: 16px;
  display: flex;
  justify-content: end;
  align-items: center;
  width: 100%;
}

.userSignIn a, .userSignIn a:hover, .userSignIn a:focus, .userSignIn a:visited, .userSignIn a:active {
  color: white !important;
}

.appleStoreIcon a:hover, .applicationStores a:hover {
  text-decoration: none;
}

.applicationStores {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.menuSeason {
  font-style: normal !important;
  color: white !important;
}

.sendCommunication {
  margin-top: 104px !important;
  position: absolute !important;
  border-radius: 15px 15px 0 0 !important;
  background: #004cb7 !important;
  transition: ease-in-out 0.2s !important;
  width: 200px;
  padding: 10px 10px 6px 10px !important;
  display: flex;
  justify-content: center;
  color: white !important;
}

.sendCommunication:hover {
  background-color: #003c91 !important;
  text-decoration: none;
}

.SendCommunicationButtonDiv a:hover {
  background: #ffa700 !important;
}

@media (min-width: 1200px) {
  .sendCommunication {
    right: 8% !important;
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .sendCommunication {
    right: 10% !important;
  }
}
@media (max-width: 1200px) {
  .userProfileContainer {
    width: 100% !important;
  }
}
/*************************************************************** 
       Above Css Overwirte because of the compiling issue 
****************************************************************/
.sidebar {
  position: relative;
  height: 100%;
  width: 290px;
  background: #0d2331;
  z-index: 100;
  transition: all 0.5s ease;
}

.sidebarCopy {
  position: fixed;
  height: 100%;
  width: 290px;
  background: #0d2331;
  transition: all 0.5s ease;
}

.sidebar .logo-details {
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 25px;
}

.hamburgerCollapseContainer {
  display: flex;
  align-items: center;
}

.sidebar .logo-details .logo_name {
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  transition: 0.3s ease;
  transition-delay: 0.1s;
}

.sidebar .nav-links {
  height: 100%;
  padding: 20px 0 150px 0;
  overflow: visible;
}

.sidebar .nav-links li .sub-btn {
  display: flex;
  align-items: center;
}

.sidebar .nav-links::-webkit-scrollbar {
  display: none;
}

.sidebar .nav-links li {
  position: relative;
  list-style: none;
  transition: all 0.4s ease;
  cursor: pointer;
  color: white;
  font-size: 16px;
  white-space: nowrap;
}

.sidebar .nav-links img {
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.sidebar .nav-links a:hover, .sidebar .nav-links a:visited, .sidebar .nav-links a:active, .sidebar .nav-links a:focus {
  text-decoration: none;
}

.sidebar .btmNavLinks {
  position: relative;
  list-style: none;
  transition: all 0.4s ease;
  text-decoration: none;
}

.sidebar .sideMenuBarIcons {
  margin: 0 30px;
}

.sidebar .iocn-link i {
  position: absolute;
  right: 23px;
  font-size: 22px;
}

@media (max-width: 768px) {
  .sidebar .nav-links li .sub-menu a {
    height: auto !important;
    white-space: normal !important;
  }
  .liItems {
    padding-left: 10px;
  }
}
@media (min-width: 768px) {
  ul.subMenu2Alignment {
    top: auto !important;
  }
  .sidebar .nav-links a:hover,
  .sidebar .nav-links li:hover {
    background: #05316f;
  }
  .sidebar .nav-links li:hover i.arrow,
  .sidebar .nav-links li.levelThree:hover i.arrow2 {
    transform: rotate(-90deg);
    transition: all 0.4s ease;
  }
  .sidebar .nav-links i.arrow,
  .sidebar .nav-links i.arrow2 {
    transition: all 0.4s ease;
  }
  .sidebar .nav-links li {
    height: 45px;
    display: flex;
    align-items: center;
  }
  .sidebar .nav-links li .iocn-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .sidebar .nav-links li .sub-menu {
    padding: 6px 6px 14px 80px;
    margin-top: -10px;
    background: #0d2331;
    display: none;
  }
  .logo_name {
    margin-left: 20px;
  }
  .sidebar .nav-links li .sub-btn {
    width: 100% !important;
    height: 45px !important;
  }
}
.sidebar li.levelThree i {
  font-size: 22px;
  margin-left: 10px;
  margin-top: 2px;
}

.sidebar .nav-links li a {
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sidebar .messagesNotificationDot,
.sidebar.close .messagesNotificationDot {
  background-color: #ff0000;
  width: 8px;
  height: 8px;
  border-radius: 100px;
  position: absolute;
  left: 42px;
  top: 15px;
  display: block !important;
  opacity: 1 !important;
}

.sidebar .nav-links li a .link_name,
.btmNavLinks a {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  transition: all 0.4s ease;
}

.sidebar .nav-links li .sub-menu a {
  color: #fff;
  font-size: 16px;
  white-space: nowrap;
  transition: all 0.3s ease;
  font-weight: normal;
  padding: 0 25px;
  width: 100%;
  height: 35px;
  background: transparent !important;
}

.sidebar .profile-details {
  position: fixed;
  bottom: 0;
  width: 290px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #1d1b31;
  padding: 12px 0;
  transition: all 0.5s ease;
  margin-left: -30px;
}

.sidebar .profile-details .profile-content {
  display: flex;
  align-items: center;
}

.sidebar .profile-details img {
  height: 52px;
  width: 52px;
  object-fit: cover;
  border-radius: 16px;
  margin: 0 14px 0 12px;
  background: #1d1b31;
  transition: all 0.5s ease;
}

.home-section {
  position: relative;
  color: white;
  display: flex;
  align-items: center;
  padding: 0 5%;
  position: fixed;
  right: 0;
  transition: all 0.5s ease;
  width: calc(100% - 290px);
  height: 60px;
}

.signInHeaderPosition {
  width: 100% !important;
}

.signInHeaderPosition .organizationName {
  justify-content: start;
}

@media (max-width: 600px) {
  .signInHeaderPosition .organizationName a {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
}
.home-section .home-content {
  height: 60px;
  display: flex;
  align-items: center;
}

.hamburgerMenuIcon {
  cursor: pointer;
  position: absolute;
  left: 0;
  transition: all 0.5s ease;
  width: 35px;
  top: 13px;
}

.isItCollapsed.yes .hamburgerMenuIcon {
  transform: rotate(360deg);
  transition: all 0.5s ease;
}

.isItCollapsed.yes .home-section {
  width: calc(100% - 78px);
  transition: all 0.5s ease;
}

.siteMapTitlesContainer {
  display: flex;
  align-items: center;
  margin-left: 5px;
  margin-top: 5px;
}

.userBtmFooterContainer {
  width: 100% !important;
  background: white;
}

@media (min-width: 992px) {
  .btmFooterContainer {
    width: calc(100% - 290px);
    float: right;
    background: white;
  }
}
.btmFooterContainer {
  padding: 0 5% 20px 5%;
}

.adminSiteMapLine {
  margin-top: 0.7rem;
  margin-bottom: 0.7rem;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.24);
}

/*************************************************************** 
             For Desktop menu to open on on hover 
****************************************************************/
@media (min-width: 768px) {
  .sidebar .sub-menu li {
    height: 35px;
  }
  .sidebar .nav-links .levelThree ul.sub-menu {
    display: none;
  }
  .sidebar .nav-links li.levelThree:hover ul.sub-menu {
    display: block;
  }
  .sidebar .nav-links li .sub-menu {
    position: absolute;
    left: 100%;
    top: -10px;
    margin-top: 0;
    padding: 0;
    opacity: 0;
    display: block;
    pointer-events: none;
    transition: 0s;
  }
  .sidebar .nav-links li:hover .sub-menu {
    top: 0;
    opacity: 1;
    pointer-events: auto;
    transition: all 0.4s ease;
  }
  .close {
    text-shadow: none !important;
    font-weight: normal !important;
  }
  .RadScheduler .rsHeader {
    z-index: 1 !important;
  }
}
/*************************************************************** 
       "Close" class is only for screens larger than 1200px 
****************************************************************/
@media (min-width: 992px) {
  .sidebar.close, .close .sidebarCopy {
    width: 78px;
    opacity: 1 !important;
  }
  .sidebar.close .logo-details .logo_name {
    transition-delay: 0s;
    opacity: 0;
    pointer-events: none;
    display: none;
  }
  .sidebar.close .nav-links {
    overflow: visible;
    text-shadow: none !important;
  }
  .sidebar.close .nav-links li .iocn-link {
    display: block;
  }
  .sidebar.close .nav-links .arrow {
    display: none;
  }
  .sidebar.close .navigateToSupportIcon, .sidebar.close .btnMessages {
    display: none;
  }
  .sidebar.close .sub-menu li {
    height: 30px;
  }
  .sidebar.close .nav-links .levelThree ul.sub-menu {
    display: none;
  }
  .sidebar.close .nav-links li.levelThree:hover ul.sub-menu {
    display: block;
  }
  .sidebar.close .nav-links li a span,
  .sidebar.close .link_name {
    opacity: 0;
    display: none;
    pointer-events: none;
  }
  .sidebar.close .nav-links li span {
    opacity: 0;
    display: none;
    pointer-events: none;
  }
  .sidebar.close .nav-links li .sub-menu {
    position: absolute;
    left: 100%;
    top: -10px;
    margin-top: 0;
    padding: 0;
    opacity: 0;
    display: block;
    pointer-events: none;
    transition: 0s;
  }
  .sidebar.close .nav-links li:hover .sub-menu,
  .sidebar.close .nav-links li:active .sub-menu {
    top: 0;
    opacity: 1;
    pointer-events: auto;
    transition: all 0.4s ease;
  }
  .sidebar.close .nav-links li .sub-menu .link_name {
    display: none;
  }
  .sidebar.close .nav-links li .sub-menu .link_name {
    font-size: 16px;
    opacity: 1;
    display: block;
  }
  .sidebar.close .profile-details {
    background: none;
  }
  .sidebar.close .profile-details {
    width: 78px;
  }
  .sidebar.close .profile-details img {
    padding: 10px;
  }
  .sidebar.close ~ .home-section {
    left: 78px;
    width: calc(100% - 78px);
  }
}
/*************************************************************** 
                  Mobile view navigation bar 
****************************************************************/
@media (max-width: 600px) {
  .organizationName a {
    white-space: normal !important;
    padding: 0 25px !important;
    text-align: center !important;
    margin-left: 30px;
  }
}
@media (max-width: 768px) {
  header {
    position: sticky;
    top: 0;
    z-index: 1000000;
  }
  .home-section, .topHeader {
    position: relative !important;
  }
  .sidebar {
    transition: all 1s ease;
    position: relative;
  }
  .hamburgerCollapseContainer {
    display: none;
  }
  .sidebar .nav-links {
    padding: 0 !important;
    margin: 10px 0 30px 0 !important;
    height: calc(100vh - 100px);
    overflow: scroll;
  }
  .adminContentSections {
    margin: 0 2em 20px 2em !important;
    margin-top: 80px !important;
    overflow-x: hidden;
  }
  .d-flex {
    display: block !important;
  }
  .home-section {
    width: 100% !important;
    padding: 0 2em !important;
    margin: 0 10px;
  }
  .userSignIn i {
    margin-right: 5px;
  }
  .siteMapTitlesContainer {
    margin-left: 0px !important;
  }
  .sidebar.openedMenu, .sidebar.openedMenu .sidebarCopy {
    width: 100%;
  }
  .sidebarCopy, .sidebar {
    z-index: 1000000;
  }
  .btnMessages {
    right: 28px !important;
    margin-top: -25px;
  }
  .sidebar::-webkit-scrollbar {
    width: 0px;
  }
  .sidebar.active {
    left: 0;
  }
  .sidebar .menu {
    width: 100%;
  }
  .sidebar .menu .item {
    position: relative;
    cursor: pointer;
    padding: 5px 0px;
  }
  .sidebar .menu .item a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    display: block;
    padding: 10px;
  }
  .sidebar .menu .item i {
    margin-right: 15px;
  }
  .sidebar .menu .item a .dropdown {
    position: absolute;
    right: 0;
    margin: 20px;
    transition: 0.3s ease;
  }
  .sidebar .menu .item .sub-menu {
    display: none;
  }
  .rotate {
    transform: rotate(90deg);
  }
  .close-btn {
    position: absolute;
    color: #fff;
    font-size: 23px;
    right: 0px;
    margin: 15px;
    cursor: pointer;
  }
  .sidebar .subMenu3Alignment {
    padding-left: 0;
    margin-top: 4px;
    margin-left: 27px !important;
  }
  .sidebar item levelThree {
    padding-top: 0;
  }
  .sidebar li.levelThree i {
    margin-top: -5px !important;
  }
  .sidebar .menu .item .sub-menu {
    margin-left: 34px;
  }
  .sidebar .sub-menu .subMenu3Alignment a {
    padding-left: 0px !important;
  }
  .rotate {
    transform: rotate(180deg);
    transition: transform 0.3s ease; /* Add a smooth transition for rotation */
  }
  .sidebar .arrow, .sidebar .arrow2 {
    transition: transform 0.3s ease; /* Add a smooth transition for rotation */
  }
  .highlightText, .highlightText span {
    color: #006aff !important;
  }
  .sidebar .messagesNotificationDot, .sidebar.close .messagesNotificationDot {
    left: 52px !important;
  }
  #UserMenuAuthenticatedPanel img {
    margin-right: 25px !important;
  }
  #SupportHomeHyperLink li,
  #MainMenuHomeLink li,
  #MessagesHyperLink li {
    padding: 15px 10px !important;
  }
  #SignOutHyperLink li {
    padding: 15px 13px !important;
  }
  #SignOutHyperLink img {
    margin-right: 24px !important;
  }
  .sendCommunication {
    /*top: 123px !important;*/
    margin-top: -35px !important;
    position: absolute !important;
    border-radius: 15px 15px 0 0 !important;
    background: #004cb7 !important;
    transition: ease-in-out 0.2s !important;
    left: 0;
    right: 0 !important;
    margin: 0 auto;
    width: 200px;
    padding: 10px 10px 6px 10px !important;
    display: flex;
    justify-content: center;
    color: white !important;
  }
}
@media (max-width: 1200px) {
  .userProfileInnerContainer {
    display: none;
  }
  .organizationName {
    justify-content: center;
    width: 100%;
  }
  /*    .userProfileContainer {
          width: auto !important;
      }*/
  .hamburgerMenuIcon {
    left: 23px;
  }
}
/***********************************/
@media (max-width: 991px) {
  .sidebar, .sidebarCopy {
    margin-left: -290px;
    top: 60px;
  }
  .sidebar.openedMenu,
  .sidebar.openedMenu .sidebarCopy {
    margin-left: 0px;
  }
  .home-section {
    width: 100%;
    transition: all 0.5s ease;
  }
  .isItCollapsed.yes .home-section {
    width: calc(100% - 290px);
  }
}
/***********************************/
.adminContentSections {
  background-color: white;
  margin: 0px 5% 30px 5%;
  padding: 20px;
  border-radius: 30px;
}

.adminContentSections .alert {
  margin-bottom: 1.5rem !important;
}

.adminFooterSection {
  background-color: white;
  border-radius: 0px;
}

.adminContentContainer {
  width: 100%;
  border-radius: 30px;
  min-height: calc(100vh - 290px);
}

.userProfileContainer {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 100%;
}

.userProfileName, .userProfileName a {
  color: white;
  font-size: 16px;
}

.userProfileName a:hover, .userProfileName a:visited, .userProfileName a:active, .userProfileName a:focus {
  color: white !important;
}

.userProfileInnerContainer {
  text-align: left;
  margin-left: 5px;
}

.userProfileEmail {
  font-size: 12px;
  color: lightgray;
  margin-top: 3px;
}

.userProfileInitials {
  border-radius: 100px;
  background-color: #004cb7;
  color: #fff !important;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: transform 2s ease-in-out;
}

.userProfileInitials a, .userProfileInitials a:hover, .userProfileInitials a:focus, .userProfileInitials a:visited {
  color: white;
  text-decoration: none;
}

.listFlex {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  gap: 15px;
}

.listItemFlex {
  display: flex;
  padding: 0px 15px;
  border: 1px solid #d5d5d5;
  flex-direction: column;
  flex-grow: 1;
  width: 200px;
  column-gap: 15px;
  border-radius: 10px;
}

.footerListFlex {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  gap: 15px;
}

.footerListItemFlex {
  display: flex;
  padding: 0px 15px;
  flex-direction: column;
  flex-grow: 1;
  width: 200px;
  column-gap: 15px;
}

.footerItemThree {
  flex-grow: 3 !important;
}

.siteMapTitles {
  font-weight: bold;
  font-size: 16px;
  color: black;
  margin-top: 10px;
  margin-bottom: 0.5rem;
}

.organizationName {
  display: flex;
  align-items: center;
}

.organizationName a {
  font-size: 16px;
  white-space: nowrap;
  color: white !important;
}

.organizationName a:hover {
  color: white;
}

.organizationName img {
  width: 17px;
  margin-top: -4px;
  margin-left: 3px;
}

.navigateToSupportIcon {
  font-size: 18px !important;
  color: #0558cc;
  right: 17px !important;
  top: 17px;
}

.footerColumns a, .footerColumns {
  color: black !important;
}

.footerTPS a:hover, .footerTPS a:active, .footerTPS a:visited, .footerTPS {
  color: black !important;
}

.hamburgerCollapseContainer a:hover, .hamburgerCollapseContainer a:visited, .hamburgerCollapseContainer a:active {
  text-decoration: none !important;
}

/*************************************************************** 
              Hover Effects Admin Site Map Master 
****************************************************************/
.sidebar ul.nav-links li:hover img.sideMenuBarIcons {
  animation: tilt-shaking 1s;
}

@keyframes tilt-shaking {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.footerColumns a .twitterIconSpin {
  position: relative;
  transition: 0.5s;
  z-index: 3;
}

.footerColumns a:hover .twitterIconSpin {
  color: #1da1f2 !important;
  transform: rotateY(360deg);
}

.footerColumns a .facebookIconSpin {
  position: relative;
  transition: 0.5s;
  z-index: 3;
}

.footerColumns a:hover .facebookIconSpin {
  color: #0866ff !important;
  transform: rotateY(360deg);
}

.footerColumns a:before .facebookIconSpin,
.footerColumns a:before .twitterIconSpin {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.5s;
  z-index: 2;
}

.footerColumns p, .indentFooterCol {
  margin-left: 0px !important;
}

@-webkit-keyframes rotate {
  100% {
    transform: rotate(1turn);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(1turn);
  }
}
.animatedBorder, .googleAnimBorder, .appleAnimBorder {
  position: relative;
  z-index: 0;
  border-radius: 10px;
  overflow: hidden;
  padding: 5px;
}

.animatedBorder:hover::before, .googleAnimBorder:hover::before, .appleAnimBorder:hover::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  background-repeat: no-repeat;
  background-size: 50% 50%, 50% 50%;
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  -webkit-animation: rotate 4s linear infinite;
  animation: rotate 4s linear infinite;
}

.animatedBorder::after, .googleAnimBorder::after, .appleAnimBorder::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 3px;
  top: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  background: white;
  border-radius: 5px;
  border: 1px solid black;
}

.appleAnimBorder { /* Specific styles for .appleAnimBorder */ }

.appleAnimBorder:hover::before {
  background-color: lightgray;
  background-image: linear-gradient(black, grey);
}

.googleAnimBorder { /* Specific styles for .googleAnimBorder */ }

.googleAnimBorder:hover::before {
  background-color: #38e2fd;
  background-image: linear-gradient(#fd1e47, #fcd400, #1cf988);
}

.footerItemTwo a,
.btmFooterContainer .row .footerAllRights a,
.btmFooterContainer .row .footerTPS a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  line-height: 24px;
}

.footerItemTwo a::after,
.btmFooterContainer .row .footerAllRights a::after,
.btmFooterContainer .row .footerTPS a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  background-color: black;
  transition: transform 0.4s;
}

.footerItemTwo a:hover::after,
.btmFooterContainer .row .footerAllRights a:hover::after,
.btmFooterContainer .row .footerTPS a:hover::after {
  transform: scaleX(1);
}

.btmFooter {
  background: transparent;
}

.footerTPS a, .footerAllRights, .footerAllRights a {
  color: black !important;
}

/*************************************************************** 
             Padding/Margin is off on sub pages 
****************************************************************/
.breadcrumb {
  padding-top: 0 !important;
  margin-bottom: 15px;
}

/*************************************************************** 
                    Global Color Changes 
****************************************************************/
.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active {
  color: #006bdd !important;
}

a, a:hover, a:visited {
  color: #006bdd;
}

/***********************************/
div .listItemFlex {
  transition: all 0.3s ease;
}

div .listItemFlex:hover {
  box-shadow: 1px 1px 4px 4px #e4e9f7;
  -webkit-box-shadow: 1px 1px 4px 4px #e4e9f7;
  -moz-box-shadow: 1px 1px 4px 4px #e4e9f7;
  transition: all 0.3s ease;
}

.linkHover:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  transform: scaleX(0);
  background-color: #006bdd;
  transition: transform 0.4s;
}
.linkHover:hover:after {
  transform: scaleX(1);
}

.siteMaplinksUnderline {
  position: relative;
  text-decoration: none;
  padding: 0px 5px !important;
}

.imageLibraryToolbarWidth .RadImageGallery .rigThumbnailsBoxHorizontal, .imageLibraryToolbarWidth .RadImageGallery .rigThumbnailsBoxVertical, .imageLibraryToolbarWidth .RadImageGallery {
  max-width: 1000px !important;
  background-color: transparent !important;
}

/*************************************************************** 
              Information Related to this Page 
****************************************************************/
/* Title */
.relatedInfoContainer .h1InfoRelated {
  font-size: 18px !important;
  font-weight: 700;
  color: #000008 !important;
  padding: 0;
  clear: left;
}

.relatedInfoContainer .RadPanelBar_Bootstrap .rpLink, .RadPanelBar_Bootstrap .rpHeaderTemplate {
  border-color: white white white;
  background: white;
}

.relatedInfoContainer .rpRootGroup {
  border-color: #ffffff !important;
  color: #333 !important;
  background: #fff !important;
}

.relatedInfoContainer .rsmTwoLevels > .rsmItem > .rsmLink,
.relatedInfoContainer .rsmThreeLevels > .rsmItem > .rsmLink,
.relatedInfoContainer .rsmManyLevels .rsmLevel1 > .rsmItem > .rsmLink {
  border-color: rgba(255, 255, 255, 0) !important;
  font-size: 16px;
  font-weight: 700;
  color: white !important;
  margin-top: 10px;
  margin-bottom: 0.5rem;
}

/* Levels */
.relatedInfoContainer .RelatedInformationLevels ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  gap: 10px;
}

.relatedInfoContainer .RelatedInformationLevels li.rsmDisabled {
  display: flex;
  padding: 0 15px 1rem 15px;
  border: 1px solid #d5d5d5;
  flex-direction: column;
  flex-grow: 1;
  width: 200px;
  column-gap: 15px;
  border-radius: 10px;
  background-color: #002962;
}

@media (min-width: 1400px) {
  .relatedInfoContainer .RelatedInformationLevels li.rsmDisabled {
    max-width: 50%;
  }
}
.relatedInfoContainer a.rsmLink {
  color: white !important;
  margin-top: -2px;
}

.relatedInfoContainer .rsmItem .rsmItem,
.relatedInfoContainer .rsmTemplate {
  padding-left: 0 !important;
  padding: 0 !important;
  display: flex;
  width: 100%;
}

.relatedInfoContainer .rsmLink {
  padding: 0 !important;
}

.relatedInfoContainer .rsmOneLevel .rsmLink,
.relatedInfoContainer .rsmTwoLevels .rsmLevel1 .rsmLink,
.relatedInfoContainer .rsmThreeLevels .rsmLevel1 .rsmLink,
.relatedInfoContainer .rsmManyLevels .rsmLevel2 .rsmLink {
  margin-left: 7px;
  word-break: break-word;
}

.relatedInfoContainer .relatedInfoUpdated {
  color: #00ff8c;
  font-weight: bolder;
  font-size: 12px;
  margin-top: 2px;
}

/* Hover */
.relatedInfoContainer .rsmOneLevel .rsmLink:hover,
.relatedInfoContainer .rsmTwoLevels .rsmLevel1 .rsmLink:hover,
.relatedInfoContainer .rsmThreeLevels .rsmLevel1 .rsmLink:hover,
.relatedInfoContainer .rsmManyLevels .rsmLevel2 .rsmLink:hover {
  border-color: transparent !important;
  background-color: transparent !important;
}

.RelatedInformationLevels ul .rsmTemplate a {
  text-decoration: underline 1px rgba(255, 255, 255, 0);
  transition: text-decoration-color 300ms;
  text-underline-offset: 4px;
  line-height: 24px;
}

.RelatedInformationLevels ul .rsmTemplate a:hover {
  text-decoration-color: rgb(255, 255, 255);
}

/***********************************/
.sendCommunicationIcon {
  width: 20px;
  margin-right: 5px;
}

/*************************************************************** 
                        TeamSideline Score
****************************************************************/
a.EventsNameLink, a:hover .EventsNameLink {
  color: #006bdd;
  text-decoration: none;
}

.pitcherName, .pitcherInning, .pitcherTotalPitches {
  font-size: 16px;
  padding-bottom: 5px;
}

.pitcherName {
  font-weight: bold;
  color: black !important;
}

.pitchBtn {
  border: none !important;
  width: 350px;
  background-color: transparent !important;
  outline-color: transparent !important;
  box-shadow: none !important;
}

.pitchBtn:hover {
  background-color: transparent !important;
}

.pitchBtn:focus {
  background-color: transparent !important;
  outline-color: transparent !important;
  box-shadow: none !important;
}

.pitchContentContainer {
  display: grid;
  grid-template-columns: 210px 160px;
}

.pitchTextTitle {
  font-size: 28px;
  font-weight: bold;
  color: black !important;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.pitchImage {
  width: 200px;
  height: 200px;
}

/*.imageContainer {
    position: relative;
    display: inline-block;
}*/
.pitchCountNumeric {
  border-color: white !important;
  border: none !important;
  box-shadow: none !important;
  font-size: 1em !important;
  font-weight: bold !important;
  color: black !important;
}

.pitchBtn {
  display: grid !important;
  max-width: 450px;
  padding: 0 !important;
}

.pitchCountContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 180px;
  justify-content: center;
}

.pitchButtonsConatiner {
  /*    display: flex;
      flex-wrap: wrap;*/
  margin-bottom: 20px;
}

.pitchButtonsConatiner span {
  color: #006bdd !important;
  border-radius: 100px !important;
  border-color: #006bdd !important;
}

.pitchButtonsConatiner .RadComboBox_Bootstrap .rcbInputCell {
  border-color: #006bdd;
  color: #006bdd;
  border-radius: 100px;
  background-color: #004cb7 !important;
}

.pitchButtonsConatiner .RadComboBox .rcbInput {
  padding: 0 !important;
}

.pitchButtonsConatiner2 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.nextInningDiv span {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.changePitcherButton {
  margin-bottom: 5px;
  margin-left: 3px;
  width: 100% !important;
  max-width: 230px;
}

.nextInningDiv span,
.undoPitchDiv span {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

.nextInningDiv span:before,
.undoPitchDiv span:before {
  content: "";
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  vertical-align: middle;
}

.changePitcherDiv .rcbInputCellLeft input {
  background-image: url("/img/team/ChangePitcher.png");
  background-position: right center;
  background-size: 17px 17px;
  background-repeat: no-repeat;
  text-align: center;
  color: white !important;
}

.nextInningDiv span:before {
  background-image: url("/img/team/NextPitch.png");
}

.undoPitchDiv span:before {
  background-image: url("/img/team/UndoPitch.png");
}

.undoPitchDiv input, .nextInningDiv input {
  width: auto !important;
  color: white !important;
}

.undoPitchDiv span, .nextInningDiv span {
  justify-content: center;
  background-color: #004cb7 !important;
  width: 100%;
  max-width: 228px;
}

.changePitcherDiv .rcbInputCellLeft input:after {
  background-image: url("/img/team/ChangePitcher.png");
}

.changePitcherDiv table td.rcbInputCellLeft {
  border-right-width: 1px !important;
}

.toggleSortButton button:before {
  content: "";
  display: inline-block;
  background-image: url("/img/team/SortPitch.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px; /* Adjust the width as needed */
  height: 20px; /* Adjust the height as needed */
  margin-right: 8px; /* Add some space between the icon and text */
  vertical-align: middle; /* Align the icon with the text */
}

.editSummaryButton button:before {
  content: "";
  display: inline-block;
  background-image: url("/img/team/SummaryPitch.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px; /* Adjust the width as needed */
  height: 20px; /* Adjust the height as needed */
  margin-right: 8px; /* Add some space between the icon and text */
  vertical-align: middle; /* Align the icon with the text */
}

.pitchCountTable {
  border: none !important;
}

.pitchCountTable td {
  padding: 0 !important;
}

.pitchCountTable .rgAltRow > td {
  background-color: white !important;
  border-width: 0 !important;
}

.pitchCountTable .rgRow > td,
.pitchCountTable .rgAltRow > td,
.pitchCountTable .rgEditRow > td {
  border-width: 0 !important;
}

.pitchCountNumbersContainer {
  display: flex;
  white-space: nowrap;
}

.pCNumbers, .inningNumbers {
  width: 35px;
  display: inline-flex;
}

.InningContainer {
  text-align: left;
  margin-bottom: 10px;
  display: flex;
}

.pitcherProfileImg {
  background-color: #e1dede;
  border-radius: 5px;
  padding: 2px;
  width: 20px;
  margin-right: 5px;
}

.totalPitchesNumbers {
  font-weight: bold;
}

.pitchGridItems {
  padding: 15px 15px 10px 15px;
  margin: 5px 5px 15px 5px;
  box-shadow: rgb(209, 209, 209) 0px 3px 8px;
}

.gameResultLabel {
  text-align: left !important;
}

.editSummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.field-row {
  display: flex;
  gap: 10px;
}

.field-row:first-child {
  justify-content: flex-start;
}

.field-row:nth-child(2) {
  justify-content: flex-start;
}

.pitcherFullName {
  display: flex;
  align-items: center;
}

.changePitcherButton .rcbArrowCellRight {
  display: none !important;
}

.totalPitches {
  display: flex;
  justify-content: flex-end;
}

.undoPitchDiv .rbSkinnedButton, .nextInningDiv .rbSkinnedButton {
  left: 0px !important;
}

.pitchText {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 28px;
  font-weight: bold;
  color: #000 !important;
  width: 150px;
  background: #ffffff;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pitchImgContainer {
  position: relative;
  width: 200px;
}

.changePitcherButton {
  margin-bottom: 10px;
  margin-left: -0.5px;
}

.pitchButtonsConatiner {
  margin-left: -1px;
}

@media only screen and (max-width: 575px) {
  .pitchDescription {
    white-space: normal;
  }
  .pitchText {
    font-size: 20px;
    width: 85px;
    height: 40px;
  }
  .pitchImgContainer {
    width: 120px;
  }
  .undoPitchDiv .rbSkinnedButton, .nextInningDiv .rbSkinnedButton {
    left: 15px !important;
  }
  .pitchGridItems {
    padding: 5px 15px 10px 15px;
  }
  .undoPitchDiv, .nextInningDiv {
    margin-left: -10px;
  }
  .pitchContentContainer {
    grid-template-columns: 130px 100px;
    text-align: left;
  }
  .pitchCountContainer {
    height: 110px;
  }
  .pitchImage {
    width: 120px;
    height: 120px;
  }
  .pitchTextTitle {
    font-size: 22px;
  }
  .pitchDescription {
    font-size: 12px;
  }
  .subHdr {
    margin-left: 0;
  }
  .pitchButtonsConatiner {
    justify-content: space-between;
  }
  .pitcherFullName, .totalPitches {
    justify-content: center !important;
    font-weight: bold;
  }
  .pitcherFullName span, .totalPitches span {
    font-size: 14px !important;
  }
  .pitcherProfileImg {
    display: none;
  }
  .pitchBtn {
    max-width: 100%;
    width: 100%;
    justify-content: center;
  }
  .pitcherInning, .pitcherTotalPitches {
    font-size: 14px;
  }
  .pitchClickArrowText {
    max-width: 75%;
  }
}
@media only screen and (max-width: 575px) {
  .RadWindow_Bootstrap {
    width: 300px !important;
    height: auto !important;
    /* left: 35px !important;*/
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  .rwContent {
    height: 150px !important;
    overflow: hidden !important;
  }
}
@media only screen and (max-width: 375px) {
  .RadWindow_Bootstrap {
    width: 250px !important;
  }
  .pitchDescription {
    white-space: normal;
  }
  .undoPitchDiv span, .nextInningDiv span {
    max-width: 100%;
  }
  .changePitcherButton {
    max-width: 100%;
  }
}
@media only screen and (max-width: 768px) and (min-width: 575px) {
  .changePitcherButton {
    margin-left: -0.5px !important;
  }
}
@media only screen and (max-width: 575px) {
  .changePitcherButton {
    margin-left: 5px !important;
  }
}
.pitchCollapseArrowDiv {
  text-align: right;
  color: #007bff; /* Replace with the value of $LinksBlue */
  font-size: 25px;
  cursor: pointer;
  position: relative; /* or absolute if necessary for your layout */
  display: inline-block; /* Ensures the element stays inline without taking extra space */
  transition: transform 0.3s ease;
}

/*************************************************************

      CSS for the new design for labels (Temporarily)

**************************************************************/
.alert {
  padding: 0.5rem !important;
  margin-top: 5px;
}

.relatedInfoContainer {
  padding-bottom: 30px;
}

.adminContentSections {
  padding: 20px;
}

.iconRequired {
  color: #e50000 !important;
}

.RadComboBox_Bootstrap .rcbInputCell {
  border-radius: 6px 0 0 6px !important;
}

.RadComboBox_Bootstrap .rcbArrowCell {
  border-radius: 0 6px 6px 0 !important;
}

.fieldSideText {
  padding-left: 5px;
}

h2 {
  margin-bottom: 10px;
}

.requiredFieldLegend {
  display: none !important;
}

@media (min-width: 992px) {
  .col-form-label {
    padding-left: 20px !important;
  }
  /*    .col-md-9 {
          display: inline-flex;
          align-items: center;
      }*/
}
@media (max-width: 992px) {
  .col-md-9 {
    padding-left: 16px !important;
  }
  .fieldSideText {
    padding-left: 0px;
    margin-top: -5px;
    margin-bottom: 25px;
    color: #747474;
    font-size: 11px !important;
  }
  .col-form-label {
    padding-bottom: 0px !important;
    font-size: 15px !important;
  }
  h2 {
    font-size: 18px !important;
  }
  h1 {
    font-size: 20px !important;
  }
  .RadComboBox table td.rcbInputCell {
    padding: 3px 4px 0 10px !important;
  }
  .subHdr {
    margin-left: 0 !important;
  }
  .HelpSpecificPageContainer {
    white-space: nowrap;
  }
}
@media (max-width: 768px) {
  .wellButtonFooter {
    text-align: center;
  }
}
.passwordAdminSignIn, .emailAdminSignIn {
  white-space: nowrap !important;
}

.smallSignIn {
  text-align: right;
}

.forgotPassAdmin {
  white-space: nowrap;
  font-weight: bold;
  color: #006bdd;
}

.signInAdminContainer .RadInput_Bootstrap.riSingle .riTextBox, .signInAdminContainer .RadForm_Bootstrap.RadForm.rfdTextbox input.riTextBox.rfdDecorated {
  width: 440px !important;
  max-width: 100% !important;
}

.smallSignIn a:hover {
  text-decoration: underline !important;
  cursor: pointer;
  color: #006bdd;
}

span.control-label {
  display: block !important;
  padding-bottom: 5px;
  color: black !important;
}

/*************************************************************

      CSS for the new design for labels - ENDS

**************************************************************/
.iconRequired {
  position: relative;
  top: -1px;
}

.RadScheduler .rsAmPm {
  top: 0 !important;
}

/***************************************************************************

                        Updates for Bootstrap V5

****************************************************************************/
a,
.sendCommunication,
.logo_name, .HelpSpecificPageContainer {
  text-decoration: none !important;
}

@media (min-width: 768px) {
  .text-md-right {
    text-align: end !important;
  }
}
.navbar-toggler:focus {
  box-shadow: none !important;
}

.form-group {
  margin-bottom: 12px;
}

@media (min-width: 992px) {
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
}
@media (min-width: 768px) {
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
}