/**
 * bootstrap4-scrolling-tabs
 * @version v1.0.0
 * @link https://github.com/mikejacobson/bootstrap4-scrolling-tabs
 * @author Mike Jacobson <michaeljjacobson1@gmail.com>
 * @license MIT License, http://www.opensource.org/licenses/MIT
 */
.scrtabs-tab-container * {
  box-sizing: border-box; 
 }

.scrtabs-tab-container {
  height: 306px; 
 }
  .scrtabs-tab-container .tab-content {
    clear: left; 
}

.scrtabs-tab-container .scrtabs-tabs-movable-container > .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row; 
 }

.scrtabs-tabs-fixed-container {
  float: left;
  height: 306px;
  overflow: hidden;
  width: 100%; 
 }

.scrtabs-tabs-movable-container {
  position: relative;
  transition: transform 2s; }
  .scrtabs-tabs-movable-container .tab-content {
    display: none; }

.scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container > ul.nav-tabs {
  padding-right: 0; }

.scrtabs-tab-scroll-arrow {
  border: none;
  cursor: pointer;
  display: none;
  float: left;
  font-size: 12px;
  height: 100%;
  padding: 0.5em;
  width: 20px; 
  position:relative;
 }
.scrtabs-tab-scroll-arrow:hover {

}
.scrtabs-tab-scroll-arrow > span {
  /*border-right: 3px solid #007bff;
  border-bottom: 3px solid #007bff;
  border-color:#868686;*/
  color:#868686;
  display: block;
  width: 15px;
  height: 40px;
  /*transform: rotate(-45deg);*/
  position:absolute;
  top:50%;
  margin-top:-65px;
  
  }
.scrtabs-tab-scroll-arrow > span::before{
	font: normal 40px/1 FontAwesome; 
}
.scrtabs-tab-scroll-arrow > span:hover {
	/* border-right-color: #0056b3;
	border-bottom-color: #0056b3; */
	color:#0056b3;	
}
.scrtabs-tab-scroll-arrow-left > span {
  /*transform: rotate(135deg);*/ 
  }
.scrtabs-tab-scroll-arrow-left > span::before{	
	content: "\f104";
}
.scrtabs-tab-scroll-arrow-right {
 
  }
 .scrtabs-tab-scroll-arrow-right > span::before{
	content: "\f105";
}

.scrtabs-tab-scroll-arrow,
.scrtabs-tab-scroll-arrow .scrtabs-click-target {
  cursor: pointer; }

.scrtabs-tab-scroll-arrow.scrtabs-with-click-target {
  cursor: default; }

.scrtabs-tab-scroll-arrow.scrtabs-disable,
.scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target {
  color: #ddd;
  cursor: default; }
  .scrtabs-tab-scroll-arrow.scrtabs-disable > span,
  .scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target > span {
    border-color: #ddd; }

.scrtabs-tab-scroll-arrow.scrtabs-disable:hover {
  background-color: initial; }

.scrtabs-tabs-fixed-container ul.nav-tabs > li {
  white-space: nowrap; }

.nav-tabs .dropdown-menu {
  border-top-color: transparent;
  margin-top: 0; }
  
/*==employee stories==*/
.employee-tabs.nav-tabs {
  border: none;
  margin-left:-5px;
}
.employee-tabs.nav-tabs .nav-item{
	margin-bottom: 15px;
}
.employee-tabs.nav-tabs .nav-link{
	border:none;
	padding: 8px 12px;
}
.employee-tabs .emp-pic{
	display: block;
	text-align: center;	
	margin-bottom: 10px;
}
.employee-tabs .emp-pic img {
  max-width: 100%;
  border-radius: 50%;
  border: 1px solid #000000;
  max-width:192px;
}
.employee-tabs .nav-link.active .emp-pic img {
  border: 5px solid #5f8928;
}
.employee-tabs .emp-name {
  font-size: 18px;
  font-weight: 500;
  color: #475c11;
  display:block;
  text-align:center;
}
.employee-tabs .emp-designation {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  display: block;
  margin-bottom: 0;
  text-align:center;
}
.emp-details .emp-name .emp-designation {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  display: block ;
  margin-bottom: 0;
}

.employee-details-sec{
	clear:both;
	margin-top:25px;
}
.employee-details-sec.tab-content > .tab-pane{
	display:none !important;
}
.employee-details-sec.tab-content > .active{
	display:block !important;
}
/*==Media Query==*/
@media screen and (max-width:1199px) {
	.scrtabs-tab-container {
	  height: 280px;
	}
	.scrtabs-tabs-fixed-container {
		height: 280px;
	}
	.employee-tabs.nav-tabs .nav-link {
		padding: 8px 8px;
	}
	.employee-tabs .emp-pic img {
		max-width: 163px;
	}
	.employee-tabs .emp-name {
		font-size: 15px;
		line-height: 20px;
	}
}
@media screen and (max-width:991px) {
	.scrtabs-tab-container {
	  height: 250px;
	}
	.scrtabs-tabs-fixed-container {
		height: 250px;
	}
	.employee-tabs .emp-pic img {
	  max-width: 148px;
	}
}
@media screen and (max-width:767px){
	.scrtabs-tab-container {
	  height: 190px;
	}
	.scrtabs-tabs-fixed-container {
	  height: 190px;
	}
	.employee-tabs .emp-pic img {
	  max-width: 100px;
	}
	.employee-tabs .emp-name {
		font-size: 12px;
	}
	.scrtabs-tab-scroll-arrow > span{
		margin-top: -55px;
	}
	.employee-tabs .emp-designation {
		font-size: 11.5px;
	}
	.employee-details-sec {
		margin-top: 10px;
	}
	.employee-details-sec .employee-stories-content .emp-details {
	  display: block;
	}
}