/* extend bootstrap */
.hide {display:none!important;}
.show {display:inline!important;}

.jgb-left {
    float: left;
    overflow: hidden;
}
.jgb-right {
    float: right;
    overflow: hidden;
}
.jgb-clearfix {clear: both;}
.jgb-strong {
    font-weight: bold;
}
.jgb-small {font-size: 0.9em;}
.jgb-large {
    font-size: 1.1em;
}

.jgb-center {
  	display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.jgb-padding {padding: 15px;}

.jgb-cell {margin-bottom:10px;max-width:100%;}

.jgb-table {
    display: table;
    width: 100%;
}
.jgb-table-row {
    display: table-row;
}
.jgb-table-cell {
    display: table-cell;
}

.jgb-list-inline {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jgb-list-inline li {
	display: inline;
	margin: 4px;
	padding: 0;
}

.jgb-alert {
    background-color: #666;
    padding: 7px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    color:rgba(255,255,255,0.9);
    user-select: none;
}

.jgb-alert a {color:#fff; font-weight:bold;}

.jgb-alert.__warning {
	background-color: #efad4d;
}

.jgb-alert.__info {
	background-color: #259abd;
}

.jgb-alert.__error {
	background-color: #d95450;
}

.jgb-alert.__success {
	background-color: #5db75d;
}

#jgb-form *,
#jgb-item * {
    outline: none;
}

#jgb-form .inn-tools {display: none;}
#jgb-form.active .inn-tools{display: block;}

#jgb-form.__g,
#jgb-form.__d {
    background: #1da2f2;
    color: #fff;
    padding: 20px 10px!important;
    border: none!important;
}

#jgb-form.__d {background:#f44320;}

#jgb-form.__g a {
    color: inherit;
    text-transform: uppercase;
}

#jgb-form .jgb-overlay {
    background: rgba(255,255,255,0.5);
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    z-index: 1000;
}

#jgb-form form {margin:0; padding:0;}

#jgb-form .jgb-msg {
    background: #68ba4a;
    padding: 6px 10px;
    margin: 5px 0;
    border-radius: 5px;
    color: #fff;
    font-size: 0.9em;
}

#jgb-form .jgb-msg.err {
	background: #d91e19;
}

#jgb-form .jgb-msg.notice {
	background: #ff5e13;
}

#jgb-form .jgb-msg:empty {display:none;}

#jgb-item button,
#jgb-form button {
    background: rgba(0,0,0,0.8);
    color: #f1f1f1;
    border: none;
    padding: 7px 15px;
    border-radius: 5px;
    margin: 5px 5px 0 0;
}

#jgb-item button[disabled],
#jgb-form button[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

#jgb-form .__forGuest h3,
#jgbComment>h3 {
    font-family: inherit;
    margin: 20px 0 10px 0;
    font-size: 1.1em;
    font-weight: bold;
}

#jgbComment>h3 {
    margin: 20px 0;
}

#jgb-form .fa-question-circle {
    color: #ccc;
}

#jgb-form .fa-check-circle {
    color: #50ae54;
}

#jgb-author-post {}

.jgb-item-meta {
    background: #f1f1f1;
    border-radius: 5px;
    padding: 5px;
    margin: 10px 0;
}

#jgb-author-post>div:nth-child(2) {
    padding-top: 5px;
}

#jgb-author-post label {
    font-size: 0.95em;
    margin: 3px 0;
    user-select:none;
}

.jgb-author {
    background: rgba(0,0,0,0.4);
    height: 64px;
    width: 64px;
    border-radius: 50%;
}

#jgb-author-post .jgb-left {margin-right: 7px;}

#jgb-form .textbox {
    position: relative;
    margin-bottom: 5px;
}

#jgb-desc {
    min-height: 70px;
    padding: 10px;
    font-size: 1.1em;
    background: #f1f1f1;
    border-radius: 5px;
    margin-bottom: 2px;
}

#jgb-form.active #jgb-desc {
    min-height: 100px;
}

.textbox .jgb-hint {
	display: none;
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 1.5em;
    color: rgba(0,0,0,0.5);
    z-index: 1;
}

.textbox .jgb-hint.active {
	display: block;
}

.jgb-text-fm {
    background: #e1e1e1;
    border-radius: 5px;
    overflow: hidden;
}


#jgb-form .jgb-text-fm button {
    background: none;
    border: none;
    padding: 8px 15px;
    border-radius: 0;
    font-size: 1.1em;
    margin:0;
    color:rgba(0,0,0,0.65);
    -webkit-text-stroke: 0.4px #f1f1f1;
}

