@import url('../fonts/gotham/fonts.css');
@import url('../fonts/gotham_new/gotham.css');

/* webkit scrollbars */
::-webkit-scrollbar {  width: 8px; height: 8px; }
::-webkit-scrollbar-track { -webkit-border-radius: 4px; border-radius: 4px; background-color: #151515; }
::-webkit-scrollbar-thumb { -webkit-border-radius: 4px; border-radius: 4px; background: #ffffff; }

html, body {width: 100%; height: 100%; font-family: arial; margin: 0; padding: 0; }
body { font-size: 11px; }
.clearfix { clear: both; float: none; }
.ui-dialog-buttonpane .indicator { width: 28px; height: 40px; display: block; float: left; background: transparent url('../images/indicator.gif') no-repeat center center; display: none; }
form label { font-weight: bold; padding: 3px 4px 3px 0; width: 100px; display:block; float: left; }
form input[type=text], form input[type=password], form textarea { font-family: inherit; font-size: inherit; border: 1px solid #000000; border-radius: 0; padding: 3px; display: block; float: left; margin-right: 5px; }
form .field { margin-bottom: 10px; }
form .invalid { background-color: #FEF1EC !important; }
.tooltip-error { background-color: #FEF1EC; background-image: none; color: #CD0A0A; font-weight: bold; border: 1px solid #CD0A0A;  }
.actionbar { position: fixed; width: 100%; background-color: black; padding: 4px 0; text-align: right; left: 0; top: 0; z-index: 1000; }
.action { display: inline-block; height: 16px; width: 16px; background-position: center; background-repeat: no-repeat; cursor: pointer; margin: 0 4px; color: inherit; text-decoration: none; }
.action:hover { text-decoration: none; color: inherit; }
.action-logout { background-image: url('/images/icons/logout.png'); }
.action-logout:hover { background-image: url('/images/icons/logout-hover.png'); }
.action-settings { background-image: url('/images/icons/settings.png'); }
.action-settings:hover { background-image: url('/images/icons/settings-hover.png'); }
.action-profiles { background-image: url('/images/icons/users.png'); }
.action-profiles:hover { background-image: url('/images/icons/users-hover.png'); }
.action-upload { background-image: url('/images/icons/upload.png'); }
.action-upload:hover { background-image: url('/images/icons/upload-hover.png'); }
.action-mkdir { background-image: url('/images/icons/mkdir.png'); }
.action-mkdir:hover { background-image: url('/images/icons/mkdir-hover.png'); }
.action-password { background-image: url('/images/icons/password.png'); }
.action-password:hover { background-image: url('/images/icons/password-hover.png'); }
.action-about { background-image: url('/images/icons/about.png'); }
.action-about:hover { background-image: url('/images/icons/about-hover.png'); }
.action-home { background-image: url('/images/icons/home.png'); float: left; }
.action-home:hover { background-image: url('/images/icons/home-hover.png'); }
.action-menu { background-image: url('/images/icons/menu.png'); }
.action-menu:hover { background-image: url('/images/icons/menu-hover.png'); }
.node { display: inline-block; text-align: center; text-decoration: none; color: inherit; outline: none; border-radius: 6px; border: 2px dashed transparent; padding: 8px; cursor: pointer; vertical-align: top; position: relative; }
.node:hover { text-decoration: none; color: inherit; }
.node.hidden-label span { display: none; }
.node.selected { background-color: #ffffff; border-color: #000000; }
.context-menu { display: none; position: absolute; z-index: 1000; }
.context-menu li { white-space: nowrap; }
.dialog { display: none; }
.uploadifive-queue-item { color: #000000; }
.uploadifive-queue-item .filename { margin-right: 5px; }
.breadcrumbs { display: inline-block; float: left; color: #9a9a9a; line-height: 16px; font-size: 13px; }
.breadcrumbs span { vertical-align: middle; }
.breadcrumbs span.separator { margin: 0 3px; }
.breadcrumbs a { color: #9a9a9a; text-decoration: none; vertical-align: middle; outline: none; }
.breadcrumbs a:hover { color: #ffffff; }
#content { bottom: 0; width: 100%; top: 24px; position: absolute; }
#desktop { min-width: 100%; min-height: 100%; position: relative; }
.drag-helper { position: absolute; opacity: 0.7; top: 0; left: 0; }
.dirlist li { margin: 4px 0; cursor: pointer; }
.dirlist li img { margin-right: 4px; }
.dirlist li img, .dirlist li span { vertical-align: middle; }
.dirlist li.selected { background-color: #000000; color: #ffffff; }
#about-dialog p { text-align: center; padding: 20px; }
#editor-dialog-textarea { padding: 0; border: none; width: 100%; height: 100%; }

#html-editor-area { padding: 0; border: none; width: 100%; height: 100%; }

.txteditor textarea { border: 0; width: 100%; height: 100%; padding: 0; }
table { width: 100%; border-collapse: collapse; margin-bottom: 10px; }
table td { padding: 4px; border: 1px solid #8e8e8e; }
table td.del, table td.edit { width: 30px; text-align: center; }


#uploadifive-select-files { padding: 0.4em 1em; margin: 0.5em 0.4em 0.5em 0; cursor: pointer; }
#uploadifive-select-files:hover { 	border: 1px solid #0073ea;
	background: #0073ea url(images/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #ffffff; cursor: pointer; }

strong { font-weight: bold; }
.preview .content { width: 100%; height: 100%; }
#expirer { font-size: 13px; line-height: 16px; color: #9A9A9A; margin-right: 4px; }
table.calendar { width: 100%; height: 100%; table-layout: fixed; }
table.calendar td { padding: 4px; }
table.calendar tbody td { vertical-align: top; }
table.calendar tbody td div { overflow: hidden; }
.fancybox-title-float-wrap {
    left: 0;
    right: auto;
    display: none;
    margin-bottom: -25px;
}
.fancybox-title-float-wrap .child {
    margin-right: 0;
    padding: 0;
    background-color: transparent;
    font-weight: normal;
    border-radius: 0;
}

.fancybox-next, .fancybox-prev {
    position: fixed;
    /*width: 121px;*/
}

.fancybox-next {
    background: transparent url('/images/next.png') no-repeat right top;
    top: 50%;
    margin-top: -61px;
    width: 101px;    
    left: 100%;
    height: 122px;
    margin-left: -121px;
}

.fancybox-prev {
    background: transparent url('/images/prev.png') no-repeat right top;
    top: 50%;
    margin-top: -61px;
    width: 101px;    
    left: 10px;
    height: 122px;
}

.fancybox-next span, .fancybox-prev span { 
    background-image: none;
}

.fancybox-next span {
    background-position: -140px -19px;
    margin-top: -61px;
}

.fancybox-prev span {
    background-position: -15px -19px;
    margin-top: -61px;
}


.fancybox-skin {
    border-radius: 0;
    background-color: transparent;
    border: 0px solid white;
}

.fancybox-opened .fancybox-skin {
    box-shadow: none;
}

.fancybox-close {
    height: 96px;
    width: 106px;
    position: fixed;
    right: 10px;
    top: 5px;
    background: transparent url('/images/close.png') no-repeat center center;
}

.fancybox-play {
    height: 96px;
    top: 5px;
    right: 136px; 
    width: 106px;
    background: transparent url('/images/play.png') no-repeat center center;
    position: fixed;
    cursor: pointer;
    display: block;
}

.fancybox-play.paused {
    background-image: url('/images/pause.png');
}

#node-order { list-style-type: none; margin: 0; padding: 0; }
#node-order li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; height: 18px; }
#node-order li span { position: absolute; margin-left: -1.3em; }

.DARK .fancybox-prev { background-image: url('../images/navs/prev.png'); }
.DARK .fancybox-next { background-image: url('../images/navs/next.png'); }
.DARK .fancybox-play { background-image: url('../images/navs/play.png'); }
.DARK .fancybox-close { background-image: url('../images/navs/close.png'); }
.DARK .fancybox-play.paused { background-image: url('../images/navs/pause.png'); }

#content.fancybox-open { -webkit-filter: blur(4px); filter: blur(4px); }
body.open #content { -webkit-filter: blur(4px) brightness(75%); filter: blur(4px) brightness(75%); }

.fancybox-wrap { top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; width: auto !important; height: auto !important; }
.fancybox-overlay-fixed { left: 0 !important; top: 0 !important; }
.fancybox-skin { width: 100% !important; height: 100% !important; }
.fancybox-outer { width: 100% !important; height: 100% !important; }
.fancybox-inner { width: 100% !important; height: 100% !important; }
.fancybox-image { max-height: 100% !important; width: auto !important; height: auto !important; }

/* calendar styles */
.calendar2 { position: fixed; top: 0; left: 0; bottom: 0; right: 0; box-sizing: border-box; padding: 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; cursor: auto; background-color: rgba(0,0,0,0.4); }
.calendar2>header { padding: 30px 0 0; 0; overflow: hidden; }
.calendar2>header>nav { float: right; }
.calendar2>header>nav>ul { list-style-type: none;  }
.calendar2>header>nav>ul>li { display: inline-block; margin-left: 10px; }
.calendar2>header>nav>ul>li>a { display: block; width: 44px; height: 44px; cursor: pointer; box-sizing: border-box; overflow: hidden; text-indent: -1000px; }
.save { background: transparent url('../images/calendar/save.png') no-repeat center center; width: 45px; height: 46px; }
.close { background: transparent url('../images/calendar/close.png') no-repeat center center; width: 45px; height: 45px; }



.calendar2-wrapper { flex-grow: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: row; }
.calendar2-wrapper>nav { padding-right: 10px; }
.calendar2-wrapper>nav>ul { list-style-type: none; }
.calendar2-wrapper>nav>ul>li { margin-bottom: 10px; }
.calendar2-wrapper>nav>ul>li>a { display: block; background-color: transparent; width: 44px; height: 88px; cursor: pointer; overflow: hidden; text-indent: -1000px; }
.calendar2-wrapper>nav>ul>li>a[data-cmd=next] { background: transparent url('../images/calendar/up.png') no-repeat center center; width: 45px; height: 85px; }
.calendar2-wrapper>nav>ul>li>a[data-cmd=prev] { background: transparent url('../images/calendar/down.png') no-repeat center center; width: 45px; height: 85px; }
.calendar2-content { flex-grow: 1; position: relative; }
.calendar2-viewport, .calendar2-loader { position: absolute; top:0; left:0; bottom:0; right: 0; /*overflow: hidden;*/ }
.calendar2-loader { background: transparent url('../images/gear.gif') no-repeat center center; display: none; }
.calendar2-page { position: absolute; top:0; height:100%; left:0; right:0; }
.calendar2-week { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; }
.calendar2-week>header h3 { color: #ffffff; font-size: 164px; font-weight: normal; font-family: Conv_gotham; }
.calendar2-week>header h3.today { color: #aeff00; }
.calendar2-week>header h3.sunday, .calendar2-week>header h3.saturday  { color: #cccccc; }
.calendar2-week>header table { width: 100%; border-collapse: collapse; }
.calendar2-week>header table td { padding: 0 30px; border-right: 1px solid transparent; border-top: none; border-left: none; border-bottom: none; box-sizing: border-box; width: 14.285714286%; text-align: center; }
.calendar2-week>header table td:first-child { padding-left: 0; }
.calendar2-week>header table td:last-child { padding-right: 0; border-right: none; }
.calendar2-wrapper a[data-cmd=prev-month] { background: transparent url('../images/calendar/prev.png') no-repeat center center; width: 45px; height: 45px; display: block; position: absolute; top: -56px; left: -54px; }
.calendar2-wrapper a[data-cmd=next-month] { background: transparent url('../images/calendar/next.png') no-repeat center center; width: 45px; height: 45px; display: block; position: absolute; top: -56px; left: 260px;  }




/*.calendar2-week>header>h3 { flex-grow: 1; text-align: center; padding: 0 30px; border-right: 1px solid transparent; color: #ffffff; font-size: 120px; font-weight: bold; }
.calendar2-week>header>h3.today { color: #aeff00; }
.calendar2-week>header>h3:first-child { padding-left: 0; }
.calendar2-week>header>h3:last-child { padding-right: 0; border-right: none; }*/
.calendar2-week>.calendar2-days { flex-grow: 1; position: relative; }
.calendar2-week>.calendar2-days .table-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; }
.calendar2-week>.calendar2-days .table-wrapper table { border-collapse: collapse; margin: 0; height: 100%; }
.calendar2-week>.calendar2-days .table-wrapper table td { border: none; padding: 0 10px; color: #ffffff; box-sizing: border-box; width: 14.285714286%; vertical-align: top; font-size: 14px; position: relative; }
.calendar2-week>.calendar2-days .table-wrapper table td:after { position: absolute; top: 0; right: 100%; bottom: 0; content: ' '; width: 2px; background: transparent url('../images/dotted-border.png') repeat-y; }
.calendar2-week>.calendar2-days .table-wrapper table td:first-child { padding-left: 0; }
.calendar2-week>.calendar2-days .table-wrapper table td:last-child { padding-right: 0; }
.calendar2-week>.calendar2-days .table-wrapper table td:last-child:after { content: ''; }
/*.calendar2-day-content { outline: none; min-height: 50px; }*/
.mce-edit-focus { outline: none !important; }
.month-name { position: absolute; left: 0; bottom: 100%; }

/*.calendar2-week .calendar2-day { flex-grow: 1; padding: 0 30px; border-right: 1px dotted #ffffff; color: #ffffff; }
.calendar2-week .calendar2-day:first-child { padding-left: 0; }
.calendar2-week .calendar2-day:last-child { padding-right: 0; border-right: none; }
.calendar2-page { transition: top 0.3s ease-in; }
.calendar2-page.down { top: 100%; }
.calendar2-page.up { top: -100%; }
.calendar2-day-content { width: 100%; }*/

/*.calendar-week .calendar-day { flex-grow: 1; box-sizing: border-box; }*/

.notebook { position: fixed; top: 0; left: 0; bottom: 0; right: 0; cursor: auto; background-color: rgba(0,0,0,0.4); font-family: 'gotham_lightregular'; color: #ffffff; text-align: justify; font-size: 14px; font-weight: normal; }
.notebook[data-mode=settings] .notebook-container { -webkit-filter: blur(4px) brightness(75%); filter: blur(4px) brightness(75%); }
.notebook[data-mode=settings] .notebook-container [data-cmd=new] { display: none; }
.notebook[data-mode=settings] .notebook-container [data-cmd=filter] { display: none; }
.notebook[data-mode=settings] .notebook-settings { display: block; }

.notebook[data-mode=writing] .notebook-container { -webkit-filter: blur(4px) brightness(75%); filter: blur(4px) brightness(75%); }
.notebook[data-mode=writing] .notebook-container [data-cmd=new] { display: none; }
.notebook[data-mode=writing] .notebook-container [data-cmd=filter] { display: none; }
.notebook[data-mode=writing] .notebook-writing { display: block; }

.notebook[data-mode=select] .notebook-container { -webkit-filter: blur(4px) brightness(75%); filter: blur(4px) brightness(75%); }
.notebook[data-mode=select] .notebook-container [data-cmd=new] { display: none; }
.notebook[data-mode=select] .notebook-container [data-cmd=filter] { display: none; }
.notebook[data-mode=select] .notebook-select { display: block; }
.notebook[data-mode=select] .notebook-settings { display: block; }
.notebook[data-mode=select] .notebook-settings { -webkit-filter: blur(4px) brightness(75%); filter: blur(4px) brightness(75%); }

.notebook[data-mode=filter] .notebook-container { -webkit-filter: blur(4px) brightness(75%); filter: blur(4px) brightness(75%); }
.notebook[data-mode=filter] .notebook-container [data-cmd=new] { display: none; }
.notebook[data-mode=filter] .notebook-container [data-cmd=filter] { display: none; }
.notebook[data-mode=filter] .notebook-filter { display: block; }


.notebook-loader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent url('../images/gear.svg') no-repeat center center;  display: none; }
/*.notebook-container { background-color: #A9A9A9; width: 20%; height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }*/
.notebook-container { height: 85vh; width: 165vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-45%); /*overflow: hidden;*/ }
.notebook-page { width: 49.5%; box-sizing: border-box; background-color: rgba(0,0,0,0.30); border-radius: 30px; height: 100%; position: absolute; top: 0; }
.notebook-page-left { left: 0; }
.notebook-page-right { right: 0; }
.notebook-viewport { position: absolute; top: 25px; bottom: 25px; left: 25px; right: 25px; overflow: hidden; }
.notebook-pages { position: absolute; box-sizing: border-box; left: 0; top: 0; width: 100%; height: 100%; font-family: gotham_lightregular; font-size: 18px; z-index: 10; }
.notebook-note-body { font-size: 15px; }
.notebook-note-title, .notebook-note-body strong { font-family: gotham_boldregular; font-size: 18px; }
.notebook-pages p { margin-bottom: 20px; }
/*.notebook-footer { position: absolute; bottom: 0; width: 50%; text-align: center; padding-bottom: 20px; font-size: 14px; }
.notebook-footer>a, .notebook-footer>a:link, .notebook-footer>a:hover { color: #ffffff; }
.notebook-footer-left { left: 0; }
.notebook-footer-right { right: 0; }
.notebook-footer [data-cmd] { cursor: pointer; }*/
.notebook-note>header { margin-bottom: 20px; }
.notebook-note>header>h3 { font-weight: bold; }
.notebook-note>footer { padding-bottom: 30px; background: transparent url('../images/notebook/horizontal-dots.png') no-repeat center center;  }
.notebook-end { height: 10px; }

.notebook-cmd { display: inline-block; width: 65px; height: 65px; background-position: center center; background-repeat: no-repeat; margin-left: 10px;  }
.notebook-cmd:first-child { margin-left: 0; }
.notebook-cmd[data-cmd=new] { width: 111px; height: 111px; background-image: url('../images/notebook/new-cmd.png'); z-index: 10; }
.notebook-cmd[data-cmd=go-filter] { background-image: url('../images/notebook/search-cmd-large.png'); width: 108px; height: 108px; }
.notebook-cmd[data-cmd=filter] { background-image: url('../images/notebook/search-cmd.png'); }
.notebook-cmd[data-cmd=gallery] { background-image: url('../images/notebook/gallery-cmd.png'); width: 60px; height: 60px; }
.notebook-cmd[data-cmd=note] { background-image: url('../images/notebook/note-cmd-large.png'); width: 108px; height: 108px; }
.notebook-cmd[data-cmd=add-category] { background-image: url('../images/notebook/add-cmd.png'); }
.notebook-cmd[data-cmd=add-tag] { background-image: url('../images/notebook/add-cmd.png'); }
.notebook-cmd[data-cmd=select-image] { background-image: url('../images/notebook/upload-cmd.png'); }
.notebook-cmd[data-cmd=update] { background-image: url('../images/notebook/update-cmd-large2.png'); width: 108px; height: 108px; }
.notebook-cmd[data-cmd=close], .notebook-cmd[data-cmd=close-notebook] { background-image: url('../images/notebook/close-cmd.png'); width: 43px; height: 43px; }
.notebook-cmd[data-cmd=export] { background-image: url('../images/notebook/export-cmd.png'); width: 51px; height: 51px; }
.notebook-note-tools { position: absolute; top: 0; width: 120px; }
.notebook-note-tools-left { right: 102%; }
.notebook-note-tools-right { left: 102%; }
.notebook-note-tools-buttons { overflow: hidden; }
.notebook-note-tools-buttons>div { float: left; width: 60px; height: 60px; text-align: center; line-height: 60px;}
.notebook-note-tools-buttons>div>img { vertical-align: middle; }
.notebook-note-tools>ul { text-align: right; font-family: Conv_gotham; }
.notebook-note-tools-right .notebook-note-tools-buttons>div { float: right; }
.notebook-note-tools-right>ul { float: left; }
.notebook-container>[data-cmd] { position: absolute; }
.notebook-container>[data-cmd=new] { left: 50%; top: -67px; transform: translateX(-50%); }
.notebook-container>[data-cmd=filter] { left: 50%; top: -67px; transform: translateX(71px); }
.notebook-container>[data-cmd=export] { left: 75%; top: -59px; transform: translateX(-50%); }
.notebook-container>[data-cmd=close-notebook] { right: 10px; top: -56px;  }
.notebook-tools { position: absolute; top: -116px; right: 0; }
.notebook-settings .notebook-tools { right: 50px; }
.notebook-title { position: absolute; bottom: 100%; left: 0; width: 50%; text-align: center; padding-bottom: 4px; font-weight: bold; font-size: 30px; font-family: Conv_gotham; }

/*.notebook-note-tools-buttons .category { position: relative; }
.notebook-note-tools-buttons .category>img { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }*/





/*.notebook-note-tools-gallery { width: 66px; position: relative; }
.notebook-note-tools-gallery .notebook-cmd { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.notebook-note-tools-category { text-align: center; }
.notebook-note-tools-category>img { width: 40px; height: auto; }
.notebook-note-tools-category ul { font-size: 14px; text-transform: uppercase; }*/

.notebook-window { height: 80vh; width: 68vh; position: absolute; top: 53%; left: 50%; transform: translate(-50%,-45%); display: none; box-sizing: border-box; }
.notebook-columns { overflow: hidden; }
.notebook-column-3 { box-sizing: border-box; width: 33.33%; float: left; overflow: hidden; border-image: url('../images/notebook/vertical-dots.png') 30 round; padding-left: 24px; padding-right: 16px; background: url('../images/notebook/vertical-dots.png') repeat-y left top; text-align: center; }
.notebook-column-3:first-child { background-image: none; padding-left: 0; }
.notebook-column-3:last-child { padding-right: 0; }
.notebook-form-group { display: flex; flex-direction: row; margin-bottom: 10px; }
.notebook-form-group:last-child { margin-bottom: 0; }
.notebook-form-group input[type=text] { display: block; border: 2px solid #ffffff; border-radius: 30px; font-family: inherit; font-size: inherit; padding: 10px; background: transparent; outline: none; color: #ffffff; flex-grow: 1 }
.notebook-form-group button { margin-left: 10px; border: none; border-radius: 50%; background-color: #ffffff; padding: 0; width: 40px; outline: none; cursor: pointer; }
.notebook-form { margin-bottom: 30px; }

.notebook-image-manager>ul { margin-top: 10px; }
.notebook-image-manager>ul>li>span { width: 66px; height: 66px; border-radius: 50%; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: cover; }
.notebook-image-manager>header { overflow: hidden; position: relative; }
.notebook-image-manager input[type=file] { position: absolute; left: -1000px; }

.notebook-category-manager>footer { margin-top: 10px; overflow: hidden; position: relative; }
.notebook-category-manager input[type=file] { position: absolute; left: -1000px; }
.notebook-category-manager li a { padding: 4px; border: 1px solid transparent; display: block; }
.notebook-category-manager li { margin-bottom: 10px; }
.notebook-category-manager li.selected a { border: 1px dashed #ffffff; }

.notebook-context-menu { z-index: 10000; position: fixed; top: 100px; left: 100px; background-color: transparent; border: 2px solid #ffffff; font-size: 14px; display: none; }
.notebook-context-menu a { display: block; padding: 4px; color: #ffffff; text-decoration: none; }
.notebook-context-menu a:hover { color: #000000; background-color: #ffffff; }

.notebook-tag-manager li { margin-bottom: 10px; font-family: Conv_gotham; }
.notebook-tag-manager li a { padding: 4px; color: #ffffff; text-decoration: none; border: 1px solid transparent; }
.notebook-tag-manager li a:hover { color: #ffffff; }
.notebook-tag-manager li.selected { border: 1px dashed #ffffff; }


.notebook-writing { height: 85vh; width: 82vh; top: 50%; }
.notebook-writing, .notebook-select { background-color: rgba(0,0,0,0.30); border-radius: 30px; padding: 25px; }
.notebook-writing header { margin-bottom: 60px; }
.notebook-writing .notebook-tools { top: -67px; vertical-align: top; }
.notebook-writing [data-cmd=close] { margin-bottom: 64px;  }

.notebook-paginator { display: block; position: absolute; right: -2px; bottom: -2px; text-align: right;  }
.notebook-paginator span { padding-right: 4px; }
.notebook-paginator a { display: block; background-color: #ffffff; height: 27px; width: 110px; border-bottom-right-radius: 30px; border-top-left-radius: 30px; }
.page-number { font-family: Conv_gotham; }

.notebook-page-right .notebook-paginator { right: auto; left: -2px; text-align: left; }
.notebook-page-right .notebook-paginator span { padding-left: 4px; }
.notebook-page-right .notebook-paginator a { border-bottom-left-radius: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 0; border-top-left-radius: 0; }


.notebook-writing .notebook-note { overflow-x: hidden; overflow-y: auto; height: 100%; }
.notebook-note-list { height: 100%; overflow-x: hidden; overflow-y: auto; }
.notebook-note-list li { margin-bottom: 0px; }
.notebook-note-list a { display: block; padding: 4px; color: #ffffff; text-decoration: none; border: 1px solid transparent; }
.notebook-note-list a:hover { color: #ffffff; border: 1px dashed #ffffff; }
.notebook-note .date { font-size: 11px; }

li.to_delete { display: none; }

.note-menu { position: absolute; z-index: 20; display: none; }
.note-menu>div { display: flex; flex-direction: row;  }
.note-menu>div>div { position: relative; }
[data-cmd=delete] { width: 35px; height: 35px; background-image: url('../images/notebook/delete-cmd.png'); margin-right: 10px; }
[data-cmd=edit] { width: 56px; height: 56px; background-image: url('../images/notebook/edit-cmd.png'); margin-top: 32px; margin-right: 10px; }
[data-cmd=continue] { width: 121px; height: 121px; background-image: url('../images/notebook/continue-cmd.png'); }

.confirmation-dialog { position: fixed; z-index: 10000; left: 50%; top: 50%; transform: translate(-50%,-50%); display: none; }
[data-cmd=delete-yes] { width: 62px; height: 61px; background-image: url('../images/notebook/yes-cmd.png'); margin-right: 10px; }
[data-cmd=delete-no] { width: 62px; height: 61px; background-image: url('../images/notebook/no-cmd.png'); }