@font-face {
  font-family: 'CoconComPro';
  src: url('https://rbp.czerwonak.pl/lib/font/CoconCompPro.ttf');
  font-weight: normal;
}

@font-face {
  font-family: 'Signika';
  src: url('https://rbp.czerwonak.pl/lib/font/Signika-Regular.ttf');
  font-weight: normal;
}

@font-face {
  font-family: 'Signika-Bold';
  src: url('https://rbp.czerwonak.pl/lib/font/Signika-Bold.ttf');
  font-weight: bold;
}

@font-face {
  font-family: 'PTSansNarrow';
  src: url('https://rbp.czerwonak.pl/lib/font/PTSansNarrow-Regular.ttf');
  font-weight: normal;
}

@font-face {
  font-family: 'PTSansNarrow-Bold';
  src: url('https://rbp.czerwonak.pl/lib/font/PTSansNarrow-Bold.ttf');
  font-weight: bold;
}

@font-face {
  font-family: 'Dosis';
  src: url('https://rbp.czerwonak.pl/lib/font/Dosis-Regular.ttf');
  font-weight: normal;
}

@font-face {
  font-family: 'Dosis-Bold';
  src: url('https://rbp.czerwonak.pl/lib/font/Dosis-Bold.ttf');
  font-weight: bold;
}

@font-face {
  font-family: 'Arimo';
  src: url('https://rbp.czerwonak.pl/lib/font/Arimo-Regular.ttf');
  font-weight: normal;
}

@font-face {
  font-family: 'Arimo-Bold';
  src: url('https://rbp.czerwonak.pl/lib/font/Arimo-Bold.ttf');
  font-weight: bold;
}

@font-face {
  font-family: 'Arimo-Italic';
  src: url('https://rbp.czerwonak.pl/lib/font/Arimo-Italic.ttf');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Arimo-BoldItalic';
  src: url('https://rbp.czerwonak.pl/lib/font/Arimo-BoldItalic.ttf');
  font-weight: bold;
  font-style: italic;
}

.font-monospace {
    font-family: monospace;
}

.modal-open {
    overflow: hidden;
}

BODY {
    /*overflow-y: scroll;*/
    overflow-y: auto;
}

BODY,
FORM,
SPAN,
INPUT,
TEXTAREA,
TABLE,
TR,
TD,
TH,
SELECT,
OPTION,
DIV,
LABEL {
    font-family: 'Arimo', Arial, Helvetica, sans-serif;
    font-size: 16px; 
    color: #111;
    text-align: justify;
}

.text-09 {
    font-size: 0.9rem;
}

.text-08 {
    font-size: 0.8rem;
}

.text-07 {
    font-size: 0.7rem;
}

.text-06 {
    font-size: 0.6rem;
}

.text-05 {
    font-size: 0.5rem;
}

.text-04 {
    font-size: 0.4rem;
}

FORM {
    margin:0em;
}

.tooltip.show {
  opacity: 1;
  filter:alpha(opacity=100);
}

.tooltip-inner {
    text-align: left;
    font-family: 'Arimo';
    font-size: 14px;
    max-width: 350px;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: middle;
  border-top: 1px solid #dee2e6;
}

.nav-link {
    display: block;
    padding: 0rem 0rem;
}
.bg-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.text-orange {
    color: #FF6600 !important;
}

.text-orange-dark {
    color: #CC3300 !important;
}

.text-grey-dark {
    color: #555555 !important;
}

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

.text-blue-dark {
    color: #0066CC !important;
}

.text-purple-dark {
    color: #660099 !important;
}

.text-green-dark {
    color: #006600 !important;
}

.bg-grey {
    background-color: #CCCCCC !important;
}

.bg-okr1 {
    background-color: #800080 !important;
}
.border-okr1 {
    border-color: #800080 !important;
}
.bg-okr2 {
    background-color: #008000 !important;
}
.border-okr2 {
    border-color: #008000 !important;
}
.bg-okr3 {
    background-color: #000080 !important;
}
.border-okr3 {
    border-color: #000080 !important;
}

.bg-wybory {
    background-color: #006699 !important;
}
.border-wybory {
    border-color: #006699 !important;
}


.bg-orange {
    background-color: #FF6600 !important;
}

.bg-orange-dark {
    background-color: #CC3300 !important;
}

.bg-red-dark {
    background-color: #990000 !important;
}

.bg-blue-dark {
    background-color: #0066CC !important;
}

.bg-green-dark {
    background-color: #006600 !important;
}

.bg-purple-dark {
    background-color: #660099 !important;
}

.bg-navy-dark {
    background-color: #000066 !important;
}

.bg-yellow-light {
    background-color: #FFFF99 !important;
}

.bg-blue-light {
    background-color: #99FFFF !important;
}

.bg-green-light {
    background-color: #CCFF99 !important;
}

.bg-grey-light {
    background-color: #DDDDDD !important;
}

.bg-red-light {
    background-color: #FF9999 !important;
}

.border-red-dark {
    border-color: #990000 !important;
}

.border-blue-dark {
    border-color: #0066CC !important;
}

.border-purple-dark {
    border-color: #660099 !important;
}

.rotated {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    position: relative;
}

.navbar {
    background-color: #80A72C;
    border-color: #600000;
}

.nav-tabs .nav-link:not(.active) {
    color: #444444;
}
.nav-tabs .nav-link:hover {
    color: #000066;
    background-color: #DDDDDD;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show {
    color: #80A72C;
    background-color: #CCCCCC;
}

.navbar-ugc .navbar-brand {
    color: #fff;
}

.navbar-ugc .navbar-brand:hover, .navbar-ugc .navbar-brand:focus {
    color: #fff;
}

.navbar-ugc .navbar-nav .nav-link {
    color: #bbb;
    font-size: 20px; 
}

