body {
    background-color: #232426;

}


div.container {width: 1380px; font-size:  0.9em;}
div.container-fluid {font-size: 0.9em;}
.rounded0{-moz-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}
.btn-info {background: #c00000; border: 0px;}
.btn-info:hover {background: #FF0000;}

.btn-primary {background: #c00000; border: 0px;}
.btn-primary:hover {background: #FF0000;}

.btn-furtka {background: #1890ff; border: 0px; color:white;}
.btn-furtka:hover {background: #1890ff; color:white;}


.nav-pills>li.active>a {background-color: #c00000; border-radius: 0;}
.nav-pills>li.active>a:hover {background-color: #FF0000; border-radius: 0;}

/*------------------------
FONTS
--------------------------*/
@font-face {
    font-family: 'Gotham-Book';
    src: url('../../../assets/fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('../../../assets/fonts/Gotham-Book.otf')  format('opentype'),
    url('../../../assets/fonts/Gotham-Book.woff') format('woff'), url('../../../assets/fonts/Gotham-Book.ttf')  format('truetype'), url('../../../assets/fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham-Black';
    src: url('../../../assets/fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),  url('../../../assets/fonts/Gotham-Black.otf')  format('opentype'),
    url('../../../assets/fonts/Gotham-Black.woff') format('woff'), url('../../../assets/fonts/Gotham-Black.ttf')  format('truetype'), url('../../../assets/fonts/Gotham-Black.svg#Gotham-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham-Bold';
    src: url('../../../assets/fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),  url('../../../assets/fonts/Gotham-Bold.otf')  format('opentype'),
    url('../../../assets/fonts/Gotham-Bold.woff') format('woff'), url('../../../assets/fonts/Gotham-Bold.ttf')  format('truetype'), url('../../../assets/fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham-Medium';
    src: url('../../../assets/fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),  url('../../../assets/fonts/Gotham-Medium.otf')  format('opentype'),
    url('../../../assets/fonts/Gotham-Medium.woff') format('woff'), url('../../../assets/fonts/Gotham-Medium.ttf')  format('truetype'), url('../../../assets/fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}




/*------------------------
HEADER
--------------------------*/
.navbar-echo {
    background-color: #232426;
    border: none;
    margin-bottom: 0;
    padding-top: 48px;
    padding-bottom: 48px;
}
.navbar-echo .navbar-nav>li>a {
    color: #ffffff;
    padding: 9px 30px;
    font-family: 'Gotham-Book', arial, sans-serif;
}
.navbar-echo .navbar-nav>li>a:hover {
    color: #ffffff;
}
.navbar-echo .navbar-nav>li>a>span {
    color: #656566;
}
.navbar-echo .navbar-right {
    margin-right: 0;
}
.navbar-echo .navbar-right li:first-child + li, .navbar-echo .navbar-right li:last-child {
    border-left: 1px solid #383a3c;
}
.navbar-brand {
    height: 38px;
    padding-top: 0;
    padding-bottom: 0;
}
.navbar-right-echo li:first-child img {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -4px;
    left: -42px;
    border-radius: 30px;
}
.navbar-right-echo li:first-child + li img {
    margin-right: 21px;
    position: relative;
    top: -1px;
}
/*------------------------
LEFT NAVIGATION
--------------------------*/
.echo-main-nav {
    padding: 0;
    margin-top: -1px;
}
.echo-main-nav ul {
    padding: 0;
}
.echo-main-nav ul li {
    list-style-type: none;
}
.echo-main-nav ul li a {
    font-family: 'Gotham-Black', arial, sans-serif;
    color: #ffffff;
    width: 190px;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background-color: #2e2f31;
    border-top: 1px solid #232426;
}
.echo-main-nav ul li a:hover {
    text-decoration: none;
    background-color: #424345;
}
.echo-main-nav ul li a.active {
    color: #232426;
    background-color: #ffffff;
}
/*------------------------
MAIN CONTAINER
--------------------------*/
.echo-container {
    background-color: #ffffff;
    padding-left: 30px;
    padding-right: 30px;
}
.echo-container-2 {
    background-color: #ffffff;
    margin-bottom: 40px;
}
.shop-name {
    font-family: 'Gotham-Bold', arial, sans-serif;
    border-bottom: 3px solid #e97931;
    padding-left: 0;
    padding-right: 0;
}
.shop-name h1 { font-size: 35px; color: #1b2227; margin-top: 55px;}
.shop-name p { font-size: 16px; color: #898b8f; margin-bottom: 30px;}
a.addModul img {
    position: absolute;
    top: 40px;
    right: 0;
    border: 1px solid #f1f1f1;
}
.audyt-section h1, .audyt-section h2 {
    font: 24px 'Gotham-Black', arial, sans-serif;
    text-transform: uppercase;
}
.audyt-section h1 {
    color: #383f45;
    margin-top: 23px;
    margin-bottom: 0;
}
.audyt-section h2 {
    color: #e97931;
    margin-top: 1px;
    margin-bottom: 24px;

}
.audyt-section-1 {
    border: 1px solid #f1f1f1;
    padding-left: 30px;
}
.audyt-section-2 {
    border-left: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    padding-left: 0;
    padding-right: 0;
}
.audyt-section-2 .highcharts-data-labels g:first-child text tspan {
    font: 18px 'Gotham-Black', arial, sans-serif;
}
.audyt-section-2 .highcharts-data-labels g:first-child + g {
    display: none;
}
.last-audyt, .last-audyt-nfo {float: left;}

.last-audyt-info p.last-audyt-result {
    font: 80px 'Gotham-Black', arial, sans-serif;
    color: #1b2227;
}
.last-audyt-info p:first-child {
    padding-top: 20px;
    margin-bottom: 8px;
}
#last-audyt {
    width: 225px;
    height: 225px;
}
.audyt-section-2 div p {
    font: 16px 'Gotham-Book', arial, sans-serif;
    color: #6d727b;
}

.audyt-section-2 div p span {
    font-family: 'Gotham-Black', arial, sans-serif;
    color: #1b2227;
}
.audyt-section-2 > div:last-child {
    background-color: #f1f1f1;
    height: 53px;
}
.audyt-section-2 > div:last-child a {
    font: 14px 'Gotham-Black', arial, sans-serif;
    color: #1e1e1e;
    text-transform: uppercase;
    padding-top: 19px;
    padding-bottom: 19px;
    padding-left: 30px;
    display: block;
}
.audyt-section-2 .as-below-info p img {
    margin-top: -4px;
    margin-left: 15px;
}

.as-below-info {
    font: 16px 'Gotham-Book', arial, sans-serif;
    color: #6d727b;
    margin-left: 0;
    margin-right: 0;
    border-top: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
}
.as-below-info p {
    margin: 0;
    padding: 29px 0 29px 15px;
}
.as-below-info p span {
    font-family: 'Gotham-Black', arial, sans-serif;
    color: #1b2227;
}
.as-main {
    padding-right: 15px;
    padding-left: 15px;
    height: 225px;
    border-right: 1px solid #f1f1f1;
}
.audyt-section-3 {
    padding: 0;
}
.audyt-section-3 .as-main p {
    padding-top: 20px;
    font: 16px 'Gotham-Black', arial, sans-serif;
}
#threeTop, #threeBelow {
    width: 100%;
    height: 60px;
}
#threeTop .highcharts-series-0 > g, #threeBelow .highcharts-series-0 > g {
    display: none;
}
.audyt-section-3 .as-last {
    position: relative;
    background-color: #f1f1f1;
    height: 54px;
}
.audyt-section-2, .audyt-section-3 {
    margin-bottom: 30px;
}

/*Rounded corners*/
.audyt-section-3 .as-last:before, .audyt-section-3 .as-last:after {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 0;
    right: 0;
    content: "";
}
.audyt-section-3 .as-last:before {
    transform: rotate(90deg);
    border-top: solid 10px #fff;
    border-right: solid 10px #fff;
    border-left: solid 10px transparent;
    border-bottom: solid 10px transparent;
}
.audyt-section-3 .as-last:after {
    transform: rotate(90deg);
    border-bottom: solid 10px #e6e6e6;
    border-left: solid 10px #e6e6e6;
    border-right: solid 10px transparent;
    border-top: solid 10px transparent;
}
img.as-arrowUp {
    position: absolute;
    top: 73px;
    left: -6px;
}
img.as-arrowDown {
    position: absolute;
    top: 182px;
    left: -6px;
}

.audyt-section-4, .audyt-section-5 {
    padding: 0;
}
.audyt-section-4 .section-inner {
    background-color: #23cafd;
    margin-right: 15px;
}
.audyt-section-5 .section-inner {
    background-color: #232426;
    margin-left: 15px;
}
.s-header h2 {
    font: 24px 'Gotham-Black', arial, sans-serif;
    color: #ffffff;
    margin: 0;
    padding-top: 29px;
    padding-bottom: 29px;
    padding-left: 28px;
}
#tradingData {
    height: 245px;
}
.audyt-section-4 .s-footer {
    background-color: #5bd1f5;
    position: relative;
}
.audyt-section-4 .s-footer:before, .audyt-section-4 .s-footer:after {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 0;
    right: 0;
    content: "";
}
.audyt-section-4 .s-footer:before {
    transform: rotate(90deg);
    border-top: solid 10px #fff;
    border-right: solid 10px #fff;
    border-left: solid 10px transparent;
    border-bottom: solid 10px transparent;
}
.audyt-section-4 .s-footer:after {
    transform: rotate(90deg);
    border-bottom: solid 10px #009ccc;
    border-left: solid 10px #009ccc;
    border-right: solid 10px transparent;
    border-top: solid 10px transparent;
}
.s-footer a {
    padding-top: 18px;
    padding-bottom: 20px;
    padding-left: 20px;
    font: 14px 'Gotham-Black', arial, sans-serif;
    color: #ffffff;
    display: block;
    text-transform: uppercase;
}
.audyt-section-5 {
    position: relative;
}
.audyt-section a.close-res {
    position: absolute;
    top: 20px;
    right: 34px;
}
.audyt-section-5 .s-content {
    height: 245px;
}
.audyt-section-5 .s-footer {
    position: relative;
    background-color: #1e1f21;
}
.audyt-section-5 .s-footer:before, .audyt-section-5 .s-footer:after, .audyt-section-6 .s-footer:before, .audyt-section-6 .s-footer:after {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 0;
    right: 0;
    content: "";
}
.audyt-section-5 .s-footer:before {
    transform: rotate(90deg);
    border-top: solid 10px #fff;
    border-right: solid 10px #fff;
    border-left: solid 10px transparent;
    border-bottom: solid 10px transparent;
}
.audyt-section-5 .s-footer:after {
    transform: rotate(90deg);
    border-bottom: solid 10px #000000;
    border-left: solid 10px #000000;
    border-right: solid 10px transparent;
    border-top: solid 10px transparent;
}
.audyt-section-5 .result-to-premium {
    height: 74px;
}
.result-to-premium div {
    font: 14px 'Gotham-Medium', arial, sans-serif;
    color: #666b6f;
}
.result-to-premium .first-col {
    padding-right: 0;
}
.result-to-premium .second-col {
    text-align: right;
}
.result-to-premium .last {
    color: #ffffff;
}
.result-to-premium > .col-xs-6 div {
    margin-bottom: 4px;
}

.result-to-premium-bottom h4 {
    margin: 0;
    padding-left: 30px;
    padding-top: 30px;
    padding-bottom: 12px;
    font: 14px 'Gotham-Medium', arial, sans-serif;
    color: #ffffff;
}
.result-to-premium-bottom .res-1 p {
    font: 70px 'Gotham-Black', arial, sans-serif;
    color: #e97931;
    padding-left: 15px;
}
.result-to-premium-bottom .res-1 p span {
    font-family: 'Gotham-Medium', arial, sans-serif;
    font-size: 36px;
    position: relative;
    top: -24px;
}
.result-to-premium-bottom .res-2 {
    padding-left: 30px;
}
.result-to-premium-bottom .res-2 p {
    font: 11px 'Gotham-Medium', arial, sans-serif;
    color: #666b6f;
    margin-top: 14px;
}

.audyt-section-6 {
    padding: 0;
}
.audyt-section-6 .section-inner {
    background-color: #856dfa;
    margin-right: 15px;
}
#visual-information {
    width: 200px;
    height: 200px;
    float: left;
    margin-top: -14px;
    margin-bottom: 21px;
    margin-left: 20px;
}
.audyt-section-6 .s-footer {
    background-color: #7860ec;
    position: relative;
}
.audyt-section-6 .s-footer:before {
    transform: rotate(90deg);
    border-top: solid 10px #fff;
    border-right: solid 10px #fff;
    border-left: solid 10px transparent;
    border-bottom: solid 10px transparent;
}
.audyt-section-6 .s-footer:after {
    transform: rotate(90deg);
    border-bottom: solid 10px #6c54e2;
    border-left: solid 10px #6c54e2;
    border-right: solid 10px transparent;
    border-top: solid 10px transparent;
}
.audyt-section-6 .highcharts-data-labels g:first-child text tspan {
    font: 18px 'Gotham-Black', arial, sans-serif;
    color: #4a37a4;
}
.audyt-section-6 .highcharts-data-labels g:first-child + g {
    display: none;
}
.audyt-section-6 .visual-information-result {
    font: 80px 'Gotham-Black', arial, sans-serif;
    color: #ffffff;
    margin-bottom: 30px;
}
.audyt-section-6 div p {
    font: 16px 'Gotham-Book', arial, sans-serif;
    color: #ffffff;
}
.audyt-section-6 div p span {
    color: #4a37a4;
}
.audyt-section-6 .visual-information-result-container {
    padding-right: 30px;
}
.audyt-section-6 .visual-information-result-container p {
    float: right;
}

.empty-section {
    height: 377px;
}
.audyt-section-7, .audyt-section-8 {
    padding: 0;
}
.audyt-section-7 .section-inner {
    margin-right: 15px;
}
.audyt-section-8 .section-inner {
    margin-left: 15px;
}
.audyt-section-7 .s-header h2, .audyt-section-8 .s-header h2 {
    color: #383f45;
}
.audyt-section-7 .s-header h2 span {
    color: #e97931;
}
.audyt-section-8 .s-header h2 span {
    color: #23cafd;
}
.audyt-section-7 .s-header {
    border-top: 3px solid #e97931;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
}
.audyt-section-8 .s-header {
    border-top: 3px solid #23cafd;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
}
.audyt-section-7, .audyt-section-8 {
    margin-bottom: 30px;
}
.audyt-section-7 .s-content {
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}
#annualresult, #resultAfterDepartments {
    height: 300px;
}
#annualresult .highcharts-data-labels > g {
    position: relative;
}
/*nie działa*/
#annualresult .highcharts-data-labels > g::after {
    display: block !important;
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: -20px;
    right: 0;
    content: "";
    background: transparent url('../img/green-indicator.png') no-repeat;
}
.audyt-section .section-inner {
    margin-left: 15px;
    margin-right: 15px;
}
.echo-container-2 .audyt-section {
    margin-bottom: 30px;
}
.addModulMenu {
    background-color: #2e2f31;
    width: 210px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 65px;
    right: 0;
    z-index: 10;
    display: none;
}
.addModulMenu li {
    list-style-type: none;
}
.addModulMenu li a {
    font-family: 'Gotham-Black', arial, sans-serif;
    color: #ffffff;
    padding: 10px 15px;
    display: block;
}
.addModulMenu li a:hover {
    text-decoration: none;
    background-color: #424345;
}

.spacer_0px {
    width: 100%;
    height: 1px;
    clear: both;
    display: block;
}
.spacer_15px {
    width: 100%;
    height: 15px;
    clear: both;
    display: block;
}
.spacer_20px {
    width: 100%;
    height: 20px;
    clear: both;
    display: block;
}
.spacer_30px {
    width: 100%;
    height: 30px;
    clear: both;
    display: block;
}

.planMassCell { display: inline-block; width: 140px; margin-left: 30px; padding-left: 0; margin-bottom: 20px;}
.polkaRow .planMassCell li {width: 100%}
.polkaRow ol li {
    display: inline-block;
    width: 10%;
    text-align: center;
    padding: 13px;
    border: 1px solid black;
}
.planMassCellNew { display: inline-block; width: 140px; margin-left: 30px; padding-left: 0; }
.polkaRow .planMassCellNew li { width: 100%; }

.well-login {
    width: 400px;
    height: 160px;
    background: #000000;
    margin: 150px auto 0 auto;
}

.well-login > a:first-child {
    padding-left: 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
}

.logo-container{
    margin: 150px auto 0 auto;
    width: 400px;
}

.logo-container > img {
    height: auto;
    width: auto;
    max-width: 400px;
}

.logout-info {
    color: #ffffff;
}
.leftEchoMenu {
    position: absolute;
    top: 120px;
    right: 0;
}
.leftEchoMenu ul {
    background-color: #232426;
    padding-left: 0;
    /*padding: 20px;*/
}
.leftEchoMenu ul li {
    list-style-type: none;
    padding: 10px;
}
.leftEchoMenu ul li a {
    color: #ffffff;
    padding: 10px;
    font-weight: bold;
}

.alert-danger, .alert-success, .alert-info, .alert-warning {
    font-weight: bold;
    border-radius: 0;
    background-color: transparent;
}
.alert-success {
    color: #009303;
    border: 2px solid #009303;
}
.alert-danger {
    color: #FF0500;
    border: 2px solid #FF0500;
}
.alert-warning {
    color: #764B00;
    border: 2px solid #764B00;
}
.alert-info {
    color: #0070A7;
    border: 2px solid #0070A7;
}
.nav-backend-container {
    border-right: 4px solid #232426;
    padding-left: 0;
    padding-right: 0;
}
.nav-backend {
    padding-top: 15px;
    background-color: #2e2f31;
}
.nav-backend span {
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    color: #ffffff;
    font-family: 'Gotham-Black', arial, sans-serif;
    border-top: 1px solid #232426;
    /*background-color: #57585a;*/
    background-color: #1a1a1b;
}
.nav-backend > li > span.active {
    background-color: #000000;
}
.nav-backend > li > ul.nav-backend-inner {
    display: none;
}
.nav-backend span:hover {
    cursor: pointer;
}
.nav-backend  li  a {
    padding-left: 30px;
    color: #ffffff;
    font-family: 'Gotham-Book', arial, sans-serif;
}
.nav-backend li a:hover {
    background-color: #424345;
    border-radius: 0;
}

.productCellTop { position: relative; }
.productCellTop > button { position: absolute; bottom: 0; left: 0;}
.productCellTop > select { width: 100% !important; }

.no-padding { padding: 0; }
button.productsSaveTop { margin-top: 20px; }

#communicationChart {
    height: 350px;
}

@media (max-width: 450px) {
    .well-login {
        width: 90%;
    }
}

#feedback { font-size: 1.4em; }
#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }

#cart tbody tr td {
    text-align: center;
    font-weight: 700;
}

#cart tbody tr td:not(:first-child) {
    cursor: pointer;
}

#catalog td {
    text-align: center;
    cursor: pointer;
    font-weight: 700;
}

.selectedMassPlan {
    background-color : red !important;
    color : white;
}
.nav-massPlan li.active a {
    background-color: #337ab7 !important;
}
.nav-massPlan li a {
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

#drivery h2, #planMass h2 {
    margin-bottom: 20px;
}

.visual-report-header select, #planMass .reklamacja select, #is_absolutely_valid, #drivery select {
    font-size: 14px;
    font-weight: 700;
    padding: 5px 5px;
}
#is_absolutely_valid {
    margin-left: 10px;
    margin-right: 10px;
}
#planMass .reklamacja {
    padding-left: 0;
    padding-right: 0;
}
#planMass .reklamacja table {
    margin-top: 20px;
    margin-bottom: 20px;
}

.planMassAddShelf {
    margin-bottom: 20px;
}
.rackPicture {
    max-width: 392px;
    float: left;
    margin-top: 25px;
    margin-right: 10px;
}
.answTableContainer {
    padding: 10px;
}
#cart td.ui-selected {
    background-color: red !important;
    color: white !important;
}

#owlGallery img {
    width: 100% !important;
    max-width: 250px;
    max-height: 187px;
}
#owlGallery .owl-item {
    margin-left: 1px;
}

