body {
	margin: 0;

	font: 12px/1.7em 'Open Sans', arial, sans-serif;

	background: #DDD url(../img/bg.png) repeat 0 0;
}


p {
	margin-bottom: 2em;

	font: 12px/1.7em 'Open Sans', arial, sans-serif;
}

h1 {
	margin-bottom: .25em;
}

h2 {
	margin-bottom: .5em;

	font-size: 22px;
	font-weight: 600;
}

h3 {
	margin-bottom: .75em;

	font-size: 18px;
	font-weight: 600;
}

h4,
h5,
h6 {
	margin-bottom: 1.25em;

	font-weight: 600;
}

input {
	font: 13px/1.7em 'Open Sans', arial, sans-serif;
}

#wrapper {
	width: 880px;
	padding: 0 50px;
	margin: 0 auto;

	background: #FFF;

	border: 1px solid #DDD\9;
	border-top: 12px solid #222;
	border-bottom: none;

	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	box-shadow: 0 0 5px rgba(0, 0, 0, .25);
}

#header {
	padding: 35px 0;
}

#header h1 {
	width: 100%;
	height: 42px;
	margin: 0;
}

#header h1 a {
	display: block;
}

#nav {
	margin-bottom: .5em;
}

#nav .container>.main-nav {
	padding: 0;
	margin: 0;

	border-top: 1px solid #DDD;
}

#nav .container>.main-nav>li {
	position: relative;
	top: -1px;

	float: left;

	padding: 0 40px 0 0;
	margin: 0;

	list-style: none;

	border-top: 1px solid #DDD;
}

#nav .container>.main-nav>li:last-child {
	padding-right: 0;
}

#nav .container>.main-nav>li>a {
	position: relative;
	top: -1px;

	display: block;

	padding: 15px 5px 5px;

	color: #999;

	text-transform: uppercase;

	border-top: 1px solid transparent;
}

#nav .container>.main-nav>li>a:hover,
#nav .container>.main-nav>li.dropdown.open>a {
	color: #333;

	text-decoration: none;

	border-top-color: #333;
	border-top-width: 1px;
}

#nav .container>.main-nav>li.active a {
	padding-top: 12px;

	color: #222;

	border-top-color: #F90;
	border-top-width: 4px;
}

#nav .container>.main-nav>li>a>.caret {
	position: relative;
	top: -2px;

	margin-left: .5em;
}

#nav .dropdown-menu a:hover {
	background-color: #F90;
}

#nav .dropdown-menu>li>a {
	padding: 6px 12px;
}

#nav .dropdown-menu i {
	margin-right: .5em;

	font-size: 14px;
}

#nav .dropdown-menu::before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #CCC;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -7px;
	left: 9px;
}

#nav .dropdown-menu::after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid white;
	position: absolute;
	top: -6px;
	left: 10px;
}

input.error,
.form-vertical textarea.error {
	border-color: #b94a48;
	color: #b94a48;
}

.form-inline .help-block.error,
.form-inline .help-inline.error,
.form-horizontal .help-block.error,
.form-horizontal .help-inline.error,
.form-vertical .help-block.error,
.form-vertical .help-inline.error {
	color: #b94a48;
}

.form-inline label.error,
.form-horizontal label.error,
.form-vertical label.error {
	color: #b94a48;
}

#responsive-nav-trigger {
	width: auto;
	padding: 5px 10px;

	background-color: #F8F8F8;
	background-image: url(../img/responsive-nav-bg.png);
	background-position: center right;
	background-repeat: no-repeat;

	color: #8F8F8F;

	font-size: 12px;
	line-height: 1.5;

	border: 1px solid #E8E8E8;

	cursor: pointer;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#responsive-nav-trigger.open {
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

#responsive-nav {
	position: relative;
	z-index: 1001;

	display: none;

	margin: 0 0 2em;
}

#responsive-nav-items {
	display: none;

	padding: 12px 10px;
	margin: 0 0 1.5em;

	background: #F8F8F8;

	border: 1px solid #e3e3e3;
	border-top: none;

	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#responsive-nav-items ul {
	padding: 0;
	margin: 0;
}

#responsive-nav-items li {
	list-style: none;
}

#responsive-nav-items>li>ul>li>a {
	padding-left: 30px;
}

#responsive-nav-items a {
	padding: 8px 10px;

	display: block;

	color: #222;

	font-size: 13px;
	font-weight: 600;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#responsive-nav-items a:hover {
	text-decoration: none;

	background: #DDD;
}

#responsive-nav-items li.active a {
	color: #FFF;

	text-decoration: none;

	background: #F90;
}

#masthead {
	position: relative;

	height: 375px;
	margin-bottom: 2.5em;

	-moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, .5);
	box-shadow: 1px 1px 6px rgba(0, 0, 0, .5);
}

.masthead-details {
	position: absolute;
	top: 0;
	right: 0;

	width: 225px;
	height: 335px;
	padding: 20px;

	color: #FFF;

	background: #333;
	background: rgba(0, 0, 0, .70);

	text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
}

.masthead-details h2 {
	margin-bottom: .75em;

	font-size: 28px;
}

.masthead-details p {
	font-size: 14px;
}

#masthead .carousel-control {
	top: 50%;
	left: -72px;

	line-height: 26px;

	opacity: .35;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#masthead .carousel-control:hover {
	opacity: .80;
}

#masthead .carousel-control.right {
	left: auto;
	right: -72px;
}

#page-title {
	padding: 30px 50px;
	margin: 0 -50px 2.5em;

	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;

	background: #EEE;
}

#page-title h1 {
	margin-bottom: .40em;

	font-weight: 600;
}

#page-title p {
	margin-bottom: 0;

	font-size: 15px;
}

