/*========== トップ画面 ==========*/
/* TOP 授業 */
ul#next_action_list > li.reservedaction div.d-flex > div{
	padding			: 0 0.5em;
}
/* バッジ */
ul#next_action_list > li.reservedaction .kind > .badge{
	padding			: 0.5em;
	width			: 8em;
	border			: 1px solid #6e611d;
}
ul#next_action_list > li.reservedaction .kind > .badge.listen{
	background		: #cafc9d;
	color			: #2e6b1e;
}
ul#next_action_list > li.reservedaction .kind > .badge.youtube{
	background		: #ee6d68;
	color			: #fff;
}
ul#next_action_list > li.reservedaction .kind > .badge.home{
	background		: #fffe9f;
	color			: #6c5c1a;
}
ul#next_action_list > li.reservedaction .kind > .badge.test{
	background		: #7955f6;
	color			: #fff;
	border			: 1px solid #651349;
}
ul#next_action_list > li.reservedaction .kind > .badge.smartstudy{
	background		: #97b9f9;
	color			: #021f6a;
	border			: 1px solid #021f6a;
}

/*========== スケジュール画面 ==========*/
#calendar .fc-day,
#calendar .fc-time-grid tr > td.fc-widget-content{
	cursor				: pointer;
}
.sidemenu_schedule .sidemenu_content{
	padding				: 12px;
}
.sidemenu_schedule .sidemenu_content .timepick{
	margin-top			: 0.5em;
	line-height			: 2em;
}
.sidemenu_schedule .title >div,
.sidemenu_schedule .sidemenu_content .setting > div:first-child,
.sidemenu_schedule .sidemenu_content .timepick > div:first-child{
	padding				: 0 .75em;
	white-space			: nowrap;
}
.sidemenu_schedule .sidemenu_content .timepick select{
	border				: none;
	width				: 4em;
	background			: #fafafa;
	color				: #666;
}
#shecdule_side_select_owner,
#shecdule_side_select_grade,
#shecdule_side_select_cource,
#shecdule_side_select_class,
#shecdule_side_select_subject,
#shecdule_side_select_class_kind,
#shecdule_side_select_zoom_user{
	border				: none;
	width				: 100%;
	background			: #fafafa;
	color				: #666;
}
#create_schedule_button,
#update_schedule_button{
	margin				: .5em;
	padding				: .5em 3em;
	cursor				: pointer;
}
.sidemenu_schedule table td{
	padding				: .2em;
}
table.schedule_side_edit_table tr > td:first-child{
	white-space			: nowrap;
}

/*========== スケジュール画面 ==========*/
#schedule_loading{
	text-align			: center;
	padding				: 5em;
	color				: var(--title-font-color);
}
#calendar .scheduled_zmtg{
	color				: white;
	background			: #497e93;
	border-color		: #497e93;
	cursor				: pointer;
}
#calendar .creating_zmtg{
	color				: white;
	background			: #AAA;
	border-color		: #AAA;
}
.modal_student_list_wrap{
	overflow-x			: auto;
	overflow-y			: scroll;
	border				: 1px solid darkgray;
	padding				: 0;
}
/*.modal_student_list_wrap::-webkit-scrollbar {
  background			: #fafafa;
  width					: 1em;
}
.modal_student_list_wrap::-webkit-scrollbar-thumb {
  background			: #ccc;
  border-radius			: 1em;
}*/
.modal_student_list{
	margin				: 0;
	padding				: 0;
	width				: calc(100% - 30px);
}
.modal_student_list > li.student_item{
	padding				: .25rem .5rem;
	border-radius		: 0;
}
.modal_student_list > li.student_item > .info,
.modal_student_list > li.student_item_notification{
	font-size			: 0.8em;
	color				: gray;
}
ul.disable_list > li.ui-selected{
	background-color	: #b5dbe5;
}
ul.enable_list > li.ui-selected{
	background-color	: #fadede;
}
.modal_student_list > li.student_item.reserved:after{
	content				: '(参加予定)';
	color				: blue;
	font-size			: 0.8em;
}
.modal_student_list > li.student_item.cancelled:after{
	content				: '(キャンセル)';
	color				: red;
	font-size			: 0.8em;
}

