/* ********************************************************************************* */
/* FONT ROBOTO                                                                       */
/* ********************************************************************************* */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url('adopted/roboto/Roboto-Light.ttf');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url('adopted/roboto/Roboto-Regular.ttf');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url('adopted/roboto/Roboto-Medium.ttf');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url('adopted/roboto/Roboto-Bold.ttf');
}

/* ********************************************************************************* */
/* FONTAWESOME - Změnou fontu lze změnit styl všech ikon v aplikaci                  */
/* ********************************************************************************* */

.fa {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
}

/* ********************************************************************************* */
/* ZÁKLADNÍ TAGY                                                                     */
/* ********************************************************************************* */

html, body {
    -webkit-overflow-scrolling: touch;
}

body {
    background-color: #f1f1f1;
    color: black;
}

html, body, h1, h2, h3, h4, h5 {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}

h1 {
    font-size: 165%;
    margin-top: 8px;
    margin-bottom: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* ellipsis */
}

a {
    text-decoration: none;
}

b {
    font-weight: 500;
}

hr {
    border-top: 1px solid #D2D6D9;
    margin: 12px 0;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media screen and (max-width: 600px) {
    .lineText {
        display: block;
    }
}

@media screen and (min-width: 992px) {
    .menu-button {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    h1 {
        margin-left: 35px;
    }
}

#ultraPanel {
    right: 0;
    z-index: 3;
    background-color: inherit;
}

/* ********************************************************************************* */
/* LEVÉ MENU                                                                 */
/* ********************************************************************************* */

#menuPanel {
    z-index: 3;
    width: 300px;
    display: none;
    position: relative;
    overflow-x: hidden;

    background-image: url('images/logo_default_menu.png');
    background-repeat: no-repeat;
    background-position: left 50% bottom 50px;
    background-size: 200px auto;
}

#menuPanel button {
    background-color: white;
}

button:focus,
.w4-list tr:focus,
.w4-list li:focus {
    background-color: #2196F3 !important;
    color: white;
    outline: none;
}

#menuPanel .caption {
    background-color: #f1f1f1;
}

#menuPanel h5 {
    text-transform: uppercase;
}

#menuPanel button:hover {
    background-color: #ccc
}

.previousFocus {
    outline-color: #4D90FE !important;
    outline-style: solid !important;
    outline-offset: -2px !important;
    outline-width: 2px !important;
}

#ghostbar {
    /* Panel resize helper */
    width: 3px;
    background-color: #000;
    opacity: 0.5;
    position: absolute;
    cursor: col-resize;
    z-index: 999
}

/* ********************************************************************************* */
/* HORNÍ A SPODNÍ TLAČÍTKOVÁ LIŠTA PANELŮ                                            */
/* ********************************************************************************* */

.w4-top-bar {
    position: fixed;
    padding: 0px 16px;
    z-index: 2;
}

.w4-bottom-bar {
    bottom: 0;
    font-size: 120%;
    position: fixed;
    border-top: 1px dashed #aaa;
    white-space: nowrap;
    background-color: inherit;
    z-index: 2;
}

#ultraPanel .w4-bottom-bar {
    margin-left: 3px;
}

.w4-bottom-bar input {
    background-color: #fff;
}

/* ********************************************************************************* */
/* SEZNAMY                                                                           */
/* ********************************************************************************* */

.w3-ul > li:hover {
    background-color: #f1f1f1; /* w3-hover-light-grey */
}

.w3-ul > li input[type="checkbox"] {
    /* V seznamu nezobrazovat checkboxy - označování pravým tlačítkem */
    display: none;
}

.selectedListItem {
    /* Označený záznam */
    background-color: #FFFFE6; /* w3-sepia */
}

/* ********************************************************************************* */
/* KOREKCE W3.CSS                                                                    */
/* ********************************************************************************* */

.w3-ul > li {
    /* Zmenšení okrajů seznamů, kvůli maximalizaci šířky na mobilu */
    padding-left: 0.8em;
    padding-right: 0.8em;
}

.w3-btn i {
    margin-right: 0.4em;
}

.w3-main {
    /* Potlačení výchozí animace levého okraje W3-MAIN - JS pro aktualizaci šířky fixních
        panelů doběhla dříve, než skončila animace a některá tlačítka pak nebyla vidět. */
    transition-property: none;
}


/* TODO:DABE - Dopracovat seznamy pomocí HTML tabulek */
.w4-list {
    table-layout: fixed;
}

.w4-list td {
    vertical-align: top;
    padding: 8px 8px;
}

.w4-list td input[type="checkbox"] {
    display: none;
}


/* ********************************************************************************* */
/* ZÁLOŽKY                                                                           */
/* ********************************************************************************* */

.tabLink {
    border-right: 1px solid #ccc;
}

.tabLink-active {
    background-color: #ccc;
    font-weight: bold;
}

.tabContent {
    display: none;
}

.tabContent i { /* TODO: Jen kvůli otevírání kontextového menu? Předělat! */
    width: 1.66em;
}

