/**************** MAIN LAYOUT *****************/
* {
box-sizing: border-box; }

body {
padding: 0;
margin: 0;
font-family: 'Rajdhani','Tahoma' }

hr {
margin-top: 1em;
margin-bottom: 1em;
border-width: 0;
border-top: 1px solid #E1E1E1; }

h1 {
color: #265a8a; }

h2 {
font-size: 1.2em;
margin-bottom: 0;
color: #222220; }

p {
margin-top: 0; }

.small {
font-size: 0.9em; }

/* status line and menu */
#status {
position: sticky;
z-index: 500;
top: 0;
height: 2.5em;
line-height: 2.5em;
padding: 0 1em;
text-align: right;
background-color: #222220;
color: #8C8a8b; }

#status a {
text-decoration: none;
color: #fff; }

.lang_selected {
color: orange !important;
font-weight: bold; }

#status2 {
position: sticky;
z-index: 20;
top: 2.5em;
height: 2.5em;
line-height: 2.5em;
background-color: #265a8a;
color: white; }

#status2 span {
margin-left: 1em; }

#status2 .noshift {
margin-left: 0; }

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

/* content */
.content {
padding: 1em; }

#status2 + .content {
padding: 1em; }

.content .color {
color: orange; }

.center {
text-align: center; }

/* submenu in module */
.submenu {
text-decoration: none;
color: white;
text-transform: uppercase;
border-right: 1px solid black;
display: block;
float: left;
height: 2.5em;
line-height: 2.5em;
padding: 0 1em;}

.submenu:hover {
background-color: orange; }

.submenu:last-of-type {
border-right: none; }

.submenu_active {
background-color: white;
color: black; }

.submenu_active:hover {
background-color: white; }

.submenu_right {
color: orange;
background-color: white;
padding: 0 1em;
white-space: nowrap;
float: right; }

#filter,
#select,
.submenu_right form {
margin: 0;
border: none;
display: inline !important; }

#filter,
#select {
background-color: #efefef;
padding: 0.4em 0.5em;
margin-left: 0.7em;
width: 150px; }

#logout {
white-space: nowrap;
display: inline-block; }

#logout i {
margin: 0 0.5em; }

#logout a:hover i {
transform: scale(1.4); }

#languages {
margin: 0 0.3em;
white-space: nowrap;
display: inline-block; }

#languages a {
margin: 0 0.3em; }

#main_url {
display: inline-block; }

.profile {
padding: 5px 1em !important;
margin-bottom: 1em;}

/* alerts */
.alert {
padding: 0.5em 1em; }

.alert_error,
.label_error {
background-color: pink;
border-left: 3px solid red; }

.alert_success,
.label_success {
background-color: lightgreen;
border-left: 3px solid green; }

.alert_normal,
.label_normal {
background-color: #e2e3e5;
border-left: 3px solid #a2a3a5; }

.important {
font-weight: bold; }

.label {
min-width: 150px;
margin: 0 10px 10px 0;
padding: 5px 15px;
display: inline-block; }

.label > div:last-child {
font-weight: bold;
text-align: right; }

/* photogallery */
.photo {
position: relative;
overflow: hidden; }

.photo0 {
width: 50px;
height: 50px; }

.photo1 {
width: 100px;
height: 100px; }

.photo2 {
width: 175px;
height: 175px; }

.photo img {
min-width: 100%;
max-width: 100%;
min-height: 100%;
max-height: 100%;
object-fit: cover;
object-position: center center; }

/* common */
.right {
text-align: right; }

.note {
color: #999; }

.help {
max-width: 960px; }

.bold {
font-weight: bold; }

.filter {
padding: 0 1em;
background-color: #efefef; }

.blink {
animation: blinker 1s step-start infinite; }

@keyframes blinker {
  50% {
    opacity: 0;
  }
}


/**************** TOOLTIPS *****************/
.tooltip {
position: relative;
display: inline-block;
color: orange;
font-weight: bold; }

.tooltip:hover {
cursor: help; }

/* tooltip text */
.tooltip .tooltiptext {
visibility: hidden;
min-width: 120px;
/* max-width: 200px; */
top: 100%;
left: 50%;
font-size: 0.9em;
margin-left: -50px;
background-color: black;
color: #fff;
text-align: left;
padding: 5px 0;
position: absolute;
z-index: 1; }

.tooltip:hover .tooltiptext {
padding: 0.5em;
font-weight: normal;
visibility: visible; }


/**************** MAIN MENU *****************/
#site-navigation {
height: 100%;
float: left;
text-align: left;
z-index: 900;
position: absolute;
left: 0;
top: 0;
transition: transform 1s;
background-color: #222220; }

#site-navigation #main-menu {
transform: translateX(-250px);
display: none; }

#site-navigation > input {
display: none; }

#site-navigation > label i {
position: absolute;
margin: 10px;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }

