/**** classboard 基礎管理 *****/
.cb_a_link{float: right; margin-bottom: -2px; margin-right: 28px; font-size: 0.9em; color: #fff; font-weight: 600; background-color: #78777f; padding: 2px 6px; border-radius: 4px;}
.cb_a_link:hover{ color: #fff; background-color: #afafaf;}

/**** scheduleclassboard 空間管理 *****/
.classboard.spacemanageleft{ background-color: #3B4476; color: #fff; height: 700px; overflow-y: auto;}
.classboard.spacemanageright{ background-color: #eee; height: 700px; overflow-y: auto;}
/*left select*/
.classboard.spacemanageleft .space_select{background-color:rgba(255,255,255,0.6); margin:25px 20px 20px 20px;}
/*left calendar*/
.classboard.spacemanageleft .calendar-s {max-height: 100%; margin-top: 105px;}
/*.classboard.spacemanageleft .calendar-s .title{ text-align: left; padding: 10px 0 10px 20px; font-size: 1.1rem; margin: 15px 140px 0 70px; border-radius: 100px; background:#48538f;}
.classboard.spacemanageleft .calendar-s .arrow:hover {background: #e7e7e7;}
.classboard.spacemanageleft .calendar-s .arrow-container{position: relative;}
.classboard.spacemanageleft .calendar-s .arrow{ position: absolute; display: block; width: 30px; height: 30px; -webkit-transition: background .3s; transition: background .3s;border-radius: 100%; background-color: #fff; margin-top: 7px;}
.classboard.spacemanageleft .calendar-s .arrow:hover {text-decoration: none; }
.classboard.spacemanageleft .calendar-s .arrow.left { right: 45%;top: 0; }
.classboard.spacemanageleft .calendar-s .arrow.right {right: 35%;top: 0;}
.classboard.spacemanageleft .calendar-s .arrow .icon { display: block; font-size: 1.1rem; border: 2px solid #fff; border-radius: 100%; line-height: 17px; width: 21px; margin: 20px auto; text-align: center;}
.classboard.spacemanageleft .calendar-s .arrow.left .icon { padding-right: 2px;}*/
.classboard.spacemanageleft .sml_top_btn{width:225px; height:45px; font-weight:500; border-radius:100px; background-color:#48538f; padding:5px 5px 5px 18px; margin: auto; user-select: none;}
.classboard.spacemanageleft .sml_top_btn .sml_title{font-size: 1.1rem; display: inline-block;}
.classboard.spacemanageleft .sml_top_btn .sml_left{width: 29px; height: 29px; display: inline-block; border-radius: 100%; background: #fff; fill:#3b4476; margin-left: 30px; padding: 7px; margin-top: 2px;}
.classboard.spacemanageleft .sml_top_btn .sml_left:hover{cursor: pointer; fill:#4670bb;}
.classboard.spacemanageleft .sml_top_btn .sml_right{width: 29px; height: 29px; display: inline-block; border-radius: 100%; background: #fff; fill:#3b4476; margin-left: 8px; padding: 7px; margin-top: 2px;}
.classboard.spacemanageleft .sml_top_btn .sml_right:hover{cursor: pointer; fill:#4670bb;}

.classboard.spacemanageleft .month-s {  margin: 15px auto; text-align: center; user-select: none;}
.classboard.spacemanageleft .month-s a {display: block;font-size: 0.9rem; color: #fff;}
.classboard.spacemanageleft .month-s a:hover {width: 30px;line-height: 30px; background: #48538f; border-radius: 100%; margin: 0 2px; margin: auto;}
.classboard.spacemanageleft .month-s td,.month-s th {width: 45px; height: 45px; text-align: center; font-size: 0.9rem; color: #676a6c; margin: auto;}
.classboard.spacemanageleft .month-s th{color: rgba(255, 255, 255, 0.5);}
.classboard.spacemanageleft .month-s .today {width: 28px; line-height: 28px; color: #E0B756 ; font-weight:600; border-radius: 100%;  margin: auto;}
.classboard.spacemanageleft .month-s .todaychoose {width: 30px; line-height: 30px; background:#E0B756; color: #000; font-weight:600; border-radius: 100%;  margin: auto;}
.classboard.spacemanageleft .month-s a.todaychoose:hover {background: #c49e46;}
.classboard.spacemanageleft .month-s .notodaychoose {width: 30px; line-height: 30px; background:#fff; color: #3B4476; font-weight:600; border-radius: 100%;  margin: auto;}
.classboard.spacemanageleft .month-s a.notodaychoose:hover {background: #ddd;}
.classboard.spacemanageleft .month-s a.n-this-month{color: #515989; line-height: 0; }
.classboard.spacemanageleft .calendar-s .month-arr{ width: 15px; height: 15px; margin: 7px; padding: 1px; fill:#3B4476;}
.classboard.spacemanageleft .calendar-s .month-arr:hover svg{fill:#3e85cc;}

/*right top*/
.classboard.spacemanageright .smr_top{color:#3B4476; font-size:1.2rem; font-weight:600; height: 85px;}
.classboard.spacemanageright .smr_top .smr_top_btn{width:160px; height:36px; font-weight:500; display:inline-block; border-radius:100px; background-color:#FFFFFF; position: absolute; right: 20px;top: 15px; padding:5px 5px 5px 15px;}
.classboard.spacemanageright .smr_top .smr_top_btn .add_plus{width: 25px; height: 25px; display: inline-block; border-radius: 100%; background: #3b4476; fill:#fff; margin-left: 15px; position: absolute; top: 6px;}
.classboard.spacemanageright .smr_top .smr_top_btn .add_plus:hover{cursor: pointer; background: #48538f;}
.classboard.spacemanageright .smr_bottom{overflow-y:auto;height: 600px;}
.classboard.spacemanageright .smr_a_link{float: right; margin-top: -42px; margin-right: 28px; font-size: 0.9em; color: #3b4476;}
.classboard.spacemanageright .smr_a_link:hover{color: #707ab5;}

/*right bottom*/
.classboard.spacemanageright .smr_bottom { position:relative;}
.classboard.spacemanageright .smr_bottom .wrap { overflow-x: hidden; overflow-y: scroll; height: 600px; border-radius: 8px;}
.classboard.spacemanageright .smr_bottom thead {  z-index: 2;background: white;border-bottom: 2px solid #ddd;}
.classboard.spacemanageright .smr_bottom thead th {text-align: center;width: 100%;color:#434546;  padding: 0.2em;vertical-align: top;}
.classboard.spacemanageright .smr_bottom tbody { position: relative;top: 30px; }
.classboard.spacemanageright .smr_bottom table {  background: #fff;  width: 100%;  border-collapse: collapse;  table-layout: fixed;}
.classboard.spacemanageright .smr_bottom .headcol { width: 60px;font-size: 0.8rem;  color:rgb(103, 106, 108);  padding: 0.25rem 0;  text-align: center;  border: 0;position: relative;top: -12px;border-bottom: 1px solid transparent;}
.classboard.spacemanageright .smr_bottom .date{font-size:1.6rem; padding: 4px 2px; font-weight: bold;}
.classboard.spacemanageright .smr_bottom .week{font-size:0.9rem;padding: 0 2px 6px; vertical-align:top; font-weight: bold;}
.classboard.spacemanageright .smr_bottom .allday{font-size:0.9rem;padding: 2px 3px; color: #ffffff; padding-left: 3px;overflow: hidden; white-space: nowrap; border-radius:2px;font-weight: bold;}
.classboard.spacemanageright .smr_bottom tr, .classboard.spacemanageright .smr_bottom tr td { height: 20px;}
.classboard.spacemanageright .smr_bottom td {text-align: center;}
.classboard.spacemanageright .smr_bottom tr:nth-child(odd) td:not(.headcol) {border-bottom: 1px solid #e8e8e8;}
.classboard.spacemanageright .smr_bottom tr:nth-child(even) td:not(.headcol) {border-bottom: 1px solid #eee;}
.classboard.spacemanageright .smr_bottom tr td {  border-right: 1px solid #eee;  padding: 0;  white-space: none; word-wrap: nowrap;}
.classboard.spacemanageright .smr_bottom tbody tr td { position: relative; vertical-align: top; height: 80px;width: auto; }
.classboard.spacemanageright .smr_bottom .weekend { color:#999;}
.classboard.spacemanageright .smr_bottom .checkbox { display: none;}
.classboard.spacemanageright .smr_bottom .past { background: #fafafa;}
.classboard.spacemanageright .smr_bottom .event {color: #9fa3bf; text-align: left; font-size: 0.85rem; z-index: 2;transition: all 0.2s; overflow: hidden;
  white-space: nowrap; position: relative; margin: 3px; height:70px;}
.classboard.spacemanageright .smr_bottom .event-content{ padding: 5px 1px 0 10px;}
.classboard.spacemanageright .smr_bottom .event-content.progress{ color:#1FC2CA; font-size: 1.1rem;font-weight: bold;}
.classboard.spacemanageright .smr_bottom .event-content.normal,
.classboard.spacemanageright .smr_bottom .event-content.reserve{ color:#394079; font-size: 1.1rem;font-weight: bold;}
.classboard.spacemanageright .smr_bottom .event.double { height: 200%;}
.classboard.spacemanageright .smr_bottom .event.triple { height: 300%;}
.classboard.spacemanageright .smr_bottom .event.quadruple { height: 400%;}
.classboard.spacemanageright .smr_bottom .festival{font-size:0.9rem;padding: 2px 3px; color: #ed5565; background: #ffeaea; padding-left: 3px;overflow: hidden; white-space: nowrap; border-radius:2px; font-weight: bold;}
.classboard.spacemanageright .smr_bottom .today { color: #3597d4;}
.classboard.spacemanageright .smr_bottom .now { box-shadow: 0px -2px 0px 0px #e04858; height: 2px; margin-top: 20px; width: 100%; position: absolute; z-index:50;}
.classboard.spacemanageright .smr_bottom .scrollspace{width:8px !important;}
.classboard.spacemanageright .smr_bottom .progressclass{background-color:#394079;}
.classboard.spacemanageright .smr_bottom .normalclass{background-color:#CEE0F2;}
.classboard.spacemanageright .smr_bottom .reserveclass{background-color:#CEF0F2;}

/* broadcastclassboard 校園廣播(圖片模式) */
.broadcast_picture .bp_col{ width: 20%; float: left; position: relative; }
.broadcast_picture .bp_imgShow{ overflow: hidden; width: 100%; height: 120px; display: flex; justify-content: center; align-items: center; background-color: #eee; cursor: default; }
.broadcast_picture .bp_imgShow img{ padding: 0px 2px; width: 100%; opacity: 0.88; }
.broadcast_picture .bp_delete{ position: absolute; right: 15px; top: 5px; z-index: 30; }
.broadcast_picture_upload{ position: absolute; top: 0; left: 460px; }

.overview_item{
	width: 230px;
	display: inline-block;
	background-color: #efeff1;
	padding: 10px;
	margin-right: 15px;
	padding-bottom: 0px;
	height: 130px;
}
.overview_item.release_ver{
	border-bottom: 3px solid rgba(70, 112, 187, 0.6);
}
.item_name.release_ver_bg{
	background-color: #314d80;
	width: 205px;
}
.overview_item.install_num{
	border-bottom: 3px solid rgba(79, 76, 123, 0.5);
}
.item_name.install_num_bg{
	background-color: #4f4c7b;
	width: 205px;
}
.item_name{
	display: inline-block;
	background-color:#ff7e66;
	padding: 5px 15px 5px 20px;
	position: relative;
	left: -12px;
	color: #fff;
	top: -5px;
	box-shadow: -2px 2px 0px rgba(187, 187, 187, 0.5);
}
.item_nmb{
	text-align: center;
	font-size: 2.5rem;
	color: #555;
	margin-top: 10px;
}
.item_bottom{
    position: relative;
    top: -8px;
    left: 8%;
    height: 1px;
    width: 85%;
    border-bottom: 2px solid rgba(221, 221, 221, 0.5);
}
.processupdate svg{
	position: relative;
    right: -80%;
    top: -50px;
    width: 2.5rem;
    height: 2.3rem;
    fill: rgba(147, 146, 146, 0.6);
}
.processupdate svg:hover{
	cursor: pointer;
	fill: rgba(63, 61, 61, 0.6);
}
.processupdate svg:active,
.processupdate svg:focus{
	-webkit-animation: rotation 0.5s linear;
	animation: rotation 0.5s linear;
}
@keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
	}
}
@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
	}
}
.processupdate.disabled svg{
	cursor: no-drop;
	fill: rgba(147, 146, 146, 0.6);
	-webkit-animation: not_rotation 0.5s linear;
	animation: not_rotation 0.5s linear;
}
@keyframes not_rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(0deg);
	}
}
@-webkit-keyframes not_rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(0deg);
	}
}
.buildclass_overflow{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 171.5px;
}
.buildclass_overflow.active{
	background-color: #2b426c;
	color: #fff;
}
.updatecheck{
	position: relative;
	display: none;
}
.updatecheck_text{
	position: absolute;
    color: #fff;
    background: rgba(0,0,0,0.6);
    padding: 5px;
    font-size: 0.95rem;
    border-radius: 3px;
    top: -70px;
    right: -90px;
}
.processupdate:hover + .updatecheck{
	display: block;
}
@media screen and (min-width: 400px) and (max-width: 900px) {
	.overview_item{
		width: 190px;
	}
	.item_name.install_num_bg,
	.item_name.release_ver_bg{
		width: 175px;
	}
	.item_name{
		width: 175px;
		font-size: 0.9rem;
		padding-left: 10px;
	}
}
/*展開*/
.repair-main-block{
	position: relative;
}
.repair-main-block .toggle-btn{
	float: right;
	width: 30px;
	height: 30px;
	margin-left: 0.1em;
	margin-top: 0px;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	background: transparent;
	border-radius: 50%;
	cursor: pointer;
	padding: 10px 0 0 10px;
}
.repair-main-block .toggle-btn:hover svg{
	fill: #0d19a3;
}
.repair-toggle{
	width: 30px;
	height: 30px;
	position: relative;
}
.repair-toggle svg{
	fill: #fff;
	width: 20px;
	height: 20px;
	transform: rotate(180deg);
}
.repair-toggle.sub-open svg{ 
	transform: rotate(0deg);
}