:root {
        --font: Roboto Condensed;
        --alt-font: Roboto Condensed;
        --accent-color: #0255b8;
        --secondary-color: #023e6b;
        --link-color: #2d66ba;
        --accent-highlight-color: #013e86;
        --accent-highlight-background-color: #d4e7ff;
        --accent-tinted-color-70: #b3ccea;
        --accent-tinted-color-80: #ccddf1;
        --accent-tinted-color-90: #e6eef8;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #036cea;
        --secondary-hover-color: #035b9d;
        --secondary-contrast-color: #fff;
        --link-hover-color: #709cdd;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/cc631db6-0e03-4fec-9f6d-4612d311f9e0/boe94y40gslc-Background1.jpg'); background-attachment: fixed; background-size: cover; }
.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/7469b195-23a3-4717-ba29-0295220fbb73/eetqauytagxc-yas-logo-726-lms.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/*font-family: 'Nunito Sans', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

/*------------GREEN BAR EMAIL CONFIRM----------------------*/
.alert-box .success {
  background-color:#0056b8 !important;
}

/*------------SOCIAL BAR --------------------*/
.social-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  }
	  
	.social-item {
  font-size: 30px;
  text-align: center;
  flex: 0 0 calc(20% - 40px);
  padding: 20px;
  margin: 5px;
	}

  .social-item4 {
  grid-column-end: -1;
  }

  #social-footer img {
    height: 24px !important;
    width: auto !important;
  }

  	
@media only screen and (max-width:640px){
	.social-item {
		min-height:24px;
		width: auto !important;
    flex: 0 0 auto !important;
	}
	}

/*------------HEADER FIX --------------------*/
.header--student .header__left__icon {

background-image:url("https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,w_300/v1/course-uploads/7469b195-23a3-4717-ba29-0295220fbb73/nah95jnrvr7m-home-icon.png") !important;

background-repeat: no-repeat !important;

background-size: contain !important;

background-position: 50% 30% !important;

background-color: transparent;

width:20px;

margin-left: 15px;

margin-top: 10px;

}

.hero__caption {
  background: none !important;
}

.hero__caption h2 {
  color:#FFFFFF !important;
}

.hero__caption > span {
  color:#FFFFFF !important;
}

.header--student .header__left__icon:hover{ background-color:transparent;

}

.header--student .header__left__icon i{ display:none;

}

.header--student .header__right .company-logo__container img{ 

}

/*------------REGISTRATION LOG IN TEXT COLOR--------------*/
.already-member .btn {
  color:red !important;
}

/*-------------DASHBOARD ROW--------------------*/
.dashcontainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: flex-start;
    }

.leftdashboardcontent:nth-child(1) {
    order: 0;
    flex: 1 0 auto;
    align-self: auto;
    margin-left:20px;
    padding: 40px 10px 10px 20px;
    font-size:20px;
    text-align:center;
    }

.rightdashboardimg:nth-child(2) {
    order: 0;
    flex: 1 0 auto;
    align-self: auto;
    text-align:center;
    }
	.rightdashboardimg img {
			max-height:250px;
			margin:auto;
			image-rendering: -webkit-optimize-contrast;
		}
		
		
	@media only screen and (max-width: 1021px) {
	  .dashcontainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: flex-start;
    }

.leftdashboardcontent:nth-child(1) {
    order: 0;
    flex: 1 0 auto;
    align-self: auto;
    margin-left:20px;
    padding: 10px;
    }

.rightdashboardimg:nth-child(2) {
    order: 0;
    flex: 2 0 auto;
    align-self: auto;
    }
	.rightdashboardimg img {
			max-height:200px;
			image-rendering: -webkit-optimize-contrast;
		}
	}
	
	@media only screen and (max-width: 1440px) {
	  .dashcontainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: flex-start;
    }

.leftdashboardcontent:nth-child(1) {
    order: 0;
    flex: 1 0 auto;
    align-self: auto;
    margin-left:20px;
    padding: 10px;
    }

