:root {
  --default-anchor-color: #e04032;
  --ucb-red-color: #e04032;
  --ucb-red-color-rgba: rgb(239, 64, 50, 0);
  --font-primary-color: rgba(0,0,0,0.87);
  --font-sidemenu-item-color: #778188;
  --font-tileroundmenu-item-color: #474d52;
  --font-sidemenu-item-active-color: var(--ucb-red-color);
  --font-sidemenu-item-icon-fill: #929aa0;
}

body 
{
    background-color: transparent;
    color: rgba(0,0,0,0.87);
}

#side-menu a 
{
      color: rgba(0,0,0,0.87);
}

.navbar-default {
  background-color: transparent;
}
/*286090, 337ab7*/
.webformpanel > .webformpanel-heading, 
.amcwebform > .amcwebform-col > .panel > .panel-heading
{
  background-color: transparent;
  color:  #337ab7;

}

#side-menu li.active > a
{
  color: #337ab7;
}

#side-menu li a:hover, 
#side-menu li a:focus, 
#side-menu li a.active 
{
  color: white;
  background-color: #337ab7;
}

.sidebar ul li a.active, 
#side-menu li.active > a, 
#side-menu li.active > a > span.arrow
{
  font-weight: bold;
}

#sidebar-nav-close-button
{
  color: inherit;
}

.navbar-brand > img 
{
  max-height: 42px;
}

/*@media(min-width:768px) {
    #page-wrapper {
        margin: 0 0 0 280px;
    }
    
    .sidebar {
        width: 280px;
    }
    
    .navbar-brand > img 
    {
      xmargin-left: 94px;
    }
}*/
.table > thead > tr > th 
{
  border: 0 none;
}


.table > thead > tr:last-of-type > th, 
.table > tbody:only-child > tr:first-child > td, 
.table > tbody:only-child > tr:first-child > th
{
    border: 0 none;
  border-bottom: 2px solid #ddd;
  font-weight: bold;
}


.amcdatagrid .amcdatagrid-headertop > td, .amcdatagrid .amcdatagrid-header > td
{
  background-color: #337ab7;
  color: White;
  padding: 5px;
}

.amctab-highlighted > a 
{
  font-weight:bold;
}
/*#23527c*/

.webcontrols-ui-row-leftcell-mandatory
{
  font-weight: bold;
  color: tomato;
}



.technologyview-header {
  margin-bottom: 20px;
}

.technologyview-header-title {
  color: #337ab7;
  margin-bottom: 10px;
}

.navbar-static-top {
 background-color:white;
}


.employeinfo-currentphoto {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 308px;
  height: 400px;
  display: inline-block;
  border: 1px solid lightgray;
  margin: 15px;
}




/*TileRoundMenu.aspx*/

.tileRoundMenu > .cell > .inner {
  filter: grayscale(100%);
}

/*TileMenu.aspx*/


/**/



#side-menu li > a {
  color: var(--font-sidemenu-item-color);
}

#side-menu li.active > a {
  color: var(--font-sidemenu-item-active-color);
}

#side-menu li a:hover,
#side-menu li a:focus,
#side-menu li a.active {
  color: var(--font-sidemenu-item-active-color) !important;
  background-color: transparent !important;
}


#page-wrapper {
  border-left: 0 none;
}

.sidebar  ul li {
  border-bottom: none;
}

#sidebar-nav-close-button {
  border: 0 none;
}

#side-menu.nav > li a {
  position: relative;
  display: flex;
  padding: 10px 0px 10px 0px;

  vertical-align:middle;
  white-space:nowrap;

}


#side-menu.nav a  span.menuitem-icon {

  text-align: center;
  position: relative;
  vertical-align: top;
}


#side-menu.nav a span.menuitem-text {
  flex: 1;
  white-space: normal;
  display:flex;
  align-items:flex-end;
}

#side-menu.nav a span.menuitem-sufix {
  
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  right: 4px;
}


  #side-menu.nav > li > a > span.menuitem-icon {
    width: 48px;
  }


  #side-menu.nav > li > a.active > span.menuitem-text,
  #side-menu.nav > li.active > a > span.menuitem-text {
    border-bottom: 1px solid var(--font-sidemenu-item-active-color);
  }

