@font-face {
    font-family: 'open_sansbold';
    src: url('/fonts/opensans-bold-webfont.eot');
    src: url('/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/opensans-bold-webfont.woff2') format('woff2'), url('/fonts/opensans-bold-webfont.woff') format('woff'), url('/fonts/opensans-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('/fonts/opensans-regular-webfont.eot');
    src: url('/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/opensans-regular-webfont.woff2') format('woff2'), url('/fonts/opensans-regular-webfont.woff') format('woff'), url('/fonts/opensans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url('/fonts/roboto-light-webfont.eot');
    src: url('/fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-light-webfont.woff2') format('woff2'), url('/fonts/roboto-light-webfont.woff') format('woff'), url('/fonts/roboto-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_slabbold';
    src: url('/fonts/robotoslab-bold-webfont.eot');
    src: url('/fonts/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/robotoslab-bold-webfont.woff2') format('woff2'), url('/fonts/robotoslab-bold-webfont.woff') format('woff'), url('/fonts/robotoslab-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_slabregular';
    src: url('/fonts/robotoslab-regular-webfont.eot');
    src: url('/fonts/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/robotoslab-regular-webfont.woff2') format('woff2'), url('/fonts/robotoslab-regular-webfont.woff') format('woff'), url('/fonts/robotoslab-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('/fonts/opensans-semibold-webfont.eot');
    src: url('/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/opensans-semibold-webfont.woff2') format('woff2'), url('/fonts/opensans-semibold-webfont.woff') format('woff'), url('/fonts/opensans-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('/fonts/roboto-regular-webfont.eot');
    src: url('/fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
}

:root {
    --base_font_size: 1.0;
    --font_family: 'open_sansregular', Arial, Sans-serif;
}

a {
    text-decoration: none;
    color: #003399;
    outline: none;
}

    a:visited {
        /*

      text-decoration: none;
        color: darkgreen;
*/
    }

    a:hover {
        text-decoration: none;
        color: #ff9900;
    }

.btn-warning {
    background-color: #f59701;
}

.form-info {
    padding: 5px;
    margin-top: 5px;
}

.btn:visited {
    color: white;
}

.form-group.required .control-label:after {
    max-width: 100px;
    content: "*";
    color: red;
}

.roundButton {
    border-radius: 50%;
    padding: 3px;
    font-size: 18px;
    height: 30px;
    width: 30px;
}

.margin20 {
    margin-top: 8px;
    margin-left: 20px;
    margin-right: 20px;
}

.blackBorder {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    padding-left: 1em;
    padding-right: 1em;
    margin: 0px;
}

.purpleBorder {
    border-color: purple;
    border-style: solid;
    border-width: 1px;
    padding: 1em;
}


img {
    border: none;
}

.tdBlack {
    color: #000000;
}

.tdRed {
    color: #AA0000;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.tdBlue {
    background-color: #0094e0;
    color: #FFFFFF;
}

.trGray {
    background-color: #CCCCCC;
}

.tdYellow {
    background-color: yellow;
}

.newFeature {
    padding-left: 1em;
    color: yellow;
}


/*  layout  */
/*body{background-image:url("img/headerPozadina.jpg"); background-repeat:repeat-x; background-color:#dedede; font: 12px Arial, sans-serif;}
body.body23{background-image:url("img/headerPozadina23.jpg"); background-repeat:repeat-x; background-color:#dedede; font: 12px Arial, sans-serif;}*/

@font-face {
    font-family: 'Lexie';
    font-style: normal;
    src: url(../fonts/LexieReadable-Regular.ttf);
}

@font-face {
    font-family: 'Lexie';
    font-weight: 600;
    src: url(../fonts/LexieReadable-Bold.ttf);
}

/*  
<link href="../fonts/LexieReadable-Regular.ttf" rel="stylesheet" >
<link href="../fonts/LexieReadable-Bold.ttf" rel="stylesheet" >
*/


body {
    font-size: calc(14px * var(--base_font_size));
    text-align: left;
    width: 100%;
    height: 100%;
    color: #000;
    padding: 0;
    margin: 0;
    font-family: 'open_sansregular', Arial, Sans-serif;
    font-size: 16px;
    background: url(../include/img/bg.jpg) repeat-x #f0f0f0;
    border-top: 5px solid #1361af;
}

}

h1 {
    margin: 0;
    font-size: calc(14pt * var(--base_font_size));
}

h3 {
    margin: 0;
    font-size: calc(18px * var(--base_font_size));
}

#divPristupacnost {
    background-color: black;
    color: white;
}

.dark-mode {
    background-color: black;
    color: white;
}

.btn-dark {
    background-color: black;
    color: white;
    padding-bottom: 5px;
}

.divDialogAccessLine {
    padding-bottom: 0.2em;
}

.btn-dark:hover, .btn-dark:active {
    color: lightgray;
}

.btn-sm, .btn-xs {
    font-size: calc(12px * var(--base_font_size));
}

.form-control {
    font-size: calc(14px * var(--base_font_size));
    height: calc(34px * var(--base_font_size));
}

.btn {
    font-size: calc(14px * var(--base_font_size));
}

.appHelpImg {
    width: 100%;
    max-width: 350px;
    float: left;
}

.panel-title {
    font-size: calc(16px * var(--base_font_size));
}

    .panel-title > a {
        display: block;
        position: relative;
        left: 0.7em;
    }

        .panel-title > a:before {
            content: "\e114";
            font-family: "Glyphicons Halflings";
            position: absolute;
            left: -1.2em;
        }

        .panel-title > a[aria-expanded="true"]:before {
            content: "\e113";
        }


#banner {
    margin-top: 1px;
    margin-bottom: 1px;
    height: 3.5em;
}

#banner_naslovKataloga, #banner_naslovKataloga2, #naslovKataloga {
    color: #999;
    float: left;
    padding-left: 0.2em;
    padding-top: 1.8em;
    font-weight: bold;
    font-size: 24px;
    max-width: 90%;
}

#lexyFont {
    font-family: 'Lexie';
    font-style: normal;
}

#sansFont {
    font-family: 'Open Sans';
    font-style: normal;
}

#accessIcon {
    padding-left: 0.6em;
}


.bannerButtons {
    position: absolute;
    width: 100%;
    text-align: right;
    padding-top: 0.5em;
    padding-right: 1.5em;
}

.bannerLabel {
    color: #4a5865;
    cursor: pointer;
    font-weight: 400;
}


.menu-brand label {
    color: white;
    padding-left: 1em;
    font-size: calc(18px * var(--base_font_size));
}

.menu-brand {
    padding-top: 0.3em;
    padding-left: 0.3em;
    padding-right: 0.3em;
}


.navbar-logo {
    padding-top: 0.1em;
    padding-right: 0.1em;
}

.navbar-brand label {
    color: white;
    padding-left: 0.5em;
    padding-right: 0.1em;
}

.fitWidth {
    width: fit-content;
    margin: auto;
}

.btnTool {
    margin: 2px;
}

.contents {
    padding: 8px 8px 0px 8px;
}


.clear {
    clear: both;
}

.hidden {
    display: none;
}

.visible {
    display: block;
}
/* end - layout */
/*   header   */
#logo {
    float: left;
    height: 74px;
    padding-top: 4px;
}

#appLogo {
    display: none;
    float: right;
    height: 74px;
    padding-top: 4px;
}


