body { background-color:#000; }
.navbar {background-color: #000 !important;}
.footer {background-color: #000 !important;}
.card {background-color: #333 !important;}
a { color:#ccc !important }

.ck-editor__editable { background-color: #000 !important; }

	.em1 { width:1em !important; }
	.em2 { width:2em !important; }
	.em3 { width:3em !important; }
	.em4 { width:4em !important; }
	.em5 { width:5em !important; }
	.em6 { width:6em !important; }
	.em7 { width:7em !important; }
	.em8 { width:8em !important; }
	.em9 { width:9em !important; }
	.em10 { width:10em !important; }
	.em11 { width:11em !important; }
	.em12 { width:12em !important; }
	.em13 { width:13em !important; }
	.em14 { width:14em !important; }
	.em15 { width:15em !important; }
	.em16 { width:16em !important; }
	.em17 { width:17em !important; }
	.em18 { width:18em !important; }
	.em19 { width:19em !important; }
	.em20 { width:20em !important; }
	.em21 { width:21em !important; }
	.em22 { width:22em !important; }
	.em23 { width:23em !important; }
	.em24 { width:24em !important; }
	.em25 { width:25em !important; }
	.em26 { width:26em !important; }
	.em27 { width:27em !important; }
	.em28 { width:28em !important; }
	.em29 { width:29em !important; }
	.em30 { width:30em !important; }
	.em31 { width:31em !important; }
	.em32 { width:32em !important; }
	.em33 { width:33em !important; }
	.em34 { width:34em !important; }
	.em35 { width:35em !important; }
	.em36 { width:36em !important; }
	.em37 { width:37em !important; }
	.em38 { width:38em !important; }
	.em39 { width:39em !important; }
	.em40 { width:40em !important; }
	.em41 { width:41em !important; }
	.em42 { width:42em !important; }
	.em43 { width:43em !important; }
	.em44 { width:44em !important; }
	.em45 { width:45em !important; }
	.em46 { width:46em !important; }
	.em47 { width:47em !important; }
	.em48 { width:48em !important; }
	.em49 { width:49em !important; }
	.em50 { width:50em !important; }

.margin-right { margin-right:2em; }
.margin-left { margin-left:2em; }
.margin-bottom { margin-bottom:2em; }
.margin-top { margin-top:2em; }

.icon-user { width:160px; height:160px; object-fit:cover; border-radius:50%;background-color:#000;}
.icon-user-message { width:1.5em; height:1.5em; object-fit:cover; border-radius:50%;background-color:#000;}
.icon-header { width:100%; height:160px; object-fit:cover; background-color:#000; }
.icon-main { width:100%; height:240px; object-fit:cover; background-color:#000; }
.icon-header-radius { width:100%; height:160px; object-fit:cover; background-color:#000;border-radius:1rem 1rem 0 0; }
.icon-today-radius { width:100%; height:150px; object-fit:cover; background-color:#000;border-radius:0.5rem; }
.icon-jasrac { width:50px; height:50px; border-radius:20%; margin-right:1em; }
.icon-item { width:100%; height:8em; object-fit:contain;border-radius:1rem 1rem 0 0; }
.icon-event-recommend { width:100%; height:240px; object-fit:cover; background-color:#eee; }

label { font-weight:bold; }
.label-normal { font-weight:normal !important; }

.dropzone .dz-message { text-align:center;  }
.dropzone { background-color:#3c3c3c; border:solid 0px #aaa; font-size:80%;} 

.div-news { background-color:#3336;border-radius:1em;padding:1em; }

.card { border:solid 0px !important;border-radius:1rem; }
.modal-content { background-color:#333d; }

.x-point-num { font-size:1.5rem; }
.x-point-text { font-size:0.75%; }

.div-messages { background-color:#3c3c3c3c;height:100%;overflow-y:auto; }
.div-message { border-bottom:solid 1px #484848;padding:0.5em; }
.div-messages-live { background-color:#1114;height:100%;overflow-y:auto; }
.div-message-live { font-size:80%;border-bottom:solid 1px #484848;padding:0.5em; }

.div-event-catch { overflow:hidden; }
.div-live-type {
	position:absolute;
	top:10px;
	left:10px;
	width:20%;
}
.div-live-ondemand {
	position:absolute;
	top:10px;
	right:10px;
}

.div-item-type {
	position:absolute;
	top:10px;
	left:10px;
	width:6em;
}

.page-link {
	color: #fff;
	background-color: #3c3c3c;
	border: solid 0px;
}
.page-item.active .page-link {
	background-color: #893768 !important;
}

.nav-link-tab.active {
	color:#fff;
	font-weight:bold;
}

.a-send-message {
	color:#000 !important;
}