#side-menu.nav > li > a > span.menuitem-text {
  border-bottom: 1px solid var(--font-sidemenu-item-color);
}

    /*Do Screen.css*/
    .sidebar .active > a > span.menuitem-sufix > .fa.arrow:before {
      content: "\f107";
    }

.sidebar {
  margin-top: 0px;
}

#page-wrapper > #page-content {
  background-color: transparent;
}

.navbar-static-top {
  background-color: transparent;
}

#page-wrapper {
  background-color: transparent;
}

.panel {
  background-color: transparent;
}

.navbar {
  border: 0 none;
}

.navbar-brand {
  padding-left: 8px;
}


.navbar-header
 {
  width: 280px;
}

.navbar-content-cust {
  height: 50px;
  margin-left: 280px;
  background: linear-gradient(to left, var(--ucb-red-color), var(--ucb-red-color-rgba));
}

  .navbar-content-cust > #navbartopright  {
    color: white;
  }

  .navbar-content-cust > #navbartopright > li > a {
    color: white;
  }

    .navbar-content-cust > #navbartopright > li.open > a,
    .navbar-content-cust > #navbartopright > li.open > a:hover,
    .navbar-content-cust > #navbartopright > li:hover > a,
    .navbar-content-cust > #navbartopright > li:focus > a {
      background-color: var(--font-sidemenu-item-active-color);
      border-color: transparent;
    }

#sidebar .navbar-collapse {
  border-top: 0 none;
}

#sidebar-nav-close-button 
 {
  color: var(--font-sidemenu-item-color);
}

#side-menu {
  width: 280px;
}

@media(max-width:768px) {
}

  @media(max-width:768px) {
    #side-menu.nav > li > a > span.menuitem-text {
      width: 100%;
    }

    #side-menu {
      width: unset;
    }

    a.navbar-brand > img {
      max-width: unset;
      height: auto;
    }

    .navbar-header {
      width: 100%;
    }

    .navbar-content-cust {
      height: 25px;
      margin-left: 0px;
      background: linear-gradient(to right, var(--ucb-red-color), var(--ucb-red-color-rgba));
    }


  }



  .menuitem-icon .icon-fill {
    fill: var(--font-sidemenu-item-icon-fill);
  }

  #side-menu .menuitem-icon svg {
    vertical-align: middle;
  }

  #side-menu li a:hover .menuitem-icon .icon-fill,
  #side-menu li a:focus .menuitem-icon .icon-fill,
  #side-menu li a.active .menuitem-icon .icon-fill,
  #side-menu li.active .menuitem-icon .icon-fill {
    fill: var(--font-sidemenu-item-active-color);
  }

/*Wsr Rezervace*/

.reservationdate-dateselector {

}

  .reservationdate-dateselector .date-dayshortname
  {
    font-weight: bold;
  }

  .reservationdate-dateselector .date-day {
  }

[data-has-Reservation='true'] .date-dayshortname {
}

[data-daypart='fd'].reservation-btn .reservation-indicator .morning-indicator,
[data-daypart='fd'].reservation-btn .reservation-indicator .afternoon-indicator,
[data-daypart='mr'].reservation-btn .reservation-indicator .morning-indicator,
[data-daypart='an'].reservation-btn .reservation-indicator .afternoon-indicator {
  background-color: tomato;
}



.reservation-btn {
  position: relative;
  display: inline-block;
  width: auto;
  overflow: hidden;
  margin-bottom: 4px;
}

.reservation-indicator {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 4px; /* Indikátor bude široký 4px */
  display: flex;
  flex-direction: column;
}

.morning-indicator,
.afternoon-indicator {
  flex: 1; /* Každý blok má stejnou výšku (50%) */
  width: 100%;
  background-color: transparent; /* Výchozí stav je průhledný */
}

  .morning-indicator.active {
    background-color: tomato; /* Barva pro dopolední rezervaci */
  }

  .afternoon-indicator.active {
    background-color: tomato; /* Barva pro odpolední rezervaci */
  }
/*Wsr Rezervace*/


#side-menu.nav > li > a > span.menuitem-icon svg {
  width: unset;
  height: unset;
  vertical-align: middle;
}

@media(max-width:768px) {
  /* #navbartoprightTestModeInfo,*/
  #navbartoprightUserInfo
   {
    display: initial;
    line-height: 25px;
  }
}