span.fas.fa-microscope {
	 background-color: #009900;
}
 span.fa.fa-university {
	 background-color: #663366;
}
 span.fa.fa-list-ul {
	 background-color: #cc6633;
}
 span.fa.fa-book {
	 background-color: #0099ff;
}
 span.fa.fa-shopping-cart {
	 background-color: #006699;
}
 span.fa.fa-balance-scale{
	 background-color: #721117;
}
 span.fa.fa-paper-plane {
	 background-color: #96C93E;
}
 @media (min-width: 768px){
	 .billboard .top img, .billboard .top a img{
		 margin-bottom: 5px;
		 margin-top: 10px;
		 border: solid 2px white;
	}
	 .billboard .bottom img, .billboard .bottom a img{
		 margin-top: 5px;
		 border: solid 2px white;
	}
}
 @media (max-width: 767px){
	 .billboard img {
		 margin-bottom: 5px;
		 margin-top:5px;
		 border: solid 2px white;
	}
	 .topIconBtn{
		 text-align: center;
	}
}
 @media (max-width: 991.98px){
	 .logo {
		 max-width: 400px;
		 margin: 0 auto;
	}
	 .three-icons .fa-2x {
		 font-size: 1.2em;
	}
}
 @media (min-width: 992px){
	 .three-icons .fa-2x {
		 font-size: 1.5em;
	}
}
 .homefeatures h2 {
	 font-size: 20px;
}
 .homegrey h3 {
	 font-size: 20px;
	 margin: 0;
	 padding: 0;
}
 #signin p{
	 margin: -5px 0px 10px -5px;
}
 @media (min-width: 768px){
	 .topIconBtn {
		 text-align: right;
	}
	 #signin {
		 border-right: 1px solid #eaeaea;
		 display: inline-block;
		 text-align: center;
		 height: 60px;
		 font-weight: bold;
		 max-width: 250px;
		 min-width: 60px;
		 font-size:14px;
	}
	 #signin p{
		 font-size: 12px;
		 font-weight: bold;
	}
}
 @media (max-width: 767px){
	 #signin {
		 font-size: 14px;
		 font-weight: bold 
	}
	 #signin p{
		 font-size: 12px;
		 font-weight: bold;
	}
}
/* multislide*/
 #multislide{
	 white-space: nowrap;
	 padding: 0;
	 margin: 0;
}
 #multislide, #multislide li{
	 display: inline;
	 list-style: none;
}
 .image-block{
	 max-width: 280px !important;
}
 .nopadding{
	 padding:0;
}
 @media (max-width:767px){
	 .homebannersmall{
		 width: 49.5% !important;
	}
}
/* Logos */
 .logo{
	 padding: 30px 0;
}

