.cabinet {
  position: fixed;
  transition: all cubic-bezier(.19, 1, .22, 1);
  transition-duration: .4s;
  z-index: 1050;
}

#framepanel {z-index: 1050}
#pagepanel {z-index: 1051}
#dashpanel {z-index: 1052}

.cabinet-drawer select, .cabinet-drawer input, .cabinet-drawer button, .cabinet-drawer h3{
  font-family: Verdana;
  font-size: 12px;
  border-style: solid;
  border-width: 1px;
}

.cabinet-drawer {
  font-family: Verdana; font-size: 12px;   
  /*background: #EDEDED;*/
  color: #6D6D6D;
  position: absolute;
  top: 30px;
  right: 0;
  bottom: 0;
  left: 0;
}
.cabinet-drawer.drawer-open {
	z-index: 90;
}
.cabinet-drawer.drawer-close {
	z-index: 87;
}

.cabinet-knob {
  position: absolute;
  /*background-color: #EDEDED;*/
  border: 0;/*1px solid rgb(110, 110, 110);*/
  cursor: pointer;
}

.cabinet.cabinet-open .cabinet-drawer.drawer-open .cabinet-knob {
/*  background-color: white;*/
  border: none;
  z-index: 10;
}
/*
.cabinet.cabinet-open .cabinet-drawer.drawer-open .cabinet-knob p{
    background-color: white;
}
*/

.cabinet-box{
  position: absolute;
	top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background:white;
  font-size: 12px;
  margin:8px;
  margin-top:0;
}

.cabinet-box button {
  /*border: 1px solid #1E1E1E;*/
  width: 170px;
  height: 36px;
}
/*
.cabinet-box button:focus {
  border: 1px solid #1E1E1E;
}
.cabinet-box button:hover {
  border: 1px solid #1E1E1E;
}
*/
.cabinet-box button#createlink{
  width: 150px;
}
.cabinet-box #imagelink[style*="display: none;"] + button#createlink{
  width: 170px;
}
.cabinet-box #linkbutton{
  display:flex;flex-direction: row-reverse;justify-content: flex-end;
}
.cabinet-box h3 .checkbox3{ margin-right:8px }

.cabinet-box .ui-accordion h3 button, .cabinet-box h4 button {
  border: 0;
  top: 1px;
  height: 16px;
  width: 16px;
  float:right;
  margin-left: 8px;
  margin-right: 2px;
  /*margin-top: 1px;*/
}

.cabinet-box .ui-accordion h3 { border: 1px solid rgba(0,0,0,0); }
.cabinet-box .ui-accordion h3:hover { border: 1px solid rgb(97,97,97); }

span.ui-accordion-header-icon{
  float: right;
  margin-left: 4px;
}

.cabinet-box .icon-draggable {
  background: url(../svg/arrows-vertical.svg) no-repeat left;
  background-size: 12px;
  width: 30px;
  height: 16px;
  float: right;
  margin: 0px 4px;
  display: none;
}

.cabinet-box #fl11 .icon-draggable {
  margin-right: 24px;
}

.cabinet-box #fl-1 .icon-draggable, .cabinet-box #fl-2 .icon-draggable {
  margin-right: 46px;
}

/*.cabinet-box span.ui-accordion-header-icon { margin-top: 1px; }*/
span.ui-icon-triangle-1-s{
  transform: rotate(90deg);
  transition: transform 0.4s;
}

.cabinet-box .ui-accordion h3 button.load-catalog {
  margin: 0px 0px 0px 6px;
}

.cabinet-box .ps__thumb-y { background-color: rgb(107, 107, 107); }
.cabinet-box:hover .ps__thumb-y { background-color: rgb(161, 161, 161); }

.cabinet-left {
  top: 80px;
  left: 100px;
  width: 400px;
  height: 420px;
}

.cabinet-top {
  top: 0px;
  left: 200px;
  width: 400px;
  height: 420px;
}

.cabinet-right {
  bottom: 100px;
  right: 0px;
  height: 500px;
}

.cabinet-bottom {
  bottom: 0px;
  left: 50px;
  width: 300px;
}

.cabinet-right .cabinet-knob {
  width: 50px;
  height: 100px;
}

.cabinet-left .cabinet-knob p {
  height: 16px;
  margin: 0;
  position: absolute;
  top: 8px;
  font-size: 12px;
  left: 0px;
  right: -50px;
  width: calc(100% - 8px);
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  padding: 4px;
}

.cabinet-right .cabinet-knob p {
	transform: rotate(-90deg);
	transform-origin: left bottom;
  position: absolute;
  bottom: 0px;
  left: 20px;
	right: -50px;
  overflow: hidden;
}

