/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21.7.2023, 9:23:09
    Author     : Michal Hodermarský
*/

@media (max-width: 320px){
    .container {
        margin: auto;
        width: 310px;
    }
    .rozrobene {
        background-color: yellow;
    }
    .splnene {
        background-color: greenyellow;
    }
    .prekrocene {
        background-color: orangered;
    }
}

body {
    color: #4E4E4E;
    background-color: #F9FAFF;
}

h1.h1objednavky {
    color: #2E2E2E;
    font-size: 30px;
}

p.plogin {
    font-size: 16px;
    font-weight: 700;
    color: #737373;
}

.mensiepismo {
    color: #6E6E6E;
    font-size: 12px;
    font-weight: 400;
}

.tlacidloObjednavky {
    border: 2px solid #00A651;
    border-radius: 5px;
    background: #00A651;
    color: #FFF;
    padding: 4px;
    text-align: center;
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.tlacidloObjednavky:hover {
    background: #016331;
}

.tlacidloMenu, .vyrobaMenu {
    color: #2E2E2E;
    font-size: 16px;
    text-align: center;
}

.vyrobaMenuAktualne {
    background: #00A651;
    color: #FFF;
    padding: 4px;
    font-size: 16px;
    text-align: center;
    font-family: Open Sans;
    font-style: normal;
    line-height: normal;
}

.tlacidloMenuAktualne {
    border: 2px solid #00A651;
    border-radius: 5px;
    background: #00A651;
    color: #FFF;
    padding: 4px;
    font-size: 16px;
    text-align: center;
    font-family: Open Sans;
    font-style: normal;
    line-height: normal;
}

.tlacidloObjednavkyBiele {
    border: 2px solid #00A651;
    border-radius: 5px;
    background: #FFF;
    color: #00A651;
    padding: 4px;
    text-align: center;
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.tlacidloObjednavkyBiele:hover {
    background: #00A651;
    color: white;
}

.tlacidloTmave {
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    border: none;
    border-radius: 4px;
    background: #737373;
    color: #EDEDED;
    text-align: center;
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
}

.tlacidloSvetle {
    /*height: 30px;*/
    padding-left: 10px;
    padding-right: 10px;
    border: 2px solid #DFDFDF;
    border-radius: 5px;
    text-align: center;
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
}

#prihlas {
    width: 800px;
    box-shadow: 0px 4px 32px 0px #B1B2B7;
    background-color: white;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

#prihlasenieObrazok {
    background-image: url("/public/img/system/prihlasenie.jpg");
    background-size: cover;
}

.prihlaseniePolka, .produktPolka {
    box-sizing: border-box;
    flex: 1;
    float: left;
    font-family: Open Sans;
}

.produktPolka {
    width: 50%;
    position: relative;
}

.hlavneMenu {
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex: 1;
    font-family: Open Sans;
    margin-top: 20px;
    margin-bottom: 20px;
}

.hlavneMenuLogo {
    width: 40%;
    display: flex;
    /*justify-content: center;*/
    float: left;
}

.hlavneMenuPolozky {
    width: 60%;
    display: flex;
    box-sizing: border-box;
    justify-content: center;
}

#table-hlavneMenuPolozky td {
    text-align: center;
}

.divStred {
    width: 100%;
    display: flex;
    justify-content: center;
}
/* Aby sa v inpute nezobrazovali šípky hore a dole */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

input#prihlasit {
    width: 100%;
}

#logo {
    margin-top: 30px;
    margin-bottom: 50px;
}

#formular {
    margin-bottom: 20px;
}

#flashPrihlas {
    height: 50px;
}

#prihlasenie input, #admin-kalendar-filter-table input, .cena-input, #zakaznik-prevadzka, #upravitProdukt input:not(#nahratobrazok), #upravitProdukt select, #upravitKoeficienty input, #upravitKoeficienty select, #upravitZakaznika input, #upravitZakaznika select, #prihlasenie input, #admin-kalendar-filter-table input, .cena-input, #zakaznik-prevadzka, #upravitProdukt input:not(#nahratobrazok), #upravitProdukt select, #upravitKoeficienty input, #upravitKoeficienty select, #upravitZakaznika input, #upravitZakaznika select, #upravitPrevadzku input, input#poznamka_a {
    border: 2px solid #DFDFDF;
    border-radius: 5px;
}

#admin-kalendar-filter-table select {
    background: #737373;
    border-radius: 4px;
    color: #EDEDED;
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#admin-kalendar-filter-table input, #admin-kalendar-filter-table select {
    height: 30px;
    padding-left: 5px;
}

#prihlasenie label {
    margin-bottom: 0px;
    padding-top: 10px;
}

#upravitProdukt {
    width: 1000px;
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
}

#upravitKoeficienty {
    margin-top: 30px;
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
}

#upravitZakaznika, #upravitPrevadzku, #pridatDokument {
    width: 350px;
    margin-top: 30px;
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
}

#upravitZakaznika .popis, #upravitPrevadzku .popis {
    width: 100px;
}

#upravitZakaznika input, #upravitZakaznika select {
    width: 200px;
}

#upravitProdukt input:not(.koef), #upravitProdukt select {
    width: 300px;
    height: 27px;
}

#upravitKoeficienty .koef {
    width: 88px;
}

