/*
 * Copyright (C) 2016 Vlastimil Krejcir <krejcir@ics.muni.cz>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

/* Default variables for the general style */

.tluste {
    font-weight: bold;
}



.local-modal-content {
    text-align: left;
}


a:hover {
    text-decoration: none;
    font-weight: normal;
}

dt a:hover {
    font-weight:bold;
}

.inside-card {
    margin-bottom: 1rem;
		min-width: max-content;
}

/* top banners */
.top-banner {
    color: white;
    background-color: #3575bf
}

#top-banner-sm-text {
    padding: 0rem 1rem;
}

#top-title-text-up {
    font-size: 2rem;
    font-weight: bold;
}

#top-title-text-bottom {
    font-size: 1.8rem;
}

#top-title-text-sm {
    font-weight: bold;
    font-size: 1.4rem;
    color: #3575bf;
}

#title-banner {
    margin-bottom: 1rem;
}

#title-banner-sm {
    padding: 2px 1rem;
}

#title-logo-container {
    padding: 0rem 1rem 0rem 1rem; 
}

#title-logo {
    height: 140px;
    margin-right: 2rem;
}

.vertical-wrapper {
    display: table;
    overflow: hidden;
    height: 139px;
    vertical-align: bottom;
}

.vertical-align {
    display: table-cell;
    vertical-align: middle;
}

/* menu, navbar */
#menu-wrapper {
    margin-bottom: 0.5rem;
}

.dropdown-menu-custom {
    padding: 0.3rem;
}

.menu-item {
    color: #007bff;
}

.menu-item:active {
    color: #007bff;
    background-color: white;
}

/* breadcrumbs */
#breadcrumb {
    font-size: 0.8rem;
    padding: 0.3rem 1rem;
}

#breadcrumb li::after {
    content: ' > ';
}

#breadcrumb li {
    float: left;
}

/* main content */
#main-content {
    padding-bottom: 1rem;
}


/* footer */
#footer {
    color: white;
    background-color: #3575bf;
    margin-top: 1rem;
}

#footer a {
    color: white;
}

#footer a:hover {
    color: silver;
}


/* resources listings */

.general-lists {
    list-style-type: none;
}

.resources-list-count {
    font-weight: normal;
}

.subjects-roots {
    font-weight: bold;
}

div.resources-listing {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
}

#resources-listing-head {
    font-weight: bold;
    border-bottom: 2px solid silver;    
}

.resources-listing-letter-break {
    /*display: none;*/
    
    padding-top: 1.5rem; 

    
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    background-color: #F8FFFF;
    
    
    border-top: 1px solid silver; 
    
}

.resources-listing-letter-break-content {
    /*display: none;*/
    font-weight: bold;
    font-size: 1.2rem;
    font-variant: small-caps;
}


.resources-listing-row {
    border-bottom: 1px solid silver;
}

.resources-listing-row:hover {
    background-color: silver;
}

.resources-listing-title-col {
    font-weight: bold;
}

.resources-listing-title-col a:hover {
  font-weight: bold;
}  

.resource-not-available {
    font-style: italic;
    color: #5e5e5e;
}

.alphabet-navigation {
    margin-top: 1em;
    margin-bottom: 1em;
}

@media (max-width: 440px) {
#alphabet-button-group-sm-top a {
		padding-left: 5px;
		padding-right: 5px;
}
#alphabet-button-group-sm-bottom a {
		padding-left: 5px;
		padding-right: 5px;
}

}

.legend {
    margin-top: 0;
}

.legend-title {
    font-weight: bold;
    font-style: italic;
}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #bd4147; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 0.6rem; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 2rem; /* Increase font size */
    font-weight: bold;
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

#myBtn a {
    color: white;
    background-color: #bd4147;
    border: none;
}

#myBtn a:hover {
    color: white;
    background-color: #bd4147;
    border: none;
}


/* Shibboleth */
.shib-login {
    text-decoration: none;
    font-style: italic;
}

.shib-login:hover {
    text-decoration: none;
    font-style: italic;
}

/* Shibboleth user modal window */
.shib-modal {
    color: black;
}

.shib-modal-content {
    text-align: left;
}



/* check access */
.access-check-content {
    padding: 0.3rem;
    padding-left: 1rem;
}

#access-check {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
}

#access-check-col {
    color: black;
}

.not-access {
    background-color: #ffcccc;
}

.not-access a {
	color: #0000DC;
	font-weight: bold;
}

.fnbwarning {
    background-color: #FFCC33;
}

.shibboleth-info {
    background-color: #bd4147;
}

.shibboleth-info a {
    color: blue;
}

.remote-test {
    padding: 1em;
}

p.remote-test {
    margin-top: 1em;
    margin-bottom: 1em;
}

