/* [padding|margin|border]: top right bottom left */
/* 

*/
textarea,body,div,td,h1,h2,h3,h4 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; }
input,select	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
html, body		{ padding: 0px; margin: 0px; height: 100%;
box-sizing: border-box;
overflow: hidden; }

form { border: 0px; padding: 0px; margin: 0px; }
input.inp	{ background-color: #fdfcfc; font-family: Arial, sans-serif; padding: 0px 2px 0px 2px; height:15px; border: 1px #aaa solid; }

img 			{ vertical-align:top; border: 0px solid; padding: 0px; margin: 0px; }
img.left		{float: left; margin-right: 14px; }
img.right		{float: right; margin-left: 14px; }

a:link 			{text-decoration: none; color: #009; font-size: 11px; text-decoration: none;} 
a:visited 		{text-decoration: none; color: #009; font-size: 11px; text-decoration: none;} 
a:active 		{text-decoration: none; color: #00e; font-size: 11px; text-decoration: none;} 
a:hover 		{text-decoration: none; color: #00e; font-size: 11px; text-decoration: underline;}

.red {
	color: red;
}


body { background-color: #e4e5e6; border-top: 55px solid #fff; } 
body.login { background: #f2f2f2;  border-top: none; } 
body.login .logo { height: 60px; }

/*************************
*         header         *
**************************/

#logo {
    position: absolute;
    left: 10px;
    top: 8px;
	cursor: pointer;
}
#logo img {
    width: 39px;
}

#topsh {
	position:absolute; 
	left: 69px;
	top: 14px;
}

#topsh img {
width: 26px;
height: 26px;
float: left;
margin: 0 15px 0 0;
cursor: pointer;
}

/*************************
*         dockers        *
**************************/

#dockerShadow {
display:none;
}

.dockerDots {
display:none;
}
.dockerTitle {

}

#dockerLicence {
	position:absolute; left:0px; top:55px;
	width:230px;
	height:20px;
	background: #888;
	color: #fff;
	text-align: center;
	font-size: 11px;
	line-height: 20px;
	overflow: hidden;
}

#dockerLicence.f-o {
	background: #FB9303;
}
#dockerLicence.f-b {
	background: #AD4E02;
}

#dockerLicence.f-g {
	background: #47B301;
}

#dockerLicence.f-l {
	background: #017AE0;
}

#dockerLicence.f-n {
	background: #00048D;
}

#dockerLicence.f-v {
	background: #86008C;
}

#dockerLicence.f-s {
	background: #50CCFF;
}

#dockerLicence.f-r {
	background: #f00;
}

#dockerLicence.f-d {
	background: #000;
}

#dockerLicence.f-z {
	background: #788501;
}

#dockerLicence.f-m {
	background: #6C7894;
}

#dockerLicence.f-w {
	background: #BE1D20;
}

#dockerLicence.f-y {
	background: #6e6e6e;
}


#dockerVersion {
	position:absolute; left:0px; top:75px;
	width:230px;
	background:#2f353a;

}
#dockerVersion select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
        padding-left: 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #aaa;
    vertical-align: middle;
    background: #2f353a url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23a0a0a0' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

	top: 0px;
	position: relative;
height: calc(1.5em + .5rem + 2px);
padding-top: .25rem;
padding-bottom: .25rem;
padding-left: .5rem;
font-size: .875rem;
	
}

.form-control {
	display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 0.8rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

#dockerTree {
	position:absolute; left:0px; top:102px;
	width:230px;
	height: calc(100vh - 131px);
	background:#2f353a;
	color:#fff;
	
}
#dockerSearch, #dockerCustom {
	position:absolute; left:0px; bottom: 0px;
	width:230px;
	height:30px;
	background: #2f353a;
	color:#fff;
}

#dockerSearch #dockerSearchBtn {
	position: absolute;
	right: 5px;
	top: 9px;
	z-index: 1;
	cursor: pointer;
}

#dockerSearch input[type=search] {
	background: #fff;
}


#dockerCustom {
	background:#2f353a;
		color:#fff;
	top:79px;
}

iframe#dockerCustom_frame {
	height:270px;
	width:230px;
}

/*************************
*         area         *
**************************/

#area {
	position: absolute; 
	left:239px; top:80px; 
	width:760px;
	display:none;
	background-color:#fff;
}

