/** Color Scheme **/

/***************************************

---------------------------- Style ------------------------

***************************************/

body {
	background:#363469;
	}
a ,
a:link {
    color:#f6c985;
	background-color: transparent;
	}
a:hover {
	color:#ed9d49;
	background-color: transparent;
	}
a:focus,
a:visited {
	color:#bcbcbc;
	background-color: transparent;
	}
a:hover:visited {
	color:#ed9d49;
	}
.top-header{
	background-color: #575594;
	}
.page-users .top-header,
.page-user .top-header{
	background-color: transparent;
	}
.top-header.stickynav-active {
	background:rgba(0,0,0,0.75);
	}
.top-header .navbar-default {
    background-color:transparent;
    border-color: inherit;
	}
.page-user .top-header .navbar-default {
    background-color:transparent;
    border: inherit;
	}
.node-blog.node-teaser ul.links.list-inline li.last,
.content-container ul.links.list-inline li.last{
	border-right: 1px solid #4E5D6C;
	}

/** Breadcrumb **/

.breadcrumb-top {
	background:#4e5d6c;
	}
	.breadcrumb-top .breadcrumb {
	background-color: transparent;
	border-top: 1px dotted #999;
	}
.breadcrumb-wrapper {
	background:transparent;
	}
.breadcrumb-wrapper .breadcrumb {
	background-color: transparent;
	border-top: 1px dotted #999;
	}
.breadcrumb > li + li::before {
    color: #ebebeb;
	}
	
/***  Forum ***/

#forum table a:hover ,
#forum table a:focus {
	color:#ed9d49;
	}
#forum table a:visited{
  	color:#ffdea2
	}
#forum table a:visited:hover{
  	color:#df691a;
	}
.forum-topic-title a {
	color:#fff
	}
.forum-desc .submitted {
    color: #EBEBEB;
	}
#forum .icon div {
    background-image: url(http://www.prachatalk.com/forums/misc/forum-icons.png);
    background-repeat: no-repeat;
	}
#forum .topic-list {
    border-bottom: 1px solid #575594;
	}
ul.action-links a {
	color: #fff;
    background-color: #3fad4e;
    border:inherit;
	}
ul.action-links a:hover {
	color:#fff;
    background-color: #0c8737;
	border-color: #DF691A;
	}
#edit-author--2 a.username::before {
	color:#4e5d6c;
	}
.forums-listing .forum .description {
	color:#aaa;
	}
	
/** Private Message **/

.privatemsg-message-date {
	color:#D8CA6B
	}
.privatemsg-message-actions.links.list-inline li a {
    color: #ffc300;
	}
span.privatemsg-message-new {
	background: #ed1c24!important;
	color: #fff!important;
	}

/** PM New Theme**/

.message-left .privatemsg-message-column::before {
    border: solid transparent;
    border-color: rgba(216,216,200,0);
    border-right-color: rgba(216, 216, 200, 0);
    border-right-color: #5f6366;
    border-width: 15px;
	}
.message-right .privatemsg-message-column::before {
    border: solid transparent;
    border-color: rgba(216,216,200,0);
    border-right-color: rgba(216, 216, 200, 0);
    border-left-color: #3772aa;
    border-width: 15px;
	}
.message-left .privatemsg-message-column {
    background: #5f6366;
	}
.message-right .privatemsg-message-column {
    background: #3772aa;
	}
.message-right .privatemsg-author-name a {
    font-weight: normal;
    color: #fff;
	}
.message-right .privatemsg-author-name a:hover {
	color:#fff;
	}
	
/*** Flag Like ***/

.flag-flag_like .flag-action {
	color:#f49ac1;
	}
.flag-flag_like .unflag-action {
	color:#999;
	}
	
/** User **/

.page-user h1.page-header span {
	color:#fff
	}
.flag-user-like .flag-action {
	color:#fff;
	}
.flag-user-like .flag-action:hover {
	color:#f49ac1;
	}
.flag-user-like .unflag-action {
	color:#4e5d6c;
	}
.flag-user-like .unflag-action:hover {
	color:#fff;
	}
.top-user-page .top-user-page-picture img{
	border:1px solid #999;
	background:#fff
	}
.top-user-quotes-author a{
	color:#ccc;
	}
	
/** Table **/

table > thead > tr > th {
	border-bottom:3px solid #999!important;
	}
.table > thead > tr > th.active,
table > thead > tr > th.active {
    background-color: transparent;
	border-bottom:3px solid #fff799!important;
	background:transparent;
	}
.table > tbody > tr > td.active {
	background-color:transparent;
	color:#fff799
	}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
	background-color:transparent;
	color:#fdc689
	}
	
/*** Nav ***/

#navbar-collapse .main-menu li.expanded a:after{
	color:#aaa
	}
#navbar-collapse .main-menu li a.active,
#navbar-collapse .main-menu li a:focus,
#navbar-collapse .main-menu li a:hover {
    background:inherit;
	color:#ffdea2;
	}
#navbar-collapse .main-menu.open li a.active,
#navbar-collapse .main-menu.open li a:focus,
#navbar-collapse .main-menu.open li a:hover {
    background:inherit;
	color:#ffdea2;
	}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: inherit;
    color: #ffdea2;
	}
#navbar-collapse .main-menu ul ul {
	border-left:1px solid #999;
	background-color:transparent;
	}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #ebebeb;
    background-color: inherit;
	}

.user-menu-container .user-menu .nav > li > a {
    padding: 8px 0 8px 10px;
	font-size:14px;
	color:#ececec;
	line-height:1.3
	}
.user-menu-container .user-menu .nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
	color:#f6c985;
	}
