@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700,900&display=swap&subset=latin-ext');

html {
    text-rendering: optimizeLegibility;
}

* {
    margin: 0;
    padding: 0;
}

body {
    background: #e8ebf2;
    min-width: 300px !important;
    font-size: 11px;
    font-family: 'Roboto' !important;
    padding-top: 70px;
}

.obalSlider {
    background: #1f2024;
    height: 650px;
    width: 40%;
    float: left;
    position: absolute;
    z-index: 20;
}

.obalSlider img {
    width: 100%;
}

.href {
    cursor: pointer;
    text-decoration: underline;
}

.c {
    width: 25px;
    height: 25px;
    position: fixed;
    z-index: 99999999999999999999;
    bottom: 0;
    right: 0;
    transition: 300ms;
    cursor: pointer;
}

.big {
    font-size: 120%;
}

.button {
    display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
input,
textarea,
select,
button,
.button,
.perex {
    line-height: 1.4em;
}

input[type="submit"],
button,
.button {
    cursor: pointer;
    padding: 0.4em 1em;
    text-transform: uppercase;
}

p {
    font-size: 12px;
    color: #535353;
    line-height: 22px;
}

#wrapper p {
    color: #535353;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    margin: 0 auto 35px;
}

a[href^="#error:"] {
    background: red;
    color: white;
}

a:link,
a:visited {
    background: none;
    color: #0fb551;
    text-decoration: none;
}

a:hover {
    color: #000;
}

p a {
    font-weight: 400;
}

p a:hover {
    text-decoration: underline;
}

p strong {
    color: #000 !important;
    font-weight: 700;
}

strong,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

.clr {
    clear: both;
}

.wrapper {
    max-width: 1366px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

form label {
    font-weight: 600
}

.btn {
    border: 0 none;
    text-decoration: none;
}

.flash {
    background: #1468dc;
    width: 100%;
    display: block;
    margin: 0;
    position: absolute;
    top: 0px;
    z-index: 9999999999999999999999999999999999999;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 20px;
    opacity: 1;
}

.flash a,
.flash a:link,
.flash a:visited {
    font-weight: bold;
    color: #fff;
    text-decoration: underline;
}

.flash a:hover {
    color: #c0f2ff;
}

.flash {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: flash;
    animation-name: flash;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes flash {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.container {
    text-align: center;
}

#ajax-spinner {
    margin: 15px 0 0 15px;
    padding: 13px;
    background: white url('../images/spinner.gif') no-repeat 50% 50%;
    font-size: 0;
    z-index: 123456;
    display: none;
}

div.flash {
    color: black;
    background: #FFF9D7;
    border: 1px solid #E2C822;
    padding: 1em;
    margin: 1em 0;
}

form th,
form td {
    vertical-align: top;
}

form th {
    text-align: right;
}

form .required label {
    font-weight: 700;
}

form .error {
    color: #D00;
    font-weight: 700;
}

input:disabled {
    background: #e8ebf2;
}

.btn,
input[type=submit] {
    font-weight: 700;
    border: unset !important;
}

.btn.btn-default,
input[type=submit] {
    background: #273649;
    border-radius: 2px;
    padding: 6px 15px !important;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 11px !important;
    text-decoration: none;
    transition: 500ms;
}

.btn.btn-default:hover,
input[type=submit]:hover {
    background: #0fb551;
}

.btn.btn-delete {
    background: #bb0000;
    border-radius: 2px;
    padding: 6px 15px !important;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none;
    transition: 500ms;
}

.btn.btn-delete:hover {
    background: #bb0000;
}

.btn.btn-reverse {
    background: #0fb551;
    border-radius: 2px;
    padding: 6px 15px !important;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none;
    transition: 500ms;
}

.btn.btn-reverse:hover {
    background: #273649;
}

input.disabled {
    background: #e8ebf2;
    color: rgb(84, 84, 84);
    cursor: default;
}

nav.navbar.navbar-expand-lg.justify-content-end {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
}

#ui-datepicker-div {
    z-index: 999 !important;
}

.btn-danger {
    background: #de0000 !important;
    color: #fff !important;
}

.btn-danger:hover {
    background: #aa0000 !important;
    color: #fff !important;
}

input[type=submit] {
    position: relative;
    top: 2px;
}

.inputdisabled {
    background: #eee;
}

nav {
    background-color: #273649;
}

nav .navbar-brand {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
}

nav .navbar-brand span {
    color: #0fb551;
    font-size: 40px;
    position: absolute;
    top: -5px;
}

nav ul li a:link,
nav ul li a:visited {
    color: #fff;
    font-size: 12px;
}

nav ul li a:active,
nav ul li a:hover {
    color: #e8ebf2;
}

nav ul li a.dropdown-item:link,
nav ul li a.dropdown-item:visited {
    color: #273649 !important;
    font-size: 12px;
}

nav ul li a.dropdown-item:active,
nav ul li a.dropdown-item:hover {
    background: #e8ebf2;
    color: #273649;
}

nav ul li .dropdown-header {
    font-weight: 700;
    ;
    color: #0fb551;
    font-size: 12px;
}

nav a.logOut {
    width: 110px;
    display: inherit;
    top: 2px;
}

nav a.logOut img {
    max-width: 17px;
    top: -2px;
    margin: 0 5px;
    position: relative;
}

nav #navbarNav {
    float: right;
}

