@charset "utf-8";

.btn-line { background: url("/_nuxt/img/line-contact-icon-white.aee39d4.png") 50% center / cover no-repeat; border-radius: 5px; height: 32px; line-height: 0; margin-left: 5px; margin-right: 5px; margin-top: 3px; vertical-align: middle; width: 32px; }

.btn-outline-success { background-color: transparent; background-image: none; border-color: rgb(40, 167, 69); color: rgb(40, 167, 69); }

.btn-contactbox { max-height: 100px; text-align: center; width: 100%; }

.btn-contactbox span { display: block; }

.btn-contactbox i { font-size: 50px; }

.navbar { background-color: rgb(121, 0, 0); color: rgb(255, 255, 255); height: auto; padding: 0.5rem 1rem; position: relative; width: 100%; }

.navbar, .navbar > .container, .navbar > .container-fluid { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; }

.w-100 { width: 100% !important; }

.notice-bar { background: rgb(185, 5, 4); border-radius: 20px; display: inline-flex; height: 24px; padding: 2px; width: auto; }

.txt-notice { color: rgb(255, 255, 255); display: inline-flex; font-size: 16px; line-height: 20px; width: 100%; }

ul.marquee { background-color: transparent; border: none; display: block; line-height: 1; list-style: none; margin: 0px; overflow: hidden; padding: 0px; position: relative; width: 100%; }

ul.marquee li { display: block; height: 100%; left: 0px; line-height: 1.4; position: absolute; top: -999em; white-space: nowrap; }

.fa-sync:hover { color: rgb(0, 0, 0); }

.btn-link, .btn-link:hover { color: rgb(255, 255, 255); font-weight: 400; text-decoration: none; }

.dropdown-item { padding: 15px; }

.dropdown-item:active { background-color: rgb(222, 184, 135); }

img { border-style: none; vertical-align: middle; }

.dot { cursor: pointer; display: none; text-align: center; width: 25px; }

@media (max-width: 756px) {
  .disbleOnMobile { display: none; }
  .dot { display: block; }
}

#sidebar.active { right: 0px; }

#sidebar { background: rgb(248, 249, 250); box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 3px; color: rgb(136, 136, 136); height: 100vh; overflow-y: scroll; position: fixed; right: -257px; top: 0px; transition: 0.3s; width: 250px; z-index: 1023; }

#sidebar .sidebar-header img { background: rgb(255, 255, 255); border: 3px solid rgb(255, 255, 255); box-shadow: rgb(80, 2, 2) 0px 2px 1px; }

.rounded-circle { border-radius: 50% !important; }

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { touch-action: auto; }

.mCustomScrollbar { touch-action: pinch-zoom; }

.mCustomScrollBox { direction: ltr; height: 100%; max-width: 100%; outline: 0px; overflow: hidden; position: relative; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0px; }

.mCSB_container { height: auto; overflow: hidden; width: auto; }

#dismiss { color: rgb(220, 53, 69); cursor: pointer; font-size: 36px; left: 10px; position: absolute; text-align: center; top: 0px; transition: 0.3s; z-index: 999; }

#sidebar .sidebar-header { background: rgb(151, 2, 21); box-shadow: rgb(193, 193, 193) 0px 1px 3px; color: rgb(255, 255, 255); padding: 20px; position: relative; z-index: 998; font-size: 16px !important; }

.badge-danger { background-color: rgb(220, 53, 69); color: rgb(255, 255, 255); }

.badge-pill { border-radius: 10rem; padding-left: 0.6em; padding-right: 0.6em; }

.badge { border-radius: 0.25rem; display: inline-block; font-size: 75%; font-weight: 700; line-height: 1; padding: 0.25em 0.4em; text-align: center; vertical-align: baseline; white-space: nowrap; }

#sidebar ul.components { background: rgb(236, 236, 236); border-bottom: 1px solid rgb(221, 221, 221); padding: 0px; position: relative; z-index: 997; }

.list-unstyled { list-style: none; padding-left: 0px; }

dl, ol, ul { margin-bottom: 1rem; margin-top: 0px; }

#sidebar ul li a:hover { background-color: rgb(248, 249, 250); color: red; }

#sidebar ul.CTAs { padding: 10px 20px; }

a.logout:hover { border-bottom: 1px rgb(185, 5, 4); padding-bottom: 10px; background: rgb(255, 255, 255) !important; color: red !important; text-shadow: rgb(80, 2, 2) 0px 0px 0px !important; }

#dismiss:hover { color: rgb(255, 255, 255) !important; }

.overlay.active { background: rgba(0, 0, 0, 0.5); height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 1000; }

#sidebar ul.CTAs { padding: 10px 20px !important; }

#sidebar ul li:last-child a { border-bottom: 1px solid rgb(255, 255, 255); }

#sidebar ul.CTAs a { border: 1px solid rgb(185, 5, 4); border-radius: 5px; display: block; margin-bottom: 5px; text-align: center; font-size: 0.9em !important; }

#sidebar ul li a { border-bottom: 1px dashed rgb(255, 255, 255); color: rgb(85, 85, 85); display: block; font-size: 1.1em; padding: 10px; text-decoration: none; text-shadow: rgb(255, 255, 255) 1px 1px 0px; transition: 0.3s; }

a.logout { border: 1px solid rgb(185, 5, 4); background: rgb(151, 2, 21) !important; color: rgb(255, 255, 255) !important; text-shadow: rgb(80, 2, 2) 1px 1px 0px !important; }