html, body {
    height:100%;
    width:100%;
    /* Dodane 02-03-2026 DL */
    --ingremio-main: #0C3F75;

    --color-text-primary: #000000;
    --color-text-gray: #50565E;
    --color-text-light-gray: #808893;
    --color-text-primary-blue: #006FFF;
    --color-text-secondary-blue: #99C5FF;
    
    --background-white: #ffffff;
    --background-light-gray: #F4F5F6;
    --background-active-white: #ffffff;
    
    --font-inter: font-family: "Inter", "UI Sans", Lato, Arial, sans-serif;
    --font-play: font-family: "Play", sans-serif;
    --font-play-weight-regular: font-weight: 400;
    --font-play-weight-bold: font-weight: 700;
    /* END 02-03-2026 */

}

@media screen {
    
    body {
    
        font-family: "Inter",verdana, sans-serif;
        font-size: 12px;
        color: black;
        background-color: #ffffff;
        margin: 0px;
    }
    
    
   .text-row-heading-2 {
        text-transform: uppercase;
        font-family: "Ubuntu", verdana, sans-serif;
        display: inline-block;
        color: white;
        line-height: 20px;
        font-weight: bold;
        padding-left: 5px;
        vertical-align: middle;
        text-align: center;
    }
    
    .print-button{
        display: inline-block;
        height: 27px;
        line-height: 23px;
        width: 110px;
        background-color: #f0f0f0;
        color: #34343d;
        border: solid 1px #bebebe;
        font-family: 'Oswald';
        font-size: 15px;
        text-align: center;
        border-radius: 2px;
        text-transform: uppercase;
    }
    
    .print-button:hover{
        background-color: yellow;
    }
    
     .print-date{
        display: none;
    }
    
    .etykiety-button {
        all: unset;
        display: inline-block;
        height: 30px;
        line-height: 30px;
        min-width: 90px;
        background-color: #f0f0f0;
        color: #34343d;
        border: solid 1px #bebebe;
        font-family: 'Inter', sans-serif;

        text-align: center;
        border-radius: 2px;
        text-transform: uppercase;
        margin-right: 2px;
        padding: 0px 10px;
        vertical-align: middle!important;
        cursor: pointer!important;
    }

    .etykiety-button:hover {
        background-color: yellow;
    }
    
    
    .e-b-2 {
        height: 15px;
        line-height: 15px;
    }
    
    .r-cont{
        width: 650;
        margin: auto;
        text-align: center;
        padding: 5px;
        border: solid 1px #C3C3C3;
        border-radius: 5px;
        box-shadow: 0 0 11px #ECECEC;
        background-color: white;
    }
    
    
    
    .printSize{
        font-size: inherit;
    }
    
    
    .table-printable-font{
        font-size: 12px;
    }
   
}

@media print {
    
    
    html, body {
        width: 210mm;
        height: 297mm;
      }
    
    
    body {
    
        font-family:  "ubuntu",verdana, sans-serif;
        font-size: 11px;
        background: transparent!important;
         -webkit-print-color-adjust: exact !important;
    }
    
    * {
        
        -webkit-print-color-adjust: exact !important; 
    }
    tr.bg-danger {
        background-color: red!important;
    }
    
  .text-row-heading-2 {
        text-transform: uppercase;
        font-family: "Ubuntu", verdana, sans-serif;
        display: inline-block;
        color: black;
        line-height: 20px;
        font-weight: bold;
        padding-left: 5px;
        vertical-align: middle;
        text-align: center;
    }
    
    .printable-off {
        display: none!important;
    }
    
    .printable-on {
        display: block!important;
    }
    
    
    .print-button{
        display: none;
    }
    
    .print-date{
        display: block;
    }

    
    .r-cont{
        text-align: center;
        padding: 5px;
        background-color: white;
    }
    
    .my-bg-dark {
        background-color: #343a40!important;
    }
    
    
    .text-white {
        color: black!important;
    }
    
    
     
    .printSize{
        font-size: 8px;
    }
    
    .printHeader {
        color: #000000!important;
        font-size: 10px;
    }
    
     .pagebreak {
        clear: both;
        page-break-after: always;
    }
    
    .page-footer {
        position: fixed;
        z-index: 9;
        bottom: 0;
        right: 0;
        width: 30px;
        height: 100%;
        font-size: 20px;
        color: black;
        background: #f3f7fb!important;
        writing-mode: vertical-lr;
      }
    
    .table-printable-font{
        font-size: 9px;
    }
    
    
}

 @font-face {
     font-family:"Bar-Code 39";
     src:url("../fonts/Code39.eot?") format("eot"),url("../fonts/Code39.woff") format("woff"),url("../fonts/Code39.ttf") format("truetype"),url("../fonts/Code39.svg#") format("svg");
     font-weight:normal;
     font-style:normal;
 }

 thead {display: table-header-group;}
 
 #content-container {
     overflow: auto;
 }


a {
        cursor: pointer;
}


::-webkit-scrollbar {
  width: 25px;
}
/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  //border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4592c3; 
 // border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #092b42; 
}


.document_body {
    //margin: 2px 0px;
    border-radius: 0;
   // overflow: auto;
    //padding: 5px;
   // min-height: 500px;
}

.fixed {
  position: fixed;
  top:0; left:0;
  width: 100%;
  z-index: 1000;
}

.fixedMenuLeft {

 top:36px; 

}

.resizeWindow {
    padding-top:70px;
}


.arrow_box {
	position: relative;
	background: white;
	//border: 2px solid rgb(83, 136, 241);
}
/*
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 80px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(245, 245, 245, 0);
	border-bottom-color: white;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(168, 143, 162, 0);
	border-bottom-color: rgb(226, 56, 56);
	border-width: 13px;
	margin-left: -13px;
}
*/


#middle-container {
    background-color: #white; 
}



/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .middle-container-login {
        /* background-color: #1256d2; */
        background: 
            /* linear-gradient(180deg, #0C3F75 10%, #0B5ABB 100%), */
            linear-gradient(180deg, rgba(12, 63, 117, 0.8) 10%, rgba(11, 90, 187, 0.95) 100%),
            url('../images/background/ingremio-photo.jpg');
        
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center bottom; 
        background-size: cover;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .middle-container-login {
        /* background-color: #1256d2; */
        background: linear-gradient(180deg, rgba(12, 63, 117, 0.8) 10%, rgba(11, 90, 187, 0.95) 100%),
            url('../images/background/ingremio-photo.jpg');
        /* background-image: url('../images/web_background_3.png'); */
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center bottom;
        background-size: cover;
    }
}






.document_navigation {
  /* border-top: solid 1px #B6B6B6; */
}

.header {
    
    background-color: #00426D;
    height: 45px;
    display: block;
    width: 100%;
    margin-bottom: 3px;
}

.header_title {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    color: white;
    float: left;
}
.header_login {
    float: right;
    text-align: right;
    padding-right: 5px;
    padding-top: 8px;
   
}

.header-notyfication {
    float: right;
    text-align: right;
    padding-right: 5px;


}

.header_navigation {
    clear: both;
    display: block;
    padding-left: 5px;
}

#div-note {
    border-radius: 4px; 
    border: solid 1px orange;
    animation: blink 1s linear infinite;
    cursor: pointer;
}

@keyframes blink{

50%{opacity: .5;}
100%{opacity: 1;}
}

.header_logo {
    display: block;
    clear: both;
    width: 100%;
    border-bottom: solid 1px red;

}

.header_button {
    display: inline-block;
    height: 40px;
    line-height: 35px;
    color: white!important;
    text-align: center;
    border-radius: 3px 3px 0 0;
    width: 150px;
    font-size: 15px;
    font-family: 'Oswald', verdana, sans-serif;
    cursor: pointer;
    background-color: #a8a8a8;
    border: solid 1px #F5F5F5;
    text-decoration: none;

}
.button-active {
    background-color: #dedede!important;
    border-bottom: solid 1px #dedede;
    border-top: solid 1px #B6B6B6;
    border-left: solid 1px #B6B6B6;
    border-right: solid 1px #B6B6B6;
    color: black!important;

}


.header_button:hover {
    color: yellow;

}
.btn {
    /* text-transform: uppercase !important; */
}


.header-scroll input select {
    height: 26px !important;
    font-size: 14px;
    padding: 0px 5px;
}

.footer {

    display: block;
    text-align: center;
    width: 100%;
    background-color: rgb(132, 176, 255);
    border-top: solid 1px gray;
    height: 25px;
    line-height: 25px;
    margin-top: 2px;
    position: absolute;
    bottom: 0px;
    left: 0px;


}

.footer-r {
    display: block;
    text-align: right;
    width: 97%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 35px;
    line-height: 35px;
    color: white;
}

.footer-on {
    display: block;
    text-align: right;
    width: 99%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 5px;

    color: white;
}

#login-container {
    position: fixed;
    text-align: center;
    margin: auto;
    margin-left: 50%; 
    transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   
   // margin-top: 10%; 
   // transform: translateY(-20%);
   //-webkit-transform: translateY(-20%);

}

#login-box {
  border-style: solid;
  border-width: 1px;
  border-color: gray;
  border-radius: 4px;
  background-color: white;
  width: 400px;
  color: black;
  margin: auto;
  padding: 30px 0 10px 0;
}

#logoff-box {
  border-style: solid;
  border-width: 1px;
  border-color: white;
  border-radius: 4px;
  background-color: #666565;
  width: 400px;
  font-size: 18px;
  color: red;
  margin: auto;
  padding: 30px 0 30px 0;
}

.logoff_link {
    text-decoration: none;
    line-height:20px;
    font-size: 13px;
    color: white;
}

.login-cell {
    display: inline-block;
    text-align: center;
    line-height: 30px;
    font-family: "Play", Verdana, sans-serif;
    font-size: 16px;
    font-weight: normal;
}

.login-row {
    height: 40px;
}

.login-input {
    
    width: 150px;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    border-color: #d1c5c5;
    background-color: white!important;
    padding-left: 3px;
}

.align-right {
    text-align: right!important;
}
.align-left {
    text-align: left!important;
}

.error-text {
    display: block;
    background-color: yellow;
    color: red;
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    padding: 5px 0 5px 10px;

}

.text-col {
    display: inline-block;
    text-align: left;
    line-height: 25px;
    font-size: 12px;
}

.col-title {
  width: 200px;
  
}

.col-title-2 {
  width: 300px;
}
.col-title-3 {
  width: 170px;
  
}

.col-title-4 {
  font-size: 12px;
}

.link-button {
    display: block;
    width: 120px;
    background-color: rgb(239, 0, 136);
    color: white;
    text-align: center;
    padding: 3px 0;
    border-radius: 4px;
    cursor: pointer;
}
.link-button:hover {
    color: yellow;
    text-shadow: 1px 1px 1px black;
}

