/*	################################################################

	File Name: style.css
	Template Name: One
	Created By: woorockets.com
	http://themeforest.net/user/woorockets
################################################################# */ 

/*==========================================================
	1. IMPORT FILES
==========================================================*/

/* Css */
@import url(css/font-awesome.min.css) screen;


/*=== TAB ===*/

.tab-content {
	line-height:20px;
	padding:20px;
	}
.hor-tab .tab-content,
.tabs-left > .tab-content {
	border:1px solid #e2e2e2;
	border-top:none;
	padding:20px;
	line-height:20px;
	border-radius:0 0 3px 3px;
	}
.nav-tabs > li > a {
	color:#7d7d7d;
	font-weight:300;
	transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	border-bottom:1px solid tranparent;
	font-size:16px !important;
	padding:15px 20px;
	}
.nav-tabs > li > a i {
	margin-right:5px;
	}
.nav-tabs > li > a:hover {
	border-color:transparent;
	}	
.hor-tab .nav-tabs > li.active > a, 
.hor-tab .nav-tabs > li > a:hover, 
.hor-tab .nav-tabs > li > a:focus {
	background-color: #428bca !important;
    color: #fff !important;
	}	
.hor-tab .nav > li > a:hover {
	background:none;
	}
.hor-tab .nav > li.active > a:hover {
	background:#FFF;
	}
