* {
    font-family: Tahoma;
}

a {
    text-decoration: none;
    color: #335ebd;
}
body, td, th {
    color: #393943;
    font-weight: 500;
}
body {
    background-image: url("../img/backImage/background.png");
}
@media (max-width: 700px) {
    body, td, th, #filter *, ::placeholder {
        font-size: 1rem;
    }
    tr.padheader td {
        font-size: 1rem;
        padding: 0.3rem;
    }
}
@media (min-width: 700px) {
    body, td, th, #filter *, ::placeholder {
        font-size: 1rem;
    }
    tr.padheader td {
        font-size: 1rem;
        padding: 0.4rem;
    }
}
@media (min-width: 1000px) {
    body, td, th, #filter *, ::placeholder {
        font-size: 0.85rem;
    }
    tr.padheader td {
        font-size: 0.85rem;
        padding: 0.3rem;
    }
}
@media (min-width: 1500px) {
    body, td, th, #filter *, ::placeholder {
        font-size: 0.75rem;
    }
    tr.padheader td {
        font-size: 0.75rem;
        padding: 0.3rem;
    }
}
tr.padheader td, tr.padheader td p  {
    text-align: center;
    color: #393943;
    font-weight: 800;
    align-self: flex-end;
    border: none;
}

table.tab {
    border: none;
}
table * {
    background: transparent;
}



tr.pad td {
    border: none;
    border-top: 1px solid #393943;
    padding: 0.4rem 0.4rem;
}
a.news-article-ref {
    color: #e64942;
    font-size: 1rem;
    text-decoration: underline;
    text-decoration-color: #e64942;
    text-underline-offset: 0.1rem;
}
a.news-article-ref-disabled {
    color: #9c9ca1;
    font-size: 1rem;
    text-decoration: none;
}
h1 {
    color: black;
    font-size: 2.2rem;
}
hr {
    border: none;
    height: 1px;
}

input{
    border-left: none;
    border-right: none;
    border-top: none;
    border-width: 1px;
    outline: none;
    background: transparent;
}

label {
    font-size: 0.9rem;
    min-height: 1.1rem;
    color: black;
    display: block;
}
@media (max-width: 700px) {
    button, .filter-btn, .button {
        font-size: 0.7rem;
        font-weight: bold;
        padding: 0.2rem 1.2rem;
        margin: 0 0.2rem;
        background: none;
        border: none;
    }
    .accept-btn {
        font-size: 0.8rem;
        padding: 0.3rem 1.4rem;
        margin: 0 0.3rem;
    }
}
@media (min-width: 700px) {
    button, .filter-btn, .button {
        font-size: 0.8rem;
        font-weight: bold;
        padding: 0.4rem 1.6rem;
        margin: 0 0.4rem;
        background: none;
        border: none;
    }
    .accept-btn {
        font-size: 0.9rem;
        padding: 0.5rem 1.8rem;
        margin: 0 0.5rem;
    }
}

@media (min-width: 1000px) {
    button, .filter-btn, .button {
        font-size: 0.9rem;
        font-weight: bold;
        padding: 0.5rem 2rem;
        margin: 0 0.6rem;
        background: none;
        border: none;
    }
    .accept-btn {
        font-size: 1rem;
        padding: 0.5rem 1.8rem;
        margin: 0 0.5rem;
    }
}

.button {
    background: #335dbd;
    color: white;
}

.search-btn, .accept-btn {
    border-radius: 6px;
    border: 1px solid #e64942;
    cursor: pointer;
}
.clear-btn {
    border: 1px solid #3f5d95;
    border-radius: 6px;
}


.news-item {
    margin-bottom: 1rem;
    max-width: 15rem;
    line-height: 1.3rem;
}
.news-item li {
    list-style-type: none;
    padding: 0.5rem 0;
}

@media (min-width: 1500px) {
    .news-item-content {
        font-size: 1.1rem;
    }
    .news-item-content-selected {
        font-size: 1.1rem;
    }
}
@media (max-width: 1500px) {
    .news-item-content {
        font-size: 1rem;
    }
    .news-item-content-selected {
        font-size: 1rem;
    }
}
.news-item-content {
    color: black;
    display: inline;
}

