html.webview .navbar {display:none}
html.webview .topmargin {margin-top:0}

.inlinenowrap {display:inline-block;white-space:nowrap;margin-right:10px}

/*nav .container {z-index:5;background:#000}*/
#undernav {z-index:6;top:70px;background:#fff}

.dropdown-menu {z-index:1033}

.message-pane-wrapper,#chatTyping {background-color:#ECEFF1}
.message-time {color:#888}
.message-bubble {
	font-size:12px;
	background-color: #fff;
	color: #263238;
	padding:6px 13px 6px 13px !important;
}

.selfmsg .message-bubble {
	background-color: #CFD8DC;
	color: #263238;
}

.message-bubble:after {
	border-color: transparent #fff
}

.selfmsg .message-bubble:after {
	border-color: transparent #CFD8DC
}

.message-time .online:before {line-height:33%}
.message-time {padding-left:26px}
.message-time b{font-weight:normal;padding-right:1ex;font-size:11px}
.seen {font-size:15px;padding:0}
.message-pane li > div {line-height:100%}
ul.message-pane {margin:0}
.message-pane img {max-width:100%}
.lastmsg div {text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.unread {font-weight:bold;background:#eff8ef}

.online:before {content:"•";color:#5CB85C;font-size:32px;margin-right:2px;vertical-align:top;line-height:50%} 

#chaticon {position: fixed;
    bottom: 15px;
    right: 15px;
    font-size: 1.6rem;
    line-height: 55.5px;
    background: #5CB85C;
    color: white;
    /* padding: 15px; */
    z-index: 1031;
    border-radius: 100px;
    width: 55.5px;
    height: 55.5px;
    text-align: center;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    cursor: pointer;
	transition:all .3s ease-out;
}

#chaticon:hover {
	box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);	
}

#chaticon span {    
	position: absolute;
    color: red;
    font-size: 130%;
    margin-top: -15px;
}

#sidechatlist {
	background: #ECEFF1;
    width: 250px;
    height: 100%;
    position: fixed;
    right: 0px;bottom:-2px;
    z-index: 1031;
    border: 1px solid #ddd;
    overflow: hidden;
}

#sidechatlistheader {
	font-size: 16px;color: #fff;background: #5CB85C;padding: 7px;cursor:pointer;	
}

#sidechatlistheader span {float:right;}
#sidechatlistheader span a {color:#fff;cursor:pointer;font-size:20px;padding-left:0.4em;line-height:0.9ex;}
#sidechatlist .chatlist {overflow:auto}
#sidechatlistsearch {padding:7px;font-size:16px;}
#sidechatlistsearch input {width:90%;margin-right:5px}
#sidechatlistsearch a {cursor:pointer}

.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

