@font-face {
    font-family: 'Darnes';
    /*a name to be used later*/
    src: url('https://darnes.cz/fonty/Darnes.ttf');
    /*URL to font*/
}.darnes {
    font-family: 'Darnes';
    font-size: 120%;
    margin-left: 6px;
}
.row.nopad{margin: unset;}
.thin{font-size: 0.85em; font-weight: normal;}
#logo {height: 50px; position: absolute;  top: 2.5px;}
img.icon{
    height: 28px;
    margin: 0px auto;
    margin-top: -.25rem;
    margin-bottom: -.25rem;
    display: block;
}
.cursor-pointer {cursor: pointer;}
.display-none {display: none;}
.hidden{visibility: hidden;}
.color-green {color: #28a745;}

.dropodown{
  display: inline-block;
}
.dropodown.dropdown:hover>.dropdown-menu, .dropodown.dropdown.show>.dropdown-menu {
  display: block;
  font-size: .85em;
  background: #343a40;
  opacity: .99;
  margin:0px;
  padding: 0.3rem 0;
}
.dropodown.dropdown:not(.l):hover>.dropdown-menu{
  margin-top: -66px;
  margin-left: 48px;  

}
.dropodown.dropdown.show:hover>.dropdown-menu{
  margin-top: -21px;
}
.dropodown.dropdown:hover>.dropdown-menu.np, .dropdown-menu.show.np {
    margin-left: 25px;
    margin-top: -31px;
    cursor: pointer;
}
.dropdown-menu.show{
  transform: none !important;
}
.dropodown.dropdown:hover>.dropdown-menu>.dropdown-item, .dropdown-menu, .dropdown-menu.show>.dropdown-item{
  padding: .6rem 0.85rem;
  border-bottom: 1px solid rgba(20,20,20,.1);
  color:white;
  border-radius: 5px;
}
.dropodown.dropdown:hover>.dropdown-menu>.dropdown-item:hover, .dropdown-menu, .dropdown-menu.show>.dropdown-item:hover{
  background: #121d2e;
}
.dropodown.dropdown:hover>.dropdown-menu>.dropdown-item:first-child, .dropdown-menu, .dropdown-menu.show>.dropdown-item:first-child{
  border-top: 1px solid rgba(20,20,20,.1);
}

.dropodown.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    // pointer-events: none;
}
.dropodown.dropdown>.dropdown-menu .dropdown-divider{border: none; background: #B80000; height: 2px; opacity: 0.7; margin: 0px;}



.dropodown.l{display: block;}
.dropodown.l .dropdown-item{padding: 0.5rem 1rem !important; cursor: pointer; color:white; }
.dropodown.l .dropdown-item:hover, .dropodown.l .dropdown-item:focus{background:#121d2e; color:white; }
.dropodown.l .dropdown-menu{
  width: auto; 
  margin-top: -42px !important;/*
  margin-left:190px !important;
  top:unset !important;
  left:unset !important;*/
  transform: unset;
  min-width: unset;
}
.dropodown.dropdown.l .dropdown-menu .dropdown-item{ 
  background:rgba(40,40,40,.03); padding-left: .55rem !important;  font-size: 1em; font-weight:bold; 
}
.dropodown.dropdown.l .dropdown-menu .dropdown-item .fa-circle{
  font-size: .45em;
  top: -2px;
  position: relative;
}


@media (max-width: 576px){.dropodown.dropdown:not(.l):hover>.dropdown-menu { margin-left: 40px;}}





.tb-tisk{margin-left: 5px !important;}


.btn-group, .btn-group-vertical {width: 100%; max-width: 420px;}
.notop{margin-top:0px !important;}
#content table tr:hover{background: rgba(200,200,255,0.225) !important; }
#example tfoot, .example tfoot{display: table-header-group;}
#example.marTop,.example.marTop, .example2.marTop{margin-top: 47px; text-align: center; margin-bottom: 58px;} 
#example.marTop {margin-top: 39px}
#example.marTop th, .example.marTop th, .example2.marTop th  {padding-right: 30px;} 
#example.marTop th:last-child, .example.marTop th:last-child, .example2.marTop th:last-child, #example.marTop th.arnon, .example.marTop th.arnon, .example2.marTop th.arnon  {padding-right: 0px;} 
#example input, .example input,  .example2 input{min-width: 75px; width: 100%;}
#example tfoot td, .example tfoot td, .example2 tfoot td {padding: 0px}
#example tfoot td input, .example tfoot td input, .example2 tfoot td input{border: none; padding: 5px; text-align: center; background: #e9ecef;}
#example thead,.example thead,.example2 thead, .table-responsive table thead {background: #343a40; color: white;}
#example thead th, .example thead th, .example2 thead th;{font-size: .85em}
#example thead th:last-child, .example thead th:last-child, th.ff{pointer-events:none;}
#example thead th:last-child:before,.example thead th:last-child:before, #example thead th:last-child:after,.example thead th:last-child:after{display: none;}
#example thead th.ff:before, .example thead th.ff:before, #example thead th.ff:after, .example thead th.ff:after {display: none;}
th.ff{max-width: 25px; min-width: 25px; padding: 0px;}
td.ff  {padding: 0px !important; }
td.ff button {padding:0.375rem; height: 100%;  min-width: 50px;}
tbody td.imgs img{width: auto !important; height: 20px !important; margin-right: 2px;margin-left: 2px;}
.vlajky img{ border:1px solid gray;}
td .more{display: none;}
#example thead th.lg,.example2 thead th.lg {min-width: 140px;}
#example thead th.md,.example2 thead th.md {min-width: 100px;}
#example thead th.sm,.example thead th.sm,.example2 thead th.sm {min-width: 108px;}
.dataTable th.mgs {width: 0px !important; padding-right: 30px !important;}
#example thead th.ssm,.example2 thead th.ssm{max-width: 101px !important;}
#example thead th, .example thead th, .example2 thead th{font-size: .85em}
#example thead th.arnon,.example thead th.arnon{padding-right: 50px;}
#example thead th.arnon:before,.example thead th.arnon:before, #example thead th.arnon:after,.example thead th.arnon:after{display: none;}
#example tbody td,.example tbody td,.example2 tbody td{padding: 0px 5px; vertical-align: middle; }
#example tbody td:last-child,.example tbody td:last-child{padding: 0px 0px 0px 0px;}
#example tbody td:last-child .btn,.example tbody td:last-child .btn,.example2 tbody td:last-child .btn{margin: 0px center; padding: 4px 8px; font-size: 0.9em;}
#example tbody td.handle,.example tbody td.handle, .table-responsive table tbody td.handle{cursor: grabbing; font-weight: bold;}
#example tbody td.handle:hover,.example tbody td.handle:hover, .table-responsive table tbody td.handle:hover{background: #D10A11; color: white;}
#example td.small,.example td.small{padding: 0px; font-weight: bold;}
#example td.small span,.example td.small span{width: 100%; display: block; font-weight: normal !important;}
#example td img,.example td img, .sortable td img {width: 100%;height: 38px; object-fit: contain;}
#example caption,.example caption, .table-responsive table caption{
  caption-side: top;
}
#example tbody tr.novy{background: #fff3be; border-bottom: 2px solid #f4ffad; border-top: 2px solid #f4ffad;}
#example tbody tr.tip{background: #dee0ff; border-bottom: 2px solid #d1d7ff; border-top: 2px solid #d1d7ff;}
#example tbody tr.novy.tip{background: #d8ffd1; border-bottom: 2px solid #c8ffbe; border-top: 2px solid #c8ffbe;}
.example thead th.lg {min-width: 28%;}
.example thead th.aktivni_jazyk.lg{min-width: 40%;}
.example thead th.ss.lg{min-width: 75%;}
.hreferer {height: 20px; position: absolute; margin-top: -105px;}
.sortable tbody td img {margin: -8px;}
@media (max-width: 767px){
  .mdno {display: none;}
  .table th, .table td{padding: .5rem;}
  td .more{display: inline;}
  td .dore{display: none;}
}
@media (max-width: 576px){
  .smno {display: none;}
  
  #example thead th.lg,.example2 thead th.lg {min-width: 100px;}
  #example thead th.md,.example2 thead th.md {min-width: 90px;}
  td.ff button {min-width: 40px;}
  .table-bordered thead th, .table-bordered thead td{
    padding: 5px 4px;
  }
  table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{
    font-size: 170%;
  }
}
@media (min-width: 480px){
  th.ff {max-width: 30px; padding-right: 0px}
  td.ff button {}
}
.tableloader{
  width: 96%;
  height: 90%;
  position: absolute;
  background: white;
  z-index: 2;
}
.btn-md {font-size: 90%; width: 140px !important;}
.font-105 {font-size: 105%;}
.bcg-grey{background: rgb(200,200,200);}
#deleteDialog {z-index: 1051;}
table .poradi {width: 20px; text-align: center;}
.kontakt-trigger {cursor: pointer;}
.kontakt-trigger:hover {color: #D10A11; background: #e9ecef;}
.dialog2{max-width: 92%; margin-top: 60px;}
.dialog3{max-width: 768px;}
.mw-210{min-width: 210px;}
@media (max-width:480px) {.dialog2 {max-width: 100%; margin: 0px; margin-top: 20px;}}

td.a{cursor: pointer;}
td.a:hover{background: rgba(220, 53, 69, 0.85); color:white}
td.a:after, td.a.small span:last-child:after{content: '\f08e'; font-family: "FontAwesome"; font-size: .45em; top:-6px; margin-left:-3px; margin-right: -2px; position: relative;}
td.a.small:after{content: none;}

td.audio-play{cursor: pointer;}
td.audio-play i {font-size: 1.55em; transition: all 0.1s ease-in;}
td.audio-play:hover i {font-size: 1.8em; color:#D10A11;}

  #odpocet {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0px;
    width: 100%;
    height: 150px;
    background: #D10A11;
    padding: 10px;
    z-index: 999999999999;
    text-align: center;
    font-size: 1.3em;
    font-weight: 800;
    color: white;
  }
  #casomira{
    margin-top: 18px;
    font-size: 1.8em;
  }

#select_image, .select_image{
    border: none;
    outline: none;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    margin-bottom: 4px;
    border: 1px solid rgb(210,210,210);
}