/* Footer */
 .foot {
	 background: #002955;
	 font-size:14px;
	 padding: 30px 0 20px 0;
	 color: white;
}
 .foot a {
	 color: white;
}
 .footer {
	 background: #002955;
}
/* Navigation */
 .top-bar {
	 background: #eeeeee;
}
 .top-bar-ats li {
	 width: 16.6%;
	 float: left;
	 display: block;
	 text-align: center;
	 height: 30px;
}
 .top-bar-ats .active {
	 background-color: white;
}
 .page-heading-two {
	 background: #003a6d;
}
 .page-heading-two h2 {
	 color: white;
	 font-size: 37px;
	 font-family: 'Open Sans', sans-serif;
	 font-weight: 600;
}
 .navtoptop {
	 border: 0px;
	 padding: 0px !important;
	 margin: 0px !important;
	 background-color: #eee;
}
 #navbarTogglerBtn {
	 margin: 6px;
}
 .navtoptop .active {
	 background-color: white;
}
 .navtoptop a {
	 color: #898989 !important;
	 font-weight: 600;
	 font-size: 14px;
}
 .navtoptop a:hover {
	 color: #045AA4 !important;
}
 .header-1 .navigation .mgmenu_container .mgmenu>li>a, .header-1 .navigation .mgmenu_container .mgmenu>li>span {
	 border-left: solid 2px #2368a4;
	 position: relative;
}
/* .header-1 {*/
/*	 margin-top: 10px;*/
/*}*/
 @media (max-width: 767px) {
	 .header-1 {
		 margin-top: 10px;
	}
	 .loginbar {
		 text-align: center;
	}
	 .oursiteslabel {
		 display: inline-block;
	}
}
 .navparent {
	 width: 20%;
	 text-align: center;
}
 .navlast {
	 border-right: solid 2px #2368a4;
}
 .navbar-fixed-top {
	 opacity: .98;
}
 .activenav {
	 background: #094b89 !Important;
}
 .btn-sitemap {
	 background: none;
	 color: #a3bdd8;
	 !Important;
	 padding: 5px !Important;
	 border: 2px solid #a3bdd8;
	 display: block;
	 font-family: 'Open Sans', sans-serif;
	 font-weight: bold;
	 font-size: 12px;
	 position: absolute;
	 bottom: 15px;
	 right: 15px;
}
 .btn-sitemap:hover {
	 color: #bbd2e6 !Important;
	 border: #bbd2e6 solid 2px;
}
/* Overwrites Bootstraps TopNav Padding -- the light grey one */
 .nav>li>a {
	 padding: 5px;
}
 .header-search2 {
	 display: none;
	 position: absolute;
	 background-color: white;
	 padding: 15px 10px;
	 top: 23px;
	 right: 80px;
}
 .header-search2 .input-group {
	 width: 240px;
}
 .ATSLogOutBtn {
	 font-weight: 700;
	 color: #818285;
}
 .ATSLogOutBtn a {
	 font-size: 12px;
}
 @media (max-width: 767px) {
	 .header-search2 {
		 display: none;
		 background-color: white;
		 padding: 10px;
		 margin: 10px;
		 border-right: none 0px #eeeeee;
		 position: static;
	}
	 .header-search2 .input-group {
		 width: 100%;
	}
}
/* Sidebar */
 .sidebarnav-inner-level {
	 font-size: 90%;
}
 .sidebarnav-inner-level li {
	 border-top: none;
}
 .sidebarnav li {
	 border-top: solid 1px #d7d7d7;
	/* added by JC*/
	 list-style-position: inside;
	 padding: 1px 0px 1px 25px;
	 text-indent: -15px;
}
 .sidebarnav li a {
	 display: block;
	 color: #237bc9;
	 font-weight: normal;
	/* added by JC*/
	 list-style-position: inside;
}
 .sidebarnav .active a {
	 color: #333;
	 font-weight: bold;
}
 .sidebarnav li a:hover {
	 background-color: #f8f8f8;
	 color: #333399;
}
 .sidebarnav {
	 font-family: 'Open Sans', sans-serif;
	 color: #333;
	 font-weight: 600;
}
 .sidebarnav i {
	 font-weight: bold;
	 color: #d7d7d7;
	 font-size: 14px;
}
 .sidebarnav li i {
	 margin: 0 10px 0 5px;
}
 .sidebarnav .level2 li i {
	 margin-left: 20px;
}
/* indents the li second line*/
 .sidebarnav li span.active {
	 padding-left: 20px;
	 display: table-cell;
}
/*padding-left for the active left side bar item */
 #layout-left-side-nav ul.list-unstyled li.active {
	 padding-left: 40px;
}

