@import url("../../3rdParty/fontawesome/css/all.min.css");
/* ---- CSS Variables ---- */

:root {
  --text: #ffffff;
  --background: #11121e;
  --primary-color: #2a6ff6;
  --primary-light-color: #3f7df7;
  --primary-transparent-color: rgba(42, 110, 246, 0.3);
  --green-color: #1caf0f;
  --green-dark-color: #031101;
  --orange-color: #facb71;
  --orange-dark-color: #19140b;
  --red-color: #fa7171;
  --red-dark-color: #190b0b;
  --link-color-default: #636382;
  --card-dark-color: #171721;
  --card-color: #1d1d29;
  --card-light-color: #282834;
  --card-lighter-color: #34343e;
  --font: "Poppins", sans-serif;
}

/* ---- Global Styling ---- */

html,
body {
  background: var(--background) !important;
  color: var(--text) !important;
  font-family: var(--font) !important;
}

#main .header-text {
  background-color: var(--card-color);
  color: var(--text);
}

#sidebar fieldset legend {
  background-color: var(--card-color);
  color: var(--text);
}

#sidebar fieldset ul li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  color: var(--text);
}

#sidebar fieldset ul li div {
  font-size: 12px;
  color: var(--link-color-default);
}

a:link,
a:visited {
  color: var(--link-color-default);
}

a:active,
a:hover {
  color: var(--text);
}

#sidebar > .links a:hover {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.info-button:hover,
.info-button {
  background-color: var(--card-color);
  color: var(--link-color-default);
  background-image: unset;
}

.red-button:hover,
.red-button {
  background-color: var(--red-color);
  color: var(--red-dark-color);
  background-image: unset;
}

.orange-button:hover,
.orange-button {
  background-color: var(--orange-color);
  color: var(--orange-dark-color);
  background-image: unset;
}

.green-button:hover,
.green-button {
  background-color: var(--green-color);
  color: var(--green-dark-color);
  background-image: unset;
}

.info-label {
  color: var(--text);
}

.red-label {
  color: var(--red-color);
}

.green-label {
  color: var(--green-color);
}

.orange-label {
  color: var(--orange-color);
}

.popup-script-loading-success {
  color: var(--green-color);
}

.popup-script-loading-failure {
  color: var(--red-color);
}

.k-i-cancel:before {
  color: var(--red-color);
}

.k-i-save:before {
  color: var(--green-color);
}

.k-i-unlock:before,
.k-i-lock:before {
  color: var(--green-color);
}

.field-validation-error {
  color: var(--red-color);
}

.validation-summary-errors {
  color: var(--red-color);
}

#sidebar fieldset legend {
  border-bottom: 1px solid var(--card-color);
}

#footer #info {
  border-top: 1px solid var(--card-color);
}

@media only screen and (max-width: 1200px) {
  .nav-fostrap,
  .nav-bg-fostrap {
    background-color: var(--card-color);
  }

  .nav-bg-fostrap .title-mobile {
    color: var(--text);
  }

  #sidebar ul,
  #sidebar {
    background-color: var(--background);
  }
}

/* ---- Buttons ---- */

.gb-btn,
.k-button {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: max-content;
  gap: 8px;
  width: 100%;
  padding: 8px 16px;
  font-family: var(--font);
  font-size: 14px;
  background-color: var(--card-color);
  color: var(--text);
  border-radius: 5px;
  border: 0;
  outline: 0;
  cursor: pointer;
  text-transform: capitalize;
  font-weight: 500;
  transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    300ms background-color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    opacity 300ms cubic-bezier(0.25, 0.14, 0.27, 1.03);
}
.gb-btn:hover,
.k-button:hover {
  background-color: var(--card-light-color);
}
.gb-btn.gb-btn-primary,
.k-button.k-primary {
  color: var(--text);
  background-color: var(--primary-color);
}

.gb-btn.gb-btn-primary:hover,
.k-button.k-primary:hover {
  background-color: var(--primary-light-color);
}

.k-button.orange-button {
  color: var(--orange-dark-color);
  background-color: var(--orange-color);
}
.k-button.orange-button:hover {
  opacity: 0.7;
  background-color: var(--orange-color);
}

.k-button.red-button {
  color: var(--red-dark-color);
  background-color: var(--red-color);
}
.k-button.red-button:hover {
  opacity: 0.7;
  background-color: var(--red-color);
}

.k-button.green-button {
  color: var(--green-dark-color);
  background-color: var(--green-color);
}
.k-button.green-button:hover {
  opacity: 0.7;
  background-color: var(--green-color);
}

.k-button.green-button .k-icon,
.k-button.red-button .k-icon,
.k-button.orange-button .k-icon {
  display: none;
}

.gb-btn-gp {
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
}

.gb-btn-gp .gb-btn,
.gb-btn-gp .k-button {
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 768px) {
  .gb-btn-gp {
    flex-direction: column;
  }
}

.gp-lk-wp > a {
  cursor: pointer;
  color: var(--link-color-default);
  transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}

.gp-lk-wp > a:hover {
  color: var(--primary-light-color);
}

.field-validation-error {
  font-size: 12px !important;
  font-size: 500 !important;
  color: var(--red-color) !important;
}

/* ---- Icons ---- */

/*User Management*/
#category_07405876-e8c2-4b24-a774-4ef57f596384_1:before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.4167 17.8646C19.3351 17.8646 18.2777 17.5439 17.3784 16.943C16.4791 16.3421 15.7781 15.488 15.3642 14.4887C14.9503 13.4894 14.842 12.3898 15.053 11.329C15.264 10.2681 15.7849 9.2937 16.5497 8.52889C17.3145 7.76407 18.2889 7.24322 19.3498 7.03221C20.4106 6.82119 21.5102 6.92949 22.5095 7.34341C23.5087 7.75733 24.3629 8.45827 24.9638 9.3576C25.5647 10.2569 25.8854 11.3143 25.8854 12.3959C25.8854 13.8463 25.3092 15.2373 24.2837 16.2629C23.2581 17.2885 21.8671 17.8646 20.4167 17.8646ZM20.4167 9.11463C19.7677 9.11463 19.1333 9.30707 18.5937 9.66762C18.0541 10.0282 17.6335 10.5406 17.3852 11.1402C17.1368 11.7398 17.0719 12.3995 17.1985 13.036C17.3251 13.6725 17.6376 14.2572 18.0965 14.7161C18.5554 15.175 19.14 15.4875 19.7765 15.6141C20.413 15.7407 21.0728 15.6757 21.6723 15.4274C22.2719 15.179 22.7844 14.7584 23.1449 14.2188C23.5055 13.6792 23.6979 13.0448 23.6979 12.3959C23.6979 11.5256 23.3522 10.691 22.7369 10.0757C22.1215 9.46033 21.2869 9.11463 20.4167 9.11463V9.11463ZM30.625 28.073C30.3361 28.0692 30.0601 27.9527 29.8558 27.7484C29.6515 27.5441 29.535 27.2681 29.5313 26.9792C29.5313 24.1355 27.9854 22.2396 20.4167 22.2396C12.8479 22.2396 11.3021 24.1355 11.3021 26.9792C11.3021 27.2693 11.1868 27.5475 10.9817 27.7526C10.7766 27.9577 10.4984 28.073 10.2083 28.073C9.91825 28.073 9.64005 27.9577 9.43494 27.7526C9.22982 27.5475 9.11458 27.2693 9.11458 26.9792C9.11458 20.0521 17.0333 20.0521 20.4167 20.0521C23.8 20.0521 31.7188 20.0521 31.7188 26.9792C31.715 27.2681 31.5985 27.5441 31.3942 27.7484C31.1899 27.9527 30.9139 28.0692 30.625 28.073V28.073ZM12.1333 19.0459H11.6667C10.5063 18.9337 9.4381 18.3652 8.69694 17.4654C7.95578 16.5656 7.60242 15.4083 7.71458 14.248C7.82675 13.0876 8.39525 12.0194 9.29504 11.2782C10.1948 10.5371 11.3522 10.1837 12.5125 10.2959C12.6613 10.3023 12.8072 10.339 12.9413 10.4038C13.0754 10.4685 13.1948 10.56 13.2923 10.6726C13.3898 10.7851 13.4633 10.9164 13.5082 11.0584C13.5532 11.2004 13.5687 11.35 13.5538 11.4982C13.5389 11.6463 13.4939 11.7899 13.4215 11.9201C13.3491 12.0502 13.251 12.1642 13.133 12.2551C13.015 12.346 12.8797 12.4118 12.7354 12.4485C12.5911 12.4853 12.4408 12.4922 12.2938 12.4688C12.0091 12.4404 11.7216 12.4697 11.4485 12.5549C11.1754 12.6401 10.9222 12.7794 10.7042 12.9646C10.4827 13.1433 10.299 13.3642 10.1638 13.6146C10.0286 13.865 9.94458 14.1398 9.91667 14.423C9.88651 14.7097 9.91372 14.9996 9.9967 15.2757C10.0797 15.5518 10.2168 15.8086 10.4 16.0312C10.5833 16.2538 10.809 16.4377 11.064 16.5722C11.319 16.7067 11.5982 16.7891 11.8854 16.8146C12.3602 16.8552 12.8354 16.7428 13.2417 16.4938C13.4892 16.341 13.7873 16.2928 14.0704 16.3598C14.3534 16.4268 14.5983 16.6035 14.751 16.8511C14.9038 17.0986 14.952 17.3967 14.885 17.6798C14.818 17.9628 14.6413 18.2077 14.3938 18.3605C13.7174 18.7919 12.9354 19.029 12.1333 19.0459V19.0459ZM4.375 26.9792C4.08609 26.9754 3.81008 26.859 3.60578 26.6547C3.40147 26.4504 3.28503 26.1744 3.28125 25.8855C3.28125 21.948 4.33125 19.323 9.47917 19.323C9.76925 19.323 10.0474 19.4382 10.2526 19.6433C10.4577 19.8484 10.5729 20.1266 10.5729 20.4167C10.5729 20.7068 10.4577 20.985 10.2526 21.1901C10.0474 21.3952 9.76925 21.5105 9.47917 21.5105C6.05208 21.5105 5.46875 22.6042 5.46875 25.8855C5.46497 26.1744 5.34853 26.4504 5.14422 26.6547C4.93992 26.859 4.66391 26.9754 4.375 26.9792V26.9792Z' fill='currentColor' /%3E%3C/svg%3E");
}