.news-article-path .news-article-date {
    color: #9c9ca1;
    font-size: 1rem;
}

.news-item-content:hover{
    text-decoration: underline;
    text-decoration-width: 2px;
    text-decoration-style: solid;
    text-decoration-color: #e54941;
    text-underline-offset: 0.2rem;
}

.news-item-content-selected {
    color: black; display: inline;
    text-decoration: underline;
    text-decoration-width: 2px;
    text-decoration-style: solid;
    text-decoration-color: #e54941;
    text-underline-offset: 0.2rem;
}

.news-article-title {
    color: #405d95;
    font-size: 2rem;
}

.article-path {
    color: #9c9ca1;
    font-size: 0.8rem;
    margin-bottom: 2rem;
    margin-top: 1.2rem;
    justify-content: start;
}
.news-article-date {
    color: #9c9ca1;
    font-size: 1rem;
    margin-bottom: 2rem;
}
.news-article-title {
    color: #405d95;
    font-size: 2rem;
}
.news-article-text {
    color: #393943;
    font-size: 1rem;
    margin-bottom: 4rem;
}
.news-important {
    margin-bottom: 2rem;
    margin-top: 1.5rem;
}
.news-important-card {
    text-align: start;
    position: relative;
    margin: 0 0.5rem;
}
.news-important-card img {
    width: 100%;
}
.news-banner {
    color: white;
    vertical-align: bottom;
    font-size: 1.2rem;
    padding-bottom: 2rem;
    text-align: start;
    position: relative;
    max-width: 16rem;
}
.news-banner img {
    width: 100%;
    height: fit-content;
}
.on-image-text {
    position:absolute; bottom: 10%; left: 10%; right: 20%;
    color: white;
}

.on-img-text-imp-news {
    color: white;
    position: absolute;
    bottom: 0;
    left: 6%;
    z-index: 2;
}

.gz-header {
    font-size: 0.9rem;
    border-bottom: #c3c3c5 1px solid;
    padding-bottom: 1.7rem;
    padding-right: 11.5rem;
    background:  url("/img/header/gorod.png") 100% 100% no-repeat;
}

.gz-center {
    height: max-content;
    max-width: 100%;
    box-sizing: border-box;
    color: black;
    flex-wrap: nowrap;
}
.section-title {
    background-color: #335dbd;
    color: white;
}
.title {
    display: block;
}
@media (min-width: 1500px ) {
    .gz-center {
        padding-left: 10rem;
    }
    .gz-header{
        padding-left: 8rem;
        background-size: 100%;
    }
    .news-important-card {
        font-size: 1.2rem;
    }
    .section-title {
        font-size: 1.5rem;
        padding-top: 0.3rem;
        padding-bottom: 1rem;
    }
    .title {
        font-size: 1.2rem;
    }
}
@media (max-width: 1500px ) {
    .gz-center {
        padding-left: 6rem;
    }
    .gz-header{
        padding-left: 4rem;
        background:  url("/img/header/gorod.png") 100% 100% no-repeat;
    }
    .news-important-card {
        font-size: 1rem;
    }
    .section-title {
        font-size: 1.3rem;
        padding-top: 0.2rem;
        padding-bottom: 0.8rem;
    }
    .title {
        font-size: 1rem;
    }
}
@media (max-width: 1250px ) {
    .gz-center {
        padding-left: 3rem;

    }
    .gz-header{
        padding-left: 1rem;
        background:  url("/img/header/gorod.png") 100% 100% no-repeat;
    }
}
@media (max-width: 1000px ) {
    .gz-center {
        padding-left: 2rem;
    }
    .gz-header{
        padding-left: 0;
        background:  url("/img/header/gorod.png") 100% 100% no-repeat;
    }
    .section-title {
        font-size: 1rem;
        padding-top: 0.1rem;
        padding-bottom: 0.5rem;
    }
    .title {
        font-size: 0.7rem;
    }
}
@media (max-width: 800px ) {
    .gz-center {
        padding-left: 1rem;

    }
    .gz-header{
        padding-left: 0;
        background:  url("/img/header/gorod.png") 100% 100% no-repeat;
    }
}

