/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
   background: none repeat scroll 0 0 #f5f5f5;
}
.main {
   margin: -15px;
   padding: 15px;
   border-radius: 3px;
   background-color: #f5f5f5;
   z-index: auto !important;
   position: relative;
}
.navbar-inverse {
   border-bottom: 1px solid #f5f5f5;
}
.cbody {
   margin-top: 60px;
   margin-bottom: 40px;
}
.adform-adbox {
   margin-top: 52px !important;
}
.cbody .adform-adbox {
   margin-top: 0px !important;
}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: bsolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}
a.navbar-brand h1 {
   font-size: 18px;
   padding: 0px;
   margin: 0px;
   background: transparent url("/images/ic_launcher48.png") no-repeat scroll 0 0;
   height: 48px;
   margin-top: -5px;
   margin-left: 5px;
   min-width: 48px;
}
a.navbar-brand h1 span {
   color: #fff;
   padding-top: 5px;
   padding-left: 55px;
   display: block;
}

.alert.alert-message {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert-notice {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.modul, .moduletable {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    clear: both;
    overflow: hidden;
    padding: 10px;
    border-radius: 3px;
}


.clear h3.header {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #999 !important;
    font-family: Arial,Verdana,sans-serif !important;
    font-size: 9px !important;
    padding: 14px 0 7px;
    text-align: right;
    text-transform: uppercase;
    margin: 0;
}

div.clear {
    margin-bottom: 15px;
}

.label-important,
.badge-important {
  background-color: #e73628;
}
.label-important[href],
.badge-important[href] {
  background-color: #c62316;
}
.label-warning,
.badge-warning {
  background-color: #f80;
}
.label-warning[href],
.badge-warning[href] {
  background-color: #cc6d00;
}
.label-success,
.badge-success {
  background-color: #bcc611;
}
.label-success[href],
.badge-success[href] {
  background-color: #8f970d;
}
.label-info,
.badge-info {
  background-color: #009bff;
}
.label-info[href],
.badge-info[href] {
  background-color: #007ccc;
}
.label-inverse,
.badge-inverse {
  background-color: #555;
}
.label-inverse[href],
.badge-inverse[href] {
  background-color: #3c3c3c;
}

/* ============= COM LYRICS ==========  */
div#songheader{clear:both;}
#lyrics-album h1, #lyrics-song h1{float:left;font-size:32px;clear:none;}
#com_lyrics h1 a, #lyrics-album h1 a, #lyrics-song h1 a{color:#333333;   font-weight:normal;}
h2.songstitle{font-size:24px;   clear:both;}
#lyrics-album h2, #lyrics-song h2{float:right;font-size:16px;clear:none;padding-top:20px;}
#com_lyrics #songheader h1{float:left;font-size:32px;clear:none;}
#com_lyrics #songheader h2{float:right;font-size:16px;clear:none;margin:10px 0 0;padding-top:0px;}
div#songtext{clear:both;   padding-top:1.5em; min-height: 450px;}
div#songtext pre{font:1em/20px "Droid Sans Mono", monospace !important;   margin:10px 0 15px !important;   padding:10px 15px !important;   background:#FFF;   border:none;   color:#333;}
div#songtext pre span.akord a{color:#C21317;font-weight:bold;}
div#songtext pre span.akord a:hover{text-decoration:none;}
.btn.btn-outline {
    background-color: transparent;
    color: #555;
}
.btn-primary.active {
    background-color: #6698cd;
    color: #ffffff;
}
textarea.form-control{font:1em/20px "Droid Sans Mono", monospace !important;}
ul#trans{margin:0;display:inline;}
ul.autocompleter-choices{position:absolute;margin:0;padding:0;list-style:none;border:1px solid #eee;background-color:white;border-right-color:#ddd;border-bottom-color:#ddd;text-align:left;sans-serif;z-index:50;}
ul.autocompleter-choices li{position:relative;padding:.1em 1.5em .1em 1em;cursor:pointer;font-weight:normal;font-size:1em;}
ul.autocompleter-choices li.autocompleter-selected{background-color:#444;color:#fff;}
ul.autocompleter-choices span.autocompleter-queried{font-weight:bold;}
ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried{color:#9FCFFF;}
.rounded{border-radius:3px;}
.typeahead_wrapper{display:block; height:39px;}
.typeahead_photo{float:left; max-width:39px; max-height:39px; margin-right:20px; }
.typeahead_photo svg {width:39px; fill: #ddd; }
.typeahead_labels{float:left; height:30px; width:350px; white-space:normal;}
.typeahead_primary{font-weight:bold; color: #ddd; }
.typeahead_primary_label{font-size:.8em; font-weight:normal; float:right; color:#bbb; }
.typeahead_secondary{font-size:.85em; margin-top:1px; font-weight:bold; color:#bbb;}
.typeahead .active > a,.typeahead .active > a:hover{color:#eee;}
#com_lyrics{padding:15px;}
#com_lyrics h1{margin-top:1px;   margin-bottom:15px;}
#com_lyrics h2{margin-left:15px;   margin-bottom:15px;   font-size:24px;}
/* LISTA view:interpreters */
#com_lyrics .inline.nav-pills{background:#333;   padding:15px 15px;}
.inline.nav-pills > li > a{background-color:#555;   margin-bottom:2px;}
/* SEZNAM POLOZEK view:interpreters */
#com_lyrics .row{margin-left:-15px;    margin-right:-15px;}
#com_lyrics ul.itemlist{list-style:outside none none;   padding-left:0;}
#com_lyrics ul.nav-tabs{margin-bottom:15px;}
#com_lyrics ul.itemlist li a{font-weight:bold;  line-height:2em;  border:1px solid #eee;  margin-bottom:5px;  padding:0.2em 1em;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px;  width:auto;  display:block;  text-decoration:none;}
#com_lyrics ul.itemlist li a:hover{background-color:#eee;  border:1px solid #ccc;  text-decoration:none;}
#com_lyrics div.thumbnail a:hover{text-decoration:none;}
#com_lyrics ul.itemlist li a i{color:#999;}
/* SEZNAM POLOZEK OBRAZKY view:interpreters */
/* SEZNAM POLOZEK ALB,view:albums */
#com_lyrics ul.imagelist{list-style:outside none none;   padding-left:0;   margin-top:15px;}
#com_lyrics .row-small{margin-left:-5px;    margin-right:-5px;}
#com_lyrics ul.row-small li{padding-left:5px;    padding-right:5px;}
#com_lyrics ul.row-small li:hover div.thumbnail{background-color:#eee;}
#com_lyrics div.caption h3.item-title{font-size:14px;   font-weight:bold;   height:24px;   line-height:1.5;   margin:0;   overflow:hidden;   text-overflow:ellipsis;   white-space:nowrap;   color:#6698cd;   text-decoration:none;}
/* SEZNAM ALB view:songs */
#com_lyrics ul.albumlist{list-style:outside none none;   display:block;   margin:0;   padding-left:0;}
#com_lyrics ul.albumlist li{}
ul.tracklist{list-style:outside none none;   display:block;   margin:0;   margin-left:-6px;}
ul.tracklist li:nth-child(2n+1){background-color:#f9f9f9;}
ul.tracklist li{border-top:1px solid #dddddd;   line-height:16px;   padding:6px;   padding-right:0px;   text-align:left;   vertical-align:top;}
ul.tracklist li span.track-num{width:1.5em;   display:inline-block;}
/* SEZNAM pisnicek view:songbook */
#com_lyrics ol.itemlist{margin-top:2em;}
#com_lyrics ol.itemlist li{line-height:1.5em;  padding:0.2em 1em;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px;}
#com_lyrics ol.itemlist li:hover{background-color:#eee;  border:1px solid #ccc;}
/* module lyrics qsearch */
ul.typeahead.dropdown-menu {background-color:#222;}

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 992px) {
   div#content {
      padding-right: 0px;
   }
}

/* velmi malý display s bílým pozadím bez modulu*/
@media (max-width: 600px) {
   body {
      background: none repeat scroll 0 0 #fff;
   }
   .modul, .moduletable {
      background: #fff none repeat scroll 0 0;
      clear: both;
      overflow: hidden;
      padding: 0px;
      border: 0px none;
      border-radius: 0px;
   }
   #com_lyrics {
       padding: 0px;
   }
   .typeahead_labels{ width:230px;}
}

li.joms-list__item a img {
   max-width: 100%;
}

.chord-carousel .carousel-indicators {
    position: relative;
    top: unset;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
    margin-top: 15px;

}
.chord-carousel .carousel-indicators li {
    background-color: #ddd;
    border: 1px solid #333;
    border-radius: 3px;
    width: 12px;

}
.chord-carousel .carousel-indicators li.active {
    background-color: #C21317;
}

#akord-nahled {
    position: fixed;
    bottom: 0;
    right: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 20px 1px #000;
    box-shadow: 0 0 20px 1px #000;
    width: 240px;
    z-index: 101;
}

#akord-nahled > a {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 38px;
    line-height: 38px;
    text-decoration: none;
    font-weight: 700;
    color: #C21317;
}
#akord-nahled > a:focus, a:hover {
    color: #C21317;
}

@media (max-width:768px) {
 #akord-nahled {
  top:0;
  left:0;
  width:auto;
  z-index: 10000
 }

.main { background-color: #fff; }
}