.rightdashboardimg:nth-child(2) {
    order: 0;
    flex: 2 0 auto;
    align-self: auto;
    }
	.rightdashboardimg img {
			max-height:200px;
			image-rendering: -webkit-optimize-contrast;
		}
	}
	@media only screen and (max-width: 762px) {
    .hero__caption {
  background: none !important;
  font-family: 'Roboto Condensed', sans-serif !important;
}

.hero__caption h2 {
  color:#000000 !important;
  font-family: 'Roboto Condensed', sans-serif !important;
}

.hero__caption > span {
  color:#000000 !important;
    font-size:14px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}
  }
	@media only screen and (max-width: 640px) { 
	  .leftdashboardcontent:nth-child(1) {
	    width: 100% !important;
	    text-align:center !important;
	    margin-left:0px !important;
	  }
	  .rightdashboardimg:nth-child(2) {
	    width: 100% !important;
	    text-align:center; }
	  .rightdashboardimg img {
      float: none;
      padding-right:0px;
      image-rendering: -webkit-optimize-contrast;
		}
	}
	
/*-------------MEET THE TRAINERS----------*/
.bio {
  text-align:center !important;
}
.trainername {
  text-align:center !important;
}
	
	
/*-------------TOP OF CATALOG PIC AND TEXT----------*/
.topimgtrain img {
  height:150px !important;
  width:auto !important;
  float:right !important;
  padding-right:20px;
}
@media only screen and (max-width: 768px) {
	  .topimgtrain {
	    text-align:center !important;
	  }
	  .topimgtrain img {
	    height:200px !important;
	  }
    }

/*-------------TRAINING VIDEO ROW-------------------*/
.texttraining {
  margin-top:10px;
}
.yasvideo {
  height:300px;
}

@media only screen and (max-width: 1440px) {
	  .yasvideo {
	    height: 250px;
	  }
    }
    
@media only screen and (max-width: 1025px) {
	  .yasvideo {
	    height: 180px;
	  }
    }
@media only screen and (max-width: 768px) {
	  .yasvideo {
	    height: 300px;
	  }
    }
    
@media only screen and (max-width: 640px) {
	  .yasvideo {
	    height: 300px;
	  }
    }
@media only screen and (max-width: 524px) {
	  .yasvideo {
	    height: 200px;
	  }
    }
    
/*------------DESKTOP ONLY ADJUSTMENTS REGISTER FORM----------------------*/
.new-form-label .form__input__container input:not(.tw-override), select:not(.url-manager .new-form-label .form__input__container) {
  margin-bottom:14px !important;
}

/*------------CATALOG FILTERS FIX----------------------*/
.catalog-active-filters {
  font-size: .9rem !important;
}

    
/*------------MOBILE ONLY ADJUSTMENTS REGISTER FORM----------------------*/
@media only screen and (max-width: 524px) {
.small-offset-3 {
  margin-left:10% !important;
}
.small-6 {
  width: 80% !important;
}
[class*=column]:last-child {
  float: left !important;
}
.new-form-label .form__input__container input:not(.tw-override), select:not(.url-manager .new-form-label .form__input__container) {
  margin-bottom:14px !important;
}
}    
    
    

/*-------------PRIMARY CLASSES-------------------*/
.h1,
 .h2,
 .h3,
 .h4,
 h1,
 h2,
 h3,
 h4 {
     font-family: 'Roboto Condensed', sans-serif;
     margin: 0;
     padding: 0;
     line-height: 1.42857143;
     color: #333
 }