.CodeMirror {border: 1px solid #d8dbe0;}

#areaTop {
	display:none;
	position: absolute; 
	left:240px; top:59px; 
	width: 730px;
	height:30px;
	background-color:#fff;
	overflow: hidden;
	white-space: nowrap;
	padding-right: 35px;
/*	clip: rect(0px, 1000px, 0px, 0px);  */

}
#areaWork {

	width: 761px;
	height:488px;
	padding-top: 17px;
	padding-left: 0px;
	padding-right: 2px;
	border:1px solid #d8dbe0; 
	background: #fff;
	position:relative !important;
	position:static;

}
#areaBottom {
	width: 765px;
	height:6px;
	background:url(../img/area_bottom.gif) top repeat-x;
}

.workFrame {
	height:96% !important;
	height:100%;
	width:100%;
/*	border: 1px #000 solid; */

	/*visibility: visible; */
	position: absolute !important;
	left: 0px;

	
	position: static;
	display: block;
}

.workFrameOff {
	height:100%;
	width:100%;
/*	border: 1px #000 solid; */

	/*visibility: hidden; */
	position: absolute !important;
	display: block !important;
	left: -3000px;
	
	position: static;
	display: none;
}


#workAreaTitle {
	position:absolute;
	display:none;
	left:221px; top:45px;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
#workAreaClose {
	position:absolute;
	left:966px; 
	top:66px;
	height:16px;
	width:15px;
	background: url(../img/close.gif) no-repeat;
	cursor: pointer;
	display: none;
	z-index: 100;
}


#workAreaReload {
	position:absolute;
	left:946px; 
	top:65px;
	height:16px;
	width:15px;
	background: url(../img/reload.gif) center center no-repeat;
	cursor: pointer;
	display: none;
	z-index: 100;
	margin-left: -5px;
}

#startArea {
	position:absolute;
left: 230px;
top: 54px;
background: #e4e5e6;
	padding-top:240px;
	border: 0px #fff solid;
	height: calc(100% - 54px);
	width: 100%;
	color: #888;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;	
}
#tabLeft {
	position:absolute;
	display:none;
	left:952px; top:46px;
	height:17px;
	width:17px;
	background: url(../img/tabs_left.gif) no-repeat;
	cursor: pointer;
}
#tabRight {
	position:absolute;
	display:none;
	left:968px; top:46px;
	height:17px;
	width:17px;
	background: url(../img/tabs_right.gif) no-repeat;
	cursor: pointer;
}

.bookMarkSpcOn {
	float:left;
	background-color:#ddd;
	width:1px; height:12px;
	margin-top:10px;
}
.bookMarkSpcOff {
	float:left;
	background-color:#ddd;
	width:1px; height:12px;
	margin-top:10px;
}

.bookMarkOn {
	float:left;
		height:19px;
	padding: 6px 7px 0px 8px;
	cursor:pointer;
	text-align: left;
	overflow: hidden;
border-top:3px solid #ff0000;
	white-space: nowrap;
}
.bookMarkOff {
	float:left;
	
	height:18px;
	padding: 9px 7px 0px 8px;
	cursor:pointer;
	text-align: left;
	overflow: hidden;

	white-space: nowrap;
}

input.input { 
	border: 1px #333333 solid; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
}

input.button {
	border-color: #FFFFFF #606060 #606060 #FFFFFF; 
	background-color: #D7D7D7; 
	margin: 1px 1px 1px 1px; 
	padding: 2px 2px 2px 2px; 
	border-width: 1px 1px 1px 1px;
}

.gray {
	color: #888;
}

.sepB {
	border-bottom:1px #aaa solid;
	padding: 2px 6px 5px 6px;
	margin: 0px 2px 0px 2px;
}
.sepT {
	border-top:1px #aaa solid;
	padding: 3px 6px 4px 6px;
	margin: 0px 2px 0px 2px;
}
.sepTB {
	border-top:1px #fff solid;
	border-bottom:1px #aaa solid;
	padding: 3px 6px 5px 6px;
	margin: 0px 2px 0px 2px;
}

.preview {
	position: absolute; 
	left:0px; top:0px; 
	margin-top:5px;
	padding-left:10px;
	padding-right:10px;
	width: 100%;
	height:25px;
	border-bottom: 1px #000 solid;
	background: #EAEAEA url(../img/area_top.gif) 0px 5px repeat-x;
	overflow: hidden;
	white-space: nowrap;
}