/*Game & Voice Management*/
#category_d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_2:before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10.0125L10.0125 9.99878M10 25.0125L10.0125 24.9988L10 25.0125Z' stroke='currentColor' stroke-width='2.1875' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 14.25V5.75C5 5.55109 5.07902 5.36032 5.21967 5.21967C5.36032 5.07902 5.55109 5 5.75 5H29.25C29.4489 5 29.6397 5.07902 29.7803 5.21967C29.921 5.36032 30 5.55109 30 5.75V14.25C30 14.4489 29.921 14.6397 29.7803 14.7803C29.6397 14.921 29.4489 15 29.25 15H5.75C5.55109 15 5.36032 14.921 5.21967 14.7803C5.07902 14.6397 5 14.4489 5 14.25V14.25ZM5 29.25V20.75C5 20.5511 5.07902 20.3603 5.21967 20.2197C5.36032 20.079 5.55109 20 5.75 20H29.25C29.4489 20 29.6397 20.079 29.7803 20.2197C29.921 20.3603 30 20.5511 30 20.75V29.25C30 29.3485 29.9806 29.446 29.9429 29.537C29.9052 29.628 29.85 29.7107 29.7803 29.7803C29.7107 29.85 29.628 29.9052 29.537 29.9429C29.446 29.9806 29.3485 30 29.25 30H5.75C5.65151 30 5.55398 29.9806 5.46299 29.9429C5.37199 29.9052 5.28931 29.85 5.21967 29.7803C5.15003 29.7107 5.09478 29.628 5.05709 29.537C5.0194 29.446 5 29.3485 5 29.25V29.25Z' stroke='currentColor' stroke-width='2.1875'/%3E%3C/svg%3E");
}

/*Server Management*/
#category_07405876-e8c2-4b24-a774-4ef57f596384_3:before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.2222 20.2778H7.77778C6.24365 20.2778 5 21.5214 5 23.0555V27.2222C5 28.7563 6.24365 30 7.77778 30H27.2222C28.7563 30 30 28.7563 30 27.2222V23.0555C30 21.5214 28.7563 20.2778 27.2222 20.2778Z' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='M14.7222 5.69434H7.77778C7.04107 5.69434 6.33453 5.98699 5.81359 6.50793C5.29266 7.02886 5 7.7354 5 8.47211V12.6388C5 13.3755 5.29266 14.082 5.81359 14.603C6.33453 15.1239 7.04107 15.4166 7.77778 15.4166H14.7222' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M24.4444 16.1111C27.5127 16.1111 30 13.6238 30 10.5556C30 7.48731 27.5127 5 24.4444 5C21.3762 5 18.8889 7.48731 18.8889 10.5556C18.8889 13.6238 21.3762 16.1111 24.4444 16.1111Z' stroke='currentColor' stroke-width='2'/%3E%3Cpath d='M24.4444 12.639C25.595 12.639 26.5278 11.7062 26.5278 10.5556C26.5278 9.40503 25.595 8.47229 24.4444 8.47229C23.2938 8.47229 22.3611 9.40503 22.3611 10.5556C22.3611 11.7062 23.2938 12.639 24.4444 12.639Z' fill='currentColor'/%3E%3C/svg%3E");
}

/*Support*/
#category_d8329404-0374-4438-a55a-8a8dc9033916_3:before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 5C10.6075 5 5 10.6075 5 17.5V22.6787C5 23.9587 6.12125 25 7.5 25H8.75C9.08152 25 9.39946 24.8683 9.63388 24.6339C9.8683 24.3995 10 24.0815 10 23.75V17.3213C10 16.9897 9.8683 16.6718 9.63388 16.4374C9.39946 16.2029 9.08152 16.0713 8.75 16.0713H7.615C8.31 11.2338 12.4725 7.5 17.5 7.5C22.5275 7.5 26.69 11.2338 27.385 16.0713H26.25C25.9185 16.0713 25.6005 16.2029 25.3661 16.4374C25.1317 16.6718 25 16.9897 25 17.3213V25C25 26.3788 23.8788 27.5 22.5 27.5H20V26.25H15V30H22.5C25.2575 30 27.5 27.7575 27.5 25C28.8788 25 30 23.9587 30 22.6787V17.5C30 10.6075 24.3925 5 17.5 5Z' fill='currentColor'/%3E%3C/svg%3E%0A");
}