#select_image:before, .select_image:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -2;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

#select_image:active, .select_image:active{
    color: inherit;
}

#select_image:active:after, .select_image:active:after {
    background: transparent;
}

#select_image:hover:before, .select_image:hover:before {
    opacity: 1;
}


@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}


}
.spinning{
    -webkit-animation:spin 1s ease-out infinite;
    -moz-animation:spin 1s ease-out infinite;
    animation:spin 1s ease-out infinite;
}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}



.poctycontainer{ max-width: 110px !important;}

td.poctycontainer{
  padding: 0px !important;
}
.pocty{
   min-width:28px !important;
   max-width:28px !important;
   height: 28px !important;
   line-height: 28px;
   margin:4px;
   float:left;
   text-align: center;
   cursor: pointer;
   color:white;
   font-weight: bold;
   border-radius: 50%;
   opacity: 0.75;
   font-size: .75em;  
}

@media (max-width: 576px){
  .poctycontainer{ max-width: 90px !important;}
  .pocty{
     min-width:25px !important;
     max-width:25px !important;
     height: 25px !important;
     line-height: 25px;
     margin: 3px;
  }
}


.pocty:hover{opacity: 1}
.pocty.popavky{ background: #162038; }
.pocty.nabidky{ background: #dc3545; }
.pocty.sezeni{  background: #daa520; }


.pocerbef{
  position: absolute; margin-top: 0px; margin-left: -30px;
  width: 22px;
  height: 22px;
  border-radius: 35%;
  background: #162038;
  opacity: 0.75;
  color:white;
  line-height: 22px;
}
.pocerbef:hover{opacity: 1;}

#map {
  height: 360px;
  float: left;
  width: 100%;
}

.suggestion {
  border: 1px solid #ccc;
  padding: 0;
  overflow: scroll;
}
.suggestion__item {
  font-size: 24px;
  background-color: #fff;
  padding: 5px;
}
.suggestion__item:hover {
  background-color: #cee;
}
.is-selected {
  background-color: #eec;
}

.card-header .btn {margin: -7px;}
.card-header.h {padding: 0.35rem .75rem}
.card-header h1 small {width: 100%; font-size: 0.6em; display: block;}
.card-header .btn.sec{margin-right: 10px !important;}
.btn-saves .btn.fixed {position: absolute; z-index: 3; margin-top: -69px; right: 23px;}
.btn-saves .btn.fixed.affix{position: fixed; margin-top: -123px;}
.btn-saves .btn.fixed:first-child{right: 149px;}
.btn-saves .btn.fixed:nth-child(2){right: 189px;}
.btn-saves .btn.fixed.sp{right: 118px;}
.btn-saves .btn.fixed.affix{background: #007bff; color: white; font-size: 0.95em; border-radius: 0px; border: 1px solid #007bff;}
.btn-saves .btn.fixed.affix:hover{background: #0062cc; text-decoration: none;}
#quick-save.btn.fixed.affix{background: #dc3545; border: 1px solid #dc3545; }

 .custom-control-label{margin-left: 20px;}
 .img-thumbnail, .card-body #form_upload_image-posts, .card-body .custom-file-upload{width: 90%;object-fit: contain;}
 #nahl_obr {height: 200px;}
 #form_upload_image-posts {text-align: center;}
 .custom-file-upload{ height: 210px;  position: relative; z-index: 2; color: inherit; border: none !important; color: rgba(30,30,30,0.225) !important; font-size: 1.3em}
 .custom-file-upload.hover{color: rgba(15, 10, 65,0.85) !important; background: rgba(255,255,255,0.75); cursor: pointer; border:2px dotted #B80000 !important; border-radius: 5px;}
 #fileSelect {height: 0px; cursor: pointer;}
 .img-wrapper { position: absolute; width: 100%;}
.img-wrapper .btn{margin-bottom: 25px;}
 #progress-div {width: 100%; max-width: 275px; margin-left: 0px; padding: 0px;}
 #loader-icon {top: 110px;  position: absolute; z-index: 10;}
 #loader-icon img {width: 170px;}
 #targetLayer {display: none;}
 #progress-div{position: absolute; top: 35px; display: none;}
 .btn.publ {width: 102px;}
.card-body .btn.btn-warning:hover{color: white;}
.card-body td a:hover{text-decoration: none;}

h1,h2 {text-align: center; margin: 0px auto;}

.hide{display: none !important;}


@media (max-width:998px) {
  .card-header span{font-size: 90%;}
  h1, .h1{font-size: 1.85em;}
  h2, .h2{font-size: 1.55em;}
  h3, .h3{font-size: 1.4em;}
  h4, .h4{font-size: 1.3em;}
  h5, .h5{font-size: 1.15em;}
}
@media (max-width:480px) {
  .card-header span{font-size: 85%;}
  h1, .h1{font-size: 1.75em;}
  h2, .h2{font-size: 1.48em;}
  h3, .h3{font-size: 1.35em;}
  h4, .h4{font-size: 1.225em;}
  h5, .h5{font-size: 1.05em;}
  #example thead, #example td, #example input, #example select, .example thead, .example td,  .example input, .example select{font-size: 81%;}

}  

select, input, textarea, #tags_tagsinput {max-width: 420px;}
input.preklad_live{max-width: 100%;}
option[disabled]{display: none;}

#main button.multiselect {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  min-width: 210px;
  text-align: left;
}
.multiselect-container.dropdown-menu {background: #343a40;}
.multiselect-container > li {padding-top: 1px; border-top:1px solid rgba(200,200,200,0.05);}
.multiselect-container > li > a{color: inherit;}
.multiselect-container > li > a:hover{color: #D10A11;}
.multiselect-container > li > a > label {padding: 2px 10px 2px 12px; width: calc(100% - 40px); border-left:2px solid rgba(0,0,0,0); color:white}
.multiselect-container > li:hover > a > label{border-left:2px solid #dc3545;}

div.dataTables_wrapper div.dataTables_filter input{font-size: 21px;}
.table-responsive.nono div.dataTables_wrapper div.dataTables_filter input,.table-responsive.nono div.dataTables_wrapper div.dataTables_info{display: none;}
#main #st-wraper{
  width: 100%;
  background: rgba(60,60,60,0.8);
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  display: none;
  overflow-y: auto;
}

#main #st-wraper .close-btn::before{
  top: 0px;
  right: 0px;
  content: '\f00d';
  font-family: "FontAwesome";
  font-size: 5vw;
  color: white;
  position: fixed;
  cursor: pointer;
  padding: 0px 2.2vw;
  background: #dc3545;
  border-radius: 10px;
  z-index: 999999;
}
#main #st-wraper .close-btn:hover::before{
  background: #d11f30;
}


#message-box p{position: fixed;
  width: 100%;
  height: 56px;
  line-height: 56px;
  bottom: -16px;
  background: #343a40;
  color: white;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  z-index: 9999;
}

/* HORIZONTAL */
.list-group-horizontal{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
.colapse-icon li:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
    margin-left:10px;
}
.colapse-icon li.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}

 /* SROTABLE*/
.droparea {
  padding: 25px 0px;
  list-style: none;
  margin-top: -15px;
      display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
.draggable{ list-style:none; padding-left: 0px; max-width: 390px;} 
.ui-state-default.mi {cursor: grab; padding: 5px; width: 100%; z-index: 2; position: relative;}
.ui-state-default.mi .ui-icon{cursor: pointer; position: absolute;  right: 18px; margin-top: 3px;
    display: inline-block;
    width: 20px;
    height: 20px;
}
.ui-draggable-dragging{z-index: 3 !important;}

.droparea .ui-state-default.mi {width: 48%; margin-top: 2px; }
@media (max-width: 1366px) { .droparea .ui-state-default.mi {width: 100%; margin-top: 0px}}

/* EDITS */
.custom-control-input:checked ~ .custom-control-label::before {
  content: '✓';
  line-height: 16px;
}



.warning {
  color: red;
}

/* Specific colors for the SERP preview */
.titlePreview {
  color: #1a0dab;
  font-size: 20px;
  line-height: 1.3;
}
#url {
  color: #5f6368;
  font-size: 0.92em;
}
#url-rewriter{
  background: white;
  min-width: 100px;
  width: calc(100% - 205px);
  height: 17px;
  position: absolute;
  left: 205px;
  color: #5f6368;
}
#descPreview {
  color: #4d5156;
}