.ip-status-ok {
    background-color: lightgreen; 
}

.ip-address {
    font-family: monospace;
    font-weight: bold;
}

/* navbar - horizontal main menu */
.menu-bg {
    background-color: #3575bf;
    /* background-color: #222222; */
}

/*
.navbar-dark .navbar-toggler-icon  {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
*/

.navbar-dark .navbar-toggler {
    border-color: white;
}

.navbar-brand {
    display: none;
}

li.menu-item-top {
    margin-left: .3rem;
}

.menu-item-top-link {
    color: white;
    font-weight: bold;
    padding: .3em;
    display: block;
    text-decoration: none;
}

.menu-item-top-link:hover {
    color: silver;
}

/* resource page */
.resource-title {
    font-size: 2em;
    font-weight: bold;
}

#resource-indicators {
    background-color: white;
    border: white solid 0.2em;
    border-radius: 0.2em;
    padding: 0.2em;
}

#resource-files-list {
    padding-bottom: 1rem;
}

.resource-info-list {  
    padding: 0em 1em;
}

#resource-info-list-separator {
    border-top: #007bff solid 3px;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 2rem;
}


#resource-will-be-available {
    font-weight: bold;
    color: green;
    font-size: 1em;
}

.resource-meta-label {
    font-weight: bold;
}

.resource-available-from-value {
    color: green;
    font-weight: bold;
}

.resource-connect-button {
    /*border: black solid 0.2em; */
    padding: 0.3em 3em;
    font-size: 0.8em;
    font-weight: bold;
}
.resource-connect-button:hover {
    font-weight: bold;
}


.resource-az-button {
    /* border: black solid 0.2em; */
    padding: 0.2em 0.3em;
    font-weight: bold;
    color: black;
    margin: 0em 1em;
}

.resource-info-title {
    font-weight: bold;
    font-size: 1.2em;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
}

.resource-additional-info-title {
    font-weight: bold;
    font-size: 1.1em;
    padding: 1em;
}

.resource-description {
    padding: 2rem;
}

img.logo-supp {
    border-style: dotted;
    border-color: silver;
    border-width: 1px;
    margin-left: 2px;
}

.remote-access-button {
    border: #B8860B solid 0.2em; 
    padding: 0.2em 2em;
    font-size: 0.6em;
    font-weight: normal;
    background-color: #B8860B;
}

.remote-access-button:hover {
    border: #996e08 solid 0.2em;
    background-color: #996e08;
    font-weight: normal;
}

.snippets {
    text-align: center;
}

.faculty-availibility {
    font-weight: bold;
}


/* homepage sidebar */

div.sidebar-item-brief {
    border-bottom: solid thin white;
    padding-top: 0rem;
    padding-bottom: 0rem;
}

div.sidebar-item-date {
    font-size: small;
    color: #28a745;
}

div.sidebar-item-brief a {
    font-weight: bold;
    font-size: 1.1rem;
}

div.sidebar-item-content {
    font-size: 1rem;
}

h3.homepage-sidebars-group-title {
    padding-bottom: 0;
}

#homepage-sidebar div.more {
    padding-top: 1rem;
    text-align: right;
}

.sidebar-item-date-side-news {
    font-size: small;
    display: none;
}

.sidebar-item-date-side-news {
    font-size: small;
    display: none;
}

.sidebar-item-date-side-new-resources {
    display: none;
}

.sidebar-item-resource {
    margin-bottom: 0.5rem;
}

/* news */
#news-item-date {
    font-style: italic;
}

#news-item-title {
    font-weight: bold;
}


#news-item-author {
    font-style: italic;
    font-size: 0.8rem;
}

#news-item {
    border-bottom: solid 1px #3575bf;
    padding: 1rem 0.5rem;
}

#news-list-archive-link {
    padding: 0.5rem;
}

#more-news {
    font-weight: bold;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: right;
}

#more-news a:hover {
   font-weight: bold; 
}


/* resources listings */
.resource-not-available * {
    color: #5e5e5e;
    font-style: italic;
}

#no-results {
    margin: 2rem 0;
}

#no-results-col {
    background-color: #cccccc;
    padding: 1rem;
}

/* newsletter */
.subscription-status-message {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: bold;
    color: darkgreen;
}

.form-title-label {
    font-style: italic;
    margin: .5rem 0;
}

.form-lang-select {
    margin: .5rem 0 2rem 0;
}

.form-lang-select label {
    margin-right: .3rem;
}

#newsletter-unsubscribe-button {
    margin-left: 2rem;
}



/* *************** stranka s chybovym hlasenim *********** */
/* internal server error */
h1.interror {
    color: red;
}

div.interror {
}

div.phone {
    margin-top: 1rem;
}

div.contact {
    margin-top: 1rem;
    margin-bottom: 2rem;
}