.csm.btn {
  padding: 0 15px;
  font-size: 13px;
  line-height: 28px;
  border-radius: 3px;
  float:left;
}
.csm.btn-primary {
  color: #fff;
  background-color: #080;
  border-color: #080;
}
.csm.btn-primary:hover {
  color: #000;
  background-color: #fb0;
  border-color: #fb0;
}
.csm.btn-primary:focus, 
.csm.btn-primary.focus {
  box-shadow:0;
}
.csm.btn-primary.disabled, 
.csm.btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.csm.btn-primary:not(:disabled):not(.disabled):active, 
.csm.btn-primary:not(:disabled):not(.disabled).active,
.csm.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.csm.btn-primary:not(:disabled):not(.disabled):active:focus, 
.csm.btn-primary:not(:disabled):not(.disabled).active:focus,
.csm.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none !important;
}


.csm.btn-info {
  color: #333;
  background-color: #eee;
  border-color: #ccc;
}
.csm.btn-info:hover {
  color: #fff;
  background-color: #666;
  border-color: #666;
}
.csm.btn-info:focus, 
.csm.btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.csm.btn-info.disabled, 
.csm.btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.csm.btn-info:not(:disabled):not(.disabled):active, 
.csm.btn-info:not(:disabled):not(.disabled).active,
.csm.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}
.csm.btn-info:not(:disabled):not(.disabled):active:focus, 
.csm.btn-info:not(:disabled):not(.disabled).active:focus,
.csm.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}




.csm.btn-xs, 
.csm.btn-group-xs > .btn {
  padding: 0 8px;
  font-size: 12px;
  line-height: 20px;
  border-radius: 0;
}

.csm .bg-dark {
  background-color: #000 !important;
}
.csm a.bg-dark:hover, 
.csm a.bg-dark:focus,
.csm button.bg-dark:hover,
.csm button.bg-dark:focus {
  background-color: #000 !important;
}
.csm .navbar-dark .navbar-brand {
  color: #fff !important;
  font-size:20px !important;
  padding-left:10px;
}
.csm .navbar-dark .navbar-brand:hover, 
.csm .navbar-dark .navbar-brand:focus { 
  color: #fff !important;
}
.csm .navbar-dark .navbar-nav .nav-link {
  color:#fff !important;
}
.csm .navbar-dark .navbar-nav .nav-link i {
  color:#fff !important;
}
.csm .navbar-dark .navbar-nav .nav-link:hover, 
.csm .navbar-dark .navbar-nav .nav-link:active, 
.csm .navbar-dark .navbar-nav .nav-link:focus {
  background: #080;
  color:#fff !important;
}
.csm .navbar-dark .navbar-nav .nav-item.active > .nav-link {
  background: #080;
  color:#fff !important;
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: #ccc;
  font-style: italic;
}
.csm .navbar-dark .navbar-nav .show > .nav-link,
.csm .navbar-dark .navbar-nav .active > .nav-link,
.csm .navbar-dark .navbar-nav .nav-link.show,
.csm .navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.csm .navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.csm .navbar-dark .navbar-text a {
  color: #fff;
}
.csm .navbar-dark .navbar-text a:hover, 
.csm .navbar-dark .navbar-text a:focus {
  color: #fff;
}
.csm .navbar {
  	padding:0 !important;
	position:fixed;
	top:45px;
	xtop:0;
	height:40px;
	width:100%;
	color:#fff;
	background:#000;
	padding:0;
	z-index:101;
	z-index:999 !important;

}
.csm .navbar .nav-link {
  display: block;
  padding: 0;
}

.csm .navbar .nav-link:hover, 
.csm .navbar .nav-link:focus {
  text-decoration: none;
}
.csm .navbar .nav-link.disabled {
  color: #6c757d;
}
.csm .navbar .navbar-nav .nav-item {
  padding:0 !important;
  margin:0 !important;
}
.csm .navbar .navbar-nav .nav-item .nav-link {
  margin-right:1px;
  padding:0 12px;
  line-height:40px;
}
.csm .navbar .navbar-nav .nav-item .nav-link i {
  margin-right:1px;
  padding:0;
  line-height:40px;
}
.csm .navbar .navbar-nav .nav-item .navbar-brand {
  color: #fff;
  font-size:20px;
  padding-left:10px;
}

.csm .ml-auto .dropdown-menu {
    left: auto !important;
    right: 0px;
}
.csm .dropdown-menu {
  	top: 39px;
	padding: 2px;
	xcolor: red;
	border: 0px solid rgba(0, 0, 0, 0.15);
	border-radius: 0;
	box-shadow:0 0 15px rgba(0,0,0,0.2); 
}
.csm .dropdown-item {
  padding: 3px 20px 3px 15px;
  color: #000;
}
.dropdown-item:hover, 
.csm .dropdown-item:focus {
  color: #fff !important;
  background-color: #080;
}
.csm .dropdown-item.active, 
.csm .dropdown-item:active {
  color: #fff;
  background-color: #080;
}


.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
	border: 1px solid transparent;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	background:rgba(0,0,0,0.03);
	margin-right: 2px;
	font-weight:600 !important;
  	padding:8px 12px;

}
.nav-tabs .nav-link:hover, 
.nav-tabs .nav-link:focus {
  border-color: #ddd #ddd #ddd;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #ddd #ddd #fff;
}

.csm.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none !important;
}

.chBig {
	width: 16px;
	height: 16px;
	margin:0 !important;
	margin-top: 5px !important;
}
.chRed {
	accent-color: #c00 !important;
}