html, body {
  height: 100%; }

body {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  background-color: #FAFAFA; }

a {
  color: #1873bc; }

.wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -60px;
  padding: 0 0 60px; }
  .wrap > .container {
    padding: 70px 15px 20px; }
  .wrap > .fixed-container {
    padding: 50px 15px 20px; }

.footer {
  height: 60px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  padding-top: 20px; }

.jumbotron {
  text-align: center;
  background-color: transparent; }
  .jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px; }

.not-set {
  color: #c55;
  font-style: italic; }

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 5px; }

a.asc:after {
  content: "\e151"; }

a.desc:after {
  content: "\e152"; }

.sort-numerical a.asc:after {
  content: "\e153"; }

.sort-numerical a.desc:after {
  content: "\e154"; }

.sort-ordinal a.asc:after {
  content: "\e155"; }

.sort-ordinal a.desc:after {
  content: "\e156"; }

.kv-grid-container {
  padding: 2px; }

.hint-block {
  display: block;
  margin-top: 5px;
  color: #999; }

.error-summary {
  color: #a94442;
  background: #fdf7f7;
  border-left: 3px solid #eed3d7;
  padding: 10px 20px;
  margin: 0 0 15px 0; }

/* align the logout "link" (button in form) of the navbar */
.nav li a {
  padding-left: 9px;
  padding-right: 9px; }
  .nav li a.exclamation {
    background-color: yellow;
    color: red !important; }

.nav li > form > button.logout {
  padding: 15px;
  border: none; }

.nav > li > form > button.logout:focus, .nav > li > form > button.logout:hover {
  text-decoration: none; }

.nav > li > form > button.logout:focus {
  outline: none; }

@media (max-width: 767px) {
  .nav li > form > button.logout {
    display: block;
    text-align: left;
    width: 100%;
    padding: 10px 15px; } }

.red-text {
  color: #d30000 !important; }

.gray-text {
  color: #898989 !important; }

.btn {
  border-radius: 2px;
  /*@include shadow-z1;*/
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), color 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
  .btn:hover {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2); }

.btn-add {
  width: 34px;
  height: 34px;
  border-radius: 17px;
  font-size: 20px;
  line-height: 20px;
  padding-left: 11px; }

.btn-danger {
  background-color: #E53935;
  border-color: transparent; }

.btn-danger:hover {
  background-color: #D32F2F;
  border-color: transparent; }

.btn-primary {
  background-color: #2196F3;
  border-color: transparent; }

.btn-primary:hover {
  background-color: #1E88E5;
  border-color: transparent; }

.btn-success {
  background-color: #4CAF50;
  border-color: transparent; }

.btn-success:hover {
  background-color: #43A047;
  border-color: transparent; }

.btn-orange {
  background-color: #FF7D23;
  border-color: transparent;
  color: #fff; }

.btn-orange:hover {
  background-color: #f76d11;
  border-color: transparent;
  color: #fff; }

nav.navbar-inverse {
  background-color: #2196F3;
  border-color: #2196F3;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
  nav.navbar-inverse .navbar-header * {
    color: white;
    font-weight: 500;
    font-size: 14px; }
  nav.navbar-inverse .navbar-nav > li > a,
  nav.navbar-inverse .logout {
    color: white;
    font-weight: 500;
    font-size: 14px; }
  nav.navbar-inverse .navbar-nav .active a, nav.navbar-inverse .navbar-nav .active a:hover {
    background-color: #64B5F6; }
  nav.navbar-inverse .navbar-nav a {
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), color 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
  nav.navbar-inverse .navbar-nav a:hover {
    background-color: #64B5F6; }

.navbar-fixed-top {
  border-width: 0; }

.tooltip-inner {
  text-align: left; }

.results {
  font-size: 15px;
  margin: 5px;
  float: right; }
  .results .label-results {
    font-weight: 500; }

.breadcrumb {
  border-radius: 0px;
  padding: 10px 15px;
  margin-bottom: 10px;
  background-color: #E0E0E0; }
  .breadcrumb li, .breadcrumb li * {
    font-weight: 500; }
  .breadcrumb li.active {
    color: #424242; }

.breadcrumb > li + li:before {
  color: #424242; }

.wrap > .container {
  padding: 50px 15px 20px; }

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 10px; }

table.table-gbordered.table {
  border-radius: 2px;
  background-color: #fff; }
  table.table-gbordered.table thead {
    background: #FAFAFA; }
    table.table-gbordered.table thead tr {
      font-weight: 500; }
  table.table-gbordered.table tbody {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  table.table-gbordered.table td, table.table-gbordered.table th {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    vertical-align: middle;
    /*        padding-top: 2px !important;
                padding-bottom: 2px !important;*/
    padding: 4px 4px !important; }
  table.table-gbordered.table tr:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); }
    table.table-gbordered.table tr:hover td {
      background: #EEEEEE; }
  table.table-gbordered.table th, table.table-gbordered.table th * {
    color: #757575 !important;
    font-size: 11px;
    color: #2B2B2B; }
  table.table-gbordered.table th a {
    font-weight: 500; }
  table.table-gbordered.table td {
    font-size: 12px;
    font-weight: 400;
    color: #2B2B2B; }

.table > thead > tr > th {
  border-bottom: 0;
  height: 35px !important; }

.table-gbordered.table .md-checkbox {
  position: relative;
  margin: 0px 10px 0px 0px; }
  .table-gbordered.table .md-checkbox label {
    cursor: pointer;
    margin: 0 !important; }
    .table-gbordered.table .md-checkbox label:before, .table-gbordered.table .md-checkbox label:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0; }
    .table-gbordered.table .md-checkbox label:before {
      width: 20px;
      height: 20px;
      background: #fff;
      border: 2px solid rgba(0, 0, 0, 0.54);
      border-radius: 2px;
      cursor: pointer;
      transition: background .3s; }
  .table-gbordered.table .md-checkbox input[type="checkbox"] {
    /*        outline: 0;
        margin-right: $md-checkbox-size - 10px;
        width: 8px;*/
    display: none; }
    .table-gbordered.table .md-checkbox input[type="checkbox"]:checked + label:before {
      background: #337ab7;
      border: none; }
    .table-gbordered.table .md-checkbox input[type="checkbox"]:checked + label:after {
      transform: rotate(-45deg);
      top: 5px;
      left: 4px;
      width: 12px;
      height: 6px;
      border: 2px solid #fff;
      border-top-style: none;
      border-right-style: none; }

.form-control {
  padding: 6px 6px;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 12px;
  height: 30px; }
  .form-control[readonly] {
    background: white;
    cursor: text; }

.sprawy-index .kv-drp-dropdown, .kontakt-index .kv-drp-dropdown, .email-wyslane-index .kv-drp-dropdown {
  display: flex;
  width: 112px;
  margin: auto; }

.edit-group {
  margin-bottom: 20px; }

.form label {
  font-size: 11px;
  margin-top: 16px;
  margin-bottom: 6px; }

.pagination > li > a {
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), color 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
  .pagination > li > a:hover {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2); }

.pagination > li:first-child > a, .pagination > li:first-child > span {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

.sprawy-form fieldset, .kontakt-form fieldset {
  margin-top: 20px;
  background-color: white;
  border-radius: 2px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); }
  .sprawy-form fieldset table.table, .kontakt-form fieldset table.table {
    margin: 0; }
    .sprawy-form fieldset table.table th, .kontakt-form fieldset table.table th {
      vertical-align: middle; }

.sprawy-form legend, .kontakt-form legend {
  margin-bottom: -17px;
  padding-right: 5px;
  border-bottom: none; }

.form-group {
  margin-bottom: -13px; }

.select2-container--krajee .select2-selection {
  border-radius: 2px;
  font-size: 12px;
  color: black; }

.select2-container--krajee .select2-selection--single {
  height: 30px; }

.select2-container--krajee .select2-selection--single .select2-selection__arrow {
  height: 28px; }

.select2-container--krajee .select2-selection--single .select2-selection__placeholder {
  color: #555; }

.first-col {
  display: inline-block;
  width: 100%;
  background-color: white;
  margin: 25px 0px;
  padding-bottom: 25px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); }

a.sprawa-remove-notatka-button,
a.sprawa-remove-zadanie-button,
a.kontakt-remove-telefon-button,
a.kontakt-remove-notatka-button,
a.kontakt-remove-email-button {
  line-height: 30px; }

.site-index .jumbotron h1 {
  color: #575656 !important;
  font-weight: 100;
  margin-top: 85px;
  margin-bottom: 20px; }
  .site-index .jumbotron h1 .ver {
    font-size: 12px;
    font-weight: 400; }

.site-index img.logo {
  margin: auto;
  display: block;
  width: 390px; }

.analiza-finansowa-index table.table-gbordered.table td {
  font-size: 10px; }

.analiza-finansowa-index td.footer-row {
  height: 25px;
  font-weight: bold !important;
  background: #F9F9F9; }

.analiza-finansowa-index .cell-red {
  color: #ad0101 !important; }

.filter {
  margin-top: 20px;
  margin-bottom: 20px; }

.view .view-box {
  /*border-radius: 2px;*/
  /*@include shadow-z1;*/
  /*background-color: #fff;*/
  display: inline-block;
  /*padding: 15px;*/
  width: 100%; }
  .view .view-box .view-label {
    color: black;
    font-weight: bold;
    display: block; }

.bootstrap-switch-orange {
  background: #EF7F1A;
  color: white; }

.bootstrap-switch-green {
  background: #4CAF50;
  color: white; }

.bootstrap-switch-red {
  background: #E53935;
  color: white; }

.text-orange {
  color: #EF7F1A; }

.text-green {
  color: #4CAF50; }

.text-red {
  color: #E53935 !important; }

.text-darkred {
  color: #a20400 !important; }

.text-black {
  color: black !important; }

.text-bold, .text-bold * {
  font-weight: bold !important; }

.text-small {
  font-size: 10px; }

.text-doc {
  color: #2B5796; }

.text-xls {
  color: #1E7145; }

.text-pdf {
  color: #BF1900; }

.text-yellow {
  color: #F3CE4A; }

.fa-1_5 {
  font-size: 1.5em; }

.phone-label {
  display: inline-block;
  width: 60px;
  text-align: right; }

.phone {
  display: inline-block;
  width: 120px;
  text-align: left;
  margin-left: 5px; }

.email-wyslane-view .row-value {
  width: 100%;
  display: table;
  margin: 1px 0; }

.email-wyslane-view .label {
  color: black;
  font-size: inherit;
  display: table-cell;
  /*width: 9%;*/
  width: 100px;
  text-align: right;
  vertical-align: top;
  line-height: 26px; }

.email-wyslane-view .value {
  padding: 6px 6px;
  border-radius: 2px;
  background: #FAFAFA;
  display: table-cell;
  /*max-width: 100%;*/
  line-height: 1.42857143;
  color: #555;
  border: 1px solid #ccc; }

.flash-error {
  color: black;
  background: #F5F5F5;
  padding: 40px;
  font-size: 20px;
  /*margin: 20px auto;*/
  max-width: 90%;
  text-align: center;
  border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border: 4px solid #ff7a7a;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 10; }

.plik-index .glyphicon {
  margin: 0 3px; }

.block {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  padding: 10px 10px 1px 10px;
  background: #FFFFFF;
  border-radius: 2px;
  margin-top: 18px; }
  .block h3 {
    font-size: 16px;
    background: #818181;
    color: #ffffff;
    font-weight: 400;
    padding: 10px;
    margin: -10px -10px 10px -10px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px; }
  .block strong a {
    border-bottom: 1px solid #eee;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 13px; }
  .block .table.table-gbordered {
    /*        margin-bottom: 10px;*/ }
    .block .table.table-gbordered td, .block .table.table-gbordered th {
      border-bottom: none;
      border-top: none; }
  .block .zadania .text-small, .block .zadanie .text-small {
    color: #818181;
    margin-top: 2px; }
  .block .zadanie {
    border-radius: 10px;
    border: 1px solid #eee;
    padding: 8px;
    margin-bottom: 10px;
    background: #FCFCFC;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); }
    .block .zadanie:hover {
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2); }

.block-exp {
  margin-left: -15px;
  margin-right: -15px; }
  .block-exp .block {
    display: flow-root;
    padding: 10px 0px 1px 0px;
    margin-left: 30px;
    margin-right: 30px; }
    .block-exp .block h3 {
      margin: -10px -15px 10px -15px; }

.nav-notifications .notifications-list {
  font-size: 12px; }

.nav-notifications .footer {
  padding: 5px;
  height: 30px; }

.nav-notifications .notification-item {
  padding: 2px 60px 2px 5px;
  background-color: #ececfc; }

.bootstrap-dialog.type-warning .modal-header {
  background-color: #f0ad4e;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #fff;
  font-size: 16px; }

.bootstrap-dialog.type-warning .btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }

.bootstrap-dialog.type-warning .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }