/* sceditor gia apantiseis sto forum */
div.sceditor-toolbar {background-image: linear-gradient(to bottom,#4e5159,#2a2c2f) !important;}
sceditor-container.placeholder.body {background: #000 !important;}
allowfullscreen.body {background:#4e5159;}
.sceditor-container {background:#4e5159;}
.sceditor-container iframe, .sceditor-container textarea {background:#4e5159 !important;color:#eff0f4 !important;}


/* CASSIOPEIA linelab.org
https://www.linelab.org/tutorials/joomla-4-cassiopeia-template-customization-child-template */

html{
overflow-x: hidden;
}
body{
color: var(--cassiopeia-color-text);
background-color: var(--cassiopeia-color-primary);
}
.site {
overflow-x: hidden;
position: relative;
width: 100%;
}
a:not([class]) {
text-decoration: none;
}
a, .container-header a, .container-header .mod-menu > li > a, .container-header .mod-menu > li > span, .container-header .metismenu.mod-menu .mm-toggler, .container-header .offcanvas .metismenu.mod-menu .metismenu-item > a, .container-header .navbar-toggler, .back-to-top-link{
color: var(--cassiopeia-color-link);
}
a:hover, a:focus, .container-header a:hover,.container-header a:focus, .container-header .mod-menu > li > a:hover, .container-header .mod-menu > li > a:focus, .container-header .mod-menu > li > span:hover, .container-header .metismenu.mod-menu .mm-toggler:hover, .container-header .offcanvas .metismenu.mod-menu .metismenu-item > a:hover,.container-header .offcanvas .metismenu.mod-menu .metismenu-item > a:focus  {
color: var(--cassiopeia-color-hover);
}
.container-header .site-description, .breadcrumb-item.active, .breadcrumb-item + .breadcrumb-item::before, .nav.nav-tabs .nav-link, .list-group-item, .list-group-item-action:active, .dropdown-item, .dropdown-item-text, .accordion-button, .popover-body, .container-header .mod-menu .parent > ul, .form-select.form-select-success option, .form-select-success.custom-select option, .form-select.custom-select-success option, .custom-select-success.custom-select option, .form-select.form-select-danger option, .form-select-danger.custom-select option, .form-select.custom-select-danger option, .custom-select-danger.custom-select option, .chosen-container.chosen-container-single .chosen-single, .metismenu.mod-menu .parent > ul, .form-control, .custom-select, .dropdown-menu{
color: var(--cassiopeia-color-text);
}
.container-header {
color: var(--cassiopeia-color-text-thead);
background-color: var(--cassiopeia-color-primary-thead);
background-image: none;
/* background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-thead) 0%, var(--cassiopeia-color-hover-thead) 100%); */
}
.metismenu.mod-menu .mm-collapse {
background-color: var(--cassiopeia-color-primary-thead);
/* background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-thead) 0%, var(--cassiopeia-color-hover-thead) 100%); */
}
.container-header .site-description, .container-header .navbar-brand, .container-header .navbar-brand:hover, .container-header .navbar-brand:focus{
color: var(--cassiopeia-color-text-thead);
}
.container-header a, .container-header .mod-menu > li > a, .container-header .mod-menu > li > span, .container-header .metismenu.mod-menu .mm-toggler, .container-header .offcanvas .metismenu.mod-menu .metismenu-item > a, .container-header .navbar-toggler{
color: var(--cassiopeia-color-link-thead);
}
.container-header a:hover,.container-header a:focus, .container-header .mod-menu > li > a:hover, .container-header .mod-menu > li > a:focus, .container-header .mod-menu > li > span:hover, .container-header .metismenu.mod-menu .mm-toggler:hover, .container-header .offcanvas .metismenu.mod-menu .metismenu-item > a:hover,.container-header .offcanvas .metismenu.mod-menu .metismenu-item > a:focus {
color: var(--cassiopeia-color-hover-thead);
}
.topbar, .container-topbar{
color: var(--cassiopeia-color-text-topbar);
background-color: var(--cassiopeia-color-primary-topbar);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-topbar) 0%, var(--cassiopeia-color-hover-topbar) 100%);*/
}
.topbar a, .container-topbar a {
color: var(--cassiopeia-color-link-topbar);
}
.topbar a:hover,.topbar a:focus, .container-topbar a:hover, .container-topbar a:focus {
color: var(--cassiopeia-color-hover-topbar);
}
.topa .btn:focus {
color: var(--cassiopeia-color-text-btns);
}
.belowtop, .container-below-top{
color: var(--cassiopeia-color-text-belowtop);
background-color: var(--cassiopeia-color-primary-belowtop);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-belowtop) 0%, var(--cassiopeia-color-hover-belowtop) 100%);*/
}
.belowtop a, .container-below-top a{
color: var(--cassiopeia-color-link-belowtop);
}
.belowtop a:hover,.belowtop a:focus, .container-below-top a:focus, .container-below-top a:hover{
color: var(--cassiopeia-color-hover-belowtop);
}
.container-banner{
color: var(--cassiopeia-color-text-bnr);
background-color: var(--cassiopeia-color-primary-bnr);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-bnr) 0%, var(--cassiopeia-color-hover-bnr) 100%);*/
}
.container-banner a {
color: var(--cassiopeia-color-link-bnr);
}
.container-banner a:hover,.container-banner a:focus {
color: var(--cassiopeia-color-hover-bnr);
}
.container-header .grid-child.brand {
position:relative;
}
.container-header .grid-child.brand:before{
background-color: inherit;
}
.topa{
position:relative;
z-index:0;
color: var(--cassiopeia-color-text-topa);
background-color: var(--cassiopeia-color-primary-topa);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-topa) 0%, var(--cassiopeia-color-hover-topa) 100%);*/
}
.topa:before{
background-color: inherit;
background-image: inherit;
}
.topa a, .topa a:(.btn) {
color: var(--cassiopeia-color-link-topa);
}
.topa a:hover,.topa a:focus {
color: var(--cassiopeia-color-hover-topa);
}
.topb{
position:relative;
z-index:0;
color: var(--cassiopeia-color-text-topb);
background-color: var(--cassiopeia-color-primary-topb);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-topb) 0%, var(--cassiopeia-color-hover-topb) 100%);*/
}
.topb:before{
background-color: inherit;
background-image: inherit;
}
.topb a {
color: var(--cassiopeia-color-link-topb);
}
.topb a:hover,.topb a:focus {
color: var(--cassiopeia-color-hover-topb);
}
.container-top-c > *{
flex: 1;
margin: 0.5em 0;
}
.container-top-c{
position: relative; grid-area: top-c;
}
.topc{
position:relative;
z-index:0;
color: var(--cassiopeia-color-text-topc);
background-color: var(--cassiopeia-color-primary-topc);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-topc) 0%, var(--cassiopeia-color-hover-topc) 100%);*/
}
.topc:before{
background-color: inherit;
background-image: inherit;
}
.topc a {
color: var(--cassiopeia-color-link-topc);
}
.topc a:hover,.topc a:focus {
color: var(--cassiopeia-color-hover-topc);
}
.bottoma{
position:relative;
z-index:0;
color: var(--cassiopeia-color-text-bottoma);
background-color: var(--cassiopeia-color-primary-bottoma);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-bottoma) 0%, var(--cassiopeia-color-hover-bottoma) 100%);*/
}
.bottoma:before{
background-color: inherit;
background-image: inherit;
}
.bottoma a {
color: var(--cassiopeia-color-link-bottoma);
}
.bottoma a:hover,.bottoma a:focus {
color: var(--cassiopeia-color-hover-bottoma);
}
.bottomb{
position:relative;
z-index:0;
color: var(--cassiopeia-color-text-bottomb);
background-color: var(--cassiopeia-color-primary-bottomb);
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-bottomb) 0%, var(--cassiopeia-color-hover-bottomb) 100%);*/
}
.bottomb:before{
background-color: inherit;
background-image: inherit;
}
.bottomb a {
color: var(--cassiopeia-color-link-bottomb);
}
.bottomb a:hover,.bottomb a:focus {
color: var(--cassiopeia-color-hover-bottomb);
}
.footer, [dir=rtl] .footer{
color: var(--cassiopeia-color-text-footer);
background-color: var(--cassiopeia-color-primary-footer);
background-image: none;
/*  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary-footer) 0%, var(--cassiopeia-color-hover-footer) 100%);*/
}
.footer a {
color: var(--cassiopeia-color-link-footer);
}
.footer a:hover,.footer a:focus {
color: var(--cassiopeia-color-hover-footer);
}
.view-featured .container-component {
padding: 40px 0 20px 0;
}

