body {
  background-color: #262626;
}
#page-wrapper {
  background-color: #262626;
  color:#b4bcc8;
}
@media (min-width: 768px) {
  #page-wrapper {
	
	border-left: 1px solid #262626;
	
  }
}
.sidebar ul li {
  border-bottom: 1px solid #e7e7e7;
}
.sidebar ul li a.active {
  background-color: #eeeeee;
}
.btn-outline {
  color: inherit;
  background-color: transparent;
  transition: all .5s;
}
.btn-primary.btn-outline {
  color: #428bca;
}
.btn-success.btn-outline {
  color: #5cb85c;
}
.btn-info.btn-outline {
  color: #5bc0de;
}
.btn-warning.btn-outline {
  color: #f0ad4e;
}
.btn-danger.btn-outline {
  color: #d9534f;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
  color: white;
}
.chat li {
 
  border-bottom: 1px dotted #999999;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background: transparent;
}
.show-grid [class^="col-"] {
  border: 1px solid #ddd;
  background-color: #eee !important;
}
.panel-green {
  border-color: #5cb85c;
}
.panel-green > .panel-heading {
  border-color: #5cb85c;
  color: white;
  background-color: #5cb85c;
}
.panel-green > a {
  color: #5cb85c;
}
.panel-green > a:hover {
  color: #3d8b3d;
}
.panel-red {
  border-color: #d9534f;
}
.panel-red > .panel-heading {
  border-color: #d9534f;
  color: white;
  background-color: #d9534f;
}
.panel-red > a {
  color: #d9534f;
}
.panel-red > a:hover {
  color: #b52b27;
}
.panel-yellow {
  border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
  border-color: #f0ad4e;
  color: white;
  background-color: #f0ad4e;
}
.panel-yellow > a {
  color: #f0ad4e;
}
.panel-yellow > a:hover {
  color: #df8a13;
}
.timeline:before {
  
  background-color: #eeeeee;
}
.timeline > li > .timeline-panel {
 
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
 
  border-top: 15px solid transparent;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #ccc;
}
.timeline > li > .timeline-panel:after {
 
  border-top: 14px solid transparent;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  border-left: 14px solid #fff;
}
.timeline > li > .timeline-badge {
  
  color: #fff;
  background-color: #999999;
}
.timeline-badge.primary {
  background-color: #2e6da4 !important;
}
.timeline-badge.success {
  background-color: #3f903f !important;
}
.timeline-badge.warning {
  background-color: #f0ad4e !important;
}
.timeline-badge.danger {
  background-color: #d9534f !important;
}
.timeline-badge.info {
  background-color: #5bc0de !important;
}
.timeline-title {
 
  color: inherit;
}
.navbar-default {
    background-image: -webkit-linear-gradient(top,#282828,#191919);
    border-color: #191919;
}
.navbar-default .navbar-brand {
    color: #b4bcc8;
}
.navbar-default .navbar-brand:hover{
	color: #b4bcc8;
}
.navbar-default .navbar-brand:active{
	color: #b4bcc8;
}
.navbar-default .navbar-brand:focus{
	color: #b4bcc8;
}
a {
    color: #b4bcc8;
    text-decoration: none;
}
.dropdown-menu{
	background-image:-webkit-linear-gradient(top,#282828,#191919);
}
.dropdown-menu > li > a{
	  color: #b4bcc8;
	  text-decoration: none;
}
.dropdown-menu > li > a:hover{
	background-color:#0e0e0e;
	color: #b4bcc8;
}
.dropdown-menu > li > a:active{
	background-color:#0e0e0e;
	color: #b4bcc8;
}
.dropdown-menu > li > a:focus{
	background-color:#0e0e0e;
	color: #b4bcc8;
}
.navbar-top-links > li > a:hover{
	background-color:#0e0e0e;
	color: #b4bcc8;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav .open > a:active{
	background-color:#0e0e0e;
	color: #b4bcc8;
}
 .nav > li > a:hover, .nav > li > a:focus, .nav > li > a:active{
	background-color:#0e0e0e;
	color: #b4bcc8;
}
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #b4bcc8;
}
.login-prijava-kameleon{
	background-color:#5b5555;
	border-color:#5b5555;
	color: #fff;
}
/*
.login-prijava-kameleon:hover{
	background-color: #262626;
	color:#fff;
	border-color: #262626;
}
.login-prijava-kameleon:active{
	background-color: #262626;
	color:#fff;
	border-color: #262626;
}
.login-prijava-kameleon:focus{
	background-color: #262626;
	color:#fff;
	border-color: #262626;
}
*/
.login-head-kameleon{
	background-color:#555555 !important;
	border-color:#555555 !important;
	color:#fff !important;
	border-radius:5px;
}
.login-panel-kameleon{
	background-color:#555555 !important;
	border-color:#555555 !important;
	color:#fff;
}
.panel-body-login{
	background-color:#555555 !important;
	border-color:#555555 !important;
	
}
.copyright{
	color:#fff;
	text-decoration:none;
}
.copyright > a:hover{
	color:#262626;
}
.copyright > a:active{
	color:#262626;
}
.copyright > a:focus{
	color:#262626;
}
.panel-default > .panel-heading{
	color: #fff;
    background-color: #555555;
    border-color: #555555;	
}
.panel-body{
	background-color:#262626;
}
.form-control{
	background-color: #262626;
    color: #b4bcc8;
}
.input-sm{
	background-color: #262626;
    color: #fff;
}
.panel-default{
	border-color:black;
}
.btn{
	background-color: #E5E5E5;
    border-color: #E5E5E5;
    color: #333333;
	text-shadow:none;
}
.btn-sm{
	background-color: #E5E5E5;
    border-color: #E5E5E5;
    color: #333333;
	text-shadow:none;
}
.table-bordered {
    border: 1px solid #b4bcc8;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #b4bcc8;
}
.table-hover > tbody > tr:hover {
  background-color: #555555;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled]{
    background-color: #6d6666 !important;
    opacity: 1;
}
.select2-container--default .select2-selection--single {
    background-color: #262626 !important;
    border: 1px solid #ccc !important;
    
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa !important;
    background-color: #262626 !important;
}
.select2-container--open .select2-dropdown--below {
    background-color: #262626 !important;
	color:#fff !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #b4bcc8 !important;
    
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #555555 !important;
    color: white !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #555555 !important;
}
hr{
	border-color:#b4bcc8 !important;
}
.select2-dropdown--above{
	background-color: rgb(38, 38, 38) !important;
}
.select2-search__field{
	color:#fff;
}
.select2-results{
	color: #fff;
}
.alert-default{
	color:#333333 !important;
	background-color:#e5e5e5 !important;
	border-color:#b4bcc8 !important;
}
.datepicker.dropdown-menu {
	color: #b4bcc8 !important;
}
.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {

    background-color: black !important
}
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {

     background-color: black !important
}
.datepicker table tr td span:hover {

     background-color: black !important

}
.datepicker table tr td.active.active, .datepicker table tr td span.active.active{
	background-color: black !important
} 
.table > thead > tr > th {
	border-bottom:1px solid #ddd !important;
}
.modal-content{
	background-color: #262626 !important;
    color: #b4bcc8 !important;
}
.modal-header > .close{
	color:#fff !important;
}
textarea{
	background-color:#262626 !important;
	color:#fff;
}
.obojired{
	
	background-color:#555555 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #232323;
    border: 1px solid #aaa;
}
.select2-container--default .select2-selection--multiple {
    background-color: #262626;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #e5e5e5 1px;
}
.aktivantab{
	background-color:#000000 !important;
	border:1px solid #e5e5e5 !important;
}