/*
 * Base structure
 */

html,
body {
  width: 100%;
  height: 100%;

}

body {
  color: #6d6d72;
  font-size: 14px;
}

a, a:focus, a:hover, a:active, a:visited { text-decoration: none !important; }

#background-wrap {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  background-size: cover;
  background-image: url('/graphics/menu-bg.png');
  background-repeat: no-repeat;
  background-attachment: scroll;
}


#site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  vertical-align: top;
}

#wrapper-header {
  height: 48px;
  text-align: center;
  background-color: #f8f8f8;
  border-bottom: 1px solid rgba(178,178,178, 0.56);
}

#back_button {
  position: absolute;
  left: 0px;
  width: 30px;
  height: 100%;
  color: rgb(0,122,255);
}

#back_button a, #back_button a:focus, #back_button a:hover, #back_button a:active, #back_button a:visited {
  color: rgb(0,122,255);
}

#back_button .back_button_icon {
    padding: 8px 0px 0px 10px;
}

#header_title {
  padding-top: 0.3rem;
}

#header_title .navbarlogo {
  width:14px; margin-top:-6px; margin-right: 2px; display: inline !important;
}

#header_title .navbar-brand { color: #000 !important; }

#wrapper-body {
  margin-top: 64px; /* +16px */
  margin-bottom: 48px;
}

#wrapper-footer {
  height: 48px;
  padding-top: 4px;
  background-color: #f8f8f8;
  border-top: 1px solid rgba(178,178,178, 0.4);
  color: #9d9d9d;
  text-align: center;
}

#wrapper-footer a.active {
  color: rgb(0,122,255);
}

#wrapper-footer a:not(.active) {
  color: #6d6d72;
}

.bottom_icons {
  line-height: 1em;
  font-size: 12px;
}

/* Iskalnik */
#menu {
  position: relative;
  line-height: 16px;
}

#menu .menu_title, .menu_title {
  padding: 0px 0px 10px 0px;
  font-size: 17px;
  font-weight: 500;
  color: #6d6d72;
}
#menu li {
  border-collapse: collapse;
  background-color: white;
  border-bottom: 1px solid #c8c7cc;
}

/*#menu li:not(:last-child):before {
  content: "";
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 0px;
  height: 1px;
  border-bottom: 1px solid #c8c7cc;
}*/

ul.menu, ul.menu li {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.menu li {
  position: relative;
  height: 44px;
  cursor: pointer;
}

ul.menu li.cemeteryList {
  height: auto !important;
}

ul.menu li a {
  padding: 13.5px 2.5px 15px 0px;
  color: black;
  font-size: 15px;
  display: block;
  font-weight: 500;
}

ul.menu li i.menu_arrow_icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  font-size: 17px;
  line-height: 44px;
}

/* Content  */
.contMiddleTC {

  /*display: inline-flex;/*
  /* Internet Explorer 10 */
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  /* Safari, Opera, and Chrome */
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  /* W3C */
  display: box;
  box-pack: center;
  box-align: center;

}

/* Cemetery list */
.iskalnik #menu ul.menu li.cemeteryList div.caption {
  font-weight: normal;
  padding: 8px 4px;
  font-size: 14px;
}
.iskalnik #menu ul.menu li.cemeteryList div.cemeteryHomepage {
  padding: 8px 2px 0px;
}
.iskalnik #menu ul.menu li.cemeteryList div.cemeteryContacts {
  padding: 8px 2px;
}

/* Search ALL (hitri iskalnik) */
#searchAll input {
  height: 40px;
  padding: 8px 7px 8px 12px;
  border: 1px solid #c8c7cc;
  -webkit-border-radius: 4px;
  margin: 0px 0px 10px;
  font-size: 14px;
}

/* Search button width fix */
#searchAll .searchAll div.input-group.input-group-lg, .searchAll .btn { width: 100%; }
#searchAll .text_comment { font-size: 13px;}

/* O PROJEKTU */
.oprojektu .bigIcon { font-size: 20px; }

.subtitle { font-size: 16px; font-weight: bold; }

/* ICONS - Material Icons by GOOGLE */
.iskalnik #menu ul.menu li.cemeteryList i.material-icons {
  font-size: 17px;
  padding-right: 4px;
  vertical-align: bottom;
}