/* Homepage Articles */
 .homegrey {
	 padding: 10px 0;
}
/* Homepage OurSites */
 .oursiteslabel {
	 width: 100px;
	 padding: 10px 0 10px 15px;
	 display: none;
	 height: 50px;
	 float: left;
}
/* Homepage Masthead Buttons */
 .three-icons p {
	 font-weight: 700;
	 font-size: 12px;
	 padding: 10px 0;
	 color: #666;
}
 #mainIconBtnContainer a:hover {
	 opacity: 0.8;
	 -webkit-transition: margin 1s ease;
	 -moz-transition: margin 1s ease;
	 -o-transition: margin 1s ease;
	 -ms-transition: margin 1s ease;
	 transition: margin 1s ease;
	 text-decoration: none;
}
 .three-icons {
	 border-right: 1px solid #eaeaea;
	 display: inline-block;
	 text-align: center;
	 height: 64px;
	 margin-top: 30px;
	 width: 64px;
}
 .three-icons-last {
	 border-right: 0px solid #333;
}
 .panel-group .panel-heading+.panel-collapse>.panel-body {
	 border-top: 1px #e7e7e7 solid;
}
 .panellll {
	 border: 1px solid #e7e7e7;
}
 .panel-title>a {
	 color: #237bc9;
	 font-size: 14px;
}
 .panel-title>a:hover {
	 color: #296b9e;
}
/* Misc */
 blockquote {
	 border-left: 0px solid;
	 background-color: #f5f5f5;
}
 #layout-left-side-nav-bottom {
	 background-color: #F1F1F1;
	 padding: 10px;
	 border-bottom-left-radius: 4px;
	 border-bottom-right-radius: 4px;
	 border-top-left-radius: 4px;
	 border-top-right-radius: 4px;
	 font-size:14px;
}
 #layout-left-side-nav-bottom a {
	 display: block;
	 color: #237bc9;
	 font-weight: normal;
	/* added by JC*/
	 list-style-position: inside;
}
 #layout-left-side-nav-bottom li {
	 padding-left: 6px;
	 padding-bottom: 2px;
}
 #layout-main-content {
	 margin-top: 10px;
	 margin-bottom: 10px;
}
 #layout-content-title {
	 font-weight: bold;
	 font-size: x-large;
}
 #layout-content h2 {
	 font-size: 20px;
}
 #layout-content h3 {
	 font-size: 17px;
}
 .layout-left-nav-item:before {
	 font-family: FontAwesome;
	 content: "\f105";
}
/* main index site - layout */
 .ats-perspective-item {
	 text-align:center;
	 padding:30px 10px 4px 10px;
}
 .ats-perspective-item a{
	 color:#fff;
	 font-weight: 500;
}
 .ats-in-action-item {
	 text-align:center;
	 padding:65px 10px 10px 0px;
}
 .ats-in-action-item a{
	 color:#fff;
	 font-weight: 500;
}
 #layout-main-content table th, #layout-main-content table td {
	 text-align: left;
	 padding: .5em;
}
 #layout-main-content table {
	 width: 100%;
}
 #mgmenu1 ul li:hover > a{
	 background-color: #042C57;
}
/* styles the committees page tables*/
 #committee-member-table {
	 table-layout: fixed;
}
/* auto resize image for mobile */
 img {
	 max-width: 100%;
}
/* fixes the img width in Chrome*/
 table img {
	 max-width: none;
}
/* submenu button css for mobile*/
 #mobile-submenu-button{
	 background-color:#3A9DFF;
	 float:right;
	 border-radius: 50px;
	 width:48px;
}
 #mobile-submenu-icn {
	 color:#fff ;
}
 #mobile-submenu-title {
	 font-weight: bold;
	 margin: 20px;
	 float: right;
	 display: none;
}
 @media (max-width: 767px) {
	 #mobile-submenu-title {
		 display: block;
	}
}
/* overwrites the main menu icon to the left */
 .header-1 .navigation .mgmenu>li.mgmenu_button {
	 background-position-x: 80px !important;
}
 .h4-blue{
	 font-weight: 400;
	 color: #151898 !important;
}
 .skyblue-text {
	 color:#0958A1 ;
	 font-weight: 600;
}
 .crimson-text{
	 color:#9C1E09;
	 font-weight:600;
}
 .white-text{
	 color:#ffffff;
	 font-weight:600;
}
 .nav-pills >li >a:hover{
	 color: #fff;
}
 .nav-pills >li >a:focus {
	 color: #609CEC;
}
 #media-inventory-list-table h5{
	 font-size: 13px;
}
 textarea#description {
	 width: 392px;
	 height: 120px;
}
 #last-reviewed-date {
	 padding-top: 10px;
	 font-style: italic;
}
 @media (max-width : 320px) {
	 #layout-main-content{
		 padding-left:2px !important;
		 padding-right:2px !important;
	}
}
 .top-navbar ul.nav.nav-justified li a:focus {
	 background-color: #eee !important;
	 color:#898989 !important;
}
 #layout-main-content #layout-content blockquote ol{
	 font-size: 14px;
}
 .social-icons{
	 margin-top:10px;
	 font-size:12px;
}
 .blue-header{
	 color: #0054A4;
}
 .assembly-news{
	 margin-top:15px;
}
 .grey-background{
	 background: #f9f9f9;
	 padding-top: 10px;
	 padding-bottom: 10px;
	 padding-left: 30px;
	 border-radius: 10px;
}
/* Carousel-Gallery - added by Eric Chu */
 .carousel {
	 max-width: 640px;
}
 .carousel .carousel-caption2 ol.carousel-indicators {
	 bottom: -10px;
}
 .carousel .carousel-control {
	 top:0;
}
/* myATS panel*/
 #myats-panel, #myfavorites-panel{
	 border-color: #ddd;
}
/*Added by Eric 8/9/17*/
 .floating-left {
	 float: left;
	 padding-right: 10px;
	 padding-bottom: 10px;
}
 .floating-right {
	 float: right;
	 padding-left: 10px;
	 padding-bottom: 10px;
}
 @media screen and (max-width:500px) {
	 .responsive-wrap {
		 margin-left: auto;
		 margin-right: auto;
		 float: none;
		 text-align: center;
		 padding-left: 0;
		 padding-right: 0;
		 padding-bottom: 0;
	}
}
/* spacing for no-header page content */
 #layout-content-no-header {
	 margin-top: 15px;
	 margin-bottom: 15px;
}
/*Added by Eric 8/9/17*/
/* Added by Eric 8/9/17 */
 .floating-image {
	 display:block;
	 float:none;
	 margin:0 auto 20px !important;
}
/* Added by Eric 8/9/17 */
/*Added by Eric 4/5/18*/
 @media (min-width: 768px ) {
	 #twocolumn {
		 -moz-column-count: 2;
		 -moz-column-gap: 20px;
		 -webkit-column-count: 2;
		 -webkit-column-gap: 20px;
		 column-count: 2;
		 column-gap: 20px;
	}
	 #threecolumn {
		 -moz-column-count: 3;
		 -moz-column-gap: 20px;
		 -webkit-column-count: 3;
		 -webkit-column-gap: 20px;
		 column-count: 3;
		 column-gap: 20px;
	}
	 .navparent .container {
		 text-align: left;
	}
}
/*Added by Eric 4/5/18*/
/* submenu hover-over item show/hide - added by Jihae Chung 4/11/2018 */
 ul.mega-links.hover-dropdown li{
	 display: none;
}
 ul.mega-links.hover-dropdown:hover, ul.mega-links.hover-dropdown li:hover, ul.mega-links.hover-dropdown:active{
	 display: list-item;
}
/* footer logos */
 #img-ats-footer {
	 max-width: 84px;
}
 img#accme {
	 max-width: 70px;
	 margin: 26px 12px 12px 9px;
}
 #cookie-law {
	 z-index: 9999;
	 width: 100%;
	 background: rgb(66, 70, 71);
	 bottom: 0;
	 left: 0;
	 position: fixed;
	 color: white;
	 right: 0;
}
 #cookie-law a {
	 color: #eead0e;
}
 #cookie-law a.close{
	 cursor: pointer;
}
 #cookie-law button {
	 margin-left: 6px;
	 padding-left: 15px;
	 padding-right: 15px;
}
/*Added by Eric 4/30/18*/
 .embedvideo-responsive1{
	 overflow:hidden;
	 padding-bottom:56.25%;
	 position:relative;
	 height:0;
}
 .embedvideo-responsive1 iframe{
	 left:0;
	 top:0;
	 height:100%;
	 width:100%;
	 position:absolute;
}
/*Added by Eric 4/30/18*/
/*Added by Eric 7/8/19*/
 .button1a {
	 background:#6fa8dc;
	 background: linear-gradient(#6fa8dc, #0b5394);
	 border: 1px solid #0b5394;
	 border-radius: 5px;
	 color: #ffffff;
	 display: inline-block;
	 font: normal bold 23px/1 sans-serif;
	 text-align: center;
	 text-shadow: 1px 1px #073763;
	 padding: 11px 24px !important;
}
 .button1a a{
	 text-decoration: none;
	 color: #ffffff;
}
 .button1a a:hover{
	 color: #ffffff;
}
/*Added by Eric 7/8/19*/
/* Added by Jihae 8/1/2019 */
 .card {
	/* Add shadows to create the "card" effect */
	 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	 transition: 0.3s;
}
/* On mouse-over, add a deeper shadow */
 .card:hover {
	 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
/* Add some padding inside the card container */
 #virtual-network .card-body {
	 padding: 10px;
}
 #virtual-network .card-body h5 {
	 font-weight: 500;
	 font-size: 15px;
	 line-height: 20px;
	 padding: 4px 0;
}
 #virtual-network .card-body .card-title {
	 font-weight: 800;
	 font-size: 14px;
	 color: #002955;
	 line-height: 18px;
	 padding-bottom: 8px;
}
 .bb{
	 border-bottom: solid 1px lightgray;
}
 .pb-30{
	 padding-bottom: 30px;
}
/* Added by Jihae 8/1/2019 */
/*Added by Eric 1/17/20 */
 .carousel-caption {
	 opacity: .8;
	 width: 100%;
	 margin-left: -96px;
	 margin-bottom: -20px;
	 padding-bottom: 30px !important;
}
 .carousel-item img {
	 max-height: 487px;
}
 .carousel-caption p {
	 padding: 0 32px;
}
/*Added by Eric 1/17/20 */
/*Added by Eric 2/13/20 */
 .boxcolor {
	 background-color: #F9F9F9;
	 padding: 10px;
}
.boxcolor2 {
	 background-color: #FFFFFF;
	 padding: 10px;
}
/*Added by Eric 2/13/20 */