.textGreen {
    color: green;
    font-weight: 300;
    
}

.textRed {
    color: red;
    font-weight: 700;
    
}

#measureField {
    margin-top: 10px;
    border-top: solid 1px black;
    padding: 5px 0 0 20px;
}

.domHeaderCol {
    display: inline-block; 
    width: 120px; 
    font-weight: 700;
}
.domHeaderRow {
    display: block; 
    border-bottom: solid 1px black;
}
.domCol {
    display: inline-block; 
    width: 120px; 
    line-height: 30px;
}
.domRow {
    display: block; 
    border-bottom: solid 1px gray;
}

.chartOsX {
    display: block;
    background-color: red;
    
}

.chartOsY {
    display: inline-block;
    background-color: yellow;
   
}

.chartOsYText {
    -ms-transform: rotate(270deg); /* IE 9 */
    -ms-transform-origin: 0% 50%; /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 0% 50%; /* Chrome, Safari, Opera */
    transform: rotate(270deg);
    transform-origin: 0% 50%;
}
.chartResults {
    display: inline-block;
    background-color: green;
    width: 97%;
}

#chartCanvas{
    width: 600px;
    height: 300px;
    background-color: white;
}

a.newElement {
    text-transform: capitalize;
    color: #000000;
    text-decoration: none;
    font-size: 13px;
    font-family: 'Oswald';
    border-bottom: none;
   
}
.newElement:hover {
    text-decoration: none;
    
    border-bottom: dotted 1px red;
}
#seq-main{
    background-color: white; 
    width: 80%; 
    min-height: 250px; 
    display: block; 
    position: fixed; 
    top: 4px; 

    filter: blur(0);
    -webkit-filter: blur(0);
    z-index: 1505; 
    border: solid 1px gray; 
    padding: 0px; 
    box-shadow: 0px 0px 5px gray; 
    border-radius: 6px;
}
#que-main{
    background-color: white; 
    width: 80%; 
    min-height: 250px; 
    display: block; 
    position: fixed; 
    top: 4px; 

    filter: blur(0);
    -webkit-filter: blur(0);
    z-index: 1505; 
    border: solid 1px gray; 
    padding: 0px; 
    box-shadow: 0px 0px 5px gray; 
    border-radius: 6px;
}
#window-main{
    background-color: white; 
    width: 80%; 
    min-height: 250px; 
    display: block; 
    position: fixed; 
    top: 4px; 

    filter: blur(0);
    -webkit-filter: blur(0);
    z-index: 1505; 
    border: solid 1px gray; 
    padding: 0px; 
    box-shadow: 0px 0px 5px gray; 
    border-radius: 6px;
}
#error-main{
    background-color: #FF0707;
    width: 600px;
    min-height: 150px;
    display: block;
    position: fixed;
    top: 20px;
    color: white;
    margin-left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    filter: blur(0);
    -webkit-filter: blur(0);
    z-index: 2050;
    border: solid 1px #DC5E5E;
    padding: 0px;
    box-shadow: 0px 0px 10px red;
    border-radius: 6px;
}
#error-container {
    text-align: left;
    padding: 10px 5px;
    font-family: 'Ubuntu', verdana, sans-serif;
    font-size: 13px;
    line-height: 25px;
    overflow-y: auto;
    overflow-x: hidden;
}

a.new-button {
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    margin: 0px 5px 5px 0px;
    background-color: rgb(212, 212, 212);
    color: #000000;
    height: 20px;
    line-height: 19px;
    font-size: 11px;
    font-family: "Exo", verdana, sans-serif;
    border-radius: 3px;
    padding: 3px 5px 0px 5px;
    border: solid 1px rgb(243, 243, 243);
    box-shadow: 5px 3px 10px rgb(189, 189, 189);
    text-align: center;
    width: 120px;
    //font-family: "Ubuntu", Verdana;
    //text-shadow: 0px 0px 3px #423737;
}

a.new-button:hover{
    color: white;
}


a.new-button-orange {
    background-color: rgb(58, 130, 253);
}

a.new-button-white {
    background-color: #ffffff;
}

a.new-button-light-blue {
    background-color: #aac9ff;
}

a.new-button-yellow {
    background-color: yellow;
}

a.new-button-green {
    background-color: #68E668;
}

a.new-button-red {
    background-color: red;
}

.text-row {
    display: block;
    border-bottom: solid 1px #DAD2D2;
    padding-left: 30px;
    background-color: #F3F3F3;
    font-size: 10px;
    box-sizing: border-box;
}


.extraColor {
    background-color: #bebdff!important;
}

.text-row-folder {
    padding: 0px 0px 0px 10px;
    line-height: 30px;
    color: black;
    font-weight: bold;
    font-size: 18px;
    font-family: "Ubuntu", verdana, sans-serif;
    border-bottom: solid 1px #DAD2D2;
    background-color: #F3F3F3;
    
    
}

.text-row-listing {
    display: table-cell;
    text-align: left;
    font-family: "Exo", Verdana, sans-serif;
    font-size: 12px;
    line-height: 35px;
    text-transform: capitalize;
    padding-left: 5px;
    box-sizing: border-box;
   
}
.text-row-listing-2 {
    display: table-cell;
    text-align: left;
    font-family: "Ubuntu", Verdana, sans-serif;
    font-size: 12px;

    padding-left: 5px;
    box-sizing: border-box;
   
}

.trl-probe-2{
    padding: 0px;
    font-size: 12px;

    height: 40px;
    vertical-align: middle;
    padding: 0px;

}

/*.trl-probe-2::before {
    content: "\00a0 "; 
}
.trl-probe-2::after {
    content: "\00a0 "; 
}*/


.trl-probe{
    padding: 0px;
    font-size: 12px;
    line-height: 12px;
    height: 35px;
    vertical-align: middle;
    padding: 0px;
}

.trl-probe::before {
    content: "\00a0 "; 
}
.trl-probe::after {
    content: "\00a0 "; 
}

.trl-row {
    padding-left: 10px; 
    cursor: pointer;
    position: relative;
}

.trl-row:hover {
    background-color: #FFF16A;
}

.trl-row-active {
    background-color: #FFF16A;
}

.width-100 {
    width: 100px;
    text-align: right;
    padding-right: 5px;
}

.width-136{
    width: 136px;
    text-align: right;
    padding-right: 5px;
}


.width-140 {
    width: 140px;
    text-align: right;
    padding-right: 5px;
}

.width-150 {
    width: 150px;
    text-align: right;
    padding-right: 5px;
}

.width-200 {
    width: 200px; 
}

.width-250 {
    width: 250px; 
}
.width-320 {
    width: 320px; 
}

.front-row {
    display: block;
    text-align: left;
    background-color: #dedede;
    padding-left: 10px;
    border-bottom: solid 1px red;
    line-height: 30px;
    position: relative;
    
}

.fa-color-blue {
    color: blue;
}

.fa-color-green {
    color: green;
}

.fa-color-red {
    color: red;
}

.fa-color-white {
    color: white;
}

a.normal-link {
    border-bottom: dotted 1px blue;
    color: blue;
}

a.normal-link:hover{
    border-bottom: dotted 1px #8989FB;
    color: #8989FB;
}

div.group-list {
    
    display: block;
    float: left;
    width: 190px;
}

div.group-list-200 {
    
    display: block;
    float: left;
    width: 200px;
}

div.heading-group-list {
    font-family: "Oswald", verdana, sans-serif;
    font-size: 18px;
}

div.heading-group-list-description {
    font-family: "Exo", verdana, sans-serif;
    font-size: 13px;
    padding-bottom: 5px; 
    margin-bottom: 10px;
    border-bottom: solid 1px red;
}


.border-right {
    border-right: solid 1px #DAD2D2;
}
.border-left {
    border-left: solid 1px #DAD2D2;
}


.text-row-heading {
    text-transform: uppercase;
    font-family: "Ubuntu", verdana, sans-serif;
    display: inline-block;
    color: white;
    line-height: 25px;
    font-weight: bold;
    padding-left: 5px;
}

.font-header {
    font-family: "Oswald", verdana, sans-serif;
    font-size: 13px;

}

.trh-probe {
    padding: 0px;
    border-left: solid 1px #00426D;
    display: table-cell;
}



a.special-link-1 {
    display: block;
    font-family: "Oswald", verdana, sans-serif;
    font-size: 14px;
    background-color: rgb(83, 136, 241);
    color: black;
    height: 25px;
    line-height: 25px;
    width: 80px;
    text-align: center;
    float: right;
    
}


a.special-link-1:hover {
    box-shadow: 0px 0px 5px black;
}

.quantity {
    display: inline-block;
    width: 130px;
    height: 25px;
    line-height: 25px;
    text-align: left;
    font-family: "Exo", verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: solid 1px #D6D6D6;
    border-radius: 4px;
    padding-left: 10px;
    background-color: white;
    overflow: hidden;
    vertical-align: middle;
}

.quantity-small {
    display: inline-block;
    width: 40px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-family: "Exo", verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: solid 1px #D6D6D6;
    border-radius: 4px;
    background-color: white;
    vertical-align: middle;
}

#close-container {
    display: block;
    margin-top: 20px;
    text-align: center;
    margin: 20px;
    
}
#close-loader {
    display: inline-block;
    margin-right: 5px;
    color: red;
}

#close-text {
    display: inline-block;

}

.capital-bold {
    text-transform: capitalize;
    font-weight: bold;
}

.mouse-over:hover{
    background-color: #CED6FF!important;
    cursor: pointer;
}

.a-left{
    text-align: left;
}
.a-center{
    text-align: center;
}

.a-right{
    text-align: right;
    padding-right: 5px;
}


.separatot-red {
    width: 100%;
    border-top: solid 1px #DDDAFF;
    border-bottom: solid 2px #F1F0FF;
    height: 1px;
    box-shadow: 0px 1px 5px -1px gray;
}


#searchModel {
        margin-left: 20px;
        color: gray;
}

.no-element {
    display: block;
    margin: 10px 0 0 10px;
    font-weight: bold;
    color: #FF0000;
    
}
.no-element:before {
    content: " ";
}


/*.float-right {
    display: block;
    text-align: right;
    margin-right: 10px;
    //color: blue;
    vertical-align: bottom;
}
.float-left {
    display: inline-block;
    text-align: left;
    margin-left: 10px;
    //color: blue;

}*/

a.delete-link {
    color: red;
    display: inline-block;
    padding-right: 5px;
    float: right;
}

.reservation-folder-heading {
    display: block;
    background-color: #DCD8FF;
    width: 500px;
    
    border-radius: 4px 4px 0 0;
    line-height: 25px;
}

.fa-pre-image {
    color: white;
    background-color: #0026FF;
    height: 27px;
    width: 25px;
    display: inline-block !important;
    vertical-align: middle;
    line-height: 27px !important;
    text-align: center;
    font-size: 17px !important;
    margin-right: 5px;
}

