@import url("../common.css");
/**覆盖layer-ui样式
.layui-table-hover, .layui-table tbody tr:hover {
    background-color: #F00!important;
}*/
.table-row-hover {
    background-color: rgba(0,0,0,.1) !important;
}
.table-row-click {
    background-color: #acfffc!important;
}
/* 教学安排管理 */
body,html{
  height: 100%;
}
.course-management{
  padding: 0px;
  width: 100%;
  /* height: 100%; */
}
.course-management>header,.course-management>section{
  width: 100%;
  /* min-width: 1668px; */
}
.course-management>section{
  /*margin-top: 16px;*/
  height: calc(100% - 120px);
}
.course-management>section > main{
  width: 100%;
}


/* 新增开课点 */
.add-course-dot{
  height: 725px;
}
.add-course-dot>div{
  float: left;
}
.add-course-dot>div.right-container{
  width: 770px;
  margin: 20px 0 0 50px;
}
.add-course-dot>div.right-container dl dd:nth-child(3n){
  margin-left: 50px;
}
.add-course-dot>div.right-container dd{
  display: inline-block;
  font-size: 12px;
}
.add-course-dot>div.right-container dd>b{
  margin:0 4px;
  color: #3B82FF;
}

.add-course-dot .edu-form .edu-form-item>label{
  width: 54px;
  height: 34px;
  line-height: 34px;
}
.add-course-dot .edu-form input[type="text"],.add-course-dot .edu-form select,
.add-course-dot .edu-form-item>div.item-right{
  width: 176px;
}
.add-course-dot .edu-form .form-right{
  width: 100%;
  text-align: right;
  margin-top: 6px;
}
.add-course-dot .edu-form .form-right .edu-btn{
  width: 86px;
}
.add-course-dot .item-right>span{
  display: inline-block;
  width: calc(100% - 24px);
  vertical-align: text-top;
}
.add-course-dot .sub-text{
  font-size: 12px;
  color: #B2B2B2;
  margin-left: 63px;
}
.add-course-dot .sub-div{
  margin-left: 63px;
}

.add-course-dot .edu-table{
  margin: 10px 0 8px 0;
}
.add-course-dot .edu-table td{
  border: 1px solid #E5E5E5;
  padding: 8px 12px;
}
.add-course-dot .edu-table-bottom{
  font-size: 12px;
  color: #979797;
  text-align: right;
}

