.editPortletMain
{
  display:flex;
  flex-direction:column;
}

.editPortletMain input[type=text]
{
  width:100%;
}

.editPortletMain textarea
{
  resize:none;
  width:100%;
  font-size:13px;
}

.editPortletItem
{
  display:flex;
  flex-direction:row;
  overflow:hidden;
}

#editPortletTitle
{
  padding:15px;
  justify-content:center;
  overflow:hidden;
  min-width:max-content;
}

#editPortletBtn { margin:8px; }

#portletItemTOP
{
  border:1px solid #bbb;
  border-bottom:none;
}

#portletItemTOP .configBtn { display:none; }
#portletItemTOP, #portletItemMIDDLE2, #portletItemCENTER>table>tbody>tr:nth-child(2) { background-color:#E6E8EB; }
#portletItemMIDDLE1>div { border:1px solid #bbb; }

#portletItemMIDDLE1>#portletItemCENTER
{
  border-right:none;
  border-left:none;
}

#portletItemMIDDLE2
{
  border-right:1px solid #bbb;
  border-left:1px solid #bbb;
  padding:8px;
}

#portletItemMIDDLE2>div:nth-child(2)
{
  text-align:center;
  justify-content:center;
  overflow:hidden;
  min-width:max-content
}

#portletItemMIDDLE2>div:last-child { color:red; }

#portletItemBOTTOM
{
  height:500px;
  border:1px solid #bbb;
  background-color:#F1F1F6;
  padding:8px;
}

#portletItemRIGHT
{
  padding:5px;
  justify-content:center;
  overflow:hidden;
  min-width:max-content;
}

#portletItemCENTER>table>tbody>tr>td, #portletItemList>table>tbody>tr>td { padding:5px; }

#portletItemCENTER>table>tbody>tr:nth-child(2)>td
{
  border-top:1px solid #bbb;
  border-bottom:1px solid #bbb;
}

#portletItemPERMIT
{
  display:none;
  overflow:auto;
}
#portletItemList
{
  width:380px;
  height:265px;
  overflow:auto;
}

#portletItemList>table { table-layout:fixed; }

#divPreview
{
  position:relative;
  overflow:auto;
}

#divResize {
  position:absolute;
  left:0px;
  top:0px;
  display:none;
}

.portletItems { flex-wrap:wrap; }

.portletItem
{
  width:220px;
  height:180px;
  margin:10px;
  cursor:pointer;
}

.portletItem:hover > .portletItemBottm
{
  background-color:#b9b9be;
  opacity:0.7;
  color:#ffffff;
}

.portletItemTop
{
  width:220px;
  height:140px;
  background-color:#f1f1f6;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border:1px solid #ddd;
  text-align:center;
}

.portletItemTop > i
{
  font-size:70px;
  margin-top:38px;
  color:#ccc;
}

.portletItemTop > img
{
  position:relative;
  width:100%;
  height:100%;
}

.portletItemBottm
{
  width:220px;
  height:38px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
  text-align:center;
  line-height:38px;
  color:#666;
  font-size:13px;
}

.portletItemBottm > span
{
  vertical-align:middle;
  vertical-align:-moz-middle-with-baseline;
  vertical-align:-webkit-baseline-middle;
}

.menu_header
{
  display:flex;
  flex-direction:row;
  flex-grow:0;
  flex-shrink:0;
  flex-basis:auto;
  overflow:hidden;
  background-color:#f1f1f6;
  height:45px;
  line-height:45px;
  padding: 0 15px 0 20px;
  border-bottom:1px solid #ddd;
}

.menu_header .menu_name
{
  color:#333;
  font-size:14px;
  font-weight:bold;
  flex-grow:0;
  flex-shrink:1;
  flex-basis:auto;
  margin:0;
  line-height:45px;
}

.tab.menu_header .menu_name
{
  color:#999;
  font-weight:bold;
  font-size:13px;
  flex-grow:0;
  flex-shrink:1;
  flex-basis:auto;
  cursor:pointer;
}

.tab.menu_header .menu_name:hover,
.tab.menu_header .menu_name.selected
{
  color:#940910;
  font-weight:bold;
  font-size:13px;
}

.tab.menu_header .tab_line
{
  width:1px;
  height:12px;
  background-color:#ccc;
  margin-left:20px;
  margin-right:20px;
  margin-top:17px;
}

.tab.menu_item .menu_list.selected
{
  display:flex;
  flex-direction:row;
}

