.hide {
	display: none !important;
}
.show-block {
	display: block !important;
}
.ignore-event {
	pointer-events : none;
}
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-right: 0.5em;
}

.adv-input.error, .adv-date.error {
	outline: 0;
	border-color: #f00 !important;
}

.adv-date {
	width: 6.0em;
}
.adv-date.SP {
	width: 8.5em;
}
.adv-datetime {
	width: 11.0em;
}
.adv-datetime.adv-date+input {
	margin-left: 0.25em !important;
	width: 2.0em;
}
.adv-datetime.adv-date+input+span+input {
	margin-left: 0 !important;
	width: 2.0em;
}
.adv-datetime.adv-date+input+span {
	width: auto !important;
	margin: 0 0.25em 0 0.25em !important;
}
.adv-datetime.SP {
	width: 13.0em;
}

/* adv-select */
.adv-select, .adv-selectmulti {
	display: inline-block;
	position : relative;
	padding: 2px 4px 2px 4px;
	border: transparent 1px solid;
	height: 2.0em;
	line-height: 1.5em;
}
.adv-select.non-editable, .adv-selectmulti.non-editable {
	padding: 4px 4px 0px 4px;
}
.adv-select.notext, .adv-select.notext {
	padding: 0;
	vertical-align: top;
}
.adv-select:focus {
	border: 1px solid #fe9700;
}
.adv-select.SP {
	position : static;
}
.adv-select>.text {
	display: inline-block;
	cursor: pointer;
	width: calc(100% - 2.0em);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.adv-select>.adv-input {
	width: calc(100% - 2.0em);
	border: 0;
	height: 1.5em;
}

.adv-select>.arrow, .adv-selectmulti>.arrow {
	position: relative;
	padding-right: 1.7rem;
}
.adv-select>.arrow::before, .adv-select>.arrow::after, .adv-selectmulti>.arrow::before, .adv-selectmulti>.arrow::after {
	position: absolute;
	margin: auto;
	content: "";
}
.adv-select>.arrow::after, .adv-selectmulti>.arrow::after {
	margin-top: 0.2rem;
	left: 0.5rem;
	width: 7px;
	height: 7px;
	border-top: 2px solid #bbb;
	border-right: 2px solid #bbb;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

/* adv-selectmulti */
.adv-selectmulti {
	display: inline-block;
	position : relative;
	border: transparent 1px solid;
}
.adv-selectmulti {
	border: 1px solid #fe9700;
}
.adv-selectmulti.SP {
	position : static;
}
.adv-selectmulti>.text {
	display: inline-block;
	cursor: pointer;
	width: calc(100% - 2.0em);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* adv-number */
.adv-number {
	text-align: right;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
}

input[type="number"] {
     -moz-appearance:textfield;
}

/* adv-radio */
.adv-radio {
	display: inline-block;
}
.adv-radio>label {
	display: inline-block;
	margin-right: 1.0rem;
}
.adv-radio>label>input {
	margin: 0 0.25rem 0 0;
	margin-left: 2px;
}

/* adv-checkbox */
.adv-checkbox {
	display: inline-block;
}
.adv-checkbox>input {
	height: 1.5em;
}

/* adv-selection */
.adv-selection {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.adv-selection>a.remove {
	font-size: 0.86em;
}
.adv-selection>span {
	margin-right: 0.2em;
}
.adv-selection.non-editable>span {
    margin-left: 0.25em;
}
.adv-selection>span.locked {
	margin-right: 1.0em;
}
:not(.non-editable).adv-selection:hover>a.remove {
	background-image: url(../imgs/batsu2.png);
}
.adv-selection-icon {
	background-image: url(../imgs/plus2.png);
	font-size: 1.2em;
}

#panel-loading {
	display: none;
}
#panel-loading-error {
	display: none;
}
.panel-loading {
	padding: 0.5rem;
	display: none;
}
.panel-loading-error {
	padding: 0.5rem;
	display: none;
}
.panel-loading-error>span:first-child {
	color: #f00;
}
#title-block>a {
	background-image: url(../imgs/menu.png);
}
#notify-block>.channels {
	background-image: url(../imgs/channels.png);
}
#notify-block>.notify {
	background-image: url(../imgs/notify.png);
}
#notify-block>.messages {
	background-image: url(../imgs/message.png);
}
#notify-block>.likes {
	background-image: url(../imgs/like3.png);
}
#search-block>a {
	margin: 0.6rem 0.6rem 0.6rem 0.2rem;
	padding: 0.1rem 0.8rem 0.1rem 0.8rem;
	font-size: 1.0rem;
	background-position: center;
	background-image: url(../imgs/search.png);
	border: 1px solid #aaa;
}
#search-block>input {
	margin-left: 0.5em;
	width: 11.0em;
}
#search-block.SP>input {
	width: 9.0rem;
}

