
* {
   background: rgba(255, 255, 255, 29%);
/* background: rgba(38, 168, 218, 40%);*/
   border-top-left-radius: 7px;
   border-top-right-radius: 7px;
   border-bottom-left-radius: 7px;
   border-bottom-right-radius: 7px;
}

/****************************************************
* This gets applied when a non-empty tile is created
* Non-empty tiles are tiles that have icons in them
*****************************************************/
#desktop_item_container
{
   background: rgba(255, 255, 255, 10%);
   border-top-left-radius: 7px;
   border-top-right-radius: 7px;
   border-bottom-left-radius: 7px;
   border-bottom-right-radius: 7px;
}

#desktop_item_container:hover
{
   background: rgba(255, 128, 0, 39%);
   border-top-left-radius: 7px;
   border-top-right-radius: 7px;
   border-bottom-left-radius: 7px;
   border-bottom-right-radius: 7px;
}

/****************************************************
* This gets applied when an empty tile is created.
* Empty tiles are tiles that do not hold an icon so
* the tile is available to have a desktop icon dragged
* to it
*****************************************************/
#desktop_item_container_empty
{
   background: rgba(255, 255, 255, 0%);
   border: 1px solid rgba(255, 255, 255, 0%);
   border-radius: 7px;
}

/*****************************************************
* This is for the desktop icon caption / label
* Note: font-family, font-size, background and
* color get  overwritten by the application settings
******************************************************/
#desktop_item_label
{
   background: rgba(0, 0, 0, 70%);
   color: rgba(255, 255, 255, 100%);
   font-family: "Nimbus Sans L";
   font-weight: bold;
   font-size: 10pt;
   border-radius: 0px;
   border-bottom-left-radius: 7px;
   border-bottom-right-radius: 7px;
   selection-color: rgba(200, 200, 200, 100%);
   selection-background-color: transparent; 
}

#desktop_item_label:hover
{
   background: rgba(0, 0, 0, 70%);
   color: yellow;
   font-weight: bold;
   text-decoration: underline;
}

/*****************************************************
*
* This for the icon caption editor
*
******************************************************/
#desktop_item_label_editor
{
   background: rgba(0, 0, 0, 90%);
   color: #FFFFFF;
   font-weight: 505;
   border: 1px solid rgba(0, 0, 0, 15%);
   font-family: "Nimbus Sans L";
   font-size: 9pt;
   padding: 5px;
   padding-top: 0px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   text-align: center;
}

/*****************************************************
* This for the icon full icon label.
* Full label appears when a desktop icon is selected
* but only when the text does not fit in the original
* label caption
******************************************************/
#desktop_item_full_label
{
   background: rgba(0, 0, 0, 100%);
/* background: rgba(255, 255, 0, 50%);*/
   color: #FFFFFF;
   font-weight: normal;
   border: 1px solid rgba(0, 0, 0, 15%);
   font-family: "Nimbus Sans L";
   font-size: 9pt;
   padding: 0px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}

/*****************************************************
*
* This for the desktop search filter
*
******************************************************/
#desktop_search_filter
{
   background: rgba(255, 255, 255, 20%);
   color: rgba(255,255,255,100%);
   font-weight: bold;
   padding-left: 5px;
   border: 2px solid skyblue;
   font-family: "Nimbus Sans L";
   font-size: 11pt;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}

