*{
	margin:0;
	padding:0
}

/* html{ */
	/* scrollbar-color: yellow blue; */
	/* scrollbar-color: #979797 #cecece; */
/* } */


body {
    color: #00487b;
	font:13px  Verdana,Arial,Helvetica;
	/* color: #ccc; */
    /* background: #191617; */
}

a{
    color: inherit;
	/* color: #00487b; */
    /* font-size: 11px; */
}

a:hover{
    text-decoration:none;
}

b {
	display: inline-block;
}

.bbox {
	margin: 10px auto 5px;
	max-width: 900px;
	padding: 0 0 10px;
	width: 100%;
	/* width:		900px; */
	margin:		10px auto 0px auto;
	/* border:		solid 0 #333; */
	border-radius:	8px;
	
	background-image: none !important;
	margin:	 10px auto 0px auto;
	/* border: solid 1px #333; */
	/* border-radius: 3px; */
	/* box-shadow:	0px 0px 4px 0px #090909; */
}

#nav {
	background:	#d0cfcf;
	overflow:	hidden;
	/* opacity:	0.85; */
	/* -ms-filter:	"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; */
	/* filter:		alpha(opacity=85); */
	border-radius: 8px 8px 0px 0px;
	padding: 5px 0px 0px 8px;
}

#nav ul {
	margin:		0px;
	/* padding:	2px 2px 0px 2px; */
	list-style:	none;
}

#nav ul li {
	float: left;
	margin: 2px 2px 0px 2px;
	padding: 0px;
}

#nav a, #nav a:link, #nav a:visited {
	height:15px;
	line-height:13px;
	font-size: 12px;
	float:	left;
	padding: 8px 12px;
	background:	#c5c5c5;
	border:	solid 1px #333;
	border-bottom: none;
	text-decoration: none;
	border-radius: 4px 4px 0px 0px;
}

#nav a.seleted {
	background:	#242424;
}

#nav a:hover {
	background:	#d9d9d9;
}

#nav .rtside {
    float: right;
}

#nav .rtside a{
    height: 15px;
}

#nav .inform input[type="text"]{
	margin: 3px;
	/* padding: 0px 2px 4px; */
	padding: 2px 2px 2px 4px;
	width: 110px;
	top: 2px;
	position: relative;
	/* vertical-align: 1px; */
}

#nav .inform input[type="text"]::placeholder{
	color: #a6a3a3;
	text-shadow: 1px 1px 2px #8a8a8a;
}

#nav .inform input[type="submit"]{
	padding: 0px 2px 4px;
	width: 30px;
	height: 22px;
	top: 0px;
	position: relative;
	/* vertical-align: 1px; */
}


#tags{
	padding: 5px 10px 0;
}

.filters{
	padding: 5px 10px 0;
	margin: 3px 0 10px;
}

.list_bulk_menu{
	width:100%;
	position: relative;
	display: inline-block;
}


.bigdrop{
	width:300px !important;	
}


#main_contetnt{
	padding:	5px;
	position:	relative;
}

input, textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px ridge #888;
    padding: 2px;
}

input:focus {
	border: 1px solid #a6a6a6;
	outline: none;
	/* border: 1px solid #a6a6a6; */
	/* outline: 1px dotted #939393; */
}

input[type=submit]{
	padding:0 2px 2px;
}
input[type=file]{
	margin: 3px 0 0;
}

input.b{
    background: #bfbfbf linear-gradient(to bottom, #c1c1c1 0%, #ffffff 100%) repeat scroll 0 0;
    border: 1px ridge #5f5f5f;
    border-radius: 3px;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 9px;
    margin: 3px 0;
	min-width: 60px
}

input[disabled]{
	color: #777;
	/* border: 12px solid aqua; */
}

.sec{
	width: 100%;
	margin:10px 0 0;
}


.sec input{
	border: 1px solid #777;
	height: 20px;
	margin: 0 10px 0 0;
	max-width: 500px;
	min-width: 0;
	width: 75%
}
.sec input[type=submit]{
	background: #eee none repeat scroll 0 0;
	border: 1px solid #aaa;
	height: 25px;
	width: 50px;
}


.acc{
	max-width:400px;
	width: 75%;
	margin:5px 5px 0 0;
	padding:2px 2px 3px;
	border: 1px solid #aaa;
	
}
.acc:focus{
	border: 1px solid #888;
}

option{
	width:300px;
	right: 50px
}

