/*about-us styles*/

/*.nae-click
{
	 box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4);
}*/



#carousel-example-generic
{
	box-shadow: 0px 0px 9px 1px #999999;
	border-radius: 6px;
}

.overslide 
{
  height:210px;
  overflow: auto;
  padding: 3%;
  text-align: left;
  margin-top: 0px;
}

.overslide::-webkit-scrollbar 
{
    width: 0.7em;
}
 
.overslide::-webkit-scrollbar-track 
{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.overslide::-webkit-scrollbar-thumb
{
	border-radius: 5px;
  background-color: lightblue;
}

.overslide::-webkit-scrollbar-thumb:hover 
{
   background-color: #36363A;
}

#nae-content .media
{
padding: 10px;
}

 .hr {  /*horizontal bar..*/
border: 0px none;
height: 1px;
background: linear-gradient(to left , rgba(0,0,0,0), rgba(0, 0, 0, 0.75), rgba(0,0,0,0));
background: -moz-linear-gradient(left , rgba(0,0,0,0), rgba(0, 0, 0, 0.75), rgba(0,0,0,0));
background: -webkit-linear-gradient(left , rgba(0,0,0,0), rgba(0, 0, 0, 0.75), rgba(0,0,0,0));
background: -ms-linear-gradient(left  , rgba(0,0,0,0), rgba(0, 0, 0, 0.75), rgba(0,0,0,0));
background: -o-linear-gradient(left  , rgba(0,0,0,0), rgba(0, 0, 0, 0.75), rgba(0,0,0,0));
}

#tablinks li
{
cursor: pointer;
}


#nae-box /*full container*/
{
display: flex;
flex-direction: column;
box-shadow: 0px 0px 9px 1px #999999;
margin-top:13.7%;

}

#nae-content .media  /*inside tab-pane*/
{
padding:10px;
}

/*show appropriate color when hovered*/
#tab1:hover + div
{
 background-color: blue;
}

#tab2:hover + div
{
 background-color: red;
}

#tab3:hover + div
{
 background-color: green;
}

/*colors ;)*/
#tablinks .color1
{
background-color:blue;
}

#tablinks .color2
{
background-color:red;
}

#tablinks .color3
{
background-color:green;
}


.nae-click div
{
	height:2px;
}

/*badges*/
#nae-content .new-red
{
color:black ;
border-radius: 3px;
background-color:rgb(255,80,80);
font-weight: bold;
margin-right: 10px;

}

#nae-content .new-yellow
{
color: black;
border-radius: 3px;
margin-right: 10px;
background-color: rgb(255,255,100);
font-weight: bold;
}

#nae-content .no-radius
{
border-radius: 0px;
}

#nae-content p
{
margin:3%;
color:#434A54;
text-align: justify;
font-size: 14px;
}



@media (max-width:768px){
	#nae-box
	{ 
		border: 1px solid rgb(180,180,180);
		flex-direction: column;
	}
	
}