.menu_item
{
  display:flex;
  flex-direction:column;
  flex-grow:0;
  flex-shrink:1;
  flex-basis:100%;
  margin-top:5px;
  border-top:0px;
  overflow-x:hidden;
  overflow-y:auto;
  font-size:13px;
}

.menu_list ul li .menu_count
{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:13px;
  width:50px;
  height:17px;
  border-radius:4px;
  font-weight:400;
  background-color:#d67073;
  color:#fff;
  text-align:center;
}

.menu_list ul li .menu_txt
{
  text-align:right;
  font-size:13px;
  color:#666;
  margin-top:1px;
  margin-left:5px;
}

.menu_header .more, .menu_header .setting, .menu_header .reload
{
  cursor:pointer;
  flex-grow:0;
  flex-shrink:0;
  flex-basis:auto;
  line-height:normal;
  display:flex;
  align-items:center;
  width:28px;
  height:26px;
  text-align:center;
  border-radius:6px;
  background-color:#f1f1f6;
  border:1px solid #ccc;
  margin-top:8px;
  margin-left:auto;
}

.menu_header .more i, .menu_header .setting i
{
  color:#666;
  font-size:15px;
  font-weight:500;
  width:100%;
}

.menu_header .reload i
{
  color:#666;
  font-size:13px;
  font-weight:500;
  width:100%;
}

.menu_header .calendar_month
{
  padding:0px 10px 0px 10px;
  border-radius:6px;
  background-color:#f1f1f6;
  border:1px solid #ccc;
  font-size:12px;
  height:25px;
  margin-left:10px;
  cursor:pointer;
  margin-top:10px;
  text-align:center;
  line-height:25px;
}

