@charset "utf-8";

/*==================================
	Base
==================================*/
html,
body,
.v2-container,
.v2-screen{
	min-width:991px;
}

/*==================================
	Class contents
==================================*/
.div-class-content-title{
	/*min-width:410px;*/
	width:auto;
}
.div-class-contents{
	margin-bottom:50px;
}
.div-class-contents > .panel:last-child .div-class-content-menu .dropdown-menu{
	top:auto;
	bottom:100%;
}

@media screen and (min-width: 768px){
	body:not(.old) .main-container .div-content {
		max-width:1080px;
	}
	.div-classes .row-flex .panel .panel-footer{
		position:absolute;
		z-index:1;
		bottom:0;
		left:15px;
		right:15px;
	}
	.flex-schedules .flex-col{
		flex-basis:50%;
	}
}

@media (min-width: 992px) {
	.modal-xl {
		width:1024px;
	}
	.modal-full {
		width:100%;
	}
}
@media (max-width: 991px) {
	/*==================================
		Side
	==================================*/
	.side-bg{
		position:absolute;
	}
	/*==================================
		Table responsive
	==================================*/
	.table-responsive > table > thead > tr > th,
	.table-responsive > table > tbody > tr > th,
	.table-responsive > table > tfoot > tr > th,
	.table-responsive > table > thead > tr > td,
	.table-responsive > table > tbody > tr > td,
	.table-responsive > table > tfoot > tr > td {
		white-space:nowrap;
	}
	.table-responsive > table{
		margin-top:0;
	}
	/*==================================
		Form inline adjust
	==================================*/
	.sp-flex-inline-form{
		display:flex;
		flex-wrap:wrap;
	}
	.sp-flex-inline-form .form-control{
		flex-basis:60%;
	}
	.sp-flex-inline-form .btn{
		margin-left:2%;
		flex-basis:38%;
	}
	.sp-flex-inline-form .select-class-archive{
		flex-basis:100%;
		width:100%;
		margin-bottom:5px;
	}
	.sp-flex-inline-form-datepicker .datepicker{
		flex-basis:45%;
	}
	.sp-flex-inline-form-datepicker-timepicker .datepicker{
		flex-basis:29%;
		margin-right:1%;
	}
	.sp-flex-inline-form-datepicker-timepicker .timepicker{
		flex-basis:15%;
	}
	.sp-flex-inline-form-datepicker .span-to,
	.sp-flex-inline-form-datepicker-timepicker .span-to{
		flex-basis:10%;
		text-align:center;
		line-height:40px;
	}
	.sp-flex-inline-form-add-timetable .select-week,
	.sp-flex-inline-form-add-timetable .select-timeunit{
		flex-basis:23%;
		margin-right:2%
	}
	.sp-flex-inline-form-add-timetable .input-classroom{
		flex-basis:38%;
	}
	.sp-flex-inline-form-add-timetable .a-remove-timetable{
		flex-basis:8%;
		margin-left:2%;
		line-height:40px;
	}
	.sp-flex-inline-form-class-teams #span-teams,
	.sp-flex-inline-form-class-access-teams #span-teams{
		flex-basis:100%;
		margin-bottom:5px;
	}
	.sp-flex-inline-form-class-teams #span-teams span,
	.sp-flex-inline-form-class-teams #span-teams span select.form-control,
	.sp-flex-inline-form-class-access-teams #span-teams span,
	.sp-flex-inline-form-class-access-teams #span-teams span select.form-control{
		display:block;
		width:100%;
		flex-basis:100%;
	}
	.sp-flex-inline-form input[id="company-name"],
	.sp-flex-inline-form .button-select-company{
		margin-bottom:5px;
	}
}
@media (max-width: 1180px) {
	.div-class-content-title{
		min-width:0;
	}
	.content-title.img-shared,
	.content-title.img-reffered{
		min-height:25px;
		margin-bottom:4px;
	}
}


/*==================================
	Panel
==================================*/
body .main_menu .main_menu_label {
	max-width:100%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}