h1 {
    color: #273649;
    font-size: 20px;
    padding: 40px 25px 25px 135px;
    text-align: left;
    background: transparent url('/img/nadpis-line.png') no-repeat left 55px;
    margin: 0px;
    display: inline-block;
}

h2 {
    color: #273649;
    font-size: 20px;
    padding: 40px 25px 25px 135px;
    text-align: left;
    background: transparent url('/img/nadpis-line.png') no-repeat left 55px;
    margin: 0px;
    display: inline-block;
}

h3 {
    color: #273649;
    font-size: 20px;
    padding: 40px 25px 25px 135px;
    text-align: left;
    background: transparent url('/img/nadpis-line.png') no-repeat left 55px;
    margin: 0px;
    display: inline-block;
}

h1 span {
    color: #62768d;
}

hr {
    clear: both;
}

table.table {
    background: #fff;
    margin: 25px;
}

table td div {
    padding: 6px;
    font-size: 10px;
}

table td div i {
    display: block;
    padding: 8px 0;
    color: #273649;
    font-size: 10px;
}

table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #e8ebf270;
}

.table-responsive {
    overflow-x: unset;
}

.zakazkaPodklad {
    background: #fff;
    padding: 5px 15px;
    margin: 0 auto 30px;
    width: 90%;
    text-align: center;
}

.zakazkaPodklad table {
    margin: 15px 0
}

.zakazkaPodklad label {
    width: 80px;
    font-size: 11px;
    float: left;
    margin: 3px;
    display: block;
}

.zakazkaPodklad td {
    max-width: 360px;
    font-size: 11px;
    text-align: left;
    min-width: 70px;
}

.zakazkaPodklad td input {
    width: auto;
    border-radius: 2px;
    border: 1px solid #444;
    padding: 3px;
}

.zakazkaPodklad td select {
    width: auto;
    border-radius: 2px;
    border: 1px solid #444;
    padding: 3px;
    max-width: 200px;
}

.zakazkaPodklad td textarea {
    width: 100%;
    border-radius: 2px;
    border: 1px solid #444;
    padding: 3px;
}

.zakazkaPodklad tr:hover {
    background: #f5f6f9;
}

.zakazkaPodklad tr:hover td {
    background: #f5f6f9;
}

.zakazkaPodklad tr:hover th {
    background: #f5f6f9;
}

.zakazkaPodklad tr.zelenePozadi,
.zakazkaPodklad tr.zelenePozadi:hover,
.zakazkaPodklad tr.zelenePozadi,
.zakazkaPodklad tr.zelenePozadi:hover td {
    color: #e74a4c;
    background: #f4e4e4;
}

.zakazkaPodklad tr.modrePozadi,
.zakazkaPodklad tr.modrePozadi:hover,
.zakazkaPodklad tr.modrePozadi,
.zakazkaPodklad tr.modrePozadi:hover td {
    color: #385fb6;
    background: #e1ebf5;
}

.zakazkaPodklad tr.zelenePozadi label {
    color: #e74a4c;
}