/*Settings*/
#category_07405876-e8c2-4b24-a774-4ef57f596384_2:before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.6112 18.5373V17.1303L29.3769 15.5853C29.7024 15.2984 29.916 14.9057 29.9799 14.4766C30.0439 14.0475 29.954 13.6096 29.7263 13.2403L27.556 9.56172C27.3947 9.28239 27.1629 9.05039 26.8836 8.88897C26.6044 8.72756 26.2876 8.64242 25.965 8.64209C25.7652 8.64056 25.5664 8.67162 25.3765 8.73405L23.1418 9.48815C22.7559 9.23176 22.3535 9.00135 21.9371 8.79843L21.468 6.48095C21.3839 6.05755 21.1536 5.67723 20.8174 5.40654C20.4811 5.13586 20.0604 4.99207 19.6288 5.00034H15.3249C14.8933 4.99207 14.4726 5.13586 14.1363 5.40654C13.8 5.67723 13.5697 6.05755 13.4856 6.48095L13.0166 8.79843C12.5972 9.0013 12.1917 9.23171 11.8027 9.48815L9.61396 8.69727C9.42203 8.64726 9.22327 8.62863 9.02539 8.64209C8.70285 8.64242 8.38607 8.72756 8.10683 8.88897C7.82758 9.05039 7.59569 9.28239 7.43442 9.56172L5.26409 13.2403C5.04943 13.609 4.96967 14.0409 5.03846 14.462C5.10724 14.8832 5.3203 15.2672 5.64114 15.5485L7.37925 17.1395V18.5465L5.64114 20.0915C5.31124 20.3748 5.09235 20.7657 5.02333 21.195C4.9543 21.6243 5.0396 22.0642 5.26409 22.4366L7.43442 26.1151C7.59569 26.3945 7.82758 26.6265 8.10683 26.7879C8.38607 26.9493 8.70285 27.0344 9.02539 27.0348C9.22527 27.0363 9.42407 27.0052 9.61396 26.9428L11.8487 26.1887C12.2345 26.4451 12.637 26.6755 13.0534 26.8784L13.5224 29.1959C13.6065 29.6193 13.8368 29.9996 14.1731 30.2703C14.5093 30.541 14.9301 30.6848 15.3617 30.6765H19.7023C20.1339 30.6848 20.5547 30.541 20.8909 30.2703C21.2272 29.9996 21.4575 29.6193 21.5416 29.1959L22.0106 26.8784C22.43 26.6756 22.8356 26.4451 23.2245 26.1887L25.4501 26.9428C25.6399 27.0052 25.8387 27.0363 26.0386 27.0348C26.3612 27.0344 26.6779 26.9493 26.9572 26.7879C27.2364 26.6265 27.4683 26.3945 27.6296 26.1151L29.7263 22.4366C29.941 22.0678 30.0208 21.6359 29.952 21.2148C29.8832 20.7937 29.6701 20.4096 29.3493 20.1283L27.6112 18.5373ZM25.965 25.1955L22.8107 24.1287C22.0723 24.7542 21.2284 25.2431 20.3185 25.5725L19.6656 28.874H15.3249L14.6719 25.6093C13.7693 25.2705 12.9299 24.7824 12.1889 24.1655L9.02539 25.1955L6.85505 21.517L9.35646 19.3098C9.18642 18.3579 9.18642 17.3833 9.35646 16.4314L6.85505 14.1599L9.02539 10.4814L12.1797 11.5481C12.9181 10.9227 13.7621 10.4338 14.6719 10.1043L15.3249 6.80282H19.6656L20.3185 10.0675C21.2212 10.4063 22.0605 10.8944 22.8015 11.5113L25.965 10.4814L28.1354 14.1599L25.634 16.367C25.804 17.319 25.804 18.2935 25.634 19.2455L28.1354 21.517L25.965 25.1955Z' fill='currentColor'/%3E%3Cpath d='M17.4952 23.3563C16.4039 23.3563 15.3371 23.0327 14.4297 22.4264C13.5223 21.8201 12.8151 20.9583 12.3974 19.9501C11.9798 18.9418 11.8705 17.8324 12.0834 16.762C12.2963 15.6917 12.8219 14.7085 13.5935 13.9368C14.3652 13.1651 15.3484 12.6396 16.4188 12.4267C17.4891 12.2138 18.5985 12.3231 19.6068 12.7407C20.615 13.1583 21.4768 13.8656 22.0831 14.773C22.6894 15.6804 23.013 16.7472 23.013 17.8385C23.0204 18.5651 22.8827 19.286 22.608 19.9588C22.3334 20.6315 21.9272 21.2428 21.4133 21.7566C20.8995 22.2705 20.2883 22.6766 19.6155 22.9513C18.9427 23.226 18.2219 23.3637 17.4952 23.3563V23.3563ZM17.4952 14.1599C17.0091 14.1486 16.5256 14.236 16.0742 14.4169C15.6228 14.5977 15.2128 14.8683 14.8689 15.2121C14.525 15.556 14.2545 15.9661 14.0736 16.4175C13.8928 16.8689 13.8054 17.3523 13.8167 17.8385C13.8054 18.3247 13.8928 18.8081 14.0736 19.2595C14.2545 19.7109 14.525 20.121 14.8689 20.4648C15.2128 20.8087 15.6228 21.0792 16.0742 21.2601C16.5256 21.4409 17.0091 21.5283 17.4952 21.517C17.9814 21.5283 18.4648 21.4409 18.9162 21.2601C19.3676 21.0792 19.7777 20.8087 20.1216 20.4648C20.4654 20.121 20.736 19.7109 20.9168 19.2595C21.0977 18.8081 21.1851 18.3247 21.1738 17.8385C21.1851 17.3523 21.0977 16.8689 20.9168 16.4175C20.736 15.9661 20.4654 15.556 20.1216 15.2121C19.7777 14.8683 19.3676 14.5977 18.9162 14.4169C18.4648 14.236 17.9814 14.1486 17.4952 14.1599Z' fill='currentColor'/%3E%3C/svg%3E");
}

/*Account information*/
#category_07405876-e8c2-4b24-a774-4ef57f596384_15:before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.83331 30.625V29.1666C5.83331 24.3341 9.75082 20.4166 14.5833 20.4166H20.4166C25.2491 20.4166 29.1666 24.3341 29.1666 29.1666V30.625' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M17.5 16.0417C14.2783 16.0417 11.6666 13.43 11.6666 10.2083C11.6666 6.98667 14.2783 4.375 17.5 4.375C20.7216 4.375 23.3333 6.98667 23.3333 10.2083C23.3333 13.43 20.7216 16.0417 17.5 16.0417Z' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

/* ---- Inputs ---- */
.k-switch {
  width: 50px;
  font-size: 14px;
  border-radius: 30px !important;
  overflow: hidden;
}
.k-switch .k-switch-container {
  background-color: var(--card-dark-color);
  border-color: var(--card-lighter-color);
  transition: 300ms background-color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}
.k-switch .k-switch-container .k-switch-label-on,
.k-switch .k-switch-container .k-switch-label-off {
  display: none;
}
.k-switch .k-switch-container .k-switch-handle {
  top: initial !important;
  left: initial !important;
  bottom: 1px;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  background: var(--text);
  transform: translateX(4px);
  transition: 300ms transform cubic-bezier(0.25, 0.14, 0.27, 1.03);
}
.k-switch.k-switch-on .k-switch-container {
  background-color: var(--primary-color);
}
.k-switch.k-switch-on .k-switch-container .k-switch-handle {
  transform: translateX(22px);
}

input[type="file"] {
  background-color: transparent;
  color: var(--link-color-default);
}

.IconTitleLine {
  background: none;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  input[type="checkbox"],
  input[type="radio"] {
    --active: var(--primary-color);
    --active-inner: var(--text);
    --focus: 2px var(--primary-transparent-color);
    --border: var(--card-light-color);
    --border-hover: var(--primary-light-color);
    --background: var(--card-color);
    --disabled: var(--card-lighter-color);
    --disabled-inner: var(--link-color-default);
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 18px;
    min-height: 18px;
    min-width: 18px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }
  input[type="checkbox"]:after,
  input[type="radio"]:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease),
      opacity var(--d-o, 0.2s);
  }
  input[type="checkbox"]:checked,
  input[type="radio"]:checked {
    --b: var(--active);
    --bc: var(--active);
    --d-o: 0.3s;
    --d-t: 0.6s;
    --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
  }
  input[type="checkbox"]:disabled,
  input[type="radio"]:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: 0.9;
  }
  input[type="checkbox"]:disabled:checked,
  input[type="radio"]:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
  }
  input[type="checkbox"]:disabled + label,
  input[type="radio"]:disabled + label {
    cursor: not-allowed;
  }
  input[type="checkbox"]:hover:not(:checked):not(:disabled),
  input[type="radio"]:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
  }
  input[type="checkbox"]:focus,
  input[type="radio"]:focus {
    box-shadow: 0 0 0 var(--focus);
  }
  input[type="checkbox"]:not(.switch),
  input[type="radio"]:not(.switch) {
    width: 18px;
  }
  input[type="checkbox"]:not(.switch):after,
  input[type="radio"]:not(.switch):after {
    opacity: var(--o, 0);
  }
  input[type="checkbox"]:not(.switch):checked,
  input[type="radio"]:not(.switch):checked {
    --o: 1;
  }
  input[type="checkbox"] + label,
  input[type="radio"] + label {
    font-size: 11px;
    line-height: 18px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-left: 4px;
  }

  input[type="checkbox"]:not(.switch) {
    border-radius: 7px;
  }
  input[type="checkbox"]:not(.switch):after {
    width: 5px;
    height: 9px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 7px;
    top: 4px;
    transform: rotate(var(--r, 20deg));
  }
  input[type="checkbox"]:not(.switch):checked {
    --r: 43deg;
  }
  input[type="checkbox"].switch {
    width: 32px;
    border-radius: 11px;
  }
  input[type="checkbox"].switch:after {
    left: 2px;
    top: 2px;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    background: var(--ab, var(--border));
    transform: translateX(var(--x, 0));
  }
  input[type="checkbox"].switch:checked {
    --ab: var(--active-inner);
    --x: 15px;
  }
  input[type="checkbox"].switch:disabled:not(:checked):after {
    opacity: 0.6;
  }

  input[type="radio"] {
    border-radius: 50%;
  }
  input[type="radio"]:after {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--active-inner);
    opacity: 0;
    transform: scale(var(--s, 0.7));
  }
  input[type="radio"]:checked {
    --s: 0.5;
  }
}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="date"],
input[type="datetime-local"],
input.k-textbox,
.k-textbox input,
.k-dropdown-wrap,
.k-input,
textarea,
.textbox-wrapper textarea,
.textbox-wrapper input,
.dropdown-wrapper select,
select {
  box-sizing: border-box !important;
  padding: 8px 12px !important;
  height: auto !important;
  width: 100% !important;
  max-width: 300px !important;
  font-weight: 400 !important;
  color: var(--text) !important;
  background-color: var(--card-color) !important;
  border: 2px solid var(--card-light-color) !important;
  direction: ltr !important;
  font-family: var(--font) !important;
  font-size: 14px !important;
  border-radius: 5px !important;
  transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    300ms background-color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    300ms border-color cubic-bezier(0.25, 0.14, 0.27, 1.03) !important;
  -o-transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    300ms background-color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    300ms border-color cubic-bezier(0.25, 0.14, 0.27, 1.03) !important;
  -ms-transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    300ms background-color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    300ms border-color cubic-bezier(0.25, 0.14, 0.27, 1.03) !important;
  -moz-transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    300ms background-color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    300ms border-color cubic-bezier(0.25, 0.14, 0.27, 1.03) !important;
  -webkit-transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    300ms background-color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    300ms border-color cubic-bezier(0.25, 0.14, 0.27, 1.03) !important;
}

