@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap);
:root {
  --body-bg-rgb:
    240,
    241,
    247;
  --primary-rgb:
    49, 103, 243;
  --secondary-rgb:
    168, 181, 209;
  --warning-rgb:
    245,
    184,
    73;
  --info-rgb:
    73,
    182,
    245;
  --success-rgb:
    38,
    191,
    148;
  --danger-rgb:
    230,
    83,
    60;
  --light-rgb:
    243,
    246,
    248;
  --dark-rgb:
    35,
    35,
    35;
  --orange-rgb:
    255,
    165,
    5;
  --pink-rgb:
    231,
    145,
    188;
  --teal-rgb:
    18,
    194,
    194;
  --purple-rgb:
    137,
    32,
    173;
  --default-body-bg-color: rgb(var(--body-bg-rgb));
  --primary-color: rgb(var(--primary-rgb));
  --primary-border: rgb(var(--primary-rgb));
  --primary01: rgba(var(--primary-rgb), 0.1);
  --primary02: rgba(var(--primary-rgb), 0.2);
  --primary03: rgba(var(--primary-rgb), 0.3);
  --primary04: rgba(var(--primary-rgb), 0.4);
  --primary05: rgba(var(--primary-rgb), 0.5);
  --primary06: rgba(var(--primary-rgb), 0.6);
  --primary07: rgba(var(--primary-rgb), 0.7);
  --primary08: rgba(var(--primary-rgb), 0.8);
  --primary09: rgba(var(--primary-rgb), 0.9);
  --primary005: rgba(var(--primary-rgb), 0.05);
  --default-font-family: "Inter", sans-serif;
  --default-font-weight: 400;
  --default-text-color: #333335;
  --default-border: #f3f3f3;
  --default-background: #f7f8f9;
  --menu-bg: #fff;
  --menu-prime-color: #536485;
  --menu-border-color: #f3f3f3;
  --header-bg: #fff;
  --header-prime-color: #536485;
  --header-border-color: #f3f3f3;
  --custom-white: #fff;
  --custom-black: #000;
  --bootstrap-card-border: #f3f3f3;
  --list-hover-focus-bg: #f5f6f7;
  --text-muted: #8c9097;
  --input-border: #e9edf6;
  --form-control-bg: #ffffff;
  --gray-1: #f9fafb;
  --gray-2: #f2f4f5;
  --gray-3: #e6eaeb;
  --gray-4: #dbdfe1;
  --gray-5: #949eb7;
  --gray-6: #7987a1;
  --gray-7: #4d5875;
  --gray-8: #383853;
  --gray-9: #323251;
  --white-1: rgba(255,255,255, 0.1);
  --white-2: rgba(255,255,255, 0.2);
  --white-3: rgba(255,255,255, 0.3);
  --white-4: rgba(255,255,255, 0.4);
  --white-5: rgba(255,255,255, 0.5);
  --white-6: rgba(255,255,255, 0.6);
  --white-7: rgba(255,255,255, 0.7);
  --white-8: rgba(255,255,255, 0.8);
  --white-9: rgba(255,255,255, 0.9);
  --black-1: rgba(0,0,0, 0.1);
  --black-2: rgba(0,0,0, 0.2);
  --black-3: rgba(0,0,0, 0.3);
  --black-4: rgba(0,0,0, 0.4);
  --black-5: rgba(0,0,0, 0.5);
  --black-6: rgba(0,0,0, 0.6);
  --black-7: rgba(0,0,0, 0.7);
  --black-8: rgba(0,0,0, 0.8);
  --black-9: rgba(0,0,0, 0.9);
}
.bg-primary.bg-opacity-10 {
  background-color: var(--primary01) !important;
}
.bg-primary.bg-opacity-25 {
  background-color: var(--primary03) !important;
}
.bg-primary.bg-opacity-50 {
  background-color: var(--primary05) !important;
}
.bg-primary.bg-opacity-75 {
  background-color: var(--primary08) !important;
}
.bg-primary.bg-opacity-100 {
  background-color: var(--primary-color) !important;
}
.bg-secondary.bg-opacity-10 {
  background-color: rgba(var(--secondary-rgb), 0.1) !important;
}
.bg-secondary.bg-opacity-25 {
  background-color: rgba(var(--secondary-rgb), 0.25) !important;
}
.bg-secondary.bg-opacity-50 {
  background-color: rgba(var(--secondary-rgb), 0.5) !important;
}
.bg-secondary.bg-opacity-75 {
  background-color: rgba(var(--secondary-rgb), 0.75) !important;
}
.bg-secondary.bg-opacity-100 {
  background-color: rgba(var(--secondary-rgb), 1) !important;
}
.bg-info.bg-opacity-10 {
  background-color: rgba(var(--info-rgb), 0.1) !important;
}
.bg-info.bg-opacity-25 {
  background-color: rgba(var(--info-rgb), 0.25) !important;
}
.bg-info.bg-opacity-50 {
  background-color: rgba(var(--info-rgb), 0.5) !important;
}
.bg-info.bg-opacity-75 {
  background-color: rgba(var(--info-rgb), 0.75) !important;
}
.bg-info.bg-opacity-100 {
  background-color: rgba(var(--info-rgb), 1) !important;
}
.bg-success.bg-opacity-10 {
  background-color: rgba(var(--success-rgb), 0.1) !important;
}
.bg-success.bg-opacity-25 {
  background-color: rgba(var(--success-rgb), 0.25) !important;
}
.bg-success.bg-opacity-50 {
  background-color: rgba(var(--success-rgb), 0.5) !important;
}
.bg-success.bg-opacity-75 {
  background-color: rgba(var(--success-rgb), 0.75) !important;
}
.bg-success.bg-opacity-100 {
  background-color: rgba(var(--success-rgb), 1) !important;
}
.bg-warning.bg-opacity-10 {
  background-color: rgba(var(--warning-rgb), 0.1) !important;
}
.bg-warning.bg-opacity-25 {
  background-color: rgba(var(--warning-rgb), 0.25) !important;
}
.bg-warning.bg-opacity-50 {
  background-color: rgba(var(--warning-rgb), 0.5) !important;
}
.bg-warning.bg-opacity-75 {
  background-color: rgba(var(--warning-rgb), 0.75) !important;
}
.bg-warning.bg-opacity-100 {
  background-color: rgba(var(--warning-rgb), 1) !important;
}
.bg-danger.bg-opacity-10 {
  background-color: rgba(var(--danger-rgb), 0.1) !important;
}
.bg-danger.bg-opacity-25 {
  background-color: rgba(var(--danger-rgb), 0.25) !important;
}
.bg-danger.bg-opacity-50 {
  background-color: rgba(var(--danger-rgb), 0.5) !important;
}
.bg-danger.bg-opacity-75 {
  background-color: rgba(var(--danger-rgb), 0.75) !important;
}
.bg-danger.bg-opacity-100 {
  background-color: rgba(var(--danger-rgb), 1) !important;
}
.bg-dark.bg-opacity-10 {
  background-color: rgba(var(--dark-rgb), 0.1) !important;
}
.bg-dark.bg-opacity-25 {
  background-color: rgba(var(--dark-rgb), 0.25) !important;
}
.bg-dark.bg-opacity-50 {
  background-color: rgba(var(--dark-rgb), 0.5) !important;
}
.bg-dark.bg-opacity-75 {
  background-color: rgba(var(--dark-rgb), 0.75) !important;
}
.bg-dark.bg-opacity-100 {
  background-color: rgba(var(--dark-rgb), 1) !important;
}
.bg-light.bg-opacity-10 {
  background-color: rgba(var(--light-rgb), 0.1) !important;
}
.bg-light.bg-opacity-25 {
  background-color: rgba(var(--light-rgb), 0.25) !important;
}
.bg-light.bg-opacity-50 {
  background-color: rgba(var(--light-rgb), 0.5) !important;
}
.bg-light.bg-opacity-75 {
  background-color: rgba(var(--light-rgb), 0.75) !important;
}
.bg-light.bg-opacity-100 {
  background-color: rgba(var(--light-rgb), 1) !important;
}
.bg-pink {
  background-color: rgb(var(--pink-rgb)) !important;
}
.bg-orange {
  background-color: rgb(var(--orange-rgb)) !important;
}
.bg-purple {
  background-color: rgb(var(--purple-rgb)) !important;
}
.bg-green {
  background-color: #1dd871 !important;
}
.bg-teal {
  background-color: rgb(var(--teal-rgb)) !important;
}
.bg-blue {
  background-color: #2b3e65 !important;
}
.bg-indigo {
  background-color: #4d5ddb !important;
}
.bg-yellow {
  background-color: #ffc102 !important;
}
.bg-primary-gradient {
  background: linear-gradient(to right, var(--primary-color) 0%, #0086ED 100%) !important;
  color: #fff;
}
.bg-secondary-gradient {
  background: linear-gradient(to right, rgb(var(--secondary-rgb)) 0%, #6789D8 100%) !important;
  color: #fff;
}
.bg-warning-gradient {
  background: linear-gradient(to right, rgb(var(--warning-rgb)) 0%, #7FA53A 100%) !important;
  color: #fff;
}
.bg-info-gradient {
  background: linear-gradient(to right, rgb(var(--info-rgb)) 0%, #52F0CE 100%) !important;
  color: #fff;
}
.bg-success-gradient {
  background: linear-gradient(to right, rgb(var(--success-rgb)) 0%, #00A1C0 100%) !important;
  color: #fff;
}
.bg-danger-gradient {
  background: linear-gradient(to right, rgb(var(--danger-rgb)) 0%, #A34A88 100%) !important;
  color: #fff;
}
.bg-orange-gradient {
  background: linear-gradient(to right, rgb(var(--orange-rgb)) 0%, #9BA815 100%) !important;
  color: #fff;
}
.bg-purple-gradient {
  background: linear-gradient(to right, rgb(var(--purple-rgb)) 0%, #FF496D 100%) !important;
  color: #fff;
}
.bg-teal-gradient {
  background: linear-gradient(to right, rgb(var(--teal-rgb)) 0%, #0695DD 100%) !important;
  color: #fff;
}
.bg-light-gradient {
  background: linear-gradient(to right, rgb(var(--light-rgb)) 0%, #D1D6DE 100%) !important;
  color: #000;
}
.bg-dark-gradient {
  background: linear-gradient(to right, rgb(var(--dark-rgb)) 0%, #54505D 100%) !important;
  color: #fff;
}
.bg-outline-primary {
  background-color: var(--custom-white);
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}
.bg-outline-secondary {
  background-color: var(--custom-white);
  border: 1px solid rgb(var(--secondary-rgb));
  color: rgb(var(--secondary-rgb));
}
.bg-outline-warning {
  background-color: var(--custom-white);
  border: 1px solid rgb(var(--warning-rgb));
  color: rgb(var(--warning-rgb));
}
.bg-outline-info {
  background-color: var(--custom-white);
  border: 1px solid rgb(var(--info-rgb));
  color: rgb(var(--info-rgb));
}
.bg-outline-success {
  background-color: var(--custom-white);
  border: 1px solid rgb(var(--success-rgb));
  color: rgb(var(--success-rgb));
}
.bg-outline-danger {
  background-color: var(--custom-white);
  border: 1px solid rgb(var(--danger-rgb));
  color: rgb(var(--danger-rgb));
}
.bg-outline-dark {
  background-color: var(--custom-white);
  border: 1px solid rgb(var(--dark-rgb));
  color: rgb(var(--dark-rgb));
}
.bg-outline-light {
  background-color: var(--custom-white);
  border: 1px solid rgb(var(--light-rgb));
  color: var(--custom-black);
}
.bg-gray-100 {
  background-color: var(--gray-1);
}
.bg-gray-200 {
  background-color: var(--gray-2);
}
.bg-gray-300 {
  background-color: var(--gray-3);
}
.bg-gray-400 {
  background-color: var(--gray-4);
}
.bg-gray-500 {
  background-color: var(--gray-5);
}
.bg-gray-600 {
  background-color: var(--gray-6);
}
.bg-gray-700 {
  background-color: var(--gray-7);
}
.bg-gray-800 {
  background-color: var(--gray-8);
}
.bg-gray-900 {
  background-color: var(--gray-9);
}
.bg-primary-transparent {
  background-color: var(--primary01) !important;
  color: var(--primary-color) !important;
}
.bg-primary-transparent:hover {
  background-color: var(--primary01) !important;
  color: var(--primary-color) !important;
}
.bg-secondary-transparent {
  background-color: rgba(var(--secondary-rgb), 0.1) !important;
  color: rgb(var(--secondary-rgb)) !important;
}
.bg-secondary-transparent:hover {
  background-color: rgba(var(--secondary-rgb), 0.1) !important;
  color: rgb(var(--secondary-rgb)) !important;
}
.bg-info-transparent {
  background-color: rgba(var(--info-rgb), 0.1) !important;
  color: rgb(var(--info-rgb)) !important;
}
.bg-info-transparent:hover {
  background-color: rgba(var(--info-rgb), 0.1) !important;
  color: rgb(var(--info-rgb)) !important;
}
.bg-success-transparent {
  background-color: rgba(var(--success-rgb), 0.1) !important;
  color: rgb(var(--success-rgb)) !important;
}
.bg-success-transparent:hover {
  background-color: rgba(var(--success-rgb), 0.1) !important;
  color: rgb(var(--success-rgb)) !important;
}
.bg-warning-transparent {
  background-color: rgba(var(--warning-rgb), 0.1) !important;
  color: rgb(var(--warning-rgb)) !important;
}
.bg-warning-transparent:hover {
  background-color: rgba(var(--warning-rgb), 0.1) !important;
  color: rgb(var(--warning-rgb)) !important;
}
.bg-danger-transparent {
  background-color: rgba(var(--danger-rgb), 0.1) !important;
  color: rgb(var(--danger-rgb)) !important;
}
.bg-danger-transparent:hover {
  background-color: rgba(var(--danger-rgb), 0.1) !important;
  color: rgb(var(--danger-rgb)) !important;
}
.bg-light-transparent {
  background-color: rgba(var(--light-rgb), 0.1) !important;
  color: rgb(var(--light-rgb)) !important;
}
.bg-light-transparent:hover {
  background-color: rgba(var(--light-rgb), 0.1) !important;
  color: var(--default-text-color) !important;
}
.bg-dark-transparent {
  background-color: rgba(var(--dark-rgb), 0.1) !important;
  color: rgb(var(--dark-rgb)) !important;
}
.bg-dark-transparent:hover {
  background-color: rgba(var(--dark-rgb), 0.1) !important;
  color: rgb(var(--dark-rgb)) !important;
}
.bg-pink-transparent {
  background-color: rgba(var(--pink-rgb), 0.1) !important;
  color: rgb(var(--pink-rgb)) !important;
}
.bg-pink-transparent:hover {
  background-color: rgba(var(--pink-rgb), 0.1) !important;
  color: rgb(var(--pink-rgb)) !important;
}
.bg-orange-transparent {
  background-color: rgba(var(--orange-rgb), 0.1) !important;
  color: rgb(var(--orange-rgb)) !important;
}
.bg-orange-transparent:hover {
  background-color: rgba(var(--orange-rgb), 0.1) !important;
  color: rgb(var(--orange-rgb)) !important;
}
.bg-purple-transparent {
  background-color: rgba(var(--purple-rgb), 0.1) !important;
  color: rgb(var(--purple-rgb)) !important;
}
.bg-purple-transparent:hover {
  background-color: rgba(var(--purple-rgb), 0.1) !important;
  color: rgb(var(--purple-rgb)) !important;
}
.bg-teal-transparent {
  background-color: rgba(var(--teal-rgb), 0.1) !important;
  color: rgb(var(--teal-rgb)) !important;
}
.bg-teal-transparent:hover {
  background-color: rgba(var(--teal-rgb), 0.1) !important;
  color: rgb(var(--teal-rgb)) !important;
}
.bg-green-transparent {
  background-color: rgba(29, 216, 113, 0.1) !important;
  color: #1dd871 !important;
}
.bg-green-transparent:hover {
  background-color: rgba(29, 216, 113, 0.1) !important;
  color: #1dd871 !important;
}
.bg-indigo-transparent {
  background-color: rgba(77, 93, 219, 0.1) !important;
  color: #4d5ddb !important;
}
.bg-indigo-transparent:hover {
  background-color: rgba(77, 93, 219, 0.1) !important;
  color: #4d5ddb !important;
}
.bg-yellow-transparent {
  background-color: rgba(255, 193, 2, 0.1) !important;
  color: #ffc102 !important;
}
.bg-yellow-transparent:hover {
  background-color: rgba(255, 193, 2, 0.1) !important;
  color: #ffc102 !important;
}
.bg-blue-transparent {
  background-color: rgba(43, 62, 101, 0.1) !important;
  color: #2b3e65 !important;
}
.bg-blue-transparent:hover {
  background-color: rgba(43, 62, 101, 0.1) !important;
  color: #2b3e65 !important;
}
.text-bg-primary {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}
.text-bg-secondary {
  background-color: rgb(var(--secondary-rgb)) !important;
  color: #fff !important;
}
.text-bg-warning {
  background-color: rgb(var(--warning-rgb)) !important;
  color: #fff !important;
}
.text-bg-info {
  background-color: rgb(var(--info-rgb)) !important;
  color: #fff !important;
}
.text-bg-success {
  background-color: rgb(var(--success-rgb)) !important;
  color: #fff !important;
}
.text-bg-danger {
  background-color: rgb(var(--danger-rgb)) !important;
  color: #fff !important;
}
.text-bg-light {
  background-color: rgb(var(--light-rgb)) !important;
  color: #000 !important;
}
.text-bg-dark {
  background-color: rgb(var(--dark-rgb)) !important;
  color: #fff !important;
}
img{max-width:100%}
.form-check-input{border:1px solid #c4c4c4}
.dt-orderable-none{padding-right:.75rem!important}
.dt-orderable-none .dt-column-order{display:none}
.page-wrapper .page-content .page-title-box .page-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.form-label{color:#000}
.form-servers{max-height:300px;overflow-y:auto;padding:.517rem;background:#f4f6f9}
.form-servers::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5}
.form-servers::-webkit-scrollbar{width:9px;background-color:#F5F5F5}
.form-servers::-webkit-scrollbar-thumb{background-color:#ff3636;background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}
@media (max-width:768px){
  .card-body{padding:1rem}
  .page-wrapper .page-content,.topbar{padding:0}
  .footer{position:unset}
}
#seoContent{font-size:14px;line-height:1.6;font-family:"Roboto", sans-serif;}
#seoContent h2,#seoContent h3,#seoContent h4{position:relative;cursor:pointer}
#seoContent h2::after,#seoContent h3::after,#seoContent h4::after{content:'';position:absolute;width:0;height:2px;background-color:#0d6efd;bottom:0;left:0;transition:width .3s ease}
#seoContent h2:hover::after,#seoContent h3:hover::after,#seoContent h4:hover::after{width:100%}
#showMoreBtn{display:block;margin:0 auto;padding:5px 10px;font-size:12px;border-radius:4px;cursor:pointer}
#seoContent h1{font-size:26px}
#seoContent h2{font-size:24px}
#seoContent h3{font-size:20px}
#seoContent h4{font-size:18px}
#seoContentText{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#seoContentText.show-all{display:block}
#seoContent table{width:100%;border:0;margin-bottom:1rem}
#seoContent table tr{border-bottom:1px solid rgb(13 13 13 / 5%)}
#seoContent table td{padding:10px}
#details>div:empty{display:none}
.card{--bs-card-spacer-y:30px;--bs-card-spacer-x:30px;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color:#111c2d;--bs-card-subtitle-color:#707a82;--bs-card-border-width:0;--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:1.125rem;--bs-card-box-shadow:0 2px 6px rgba(37,83,185,0.1);--bs-card-inner-border-radius:calc(1.125rem - 0);--bs-card-cap-padding-y:15px;--bs-card-cap-padding-x:30px;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb),0.03);--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:12px;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:#fff;background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius);box-shadow:var(--bs-card-box-shadow)}
.card .card-header{border-radius:1.125rem 1.125rem 0 0;background:rgba(49, 103, 243, 0.1)}
.topbar{background:#fff;position:sticky;top:0;padding:0 15px;margin-bottom:15px;box-shadow:0 2px 6px rgba(37,83,185,0.1);border-radius:0 0 1.125rem 1.125rem;width:100%!important}
@media (max-width:768px){
    .topbar{margin-left:calc(1.5rem * -0.5);margin-right:calc(1.5rem * -0.5);width:calc(100% + 1.5rem)!important}
    .topbar .topbar-custom.nav-sticky:last-child ul li:last-child .nav-icon{margin-right:0}
    .topbar .topbar-custom.nav-sticky .nav-link.mobile-menu-btn{margin-left:0}
}
.page-wrapper .page-content{margin-top:0}
body{width:100vw;overflow-x:hidden;font-family:"Plus Jakarta Sans", sans-serif}
.auth-bg{position:relative;overflow:hidden}
.auth-bg:before{content:"";position:absolute;height:100%;width:100%;opacity:0.3;background:radial-gradient(#d2f1df,#d3d7fa,#bad8f4) 0 0 / 400% 400%}
body:has(.auth-header-box) .mx-auto{position:relative}
body:has(.auth-header-box) .mx-auto:after{content:"";position:absolute;left:-80px;bottom:-80px;width:200px;height:200px;border-radius:100%;background-color:#fb977d}
body:has(.auth-header-box) .mx-auto > .card{z-index:1}
body:has(.auth-header-box) .mx-auto:before{content:"";position:absolute;top:-70px;right:-70px;width:200px;height:215px;background-image:url(../images/extra/shap-login.png);background-repeat:no-repeat;background-size:contain}
.dropdown-menu.show:has(.change-language){margin-top:-10px!important}
.startbar{background:#fff;box-shadow:0 2px 6px rgba(37,83,185,0.1);border:none}
.startbar .startbar-menu .navbar-nav .nav-item .nav-link{color:#111c2d}
.startbar .startbar-menu .navbar-nav .nav-item .nav-link.active,.startbar .startbar-menu .navbar-nav .nav-item .nav-link:hover,.startbar .startbar-menu .navbar-nav .nav-item .nav-link.active i,.startbar .startbar-menu .navbar-nav .nav-item .nav-link:hover i{color:#3167f3}
.primary-hover-bg::before{content:"";position:absolute;top:0;bottom:0;left:-16px;width:0;height:100%;z-index:-1;border-radius:0 24px 24px 0;transition:all 0.4s ease-in-out}
.navbar-nav > li > .primary-hover-bg:focus::before, .navbar-nav > li > .primary-hover-bg:hover::before,.navbar-nav > li > .primary-hover-bg.active::before{background:rgba(0,116,186,0.1);width:calc(100% + 16px)}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{color: var(--bs-nav-pills-link-active-color)!important}
@media (min-width:1200px){body[data-sidebar-size=collapsed] .startbar:not(:hover) .startbar-menu .navbar-nav .nav-item .nav-link img.menu-icon{width:20px;height:20px;max-width:20px}}
@media (min-width:768px){.footer{padding:0 1.5rem}}
.form-select {border-radius:0.5rem;margin:0 0.5rem;background-position: right .5rem center;padding-right:1.5rem;}
.startbar .startbar-menu .navbar-nav .nav-item .nav .nav-item .nav-link{padding: 6px 0 6px 6px}
.icon-middle{position:fixed;right:17px;bottom:80px;transition:all .2s;z-index:3}
.icon-middle .icon{margin-bottom:10px;z-index:1;width:45px;height:45px;background:#3697D7;color:#fff;display:inherit;text-align:center;line-height:43px;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s}
.icon-middle .icon:hover{box-shadow:0 8px 25px -8px #071666}
.icon-middle .icon img{width:auto;max-width:100%}
.icon-middle .icon img.icon-svg{width:calc(100% - 25px);vertical-align:middle}
.mini-icons .icon-middle{right:-60px}
#middle-control{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;position:fixed;bottom:30px;right:20px;cursor:pointer;z-index:90;background:#3697D7;-webkit-box-shadow:0 0 15px 1px rgba(69,65,78,0.2);box-shadow:0 0 15px 1px rgba(69,65,78,0.2);opacity:1;-webkit-transition:all 0.3s;transition:all 0.3s;border-radius:4px;padding:9px}
#middle-control i{font-size:21px;color:#ffffff}
body .select2-container .select2-search--inline .select2-search__field{font-family:inherit}
body .select2-container--classic .select2-search--dropdown .select2-search__field,body .select2-container--default .select2-search--dropdown .select2-search__field,body .select2-container--default.select2-container--focus .select2-selection--multiple,body .select2-dropdown{border:1px solid var(--bs-border-color);border-radius:10px;outline:none}
.select2-container--open .select2-dropdown--below{box-shadow:0 0 10px rgba(0,0,0,0.1)}
body .select2-container--classic .select2-selection--single,body .select2-container--default .select2-selection--multiple,body .select2-container--default .select2-selection--single{border-radius:var(--bs-border-radius)}
body .select2-container--classic .select2-selection--single,body .select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:var(--bs-white);background-image:unset!important}
body .select2-container--classic .select2-selection--single .select2-selection__arrow{border:0}
body .select2-container .select2-search--inline .select2-search__field::-moz-placeholder{color:var(--bs-body-color)}
body .select2-container .select2-search--inline .select2-search__field::placeholder{color:var(--bs-body-color)}
body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,body .select2-container--default .select2-results__option--selected{background-color:var(--bs-light);color:var(--bs-primary)}
body .select2-results__option{padding:8px 10px}
body .select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:var(--bs-light)}
body .select2-container--classic .select2-selection--single,body .select2-container--classic .select2-selection--single .select2-selection__arrow,body .select2-container--classic .select2-selection--single .select2-selection__rendered,body .select2-container--default .select2-selection--multiple,body .select2-container--default .select2-selection--single,body .select2-container--default .select2-selection--single,body .select2-container--default .select2-selection--single .select2-selection__rendered{border:none;border-radius:7px;background-color:var(--bs-light);color:var(--bs-body-color);height:auto;line-height:20px;padding:4px 6px;outline:none}
.select2-results__options{max-height:500px!important}
body .select2-container--classic .select2-selection--multiple .select2-selection__choice,body .select2-container--default .select2-selection--multiple .select2-selection__choice,body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:var(--bs-primary);border-color:var(--bs-primary);color:#fff}
body .select2-container--default .select2-selection--multiple .select2-selection__choice{border-radius:var(--bs-border-radius)}
body .select2-container--default .select2-selection--single .select2-selection__arrow{background:#f4f6f9}
.table>thead{background:#f4f6f9}
.desc-list{height:47px;padding:0 10px;display:flex;align-items:center;gap:15px;background:#efefef;border-radius:15px;margin-top:5px}
.desc-list .icon{width:32px;height:32px;flex:0 0 32px;color:#28cb69;background-color:rgb(40,203,105,.15);display:flex;align-items:center;justify-content:center;border-radius:50%}
.desc-list .text{white-space:nowrap;text-transform:capitalize}
.text-list{color:#6f767e}
.body-note iframe{width:100%;height:auto;aspect-ratio:1.5}
.card-free{position:relative;border:1px solid #ff807d;box-shadow:0 3px 3px rgb(254 211 210)}
.card-free img{width:80px;position:absolute;top:-15px;right:-10px}
.card-free .form-control:focus{border-color:#ff7f7d}
.bg-affiliate{background:url(/assets/images/extra/info-shap.png) no-repeat top right;border:1px solid #46caeb;box-shadow:0 3px 3px rgb(213 241 249) !important}
@media (max-width:768px) {
  .desc-list{gap:8px}
}
@media (min-width:1200px){
  .page-wrapper .page-content{max-width:calc(100% - var(--bs-startbar-width))}
  body[data-sidebar-size=collapsed] .page-wrapper .page-content{max-width:calc(100% - var(--bs-startbar-collapsed-width))}
}
.toc-section{border:1px solid #aaa;margin-bottom:1.5rem}
#tocContainer{display:none;padding:15px;border-top:1px solid rgba(0,0,0,.125);}
.toc > ol{font-weight:bold;color:#000}
.header-toc{padding:15px;font-size:18px}
.toc{counter-reset:section;list-style:none;padding-left:30px;margin:0}
.toc > li{counter-increment:section;margin-bottom:0.5em;position:relative}
.toc > li::before{content:counter(section) ". ";font-weight:bold;position:absolute;left:-20px}
.toc > li > ol{counter-reset:subsection;list-style:none;padding-left:30px}
.toc > li > ol > li{counter-increment:subsection;position:relative;font-weight:normal}
.toc > li > ol > li::before{content:counter(section) "." counter(subsection) " ";position:absolute;left:-30px}
.toc > li:last-child{margin:0;}
.toc li{line-height:1.6}
.toc li a{color:#000}
.toc li:hover > a,.toc li:focus > a,.toc li:hover:before,.toc li:focus:before{color:#3167f3}
.noti{border-radius:12px;gap:8px;padding:5px 12px;position:relative;background:linear-gradient(90deg,#fee9a5,#ffc814);display:inline-flex;align-items:center;line-height:1.4}
.noti:before{content:'';animation:gift-shake .5s ease-in-out infinite;background-image:url(/assets/images/gitf.svg);background-size:100% 100%;height:20px;left:14px;width:20px}
@keyframes gift-shake{0%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}
.reactions input[name="reaction"]:checked+img{box-shadow:0 0 12px #078aff;position:relative;top:-3px;transform:scale(1.2);transition:all 0.3s ease-in-out}
#details p:last-child, .server-detail p:last-child{margin-bottom:0}
.g-recaptcha{display:flex;justify-content:center;}
.modal-header{background:none;}
.modal-header .modal-title{color:#000;margin-left:auto;margin-right:auto;}
.recent-activity-list {
  margin-block-end: 0;
  position: relative;
}
.recent-activity-list:before {
  position: absolute;
  content: "";
  width: 1px;
  background-color: #ecf3fb;
  height: 100%;
  inset-inline-start: 50px;
  inset-block-start: 12px;
}
.recent-activity-list li {
  position: relative;
  margin-block-end: 1.1rem;
  padding-inline-start: 4rem;
}
.recent-activity-list li .activity-time {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 2px;
}
.recent-activity-list li:nth-child(5n):before {
    background-color: rgba(92, 103, 247, 1);
    box-shadow: 0px 0px 0px 4px rgba(92, 103, 247, 0.15);
}
.recent-activity-list li:nth-child(5n+1):before {
    background-color: rgba(227, 84, 212, 1);
    box-shadow: 0px 0px 0px 4px rgba(227, 84, 212, 0.15);
}
.recent-activity-list li:nth-child(5n+2):before {
    background-color: rgba(255, 93, 159, 1);
    box-shadow: 0px 0px 0px 4px rgba(255, 93, 159, 0.15);
}
.recent-activity-list li:nth-child(5n+3):before {
    background-color: rgba(255, 142, 111, 1);
    box-shadow: 0px 0px 0px 4px rgba(255, 142, 111, 0.15);
}
.recent-activity-list li:nth-child(5n+4):before {
    background-color: rgba(158, 92, 247, 1);
    box-shadow: 0px 0px 0px 4px rgba(158, 92, 247, 0.15);
}
.recent-activity-list li:nth-child(5n+5):before {
    background-color: rgba(255, 198, 88, 1);
    box-shadow: 0px 0px 0px 4px rgba(255, 198, 88, 0.15);
}
.recent-activity-list li:before {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #ecf3fb;
  inset-inline-start: 47px;
  inset-block-start: 7px;
}
.recent-activity-list li:last-child {
  margin-block-end: 0;
}
input.form-control:disabled, .form-select:disabled {
    background: #f1f4f7;
    border: 1px solid #ced4da;
    cursor: not-allowed
}
.pulse[data-num="0"]{display:none!important}
@media (max-width: 768px) {
    table.table {
        white-space: nowrap;
    }
}
.btn-orange{background:#fd7906;color:#fff;border:none;}
.btn-orange:hover, .btn-orange:focus{background:#e7720b!important;color:#fff!important;}
.btn-green{background:#00c951;color:#fff;border:none;}
.btn-green:hover, .btn-orange:focus{background:#00c951!important;color:#fff!important;}
.btn-green:disabled, .btn-green.disabled{background:#3cff8a;color:#fff;}
.btn-red{background:#fb2c36;color:#fff;border:none;}
.btn-red:hover, .btn-orange:focus{background:#fb2c36!important;color:#fff!important;}
.bg-orange{background:#fd7906;}
.bg-green {background:#00c951}
.bg-red {background:#fb2c36}
.text-orange{color:#fd7906;}
.text-green {color:#00c951}
.text-red {color:#fb2c36}
.server-item.disabled{opacity:0.6;}
span.marker{background:yellow;}
.text-indigo {
    color: #8763da !important;
}
.border-indigo {
    border-color: #8763da !important;
}
.bg-indigo-subtle {
    background-color: #f1ebff;
}
.table-responsive .dt-layout-full{padding:0;}
.imgbb-control{position:relative;height:40px;line-height:40px;overflow:hidden;background:#e7e7e7;color:#FFF;border-radius:0.4rem;}
.imgbb-iconSelect{background-position:0 -16px;display:inline-block;background:url(https://i.imgur.com/e9GpBzF.png) no-repeat center center;width:16px;height:16px;float:left;margin:12px}
.imgbb-add{cursor:pointer;position:absolute;width:140px;height:40px;overflow:hidden;background:#27ad60;left:0;top:0;z-index:1}
.imgbb-choose{cursor:pointer;z-index:10;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;font-size:300px;height:1000px;right:0;top:0;position:absolute;cursor:pointer}
.imgbb-list{white-space:nowrap;overflow-x:auto;margin-top:5px}
.imgbb-list .imgbb-i{vertical-align:top;width:100px;height:100px;border:1px solid #eee;display:inline-flex;padding:10px;position:relative;margin:0 10px 10px 0}
.imgbb-list .imgbb-i img{margin:auto;max-width:100%;max-height:100%}
.imgbb-remove{position:absolute;top:0;right:0;width:15px;height:15px;line-height:15px;text-align:center;color:#fff;background:red;cursor:pointer}
.imgbb-loading{position:absolute;right:10px;display:none}
.btn-xs {
    padding: .05rem .4rem;
    font-size: 11px;
}
.table-responsive { position: relative; }

.table-responsive .action-bar{
  position: absolute;
  top: 0; left: 0; right: 0;
  display: none;
  padding: 10px 0 0;
  height: 48px;
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(4px);
  z-index: 5;
  display: flex; align-items: center; gap: 8px; justify-content: flex-start;
}
[data-bs-theme=dark] body, [data-bs-theme=dark] .footer {
    background-color: #131920 !important;
}
[data-bs-theme=dark] .card, [data-bs-theme=dark] .topbar, [data-bs-theme=dark] .startbar {
    background: #1b232d !important;
}
[data-bs-theme=dark] .form-label, [data-bs-theme=dark] .card-title, [data-bs-theme=dark] .startbar .startbar-menu .navbar-nav .nav-item .nav-link {
    color: #fff!important;
}
[data-bs-theme=dark] .table>thead, [data-bs-theme=dark] .desc-list {
    background: #131920;
}