#functions-block>.funcs>.topic {
	background-image: url(../imgs/topic3.png);
}
#functions-block>.funcs>.calendar {
	background-image: url(../imgs/calendar3.png);
}
#functions-block>.funcs>.reminder {
	background-image: url(../imgs/reminder4.png);
}
#functions-block>.funcs>.todo {
	background-image: url(../imgs/todo3.png);
}
.adv-calendar .prev {
	background-image: url(../imgs/arrow1-left.png);
}
.adv-calendar .next {
	background-image: url(../imgs/arrow1-right.png);
}
#tool-block>div>.reminder {
	background-image: url(../imgs/reminder.png);
}
#tool-block>div>.topic {
	background-image: url(../imgs/topic.png);
}
#tool-block>div>.memo {
	background-image: url(../imgs/memo.png);
}
#tool-block>div>.calendar {
	background-image: url(../imgs/event.png);
}
#tool-block>div>.todo {
	background-image: url(../imgs/todo.png);
}
#tool-block>div>.video {
	background-image: url(../imgs/video.png);
}
#user-block>.files {
	background-image: url(../imgs/files.png);
}
#user-block>.address {
	background-image: url(../imgs/address.png);
}
#user-block>.users {
	background-image: url(../imgs/users.png);
}
#user-block>.setting {
	background-image: url(../imgs/setting.png);
}
#user-block>.templates {
	background-image: url(../imgs/email.png);
}
#user-block>.trash {
	background-image: url(../imgs/trash.png);
}
#tool-block>div>.emails, #user-block>.emails {
	background-image: url(../imgs/email.png);
}

/* +- */
.adv-open-close {
	clear: both;
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 3px;
	border: solid 2px #aaa;
}
.adv-open-close::before,
.adv-open-close::after {
	width: 10px;
	height: 2px;
	background-color: #aaa;
	left: 1px;
	top: 5px;
	content: '';
    position: relative;
    display: block;
 }
.adv-open-close::after {
	top: 3px;
	-webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.adv-open-close.close::after {
	top: 3px;
	-webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.adv-open-close.color-white {
	border: solid 2px #fff;
}
.adv-open-close.color-white::before,
.adv-open-close.color-white::after {
	background-color: #ff0;
}

/* dialog */
.adv-dialog {
	display: none;
}

/* error message */
.error-message {
	color: #f00;
	font-weight:bold;
	display: none;
}
.error-message.show {
	display: block;
}

/* text message */
.text-message {
	font-weight:bold;
	display: none;
}
.text-message.show {
	display: block;
}

/* channel back , quick menu */
#channel-back {
	position: fixed;
	background-color: #fe9700;
	z-index: 999;
	height: 2.5rem;
	width: 2.5rem;
	border-radius: 50%;
	text-align: center;
}
#channel-back.PC {
	top: calc(100% - 3.5rem);
	left: calc(100% - 4.5rem);
}
#channel-back.SP {
	top: calc(100% - 3.5rem);
	left: calc(100% - 3.5rem);
}
#channel-back>a>img {
	height: 1.7rem;
	width: 1.7rem;
	margin-top: 0.2rem;
}

/* funcstions select */
#functions-select {
	position: absolute;
	z-index: 999;
	text-align: center;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	box-shadow: 5px 5px 10px;
	display: none;
	overflow: auto;
}
#functions-select.open {
	display: block;
}
#functions-select>a {
	display: block;
	padding: 0.5rem;
}
#functions-select.PC {
	top: 10%;
	left: calc(50% - 15.0rem);
	height: 80%;
	width: 30rem;
}
#functions-select.SP {
	top: 10%;
	left: 10%;
	height: 80%;
	width: 80%;
}

