@charset "utf-8";
/*
  Page name: /css/main.css
  Description: This page holds the main css classes.
  Modified date: 7/16/14 added #headerNav ul li a.headNavAlerts for the header bar, and nav ul li a.navAlerts for the leftColumn. sc
                 9/29/14 added a class called black to have the font be black when called. cd.
                 10/22/14 added a class called white, and also a errorRow that will make the color of a row red when applied.
                 10/30/14 added nav ul li a.navMessageCenter for the leftColumn. cd
                 11/6/14  added a new header for all state with an image. cd
                 03/10/15 changed the size of the permission color box. cd
                 02/22/16 added two more ajax gifs, blue and black. cd
                 10/24/16 added nav ul li a.navCoaches for the leftColumn. hc
 */

/* CSS Document */

/* Color palette:
darkest grey: #333333
dark grey (text, leftColumn): #5d5d5d
middle grey: #b9b9b9
light grey: #d4d4d3
off-white: #f9f9f9

New Css:
dark blue: rgb(22,43,76) or #162b4c
light blue: #5b6c87
darkest blue: 12243f
*/

@font-face {
	font-family: 'Proxima Nova Regular';
	src: url('fonts/proxima/regular/ProximaNova-Regular.eot');
	src: url('fonts/proxima/regular/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
	local('Proxima Nova Regular'),
	url('fonts/proxima/regular/ProximaNova-Regular.woff') format('woff'),
	url('fonts/proxima/regular/ProximaNova-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	}

/* --------------------------------------------
	RESET DEFAULT ELEMENT CSS SETTINGS
-------------------------------------------- */
html,body{
	padding:0px; margin:0px;
}
h1,h2,h3,h4,h5{
	font-weight:normal; padding:0px; margin:0px;
}
table, th, tr, td{
	border-collapse:collapse; border:0px; padding:0px; vertical-align:top;
}
a {
	text-decoration: none; color:#39F;
}
.content table a {
   color: inherit;
   text-decoration: none;
   cursor: pointer;
}
a:hover, a:focus {
	text-decoration: none;
}
ul{
	margin:0px; padding:0px;
}
img{
	border:0px;
}
p{
	margin:0px; padding:0px;
}
form, label, fieldset{
	margin:0px; padding:0px;
}

.tooltipLine{
   position: relative;
}

.tooltipHtml{
   display:none;
}

.tooltipIcon{
   display: inline-block;
   position: absolute;
   top: 0;
   left: 100%;
   width: 40px;
   height: 130%;
   background: url(images/iconTip.png) no-repeat center;
}

.tippy-box[data-theme~='rma'] {
   background: #ededed;
   color: #333;
   padding: 3px;
   /* border: 1px solid #888; */
   box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
   font-size: 15px;
}

.tippy-box[data-theme~='rma'] > .tippy-arrow::before{
   /* border-top-color: #ededed; */
   /* display: none; */
}

.tippy-box[data-theme~='rma'] > .tippy-arrow::before{
   content: '';
   display: block;
   position: absolute;
   height: 11px;
   width: 11px;
   background: #ededed;
   border: none;
}

.tippy-box[data-theme~='rma'][data-placement^='top'] > .tippy-arrow::before{
   left: 7px;
   bottom: -7px;
   transform: rotate(45deg);
   box-shadow: 2px 2px 6px rgba(0,0,0,0.16), 2px 2px 6px rgba(0,0,0,0.23);
   clip-path: polygon(-70% 170%, 170% -70%, 170% 170%);
}

.tippy-box[data-theme~='rma'][data-placement^='right'] > .tippy-arrow::before{
   left: -15px;
   bottom: 0;
   transform: rotate(135deg);
   box-shadow: 2px -2px 6px rgba(0,0,0,0.16), 2px -2px 6px rgba(0,0,0,0.23);
   clip-path: polygon(-70% 170%, 170% -70%, 170% 170%);
}

.soloTip{
   width: 15px;
   height: 15px;
   display: inline-block;
   background: url(images/iconTip.png) no-repeat;
}

/* --------------------------------------------
	GLOBAL CLASSES
-------------------------------------------- */
.clear {
   clear: both;
}
/*columns*/
   .halfColLeft{ width:48%; margin:0px 2% 0px 0px; float:left; }
   .halfColRight{ width:48%; margin:0px 0px 0px 2%; float:right; }
   .thirdCol{ width:31.333%; margin:0px 1%; float:left; }
   .thirdColLeft{ width:32%; margin:0px 2% 0px 0px; float:left; }
   .thirdColCenter{ width:31%; float:left; }
   .thirdColRight{ width:32%; margin:0px 0px 0px 2%; float:right; }
   .twoThirdsColLeft{ width:63%; margin:0px 2% 0px 0px; float:left; }
   .twoThirdsColRight{ width:63%; margin:0px 0px 0px 2%; float:right; }
   .quarterCol{ width:23%; margin:0px 1%; float:left; }
   .quarterColLeft{  width:23%; margin:0 1% 0 0; float:left; }
   .quarterColRight{ width:23%; margin:0 0 0 1%; float:right; }
   .threeQuarterColLeft{ width:75%; margin:0 1% 0 0; float:left; }
   .threeQuarterColRight{ width:75%; margin:0 1% 0 0; float:right; }
   .borderLeft{ border-left:1px solid #d4d4d3; }
   .borderRight{ border-right:1px solid #d4d4d3; }

/* Columns using css grid */
.gridLeftRight{
   display:grid;
   grid-template-columns: 1fr 1fr;
   grid-template-rows:auto;
   grid-template-areas:
      ".gridLeft .gridRight";
   grid-gap: 10px;
}

.gridLeft{

}

.gridRight{

}

.gridLeftRightTwoThirds{
   display:grid;
   grid-template-columns: 2fr 1fr;
   grid-template-rows:auto;
   grid-template-areas:
      ".gridLeft .gridRight";
}

.gridQuarter{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.fifthQuarter{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows:auto;
    grid-template-areas:
      ".gridCellOne .gridCellTwo .gridCellThree .gridCellFour .gridCellFive";
}

.gridCellOne{

}

.gridCellTwo{

}

.gridCellThree{

}

.gridCellFour{

}

.gridCellFive{

}

@media screen and (max-width: 1020px){
   .gridLeftRight, .gridLeftRightTwoThirds{
      display:block;
   }
}

.borderLeft{
   border-left:1px solid #d4d4d3;
}
.borderRight{
   border-right:1px solid #d4d4d3;
}
.halfDivider{
   background:url(images/verticalGroove.gif) repeat-y center;
}
.cleanCardHeaderStatus {
    /*display: none;*/
    /*color: #FFFFFF;*/
    margin-right: 16px;
    padding: 2.5px 5px;
    border-radius: 4px;
    background: rgba(220, 38, 38, 1);
    text-transform: uppercase;
    font-size: 12px;
}
@media (max-width: 680px) {
    .cleanCardHeaderStatus {
        margin-right: 0px;
    }
}
*.caution{
   color: #FFFFFF;
    padding: 2.5px 5px;
    border-radius: 4px;
    background: rgba(250, 191, 3, 1);
    text-transform: uppercase;
    font-size: 12px;
}
*.success{
   color: #FFFFFF;
    padding: 2.5px 5px;
    border-radius: 4px;
    background: rgba(0, 197, 122, 1);
    text-transform: uppercase;
    font-size: 12px;
}

*.errorBar{
    color: #FFFFFF;
    padding: 2.5px 5px;
    border-radius: 4px;
    background: rgba(255, 0, 0, 1);
    text-transform: uppercase;
    font-size: 12px;
}

*.black{
   color:#000000;
}
*.white{
   color:#FFFFFF;
}
*.boldGreen{
   color:#33CC33;
   font-weight: bold;
}
#guardianEsignSuccess
{
    display: none;
    color: green;
}
#ahtleteEsignSuccess
{
    display: none;
    color: green;
}
/*.caution{*/
/*   color:#E8C604;*/
/*}*/
/*.success{*/
/*   color:#4BAC2B;*/
/*}*/
.iconhelp{/*this is larger than the enabled icon*/
   width:25px; height:25px;
   background:url(images/iconHelp.png) center no-repeat;
   display:block;
}
.iconComplete{/*this is larger than the enabled icon*/
   width:25px; height:19px;
   background:url(images/iconComplete.png) center no-repeat;
   display:block;
}
.iconIncomplete{/*this is larger than the enabled icon*/
   width:25px; height:19px;
   background:url(images/iconIncomplete.png) center no-repeat;
   display:block;
}
.ajaxLoaderSmall{
   display:none;
   width:16px; height:16px;
   background:url(images/ajax-loader.gif) center no-repeat;
}
.ajaxLoaderBlue{
   display:none;
   width:50px; height:20px;
   background:url(images/ajax-loader-blue.gif) center no-repeat;
}
.ajaxLoaderBlack{
   display:none;
   width:70px; height:20px;
   background:url(images/ajax-loader-black.gif) center no-repeat;
}
.hidden{ display:none; }
.miniNote{ font-size:.8em; }
.miniNoteGray{ font-size:.8em; color:#b9b9b9; }
.floatLeft{ float:left; }
.floatRight{ float:right; }
.paperPhoto{
   background:#fff; padding:6px;
   -moz-box-shadow:    0px 0px 6px 0px #9e9e9e;
   -webkit-box-shadow: 0px 0px 6px 0px #9e9e9e;
   box-shadow:         0px 0px 6px 0px #9e9e9e;
}
.leftBuffer{ margin-left:6px; }
.rightBuffer{ margin-right:6px; }

.forgotBox {
   text-align:center;
   margin:50px auto;
   width:90%;
   background:#eeeeee;
   border:1px solid;
   border-radius:10px;
}
.forgotBox .margins {
   margin:20px;
}

.noSearchResults {
   font-weight: bold;
   padding: 10px;
}

.registrationSteps {
   margin:50px 0;
}

.input-color {
    position: relative;
}
.input-color input {
    padding-left: 20px;
}
.input-color .color-box {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-color: #ccc;
    position: absolute;
    left: 5px;
    top: 10px;
}

.greenArrowLeft {
   width:256px; height:256px;
   background:url(images/greenArrowLeft.png) center no-repeat;
   display:block;
}
.greenArrowRight {
   width:256px; height:256px;
   background:url(images/greenArrowRight.png) center no-repeat;
   display:block;
}
.greenArrowLeft_medium {
   width:100px; height:100px;
   background:url(images/greenArrowLeft_medium.png) center no-repeat;
   display:inline-block;
}
.greenArrowLeft_small {
   width:30px;
   background:url(images/greenArrowLeft_small.png) center no-repeat;
   display:inline-block;
}
.greenArrowRight_small {
   width:30px;
   background:url(images/greenArrowRight_small.png) center no-repeat;
   display:inline-block;
}
.block {
   display:block;
   float:left;
   margin:0px 20px;
}
.quickSearch {
   display:block;
   position:absolute;
   padding:0;
   width: 40%;
   margin:-6px 0 0 0;
   background:white;
   border: 1px black solid;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
   z-index: 99;
}

.quickSearchSchool {
    display:block;
    position:absolute;
    padding:0;
    margin:-6px 0 0 0;
    background:white;
    border: 1px black solid;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    z-index: 99;
}

@media screen and (max-width: 768px) {
    .quickSearch {
        width: 100%;
    }
}
.quickSearch table tr td {
   vertical-align: middle;
   cursor: pointer;
}

.quickSearch table tr:hover {
   background-color:#d4d4d3;

}

.searchResultsHeader td {
   background-color: #b6cee2;
   padding: 2px !important;
}

.customSearchResults {
   display:none;
   position:relative;
   padding:0;
   margin:0px 0 0 0;
   background:#c9c9c9;
   border:1px solid #858585;
   -moz-box-shadow:    0px 2px 5px 0px #5d5d5d;
   -webkit-box-shadow: 0px 2px 5px 0px #5d5d5d;
   box-shadow:         0px 2px 5px 0px #5d5d5d;
}
.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #f00;
    background-color: rgba(235, 235, 235, 0.75);
    font-size: 12px;
    padding: 1em;
    display: none;
}

.back-to-top:hover {
    background-color: rgba(135, 135, 135, 0.50);
}

.jump_list {
    position: fixed;
    bottom: 4em;
    right: 0px;
    text-decoration: none;
    color: #f00;
    background-color: rgba(235, 235, 235, 0.75);
    font-size: 14px;
    padding: 1em;
    display: none;
}

.jump_list:hover {
    background-color: rgba(255, 0, 0, 0.25);
}
/* --------------------------------------------
	LAYOUT SECTIONS AND STYLES
-------------------------------------------- */

html, body {
	text-align: left; font-family:'Proxima Nova Regular', sans-serif; font-size: 16px; color: #5d5d5d; height: 100%;
}
body	{
   background: #5b6c87;
}
/*
 Form Stuff
--------------------------------------------------*/
form{
	font-size:.9em;
	margin-bottom:10px;
}
.formElement{
	/* border-top:1px solid #d4d4d3; */
	padding:8px;
}
.formElement:last-child{
	border-bottom:1px solid #d4d4d3;
}
#addToCart .formElement:last-child{
	border-bottom:none;
}
.element-left-wrapper {
    float:left;
	max-width:260px;
	padding:2px 2% 8px 0px;
	text-align:left;
}
.formElement .elementLeft{
	float:left;
	width:20%;
	max-width:260px;
	padding:2px 2% 0px 0px;
	text-align:right;
}
.formElement .elementRight{
	float:left;
	/* width:75%; */
    width: 100%;
}
.formElement .elementLeftSpecial{
	float:left;
	width:45%;
    text-align:left;
	padding:2px 2% 0px 0px;
}
.formElement .elementRightSpecial{
	float:left;
	padding:0px 0px 0px 2%;
}
.formElement .elementTop{
	padding:0px 10% 1px 10%;
   clear:both;
}
@media (max-width: 5700px) {
    .elementTop {
        padding:1px 0px 0px 10px !important;
    }
}
@media (max-width: 512px) {
    .elementTop {
        padding: 0px !important;
    }
}
.formElement .elementBottom{
	/* float:left; */
    padding:1px 10% 0px 10%;
    clear:both;
}
@media (max-width: 5700px) {
    .elementBottom {
        padding:1px 0px 0px 10px !important;
    }
}
@media (max-width: 512px) {
    .elementBottom {
        padding:0px !important;
    }
}
.formElement .elementBottom input[type='radio']{
   margin-right: 8px;
}
.formElement .storeLeft{
	float:left;
	width:48%;
	padding:0px 2% 0px 0px;
	text-align:right;
}
.formElement .storeRight{
	float:left;
	width:48%;
	padding:0px 0px 0px 2%;
   text-align:left;
}

.formElement .elementTopLowPadding{
	float:left;
	padding:0px 0px 1px 1%;
   clear:both;
}
.formElement .elementBottomLowPadding{
	float:left;
	padding:1px 0px 0px 1%;
   clear:both;
}

.formElementError{
	background-color:#e6bdbd;
}

#sportFilter {
   /* display: flex; */
   /* flex-wrap: nowrap; */
   margin: 5px 0;
}
#sportFilter span {
   margin-right: 16px;
}
/* input[type="text"], input[type="file"], input[type="password"], input[type="number"], select, textarea{
	padding:5px;
	margin:0px;
	border:1px solid #b9b9b9;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	background:#e8e8e8;
	background:#5b6c87;
	color:#5d5d5d;
	font-size:1em;
	font-family:'Proxima Nova Regular', sans-serif;
}
input[type="text"]:hover, input[type="file"]:hover, input[type="password"]:hover, input[type="number"]:hover, select:hover, textarea:hover {
	border:1px solid #949494;
}
input[type="text"]:focus, input[type="file"]:focus, input[type="password"]:focus, input[type="number"]:focus, select:focus, textarea:focus {
	border:1px solid #949494;
}
input[type="text"].error, input[type="file"].error, input[type="password"].error, input[type="number"].error, select.error, textarea.error{
	color:#b42121;
	border:1px solid #b42121;
	background:#e6bdbd;
}
input[type="text"].error:hover, input[type="file"].error:hover, input[type="password"].error:hover, input[type="number"].error:hover, select.error:hover, textarea.error:hover {
	border:1px solid #da7878;
}
input[type="text"].error:focus, input[type="file"].error:focus, input[type="password"].error:focus, input[type="number"].error:focus, select.error:focus, textarea.error:focus {
	border:1px solid #da7878;
}
input:disabled, select:disabled, textarea:disabled {
	padding:5px;
	margin:0px;
	border:1px solid #d4d4d3;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	background:#eaeaea;
	color:#888888;
	font-size:1em;
	font-family:'Proxima Nova Regular', sans-serif;
}
input:disabled:hover, select:disabled:hover, textarea:disabled:hover {
	border:1px solid #d4d4d3;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
input[disabled="disabled"], select[disabled="disabled"], textarea[disabled="disabled"]{
	padding:5px;
	margin:0px;
	border:1px solid #d4d4d3;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	background:#f9f9f9;
	color:#b9b9b9;
	font-size:1em;
	font-family:'Proxima Nova Regular', sans-serif;
} */
input.datePicker, input.datepicker, input.hasDatepicker{
	background-image:url(images/Exclude.svg);
   background-repeat:no-repeat;
   background-position:15px center;
   cursor:pointer;
   padding-left: 35px;
   color: var(--activate-neutral700);
}
button, input[type="button"], input[type="submit"]{
   position: relative;
   background:#55738B;
   color: #FFFFFF;
   box-sizing: border-box;
   padding: 10px;
   border-radius: 5px;
   border: none;
   width: 193px;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}
input[type="submit"] {
   height: 100%;
}
button:active, input[type="button"]:active, input[type="submit"]:active{
	/* border:1px solid #d4d4d3;
	border-left:1px solid #9d9d9d; border-top:1px solid #9d9d9d;
	-moz-box-shadow:    inset 4px 4px 4px -4px #adadad;
	-webkit-box-shadow: inset 4px 4px 4px -4px #adadad;
	box-shadow:         inset 4px 4px 4px -4px #adadad; */
   background-color: #374C5E;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover{
	background-color: #374C5E;
}
button[disabled="disabled"],button[disabled="disabled"]:active{
	/* background:#d4d4d3;
	background-image:none;
	color:#b9b9b9; */
   color: #848D98;
	background: #D4D7DB;
}

button:focus{
   background-color:#55738B;
   outline:0;
}
button:focus::after{
	content: '';
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	background: none;
	border: 2px solid #515861;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
a[type='button'] {
   display: flex;
   padding: 10px;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   width: 193px;
}
a[type='button'] i {
   font-size: 16px;
   margin-right: 5px;
}
@media (max-width: 768px) {
    a[type='button'] {
        width: 100px;
    }
}
/*
SECONDARY buttons (for destructive actions)
*/
.c-btn-back {
    display: flex;
    align-items: center;
    padding: 6px 8px;
    cursor: pointer;
}
.secondary-button{
	background: white;
    position: relative;
    color: var(--activate-neutral700);
	border-radius: 4px;
	border: 1px solid var(--activate-neutral700);
}

.secondary-button:hover{
	background: var(--activate-neutral200);
    color: var(--activate-neutral900);
	border: 1px solid transparent;
}
.secondary-button:focus:after {
    content: "";
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    background: none;
    border: 2px solid #515861;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.secondary-button:focus {
    border: 1px solid #848D98;
}
 .secondary-button:active{
     background: var(--activate-neutral200);
     color: var(--activate-neutral900);
     border: 1px solid transparent;
}
/*----------------------------*/


/* button.btnAdd, input.btnAdd{
	background-image: url(images/iconAdd.png);
	background-image: url(images/iconAdd.png), linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconAdd.png), -o-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconAdd.png), -moz-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconAdd.png), -webkit-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconAdd.png), -ms-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconAdd.png), -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #B9B9B9),
		color-stop(1, #D4D4D3)
	);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:35px;
}
.btnAdd:hover, input[type="button"].btnAdd:hover, input[type="submit"].btnAdd:hover {
   background-image: url(images/iconAdd.png);
   background-repeat:no-repeat;
   background-position:left center;
   background-color:#c6c6c6;
} */
button.btnOrder {
	background-image: url(images/iconReorder.png);
	background-image: url(images/iconReorder.png), linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconReorder.png), -o-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconReorder.png), -moz-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconReorder.png), -webkit-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconReorder.png), -ms-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconReorder.png), -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #B9B9B9),
		color-stop(1, #D4D4D3)
	);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:35px;
}
button.btnOrder:hover {
	background-image: url(images/iconReorder.png);
   background-repeat:no-repeat;
   background-position:left center;
	background-color:#c6c6c6;
}
button.btnStatusEnabled {
	width:32px; height:32px;
	padding:0px;
	background-image: url(images/iconEnabled.png);
	background-image: url(images/iconEnabled.png), linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconEnabled.png), -o-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconEnabled.png), -moz-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconEnabled.png), -webkit-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconEnabled.png), -ms-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconEnabled.png), -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #B9B9B9),
		color-stop(1, #D4D4D3)
	);
	background-repeat:no-repeat;
	background-position:center center;
}
button.btnStatusEnabled:hover {
	background-image: url(images/iconEnabled.png);
	background-color:#c6c6c6;
   background-size:28px;
}
button.btnStatusEnabledSpecial, button.btnStatusEnabledReceived {
/*	min-width:32px; height:32px;
	padding-left:45px;
	background-image: url(images/iconDisabled.png);
	background-image: url(images/iconDisabled.png), linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconDisabled.png), -o-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconDisabled.png), -moz-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconDisabled.png), -webkit-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconDisabled.png), -ms-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconDisabled.png), -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #B9B9B9),
		color-stop(1, #D4D4D3)
	);
	background-repeat:no-repeat;
	background-position:5% center;*/
}
button.btnStatusEnabledSpecial:hover, button.btnStatusEnabledReceived:hover {
}
button.btnStatusDisabled {
	width:32px; height:32px;
	padding:0px;
	background-image: url(images/iconDisabled.png);
	background-image: url(images/iconDisabled.png), linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconDisabled.png), -o-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconDisabled.png), -moz-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconDisabled.png), -webkit-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconDisabled.png), -ms-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconDisabled.png), -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #B9B9B9),
		color-stop(1, #D4D4D3)
	);
	background-repeat:no-repeat;
	background-position:center center;
}
button.btnStatusDisabled:hover {
	background-image: url(images/iconDisabled.png);
	background-color:#c6c6c6;
   background-size:26px;
}
button.btnStatusDisabledSpecial, button.btnStatusDisabledReceived {
/*	min-width:32px; height:32px;
	padding-left:45px;
	background-image: url(images/iconEnabled.png);
	background-image: url(images/iconEnabled.png), linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconEnabled.png), -o-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconEnabled.png), -moz-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconEnabled.png), -webkit-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconEnabled.png), -ms-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconEnabled.png), -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #B9B9B9),
		color-stop(1, #D4D4D3)
	);
	background-repeat:no-repeat;
	background-position:5% center;*/
}
button.btnStatusDisabledSpecial:hover, button.btnStatusDisabledReceived:hover {
}
button.btnSecure,input.btnSecure{
	background-image: url(images/iconSecure.png);
	background-image: url(images/iconSecure.png), linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconSecure.png), -o-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconSecure.png), -moz-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconSecure.png), -webkit-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconSecure.png), -ms-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconSecure.png), -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #B9B9B9),
		color-stop(1, #D4D4D3)
	);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:35px;
}
button.btnSecure:hover, input.btnSecure:hover {
	background-image: url(images/iconSecure.png);
   background-repeat:no-repeat;
	background-position:left center;
	background-color:#c6c6c6;
}
button.btnCart, input.btnCart {
   margin: 10px auto;
   width:220px;
   height:60px;
   font-size:1.5em;
   background-image: url(images/iconCart.png);
   color: #FFFFFF;
   /* background-image: url(images/iconCartBlack.png), linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconCartBlack.png), -o-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconCartBlack.png), -moz-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconCartBlack.png), -webkit-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconCartBlack.png), -ms-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconCartBlack.png), -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #B9B9B9),
		color-stop(1, #D4D4D3)
	); */
   background-repeat:no-repeat;
	background-position:5% 30%;
	padding-left:45px;
}
button.btnCart:hover, input.btnCart:hover {
	background-image: url(images/iconCart.png);
   background-repeat:no-repeat;
   background-position:5% 30%;
	padding-left:45px;
}
button.btnCheckout, input.btnCheckout {
   height:60px;
   font-size:1.5em;
}
button.btnCheckout:hover, input.btnCheckout:hover {
	background-color:#c6c6c6;
}

