/* ELEMENT SELECTORS */
* {box-sizing: content-box !important;}

@-ms-viewport{width: device-width !important;}

p {text-align: justify;
   /* 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 */
   -ms-hyphens: auto;
   -moz-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
  }

body {
   margin: 0px !important;
   overflow-x: hidden !important;
   font-family: "Lato", sans-serif;
   background-image: url('https://dev-compare.edfographics.com/public/_SupportFiles/menu.background.png');
   background-repeat: no-repeat;
   background-size: 2000px; /*100%;*/ /*100%;*/
   /*background-color: white;*/
}

input[type="text"],
input[type="button"]
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type="radio"] {
   margin-top: 15px;
   margin-right: 5px;
}
select {  
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../rdTemplate/rdInputCheckboxList/icon-dropdown.png) 95% / 16px no-repeat;
  padding: 5px 25px 5px 5px !important;
}


/* ID SELECTORS */
#goog-te-banner {
   display: none !important;
}

#reportWrapper {
	margin: 0px !important; /* used to overwrite a style set in LogiDataPortUtility.css */
}
#divWebsite {
	white-space: pre-wrap; /* css-3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}
#divContainer{	
	margin-left: auto;
	margin-right: auto;
	margin-top: 8%;
}

#divContainer{	
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;	
	margin-bottom: 5%;	
}
#rdThemeDataTable {
	width: 100%;
}

#shadow-root.title{
	display: none !important;
}

#title{
	display: none !important;
}

div#title{
	display: none !important;
}


#topnav {
	width: 100%; 
	height: 100px;
	<! --height: 85px;  -->
    <! --position: fixed; -->
    z-index: 1;
    top: 0;
    left: 0;	
	display: none;	
}

#topnavLogo {
  flex: 0 calc(50% - 24px);
  padding: 5px 16px;
}

#topnavLogo_Draft {
  flex: 0 calc(33% - 24px);
  padding: 5px 16px;
}

#topnavDraft {
  flex: 0 33%;
  padding: 30px 0 0 0;
}


#topnavListBtn {
  flex: 0 calc(50% - 24px);  
  padding: 30px 34px 16px 16px;
  <! --padding: 20px 16px 16px 16px; -->
}

#topnavListBtn_Draft {
  flex: 0 calc(33% - 24px);  
  padding: 20px 16px 16px 16px;
}

#topnavList {  
  display: none;
  height: auto !important;
  <! -- padding: 100px 16px 16px 16px;  -->
  padding: 16px 16px 16px 16px;
}

#topnavList a:hover {    
	filter: brightness(85%) !important;
}

#topnavListPH {
  <! -- margin-top: 85px; -->
  display: none;
}

#ShowMobile {display: none;}
#HideMobile {display: inherit;}

#main {    
    padding: 16px;
	margin-left: 350px;
	position: relative;
}

#divTwitter {
	max-height: 971px;
	overflow-y: scroll;
  	-webkit-overflow-scrolling: touch;	
	padding: 10px;
	width: 100%;
}

#divLanguageSelector {
	position: absolute;
    bottom: 0;
    right: 0;
}

#ddlLanguage {width: calc(100% - 30px);
                margin: 15px 0 0 0;}

.flex-grid-header .language {
  flex: 1 1 auto;
  position: relative;
}

/* CLASS SELECTORS */

.ThemeMasterReportLeftFrame{
    background-color: #0981CD /*SideBackground*/;
    color: #FFFFFF /*SideFont*/;
}
.PolicyPadding {
   padding-left: 5%;
   padding-right: 5%;
}
.topnavListItem {
	width: 100%;
	padding-bottom: 10px;
}

.colorWhite {
    color: #FFFFFF !important;
}
.backgroundwhite {
    background-color: white;
}

.lightgraybackground {
   background-color: #f3f3f3 !important;
}

.sidenavPH {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;    
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 10px;
	padding-left: 8px;
	min-width: 0px;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;    
    overflow-x: hidden;
    transition: 0.5s;    
	min-width: 0px;
	width: 350px;
}

.sidenav a {
    padding: 8px 21px 8px 25px;
    text-decoration: none;    
    display: block;  
	max-width: 225px
}

.sidenavStatic {
    padding: 8px 21px 8px 25px;
    text-decoration: none;    
    display: block;  
	max-width: 225px
}