.menu_item .menu_list ul li .none_list
{
  flex-grow:0;
  flex-shrink:1;
  flex-basis:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.menu_header .more i:hover { color:#207a98; }
.menu_header .setting i:hover { color:#e39307; }
.menu_header .reload i:hover { color:#578938; }
.menu_item .menu_list ul li:hover { color:#808080; }

.menu_item .menu_list ul
{
  padding:0px;
  margin:0px;
  display:flex;
  flex-direction:column;
  flex-grow:0;
  flex-shrink:1;
  flex-basis:100%;
}

.menu_item .menu_list ul li
{
  display:flex;
  flex-direction:row;
  text-align:inherit;
  margin-bottom:0;
  padding:10px 20px;
  cursor:pointer;
  width:auto;
}

.menu_item .menu_list ul li.no_hand { cursor:initial; }

.menu_item .menu_list ul li .tit
{
  flex-grow:0;
  flex-shrink:1;
  flex-basis:100%;
  cursor:pointer;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.menu_item .menu_list ul li .name
{
  flex-basis:80px;
  text-align:center;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.menu_item .menu_list ul li .date
{
  flex-basis:100px;
  text-align:right;
  color:#999;
  line-height:17px;
}

.menu_item .menu_list ul li .fulldate, .menu_item .menu_list ul li .fullname
{
  flex-basis:30%;
  text-align:right;
  white-space:nowrap;
}

.menu_item .menu_list ul li .name.l4 { flex-basis:10%; }

.menu_item .menu_list ul li .tit.l4
{
  flex-basis:20%;
  cursor:initial;
}

.menu_item .menu_list ul li .date.l4
{
  flex-basis:55%;
  text-align:center;
  color:#999;
  line-height:17px;
}
.menu_item .menu_list ul li .day.l4
{
  flex-basis:15%;
  text-align:center;
  line-height:17px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.menu_item .menu_list ul li .name2.l4 { flex-basis:10%; }

.menu_item .menu_list ul li .tit2.l4
{
  flex-basis:10%;
  cursor:initial;
}

.menu_item .menu_list ul li .date2.l4
{
  flex-basis:65%;
  text-align:center;
  color:#999;
  line-height:17px;
}

.menu_item .menu_list ul li .day2.l4
{
  flex-basis:15%;
  text-align:center;
  line-height:17px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.menu_item .menu_list ul li .fulldate { color:#999; }

.menu_item .menu_list ul li .menu_name
{
  flex-grow:0;
  flex-shrink:1;
  flex-basis:70%;
  font-size:13px;
}

.menu_item .menu_list ul li .menu_name.menu_half_l { flex-basis:50%; }
.menu_item .menu_list ul li .menu_txt.menu_half_r { margin-left:auto; }
.menu_item .menu_list .dayMonth { background-color:#ddd; }
.menu_item .menu_list .dayMonth .sun { color:#940910; }
.menu_item .menu_list .dayMonth .sat { color:#65ac99; }
.menu_item .menu_list .dayMonth .today { border:1px solid #ed1c24; }

.menu_item .menu_list .dayMonth tr th
{
  height:36px;
  background-color:#f1f1f6;
  font-size:14px;
  font-weight:400;
  text-align:right;
}
.menu_item .menu_list .dayMonth tr th div
{
  float:left;
  margin-left:10px;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  color:#940910;
  max-width:50%;
}
.menu_item .menu_list .dayMonth tr td
{
  height:100%;
  text-align:left;
  vertical-align:top;
  padding:10px;
  font-size:13px;
  font-weight:400;
  background-color:#fff;
}

.header_tab_list, .header_tab_select, .header_tab_btn { display:flex;}
.header_tab_select { width:0px; }

.header_tab_select > select
{
  height:35px;
  border:1px solid #f1f1f6;
  border-radius:4px;
  padding-right:20px;
  outline:none;
  font-weight:bold;
  color:#444;
  margin-top:6px;
  background-color:#f1f1f6;
}

.header_tab_btn { margin-left:auto; }
.selectedColor { color:#940910; }

.menu_list .calendarDiv .weekCal
{
  position:absolute;
  text-align:center;
  height:16px;
  line-height:16px;
  border-radius:10px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.menu_list .calendarDiv .selectedCal, .calendarMonthDiv .selectedCal
{
  background-color:#D190D2 !important;
  border:1px dotted #112;
}

.calendarInfo
{
  opacity:0;
  visibility:hidden;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  text-align:left;
  background:rgba(0,0,0, .6);
  transition:opacity .25s ease;
  z-index:1000;
}

.calendarBG
{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  cursor:pointer;
}

.calendarInner
{
  transition:top .25s ease;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:340px;
  margin:auto;
  overflow:auto;
  background:#fff;
  border-radius:6px;
  height:350px;
}

.calendarInfoTop
{
  width:100%;
  height:50px;
  background:#194988;
}

.calendarInfoTop > .calendarInfoTitle
{
  color:#fff;
  font-size:16px;
  width:80%;
  height:25px;
  padding-top:13px;
  padding-left:20px;
}

.claendarInfoClose
{
  position:absolute;
  right:20px;
  top:18px;
  width:12px;
  height:12px;
  cursor:pointer;
}

.calendarInfoContents
{
  padding:20px;
  width:300px;
  height:260px;
  margin:0 auto;
}

.calendarInfoContents > div { position:relative; }

.calendarInfoContents > div > .day_time
{
  display:inline-block;
  font-size:12px;
  width:82px;
  position:absolute;
}

.calendarInfoContents > div > .day_time > span
{
  background-color:#f1f1f1;
  border-radius:20px;
  padding:4px 12px;
  color:#3584a8;
  font-weight:400;
}

.calendarInfoContents > div > .day_txt
{
  display:inline-block;
  font-size:13px;
  width:195px;
  padding-bottom:15px;
  border-left:1px solid #ccc;
  padding-left:15px;
  position:relative;
  margin-left:82px;
  color:#444;
  word-break:break-word;
  cursor:pointer;
}

.calendarInfoContents > div > .day_txt > .day_dot
{
  position:absolute;
  width:4px;
  height:4px;
  top:7px;
  left:-3px;
  background:#ccc;
  border-radius:50%;
  font-size:13px;
  color:#444;
}

.dateMonth td { height:85px; }

.dateMonth td .calDate
{
  position:absolute;
  text-align:center;
  margin-left:-10px;
  background-color:yellow;
  width:195px;
}

.calendarMonthDiv .weekCal
{
  position:absolute;
  text-align:center;
  height:15px;
  line-height:16px;
  border-radius:10px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
}

.popTreeData
{
  overflow-y:auto;
  padding:10px;
}
.popTreeData .portlet { margin-bottom:8px; }
.popTreeData i
{
  font-size:13px;
  color:#940910;
}

.popTreeData>.portlet>.portlet { margin-left:10px; }
.popTreeData>.portlet>.portlet>.portlet { margin-left:15px; }
.popTreeData>.portlet>.portlet>.portlet>.portlet { margin-left:20px; }
.popTreeData>.portlet>.portlet>.portlet>.portlet>.portlet { margin-left:25px; }
#portletListTb td { height:30px; }
.bDel_btn
{
  color:#ff0000;
  cursor:pointer;
  font-size:13px;
}
.labelDv { display:inline-block; }