/* контейнер для меню и данных -мею и воркплэйс подписенные */
.flex-container {
	width: 100%; 
	height: 100%;
	min-height: 100%;
	display: flex;
	flex-flow: row nowrap;
}

/* Левое меню */
.menu {
	overflow: auto;
	width: 100px;
     	min-width: 240px;
	float: left; 
	flex-grow: 1;
	text-align: left;
	text-indent: 20px;
	border-right:3px solid rgb(235,235,235);
	background:white;
}
summary:focus {
	outline: 0;
}

/* ----- для подуровней ------- */
details .indet  {
    cursor:pointer;
	margin:0px 0px 0px 18px;
    border-left:3px solid rgb(235,235,235);
}

details .indet > summary  {
   	cursor:pointer;
	display:block;
	text-decoration: none;
	color:#000;
	font-size:13px;
    padding: 0px;
	background: white;
}

details .indet > summary::before {
        content: "↓ ";
}

details .indet > summary:hover {
/*	font-weight: bold; */
	border-bottom:3px solid blue;
}
/*------------------------*/


details > summary {
	font-size:15px;
	aling:left;
	cursor:pointer;
	background: white;
/*	margin:1px; */
	padding:4px;
	border-bottom:3px solid white;
}
details > summary:hover {
	background: white;
	border-bottom:3px solid  rgb(235,235,235);
}

details summary::-webkit-details-marker {
	color: red;
	font-size: 0px;
}

details > a {
	cursor:pointer;
	display:block;
	text-decoration: none;
	color:#000;
	font-size:13px;
	/*margin:3px 1px 3px 18px;*/
	padding: 2px;
	background: white;
	margin:0px 0px 0px 18px;
	border-bottom:3px solid white;
    	border-left:3px solid rgb(235,235,235);
}
details > a:hover {
	/*background: #DFEFFF;*/
/*	font-weight: bold; */
	border-bottom:3px solid rgb(235,235,235);
}
details > a::before {
	content: "○ ";
}

details > a.x {
        display:block;
        text-decoration: none;
        color:red;
        font-size:13px;
        /*margin:3px 1px 3px 18px;*/
        padding: 4px;
        background: AliceBlue;
	margin:0px 0px 0px 18px;
}
details > a.new:hover {
        background: #ccffee;
        font-weight: bold;
}
details > a.new::before {
        content: "";
}

details > a.dis {
        display:block;
        text-decoration: none;
        color:#000;
        font-size:13px;
        /*margin:3px 1px 3px 18px;*/
        padding: 2px;
        /*background: red;*/
	margin:0px 0px 0px 18px;
	border-bottom:3px solid white;
}

details > a.dis:hover {
        border-bottom:3px solid red;
}

details > a.dis::before {
        content: "× ";
}

.workplace {
	overflow: auto;
	flex-grow: 8;
}

.separate_l { 
	color: white;
/*	background: #add8e3; */
	background: #46A8BF;
	margin-top: 1px;
    	margin-bottom: 5px;
        font: 12px Arial, Helvetica, sans-serif;
        text-indent: 10px;
        width:100%; 
        float: left; 
        text-transform: uppercase;
        text-align: left;
        height: 20px;
        padding: 3px;
}

.separate_2 { 
	background: #9BCCCF;

        margin-top: 0px;
	margin-bottom: 5px;
        font: 12px Arial, Helvetica, sans-serif;
        text-indent: 40px;
        width:100%; 
        float: left; 
        text-transform: uppercase;
        text-align: left;
        height: 20px;
        padding: 3px;
}


/*Таблица для редактировани модулей и пр */
.adm_table {
	color:#666;
	background:#eaebec; 

	border-collapse: collapse; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	border:#ccc 1px solid; 
	margin-bottom: 0px;
} 

.adm_table th { 
	background: #f2f2f2;
	font-weight:bold; 
	padding:8px 5px 8px 5px;
	text-align: center; 
} 

.adm_table tr{
	border-top: 1px solid #ccc; 
	text-align: center;
} 

.adm_table tr td {
	background: #fafafa;
	-webkit-user-select: none;
	padding:7px; 
} 

.adm_table tr:last-child td{ 
	border-bottom:#ccc 1px solid; 
} 

.adm_table tr:hover td{
	background: #f2f2f2; 
	-webkit-user-select: none;
} 

/* Таблица групп */
.adm_table_g {
	color:#666;
	border-collapse: collapse; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
} 
.adm_table_g th { 
	font-weight:bold; 
	padding:8px 5px 8px 5px;
	text-align: center; 
} 

.adm_table_g td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f2f2f2;
	-webkit-user-select: none;
	padding:0px; 
} 

.adm_table_g tr td:first-child {
	border-left: 1px solid #ccc;
	text-align: center
}

/* Кнопка в заголовке таблицы */
.tButton {
	border: 1px solid #ccc;
	color:#666;
	background: #fafafa;
	-webkit-user-select: none;
	cursor:pointer;
	display: inline-block;
	padding: 0px 7px;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
 }
.tButton:hover {
	background: #64c8ef;;
        color: #191970;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.imgButton {
	cursor: pointer ;
	padding: 1.5px;
}

.imgButton:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	background: rgba(0, 0, 0, 0.10);
}


.div_fld {
	padding: 1px;
	width: 90px;
	float: left;
	line-height: 20px;
	font-size: 13px;
	font-weight: normal;
	border-radius: 4px;
	border: 1px solid #828282;
	background: #e6e6e6;;
	color: black;
	margin-top: 2px;
	/*width: 80px;*/
	margin-right: 2px;
	text-align: center;
	-webkit-user-select: none;
	cursor:pointer;
}
.div_editor {
  width: 100%;
  height: 200px;
  margin: auto;
  padding: 5px 10px;
  
  line-height: 10px;
  
  background: #fff;
  border: 1px solid #eee;
}