/*
 * Skin: Dietetyk
 * --------------
 */
.skin-dietetyk .main-header .navbar {
  background-color: #00a65a;
}
.skin-dietetyk .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.skin-dietetyk .main-header .navbar .nav > li > a:hover,
.skin-dietetyk .main-header .navbar .nav > li > a:active,
.skin-dietetyk .main-header .navbar .nav > li > a:focus,
.skin-dietetyk .main-header .navbar .nav .open > a,
.skin-dietetyk .main-header .navbar .nav .open > a:hover,
.skin-dietetyk .main-header .navbar .nav .open > a:focus,
.skin-dietetyk .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-dietetyk .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-dietetyk .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-dietetyk .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-dietetyk .main-header .navbar .sidebar-toggle:hover {
  background-color: #008d4c;
}
@media (max-width: 767px) {
  .skin-dietetyk .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-dietetyk .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-dietetyk .main-header .navbar .dropdown-menu li a:hover {
    background: #008d4c;
  }
}
.skin-dietetyk .main-header .logo {
  background-color: #008d4c;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-dietetyk .main-header .logo:hover {
  background-color: #008749;
}
.skin-dietetyk .main-header li.user-header {
  background-color: #00a65a;
}
.skin-dietetyk .content-header {
  background: transparent;
}

.skin-dietetyk .wrapper,
.skin-dietetyk .main-sidebar,
.skin-dietetyk .left-side {
  background-color: #222d32;
}
.skin-dietetyk .user-panel > .info,
.skin-dietetyk .user-panel > .info > a {
  color: #fff;
}
.skin-dietetyk .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-dietetyk .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-dietetyk .sidebar-menu > li:hover > a,
.skin-dietetyk .sidebar-menu > li.active > a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #00a65a;
}
.skin-dietetyk .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-dietetyk .sidebar a {
  color: #b8c7ce;
}
.skin-dietetyk .sidebar a:hover {
  text-decoration: none;
}
.skin-dietetyk .treeview-menu > li > a {
  color: #8aa4af;
}
.skin-dietetyk .treeview-menu > li.active > a,
.skin-dietetyk .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-dietetyk .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-dietetyk .sidebar-form input[type="text"],
.skin-dietetyk .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}
.skin-dietetyk .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-dietetyk .sidebar-form input[type="text"]:focus,
.skin-dietetyk .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-dietetyk .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-dietetyk .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

.skin-dietetyk .content-wrapper {
  background: #F1F2F5;
  background-image: url("/static/images/back001.jpg");
  background-position: top right;
  background-repeat: repeat;
}

.content-header > h1 { line-height: 0.75em }

.skin-dietetyk #breads { position: absolute; top: 15px; right: 10px }

.dl-large dt { width: 200px; text-overflow: initial; white-space: initial }
.dl-large dd { margin-left: 220px; white-space: pre-line }

