.clients-list .tab-pane {
  height: inherit;
}


/* Pokolorwanie obramowania na czerwono - odcien Zamel */
.form-control:focus, .single-line:focus {
     border-color: #ff6961 !important;

}


.label-red { background-color: #ff6961; color: #fff }
.label-orange { background-color: #ffb347; color: #fff }
.label-yellow { background-color: #fdfd96; color: #000 }
.label-green { background-color: #77dd77; color: #030 }
.label-darkgreen { background-color: #03c03c; color: #fff }
.label-brown { background-color: #836953; color: #fff }
.label-blue { background-color: #aec6cf; color: #fff }
.label-bluemagenta { background-color: #cb99c9; color: #fff }
.label-magenta { background-color: #f49ac2; color: #fff }

span.colorpicker {
    cursor: pointer;
    line-height: 2.5em;
}
span.colorpicker span {
    padding: 5px;
}
.big-checkbox .checkbox { font-size: 1.25em }

/* Nadpisujemy dl.dl-horizontal - wszystkim dajemy odstęp na dole 1em, bo to co jest standarowo jest zbyt ciasne */
dl.dl-horizontal dd { margin-bottom: 0.5em }

/* Potrzebne ze względu na błędny rendering select2 w tabach bootstrap */
.select2 {
  width: 100%!important;
}

/* Minimalna szerokość dla kolumn w tabelach, żeby nie były większe niż szerokość elementu wewn. */
.min-width { width: 1%; white-space: nowrap; }

/* Odstęp na dole - przydaje się przy przyciskach i elementach formularza, żeby się nie stykały w pionie
   po dostosowaniu do mniejszego rozmiaru */
.bottom1em { padding-bottom: 1em; }

/* Poprawka do styli clockpicker - z-index jest zbyt niski i clockpicker wyświetla się pod modalem, zamiast nad */
.clockpicker-popover {
    z-index: 999999 !important;
}

/* Poprawka dla styli multiselect chosen - tak, aby placeholder był w pełni widoczny (widać tylko parę pierwszych liter) */
li.search-field {
    width: 100%;
}
li.search-field input.default {
    width: auto !important;
}

.top-navigation .navbar-brand {
  background: #ec4758;
  color: #fff;
  padding: 15px 25px;
}


.top-navigation .nav > li.active > a {
  color: #ec4758;
}


top-navigation #page-wrapper {
  margin-left: 0;
}
.top-navigation .navbar-nav .dropdown-menu > .active > a {
  background: white;
  color: #ec4758;;
  font-weight: bold;
}
.white-bg .navbar-fixed-top,
.white-bg .navbar-static-top {
  background: #fff;
}
.top-navigation .navbar {
  margin-bottom: 0;
}
.top-navigation .nav > li > a {
  padding: 15px 20px;
  color: #676a6c;
}
.top-navigation .nav > li a:hover,
.top-navigation .nav > li a:focus {
  background: #fff;
  color: #ec4758;;
}
.top-navigation .nav > li.active {
  background: #fff;
  border: none;
}
.top-navigation .nav > li.active > a {
  color: #ec4758;;
}
.top-navigation .navbar-right {
  margin-right: 10px;
}
.top-navigation .navbar-nav .dropdown-menu {
  box-shadow: none;
  border: 1px solid #e7eaec;
}
.top-navigation .dropdown-menu > li > a {
  margin: 0;
  padding: 7px 20px;
}
.navbar .dropdown-menu {
  margin-top: 0;
}
.top-navigation .navbar-brand {
  background: #ec4758;;
  color: #fff;
  padding: 15px 25px;
}
.top-navigation .navbar-top-links li:last-child {
  margin-right: 0;
}
.top-navigation.mini-navbar #page-wrapper,
.top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper,
.mini-navbar .top-navigation #page-wrapper,
.body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper,
.canvas-menu #page-wrapper {
  margin: 0;
}
.top-navigation.fixed-nav #wrapper,
.fixed-nav #wrapper.top-navigation {
  margin-top: 50px;
}
.top-navigation .footer.fixed {
  margin-left: 0 !important;
}
.top-navigation .wrapper.wrapper-content {
  padding: 40px;
}
.top-navigation.body-small .wrapper.wrapper-content,
.body-small .top-navigation .wrapper.wrapper-content {
  padding: 40px 0 40px 0;
}
.navbar-toggle {
  background-color: #ec4758;;
  color: #fff;
  padding: 6px 12px;
  font-size: 14px;
}

.html5buttons a {

    margin-right:4px;
    /*background-color:#ec4758;*/
}