@charset "UTF-8";
/*!
 * Definice style pro ITAudit
 *
 * @author Jiří Kubínek
 */

.itaudit-link {color: #0d6efd;text-decoration: none;}
.itaudit-orgchoice {color: #FFFFFF8C;}
.itaudit-orgchoice:hover{color: #ced4da;}
.itaudit-orgchoice:focus{color: #ced4da;}
.itaudit-pcstatusunknown {margin-right: 5px;color:yellow;}
.itaudit-pcstatusonline {margin-right: 5px;color:#73BE73;}
.itaudit-pcstatusoffline {margin-right: 5px;color:red;}
.itaudit-notification {position: relative; top: -8px;}
.itaudit-minwidth300 { min-width: 300px;}
a:hover {cursor:pointer;}
a:link {text-decoration:none}
a:visited {text-decoration:none}

.itaudit-accordionerror {    
  .accordion-button {
    background-color: rgba(255,0,0,0.4);
  }
  .accordion-button:not(.collapsed) {
    background-color: rgba(255,0,0,0.1);
    color: red;
  }
  .accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
  }
}
.itaudit-accordionwarning {    
  .accordion-button {
    background-color: rgba(255,165,0,0.4);
  }
  .accordion-button:not(.collapsed) {
    background-color: rgba(255,165,0,0.1);
    color: orange;
  }
  .accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
  }
}

.itaudit-heading h1{
  display: inline;
  margin-right: 20px;
}
.itaudit-heading .btn-group {
  margin-left: 0px;
  padding-bottom: 20px;
}
.itaudit-breadcrumb {
  margin-top: -10px;
}


/* animovane dropdown menu */
@media (min-width: 200px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}
@keyframes slideInUp {
  from {
    transform: translateY(1rem);
    opacity: 0;
  }
  to {
    transform: translateY(0rem);
    opacity: 1;
  }
}
@keyframes slideInDown{
  from {
    transform: translateY(-1rem);
    opacity: 0;
  }
  to {
    transform: translateY(0rem);
    opacity: 1;
  }
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(-1rem);
    -webkit-opacity: 0;
  }
}
.slideInOrg {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  margin-left: 10px !important;
  margin-bottom: 40px !important;
}
.slideInUser {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
.slideInSearch {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  margin-top: 41px !important;
  min-width: 250px;
  max-width: 400px;
}
.search-button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#searchDiv:not(:focus-within) ul {
  display: none;
}
.search-link:hover {
  text-decoration: underline;
}

/* Oprava nezobrazovani labelu u inputu v groupe - bootstrap bug*/
.form-floating > label { z-index: 3; }

.star-rating {
  font-size: 0;
  white-space: nowrap;
  display: inline-block;
  width: 150px;
  height: 30px;
  overflow: hidden;
  position: relative;
  background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
  background-size: contain;
  margin-left: 50;
}
.star-rating i {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 20%;
  z-index: 1;
  background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
  background-size: contain;
}
.star-rating input {
  -moz-appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  display: inline-block;
  width: 20%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 2;
  position: relative;
}
.star-rating input:hover+i,
.star-rating input:checked+i {
  opacity: 1;
}
.star-rating i~i {
  width: 40%;
}
.star-rating i~i~i {
  width: 60%;
}
.star-rating i~i~i~i {
  width: 80%;
}
.star-rating i~i~i~i~i {
  width: 100%;
}

.itaudit-logo-36 {
  margin-top: -4px;
  max-height: 36px;
  margin-right: 8px;
}
.itaudit-logo-30 {
  margin-top: -3px;
  max-height: 30px;
  margin-right: 4px;
}

.tooltip .tooltip-arrow {
    display: none;
}
.tooltip .tooltip-inner {
     background-color: var(--bs-dark);
}

.navbar-brand {
  margin-top: 4px !important
}

.sb-sidenav-menu .nav-link:hover {
  /* kdyz neni hover k dispozici - iphone apod., nemenime barvu on hover, protoze se pak nevraci na mobilech */
  color: #FFFFFF80 !important;
}
@media (hover: hover) {
  /* kdyz je hover k dispozici - PC apod. */
  .sb-sidenav-menu .nav-link:hover {
    color: #FFF !important;
  }
}

/* uprava zobrazovani prvku kolem tabulky */
.dt-row .row div{
  flex: 0 0 auto;
}
.dt-row .row input,select{
  height: 33px;
  line-height: 33px;
  margin-top: 2px;
  margin-left: 0px !important;
}
.dt-row .row input{
  width: 110px !important;
  margin-right: -5px !important;
}
.dt-row .row svg{
  margin: -4px -10px 0px -12px;
}
.dt-row .row div:first-child{
  width: auto;
  margin-right: auto;
  padding-right: 0px;
}
.dt-row .row div:not(:first-child){
  width: auto;
}
.dt-row nav{
  display:inline-block;
}

.table-bottom{
  padding-top: 12px;
  justify-content: right; 
}
.table-bottom div{
  margin-top: 9px;
}