.zakazkaPodklad tr.modrePozadi label {
    color: #385fb6;
}

.zakazkaPodklad tr.zelenePozadi {
    border-radius: 2px;
}

.zakazkaPodklad tr.modrePozadi {
    border-radius: 2px;
}

.zakazkaPodklad tr.zelenePozadi textarea {
    border: unset;
}

.zakazkaPodklad tr.modrePozadi textarea {
    border: unset;
}

.zakazkaPodklad table.tablezakazkaHodnoty th {
    font-size: 10px;
    text-align: left;
    line-height: 13px;
}

.zakazkaPodklad table.tablezakazkaHodnoty th.vetsiText {
    font-size: 11px;
    text-align: left;
}

.zakazkaPodklad table tr.pridatPevneSvetlePozadi {
    background: #e8ebf2;
}

.zakazkaPodklad table span.pridatPevneSvetlePozadi {
    background: #e8ebf2;
    padding: 5px 10px;
    margin: 0 5px 0 0;
}

#frm-zmenaDatumuKalendare {
    width: 300px;
    background: #fff;
    padding: 20px 25px;
    border: 1px solid #dee2e6;
    margin: 25px;
}

#frm-zmenaDatumuKalendare th {
    vertical-align: middle;
    padding: 0 15px 0 0;
}

#frm-zmenaDatumuKalendare td input[type=text],
.rozcestnik input[type=text],
td input[type=number],
.zakazkaPodkladbezPozadi .rozcestnik select,
.zakazkaPodkladbezPozadi #frm-zmenaDatumuKalendare select,
.zakazkaPodkladbezPozadi #frm-zmenaDatumuKalendare input[type=text] {
    margin: 0 0 12px;
    display: block;
    width: 100%;
    height: auto;
    padding: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 2px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.zakazkaPodkladbezPozadi .rozcestnik {
    margin: 35px 0;
}

.zakazkaPodkladbezPozadi .rozcestnik label {
    font-weight: 600;
    padding: 0 10px 0 0
}


.rozcestnik {
    width: 350px;
    background: #fff;
    padding: 20px 25px;
    border: 1px solid #dee2e6;
    margin: 25px;
}

.rozcestnik input[type=text] {
    width: 100%;
    border-radius: 2px;
    border: 1px solid #ddd;
    padding: 5px;
}

.rozcestnik input[type=password] {
    width: 100%;
    border-radius: 2px;
    border: 1px solid #ddd;
    padding: 5px;
}

.rozcestnik input[type=checkbox] {
    margin: 20px 10px 20px 0;
    display: inline-block;
    clear: both;
}

.rozcestnik table th {
    vertical-align: middle;
    padding: 0 10px 0 0;
}

.rozcestnik li {
    margin: 10px 0 15px;
    list-style: none;
}

.rozcestnik li a {
    width: 100%
}

.margin25 {
    margin: 25px;
}

.table-sklad th {
    text-align: left;
}


.zakazkaPodkladbezPozadi {
    margin: 0 auto 35px;
    width: 90%;
    text-align: left;
}

.zakazkaPodkladbezPozadi .margin25 {
    margin: 0;
}

.zakazkaPodkladbezPozadi #frm-zmenaDatumuKalendare {
    margin: 35px 0;
}

.zakazkaPodkladbezPozadi #frm-zmenaDatumuKalendare {
    min-width: 350px;
}

.zakazkaPodkladbezPozadi #frm-zmenaDatumuKalendare label {
    font-weight: 600;
    padding: 0 10px 0 0
}

.obchodnici td input {
    width: auto;
}

.naklady td input {
    min-width: 70%;
    width: auto;
}

table.kalendar div.realizace {
    width: 100% !important;
}

.table td {
    padding: 5px;
    vertical-align: middle;
}

.btn {
    font-size: 11px !important;
}

.greenIcon {
    color: #0fb551;
    margin: 0 3px;
}

caption {
    caption-side: top;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-radius: 0 !important;
}

.ui-draggable .ui-dialog-titlebar {
    border: 0;
    background: #dee2e6;
}

.ui-widget.ui-widget-content {
    font-family: 'Roboto' !important;
}