.gz-footer {
    font-size: 0.9rem; padding-left: 10rem;
    padding-right: 11.5rem; background: #393943; min-height: 8rem; color: white
}

.centered-img {
    vertical-align: middle;
    max-height: 1.5rem; max-width: 2.3rem;
    margin-right: 0.5rem;
}

.gz-logo {
    max-height: 1.8rem; max-width: 3.5rem
}

.gz-page-icon {
    max-height: 4.8rem; max-width: 4rem
}

.gz-logo-header {
    max-height: 5.9rem; max-width: 4.5rem
}
.footer{
    display: flex;
    padding-top: 10rem;
    justify-content: flex-start;
    background:  url("/img/footer/bottom.png") 100% 100% no-repeat;

}

@media (min-width: 1500px ) {
    .footer{
        background-size: 100%;
    }
}

@media (max-width: 1250px ) {
    .footer{
        background-size: 100%;
    }
}
@media (max-width: 1000px ) {
    .footer{
        background-size: 100%;
    }
}
@media (max-width: 800px ) {
    .footer{
        background-size: 100%;
    }
}

.footer-info{
    color: white;
    font-size: 1rem;
}

.footer-inner-item{
    margin: 2rem;
}

.footer-item{
    margin-top: 7rem;
    margin-bottom: 1rem;
}

.prj-title {
    font-size: 1.6rem;
    font-weight: 900;
    margin-left: 0.5rem;
    color: #534545;
}

.btn, .filter-switcher, .filter-switcher *{
    background: none;border: none;
    font-size: 1rem;
    color: #e54941;
    font-weight: 700;
    text-decoration: none;
}
.filter-switcher {
    text-align: center;
}