.sidenav a:hover, .offcanvas a:focus{    
	filter: brightness(85%);
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


/* Supplimentary Styles */

PRE { font-family: Menlo,Monaco,Consolas,"Courier New",monospace; white-space: pre-wrap; }

.drillHeaderContainer { width: 100%; position: fixed; top: 0px;  
    background-color: #444444; 
	color: #FFFFFF;
	padding-left: 20px; 
	padding-top: 12px; 
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px;
	border-radius: 0px;	
}

.font10pt { font-size: 10pt; }
.font11pt { font-size: 11pt; }
.font12pt { font-size: 12pt; }
.font20pt { font-size: 20pt; }
.font24pt { font-size: 24pt; }
.fontitalics {font-style: italic;}

.footerLink a:link { text-decoration: none; color: #999999; }
.footerLink a:visited { text-decoration: none; color: #999999; }
.footerLink a:hover { text-decoration: underline; color: #999999; }

.imgMiddle { vertical-align: middle; }

.padLR10 { padding: 0px 10px 0px 18px; }
.padL10 { padding-left: 10px; }


/* Override Theme Links */
.rdAg a:link { text-decoration: underline !important; color: #454d59; }
.rdAg a:hover { text-decoration: underline !important; color: #89BB40; }

.draft {
    font-weight: bold !important;
    border: 3px solid #D75A4A !important;
    padding: 8px !important;
    background-color: #FFFFFF !important;
	color: #D75A4A !important;	
}

.mapMarker {    
    border: 2px solid #cccccc;
    padding: 10px;
    background-color: #ffffff;
	color: #272727;
	box-shadow: 2px 4px #c9c9c9;	
	width: 200px;
}

#divPadRight20 {
    margin-right: 20px;
}

.hrContent{	
	height: calc(100vh - 175px);
	background-color: #f3f3f3;
	vertical-align: top;
}
.hrContentDark{
	background-color: #363636 !important;
}
#rContent{
	padding: 15px;
}

.fontA10WhiteLarge{
	color: #FFFFFF; /*PageFontColor*/
    font-size: 120%;
}
.fontA10WhiteLargeLink{
	color: #FDFAC3; /*LinkColor*/
    font-size: 120%;
}
.fontA10WhiteLargeLink:visited{
	color: #3FB0AC; /*LinkColor*/
    font-size: 120%;
}
.MenuWhite{
	color: #fff;
	text-decoration: none;
	width: 90%;
}
.MenuBlue{
	color: blue;
	text-decoration: none;
	width: 90%;
}
.MenuWhitePrintable{
	color: #fff;
	text-decoration: none;
	font-style: italic;

}
.darkFontMap{
	color: #666666 !important;
}

.HRWhite{
	color: #fff;
	width: 90%;
}

.White{
	color: #ffffff;
}

.ColorGrayheader {
   background-color: #525659;
}

.colorGrayForPolicy {
	background-color: #f3f3f3;
}

.bordersolid {
	border: 1px solid black !important;
	padding: 10px;
}

.subscribePadding {
	padding: 10px !important;
}

.subscribePaddingTop {
	padding: 10px !important;
	margin: 0px;
}

.subscribeButton  {
	padding-top: 25px !important;	
}

.subscribeButton a {
	padding: 0px !important;
    display: inline !important;
}

.subscribeButtonTop  {
	padding: 12px 0 15px 0; 
	font-size: 185%;
}

.subscribeButtonTop a {
	padding: 0px !important;
    display: inline !important;
}

.signMeUp {
	display: inline-block;
    width: 280px !important;	
}

.customIconLinks {
	border-radius: 50px !important;
	padding: 5px !important;
}

.overviewButtons {
	display: inline-flex;
	flex-wrap: wrap;  
}

.overviewButtons div {
	margin-top: 30px;	
}

/* Header Container */
.flex-grid-header {
  display: flex;
  justify-content: left;
  margin: 0 auto;  
  width: 100%;
  padding-bottom: 25px;
}

.flex-grid-header .entity {
  flex: 0 0 auto;  
}

.flex-grid-header .promoted {
  flex: 0 0 auto; 
  padding: 0 0 0 25px;
}


/* Contact Info Container */
.contact-flex-grid-header {
  display: flex;
  justify-content: left;
  margin: 0 auto;  
  width: 100%
}

.contact-flex-grid-header .address {
  flex: 0 0 auto;  
}

.contact-flex-grid-header .phone {
  flex: 0 0 auto;   
}


/* Social & Map Container */
.flex-grid-socialmap {
  display: flex;
  justify-content: left;
  margin: 0 auto;  
  width: 100%
}

.flex-grid-socialmapinside {
  display: flex;
  justify-content: center;
  margin: 0 auto;  
  width: 100%
}

.flex-grid-socialmap .twitterleft {
  width: calc(30% - 25px);   
  margin: 0 25px 0 0;
}

.flex-grid-socialmapinside .twitterinsideleft {
  width: calc(40% - 10px);   
  margin: 0 10px 0 0;
  display: none;
}

.flex-grid-socialmap .twitterright {
  width: calc(30% - 30px); 
}

.flex-grid-socialmapinside .twitterinsideright {
  width: calc(40% - 10px);   
  margin: 0 0 0 10px;
  display: none;
}

.flex-grid-socialmap .map {
  width: 70%;
}

.flex-grid-socialmapinside .mapinside {
  width: 100%;
}

.flex-grid-socialmap .mapfull {
  width: 100%;  
}



/* Hamburger Button */
.hamburgercontainer {
    display: inline-block;
    cursor: pointer;
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;    
    margin: 6px 0;
    transition: 0.4s;
}

.claritybar {background-color: #00558E;}
.blackpearlbar {background-color: #FDFAC3 ;}
.signalbar {background-color: #363B42;}
.transitbar {background-color: #000000;}
.arizonabar {background-color: #5C4053;}
.silverbar {background-color: #434343;}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}


/* Top Info Container - Details */
.detailsWrapper {
  display: flex;  
  flex-flow: row wrap;  
}

.detailsWrapper > * {
  padding: 0px 10px 10px 0;
  flex: 1 100%;
}

.padding1percent {
	padding-right: 1%;
}
.paddingL1percent {
	padding-left: 1%;
}
.paddingL5percent {
	padding-left: 5% !important;
}
.paddingL20perc {
	padding-left: 20% !important;
}
.paddingB15perc {
	padding-bottom: 15%;
}
.paddingB8perc {
	padding-bottom: 8%;
}
.paddingR15px {
   padding-right: 15px;
}

.padding5px {
   padding: 5px;
}

.paddingr10px {
   padding-right: 10px;
}

.marginleft40p {
	margin-left: 40%;
}
.font15px {
	font-size: 15px;
}

.text {  
  width: 100%;  
}

.value {  
  margin-bottom: 15px;
  margin-right: 0px;
  padding: 10px;
}

.valueLast {  
  margin-bottom: 25px;
  margin-right: 0px;
  padding: 10px;
}

.valueBackColorLight {
  background-color: #fafafa;
}

.valueBackColorDark {
  background-color: #444444;
}

.backgroundHeaderGray {
	background-color: #f3f3f3 !important;
}

.underline {
text-decoration: underline;
}


/* SIDE MENU CUSTOM COLORS FOR HR AND LABELS */
.HRClarity{
	width: 90%;
	border-color: #00558E;
	border-style: solid;
}
.HRBlackPearl{
	width: 90%;
	border-color: #FDFAC3;
	border-style: solid;
}
.HRSignal{
	width: 90%;
	border-color: #3FB0AC;
	border-style: solid;
}
.HRTransit{
	width: 90%;
	border-color: #aeaeae;
	border-style: solid;
}
.HRArizona{
	width: 90%;
	border-color: #5C4053;
	border-style: solid;
}
.Test2{
	width: 100%;
}
.HRSilver{
	width: 90%;
	border-color: #999999;
	border-style: solid;
}
.LBLClarity{
	color: #00558E;
	font-style: italic;
}
.LBLBlackPearl{
	color: #FDFAC3;
	font-style: italic;	
}
.LBLSignal{
	color: #3FB0AC;
	font-style: italic;	
}
.LBLTransit{
	color: #aeaeae;
	font-style: italic;	
}
.LBLArizona{
	color: #5C4053;
	font-style: italic;	
}
.LBLSilver{
	color: #999999;
	font-style: italic;	
}


/* MENU ACCORDIAN */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	padding: 10px 0px;
	cursor: pointer;
	margin-bottom: 5px;
	height: auto !important;
} 

#FiscalYearTop {
	padding: 5px 0px !important;
}

.sidenavListItemMain {
	width: calc(100% - 4px);
	padding: 2px !important;	
	margin-bottom: 5px;
	height: auto !important;	
}

.sidenavListItemMain a { /* override sidenav a styles */
	padding: 0px !important;
	display: inline !important;
}

.sidenavListItemMainLabel {	
	padding: 8px;	
	height: auto;	
}

.topnavListItemMain {
	width: calc(100% - 4px);
	padding: 2px;	
	margin-bottom: 5px;
}

.topnavListItemMainLabel {	
	padding: 2px;	
	height: auto;	
}

/* MENU RECURSIVE LIST */
.ItemText{
	display: inline-block;
	width: calc(100% - 65px) !important;
}
.bulletNumber{
	vertical-align: top;
	padding-right: 5px;
}

ol.vertical{
	padding-left: 0;
	list-style: none;
}
ol.vertical > li{
	padding-left: 5px;
}
ol.vertical li{
	background-color: #eee;	
	margin: 0 15px 15px 15px;
	padding: 5px;
	text-align: left;
	line-height: 25px;
	font-size: 80%;
	color: #212121;
	text-decoration: none;
	font-weight: bold;
}
ol.subList{
	padding: 0;
	margin: 0 -5px -5px -5px;
	list-style: none;
}
ol.subList li{
	background-color: #fff;
	border: none;	
	margin: 0;
	padding: 5px 0 5px 20px;
	line-height: 20px;
	color: #555;
	border-bottom: 1px solid #eee;
	font-weight: normal;
}
ol.subList > li > span:nth-child(2){
	color: #0088cc;
	text-decoration: underline;
}
ol.subList li:hover{
	background-color: #f5f5f5;
}
.ImageRight{
	float: right;
	margin-right: 5px;
}

ol.vertical li.selected {
	background-color: #c0c0c0;
}

/* Agenda Waiting Loader */
.loader {  
  border: 8px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 8px solid #555;
  border-radius: 50%;
  width: 35px;
  height: 35px;
}


/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* End Agenda Waiting Loader */






/*FadeIn*/

.fadeIn span{
	animation: fadeEffect 12.5s linear forwards 0s;
	-ms-animation: fadeEffect 12.5s linear forwards 0s;
	-webkit-animation: fadeEffect 12.5s linear forwards 0s;
	-moz-animation: fadeEffect 12.5s linear forwards 0s;
	
	color: #555;
	opacity: 0;
	overflow: hidden;
	position: absolute;	     
	left: 0;
	right: 0;
	margin: auto
}

.fadeIn span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
}
.fadeIn span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
	-moz-animation-delay: 5s;
}
.fadeIn span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
	-moz-animation-delay: 7.5s;
}
.fadeIn span:nth-child(5){		
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
	-moz-animation-delay: 10s;
	
	animation-name: fadeEffectEnd;
	-ms-animation-iteration-name: fadeEffectEnd;
	-webkit-animation-iteration-name: fadeEffectEnd;
	-moz-animation-iteration-name: fadeEffectEnd;
}

/*FadeIn Animation*/
@-moz-keyframes fadeEffect{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: translateY(0px); }
	10% { opacity: 1; -moz-transform: translateY(0px); }
	25% { opacity: 1; -moz-transform: translateY(0px); }
	30% { opacity: 0; -moz-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-webkit-keyframes fadeEffect{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: translateY(0px); }
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	25% { opacity: 1; -webkit-transform: translateY(0px); }
	30% { opacity: 0; -webkit-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes fadeEffect{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: translateY(0px); }
	10% { opacity: 1; -ms-transform: translateY(0px); }
	25% { opacity: 1; -ms-transform: translateY(0px); }
	30% { opacity: 0; -ms-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}

/*FadeIn Animation EndEffect*/
@-moz-keyframes fadeEffectEnd{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: translateY(0px); }
	10% { opacity: 1; -moz-transform: translateY(0px); }
	25% { opacity: 1; -moz-transform: translateY(0px); }	
	100% { opacity: 1; -moz-transform: translateY(0px); }
}
@-webkit-keyframes fadeEffectEnd{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: translateY(0px); }
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	25% { opacity: 1; -webkit-transform: translateY(0px); }	
	100% { opacity: 1; -webkit-transform: translateY(0px); }
}
@-ms-keyframes fadeEffectEnd{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: translateY(0px); }
	10% { opacity: 1; -ms-transform: translateY(0px); }
	25% { opacity: 1; -ms-transform: translateY(0px); }	
	100% { opacity: 1; -ms-transform: translateY(0px); }
}

/* POLICY UPDATES TABLE */

#dtPolicyUpdates {	
    background-color: none;    
    border-spacing: 0px;
width: 100%;
}

.dtPolicyUpdatesGroupHeader {
	background-color: #f3f3f3 !important;	
	padding: 25px 5px 10px 5px;
}

.dtPolicyUpdatesGroupHeader td {
	background-color: #f3f3f3 !important;	
	padding-bottom: 10px;
}

.dtPolicyUpdatesGroupHeader span {
	font-weight: bold;
}

.dtPolicyUpdatesColumn {
	background-color: #f3f3f3 !important;
	padding-bottom: 5px;
}

.ThemeTextUnderline {
	text-decoration: underline;
}

.fullwidth100 {
width: 100% !important;
}

.fullWidth {
	width: calc(100% - 14px);		
}

.fullWidth70 {
	width: 70%;		
}

.fullWidth50 {
	width: 50%;		
}

.fullwidth41 {
	width: 41%;
}
.fullwidth26 {
	width: 26%;
}

.fullwidth195px {
	width: 195px !important;
}


.padding0 {
	padding-left: 0;
}

.paddingL30 {
	padding-left: 30%;
}

.paddingR6px {
	padding-right: 6px;
}



.AgendaRetrieveHeader {
	display: block;
	margin: 0;
	padding: 0;
	color: #202020;
	font-family: Helvetica;
	font-size: 26px;
	font-style: normal;
	font-weight: bold;
	line-height: 125%;
	letter-spacing: normal;
	text-align: left;"
}
.AgendaRetrieveMessage {
	margin: 10px 0;
	padding: 0;
	mso-line-height-rule: exactly;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	color: #202020;
	font-family: Helvetica;
	font-size: 16px;
	line-height: 150%;
	text-align: left;
}
.marginL42p {
	margin-left: 42%;
}

.colorRed {
    color: red !important;
}
.marginL28p {
	margin-left: 30%;
}
.marginL6px {
   	margin-left: 6px !important;
}
.marginL7px {
	margin-left: 7px !important;
}

/*Survey*/
.SurveyBorder
{
   margin-left: 30% !important;
   margin-right: 30% !important;
   background: white;
}
.font18pt { font-size: 18pt; }

.font130p { font-size: 130%; }

.marginT5p {
   margin-top: 5%;
}

.SurveyQuestions
{
    padding-left: 10%;
    font-size: 15pt;
}

.fullwidth67 {
   width: 67% !important;
}

.bluecolor {
   color: #2688C2 !important;
}

.redfont {
   color: red;
}

.graycolor {
   color: #999999;
}

.whitebgcolor {
   background-color: white;
}

.paddingL70px {

   padding-left: 70px;
}

.paddingl27px {
    padding-left: 27px;
}

.paddingL30px {
    padding-left: 30px;
}

.padding2px {
    padding: 2px;
}


.filterBox {
    /* background-color: #F3F3F3; */
    padding: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
}

.filterBox-filterItem-right {  
  margin-left: auto;
  margin-top: auto;
}

.filterBox-filterItem-right-mid {  
  margin: auto;
  margin-right: 0;
}

.filterBox-filterItem {
    /* padding-right: 22px;  */
    padding-right: 10px;
    padding-bottom: 18px;
    padding-left: 16px;
}

.filterBoxLabel {
    color: #999999;
    padding-left: 3px;
    display: block;
}

.filterBoxLabelNoBreak {
	color: #999999;
	padding-left: 3px;	
}


#divClear {
    padding: 5px;
    padding-right: 30px;
}

input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none !important;
    border-radius: 0px !important;
    padding: 10.5px !important;
    width: auto;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../rdTemplate/rdInputCheckboxList/icon-dropdown.png) 98% / 16px no-repeat;
    padding: 10px 24px 10px 10px !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.rd-checkboxlist-icon {
    float: right;
    height: 16px;
    width: 16px;
    /* background-image: url(icon-dropdown.png); */
}

.rd-checkboxlist-dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* background: url(../rdTemplate/rdInputCheckboxList/icon-dropdown.png) 98% / 16px no-repeat; */
    padding: 12px !important; /*  10px 24px 10px 10px !important; */
    box-shadow: none !important;
    border-radius: 0px !important;
    font-size: 100%;
    font-family: Trebuchet MS /*MainFont*/, 'Avenir Next', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
    background-color: #FFFFFF /*InputBoxBackground*/;
    color: #434343 /*InputBoxFontColor*/;
    border: 1px solid;
    border-color: #CCCCCC /*InputBoxBorderColor*/;
    padding: 3px;
    margin: 3px;
    white-space: pre;
    width: 193px !important;
    /* width: 167.5px; */
}


