html.avde {
  height            : 100%;
}

body.avde {
  height            : 100%;
}

div.avde-tmpdiv {
  position          : absolute;
  top               : 0px;
  left              : 0px;
}

.avde-titlebar {
  white-space       : nowrap;
}

td.avde-titlebar_left {
  font-size         : 12px                      !important;
  font-family       : arial, helvetica, verdana !important;
  font-weight       : bold                      !important;
  padding           : 0px 0px 0px 0px           !important;
  text-align        : left;
}

.avde-droppable_active {
  background-color      : #EEEEEE !important;
}
.avde-droppable_active_title {
  background-color      : #444444 !important;
  color                 : #FFFFFF !important;
}

div.avde-resource {
  z-index           : 2;
  font              : 12px normal arial, helvetica, verdana;
  cursor            : pointer;
  background-color  : white;
  color             : black;
  position          : absolute;
  border            : 1px solid #222222;
  -khtml-user-select: none;
  -moz-user-select  : none;
  user-select       : none;
}

div.avde-items_div {
  z-index           : 2;
  overflow-y        : auto;
  overflow-x        : hidden;
  border            : 1px solid #ffffff;
  position          : relative;
}

div.avde-item {
  z-index           : 500;
  font-size         : 11px;
  font-weight       : normal;
  font-family       : sans-serif;
  cursor            : pointer;
  background-color  : yellow;
  color             : black;
  -moz-opacity      : 0.8;
  border            : 1px solid #000000;
  text-align        : left;

  margin-top        : 3px;
  margin-left       : 1px;
  margin-right      : 3px;

  -khtml-user-select: none;
  -moz-user-select  : none;
  user-select       : none;

  padding           : 2px;
  border-radius     : 8px;
}


td.avde-resource_count_text {
  font              : 20px normal arial, helvetica, verdana;
  vertical-align    : middle;
  text-align        : center;
}

.avde-resource_title {
  left              : 0px;
  right             : 0px;
  background-color  : #ffffff;
  height            : 20px;
  width             : 100%;
  font              : 12px bold arial, helvetica, verdana !important;
  font-weight       : bold;
  margin-top        : 0px;
  padding-top       : 0px;
  color             : #444444;
  overflow          : hidden;
}

div.avde-tmpdiv {
  width             : 1px;
  height            : 1px;
  padding           : 0px;
  z-index           : 500;
}

/*-----------------------------------------------------------------------------
**
** Link styles
**
*/

/*
:link:focus,
:visited:focus,
:link,
:visited,
:link:active,
:visited:active {
  text-decoration  : none;
  color            : #0000ff;
  font-weight      : bold;
  background-color : transparent;
  padding          : 2px;
}
:link:hover,
:visited:hover {
  text-decoration  : underline;
  background-color : #eeeeee;
  color            : #1559B3;
  padding          : 2px;
}
button.avde-close_btn {
  padding-left     : 2px;
  padding-right    : 2px;
  font-size        : 12px;
  font-family      : sans-serif;
}
*/

/*-----------------------------------------------------------------------------
**
** Scrollbar styles for the items_div
**
*/
.avde-items_div::-webkit-scrollbar {
  width              : 15px !important;
  height             : 15px !important;
  border-bottom      : 1px solid #eee !important;
  border-top         : 1px solid #eee !important;
}
.avde-items_div::-webkit-scrollbar-thumb {
  border-radius      : 8px !important;
  background-color   : #A3A3A3 !important;
  border             : 2px solid #eee !important;
}
.avde-items_div::-webkit-scrollbar-track {
  -webkit-box-shadow : inset 0 0 6px rgba(0,0,0,0.2) !important;
  border-radius      : 10px !important;
}

/*
** This is needed for firefox but messes it up for Chrome
** So... we won't use it
**
.avde-items_div {
  scrollbar-width : thin;
  scrollbar-color : #A3A3A3 transparent;
}
*/

/*-----------------------------------------------------------------------------
*/

label.avde-sort_direction {
  font-size   : 10px;
  display     : inline-flex;
  align-items : center;
}

td.avde-item_count {
  font              : 20px normal arial, helvetica, verdana;
  vertical-align    : middle;
  text-align        : center;
}

/*-----------------------------------------------------------------------------
**
** Popup resources
**
*/

div.avde-popup {
  border-radius             : 14px;
  padding                   : 3px;
  box-shadow                : 5px 5px 25px #888;
  display                   : inline-block;
  position                  : absolute;
  opacity                   : 1.0;
  filter                    : alpha(opacity=1.0);
  background-color          : white;
  border                    : 2px solid black;
  -khtml-user-select        : none;
  -moz-user-select          : none;
  user-select               : none;
}

div.avde-resource_popup_titlebar {
  text-align                : center;
  background-color          : #4B69A8;
  cursor                    : move;
  height                    : 20px;
  border-radius             : 10px;
}

.avde-resource_popup_titlebar_close_btn {
  float                     : right;
  padding                   : 2px;
  cursor                    : pointer;
  font-weight               : normal;
}

.avde-modal_mask {
  position                  : absolute;
  left                      : 0px;
  top                       : 0px;
  width                     : 100%;
  height                    : 100%;
  opacity                   : 0.0;
  filter                    : alpha(opacity=0);
  background-color          : white;
}

.avde-status-area-wrapper {
  position                  : fixed;
  bottom                    : 5px;
  left                      : 0px;
  width                     : 100%;
  display                   : flex;
  justify-content           : center;
}

.avde-status-area {
  bottom                    : 5px;
  font-size                 : 15px;
  padding                   : 5px 10px;
  background-color          : #BBBBBB;
  color                     : #555555;
  border-radius             : 10px;
  visibility                : hidden;
}

.avde-status-area-warning {
  background-color          : #FF6666;
  color                     : #FFFFFF;
}