.reservation-group-list {
    display: block;
    float: left;
    width: 500px;
    padding-bottom: 10px;
    margin: 5px;
    border-style: solid;
    border-color: #DCD8FF;
    border-width: 0 1px 1px 1px;
    border-radius: 5px 5px 0 0;
    background-color: white;
}

.hide-span{
    display: none;
}

.welcome-text {
    
    color: #FF0095;
    display: inline-block;
    padding-right: 10px;

}

.res-rec-heading {
    font-size: 20px;
    font-weight: bold;
    padding-left: 10px;
    margin-top: 5px;
}

.explanation {
    font-size: 10px;
    font-style: italic;
}

.border-container {
    margin: 10px;
    border: solid 1px #C5C3FF;
    border-radius: 5px;
}


.production-data {
    display: block;
    line-height: 35px;
    //font-weight: bold;
    background-color: #CDFF20;
    font-size: 20px;
    font-family: 'Oswald', Verdana, sans-serif;
    padding-left: 5px;
}

.header-production-data {
    display: block;
    padding: 0.25em;
    line-height: 35px;
    //font-weight: bold;
    background-color: #0c3f75;
    font-size: 20px;
    font-family: 'Oswald', Verdana, sans-serif;
    //padding-left: 5px;
    color: #fff;
}

.production-elements {
    display: none;
     padding-bottom:30px;
}

.section-container {
    
    width: 90%;
    display: block;
    text-align: center;
    margin: auto;
    transform: translateY(5vh);
}

.section-block {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.section-button {
    text-align: center;
    display: block;
    width: 160px;
    height: 80px;
    line-height: 80px;
    margin: 2px;
    border: solid 1px #FFFFFF;
    border-radius: 4px;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    text-shadow: 0 0 1px white;
    text-decoration: none;
    /*font-family: 'Oswald', verdana, sans-serif; */
    /*background-color: #165E8D;*/

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.input-select-zmiany-prod{
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}


.section-button-1 {
   // background-color: #48FF48;
   // background: -webkit-radial-gradient(white,#48FF48,#48FF48);
}
.section-button-2 {
   // background-color: #FF1A4F;
    //background: -webkit-radial-gradient(white,#FF3D6A,#FF3D6A);
}

.section-button-3 {
    //background-color: #0091FF;
    //background: -webkit-radial-gradient(white,#467FFF,#467FFF);
}
.section-button-4 {
    //background-color: #F3F71A;
   // background: -webkit-radial-gradient(white,#F3F71A,#F3F71A);
}

.section-button-5 {
    //background-color: #FFC11C;
   // background: -webkit-radial-gradient(white,#FFC11C,#FFC11C);
}


.section-button-6 {
   // background-color: #055F9A;
   // background: -webkit-radial-gradient(white,#A0B5FF,#A0B5FF);
}
.section-button-7 {
   // background-color: #77A9C9;
   // background: -webkit-radial-gradient(white,#A0B5FF,#A0B5FF);
}

.section-button-alt {
    text-align: center;
    display: block;
    width: 150px;
    height: 100px;
    color: #3c3c3c;
    font-size: 15px;
    text-decoration: none;
    font-family: 'Oswald', Verdana, sans-serif;
    margin:20px 0px;
    padding: 10px;
    /* background-color: rgba(220, 234, 255); */
    background-color: #ffffff;
    border-radius: 5px;
    position: relative;
}



.section-button-alt:hover{
    background-color: #ff9c36;
    color: white;
    text-decoration: none;
}


.section-button-alt-2:hover{
    background-color: #ff9c36;
    color: white;
    text-decoration: none;

}




/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
        
    .section-button-alt-2 {
            text-align: center;
            color: #0C3F75;
            font-size: 11px;
            text-decoration: none;
            /* font-family: 'Oswald', Verdana, sans-serif; */
            font-family: "Inter", sans-serif;
            font-weight: 600;
            /* background-color: rgba(220, 234, 255); */
            background-color: #f8f9fa;
            border-radius: 5px;
            position: relative;
        }
    
}


/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    
    .section-button-alt-2 {
        text-align: center;
        color: #0C3F75;
        font-size: initial;
        text-decoration: none;
        /* font-family: 'Oswald', Verdana, sans-serif; */
        font-family: "Inter", sans-serif;
        font-weight: 600;
        /* background-color: rgba(220, 234, 255); */
        background-color: #f8f9fa;
        border-radius: 5px;
        position: relative;
    }
    
}



.button-orange {
    background-color: #FFB102;
}

.button-00426D{
    background-color: #468DBC;
}


.section-button:hover {
    color: yellow;
    text-shadow: none;
}


.title-square {
    display: inline-block;
    width: 5px;
    margin: -1px;
    padding: 0px;
    vertical-align: bottom;
}

.raport-title {
    
    display: block;
    margin: 15px 0 0 0px;
    padding-left: 10px;
    font-family: 'Oswald', verdana, sans-serif;
    font-size: 20px;
    background-color: #CDFF20;
}

.raport-title-child {
    display: inline-block;
}


.raport-row {
    
    display: block;
    //height: 25px;
    line-height: 28px;
    border-bottom: solid 1px #B5B3B3;
   // width: 430px;

}

.raport-row-title {
    
    font-weight: bold;
}

.raport-col {
    
    display: inline-block;
    padding-left: 5px;
    font-family: 'ubuntu', verdana, sans-serif;
    font-size: 12px;
   
}

.wz-title {
    
    line-height: 25px;
    background-color: #CCCCCC;
    padding-left: 5px;
    font-size: 15px;
    font-family: 'Exo', verdana, sans-serif;
    font-weight: bold;
}

.wz-container {
    display: inline-block;
    //width: 500px;
    vertical-align: top;
    margin: 0 10px 30px 10px;
    padding: 0 0 10px 0;
    //background-color: #F7F1F1;
}


.plakietki-row {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: white;
    height: 25px;
}

.plakietki-col {
    display: inline-block;
    line-height: 25px;
}

.plakietki-col-color-1 {
    background-color: #F8F5DE;
}

.plakietki-col-color-2 {
    background-color: #a2e0f1;
}


.r-003-group-title {  
    width: 250px; 
    border: solid 1px #B5B0FF;
    text-align: right;
    padding-right: 5px;
    font-family: 'oswald';
    line-height: 30px;
    background-color: #F5F5FF;
    font-size: 11px;
    //margin: 5px 0 5px 0;
}

.r-003-group-title:hover {
    background-color: #B8B8FF;
    cursor: pointer;
        border-width: 1px 0 1px 1px;
    margin-left: 10px;

}

.r-003-group-title-container{
        height: 40px;

}

.r-003-group-active {
    border-width: 1px 0 1px 1px;
    margin-left: 10px;
}


.r-003-months-title {
    
    display: inline-block;
    width: 80px;
    height: 30px;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    border-color: white;
    line-height: 30px;
    text-align: center;
    background-color: #B8B8FF;
    font-weight: bold;
}

.r-003-total-col {
    
    display: inline-block;
    width: 80px;
    height: 39px;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    border-color: #CACACA;
    line-height: 30px;
    text-align: right;
    vertical-align: middle;
    font-family: 'Ubuntu', verdana, sans-serif;
    font-size: 10px;
}

.r-003-year {
     width: 260px;
   
    text-align: center;
   
    font-family: 'oswald';
    line-height: 30px;

    font-size: 15px;
    font-weight: bold;
}

.r-003-suma {
    background-color: #F7FF7E;
    font-size: 13px;
    cursor: pointer;
}


.r-p-months-title {
    display: inline-block;
    width: 60px;
    height: 30px;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    border-color: white;
    line-height: 30px;
    text-align: center;
    background-color: #B8B8FF;
    font-weight: bold;
}

.r-p-products-title {
    display: inline-block;
    width: 320px;
    height: 30px;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    border-color: white;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    background-color: #ECECEC;
}

.r-p-col {
    display: inline-block;
    width: 60px;
    height: 19px;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    border-color: #CACACA;
    line-height: 20px;
    text-align: right;
    vertical-align: middle;
    font-family: 'Ubuntu', verdana, sans-serif;
    font-size: 10px;
}
.r-p-products-name {
    display: inline-block;
    width: 320px;
    height: 21px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #DCDADA;
    line-height: 20px;
    text-align: left;
    vertical-align: top;

}

.loader-position {
    text-align: center;
    margin-top: 15%;
    width: 100%;
}

.loader-position-2{
    text-align: left;
    margin-top: 15px;
    width: 100%;
}


.barcode-field {
    display: inline-block;

    text-align: left;
    margin: 10px auto;
    font-family: 'oswald', verdana, sans-serif;
    font-size: 25px;
}


.barcode-field input {
    height: 30px;
    padding-left: 3px;
    border: solid 1px #A4B0E8;
    border-radius: 5px;
    font-size: 25px;
    font-family: courier;
    color: #000000;
}

.error-field {
    display: inline-block;
    padding-left: 15px;
}

.products-area {
    display: block;
    border-top: solid 1px red;
    margin-top: 10px;
    padding-top: 10px;

}

.p-a-title {
    position: fixed;
    //top: 0;
    left: 5px;
    width: 585px;
    display: block;
    font-size: 13px;
    font-family: arial, verdana, sans-serif;
    border-bottom: solid 1px #E4E4E4;
    padding-left: 5px;
    background-color: #313131;
    line-height: 30px;
    color: white;
    border-radius: 4px 0 0 0;
}

.p-a-title-col {
    
    display: inline-block;
}

.p-a-col {
    
    display: inline-block;
    font-size: 13px;
    font-family: 'Ubuntu', verdana, sans-serif;
    line-height: 25px;
   // border-bottom: solid 1px #E4E4E4;
}

.p-a-product {
    border-bottom: solid 1px #E4E4E4;
    padding-left: 5px;
}

.p-a-t-c-1 {
    width: 30px;
}
.p-a-t-c-2 {
    width: 293px;
    padding-left: 5px;
}
.p-a-t-c-3 {
    width: 60px;
    text-align: center;
    
}

.p-name-area {
    display: inline-block;
    position: relative;
    /* width: 50%; */
    border-style: solid;
    border-color: #E4E4E4;
    border-width: 1px;
    /* min-height: 140px; */
    padding-bottom: 35px;
    /* padding: 5px; */
    border-radius: 5px 0 0 5px;
    height: 400px;
    overflow-y: scroll;
}


.barcode-area {
        display: inline-block;
    /* width: 50%; */
    border-style: solid;
    border-color: #E4E4E4;
    border-width: 1px;
    /* min-height: 140px; */
    padding-bottom: 35px;
    /* padding: 5px; */
    border-radius: 0 5px 5px 0;
    height: 400px;
    overflow-y: scroll;
    width: 350px;
}