.hor-tab .nav-tabs {
	border-bottom:none;
	}
	
	/* Bottom style*/

	.hor-tab.t-bottom .nav-tabs {
		border-bottom:none;
		border-top:1px solid #e2e2e2;
		}
	.hor-tab.t-bottom .tab-content {
		border:1px solid #e2e2e2;
		border-bottom:none;
		border-radius: 3px 3px 0 0;
		}
	.hor-tab.t-bottom .nav-tabs > li.active > a, 
	.hor-tab.t-bottom .nav-tabs > li.active > a:hover, 
	.hor-tab.t-bottom .nav-tabs > li.active > a:focus {
		color:#8d84e4;
		border:1px solid #e2e2e2;
		border-top:none;
		border-radius: 0 0 3px 3px;
		}
	.hor-tab.t-bottom .nav-tabs > li {
		margin:-1px 0 0 0;
		}
			
	
	/*Border style */
	.hor-tab.border-style {
		border-radius:5px 5px 0px 0px;
		
		}
	.hor-tab.border-style .tab-content {
		border:1px solid #e1e1e1;
		}
	.hor-tab.border-style .nav-tabs > li > a {
		border:none;
		border-right:1px solid #f7f7f7;
		border-radius:5px 5px 0px 0px;
		background:none;
		padding:15px 20px;
		margin:0;
		}
	.hor-tab.border-style .nav-tabs > li {
		margin:10px 1px 0;
		border-radius:5px 5px 0px 0px;
		}	
	.hor-tab.border-style .nav-tabs > li.active > a {
		-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
		box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
		}
		
	/*border style bottom*/
	
	.hor-tab.border-style.t-bottom .nav-tabs {
		border:none;
		}
	.hor-tab.border-style.t-bottom .nav-tabs > li.active > a, 
	.hor-tab.border-style.t-bottom .nav-tabs > li.active > a:hover, 
	.hor-tab.border-style.t-bottom .nav-tabs > li.active > a:focus {
		border-radius: 5px 5px 0px 0px;
		border-left:none;
		border-bottom:none;
		}		
		
		
	/* Border solid */
	.hor-tab.border-solid {
		border:none;
		}
	.hor-tab.border-solid .tab-content {
		border:none;
		padding:20px 0 0 0;
		}
	.hor-tab.border-solid .nav-tabs {
		border:1px solid #e2e2e2;
		display:inline-block;
		border-radius:5px;
		}
	.hor-tab.border-solid .nav-tabs li:last-child a {
		border:none;
		}	
	.hor-tab.border-solid .nav-tabs > li > a {
		border:none;
		border-right:1px solid #e2e2e2;
		border-radius:0;
		background:none;
		margin:0;
		}
	.hor-tab.border-solid .nav-tabs > li {
		margin:0;
		}	
		/*border solid bottom*/	
	
	.hor-tab.border-solid.t-bottom .tab-content {
		padding:0 0 25px 0
		}
	.hor-tab.border-solid.t-bottom .nav-tabs > li.active > a	{
		border-radius:0;
		border-bottom:none;
		border-left:none;
		
		}
			
				
				
	
	/*Line style */
	.hor-tab.line-style .tab-content,
	.hor-tab.boxed-style .tab-content {
		border:none;
		padding:20px 0 0 0;
		}
	.hor-tab.line-style .nav-tabs {
		border-bottom:3px solid #e2e2e2;
		}
	.hor-tab.line-style .nav-tabs > li {
		margin-bottom:-3px;
		}
	.hor-tab.line-style .nav-tabs > li > a {
		border:none;
		margin-bottom:0;
		border-bottom:3px solid #e2e2e2;
		}
	.hor-tab.line-style .nav-tabs > li.active > a, 
	.hor-tab.line-style .nav-tabs > li.active > a:hover, 
	.hor-tab.line-style .nav-tabs > li.active > a:focus	{
		border:none;
		border-bottom:3px solid #8D84E4;
		}
	.hor-tab.line-style .nav-tabs > li > a:hover {
		border-bottom-color:#b8b8b8;
		}
		
				/*border line bottom*/
				
				.hor-tab.line-style.t-bottom .nav-tabs {
					border-bottom:none;
					border-top:3px solid #E2E2E2;
					}
				.hor-tab.line-style.t-bottom .tab-content {
					padding:0 0 25px 0;
					border-bottom:none;
					}
				.hor-tab.line-style.t-bottom .nav-tabs > li {
					margin:-3px 0 0 0;
					}
				.hor-tab.line-style.t-bottom .nav-tabs > li > a,
				.hor-tab.line-style.t-bottom .nav-tabs > li > a:hover,
				.hor-tab.line-style.t-bottom .nav-tabs > li > a:focus {
					border-radius:0;
					border-bottom:none;
					border-top:3px solid #e2e2e2;
					}
				.hor-tab.line-style.t-bottom .nav-tabs > li > a:hover,
				.hor-tab.line-style.t-bottom .nav-tabs > li > a:focus {
					border-top-color:#b8b8b8;
					}	
				.hor-tab.line-style.t-bottom .nav-tabs > li.active > a, 
				.hor-tab.line-style.t-bottom .nav-tabs > li.active > a:hover, 
				.hor-tab.line-style.t-bottom .nav-tabs > li.active > a:focus	{
					border:none;
					border-top:3px solid #8D84E4;
					border-bottom:none;
					border-radius:0;
					}	
					
					
					
	
	/*Boxed style */
	.hor-tab.boxed-style .nav-tabs {
		border-bottom:none;
		}
	.hor-tab.boxed-style .nav-tabs > li {
		margin-bottom:0;
		}
	.hor-tab.boxed-style .nav-tabs > li > a {
		border:none;
		margin-bottom:0;
		}
	.hor-tab.boxed-style .nav-tabs > li.active > a, 
	.hor-tab.boxed-style .nav-tabs > li.active > a:hover, 
	.hor-tab.boxed-style .nav-tabs > li.active > a:focus	{
		border:none;
		background:#8D84E4;
		border-radius:3px;
		color:#FFF;
		}
		
/*border style bottom*/

.hor-tab.boxed-style.t-bottom .tab-content {
padding:0 0 25px 0;
}
.hor-tab.boxed-style.t-bottom  .nav-tabs {
border:none;
}
				
		
	
/*tab left and right */


.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
  border-bottom: none;
  max-width:140px;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}
.tabs-left > .tab-content {
	border:none;
	margin-left:120px;
	padding-top:0;
	padding-right:0;
	}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: transparent;
  background:transparent;
  color:#8D84E4;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
  color:#8D84E4;
}
	
	


/*TABS RIGHT */
.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
  border-bottom: none;
  max-width:140px;
}

