@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');

body > .row { margin-left: 0px; margin-right: 0px;}
#logo { border:0px; z-index: -1; display:block;}
.tytul {z-index: -1;  font-size:1.5em; padding-top:0px; padding-botom:auto; font-family: 'Audiowide', Verdana, sans-serif; }

input[type="radio"].toggle {
    position: absolute;
    left: -99em;
    font-family: sans-serif;
}


input[type="radio"].toggle:checked + label {
  background-image: linear-gradient(to top,#969696,#727272);
  box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),
                    0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: default;
  color: #E6E6E6;
  border-color: transparent;
  text-shadow: 0 1px 1px rgba(40, 40, 40, 0.75);
font-family: sans-serif;
}

input[type="radio"].toggle + label {
  width: 8em;
}

input[type="radio"].toggle:checked + label.btn:hover {
  background-color: inherit;
  background-position: 0 0;
  transition: none;
}

input[type="radio"].toggle-left + label {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

input[type="radio"].toggle-right + label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}



.red-tooltip + .tooltip > .tooltip-inner {background-color: #f00; }
.red-tooltip + .tooltip > .tooltip-arrow { border-right-color:#f00; }

.red-tooltip2 + .tooltip > .tooltip-inner {background-color: #f00; -webkit-box-shadow: 7px 7px 3px -2px rgba(207,155,139,1); -moz-box-shadow: 7px 7px 3px -2px rgba(207,155,139,1); box-shadow: 7px 7px 3px -2px rgba(207,155,139,1); }
.red-tooltip2 + .tooltip > .tooltip-arrow { border-right-color:#f00; }

.bg-faded {background-color:#ddd;}

.popover {
    display:block !important;
    max-width: 500px!important;
    width:auto;
}

.funkyradio div {
    clear: none;
    /*margin: 0 50px;*/
    overflow: hidden;
}
.funkyradio label {
    /*min-width: 400px;*/
    width: 100%;
    border-radius: 3px;
    border: 1px solid #D1D3D4;
    font-weight: normal;
}
.funkyradio input[type="radio"]:empty, .funkyradio input[type="checkbox"]:empty {
    display: none;
}
.funkyradio input[type="radio"]:empty ~ label, .funkyradio input[type="checkbox"]:empty ~ label {
    position: relative;
    line-height: 3.5em;
    text-indent: 3.25em;
    margin-top: .7em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.funkyradio input[type="radio"]:empty ~ label:before, .funkyradio input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content:'';
    width: 2.5em;
    background: #D1D3D4;
    border-radius: 3px 0 0 3px;
}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before, .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
    content:'\2714';
    text-indent: 0.2em;
    color: #d1d3d4;
}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label, .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
    color: #888;
}
.funkyradio input[type="radio"]:checked ~ label:before, .funkyradio input[type="checkbox"]:checked ~ label:before {
    content:'\2714';
    text-indent: 0.2em;
    color: #333;
    background-color: #ccc;
    font-weight:bold;
}
.funkyradio input[type="radio"]:checked ~ label, .funkyradio input[type="checkbox"]:checked ~ label {
    color: #0B540B;
    font-weight:bold;
    background-color: #CFFACF;
}
.funkyradio input[type="radio"]:focus ~ label:before, .funkyradio input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}
.funkyradio-default input[type="radio"]:checked ~ label:before, .funkyradio-default input[type="checkbox"]:checked ~ label:before {
    color: #333;
    background-color: #ccc;
}
.funkyradio-primary input[type="radio"]:checked ~ label:before, .funkyradio-primary input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #337ab7;
}
.funkyradio-success input[type="radio"]:checked ~ label:before, .funkyradio-success input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5cb85c;
}
.funkyradio-danger input[type="radio"]:checked ~ label:before, .funkyradio-danger input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #d9534f;
}
.funkyradio-warning input[type="radio"]:checked ~ label:before, .funkyradio-warning input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #f0ad4e;
}
.funkyradio-info input[type="radio"]:checked ~ label:before, .funkyradio-info input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5bc0de;
}

#loading {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    display:none;
    height: 100%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(4,4,4); /* Black fallback color */
    background-color: rgba(4,4,4, 0.8); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    filter: alpha(opacity=85); /* internet explorer */
    -khtml-opacity: 0.85;      /* khtml, old safari */
    -moz-opacity: 0.85;       /* mozilla, netscape */
   opacity: 0.85;           /* fx, safari, opera */
}

#loadingDiv {
   border-radius: 10px;
   background:#aaa;
   height: 75px;
   width: 320px;
   position: fixed;
   z-index: 1000;
   left: 40%;
   top: 50%;
   padding:22px 10px 0px 3px; 
   font-size:16px;
   text-align:center;
   font-family:Verdana;
   color:#000;
font-weight:bold;
}


canvas {
  border: 1px dotted red;
}

.btn-group>.btn.active, .btn-group>.btn.focus, .btn-group>.btn:active {
background-color: #eee !important;
color:#000;
border-color:#555;
-webkit-box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
}

.blink {
    -webkit-animation: blink 1.2s linear infinite;
    -moz-animation: blink 1.2s linear infinite;
    -ms-animation: blink 1.2s linear infinite;
    -o-animation: blink 1.2s linear infinite;
     animation: blink 1.2s linear infinite;
}
@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

.form-control-feedback {
    top: 20px;
    right: 10px;
}



table.footable-details>tbody>tr:first-child>td, table.footable-details>tbody>tr:first-child>th { background-color:#C2F2C2 !important;}

.navbar-custom {
  background-color: #337ab7;
  border-color: #ffffff;
}
.navbar-custom .navbar-brand {
  color: #f7f7f7;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #103a49;
}
.navbar-custom .navbar-text {
  color: #f7f7f7;
}
.navbar-custom .navbar-nav > li > a {
  color: #f7f7f7;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #103a49;
}
.navbar-custom .navbar-nav > li > .dropdown-menu {
  background-color: #337ab7;
}
.navbar-custom .navbar-nav > li > .dropdown-menu > li > a {
  color: #f7f7f7;
}
.navbar-custom .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-custom .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #103a49;
  background-color: #ffffff;
}
.navbar-custom .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #ffffff;
}
.navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #103a49;
  background-color: #ffffff;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #103a49;
  background-color: #ffffff;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  color: #103a49;
  background-color: #ffffff;
}
.navbar-custom .navbar-toggle {
  border-color: #ffffff;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #ffffff;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #f7f7f7;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #f7f7f7;
}
.navbar-custom .navbar-link {
  color: #f7f7f7;
}
.navbar-custom .navbar-link:hover {
  color: #103a49;
}

@media (max-width: 767px) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #f7f7f7;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #103a49;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #103a49;
    background-color: #ffffff;
  }
}