#welcome h1 {
	padding: 0 80px;

	color: #777;

	font-size: 22px;
	font-style: italic;
	font-weight: 600;
	line-height: 1.75em;
}

#welcome {

	text-align: center;
}

#content {}

#footer {
	clear: both;

	padding: 20px 50px;
	margin: 2.5em -50px 0;

	color: #BBB;

	background: #222;

	border-top: 1px solid #111;

	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

#footer .row {
	margin-bottom: 0;
}

#footer #footer-logo {
	overflow: hidden;

	width: 212px;
	height: 33px;
	margin-bottom: .75em;

	line-height: 600px;

	background: url(../img/footer-logo.png) no-repeat 0 0;
}

#footer a {
	color: #FFF;
}

#copyright {
	clear: both;

	padding: 20px 50px 15px 50px;
	margin: 0 -50px;

	color: #777;

	font-size: 11px;
	text-transform: uppercase;

	background: #000;

	border-top: 1px solid #000;

	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

#copyright #rights {}

#copyright #totop {
	text-align: right;
}

#copyright a {
	color: #FFF;
}

.row {
	margin-left: 0;
}

.container {
	width: 880px;
}

.grid-1 {
	width: 55px;
}

.grid-2 {
	width: 130px;
}

.grid-3 {
	width: 205px;
}

.grid-4 {
	width: 280px;
}

.grid-5 {
	width: 355px;
}

.grid-6 {
	width: 430px;
}

.grid-7 {
	width: 505px;
}

.grid-8 {
	width: 580px;
}

.grid-9 {
	width: 655px;
}

.grid-10 {
	width: 730px;
}

.grid-11 {
	width: 805px;
}

.grid-12 {
	width: 880px;
}


.append-12 {
	padding-right: 900px;
}

.append-11 {
	padding-right: 825px;
}

.append-10 {
	padding-right: 750px;
}

.append-9 {
	padding-right: 675px;
}

.append-8 {
	padding-right: 600px;
}

.append-7 {
	padding-right: 525px;
}

.append-6 {
	padding-right: 450px;
}

.append-5 {
	padding-right: 375px;
}

.append-4 {
	padding-right: 300px;
}

.append-3 {
	padding-right: 225px;
}

.append-2 {
	padding-right: 150px;
}

.append-1 {
	padding-right: 75px;
}


.prepend-12 {
	padding-left: 900px;
}

.prepend-11 {
	padding-left: 825px;
}

.prepend-10 {
	padding-left: 750px;
}

.prepend-9 {
	padding-left: 675px;
}

.prepend-8 {
	padding-left: 600px;
}

.prepend-7 {
	padding-left: 525px;
}

.prepend-6 {
	padding-left: 450px;
}

.prepend-5 {
	padding-left: 375px;
}

.prepend-4 {
	padding-left: 300px;
}

.prepend-3 {
	padding-left: 225px;
}

.prepend-2 {
	padding-left: 150px;
}

.prepend-1 {
	padding-left: 75px;
}



.row [class^="grid-"]:first-child {
	margin-left: 0;
}

.row.nopad [class^="grid-"] {
	margin-bottom: 0;
}

.row.divider:last-child {
	margin-bottom: 0;

	border: none;
}

.row-divider {

	margin: 1.5em 0 3em;

	border: none;
	border-bottom: 1px dotted #CCC;
}

.slash {
	padding-right: .25em;

	color: #F90;
}

#loading {
	display: none;
	width: 100%;
	left: unset;
	position: fixed;
	top: 40%;
	z-index: 1150;
	color: #ddd;
	text-shadow: 0px 0px 14px black;
}

.social-icons-container {
	width: 100%;
	display: table;
	padding: 0;
	margin: 2.5em 0 0;

	list-style: none;
}

.social-icons-container li {
	width: 33%;
	display: table-cell;

	text-align: center;
}

.social-icon {
	width: 50px;
	height: 50px;
	display: inline-block;
	overflow: hidden;

	line-height: 600px;

	background: url(../img/social/social-sprite.png) no-repeat 0 0;
}

.social-icon-twitter {
	background-position: 0 0;
}

.social-icon-twitter:hover {
	background-position: 0 -50px;
}

.social-icon-googleplus {
	background-position: -50px 0;
}

.social-icon-googleplus:hover {
	background-position: -50px -50px;
}

.social-icon-facebook {
	background-position: -100px 0;
}

.social-icon-facebook:hover {
	background-position: -100px -50px;
}


.clearfix,
.row {
	zoom: 1;
}

.clearfix:before,
.row:before,
.clearfix:after,
.row:after {
	content: "";
	display: table;
}

.clearfix:after,
.row:after {
	clear: both;
}

.about-container .about-item {
	padding-right: 2em;
}

.about-container .choose-item h3 i {
	margin-right: .4em;

	color: #F90;
}

.about-container .choose-item h3 {
	margin-bottom: 0;

	font-size: 14px;
}

.work-container .work-item .thumbnail {
	margin-bottom: 1.5em;
}

.service-container .service-item h3 {
	font-size: 14px;
}

.service-container .service-item h3 i {
	position: relative;
	top: 3px;

	margin-right: .25em;

	color: #F90;

	font-size: 24px;
}

.filter-container input {
	max-width: 110px;
}

.row [class^="grid-"] {
	float: left;
}

.dropdown-menu {
	padding: 15px;
}

.circle {
	background-color: rgba(0, 0, 0, 0);
	border: 5px solid #63667f;
	opacity: .9;
	border-right: 5px solid #ddd;
	border-left: 5px solid #ddd;
	border-radius: 50px;
	box-shadow: 0 0 35px #63667f;
	width: 50px;
	height: 50px;
	margin: 0 auto;
	-moz-animation: spinPulse 2s infinite ease-in-out;
	-webkit-animation: spinPulse 1s infinite linear;
	-o-animation: spinPulse 1s infinite linear;
}