#logoMenu {
    float: left;
    height: 43px;
}

#menuTitle {
    padding-top: 10px;
}

/*   end - header   */

.searchBox23 {
    overflow: auto;
    max-width: 800px;
    background: transparent;
    padding-bottom: 5px;
}

#searchBox {
    padding: 1em;
    overflow: auto;
}

.renew {
    xwidth: 100%;
}

.return {
    xwidth: 100%;
}

.rezCancel {
    width: 100%;
    margin-bottom: 0.5em;
}

.rezProd {
    width: 100%;
    margin-bottom: 0.5em;
}

#divExample, #divExamplePregledavanje {
    margin-top: 1em;
}

#divExamplePregledavanje {
    margin-top: 1em;
}

#divExample span {
    color: #737070;
}

.txtUserInput {
    min-width: 200px;
    background-color: white;
}

.selectUserInput {
    min-width: 200px;
    background-color: white;
}

#divBrowseBy {
    margin-bottom: 1em;
}

/*   prikaz knjižnica na 1. stranici*/
.js-tabcollapse-panel-body {
    padding: 0px;
}

#divLokacije {
    border: 0px solid #aba8a8;
}

.attBlock {
    /*/padding:0px; */
}

#emp1 {
    margin-left: -1.8em;
    margin-right: -1.8em;
}

.getAttention {
    overflow: hidden;
}

    .getAttention > [class*='col-'] {
        margin-bottom: -99999px;
        padding-bottom: 99999px;
    }

.p1-panel {
}


#tblLokacije {
    width: 100%;
    border-collapse: collapse;
}

.tblLokacijeHeader {
    background-color: #aba8a8;
    color: #fff;
    line-height: 30px;
}

#tblLokacije tr {
    vertical-align: top;
}

#tblLokacije td {
    padding: 0.5em 0 0.5em 0.9em;
}

.sredisnjica {
    background-color: #f0eded;
}

.sredisnjicaAlt {
    background-color: #dedede;
}

.tdMain {
    padding: 0.5em 0 0.5em 0.9em;
}

.nazivKnjiznice {
    color: #737070;
}

.zadnjaPodruznica {
    height: 30px;
}

.imgLibrary {
    padding: 3px;
    background-color: #ffffff;
    border: 1px solid #828282;
    float: left;
    margin: 0.5em 0 1em 0;
}

#tblLokacije td {
    padding: 0.5em 0 0.5em 0.9em;
    line-height: 1.3em;
}

#mapHolder {
    margin-bottom: 8px;
}

#map {
    height: 500px;
}


/* footer  */
#Footer1_divFooter {
    margin-top: 1em;
    background-color: #4a5865;
}

.footerItem {
    border-right: solid 1px #828282;
}

.footerItemHeader {
    padding-top: 10px;
    color: white;
    font-weight: 600;
}

#Footer1_divFooter ul {
    color: #ffffff;
    list-style: none;
    margin-top: 1em;
    padding: 0;
}

.footerLink {
    color: #ffffff;
    padding-left: 1em;
}



.footerLiItem {
    cursor: pointer;
    /*   text-decoration: underline; 

 */
}

    .footerLiItem:hover {
        color: #ff9900;
    }

.footerItem li {
    background-image: url("img/arrow_right.gif");
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding-left: 9px;
}

.footerLast {
    border: none;
}

#Footer1_impresum {
    padding: 0.7em;
    text-align: center;
}

#Footer1_impresum2 {
    padding-bottom: 1em;
    text-align: center;
}

#Footer1_impresum3 {
    padding-bottom: 1em;
    text-align: center;
}

/* end-footer  */

/*pregledni zapisi na vrhu 2. stranice*/
#divPregledniZapisContent {
    background-color: #EFECEC; /* border: solid 1px #C1C1C1;*/
}

#divPregledniZapis img {
    border: none;
}

.pregledniZapisiColumn {
    float: left;
}

.pregledniZapisiColumnLast {
    float: right;
}

.pregledniZapis {
    background-image: url(img/arrow_right.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

.povecalo {
    margin: 0 0 0 0.5em;
    border: none;
}

.pregledniZapisHeader {
    background-color: #EFECEC; /* border: solid 1px #C1C1C1;*/
}
/*end-pregledni zapisi na vrhu 2. stranice*/

/*fasete*/

#divFasete {
    border: none;
}

.faseta {
    background: none;
    border-top: 1px solid #ccc;
    margin-top: -1px;
}

.zadnjaFaseta {
    border-bottom: solid 1px #C1C1C1;
}

.divFasetaHeader {
    height: 30px;
    font-weight: 600;
    color: #4B4946;
    padding: 0.3em 0 0 1em;
    border-bottom: solid 1px #FFF;
}

    .divFasetaHeader span {
        display: inline-block;
        margin-left: 10px;
        margin-top: 5px;
    }

    .divFasetaHeader > span {
        display: block;
        position: relative;
    }

    .divFasetaHeader.expanded > span:before {
        content: "\e113";
        font-family: "Glyphicons Halflings";
        position: absolute;
        left: -1.3em;
    }

    .divFasetaHeader.collapsed > span:before {
        font-family: "Glyphicons Halflings";
        position: absolute;
        content: "\e114";
        left: -1.3em;
    }



.divFasetaContent {
    padding: 0.5em 1em 1em 1em;
    overflow: hidden;
}

.fasetaZapis {
    text-indent: -15px;
    overflow-wrap: break-word;
    padding-left: 0.8em;
    padding-right: 0.5em;
    overflow: visible;
}

.fasetaWrap {
    padding-left: 10px;
}


.fasetaZapisVise {
    margin-top: 0.5em;
}

.divFasetPageing {
    float: left;
    margin: 1em 0 1em 0;
}

    .divFasetPageing a {
        margin-left: 0.25em;
        margin-right: 0.15em;
    }

#fasetSort {
    margin: 1em 0 1em 0;
    float: right;
}

.spnFasetaBrojZapisa {
    text-align: right;
    padding-left: 0em;
    padding-right: 0.5em;
    overflow: visible;
}

.fasete.collapsed {
    background-image: url("img/arrow_down.gif");
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

fasete.expanded {
    background-image: url("img/arrow_right.gif");
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

.fasetInfo {
    padding-left: 7px;
}

#divOstalaSuzavanja a {
    margin-right: 1em;
}

.spnOdabranaKategorija {
    margin-right: 1em;
    font-weight: 600;
}

#spnOstalaSuzavanja {
    display: block;
    font-weight: 600;
    margin-bottom: 0.5em;
}
/*end-fasete*/


.kPagination {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}


/*prikaz rezultata pretrage*/


#divPagerBottom {
}

#labelIzlistajPrema {
    font-style: normal;
}

#divResultsHeader {
    margin-top: 5px;
    background: #eee;
    padding: 7px 10px;
}

.bbBrojRezultata {
    background-color: #eee;
    padding: 0 0.5em 0 0.5em;
}


.resultIcon {
    font-size: 1.4em;
    color: #f59701;
}

.tooltip-inner {
    background-color: #f59701;
}

.tooltip-arrow {
    color: #f59701;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #f59701;
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: #f59701;
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: #f59701;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #f59701;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #f59701;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #f59701;
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #f59701;
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #f59701;
}