.related-number {
    color: #ebebeb;
	}
.related-topic-by-user-date, .related-topic-by-user-comment {
    color: #aaa;
	}
	
/** Recently Block Views **/

.recently-read-block {
	border-bottom:1px dotted #999;
	}
.recently-type_time {
	color:#ccc;
	}
	
/* Block User Content */

.user-content-number {
	color:#acacac
	}
.user-content-description {
	color:#bcbcbc
	}
.pager.pager--infinite-scroll li > a {
    background-color: #4e5d6c;
	color:#fff
	}
.pager.pager--infinite-scroll li > a:hover {
    background-color: #10253a;
	color:#fff
	}
.no-result-text {
	color:#bbb;
	}
	
/*** Misc ***/

a#edit-cancel {
	background-color:#f26d7d;
	color:#fff
	}
a#edit-cancel:hover {
	background-color:#ed1c24;
	color:#fff
	}
h3.participants {
	border-bottom:1px dotted #aaa;
	}
.page-header span {
	color:rgba(255,255,255,0.7)
	}
.hot-content-button {
	border:1px solid rgba(255,255,255,0.3);
	background-color: rgba(0,0,0,0.2)!important;
	}
.hot-content-button:hover {
	background-color: rgba(0,0,0,0.4)!important;
	}
.user-background {
	background:#1188ae url('/assets/images/top-user-bg.jpg') top center no-repeat;
	}
.related-quote-content {
	border:1px solid #575594;
	}
.related-quote-block-title a{
	background:#c2c2c2;
	color:#333;
	}
.related-quote-block-title a:hover{
	background:#aaa;
	color:#fff;
	}
.btn-links {
	background:transparent
	}
.btn-links {
	padding: 8px 16px;
	margin:0 5px;
	margin-top:10px;
	color:#fff;
	background:rgba(255,255,255,0.3)
	}
.btn-links:hover{
	background:rgba(255,255,255,0.5)
	color:#fff;
	}
.btn-links a:hover{
	color:#fff;
	}
	
/*** Top Page Header ***/

.page-header-top h1.page-header {
	border-bottom:1px dotted rgba(255,255,255,0.4)
	}
	
/*** Footer ***/

.footer-menu {
	background:#333
	}
.footer-menu .menu-block-wrapper {
	border-bottom:1px solid #4e5d6c
	}
.footer-wrapper {
	background:#333;
	}
.footer-wrapper ul li a:before {
	background:#666;
	border:2px solid #fff;
	}
.footer-wrapper ul li a:hover:before {
	background:#f0ad4e;
	border:2px solid #333;
	}
.footer-site-name span {
	color:#df691a;
	}
.footer-wrapper h2.block-title span.desc {
	color:#aaa
	}
	
/** Page Error **/

.page-customerror-404 {
	background:#dadada;
	}
.error-container h1.page-header {
	color: rgba(255,255,255,0.7);
	}
.er404-text span {
	color:#df691a
	}
	
/* 403 */

.page-customerror-403 {
	background:#dadada;
	}
	
/*** Page Login ***/

.simplelogin .signup {
    color: #fff;
    border: 1px solid rgba(255,255,255,0.5);
	}
.page-user #edit-actions #edit-submit.btn {
	border:1px solid #999
	}
	
/*** FrontPage ***/

.top-frontpage-wrapper {
	background:#333;
	}
.top-front-right pi {
	background:rgba(0,0,0,.3);
	box-shadow: 10px 0 0 rgba(0,0,0,.3), -10px 0 0 rgba(0,0,0,.3);
	}
	
/** Dlike Box **/

.user-like-picture img {
	border:2px solid #999;
	}
#bottomNavClose {
    background-color: rgb(255, 255, 255);
    border: 1px solid #fff;
	}
	
/*** TiniMCE ***/

body#tinymce.mce-content-body {
	background:#ebebeb!important;
	padding:10px!important;
	color:#666
	}
.mce-path:before {
	color:#4e5d6c;
	}
.mce-path .mce-path-item {
	color:#ccc
	}
.mce-resizehandle .mce-ico {
	color:#fff!important;
	}
	
/*** Form Image Upload ***/

.droppable {
    border: 1px dashed #ccc;
	}
.page-node-edit .form-item.form-group {
	background:#4e5d6c
	}
.page-node-edit .image-widget .form-item.form-group {
	background:transparent
	}
.page-node-edit .image-widget .image-widget-data .input_group .insert-button {
	background:#5cb85c;
	}
.page-node-edit .image-widget .image-widget-data .input_group .insert-button:hover {
	background:#4ab64a;
	}
.file img.file-icon {
	background:#fff;
	}
.page-node-edit.node-type-graphic-files .form-item.form-group label {
	border-bottom:1px dotted #999;
	}

/** Quotes **/

.quote-list-body {
	background:#363636;
	color:#ccc;
	}
.quote-list-body:after {
	color:#df691a;
	}
.quote-list-title a {
    background: #df691a;
    color: #fff;
	}
.quote-list-title a:hover {
    background: #000;
	color:#fff
	}
.quote-desc {
	color:#ccc;
	}
	
/** Field **/

.field-type-taxonomy-term-reference .field-items a {
    background: rgba(255, 255, 255, 0.075);
    color: #ccc;
	}
.field-type-taxonomy-term-reference .field-items a:hover {
    background: rgba(0,0,0, 0.5);
    color: #ccc;
	}

/*** Maintenance Mode ***/

body.maintenance-page {
	background:#ccc url('/assets/images/maintenance.jpg') top center no-repeat;
  	background-size: cover;
	}