.ember1863 {
  font-family: 'Roboto Condensed', sans-serif !important;
}
.hero__caption {
  font-family: 'Roboto Condensed', sans-serif !important;
}
.hero__title {
  font-family: 'Roboto Condensed', sans-serif !important;
}
p {
  font-family: 'Roboto Condensed', sans-serif !important;
}
li {
  font-family: 'Roboto Condensed', sans-serif !important;
}
span[id=i18n-0] {
  font-family: 'Roboto Condensed', sans-serif !important;
}
col-span-1 {
  font-family: 'Roboto Condensed', sans-serif !important;
}
col-span-2 {
  font-family: 'Roboto Condensed', sans-serif !important;
}
col-span-3 {
  font-family: 'Roboto Condensed', sans-serif !important;
}
col-span-4 {
  font-family: 'Roboto Condensed', sans-serif !important;
}
#i18n-9 {
  font-family: 'Roboto Condensed', sans-serif !important;
}
.dashboard-header__name {
  font-family: 'Roboto Condensed', sans-serif !important;
}
.featured-content-multi-carousel-item__body {
  font-family: 'Roboto Condensed', sans-serif !important;
} 
#ember3888.ember-view {
  font-family: 'Roboto Condensed', sans-serif !important;
}
.ember2267 {
  font-family: 'Roboto Condensed', sans-serif !important;
}
.ember4284 {
  font-family: 'Roboto Condensed', sans-serif !important;
}
.ember4482 {
  font-family: 'Roboto Condensed', sans-serif !important;
}
.medium-3.columns {
  font-family: 'Roboto Condensed', sans-serif !important;
}
.medium-9.columns {
  font-family: 'Roboto Condensed', sans-serif !important;
}
.row.collapse {
  font-family: 'Roboto Condensed', sans-serif !important;
}
#access-section-0 {
  font-family: 'Roboto Condensed', sans-serif !important;
}
.h2.widget__title {
  font-family: 'Roboto Condensed', sans-serif !important;
}
.featured-content-multi-carousel-item__title {
  font-family: 'Roboto Condensed', sans-serif !important;
}
.catalog-header {
  font-family: 'Roboto Condensed', sans-serif !important;
}
#i18n-5 {
  font-family: 'Roboto Condensed', sans-serif !important;
}
#i18n-6 {
  font-family: 'Roboto Condensed', sans-serif !important;
}
span .h4 {
  font-family: 'Roboto Condensed', sans-serif !important;
}
#ember4482 .ember-view {
  font-family: 'Roboto Condensed', sans-serif !important;
}
.indent-list {
  font-family: 'Roboto Condensed', sans-serif !important;
}
.editor-content .indent-list {
  font-family: 'Roboto Condensed', sans-serif !important;
}
.ember3051 {
  font-family: 'Roboto Condensed', sans-serif !important;
}
.article-content__header {
  font-family: 'Roboto Condensed', sans-serif !important;
}

/*-------------CUSTOM CSS FOR HEADER-------------------*/
	.header {
		width: 100%;
	}
  /*.hero img {
    display:none !important;
  } */
  .company-logo__container {
    max-width:150px !important;
  }
	div[id=logoarea] {
		width:100%;
		align: left;
	}
	div[id=logoarea] img {
		width:100%;
		height:auto;
		object-fit:cover;
		max-width: 300px !important;
	}
	div[id=logobanner] {
		display: inline-block;
		width: 305px;
	}
	div[id=sublogo] {
		font-family:'Roboto Condensed', sans-serif;
		display:inline-block;
		vertical-align:top;
		color:#716f70;
		font-size:30px;
		margin-top:13px;
		padding-left:5px;
	}
	
	@media only screen and (max-width: 480px) { 
	div[id=logobanner] {
	margin: 0 auto;
	width: 50%;
	padding: 10px;
	}
	div[id=sublogo] {
	font-size:20px;
	margin-left:-10px;
	}
	}
		