.preview {
  display: block;
  max-width: 32em;
  margin: 30px 8px;
}

.bp {
  margin-top: 80px;
}


.checkboxes {
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.checkboxes__row {
  display: flex;
}
.checkboxes__row:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.checkboxes__item {
  padding-top: 8px;
}

/* STYLE E */

.checkbox.style-e {
  display: inline-block;
  position: relative;
  padding-left: 50px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox.style-e input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox.style-e input:checked ~ .checkbox__checkmark {
  background-color: #dc3545;
}
.checkbox.style-e input:checked ~ .checkbox__checkmark:after {
  left: 21px;
}
.checkbox.style-e:hover input ~ .checkbox__checkmark {
  background-color: #777;
}
.checkbox.style-e:hover input:checked ~ .checkbox__checkmark {
  background-color: #dc3545;
}
.checkbox.style-e .checkbox__checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 22px;
  width: 40px;
  background-color: #999;
  transition: background-color 0.25s ease;
  border-radius: 11px;
}
.checkbox.style-e .checkbox__checkmark:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 16px;
  height: 16px;
  display: block;
  background-color: #fff;
  border-radius: 50%;
  transition: left 0.25s ease;
}
.checkbox.style-e .checkbox__body {
  transition: color 0.25s ease;
}



html {
  position: relative;
  min-height: 100%;
}