.tabs-right > .tab-content {
	border:none;
	margin-right:120px;
	padding-top:0;
	padding-left:0;
	}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: transparent;
  background:transparent;
  color:#8D84E4;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: transparent;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
  color:#8D84E4;
}
	
	
	/*border-style*/
	.tabs-left.border-style,
	.tabs-right.border-style  {
		border:1px solid #DDDDDD;
		position:relative;
		border-radius:5px;
		overflow:hidden;
		}
	.tabs-left.border-style > .nav-tabs,
	.tabs-right.border-style > .nav-tabs {
		position:absolute;
		height:100%;
		}
	.tabs-right.border-style > .nav-tabs {
		right:0;
		}	
	.tabs-left.border-style > .tab-content,
	.tabs-right.border-style > .tab-content {
		padding:20px;
		}
	.tabs-left.border-style > .nav-tabs > li > a,
	.tabs-right.border-style > .nav-tabs > li > a {
		border:1px solid #DDDDDD;
		border-left:none;
		border-right:none;
		border-radius:0;
		background:none;
		margin:0;
		}
	.tabs-left.border-style > .nav-tabs > li:first-child > a,
	.tabs-right.border-style > .nav-tabs > li:first-child > a {
		border-top:none;
		}
		
	.tabs-left.border-style > .nav-tabs > li.active > a,
	.tabs-right.border-style > .nav-tabs > li.active > a {
		-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
		box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);	
		}
		
	/* Line style */
	.tabs-left.line-style,
	.tabs-right.line-style  {
		position:relative;
		}
	.tabs-left.line-style > .nav-tabs,
	.tabs-right.line-style > .nav-tabs {
		position:absolute;
		height:100%;
		border-right:3px solid #E2E2E2;
		}
	.tabs-right.line-style > .nav-tabs {
		right:0;
		border-right:0;
		border-left:3px solid #E2E2E2;
		position:absolute;
		}
	.tabs-left.line-style > .nav-tabs > li > a,
	.tabs-right.line-style > .nav-tabs > li > a {
		border:none;
		border-radius:0;
		background:none;
		margin-left:-3px;
		border-right:3px solid transparent;
		}
	.tabs-right.line-style > .nav-tabs > li > a {
		border-left:3px solid transparent;
		border-right:none;
		}	
	.tabs-left.line-style > .nav-tabs > li > a {
		margin-left:0;
		margin-right:-3px;
		}	
	.tabs-left.line-style > .nav-tabs > li.active > a,
	.tabs-right.line-style > .nav-tabs > li.active > a {
		border-color:#8D84E4;
		}
	.tabs-left.line-style > .nav-tabs > li > a:hover,
	.tabs-right.line-style > .nav-tabs > li > a:hover {
		border-color:#B8B8B8;
		}
	
	
	/* Boxed style */
	.tabs-left.boxed-style > .nav-tabs,
	.tabs-right.boxed-style > .nav-tabs {
		border:none;
		margin:0;
		}
	.tabs-left.boxed-style > .nav-tabs > li.active > a,
	.tabs-right.boxed-style > .nav-tabs > li.active > a {
		border-radius:5px;
		border-color:transparent;
		color:#FFF;
		background-color:#8D84E4;
		margin:0 0 1px 0;
		}
		
		
	/* Border solid*/	
	.tabs-left.border-solid > .nav-tabs,
	.tabs-right.border-solid > .nav-tabs {
		border:1px solid #E2E2E2;
		border-radius:5px;
		padding:0;
		}
	.tabs-left.border-solid > .nav-tabs > li > a,
	.tabs-right.border-solid > .nav-tabs > li > a {
		background:none;
		border:1px solid #E2E2E2;
		border-left:none;
		border-right:none;
		border-radius:0;
		margin:0;
		}	
	.tabs-left.border-solid > .nav-tabs > li:first-child > a,
	.tabs-right.border-solid > .nav-tabs > li:first-child > a {
		border-top:none;
		}
	.tabs-left.border-solid > .nav-tabs > li:last-child > a,
	.tabs-right.border-solid > .nav-tabs > li:last-child > a {
		border-bottom:none;
		}
	.tabs-left.border-solid > .nav-tabs > li.active > a,
	.tabs-right.border-solid > .nav-tabs > li.active > a {
		-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
		box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);	
		}				
		
	
@media (max-width: 767px) {
	.nav-tabs li {
		background-color: #ddd9d9;
		width: 100%;
	}
}