.offline-content {
	background:rgba(0,0,0,.3);
	padding:25px;
	color:#fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}

/*** Taxonomy Term Page ***/

.content-day {
	background: rgba(0,0,0,0.5);
	}
.content-description.on-this-day-block .content-title a strong{
	border-bottom:1px dotted #ccc
	}
.content-title a {
	background:#df691a;
	color:#fff;
	}
.content-title a:hover {
	background:#a03e0f;
	color:#fff;
	}
.content-author {
	background:#333;
	}
.content-post-date {
	background:#333;
	}
.taxonomy-term-list i {
	color:#aaa;
	}
	
/*** Node Addendum ***/

span.tags {
	color:#acacac;
	}
	
/*** Front Block ***/

.view-front-graphics-block .front-content .front-list-title a {
    background: rgba(0,0,0,.7);
	}
.front-list-title a {
	background:rgba(0,0,0,.4);
	}
.front-block-desc {
	border-bottom:1px dotted #aaa
	}
.front-content .front-list-title a{
	background:rgba(100,100,100,.4);
	}
.heading-wrap {
	border-left:1px dotted #999;
	}
h3.sub-block-title {
	background:#df691a
	}
	
/** Header + Action **/

.scroll-header {
	border-top:1px dotted #999;
	color:#cacaca
	}

/*** Page User Edit ***/

.page-user-me-edit .help-block,
.page-user-edit .help-block{
	color:#bcbcbc
	}
.user-nav-pills ul li.active:after {
	border-left:1px solid #fff;
	}
.user-profile-edit {
	border-top:1px solid #fff;
	}
h4.hilight {
	background:#5bc0de;
	color:#fff;
	}
.edit-help {
	color:#bcbcbc;
	}
.del_picture {
	background:#f0ad4e;
	}
label[for=edit-select-avatar] {
	background: #5bc0de;
	color: #fff;
	}
#edit-select-avatar {
	background:#4e5d6c;
	padding:20px;
	}
.panel-default > .panel-heading {
    background-color: transparent;
    color: #ebebeb;
	}
.page-user-me-edit .panel-heading a.panel-title,
.page-user-edit .panel-heading a.panel-title {
    background-color: #485563;
	}
.panel {
    background-color: transparent;
	}
.panel-body {
    background-color: rgba(255,255,255,0.2);
	}
.user-avatar-select .form-item-select-avatar img:hover {
	border:4px solid #5bc0de
	}
.user-avatar-select .form-item-select-avatar img.avatar-select {
	border:4px solid #fff;
	}
	
/**** Form ****/

.tabbable {
    background: rgba(0,0,0,0.2);
	}
.tabs-left > .nav-tabs > li > a:focus, .tabs-left > .nav-tabs > li > a {
	border:1px solid transparent;
	}
.tabs-left > .nav-tabs > li > a:focus, .tabs-left > .nav-tabs > li > a:hover {
    border-color: #4E5D6C;
    background-color: rgba(255,255,255,0.2);
    color: #f6c985;
	}
.tabs-left > .tab-content, .tabs-right > .tab-content {
    border: 1px solid #4E5D6C;
	}
.tabs-left > .nav-tabs > .active > a, .tabs-left > .nav-tabs > .active > a:focus {
	border:1px solid;
    border-color: #4E5D6C #10253a #4E5D6C #4E5D6C;
	}
.tabs-left > .nav-tabs > .active > a:hover {
	border:1px solid;
	color:#f6c985; 
    border-color:#4E5D6C;
	}
.tabs-below > .nav-tabs .summary, .tabs-left > .nav-tabs .summary, .tabs-right > .nav-tabs .summary {
    color: #bcbcbc;
	}
	
/** Wysiwyg **/

.mce-label {
    color:#fff!important;
	}
.mce-tab {
    border: 1px solid #ccc!important;
    border-bottom: 1px solid transparent!important;
    background:transparent!important;
    color: #aaa!important;
	}
.mce-tab:hover {
	border:1px solid #10253a!important;
	background:#10253a!important;
	color:#df691a!important;
	}
.mce-tabs {
	background:transparent!important;
	border-bottom:inherit!important;
	}

blockquote {
	border-left: inherit!important;
	}
blockquote:before {
	color:#aaa;
	}
blockquote:after {
	color:#aaa;
	}
	
.ihe-overlay::after {
    color: #fff;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	}
	
/** Quotes **/

.quote-quote .field-name-body {
	color:rgba(255,255,255,0.6);
	}
	
/*** Front Block ***/

.quote-front-block {
	background:#464646;
	border-bottom:10px solid #999;
	}
.quote-front-block-author:before {
	color:#999
	}
#block-user-login.block {
	background:#4e5d6c
	}
.quote-front-block {
	background:#464646;
	border-bottom:10px solid #999;
	}
.quote-front-block-author:before {
	color:#999
	}
#block-user-login.block {
	background:#4e5d6c
	}
.hello-user {
	color:#333;
	}
.hello-user span{
	color:#111
	}
.message-user {
	background:#df691a;
	}
.message-user-name {
	color:#fff;
	}
.view-content-type-count .view-content .views-field-type-1 {
	color:#666;
	background:#fff;
	}
.user-posted {
	color:#ccc
	}
.user-posted .btn a{
	color:#fff
	}
.user-post {
	color:#fff;
	}
.bemember {
	color:#fff;
	}
.bemember .btn a {
	color:#fff;
	background:transparent;
	}
.user-post .btn a{
	color:#fff
	}
.user-post-content {
	background:rgba(0,0,0,.4);
	}
