/**
DreamWeb2.0首页设计切图标准:
	1920*1080分辨率:76px * 29px的网格组成 ，形成25格*34格的网格，宽度为:1900px剩余留白，高度为:986px。
 	1366*768分辨率:75px * 29px的格子组成，形成18格*24格的网格, 宽度为:1349px(比75*18少一像素)剩余留白，高度为:696px。
 	每一个部件，都要落在格子内。
 */
/**-----------------DreamSoft Layui customization BEGIN------------------------*/
.layui-container{
  padding: 0;
}

.layui-col-ll1, .layui-col-ll2, .layui-col-ll3, .layui-col-ll4, .layui-col-ll5, .layui-col-ll6, .layui-col-ll7, .layui-col-ll8, .layui-col-ll9, .layui-col-ll10, .layui-col-ll11, .layui-col-ll12
, .layui-col-ll13, .layui-col-ll14, .layui-col-ll15, .layui-col-ll16, .layui-col-ll17, .layui-col-ll18
,.layui-col-xl1, .layui-col-xl2, .layui-col-xl3, .layui-col-xl4, .layui-col-xl5, .layui-col-xl6, .layui-col-xl7, .layui-col-xl8, .layui-col-xl9, .layui-col-xl10, .layui-col-xl11, .layui-col-xl12
,.layui-col-xl13,.layui-col-xl14,.layui-col-xl15,.layui-col-xl16,.layui-col-xl17,.layui-col-xl18,.layui-col-xl19,.layui-col-xl20,.layui-col-xl21,.layui-col-xl22,.layui-col-xl23,.layui-col-xl24
,.layui-col-xl25
{
    position: relative; display: block; box-sizing: border-box;
}