#jgb-form .jgb-text-fm button[disabled] {
    opacity: 0.3;
}

#jgb-form .jgb-text-fm button.active {
    background: #4cabf7;
    color: #fff;
    -webkit-text-stroke: 0.4px #4cabf7;
}

#jgb-form .jgb-text-fm button.active+button.active {
    border-left: 1px solid rgba(0,0,0,0.15);
}

.tools-open .cover, .tools-open .poll-tab, .tools-open .fileboxCon {
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    position: relative;
}

.tools-open>div:last-child {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

#jgb-form .tools button {
    font-size: 1.2em;
    padding: 10px 20px;
    font-weight: 500;
}

.tools-open .covershow {
    height: 300px;
    background-color: #f1f1f1;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.tools-open .cover .jgb-process,
.tools-open .cover button[data-cmd="cancel"] {
	display: none;
}

.tools-open .cover[data-status="uploading"] .jgb-process
{
 	display: block;
}

.tools-open .cover[data-status="uploading"] button[data-cmd="cancel"] {
	display: inline-block;
}

.tools-open .cover[data-status="uploading"] button[data-cmd="rm"] {
	display: none;
}

.tools-open .cover .inn {
    text-align: center;
    width: 70%;
    background: rgba(0,0,0,0.25);
    padding: 10px;
    border-radius: 10px;
}

#jgb-form input[type="text"],
#jgb-form input[type="email"],
#jgb-form textarea {
    background: #f1f1f1;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    padding: 7px 10px;
    width: 100%;
    box-sizing: border-box;
    height: 35px;
    font-size: 1.1em;
}

#jgb-form input[type="text"],
#jgb-form input[type="email"] {
    margin-bottom: 5px;
}

#jgb-form textarea {
    height: 80px;
    resize: none;
}

.poll-item {
    margin-bottom: 5px;
    border-radius: 4px;
    height: 30px;
    padding-right: 35px;
    position: relative;
}

#jgb-form .poll-item input[type="text"] {
    height: 30px;
    font-size: 1em;
    border-radius: 4px 0 0 4px;
}

#jgb-form .poll-item button {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    height: 30px;
    width: 35px;
    border-radius: 0 4px 4px 0;
    background: #d91e19;
    padding: 0;
}

.jgb-media-preview {
    display: inline-block;
    margin: 5px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    border-radius: 5px;
    padding: 10px;
    background: #fff;
    text-align: left;
    width: 180px;
}

.jgb-media-preview .msg:empty,
.jgb-media-preview .err:empty,
.jgb-media-preview .jgb-process {
    display: none;
}

.jgb-media-preview .msg,
.jgb-media-preview .err {
    background: #d91e19;
    padding: 3px 5px;
    border-radius: 3px;
    margin-bottom: 5px;
    color: #fff;
}

.jgb-media-preview .msg {
    background: #68ba4a;
}

#jgb-item div[data-tag=quote],
#jgb-form div[data-tag=quote] {
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: normal;
    padding: 10px;
    margin: 10px 0;
    background: #ffefb3;
    font-size: 0.95em;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
    border-radius: 4px;
    color: rgba(0,0,0,0.84);
}

#jgb-item div[data-tag=code],
#jgb-form div[data-tag=code] {
    background: rgba(0,0,0,0.75);
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: normal;
    color: rgba(255,255,255,0.85);
    font-family: Inconsolata,Consola,Monaco,Courier,monospace;
    padding: 10px;
    margin: 10px 0;
    border-radius: 4px;
    font-size: 0.9em;
}

#jgb-form .jgb-media-preview button {
    display: none;
}

#jgb-form .jgb-media-preview[data-status="done"] button[data-cmd="rm"],
#jgb-form .jgb-media-preview[data-status="done"] button[data-cmd="edit"] {
    display: inline-block;
}

#jgb-form .jgb-media-preview[data-status="editing"] button[data-cmd="save"],
#jgb-form .jgb-media-preview[data-status="editing"] button[data-cmd="cancel"] {
    display: inline-block;
}

#jgb-form .jgb-media-preview[data-status="uploading"] button[data-cmd="stop"] {
    display: inline-block;
}

#jgb-form .jgb-media-preview button {
    padding: 3px 8px;
    font-size: 0.9em;
}

.jgb-media-preview[data-status="uploading"] .jgb-process {display: block;}