.k-input:hover {
  background-color: var(--card-color) !important;
}

input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="text"]:disabled,
input[type="tel"]:disabled,
input[type="url"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime-local"]:disabled,
input.k-textbox:disabled,
.k-textbox input:disabled,
.k-dropdown-wrap:disabled,
.k-input:disabled,
textarea:disabled,
.textbox-wrapper textarea:disabled,
.textbox-wrapper input:disabled,
.dropdown-wrapper select::disabled,
select:disabled {
  color: var(--link-color-default) !important;
  border-color: var(--card-lighter-color) !important;
  user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  -webkit-user-select: none !important;
}

input[type="email"]:not(:disabled):hover,
input[type="email"]:not(:disabled):focus,
input[type="number"]:not(:disabled):hover,
input[type="number"]:not(:disabled):focus,
input[type="search"]:not(:disabled):hover,
input[type="search"]:not(:disabled):focus,
input[type="text"]:not(:disabled):hover,
input[type="text"]:not(:disabled):focus,
input[type="tel"]:not(:disabled):hover,
input[type="tel"]:not(:disabled):focus,
input[type="url"]:not(:disabled):hover,
input[type="url"]:not(:disabled):focus,
input[type="password"]:not(:disabled):hover,
input[type="password"]:not(:disabled):focus,
input[type="date"]:not(:disabled):hover,
input[type="date"]:not(:disabled):focus,
input[type="datetime-local"]:not(:disabled):hover,
input[type="datetime-local"]:not(:disabled):focus,
input.k-textbox:not(:disabled):hover,
input.k-textbox:not(:disabled):focus,
.k-textbox input:not(:disabled):hover,
.k-textbox input:not(:disabled):focus,
.k-dropdown-wrap:not(:disabled):hover,
.k-dropdown-wrap:not(:disabled):focus,
.k-input:not(:disabled):hover,
.k-input:not(:disabled):focus,
textarea:not(:disabled):hover,
textarea:not(:disabled):focus,
.textbox-wrapper textarea:not(:disabled):hover,
.textbox-wrapper textarea:not(:disabled):focus,
.textbox-wrapper input:not(:disabled):hover,
.textbox-wrapper input:not(:disabled):focus,
.dropdown-wrapper select:not(:disabled):hover,
.dropdown-wrapper select:not(:disabled):focus,
select:not(:disabled):hover,
select:not(:disabled):focus {
  border-color: var(--primary-color) !important;
  outline: none !important;
}

input[type="email"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input.k-textbox::-webkit-input-placeholder,
.k-textbox input::-webkit-input-placeholder,
.k-dropdown-wrap::-webkit-input-placeholder,
.k-input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.textbox-wrapper textarea::-webkit-input-placeholder,
.textbox-wrapper input::-webkit-input-placeholder,
.dropdown-wrapper select::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  text-transform: capitalize !important;
  font-weight: 400 !important;
  text-align: left !important;
  color: var(--link-color-default) !important;
}

input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input.k-textbox::-moz-placeholder,
.k-textbox input::-moz-placeholder,
.k-dropdown-wrap::-moz-placeholder,
.k-input::-moz-placeholder,
textarea::-moz-placeholder,
.textbox-wrapper textarea::-moz-placeholder,
.textbox-wrapper input::-moz-placeholder,
.dropdown-wrapper select::-moz-placeholder,
select::-moz-placeholder {
  text-transform: capitalize !important;
  font-weight: 400 !important;
  text-align: left !important;
  color: var(--link-color-default) !important;
}

input[type="email"]::placeholder,
input[type="number"]::placeholder,
input[type="search"]::placeholder,
input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="url"]::placeholder,
input[type="password"]::placeholder,
input[type="date"]::placeholder,
input[type="datetime-local"]::placeholder,
input.k-textbox::placeholder,
.k-textbox input::placeholder,
.k-dropdown-wrap::placeholder,
.k-input::placeholder,
textarea::placeholder,
.textbox-wrapper textarea::placeholder,
.textbox-wrapper input::placeholder,
.dropdown-wrapper select::placeholder,
select::placeholder {
  text-transform: capitalize !important;
  font-weight: 400 !important;
  text-align: left !important;
  color: var(--link-color-default) !important;
}

input[type="button"],
.HyperLinkCommand {
  display: inline-block;
  width: 100% !important;
  max-width: max-content;
  padding: 6px 10px !important;
  font-family: var(--font) !important;
  font-size: 12px !important;
  background-color: var(--card-color) !important;
  color: var(--text) !important;
  border-radius: 5px !important;
  border: 0 !important;
  outline: 0 !important;
  height: auto;
  cursor: pointer !important;
  text-transform: capitalize !important;
  font-weight: 500 !important;
  transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    300ms background-color cubic-bezier(0.25, 0.14, 0.27, 1.03) !important;
  margin-top: 16px;
}
input[type="button"]:not(:disabled):hover,
.HyperLinkCommand:not(:disabled):hover {
  background-color: var(--card-light-color) !important;
}

.HyperLinkCommand img {
  display: none;
}

.HyperLinkCommand {
  background-color: var(--primary-color) !important;
}

.HyperLinkCommand:not(:disabled):hover {
  background-color: var(--primary-light-color) !important;
}

.rpTemplate textarea {
  max-width: 100% !important;
}

.k-textbox,
.k-dropdown,
.k-numeric-wrap {
  border: 0 !important;
  padding: 0 !important;
}

.k-textbox input,
.k-dropdown-wrap {
  line-height: normal !important;
  text-indent: 0 !important;
}

.k-dropdown-wrap .k-select {
  display: flex;
  align-items: center;
  justify-content: center;
}

.k-dropdown-wrap .k-input {
  padding: 0 !important;
  line-height: normal !important;
  text-indent: 0 !important;
}

.k-dropdown-wrap:hover .k-select {
  color: var(--primary-color);
}

.k-dropdown-wrap .k-input {
  background-color: transparent !important;
  border: 0 !important;
}

.k-list-filter input.k-textbox {
  background-color: var(--card-dark-color) !important;
  border-color: var(--card-lighter-color) !important;
}

.k-popup.k-list-container {
  border: 2px solid var(--card-lighter-color) !important;
  background-color: var(--card-light-color) !important;
  border-radius: 5px !important;
  padding: 8px;
}
.k-popup.k-list-container .k-list li {
  cursor: pointer;
  color: var(--text);
  transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}
.k-popup.k-list-container .k-list li:hover {
  color: var(--primary-color);
}

.rgFilterRow input[type="text"] {
  background-color: var(--card-light-color) !important;
}
/* ---- Ifram ---- */
/*--- the classes below effect the ifram content only ---*/
@media (max-width: 1200px) {
  iframe {
    padding: 0 20px;
  }
}
#Main > * {
  font-family: var(--font) !important;
}

.RadToolBar .rtbIn {
  padding: 8px 0 0 8px;
}

.rtbItem {
  background: transparent !important;
}

.rtbItem a {
  background: transparent !important;
}

.TCAdmin_PageIcon {
  transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}

.RadToolBar .rtbUL {
  display: flex;
  gap: 8px;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 8px;
}

.RadToolBar .rtbUL {
  display: flex;
  gap: 8px;
  flex-direction: row;
  flex-wrap: wrap;
}

.RadToolBar .rtbUL .rtbSeparator {
  border-left: 1px solid var(--link-color-default) !important;
  margin-top: auto;
  margin-bottom: auto;
}

.RadToolBar .rtbUL .rtbItem .rtbWrap .rtbIn {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: max-content;
  width: 100%;
  padding: 5px 12px;
  font-family: var(--font);
  font-size: 14px;
  background-color: var(--card-color);
  color: var(--text);
  border-radius: 5px;
  border: 0;
  outline: 0;
  cursor: pointer;
  text-transform: capitalize;
  font-weight: 500;
  transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    300ms background-color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}
.RadToolBar .rtbUL .rtbItem .rtbWrap .rtbIn:hover {
  background-color: var(--card-light-color);
}

.rtsLevel .rtsUL {
  display: flex;
  gap: 8px;
  flex-direction: row;
  flex-wrap: wrap;
}

.rtsLevel .rtsUL .rtsLI {
  border-radius: 5px;
  color: var(--link-color-default);
  background: transparent;
  transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    300ms background-color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}