.block-gradient:before {
    content: '';
    position:absolute;
    top:0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    background: rgb(64,93,149);
    background: -moz-linear-gradient(0deg, rgba(64,93,149,0.9) 0%, rgba(64,93,149,0) 55%);
    background: -webkit-linear-gradient(0deg, rgba(64,93,149,0.9) 0%, rgba(64,93,149,0) 55%);
    background: linear-gradient(0deg, rgba(64,93,149,0.9) 0%, rgba(64,93,149,0) 55%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#405d95",endColorstr="#405d95",GradientType=1);
    z-index: 1;
}

.name-header-small{
    font-size: 16px;
    color: #9c9ca1;
    font-weight: 600;
    margin-bottom: 2rem;
    margin-top: 1.3rem;
    padding-left: 2.6rem;
}
.name-header-big{
    font-size: 36px;
    color: #393943;
    font-weight: 900;
    text-align: center;
}
.button-filter {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;

}


.filter-cal {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
}


.filter-cal div {
    padding: 1rem;
}


.fragment-find {
    display: flex;
    flex-direction: row;
    text-align: center;
    align-items: center;
    padding: 0 25rem !important;

}

.fragment-button {
    display: flex;
    width: -webkit-fill-available;
}

.find-button {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
}

.clear-button {
    display: flex;
    flex-grow: 1;
}

.clear-find-filter {
    display: flex;
    flex-direction: row;
    text-align: center;
    align-items: center;
    padding: 2rem 0 !important;
}

.set-data {
    display: flex;
    flex-direction: row;
    text-align: center;
    align-items: center;
    padding: 0 25.7rem !important;
}




::placeholder {
    color: #757a80;
    font-weight: 700;
}

.disabled-selected {
    width: 100%;
    outline: none;
    border: none;
    color: #757a80;
    font-size: 1rem;
    font-weight: bold;
}


.not-disabled-selected {
    width: 100%;
    outline: none;
    border: none;
    color: #393943;
}

.btn{
    background: none;
    border: none;
    font-size: 18px;
    color: #e64942;
    font-weight: 700;
    text-align: center;

}

.btn-btn-primary {
    background: none;
    margin-outside: 12rem;
    color: #393943;
    padding: 0 1.7rem;
    font-weight: 700;
    width: 140px;
    height: 40px;
    border-radius: 6px;
    border: 1px solid #3f5d95;
}
.btn-btn-primary:hover {
    background-color: #3f5d95;
    color: white;
    -webkit-transition-duration: 0.3s; /* Safari */
    transition-duration: 0.3s;
}

.input-fragment{
    width:100%;
    border-left: none;
    border-right: none;
    border-top: none;
    padding: 0.7rem;
    outline: none;
    font-size: 18px;
    color: #393943;
    font-weight: 500;
}

.input-date{
    width:100%;
    border: none;
    padding: 0.7rem;
    outline: none;
    font-size: 18px;
    color: #393943;
    font-weight: 500;

}

.btn-outline-find{
    background: none;
    color: #393943;
    padding: 0 1.7rem;
    font-weight: 700;
    width: 120px;
    height: 40px;
    border-radius: 6px;
    border: 1px solid #e64942;
}
.btn-outline-find:hover {
    background-color: #e64942;
    color: white;
    -webkit-transition-duration: 0.3s; /* Safari*/
    transition-duration: 0.3s;
}

.calendar-data{
    display: flex;
    width: 100px;
    padding: 0 0 !important;
    border-bottom: 1px solid;
    margin: 0 1rem;
}

.calendar-news-info div {
    width: fit-content;
    padding: 0.7rem;
    place-items: center;
    justify-content: space-around;
}

.calendar-news-info {
    display: flex;

}

.box-news {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 3;
    padding: 1.4rem !important;
}

.box-info-spec {
    flex: 1;
    padding-top: 4.45rem !important;
}

.calendar-icon{
   max-width: 1.7rem;
    padding: 6px;
}

.important-news{
    padding-left: 1rem;
    padding-right: 3.2rem;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}
.pagination-news{
    padding-left: 2rem;
}

.date{
    font-size: 16px;
    color: #9c9ca1;
    font-weight: 700;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-left: 0 !important;
}

.header-news{
    width: 556px;
    height: 86px;
    font-size: 18px;
    line-height: 24px;
    color: #405d95;
    font-weight: 800;
    padding: 0 !important;
}

.show-news{
    width: 542px;
    font-size: 16px;
    line-height: 22px;
    color: #393943;
    font-weight: 500;
    padding: 0 !important;
}
.gzTable3{
    width: 100% !important;
    border-top: 1px solid;
    border-top-color: #9c9ca1;
    padding-top: 1rem !important;
    padding-left: 0 !important;

}


.footer-banner {
    color: white;
    padding-bottom: 2rem;
    text-align: start;
    max-width: 23rem;
    padding-left: 1rem;
}

.footer-banner p{
    display: flex;
    flex-wrap: wrap;
}

.footer-banner img {
    width: 100%;
    height: fit-content;
    margin-bottom: 1rem !important;
    padding-right: 1rem !important;
}

.show-news p {
    text-align: justify;
    margin: 0;
}
.detail-button{
    border: none;
    background: none;
    font-size: 16px;
    color: #e64942;
    font-weight: 500;
    border-bottom:#e64942 1px solid;
    padding: 0;
}

.more{
    margin-top: 1rem;
    padding: 0 !important;
}
.place-content-gzTable3{
    width: 100% !important;
}

.dis {
    display: none;
}
.flex {
    display: flex;
}
.rotatedX {
    transform:rotateX(180deg);
    -ms-transform:rotateX(180deg); /* IE 9 */
    -webkit-transform:rotateX(180deg); /* Safari and Chrome */;
}
.rotatedY {
    transform:rotateY(180deg);
    -ms-transform:rotateY(180deg); /* IE 9 */
    -webkit-transform:rotateY(180deg); /* Safari and Chrome */;
}
.username {
    margin: 0 0.5rem;
    font-size: 1rem;
}
.fit-content {
    width: fit-content;
}
.filter-row {
    padding: 0 10rem;
}
.site-name {
    font-size: 1.8rem;
    margin-left: 0.5rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #534545;
    margin-top: 0.5rem;
}
.text-end {
    text-align: end;
}

.filter-dict-ref {
    width: 1rem;
}
.bold {
    font-weight: bold;
}
.page-body {
    max-width: 76%;
}
*[id='filter'] {
    display: none;
}
.file-link {
    text-decoration: underline;
    text-underline-offset: 3px;
    padding: 0.5rem;
}
.baseline {
    align-items: baseline;
}