body {
  overflow-x: hidden;
}

body.sticky-footer {
  margin-bottom: 56px;
}

body.sticky-footer .content-wrapper {
  min-height: calc(100vh - 56px - 56px);
}

body.fixed-nav {
  padding-top: 56px;
}

.content-wrapper {
  min-height: calc(100vh - 56px);
}

.scroll-to-top {
  position: fixed;
  right: 15px;
  bottom: 3px;
  display: none;
  width: 50px;
  height: 50px;
  text-align: center;
  color: white;
  background: rgba(52, 58, 64, 0.5);
  line-height: 45px;
}

.scroll-to-top:focus, .scroll-to-top:hover {
  color: white;
}

.scroll-to-top:hover {
  background: #343a40;
}

.scroll-to-top i {
  font-weight: 800;
}

.smaller {
  font-size: 0.7rem;
}

.o-hidden {
  overflow: hidden !important;
}

.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}
.breadcrumb{width: 100%; padding: 0.4rem 1rem;}
#exampleAccordion{
  /*font-family: 'fette';*/
  font-family: sans-serif;
  font-size: 1.25em;
  overflow-y: auto;
  overflow-x: hidden;
}

#mainNav .navbar-collapse {
  overflow: auto;
  max-height: 75vh;
}

#mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {
  cursor: pointer;
}

