html, body {
  height: 100%;
  width: 100%;
  margin: 0;
}
body {
  /*Default bg, similar to the background's base color*/
  background-color: #F6F6F6;
  font-family: helvetica, Tahoma, sans-serif;
  font-size: 13px;
  color: #3F3F3F;
}

/*screen-sm xs*/

@media (max-width: 992px) {
  body {
    /*Default bg, similar to the background's base color*/
    background-color: #ECECEC;
  }
}

/*------------------Customize for main container -------------------*/

.container-fluid-responsive {}
.content-fluid-responsive-padding-bottom {}

/*screen-xs-sm : mobile device*/

@media only screen and (max-width: 992px) {
  .container-fluid-responsive {
    padding-top: 34px;
  }
  .content-fluid-responsive-padding-bottom {
    padding-bottom: 10%;
  }
}

/*screen- md lg : tablet or PC*/

@media (min-width: 992px) {
  .container-fluid-responsive {
    padding-top: 55px;
  }
}

/*------------------End Customize for main container -------------------*/

label {
  font-family: helvetica, Tahoma, sans-serif;
}

/*------------------Customize for nav bar -------------------*/

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: white;
  position: absolute;
  display: block;
  content: '';
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}

/*------------------End Customize for nav bar -------------------*/


/*--------------------Loading------------------------------------*/

index-splash-page-content {
  display: block;
  background-color: #FFFFFF;
  opacity: 0.9;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  z-index: 10000;
  color: #4DA4D1;
  left: 0px;
}
index-splash-page-content > .spinner {
  position: absolute;
  top: 40%;
  padding-bottom: 5%;
  font-size: 1em;
}
index-splash-page-content > .loading {
  position: absolute;
  top: 50%;
  padding-bottom: 5%;
}
index-splash-page-content > .loading > .progressbar {
  padding-left: 10%;
  padding-right: 10%;
}
index-splash-page-content > .streaming-logo {
  position: absolute;
  bottom: 8%;
}

/*--------------------End Loading------------------------------------*/


/*--------------------mainContent------------------------------------*/

main-content {
	display: block;
}

main-content > .viewContent {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0px
}