html, body {
    margin:0; padding:0;
    background:#2b2b2b;
    font-family: 'Baloo 2', cursive;
}
.header span.title { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.header .title input.editable { background:#111111; color:#fff; border:none;
    font-family: 'Baloo 2', serif; }
html { overflow:hidden; background:url(../img/tile.png) repeat center; }
#template { display:none; position:absolute; top:-9999px; }
.header {
    position:fixed; top: 0; left: 0; right: 0; height:60px; width:100%; z-index:9999;
}
.header_content {
    background:rgba(0,0,0,0.8);
    color:#fff;
    padding-left:60px;
    padding-right:60px;
    line-height:60px;
    font-size:28px;
    height:100%;
}
.navbar-right {
    float:right;
}
.navbar-right div { float:right; margin-left:35px; cursor:pointer; }
html .ui-draggable {
    background:#111111;
    color:#fff;
    border:1px solid #454545;
}
html .ui-draggable .editable {
    min-height:35px;
    font-size:23px;
    color:#fff;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    padding-left:10px;
    border-bottom:1px solid #454545;
}
html .ui-draggable .content .title input.editable {
    background:#111111; color:#fff; border:none; font-family:'Baloo 2'; overflow:hidden; padding:0; resize:none;
    width:100% !important;
}
html .ui-draggable .content {
    max-height:100%;
    overflow-y:auto;
}
html .ui-draggable .content .body {
    padding-left:20px;
}
html .ui-draggable:hover .footer {
    opacity: 1;
}
.loading {
    position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:999999999;
}
.loading img { max-width:80px; }
html .ui-draggable .footer {
    opacity: 0;
    position:absolute;
    color:#888;
    padding:5px;
    right:0;
    bottom:0px;
    height:30px;
    width:auto;
    transition: opacity 1s;
}
html .ui-draggable .footer .material-icons.commentIcon { cursor:pointer; }
html .ui-draggable.ui-selecting { background:rgba(84,50,10,0.9); }
html .ui-draggable.ui-selected { -webkit-box-shadow: 2px 2px 29px 10px rgba(255,157,0,0.47);
    -moz-box-shadow: 2px 2px 29px 10px rgba(255,157,0,0.47);
    box-shadow: 2px 2px 29px 10px rgba(255,157,0,0.47); }
.ui-draggable .colortag {
    background:none;
    width:10px;
    float:left;
    height:100%;
    -moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px;
    margin-left:-1px;
}
.ui-widget-content {
    min-width:180px !important;
    position:absolute !important;
    -moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px;
    min-height:40px !important;
}
.ui-selectable-helper {
    background:rgba(255,157,0,0.3) !important;
	z-index:9999999999 !important;
}
.material-icons {
    font-family: 'Material Icons', serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
    vertical-align:middle;
}