/* Components */
/* ========================================================================== */
/*   FLASH MESSAGE COMPONENT
/* - Default component for flash messages. */
/* - Defaults to Bootstrap classes: .success, .warning, .info, .danger.  */
/* - Class .error is ok too!  */
/* ========================================================================== */
#flash .warning, #flash .success, #flash .info, #flash .danger, #flash .error { padding: 20px; margin: 0 50px 20px 50px; border: 3px solid transparent; font-size: 14px; font-weight: bold; border-radius: 4px; margin-top: 110px; position: absolute; z-index: 20; }
#flash .warning { color: #745f1d; background-color: #fffdc5; border-color: #efdd9f; }
#flash .warning a { color: #745f1d; }
#flash .success { color: rgb(8, 77, 146); background-color: #faf27b; border-color: #FFD700; }
#flash .success a { color: #2d6524; }
#flash .info { color: #23485a; background-color: #d9ecf8; border-color: #a6d1e3; }
#flash .info a { color: #23485a; }
#flash .danger, #flash .error { color: #8d313d; background-color: #f2dede; border-color: #c8a4a4; }
#flash .danger a, #flash .error a { color: #8d313d; }

.home-flash { position: absolute; width: 1220px; left: 0; right: 0; top: 16px; z-index: 999; margin: auto; }
.home-flash #flash .success { margin-top: 0; }

#menu_sprava > li:before, #menu_sprava > .active:before, #menu_admin .menu_li_nepodtrhni:before, #menu_admin .menu_li_nepodtrhni > .active:before {
  position: unset;
}
#menu_sprava > li {
  display: -webkit-inline-box;
}
#menu_admin .navbar-header {
  margin: -10px 0px -10px 0px;
}

form .error {
  color: red;
  font-weight: bold;
  vertical-align: top;
  background-color: #fed62f;
  border-radius: 0.5em;
  padding: 10px;
  list-style: none;
}
    
.text-danger {
    color: #a94442;
    background-color: #fffdc5;
    border: 3px solid rgba(255, 12, 12, 0.6); 
    border-radius: 4px;
    font-weight: bold;
    padding: 10px 5px 10px 10px;
    vertical-align: top;
    clear:both;
    }

.input-group {
    display: block;
}

.blikaci_TD{
    background: #fbd092;
    animation: blikaci_TD infinite;
    animation-duration: 2s;
    /*webkit*/
    -webkit-animation: blikaci_TD infinite;
    -webkit-animation-duration: 2s;
}