.container-header .grid-child.brand:before, .topa:before, .topb:before, .topc:before, .bottoma:before, .bottomb:before{
content:"";
z-index: -1;
position:absolute;
top:0;
bottom:0;
  /* - ήταν default και το αφαίρεσα γιατί μου έβγαζε μια γραμμή κάτω-κάτω -
left:-100vw;
right:-100vw;
  */
}

.site .swiper-pagination-bullet-active {
background: var(--cassiopeia-color-link);
}
.container-top-a > *, .container-top-b > *, .container-bottom-a > *, .container-bottom-b > *, .container-banner, .footer, .container-component > * + *, .container-sidebar-left > * + *, .container-sidebar-right > * + * {
margin: 0;
min-width:0;
}
.bgimages{
background-repeat: no-repeat !important;
background-position: center center  !important;
background-size: cover  !important;
}
.offcanvas.show {
background-color: var(--cassiopeia-color-primary);
background-color: var(--cassiopeia-color-primary-thead);
}
.offcanvas-header > *:only-child {
margin-left: auto;
}
.btn-primary, .grid-child a.btn-primary {
color: var(--cassiopeia-color-link-btns);
background-color: var(--cassiopeia-color-primary-btns);
border-color: var(--cassiopeia-color-primary-btns);
}
.container-banner a.btn-primary:hover, .container-banner a.btn-primary:focus, .grid-child a.btn-primary:hover, .grid-child a.btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus,.btn-primary:hover, .btn-primary:focus, .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle,.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary:hover, .btn-check:focus + .btn, .btn:focus  {
color: var(--cassiopeia-color-text-btns);
background-color: var(--cassiopeia-color-hover-btns);
border-color: var(--cassiopeia-color-hover-btns);
}
.card {
background-color: var(--cassiopeia-color-primary-tcard);
border: 1px solid var(--cassiopeia-color-text-tcard);
}
.card-header {
background-color: var(--cassiopeia-color-hover-tcard);
border-bottom: 1px solid var(--cassiopeia-color-link-tcard);
}
:root {
--ph-error: #dc3545;
--ph-success: #28a745;
--ph-warning: #ffc107;
--ph-info: #17a2b8;
--ph-grey: #999;
--ph-grey-bg: #f9f9f9;
--ph-white-bg: #fff;
--ph-grey-color: #999;
--ph-grey-border: #f0f0f0;
--ph-loading-1: #c1e2f1;
--ph-loading-2: #45a7d4;
--ph-price-filter-bg: #08b2d9;
--ph-price-filter-border: #079ec0;
--ph-icon-default: #d0d0d0;
--ph-icon-featured: #f0ad4e;
--ph-icon-hot: #d9534f;
--ph-icon-new: #337ab7;
}

/* Linelab Theme 1 */

