/*
Theme Name: KGA Admin
Author: ibiz
Author URI: http://ibizcomm.co.kr
Description: KGA관리자 대시보드
Version: 1.0
*/

/*** 애플산돌고딕 폰트 적용 ***/
@font-face { 
	font-family: "SDGothicL";
	src: url("../fonts/AppleSDGothicNeoL.ttf") format("truetype");
	font-style: light;
	font-weight: 100;
}

@font-face { 
	font-family: "SDGothic";
	src: url("../fonts/AppleSDGothicNeoM.ttf") format("truetype");
	font-style: normal;
	font-weight: 300;
}

@font-face { 
	font-family: "SDGothicSB";
	src: url("../fonts/AppleSDGothicNeoSB.ttf") format("truetype");
	font-style: bold;
	font-weight: 500;
}

@font-face { 
	font-family: "SDGothicB";
	src: url("../fonts/AppleSDGothicNeoB.ttf") format("truetype");
	font-style: bolder;
	font-weight: 700;
}


/*** Basic ***/
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
body { font-family: 'SDGothic', 'Open Sans', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.45; direction: ltr; background: #f8f9fa; }
.fw-thin { font-family: "SDGothicL", 'Open Sans', sans-serif; font-weight: 100 !important; }
.fw-normal { font-family: "SDGothic", 'Open Sans', sans-serif; font-weight: 300 !important; }
.fw-sb { font-family: "SDGothicSB", 'Open Sans', sans-serif; font-weight: 500 !important; }
.fw-bold { font-family: "SDGothicB", 'Open Sans', sans-serif; font-weight: 700 !important; }
*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; }
a { background-color: transparent; color: #0d6efd; text-decoration: none; }
img { max-width: 100%; vertical-align: middle; }
button, input, optgroup, select, textarea { margin: 0; box-shadow: none !important; }
button { border-radius: 0 }
label { margin-bottom: .2857rem; }
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { letter-spacing: -0.5px; }

.h-100 { height: 100%!important; }
.btn:active, .btn:focus { border: none !important; box-shadow: none !important; }
.box-shadow { -webkit-box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%); box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%); }
.d-flex { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; }
.d-none { display: none!important; }
.ml-auto , .mx-auto { margin-left: auto!important; }
.mr-auto, .mx-auto { margin-right: auto!important; }
.flex-row {  -webkit-box-orient: horizontal!important; -ms-flex-direction: row!important; flex-direction: row!important; }
.flex-grow-1 { -webkit-box-flex: 1!important; -ms-flex-positive: 1!important; flex-grow: 1!important; }
.flex-column, .flex-row { -webkit-box-direction: normal!important; }
.font-small-1 { font-size: .7rem!important; }
.font-small-2 { font-size: .8rem!important; }
.font-small-3 { font-size: .9rem!important; }
.key-color { color: #191978; } 
.key-bg { background: #191978; }
.border-gray { border-color: #ced4da; }
.bg-0 { background: none !important; }
.bg-img { background-position: center; background-size: cover; }
.bg-gray { background-color: #EAEAEA !important; }
.bg-darkgray { background-color: #4B4B4B !important; }
.bg-blue { background-color: #1A67D2 !important; }
.bg-lightblue { background-color: #F2FBFD !important; }
.bg-green { background-color: #198039 !important; }
.text-green { color: #198039 !important; }
.pc-only { display: block !important; }
.btn.pc-only { display: inline-block !important; }
.mc-only { display: none !important; }
.btn.mc-only { display: none !important; }

/*** non responsive ***/
#app { min-width: 1200px; }
.header-navbar.floating-nav { min-width: 876px; left: 260px; }


/*** Top Menu ***/
.vertical-overlay-menu .content { margin-left: 0; }
.navbar-floating .navbar-container { padding: .8rem 0rem; }
.header-navbar .navbar-container { width: 100%; margin: auto; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; }
.nav { padding-left: 0; margin-bottom: 0; border-radius: .25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; }
.navbar { padding: 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.navbar-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style: none; }
.navbar-light .navbar-nav .nav-link { color: rgba(34,41,47,.5); }
.nav-item.title { padding-top: 17.5px; padding-bottom: 17.5px; }
.navbar-expand { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.navbar-expand .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
.header-navbar { padding: 0; min-height: 4.45rem; -webkit-transition: all .3s ease,background 0s; transition: all .3s ease,background 0s; z-index: 997; }
.menu-hide .navbar-nav { display: flex !important; }
.header-navbar.floating-nav { position: fixed; right: 0; width: calc(100% - 4rem - 260px); margin: 0 2rem 0; border-radius: .428rem; z-index: 12; }
.menu-hide .header-navbar.floating-nav { width: calc(100% - 4rem); }
.menu-collapsed .header-navbar.floating-nav {  width: calc(100% - 4.4rem - 74px); }
.menu-collapsed.menu-hide .header-navbar.floating-nav {  width: calc(100% - 4rem); }	
.header-navbar .navbar-container ul.navbar-nav { background-color: #EBEBEB; padding: 0.25rem 2rem; border-radius: 2rem; }
.header-navbar .navbar-container ul.navbar-nav li { position: relative; line-height: 1.5; }
.header-navbar .navbar-container ul.navbar-nav li .nav-top-icon { margin-right: 0.5rem; }
.header-navbar .navbar-container ul.navbar-nav li.active .nav-top-title, .header-navbar .navbar-container ul.navbar-nav li .nav-top-title:hover { color: #1A67D2; }
.header-navbar .navbar-container ul.navbar-nav li a { position: relative; line-height: 1.5; color: #212529; font-size: 0.875rem; margin: 0 0.875rem; }
.header-navbar .navbar-container ul.navbar-nav li::after { position: absolute; top: 5px; right: 0; content: ""; display: block; width: 1px; height: 14px; background-color: #4F75FE; }
.header-navbar .navbar-container ul.navbar-nav li:last-child::after { display: none; }
.bookmark-wrapper .bookmark-title { padding-right: 1rem; margin-right: 1rem; margin-bottom: 0; columns: #212529; }
.breadcrumb-item { font-size: 0.875rem; }
.breadcrumb-item a { color: #6c757d; }
.breadcrumb-item + .breadcrumb-item::before { display: none; }
.breadcrumb-item + .breadcrumb-item::after { float: left; padding-right: 0.5rem; color: #6c757d; content: var(--bs-breadcrumb-divider, ">"); }
.btn-change { vertical-align: text-top; color: #FFF; background-color: #e72a18; }
.btn-change:hover { background-color: rgba(0,212,255,1); color: #191978; }
.header-navbar .navbar-container ul.navbar-nav li .user-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; float: left; margin-right: .8rem; }
.header-navbar .navbar-container ul.navbar-nav li .user-name { margin-top: 1rem; margin-left: .2rem; color: #6e6b7b; }
.header-navbar .navbar-container ul.navbar-nav li>a.nav-link { color: #6e6b7b; position: relative; padding: 0 .5rem; }
.b-avatar { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 2.5rem; height: 2.5rem; overflow: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f1f0fd; }
.b-avatar-img { border-radius: inherit; width: 100%; height: 100%; background-size: cover; background-position: center; }
.sidenav-overlay { display: block; position: fixed; top: 0; left: 0; right: 0; background-color: rgba(34,41,47,.5); height: 120vh; visibility: hidden; opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease; z-index: 997; }
.sidenav-overlay.show { opacity: 1; visibility: visible; -webkit-transition: all .5s ease; transition: all .5s ease; cursor: pointer; }

/*** Drop Menu ***/
.dropdown-menu { background-clip: padding-box; border: 1px solid rgba(34,41,47,.05); margin-top: 10px; }
.dropdown-menu.show { -webkit-transform: scale(1); transform: scale(1); margin-top: 0; }
.dropdown-item { padding: .65rem 1.28rem; }
.dropdown-item:hover { color: #191978; background: #f1f0fd; }
.dropdown-toggle::after { position: absolute; right: 1rem; }
.dropdown-toggle.show:after { transform: rotate(180deg); -webkit-transition: -webkit-transform .25s ease; transition: -webkit-transform .25s ease; transition: transform .25s ease; transition: transform .25s ease,-webkit-transform .25s ease; }

/*** Datepicker ***/
.datepicker table tr td, .datepicker table tr th { font-size: 14px; }
.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active { color: #fff; background-color: #191978 !important; border-color: #191978 !important; }

/*** Main Menu ***/
.main-menu { background: linear-gradient(to bottom, #D5D7DB, #6E7991); z-index: 1031; position: absolute; display: table-cell; height: 100%; overflow: hidden; }
.main-menu a { outline: none; }
.main-menu.menu-fixed { position: fixed; }
.vertical-menu-modern .main-menu { -webkit-transform: translateZ(0); transform: translateZ(0); }
.vertical-menu-modern .main-menu { -webkit-transition: .4s cubic-bezier(.25,.8,.25,1),background 0s; transition: .4s cubic-bezier(.25,.8,.25,1),background 0s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.vertical-menu-modern.menu-expanded .main-menu { width: 260px; }
.vertical-menu-modern.menu-collapsed .main-menu { width: 80px; }
.vertical-menu-modern.menu-collapsed .main-menu .navigation { overflow: visible; }
.vertical-overlay-menu .main-menu, .vertical-overlay-menu.menu-hide .main-menu { left: -260px; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: width .25s,opacity .25s,-webkit-transform .25s; transition: width .25s,opacity .25s,-webkit-transform .25s; transition: width .25s,opacity .25s,transform .25s; transition: width .25s,opacity .25s,transform .25s,-webkit-transform .25s; width: 260px; }
.vertical-overlay-menu.menu-open .main-menu { -webkit-transform: translate3d(260px,0,0); transform: translate3d(260px,0,0); opacity: 1; -webkit-transition: width .25s,opacity .25s,-webkit-transform .25s; transition: width .25s,opacity .25s,-webkit-transform .25s; transition: width .25s,opacity .25s,transform .25s; transition: width .25s,opacity .25s,transform .25s,-webkit-transform .25s; }
.main-menu .navbar-header { position: relative; background-color: #0A308A; padding: 1rem 1rem 1.5rem; width: 260px; -webkit-transition: all .3s ease,background 0s; transition: all .3s ease,background 0s; }
.main-menu .main-menu-content { float: left; padding: 3.3rem .875rem .875rem .875rem; width: 260px; height: calc(100% - 5rem)!important; position: relative; overflow: auto; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; }
.main-menu .main-menu-content::-webkit-scrollbar { width: 5px; }
.main-menu .main-menu-content::-webkit-scrollbar-thumb { background-color: #d6d6d6; }
.main-menu .main-menu-content::-webkit-scrollbar-track { background-color: #FFF; }
.main-menu ul { list-style: none; margin: 0; padding: 0; }
.main-menu ul.navigation-main { padding-bottom: .75rem; overflow-x: hidden; }
.main-menu ul.navigation-main .dropdown-menu { position: relative; border: none; }
.main-menu ul.navigation-main>li:first-child { margin-top: .5rem; }
.main-menu .navbar-header .navbar-brand { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: inherit; white-space: nowrap; }
.main-menu .navbar-header .navbar-brand .brand-logo img { max-width: 121px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
#nav-toggle { position: absolute; top: 1rem; right: 0.5rem; width: 18px; }
#nav-toggle svg { color: #666; }
.menu-expanded .brand-logo.expanded { display: block !important; }
.menu-collapsed .brand-logo.collapsed { display: block !important; }
.menu-collapsed .brand-text { display: none; }
.vertical-menu-overlay .main-menu .navbar-header .navbar-brand .brand-logo img { max-width: 36px; }
.main-menu .navbar-header .navbar-brand .brand-text, .main-menu .navbar-header .navbar-brand .brand-text { padding-left: 0.5rem; padding-top: 0.4rem; margin-bottom: 0; color: #FFFFFF; font-weight: 600; letter-spacing: .01rem; font-size: 1.25rem; -webkit-animation: fadein .3s cubic-bezier(.25,.8,.25,1) 0s 1 normal forwards; animation: fadein .3s cubic-bezier(.25,.8,.25,1) 0s 1 normal forwards; }

.navigation { font-size: 1.1rem; overflow-y: hidden; padding-bottom: 20px; }
.navigation li { position: relative; white-space: nowrap; padding: 0.25rem 0; -webkit-transition: all .3s ease; transition: all .3s ease; }
.navigation li:hover svg { color: #000; }
.menu-collapsed .navigation li { padding: 0.25rem 0.25rem; -webkit-transition: all .3s ease; transition: all .3s ease; }
.menu-collapsed .navigation li.sidebar-group-active { width: 55px; }
.navigation li a { display: block; text-overflow: ellipsis; overflow: hidden; }
.main-menu .navigation>li ul li>a { padding: 0.625rem 1rem 0.625rem 1rem 1.2rem; }
.main-menu .navigation li a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.main-menu .navigation li a { padding: 0.5rem 0.625rem; color: #212529; font-size: 1rem; line-height: 1.45rem; }
.main-menu .navigation li.sidebar-group-active { background: #F0F0F0; border-radius: .25rem; -webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%); box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%); margin-bottom: 1rem; }
.main-menu .navigation li .dropdown-item.active, .main-menu .navigation li .dropdown-item:hover, .main-menu .navigation li .dropdown-item:focus { background: #d6d6d6; }
.main-menu .navigation li.sidebar-group-active a, .main-menu .navigation li.sidebar-group-active a:hover, .main-menu .navigation li.sidebar-group-active svg {  }
.main-menu .navigation>li:not(.open)>a { display: none; }
.main-menu .navigation li.nav-item a:hover>*, .main-menu .navigation li a>* { -webkit-transition: -webkit-transform .25s ease; transition: -webkit-transform .25s ease; transition: transform .25s ease; transition: transform .25s ease,-webkit-transform .25s ease; }
.main-menu .navigation li .dropdown-item { padding-left: 1.875rem; }
.main-menu .navigation li .dropdown-item::before { position: absolute; left: 1rem; content: " "; font-size: 0.5rem; }
.main-menu .menu-icon { width: 20px; }
.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 0.6rem; letter-spacing: -0.5px; }
.text-truncate:hover { font-weight: bold; }
.menu-collapsed .text-truncate { display: none; } 
.menu-collapsed .nav-item.open .text-truncate { display: none; }
.menu-collapsed .nav-item svg.left-arrow { transform: rotate(180deg); }
.card-headermenu { margin-bottom: 0 !important; }
.card-headermenu .col { padding: 0 0.25rem; }
.card-headermenu .nav-cat {}
.card-headermenu .btn-cat { position: relative; display: flex; justify-content: center; align-items: center; padding: 1rem 1rem 0.75rem; width: 100%; }
.card-headermenu .nav-item.active, .card-headermenu .nav-item:hover { background-color: #1A67D2; }
.card-headermenu .nav-item.active .cat-title, .card-headermenu .nav-item:hover .cat-title { color: #FFFFFF; font-weight: 600; }
.card-headermenu .cat-icon { font-size: 1.5rem; margin-right: 0.5rem; }
.card-headermenu .nav-item.active .cat-icon i, .card-headermenu .nav-item.active .cat-icon img, .card-headermenu .nav-item:hover .cat-icon i, .card-headermenu .nav-item:hover .cat-icon img  { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.card-headermenu .cat-title { font-size: 1rem; line-height: 2; }

/*** Login ***/
.auth-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; min-height: 100vh; min-height: calc(var(--vh, 1vh)*100); width: 100%; }
.auth-wrapper .logo-area { position: absolute; top: .7rem; left: .7rem; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 1.35rem; margin-right: 1rem; line-height: inherit; white-space: nowrap; }
.auth-wrapper .logo-area .brand-logo { max-width: 180px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.auth-wrapper .logo-area .brand-text { padding-left: 0.5rem; padding-top: 0.3rem; color: #fff; font-weight: 600; letter-spacing: .01rem; font-size: 1.45rem; }
.auth-wrapper .auth-inner { width: 100%; position: relative; height: 100vh; overflow-y: auto; height: calc(var(--vh, 1vh)*100); background: #191978; }
.auth-wrapper .auth-bg { background-color: #fff; }

/*** Content ***/
.navbar-container, .content-wrapper, .footer p { inline-size: 100%; margin-inline: auto; max-inline-size: 1440px; }
.content { position: relative; margin-left: 260px; padding: 0; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; min-height: calc(100% - 3.35rem); }
.content.app-content { padding: 9rem 2rem 0; }
.vertical-menu-modern.menu-collapsed .app-content, .vertical-menu-modern.menu-collapsed .footer { margin-left: 80px; }
.content.app-content .content-overlay { position: fixed; opacity: 0; width: 100%; height: 100%; top: 0; bottom: 0; -webkit-transition: all .7s,z-index 0s; transition: all .7s,z-index 0s; z-index: -1; background-color: rgba(34,41,47,.5); cursor: pointer; }
.header-navbar-shadow { display: none; }
.navbar-floating .header-navbar-shadow { display: block; width: 100%; height: 74px; position: fixed; top: 0; z-index: 11; padding-top: 2.2rem; background-repeat: repeat; background: -webkit-gradient(linear,left top,left bottom,color-stop(44%,hsla(0,0%,97.3%,.95)),color-stop(73%,hsla(0,0%,97.3%,.46)),to(hsla(0,0%,100%,0))); background: linear-gradient(180deg,hsla(0,0%,97.3%,.95) 44%,hsla(0,0%,97.3%,.46) 73%,hsla(0,0%,100%,0)); left: 0; }
.match-height>[class*=col] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; }
.match-height>[class*=col]>.card { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

/* card */
.card { font-size: 0.875rem; margin-bottom: 1rem; overflow: hidden; }
.card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; -webkit-transition: all .3s ease-in-out,background 0s,color 0s,border-color 0s; transition: all .3s ease-in-out,background 0s,color 0s,border-color 0s; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .428rem; border: none; -webkit-box-shadow: 0 4px 16px 0 rgb(0 0 0 / 15%); box-shadow: 0 4px 16px 0 rgb(0 0 0 / 15%); }
.card-headermenu .card-body { padding: 0rem 1.5rem; }
.card-statistics .card-header { padding-left: 2.4rem; }
.card .card-header { border-bottom: none; padding: 1.5rem; background-color: transparent; }
.card-header:first-child { border-radius: calc(.428rem - 1px) calc(.428rem - 1px) 0 0; }
.card .card-header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.card-header { padding: 1.5rem 1.5rem; margin-bottom: 0; background-color: rgba(34,41,47,.03); border-bottom: 1px solid rgba(34,41,47,.125); }
.card-body { padding: 1.5rem; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; }
.card .card { -webkit-box-shadow: none!important; box-shadow: none!important; }
.card.border .border-inner { padding: 1rem; margin-bottom: 0; border-radius: .5rem; }
.border-inner li { list-style: none; float: left; padding: 0.125rem 0.25rem; }
.border-bold { border: 3px solid #e9ecef !important; }
.card-management .card-header { border-bottom: 1px solid #B3B8C3; padding: 0.875rem 1rem; }
.card-management .card-header .inline-icon { margin-right: 1rem; }

/* list-group */
.list-group.list-group-circle { border: none; font-size: 1rem; margin-bottom: 2.5rem; }
.list-group.list-group-circle .list-group-item { border: none; background: none; padding: 0.25rem 1rem; }
.list-group.list-group-circle .list-group-item:after { content: " "; color: #6e6b7b; position: absolute; height: 10px; width: 10px; top: 0.6rem; left: 0; background-repeat: no-repeat; background-position: 50%; background-size: 10px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-circle'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E"); }

/* input-group */
.input-group-append, .input-group-prepend { margin-left: -1px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text
{ border-top-left-radius: 0;  border-bottom-left-radius: 0; }
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text 
{ border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group-text { background: #f5f5f5; }
.form-control:disabled, .form-control[readonly], .form-select:disabled { background-color: #f5f5f5; }
.input-group-text:first-child { min-width: 52px; }

/* form-control */
.form-control-custom, .form-select-custom { background-color: #F2F3F5; border-color: #DBDCE0; }
.form-control-wrapper { padding: 0.375rem 0.75rem; background-color: #F2F3F5; border: 1px solid #ced4da; border-radius: 0.25rem; }

/* etc */
.text-primary { color: #191978 !important; }
.bg-primary { background-color: #191978 !important; }
.border-primary { border: 1px solid #191978 !important; }
.bg-bluegradient { background: linear-gradient(140deg, rgba(17,80,160,1) 0%, rgba(25,25,120,1) 100%); }
.input-daterange { align-items: center; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; }
.input-daterange .form-control { background-color: transparent; border: 0; text-align: start; }
.btn-datapicker { padding: 0 !important; width: 27px !important; height: 27px !important; border-radius: 50% !important; box-shadow: 0px 3px 6px rgb(0 0 0 / 15%) !important; margin-right: 0.5rem; }
.bullet-green { position: relative; padding-left: 1rem; margin-bottom: 0; }
.bullet-green::before { position: absolute; top: 1px; left: 0; content: ""; display: block; width: 3px; height: 16px; background-color: #198039; }
.list-group-custom li { padding: 0.25rem 0rem; border: 0; }
.entry-round { background-color: #FFF; padding: 1rem 1rem; border-radius: 0.5rem; border: 1px solid #DBDCE0; }
.btn-condition { position: relative; width: 100%; text-align: center; color: #1A67D2; background-color: #E9F0FE; border: 1px solid #93B8F9; border-radius: 0.5rem; padding: 0.75rem 2rem; font-size: 1rem; margin-bottom: 0.5rem; }
.btn-condition.active { background-color: #8ab4f9; color: #000; }
.btn-condition label { display: none; }
.btn-condition.active label { position: absolute; top: 5px; left: -15px; display: block; width: 28px; height: 28px; line-height: 28px; border-radius: 50%; text-align: center; background-color: #07ecd0; color: #FFF; font-size: 1rem; font-weight: bolder; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); }

/* pin location */
.pinlocation-header { display: flex; align-items: center; background-color: #198039; padding: 0.5rem 1rem; color: #FFF; border-radius: 0.5rem; }
.input-customradio.form-check-input { width: 22px; height: 22px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23DBDCDF'/%3e%3c/svg%3e"); }
.input-customradio.form-check-input:checked { background-color: #64B5F6; border-color: #64B5F6; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%231E88E5'/%3e%3c/svg%3e"); }
.card-pinlocation .card-header { padding: 0.5rem; }
.pinlocation-group { position: relative; width: 150px; height: 110px; background: url(images/bg-pinlocation.svg) no-repeat center; background-size: contain; }
.pinlocation-group input { position: absolute; border: none; width: 32px; height: 26px; background: #F2FAF5; border: 1px solid #DBDCE0; border-radius: 0.25rem; text-align: center; }

/*** Button ***/
.btn:not(:disabled):not(.disabled) { cursor: pointer; }
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer; }
.btn { padding: 0.375rem 1.25rem; border-radius: .358rem; }
.btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; }
.btn-xl, .btn-group-xl > .btn { padding: 0.75rem 2rem; font-size: 1.25rem; }
.btn-primary { border-color: #0A308A !important; background-color: #0A308A !important; }
.btn-outline-primary { color: #191978 !important; border-color: #191978 !important; }
.btn-outline-primary.disabled { border-color: #ced4da !important; }
.btn-primary:hover { border-color: #20206c !important; background-color: #20206c !important; }
.btn-outline-primary:hover, .btn-outline-primary.active { border-color: #191978 !important; background-color: #191978 !important; color: #fff !important; }
.btn-outline-secondary { border-color: #D1D1D1; }
.btn-outline-secondary.disabled { border: 1px solid #ced4da; opacity: 1; color: #212529; }
.btn-outline-blue { background-color: #FFF; border-color: #1A67D2; color: #1A67D2; }
.btn-outline-blue:hover { border-color: #1856AB; background-color: #E9F0FE; color: #1856AB; }
.btn-danger { background-color: #dc3545 !important; border-color: #dc3545 !important; }
.btn-danger:hover { background-color: #bb2d3b !important; border-color: #bb2d3b !important; }
.btn-blue { border-color: #1A67D2 !important; background-color: #1A67D2 !important; color: #FFF; }
.btn-blue:hover { border-color: #1856AB !important; background-color: #1856AB !important; color: #FFF; }
.btn-darkgray { border-color: #4B4B4B !important; background-color: #4B4B4B !important; color: #FFF; }
.btn-darkgray:hover { border-color: #333 !important; background-color: #333 !important; color: #FFF; }
.btn svg { float: left; margin-right: 0.5rem; }
.btn-svg-only { height: 35px; padding-left: 0.5rem; padding-right: 0; }
.btn.h-auto { padding: .375rem .75rem !important; }
.btn-custom-del { color: #191978; background: #ddd; padding: 0.1rem 0.25rem; margin: 0 0.1rem; line-height: 0.75rem; font-size: 0.75rem; vertical-align: baseline; border-radius: 50%; }
.custom-arrow { display: inline-block; background: #fff; border: 1px solid #ddd; padding: 0.35rem 0 0.25rem 0; border-radius: .5rem; }
.custom-arrow select { border: none; outline: 0; background: none; height: auto; padding: 0 2rem 0 0.5rem; appearance: none; background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23d8d6de' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 1rem center/10px 10px; }
.custom-checkbox.custom-control, .custom-radio.custom-control {  }
.custom-checkbox .custom-control-input, .custom-radio .custom-control-input { width: 1.285rem; height: 1.285rem; }
.custom-checkbox .custom-control-label, .custom-radio .custom-control-label { position: static; margin-bottom: 0; line-height: 1.285rem; padding-left: .5rem; vertical-align: top; min-width: 36px; }
.custom-control { position: relative; z-index: 1; display: block; min-height: 1.45rem; -webkit-print-color-adjust: exact; color-adjust: exact; }
.custom-control-input { border-color: #7367f0; background-color: #7367f0; color: #7367f0; width: 1.285rem; padding: 0; }
.custom-radio label { margin-bottom: 0; vertical-align: text-bottom; }
.custom-control:first-child { padding-left: 0; }
.custom-checkbox .custom-control-input:checked .custom-control-label:before, .custom-radio .custom-control-input:checked .custom-control-label:before { position: absolute; left: 0; width: 18px; height: 18px; border-color: #7367f0; background-color: #7367f0; -webkit-box-shadow: 0 2px 4px 0 rgba(115,103,240,.4)!important; box-shadow: 0 2px 4px 0 rgba(115,103,240,.4)!important; }
.custom-checkbox .custom-control-label:after, .custom-checkbox .custom-control-label:before, .custom-radio .custom-control-label:after, .custom-radio .custom-control-label:before { left: 0; width: 18px; height: 18px; }
.custom-control-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem; }
.redline { border-color: #ef7e75 !important; }
.redline select { border-color: #ef7e75 !important; background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23ef7e75' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 1rem center/10px 10px; }
.btn-morelink { color: #666; font-weight: bold; }
.inline-icon { margin-right: 0.5rem; }
.btn-custom { background-color: #F2F3F5; border-color: #DCDCDC; border-radius: 2rem; padding-left: 1rem; padding-right: 1rem; }
.btn-outline-green { background-color: #CEEAD7; border-color: #198039; }
.form-check-outline-green .form-check-input[type=checkbox], .form-check-outline-green[type=checkbox] { background-color: #FFF; border-color: #CEEAD7; border-radius: 0.125rem; }
.form-check-outline-green .form-check-input[type=checkbox]:checked, .form-check-outline-green[type=checkbox]:checked { border-color: #198039; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='rgba(25, 128, 57, 1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3l6-6'/></svg>"); }


/*** Round Menu ***/
.card-roundmenu { margin-top: 45px; }
.roundmenu-wrapper {  margin-top: -45px; width: 100%; height: auto; }
.roundmenu { width: 100%; float: left; display: inline-block; }
.roundmenu label { float: left; padding: 0; color: #333; position: relative; display: block; width: 25%; height: 45px; line-height: 45px; font-size: 16px; text-align: center; color: #333; cursor: pointer; margin: 0; }
.roundmenu label:hover strong { background: #ddd; color: #000;  }
.roundmenu label.active strong, .roundmenu label.active:hover strong { background: #e52716; background: linear-gradient(180deg, rgba(247,49,32,1) 0%, rgba(219,39,22,1) 100%); color: #fff !important; font-weight: 600; }
.roundmenu label strong { position: absolute; left: 0; font-size: 1.2rem; width: calc(100% - 1px); background: #e6e6e6; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%); border-right: 1px solid #ddd; z-index: 2; -webkit-box-shadow: 0px -6px 6px 0px rgb(0 0 0 / 5%); box-shadow: 0px -6px 6px 0px rgb(0 0 0 / 5%); }
.roundmenu label, .roundmenu label strong { border-top-left-radius: .428rem; border-top-right-radius: .428rem; }

/*** Tab Menu ***/
.tabmenu-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1.5rem; }
.tabmenu { width: 100%; float: left; display: inline-block; }
.tabmenu label { position: relative; display: inline-block; padding: .61rem .61rem; font-size: 18px; text-align: center; color: #6e6b7b; margin-bottom: 0; cursor: pointer; }
.tabmenu label.active:after { content: ""; position: absolute; bottom: 0; width: 100%; height: 3px; left: 0; background: #191978; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s;  }
.tabmenu label:hover, .tabmenu label.active { color: #191978; font-weight: 600; }
.tabmenu.scroll-snap { position: fixed; right: 0; width: calc(100% - 4rem) !important; margin: 0 2rem 0;	top: 60px; background: #fff; z-index: 12; border: 1px solid rgba(0,0,0,.125); border-radius: .428rem; box-shadow: 0 4px 16px 0 rgb(0 0 0 / 15%); }
.menu-collapsed .tabmenu.scroll-snap { width: calc(100% - 4rem) !important; margin: 0 2rem 0; }
.tabmenu-round .btn { border-top-left-radius: 0.428rem !important;  border-top-right-radius: 0.428rem !important; }
.tabmenu-round .btn.active, .tabmenu-round .btn.active:hover { background: #191978 !important; color: #fff !important; font-weight: bold; }
.tabmenu-round .btn:hover { background: #cac7ff !important; color: #191978 !important; }
.tabmenu-round .btn.active:after { content: ""; position: absolute; bottom: 0; width: 100%; height: 3px; left: 0; background: #191978; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s;  }
.btn-tabmenu > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.btn-tabmenu > .btn:last-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.btn-tabmenu.scroll-snap { position: fixed; right: 0; width: calc(100% - 4rem - 260px) !important; margin: 0 2rem 0; top: 60px; background: #fff; z-index: 12; box-shadow: 0 4px 16px 0 rgb(0 0 0 / 15%); }
.btn-tabmenu-bottom.scroll-snap { position: fixed; right: 0; width: calc(100% - 4rem - 260px) !important; margin: 0 2rem 0; top: 100px; background: #fff; z-index: 12; }
.menu-collapsed .btn-tabmenu.scroll-snap { width: calc(100% - 4rem) !important; }
.menu-collapsed .btn-tabmenu-bottom.scroll-snap { width: calc(100% - 2rem) !important; }
.tabmenu-content { position: relative; }
.tabmenu-right-btn { position: absolute; top: -4rem; right: 0; }

/*** Category Menu ***/
.nav-cats { margin-bottom: 1rem; }
.nav-cats .nav-item { margin-right: 0.5rem; }
.nav-cats .nav-link { background-color: #EAEAEA; border: 1px solid #EAEAEA; color: #505050; border-radius: 2rem; }
.nav-cats .nav-link.active, .nav-cats .show > .nav-link { background-color: #E9F0FE; border: 1px solid #4F75FE; color: #1A67D2; }
.nav-cardcats { margin-bottom: 1rem; }
.nav-cardcats .nav-item { margin-right: 0.5rem; }
.nav-cardcats .nav-link { background-color: #EAEAEA; border-color: #EAEAEA; color: #505050; border-radius: 2rem; }
.nav-cardcats .nav-link.active, .nav-cardcats .show > .nav-link { background-color: #0A308A; border-color: #0A308A; color: #FFFFFF; }
.nav-cats-sm { margin-bottom: 1rem; }
.nav-cats-sm .nav-item { margin-right: 0.5rem; }
.nav-cats-sm .nav-link { background-color: #EAEAEA; border: 1px solid #EAEAEA; color: #505050; border-radius: 2rem; font-size: 0.875rem; }
.nav-cats-sm .nav-link.active, .nav-cats-sm .show > .nav-link { background-color: #0A308A; border: 1px solid #0A308A; color: #FFF; }

/*** Round Table ***/
.table table { width: 100%; max-width: 100%; margin-bottom: 0px; border-collapse: collapse; }
.table-responsive table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table td, .table th { padding: .375rem; border: 1px solid #ced4da; vertical-align: middle; }
.table.even tr:nth-child(even) { background: #f5f5f5; }
.table.odd tr:nth-child(odd) { background: #f5f5f5; }
.table.even th { background: #f5f5f5; }
.table.odd th { background: #fff; }
.fixedheader { position: sticky; top: 0; z-index: 2 }
.fixedleft { position: sticky; left: 0; background: #fff; }
.table.even tr:nth-child(even) td.fixedleft { background: #f5f5f5; }
.table.odd tr:nth-child(odd) td.fixedleft { background: #f5f5f5; }
.table-bordered table, .table-bordered td, .table-bordered th { border: 1px solid #ebe9f1 !important; }
.roundmenu-content th, .roundmenu-content td { border: none; border-top: 1px solid #ebe9f1; }
.roundmenu-content tr:last-child td { border-bottom: 1px solid #ebe9f1; }
.card-round-table { background: #f6f6f6; }
.card-round-table th, .card-round-table td { padding-top: .5rem; padding-bottom: .5rem; text-align: center; }
.card-round-table tr:hover { background: #fff; }
.card-round-table tr.active { background: #fff; -webkit-box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%); box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%); }
.card-round-table th:nth-child(2), .card-round-table td:nth-child(2) { text-align: left; width: 34%; }
.card-body.p-0.table table { border-radius: calc(.428rem - 1px) calc(.428rem - 1px) 0 0; }
.card-body.p-0 .table th:first-child, .card-body.p-0 .table td:first-child { padding-left: 1rem; }
.card-body.p-0 .table th:last-child, .card-body.p-0 .table td:last-child { padding-right: 1rem; }

/*** Column Table ***/
.column-table th { background-color: #f3f2f7; border-top: 1px solid #ebe9f1; border-bottom: 2px solid #ebe9f1 !important; text-transform: uppercase; font-size: .857rem; letter-spacing: .5px; }
.column-table th, .column-table td { padding: .72rem 1rem; border-left: none; border-right: none; min-width: 90px; border-color: #ebe9f1; }
.column-table th { padding: .75rem 1rem;  }
.column-table tr:last-child td { border-bottom: 1px solid #ebe9f1; }
.column-table tr:hover { background: #f5f5f5; cursor: pointer; }
.table-disable tr:hover { background: inherit; cursor: default; }
.column-table.nohover tr:hover { background: inherit; cursor: default; }

/*** Light Table ***/
.light-table th { background-color: #f3f2f7; border-top: 1px solid #ebe9f1; border-bottom: 2px solid #ebe9f1 !important; text-transform: uppercase; font-size: .857rem; letter-spacing: .5px; }
.light-table th, .light-table td { padding: .25rem; border-left: none; border-right: none; min-width: 60px; border-color: #ebe9f1; }
.light-table tr:last-child td { border-bottom: 1px solid #ebe9f1; }

/*** Borderless-table ***/
.borderless-table tr { border: none; }
.borderless-table th { font-size: .857rem; letter-spacing: .5px; }
.borderless-table th, .borderless-table td { padding: .72rem 1.5rem; border: none; }
.borderless-table th:first-child, .borderless-table td:first-child { padding-left: 0; }
.borderless-table th:last-child, .borderless-table td:last-child { padding-right: 0; }
.border-0 tr { border: none; }
.border-0 th { font-size: .857rem; letter-spacing: .5px; }
.border-0 th, .border-0 td { padding: .72rem 1.5rem; border: none; }
.border-vertical-0 th, .border-vertical-0 td { border-left: none; border-right: none; }
.align-top td { vertical-align: top; }

/*** Underline-table ***/
.underline-table tr { border: none; border-bottom: 1px solid #ddd; }
.underline-table th { font-size: .857rem; letter-spacing: .5px; }
.underline-table th, .underline-table td { padding: .72rem 1rem; border: none; }
.underline-table th:first-child, .underline-table td:first-child { padding-left: 0; }
.underline-table th:last-child, .underline-table td:last-child { padding-right: 0; }

/*** table-course ***/
.table-course td:first-child, .table-course th:first-child { border-left: 0; }
.table-course td:last-child, .table-course th:last-child { border-right: 0; }
.table-course .title { text-align: start; }
.table-course tr:last-child td { border-bottom: 1px solid #198039; }
.table-course th { border-top: 1px solid #198039; background-color: #F2FAF5; border-bottom: 1px solid #6E6E6E; font-weight: normal; }

/*** thead and bgcolor ***/ 
.thead-blueborder th { border-top: 1px solid #0A308A; border-bottom: 1px solid #0A308A; }
.thead-greenborder th { border-top: 1px solid #198039; border-bottom: 1px solid #6E6E6E; }
.border-blue { border-color: #0A308A !important; }
.border-green { border-color: #198039 !important; }
.bg-lightblue th, .bg-lightblue td { background-color: #F2FBFD; }
.bg-lightgreen th, .bg-lightgreen td { background-color: #F2FAF5; }
.text-center th, .text-center td { text-align: center; }

/*** table-putting ***/
.table-putting thead tr:first-child { background-color: #198039; color: #FFF; }
.table-putting thead tr:nth-child(2) { background-color: #F2FAF5; color: #505050; }
.table-putting thead { border-bottom: 1px solid #198039; }
.table-putting th, .table-putting td { border: 0; }
.table-putting tr:nth-child(2n) { border-bottom: 1px solid #ced4da; }
.table-putting .title { text-align: start; border-right: 1px solid #ced4da; }
.table-putting .out, .table-putting .in { border-left: 1px solid #ced4da; border-right: 1px solid #ced4da; }
.table-putting .sum, .table-putting .under { border-right: 1px solid #ced4da; }
.table-putting .total { border-left: 1px solid #ced4da; }
.table-putting th, .table-putting td { width: 3%; }
.table-putting .title { width: 13%; }
.table-putting .out, .table-putting .in, .table-putting .sum, .table-putting .under { width: 4%; }
.table-putting .total { width: 5%; }
.text-blue { color: #0093FF; }
.text-red { color: #E30000; }

/*** Pagination ***/
.page-item { border-radius: 5rem !important; padding: 0.2rem !important; }
.page-item .page-link { border-radius: 0.2rem !important; box-shadow: none; }
.page-item.active .page-link { background-color: #191978; border-color: #191978; z-index: 3; color: #fff!important; font-weight: 600; }
.page-item .page-link { margin-left: 0; border: none; margin: 0; color: #666; min-width: 2.286rem; }
.page-link { padding: .5rem .85rem; background-color: #f3f2f7; border: 1px solid #dae1e7; }
.page-link:hover { background-color: #f3f2f7; border-color: #dae1e7; z-index: 2; color: #38348c; text-decoration: none; }

/*** Mypage ***/
.avatar .avatar-img, .avatar .avatar-text { border-radius: inherit; width: 100%; height: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-mask-image: radial-gradient(#fff,#000); mask-image: radial-gradient(#fff,#000); }
.profile-table tr, .profile-table th, .profile-table td { border: none; }
.profile-table th { width: 132px; }
.list-group.list-group-timeline { list-style-type: none;  margin-left: 1rem; }
.list-group.list-group-timeline .list-group-item { border: none; line-height: 1.5rem; padding-bottom: 2rem; }
.list-group-timeline>li::before { position: absolute; left: -10px; content: "● "; color: #ea5455; font-size: 1.5rem; }
.list-group.list-group-timeline .badge { padding: 0.35em 0.65em; font-size: 1.125em; font-weight: 700; color: #ea5455; }
.list-group.list-group-timeline .list-group-item { position: relative; padding-left: 2rem; padding-top: 0; }
.list-group.list-group-timeline .list-group-item:not(:last-of-type) {  border-left: 1px solid #ddd; padding-bottom: 2rem; }
.bill-wrapper { padding: 1.5rem; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; background-color: #f3f2f7; border-top: 1px solid #ebe9f1; border-bottom: 2px solid #ebe9f1; font-size: .857rem; letter-spacing: .5px; }
.bill-badge .badge { font-size: 1.125rem; color: #0d6efd; padding: .3rem .5rem; text-align: center; border-radius: 10rem; margin-bottom: 0.5rem; }
.bill-wrapper .tourtitle { min-height: 40px; }
.bill-wrapper .table td:nth-child(2) { font-size: 1rem; }
.oilcost-wrapper { padding: 1.5rem; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; background-color: #f2f9f0; border-top: 1px solid #ebe9f1; border-bottom: 2px solid #ebe9f1; font-size: .857rem; letter-spacing: .5px; }
.oilcost-badge .badge { font-weight: normal; font-size: 1em; color: #6e6b7b; padding: .3rem .5rem; text-align: center; border-radius: 10rem; }
.oilcost-wrapper .tourtitle { min-height: 40px; }
.oilcost-wrapper .table td:nth-child(2) { font-size: 1rem; }

/*** Login ***/
.section-login { background: linear-gradient(#0A308A 35px,#F2F3F5 35px 340px,#FFF 340px); }
.login-wrapper { background-color: #FFF; border: 1px solid #DBDCE0; border-radius: 2rem; padding: 4rem 2rem; box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.125); }
.input-group-underline { border-bottom: 1px solid #DBDCE0; }
.input-group-underline .input-group-text { border: 0; background: transparent; }
.input-group-underline .form-control { border: 0; background: transparent; }

/*** Footer ***/
footer.footer { padding: .8rem 2rem; min-height: 3.35rem; font-size: 0.8rem; color: #0A308A; }
.menu-expanded .footer { margin-left: 260px; }
.menu-collapsed .footer { margin-left: 80px; }
.section-footer { min-width: 1600px; background: #F2F3F5; padding: 2rem; margin-top: 5rem; }
.section-copyright { position: relative; display: flex; flex-wrap: wrap; align-items: start; color: #63676D; font-size: 1.313rem; }
.section-copyright a { color: #FFF; }
.section-copyright p { font-size: 1.25rem; }
.footer-logo { min-width: 240px; text-align: right; padding-right: 40px; }

/*** Modal Popup ***/
.modal-title { color: #191978; font-weight: bold; }
.modal.show .modal-dialog { font-size: 0.875rem; }

/*** Carouse Slider ***/
.carousel-control-prev-icon, .carousel-control-next-icon { background-color: #191978; padding: .5rem; background-size: 75% 75%; border-radius: 50%; }
.carousel-control-prev, .carousel-control-next { width: 32px; top: 1.25rem; bottom: auto;  }
.carousel-control-prev { left: auto; right: 82px; }
.carousel-control-next { right: 32px; }
.carousel-indicators { bottom: -20px; }
.carousel-indicators [data-bs-target] { background-color: #191978; opacity: 0.2; }
.carousel-indicators .active { opacity: 1; }

/*** Print ***/
.bg-white { background-color: #FFF !important; }
ul, li {list-style:none; margin:0; padding:0}
li { padding-left:16px; padding-bottom:5px;}
.rounded-10 { border-radius: 1rem; }
.rounded-20 { border-radius: 2rem; }
.bg-light { background: #F5F5F5 !important; }
.section-area { width:100%; height: auto; margin:0 auto; position: relative; padding: 4rem 0; }
.table-tee tr th, .table-tee tr td { font-size: 1.125rem; padding: 0.75rem; border-right-width: 1px; border-color: #000; }
.table-tee tr th { border-top: 1px solid #ccc; }
.table-tee tr th:first-child { border-left: 1px solid #ccc; }
.table-tee tr th:last-child { border-right: 1px solid #ccc; }
.table-tee tr td:first-child { border-left: 0;  }
.table-tee tr td:last-child { border-right: 0;  }
.table-lg tr th, .table-lg tr td { font-size: 1.25rem; padding: 1.25rem 2rem; }
.table-pinlocation td { padding: 0; }

/*** Matchtable ***/
.matchtable-wrapper { position: relative; width: 100%; padding: 0; }
.matchtable-header { min-width: 900px; margin-bottom: 1rem; }
.matchtable-body { min-width: 900px; }
.matchtable-body ul li { padding-left: 0; margin-bottom: 0; padding-bottom: 0; }
.btn-matchtable { font-size: 1rem; background-color: #f2f3f4; border-radius: 0.5rem; padding: 0.25rem 1rem; }
.card-matchtable { position: relative; width: 100%; height: 34px; padding: 0; border-radius: 0; margin-bottom: 0; }
.card-matchtable .card-body { padding: 0.125rem 0.125rem; width: calc(100% - 70px); }
.card-matchtable h6 { margin: 0.125rem 0; font-size: 0.625rem; font-weight: 300; }
.card-matchtable h6.fw-bold { color: #000; }
.card-matchtable h6 .inline-icon { min-width: 14px; text-align: end; display: inline-block; margin-right: 0.25rem; }
.card-matchtable { background: #e4e4e4; border: 1px solid #e4e4e4; color: #888888; overflow: visible; }
.matchtable-body ul li:nth-child(even) .card-matchtable { background: #FFF; }
.card-matchtable .badge { position: absolute; font-size: 0.625rem; color: #000; padding: 0; }
.card-matchtable .badge-win { right: 0.5rem; color: #F76874; }
.card-matchtable .badge-hole { right: 1.5rem; }
.card-matchtable .card-header { background-color: transparent; border-color: transparent; width: 100%; text-align: center; }
.label-final { position: absolute; top: -2.5rem; left: calc(50% - 40px); width: 80px; background-color: #e9f0fe; color: #5479fe; border: 1px solid #5479fe; border-radius: 3rem; text-align: center; font-size: 0.875rem; padding: 0.125rem 0.5rem; }

/* 16 */
.matchtable-body .col:nth-child(2) ul { margin-top: 17px; }
.matchtable-body .col:nth-child(3) ul { margin-top: 115px; }
.matchtable-body .col:nth-child(4) ul { margin-top: 210px; }
.matchtable-body .col:nth-child(2) ul li { position: relative; margin-bottom: 34px; }
.matchtable-body .col:nth-child(3) ul li { position: relative; margin-bottom: 245px; }
.matchtable-body .col:not(:first-child) ul li:before { content: ""; color: #000; border-top: 1px solid; position: absolute; height: 20px; top: 50%; left: -11px; width: 12px; }
.matchtable-body .col .card-matchtable:before { content: ""; color: #000; border-top: 1px solid; position: absolute; height: 20px; top: 50%; right: -12px; width: 12px; }
.matchtable-body .col .card-matchtable.card-final:before { display: none; }
.matchtable-body .col .card-matchtable.card-thirdmatch:before { display: none; }
.matchtable-body .col ul li:nth-child(odd) .card-matchtable:after { content: ""; color: #000; border-width: 1px; position: absolute; display: block; border-right-style: solid; border-top-style: solid; height: 34px; right: -12px; top: 50%; }
.matchtable-body .col:last-child ul li:nth-child(odd) .card-matchtable:after { display: none; } 
.matchtable-body .col:nth-child(2) ul li:nth-child(odd) .card-matchtable:after { height: 69px; }
.matchtable-body .col:nth-child(3) ul:first-child li .card-matchtable:after { height: 312px; }

/* 64 */
.matchtable-64 .matchtable-header, .matchtable-64 .matchtable-body { width: 100%; }
.matchtable-64 .matchtable-body .col:nth-child(3) ul { margin-top: 50px; }
.matchtable-64 .matchtable-body .col:nth-child(4) ul { margin-top: 114px; }
.matchtable-64 .matchtable-body .col:nth-child(5) ul { margin-top: 252px; }
.matchtable-64 .matchtable-body .col:nth-child(6) ul { margin-top: 458px; }
.matchtable-64 .matchtable-body .col:nth-child(3) ul li { position: relative; margin-bottom: 102px; }
.matchtable-64 .matchtable-body .col:nth-child(4) ul li { position: relative; margin-bottom: 240px; }
.matchtable-64 .matchtable-body .col:nth-child(5) ul li { position: relative; margin-bottom: 512px; }
.matchtable-64 .matchtable-body .col:nth-child(6) ul li { position: relative; margin-bottom: 100px; }
.matchtable-64 .matchtable-body .col:nth-child(6) ul li:last-child { position: relative; margin-bottom: 100px; }
.matchtable-64 .matchtable-body .col:nth-child(3) ul li:last-child, .matchtable-64 .matchtable-body .col:nth-child(4) ul li:last-child, .matchtable-64 .matchtable-body .col:nth-child(5) ul li:last-child { margin-bottom: 0; }
.matchtable-body .col:nth-child(3) ul li:nth-child(odd) .card-matchtable:after { height: 137px; }
.matchtable-body .col:nth-child(4) ul li:nth-child(odd) .card-matchtable:after { height: 275px; }
.matchtable-body .col:nth-child(5) ul li:nth-child(odd) .card-matchtable:after { height: 546px; }
.matchtable-body .col:nth-child(6) ul li:last-child:before { border-top: 0; border-right: 1px solid; position: absolute; height: 60px; top: -70px; left: 100px; width: 1px; }