.jgb-hint img {
    border-radius: 5px;
    margin-bottom: 7px;
}

.jgb-hint .jgb-ext {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2em;
}

#jgb-form .jgb-info textarea[disabled] {
    color: #000;
    background: rgba(0,0,0,0.05);
    height: auto;
}

.jgb-process {
    position: relative;
    padding-bottom: 7px;
    margin-bottom: 7px;
}

.jgb-process .a {
    background: rgba(0,0,0,0.4);
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.jgb-process .b {
    background: #4cabf7;
    height: 100%;
}

.jgb-process .c {
    float: right;
}

.cap-mod {
    font-size: 1.2em;
    font-weight: 500;
    text-transform: capitalize;
    margin: 10px 0 7px 0;
    display: inline-block;
    background: #4cabf7;
    color: #fff;
    padding: 5px 12px 5px 10px;
    border-radius: 3px;
    position: relative;
}

.cap-mod:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #4cabf7;
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translate(-50%, -50%);
}

#jgb-form .post-btn button {
    margin: 10px 0 0 0;
    font-size: 1.1em;
    padding: 10px 25px;
    font-weight: bold;
}

#jgb-form .post-btn .btn-submit {background:#007aff; width: 100%}
#jgb-form .edit .post-btn .btn-submit { width: 75%;}

#jgb-form .post-btn .btn-cancel {display:none;}
#jgb-form .edit .post-btn .btn-cancel {
    display: inline;
    width: 23%;
    margin-left: 2%;
}

/* tag - select2 */
.f-tags {
    background: #f1f1f1;
    margin-top: 10px;
    border-radius: 5px;
    padding:3px 0;
}

.f-tags .select2-container--default .select2-selection--multiple {
    background: none;
    border: none;
    border-radius: 0;
}

.f-tags .select2-container--default.select2-container--focus .select2-selection--multiple {
	border:none;
}

.f-tags ul {
    display: block!important;
}

.f-tags .select2-container--default .select2-selection--multiple .select2-selection__choice {
	background: rgba(0,0,0,0.15);
    border: none;
    padding: 3px 5px;
    margin: 5px;
}

.f-tags .select2-container--default .select2-search--inline .select2-search__field {
    margin: 0;
    height: 30px;
}

/* item layout */
.jgb-item-cover {
    background-color: rgba(0,0,0,0.1);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 7px;
}

.jgb-item-cover.__move {
	background-position: top;
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}

.jgb-item-cover.__move.__animate {
	animation-name: coverMove;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

@keyframes coverMove {
  100% {background-position: bottom left;}
}

.jgb-item-desc {
    font-size: 1.25em;
    line-height: 1.5em;
}

a.jgb-slide-item {
    text-decoration: none;
    background: #fff;
    display: inline-block;
    margin: 5px 5px 5px 0;
    border-radius: 7px;
    box-shadow: 1px 1px 10px rgba(0,0,0,.15);
    overflow: hidden;
}

.jgb-slide-title {
    display: none;
}

.jgb-slide-thumb {
    background-color: #f5f5f5;
    background-position: center;
    background-size: cover;
    height: 140px;
    width: 140px;
    position: relative;
}

.jgb-slide-thumb .jgb-img-gif,
.jgb-album-slide span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    font-weight: bold;
}

.jpoll {
    background: #f1f1f1;
    margin-top: 3px;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 4px;
    font-size: 0.95em;
    position: relative;
    overflow: hidden;
    user-select: none;
}

.jpoll:hover {
	background: #e1e1e1;
}

.jpoll .t,
.jpoll .r {
	position: relative;
	z-index: 2;
}

.jpoll .c {
    background: #4cabf7;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    box-shadow: 3px 0 20px rgba(0,0,0,0.2);
}

.jpoll .u {
	display: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    color: #4cabf7;
    font-size: 1.4em;
    z-index: 3;
}

.jpoll.active .u {
    display: block;
}

form.jgb-file {
    display: inline-block;
    width: 300px;
    padding: 7px 7px 7px 0;
    margin: 0;
}

#jgb-item form.jgb-file button[type="submit"] {
    background: #4cabf7;
    border: none;
    border-radius: 5px;
    display: block;
    width: 100%;
    padding: 10px 20px;
    font-size: 1.1em;
    color: #fff;
    font-weight: 500;
}

.file-meta {
    background: rgba(0,0,0,0.1);
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 6px 7px;
    position: relative;
}