.pl_num{
	min-width: 30px;
	display: inline-block;
	text-align: left;
}

.m_menu a{
	font: bold 13px sans-serif;
}


.sub_list {
	margin: 15px auto 5px;
	max-width: 900px;
	padding: 0 0 15px;
	width: 100%;
}

.sub_menu{
	padding:0 0 10px;
	text-align:right;
}

.sub_list  .link{
	max-width: 750px;
	height: inherit;
}

.sub_list .sub_link{
    margin: 0 0 2px;
    padding: 0 5px 3px;
	background: #F5F5F5;
	min-height: 20px;

	width: 100%;
	display: inline-block;
}

.sub_link a {
  display: inline-block;
}

.sub_link:hover{
	background: #eee;
}


.bb_wrp{
	/* margin: 20px 0 0; */
	margin: 10px 7px 5px 2px;
}

.line{
	display: flex;
	position:relative;
	background: #f5f5f5;
	border-bottom: 1px solid #bbd;
	/* display: inline-block; */
	/* height: 60px; */
	min-height: 60px;
	margin: 1px 0 0;
	padding: 0 0 2px;
	/* width: 900px; */
	width: 100%;
	max-width: 900px;
    font-size: 13px;
	text-align: left;
}


@media screen and (min-width: 1520px){
	div#playlist {
		position: absolute;
		right: -305px;
		top: 5px;
		width: 308px;
		height: 650px;
		overflow-y: scroll;
		margin:0 -1px 0 0;
		/* padding:0 -1px 0 0; */
	}
  
	div#playlist .wrap{
		width: 290px;
		/* right: -293px; */
		/* margin:0 5px 0 0; */
		/* padding:0 -1px 0 0; */
	}

	div#playlist .line{
		/* margin:0 10px 0 0; */
		/* padding: 0 28px 0 0; */
	}
}


div#playlist .playing{
	background: #505050 none repeat scroll 0 0;
}


div#playlist .linx{
	padding: 0 5px 0 0;
}


.selectdd{
	/* border: #2196F3 1px solid; */
	/* box-shadow: 0 0 18px -5px #2196F3 inset; */
	box-shadow: 0 0 18px -5px #84c8ff inset
	/* box-shadow: 0 0 18px -5px #353535  inset; */
}

/*#sortable{*/
	/* font-size: 0; */
/*}*/

.bbedit .line{
	width:92%;
	max-width: 610px;
	min-height: 40px;
	display: flex;
}

.bbedit .linx{
	max-width: 420px;
}

.bbedit .vid_img{
	max-width: 55px;
}
.bbedit .menuz_plys{
	padding: 5px 0 0;
}

.edit{
	padding:0 0 2px 20px;
	
}
.vid_img {
	margin: 0 10px 0 0 ;
	float: left;
	position: relative;
	max-height: 63px;
	max-width: 465px;
	width: 100%;
	width:80px;
}

.vid_img  .time{
	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 1px;
    color: #fff;
    font: bold 11px arial;
    padding: 1px 3px;
    position: absolute;
    right: 2px;
}
.vid_img  .live{
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    border-radius: 3px;
    bottom: 2px;
    font: bold 11px arial;
    height: 14px;
    position: absolute;
    right: 5px;
    width: 14px;
}
.vid_img  .live_red{
    background: red none repeat scroll 0 0;
    border-radius: 2px;
    bottom: 5px;
    height: 5px;
    position: absolute;
    right: 4px;
    width: 5px;
}

.linx{
	/* float: left; */
	/*max-width: 650px;*/
	width: 100%;
	
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}


.linx div:nth-child(1){
	margin: 3px 0 0 0;
}

.linx div:nth-child(2){
	margin: 0 0 3px 0;
}

.link{
	display: inline-block;
	color: #555;
	font-weight: bold;
	text-align: left;
}


.link_chan{
	/* color:#4017c2; */
	color:#608EC6;
	font: bold 12px arial;
}

.seen_video{
	color: #aaa;
}


.vid-date{
	font:  12px arial;
}
.chanref{
	float: right;
	margin: 0 5px 0 0;
}

.title_line{
/*	border-bottom: 2px solid #333;*/
	margin: 0 0 20px;
}

.title_line a.title{
	text-decoration:none;
	font-weight: bold;
	font-size:  15px;
	margin: 0 0 0 15px
}

.menuz{
	width: 185px;
	float: right;
	text-align: center;
}