a.back { color: #888 !important; text-align: right }

table.planakt { margin: 0 auto; margin-bottom: 1em }
table.planakt td, table.planakt th { border: 1px solid #AAA; text-align: center; padding: 0 }
table.planakt th { padding: 5px 0px }
table.planakt td.d { padding: 5px }
table.planakt th, table.planakt td.d { background: #EEE }
table.planakt.edited input { width: 3.5em; border: none; padding: 5px 0px; text-align: right }
table.planakt.displayed { width: 100% }
table.planakt.displayed td.h { width: 3.75% }

table.upodobania td li { list-style-type: disc; list-style-position: inside }
table.upodobania td a.del { float: right; margin-left: 50px; color: #888 }
table.upodobania td a.del:hover { color: #F22; text-decoration: none }

table.table.jadlospis td { vertical-align: top }
table.table td.dieta-container { padding: 5px; padding-bottom: 0px; }
.dieta-item { padding: 5px; margin-bottom: 5px; cursor: pointer; background: #D9F2FF; border-radius: 5px }
.dieta-item:hover { background: #C1E5FF }
.dieta-add { color: #888; background: #f2f2f2 }
.dieta-add:hover { background: #dfdfdf }
.dieta-item.dieta-skalowane { background: #fff2d9 }
.dieta-item.dieta-skalowane:hover { background: #eee1b9 }
.dieta-potrawa-wartosci { font-size: 80%; margin-top: 5px }
.dieta-wnp, .dieta-wnp:hover { background: transparent; padding: 0 }

table.potrawy tr.skalowana th { background: #fff2d9 }

.big-search-content .row { margin-top: 10px }
.big-search-content input[type="checkbox"] { position: relative; top: 2px }
.big-search-content .autoc-result p { background: #F0F0F0; padding: 0px 5px; border-radius: 4px; margin-top: 2px }
.big-search-content .autoc-result p span { display: inline-block; margin: 0; padding: 0; width: 190px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 20px; vertical-align: middle; }
.big-search-content .autoc-result p a { float: right; line-height: 20px; vertical-align: middle; }
.big-search-content p input[type="number"] { margin: 0 }
.big-search-content .f-row select { margin-right: 1em }

.subform select, .subform input[type="number"] { margin: 0px 10px }
.subform input[type="text"] { margin: 0px 10px }
.subform input[type="file"] { margin: 0px 10px; display: inline-block }

.multiple-checkbox li { list-style-type: none }
.multiple-checkbox li label { font-weight: normal }

.desc .desc-item { margin-bottom: 20px }
.desc .desc-label { font-size: 80%; text-transform: uppercase; color: #777 }
.desc .desc-content { font-size: 110%; white-space: pre-wrap; background: #f8f8f8; border: 1px solid #F0F0F0; padding: 0px 5px  }
.desc .desc-content.desc-edited { white-space: normal }
.desc .desc-content.desc-clean { white-space: unset; padding: 0; font-size: 100% }
.desc .desc-content.desc-clean table { margin-bottom: 0 }
.desc .desc-content.desc-clean table td { border-top: 1px solid #F0F0F0 }
.desc .desc-content.desc-clean table tr:first-child td { border-top: none }

.desc .desc-content.desc-regular { font-size: 100% }

.desc .desc-label.desc-prev { color: #aaa }
.desc .desc-content.desc-prev { color: #888 }

.desc .desc-diff .desc-content { color: #F22 }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.row-eq-height > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.row.desc-diff .box-header h3 { color: #F22 }

.dropdown-menu { box-shadow: 0 6px 12px rgba(0,0,0,.175) }

.send-dev-message ul li { width: 400px; padding: 10px }
.send-dev-message ul li .form-group { margin-bottom: 0 }
.send-dev-message ul li.footer { padding-top: 0 }

.skin-dietetyk .box { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }

.dynamic-form input[type="checkbox"] { margin-left: 1em }

#contact form .g-recaptcha > div { margin: 0 auto }

.help { color: #3c8dbc; cursor: pointer }
.popover-content { font-size: small }

.planakt-set { text-align: center; margin-top: 1em }
.planakt-set .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: normal }
.planakt-set .select2-container { top: -2px }
.planakt-set a.btn { position: relative; top: -2px }

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a { white-space: normal }

.wizytowka-dietetyka { text-align: center }

.skin-dietetyk .inplaceedit.enable { background: transparent }

.skin-dietetyk .inplaceeditform ul { list-style-type: none; padding: 0 }
.skin-dietetyk .inplaceeditform input[type="checkbox"] { min-width: 10px; display: inline-block }

div.g-recaptcha {
  margin: 0 auto;
  width: 304px;
}

.loweralpha, .loweralpha li { list-style-type: lower-alpha }

.upodobanie-item { border: 1px solid #DDD; border-radius: 2px; background: #F2F2F2; padding: 5px 8px; margin-bottom: 5px }
.upodobanie-item a { color: inherit }

.badge-light { font-weight: normal; background-color: #888; color: #FFF !important; margin-right: 0; padding: 2px 6px; font-size: 11px }
.badge.badge-light.bg-gray { color: #666 !important; background: #f2f2f2 !important }
.jadlospis .fa-check.text-green { font-size: 8px }

.nav.nav-pills.nav-stacked li a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.box.box-solid > .box-header .checkbox .btn.btn-default { background: #F4F4F4 }

.context-menu-list.context-menu-root { z-index: 1000000 !important }

#events { padding-bottom: 20px; max-height: 365px; overflow-y: auto; }
#events-list { margin-bottom: 0px; }
.events-list-item { color: #3c8dbc; cursor: pointer; }
.events-list-item:hover { color: #72afd2; }
#event-detail-members { list-style-type: none; padding-inline-start: 0px; }
#event-detail-header { overflow-wrap: break-word; }
.event-selected { background-color: #00a65a; border-color: #008d4c; }

.skin-dietetyk .select2-selection { border: 1px solid #d2d6de !important; border-radius: 0 !important; padding: 0; height: auto !important }
.skin-dietetyk .select2-container--default .select2-selection--multiple .select2-selection__choice { color: #333; border: 1px solid #d2d6de; background: #f4f4f4 }
.skin-dietetyk .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-right: 4px }
.skin-dietetyk .select2-container--default .select2-selection--multiple .select2-selection__clear { margin-right: 5px }

.prewrap { white-space: pre-wrap }