.file-meta:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #e5e5e5;
    position: absolute;
    bottom: -6px;
    left: 20px;
}

.file-meta .file-desc {font-weight:500; margin-bottom:3px;}

.file-meta .file-size,
.file-meta .file-ext {
    color: rgba(0,0,0,0.75);
    font-size: 0.95em;
}

.file-meta .file-ext {
    text-transform: uppercase;
    font-weight: bold;
    background: #d91e19;
    color: #fff;
    font-size: 0.9em;
    padding: 2px 5px;
    border-radius: 3px;
}

.jgb-item-meta .jgb-left {
    width: 60%;
}

.jgb-item-meta .jgb-right {
	width: 40%;
	text-align: right;
}

.jgb-item-tools a {
    background: rgba(0,0,0,0.2);
    color: rgba(0,0,0,0.6);
    padding: 2px 10px;
    border-radius: 15px;
    font-size: 0.95em;
    display: inline-block;
    user-select: none;
}

.jgb-item-tags a {
    color: inherit;
    font-size: 0.9em;
}

.jgb-item-tools a>i {
	margin-right: 2px;
	font-size: 0.9em;
}

#jgb-timeline .jgb-item-tags a {
    background: #ddd;
    padding: 3px 5px;
    border-radius: 4px;
    margin: 0 0 3px 0;
    display: inline-block;
}

.jgb-item-tools a:hover {
	background: rgba(0,0,0,0.2);
	color: rgba(0,0,0,0.84);
	text-decoration: none;
}

.jgb-item-tools a.active {
	color:#fff;
	background: #4cabf7;
}

.jgb-item-tools .fwl i {
    margin: 0;
}

.jgb-item-tools .fwl span {
    margin-left: 3px;
    font-weight: 500;
}

.jgb-item-tools .fwl span:empty {display:none;}

.jgb-item-tools .fwl.active {
	background: #d91e19;
}

/* link viewer */
a.jgb-link {
	display: block;
	margin:5px 0 10px 0;
}
a.jgb-link:hover {
	text-decoration: none;
}

.jgb-link-viewer {
    background: rgba(0,0,0,0.05);
    border-radius: 4px;
    margin: 5px 0;
    overflow: hidden;
    display: table-row;
    font-size: 0.8em;
}

.jgb-link-viewer .link-thumb,
.jgb-link-viewer .link-meta {
    display: table-cell;
    min-height: 100px;
}

.jgb-link-viewer.lg {
	margin:7px 0 10px 0;
}

.jgb-link-viewer.lg,
.jgb-link-viewer .link-meta {
	display: block;
}

.jgb-link-viewer.lg a.jgb-link {margin:0;}

.jgb-link-viewer .link-thumb {
    background-color: #ccc;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 200px;
    border-radius: 4px 0 0 4px;
}

.jgb-link-viewer .link-meta {
    padding: 10px;
}

.jgb-link-viewer .link-meta .c {
    margin: 0;
    font-weight: bold;
    font-family: inherit;
    color: rgba(0,0,0,0.84);
    font-size: 1.1em;
}

.jgb-link-viewer .link-meta .d {
    margin: 5px 0 0 0;
    color: rgba(0,0,0,0.7);
}

.jgb-link-viewer .link-meta .l {
    margin-top: 5px;
    text-transform: uppercase;
    color: rgba(0,0,0,0.84);
}

.jgb-link-viewer .link-meta .l i {display:none;}
.jgb-link-viewer .link-meta .l.ssl {color: #01be01;}
.jgb-link-viewer .link-meta .l.ssl i{display:inline;}

.jgb-iframe-box {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
}

.jgb-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}


/* dialog box */
.disableScroll {
    overflow: hidden !important;
}