.rtsLevel .rtsUL .rtsLI:hover {
  background: var(--primary-color);
  color: var(--text);
  border-color: transparent !important;
}

.rtsLevel .rtsUL .rtsLI:hover > * {
  border-color: transparent !important;
}

.TCAdmin_RightToolBarIconsContainer {
  position: relative !important;
}

.StaticValidator span,
.Validator span {
  background-color: var(--orange-color);
  color: var(--orange-dark-color) !important;
  border-radius: 5px;
  border: 0;
  padding: 5px;
}

.StaticValidator span a,
.Validator span a {
  font-weight: bold;
  color: var(--orange-dark-color) !important;
  text-decoration: none;
}
.StaticValidator span a:hover,
.Validator span a:hover {
  cursor: pointer;
  text-decoration: underline;
}

.FieldValue .textbox-wrapper {
  width: 100%;
}

.FieldValue .CheckBox label,
.FieldValue .RadioButton label {
  color: var(--link-color-default) !important;
}

.FieldValue .Label {
  color: var(--link-color-default) !important;
}

.FieldValue .LabelOff {
  color: var(--red-color) !important;
}

.FieldValue .LabelOff a {
  color: var(--red-color) !important;
  font-weight: bold;
  text-decoration: none;
}

.FieldValue .LabelOff a:hover {
  text-decoration: underline;
}

.RadPageView .Table tr::not(:first-of-type) {
  margin-top: 12px !important;
}

.RadSlider_Default .rslHorizontal .rslTrack {
  border-radius: 10px;
  background: var(--card-color) !important;
}

.RadSlider_Default .rslHorizontal .rslSelectedregion {
  border-radius: 10px;
  background: var(--primary-color) !important;
}

.RadToolBar_TCAdminPageIcons .rtbUL .rtbItem {
  margin: 0 !important;
  outline: none !important;
  border: 0 !important;
  background: transparent !important;
}

.RadToolBar_TCAdminPageIcons .rtbUL .rtbItem .rtbMid,
.RadToolBar_TCAdminPageIcons .rtbUL .rtbItem .rtbOut {
  margin: 0 !important;
  outline: none !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.RadToolBar_TCAdminPageIcons .rtbUL .rtbItem .rtbIn {
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--link-color-default) !important;
  transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}

.RadToolBar_TCAdminPageIcons .rtbUL .rtbItem .rtbIn > * {
  border: 0 !important;
}

.RadToolBar_TCAdminPageIcons .rtbUL .rtbItem .rtbIn .rtbText::before {
  color: var(--link-color-default) !important;
  transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}

.RadToolBar_TCAdminPageIcons .rtbUL .rtbItem .rtbIn:hover {
  color: var(--text) !important;
}

.RadToolBar_TCAdminPageIcons .rtbUL .rtbItem .rtbIn:hover .rtbText::before {
  color: var(--primary-color) !important;
}

.RadToolBar_TCAdminPageIcons .rtbUL .rtbItem.rtbItemFocused {
  border: 0 !important;
  outline: 0 !important;
  background: none !important;
}

.RadScheduler_TCAdmin {
  margin-top: 12px;
}

.k-toolbar {
  border: 0 !important;
}

.k-window {
  background-color: var(--card-color);
  border-radius: 8px;
  border: 0;
}

.k-window .k-window-titlebar,
.k-window .k-dialog-buttongroup {
  padding: 8px 12px;
  border-color: var(--link-color-default);
}

.RadComboBoxDropDown_TCAdmin,
.RadMenu ul {
  background-color: var(--card-light-color);
  color: var(--text);
  border-color: var(--card-lighter-color);
}

.rcbArrowCell.rcbArrowCellRight,
.rcbInputCell.rcbInputCellLeft {
  position: relative;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
}

.rgGroupPanel {
  padding: 8px 12px;
  border-bottom: 2px solid var(--card-lighter-color) !important;
  color: var(--link-color-default) !important;
}

.RadGrid {
  border: 2px solid var(--card-lighter-color) !important;
  background-color: var(--card-color) !important;
  border-radius: 5px;
  overflow: hidden;
}

.rgMasterTable {
  background-color: var(--card-color) !important;
}

.rgMasterTable .rgHeader {
  padding: 8px !important;
  color: var(--text) !important;
  font-size: 14px !important;
  font-family: var(--font) !important;
  border-color: var(--card-lighter-color);
  background-color: var(--card-light-color);
}

.rgMasterTable .rgHeader.rgCheck {
  padding-inline: 2px !important;
}

.rgMasterTable .rgRow td,
.rgMasterTable .rgAltRow td {
  padding: 12px !important;
}

.rgMasterTable .rgAltRow {
  background-color: var(--card-dark-color);
}

.rgMasterTable .rgHeader a {
  color: var(--text) !important;
}

.rgMasterTable .rgPagerCell {
  border-top: 2px solid var(--card-lighter-color);
  padding: 12px 8px !important;
}

#ContentPlaceHolderMain_ViewNotification1_PanelContainer a,
.supports-gravatar a {
  color: var(--link-color-default);
  transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}

#ContentPlaceHolderMain_ViewNotification1_PanelContainer a:hover,
.supports-gravatar a:hover {
  color: var(--primary-light-color);
}

#ContentPlaceHolderMain_MyNotifications1_GridNotifications_WebGrid_ctl00
  .rgRow
  td,
#ContentPlaceHolderMain_MyNotifications1_GridNotifications_WebGrid_ctl00
  .rgAltRow
  td {
  padding-inline: 2px !important;
}

.rgFilterRow {
  background-color: var(--card-light-color);
  border-color: var(--card-lighter-color);
}

.rgGroupHeader,
.rgNoRecords {
  height: 44px;
  padding: 4px 12px;
  color: var(--text);
  background-color: var(--card-light-color);
}

.rgNoRecords {
  background-color: transparent;
}

.rgNoRecords div {
  color: var(--link-color-default);
  padding: 0 12px;
  font-size: 14px;
}

.rgGroupHeader img {
  cursor: pointer;
  filter: invert(1);
}

.rgFilterRow td {
  padding: 8px 12px;
  border-color: var(--card-lighter-color) !important;
}

.rgFilterRow td span {
  width: 100%;
}

.rgFilterRow input {
  max-width: 100% !important;
}

.main-button-group {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.IconTitleLine {
  padding: 12px 0;
  border-bottom: 2px solid var(--card-color);
}

.RadGrid .rgClipCells .rgHeader,
.RadGrid .rgClipCells .rgFilterRow > td,
.RadGrid .rgClipCells .rgRow > td,
.RadGrid .rgClipCells .rgAltRow > td,
.RadGrid .rgClipCells .rgEditRow > td,
.RadGrid .rgClipCells .rgFooter > td {
  font-size: 14px;
}
.rgAdvPart input[type="text"].radPreventDecorate {
  background-color: var(--card-light-color) !important;
  padding: 2px !important;
  width: 100% !important;
  max-width: max-content !important;
  min-width: 30px;
}

.rgInfoPart,
.rgAdvPart .rgPagerLabel {
  font-size: 14px;
  color: var(--link-color-default);
}
.rgArrPart1,
.rgArrPart2 {
  display: flex;
  align-items: center;
  grid-area: 4px;
}
.rgArrPart1 a,
.rgArrPart2 a {
  background-color: var(--card-light-color);
  padding: 5px;
  border-radius: 5px;
  color: var(--text);
  transition: 300ms background-color cubic-bezier(0.39, 0.575, 0.565, 1);
}

.rgArrPart1 a:hover,
.rgArrPart2 a:hover {
  background-color: var(--card-lighter-color);
}

.rgArrPart1 a:last-of-type,
.rgArrPart2 a:last-of-type {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rgArrPart1 a:first-of-type,
.rgArrPart2 a:first-of-type {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rgArrPart1 img,
.rgArrPart2 img {
  filter: invert(1);
}

.rgNumPart a {
  color: var(--link-color-default) !important;
  background-color: transparent !important;
  transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    300ms background-color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}
.rgNumPart a:hover {
  color: var(--text) !important;
}
.rgNumPart a.rgCurrentPage {
  background-color: var(--primary-color) !important;
  color: var(--text) !important;
  border-radius: 5px !important;
}

#pageicons .page-icon {
  padding: 5px 12px !important;
  transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    300ms background-color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}

#pageicons .page-icon:hover {
  color: var(--text) !important;
  background-color: var(--card-color) !important;
  border-radius: 5px !important;
  border-color: transparent !important;
}
#pageicons .page-icon:hover > * {
  color: var(--text) !important;
}
/*---- Widget ----*/

.k-widget {
  background-color: var(--card-color);
  border: 0 !important;
  border-radius: 5px !important;
}