/* 18格: 推荐分辨率1366*768，命名:ll */
/*@media screen and (max-width: 1920px) {*/
@media screen and (max-device-width: 1920px){

  .layui-hide-ll{display: none!important;}
  .layui-show-ll-block{display: block!important;}
  .layui-show-ll-inline{display: inline!important;}
  .layui-show-ll-inline-block{display: inline-block!important;}
  
  .layui-col-ll1, .layui-col-ll2, .layui-col-ll3, .layui-col-ll4, .layui-col-ll5, .layui-col-ll6, .layui-col-ll7, .layui-col-ll8, .layui-col-ll9, .layui-col-ll10, .layui-col-ll11, .layui-col-ll12
  , .layui-col-ll13, .layui-col-ll14, .layui-col-ll15, .layui-col-ll16, .layui-col-ll17, .layui-col-ll18
  {
  	float: left;
  	min-height: 1px;
  }
    .layui-container{width: 1349px;}
     .layui-col-ll1{width: 75px;}
    .layui-col-ll2{width: 150px;}
    .layui-col-ll3{width: 225px;}
    .layui-col-ll4{width: 300px;}
    .layui-col-ll5{width: 375px;}
    .layui-col-ll6{width: 449px;}
    .layui-col-ll7{width: 524px;}
    .layui-col-ll8{width: 599px;}
    .layui-col-ll9{width: 674px;}
    .layui-col-ll10{width: 749px;}
    .layui-col-ll11{width: 824px;}
    .layui-col-ll12{width: 899px;}
    .layui-col-ll13{width: 974px;}
    .layui-col-ll14{width: 1049px;}
    .layui-col-ll15{width: 1124px;}
    .layui-col-ll16{width: 1199px;}
    .layui-col-ll17{width: 1274px;}
    .layui-col-ll18{width: 1349px;}  /*1350px -1*/

/*    .layui-container{width: calc(100% - 10px);}
    .layui-col-ll1{width: 5.5555555555555556%;}
    .layui-col-ll2{width: 11.11111111%;}
    .layui-col-ll3{width: 16.66666667%;}
    .layui-col-ll4{width: 22.22222222%;}
    .layui-col-ll5{width: 27.77777778%;}
    .layui-col-ll6{width: 33.33333333%;}
    .layui-col-ll7{width: 38.88888889%;}
    .layui-col-ll8{width: 44.44444444%;}
    .layui-col-ll9{width: 50%;}
    .layui-col-ll10{width: 55.55555556%;}
    .layui-col-ll11{width: 61.11111111%;}
    .layui-col-ll12{width: 66.66666667%;}
    .layui-col-ll13{width: 72.22222222%;}
    .layui-col-ll14{width: 77.77777778%;}
    .layui-col-ll15{width: 83.33333333%;}
    .layui-col-ll16{width: 88.88888889%;}
    .layui-col-ll17{width: 94.44444444%;}
    .layui-col-ll18{width: 100%;} *//*1350px -1*/

  /* 列偏移 */
  .layui-col-ll-offset1{margin-left: 75px;}
  .layui-col-ll-offset2{margin-left: 150px;}
  .layui-col-ll-offset3{margin-left: 225px;}
  .layui-col-ll-offset4{margin-left: 300px;}
  .layui-col-ll-offset5{margin-left: 375px;}
  .layui-col-ll-offset6{margin-left: 450px;}
  .layui-col-ll-offset7{margin-left: 525px;}
  .layui-col-ll-offset8{margin-left: 600px;}
  .layui-col-ll-offset9{margin-left: 675px;}
  .layui-col-ll-offset10{margin-left: 750px;}
  .layui-col-ll-offset11{margin-left: 825px;}
  .layui-col-ll-offset12{margin-left: 900px;}
  .layui-col-ll-offset13{margin-left: 975px;}
  .layui-col-ll-offset14{margin-left: 1050px;}
  .layui-col-ll-offset15{margin-left: 1125px;}
  .layui-col-ll-offset16{margin-left: 1200px;}
  .layui-col-ll-offset17{margin-left: 1275px;}
  .layui-col-ll-offset18{margin-left: 1349px;}
  
  	/*行*/
	.layui-row-ll1{height:29px;}
	.layui-row-ll2{height:58px;}
	.layui-row-ll3{height:87px;}
	.layui-row-ll4{height:116px;}
	.layui-row-ll5{height:145px;}
	.layui-row-ll6{height:174px;}
	.layui-row-ll7{height:203px;}
	.layui-row-ll8{height:232px;}
	.layui-row-ll9{height:261px;}
	.layui-row-ll10{height:290px;}
	.layui-row-ll11{height:319px;}
	.layui-row-ll12{height:348px;}
	.layui-row-ll13{height:377px;}
	.layui-row-ll14{height:406px;}
	.layui-row-ll15{height:435px;}
	.layui-row-ll16{height:464px;}
	.layui-row-ll17{height:493px;}
	.layui-row-ll18{height:522px;}
	.layui-row-ll19{height:551px;}
	.layui-row-ll20{height:580px;}
	.layui-row-ll21{height:609px;}
	.layui-row-ll22{height:638px;}
	.layui-row-ll23{height:667px;}
.layui-row-ll24{height:696px;}
}
/* 24格: 推荐分辨率1920*1080，命名:xl */
@media screen and (min-device-width: 1920px) {


    .layui-hide-xl{display: none!important;}
  .layui-show-xl-block{display: block!important;}
  .layui-show-xl-inline{display: inline!important;}
  .layui-show-xl-inline-block{display: inline-block!important;}
  
  .layui-col-xl1, .layui-col-xl2, .layui-col-xl3, .layui-col-xl4, .layui-col-xl5, .layui-col-xl6, .layui-col-xl7, .layui-col-xl8, .layui-col-xl9, .layui-col-xl10, .layui-col-xl11, .layui-col-xl12
  ,.layui-col-xl13,.layui-col-xl14,.layui-col-xl15,.layui-col-xl16,.layui-col-xl17,.layui-col-xl18,.layui-col-xl19,.layui-col-xl20,.layui-col-xl21,.layui-col-xl22,.layui-col-xl23,.layui-col-xl24
  ,.layui-col-xl25
  {
  	float: left;
  	min-height: 1px;
  }

    .layui-container{width: 1900px;}
    .layui-col-xl1{width:76px;}
    .layui-col-xl2{width:152px;}
    .layui-col-xl3{width:228px;}
    .layui-col-xl4{width:304px;}
    .layui-col-xl5{width:380px;}
    .layui-col-xl6{width:456px;}
    .layui-col-xl7{width:532px;}
    .layui-col-xl8{width:608px;}
    .layui-col-xl9{width:684px;}
    .layui-col-xl10{width:760px;}
    .layui-col-xl11{width:836px;}
    .layui-col-xl12{width:912px;}
    .layui-col-xl13{width:988px;}
    .layui-col-xl14{width:1064px;}
    .layui-col-xl15{width:1140px;}
    .layui-col-xl16{width:1216px;}
    .layui-col-xl17{width:1292px;}
    .layui-col-xl18{width:1368px;}
    .layui-col-xl19{width:1444px;}
    .layui-col-xl20{width:1520px;}
    .layui-col-xl21{width:1596px;}
    .layui-col-xl22{width:1672px;}
    .layui-col-xl23{width:1748px;}
    .layui-col-xl24{width:1824px;}
    .layui-col-xl25{width:1900px;}

    /*
    .layui-container{width: calc(100% - 10px);}
    .layui-col-xl1{width:4%;}
    .layui-col-xl2{width:8%;}
    .layui-col-xl3{width:12%;}
    .layui-col-xl4{width:16%;}
    .layui-col-xl5{width:20%;}
    .layui-col-xl6{width:24%;}
    .layui-col-xl7{width:28%;}
    .layui-col-xl8{width:32%;}
    .layui-col-xl9{width:36%;}
    .layui-col-xl10{width:40%;}
    .layui-col-xl11{width:44%;}
    .layui-col-xl12{width:48%;}
    .layui-col-xl13{width:52%;}
    .layui-col-xl14{width:56%;}
    .layui-col-xl15{width:60%;}
    .layui-col-xl16{width:64%;}
    .layui-col-xl17{width:68%;}
    .layui-col-xl18{width:72%;}
    .layui-col-xl19{width:76%;}
    .layui-col-xl20{width:80%;}
    .layui-col-xl21{width:84%;}
    .layui-col-xl22{width:88%;}
    .layui-col-xl23{width:92%;}
    .layui-col-xl24{width:96%;}
    .layui-col-xl25{width:100%;}*/

  	/* 列偏移 */
	.layui-col-xl-offset1{margin-left:76px;}
	.layui-col-xl-offset2{margin-left:152px;}
	.layui-col-xl-offset3{margin-left:228px;}
	.layui-col-xl-offset4{margin-left:304px;}
	.layui-col-xl-offset5{margin-left:380px;}
	.layui-col-xl-offset6{margin-left:456px;}
	.layui-col-xl-offset7{margin-left:532px;}
	.layui-col-xl-offset8{margin-left:608px;}
	.layui-col-xl-offset9{margin-left:684px;}
	.layui-col-xl-offset10{margin-left:760px;}
	.layui-col-xl-offset11{margin-left:836px;}
	.layui-col-xl-offset12{margin-left:912px;}
	.layui-col-xl-offset13{margin-left:988px;}
	.layui-col-xl-offset14{margin-left:1064px;}
	.layui-col-xl-offset15{margin-left:1140px;}
	.layui-col-xl-offset16{margin-left:1216px;}
	.layui-col-xl-offset17{margin-left:1292px;}
	.layui-col-xl-offset18{margin-left:1368px;}
	.layui-col-xl-offset19{margin-left:1444px;}
	.layui-col-xl-offset20{margin-left:1520px;}
	.layui-col-xl-offset21{margin-left:1596px;}
	.layui-col-xl-offset22{margin-left:1672px;}
	.layui-col-xl-offset23{margin-left:1748px;}
	.layui-col-xl-offset24{margin-left:1824px;}
	.layui-col-xl-offset25{margin-left:1900px;}
  
  	/*行*/
	.layui-row-xl1{height:29px;}
	.layui-row-xl2{height:58px;}
	.layui-row-xl3{height:87px;}
	.layui-row-xl4{height:116px;}
	.layui-row-xl5{height:145px;}
	.layui-row-xl6{height:174px;}
	.layui-row-xl7{height:203px;}
	.layui-row-xl8{height:232px;}
	.layui-row-xl9{height:261px;}
	.layui-row-xl10{height:290px;}
	.layui-row-xl11{height:319px;}
	.layui-row-xl12{height:348px;}
	.layui-row-xl13{height:377px;}
	.layui-row-xl14{height:406px;}
	.layui-row-xl15{height:435px;}
	.layui-row-xl16{height:464px;}
	.layui-row-xl17{height:493px;}
	.layui-row-xl18{height:522px;}
	.layui-row-xl19{height:551px;}
	.layui-row-xl20{height:580px;}
	.layui-row-xl21{height:609px;}
	.layui-row-xl22{height:638px;}
	.layui-row-xl23{height:667px;}
	.layui-row-xl24{height:696px;}
	.layui-row-xl25{height:725px;}
	.layui-row-xl26{height:754px;}
	.layui-row-xl27{height:783px;}
	.layui-row-xl28{height:812px;}
	.layui-row-xl29{height:841px;}
	.layui-row-xl30{height:870px;}
	.layui-row-xl31{height:899px;}
	.layui-row-xl32{height:928px;}
	.layui-row-xl33{height:957px;}
	.layui-row-xl34{height:986px;}
}
/**-----------------DreamSoft Layui customization END------------------------*/