#site-navigation > label i {
color: white; }

#main-menu {
top: 1.5em;
background-color: #222220;
position: relative;
min-width: 250px;
max-width: 250px; }

#site-navigation input[type=checkbox]:checked ~ #main-menu {
display: block;
clear: both;
transform: translateX(0px);
color: #444;
padding: 0; }

.menu_close {
display: none; }

#site-navigation input[type=checkbox]:checked ~ label i {
display: none; }

#site-navigation input[type=checkbox]:checked ~ label .menu_close {
display: block; }

#site-navigation ul li {
display: block;
margin: 0;
padding: 0;
border: 0; }

#site-navigation .shrink li {
white-space: nowrap;
float: left;
width: 33.3%; }

#site-navigation #main-menu.shrink {
max-width: 750px; }

#site-navigation #main-menu.shrink {
max-width: 750px; }

#site-navigation a {
border: 0;
text-transform: uppercase;
font-size: 0.9em;
display: block;
padding: 0.3em 1em 0.3em 1em;
text-decoration: none;
border-bottom: 1px solid #333;
color: #7f909a; }

#main-menu i {
color: #7f909a;
margin-right: 10px; }

#site-navigation i {
width: 25px;
text-align: center;
font-size: 1.2em;
color: #7f909a; }

#site-navigation a:hover, #site-navigation a:hover i {
color: #fff !important;
background: #265a8a; }

#site-navigation a:hover {
border-right: 1px solid #222220; }

.system, .system i {
color: white !important;
font-weight: bold;  }


/**************** FORMS *****************/
form {
margin: 0; }

