/* BOOTSTRAP SANCO THEME */

/*
-----------------------------------
	NAV BAR
-----------------------------------
*/

.navbar .visible-xs .navbar-brand {
	float:none;
	display:block;
}

	/*
	-----------------------------------
		NAV BAR DEFAULT
	-----------------------------------
	*/

	
	.navbar-default .navbar-toggle {
		background-color:#EBEBEB;
		border:1px solid #DDD;
		box-shadow: 0 1px #fff inset;
	}
	
	
	/*
	-----------------------------------
		HOVER / ACTIVE
	-----------------------------------
	*/
	
	.navbar .navbar-nav > li:not(.active) > a {
		background-size: 100% 200%;
		background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.03) 50%);
		-webkit-transition: background-position 0.15s;
				transition: background-position 0.15s;
	}
	
	.navbar .navbar-nav > li:not(.active) > a:hover {
		background-position: 0 100%;
		background-color: rgba(0,0,0,0.03);
	}
	
	.navbar .navbar-nav > li.active > a {
		border-left-color:transparent;
		background-color:rgba(0, 0, 0, 0.01);
		color:#999;
		box-shadow:	0 -1px 0 rgba(0,0,0,0.03),
					0 1px 0 rgba(0,0,0,0.03) inset,
					0 0 30px rgba(0,0,0,0.05) inset;
	}
	
	.navbar .navbar-nav > li.active + li > a {
		border-left-color:transparent;
	}
	
	/* 
	-----------------------------------
		DROPDOWN MENU
	-----------------------------------
	*/
	
	.navbar .dropdown-menu > li > a {
		background-size:200% 100%;
		background-image: linear-gradient(to right, #fff 50%, #f5f5f5 50%);
		-webkit-transition: background-position 0.2s;
				transition: background-position 0.2s;
	}
	
	.navbar .dropdown-menu > li > a:hover {
		background-position: -100% 0 ;
	}


	/* 
	-----------------------------------
		NAV BAR SM
	-----------------------------------
	*/
	
	.navbar-sm {
		min-height:42px;
	}
	
	.navbar-sm .navbar-form {
		margin-top: 6px;
		margin-bottom: 6px;
	}
		
	.navbar-sm .navbar-nav > li > a {
		padding-top:11px;
		padding-bottom:11px;
	}

	/* 
	-----------------------------------
		DIVIDER
	-----------------------------------
	*/
	
	.navbar-divider .navbar-nav > li > a {
		border-right:1px solid rgba(255, 255, 255, 0.7);
		border-left:1px solid rgba(0, 0, 0, 0.04);
	}
	
	.navbar-divider .navbar-nav > li:first-child > a {
		border-left:0;
	}
	
	.navbar-divider .navbar-nav > li:last-child > a {
		border-right:0;
	}


/* 
-----------------------------------
	HR
-----------------------------------
*/

.hr-lg {
	margin-top:50px;
	margin-bottom:50px;
}

.hr-center {
	margin-left:20%;
	margin-right:20%;
}

.hr-dashed {
	border-style:dashed;
	border-color:#ccc;
}

.collapse > hr:first-child,
.collapsing > hr:first-child {
	margin-top:0;
}


/* 
-----------------------------------
	DISPLAY TABLE ROW CELL
-----------------------------------
*/

.display-table {
	display:table;
}

.display-table-row {
	display:table-row;
}

.display-table-cell {
	display:table-cell;
}

.display-table-justified .display-table-cell {
	width:1%;
}

/* 
-----------------------------------
	MIX TEXT
-----------------------------------
*/

.text-color-bootstrap3 {
	color:#563D7C !important;
}

.text-green {
	color:#A3D110;
}

.text-red {
	color:#F83A16;
}

.text-uppercase {
	text-transform: uppercase !important;
}

.text-xs {
	font-size:70%;
}


/* 
-----------------------------------
	PAGE-HEADER
-----------------------------------
*/

.page-header-lg {
	margin: 50px 0 30px;
}

/* 
-----------------------------------
	NAV
-----------------------------------
*/

	.nav-sm > li > a {
		padding-top:7px;
		padding-bottom:7px;
	}
	
	
	/* 
	-----------------------------------
		NAV-STACKED
	-----------------------------------
	*/
	
	.nav-stacked .nav-stacked {
		margin-top: 2px;
	}
	
	.nav-stacked li.active > .nav-stacked {
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom:1px solid #eee;
	}
	
	.nav-stacked .nav-stacked > li > a {
		padding-left:30px;
	}
	
	.nav-stacked .nav-stacked .nav-stacked > li > a {
		padding-left:45px;
	}
	
	.nav-fixed .nav {
		top:5px;
	}
	
	.nav-fixed.nav-spy .nav-stacked {
		overflow:hidden;
		max-height:0;
		-webkit-transition: max-height 0.7s ease-out;
          		transition: max-height 0.7s ease-out;
	}
	.nav-fixed.nav-spy > .nav-stacked,
	.nav-fixed.nav-spy .nav-stacked li.active > .nav-stacked {
		max-height:500px;
	}
		

	/* 
	-----------------------------------
		TABS
	-----------------------------------
	*/
	
	.nav-tabs + .tab-content {
		margin-top:10px;
	}
	
	.nav-tabs-panel {
		border-bottom:0;
	}
	
	.nav-tabs-panel + .tab-content {
		border:1px solid #ddd;
		border-radius:0 4px 4px 4px;
		margin-top:0;
		padding:15px;
	}
	
	.nav-tabs-panel.nav-justified + .tab-content {
		border-radius:0 0 4px 4px;
		margin-top:-1px;
	}
	
	.nav-tabs-all > li > a {
		background-color:#FAFAFA;
		border-color: #EEEEEE #EEEEEE #DDDDDD;
	}
	
	.nav-tabs.nav-justified > li {
		padding-right:2px;
	}
	.nav-tabs.nav-justified > li:last-child {
		padding-right:0;
	}
	
	
/* 
-----------------------------------
	PANEL
-----------------------------------
*/

.panel.panel-shadowed {
	border:0;
	box-shadow:0 1px 2px rgba(0,0,0,0.15);
}

.panel-border-top-radius-lg {
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}

	/* 
	-----------------------------------
		PANEL HEADING
	-----------------------------------
	*/
	
	.panel .panel-heading {
		border-top-right-radius: 2px;
		border-top-left-radius: 2px;
	}
	
	.panel .panel-heading-lg {
		padding-top:15px;
		padding-bottom:15px;
	}
	
	.panel-border-top-radius-lg .panel-heading {
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
	}
	
	.panel.panel-default > .panel-heading {
		color:#777;
	}
	
	.panel .panel-heading-shadowed {
		margin-left:-1px;
		margin-right:-1px;
		box-shadow: 2px 4px 0 0 rgba(0, 0, 0, 0.05) inset;
	}
	
	.collapse.panel,
	.collapsing.panel {
		border:0;
		margin:0;
		border-radius:0;
	}
	
	.collapse.panel .panel-heading,
	.collapsing.panel .panel-heading {
		border-radius:0;
	}

/* 
-----------------------------------
	LIST-GROUP
-----------------------------------
*/


.panel-collapse > .list-group {
  margin-bottom: 0;
}

.panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

/* 
-----------------------------------
	TABLE
-----------------------------------
*/

.table-title-aligned tr > *:first-child {
	padding-left:15px;
}

.table tr > td + th {
	border-left:1px solid #ddd;
	padding-left:15px;
}

.table-title-aligned tr > *:first-child {
	padding-left:15px;
}
	

/* 
-----------------------------------
	DATA TABLE
-----------------------------------
*/

.dataTables_wrapper .well label {
	margin-bottom:0;
}

.dataTable .btn-link:hover {
	background-color:#EEE;
}

.dataTable.table-hover .btn-link:hover {
	background-color:#E2E2E2;
}

.dataTable.table-hover .btn-link.disabled {
	color:#BBB;
}


	/* 
	-----------------------------------
		LEGEND
	-----------------------------------
	*/
	
	.dataTables_wrapper + .legend {
		margin-top:5px;
		text-align:center;
	}
	
	.legend .legend-title {
		margin:0 auto;
		position:relative;
		display:inline-block;
		top:5px;
	}
	
	.legend .legend-title + * {
		clear: both;
		display: block;
	}
	
	.legend .legend-list {
		margin-bottom:0;
	}
	
	.legend .legend-list li {
		border-right: 1px solid rgba(0,0,0,0.3);
		padding-right:15px;
		margin-right:2px;
	}
	
	.legend .legend-list li:last-child {
		border-right: 0;
		padding-right:0;
		margin-right:0;
	}
	
	.legend .legend-list li .btn {
		margin-right:3px;
	}

/* 
-----------------------------------
	FORM
-----------------------------------
*/

form [type=file].form-control {
	padding-left:5px;
	height:auto;
}

form .fieldset-border {
	padding:15px;
	border:1px solid #eee;
	border-radius:4px;
	margin-bottom:20px;
}

form .fieldset-border legend {
	margin:0;
	border:0;
	padding:0 5px;
	display:inline-block;
	width:auto;
	margin-left:-5px;
	color:#bbb;
}

.form-horizontal-left .control-label {
	text-align: left;
}

.form-horizontal-left .control-label .glyphicon {
	color:rgba(0,0,0,0.10);
	position:relative;
	top:3px;
	left:8px;
}

.form-inline .form-divider {
	width: 1px;
	height:26px;
	margin: 0 9px;
	display:inline-block;
	overflow: hidden;
	background-color: #e5e5e5;
	vertical-align:middle;
}

.required:after {
	content:"*";
	color:orange;
	margin-left:3px;
}

/* 
-----------------------------------
	POPOVER
-----------------------------------
*/

.popover-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d;
}
.popover-success.top>.arrow,
.popover-success.top>.arrow:after {
	border-top-color: #d6e9c6;
}