.jgb-overlay {
    position: fixed;
    z-index:9999;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.jgb-form-overlay {
    position: absolute;
    z-index:9999;
    background: rgba(255,255,255,0.3);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.jgb-dialog * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.jgb-dialog {
    background: #fff;
    position: fixed;
    z-index: 100;
}

.jgb-dialog label {
    font-weight: 500;
    color: rgba(0,0,0,0.84);
    display: block;
    padding: 0 0 2px 0;
    margin: 0;
    font-size: 1.05em;
}

.jgb-dialog input[type="text"],
.jgb-dialog textarea {
    background: #fff;
    border: none;
    width: 100%;
    box-shadow: none;
    resize: none;
    border-radius: 3px;
    min-height: 30px;
    border: 1px solid rgba(0,0,0,0.1);
    color: #000;
}

.jgb-dialog input[type="text"]:focus,
.jgb-dialog textarea:focus {
    border-color: rgba(0,0,0,0.2);
}

.jgb-dialog label input[type=radio] {
    margin: 0 3px 0 0;
}

.jgb-dialog ul.jgb-inline {
    list-style: none;
    margin: 0;
    padding: 0;
}

.jgb-dialog ul.jgb-inline li {
    display: inline-block;
}

.jgb-dialog ul.jgb-inline li+li {
    margin-left: 10px;
}

.jgb-dialog .jgb-dg-bullet {
    color: #777;
    font-weight: bold;
    font-size: 16px;
    margin: 0 7px;
}

.jgb-dialog a {
    cursor: pointer;
}

.jgb-dialog button {
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    line-height: 22px;
    background-color: #f6f7f9;
    color: #4b4f56;
    border: 1px solid #ced0d4;
    border-radius: 2px;
    font-weight: bold;
    padding: 0 8px;
    position: relative;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
}

.jgb-dialog .jgb-dg-submit {
    background: #218ef3;
    color: #fff;
    border-color: #218ef3;
}

.jgb-dialog button + button {
    margin-left: 7px;
}

.jgb-dialog.wide {
    border-radius: 3px;
    box-shadow: 2px 2px 12px rgba(0,0,0,0.2);
    top: 30px;
    overflow: hidden;
}

.jgb-dialog.touch {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.jgb-dialog.touch .jgb-dg-content {
    position: absolute;
    top: 35px;
    left: 0;
    bottom: 35px;
    width: 100%;
    z-index: 1;
    max-height: none;
}

.jgb-dialog .jgb-dg-caption {
    padding: 0 10px;
    background: #f6f7f9;
    border-bottom: 1px solid #e5e5e5;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    color: #1d2129;
    font-size: 14px;
}

.jgb-dialog .jgb-dg-error {
    background: #cc181e;
    color: #fff;
    padding: 4px 10px;
    font-size: 12px;
    display: none;
}

.jgb-dialog .jgb-dg-error.active {
    display: block;
}

.jgb-dialog .jgb-dg-content {
    background: #fff;
    min-height: 100px;
    padding: 10px;
    font-size: 13px;
    line-height: 1.8;
    position: relative;
    max-height: 400px;
    overflow: auto;
}

.jgb-dialog .jgb-dg-overlay {
    background: url(img/loading.gif) center center no-repeat rgba(255,255,255,0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.jgb-dialog .jgb-dg-footer {
    background: #fff;
    border-top: 1px solid #dddfe2;
    text-align: right;
    height: 40px;
    line-height: 40px;
    margin: 0 10px;
}

.jgb-dialog.touch .jgb-dg-footer {
    position: absolute;
    bottom: 0;
    left : 0;
    right: 0;
}

.jgb-dialog .jgb-confirm-text {
	color: #d91e19;
    font-size: 1.1em;
}

/* listing layout */
#jgb-timeline .__status {
    color: #4cabf7;
    font-size: 2.5em;
    padding: 20px;
    text-align: center;
}

#jgb-timeline button.more {
    display: block;
    width: 100%;
    margin: 15px 0 0 0;
    background: rgba(0,0,0,0.8);
    color: #fff;
    border: none;
    padding: 10px;
    box-shadow: none;
    font-size: 1.2em;
}

#jgb-timeline button.more span {
    margin-left: 5px;
}

#jgb-timeline .__ls {
    border: 1px solid #ddd;
    border-radius: 5px;
}

#jgb-timeline #jgb-form {
    margin-bottom: 30px;
}

.jgb-item {
    display: flex;
    padding: 10px;
    position: relative;
}

.jgb-item:hover {
	background: rgba(0,0,0,0.03);
}

.jgb-item+.jgb-item {
    border-top: 1px solid #ddd;
}

.jgb-item a.jgb-item-url {
    background: transparent;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-indent: -5000px;
    overflow: hidden;
    z-index: 10;
}

.jgb-item .jgb-ribbon-ic,
.jgb-item .jgb-home-ic {
    height: 33px;
    width: 30px;
    position: absolute;
    top: -6px;
    right: 10px;
    z-index: 20;
}
.jgb-item .jgb-ribbon-ic {
    background: url(img/ribbons.png?v=2) no-repeat; 
}