/**-----------------栅格Demo BEGIN------------------------*/
.grid-demo{padding: 10px; line-height: 50px; text-align: center; background-color: #79C48C; color: #fff;}
.grid-demo-bg1{background-color: #63BA79;}
.grid-demo-bg2{background-color: #49A761;}
.grid-demo-bg3{background-color: #38814A;}
/**-----------------栅格Demo End------------------------*/

body,html{
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family: "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", SimSun, sans-serif;
}
/*新增开始*/
.percent-10{
	height: calc(100% - 10px) !important;
}
/*如果需要自适应在外层添加此样式*/
.flex{
	display: flex;
	height: 100%;
	display: -ms-flexbox;
	-ms-flex-direction: column;
	flex-direction: column;
}
/*哪个需要自适应就添加此样式*/
@media screen and (min-device-width: 1920px) {
	.adapt-xl {
		flex: 1;
		-ms-flex: 1;
	}
}

@media screen and (max-device-width: 1920px){
	.adapt-ll {
		flex: 1;
		-ms-flex: 1;
	}
}


.test-x {
	flex: 1;
	-ms-flex: 1;
}

.full{
	height: 100%;
}
#iframe_div,#filelist_div{
	flex: 1;
	-ms-flex: 1;
}
#todo_div,#allapp_div,#toolbar_div,#personal_div,#schedulist_div,#list_div{
	height: 100%;
}
#admin_cup_div,#admin_user_div{
	height: 50%;
}
/*结束*/



div{
	float:inherit;
}

.layui-btn-container .layui-btn{
	margin-bottom: 0px;
}

.layui-btn-s {
    height: 25px;
    line-height: 25px;
    padding: 0 12px;
    font-size: 12px;
}

.layui-badge-circle {
   	height: 18px;
    line-height: 18px;
}

.layui-tab-title .layui-badge-circle{
	left: 5px;
    top: -7px;
    position: relative;
    display: inline-block;
    padding: 0 6px;
    font-size: 12px;
    text-align: center;
    background-color: #FF5722;
    color: #fff;
    border-radius: 10px;
}

.img-responsive {
  display: inline-block;
  height: auto;
  max-width: 100%;
}


/*按钮.ds-btn2,.ds-btn应该去掉*/
.ds-btn1,.ds-btn3,.ds-btn2,.ds-btn{
	height: 32px;
	line-height: 32px;
	padding: 0 24px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
/*皮肤色*/
.ds-btn1{
	color: #FFF !important;
}
/*白色*/
.ds-btn3{
	background: #FFFFFF;
	color: #555555 !important;
	border: 1px solid #C9C9C9;
}
.ds-btn3:hover{
	color: #555555;
}

body .ds-btn-skin .layui-layer-title{
	border: none;
}
body .ds-btn-skin .layui-layer-btn{
	border-top:1px solid #f1f1f1;padding: 0 ;
}
body .ds-btn-skin .layui-layer-btn a{
	background:#f9f9f9;
	margin: 0px;
	padding:0px;
	border-radius:0px;
	height:45px;
	line-height:45px;
}
body .ds-btn-skin .layui-layer-btn .layui-layer-btn0{
	width:50%;
	box-sizing: border-box;
	color:#0f9bff;border:none;
}
body .ds-btn-skin .layui-layer-btn .layui-layer-btn1{
	background:#f9f9f9;
	width:50%;
	box-sizing: border-box;
	color: #656466;
	border-left:1px solid #f1f1f1;
	border-right: none;
	border-top: none;
	border-right: 0px;
}


.rename-div{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.rename-div .layui-input-block{
	margin-left: 0px;
}
.original-name-outside-div{
	width: 100%;
	height: 38px;
	background: #FFFFFF;
	border-radius: 2px;
	line-height: 38px;
	/*padding-left: 10px;*/
	position: relative;
	/*border: 1px solid #e6e6e6;*/
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.original-name-div{
	width: 100%;
	/*height: 38px;*/
	line-height: 24px;
}
.original-name{
	height: 24px;
	padding: 0px;
	margin: 0px;
	/*color: #a6afb8;*/
	line-height: 24px;
	width: 64px;
	/*position: absolute;*/
	text-align: center;
	font-size: 14px;
	right: 5px;
	top: 8px;
	/*border-radius: 3px;
	background: #f5f5f7;*/
}
.confirmButtonClass-skin-black{
	color:#000!important;
}

/*
@media screen and (max-device-width: 1920px){
	#todo_div {
		width: 898px;
	}
	#allapp_div {
		width: 972px;
	}
	#list_div + div {
		width: 747px;
	}

}

@media screen and (min-device-width: 1920px){
	#todo_div {
		width: 1442px;
	}
	#allapp_div {
		width: 1519px;
	}
	#list_div + div {
		width: 1291px;
	}

}*/