.menuz_plys{
	/* padding: 15px 0 0; */
	width: 105px;

	flex-shrink: 0;
	text-align: center;
}

.subsc_menu{
	float:right
}
.subsc_menu a {
    vertical-align: middle;
}

.menuz .container, .seen, .unseen, .im_delete, .im_edit, .add_video{
	margin:3px 8px 0 0;
	padding: 0;
	vertical-align: top;
	height: 18px;
	width: 18px;
	/*pointer: cursor;*/
	cursor: pointer;
}

.menuz .select2-container{
	margin: 5px 0 0;
}

.seen{
	cursor: pointer;
	background: #ddd url("../img/eye_allow.png") no-repeat scroll 1px 2px;
    display: inline-block;
	border: 1px solid #aaa;
}

.unseen{
	cursor: pointer;
	background: #ddd url("../img/eye_deny.png") no-repeat scroll 1px 2px;
    display: inline-block;

	border: 1px solid #aaa;
}

.im_delete {
    background: #ddd url("../img/bootonz.png") no-repeat scroll 1px -25px;

	border: 1px solid #aaa;
    content: " ";
    /* display: inline-table; */
	display: inline-block;
    text-decoration: none;
	/* vertical-align: top; */
}

.so_icon{
	cursor:pointer;
	margin: 0 5px;
	position: relative;
	vertical-align: middle;
	height:19px;
	width:19px;
	display:inline-block;
	/* border: 1px solid blue; */
}



.so_icon_in{
	/* margin: 3px 8px 0; */
	cursor:pointer;
	margin: 0 5px;
	position: relative;
	vertical-align: middle;
	height:19px;
	width:19px;
	display: inline-block;
	/* display: inline-table; */
}

.line .so_icon_in{
	margin:0; 
	/* vertical-align: bottom; */
	/* top: 3px; */
	height: 15px;
	width: 18px;
}

.line .so_yt:before{
	mask-size: 18px 18px;
    -webkit-mask-size: 18px 18px;
}

.so_icon_in:before{
    content: '';
    position: absolute;
	left: 0;
    width: 100%;
    height: 100%;
    color: inherit;
    background-color: currentColor;
    mask-position: center;
    mask-size: 20px 19px;
	mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    -webkit-mask-size: 20px 19px;
	-webkit-mask-repeat: no-repeat;
}