.ListLink {
    color: #2688C2 /*LinkColor*/;
	cursor: pointer;
}

.ListLink:hover {
    color: #363B42 /*Hover LinkColor*/;
	text-decoration: underline;
}

.downArrow {
    margin: 3px 8px;
    border: solid #2688C2;
    border-width: 0px 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.upArrow {
    margin: 0px 8px;
    border: solid #30AC89;
    border-width: 0px 2px 2px 0;
    display: inline-block;
    padding: 3px;
  	transform: rotate(-135deg);
  	-webkit-transform: rotate(-135deg);
}

.setTop {
   position: absolute;
}

.rdThemeDataTable td {
	display: table-cell !important;
	padding: 6px 10px !important;
        background: white;
	vertical-align: top;
}

input[type="button"].navFooter {
    /* padding: 8px !important; */
    padding: 8px 8px 8.5px 8px !important;
    font-size: large !important;
    border-radius: 5px !important;
    font-family: "Lato", sans-serif;
}

input[type="button"].navFooterRight {
    padding: 8px !important;
    font-size: large !important;
    border-radius: 5px !important;
	font-family: "Lato", sans-serif;
	float: right;
}

.navFooter {
	/* background-color: #3996BF; */
        padding: 5px;
        border-radius: 5px !important;
}


input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none !important;
    border-radius: 0px !important;
    padding: 10.5px !important;
    width: auto;
    font-size: 14px !important;
}

