/* Printed Sections */
#printedHeader {
	display: none;
}

#tmiWrapperDiv {
	position: relative;
	min-height: 100%;
	display: flex;
  flex-direction: column;
  flex-grow: 1;
  /*height: 100vh;*/

}

.main-section {
	position: relative !important;
	flex: 1 0 auto;
}

.tmiWrapperDiv {
	position: relative;

}

/** Print Section Start*/
@media print {
	div#footer {
		text-align: left;
		color: Black;
	}

	#printedHeader {
		display: inline;
	}
	div#foot {
		background-color: Transparent;
	}

#mobileDiv, #deskDiv, footer#footer, #back-top, .fi-arrow-up,#oirbreadcrumb,.menu-icon,.title-area,.top-bar-section {
	display: none;
}
 .reveal-modal{
   display: none !important ;
 }

 .button, .CssButton{
 	display: none ;
 }

  body  {
    text-align: left;
    color: Black;
  }



table thead th:first-child, table thead th:last-child {

    border: 0px;
}


  #printedHeader {
    display: inline;
  }


  a {
    color: #000000;
  }

  a:disabled,
  a[disabled] {
    color: #666666;
  }

  .CssButton {
	display: none;
  }

  .CssButton:disabled,
  .CssButton[disabled] {
    color: #666666;
    background-color: transparent;
  }



  input {
    border-color: Black;
    color: Black;
  }

  td, th, tr {
    padding: 0;
  }
	
	.cuiTopBarUserInfo, .cuiTopBarSmall, .cuiTopBarBig {
		display: none;
	}
	
	.main-section {
		top: 0 !important;
	}
	
	 a[href]:after {
    content: none !important;
  }

}
/* end of print section */



/* -------------Overriding master css elements END ----------- */

/* -------------Overriding master css elements END ----------- */

/* -------------Media queries target to large screens START  ----------- */
@media (min-width : 1025px) {
	#mobileDiv {
		display: none;
	}

	#topHeaderBartbl {
		background-color: rgba(0,0,0,0.8);
		background: transparent !important;
		border: 0;
		width: 100%;
		margin-top: 10px; /* new header */
		border-collapse: collapse;
		border-radius: 0 !important;
		-webkit-box-shadow: 0 3px 15px rgb(112, 150, 178);
		-moz-box-shadow: 0 3px 15px rgb(112, 150, 178);
		box-shadow: 0 3px 15px rgb(112, 150, 178);
		box-shadow: 0 0px 5px rgb(126, 128, 131);
		overflow: visible;
	}

	#topHeaderBartbl tbody tr:last-child td:last-child {
  	  border-bottom-right-radius: 0px;
	}

	#topBarSection table tr td {
	    border-bottom-left-radius: 100px;
	    padding-top: 5px;
	    padding-left: 10px
	}

	.cu-icon{
		width: 148px !important;
		}
}

/* -------------Media queries target to large screens END  ----------- */




/* -------------Media queries target to between medium and large  screens START  ----------- */

 /*
 @media only screen and (min-width : 500px) and (max-width : 1024px) {

	.cu-icon{
		width: 148px !important;
		}

	.top-bar-section ul li>a {
    font-size: 0.95rem !important;
  }

}

 */

/* -------------Media queries target to between medium and large  screens END  ----------- */




/* -------------Media queries target to medium and small  screens START  ----------- */
@media only screen and (min-width : 50px) and (max-width : 1024px) {
	#deskDiv {
		display: none;
	}
	bar,.tab-bar .menu-icon {
		background: #5C5C5C;
		border: none;
		color: #999999;
		border-left: solid 0px #565656;
	}

	.top-bar{
		display:none;
}

.full {
	width: 100%;
	margin: 0 !important;
	padding: 0;
	clear: both;
}

.cu-icon{
	width: auto !important;
	}

#mobileDiv {
	background: #e36f1e;
	height: 3.2125rem !important; /* was 3.6em before */
	margin-bottom: 20px;
	text-align: center;
	/* 	border-radius: 5px; */
	/* -webkit-box-shadow: 0 3px 15px rgba(50, 50, 50, 0.7);
	-moz-box-shadow: 0 3px 15px rgba(50, 50, 50, 0.7);
	box-shadow: 0 3px 15px rgba(50, 50, 50, 0.7);
	box-shadow: 0 3px 15px rgb(123, 157, 183); changed made on 11/27/2016 */
}

.spanAccountLeft {
	padding: 22px 26px 15px 22px;
}

}

/* -------------Media queries target to medium ans small  screens END  ----------- */


html,body {
	margin: 0;
	padding: 0;
/*	height: 100%; */
}

#acct-info-dialog {
	color: gray;
	min-width: 200px;
	/* max-width: 90%; */
	/* height: 60%; */
	text-align: center;
}
.account-identifier{
	color: #fff;
	padding-right: 15px;
	padding-top: 18px;
	padding-left: 5px;
	padding-bottom: 10px;
	font-size: 10px;
}