.chatboxhead.blink {
	animation: chatboxhead-blink-animation 0.5s 1s  infinite;
	-webkit-animation: chatboxhead-blink-animation 0.5s 1s  infinite;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

@keyframes chatboxhead-blink-animation {
  50% {
    background-color:#000;
  }
}
@-webkit-keyframes chatboxhead-blink-animation {
  50% {
    background-color:#000;
  }
}



#calendar .bg-success .ui-state-default {background:none}


/*** chat boxes ***/

.chatbox {
	position: fixed;
	position:expression("absolute");
	width: 262px;
	display:none;
	z-index:1031;
}

.chatboxhead {
	background-color: #5CB85C;
	padding:7px;
	color: #ffffff;
	cursor:pointer;
	border-right:1px solid #5CB85C;
	border-left:1px solid #5CB85C;
}

.chatboxhead a {color: #ffffff;text-decoration:none}
.chatboxhead a:hover {text-decoration:underline}

.chatboxblink {
	background-color: #176689;
	border-right:1px solid #176689;
	border-left:1px solid #176689;
}

.chatboxcontent {
	font-family: arial,sans-serif;
	font-size: 13px;
	color: #333333;
	height:300px;
	width:262px;
	overflow-y:auto;
	overflow-x:auto;
	padding:7px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #eeeeee;	
	line-height: 1.3em;
}

.chatboxcontent .message-bubble {max-width:186px}
.chatboxcontent .message-bubble a {font-size:12px}

.chatboxinput {
	padding: 5px;
	background-color: #ffffff;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.chatboxtextarea {
	width: 86%;
	height:44px;
	padding:3px 0pt 3px 3px;
	border: 1px solid #eeeeee;
	margin: 1px;
	overflow:hidden;
}

.chat-addimage {font-size:26px;padding-left:5px;display:inline-block}
a.chat-addimage.btn:not(.btn-xs):not(.btn-sm) {font-size:30px;padding:5px}
.chatboxinput input[type=file] {display:none}

.chatboxtextareaselected {
	border: 2px solid #5CB85C;
	margin:0;
}

.chatboxmessage {
	margin-left:1em;
}

.chatboxinfo {
	margin-left:-1em;
	color:#666666;

}

.chatboxmessagefrom {
	margin-left:-1em;
	font-weight: bold;
}

.chatboxmessagecontent {
}

.chatboxoptions {
	float: right;
}

.chatboxoptions a {
	text-decoration: none;
	color: white;
	font-weight:bold;
	font-family:Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	font-size:20px;
	padding-left:0.4em;
	line-height:0.9ex;
}

.chatboxtitle {
	float: left;
}

/*** //chatboxes ***/

/** albumok dolgai **/
.portfolio-item {padding-bottom:15px}

.portfolio-item h3 {
	width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.imgcoll {margin-top:20px}

.imgcoll_5  .imgcoll_item_1 {width:50%;float:left}
.imgcoll_5  .imgcoll_item_2 {width:50%;float:left}
.imgcoll_5  .imgcoll_item_3 {width:33.3333%;float:left}
.imgcoll_5  .imgcoll_item_4 {width:33.3333%;float:left}
.imgcoll_5  .imgcoll_item_5 {width:33.3333%;float:left}
.imgcoll_5  img {border:2px solid #fff;}
.imgcoll_5  .imgcoll_item_1 img {border-style: none solid solid none}
.imgcoll_5  .imgcoll_item_2 img {border-style: none none solid solid}
.imgcoll_5  .imgcoll_item_3 img {border-style: solid solid none none}
.imgcoll_5  .imgcoll_item_4 img {border-style: solid solid none solid}
.imgcoll_5  .imgcoll_item_5 img {border-style: solid none none solid}
.imgcoll_5  .imgcoll_item_5 a {display:block;position:relative;}

.imgcoll_5_v  .imgcoll_item_1 {width:60%;float:left}
.imgcoll_5_v  .imgcoll_item_2 {width:40%;float:left}
.imgcoll_5_v  .imgcoll_item_3 {width:40%;float:right}
.imgcoll_5_v  .imgcoll_item_4 {width:60%;float:left}
.imgcoll_5_v  .imgcoll_item_5 {width:40%;float:left}
.imgcoll_5_v  img {border:2px solid #fff;}
.imgcoll_5_v  .imgcoll_item_1 img {border-style: none solid solid none}
.imgcoll_5_v  .imgcoll_item_2 img {border-style: none none solid solid}
.imgcoll_5_v  .imgcoll_item_3 img {border-style: solid none solid solid}
.imgcoll_5_v  .imgcoll_item_4 img {border-style: solid solid none none}
.imgcoll_5_v  .imgcoll_item_5 img {border-style: solid none none solid}
.imgcoll_5_v  .imgcoll_item_5 a {display:block;position:relative;}

.imgcoll_4  .imgcoll_item_1 {width:100%;float:left}
.imgcoll_4  .imgcoll_item_2 {width:33.3333%;float:left}
.imgcoll_4  .imgcoll_item_3 {width:33.3333%;float:left}
.imgcoll_4  .imgcoll_item_4 {width:33.3333%;float:left}
.imgcoll_4  img {border:2px solid #fff;}
.imgcoll_4  .imgcoll_item_1 img {border-style: none none solid none}
.imgcoll_4  .imgcoll_item_2 img {border-style: solid solid none none}
.imgcoll_4  .imgcoll_item_3 img {border-style: solid solid none solid}
.imgcoll_4  .imgcoll_item_4 img {border-style: solid none none solid}


.imgcoll_4_v  .imgcoll_item_1 {width:75.1069%;float:left}
.imgcoll_4_v  .imgcoll_item_2 {width:24.7%;float:left}
.imgcoll_4_v  .imgcoll_item_3 {width:24.7%;float:left}
.imgcoll_4_v  .imgcoll_item_4 {width:24.7%;float:left}
.imgcoll_4_v  img {border:2px solid #fff;}
.imgcoll_4_v  .imgcoll_item_1 img {border-style: none solid none none}
.imgcoll_4_v  .imgcoll_item_2 img {border-style: none none solid solid}
.imgcoll_4_v  .imgcoll_item_3 img {border-style: solid none solid solid}
.imgcoll_4_v  .imgcoll_item_4 img {border-style: solid none none solid}


.imgcoll_3  .imgcoll_item_1 {width:100%;float:left}
.imgcoll_3  .imgcoll_item_2 {width:50%;float:left}
.imgcoll_3  .imgcoll_item_3 {width:50%;float:left}
.imgcoll_3  img {border:2px solid #fff;}
.imgcoll_3  .imgcoll_item_1 img {border-style: none none solid none}
.imgcoll_3  .imgcoll_item_2 img {border-style: solid solid none none}
.imgcoll_3  .imgcoll_item_3 img {border-style: solid none none solid}

.imgcoll_3_v  .imgcoll_item_1 {width:66.7896%;float:left}
.imgcoll_3_v  .imgcoll_item_2 {width:33.21%;float:left}
.imgcoll_3_v  .imgcoll_item_3 {width:33.21%;float:left}
.imgcoll_3_v  img {border:2px solid #fff;}
.imgcoll_3_v  .imgcoll_item_1 img {border-style: none solid none none}
.imgcoll_3_v  .imgcoll_item_2 img {border-style: none none solid solid}
.imgcoll_3_v  .imgcoll_item_3 img {border-style: solid none none solid}


.imgcoll_2  .imgcoll_item_1 {width:50%;float:left}
.imgcoll_2  .imgcoll_item_2 {width:50%;float:left}
.imgcoll_2  img {border:2px solid #fff;}
.imgcoll_2  .imgcoll_item_1 img {border-style: none solid none none}
.imgcoll_2  .imgcoll_item_2 img {border-style: none none none solid}

.imgcoll_2_v  .imgcoll_item_1 {width:50%;float:left}
.imgcoll_2_v  .imgcoll_item_2 {width:50%;float:left}
.imgcoll_2_v  img {border:2px solid #fff;}
.imgcoll_2_v  .imgcoll_item_1 img {border-style: none solid none none}
.imgcoll_2_v  .imgcoll_item_2 img {border-style: none none none solid}

.imgcoll_more {position:absolute;left:0;top:0;bottom:0;right:0;}
.imgcoll_moret {display:table;width:100%;height:100%;border:2px transparent solid;border-style:solid none solid solid;border-collapse:collapse}
.imgcoll_morec {display: table-cell;text-align: center;vertical-align: middle;color:#fff;font-size:35px;background-color:rgba(0,0,0,0.2);border-bottom:2px solid white}

h3.list-group-item-text {margin-top:0}

@media (max-width: 767px){
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
	}
}