.circle1 {
	background-color: rgba(0, 0, 0, 0);
	border: 5px solid #63667f;
	opacity: .9;
	border-left: 5px solid #ddd;
	border-right: 5px solid #ddd;
	border-radius: 50px;
	box-shadow: 0 0 15px #63667f;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	position: relative;
	top: -50px;
	-moz-animation: spinoffPulse 1s infinite linear;
	-webkit-animation: spinoffPulse 1s infinite linear;
	-o-animation: spinoffPulse 1s infinite linear;
}

@-moz-keyframes spinPulse {
	0% {
		-moz-transform: rotate(160deg);
		opacity: 0;
		box-shadow: 0 0 1px #63667f;
	}

	50% {
		-moz-transform: rotate(145deg);
		opacity: 1;
	}

	100% {
		-moz-transform: rotate(-320deg);
		opacity: 0;
	}
}

@-moz-keyframes spinoffPulse {
	0% {
		-moz-transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spinPulse {
	0% {
		-webkit-transform: rotate(160deg);
		opacity: 0;
		box-shadow: 0 0 1px #63667f;
	}

	50% {
		-webkit-transform: rotate(145deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: rotate(-320deg);
		opacity: 0;
	}
}

@-webkit-keyframes spinoffPulse {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-o-keyframes spinPulse {
	0% {
		-webkit-transform: rotate(160deg);
		opacity: 0;
		box-shadow: 0 0 1px #63667f;
	}

	50% {
		-webkit-transform: rotate(145deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: rotate(-320deg);
		opacity: 0;
	}
}

@-o-keyframes spinoffPulse {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

.dropdown-menu {
	padding: 5px 0;
}

.dropdown-menu li hr {
	margin: 9px 1px;
}

.dropdown-menu form {
	padding: 5px 15px;
}

/* MENU - ADMIN - MIN */

#sidebar>.portlet {
	text-align: center;
	background-color: #0f1023;
	border-radius: 0.5rem;
	padding: 0.6rem;
}

.portlet-title {
	color: #ddd;
	text-shadow: none;
	font-weight: 800;
}

.portlet-content li>a {
	border-radius: 0.4rem;
	padding: 2px 4px;
	color: #63667f;
	text-shadow: none;
	font-weight: 800;
}

@import url("https://fonts.googleapis.com/css2?family=Encode+Sans:wght@300;400;500;600;700;800;900&display=swap");
:root {
  --primary-color-or: #fd930d;
  --primary-color: #6078e6;
}

#wrapper {
  margin: 0 auto !important;
  width: unset !important;
  border-top: unset !important;
  background: unset !important;
  box-shadow: unset !important;
  padding: unset !important;
}

#nav {
  margin-bottom: 2rem !important;
}

.container {
  margin: 0 auto !important;
  width: 80% !important;
}

.heading-style {
  font-weight: 700;
  color: #cdcedb;
}

.heading-style-admin {
  font-weight: 700;
  color: #cdcedb;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.heading-styl-two {
  color: #e7e7e7;
}

.note {
  margin: unset;
  color: #9e9fad;
  font-size: 12px;
}

/* MEDIA TYMCZASOWE */
@media (max-width: 767px) {
  .nav-bett {
    display: unset !important;
  }
  .flex-nav {
    display: unset !important;
  }
  .navigation-style {
    display: none;
  }
}
@media (max-width: 768px) {
  .main-nav {
    display: none;
  }
  .pull-right {
    display: none;
  }
  .navigation-style {
    display: none !important;
  }
}
#responsive-nav-trigger {
  text-align: center;
  background-color: #0f1023 !important;
  color: #e1e1e1 !important;
  border: 1px solid #0f1023 !important;
  border-radius: 0.8rem;
  font-weight: 700;
}

#responsive-nav-items {
  text-align: center;
  background-color: #0f1023 !important;
  border: 1px solid #0f1023 !important;
  border-bottom-right-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}

#responsive-nav-items a {
  color: #e1e1e1 !important;
}

#responsive-nav-items a:hover,
#responsive-nav-items a:focus,
#responsive-nav-items a:active {
  padding: 4px 7px !important;
  background: #6078e6 !important;
  color: #fff !important;
  border-radius: 0.4rem !important;
  transition: 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
  text-decoration: none !important;
}

body {
  font-family: "Encode Sans", sans-serif !important;
  background: #01010c !important;
}

/* HOME */
#home-last-bans_c0 {
  width: 60%;
}

#home-last-bans_c1 {
  width: 15%;
}

#home-last-bans_c2 {
  width: 25%;
}

.server-grid-info_c0 {
  width: 60%;
}

.server-grid-info_c1 {
  width: 10%;
}

.server-grid-info_c2 {
  width: 30%;
}

/* NAWIGACJA */
.login-navigation-style {
  display: flex;
  margin-bottom: unset !important;
}

.login-style-nav {
  color: #63667f;
  border: 2px solid #63667f !important;
  background: #0f1023 !important;
  border-radius: 0.5rem !important;
  margin-bottom: unset !important;
  width: 100px;
  padding: 7px 0px !important;
  height: 10px !important;
  font-size: 11px !important;
  font-weight: 700;
  text-align: center;
}

.login-style-nav:hover,
.login-style-nav:focus {
  border: 2px solid #6078e6 !important;
  color: #6078e6 !important;
  box-shadow: unset !important;
  -webkit-box-shadow: unset !important;
}

.login-style-nav::placeholder {
  color: #63667f;
}