.scan2_on:before {
	mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%204v5h2V5h4V3H4a1%201%200%200%200-1%201zm18%205V4a1%201%200%200%200-1-1h-5v2h4v4h2zm-2%2010h-4v2h5a1%201%200%200%200%201-1v-5h-2v4zM9%2021v-2H5v-4H3v5a1%201%200%200%200%201%201h5zM2%2011h20v2H2z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%204v5h2V5h4V3H4a1%201%200%200%200-1%201zm18%205V4a1%201%200%200%200-1-1h-5v2h4v4h2zm-2%2010h-4v2h5a1%201%200%200%200%201-1v-5h-2v4zM9%2021v-2H5v-4H3v5a1%201%200%200%200%201%201h5zM2%2011h20v2H2z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

.scan2_off:before {
	mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%204v5h2V5h4V3H4a1%201%200%200%200-1%201zm18%205V4a1%201%200%200%200-1-1h-5v2h4v4h2zm-2%2010h-4v2h5a1%201%200%200%200%201-1v-5h-2v4zM9%2021v-2H5v-4H3v5a1%201%200%200%200%201%201h5zM2%2011h20v2H2z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23dd0000%22%20d%3D%22M%203.2423456%2C18.623076%2018.397193%2C3.3941944%20c%200.62238%2C-0.6254204%201.664569%2C-0.6687791%202.336749%2C-0.097218%200.672179%2C0.5715609%200.712271%2C1.5351953%200.08989%2C2.1606157%20L%205.6689856%2C20.686474%20C%205.0466062%2C21.311894%204.0044158%2C21.355253%203.332237%2C20.783692%202.6600574%2C20.212131%202.6199662%2C19.248496%203.2423456%2C18.623076%20Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%204v5h2V5h4V3H4a1%201%200%200%200-1%201zm18%205V4a1%201%200%200%200-1-1h-5v2h4v4h2zm-2%2010h-4v2h5a1%201%200%200%200%201-1v-5h-2v4zM9%2021v-2H5v-4H3v5a1%201%200%200%200%201%201h5zM2%2011h20v2H2z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23dd0000%22%20d%3D%22M%203.2423456%2C18.623076%2018.397193%2C3.3941944%20c%200.62238%2C-0.6254204%201.664569%2C-0.6687791%202.336749%2C-0.097218%200.672179%2C0.5715609%200.712271%2C1.5351953%200.08989%2C2.1606157%20L%205.6689856%2C20.686474%20C%205.0466062%2C21.311894%204.0044158%2C21.355253%203.332237%2C20.783692%202.6600574%2C20.212131%202.6199662%2C19.248496%203.2423456%2C18.623076%20Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}


.scan_on:before {
	mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%204v5h2V5h4V3H4a1%201%200%200%200-1%201zm18%205V4a1%201%200%200%200-1-1h-5v2h4v4h2zm-2%2010h-4v2h5a1%201%200%200%200%201-1v-5h-2v4zM9%2021v-2H5v-4H3v5a1%201%200%200%200%201%201h5zM2%2011h20v2H2z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%204v5h2V5h4V3H4a1%201%200%200%200-1%201zm18%205V4a1%201%200%200%200-1-1h-5v2h4v4h2zm-2%2010h-4v2h5a1%201%200%200%200%201-1v-5h-2v4zM9%2021v-2H5v-4H3v5a1%201%200%200%200%201%201h5zM2%2011h20v2H2z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}


.scan_off { 
	background-color: currentColor;
	height:19px;
	width:19px;
	display: inline-block;
	background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%204v5h2V5h4V3H4a1%201%200%200%200-1%201zm18%205V4a1%201%200%200%200-1-1h-5v2h4v4h2zm-2%2010h-4v2h5a1%201%200%200%200%201-1v-5h-2v4zM9%2021v-2H5v-4H3v5a1%201%200%200%200%201%201h5zM2%2011h20v2H2z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23dd0000%22%20d%3D%22M%203.2423456%2C18.623076%2018.397193%2C3.3941944%20c%200.62238%2C-0.6254204%201.664569%2C-0.6687791%202.336749%2C-0.097218%200.672179%2C0.5715609%200.712271%2C1.5351953%200.08989%2C2.1606157%20L%205.6689856%2C20.686474%20C%205.0466062%2C21.311894%204.0044158%2C21.355253%203.332237%2C20.783692%202.6600574%2C20.212131%202.6199662%2C19.248496%203.2423456%2C18.623076%20Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    /* -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%204v5h2V5h4V3H4a1%201%200%200%200-1%201zm18%205V4a1%201%200%200%200-1-1h-5v2h4v4h2zm-2%2010h-4v2h5a1%201%200%200%200%201-1v-5h-2v4zM9%2021v-2H5v-4H3v5a1%201%200%200%200%201%201h5zM2%2011h20v2H2z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23dd0000%22%20d%3D%22M%203.2423456%2C18.623076%2018.397193%2C3.3941944%20c%200.62238%2C-0.6254204%201.664569%2C-0.6687791%202.336749%2C-0.097218%200.672179%2C0.5715609%200.712271%2C1.5351953%200.08989%2C2.1606157%20L%205.6689856%2C20.686474%20C%205.0466062%2C21.311894%204.0044158%2C21.355253%203.332237%2C20.783692%202.6600574%2C20.212131%202.6199662%2C19.248496%203.2423456%2C18.623076%20Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); */
}

	
.add_video:before {
	mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="18" height="18" viewBox="0 0 23 23"%3E%3Cg fill="none" stroke="blue" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"%3E%3Cpath d="M13 21H3.6a.6.6 0 0 1-.6-.6V3.6a.6.6 0 0 1 .6-.6h16.8a.6.6 0 0 1 .6.6V13m-5 6h3m3 0h-3m0 0v-3m0 3v3"%2F%3E%3Cpath d="M9.898 8.513a.6.6 0 0 0-.898.52v5.933a.6.6 0 0 0 .898.521l5.19-2.966a.6.6 0 0 0 0-1.042l-5.19-2.966Z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="18" height="18" viewBox="0 0 23 23"%3E%3Cg fill="none" stroke="blue" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"%3E%3Cpath d="M13 21H3.6a.6.6 0 0 1-.6-.6V3.6a.6.6 0 0 1 .6-.6h16.8a.6.6 0 0 1 .6.6V13m-5 6h3m3 0h-3m0 0v-3m0 3v3"%2F%3E%3Cpath d="M9.898 8.513a.6.6 0 0 0-.898.52v5.933a.6.6 0 0 0 .898.521l5.19-2.966a.6.6 0 0 0 0-1.042l-5.19-2.966Z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

.so_feed:before {
	mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="-4 -4 24 24"%3E%3Cpath fill="currentColor" d="M1.996 15.97a1.996 1.996 0 1 1 0-3.992a1.996 1.996 0 0 1 0 3.992M1.12 7.977a.998.998 0 0 1-.247-1.98a8.103 8.103 0 0 1 9.108 8.04v.935a.998.998 0 1 1-1.996 0v-.934a6.108 6.108 0 0 0-6.865-6.06zM0 1.065A.998.998 0 0 1 .93.002C8.717-.517 15.448 5.374 15.967 13.16c.042.626.042 1.254 0 1.88a.998.998 0 1 1-1.992-.133c.036-.538.036-1.077 0-1.614C13.53 6.607 7.75 1.548 1.065 1.994A.998.998 0 0 1 0 1.064z"%2F%3E%3C%2Fsvg%3E');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="-4 -4 24 24"%3E%3Cpath fill="currentColor" d="M1.996 15.97a1.996 1.996 0 1 1 0-3.992a1.996 1.996 0 0 1 0 3.992M1.12 7.977a.998.998 0 0 1-.247-1.98a8.103 8.103 0 0 1 9.108 8.04v.935a.998.998 0 1 1-1.996 0v-.934a6.108 6.108 0 0 0-6.865-6.06zM0 1.065A.998.998 0 0 1 .93.002C8.717-.517 15.448 5.374 15.967 13.16c.042.626.042 1.254 0 1.88a.998.998 0 1 1-1.992-.133c.036-.538.036-1.077 0-1.614C13.53 6.607 7.75 1.548 1.065 1.994A.998.998 0 0 1 0 1.064z"%2F%3E%3C%2Fsvg%3E');
}

.so_yt:before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.15em' height='1em' viewBox='0 0 16 14'%3E%3Cpath fill='%23000' d='M8 1.5c-6.88 0-7 .62-7 5.5s.12 5.5 7 5.5s7-.62 7-5.5s-.12-5.5-7-5.5m2.24 5.74L7.1 8.74c-.28.13-.5-.02-.5-.33V5.59c0-.31.23-.46.5-.33l3.14 1.5c.28.13.28.35 0 .48'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.15em' height='1em' viewBox='0 0 16 14'%3E%3Cpath fill='%23000' d='M8 1.5c-6.88 0-7 .62-7 5.5s.12 5.5 7 5.5s7-.62 7-5.5s-.12-5.5-7-5.5m2.24 5.74L7.1 8.74c-.28.13-.5-.02-.5-.33V5.59c0-.31.23-.46.5-.33l3.14 1.5c.28.13.28.35 0 .48'/%3E%3C/svg%3E");
}