.filterBoxLabelInline {
	color: #999999;
	padding-left: 3px;
}

.fullwidth168px {
   width: 168px;
}

.fullwidth62px {
   width: 62px !important;
}

.fullwidth500px {
   width: 500px;
}

.fullwidth80p {
   width: 80%;
}

.radiobutton {
    padding-bottom: 10px;
    padding-left: 25px;
    color: #2688C2 !important;
}

.paddingr35px {
   padding-right: 35px;
}

.paddingl55px {
   padding-left: 55px;
}

.padding10px {
   padding: 10px;
}

.normalfont {
       font-weight: normal;
}

.pinToTop {
   vertical-align: top;
}

.rightborder {
   border-right: 1px solid;
}

#divMain1 {
    /* padding: 16px; */
    padding: 10px;
    /* margin-left: 225px; */
    position: relative;
}

.rdThemeDataTableHeaderRow th {
    background-color: #D9D9D9 /*TableHeaderRowBackgroundColor*/;
    color: #454D59 /*TableHeaderRowFontColor*/;
    padding: 8px;
}

.rdThemeDataTableHeader {
    color: #3FB0AC /*TableColumnHeaderFontColor*/;
    background-color: #F3F3F3 /*TableColumnHeaderBackgroundColor*/;
    padding: 8px 10px 8px 10px;
    font-size: 100%;
}