/* tables */
table.tablesorter {
    margin:10px 0pt 15px;
    width: 100%;
    text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    padding: 4px;
}
table.tablesorter thead tr .header {
    background-image: url(../../../appl_panel/img/bg.gif);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 15px;
    cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
    background-image: url(../../../appl_panel/img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(../../../appl_panel/img/desc.gif);
}


.green { color: rgb(0, 128, 0) !important; }
.light-green { color: rgb(146, 208, 80) !important; }
.yellow { color: rgb(255, 192, 0) !important; }
.red { color: rgb(255, 0, 0) !important; }
.orange { color: rgb(255, 102, 0) !important; }

.data-fruits-left, .data-fruits-right {
    height: 600px;
}
.legend {
    text-align: center;
}
.legend .gr {
    width: 10px;
    height: 10px;
    background-color: green;
}
.legend .re {
    width: 10px;
    height: 10px;
    background-color: red;
}
.legend span, .legend p {
    display: inline-block;
}
.fruitsContainer h2, .availabilityTops h2 {
    margin: 10px 0 40px 0;
    padding: 20px;
    border: 1px solid #e2e2e2;
    font-size: 18px;
}
.availabilityTops h2 {
    margin-bottom: 10px;
}
.fruitTableContainer h2 {
    padding: 20px;
    border: 1px solid #e2e2e2;
    font-size: 18px;
}
#fruitPictureRight, #fruitPictureLeft {
    margin-right: 10px;
}
.fruitTableContainer {
    margin-top: 50px;
    margin-bottom: 50px;
}
.moreButton, .showAllButton {
    display: block;
    text-align: center;
    cursor: pointer;
    color: #337ab7;
    font-size: 1.0em;
    font-weight: 500;
    line-height: 1.6em;
    width: 200px;
    margin: auto;
    box-sizing: border-box;
    padding: 1px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

#zakresBox {
    background-color: #ffffff;
    position: absolute;
    top: 120px;
    left: auto;
    right: 30px;
    padding: 20px;
    border: 1px solid #ccc;
    display: block;
    z-index: 999;
    min-width: 1160px;
}


