html {}

* { 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; }
.dropdown-menu li { white-space: nowrap; }
.dropdown-menu li span { padding-left: 10px; }
.dropdown-menu li a.menutag { padding: 3px 10px 3px 3px; display: inline; }

.navbar-default { margin-bottom: 0px; background: #111; border: none 0px; border-bottom: solid 1px #fff; }

body { background: #000; }

a { cursor: pointer; color:white; font-weight: bold; }
a:hover { cursor: pointer; }

.bookmark { border: solid 1px #ddd; background: #131; border-radius: 3px; padding: 10px; margin: 10px;
  overflow-wrap: break-word;
  background: #499bea;
	background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #499bea), color-stop(100%, #207ce5));
	background: -webkit-linear-gradient(top, #499bea 0%, #207ce5 100%);
	background: -o-linear-gradient(top, #499bea 0%, #207ce5 100%);
	background: -ms-linear-gradient(top, #499bea 0%, #207ce5 100%);
	background: linear-gradient(to bottom, #499bea 0%, #207ce5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=0 );
 }
.bookmark .title { font-size: 14px; font-weight: bold; border-bottom: solid 1px white; float:left; }
.bookmark .url { font-size: 10px; color: #ccc; clear: left; }
.bookmark .item { width: calc(100% - 50px); border-right: solid 1px #fff; }
.bookmark .item .desc { color: white; font-size: 10px; }
.bookmark .actions { width: 35px; }


.bookmark .fa { color: #59AbFa; font-weight: normal; }
.bookmark .fa:hover { color: #fff; }



#messages { 
	position: fixed; bottom: 0px; height: 70px; overflow-y: scroll; 
	border-top: solid 1px black; padding: 5px; width: 100%; background: #dedede;
	font-size: 10px; opacity: 1; display: none;
}

.tags .bold { font-weight: bold; font-size: 10px; }
.tag, .tagselect { border: solid 1px black; border-radius: 5px; font-size: 10px; color: white; font-weight: bold;  background: #36abfa; padding: 2px 6px; }
.tag a { color: white; }

#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; }
}