.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}


.chat li .chat-body p {
    margin: 0;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel  .panel-body {
    height: 400px;
    overflow-y: scroll;
}

 
.groupsview
{
	cursor:pointer;
	/* background-color:rgb(135, 161, 178); */
	color:black;
	font-size: 15px;
	
}



.student_details_div
{
	margin-top:10px;
}

.secondary {
    background: #d5f4e6;
}	
	
	
.popup {
width:100%;
height:100%;
display:none;
position:fixed;
top:0px;
left:0px;
background:rgba(0,0,0,0.75);
}
/* Inner */
.popup-inner {
cursor:pointer;
max-width:700px;
width:90%;
height:50%;
font-size:12px;
overflow-y:scroll;
padding:40px;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
box-shadow:0px 2px 6px rgba(0,0,0,1);
border-radius:3px;
background:#fff;
}
/* Close Button */
.panel-title2 a	{
		color: #337ab7;
	}
	
	.panel-default2 {
    color: #323734;
    background-color: transparent;
    padding: 2px 2px;
	}
	
	.panel-heading2 {
    padding: 5px 25px;
	}
/*Home Design*/

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .mobile_view{
        margin-top: 60px;
    }  
}
.bigButton {
  display: block;
  height: auto;
  margin: 4px auto;
  background: #019b95;
  padding: 10px 10px 10px 10px;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
			}
.bigButton .iccoo {
  position: absolute;
  font-size: 14px;
  left: 5%;
  top: 0%;
  color: #fff;
}
.bigButton .cont {
  color: #222;
  margin-top: -50px;
  text-align: center;
}
.bigButton .cont h5 {
  font-size: 20px;
  padding: 14px 2px;
}
.bigButton .cont p {
  position: absolute;
  top: 62%;
  left: 6%;
  font-family: 'lato';
  padding: 2px;
  color: #fff;
}
.bigButton:hover {
  background: #fc6f6f;
  box-shadow: inset 0 0 5px rgba(1,155,149,0.8);
  transform: rotate(-1deg);
}
.bigButton:hover .iccoo {
  color: #FFF;
  animation: hoveringicon 0.5s ease;
}
.bigButton:hover .cont h4 {
  transform: rotate(6deg);
  animation: fallhead 0.1s ease;
}
.bigButton:hover .cont p {
  transform: rotate(-2deg);
  color: #FFF;
  animation: fallpara 0.3s ease;
}

@keyframes hoveringicon {
  0% {transform: scale(1,1); color: rgba(255,255,255,1)}
 60% {transform: scale(5,5); color: rgba(253,128,61,0)}
 61% {transform: scale(0,0); color: rgba(253,128,61,0)}
100% {transform: scale(1,1); color: rgba(1,155,149,1)}
}
@keyframes fallhead {
  0% {top: -50%;}
 100% {top: 50%;}
}
@keyframes fallpara {
  0% {opacity: 0; top: 90%;}
100% {opacity: 1; top: 72%; color: #FFF;}
}

/* Credits ========== */
div.credit { 
  text-align: center;
}
div.credit a {
  font-family: 'Puritan';
  text-decoration: none;
  color: #aaa;
}
div.credit a:hover {
  color: #444;
}

.ds {
	background: #f6f9fb;
	padding-top: 20px;
	height: 350px;
	 overflow-y: scroll;
	
}

.ds h4 {
	font-size: 14px;
	font-weight: 700;
	
}

.ds h3 {
    
	color: #ffffff;
	font-size: 14px;
	padding: 0 10px;
	line-height: 50px;
	height: 50px;
	margin: 0;
	background: #019b95;
	text-align: center;
}

.ds i {
	font-size: 12px;
	line-height: 16px;
	
}

.ds .desc {
	border-bottom: 1px solid #eaeaea;
	display: inline-block;
	padding: 15px 0;
	width: 100%;
	
}

.ds .desc:hover {
	background: #ffffff;
}

.ds .thumb {
	width: 30px;
	margin: 0 10px 0 20px;
	display: block;
	float: left;
}

.ds .details {
	width: 170px;
	float: left;
}

.ds > .desc p {
	font-size: 11px;
}

.ds p > muted {
	font-size: 9px;
	text-transform: uppercase;
	font-style: italic;
	color: #666666
}

.ds a {
	color: #fc6f6f;
}

.panel-default { border:none; border-radius: 0px; -webkit-box-shadow: -4px -2px 10px -1px rgba(0,0,0,0.75);
-moz-box-shadow: -4px -2px 10px -1px rgba(0,0,0,0.75);
box-shadow: -4px -2px 10px -1px rgba(0,0,0,0.75);}
.question-page-title-edit{background:#019b95;color:#FFF;font-size:20px;display: block;text-align:center;padding:8px 0px;text-transform: uppercase;}
h4{padding-top:15px;}

.table-responsive{
  height:100%; width:100%;
  overflow-y: auto;
}.table-responsive:hover{border-color:red;}


/*Home Design*/

.helphint{
        float:right;
    }
  
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.mobile-hide{ display: none;}
}