input, input.rdThemeInput, textarea, textarea.rdThemeInput, select.rdThemeInput, select.rdDataCalendarDropdown {
    font-size: 100% !important;
    font-family: Segoe UI /*MainFont*/, 'Avenir Next', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
    background-color: #FFFFFF /*InputBoxBackground*/;
    color: #454D59 /*InputBoxFontColor*/;
    border: 1px solid;
    border-color: #B7B7B7 /*InputBoxBorderColor*/;
    padding: 3px;
    margin: 2px; 
    border-radius: 0px;
     box-shadow: 0; 
}


@media all and (min-width: 650px) {
  .text { flex: 1 auto; 
  	      background-color: transparent;		  
  	      max-width: 150px;
  }
  .value { flex: 1 auto;            
  }
  .valueLast { flex: 1 auto;            
  }
}
/* End Top Info Container - Details */



/* MEDIA SELECTORS */
/*desktops of 1920 min and up - Desktop 1025*/
@media screen and (min-width: 1921px) {  
  #main {margin: 0;}
  
  #sidenav {display: none;}
  
  #topnav {display: flex;
            flex-direction: row;}
			+
  #topnavList,
  #topnavListPH {display: block;} 
  
  .hrContent{ height: calc(100vh - 250px);}

/*
  #PDFPage {
	width: 90% !important; 
	background-color: white !important;
	padding-left: 5%;
  } 
  /* #rdRows-1 {width: 195% !important;} */
  #divDetails {padding-left: 20%; padding-right: 20%;}
  #divDetails2 {padding-left: 5%; padding-right: 5%;}
  #MembersHeaderRow {width: 195% !important;}
  div#CancelButton {margin-left: 40% !important;}


  .rdThemeDataTable td {
    display: table-cell !important;
    padding: 6px 10px !important;
    background: white;
    vertical-align: top;
    font-size: 100%;
   }   
   
   #divTable2 {
       padding-right: 10px !important;
       font-size: 120% !important;
       width: 375% !important; /*228 or 213*/
   }