.ui-widget.ui-widget-content form label {
    padding: 0 10px 0 0;
}

.ui-widget.ui-widget-content form input[type=checkbox] {
    margin: 0 10px 0 0;
}

.ui-widget.ui-widget-content form input {
    font-family: 'Roboto' !important;
}

.ui-widget.ui-widget-content form select {
    font-family: 'Roboto' !important;
}

.ui-widget-overlay {
    background: #000;
    opacity: 0.7;
}

.ulozitPoznamkuTlacitko {
    float: left;
    margin: 0 25px;
}


table.kalendar td div:hover {
    background: #fff !important;
}

input[type=checkbox] {
    margin: 0 10px 0 0 !important;
    position: relative;
    top: 2px;
}

.bigFont {
    font-size: 120%;
}

table td .btn.btn-default {
    padding: 4px 12px !important;
}

table .minWidth {
    min-width: 110px;
    display: block;
}

table .minWidth90 {
    min-width: 90px;
    display: block;
}

table.tabSodpocty input.btn {
    float: right;
}


table.tablezakazkaHodnoty td {
    min-width: unset;
}

.rozcestnik .btn.btn-default {
    padding: 10px 20px !important;
}

#frm-zmenaDatumuKalendare table td .btn.btn-default {
    padding: 10px 20px !important;
}



.tableFloatLeftAndHorizontalFormInline {
    display: inline-block;
    vertical-align: middle;
}

.tableFloatLeftAndHorizontalFormInline .margin25 {
    margin: 20px;
}

.tableFloatLeftAndHorizontalFormInline a {
    display: inline-block;
    float: left;
    color: #273649;
}

.tableFloatLeftAndHorizontalFormInline table tr {
    float: left;
    margin: 0 10px;
}

.tableFloatLeftAndHorizontalFormInline #frm-zmenaDatumuKalendare {
    float: left;
    display: inline-block;
    width: auto;
    margin: 0;
    top: 30px;
    padding: 15px 5px 5px 5px;
}

#frm-signInForm td label {
    padding: 10px 0;
    display: block;
}

.table th {
    padding: 5px;
}


table.table.table-hover.table-bordered.table-sklad.table-striped td:last-child {
    width: 130px;
}

.tableFloatLeftAndHorizontalFormInline table select {
    margin: 0 0 12px;
    display: block;
    width: 100%;
    height: auto;
    padding: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 2px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

table td a {
    font-weight: 600;
}

.odsazeniUzaverky {
    max-width: 300px;
    margin: 15px 0;
}

.odsazeniUzaverky li {
    list-style: none;
    display: block;
    background: #fff;
    padding: 8px;
    font-weight: 600;
}

.odsazeniUzaverky li a {
    display: block;
}

.odsazeniUzaverky li:nth-child(2n+1) {
    background: #e8ebf270;
}

#frm-naklady table tr:nth-child(10n+0) {
    background: #de0000;
    color: #fff;
}

#frm-naklady table tr:nth-child(10n+0):hover td {
    background: #de0000;
    color: #fff;
}

#frm-naklady table tr:last-child {
    background: #62768d;
    color: #fff;
}

#frm-naklady table tr:last-child:hover td {
    background: #62768d;
    color: #fff;
}

table.posledniRadekZvyrazneni tr:last-child {
    background: #62768d !important;
    color: #fff !important;
}

table.posledniRadekZvyrazneni tr:last-child:hover td {
    color: #fff;
    background: #62768d;
}

table.posledniRadekZvyrazneniGreen tr:last-child {
    background: #0fb551;
    color: #fff;
    font-weight: 600;
}

table.posledniRadekZvyrazneniGreen tr:last-child:hover td {
    color: #fff;
    background: #0fb551;
}

table.predposledniRadekZvyrazneni tr:nth-last-child(2) {
    background: #0fb551 !important;
    color: #fff !important;
    font-weight: 600;
}

table.predposledniRadekZvyrazneni tr:nth-last-child(2):hover td {
    color: #fff !important;
    background: #0fb551 !important;
}

table.predposledniRadekZvyrazneni th,
.sedmisloupcovaTabulka table th {
    padding: 5px;
    width: 12%;
    vertical-align: middle;
}