.k-widget.k-context-menu {
  background-color: var(--card-dark-color);
  padding: 5px;
}

.k-widget.k-context-menu li {
  color: var(--text);
  transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}

.k-widget.k-context-menu li:hover {
  color: var(--primary-light-color);
}

.k-widget .k-tabstrip-items {
  border: 0 !important;
  padding: 0 !important;
}

.k-widget .k-tabstrip-items .k-item {
  cursor: pointer;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  margin: 0 !important;
  padding: 5px 12px !important;
  color: var(--link-color-default);
  transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}

.k-widget .k-tabstrip-items .k-item .k-loading {
  display: none !important;
}

.k-widget .k-tabstrip-items .k-item:hover {
  color: var(--text);
}

.k-widget .k-tabstrip-items .k-item.k-state-active {
  color: var(--text);
  border-bottom-color: var(--text) !important;
}

.k-widget .k-tabstrip-items[aria-orientation="vertical"] .k-item {
  border-bottom: 0 !important;
  border-right: 2px solid transparent !important;
}

.k-widget
  .k-tabstrip-items[aria-orientation="vertical"]
  .k-item.k-state-active {
  border-bottom-color: transparent !important;
  border-right-color: var(--text) !important;
}

.k-widget .k-content {
  border: 0 !important;
  outline: none !important;
}

.k-widget .k-content .k-textbox input,
.k-widget .k-content .k-dropdown-wrap {
  background-color: var(--card-dark-color) !important;
}
.k-widget .k-content input[type="checkbox"],
.k-widget .k-content input[type="radio"] {
  --background: var(--card-dark-color);
}

.k-state-selected {
  border: 0 !important;
  outline: none !important;
}

.k-progressbar .k-progress-status-wrap {
  background-color: var(--card-dark-color);
}

.k-progressbar .k-state-selected {
  background-color: var(--primary-color);
}

.k-list .k-item.k-state-selected,
.k-list-optionlabel.k-state-selected {
  color: var(--text) !important;
  background-color: var(--primary-color) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}

.k-list .k-item:hover,
.k-list-optionlabel:hover {
  background-color: var(--card-lighter-color);
  border-radius: 5px !important;
}

/*---- Code Editor ----*/
.CodeMirror {
  background: #1f2430 !important;
  color: #cbccc6 !important;
}
div.CodeMirror-selected {
  background: #34455a !important;
}
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
  background: #34455a !important;
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
  background: rgba(25, 30, 42, 99) !important;
}
.CodeMirror-gutters {
  background: #1f2430 !important;
  border-right: 0px !important;
}
.CodeMirror-guttermarker {
  color: white !important;
}
.CodeMirror-guttermarker-subtle {
  color: rgba(112, 122, 140, 66) !important;
}
.CodeMirror-linenumber {
  color: rgba(61, 66, 77, 99) !important;
}
.CodeMirror-cursor {
  border-left: 1px solid #ffcc66 !important;
}
.cm-fat-cursor .CodeMirror-cursor {
  background-color: #a2a8a175 !important;
}
.cm-animate-fat-cursor {
  background-color: #a2a8a175 !important;
}

span.cm-comment {
  color: #5c6773 !important;
  font-style: italic !important;
}
span.cm-atom {
  color: #ae81ff !important;
}
span.cm-number {
  color: #ffcc66 !important;
}

span.cm-comment.cm-attribute {
  color: #ffd580 !important;
}
span.cm-comment.cm-def {
  color: #d4bfff !important;
}
span.cm-comment.cm-tag {
  color: #5ccfe6 !important;
}
span.cm-comment.cm-type {
  color: #5998a6 !important;
}

span.cm-property {
  color: #f29e74 !important;
}
span.cm-attribute {
  color: #ffd580 !important;
}
span.cm-keyword {
  color: #ffa759 !important;
}
span.cm-builtin {
  color: #ffcc66 !important;
}
span.cm-string {
  color: #bae67e !important;
}

span.cm-variable {
  color: #cbccc6 !important;
}
span.cm-variable-2 {
  color: #f28779 !important;
}
span.cm-variable-3 {
  color: #5ccfe6 !important;
}
span.cm-type {
  color: #ffa759 !important;
}
span.cm-def {
  color: #ffd580 !important;
}
span.cm-bracket {
  color: rgba(92, 207, 230, 80) !important;
}
span.cm-tag {
  color: #5ccfe6 !important;
}
span.cm-header {
  color: #bae67e !important;
}
span.cm-link {
  color: #5ccfe6 !important;
}
span.cm-error {
  color: #ff3333 !important;
}

.CodeMirror-activeline-background {
  background: #191e2a !important;
}
.CodeMirror-matchingbracket {
  text-decoration: underline !important;
  color: white !important;
}

table,
textarea,
tr,
td,
p,
a,
span,
div,
select,
input,
button {
  font: var(--font);
}

/*---- Other ----*/

div.RadDock_TCAdmin table.rdTable tr.rdBottom td.rdCenter {
  background-color: transparent;
}

.Panel {
  background-color: var(--background) !important;
}

.RadPageView {
  padding: 5px !important;
  background-color: var(--card-color) !important;
  border-radius: 5px !important;
}

option,
select,
textarea,
input[type="password"],
input[type="text"] {
  background-color: var(--card-color) !important;
  border: solid 1px var(--card-color) !important;
}

option:focus,
option:hover,
select:focus,
select:hover,
textarea:focus,
textarea:hover,
input[type="password"]:focus,
input[type="password"]:hover,
input[type="text"]:focus,
input[type="text"]:hover {
  background-color: var(--card-light-color) !important;
}

.dropdown-wrapper select,
.RadInput_Default input,
.textbox-wrapper textarea,
.textbox-wrapper input,
.textbox-wrapper textarea:hover,
.dropdown-wrapper select:hover {
  background-color: var(--card-light-color) !important;
  border: solid 1px var(--card-light-color) !important;
}

.WorkshopActionContainer div:first-child .NotInstalled {
  background-color: var(--card-color);
  border-bottom-left-radius: 5px;
}

.WorkshopActionContainer div:nth-child(2n) {
  background-color: var(--card-color);
  border-bottom-right-radius: 5px;
}

.WorkshopActionContainer div:first-child .NotInstalled:hover {
  background-color: var(--primary-color);
  border-bottom-left-radius: 5px;
  color: var(--text);
  transition: 0.3s;
}

.WorkshopActionContainer div:nth-child(2n):hover {
  background-color: var(--primary-color);
  border-bottom-right-radius: 5px;
  color: var(--text);
  transition: 0.3s;
}

.WorkshopActionContainer div:first-child .Installed {
  background-color: var(--card-color);
  border-bottom-left-radius: 5px;
  color: var(--text);
}

.WorkshopActionContainer div:first-child .Installed:hover {
  background-color: var(--primary-color);
  border-bottom-left-radius: 5px;
  border-color: var(--primary-color);
  color: var(--text);
  transition: 0.3s;
}

.IconTitleLine {
  background: none !important;
  background-position: bottom;
  border-bottom: 2px solid;
}

.Meter .Bar {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  border-radius: 5px;
}

.Meter {
  background: var(--card-light-color);
  border-color: var(--card-light-color);
  border-radius: 5px;
}

.RadDock_TCAdmin fieldset {
  border-color: var(--link-color-default);
}

.RadDock_TCAdmin fieldset legend {
  color: var(--link-color-default);
}

.RadDock_TCAdmin table tbody tr {
  height: 25px;
}

.RadDockZone_TCAdmin .rdContent table tbody tr {
  height: 35px !important;
}

.RadDock_TCAdmin table tbody tr {
  height: 25px;
}
.rdContent table .dropdown-wrapper select,
.rdContent table input[type="text"] {
  padding: 4px 8px !important;
}
.RadDock_TCAdmin fieldset .rdMiddle .rdCenter,
.RadDock_TCAdmin .rdBottom .rdCenter {
  background-color: transparent;
  border: 0.09em solid transparent;
}

.RadDock_TCAdmin .rdContent {
  color: var(--text);
  background-color: var(--card-color);
  padding: 8px;
  border-radius: 5px;
}

.RadDock_TCAdmin .rdTitleBar em {
  font: var(--font);
  color: var(--link-color-default);
  font-size: 12px;
}

.RadDock_TCAdmin .rdTitleBar ul li a {
  cursor: pointer;
  color: var(--link-color-default);
  transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}

.RadDock_TCAdmin .rdTitleBar ul li a:hover {
  color: var(--text);
}

.RadDock_TCAdmin .SaveButton,
.RadDock_TCAdmin .LoadingButton {
  display: flex;
  background-color: var(--primary-color) !important;
  background-image: none !important;
  gap: 4px !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100% !important;
}

