
.tab_list{
padding-top:10px;
}

* {
	box-sizing: border-box;
	}
body {font-family: "Lato", sans-serif;}

/* Style the tab */
.tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 20%;
	height:100%;
	overflow-y:scroll;   
}
textarea{

}

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 12px 6px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 62px;
    border: 1px solid #ccc;
    width: 80%;
    border-left: none;
	background-color:lightgray;
	}

.topics{
padding:40px;	
color:brown;
text-align:center;
}
.fullForm{
text-decoration: underline;	
text-transform:capitalize;
}
.question{
font-weight:bold;
font-size:18px;	
padding:5px;
}
.leftBox{	
float:left;
box-sizing:border-box;
padding-left:40px;
width:300px;
}
.rightBox{
	padding-right:40px;
	float:right;
}
textarea{
padding:10px;	
}