.redInfoText {
    color: #de0000;
    font-weight: 600;
}

#frm-omezeni input[type="checkbox"] {
    min-width: unset !important;
    width: auto;
}

#frm-omezeni label {
    width: 120px;
}

.vypisChyb {
    width: 90%;
    margin: 15px auto;
    display: block;
    text-align: center;
    font-weight: 600;
    color: #de0000;
}

.vypisChyb ul li {
    list-style: none;
}



.tlacitkoVedleH1 {
    position: relative;
    top: -4px;
}

.nadpis {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 15px;
}

#adresarDiv .zakazkaPodklad {
    background: #f2f4f8;
    padding: 15px 15px;
    margin: 0 auto 30px;
    width: 100%;
    text-align: center;
}

#adresarDiv .pridatPevneSvetlePozadi {
    float: left;
}

#adresarDiv .nacistIcoOdARES {
    background: #28a745;
    padding: 5px 10px;
    margin: 0 5px 0 0;
    float: right;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    cursor: pointer;
}

#adresarDiv .nacistIcoOdARES:hover {
    background: #1e7d34;
}

#adresarDiv input[type=text] {
    width: 100%;
}

.ui-draggable .ui-dialog-titlebar {
    background: #273649;
    color: #fff;
}

#adresarDetail .zakazkaPodklad {
    padding: 5px 15px 15px !important;
}

#adresarDetail .zakazkaPodklad table {
    background: #f4f5f8 !important;
}

#adresarDetail .pridatPevneSvetlePozadi {
    float: left;
}

#adresarDetail .nacistIcoOdARES {
    background: #28a745;
    padding: 5px 10px;
    margin: 0 5px 0 0;
    float: right;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    cursor: pointer;
}

#adresarDetail .nacistIcoOdARES:hover {
    background: #1e7d34;
}

#adresarDetail input[type=text] {
    width: 100%;
}

#kalendar textarea {
    width: 100%;
    padding: 3px;
}

#kalendar .oi-trash {
    color: #273649;
}

#kalendar .oi-trash:hover {
    color: #DE0000;
}

#kalendar .oi-info {
    color: #273649;
}

#kalendar .oi-info:hover {
    color: #0fb551;
}

#kalendar .oi-chat {
    color: #273649;
}

#kalendar .oi-chat:hover {
    color: #0fb551;
}

table.kalendar th span {
    top: -1px;
}

.ui-dialog input[type=text] {
    display: block;
    width: 100%;
    height: auto;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-bottom: 10px;
}

.ui-dialog select {
    display: block;
    width: 100%;
    height: auto;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-bottom: 10px;
}

.ui-dialog textarea {
    display: block;
    width: 100%;
    height: auto;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-bottom: 10px;
}


.ui-dialog form {
    width: 100%;
    background: #f4f5f8;
    padding: 10px;
}

.ui-dialog table {
    width: 100%;
    padding: 10px;
}

.ui-dialog {
    padding: 10px;
}

.ui-dialog label {
    padding: 8px !important;
}

.ui-dialog #adresarDiv .pridatPevneSvetlePozadi {
    float: left;
    top: 8px;
    position: relative;
}

.ui-dialog #adresarDiv .nacistIcoOdARES {
    top: 8px;
    position: relative;
}

#rezervaceModal {
    padding: 0;
}

#adresarDiv {
    padding: 0;
}

#adresarDiv .zakazkaPodklad {
    margin-bottom: 0;
}

#tabletPrehled strong {
    font-size: 16px;
    display: block;
    margin-bottom: 15px;
}

#tabletPrehled .rozcestnik .zakazkaPodklad {
    text-align: left;
    ;
}




#tablet {
    text-align: left;
    width: 840px;
    height: 440px;
    overflow: auto;
    display: block;
    position: relative;
    background: #fff;
    border: 1px solid black;
    margin: 0 auto;
}

#tabletPanel {
    background: #273649;
}

#tabletPanel h1 {
    color: #fff;
    font-size: 15px;
    padding: 15px 25px 20px 83px;
    background: transparent url('/img/nadpis-line.png') no-repeat -41px 25px;
}

#tabletPanel ul {
    margin: 0 10px;
    top: -8px;
    position: relative;
}