@keyframes blikaci_TD {
    25%  {background: #fbd092;}
    50%  {background: #f7a22f;}
    75%  {background: #f6c12e;}
    100%  {background: #ffff00;}
}

/*webkit*/
@-webkit-keyframes blikaci_TD {
    25%  {background: #fbd092;}
    50%  {background: #f7a22f;}
    75%  {background: #f6c12e;}
    100%  {background: #ffff00;}
}
.orch_kom_dotaz{
    float: right;
    padding: 0.2rem 1rem 1rem 1rem;
    margin: 1rem;
    border-radius: 1rem;
    background-color: #f0ad4e;
    color: black;
}
.orch_kom_odpoved{
    float: left;
    padding: 0.2rem 1rem 1rem 1rem;
    margin: 1rem;
    border-radius: 1rem;
    background-color: #fed630;
    color: black;
}
.orch_kom_nadpis{
    font-weight: bold;
    margin-bottom: 0.7rem;
    border-bottom: 0.2rem outset rgba(255, 200, 245, 0.85);
}
.orch_kom_nadpis_text{
    padding-top: 1rem;
}
.orch_kom_TLA_potvrd{
    padding: 0.1rem 0.5rem 0.1rem 0.5rem;
    margin-bottom: 0.3rem;
}
#form_ok_update_obsah{
  color: black;
}
#subscribe-form input {
    width: 100%;
    margin: 5px 0px 5px 0px;
    padding: 5px 10px 5px 10px;
    color: black;
}

#subscribe-form input[type=radio] {
    width: 10%;
    margin: 5px 10px 5px 10px;
    padding: 5px 10px 5px 10px;
}
#bs-example-navbar-collapse-1 ul li a {
    margin: 0 0 0 0;
    padding: 0 13px;
}
.ok_table_css{
  border-collapse: collapse;
  color: black;
}
.ok_table_css, .ok_table_css th, .ok_table_css td {
    border: 1px solid #9f4d9f;
    border-bottom: 2px solid #9f4d9f;
}
.ok_table_css thead tr{
  background-color: #fdd092;
  text-align: center;
}
.ok_tr_odd{
  background-color: #ffa321;
}
.ok_tr_even{
  background-color: #f6c12a;
}
.ok_tr_odd:hover, .ok_tr_even:hover{
  background-color: #FFF130;
}
.ok_update_ikona {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 5px;
    right: 5px;
    z-index: 999;
}
.sponzori a {
    color: yellow;
    font-size: 1.5em;
    font-weight: bold;
}
.sponzori a:hover {
    color: blue;
}
.sponzori img:hover {
    border-color: blue;
    background-color: blue;
}
.ok_rozcestnik {
    padding-bottom: 1em;
    border-radius: 1em;
}
#nova_strana .ok_rozcestnik h3 {
    font-size: 1.5em;
    padding-bottom: 0.4em;
}
.ok_rozcestnik:hover {
    background-color: rgba(0, 90, 255, 0.5);
}
.ok_rozcestnik_vypocet_vysky {
  height: 0;
  padding-bottom: 140%;
  position: relative;
}
.ok_rozcestnik_obsah {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* overflow: auto; */
}
#form_ok_update {
    width: 48%;
    background-color: rgba(8, 77, 146, 1);
    display: none;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 90;
    padding: 1em;
}
#form_ok_update_obsah {
    width: 100%;
}

.ok_hide {
  display: none;
}
.zluta {
  color: #FFD700;
}
.cervena {
  color: #F70008;
}
.zelena {
  color: #5cb85c;
}
.ruzova {
  color: rgba(230, 190, 230, 1) !important;
}
.modra {
  color: rgb(8, 77, 146);
}
.tucne_modra {
  color: rgba(60, 30, 120, 1);
  font-weight: bold;
}
.zvyrazni_zluta {
  color: #FFD700;
  letter-spacing: 2px;
  text-shadow: 0px 0px 1px black, 0px 0px 0px blue, 0px 0px 1px darkblue;
}
.zvyrazni_modra {
  color: #4092d9;
  letter-spacing: 2px;
  text-shadow: 0px 0px 1px black, 0px 0px 0px blue, 0px 0px 1px darkblue;
}
.zvyrazni_oranzova {
  color: #fc9600;
  letter-spacing: 2px;
  text-shadow: 0px 0px 1px black, 0px 0px 0px blue, 0px 0px 1px darkblue;
}
.ok_facebook {
  padding: 15px;
}
/*
.ok_foto_v_galerce {
  cursor: pointer;
  margin: 15px;
  max-width: 100%;
}
*/
@media only screen and (min-width: 0px) and (max-width: 767px) {
        .ok_foto_v_galerce {
          cursor: pointer;
          margin: 15px;
          max-width: 200px;
        } 
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
        .ok_foto_v_galerce {
          cursor: pointer;
          margin: 15px;
          max-width: 250px;
        } 
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
        .ok_foto_v_galerce {
          cursor: pointer;
          margin: 15px;
          max-width: 300px;
        } 
}
@media only screen and (min-width: 1200px) {
        .ok_foto_v_galerce {
          cursor: pointer;
          margin: 15px;
          max-width: 350px;
        } 
}
.TLA_odkaz {
  color: #FFD700;
  font-size: 22px;
  cursor: pointer;
}
.TLA_odkaz :hover {
  color: #FFFFFF;
}
.table_zmen_schuzku {
  font-size: 18px;
}
.table_zmen_schuzku td {
  padding: 5px 20px 5px 20px;
}
#TLA_odhlasit {
    text-decoration: none;
    font-weight: bold;
    background-color: #fed701;
    border-radius: 1em;
}
#tlacitko_1 {
  margin: 20px;
}
#tlacitko_2 {
  background-color: #FFD700;
}
#tlacitko_2:hover {
  background-color: rgb(8, 77, 146);
}
#nahravky_podekovani {
  border: 0;
  color: black;
}
#nahravky_podekovani td {
  background-color: #afd7eb;
  padding: 5px 10px 0px 5px;
}
#nahravky_dne1 {
  border: 0;
  color: black;
}
#nahravky_dne1 td {
  background-color: #c89646;
  padding: 5px 10px 0px 5px;
}
.ok_form input[type=text], .ok_form input[type=password], .ok_form input[type=email], .ok_form input[type=number], .ok_form textarea {
  width: 80%;
  border-radius: 10px;
  border: 2px solid #FFD700; 
  padding: 2px 10px 2px 10px;
  margin: 5px 0px 5px 0px;
  color: black;
}
.ok_form input[type=radio], .ok_form input[type=checkbox] {
  padding: 5px 10px 5px 10px;
  margin:  5px 10px 5px 30px;
}
.ok_form label {
  margin-bottom: 0px;
  margin-right: 10px;
  padding-top: 10px;
}
.ok_form .ok_info_div input[type=checkbox]{
  padding: 5px 10px 5px 5px;
  margin:  5px 10px 5px 5px;
}
.ok_form th, .ok_form td {
  vertical-align: top;
}
.ok_form th {
  text-align: right;
}