.add-course-dot .edu-form-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-course-dot .edu-form-item .edu-inline{
  margin-left: 0;
}
.add-course-dot .edu-form-item .edu-inline>label{
  width: 40px;
}
.edu-bottom-group{
  margin: 16px 0 0 0;
}
.edu-bottom-group-l{display: inline-block;}
/* 表单内容设置 */
.set-form>li{
  width:190px;
  height:34px;
  background:rgba(255,255,255,1);
  border-radius:2px;
  padding: 0 10px;
  line-height: 34px;
  border:1px solid rgba(229,229,229,1);
  margin-top: 16px;
  display: inline-block;
}
.set-form>li.current{
  border: 1px solid #3B82FF;
}
.mytable{min-width: 100%;}
.mytable tr td{float: left;margin-top: 16px;margin-left: 16px;width: 250px;}
.mytable tr td.input-td{margin-left: 5px;}
.mytable tr td.text-td{line-height: 32px;width: 60px;}
.mytable tr td input::placeholder{width: 250px;color: #C8C8C8;}
.mytable .last-btns{float: left;width: 260px;}
.mytable tr td select{font-weight: 400;}

.course-management .layui-table-cell{height: 32px;line-height: 32px;}
.course-management .layui-form-checkbox[lay-skin=primary]{min-height: 14px;min-width: 14px;margin: 10px;}
.course-management .layui-table-view .layui-form-checkbox[lay-skin=primary] i{width: 14px;height: 14px;line-height: 14px;}
.time_box{
	display: flex;
	height: 32px;
	align-items: center;
	margin-bottom: 16px;
}
.time_box>span{margin-right: 10px;}
.el-input__inner{
	height: 32px !important;
	padding: 0 8px!important;
	line-height: 32px;
}
.el-range-separator{width: 8%!important;}
.time_box_week .el-input__inner{
	width: 200px;
	text-align: center;
}
.week-box{width: 190px!important;}
.time_box_item>span{margin-right: 6px;}
.select_group{
		margin-left: 30px;
	}
.input_group{
	display: flex;
	align-items: center;
}
.input_group>input{
	padding: 0;
	padding:0 10px;
	width: 62px;
	height: 20px;
	border: none;
	outline: none;
	border-bottom: 1px solid #606266;
}
.label_group{padding-left: 140px;}
.label_group>span{padding-right: 10px;}
.search_group{
	display: flex;box-sizing: border-box;
	justify-content: space-between;
	margin-bottom: 16px;
}
.group_btns{
	width: 353px;
	display: flex;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
	height: 35px;
}
.search_group .edu-btn{
	width: 85px;
	text-align: center;
	height: 32px;
	padding: 0;
	line-height: 32px;
}
.select_box{display: flex;justify-content: space-between;margin-bottom: 16px;}
.select_box .form-item span{padding: 0 5px;}
.course-set{display: flex;justify-content: space-between;}
.course-set .course_left{width: 50%;padding-right: 20px;}
.course-set .course_left .course_left_item{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-bottom: 16px;
}
.course-set .course_left .course_left_item span{margin-right: 10px;}
.course-set .course_right{width: 50%;}
.course-set .course_right .course_right_item{
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}
.course-set .course_right .course_right_item label{margin: 0;margin-right: 5px;}
.course-set .course_right .select_group{
	width: 50%;
	box-sizing: border-box;
	border: 1px solid #E5E5E5;
	margin: 0;
	padding-right: 10px;
	display: block;
}
.course-set .course_right .select_group select{
	width: 75px;
	border: none;
}
.course-set .course_right .select_group input{
	width: 75px;
	border: none;
	padding-right: 0;
	border-left: 1px solid #E5E5E5;
}
.footer_box{width: 80%;margin: 0 auto;}
.footer_box .footer_box_item{display: flex;justify-content: space-between;margin-bottom: 16px;}
.select_box .select_group_item>span{margin-right: 8px;}
.tiem_select{
	background: url(../../images/icon_time.png) no-repeat 94% center;
	background-size: 16px 16px;
}
.group-btns{border: 1px solid #E5E5E5;}

/********************************************************************* 查询条件统一样式 ******************************************************************/
.search-form-content>ul{
  display: flex;
  flex-wrap: wrap;
}

.search-form-content>ul li {
  font-size: 12px;
  color: #333;
  margin-top: 12px;
  width: 273px;
  position: relative;
  white-space: nowrap;
}
.search-form-content>ul li>label {
  width: 72px;
  margin-right: 6px;
  /*margin-left: 6px;*/
  display: inline-block;
  text-align: right;
  position: relative;
  vertical-align: middle;
  white-space: normal;
}

.search-form-content>ul li>label.checkbox.checkbox-xs{
	width: auto;
	text-align: left;
}
.search-form-content>ul li select{
	font-weight: 400;
}
.search-form-content>ul li input::placeholder{
	color: #C8C8C8;
}

/*.search-form-content>ul li input:focus{
    border-color:#3B82FF;
}*/

.search-form-content>ul li>label .red {
  position: absolute;
  top: -2px;
  right: -8px;

}
.search-form-content>ul li font{
	position: absolute;
	white-space: normal;
}
.search-form-content>ul li>div {
  display: inline-block;
  vertical-align: middle;
}

.search-form-content>ul li.last-btns {
  text-align: right;
  width: 273px;
  /*flex: 1;*/
}
.search-form-content .check_box>ul>li,.check_footer{
	width: auto;
	margin-top: 0;
}
.search-form-content .check_box>ul>li:last-child{
    text-align:left;
}
.multi-opt-content>select{width: 40px !important;}
.multi-opt-content>input{width: 37px !important;}
.multi-line-cell-cont-table .layui-table-cell{
    line-height: 1.5;
    height: auto;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
}
/* 点击更多后样式 */
.course-management.expand>header{
  background: #fff;
  padding-bottom: 6px;
  position: absolute;
  z-index: 200;
  margin-top: 14px;
  box-shadow:0px 12px 20px 5px rgba(0,0,0,0.07);
  border-radius:8px;
  width: 100%;
}
.course-management.expand div.search-form-content{
  /*padding: 0 15px 10px;*/
  padding: 0 0px 10px;
}
.course-management .edu-up,.course-management.expand .edu-down{
  display: none;
}
.course-management.expand .edu-up{
  display: inline-block;
}
.course-management.expand>section{
  margin-top: 120px;
}
.course-management.expand .search-form-content li.edu-hide,.course-management.expand .search-form-content li.media-hide{
  display: inline-block;
}
/* #search_values>ul>li:not(:first-child){
	margin-top: 8px;
} */

select.opt-part-l,input.opt-part-l{
	width: 124px !important;
    border-radius: 2px 0 0 2px;
}
button.opt-part-r{
	vertical-align: top;
	margin-left: -3px;
	color: #3B82FF !important;
    border-left-width: 0;
}

.box {
  /* display: inline-block; */
  /* border: 1px solid currentcolor; */
  border-radius: 3px;
  font-size: 30px;
  color: #3b82ff;
   padding: 1em;
   /* margin-bottom: .25em; 
   vertical-align: top;  */
  -webkit-transition: .3s color, .3s border;
  transition: .3s color, .3s border;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  background: rgba(0, 0, 0, 0.6);
  /*display: none;*/
  /* position: absolute;
  top: 50%;
  left: 50%;
  z-index: 99999; */
}
.box .box-load{
    width: 120px;
    height: 120px;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;

}
.box .box-load p{
    font-size: 12px;
    text-align: center;
    color: #000;
    position: absolute;
    bottom: 12px;
    left: 35%;
}
[class*="loader-"] {
    display: inline-block;
    width: 3em;
    height: 3em;
    color: inherit;
}
.loader-18 {
    margin-top: -20px;
    border: .2em solid currentcolor;
    border-bottom-color: transparent;
    border-radius: 50%;
    -webkit-animation: 1s loader-18 linear infinite;
    animation: 1s loader-18 linear infinite;
    position: relative;
}
@-webkit-keyframes loader-18 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes loader-18 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.edu-bottom-group{
    margin: 0;
}