.so_scrp:before {
	mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M12 0C5.373 0 0 5.373 0 12c0 6.628 5.373 12 12 12c6.628 0 12-5.372 12-12c0-6.627-5.372-12-12-12m0 1.113c6.003 0 10.887 4.884 10.887 10.887S18.003 22.887 12 22.887S1.113 18.003 1.113 12S5.997 1.113 12 1.113m7.03 5.201c-.536-.002-1.28.304-2.255 1.098a536.576 536.576 0 0 1-3.814 3.045l1.025 1.3c4.694-2.558 6.19-3.167 6.116-4.294c-.042-.634-.384-1.146-1.073-1.149Zm-.507.752c.147 0 .266.106.266.239c0 .132-.119.238-.266.238c-.146 0-.265-.106-.265-.238c0-.171.162-.239.265-.239m-1.58 1.489c0 .131-.118.238-.265.238c-.147 0-.264-.107-.264-.238c0-.128.11-.234.24-.24c.13-.006.29.077.29.24zm-2.109 1.01c.147 0 .266.106.266.238s-.12.238-.266.238c-.146 0-.266-.106-.266-.238c0-.148.139-.239.266-.239zm-2.445.972c-1.502.225-5.807.992-8.01 2.672l3.574 5.387s4.706-2.932 5.863-6.244z"%2F%3E%3C%2Fsvg%3E');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M12 0C5.373 0 0 5.373 0 12c0 6.628 5.373 12 12 12c6.628 0 12-5.372 12-12c0-6.627-5.372-12-12-12m0 1.113c6.003 0 10.887 4.884 10.887 10.887S18.003 22.887 12 22.887S1.113 18.003 1.113 12S5.997 1.113 12 1.113m7.03 5.201c-.536-.002-1.28.304-2.255 1.098a536.576 536.576 0 0 1-3.814 3.045l1.025 1.3c4.694-2.558 6.19-3.167 6.116-4.294c-.042-.634-.384-1.146-1.073-1.149Zm-.507.752c.147 0 .266.106.266.239c0 .132-.119.238-.266.238c-.146 0-.265-.106-.265-.238c0-.171.162-.239.265-.239m-1.58 1.489c0 .131-.118.238-.265.238c-.147 0-.264-.107-.264-.238c0-.128.11-.234.24-.24c.13-.006.29.077.29.24zm-2.109 1.01c.147 0 .266.106.266.238s-.12.238-.266.238c-.146 0-.266-.106-.266-.238c0-.148.139-.239.266-.239zm-2.445.972c-1.502.225-5.807.992-8.01 2.672l3.574 5.387s4.706-2.932 5.863-6.244z"%2F%3E%3C%2Fsvg%3E');
} 
.so_play_pl:before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 10h11v2H3zm0-4h11v2H3zm0 8h7v2H3zm13-1v8l6-4z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 10h11v2H3zm0-4h11v2H3zm0 8h7v2H3zm13-1v8l6-4z'/%3E%3C/svg%3E");
} 
/* https://icon-sets.iconify.design/simple-icons/scrapy/ */

