.home-flat {
  display: table;
  width: 100%;
}
.home-flat-cell {
  vertical-align: top;
  display: table-cell;
}
.up-event-item{
    border-bottom: 1px solid #a9a9a9;
    margin-bottom: 20px;
}
.up-event-item:nth-of-type(1){
    border-top: 1px solid #a9a9a9;
    padding-top: 20px;
}
.ai-workout-course {
  background-color: #3498db; 
  border-radius: 5px; 
  padding: 3px; 
  margin-left: 6px; 
  margin-right: 6px; 
  color: #ffffff;
}
.ai-workout-course:hover {
  background-color: #2673a6;
  color: #ffffff;
}
.ai-workout-course-tag {
  background-color: #1d2087; 
  border-radius: 5px; 
  padding: 3px; 
  color: #ffffff;
  border-width: 2px;
  font-size: 8pt;
  
}

.custom-menu-box {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .custom-menu-box {
 	  display: block;
      margin: 1.0em 0;
      padding: 0;
      max-width: 400px;
  }
/*
  .custom-menu-box label {
      display: block;
      margin: 1.5px 0;
      padding : 11px 12px;
      color :#ffffff;
      background :#a4cbf3;
      cursor :pointer;
      transition: all 0.5s;
      background-color: #00b3ec;
      border-radius: 5px;
  }
*/
  .custom-menu-box label {
      display: block;
      margin: 1.5px 0;
      padding : 11px 12px;
      color :black;
      background :#a4cbf3;
      cursor :pointer;
      transition: all 0.5s;
      background-color: white;
      border-radius: 5px;
      font-size:32px;
      font-weight:bold;
      text-align:right;
  }

  .custom-menu-box input {
      display: none;
  }
  .custom {
    right: 0;
    position: fixed;
  }
  .custom-menu {
    border-radius: 5px;
  }
  .custom-menu-box .custom-menu {
      height: 0;
      padding: 0;
      overflow: hidden;
      opacity: 0;
      transition: 0.8s;
  }
  .custom-menu-toggle:checked + .custom-menu {
      height: auto;
      padding: 5px;
      background: #ffffff;
      opacity: 1;
  }
  .custom-menu-item {
    margin-left: 6px;
      color: #000000;
  }
}

@media only screen and (max-width: 1200px) {
    .screen-box {
 	 display: none;
	}
}
.attendance-application-btn {
  background-color: #3498db;
  border-color: #3498db;
  color: #fff;
  padding: .375rem .75rem;
  border-radius: .25rem;
  display: inline-block;
  margin-top: 8px;
  margin-left:40%;
  
}
#eb-event-details > div.eb-taskbar.eb-register-buttons-bottom.clearfix ul{
  padding-left : 40% !important;
}
.url-link{
　text-decoration: none;
}

.url-link:hover{
　text-decoration: underline;
}

/*New Css*/

.sp-module ul#custom-menu > li > a { color: #231815; font-weight: 700; }
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-module ul > li > a:hover {
    color: #a1c8e5 !important;
}
#sppb-addon-1599703754746 h2.sppb-addon-title {  color: #231815;}
.common-btn {  font-weight:700;}

.custom-corporate-management .title1 .sppb-addon-title:after{display:none;}
.custom-corporate-management .title1 .sppb-addon-title,
.custom-solve-section .sppb-addon-title,
.custom-aibod-academy .sppb-addon-title, .custom-academy-steps .sppb-addon-title{
    text-align: center;font-weight: 700; line-height: 35px;
}
.custom-corporate-management .sppb-media {/*background: url(https://www.aibod.com/aibod-academy/templates/yamato2/images/check01.png) no-repeat 0 5px;*/font-weight: 600; padding: 10px 0 0 0;}
.custom-solve-section p { max-width: 83%; margin: 0 auto;}
ul.custom-solve-section { margin: 0 auto; padding: 0; max-width: 600px;}
ul.custom-solve-section li { list-style: none; display: flex; margin: 25px 0;}
.thumb-li { width: 80px;}
.li-content { padding: 8px 0 0 20px; flex: 1; width: 100%;}
.li-content h3 {font-weight: 700; color: #0068b6; text-transform: uppercase;}
.li-content p{ max-width: 100%; color: #231815; font-weight: 600;}
.custom-aibod-academy img.sppb-img-responsive { max-height: 250px; }

@media only screen and (max-width: 1200px) {
    .custom-aibod-academy img.sppb-img-responsive { max-height: 200px; }
}

.custom-aibod-academy .sppb-row {
    justify-content: center;
}
.custom-aibod-academy h4, .custom-aibod-academy h4 a { font-weight: 700; color: #231815; text-align: center;}
.custom-aibod-academy p, .custom-aibod-academy-detail p, .custom-curriculum-example p { color: #231815; font-weight:500;}
.custom-curriculum-example { width: 100%; background: #fff; min-height: 450px; display: flex; align-items: center; justify-content: center;}

.fluid .sppb-row-container { max-width: 100% !important; padding: 0;  width: 100%;}

.custom-academy-steps .sppb-text-left {padding-top: 5px; font-weight: 500;}
.custom-steps-list { max-width: 70%; margin: auto;}
.custom-steps-list span.sppb-blocknumber-number { font-weight: 500; font-size: 24px;}
.custom-faq-section .sppb-panel-modern > .sppb-panel-heading { color: #231815;}
.custom-faq-section .sppb-panel-modern { border: 1px solid #231815; margin-bottom: 15px;}
.custom-faq-section .sppb-panel-modern>.sppb-panel-heading { padding: 17px 25px 17px 25px; }
.custom-faq-section .sppb-panel-modern > .sppb-panel-heading{ border-radius: 3px 3px 0 0;}
.custom-faq-section .sppb-addon-content { font-weight:500;}
.custom-faq-section .sppb-panel-modern > .sppb-panel-heading.active, .custom-faq-section .sppb-panel-modern > .sppb-panel-heading:hover {
    color: #fff;
    background: #0068b6;
}
.custom-aibod-academy p { padding: 0 25px;}
input#formsubmit { background-color: #ff9b00 !important; color: #FFFFFF; padding: 15px 25px 12px 25px; font-size: 16px; opacity: 1;  min-width: 150px;}
input#formsubmit:hover {  background-color: #0068b6 !important; color: #FFFFFF;}
#sp-bottom { display: none;}
#sp-footer { background: #010101 !important;}
#sp-footer p { margin: 0; font-size: 18px;  font-weight: 500;}
span.sp-copyright { font-size: 18px; font-weight: 600; margin: 0; }	
#sp-footer #sp-footer2 {
    text-align: left;
}
div#sp-footer1 {
    order: 2;
    text-align: right;
}
#sp-top-bar{display:none !important;}


@media(max-width:1400px){
	ul.custom-solve-section {
		max-width: 500px;
	}
}


@media(max-width:990px){
	
.custom-corporate-management .sppb-col-md-8 .sppb-row { flex-wrap: nowrap;}
.custom-corporate-management .sppb-col-md-8 .sppb-row .sppb-col-md-1 { max-width: 80px; width: 80px;}
#sp-footer{ text-align: center;}
#sp-footer2 .custom { position: static;text-align: center; margin-top: 10px;}
	#sp-footer #sp-footer2, div#sp-footer1 {  text-align: center;}
	
}

@media(max-width:767px){
	
.custom-steps-list { max-width: 100%;}
#crmWebToEntityForm td input[type="text"], #crmWebToEntityForm td textarea {  max-width: 320px; }

	
}
@media(max-width:575px){
	
#crmWebToEntityForm td { width: 100% !important; display: block; text-align: left !important;}

}