/*
 Header, headerNav
---------------------------------------------------*/
.b-header {
    flex: 1;
}
.b-header__center {
    flex: 1;
}
.b-header__menu-btn {
    display: flex;
    padding-left: 15px;
}
.b-header__right {
    display: flex;
    align-items: center;
}
.b-header_item {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 16px;
    cursor: pointer;
}
.b-header_item:last-child {
    margin-right: 0;
}
.b-header_item svg {
    width: 24px;
}
.b-header_center-title {
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
    margin: 0;
    padding-left: 100px;
    color: var(--activate-neutral900);
}
@media (max-width : 768px) {
    .b-header_center-title {
        padding-left: 0;
        font-size: 22px;
    }
}
.b-header_item span {
    color: #253746;
    font-size: 18px;
    line-height: 21px;
    font-weight: 600;
}
.b-header__logo {
    width: 96px;
    height: 96px;
    display: flex;
    align-items: center;
}
@media (max-width : 768px) {
    .b-header__logo {
        display: none;
    }
}
.b-header__logo img {
    object-fit: contain;
    max-width: 100%;
    width: 96px;
}
.b-header__logo img[src=""] {
    content: url("/images/PlaceholderActivate.svg");
}
.b-header-dropdown {
    overflow: hidden;
    display: none;
    position: absolute;
    background: #FFFFFF;
    max-width: 100%;
    border: 1px solid #515861;
    border-radius: 8px;
    top: 30px;
}
.b-header-dropdown li {
    list-style: none;
    padding: 8px;
    width: 176px;
}
.b-header-dropdown li a {
    color: #121212;
}
.b-header-dropdown li:hover {
    background: var(--activate-neutral300);
}
.b-header-dropdown.active + .menuIcon {
    transform: rotate(180deg);
}
.b-header-dropdown.active {
    display: block;
}

header {
    height: 96px;
    padding: 0 16px 0 0;
    z-index:990;
    position: fixed;
    width: 100%;
    background-color:#FFFFFF;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Non grid layout*/
#clientLogo-left {
   display: inline-block;
}

#header-center{
   display: inline-block;
}

#clientLogo-left {
   text-align: center;
}

#clientName {
   padding: 5px;
}

#header-athleteSearch{
   cursor: pointer;
   width: 52px;
   height: 52px;
   border-radius: 50%;
   background: #FFFFFF;
   display: flex;
   align-items: center;
   justify-content: center;
}
#header-athleteSearch:hover {
   background: var(--activate-secondary-grey-blue50);
}


.header-athleteSearchBackground{
   /*background-color:rgb(22,43,76);*/
   background-color: #162b4c;
}

.headerAccountMenu {
   position: relative;
   display: flex;
   align-items: center;
   margin: 0 30px;
   cursor: pointer;
}
@media (max-width : 768px) {
    .headerAccountMenu {
        margin: 0 10px;
    }
}
.headerAccountMenu span {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: var(--activate-neutral900);
}
@media (max-width : 768px) {
    .headerAccountMenu span {
        display: none;
    }
}
#headerAccountDropdown-icon {
   transition: transform 0.3s;
}
.menuList.active + #headerAccountDropdown-icon {
   transform: rotate(180deg);
}
.headerAccountMenu .menuList {
    overflow: hidden;
   display: none;
   position: absolute;
    background: #FFFFFF;
    min-width: 100%;
    border: 1px solid #515861;
    border-radius: 5px;
    top: 100%;
}
.headerAccountMenu .menuList.active {
   display: block;
}
.headerAccountMenu .menuList ul{
   list-style-type: none;
}
.headerAccountMenu .menuList li {
   padding: 8px;
    min-width: max-content;
}
.headerAccountMenu .menuList li:hover {
   background: var(--activate-neutral300);
}
.headerAccountMenu .menuList li a {
    display: flex;
   text-decoration: none;
    color: var(--activate-neutral900);
}

.headerLangMenu {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 30px;
    cursor: pointer;
 }
 @media (max-width : 768px) {
    .headerLangMenu {
        margin: 0 10px;
    }
}
 .headerLangMenu span {
     font-weight: 600;
     font-size: 18px;
     line-height: 22px;
     color: var(--activate-neutral900);
 }

 #headerLangMenu-icon {
    transition: transform 0.3s;
 }
 .menuList.active + #headerLangMenu-icon {
    transform: rotate(180deg);
 }
 .headerLangMenu .menuList {
     overflow: hidden;
    display: none;
    position: absolute;
     background: #FFFFFF;
     min-width: 100%;
     border: 1px solid #515861;
     border-radius: 5px;
     top: 100%;
 }
 .headerLangMenu .menuList.active {
    display: block;
 }
 .headerLangMenu .menuList ul{
    list-style-type: none;
 }
 .headerLangMenu .menuList li {
    padding: 8px;
     min-width: max-content;
 }
 .headerLangMenu .menuList li:hover {
    background: var(--activate-neutral300);
 }
 .headerLangMenu .menuList li a {
     display: flex;
    text-decoration: none;
     color: var(--activate-neutral900);
 }

#athleteSearchOptions{
   color:white;
   padding-top: 20px;
}

#header-searchBar{
   display: none;
   opacity: 0;
   top: 100%;
    left: 0px;
    background: rgba(254, 243, 199, 1);
    position: absolute;
    padding: 15px;
    width: 100%;
    cursor: default;
    transition: opacity 0.8s;
}
#header-searchBar.active {
   display: block;
   opacity: 1;
}
#headerCloseBtn {
   float: right;
   cursor: pointer;
}
#searchForm {
   display: flex;
    margin-bottom: 10px;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    width: 80%;
}
#searchForm h3,
#searchForm #athleteSearchOptions {
   width: 100%;
}
#searchForm #athleteSearchOptions {
   width: 100%;
   color: black;
   display: flex;
   align-items: center;
   gap: 10px;
}
#searchForm #athleteSearchOptions input[type='radio'] {
   margin-top: 0;
}
#searchForm .formControls{
   width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}