.p-a-row {
    background-color: white;
    
}
.p-a-row:hover {
    background-color: #9CCDEA;
    cursor: pointer;
}

.p-a-row-select {
    background-color: #567C9C;
    color: white;
}

.barcode-list-div {
    display: inline-block;
    line-height: 22px;
    padding-right: 3px;;
    font-family: arial;
    font-size: 13px;
    text-align: right;
}

.barcode-list-row {
    border-bottom: solid 1px #C1C1C1;
}

.barcode-list-row-temp {
    display: inline-block;
    line-height: 22px;

    font-family: 'ubuntu', verdana, sans-serif;
    font-size: 14px;
    background-color: #EAEAEA;
    width: 100%;
    border-bottom: solid 1px #B9B9B9;
}

.barcode-list-header {
    display: none;
    line-height: 22px;
    color: white;
    font-family: 'ubuntu', verdana, sans-serif;
    font-size: 14px;
    background-color: #232323;
    width: 100%;
    border-bottom: solid 1px #B9B9B9;
}

.blr-blue {
    background-color: #C8FF80;
    color: #424242;
}


.products_wz {
    display: none;
}

.show_object{
    display: block;
}

.el-inline {
    display: inline-block;
}
.el-row {
    border-style: solid;
    border-color: #C7C7C7;
    border-width: 0 0 1px 0;
    cursor: pointer;
}

.el-row:hover {
    background-color: #DED3F5;
}

.el-row-selected{
    background-color: black;
    color: white!important;
}

.pos-header {
    background-color: #DCDCDC;
    line-height: 25px;
    width: 1060px;
    margin-bottom: 3px;
    color: #676767;
    font-weight: bold;
    padding-left: 10px;
    margin-left: -10px;
}

.link-button-error {
    display: inline-block;
    background-color: white;
    color: black;
    width: 70px;
    border-radius: 4px;
    font-weight: 700;
    margin: auto;
}

.link-button-error:hover {
    background-color: orange;
}

.worker-image {
    display: inline-block;
    width: 110px;
    height: 130px;
    border: solid 4px #FFFFFF;
    background-color: white;
    margin: 5px;
    overflow: hidden;
    vertical-align: middle;
}

.worker-image img {
    width: 100%;
    height: 100%;
    -webkit-filter: contrast(1.1);
    -webkit-filter: brightness(1.2);
}

.worker-image-details {
    display: block;
    height: 400px;
    overflow: hidden;
}
.worker-text-cell {
    display: table-cell;
    text-align: left;
    font-family: "Exo", Verdana, sans-serif;
    font-size: 13px;
    padding-left: 5px;
    vertical-align: middle;
}
.worker-text-row-0 {
    display: table-row;
    background-color: #E4E4E4;
    border-bottom: solid 1px white;
}
.worker-text-row-1 {
    display: table-row;
    background-color: #F5F5F5;
    border-bottom: solid 1px white;
}

.wid-preview {
    display: block;
    width: 300px;
    height: 300px;
    border: solid 2px #D2D2D2;
    background-color: white;
    overflow: hidden;
}
.wid-preview img {
    margin-top: 50%;
    margin-left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    max-width: 300px;
    max-height: 300px;
}

.worker-image-details img {
    //width: 100%;
    height: 100%;
}

a.worker-detail-add-image {
    display: block;
    line-height: 25px;
    width: 100%;
    text-align: center;
    color: #0041D4;
    font-size: 13px;
}

.worker-details-cell-image {
    display: inline-block;
    vertical-align: top;
    padding: 5px;
    background-color: #dadada;
    border: solid 1px #C7C7C7;
    border-radius: 4px;
}

.worker-details-cell-data {
    display: inline-block;
    vertical-align: top;
    padding: 5px 3px 10px 3px;
    border-radius: 4px;
   // border: solid 1px #C9C9C9;

}

.worker-details-text {
    display: block;
    font-family: 'Ubuntu', Verdana, sans-serif;
    font-size: 11px;
    color: black;
    line-height: 20px;
    border-bottom: solid 1px #F1F1F1;
    //width: 700px;
}

.dt-name {
    font-size: 25px;
    font-weight: 700;
    color: #2F2626;
    font-family: "Oswald", Verdana, sans-serif;
    border-bottom: solid 1px #F1F1F1;
    padding: 5px;
    background-color: #F9F9F9;
}

.wdt-coll {
    display: inline-block;
    width: 170px;
    padding-right: 15px;
    text-align: right;
    color: black;
}
#worker-image-link {
    display: block;
}
#worker-image-main {
    display: block;
}
#worker-image-preview {
    display: none; 
}

#worker-image-action {
    display: none;  
}
#worker-image-button {
    display: none;
    width: 100%;
    text-align: center;
    line-height: 25px;
    font-size: 13px;
    font-weight: 700;  
    font-family: 'ubuntu', verfana, sans-serif;
}

#worker-image-button a {
    display: inline-block;
    background-color: rgb(83, 136, 241);
    padding: 0px 10px;
    color: white;
    border-radius: 4px;
    text-shadow: 0px 0px 1px black;
    margin-top: 5px;
}

.worker-details-edit-link-div {
    width: 100%;
    height: 40px;
}

.worker-details-edit-link-a {
    border: solid 1px #7E7EF1;
    padding: 5px 12px;
    text-align: center;
    background-color: #7878FF;
    border-radius: 4px;
    float: right;
    margin-right: 20px;
    color: white;
    text-shadow: 0px 0px 1px #B7B7B7;
    margin-top: 10px;
}

.wdela:hover {
        border: solid 1px #BCBCFF;
        background-color: #D3D3FF;
}
a.wdela {
    display: block;
}

a.wdelt {
    display: none;
}
.wdelt:hover {
        border: solid 1px #BCBCFF;
        background-color: #D3D3FF;
}

a.wdelt-orange {
    background-color: orange;
    border-color: #CA9B28;
}

a.wdelt-orange:hover {
    background-color: red;
    border-color: red;
}

.shift-district {
    display: block;
    padding: 5px;
    background-color: #F3F3F3;
    color: #676767;
    font-family: 'oswald', verdana, sans-serif;
    font-size: 18px;
    clear: both;
}
    
.shift-block {
        display: block;
        width: 300px;
        margin: 15px 0 15px 15px;
        vertical-align: top;
        float: left;
    }
.shift-header {
        display: block;
        font-weight: bold;
        border-bottom: solid 1px gray;
    }
    
.shift-list {
        display: block;
        line-height: 20px;
        vertical-align: top;
    }
    
.shift-list-title {
        display: inline-block;
        width: 90px;
        vertical-align: top;
        color: #909090;
    }
a.shift-staff-link {
        display: inline-block;
        //padding-left: 20px;
        color: #5F5FE4;
        font-family: arial;
        font-size: 11px;
        float: right;
    }
    
.shift-chose-list-image {
    width: 90px;
    height: 110px;
    vertical-align: middle;
    border-radius: 5px;
    border: solid 1px #E6E6E6;
    padding: 2px;
    }
    
.shift-chose-list{
    
    display: block;
    float: left;
    width: 150px;
    height: 150px;
    text-align: center;
    padding-top: 10px;
    background-color: #FBFBFB;
    margin: 2px;
    line-height: 25px;
    border-radius: 5px;
    }
    
.shift-chose-list:hover{
        background-color: #c9e419;
        cursor: pointer;
    }
    
.w-rfid-row {
    display: none;
    padding: 15px;
    border-radius: 5px;
    border: solid 1px #C7C7C7;
   
    }
.w-rfid-col {
        display: table-cell;
        font-family: 'Ubuntu', Verdana, sans-serif;
        font-size: 11px;
        
    }
.w-rfid-field {
    padding-left: 25px;
    line-height: 25px;
    color: red;
}


.title-password-hide {
    padding-top: 10px;
    border-bottom: solid 1px #56aaff;
    font-size: 13px;
    font-weight: bold;
}

.fa-small-blue {
    color: #2D5DCE;
    display: inline-block;
    padding: 0px 4px;
    border: solid 1px #2D5DCE;
    border-radius: 4px;
    line-height: 17px;
    background-color: #70D9FF;
}
.fa-small-blue:hover {
    background-color: white;
}



.fa-switch-on {
    color: #0BD40B;
    vertical-align: middle;
}

.fa-switch-off {
    color: #FF0000;
    vertical-align: middle;
}

.rating-button-sort {
    display: inline-block;
    width: 20px;
    border: solid 1px #B99A9A;
    text-align: center;
    line-height: 25px;
    height: 25px;
    border-radius: 3px;
    background-color: #E6E6E6;
    margin-left: 2px;
}

.rating-button-sort:hover {
    background-color: yellow; 
}

#sortable .text-row:active {
    background-color: yellow;
}

#load-main {
    position: fixed;
    height: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    width: 200px;
    text-align: center;
    line-height: 215px;
/*    border-radius: 60px;
    box-shadow: 0px 0px 39px #d0d0d0;
    border: solid 1px #949494;*/
}

#load-container {
   
    //background-color: white;

}

#prop-main {
    position: fixed;
    top: 100px;
    left: 50%;
    transform: translateX(-51%);
    border-radius: 4px;
}

#prop-container {
   
    border-radius: 5px 5px 0px 0px;
    padding: 20px 5px;
    font-size: 15px;
 
}

#new-main {
    position: fixed;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
}

#new-container {
   
    background-color: white;
    border-radius: 5px;
    padding: 10px;
 
}

.rating-query-list {
    display: inline-block;
    height: 23px;
    line-height: 23px;
    width: 90px;
    border: solid 2px #FFFFFF;
    background-color: rgb(83, 136, 241);
    text-align: center;
    border-radius: 4px;
    font-size: 13px;
    font-family: 'Ubuntu', verdana, sans-serif;
    color: #FFFFFF;
    font-weight: 700;
}

.rating-query-list:hover {
    color: yellow;
    text-shadow: 1px 1px 2px black;
}

.rating-formula-table-cell-header{
    width: 90px;
    text-align: center;
    font-weight: 700;
    height: 30px;
    font-family: 'Exo', verdana, sans-serif;
}

.rating-formula-table-cell{
    text-align: center;
    line-height: 25px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-top-color: gray;
    border-right-color: gray;
    border-bottom-color: white;
    border-left-color: white;
}

.rftcell--1{
  border-left-color: gray; 
  
}

.rftrow-4 {
  border-bottom-color: gray;  
}

.rating-worker-div {
    margin-top: 5px;
    font-family: 'exo', verdana, sans-serif;
    font-size: 15px;
    background-color: white;
    padding: 5px 3px 10px 3px;
    border-radius: 4px;
   // border: solid 1px #C9C9C9;
    //width: 710px;
}

.wdel-rating {
    margin: 0px;
    font-family: verdana;
    font-size: 11px;
    font-weight: 300;
}