/* badge */
.badge {
	position: absolute;
	top: -5px;
	left: 10px;
}

/* adv-date calendar */
#adv-date-cal {
	position: absolute;
	border-radius:2px;
	border: 1px solid #aaa;
	padding: 4px 0px 4px 17px;
	background-color: #fff;
	z-index: 110;
	line-height: 1.3em;
	white-space: nowrap;
	display: none;
}
#adv-date-cal .title {
	margin-bottom: 0.5rem;
}
#adv-date-cal .week span {
	display: inline-block;
	width: 1.7rem;
	text-align: center;
}
#adv-date-cal .week a {
	display: inline-block;
	width: 1.7rem;
	text-align: center;
}

/* grid */
.adv-grid {
	display: none;
}
.adv-grid>.header  {
	border-bottom: 1px solid #ddd;
}
.adv-grid>.header>* {
	font-size: 0.93em;
}
.adv-grid>.header>p {
	padding: 0;
	margin: 0;
}
.adv-grid>.header>span {
	font-weight: bold;
}
.adv-grid>.header>.number {
	text-align: center;
}
.adv-grid>.header>div, .adv-grid>.header>span {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 2px;
}
.adv-grid>.columns {
	padding: 0.5em 0 0.5em 0;
	border-bottom: 1px solid #ddd;
}
.adv-grid>.columns>p {
	padding: 0;
	margin: 0.25em 0 0 0;
}
.adv-grid>.columns>div {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.adv-grid>.columns>span {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.adv-grid>.columns>.add {
	margin-left: 0.5em;
	font-size: 0.86em;
	background-image: url(../imgs/arrow2-down.png);
}
.adv-grid>.columns>.remove {
	margin-left: 0.5em;
	background-image: url(../imgs/trash.png);
}
.adv-grid>.columns>.adv-selection>span {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: calc(100% - 2.5em);
}
.adv-grid>.columns>.adv-selection>span>* {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* files attached */
a.adv-files {
	background-image: url(../imgs/files2.png);
}
a.adv-files:hover {
	background-image: url(../imgs/files3.png);
	cursor: pointer;
}
.adv-files.upload {
	background-image: url(../imgs/loading.gif)	!important;
}
.adv-files-list>div {
	margin: 0.25em 0 0 0.25em;
}
.adv-files-list>div>.close {
	background-image: url(../imgs/batsu1.png);
	font-size: 0.93em;
	margin-left: 0.5em;
}
.adv-files-list>div>.close:hover {
	background-image: url(../imgs/batsu2.png);
}

.adv-preset {
	background-image: url(../imgs/preset.png);
}
.adv-preset:hover {
	background-image: url(../imgs/preset2.png);
}

/* tags */

/* tag input */
.tags-block>.add {
	float: right;
}
.tags-block>.add>a {
	font-size: 1.2rem;
	background-image: url(../imgs/plus2.png);
}
.tags-block>ul+div>input {
	width: calc(100% - 4.0em);
}
.tags-block>ul+div>input+a {
	background-image: url(../imgs/check.png);
	margin-left: 0.5em;
}
.tags-block>ul+div>input+a:hover {
	background-image: url(../imgs/check2.png);
}
.tags-block>ul+div>input+a+a {
	background-image: url(../imgs/batsu1.png);
	margin-left: 0.25em;
}
.tags-block>ul+div>input+a+a:hover {
	background-image: url(../imgs/batsu2.png);
}

/* tags ul>li */
.tags-block>ul>.tag:hover>.adv-icon {
	background-image: url(../imgs/batsu3.png);
	display: inline;
}
.tags-block>ul>.tag>.adv-icon:hover {
	background-image: url(../imgs/batsu2.png);
}
.tags-block>ul>.tag>a:first-child {
	width: calc(100% - 2.0em);
}
.tags-block>ul>.tag>a:last-child {
	width: auto;
}