.tooltip {
    font-size: 1em;
}




#spnBrojRezultata {
}

#divInfo {
    overflow: auto;
    min-height: 4em;
}

.divInfoLabel {
    padding-right: 0.3em;
}

.divBibliografijeRes {
    padding: 0.8em;
    margin-top: 0.8em;
    background: #4a5865;
    color: white;
}

.divBibliografije {
    padding: 0.8em;
    margin-top: 0.8em;
}


.bibliografijeKategorija {
    display: block;
    padding: 0.2em;
}

.preporukaHead {
    color: #666666;
    background-color: #ececec;
    border-color: #e4e4e4;
}


#divIsprazni {
}

#divHome {
    display: none;
    float: left;
    margin: auto 1em auto 0.5em;
}

#divExtraButtons span {
    margin-left: 1em;
}

#divExtraButtons #spnIsbd {
    margin-left: 0;
}

#divExtraButtons {
}

#divResultsRight {
    padding-left: 0em;
    padding-right: 0em;
}

#spnOdaberiSve {
    margin-left: 0px;
}

#spnOdabir {
    float: right;
}

#spnSnimi {
    margin-right: 0.3em;
}

#aOdabranoDelete {
}

#aOdaberiSve {
}

#spnOdabirPrazno {
    display: inline;
}

#spnOdabraniNaslovi {
    display: none;
}

#spnSpellCheck {
    display: block;
    margin-left: 35px;
}

.statusNaslova {
    display: block;
    text-indent: 0;
}

.boldGreen {
    color: green;
    font-weight: bold;
}

.boldRed {
    color: red;
    font-weight: bold;
}

.boldOrange {
    color: orange;
    font-weight: bold;
}


.aNaslovLink {
    margin-left: 0px;
    font-size: 150%;
    font-weight: bold;
    line-height: 1.125em;
}

.aNaslovLinkGrd {
    color: #2592E5;
    display: compact;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aNaslovLinkDrugi {
    margin-left: 0px;
    font-size: 150%;
    font-weight: bold;
    line-height: 1.125em;
}

.manjaslova {
}

.divResLower {
    margin-top: 10px;
}

.spanResRight {
    float: right;
    text-align: right;
}


.divCoverGrid {
    margin: auto;
    position: relative;
    border: none;
    text-align: center;
}

.EBDetCover {
    max-width: 100%;
    padding-bottom: 10px;
}

.EBDetAnot {
    max-width: 100%;
    padding: 10px;
}

.EBDImgWrap {
}

.btnEbookLoan {
    height: 30px;
    font-weight: 600;
    background-color: #f59701;
    color: white;
    padding: 5px;
}


.btnLCPDownload, .btnLCPReturn, .btnLCPLoan, .btnLCPPreview {
    background-color: #f59701;
    color: white;
    margin: 0.5em;
    width: 9em;
}


.appLink {
    height: 80px;
    margin: 0.5em;
}

img.disabled {
    opacity: 0.5;
}

div.gallery {
}

    div.gallery img {
        margin: 0 auto 0 auto;
        height: 220px;
        padding: 0 0 5px 0;
        border: none;
    }

div.desc {
    padding: 15px;
}

.grdTitle {
    padding-top: 5px;
    color: black;
    text-align: center;
}

.responsive {
    height: 260px;
    padding: 0 6px;
    float: left;
    width: 24.99999%;
}

@media only screen and (max-width: 500px) {
    .responsive {
        width: 48.9%;
        padding: 5px;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.rezultati-rbr {
    text-align: right;
    float: right;
    width: 5%;
}

.rezultati-status {
    border-color: lightgray;
    xborder-top-style: solid;
    border-width: 0.3px;
    xmargin-top: 0.5em;
    xpadding-top: 0.5em;
    display: block;
    text-indent: 0;
}


.bibZapisRedniBroj {
    color: #999;
    text-align: left;
    margin-right: 0.3em;
}

.divBibZapisDesc {
    /*border-right: 5px solid #ddd;*/
    background-color: white;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    /*border: 1px solid #ccc;*/
}

.divBibZapis {
    /*border-right: 5px solid #ddd;*/
    background-color: #eee;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

#aPopOdabrano {
    display: none;
}


.divBibZapisOther {
    background-color: #eee;
    padding: 0.5em;
    margin: 1em;
    border: 1px solid #ccc;
}

.divBibZapis img {
    border: none;
}

.bibZapisOpis {
    padding-left: 0em;
    padding-right: 0em;
    display: table;
}

.divCover {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    border: solid 0px #C1C1C1;
}

.divCoverSmall {
    width: 25%;
    float: left;
    margin-right: 0.5em;
    border: solid 0px #C1C1C1;
}

.divCoverLower {
    float: left;
    width: 7em;
    margin: 0 0 0 0;
    margin-left: -8px;
    margin-right: 3px;
    border: solid 0px #C1C1C1;
}


.alert-posudili-ste {
    background-color: beige;
    color: saddlebrown;
    text-align: center;
    font-size: small;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    filter: drop-shadow(2px 4px 6px gray)
}


.alert-posudili-ste-active {
    background-color: green;
    color: white;
    text-align: center;
    font-size: small;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    filter: drop-shadow(2px 4px 6px gray)
}



.imgBookCover {
    width: 100%;
    filter: drop-shadow(2px 4px 6px gray);
    padding-bottom: 0.5em;
}

.imgBookCoverGrid {
    max-height: 150px;
    width: auto;
}


a.aNarrowItem {
    color: #ff9900;
}

    a.aNarrowItem:visited {
        color: #ff9900;
    }

    a.aNarrowItem:hover {
        color: #ff9900;
    }

.aAutor {
    margin-top: 0.5em;
}

.aPredmet {
    font-weight: 600;
}

.spnJedinstveniNaslov {
}

#divSort {
    margin-bottom: 0.8em;
    margin-top: 0.5em;
}


#sortByLabel {
    margin-right: 1em;
    margin-top: 1.3em;
}

#ddlSortBy {
    margin-top: 0.5em;
    border: solid;
    border-width: 1px;
    border-color: #ddd;
}

/*end - prikaz rezultata pretrage*/

/* 3. strana*/

/* 3. strana*/
#divPrethodniSlijedeci {
    border-bottom: solid 1px #C8C8C8;
    padding-bottom: 0.5em;
    font-size: calc(12px * var(--base_font_size));
}

#spnPovratakNaRezultate {
    margin-left: 1em;
}

#spnPrethdniZapis {
    margin-left: 17em;
}

#spnSljedeciZapis {
    margin-left: 1em;
}


#divNaslov {
    line-height: 25px;
    font-size: 18px;
    padding-left: 1em;
}

#divLargeCover {
    margin-bottom: 1em;
}

#bibZapisOpis {
    float: left;
    margin-top: 0.5em;
}

.divAnotacija {
    margin-top: 0.5em;
}


.divAnoShort {
    background-color: #EEE;
    padding: 1em;
}

.divAnoFull {
    background-color: #EEE;
    padding: 1em;
}


.vpRemove {
    position: absolute;
    top: 0px;
}

.divVPList {
    max-height: 300px;
}


.vpWrap {
    padding: 0.2em;
}

.vpImageWrap {
    max-width: 146px;
    height: 146px;
}

