/* Start:/local/templates/.default/components/bitrix/news/program-schedule-mpe/bitrix/news.list/.default/style.css?178333341710983*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

.mpe-tabs {
        display: flex;
        flex-direction: row;
        gap: 20px;
        margin: 20px 0;
      }

      .mpe-tabs div {
        padding: 10px 20px;
      }

      .mpe-tabs-active {
        border: 1px solid blue;
        background-color: aqua;
      }

      .mpe-tabs-inactive {
        border: 1px solid grey;
        background-color: silver;
      }

      .mpe-program-grid-container {
        max-width: 99%;
        margin: 0 auto;
        display: grid;
        grid-gap: 3px;
        /*grid-template-columns: 1fr repeat(4, 3fr);*/
		grid-template-columns: 1fr repeat(2, 4fr);
        /*grid-template-rows: 1fr repeat(32, 3fr);*/
		grid-auto-rows: min-content;
        grid-template-areas:
        "time      megapolis  mitarena"
        "time-1000 event     event"
        "time-1005 event     event"
        "time-1010 event     event"
        "time-1015 event     event"
        "time-1020 event     event"
        "time-1025 event     event"
        "time-1030 event     event"
        "time-1035 event     event"
        "time-1040 event     event"
        "time-1045 event     event"
        "time-1050 event     event"
        "time-1055 event     event"
        "time-1100 event     event"
        "time-1105 event     event"
        "time-1110 event     event"
        "time-1115 event     event"
        "time-1120 event     event"
        "time-1125 event     event"
        "time-1130 event     event"
        "time-1135 event     event"
        "time-1140 event     event"
        "time-1145 event     event"
        "time-1150 event     event"
        "time-1155 event     event"
        "time-1200 event     event"
        "time-1205 event     event"
        "time-1210 event     event"
        "time-1215 event     event"
        "time-1220 event     event"
        "time-1225 event     event"
        "time-1230 event     event"
        "time-1235 event     event"
        "time-1240 event     event"
        "time-1245 event     event"
        "time-1250 event     event"
        "time-1255 event     event"
        "time-1300 event     event"
        "time-1305 event     event"
        "time-1310 event     event"
        "time-1315 event     event"
        "time-1320 event     event"
        "time-1325 event     event"
        "time-1330 event     event"
        "time-1335 event     event"
        "time-1340 event     event"
        "time-1345 event     event"
        "time-1350 event     event"
        "time-1355 event     event"
        "time-1400 event     event"
        "time-1405 event     event"
        "time-1410 event     event"
        "time-1415 event     event"
        "time-1420 event     event"
        "time-1425 event     event"
        "time-1430 event     event"
        "time-1435 event     event"
        "time-1440 event     event"
        "time-1445 event     event"
        "time-1450 event     event"
        "time-1455 event     event"
        "time-1500 event     event"
        "time-1505 event     event"
        "time-1510 event     event"
        "time-1515 event     event"
        "time-1520 event     event"
        "time-1525 event     event"
        "time-1530 event     event"
        "time-1535 event     event"
        "time-1540 event     event"
        "time-1545 event     event"
        "time-1550 event     event"
        "time-1555 event     event"
        "time-1600 event     event"
        "time-1605 event     event"
        "time-1610 event     event"
        "time-1615 event     event"
        "time-1620 event     event"
        "time-1625 event     event"
        "time-1630 event     event"
        "time-1635 event     event"
        "time-1640 event     event"
        "time-1645 event     event"
        "time-1650 event     event"
        "time-1655 event     event"
        "time-1700 event     event"
        "time-1705 event     event"
        "time-1710 event     event"
        "time-1715 event     event"
        "time-1720 event     event"
        "time-1725 event     event"
        "time-1730 event     event"
        "time-1735 event     event"
        "time-1740 event     event"
        "time-1745 event     event"
        "time-1750 event     event"
        "time-1755 event     event"
        "time-1800 event     event";
      }


      .grid-header {
        font-weight: 400;
        text-align: center;
        background-color: #005097;
		color: #fff;
		padding: 20px 5px 2px 5px;
        grid-row: 1;
      }

		.time-1000 {
		  grid-area: time-1000;
		}
		.time-1005 {
		  grid-area: time-1005;
		}
		.time-1010 {
		  grid-area: time-1010;
		}
		.time-1015 {
		  grid-area: time-1015;
		}
		.time-1020 {
		  grid-area: time-1020;
		}
		.time-1025 {
		  grid-area: time-1025;
		}
		.time-1030 {
		  grid-area: time-1030;
		}
		.time-1035 {
		  grid-area: time-1035;
		}
		.time-1040 {
		  grid-area: time-1040;
		}
		.time-1045 {
		  grid-area: time-1045;
		}
		.time-1050 {
		  grid-area: time-1050;
		}
		.time-1055 {
		  grid-area: time-1055;
		}
		.time-1100 {
		  grid-area: time-1100;
		}
		.time-1105 {
		  grid-area: time-1105;
		}
		.time-1110 {
		  grid-area: time-1110;
		}
		.time-1115 {
		  grid-area: time-1115;
		}
		.time-1120 {
		  grid-area: time-1120;
		}
		.time-1125 {
		  grid-area: time-1125;
		}
		.time-1130 {
		  grid-area: time-1130;
		}
		.time-1135 {
		  grid-area: time-1135;
		}
		.time-1140 {
		  grid-area: time-1140;
		}
		.time-1145 {
		  grid-area: time-1145;
		}
		.time-1150 {
		  grid-area: time-1150;
		}
		.time-1155 {
		  grid-area: time-1155;
		}
		.time-1200 {
		  grid-area: time-1200;
		}
		.time-1205 {
		  grid-area: time-1205;
		}
		.time-1210 {
		  grid-area: time-1210;
		}
		.time-1215 {
		  grid-area: time-1215;
		}
		.time-1220 {
		  grid-area: time-1220;
		}
		.time-1225 {
		  grid-area: time-1225;
		}
		.time-1230 {
		  grid-area: time-1230;
		}
		.time-1235 {
		  grid-area: time-1235;
		}
		.time-1240 {
		  grid-area: time-1240;
		}
		.time-1245 {
		  grid-area: time-1245;
		}
		.time-1250 {
		  grid-area: time-1250;
		}
		.time-1255 {
		  grid-area: time-1255;
		}
		.time-1300 {
		  grid-area: time-1300;
		}
		.time-1305 {
		  grid-area: time-1305;
		}
		.time-1310 {
		  grid-area: time-1310;
		}
		.time-1315 {
		  grid-area: time-1315;
		}
		.time-1320 {
		  grid-area: time-1320;
		}
		.time-1325 {
		  grid-area: time-1325;
		}
		.time-1330 {
		  grid-area: time-1330;
		}
		.time-1335 {
		  grid-area: time-1335;
		}
		.time-1340 {
		  grid-area: time-1340;
		}
		.time-1345 {
		  grid-area: time-1345;
		}
		.time-1350 {
		  grid-area: time-1350;
		}
		.time-1355 {
		  grid-area: time-1355;
		}
		.time-1400 {
		  grid-area: time-1400;
		}
		.time-1405 {
		  grid-area: time-1405;
		}
		.time-1410 {
		  grid-area: time-1410;
		}
		.time-1415 {
		  grid-area: time-1415;
		}
		.time-1420 {
		  grid-area: time-1420;
		}
		.time-1425 {
		  grid-area: time-1425;
		}
		.time-1430 {
		  grid-area: time-1430;
		}
		.time-1435 {
		  grid-area: time-1435;
		}
		.time-1440 {
		  grid-area: time-1440;
		}
		.time-1445 {
		  grid-area: time-1445;
		}
		.time-1450 {
		  grid-area: time-1450;
		}
		.time-1455 {
		  grid-area: time-1455;
		}
		.time-1500 {
		  grid-area: time-1500;
		}
		.time-1505 {
		  grid-area: time-1505;
		}
		.time-1510 {
		  grid-area: time-1510;
		}
		.time-1515 {
		  grid-area: time-1515;
		}
		.time-1520 {
		  grid-area: time-1520;
		}
		.time-1525 {
		  grid-area: time-1525;
		}
		.time-1530 {
		  grid-area: time-1530;
		}
		.time-1535 {
		  grid-area: time-1535;
		}
		.time-1540 {
		  grid-area: time-1540;
		}
		.time-1545 {
		  grid-area: time-1545;
		}
		.time-1550 {
		  grid-area: time-1550;
		}
		.time-1555 {
		  grid-area: time-1555;
		}
		.time-1600 {
		  grid-area: time-1600;
		}
		.time-1605 {
		  grid-area: time-1605;
		}
		.time-1610 {
		  grid-area: time-1610;
		}
		.time-1615 {
		  grid-area: time-1615;
		}
		.time-1620 {
		  grid-area: time-1620;
		}
		.time-1625 {
		  grid-area: time-1625;
		}
		.time-1630 {
		  grid-area: time-1630;
		}
		.time-1635 {
		  grid-area: time-1635;
		}
		.time-1640 {
		  grid-area: time-1640;
		}
		.time-1645 {
		  grid-area: time-1645;
		}
		.time-1650 {
		  grid-area: time-1650;
		}
		.time-1655 {
		  grid-area: time-1655;
		}
		.time-1700 {
		  grid-area: time-1700;
		}
		.time-1705 {
		  grid-area: time-1705;
		}
		.time-1710 {
		  grid-area: time-1710;
		}
		.time-1715 {
		  grid-area: time-1715;
		}
		.time-1720 {
		  grid-area: time-1720;
		}
		.time-1725 {
		  grid-area: time-1725;
		}
		.time-1730 {
		  grid-area: time-1730;
		}
		.time-1735 {
		  grid-area: time-1735;
		}
		.time-1740 {
		  grid-area: time-1740;
		}
		.time-1745 {
		  grid-area: time-1745;
		}
		.time-1750 {
		  grid-area: time-1750;
		}
		.time-1755 {
		  grid-area: time-1755;
		}
		.time-1800 {
		  grid-area: time-1800;
		}


      .grid-time {
        text-align: left;
        z-index: 1;
        grid-column-start: 1;
        grid-column-end: 6;
		padding: 10px 0 0 20px;
      }

      .grid-time:nth-child(odd) {
        background-color: #fdfdff;
      }

      .grid-time:nth-child(even) {
        background-color: #EBEBEC;
      }

      .mpe-event {
        background: rgba(255, 255, 255, 0.80);
        z-index: 2;
        margin: 2px;
        box-shadow: 0px 0px 40px rgba(0, 80, 151, 0.4);
        border-radius: 0px 0px 5px 5px;
        border-top: 3px solid rgba(0, 80, 151, 1);
        padding: 15px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-content: flex-start;
		font-size: 14px;
      }

