// $Id: _tiki-selectors.scss 67242 2018-08-22 09:28:48Z chibaguy $
// This file is for additional LESS rules beyond what are in variables.scss.

.topbar {
	border-radius: $border-radius;
	border: 1px solid #aaaaaa;
	margin-bottom: 20px;
}

.topbar {
	.nav > li > a {
		border-right: 1px solid #aaaaaa;
		font-weight: bold;
	}

	.nav > li:first-of-type > a {
		border-left: none;
	}
}

.topbar,
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
//.navbar-dark .navbar-form,
.card-header,
.navbar-dark .navbar-collapse,
//.navbar-dark .navbar-brand,
.tiki .bg-dark {
  background-image: -webkit-linear-gradient(top, #e3e3e3 0%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #e3e3e3 0%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #e3e3e3 0%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe3e3e3', endColorstr='#ffcccccc', GradientType=0);
}

.navbar-dark .navbar-brand {
  color: $primary;
}

.topbar .nav-link {
  border-right: 1px solid #aaaaaa;
  font-weight: bold;
}

.topbar .nav-link:first-of-type {
  border-left: none;
}

.nav-link {
  padding: 0.7rem 1rem;
}

.card-header {
  margin: 3px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.card-title {
	font-weight: bold;
	font-size: 1rem;
}

.card-body h4 { font-size: 1rem; }

.btn-primary,
.btn-secondary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(46%, #f2f2f2), color-stop(50%, #e6e6e6), color-stop(50%, #eeeeee), color-stop(100%, #eeeeee));
	background: -webkit-linear-gradient(top, #f2f2f2 0%, #f2f2f2 46%, #e6e6e6 50%, #eeeeee 50%, #eeeeee 100%);
	background: -o-linear-gradient(top, #f2f2f2 0%, #f2f2f2 46%, #e6e6e6 50%, #eeeeee 50%, #eeeeee 100%);
	background: linear-gradient(to bottom, #f2f2f2 0%, #f2f2f2 46%, #e6e6e6 50%, #eeeeee 50%, #eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#eeeeee', GradientType=0);
  color: #333;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-warning:hover,
.btn-danger:hover {
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(50%,#eeeeee), color-stop(50%,#e6e6e6), color-stop(54%,#f2f2f2), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 50%,#e6e6e6 50%,#f2f2f2 54%,#f2f2f2 100%);
	background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 50%,#e6e6e6 50%,#f2f2f2 54%,#f2f2f2 100%);
	background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 50%,#e6e6e6 50%,#f2f2f2 54%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f2f2f2',GradientType=0 );
  color: #333;
}

.btn-primary:disabled,
.btn-secondary:disabled,
.btn-success:disabled,
.btn-info:disabled,
.btn-warning:disabled,
.btn-danger:disabled,
.btn-primary.disabled,
.btn-secondary.disabled,
.btn-success.disabled,
.btn-info.disabled,
.btn-warning.disabled,
.btn-danger.disabled { color: lighten(#333, 10%);}

.show > .btn-primary.dropdown-toggle {
  color: #333333;
}

.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-info,
.btn-outline-warning,
.btn-outline-danger {
  background: transparent;
}