.collage-container {
    display: grid;
    gap: 2px;
    overflow: hidden;
}

.collage-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Для контейнера с 2 фото - первое фото занимает 2 строки */
.collage-container:has(> :nth-child(2):last-child) {
    grid-template-rows: repeat(2, 1fr);
}

.collage-container:has(> :nth-child(2):last-child) .collage-img:first-child {
    grid-row: span 2;
}


.text-vkusi{
    color: #810081;
}
.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;
}