body,td {
    color: #000000;
	font-family: "Segoe Ui Light", "Segoe Ui", Calibri, Tahoma;
    font-size: 14px;
    font-style: bold;
    text-decoration: none;
	vertical-align:top;
	text-align: justify;
    background-color: rgba(0, 0, 0, 0.0);
}
a,a:visited {
    color: #ffffff;
}
h2 {
    font:20px "Segoe Ui Light", "Segoe Ui", Calibri, Tahoma;
    margin-top:-7px;
    color:#666;
	text-align: right;
}
p {
    font:24px "Segoe Ui Light", "Segoe Ui", Calibri, Tahoma;
    font-weight:bold;
    color:#000;

}


.playlist-content-100 {
    display: block;
    float: left;
    height: 170px;
    margin: 0 5px 5px 0;
    opacity: 1;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    width: 166px;
	background-size: cover;
}

.playlist-name-100 {
    bottom: 0;
    color: white;
    display: block;
    font-size: 14px;
    padding: 3px 8px;
    position: absolute;
    width: 100%;
    border: medium none;
    margin: 0;
    outline: medium none;
    font-family: Segoe Ui Light", "Segoe Ui", Calibri, Tahoma;
    background-color: rgba(0, 0, 0, 0.0)
}
.playlist-content-101 {
    display: block;
    float: left;
    height: 170px;
    margin: 0 5px 5px 0;
    opacity: 1;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    width: 166px;
	background-size: cover;
}

.playlist-name-101 {
    bottom: 0;
    color: white;
    display: block;
    font-size: 14px;
    padding: 3px 8px;
    position: absolute;
    width: 100%;
    border: medium none;
    margin: 0;
    outline: medium none;
    font-family: Segoe Ui Light", "Segoe Ui", Calibri, Tahoma;
    background-color: rgba(0, 0, 0, 0.0)

}
.playlist-content-200 {
    display: block;
    float: left;
    height: 186px;
    margin: 0 5px 5px 0;
    opacity: 1;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    width: 166px;
	background-size: cover;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}

.playlist-name-200 {
    bottom: 0;
    color: white;
    display: block;
    font-size: 16px;
    padding: 3px 8px;
    position: absolute;
    width: 100%;
	border: medium none;
    margin: 0;
    outline: medium none;
	font-family: Segoe Ui Light", "Segoe Ui", Calibri, Tahoma;
}
.playlist-content-201 {
    display: block;
    float: left;
    height: 186px;
    margin: 0 5px 5px 0;
    opacity: 1;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    width: 166px;
	background-size: cover;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}

.playlist-name-201 {
    bottom: 0;
    color: white;
    display: block;
    font-size: 20px;
    padding: 3px 8px;
    position: absolute;
    width: 100%;
	border: medium none;
    margin: 0;
    outline: medium none;
	font-family: Segoe Ui Light", "Segoe Ui", Calibri, Tahoma;
}

.playlist-content-mobile {
    height: 48vw;
    width: 48vw;
}

.track-podcast {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	max-width: 90%;
	font-family: Segoe Ui Light", "Segoe Ui", Calibri, Tahoma;
	margin-top: 4px;
	text-decoration:none
}
a {	text-decoration:none}


.track-name {
	color: #000;
	font-size: 20px;
	max-width: 90%;
	font-family: Segoe Ui Light", "Segoe Ui", Calibri, Tahoma;
    text-decoration:none;
	margin-top: 4px;

}
.tables {
    border-bottom:1px dashed #acacac;
	white-space: nowrap; /* Отменяем перенос текста */
	overflow: hidden; /* Обрезаем содержимое */
	padding: 5px; /* Поля */
	text-overflow: ellipsis; /* Многоточие */
	position: relative;
	width:100%;

	height:40px;
	color: #fff; 
	text-decoration: none; 
	display: block;
	float:left;
	margin-right:10px;
}

.tables_mobile {
    border-bottom:1px dashed #acacac;
	overflow: hidden; /* Обрезаем содержимое */
	padding: 5px; /* Поля */
	text-overflow: ellipsis; /* Многоточие */
	position: relative;
	width:100%;

	color: #fff; 
	text-decoration: none; 
	display: block;
	float:left;
	margin-right:10px;
}

.tables:hover {
	background:#e0e0e0;
}
   .leftimg {
    float:left; /* Выравнивание по левому краю */
    width:200px;
    margin-right: 10px;
	box-shadow: 2px 2px 0px rgba(0,0,0,0.2);

	
   }
 .play-logo {
    float:left; /* Выравнивание по левому краю */
    width:40px;
    height:40px;
    margin-right: 10px;
    filter: alpha(Opacity=50);
    opacity: 0.5; 
   }
 .play-logo:hover {
    filter: alpha(Opacity=90);
    opacity: 0.9; 
   }
 .pl-dl {
    float:left; /* Выравнивание по левому краю */
    width:40px;
    height:40px;
    margin-right: 10px;
    filter: alpha(Opacity=50);
    opacity: 0.5; 
   }
.vkimg {
        margin-left: 2px;
        background-size: cover;
        background-image: url('/img/vk-pl.png');
        width:14px;
        height:14px;
        display: inline-block;
}
.flex-container {
  width: 100%;
  height: 50px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin: 0 -5px;
  padding-left: 8px;
}
.flex-container:hover {
        background:#e3e3e3;
}

.lcol {

  height: 40px;
    flex-basis: 50px;
  margin: 0 5px;
}
.textcol {

  height: 30px;
  flex-grow: 1;
white-space: nowrap; /* Отменяем перенос текста */
overflow: hidden; /* Обрезаем содержимое */
padding: 5px; /* Поля */
text-overflow: ellipsis; /* Многоточие */
        font-size: 20px;
        font-weight: bold;
        color: #000;
        max-width: 90%;
        font-family: Segoe Ui Light", "Segoe Ui", Calibri, Tahoma;
        text-decoration:none
}

.rcol-dl {
  height: 40px;
    flex-basis: 50px;
  margin: 0 5px;
}
.rcol-pl {
  height: 40px;
    flex-basis: 50px;
  margin: 0 5px;
}
.hr-dashed {
        margin: 0px 0;
        padding: 0;
        height: 0;
        border: none;
        border-top: 1px dashed #444444;
}