#searchForm .formControls input {
   width: 90%;
}

#poweredBy {
   padding: 3px;
   font-size: 10px;
}

#header-athleteSearchButton{
   display:inline-block;
}

#athleteSearchInput{
   display:inline-block;
}

#regionAdArea {
	/*border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;*/
   box-shadow: 0px 0px 12px -3px #000;
	-webkit-box-shadow: 0px 0px 12px -3px #000;
   background-color: white;
   min-height: 80px;
   margin-bottom: 10px;
   color:#5d5d5d;
}

#navMenu-right {
   display: flex;
   color: var(--activate-neutral900);
}

.mainSponserLogo {
	/*border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;*/
	box-shadow: 0px 0px 12px -3px #000;
	-webkit-box-shadow: 0px 0px 12px -3px #000;
   background-color: white;
   min-height: 80px;
   vertical-align: middle;
   text-align:center;
}

.mainSponserLogo img{
   max-height: 100px;
   max-width: 100px;
   margin-top:10px;
}

.material-icons.md-64 { font-size: 64px; }
.material-icons.md-60 { font-size: 60px; }
.material-icons.md-56 { font-size: 56px; }
.material-icons.md-52 { font-size: 52px; }
.material-icons.md-50 { font-size: 50px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-40 { font-size: 40px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-32 { font-size: 32px; }
.material-icons.md-16 { font-size: 16px; }
.material-icons.md-14 { font-size: 14px; }
.material-icons.md-12 { font-size: 12px; }
.material-icons.md-10 { font-size: 10px; }

.colorComplete i {
    color: #00AC6B;
}
.colorInProgress i {
    color: #FABF03;
}

header h1{
	font-size:2em;
   font-weight: bolder;
}
.clientLogo {
    background: white;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

.thumb {
   max-height:100px;
   border:1px solid #b9b9b9;
   border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
   margin-top:10px;
}
.pStyle {
   padding:5px 10px;
}
#systemName {
   width:77%;
   float:left;
   overflow:hidden;
}
#headerNav{
   width:24%;
	float:right;
	overflow:hidden;
}
#headerNav ul{
	list-style-type: none;
	float:right;
}
#headerNav ul li{
	float: left;
	width:75px; height:54px;
	text-align:center;
	padding:0px;
	color:#d4d4d3;
	font-size:.7em;
}
#headerNav ul li:hover{
	background:#1b1b1b;
	box-shadow: 0px 0px 6px -2px #d4d4d3;
	-webkit-box-shadow: 0px 0px 6px -2px #d4d4d3;
}
#headerNav ul li a{
	display:block;
	line-height:24px;
	padding:30px 15px 0px;
	color:#d4d4d3;
	text-decoration:none;
}
#headerNav ul li a:hover{
	text-decoration:none;
	color:#d4d4d3;
}
#headerNav ul li a.navCart{
	background-image:url(images/iconCart.png); background-repeat:no-repeat; background-position:18px top;
}
#headerNav ul li div.navCartNumItem {
   width:16px;
   height:16px;
   position:relative;
   top:-45px;
   right:-13px;
	background:#fff;
   border:2px solid #b9b9b9;
   border-radius:100px;
}
#headerNav ul li a div.navCartNumItem {
   display:block;
	line-height:16px;
	padding:0;
	color:#5d5d5d;
	text-decoration:none;
}

#menuSelect {
   /* float:right;
   margin-top: 5px;
   position:relative; */
}

.header-dropDownMenu {
   text-align: left;
   cursor: initial;
   z-index: 991;
   background-color: var(--activate-neutral900);
   position: fixed;
   /* box-shadow: 0px 0px 8px -1px #000; */
   /* -webkit-box-shadow: 0px 0px 8px -1px #000; */
   top: 0px;
   left: 80px;
   width: 270px;
   height: 100%;
   color: #FFFFFF;
   padding-top: 40px;
}

.header-dropDownMenu ul li a {
   /* position: relative;
   background:#55738B;
   color: #FFFFFF;
   display: block;
   box-sizing: border-box;
   text-decoration: none;
   padding: 5px;
   border-radius: 5px;
   width: 193px;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  margin-top: 5px; */
  color: #FFFFFF;
  display: block;
  padding-left: 10px;
  cursor: pointer;
  transition: .2s;
  font-weight: 600;
  font-size: 14px;
  line-height: 32px;
}
.header-dropDownMenu ul ul li a {
   line-height: 32px;
   padding-left: 44px;
}
.header-dropDownMenu ul li a:hover,
.header-dropDownMenu ul li div:hover{
     background: var(--activate-secondary-grey-blue600);
}

.header-dropDownMenu ul {
   list-style-type: none;
}
.header-dropDownMenu ul .submenu{
   padding-left: 20px;
}

/* .header-dropDownMenu ul li {
   padding: 5px 0px 5px 10px;
}

.header-dropDownMenu ul li a {
   position: relative;
   display: block;
   background:#55738B;
   color: #FFFFFF;
   box-sizing: border-box;
   text-decoration: none;
   padding: 5px;
   border-radius: 5px;
   width: 193px;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  margin-top: 5px;
}

.header-dropDownMenu ul li a:hover{
	background: #374C5E;
}


.header-dropDownMenu ul li a:active{
	background-color: #374C5E;
}


.header-dropDownMenu ul li a:focus{
   background-color:#55738B;
   outline:0;
}

.marginLeft{margin-left: 20px;}

.header-dropDownMenu ul li a:focus:after{
	content: '';
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	background: none;
	border: 2px solid #515861;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.header-dropDownMenu ul li a.navLogout{
	background: none;
   color: black;
	border-radius: 5px;
	border: 1px solid #F7941E;
   box-sizing: border-box;
   text-decoration: none;
   padding: 5px 10px;
   width: 193px;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  margin-top: 20px;
}

.header-dropDownMenu ul li a.navLogout:hover{
	background: #FEF2E1;
	border: 1px solid #F7941E;
}

.header-dropDownMenu ul li a.navLogout:focus{
	border: none;
	background: #FEF2E1;
}

.header-dropDownMenu ul li a.navLogout:active{
	background: #F7941E;
	border: none;
   color: white;
}

.li-submenu label {
   font-weight: bold;
}

.menuIcon {
   border-radius: 5px;
   cursor:pointer;
}

.menuIcon:hover {
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
} */


/*
 pageHeader
---------------------------------------------------*/
.pageHeader{
	min-height:43px;
   min-width:731px;
	/*background:#525152 url(images/pageHeaderBG.jpg) repeat-x top;*/
	color:#333333;
	padding:7px 11px 2px 238px;
	margin:0px;
}
.pageHeader h1{ color:#b9b9b9; font-size:1.6em; padding:3px;}
.pageHeader .searchForm{
	float:right;
	margin:2px;
	padding:0px;
}
.pageHeader .searchForm input{
	height:25px;
	border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;
	border-top-left-radius:3px; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px;
	border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px;
	padding:0px 10px;
	margin:3px 0px 3px 1px;
	border:none;
	background:#f9f9f9;
	float:left;
	color:#b9b9b9;
}
#headerSearchTerm {
   border:1px solid #b9b9b9;
}
.pageHeader .searchForm input.searchFocus{
	color:#333333;
}
.pageHeader .searchForm  input[type="submit"]{
	width:27px; height:27px;
	padding:0px;
	border-top:1px solid #f9f9f9; border-left:1px solid #f9f9f9;
	border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;
	border-top-right-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;
	border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px;
	background-image: url(images/iconSearch.png);
	background-image: url(images/iconSearch.png), linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconSearch.png), -o-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconSearch.png), -moz-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconSearch.png), -webkit-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconSearch.png), -ms-linear-gradient(bottom, #B9B9B9 0%, #D4D4D3 100%);
	background-image: url(images/iconSearch.png), -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #B9B9B9),
		color-stop(1, #D4D4D3)
	);
	background-repeat:no-repeat;
	background-position:center center;
}
.pageHeader .searchForm .searchParams{
	width:346px;
	padding:4px 10px 6px;
	display:none;
	position:absolute;
	z-index:100;
	background:#525152;
	border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px;
	border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px;
	box-shadow: 0px 5px 6px -3px #000;
	-webkit-box-shadow: 0px 5px 6px -3px #000;
}
.pageHeader .searchForm .searchParams p{
	float:left;
	margin:0px 10px 0px 0px; padding:0px;
	font-size:.8em; }
.pageHeader .searchForm .searchParams .searchField{
	float:left;
}
.searchField table{
	font-size:1em;
   width:300px;
}


.pageHeader .searchForm .searchParams input{
	height:15px;
}
.pageHeader .searchForm .searchParams input[type="radio"]{
	margin:2px 5px 0 5px;
	padding:0px;
	background:none;
	float:left;
	position:relative;
	top:0px;
	border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;
}
.pageHeader .searchForm .searchParams label{
	padding:0px;
	margin:0px 10px 0px 0px;
}



/*//////////////////////////////END DESTRUCTION///////////////////////////////////////////////yy*/
/*
 contentWrapper - wrapping this and adding padding right (and -237px to .content) makes it so wee can float the content
---------------------------------------------------*/
.contentWrapper{
   display:grid;
   grid-template-columns: 80px 1fr;
   grid-template-rows:auto;
   grid-template-areas:
      ".leftColumn .contentArea";
   /* min-width:817px; */
   min-height: 100%;
}
@media (max-width: 768px) {
    .contentWrapper {
        display: flex;
        grid-template-columns: none;
        flex-direction: column;
    }
}

.localAdds{
   /*grid-column: 3;*/
   margin: 47px 10px 0px 10px;
   background-color: white;
}

.contentWrapper.noLeftColumn{
   grid-template-columns: 100%;
   grid-template-rows:auto;
   grid-template-areas: ".contentArea";
}

.content{
   margin-top: 96px;
   background: var(--activate-neutral50);
	padding:0 32px 0 32px;
	position:relative;
	width:100%;
   grid-column: 2;
   grid-row: 1;
}
.content .pageOptions{
   display: flex;
   align-items: center;
	min-height:31px;
   padding: 10px 0;
   /* background: #5b6c87; */
	/* border-bottom:1px solid #b9b9b9; */
}
.content .pageOptions > *:not(span) {
   margin-right: 10px;
}
.content .pageOptions select {
   max-width: 125px;
}
.content .pageOptions .datepicker,
.content .pageOptions .hasDatepicker {
   max-width: 125px;
}
.content .content-tables {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   margin-top: 16px;
}
.content .content-tables .table-inner {
   width: 48%;
   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
   overflow: hidden;
}
.table-inner tr {
    border-bottom: 1px solid var(--activate-neutral400);
}

.shadowedArea .completionHeader {
   padding: 10px 50px 10px 10px;
   background-color: #FFFFFF;
   font-weight: bold;
   cursor: pointer;
   transition: .3s;
   border-bottom: 1px solid var(--activate-neutral400);
   justify-content: space-between;
   align-items: center;
   display: flex;
   position: relative;
}

.content .pageAltRows{
	min-height:31px;
	background:#c6c6c6;
	border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	border-bottom:1px solid #b9b9b9;
	padding:7px;
}

.content .errorRow{
	min-height:31px;
	background:url(images/errorRow.png) repeat;
	border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	border-bottom:1px solid #b9b9b9;
	padding:7px;
}
.content .pageOptions button,
.content .pageOptions input[type='submit'],
.content .pageOptions a.secondary-button{
	margin:0 10px 0 0;
}
input[type='submit']:focus {
   color: #FFFFFF;
   background-color: #55738B;
   border: none;
   outline: 0;
   box-shadow: none;
}
.content .pageOptions h1{
	font-size:1.6em; padding:0px 10px; margin:0px;
}
.content .pageOptions form {
   /* margin: 0px; */
   flex-direction: column;
   display: flex;
   align-items: center;
   width: 100%;
}

.content .pageOptions form .buttons,
.content .pageOptions form .inputs {
   display: flex;
   margin-top: 10px;
    max-width: 100%;
}

.content .pageOptions form .buttons div,
.content .pageOptions form .inputs div {
   display: inline-flex;
   align-items: center;
   margin-right: 10px
}
.content .pageOptions form .inputs * {
   margin-right: 10px;
}
.content h1, h2, h3, h4{
	margin:5px 10px;
	padding:5px 5px 0px;
}
.content h1{ font-size:1.8em; }
.content h2{ font-size:1.5em; }
@media (max-width: 512px) {
    .content h2{ font-size:18px; }
}
.content h2 button, .content h3 button{ font-size:.6em; }
.content h3{ font-size:1.3em; }
.content h4{ font-size:1em; font-weight:bold; margin:5px; }
.content p{
	font-family:'Proxima Nova Regular', sans-serif; font-size: 1em;
	margin:0;
	padding:0;
	line-height:1.5em;
}
.content ul{
	overflow:hidden;
}
.content ul li{
	padding:0px;
   height: 100%;
}
.content table{
	width:100%;
	color: var(--activate-neutral900);
}
.content table th, .content table td{
	padding: 8px 10px;
}
.content table th p {
    color: var(--activate-neutral600);
}
.content table th p, .content table td p{
	padding: 5px 10px;
   margin: 0px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -moz-box;
   -moz-box-orient: vertical;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   line-clamp: 2;
   box-orient: vertical;
}
.content table th .pStyle p, .content table td .pStyle p{
	padding:5px 0;
}
/*.content table td {*/
/*	border-top:1px solid #fff;*/
/*	border-bottom:1px solid var(--activate-neutral600);*/
/*}*/
.content table td h2 {
   margin: 0;
   text-align: left;
   font-size: 14px;
}
.content table td:first-child{
	border-left:0px;
   font-weight: bold;
}
.content table th{
	border-bottom:1px solid var(--activate-neutral400);
	background: var(--activate-neutral300);
   font-family: 'PROXIMA NOVA BOLD', sans-serif;
}
.content .cleanCardOuter table th {
   padding: 10px;
    background: #FFFFFF;
   color: var(--activate-neutral900);
    font-size: 14px;
   border-bottom: 1px solid var(--activate-neutral400);
   font-family: 'PROXIMA NOVA REGULAR', sans-serif;
}
.content .cleanCardOuter .cleanTableOuter table th {
   color: var(--activate-neutral900);
}
.content .cleanCardOuter table td {
   border-bottom: 1px solid var(--activate-neutral400);
}
.content table td.rowHandle{
	background:url(images/iconRowHandle.png) no-repeat center center;
	cursor:move;
	width:55px;
	padding:0px;
}