/*Added by Eric 7/10/20 */
.video-portrait {
    max-height : 400px; 
    max-width : 400px;
    display: block; 
    margin-left: auto; 
    margin-right: auto;
}

.video-landscape {
    max-height : 600px; 
    max-width : 600px;
}
/*Added by Eric 7/10/20 */



/*Added by Eric 7/7/22 */


.image-resize-147 {
    max-width : 147px;
    max-height : auto;
}


.image-resize-180 {
    max-width : 180px;
    max-height : auto;
}

.image-resize-200 {
    max-width : 200px;
    max-height : auto;
}
 
.image-resize-300 {
    max-width : 300px;
    max-height : auto;
}

 
.image-resize-400 {
    max-width : 400px;
    max-height : auto;
}

.image-resize-500 {
    max-width : 500px;
    max-height : auto;
}
/*Added by Eric 7/7/22 */





/*Conference Popup Added by Jihae 3/6/2020 */
 #conference-popup{
	 z-index: 9999;
	 width: 100%;
	 background: #602478;
	 top: 0;
	 left: 0;
	 position: fixed;
	 color: #FFFF99;
	 right: 0;
}
 #conference-popup a{
	 color: white;
}
 #conference-popup a:hover{
	 color: white;
}
 #conference-popup a.close{
	 cursor: pointer;
}
/* Added by Jihae 4/8/20 */
 #body{
	 display: flex;
	 flex-direction: column;
	 min-height: 100vh;
}
 #layout-main-content{
	 flex: 1;
}
/* Added by Jihae 4/30/20 */
/* New Navigation */
 @media (max-width: 767px) {
	 .main-navigation, .main-navigation .mgmenu_container {
		 background-color: #e5e5e5;
	}
	 ul.mgmenu{
		 background-color: #e5e5e5;
	}
}
 @media (min-width: 768px){
	 .main-navigation .mgmenu_container {
		 background-color: #fff;
	}
}
 #mgmenu1 ul li:hover > a {
	 color: #191818 !important;
	 background-color: #eee;
}
 li.navparent a {
	 color: #191818;
	 font-size: 13px;
	 font-weight: bold;
	 font-family: "Open Sans", sans-serif;
	 text-shadow: none;
	 -webkit-transition: background 0.5s ease;
	 -moz-transition: background 0.5s ease;
	 -o-transition: background 0.5s ease;
	 -ms-transition: background 0.5s ease;
	 transition: background 0.5s ease;
}
 .mgmenu > li:hover, .mgmenu > li.active {
	 background-color: white;
}
 .navlast {
	 border-right: none;
}
 .mgmenu h6 {
	 font-size: 13px;
	 text-transform: uppercase;
	 font-family: "Open Sans", sans-serif;
	 font-weight: 700;
	 text-transform: uppercase;
}
 ul.mega-links li a {
	 font-weight: 500;
}
 ul ul.mega-links {
	 list-style-type: none;
}
 li.mgmenu_button {
	 color: #191818;
}
 .sitelogo {
    max-width: 285px;
}
/* added by Jihae 10/25/22 */
#steering h5{
    font-size: 1.125em;
    font-weight: bold;
    color: #1877f9;
    text-transform: uppercase;
}
.bluebar {
    background-color: #F0F2F2;
    padding: 10px 10px;
    margin-top: 20px;
    font-size: 1.125em;
    color: #fff;
    height: 100%;
}
.blue-title{
    font-weight: bold;
    color: #1877f9;
    text-transform: uppercase;
}