/* Interact Font and colors */
body.bootstrap-theme label {
	font-family: "Franklin Gothic Demi","Cambria Bold",sans-serif;
	font-weight: 400;
}

body.bootstrap-theme .checkbox label, body.bootstrap-theme .radio label {
	font-family: "Franklin Gothic Book","Cambria Regular",sans-serif;
	font-weight: 400;
}
body.bootstrap-theme  .ws-grey-out .checkbox label, body.bootstrap-theme  .ws-grey-out .radio label {
	color: lightgrey;
}

body ul.multiselect-container > li > a.multiselect-all > label.checkbox, body ul.multiselect-container > li > a > label.checkbox{
	font-family: "Franklin Gothic Book","Cambria Regular",sans-serif;
	font-weight: 400;
}

body ul.multiselect-container > li.multiselect-item.multiselect-group > a > label > b {
	font-family: "Franklin Gothic Book";
}
	
body.bootstrap-theme {
	font-family: "Franklin Gothic Book","Cambria Regular",sans-serif;
	font-weight: 400;
}

/* Make asterix after the label with required class */
label.required:after {
	content: " *"; 
	color: red;
}

.interact-body-padding {
	padding-top: 64px;
}
	
span.ws-height-auto {
   height: auto !important;
}

/* Application layout bootstrap banner */
.navbar-photo img {
	border-radius: 6px;
	margin-right:5px;
}

/* Left menu (outline) styling */
li.list-group-item-primary > a, 
li.list-group-item-primary > a:hover {
	background-color: #337ab7;
	color: white;
	text-align: center;
	padding-right: 20px;
}
li.list-group-item-primary > a:hover {
	background-color: #286090;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover {
	font-weight: bold;
	background-color: inherit;
	color: #337ab7;
}

.nav-pills > li.active > a:hover {
	background-color: #eee;
}

.nav.nav-pills > li.active > a {
	border-left: 3px solid #337ab7;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
}
/* End of Left menu (outline) styling*/



/* Generování vlastního Boostrap Navbar @ https://work.smarchal.com/twbscolor/css/e74c3cc0392becf0f1ffbbbc0 */
.navbar.navbar-default { 
	background-image: none;
	background-color: #fff;
    /*background-image: linear-gradient(to bottom,rgb(255,255,255) 0, rgb(225,231,247) 100%);*/
    min-height: 60px !important;
}
.navbar-default {
  background-color: #fff; /* rgb(225,231,247); /*#8ebed1;*/
  border-color: #003a5d;
  font-family: "Franklin Gothic Demi","Cambria Bold",sans-serif;
  font-size: 16px;
}

.navbar-default .navbar-brand {
  color: #000000;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  /*color: #fbb900;*/
  background-color: rgb(159, 174, 229);
  background: linear-gradient(white, rgb(209, 224, 255), white);
}
.navbar-default .navbar-text {
  color: #000000;
}

.navbar-nav > li {
	margin: 2px 6px;
	height: 56px;
}
.navbar-default .navbar-nav > li > a {
  color: #000000;
  height: 56px;
  line-height:50px;
  padding: 0px 6px 0px 6px;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 3px solid white;
  border-radius: 2px;

}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { 
  background-color: transparent;
  background-image: none;
  border-top: 1px solid #003a5d;
  border-left: 1px solid #003a5d;
  border-right: 1px solid #003a5d;
  border-bottom: 3px solid #003a5d; /* Interact dark blue */
  border-radius: 2px;  
}

.navbar-default .navbar-nav > li > .dropdown-menu {
	background-image: none;
	background-color: #fff; 
	/* background-color: rgb(225,231,247);/*#8ebed1;*/
	/* background-image: linear-gradient(to bottom,rgb(255,255,255) 0, rgb(225,231,247) 100%); */
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #000000;
  border-left:3px solid white;
  border-radius: 2px;
  margin-left:2px;
  padding: 3px 15px 3px 20px;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  background-image: none;
  background-color: #fff;
  border-left:3px solid rgb(0, 58, 93); /* Interact dark blue */
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #fff; /*background-color: #003a5d;*/
  background-image: none;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  /*color: #fbb900;*/
 /* background-color: #fff;*/ /*background-color: #003a5d;*/
  background-color: rgb(159,174, 229);
  background: linear-gradient(white, rgb(209, 224, 255), white);
    
  /*background-image: none;*/
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #000000; /*color: #fbb900;*/
  background-color: #fff; /*background-color: #003a5d;*/
  background-image: none;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: transparent;
  background-image: none;
  box-shadow: inset 0 2px 2px rgba(251,185,0,.1);
  border-top: 2px solid #003a5d;
  border-bottom: 2px solid #003a5d;
  border-radius: 3px;
}

.navbar-default .navbar-toggle {
  border-color: #003a5d;
  border-top: 2px solid #003a5d;
  /* test poskakovani */
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #fff; /* background-color: #003a5d; */
  background-image: none;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #000000;
  background-image: none;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #000000;
}
.navbar-default .navbar-link {
  color: #000000;
}
.navbar-default .navbar-link:hover {
  color: #fbb900;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000000;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #00517d;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #00517d;
    background-color: #fff; /*background-color: #003a5d;*/
	background-image: none;
  }
  /* Hot fix 30.7.2017 on small screens the dropdown menu is overlaped by the menu */
  div.navbar-fixed-top div.collapse.in  > ul > li.open{
	height: 280px;
}
/* END of Navbar */