input.sportName {
   min-width: 150px;
}
.content table.invisibleTable tr td {
    color: var(--activate-neutral900);
}
.content table tr.linkRow:hover{
	cursor:pointer;
}
.content table.invisibleTable, .content table.invisibleTable td, .content table.invisibleTable th, .content table.invisibleTable tr{
	border:0px; background:none;
}
.content table.showRows, .content table.showRows td, .content table.showRows th, .content table.showRows tr{
	border:0px;
}
.content table.showRows td{
	border-top:1px solid #858585;
}
.content table.showRows tr:last-child td{
	border-bottom:1px solid #858585;
}
.content table tr.topTotal td{
	border-bottom:2px solid #5D5D5D; font-weight:bold;
}
.content table tr.bottomTotal td{
	border-top:2px solid #5D5D5D; font-weight:bold;
}
.content table.athleteList td{
	padding-left:45px;
	background:url(images/iconAthlete_med.png) no-repeat 10px 5px;
}
.content table.registration td{
   vertical-align:middle;
}

table.noBorder{
   border:0;
   table-layout: auto;
   width: 350px;
}
table.noBorder tr{
   border:0;
}
table.noBorder td{
   border:0;
   padding: 2px;
}

.content hr{
	margin:10px 0px; padding:0px; height:0px; border:none; border-top:1px solid #b9b9b9; border-bottom:1px solid #fff;
}

.content .cleanTableOuter table th {
   background-image: none;
   /*background-color: white;*/
   background-color: #e1e1e1;
   border-bottom: #e1e1e1;
}

.content .cleanTableOuter {
   /*background-color: #e1e1e1;*/
   background-color: white;
   /* box-shadow: 0px 0px 12px -3px #000;
	-webkit-box-shadow: 0px 0px 12px -3px #000; */
}

.content .cleanTableOuter td{
   padding: 12px 16px 12px 12px;
   background-color: white;
   border-right: none;
   border-left: none;
   border-bottom: 1px solid #e1e1e1;
   border-top: 1px solid #e1e1e1;
}

.content .cleanTableOuter .cleanTableHeader{
   padding: 10px 20px 20px 12px;
}


.content .cleanTableOuter .cleanTableHeader input[type=text]{
   background-color:white;
   /*background-color:#e1e1e1;*/
}

.cleanCard {
   box-shadow: 0px 0px 12px -3px #000;
	-webkit-box-shadow: 0px 0px 12px -3px #000;
   margin: 10px;
   padding: 10px 20px 20px 12px;
}

/*
this will create a nice clean white box outline with a shadow
 */
.cleanCard {
    box-shadow: 0px 0px 12px -3px #000;
    -webkit-box-shadow: 0px 0px 12px -3px #000;
    margin: 10px;
    padding: 10px 20px 20px 12px;
}

/*
this will create a nice clean white box outline WITHOUT a shadow
 */
.cleanCardNoShadow {
    border: grey 1px solid;
    border-radius: 4px;
    margin: 10px;
    padding: 10px 20px 20px 12px;
}

.cleanCardNoShadowNoPadding {
    border: grey 1px solid;
    border-radius: 4px;
    margin: 10px;
    min-height: 350px;
    max-width: 450px;
}
@media (max-width: 768px) {
    .cleanCardNoShadowNoPadding {
        max-width: 100%;
    }
}
/* .content.cleanOuter input[type=text]{
   outline:none;
   border:none;
   border-bottom: 1px solid #bcbcbc;
   border-bottom: none;
   width: 100%;
   background-color: white;
   padding-bottom: 1px;
   transition: .1s;

} */

.contentCenter{
   width: 70%;
   margin-right: auto;
   margin-left: auto;
}

.content.cleanOuter input[type=text]:hover{
   cursor: pointer;
}


.content.cleanOuter input[type=text]:focus{
   padding-bottom: 0px;
   /* border-bottom: 2px solid #51617c; */
}

.fullRow{
   background-color:#d4d4d3;
   cursor:pointer;
}

.fullRow td{
   text-align: center;
}

.fullRow:hover{
   color: white;
}

.inPersonForm{
	margin:5px 0px;
	border-top:1px solid #858585; border-bottom:1px solid #858585;
	padding:5px;
}
.inPersonForm form{ margin:0px; }

.payButtonContainer{ padding:10px 0px; }
.cardTypeImage{ width:284px; height:28px; background:url(images/creditCardSprite.png) no-repeat 0px 0px; }
.showVisa{ background-position:0px -28px; }
.showMasterCard{ background-position:0px -56px; }
.showAMEX{ background-position:0px -84px; }
.showDiscover{ background-position:0px -112px; }
.showDinersClub{ background-position:0px -140px; }
.showJCB{ background-position:0px -168px; }
.showUNKNOWN{ background-position:0px -196px; }

.refundItem{ padding-left:30px; }



/*
 FOOTER
--------------------------------------------------*/
.c-footer__inside {
    padding: 10px 0;
}
.c-footer__inside-items {
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 768px) {
    .c-footer__inside-items {
        flex-direction: column;
    }
}
.c-footer__inside-cpr {
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    color: #717B87;
}
.c-footer__inside-link {
    color: #0073BF;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    margin: 0 10px;
    border-bottom: 1px solid #0073BF;
}
.c-footer__inside-link:last-child {
    margin: 0;
}
.c-footer__inside-logo {
    max-width: 100%;
    object-fit: contain;
    width: 104px;
    margin-right: 10px;
    margin-bottom: 4px;
}

/*
 JQUERY UI MODIFICATIONS
--------------------------------------------------*/
.ui-dialog-content ul{ padding:0px 5px 10px 16px; overflow:hidden; }
.ui-dialog-content ul li{ padding:0px; }
.ui-dialog-content a{ text-decoration:underline; }
.ui-dialog-content a:focus{ border:none; outline:none; }
.ui-dialog {
    border-radius: 4px;
    background: #FFFFFF !important;
    padding: 20px !important;
    border: 0 !important;
    top: 50px;
    overflow: initial !important;
}
.ui-dialog-titlebar {
    background: transparent !important;
    color: var(--activate-neutral900) !important;
}
.ui-dialog-title {
    font-size: 19px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}
.ui-widget-header {
    border-radius: 0 !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 10px;
    font-family: "Proxima Nova Regular", sans-serif;
}
.ui-datepicker table {
    background: #333333;
}
.ui-dialog .ui-dialog-titlebar-close {
    top: 16px !important;
    background: transparent !important;
}

.ui-draggable .ui-dialog-titlebar {
    border-bottom: 1px solid var(--activate-neutral400) !important;
}
.ui-dialog .ui-dialog-title {
    padding-bottom: 16px !important;
    padding-right: 16px !important;
}
.ui-dialog-buttonset {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}
.ui-dialog .ui-dialog-content {
    color: var(--activate-neutral900) !important;
}
.ui-dialog-buttonset button {
    flex-basis: 50%;
}
#submitDialogConfirm {
    color: var(--activate-neutral900) !important;
}
.ui-dialog .ui-dialog-content {
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: initial !important;
}
.ui-dialog .ui-dialog-buttonpane {
    background: none !important;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 !important;
}
/*
10/26/2022 I am commenting these elements out.  They were put in by litslink, and they are
overriding the < > arrows on calendars with an x. I am not totally sure where they meant for
this x to show, and searching the code produced a huge results that was not easy to find the needle
*/
/*.ui-widget-header .ui-icon {*/
/*    background-position: -8px !important;*/
/*}*/
/*.ui-widget-header .ui-icon {*/
/*    background-image: url("images/close-btn.svg") !important;*/
/*}*/
/*.ui-widget-header .ui-icon {*/
/*    background: url("images/close-btn.svg") !important;*/
/*    width: 32px;*/
/*    height: 32px;*/
/*}*/

.ui-dialog .ui-dialog-titlebar-close {
    padding: 0 !important;
    border: none !important;
}
/*
 MESSAGE AT TOP OF PAGE
--------------------------------------------------*/
#trial_or_error_message {
   position:fixed;
   top:96px;
   right:0px;
   left:0px;
   max-height:31px;
   line-height:20px;
   padding:3px;
   background:#fed53c;
   border:2px solid #e4bf36;
   text-align:center;
   z-index: 992;
}

#trial_or_error_strong_message {
    position:fixed;
    top:96px;
    right:0px;
    left:0px;
    max-height:170px;
    line-height:20px;
    padding:3px;
    background:#ee1e2d;
    border:2px solid #ee1e2d;
    color: #F0F0EE;
    text-align:center;
    z-index: 992;
}

/*
 NO JAVASCRIPT
--------------------------------------------------*/
#noJS {
   width:670px;
   height:180px;
   margin-left:auto;
   margin-right:auto;
   background:#9FC6C2;
   border:2px solid #CD601A;
}
#warning {
   position:relative;
   float:left;
   width:150px;
   height:128px;
   margin:30px 0px 0px 20px;
}
#warning img {
   height:128px;
   width:144px;
}
#noJS_message {
   position:relative;
   float:left;
   width:480px;
   margin-right:20px;
}
#noJS_message p {
   margin-top:70px;
   text-align:center;
}

/*
 Store and Cart Styling
--------------------------------------------------*/
.storeItems {
   min-height:200px;
   margin:10px;
   float:left;
   text-align:center;
   border:1px solid #b9b9b9;
   border-radius:10px;
   padding: 16px;
   background-color:#ffffff;
   position:relative;
}

.storeItems:hover {
   border:1px solid #949494;
   cursor:pointer;
   background-color:#e9e9e9;
}
.storeItems.fees:hover {
   cursor:auto;
   background-color:#ffffff;
}
.storeItems .status_btn {
   text-align:center;
}
.storeItems .storeItemImage {
   height:100px;
   width:100%;
   float:left;
   margin:10px 0;
   position:relative;
}
.storeItems .storeItemImage img {
   max-height:100px;
   max-width:100%;
   position: absolute;
   margin:auto;
   top:0;
   left:0;
   right:0;
   bottom:0;
}
.storeItems .storeItemImage p {
   max-height:100px;
   max-width:100%;
   position: absolute;
   margin:auto;
   top:50px;
   left:0;
   right:0;
   bottom:0;
}
.storeItems .storeItemDesc {
   text-align:center;
}
.storeItems .storeItemPrice {
   text-align:center;
}

.storeItem {
   width:100%;
}
.storeItem .storeItemImage {
   width:50%;
   height:500px;
   margin:1%;
   padding:0;
   float:left;
   border:1px solid #b9b9b9;
   border-radius:10px;
   background-color:#ffffff;
   position:relative;
}
.storeItem .storeItemImage img {
   max-width:100%;
   max-height:500px;
   position: absolute;
   margin:auto;
   top:0;
   left:0;
   right:0;
   bottom:0;
}
.storeItem .storeItemImage p {
   max-width:100%;
   position: absolute;
   margin:auto;
   top:45%;
   left:0;
   right:0;
   bottom:0;
   text-align:center;
}
.storeItem .storeItemDesc {
   width:45%;
   height:500px;
   float:left;
   margin:1%;
   padding:0;
   text-align:center;
}
.storeItem .storeItemInfo {
   margin:0 1%;
   padding:0;
}
.storeItem .storeItemInfo ul {
   margin:0;
   padding:0;
   list-style:none;
}
.storeItem .storeItemInfo ul li {
   font-size:1.3em;
   margin:10px 10px 0 0;
   float:left;
   background:url(images/pageOptionsBG.gif) repeat;
   border-top:1px solid #b9b9b9;
   border-right:1px solid #b9b9b9;
   border-left:1px solid #b9b9b9;
   border-top-right-radius:10px;
   border-top-left-radius:10px;
}
.storeItem .storeItemInfo ul li:hover {
   border-top:1px solid #949494;
   border-right:1px solid #949494;
   border-left:1px solid #949494;
   border-top-right-radius:10px;
   border-top-left-radius:10px;
}
.storeItem .storeItemInfo ul li a {
   padding:15px 20px;
   display:block;
   color:#989898;
   cursor:pointer;
}
.storeItem .storeItemInfo > div {
   height:300px;
   overflow:auto;
   border:1px solid #b9b9b9;
   border-bottom-right-radius:10px;
   border-bottom-left-radius:10px;
   border-top-right-radius:10px;
   background:#ffffff;
   margin:0;
}
.storeItem .storeItemInfo > div > div > div {
   padding:20px;
   margin:0;
}
.storeItem .storeItemInfo #reviews #reviewInfo {
   height:300px;
   overflow:auto;
}
.storeItem .storeItemInfo #reviews div .review {
   height:50px;
   background:#d9d9d9;
   padding:0 20px;
   border-bottom:1px solid #b9b9b9;
}
.storeItem .storeItemInfo #reviews div .review > span {
   line-height:50px;
}
.validateReview {
   padding-bottom:50px;
}
.validateReviewInfo {
   padding:5px 20px;
   height:30px;
   background:#d9d9d9;
   border-bottom:1px solid #b9b9b9;
   border-top:1px solid #b9b9b9;
}
.validateReviewInfo span {
   line-height:30px;
}
.validateReviewText {
   padding:20px;
   border-bottom:2px solid #b9b9b9;
}
#updateCart {
   font-size:inherit;
}
#cart {
   width:100%;
}
#cart th {
   text-align:center;
}
#cart .cartItem {
   height:80px;
}
#cart .cartItem td {
   vertical-align:middle;
   text-align:center;
}
#cart .cartItem .cartItemImage {
   height:80px;
   width:80px;
}
#cart .cartItem .cartItemImage div {
   height:80px;
   position:relative;
}
#cart .cartItem .cartItemImage a img {
   max-height:80px;
   max-width:80px;
   position:absolute;
   margin:auto;
   top:0;
   left:0;
   right:0;
   bottom:0;
}
#cart .cartItem td.removeFromCart {
    width:90px;
    padding-right: 10px;
}

.checkout {
   width:700px;
   height:100px;
   background:#d4d4d3;
   margin:50px auto;
   border:1px solid #858585;
   border-radius:10px;
}
/* c-cart */
.c-cart__wrapper {
    max-width: 250px;
    margin: 16px auto;
}

table#checkout td {
   vertical-align:middle;
}
.itemSearchForm{
	float:right;
    display: flex;
    margin-top: 10px;
    margin-bottom: 5px;
}
#itemSearchTerm {
   border:1px solid #b9b9b9;
}
.itemSearchForm input.searchFocus{
	color:#5d5d5d;
}
.itemSearchForm input {
    width: 100%;
}
/* Squad Locker Checkout Advertisement */
#squadLocker {
    padding: 10px;
    margin: auto;
    max-width: 60vw;
}
 
.blockItemIncomplete{
   background-color: #f2dede;
}

.blockItemInProgress{
    background-color: #FFFBEB;
}
.blockItemInProgress i {
    color: #FABF03;
}
.blockItemSubmitted{
    background-color: #EEFAF3;
}

.blockItemContinue{
    background-color: #d4d4d3;
}

.blockItemInActive{
    background-color: #ededed;
}


/*
addBlock js Class:
*/
li .blockItem{
   box-shadow: 3px 3px 6px #858585;
   margin: 5px 10px 10px 0px;
   border-color: #d4d4d3;
   border-style: solid;
   border-width: 3px;
   border-radius: 5px;
   display: inline-block;
   padding: 10px;
}

li .blockItem:hover{
    background-color: #5d5d5d;
    color:#f9f9f9;
}

.addBlockArea li{
    display: inline-block;
}

.addBlockArea{
    list-style-type:none;
    padding: 0px !important;
}

.blockItem li span{
    /*margin: 8px;*/
}

