/* ===============================
   FONT
================================ */
@import url(https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&display=swap);

:root {
  --header-bg-scroll: #18181bf2;
  --header-border: #27272a;
  --text: #e5e7eb;
  --accent: #22c55e;
}





/* ===============================
   RESET + BASE
================================ */
* {
  box-sizing: border-box;
}



/* ===============================
   HEADER
================================ */

.overheadbar {
    padding: 10px;
    background: #8d3030;
    color: white;
    font-size: 14px;
    font-family: "Chakra Petch", sans-serif;
    margin-top: 77px;
}

.headerbar {
    background: #15171e;
    color: white;
    border-bottom: 1px solid #2b303b;
    padding: 11px;
    position: fixed;
    top: 0px;
    width: 100%;
}

.headmenuwrap80 {
    width: 80%;
    margin: auto;
}

.headmenuflex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.headmenlogo {
    display: flex;
    align-items: center;
}
.headmenuleftside {
    display: flex;
    align-items: center;
}

.headmenlogo {
    display: flex;
    align-items: center;
    font-family: "Chakra Petch", sans-serif;
    margin-right: 20px;
    font-size: 29px;
    font-weight: 600;
}
span.cslogotext {
    color: #00b8ff;
}

.headmenutext {
    font-family: "Chakra Petch", sans-serif;
}

.headmenux {
    display: flex;
    align-items: center;
}
.headmenulinks {
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer;
    text-decoration: none !important;
    color: white;
    font-weight: 600;
}



a.headerlinkmenu {
    padding: 10px 5px;
    border-radius: 5px;
}


a.headerlinkmenu:hover {
    background: #00b8ff;
	 -moz-transition: all 0.5s ease-in;
    /* WebKit */
    -webkit-transition: all 0.5s ease-in;
    /* Opera */
    -o-transition: all 0.5s ease-in;
    /* Standard */
    transition: all 0.5s ease-in;
}
.imgforxmasx {
    height: 20px;
    background-image: url(https://i.imgur.com/Na4VzuG.png);
    background-repeat: repeat-x;
    background-size: 600px auto;
}
.headmenuwelcomeblock {
    display: flex;
    align-items: center;
}

#animate-area {
    /* background-image: url(https://i.imgur.com/Nnzw3On.jpg); */
    background-image: url(https://i.imgur.com/bk5HCvE.jpeg);
    background-repeat: repeat-x;
    animation: animatedBackground 30s linear infinite alternate;
}

.slider-top {
    background: url(../../../images/zaket/Nnzw3On.png);
    /* background-repeat: no-repeat; */
    /* background-position: bottom right; */
    max-width: -webkit-fill-available;
    background-size: cover;
    /* background-position-y: 21%; */
   /* mix-blend-mode: luminosity; */
    border-bottom: 1px solid #1c1b1b;
    height: 265px;
}


@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}
span.liczba-wiado-folder
 {
    position: relative;
    font-size: 10px;
    background: #5138ee;
    color: #fff;
    padding: 1px 5px;
    border-radius: 50px;
    right: 5px;
    top: -10px;
    text-shadow: 0px 0px 2px #5138ee;
    margin-right: -13px;
}

a.icon-topnav {
    padding: 10px;
    color: #fff;
    font-size: 16px;
}



/* ===============================
   UNDERHEAD Menu
================================ */

.underheadbar {
    background: #15171e;
    /* padding: 10px; */
    color: white;
    border-top: 1px solid #272c35;
    border-bottom: 1px solid #272c35;
}
.bottomnav {
    /* height: 48px; */
    /* background: url(../../../images/zaket/bottomnav.png); */
    /* background-position: center; */
    /* background: #1d1e22; */
}

.bottomnavv {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wrapper {
    width: 90%;
    max-width: 1600px;
    margin: auto auto;
}
.left-bottomnav {
    display: flex;
    gap: 10px;
    height: 50px;
    align-items: center;
    justify-content: flex-start;
    /* padding-left: 20px; */
}
.left-bottomnav a {
    padding: 14px 10px;
    text-transform: uppercase;
    font-size: 12px;
    text-shadow: none;
    color: #d5d5d5 !important;
    font-weight: bold;
    letter-spacing: 0;
}

.right-bottomnav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}

a.icon-sociale.fb {
    padding: 6px 8px;
}
a.icon-sociale {
    color: #fff !important;
    padding: 6px 6px;
    box-sizing: border-box;
    max-width: 30px;
    min-width: 27px;
    border-radius: 3px;
    border: 1px solid #2c2c2c;
}
.steam {
    background: #1c1c1c;
}
.yt {
    background: #ff0000;
}
.fb {
    background: #0073ff;
}


/* ===============================
   INDEX
================================ */


.container-tabs {
    /* max-width: 800px; */
    margin-bottom: 20px;
    /* font-family: sans-serif; */
}