.btn-secondary {
    color: #222;
    background-color: #ccc;
    border-color: #ccc;
	}

/** Badge **/

.link-badge {
    background: initial;
    background: #f03d25;
    border: 2px solid #fff;
    color: #fff;
	}
	
/** Icon Menus **/

.user-menu-container .nav > li#icon-menus-badge a.private_message span.link-badge-badge-wrapper .link-badge {
    background: initial;
    background: #e60000;
    border: 0px solid #fff;
    color: #fff;
	}
.user-menu-container .nav > li#icon-menus-badge a.menu-badge span.link-badge-badge-wrapper .link-badge {
    background: transparent;
    border: inherit;
    color: #fff;
	}
.user-menu-container .nav > li#icon-menus-badge a.menu-badge span.link-badge-badge-wrapper:before,
.user-menu-container .nav > li#icon-menus-badge a.private_message span.link-badge-badge-wrapper:before {
  	border-left: 5px solid transparent;
  	border-right: 5px solid transparent;
  	border-bottom: 5px solid #e60000;
	}
.user-menu-container .nav > li#icon-menus-badge a.menu-badge span.link-badge-badge-wrapper .link-badge {
	background:transparent;
	color:#fff;
	border-bottom:1px dotted #aaa;
	}

/** Shared BTN **/

span.share-icon i{
	color:#bcbcbc;
	}
.rrssb .rrssb-text {
    color: #fff;
	}
	
/** NavBar & Drop Down #2 **/

#navbar-collapse .main-menu li.expanded.open a:after{
	color:#bbb
	}
.top-header.stickynav-active #navbar-collapse .dropdown-menu li a:hover {
	background:rgba(255,255,255,.7);
	color:#333;
	}
#navbar-collapse .main-menu ul ul li a:before {
	color:#aaa;
	}
.front #navbar-collapse .main-menu ul ul {
	background:rgba(0,0,0,.5);
	}
.front #navbar-collapse .main-menu ul ul li a:hover,
.front #navbar-collapse .main-menu ul ul li a:focus {
	background:rgba(255,255,255,.7);
	color:#333;
	}
	
/************************/

@media (max-width:768px) { 
	.navbar-collapse {
    	border-top: 1px dotted #fff;
        border-top-color: inherit;
	}
}	
@media (max-width:991px) { 
	.user-post-content {
    	background: transparent;
		border-top:1px dotted #bbb
	}
}

/****************************/

/** Front **/

.front-topics-list-bottom {
	color:#bbb;
	border-left: 1px dotted #666;
	}
.front-topics-list-bottom i{
	color:#aaa
	}
	
/* Blog */

#block-views-front-topics-list-block {
	background:#10253a;
	}

/** Front Block Content **/

.second-content {
	background:rgba(0,0,0,0.5);
	}

/*** Ads Block ***/

.ads_insert_block_inner {	
	background:#333!important;
	}

/** Front Block **/

.play-btn i{
	color:#fff;
	background:#999;
	}
.play-btn a:hover i,
.play-btn i:hover{
	color:#ff0000;
	background:#fff;
	}
.play-btn a:after {
	background-color: #000;
	}
.btn-img:hover {
  	background:#000;
	}
.image-upload input[type=file] {
  	background: transparent;
	}
.mce-menu-item .mce-ico, .mce-menu-item .mce-text {
    color: #ccc!important;
	}
.mce-menu-item .mce-caret {
    border-left: 4px solid #bbb!important;
	}
.field-name-body h3 {
	color:#fff;
	}
h2.blog_title {
	color:#bcbcbc;
	border-left:2px dotted #aaa;
	border-right:2px dotted #aaa;
	}
.field-name-body .blog-title h3 {
	color:#bcbcbc;
	}
.field-name-body h3 strong {
	color:#ccc;
	}
.field-name-body h3 span{
	color:#ccc;
	}
.field-name-body .blog-title h4 {
	color:#bcbcbc;
	border-bottom:1px dotted #ff9900;
	}
.node-unpublished {
    background-color: transparent;
	border:1px dashed #ffaa00;
	}
.social_login label {
	color:#fff!important
	}

/** Scheme 2 **/
.social-share-links .share-link a.btn-info {
    background: rgba(255, 255, 255, 0.065);
	color:#aaa
	}
.social-share-links .share-link a.btn-info:hover {
    background: rgba(0,0,0, 0.5);
	color:#fff
	}

/***************************************

---------------------------- Block ------------------------

***************************************/

/** On This Day **/

.views-field-field-onthisday-day .top_onthisday.right h3 a {
	color:#ccc;
	}
ul.select_theme li a{
	background:#ccc;
	}
ul.select_theme li a.dark_theme{
	background: #4e5d6c;
	}
ul.select_theme li a.light_theme{
	background:#ddd;
	}

/** Footer Block **/

/* Recently Read Block */

.recently_read_topics {
	border-bottom:1px dotted #aaa;
	}
	
/** Sidebar Block **/

/** Title **/

.region-sidebar-second h2.block-title {
	border: solid rgba(255,255,255,0.2);
	border-width:3px 1px 0 1px;
	border-top-color:#ff0000;
	background: rgba(0,0,0,0.3);
	}

/* Recommended */

.view.view-recommended-contents {
	background: rgba(0,0,0,0.1);
	border: 1px solid rgba(255,255,255,0.2);
	}
.recommeneded-content {
	border-bottom:1px dotted #aaa;
	}
.recommeneded-content span {
	color:#ccc
	}
.recommeneded-content i {
	color:#f0ad4e;
	}

/** Hot Topics **/

