:root {
	--main: #010101;
	--light: #f1edee;
	--link: #4b82c1;
	--link-active: #39669a;
	
	--primary: #39669a;
	--primary-active: #23324c;
	--primary-gradient: linear-gradient(135deg, var(--primary-active) 0%, var(--primary) 100%);
	
	--font-family-sans: 'PT-Astra-Sans', -apple-system, BlinkMacSystemFont, Verdana, Roboto, Arial, sans-serif;
}

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	outline: 0 !important;
}

html, body {
	font-family: var(--font-family-sans);
	font-size: 17px;
	font-weight: 400;
    font-style: normal;
	color: var(--main);
	min-height: 100%;
	background: #f7f5fb;
}
body {
	overflow-x: hidden;
}

a {color: var(--link); text-decoration: none; -webkit-transition: color .3s; transition: color .3s; outline: none;}
a:hover {color: var(--link-active); text-decoration: underline;}

/* Header */
#header {width: 100%; background: #22314a; color: #f7f5fb; text-align: center; padding: 1.2rem 1rem; background-image: url('../image/header_left.png'), url('../image/header_bg.png'), url('../image/header_right.png'); background-position: left top, left top, right top; background-size: contain, auto, contain; background-repeat: no-repeat, repeat, no-repeat;}
#header a {color: #f7f5fb; opacity: 0.8;}
#header a:hover {color: var(--light); opacity: 1; text-decoration: none;}
.brand-logo {padding: 0.5rem;}
.brand-name {text-transform: uppercase; font-size: 0.974rem;}
.brand-name strong {font-size: 1.5rem; display: block;}
@media only screen and (max-width: 576px) {
	#header {background-image: url('../image/header_bg.png'); background-position: left top; background-size: auto; background-repeat: repeat;}
	.brand-name {display: none;}
}
#main-menu {background: #39669a; padding: 0; z-index: 1030;}
.menu-widget {border: 1px solid rgba(255,255,255,0.1); border-bottom: 0;}
.menu-widget .nav-item {cursor: pointer; text-align: center; flex: 1 1 auto; font-size: 1.1rem; border-bottom: 1px solid rgba(255,255,255,0.1);}
.menu-widget .nav-item:not(:first-child) {border-left: 1px solid rgba(255,255,255,0.1);}
.menu-widget .nav-item:hover, .menu-widget .nav-item > [aria-expanded="true"] {background: #4b82c1;}
.menu-widget .nav-link {padding: 5px 10px !important; font-weight: 500; color: #ccdce7;}
.menu-widget .nav-link:hover {color: #ffffff; text-decoration: none;}
.menu-widget .dropdown-menu {background: #4b82c1; opacity: 0.98; border: none; padding: 0; font-size: inherit; width: auto; margin: 0; border-radius: unset;}
.menu-widget .dropdown-menu .dropdown-item {padding: 0px; white-space: normal; border-top: 1px solid rgba(255,255,255,0.1); text-align: left; }
.menu-widget .dropdown-menu .dropdown-item:hover, .menu-widget .dropdown-menu .dropdown-item.show {background-color: #39669a;}
.menu-widget .dropdown-menu .dropdown-item .dropdown-menu {top: -1px !important;}
.menu-widget .dropdown-menu .dropdown-item .dropdown-menu .dropdown-item:hover {background: rgba(255,255,255,0.05);}
.menu-widget .dropdown-menu a {padding: 7px 15px 7px 30px; color: #e0e0e0; display: block; white-space: nowrap;}
.menu-widget a:focus, .menu-widget .dropdown-menu a:hover {color: #f7f5fb !important; text-decoration: none;}
.menu-widget .dropdown-menu .dropdown-menu {background: #39669a; opacity: 0.98; width: auto;}
.menu-widget .dropdown-menu .dropdown-menu a {white-space: nowrap;}
.menu-widget .dropdown-toggle::after {vertical-align: 3px;}
.menu-widget .dropdown-toggle:not(.nav-link) {position: relative;}
.menu-widget .dropdown-toggle:not(.nav-link)::after {display: inline-block; position: absolute; top: 50%; transform: translateY(-50%);right: 0; width: 0; height: 0; margin-left: .5em; vertical-align: 0; border-bottom: .3em solid transparent; border-top: .3em solid transparent; border-left: .3em solid;}
.navbar {padding: 0;}
.navbar-nav {flex-wrap: wrap; margin: 0;}
.navbar-toggler {display: block; margin: 0 auto; padding: 13px 10px 13px; color: #fff !important; border-radius: unset;}
.navbar-toggler:focus {box-shadow: none;}
.navbar-collapse-close {display: none; border: 0; color: #ccdce7; background: transparent; float: right; margin: 0 0 5px 0;}
.navbar-collapse-close:hover {color: #ffffff;}
.navbar-nav .dropdown-menu {left: -1px;}
@media only screen and (max-width: 992px) {
	.navbar-collapse-close {display: block; margin: 10px 10px;}
	.navbar-collapse {position: fixed; top:0; bottom: 0; left: 100%; width: 100%; padding: 10px 15px; overflow-y: auto; visibility: hidden; background: #39669a; transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out; z-index: 1080;}
    .navbar-collapse.show {padding: 0; visibility: visible; transform: translateX(-100%);}
	.menu-widget .nav-link {font-weight: 700; text-transform: uppercase;}
	.menu-widget .nav-item {border-left: none !important; border-bottom: 1px solid rgba(255,255,255,0.1);}
	.menu-widget .nav-item:hover {background-color: rgba(0,0,0,0.1); border: none; border-bottom: 1px solid rgba(255,255,255,0.2);}
	.menu-widget .nav-item > [aria-expanded="true"] {background-color: rgba(0,0,0,0.1);}
	.menu-widget .nav-item.dropdown.show {background: #39669a;}
	.menu-widget .nav-item.dropdown .dropdown-item {padding: 0;}
	.menu-widget .nav-item.dropdown .dropdown-item a {padding: 5px 10px 5px 10px; color: #c5d8e6;}
	.menu-widget .nav-item.dropdown.show .dropdown-menu.show .dropdown-item.dropdown.show {background: rgba(255,255,255,0.1) !important;}
	.menu-widget .nav-item.dropdown.show .dropdown-menu.show .dropdown-item.dropdown.show .dropdown-menu.show {background: transparent !important;}
	.menu-widget .nav-item.dropdown.show .dropdown-menu.show .dropdown-item.dropdown.show .dropdown-menu.show .dropdown-item:hover {background: rgba(255,255,255,0.1);}
	.menu-widget .nav-item.dropdown .dropdown-item .dropdown-item {padding: 0;}
	.menu-widget .nav-item.dropdown .dropdown-item .dropdown-item a {padding: 5px 10px 5px 10px;}
	.menu-widget .dropdown-menu {background: #39669a; border: none; padding: 0;}
	.menu-widget .dropdown-menu .dropdown-item {padding: 10px 10px; border-top: 1px solid rgba(255,255,255,0.05); text-align: center;}
	.menu-widget .dropdown-menu a {white-space: normal;}
	.menu-widget .dropdown-toggle {white-space: normal;}
	.menu-widget .dropdown-toggle::after {position: absolute; top: 21px; right: 10px;}
	.menu-widget .dropdown-toggle:not(.nav-link)::after {display: inline-block; position: absolute; top: 15px; right: 10px; width: 0; height: 0; margin-left: 0; vertical-align: 0; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent;}
}

/* Subheader */
.subheader {padding: 1rem 0; margin: 0; background: var(--light);}
.lang-widget {margin: auto 1rem; display: inline-block; white-space: nowrap;}
.lang-widget ul {list-style: none; margin: 0; padding: 0; font-size: 1rem; font-size: 0;}
.lang-widget ul li {display: inline-block; margin-left: 5px; position: relative; width: 21.12px; height: 25px; opacity: 0.5; background: #617996; box-sizing: border-box; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}
.lang-widget ul li:hover {background: #46658b; opacity: 0.8;}
.lang-widget ul li.active {opacity: 1;}
.lang-widget ul li:last-child {border: 0;}
.lang-widget ul li a {position: absolute; background-color: #ffffff; top: 2px; left: 2px; width: 17.12px; height: 21px; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}
.lang-widget ul li img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}
.lang-widget ul li.active a {color: #fff;}
.lang-widget ul li a:hover {color: #fff;}
/* --- */
.share-social {list-style: none; margin: auto 0 auto 0; font-size: 1rem; display: inline-block;}
.share-social li {display: inline-block; padding: 0; color: #39669a; }
.share-social li a {color: #fff; padding: 2px 5px; background: rgba(255,255,255,0.2); display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.share-social li a:hover {background: rgba(255,255,255,0.3); color: #fff;}
.search-widget {max-width: 300px; display: inline-block; white-space:nowrap;}
.search-widget input:focus, .search-widget .btn:focus, .search-widget .btn.focus {box-shadow: unset !important;}
/* --- */
.user-widget {padding: 0 0 0 1rem;}
.user-widget .login-icon {border: 0; background: transparent; color: #39669a; font-size: 1.5rem;}
.user-widget .photo {border: 2px solid #39669a; width: 40px; height: 40px; background: transparent; color: #39669a; font-size: 1.5rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden;}
.user-widget .photo img {width: 100%; object-fit: cover; vertical-align: top;}
.user-widget .dropdown-menu {top: 100% !important; margin-top: 1rem; width: 350px; background: var(--light); padding:0; border: 0;}
.user-widget .dropdown-menu .dropdown-item.user_name {font-size:1.1rem;}
.user-widget .dropdown-menu .dropdown-item.user_name span {display: block; font-size: 0.8rem; font-weight: 300 !important; color: #888888; white-space: normal;}
.user-widget .dropdown-menu .dropdown-item {padding: 0.5rem 2.3rem 0.5rem 1rem; width: 100%; border-bottom: 1px solid #d4d4d4; position: relative;}
.user-widget .dropdown-menu .dropdown-item:after {content: '\f054'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 1rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: right 0.5s; opacity: 0.2;}
.user-widget .dropdown-menu .dropdown-item:hover, .user-widget .dropdown-menu .dropdown-item:focus {color: #39669a; text-decoration: none; background-color: transparent;}
.user-widget .dropdown-menu .dropdown-item:hover {background: rgba(0, 0, 0, 0.05);}
.user-widget .dropdown-menu .dropdown-item:hover:after {right: 0.5rem; opacity: 0.7;}
@media only screen and (max-width: 576px) {
	.user-widget .dropdown-menu {width: 100vw; left: 0; right: 0;}
}

/* Footer */
#footer {background: #22314a; padding: 2rem 0; color: #fff;}
.footer-contact-list {list-style: none; margin: 0; padding: 0; color: rgba(255,255,255,0.6);}
.footer-contact-list li {padding: 0.2rem 0;}
.footer-contact-list li.footer-contact-name {padding: 0 0 0.2rem 0; color: #fff;}
.footer-partner-list li {padding: 0.5rem 0;}
.footer-partner-list li img {width: 35px; opacity: 0.7;}
.footer-partner-list li a {color: rgba(255,255,255,0.7);}
.footer-partner-list li a:hover {color: rgba(255,255,255,1);}

/* Разметка */
.page-header {background: var(--primary-gradient); color: #ffffff; padding: 2rem 2rem; margin-bottom: 2rem; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.page-header-text {color: var(--main); position: relative; margin: 0.5rem 0 1.5rem 0; font-weight: bold; text-transform: uppercase; letter-spacing: -1px;}






.content-item {background: #ffffff; padding: 2rem 1rem; border-radius: 10px; box-shadow: 0 2px 15px rgba(0,0,0,0.05);}

.section {background: #ffffff; padding: 1.5rem; border-radius: 10px; box-shadow: 0 2px 15px rgba(0,0,0,0.05); margin-bottom: 2rem; overflow: hidden;}
.section-title {font-size: 1.3rem; position: relative; color: var(--main); border-bottom: 2px solid #f1f1f1; padding-bottom: 0.5rem; margin-bottom: 1.5rem; font-weight: 600;}
.section-title-toogle {position: relative; color: var(--main); font-weight: 600;}
.section p {margin: 0 0 0.5rem 0;}
.section .team-member {padding: 1.25rem;}

/* Стили для блоков модулей */
.module-title {font-size: 1.3rem; position: relative; color: var(--main); border-bottom: 2px solid #f1f1f1; padding-bottom: 0.5rem; margin-bottom: 1.5rem; font-weight: 600;}
.module-title a {color: var(--primary); font-weight: 600; text-decoration: none;}
.module-title a:hover {color: var(--main);}
.module-title.title-without-wrapper {padding: 0 1.5rem; margin: 0 0 0.5rem; border: 0; }


/* Карусель */
.multi-items-carousel {margin: 0 0 0.5rem 0 !important; overflow-x: hidden;}
.multi-items-carousel .slick-list {margin: 0 -1rem 0 -1rem; padding: 0 3px 0 0; border-radius: 5px;}

.post-card-item {padding: 0 1rem;}
.post-card-item .image {height: 150px;}
.post-card-item .image img {width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
.post-card-item .text-box {background: var(--primary-gradient); position: relative; padding: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow: hidden; }
.post-card-item .text-box::before {content: ''; position: absolute; left: 50%; top: -10px; display: block; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-width: 5px 5px 5px 5px; border-style: solid; border-color: transparent transparent #22314a transparent;}
.post-card-item .text-box.no-image {border-top-right-radius: 5px; border-top-left-radius: 5px;}
.post-card-item .text {padding: 1rem; height: 280px; overflow-y: hidden;}
.post-card-item .text-box.no-image .text {height: 430px;}
.post-card-item .text .header {font-size: 1.3rem; line-height: normal; font-weight: 600; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 0 0 0.8rem 0; margin: 0;}
.post-card-item .text .header a {color: #f7f5fb; text-decoration: none;}
.post-card-item .text .header a:hover {color: var(--light);}
.post-card-item .text .description {color: #f7f5fb; margin: 1rem 0 0 0;}
.post-card-item .text .description a {color: #d9dfe7; text-decoration: underline;}
.post-card-item .text .description a:hover {color: #ffffff; text-decoration: none;}
.post-card-item .text .read-more {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding: 1.1rem; background: linear-gradient(135deg, #2e4b72 0%, #3d6696 100%);}
.post-card-item .read-more a {display: inline-block; font-size: 0.8rem; border: 1px solid rgba(255, 255, 255, 0.3); padding: 0.3rem 0.5rem; border-radius: 3px; color: #fff; text-decoration: none; transition: all 0.2s;}
.post-card-item .read-more a:hover {background: rgba(255, 255, 255, 0.1); border-color: #fff;}

.carousel-control {height: 30px; margin: 0.5rem 0;}
.carousel-control .prev-slide,
.carousel-control .next-slide {font-size: 1.5rem; color: #4b82c1; opacity: 0.6; cursor: pointer;}
.carousel-control .prev-slide:hover,
.carousel-control .next-slide:hover {opacity: 1;}
.carousel-control .indicators {position: relative; -ms-flex-pack: start; justify-content: start; align-items: flex-end; margin: 0;}
.carousel-control .slick-dots {bottom: 0; display: flex; position: relative; height: 100%; -ms-flex-pack: start; justify-content: start; align-items: flex-end; margin: 0;}
.carousel-control .slick-dots li {height: 5px; transition: all .3s; background-color: #4b82c1; box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5;}
.carousel-control .slick-dots li:hover {height: 10px; background-color: #39669a;}
.carousel-control .slick-dots li.slick-active {height: 10px; background-color: #39669a; opacity: 1;}
.carousel-control .slick-dots li button {width: 100%; height: auto;}
.carousel-control .slick-dots li button::before {content: none;}

/* Вид: сетка */
/* .grid-list {align-items: start; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1rem;}
.grid-list > a {text-decoration: none;}
.grid-item {background: rgba(255,255,255,0.7); border-radius: 5px; padding: 1rem; text-align: center; color: #5d5c61; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease;}
.grid-item:hover {background: #ffffff; transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);}
.grid-item .title {font-size: 1.2rem; font-weight: 700;}
.grid-item:hover .title {color: var(--link-active);}
.grid-item .photo {height: 120px; filter: grayscale(1); transition: 0.5s;}
.grid-item .photo.xl-height {height: 200px;}
.grid-item .photo.no-filter {filter: none;}
.grid-item:hover .photo {filter: grayscale(0);}
.grid-item:hover .photo.no-filter {filter: none;}
.grid-item .sub-item {font-weight: bold; color: #b0a295;}
.grid-item:hover .sub-item {color: #a09183;}
.grid-item .description {margin: 0.5rem 0;} */
.grid-list {align-items: start; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1rem;}
.grid-list > a {text-decoration: none;}
.grid-item {position: relative; background: rgba(255,255,255,0.7); border-radius: 5px; padding: 1rem; text-align: center; color: #5d5c61; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0);}
.grid-item::before,
.grid-item::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; transition: opacity 0.8s ease, transform 1s ease;}
.grid-item::before {background: linear-gradient(135deg, var(--link-active) 0%, var(--link) 100%); transform: translateY(5%);}
.grid-item::after {background: linear-gradient(135deg, var(--primary-active) 0%, var(--primary) 100%); transform: translateY(10%);}
.grid-item:hover {box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); color: #ffffff;}
.grid-item:hover::before {opacity: 0.6; transform: translateY(0);}
.grid-item:hover::after {opacity: 0.9; transform: translateY(0); transition-delay: 0.15s;}
.grid-item .title {font-size: 1.2rem; font-weight: 700; transition: color 0.4s ease;}
.grid-item:hover .title {color: #ffffff;}
.grid-item .photo {height: 120px; filter: grayscale(1); transition: all 0.6s ease; position: relative; z-index: 2;}
.grid-item .photo.xl-height {height: 200px;}
.grid-item .photo.no-filter {filter: none;}
.grid-item:hover .photo {filter: grayscale(0);}
.grid-item:hover .photo.no-filter {filter: none;}
.grid-item .sub-item {font-weight: bold; color: #b0a295; transition: color 0.4s ease;}
.grid-item:hover .sub-item {color: #a09183;}
.grid-item .description {margin: 0.5rem 0; position: relative; z-index: 2;}


/* Списки пользователей */
.team-container {display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px;}  
.team-member {background: #ffffff; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease;}
.team-member:hover {transform: translateY(-1px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);}   
.member-photo {height: 200px; overflow: hidden;}
.member-photo img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease;} 
.member-info {padding: 1rem; text-align: center;}
.member-info .rank {margin-bottom: 0.3rem; margin-top: 0.2rem; color: #444444;}
.member-info h3 {font-size: 1.4rem; margin-bottom: 5px; color: #233149;}
.member-info .position {color: #7f8c8d; }
.member-info .bio {font-size: 0.95rem; margin: 1rem 0;}
.member-info .member-detail {margin-bottom: 0.4rem;}
.member-info .member-detail i {width: 20px; color: #bababa; font-size: 1rem; margin: 0 0.5rem 0 0;}
.member-info .member-detail span {color: #34495e; font-size: 15px;}
.member-info .member-detail strong {color: #bababa; font-weight: 300;}
@media (max-width: 768px) {
    .team-container {grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));}
}
.view-toggle-buttons {text-align: right;}
.team-list-view {display: block; grid-template-columns: initial; gap: initial; background: #ffffff; padding: 1rem 1rem; border-radius: 10px; box-shadow: 0 2px 15px rgba(0,0,0,0.05);}
.team-list-view .team-member {display: flex; margin: 0; border-bottom: 1px solid var(--light); background: transparent; border-radius: 0; box-shadow: none; transition: none;}
.team-list-view .team-member:last-child {margin: 0; border-bottom: 0;}
.team-list-view .team-member:hover {transform: none; box-shadow: none;}
.team-list-view .member-photo {display: none;}
.team-list-view .member-info {text-align: left;}
.team-list-view .member-info .bio {display: flex; row-gap: 0.2rem; column-gap: 1rem; flex-wrap: wrap; margin: 0.5rem 0 0 0;}
.team-list-view .member-info .member-detail {margin: 0;}
.team-list-view .member-info .member-detail i {width: 20px; color: #eaeaea; font-size: 0.9rem; margin: 0 0.1rem 0 0;}

.member-modal .member-photo {height: 250px; object-fit: cover; object-position: center; width: 100%; margin: 0 0 0.5rem 0;}   
.member-modal .member-info {padding: 1rem;}
.member-modal .member-info .member-name {font-weight: 700; color: #010101; margin-bottom: 5px;}
.member-modal .member-info .member-position {color: #7f8c8d; font-size: 1rem; margin-bottom: 0.5rem; border-bottom: 1px solid #ecf0f1; padding: 0 0 0.5rem 0;}
.member-modal .member-info .member-detail {margin-bottom: 15px;}
.member-modal .member-info .member-detail i {width: 25px; color: #bababa; font-size: 17px; margin: 0 0.5rem 0 0;}
.member-modal .member-info .member-detail span {color: #34495e; font-size: 15px;}
.member-modal .member-info .bio {color: #7f8c8d; font-size: 0.9rem; line-height: 1.6; margin: 0.5rem 0; border-bottom: 1px solid #ecf0f1; padding: 0 0 0.5rem 0; text-align: justify; max-height: 150px; overflow: hidden;}

/* Модуль профиля */
.auth-header {padding: 1.5rem; margin: 0; text-align: center;}
.auth-rank {font-size: 0.9rem; color: #888888; font-weight: normal;}
.auth-footer {text-align: center; margin-top: 1rem; color: #888888;}
.module-account {list-style: none; margin: 0; padding: 0; }
.module-account li {border-bottom: 1px solid #f1f1f1;}
.module-account li a {position: relative; display: block; padding: 0.5rem 1.5rem; text-decoration: none;}
.module-account li a:after {content: '\f054'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 1.5rem; top: 50%; color: #f1f1f1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: right 0.5s;}
.module-account li a:hover {background: var(--light); }
.module-account li a:hover:after {right: 1.2rem; color: #ffffff;}
.module-account li:last-child{border: 0;}

/* Хлебные крошки */
.breadcrumb {background-color: transparent; color: #888888; padding: 0; margin: 0; font-size: 0.9rem;}
.breadcrumb-item + .breadcrumb-item {position: relative; margin: 0 0 0 10px; padding: 0 0 0 15px;}
.breadcrumb-item i {font-size: 0.8rem;}
.breadcrumb-item span {font-size: 1rem;}
.breadcrumb-item a {font-size: 1rem;}
.breadcrumb-item a:hover {text-decoration: none;}
.breadcrumb-item + .breadcrumb-item::before {content: "\203A"; top: 2px; position: absolute; left: 0px;}

/* 
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  align-items: center;
}

.breadcrumb-item {
  display: flex;
  align-items: center;
  margin: 0.25rem 0;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  display: inline-block;
  padding: 0 0.5rem;
  color: #c3bdb5;
  font-weight: 300;
}

.breadcrumb-item a {
  display: flex;
  align-items: center;
  color: #3498db;
  text-decoration: none;
  transition: color 0.2s;
  white-space: nowrap;
}

.breadcrumb-item a:hover {
  color: #1a5276;
  text-decoration: underline;
}

.breadcrumb-item.active {
  color: #2c3e50;
  font-weight: 500;
  white-space: nowrap;
}

.breadcrumb-item i {
  margin: 0;
  font-size: 1rem;
}

@media (max-width: 576px) {
  .breadcrumb-item + .breadcrumb-item::before {
    padding: 0 0.5rem;
  }
  
  .breadcrumb-item a, 
  .breadcrumb-item.active {
    font-size: 0.9rem;
  }
}
 */



/* Статьи */
.article {margin: 1rem 0 2rem 0; padding: 2rem;}
.article:first-child {margin-top: 0;}
.article:last-child {margin-bottom: 0;}
.article-image {display: block; padding: 0;}
.article-image img {display: inline-block; width: 100%; height: auto; border-radius: 5px;}
.article-text {margin: 1rem 0;}
.article-description ol, .content-item-description ul {margin: 0 0 0 1rem; padding: 0;}
.article-description p { text-indent: 1.5rem; }
.article-description p:last-of-type {margin-bottom: 0;}
.article-date {color: #b3b3b3; display: block; padding: 0 0 0.2rem 0; font-size: 0.8rem; font-weight: 400;}
.article-title {font-weight: 500;}
.article-title a {}
.article-tags {list-style: none;}
.article-tags a, .content-item-tags span {
	display: inline-block;
    padding: 4px 12px;
    background: rgba(57, 102, 154, 0.05);
    color: rgba(57, 102, 154, 0.6);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 300;
    margin-right: 8px;
    border: 2px solid rgba(57, 102, 154, 0.2);
	transition: all 0.3s;
	text-decoration: none; 
}


.article-tags a:hover {box-shadow: inset 0 0 2px 0px #39669a; color: var(--primary); border-color: rgba(57, 102, 154, 0.4)}
.article-tags.important-link a {color: #ae3233; box-shadow: inset 0 0 0 1px #ae3233;}
.article-tags.important-link a:hover {color: #b92b2b; box-shadow: inset 0 0 0 2px #b92b2b;}
.article-tool {border-top: 1px solid #d4d4d4;}
.article-tool div {display: inline-block; margin: 0 0.5rem 0 0; padding: 1rem 0; color: #c1c1c1; font-size: 1rem;}
.article-tool div.read-more {font-size: 1rem; margin: 0;}



/* Постраничная навигация */
.pagination {display: inline-block; vertical-align: middle; padding-left: 0; margin: 0;}
.pagination > li {display: inline;}
.pagination > li > a,
.pagination > li > span {position: relative; float: left; padding: 0.5rem 1rem; margin: 0 1px; font-weight: 600; color: #010101; text-decoration: none; background-color: transparent; border-radius: 4px; border: 1px solid transparent;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {z-index: 3; color: #4b82c1; border-color: transparent;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {z-index: 2; color: #4b82c1; cursor: default; background-color: var(--light); border-color: var(--light);}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}
.pagination-lg > li > a,
.pagination-lg > li > span {padding: 10px 16px; font-size: 18px; line-height: 1.3333333;}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {border-top-right-radius: 6px; border-bottom-right-radius: 6px;}
.pagination-sm > li > a,
.pagination-sm > li > span {padding: 5px 10px; font-size: 12px; line-height: 1.5;}
.pagination > li.special > a,
.pagination > li.special > span {position: relative; float: left; padding: 0.6rem 1rem 0.4rem; font-size: 1rem; border: 0; color: #adadad; text-decoration: none; background-color: transparent;}
.pagination > li.special > a:hover,
.pagination > li.special > span:hover,
.pagination > li.special > a:focus,
.pagination > li.special > span:focus {z-index: 3; color: #212121;}
.pagination-result {color: #adadad;}

/* Comment */
.comment-form {}

.comment-item {padding: 0.5rem 0.5rem; margin: 0 0 0.5rem 0; border: 1px solid #efefef; border-radius: 5px; background: #ffffff;}
.comment-info {list-style: none; margin: 0; padding: 0;}
.comment-info li {display: inline-block; vertical-align: middle; margin: 0 5px 0 0;}
.comment-info:after {content: ''; clear: both; display: block;}
.comment-photo {width: 40px; height: 40px;}
.comment-photo img {width: 100%; height: 100%; object-fit: cover; border-radius: 50%; border: 2px solid ##f1edee;}
.comment-date {font-size: 12px; color: #a6a6a6;}
.comment-message {margin: 5px 0 5px 50px;}
.comment-message ul, .comment-message ol {margin: 0.5rem 0 0.5rem 2rem;}
.comment-rating {float: right; margin: auto 0;}
.comment-tools {text-transform: lowercase; margin: 10px 0 0 0;}
.comment-tools a {color: #99bbe1;}
.comment-tools a:hover {color: #0056b3;}
.comment-childrens {display: flex; flex-direction: row; align-items: stretch; width: 100%; padding: 0 0 0 13px; margin: 10px 0 0 0;}
.comment-tool {display: inline-block; margin: 0 10px 0 0;}
.comment-tool .btn {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;}
.comment-tool .btn:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9;}
.comment-toggle {background: transparent; position: relative; overflow-y: hidden; margin: /* 18px */0 10px 20px 0; cursor: pointer;}
.comment-toggle:after {transition: 1s linear; content: ''; position: absolute; top: 25px; left: 50%; width: 1px; height: 100%; background: #dbdbdb;}
.comment-toggle-icon i {transition: 1s linear; border: 1px solid #dbdbdb; color: #dbdbdb; font-size: 10px; padding: 2px 2px; line-height: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.comment-toggle-label {transition: 1s linear; /* margin: 20px 0 0 0;  */color: #bababa; line-height: 27px; cursor: pointer;}
.comment-toggle-label:hover {color: var(--primary);}
.comment-toggle:hover .comment-toggle-icon i {border-color: var(--primary); color: var(--primary);}
.comment-toggle:hover:after {background-color: var(--primary);}
.show-comment-tree {background: var(--primary) !important; color: #fff !important; border-color: var(--primary) !important;}
.show-comment-tree:hover {background: #1b7ab6 !important; color: #fff !important; border-color: #408fc2 !important;}
.comment-children-wrapper {flex: 1;}

/* 404 страница */
.error-title {font-size: 2rem; margin-bottom: 1.5rem; color: #343a40;}
.error-description {font-size: 1.1rem; color: #6c757d; margin-bottom: 2rem; }
.quantum-animation {position: relative; width: 150px; height: 150px; margin: 2.2rem auto 2rem; 
background-image: url('../image/404_sadness.png');
background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    background-color: transparent;
}
.electron {position: absolute; width: 25px; height: 25px; background: white; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); opacity: 0.9;}
.electron:nth-child(1) {animation: orbit-clockwise 20s linear infinite; background: var(--primary);}
.electron:nth-child(2) {animation: orbit-clockwise-medium 30s linear infinite; background: var(--primary-active);}
.electron:nth-child(3) {animation: orbit-counterclockwise 25s linear infinite; background: var(--light);}
@keyframes orbit-clockwise {
    from {transform: translate(-50%, -50%) rotate(0deg) translateX(100px) rotate(-0deg);}
    to {transform: translate(-50%, -50%) rotate(360deg) translateX(100px) rotate(-360deg);}
}
@keyframes orbit-clockwise-medium {
	from {transform: translate(-50%, -50%) rotate(180deg) translateX(60px) rotate(-180deg);}
	to {transform: translate(-50%, -50%) rotate(540deg) translateX(60px) rotate(-540deg);}
}
@keyframes orbit-counterclockwise {
    from {transform: translate(-50%, -50%) rotate(300deg) translateX(40px) rotate(-300deg);}
    to {transform: translate(-50%, -50%) rotate(-60deg) translateX(40px) rotate(60deg);}
}

/* Стандартные html-тэги */
ul, ol {padding-left: 1rem; margin: 0.5rem 0; overflow-wrap: break-word; word-break: break-word;}
li > ul, 
li > ol {margin-bottom: 0;}
ul {list-style-position: inside;}



/* Вспомогательные стили */
.required label:after {content: ' *'; color: #dc3545;}

.contacts-list i {width: 20px; text-align: center; margin-right: 10px; color: #6c757d;}

/* Фото пользователя */
.member-avatar {width: 150px; min-width: 150px; height: 150px; border-radius: 50%; border: 5px solid white; object-fit: cover; box-shadow: 0 5px 15px rgba(0,0,0,0.2);}
.member-avatar-sm {width: 80px; min-width: 80px; height: 80px; border: 3px solid white;}

/* Иконки социальных сетей и не только */
.social-icons {display: flex; justify-content: center; align-items: center; gap: 0.5rem; margin: 0.5rem 0; flex-wrap: wrap;}
.social-icon-item {width: 60px; height: 60px; border-radius: 50%; background: #fff; display: inline-flex; padding: 5px; align-items: center; justify-content: center; color: #495057; transition: all 0.3s ease; overflow: hidden; text-decoration: none; font-weight: 500; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.social-icons-sm .social-icon-item {width: 40px !important; height: 40px !important; padding: 2px;}
.social-icon-item:not(:has(img)):hover {background: #3d6598; color: #ffffff; transform: translateY(-3px); text-decoration: none; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);}
.social-icon-item:has(img) img {width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%); transition: filter 0.3s ease;}
.social-icon-item:has(img):hover {transform: translateY(-3px); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);}
.social-icon-item:has(img):hover img {filter: grayscale(0%);}

/* Кастомные вкладки горизонтальные */
.custom-tabs {border-bottom: 2px solid var(--light);}      
.custom-tabs .nav-link {border: none; color: #4b82c1; font-weight: 600; padding: 0.5rem 1rem; position: relative; transition: all 0.3s;} 
.custom-tabs .nav-link:hover {color: #39669a; background-color: transparent;}   
.custom-tabs .nav-link.active {color: #39669a; background-color: transparent; border: none;}    
.custom-tabs .nav-link.active:after {content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: #39669a; animation: tabunderline 0.3s ease-out;} 
@keyframes tabunderline {
    from {width: 0;}
    to {width: 100%;}
}   
.tab-content {padding: 1rem;}    
.tab-pane {animation: fadeIn 0.5s;}  
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

.document-item:not(:last-child) {margin-bottom: 1rem;}


/* .grey-image {filter: grayscale(1); transition: 0.5s;}
.grey-image:hover {filter: grayscale(0);} */

/* Bootstrap */
.container-fluid {width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 15px;}

.bg-light {background: var(--light);}

.table-bordered th, .table-bordered td {border: 1px solid #e1e0db;}
.table-striped tbody tr:nth-of-type(odd) {background-color: var(--light);}
.table-hover tbody tr:hover {color: #212529; background-color: rgba(0, 0, 0, 0.05);}

.table-primary, .table-primary > th, .table-primary > td {background: #39669a;}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {background: #315b8b;}
.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {border-color: #4b82c1;}

.input-help {font-size: 0.9rem; color: #888888; font-style: italic;}

.form-control:focus, .custom-control-input:focus ~ .custom-control-label::before, .chosen-container-active .chosen-choices {border-color: #3d6598; box-shadow: 0 0 0 0.2rem rgba(61, 101, 152, 0.25);}

.chosen-container-multi .chosen-choices li.search-choice {background: #3d6598;}


.nav-pills .nav-link {border-radius: 5px; margin-bottom: 0.5rem; transition: all 0.3s;}
.nav-pills .nav-link.active {background-color: #3d6598;}
.nav-pills .nav-link:hover:not(.active) {background-color: var(--light);}

.btn-link[aria-expanded="true"] .toggle-icon {transform: rotate(180deg); color: #888888;}
.btn-link:hover, .btn-link:focus {text-decoration: none;}
.toggle-icon {transition: transform 0.3s ease;}



.modal {backdrop-filter: blur(1px);}
.modal-dialog {transition: transform 0.3s ease-out, opacity 0.3s ease;}
.modal-content {border: none; border-radius: 10px; box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); overflow: hidden;}
.modal-header {background: var(--primary-gradient); color: #ffffff; border-bottom: none; padding: 1.25rem;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.modal-header .close {color: white; text-shadow: none; opacity: 0.6; transition: opacity 0.2s;}
.modal-header .close:hover {opacity: 1;}
.modal-title {font-weight: 600;}
.modal-body {padding: 1.5rem; line-height: 1.6;}
.modal-footer {border-top: 1px solid #f0f0f0; padding: 1rem 1.5rem;}
.modal.fade .modal-dialog {transform: translateY(-20px); opacity: 0;}
.modal.show .modal-dialog {transform: translateY(0); opacity: 1;}
.modal-full {max-width: 80%;}
@media (max-width: 576px) {
	.modal-full {max-width: 100%;}
}
  


.btn-success {
  background: linear-gradient(135deg, #5b8c31, #6f9a3e);
  color: #fff;
  border-color: #6f9a3e;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}
.btn-success:hover,
.btn-success:focus {
  background: linear-gradient(135deg, #6f9a3e, #5b8c31);
  border-color: #5b8c31;
  box-shadow: 0 0 0 0.2rem rgba(91, 140, 49, 0.3);
}
.btn-success:active {
  background-color: #678f3a;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1), 0 0 0 0.2rem rgba(91, 140, 49, 0.3);
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(91, 140, 49, 0.3);
}



.btn-danger {
  background: linear-gradient(135deg, #951b12, #b9341e);
  color: #fff;
  border-color: #ab2b1c;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}
.btn-danger:hover,
.btn-danger:focus {
  background: linear-gradient(135deg, #b9341e, #951b12);
  box-shadow: 0 0 0 0.2rem rgba(185, 52, 30, 0.3);
}
.btn-danger:active {
  background-color: #9d1d15;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1), 0 0 0 0.2rem rgba(185, 52, 30, 0.3);
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(185, 52, 30, 0.3);
}



.btn-primary {
  background: linear-gradient(135deg, var(--primary), var(--link));
  color: #fff;
  border-color: #4173ac;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}
.btn-primary:hover,
.btn-primary:focus {
  background: linear-gradient(135deg, var(--link), var(--primary));
  box-shadow: 0 0 0 0.2rem rgba(61, 101, 152, 0.25);
}
.btn-primary:active {
  background-color: #678f3a;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1), 0 0 0 0.2rem rgba(61, 101, 152, 0.25);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(61, 101, 152, 0.25);
}




/* Стили для кастомных подсказок */
.tooltip {pointer-events: none;}
.tooltip .arrow {position: absolute; opacity: 0; transition: opacity 0.15s ease-out;}
.tooltip.show .arrow {opacity: 1; transition: opacity 0.2s ease-out 0.1s;}
.tooltip-inner {max-width: 200px; padding: 0.2rem 0.5rem 0.3rem; color: #fff; font-size: 0.8rem; text-align: center; background: linear-gradient(135deg, var(--link-active) 0%, var(--link) 100%); border-radius: 5px; opacity: 0; transform: translateY(10px); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 4px 12px rgba(0,0,0,0.15);}
.tooltip.show .tooltip-inner {opacity: 1; transform: translateY(0); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
/* СТРЕЛКИ ДЛЯ РАЗНЫХ ПОЗИЦИЙ */
.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^="top"] .arrow {bottom: 0;}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #547aac;}
.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^="bottom"] .arrow {top: 0;}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #547aac;}
.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^="left"] .arrow {right: 0;}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #547aac;}
.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^="right"] .arrow {left: 0;}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #547aac;}

/* Calendar event */
.card.calendar-event {}
.card.calendar-event .event-info {display: flex;}
.card.calendar-event .event-info .date {background: var(--blue); padding: 0.2rem 0.5rem; color: var(--white); font-size: 1.2rem; line-height: 1.2rem; text-align: center;}
.card.calendar-event .event-info .title {padding: 0.2rem 0.5rem; font-size: 1.1rem; line-height: 1.1rem;}
.card.calendar-event .card-body .description .place {margin: 0 0 0.2rem 0;}

.event-alert-header {padding: 5px 0; font-size: 1rem; font-weight: 500; font-weight: bold;}
.calendar-event-alert {border: 1px solid #ebebeb; position: relative; margin: 0.5rem 0 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 0 0 0.3rem;}
.calendar-event-alert .event-alert-header {padding: 0.5rem 1rem; font-size: 0.88235rem; background: var(--soft-grey);}
.calendar-event-alert .event-alert-header p {margin: 5px 0 0 0;}
.calendar-event-alert .event-alert-header span {display: block; font-size: 1rem;}
.calendar-event-alert .event-alert-header .event-date {font-size: 0.8rem;}
.calendar-event-alert .event-alert-header .event-title {font-weight: bold;}
.calendar-event-alert .event-alert-body {padding: 0 1rem 0.5rem; background: var(--soft-grey);}

.calendar_widget {}
.calendar_widget .fc-daygrid-day-number {padding: 2px;}
.calendar_widget .fc-daygrid-day-events {margin-bottom: 2px !important;}
.fc td.fc-day-sat:not(.fc-day-today) .fc-daygrid-day-frame, .fc td.fc-day-sun:not(.fc-day-today) .fc-daygrid-day-frame {background-color: #fff8f8; border-color: #000;}
.calendar_widget .fc-toolbar.fc-header-toolbar {margin: 5px 0;}
.calendar_widget .fc-button {padding: 3px 3px; font-size: 1rem;}
.calendar_widget .fc-toolbar-title {font-size: 1.2rem; font-weight: bold;}
.calendar_widget .fc-view-harness {font-size: 0.88235rem}
.calendar_widget .fc-event-main-frame {font-size: 14px; font-weight: 300;}
.calendar_widget .fc-daygrid-block-event .fc-event-time {font-size: 13px; font-weight: 300;}
.calendar_widget .fc-toolbar.fc-header-toolbar {display: flex; flex-direction: column; justify-content: space-between;}
.calendar_widget .fc-header-toolbar .fc-toolbar-chunk:first-child {margin: 0 0 10px 0;}
.calendar_widget .fc-header-toolbar .fc-toolbar-chunk:not(:first-child) {width: 100%; display: flex; justify-content: space-between;}




.fc .fc-button .fc-icon {font-size: 1.2em;
    height: auto;
    width: auto;
    position: relative;
    top: -1px;}

.fc-header-toolbar.fc-toolbar {
    padding: 1rem 1.5rem;
    background: #ffffff;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 0;
	border-radius: 10px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
}

.fc-header-toolbar .fc-toolbar-title {
    color: #2d3748;
    font-size: 1.3rem;
    font-weight: 600;
}

.fc-header-toolbar .fc-button {
    background: transparent;
    border: 1px solid #e2e8f0;
    color: #4a5568;
    border-radius: 5px;
    padding: 3px 6px;
    font-weight: 500;
	font-size: 0.9rem;
    transition: all 0.2s ease;
}

.fc-header-toolbar .fc-button:hover {
    background: #f7fafc;
    border-color: #cbd5e0;
	color: #fff;
}

.fc-header-toolbar .fc-button-primary {
 background: linear-gradient(135deg, var(--primary), var(--link));
 color: #fff;
 border-color: #4173ac;
 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
 transition: all 0.2s ease;
}

.fc-header-toolbar .fc-button-primary:hover,
.fc-header-toolbar .fc-button-primary:focus {
 background: linear-gradient(135deg, var(--link), var(--primary));
 box-shadow: 0 0 0 0.2rem rgba(61, 101, 152, 0.25);
 border-color: #006aa2;
}

.fc-header-toolbar .fc-button-primary:active {
  background-color: #678f3a;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1), 0 0 0 0.2rem rgba(61, 101, 152, 0.25);
}
.fc-header-toolbar .fc-button-primary:not(:disabled):not(.disabled):active:focus, 
.fc-header-toolbar .fc-button-primary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(61, 101, 152, 0.25);
}

.fc .fc-button-primary.disabled, .fc .fc-button-primary:disabled {
	color: #959595; 
	background: transparent;
	background-color: transparent; 
	border-color: transparent; box-shadow: none; cursor: not-allowed;}

























/* 
.news-header {
            background: linear-gradient(135deg, var(--primary) 0%, var(--dark) 100%);
            color: white;
            padding: 4rem 0;
            margin-bottom: 3rem;
            position: relative;
            overflow: hidden;
        }
        
        .news-header::before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 150px;
            height: 150px;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="rgba(255,255,255,0.05)"><path d="M50 0L85 25V75L50 100L15 75V25L50 0Z"/></svg>');
            background-size: contain;
            opacity: 0.3;
        }
        
        .news-container {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .news-card {
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            margin-bottom: 2rem;
            transition: transform 0.3s, box-shadow 0.3s;
            border-left: 4px solid var(--secondary);
        }
        
        .news-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }
        
        .news-date {
            background: var(--secondary);
            color: white;
            padding: 0.8rem 1.2rem;
            display: inline-block;
            font-weight: 500;
            clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
            margin-right: 1rem;
        }
        
        .news-category {
            display: inline-block;
            background: var(--light);
            color: var(--dark);
            padding: 0.3rem 1rem;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 500;
            text-transform: uppercase;
        }
        
        .news-category.research {
            background: #e3f2fd;
            color: #1565c0;
        }
        
        .news-category.event {
            background: #e8f5e9;
            color: #2e7d32;
        }
        
        .news-category.award {
            background: #fff8e1;
            color: #ff8f00;
        }
        
        .news-img {
            height: 220px;
            object-fit: cover;
            width: 100%;
            border-bottom: 1px solid #eee;
        }
        
        .news-body {
            padding: 1.5rem;
        }
        
        .news-title {
            font-family: 'PT Serif', serif;
            font-size: 1.5rem;
            margin-bottom: 1rem;
            color: var(--primary);
        }
        
        .news-excerpt {
            color: #555;
            margin-bottom: 1.5rem;
        }
        
        .news-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-top: 1px dashed #eee;
            padding-top: 1rem;
            color: #777;
            font-size: 0.9rem;
        }
        
        .news-author {
            display: flex;
            align-items: center;
        }
        
        .author-avatar {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            margin-right: 0.5rem;
        }
        
        .pagination .page-item.active .page-link {
            background: var(--secondary);
            border-color: var(--secondary);
        }
        
        .pagination .page-link {
            color: var(--secondary);
        }
        
        .filter-btn.active {
            background: var(--secondary);
            color: white;
        }
        
        @media (max-width: 768px) {
            .news-header {
                padding: 2.5rem 0;
            }
            
            .news-title {
                font-size: 1.3rem;
            }
        } */