.rwd-action {
    font-size: 11px;
    font-family: verdana;
    
}

.r-td-div {
    font-family: arial;
    font-weight: 700;
    font-size: 11px;
}



.r-td-div-input {
    width: 58px;
    height: 18px;
    font-family: arial;
    font-size: 11px;
}

.rwl-first {
    font-family: 'Ubuntu', Verdana, sans-serif;
    font-size: 20px;
    font-weight: 700;
    background-color: #D442AB;
    width: 30px;
    height: 30px;
    margin: 10px 0 5px 20px;
    color: white;
    text-align: center;
    line-height: 30px;
    border-radius: 3px;
}

.rwl-list {
    font-family: 'Exo', Verdana, sans-serif;
    font-size: 14px;
    font-weight: 300;
    padding-left: 40px;
    line-height: 23px;
}


.answerReturn-0 {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50px;
    background-color: red;
    color: white;
    text-align: center;
    line-height: 15px;
    font-size: 11px;
    font-family: verdana;
}

.answerReturn-1 {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50px;
    background-color: white;
    border: solid 3px #00CF00;
    text-align: center;
    line-height: 15px;
    font-size: 11px;
    font-family: verdana;
}

.rating-legend {
    line-height: 25px;
    background-color: #F4F4F4;
    padding: 5px;
    border-radius: 4px;
    margin-bottom: 20px;
    border: solid 1px #E6E6E6;
}

.rating-result-query-heading-1 {
    display: block;
    background-color: #F4F4F4;
    text-align: left;
    height: 20px;
    color: black;
    line-height: 20px;
    font-size: 15px;
    font-weight: 700;
    padding-left: 15px;

}
.rating-result-query-block {
    display: inline-block;
    width: 150px;
    text-align: center;
    margin-right: 10px; 
    vertical-align: top;
}

.rating-result-query-heading-2 {
    display: block;
    background-color: #E2E2E2;
    height: 20px;
    color: black;
    line-height: 20px;
    font-size: 11px;
    font-weight: 700;
}

.rating-result-query-draw {
     display: block;
     padding: 5px;
}

.rrqName {
    font-family: 'Oswald', verdana, sans-serif;
    font-size: 20px;
    padding-bottom: 10px;
    margin-top: 15px;
}

.rrSHeading-line{
    display: block;
    text-align: center;
    font-weight: 700;
    background-color: #BBBBBB;
    border-style: solid;
    border-width: 0px;
    border-right-color: white;
    border-right-width: 1px;
    border-left-color: #BBBBBB;
}
.rrSHeading-cell{
    display: inline-block;
    text-align: center;
    font-weight: 300;
    width: 35px;
    background-color: #F590FF;
    border-style: solid;
    border-width: 0px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-color: gray;

}

.rrSResult-cell {
    display: inline-block;
    text-align: center;
    font-weight: 300;
    width: 35px;
    border-left: solid 1px gray;
    height: 25px;
    line-height: 25px;

}
.rrSResult-row{
    display: inline-block;
    border-style: solid;
    border-width: 0px 0 1px 0px;
    border-color: gray;
}



.config-heading {
    font-size: 15px;
    font-weight: 700;
    color: white;
    background-color: #00426D;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
}
.config-col {
    display: inline-block;
    text-align: left;
    height: 30px;
    line-height: 30px;
    font-family: 'Exo', verdana, sans-serif;
    font-size: 13px;
}

.config-col input {
    font-family: 'Ubuntu', verdana, sans-serif;
    font-size: 13px;
    height: 16px;
    line-height: 16px;
    border-radius: 2px;
    border: solid 1px #C5C5C5;
    padding-left: 3px;
    background-color: white;
}

.config-col-title {
    width: 350px;
    font-weight: 700;
}

.config-container {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
    background-color: #F3F3F3;
}

.config-row {
    border-bottom: solid 1px #E0E0E0;
    border-top: solid 1px white;
}

.config-save {
    position: absolute;
    left: 50%;
    transform: translateX(-60px);
        margin-top: -24px;
}


.config-con-father {
    display: block;
    width: 165px;
    height: 40px;
    line-height: 40px;
    background-color: #F0F0F0;
    border-style: solid;
    border-width: 0 3px 0 0;
    border-color: #C1C1C1;
    padding-left: 5px;
    padding-right: 5px;
    color: #313131;
    font-weight: 700;
    margin-top: 1px;
    margin-left: 1px;
    text-align: left;
    cursor: pointer;
}

.ccf-0 {
    height: 15px;
    background-color: white;
}

.ccf-active {
    background-color: #A29AFF;
    border-color: red;
    text-align: right;
}

.config-con-father:hover {
    //text-align: right;
    color: white;
}

.config-con-child {
    display: none;
    padding: 5px;
    border: solid 1px #E6E6E6;
    margin-right: 5px;
    margin-top: 3px;
    background-color: #F3F3F3;
    border-left-color: red;
}

.rating-legend-point {
    display: inline-block; 
    width: 25px; 
    height: 15px;
    margin: 2px;
    border: solid 1px gray;
    margin-left: 20px;
}

.rating-legend-description {
    display: inline-block; 
}

.tc-vt {
    vertical-align: top;
}

.returnData {
    text-align: center;
    line-height: 150px;
    
}

.bac-gray {
        background-color: #F7F7F7;
}

.probe-buttons {
    display: inline-block;
    padding: 0px 5px;
    min-width: 50px;
    border: solid 1px #AFAFFF;
    background-color: #CDCDFF;
    color: #0000EE;
    font-family: 'Ubuntu', Verdana, sans-serif;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    height: 20px;
    border-radius: 4px;
    
}

.psTitle {
    font-size: 18px;
    font-family: 'Exo', verdana, sans-serif;
    font-weight: 700;
    padding-bottom: 3px;
}

.ppTesting{
    min-height: 30px;
    position: relative;
    background: #FFF9BF;
    border-style: solid;
    border-color: #D8D1D1;
    border-width: 0px 1px 1px 1px;
    margin-bottom: 30px;
}
.ppTesting:after, .ppTesting:before {
	bottom: 100%;
	left: 16%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ppTesting:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #2D77A6;
	border-width: 8px;
	margin-left: -8px;
}
.ppTesting:before {
	border-color: rgba(180, 180, 222, 0);
	border-bottom-color: #D8D1D1;
	border-width: 7px;
	margin-left: -7px;
}


.ppTError {
    color: white;
    font-weight: 700;
    font-size: 11px;
    background-color: red;
    padding: 2px 4px;
}

.aptf-row {
    
    display: table-row;
    background-color: #2D77A6;
}

.aptf-col {
    
    display: table-cell;
    text-transform: uppercase;
    padding: 2px 3px;
    color: black;
    border-right: solid 1px #DADADA;
    text-align: center;
    vertical-align: top;
}

.aptf-bold {
        font-weight: 700;
        vertical-align: middle;
        color: white;
        font-family: "Ubuntu", verdana, sans-serif;
        font-size: 10px;
        padding: 5px 0;

}

.aptf-col input {
    margin-bottom: 3px;
    padding-left: 2px;

}

.aptf-op1 {
    border-bottom: solid 1px #DADADA;
    border-right: solid 1px #DADADA;
    line-height: 10px;
    height: 25px;
    vertical-align: middle;
    text-transform: none;
    cursor: pointer;
}

.aptf-op2 {

    height: 30px;
    padding-right: 10px;
    font-size: 14px;
    vertical-align: top;
    text-align: right;
    
}

.aptf-table {
    margin-bottom: 15px; 
    width: 100%;
    display: table;
}

.div-ptf-main {
    display: none;
    position: absolute;
    z-index: 2000;
    min-width: 300px;
    top: -3px;
    right: 60px;
}

.div-ptf-arrow {
	position: relative;
	background: #ffffff;
	border: 1px solid #565656;
        padding: 5px 5px 15px 5px;
        border-radius: 4px;
        box-shadow: 0px 0px 5px black;
}
.div-ptf-arrow:after, .div-ptf-arrow:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.div-ptf-arrow:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 9px;
	margin-top: -35px;
}
.div-ptf-arrow:before {
	border-color: rgba(86, 86, 86, 0);
	border-left-color: #565656;
	border-width: 10px;
	margin-top: -36px;
}

.ptf-add-file {
    display: block;
    width: 100%; 
    text-align: left;  
    padding: 15px 0 5px 0;
}


.ptf-input-form {
    border: solid 1px #BFBFBF;
    outline: none;
    height: 17px;
    margin-top: 2px;
    padding-left: 3px;
}

.image-enlarge {
    position: fixed;
    top: 10px;
    left: 10px;
    border: solid 1px black;
    background-color: white;
    padding: 5px;
    border-radius: 4px;
}

span.mark {
  background: yellow;
  color: black;
}

.my-input-border-container {
  // background-color: #9C9C9C; 
}
.my-input-border {
    line-height: 20px;
}

.field-required {
    font-weight: 700;
    color: red;
}


.fields-required-legend {
    margin-top: 20px;
    padding-top: 10px;
    border-top: solid 1px #A6A4A4;
    text-align: left;
    color: #A6A4A4;
}

.inform-span {
    background-color: yellow;
    
}

.cdn-debuger {
    float: right;
    padding-right: 10px;
}

.ui-autocomplete
{
    z-index:2000 !important;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 11px;
}

.konsygnacja-label{
    background-color: #B90C0C;
    color: white;
    padding: 5px;
    border-bottom: solid 1px #DBDBDB;
}


/* ..................... */


div.tpla-1-unlock {
    text-decoration: none;
    display: inline-block;
}

div.tpla-1-lock {
    text-decoration: line-through;
    display: inline-block;
}

div.tpla-2-unlock {
   display: inline-block;
}

div.tpla-2-lock {
   display: none;
}

div.tpla-3-unlock {
   display: inline-block;
}

div.tpla-3-lock {
   display: none;
}

div.tpla-4-unlock {
   display: none;
}

div.tpla-4-lock {
   display:  inline-block;
}


#panel-operatora-link {
    position: fixed;
    display: block;
    width: 100%;
    top: 20px;
    margin:  auto;
    text-align: center;
}

a.panel-operatora-link-button{
    display: inline-block;
    border: solid 1px #91b5ff;
    width: 400px;
    font-size: 30px;
    line-height: 40px;
    background-color: red;
    color: white;
    border-radius: 5px;
}

a.panel-operatora-link-button:active{
  
    background-color: orange;

}

#rfid-login-form {
    display: none;
    font-size: 30px;
}

#panel-login-main{
    display: none;
    padding-top: 20px;
}

a.panel-main-link-button{
    display: inline-block;
    border: solid 1px #91b5ff;
    width: 400px;
    font-size: 30px;
    line-height: 80px;
    background-color: red;
    color: white;
    border-radius: 5px;
}