#upravitKoeficienty p.polozka {
    padding-right: 55px;
}

#upravitProdukt input.mj {
    width: 100px;
    margin-right: 10px;
}

table.sklad th, table.sklad td {
    padding-right: 15px;
}

.nadpis {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align:center;
    font-weight: bold;
}

.polozka {
    margin-bottom: 2px;
}

.popis {
    display: inline-block;
    width: 150px;
    text-align: right;
    margin-right: 10px;
    padding-right: 10px;
}

.aktivne {
    display: inline-block;
    width: 200px;
}

.cena-input {
    width: 50px;
}

.tr-cennik td {
    padding-left: 5px;
}

.riadok-ponuka:hover {
    color: white;
    background-color: black;
}

.errorMessage {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 2px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.zoznam {
    width: 100%;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 32px 0px #D9D9D9;
    padding: 15px;
    margin-bottom: 20px;
}

table.zoznamTable, table.zakaznikProfil {
    width: 100%;
}

table.zoznamTable td, .zakaznikProfil td {
    padding-left: 5px;
}

table.zoznamTable tr.seda, div.seda, div#lava {
    background: #F5F5F5;
}

table.zoznamTable tr.neaktivne {
    color: #BFBFBF;
}

div#lava {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

div#prava {
    text-align: center;
}

table.zakaznikProfil tr.biela {
    background: white;
}

div.zarovnajDoPrava {
    text-align: right;
}

table#tableObjednavky tr:hover:not(#nadpis){
    background: #737373;
    color: white;
}

table.detailInfo td {
    padding-left: 8px;
}

table#kosik-produkty tr:not(#posledny) {
    border-top: 2px solid #D9D9D9;
}

#kosikplus {
    display: inline-block;
    background-image: url("/public/img/system/plus.svg");
    background-size: cover;
    width: 20px;
    height: 20px;
}

#objednavkaplus {
    display: inline-block;
    background-image: url("/public/img/system/plus.svg");
    background-size: cover;
    width: 35px;
    height: 35px;
}

#kosikplus:hover, #objednavkaplus:hover {
    background-image: url("/public/img/system/plus-hover.svg");
    background-repeat: no-repeat;
}

#kosikminus {
    display: inline-block;
    background-image: url("/public/img/system/minus.svg");
    background-size: cover;
    width: 20px;
    height: 20px;
}

#objednavkaminus {
    display: inline-block;
    background-image: url("/public/img/system/minus.svg");
    background-size: cover;
    width: 35px;
    height: 35px;
}

#kosikminus:hover, #objednavkaminus:hover {
    background-image: url("/public/img/system/minus-hover.svg");
    background-repeat: no-repeat;
}

.kosikmnozstvo {
    display: inline-block;
    width: 40px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    border: 2px solid grey;
    border-radius: 5px;
}

table.adresa td {
    padding-left: 10px;
}

.vyrobky {
    padding-bottom: 10px;
}

.vyrobkySarza {
    padding-left: 15px;
}

.vyrobkyVyber {
    width: 90px;
    padding-left: 3px;
    padding-right: 15px;
}

.skenerInput {
    border: 2px solid black;
    width: 50px;
    text-align: right;
    padding-right: 3px;
    margin-right: 2px;
}

/* <zaciatok> Modálne okno (pozadie) <zaciatok> */
#adminModalImport, #adminModalVytvor, #adminModalUprav, #adminModalJazda, #adminModalJazdyHromadne, #adminModalSkuska, #adminModalDokument, #adminModalCena, #adminModalKoeficienty, #skenerPrepravka, #pridajHromadne {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    /*padding-top: 120px;*/  /*Location of the box */
    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.9); /* Black w/ opacity */
}

/* Obsah modálneho okna */
.adminModal-content, .skenerModal-content {
    background-color: white;
    border-radius: 5px;
/*    margin: auto;*/
    display: table;
/*    width: 80%;
    max-width: 600px;*/
}

#importcien, #vytvorobjednavku, #pridatCenu {
    width: 350px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
}

.adminModal-content .disabled {
    color: grey;
}

#oznacvyrobky {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

/* Animácia */
.adminModal-content {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

table#importziakov, table#upravainstruktora {
    padding-bottom: 5px;
}

table#importziakov td {
    padding-left: 5px;
    padding-right: 5px;
}

table#importziakov #chybaSuboru, table#upravaziaka #chybaUlozit, table#upravainstruktora #chybaUlozit, table#pridatjazdu #chybaJazda, table#pridatjazdyhromadne #chybaJazdyHromadne {
    color: red;
}

td#zatvorAdminModalImport-td {
    text-align: right;
    line-height: 25px;
}

#zatvorAdminModalImport {
    font-size: 30px;
    margin-right: 5px;
    cursor: pointer;
}

#zatvorAdminModalProdukt, #zatvorAdminModalJazda, #zatvorAdminModalCena {
    cursor: pointer;
}

#zatvorAdminModalProdukt {
    font-size: 28px;
    margin-right: 5px;
}

#zatvorAdminModalKoeficienty, #zatvorAdminModalZakaznik, #zatvorAdminModalPrevadzka, #zatvorAdminModalDokument, #zatvorAdminModalCena {
    font-size: 20px;
    margin-right: 10px;
}
/* <koniec> Modálne okno <koniec> */