#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
  float: right;
  content: '\f107';
  font-family: 'FontAwesome';
}

#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse.collapsed:after {
  content: '\f105';
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level {
  padding-left: 0;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
  display: block;
  padding: 0.5em 0;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:focus, #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:hover,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:focus,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:hover {
  text-decoration: none;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a {
  padding-left: 1em;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
  padding-left: 2em;
}

#mainNav .navbar-collapse .sidenav-toggler {
  display: none;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
  position: relative;
  min-width: 45px;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
  float: right;
  width: auto;
  content: '\f105';
  border: none;
  font-family: 'FontAwesome';
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link .indicator {
  position: absolute;
  top: 5px;
  left: 21px;
  font-size: 10px;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown.show > .nav-link:after {
  content: '\f107';
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
  overflow: hidden;
  max-width: none;
  text-overflow: ellipsis;
}

@media (min-width: 992px) {
  #mainNav .navbar-brand {
    width: 250px;
  }
  #mainNav .navbar-collapse {
    overflow: visible;
    max-height: none;
  }
  #mainNav .navbar-collapse .navbar-sidenav {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 56px;
  }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item {
    width: 250px;
    padding: 0;
  }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
    padding: 0.75em;
  }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
    padding-left: 0;
    list-style: none;
  }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li,
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li {
    width: 250px;
  }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
    padding: 0.75em;
  }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a {
    padding-left: 1.5em;
    font-size: 95%;
  }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
    padding-left: 2.25em;
  }
  #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
    min-width: 0;
  }
  #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
    width: 24px;
    text-align: center;
  }
  #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
    max-width: 300px;
  }
}