.button-group {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.button-expand-x {
    flex: 1;
    cursor: pointer;
    background-color: #15171e;
    border: 1px solid #272c35;
    /* border-radius: 4px; */
    text-align: center;
    transition: background-color 0.3s ease;
    color: white;
    padding: 15px;
}

.button-expand-x.active {
    background-color: #272c35;
    color: white;
    font-weight: bold;
}

.tab-content {
    min-height: 200px;
    /* padding: 20px; */
    /* border: 1px solid #141414; */
    display: none;
    animation: fadeIn 0.4s ease;
    /* border-radius: 4px; */
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.serverlist-table {
    background: #101013;
    /* padding: 10px; */
    margin: 10px 0px;
    border: 1px solid #1c1b1b;
    border-radius: 4px;
}

.serverlisthead {
    font-size: 16.0px;
    font-weight: bold;
    padding: 15px;
    border-bottom: 1px solid #1c1b1b;
}

.serverlist-content {
    padding: 15px;
}


.faheads {
    font-weight: bold;
    margin-right: 14px;
    font-size: 14px;
    background: #101013;
    width: 34px;
    height: 34px;
    border-radius: 42px;
    /* line-height: 23px; */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 4px solid #1c1b1b;
    color: #818181;
}
.servers-row {
    padding: 5px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #141519;
    border-radius: 7px;
}

.serverhead1 {
    display: flex;
    align-items: center;
    width: 10%;
}

.servermiddle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 25%;
}
.serverendbtn {
    display: flex;
    align-items: center;
}






.servlightonoff {
    background-color: #60AF20;
    box-shadow: 0 0 20px rgba(96, 175, 32, 0.7), 0 0 0 4px rgba(96, 175, 32, 0.2);
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 64px;
    margin-left: 11px;
    margin-right: 15px;
}


.servicon {
    margin-left: 0px;
    width: 16px;
    height: 19px !important;
    margin-right: 20px;
}

.servmode {
    font-size: 15px;
    font-weight: 700;
    color: #808080;
    /* text-shadow: 0 0 #000000; */
}

.servplaybtn
 {
    background-color: rgb(54 64 80);
    display: block;
    /* width: 28px; */
    /* height: 28px; */
    text-align: center;
    /* line-height: 12px; */
    border-radius: var(--sp-10);
    transition: all 0.2s linear;
    vertical-align: middle;
    border-radius: 50px;
    padding: 10px 9px 10px 11px;
    /* margin-right: 15px; */
}

.servdns {
    font-size: 15px;
    font-weight: 700;
    color: #808080;
    margin-right: 20px;
}

.servip {
    font-size: 15px;
    font-weight: 700;
    color: #808080;
    margin-left: 20px;
}


.servbtnrows {
    display: flex;
    align-items: center;
    margin-left: 25px;
}


.servimgx {
    margin-right: 20px;
}



















input.search-textbox {
    background: #15171e;
    border: 1px solid #272c35;
    padding: 15px 20px 15px 15px;
    color: #50586c;
    border-radius: 3px;
    outline: 0;
    /* position: relative; */
    width: -webkit-fill-available;
}


fieldset#search {
    /* position: relative; */
}

button.cSearchSubmit
 {
    background: #171a21;
    border: none;
    position: relative;
    right: -279px;
    padding: 10px 10px;
    top: -40px;
    color: #ffffff;
}
::-webkit-input-placeholder { /* Edge */
    color: #424b5d;
  }

  :-ms-input-placeholder { /* Internet Explorer 10-11 */
     color: #424b5d;
  }

  ::placeholder {
       color: #424b5d;
  }




/* General */
.hosting-wrapper {
    font-family: 'Segoe UI', sans-serif;
    padding: 0rem;
    max-width: 1600px;
    margin: auto;
    color: inherit;
}

.header-image img {
  width: 100%;
  max-height: 400px;
  border-radius: 12px;
  object-fit: cover;
  margin-bottom: 2rem;
}

.cards-row{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    overflow-x: auto;
    /* gap: 1.5rem; */
    margin-bottom: 3rem;
    padding: 20px;
}

.hosting-card {
    background-color: #141519;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    padding: 1.5rem;
    min-width: 230px;
    max-width: 232px;
    flex-shrink: 0;
    transition: 0.3s ease;
}