#tabletPanel ul li {
    display: inline;
    text-align: Center;
    color: #fff;
}

#tabletPanel ul li a {
    display: inline-block;
    color: #fff;
}

#tabletPanel ul li a b {
    color: #00ff3a;
}

#tabletPanel span {
    float: right;
    color: #ced4da;
    margin: 15px 25px 10px 10px;
}

#tablet hr {
    margin: 5px 0;
}

#tablet table {
    font-size: 10px;
    text-align: left;
    ;
}

#tablet table th {
    font-size: 10px;
    text-align: left;
    padding: 3px;
}

#tablet table td {
    padding: 3px;
}

#tablet table input {
    padding: 0px 3px;
}

#tablet .zakazkaPodklad {
    padding: 5px 25px !important;
    width: 100% !important;
}

#tablet .dropzone {
    margin-top: 15px;
    background: #cdeeff;
    border-radius: 5px;
    border: 2px solid #00a8ff;
}

#izolPripMatTable tr.tm td,
#izolPripMatTable tr.tm th {
    background: #e8ebf270;
}

#mericPytlu {
    padding: 10px 22px;
}

#mericPytlu input {
    font-size: 60px;
    margin: 0 15px 0 0;
    width: 230px;
    cursor: pointer;
}

#mericPytlu span#link {
    position: absolute;
    right: 50px;
    top: 130px;
    padding: 50px;
    background: #273649;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    border-radius: 5px;
}

.btn-success {
    color: #fff !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    cursor: pointer;
}

#frm-zmenaDatumuKalendare {
    margin: 20px 0 20px 50px !important;
}

#prehledZakazek .tiskPredavakuKalendar {
    float: right;
}


#editaceZakazek .nacistIcoOdARES {
    background: #28a745;
    padding: 5px 10px;
    margin: 0 5px 0 0;
    float: right;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    cursor: pointer;
}

#editaceZakazek .nacistIcoOdARES:hover {
    background: #1e7d34;
}

#editaceZakazek .labelStoprocent label {
    width: 100%;
}

#editaceZakazek .labelStoprocent input {
    width: 100%;
}

#editaceZakazek .zakazkaPodklad td {
    max-width: unset;
}

#setHlavniNabidka {
    display: block;
    width: 100%;
    height: 50px;
}

#setHlavniNabidka label {
    width: 100%;
    background: #f4f5f8;
    padding: 20px;
}

.tablezakazkaHodnoty th {
    padding: 5px;
    vertical-align: middle;
}

.tablezakazkaHodnoty td input[type=text] {
    max-width: 65px;
}

.radekOdhIzolace {
    padding-bottom: 10px;
}

.zakazkaPodklad.table-responsive {
    padding-bottom: 10px;
}

#uzaverkaVyplatnice table {
    text-align: left;
}

#uzaverkaVyplatnice table th {
    text-align: left;
}

#uzaverkaVyplatnice table td {
    text-align: left;
}

#vyplatniceZamestnance table {
    text-align: left;
}

#vyplatniceZamestnance table th {
    text-align: left;
}

#vyplatniceZamestnance table td {
    text-align: left;
}

.hashtagy p {
    margin: 0 auto 25px auto;
}

.hashtagy p span {
    display: inline-block;
    background: #f4f5f8;
    padding: 6px 12px;
    margin: 0 10px 10px;
}

#frm-zakazka .nacistIcoOdARES {
    background: #28a745;
    padding: 5px 10px;
    margin: 0 5px 0 0;
    float: right;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    cursor: pointer;
}

#frm-zakazka .nacistIcoOdARES:hover {
    background: #1e7d34;
}

#frm-nabidka .nacistIcoOdARES {
    background: #28a745;
    padding: 5px 10px;
    margin: 0 5px 0 0;
    float: right;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    cursor: pointer;
}

#frm-nabidka .nacistIcoOdARES:hover {
    background: #1e7d34;
}

#frm-realizace-poznamka {
    min-height: 100px;
}



.realizacniPozadi {
    background: #f4e4e4 !important;
    color: #f15557;
}

.fakturacniPozadi {
    background: #e1ebf5 !important;
    color: #385fb6;
}