.vpimage {
    height: 140px;
    max-width: 140px;
    margin: 0 auto;
    background-color: #ffffff;
    filter: drop-shadow(2px 4px 6px gray);
}

.vpSig {
    margin-top: 0.3em;
    background-color: blanchedalmond;
}

.vpCheck {
}

.vpLinkWrap {
    margin-top: 0.3em;
}


.vpLinkWrapFull {
    top: 1;
    position: absolute;
    width: 140px;
    margin-top: 0.3em;
    display: none;
}

.vpLink {
    height: 100%;
    color: black;
    font-weight: 400;
    display: none;
}

.vpCurrent {
    background: lightgreen;
}

.vpHeader {
    background-color: #eee;
    line-height: 1.2em;
    margin-bottom: 1em;
    padding: 0.3em;
}

.bvpWrap {
    padding-left: 1em;
    padding-right: 1em;
}

.bvpImageWrap {
    max-width: 200px;
    height: 300px;
}

#divPreporukeTab {
    min-height: 260px;
}

#divVirtPolTab {
    min-height: 282px;
}

.gridContents {
    padding-bottom: 30px;
}

.bvpimage {
    height: 300px;
    max-width: 200px;
    background-color: #aaaaaa;
    filter: drop-shadow(2px 4px 6px gray);
}

.bvpKategorija {
    margin-top: 0.2em;
    color: #003399;
    font-weight: bold;
    font-variant-caps: titling-caps;
}

.bvpTitle {
    margin-top: 0.5em;
    -font-weight: bold;
    font-size: 18px;
}

.bvpDesc {
    margin-top: 0.2em;
    font-size: 16px;
}


#imgBookCover {
    width: 100%;
    filter: drop-shadow(2px 4px 6px gray);
    padding-bottom: 0.5em;
}

.tdKnjiznicaNaziv {
    background-color: #DEDEDE;
}

.tblData {
    border-collapse: collapse;
    width: 100%;
}

    .tblData tr {
        border-collapse: collapse;
    }

    .tblData td {
        border: 0px;
        border-top: 1px solid #C8C8C8;
        padding: 2px;
        border-collapse: collapse;
    }

    .tblData th {
        border: 0px;
    }

#extraButtons3 {
    float: right;
    margin-right: 1em;
    margin-top: 0;
}

    #extraButtons3 span {
        margin-left: 1.5em;
    }

#divProvjeraStatusaImeKnjiznice {
    margin: 5px;
    font-weight: 600;
}

#divNaslovStatus {
    font-weight: 600;
}

.linkNaLokacije {
    float: right;
    margin-right: 1em;
}

.divGodina {
    margin-left: 34px;
    margin-top: 4px;
}

.divGodinaLabel {
    float: left;
    width: 42px;
}

.divGodine {
    float: left;
    margin-left: 95px;
}

.aPrikaziPeriode {
    margin-right: 1em;
}

    .aPrikaziPeriode:visited {
        text-decoration: none;
        color: #0993DF;
    }

    .aPrikaziPeriode:hover {
        text-decoration: none;
        color: #ff9900;
    }
/*#aSviPrimjerci{display:block; clear:both; margin-left:95px;}*/
#divBrojeviBrojevi {
    padding-left: 168px;
}
/* end - 3. strana*/

.highlight {
    background: #f5f58d;
}

.vrstaGradjeIkona {
    vertical-align: -18%;
    margin-right: 0.4em;
}

.vrstaGradjeIkonaUCoveru {
    position: relative;
    top: -25px;
    left: 80px;
}

.ikOdrasli {
    display: block;
    width: 100%;
    padding: 0.5em;
    text-align: center;
    color: white;
    font-weight: bold;
    background-color: #1361af;
}

.ikTeen {
    display: block;
    width: 100%;
    padding: 0.2em;
    text-align: center;
    color: white;
    font-weight: bold;
    background-color: darkcyan;
}

.ikActive {
    filter: drop-shadow(2px 4px 6px #333);
}

.ikDjeca {
    display: block;
    width: 100%;
    padding: 0.2em;
    text-align: center;
    color: white;
    font-weight: bold;
    background-color: #f59701;
}

#prIzborKataloga {
    margin-bottom: 0.8em;
}

.ikona {
    vertical-align: -11%;
    margin-right: 0.4em;
}

.strelica {
    vertical-align: -1%;
    margin-right: 0.4em;
    margin-left: 0.4em;
}

.ikonaSuzavanje {
    vertical-align: -20%;
}

.divOnCenter {
    margin: 10px 0 10px 0;
}

.navbar-toggle {
    float: left;
    margin-left: 15px;
}

#lnkHelp {
    display: none;
}

#lnkHelp2 {
    display: block;
}


@media (max-width: 1200px) {
    #lnkHelp {
        display: block;
        float: right;
        margin-right: 15px;
        margin-top: 9px;
    }

    #lnkHelp2 {
        display: none;
    }
}


.noResults {
    margin: 1em;
}

#klasifikacijskeOznakeHeader {
    margin: 0 0 1em 0;
}

/* jstree */
.jstree-default a {
    white-space: normal !important;
    height: auto;
}

.jstree-anchor {
    height: auto !important;
    width: 95%;
}

.jstree-default li > ins {
    vertical-align: top;
}

.jstree-leaf {
    height: auto;
}

.ajstree-leaf a {
    height: auto !important;
}



.trueLink {
    margin-right: 5px;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
    font-weight: 600;
    color: #fff;
    background-color: #f59701;
    border-color: #eea236;
}

a.trueLink:visited {
    color: #fff;
}

a.trueLink:hover {
    color: #ff9900;
    background: inherit;
    text-decoration: none;
    background: none;
}

/* pregledavanje */
#divPregledavanjeBrojRezultata {
    float: left;
}

.divContentItemBrowseOne {
    padding: 0.3em;
    margin-bottom: 0.3em;
    background-color: #EFEFEF;
}

.divContentItemBrowseTwo {
    padding: 0.3em;
    margin-top: 0.3em;
}

/*pregledni zapis*/
.tblWhiteBorder td, .tblNoBorderRezervacija td {
    border: 2px solid #fff;
    padding: 0 0 0 1em;
    vertical-align: top;
}

.gray {
    background-color: #F6F6F6;
}

.tdBibliografskiZapis {
    background-color: #F6F6F6;
    width: 121px;
}

.tdBibliografskiZapisNaziv {
    background-color: #F6F6F6;
    padding-left: 0.5em;
    border-bottom: 1px;
    border-color: black;
    border: medium;
}


#divDostupnostText {
    margin-bottom: 0px;
}

/* autocomplete */
.ui-autocomplete-category {
    font-weight: 600;
    padding: 0;
    margin: 0.3em;
}

.acCategory {
    color: #C1C1C1;
    font-weight: 600;
    float: right;
    display: inline-block;
}

#autocompleteContainer {
    max-width: 500px;
    z-index: 20000;
}
/* end - autocomplete */

.infoInput {
    width: 312px;
    outline: none;
}

.pojasnjenje {
    color: #C1C1C1;
    font-weight: 600;
    margin: 0;
}

#divIsbdContent {
    max-height: 500px;
    overflow: auto;
}

/*članovi*/

#spnKorisnik a {
    font-weight: 600;
    color: #ff9900;
}