#shopListBox {
    background-color: #ffffff;
    position: absolute;
    top: 120px;
    left: auto;
    right: 30px;
    padding: 20px;
    border: 1px solid #ccc;
    display: block;
    z-index: 999;
}
#shopListBox .total {
    color: red;
    font-weight: 700;
}
#shopListBox p {
    font-weight: 700;
    font-size: 16px;
}
#zakresBox ul, #shopListBox ul {
    list-style-type: none;
    text-indent:-2em;
}
#zakresBox ul li, #shopListBox ul li {
    margin-bottom: 6px;
}
#zakresBox ul li a, #shopListBox ul li a {
    color: #000000;
}
#shopListBox .left {
    width: 200px;
    float: left;
}
#shopListBox .right {
    width: 800px;
    float: left;
}
#shopListBox .right ul {
    width: 800px;
    margin-bottom: 20px;
    overflow: hidden;
}
#shopListBox .right li {
    display: inline;
    float: left;
    line-height: 1.5em;
    width: 16.6%;
}
.filters {
    margin-bottom: 15px;
}
.waveFilterPils a, .waveFilterPils a:hover, .waveFilterPils a:visited {
    background-color: red !important;
    color: #ffffff !important;
    font-weight: 700;
}

.waveFilterPils li.active a {
    background-color: #ffffff !important;
    color: #000000 !important;
}
.nav-availability li a {
    font-weight: 700;
    color: #000000;
}
.nav-availability li.active a {
    background-color: red !important;
    color: #ffffff;
}
.topsShowHContainer {
    margin-bottom: 50px;
}
.topsShowHContainer h2 {
    padding: 20px;
    border: 1px solid #e2e2e2;
    font-size: 18px;
}