.navbar-ugc .navbar-nav .nav-link:hover, .navbar-ugc .navbar-nav .nav-link:focus {
    color: #eee;
}

.navbar-ugc .navbar-nav .nav-link.disabled {
    color: #bbb;
}

.navbar-ugc .navbar-nav .show > .nav-link,
.navbar-ugc .navbar-nav .active > .nav-link,
.navbar-ugc .navbar-nav .nav-link.show,
.navbar-ugc .navbar-nav .nav-link.active {
    color: #fff;
    font-size: 20px; 
}

.navbar-ugc .navbar-toggler {
    color: #eee;
}

.navbar-ugc .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-ugc .navbar-text {
    color: #fff;
}

.navbar-ugc .navbar-text a {
    color: #fff;
}

.navbar-ugc .navbar-text a:hover, .navbar-ugc .navbar-text a:focus {
    color: #fff;
}

.shadow-ugc {
    box-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.4) !important;
}

.shadow-ugc-white {
    box-shadow: 0.1rem 0.1rem 0.1rem rgba(255, 255, 255, 0.4) !important;
}

.shadow-box {
    font-size: 14px;
    align:right;
    font-size: 12px;
    text-align: center;
    color: #333333 !important;
    border: 1px solid #E2E2E2;
    padding: 2 2 2 2px;
    opacity: 0.8;
}
.shadow-box:hover {
    border: 1px solid #B2B2B2;
    box-shadow: 1px 1px 1px #444444;
    padding: 1 2 3 2px;
    opacity: 1.0;
}

.shadow-text {
}
.shadow-text:hover {
    text-shadow: 0.03em 0.03em 0.05em #888888;
    opacity: 1.0;
}

.cursor-active {
    cursor: pointer;    
}

.cursor-help {
    cursor: help;    
}

.toggle-handle {
    left: 44%;
}
.slow .toggle-group { transition: left 0.7s; -webkit-transition: left 0.7s; }

.btn-option {
  color: #111111;
  background-color: #DDDDDD;
  border-color: #CCCCCC;
}

.btn-option:hover {
  color: #FFFFFF;
  background-color: #99CCFF;
  border-color: #6699CC;
}

.btn-option:focus, .btn-option.focus {
  color: #FFFFFF;
  background-color: #6699CC;
  border-color: #336699;
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-option.disabled, .btn-option:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

  
.btn-option:not(:disabled):not(.disabled):active, .btn-option:not(:disabled):not(.disabled).active,
.show > .btn-option.dropdown-toggle {
  color: #FFFFFF;
  background-color: #6699CC;
  border-color: #336699;
}

.btn-option:not(:disabled):not(.disabled):active:focus, .btn-option:not(:disabled):not(.disabled).active:focus,
.show > .btn-option.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

hr {
  margin-top: 1em;
  margin-bottom: 1em;
  border: 0;
  border-top: 1px solid gray;
}

.shortcutselect {
    text-align: center;
    color: #333333 !important;
    border: 0.11em solid #DDDDDD;
    padding: 0.3em;
    opacity: 0.8;
}
.shortcutselect2 {
    text-align: center;
    font-size: 0.6em; 
    color: #333333 !important;
    border: 0.11em solid #DDDDDD;
    padding: 0.3em;
    opacity: 0.8;
}
.shortcutselect:hover {
    border: 0.11em solid #FFFFFF;
    padding: 0.2em;
    box-shadow: 0.2em 0.2em 0.1em #AAAAAA;
    opacity: 1.0;
}
.shortcutselect2:hover {
    border: 0.11em solid #FFFFFF;
    padding: 0.2em;
    box-shadow: 0.2em 0.2em 0.1em #AAAAAA;
    opacity: 1.0;
}

.cell-border-dark {
    border: #222222 solid 1px !important;
}

.cell-size {
    height: 5em;
}

.cell-width-all {
    width: 100%;
}

.cell-height-all {
    height: 100%;
}

.custom-file-label::after {
    content: "Przeglądaj";
}

fieldset.fieldset-ugc {
  border: 1px groove #222 !important;
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0 0 1.5em 0 !important;
  -webkit-box-shadow: 0.2em 0.2em 0.1em #AAA;
  box-shadow: 0.2em 0.2em 0.1em #AAA;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 30px !important;
}

legend.fieldset-ugc {
  font-size: 1.2em !important;
  font-weight: bold !important;
  text-align: left !important;
  width: auto;
  padding: 0 10px;
  border-bottom: none;
  margin-top: -15px;
  background-color: white;
  color: black;
}

fieldset.fieldset-ugcp {
  border: 1px solid #990000 !important;
  padding: 0 0.6em 0.6em 0.6em !important;
  margin: 0 0 0.5em 0 !important;
}

legend.fieldset-ugcp {
  font-size: 1.2em !important;
  font-weight: normal !important;
  text-align: left !important;
  width: auto;
  border-bottom: none;
  margin-top: -15px;
  padding: 0 0.4em;
  background-color: white;
  color: #990000;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #990000;
  background-color: #990000;
  box-shadow: 0 0 0 0.1rem rgba(195, 7, 52, 0.2);
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(195, 7, 52, 0.4);
}

.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  border: #c30734 solid 2px;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #CCCCCC;
  background: none;
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #006600;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #006600;
  background: none;
}

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #CCCCCC;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #CCCCCC;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #111111;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #990000;
  /*  border-color: #006600; */
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #990000;
  background-color: #990000;
  /*
  border-color: #34ce57;
  background-color: #34ce57;
  */
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #006600;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #006600;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #006600;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #FF0000;
  padding-right: calc(0.7em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #FF0000;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #FF0000;
}

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #FF0000;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #111111;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #FF0000;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #FF0000;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #FF0000;
}