.hot-topics-block .view-hot-topics-block {
	background: rgba(0,0,0,0.15);
	border: 1px solid rgba(255,255,255,0.15);
	}
.hot-topics-block h2.block-title {
	border: 1px solid rgba(255,255,255,0.2);
	border-width: 1px 1px 0 1px;
	border-top-color: #ff0000;
	background: rgba(0,0,0,0.3);
	}
.hot-topic {
	border-bottom:1px solid rgba(255,255,255,0.15);
	}
.hot-topic-description {
	color:#bcbcbc;
	}
.hot-topic-description i {
    color: #999;
	}


/** Status **/

.statuses-subitem {
    background-color: transparent;
    border-top: 1px solid #FFFFFF;
	}

/** Private Message Alert **/

.closeblock-processed .closeblock .closeblock-button {
	background:#eee;
	color:#666;
	}
.closeblock-processed .closeblock .closeblock-button:hover {
	color:#000
	}
.block-privatemsg {
	background-color: #eee;
	/* background-image: repeating-linear-gradient(45deg, transparent, transparent 25px, rgba(255,255,255,.5) 25px, rgba(255,255,255,.5) 50px); */
	}
.block-privatemsg:before {
	background:url("/assets/icon/message_alert.png") 5px center no-repeat;
	}
.pm-alert .block-title {
	color:#448ccb;
	border-bottom: 1px dotted #cdcdcd;
	}
#privatemsg-new-link {
	color:#666;
	}
#privatemsg-new-link:hover {
	color:#333;
	}
.pm-alert .block-title:after{
	color:#ed1c24;
	}

/** Custom Block Header **/

.custom-header h2.block-title {
	border: 1px solid rgba(255,255,255,0.2);
	border-width: 1px 1px 0 1px;
	border-top-color: #ff0000;
	background: rgba(0,0,0,0.3);
	}
.custom-header-style2 h2.block-title {
	border: 1px solid rgba(255,255,255,0.2);
	border-width: 1px 1px 1px 1px;
	border-top-color: #ff0000;
	background: rgba(0,0,0,0.3);
	}

/** Front Block **/

/* Topic New */

.view-other-topic-by-user.view-display-id-block,
.view-front-recommened-topics.view-display-id-block,
.view-front-topics-first.view-display-id-block {
	border:1px solid rgba(255,255,255,0.2);
	background:rgba(0,0,0,0.2);
	}
.block-content-desc i{
	color:rgba(255,255,255,0.4)
	}


/** Login Block **/
.front .user-login-block-container {
	background:rgba(0,0,0,0.4);
	border:1px solid rgba(255,255,255,0.2);
	}
#block-user-login.block.user-login-block {
	background:transparent
	}
.front #user-login-form ul li {
	border-left:1px dotted #aaa;
	}

/* Social Feeds */

.social-node-list {
	background:rgba(255,255,255,0.3);
	}
.social-node-list-desc-submitted {
	border-top:1px dotted #aaa;
	color:#aaa;
	}

/** Related Topics **/

.related-topic-by-user .related-number {
	color: rgba(255,255,255,0.4);
	}
.related-topic-by-user-desc i {
	color: rgba(255,255,255,0.4);
	}

/** Quote **/

.quote-block .q-title {
	background:rgba(0,0,0,0.4);
	color:#fff;
	}
.quote-block .quote-block-body {
	background:rgba(0,0,0,0.2);
	}
	
	
/***************************************

------------------------ Comment ------------------------

***************************************/

/*** Comment ***/

h2.icon {
	background:rgba(255, 255, 255, 0.075);
	}
h2.icon span {
	color:#999
	}
h2.icon i {
	color: rgba(255,255,255,0.6);
	}
.submitted {
    color: #ccc;
	}
.comments-links .btn:hover {
	background:inherit;
	color: #aaa;
	}
.comments-links .btn-default {
    color: #888;
    background-color: transparent;
    border-color: transparent;
	}
.comments-links .btn-default:focus,
.comments-links .btn-default:active {
    color: #aaa;
    background-color: inherit;
    border-color: transparent;
	}
.comments-links .btn-default:active,
.comments-links .btn-default.active,
.comments-links.open .btn-default.active,
.comments-links.open > .dropdown-toggle.btn-default {
  	color: #ffffff;
  	background-color: transparent!important;
  	border-color: rgba(0, 0, 0, 0);
	}
.comments-links .dropdown-menu ul.links.list-inline li a{
	color:#fafafa;
	background:#252525;
	border-top: 1px solid #323232;
	}
.comments-links .dropdown-menu ul.links.list-inline li a:hover{
	background: #171717;
	}
.comment-form-wrapper {
	background:#10253a;
	}
.comment.odd {
	background:rgba(0,0,0,0.15);
	border: 1px solid rgba(255,255,255,0.15);
	}
.comment.even {
	background:rgba(0,0,0,0.15);
	border: 1px solid rgba(255,255,255,0.15);
	}
.content-comments .indented .comment.odd, .content-comments .indented .comment.even {
	background:transparent;
	border:none
	}
.comment.comment-by-node-author {
	background: #464866;
	}
.content-comments .indented .comment.comment-by-node-author.odd, .content-comments .indented .comment.comment-by-node-author.even {
	background: transparent;
	border:none
	}
.comment-thread-expand {
	border: 1px solid #868e96;
	color:#fff;
	}
.comment-thread-expand:active,
.comment-thread-expand:focus {
	color:#fff
	}
.comment-thread-expand:hover {
	background:#868e96;
	color:#fff
	}

/*** Indendted ***/

.content-comments .indented .comment-wrap {
    background: rgba(255,255,255,0.15); 
	padding: 15px 15px 0 15px;
	}
