@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;
}