*/
}

/*1024x768 pixels - IPADs*/
@media screen and (max-width: 1920px) 
{
  #main {margin: 0;}
  
  #sidenav {display: none;}
  
  #topnav {display: flex;
            flex-direction: row;}
			
  #topnavList,
  #topnavListPH {display: block;} 
  
  .hrContent{ height: calc(100vh - 250px);}

  #PDFPage {
	width: 90% !important;
        background-color: white !important;
	padding-left: 5%;
  } 
  #rdRows-1 {width: 180% !important;}
  #MembersHeaderRow {width: 180% !important;}
  #divDetails2 {padding-left: 5%; padding-right: 5%;}
  /*#divDetails {padding-left: 20%; padding-right: 20%;}*/
  div#CancelButton {margin-left: 28% !important;}

/*
  #divTable2 {
     padding-right: 10px;
       font-size: 100%;
       width: 227%; /*213*/
   }
   
   .colTable {
      width: 62%;
   }
  
   .rdThemeDataTable td {
    display: table-cell !important;
    padding: 6px 10px !important;
    background: white;
    vertical-align: top;
    font-size: 75%;
   }   
*/
}

/*1024x768 pixels - IPADs*/
@media screen and (max-width: 1280px) 
{
  #main {margin: 0;}
  
  #sidenav {display: none;}
  
  #topnav {display: flex;
            flex-direction: row;}
			
  #topnavList,
  #topnavListPH {display: block;} 
  
  .hrContent{ height: calc(100vh - 250px);}

  #PDFPage {
	width: 90% !important;
        background-color: white !important;
	padding-left: 5%;
  } 
  #rdRows-1 {width: 180% !important;}
  #MembersHeaderRow {width: 180% !important;}
  #divDetails2 {padding-left: 5%; padding-right: 5%;}
  /*#divDetails {padding-left: 20%; padding-right: 20%;}*/
  div#CancelButton {margin-left: 28% !important;}

 /* #divTable2 {
     padding-right: 10px;
      font-size: 100%;
       width: 150%; /*213*/
   }
   
   .colTable {
      width: 62%;
   }
  
   .rdThemeDataTable td {
    display: table-cell !important;
    padding: 6px 10px !important;
    background: white;
    vertical-align: top;
    font-size: 75%;
   }   