.RadDock_TCAdmin .SaveButton:not(:disabled):hover,
.RadDock_TCAdmin .LoadingButton:not(:disabled):hover {
  background-color: var(--primary-light-color) !important;
}

.ToolBarPopupPanel {
  left: 0;
  top: 26px;
  border: 2px solid var(--card-color);
  background-color: var(--card-color);
}

.HyperLink,
.HyperLinkCommand {
  color: var(--text);
}

.HyperLink,
.HyperLinkCommand:hover {
  color: var(--text);
}

.RadTabStripTop_TCAdmin .rtsSelected {
  color: var(--text) !important;
  border-color: var(--primary-color) !important;
  background-color: var(--primary-color) !important;
}
.RadTabStripTop_TCAdmin .rtsLink {
  color: var(--link-color-default) !important;
  border: 2px solid var(--link-color-default) !important;
  border-radius: 5px !important;
}
.RadTabStripTop_TCAdmin .rtsSelected:hover {
  color: var(--text) !important;
  background-color: var(--primary-color) !important;
}

.RadTabStrip .rtsLevel1 .rtsTxt,
.RadTabStripVertical .rtsLevel1 .rtsTxt {
  color: var(--text);
}

.RadGrid_TCAdmin .rgFilterBox {
  color: var(--text);
}

.RadGrid_TCAdmin .rgFilterBox input {
  background-color: var(--card-light-color) !important;
  border-color: var(--card-lighter-color) !important;
}

.LabelOn {
  color: var(--green-color) !important;
}

.LabelOff {
  color: var(--red-color) !important;
}

.RadComboBox_TCAdmin input[type="text"] {
  color: var(--text);
}

.RadGrid_TCAdmin .rgEditForm {
  border-bottom: 2px solidvar(--primary-color);
}

.k-group-indicator {
  border: 0 !important;
  background-color: var(--primary-color) !important;
  border-radius: 5px !important;
  color: var(--text);
}

.k-group-indicator .k-link {
  color: var(--text) !important;
}

.k-grid-header-wrap,
.k-grouping-header,
.k-header,
.k-grid-header {
  border-color: var(--card-lighter-color) !important;
}

.k-master-row {
  background-color: var(--card-light-color) !important;
  border-color: var(--card-lighter-color) !important;
}

.k-master-row.k-alt {
  background-color: var(--card-dark-color) !important;
}
.k-grid td {
  border: 0 !important;
}

.k-grid tbody .k-button {
  color: var(--text);
  background-color: var(--primary-color) !important;
}

.k-grid tbody .k-button:not(:disabled):hover {
  background-color: var(--primary-light-color) !important;
}

.k-grid-list {
  border-color: var(--card-lighter-color) !important;
}

.k-grid-list .k-item.k-state-selected {
  background-color: var(--primary-color) !important;
}

.k-grid-list .k-item.k-state-hover:not(.k-state-selected) {
  background-color: var(--card-dark-color) !important;
}

hr {
  border-color: var(--card-lighter-color);
}

/*---- ScrollWrap ----*/
.k-card-deck-scrollwrap .k-button-icon {
  height: 40px !important;
  width: 40px !important;
  border-radius: 50%;
  background-color: var(--card-light-color);
  top: 50% !important;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  cursor: pointer;
  transition: 300ms background-color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}
.k-card-deck-scrollwrap .k-button-icon:hover {
  background-color: var(--card-lighter-color);
}

.k-card {
  background-color: var(--card-color) !important;
  border-radius: 5px;
  border: 0 !important;
}

.k-card-deck .k-card .k-button {
  color: var(--text);
  transition: 300ms background-color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}

.k-card-deck .k-card .k-button:hover {
  color: var(--primary-color);
  background-color: var(--primary-transparent-color);
}

.k-scrollview-wrap img {
  border: 0 !important;
  border-radius: 5px !important;
  background-size: cover !important;
}
.k-scrollview-overlay .k-icon {
  color: var(--text) !important;
  background-color: var(--primary-color) !important;
  height: 40px !important;
  width: 40px !important;
  border-radius: 50%;
  top: 50% !important;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  cursor: pointer;
  transition: 300ms background-color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}
.k-scrollview-overlay .k-icon:before {
  width: 20px !important;
  height: 20px !important;
  font-size: 16px !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.k-scrollview-overlay .k-scrollview-nav .k-link {
  background-color: var(--card-dark-color);
  transition: 300ms background-color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}
.k-scrollview-overlay .k-scrollview-nav .k-link:hover {
  background-color: var(--card-light-color);
}
.k-scrollview-overlay .k-scrollview-nav .k-link.k-primary {
  background-color: var(--primary-color);
}
.k-card-header {
  border-color: var(--link-color-default) !important;
}

/*---- Tabs ----*/
.gb-tabs-wrapper,
.gb-icons-wrapper {
  margin-left: 300px;
}
.gb-tabs-wrapper .gb-server-container {
  width: 100%;
  background-color: var(--card-color);
  border-radius: 5px;
}
.gb-tabs-wrapper .gb-server-container .gb-tabs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 18px;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.gb-tabs-wrapper .gb-server-container .gb-tabs .gb-tab a {
  display: block;
  font-size: 14px;
  padding: 12px 16px;
  color: var(--link-color-default);
  border-bottom: 1.5px solid transparent;
  transition: 300ms background-color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    300ms border cubic-bezier(0.25, 0.14, 0.27, 1.03);
}
.gb-tabs-wrapper .gb-server-container .gb-tabs .gb-tab a.active {
  border-bottom-color: var(--text);
  color: var(--text);
}
.gb-tabs-wrapper .gb-server-container .gb-tabs .gb-tab a:hover {
  color: var(--text);
}
.gb-tabs-wrapper .gb-server-container .gb-tabs .gb-tab.action {
  cursor: pointer;
  position: relative;
}
.gb-tabs-wrapper .gb-server-container .gb-tabs .gb-tab.action .k-button {
  display: block;
    font-size: 14px;
    padding: 12px 16px;
    color: var(--link-color-default);
    border-bottom: 1.5px solid transparent;
    transition: 300ms background-color cubic-bezier(0.25, 0.14, 0.27, 1.03), 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03), 300ms border cubic-bezier(0.25, 0.14, 0.27, 1.03);
    background: transparent;
    opacity: 1 !important;
}
.gb-tabs-wrapper .gb-server-container .gb-tabs .gb-tab.action .k-button:hover{
  color: var(--text);
}
.gb-tabs-wrapper .gb-server-container ul {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 0 20px 20px;
}
@media (max-width: 1650px) {
  .gb-tabs-wrapper .gb-server-container ul {
    flex-direction: column;
    align-items: flex-start;
  }
}
#main .fieldset-form li {
  margin: 0 !important;
  width: 100%;
}
.gb-tabs-wrapper .gb-server-container li {
  margin: 0;
  display: block;
}
.gb-tabs-wrapper .gb-server-container li .gb-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}
@media (max-width: 500px) {
  .gb-tabs-wrapper .gb-server-container .gb-tabs {
    flex-direction: column-reverse;
    width: 100%;
  }
  .gb-tabs-wrapper .gb-server-container .gb-tabs .gb-tab {
    width: 100%;
  }
  .gb-tabs-wrapper .gb-server-container li .gb-label {
    flex-direction: column;
  }
}
.gb-tabs-wrapper .gb-server-container li .gb-label:not(:first-of-type) {
  margin-top: 12px;
}
.gb-tabs-wrapper .gb-server-container li .gb-label div,
.gb-tabs-wrapper .gb-server-container li .gb-label a {
  font-size: 13px;
  color: var(--link-color-default);
  transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}