/* ********************************************************************************* */
/* FORMULÁŘE                                                                         */
/* ********************************************************************************* */

form {
    background-color: inherit;
}

.w3-btn {
    font-weight: 400;
    border-radius: 0.33em;

    /* Alternate BLUE 3D buttons - https://designmodo.com/3d-css3-button */
    /* border: 1px solid #2d6898;
    text-shadow: 0px -1px 0px rgba(0,0,0,.5);
    background-image: linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
    background-image: -o-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
    box-shadow: 0px 0px 0px #2b638f,
      inset 0px 1px 0px rgba(255,255,255,.3),
      inset 0px 0px 3px rgba(255,255,255,.5);
    */
}

button:focus:not(.w3-bar-item):not(.tabLink),
.w3-btn:active {
    /* Změnšení tlačítka po stisku - nefunguje na mobilu */
    transition: all .1s ease;
    transform: scale(0.93);
}

button::-moz-focus-inner, select::-moz-focus-inner {
    /* Firefox - Potlačení tečkovaného okraje u aktivního ovládacího prvku */
    outline: 0;
    border: 0;
}

.w4-deck {
    /* Zvýšena placka pro obsah formuláře */
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); /* w3-card */
    background-color: #FFF;
    padding-bottom: 7px;
    margin-bottom: 24px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.w4-deck h5 {
    /* Nadpis části formuláře */
    font-size: 120%;
    margin-top: 0px;
    padding: 8px 16px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* .ellipsis */
    border-top: 3px solid #888;
    border-bottom: 1px solid #D2D6D9;
}

.w4-deck .w3-btn {
    /* Tlačítka ve formuláři  */
    font-size: 1rem; /* w3-medium */
    margin-bottom: 10px;
    padding: 4px;
}

.w4-deck h5 .w3-btn {
    /* Tlačítka v nadpisech části formuláře */
    font-weight: normal;
    height: 27px;
    padding-top: 3px;
    margin-bottom: 0;
}

.w4-deck .w3-btn i {
    /* Ikona tlačítka v nadpisech části formuláře */
    margin-right: 0.2em;
}

/* Jen pro Internet Explorer */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    input, select {
        height: 31px;
    }

    .w3-dropdown-content button {
        background-color: #fff;
    }

    .w3-table, .w4-table, .w4-table-nohover {
        border: 1px solid #ccc;
    }

    select[disabled]::-ms-expand {
        /* Schování šipky u disabled SELECTů pro IE11 - u aktivních nefunguje šipka pomocí SVG */
        display: none;
    }
}

input, textarea {
    width: 100%;
    color: inherit;
    font-weight: 500;
    border: 1px solid transparent;
    padding: 0.2em 0 0.2em 0.33em;
    border-radius: 0.33em;
    margin-bottom: 0.8em;
    background-color: #f0f0f0;
    display: block; /* Srovnání spodku TEXTAREA */
    /* Schování stínu horního okraje na telefonu */
    -webkit-appearance: none;
    -moz-appearance: none;
}

textarea {
    min-width: 100%;
    max-width: 100%;
    min-height: 2em; /* Možnost roztahování */
}

select {
    width: 100%;
    height: 2em;
    color: inherit;
    font-weight: 500;
    border: 1px solid transparent;
    padding: 0.2em 0 0.2em 0.33em;
    border-radius: 0.33em;
    margin-bottom: 0.8em;
    /* Potlačení gradientu na iPhone + opětovné přidání výběrové šipky pomocí SVG */
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #f0f0f0 url("data:image/svg+xml;charset=utf-8, \
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'> \
      <polygon points='0,0 40,0 20,25' style='fill:black;'/> \
    </svg>") no-repeat right 0.2em center;
    background-size: 0.8em;
}

label {
    padding-left: 0.33em;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    display: inline-block;
    vertical-align: top;
    margin-right: 0.4em;
    width: 1.33em;
    height: 1.33em;
}

/* FOCUS, READONLY, BADVALUE */

textarea:focus, input:focus, select:focus {
    background-color: #FFFF9D !important;
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 0.66em #9ecaed;
}

textarea[readonly], input[readonly], textarea[disabled], input[disabled], select[disabled] {
    background-color: transparent;
    border: 1px solid #f5f5f5;
    background-image: none;
    opacity: 1;
}

textarea[badvalue], input[badvalue], select[badvalue] {
    background-color: #fedbdb;
    border: 1px solid #f44336;
}

.rollTextValue {
    /* Popiska číselníkových položek (zobrazení hodnoty z číselníku) */
    border: 1px solid #f0f0f0;
    border-left: 0;
    margin-top: 3px;
    padding-left: 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* .ellipsis */
    min-height: 1.6em;
}

/* ********************************************************************************* */
/* Kontextová nabídka seznamů                                                        */
/* ********************************************************************************* */

.w3-dropdown-click {
    margin: 0 0.5em;
    position: relative;
    display: inline-block;
    float: right;
}