.mpe-program-grid-container a {text-decoration: none; display: block; height: 100%;}

      .mpe-event:hover {
        border-top: 3px solid #C21F83;

        background: #fff;
        z-index: 3;
      }

      .temp {
        font-style: italic;
        color: grey;
      }

      .bigtext {
        font-size: 1.1rem;
        font-weight: bold;
      }

      .time {
        font-size: 0.9rem;
        font-weight: 100;
        margin-bottom: 10px;
		background-color: #F5F5F5;
		border-radius: 3px;

      }
.event_type {
font-size: 0.8rem;
color: #444748;
font-weight: 100;
text-transform: uppercase;
background-color: #F5F5F5;
border-radius: 3px;
margin-top: 10px;
padding: 3px;
}
      .time::before {
        content: "🕝 ";
      }
      .arrow {text-align: right; margin-bottom: -2px;}

      .todo {
        width: 80%;
        margin: 20px auto;
        padding: 20px;
        border: 1px dashed salmon;
      }
.mpe-program-day-btn {
    display: inline-block;
    padding: 10px 15px;
    margin: 5px;
    cursor: pointer;
    border: 1px solid #ccc;
	font-family: 'Rubik';
}
.active {
		background-color: #41B9C0;
		color: white;
	}
.inactive {
		background-color: #f5f5f5;
		color: black;
	}

.mpe-program-day-btn:hover {
	background-color: #C21F83;
}
/* End */
/* /local/templates/.default/components/bitrix/news/program-schedule-mpe/bitrix/news.list/.default/style.css?178333341710983 */