.loadingImage{
   background: url(images/ajax-loader_blue.gif) no-repeat right center;
}



.whiteBackground{
   /*If you put non-button content in the pageOptions area of a page, use this class as it will look better with the striped background of this area. */
   background-color: white;
   padding: 2px;
   border-color: #e8e8e8;
   border-style: solid;
   border-width: px;
   color: #5d5d5d;
}

.dialogWhite{
   background-color: #f9f9f9;
   padding:5px;
   border-radius: 5px;
   color:#5d5d5d;
}

.dialogTable tr td {
   border: 1px solid #f9f9f9;
   padding: 5px;

}


/*Button blocks:*/

@media only screen and (min-width : 480px) and (max-width : 768px) {
   .button_block {width: 50%;}
   .button_block:nth-child(odd) {border-right: 1px solid transparent;}
   .button_block:nth-child(3) {clear: both;}

   .button_block:nth-child(odd):hover {border: 0 none;}
}
@media only screen and (min-width : 768px){
   .button_block {width: 25%;}
   .button_block {border-right: 1px solid transparent; border-bottom: 0 none;}
   .button_block:last-child {border-right: 0 none;}
   .button_block:hover {border: 0 none;}
}

.button_table h3 {
   text-transform: uppercase;
   text-align: center;
   padding: 30px 0;
   padding-top: 90px;
   background: #9e9e9e;
   height: 70px;
   background-repeat:no-repeat;
   background-position: 50% 25%;
   border-radius: 8px;
   cursor: pointer;
}



.button_block {
   text-align: center;
   width: 100%;
   color: #5d5d5d;
   float: left;
   list-style-type: none;
   transition: all 0.35s;
   position: relative;
   box-sizing: border-box;
}

.button_block:hover {
   transform: scale(.95) translateY(0px);
   border-bottom: 0 none;
}

.button_block h3{
   transition: all 0.35s;
}

.button_table td.button_block:hover h3 {
   color: transparent;
   background: #525152;
   background-repeat:no-repeat;
   background-position: 50% 50%;
}

.button_list h3 {
   /*text-transform: uppercase;*/
   text-align: center;
   border: 3px solid #d4d4d3;
   height: 70px;
   background-repeat:no-repeat;
   background-position: 50% 25%;
   cursor: pointer;
   box-shadow: 5px 5px 10px;
	-webkit-box-shadow: 5px 5px 10px;
}
.button_list li.button_block:hover h3 {
   background: #d4d4d3;
   background-repeat:no-repeat;
   background-position: 50% 50%;
}

.button_list li.button_block:hover h3 .displayFirst {
   display:none;
}

.displayHover {
   display:block;
}

.button_list li.button_block {
   vertical-align: middle;
}

/* FROM  https://stackoverflow.com/questions/3250790/making-a-div-that-covers-the-entire-page */
.overlay {
   /*opacity:0.5;*/
   /*background-color:black;*/
   background-color: rgba(0,0,0,.5);
   position:fixed;
   width:100%;
   height:100%;
   top:0px;
   left:0px;
   z-index:990;
}

/*Temporarily add to body to prevent scrolling*/
.no-scroll {
   height: 100%;
   overflow: hidden;
}
.incompleteCount {
    background-color: #DC2626;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.actionRequired {
    font-size: 12px;
    color: #fff;
    background-color: #DB5315;
    padding: 4px;
    border-radius: 20px;
}

/*******************************CARDS**************************************/

.shadowedArea {
   margin-left: 5px;
   margin-right: 5px;
   border: 1px solid var(--activate-neutral400);
   border-radius: 5px;
   overflow: hidden;
}

