#main-container { padding: 20px 0px 0px 0px; }
#main-input-form {  }

.navbar { 
	background: #339966; 
	background: -webkit-linear-gradient(to right, #339966, #339966);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #339966, #339966); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.navbar a:not(.dropdown-item) { color:#fff!important;  }

.nav-link { color:#339966!important; }

nav { padding-left:15px; padding-right: 15px; }
#nav-tabs { margin-top:50px; }
.ada-tab-response { padding: 20px 0px 20px 0px; }
body {  
        color: #333333;
	background: #F7F9F9; 
        font-family:'Cairo Play'	

 }
.tab-pane { background-color: #FFF; padding:15px; }

.btn-primary { background-color: #339966; border-color: #339966; }
.btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #339966 !important; border-color: #339966;
}

#footer { height: 200px; background-color: #F7F9F9; text-align: center; color:#616A6B;}
#footer-line { background: #339966; height: 4px; margin-top: 50px; }

#scrolltop 
{
  display: none; 
  position: fixed; 
  bottom: 20px; 
  right: 30px; 
  z-index: 99; 
}

#title{
  margin: 0 auto;
  display: flex;
  margin-bottom: 5px;
  margin-top: 20px;
  justify-content: center;
  align-items: center;
}

#subtitle{
  margin: 0 auto;
  display: flex;
  margin-bottom: 20px;
  margin-top: 5px;
  justify-content: center;
  align-items: center;
}

h4 {
 font-size: 9;
 font-weight: bold;
}

h3 {
 font-size: 10;
 font-weight: bold;
}

a:link {
  color: #339966;
}

a:visited {
  color: #339966;
}

.nt {
  color: #616A6B;
}

.term {
  color: #339966;
}

.grammar {
  color: #AAA;
}

.op {
  color: #7a963a;
}