/*! jQuery UI - v1.9.2 - 2012-11-23


/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    display: none;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    zoom: 1;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    zoom: 1;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
    zoom: 1;
}

* html .ui-autocomplete {
    width: 1px;
}
/* without this, the menu expands to 100% in IE6 */
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    background-color: #FFF;
    border: solid 1px #C1C1C1;
    z-index: 1;
}

/* workarounds */
.ui-button {
    display: inline-block;
    position: relative;
    padding: 5px;
    margin-right: .1em;
    cursor: pointer;
    zoom: 1;
    overflow: visible;
}
    /* the overflow property removes extra width in IE */
    .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
        text-decoration: none;
    }

.ui-button-icon-only {
    width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
    width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/*button sets*/
.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

/* workarounds */
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    width: 300px;
    overflow: hidden;
    background-color: #FFF;
    border: solid 1px #0094e0;
    outline: none;
    z-index: 1000;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 16px .1em 0;
    }

.ui-dialog-titlebar {
    background-image: url("img/titlebarPozadina.jpg");
    background-repeat: repeat-x;
}

.ui-dialog-title {
    color: #FFF;
    font-weight: 600;
}

.ui-dialog .ui-dialog-titlebar-close { /* position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px;*/
    display: none;
}

    .ui-dialog .ui-dialog-titlebar-close span {
        display: block;
        margin: 1px;
    }

    .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
        padding: 0;
    }

.ui-button {
    margin: 0;
    cursor: pointer;
    border: solid 1px #0094e0;
    background-color: #fff;
}

    .ui-button:hover {
        margin: 0;
        cursor: pointer;
        border: solid 1px #0094e0;
        background-color: #0094e0;
        color: #fff;
    }

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em;
}

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: right;
    }

    .ui-dialog .ui-dialog-buttonpane button {
        margin: .5em .4em .5em 0;
        cursor: pointer;
        border: solid 1px #0094e0;
        background-color: #fff;
    }

        .ui-dialog .ui-dialog-buttonpane button:hover {
            margin: .5em .4em .5em 0;
            cursor: pointer;
            border: solid 1px #0094e0;
            background-color: #0094e0;
            color: #fff;
        }

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        width: 100%;
    }


    .ui-menu .ui-menu-divider {
        margin: 5px -2px 5px -2px;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-menu-item a {
        text-decoration: none;
        display: block;
        padding: 2px .4em;
        line-height: 1.5;
        min-height: 0;
    }

        .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
            margin: -1px;
            background-color: #EFEFEF;
        }

    .ui-menu .ui-state-disabled {
        margin: .4em 0 .2em;
        line-height: 1.5;
    }

        .ui-menu .ui-state-disabled a {
            cursor: default;
        }

    .ui-menu .ui-state-disabled {
        margin: .4em 0 .2em;
        line-height: 1.5;
    }

        .ui-menu .ui-state-disabled a {
            cursor: default;
        }

/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item a {
        position: relative;
        padding-left: 2em;
    }

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}

.ui-progressbar {
    height: 2em;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-slider {
    position: relative;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    /* support: IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    padding: 0;
    margin: 0;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}
/* more specificity required here to overide default borders */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}
/* vertical centre icon */
.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */
    background-position: -65px -16px;
}

.ui-tabs {
    position: relative;
    padding: 0;
    zoom: 1;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 1px;
            margin: 0 1px 1px 0;
            border-bottom: 0 !important;
            padding: 0;
            white-space: nowrap;
        }

            .ui-tabs .ui-tabs-nav li a {
                float: left;
                padding: .6em 1em;
                text-decoration: none;
            }

            .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
                margin-bottom: 0;
                padding-bottom: 1px;
            }

                .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
                    cursor: text;
                }

            .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
                cursor: pointer;
            }

    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 2em 1.4em;
    }

    .ui-tabs .ui-tabs-hide {
        display: none !important;
    }

#divSubmenuHeader .tabs-active {
    background-color: #0094e0;
    height: 35px;
}

.submenu-panel {
    padding: 0px;
}

.panel-primary > .panel-heading {
    background-color: #4a5865;
}

.panel-heading-button {
    padding-right: 0.5em;
    padding-left: 0.5em;
    margin-left: 0.5em;
}

#btnTeen {
    background-color: darkcyan;
    border-color: darkgreen;
}

majina-strelica > .panel-heading {
    background-color: #4a5865;
}

.panel-primary > .panel-footer {
    font-weight: 600;
}


.panel-primary {
    border-color: #ddd;
}


.nav-tabs {
    background-color: transparent;
    padding: 0.2em;
}

    .nav-tabs > li > a {
        color: white;
        background-color: #4a5865;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {
        color: white;
        background-color: #f59701;
        border-color: #eea236;
    }

    .nav-tabs > li > a:hover {
        color: white;
        background-color: #f59701;
        border-color: #eea236;
    }


.ui-tabs-active a {
    color: #ffffff;
}

#tabs {
    padding: 0;
}

@media (max-width: 990px) {
    #stabs1, #stabs2, #stabs3 {
        height: auto;
    }
}
/* end - tabovi 1. strana */

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
    background-image: none;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
/*.ui-widget { v-font-family: Verdana,Arial,sans-serif; v-font-size: 1.1em; } 
.ui-widget .ui-widget { v-font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }*/
/*.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(img/smooth/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; v-color: #222222; } */
/*.ui-widget-content a { v-color: #222222; } */
/*.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(img/smooth/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: 600; }
.ui-widget-header a { color: #222222; }*/

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: #aba8a8;
    height: 35px;
}

    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
        color: #ffffff;
    }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { /* border: 1px solid #999999; background: #dadada url(img/smooth/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; */
}

    .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
        color: #212121;
        text-decoration: none;
    }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-color: #0094e0;
    height: 35px;
}

    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: #fff;
        text-decoration: none;
    }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(img/smooth/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636;
}

    .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
        color: #363636;
    }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(img/smooth/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a;
}

    .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
        color: #cd0a0a;
    }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 600;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

    .ui-state-disabled .ui-icon {
        filter: Alpha(Opacity=35);
    }
/* For IE8 - See #6059 */

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px; /*background-image: url(img/smooth/ui-icons_222222_256x240.png);*/
}

.ui-widget-content .ui-icon { /*background-image: url(img/smooth/ui-icons_222222_256x240.png);*/
}

.ui-widget-header .ui-icon { /*background-image: url(img/smooth/ui-icons_222222_256x240.png); */
}

