.widget {
  position:relative;
  min-height:30px;
  background:#FFF;
}

.widget_loading {
  background: #000;
  background-image: url(../../img/ajax-loader.gif);
  background-size: 25px 25px;
  background-repeat:no-repeat;
  background-position:center;
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  opacity: 0.2;       /* modern browser */
  -moz-opacity: 0.2;  /* older Mozilla browser */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8 in Standard Compliant Mode */
  filter:alpha(opacity=20);
}

.widget_refresh {
  position:absolute;
  top:10px;
  right:10px;
  text-decoration:none;

/* 19.11.2014 @M@ #cf FISOSS 193923 - Vorabeinbau Widgets { */
  /*color:#FFF;*/
  color:#FFF !important;
/* 19.11.2014 @M@ #cf FISOSS 193923 - Vorabeinbau Widgets } */

  cursor:pointer;
  font-size:11px;
}

.widget_refresh:hover {

/* 19.11.2014 @M@ #cf FISOSS 193923 - Vorabeinbau Widgets { */
  /*color:#FFF;*/
  color:#FFF !important;
/* 19.11.2014 @M@ #cf FISOSS 193923 - Vorabeinbau Widgets } */

}

/** EDITOR */
.widget-content-container {
  margin: 0 5px 5px 5px;
}

.widget-placeholder-highlight {
  height:100px;
  border:2px dashed orange;
}

#widget-modal-add {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:50px;
  background: rgba(0, 0, 0, 0.75);
  display:none;
  z-index:10003;
}

#widget-modal-add .widgets {
  overflow-x:auto;
  overflow-y:hidden;
  white-space: nowrap;
  position:fixed;
  top:50px;
  left:0;
  right:0;
  bottom:50px;
}

#widget-modal-add .widget {
  cursor:move;
}

#widget-modal-add .widgets > div {
  margin:5px;
  display: inline-block;
  vertical-align:top;
  width:300px;
  white-space: normal;
}

#widget-modal-add .widgets > div > span.description {
  display:block;
  text-align: center;
  color:#FFF;
  font-weight:bold;
  padding:10px;
  font-size: 16px;
  min-height:40px;
}

#widget-modal-add .widgets > div > span.info {
  display:block;
  text-align: center;
  font-size: 11px;
  color: #f00;
  padding: 0 0 10px 0;
  height:40px;

}

.widget-overlay {
  padding:5px;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  display:none;
  background: rgba(0, 0, 0, 0.5);
  text-align:right;
}

#widget-modal-search {
  margin:10px;
}



.editor-widget-container {
  background:#FBEC88;
  min-height:100px !important;
  outline: 1px solid #DDD;
}

.editor-widget-container .widget {
  cursor: move;
}

.widget-watchdog-overlay{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: #aaa 50% 50% repeat-x;
  opacity: .3;
  z-index:10001
}