/**
 * @file
 * Visual styles for Conference Lite's layout.
 */

/*Regions background colors*/
.region--white-background {
	background-color: #ffffff;
  }
  .region--gray-background {
	background-color: #f6f6f6;
  }
  .region--dark-gray-background {
	background-color: #575757;
  }
  /*.region--black-background {
	background-color: #000000;
  }*/
  
  .region--white-pattern {
	background-image: url('../../images/white-pattern.png');
	background-repeat: repeat;
	background-position: 0 0;
  }
  
  /*header-top-highlighted*/
  .header-top-highlighted__container {
	position: relative;
	z-index: 498;
	padding: 10px 0;
  }
  .header-top-highlighted__section {
	font-size: 14px;
  }
  .region--dark-typography .header-top-highlighted__section {
	color: #656565;
  }
  @media (max-width: 767px) {
	.header-top-highlighted__container .row > div {
	  min-height: 0;
	}
  }
  
  /*header-top layout*/
  .header-top {
	position: relative;
	z-index: 1;
  }
  .header-top-highlighted + .header-top {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: transparent;
  }
  .region--white-background.header-top,
  .region--gray-background.header-top {
	border-top-color: #f0f0f0;
  }
  .region--light-typography.header-top {
	border-top-color: rgba(255, 255, 255, 0.2);
  }
  .header-top__container {
	padding: 15px 0 5px;
  }
  .header-top__container p:last-child:first-child {
	padding-bottom: 0;
  }
  .header-top__section {
	font-size: 14px;
	font-weight: 400;
  }
  .region--dark-typography .header-top__section {
	color: #575757;
  }
  @media (max-width: 767px) {
	.header-top__section {
	  text-align: center;
	}
	.header-top__container .row > div {
	  min-height: 0;
	}
	.header-top-highlighted + .header-top {
	  border-top-width: 0px;
	}
  }
  
  /*header layout*/
  .header-container .header {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
  }
  .onscroll .header-container .header {
	border-color: transparent;
  }
  .header-container .header.region--light-typography {
	border-bottom-color: rgba(255, 255, 255, 0.05);
  }
  .region--light-typography .header-container .header {
	border-bottom-color: rgba(255, 255, 255, 0.05);
  }
  .header-container {
	padding: 0;
	position: relative;
	z-index: 100;
  }
  .header__container {
	padding: 20px 0;
	position: relative;
  }
  .header-container .header.region--gray-background {
	background-color: #f1f1f1;
  }
  .header-first {
	padding: 5px 0;
  }
  @media (max-width:767px) {
	.header__container {
	  padding: 5px 0;
	}
	.header-first {
	  padding: 5px 0;
	  position: relative;
	  z-index: 2;
	  margin-right: 50px;
	}
  }
  @media (min-width: 1200px) {
	.slideout-side-right .slideout ~ .page-container .container-fluid .header__container {
	  padding-right: 100px;
	}
	.slideout-side-left .slideout ~ .page-container .container-fluid .header__container {
	  padding-left: 50px;
	}
  }
  
  /*Regions spacing*/
  .banner {
	padding: 30px 0;
  }
  .content-top__section {
	padding: 110px 0 80px;
  }
  .content-top-highlighted__section {
	padding: 30px 0;
  }
  .main-content__section,
  .sidebar__section {
	padding: 60px 0;
  }
  @media (max-width: 991px) {
	.sidebar__section {
	  padding-top: 0;
	}
  }
  .content-bottom__section {
	padding: 40px 0;
  }
  .featured-top__section {
	padding: 80px 0 40px;
  }
  .featured__section {
	padding: 100px 0;
  }
  .featured-bottom__section {
	padding: 40px 0 30px;
  }
  .sub-featured__section {
	padding: 40px 0;
  }
  .highlighted-top__section {
	padding: 70px 0 80px;
  }
  .highlighted__section {
	padding: 70px 0 100px;
  }
  .footer-top {
	position: relative;
	z-index: 1;
  }
  .footer-top__section {
	padding: 40px 0 60px;
  }
  
  /*Footer*/
  .footer {
	position: relative;
  }
  .footer__section {
	padding: 80px 0 70px;
  }
  @media (max-width: 991px) {
	.col-12 .footer__section {
	  padding: 80px 0 60px;
	}
	.footer__section {
	  padding: 40px 0;
	}
  }
  @media (max-width: 767px) {
	.footer__section {
	  text-align: center;
	  padding: 40px 0;
	}
  }
  
  /*Footer bottom*/
  .footer-bottom__container {
	padding: 60px 0;
  }
  .region--black-background + .region--black-background .footer-bottom__container,
  .region--colored-background + .region--colored-background .footer-bottom__container,
  .region--dark-background + .region--dark-background .footer-bottom__container,
  .region--white-background + .region--white-background .footer-bottom__container,
  .region--gray-background + .region--gray-background .footer-bottom__container,
  .region--dark-gray-background + .region--dark-gray-background .footer-bottom__container {
	padding-top: 0;
  }
  
  @media (max-width:767px) {
	.footer-bottom__section {
	  text-align: center;
	}
  }
  
  /*Subfooter*/
  .subfooter__container {
	padding: 15px 0;
  }
  .subfooter__section {
	font-size: 14px;
	font-weight: 400;
  }
  .region--dark-typography .subfooter__section {
	color: #949494;
  }
  .headings-wide-spacing-enabled .subfooter__section {
	letter-spacing: 0.2em;
	text-transform: uppercase;
  }
  .subfooter__section h2.visually-hidden {
	display: none;
  }
  @media (max-width: 991px) {
	.subfooter__section {
	  text-align: center;
	}
  }
  
  /*Regions Separators*/
  /*border top*/
  .region--separator-border-top:before {
	height: 1px;
	max-width: 1140px;
	display: block;
	margin: 0 auto;
	content: "";
  }
  @media (max-width: 1170px) {
	.region--separator-border-top:before {
	  margin: 0 15px;
	}
  }
  .region--white-background + .region--white-background.region--separator-border-top:before,
  .region--gray-background + .region--gray-background.region--separator-border-top:before {
	background-color: #e5e5e5;
  }
  .region--colored-background + .region--colored-background.region--separator-border-top:before,
  .region--dark-background + .region--dark-background.region--separator-border-top:before,
  .region--dark-gray-background + .region--dark-gray-background.region--separator-border-top:before {
	background-color: rgba(255, 255, 255, 0.5);
  }
  .region--black-background + .region--black-background.region--separator-border-top:before {
	background-color: #444444;
  }
  
  /*incline diagonal*/
  .region--separator-incline-diagonal {
	padding-top: 210px;
	position: relative;
	overflow: hidden;
  }
  .region--separator-incline-diagonal:before {
	position: absolute;
	top: 0;
	left: -5%;
	height: 140px;
	width: 110%;
	display: block;
  }
  .region--white-background + .region--separator-incline-diagonal:before {
	background: linear-gradient(to bottom right, #ffffff 49.5%, transparent 50%);
  }
  .region--gray-background + .region--separator-incline-diagonal:before {
	background: linear-gradient(to bottom right, #f5f5f5 49.5%, transparent 50%);
  }
  .region--dark-gray-background + .region--separator-incline-diagonal:before {
	background: linear-gradient(to bottom right, #575757 49.5%, transparent 50%);
  }
  .region--black-background + .region--separator-incline-diagonal:before {
	background: linear-gradient(to bottom right, #1d1d1d 49.5%, transparent 50%);
  }
  .region--white-background + .region--white-background.region--separator-incline-diagonal:before,
  .region--gray-background + .region--gray-background.region--separator-incline-diagonal:before,
  .region--dark-gray-background + .region--dark-gray-background.region--separator-incline-diagonal:before,
  .region--colored-background + .region--colored-background.region--separator-incline-diagonal:before,
  .region--dark-background + .region--dark-background.region--separator-incline-diagonal:before,
  .region--black-background + .region--black-background.region--separator-incline-diagonal:before {
	background: none;
  }
  @media (max-width: 767px) {
	.region--separator-incline-diagonal {
	  padding-top: 100px;
	}
	.region--separator-incline-diagonal:before {
	  height: 70px;
	}
  }
  
  /*decline diagonal*/
  .region--separator-decline-diagonal {
	padding-top: 210px;
	position: relative;
	overflow: hidden;
  }
  .region--separator-decline-diagonal:before {
	position: absolute;
	top: 0;
	left: -5%;
	height: 140px;
	width: 110%;
	display: block;
  }
  .region--white-background + .region--separator-decline-diagonal:before {
	background: linear-gradient(to bottom left, #ffffff 49.5%, transparent 50%);
  }
  .region--gray-background + .region--separator-decline-diagonal:before {
	background: linear-gradient(to bottom left, #f5f5f5 49.5%, transparent 50%);
  }
  .region--dark-gray-background + .region--separator-decline-diagonal:before {
	background: linear-gradient(to bottom left, #575757 49.5%, transparent 50%);
  }
  .region--black-background + .region--separator-decline-diagonal:before {
	background: linear-gradient(to bottom left, #1d1d1d 49.5%, transparent 50%);
  }
  .region--white-background + .region--white-background.region--separator-decline-diagonal:before,
  .region--gray-background + .region--gray-background.region--separator-decline-diagonal:before,
  .region--dark-gray-background + .region--dark-gray-background.region--separator-decline-diagonal:before,
  .region--colored-background + .region--colored-background.region--separator-decline-diagonal:before,
  .region--dark-background + .region--dark-background.region--separator-decline-diagonal:before,
  .region--black-background + .region--black-background.region--separator-decline-diagonal:before {
	background: none;
  }
  @media (max-width: 767px) {
	.region--separator-decline-diagonal {
	  padding-top: 100px;
	}
	.region--separator-decline-diagonal:before {
	  height: 70px;
	}
  }
  
  /*Region paddings reset*/
  .region--no-paddings,
  .slideout.region--no-paddings,
  .region--no-paddings .header-top-highlighted__container,
  .region--no-paddings .header-top__container,
  .region--no-paddings .header__container,
  .region--no-paddings .content-top__section,
  .region--no-paddings .content-top-highlighted__section,
  .region--no-paddings .main-content__section,
  .region--no-paddings .sidebar__section,
  .region--no-paddings .sidebar__section,
  .region--no-paddings .content-bottom__section,
  .region--no-paddings .featured-top__section,
  .region--no-paddings .featured__section,
  .region--no-paddings .featured-bottom__section,
  .region--no-paddings .sub-featured__section,
  .region--no-paddings .highlighted-top__section,
  .region--no-paddings .highlighted__section,
  .region--no-paddings .footer-top__section,
  .region--no-paddings .footer__section,
  .region--no-paddings .footer-bottom__container,
  .region--no-paddings .subfooter__container {
	padding-top: 0;
	padding-bottom: 0;
	background-color: #ffffff;
  }
  
  /*Bordered Container*/
  .container--bordered-left {
	padding-left: 70px;
	border-width: 0 0 0 3px;
	border-color: #efefef;
	border-style: solid;
  }
  
  /*Custom Grid*/
  .grid-gutter-0 {
	margin-right: 0px;
	margin-left: 0px;
  }
  .container-fluid .grid-gutter-0 {
	margin-right: -15px;
	margin-left: -15px;
  }
  .grid-gutter-0 .col-lg-6,
  .grid-gutter-0 .col-lg-4,
  .grid-gutter-0 .col-lg-3,
  .grid-gutter-0 .col-md-6,
  .grid-gutter-0 .col-md-4,
  .grid-gutter-0 .col-md-3,
  .grid-gutter-0 .col-sm-6,
  .grid-gutter-0 .col-sm-4,
  .grid-gutter-0 .col-sm-3,
  .grid-gutter-0 .col-xs-6,
  .grid-gutter-0 .col-xs-4,
  .grid-gutter-0 .col-xs-3 {
	padding-left: 0px;
	padding-right: 0px;
  }
  .grid-gutter-5 {
	margin-right: -5px;
	margin-left: -5px;
  }
  .container-fluid .grid-gutter-5 {
	margin-right: -15px;
	margin-left: -15px;
  }
  .grid-gutter-5 .col-lg-6,
  .grid-gutter-5 .col-lg-4,
  .grid-gutter-5 .col-lg-3,
  .grid-gutter-5 .col-md-6,
  .grid-gutter-5 .col-md-4,
  .grid-gutter-5 .col-md-3,
  .grid-gutter-5 .col-sm-6,
  .grid-gutter-5 .col-sm-4,
  .grid-gutter-5 .col-sm-3,
  .grid-gutter-5 .col-xs-6,
  .grid-gutter-5 .col-xs-4,
  .grid-gutter-5 .col-xs-3 {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
  }
  .grid-gutter-10 {
	margin-right: -10px;
	margin-left: -10px;
  }
  .container-fluid .grid-gutter-10 {
	margin-right: -15px;
	margin-left: -15px;
  }
  .grid-gutter-10 .col-lg-6,
  .grid-gutter-10 .col-lg-4,
  .grid-gutter-10 .col-lg-3,
  .grid-gutter-10 .col-md-6,
  .grid-gutter-10 .col-md-4,
  .grid-gutter-10 .col-md-3,
  .grid-gutter-10 .col-sm-6,
  .grid-gutter-10 .col-sm-4,
  .grid-gutter-10 .col-sm-3,
  .grid-gutter-10 .col-xs-6,
  .grid-gutter-10 .col-xs-4,
  .grid-gutter-10 .col-xs-3 {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
  }
  
  /*Layout Mode*/
  .boxed .banner__section {
	overflow: hidden;
  }
  @media (min-width:768px) {
	.boxed .page-container {
	  margin-right: auto;
	  margin-left: auto;
	  position: relative;
	  background-color: #fff;
	  border-left: 1px solid #c2c2c2;
	  border-right: 1px solid #c2c2c2;
	  border-bottom: 1px solid #c2c2c2;
	}
	.boxed .page-container {
	  width: 750px;
	}
	.onscroll.boxed .page-container .header-container .header.js-fixed {
	  width: 748px;
	}
	.boxed.page-container-border-enabled .page-container,
	.onscroll.boxed.page-container-border-enabled .page-container .header-container .js-fixed {
	  width: 780px;
	}
  }
  @media (min-width:992px) {
	.boxed .page-container {
	  width: 970px;
	}
	.onscroll.boxed .page-container .header-container .header.js-fixed {
	  width: 968px;
	}
	.boxed.page-container-border-enabled .page-container,
	.onscroll.boxed.page-container-border-enabled .page-container .header-container .js-fixed {
	  width: 1000px;
	}
  }
  @media (min-width:1200px) {
	.boxed .page-container {
	  width: 1170px;
	}
	.onscroll.boxed .page-container .header-container .header.js-fixed {
	  width: 1168px;
	}
	.boxed.page-container-border-enabled .page-container,
	.onscroll.boxed.page-container-border-enabled .page-container .header-container .js-fixed {
	  width: 1200px;
	}
  }
  
  /*Bordered page container */
  .page-container-border-enabled .page-container {
	border-width: 10px;
	border-style: solid;
	overflow: hidden;
  }
  
  /*prevents display of horizontal scroll bar in pages with fullscreen slider*/
  .page-container-border-enabled.transparent-header-active .page-container {
	position: relative;
  }
  .page-container-border-enabled .page-container > div,
  .page-container-border-enabled .page-container > .footer {
	margin-left: -10px;
	margin-right: -10px;
  }
  .page-container-border-enabled:not(.onscroll) .page-container > .js-transparent-header,
  .page-container-border-enabled .container-fluid .grid-gutter-10,
  .page-container-border-enabled .container-fluid .grid-gutter-5,
  .page-container-border-enabled .container-fluid .grid-gutter-0 {
	margin-left: 0;
	margin-right: 0;
  }
  @media (min-width: 992px) {
	.page-container-border-enabled .page-container {
	  border-width: 15px;
	}
	.page-container-border-enabled .page-container > div,
	.page-container-border-enabled .page-container > .footer {
	  margin-left: -15px;
	  margin-right: -15px;
	}
	.page-container-border-enabled:not(.onscroll) .page-container > .js-transparent-header,
	.page-container-border-enabled .container-fluid .grid-gutter-10,
	.page-container-border-enabled .container-fluid .grid-gutter-5,
	.page-container-border-enabled .container-fluid .grid-gutter-0,
	.page-container-border-enabled .container-fluid .field--mt-background-image-block {
	  margin-left: 0;
	  margin-right: 0;
	}
  }
  
  /* Banner full width region */
  .container-fluid .banner__section {
	margin: 0 -15px;
  }
  
  /* CUSTOM GESA CSSs */
  
  .resource-box{
	  background-color: #f7f7f7;
	  border-radius: 4px;
	  display: flex;
	  display: -ms-flexbox;
	  text-align: center;
	  -ms-flex-align: center;
  }
  
  
	.resource-boxprofessor{
	  right:10px;
	}
	.resource-boxlesson{
	  right:-10px;
	}
  
  .resource-text{
	  font-size: 32px;
	  text-align: center;
	  margin: auto;
	  line-height: 50px !important;
	  color: #1a1a1a !important;
	  font-family: 'Roboto-Black', Helvetica Neue, Arial, Sans-serif !important;
	 /*  padding: 25px; */
  }
  .resource-icon{
	  text-align: center;
	  vertical-align: middle;
	  background-color: #f7f7f7;
	  margin: auto;
  }
  .resource-iconright{
	
	  text-align: center;
	  vertical-align: middle; 
	  line-height: 134px  !important; 
	  background-color: #e5e5e5;
  }
  
  .resource-imageright{
	  content: url(/themes/conference_lite/images/download.svg) ; 
	  background-repeat: no-repeat;
  }
  
  .resource-box:hover .resource-iconright{
	  background-color: #004297;
  }
  
  .resource-box:hover .resource-imageright{
	  content: url(/themes/conference_lite/images/downloadwhite.svg) ; 
	  background-repeat: no-repeat;
  }
  
  @supports (-ms-accelerator:true) {
	  .resource-imageright{
		  background: url(/themes/conference_lite/images/download.svg) no-repeat; 
		  background-repeat: no-repeat;
	  }
	  .resource-box:hover .resource-imageright{
		  background: url(/themes/conference_lite/images/downloadwhite.svg) no-repeat; 
		  background-repeat: no-repeat;
	  }
	}
  
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	  .resource-imageright{
		  background: url(/themes/conference_lite/images/download.svg) no-repeat; 
		  background-repeat: no-repeat;
	  }
	  .resource-box:hover .resource-imageright{
		  background: url(/themes/conference_lite/images/downloadwhite.svg) no-repeat; 
		  background-repeat: no-repeat;
	  }
	  
  }
  
  .register , .login, .user-edit, .user-password{
	  padding-top: 10%;
	  font-family: 'Roboto-Regular', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 16px;
	  line-height: 26px ;
  }
  
  .register label , .login label, .user-edit label, .user-password label{
	  font-size: 16px;
	  line-height: 26px ;
  }
  
  .register .customTemplateText20 {
	  margin-top: 45px;
	  margin-bottom: 25px;
  }
  
  .register input[type="submit"], .login input[type="submit"], .user-edit input[type="submit"], .user-password input[type="submit"] {
	  font-size: 16px;
	  padding: 16px 70px 15px;
	  border-radius: 0px;
	  background-color: #004297;
	  border-color: #004297;
  }
  
  .field--name-title, .page-title {
	  font-family: 'Roboto-Black', Helvetica Neue, Arial, Sans-serif !important;
	  color:#1a1a1a !important;
	  font-size: 42px  !important;
	  line-height: 50px  !important;
	  margin-bottom: 60px !important;
	  word-wrap: break-word !important;
  }
  
  .customTemplate1Subtitle {
	  font-family: 'Roboto-Medium', Helvetica Neue, Arial, Sans-serif !important;
	  color: #004297 !important;
	  font-size: 32px  !important;
	  line-height: 50px  !important;
  }
  
  .customTemplate1Text {
	  font-family: 'Roboto-Regular', Helvetica Neue, Arial, Sans-serif !important;
	  color: #1a1a1a !important;
	  font-size: 22px  !important;
	  line-height: 30px  !important;
  }
  
  .customTemplateText20 {
	  font-family: 'Roboto-Regular', Helvetica Neue, Arial, Sans-serif !important;
	  color: #1a1a1a !important;
	  font-size: 20px  !important;
	  line-height: 30px  !important;
  }
  
  .panel-title-text {
	  font-family: 'Roboto-Medium', Helvetica Neue, Arial, Sans-serif !important;
	  color: #004297 !important;
	  font-size: 32px  !important;
	  line-height: 50px  !important;
  }
  
  .form-item--error-message {
	  color: #ff1300;
	  
  }
  
  .form-item label {
	  font-family: 'Roboto-Black', Helvetica Neue, Arial, Sans-serif !important;
	  color:#1a1a1a !important;
	  font-size: 16px  !important;
	  line-height: 30px  !important;
  }
  
  .icon-img {
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }
  
  .footer .socialNetwork {
	  text-align: left;
  }
  
  .footer .socialNetwork div{
	  display: inline-block;	
	  margin: 10px 15px;
	  opacity: 0.5;
  }
  
  .footer .socialNetwork div:hover{
	  opacity: 1;
  }
  
  .footer .socialNetwork div:first-child{
	  margin-left: 0px;
  }
  
  .side-img {
	  background: #004297;
	  height: 100%;
	  padding: 30px;
  }
  
  .side-img img {
	  position: fixed;
	  max-width: 20%;
	  
	  left: 7%;
	  top: 50%;
  }
  
  /*.subfooter {
	  border-top: 1px solid #eeeeee;
  }*/
  
  .main-content__section {
	  padding-top: 20px;
  }
  
  .alert-info {
	  color: #ffffff;
	  background-color: #004297;
	  border-color: #004297;
  }
  
  .alert-warning {
	  color: #ffffff;
	  background-color: #ffd339;
	  border-color: #ffd339;
  }
  
  .pull-right {
	  float: right !important;
  }
  
  .panel {
	  margin-bottom: 17px;
	  background-color: #f1f2f4;
	  box-shadow: none;
	  border-radius: 0px;
  }
  
  .panel-body {
	  padding-left: 0px;
	  padding-right: 0px;
	  border-bottom: 0px;
  }
  
	  .panel-body:before, .panel-body:after {
		  content: " ";
		  display: table;
	  }
  
	  .panel-body:after {
		  clear: both;
	  }
  
	  .panel-body > label {
		  display: none;
	  }
  
  .panel-heading {
	  padding: 10px 15px;
	  border-bottom: 1px solid transparent;
	  border-top-right-radius: -1px;
	  border-top-left-radius: -1px;
  }
  
	  .panel-heading > .dropdown .dropdown-toggle {
		  color: inherit;
	  }
  
  .panel-title {
	  margin-top: 0;
	  margin-bottom: 0;
	  font-size: 14px;
	  color: inherit;
  }
  
	  .panel-title > a,
	  .panel-title > small,
	  .panel-title > .small,
	  .panel-title > small > a,
	  .panel-title > .small > a {
		  color: inherit;
	  }
	  .panel-title > a:focus, .panel-title > a:hover {
		  text-decoration: none;
	  }
  
  .panel-footer {
	  padding: 10px 15px;
	  background-color: #f5f5f5;
	  border-top: 1px solid #ddd;
	  border-bottom-right-radius: -1px;
	  border-bottom-left-radius: -1px;
  }
  
  .panel > .list-group,
  .panel > .panel-collapse > .list-group {
	  margin-bottom: 0;
  }
  
	  .panel > .list-group .list-group-item,
	  .panel > .panel-collapse > .list-group .list-group-item {
		  border-width: 1px 0;
		  border-radius: 0;
	  }
  
	  .panel > .list-group:first-child .list-group-item:first-child,
	  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
		  border-top: 0;
		  border-top-right-radius: -1px;
		  border-top-left-radius: -1px;
	  }
  
	  .panel > .list-group:last-child .list-group-item:last-child,
	  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
		  border-bottom: 0;
		  border-bottom-right-radius: -1px;
		  border-bottom-left-radius: -1px;
	  }
  
  .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
	  border-top-right-radius: 0;
	  border-top-left-radius: 0;
  }
  
  .panel-heading + .list-group .list-group-item:first-child {
	  border-top-width: 0;
  }
  
  .list-group + .panel-footer {
	  border-top-width: 0;
  }
  
  .panel > .table,
  .panel > .table-responsive > .table,
  .panel > .panel-collapse > .table {
	  margin-bottom: 0;
  }
  
	  .panel > .table caption,
	  .panel > .table-responsive > .table caption,
	  .panel > .panel-collapse > .table caption {
		  padding-left: 15px;
		  padding-right: 15px;
	  }
  
	  .panel > .table:first-child,
	  .panel > .table-responsive:first-child > .table:first-child {
		  border-top-right-radius: -1px;
		  border-top-left-radius: -1px;
	  }
  
		  .panel > .table:first-child > thead:first-child > tr:first-child,
		  .panel > .table:first-child > tbody:first-child > tr:first-child,
		  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
		  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
			  border-top-left-radius: -1px;
			  border-top-right-radius: -1px;
		  }
  
			  .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
			  .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
			  .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
			  .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
			  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
			  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
			  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
			  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
				  border-top-left-radius: -1px;
			  }
  
			  .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
			  .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
			  .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
			  .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
			  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
			  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
			  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
			  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
				  border-top-right-radius: -1px;
			  }
  
	  .panel > .table:last-child,
	  .panel > .table-responsive:last-child > .table:last-child {
		  border-bottom-right-radius: -1px;
		  border-bottom-left-radius: -1px;
	  }
  
		  .panel > .table:last-child > tbody:last-child > tr:last-child,
		  .panel > .table:last-child > tfoot:last-child > tr:last-child,
		  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
		  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
			  border-bottom-left-radius: -1px;
			  border-bottom-right-radius: -1px;
		  }
  
			  .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
			  .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
			  .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
			  .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
			  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
			  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
			  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
			  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
				  border-bottom-left-radius: -1px;
			  }
  
			  .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
			  .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
			  .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
			  .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
			  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
			  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
			  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
			  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
				  border-bottom-right-radius: -1px;
			  }
  
	  .panel > .panel-body + .table,
	  .panel > .panel-body + .table-responsive,
	  .panel > .table + .panel-body,
	  .panel > .table-responsive + .panel-body {
		  border-top: 1px solid #ddd;
	  }
  
	  .panel > .table > tbody:first-child > tr:first-child th,
	  .panel > .table > tbody:first-child > tr:first-child td {
		  border-top: 0;
	  }
  
  .panel > .table-bordered,
  .panel > .table-responsive > .table-bordered {
	  border: 0;
  }
  
	  .panel > .table-bordered > thead > tr > th:first-child,
	  .panel > .table-bordered > thead > tr > td:first-child,
	  .panel > .table-bordered > tbody > tr > th:first-child,
	  .panel > .table-bordered > tbody > tr > td:first-child,
	  .panel > .table-bordered > tfoot > tr > th:first-child,
	  .panel > .table-bordered > tfoot > tr > td:first-child,
	  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
	  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
	  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
	  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
	  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
	  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
		  border-left: 0;
	  }
  
	  .panel > .table-bordered > thead > tr > th:last-child,
	  .panel > .table-bordered > thead > tr > td:last-child,
	  .panel > .table-bordered > tbody > tr > th:last-child,
	  .panel > .table-bordered > tbody > tr > td:last-child,
	  .panel > .table-bordered > tfoot > tr > th:last-child,
	  .panel > .table-bordered > tfoot > tr > td:last-child,
	  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
	  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
	  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
	  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
	  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
	  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
		  border-right: 0;
	  }
  
	  .panel > .table-bordered > thead > tr:first-child > td,
	  .panel > .table-bordered > thead > tr:first-child > th,
	  .panel > .table-bordered > tbody > tr:first-child > td,
	  .panel > .table-bordered > tbody > tr:first-child > th,
	  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
	  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
	  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
	  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
		  border-bottom: 0;
	  }
  
	  .panel > .table-bordered > tbody > tr:last-child > td,
	  .panel > .table-bordered > tbody > tr:last-child > th,
	  .panel > .table-bordered > tfoot > tr:last-child > td,
	  .panel > .table-bordered > tfoot > tr:last-child > th,
	  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
	  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
	  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
	  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
		  border-bottom: 0;
	  }
  
  .panel > .table-responsive {
	  border: 0;
	  margin-bottom: 0;
  }
  
  .panel-group {
	  margin-bottom: 17px;
  }
  
	  /*.panel-group .panel {
		  margin-bottom: 0;
		  border-radius: 0px;
	  }*/
  
		  .panel-group .panel + .panel {
			  margin-top: 5px;
		  }
  
	  .panel-group .panel-heading {
		  border-bottom: 0;
	  }
  
		  .panel-group .panel-heading + .panel-collapse > .panel-body,
		  .panel-group .panel-heading + .panel-collapse > .list-group {
			  border-top: 1px solid #ddd;
		  }
  
	  .panel-group .panel-footer {
		  border-top: 0;
	  }
  
		  .panel-group .panel-footer + .panel-collapse .panel-body {
			  border-bottom: 1px solid #ddd;
		  }
  
  .panel-default {
	  /*border-color: #fff;*/
	  border: 2px solid #004297;
	  border-radius: 5px;
  }
  
	  .panel-default > .panel-heading {
		  color: #000000;
		  background-color: #fff;
		  border: 2px solid #ebebeb;
		  border-radius: 5px;
	  }
  
		  .panel-default > .panel-heading + .panel-collapse > .panel-body {
			  border-top-color: transparent;
			  background-color: #fff;
			  padding: 10px 15px;
		  }
  
		  .panel-default > .panel-heading .badge {
			  color: #9b7d40;
			  background-color: #fff;
		  }
  
	  .panel-default > .panel-footer + .panel-collapse > .panel-body {
		  border-bottom-color: transparent;
	  }
  
  .panel-primary {
	  border-color: transparent;
  }
  
	  .panel-primary > .panel-heading {
		  color: white;
		  background-color: #705319;
		  border-color: transparent;
	  }
  
		  .panel-primary > .panel-heading + .panel-collapse > .panel-body {
			  border-top-color: transparent;
		  }
  
		  .panel-primary > .panel-heading .badge {
			  color: #705319;
			  background-color: white;
		  }
  
	  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
		  border-bottom-color: transparent;
	  }
  
  .panel-success {
	  border-color: #d6e9c6;
  }
  
	  .panel-success > .panel-heading {
		  color: #3c763d;
		  background-color: #dff0d8;
		  border-color: #d6e9c6;
	  }
  
		  .panel-success > .panel-heading + .panel-collapse > .panel-body {
			  border-top-color: #d6e9c6;
		  }
  
		  .panel-success > .panel-heading .badge {
			  color: #dff0d8;
			  background-color: #3c763d;
		  }
  
	  .panel-success > .panel-footer + .panel-collapse > .panel-body {
		  border-bottom-color: #d6e9c6;
	  }
  
  .panel-info {
	  border-color: #bce8f1;
  }
  
	  .panel-info > .panel-heading {
		  color: #31708f;
		  background-color: #d9edf7;
		  border-color: #bce8f1;
	  }
  
		  .panel-info > .panel-heading + .panel-collapse > .panel-body {
			  border-top-color: #bce8f1;
		  }
  
		  .panel-info > .panel-heading .badge {
			  color: #d9edf7;
			  background-color: #31708f;
		  }
  
	  .panel-info > .panel-footer + .panel-collapse > .panel-body {
		  border-bottom-color: #bce8f1;
	  }
  
  .panel-warning {
	  border-color: #faebcc;
  }
  
	  .panel-warning > .panel-heading {
		  color: #8a6d3b;
		  background-color: #fcf8e3;
		  border-color: #faebcc;
	  }
  
		  .panel-warning > .panel-heading + .panel-collapse > .panel-body {
			  border-top-color: #faebcc;
		  }
  
		  .panel-warning > .panel-heading .badge {
			  color: #fcf8e3;
			  background-color: #8a6d3b;
		  }
  
	  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
		  border-bottom-color: #faebcc;
	  }
  
  .panel-danger {
	  border-color: #ebccd1;
  }
  
	  .panel-danger > .panel-heading {
		  color: #a94442;
		  background-color: #f2dede;
		  border-color: #ebccd1;
	  }
  
		  .panel-danger > .panel-heading + .panel-collapse > .panel-body {
			  border-top-color: #ebccd1;
		  }
  
		  .panel-danger > .panel-heading .badge {
			  color: #f2dede;
			  background-color: #a94442;
		  }
  
	  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
		  border-bottom-color: #ebccd1;
	  }
  
  .panel a:not(.collapsed) .rotate-icon {
	  -webkit-transform: rotate(180deg);
	  transform: rotate(180deg);
  }
  
  .block-quiz-xs {
	  display: none !important;
  }
  
  .block-quiz {
	  padding: 50px 0px;
	  margin-bottom: 10%;
  }
  
  .block-quiz .rectangle {
	  background-color: #004297;
  }
  
  .block-quiz .freeVersionTitle {
	  font-family: 'Roboto-Regular', Helvetica Neue, Arial, Sans-serif !important;
	  color: #ffffff !important;
	  font-size: 22px  !important;
	  line-height: 30px  !important;
	  margin-top: 50px;
  }
  
  .block-quiz .big-title {
	  font-family: 'Roboto-Black', Helvetica Neue, Arial, Sans-serif !important;
	  color:#ffffff !important;
	  font-size: 34px  !important;
	  line-height: 44px  !important;
  
  }
  
  .block-quiz .button {
	  background-color:#004297 !important;
	  margin-bottom: 50px;
	  border-radius: 2px;
	  border: solid 2px #ffffff;
	  font-family: 'Roboto-Bold', Helvetica Neue, Arial, Sans-serif !important;
	  color: #ffffff !important;
	  font-size: 16px  !important;
	  line-height: 30px  !important;
	  text-align: center;
  }
  
  .block-quiz .button:hover, .block-quiz .button:focus {
	  background-color: #04377a !important;
  }
  
  .block-quiz .stars-left {
	  bottom: -25px;
	  position: absolute;
	  margin-left: 40px;
  }
  .block-quiz .quiz-img {
	  z-index: 2;
	  position: absolute;
	  top: -10%;
	  left: 0;
  }
  .block-quiz .span-livre {
	  z-index: 3;
	  position: absolute;
	  top: 65%;
	  left: 50%;
	  font-family: 'Gochi Hand', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 52px;
	  color: #ffffff !important;
  }
  
  .block-quiz .stars-right {
	  z-index: 1;
	  top: -15%;
	  position: absolute;
	  right: -15%;
  }
  
  header.region--colored-background {
	  background-color: #ffffff !important;
  }
  
  .main-navigation, .main-navigation a {
	  font-family: 'Roboto-Bold', Helvetica Neue, Arial, Sans-serif !important;
	  color: #1a1a1a !important;
	  font-size: 12px  !important;
	  line-height: 30px  !important;
  }
  
  .divSelctNacionalBank .dropdown {
	  margin-top:25px !important;
  }
  
  .divSelctNacionalBank .btn-custom { 
	  background-color:#ffffff !important;
	  border: solid 1px #4b4b4b !important;
	  color: #151515 !important;	
	  font-family: 'Roboto-Bold', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 12px !important;
	  line-height: 32px !important;
	  width: 100%;
	  text-align: left;
	  border-radius: 0px !important;
  }
  
  .divSelctNacionalBank .dropdown .dropdown-menu {
	  position: static;
	  float: none;
	  padding: 0px !important;
	  border: solid 1px #4b4b4b !important;
	  width: 100%;
  }
  
  .divSelctNacionalBank .dropdown i.bdpicon {
	  top: 7px !important;
  }
  
  .divSelctNacionalBank .dropdown .dropdown-menu .dropdown-item {
	  background-color:#ffffff !important;
	  color: #151515 !important;	
	  font-family: 'Roboto-Bold', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 12px !important;
	  line-height: 32px !important;
	  width: 100%;
	  text-align: left;
	  padding: 10px !important;
  }
  
  .divSelctNacionalBank .dropdown .dropdown-menu .dropdown-item:hover, .main-navigation .dropdown .dropdown-menu .dropdown-item:focus {
	  background-color: #f2f2f2 !important;
  }
  
  .session-limit-form input[type="submit"] {
	  background-color: #004297 !important;
	  border: solid 1px #004297 !important;
	  color: #ffffff !important;
  }
  
  .user-cancel-form.user-confirm-form.confirmation .button{
	  font-size: 16px;
	  padding: 16px 70px 15px;
	  border-radius: 0px;
	  background-color: #004297;
	  border-color: #004297;
  }
  
  /* MOBILE */
  @media (max-width: 767px) {
	  .header-container .sf-accordion-toggle {
		  margin-top: 0px !important;
	  }
		
	  .main-navigation, .main-navigation a {
		  font-family: 'Roboto-Black', Helvetica Neue, Arial, Sans-serif !important;
		  color: #1a1a1a !important;
		  font-size: 24px  !important;
		  line-height: 32px  !important;
	  }
	  
	  .main-navigation .button {
		  font-family: 'Roboto-Bold', Helvetica Neue, Arial, Sans-serif !important;
		  font-size: 16px  !important;
	  }
	  
	  .main-navigation .dropdown-menu.show {
		  transform: none !important;
		  position: static !important;
		  margin: 10px !important;
	  }
	  
	  .socialheader {
		  display: none !important;
	  }
	  
	  .footer .socialNetwork, .footer .footer-icon-img {
		  margin-left: 30px !important;
	  }
	  
	  .footer .list-menu-item .menu-item {
		  border-bottom: solid 1px #efefef;	
	  }
	  
	  .footer .list-menu-item .menu-item .menu-itemsub:parent {
		  border-bottom: none;	
	  }
	  
	  .footer .socialNetwork div {
		  opacity: 1;
	  }
	  
	  .panel-title-text {
		  font-size: 18px  !important;
		  line-height: 28px  !important;
	  }
	  
	  .field--name-title, .page-title {
		  font-size: 24px  !important;
		  line-height: 42px  !important;
		  margin-bottom: 15px !important;
	  }
	  
	  .customTemplate1Subtitle {
		  font-size: 18px  !important;
		  line-height: 28px  !important;
	  }
  
	  .customTemplate1Text {
		  font-size: 16px  !important;
		  line-height: 24px  !important;
	  }
	  
	  .block-quiz-xs {
		  display: block !important;
	  }
	  
	  .block-quiz {
		  display: none !important;
		  padding: 50px 0px;
		  margin-bottom: 10%;
	  }
	  
	  .block-quiz-xs .span-livre {
		  z-index: 3;
		  position: absolute;
		  top: 40%;
		  left: 50%;
		  font-family: 'Gochi Hand', Helvetica Neue, Arial, Sans-serif !important;
		  font-size: 25px;
		  color: #ffffff !important;
	  }
  
	  .block-quiz-xs .rectangle {
		  background-color: #004297;
		  padding: 0px 30px;
	  }
  
	  .block-quiz-xs .freeVersionTitle {
		  font-family: 'Roboto-Regular', Helvetica Neue, Arial, Sans-serif !important;
		  color: #ffffff !important;
		  font-size: 16px  !important;
		  line-height: 30px  !important;
		  margin-top: 50px;
	  }
  
	  .block-quiz-xs .big-title {
		  font-family: 'Roboto-Black', Helvetica Neue, Arial, Sans-serif !important;
		  color:#ffffff !important;
		  font-size: 24px  !important;
		  line-height: 34px  !important;
  
	  }
  
	  .block-quiz-xs .button {
		  background-color:#004297 !important;
		  margin-bottom: 50px;
		  border-radius: 2px;
		  border: solid 2px #ffffff;
		  font-family: 'Roboto-Bold', Helvetica Neue, Arial, Sans-serif !important;
		  color: #ffffff !important;
		  font-size: 16px  !important;
		  line-height: 30px  !important;
		  text-align: center;
	  }
  
	  .block-quiz-xs .button:hover, .block-quiz .button:focus {
		  background-color: #04377a !important;
	  }
  
	  .block-quiz-xs .quiz-img {
		  margin-top: -30%
	  }
	  
	  .block-quiz-xs .fix-quiz-img {
		  margin-top: 30%
	  }
	  
	  .resource-text {
	  font-size: 18px;
	  }
	  
	  .resource-icon {
		  text-align: center;
		  vertical-align: middle;
		  background-color: #f7f7f7;
		  margin: auto;
	  }
	  
	  .resource-iconright {
		  line-height: 115px  !important;
	  }
	  
	  .resource-boxprofessor {
		  right: 0;
		  margin: 15px 0px;
		  padding: 0px 30px;
	  }
	  
	  .resource-boxlesson{
		  right:0px;
		  margin: 15px 0px;
		  padding: 0px 30px;
	   }
		
	  .footer-icon-img {
		  margin: 10px 45px;
	  }
	  
	  .my-team .field__item {
		  word-break: break-word;
	  }
	  
	  .pagenotfound .pagenotfound-text {
		  font-size: 18px  !important;
		  line-height: 24px  !important;
	  }
	  
	  .pagenotfound .pagenotfound-buttons .button {
		  width: 100%;
	  }
	  
	  .rights-reserved-text, .declaracoes-text{
		  font-size: 12px  !important;
		  line-height: 28px  !important;
		  padding-left: 40px !important;
		  padding-right: 40px !important;
	  }
	  
	  .divpNacionalBank {
		  padding-left: 40px !important;
		  padding-right: 40px !important;
		  font-size: 14px  !important;
		  line-height: 20px  !important;
	  }
	  
	  .divSelctNacionalBank .btn-custom { 
		  border: none !important;
		  color: #004297 !important;
		  font-size: 14px !important;
	  }
	  
	  .divSelctNacionalBank .dropdown-menu.show {
		  transform: none !important;
		  position: static !important;
		  margin: 10px !important;
		  border: none !important;
	  }
	  
	  .divSelctNacionalBank .dropdown {
		  padding-left: 40px !important;
		  padding-right: 40px !important;
		  border-top: solid 1px #eeeeee !important;
		  border-bottom: solid 1px #eeeeee !important;
	  }
	  
	  .news .list-news-date {
	  font-size: 12px !important;
	  }
  
	  .news .list-news-body {
		  font-size: 16px !important;
		  line-height: 24px !important;
	  }
	  
	  .subTitle-uploadtask {
		  font-size: 18px  !important;
		  line-height: 24px  !important;
	  }
	  
	  .info-uploadtask {
		  font-size: 12px  !important;
		  line-height: 18px  !important;
	  }
	  
	  .dropzone-warning {
		  font-size: 12px  !important;
		  line-height: 30px  !important;
	  }
	  
	  .dropzone-list-files-title {
		  font-size: 18px  !important;
		  line-height: 44px  !important;
	  }
	  
	  .dropzone-list-files-header-title {
		  font-size: 14px  !important;
		  line-height: 30px  !important;
	  }
	  
	  .dropzone-list-files-body-text {
		  font-size: 16px  !important;
		  line-height: 24px  !important;
	  }
	  
	  .modal-phase .modal-header .modal-title {
		  font-size: 24px !important;
		  line-height: 44px !important;
	  }
  
	  .modal-phase .modal-header .modal-phase-title {
		  font-size: 34px !important;
		  line-height: 44px !important;
	  }
  
	  .modal-phase .carousel-phase .carousel-item .carousel-item-title {
		  font-size: 12px !important;
		  line-height: 30px !important;
	  }
  
	  .modal-phase .carousel-phase .carousel-item .carousel-item-body {
		  font-size: 16px !important;
		  line-height: 24px !important;
	  }
  
	  .modal-phase .button {
		  width: 90% !important;
	  }
	  
	  .competition-phase-block .phase-item-title {
		  font-size: 16px  !important;
		  line-height: 30px !important;
		  margin: 15px !important;
	  }
	  
	  .competition-phase-block .phase-item-text {
		  width: 80% !important;
		  left: 10% !important;
	  }
	  
	  
  }
  
  /* FIM MOBILE */
  
  .main-navigation .button {
	  font-family: 'Roboto-Black', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 14px  !important;
	  line-height: 30px  !important;
	  text-align: center;
	  padding: 10px 30px !important;
	  margin: 10px !important;
  } 
  
  .main-navigation .button.login, .main-navigation .button.logout {
	  background-color:#004297 !important;
	  border: solid 1px #004297 !important;
	  color: #ffffff !important;
  }
  
  .main-navigation .button.login:hover, .main-navigation .button.login:focus,
  .main-navigation .button.logout:hover, .main-navigation .button.logout:focus {
	  background-color:#04377a !important;
	  border: solid 1px #04377a !important;
	  color: #ffffff !important;
  }
  
  .main-navigation .button.sign-up {
	  background-color:#ffffff !important;
	  border: solid 1px #004297 !important;
	  color: #004297 !important;
  }
  
  .main-navigation .button.sign-up:hover, .main-navigation .button.sign-up:focus {
	  background-color:#004297 !important;
	  border: solid 1px #004297 !important;
	  color: #ffffff !important;
  }
  
  .main-navigation .menu-options.btn-info, .main-navigation .dropdown.show>.btn-info.dropdown-toggle {
	  width: auto !important;
	  height: auto !important; 
	  font-family: 'Roboto-Black', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 14px !important;
	  line-height: 30px !important;
	  text-align: center !important;
	  padding: 10px !important;
	  margin: 10px !important;
	  border: solid 1px #004297 !important;
	  color: #004297 !important;
	  background-color:#ffffff !important;
  }
  
  .main-navigation .menu-options.btn-info:hover, .main-navigation .menu-options.btn-info:focus, 
  .main-navigation .menu-options.btn-info.dropdown-toggle:hover, .main-navigation .menu-options.btn-info.dropdown-toggle:focus { 
	  background-color:#ffffff !important;
	  border: solid 1px #004297 !important;
	  color: #004297 !important;	
  }
  
  .main-navigation .dropdown .dropdown-menu {
	  position: static;
	  float: none;
  }
  
  .main-navigation .dropdown .menu-options i.bdpicon {
	  top: 7px !important;
  }
  
  .main-navigation .dropdown .dropdown-menu .dropdown-item {
	  background-color:#ffffff !important;
	  border: solid 1px #004297 !important;
	  color: #004297 !important;	
	  font-family: 'Roboto-Black', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 12px !important;
	  line-height: 30px !important;
  }
  
  .main-navigation .dropdown .dropdown-menu .dropdown-item:hover, .main-navigation .dropdown .dropdown-menu .dropdown-item:focus {
	  background-color: #e6ecf5 !important;
	  border: solid 1px #004297 !important;
	  color: #004297 !important;	
  }
  
  .socialheader {
	  border-bottom: solid 1px #efefef;	
  }
  
  .socialheader .socialNetwork {
	  float: right;
  }
  
  .socialheader .socialNetwork div {
	  display: inline-block;	
	  margin: 10px 15px;
	  opacity: 0.5;
  }
  
  .socialheader .socialNetwork div:hover {
	  opacity: 1;
  }
  
  .my-team .field {
	  margin-bottom: 1rem;
  }
  
  .my-team .field__label {
	  display: inline-block;
	  margin-bottom: .5rem;
	  font-family: 'Roboto-Bold', Helvetica Neue, Arial, Sans-serif !important;
	  color: #1a1a1a !important;
	  font-size: 16px  !important;
	  line-height: 30px  !important;
  }
  
  .my-team .field__item {
	  font-family: 'Roboto-Regular', Helvetica Neue, Arial, Sans-serif !important;
	  color: #1a1a1a !important;
	  font-size: 16px  !important;
	  line-height: 30px  !important;
	  display: block;
	  width: 100%;
	  padding: .375rem .75rem;
	  font-size: 1rem;
	  line-height: 1.5;
	  color: #495057;
	  background-color: #f3f3f3;
	  background-clip: padding-box;
	  border: 1px solid #bdbdbd;
	  border-radius: .25rem;
	  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
  
  .divpNacionalBank { 
	color: #004297 !important;
	font-family: 'Roboto-Bold', Helvetica Neue, Arial, Sans-serif !important;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
  }
  .SelectNacionalBank {
	  border: solid 1px #4b4b4b !important;
	  background-color: #ffffff;
	  font-family: 'Roboto-Bold', Helvetica Neue, Arial, Sans-serif !important;
	  color: #151515 !important;
	  font-size: 12px  !important;
	  line-height: 32px  !important;
  }
  
  .competition-phase-block {
	  margin-bottom: 50px !important;
  }
  
  .competition-phase-block .phase-title {
	  text-align: center;
	  margin: 40px !important;
	  font-family: 'Roboto-Bold', Helvetica Neue, Arial, Sans-serif !important;
	  color: #151515 !important;
	  font-size: 34px  !important;
	  line-height: 55px  !important;
  }
  
  .competition-phase-block .phase-item {
	  border-radius: 4px;
	  background-color: #f7f7f7;
	  border: solid 2px #f7f7f7;
	  height: 100%;
  }
  
  .competition-phase-block .phase-item.inactive {
	  opacity: 0.4 !important;
  }
  
  .competition-phase-block .phase-item.reward {
	  border-radius: 4px;
	  border: solid 2px #ffd339;
	  background-color: #ffffff;
  }
  
  .competition-phase-block .phase-item-div-number {
	  margin: auto;
	  text-align: center;
	  width: 50px;
	  height: 25px;
  }
  
  .competition-phase-block .phase-item-number {
	  font-family: 'Roboto-Bold', Helvetica Neue, Arial, Sans-serif !important;
	  color: #004297 !important;
	  font-size: 20px  !important;
	  line-height: normal;
	  text-align: center;
	  background-color: #ffffff;
	  position: absolute;
	  top: -20px;
	  border: solid 2px #ffd339;
	  padding: 7px 14px 8px 14px;
	  border-radius: 25px;
  }
  
  .competition-phase-block .phase-item-img {
	  text-align: center;
	  margin: 20px;
  }
  
  .competition-phase-block .phase-item-img img{
	  max-width: 55px;
	  max-height: 65px;
  }
  
  .competition-phase-block .phase-item-title {
	  text-align: center;
	  font-family: 'Roboto-Black', Helvetica Neue, Arial, Sans-serif !important;
	  color: #1a1a1a !important;
	  font-size: 22px;
	  line-height: 30px;
	  margin: 20px;
  }
  .competition-phase-block .phase-item-div-text {
	  height: 50px;
  }
  
  .competition-phase-block .phase-item-text {
	  text-align: center;
	  font-family: 'Roboto-Regular', Helvetica Neue, Arial, Sans-serif !important;
	  color: #c4c4c4 !important;
	  font-size: 14px  !important;
	  line-height: 30px !important;
	  width: 100%;
	  position: absolute;
	  bottom: 0;
	  left: 0;
  }
  
  .side-img-pagenotfound {
	  height: 100% !important;
  }
  
  .pagenotfound .pagenotfound-text {
	  font-family: 'Roboto-Medium', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 21px  !important;
	  line-height: 40px  !important;
	  color: #004297 !important;
  }
  
  .pagenotfound .pagenotfound-buttons .button {
	  font-family: 'Roboto-Bold', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 16px  !important;
	  line-height: 30px  !important;
	  text-align: center;
	  padding: 10px 55px !important;
	  margin: 10px 10px 10px 0px !important;
  }
  
  .pagenotfound .pagenotfound-buttons .button.go-back {
	  background-color:#004297 !important;
	  border: solid 1px #004297 !important;
	  color: #ffffff !important;
  }
  
  .pagenotfound .pagenotfound-buttons .button.go-back:hover, .pagenotfound .pagenotfound-buttons .button.go-back:focus {
	  background-color:#04377a !important;
	  border: solid 1px #04377a !important;
	  color: #ffffff !important;
  }
  
  .pagenotfound .pagenotfound-buttons .button.go-home {
	  background-color:#ffffff !important;
	  border: solid 1px #004297 !important;
	  color: #004297 !important;
  }
  
  .pagenotfound .pagenotfound-buttons .button.go-home:hover, .pagenotfound .pagenotfound-buttons .button.go-home:focus {
	  background-color:#004297 !important;
	  border: solid 1px #004297 !important;
	  color: #ffffff !important;
  }
  
  
  input.form-text {
	  border-radius: 0px !important;
	  border-color: #bdbdbd !important;
	  background-color: #ffffff !important;
	  font-family: 'Roboto-Regular', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 16px  !important;
	  line-height: 30px  !important;
	  color: #1a1a1a !important;
  }
  
  .rights-reserved-text, .declaracoes-text{
	  font-family: 'Roboto-Regular', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 14px  !important;
	  line-height: 28px  !important;
	  color: #9b9b9b !important;
	  text-align: left !important;
	  margin-top: 40px !important;
  }
  
  .declaracoes-text a, .declaracoes-text a:visited, .declaracoes-text a:focus{
	  color: #9b9b9b !important;
  }
  
  .declaracoes-text a:hover {
	  color: #1a1a1a !important;
  }
  
  .news .side-icon {
	  float: right;
  }
  
  .news .filter {
	  margin-top: 40px;
  }
  
  .news .list-news-date, .detail-news .detail-news-date {
	  font-family: 'Roboto-Regular', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 16px;
	  line-height: 30px;
	  color: #004297;
	  margin: 10px;
  }
  
  .news .list-news-title a, .news .list-news-title a:visited, .news .list-news-title a:focus {
	  font-family: 'Roboto-Bold', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 22px;
	  line-height: 30px;
	  color: #1a1a1a;
	  margin: 10px;
  }
  
  .news .list-news-body {
	  font-family: 'Roboto-Regular', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 22px;
	  line-height: 30px;
	  color: #1a1a1a;
	  margin: 10px;
  }
  
  .news .filter-news-title {
	  font-family: 'Roboto-Bold', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 16ppx;
	  line-height: 30px;
	  color: #004297;
  }
  
  .news .filter-news .filter-news-items a, .news .filter-news .filter-news-items a:focus, .news .filter-news .filter-news-items a:visited {
	  display: block;
	  background-color: #e5ecf4;
	  margin: 10px 0px;
	  padding: 10px 20px;
	  font-family: 'Roboto-Regular', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 16px;
	  line-height: 30px;
	  color: #004297;
  }
  
  .news .list-news-button-more {
	  margin-bottom: 80px;
  }
  
  .news .read-more input[type="submit"] {
	  font-size: 16px;
	  padding: 16px 70px 15px;
	  border-radius: 0px;
	  background-color: #004297;
	  border-color: #004297;
  }
  
  .news .button {
	  font-family: 'Roboto-Black', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 14px  !important;
	  line-height: 30px  !important;
	  text-align: center;
	  padding: 10px 55px !important;
	  margin: 10px !important;
  }
  
  .news .button.read-more {
	  background-color:#004297 !important;
	  border: solid 1px #004297 !important;
	  color: #ffffff !important;
  }
  
  .news .button.read-more:hover, .news .button.read-more:focus{
	  background-color:#04377a !important;
	  border: solid 1px #04377a !important;
	  color: #ffffff !important;
  }
  
  .load-more input[type="submit"] {
	  font-size: 16px;
	  padding: 16px 70px 15px;
	  border-radius: 0px;
	  background-color: #004297;
	  border-color: #004297;
  }
  
  .button.load-more {
	  background-color:#004297 !important;
	  border: solid 1px #004297 !important;
	  color: #ffffff !important;
	  font-family: 'Roboto-Black', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 14px  !important;
	  line-height: 30px  !important;
	  text-align: center;
	  padding: 10px 55px !important;
	  margin: 10px !important;
  }
  
  .button.load-more:hover, .button.load-more:focus{
	  background-color:#04377a !important;
	  border: solid 1px #04377a !important;
	  color: #ffffff !important;
  }
  
  .detail-news .side-news-title {
	  font-family: 'Roboto-Bold', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 16px;
	  line-height: 30px;
	  color: #004297;
	  margin: 10px;
  }
  
  .detail-news .side-news-item .side-news-item-img img{
	  border-radius: 4px;
  }
  
  .detail-news .side-news-item .side-news-item-date {
	  font-family: 'Roboto-Regular', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 12px;
	  line-height: 30px;
	  color: #004297;
	  margin: 10px;
  }
  
  .detail-news .side-news-item .side-news-item-body {
	  font-family: 'Roboto-Bold', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 22px;
	  line-height: 30px;
	  color: #1a1a1a;
	  margin: 10px;
  }
  
  .detail-news .side-news-item-icon {
	  margin: 10px;
  }
  
  .detail-news .side-news-item a:hover {
	  text-decoration: none !important;
  }
  
  .detail-news .side-news-item a:hover div {
	  opacity: 0.5;
  }
  
  .detail-news .side-news-item {
	  border-radius: 4px;
	  border: solid 2px #ebebeb;
	  margin-bottom: 60px;
  }
  
  .myscore-text-alert {
	  font-family: 'Roboto-Regular', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 22px;
	  line-height: 30px;
	  color: #1a1a1a;
	  margin: 10px;
  }
  
  .ButtonBackGroundBlue input[type="submit"] {
	  font-size: 16px;
	  padding: 16px 70px 15px;
	  border-radius: 0px;
	  background-color: #004297;
	  border-color: #004297;
  }
  
  .button.ButtonBackGroundBlue {
	  background-color:#004297 !important;
	  border: solid 1px #004297 !important;
	  color: #ffffff !important;
	  font-family: 'Roboto-Black', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 14px  !important;
	  line-height: 30px  !important;
	  text-align: center;
	 /*  padding: 10px 55px !important; */
	  margin: 10px !important;
  }
  
  .button.ButtonBackGroundBlue:hover, .button.ButtonBackGroundBlue:focus{
	  background-color:#04377a !important;
	  border: solid 1px #04377a !important;
	  color: #ffffff !important;
  }
  
  .home-news-block .home-news-title {
	  font-family: 'Roboto-Black', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 34px  !important;
	  line-height: 44px ;
	  text-align: center;
	  margin: 30px auto;
	  color: #151515;
  }
  
  .home-news-block {
	  margin-bottom: 60px;
  }
  
  .home-news-block .home-news-item .home-news-item-img img{
	  border-radius: 4px;
  }
  
  .home-news-block .home-news-item .home-news-item-date {
	  font-family: 'Roboto-Regular', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 12px;
	  line-height: 30px;
	  color: #004297;
	  margin: 10px;
  }
  
  .home-news-block .home-news-item .home-news-item-body {
	  font-family: 'Roboto-Bold', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 22px;
	  line-height: 30px;
	  color: #1a1a1a;
	  margin: 10px 10px 30px 10px;
  }
  
  .home-news-block .home-news-item-icon {
	  margin: 10px;
	  bottom: 0px !important; 
	  position: absolute; 
	  right: 30px;
  }
  
  .home-news-block .home-news-item a:hover {
	  text-decoration: none !important;
  }
  
  .home-news-block .home-news-item a:hover div {
	  opacity: 0.5;
  }
  
  .home-news-block .home-news-item {
	  border-radius: 4px;
	  border: solid 2px #ebebeb;
	  height: 100%
  }
  
  @media (min-width: 767px) {
	  .home-news-block .col-lg-offset-custom-12:first-child {
		  margin-left: 12.5%;
	  }
	  
	  .home-news-block .col-lg-offset-custom-25:first-child {
		  margin-left: 25%;
	  }
	  
	  .home-news-block .col-lg-offset-custom-37:first-child {
		  margin-left: 37.5%;
	  }
  }
  
  .home-news-block .home-news-button {
	  text-align: center;
  }
  
  .home-news-block .home-news-button .more-news input[type="submit"] {
	  font-size: 16px;
	  padding: 16px 70px 15px;
	  border-radius: 0px;
	  background-color: #004297;
	  border-color: #004297;
  }
  
  .home-news-block .home-news-button .button.more-news {
	  background-color:#004297 !important;
	  border: solid 1px #004297 !important;
	  color: #ffffff !important;
	  font-family: 'Roboto-Black', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 14px  !important;
	  line-height: 30px  !important;
	  text-align: center;
	  padding: 10px 55px !important;
	  margin: 10px !important;
  }
  
  .home-news-block .home-news-button .button.more-news:hover,.home-news-block .home-news-button .button.more-news:focus{
	  background-color:#04377a !important;
	  border: solid 1px #04377a !important;
	  color: #ffffff !important;
  }
  
  .dropzone-btn input[type="submit"], .dropzone-upload-btn input[type="submit"] {
	  font-size: 16px;
	  padding: 16px 70px 15px;
	  border-radius: 0px;
	  background-color: #004297;
	  border-color: #004297;
  }
  
  .button.dropzone-btn, .button.dropzone-upload-btn {
	  background-color:#004297 !important;
	  border: solid 1px #004297 !important;
	  color: #ffffff !important;
	  font-family: 'Roboto-Black', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 14px  !important;
	  line-height: 30px  !important;
	  text-align: center;
	  padding: 10px 55px !important;
	  margin: 10px !important;
  }
  
  .button.dropzone-btn:hover, .button.dropzone-btn:focus, .button.dropzone-upload-btn:hover, .button.dropzone-upload-btn:focus {
	  background-color:#04377a !important;
	  border: solid 1px #04377a !important;
	  color: #ffffff !important;
  }
  
  .task-upload .form-item--error-message {
	  display: none !important;
  }
  
  .dropzone-area.dropzone {
	  background-color: #dae4f0 !important;
	  border: none !important;
  }
  
  .dropzone-area .dropzone-description {
	  color: #004297;
	  font-family: 'Roboto-Bold', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 16px;
	  line-height: 30px;
  }
  
  .dropzone-area .dropzone-warning {
	  color: #004297;
	  font-family: 'Roboto-Regular', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 14px;
	  line-height: 30px;
	  height: 50px;
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: 0;
  }
  
  .dropzone-list-files-title {
	  color: #1a1a1a;
	  font-family: 'Roboto-Black', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 24px ;
	  line-height: 44px ;
	  margin: 40px 10px 15px 10px !important;
  }
  
  .dropzone-list-files-header-title {
	  color: #004297;
	  font-family: 'Roboto-Bold', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 22px ;
	  line-height: 30px;
	  margin: 10px !important;
  }
  
  .dropzone-list-files-header, .dropzone-list-files-body {
	  border-bottom: solid 2px #d8d8d8;
  }
  
  .dropzone-list-files-body:last-child {
	  border: none;
  }
  
  .dropzone-list-files-body-text {
	  color: #1a1a1a;
	  font-family: 'Roboto-Regular', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 22px ;
	  line-height: 30px;
	  margin: 10px !important;
  }
  
  .button.dropzone-delete-btn {
	  background-color:#ffffff !important;
	  border: solid 1px #004297 !important;
	  color: #004297 !important;
  }
  
  .button.dropzone-delete-btn:hover, .button.dropzone-delete-btn:focus {
	  background-color:#004297 !important;
	  border: solid 1px #004297 !important;
	  color: #ffffff !important;
  }
  
  @media (min-width: 576px) {
	  .modal-phase .modal-dialog {
		  max-width: 650px;
	  }
  }
  
  .modal-phase .modal-header {
	  display: block;
	  border: none;
  }
  
  .modal-phase .modal-header .modal-title {
	  color: #1a1a1a;
	  font-family: 'Roboto-Black', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 24px;
	  line-height: 44px;
	  margin: 10px !important;
  }
  
  .modal-phase .modal-header .modal-phase-title {
	  color: #151515;
	  font-family: 'Roboto-Black', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 34px;
	  line-height: 44px;
	  margin: 10px !important;
  }
  
  .modal-phase .carousel-phase .carousel-item .carousel-item-title {
	  color: #004297;
	  font-family: 'Roboto-Bold', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 12px;
	  line-height: 30px;
	  text-align: center;
	  margin: 10px !important;
  }
  
  .modal-phase .carousel-phase .carousel-item .carousel-item-body {
	  color: #1a1a1a;
	  font-family: 'Roboto-Regular', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 22px;
	  line-height: 40px;
	  text-align: center;
	  margin: 10px 10px 30px 10px!important;
  }
  
  .modal-phase .carousel-phase .carousel-item .carousel-indicators {
	  position: relative
  }
  
  .modal-phase .carousel-phase .carousel-item .carousel-indicators li {
	  width: .625rem !important;
	  height: .625rem !important;
	  cursor: pointer !important;
	  border-radius: 50% !important;
	  display: inline-block !important;
	  background-color: #1a1a1a !important;
  }
  
  .modal-phase .carousel-phase .carousel-item .carousel-indicators li.active {
	  background-color: #004297 !important;
  }
  
  .modal-phase .button {
	  font-family: 'Roboto-Bold', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 16px !important;
	  line-height: 30px !important;
	  text-align: center;
	  padding: 10px 55px !important;
	  margin: 10px !important;
  }
  
  .modal-phase .button.not-now-quiz-btn {
	  background-color:#ffffff !important;
	  border: solid 1px #004297 !important;
	  color: #004297 !important;
  }
  
  .modal-phase .button.not-now-quiz-btn:hover,.modal-phase .button.not-now-quiz-btn:focus {
	  background-color:#004297 !important;
	  border: solid 1px #004297 !important;
	  color: #ffffff !important;
  }
  
  .modal-phase .button.start-quiz-btn {
	  background-color:#004297 !important;
	  border: solid 1px #004297 !important;
	  color: #ffffff !important;
  }
  
  .modal-phase .button.start-quiz-btn:hover, .modal-phase .button.start-quiz-btn:focus {
	  background-color:#04377a !important;
	  border: solid 1px #04377a !important;
	  color: #ffffff !important;
  }
  
  .modal-phase .modal-footer {	
	  border: none;
	  margin: auto;
  }
  
  .quiz-message-empty {
	  font-family: 'Roboto-Regular', Helvetica Neue, Arial, Sans-serif !important;
	  font-size: 22px;
	  color:#1a1a1a;
	  margin-bottom: 10px;
	  line-height: 30px;
  }
  
  .sf-clone-parent {
    display: none !important;
}