.required input,
.required select,
.required textarea   {
background-color: #efefef !important; }

.readonly input,
.readonly select,
.readonly textarea   {
background-color: #FFFF66 !important; }

select, textarea,
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="time"],
input[type="tel"],
input[type="url"],
input[type="password"] {
width: 100%;
border: thin solid #ccc;
padding: 0.4em 0.5em;
margin-bottom: 0.3em;
box-sizing: border-box;
-webkit-appearance: none;
background-color: white;
-moz-appearance: none; }

input[type="file"] {
width: 100%;
border: thin solid #ccc;
padding: 0.2em 0.5em;
margin-bottom: 0.3em;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none; }

.button {
padding: 0.4em 0.6em;
width: auto;
text-transform: uppercase;
text-decoration: none;
color: white; }

.button:hover {
cursor: pointer; }

.button_submit {
min-width: 90px;
border: 1px solid #00b0d9;
background-color: #00b0d9; }

.button_submit:hover {
border: 1px solid #00a0c9;
background-color: #00a0c9; }

.button_cancel {
min-width: 90px;
border: 1px solid #097b96;
background-color: #097b96; }

.button_cancel:hover {
border: 1px solid #096b86;
background-color: #096b86; }

.button_important {
border: 1px solid #da314b;
background-color: #da314b; }

.button_important:hover {
border: 1px solid #ca213b;
background-color: #ca213b; }

select:not([multiple])  {
padding-right: 2em;
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
background-position: calc(100% - 17px) 50%, calc(100% - 10px) 50%;
background-size: 8px 8px, 8px 8px;
background-color: white;
background-repeat: no-repeat; }

select:not([multiple]):focus, select:not([multiple]):hover {
background-image: linear-gradient(45deg, transparent 50%, black 50%), linear-gradient(135deg, black 50%, transparent 50%); }

input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
margin-top: 0.7em;
border: thin solid #ccc; }

textarea {
width: 100%;
height: auto; }

label {
color: #555;
display: block; }

label > span {
color: #888; }

.required label {
color: #000;
font-weight: bold; }

.control {
border: none;
min-width: 90px;
padding: 0.4em 0.5em;
margin-bottom: 0.3em;
box-sizing: border-box;
text-transform: uppercase;
-webkit-appearance: none;
-moz-appearance: none; }

.control:hover {
cursor: pointer; }

.control.submit {
color: white;
background-color: #265a8a; }

.submit:hover {
background-color: #366a9a; }

.cancel:hover {
background-color: #ca213b; }

/**************** GRID *****************/

.container {
position: relative;
width: 100%;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box; }

.not_full {
width: min-content; }

.c {
padding: 0.4em 0.6em 0.4em 0;
float: left;
box-sizing: border-box; }

.cellx input, .cellx textarea, .cellx select {
width: min-content; }

.cell0 {
width: 5%; }

.cell1 {
width: 10%; }

.cell2 {
width:  20%; }

.cell3 {
width: 30%; }

.cell4 {
width: 40%; }

.cell5 {
width: 50%; }

.cell6 {
width: 60%; }

.cell7 {
width: 70%; }

.cell8 {
width: 80%; }

.cell9 {
width: 90%; }

.cell10 {
width: 100%; }

.container:after, .row:after, .clear {
content: "";
display: table;
clear: both; }

@media (max-width: 860px) {
    #main_url {
    display: none; }

    .cell1 {
    width: 20%; }

    .cell1 {
    width: 33.3333333%; }

    .cell2 {
    width: 33.3333333%; }

    .cell3 {
    width: 33.3333333%; }

    .cell4 {
    width: 40%; }

    .cell5 {
    width: 50%; }

    .cell6 {
    width: 50%; }

    .cell7 {
    width: 75%; }

    .cell8 {
    width: 75%; }

    .cell9 {
    width: 100%; }

    .cell10 {
    width: 100%; }
}

@media (max-width: 500px) {
    .cell0,.cell1,.cell2 {
    width: 50%; }

    .cell3,.cell4,.cell5,.cell6,.cell7,.cell8,.cell9,.cell10 {
    width: 100%; }
}


/**************** TABLES *****************/
.table {
margin-bottom: 1em;
border-collapse: collapse;
width: 100%; }

.table tr:hover td {
background-color: #e5e5e5; }

.table th {
font-weight: normal;
text-align: left;
white-space: nowrap;
padding: 0.3em 1em;
background-color: #ccc;
border: 1px solid white; }

.table td {
width: auto;
vertical-align: top !important;
padding: 0.3em 1em;
background-color: #efefef;
border: 1px solid white; }

.table th a {
text-decoration: none;
font-weight: bold; }

.table th a:hover {
text-decoration: underline; }

td.action {
width: 1%;
white-space: nowrap; }

td.order {
cursor: grab;
color: grey;
text-align: center;
width: 1%;
white-space: nowrap; }

.table tr td:first-child {
width: 50px; /* maly hack protoze min-content nefunguje spravne */
white-space: nowrap;
vertical-align: middle; }

.table tr td:first-child .edit,
.action2 {
color: #7777ff; }

.table tr td:first-child .edit:hover {
color: #3333ff; }

.table tr td:first-child .delete {
color: #ff7777; }

.table tr td:first-child .delete:hover {
color: #ff3333; }

.table tr td:first-child .items {
color: green; }

.action {
margin-right: 5px; }

.action2 {
color: #7777ff;
margin-right: 5px; }

.action2:hover {
color: #3333ff; }

.table tr td:first-child .show,
.table tr td:first-child .hide {
color: #555; }

.table tr td:first-child .show:hover,
.table tr td:first-child .hide:hover {
color: #333; }

.hide {
opacity: 0.4; }

.clipboard,
.settings {
color: #7777ff; }

.clipboard:hover,
.settings:hover {
color: #3333ff; }

.clipboard:active {
transform: scale(1.2);
color: #3333ff;  }

.clipboard_data {
display: none; }

.disabled {
color: grey;
cursor: not-allowed;
display: none; }

.action:last-item {
margin: 0; }

.short {
width: min-content;
overflow: hidden;
white-space: nowrap; }

.last td {
background-color: #fefe83; }

.sort_placeholder, .sort_placeholder td {
background-color: white; }

.fixed_header th {
position: sticky;
top: 5em; }

.bg_red {
color: white;
background-color: red !important; }

.nowrap {
white-space: nowrap; }

.half {
opacity: 0.4; }

.hidden {
display: none !important; }

.min {
width: min-content; }

.red {
color: red !important; }

.grey {
color: grey !important; }

.not_full {
width: auto !important; }

.rotate90 {
font-size: 0.8em;
writing-mode: vertical-lr;
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg); }

.no_margin {
margin: 0; }

.no_padding {
padding: 0; }

.highlight td {
background-color: yellow;
transition: background-color 1s ease; }

/* collapsed content */
.collaps_button {
display: block;
font-weight: bold;
background-color: #efefef;
margin-bottom: 5px;
padding: 0.4em 1em; }

.collaps_button:hover {
cursor: pointer;}

.collaps_content {
display: none; }

/* overlay */
#tma_overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.6);
z-index: 1000;
cursor: pointer; }

#tma_overlay_content {
position: absolute;
background-color: #fff;
top: 50%;
left: 50%;
color: black;
text-align: right;
padding: 1em;
transform: translate(-50%,-50%);
min-width: 60%;
height: 80%; }

#tma_overlay_data {
margin: 20px auto 20px auto;
height: 90%;
overflow-y: auto;
text-align: left; }

#tma_overlay_close {
font-size: 50px;
font-weight: bold;
line-height: 15px;
color: black;
position: relative;
right: 0; }

#tma_overlay_close:hover {
color: #555; }

@media only screen and (max-width: 1200px) {
  .pri_low {
    display: none;
  }
}


@media only screen and (max-width: 800px) {
  .pri_low {
    display: none;
  }
  .pri_med {
    display: none;
  }
}


@media (max-width: 860px) {
    .help {
    max-width: none; }
}