.page.page-backend { background-color: yellow !important; }
.page.page-backend .user-bar .logout a.btn-logout { color: #000; }
.page.page-backend .user-bar .logout a.btn-logout:hover { color: #000; text-decoration: underline; }
.page.page-backend .top { background-color: yellow; }
.page.page-backend .top .ver-color, .page.page-backend .top .ver-wb { display: none; }
.page.page-backend .top .ver-bw { display: block; }
.page.page-backend .top .ue .herb-img .urzad-nazwa { color: #000; font-weight: 700; }
.page.page-backend .top .user-bar { border-top: 3px #000 dotted; }
.page.page-backend .top .user-bar .user-welcome { color: #000; }
.page.page-backend .styleSwitch li span { color: #000; }
.page.page-backend h1, .page.page-backend h2, .page.page-backend h3, .page.page-backend h4 { color: #000; font-weight: 700; }
.page.page-backend .welcome-message h1 { color: #000; font-weight: 700; }
.page.page-backend .sidebar { background: #000; }
.page.page-backend .sidebar .img-wrapper { background-color: yellow; }
.page.page-backend .sidebar ul li em { color: #000; font-weight: 700; background-color: yellow; border: none; }
.page.page-backend .sidebar ul li span { color: yellow; font-weight: 700; }
.page.page-backend .sidebar .uploadHerbBtn { background-color: yellow; color: #000; font-weight: 700; }
.page.page-backend .block { background-color: yellow; border-left-color: #000 !important; border: 3px #000 solid; }
.page.page-backend .block h2, .page.page-backend .block legend { border-bottom: 3px #000 solid; color: #000; }
.page.page-backend .block .content p { color: #000; }
.page.page-backend .block .content .scale ul li em { color: #000; }
.page.page-backend .block .content .scale ul li span { font-weight: 700; border: 3px #000 solid; background-color: #000; color: yellow; }
.page.page-backend .block .content .color-scale { border-bottom: 3px #000 solid; }
.page.page-backend .block .content .color-scale ul li { color: #000; }
.page.page-backend .block .content .color-scale ul li:before { background-color: #000; color: yellow; font-weight: 700; }
.page.page-backend .block .content .wrapper { border-bottom: 3px #000 solid; }
.page.page-backend .block .content .wrapper.metryka { border-bottom: 3px #000 dotted; }
.page.page-backend .block .content form .input-group-addon { background-color: yellow; font-weight: 700; color: #000; text-shadow: none; }
.page.page-backend .block .content form input.date { font-weight: 700; }
.page.page-backend .block.block--dodaj-uzytkownika-ankiete .btn, .page.page-backend .block.block--edytuj-urzad-ankiete .btn, .page.page-backend .block.block--dodaj-wyniki-ankiety .btn, .page.page-backend .block.block--pobierz-ankiete-pdf .btn, .page.page-backend .block.block--generuj-raport .btn { background-color: #000; color: yellow; font-weight: 700; border: 3px #000 solid; }
.page.page-backend .block.block--dodaj-uzytkownika-ankiete .btn:hover, .page.page-backend .block.block--edytuj-urzad-ankiete .btn:hover, .page.page-backend .block.block--dodaj-wyniki-ankiety .btn:hover, .page.page-backend .block.block--pobierz-ankiete-pdf .btn:hover, .page.page-backend .block.block--generuj-raport .btn:hover { border: 3px #000 solid; background-color: yellow; color: #000; }
.page.page-backend .block.block--edutuj-dane-urzedu label, .page.page-backend .block.block--edytuj-urzad-ankiete label { color: #000; }
.page.page-backend .block.block--edutuj-dane-urzedu .btn { background-color: #000; color: yellow; font-weight: 700; }
.page.page-backend .block.block--edutuj-dane-urzedu .btn:hover { text-decoration: underline; }
.page.page-backend .steps h2 { color: #000; }
.page.page-backend .steps .block label { color: #000; }
.page.page-backend .steps .block .btn { background-color: #000; color: yellow; font-weight: 700; }
.page.page-backend .steps .block .btn:hover { text-decoration: underline; }
.page.page-backend .steps .nav li a { color: #000; border: 3px #000 solid; line-height: 30px; }
.page.page-backend .steps .nav li > a:focus, .page.page-backend .steps .nav li > a:hover { background-color: #000; border-color: #000; color: yellow; text-decoration: underline; }
.page.page-backend .steps .nav li.active > a, .page.page-backend .steps .nav li.active > a:focus, .page.page-backend .steps .nav li.active > a:hover { background-color: #000; border-color: #000; color: yellow; font-weight: 400; text-decoration: underline; }
.page.page-backend .steps .nav li.past a { background-color: #000; border-color: #000; color: yellow; }
.page.page-backend .steps .nav li.past a:hover { background-color: #000; color: yellow; text-decoration: underline; }
.page.page-backend .steps hr { border-top-width: 3px; border-color: #000; }
.page.page-backend .steps .listRoman li:before, .page.page-backend .steps .listDecimal li:before { color: #000; }
.page.page-backend .steps form .col-sm-4.clear:nth-child(3n+1) { clear: left; }
.page.page-backend .steps form textarea { color: yellow; font-size: 14px; font-size: 1.75rem; }
.page.page-backend .steps form ::-webkit-input-placeholder { color: #000; }
.page.page-backend .steps form ::-moz-placeholder { color: #000; }
.page.page-backend .steps form :-ms-input-placeholder { color: #000; }
.page.page-backend .steps form :-moz-placeholder { color: #000; }
.page.page-backend .steps .client-metrics label { color: #000; font-weight: 700; }
.page.page-backend .steps .btn { font-weight: 700; border-width: 3px; }
.page.page-backend .steps .btn.next-step, .page.page-backend .steps .btn.btn-orange { background-color: #000; color: yellow; }
.page.page-backend .steps .btn.prev-step, .page.page-backend .steps .btn.btn-gray { background-color: yellow; color: #000; border-color: #000; }
.page.page-backend .steps .btn.prev-step:hover, .page.page-backend .steps .btn.btn-gray:hover { background-color: #000; color: yellow; text-decoration: underline; }
.page.page-backend .steps .steps-nav { margin-top: 50px; }
.page.page-backend .radio input[type=radio] + span { color: #000; }
.page.page-backend .radio input[type=radio] + span:before { border: 3px solid #000; width: 30px; height: 30px; margin-left: 0; }
.page.page-backend .radio input[type=radio]:checked + span:before { color: #000; padding-left: 3px; }
.page.page-backend .questions { color: #000; }
.page.page-backend .questions .options .radio-inline input[type=radio] + span { color: #000; }
.page.page-backend .questions .options .radio-inline input[type=radio] + span:before { border: 3px solid #000; width: 30px; height: 30px; margin-left: 0; }
.page.page-backend .questions .options .radio-inline input[type=radio]:checked + span:before { color: #000; padding-left: 3px; }

footer p { color: #000; }

.modal.orange .modal-dialog .modal-content { border: 10px #000 solid; }
.modal.orange .modal-dialog .modal-content .modal-header { background-color: #000; }
.modal.green .modal-dialog .modal-content { border: 10px #000 solid; }
.modal.green .modal-dialog .modal-content .modal-header { background-color: #000; color: yellow; }
.modal.blue .modal-dialog .modal-content { border: 10px #000 solid; }
.modal.blue .modal-dialog .modal-content .modal-header { background-color: #000; color: yellow; }
.modal .modal-dialog .modal-content { border: 10px #000 solid; background-color: yellow; }
.modal .modal-dialog .modal-content .modal-header { background-color: #000; color: yellow; text-align: center; }
.modal .modal-dialog .modal-content .modal-header h4.modal-title { color: yellow; font-size: 22px; font-size: 2.75rem; font-weight: 700; }
.modal .modal-dialog .modal-content .modal-body p { font-weight: 700; }
.modal .modal-dialog .modal-content .modal-footer { border-top: none; text-align: center; }
.modal .modal-dialog .modal-content .modal-footer .btn { display: block; width: 100%; padding: 9px 0; background-color: #000; color: yellow; }
@media screen and (min-width: 480px) { .modal .modal-dialog .modal-content .modal-footer .btn { display: inline-block; } }

.datepicker { border: 10px #000 solid; color: #000; }
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover { background: yellow; }
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover { background: yellow; cursor: pointer; }
.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover { background-color: #000; background-image: none; }

.datepicker-dropdown { top: 0; left: 0; padding: 4px; background-color: yellow; }
.datepicker-dropdown:before { border-bottom: 7px solid yellow; border-bottom-color: yellow; }
.datepicker-dropdown:after { border-bottom: 6px solid yellow; }

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled], .datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected[disabled] { background-color: #000; color: yellow; }

.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover { background-color: #000; background-image: none; color: yellow; font-weight: 700; }

.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover { background-color: #000; color: yellow; }

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover { background-color: yellow; background-image: none; color: #000; }

.datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover { background-color: #000; color: #000; background-image: none; }

.datepicker table tr td span.focused, .datepicker table tr td span:hover { background-image: none; background-color: yellow; color: #000; }

.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] { background-color: #000; color: yellow; background-image: none; }