#mainNav.fixed-top .sidenav-toggler {
  display: none;
}

@media (min-width: 992px) {
  #mainNav.fixed-top .navbar-sidenav {
    height: calc(100vh - 112px);
  }
  #mainNav.fixed-top .sidenav-toggler {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: calc(100vh - 56px);
  }
  #mainNav.fixed-top .sidenav-toggler > .nav-item {
    width: 250px;
    padding: 0;
  }
  #mainNav.fixed-top .sidenav-toggler > .nav-item > .nav-link {
    padding: 1em;
  }
}

#mainNav.fixed-top.navbar-dark .sidenav-toggler {
  background-color: #212529;
}

#mainNav.fixed-top.navbar-dark .sidenav-toggler a i {
  color: #adb5bd;
}

#mainNav.fixed-top.navbar-light .sidenav-toggler {
  background-color: #dee2e6;
}

#mainNav.fixed-top.navbar-light .sidenav-toggler a i {
  color: rgba(0, 0, 0, 0.5);
}

body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler {
  overflow-x: hidden;
  width: 55px;
}

body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-item,
body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-link {
  width: 55px !important;
}

body.sidenav-toggled #mainNav.fixed-top #sidenavToggler i {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: 'FlipH';
}

#mainNav.static-top .sidenav-toggler {
  display: none;
}