*/
}


/*1024x768 pixels - IPADs*/
@media screen and (max-width: 1180px) 
{
  #main {margin: 0;}
  
  #sidenav {display: none;}
  
  #topnav {display: flex;
            flex-direction: row;}
			
  #topnavList,
  #topnavListPH {display: block;} 
  
  .hrContent{ height: calc(100vh - 250px);}

  #PDFPage {
	width: 90% !important;
        background-color: white !important;
	padding-left: 5%;
  } 
  #rdRows-1 {width: 180% !important;}
  #MembersHeaderRow {width: 180% !important;}
  #divDetails2 {padding-left: 5%; padding-right: 5%;}
  /*#divDetails {padding-left: 20%; padding-right: 20%;}*/
  div#CancelButton {margin-left: 28% !important;}

  /* #divTable2 {
     padding-right: 10px;
      font-size: 100%;
       width: 135%; /*213*/
   }
   
   .colTable {
      width: 62%;
   }
  
   .rdThemeDataTable td {
    display: table-cell !important;
    padding: 6px 10px !important;
    background: white;
    vertical-align: top;
    font-size: 75%;
   }   */
}

/*1024x768 pixels - IPADs*/
@media screen and (max-width: 1024px) 
{
  #main {margin: 0;}
  
  #sidenav {display: none;}
  
  #topnav {display: flex;
            flex-direction: row;}
			
  #topnavList,
  #topnavListPH {display: block;} 
  
  .hrContent{ height: calc(100vh - 250px);}

  #PDFPage {
	width: 90% !important;
        background-color: white !important;
	padding-left: 5%;
  } 
  #rdRows-1 {width: 180% !important;}
  #MembersHeaderRow {width: 180% !important;}
  #divDetails2 {padding-left: 5%; padding-right: 5%;}
  /*#divDetails {padding-left: 20%; padding-right: 20%;}*/
  div#CancelButton {margin-left: 28% !important;}
   
  /* .colTable {
      width: 62%;
   }
  
   .rdThemeDataTable td {
    display: table-cell !important;
    padding: 6px 10px !important;
    background: white;
    vertical-align: top;
    font-size: 75%;
   } 


  #divTable2 {
     padding-right: 10px;
      font-size: 110%;
       width: 110%; /*213*/
   }  */
}


