/**** classboard 基礎管理 *****/
.import-user-title {
	height: 30vh;
	padding: 10vh;
  font-size: 2.5rem;
}

.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;
}

/** 設備管理 **/
.classboard.device-table thead tr th {
	vertical-align: middle;
}
.classboard.device-table .room-name {
	padding: 5px;
}
.classboard.device-table .room-name[contenteditable="true"] {
	background-color: white;
}
.classboard.device-table .apk-version-cell {
	display: flex;
	align-items: center;
}
.classboard.device-table .apk-version-cell .processupdate svg{
	width: 1.2rem;
	height: 1.2rem;
	fill: rgba(147, 146, 146, 0.6);
}
.classboard.device-table .apk-version-cell .processupdate svg:hover{
	cursor: pointer;
	fill: rgba(63, 61, 61, 0.6);
}
.classboard.device-table .apk-version-cell .processupdate svg:active,
.classboard.device-table .apk-version-cell .processupdate svg:focus{
	-webkit-animation: rotation 0.5s linear;
	animation: rotation 0.5s linear;
}

/**** 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 .sml_top_btn {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: 250px;
	height: 45px;
	font-weight: 500;
	border-radius: 100px;
	background-color: #48538f;
	padding: 5px;
	margin: auto;
	user-select: none;
}
.classboard.spacemanageleft .sml_top_btn .sml_title {
	font-size: 1.1rem; 
	white-space: nowrap;
}
.classboard.spacemanageleft .sml_top_btn .sml_btn {
	width: 29px; 
	height: 29px; 
	border-radius: 100%; 
	fill:#fff; 
	padding: 7px; 
}
.classboard.spacemanageleft .sml_top_btn .sml_btn: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 .cursecol.empty {
	cursor: pointer;
}
.classboard.spacemanageright .smr_bottom .cursecol.empty:hover {
	background-color: lightgray;
}
.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; 
	fill: #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 { 
	display: flex;
	align-items: center;
	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.course { 
	color:#394079; 
	font-size: 1.1rem;
	font-weight: bold; 
}
.classboard.spacemanageright .smr_bottom .event-content.reserve { 
	color:#2B6D5B; 
	font-size: 1.1rem;
	font-weight: bold;
}
.classboard.spacemanageright .smr_bottom .event-content.speak { 
	color: #394079;
	font-size: 1.1rem;
	font-weight: bold;
}
.classboard.spacemanageright 
.smr_bottom .event-content .title {
	padding: 0 5px;
}
.smr_bottom .event-content .title[contenteditable="true"] {
	background-color: white;
}
.smr_bottom .event-content .edit {
	flex: auto
}
.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 .event.progress {
	background-color:#394079;
}
.classboard.spacemanageright .smr_bottom .event.course {
	background-color:#CEE0F2;
}
.classboard.spacemanageright .smr_bottom .event.reserve {
	background-color:#D4EEE8;
}
.classboard.spacemanageright .smr_bottom .event.speak { 
	background-color:#CEE0F2;
}

/**** examclassboard考試,演講模式管理 ****/
.speech {
	background-color: #3b4476;
	color: #ffffff;
}
.speech .device-bar {
	height: 60px;
	background-color: #48538f;
}
.speech .input-label,
.speech .form-group-m input:focus~.input-label,
.speech .form-group-m input:valid,
.speech .form-group-m input.has-value,
.speech .form-group-m input.has-value~.input-label {
	color: #ffffff;
}
.testselect.select-focus .input-label-toggle,
.speechselect.select-focus .input-label-toggle {
	fill: #fff;
}
.speech .disabled {
	color: #aaaaaa;
	cursor: not-allowed;
}
.testsubtitle {
	color: #deb52e; 
	font-weight: 600; 
	font-size: 1.7rem;
}
.testbc {
	color: #ffffff; 
	font-weight: 600; 
	font-size: 1.5rem;
}
.testtitle {
	color: #fff; 
	font-weight: 500; 
	font-size: 3rem; 
	text-align: center;
}
@media screen and (min-width: 1280px) and (max-width: 1550px){
	.testsubtitle{
		font-size: 1.5rem;
	}
	.testbc{
		font-size: 1.3rem;
	}
	.testtitle{
		font-size: 2.5rem;
	}
	.testselect,
	.speechselect{
		padding-right: 5px;
		margin-bottom: 0;
	}
}
@media screen and (min-width: 500px) and (max-width: 1280px){
	.testsubtitle{
		font-size: 1.3rem;
	}
	.testbc{
		font-size: 1.1rem;
	}
	.testtitle{
		font-size: 2rem;
	}
}

/* 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: 500px; }

.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);
}

@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);
}
/**** groupsclassboard班牌群组编辑 ****/
/*backprepage*/
.gasetting-back{
	display: inline-block;
	color: #fff;
}
.gasetting-back .ct-fa-back{
	padding: 5px 2px 0px 0px;
	display: inline-table;
}
.gasetting-back .ct-fa-back svg{
	fill: #fff;
	width: 12px;
	margin: 0px 2px -1px 0px;
}