/* https://yoksel.github.io/url-encoder/ */
/* https://icon-sets.iconify.design/foundation/widget/ */
/* https://icon-sets.iconify.design/ic/round-rss-feed/ */



.im_edit{
    background: #ddd url("../img/bootonz.png") no-repeat scroll 0 -43px;

	border: 1px solid #aaa;
    content: " ";
	display:inline-block;
    text-decoration: none;
	vertical-align: top;
}

.button_bot, .button_top, .button_rem{
	background: #EDEDED ;
}

.button_bot:hover, .button_top:hover, .button_rem:hover{
	background: #fcfcfc;
}


#frm {
	/* Make it resizable */
	/* @note: Does not work in MobileSafari: https://caniuse.com/#feat=css-resize */
	resize: both;
	overflow: auto;
	
	/* To allow children to stretch */
	/*display: flex;*/
}

#frm > * {
	/*flex: 1;*/
}


.stat{ 
	display: inline-block;
    width: 75px;
}
.pages{
   text-align:center;
}

.pages a{
   font-weight:bold;
}

.inp_top{
	max-width:655px;
	width:98%;
	background:#eee;
	margin: 55px auto 0;
	border-color:#aaa #aaa #bbb #aaa;
	border-style:solid;
	border-width:1px;
}
.inp_top td{
	padding:2px;
	font-size:13px
}
.inp_top th{
	height: 23px;
	font-size:14px
}


/*------------------------------ CHECK_BOX ------------------------------- */

/* The container */
.container {
	display: inline-block;
	position: relative;
    margin: 5px 15px 0 0;
    padding: 0 0 0 25px;
	
	cursor: pointer;
	font-size: 17px;
    line-height: 20px;
	-webkit-user-select: none;
	
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-bottom: 1px solid #ccc;

}

/* Hide the browser's default checkbox */
.container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;

	/* position: relative; */
	/* margin: 0px 48px; */
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  /* width: 100%; */
  background-color: #eee;
  border: 1px solid #aaa;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
	height: 7px;
    left: 6px;
    top: 3px;
	width: 3px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.bigdrop{
	width:300px !important;	
	margin: 0  0 0 -30px !important;
}

.in_playl{
	background: #ebe5eb none repeat scroll 0 0;
    border: 1px solid #939393;
    display: inline-block;
    font: 12px arial;
    padding: 2px 5px;
	border-radius: 5px;	
}

.in_playl a{
	cursor:pointer;
}

.play_abaut{
	display: flex;
    justify-content: space-between;
	flex-flow: row;
	margin: 5px 0 0;
}
  
.listed_in a{
	cursor: pointer;
	text-decoration: underline;
}
.listed_in a:hover{
	cursor: pointer;
	text-decoration: none;
}

.select2-container{
	margin: 0px 0px 5px;
}