@media (min-width: 992px) {
  #mainNav.static-top .sidenav-toggler {
    display: flex;
  }
}
@media (max-width:480px){
  #mainNav{padding: 0px 1rem;}
}
body.sidenav-toggled #mainNav.static-top #sidenavToggler i {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: 'FlipH';
}

.content-wrapper {
  overflow-x: hidden;
  background: white;
}

@media (min-width: 992px) {
  .content-wrapper {
  }
}

#sidenavToggler i {
  font-weight: 800;
}

.navbar-sidenav-tooltip.show {
  display: none;
}

@media (min-width: 992px) {
  body.sidenav-toggled .content-wrapper {
  }
}

body.sidenav-toggled .navbar-sidenav {
  width: 55px;
}

body.sidenav-toggled .navbar-sidenav .nav-link-text {
  display: none;
}
@media (min-width: 992px) {
  body.sidenav-toggled .navbar-sidenav .nav-item,
  body.sidenav-toggled .navbar-sidenav .nav-link {
    width: 55px !important;
  }
}
body.sidenav-toggled .navbar-sidenav .nav-item:after,
body.sidenav-toggled .navbar-sidenav .nav-link:after {
  display: none;
}

body.sidenav-toggled .navbar-sidenav .nav-item {
  white-space: nowrap;
}

body.sidenav-toggled .navbar-sidenav-tooltip.show {
  display: flex;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
  color: #868e96;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
  color: #868e96;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
  color: #adb5bd;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
  color: #868e96;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
  color: #adb5bd;
}

#mainNav.navbar-dark .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
  color: #adb5bd;
}

@media (min-width: 992px) {
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav {
    background: #343a40;
  }
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a {
    color: white !important;
    background-color: #495057;
  }
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:hover {
    color: white;
  }
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
    background: #343a40;
  }
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
  color: rgba(0, 0, 0, 0.5);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
  color: rgba(0, 0, 0, 0.7);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
  color: rgba(0, 0, 0, 0.5);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
  color: rgba(0, 0, 0, 0.7);
}

#mainNav.navbar-light .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
  color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 992px) {
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav {
    background: #f8f9fa;
  }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a {
    color: #000 !important;
    background-color: #e9ecef;
  }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:hover {
    color: #000;
  }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
    background: #f8f9fa;
  }
}

.card-body-icon {
  position: absolute;
  z-index: 0;
  top: -25px;
  right: -25px;
  font-size: 5rem;
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}

@media (min-width: 576px) {
  .card-columns {
    column-count: 1;
  }
}

@media (min-width: 768px) {
  .card-columns {
    column-count: 2;
  }
}

@media (min-width: 1200px) {
  .card-columns {
    column-count: 2;
  }
}

.card-login {
  max-width: 25rem;
}

.card-register {
  max-width: 40rem;
}

footer.sticky-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 56px;
  background-color: #e9ecef;
  line-height: 55px;
}

@media (min-width: 992px) {
  footer.sticky-footer {
    width: calc(100% - 250px);
  }
}