.content-comments .indented .comment-wrap::before {
	display:none;
	}
.comment-form-wrapper {
    background: rgba(0,0,0, 0.3);
	}
.user-menu-container {
    background: rgba(0,0,0, 0.5);
	}
ul.select-theme {
	list-style-type:none;
	margin:0;
	padding:0
	}
ul.select-theme li {
	display:inline-block
	}
	
/***************************************

--------------------------- Misc ---------------------------

***************************************/

/** Top Header **/

#navbar-collapse .main-menu li {
    background: #363469;
	border-top:2px solid transparent;
	}
#navbar-collapse .main-menu li.active {
	border-top:2px solid #ff0000;
	}
.front #navbar-collapse .main-menu li.active {
	border-top:2px solid transparent;
	}
#navbar-collapse .main-menu ul ul.dropdown-menu {
    background-color: #fff;
	}
#navbar-collapse .main-menu ul ul.dropdown-menu li {
	background:transparent;
	}
#navbar-collapse .main-menu ul li.dropdown.open {
    background-color: #fff;
	}
#navbar-collapse .main-menu ul li.dropdown.open a.dropdown-toggle {
	color:#ff9a00;
	}
#navbar-collapse .main-menu ul ul.dropdown-menu li a {
	color:#1c1a59;
    background-color: #fff;
	}
#navbar-collapse .main-menu ul ul.dropdown-menu li a:hover {
	background:#ff9a00;
	color:#fff;
	}
#navbar-collapse .main-menu ul ul li a::before {
    color: #aaa;
	}
.taxonomy_count {
	color:#fff;
    background-color: #575594;
	}
.user-menu-container .nav > li#icon-menus > .dropdown-menu > li a {
	color:#fff
	}
.user-menu-container .nav > li#icon-menus.dropdown.open{
    background:#ccc;
	}
.user-menu-container .nav > li#icon-menus > .dropdown-menu {
	background:#ccc;
	}
.user-menu-container .nav > li.user-menu-picture > .dropdown-menu > li a {
	color:#333;
	}
.user-menu-container .nav > li.user-menu-picture > .dropdown-menu > li a:hover {
    background:#aaa;
	color:#fff
	}
.user-menu-container .nav > li.user-menu-picture > .dropdown-menu > li.first a:hover {
    background:#aaa;
	}
.user-menu-container .nav > li.user-menu-picture > .dropdown-menu > li.last a:hover {
    background:#aaa;
	}
.user-menu-container .nav > li.user-menu-picture > .dropdown-menu {
	background:#ccc;
	}
.user-menu-container .nav > li.user-menu-picture > .dropdown-menu:before {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ccc;
	}

/** icon btn **/

.badge-new {
	color:#333;
	}
.badge-new a{
	color:#333;
	background:#f0ad4e;
	}
#forum table .badge-new a:hover{
	background:rgba(255,255,255,0.5);
	color:#fff;
	}

/** Row Menu (+ Front + Profile) **/

.front .top-header.compact {
	background:#111;
	}
.top-header.compact #navbar-collapse .main-menu ul ul.dropdown-menu {
    background-color: #fff;
	}
.top-header.compact #navbar-collapse .main-menu ul ul.dropdown-menu li a {
	background:transparent;
	color:#333;
	}
.top-header.compact #navbar-collapse .main-menu ul ul.dropdown-menu li a:hover {
	background:#ff9a00;
	color:#fff
	}
.top-header.compact #navbar-collapse .main-menu ul li.dropdown.open {
	background:#fff;
	}
.top-header.compact #navbar-collapse .main-menu ul li.dropdown.open a.dropdown-toggle {
	color:#ff9a00;
	}
.forum-desc i {
	color:rgba(255,255,255,0.45)
	}
span.v-devide {
	color:rgba(255,255,255,0.65)
	}
.the-prachatalk .slogan span{
	color:rgba(255,255,255,0.55)
	}
.i-title a {
	background:rgba(0,0,0,0.3);
	color:#fff;
	}
	
/***************************************

--------------------------- Page  -------------------------

***************************************/

/** Footer **/

.site-logo {
    background: url(/assets/images/site_links/footer_background.png) no-repeat;
	}

/** Table **/

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: inherit;
	}
.table-hover > tbody > tr:hover {
    background-color: inherit;
	}
.table > tbody > tr{
    border:inherit;
	}
.table > tbody > tr > td{
    border:inherit;
	}
table.sticky-header {
	background-color:#1b1a34;
	}
table.sticky-header > thead > tr > th {
    border-bottom: 1px solid #ff0000!important;
	}

/** Page Message **/

.page-messages table.privatemsg-list > tbody > tr {
    border-bottom:1px dotted #999;
	}
.page-messages table.privatemsg-list > tbody > tr:hover {
    border-bottom:1px dotted #fff;
	}
.page-messages table.privatemsg-list > tbody > tr td a:hover {
	color:#ed9d49;
	}
.privatemsg-message-column .privatemsg-message-date {
	color:#ccc;
	}
.message-right .privatemsg-message-column .privatemsg-message-date {
	border-right: 1px dotted #fff;
	}
.message-left .privatemsg-message-column .privatemsg-message-date {
	border-left: 1px dotted #fff;
	}

/** Page Forum **/

.forum-content {
    border: 1px solid rgba(255,255,255,0.25);
    background: rgba(0,0,0,0.25);
	}
footer.content-footer {
	background: rgba(0,0,0,0.35);
    border: 1px solid rgba(255,255,255,0.25);
	border-width:0 1px 1px 1px;
	}