.enable_button.btn-right,
.disable_button.btn-left{
	text-align			: center;
	padding				: .5em;
	margin				: 1em .5em;
	text-shadow			: none;
	border-radius		: .5em;
	line-height			: 0;
	font-size			: 1.5em;
	color				: white;
	cursor				: pointer;
}
.enable_button.btn-right{
	background			: #b5dbe5;
}
.disable_button.btn-left{
	background			: #fadede;
}
.list_bulkselect_button{
	padding				: .25em 1em;
	margin-bottom		: .25em;
	text-shadow			: none;
	border-radius		: .5em;
	background-color	: #b5dbe5;
	cursor				: pointer;
}
.list_bulkselect_button[data-method="off"]{
	background-color	: #fadede;
}


/*========== 管理 サイドメニューをkindで出しわけ ==========*/
div.sidemenu_schedule .pass_input,
div.sidemenu_schedule .url_input,
div.sidemenu_schedule .zoomuser_input,
div.sidemenu_schedule .side_id_input,
div.sidemenu_schedule .smartstudy_search,
div.sidemenu_schedule .curriculum_input{
	display				: none;
}
div.sidemenu_schedule[kind="youtube"] .url_input,
div.sidemenu_schedule[kind="ibt"] .url_input{
	display				: table-row;
}
div.sidemenu_schedule[kind="zoom_static"] .side_id_input,
div.sidemenu_schedule[kind="zoom_static"] .pass_input{
	display				: table-row;
}
div.sidemenu_schedule[kind="zoom_api"] .zoomuser_input,
div.sidemenu_schedule[kind="zoom_api"] .pass_input{
	display				: table-row;
}
div.sidemenu_schedule[kind="ss_movie"] .smartstudy_search,
div.sidemenu_schedule[kind="ss_drill"] .smartstudy_search,
div.sidemenu_schedule[kind="ss_document"] .smartstudy_search,
div.sidemenu_schedule[kind="ss_link"] .smartstudy_search{
	display				: table-row;
}
div.sidemenu_schedule[kind="do_curriculum"] .curriculum_input{
	display				: table-row;
}
div.sidemenu_schedule[kind="zoom_api"] .owner_input{
	display				: none;
}
/*========== 管理 サイドメニューをmodeで出しわけ ==========*/
div.sidemenu_schedule[mode="create"] #update_schedule_button{
	display				: none;
}
div.sidemenu_schedule[mode="update"] #create_schedule_button{
	display				: none;
}
div.sidemenu_schedule[mode="create"] .no_create{
	display				: none;
}
div.sidemenu_schedule[mode="update"] .no_update{
	display				: none;
}

/* スマスタ検索結果 */
.smartstudy_search > td:first-child{
    vertical-align		: top;
    padding-top			: 0.5em;
}
.smartstudy_search .oi.oi-magnifying-glass{
	color				: gray;
	border				: 1px solid #ced4da;
	width				: 2.5em;
	height				: calc(1.5em + .75rem + 2px);
	text-align			: center;
	padding				: 0.6em;
	margin				: -1px 0 1px 0.25em;
	border-radius		: 0.25em;
}
#shecdule_side_search_result{
	padding				: 1px 0;
	margin-top			: 0.5em;
	max-height			: 20em;
	overflow-y			: auto;
}
#shecdule_side_search_result li{
	cursor			: pointer;
}
#shecdule_side_search_result li span.icon_wrap{
	color			: gray;
	border			: 3px solid gray;
	display			: inline-block;
	line-height		: 0;
	padding			: 0.5em;
	margin-right	: 0.5em;
	border-radius	: 0.5em;
}
#shecdule_side_search_result li.selected span.icon_wrap{
	border			: 3px solid green;
	color			: green;
}
#shecdule_side_search_result li.selected{
	border			: 1px solid green;
	color			: green;
}

/* LOOK MODAL */
div.modal_look{
	position		: fixed;
	background		: rgba(248,248,248,0.9);
	z-index			: 1200;
	height			: calc(90% - 4em);
	overflow-y		: auto;
	width			: 65%;
}
@media screen and (max-width: 768px){
	div.modal_look{
		width			: 100%;
	    width			: calc(100% - 16px);
	}
}
div.modal_look > .modal_header,
div.modal_look > .modal_nav,
div.modal_look > .modal_body,
div.modal_look > .modal_footer{
	padding				: .75em;
}
div.modal_look > .modal_header{
	color				: white;
	background			: #d0c498;
}
span.modal_tab_button{
	cursor				: pointer;
}
span.modal_tab_button.selected{
	color				: #d59f9d;
}
span.modal_tab_button:hover{
	color				: #999;
}
div.modal_look > .modal_nav > div{
	border-bottom		: 1px solid black;
}
div.modal_look > .modal_nav .modal_tab_button{
	padding				: .75em;
}
div.modal_look > .modal_body{
	overflow			: auto;
}
div.modal_button > .btn{
	cursor				: pointer;
	font-size			: 1.1em;
	margin				: 0 .5em;
    padding				: .5em 2em;
}
div.modal_button.compact > .btn{
	padding				: .5em 1em;
}
div.modal_header div.modal_button > .close{
	color				: white !important;
	opacity				: 1;
}
div.modal_tab_content{
	margin-top			: -0.25em;
	padding				: 0 .75em;
}
div.modal_tab_content > .row{
}
div.modal_tab_content .modal_utility_informations{
	margin-top			: -1em;
}