div.header-kosze-row{
    display: block;
    clear: both;
    width: 100%;
    height: 30px;
    padding: 2px 5px;
    font-family: 'Oswald';
    font-size: 14px;
}
div.kosze-col{
    display: inline-block;
    margin: 0 5px;
}

a.attach-link{
    display: inline-block;
    border: solid 1px white;
    line-height: 45px;
    background-color: red;
    padding: 0px 6px;
    border-radius: 5px;
    color: white;
}

a.attach-link:hover{
    background-color: orange;
}

div.attach-container{
    position: absolute;
   
    right: 5px;
    top: 0px;
}

a.link-natural {
    color: #8d8df7;
    text-decoration: none;
    border-bottom: dotted 1px white;
    line-height: 20px;
}
a.link-natural:hover {

    border-bottom: dotted 1px #8d8df7;
}

a.link-natural:active {
    color: #4141c4;
    
}

div.divHandsList{
    display: inline-block;
    padding: 5px 0 5px 5px;
    width: 166px;
    border-style: solid;
    border-width: 0 1px 0 0;
    border-color:#baaae6;
    min-height: 85vh;
}

ul.handList {
    list-style: none;
    margin: 0px;
    padding: 0px;
    
}

ul li.handList{
    height: 25px;
    border: solid 1px #d5e2fc;
    line-height: 25px;
    width: 150px;
    background-color: ghostwhite;
    padding: 5px 5px;
    font-family: verdana;
    margin-bottom: 2px;
}
ul li.handList:hover{

    background-color: #d1e5ff;
    cursor: pointer;

}

ul li.handListActive {
    width: 156px;
    border-width: 1px 0 1px 1px;
    border-color: #baaae6;
    background-color: white;
}

ul li.handListActive:hover {
    cursor: default;
    background-color: white;
}

div.divHandsContent{
    display: block;
    padding-left: 1px;
    vertical-align: top;

}

.fontVerdana11px{
    font-family: verdana; 
    font-size: 11px;
}


div.handReportClass{
    background-color: #f2f1ff;
    width: 750px;
    height: 80px;
    padding: 5px;
}

div.divRow{
    display: table-row;
}
div.divCell{
    display: table-cell;
    text-align: left;
    padding-left: 5px;
}


div.col-in-row-left {
    display: inline-block;
    margin-left: 5px;
    width: 400px;
    margin-top: 5px;
    border-right: solid 1px #cfcfcf;
}

div.col-in-row-right {
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    vertical-align: top;

}

div.col-in-row-bottom {
    margin: 10px 5px 10px 5px; 
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: center;
    border-top: solid 1px #cfcfcf;
}

div.div-group-parent{
    display: block;
    min-width: 200px;
    min-height: 300px;
    vertical-align: middle;
    text-align: center;
    background-color: white;
}

div.div-group-child{
    display: inline-block;
    width: 200px;
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
    margin: 5px;
    padding-left: 5px;
    
}

div.dgc-next {
    border-left: solid 1px red;
}

a.div-group-link{
    display: block;
    cursor: pointer;
}

a.div-group-link:hover{
    
    background-color: yellow;
    
}

a.div-group-select {
    background-color: red;
}

a.link-choose-group {
    display: inline-block;
    width: 60px;
    height: 20px;
    line-height: 20px;
    background-color: black;
    border: solid 1px #bfbfbf;
    text-align: center;
    border-radius: 4px;
    color: white;
    box-shadow: 0 0 8px 0px white;
    margin-right: 10px;
}


.help-popup{
    display: inline-block;
    cursor: pointer;
    color: #e6e6e6;
    background-color: #7687a2;
    border-radius: 50px;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 16px;
    vertical-align: 3px;
    position: relative;
}

.helpDIV {
    display: block;
    position: fixed;
    min-width: 100px;
    max-width: 300px;
    min-height: 50px;
    background-color: white;
    border: solid 1px gray;
    padding: 5px;
    border-radius: 4px;
    color: black;
    text-align: left;
}



.groupFaderOuter {
    clear: both;
    display: block;
    position: fixed;
    top: -10px;
    right: -395px;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 1001;
    
}

.groupFaderButton {
    display: inline-block;
    width: 40px;
    background-color: red;
    color: white;
    font-weight: 700;
    vertical-align: top;
    margin-top: 200px;
    border-radius: 4px 0 0 4px;
    padding: 3px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0px -1px 4px 3px #a38585;
    margin-left: 5px;
 
}

.groupFaderInner {
    display: inline-block;
    width: 380px;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: white;
    border: solid 1px #e7e7e7;
    padding: 5px;
    margin-top: 5px;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 0 5px 5px #6d6565;
}

.li-mouse-over:hover{
    background-color: red;
    color: white;
    cursor: pointer;
}

.li-click {
    background-color: gray;
}


.report-descriptions {
    display: none;
}

.changeViewDiv {
    display: none;
    position: absolute;
    top: 32px;
    left: 5px;
    width: 203px;
    background-color: white;
    border: solid 1px #cbcbcb;
    min-height: 80px;
    padding: 5px;
    z-index: 1600;
    line-height: 12px;
    
}

a.order-link {
    color: #ffffff;
    font-size: 11px;
}

.cal-day{
    display: inline-block;
    width: 20px;
    height: 15px;
    /* border: solid 1px gray; */
    line-height: 17px;
    text-align: center;
    font-size: 11px;
    font-family: "Oswald", verdana, sans-serif;
    overflow: hidden;
    vertical-align: middle;
    background-image: url(../images/bg_green.jpg);
    background-color: #dddbdb;
    background-repeat: no-repeat;
    background-size: 100% 30%;
    
}

.rhFiltrDymek{
    display: none;
    position: absolute;
    bottom: 45px;
    left: 141px;
    height: 50px;
    line-height: 50px;
    background-color: #459a38;
    border: solid 1px #00ba06;
    padding: 5px;
    min-width: 150px;
    box-shadow: 0 0 5px black;
    border-radius: 4px;
    
}

.rhFiltrDymek input {
    
    height: 15px;
    line-height: 15px;
    width: 120px;
    
}

.rhFiltrDymek_arrow_box {
	//position: relative;
	background: #459a38;
	border: 1px solid #00ba06;
}
.rhFiltrDymek_arrow_box:after, .rhFiltrDymek_arrow_box:before {
	top: 100%;
	left: 56px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.rhFiltrDymek_arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #459a38;
	border-width: 10px;
	margin-left: -10px;
}
.rhFiltrDymek_arrow_box:before {
	border-color: rgba(245, 0, 0, 0);
	border-top-color: #00ba06;
	border-width: 11px;
	margin-left: -11px;
}

.closeX{
    position: absolute;
    background-color: #d9ffd4;
    width: 25px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    border-radius: 50px;
    box-shadow: 0 0 3px grey;
    font-weight: 700;
    cursor: pointer;
}

.closeX:hover{
    background-color: yellow;
}

.closeX_top_right{
    top: -12px;
    right: -13px;
}


.scaleWidthFull{
  width: 80vw!important;
}

.scaleHeightFull{
  height: 90vh!important;
}


.info-legend {
    
    position: absolute;
    border: solid 1px red;
    background-color: #fbedaa;
    min-width: 120px;
    min-height: 50px;
    padding: 5px;
    border-radius: 0 9px;
    
}

.shiftQtyContainer{

    line-height: initial;
    padding: 5px 0;

}

.shiftQtyRow{
    display: inline-block;
    text-align: center;
    height: 15px;

}

.shiftQtyRowTop{
    font-weight: bold;
    font-size: 10px;
    background-color: #ebefff;
    border-bottom: solid 1px #dad9d9;
}

.shiftQtyCell {
    
    display: inline-block;
    width: 50px;
    line-height: 15px;
    
}


.wrForm-col {
    display: inline-block;
}

.wrForm-fieldCol {
    margin-right: 1px;
    vertical-align: top;
}

.wrForm-row {
    display: block;
    width: 170px;
    margin-bottom: 1px;
    height: 25px;
    line-height: 25px;

}

.wrForm-title {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #5778ab;
    font-size: 12px;
    color: white;
    height: 80px;
    line-height: 15px;
    text-align: center;

}
.wrForm-title-names {
    background-color: #68a0a2;
    color: #ffffff;
}
.wrForm-list {
    background-color: #f3f3f3;
    padding-left: 5px;
    box-sizing: border-box;
    color: #444444;
}

.wrForm-field {
    background-color: white;
   // padding-left: 5px;
    box-sizing: border-box;
    color: black;
    text-align: center;
    cursor: pointer;
}

.wrForm-list-mark {
    
    background-color: yellow;
    color: black;
    font-weight: 700;
}

.wrWorkerImage {
    
    width: 250px;
    border: solid 1px #ece8e8;
    display: none;
    
}


.weWIEnabled {
    display: block;
}


.wrAverageTotal {
    
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    border-top: solid red;
    background-color: #dcffb6;
}

.NCM_main_container{
    
    display: block;
    //margin: 10px 20px;
    background-color: white;
    border: solid 1px #c3c3c3;
    box-shadow: 0 0 10px grey;
    //max-width: 1200px;
    padding: 20px;
    text-align: left;
    margin: 20px auto;
}




.NCM_top_part {
    display: block;
    width: fit-content;
    height: 200px;
    box-sizing: border-box;
    background-color: white;
    min-width: 150px;
    position: relative;
    padding-top: 1px;
    padding-right: 1px;
    margin-top: 30px;
}



.NCM_bottom_part {
    display: block;
    width: fit-content;
    height: 150px;
    box-sizing: border-box;
    background-color: #b7b7b7;
    min-width: 150px;
    position: relative;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    
}

.NCM_worker_name {
    display: inline-block;
    overflow: hidden;
    width: 30px;
    height: 148px;
    background-color: white;
    margin-left: 1px;
}