.w3-dropdown-click-button {
    background-color: transparent;
    color: inherit;
    border: none;
    cursor: pointer;
}

.w3-dropdown-content {
    min-width: 17em;
    z-index: 1;
    right: 0;
}

.w3-dropdown-content i {
    width: 2em;
}

/* ********************************************************************************* */
/* SNACKBAR / TOAST - Informace o provedné akci, nebo chybě (v záhlaví panelu)       */
/* ********************************************************************************* */

.snackbar {
    position: fixed;
    padding: 8px 16px;
}

/* ********************************************************************************* */
/* UPLOAD BUTTON bez viditelného INPUTu                                              */
/* ********************************************************************************* */

input[type="file"] {
    display: none;
    /*opacity: 0;
    position: absolute;
    top: -100px;*/
}

/* ********************************************************************************* */
/* TABULKY                                                                           */
/* ********************************************************************************* */

.w4-table, .w4-table-nohover {
    width: 100%;
    border-collapse: collapse;
    background-color: white;
}

.w4-table td, .w4-table th, .w4-table-nohover td, .w4-table-nohover th {
    text-align: left;
    padding: 0.5em 1em;
    border-bottom: 1px solid #ddd;
}

.w4-table th, .w4-table-nohover th {
    text-align: left;
    background-color: #ccc;
    font-weight: 400;
}

.w4-table tbody tr:hover {
    background-color: #f1f1f1;
    text-align: center;
}

/* Barevné štítky pro označování záznamu více barvami - použití viz. REQUESTS.TPL */
.color-bullet {
    position: absolute;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    border: 0.15em solid white;
    border-radius: 1em;
    box-shadow: inset 0 0 0.15em #888, /* vnitřní stín */ 0 0 0.15em #888; /* venkovní stín */
}

/* ********************************************************************************* */
/* SELECT2                                                                           */
/* ********************************************************************************* */

.select2 {
    /* Probliknutí pravé části SELECTů po obnovení stránky */
    overflow: hidden;
    background-image: none;
    margin-bottom: 1em;
}

.select2-container .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    background-color: #f0f0f0;
    border-top: 0.91px solid transparent;
    border-right: 0.91px solid transparent;
    border-bottom: 0.91px solid transparent;
    border-left: 0.91px solid transparent;
    border-radius: 0.33em;
    min-height: 19px;
    margin: 0px;
}

.badvalue .select2-container .select2-selection--multiple,
.badvalue .select2-container--default .select2-selection--single {
    background-color: #FEECEC;
    background: #FEECEC;
    border: 0.91px solid #D63C3C;
}

.badvalue .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 0.91px solid #D63C3C;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    background-color: #FFFF9D !important;
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 0.66em #9ecaed;
}

.select2-container .select2-selection--single {
    height: 0;
}

.select2-container.select2-container--focus .select2-selection--single {
    background-color: #FFFF9D !important;
}

.select2-container.select2-container--focus .select2-selection--single:focus {
    outline: 0;
}

.select2-selection__arrow {
    display: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-top: 0.91px solid #abadb3;
    border-right: 0.91px solid #dbdfe6;
    border-bottom: 0.91px solid #e3e9ef;
    border-left: 0.91px solid #e2e3ea;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 4px;
    padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: black;
    line-height: 1.6;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 0px 8px 2px 4px;
    background-color: #E0E0E0;
    border: 0px;
    margin-top: 2px;
    margin-bottom: 1px;
    margin-right: 4px;
    padding: 1px 8px 0px 6px;
    font-weight: 500;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0px 2px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: block;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0px;
}

.select2-dropdown {
    border: 0.91px solid #DDD;
}

input.select2-search__field {
    height: 28px;
    margin: 0px;
}

.select2-container--disabled .select2-selection--multiple {
    background-color: white !important;
    border: 1px solid #f5f5f5;
}

/* ********************************************************************************* */
/* SELECT2                                                                           */
/* ********************************************************************************* */

/*
sub {
  font-size: 80%;
  opacity: 0.6;
}

.select2-result sub::before {
  content: "\A";
  white-space: pre;
}

.select2-result {
  line-height: 130%;
}

.select2-result sub {
  bottom: 0px;
}

.select2-result img {
  max-width: 40px;
  border-radius: 15%;
  margin-right: 6px;
  border: 1px solid #888;
}

.select2-result i {
  margin-right: 6px;
}

.select2-results__option[aria-disabled="true"] .select2-result img {
  filter: grayscale(100%);
  opacity: 0.3;
}

.select2-selection sub {
  display: none;
  bottom: 0;
  margin-left: 5px;
}

.select2-selection--single .select2-selection  img {
  max-width:28px;
  max-height:28px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-right: 2px;
  position: relative;
  top: -1.1px;
  left: -4px;
}

.select2-selection--multiple .select2-selection img {
  max-width:20px;
  max-height:20px;
  border-radius: 50%;
  margin-right: 4px;
  position: relative;
  top: -2px;
}

.select2-selection i {
  margin-right: 3px;
}

*/