.jgb-item .jgb-home-ic {
    background: url(img/home.png?v=2) no-repeat;
}

.jgb-item .jgb-ribbon-ic+.jgb-home-ic {
    right: 40px;
}

.jgb-item .jgb-author {height: 48px; width: 48px;}

.jgb-author-thumb {
    margin-right: 15px;
    width: 48px;
    flex: 0 0 48px;
}

.jgb-item .jgb-content {
	padding-top: 5px;
	width:100%;
	word-break: break-word;
    padding-right: 63px;
}

.jgb-item .jgb-inner h3 {
    font-family: inherit;
    font-weight: normal;
    margin: 5px 0 10px 0;
    font-size: 1.2em;
    line-height: 1.35;
    color: rgba(0,0,0,0.84);
}

.jgb-item .jgb-link-viewer {
    font-size: 1em;
}

.jgb-item-statis {
    font-size: 1.2em;
    color: rgba(0,0,0,0.6);
    margin-top: 15px;
}

.jgb-item-statis li+li {
    margin-left: 20px;
}

.jgb-item-statis li.active {
    color: #d91e19;
}

.jgb-album {
    border-radius: 5px;
    overflow: hidden;
    max-width: 500px;
}

.jgb-album-slide {
    background-color: rgba(0,0,0,0.05);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.jgb-album-slide.__more span {
    background: none;
    color: rgba(0,0,0,0.6);
    font-size: 5em;
}

.__4 .jgb-album-slide,
.__2 .jgb-album-slide {
    float: left;
    width: 50%;
    padding-top: 35%;
}

.__3 .jgb-album-slide {
    width: 33.33%;
    padding-top: 33.33%;
    float: left;
}

.jgb-ipoll-o .a {
    width: 20%;
    text-align: right;
    padding-right: 5px;
    font-size: 0.95em;
    vertical-align: middle;
}
.jgb-ipoll-o .b {
    background: rgba(0,0,0,0.05);
    height: 20px;
    margin-bottom: 5px;
    border-radius: 4px;
    overflow: hidden;
}
.jgb-ipoll-o .c {
    background: #1b95e0;
    height: 100%;
    line-height: 25px;
    text-align: right;
    box-sizing: border-box;
}

/* obj */
#jgb-timeline .__obj {
    background: #4e54c8;
    background: -webkit-linear-gradient(to right, #8f94fb, #4e54c8);
    background: linear-gradient(to right, #8f94fb, #4e54c8);
    padding: 15px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 10px;
}

#jgb-timeline .__obj .inn {
	position: relative;
	z-index: 2;
}

#jgb-timeline .__obj .i {
    width: 80px;
    height: auto;
    border-radius: 10px;
}

#jgb-timeline .__obj.__user {
    background: rgba(0,0,0,0.05);
}

#jgb-timeline .__obj.__user .i {
    border-radius: 50%;
}

#jgb-timeline .__obj.__user * {
    color: inherit;
    text-shadow: none;
}

ul.fpost {
    margin: 15px -15px -15px -15px;
    padding: 0;
    list-style: none;
    display: flex;
    text-align: center;
}

ul.fpost li {
    width: 50%;
    padding: 0;
    margin: 0;
}

ul.fpost li a {
    display: block;
    padding: 10px;
    font-size: 1.15em;
    font-weight: 500;
    border-bottom: 2px solid transparent;
}

ul.fpost li i {
    margin-right: 2px;
}

ul.fpost li.active a {
    border-bottom-color: #1b95e0;
    color: #1b95e0!important;
    font-weight: bold;
}

ul.fpost li a:hover {
    background: #fff;
    text-decoration: none;
    color: #1b95e0!important;
}

#jgb-timeline .__obj .t {
    margin: 3px 0 5px 0;
    font-family: inherit;
}

#jgb-timeline .__obj .p {
    font-size: 1.2em;
}

#jgb-timeline .__obj .jgb-obj-meta {
    padding-left: 10px;
    overflow: hidden;
}

#jgb-timeline .__obj .c {
    position: absolute;
    top: -30px;
    right: -30px;
    left: -30px;
    bottom: -30px;
    background-size: cover;
    background-position: center;
    filter: blur(10px);
    -webkit-filter: blur(10px);
}

#jgb-timeline .__obj * {
    color: #fff;
    text-shadow: 1px 1px 10px rgb(0 0 0 / 20%);
}

.__obj.__user .tb {
    position: relative;
    display: inline-block;
}

