/*body:not(.has-sidebar-right) .site-grid .container-component {
  grid-column-end: main-end;
}
/*если нужно что бы основной текст новостей и материалов был по ширине + правый сайд-бар - тогда расскоментить*/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");

@media (width >= 1200px){
@supports (display: grid) {
  @media (min-width: 992px) {
    .site-grid {
      grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0, 15.875rem) minmax(0, 23.875rem) minmax(0, 23.875rem) minmax(0, 15.875rem) [main-end] minmax(0,1fr) [full-end]
    }
  }
}
  
.nav.nav-tabs {
  background-color:#E0FFFF;
}
.nav.nav-tabs .nav-link.active  {
  background-color:#4682B4;
}  
  
.tablecentered {  

   display: flex;
    justify-content: center;
  
}
  
.container-below-top {
    justify-content: flex-end;
}  
  
.page-header h2 {
    font-size: 1.25rem;
}}

#mod-custom120 {
  margin-left: auto;
  margin-right: 9.4em;
}

table {
border-collapse: collapse;
}

table td, table th {
  border: 1px solid #000;  
}

@media (width >= 575.98px){
.mysidebar a, .mysidebar span {
  font-size: 14px; 
  color: #003366; 
  text-shadow: 1px 1px 1px #FFFFFF;
}
.mysidebar ul {
  border: 1px solid black;
  border-radius: 10px;
  box-shadow: 0 0 7px 3px #1E90FF;
  padding: 10px;  
}
  
li ul {
 position: absolute; /* Подменю позиционируются абсолютно */
 /*display: none; /* Скрываем подменю */ 
 margin-left: 220px; /* Сдвигаем подменю вправо */
 margin-top: -3em; /* Сдвигаем подменю вверх */   
 background: linear-gradient(60deg, #E6E6FA, #FFFFE0);  
 opacity:0; /*Элемент полностью прозрачный (невидимый)*/
 transition: 0.2s; /*Скорость перехода состояния элемента*/  
 pointer-events: none; 
} 
  
 li:hover ul {
  opacity:1;
  transition: 0.8s;
  z-index:100;
  pointer-events: auto;
  min-width: 250px;
  max-width: 300px;
  }
  
.parent::after {   
  content:"▼";  
  font-size: 10px;
  color: #1E90FF;    
  }

li.nav-item:hover {
  background-color: #B0E0E6; /* Цвет фона активного пункта */  
}

li.nav-item a:hover {
  text-decoration: none;  
}

li.nav-item {
  border-bottom: 1px solid #00BFFF;
} 
}

/*li:hover ul {
  /* При выделении пункта курсором мыши отображается подменю */
  /*display: block;  
  z-index:2;
}*/

.parent li {
  
  border-bottom: 1px solid #00BFFF;  
}

.brand-logo {
   text-decoration: none;
}

.mywrap p {
  display: table-cell;  
  width: auto;
  height:160px;    
}

.mywrap {
  display: table;   
}

.float-none1 {
  z-index:2;
  cursor: pointer;
  transition: 0.2s linear;  
}

.float-none1:hover {
   transform: scale(1.4); 
}

.nav-item a {
  display:block;
}

.btn-primary {
  background: linear-gradient(70deg, #4682B4, #224faa); 
   opacity:0.8; 
}

.btn-primary:hover {
   opacity:1; 
}

a.btn-primary  {  
  color: #FFFFFF;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
  font-size: 18px;
}

.h-100 {
  border:none;
}

.accordion-button {
  background-color:#E6E6FA;
  border: 1px solid #000;
  color: #006400;
}

.accordion-button:not(.collapsed)
{
  background-color:#87CEEB;
   color: #006400;
}

.accordion-button:hover {
  background-color:#87CEEB;
}

.list-group-item {
  background-color:#F0FFFF;
}
p.card-text {
  font-size:14px;
}

#gt-wrapper-111 {
   margin-left: auto;
   margin-right: 0;
   margin-top: 2%;
}

@media (width <= 575.98px){
  #gt-wrapper-111 {
     margin-top: 12%;     
}}



#gt-wrapper-111 span{
  color: white;
}
.page-header h1 {
  font-size: 20px;
  color:#4169E1;
}
.page-header h2 {
  font-size: 18px;
  color:#00008B;
}

.newsflash h5 {
  
  font-size: 18px;
  color:#00008B;
}

.left {
  img {
    width: 150px;
    height: 150px;
  }
}

.carousel-control-prev-icon, .carousel-control-next-icon {
  width: 5rem;
  height: 5rem;
}

@keyframes bounce {
	0%, 20%, 60%, 100% {
		transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		transform: translateY(-20px);
		transform: translateY(-20px);
	}

	80% {
		transform: translateY(-10px);
		transform: translateY(-10px);
	}
}
.cardsidebar {
  width: max-content; 
  margin-left: auto;
  margin-right: auto;
}
.cardsidebar:hover { 
	animation: bounce 1s;
}

.mb-3 {
  margin-left: auto;
  margin-right: auto;
}
.myAdministration {
  position:absolute;
  width:100%;
  top:50%;
  text-align:center;
  font-size:13px;
}

.myDate {
  font-size:0.8em;
}

.camera_amber_skin {
  margin-left: auto;
  margin-right: auto;  
}

.mod-list li {
  font-size:14px;
}

.card-header {
  color:#003366;
}


@-webkit-keyframes scroll {
 0% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
 }
 100% {
 -webkit-transform: translate(-100%, 0);
 transform: translate(-100%, 0)
 }
}

@keyframes scroll {
 0% {
 transform: translate(0, 0);
 }
 100% {
 transform: translate(-100%, 0)
 }
}

.marquee {
 max-width: 100%;
 white-space: nowrap;
 overflow: hidden;
}

.marquee * {
 display: inline-block;
 padding-left: 100%;
 -webkit-animation: scroll 21s infinite linear;
 animation: scroll 21s infinite linear;
}
.marquee *:hover {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}

.toast {
  max-width: 750px;
    /* If max-width does not work, try using width instead */
    width: 750px;   
}

.mod-finder__search.input-group {
  width: 80%;
}

.container-search {
  margin-left: auto;
  margin-right: -5%;  
}