.settingsHeader{
   background-image: -o-linear-gradient(bottom, #A5A5A6 0%, #B9B9B9 100%);
   background-image: -moz-linear-gradient(bottom, #A5A5A6 0%, #B9B9B9 100%);
   background-image: -webkit-linear-gradient(bottom, #A5A5A6 0%, #B9B9B9 100%);
   background-image: -ms-linear-gradient(bottom, #A5A5A6 0%, #B9B9B9 100%);
   background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #A5A5A6),color-stop(1, #B9B9B9));
   margin:0px;
   padding:17px;
   border-bottom: solid 2px #5d5d5d;
}

.settingsHeaderClickable{
   cursor:pointer;
}

.settingsHeaderClickable:hover{
   background-image: linear-gradient(bottom, #B9B9B9 0%, #f9f9f9 100%);
	background-image: -o-linear-gradient(bottom, #B9B9B9 0%, #f9f9f9 100%);
	background-image: -moz-linear-gradient(bottom, #B9B9B9 0%, #f9f9f9 100%);
	background-image: -webkit-linear-gradient(bottom, #B9B9B9 0%, #f9f9f9 100%);
	background-image: -ms-linear-gradient(bottom, #B9B9B9 0%, #f9f9f9 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #B9B9B9),
		color-stop(1, #f9f9f9)
	);
}

.flashMessage{
   position:fixed;
   top: 10px;
   right: 10px;
   z-index: 999;
   color: white;
   padding: 25px;
   box-shadow: 5px 5px 10px #333333;
   -moz-box-shadow:    5px 5px 10px #333333;
	-webkit-box-shadow: 5px 5px 10px #333333;
   border-radius: 5px;
   border: 2px solid white;
   margin: 5px;
   cursor:pointer;
   /*width: 100px;*/
   /*height: 100px;*/
}

.flashError{
   background-color: #a94442;
   color: white;
}

.flashWarning{
   background-color: #f7df5b;
   border: 2px solid #5d5d5d;
   color:#5d5d5d;
}

.flashSuccess{
   background-color: #337a4a;
   color: white;
}

.flashNormal{
   background-color: white;
}

.centerMe{
   text-align:center;
    padding-bottom: 10px;
}

.tefElement{
    text-align:center;
    font-size: 2em;
    font-weight: bold;
}

.cssLoaderWrapper{
   position:fixed;
   top: 50%;
   margin-right: -120px;
   right: 50%;
   background-color: white;
   border-radius: 10px;
   padding: 20px;
   box-shadow: 0px 0px 8px -1px #000;
	-webkit-box-shadow: 0px 0px 8px -1px #000;
}

/* FROM https://www.w3schools.com/howto/howto_css_loader.asp */
.cssLoader {
   border: 16px solid #f3f3f3; /* Light grey */
   border-top: 16px solid #5b6c87; /* Blue */
   border-radius: 50%;
   width: 120px;
   height: 120px;
   animation: cssLoader 2s linear infinite;
}

.cssLoaderSmall{
   border: 5px solid #f3f3f3; /* Light grey */
   border-top: 5px solid #5b6c87; /* Blue */
   border-radius: 50%;
   width: 13px;
   height: 13px;
   margin-bottom: 2px; /*adjusted to replace <i class="material-icons notranslate">check_box</i> */
   margin-top: 3px;
   animation: cssLoader 1s linear infinite;
}

.navCssLoader{
   margin: 200px auto 0px auto;
}

@keyframes cssLoader {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
}

.tool-block {
   height: 32px;
   /* position: relative;
   background:#55738B;
   color: #FFFFFF;
   box-sizing: border-box;
   padding: 10px;
   border-radius: 5px;
   width: 100%;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  margin-top: 20px; */
}

.tool-block-name {
   /* padding: 15px; */
   /* vertical-align: middle; */
   margin-top: 0;
   margin-bottom: 0;
   margin-left: 0;
   font-size: 1em;
   text-align: start;
}

.tool-block:hover {
   /* background: #374C5E; */
}

.bold{
   font-family: 'PROXIMA NOVA BOLD', sans-serif;
}
.cleanDialog {
   box-shadow: 0px 0px 12px -3px #000;
	-webkit-box-shadow: 0px 0px 12px -3px #000;
   position: fixed;
   top: 170px;
   right: 10%;
   left: 10%;
   bottom: 5%;
   background-color:white;
   z-index: 991;
   overflow-y: scroll;
}

@media screen and (max-width: 1200px){
   .cleanDialog{
      right: 10px;
      left: 10px;
   }
}

.ui-sortable-helper {
   display: table;
}

/*visual updates to datatables*/
/* .pull-left{float:left!important;} */
/* .pull-right{float:right!important;margin-top: 15px;margin-right: 15px;} */
/* .dataTables_filter input[type="search"]{
   width:650px;
   height:35px;
   display:inline-block;
   background: transparent;
   border: none;
   border-bottom: 1px solid #000000;
} */
/* .dataTables_filter input,input::-webkit-input-placeholder {
   font-size: 17px;
   line-height: 3;
   color:#989898;
}

.dataTables_filter input,input::-webkit-input-placeholder {
   font-size: 14px;
   line-height: 2.5;
   color:#989898;
} */

/* .dataTables_filter input[type='search']:focus{ */
   /* border-bottom: 1px solid #000000; */
   /* outline: none; */
/* } */

.searchOuter{
   padding: 5px;
   color:white;
    display: flex;
    order: -1;
    margin-right: 16px;
}

.dataTable{
   padding-top: 10px;
   padding-bottom: 10px;
}

.gridOuter70-30 {
   display:grid;
   grid-template-columns: 70% 30%;
   grid-template-rows:auto;
   grid-template-areas:
      ".left70 .right30";
}

.gridOuter60-40 {
   display:grid;
   grid-template-columns: 60% 40%;
   grid-template-rows:auto;
   grid-template-areas:
      ".left60 .right40";
}

.gridOuter40-60 {
   display:grid;
   grid-template-columns: 40% 60%;
   grid-template-rows:auto;
   grid-template-areas:
      ".left40 .right60";
}

.gridOuter15-85 {
    display:grid;
    grid-template-columns: 15% 85%;
    grid-template-rows:auto;
    grid-template-areas:
      ".left15 .right85";
}

.gridOuter50-50 {
   display:grid;
   grid-template-columns: 50% 50%;
   grid-template-rows:auto;
   grid-template-areas:
      ".left50 .right50";
}

.staticLeft{
	float:left;
	width:10%;
	max-width:250px;
	padding:2px 2% 0px 0px;
	text-align:right;
}
.staticRight{
	float:left;
	width:75%;
	padding:0px 0px 0px 2%;
}

/*
create + and - buttons to adjust quantity
*/
.quantitySelector span {
   cursor:pointer;
}
.number{
   margin:100px;
}
.minus, .plus{
   width:20px;
   height:20px;
   background:#f2f2f2;
   border-radius:4px;
   padding:8px 5px 8px 5px;
   border:1px solid #ddd;
   display: inline-block;
   vertical-align: middle;
   text-align: center;
}
.quantitySelector input[type="text"]{
   height:34px;
   width: 100px;
   text-align: center;
   font-size: 19px;
   border:1px solid #ddd;
   border-radius:4px;
   display: inline-block;
   vertical-align: middle;
   box-sizing: border-box;
}

.cleanOuter .blueButton {
  background-color: #5B6C87; /* Green */
  color: white;
  padding: 10px 27px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.displayInlineBold{
   display:inline-block;
   font-weight: bold;
}


/* c-modal */

.c-modal {
    pointer-events: none;
    opacity: 0;
    display: none;
    transition: opacity 0.3s;
    position: absolute;
    transform: translate(0, 50%);
    left: 0;
    right: 0;
    max-width: 353px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
}
.c-modal-code {
    top: 0;
    transform: translate(0, 0%) !important;
    max-width: 393px !important;
}
.c-modal__header {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #E0E3E5;
}
.c-modal__header-type {
    padding: 24px 20px 9px;
}
.c-modal__header-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}
.c-modal__title {
    font-weight: 600;
    font-size: 19px;
    line-height: 23px;
    letter-spacing: -0.02em;
    color: #121212;
}
.c-modal__text {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.01em;
    color: #121212;
    padding-right: 16px;
}
.c-modal__close-btn {
    right: 10px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
    display: flex;
}
.c-modal__group {
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}
.c-modal__group button {
    margin-top: 0;
}
.c-modal__group-verified {
    display: none;
}
.c-modal__group-verified.is-active {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}
.c-modal__content {
    margin-top: 20px;
}
.c-modal__more-btn {
    margin-top: 16px;
    padding: 10px;
    border-radius: 4px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg, #EF4136 -34.98%, #F7941E 82.61%);
    width: 100%;
}
.c-modal__code-main {
    font-size: 18px;
    line-height: 22px;
    color: var(--activate-neutral800);

}
.c-modal__code-desc {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: var(--activate-neutral900);
    margin-bottom: 12px;
}
.c-modal__code-desc a {
    color: var(--activate-neutral900);
    border-bottom: 1px solid var(--activate-neutral900);
}
.c-modal__code-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 320px;
    margin-bottom: 20px;
}
.c-modal__code-items {
    display: flex;
    flex-direction: column;
}
.c-modal__code-image {
    width: 120px;
    height: 120px;
    object-fit: contain;
    overflow: hidden;
}
.c-modal__code-image-sm {
    width: 112px;
    height: 34px;
    margin-bottom: 8px;
}
.c-modal__code-label {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: var(--activate-neutral900);
    margin-bottom: 4px;
}
.c-modal__code-helper {
    font-size: 12px;
    line-height: 17px;
    font-weight: 600;
    color: var(--activate-neutral800);
}
.c-modal__code-area {
    border: 1px solid var(--activate-neutral500);
    text-align: center;
    padding: 8px 12px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 23px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.01em;
    color: var(--activate-grey);
    letter-spacing: 1px;
}
.c-modal__code {
    margin-bottom: 20px;
}
/** Overlay */
.c-overlay {
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
}

/** JS */
.is-visible {
    opacity: 1;
    display: block;
    pointer-events: auto;
}


/* c-btn */
.menu-btn {
    background: #FFFFFF;
    display: none;
    justify-content: center;
    align-items: center;
    height: 44px;
    border-radius: 4px;
    padding: 5px;
    border: 1px solid #848D98;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: 0.2s linear all;
    position: relative;
    box-shadow: none;
    width: 60px;
}
@media (max-width: 768px) {
    .menu-btn {
        display: flex;
    }
}
.menu-btn svg {
    margin: 0 4px;
}
.menu-btn i {
    margin: 0 4px;
}
.menu-btn--secondary {
    color: #515861;
    border: 0px;
}
.menu-btn--secondary:hover {
    background: transparent;
    border: 0px;
}
.menu-btn--secondary:focus {
    border: 0px;
    background: transparent;
}
.menu-btn--secondary:active {
    border: 0px;
}
.menu-btn:focus:after {
    content: "";
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    background: none;
    border: 0px solid #515861;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.c-btn {
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 44px;
    border-radius: 4px;
    padding: 9px 12px;
    border: transparent;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: 0.2s linear all;
    position: relative;
    box-shadow: none;
}
.c-btn svg {
    margin: 0 4px;
}
.c-btn i {
    margin: 0 4px;
}
.c-btn:focus {
    border: 1px solid #848D98;
}
.c-btn:focus:after {
    content: "";
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    background: none;
    border: 2px solid #515861;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.c-btn--primary {
    background: #55738B;
    color: #FFFFFF;
    border: 1px solid transparent;
}
.c-btn--primary:hover {
    background: #374C5E;
}
.c-btn--primary:active {
    border: 1px solid transparent;
}
.c-btn--primary:focus {
    border: 1px solid transparent;
}
.c-btn--secondary {
    color: #515861;
    border: 1px solid #848D98;
}
.c-btn--danger {
    border: 1px solid #DC2626 !important;
    color: #DC2626;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 44px;
    border-radius: 4px;
    padding: 9px 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: 0.2s linear all;
    position: relative;
    box-shadow: none;
}
.c-btn--danger-nb {
    border: none !important;
}
.c-btn--danger:hover {
    background: transparent;
}
.c-btn--danger:focus {
    background: transparent;
}
.c-btn--status {
    background: transparent;
    color: var(--activate-neutral900);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 44px;
    border-radius: 4px;
    padding: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: 0.2s linear all;
    position: relative;
    box-shadow: none;
}
.c-btn--status.is-enabled i {
    color: #00C57A;
}
.c-btn--status.is-disabled i {
    color: #DC2626;
}
.c-btn--status:hover {
    background: transparent;
}
.c-btn--status:focus {
    background: transparent;
    border: none;
}
.c-btn--status:focus:after {
    content: "";
    display: none;
}
.c-btn--status i {
    color: #00C57A;
    margin-right: 8px;
}
.c-btn--status.disabled i {
    color: var(--activate-neutral500);
}
.c-btn--sm {
    height: 36px !important;
    font-size: 14px !important;
}
.c-btn--mw {
    width: max-content !important;
}
.c-btn--secondary:hover {
    background: #E0E3E5;
    border: 1px solid transparent;
}
.c-btn--secondary:focus {
    border: 1px solid transparent;
    background: #E0E3E5;
}
.c-btn--secondary:active {
    border: 1px solid transparent;
}

.c-btn--secondaryBlue {
    background: #55738B;
    color: #FFFFFF;
}
.c-btn--secondaryBlue:hover {
    background: #374C5E;
    border: 1px solid transparent;
}

.c-btn:disabled {
    background: #D4D7DB;
    cursor: not-allowed;
    color: #848D98;
    border: 1px solid transparent;
}
.c-btn-link {
    position: relative;
    display: flex;
    align-items: center;
    background: none;
    font-size: 14px;
    font-weight: bold;
    color: #0073BF;
    border-radius: 0;
}
.c-btn-link:disabled {
    background: none;
    color: #0073BF;
}
.c-btn-link:after {
    position: absolute;
    display: block;
    content: '';
    height: 1px;
    width: 82%;
    right: 8px;
    bottom: 10px;
    background: #0073BF;
}
.c-btn-link i {
    margin-right: 4px;
}
.c-btn-link:disabled {
    cursor: not-allowed;
    background: none;
    color: #0073BF;
}
.c-btn-link:active {
    background: none !important;
    color: #0073BF !important;
}
.c-btn-link:hover {
    background: none !important;
    color: #0073BF !important;
}
.c-btn-link:focus {
    background: none !important;
    color: #0073BF !important;
}
.c-btn-upload {
    display: flex;
    align-items: center;
    padding: 0;
    cursor: pointer;
    background: none;
    font-size: 14px;
    color: #0073BF !important;
    border-radius: 0;
    margin: 0;
}
@media (max-width: 650px) {
    .c-btn-upload {
        align-items: flex-start;
        /* padding-left: 10px; */
    }
}
.c-btn-upload span {
    position: relative;
}
.c-btn-upload i {
    margin-right: 4px;
}
.c-btn-upload:disabled {
    cursor: not-allowed;
    background: none;
    color: var(--activate-neutral500) !important;
}
.c-btn-upload[disabled] span:after {
    position: absolute;
    display: block;
    content: '';
    height: 0.5px;
    right: 0;
    left: 0;
    bottom: 3px;
    background: var(--activate-neutral500);
}
.c-btn-upload[disabled]:hover {
    color: var(--activate-neutral500) !important;
}
.c-btn-upload:active {
    background: none !important;
    color: #0073BF !important;
}
.c-btn-upload:hover {
    background: none !important;
    color: #0073BF !important;
}
.c-btn-upload:focus {
    background: none !important;
    color: #0073BF !important;
}
.c-btn-upload:after {
    border: none !important;
}
.c-btn-upload span:after {
    position: absolute;
    display: block;
    content: '';
    height: 0.5px;
    right: 0;
    left: 0;
    bottom: 3px;
    background: #0073BF;
}

.p-relative {
    position: relative;
}
.c-dropdown {
    order: -1;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}
.c-dropdown__list {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 86px;
    height: 36px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    background: #FFFFFF;
}
.c-dropdown__item {
    padding: 10px !important;
    max-width: 100%;
}
.c-dropdown__item:hover {
    background: var(--activate-neutral300);
}
.c-dropdown__item a {
    color: var(--activate-neutral900);
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.c-dropdown__item i {
    margin-left: 12px;
    color: var(--activate-neutral400);
}
.c-dropdown li > a {
    display: flex;
    margin-right: 0;
    background-image: none;
    padding: 0;
    font-weight: 600;
    color: #515861;
}
.c-dropdown:hover{
    background: #FFFFFF;
    border-radius: 4px;
}
.c-dropdown li > ul {
    display: none;
    transition: .2s linear all;
}
.c-dropdown.active li > ul {
    display: block;
    position: absolute;
    top: 30px;
    transition: .2s linear all;
    z-index: 999;
}
.c-dropdown-container {
    position: relative;
    display: flex;
    align-items: center;
}

.c-dropdown-info__list {
    border: 1px solid var(--activate-neutral700);
    display: none;
    max-width: max-content !important;
    width: max-content !important;
}
.c-dropdown--info.active .c-dropdown-info__list {
    display: block;
    position: absolute;
    border-radius: 4px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    top: 45px;
    /* right: 0; */
    left: 0;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    z-index: 999;
    background: #FFFFFF;
}
.c-dropdown--info.active:before {
    transform: rotate(180deg);
    top: 5px;
}
.c-dropdown--table {
    min-width: max-content;
    max-width: 215px;
}
.c-dropdown--info {
    padding: 8px 24px 8px 12px;
    border: 1px solid var(--activate-neutral700);
    order: initial;
}
.c-dropdown--info:before {
    content: url("images/arrow-down.svg");
    display: block;
    position: absolute;
    right: 4px;
    top: 10px;
}
.c-dropdown.active .menuIcon{
    transform: rotate(180deg);
    transition: .2s linear all;
}
.c-dropdown .menuIcon {
    color: #515861;
    transition: .2s linear all;
}
.c-dropdown ul {
    width: 100%;
    max-width: 86px;
    background: none;
}
.c-dropdown > li:hover, .c-dropdown > li:active {
    background: none;
}

.c-dropdown .dt-buttons {
    min-width: max-content;
    margin-top: 4px;
    border-radius: 4px;
    border: 2px solid #F9A433;
}
.c-dropdown .dt-buttons:last-child {
    border-bottom: 2px solid #F9A433;
}

.c-dropdown .dt-button {
    margin: 0;
    padding: 9px 0 9px 12px;
    text-align: left;
    color: #121212;
    background: #FFFFFF;
}

.c-dropdown .dt-buttons > .dt-button:hover {
    background: #EDEEF0;
}
.c-dropdown .dt-button:after {
    display: none;
}
.dataTables_wrapper .dataTables_length label {
    text-transform: uppercase;
    color: #121212;
}
.dataTables_wrapper .dataTables_length label select{
    border: none !important;
    font-size: 14px;
    font-weight: 600;
    min-width: 120px !important;
}
.dataTables_wrapper .dataTables_filter {
    margin-right: 8px;
}

/* helpers */
.p-absolute {
    position: absolute !important;
}
.px-16 {
    padding: 0 16px !important;
}
.p-16 {
    padding: 16px !important;
}
.p-0 {
    padding: 0 !important;
}
.mt-16 {
    margin-top: 16px;
}
.mt-8 {
    margin-top: 8px !important;
}
.ml-4 {
    margin-left: 8px;
}
.d-flex {
    display: flex;
    align-items: center;
}
.d-inline-flex {
    display: inline-flex;
}
.flex-end {
    justify-content: flex-end !important;
}
.w-100 {
    width: 100% !important;
}

.flex-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-shrink-0 {
    flex-shrink: 0;
}
.no-shadow {
    box-shadow: none !important;
}
.p-24 {
    padding: 24px !important;
}
.p-8 {
    padding: 8px !important;
}
.c-white {
    background: #FFFFFF !important;
}
.c-font-black {
    color: var(--activate-neutral900) !important;
}
.flex-start {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
@media screen and (max-width: 768px) {
    .flex-start {
        flex-direction: column;
    }
}
.up-case {
    text-transform: uppercase;
}
.requirementDeck {
    margin-top: 16px;
}
#htmlTipsDialog {
    color: var(--activate-neutral900) !important;
}

.stepsSummaryStep.colorInProgress:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #FABF03;
}
.stepsSummaryStep.colorNotComplete:first-child:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #C82020;
}
.cardRowStatusName .error {
    display: inline-flex;
    align-items: center;
    padding: 0 !important;
    font-size: 14px;
    border-radius: 4px;
    color: #DC2626;
}
.cardRowStatusName .success {
    padding: 0 !important;
}
.cardRowStatusName .error svg {
    margin-right: 4px;
}

.gpt-ad {
    min-height: 10px;
}
/* c-card */

.c-card {
    background: #FFFFFF;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 16px;
    margin-bottom: 16px;
    overflow: hidden;
}
.c-card--header {
    padding: 12px 0 0;
    position: relative;
}
.c-card__content {
    min-height: 66px;
}
.c-card-np {
    padding: 0;
}
.c-card--p {
    padding: 24px 16px;
}
.c-card-bordered {
    border-radius: 5px;
    border: 1px solid var(--activate-neutral400);
    box-shadow: none;
}
.c-card__header {
    background: #E7F0FC;
    padding: 16px;
    border-bottom: 1px solid var(--activate-neutral400);
}
.c-card__header--sm {
    padding: 8px;
}

/* c-last-update */
.c-last-update {
    margin-right: 16px;
    color: var(--activate-neutral600);
}
.c-table-title {
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 17px !important;
    background: var(--activate-neutral300) !important;
    color: var(--activate-neutral900) !important;
}
.c-table-title-bold {
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 17px !important;
    color: var(--activate-neutral900) !important;
}
.c-table-label {
    color: var(--activate-grey) !important;
    font-weight: 400 !important;
}
.c-table__inner {
    padding: 16px;
}
.c-table__modal {
    width: 100%;
    overflow-y: scroll;
    min-height: 266px;
}
.c-table__modal-scroll {
    height: 266px;
}
.c-table__modal th {
    background: var(--activate-neutral300);
    color: var(--activate-neutral900);
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
}
.c-table__modal td {
    color: var(--activate-neutral900);
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 400;
}
.c-table__modal tr {
    border-bottom: 1px solid var(--activate-neutral400);
}
.c-table__modal p {
    margin: 0;
}
.c-table__modal-btn {
    display: flex;
    justify-content: flex-end;
}

.c-table__modal-btn .c-btn-upload{
    display: flex;
    justify-content: flex-end !important;
     text-decoration: underline;
}
/* c-icon */

.c-icon-edit {
    margin-left: 4px;
}
/* c-upload */

.c-upload-label {
    flex-shrink: 0;
    flex-basis: 30%;
    margin-right: 16px;
}
.c-upload-label svg {
    margin-left: 10px;
}
.c-upload__title {
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.02em;
    color: var(--activate-neutral900);
    margin-bottom: 16px;
}
.c-upload__group {
    margin-bottom: 32px;
}
.c-upload-attached {
    display: flex;
    align-items: center;
    color: rgba(0, 115, 191, 1);
}
.c-upload-attached i {
    font-size: 16px;
}

.c-upload-btn {
    margin-right: 20px;
    border: none;
    background: #7d99af;
    padding: 10px 20px;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    transition: background .2s ease-in-out;
}

.c-helper-edit {
    margin-right: 16px;
    font-size: 14px;
    color: #0073BF;
}

/* c-title */
.c-title {
    font-size: 28px !important;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--activate-neutral900);
    margin: 0 !important;
    padding: 0;
}
@media (max-width: 768px) {
    .c-title {
        font-size: 22px !important;
    }
}
@media (max-width: 512px) {
    .c-title {
        font-size: 18px !important;
    }
}
.c-title--sm {
    font-size: 19px !important;
    color: var(--activate-neutral900);
}
.c-title--xs {
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 24px;
    color: var(--activate-neutral900);
    padding: 0;
    margin: 0;
}
/* c-desc */
.c-desc {
    font-weight: 400;
    font-size: 14px !important;
    line-height: 17px;
    color: var(--activate-neutral700);
}
@media screen and (max-width: 1020px) {
    .c-desc {
        margin-bottom: 10px;
    }
}
/* c-content */
.c-content-form {
    width: 100%;
    max-width: 100%;
    margin: 96px auto 0 auto;
    padding: 0 32px 0 130px;
}
@media (max-width: 768px) {
    .c-content-form {
        padding: 0 32px 0 32px;
    }
}
.c-content-grid {
    display: grid;
    grid-column: 2;
    grid-row: 1;
    max-width: 100%;
    padding: 0 32px;
    margin-top: 112px;
}

.c-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
}
@media (max-width: 680px) {
    .c-grid {
        display: flex;
        flex-direction: column;
    }
}
.c-grid-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px;
}
@media (max-width: 768px) {
    .c-grid-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 512px) {
    .c-grid-cards {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* c-form */
.c-form__status {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
.c-transfer-btn {
    width: max-content !important;
}
.c-form__items {
    margin-top: 0;
    display: flex;
    width: 100%;
    overflow-x: auto;
}
@media (max-width: 1024px) {
    .c-form__items {
        margin-top: 45px;
    }
}

.c-form__items-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding-left: 16px;

}
@media (max-width: 680px) {
    .c-form__items-header {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
}
.c-form__items-header button {
    margin-top: 0;
}
.c-form__items .checklist_item {
    position: relative;
    min-width: 150px;
}
.c-form__item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    color: var(--activate-neutral900);
    padding: 10px;
}
.colorNotComplete .c-form__item .is-active:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    background: #C82020;
    left: 0;
    bottom: 0;
}
.colorComplete .c-form__item .is-active:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    background: #00AC6B;
    left: 0;
    bottom: 0;
}
.colorInProgress .c-form__item .is-active:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    background: #FABF03;
    left: 0;
    bottom: 0;
}

.c-form {
    width: 100%;
    margin: 50px auto;
    max-width: 988px;
    padding: 40px;
    background: #ffffff;
    border-radius: 5px;
}
.c-form--md {
    max-width: 100%;
    margin: 0;
    padding: 16px;
}
.c-form__inner {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}
.c-form__group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
    margin-bottom: 16px;
}
.c-form__group--md {
    grid-template-columns: 1fr 202px;
}

.c-form__group--mt {
    margin-top: 32px;
}
.c-form__group-btn {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
}
.c-form__group-btn--md {
    display: grid;
    grid-template-columns: 80px 80px 122px;
}

.c-form__group-btn button {
    flex-basis: 50%;
}

.c-form__field {
    position: relative;
    width: 100%;
    margin-bottom: 16px;
    text-align: left;
}

.c-form__field-btns {
    max-width: 164px;
    display: flex;
    justify-content: space-between;
}
.c-form__field-mw {
    max-width: 400px;
}
.c-form__field-w {
    max-width: max-content;
}
.c-form__field-flex {
    display: flex;
    flex-direction: column;
}
.c-form__field-checkbox {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 8px;
}
.c-form__field-checkbox--inline {
    display: inline-flex;
}
.c-form__field-checkbox input {
    margin: 0 8px 0 0;
}
.c-form__field-checkbox label {
    margin: 0 8px 0 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.01em;
    color: var(--activate-neutral900);

}

.c-form__title {
    text-align: left;
    font-size: 19px;
    font-weight: 700;
    color: var(--activate-neutral800);
    margin-bottom: 20px;
}
.c-form__text {
    font-size: 16px;
    line-height: 21px;
    color: var(--activate-neutral700);
    margin-bottom: 16px;
}
.c-form__title--sm {
    font-size: 16px;
    margin-bottom: 8px;
}

.c-form__label {
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: var(--activate-neutral700);
}
.c-form__print svg {
    margin-right: 4px;
}

/* b-guardian */

.b-guardian {
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.b-guardian__btns {
    display: flex;
    align-items: center;
}
.b-guardian__btns button {
    margin-top: 0;
}
.b-guardian__btns button:first-child {
    margin-right: 16px;
}


.b-reg-task {
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 16px;
}
.b-reg-task--nm {
    margin-bottom: 0;
}
.b-reg-task__header {
    padding: 24px 16px 16px;
    border-bottom: 1px solid var(--activate-neutral400);
}
.b-reg-task__items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-radius: 0;
    cursor: pointer;
    border-bottom: 1px solid var(--activate-neutral400);
}
.b-reg-task__items.not-allowed {
    cursor: not-allowed;
}
.b-reg-task__item {
    display: flex;
    align-items: center;
    color: var(--activate-neutral900);
}
.b-reg-task__item i {
    margin-right: 8px;
}
.b-reg-task__item-name {
    margin-right: 8px;
    font-size: 14px;
}
.b-reg-task__item-count {
    display: flex;
    align-items: center;
}
.b-reg-task__table tr:not(:last-child) {
    border-bottom: 1px solid var(--activate-neutral400);
}
.b-reg-task__table-print {
    color: #0073BF !important;
}
.b-reg-task__table-item {
    display: flex;
    align-items: center;
    padding: 16px 20px;
    font-size: 16px;
}
.b-reg-task__table-item i {
    padding: 0;
}
.b-reg-task__table-item:not(:last-child) {
    border-bottom: 1px solid #AFB5BC;
}
.b-reg-task__table-item i {
    margin-right: 8px;
}
.b-reg-task__buttons {
    position: absolute;
    right: 24px;
    top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 1024px) {
    .b-reg-task__buttons {
        left: 10px;
        top: 68px;
        justify-content: flex-start;
    }
}
.b-reg-task__bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.b-reg-task__bottom .c-btn {
    flex-basis: 135px;
}
.b-reg-task__bottom .c-btn:not(:last-child) {
    margin-right: 16px;
}
.b-reg-task__buttons .c-btn {
    font-size: 14px;
    width: 135px;
}
.b-reg-task__buttons .c-btn:not(:last-child) {
    margin-right: 16px;
}

.incompleteCount {
    margin-right: 4px;
}

/* c-step */
.c-step {
    background: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 16px;
    border-bottom: 1px solid var(--activate-neutral400);
}
.c-step:hover {
    background: #55738B;
    color: #FFFFFF;
}
.c-step:hover .c-step__card-name {
    color: #FFFFFF;
}
.c-step:focus .c-step__card-name {
    color: #FFFFFF;
}
.c-step:hover .cleanCardHeaderStatus {
    background: #FFFFFF;
    color: #31353A;
}
.c-step:hover .c-status-progress i {
    color: #B78C02;
}
.c-step:hover .c-status-complete i {
    color: #00945C;
}
.c-step:hover .c-status-no-complete i {
    color: #C82020;
}
.c-step.is-active {
    background: #55738B;
    color: #FFFFFF;
    display: flex;
}
.c-step.is-active .c-step__card-name{
    background: #55738B;
    color: #FFFFFF;
}
.c-step.is-active .c-status {
    background: white;
    color: #31353A;
}
.c-step.is-active .c-status-progress i {
    color: #B78C02;
}
.c-step.is-active .c-status-complete i {
    color: #00945C;
}
.c-step.is-active .c-status-no-complete i {
    color: #C82020;
}
.c-step__card-name {
    color: var(--activate-grey);
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}
@media (max-width: 680px) {
    .c-step__card-name {
        font-size: 16px;
    }
}
.requirementCardContent {
    border-bottom: 1px solid var(--activate-neutral400);
}

/* c-status */
.c-status__text {
    display: flex;
}
@media (max-width: 600px) {
    .c-status__text {
        display: none;
    }
}
.c-status {
    padding: 5px 6px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 700;
}
.c-status i {
    margin-right: 4px;
}
.c-status-bg {
    background: transparent;
    font-weight: 700;
}
.c-status-nb-success {
    color: #00945C;
}
.c-status-nb-progress {
    color: #B78C02;
}
.c-status-nb-notApplicable {
    color: #808080;
}
.c-status-no-complete {
    background: #DC2626;
    color: #FFFFFF;
}
.c-status-complete {
    background: #00945C;
    color: #FFFFFF;
}
.c-status-progress {
    background: #FCD145;
    color: #253746;
}
.c-status-notApplicable {
    background: #808080;
    color: #FFFFFF;
}

.successGreen {
    color: #238000;
}
.error {
    color: #B71E1E;
}
.notApplicable {
    color: #808080;
}
.warning {
    color: #B78C02;
}
.c-status--sm .c-status {
    font-size: 12px !important;
    font-weight: 700;
    font-family: "Proxima Nova Semibold", sans-serif;
    letter-spacing: 0.08em;
}

/* c-table */

.c-table {
    border-radius: 4px;
    background: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 16px;
}
.c-table__outer {
    margin-top: 0 !important;
    overflow-x: auto;
}
.c-table__text {
    font-size: 14px;
    line-height: 18px;
    color: var(--activate-neutral700);
    margin-bottom: 16px;
}
.c-table--announcement tr {
    border-bottom: 1px solid var(--activate-neutral400);
    background: #FFFFFF;
}
@media (max-width: 512px) {
    .c-table--announcement {
        max-width: 100%;
        max-height: 450px;
        overflow: auto;
    }
}
/* c-athlete-card */
.c-athlete-card {
    text-align: left;
    background: #FFFFFF;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid var(--activate-neutral400);
}
.c-athlete-card__header {
    border-bottom: 1px solid var(--activate-neutral300);
    padding-bottom: 16px;
}

.c-athlete-card__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 16px;
}
.c-athlete-card__name {
    margin: 0 0 8px !important;
    font-size: 14px !important;
    padding: 0 !important;
    text-transform: uppercase;
    color: var(--activate-neutral600);
}
.c-athlete-card__school {
    color: var(--activate-neutral900);
    line-height: 19px;
    font-size: 16px;
    margin: 0 !important;
    padding: 0 !important;
}

/* c-option-card */
.c-option__card {
    background: #FFFFFF;
    border: 1px solid #AFB5BC;
    border-radius: 10px;
    width: 100%;
    text-align: left;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.c-option__card-head {
    margin-bottom: 10px;
    min-height: 66px;
}
.c-option__card-btn {
    margin: 0;
    width: 100%;
}

/* verified popup code */

.c-form__code-wrapper {
    display: none;
}
.c-form__code-title {
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: var(--activate-neutral900);
}
.c-form__code-fields {
    border: 1px solid #848D98;
    border-radius: 4px;
    padding: 12px 32px 12px 32px;
    background: #ffffff;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.c-form__code-resend {
    display: flex;
    align-items: center;
}
.c-form__code-resend button {
    margin-top: 8px;
}
.c-form__code-resend-inner {
    cursor: pointer;
    display: flex;
    align-items: center;
}
.c-form__code-resend svg {
    margin-right: 4px;
}
.c-form__verified {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #00C57A;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}
.c-form__verified svg {
    margin-bottom: 16px;
}
.is-active {
    display: block;
}

/* c-input */
.c-input {
    font-family: 'Proxima Nova Regular', Sans-serif;
    width: 100%;
    height: 36px;
    padding: 0 12px;
    color: #121212;
    font-size: 14px;
    line-height: 17px;
    border: 1px solid #848D98;
    border-radius: 4px;
    outline: none;
    transition: 0.2s linear all;
}
.c-input:active {
    border: 1px solid #515861;
}
.c-input:focus {
    outline: 2px solid #F9A433;
}
.c-input.danger {
    border: 1px solid #DC2626;
}
.c-input.danger:focus {
    outline: none;
}

.c-input__helper {
    visibility: hidden;
    transition: .3s linear all;
    display: flex;
    position: absolute;
    right: 12px;
    z-index: 9;
    top: 7px;
    align-items: center;
    cursor: pointer;
}
.c-input__helper.is-active {
    visibility: visible;
}
.c-input__helper span {
    color: rgba(0, 115, 191, 1);
    text-decoration: underline;
}
.c-input--digit {
    height: 10px;
    background: transparent;
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0;
    border-bottom: 1px solid #121212;
    padding: 8px 0;
    width: 20px;
}
.c-input--digit:focus {
    outline: none;
    border: none;
}
.c-input--digit:active {
    border-bottom: 1px solid #121212;
}
.c-input--digit:disabled {
    outline: none;
    pointer-events: none;
}
.c-input--digit.is-active {
    border: none;
}
.block {
    margin: 0 8px !important;
}
.c-input-checkbox {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    border-radius: 0;
}
.c-input-checkbox label {
    margin-right: 8px;
}
.c-input-checkbox[type=checkbox] {
    position: relative;
    border: 2px solid var(--activate-neutral500);
    border-radius: 0;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 .6em 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 18px;
    width: 18px;
    -webkit-appearance: none;
    opacity: .5;
}

.c-input-checkbox[type=checkbox]:hover {
    border: 2px solid #F7941E;
    opacity: 1;
}
.c-input-checkbox[type=checkbox]:focus {
    border: 2px solid #F7941E;
}
.c-input-checkbox[type=checkbox]:active {
    border: 2px solid #F7941E;
}

.c-input-checkbox[type=checkbox]:checked {
    background-color: #F7941E;
    border: 2px solid transparent;
    opacity: 1;
}

.c-input-checkbox[type=checkbox]:checked:before {
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
}

.c-input-checkbox[type=checkbox]:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 6px;
    height: 10px;
    border: solid transparent;
    border-width: 0 2px 2px 0;
    margin: -1px -2px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
}


/* c-textarea */
.c-textarea {
    resize: none;
    height: 77px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #848D98;
}
.c-textarea.danger {
    border: 1px solid #DC2626;
}
.c-textarea:active {
    border: 1px solid #515861;
}
.c-textarea:focus {
    outline: 2px solid #F9A433;
}
/* helpers */
.mb-16 {
    margin-bottom: 16px !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-8 {
    margin-top: 8px;
}
.mt-32 {
    margin-top: 32px;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.m-0 {
    margin:0!important
}
.mr-4 {
    margin-right: 4px;
}
.mr-8 {
    margin-right: 8px;
}
.mr-16 {
    margin-right: 16px !important;
}
.f-bold {
    font-weight: bold;
}
.mb-8 {
    margin-bottom: 8px !important;
}
.bb-none {
    border-bottom: none !important;
}
.registrationRow:last-child {
    border-bottom: none;
}
.registrationRow:last-child td {
    border-bottom: none;
    overflow: hidden;
}
 /* c-alert */

.c-alert {
    margin-bottom: 16px;
    border-radius: 4px;
    display: flex;
    color: var(--activate-neutral900);
}
.c-alert__body {
    display: flex;
}
.c-alert svg {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.c-alert__inner {
    color: #121212;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
}
.c-alert.success {
    padding: 12px 16px;
    background: #EEFAF3;
    border: 1px solid #00C57A;
}
.c-alert.danger {
    align-items: center;
    padding: 12px 16px;
    background: #FEF2F2;
    border: 1px solid #DC2626;
}


/* c-email */

.c-email-helper {
    visibility: hidden;
    display: flex;
    align-items: center;
    margin-top: 4px;
}
.c-email-helper svg {
    margin-right: 4px;
}
.c-email-helper.danger {
    visibility: visible;
    color: #DC2626 ;
}
.c-email-helper.green {
    visibility: visible;
    color: #00AC6B !important;
}

/* c-dropdown */
.c-dropdown__all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding: 0 8px;
}

.c-ot {
    /*outline: 1px solid var(--activate-neutral400);*/
    border-radius: 4px;
}
/* c-doc__table */
.c-doc__view {
    background: var(--activate-neutral50);
    width: 100%;
    height: 100%;
}

.c-doc__table {
    background: #FFFFFF;
    /* outline: 1px solid var(--activate-neutral400); */
    overflow: hidden;
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
    border-radius: 4px;
    margin-bottom: 24px;
    /* width: auto !important; */
}
.c-doc_table-overflow {
    overflow: initial !important;
}
.c-doc__table-coach {
    background: #FFFFFF;
    border: 1px solid var(--activate-neutral400);
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    margin-bottom: 24px;
}
.c-doc__table tr:not(:last-child) {
    border-bottom: 1px solid var(--activate-neutral400);
}
.c-doc__table-header {
    background: var(--activate-secondary-grey-blue50) !important;
    font-weight: 400;
    border-top: none !important;
}
.c-doc__content {
    padding: 16px;
}
.c-doc__inside {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 22px 16px 16px !important
}
.invisibleTable {
    display: flex;
}
.invisibleTable td {
    padding: 3px !important;
}


/* c-school */
.c-school {
    margin-bottom: 16px;
}
.c-school__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 24px 8px 10px;
    cursor: pointer;
    transition: .2s linear all;
}
.c-school__item:not(:last-child) {
    border-bottom: 1px solid var(--activate-neutral400);
}
.c-school__item:hover {
    background: #E7F0FC;
}
.c-school__item-res {
    top: 40px;
}
.c-school__item-popup {
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: .2s linear all;
    padding: 10px 0;
    border-bottom: 1px solid var(--activate-neutral200);
}
.c-school__item-popup:hover {
    background: transparent;
}
.c-school__item-desc {
    border-bottom: 1px solid var(--activate-neutral200);
    padding-bottom: 16px;
}
.c-school__inner {
    flex-basis: 90%;
}
.c-school__item-btn {
    margin: 0;
    width: 64px;
}
.c-school__item-img {
    width: 48px;
    height: 48px;
    max-width: 100%;
    cursor: pointer;
    overflow: hidden;
    object-fit: contain;
    margin-right: 16px;
}
.c-school__item-img[src=''] {
    content: url('images/placeholder-logo.png');
}
.c-school__item-name {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    color: var(--activate-neutral900);
}
@media (max-width: 512px) {
    .c-school__item-name {
        font-size: 12px;
    }
}
.c-school-group {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--activate-neutral200);
}
.c-school-group select {
    margin-right: 8px;
    min-width: 200px;
}
@media (max-width: 512px) {
    .c-school-group select {
        min-width: 70px;
        margin-right: 2px;
    }
}
.c-school-group input {
    width: 100%;
}
.c-school-btn {
    background: transparent !important;
    color: var(--activate-neutral700) !important;
    border: 1px solid var(--activate-neutral700) !important;
    margin: 0 !important;
    font-weight: 600 !important;
    font-family: "Proxima Nova Regular", sans-serif;
}
.c-school-btn:hover {
    background: #E0E3E5 !important;
    border: 1px solid transparent !important;
}
.c-school-btn:focus {
    border: 1px solid transparent !important;
    background: #E0E3E5 !important;
}

/* c-fundraiser */
.c-fundraiser {
    max-width: 304px;
}
.c-fundraiser__btn {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}

.c-info {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 16px;
}
.c-info__card {
    padding: 16px;
    border: 1px solid var(--activate-neutral400);
    border-radius: 10px;
    min-height: 104px;
}
.c-info__highlightcard {
    padding: 16px;
    border: 2px solid rgb(236 123 26);
    border-radius: 10px;
    min-height: 104px;
}
.c-info__card a {
    color: rgba(0, 115, 191, 1);
}
.c-info__card-name {
    font-size: 18px;
    font-weight: bold;
    color: var(--activate-neutral900);
}
.c-info__topic {
    min-height: 30px;
}
.c-info__view {
    color: rgba(0, 115, 191, 1);
    text-decoration: underline;
    color: rgba(0, 115, 191, 1);
}
.c-info__count {
    font-weight: bold;
    color: var(--activate-neutral900);
    margin-right: 8px;
    font-size: 18px;
}
.c-info__table-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 16px 16px;
}
.c-info__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 16px;
    margin-bottom: 16px;
    margin-top: 16px;
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
@media (max-width: 680px) {
    .c-info__header {
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        padding: 16px;
    }
}
.c-info-sub__header {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.c-info__body {
    padding: 24px 16px;
    margin-bottom: 16px;
    margin-top: 16px;
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.c-info__header-left {
    max-width: 646px;
}
.c-info__header-checklist {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.c-info__header--doc {
    box-shadow: none;
}
.c-info__header-title {
    flex-shrink: 0;
    padding-right: 16px;
}
.c-info__item {
    position: relative;
}
.c-info__item:not(:last-child) {
    margin-right: 12px;
}
.c-info__button {
    position: relative;
}
.c-info__button:not(:last-child) {
    margin-right: 12px;
}
.c-info__calendar {
    width: 130px !important;
    flex-shrink: 0;
    margin-right: 16px;
}

.adminViewCardBody {
    border-bottom: 1px solid var(--activate-neutral400);
    padding: 24px 16px 8px;
}
/* c-esign */
.c-esign__card {
    flex-basis: 50%;
}
.c-esign-flex {
    display: flex;
    align-items: flex-start;
}
.c-esign__title {
    background: var(--activate-secondary-grey-blue50);
    padding: 10px;
    font-size: 14px;
    color: var(--activate-neutral900);
}


/* c-reg */

.c-reg-grid {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}
.c-reg-grid div {
    flex-basis: 50%;
    align-self: stretch;
}

/* c-announcement */

.c-announcement {
    max-width: 446px;
}
.c-announcement__button {
    display: flex;
    justify-content: flex-start;
}
.c-announcement__button button {
    max-width: 199px;
}
.c-announcement__checkbox input{
    width: 18px;
    height: 18px;
    margin-right: 8px;
}
.c-announcement__checkbox label {
    margin-right: 16px;
}
.c-announcement__table {
    margin-bottom: 16px;
    outline: 1px solid var(--activate-neutral400);
    border-radius: 4px;
}
.c-announcement__table-name {
    border-bottom: 1px solid var(--activate-neutral400);
    background: #FFFFFF !important;
    color: var(--activate-neutral600);
    font-weight: 400;
    font-size: 16px;
}
.c-announcement__table-content {
    background: #FFFFFF !important;
    border-bottom: none !important;
    padding: 16px 0 !important;
}
.c-announcement__table-nb {
    background: #FFFFFF !important;
    border-bottom: none !important;
}
.c-announcement__table-nb td{
    border-bottom: none !important;
}
.c-announcement__section {
    padding: 16px;
}
.c-announcement__double.is-active {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #FFFFFF;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 4px;

}
.c-announcement__double.is-active .c-card {
    box-shadow: none !important;
    margin-bottom: 0 !important;
}
.c-announcement__table-title {
    padding: 10px 16px !important;
}


.c-teams__table .td {
    border-bottom: 1px solid var(--activate-neutral400);
    overflow: hidden;
}

@media (max-width: 1199px) {
    .c-dropdown-container {
        flex-wrap: wrap;
        gap: 8px 8px;
    }
    .c-info {
        grid-template-columns: repeat(4, 1fr);
    }
    /* .c-info__item {
        margin-right: 0;
    } */
    /* .c-info__item:not(:last-child) {
        margin-right: 0;
    } */
}
@media (max-width: 991px) {
    .c-info {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 768px) {
    .c-info {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 512px) {
    .c-info {
        grid-template-columns: repeat(1, 1fr);
    }
}

.c-result {
    margin: 0 20px 16px;
}


/* c-banner */

.c-banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background: linear-gradient(90deg, #7726CF 0%, #09F 100%);
    color: #FFFFFF;
    border-radius: 4px;
    padding: 18px 16px;
    margin-bottom: 16px;
}
.c-banner--fixed {
    position: fixed;
    top: 96px;
    max-width: 100%;
    left: 96px;
    border-radius: 0;
    padding: 7px 26px;
    margin: 0;
    right: 0;
    z-index: 10;
}
.c-banner__title {
    font-weight: 700;
    font-size: 19px;
    line-height: 23px;
}
.c-banner__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
@media (max-width: 991px) {
    .c-banner__items:not(:last-child) {
        margin-bottom: 8px;
    }
}
.c-banner__item:not(:last-child) {
    margin-right: 16px;
}
.c-banner__item-title {
    font-size: 16px;
    font-weight: 700;
    color: white;
}
.c-banner__close {
    font-size: 24px;
    display: flex;
    position:absolute;
    top:0;
    right: 7px;
    cursor: pointer;
}
.c-banner__download {
    padding: 9px 12px;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    border-radius: 4px;
    cursor: pointer;
}
.c-banner__download--sm {
    padding: 4px 12px;
}
.c-banner-image {
    width: 112px;
    height: 34px;
}
.c-banner-image--sm {
    height: 25px;
    width: 78px;
}

.c-home__name {
    padding: 30px 0 16px;
}
.c-home__card {
    border: 1px solid var(--activate-neutral400);
    border-radius: 4px;
    overflow: hidden;
    background: #FFFFFF;
}
.c-home__card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #E7F0FC;
    padding: 9px 16px;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid var(--activate-neutral400);
}
.c-home__card-link {
    color: var(--activate-neutral700);
    font-weight: 600;
    font-size: 14px;
    border-bottom: 0.5px solid var(--activate-neutral700);
    cursor: pointer;
}
.c-home__link {
    display: flex;
    align-items: flex-start;
    color: #161619;
    padding: 12px 16px !important;
    cursor: pointer;
    transition: .2s linear all;
}
.c-home__link:hover {
    background: #E7F0FC;
}
.c-home__link:not(:last-child) {
    border-bottom: 1px solid var(--activate-neutral400);
}
.c-home__link-name {
    font-size: 14px;
    color: #161619;
    line-height: 25px;
}
.c-home__link .icon {
    color: var(--activate-neutral500);
    margin-right: 10px;
}

/* c-requirement */
.c-requirement {
    min-width: 0;
    margin: 0 auto 16px;
    width: 100%;
}
.c-requirement__wrap {
    overflow: hidden;
}
.c-requirement-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.c-requirement-header select {
    width: 222px;
}
.c-requirement-table {
    overflow-y: hidden;
    overflow-x: auto;
}
.c-requirement-options {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 9;
}
.c-requirement-date {
    background: var(--activate-neutral50);
    border-top: 1px solid var(--activate-neutral400);
    border-bottom: 1px solid var(--activate-neutral400);
}
.c-requirement-content {
    width: max-content;
    max-width: none;
    height: 71px;
}
.c-requirement-wrapper {
    max-width: 100%;
}
.c-requirement-row {
    min-width: 170px;
    align-items: flex-start;
}
.c-requirement-row label {
    line-height: 25px;
}
.c-requirement-date {
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.requirementTrackingNote {
    max-width: 470px;
}


.c-create__content {
    max-width: 446px;
    width: 100%;
}
.c-create__card {
    background: var(--activate-neutral50);
    border-radius: 4px;
    padding: 16px;
}
.c-create__card-title {
    font-size: 16px;
    margin-bottom: 8px;
    color: var(--activate-neutral700);
}
.c-create__card-list {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.01em;
    color: var(--activate-neutral700);
}

/* req checkbox */

.req-checkbox[type=checkbox] {
    background: #848D98;
    border-radius: 20px;
    border: transparent;
    transition: .2s linear all;
}
.req-checkbox[type=checkbox]:hover {
    border: transparent;
}
.req-checkbox[type=checkbox]:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 10px;
    height: 2px;
    border: solid #DADADA;
    border-width: 0 2px 2px 0;
    margin: -2px 0px 0 -1px;
    transform: rotate(180deg) translate(-50%, -50%);
    z-index: 2;
}
.req-checkbox[type=checkbox]:active {
    background-color: #00C57A;
    border: 2px solid transparent;
    opacity: 1;
}
.req-checkbox[type=checkbox]:checked {
    background-color: #00C57A;
    border: 2px solid transparent;
    opacity: 1;
}

.req-checkbox[type=checkbox]:checked:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 6px;
    height: 10px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    margin: -1px -2px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
}
.req-text {
    cursor: pointer;
}
.c-injuries-table {
    background: white;
}
.c-injuries-table tr:not(:last-child) {
    border-bottom: 1px solid var(--activate-neutral400);
}
.c-injuries-table p {
    color: var(--activate-neutral900) !important;
}
.c-injuries-select {
    border: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: var(--activate-neutral900) !important;
}


/* c-sport */
.c-sport__dialog p {
    margin-bottom: 4px !important;
    padding: 0 !important;
}
.c-sport__dialog-title {
    margin-bottom: 16px;
}
.ui-dialog .ui-dialog-buttonpane button {
    flex: 1 !important;
}

#map iframe {
    width: 100%;
    border-radius: 4px;
}
.fieldItemCheckbox {
    display: inline-block;
    width: 33%;
    min-width: 207px;
}

/* c-transfer */

.c-transfer .datePicker {
    max-width: 375px;
}
.c-transfer label {
    display: inline-block;
    margin-bottom: 4px;
}
.c-transfer .c-textarea {
    max-width: 375px;
}
.c-transfer__field {
    margin-bottom: 16px;
}
.c-transfer__field-content {
    max-width: 684px;
    position: relative;
}
.c-transfer__field-text {
    max-width: 684px;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
}
.c-transfer__field-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 578px;
    padding: 16px 0;
    border-bottom: 1px solid var(--activate-neutral300);
}
.c-transfer__field-btn button {
    margin-left: 0 !important;
}
.c-transfer__card {
    max-width: 578px;
    padding: 16px;
    background: var(--activate-neutral50);
}
.c-transfer__list {
    overflow: visible !important;
    padding-left: 16px;
    margin-bottom: 8px;
    font-size: 14px;
    color: var(--activate-neutral700);
}
.c-transfer__list-desc {
    font-size: 12px;
    color: var(--activate-neutral700);
}
.c-transfer__list-subtitle {
    font-size: 14px;
    color: var(--activate-neutral900);
}
.c-transfer .error {
    max-width: 578px;
}
.c-transfer__field-content button {
    margin-left: 16px;
    flex-shrink: 0;
    max-width: max-content;
}
.c-transfer__field-button {
    position: absolute !important;
    left: 100%;
    top: 0;
}
.c-transfer__field-button--lg {
    position: absolute !important;
    left: 100%;
    top: 21px;
}
.c-transfer-form__wrapper {
    max-width: 760px;
}
.c-transfer-form__wrapper h2 {
    font-size: 19px;
    margin: 16px 0 8px;
    padding: 0;
    font-weight: 600;
}
.c-transfer-form__wrapper ul li {
    margin: 0;
    font-size: 14px;
    line-height: 17px;
}
.c-transfer-form__wrapper ol {
    padding-left: 32px;
    font-size: 14px;
    line-height: 17px;
}
.c-transfer-form__wrapper button {
    width: max-content;
}
.c-transfer-form__field {
    margin-bottom: 24px;
}
.c-transfer__esign-btn {
    width: 75px !important;
}
.c-transfer-form__wrapper .radioInput {
    flex-shrink: 0;
}
.c-transfer__buttons {
    display: flex;
    align-items: center;
    position: fixed;
    right: 56px;
    z-index: 9;
    bottom: 99px;
    background: var(--activate-neutral50);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 16px 32px;
}
.c-transfer__buttons button:not(:last-child) {
    margin-right: 8px;
}

.search-container {
    padding: 8px;
    display: flex;
}

/* Google Translate Options */
#goog-gt-tt, .goog-te-balloon-frame
{
  display: none !important;
}
.goog-text-highlight { 
  background: none !important;
  box-shadow: none !important;
}

.flex-container {
    display: flex;
}

.flex-child {
    text-align: right;
    vertical-align: baseline;
}

.flex-child:first-child {
    margin-right: 10px;
}

/* Tooltip container */
.tooltipDashboard {
    position: relative;
}

.custom-dialog {
    min-width: 500px;
}

@media screen and (max-width: 768px) {
    .custom-dialog {
        max-width: 90%;
        min-width: 90%;
    }
}

.progressBar {
    margin-left: 15px;

}
.progressBar .circle,
.progressBar .bar {
    display: inline-block;
    background: #fff;
    width: 40px; height: 40px;
    border-radius: 40px;
    border: 1px solid #d5d5da;
}
.progressBar .bar {
    position: relative;
    width: 80px;
    height: 6px;
    top: -33px;
    margin-left: -5px;
    margin-right: -5px;
    border-left: none;
    border-right: none;
    border-radius: 0;
}
.progressBar .circle .label {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 32px;
    margin-top: 3px;
    margin-left: 3px;
    color: #b5b5ba;
    font-size: 17px;
}
.progressBar .circle .title {
    color: #b5b5ba;
    font-size: 13px;
    line-height: 30px;
    margin-left: -5px;
}

/* Done / Active */
.progressBar .bar.done,
.progressBar .circle.done {
    background: #eee;
}
.progressBar .bar.active {
    background: linear-gradient(to right, #EEE 40%, #FFF 60%);
}
.progressBar .circle.done .label {
    color: #FFF;
    background: #81CE97;
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}
.progressBar .circle.done .title {
    color: #444;
    content:  "\2713 ";
}
.progressBar .circle.active .label {
    color: #FFF;
    background: #0c95be;
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}
.progressBar .circle.active .title {
    color: #0c95be;
}