/* .shadow-drop-center-lg {
	-webkit-animation: shadow-drop-center-lg 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: shadow-drop-center-lg 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.shadow-drop-center {
	-webkit-animation: shadow-drop-center 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: shadow-drop-center 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.shadow-drop-center-fast {
	-webkit-animation: shadow-drop-center 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: shadow-drop-center 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.shadow-drop-center-fast-reverse {
	-webkit-animation: shadow-drop-center 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
	        animation: shadow-drop-center 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
}

@-webkit-keyframes shadow-drop-center-lg {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
            transform: translateZ(50px);
    -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
            box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  }
}
@keyframes shadow-drop-center-lg {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
            transform: translateZ(50px);
    -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
            box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  }
}

@-webkit-keyframes shadow-drop-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
            transform: translateZ(50px);
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15);
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15);
  }
}
@keyframes shadow-drop-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
            transform: translateZ(50px);
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15);
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15);
  }
} */

.vertical-slider {
  -webkit-appearance: slider-vertical; /* Для WebKit (Chrome, Safari) */
  width: 24px; /* Толщина ползунка */
  height: 100%; /* Полная высота контейнера */
  padding: 0 0px; /* Чтобы ползунок не обрезался */
}

/* Для Firefox */
.vertical-slider {
  writing-mode: bt-lr; /* Вертикальная ориентация */
  -webkit-appearance: slider-vertical;
  appearance: slider-vertical;
}

.vertical-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 24px;  /* Ширина ползунка */
  height: 24px; /* Высота ползунка */
  background: #4CAF50;
  border-radius: 50%; /* Круглый ползунок */
  border: 2px solid white; /* Обводка */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  margin-top: 1px;
  /* margin-left: -14px; Центрирование (подбирается индивидуально) */
}

/* Стиль ползунка для Firefox */
.vertical-slider::-moz-range-thumb {
  width: 24px;
  height: 24px;
  background: #4CAF50;
  border-radius: 50%;
  border: 2px solid white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.slider-value {
  position: absolute;
  left: -50%;
  transform: translateX(-50%);
  background: #4CAF50;
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s;
}

.vertical-slider:hover + .slider-value,
.vertical-slider:active + .slider-value {
  opacity: 1;
}

.border-status-change {
    animation: border-status-change 1s ease-in-out forwards;
}

@keyframes border-status-change {
  0% {
    border: 20px solid;
  }

  100% {
    border: 2px solid;
  }
}

.bg-purple {
    --bs-bg-opacity: 1;
    background-color: var(--bs-purple)!important;
}
.text-bg-purple {
    --bs-bg-opacity: 1;
    background-color: var(--bs-purple)!important;
}
.text-purple {
    --bs-text-opacity: 1;
    color: var(--bs-purple)!important;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: lightgrey;
    opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: lightgrey;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: lightgrey;
}

.fs-custom {
    font-size: 1rem;
}
@media screen and (max-width: 992px) {
    .fs-custom {
        font-size: small;
    }
}

.fs-small {
    font-size: small;
}

.text-mute {
    color: #d9d9d9;
}

.player-place-move-up {
    position: absolute;
    right: -.3rem;
    top: 0;
}
.player-place-move-down {
    position: absolute;
    right: -.3rem;
    bottom: 0;
}

.link-unstyled {
    text-decoration: inherit;
    color: inherit;
}

table.groupTable {
    border: 1px solid #A4A4A4;
    background-color: #EEEEEE;
    text-align: left;
    border-collapse: collapse;
}
table.groupTable td, table.groupTable th {
    padding: 3px 2px;
}
table.groupTable thead {
      border-bottom: 2px solid #909090;
}
table.groupTable thead th {
    font-weight: bold;
    text-align: center;
}


.file-upload input[type="file"]{ 
	display: none;/* скрываем input file */ 
} 

.file-form-wrap{
	width:260px; 
	margin:auto;
} 

.file-upload { 
	position: relative; 
	overflow: hidden; 
	width: 250px;
	height:50px;
	line-height:50px;
	background: #4169E1; 
	border-radius: 10px; 
	color: #fff; 
	text-align: center; 
} 

.file-upload:hover { 
	background: #1E90FF; 
} 
/* Растягиваем label на всю область блока .file-upload */ 
.file-upload label { 
	display: block; 
	position: absolute; 
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%; 
	cursor: pointer; 
} 
/* стиль текста на кнопке*/ 
.file-upload span { 
	font-weight:bold; 
}

.preview-img{ 
	max-width:100px; 
	max-height:100px; 
	margin:5px; 
}

.p {
    font-size: 0.9rem;
}
.p-text-0 {
    font-size: 0.9rem;
    margin-bottom: 0;
	margin-left: .3rem;
	margin-right: .3rem;
}

.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  opacity: .5;
}
.hr-text:before {
    content: '';
    background: linear-gradient(to right, transparent, #818078, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
  }
.hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: black;

    padding: 0 .5em;
    line-height: 1.5em;
    color: #818078;
    background-color: #fcfcfa;
  }
 input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
     margin: 0; 
}

.your-image{
 	background-image: url('/images/bg-02.jpg'); 
    background-repeat: no-repeat;
    background-size: cover;
}

.map-container-6{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-container-6 iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

.card {
font-weight: 300!important;
}

.card-header{
    background-color: #eee!important;
}

.chip {
    font-size: 20px;
    font-weight: 300px;
}

.chip.chip-md {
height: 42px;
line-height: 42px;
border-radius: 21px;
}
.chip.chip-md img {
height: 42px;
width: 42px;
}

.chip.chip-lg {
height: 82px;
line-height: 52px;
border-radius: 26px;
}
.chip.chip-lg img {
height: 62px;
width: 62px;
margin-left: 0px;
}

.rate-table { border-collapse: separate; border-spacing: 0 0.7rem; }
tr.rate-table, td:first-child.rate-table {width: 20px; font-weight: 700; font-size: 1.2rem; border-bottom: 0!important; border-top: 0!important;}
tr.rate-table, td.rate-table {border-bottom: 1px solid!important; border-top: 1px solid!important;}
tr.rate-table, td:nth-child(2).rate-table { border-top-left-radius: 31px; border-bottom-left-radius: 31px; }
tr.rate-table, td:last-child.rate-table { border-top-right-radius: 31px; border-bottom-right-radius: 31px; border-right: 1px solid;}

.form-my-control:disabled { color: rgba(0,0,0,.15);}

.set-bet{
    padding: 0;
    width: 22px;
    outline: none!important;
    border: 0;
}

.badge-award{
    position: absolute;
    bottom: 0px;
    right: 2px;
    font-size: 0.6rem;
}

.checkinline::before{
    top: 18px!important;
}

a {
    outline: none!important;
}

.read {
    color: #c4c7ca;
}

.unread {
    color: #000000;
}

.w-10 {
    width: 10%!important;
}

/*main {
    padding-top: 1rem!important;
}*/

@media (min-width: 576px) {  
  .card-columns {column-count: 1;}
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
  .card-columns {column-count: 2;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 .card-columns {column-count: 3;}
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
   .card-columns {column-count: 3;} 
}

@font-face { 
font-family: LaLiga; 
src: url("../font/LaLiga.ttf") format("truetype"); 
font-style: normal; 
font-weight: normal;
}