body, li, p, span, table { font-family: "Open Sans", sans-serif !important; font-size: 0.9rem;	font-display: swap; }

body, html { overflow-x: hidden; }

a { text-decoration: none !important; }

/* Headers */
#footer { position: static; width: 100%; padding: 0.7rem 2rem; bottom: 0; }

/* Scrollbar */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #888; }
::-webkit-scrollbar-thumb:hover {  background: #555; }
::-webkit-scrollbar:horizontal{ height: 4px; }
::-webkit-scrollbar-thumb:horizontal{ background: #888; border-radius: 10px; }

/* Floating Sidebar */
.floating-sidebar { position: fixed; top: 50%; left: 0; transform: translateY(-50%); width: 70px; height: 400px; background-color: rgba(25,30,36,0.9); border-radius: 0 10px 10px 0; display: flex; align-items: center; z-index: 9999; }
.floating-sidebar ul { list-style: none; margin: 0; padding: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.floating-sidebar li { width: 100%; text-align: center; position: relative; flex: 1; display: flex; align-items: center; justify-content: center; }
.floating-sidebar li + li::before { content: ""; position: absolute; top: 0; left: 5px; right: 5px; height: 1px; background-color: rgba(255,255,255,0.6); }
.floating-sidebar a { display: block; width: 100%; color: #fff; text-decoration: none; }
.floating-sidebar a:hover { background-color: rgba(255,255,255,0.1); }

/* Navbar */
.navbar { box-shadow: none !important; padding: 0.75rem 1rem !important; }
.navbar-light .navbar-nav .nav-link { font-size: 0.9rem !important; }
.nav-user>a { color: #000 !important; }
.nav-user>.dropdown-menu, .dropdown-menu { background-image: linear-gradient(to bottom, #f2ca80, #e1b86c, #e4bb6e); }
.nav-link,.nav-link>a { color: #f1f1f1 !important; }
.nav-link>a:hover { text-decoration: none; }
.nav-link>.fas, a>.fas { margin-right: 2px; }
.nav-item>.text-out { color: rgb(220, 53, 69) !important; }
.dropdown:hover>.dropdown-menu { display: block; right: 0; left: auto; }
.dropdown-menu>a:hover { background-color: rgba(0,0,0,0.08); color: #666 !important; transition: all 0.3s ease-in-out !important; }
.dropdown-item { font-size: 0.85rem !important; }

/* Buttons */
.btn:hover { color: #000; opacity: 0.9; }
.btn-warning-light { background-image: linear-gradient(to bottom, #f2ca80, #e1b86c, #e4bb6e); }
.btn-close { --bs-btn-close-color: #fff !important; filter: brightness(0) invert(1); opacity: 1 !important; }

/* Background */
.bg-astra { color: #fff; min-height: 100vh; background: radial-gradient(circle at top left, #000000 0%, transparent 70%), radial-gradient(circle at bottom right, #000000 0%, transparent 70%), radial-gradient(circle at center, #0b3d91 0%, #001020 100%); background-blend-mode: screen; overflow: hidden; position: relative; }
.bg-default { background-color: rgba(25,30,36,0.9) !important; }
.bg-default-100 { background-color: rgba(25,30,36,1) !important; }
.bg-warning-light { background-image: linear-gradient(to bottom, #f2ca80, #e1b86c, #e4bb6e); }
.opacity-10 { opacity: 0.1 }
.location img { max-height: 22px; }

/* Spacing */
.index-spacing { padding-top: 150px; }
.non-index-spacing { padding-top: 100px; }
.min-vh-100 { min-height: 100vh; }
.min-height { min-height: var(--min-height-size); }

/* Index */
.table-index { background-color: rgba(25,30,36,1); overflow: hidden; box-shadow: 0 0 5px rgba(255, 255, 255, 0.2), 0 0 5px rgba(255, 255, 255, 0.2); }
.table-index tbody tr th, .table-index tbody tr td { background-color: rgba(25,30,36,0.9) !important; color: #fff !important; border-bottom: rgba(255,255,255,1) !important; }
.table-index tr:first-child th { padding-top: 25px !important; }
.table-index tr:last-child td { padding-bottom: 25px !important; }
.table-index td:first-child, .table-index td:last-child { width: 50%; }
.news-card { padding: 0.5rem; background-color: rgba(25,30,36,1); overflow: hidden; box-shadow: 0 0 5px rgba(255, 255, 255, 0.2), 0 0 5px rgba(255, 255, 255, 0.2); display: flex; flex-direction: column; }
.news-category { background-image: linear-gradient(to bottom, #f2ca80, #e1b86c, #e4bb6e); padding: 8px 0 8px 0; }
.news-text { flex-grow: 1; }
.news-link { font-size: 0.9rem; }

/* Forms */
.form-box { border: 1px solid #ddd; padding: 2rem 1.5rem; background: rgba(255,255,255,0.7); border-radius: 20px; }
.form-control { padding: 0.4rem 2.2rem !important;  font-size: 13px; width: 100% !important; }
.form-group { margin-bottom: 5px !important; }
.form-group>.fas { display: flex; position: absolute; margin: 8px; float: left; font-size: 1.2rem; color: #666; }
.form-text { color: #fff !important; margin-bottom: 3px; }
.calendar, .gender-group { display: table; margin: auto; }
.calendar>.fas { margin-right: 5px; color: #fff; }
.width-600 { max-width: 600px; }
.search>.fas { display: flex; position: absolute; margin: 5px 8px 0 8px; float: left; font-size: 1.2rem; color: #666; }
.custom-select {  max-height: 30px !important; padding: 0.3rem 0.75rem !important; font-size: 0.85rem !important; width: 100%; border: 1px solid #ddd; border-radius: 0.25rem; }

/* Tables */
.horizontal-table td, .vertical-table td { background-color: rgba(12, 25, 51, 0.5) !important; color: #F1F1F1 !important; }
.horizontal-table th, .vertical-table th { background-color: rgba(12, 25, 51, 1) !important; color: #F1F1F1 !important; }
.horizontal-table th, .horizontal-table td, .horizontal-table tr, .vertical-table th, .vertical-table td, .vertical-table tr { border-color: rgba(221,221,221,0.3); }

/* Cookies */
#cookieConsent { background-color: rgba(25,30,36,1) !important; min-height: 73px; font-size: 14px; color: #fff; padding: 1rem; font-family: "Trebuchet MS",Helvetica,sans-serif; position: fixed; bottom: 0; left: 0; right: 0; display: none; z-index: 9999; text-align: center; }
#cookieConsent a { color: #4B8EE7; text-decoration: none; }
#closeConsent { float: right; display: inline-block; cursor: pointer; height: 20px; width: 20px; font-weight: bold; margin: -10px -15px; }

/* Map View */
.mob-list, .npc-list, .map-list { min-height: var(--min-height-size); max-height: var(--max-height-size); margin: 10px 0; }
.border-shops { border-bottom: 1px solid rgba(221,221,221,0.25) !important; }
.shops_list { min-width: 100% !important; }
.shops_list th { padding: 25px 25px !important; }
.shops_list tr:last-child { border-bottom: none !important; }

/* Overwrite */
.search-form { border-top: none; }
.search-form p, .action a { border-bottom: none; }
a, .top-ranked a, .shops_list span { color: rgb(255,193,7); border-bottom: none; }
#pagemenu { border-style: none; border-color: none; }
.sortable { color: #FFFFFF; }
.pages { border-top: 1px solid rgba(255,255,255,0.25); }
.current-page, .online { color: rgb(255,193,7) !important; font-weight: normal !important; }
.page-num, .current-sub-menu { color: #FFF !important; font-weight: normal !important; }
.jump-to-page { color: #F1F1F1; }
.info-text { background-color: rgba(12, 25, 51, 1); color: #F1F1F1; border-color: rgba(221,221,221,0.3); border-radius: 5px; }
.block-link { border-bottom: none; }
.monster-mode li { border-bottom: none; }
.attr_head, .shops_list td, .shops_list th, .shops_list span { border-bottom: none !important; }
.npc_shop_name span { margin-top: -50px; }
.gif-fix { position: relative; display: inline-block;} 
.gif-fix::before { content: ""; position: absolute; top: 0; left: 0; width: 5px; height: 5px; background: rgba(25,30,36); border-radius: 50%; pointer-events: none; }
.information-border { border-color: rgba(221,221,221,0.25) !important; }
.text-small { font-size: 9pt !important; }
.shop-item-action a, .checkout-text a { border-bottom: none !important; }

/* Pages */
.topup-box, .information-box { background: rgba(0, 0, 0, 0.2); border: 1px solid rgba(221, 221, 221, 0.07); border-radius: 12px; backdrop-filter: blur(4px); transition: 0.25s; }
.topup-box:hover, .information-box:hover { border-color: rgba(221,221,221,0.125); background: rgba(0, 0, 0, 0.3); }
.information-svg>.fas { font-size: 2rem; color: rgb(255,193,7); }
.nav-pills { min-width: 200px; }