/* LOOK MODAL BODY */
.modal_body_details > div{
	margin				: .25em 0;
}
.modal_detail_name{
	min-width			: 5em;
	padding				: .25em;
	border				: 3px solid transparent;
}
.modal_detail_data{
	background			: white;
	border-radius		: 5px;
	padding				: .25em 0;
	text-align			: center;
	border				: 3px solid white;
	width				: 100%;
}
.modal_detail_data.text-left{
	padding				: .25em .5em;
}
.modal_body_details .noedit{
	background			: #FAFAFA;
	color				: gray;
	border				: 3px solid #FAFAFA;
}
.open_zoom_button{
	width				: 100%;
	background		: var(--bg-button-y);
	color			: var(--ft-button-y);
}
.open_zoom_button_disable{
	background			: darkgray;
	color				: white;
}
div.modal_content .clipboard_copy{
	text-decoration		: underline;
	cursor				: pointer;
}

/* 開講情報リザルト */
#look_meeting_results{
	margin				: 0;
	padding				: 0;
}
#look_meeting_results > li{
	padding				: 0;
}
#look_meeting_results > li > div{
	padding				: 0.5em 1em;
}
#look_meeting_results:empty:before{
	display			: block;
	color			: var(--text-gray);
	content			: 'まだ行動結果がありません。';
	text-align		: center;
    padding			: 15px !important;
    font-size		: 0.8em;
    background		: white;
    border			: 1px solid rgba(0,0,0,.125);
	border-radius	: .25rem;
}
#modal_teacher_name{
	background		: transparent;
	border			: 3px solid transparent;
	padding			: .25em 0;
}
#modal_teacher_name > span{
	background		: white;
	padding			: .25em .5em;
	margin			: 0 .5em 0 -0.25em;
	border			: 3px solid white;
	border-radius	: 5px;
}

/* モーダル状態によってボタンの表示/非表示を切替 */
.modal_look[data-menu="detail"] .modal_button > .refresh{
	/*display				: none;*/
}


.modal_look[data-menu="teacher"] .modal_button > .entry,
.modal_look[data-menu="student"] .modal_button > .entry,
.modal_look[data-menu="result"] .modal_button > .entry,
.modal_look[data-menu="comment"] .modal_button > .entry,
.modal_look[data-menu="study_records"] .modal_button > .entry{
	display				: none;
}
.modal_look[data-menu="teacher"] .modal_button > .delete{
	display				: none;
}
.modal_look[data-menu="student"] .modal_button > .delete{
	display				: none;
}
.modal_look[data-menu="result"] .modal_button > .refresh,
.modal_look[data-menu="result"] .modal_button > .delete{
	display				: none;
}
.modal_look[data-menu="study_records"] .modal_button > .refresh,
.modal_look[data-menu="study_records"] .modal_button > .delete{
	display				: none;
}