.ui-state-default .ui-icon { /*background-image: url(img/smooth/ui-icons_888888_256x240.png); */
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { /*background-image: url(img/smooth/ui-icons_454545_256x240.png);*/
}

.ui-state-active .ui-icon { /*background-image: url(img/smooth/ui-icons_454545_256x240.png); */
}

.ui-state-highlight .ui-icon /*{background-image: url(img/smooth/ui-icons_2e83ff_256x240.png); }*/ .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { /*background-image: url(img/smooth/ui-icons_cd0a0a_256x240.png); */
}

/* positioning */
.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
/*
    .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }*/

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url(img/smooth/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(img/smooth/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

/*glavni meni */

#banner_divGlavniMeni {
    margin-top: 1.3em;
    margin-bottom: 0.5em;
}

.inverse-dropdown {
    background-color: #4a5865;
    border-color: #080808;
    color: #fff;
}

    .inverse-dropdown > li > a {
        background-color: #4a5865;
        border-color: #080808;
        color: #fff;
    }

    .inverse-dropdown > .badge {
        background-color: #4a5865;
        border-color: #080808;
        color: #fff;
    }

.panel-primary > .panel-heading .badge {
    color: #fff;
}

.dropdown-header {
    background-color: #4a5865;
    border-color: #080808;
    color: #ccc;
    font-size: 14px;
}

.divider {
    background-color: #4a5865;
}


/*
#ulGlavniMeni { list-style-type: none; padding: 0; font-size: 1.2em; }
#ulGlavniMeni li { display: inline-block; width: 130px; padding: 5px 0 5px 25px; margin: 5px 0 5px 0; }
#ulGlavniMeni li:hover { background-color: #ed8f17; }
#ulGlavniMeni a { text-decoration: none; color: #fff; font-weight: 600; vertical-align: middle; }
.liMenuItem { border-left: solid 1px #fff; }
*/

.navbar-default,
.nav-pills,
.nav-pills > li {
    afont-family: 'open_sansbold';
    afont-size: 15px;
    /* text-transform: uppercase; */
    background-color: #4a5865;
    margin-bottom: 0;
}

    .nav-pills > li > a,
    .navbar-default .navbar-nav > li > a {
        color: #ffffff;
    }

    .navbar-default .navbar-nav .dropdown-menu > li > a {
    }

        .nav-pills > li > a:hover,
        .nav-pills > li > a:focus,
        .navbar-default .navbar-nav .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .dropdown-menu > li > a:focus,
        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #ffffff;
            background-color: #ed8f17;
        }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #ffffff;
    }

    .navbar-default .navbar-link {
        color: #ffffff;
    }

        .navbar-default .navbar-link:hover {
            color: #ffffff;
        }


    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #ffffff;
        background-color: #ed8f17;
    }

.navbar-nav li:not(:first-child) {
    box-shadow: -11px 0 0 -10px #eeeeee;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #ffffff;
    background-color: #ed8f17;
}


@media (max-width: 1200px) {

    .nav > li > a {
        padding: 5px 2px;
    }

    .navbar-default .navbar-nav .dropdown-menu > li > a,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
        background-color: #aba8a8;
    }

        .navbar-default .navbar-nav .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .dropdown-menu > li > a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #ffffff;
            background-color: #ed8f17;
        }
}

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
    }

        .navbar-nav > li {
            float: none;
        }

    .collapse.in {
        display: block !important;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

/* tablesorter */
table.tablesorter {
    margin: 10px 0pt 15px;
    width: 100%;
}

tfoot {
    display: none;
}

table.tablesorter thead tr th, table.tablesorter tr th {
    background-color: #e6EEEE;
    border: 1px solid #FFF;
    padding: 4px;
}

table.tablesorter thead tr .header {
    background-image: url('/include/img/bg.gif');
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}

table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    -background-color: #FFF;
    vertical-align: top;
}

table.tablesorter tbody tr.odd td {
    -background-color: #F0F0F6;
}

table.tablesorter thead tr .headerSortUp {
    background-image: url('/include/img/asc.gif');
}

table.tablesorter thead tr .headerSortDown {
    background-image: url('/include/img/desc.gif');
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}
/* tablesorter */

/* badges */

.spanw5 {
    width: 3em;
    margin: 0.5em;
}


.badge {
    background: linear-gradient(#008899,#0993DF);
    margin-left: 0.3em;
}

.orangeBadge {
    background: orange;
    margin-left: 0.3em;
}

.greenBadge {
    background: green;
    margin-left: 0.3em;
}

.redBadge {
    background-color: red;
    background-image: none;
}

.seaGreenBadge {
    background-color: lightseagreen;
    background-image: none;
}

.badgeRB {
    border-radius: 50%;
    margin: 0em;
    margin-right: -1.3em;
    position: relative;
    left: -1em;
    top: -1em;
}

#banner_wlDropDown {
    min-width: 14em;
    left: -12em;
}



.wlNewEdit {
    min-width: 220px;
}



.wlSelectedBtn {
    margin-left: 1.2em;
    width: 85%;
    text-align: left;
}

.wlPolEdit {
    left: 2em;
    position: absolute;
    width: auto;
}

.wlEditDiv {
    xtop: -1.9em;
}


.wlDivRemove2 {
    position: absolute;
    top: 0px;
}

#popisiWL {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}



/* police */
#police_divPoliceBox {
    margin-top: 5px;
    background: #eee;
    padding: 7px 10px;
}

.spnPolice {
    padding-left: 2em;
}


/* bootstrap */
.modal-header {
    color: #0993DF !important;
}

.modal-footer {
}



.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
    }

@media screen and (min-width: 0px) and (max-width: 600px) {
    .imgLibrary-td, .imgLibrary {
        display: none;
    }

    #contents {
    }

    .body23 {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.carousel-frame {
    height: 260px;
}

.carousel-item {
    height: auto;
    width: 100%;
}


.carousel-caption {
    height: 60px;
    bottom: 2px;
    left: 0px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    background-color: black;
    opacity: 0.7;
}

    .carousel-caption a {
        color: white;
    }

.carousel-indicators {
    bottom: 30px;
}

.pIcon {
    max-width: 100%;
    height: auto;
}

divx {
    border: dashed;
    border-bottom-color: forestgreen;
    border-width: 2px;
}

.input-group-addon, .input-group-btn {
    background-color: transparent;
    padding-left: 1em;
    padding-right: 1em;
}


.search-select {
    border: none;
}

.search-select {
    width: 100%;
    padding-left: 0.5em;
}

.tab-content {
    dwidth: fit-content;
    /*
    border: lightgray;
    border-style: solid;
    border-width: 1px;
    border-top: none;
*/
}

.nav-tabs.nav-justified > li > a {
    margin-right: 2px;
}

.nav-tabs.nav-justified > li > a {
    margin-right: 2px;
}

@media all and (max-width: 768px) {
    #ddlSearchBy {
        xmin-width: 20px;
        xmax-width: 200px;
    }

    .txtUserInput {
        xmin-width: 120px;
        xmax-width: 340px;
    }

    .search-form {
        padding-bottom: 5px;
        padding-left: -5px;
        padding-right: -5px;
    }

    #searchbar-navbar-collapse .nav > li > a:hover {
        border-bottom: none !important;
    }

    #divResultsRight {
        padding-left: 0em;
    }
}

@media all and (min-width: 768px) {
    .txtUserInput {
        min-width: 340px;
        xmax-width: 340px;
    }

    .search-form {
        padding-bottom: 5px;
        padding-left: 0em;
        padding-right: 0em;
        max-width: 768px
    }

    #divResultsRight {
        padding-left: 0.7em;
    }
}



.tt-hint {
    xvisibility: hidden;
    xdisplay: none;
    xheight: 0px;
    color: lightblue;
}

#txtUserInput {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}



