.webinar-status-default {
  background-color: #FAC923;
}

.webinar-status-full {
	background-color: #FF0000;
}

.webinar-status-waitlist {
	background-color:#96CDFF;
}

.webinar-status-lastseats {
	background-color:#f67912;
}

/***********************/
/* Mobile view styles */
/***********************/

html, body {
  font-family: 'Open Sans';
}
.disabled-submit{
  opacity: 0.6;
}
.enabled-submit{
  opacity: 1.0;
}
.formacao-short-modal{
  font-size:18px;
}

#coming-courses div{
  font-size: 14px;
  max-width: 300px;
  font-weight: bold;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0px;
  margin-bottom:15px;
  font-size:18px;
}
#coming-courses div:hover{
  cursor:pointer;
}

#coming-courses div a {
  text-decoration: none;
  color:black;
}

.webinar-status-lastseats {
}

.close-dialog-btn {
  padding-left:1px;
  border-radius: 15%;
  width: 20px;
  height: 20px;
}

form input, form textarea, form button, form select, form select option{
  font-size: 14px;
  color:black;
}

.background-img { position:absolute; top:0px; left:0px; -webkit-filter: brightness(70%); }
#main-container { padding-top:80px; padding-bottom:20px;}
.formacao-short-modal { padding-top:20px; padding-bottom:20px; padding-left: 30px; padding-right: 30px; border-color:white; border-width:3px; border-style:solid; background-color:rgba(240,240,240,0.85);}
.white { color:white; }
.black { color:black; }
.blue { color:rgba(50,151,235,1.0); }
.myH1 { margin: 1em 0px; text-align:left; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; font-size: 30px; }
.myH2 { margin: 1em 0px; text-align:left; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; font-size: 24px; }
.custom-p { margin: 1em 0px; text-align:left; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; font-size: 20px; }
.custom-form-text { text-align:left; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; }
.custom_bt { width:100%; font-size:18px; background-color: #FFA726; font-weight:bold; }
.bold { font-weight: bold; }
.btNo { background-color:rgba(148,151,152,1.0); color:#ffffff; text-transform: uppercase;}
.btSi { background-color:rgba(50,151,235,1.0); color:#ffffff; font-weight:700; text-transform: uppercase; }

@media screen and (max-width: 336px){
  .btSi { margin-top:5px;}
}

.formacao-short-modal .form-control {
  color:black;
}
.formacao-short-modal .btn {
  color:white;
}

.formacao-short-modal .btn, #main-box .form-control{
  border-radius:0px;
}

.formacao-short-modal textarea {
  max-height:120px;
  resize:none;
  overflow:scroll;
  overflow-x:hidden;
}

@media screen and (max-width:767px){
  #WebinarPanel .desktop-view{
    display:none;
  }
}
@media screen and (min-width:768px){
  #WebinarPanel .mobile-view{
    display:none;
  }
}

.cursos-y-webinars-row{
  width:100%;
}

@media screen and (max-width: 767px){
  .cursos-y-webinars-row{
    margin:0;
  }
}

@media screen and (max-width:767px){
  .title-show-only-if-mobile-resolution{
    display:none;  
  }
}

@media screen and (min-width: 768px){
  .mobile-webinar-title{
    display: none; 
  }
}
.course-title{
  color:black;
}

.content-item .bodyText h2.myH2{
  font-size:24px;
}

.one-click-subscribe-name{
    display: block;
    margin: 0px auto;
    width: 100%;
    border-radius: 0px;
    color: black;
    font-weight: 800;
    font-size: 13px;
    text-align: center;
    margin-bottom: 13px;
}

.one-click-other-person{
    display: block;
    margin: 0px auto;
    width: 100%;
    border-radius: 0px;
    color: black;
    font-size: 12px;
    text-align: center;
    margin-bottom: 13px;
    margin-top: 13px;
}
.one-click-other-person a {
  font-size: 12px;
}

.btn.btn-normal.one-click-subscribe-with-token{
  display:block;
  margin:0px auto;

  background-color: #FAC923 !important;
  width: 100%;
  border-radius: 0px;
  color: black;
  height: 40px;
  font-weight: 800;
  font-size: 16px;
}
.btn.btn-normal.one-click-subscribe-with-token:hover{
  background-color: #0060BA;
}
.btn.btn-normal.one-click-subscribe-with-token:disabled{
  background-color: #0060BA;
}
.token-enrollment-container{
  padding: 20px;
}