@import url("../fonts/OpenSans.css");
@import url("../portalstudio/styles/portalstudio-scheme.css");
html,body{
  height:100%;
}
body{
  margin:0;
  padding:0;
  background: #FFFFFF;
  font-family: lucida grande,tahoma,verdana,arial,sans-serif;
}

/* Toolbar */
#toolbar {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  overflow: visible;
  height: 30px;
  width:100%;
}
#toolbar p{
  text-align:center;
  margin:0;
  color:#787878;
  font-size:14px;
}

#mversion{
  height:32px;
  position:absolute;
  right:10px;
  top:0px;
  background:url(../portalstudio/images/logo_editor.png) no-repeat center left;
  display:inline-block;
  line-height:32px;
  padding-left:32px;
  font-size: 10px;
  float: right;
  line-height: 32px;
  margin-right: 5px;
  color: #676767;
}

/* Icone Sparse nel disegnatore con effetto*/

.tipz{
  width:24px;
  height:24px;
  background-position:top left;
  background-repeat:no-repeat;
}
.tipz:hover{
  background-position:top right;
}
.tipz:active{
  background-position:top right;
}

/* GADGETS LEFT PANE */

#gadgets_pane{
  position:absolute;
  left:0;
  top:-1px;
  bottom:0;
  width:260px;
  z-index:0;
  background: var(--background-color-header);
  z-index:100;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#gadgets_panerightbar{
  position:absolute;
  width:12px;
  right:-12px;
  top:0;
  z-index:3000;
  bottom:0;
  background: #FFFFFF;
  border-width: 0px 1px;
  border-style: solid;
  border-color: #D5D5D5;
  cursor:pointer;
  box-sizing: border-box;
}
#gadgets_panerightbar:hover{
  background-position:top left;
}
#gadgets_openclose{
  position:absolute;
  width:4px;
  margin-left:2px;
  height:100%;
  background:url(./images/panel/gadgetlist_openclose.png) no-repeat center left;
}
#gadgetslight{
  width:247px;
  height:345px;
  position:absolute;
  background:url(./images/panel/background_gadgetslight.png) no-repeat center left;
  z-index:1;
}
#gadgets_pane .gadgets_pane_item{
  position:relative;
  width:100%;
  overflow:auto;
  padding:0px;
  font-family:Arial;
  height:auto;
}
#gadgets_pane .gadgetlistTitle{
  color:#000000;
  text-align:left;
  font-size:18px;
  line-height:30px;
  height:30px;
  width: 100%;
  font-family: Open Sans;
  font-weight: 600;
  border-top: 1px solid #D5D5D5;
}
#gadgets_pane .gadgetlistTitle .text{
  position:relative;
  margin-left:2px;
  display: inline-block;
  float: left;
  width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#gadgets_pane .gadgets_pane_toggler{
  display:block;
  position:relative;
  top:10px;
  right: 6px;
  float: right;
  border-width: 6px;
  border-style: solid;
  border-color: #000000 transparent transparent transparent;
}
#gadgets_pane .gadgets_pane_toggler.opened{
  top:6px;
  border-color: transparent transparent #000000 transparent;
}
#gadgets_pane .list_border {
  width: 100%;
  height: 0px;
  clear: both;
}

#gadgets_pane .btn {
  outline: none;
  display: block;
  width: 16px;
  height: 16px;
  background-position: top left;
  background-repeat: no-repeat;
  margin-top: 3px;
}

#gadgets_pane .btn:hover {
  background-position: top right;
}

.imgbottom {
  position: absolute;
  bottom: -10px;
	width:100%;
	height:10px;
}