/*-------------CUSTOM CSS HEADER MOBILE --------------*/
@media (max-width:640px) {
.mobile-container {
  max-width: 100%;
  margin: auto;
  color: white;
  border-radius: 0px;
}

.topnav {
  overflow: hidden;
  background-color: #0056b8;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}
  .topnav a:hover {
  background-color:#ececec !important;
  color:black;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.active {
  background-color: #FFF;
  color: #000;
}
}

/*----------FRONT PAGE BUTTONS----------*/
.featured-content-image-overlay-item__overlay {
  display:none !important;
  visibility:hidden !important;
}


/*-------------BUTTONS-------------------*/
.btn--primary--manager--new {
  background-color:#0056b8 !important;
}

btn--primary--manager--new.active, .btn--primary--manager--new:active, .btn--primary--manager--new:focus, .btn--primary--manager--new:hover {
    background-color: #f37022;
    color: #fff;
}
.btn:hover, button:hover {
    background-color: #fff;
    border-color: #bdbfc6;
    color: #333;
}
.btn.catalog-aggregation__value {
    color: #005bbb;
}

.catalog-aggregation__expander .icon-navigatedown {
   color: #005bbb;
}

.catalog-aggregation__expander .icon-navigateright {
   color: #005bbb;
}

/*-------------CUSTOM BUTTON ROW-------------------*/
	.buttonrow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    }
		.button1 {
			background-color:#1059a5;
			margin: 10px;
			padding: 30px;
			color: white;
			text-align:center;
			font-family:'Roboto Condensed',sans-serif;
			font-size:20px;
			margin-left:30px !important;
		}
		
		.button2 {
			background-color:#1059a5;
			margin:10px;
			padding: 30px;
			color: white;
			text-align:center;
			font-family:'Roboto Condensed',sans-serif;
			font-size:20px;
		}
		
		.button3 {
			background-color:#1059a5;
			margin:10px;
			padding: 30px;
			color: white;
			text-align:center;
			font-family:'Roboto Condensed',sans-serif;
			font-size:20px;
			margin-right:30px !important;
		}
		
		
.button1:nth-child(1) {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.button2:nth-child(2) {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.button3:nth-child(3) {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2 0 auto;
    -ms-flex: 2 0 auto;
    flex: 2 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

/*
    Legacy Firefox implementation treats all flex containers
    as inline-block elements.
*/

@-moz-document url-prefix() {
.buttonrow {
    width: 100%;
    -moz-box-sizing: border-box;
    }
    
@media only screen and (max-width: 640px) { 
	.button1 {
		margin-left:10px !important;
	}
		.button3 {
		margin-right:10px !important;
	}
	}


/*-------------ALERTS AND POPUPS-------------------*/

.alert-box.success {
    background-color: #0056b8 !important;
    border-color: #003263 !important;
    color: #fff;
}

/*-------------LEADERBOARD-------------------*/

.award-leaderboard-standing--you .award-leaderboard-standing__rank {
  background-color: #0056b8 !important;
}

/*-------------FOOTER-------------------*/
.footer__company__info {
  color:#0056b8 !important;
  font-family: 'Roboto Condensed', sans-serif !important;
}
.backgroundtop {
	background-image:url("https://www.yaskawa.com/documents/20197/8842721/footer-bg1.jpg/0a7731f5-3dcd-4572-92ec-9b4772fa59de?t=1650899232190");
		height: 50px;
		width: 100%;
		z-index:500;
		}
	.footer-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-family: 'Roboto Condensed', sans-serif !important;
    }

.footerleft:nth-child(1) {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    font-family: 'Roboto Condensed', sans-serif !important;
    }

.footercenter:nth-child(2) {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3 0 auto;
    -ms-flex: 3 0 auto;
    flex: 3 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    font-family: 'Roboto Condensed', sans-serif !important;
    }

.footerright:nth-child(3) {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    font-family: 'Roboto Condensed', sans-serif !important;
    }
		
.footercenter a:link {
  color: #1D4B5E;
  text-decoration: none;
  font-family: 'Roboto Condensed', sans-serif !important;
}

.footercenter a:visited {
  text-decoration: none;
  color: #1D4B5E;
  font-family: 'Roboto Condensed', sans-serif !important;
}

.footercenter a:hover {
  text-decoration: underline;
  color: #002e5e !important;
  font-family: 'Roboto Condensed', sans-serif !important;
}

.footercenter a:active {
  text-decoration: underline;
	color:#002e5e !important;
	font-family: 'Roboto Condensed', sans-serif !important;
}
		
.footerleft {
	background-color:none;
	padding: 10px 20px 10px 20px;
	margin: 0px 20px 0px 20px;
	font-family:'Roboto Condensed', sans-serif;
}
.footercenter {
	background-color:none;
	padding: 10px 20px 10px 20px;
	margin: 0px 20px 0px 20px;
	font-family:'Roboto Condensed', sans-serif;
}
.footerright {
	background-color:none;
	padding: 10px 20px 10px 20px;
	margin: 0px 20px 0px 20px;
	font-family:'Roboto Condensed', sans-serif;
}
.supportlink {
	display: inline-block;
	margin-left: auto; 
	margin-right: 0;
	vertical-align: baseline;
	float:right;
	font-family: 'Roboto Condensed', sans-serif !important;
}
.legal {
	display: inline-block;
	margin-left: 0;
	margin-right: auto;
	vertical-align: baseline;
	font-family: 'Roboto Condensed', sans-serif !important;
}
.copyright {
	font-size:12px;
	font-family: 'Roboto Condensed', sans-serif !important;
		}
		
.fa-question-circle {
	color: gray;	
}
/*
    Legacy Firefox implementation treats all flex containers
    as inline-block elements.
*/
@media only screen and (max-width: 640px) { 
	.supportlink {
	display: block;
	float:left;
}
	
	.legal {
	display: block;
}
}

@media only screen and (min-width:48.063em){
.footer .footer__company__info{
float:none !important;
display: none !important;
visibility: hidden !important;
}
.footer .footer__links{
float:none !important;
display: none !important;
visibility: hidden !important;
}
}

@media only screen and (min-width:64.063em){
.footer .footer__powered-by{
display:none !important;
visibility: hidden !important;
}
}

}
.footer__company__info { display: none !important; }