#jgb-timeline .__user .tb span {
    background: rgba(0,0,0,0.2);
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    color: #fff;
    height: auto;
    font-size: 2em;
}

#jgb-timeline .__user .tb:hover span {
	background: rgba(0,0,0,0.75);
}

ul.thumb-act {
    background: #fff;
    list-style: none;
    margin: 0;
    padding: 5px 0;
    position: absolute;
    top: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}

ul.thumb-act a {
	display: block;
    white-space: nowrap;
    padding: 3px 10px;
    font-size: 0.95em;
    cursor: pointer;
}

ul.thumb-act a:hover {
	text-decoration: none;
	background: rgba(0,0,0,0.05);
}

ul.thumb-act li.rm {display:none;}
.hasThumb ul.thumb-act li.rm {display:block;}

/* form */
#jgb-findbox {
    padding: 0;
    margin: 0 0 5px 0;
    position: relative;
    border-radius: 5px;
    background: #f1f1f1;
}

#jgb-findbox [type="text"],
#jgb-findbox button {
	background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    margin: 0;
    font-size: 1.2em;
    height: 40px;
}

#jgb-findbox [type="text"] {  
    width: 100%;
    padding: 10px 50px 10px 10px;
}

#jgb-findbox [type="text"]:hover,
#jgb-findbox [type="text"]:active,
#jgb-findbox [type="text"]:focus {
	background: rgba(0,0,0,0.02);
}

#jgb-findbox button {
    padding: 0;
    width: 40px;
    top: 0;
    right: 0;
    position: absolute;
    text-align: center;
    color: rgba(0,0,0,0.4);
}

/* tag list */
.jgb-tag-item {
    background: rgba(0,0,0,0.05);
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}

.jgb-tag-item a {
    color: inherit;
}

.jgb-tag-item a:hover {
	text-decoration: none;
}

.jgb-tag-item:hover {
	background: rgba(0,0,0,0.1);
}

.jgb-tag-item h2.t {
    margin: 3px 0 5px 0;
    font-family: inherit;
}

.jgb-tag-item .i {
    width: 80px;
    height: auto;
    border-radius: 10px;
}

.jgb-tag-item .mt {
    padding-left: 10px;
    overflow: hidden;
}

.jgb-tag-item .c {
    font-size: 1.2em;
}

/* responsive */
.jgb-xs .jgb-link-viewer .link-thumb,
.jgb-xs .jgb-link-viewer .link-meta {
	display: block;
}

.jgb-xs .jgb-link-viewer .link-thumb {
    width: 100%;
    height: 120px;
    border-radius: 4px 4px 0 0;
}

.jgb-xs .jgb-album-slide.__more span {
    font-size: 3em;
}

.jgb-xs .tools {
    text-align: center;
}

.jgb-xs .tools button {
    padding: 10px 15px!important;
    font-size: 1.1em!important;
    width: 30%;
}

.jgb-xs .post-btn button {
    padding: 10px 15px!important;
    font-size: 1.2em!important;
}

.jgb-xs .edit .post-btn .btn-submit {
    width: 65%!important;
}

.jgb-xs .edit .post-btn .btn-cancel {
	width: 33%!important;
}

/* comment */
#jgbComment {
    border-top: 1px solid rgba(0,0,0,0.1);
    margin: 30px 0 0 0;
}

#jgbComment a {cursor: pointer;}

#jgbComment .jgb-author {
    margin-right: 7px;
    width: 48px;
    height: 48px;
}

#jgbComment .cm:after {
    content: "";
    display: table;
    clear: both;
}

#jgbComment .cm+.cm {
    margin-top: 10px;
}

#jgbComment .jgb-cm-body {
    background: rgba(0,0,0,0.07);
    overflow: hidden;
    padding: 5px 7px;
    border-radius: 5px;
    font-size: 0.95em;
}

#jgbComment .cm.hl .jgb-cm-body {
    background: #d5edda;
}

#jgbComment .cm .ct {
    font-size: 1.15em;
    margin: 7px 0;
}

#jgbComment .cm .a {
    font-weight: bold;
}

#jgbComment .cm ul.tk a {
    color: rgba(0,0,0,0.7);
}

#jgbComment form {
    margin: 0 0 30px 55px;
    position: relative;
}

#jgbComment form textarea,
#jgbComment form input[type="text"],
#jgbComment form input[type="email"] {
    display: block;
    background: #f2f2f2;
    border: none;
    border-radius: 5px;
    box-shadow: none;
    width: 100%;
    box-sizing: border-box;
    height: 30px;
    padding: 7px;
    margin: 0 0 5px 0;
}