.card1:hover { box-shadow: 0 0 20px #00ff88; }
.card2:hover { box-shadow: 0 0 20px #00cfff; }
.card3:hover { box-shadow: 0 0 20px #ffaa00; }
.card4:hover { box-shadow: 0 0 20px #ff00aa; }
.card5:hover { box-shadow: 0 0 20px #ff5555; }

.card-top {
  text-align: center;
}

.card-top h3 {
  margin-top: 0.5rem;
}

.avatar {
    width: 224px;
    height: 129px;
    border-radius: 4px;
    border: 2px solid #1b1c20;
    object-fit: cover;
}

ul {
  list-style: none;
  padding: 0;
  margin-top: 1rem;
}

ul li.svinfo {
    display: flex;
    align-items: center;
    padding: 7px;
    gap: 0.5rem;
    text-align: center;
    justify-content: flex-start;
    background: #1b1c20;
    margin-bottom: 5px;
    border-radius: 5px;
}

ul li i {
  color: #00ff88;
}

.extra-content {
  display: none;
  margin-top: 1rem;
  font-size: 0.9rem;
  color: #ccc;
}

.card-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}

.toggle-btn, .buy-btn {
  padding: 0.5rem 1rem;
  font-weight: bold;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

.toggle-btn {
  background: #e0e0e0;
  color: #333;
}

.buy-btn {
  background: #00ff88;
  color: #000;
}

.promo, .announcement, .changelog {
    background-color: #141519;
    padding: 1rem 2rem;
    margin: 2rem 0;
    border-left: 6px solid #2c2d30 !important;
    border-radius: 6px;
    border: 1px solid #2c2d30;
}

.promo h2, .announcement h2, .changelog h3 {
  margin-bottom: 0.5rem;
}

.changelog ul {
  padding-left: 1rem;
  list-style-type: none;
}

.changelog ul li::before {
  content: '\f00c';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  margin-right: 0.5rem;
  color: #00ff88;
}

.profiiconlogo {
    justify-self: center;
}


.imgribbonserver {
    width: 33px;
    margin-left: -9px;
    margin-top: -10px;
    /* border-top: 0px solid #141519; */
}

.ribbonservers {
    position: absolute;
    /* margin-right: 20px; */
    /* width: 50px; */
}


.wtflogoservers {
    position: absolute;
}

.imgwtflogo {
    margin-right: 134px;
    margin-top: 0px;
    position: relative;
    right: -200%;
    /* border: 1px solid; */
}



.tabelwtfcserv {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    background: #101013;
    padding: 20px;
    border-radius: 10px;
    color: #ddd;
    margin: 40px auto;
    border: 1px solid #1c1b1b;
}

.tabelwtfcserv .tabel-col {
    flex: 1 1 45%;
    background: #141519;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    /* border: 1px solid #2b2b2b; */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tabelwtfcserv .tabel-col:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 20px rgba(0,0,0,0.6);
}

.tabelwtfcserv .tabel-col h3 {
  font-weight: 600;
  font-size: 20px;
  color: #fff;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.tabelwtfcserv .tabel-col p {
  line-height: 1.6;
  margin-bottom: 12px;
  color: #ccc;
}

.tabelwtfcserv .tabel-col p strong {
  color: #fff;
}

.tabelwtfcserv .tabel-col a {
  color: #bbb;
  text-decoration: underline dotted;
  transition: color 0.2s ease;
}

.tabelwtfcserv .tabel-col a:hover {
  color: #fff;
}

.navigation {
    color: #50586c;
    font-size: 14px;
    display: flex;
    margin: 20px 0px;
    padding: 10px 5px;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
}


.hidething {
    display:none;
}

.navigation a:hover, .navigation a:active {
    text-decoration: underline;
}
.navigation a:link {
    text-decoration: none;
}
.navigation .active {
    color: #50586c;
    font-size: 14px;
    font-weight: bold;
}
.navigation a {
    color: #50586c;
    font-size: 14px;
    font-weight: bold;
}

.navigation_right {
    display: flex;
    gap: 20px;
}


.red_alert {
    background: #ff00004d;
    border: none;
    color: #A5161A;
    text-align: center;
    padding: 10px 20px;
    margin-bottom: 15px;
    font-size: 11px;
    word-wrap: break-word;
    border-radius: 3px;
    margin: 10px 0px;
    color: #fff;
}
.pm_alert {
    background: #5138ee;
    border: none;
    text-align: start;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 13px;
    margin: 10px 0px;
    color: white;
}
.pm_alert a { color:#fff;}

.content-bg {
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    gap: 20px;
}


.left-content {
    width: 100%;
}


.right-content {
    width: 350px;
    min-width: 320px;
    max-width: 320px;
}
.thead-sidebox {
    padding: 10px;
    font-size: 16px;
    color: #c0c3c9;
    font-weight: 500;
    background: #101116;
    border-radius: 5px;
    display: flex;
    align-items: center;
}
.sidebox-content {
    box-sizing: border-box;
    background: #15171e;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #2b303b;
    margin-bottom: 20px;
}
.contents-sidebox {
    font-size: 13px;
    color: #657087;
    line-height: 2;
}



.forums-content {
    background: #141519;
    margin-bottom: 5px;
    border-bottom: 1px solid #1e1c2d54;
    border-radius: 10px;
}

.subforum-category-start {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 55%;
}


.icon-forums {
    margin-right: 25px;
    margin-left: 10px;
}


.forum-content {
    background: #15171e;
    padding: 10px 10px 0px 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #272c35;
    text-align: start;
}


.thead-content {
    padding: 5px 10px 15px 5px;
    font-size: 19px;
    color: #ffffff;
    /* background: #141125; */
    /* margin-bottom: -1px; */
    /* z-index: 1; */
    /* position: relative; */
}
.thead-content a {
    color: #ffffff;
    z-index: 5;
    position: relative;
}

.subforum-category-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 5px;
    gap: 30px;
    border: 1px solid #272c35a1;
    margin-bottom: 5px;
    margin-top: 5px;
    background: #171a21;
    border-radius: 4px;
}



.subforum-category-1:hover {
  /*  background: #191a1e;*/
	/* transition: background 0.3s ease; */ /*Animarea tranziției */
}



.content-forums {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
span.name-forums a {
    color: #ffffff;
    font-size: 17px;
    font-weight: 600;
}
span.description-forums {
    font-weight: 500;
    font-size: 13px;
    color: #657087;
	width:100%;
	padding-right:30px;
}
span.subforums-forums a {
    color: #657087;
    font-weight: 500;
    font-size: 13px;
    /* font-family: "Rajdhani", sans-serif; */
    font-family: "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}


.bullhtmls2 {
    height: 1px;
    background: #7e869940;
    display: grid;
    margin-top: 3px;
    margin-bottom: 3px;
}


span.subforums-forums {
    color: #657087;
}
.subforumicon {
    height: 0;
    width: 0;
    display: inline-block;
    margin: 0 5px;
    background: none;
}

.reply-forums {
    /* text-align: right; */
    /* background: #121317; */
    /* padding: 0 15px; */
    /* border-radius: 4px; */
    /* border: 1px solid #121212; */
    /* display: flex; */
}
span.reply-reply
 {
    /* text-align: right; */
    /* font-size: 19px; */
    color: #7e8699;
    /* font-weight: 500; */
}
span.reply-text {
    /* font-size: 14px; */
    color: #7e8699;
    /* font-weight: 500; */
}
.information-forums {
    min-width: 190px;
}
a.subject-lastpost {
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.4px;
}
span.subject-autorx {
    font-size: 13px;
    color: #657087;
}
span.subject-autorx  a{
    font-size: 13px;
    color: #ffffff;
	font-weight:500;
}
.category_icon:before {
    font-family: 'FontAwesome';
    color: #181f2a;
    font-size: 80px;
    vertical-align: middle;
    margin-right: 10px;
}
.icon_1:before{content:'\f03a';}
.icon_2:before{content:'\f03a';}
.icon_3:before{content:'\f03a';}
.icon_4:before{content:'\f03a';}
.icon_5:before{content:'\f03a';}
.icon_6:before{content:'\f03a';}
.icon_7:before{content:'\f11b';}
.icon_8:before{content:'\f03a';}
.icon_9:before{content:'\f03a';}
.icon_10:before{content:'\f03a';}
.icon_11:before{content:'\f03a';}
.icon_12:before{content:'\f07a';}
















.fascolor {
    color: #666666;
}


.icon_8:before
{
	content:'\f121';
}
span.category_icon {
    position: absolute;
    margin: -17px -35px;
    transform: rotate(-20deg);
    top: -37px;
}
.information-userr {
    display: inline-block;
    font-size: 15px;
    margin: 0px 5px;
    color: #434a65;
    position: relative;
}
		
		





















/* ===============================
   FORUMS
================================ */


span.name-forums {
    font-family: 'Rajdhani';
    color: #ffffffbf;
    font-size: 18px;
}




.in-padding-0 {
    padding-top: 25px;
    margin-top: 0px;
    margin-bottom: 10px;
}
.button-forumdisplay-newthread {
    display: flex;
    justify-content: right;    margin-bottom: 20px;
}
a.button span {
    padding: 0;
    background: none;
}
a.button:link, a.button:visited, a.button:active {
    background: #5138ee;
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #432fc6;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 3px;
    margin: 10px 0px;
    font-weight: 800;
    color: #ffffff;
}
a.button:hover {opacity:0.8;}

.in-margin-top {
    margin-top: 30px;
}
.thread-threadlist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px;
}
span.author-threadlist {
    display: block;
    font-size: 13px;
    color: #657087;
    font-weight: 600;
}
span.name-threadlist {
    display: block;
    font-size: 15px;
    color: #ffffff;
}
span.name-threadlist a {
    color: #ffffff;
}
.item-lastpost-threadlist {
    min-width: 135px;
}

.items-threadlist1 {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: flex-start;
}
span.replies-thr {
    display: block;
    font-size: 13px;
    font-weight: 400;
}

span.author-last-post-threadlist {
    display: block;
}
button, input.button {
    padding: 3px 8px;
    cursor: pointer;
    font-size: 13px;
    background: #5138ee;
    border: none;
    color: #ffffff;
    outline: 0;
    padding: 10px 20px;
    border-radius: 3px;
    font-family: "Rajdhani", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}


input.button:hover {
opacity:0.7;
}

.memberlist-contentt2 {
    display: flex;
    padding: 10px 0px;
    gap: 20px;
    align-items: center;
    justify-content: flex-end;
}
select {
    background: #101927;
    padding: 3px;
    outline: 0;
    font-size: 13px;
    padding: 8px;
    border: none;
    color: #657087;
    font-weight: 600;
    margin: 0px 10px;
    box-sizing: border-box;
    border-radius: 3px;
}

input.textbox {
    outline: 0;
    font-size: 13px;
    background: #101927;
    color: #657087;
    border: none;
    border-radius: 3px;
    padding: 10px 10px;
    margin: 0px 10px;
}

		


.subforumicon {
    height: 5px;
    width: 5px;
    border-radius: 100%;
    display: inline-block;
    margin: 2px 0;
    margin-right: 0.5rem;
}

.subforums {
    margin-top: 0.5em;
    overflow: hidden;
    min-width: 400px;
}

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

.columns li {
    width: 50%;
    float: left;
}
		



/* ===============================
   DROPDOWN
================================ */
.user-dropdown {
    position: relative;
    display: inline-block;
}

/* TRIGGER */
.user-trigger {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.enmenu-img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
}

/* DROPDOWN */
.dropdown-menu {
    position: absolute;
    top: 120%;
    right: 0;
    width: 260px;
    background: #15171e;
    border-radius: 12px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.45);
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    transition: all 0.25s ease;
    z-index: 999;
}

/* ACTIVE STATE */
.dropdown-menu.show {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    border: 1px solid #272c35;
}

/* USER INFO */
.user-info {
    padding: 16px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.user-info .username {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

.user-info .email {
    color: #aaa;
    font-size: 12px;
    margin-top: 4px;
}

/* SECTIONS */
.dropdown-section {
    padding: 10px 0;
}

.section-title {
    padding: 6px 16px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #888;
}

/* LINKS */
.dropdown-menu a {
    display: block;
    padding: 10px 16px;
    color: #eee !important;
    font-size: 14px;
    text-decoration: none;
    transition: background 0.15s;
}

.dropdown-menu a:hover {
    background: rgba(255,255,255,0.08);
}

/* FOOTER */
.dropdown-footer {
    border-top: 1px solid rgba(255,255,255,0.08);
    padding: 12px;
}

/* LOGOUT */
.logout-btn {
    display: block;
    text-align: center;
    background: #c0392b;
    color: #fff !important;
    padding: 10px;
    border-radius: 8px;
    font-weight: 600;
}

.logout-btn:hover {
    background: #e74c3c;
}













/* ===============================
   LOGIN
================================ */







.login-container1{
  position: relative;
}
.login-container2{
  position: relative;
}
element.style {
}
.open1 {
    @include animation(slide 1s): ;
    display: block;
}

.login-form1::after {
    content: "";
    content: '';
    position: absolute;
    width: 85%;
    height: 4px;
    bottom: 0px;
    background: #8d3030;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    margin: auto;
    left: 3%;
    right: 3%;
    z-index: 9999999999999;
}

.login-form1 {
    display: none;
    position: absolute;
    padding: 20px;
    margin-top: 25px;
    background: #15171e;
    border-radius: 4px;
    box-shadow: none;
    z-index: 55;
    color: #fff;
    border-bottom: #ffffff;
    right: 172px;
    width: 267px;
    font-weight: 200;
    box-shadow: 0 0 4px #00000073;
    border: 1px solid #272c35;
}
@include keyframes(slide) {
  0% {
    opacity: 0;
    @include transform(translateY(20px));
  }
  100% {
    opacity: 1;
    @include transform(translateY(0));
  }
}

.open1 {
  @include animation(slide 1s);
  display: block;
}	






element.style {
}
.open2 {
    @include animation(slide 1s): ;
    display: block;
}

.login-form2::after {
    content: "";
    content: '';
    position: absolute;
    width: 87%;
    height: 5px;
    bottom: 0px;
    background: #404040;
    border-radius: 10px 10px 0px 0px;
    margin: auto;
    left: 3%;
    right: 3%;
    z-index: 9999999999999;
}



.login-form2 {
    display: none;
    position: absolute;
    padding: 20px;
    margin-top: 30px;
    background: #1d1e22;
    border-radius: 4px;
    box-shadow: none;
    z-index: 55;
    color: #fff;
    border: 1px solid #27282b;
    right: 0;
    width: 230px;
    font-weight: 200;
}


@include keyframes(slide) {
  0% {
    opacity: 0;
    @include transform(translateY(20px));
  }
  100% {
    opacity: 1;
    @include transform(translateY(0));
  }
}

.open2 {
  @include animation(slide 1s);
  display: block;
}	

.przywitanie-kayka {
    display: block;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
    font-size: 15px;
}
a.x {
    display: block;
    padding: 10px 0px;
    border-bottom: 1px solid #2a2a2a;
    color: #fff;
    font-weight: 400;
}


a.xe { 
	    display: block;
    padding: 10px 0px;
    color: #fff;
    font-weight: 400;
}

span#login-button1 {
    color: #fff;
    padding: 10px 15px;
    /* background: #121a2a; */
    border-radius: 3px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    position: relative;
}
span#login-button1:hover {opacity:0.8;}

a.register {
    color: #ffffffd9 !important;
    background: #8d3030;
    padding: 10px 15px;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    /* box-shadow: 1px -2px 0px 0px #8d3030; */
}

a.register:hover {opacity:0.7;}

input#quick_login_username {
    display: block;
    margin: 10px 0px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    background: #070c15;
    border: 2px solid #0a1729;
}

input#quick_login_password {
    display: block;
    margin: 10px 0px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    background: #070c15;
    border: 2px solid #0a1729;
}
button, input.button {
    padding: 3px 8px;
    cursor: pointer;
    font-size: 13px;
    background: #137dae;
    border: none;
    color: #fff;
    outline: 0;
    padding: 10px 20px;
    border-radius: 3px;
}

input.textbox {
    background: #ffffff;
    color: #424b5d;
    border: 1px solid #ccc;
    padding: 3px;
    outline: 0;
    font-size: 13px;
}

/* ===============================
   MENU
================================ */

.right-topnav {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: bold;
    gap: 10px;
}
a.icon-topnav {
    padding: 10px;
    color: #fff !important;
    font-size: 13px;
    font-weight: 500;
}

.fa-add:before, .fa-plus:before {
    content: "\2b";
}
img.enmenu-img {
    width: 37px;
    height: 37px;
    border-radius: 3000px;
}
.meniux {
  position: relative;
  display: inline-block;
  font-family: sans-serif;
  z-index: 999;
}
span.nick-topnav {
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}
.meniux-trigger {
    cursor: pointer;
    color: white;
    background-color: #181818;
    padding: 8px 12px;
    border-radius: 2px;
    user-select: none;
    font-weight: 700;
    font-family: 'Rajdhani';
    font-size: 15px;
    text-transform: uppercase;
}
.login-container2 {
    position: relative;
}
.meniu-content {
    display: none;
    position: absolute;
    background-color: #1d1e22;
    border: 1px solid #5e5e5e26;
    border-radius: 6px;
    box-shadow: 0px 4px 8px rgb(0 0 0 / 20%);
    margin-top: 6px;
    z-index: 1000;
    padding: 10px;
    min-width: 360px;
}
.open2 {
    display: block;
}

.login-form2 {
    display: none;
    position: absolute;
    padding: 20px;
    margin-top: 30px;
    background: #1d1e22;
    border-radius: 4px;
    box-shadow: none;
    z-index: 55;
    color: #fff;
    border: 1px solid #27282b;
    right: 0;
    width: 230px;
    font-weight: 200;
}
.meniu-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 12px;
}
.przywitanie-kayka {
    display: block;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
    font-size: 15px;
}
.meniu-content a {
    color: white;
    padding: 8px 10px;
    text-decoration: none;
    background-color: #141519;
    border: 1px solid #ffffff0d;
    border-radius: 4px;
    transition: background-color 0.2s;
    text-align: center;
}
a.x {
    display: block;
    padding: 10px 0px;
    border-bottom: 1px solid #2a2a2a;
    color: #fff;
    font-weight: 400;
}


.meniu-content a:hover {
    background-color: #ffffff0d;
}


.head-topbuttons {
    padding: 5px 10px;
    border-left: 2px solid #363444;
    border-right: 2px solid #363444;
    margin-right: 10px;
}

.qs-bar
 {
    margin-bottom: -20px;
}

.dropusercp {
    display: flex;
    align-items: center;
	cursor:pointer;
}

.spleft10 {
    margin-left: 10px;
}


.important-info {
    margin-top: 10px;
    margin-left: 5px;
    font-size: 12px;
    text-transform: uppercase;
    /* font-weight: 600; */
    /* font-style: italic; */
}




.meniux-elements {
    cursor: pointer;
    color: white;
    /* background-color: #333; */
    /* padding: 8px 12px; */
    border-radius: 4px;
    user-select: none;
    font-weight: 500;
    font-family: 'Rajdhani';
    font-size: 15px;
    text-transform: uppercase;
}



/* ===============================
   Boardstats
================================ */

/* ===== CLEAN GAMING STATS ===== */

.index-box {
  background: #15171e;
  border: 1px solid #272c35;
  border-radius: 6px; /* doar cardul */
  margin-bottom: 15px;
  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden; /* important pt header radius */
}

.index-box-header {
  background: #171a21;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: bold;
  color: #cfd6e4;
  border-bottom: 1px solid #272c35;
  border-radius: 6px 6px 0 0; /* DOAR sus */
}

.index-box-content {
    background: #15171e;
    /* padding: 10px; */
    /* box-shadow: 0 0 11px 0px #171a21; */
}

/* ===== TABLE-LIKE GRID ===== */
.stats-table {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid #272c35;
  border-radius: 4px; /* colțuri externe */
  overflow: hidden;   /* păstrează forma de tabel */
}

.stats-row {
  display: contents;
}

.stats-cell {
  padding: 8px 10px;
  background: #171a21;
  font-size: 12px;
  color: #c3cad6;
  border-bottom: 1px solid #272c35;
  border-right: 1px solid #272c35;
}

.stats-cell:nth-child(2n) {
  border-right: none;
  text-align: right;
  color: #e0e6f0;
  font-weight: bold;
}

/* eliminăm border jos pe ultimul rând */
.stats-table .stats-cell:last-child,
.stats-table .stats-cell:nth-last-child(2) {
  border-bottom: none;
}

/* ===== ONLINE USERS ===== */
.index-online {
    background: #171a21;
    border-bottom: 1px solid #272c35;
    /* border-radius: 4px; */
    padding: 8px;
    font-size: 12px;
    color: #c3cad6;
    line-height: 1.8;
}

.index-online a {
  color: #8ea1c9;
  text-decoration: none;
}

.index-online a:hover {
  text-decoration: underline;
}

/* ===== FOOTER ===== */
.index-footer {
  text-align: right;
  padding-top: 8px;
  font-size: 11px;
}

.index-footer a {
  color: #9aa4b8;
  text-decoration: none;
  margin-left: 10px;
}

.index-footer a:hover {
  text-decoration: underline;
}

/* ===== INDEX STATS – LEFT | LOGO | RIGHT ===== */

.stats-flex {
    display: flex;
    border-bottom: 3px solid #272c35;
    border-radius: 4px;
    overflow: hidden;
    background: #15171e;
    border-top: none;
}

/* coloane stats */
.stats-col {
  flex: 1;
  background: #171a21;
}

/* separator vertical */
.stats-col + .stats-logo-col,
.stats-logo-col + .stats-col {
  border-left: 1px solid #272c35;
}

/* rand statistic */
.stats-item {
  display: flex;
  justify-content: space-between;
  padding: 8px 10px;
  font-size: 12px;
  color: #c3cad6;
  border-bottom: 1px solid #272c35;
}

.stats-item:last-child {
  border-bottom: none;
}

.stats-value {
  font-weight: bold;
  color: #e0e6f0;
}

/* coloana logo */
.stats-logo-col {
    /* width: 220px; */
    background: #15171e;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #272c35;
}


.stats-logo-col img {
  max-width: 85%;
  height: auto;
}



.stats-logo-col2 {
    /* width: 220px; */
     /*background: #171a21;*/
    display: flex;
    align-items: center;
    justify-content: center;
}
/* ===== RESPONSIVE ===== */
@media (max-width: 800px) {
  .stats-flex {
    flex-direction: column;
  }

  .stats-logo-col {
    border-left: none;
    border-top: 1px solid #272c35;
    border-bottom: 1px solid #272c35;
    padding: 10px 0;
  }
}

.statsbfoot {
    text-align: start;
    /* background: #101010; */
    padding: 10px;
}

.smalltext {
    font-size: 0.85em;
    color: #888888;
}















/* ===============================
   RANKS
================================ */


.admsins {
    background: linear-gradient(to right,rgb(19, 27, 40) 0%,rgba(220, 89, 89, 0.81) 50%,rgb(20, 28, 40) 100%);
    width: 208px;
    opacity: 0.8;
    padding: 7px 0px;
    margin: auto;
    border-radius: 4px;
    font-size: 10px;
    font-family: 'Trebuchet MS';
    text-shadow: 1px 1px 1px #333;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all 800ms cubic-bezier(0.390,0.500,0.150,1.360);
}


.visp {
    background: linear-gradient(to right, rgba(211,183,31,1) 0%,rgba(217,196,85,1) 50%,rgba(211,183,31,1) 100%);
    width: 208px;
	opacity: 0.8;
    padding: 4px 0px;
    margin: auto;
    border-radius: 4px;
    font-size: 10px;
    font-family: 'Trebuchet MS';
    text-shadow: 1px 1px 1px #333;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-bottom: 2.5px solid #aa9317;
    transition: all 800ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
}



.smosd {
    background: linear-gradient(to right,rgb(20, 28, 41) 0%,rgba(159, 58, 216, 0.69) 50%,rgb(20, 28, 41) 100%);
    width: 208px;
    opacity: 0.8;
    padding: 7px 0px;
    margin: auto;
    border-radius: 4px;
    font-size: 10px;
    font-family: 'Trebuchet MS';
    text-shadow: 1px 1px 1px #333;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all 800ms cubic-bezier(0.390,0.500,0.150,1.360);
}


.uydse {
    background: linear-gradient(to right,rgb(20, 28, 41) 0%,rgba(144, 154, 177, 0.29) 50%,rgb(20, 28, 41) 100%);
    width: 208px;
    opacity: 0.8;
    padding: 7px 0px;
    margin: auto;
    border-radius: 4px;
    font-size: 10px;
    font-family: 'Trebuchet MS';
    text-shadow: 1px 1px 1px #333;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    /* border-bottom: 2.5px solid #2f3644; */
    transition: all 800ms cubic-bezier(0.390,0.500,0.150,1.360)
}



.mossd {
    background: linear-gradient(to right, rgba(0,131,222,1) 0%,rgba(69,162,227,1) 50%,rgba(0,131,222,1) 100%);
    width: 208px;
	opacity: 0.8;
    padding: 4px 0px;
    margin: auto;
    border-radius: 4px;
    font-size: 10px;
    font-family: 'Trebuchet MS';
    text-shadow: 1px 1px 1px #333;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-bottom: 2.5px solid #0d74bb;
    transition: all 800ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
}



.grafikesr {
    background: linear-gradient(to right, rgba(225,72,141,1) 0%,rgba(243,115,173,1) 50%,rgba(225,72,141,1) 100%);
    width: 208px;
	opacity: 0.8;
    padding: 4px 0px;
    margin: auto;
    border-radius: 4px;
    font-size: 10px;
    font-family: 'Trebuchet MS';
    text-shadow: 1px 1px 1px #333;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-bottom: 2.5px solid #cb407f;
    transition: all 800ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
}


.dmossd {
    background: linear-gradient(to right, rgba(53,98,58,1) 0%,rgba(72,130,79,1) 50%,rgba(53,98,58,1) 100%);
    width: 208px;
	opacity: 0.8;
    padding: 4px 0px;
    margin: auto;
    border-radius: 4px;
    font-size: 10px;
    font-family: 'Trebuchet MS';
    text-shadow: 1px 1px 1px #333;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-bottom: 2.5px solid #35623a;
    transition: all 800ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
}

.yonetisci {
    background: linear-gradient(to right, rgba(242,95,56,1) 0%,rgba(249,126,93,1) 50%,rgba(242,95,56,1) 100%);
    width: 208px;
	opacity: 0.8;
    padding: 4px 0px;
    margin: auto;
    border-radius: 4px;
    font-size: 10px;
    font-family: 'Trebuchet MS';
    text-shadow: 1px 1px 1px #333;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-bottom: 2.5px solid #c64d33;
    transition: all 800ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
}
		
		
		
		
.membru {
    /* background-image: linear-gradient(0deg, #ffffff85 0%, #ffffff 100%); */
    /* -webkit-background-clip: text; */
    /* font-weight: 500; */
    /* -webkit-text-fill-color: transparent; */
    /* font-size: 12px; */
}

.membru {
    /* background-image: linear-gradient(0deg, #ffffff4f 0%, #ffffff 100%); */
    /* -webkit-background-clip: text; */
    font-weight: 600;
    /* -webkit-text-fill-color: transparent; */
    font-size: 10px;
}


.banned {
    background-image: linear-gradient( 
180deg, #2424244f 0%, #878686 100%);
    -webkit-background-clip: text;
   font-weight: 600;
    -webkit-text-fill-color: transparent;
        font-size: 10px;
}




.gamemanager2 {
    background-image: linear-gradient( 359deg, #2bb100 0%, #002f76 100%);
    -webkit-background-clip: text;
   font-weight: 600;
     -webkit-text-fill-color: transparent;
        font-size: 10px;
}



.gamemanager {
    background-image: linear-gradient( 180deg, #007178 0%, #00c396 100%);
    -webkit-background-clip: text;
   font-weight: 600;
    -webkit-text-fill-color: transparent;
       font-size: 10px;
}



.premium {
    background-image: -webkit-linear-gradient(#ffeb00, #f9840b);
    -webkit-background-clip: text;
   font-weight: 600;
    -webkit-text-fill-color: transparent;
       font-size: 10px;
}






.globalmod {
    background-image: linear-gradient( 0deg, #04ff008a 0%, #0cff00 100%);
    -webkit-background-clip: text;
   font-weight: 600;
    -webkit-text-fill-color: transparent;
        font-size: 10px;
}




.supervizor {
    background-image: linear-gradient( 180deg, #d1300096 0%, #ef8a0c 100%);
    -webkit-background-clip: text;
   font-weight: 600;
    -webkit-text-fill-color: transparent;
        font-size: 10px;
}




.managercom {
    background-image: -webkit-linear-gradient(39deg, #600000 10%, #ff0000);
    -webkit-background-clip: text;
   font-weight: 600;
    -webkit-text-fill-color: transparent;
        font-size: 10px;
}



.founder {
    background-image: linear-gradient( 180deg, #420000d4 0%, #ff0000 100%);
    -webkit-background-clip: text;
   font-weight: 600;
    -webkit-text-fill-color: transparent;
        font-size: 10px;
}










.small10px {
  font-size: 10px; 
}








.ae__breadcrumb-social a {
    margin: 0 10px !important;
    display: inline-block  !important;
}







.sidebar {
       float: right;
    width: 19.7%;
}




.forumsed {
       float: left;
    width: 80%;
}


.card.mb-3 {
    margin-bottom: 30px !important;
}

.card {
    box-shadow: 0 0.46875rem 2.1875rem rgb(4 9 20 / 3%), 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 0 0.25rem 0.53125rem rgb(4 9 20 / 5%), 0 0.125rem 0.1875rem rgb(4 9 20 / 3%);
    border-width: 0;
    transition: all .2s;
}
.text-white {
    color: #fff !important;
}
.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}
.bg-primary {
    background-color: #3f6ad8 !important;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #1e1e1e;
    background-clip: border-box;
    border: 1px solid rgba(26,54,126,0.125);
    border-radius: 0.25rem;
}


.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card.text-dark.text-white .card-footer, .card.text-dark.text-white .card-header, .card.text-white .card-footer, .card.text-white .card-header {
    background: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.9);
}
.card .card-footer {
    display: flex;
    align-items: center;
}
.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: #282828;
    border-top: 1px solid rgba(26,54,126,0.125);
}


.card.text-dark.text-white .card-footer, .card.text-dark.text-white .card-header, .card.text-white .card-footer, .card.text-white .card-header {
    background: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.9);
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header {
    display: flex;
    align-items: center;
    border-bottom-width: 1px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0.625rem;
    height: 3.5rem;
}
.card-header, .card-title {
    text-transform: uppercase;
    color: rgb(255 255 255 / 70%);
    font-weight: bold;
    font-size: .88rem;
}
.card-header {
    /* padding: 0.75rem 1.25rem; */
    margin-bottom: 0;
    color: inherit;
    background-color: #191818;
    border-bottom: 1px solid rgba(26,54,126,0.125);
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    color: inherit;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.smalltext12 {
    font-size: 12px;
}



.vipsplash {
    color: #f9ca24;
    background: url(https://i.imgur.com/7NUSuHY.gif);
}

















.scrollingmemb {
    overflow-y: scroll;
    max-height: 220px;
    margin-right: 15px;
}








.banned {
    background-image: linear-gradient( 
180deg, #2424244f 0%, #878686 100%);
    -webkit-background-clip: text;
   font-weight: 600;
    -webkit-text-fill-color: transparent;
    font-size: 10px;}





.girls {
    background-image: linear-gradient( 180deg, #ff149361 0%, #ff1493 100%);
    -webkit-background-clip: text;
   font-weight: 600;
    -webkit-text-fill-color: transparent;
    font-size: 10px;}


.staffgaming {
    background-image: linear-gradient( 
180deg, #8104047a 0%, #ff6634 100%);
    -webkit-background-clip: text;
   font-weight: 600;
    -webkit-text-fill-color: transparent;
    font-size: 10px;}







.designer {
    background-image: linear-gradient( 180deg, #610093b5 0%, #720acb 100%);
    -webkit-background-clip: text;
   font-weight: 600;
    -webkit-text-fill-color: transparent;
    font-size: 10px;}


.moderator {
    background-image: linear-gradient( 16deg, #00a1ff 0%, #003b7c 100%);
    -webkit-background-clip: text;
   font-weight: 600;
    -webkit-text-fill-color: transparent;
    font-size: 10px;}





.supervizor {
    background-image: linear-gradient( 180deg, #d1300096 0%, #ef8a0c 100%);
    -webkit-background-clip: text;
   font-weight: 600;
    -webkit-text-fill-color: transparent;
    font-size: 10px;}










.founder {
    background-image: linear-gradient( 
180deg, #ff0000d4 0%, #ff0000 100%);
    -webkit-background-clip: text;
   font-weight: 600;
    -webkit-text-fill-color: transparent;
    font-size: 10px;}











.small10px {
  font-size: 10px; 
}








.ae__breadcrumb-social a {
    margin: 0 10px !important;
    display: inline-block  !important;
}







.sidebar {
       float: right;
    width: 19.7%;
}




.forumsed {
       float: left;
    width: 80%;
}


.card.mb-3 {
    margin-bottom: 30px !important;
}

.card {
    box-shadow: 0 0.46875rem 2.1875rem rgb(4 9 20 / 3%), 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 0 0.25rem 0.53125rem rgb(4 9 20 / 5%), 0 0.125rem 0.1875rem rgb(4 9 20 / 3%);
    border-width: 0;
    transition: all .2s;
}
.text-white {
    color: #fff !important;
}
.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}
.bg-primary {
    background-color: #3f6ad8 !important;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #1e1e1e;
    background-clip: border-box;
    border: 1px solid rgba(26,54,126,0.125);
    border-radius: 0.25rem;
}


.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card.text-dark.text-white .card-footer, .card.text-dark.text-white .card-header, .card.text-white .card-footer, .card.text-white .card-header {
    background: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.9);
}
.card .card-footer {
    display: flex;
    align-items: center;
}
.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: #282828;
    border-top: 1px solid rgba(26,54,126,0.125);
}


.card.text-dark.text-white .card-footer, .card.text-dark.text-white .card-header, .card.text-white .card-footer, .card.text-white .card-header {
    background: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.9);
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header {
    display: flex;
    align-items: center;
    border-bottom-width: 1px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0.625rem;
    height: 3.5rem;
}
.card-header, .card-title {
    text-transform: uppercase;
    color: rgb(255 255 255 / 70%);
    font-weight: bold;
    font-size: .88rem;
}
.card-header {
    /* padding: 0.75rem 1.25rem; */
    margin-bottom: 0;
    color: inherit;
    background-color: #191818;
    border-bottom: 1px solid rgba(26,54,126,0.125);
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    color: inherit;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}



	
		
		
		


/* ===============================
   RIGHT SIDE
================================ */



/* ===============================
   RESPONSIVE
================================ */