.gb-tabs-wrapper .gb-server-container li .gb-label a:hover {
  color: var(--primary-light-color);
}
.gb-tabs-wrapper .gb-server-container li .gb-label div {
  display: flex;
  align-items: center;
  gap: 8px;
}
#main .fieldset-form .main-button-group-left {
  padding: 0 !important;
  text-align: left;
}
.gb-tabs-wrapper .gb-server-container li dt label {
  display: block;
  color: var(--link-color-default);
  margin-bottom: 12px;
  font-size: 13px;
}
.gb-tabs-wrapper .gb-server-container .k-progressbar-horizontal {
  position: relative;
  height: 6px;
}
.gb-tabs-wrapper .gb-server-container .k-progressbar-horizontal {
  background-color: var(--card-dark-color);
}
.gb-tabs-wrapper
  .gb-server-container
  .k-progressbar-horizontal
  .k-progress-status-wrap {
  background-color: transparent !important;
}
.gb-tabs-wrapper
  .gb-server-container
  .k-progressbar-horizontal
  .k-progress-status {
  position: absolute;
  right: 0;
  bottom: 100%;
  font-size: 12px;
  color: var(--link-color-default);
}
.gb-tabs-wrapper .gb-server-container .k-progressbar-horizontal {
  border-radius: 10px;
  width: 100%;
}
.gb-tabs-wrapper
  .gb-server-container
  .k-progressbar-horizontal
  .k-state-selected {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  height: 100%;
  border-radius: 10px;
}
.gb-tabs-wrapper .gb-server-container .switch-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.gb-tabs-wrapper .gb-server-container .switch-wrapper label {
  font-size: 12px;
  color: var(--link-color-default);
}
@media (max-width: 1200px) {
  .gb-tabs-wrapper,
  .gb-icons-wrapper {
    margin-inline: 30px;
  }
}
.gb-icons-wrapper {
  margin-top: 30px;
}
.gb-icons-wrapper .gb-icon-cards legend {
  display: none;
}
.gb-icons-wrapper .gb-icon-cards ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 30px;
}
.gb-icons-wrapper .gb-icon-cards ul li {
  color: var(--text);
  background-color: var(--card-color);
  border-radius: 10px;
}
@media (max-width: 600px) {
  .gb-icons-wrapper .gb-icon-cards ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.gb-icons-wrapper .gb-icon-cards ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  height: 100%;
  gap: 4px;
  color: var(--text);
  transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}
.gb-icons-wrapper .gb-icon-cards ul li a:hover {
  color: var(--primary-color);
}
.gb-icons-wrapper .gb-icon-cards ul li a div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.gb-icons-wrapper .gb-icon-cards ul li a .k-badge,
.service-icon:not(.custom-icon-image) img {
  display: none;
}

.service-icon div {
  margin-left: 0 !important;
}

.service-icon div:before {
  font-family: "Font Awesome 5 Free";
  font-size: 40px;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  stroke: var(--card-dark-color);
  stroke-width: 1px;
  overflow: hidden;
  line-height: 1.5;
  text-align: center;
  margin-left: 3px;
  content: "";
}

/*Generic Script Icon*/
.service-script-icon:not(.custom-icon-image) div:before {
  color: var(--orange-color);
  content: "\f0e7";
  text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}

/*Generic Link Icon*/
.service-link-icon:not(.custom-icon-image) div:before {
  content: "\f35d";
  color: var(--text);
}

/*Service Home*/
#ServiceHomeLink div:before {
  content: "\f11b";
  color: var(--primary-color);
}
/*Service Settings*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_1 div:before {
  content: "\f085";
  color: gray;
}

/*Config Files*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_7 div:before {
  content: "\f1de";
  color: gray;
}

/*Commandline Manager*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_8 div:before {
  content: "\f11c";
  color: var(--text);
  text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}

/*Updates*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_12 div:before {
  content: "\f381";
  color: var(--primary-color);
}

/*BukGet*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_16 div:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  content: "\f4e4";
}

/*Mods*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_11 div:before {
  content: "\f0c3";
}

/*Maps*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_14 div:before {
  content: "\f558";
}

/*File Manager*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_2 div:before {
  /* font-size: 28px; */
  line-height: 1;
  color: #d7ab69;
  content: "\f07b";
}

/*Log Viewer*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_4 div:before {
  content: "\f478";
  color: var(--text);
  text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}

/*Punkbuster*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_5 div:before {
  color: var(--red-color);
  content: "\f05e";
}

/*FastDownload Sync*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_15 div:before {
  content: "\f2f1";
}

/*Steam Update*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_6 div:before {
  font-family: "Font Awesome 5 Brands";
  content: "\f1b7";
  /* font-size: 32px; */
  color: #646d5a;
  line-height: 1;
}

/*Steam Workshop*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_19 div:before {
  font-family: "Font Awesome 5 Brands";
  content: "\f1b7";
  /* font-size: 32px; */
  color: var(--primary-color);
  line-height: 1;
}

/*Steam Workshop installed*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_20 div:before {
  font-family: "Font Awesome 5 Brands";
  content: "\f1b7";
  /* font-size: 32px; */
  color: var(--green-color);
  line-height: 1;
}

/*Steam Workshop updates*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_21 div:before {
  font-family: "Font Awesome 5 Brands";
  content: "\f1b7";
  /* font-size: 32px; */
  color: #9a712d;
  line-height: 1;
}

/*Console*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_13 div:before {
  content: "\f120";
  color: var(--text);
  background-color: var(--background);
  border-radius: 5px;
  padding: 1px;
  font-size: 18px;
  line-height: 2.3;
  width: 50px;
}

/*Scheduled Tasks*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_18-li {
  display: none;
}
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_18 div:before {
  font-weight: 400;
  /* font-size: 28px; */
  content: "\f017";
  color: var(--red-color);
  line-height: 1.2;
}

/*Activity*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_9 div:before {
  content: "\f201";
  /* font-size: 28px; */
  line-height: 1.2;
}

/*Game Tracker*/
#d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_10 div:before {
  content: "\f1e5";
  color: var(--green-color);
}

#sidebar #serviceicons ul li div:before {
  font-size: 16px;
  margin: 0 !important;
}
#sidebar #serviceicons ul li a {
  border-radius: 5px !important;
  transition: 300ms background-color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03),
    300ms padding-inline cubic-bezier(0.25, 0.14, 0.27, 1.03);
}
#sidebar #serviceicons ul li a span {
  color: var(--link-color-default);
  transition: 300ms color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}
#sidebar #serviceicons ul li:hover a {
  color: var(--text) !important;
  background-color: var(--card-color) !important;
  padding-inline: 8px;
}
#sidebar #serviceicons ul li:hover a span {
  color: var(--text);
}
#sidebar #serviceicons ul li a div {
  display: flex;
  align-items: center;
}
#sidebar
  #serviceicons
  ul
  #d3b2aa93-7e2b-4e0d-8080-67d14b2fa8a9_23_IconId_13
  div:before {
  font-size: 10px;
  width: 25px;
  background-color: var(--card-dark-color);
}

.k-tooltip {
  padding: 3px 5px !important;
  border-radius: 5px !important;
  background-color: var(--card-lighter-color) !important;
}

.k-filemanager-treeview {
  padding: 5px;
}
.k-treeview .k-in {
  border: 0 !important;
  background-color: var(--card-light-color);
  border-radius: 5px;
  transition: 300ms background-color cubic-bezier(0.25, 0.14, 0.27, 1.03);
}
.k-treeview .k-in:hover {
  background-color: var(--card-lighter-color);
}
.k-ghost-splitbar-horizontal,
.k-splitbar-horizontal {
  border-color: var(--link-color-default);
}

.k-listview-content .k-card {
  background-color: var(--card-lighter-color) !important;
  border-radius: 5px !important;
}
/*--- NST ---*/
.k-window {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.k-widget
  .k-button:not(.k-primary, .k-secondary, .k-success, .k-error, .k-warning, .k-info, .k-callout, .orange-button, .red-button, .green-button),
.gb-btn-gp
  .k-button:not(.k-primary, .k-secondary, .k-success, .k-error, .k-warning, .k-info, .k-callout, .orange-button, .red-button, .green-button) {
  background-color: var(--card-dark-color);
  color: white;
  width: max-content;
}

.k-widget
  .k-button:not(.k-primary, .k-secondary, .k-success, .k-error, .k-warning, .k-info, .k-callout, .orange-button, .red-button, .green-button):hover,
.gb-btn-gp
  .k-button:not(.k-primary, .k-secondary, .k-success, .k-error, .k-warning, .k-info, .k-callout, .orange-button, .red-button, .green-button):hover {
  opacity: 0.7;
}

.k-split-button .k-button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.k-split-button .k-button:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.k-widget input.k-input {
  background-color: var(--card-dark-color) !important;
  border-color: var(--card-light-color) !important;
}

.k-widget .k-input-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px !important;
  width: 35px !important;
  font-size: 20px;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50%;
  background-color: var(--card-dark-color);
  transition: 250ms opacity cubic-bezier(0.25, 0.14, 0.27, 1.03);
  cursor: pointer;
}

.k-widget .k-input-icon:hover {
  opacity: 0.7;
}

.k-filemanager-search-tool.k-textbox {
  background-color: transparent !important;
}
.k-filemanager-search-tool {
  display: flex;
  align-items: center;
  gap: 0;
}

.k-widget .k-dropzone {
  display: flex !important;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
}

.k-upload .k-upload-button {
  margin: 0 !important;
}

#stepProgress .k-state-selected{
	overflow: hidden;
}

#stepProgress .k-state-selected::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent
  );
  z-index: 1;
  background-size: 50px 50px;
  animation: move 2s linear infinite;
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

.k-widget.k-progressbar .k-progress-status-wrap{
	background-color: transparent !important;
}

.k-window iframe{
	padding: 0 !important;
}