.NCM_text_vertical {
    display: inline-block;
    white-space: nowrap;
    -webkit-transform: translate(8px,145px) rotate(-90deg);
    -moz-transform: translate(8px,145px) rotate(-90deg);
    -o-transform: translate(8px,145px) rotate(-90deg);
    transform: translate(8px,145px) rotate(-90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -ms-transform: none;
    -ms-transform-origin: none;
    -ms-writing-mode: tb-rl;
}

.NCM_worker_name_history {
    display: inline-block;
    overflow: hidden;
    width: 30px;
    height: 70px;
    background-color: white;
    margin-left: 1px;
}

.NCM_text_vertical_history {
    display: inline-block;
    white-space: nowrap;
    -webkit-transform: translate(-1px,55px) rotate(-65deg);
    -moz-transform: translate(-1px,55) rotate(-65deg);
    -o-transform: translate(-1px,55px) rotate(-65deg);
    transform: translate(-1px,55px) rotate(-65deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -ms-transform: none;
    -ms-transform-origin: none;
    -ms-writing-mode: tb-rl;
}

.NCM_worker_average {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    width: 30px;
    height: 200px;
    background-color: white;
    margin-left: 1px;
    z-index: 1200;
   // position: relative;
    
}

.NCM_text_average {
    display: block;
    width: 5px;
   // background-color: red;
  //  height: 50px;
    margin-left: 14px;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 1200;
}

.NCM_chart_scale_container {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1000;
}


.NCM_wrWorkerImage {
    
    width: 120px;
    border: solid 1px #ece8e8;
    display: none;
    margin: auto;
    height: 141px;
    border_radius: 20px;
    
}

.NCM_weWIEnabled {
    display: block;
}


.NCM-mark-name{
    background-color: black!important;
    color: white;
    box-shadow: 0 0 5px black;
}

.NCM_marker_line {
    position: absolute;
    top: 347px;
    left: 61px;
    //background-color: red;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #5ca2f9;
    height: 7px;
}

.nieodebrane {
    
    background-color: red;
    color: white;
}

a.exam-button-show{
    underline: none;
    color: #8181e0;
    font-family: Verdana;
    font-size: 13px;
    
}

.exam-input-text{
    border-color: #a2a0a0;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    height: 21px;
    padding-left: 3px;
}

.exam-trash{
    font-size: 19px!important;
    color: #aeaeff;
    vertical-align: -2px;
}

.exam-details {
    display: none;
    width: 100%;
    background-color: white;
    min-height: 70px;
    border-bottom: solid 1px gray;
}
.exam-details-inner {
    padding: 5px;
}

.status-ball {
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 50px;
    border: solid 1px white;
    vertical-align: middle;
}
.sb-0 {
    background-color: red;
}
.sb-1 {
    background-color: #17c517;
}

.przyp-details{
    display: block;
    height: 200px;
    text-align: center;
    
}

.pdRow {
    display: inline-block;
    background-color: #f8f8ff;

}

.pdCell {
    display: block;
    width: 120px;
    height: 30px;
    border-style: solid;
    border-color: #d2cfcf;
    border-width: 0 1px 1px 0;
    line-height: 30px;
    text-align: center;
}

.pdCell-first-cell {
    border-width: 1px 1px 1px 1px;
    
}

.pdCell-first-col {
    border-width: 0 1px 1px 1px;
    font-family: 'exo', verdana, sans-serif;
}
.pdCell-first-row {
    border-width: 1px 1px 1px 0;
    font-weight: 700;
}

.przypisanie-input {
    
    width: 40px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border: solid 1px #dadada;
    font-family: Verdana, sans-serif;
    background-color: white;
}
.p-i-error {
    background-color: #ff1717;
    
}

.pd-names {
    white-space: nowrap;
    -webkit-transform: translate(8px,145px) rotate(-90deg);
    -moz-transform: translate(8px,145px) rotate(-90deg);
    -o-transform: translate(8px,145px) rotate(-90deg);
    transform: translate(8px,145px) rotate(-90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -ms-transform: none;
    -ms-transform-origin: none;
    -ms-writing-mode: tb-rl;
}

.errorDiv {
    color: red;
    font-size: 15px;
    font-family: "Exo", verdana, sans-serif;
    margin: 5px auto;
    min-height: 20px; 
}


.seRaportDataTitle {
    background-color: #dedede;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    padding-left: 10px;
    font-family: 'Ubuntu', verdana, sans-serif;
    border-bottom: solid 1px #9d9d9d;      
}

.seRaportData{
    display: inline-block;
    margin-right: 10px;
    
}

.seRaportWartosc {
    font-family: Tahoma, verdana, sans-serif;
    font-size: 15px;
    text-align: right;
    padding-right: 5px;
    
}

.sell-raport-3-link-header {
    font-size: 16px;
    text-decoration: underline dotted white;
}

div.list-element-left {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    box-sizing: border-box;
    padding-left: 5px;
    float: left;
}
div.list-element-right {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    box-sizing: border-box;
    padding-right: 5px;
    float: right;
}

div.list-parent {
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: gray;
    box-sizing: border-box;
    clear: both;
    height: 25px;
}
div.list-parent:first-child {
    border-width: 1px;
}

td.paletaTD {
    font-size:15px;
    padding: 5px;
    border: solid 1px gray;
    background-color: #e9e7ff;
}

td.paletaTDFont20 {
    font-size:20px;
}

td.paletaTDColor {
    background-color: yellow;
}

td.paletaTDHeader{
    background-color: orange;
    font-weight: bold;
}

.rr-details {
    display: none;
    background-color: #f7f7f7;
    padding: 5px 0 5px 15px;
}

div .el-sql-rap {
    background-color: white;
    margin: 1px;
    padding: 5px;
}

.green-background-1 {
    background-color: #efffea;
}
.green-background-2 {
    background-color: #fff0ba;
}
.green-background-3 {
    background-color: #d6e7ff;
}
.green-background-4 {
    background-color: #ffd6d6;
}

div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;

}

div.surowce-lista-wyboru {
    border-bottom: solid 1px #dcdcdc;
    background-color: white;
    width: 97%;
}

div.surowce-lista-wyboru:hover {
    background-color: yellow;
    cursor: pointer;
}

div.list-elem{
    border-bottom: solid 1px #dcdcdc;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
}

div.sur-List-Header{
    background-color: #c4c4c4;
    color: white;
    padding: 3px;
    color: black;
    font-family: 'Exo', verdana;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
}

div.sur-List-Header-cell{
    display: inline-block;
}

div.prop-loader{

    width: 400px; 
    height: 100px; 
    padding-top: 50px; 
    text-align: center;
}

.pr-cell {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: gray;
}


.table-not-striped {
background-color: transparent!important;
}

.table-striped {
   background-color: #fdfcfc!important;
}

.my-bg-dark {
  background-color: #343a40!important;
}
    

.details_doc {
    margin: 0 0 5px 0;
}

.fa-arrows {
    display: none!important;
    
}

.dataTables_filter {
   float: left !important;
}

.integracja-div-print {
    
    border-style: dotted;
    border-width: 1px 1px 1px 0;
    border-color: black; 
    padding: 20px 5px; 
    width: 200px;
    margin: auto;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.liniaEtapy-1 {

    border-right-style: dashed;
    border-right-color: gray;
    border-right-width: 1px;
    margin-right: 20px;
    border-top-width: 0px!important;
    position: relative;

}

.liniaEtapy-2 {

    border-top-width: 0px!important;

}

.etap-dot {
    width: 11px;
    height: 11px;
    border-radius: 11px;
    background-color: #ff8d00;
    position: absolute;
    top: 4px;
    right: -6px;
}


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

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

.bg-80a7c3 {
    background-color: #80a7c3!important;
    
}

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


.bg-7acb7a {
    background-color: #7acb7a!important;
}

.text-oswald {
    font-family: 'Oswald', verdana, sans-serif;
}

.text-roboto {
    font-family: 'Roboto', verdana, sans-serif;
}

.text-play {
    font-family: 'Play', verdana, sans-serif;
}

.text-exo {
    font-family: 'Exo', verdana, sans-serif;
}

.text-agdasima {
  font-family: "Agdasima", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.text-pointer {
    cursor: pointer!important;
}
.fs-9 {
    font-size: 9px;
}
.fs-10 {
    font-size: 10px;
}
.fs-11 {
    font-size: 11px;
}
.fs-12 {
    font-size: 12px;
}

.fs-13 {
    font-size: 13px;
}

.fs-15 {
    font-size: 15px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}
.fs-25 {
    font-size: 25px;
}
.fs-30 {
    font-size: 30px;
}
.fs-35 {
    font-size: 35px;
}


.eng-text {
    color: #8f8f8f;
    font-size: 75%;
}

.text-bold {
    font-weight: 700;
}

.stage-container {
    background-color: white;
}

.stage-text {
/*    width: 100%;
    min-height: 200px;
    padding: 10px;
    vertical-align: top;*/
}
.stage-buttons {
    width: 100%;
    min-height: 60px;
    text-align: center;
    padding-right: 10px;
    line-height: 60px;
    border-top: solid 1px #e8e8e8;
    position: fixed;
    bottom: 60px;
    left: 0px;
}
.stage-1-container {

    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;

}

.stage-1-container label, input {
    cursor: pointer;
}


.lider-ocena-element-prac {
    cursor: pointer; 
    font-size: 16px; 
    font-family: 'Play', verdana; 

    border-bottom: solid 1px #dedede; 
    padding: 3px 3px 5px 5px;
    height: 36px;
 
        
}


.lider-ocena-element-prac:hover {
    background-color: #a8d2ff;
}


.loep-ukraina {
    background-color: #edff55;
    height: 90px;
    overflow: hidden;
    line-height: 80px;
    position: relative;
}

.custom-input {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.blink-text{
		background-color: #000;
		animation: blinkingText 1s infinite;

	}
	@keyframes blinkingText{
		0%		{ background-color: red;}
		50%		{ background-color: white;}
		100%            { background-color: red;}
	}

        
        
.triangle{
	width: 0;
	height: 0;
	border-width: 10px 17px 10px 0;
	border-color: transparent #ffc107 transparent transparent;
	border-style: solid;
        top: 1px;
        position: absolute;
        left: -18px;
}

.zz_field {
    background-color: white;
    cursor: pointer;
}

.zz_field:hover {
    background-color: #fff4a4;
    cursor: pointer;
}

.zz_field:active {
    background-color: #eda54c;
    cursor: pointer;
}


.button-zmiana {
    
    width: 120px;
    display: inline-block;
    border: solid 1px #b5b5b5;
    text-align: center;
    padding: 2px;
    background-color: #d3d3d3;
    font-family: 'ubuntu', verdana, sans-serif;
    color: white!important;
   // text-shadow: 0px 0px 1px black;
}
.button-zmiana-active {
    border-radius: 4px 0 0 4px;
}
.button-zmiana-unactive {
    border-radius: 4px;
    width: 150px;
}

.button-zmiana-active:hover {
    background-color: #007bff!important;
}
.button-zmiana-unactive:hover {
    background-color: #007bff;
}

.button-zmiana-unactive:hover:after {
    content: " dodaj";
}

.button-zmiana-empty {
    width: 150px;
    border-radius: 4px;
    background-color: #fdfdfd!important;
}

textarea {
    border-color: #ebebeb;
    border-radius: 4px;
    outline: none !important;
}

textarea:focus {
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
}

.rpHaleListBox {
    border: solid 1px #878787;

    color: white;
    width: 150px;
    height: 60px;
    vertical-align: middle;
    line-height: 43px;
    border-radius: 5px;
    box-shadow: 0 5px 10px #a7a7a7;
    font-size: 20px;
}
.rpHaleListBox:hover {
    background-color: #14a4e9!important;
    cursor: pointer;
}

.dn-form-element-36 {
    height: 36px!important;
    
}

.rp-input-field {
    border: none; 
    width: 100%;
    height: 25px;
}

.rp-input-field:focus {
    outline: none; 
}

.rpSurowiecBadge {
    font-size: 12px;
    font-family: 'roboto';
}


.blink_me {
  animation: blinker 1s linear infinite;
}


.blue-background {
     background-image:url(../images/blue_background.png);
     background-repeat:no-repeat;
}

.gray-background {
     background-image:url(../images/gray_background.png);
     background-repeat:no-repeat;
}

.black-background {
     background-image:url(../images/black_background.png);
     background-repeat:no-repeat;
}

.w-33 {
    width: 33%;
}

.w-45 {
    width: 45%;
}

.bg-white {
    background-color: white!important;
}

.bg-f3f7fb {
    background-color: #f3f7fb!important;
}
.text-294e96 {
    color: #294e96!important;
}

.bg-92c9ff {
    background-color: #92c9ff!important;
}

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


.bg-5fffb5 {
    background-color: #5fffb5!important;
}
.bg-5dff94 {
    background-color: #5dff94!important;
}
.bg-e5e5e5 {
    background-color: #e5e5e5!important;
}

.bg-antiquewhite{
     background-color: #faebd7!important;
}

.bg-antiquewhite-light{
     background-color: #fffbf7!important;
}

.bg-cyangreen{
     background-color: #cfffc9!important;
}

.bg-pinkDark{
     background-color: #ff7d7d!important;
}


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



.text-c1c1c1{
    color: #c1c1c1;
}


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

.square-20 {
    width: 20px; 
    height: 20px;
}


@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.text-left {
    text-align: left!important;
}

.text-center {
    text-align: center!important;
}
.text-right {
    text-align: right!important;
}

.float-left {
    float: left!important;
}


.float-right {
    float: right!important;
}

._3dWycenaInput {
    width: 200px;
    text-align: right;
    padding-right: 5px;
}

.light-button {
    border: solid 1px #b9b9ff;
    padding: 3px;
    background-color: #e1e1ff;
    border-radius: 3px;
    color: #07070a;
    cursor: pointer;
    text-decoration: none;
}


.light-button:hover {

    background-color: green;
    color: white;
}


.cw-50{
    width: 50px;
}

.cw-75{
    width: 75px;
}

.cw-100{
    width: 100px;
}

.cw-150{
    width: 150px;
}

.cw-200{
    width: 200px;
}

.cw-250{
    width: 250px;
}

.cw-300{
    width: 300px;
}

.cw-350{
    width: 350px;
}

.cw-400{
    width: 400px;
}

.cw-450{
    width: 450px;
}

.cw-500{
    width: 500px;
}

.mes-background-cylinder{
    background-color: #d5f0ff!important;
}

.mes-background-glowica{
    background-color: #fff2d5!important;
}

.mes-element-width {
    width: 65px;
}

.mes-section-width {
    width: 100px;
}



.section-icon-background {
    /* color: #0d6efd; */
    color: #178EEE;
}

.button-menu {
    background-color: #0d6efd !important;
    color: #ffffff !important;
    text-shadow: 0px 0px 5px white;
}


.bg-ingremio-dark {
    background-color: #0c3f75;
}

.dropdown-menu {
    white-space: nowrap;
}


nav ul {
    width: 100%;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    padding-left: 0px;
    margin-bottom: 0px;
}

nav li {
    height: 40px;
    

}
.navbar-main {
    position: relative;
    font-family: "Ubuntu", verdana, sans-serif;
    padding: 0.75em;
    background-color: #dedede !important;
}

.navbarbutton {
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px 3px 0 0;
    width: 150px;
    font-family: 'Oswald', verdana, sans-serif;
    background-color: #a8a8a8;
    border-style: solid;
    border-color: #F5F5F5;
    border-width: 1px 1px 1px 0;
    margin-left: 2px;
    color: white!important;
    font-size: 1.1em;

}

.navbarbutton-active {
    background-color: #dedede!important;
    border-top: solid 1px #B6B6B6;
    border-left: solid 1px #B6B6B6;
    border-right: solid 1px #B6B6B6;
    color: black!important;
    border-radius: 3px 3px 0 0;

}

.navsidebar {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 250px;
    z-index: 99999;
    background-color: white;
    box-shadow: -10px 0 10px rgba(0,0,0,0.1);
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;

}

.navsidebar li {
    width: 100%;
    align-content: center;
    height: 60px;
}

.navsidebar a {
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
    font-family: 'ubuntu', verdana, sans-serif;
    font-size: 18px;
    padding-left: 20px;
    color: black;
    text-decoration: none;
}

.navsidebar a:active{
    background-color: #e7e7e7;
}

.no-underline {
    text-decoration: none;
}

.no-underline:hover {
    color: black;
    background-color: #f2f6ff;
    padding: 2px;
}

.no-underline-2 {
    text-decoration: none;
}

.no-underline-2:hover {
    font-weight: 700;
}

.no-underline-3 {
    text-decoration: none;
}


@media(max-width: 1500px){
    .hideOnMobile{
        display: none;
    }
    
     .showOnMobile{
        display: list-item!important;
    }
}


.navbar-ul {
    width: 100%;
    list-style: none;
    display: flex;

    padding-left: 0px;
    margin-bottom: 0px;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
}

.navbar-li {
    color: #212529 !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.navbar-li-elem{
    margin: 0 0.25em;
}

.navbar-form {
    display: inline-block;
    padding: .25rem .25rem;
    font-weight: 400;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


*:disabled {
  background-color: #b6b6b6;
  color: #111111;
  opacity: 1;
}

.navbar-button {
    all: unset;
    display: inline-block;
    line-height: 30px;
    min-width: 90px;
    background-color: #f0f0f0;
    color: #34343d;
    border: solid 1px #bebebe;
    font-family: 'Oswald';
    text-align: center;
    border-radius: 2px;
    text-transform: uppercase;
    vertical-align: middle !important;
    cursor: pointer;

}

.navbar-button:active {

    background-color: #0c3f75;
    color: white;
    cursor: pointer !important;
}




.navbar-select {
    display: inline-block;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-weight: 400;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}



.bg-info-light{
    background-color: #b5f2ff!important;
}


.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */

  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}


@media only screen and (min-width: 600px) {
    .modal-content {
        background-color: #fefefe;
        margin: auto;
        border: 1px solid #888;
        width: 95%;
        height: 90%;
        margin-top: 25px;
      }

    .modal-container {
        text-align: left; 
        padding: 0px 10px 10px 10px; 
        font-family: "inter",verdana; 
        font-size: 11px; 
        color: black; 
        overflow-y:auto; 
        overflow-x: hidden;
    } 
    
    .zlecenie-row {
        font-size: 11px;
    }
}


@media only screen and (min-width: 1024px) {
    .modal-content {
        background-color: #fefefe;
        margin: auto;
        border: 1px solid #888;
        min-width: 30%;
        width: fit-content;
        max-width: 80%;
        min-height: 50%;
        height: fit-content;
        max-height: 90%;
        margin-top: 50px;
      }

    .modal-container {
        text-align: left; 
        padding: 0px 10px 10px 10px; 
        font-family: "inter",verdana; 
        font-size: 13px; 
        color: black; 
        overflow-y:auto; 
        overflow-x: hidden;
    } 
    .zlecenie-row {
        font-size: 12px;
    }
}


.body-screen {
    
        font-family: "Ubuntu",verdana, sans-serif;
        font-size: 15px;
        color: white;
        background-color: black;
        margin: 0px;
        padding: 10px 50px;
    }

    
@keyframes redFlag {
  0%   {color:red; }
  25%  {color:yellow; }
  50%  {color:red; }
  75%  {color:yellow; }
  100% {color:red; }
}  

.animationFlag {
  animation-name: redFlag;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}


.title-line-bottom {
    border-width: 0 0 2px 0;
    border-color: #0d6efd;
    border-style: solid;
}


tr.my-hover:hover {
     background-color: #ececec;
}

.winDetails a {
    text-decoration: none;
    font-family: "exo";
    font-size: 15px;
    background-color: #f8f9ff;
    padding: 2px;
    border-radius: 4px;
}
.winDetails a:hover {

    background-color: #eaedff;
    cursor: pointer;

}

.win-section-title {
    border-bottom: solid;
    border-width: 1px;
    border-color: #c1c1c1;
    margin-bottom: 10px;
    padding-left: 5px;
}


.text-navy-blue {
    color :#1c74b5;
}


.bg-blue {
        background-color: #006fff!important;
    }
    
.text-blue {
        color: #006fff!important;
    }
    
.button-blue {
    background-color: #006fff;
    text-decoration: none !important;
    color: white;
    border-radius: 4px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 8px;
    font-size: 13px;
    text-transform: uppercase;
    }    

 
.button-blue:hover {
    background-color:  #3089fd!important;
    color: white!important;
    }

.button-blue:active {
    background-color:  #beddff!important;
    }


.button-cancel {
        background-color: #ffd91e!important;
        text-decoration: none!important;
        color: #232323!important;
        border-radius: 4px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 7px;
        padding-bottom: 8px;
        font-size: 13px;
        text-transform: uppercase;
    }
.button-cancel:hover {
    background-color:  #efc703!important;

    }    

.button-action {
    background-color: #ffffff;
    text-decoration: none !important;
    color: #0058ff;
    border-radius: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 8px;
    font-size: 13px;
    border: solid 1px #1db6ff;
}

.button-action:hover {
    background-color:  #3089fd!important;
    color: white!important;
    }
    
    
.button-action-green {
    background-color: #ffffff;
    text-decoration: none !important;
    color: #329750;
    border-radius: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 8px;
    font-size: 13px;
    border: solid 1px #d3f9d0;
}

.button-action-green:hover {
    background-color:  #86e3a2!important;
    color: white!important;
    }    
    
    
.link-blue {
	display: inline-block;
        font-weight: 500!important;
        color: #006fff!important;
        text-decoration: none!important;
        transition: transform 0.1s;
        font-size: 1.1em;
    }    


.link-blue:hover {
	color: #1b66b6!important;
        cursor: pointer;
        transform: scale(1.2)!important;
		
    }

    
.link-history {
	display: inline-block;
        color: #006fff!important;
        text-decoration: none!important;
        font-size: 10px;
    }    


.link-history:hover {
	color: #1b66b6!important;
        cursor: pointer;
		
    }
    
.pointer:hover {
    cursor: pointer!important;
    box-shadow: #000 0px 0px 5px;
}

.background-header {
    background-color: #f3f7fb!important
}


.blink {
    animation: blink-animation 1s steps(1, start) infinite;
}

@keyframes blink-animation {
    50% {
        visibility: hidden;
    }
}