* { font-family: Segoe UI, Tahoma; }

.marginBottom-0 {margin-bottom:0;}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.dropdown-submenu .listOfNotes { max-height: 300px; overflow-y: auto; }

.navbar { margin-bottom: 0px; }

a { cursor: pointer; }
a:hover { cursor: pointer; }

div#noteContainer { padding: 20px; }
div#noteContainer h1 { margin-top: 0px; }
#noteContainer { max-height: calc(100% - 220px); }
#noteContent, #noteContent * { word-wrap: break-word; }

#dialogs, #dialogSave, #dialogEnterKey, #dialogCustom, #dialogYesNo, #dialogStats
{ display: none; }


input#title { width: 100%; font-size: 36px; font-weight: 36px; padding-left: 20px; }

span.summary, .inmenu-info { font-size: 10px; color: #888; font-style: italic; display: block; overflow: hidden; }
.inmenu-info { padding: 0px 20px; }
span.inmenu-info { padding: 0px; margin-top: 0px; display: inline; }

#dashboard ul { padding: 0; clear: both; }
#dashboard li { list-style-type: none; padding: 3px; display: inline-block; width: 300px; margin: 3px; vertical-align: top; }
#dashboard li:hover { background-color: #eee; }
#dashboard a { color: #000; font-weight: bold; display: block; }
#dashboard a:hover { text-decoration: none; }
#xdashboard .listOfNotes { max-height: 300px; overflow-y: auto; }


#view-log .self, #view-log .others, #view-log .mixed
{ xtext-shadow: 0px 0px 1px rgba(255, 255, 255, 1); text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); border-radius: 3px; }
#view-log .self { color: lime; }
#view-log .others { color: red; }
#view-log .mixed { color: orange; }
#view-log td { padding: 5px; }
#view-log tr.others1 { background-image: linear-gradient(to bottom, #a22, #800); padding: 10px; } 
#view-log tr.others2 { background-image: linear-gradient(to bottom, #800, #400); padding: 10px; } 
#view-log tr.self1 { background-image: linear-gradient(to bottom, #2a2, #080); padding: 10px; } 
#view-log tr.self2 { background-image: linear-gradient(to bottom, #080, #040); padding: 10px; }
#view-log tr.mixed1 { background-image: linear-gradient(to bottom, #b62, #940); padding: 10px; } 
#view-log tr.mixed2 { background-image: linear-gradient(to bottom, #940, #720); padding: 10px; }
#view-log span { display: block; float: left; padding: 0 10px 0 0; }
#view-log span span { display: inline; }
#view-log .time { color: white; }
#view-log tr.h1, #view-log tr.h2 { font-size: 14px; }


#adSpace { border: solid 0px #eee; padding: 10px; }
#adSpace:before { content: 'Ads:'; display: block; }

/* ŠIROK ZASLON */
@media (min-width: 768px) {
	#adSpace { border-left-width: 2px; }
}
/* OZEK ZASLON */
@media (max-width: 768px) {
  #adSpace { border-bottom-width: 2px; }
}