body {background: #f4f6f9;font-family: turn;}
@font-face {font-family: 'turn';src: url('../css/font/turn.woff2') format('woff2');}
header#header {box-shadow: 0 1px 3px hsla(0,0%,7%,.1);border: 1px solid rgb(0 0 0 / 0%);}
.avatar-1 {border-radius: 5px;}
a.btn.btn-secondary.btn-block.xn-back.col-lg-6.mx-auto.mb-3 {display: none;}
a {color: #333333;}
a:hover {color: #1f883d;text-decoration: none;}
#nav > ul:first-child > li:not(:first-child) {padding-left: 0;}
.navbar-toggler:not(:disabled):not(.disabled) {outline: 0;}
.navbar-dark .navbar-toggler {color: rgba(255, 255, 255, 1);border-color: rgb(255 255 255 / 0%);}
.navbar-dark .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");width: 1.3em;height: 1.3em;}
.avatar-3 {width: 2.4rem;height: 2.4rem;border-radius: 5px;}
.avatar-5 {width: 5rem;height: 5rem;border-radius: 5px;}
.breadcrumb-item + .breadcrumb-item::before {content: "»";}
fieldset.fieldset {border: 1px solid rgb(222 226 230 / 0%);background: rgb(248 249 250 / 0%);padding: 0;margin: 0;margin-top: 1rem;}
ul.attachlist li {list-style: none;}
ul.attachlist {padding-inline-start: 0;margin-bottom: 0;}
.fieldset > legend {padding: 0 10px;border-radius: 0;font-weight: 600;color: #333;background: rgb(134 142 150 / 0%);border-left: 4px solid #1f883d;margin-bottom: 1rem;line-height: 22px;}
ul.attachlist a {color: #1f883d;}
.logo-5 {height: 5rem;}
.btn-primary {background-color: #1f883d;border-color: #1f883d;}
.btn-primary:hover {background-color: #1f883d;border-color: #1f883d;opacity: .8;}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {color: #fff;background-color: #1f883d;border-color: #1f883d;opacity: .8;}
.btn-secondary {background-color: #2eab52;border-color: #2eab52;}
.btn-secondary:hover {background-color: #2eab52;border-color: #2eab52;opacity: .8;}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {background-color: #1f883d;border-color: #1f883d;opacity: 1;}
.avatar-4 {border-radius: 5px;}
.message img {border: 1px solid rgb(255 255 255 / 0%);}
.breadcrumb {background-color: rgb(255 255 255) !important;box-shadow: 0 1px 3px hsla(0,0%,7%,.1);border: 1px solid rgb(0 0 0 / 0%);font-size: 90%;}
.list-group-item.active {z-index: 2;color: #fff;background-color: #1f883d;border-color: #1f883d;}
.btn-primary:focus, .btn-primary.focus {box-shadow: 0 0 0 0.2rem rgb(36 105 243 / 50%);}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgb(36 105 243 / 50%);}
.input-group-prepend {display: none;}
pre.language-markup {padding: 1.25rem;background-color: #343a40;color: #ffffff;border-radius: 5px;}
::-webkit-scrollbar {width: 8px;height: 8px;}
::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #ccc;}
.card {box-shadow: 0 1px 3px hsla(0,0%,7%,.1);border: 1px solid rgb(0 0 0 / 0%);background: #fff;}
.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {border-radius: 0.25rem;}
.card-header-tabs > .nav-item > .nav-link.active {background-image: linear-gradient(0deg, rgb(248 249 250 / 0%), rgb(255 255 255 / 0%));border-color: rgb(222 226 230 / 0%);border-bottom: 2px solid #1f883d;color: #1f883d;background-color: rgb(255 255 255 / 0%);padding: 0.5rem 0;margin: 0 1rem;font-weight: 600;}
.card-header-tabs > .nav-item > .nav-link:hover:not(.active) {border: 1px solid rgb(222 226 230 / 0%);}
.card > .card-header {background-image: none;background-color: #fff;border-color: var(--gray-200);}
.thread:hover {background-color: rgb(255 255 255 / 0%);}
.card-footer {background-color: #fff;}
.badge-secondary {color: #fff;background-color: #1f883d;}
.badge-secondary[href]:hover, .badge-secondary[href]:focus {background-color: #1f883d;opacity: .8;}
.page-item.active .page-link {z-index: 1;color: #fff;background-color: #1f883d;border-color: #1f883d;}
.card-header-tabs {margin-top: -0.43rem;}
.row.line-height-4 {flex-direction: row-reverse;}
.logo-4 {border-radius: 5px;}
.col-md-6 span.text-muted {color: #333333 !important;}
.icon.filetype.other {background-position: 0 calc(-9* var(--sbig));}
.message {color: #333333;line-height: 1.9;}
h4.break-all {line-height: 1.7;font-weight: 600;font-size: 1.3rem;}
img.avatar-3.mr-3 {margin-top: 0.5rem !important;}
.card-footer.p-2 {border-top: 1px solid #e9ecef;}
a.btn.btn-secondary {background-color: #2eab52;border-color: #2eab52;opacity: .8;}
.dropdown-menu {border: 1px solid rgb(0 0 0 / 1%);box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45);border-radius: 5px;}
blockquote.blockquote {border-left: 3px solid #1f883d;margin-bottom: 0;background-color: rgb(255 255 255 / 0%);background-image: none;padding: 0 0.5rem !important;}
tbody b {font-size: 1rem;color: #333333;}
div#my_mobile_nav {margin-top: 1rem;}
.dropdown-item.active, .dropdown-item:active {background-color: #1f883d;}
.dropdown-item {color: #495057;}
.form-control:focus {box-shadow: 0 0 0 0.1rem rgb(23 114 246 / 22%);border-color: #ced4da;}
.tap a.mr-3 {position: relative;}
.top-background {position: absolute;top: -7px;right: -7px;width: 18px;height: 18px;border-radius: 50px;background: #d13e32;display: inline-flex;align-items: center;justify-content: center;vertical-align: middle;box-shadow: 0 2px 4px rgba(0,0,0,0.35);}
i.icon-thumb-tack {color: #ffffff;font-size: 0.8rem;}
h4.modal-title {font-size: 1.1rem;}
li.nav-item.active a {position: relative;}
li.nav-item.active a::before {content: "";position: absolute;bottom: -7.5px;width: 100%;height: 3px;background-color: #ffffff;border-radius: 50px;}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {font-weight: 600;}
li.nav-item.active a::before {content: "";position: absolute;bottom: -8px;width: 100%;height: 3px;background-color: #ffffff;border-radius: 0;}
.col-8.px-0 a.text-muted.font-weight-bold {color: #333 !important;}
span.btn-group {display: inline-flex;flex-direction: column;}
span.haya-favorite-btn {display: none;}
span.haya-post-like-thread-btn {display: none;}
button.btn.btn-outline-secondary.js-haya-favorite-tip {
border-radius: 100px!important;border-color: #DDDDDD;color: #C4C4C4;width: 40px;height: 40px;font-size: 1.3rem;}
button.btn.btn-outline-secondary.js-haya-post-like-thread-tip {border-radius: 100px!important;border-color: #DDDDDD;color: #C4C4C4;width: 40px;height: 40px;font-size: 1.3rem;}
button.btn.btn-outline-secondary.js-haya-favorite-add {border-radius: 100px !important;border-color: #DDDDDD;color: #C4C4C4;width: 40px;height: 40px;font-size: 1.3rem;}
button.btn.btn-outline-secondary.js-haya-post-like-thread-del {border-radius: 100px!important;border-color: #1f883d;color: #1f883d;width: 40px;height: 40px;font-size: 1.3rem;}
button.btn.btn-outline-secondary.js-haya-post-like-thread-add {border-radius: 100px!important;border-color: #DDDDDD;color: #C4C4C4;width: 40px;height: 40px;font-size: 1.3rem;}
button.btn.btn-outline-secondary.js-haya-favorite-del {border-radius: 100px!important;border-color: #1f883d;color: #1f883d;width: 40px;height: 40px;font-size: 1.3rem;}
.btn-outline-secondary:hover {background-color: #f8f8f8;}
img.avatar-2 {border-radius: 5px;}
hr {border-top: 1px solid #e9ecef;}
.haya-favoriter.px-1 {padding: 0 1rem !important;}
.haya-post-like.px-1 {padding: 0 1rem !important;}
.btn-group .btn-outline-secondary:last-child {border-color: rgb(134 142 150 / 0%);padding: 0.2rem 0.4rem;color: #555;font-size: 0.9rem;}
.btn-group .btn-outline-secondary:last-child:hover {color: #333;background-color: rgb(134 142 150 / 0%);border-color: rgb(134 142 150 / 0%);}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {color: #868e96;background-color: rgb(134 142 150 / 0%);border-color: rgb(134 142 150 / 0%);}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0);	}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {box-shadow: 0 0 0 0.2rem rgb(134 142 150 / 0%);}
.modal-dialog.modal-md h5 {font-size: 1rem;}
button.close {outline: 0;}
.top-background.top-1 {background: #1f883d;}
.btn-primary.disabled, .btn-primary:disabled {color: #fff;background-color: #1f883d;border-color: #1f883d;}
.modal-dialog.modal-md {margin-top: 5rem;}
.modal-footer .btn {padding: 0.3rem 0.6rem;font-size: 0.95rem;}
.card-body.text-center h5 {font-size: 1.1rem;color: #333;}
.text-left.line-height-2 {color: #777777;}
.message.break-all {margin-top: 1rem;}
b.text-primary {color: #1f883d !important;}
h5.modal-title {font-size: 1.1rem;}
.progress-bar {background-color: #1f883d;}

.input-group.mb-3 .input-group-prepend {
    display: block;
}
.col-md-6.mx-auto .tt_card_s {
    background: linear-gradient(to bottom right, #ffffff, #ffffff);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}

.tt_card_s .tt_card_title {
    font-size: 16px;
    color: #1f883d;
}
a.list-group-item.list-group-item-action {
    border: 1px solid #e9ecef;
}

.text-center.h1.pt-5.pb-5 {
    font-size: 1.5rem;
}

.card.friendlink ul {
    list-style: none;
    padding-inline-start: 0;
}



.card.friendlink ul li {
    display: inline-block;
    margin-right: 1rem;
}

.card-header.text-grey {
    color: #454d55 !important;
}

a.small.text-muted.text-nowrap {
    width: 28px;
    height: 28px;
    display: block;
}

a.small.text-muted.text-nowrap img {
    border-radius: 5px;
}

.modal-dialog.modal-undefined {
    margin-top: 5rem;
}


.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.7);
}


@media (min-width: 1200px) {
.container {max-width: 900px;}
header .container {max-width: 900px;}
.col-lg-9 {flex: 0 0 70%;max-width: 70%;}
.col-lg-3 {flex: 0 0 30%;max-width: 30%;}
.col-lg-2 {flex: 0 0 25%;max-width: 25%;}
.col-lg-10 {flex: 0 0 75%;max-width: 75%;}
}


@media (max-width: 992px) {
body {top: 50px;position: relative;}
.navbar-collapse.collapse {width: 0;}
header {position: fixed!important;display: block;z-index: 99;top: 0;}
div#nav {padding: 1rem;border-radius: 0.25rem;}

.navbar-collapse.collapsing {position: fixed;display: block;right: 7.5px;z-index: 999;top: 60px;width: 150px;background-color: #ffffff;border: 1px solid rgb(0 0 0 / 1%);box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45);transition: height 0.35s ease;}
.navbar-collapse.collapse.show {position: fixed;display: block;right: 7.5px;z-index: 999;top: 60px;width: 150px;background-color: #ffffff;border: 1px solid rgb(0 0 0 / 1%);box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45);transition: height 0.35s ease;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 0.7rem 0.5rem;}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {color: #1f883d;font-weight: 400;}
#nav > ul > li > a.nav-link {border-bottom: 1px solid #e9ecef;}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {color: #1f883d;font-weight: 400;}
.navbar-dark .navbar-nav .nav-link {color: #333;}
li.nav-item.active {display: block;}
li.nav-item.active a::before {display: none;}
span.hidden-lg {font-size: 1rem;}

}



@media (min-width: 992px) {
ul.navbar-nav.mr-auto li .nav-link {
    margin-right: 1rem;
    margin-left: 1rem;
    padding-right: 0;
    padding-left: 0;
    color: rgba(255, 255, 255, 0.7);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {color: rgba(255, 255, 255, 1);}
}