/* MP3 Player */
#mp3div {
    position: relative;
    min-height: 400px;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    padding: 0;
    margin: 0px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: auto;
    filter: drop-shadow(2px 4px 6px gray);
    outline: 0;
    background: #bb71f3;
    background: -moz-linear-gradient(-45deg, #bb71f3 0%, #3d4d91 100%);
    background: -webkit-linear-gradient(-45deg, #bb71f3 0%, #3d4d91 100%);
    background: linear-gradient(135deg, #71c3f3 0%, #3d4d91 100%);
    a-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71c3f3', endColorstr='#3d4d91', GradientType=1);
    a-webkit-user-select: none;
    auser-select: none;
    filter: drop-shadow(2px 4px 6px black);
}

/* Top Info */
#mp3title {
    position: absolute;
    width: 100%;
    top: 3%;
    height: auto;
    opacity: 0.9;
    color: #fff;
    filter: drop-shadow(2px 4px 6px black);
}

#track {
    position: absolute;
    top: 1em;
    width: 100%;
    padding: 5px;
}

#timer {
    position: absolute;
    top: 0;
    left: 3%;
}

#duration {
    position: absolute;
    top: 0;
    right: 3%;
}

/* Controls */
.controlsOuter {
    position: absolute;
    width: 100%;
    height: 70px;
    bottom: 3%;
}

.controlsInner {
    position: absolute;
    width: 70%;
    height: 70px;
    left: 50%;
    margin: 0 -35%;
}

.mp3btn {
    position: absolute;
    cursor: pointer;
    opacity: 0.9;
    -webkit-user-select: none;
    user-select: none;
}

    .mp3btn:hover {
        opacity: 1;
    }

#playBtn {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABGCAYAAACaGVmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QThERThENUFDNkJEMTFFNTk2RTBDMTRBMkYyNjVGMzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QThERThENUJDNkJEMTFFNTk2RTBDMTRBMkYyNjVGMzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBOERFOEQ1OEM2QkQxMUU1OTZFMEMxNEEyRjI2NUYzNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBOERFOEQ1OUM2QkQxMUU1OTZFMEMxNEEyRjI2NUYzNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnFM7yIAAAFWSURBVHja7NRJDoMwDEDRcPL2ZoVeLEUtCyoCZPBsf8mS10+Wp5zzK6X0XGdJ0bdpRcnbPgfOESUFzjmKe5wrFLc4NSjucFpQ3OD0oJjHGUExiwOBYg4HEsUMDgaKehxMFLU4FCjqcChR1OBwoIjH4UQRiyMBRRyOJBQxOBJR2HEko7DhaEAhx9GEQoajEQUdRzMKGo4FFHAcSyhgOBZRhnEso3TjeEBpxvGEUo3jEeUWxzPKKU6gFHACpYATKMfegbLDWOcRl/Jr2X7JHI+2gOEZ5RTDI8othieUagwPKM0YllG6MSyiDGNYQgHDsIACjqEZBQ1DIwo6hiYUMgwNKOQYklHYMCSisGNIQhGDIQFFHAYnilgMDhTxGJQoajAoUNRhYKKoxcBAUY8BiWIGAwLFHMYIilmMHhTzGC0objBqUNxhXKG4xSihuMfYo8yB8d9HgAEATyefBJWpw70AAAAASUVORK5CYII=');
    width: 69px;
    height: 70px;
    left: 50%;
    margin: auto -34.5px;
}

#pauseBtn {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABGCAYAAACaGVmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MjkzRjNDNzI0MTFFNTk2RTBDMTRBMkYyNjVGMzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MjkzRjRDNzI0MTFFNTk2RTBDMTRBMkYyNjVGMzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBOERFOEQ1Q0M2QkQxMUU1OTZFMEMxNEEyRjI2NUYzNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTgyOTNGMkM3MjQxMUU1OTZFMEMxNEEyRjI2NUYzNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pne5d1AAAAB8SURBVHja7NCxCQAwAALBuP/QZoEUlinua0G4tD1j83Asv/4GChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFCpRXV4ABAOgpXYTDYwEwAAAAAElFTkSuQmCC');
    width: 69px;
    height: 70px;
    left: 50%;
    margin: auto -34.5px;
    display: none;
}

#prevBtn {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MjkzRkJDNzI0MTFFNTk2RTBDMTRBMkYyNjVGMzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MjkzRkNDNzI0MTFFNTk2RTBDMTRBMkYyNjVGMzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgyOTNGOUM3MjQxMUU1OTZFMEMxNEEyRjI2NUYzNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTgyOTNGQUM3MjQxMUU1OTZFMEMxNEEyRjI2NUYzNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PndeAH8AAACtSURBVHja7NXJCcAgEAVQEevK0lk6M1aW6CGQQBBn+ephBv7F0wNn8Vd7OWCWnOjd2FpzYk7K2cJAxFEA78cwA6I3porohWlCoDEkBArDQmhjRAgtjApCilFFcDEQBAcTUYinKLcJCqFinGEMYxjDgDFpJkzZwDsSRf2mE4ni9gwEJW1gVZTWNKmgtEdbhELtGRYKvfRIqF4buAnV+xxUUaNu0y9q9KH8oG4BBgDjdpk0jMoz1gAAAABJRU5ErkJggg==');
    width: 35px;
    height: 35px;
    left: 0;
    top: 50%;
    margin: -17.5px auto;
}

#nextBtn {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MjkzRjdDNzI0MTFFNTk2RTBDMTRBMkYyNjVGMzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MjkzRjhDNzI0MTFFNTk2RTBDMTRBMkYyNjVGMzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgyOTNGNUM3MjQxMUU1OTZFMEMxNEEyRjI2NUYzNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTgyOTNGNkM3MjQxMUU1OTZFMEMxNEEyRjI2NUYzNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiFbkXsAAACvSURBVHja7NZBDoAgDARA9GPiz/yZ8DKsxgMHY1rYBQ5sshdCwiQcWpdSOqWb1BGrSn6RiTJjmKhiDANVjUGiYBgECo6pQdEwJSg6xoJqhtGgVFkeETZBekhjdqZ6g4H5QnXH5Cg/CkadiZmYiZkYdtYGb8QRMDdi144C1jfFd0AG69RG7jNB6nsvV3+IZhgNgo6xIGiYEgQcU4OAYRCIagwSUYxhIMwYJsKEuQQYABTs+qTMuF1rAAAAAElFTkSuQmCC');
    width: 35px;
    height: 35px;
    right: 0;
    top: 50%;
    margin: -17.5px auto;
}

#playlistBtn {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUVBQzMwNzRDNzI0MTFFNTk2RTBDMTRBMkYyNjVGMzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUVBQzMwNzVDNzI0MTFFNTk2RTBDMTRBMkYyNjVGMzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRUFDMzA3MkM3MjQxMUU1OTZFMEMxNEEyRjI2NUYzNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRUFDMzA3M0M3MjQxMUU1OTZFMEMxNEEyRjI2NUYzNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnWBPa0AAADGSURBVHjaYvz//z/DYAFMDIMIjDpm1DHDwjH/0fDugXAMCxK7AojPAnEHmpo0IFaisTsqIEECLPT+Q4ALlL0bihmQ+LQGYLsYoSXwf2iovAdiYyjbdaCiaQ+S2FkopjtgHK2bCESTC5r4+4GIKuQEjAz2DGQCHhTlDAtaLtoDjSJkoATN7iMzmjrRxO+NljODsZzpwBJNs0bLGShwhToCvWHVQYes7YruGJiFgljKmpEbTa5YKsrRcmbUMaOOGXUMNQBAgAEAm2XFJrn+jrsAAAAASUVORK5CYII=');
    width: 35px;
    height: 35px;
    xtop: 50%;
    left: 3%;
    margin: -17.5px auto;
}

