/* Can 21 */

*,
::after,
::before {
    box-sizing: border-box;
}

h1 {
    color: #111;
}

h2 {
    color: #222;
}

h3 {
    color: #333;
}

.nesparovane .sedmy {
    width: 95px;
}

table .fa:hover {
    color: #ff5151;
    cursor: pointer;
}

table .fa.red {
    color: #ff5151;
}

table .fa {
    font-size: 19px;
}

.fakturyTable tr:hover:not(:first-child) {
    background: #cc0000;
    color: #ffffff;
}

.samoobsluhaIcon {
    border-radius: 5px;
}

.samoobsluhaIcon .fa {
    font-size: 26px;
    color: #4f4a63;
    margin-bottom: 5px;
}

.samoobsluhaIconActive .fa,
.samoobsluhaIcon:hover .fa {
    color: #fff;
}

#prihlasovani {
    background: #4f4a63;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="datetime-local"],
select {
    height: 40px;
    border-radius: 4px;
    border: 1px solid #e8e9ec;
    background: #fff;
    padding: 0 15px;
}

.payment-sum {
    display: inline-block;
}

.payment-sum__currency {
    right: 10px;
    top: 8px;
}

.wa_button a {
    height: auto;
}

.wa_button:hover {
    background: #e42d2d;
}

.materialPopis input {
    width: 85px;
}

#table_material_zarizeni td {
    border: 0 !important;
    padding: 10px;
    background: none;
    border-bottom: 1px solid #ccc !important;
}

#table_material_zarizeni td:hover,
#table_material_zarizeni .selectedMachine {
    background: #fff;
}

#table_material_zarizeni tr:first-child td {
    border: none !important;
    border-bottom: 1px solid #ccc !important;
}

#table_material_zarizeni tr:first-child td:hover {
    background: none;
}

#table_material_zarizeni tr:first-child td input {
    margin-top: 10px;
}

#table_material_produkty td.materialPopis {
    text-align: left;
}

#tiskTable .wa_button,
#table_material_produkty td.materialPopis .wa_button {
    border-radius: 4px;
    background: #43425d;
    color: #fff;
    text-align: center;
    padding: 12px 15px;
    font-size: 14px;
    border: 0;
    cursor: pointer;
    min-width: 100px;
}

#tiskTable .wa_button:hover,
#table_material_produkty td.materialPopis .wa_button:hover {
    background: #5f5d86;
}

.wa_button {
    background: #43425d;
}

.wa_button:hover {
    background: #5f5d86;
}

#pridanoDoKosiku {
    background-color: #7fc54a;
    color: #ffffff;
    padding: 5px;
    font-size: 14px !important;
    font-weight: normal;
    border-radius: 5px;
}

#table_material_produkty td {
    border: 0;
}

.polozkaKosik {
    padding: 10px;
    text-align: left;
    color: #444;
}

.pouzitKontaktniOsobu,
#tiskTable .wmFilterRow {
    padding: 5px 0;
}

#tiskTable .wmFilterRow .wmFilterItem {
    padding: 5px 0;
}

#tiskTable .wmFilterRow:hover {
    color: #444;
    text-decoration: none;
}

#tiskTable td:first-child {
    padding-top: 10px;
    text-align: right;
}

#tiskTable td input[type="file"] {
    margin-top: 10px;
}

#tiskTable .workspace_header:nth-child(n) {
    padding-bottom: 10px;
    text-align: center;
    padding-top: 10px;
}

#horniLista li a {
    transition: all 0.15s;
}

#horniLista li a:hover {
    border-bottom-color: #000;
}

a:hover {
    text-decoration: none;
}

.tablePocitadla tr:hover:not(:first-child):not(:last-child) td {
    background: #adadad;
}

.seda_plocha {
    color: #444;
    border-radius: 5px;
}

div.wa_button[onclick] {
    padding: 8px;
}

.select_table_item {
    padding: 10px 0;
}

.menu-ukoly__single {
    margin-bottom: 10px;
}

.site-credits {
    text-align: center;
    padding: 15px 0;
    background: #4f4a63;
    margin: 0;
    color: #fff;
}

.wa_button_disabled {
    background: #ebebeb !important;
    padding: 8px;
    cursor: no-drop !important;
}

.table {
    border-collapse: collapse;
    width: 100%;
}
.table thead th {
    text-align: left;
    font-size: 12px;
    color: #a3a6b4;
    background: #f5f6fa;
}
.table th,
.table td {
    padding: 14px 10px 12px 15px;
}
.table th:last-child,
.table td:last-child {
    text-align: right;
    padding-right: 15px;
}
.table tr:last-child td {
    border-bottom: 0;
}
.table tr td {
    border-bottom: #c1c1c1 1px solid;
}
.table--tariff .input-text {
    width: 100px;
    text-align: center;
}
.table--tariff thead th {
    text-align: center;
}
.table--tariff thead th:last-child {
    text-align: center;
}
.table--tariff tbody td {
    text-align: center;
}
.table--tariff tbody td:last-child {
    text-align: center;
}
.table__row--danger {
    background-color: #e85c3c;
    color: #fff;
}
.table__row--danger a {
    color: #fff;
}
.table__row--crash {
    background-color: #ad0700;
    color: #fff;
}
.table__row--crash a {
    color: #fff;
}

.nowrap {
    white-space: nowrap;
}

.clearfix:after {
    display: block;
    content: "";
    clear: both;
}

/* Layout */
body {
    background: #fff;
}

#menu,
#main {
    padding: 0 30px;
    min-height: 1px;
}

#ikonySamoobsluhaDesktop {
    padding-left: 20px;
    padding-right: 20px;
}

.wrap {
    max-width: 100%;
}

.can-bg {
    background-image: url("./images/can-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 100%;
}

#prihlasovani {
    background: rgba(88, 88, 88, 0.9);
    padding: 0 30px;
}

#primary {
    max-width: 100%;
}

#nprogress .bar {
    height: 10px !important;
}

.message-box, .flash {
    padding: 10px 0;
    border-radius: 5px;
    color: #000;
}
.message-box.success, .flash.success {
    background-color: lightgreen;
}
.message-box.error, .flash.error {
    background-color: rgb(160, 67, 67);
}

@media screen and (max-width: 768px) {
    .site-logo {
        margin-top: 50px;
    }
}