@media (max-width: 992px) {
  body.sidenav-toggled .navbar-sidenav {
    width: auto;
  }
  body.sidenav-toggled .navbar-sidenav .nav-link-text {
    display: inline-block;
  }
  .container-fluid{
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (max-width: 767px){
  .btn-group, .btn-group-vertical {display: grid;}
}
@media (max-width: 576px){
  body, .btn, input, select{font-size: 85%;}
  .card-body {padding: 0.6rem;}
  #example_wrapper .row .col-sm-6:nth-child(2){position: absolute;}
  #example_filter {position: absolute; right: 20px;}
  #example_filter input {width: 120px; font-size: 11px;}
  .card-body #form_upload_image-posts {top: 64px;}
  .btn-saves .btn.fixed{margin-top:-50px;}
  .btn-saves .btn.fixed.affix{
    margin-top: -105px;
     margin-right: -23px;
     padding: 8px;
  }
  .tb-tisk{display: none;}
}

@media (max-width: 415px){
  .btn-saves .btn.fixed{margin-top:-50px;}
  .btn-saves .btn.fixed.affix{
    margin-top: -126px;
  }
}
@media (min-width: 992px) {
  body.sidenav-toggled footer.sticky-footer {
    width: calc(100% - 55px);
  }
}



@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid;
    }
    *,
    :after,
    :before {
        text-shadow: none !important;
        box-shadow: none !important;
    }
    a:not(.btn) {
        text-decoration: underline;
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    pre {
        white-space: pre-wrap !important;
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
    }
    thead {
        display: table-header-group;
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    @page {
        size: a3;
    }
    .container,
    body {
        min-width: 992px !important;
    }
    .navbar {
        display: none;
    }
    .badge {
        border: 1px solid #000;
    }
    a{text-decoration: none !important; color:black;}

    tbody tr td {padding:100px 0px; line-height: 42px;}

    .card-header, .breadcrumb, footer {display: none;}
    .table-responsive .dataTables_wrapper.dt-bootstrap4 > .row:last-child{
      display: none;
    }
    .table-responsive .dataTables_wrapper.dt-bootstrap4 > .row:first-child{
      display: none;
    }
    .table tr.bcg-grey {display: none !important;}
    .table tfoot{display: none !important;}
    .table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before {display: none !important;}
    .table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after {display: none !important;}

    .p-none, .tooltip, div.p-none, table.p-none{display: none !important;}
}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting{
  padding-right: 0px;
}

main#nabu {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 15px;
}
.kachel {
  background: #121d2e;
  color: white;
  width: 13.8%;
  border-left: solid 3px black;
  border-right: solid 3px black;
  border-bottom: solid 1px #444;
  padding: .75rem;
  transition: all 0.2s ease-in;
  border-radius: 8px;
  margin-top: 2px;
}
.kachel:nth-child(even){
  background: #1d2838;
}
.kachel.disabled{
  background: #dc3545;
  opacity: 1;
}
.kachel:not(.disabled):hover {
  transform: scale(1.1);
  z-index: 100;
  cursor: pointer;
  box-shadow: 1px 1px 1px #222;
}
.kachel h2 {
  font-size: 1.05rem;
}

@media (max-width: 1600px) {
  .kachel { width: 16.1%;  }
  .kachel:not(.disabled):hover { transform: scale(1.08);    }
}
@media (max-width: 1280px) {
  .kachel { width: 19.3%;  }
  .kachel:not(.disabled):hover { transform: scale(1.075);    }
}
@media (max-width: 1200px) {
  .kachel { width: 24.3%;  }
  .kachel:not(.disabled):hover { transform: scale(1.07);    }
}

@media (max-width: 992px) {
    main#nabu {width: 97%; margin-left: 1.5%;}
   .kachel { width: 32.3%;  }
   .kachel h2 {
     font-size: 1rem;
    }
    .kachel:not(.disabled):hover { transform: scale(1.06);    }
}

@media (max-width: 680px){
  .kachel{
    padding: 0.6rem;
  }
  .kachel h2 {
    font-size: 0.85rem;
  }
}
@media (max-width: 600px) {
  .kachel {
    padding: 0.55rem;
    width: 48%;
  }
  .kachel:not(.disabled):hover { transform: scale(1.05);    }
}
@media (max-width: 480px) {
  .kachel {
    width: 48%;
    padding: 0.55rem;
  }
  .kachel h2 { font-size: .725rem;}
  .kachel:not(.disabled):hover { transform: scale(1.035);    }
}

@media (max-width: 420px) {
  .kachel h2 { font-size: .7rem;}
  .kachel:not(.disabled):hover { transform: scale(1.025);    }
}