#volumeBtn {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUVBQzMwNzBDNzI0MTFFNTk2RTBDMTRBMkYyNjVGMzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUVBQzMwNzFDNzI0MTFFNTk2RTBDMTRBMkYyNjVGMzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRUFDMzA2RUM3MjQxMUU1OTZFMEMxNEEyRjI2NUYzNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRUFDMzA2RkM3MjQxMUU1OTZFMEMxNEEyRjI2NUYzNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtAZ+FgAAAHRSURBVHja7FjRbYMwEIWqC7CCO4IzgjMCHYEV6AjuCHSEMAKMkIwAI5ARXFt9rox1phDA5KMnPSGwOZ4fx/mOVCmVPIu9JE9ke5GRGpejyeQanUapkXlj5lzEIMM1GqjRAyG1eNCLCeAVyDQq9WOdRoHrDeDP7YCM8reGiNQYQER6D6DIGHDc02xFJsfqjF00GDEnRCaBegp+RmMp8oyYERcmAAvMvWl8aLSBuQ2O58D4Ff7eqJiZa4MTF1OYUsZAwF9BKaOw0tsf6pjx+wwVXWU41Pwk1DF2opQRK7+skDIyECMlrv8GfoztwMaW9K7XTqKMujeZV8SQma31eO0iNpkW8L/a3t02Yu7aITL8CDL2S2VE/jqsnnHJ3I8urnpKldhkOEFmdB6TTO7kFveVRScjoExLqBWVTIbsax765RFh7n74GoFMiQefCLXcbWFEhs/MFfeFZGon9fsx1I78PVDPyA3qmXyqnhEzV1lgRT124/rBSq+Dj/Pa7sDUPVesrEGRvUSZMlQ/rSmgCqc7qBZ0B7aQ37RVsb2QJOIp1DcNUDXbg4wFw2qV06j5ZCqQYSE/yYZ1LxVPvjJ86v50p/8ztr96X3JT+v+zKGDfAgwAZkMcn0x+AsMAAAAASUVORK5CYII=');
    width: 35px;
    height: 35px;
    xtop: 50%;
    right: 3%;
    margin: -17.5px auto;
}

/* Progress */
#waveform {
    width: 100%;
    height: 60%;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -15% auto;
    cursor: pointer;
    opacity: 0.8;
    -webkit-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

    #waveform:hover {
        opacity: 1;
    }

#bar {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.33);
    opacity: 0.9;
}

#progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}

/* Loading */
#loading {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -35px;
    width: 70px;
    height: 70px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
    display: none;
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0;
    }
}

/* Plylist */
#playlist {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    overflow: auto;
}

#list {
    width: 100%;
    position: absolute;
    xpadding: 1em;
    background-color: darkgrey;
    left: 0;
    margin: auto;
}

.list-song {
    padding-left: 0.5em;
    width: 100%;
    line-height: 1.5em;
    color: #fff;
}

    .list-song:hover {
        background-color: rgba(255, 255, 255, 0.1);
        cursor: pointer;
    }

/* Volume */
#volume {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    touch-action: none;
    display: none;
}

.bar {
    position: absolute;
    top: 50%;
    left: 5%;
    margin: -5px auto;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.9);
}

#barEmpty {
    width: 90%;
    opacity: 0.5;
    box-shadow: none;
    cursor: pointer;
}

#barFull {
    width: 90%;
}

#sliderBtn {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 93.25%;
    margin: -25px auto;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.33);
    border-radius: 25px;
    cursor: pointer;
}

#mmGraph {
    height: 900px;
}

/* Fade-In */
.fadeout {
    webkit-animation: fadeout 0.5s;
    -ms-animation: fadeout 0.5s;
    animation: fadeout 0.5s;
}

.fadein {
    webkit-animation: fadein 0.5s;
    -ms-animation: fadein 0.5s;
    animation: fadein 0.5s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-ms-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/* MP3 Player */

/* printing */
@media print {
    .noPrint {
        display: none;
    }

    .doPrint {
        display: block !important;
    }
}


.zblogo {
    height: 32px;
}

.selectVrCl {
    padding: 15px;
}

.selectedVrCl {
    background-color: lightblue;
}

body.progressier-standalone #pwaInstall {
    display: none;
}

#pwaInstall {
    display: none;
}

#banner_labelKontakt {
    display: none;
}

#banner_btnKontakt {
    display: none;
}


#card_body, #MainContent_card_body {
    font-size: calc(22px * var(--base_font_size));
    font-family: Arial, Helvetica, sans-serif;
    font-family: 'Open Sans', sans-serif;
    background-image: none;
    text-align: center;
    padding-bottom: 30px;
}


@font-face {
    font-family: barkodFont;
    font-style: normal;
    src: url(../fonts/CodabarMedium.ttf) format("truetype");
}

#card_libName, #MainContent_card_libName {
    margin-top: 30px;
    font-weight: 600;
    background-color: white;
}

#card_clan, #MainContent_card_clan {
    margin-top: 50px;
    font-weight: 600;
    background-color: white;
    padding-top: 5px;
}


#card_ident, #MainContent_card_ident {
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 600;
    background-color: white;
}

#card_barkod, #MainContent_card_barkod {
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 40px;
    font-family: barkodFont;
    background-color: white;
}

#card_foto, #MainContent_card_foto {
    margin-top: 10px;
    background-color: white;
    padding: 15px;
    max-height: 200px;
    max-width: 90%;
}


#card_logo {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 30px;
    height: 100px;
    background-color: white;
}

.star {
    font-size: x-large;
    width: 50px;
    display: inline-block;
    color: gray;
}

    .star:last-child {
        margin-right: 0;
    }

    .star:before {
        content: '\2605';
    }

    .star.on {
        color: gold;
    }

    .star.half:after {
        content: '\2605';
        color: gold;
        margin-left: -20px;
        width: 10px;
        position: absolute;
        overflow: hidden;
    }

.author_like {
    padding-left: 0.3em;
    padding-top: 1em;
    color: #ec971f;
    font-size: 2em;
}

.biblio_like {
    padding-left: 0.3em;
    padding-top: 1em;
    color: #ec971f;
    font-size: 2em;
}



.selClan-wrapper {
    text-align: center;
}

.centered {
    text-align: center;
}

.selClan-wrapper {
    padding: 5px;
}


.uputnicaTitle {
    color: #337ab7;
    font-variant: small-caps;
    padding-top: 10px;
    font-weight: 400;
}

.uputnicaLine {
    color: #337ab7;
    padding-top: 10px;
    font-weight: 400;
}

.uputnicaSub {
    color: #337ab7;
    padding-top: 10px;
    font-weight: 400;
}


.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 48px;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 1px;
            padding-right: 1px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            position: relative;
        }

    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px;
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 8px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .select2-container .select2-search--inline {
        float: left;
    }

        .select2-container .select2-search--inline .select2-search__field {
            box-sizing: border-box;
            border: none;
            font-size: 100%;
            margin-top: 5px;
            padding: 0;
        }

            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none;
            }


.pagination > li > a,
.pagination > li > span {
    color: #4b5865;
}

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
        color: #4b5865;
        border-color: #ddd;
    }



.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #fff;
    background-color: #4b5865;
    border-color: #4b5865;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
}