.cabinet-right .cabinet-drawer:nth-child(1) .cabinet-knob {
  top: 0px;
}
.cabinet-right .cabinet-drawer:nth-child(2) .cabinet-knob {
  top: calc(100px - 10px);
}
.cabinet-right .cabinet-drawer:nth-child(3) .cabinet-knob {
  top: calc(200px - 20px);
}
.cabinet-right .cabinet-drawer:nth-child(4) .cabinet-knob {
  top: calc(300px - 30px);
}
.cabinet-right .cabinet-drawer:nth-child(5) .cabinet-knob {
  top: calc(400px - 40px);
}

#framepanel .cabinet-knob {
  width: 25%;
  height: 32px;
	top: -32px;
}
#dashpanel .cabinet-knob, #pagepanel .cabinet-knob {
  width: 33%;
  height: 32px;
	top: -32px;
}
.cabinet-right .cabinet-knob {
	left: -50px;
	border-radius: 10px 0px 0px 10px;
	box-shadow: -2px 2px 5px 0px #aaa;
}

.cabinet-right.cabinet.cabinet-open .cabinet-drawer.drawer-open .cabinet-knob {
	box-shadow: -5px 5px 10px 0px #aaa;
}

.cabinet-top .cabinet-knob,
.cabinet-bottom .cabinet-knob {
  width: 20px;
  height: 14px;
  text-align: center;
}

.cabinet-top .cabinet-knob p,
.cabinet-bottom .cabinet-knob p {
  margin-top: 0px;
  margin-right: 0px;
  overflow: hidden;
}

#dashpanel .cabinet-drawer:nth-child(1) .cabinet-knob,
#pagepanel .cabinet-drawer:nth-child(1) .cabinet-knob{
    left: 8px;
}
#dashpanel .cabinet-drawer:nth-child(2) .cabinet-knob,
#pagepanel .cabinet-drawer:nth-child(2) .cabinet-knob{
  left: 33%;
}
#dashpanel .cabinet-drawer:nth-child(3) .cabinet-knob,
#pagepanel .cabinet-drawer:nth-child(3) .cabinet-knob{
    right: 8px;
}

#framepanel .cabinet-drawer:nth-child(1) .cabinet-knob{
  right: 0px;
}
#framepanel .cabinet-drawer:nth-child(2) .cabinet-knob{
  right: 25%;
}
#framepanel .cabinet-drawer:nth-child(3) .cabinet-knob{
  right: 50%;
}
#framepanel .cabinet-drawer:nth-child(4) .cabinet-knob{
  right: 75%;
}
.cabinet-left .cabinet-drawer:nth-child(1) .cabinet-knob p{
  width: calc(100% - 16px);
}
.cabinet-left .cabinet-drawer:nth-child(4) .cabinet-knob p{
  left:8px;width: calc(100% - 16px);
}
.cabinet-left .cabinet-drawer:nth-child(5) .cabinet-knob{
  right: 480px;
}

.cabinet-top .cabinet-drawer:nth-child(1) .cabinet-knob,
.cabinet-bottom .cabinet-drawer:nth-child(1) .cabinet-knob {
  right: calc(50% - 25px);
}
.cabinet-top .cabinet-drawer:nth-child(2) .cabinet-knob,
.cabinet-bottom .cabinet-drawer:nth-child(2) .cabinet-knob {
  right: calc(100px - 10px);
}
.cabinet-top .cabinet-drawer:nth-child(3) .cabinet-knob,
.cabinet-bottom .cabinet-drawer:nth-child(3) .cabinet-knob {
  right: calc(200px - 20px);
}
.cabinet-top .cabinet-drawer:nth-child(4) .cabinet-knob,
.cabinet-bottom .cabinet-drawer:nth-child(4) .cabinet-knob {
  right: calc(300px - 30px);
}
.cabinet-top .cabinet-drawer:nth-child(5) .cabinet-knob,
.cabinet-bottom .cabinet-drawer:nth-child(5) .cabinet-knob {
  right: calc(400px - 40px);
}

.cabinet-top .cabinet-knob {
	bottom: -14px;
	/*border-radius: 0px 0px 10px 10px;
	box-shadow: 0px 2px 5px 0px #aaa;*/
}
/*
.cabinet-top.cabinet.cabinet-open .cabinet-drawer.drawer-open .cabinet-knob {
	box-shadow: 0px 5px 10px 0px #aaa;
}
*/
.cabinet-bottom .cabinet-knob {
	top: -50px;
	border-radius: 10px 10px 0px 0px;
	box-shadow: 0px -2px 5px 0px #aaa;
}

.cabinet-bottom.cabinet.cabinet-open .cabinet-drawer.drawer-open .cabinet-knob {
	box-shadow: 0px -5px 10px 0px #aaa;
}