.nav-bett {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.summary {
  color: #9e9fad;
}

.center-header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.nav-two {
  display: flex;
  align-items: center;
}

.nav-two h1,
.nav-two h2,
.nav-two h3,
.nav-two h4,
.nav-two h5,
.nav-two h6 {
  margin-bottom: unset !important;
  font-weight: 800;
  color: #fff;
  font-size: unset !important;
}

.navigation-style {
  display: flex;
  margin-top: 2rem;
  background-color: #0f1023;
  border-radius: 0.5rem;
  padding: 0px 5px;
}

.navigation-style ul {
  padding: unset !important;
  margin: unset !important;
}

.flex-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.main-nav p {
  margin: unset !important;
  font: unset !important;
  color: #6078e6;
  padding: 4px 7px;
}

.main-nav li {
  list-style-type: none !important;
  margin: 10px 12px;
}

.main-nav li > a {
  padding: 4px 7px;
  color: #63667f;
  border-radius: 0.4rem;
  font-weight: 700;
}

.main-nav li > a:hover {
  padding: 4px 7px;
  background-color: #6078e6;
  color: #fff;
  border-radius: 0.4rem;
  font-weight: 700;
  transition: 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  text-decoration: none;
}

.main-nav > .active a {
  padding: 4px 7px;
  background-color: #6078e6;
  color: #fff;
  border-radius: 0.4rem;
  font-weight: 800;
  transition: 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  text-decoration: none;
}

#active-btn {
  padding: 4px 7px;
  background-color: #6078e6;
  color: #fff;
  border-radius: 0.4rem;
  font-weight: 800;
  transition: 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  text-decoration: none;
}

.nav-tabs {
  border-bottom: none;
}

.main-nav > .active a:hover {
  font-weight: 800;
}

.main-nav a:focus {
  text-decoration: none;
}

/* ADMIN - NAV */
.dash-admin-style {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #0f1023;
  border-radius: 0.5rem;
  margin: 0 auto !important;
  width: 60% !important;
}

.dash-admin-style > .nav {
  margin-bottom: 0.2rem;
}

.dash-admin-style > #yw0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #0f1023;
  border-radius: 0.5rem;
}

.dash-admin-style > #yw1 li > a {
  padding: 4px 7px;
  color: #63667f;
  border-radius: 0.4rem;
  font-weight: 800;
  border: unset;
}

.dash-admin-style > #yw1 li > a:hover,
.dash-admin-style > #yw1 li > a:active,
.dash-admin-style > #yw1 li > a:focus {
  padding: 4px 7px;
  background-color: #6078e6;
  color: #fff;
  border-radius: 0.4rem;
  font-weight: 800;
  transition: 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  text-decoration: none;
  border: unset;
}

.dash-admin-style > #yw1 > .active a {
  padding: 4px 7px;
  background-color: #4353a1;
  color: #aaabb1;
  border-radius: 0.4rem;
  font-weight: 800;
  transition: 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  text-decoration: none;
  border: unset;
}

.dash-admin-style > #yw1 > .active a:hover {
  padding: 4px 7px;
  background-color: #4353a1;
  color: #aaabb1;
  border-radius: 0.4rem;
  font-weight: 800;
  transition: 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  text-decoration: none;
  border: unset;
}

.dash-admin-style > #yw1 li {
  margin: 10px 12px;
}

.inline {
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.inline li > a {
  padding: 4px 7px;
  background: unset;
  color: #63667f;
  text-shadow: none;
  font-weight: 800;
  font-size: 12px;
  border-bottom-color: unset;
  border-color: unset;
  border: unset;
  border-radius: 0.4rem !important;
}

.inline li > a:hover,
.inline li > a:focus,
.inline li > a:active {
  padding: 4px 7px;
  transition: 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  border-radius: 0.4rem !important;
  background: #6078e6 !important;
  color: #fff !important;
  text-shadow: none;
  font-weight: 800;
  font-size: 12px;
  border-bottom-color: unset;
  border-radius: unset;
  border-color: unset;
  border: unset;
}

.inline > .btn.disabled,
.btn[disabled] {
  background: #6078e6;
  color: #fff;
}

/* TABELA */
.table tbody + tbody {
  border: unset;
}

table {
  background: #0f1023;
  border-radius: 0.8rem;
  color: #e7e7e7;
}

table th,
table td {
  border-top: none !important;
  text-align: center !important;
}

thead {
  color: #b3b0c5;
}

table thead > tr > th,
table tbody > tr > td {
  text-align: center !important;
}

/* MODAL INFO */
.modal-header {
  border-bottom: unset;
  color: #fff;
}

.modal {
  background-color: #070813;
}

.modal-body {
  max-height: unset;
}

.modal-footer {
  background-color: #070813;
  border-top: unset !important;
  text-align: center;
}

.close {
  color: #63667f;
  text-shadow: unset;
  opacity: unset;
  top: unset !important;
}

.close:hover {
  color: #6078e6;
  opacity: 0.9;
}

/* MAIN - ADMIN */
#admin-info-servers-top {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}

#admin-info-servers {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #e7e7e7;
  text-decoration: none;
}

#admin-info-servers a {
  color: #e7e7e7;
  text-decoration: none;
}

#admin-info-servers a:hover {
  color: #ffffff;
  text-decoration: none;
}

/* BUTTON */
.form-actions-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1rem;
  gap: 5px;
}

.box-bans-search select,
.input-tables select,
.filter-container select {
  text-align: center;
  appearance: none;
  background: #0c0e22 !important;
  border: 1px solid #63667f !important;
  border-radius: 0.6rem;
  color: #bbbbbb;
  font-weight: 600;
  text-align: center;
  font-size: 13px;
  transition: 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  margin: unset;
  width: 100%;
  cursor: pointer;
  line-height: inherit;
  z-index: 1;
  outline: none;
}

