body {
	background: url(/mybenefits/images/gradient-light.jpg) 0% 0% repeat-x fixed;
	background-color: #ececec !important;
	/*width: 11.5in;*/ 
	background-color:#FFF;
	font-family:Tahoma,Verdana,Segoe,sans-serif;
	font-size: 0.8em;
	font:0.8em Tahoma,Verdana,Segoe,sans-serif;
	margin:0;
	padding:0;
}


select::-ms-expand { display: none; }

select {
	max-width:100%;
}

input {
	max-width:100%;
}

/*************************************************************************************************/
/*Custom / Special Case
/*************************************************************************************************/

.individualGroupTDWidthAdjustment {width: 50px;}

.RRTextBlock {

	background-color:#FFF;
	font: normal 16px/1 "Times New Roman", Times, serif !important;
	color: #121623;
    font-weight: 400;
	line-height: 16px;
	padding: 20px;
}

.RRTextBlock h1,h2,h3,h4,h5,h6,b {
color: #000000;
}


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

/*************************************************************************************************/
/*Buttons
/*************************************************************************************************/

.standardMyBVavigationButtonDiv {
    display: flex !important;
    width: 100%;
    margin-top: 25px;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

.nextBackComboSpan {
	margin-left: auto;
}



.standardMyBButton {
  background: #267ab1 !important;
  background-image: -webkit-linear-gradient(top, #267ab1, #104a71) !important;
  background-image: -moz-linear-gradient(top, #267ab1, #104a71) !important;
  background-image: -ms-linear-gradient(top, #267ab1, #104a71) !important;
  background-image: -o-linear-gradient(top, #267ab1, #104a71) !important;
  background-image: linear-gradient(to bottom, #267ab1, #104a71) !important;
  -webkit-border-radius: 7 !important;
  -moz-border-radius: 7 !important;
  border-radius: 5px !important;
  -webkit-box-shadow: 0px 1px 3px #666666 !important;
  -moz-box-shadow: 0px 1px 3px #666666 !important;
  box-shadow: 0px 1px 3px #666666 !important;
  font-family: Arial !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 3px 7px 3px 7px !important;
  border: solid #0b6088 2px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  min-width: 70px;  
  height: 25px;
}

.standardMyBButton:hover, .standardMyBButton:focus {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #267ab1) !important;
  background-image: -moz-linear-gradient(top, #3cb0fd, #267ab1) !important;
  background-image: -ms-linear-gradient(top, #3cb0fd, #267ab1) !important;
  background-image: -o-linear-gradient(top, #3cb0fd, #267ab1) !important;
  background-image: linear-gradient(to bottom, #3cb0fd, #267ab1) !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.standardMyBGreyButton {
  background: #267ab1 !important;
  background-image: -webkit-linear-gradient(top, #267ab1, #104a71) !important;
  background-image: -moz-linear-gradient(top, #267ab1, #104a71) !important;
  background-image: -ms-linear-gradient(top, #267ab1, #104a71) !important;
  background-image: -o-linear-gradient(top, #267ab1, #104a71) !important;
  background-image: linear-gradient(to bottom, #267ab1, #104a71) !important;
  -webkit-border-radius: 7 !important;
  -moz-border-radius: 7 !important;
  border-radius: 7px !important;
  -webkit-box-shadow: 0px 1px 3px #666666 !important;
  -moz-box-shadow: 0px 1px 3px #666666 !important;
  box-shadow: 0px 1px 3px #666666 !important;
  font-family: Arial !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 5px 9px 5px 9px !important;
  border: solid #0b6088 2px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  min-width: 70px;  
  height: 25px;
}

.standardMyBGreyButton:hover, .standardMyBGreyButton:focus {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #267ab1) !important;
  background-image: -moz-linear-gradient(top, #3cb0fd, #267ab1) !important;
  background-image: -ms-linear-gradient(top, #3cb0fd, #267ab1) !important;
  background-image: -o-linear-gradient(top, #3cb0fd, #267ab1) !important;
  background-image: linear-gradient(to bottom, #3cb0fd, #267ab1) !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.standardMyBBackButton {
  background: #9fb3bf !important;
  background-image: -webkit-linear-gradient(top, #9fb3bf, #3c6179) !important;
  background-image: -moz-linear-gradient(top, #9fb3bf, #3c6179) !important;
  background-image: -ms-linear-gradient(top, #9fb3bf, #3c6179) !important;
  background-image: -o-linear-gradient(top, #9fb3bf, #3c6179) !important;
  background-image: linear-gradient(to bottom, #9fb3bf, #3c6179) !important;
  -webkit-border-radius: 7px 0px 0px 7px !important;
  -moz-border-radius: 7px 0px 0px 7px !important;
  border-radius: 7px 0px 0px 7px !important;
  -webkit-box-shadow: 0px 1px 3px #666666 !important;
  -moz-box-shadow: 0px 1px 3px #666666 !important;
  box-shadow: 0px 1px 3px #666666 !important;
  font-family: Arial !important;
  color: #ffffff !important;
  padding: 5px 28px 5px 30px !important;
  border: solid #7895a2 2px !important;
  text-decoration: none !important;
  cursor: pointer !important;  
  letter-spacing: 1px;
  font-size: 14px !important;
  font-weight: 700 !important;
  float:left;	
  height: 30px;
}

.standardMyBBackButton:hover, .standardMyBBackButton:focus {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #267ab1) !important;
  background-image: -moz-linear-gradient(top, #3cb0fd, #267ab1) !important;
  background-image: -ms-linear-gradient(top, #3cb0fd, #267ab1) !important;
  background-image: -o-linear-gradient(top, #3cb0fd, #267ab1) !important;
  background-image: linear-gradient(to bottom, #3cb0fd, #267ab1) !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.standardMyBNextButton {
  background: #3db151 !important;
  background-image: -webkit-linear-gradient(top, #3db151, #4a8646) !important;
  background-image: -moz-linear-gradient(top, #3db151, #4a8646) !important;
  background-image: -ms-linear-gradient(top, #3db151, #4a8646) !important;
  background-image: -o-linear-gradient(top, #3db151, #4a8646) !important;
  background-image: linear-gradient(to bottom, #3db151, #4a8646) !important;
   
  -webkit-border-radius: 0px 7px 7px 0px !important;
  -moz-border-radius: 0px 7px 7px 0px !important;
  border-radius: 0px 7px 7px 0px !important;
  -webkit-box-shadow: 0px 1px 3px #666666 !important;
  -moz-box-shadow: 0px 1px 3px #666666 !important;
	box-shadow: 0px 1px 3px #666666 !important;
	font-family: Arial !important;
	color: #ffffff !important;
	padding: 5px 25px 5px 25px !important;
	border: solid #46ab14 2px !important;
	text-decoration: none !important;
	cursor: pointer !important;
	letter-spacing: 1px;
	font-size: 14px !important;
	font-weight: 700 !important;
	float:left;	
	height: 30px;
}

.standardMyBNextButton:hover, .standardMyBNextButton:focus {
  background: #5ad84b;
  background-image: -webkit-linear-gradient(top, #5ad84b, #3db151) !important;
  background-image: -moz-linear-gradient(top, #5ad84b, #3db151) !important;
  background-image: -ms-linear-gradient(top, #5ad84b, #3db151) !important;
  background-image: -o-linear-gradient(top, #5ad84b, #3db151) !important;
  background-image: linear-gradient(to bottom, #5ad84b, #3db151) !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.standardMyBSaveButton  {

  background: #e6cb00 !important;
  background-image: -webkit-linear-gradient(top, #e6cb00, #b58600) !important;
  background-image: -moz-linear-gradient(top, #e6cb00, #b58600) !important;
  background-image: -ms-linear-gradient(top, #e6cb00, #b58600) !important;
  background-image: -o-linear-gradient(top, #e6cb00, #b58600) !important;
  background-image: linear-gradient(to bottom, #e6cb00, #b58600) !important;
   
  -webkit-border-radius: 7px 7px 7px 7px !important;
  -moz-border-radius: 7px 7px 7px 7px !important;
  border-radius: 7px 7px 7px 7px !important;
  -webkit-box-shadow: 0px 1px 3px #666666 !important;
  -moz-box-shadow: 0px 1px 3px #666666 !important;
	box-shadow: 0px 1px 3px #666666 !important;
	font-family: Arial !important;
	color: #ffffff !important;
	padding: 5px 15px 5px 20px !important;
	border: solid #9a8c27 2px !important;
	text-decoration: none !important;
	cursor: pointer !important;
	letter-spacing: 1px;
	font-size: 14px !important;
	font-weight: 700 !important;
	margin-right: auto;	
	min-width: 70px;
	height: 30px;
}

.standardMyBSaveButton:hover, .standardMyBExitButton:focus {
  background: #e6cb00 !important;
  background-image: -webkit-linear-gradient(top, #e6cb00, #b58600) !important;
  background-image: -moz-linear-gradient(top, #e6cb00, #b58600) !important;
  background-image: -ms-linear-gradient(top, #e6cb00, #b58600) !important;
  background-image: -o-linear-gradient(top, #e6cb00, #b58600) !important;
  background-image: linear-gradient(to bottom, #ffe521, #efb205) !important;
  text-decoration: none !important;
  cursor: pointer !important;

}

.standardMyBExitButton  {

  background: #e6cb00 !important;
  background-image: -webkit-linear-gradient(top, #e6cb00, #b58600) !important;
  background-image: -moz-linear-gradient(top, #e6cb00, #b58600) !important;
  background-image: -ms-linear-gradient(top, #e6cb00, #b58600) !important;
  background-image: -o-linear-gradient(top, #e6cb00, #b58600) !important;
  background-image: linear-gradient(to bottom, #e6cb00, #b58600) !important;
   
  -webkit-border-radius: 7px 7px 7px 7px !important;
  -moz-border-radius: 7px 7px 7px 7px !important;
  border-radius: 7px 7px 7px 7px !important;
  -webkit-box-shadow: 0px 1px 3px #666666 !important;
  -moz-box-shadow: 0px 1px 3px #666666 !important;
	box-shadow: 0px 1px 3px #666666 !important;
	font-family: Arial !important;
	color: #ffffff !important;
	padding: 5px 15px 5px 15px !important;
	border: solid #9a8c27 2px !important;
	text-decoration: none !important;
	cursor: pointer !important;
	letter-spacing: 1px;
	font-size: 14px !important;
	font-weight: 700 !important;
	margin-right: auto;
    min-width: 70px;
	height: 30px;	
}

.standardMyBExitButton:hover, .standardMyBExitButton:focus {
  background: #e6cb00 !important;
  background-image: -webkit-linear-gradient(top, #e6cb00, #b58600) !important;
  background-image: -moz-linear-gradient(top, #e6cb00, #b58600) !important;
  background-image: -ms-linear-gradient(top, #e6cb00, #b58600) !important;
  background-image: -o-linear-gradient(top, #e6cb00, #b58600) !important;
  background-image: linear-gradient(to bottom, #ffe521, #efb205) !important;
  text-decoration: none !important;
  cursor: pointer !important;

}

.greenMyBButton {
  background: #75a94e !important;
  background-image: -webkit-linear-gradient(top, #75a94e, #257b57) !important;
  background-image: -moz-linear-gradient(top, #75a94e, #257b57) !important;
  background-image: -ms-linear-gradient(top, #75a94e, #257b57) !important;
  background-image: -o-linear-gradient(top, #75a94e, #257b57) !important;
  background-image: linear-gradient(to bottom, #75a94e, #257b57) !important;
  -webkit-border-radius: 7 !important;
  -moz-border-radius: 7 !important;
  border-radius: 5px !important;
  -webkit-box-shadow: 0px 1px 3px #666666 !important;
  -moz-box-shadow: 0px 1px 3px #666666 !important;
  box-shadow: 0px 1px 3px #666666 !important;
  font-family: Arial !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 3px 7px 3px 7px !important;
  border: solid #6cab28 2px !important;
  text-decoration: none !important;
  cursor: pointer !important; 
  min-width: 70px; 
  height: 25px;  
}

.greenMyBButton:hover, .standardMyBButton:focus {
  background: #a0ff59;
  background-image: -webkit-linear-gradient(top, #a0ff59, #75a94e) !important;
  background-image: -moz-linear-gradient(top, #a0ff59, #75a94e) !important;
  background-image: -ms-linear-gradient(top, #a0ff59, #75a94e) !important;
  background-image: -o-linear-gradient(top, #a0ff59, #75a94e) !important;
  background-image: linear-gradient(to bottom, #a0ff59, #75a94e) !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.orangeBrownMyBButton {
  background: #d6aa46 !important;
  background-image: -webkit-linear-gradient(top, #d6aa46, #796519) !important;
  background-image: -moz-linear-gradient(top, #d6aa46, #796519) !important;
  background-image: -ms-linear-gradient(top, #d6aa46, #796519) !important;
  background-image: -o-linear-gradient(top, #d6aa46, #796519) !important;
  background-image: linear-gradient(to bottom, #d6aa46, #796519) !important;
  -webkit-border-radius: 7 !important;
  -moz-border-radius: 7 !important;
  border-radius: 5px !important;
  -webkit-box-shadow: 0px 1px 3px #666666 !important;
  -moz-box-shadow: 0px 1px 3px #666666 !important;
  box-shadow: 0px 1px 3px #666666 !important;
  font-family: Arial !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 3px 7px 3px 7px !important;
  border: solid #ada007 2px !important;
  text-decoration: none !important;
  cursor: pointer !important;  
  min-width: 70px;
  height: 25px;
}

.orangeBrownMyBButton:hover, .standardMyBButton:focus {
  background: #e6d13b;
  background-image: -webkit-linear-gradient(top, #e6d13b, #d6aa46) !important;
  background-image: -moz-linear-gradient(top, #e6d13b, #d6aa46) !important;
  background-image: -ms-linear-gradient(top, #e6d13b, #d6aa46) !important;
  background-image: -o-linear-gradient(top, #e6d13b, #d6aa46) !important;
  background-image: linear-gradient(to bottom, #e6d13b, #d6aa46) !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
/*************************************************************************************************/
/*************************************************************************************************/

/*************************************************************************************************/
/*Validation formatting
/*************************************************************************************************/	

.pageErrorDiv {

	margin-top:20px;
	margin-bottom: 20px;
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
	padding: 10px 20px 20px 20px !important;
	overflow: hidden !important;
	border: 3px dashed rgb(197, 80, 80) !important;
	-webkit-border-radius: 6px !important;
	border-radius: 6px !important;
	font: normal 16px/1 "Times New Roman", Times, serif !important;
	color: #185a75 !important;
	-o-text-overflow: ellipsis !important;
	text-overflow: ellipsis !important;
	background: -webkit-linear-gradient(-88deg, rgb(251, 218, 218) 0, rgb(222, 228, 232) 100%) !important;
	background: -moz-linear-gradient(178deg, rgb(251, 218, 218) 0, rgb(222, 228, 232) 100%) !important;
	background: linear-gradient(178deg, rgb(251, 218, 218) 0, rgb(222, 228, 232) 100%) !important;
	background-position: 50% 50% !important;
	-webkit-background-origin: padding-box !important;
	background-origin: padding-box !important;
	-webkit-background-clip: border-box !important;
	background-clip: border-box !important;
	-webkit-background-size: auto auto !important;
	background-size: auto auto !important;
	-webkit-box-shadow: 3px 3px 10px 0 rgba(69,88,124,0.66) !important;
	box-shadow: 3px 3px 10px 0 rgba(69,88,124,0.66) !important;
	display: none;
}


#errorSpanClient {
float:left;
width:100%;

}


.ErrorMessageHeader {

    border-bottom: #f5aeae 2px groove !important;
    color: #8c2811 !important;
    display: flex !important;
    font-size: 20px !important;
    padding-bottom: 4px;
	font-weight:900;    
}

.errorLineContainer {width:100%;float:left;padding-top:20px;}
.errorLineContainer span {
	float: left;
	font-size:16px;
	font-weight:900;
	margin-left: 10px;
	width: 93%;
	margin-top: 5px;
}

.errorLineContainer img {
	float:left;
	height: 26px;
}

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


/*************************************************************************************************/
/*Check Lists
/*************************************************************************************************/	


.standardMyBCheckListDiv ul {
	list-style-type: none;
	 padding-left: 2em;
}

.standardMyBCheckListDiv li {
	margin-top: 20px;
}

.standardMyBCheckListDiv li:before {
  content: "\2713";
  color: #059253;

    position: absolute;
  margin-left: -1.4em;
  font-weight: bold;
  margin-top:1px
}

.standardMyBTextFullDiv.standardTopMargin  ul.indentedHyphenList {
	list-style-type: none;
} 
  
.standardMyBTextFullDiv.standardTopMargin  ul.indentedHyphenList li {
	list-style-type: none;
	text-indent: -5px;
}
	
.standardMyBTextFullDiv.standardTopMargin  ul.indentedHyphenList li:before {
	content: "- ";
	text-indent: -5px;
}

/*************************************************************************************************/
/*************************************************************************************************/
	
/*************************************************************************************************/
/*Text Input
/*************************************************************************************************/	


.standardMyBSubTileDiv input, .standardMyBTileDiv input  {
	padding: 5px;
    border: solid 1px #a7a7a7;
    transition: box-shadow 0.3s, border 0.3s;
    font-family: sans-serif;
    font-size: 17px;
    box-shadow: 1px 1px 5px -1px #969696;
    border-radius: 3px;
}

.standardMyBSubTileDiv input:focus, .standardMyBTileDiv input:focus {
  border: solid 1px #1c6ade;
  box-shadow: 0 0 5px 1px #49a9e6;
}


.standardMyBTextArea textarea{
	width:100%;
}

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



/*************************************************************************************************/
/*Radio Buttons
/*************************************************************************************************/	

.clickAbleRadioHeader {
cursor: pointer;
}

.clickAbleRadioHeader label{ 
	width:100%;
}

.clickAbleRadioHeader label::before {
	margin-left:9px;
	margin-right:20px;
}

.clickAbleRadioHeader:hover {
    	background-color:#d0c544;

}

.singleMyBRadioLabel input[type="radio"] {
    width: 0px;
    height: 0px;
    visibility: collapse;
}

.individualGroupRadio   {
width:90px;

}

.singleMyBRadioLabel label {
    display: inline-block;
    position: relative;
    padding: 5px 5px 5px 5px;
    color: #657798;
    cursor: pointer;
    user-select: none;
    transition: background-color .2s, box-shadow .2s;
    text-overflow: ellipsis;
    overflow: hidden;
}

.singleMyBRadioLabel label::before {
    content: '';
    display: block;

    left: 10px;
    width: 12px;
    height: 12px;
    border: 3px solid #ffffff;
    box-shadow: 0 0 0 0.17em #848484;
    border-radius: 1em;
    background-color: #ffffff;
    transition: 0.5s ease all;
	float:left;
}


.singleMyBRadioLabel input[type=radio]:checked ~ label:before {
box-shadow: 0 0 0 0.21em #848484;
 background: #547e9c;
   /* line-height: 26px; */
}

.singleMyBRadioLabel span{
top: 0px !important;
}

.singleMyBRadioLabel ul {
    list-style: none !important;
    display: flex;
    justify-content: flex-start;
    padding: 0px;
    width: 100%;
    border: 2px solid #676767;
    border-radius: 5px;
    background-color: white;
    box-shadow: 3px 2px 15px rgba(0, 0, 0, .2);
    flex-wrap: wrap;
	margin-top: 0px;
}

.individualGroupRadio label {
    float: left;
    margin-left: 10px;
    margin-top: 13px;
    position: relative;
}






















.standardMyBRadioLabelDiv input[type="radio"] {
    opacity: 0;
	position:absolute;
  left:-9999px;
  width:0px;
  height:0px;
  float:left;
}


.standardMyBRadioLabelDiv label {
    display: block;
    position: relative;
    padding: 15px 0px 15px 62px;
    color: #657798;
    cursor: pointer;
    user-select: none;
    transition: background-color .2s, box-shadow .2s;
    text-overflow: ellipsis;
    overflow: hidden;
}

.standardMyBRadioLabelDiv label::before {
    content: '';
    display: block;
    position: absolute;
    top: 15px;
    /* bottom: 10px; */
    left: 10px;
    width: 12px;
    height: 12px;
    border: 3px solid #ffffff;
    box-shadow: 0 0 0 0.17em #848484;
    border-radius: 1em;
    background-color: #ffffff;
    transition: 0.5s ease all;
}


.standardMyBRadioLabelDiv input[type=radio]:checked ~ label:before {
box-shadow: 0 0 0 0.21em #848484;
 background: #547e9c;
   /* line-height: 26px; */
}


.standardMyBRadioLabelDiv ul {
    list-style: none !important;
    display: flex;
    justify-content: flex-start;
    padding: 0px;
    width: 100%;
    border: 2px solid #676767;
    border-radius: 5px;
    background-color: white;
    box-shadow: 3px 2px 15px rgba(0, 0, 0, .2);
    flex-wrap: wrap;
	margin-top: 0px;
}

.standardMyBRadioLabelDiv input[type=radio]:focus ~ label {
 
    	background-color:#a3c1d2 !important;

}


.standardMyBRadioLabelDiv li:hover  {
 
    	background-color:#a3c1d2;

}

.standardMyBRadioLabelDiv li  {
    border-bottom: 1px dotted #bdbdbd !important;
    border-right: none !important;
    color: #000 !important;
    width: 100%;
}


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


/*************************************************************************************************/
/*Radio Buttons without Border and Dots
/*************************************************************************************************/	

.myBRadioLabelOtherContainerDiv {
    width: 100%;
    border: 2px solid #676767;
    border-radius: 5px;
    background-color: white;
    box-shadow: 3px 2px 15px rgba(0, 0, 0, .2);
}

.standardMyBRadioLabelNoBorderNoDotsDiv input[type="radio"] {
    opacity: 0;
 float:right;
}


.standardMyBRadioLabelNoBorderNoDotsDiv label {
    display: block;
    position: relative;
    padding: 15px 0px 15px 62px;
    color: #657798;
    cursor: pointer;
    user-select: none;
    transition: background-color .2s, box-shadow .2s;
    text-overflow: ellipsis;
    overflow: hidden;
}

.standardMyBRadioLabelNoBorderNoDotsDiv label::before {
    content: '';
    display: block;
    position: absolute;
    top: 15px;
    /* bottom: 10px; */
    left: 10px;
    width: 12px;
    height: 12px;
    border: 3px solid #ffffff;
    box-shadow: 0 0 0 0.17em #848484;
    border-radius: 1em;
    background-color: #ffffff;
    transition: 0.5s ease all;
}


.standardMyBRadioLabelNoBorderNoDotsDiv input[type=radio]:checked ~ label:before {
box-shadow: 0 0 0 0.21em #848484;
 background: #547e9c;
   /* line-height: 26px; */
}


.standardMyBRadioLabelNoBorderNoDotsDiv ul {
    list-style: none !important;
    display: flex;
    justify-content: flex-start;
    padding: 0px;
    width: 100%;
    background-color: white;
    flex-wrap: wrap;
	margin-top: 0px;
	margin-bottom: 0px;
}

.standardMyBRadioLabelNoBorderNoDotsDiv input[type=radio]:focus ~ label {
    	background-color:#a3c1d2 !important;
}

.standardMyBRadioLabelNoBorderNoDotsDiv li:hover  {
    	background-color:#a3c1d2;
}

.standardMyBRadioLabelNoBorderNoDotsDiv li  {
    border-right: none !important;
    color: #000 !important;
    width: 100%;;
}

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


/*************************************************************************************************/
/*Button List
/*************************************************************************************************/	

.standardMyBButtonListDiv ul {
    list-style: none !important;
    display: flex;
    justify-content: flex-start;
    padding: 0px;
    width: 100%;
    border-radius: 5px;
    background-color: white;
    box-shadow: 3px 2px 15px rgba(0, 0, 0, .2);
    flex-wrap: wrap;
	margin-top: 0px;
}




.standardMyBButtonListDiv li:hover  {
 
    	background-color:#cce7f9;
		 box-shadow: 0 0 8px 3px #49a9e6;

}

.standardMyBButtonListDiv li  {
    border-bottom: 1px dotted #bdbdbd !important;
    border-right: none !important;
    color: #657798!important;
    width: 100%;
    padding: 20px 0px 20px 20px;
    font-size: 15px;
    font-family: arial;
    font-weight: 900;
    text-shadow: #6183a0 4 6 4;
    cursor:pointer;
   
}

.standardMyBButtonListDiv a  {

    color: #657798 !important;
    cursor:pointer;
    text-decoration:none;
    padding: 5px 5px 5px 5px;
}

.standardMyBButtonListDiv a:focus  {

    	background-color:#cce7f9;
		 box-shadow: 0 0 8px 3px #49a9e6;
}

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

	
/*************************************************************************************************/
/*Checkboxes
/*************************************************************************************************/	

.clickAbleChecboxHeader {
cursor: pointer;
}

.clickAbleChecboxHeader label{
	width:100%;
}

.clickAbleChecboxHeader label::before {
	margin-left:10px;
	margin-right:20px;
}

.clickAbleChecboxHeader:hover {
    background-color:#d0c544;
}

.jsClickAbleChecboxHeader {
    background-color:#d0c544;
}

.singleMyBCheckboxLabel input[type="checkbox"] {
    width: 0px;
    height: 0px;
	visibility: collapse;	
}

.individualGroupCheckbox label {
    margin-right: 9px;
    position: relative;
    margin-top: 4px;
}

.singleMyBCheckboxLabel label {
    display: inline-block;
    color: #5B677D;
    cursor: pointer;
    user-select: none;
    transition: background-color .2s, box-shadow .2s;
    text-overflow: ellipsis;
    overflow: hidden;
}

.singleMyBCheckboxLabel label::before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    border: 3px solid #6c7173;
    border-radius: 4px;
    background-color: #dcdcdc;
    transition: background-color .2s;
    float: left;
}


.singleMyBCheckboxLabel input[type=checkbox]:checked ~ label:before {
   content: "\2713";
   text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
   font-size: 25px;
   color: #5183b7;
   text-align: center;
   line-height: 26px;
}


.singleMyBCheckboxLabel ul {
    list-style: none !important;
    display: flex;
    justify-content: flex-start;
    padding: 0px;
    width: 100%;
    border: 2px solid #676767;
    border-radius: 5px;
    background-color: white;
    box-shadow: 3px 2px 15px rgba(0, 0, 0, .2);
    flex-wrap: wrap;
}



.standardMyBCheckboxLabelDiv input[type="checkbox"] {
    opacity: 0;
	position:absolute;
  left:-9999px;
  width:0px;
  height:0px;
  float:left;
 
}


.standardMyBCheckboxLabelDiv label {
    display: block;
    position: relative;
    padding: 15px 0px 15px 62px;
    color: #5B677D;
    cursor: pointer;
    user-select: none;
    transition: background-color .2s, box-shadow .2s;
    text-overflow: ellipsis;
    overflow: hidden;
}

.standardMyBCheckboxLabelDiv label::before {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    /* bottom: 10px; */
    left: 10px;
    width: 25px;
    height: 25px;
    border: 3px solid #6c7173;
    border-radius: 4px;
    background-color: #dcdcdc;
    transition: background-color .2s;
}


.standardMyBCheckboxLabelDiv input[type=checkbox]:checked ~ label:before {
   content: "\2713";
   text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
   font-size: 25px;
   color: #5183b7;
   text-align: center;
   /* line-height: 26px; */
}


.standardMyBCheckboxLabelDiv ul {
    list-style: none !important;
    display: flex;
    justify-content: flex-start;
    padding: 0px;
    width: 100%;
    border: 2px solid #676767;
    border-radius: 5px;
    background-color: white;
    box-shadow: 3px 2px 15px rgba(0, 0, 0, .2);
    flex-wrap: wrap;
}


.standardMyBCheckboxLabelDiv li:hover  {
 
    	background-color:#a3c1d2;

}

.standardMyBCheckboxLabelDiv input[type=checkbox]:focus ~ label {
 
    	background-color:#a3c1d2 !important;

}

.standardMyBCheckboxLabelDiv li  {
    border-bottom: 1px dotted #bdbdbd !important;
    border-right: none !important;
    color: #000 !important;
    width: 100%;;
}
 
.requiredSubDiv div{
    box-shadow: 0px 0px 5px 3px rgba(251, 0, 0, 0.65)!important;
    border: 1px solid rgb(255, 203, 203) !important; 
 }
 
.requiredFieldInput input{

    box-shadow: 0px 0px 2px 2px rgba(251, 0, 0, 0.65)!important;
	border: 1px solid rgb(255, 203, 203) !important;
	margin-top:2px;
}

.requiredFieldSelect select {

    box-shadow: 0px 0px 2px 2px rgba(251, 0, 0, 0.65)!important;
	border: 1px solid rgb(255, 203, 203) !important;
	margin-top:5px;
}

.requiredTextfield input {

    box-shadow: 0px 0px 2px 2px rgba(251, 0, 0, 0.65);
	border: 1px solid rgb(255, 203, 203) !important;
	margin-top:5px;	
}

.requiredFieldRadioMenu ul {
    box-shadow: 0px 0px 5px 3px rgba(251, 0, 0, 0.65)!important;
    border: 1px solid rgb(255, 203, 203) !important;
	margin-top:5px;
}

.requiredFieldCheckRadioMenu li {
    box-shadow: 0px 0px 5px 3px rgba(251, 0, 0, 0.65)!important;
    border: 1px solid rgb(255, 203, 203) !important;
}

/*
.requiredField label:after {
 content:"*";
float:left;
color:#f54040;
font-size:24px;
margin-right:5px;
}
*/

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


/*************************************************************************************************/
/*Standard Web Elements
/*************************************************************************************************/	

.pageTitle {
	font-size: 27px;
	font-family: Trebuchet MS;
	font-weight:900px;
	display:flex;
	align-items: center;
    justify-content: center;
    color:#35475d;
    text-shadow: 1px 1px #c5c5c5 !important;
}

.standardTopBottomLabelElementComboContent select, .standardMyBSelect {
    text-overflow: ellipsis;
    -webkit-appearance: none;
	-moz-appearance:none;
    border: 2px solid #BBBBBB;
    box-shadow: none;
    padding: 7px 30px 7px 10px;
    font-size: 13px;
    background-color: #FFFFFF;
    background-image: url("/mybenefits/images/adaptive/chevron-down.png");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: right 10px center;
    color: #5a5a5a;
    border-radius: 5px;
    font-family: 'Open Sans', sans-serif;
    text-shadow: transparent 0px 0px 0px, rgba(0,0,0,0.68) 0px 0px 0px !important;
    font-weight: 600;
    height: 35px;
    cursor: pointer;
 }
	
	.standardMyBLabelValueDiv {
    color: #37648c !important;
    font-size: 20px !important;
    border-bottom:aliceblue 2px groove;
    padding-bottom:5px;
}

.standardFormReadOnlyTitle {
    color: #3a5b6b;
    font-weight: 600;
    font-size: 16px;
	margin-right: 20px;
}

.standardFormReadOnlyValue {
    color: #825a00;
    font-weight: 600;
    font-size: 15px;
}

.seaGreenContainer {
    background-color: #a2b7b5;
    border-radius: 6px !important;
    padding: 5px;
    border: 2px solid #4b6d8a !important;
}
	
.lightBlueContainer {
    background-color: #bdd2dc;
    border-radius: 6px !important;
    padding: 5px;
    border: 1px solid #4b6d8a !important;
}	

.lightBlueContainer div {
	margin-bottom: 7px;
}	

.mediumGreyContainer {
    background-color: #c7c7c7;
    border-radius: 6px !important;
    padding: 5px;
    border: 2px solid #4b6d8a !important;
}

.maleFemaleIcon {
	width: auto;
	height: 57px;
}

.maleFemaleIndividualGroup {
	width: auto;
	height: 57px;
	float: right;
	margin-right: 10px;
}

.standardMyBTextBoxScrollDiv {
	height: 300px;
	overflow-y: scroll;
	background-color: #FFFFFF;
	 padding: 10px 20px 10px 20px;
	  border: 1px solid rgb(188, 211, 222) !important;
	  -webkit-border-radius: 6px !important;
	  border-radius: 4px !important;	
}

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


/*************************************************************************************************/
/*Standard Tile
/*************************************************************************************************/

.standardMyBTileDiv {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
  margin: 30px 0 0 !important;
  padding: 10px 20px 20px 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(132,118,118,1) !important;
  -webkit-border-radius: 6px !important;
  border-radius: 6px !important;
  font: normal 16px/1 "Times New Roman", Times, serif !important;
  color: #0c3140 !important;
  -o-text-overflow: ellipsis !important;
  text-overflow: ellipsis !important;
  background: -webkit-linear-gradient(-88deg, rgba(232,234,237,1) 0, rgb(222, 228, 232) 100%) !important;
  background: -moz-linear-gradient(178deg, rgba(232,234,237,1) 0, rgb(222, 228, 232) 100%) !important;
  background: linear-gradient(178deg, rgba(232,234,237,1) 0, rgb(222, 228, 232) 100%) !important;
  background-position: 50% 50% !important;
  -webkit-background-origin: padding-box !important;
  background-origin: padding-box !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-background-size: auto auto !important;
  background-size: auto auto !important;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(69,88,124,0.66) !important;
  box-shadow: 3px 3px 10px 0 rgba(69,88,124,0.66) !important;
}

.standardMyBTileDivBackgroundWhiteThickBorder {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
  margin: 30px 0 0 !important;
  padding: 10px 20px 20px 20px !important;
  overflow: hidden !important;
  border: 2px solid #676767 !important;;
  -webkit-border-radius: 6px !important;
  border-radius: 6px !important;
  font: normal 16px/1 "Times New Roman", Times, serif !important;
  color: #0c3140 !important;
  -o-text-overflow: ellipsis !important;
  text-overflow: ellipsis !important;
  background: -webkit-linear-gradient(-88deg, rgba(255, 255, 255,1) 0, rgb(255, 255, 255) 100%) !important;
  background: -moz-linear-gradient(178deg, rgba(255, 255, 255,1) 0, rgb(255, 255, 255) 100%) !important;
  background: linear-gradient(178deg, rgba(255, 255, 255,1) 0, rgb(255, 255, 255) 100%) !important;
  background-position: 50% 50% !important;
  -webkit-background-origin: padding-box !important;
  background-origin: padding-box !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-background-size: auto auto !important;
  background-size: auto auto !important;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(69,88,124,0.66) !important;
  box-shadow: 3px 3px 10px 0 rgba(69,88,124,0.66) !important;
}

.standardMyBIncreasedLineHeightTileDiv {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
  margin: 30px 0 0 !important;
  padding: 10px 20px 20px 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(132,118,118,1) !important;
  -webkit-border-radius: 6px !important;
  border-radius: 6px !important;
  font: normal 16px/1.25 "Times New Roman", Times, serif !important;
  color: #0c3140 !important;
  -o-text-overflow: ellipsis !important;
  text-overflow: ellipsis !important;
  background: -webkit-linear-gradient(-88deg, rgba(232,234,237,1) 0, rgb(222, 228, 232) 100%) !important;
  background: -moz-linear-gradient(178deg, rgba(232,234,237,1) 0, rgb(222, 228, 232) 100%) !important;
  background: linear-gradient(178deg, rgba(232,234,237,1) 0, rgb(222, 228, 232) 100%) !important;
  background-position: 50% 50% !important;
  -webkit-background-origin: padding-box !important;
  background-origin: padding-box !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-background-size: auto auto !important;
  background-size: auto auto !important;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(69,88,124,0.66) !important;
  box-shadow: 3px 3px 10px 0 rgba(69,88,124,0.66) !important;
}

.standardMyBTextFullDiv{
    color: #373c4e;
    font-weight: 400;
}

}
.standardMyBFlexFullDiv{
    display: flex;
    color: #373c4e;
    font-weight: 400;
}

.standardMyBTileContentDiv {
    margin-top: 5px !important;
}

.standardMyBTileHeaderDiv {
    border-bottom: #f0f8ff 2px groove !important;
    color: #37648c !important;
    display: flex !important;
    justify-content: space-between;
    font-size: 20px !important;
    padding-bottom: 6px;
}

.standardMyBTileHeaderDiv b {
}

.requiredFieldText {
	color: #cc3a3a;
	margin-left: 15px;
}

#pageHeaderContentDiv > * {
	width: 100%;
	display: flex;
	flex-direction:column;
	text-align:center;
}

#pageHeaderContentDiv strong {
margin-top:15px
}


.standardMyBSubTileDiv {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
  padding: 10px 20px 10px 20px !important;
  overflow: hidden !important;
  border: 1px solid rgb(188, 211, 222) !important;
  -webkit-border-radius: 6px !important;
  border-radius: 4px !important;
  font: normal 16px/1 "Times New Roman", Times, serif !important;
  -o-text-overflow: ellipsis !important;
  text-overflow: ellipsis !important;
  background-color: white;
}

.standardMyBSubTileContentDiv {
    margin-top: 5px !important;
}

.standardMyBSubTileHeaderDiv {
    border-bottom: #f0f8ff 2px groove !important;
    color: #37648c !important;
    display: flex !important;
    justify-content: space-between;
    font-size: 18px !important;
    padding-top: 9px;
	padding-bottom: 6px;
}

.standardMyBSubTileHeaderDiv div {

position:relative;
bottom:7px;

}

.standardMyBSubTileHeaderDiv b {
	margin-left:10px
}

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



/*************************************************************************************************/
/*Form Layout
/*************************************************************************************************/

.flexAlignItemsStart {
	align-items: flex-start;
}

.flexAlignItemsCenter {
	align-items: center;
}


.standardMyBFloatRightDiv {
    display: flex !important;
    justify-content: flex-end !important;
	float:left !important;
	width:100% !important;
	margin-top: 20px;
}

.standardMyBFlexLeftDiv {
    display: flex !important;
    justify-content: flex-start !important;
	flex-wrap: wrap !important;
    width:100% !important;
}

.standardMyBFlexCenterDiv {
    display: flex !important;
    justify-content: center !important;
	flex-wrap: wrap !important;
    width:100% !important;
}

.standardMyBFlexRightDiv {
    display: flex !important;
    justify-content: flex-end !important;
	flex-wrap: wrap !important;
    width:100% !important;
}

.standardSpaceBetweenElementNoWrap{
    display: flex !important;
    justify-content: space-between !important;
	flex-wrap: nowrap !important;
}

.standardSpaceBetweenElementWrap {
    display: flex !important;
    justify-content: space-between !important;
	flex-wrap: wrap !important;
}

.standardLeftRightLabelElementCombo {
    display: flex;
	flex-wrap: wrap !important;
	justify-content: left !important;
	flex-direction: row !important;
}


.standardTopBottomLabelElementCombo {
    display: flex;
	flex-wrap: wrap !important;
	justify-content: center !important;
	flex-direction: column !important;
}

.standardTopBottomLabelElementComboTitle {
    color: #3a5b6b;
    font-weight: 600;
    font-size: 16px;
    width: 97%;
}

.standardTopBottomLabelElementComboContent {
	margin-top:5px;
}

.individualOutsidePayee label{
  bottom: 5px;
}

.breakWordAll {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}


.centerText {
text-align:center;
}


.tabIndent {
margin-left: 40px;
}


.hiddenElement {
	display:none;
}

.smallLeftMargin {
margin-left:5px;

}

.mediumLeftMargin {
margin-left:10px;

}

.extraLargeLeftMargin {
	margin-left:60px;
}

.microRightMargin {
margin-Right:2px;

}

.tinyRightMargin {
margin-Right:5px;

}

.tinySmallRightMargin {
	margin-Right:10px;
}

.smallRightMargin {
margin-Right:15px;

}

.standardRightMargin {
margin-Right:20px;

}

.mediumRightMargin {
margin-Right:25px;

}

.largeRightMargin {
margin-Right:40px;

}

.hugeRightMargin {
margin-Right:70px;

}

.zeroTopMargin {
margin-top:0px !important;

}

.microTopMargin {
margin-top:2px;

}

.tinyTopMargin {
margin-top:5px;

}

.tenPXTopMargin {
	margin-top:10px;
}

.tinyTopBottomMargin {
margin-top:2px;
margin-bottom:15px;

}

.smallTopMargin {
margin-top:15px;

}

.standardTopMargin {
margin-top:20px;

}

.mediumTopMargin {
margin-top:25px;

}

.largeTopMargin {
margin-top:40px;

}

.hugeTopMargin {
margin-top:70px;

}

.microBottomMargin {
margin-Bottom:2px;

}

.tinyBottomMargin {
margin-Bottom:5px;

}

.tenPXBottomMargin {
	margin-Bottom:10px;
}

.smallBottomMargin {
margin-Bottom:15px;

}

.standardBottomMargin {
margin-Bottom:20px;

}

.mediumBottomMargin {
margin-Bottom:25px;

}

.largeBottomMargin {
margin-Bottom:40px;

}

.hugeBottomMargin {
margin-Bottom:70px;

}

.padding10px {
 padding:10px;
}

.displayNone {
	display: none;
}

.textColorLightBlue {
	color:#4aa0c1;
}

.textColorWhite {
	color:#FFFFFF;
}

.textColorBlack {
	color:#000000;
}

.textColorRed {
	color: #ff0000;
}

.fontBold {
	font-weight: 900;
}

.fontCapitalize {
  text-transform: capitalize;
}

.fontUppercase {
  text-transform: uppercase;
}

.fontLowercase {
  text-transform: lowercase;
}

.standardMyBColumnAlignCenterFlex {
	display: flex;
	flex-direction:column;
	text-align:center;
}

.standardMyBColumnAlignCenterInlineFlex {
	display: inline-flex;
	flex-direction:column;
	text-align:center;
	padding: 20px;
}

.standardMyBColumnAlignCenterFlex img {
align-self: center;
}

.fullLengthElement {
	width: 100%;
}

.Length75PercentElement {
	width: 75%;
}

.Length50PercentElement {
	width: 50%;
}

.Length40PercentElement {
	width: 40%;
}

.Length25PercentElement {
	width: 25%;
}

.Length10PercentElement {
	width: 10%;
}

.width5pxElement {
	width:5px;
}

.width10pxElement {
	width:10px;
}

.width15pxElement {
	width:15px;
}

.width20pxElement {
	width:20px;
}

.width25pxElement {
	width:25px;
}

.width30pxElement {
	width:30px;
}

.width35pxElement {
	width:35px;
}

.width40pxElement {
	width:40px;
}
.width50pxElement {
	width:50px;
}

.width65pxElement {
	width:65px;
}

.width75pxElement {
	width:75px;
}

.width85pxElement {
	width:85px;
}

.width100pxElement {
	width:100px;
}

.width125pxElement {
	width:125px;
}

.width150pxElement {
	width:150px;
}

.width200pxElement {
	width:200px;
}

.width250pxElement {
	width:250px;
}

.width300pxElement {
	width:300px;
}

.width350pxElement {
	width:350px;
}

.width400pxElement {
	width:400px;
}

.width450pxElement {
	width:450px;
}

.width500pxElement {
	width:500px;
}

.maxWidth20pxElement {
	width:20px;
}

.maxWidth50pxElement {
	width:50px;
}

.maxWidth75pxElement {
	width:75px;
}

.maxWidth100pxElement {
	width:100px;
}

.maxWidth200pxElement {
	width:200px;
}

.maxWidth250pxElement {
	width:250px;
}

.maxWidth300pxElement {
	width:300px;
}

.maxWidth400pxElement {
	width:400px;
}

.maxWidth500pxElement {
	width:500px;
}

.standardPaddingLeft {
 padding-left: 20px;
}

.standardPaddingRight {
 padding-right: 20px;
}

.disabledElement {

  background-color: #a0a0a0 !important; 

  }
  
.floatNone {
	float: none !important;
}  
  
/*************************************************************************************************/
/*************************************************************************************************/


/*************************************************************************************************/
/*3rd party modules
/*************************************************************************************************/
	#ui-datepicker-div {
		z-index: 999999 !important;
	}

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

/*************************************************************************************************/
/*Tables
/*************************************************************************************************/

.highlightRows  tr:hover  td{
          background: #a3c1d2;
		  cursor: pointer
        }

.jsHighlightRow {
          background-color: #a3c1d2  !important;	
        }
		
.rowDisabled:nth-of-type(odd) { 
  background: #a0a0a0 !important; 
}

.rowDisabled:nth-of-type(even) { 
  background: #929292 !important; 
}

.rowDisabled label::before {
background-color:#888888;
}

.standardMyBAdaptiveTable {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}

.standardMyBAdaptiveTable  table { 
  width: 100% !important; 
  border-collapse: collapse !important; 
}
/* Zebra striping */
.standardMyBAdaptiveTable  tr:nth-of-type(odd) { 
  background: #eee !important; 
}

.standardMyBAdaptiveTable  tr:nth-of-type(even) { 
  background: #fdfdfd !important; 
}

.standardMyBAdaptiveTable  th { 
  background: #333 !important; 
  color: white !important; 
  font-weight: bold !important; 
  padding: 6px !important; 
  text-align: center !important;
  vertical-align:middle;  
}

.standardMyBAdaptiveTable  td {
  padding: 12px !important; 
  text-align: center !important;
  vertical-align:middle; 
  border: 1px solid #ccc !important;
  color: #585858;
  }

  .standardMyBAdaptiveTable  th {
  border-bottom: 1px solid #ccc !important; 
  border-right: 1px solid #ccc !important; 
  }
  
   .standardMyBAdaptiveTable  th:last-child {
  border-right: 0px !important; 
  } 
  
.standardMyBAdaptiveTable  th:first-child  {
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;	
	-webkit-border-top-left-radius: 5px;
}

.standardMyBAdaptiveTable th:last-child  {
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;	
	-webkit-border-top-right-radius: 5px;
}


.standardMyBAdaptiveTable tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;	
	-webkit-border-bottom-left-radius: 5px;
}

.standardMyBAdaptiveTable tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;	
	-webkit-border-bottom-right-radius: 5px;
}

.standardMyBWithHeaderAdaptiveTable {width: 100%;border-collapse: collapse;border-spacing: 0;}

.standardMyBWithHeaderAdaptiveTable  table { 
  width: 100% !important; 
  border-collapse: collapse !important; 
}
/* Zebra striping */
.standardMyBWithHeaderAdaptiveTable  tr:nth-of-type(odd) { 
  background: #eee; 
}

.standardMyBWithHeaderAdaptiveTable  tr:nth-of-type(even) { 
  background: #fdfdfd; 
}

.standardMyBWithHeaderAdaptiveTable  th { 
  background: #333 !important; 
  color: white !important; 
  font-weight: bold !important; 
   padding: 6px !important; 
  text-align: center !important;
  vertical-align:middle; 
}

.standardMyBWithHeaderAdaptiveTable  td {
  padding: 12px !important; 
  text-align: center !important;
  vertical-align:middle; 
  border-left: 1px solid #ccc !important;
  color: #585858;
  font-size: 16px;
  }

  .standardMyBWithHeaderAdaptiveTable  th {
	border-top: 2px groove #ccc !important; 
	border-right: 1px solid #ccc !important; 
  }
  
   .standardMyBWithHeaderAdaptiveTable  th:last-child {
  border-right: 0px !important; 
  } 
  
.standardMyBWithHeaderAdaptiveTableDiv {
    background-color: #aebbba;
    border-radius: 5px;
    border: 3px groove #e2e2e2 !important;
}

.standardMyBWithHeaderAdaptiveTableTitleDiv {
	padding-right:10px;
	padding-top: 7px;
	padding-bottom: 0px;
	font-size: 17px;
	font-family: Arial;
	display: flex !important;
	justify-content: space-between;
}



.standardMyBWithHeaderAdaptiveTableTitleDiv a {

	font-size: 14px;

}

.standardMyBWithHeaderAdaptiveTableTitleDiv span {
	text-indent: 12px;
	line-height: 25px;
	position: relative;
	top: 1px;
	color: #808080;
	font-weight: 600;
	font-size: 18px;
}

.leftFlexMyBWithHeaderAdaptiveTableTitleDiv {
	padding-right:10px;
	padding-top: 7px;
	padding-bottom: 5px;
	font-size: 17px;
	font-family: Arial;
	display: flex !important;
	justify-content: flex-start;
}


.leftFlexMyBWithHeaderAdaptiveTableTitleDiv span {
	text-indent: 12px;
	position: relative;
	top: 6px;
	color: #808080;
	font-weight: 600;
	font-size: 18px;
}

.standardMyBTableFooterDiv {
	padding-left: 10px;
	padding-bottom: 10px;	
}	


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



/*************************************************************************************************/
/*Legacy
/*************************************************************************************************/

#nygov-universal-footer {
	float:left;
	width:100%;	
}	



#mainContent {
 	background-color: #ffffff;
    padding: 9px;
}


#wrapper {
    margin: 12px auto;
    max-width: 1000px;
    position: relative;
	background-color: #f1f1f1;
	z-index:998;
}

#commonHeaderMainDiv {
    float: left;
    width: 100%;
	margin-bottom: 20px;
	}

#commonMenuBar {
    margin-top: -12px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	}
	
#commonMenuBarLevel1 {
    background-color: #313131;
    border-bottom: 2px groove #676767;
    width: 100%;
	padding: 8px;
	}
	
#commonMenuBarLevel2 {
	width:100%;
	float:left;
	min-height: 40px;
	}		

	
#commonMenuBarDateHolder {
    font-family: Tahoma;
    color: #FFFFFF;	
	}	


#commonMenuBarLanguageOptionsHolder {
  	float: left;
    margin-left: 7px;
    margin-top: 12px;
    width: auto;
	}
	
#commonMenuBarUserOptionsHolder {
    float: right;
    height: 31px;
    width: 49%;
	}

#commonMenuBarUserOptionsHolderSpan {
    color: #FFFFFF;
    font-family: Georgia;
    font-size: 13px;
    font-weight: 900;
}

#commonFooter {
    float: left;
    background-color: #333333;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end;
	}
	
#otdaFooterWrapper {
	align-items: center;
}

#otdaFooterLinks {
    margin-bottom: 20px;
    margin-right: 25px;
    flex: 1 1 65%;
}

#otdaSideTitle {
    color: #d8d8d8;
    font-family: arial black;
    font-size: 22px;
    font-weight: bolder;
    display: flex;
    padding-left: 17px;
    flex: 1 1 2%;
}
	
.commonFooterLinks {
    color: #f1f1f1 !important;
    font-size: 15px !important;
    text-decoration: none !important;
    margin-top: 16px;
    margin-right: 50px;
    font-family: 'ProximaNovaRegular', sans-serif;
    letter-spacing: 0.5px;
}	

.commonFooterLinks:hover {
    color: #2475aa !important;
}	

#commonFooterMain {
	display:flex;
    width: 100%;
}

#commonFooterLeft {
    float: left;
    margin-bottom: 8px;
    margin-top: 11px;
    width: 28%;
	}
	
#commonFooterCenter {
    float: left;
    margin-left: 20px;
    margin-top: 8px;
    width: 45%;
	}	
	
#commonFooterRight {
   	background: url("/mybenefits/images/footer-link-arrow.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    float: right;
    height: 20px;
    margin-right: 8px;
    margin-top: 6px;
	}
	
#commonFooterRight a {	
    color: #1c354d;
    float: left;
    font-weight: bold;
    margin-top: 2px;
    padding-right: 35px;
}

#otdaTitle {
    color: #d8d8d8;
    float: left;
    font-family: arial black;
    font-size: 15px;
    font-weight: bolder;
    border-bottom: 1px groove #9c9c9c;
    padding-bottom: 10px;
    padding-top: 5px;

	}	
	
.details_yellow {
    background-color: #FCCE00;
}
	

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


/*************************************************************************************************/
/*MyB Menu
/*************************************************************************************************/

#myBMainMenu  {
  width:100%;
  z-index: 999999;
}

#myBMainMenu .wrap {
  width:100%;

}

#myBMainMenu .wrap nav {
  display: flex;
  flex-wrap:nowrap;

}

#myBMainMenu a {
  text-decoration: none !important;
  color: #fff !important;
  display: block !important;
}

.primaryFloatLeft {
justify-content: flex-start;
width:75%
}

.primaryFloatRight {
justify-content: flex-end;
width:25%;
}

.primaryFloatLeft a{
  border-right: 1px solid #3D3D3D !important;
}

#myBMainMenu ul.primary li:last-child a {
  border-right: none !important;
}


.primaryFloatRight a{ 
 border-right: none !important; 
 border-left: 1px solid #3D3D3D !important;
}

#myBMainMenu ul {
  list-style: none !important;
  position: relative !important;
  text-align: left !important;
  display: flex;
  padding: 0px;
  margin: 0px;
}

#myBMainMenu li {
  /*float: left !important;*/
}

/* clear'n floats */
#myBMainMenu ul:after {
 /* clear: both !important;*/
}

#myBMainMenu ul:before,
#myBMainMenu ul:after {
    content: " " !important;
    display: table !important;
}

#myBMainMenu nav {
  position: relative !important;
  background: #2B2B2B !important;
  background-image: -webkit-linear-gradient(bottom, #2B2B2B 7%, #333333 100%) !important;
  background-image: -moz-linear-gradient(bottom, #2B2B2B 7%, #333333 100%) !important;
  background-image: -o-linear-gradient(bottom, #2B2B2B 7%, #333333 100%) !important;
  background-image: linear-gradient(bottom, #2B2B2B 7%, #333333 100%) !important;
  text-align: center !important;
  letter-spacing: 1px !important;
  text-shadow: 1px 1px 1px #0E0E0E !important;
  box-shadow: 0px 3px 6px #888 !important;
  border-bottom-right-radius: 8px !important;
}


#myBMainMenu ul.primary li a {
  display: block !important;
  padding: 20px 30px !important;

}

#myBMainMenu ul.primary li a:hover {
  
  color: #000 !important;
}


#myBMainMenu ul.sub {
  position: absolute !important;
  z-index: 200 !important;
  box-shadow: 2px 2px 0 #BEBEBE !important;
  width: 35% !important;
  display:none !important;
}

#myBMainMenu ul.sub li {
 /* float: none !important; */
  margin: 0 !important;
}

#myBMainMenu ul.sub li a {
  border-bottom: 1px dotted #ccc !important;
  border-right: none !important;
  color: #000 !important;
  padding: 15px 30px !important;
}

#myBMainMenu ul.sub li:last-child a {
  border-bottom: none !important;
}

#myBMainMenu ul.sub li a:hover {
  color: #000 !important;
  background: #eeeeee !important;
}

/* sub display*/
#myBMainMenu ul.primary li:hover ul {
  display: block !important;
  background: #fff !important;
}

/* keeps the tab background white */
#myBMainMenu ul.primary li:hover a {
  background: #fff !important;
  color: #666 !important;
  text-shadow: none !important;
}

#myBMainMenu ul.primary li:hover > a{
  color: #000 !important;
} 

#myBMainMenu ul.sub li:hover > a{
  background-color: #bbd1e4 !important;
  color: #000000 !important;
} 

@media only screen and (max-width: 600px) {
 
#myBMainMenu   .wrap {
    width: 100% !important;
    margin-top: 0px !important;
  }
 

#commonMenuBarDateHolder {
	margin-top: 7px;
}
 
  
#myBMainMenu    li {
  /*  float: none !important; */
  }

#myBMainMenu  ul {  
     display: inline-block;
 }
 
#myBMainMenu .wrap nav {
  display: block;
} 
 
.primaryFloatLeft {
width:100%
}

.primaryFloatRight { 
 width:100%
}

#myBMainMenu   ul.primary li:hover a {
    background: none !important;
    color: #8B8B8B !important;
    text-shadow: 1px 1px #000 !important;
  }

#myBMainMenu   ul.primary li:hover ul {
    display: block !important;
    background: #272727 !important;
    color: #fff !important;
  }
  
#myBMainMenu   ul.sub {
    display: block !important;  
    position: static !important;
    box-shadow: none !important;
    width: 100% !important;
  }
  
#myBMainMenu   ul.sub li a {
    background: #272727 !important;
  	border: none !important;
    color: #8B8B8B !important;
  }
  
#myBMainMenu   ul.sub li a:hover {
    color: #ccc !important;
    background: none !important;
  }
 
#myBMainMenu ul.sub li:hover > a{
  background-color: #bbd1e4 !important;
  color: #000000 !important;
} 
 
#commonMenuBarLevel1 {
    padding-bottom: 10px;
    padding-top: 5px; 
	align-items: center;	
	flex-direction: column
  }
  
  #myBMainMenu ul.sub {
  display:none !important;
}
}


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



/*************************************************************************************************/
/*Applicant Initials Icon
/*************************************************************************************************/


.applicantInitialsIconContainerOuter {
    position: relative;
    width: 50px;
    height: 50px;
    background: #838383;
    border-radius: 50%;
    margin: auto;

}

.applicantInitialsGroupIconContainerOuter {
    position: relative;
    width: 50px;
    height: 50px;
    background: #838383;
    border-radius: 50%;
    float: left;	
}

.applicantInitialsIconContainerInner{
  width: 42px;
  height: 42px;
  position: absolute;
  top: 4px;
  left: 4px;
  background: #e9e9e9;
  border-radius: 50%;
  z-index: 2;
  font-family: Arial;
  font-weight:bold;
  font-size: 19px;
  color:grey;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
}

.applicantInitialsFullNameSpan {
    margin-top: 14px !important;
    float: left;
    margin-left: 25px;
    font-size: 20px;
    position: relative;
}

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





/*************************************************************************************************/
/*Media Queries
/*************************************************************************************************/

@media 
only screen and (max-width: 760px),
(min-device-width: 760px) and (max-device-width: 1024px)  {


.individualGroupRadio {
width:auto;
}

.individualGroupRadio label{
margin-right:20px;
}

.errorLineContainer span {
	width: 89%;
}

	.standardMyBTileHeaderDiv {
		flex-wrap: wrap;
		flex-direction: row;
	}

	
		.standardMyBTileHeaderDiv button {
		margin-left:auto;
	}

	.standardMyBSubTileHeaderDiv div {
		margin-left:auto;
	}
	
	/* Force table to not be like tables anymore */
	.standardMyBAdaptiveTable table, .standardMyBAdaptiveTable thead, .standardMyBAdaptiveTable tbody, .standardMyBAdaptiveTable th, .standardMyBAdaptiveTable td, .standardMyBAdaptiveTable tr { 
		display: block !important; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.standardMyBAdaptiveTable  thead tr { 
		position: absolute !important;
		top: -9999px !important;
		left: -9999px !important;
	}

	/* Zebra striping */
	.standardMyBAdaptiveTable  tr:nth-of-type(odd)  td { 
	  border-bottom: 1px solid #cecece !important; 
	}
	
	.standardMyBAdaptiveTable  tr { border: 1px solid #ccc !important; }
	
	
	
	.standardMyBAdaptiveTable  td { 
		/* Behave  like a "row" */
		border: none !important;
		border-bottom: 1px solid #eee !important;
		position: relative !important;
		line-height: 20px;
		color: #386179;
		font-weight: 100;
		font-size: 18px;
		min-height:20px;
	}
	
	.standardMyBAdaptiveTable  td:before { 
		/* Now like a table header */
		position: relative !important;
		width: 100% !important;
		float: left;
		font-size: 18px;
		font-weight: 600;
		color: #616161;
		margin-bottom: 10px;
	}
	
	.standardMyBAdaptiveTable  tr  {
		border-radius: 5px;
		-moz-border-radius: 5px;	
		-webkit-border-radius: 5px;
		margin-top:10px;
	}
	
	.standardMyBAdaptiveTable  td, .standardMyBAdaptiveTable th { 
	  text-align: left !important;
	  vertical-align:baseline;  
	}	
	
	
	
	.standardMyBWithHeaderAdaptiveTable table, .standardMyBWithHeaderAdaptiveTable thead, 
	.standardMyBWithHeaderAdaptiveTable tbody, .standardMyBWithHeaderAdaptiveTable th, 
	.standardMyBWithHeaderAdaptiveTable td, .standardMyBWithHeaderAdaptiveTable tr {
		display: block !important;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.standardMyBWithHeaderAdaptiveTable  thead  tr { 
		position: absolute !important;
		top: -9999px !important;
		left: -9999px !important;
	}

	/* Zebra striping */
	.standardMyBWithHeaderAdaptiveTable  tr:nth-of-type(odd)  td { 
	  border-bottom: 1px solid #cecece !important; 
	}
	
	.standardMyBWithHeaderAdaptiveTable  tr { border: 1px solid #ccc !important; }
	
	
	
	.standardMyBWithHeaderAdaptiveTable  td { 
		/* Behave  like a "row" */
		border: none !important;
		border-bottom: 1px solid #eee !important;
		position: relative !important;
		line-height: 20px;
		color: #386179;
		font-weight: 100;
		font-size: 18px;
		min-height:20px;
	}
	
	.standardMyBWithHeaderAdaptiveTable  td:before { 
		/* Now like a table header */
		position: relative !important;
		width: 100% !important;
		float: left;
		font-size: 18px;
		font-weight: 600;
		color: #616161;
		margin-bottom: 10px;
	}
	
	.standardMyBWithHeaderAdaptiveTable  tr  {
		border-radius: 5px;
		-moz-border-radius: 5px;	
		-webkit-border-radius: 5px;
		margin-top:10px;
	}	
	
	.standardMyBWithHeaderAdaptiveTable  td, .standardMyBWithHeaderAdaptiveTable th { 
	  text-align: left !important;
	  vertical-align:baseline;  
	}		

	.maleFemaleIndividualGroup {
	float: none;
	margin-right: 0px;
	}
	
	.individualGroupTDWidthAdjustment {
		width:auto;
	}
	
	.individualGroupCheckbox label {
		float: none;
		bottom: 5px;
		margin-right: 15px;
	}
	
	.applicantInitialsIconContainerOuter {
		margin: unset;
		margin-top:25px;
	}

	.individualGroupAdaptiveTagNameTDModifier {
		height:80px !important;	 
	} 
	
	.lightBlueContainer div {
		margin: auto;
		margin-bottom: 7px;
	}	
	
	.singleMyBCheckboxLabel label {
	    margin-top: 10px !important;
	}	
}

@media 
only screen and (max-width: 790px) {

	.commonFooterLinks {
		font-size: 14px !important;
		margin-right: 155px !important;
	}
	
	#otdaFooterLinks {

    margin-right: 0px !important;
    flex: 1 1 32% !important;
	}
	
	#commonHeaderMainDiv {
	margin-bottom:20px;
	}
	
}

@media 
only screen and (max-width: 650px) {
	.commonFooterLinks {

		margin-right: 0px !important;
	}
	
	#otdaFooterLinks {

    flex-direction: column;
	}
}


@media 
only screen and (max-width: 490px) {

.marginBottomHack {
	margin-bottom:50px;
}
}

@media 
only screen and (max-width: 450px) {

.marginBottomHack {
	margin-bottom:90px;
}

.standardMyBVavigationButtonDiv {
	flex-direction: column;
}
	
.navBarMarginRightAuto input {
margin-right:auto;
}

.nextBackComboSpan {
margin-top:20px;
margin-left: 0px;
}

.errorLineContainer span {
	width: 78%;
}

.standardMyBButton  {
	font-size: 11px !important;
}

.standardMyBGreyButton  {
	font-size: 11px !important;
}

.standardMyBExitButton  {
	font-size: 11px !important;
}

.greenMyBButton  {
	font-size: 11px !important;
}

.orangeBrownMyBButton  {
	font-size: 11px !important;
}


	.standardMyBAdaptiveTable {
		font-size: 12px;
		}

	.standardMyBWithHeaderAdaptiveTable {
		font-size: 12px;
		}		

	
	#otdaTitle {
		font-size: 13px;
	}
	

}


@media 
only screen and (max-width: 380px) {

.nextBackComboSpan {
margin-top:20px;
margin-left: 0px;
}

.buttonsOnRightOnly div{
	margin-left:auto;
}

.standardMyBSubTileHeaderDiv button {

margin-left:10px;
margin-top:5px;

}	
}

@media 
only screen and (max-width: 330px) {
	.standardMyBAdaptiveTable {
		font-size: 11px;
		}
.standardMyBButton  {
	font-size: 10px !important;
}

.standardMyBGreyButton  {
	font-size: 10px !important;
}

.standardMyBExitButton  {
	font-size: 10px !important;
}

.greenMyBButton  {
	font-size: 10px !important;
}

.orangeBrownMyBButton  {
	font-size: 10px !important;
}

}

@media 
only screen and (max-width: 300px) {

		.standardMyBAdaptiveTable {
		font-size: 10px;
		}

		.standardMyBWithHeaderAdaptiveTable {
		font-size: 10px;
		}		
		
		.standardMyBButton  {
	font-size: 9px !important;
	}
	

.standardMyBGreyButton  {
	font-size: 9px !important;
}

.standardMyBExitButton  {
	font-size: 9px !important;
}

.greenMyBButton  {
	font-size: 9px !important;
}

.orangeBrownMyBButton  {
	font-size: 9px !important;
}
	
}

@media 
only screen and (max-width: 200px) {


.standardMyBAdaptiveTable {
	font-size: 9px;
	}
	
	.standardMyBWithHeaderAdaptiveTable {
	font-size: 9px;
	}
}



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

/*************************************************************************************************/
/*Navigation Menu
/*************************************************************************************************/

.standardMyBNavigationMenu {

float:left;

width:100%;

margin-bottom: 0px;
}

@-webkit-keyframes myanimation {
  from {
    left: 0%;
  }
  to {
    left: 50%;
  }
}
.standardMyBNavigationMenu h1 {
  text-align: center;
  font-family: 'PT Sans Caption', sans-serif;
  font-weight: 400;
  font-size: 30px;
  padding: 20px 0;
  color: #777;
}

.standardMyBNavigationMenu  .myBNav-wrap {
  color: #444;
  font-family: 'PT Sans Caption', sans-serif;
  margin-top: 15px;
  max-width: 1200px;
  position: relative;
}

.standardMyBNavigationMenu  ul.myBNav-bar {
  margin: 0px;
  padding-left:0px;
}
.standardMyBNavigationMenu  ul.myBNav-bar li {
  color: #a2a2a2;
  display: block;
  font-size: 11px;
  font-weight: 600;
  padding: 0px 20px 0px 75px;
  position: relative;
}
.standardMyBNavigationMenu ul.myBNav-bar li:before {
  -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  background: #ddd;
  border: 2px solid #FFF;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  left: 15px;
  line-height: 37px;
  height: 35px;
  position: absolute;
  text-align: center;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  top: 8px;
  width: 35px;
  z-index: 999 !important;
}

.standardMyBNavigationMenu  ul.myBNav-bar li.active {
  color: rgba(87, 183, 0, 0.9);
  font-weight: bold;
}


.standardMyBNavigationMenu  ul.myBNav-bar li.active:before {
  background: #8bc53f;
  z-index: 99999;
}

.standardMyBNavigationMenu  ul.myBNav-bar li.activeClickable:hover {
  background: #97e234;	
  box-shadow: 0 0 8px 3px #7eb733;
  cursor:pointer;
}

.standardMyBNavigationMenu  ul.myBNav-bar li.activeClickable:hover:before {
  background: #8fea18;	
  box-shadow: 0 0 8px 3px #8bce33;
  cursor:pointer;
}

.standardMyBNavigationMenu  ul.myBNav-bar li.last:hover {
  background: #e0cf00;
  box-shadow: 0 0 8px 3px #e0cf00;
  cursor:pointer;
}

.standardMyBNavigationMenu  ul.myBNav-bar li.last:hover:before {
  background: #eadb25;
  box-shadow: 0 0 8px 3px #e0cf00;
  cursor:pointer;
}

.standardMyBNavigationMenu ul.myBNav-bar li.last:before {
background-color: #e0cf00;

z-index: 9999 !important;

}

.standardMyBNavigationMenu ul.myBNav-bar li.last:after {
    background-size: 35px 35px;
    background-image: none;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    content: "";
    height: 15px;
    left: 50%;
    position: absolute;
    top: -50px;
    width: 100%;
  }

.standardMyBNavigationMenu ul.myBNav-bar li.lastInactive:before {
background-color: #dddddd;

z-index: 9999 !important;

}

.standardMyBNavigationMenu ul.myBNav-bar li.lastInactive:after {
    background-size: 35px 35px;
    background-image: none;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    content: "";
    height: 15px;
    left: 50%;
    position: absolute;
    top: -50px;
    width: 100%;
  }   
  
.standardMyBNavigationMenu  ul.myBNav-bar li.visited {
  /* background: #ECECEC; */
  color: #368caf;
  z-index: 9999 !important;
}
.standardMyBNavigationMenu  ul.myBNav-bar li.visited:before {
  background: #57aed1;
  z-index: 999;
}



.standardMyBNavigationMenu  ul.myBNav-bar li.visited:hover:before {
  background: #4accff;	
  box-shadow: 0 0 8px 3px #49a9e6;
  cursor:pointer;
}

.standardMyBNavigationMenu  ul.myBNav-bar li.visited:hover {
  background: #89deff;	
  box-shadow: 0 0 8px 3px #49a9e6;
  cursor:pointer;
}



.standardMyBNavigationMenu  ul.myBNav-bar li:nth-child(1):before {
  content: "1";
}
.standardMyBNavigationMenu  ul.myBNav-bar li:nth-child(2):before {
  content: "2";
}
.standardMyBNavigationMenu  ul.myBNav-bar li:nth-child(3):before {
  content: "3";
}
.standardMyBNavigationMenu  ul.myBNav-bar li:nth-child(4):before {
  content: "4";
}
.standardMyBNavigationMenu  ul.myBNav-bar li:nth-child(5):before {
  content: "5";
}
.standardMyBNavigationMenu  ul.myBNav-bar li:nth-child(6):before {
  content: "6";
}

.standardMyBNavigationMenu  ul.myBNav-bar li:nth-child(7):before {
  content: "7";
}

.standardMyBNavigationMenu  ul.myBNav-bar li:nth-child(8):before {
  content: "8";
}

.standardMyBNavigationMenu  ul.myBNav-bar li:nth-child(9):before {
  content: "9";
}

.standardMyBNavigationMenu  ul.myBNav-bar a {
  color: #58889c;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  display:block;
  z-index: 99999;
  margin-left: -70px;
  padding-left: 70px;
  padding-top: 20px;
  padding-bottom: 20px;
}



@media all and (min-width: 800px) {

.standardMyBNavigationMenu  ul.myBNav-bar a {
	padding-top: 70px !important;
	margin-top: -70px !important;
}

.standardMyBNavigationMenu  ul.myBNav-bar li {

  padding: 14px 20px 14px 75px;

}

.standardMyBNavigationMenu  ul.myBNav-bar a {
  margin-left: 0px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.standardMyBNavigationMenu ul.myBNav-bar li:before {
  top: 4px;
}

.standardMyBNavigationMenu {

float:left;

width:100%;

margin-bottom: 80px;
}

.standardMyBNavigationMenu   .myBNav-bar li.active:after {
    -webkit-animation: myanimation 3s 0;
    background-size: 35px 35px;
    background-color: #8bc53f;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content: "";
    height: 15px;
    width: 100%;
    left: 50%;
    position: absolute;
    top: -50px;
    z-index: 0;
  }

.standardMyBNavigationMenu   .myBNav-wrap {
    margin-top: 50px;
    margin-bottom: 50px;
  }

.standardMyBNavigationMenu   ul.myBNav-bar {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background-size: 35px 35px;
    background-color: #EcEcEc;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    border-radius: 15px;
    height: 15px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 107%;
  }
.standardMyBNavigationMenu   ul.myBNav-bar:before {
    background-size: 35px 35px;
    background-color: rgb(87, 174, 209);
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    content: " ";
    height: 15px;
    left: 0;
    position: absolute;
    width: 10%;
  }


  
.standardMyBNavigationMenu   ul.myBNav-bar li {
    display: inline-block;
    margin: 50px 8px 0px;
    padding: 0px;
    /* padding-left: 3px; */
    text-align: center;
    width: 10%;
    float: left;

    /* height: 50px; */
  }


.standardMyBNavigationMenu   ul.myBNav-bar li:before {
	height: 45px;
	left: 26%;
	line-height: 45px;
	position: absolute;
	top: -65px;
	width: 45px;
	z-index: 99999 !important;
}
 .standardMyBNavigationMenu  ul.myBNav-bar li.visited {
    background: none;
  }
.standardMyBNavigationMenu ul.myBNav-bar li.visited:after {
    background-size: 35px 35px;
    background-color: #57aed1;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content: "";
    height: 15px;
    left: 50%;
    position: absolute;
    top: -50px;
    width: 100%;
    z-index: 1 !important;
  }
  
}