@font-face { font-family: "gotham"; src: url("../fonts/Gotham-Book.woff") format("woff"), url("../fonts/Gotham-Book.woff2") format("woff2"), url("../fonts/Gotham-Book.ttf") format("truetype"); font-weight: normal; }
@font-face { font-family: 'gotham'; src: url("../fonts/Gotham-Medium.woff2") format("woff2"), url("../fonts/Gotham-Medium.woff") format("woff"), url("../fonts/Gotham-Medium.ttf") format("truetype"); font-weight: 500; }
@font-face { font-family: 'gotham'; src: url("../fonts/Gotham-Bold.woff2") format("woff2"), url("../fonts/Gotham-Bold.woff") format("woff"); font-weight: 600; }
@font-face { font-family: 'gotham'; src: url("../fonts/Gotham-Black.woff2") format("woff2"), url("../fonts/Gotham-Black.woff") format("woff"); font-weight: 700; }
@font-face { font-family: 'DB Helvethaica'; src: url("../fonts/DBHelvethaicaX-55Regular.woff2") format("woff2"), url("../fonts/DBHelvethaicaX-55Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'DB Helvethaica'; src: url("../fonts/DBHelvethaicaX-75Bd.woff2") format("woff2"), url("../fonts/DBHelvethaicaX-75Bd.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }
.color-main { color: #030000; }

.color-ci { color: #ffdd00; }

.color-ci-2 { color: #60b74a; }

.color-red { color: #d60000; fill: #d60000; }

.color-green { color: #3db834 !important; fill: #3db834 !important; }

.color-gray { color: #6d6e71; }

.font-normal { font-weight: normal !important; }

.font-med { font-weight: 500; }

.font-bold { font-weight: 600; }

.font-black { font-weight: 700; }

.btn-detail.btn-line, .btn-small.btn-line { background: none; border: 1px solid #ffdd00; color: #ffdd00 !important; }

.btn-detail { padding: 10px 40px 10px; background: #ffdd00; line-height: 1.3; border-radius: 5px; text-transform: uppercase; color: #030000; display: inline-block; position: relative; font-weight: 600; transition: all 0.3s ease 0s; border: 1px solid #ffdd00; }
.disable.btn-detail { background: #d9d9d9; color: #9e9e9e; border-color: #d9d9d9; }
.disable.btn-detail:hover { background: #d9d9d9; color: #9e9e9e; border-color: #d9d9d9; }
.btn-red.btn-detail { background: #d60000; }
.btn-dark.btn-detail { background-color: #000; color: #fff; border-color: #000; }

.btn-small { background: #ffdd00; color: #fff; font-weight: 400; font-size: 1em; padding: 8px 25px 0; color: #fff; border-radius: 20px; display: inline-block; height: 38px; text-transform: uppercase; }
.btn-small i { position: relative; top: -3px; margin-right: 3px; }
.btn-small i img { width: 22px; }
.btn-small i.bi { top: 0; font-size: 1.2em; }
.btn-small.btn-red { background: #d60000; }
.btn-small:hover { color: #fff; }

button.btn-small { padding-top: 0; }

.cut-text-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.cut-text-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.cut-text-1 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

html, body { width: 100%; padding: 0; -webkit-font-smoothing: antialiased; }

a, a:hover, a:active, a:focus { cursor: pointer; text-decoration: none; outline: none; color: inherit; transition: all 0.3s; }

p { margin: 0 0 15px; }

ol, ul { list-style: none; padding: 0; }

body { font-family: "gotham", DB Helvethaica; font-size: 16px; line-height: 1.4; overflow-x: hidden; color: #030000; height: 100%; background: #fff; }

button { background: none; border: 0; }

button:focus, button:active, input:focus, input:active, textarea:focus, textarea:active { outline: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; }

textarea { resize: none; padding-top: 15px !important; }

select option { font-size: 13px; }

.pad-30 { padding-top: 30px; padding-bottom: 30px; }

.pad-50 { padding-top: 50px; padding-bottom: 50px; }
.pad-50.pt-80 { padding-top: 80px; }
.pad-50.bg-gray { background: #f6f5f5; }

.pad-70 { padding-top: 70px; padding-bottom: 70px; }
@media (max-width: 991.98px) { .pad-70 { padding-top: 50px; padding-bottom: 50px; } }
.pad-70.bg-gray { background: #f6f5f5; }

.form-check-input:checked { background-color: #ffdd00; border-color: #ffdd00; }

.custom-control-label::before { box-shadow: none; }

@media (min-width: 1320px) { .container { max-width: 1300px; }
  .container.container-1200 { max-width: 1250px; } }
@media (min-width: 1520px) { .container { max-width: 1440px; }
  .container.container-1200 { max-width: 1250px; } }
.wsanimated-arrow { position: relative; transition: all .4s ease-in-out; cursor: pointer; padding: 20px; display: none; margin-right: 25px; padding-left: 10px; }
@media (max-width: 1099.98px) { .wsanimated-arrow { display: block; } }
.wsanimated-arrow span, .wsanimated-arrow span:before, .wsanimated-arrow span:after { cursor: pointer; height: 2px; width: 25px; border-radius: 2px; background: #030000; position: absolute; display: block; content: ''; transition: all 500ms ease-in-out; }
.wsanimated-arrow span:before { top: -7px; width: 28px; }
.wsanimated-arrow span:after { bottom: -7px; }
@media (max-width: 767.98px) { .wsanimated-arrow { padding-left: 0; }
  .wsanimated-arrow:before { display: none; } }

.top-close { position: absolute; right: 20px; top: 20px; color: #fff; font-size: 30px; }

.boxmenu { padding: 100px 20px 20px; overflow: hidden; width: 80%; left: -80%; position: fixed; z-index: 10; background: #030000; height: 100%; transition: transform .25s ease; }
.boxmenu.active { transform: translate3d(100%, 0, 0); box-shadow: 0 0rem 0.8rem rgba(0, 0, 0, 0.15); }
.boxmenu aside a { font-size: 20px; margin-right: 5px; }
.boxmenu a { color: #fff; display: inline-block; }
.boxmenu .main-menu { opacity: 0; visibility: hidden; position: relative; top: -10px; max-height: calc(100vh - 10px); overflow-y: auto; transition: all 0.3s ease 0s; }
.boxmenu .main-menu > li { margin-bottom: 15px; position: relative; border-bottom: 1px solid #4A4A4A; padding-bottom: 15px; }
.boxmenu .main-menu > li:last-child { border-bottom: 0; }
.boxmenu .main-menu > li > a { position: relative; color: #fff; display: block; width: 100%; font-weight: 500; text-transform: uppercase; }
.boxmenu .main-menu > li .button-sub { position: absolute; right: 0; top: 0; width: 25px; height: 25px; padding: 0 5px 4px; background-image: url(../images/plus-w.svg); background-size: 15px 15px; background-position: center center; background-repeat: no-repeat; color: #fff !important; cursor: pointer; }
.boxmenu .main-menu > li.active > a { color: #fff !important; }
.boxmenu .main-menu > li.active > a::before { width: 100%; }
.boxmenu .main-menu .border-top-menu { margin-top: 35px; padding-top: 35px; border-top: 1px dashed #ccc; }
.boxmenu .submenu { display: none; margin: 30px 0 30px 25px; }
.boxmenu .submenu li { margin-bottom: 15px; }
.boxmenu .submenu li:last-child { margin-bottom: 0; }
.boxmenu .submenu a { position: relative; }

.main-menu.active { top: 0; visibility: visible; opacity: 1; }

.header { z-index: 9; width: 100%; color: #000; box-shadow: 0 0.25vw 0.25vw rgba(0, 0, 0, 0.08); transition: all 0.3s ease 0s; background: #ffdd00; }
@media (max-width: 991.98px) { .header { box-shadow: 0 0.25vw 0.25vw rgba(0, 0, 0, 0.08); width: 100%; } }
.header > .container { display: flex; align-items: stretch; padding-top: 20px; padding-bottom: 20px; position: relative; z-index: 2; transition: all 0.3s ease 0s; }
@media (max-width: 1199.98px) { .header > .container { max-width: 100%; } }
@media (max-width: 1099.98px) { .header > .container { padding-top: 12px; padding-bottom: 12px; } }
@media (max-width: 575.98px) { .header > .container { padding-left: 15px; padding-right: 15px; } }
.header .logo { width: 160px; flex-basis: 160px; display: block; }
@media (max-width: 1099.98px) { .header .logo { width: 100px; flex-basis: 100px; } }
.header.active .logo { width: 120px; flex-basis: 120px; }
@media (max-width: 1099.98px) { .header.active .logo { width: 100px; flex-basis: 100px; } }
.header.active > .container { padding-top: 17px; padding-bottom: 17px; }
@media (max-width: 1099.98px) { .header.active > .container { padding-top: 12px; padding-bottom: 12px; } }
.header .main-menu { display: flex; align-items: center; margin-bottom: 0; flex-grow: 1; margin-left: 50px; }
@media (max-width: 991.98px) { .header .main-menu { margin-left: 0; } }
.header .main-menu li a { position: relative; text-transform: uppercase; display: block; }
.header .main-menu li.a-menu { margin-right: 45px; }
@media screen and (max-width: 1260px) { .header .main-menu li.a-menu { margin-right: 25px; } }
@media (max-width: 1099.98px) { .header .main-menu li.a-menu { display: none; } }
.header .main-menu li.a-login { border-right: 1px solid #000; }
.header .main-menu li.a-login a { display: flex; align-items: center; justify-content: center; }
@media (max-width: 575.98px) { .header .main-menu li.a-login a { height: auto; width: auto; border: 0; margin-right: 0; } }
.header .main-menu li.a-login a i { margin-right: 5px; }
@media (max-width: 575.98px) { .header .main-menu li.a-login a i { margin-right: 0; } }
.header .main-menu li.a-logo-left { margin-left: 50px; }
.header .main-menu li.a-logo-left img { width: 100px; }
@media (max-width: 991.98px) { .header .main-menu li.a-logo-left { margin-left: 0; }
  .header .main-menu li.a-logo-left img { width: 80px; } }
.header .main-menu li:not(.a-menu) { font-weight: 500; }
@media (max-width: 575.98px) { .header .main-menu li:not(.a-menu) { margin-right: 15px; } }
.header .main-menu li:not(.a-menu):last-child { border-right: 0; }
.header .main-menu li:not(.a-menu) a { padding: 0 15px; }
.header .main-menu li .bi { font-size: 20px; }
.header .main-menu li .bi.bi-chevron-down { font-size: 15px; }
.header .main-menu li .bi.bi-cart3 { font-size: 22px; }
@media (max-width: 575.98px) { .header .main-menu li .bi { font-size: 25px !important; } }

.header-social { background: #030000; color: #ffdd00; padding: 5px 0; position: relative; z-index: 1; }
@media (max-width: 991.98px) { .header-social { display: none; } }
.header-social .container { display: flex; justify-content: space-between; align-items: center; }
.header-social aside { font-size: 20px; }
.header-social aside a { margin-right: 20px; }
@media (max-width: 767.98px) { .header-social aside a { margin-right: 5px; } }
.header-social aside a:last-child { margin-right: 0; }

.footer-main .container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
@media (max-width: 1199.98px) { .footer-main .container { max-width: 100%; } }
.footer-main .footer-logo { padding: 15px 0; }
.footer-main .footer-logo .footer-url { display: flex; align-items: center; }
@media (max-width: 1199.98px) { .footer-main .footer-logo .footer-url { width: 100%; justify-content: center; margin-top: 20px; } }
.footer-main .footer-logo .footer-url .footer-link { margin-right: 15px; }
.footer-main .footer-logo .footer-url a { display: block; text-align: right; }
.footer-main .footer-address { background: #030000; color: #fff; padding: 30px 0; }
.footer-main .footer-address .address-left { font-size: .95em; }
.footer-main .footer-address aside { color: #ffdd00; font-size: 20px; }
@media (max-width: 1199.98px) { .footer-main .footer-address aside { margin-top: 30px; } }
.footer-main .footer-address aside a { margin-right: 10px; }
.footer-main .footer-address aside a:last-child { margin-right: 0; }
.footer-main .footer-copy-right { padding: 30px 0; }

html.open-menu { overflow: hidden; }

.hover-img { overflow: hidden; transition: all .6s ease; display: block; position: relative; }
.hover-img img { transition: all .6s ease; }
.hover-img:hover img { transform: scale(1.1); }

.container-full { width: 100%; max-width: 1440px; padding-left: 20px; padding-right: 20px; }

select option { font-size: 1em; }

.f-15 { font-size: 15px; }

.btn-next-prev { font-weight: 500; background: #ffdd00; padding: 10px 10px 10px 30px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid #c1c1c1; }
.btn-next-prev i { margin-left: 25px; color: #ffdd00; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: #000; font-size: 11px; transition: all 0.3s ease 0s; }
.btn-next-prev.btn-prev { background: #030000; color: #ffdd00; padding: 10px 30px 10px 10px; }
@media (max-width: 575.98px) { .btn-next-prev.btn-prev { padding-right: 20px; } }
.btn-next-prev.btn-prev i { margin-left: 0; margin-right: 25px; background: #ffdd00; color: #000; }
.btn-next-prev.btn-prev:hover i { margin-left: 0; margin-right: 35px; }
.btn-next-prev:hover i { margin-left: 35px; }

.swiper-container { position: relative; }
.swiper-container .swiper-pagination-bullet { width: 12px; height: 12px; }

.slide-arrow .navigation { background: #fff; width: 38px; height: 38px; padding: 5px; box-shadow: 0px 0px 7px 0px rgba(163, 163, 163, 0.6); top: 40%; }
.slide-arrow .navigation:after { font-size: 13px; color: #000; }
.slide-arrow .swiper-button-next { right: -22px; }
@media screen and (max-width: 1440px) { .slide-arrow .swiper-button-next { right: 0; } }
.slide-arrow .swiper-button-prev { left: -22px; }
@media screen and (max-width: 1440px) { .slide-arrow .swiper-button-prev { left: 0; } }
.slide-arrow.nav-center .navigation { top: 44%; margin-top: -19px; }
.slide-arrow.arrow-default .navigation { top: 50%; margin-top: -12.5px; }
@media (max-width: 991.98px) { .slide-arrow.arrow-default .navigation { width: 25px; height: 25px; } }
.slide-arrow.arrow-default .swiper-button-next { right: 0; }
.slide-arrow.arrow-default .swiper-button-prev { left: 0; }

.container, .container-fluid { position: relative; z-index: 2; padding-left: 20px; padding-right: 20px; }

.container-fluid { margin: 0 auto; }

@media (max-width: 575.98px) { .container-box { padding-left: 0; padding-right: 0; } }
.help-block { color: #d60000; position: absolute; bottom: -18px; left: 0px; font-size: .8em; }
.help-block ul { margin-bottom: 0; }

.daterangepicker td.active, .daterangepicker td.active:hover { background: #ffdd00; }

ul.has-list { list-style: disc; margin-left: 20px; }

.has-bg-center { background: #ffdd00; background-image: url(../images/bg-s.png); background-repeat: no-repeat; background-position: right -10% top -80px; }

.main-2-col { background: #ffdd00; position: relative; }
.main-2-col.has-bg-s { background-image: url(../images/bg-s.png); background-repeat: no-repeat; background-position: right -10% top -80px; }
.main-2-col .left-bg-main { background: url(../images/left-bg-main.jpg) #000000 left top; background-repeat: no-repeat; background-size: 100%; width: 30%; position: absolute; left: 0; top: 0; height: 100%; }
@media (max-width: 991.98px) { .main-2-col .left-bg-main { width: 50%; } }
@media (max-width: 575.98px) { .main-2-col .left-bg-main { width: 100%; } }
.main-2-col .main-2-col-right { padding-left: 28%; }
@media (max-width: 1599.98px) { .main-2-col .main-2-col-right { padding-left: 35%; } }
@media (max-width: 991.98px) { .main-2-col .main-2-col-right { padding-left: 0; } }
.main-2-col .main-box-col-right { background: #fff; border-radius: 1em; overflow: hidden; }
.main-2-col .main-box-col-right .inner-detail { padding: 50px 60px; }
@media (max-width: 991.98px) { .main-2-col .main-box-col-right .inner-detail { padding: 30px; } }
.main-2-col .font-title { font-size: 43px; text-transform: uppercase; color: #fff; background: #030000; display: inline-block; padding: 15px 50px; line-height: 1.2; position: relative; left: -10%; margin-bottom: 50px; }
.main-2-col .font-title.font-title-w { width: 100%; max-width: 400px; text-align: center; }
@media (max-width: 1599.98px) { .main-2-col .font-title { left: 0; } }
@media (max-width: 1199.98px) { .main-2-col .font-title { font-size: 35px; } }
@media (max-width: 991.98px) { .main-2-col .font-title { left: 0; font-size: 30px; padding: 15px 10px; display: flex; align-items: center; justify-content: center; } }

.inner-footer { display: flex; justify-content: space-between; background: #e8e8e8; padding: 15px 60px; align-items: center; }
@media (max-width: 991.98px) { .inner-footer { padding: 15px 20px; } }

.font-title { font-size: 43px; text-transform: uppercase; margin-bottom: 50px; }
@media (max-width: 1199.98px) { .font-title { font-size: 35px; } }
@media (max-width: 991.98px) { .font-title { font-size: 30px; } }

/*.form-check-input:checked[type="checkbox"] { background-image: url(../images/checked.png); background-size: 90% 90%; }*/

.hero-top { background: #ffdd00; position: relative; height: 520px; }
@media (max-width: 767.98px) { .hero-top { height: auto; } }
.hero-top:before { width: 30%; background: #000; content: ""; height: 88px; position: absolute; left: 0; top: 40px; }
@media (max-width: 767.98px) { .hero-top:before { display: none; } }
.hero-top .container { display: flex; }
@media (max-width: 1199.98px) { .hero-top .container { max-width: 100%; } }
@media (max-width: 767.98px) { .hero-top .container { display: block; } }
.hero-top .hero-left { background: #ffdd00; width: 35%; padding-top: 40px; }
@media (max-width: 767.98px) { .hero-top .hero-left { width: 100%; } }
@media (max-width: 767.98px) { .hero-top .hero-left { padding-top: 20px; padding-bottom: 20px; } }
.hero-top .hero-title { font-size: 40px; text-transform: uppercase; background: #000; color: #fff; width: 90%; display: flex; height: 88px; align-items: center; line-height: 4; }
@media (max-width: 1199.98px) { .hero-top .hero-title { font-size: 30px; } }
@media (max-width: 767.98px) { .hero-top .hero-title { padding-left: 25px; height: 60px; position: relative; left: -20px; } }
.hero-top .hero-date { font-size: 95px; text-transform: uppercase; }
@media (max-width: 1199.98px) { .hero-top .hero-date { font-size: 80px; } }
@media (max-width: 767.98px) { .hero-top .hero-date { font-size: 60px; } }
.hero-top .hero-date span { font-size: .43em; display: block; line-height: .6; }
.hero-top .hero-right { position: absolute; width: 55%; right: 0; top: 0; }
@media (max-width: 767.98px) { .hero-top .hero-right { width: 100%; position: relative; } }
.hero-top .hero-right figure img { width: 100%; height: 400px; object-fit: cover; }
@media (max-width: 767.98px) { .hero-top .hero-right figure img { height: auto; } }
.hero-top .hero-right figcaption { height: 120px; padding: 0 40px; background: #fff; font-size: 25px; text-transform: uppercase; align-items: center; display: flex; }
@media (max-width: 767.98px) { .hero-top .hero-right figcaption { height: auto; padding: 20px; } }
@media (max-width: 1199.98px) { .hero-top .hero-right figcaption { font-size: 20px; } }

.bg-black { background: #030000; color: #fff; }

.bg-s { background-image: url(../images/bg-s.png); background-repeat: no-repeat; background-position: right -10% top -20%; }

.main.has-bg-center { min-height: calc(100vh - 144px); }

.main-welcome { padding-top: 70px; }
.main-welcome .flex-center { display: flex; justify-content: center; margin-bottom: 70px; }
.main-welcome .main-title-special { text-align: center; width: 100%; max-width: 900px; border: 6px solid #ffdd00; padding: 28px 15px; position: relative; }
.main-welcome .main-title-special:before, .main-welcome .main-title-special:after { content: ""; width: 70px; height: 60px; position: absolute; }
@media (max-width: 767.98px) { .main-welcome .main-title-special:before, .main-welcome .main-title-special:after { width: 50px; height: 40px; } }
.main-welcome .main-title-special:before { background: url(../images/quote-left.png); left: -40px; top: -30px; background-size: cover; }
@media (max-width: 767.98px) { .main-welcome .main-title-special:before { left: 0; } }
.main-welcome .main-title-special:after { background: url(../images/quote-right.png); right: -40px; bottom: -30px; background-size: cover; }
@media (max-width: 767.98px) { .main-welcome .main-title-special:after { right: 0; } }
.main-welcome .main-title-special h2 { font-size: 45px; text-transform: uppercase; }
@media (max-width: 767.98px) { .main-welcome .main-title-special h2 { font-size: 30px; margin-bottom: 20px; } }
.main-welcome .p-profile { padding: 0 50px; }
@media (max-width: 767.98px) { .main-welcome .p-profile { padding: 0; } }
.main-welcome .main-title-profile { color: #030000; font-size: 25px; padding: 13px 15px; display: flex; align-items: center; justify-content: center; background: #ffdd00; }
.main-welcome .main-profile-list .main-box-profile { background: #1b1b1b; padding: 30px 80px; height: 100%; }
@media (max-width: 767.98px) { .main-welcome .main-profile-list .main-box-profile { padding: 20px 25px; } }
.main-welcome .main-profile-list .main-box-profile h2 { font-size: 20px; }

.h2-main { font-size: 40px; text-transform: uppercase; }
@media (max-width: 1199.98px) { .h2-main { font-size: 30px; margin-bottom: 20px; } }
@media (max-width: 575.98px) { .h2-main { font-size: 25px; } }

.main-number { padding: 70px 0; }
@media (max-width: 991.98px) { .main-number { padding: 50px 0; } }
.main-number .h2-main { text-align: right; }
@media (max-width: 1199.98px) { .main-number .h2-main { text-align: left; margin-bottom: 20px; } }
.main-number .box-invite { background: #1b1b1b; text-align: center; padding: 20px 30px; height: 100%; border-radius: .5em; }
@media (max-width: 1319.98px) { .main-number .box-invite { padding: 20px; } }
.main-number .box-invite h2 { color: #ffdd00; font-size: 1em; font-weight: normal; }
.main-number .box-invite h3 { font-size: 30px; }
@media (max-width: 1319.98px) { .main-number .box-invite h3 { font-size: 25px; } }
@media (max-width: 1199.98px) { .main-number .box-invite h3 { font-size: 20px; } }

.main-visitor .img-visitor { height: 370px; object-fit: cover; width: 100%; object-position: center bottom; }
@media (max-width: 991.98px) { .main-visitor .img-visitor { height: 250px; } }
.main-visitor .main-visitor-right { padding: 60px 0 0 60px; background: #1b1b1b; flex-grow: 1; justify-content: center; }
.main-visitor .main-visitor-right h2 { font-size: 25px; border-bottom: 2px solid #ffdd00; padding-bottom: 10px; margin-bottom: 20px; }
@media (max-width: 1199.98px) { .main-visitor .main-visitor-right { padding: 30px 0 0 30px; } }
.main-visitor .main-visitor-list { padding-right: 50px; }
@media (max-width: 991.98px) { .main-visitor .main-visitor-list { padding-right: 20px; } }
.main-visitor .main-visitor-list li { display: flex; margin-bottom: 20px; }
@media (max-width: 767.98px) { .main-visitor .main-visitor-list li { display: block; } }
.main-visitor .main-visitor-list li:last-child { margin-bottom: 0; }
.main-visitor .main-visitor-list li label { width: 20%; }
@media (max-width: 991.98px) { .main-visitor .main-visitor-list li label { width: 100%; margin-bottom: 15px; } }
.main-visitor .main-visitor-list li .mv-detail { width: 80%; }
@media (max-width: 991.98px) { .main-visitor .main-visitor-list li .mv-detail { width: 100%; } }

.align-center { display: flex; align-items: center; }

.main-raw-space { padding: 50px 0; background: #1b1b1b; }
.main-raw-space h2 { text-align: right; }
@media (max-width: 991.98px) { .main-raw-space h2 { text-align: left; } }
.main-raw-space table { text-align: center; }
.main-raw-space table td, .main-raw-space table th { border-right: 1px solid #696969; }
.main-raw-space table td:last-child, .main-raw-space table th:last-child { border-right: 0; }
.main-raw-space table thead th { background: #2b2b2b; color: #ffdd00; font-weight: normal; }
.main-raw-space table tbody td { background: #030000; color: #fff; padding-top: 10px; padding-bottom: 10px; }
.main-raw-space table tbody tr:nth-child(even) td { background-color: #0f0e0e; }

.main-organize { background: #ffdd00; color: #000; display: flex; justify-content: space-between; padding: 25px 50px; align-items: center; width: 100%; max-width: 1200px; margin: 50px auto 0; }
@media (max-width: 991.98px) { .main-organize { flex-direction: column; padding: 25px 0; } }
.main-organize h3 { font-size: 40px; font-weight: 600; line-height: 1; }
@media (max-width: 991.98px) { .main-organize h3 { font-size: 30px; margin-bottom: 20px; } }
.main-organize .btn-view-main { font-size: 25px; font-weight: 600; color: #ffdd00; background: #030000; text-transform: uppercase; padding: 10px; width: 100%; max-width: 250px; text-align: center; border-radius: 5px; }
@media (max-width: 991.98px) { .main-organize .btn-view-main { font-size: 20px; } }

.type-booth-list { width: 100%; max-width: 1080px; margin: 0 auto; }
.type-booth-list li { display: flex; }
.type-booth-list .type-booth-box { background: #2d2d2d; border-radius: 20px; overflow: hidden; flex-grow: 1; }
.type-booth-list .type-booth-title { background: #060606; font-weight: 600; padding: 0; color: #fff; text-transform: uppercase; font-size: 1.2em; min-height: 150px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.type-booth-list .type-booth-title i { display: block; margin-bottom: 10px; }
.type-booth-list .type-booth-title p { margin-bottom: 0; height: 50px; }
.type-booth-list .type-booth-detail { padding: 20px 25px; color: #fff; }
.type-booth-list .btn-detail { font-weight: 600 !important; color: #060606; border-radius: 5px; margin-top: 25px; }
.type-booth-list .btn-detail:hover { color: #ffdd00; background: #060606; }

.popup-main { display: none; }
.popup-main#popup-success { text-align: center; }
.popup-main#popup-success i { color: #ffdd00; font-size: 50px; margin-bottom: 15px; display: inline-block; }
.popup-main#popup-success h2 { font-size: 22px; font-weight: 500; text-transform: uppercase; margin-bottom: 15px; }
.popup-main#popup-success .btn-detail { margin-top: 15px; width: 170px; text-align: center; }

.h2-form-main.h2-form-th { font-size: 37px; font-family: 'DB Helvethaica'; }

.body-th > * { font-size: 20px !important; font-family: 'DB Helvethaica'; line-height: 1.1; }

.table-main.table-app-form { border-collapse: separate; border-spacing: 0; }
.table-main.table-app-form tbody tr td { background: #e8e8e8 !important; text-align: left; }
.table-main.table-app-form tbody tr td:first-child { border-left: 1px solid #c7c7c7; padding-left: 30px; }
.table-main.table-app-form tbody tr:first-child td { background: #dddddd !important; }
.table-main.table-app-form tbody tr:first-child td:first-child { border-top-left-radius: 10px; padding-left: 30px; }
.table-main.table-app-form tbody tr:first-child td:last-child { border-top-right-radius: 10px; }
.table-main.table-app-form tbody tr:last-child td { border-top: 1px solid #c7c7c7; }
.table-main.table-app-form tbody tr:last-child td:first-child { border-bottom-left-radius: 10px; }
.table-main.table-app-form tbody tr:last-child td:last-child { border-bottom-right-radius: 10px; }
.table-main.table-app-form .form-control { height: 30px; }
.table-main.table-app-form .title-dotted { padding-left: 15px; position: relative; }
.table-main.table-app-form .title-dotted:before { width: 8px; height: 8px; background: #ffdd00; content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

ol.has-list { list-style-type: decimal; list-style-position: outside; }
ol.has-list li { margin-left: 20px; }

.wrap-input-file-upload.file-upload-doc { display: flex; align-items: center; }
.wrap-input-file-upload.file-upload-doc .ct-remove { margin-left: 15px; color: #d60000; }
.wrap-input-file-upload.file-upload-doc .btn-upload { width: 280px; height: 46px; border-radius: 4px; justify-content: flex-start; padding-left: 8px; margin-left: 0 !important; }
.wrap-input-file-upload.file-upload-doc .btn-upload i { margin-right: 10px; }

.has-remove { display: flex; align-items: center; }
.has-remove .ct-remove { margin-left: 15px; color: #d60000; }

.has-percent { padding-right: 25px; }
.has-percent .percent { position: absolute; right: 0; bottom: 12px; }

.form-login { max-width: 535px; width: 100%; margin: 0 auto; padding: 20px; }
@media (max-width: 991.98px) { .form-login { background: #ffdd00; } }
.form-login label { font-weight: 500; margin-bottom: 5px; }
.form-login .form-group { position: relative; margin-bottom: 20px; }
.form-login input.form-control { height: 46px; }
.form-login .btn-detail { width: 100%; color: #ffdd00; background: #000; font-weight: 600; border-radius: 5px; height: 50px; font-size: 1.1em; display: flex; align-items: center; justify-content: center; }
.form-login .btn-detail.btn-line { background: #ffdd00; border: 1px solid #000; color: #030000 !important; }
.form-login .login-or { position: relative; margin: 15px 0; }
.form-login .login-or span { display: inline-block; background: #ffdd00; padding: 7px; z-index: 2; position: relative; }
.form-login .login-or:before { height: 1px; position: absolute; width: 100%; top: 50%; content: ""; background: #030000; font-size: 1em; left: 0; z-index: 1; }

.g-pass:not(.not-as) { position: absolute; bottom: 10px; right: 15px; z-index: 3; font-size: 20px; display: block; text-align: center; color: #030000; cursor: pointer; pointer-events: all; }

.form-contact { max-width: 680px; }
.form-contact h2 { font-size: 20px; font-weight: 500; }
.form-contact p { font-size: 15px; }
.form-contact textarea { height: auto; }
.form-contact .box-contact { background-color: rgba(255, 246, 188, 0.5); padding: 25px; border-radius: 25px; margin-top: 20px; }

.flex-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #d6d6d6; padding-bottom: 20px; flex-wrap: wrap; }
.flex-header h1 { font-size: 32px; text-transform: uppercase; font-weight: 700; }
@media (max-width: 1199.98px) { .flex-header h1 { font-size: 28px; } }
.flex-header.title-request { padding-bottom: 0; border-bottom: 0; }

.wrap-form-app { display: flex; border-radius: 20px; overflow: hidden; border: 1px solid #dfdfdf; }
@media (max-width: 1199.98px) { .wrap-form-app { flex-wrap: wrap; } }
.wrap-form-app .nav-form-app { width: 25%; background: #484848; flex-grow: 1; margin-bottom: 0; padding: 25px 0; }
.wrap-form-app .nav-form-app.nav-profile { width: 15%; background: #484848; flex-grow: 1; margin-bottom: 0; padding: 25px 0; }
@media (max-width: 1199.98px) { .wrap-form-app .nav-form-app { width: 100%; } }
.wrap-form-app .nav-form-app li:last-child { margin-bottom: 0; }
.wrap-form-app .nav-form-app a { text-transform: uppercase; color: #fff; font-weight: 500; font-size: 1em; position: relative; padding: 15px; padding-left: 40px; display: block; }
@media (max-width: 1199.98px) { .wrap-form-app .nav-form-app a { padding: 10px; padding-left: 40px; } }
.wrap-form-app .nav-form-app a:before { content: ""; width: 7px; height: 7px; border-radius: 100%; position: absolute; background: #fff; top: 50%; transform: translateY(-50%); left: 20px; }
.wrap-form-app .nav-form-app a.active { color: #ffdd00; background: #5c5840; }
.wrap-form-app .nav-form-app a.active:before { width: 10px; height: 10px; background: #ffdd00; }
.wrap-form-app .nav-form-app.nav-profile a { padding-left: 60px; font-weight: 400; }
.wrap-form-app .nav-form-app.nav-profile a:before { display: none; }
.wrap-form-app .nav-form-app.nav-profile a.active { font-weight: 500; background: none; }
.wrap-form-app .nav-form-app.nav-profile a.active i { filter: none; }
.wrap-form-app .nav-form-app.nav-profile i { position: absolute; top: 50%; transform: translateY(-50%); left: 20px; filter: brightness(0) invert(1); }
.wrap-form-app .inner-form-app { width: 75%; background: #f3f3f3; }
.wrap-form-app .inner-form-app.inner-profile { width: 85%; background: #f3f3f3; }
@media (max-width: 1199.98px) { .wrap-form-app .inner-form-app { width: 100%; } }
.wrap-form-app .inner-form-app .inner-padding { padding: 45px 35px; }
@media (max-width: 1199.98px) { .wrap-form-app .inner-form-app .inner-padding { padding: 20px; } }

.h2-form-main { font-size: 22px; font-weight: 600; text-transform: uppercase; border-bottom: 7px solid #ffdd00; padding-bottom: 10px; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.h2-form-main .btn-detail { font-size: 13px; padding: 0 20px; height: 42px; display: flex; align-items: center; }
.h2-form-main .btn-detail i { font-size: 18px; margin-right: 5px; }

.h3-form-main { font-size: 17px; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; }

.form-main .label-input { font-weight: 500; margin-bottom: 12px; }
.form-main .form-group { margin-bottom: 30px; }
.form-main .form-select { background-size: 19px 15px; }
.form-main input.form-control, .form-main .form-select { height: 47px; font-size: 15px; }
.form-main .inner-footer { justify-content: flex-end; padding: 20px 30px; }
@media (max-width: 575.98px) { .form-main .inner-footer { padding-left: 10px; padding-right: 10px; } }

.address-set textarea { border-radius: 0; border: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #ced4da; }
.address-set .select-set { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #ced4da; border-top: 0; overflow: hidden; }
.address-set .form-fontrol, .address-set .form-select { border-radius: 0; border: 0; }
.address-set .form-select.f-1 { border-right: 1px solid #ced4da; border-bottom: 1px solid #ced4da; }
.address-set .form-select.f-2 { border-bottom: 1px solid #ced4da; }
.address-set .form-select.f-3 { border-right: 1px solid #ced4da; }

.ct-list li { padding-left: 20px; padding-right: 30px; position: relative; margin-bottom: 20px; }
.ct-list li .form-group { margin-bottom: 0; }
.ct-list li .ct-num { position: absolute; left: 0; top: 52%; transform: translateY(-50%); }
.ct-list li .ct-remove { position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #d60000; font-size: 20px; }
.ct-list .ct-more button { display: flex; align-items: center; font-size: .9em; }
.ct-list .ct-more i { background: #ffdd00; width: 33px; height: 33px; display: flex; align-items: center; justify-content: center; font-size: 20px; border-radius: 5px; margin-right: 10px; }

.checkbox-list li { margin-bottom: 15px; }
.checkbox-list .flex-between { display: flex; flex-wrap: wrap; justify-content: space-between; }
.checkbox-list .flex-input { display: flex; align-items: center; }

.form-app { position: relative; }
.form-app.pd-normal .container { padding-right: 20px; }
.form-app .container { padding-right: 10%; }
@media screen and (max-width: 1799.98px) { .form-app .container { padding-right: 15%; } }
@media (max-width: 1599.98px) { .form-app .container { padding-right: 20%; } }
@media (max-width: 1199.98px) { .form-app .container { padding-right: 20px; } }
.form-app.form-request .container { padding-right: 15%; }
@media (max-width: 1599.98px) { .form-app.form-request .container { padding-right: 20%; } }
@media (max-width: 1199.98px) { .form-app.form-request .container { padding-right: 20px; } }
.form-app.form-request .inner-pd-request { padding: 0 40px; }
@media (max-width: 1199.98px) { .form-app.form-request .inner-pd-request { padding: 0; } }

.message-box { font-family: 'DB Helvethaica'; width: 100%; max-width: 350px; font-size: 20px; line-height: 1; position: absolute; right: 0; border: 1px solid #f2f2f2; z-index: 5; top: 0; transition: all 0.3s ease 0s; }
.message-box .close-mobile { position: absolute; left: -15px; top: -10px; font-size: 20px; color: #000; display: none; background: #ffdd00; width: 30px; height: 30px; border-radius: 100%; align-items: center; justify-content: center; padding: 0; }
@media screen and (max-width: 1650px) { .message-box { width: 300px; } }
@media (max-width: 1199.98px) { .message-box { right: -300px; position: fixed; bottom: 20px; top: auto; }
  .message-box.active { right: 0; }
  .message-box.active .close-mobile { display: block; }
  .message-box .scroll-message { height: 350px; overflow: auto; } }
.message-box h2 { background: #484848; color: #ffdd00; font-weight: bold; padding: 10px 20px; font-size: 25px; margin-bottom: 0; }
.message-box h3 { background: #000; display: flex; align-items: center; color: #ffdd00; font-size: 20px; padding: 8px 20px; font-weight: bold; margin-bottom: 0; }
.message-box h3 .mb-num { padding: 0 6px; background: #ffdd00; color: #000; line-height: .9; border-radius: 4px; margin-right: 10px; }
.message-box .mb-inner { background: #f3f3f3; border: 10px solid #fff; padding: 15px; }

.show-message-mobile { position: fixed; right: 15px; bottom: 15px; z-index: 9; font-size: 25px; width: 35px; height: 35px; align-items: center; justify-content: center; background: #ffdd00; border-radius: 100%; display: none; }
@media (max-width: 1199.98px) { .show-message-mobile { display: flex; } }

.remark-booth { font-size: .9em; text-align: center; background: #e8e8e8; padding: 10px 25px; height: 100%; display: flex; align-items: center; justify-content: center; }
.remark-booth.remark-request { background: #dddddd; padding-top: 15px; padding-bottom: 15px; }

.total-dark { background: #000; padding: 8px 15px; display: flex; justify-content: space-between; color: #fff; width: 100%; max-width: 355px; font-weight: 600; text-transform: uppercase; font-size: 1.1em; }
.total-dark.total-green { background: #3daf1a; }
.total-dark.total-gray { background: #828282; }

.d-flex-end { display: flex; justify-content: flex-end; }

.tab-main { display: flex; border-radius: 25px; overflow: hidden; }
@media (max-width: 575.98px) { .tab-main { border-radius: 0; display: block; } }
.tab-main a { flex-grow: 1; text-transform: uppercase; height: 43px; align-items: center; justify-content: center; background: #d7d7d7; display: flex; border-right: 1px solid #bebebe; }
@media (max-width: 575.98px) { .tab-main a { width: 100%; } }
.tab-main a.active { font-weight: 600; background: #ffdd00; border-right: 0; }

.select-num-list { margin-top: 25px; margin-bottom: 25px; }

.box-select-num { border: 1px solid #d4d4d4; border-radius: 15px; font-size: 14px; overflow: hidden; margin-bottom: 15px; }
.box-select-num h2 { font-weight: 500; text-transform: uppercase; font-size: 14px; background: #d2d2d2; padding: 5px; margin-bottom: 0; padding: 10px 15px; }
.box-select-num .row-select-num { display: flex; flex-wrap: wrap; background: #e8e8e8; }
.box-select-num .wrap-row-select-num .row-select-num:first-child .inner-select-num { padding-top: 15px; }
.box-select-num .wrap-row-select-num .row-select-num:first-child .detail-select-num { padding-top: 5px; }
.box-select-num .wrap-row-select-num .row-select-num:last-child .inner-select-num { padding-bottom: 15px; }
.box-select-num .wrap-row-select-num .row-select-num:last-child .detail-select-num { padding-bottom: 10px; }
.box-select-num .inner-select-num { width: 30%; display: flex; justify-content: center; border-right: 1px solid #d4d4d4; padding: 10px 0; }
.box-select-num .inner-select-num button { border-radius: 100%; width: 18px; height: 18px; border-radius: 100%; padding: 0; border: 1px solid #030000; display: flex; align-items: center; justify-content: center; margin: 0 5px; font-size: 13px; background: #fff; opacity: .5; }
.box-select-num .inner-select-num button.active { background: #ffdd00; color: #000; opacity: 1; }
.box-select-num .detail-select-num { width: 70%; line-height: 1; display: flex; align-items: center; padding-left: 15px; }

.box-booth-check { background: #d3d3d3; border-radius: 15px; }
.box-booth-check .inner-bb-check { padding: 20px; border-bottom: 1px solid #fff; }
.box-booth-check .inner-bb-check:last-child { border-bottom: 0; }
.box-booth-check h2 { font-size: 17px; margin-bottom: 10px; }

.wrap-input-file-upload { display: flex; margin-bottom: 30px; flex-wrap: wrap; }

.btn-upload { width: 137px; height: 126px; border-radius: 15px; border: 2px dashed #ccc; display: flex; align-items: center; justify-content: center; }
.btn-upload .bi-plus-lg { width: 30px; height: 30px; background: #ffdd00; color: #000; display: flex; align-items: center; justify-content: center; padding: 0; border-radius: 5px; }

.img-replace { border-radius: 15px; overflow: hidden; }

.radio-payment input[type="radio"] { position: absolute; width: 1em; height: 1em; opacity: 0; }
.radio-payment .form-check { margin-bottom: 20px; padding-left: 0; }
.radio-payment .form-check-label { background: #fff; border: 1px solid #e5e5e5; max-width: 350px; height: 50px; border-radius: 5px; padding-left: 45px; display: flex; align-items: center; position: relative; justify-content: space-between; padding-right: 20px; color: #7e7e7e; font-size: 1em; }
.radio-payment .form-check-label.checked { background: #0000cd; font-weight: 500; color: #fff; font-size: 1em; }
.radio-payment.payment-method { font-size: .9em; }
.radio-payment.payment-method .form-check { margin-bottom: 5px; }
.radio-payment .icon-radio { position: absolute; left: 10px; top: 50%; border-radius: 100%; font-size: 25px; transform: translateY(-50%); }

.btn-group { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; margin-top: 30px; }
.btn-group > * { margin-left: 15px; }
@media (max-width: 575.98px) { .btn-group > * { margin-bottom: 5px; margin-left: 0; } }
.btn-group .btn-detail { font-size: 15px; }
@media (max-width: 575.98px) { .btn-group .btn-detail { padding-left: 10px; padding-right: 10px; width: 100%; text-align: center; } }

.btn-icon-edit { background: #ffdd00; font-size: 15px; padding: 4px 8px; border-radius: 3px; }

.profile-list { margin-bottom: 40px; }
.profile-list li { margin-bottom: 25px; }
.profile-list .profile-label { font-size: .9em; color: #5d5d5d; }

.billing-address { padding-left: 30px; padding-right: 30px; margin-top: 40px; }
@media (max-width: 575.98px) { .billing-address { padding: 0; } }
.billing-address li { border-radius: 10px; overflow: hidden; margin-bottom: 25px; }
.billing-address li:last-child { margin-bottom: 0; }
.billing-address .billing-left { background: #000; color: #ffdd00; display: flex; justify-content: center; align-items: center; font-size: 15px; font-weight: 500; text-transform: uppercase; padding: 15px; text-align: center; }
.billing-address .billing-right { background: #fff; padding: 30px; }

.container-edit-profile { width: 100%; max-width: 540px; }
.container-edit-profile.edit-address { max-width: 950px; }
.container-edit-profile .form-edit { background: #f3f3f3; border: 1px solid #dfdfdf; padding: 50px 80px; border-radius: 20px; box-shadow: 0px 0px 15px 5px rgba(40, 40, 40, 0.1); overflow: hidden; }
@media (max-width: 575.98px) { .container-edit-profile .form-edit { padding: 30px; } }
.container-edit-profile .form-edit label { color: #a8a8a8; margin-bottom: 10px; }
.container-edit-profile .inner-form-edit { padding: 40px 80px; }
.container-edit-profile .inner-form-edit label { color: #030000; }
@media (max-width: 575.98px) { .container-edit-profile .inner-form-edit { padding: 30px; } }
.container-edit-profile .wrap-title-edit { background: #e8e8e8; padding: 15px 30px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.container-edit-profile .title-edit { font-size: 15px; font-weight: 600; color: #898989; text-transform: uppercase; margin-bottom: 0; }
.container-edit-profile .form-check { font-size: 13px; font-weight: normal; margin-bottom: 0; position: relative; top: 5px; }
.container-edit-profile .form-check label { margin-bottom: 0; color: #000000; }

.has-back-edit { position: relative; }
.has-back-edit .btn-back-edit { font-size: 35px; color: #ffdd00; position: absolute; left: -50px; }
@media (max-width: 991.98px) { .has-back-edit { padding-left: 50px; }
  .has-back-edit .btn-back-edit { left: 0; } }

.pd-inner-form { padding: 40px 50px; }
@media (max-width: 1199.98px) { .pd-inner-form { padding: 20px; } }

.box-booth-detail { background: #484848; border-radius: 15px; padding: 30px 40px; overflow: hidden; }
@media (max-width: 1199.98px) { .box-booth-detail { padding: 25px; } }
.box-booth-detail .booth-detail-box { border-radius: 15px; overflow: hidden; }
.box-booth-detail h2 { font-size: 20px; font-weight: 500; color: #fff; text-transform: uppercase; }
.box-booth-detail .bd-left { background: #ffdd00; color: #000; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 15px 0; text-align: center; }
.box-booth-detail .bd-left p { font-size: 15px; color: #484848; text-transform: uppercase; }
.box-booth-detail .bd-left .bd-num { font-size: 40px; font-weight: 600; line-height: .9; text-align: center; }
.box-booth-detail .bd-right { background: #000; color: #fff; padding: 25px 15px; font-size: 14px; }
.box-booth-detail .bd-right .row { margin-bottom: 10px; }
.box-booth-detail .bd-right .row:last-child { margin-bottom: 0; }
.box-booth-detail .bd-right .leb-bd { color: #a8a8a8; }

.box-img-booth { background: #fff; display: flex; justify-content: center; padding: 50px; margin-top: 50px; }
@media (max-width: 1199.98px) { .box-img-booth { padding: 15px; } }

.profile-payment-box { border-radius: 20px; box-shadow: 0px 0px 15px 5px rgba(40, 40, 40, 0.1); overflow: hidden; background: #f3f3f3; border: 1px solid #c7c7c7; }
.profile-payment-box .title-payment-box { color: #fff; background: #252424; font-size: 15px; padding: 30px; }
.profile-payment-box .title-payment-box h2 { font-size: 1em; font-weight: 500; color: #ffdd00; text-transform: uppercase; }
.profile-payment-box .confirm-payment-box { padding: 15px 30px; font-size: 15px; display: flex; align-items: center; justify-content: space-between; background: #e8e8e8; color: #414141; }
.profile-payment-box .summary-box { padding: 30px 30px; }
@media (max-width: 1199.98px) { .profile-payment-box .summary-box { padding: 20px; } }

.title-summary-box { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 10px; }
.title-summary-box h2 { font-size: 20px; font-weight: 600; text-transform: uppercase; }
.title-summary-box .title-status { display: flex; align-items: center; font-size: 15px; }

.wrap-btn-profile-payment { display: flex; justify-content: flex-end; font-size: .9em; align-items: center; flex-wrap: wrap; }
.wrap-btn-profile-payment .btn-detail { margin-left: 10px; }
@media (max-width: 575.98px) { .wrap-btn-profile-payment .btn-detail { width: 100%; text-align: center; margin-left: 0; margin-top: 5px; } }

.payment-success { width: 100%; max-width: 800px; margin: 0 auto; text-align: center; background: #fff; padding: 80px 20px; border-radius: 20px; }
.payment-success .bi-check-circle-fill { font-size: 50px; color: #ffdd00; margin-bottom: 25px; display: inline-block; }
.payment-success h2 { font-size: 30px; font-weight: 500; margin-bottom: 40px; text-transform: uppercase; }
@media (max-width: 575.98px) { .payment-success h2 { font-size: 25px; } }

.wrap-btn-success .btn-dark { color: #ffdd00; }
@media (max-width: 767.98px) { .wrap-btn-success .btn-detail { width: 100%; margin-bottom: 10px; } }

.inner-box-request { padding: 20px 40px; background: #e8e8e8; border-radius: 15px 40px; }
@media (max-width: 991.98px) { .inner-box-request { padding: 15px; } }
.inner-box-request h2 { font-size: 20px; font-weight: 500; text-transform: uppercase; margin-bottom: 20px; }

.table-responsive { padding: 2px; }

.table-main { font-size: 15px; min-width: 650px; }
.table-main thead { border-bottom: 0; }
.table-main thead th { background: #434343; color: #ffdd00; font-weight: normal; text-align: center; border-right: 1px solid #f3f3f3; }
.table-main thead th:last-child { border-right: 0; }
.table-main .form-select { border: 0; height: 100%; min-width: 270px; }
.table-main tbody:before { content: "@"; display: block; line-height: 5px; text-indent: -99999px; margin: 5px 0; }
.table-main tbody tr:first-child td { border-top: 1px solid #c7c7c7; }
.table-main tbody tr:last-child td { border-bottom: 1px solid #c7c7c7 !important; }
.table-main tbody tr:nth-child(even) td { background: #f3f3f3; }
.table-main tbody tr:nth-child(even) td .form-select { background-color: #f3f3f3; }
.table-main tbody tr:nth-child(even) .sum-booth { background: #f3d300 !important; }
.table-main tbody td { text-align: center; border-bottom: 0; background: #fff; text-align: center; vertical-align: middle; border-right: 1px solid #c7c7c7; }
.table-main tbody td.first-col { background: #434343; color: #ffdd00; font-weight: 600; text-transform: uppercase; text-align: center; vertical-align: middle; }
.table-main tbody td.sum-booth { font-size: 20px; font-weight: 600; background: #ffdd00 !important; }
.table-main tbody td.first-booth { background: #000; color: #ffdd00; }
.table-main.no-space { border: 1px solid #c7c7c7; }
.table-main.no-space tbody:before { display: none; }
.table-main.no-space tr:first-child td { border-top: 0; }
.table-main.no-space tr:last-child td { border-bottom: 0 !important; }
.table-main.no-space tr td:last-child { border-right: 0; }
.table-main.table-rd th { vertical-align: middle; }
.table-main.table-rd td { font-size: 14px; text-align: center; padding-top: 15px; padding-bottom: 15px; }
.table-main.table-rd td:last-child { border-right: 0; }
.table-main .btn-edit-it { background: #ca0c0c; color: #fff; border-radius: 5px; padding: 5px 10px; min-width: 73px; display: inline-block; }
.table-main .btn-edit-it i { font-size: 13px; margin-right: 8px; }
.table-main .btn-detail { font-size: 13px; text-transform: capitalize; height: 25px; padding: 0; width: 100px; font-weight: normal; padding-top: 3px; }

.dotted-confirm { display: flex; position: relative; align-items: center; justify-content: center; }
.dotted-confirm:before { content: ""; width: 10px; height: 10px; border-radius: 100%; background: #10c210; margin-right: 5px; }
.dotted-confirm.dotted-process:before { background: #f9980d; }

.br-table { height: 1px; background: #c9c9c9; margin: 30px 0; }

.wrap-table-rd { border-radius: 15px; overflow: hidden; border: 1px solid #c7c7c7; margin-bottom: 20px; width: 100%; min-width: 700px; }
.wrap-table-rd .no-space { border: 0; }
.wrap-table-rd table { margin-bottom: 0; }

.wrap-cart-spin .input-group { justify-content: center; }
.wrap-cart-spin .form-control { max-width: 45px; height: 33px !important; background: #fff; font-weight: 500 !important; text-align: center; }
.wrap-cart-spin .btn-primary { background: #ffdd00; color: #000; font-weight: 500; font-size: 20px; border: 0; width: 30px; height: 33px !important; padding: 0; display: flex; align-items: center; justify-content: center; }

/*# sourceMappingURL=style.css.map */


.overview .total-dark{
	max-width: 600px!important;
}

.table-main .btn-dark-it {
  background: #212529;
  color: #fff;
  border-radius: 5px;
  padding: 5px 10px;
  min-width: 73px;
  display: inline-block;
}