.box-with-shade {
	min-width: 200px;
	border-radius: 2px;
	-webkit-box-shadow: 0 3px 15px rgb(112, 150, 178);
	-moz-box-shadow: 0 3px 15px rgb(112, 150, 178);
	box-shadow: 0 3px 15px rgb(112, 150, 178);
}


#topHeaderBartbl table td{
 background-color: rgba(0,0,0,0.8) ;
}

.f-dropdown {
	min-width: 200px;
	outline: 0;
}


.responsiveFooter {
		position: static;
    	right: 0;
    	left: 0;
    	bottom: 0;
		height: auto;
    	display: block;
    	padding: 12px;
    	background: #575a5d;
    	border-top: 0.5px solid rgba(197, 197, 197, 0.55);
    	/* margin-bottom: 15px; */
    	color: #fff;
	}

.responsiveFooter a {
    	text-decoration: none;
    	border-bottom: solid 1px #fff;
    	color: #fff;
	}



#topBarSection ul li {
/* 	background: #fff; */
}

.noPadding {
	padding: 0px;
}

.noMargin {
	margin: 0px 0px 0px 0px !important;
}

#nonMobileMenu>li {
	margin-left: 0rem;
}

.toggle-menu {
	position: relative;
	font-size: 2rem;
	z-index: 5000;
	color: #003A6D;
	/* 	top: -0.3rem; */
	left: 1.5rem;
	right: 1.5rem;
	transition: all 0.4s ease-in-out;
}

.toggle-menu:hover {
	transition: all 0.4s ease-in-out;
}

.overlay-menu {
	position: fixed;
	z-index: 1000;
	top: 3rem;;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	margin: 0;
	padding: 5rem 0 0;
	/* 	opacity: 0; */
	list-style: none;
	background-color: #333333;
	/*   background-image: repeating-radial-gradient(#5C5C5C, grey); */
	background-size: cover;
	text-align: center;
	transform: translateY(-100%);
	transition: all 400ms cubic-bezier(1, -0.4, 0.44, 0.985);
	-webkit-transition: visibility 0s linear 1s;
	transition: visibility 0s linear 1s;
	transition: .5s;
}

.overlay-menu li a {
	font-size: 0.815rem;
	padding-left: .35rem;
}

.overlay-menu li a:hover {
	font-size: 1rem;
	/* 	background-color: #003A6D; */
}

#nonMobileMenu li a:hover {
	/* 	font-size: 1rem; */
	background-color: lightgrey;
}

.overlay-menu a {
	display: block;
	color: #fff;
	font-weight: bold;
	height: 3.25rem;
	line-height: 3.25rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	text-decoration: none;
/* 		transform: perspective(400px) translateX(0) rotateX(10deg;); */
}
/*     .overlay-menu a:hover { */
/*       background-color: white; */
/*       color: blue; } */
/* .overlay-menu.is-open  ~.toggle-menu { */
/* 	display: inline-block; */
/* 	transition: all 0.4s ease-in-out; */
/* 	transform: rotate(-90deg); */
/* 	color: white; */
/* } */

.is-open {
	top: 0;
	/* 	opacity: 1; */
	/* 	display:block; */
	transform: perspective(400px) translateX(0) rotateX(0deg);
/* 	transform: perspective(400px) translateX(0) rotateX10deg;); */
/* 	transition: .5s; */
}

#acct-icon-largemenu {
	font-size: 2.0em;
/* 	color: #003A6D; */
/* 	padding-top: -10px; */
	text-decoration: initial;
}

#acct-icon-largemenu:hover {
	background-color: lightgrey;
}

#acct-icon-small {
	font-size: 2.5em;
	color: #fff;  /* change made on 11/27/2016 #003A6D */
	right: 3.0rem;
	text-decoration: initial;
}

#acct-icon-small:hover {
	color: lightgrey;

}

#overlayMenu .accordion-navigation>a {
	padding: 0;
	padding-left: 0.5rem;
	background: #333333;
	color: white;
}

#overlayMenu .accordion-navigation>a:hover {
	background: #A09E9E;;
}

/* #overlayMenu .accordion-navigation.active>a:after { */
/* 	content: "\25EC"; */
/* } */
#overlayMenu accordion .accordion-navigation>a,.accordion dd>a {
	/* 	background: white; */
	padding: 0rem;
}

[id*="overlaySubMenu"] {
	position: relative;
	background: #fff;
	cursor: pointer;
	outline: none;
/*     -webkit-transition: background 0.35s linear,height 0.35s ease-in 200ms; */
/*     transition: background 0.35s linear,height 0.35s ease-in 200ms;	 */


}


[id*="overlaySubMenu"]:after {

	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 16px;
	top: 50%;
	float: right;
	margin-top: -3px;
	border-width: .5rem .5rem 0 .5rem;
	border-style: solid;
	border-color: white transparent;
}

[id*="overlaySubMenu"].active:after {
	border-width: 0 .5rem .5rem .5rem;
	top: 10%;
}