.box-bans-search select:hover,
.input-tables select:hover,
.filter-container select:hover {
  border: 1px solid #6078e6 !important;
}

/* BTN-STYL */
.server-ip-btn a {
  border: 2px solid #6078e6;
  border-radius: 0.4rem;
  padding: 1px 2px;
  color: #6078e6;
  font-weight: 700;
  text-decoration: none;
  font-size: 10px;
}

.server-ip-btn a:hover {
  border: 2px solid #6078e6;
  color: #0f1023;
  background: #6078e6;
}

.nick-btn a {
  border: 2px solid #6078e6;
  border-radius: 0.4rem;
  padding: 2px 4px;
  color: #6078e6;
  font-weight: 700;
  text-decoration: none;
  font-size: 11px;
}

.nick-btn a:hover {
  border: 2px solid #6078e6;
  color: #0f1023;
  background: #6078e6;
}

.btn1 {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 0.5rem;
  font-weight: 800;
  font-size: 11px;
  transition: 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  text-shadow: none;
  text-decoration: none;
}

.btn1:focus {
  outline: none;
  text-decoration: none;
}

.btn-action-admin {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.btn-action-admin input {
  margin-bottom: 0.5rem;
}

/* BTN-SIZE */
.b-s-0-nav {
  font-size: 10px;
  padding: 1px 10px;
}

.b-s-0 {
  padding: 8px 70px;
}

/* BTN-COLOR */
.b-prim {
  border: solid 2px var(--primary-color);
  color: var(--primary-color);
  background: none;
}

.b-prim:focus {
  border: solid 2px var(--primary-color);
  color: var(--primary-color);
  background: none;
  text-decoration: none;
}

.b-prim:hover {
  text-decoration: none;
  border: solid 2px var(--primary-color);
  color: #000;
  background: #6078e6;
  outline: unset !important;
}

.b-red {
  border: solid 2px #fd1d0d;
  color: #fd1d0d;
  background: none;
}

.b-red:hover {
  text-decoration: none;
  border: solid 2px #fd1d0d;
  color: #000;
  background: #fd1d0d;
  outline: unset !important;
}

.b-red:focus {
  border: solid 2px #fd1d0d;
  color: #fd1d0d;
  background: none;
  text-decoration: none;
}

.b-blue {
  border: solid 2px #0d89fd;
  color: #0d89fd;
  background: none;
}

.b-blue:focus {
  border: solid 2px #0d89fd;
  color: #0d89fd;
  background: none;
  text-decoration: none;
}

.b-blue:hover {
  text-decoration: none;
  border: solid 2px #0d89fd;
  color: #000;
  background: #0d89fd;
  outline: unset !important;
}

.b-orange {
  border: solid 2px #fd930d;
  color: #fd930d;
  background: none;
}

.b-orange:focus {
  border: solid 2px #fd930d;
  color: #fd930d;
  background: none;
  text-decoration: none;
}

.b-orange:hover {
  text-decoration: none;
  border: solid 2px #fd930d;
  color: #000;
  background: #fd930d;
  outline: unset !important;
}

/* BAN - MAIN */
.search-bans {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #0f1023;
  margin-top: 1rem;
  border-radius: 0.8rem;
  padding: 0.8rem;
}

.line-element-bans {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.box-bans-search {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.box-bans-search-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.box-bans-search label {
  display: none;
}

.form-vertical .help-block.error {
  text-align: center;
}

.search-bans label {
  color: #e7e7e7 !important;
  font-size: 12px !important;
}

.search-bans input,
.input-tables input {
  background: #0c0e22 !important;
  border: 1px solid #63667f !important;
  border-radius: 0.6rem;
  color: #bbbbbb;
  font-weight: 600;
  text-align: center;
  font-size: 13px;
  transition: 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  margin: unset;
}

.search-bans input:hover,
.search-bans input:focus,
.input-tables input:hover,
.input-tables input:focus {
  border: 1px solid #6078e6 !important;
  color: #6078e6;
  box-shadow: unset !important;
  -webkit-box-shadow: unset !important;
}

.table-center td {
  text-align: center !important;
}

.alert-ban-block {
  color: #b94a48;
  background-color: #0c0d1c;
  border-color: #b94a48;
  text-shadow: unset;
  border-radius: 0.8rem;
  font-weight: 600;
}

.alert-ban-noblock {
  color: #07ef39;
  background-color: #0f1023;
  border-color: #07ef39;
  text-shadow: unset;
  border-radius: 0.8rem;
}

.tab-ban-active {
  background-color: #ad1717;
  background: linear-gradient(103deg, #ad1717 0%, #ec2d2d 100%);
  padding: 3px 8px;
  border-radius: 0.4rem;
  color: #fff;
  font-weight: 700;
  font-size: 11px;
}

.tab-btn-prawo {
  background-color: #690dfd;
  background: linear-gradient(103deg, #690dfd 0%, #9658fc 100%);
  padding: 3px 8px;
  border-radius: 0.4rem;
  color: #fff;
  font-weight: 700;
  font-size: 11px;
}

.tab-btn-prawo:hover,
.tab-btn-prawo:hover {
  text-decoration: none;
  color: #fff;
}

.tab-btn-flaga {
  background-color: #0d89fd;
  background: linear-gradient(103deg, #0d89fd 0%, #49a7ff 100%);
  padding: 3px 8px;
  border-radius: 0.4rem;
  color: #fff;
  font-weight: 700;
  font-size: 11px;
}

.tab-btn-flaga:hover,
.tab-btn-flaga:hover {
  text-decoration: none;
  color: #fff;
}

.tab-ban-noactive {
  background-color: #17ad37;
  background: linear-gradient(103deg, #17ad37 0%, #98ec2d 100%);
  padding: 3px 8px;
  border-radius: 0.4rem;
  color: #fff;
  font-weight: 700;
  font-size: 11px;
}

.tab-ban-active:hover,
.tab-ban-noactive:hover {
  text-decoration: none;
  color: #fff;
}

.view,
.delete,
.update,
.update1 > a,
#servers td > a,
.save-adm {
  background: #0f1023;
  border: 2px solid #6078e6;
  border-radius: 0.5rem;
  padding: 2px 6px;
  color: #6078e6;
}

.save-adm:hover,
.save-adm:focus,
.save-adm:active,
.view:hover,
.view:focus,
.view:active,
.delete:hover,
.delete:focus,
.delete:active,
.update:hover,
.update:focus,
.update:active,
#servers td > a:hover,
#servers td > a:focus,
#servers td > a:active,
.update1 > a:hover,
.update1 > a:focus,
.update1 > a:active {
  background: #6078e6;
  border: 2px solid #6078e6;
  border-radius: 0.5rem;
  padding: 2px 6px;
  color: #0f1023;
  text-decoration: none;
}

.server-players-grey {
  background-color: #5e5e5e !important;
  background: linear-gradient(103deg, #5e5e5e 0%, #8f8f8f 100%) !important;
  padding: 3px 8px !important;
  border-radius: 0.4rem !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  border: unset !important;
}

.server-players-blue {
  background-color: #1753ad !important;
  background: linear-gradient(103deg, #1753ad 0%, #2da0ec 100%) !important;
  padding: 3px 8px !important;
  border-radius: 0.4rem !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  border: unset !important;
}

.server-players-orange {
  background-color: #b75217 !important;
  background: linear-gradient(103deg, #b75217 0%, #f1b407 100%) !important;
  padding: 3px 8px !important;
  border-radius: 0.4rem !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  border: unset !important;
}

.server-players-red {
  background-color: #ad1717 !important;
  background: linear-gradient(103deg, #ad1717 0%, #ec2d2d 100%) !important;
  padding: 3px 8px !important;
  border-radius: 0.4rem !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  border: unset !important;
}

.server-players-blue:hover,
.server-players-blue:focus,
.server-players-orange:hover,
.server-players-orange:focus,
.server-players-red:hover,
.server-players-red:focus {
  text-decoration: none;
}

/* BAN - DETAILS */
.search-bans-detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #0f1023;
  margin-top: 1rem;
  border-radius: 0.8rem;
  padding: 0.8rem;
}

.search-bans-detail label {
  color: #e7e7e7 !important;
  font-size: 12px !important;
}

.search-bans-detail input,
.search-bans-detail textarea,
.box-bans-search textarea {
  background: #0c0e22 !important;
  border: 1px solid #63667f !important;
  border-radius: 0.6rem;
  color: #bbbbbb;
  font-weight: 600;
  text-align: center;
  font-size: 13px;
  transition: 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  margin: unset;
}

.search-bans-detail input:hover,
.search-bans-detail input:focus,
.search-bans-detail textarea:hover,
.search-bans-detail textarea:focus,
.box-bans-search textarea:hover,
.box-bans-search textarea:focus {
  border: 1px solid #6078e6 !important;
  color: #6078e6;
  box-shadow: unset !important;
  -webkit-box-shadow: unset !important;
}

.table-left-deatail td {
  width: 50%;
  text-align: left !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px !important;
}

.table-left-deatail th {
  color: #b3b0c5;
  padding-left: 30px !important;
  text-align: left !important;
}

.table-add-info td > label {
  font-weight: bold !important;
  font-size: 12px !important;
  color: #e7e7e7 !important;
}

.tabe-margin-top-10 input,
.tabe-margin-top-10 label {
  margin-top: unset !important;
  color: #e7e7e7 !important;
}

.table-add-info {
  margin-top: 20px;
}

.table-add-info-td1 {
  width: 50%;
  text-align: left !important;
  padding-left: unset !important;
  vertical-align: middle !important;
}

.table-add-info-td0 {
  width: 50%;
  text-align: left !important;
}

.table-add-special-server {
  text-align: left !important;
}

.table-add-special-server label {
  display: block !important;
}

.box-bans-search-special-server {
  display: flex;
  flex-direction: column;
}

.btn-input-1 input {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 0.3rem;
  font-weight: 800;
  font-size: 11px;
  transition: 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  text-shadow: none;
  text-decoration: none;
  border: solid 2px var(--primary-color) !important;
  color: var(--primary-color);
  background: none;
}

.btn-input-1 input:hover,
.btn-input-1 input:focus,
.btn-input-1 input:active {
  text-decoration: none;
  border: solid 2px var(--primary-color) !important;
  color: #0f1023;
  background: var(--primary-color) !important;
  outline: unset !important;
}

#Files_demo_real {
  width: 100%;
  color: var(--primary-color);
}

#Files_demo_real::file-selector-button {
  font-weight: bold;
  color: #0f1023;
  padding: 0.1rem;
  background: #63667f !important;
  border: 1px solid #63667f !important;
  border-radius: 0.4rem;
  font-size: 12px;
  line-height: 26px;
}

#Files_demo_real::file-selector-button:hover {
  font-weight: bold;
  color: #0f1023;
  padding: 0.1rem;
  background: var(--primary-color) !important;
  border: 1px solid var(--primary-color) !important;
  border-radius: 0.4rem;
  font-size: 12px;
}

.top-setting-ban-detail {
  display: flex;
  background: #0f1023;
  border-radius: 0.8rem;
  color: #e7e7e7;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 1.5em 0em;
  margin-bottom: 20px;
}

.top-setting-ban-detail h3 {
  font-size: 18px;
  font-weight: 600;
  margin: unset !important;
  line-height: unset !important;
  margin-bottom: unset !important;
}

.top-setting-ban-detail a {
  margin: 0px 5px;
}

.text-success {
  color: #cdcedb;
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 0.2rem;
}

.errorSummary {
  background: #0f1023;
  border-radius: 0.5rem;
  padding: 0.5rem;
  border: 1px #fd1d0d solid;
  display: flex;
  flex-direction: column;
  margin: 1rem;
}

.errorSummary p {
  color: #fd1d0d;
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 0.7rem;
}

.errorSummary li {
  color: #e7e7e7;
  font-size: 12px;
}

.error td {
  background: #0f1023 !important;
  border-radius: 0.8rem;
}

#bans-form,
#webadmins-form,
#reasons-form,
#files-form,
#comments-form,
#reasons-set-form,
#amxadmins-form,
#webrights,
#selectadmins,
#settings-form {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  background: #0f1023;
  border-radius: 0.8rem;
  padding: 0.8rem;
}

.bans-update input,
.console-input-style {
  background: #0c0e22 !important;
  border: 1px solid #63667f !important;
  border-radius: 0.6rem !important;
  color: #bbbbbb;
  font-weight: 600;
  text-align: center;
  font-size: 13px;
  transition: 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  margin: unset;
}

.bans-update input:hover,
.bans-update input:focus,
.form-horizontal select:hover,
.console-select-style:focus,
.console-select-style:hover,
.console-input-style:focus,
.console-input-style:hover {
  outline: unset !important;
  border: 1px solid #6078e6 !important;
  color: #6078e6;
  box-shadow: unset !important;
  -webkit-box-shadow: unset !important;
}

.form-horizontal .control-label {
  width: unset !important;
  font-weight: bold !important;
  font-size: 12px !important;
  color: #e7e7e7 !important;
}

.form-horizontal .controls {
  margin-left: 120px !important;
}

/* CLEAR */
/* .clearfix:after,
.row:after {
    clear: unset !important;
}

.clearfix:before,
.row:before,
.clearfix:after,
.row:after {
    content: unset !important;
    display: unset !important;
}

.clearfix:after {
    clear: unset !important;
}

.clearfix:before,
.clearfix:after {
    display: unset !important;
    line-height: unset !important;
    content: unset !important;
}

.clearfix:after {
    clear: unset !important;
}

.clearfix:before,
.clearfix:after {
    display: unset !important;
    line-height: unset !important;
    content: unset !important;
} */
.container:after {
  clear: unset !important;
}

.container:before,
.container:after {
  display: unset !important;
  line-height: unset !important;
  content: unset !important;
}

/* MARGINESY */
.margin-left-4px {
  margin-left: 4px;
}

.margin-right-4px {
  margin-left: 4px;
}

/* PAGIN */
.pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination ul > li:first-child > a {
  border-left-width: 2px;
  border-top-color: #6078e6;
  border-left-color: #6078e6;
  border-right-color: #6078e6;
  border-bottom-color: #6078e6;
  color: #6078e6;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  margin: 0px 10px 0px 0px;
}

.pagination ul > li:first-child > a:hover,
.pagination ul > li:first-child > a:focus,
.pagination ul > li:first-child > a:active {
  margin: 0px 10px 0px 0px;
  color: #01010c;
  background: #6078e6;
}

.pagination ul > li:last-child > a {
  border-top-color: #6078e6;
  border-left-color: #6078e6;
  border-right-color: #6078e6;
  border-bottom-color: #6078e6;
  color: #6078e6;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  margin: 0px 0px 0px 5px;
}

.pagination ul > li:last-child > a:hover,
.pagination ul > li:last-child > a:focus,
.pagination ul > li:last-child > a:active {
  margin: 0px 0px 0px 5px;
  color: #01010c;
  background: #6078e6;
}

.pagination ul > .active > a {
  background: unset;
  color: #01010c;
  font-weight: 800;
  background-color: #6078e6;
  border: 1px solid #6078e6;
  border-radius: 0.5rem;
  margin: 0px 5px 0px 0px;
}

.pagination ul > .active > a:hover,
.pagination ul > .active > a:active,
.pagination ul > .active > a:focus {
  background: #6078e6;
  color: #01010c;
  border: 1px solid #6078e6;
  border-radius: 0.5rem;
  margin: 0px 5px 0px 0px;
  font-weight: 800;
}

.pagination ul > li > a {
  background: unset;
  color: #6078e6;
  border: 2px solid #6078e6;
  border-radius: 0.5rem;
  margin: 0px 5px 0px 0px;
  font-weight: 800;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:active,
.pagination ul > li > a:focus {
  background: #6078e6;
  color: #01010c;
  border: 2px solid #6078e6;
  border-radius: 0.5rem;
  margin: 0px 5px 0px 0px;
  font-weight: 800;
}

.pagination ul > .disabled > a {
  background: #6078e6;
  color: #01010c !important;
}

/* INPUT */
select,
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input {
  color: var(--primary-color) !important;
}

/* SERVER  */
.server-style-container {
  display: flex;
  flex-direction: column;
}

.loading-element {
  background: none !important;
  font-weight: 700;
  color: #cecece !important;
}

.server-stats-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.server-stats-stats-card {
  background: #0f1023;
  display: flex;
  flex-direction: row;
  border-radius: 0.6rem;
  padding: 0.6rem 0.8rem;
  margin: 0.6rem;
}

.server-stats-card-info {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding-right: 2rem;
  justify-content: center;
}

.server-stats-card-info p {
  margin: unset !important;
  font-weight: 600;
  color: #ddd;
}

.server-stats-card-info strong {
  margin: unset !important;
  font-weight: 800;
  color: #ddd;
  font-size: 25px;
  padding-top: 0.1rem;
}

.server-stats-card-img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.server-stats-card-img img {
  background: var(--primary-color) !important;
  border-radius: 0.5rem;
  padding: 0.4rem;
  width: 25px;
}

.server-view {
  display: flex;
  flex-direction: column;
}

.server-info-detail {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
}

.server-info-detail-img {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: unset;
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
  box-shadow: unset;
  padding: 1rem;
  border-radius: 0.8rem;
  margin-right: 3rem;
  width: 250px;
  background-color: #0f1023;
}

.server-info-detail-img img {
  border-radius: 0.8rem;
  background-color: unset;
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
  box-shadow: none !important;
  width: 100%;
  height: 100%;
  border: unset;
}

.table-checbox-special label {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  padding: 2px 0px !important;
  margin-bottom: 0px !important;
}

.table-checbox-special input {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

.table-left-style {
  color: #b3b0c5;
  font-weight: 900;
  padding-left: 30px !important;
  width: 50%;
  text-align: left !important;
}

.table-right-style {
  width: 50%;
  text-align: left !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px !important;
}

.stats-padding {
  padding: 0.2rem 1.2rem !important;
}

.stats-padding-bottom {
  padding: 0.2rem 1.2rem 0.5rem 1.2rem !important;
}

/* MENU - ADMIN - MIN */
#sidebar {
  margin: 1rem auto !important;
  width: 50% !important;
}

.nav {
  margin-bottom: unset;
}

.portlet-decoration {
  display: none;
}

.portlet-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.portlet-content ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 12px;
}

.portlet-content li {
  line-height: unset;
}

.portlet-content li > a {
  padding: 4px 7px !important;
}

.portlet-content li > a:hover,
.portlet-content li > a:active,
.portlet-content li > a:focus {
  padding: 4px 7px;
  background-color: #6078e6;
  color: #fff;
  border-radius: 0.4rem;
  font-weight: 800;
  transition: 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  text-decoration: none;
  border: unset;
}

/* SITE SETTING SITE */
#setting-styles-admin {
  background: #0f1023;
  border-radius: 0.8rem;
  padding: 0.8rem;
  padding: 1rem;
  color: #fff;
}

.setting-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0.1rem;
  margin-bottom: 1.5rem;
}

.setting-box-element-check {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 0.6rem;
}

.setting-box-element-check label {
  font-weight: bold;
  font-size: 12px;
  color: #e7e7e7;
  margin-bottom: 0px;
}

.setting-box-element {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 0.6rem;
}

.setting-box-element label {
  margin-right: 1rem;
  font-weight: bold;
  font-size: 12px;
  color: #e7e7e7;
  margin-bottom: 0px;
}

.setting-box-element input {
  background: #0c0e22 !important;
  border: 1px solid #63667f !important;
  border-radius: 0.6rem;
  color: #bbbbbb;
  font-weight: 600;
  text-align: center;
  font-size: 13px;
  transition: 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  margin: unset;
}

.setting-box-element input:hover,
.setting-box-element input:active,
.setting-box-element input:focus,
.filter-container input:hover,
.filter-container input:active,
.filter-container input:focus,
.comment-edit-item textarea:hover,
.comment-edit-item textarea:active,
.comment-edit-item textarea:focus {
  border: 1px solid #6078e6 !important;
  color: #6078e6;
  box-shadow: unset !important;
  -webkit-box-shadow: unset !important;
}

/* FILTRY */
.filter-container input,
.comment-edit-item textarea {
  background: #0c0e22 !important;
  border: 1px solid #63667f !important;
  border-radius: 0.6rem;
  color: #bbbbbb;
  font-weight: 600;
  text-align: center;
  font-size: 13px;
  transition: 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  margin: unset;
}

#table-admin-left-viev-detail th {
  color: #b3b0c5;
  padding-left: 30px !important;
  text-align: left !important;
}

#table-admin-left-viev-detail td {
  width: 50%;
  text-align: left !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px !important;
}

/* Komentarze */
.comment-edit-box {
  background: #0f1023;
  border-radius: 0.8rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.comment-edit-items {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.comment-edit-item {
  display: flex;
  align-items: center;
}

.comment-edit-item label {
  margin-right: 1rem;
}

/* Input Sukces */
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  box-shadow: unset;
}

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  box-shadow: unset;
}

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  box-shadow: unset;
}

/* Konsola Serwera  */
pre {
  background-color: #0c0e22;
  border: 1px solid #63667f;
  color: #ddd;
  border-radius: 0.6rem;
}

.comand-send-style {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  align-items: center;
}

.comand-send-style input {
  margin-bottom: 0px !important;
}

.console-select-style {
  appearance: none;
  margin: unset;
  cursor: pointer;
  line-height: inherit;
  outline: none;
  background: #0c0e22 !important;
  border: 1px solid #63667f !important;
  border-radius: 0.6rem;
  color: #bbbbbb;
  font-weight: 600;
  text-align: center;
  font-size: 13px;
  transition: 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  margin: unset;
}

.text-center {
  text-align: center !important;
}

.modal-resons-body {
  background: #0f1023;
  border-radius: 0.8rem;
  text-align: center;
}

/* MODAL REAKCJE BLOKAD  */
.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #0c0d1c;
  border-color: #b94a48;
  text-shadow: unset;
  border-radius: 0.8rem;
  font-weight: 600;
}

.help-block,
.help-inline {
  color: #b94a48;
}

.sort-link {
  color: #6078e6;
}

.sort-link:hover,
.sort-link:focus {
  color: #6078e6;
  text-decoration: none;
}

.resposive-table {
  overflow-x: auto !important;
}