<xf:include template="xf_prefix.less" />
/************************ Dark only ***********************/
.XenTR .xentr-menu-body .is-selected .p-navEl-icon {
	color: #FFF;
}
.button.button--cta, a.button.button--cta{
	border-color: #009688;
	background: #009688;
}

.button.is-disabled, a.button.is-disabled {
    background: #ffffff !important;
}
a.button--cta.button.button--icon.button--icon--write:hover {
    background: #0f3651;
}
.block-header .normal--threads i {
	color: #000000;
}
.pairs--customField a {
    color: #009688;
}
.up-notice {
    background: #23252f !important;
}
.donate-now img {
    filter: invert(1);
}
/* END */
.menu-footer-main ul li a {
    padding: 3px 8px;
    background: #009688;
    color: white;
    border-radius: 3px;
}
.notices--floating .notice.notice--primary {
  background-color: #0f3652;
  color: white;
}

[data-template="forum_list"]{
	.breadcrumb-content{
		display: none;
	}
	.donate-now {
		display: none;
	}
}
.fr-wrapper a{color: #009688;}
a{
	
	text-decoration: none !important;
}
[data-nav-id="110"] {
    background: #002640 !important;
    border-radius: 8px 0px 0px 8px;
}
[data-template="thread_view"]{
	&[data-container-key="node-12"], &[data-container-key="node-13"]{
	.mkrtl{
		direction: rtl;
		text-align: right;
		unicode-bidi: isolate;
		font-family: "Noto Kufi Arabic", sans-serif;
		font-optical-sizing: auto;
		line-height: 1.7;
	}
	.mkltr {
		direction: ltr;
		text-align: left;
		unicode-bidi: isolate;
		font-family: "Noto Kufi Arabic", sans-serif;
		font-optical-sizing: auto;
		line-height: 1.7;
	}
	.mkrtl li {
		text-align: right;
		unicode-bidi: isolate;
		font-family: "Noto Kufi Arabic", sans-serif;
		font-optical-sizing: auto;
		line-height: 1.7;
	}
	.mkltr li {
		text-align: left;
		unicode-bidi: isolate;
		font-family: "Noto Kufi Arabic", sans-serif;
		font-optical-sizing: auto;
		line-height: 1.7;
	}
	.mkrtl li div {
		text-align: right!important;
		font-family: "Noto Kufi Arabic", sans-serif;
		font-optical-sizing: auto;
		line-height: 1.7;
	}
	.mkltr li div {
		text-align: left!important;
		font-family: "Noto Kufi Arabic", sans-serif;
		font-optical-sizing: auto;
		line-height: 1.7;
	}
	.mkrtl .bbCodeBlock-content div{
		text-align: right!important;
		direction: rtl;	
		unicode-bidi: bidi-override;
		font-family: "Noto Kufi Arabic", sans-serif;
		font-optical-sizing: auto;
		line-height: 1.7;
	}
	.mkltr .bbCodeBlock-content div{
		text-align: left!important;
		direction: ltr;
		text-align: left;
		unicode-bidi: bidi-override;
		font-family: "Noto Kufi Arabic", sans-serif;
		font-optical-sizing: auto;
		line-height: 1.7;
	}
	.p-body-header{
			text-align: right!important;
			direction: rtl;	
			unicode-bidi: bidi-override;
			font-family: "Noto Kufi Arabic", sans-serif;
			font-optical-sizing: auto;
		}
	.p-title-value {
		margin-right: 10px;
	}	
}
}
[data-template="forum_view"]{
	&[data-container-key="node-12"], &[data-container-key="node-13"]{
		.structItem{
			direction: rtl;
		}
}
}
[data-container-key="node-12"], [data-container-key="node-13"]{
	.structItem-title{
		font-size: 14px !important;
		font-family: "Noto Kufi Arabic", sans-serif;
		font-optical-sizing: auto;
	}
}
.block--category8, .block--category9{
    font-family: "Noto Kufi Arabic", sans-serif;
  	font-optical-sizing: auto;
}
/* XenVn */
.verified {
    font-size: 80%;
    margin-left: 2px;
    color: #07B8FF !important;
    display: inline;
    font-weight: 900;
}

.userBanner.userBanner--reputation{
	background: #F2920C;
}
#mSnackbarContainer .mSnackbar{
	background: #23252F !important;
	color: #FFF;
}
#mSnackbarContainer .mSnackbar a {
    color: #02B19F !important;
}
/*ENDS*/
/* Icons on Notable members page */
[data-template="member_notable"] .p-body-sideNavContent a.blockLink,
&[data-template="member_notable"] h3.block-textHeader a {
    &:before {
        .m-faBase();
        padding-right: 5px;
    }
    &[href*="members/"]:before {
        .m-faContent(@fa-var-ellipsis-h-alt);
    }
    &[href*="key=most_messages"]:before {
        .m-faContent(@fa-var-comments);
    }
    &[href*="key=highest_reaction_score"]:before {
        .m-faContent(@fa-var-thumbs-up);
    }
    &[href*="key=most_points"]:before {
        .m-faContent(@fa-var-dot-circle);
    }
    &[href*="key=xfrm_most_resources"]:before {
        .m-faContent(@fa-var-cog);
    }
    &[href*="key=xfmg_most_media_items"]:before {
        .m-faContent(@fa-var-images);
    }
    &[href*="key=xfmg_most_albums"]:before {
        .m-faContent(@fa-var-image);
    }
    &[href*="key=todays_birthdays"]:before {
        .m-faContent(@fa-var-gift);
    }
    &[href*="key=staff_members"]:before {
        .m-faContent(@fa-var-user-tie);
    }
}
.p-header{
	background:#0F3652 !important
}
.userBanner.userBanner--reputation{
	display: inline-table !important;
}
.node-icon {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 45px;
    padding: 10px 0 10px 0px;
}
.fa-comments:before {
    content: "\f4b6";
}
.node-icon i {
    display: block;
    font-size: 24px;
    background: linear-gradient(180deg, #1c5e8b, #0f3652);
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 10%;
    margin-right: 20px;
}
.node-title a:hover {
    color: #009688 !important;
}
.node-body {
    border-radius: 4px;
    background: #22242e !important;
    padding: 10px;
    margin-top: 10px !important;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
}
.node-body:hover {
	background: #071723 !important;
	border-left: 2px solid #009688;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
}
.node--read{
	.fa, .fas {
		font-family: 'Font Awesome 5 Pro';
		position: relative;
		font-weight: 400;
		border-right: 2px solid #9799a8;
    	padding-right: 7px;
		color: #009688 !important;
	}
}
.node--unread{
	.fa, .fas {
		font-family: 'Font Awesome 5 Pro';
		position: relative;
		font-weight: 900;
		border-right: 2px solid #9799a8;
    	padding-right: 7px;
		color: #009688 !important;
	}
}
.block-header:before {
    background: #0f3652 !important;
	border-bottom: 6px solid #0f3652 !important;
}
.block-header {
    background: linear-gradient(180deg, #0f3652, #0f3652);
    color: white;
}
.block-header a {
    color: inherit;
    text-decoration: none !important;
    font-weight: bold;
}
.block--messages .block-container{
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1) !important;
}
.block-filterBar{
	background: linear-gradient(180deg, #0f3652, #0f3652);
}
.block-filterBar .filterBar-filterToggle {
    background: #2578b1;
    color: #FFF;
}
.block-filterBar .filterBar-filterToggle:hover {
	background: #47a7eb;
}
.block-filterBar .filterBar-menuTrigger {
    color: #FFF;
}
.block-filterBar .filterBar-menuTrigger:hover{
	background: #47a7eb;
}

[data-template="category_view"]{
.p-body-pageContent .block .block-container .block-body {
    padding: 15px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}
}
[data-template="member_notable"]{
	.block-header:before{
		background: transparent !important;
		border-bottom: unset !important;
	}
	.block-header{
		background: transparent !important;
	}
}
.XenTR .p-body-content .block--category .block-container {
    border: none;
	border-radius: 4px;
	background: #2c2e3b;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
	padding: 10px;
}
.XenTR .xentr-menu .vertival-nav-logo{
	background: #0f3651;
}
.button.button--link, a.button.button--link {
    background: #2b2e3b;
    color: #d7dae8;
    border-color: #414558;
}
/* UserBanner */
.userBanner.xgtKullaniciafis {
    padding: 3px 8px 3px 25px;
}
.xgtKullaniciafis-ikon:before {
    font-weight: 800 !important;
	min-width: 17px !important;
	font-size: 12px !important;
}
.xgtKullaniciafis strong {
    text-align: left !important;
    font-weight: normal !important;
	text-transform: capitalize;
    font-size: 12px;
}
.xgtKullaniciafis {
    border: none !important;
    margin-bottom: 4px !important;
    padding: 3px 8px 3px 0px !important;
}
.xgtKullaniciafis-ikon {
    padding-right: 1.8rem !important;
}
.memberTooltip-banners .xgtKullaniciafis strong, .memberHeader-banners .xgtKullaniciafis strong {
    padding: 0px 2px 0px 0px !important;
}
/* user upgrade */

.xb-informational-wrapper {
    z-index: 999999;
}
.xb-wrapper{
    border: 2px solid #009688;
	box-shadow: rgba(14, 30, 37, 0.4) 0px 1px 20px 20px, rgba(14, 30, 37, 0.66) 0px 2px 16px 0px !important;
}
.xb-wrapper a {
    color: #009688;
}
/* Resource Page */
[data-template="xfrm_featured"]{
	.button.button--cta, a.button.button--cta{
	display: none !important;
	}
}
.resourceBody .resourceInfoButton, .resourceBody .resources-image .avatar{
	display:none;
}
.tabs--standalone .tabs-tab.is-active {
	color: #02b7fe;
}
.ratingStars, .ratingStars.ratingStars--larger{
	font-size: 100%;
}
.p-body-sidebar .block-minorHeader {
	border-bottom: 2px solid #1c5e8b !important;
}
.ozzmodz-CategoryStats {
	margin-top: 10px;
	background: #22242e;
}
/* BS Live */

.lfs[data-widget-key="live_forum_statistics"] .fa-cog:before {
    content: "\f019";
}

.lfs .tabGroup .tabGroup-content {
    max-height: 315px;
    height: 315px;
    position: relative;
}
.lfs .tabs-container {
    border-bottom: 1px solid #eee;
    display: flex;
    background: #0f3652;
}
.lfs[data-widget-key="live_forum_statistics"] .tabGroup.tabGroup--threads .structItem-cell--order {
	width: 42px !important;
}
.lfs[data-widget-key="live_forum_statistics"] .tabGroup.tabGroup--threads .structItem.tabHeader{
	font-family: 'Font Awesome 5 Pro';
}
.lfs .tabGroup .structItem-cell {
    font-family: 'Noto Kufi Arabic', sans-serif;
}
.lfs .tabGroup .structItem-cell--title {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
}
.lfs .tabs .tab{
	color: white;
}

.lfs[data-widget-key="live_forum_statistics"] .tabGroup.tabGroup--threads .structItem-cell--countReplies, .lfs[data-widget-key="live_forum_statistics"] .tabGroup.tabGroup--threads .structItem-cell--countViews {
    display: none;
}
[data-widget-key="xfrm_forum_overview_new_resources"]{
	.contentRow-lesser, .contentRow-minor.contentRow-minor--smaller{
		display: none;
	}
}
.XenTR .custom-footer{
	background: #0f3652;
}
.XenTR .custom-footer .block .block-minorHeader{
		color: #FFF;
}
.XenTR .custom-footer .block .block-body{
		color: #FFF;
	}
.p-footer{
	display: none;
}
.XenTR .custom-footer .block .block-minorHeader i {
    color: #FFF;
}
.XenTR .custom-footer .block .block-body a {
    color: #FFF;
}
.actionBar-set.actionBar-set--external a, .actionBar-set.actionBar-set--internal a {
    border-color: #3e4357;
    padding: 2px 6px;
}
.ozzmodz-CategoryStatsViews {
    display: none !important;
}
a.button--link.button.xcuLRDLButtonCaution.button {
    background: #bcdef5;
    color: black;
}
a.button--cta.button.button--icon.button--icon--download {
    background: #009688;
}
/* ==== Desktop ==== */
@media (min-width: @xf-responsiveWide) {
	.icon-logo {
   		 display: none;
	}
	.desktop-logo {
		padding: 20px;
	}
	.node-extra{
		width: 400px !important;
	}
	/* BS Live*/
	html.lfs .tabGroup .tabGroup-content .tabGroup-scroller>
		.content .structItem--lfsItem .structItem-cell--title, 
		.lfs[data-widget-key="live_forum_statistics"] .tabGroup.tabGroup--threads 
		.structItem.tabHeader .structItem-cell--title{
		width: 50%;
	}

	.lfs .tabGroup .tabGroup-content .structItem-cell--title{
		width: 50%;

	}
	.lfs .tabGroup .tabGroup-content .structItem-cell--countReplies{
		display:none;
	}

	.lfs .tabGroup .tabGroup-content .reactionSummary{
		display:none;
	}

	.lfs .tabGroup.tabGroup--threads .structItem-cell--order-empty,
		.lfs .tabGroup.tabGroup--threads .structItem-cell--order {
		width: 40px !important;
		text-align: center;
		font-size: 12px !important;
	}
}
/* ==== For Mobile ==== */
@media (max-width: @xf-responsiveMedium)  { 
	.XenTR.vertical .p-header-logo .icon-logo {
			display: none !important;
		}
	.p-header-logo {
		vertical-align: middle;
		margin-right: auto;
		padding: 0 55px;
	}
	/*
	[data-template="account_upgrades"]{
		.formRow-labelWrapper {
			padding: 10px 10px 22px;
			background: #f5f5f5;
			margin-bottom: -25px;
			border-radius: 4px;
			color: #2677b1;
			font-weight: 700;
			font-size: 16px;
			border: 1px solid #2677b1;
		}
	} 
	*/
	#XF .menu--structural {
		margin-top: 10px;
		width: 95%;
		border: 2px solid #144468;
		box-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
	}
	/* Resources */
	.resourceList-grid .structItem--resource{
		width: 48%;
	}
	.ratingStars.ratingStars--larger{
		font-size: 90% !important;
	}
	/* ForumStats */
	.forumStatsContainer.forumStats-mini .dataList-cell.dataList-cell--action, .forumStatsContainer.forumStats-mini .dataList-cell.dataList-cell--link {
		padding: 3px 3px;
	}
	.miniCol {
    	display: none;
	}
	/* BS Live*/
	.lfs[data-widget-key="live_forum_statistics"] .tabGroup.tabGroup--threads 
	.structItem-cell--order-empty, .lfs[data-widget-key="live_forum_statistics"] 
	.tabGroup.tabGroup--threads .structItem-cell--order {
		display: none;
	}
	[data-logged-in="true"]{
	.handheld-footer-bar{
		display: none !important;
		}	
	}
	.node-extra-row ul.listInline {
		display: none;
	}
	[data-template="xfrm_resource_view"], [data-template="xfrm_thread_view_type_resource"],
	[data-template="xfrm_resource_history"], [data-template="XGT_Rm_kaynak_indiren"],
	[data-template="xfrm_resource_reviews"],[data-template="xfrm_resource_field"]{
		.p-title {
		  display: flex;
		  flex-direction: column;
		}

		.p-title-value {
		  margin-bottom: auto; 
		}

		.p-title-pageAction {
		  width: 100%;
		  margin: 10px !important;
		  text-align: center;
		}
	}
	[data-template="forum_view"]{
	&[data-container-key="node-12"], &[data-container-key="node-13"]{
		.structItem{
			direction: rtl;
		}
		.structItem-cell--latest, .structItem-cell--meta{
			    float: right;
		}
	}
	}
}