.content-container ul.links.list-inline li {
    border-left: 1px solid rgba(255,255,255,0.25);
	}
.content-container ul.links.list-inline li.first {
    border-left: initial;
	padding-left:0
	}
.content-container ul.links.list-inline li.last {
    border-right: initial;
	}


/** Main Forum List **/

.forum-list-block .view-content{
	background:rgba(0,0,0,0.15);
	border:1px solid rgba(255,255,255,0.15);
	}
.forum-list-block-right {
	border-bottom:1px dotted #999;
	}
.forum-list-desc {
	font-size:13px;
	color:#bcbcbc
	}
.forum-list-desc i {
	color:#999;
	}
.topic-add-on-container {
	border-bottom:1px dotted rgba(255,255,255,0.3)
	}

/** Content Add **/

.content-add-form {
	background:rgba(0,0,0,0.2);
	}

/** Page Add **/

span.form-required:after {
	color:#ffdb00;
	}
.page-node-add .node-form {
	background:rgba(0,0,0,0.15)
	}

/** Bookmark **/

.views-page {
	color:#bcbcbc;
	border-bottom:1px dotted #bcbcbc;
	}
.bookmark.desc i{
	color:#acacac
	}
span.remove a {
	background:#ff9933;
	color:#fff
	}
.content_type span{	
	border:1px solid rgba(255,255,255,.4);
	}

/** Page Hot Topics **/

.hot-topics-block h2.block-title {
	border: 1px solid rgba(255,255,255,0.2);
	border-width: 1px 1px 0 1px;
	border-top-color: #ff0000;
	background: rgba(0,0,0,0.3);
	}
.page-hot-topic .hot-topic-description {
	color:#bcbcbc;
	}
.page-hot-topic .hot-topic-description i {
    color: #999;
	}

/** User Profile **/

.profile-name {
	}
.profile-name .user_id span {
	color:#aaa;
	}
.some-hidden .links.list-inline li a {
	color:#fff;
	}
.some-hidden .links.list-inline .flag-wrapper a{
	color:#fff;
	border:2px solid #2196F3;
	background:#2196F3;
	}
.some-hidden .links.list-inline .flag-wrapper a:hover{
	border:2px solid #2b3e50;
	color:#fff;
	}
.some-hidden .links.list-inline li a:hover {
	color:#0072bc
	}
.user-profile-right-wrapper span.user_title {
	color:#999;
	}
.user-profile-right-wrapper div.user-contents-link,
.user-profile-right-wrapper div.user-comments-link {
	background:#5bc157;
	}
.user-profile-right-wrapper div.user-comments-link {
	background:#f2ae43;
	}
.user-profile-right-wrapper div.user-contents-link a,
.user-profile-right-wrapper div.user-comments-link a {
	color:#fff
	}
.user-profile-right-wrapper div.user-contents-link a:hover,
.user-profile-right-wrapper div.user-comments-link a:hover {
	color:#000
	}
.user-profle-detail {
	border-right:1px solid rgba(255,255,255,0.4)
	}
span.user-number {
	border:1px solid rgba(255,255,255,0.35);
	}

/** Quote Page & Block **/

.quote_page-title {
	background:#aaa;
	color:#fff;
	}
.quote_language {
	background: #c2c2c2;
	color: #666;
	}
.page-quote-author {
	background:rgba(0,0,0,0.4);
	color:#bcbcbc;
	}

.page-quote-author .quote-category {
	color:#fff;
	}
.page-quote-author span.quote-category a {
	color:#ccc;
	}
.page-quote-author span.quote-category a:hover {
	color:#000;
	border-bottom:1px dotted #000
	}

/** Front Page **/

/* forum list */

.front-forums {
	border-top:0px solid transparent;
	}
.front-forums.tid-8987 {
	/* background:#e64a4b; */
	background:rgba(218,123,147,1);
	border-color: rgba(230,74,75,1);
	}
.front-forums.tid-1 {
	/* background:#e64a4b; */
	background:rgba(230,74,75,0.75);
	border-color: rgba(230,74,75,1);
	}
.front-forums.tid-8 {
	/* background:#16528e; */
	background:rgba(22,82,142,0.75);
	border-color: rgba(22,82,142,1);
	}
.front-forums.tid-8983 {
	/* background:#a3c6c0; */
	background:rgba(163,198,192,0.75);
	border-color: rgba(163,198,192,1);
	}
.front-forums.tid-1277 {
	/* background:#167c80; */
	background:rgba(22,124,128,0.75);
	border-color: rgba(22,124,128,1);
	}
span.forums-desc {
	color:#ccc;
	}
span.forums-count {
	color:#ccc;
	border:1px solid rgba(255,255,255,0.3);
	}
.front-half {
	background:rgba(0,0,0,0.5);
	}

/** Media **/

.front_media_bottom-title {
	background:rgba(237,28,36,0.75);
	}
.node-media .submitted-desc span {
	border-bottom:1px dotted #aaa;
	}
.view-new-media {
	background:rgba(0,0,0,0.3);
	}
.media-submitted {
	color:#aaa;
	border-bottom:1px dotted #aaa
	}
.media-bottom-view {
	background:rgba(0,0,0,0.3);
	}
.play-button a {
	color:#fff;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);
	}
.media-bottom-view .views-date {
	color:#ccc;
	}
.media-bottom-view .views-category a {
	border-right:1px dotted #aaa;
	}

/** Social **/

footer.media-footer,
footer.social-footer {
	border:1px solid rgba(255,255,255,0.3);
	border-width:1px 0;
	}
	
/***************************************

--------------------------- Widget ----------------------

***************************************/

/* PLUS 1 */