#frm-nabidka-platnostDo {
    border: 2px solid #f15557;
}

table.tablezakazkaHodnoty tr.pridatPevneSvetlePozadiIzolace {
    background: #f4e4e4;
    color: #f15557;
}

table.tablezakazkaHodnoty tr.pridatPevneSvetlePozadiIzolace th {
    background: #f4e4e4;
    color: #f15557;
}

table.tablezakazkaHodnoty input[readonly=readonly] {
    background: #385fb6;
    color: #fff;
}

table.tablezakazkaHodnoty input.inputdisabled {
    background: #e1ebf5;
    color: #385fb6;
    border: 2px solid #385fb6;
}

table.tablezakazkaHodnoty input.finalPrice {
    background: #f4e4e4;
    color: #f15557;
    border: 2px solid #f15557;
}

table.tablezakazkaHodnoty .zvyrazneniRamecku {
    border: 2px solid #f15557;
}

table.tablezakazkaHodnoty .zvyrazneniRamecku.zvyrazneniRameckuModre {
    border: 2px solid #385fb6;
}

table.tablezakazkaHodnoty .radekOdhIzolace td:first-child select {
    border: 2px solid #f15557;
    background: #f1555710;
}

table.tablezakazkaHodnoty .radekOdhIzolace td:nth-child(2) select {
    border: 2px solid #385fb6;
    background: #385fb610;
}

.cenaCelkemPrehled td {
    color: #385fb6;
    font-weight: 600;
}

#frm-nabidka-cenaCELKEM {
    border: 2px solid #385fb6;
    background: #f1555710;
    color: #385fb6;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
}

.cenaCelkemPrehled td .inputdisabled {
    border: 2px solid #385fb6;
    background: #f1555710;
    color: #385fb6;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
}

h2.nadpisCervene {
    background: #f4e4e4;
    color: #f15557;
    padding: 20px 25px 20px 110px;
    width: 100%;
}

h2.nadpisModre {
    background: #e1ebf5;
    color: #385fb6;
    padding: 20px 25px 20px 110px;
    width: 100%;
}

.cervenePozadi {
    background: #f4e4e4;
    color: #f15557;
}

.modrePozadi {
    background: #e1ebf5;
    color: #385fb6;
}


.barevneZvyrazneniTabulekSkladu table tr.pridatPevneSvetlePozadi {
    background: #e1ebf5;
    color: #385fb6;
}

.barevneZvyrazneniTabulekSkladu table tr.pridatPevneSvetlePozadi th {
    background: #e1ebf5;
    color: #385fb6;
}

.barevneZvyrazneniTabulekSkladu table th {
    border: 2px solid #000;
}

.barevneZvyrazneniTabulekSkladu table {
    border: 2px solid #000 !important;
}


.barevneZvyrazneniTabulekSkladu table td:nth-child(1) {
    border: 1px solid #385fb6;
}

.barevneZvyrazneniTabulekSkladu table td:nth-child(2) {
    border: 1px solid #385fb6;
}

.barevneZvyrazneniTabulekSkladu table td:nth-child(3) {
    border: 1px solid #385fb6;
    border-right: 2px solid #000;
}

.barevneZvyrazneniTabulekSkladu table th:nth-child(1) {
    border: 1px solid #385fb6;
    border-bottom: 2px solid #000;
}

.barevneZvyrazneniTabulekSkladu table th:nth-child(2) {
    border: 1px solid #385fb6;
    border-bottom: 2px solid #000;
}

.barevneZvyrazneniTabulekSkladu table th:nth-child(3) {
    border: 1px solid #385fb6;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
}

.barevneZvyrazneniTabulekSkladu table tr:last-child td:nth-child(3) {
    background: #f4e4e4;
    color: #f15557;
    font-weight: 600;
}


