.grammar{
	margin: 5px 0;
}
.grammar-sub{
	width: 100%;
	margin: 0 5px;
	background-color: #fff;
	border: 1px solid #d0e2e2;
	border-radius: 5px;
	padding: 5px;
	display: inline-block;
	
}
.gra{
	height: 300px !important;
}
.grammar-sub:hover {
    box-shadow: 3px 2px 5px 0px grey;
    background-color: azure;
}
.grammar-img img {
    width: 100%;
    display: inline-block;
    float: left;
    vertical-align: middle;
    padding: 10px 0;
}
.form-grammar{
	display: inline-block;
	padding: 0 8px;
	height: 100px;
	overflow: hidden;
	text-align: justify;
}
.video-grammar {
    text-align: center;
    margin: 40px;
}
.tab-grammar{
	display: inline-block;
	width: 100%;
}
.tab-grammar .ui-widget-content {
    border: none !important;
    background: azure !important;;
    color: #4f4f4f;
    border-radius: 10px;
}
.tab-grammar .ui-widget-content table {
    width: 100%;
} 
.test-name.test-name input[type=text], input[type=password], textarea {
    min-width: 1px;
    width: 40%;
    padding: 3px;
    margin: 5px 20px !important;
    max-width: 100%;
    background: white;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    box-shadow: none;
}
.test-name .ui-button-text-only .ui-button-text {
    padding: 0.8em 1em !important;
    text-shadow: none;
    background-color: #f58634;
}
.title-gra a{
	display: inline-block;
}
.ui-helper-reset {
    text-align: center;
}
.ui-tabs .ui-tabs-nav li{
    background: #0086e8;
    margin: 0 20px !important;
    border: none;	
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    border: 1px solid #ff8700;
    background-color: #ff8700;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected:hover {
    border: 1px solid #0078d6;
    background-color: #0078d6;
}
.ui-tabs .ui-tabs-nav{
	background: none !important;
	}  
.ui-tabs .ui-tabs-nav li a {
	color: #fff;
}