div.plus1-widget .plus1-score {
	background-color: rgba(255,255,255,0.1);
	}
div.plus1-widget .plus1-score.no-score {
	background-color: rgba(255,255,255,0);
	color: rgba(255,255,255,0.2);
	}
div.plus1-widget .plus1-vote {
  	background: url(images/up.png) no-repeat center bottom;
	}
div.plus1-widget .plus1-undo-vote {
	background: url(images/down.png) no-repeat center top;
	}
div.plus1-widget .plus1-vote a,
div.plus1-widget .plus1-undo-vote a {
	background-color: rgba(255,255,255,0.1);
	color:#aaa
	}
div.plus1-widget .plus1-vote a:hover,
div.plus1-widget .plus1-undo-vote a:hover {
	background-color: rgba(255,255,255,0.3);
	color:#fff
	}

.voting-wrapper a:hover .voting-plus {
	color:#fff
	}
.voting-plus {
	color: #bababa;
	}

/** RRSSB Share **/

.rrssb .rrssb-text {
    color: #bcbcbc;
	}
.rrssb-buttons li.rrssb-email a,
.rrssb-buttons li.rrssb-facebook a,
.rrssb-buttons li.rrssb-twitter a,
.rrssb-buttons li.rrssb-googleplus a {
    background-color: rgba(255,255,255,0.25);
	}

/** Exposed Filter **/

.forum-list-block .views-exposed-widgets .form-item .form-type-bef-link a {
	font-family: 'Prompt',sans-serif;
	border:1px solid rgba(255,255,255,0.2);
	background: rgba(0,0,0,0.05);  
	color:rgba(255,255,255,0.5);  
	font-size:18px;
	}
.forum-list-block .views-exposed-widgets .form-item .form-type-bef-link a.active {
	background: rgba(0,0,0,0.15); 
	color:rgba(255,255,255,1);  
	}
.forum-list-block .views-exposed-widgets .form-item .form-type-bef-link a:hover {
	background: rgba(0,0,0,0.35);
	color:#ccc
	}

/** Throbber **/

.page-forum div.view div.ajax-progress {
  	background: transparent;
	background-image:url("/assets/icon/cat.png");
	background-repeat: no-repeat;
    background-position: center; 
}

ul.select_theme li a{
	background:#ccc;
	}
ul.select_theme li a.dark_theme{
	background: #4e5d6c;
	}
ul.select_theme li a.light_theme{
	background:#ddd;
	}
ul.select_theme li a.red_theme{
	background:#b91432;
	}
img {
	font-size:12px;
	font-weight:normal;
	color:ccc;
	}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: inherit;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
	}
.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
	}

/** Forum **/
td.title .forum-desc,
td.title .forum-desc .submitted {
	color:rgba(255,255,255,0.7)!important
	}
.field-edit-link {
	display:none;
	}

/** FB **/
#facebook body {
	color:#fff!important;
	}

/** Media Browser **/
.ui-dialog {
    display:flex!important;
	flex-direction:column;
	}
.ui-dialog .ui-dialog-content{
	width:100%!important;
	height: auto!important;
	min-height: 280px !important;
	}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
	}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
	}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
	}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
	}
.ui-widget-header {
    border-width: 0px;
    background: #dadada;
    color: #333;
    font-weight: 700;
	}
.ui-widget-content {
    border-width: 0px;
    background: #dadada;
    color: #fff;
	}
.ui-widget {
    font-family: Roboto, sans-serif;
    font-size: 1.1em;
	}
.ui-dialog {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	}
#media-browser-tabset .ui-dialog {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	}
#branding h1 {
	margin:0;
	}
.page-media-browser {
	background:#333!important;
	}
.ui-tabs .ui-tabs-panel {
    padding: 5px 0;
	}
#media-browser-tabset #branding h1 {
    font-size:18px!important;
	}

/* Browser */
#media-tabs-wrapper {
    float: left;
	}
.ui-widget-header {
    border: 0px solid #aaa;
	}
#edit-upload-upload-button.btn.form-submit {
	font-size:14px;
	}
.input-group-addon, .input-group-btn {
    width:inherit;
	font-size:14px;
	}
#media-browser-tabset #branding {
    padding: 0;
    background: #dadada;
	}
.ui-tabs .ui-tabs-nav {
    padding: 0;
	}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 0px solid #aaa;
    border-bottom-width: 0px;
    background: #fff;
    font-weight: 400;
    color: #212121;
	}
	
input.form-submit, a.button {
    cursor: pointer;
    padding: 4px 17px;
    margin-bottom: 1em;
    margin-right: 1em;
    color: #5a5a5a;
    text-align: center;
    font-weight: normal;
    font-size: 1.077em;
    font-family: "Lucida Grande", Verdana, sans-serif;
    border: 1px solid #e4e4e4;
        border-right-color: rgb(228, 228, 228);
        border-bottom-color: rgb(228, 228, 228);
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-color: rgb(228, 228, 228);
    border-bottom: 1px solid #b4b4b4;
    border-left-color: #d2d2d2;
    border-right-color: #d2d2d2;
    background: url(images/buttons.png) 0 0 repeat-x;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

/* MCE Button */
#mceu_5 .mce-ico,
#mceu_25 .mce-ico {
	font-family: "Font Awesome 5 Free"!important;
	background-image:none!important;
	}
#mceu_5 .mce-ico::before,
#mceu_25 .mce-ico::before {
	font-family: "Font Awesome 5 Free"!important;
	font-weight:900;
	content:"\f87c"!important;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	}
	
#field-forum-video-add-more-wrapper {
	display:none;
	}