#perventagePicture,#problemRanksPicture {
    margin-right: 5px;

}

#topShowTable4 tr>td:first-child, #topShowTable4 tr>td:first-child + td {
    text-transform: uppercase;
}
.industrialMain, .singleWaveContainer, .qualityContainer {
    margin-bottom: 50px;
}
.industrialMain h2, .singleWaveContainer h2, .qualityContainer h2, .resultsContainer h2, .raportContainer h2 {
    padding: 20px;
    border: 1px solid #e2e2e2;
    font-size: 18px;
}
.raportContainer h2 {
    margin-top: 0;
}
.weeksLabel {
    display: block;
    text-align: center;
}

#industrialChart1, #industrialChart2 {
    height: 200px;
}
.industrialTableContainer {
    height: 250px;
    overflow: auto;
}
#singleWaveTAble1 img, #singleWaveTAble2 img, #singleShopTAble1 img, #singleShopTAble2 img {
    width: 100px;
}
#singleWaveTAble1 tr > td:first-child, #singleWaveTAble1 tr > td:first-child + td {
    padding-top: 25px;
}
.singleWaveTAble1Container {
    max-height: 600px;
    overflow: auto;
}
.singleWaveTAble2Container, #singleShopTAble1 {
    max-height: 400px;
    overflow: auto;
}
#qualityCorrectAnswer {
    height: 320px;
}

.filters button.active, .f-years button.active {
    background-color: red !important;
    color: white !important;
}

form .formRow p {
    font-weight: 700;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;
}
form .formRow label {
    font-weight: normal;
    margin-bottom: 0;
}

form .formRow > .form-group {
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 10px;
}
.raportContainer form {
    padding: 20px;
    border: 1px solid #e2e2e2;
}

form .formRow select {
    padding: 5px;
}

div.shopsPopUp {
    display: inline-block;
}

div.shopsPopUp span {
    z-index: 10;
    display: none;
    padding: 14px 20px;
    margin-top: -30px;
    margin-left: 28px;
    width: 300px;
    line-height: 16px;
}

div.shopsPopUp:hover span {
    display: block;
    width: 150px;
    z-index: 1;
    position: absolute;
    color: #111;
    border: 1px solid #bebebe;
    border-radius: 2px;
    background: #ffffff;
    padding: 5px;
    box-shadow: 0px 0px 6px #cccccc;
    box-sizing: border-box;
}