#jgbComment form textarea {
    min-height: 70px;
    resize: vertical;
}

#jgbComment .jgb-cm-body .f {
    margin: 15px 0;
}

#jgbComment .jgb-cm-body .f form {
    margin-bottom: 0;
}

#jgbComment .jgb-cm-body form textarea,
#jgbComment .jgb-cm-body form input {
    background: #fff!important;
    border: 1px solid rgba(0,0,0,0.2);
}

.jgb-see-cm {
    margin-bottom: 5px;
    background: rgba(205, 229, 254, 0.9);
    color: #064283;
    border-radius: 5px;
    overflow: hidden;
}

.jgb-see-cm .__m {
    background: rgba(0,0,0,0.03);
    padding: 5px;
    font-size: 0.95em;
}

.jgb-see-cm .__a {
    font-weight: bold;
    margin-right: 5px;
}

.jgb-see-cm .__c {
    padding: 8px 5px;
}

.jgb-cm-body .jgb-alert.__warning {
    padding: 5px 10px;
    font-size: 0.95em;
}

.jgb-see-cm .jgb-see-cm {
    border: 1px solid rgba(0,0,0,0.2);
}

.jgb-cm-body a[data-cmd="see"] {
    color: inherit;
    font-style: italic;
    margin-right: 4px;
}

#jgb-timeline .jgbTagFollowBtn {
    background: none;
    border: 2px solid;
    border-radius: 5px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 10px;
    margin: 0;
    font-size: 1.1em;
    cursor: pointer;
    text-shadow: none;
    outline: none;
}

#jgb-timeline .jgbTagFollowBtn.on {
    color: #66d4f1;
}

/* notifications */
.jgb-alert-icon {
    background: #d91e19;
    color: #fff!important;
    font-size: 14px;
    vertical-align: top;
    padding: 2px 4px;
    border-radius: 5px;
    cursor: pointer;
    display: none;
}

.jgb-alert-icon.on {
    display: inline;
}

#jgb-alert ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#jgb-alert li {
    display: inline;
}

#jgb-alert .__a a {
    background: #e1e1e1;
    color: #444;
    margin: 0 7px 7px 0;
    padding: 5px 10px;
    font-size: 1.1em;
    border-radius: 3px;
    display: inline-block;
}

#jgb-alert .__a a.active {
    background: #4cabf7;
    color: #fff;
    font-weight: 500;
}

#jgb-alert .__c {
    margin-top: 10px;
}

#jgb-alert .__c>div {
    display: none;
}

#jgb-alert .__c>div.active {
    display: block;
}

#jgb-alert .alert-item {
    background: #f2f9ff;
    display: block;
    margin-bottom: 5px;
    padding: 7px;
    border-radius: 3px;
    color: inherit;
}

#jgb-alert .alert-item:hover {
    text-decoration: none;
    background: #f5f5f5;
}

#jgb-alert .alert-item .cn {
    margin-left:0;
}

.alert-item .cn, .alert-item .co {
    font-weight: bold;
    margin: 0 5px;
}

.alert-item .cd {
    display: block;
    font-size: 0.9em;
    color: #555;
}

/* extend jcm */
ul.jcm-list-notifications {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.jcm-list-notifications a {
    display: block;
    padding: 5px 7px;
    background: #fff;
    color: #333;
}

ul.jcm-list-notifications li.unread a {
    background: rgba(237,239,245,.98);
}

ul.jcm-list-notifications .jcm-dg-bullet {
    color: #777;
    font-weight: bold;
    font-size: 16px;
    margin: 0 7px;
}

ul.jcm-list-notifications ._comment {
    font-size: 11px;
    display: block;
    font-style: italic;
    color: #666;
}

.jcm-more {
    margin: 5px auto;
    display: block!important;
}

/* social */
.jgb-social {
    text-align: center;
    margin: 5px 0;
}

#jgb-form .jgb-social-btn {
    padding: 5px 0;
    font-size: 0.9em;
    width: 35px;
}

.jgb-scap {
    text-transform: capitalize;
}

.jgb-social-btn.fb {background: #3b5998!important;}
.jgb-social-btn.tw {background: #3a92c8!important;}
.jgb-social-btn.gg {background: #d95032!important;}
.jgb-social-btn.vk {background: #4a75a8!important;}