/*1024x768 pixels - IPADs air*/
@media screen and (max-width: 834px)
{
  #main {margin: 0;}
  
  #sidenav {display: none;}
  
  #topnav {display: flex;
            flex-direction: row;}
			
  #topnavList,
  #topnavListPH {display: block;} 
  
  .hrContent{ height: calc(100vh - 250px);}

  #PDFPage {
      width: 90% !important; 
     /* width: 65% !important; */
     background-color: white !important;
     padding-left: 5%;
  } 
   #rdRows-1 {width: 175% !important;} 
  /*  #rdRows-1 {width: 125% !important;} */
  #MembersHeaderRow {width: 175% !important;}
  #divDetails2 {padding-left: 5%; padding-right: 5%;}
  #MemberInfo {width: 100% !important;}
  div#CancelButton {margin-left: 28% !important;}

 /* #divTable2 {
     padding-right: 10px;
       width: 90%;
   }
   */
}

/*1024x768 pixels - IPADs*/
@media screen and (max-width: 768px)
{
  #main {margin: 0;}
  
  #sidenav {display: none;}
  
  #topnav {display: flex;
            flex-direction: row;}
			
  #topnavList,
  #topnavListPH {display: block;} 
  
  .hrContent{ height: calc(100vh - 250px);}

  #PDFPage {
     width: 90% !important;
     background-color: white !important;
     padding-left: 5%;
  } 
  #rdRows-1 {width: 160% !important;}
  #divDetails {width: 95% !important;}
  #MemberEmailHeader {width: 100% !important;}
  #MemberInfo {width: 100% !important;}
  #CancelButton {margin-left: 28% !important;}
  #rdPopupPanelTable_popSubscribe {width: 110% !important;}

 /* #divTable2 {
     padding-right: 10px;
       width: 90%;
   }*/
}

/* 2778x1284 pixels at 458ppi */
@media screen and (max-width: 428px)
/*
    and (device-width: 428px) 
    and (device-height: 926px) 
    and (-webkit-device-pixel-ratio: 3)*/ { 
  #main {margin: 0; padding: 0;}
  
  #sidenav {display: none;}
  
  #topnav {display: flex;
            flex-direction: row;}
			
  #topnavList,
  #topnavListPH {display: block;} 
  
  .hrContent{ height: calc(100vh - 250px);}
   #PDFPage {
      /* width: 140% !important; */
      width: 90% !important;
      background-color: #ffffff !important;
      padding-left: 5%;
   } 
   #divPDF {
      width: 140% !important;
      padding-left: 5% !important;
   }

   #rowContent {width: 10% !important; padding: 0 !important;}
   /* #rdRows-1 {width: 120% !important;} */
   #rdRows-1 {width: 100% !important;}
   #rdRows-2 {width: 155% !important;}
   #divDetails {width: 95% !important; height: 852px;}
   #MembersHeaderRow {width: 115% !important;}
   #MemberInfo {width: 120% !important;}
   #divBottomBio {height: 852px;}
   #rdDataTableDivEnd-dtPolicyUpdates  {height: 852px;}
   #CancelButton {margin-left: 28% !important;}
}

@media screen and (max-width: 375px) { 
  #main {margin: 0;}
  
  #sidenav {display: none;}
  
  #topnav {display: flex;
            flex-direction: row;}
			
  #topnavList,
  #topnavListPH {display: block;} 
  
  .hrContent{ height: calc(100vh - 250px);}

  #PDFPage {
     width: 140% !important;
     background-color: white !important;
     padding-left: 5%;
  } 
  #rdRows-1 {width: 100% !important;}
  #rowContent { padding-left: 0 !important;}
  #MembersHeaderRow {width: 105% !important;} 
   #divBottomBio {height: 852px;}
   #rdDataTableDivEnd-dtPolicyUpdates  {height: 852px;}
   #CancelButton {margin-left: 28% !important;}
}

@media screen and (max-width: 320px) { 
  #main {margin: 0;}
  
  #sidenav {display: none;}
  
#topnav {
	   display: flex;
           flex-direction: row;
	   background-color: #3996bf;
}
			
  #topnavList,
  #topnavListPH {display: block;} 
  
  .hrContent{ height: calc(100vh - 250px);}

   #PDFPage {
      width: 140% !important;
      background-color: white !important;
      padding-left: 5%;
   } 
   #rdRows-1 {width: 100% !important;}
   #rowContent { padding-left: 0 !important;}
   #MembersHeaderRow {width: 105% !important;}
   #divBottomBio {height: 852px;}
   #rdDataTableDivEnd-dtPolicyUpdates  {height: 852px;}
   #CancelButton {margin-left: 28% !important;}
}