.ultree {
	padding: 0;
	margin: 0;
}
.ultree ul {
	margin: 0;
	padding: 0;
	display: block;
}
.ultree li.iefix {
	width:1px;
	height:1px;
	overflow:hidden;
	line-height:1px;
	display:none !important;
	display:block;
	margin:0;
	left:-1px;
	padding:0;
	position:relative;
	float:left;
}

.ultree li, .ultree li.lastf {
	display: block;
	background: url(../img/joinl.gif) no-repeat;
	padding:  0 0 0 19px;
	margin: 0;
	position: relative;
	list-style-type: none;
	clear: left;
	float: none !important;
	float:left;
	
	

}
.ultree li.lastf {
	background: url(../img/joinbottom.gif) no-repeat;
}
.ultree li.plusf {
	background: url(../img/plus.gif) no-repeat;
	cursor: pointer;
	
}
.ultree li.minusf {
	background: url(../img/minusl.gif) no-repeat;
	cursor: pointer;
}

.ultree a, .ultree span {
	display: block;
	background: url(../img/folder.gif) center left no-repeat;
	padding:  0 0 0 19px;
	line-height: 18px;
	height: 18px;
	text-decoration: none;
	white-space: nowrap;
	
	cursor: pointer;

}
.ultree span.o {
	background: url(../img/folderopen.gif) center left no-repeat;
	/* color: #f00; */
}

.ultree li span.selected {
	background: url(../img/folderopen.gif) center left no-repeat;
	color: #f00;

}
#tree {
	
	overflow: auto;
	height:100%;
	width:100%;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0 0 0 4px;

    scrollbar-width: thin;
    scrollbar-color: #888 #2F353A;
	box-sizing: border-box;

}

#tree::-webkit-scrollbar {
      width: 10px;
      height: 10px;
    }
#tree::-webkit-scrollbar-track {
      background-color: #2F353A;
    }	
#tree::-webkit-scrollbar-thumb {
      background-color: #888;
      border-radius: 6px;
      border: 3px solid #2F353A;    
    }	
#tree::-webkit-scrollbar-corner { background: #2F353A; }
	

a.base {
	display: block;
	background: url(../img/base.gif) center left no-repeat;
	padding:  0 0 0 21px;
	line-height: 18px;
	height: 18px;
	text-decoration: none;
	white-space: nowrap;
	color: #fff;
	cursor: pointer;
	margin-top: 4px;
	
}

#catCtx {
	width: 150px;
	margin: 0;
	padding: 2px;
	background: #F2F2F2;
	border: 1px #444 solid;
	position: absolute;
	left: 190px;
	top: 150px;
	display: block;
	z-index: 200;
	
}
#catCtx ul {
	margin: 0;
	padding: 0px;
}
#catCtx li {
	display: block;
	padding:  0;
	margin: 0;
	list-style-type: none;
}

#catCtx li a {
	display: block;
	padding:  3px 10px;
	margin: 0;
	border-bottom: 1px #666 solid;
	color: #000;
}
#catCtx li a {
	display: block;
	padding:  3px 10px;
	margin: 0;
	border-bottom: 1px #ccc solid;
	color: #000;
	text-decoration:none;
	width: 129px;
}

#catCtx #subCat a {
	border-bottom: 0;
}
#catCtx li.def a {
	font-weight: bold;
}

#catCtx li a:hover {
	background: #fff;
	color: #f00;
}

.deskIcon {
	background: url(../img/k.gif);
	border: 0px #fff solid;
	cursor: pointer;
	position: absolute;
}

.deskIcon p {
margin: 0;
text-align: center;
padding: 0 0 0 0;
position: absolute;
bottom: 0px;
width: 100%;
left: 0px;
}



body div.actmenu:first-letter, body div.actmenu div:first-letter {
text-transform: uppercase;
}

body .actmenu{
    box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 11px 0px;
}

#actmenuMenu10, #actmenuMenu9 {
	box-shadow: none;
}

body .actmenu, body .actmenu > div {background-color:#fff !IMPORTANT;}

.hide { display: none !important; }

#mtree i.hl {
   color: #ff0 !important;
   font-style: normal;
}