.container {
    max-width: 1350px !important;
}  

.list-with-add {
    margin: 20px 20px 0 20px;
    width: 100%;
}

.wide-container {
    width: 100%;
    max-width: 98vw;
    margin: 0 auto;
    padding: 20px;
}

.add {
    margin: 0 0 20px 10px;
}

.back {
    margin-top: 15px;
}

h1.main {
    color: red; 
    opacity: 0.7; 
    text-align: center; 
    margin: 30px auto 0 auto
}

h3.head {
	color: #64676a;
	margin: 20px auto 0 auto;
} 

h4.head {
	color: #64676a;
	margin: 0 auto 0 auto;
}

h2.form-header {
    margin: 15px 0 15px 0;
}

.no-link-style {
    color: inherit;
    text-decoration: none;
}

input.hidden {
    background-color: #f1f1f1;
}
select.hidden {
    background-color: #f1f1f1;
}

.menu-link a:link,
        a:visited {
    text-decoration: none;
    color: #64676a;
}
a.menu-link:hover,
       active {
    text-decoration: underline;
    color: #64676a;
}

.authorization-form {
     margin-top: 150px;
}

.library-link a:link,
        a:visited {
    text-decoration: none;
    color: #64676a;
}
.library-link a:hover,
        a:active {
    text-decoration: underline;
    color: #64676a;
}

.back {
    padding-top: 30px;
}

.page-link {
    color: #28a745 !important; /* Light green color for text */
    border-color: #28a745 !important; /* Light green border */
    transition: background-color 0.2s ease, color 0.2s ease; /* Smooth transition */
}

.page-item.active .page-link {
    background-color: #28a745 !important; /* Light green background for active state */
    border-color: #28a745 !important; /* Light green border for active state */
    color: white !important; /* White text for better contrast */
}

.page-link:hover {
    color: #6c757d !important; /* Neutral grey for hover text */
    background-color: #e9ecef !important; /* Light grey background on hover */
    border-color: #6c757d !important; /* Neutral grey border on hover */
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}

@media (min-width: 1025px) {
    #concert {margin: 20px 0 0 200px; }
    .schedule {margin: 20px 0 0 250px; }
}

@media only screen and (max-width: 1024px) {
    #concert {margin: 20px 0 0 0; }
    .schedule {margin: 20px 0 0 0; }
}