/*
.brand-logo img {
max-width: 290px;
padding: 0 20px;
}
*/
.container-header .container-search {
padding: 0
}
.container-top-a .swiper-wrapper {
display: grid;
grid-template-columns: auto auto auto;
}
.container-top-a > .no-card {
background-color: var(--cassiopeia-color-primary-topa);
}
.metismenu.mod-menu .metismenu-item:not(.level-2) > ul {
padding: 15px;
}
.metismenu.mod-menu .mm-collapse > li.parent > ul {
background-color: transparent;
}
.container-header .navbar-toggler {
border: 0;
font-size: 2.0rem;
}
.container-header {
box-shadow: 0 10px 20px 0 rgba(8,0,42,.08);
}
.container-banner .banner-overlay {
color: var(--cassiopeia-color-text-bnr);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top, center;
background-size: unset;
}
.metismenu.mod-menu .metismenu-item ul li {
font-size: 0.9rem;
}
.container-banner .banner-overlay .overlay .text-thin::after {
background: var(--cassiopeia-color-text-bnr);
height: 2px;
margin: 1rem auto 1rem;
}
.container-banner p.lead {
margin-bottom: 0;
}
.container-banner .banner-overlay .overlay .text-thin {
font-weight: 700;
}
.container-banner .banner-overlay .overlay {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
padding: 1em;
text-align: center;
background-color: rgba(0,0,0,.2);
}
.mod-breadcrumbs__wrapper {
margin: 0;
}
.breadcrumb {
background-color: transparent;
padding: 0 !important;
}
.site .mod-breadcrumbs__wrapper{
margin:0;
}
.tags a.btn{
color: var(--white);
}
.newsflash-body{
padding: 0 10px;
}
.container-top-a > .no-card {
overflow: hidden;
margin: -130px 8px 0 8px;
}
.topa, .topb, .bottoma {
padding: 80px 0;
}
.container-component {
padding: 40px 0 80px 0;
}
.blog-items[class*=" columns-"] .item-content {
padding: 1.5rem;
}
.blog-items[class*=" columns-"] > div{
background-color: var(--white);
}
.container-top-c > .card{
padding: 80px 30px 80px 0;
}
.container-top-c > .card:last-child{
padding: 80px 0 80px 30px;
}
.container-bottom-b > .card{
margin-top: -60px;
padding: 20px;
border-radius: 0;
}
.container-bottom-b .nav {
margin-bottom: 5px;
}
.badge {
margin: 5px 0;
}
.footer{
  text-align: center !important;
}
.bottomb .card-header {
margin: 0;
padding: 0 0 13px 0;
border-bottom: 1px solid var(--cassiopeia-color-link-bottomb);
position: relative;
}
.bottomb .card-header::after, .blog-featured .page-header::after, .newsflash-title::after, .blog .page-header::after  {
position: absolute;
width: 40px;
height: 3px;
content: '';
bottom: -2px;
left: 0;
}
.container-sidebar-left .card-header, .container-sidebar-right .card-header  {
padding: .5rem 0;
border-bottom: 1px solid var(--white);
margin: 1rem;
}
.blog-featured .page-header, .newsflash-title, .blog .page-header {
padding: 10px 0;
position: relative;
margin: 0 0 30px 0;
}
.bottomb .card-header::after {
background: var(--cassiopeia-color-link-bottomb);
}
.blog-featured .page-header::after, .blog .page-header::after {
background: var(--cassiopeia-color-link);
}
.newsflash-title::after {
background: var(--cassiopeia-color-text-topa);
}
.blog-item .item-image {
margin: 0;
}
.blog-item {
margin: 0 0 40px 0;
}
.item-page .page-header {
margin: 0 0 20px 0;
}
legend {
font-size: 1.2rem;
}
.page-item.active .page-link {
background-color: inherit;
border-color: inherit;
color: inherit;
}
.items-more {
padding: 1rem 0;
}
.form-check-input:checked {
background-color: var(--success);
border-color: var(--success);
}
.pagination__wrapper {
  margin-bottom: 3rem;
}
p.counter {
  padding-top: 7px !important;
}
/* Phoca Cart Theme 1 */
.container-header .grid-child .cart {
display: flex;
}
.ph-item-box .ph-item-content {
padding: 0;
}
.ph-cart-link-compare {
margin-top: 10px;margin-right: 2px
}
.cart .ph-small {
font-size: inherit;
}
.ph-filter-box h4 {
font-size: 1.1rem;
margin: 0 0 20px 0;
}
.cart .ph-cart-module-box {
display: flex;
padding-right: 10px;
margin-top: auto;
margin-bottom: 17px;
}
.ph-item-box .ph-item-action-box.list .ph-item-action-fade, .ph-item-box .ph-item-action-box.gridlist .ph-item-action-fade
{top: auto}
.cart  .metismenu.mod-menu .metismenu-item:not(.level-2) > ul {
margin-right: 0;
}
.ph-currency-count-sup, .ph-wishlist-count-sup, .ph-compare-count-sup, .ph-cart-count-sup {
background: var(--cassiopeia-color-hover-btns);
color: var(--cassiopeia-color-text-thead);
width: 1.5em;
height: 1.5em;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -0.6em;
right: 0.75em;
}
.cart .ph-currency-list {
list-style-type: none;
}
.ph-cart-module-compare-box div, .ph-cart-module-wishlist-box div, .ph-cart-module-cart-box div{
color: var(--cassiopeia-color-text-thead);
}
.container-header .grid-child .cart .metismenu.mod-menu .metismenu-item {
padding: 0;
}
.container-header .grid-child .cart .metismenu.mod-menu .metismenu-item > button, .cart .metismenu.mod-menu .metismenu-item > span {
overflow: visible;
}
.metismenu.mod-menu .metismenu-item > ul, .container-header .metismenu > li > a:hover::after {
right: 0;
}
.container-header .metismenu > li.active > button::before {
background: none;
}
.ph-comparison-items, .pc-wishlist-view {
background-color: var(--cassiopeia-color-primary-tcard);
border: 1px solid var(--cassiopeia-color-text-tcard);
padding: 15px;
}
.ph-item-box {
box-shadow: 0 3px 10px 3px rgba(64,72,76,.08);
border-radius: 3px;
padding: 20px;
background-color: var(--white);
}
.ph-pagination-top .btn.active span {
color: var(--white);
}
.ph-item-box .ph-item-action-box .ph-item-action-fade {
background:  var(--white);
padding: 0;
top: -10%;
bottom: auto;
}
.ph-item-box .ph-item-action-fade a {
border: 0;
font-size:22px;
color: var(--cassiopeia-color-link);
}
.ph-item-box:hover {
z-index: 9;
}
.ph-product-scroller-module-box .ph-item-content.grid a {
  margin: 0 auto;
}
.site .card-body .ph-category-add-to-cart-box .btn-primary {
  margin: 10px 0 0 0;
}
.pc-categories-view .ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content .ph-item-action-box .ph-pull-right, .ph-mod-desc {
float: none;
text-align: center;
}
.swiper-container.ph-mod-brands-swiper-container .swiper-wrapper .swiper-slide, .swiper-container.ph-mod-product-scroller-swiper-container .swiper-wrapper .swiper-slide {
justify-content: center;
background-color: var(--white);
height: 100%;
overflow: hidden;
border-radius: 3px;
}
.ph-mod-product-scroller-swiper-wrapper .ph-item-box .ph-thumbnail-c .ph-item-content h3, .ph-item-box h3 {
font-size: 14px;
margin-top: 15px;
text-align: center;
}
.bottoma .card-header{
text-align: center;
padding: 20px 0;
}
.topb .card, .topb .card-header, .topc .card-header {
background-color: transparent;
border: 0;
}
.topb .card-header, .topc .card-header{
text-align: center;
}
.swiper-container.ph-mod-brands-swiper-container .swiper-wrapper .swiper-slide::after {
content: "";
position: absolute;
bottom: 0;
top: 0;
right: 0;
width: 1px;
height: auto;
background-color: var(--cassiopeia-color-primary);
}
.swiper-container.ph-mod-brands-swiper-container .swiper-wrapper .swiper-slide:last-child::after {
background-color: transparent;
}
.card-body .btn-primary {
margin:10px 0 0 0;
}
#phPriceFilterRange.ui-slider-horizontal .ui-slider-handle, #phPriceFilterRange .ui-widget-header {
background: var(--cassiopeia-color-link);
}
.ph-stars-box, span.ph-stars {
margin: 0 auto;
}
.ph-category-price-box {
font-size: 1.2rem;
}
@supports (display: grid) {
.site-grid {
display: grid;
grid-template-areas: 
". banner banner banner banner ." 
". top-a top-a top-a top-a ." 
". top-b top-b top-b top-b ." 
". top-c top-c top-c top-c ." 
". comp comp comp comp ." 
". side-r side-r side-r side-r ." 
". side-l side-l side-l side-l ." 
". bot-a bot-a bot-a bot-a ." 
". bot-b bot-b bot-b bot-b .";
} 
}
/* Media Query - CSS */
@media (max-width: 575.98px) {
.image-alternate.image-left .blog-item:nth-of-type(2n+1) .item-image {
margin-right: 0;
margin-left: 0;
order: 0;
}
.container-top-c > .card, .container-top-c > .card:last-child{
padding: 80px 0;
}
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (max-width: 991.98px) {
.offcanvas .metismenu.mod-menu .metismenu-item > ul {
position: relative;
width: 100%;
margin-top: 1rem;
box-shadow: none;
}
.offcanvas .metismenu.mod-menu .mm-collapse {
background-color: transparent;
}
.offcanvas .metismenu.mod-menu .metismenu-item > a {
color: var(--white);
}
.image-left .blog-item .item-image, .image-right .blog-item .item-image {
flex: 1 1 40%;
}
.container-top-c {
flex-direction: column;
}
.container-top-c > * {
flex: 0 1 auto;
}
.mod-list li , .tag{
padding: 1em 0;
}
.mod-footer {
text-align: center;
}
.site {
  padding: 0 !important;
}
.awesomplete > input {
  max-width: 160px;
}
}
@media (min-width: 992px) {

@supports (display: grid) {
.site-grid {
grid-template-areas: 
". banner banner banner banner ." 
". top-a top-a top-a top-a ." 
". top-b top-b top-b top-b ." 
". top-c top-c top-c top-c ." 
". side-l comp comp side-r ." 
". bot-a bot-a bot-a bot-a ." 
". bot-b bot-b bot-b bot-b .";
}
}
.header.mhover .metismenu.mod-menu li:hover > ul {
display: block;
min-width:250px;
}
.offcanvas-start {
width: 100%;
}
}
@media (min-width: 1200px) {
h3, .h3 {
font-size: 1.3rem;
}
}



















/* CASSIOPEIA BY AKIS */


body {
  background: #1e1214 !important;
}

/* kunena menu στο forum */
#kunena.layout .knavbar {display:none;}
/* button.kbtn.btn-logout {display:none;} */


/* user roles */
.kwho-admin {color: #f43b3d !important;}
.kwho-globalmoderator {color: #0aa2ad !important;}
.kwho-moderator {color: #039103 !important;}
.kwho-user {color: #6297c3 !important;}
.kwho-guest {color: #666666 !important;}
.kwho-banned {color: #a39d49 !important;}
.kwho-blocked {color: #585858 !important;}

/* reply */
#kunena.layout .kpost-subscribe-wrap {background:#323338; border: 1px solid #4e5159 !important;}
#kunena.layout .kpost-editor {background:#2c3e2c; border: 1px solid #4e5159 !important;}
#kunena.layout .kpost-attachments-wrap .dropzone {background:#4e5159 !important; border: 2px solid #4e5159 !important;}
#kunena.layout .kpost-attachments-wrap {background-color:#323338 !important; border: 1px solid #4e5159 !important;}
#kunena.layout .modal.kreply-default .modal-content {background-color: #2c3e2c !important;}

/* reply - editor
1. Κάνω extract το αρχείο DARK_contents.css.zip που βρίσκεται στο: ""..media/kunena/core/js"
2. Κάνω extract το αρχείο DARK_contents.css.zip που βρίσκεται στο: ""..media/kunena/core/js/skins/moonocolor"
*/


/* modal */
.modal-content {background-color: #323338; !important; border: 1px solid #4e5159 !important;}
.modal-header {border-bottom:2px solid #4e5159 !important;}
.modal-footer {border-top:2px solid #4e5159 !important;}
#kunena.layout .modal.show .modal-body textarea {background-color:#4e5159 !important;color:#eff0f4 !important;border: 1px solid #676a70 !important;}
h3.modal-title {color:#fff !important;}
#kunena.layout input[type="text"], #kunena.layout input[type="email"], #kunena.layout input[type="number"] {background-color:#4e5159 !important;color:#eff0f4 !important;border: 1px solid #676a70 !important;}

/* tables, profile, search backgrounds κλπ */
/* search */
#kunena.layout .kunena-search-results .ksearch-result-msg .kmsg-body {background: #323338;}
#kunena.layout .kunena-search-results {border: 1px solid #4e5159 !important;}
#kunena.layout .kunena-search-results .ksearch-result-msg .kmsg-header {background:#2c2d31 !important;border-bottom:none !important;}

#kunena.layout #search {border:1px solid #4e5159 !important; border-radius:7px;}
#kunena.layout #search .ksearch-options {background-color: #323338 !important;border-radius:7px;border-top: 1px solid #4e5159 !important;}
#kunena.layout #search .ksearch-wrap {background-color: #323338; margin-bottom: 10px !important;border-radius:7px;}
/* profile */
#kunena.layout .kuser-profile-box {border: 1px solid #4e5159 !important;background-color: #323338;color: #eff0f4;}
#kunena.layout .kuser-profile-box .kuser-info-right .signature {background-color: #323338 !important;border: 1px solid #4e5159 !important;}
#kunena.layout .kuser-profile-box .kuser-info-left {background-color: #3f4249 !important;}
#kunena.layout .kuser-profile-box .kuser-info-left .kuser-links .btn {background-color: #3f4249 !important;border: 1px solid #4e5159 !important}
#kunena.layout .kmessage-wrap .kmsg-profile-box .kuser-name {font-size: 18px !important;background: #323338a3;padding: 5px;border-radius: 7px;}
/* table & tabs */
#kunena.layout .tabs .nav.nav-tabs {background:#1e1f23 !important;color: #fff !important;border-radius: 7px 7px 0px 0px!important;border: 2px solid #4e5159 !important;}
.nav.nav-tabs {background:#1e1f23 !important;color: #fff !important;border-radius: 7px 7px 0px 0px!important;border: 2px solid #4e5159 !important;}
.nav-tabs+.tab-content {background-color:#151619 !important; border: 1px solid #4e5159 !important;}
.table {border-color:#4e5159;}
.table-hover>tbody>tr {color:#eff0f4 !important;}
.table-striped>tbody>tr:nth-of-type(odd)>* {color:#eff0f4 !important;}
.table-hover>tbody>tr:hover>* {color:#ffa41d !important;}
.table thead th {color: #fff;background: #28292d;}
#kunena.layout #editUser .form-control, #kunena.layout #editUser .custom-select, #kunena.layout #editprofile .form-control, #kunena.layout #editprofile .custom-select, #kunena.layout #editavatar .form-control, #kunena.layout #editavatar .custom-select, #kunena.layout #editsettings .form-control, #kunena.layout #editsettings .custom-select {
    width: auto;
    background: #4e5159;
    color: #eff0f4;
    border-color: #676a70;
}
#kunena.layout #params_language, #kunena.layout #params_timezone, #kunena.layout #params_editor {
  	background: #4e5159 !important;
    color: #eff0f4 !important;
  	border: 1px solid #676a70 !important;
}
#kunena.layout .table th, #kunena.layout .table td {color:#eff0f4 !important;}

.datepicker-dropdown {color: #000 !important;}


/* announcement */
#kunena.layout .kann-item {background:#b1bd78;border: 2px solid #50e969 !important;}
#kunena.layout .kann-item:hover {background:#cfe3729e !important;}
#kunena.layout .kann-item h3 {color:#362430;}
#kunena.layout .kann-item.kann-item-head:hover {background:#cfe3729e !important;}
.kannouncement-add-new {background:#323338;padding:15px;border:1px solid #4e5159 !important;border-radius:7px;margin-bottom:20px;}
.kann-ct {background:#b1bd78;color:#333;border: 8px solid #50e969 !important;}
#kunena.layout .kann-item .kitem-actions .btn {background:#3f4249 !important;}
#kunena.layout .kann-item .kitem-actions .btn.active {background:#f43b3d !important;}
#kunena.layout .alert-ann-msg {background: #b1bd78 !important;color: #333!important;border: 4px solid #50e969!important;}
#kunena.layout textarea.form-control {
    max-width: 100% !important;
    background: #4e5159;
    color: #eff0f4;
    border-color: #676a70;
}



div#myTabContent.tab-content {padding:15px !important;}
#kunena.layout .tab-content {padding:15px !important;}


#kunena.layout input[type="text"], #kunena.layout input[type="email"], #kunena.layout input[type="number"] {padding:0px 10px;}
.tabs {margin-bottom:50px;}





/* tooltip */
.tooltip-inner {background:#eff0f4 !important;color:#1e1f23 !important;}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before, .bs-tooltip-top .tooltip-arrow:before {border-top-color: #eff0f4;}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before, .bs-tooltip-end .tooltip-arrow:before {border-right-color: #eff0f4;}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before, .bs-tooltip-bottom .tooltip-arrow:before {border-bottom-color: #eff0f4;}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before, .bs-tooltip-bottom .tooltip-arrow:before {border-left-color: #eff0f4;}

/* lock icon στα thread */
.badge.bg-warning {padding:5px 0px 5px 13px!important;}


/* yellow cetogory */
.kcat-item.category.-yellow {background: #4a4636 !important;}
#kunena.layout .kcat-item.category.-yellow .kcat-item-title .sub-categories {background-color: #413d2d !important;border: 1px solid #565632 !important;}
#kunena.layout .kcat-item.category.-yellow .kcat-item-title .sub-categories a {color:#b0ae76;}
#kunena.layout .category-yellow:nth-child(2n) {background-color: #4a4636 !important;}
#kunena.layout .category-yellow:nth-child(2n+1) {background-color: #44402c !important;}


/* red cetogory */
.kcat-item.category.-red {background: #5a4040 !important;}
#kunena.layout .kcat-item.category.-red .kcat-item-title .sub-categories {background-color: #4f3434 !important;border: 1px solid #6e4b4b !important;}
#kunena.layout .kcat-item.category.-red .kcat-item-title .sub-categories a {color:#b07676;}
#kunena.layout .category-red:nth-child(2n) {background-color: #5a4040 !important;}
#kunena.layout .category-red:nth-child(2n+1) {background-color: #634848 !important;}


/* green cetogory */
.kcat-item.category.-green {background: #3f483c !important;}
#kunena.layout .kcat-item.category.-green .kcat-item-title .sub-categories {background-color: #363d33 !important;border: 1px solid #555b53 !important;}
#kunena.layout .kcat-item.category.-green .kcat-item-title .sub-categories a {color:#92a58b;}
#kunena.layout .category-green:nth-child(2n) {background-color: #3f483c !important;}
#kunena.layout .category-green:nth-child(2n+1) {background-color: #343d31 !important;}


/* sticky message */

/* category background για sticky, deleted, moved κλπ...
Για να πιάσει θα πρέπει να διαγραφεί το "!important" από το _general.scss που βρίσκεται "../components/com_kunena/template/nts_kpop/assets/scss"
*/

#kunena.layout .category-stickymsg {background:#18312a !important;}
#kunena.layout .moved, #kunena.layout .message-unapproved .badger-left, #kunena.layout .unapproved {background-color:#383232 !important;}
#kunena.layout .kmessage-wrap .kmsg-body.message-unapproved {background-color:#383232 !important;}
#kunena.layout .deleted {background-color:#2a1b28 !important;}
#kunena.layout .kmessage-wrap .kmsg-body.message-deleted {background-color:#2a1b28 !important;}


/* categories bg*/
.kcat-desc {color:#9CA3AF !important;}
#kunena.layout .kfrontend .kcat-item-topics, #kunena.layout .kfrontend .kcat-item-replies {border-color:#4e5159 !important;}
#kunena.layout .ktopic-hits, #kunena.layout .ktopic-views, #kunena.layout .ktopic-replies, #kunena.layout .kfrontend .kcat-item-topics, #kunena.layout .kfrontend .kcat-item-replies {background-color:#00000003 !important;}
#kunena.layout .kfrontend .kcat-item-title .sub-categories ul {margin-bottom:-10px !important;}
#kunena.layout .kfrontend .kcat-item-title .sub-categories {background-color: #2c2d31 !important;
border: 1px solid #4e5159 !important;}
#kunena.layout .kfrontend div.kcat-item-icon {padding-left:15px !important;}
#kunena.layout .ktopic-list .item-inner>.ktopic-icon {padding-left:15px !important;}
#kunena.layout .kfrontend .ksection-header .item-inner {background: #1e1f23;border-radius: 7px 7px 0px 0px;border-bottom: 3px solid #f43b3d !important;padding-bottom: 0px !important;border: 3px solid #4e5159}
#kunena.layout .ktopic-item-head .ktopic-hits, #kunena.layout .ktopic-item-head .ktopic-views, #kunena.layout .ktopic-item-head .ktopic-replies {background:#1e1f23 !important;color:#fff;}
#kunena.layout .kfrontend .ksection-header .kcat-item-topics, #kunena.layout .kfrontend .ksection-header .kcat-item-replies {background-color:#1e1f23 !important;}
#kunena.layout .ktopic-item-head {background: #1e1f23!important;border-radius: 7px 7px 0px 0px; color:#fff !important;margin-top:20px !important;border: 3px solid #4e5159 !important;}
#kunena.layout .ktopic-item {  border-bottom: 1px solid #4e5159 !important;}
#kunena.layout .ktopic-hits, #kunena.layout .ktopic-views, #kunena.layout .ktopic-replies {border-right: 1px solid #4e5159 !important;}
#kunena.layout .ktopic-replies {border-left: 1px solid #4e5159 !important;}
.category {background:#323338;}
#kunena.layout .ktopic-hits .replies-num, #kunena.layout .ktopic-hits .views-num, #kunena.layout .ktopic-views .replies-num, #kunena.layout .ktopic-views .views-num, #kunena.layout .ktopic-replies .replies-num, #kunena.layout .ktopic-replies .views-num {color: #eff0f4 !important;font-size: 18px !important;font-weight: 400 !important;}
.kcol-auto {background: #323338;}
#kunena.layout .ktopic-item-foot .ktopic-auto, #kunena.layout .ktopic-item-foot .ktopic-field-auto {background-color:#3f4249;}
#kunena.layout .ktopic-item-foot .item-inner > .ktopic-icon {background-color:#3f4249;}
.ktopic-field.ktopic-last-post .last-post-link {font-size:14px !important;}

/* before - after */
#kunena.layout .kfrontend .kcat-item::before {background-color:#4e5159 !important;}
#kunena.layout .kfrontend .item-inner::after {background: linear-gradient(to left, #f43b3d, rgba(255, 255, 255, 0))!important;}
#kunena.layout .kfrontend .kcat-item::after {background: linear-gradient(to right, #f43b3d, rgba(255, 255, 255, 0))!important;}
#kunena.layout .ktopic-item::before {background: linear-gradient(to right, #f43b3d, rgba(255, 255, 255, 0)) !important;}
#kunena.layout .ktopic-item::after {background: linear-gradient(to left, #f43b3d, rgba(255, 255, 255, 0))!important;}
#kunena.layout .kfrontend .ksection-header::after {display:none !important;}
#kunena.layout .kfrontend .ksection-header::before {display:none !important;}


/* logout table */
#kunena.layout .klogout {border: 1px solid #4e5159 !important;background: #323338;}


/* buttons*/
#kunena.layout .kbtn,
#kunena.layout .kpage-header .btn,
#kunena.layout .kann-item.kitem-actions.btn,
#kunena.layout .topic-actions-toolbar .ktopic-actions a,
#kunena.layout .kmessage-wrap .kmsg-body .btn-toolbar > button.btn-primary,
#kunena.layout .kmessage-wrap .kmsg-body .btn-toolbar .ktopic-actions > a
{background-color:#3f4249 !important;color:#eff0f4 !important;border:1px solid #4e5159 !important;}

#kunena.layout .kbtn:hover,
#kunena.layout .kpage-header .btn:hover,
#kunena.layout .kann-item.kitem-actions.btn:hover,
#kunena.layout .topic-actions-toolbar .ktopic-actions a:hover,
#kunena.layout .kmessage-wrap .kmsg-body .btn-toolbar > button.btn-primary:hover,
#kunena.layout .kmessage-wrap .kmsg-body .btn-toolbar .ktopic-actions > a:hover
{background-color:#2c2d31 !important;border:1px solid #4e5159 !important;}

#kunena.layout .kbtn-primary,
#kunena.layout .ksearch-wrap .kunena-search .btn,
#kunena.layout .topic-actions-toolbar .mod-actions > a,
#kunena.layout .kmessage-wrap .kmsg-body .btn-toolbar > button.btn-primary
{background-color:#f43b3d !important;border:1px solid #4e5159 !important;}

a.btn.btn-small.kbutton-thankyou {background:#3f5071 !important;font-size: 0.9rem !important;padding: 4px 8px !important;border:1px solid #4e5159 !important;color:#eff0f4 !important;}
a.btn.btn-small.kbutton-unthankyou {background:#3f5071 !important;font-size: 0.9rem !important;padding: 4px 8px !important;border:1px solid #4e5159 !important;color:#eff0f4 !important;}

.btn-outline-success {background:#448344; color:#fff !important;border:1px solid #4e5159 !important;}
.btn-outline-success:hover {background:#2e642e; color:#fff !important;border:1px solid #4e5159 !important;}

a.btn.btn-small.kbutton-markread {background:#3f4249; color:#eff0f4 !important;border:1px solid #4e5159 !important;}
a.btn.btn-small.kbutton-markread:hover {background:#2c2d31; color:#eff0f4 !important;border:1px solid #4e5159 !important;}

a.btn.btn-small.kbutton-subscribe {background:#3f4249; color:#eff0f4 !important;border:1px solid #4e5159 !important;}
a.btn.btn-small.kbutton-subscribe:hover {background:#2c2d31; color:#eff0f4 !important;border:1px solid #4e5159 !important;}

.btn-outline-primary {border-color: #4e5159 !important;color: #eff0f4 !important;background: #f43b3d;}
.btn-outline-primary:hover {border-color: #4e5159;color: #eff0f4 !important;background: #2c2d31;}


/* message bg */
#kunena.layout .kmessage-wrap .kmsg-profile-box .kprofile-box-inner {background-color: #3f4249 !important;}
#kunena.layout .kmessage-wrap .kmsg-profile-box {background-color:#2c2d31 !important;border-radius:7px 0px 0px 7px;}
#kunena.layout .kmessage-wrap .kmsg-body .kmsg-ct {padding: 0px 40px 20px 10px;color:#eff0f4;border-bottom: 1px solid #4e5159;}
#kunena.layout .kmessage-wrap {border-color:#4e5159 !important;}
#kunena.layout .kmessage-wrap .kmsg-body {background-color: #323338 !important;border-radius: 0px 7px 7px 0px;}
#kunena.layout .kmessage-wrap .kmsg-profile-box .kuser-avatar {background-color:#323338 !important;}
#kunena.layout .kmessage-wrap .kmsg-body .kmsg-meta {border-top:1px solid #4e5159 !important;}
#kunena.layout .kmessage-wrap .kmsg-body .kmsg-header {background-color: #2c2d31 !important;}
#kunena.layout .kmessage-wrap .kmsg-body .kmsg-header a {color:#8690a4 !important;}
#kunena.layout .kmessage-wrap .kmsg-body .kmsg-header a:hover {color:#bb7d21 !important;}
div.kmsg-body.message-published {background-color: #eee !important;}

#kunena.layout .kmessage-wrap .kmsg-body .kmsg-header {background-color: #ccc;padding: 7px 10px!important;border-radius: 7px;}
#kunena.layout .kmessage-wrap .kmsg-body .kmsg-header .message-id {padding:7px 10px 0px 0px;}
#kunena.layout .kmessage-wrap .kmsg-body .kmsg-header .message-id:hover {padding:7px 10px 0px 0px;}
a.btn.btn-small.float-end.kbutton-report {padding:0px 10px !important;}

#kunena.layout .kmessage-wrap .kmsg-profile-box .topic-starter {
  color: #CE673F !important;}


/* signature - υπογραφή */
#kunena.layout .ksig {font-size: 13px;}

/* quote */
p.kmsgtext-quote {background-color: #1e1f23;padding: 2px 7px !important;margin-bottom: 1px;margin-top: 7px;}

blockquote {margin: 0 0 1rem;
    background: #1e1f23 !important;
 	padding: 0px 5px 5px 5px !important;
	border:1px solid #1e1f23 !important;}
blockquote div {background: #1e1f23 !important;padding: 0px 0px 10px 0px !important;font-size: 1rem !important;}


/* spoiler */
.kspoiler-expand [type=button]:not(:disabled) {background: #2b2c31;font-weight: 400;color: #0d6efd;border-radius: 7px;border: 2px solid #18191d;}
#kunena.layout .kspoiler-title {padding-left: 10px;}
#kunena.layout .kspoiler-header {background:#1e1f23;border-bottom:2px solid #6e7180;}
#kunena.layout .kspoiler-wrapper {background-color: #3f4249 !important;border-top: 1px solid #eff0f4 !important;border-bottom: 1px solid #eff0f4 !important;}
#kunena.layout .kspoiler-content {margin: 10px 15px !important;}
input#kspoiler-show.btn-link {background: #323338 !important;}

#system-message-container joomla-alert div .alert-message {color:#c70300 !important;}
#kunena.layout .kpage {padding: 15px;}

/* pagination */
#kunena.layout .kpagination-wrap .pagination {background-color:#2c2d31;border-color:#4e5159 !important;}
#kunena.layout .kpagination-wrap .pagination .page-item.active .page-link {background:#3f4249 !important;}
#kunena.layout .kpagination-wrap .pagination .page-item.active .page-link:hover {background:#434449 !important;}
div.pagination.pagination-small {background-color:#ffffff00!important;}
#kunena.layout .kpagination-wrap .pagination .page-item .page-link {color:#eff0f4;}
#kunena.layout .kpagination-wrap .pagination .page-item .page-link:hover {background:#434449 !important; color:#ffa41d !important;}
#kunena.layout .ktopic-subject .kpagination-wrap ul.pagination {background: #3f4249 !important;}
#kunena.layout .ktopic-subject .kpagination-wrap ul.pagination > .page-item > .page-link:hover {color: #ffa41d!important;background-color:#1e1f23 !important;}
#kunena.layout .pagination ul>li>a, #kunena.layout .pagination ul>li>span {border:1px solid #3f4249 !important;}
.page-link {background: #2c2d31;border-color: #4e5159;color: #eff0f4 !important;}
.page-item.disabled .page-link {background: #3d3e40 !important;border-color: #4e5159 !important;color: #6d757e !important;color:#827e7e !important;}

/* search */
#kunena.layout .ksearch-wrap .kunena-search input[type="search"] {background:#2c2d31;border-color: #4e5159 !important;}

/* breadcrumb */
#kunena.layout .kbreadcrumbs {background: repeating-linear-gradient(-55deg, #2d2f36, #242424 10px, #1e1f23 10px, #1e1f23 20px) !important; border-radius: 4px;}
#kunena.layout .kbreadcrumbs .breadcrumb .breadcrumb-item {background:#3f4249;}
#kunena.layout .kbreadcrumbs .breadcrumb {border-color:#4e5159 !important;}
#kunena.layout .kbreadcrumbs .breadcrumb .breadcrumb-item {border-color:#4e5159 !important;}
#kunena.layout .kbreadcrumbs .breadcrumb .breadcrumb-item:first-of-type {background-color:#4e5159 !important;color:#eff0f4;}

/* members & online */
#kunena.layout .kwho-list .kwho-auto, #kunena.layout .kwho-list .kstats-auto, #kunena.layout .kstats-list .kwho-auto, #kunena.layout .kstats-list .kstats-auto {background:#323338;}
#kunena.layout .kwho-list .kwho-auto, #kunena.layout .kwho-list .kstats-auto, #kunena.layout .kstats-list .kwho-auto, #kunena.layout .kstats-list .kstats-auto {background:#323338 !important;}
#kunena.layout .kwho-list .kwho-auto {background:#323338 !important;}
div.kwho-icon {background:#323338 !important; padding-left:15px !important;}
div.kstats-icon {background:#323338 !important; padding-left:15px !important;}
#kunena.layout .kwho-list .kwho-icon {background: url(https://i27.servimg.com/u/f27/11/21/10/37/sexysh10.gif) no-repeat center center #323338!important; padding: 60px 90px !important; width: 170px !important;}
#kunena.layout .kwho-list .kwho-icon span {display:none !important;}



.site-grid {
    margin-bottom: auto;
    background: #1e1214;
}
body:not(.has-sidebar-right) .site-grid .container-component {
  grid-column-end: main-end;
  background: #1e1f23;
  padding: 10px;
}



#kunena.layout .kbreadcrumbs .breadcrumb {background:#00000000 !important;}
#kunena.layout .kfrontend .kcat-item-title svg {color: ##f43b3d;width:25px;height:25px;}
#kunena.layout .ktopic-list .item-inner>.ktopic-icon svg {height:20px !important;}



#history.collapse.show {background-color:#323338;border-radius:7px;margin-top: 20px;padding:10px;}
div.btn.btn-outline-primary.border.btn-small {background:#f43b3d;color:#fff;}
/* #kunena.layout .khistory {border: 1px solid #acacac !important;} */


/* buttons background */
.btn-close {filter: invert(100);}

#kunena.layout .kmessage-wrap .kmsg-body .btn-toolbar .ktopic-actions > a {padding: 4px 8px !important;}
#kunena.layout .kmessage-wrap .kmsg-body .btn-toolbar > button.btn-primary {padding: 4px 8px !important;}

#kunena.layout .kmessage-wrap .kmsg-body .btn-toolbar > button.btn-primary {background:#448344 !important; color:#fff !important;}
#kunena.layout .kmessage-wrap .kmsg-body .btn-toolbar > button.btn-primary:hover {background:#2e642e !important; color:#fff !important;}

#kunena.layout .kmessage-wrap .kmsg-body .btn-toolbar .ktopic-actions > a#btn_reply.btn-small.dropdown-item.kbutton-reply {background:#448344 !important; color:#fff !important;}
#kunena.layout .kmessage-wrap .kmsg-body .btn-toolbar .ktopic-actions > a#btn_reply.btn-small.dropdown-item.kbutton-reply:hover {background:#2e642e !important; color:#fff !important;}

/* alert */
.alert-warning {padding: 7px 10px;border-radius: 6px;background-color: #2c2d31;
border-color: #4e5159;}
.alert-info {padding: 0.5rem 1rem; background-color:#e8d6d6;}




div.kpage-body {color:#fff !important;}


#kunena.layout .kmessage-wrap .kmsg-profile-box .kuser-avatar {width:100%;}
#kunena.layout .kmessage-wrap .kmsg-profile-box .kuser-rank-img img {width: 125px !important;}

#kunena.layout .kunena-topic-item .kpage-header {color:#fff;}
.kpage-header {color:#fff;}



/* NEW TEMPLATE kpOP */
#kunena.layout .kfrontend .kcat-item-title h3 a {color: var(--text-color);color: #362430; font-size: 18px;}

#kunena.layout .kfrontend .kcat-topics-number, #kunena.layout .kfrontend .kcat-replies-number {
  	font-size: 18px!important;
    font-weight: 400!important;
}

#kunena.layout .kfrontend .ksection-header .ksection-desc {color:#ddd !important;}

#kunena.layout .ktopic-subject .ktopic-meta span {margin-left:2px;}
a.kwho-user.hasTooltip {margin-left:2px !important;margin-right:2px !important;}
a.kwho-moderator.hasTooltip {margin-left:2px !important;margin-right:2px !important;}
a.kwho-banned.hasTooltip {margin-left:2px !important;margin-right:2px !important;}
a.kwho-admin.hasTooltip {margin-left:2px !important;margin-right:2px !important;}
a.kwho-globalmoderator.hasTooltip {margin-left:2px !important;margin-right:2px !important;}

#kunena.layout .kfrontend .kcat-count {display:none;}



#kunena.layout .kmessage-wrap .kmsg-profile-box .kuser-rank-img {width:100 !important;}

#kunena.layout .kmessage-wrap .kmsg-body .kmessage-thankyou {background: #272a38;padding: 0.5rem 1rem;border-radius: 4px;}



#jtl .form-control {background-color: #3f4249 !important; color:#eff0f4 !important;border-radius: 5px 0px 0px 5px;}
#jtl .modal-dialog .modal-content {background-color: #323338 !important;}
#jtl .registerlink {border-top: 1px solid #4e5159 !important; background:#232428 !important;}
.input-group-text {background-color:#eee9d3;border:1px solid #4e5159;}
#jtl .form-group-text, #jtl .btn-secondary.input-password-toggle {background-color:#eee9d3 !important;border:1px solid #bbb !important;}
#jtl input {border: 1px solid #4e5159 !important;}
#jtl a {color: #f43b3d !important;text-decoration:none !important;}
#jtl a:hover {color: #ffa41d !important;text-decoration:none !important;}
h3.login-title {padding-bottom:30px !important}
.modal .btn-primary:not([href]){
  background:#f43b3d;
  color:#fff;
  border-color:#921e1c;
}
.btn-primary {
    background-color: #eee9d3;
    border-color: #c6923f;
  	color:#222;
}
.btn-primary:hover {
    background-color: #f43b3d;
    border-color: #444;
  	color:#fff;
}
#jtl button.modal-toggle {background-color: #eee9d3;
    border-color: #c6923f;
  	color:#222;}
#jtl button.modal-toggle:hover {background-color: #f43b3d;
    border-color: #444;
  	color:#fff;}

.layout#kunena [class*="category"] .knewchar {
    background-color: #5567ef;
    padding: 3px 15px;
    font-size: 1em;
    border-radius: 15px;
    border-radius: 5;
  	color:#fff !important;
}
.layout#kunena sup.knewchar {
    color:#fff !important;
    font-size: 0.75em !important;
    margin-left: 10px;
    margin: 10px !important;
    padding: 3px 10px !important;
}

.layout#kunena sup.knewchar {margin-top:5px !important;}


#kunena.layout .card-header {
    border-color: #4e5159;
    background: #1e1f23;
}

.card-header {
    background-color: #362430;
    border-bottom: 1px solid #f43b3d !important;
    margin-bottom: 0;
    padding: .5rem 1rem;
    color: #ad6200;
}
.card-body {
    background: #28292d;
}

.card {border:1px solid #4e5159 !important;}


.container-header .metismenu>li.active >a:after .container-header .metismenu>li>a:hover:after{background: #eee9d3; opacity:1;}
.container-header .metismenu>li>a:after, .container-header .metismenu>li>button:before {background: #eee9d3; opacity:1;}
.container-header .metismenu>li.active>a:after, .container-header .metismenu>li.active>button:before, .container-header .metismenu>li>a:hover:after, .container-header .metismenu>li>button:hover:before {background:#eee9d3;}

.navbar-brand {
  text-align: center;
  width: 100%;
}

.metismenu.mod-menu .metismenu-item>ul
{padding:1rem !important; box-shadow:0 0 0 5px rgba(190, 190, 190, 0.35);border-radius: 7px;margin-top: 12px;}

.container-header {
    background: url("https://www.greekpua.com/templates/grpuatpl/images/gptplbg.jpg") no-repeat scroll center center / cover !important;
  position: relative;
  	box-shadow: 0 5px 10px rgba(0,0,0,0.30);
}

.container-header .navbar-brand {
    padding: 4% 0px;
}

.container-header .grid-child {
    padding: 0em .5em;
}

.metismenu.mod-menu .metismenu-item {padding: 0em 1em;}

.modal-backdrop {
    z-index: 1;
}


.container-header .container-nav {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    text-align: center;
    border-top: 1px solid #555;
    border-color: rgba(255,255,255,0.35);
  	padding-bottom:0.6rem;
  	/*
  	padding-left: 5%;
	padding-right: 5%;
	max-width: 100%;
  	*/  
}

.btn {padding: 0.3rem 1rem;}

#kunena.layout .ktopic-list .item-inner > .ktopic-icon a {
height: 40px !important;
line-height: 38px !important;
width: 40px !important;
}

#kunena.layout .kfrontend .kcat-item-icon > a, #kunena.layout .kfrontend .kcat-item-icon > span {height: 40px !important;
line-height: 38px !important;
width: 40px !important;}

#kunena.layout .kfrontend div.kcat-item-icon .kicon-folder {height: 32px !important;width: 32px !important;}

#kunena.layout #search .form-group .form-select {width:auto;}

#kunena.layout .knavbar {background-color: #131418 !important;}

div.layout#kunena + div {
    display: none !important;
}

body {color: #eff0f4;}
:root {--cassiopeia-color-primary: #f43b3d;--cassiopeia-color-hover: #ffa41d;--cassiopeia-color-link: #f43b3d;}
#kunena.layout a:hover {color:#ffa41d !important;}

/* forms select */
.custom-select, .form-select {background-color: #f43b3d;border: 1px solid #4e5159;}


/*
.modal-header .btn-close {
  	margin: -.5rem -.5rem -.5rem auto;
    padding: .5rem;
  	filter: invert(100%)
}
*/


/* footer - copyrights */

.footer .grid-child {padding: 1rem 1.5em 0.1rem 1.5em;justify-content: center !important;}
.footer {
  margin-top:20px;
  background-image: linear-gradient(180deg,#2b2d35 0,#111215 100%);
  color: #797c86;
}


/* registation form */

#member-registration input {
  background: #4e5159;
  border: 1px solid #676a70;
  color: #eff0f4;
}

.invalid {
  border-color: #f43b3d !important;
  color: #f43b3d !important;
}

.metismenu.mod-menu .metismenu-item>ul {background:#323338;}

#system-message-container joomla-alert[type=message], #system-message-container joomla-alert[type=success]{margin-bottom:25px;}

#kunena.layout .ktopic-item-foot .ktopic-auto #kchecktask, #kunena.layout .ktopic-item-foot .ktopic-field-auto #kchecktask {color:#222;}

div.com-content-article.item-page {background:none !important;}




/* offcanvas - πλαϊνό mobile menu */
div.offcanvas.offcanvas-start.show .offcanvas-header {background: #1e1f23 !important;}
div.offcanvas.offcanvas-start.show .offcanvas-body {background: #1e1f23 !important;}





/* RESPONSIVE DESIGN BY AKIS */
.container-header .grid-child.brand {max-width:91%;}
.container-header .container-nav {padding-left: 6%;padding-right: 6%;max-width: 100%;}
.site-grid {grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,21.5%)) [main-end] minmax(0,1fr) [full-end]}

/*
.site-grid {
grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,21%)) [main-end] minmax(0,1fr) [full-end]
}

body.wrapper-fluid footer>.grid-child, body.wrapper-fluid header>.grid-child {
    padding-left: 6em;
    padding-right: 6em;
}

body.wrapper-fluid .site-grid {
    grid-gap: 0 2em;
    grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,20%)) [main-end] minmax(0,1fr) [full-end];
}

*/


/*
.logo-icon {display:none;}
.header {background:#333 !important;}
.login {padding: 40px 20px 20px;background: #333;}
*/


body.placeholder {background:#4e5159 !important;}