/*==============================
    change site.min.css
==============================*/


.navbar-custom .nav li a:active {
    border:none;
}

.docs-header.header--noBackground {
    border-top: 0px;
}

.navbar-custom .navbar-toggle{
    position: relative;
    background-color: transparent; 
    border: 0px;
}

.navbar-default .navbar-toggle {
    border-color: #26816a;
}

.login-content{
    text-align: left;
}

/*==============================
    top navbar css
==============================*/
.top-container {
    background-color: #8CC152;
}

.navbar-green .nav li a{
    color:#FFF;
    display: inline-flex;
    transition: background-color 0.7s linear;
}
.navbar-green .nav li a:active{
    background-color: white
}

.navbar-green .nav li a p{
    margin: 0 0;
}

.button-bar{
    padding: 0px;
    float: left;
    margin-left: 20px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 9px;
}

.navbar-nav {
    margin: 0 -15px;
}

/*.icon-bar-container{
    display: inline-block;
}

.icon-bar {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #fff;
  border-radius: 1px;
}*/

/*==============================
    no category
==============================*/
.alert-hint {
    background-color: #F5F7FA;
    border: #656D78;
    color:#656D78;
    text-align: center;
}

.bottom-10{
    margin-bottom: 10px;
}

.quiz-list{
    /*border-left: 6px solid #feb47f;*/
}

.list-icon{
    height:3em;
}

.list-icon-notSuccess{
    height:3em;
    display: none;
}

/*==============================
    about page list sytle
==============================*/

.bar-main-container {
  margin: 10px auto;
  width: 280px;
  height: 50px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: sans-serif;
  font-weight: normal;
  font-size: 0.8em;
  color: #FFF;
}

.bar-main-container a h4{
  text-decoration: none;
  color: white;
}

.wrap { padding: 8px; }

.bar-icon {
  float: left;
  background: rgb(255, 255, 255);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
}

.bar-icon img {
  vertical-align: middle;
  display: inline-block;
}

.bar-main {
  float: right;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 4px;
  text-align: center;
  background: rgba(0,0,0,0.13);
  width: 83%;
  height: 34px;
  overflow: hidden;
}

.bar-main h4 {
  margin: 7px 0px;
}


/*==============================
    popup modal
==============================*/

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width:82%;
}