.popover-success.bottom>.arrow,
.popover-success.bottom>.arrow:after {
	border-bottom-color: #d6e9c6;
}

.popover-success.left>.arrow ,
.popover-success.left>.arrow:after {
	border-left-color: #d6e9c6;
}

.popover-success.right>.arrow,
.popover-success.right>.arrow:after {
	border-right-color: #d6e9c6;
}

/* 
-----------------------------------
	SCROLL TO TOP
-----------------------------------
*/

.scroll-to-top {
	position:fixed !important;
	z-index:1000;
	overflow:hidden;
	max-height:0;
	bottom:5px;
	right:5px;
	opacity:0.70;
	-webkit-transition: max-height 0.6s ease-out;
          	transition: max-height 0.6s ease-out;
}

.scroll-to-top .btn {
	border:0;
	background:#2D424E;
	-webkit-transition: background 0.2s ease-out;
          	transition: background 0.2s ease-out;
}

.scroll-to-top .btn > .glyphicon {
	color:#fff;
}

.scroll-to-top .btn:hover {
	background:#fff;
}

.scroll-to-top .btn:hover > .glyphicon {
	color:#2D424E;
}

.scroll-to-top.affix {
	overflow:hidden;
	max-height:100px;
}

@media (min-width: 768px) {
	
	.navbar-sm .navbar-brand {
		height:42px;
		padding:11px;
	}
	
	.scroll-to-top >.btn {
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.33;
		border-radius: 6px;
	}

}

@media (max-width: 767px) {
	
	body {
	box-shadow: none;
	}
	
	.table-responsive {
		border:0;
		position:relative;
	}
	
	.navbar .navbar-header:hover {
		background-color:#F0F0F0;
	}
	
	.navbar .navbar-header:hover .navbar-toggle {
		background-color:#E2E2E2;
	}
}