.admin_form table {
  width: 100%;
}
.admin_form input[type=text], .admin_form input[type=password], .admin_form input[type=email], .admin_form input[type=number], .admin_form textarea  {
  width: 80%;
  border-radius: 10px;
  border: 2px solid #FFD700; 
  padding: 2px 10px 2px 10px;
  margin: 5px 0px 5px 0px;
  color: black;
}
.admin_form input[type=radio], .admin_form input[type=checkbox] {
  padding: 5px 10px 5px 10px;
  margin:  5px 10px 5px 30px;
}
select {
  color: black;
}
.admin_form label {
  margin-bottom: 0px;
  margin-right: 10px;
  padding-top: 10px;
}
.admin_form th, .admin_form td {
  vertical-align: top;
}
.admin_form th {
  text-align: right;
  width: 40%;
}
.admin_form td {
  text-align: left;
  width: 60%;
}

.ok_info_div{
  display: inline-flex;
}
.ok_info_otaznik{
  height: 2.5rem;
  margin: 3px 0px 3px 0px;
}
/*
.ok_form textarea {
        height: 80px; 
}
*/
#ok_lista {
  width: 100%;
  margin: auto;
  padding: 0px 50px 0px 50px;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #FFD700;
}
.navbar-default .navbar-toggle {
  border-color: #FFD700;
}
.marquee {
  width: 100%;
  overflow: hidden;
}
.odskok{
  padding-top: 80px;
}
.nadpis_maly {
  font-weight: bold;
  text-decoration: underline;
}
.margin_15{
  margin: 15px;
}
.padding_15{
  padding: 15px;
}
.width_100{
  width: 100%;
}
#frm-recenzeKoncertuForm label {
  text-align: left;
}
#novinky_obsah h3 {
  background-color: yellow;
}
#nova_strana{
  
}
#nova_strana h1{
        padding: 10px 0 20px 0;
	color:#FFD700;
        text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
	font-size:4rem;	
    /* *** font-family: font_h1; */ letter-spacing: 5px;
}
#nova_strana h2{
	color:rgb(8, 77, 146);
	font-size:22px;
	font-weight:bold;
	padding:20px 0px 40px 40px;
        text-align: left;
}
#nova_strana h3{
	color:#FFD700;
        text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
	font-size:30px;
	padding:20px 0px 20px 0px;
}
#nova_strana p{
	color: rgba(90, 10, 70, 1);
	padding-bottom:20px;
  font-weight: bold;
}
#night-booking-form textarea {
        height: 150px;
}
.ok_clear {
    display: block;
    content: "";
    clear: both;
    margin-bottom: 30px;
}
#div_novinky {
  overflow-y: hidden;
  max-height:430px;
  padding-right: 1rem;
}
#div_akce {
  overflow-y: hidden;
  max-height:430px;
  padding-right: 1rem;
}
.ok_scroll {
  overflow-y: auto;
  max-height:400px;
  padding-right: 1rem;
}
.ok_scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}
.box_preklad {
  border-color: #F5F5F5;
  border-radius: 10px;
  border-style: dashed;
  margin: 10px;
}
.box_preklad:hover {
  background-color: #f4d073;
  font-weight: bold;
}
.ok_scroll::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.ok_scroll::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.44, rgb(122,153,217)),
									   color-stop(0.72, rgb(73,125,189)),
									   color-stop(0.86, rgb(28,58,148)));
}