#help-button
{
    position: fixed;
    z-index: 200;
    right: 15px;
    bottom: 15px;
    width: 70px;
    height: 70px;
    cursor: pointer;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
    border-radius: 50px;
    background: url('++plone++zitelab.helptour/img/help.svg') 16px no-repeat #009ed8;
    /*background: url('++plone++zitelab.helptour/img/blue_info_icon.png') no-repeat;
    *width:67px;
    */
    text-align:center;
    color:#fff;
    border:none;
}

/*
#help-button:hover
{
    background: url('++plone++zitelab.helptour/img/help.svg') 16px no-repeat #0087B9;
}
*/

/* Changes by Levin */


.help-list-container dl.collapsedInlineCollapsible dt.collapsibleHeader { line-height:2em!important; }
.help-list-container { bottom: 15px; left: auto !important; position: fixed !important; right: 15px; top: auto !important; width: 300px !important; z-index: 190 !important; border:none!important; } 

#pb1.help-list-container div.overlaybg div.close,  div.overlay.help-list-container div.close { opacity:1; background: url('++plone++zitelab.helptour/img/close.svg') 7px no-repeat!important; z-index:20; right:5px!important; top:4px; left:inherit!important; }
#pb1.help-list-container div.overlaybg div.close, div.overlay.help-list-container div.close:hover { opacity:0.7; }
.pb-ajax, .pb-image { -webkit-box-shadow: 0px 0px 34px -1px rgba(0,0,0,0.19);
-moz-box-shadow: 0px 0px 34px -1px rgba(0,0,0,0.19);
box-shadow: 0px 0px 34px -1px rgba(0,0,0,0.19); border:none!important; border-radius:3px!important; }

.help-list-container .pb-ajax div { background-color:#f4f4f4 !important; padding-bottom:10px;}
.help-list-container .pb-ajax h1 { border-radius:3px 3px 0px 0px; position:absolute; padding:10px; width:280px; left:0; top:0; border:none!important; font-weight:600!important; font-size:14px!important; background:#009ed8; color:white;}
.help-list-container .pb-ajax ul { padding-left:15px;}

.help-list-container .pb-ajax ul li { list-style-type:none; }
.help-list-container .pb-ajax ul li:before { color: #009ed8; content: "•"; position: relative; left: -8px; top:1px; font-size: 12px; margin-left: -4px; }

.help-list-container .pb-ajax ul a { color:gray; font-weight:bolder; text-decoration:none; }
.help-list-container .pb-ajax ul a:hover { color:#009ed8; }
.help-list-container .pb-ajax legend { display:none!important; width:84%; padding:inherit!important;   background-color:inherit !important;}
.help-list-container .pb-ajax fieldset { margin-top:70px;  padding:inherit!important;  border:none !important;} 
.help-list-container .pb-ajax fieldset input { background:white; position:absolute; left:0; top:37px; border:none; border-bottom:1px solid #e5e5e5; padding:10px; width:280px; }
.help-list-container .pb-ajax fieldset input:focus { outline:none!important; }

.current_page_tour { color:gray; font-weight:bolder; text-decoration:none!important; }
.current_page_tour:hover { color:#009ed8; }
/* Fixes */

#pb_10 #visual-portal-wrapper #portal-columns #contentwrapper #portal-column-content {
    margin:inherit!important;
}

#pb_10 {
    background:white!important;
}

.custom-draggable {
    -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -o-user-select:none;
  user-select:none;
  cursor:move;
}
/*

dl.collapsedInlineCollapsible dt.collapsibleHeader { line-height:2em!important; }
.help-list-container {
    bottom: 5px;
    left: auto !important;
    position: fixed !important;
    right: 6px;
    top: auto !important;
    width: 300px !important;
    background-color:#eef3f5 !important;
    z-index: 190 !important;
}

.pb-ajax div {    background-color:#eef3f5 !important;}
.pb-ajax legend {    background-color:inherit !important;}
.pb-ajax fieldset {    border:none !important;}

.help_text_icon {border: #eef3f5 !important;}

*/