#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr:nth-child(1) {
    border: 2px solid #000;
    background: #f4e4e4;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr:nth-child(2) {
    border: 2px solid #000;
    background: #f4e4e4;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr:nth-child(2) th {
    border: 2px solid #000;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr:nth-child(3) {
    border: 2px solid #000;
    background: #fff;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr:nth-child(3) th {
    border: 1px solid #385fb6;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr:nth-child(3) th:nth-child(3n+1) {
    border-left: 2px solid #000;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr:nth-child(3) th:last-child {
    border-right: 2px solid #000;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr td {
    border: 1px solid #385fb6;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr td:nth-child(2) {
    border: 1px solid #385fb6;
    background: #e1ebf5;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr td:nth-child(3n+3) {
    border-left: 2px solid #000;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr.zakladniPlat {
    border: 2px solid #000;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr.zakladniPlat td {
    background: #fff;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr.zakladniPlat td:nth-child(3n+2) {
    border-left: 2px solid #000;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr.zakladniPlat td:nth-child(3n+3) {
    border-left: 1px solid #385fb6;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr.viceprace {
    border: 2px solid #000;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr.viceprace td {
    background: #e1ebf5;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr.viceprace td:nth-child(3n+2) {
    border-left: 2px solid #000;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr.viceprace td:nth-child(3n+3) {
    border-left: 1px solid #385fb6;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr.celkem {
    border: 2px solid #000;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr.celkem td {
    border-left: 2px solid #000;
    background: #f4e4e4;
    color: #f15557;
    font-weight: 600;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr.celkem td:nth-child(1) {
    background: #fff;
    color: #000;
}

#uzaverkaVyplatnice .tabulkaProvizeProRealizaci table tr.celkem td:last-child {
    background: #fff;
}

#frm-zakazka-dph option[value='15'],
#frm-zakazka-dph option[value='20'],
#frm-zakazka-dph option[value='14'] {
    background: #ccc;
}

#frm-nabidka-dph option[value='15'],
#frm-nabidka-dph option[value='20'],
#frm-nabidka-dph option[value='14'] {
    background: #ccc;
}










.prehledNabidekBarva th {
    background: #f4e4e4;
    color: #f15557;
}

.prehledNabidekBarva td:nth-child(1) {
    border: 2px solid #000;
}

.prehledNabidekBarva td:nth-child(2) {
    border: 2px solid #000;
}

.prehledNabidekBarva td:nth-child(3) {
    border: 2px solid #000;
}

.prehledNabidekBarva td:nth-child(4) {
    border: 2px solid #000;
}

.prehledNabidekBarva tr:last-child {
    border-top: 2px solid #000;
}

.prehledNabidekBarva tr:last-child td {
    border: 0;
}

.prehledNabidekBarva .modrePozadi {
    background: #e1ebf5;
    color: #385fb6;
}

.prehledNabidekBarva td.zvyraznenyRamecek {
    border: 2px solid #000;
}

.prehledNabidekBarva td {
    border-bottom: 2px solid #000;
}

.prehledNabidekBarva tr.vedlejsiVerze td {
    background: #dfdfdf !important;
    color: #676767 !important;
}

.prehledNabidekBarva tr.vedlejsiVerze td:first-child {
    display: inherit;
}

.prehledNabidekBarva tr:nth-child(2) {
    border-bottom: 2px solid #000;
}




/* obal flash zprav - pozicuje se jen obal, zpravy uvnitr jdou pod sebe */
div.flashes {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    pointer-events: none;
}

div.flash {
    color: black;
    background: #FFF9D7;
    border: 2px solid #E2C822;
    position: static;
    top: auto;
    width: auto;
    max-width: 90%;
    pointer-events: auto;
    cursor: pointer;
    padding: 115px 140px;
    text-align: center;
    height: 200px;
    padding-bottom: 50px;
    padding-top: 50px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    font-size: 25px;
}



ul.errors {
    background: #ffd7d7;
    border: 2px solid #e22222;
    font-size: 15px;
    padding: 50px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}



.zakazkaPodklad.table-responsive.tabulkaProvizeProRealizaci .viceprace td input[type=text] {
    max-width: 80px;
}

.navbar-expand-lg .navbar-toggler .navbar-toggler-icon {
    background: #fff url('../img/menu.svg') no-repeat center center;
    display: block !important;
    width: 32px;
    height: 32px;
    border-radius: 8px;
}

@media (min-width: 992px) .navbar-expand-lg .navbar-toggler {
    display: none;
}

nav .navbar-brand,
.navbar-toggler {
    float: left;
}

.justify-content-end {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}