/* 開講情報 添付 */
div.add_attachment{
	background			: #d4e371;
	border				: 1px solid #333;
	padding				: .3em .5em;
	margin				: .25em .5em;
	border-radius		: .5em;
	display				: inline-block;
}
div.add_attachment > span.oi{
	color				: #889248;
	padding-right		: .25em;
}
#smartstudy_content_search_button{
	line-height			: 2.4em;
	padding				: 0 .8em;
	margin-left			: .8em;
	border-radius		: .4em;
}
#smartstudy_content_result li.smartstudy_item{
	padding				: 0;
}
#smartstudy_content_result li.smartstudy_item.selected{
	background			: var(--bg-cream);
}
#smartstudy_content_result li.smartstudy_item > div{
	margin				: .25em;
}
.smartstudy_item_select{
	padding				: .5em;
}
.smartstudy_item_preview{
	
}
#meeting_attachments{
	width				: 100%;
}
#meeting_attachments > li.list-group-item{
	border				: none;
	background			: none;
	padding				: .3em .5em;
	cursor				: pointer;
}
#meeting_attachments > li.list-group-item > div{
	padding				: .3em .5em;
	border-radius		: .5em;
	border				: 1px solid black;
}
#meeting_attachments > li.list-group-item > div div.content_name{
	border				: 1px solid black;
	margin				: 0 .5em;
	padding				: 0 .5em;
	font-size			: .8em;
	line-height			: 1.6em;
}
#meeting_attachments > li.list-group-item > div span.oi{
	color				: #d59f9d;
}
#meeting_attachments > li.list-group-item.movie > div{
	background			: #fffee0;
	border-color		: #fce44d;
}
#meeting_attachments > li.list-group-item.movie > div div.content_name{
	color				: #b98684;
	border-color		: #fce44d;
	background			: #fffd54;
}
#meeting_attachments > li.list-group-item.drill > div{
	background			: #f1feef;
	border-color		: #82a945;
}
#meeting_attachments > li.list-group-item.drill > div div.content_name{
	color				: #82a945;
	border-color		: #82a945;
	background			: #f3fabd;
}
#meeting_attachments > li.list-group-item.link > div{
	background			: #fcefee;
	border-color		: #b98684;
}
#meeting_attachments > li.list-group-item.link > div div.content_name{
	color				: #b98684;
	border-color		: #b98684;
	background			: #fadede;
}
#meeting_attachments > li.list-group-item.document > div{
	background			: #eeeffe;
	border-color		: #5a8490;
}
#meeting_attachments > li.list-group-item.document > div div.content_name{
	color				: #577890;
	border-color		: #577890;
	background			: #f0f7fb;
}
#meeting_attachments > li.list-group-item.curriculum > div{
	background			: white;
	border-color		: #4bacd7;
}
#meeting_attachments > li.complete.list-group-item.curriculum > div{
	opacity				: 0.25;
}
#meeting_attachments > li.list-group-item.curriculum > div div.content_name{
	color				: #429dd0;
	border-color		: #4bacd7;
	background			: #aad4ea;
}
div.modal_iframe{
	width			: 100%;
	width			: calc(100% - 16px);
	z-index			: 1300;
}
div.modal_iframe iframe{
	width			: 100%;
	height			: 100%;
}
#modal_video_player{
	margin			: 0 auto;
}

/* 開講情報からの学習記録view */
#schedule_studyrecord_viewer_wrap{
	width			: 100%;
	overflow		: auto;
}
.schedule_studyrecord_view_table{
	min-width		: 100%;
	border			: 1px solid black;
}
.schedule_studyrecord_view_table tr > th,
.schedule_studyrecord_view_table tr > td{
	border			: 1px solid black;
	padding			: .2em;
	white-space		: nowrap;
}
.schedule_studyrecord_view_table tr > th{
	background		: #d0c498;
	color			: white;
}
.schedule_studyrecord_view_table .recentlyrecord_item{
	text-decoration	: underline;
	cursor			: pointer;
}
.schedule_studyrecord_view_table .selfcheck{
	color			: red;
	font-weight		: bold;
}
.schedule_studyrecord_view_table #show_curriculum,
.schedule_studyrecord_view_table #student_studyrecord{
	text-decoration	: underline;
	cursor			: pointer;
}
tr.table_sort_head > th.sort_parameter{
	text-decoration	: underline;
	cursor			: pointer;
}
tr.table_sort_head > th.sort_parameter.sorted_param:after{
	content			: '▼';
	font-size		: .5em;
}
tr.table_sort_head .score_point{
	font-size		: .5em;
	color			: white;
}
.schedule_studyrecord_view_table td.marking_from_question{
	text-decoration	: underline;
	cursor			: pointer;
	font-weight		: bold;
}
.attachment_curriculum_record_open_label{
	cursor			: pointer;
	margin			: .5em 0;
}
/* 学習記録view 一部のページでボタン非表示 */
body[data-pagename="schedule_view"] .modal_answers .question_edit,
body[data-pagename="schedule_view"] .modal_answers .study_delete{
	display			: none;
}

/* 生徒画面 サイドメニュー */
#reservedaction_data{
	max-height			: 30em;
	overflow-y			: auto;
}
#reservedaction_data > li.reservedaction_side{
	padding				: 0;
}
.reservedaction_side_date{
	padding				: 0.5em 0.25em 0.5em 1em;
}
.reservedaction_side_start{
	padding				: 0.5em 0.25em;
}
.reservedaction_side_room{
	padding				: 0.5em 0.25em;
}
div.modal_content.modal_student{
	z-index: 1201 !important;
}