/* [id*="overlaySubMenu"].active .dropdown { */
/* 	opacity: 1; */
/* 	pointer-events: auto; */
/* } */

[id*="overlaySubMenu"] .content {
	padding: 0px !important;


}

[id*="overlaySubMenu"] div ul li>a:hover {
	background: grey;
	color: #fff;
}

[id*="overlaySubMenu"] div ul li>a {
	color: #fff;
}

#nonMobileMenu .has-dropdown>a:after {
	border-color: #fff transparent transparent transparent;
}

#deskDiv section table tr td {
	color: #fff;
}

#topBarSection {
	padding-left: 0px;
	width: 100%;
}
#deskDiv nav .top-bar-section li:not(.has-form) a:not(.button) {
    background: #FFF;
    }
#deskDiv nav .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: #333;
/*     color: #003A6D; */
}
#topBarSection.top-bar-section .dropdown li {
    height: auto;
    width: 100%;
}

/* #topBarSection.top-bar-section .dropdown li:hover { */
/* background-color: white!important; */
/* background: white!important; */
/* }  */

#deskDiv nav .top-bar-section li:not(.has-form) a:not(.button) {
    background: transparent;
         margin-left: 25px;

}
#deskDiv nav .top-bar-section ul li:hover:not(.has-form) > a{
/*     background-color: #fff; */
    color: #fff;
/*     background: lightgrey; */
    text-decoration: none;

}

#deskDiv nav .top-bar-section li:not (.has-form ) a:not (.button ) {
	background-color: #fff;
}

#deskDiv nav .top-bar-section li:hover:not (.has-form ) >a {
/* 	background-color: #fff; */
	color: #003A6D;
/* 	background: lightgrey; */
}

#overlayMenu li {
	text-align: left;
	padding-left: 1.5rem;
	background-color: #333333;
}



/* #overlayMenu li:nth-child(2){ */
/* 	    transition-delay: 500ms,500ms; */
/* 	    -webkit-transition-delay: 500ms,500ms */
/* } */

#overlayMenu li a {
padding-left: 0.5rem;
}

.logo-td-width{
  width: 8rem;
    padding-top: 5px;
    padding-left: 10px
}

[id*="overlaySubMenu"] div ul li a {
	display: block;
	color: #fff;
	font-weight: bold;
	height: 2.5rem;
	line-height: 2.5rem;
	border-bottom: none;
	text-decoration: none;
}

#mobileLogo {
	width: 1rem;
	padding: 4px;

}
#nonMobileLogo {
margin: 0px; margin-bottom: -1px; top: -20px;
}

#mobileLogo img {
	margin: 0px;
	max-width: 9rem;
	padding: 5px 5px 5px 5px; /* change made on 11/27/2016 */
}

#mobileDiv .right {
	  padding-right: 22px;
    padding-top: 0.55rem;
    padding-left: 26px;
}

#nonMobileMenu li a {
/* color: #003A6D; */
}
#nonMobileMenu li .dropdown li a {
/* color: #fff; */
}

#nonMobileMenu > li.has-dropdown > ul > li > a:hover {
/* background: #fff !important; */

}
/* make keyframes that tell the start state and the end state of our object */

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:.6s;
	-moz-animation-duration:.6s;
	animation-duration:.6s;
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.toggle-menu .hamburger {
    width: 27px;
    height: 14px;
    position: relative;
    display: inline-block;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    cursor: pointer;
    line-height: 20px;
    top: -6px;
}

.toggle-menu .hamburger span {
    display: block;
    position: absolute;
    height: 4px;
    width: 35px;
    background-color: #fff; /* change made on 11/27/2016 #003A6D  */
    opacity: 1;
    left: -18px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: transform 400ms linear;
    -moz-transition: transform 400ms linear;
    -o-transition: transform 400ms linear;
    -ms-transition: transform 400ms linear;
    transition: transform 400ms linear;

}

.image-fade{
	z-index: 4000;
	opacity: 0.6;
}

.toggle-menu .hamburger span:nth-child(1) {
    top: 0;
}
.toggle-menu .hamburger span:nth-child(2) {
    top: 9px;

}
.toggle-menu .hamburger span:nth-child(3)  {
    top: 18px;
}

.toggle-menu .hamburger.open span:nth-child(1) {
    top: 8px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
     background-color: #fff;

}
.toggle-menu .hamburger.open span:nth-child(2) {
    opacity: 0 !important;
}
.toggle-menu .hamburger.open span:nth-child(3) {
    top: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
     background-color: #fff;
}

.top-bar-section ul li {
    background-color:  transparent;
}

ul#nonMobileMenu li a{
font-size:  1rem;
}
ul#nonMobileMenu li a:hover{
 color: lightgrey !important;
}
.logo-td-width a img {
  max-width :7em !important;
}

.top-bar-section ul li {
    background: none !important;
}

/* ------------- ID to add a border top to ul dropdown from foundation ----------- */

#dropdown-border-top{
	background: #333333;
}