@charset "utf-8";
@import url("variables.css");
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button { font-family: 'Noto Sans KR', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '굴림', Gulim, 'Nanum Barun Gothic', HelveticaNeue-Light, 'Apple SD Gothic Neo', Helvetica, sans-serif; letter-spacing: -0.6px; }

/*.metismenu:not(.mm-collapse.mm-show) {overflow: hidden;}*/

/*.metismenu:has(.mm-collapse.mm-show) {overflow: inherit;}*/
a { color: var(--primary-color); }
.pointer { cursor: pointer; }

/*login*/
.loginIdWrap .fv-plugins-icon { top: 22px !important; }
.passwordWrap .fv-plugins-icon-input-group { right: 38px; }
.form-control.is-invalid+.input-group-text { border-color: #fd3550; }
.form-control.is-invalid+.input-group-text:focus { border-color: #fd3550; box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%); outline-width: 0px; }

/*common*/
.required { color: red; vertical-align: top; padding: 1px 0 0 5px; display: inline-block; }
.pos-r { position: relative; }
.pos-a { position: absolute; }
.red { color: red; }
.blue { color: blue; }
.required { vertical-align: top; padding: 4px 0 0 5px; color: #f00; }
.dispaly-block { display: block; }
.dispaly-inlineblock { display: inline-block; }
.dispaly-none { display: none; }
.hidden { display: none; }
.form-control { font-size: 14px; }
.bold { font-weight: bold; }
.display-none { display: none; }
.pull-left { float: left !important; }
.pull-right { float: right !important; }
.hr-line-dashed { border-top: 1px dashed #e7eaec; color: #ffffff; background-color: #ffffff; height: 1px; margin: 10px 0; }
.disabled { color: #eee !important; }
.pointer { cursor: pointer; }
.fs-9 { font-size: 9px !important; }
.fs-10 { font-size: 10px !important; }
.fs-11 { font-size: 11px !important; }
.fs-12 { font-size: 12px !important; }
.fs-13 { font-size: 13px !important; }
.fs-14 { font-size: 14px !important; }
.fs-15 { font-size: 15px !important; }
.fs-16 { font-size: 16px !important; }
.fs-17 { font-size: 17px !important; }
.fs-18 { font-size: 18px !important; }
.fs-19 { font-size: 19px !important; }
.fs-20 { font-size: 20px !important; }
.inline-block { display: inline-block !important; }
.w5 { width: 5px !important; }
.w10 { width: 10px !important; }
.w20 { width: 20px !important; }
.hide { display: none; }
.show { display: block; }
.w100 { width: 100% !important; }

/*dataTable*/
.dataTable-sorter::before { bottom: 7px; }
.dataTable-pagination li:hover a, .dataTable-pagination .active a, .dataTable-pagination .active a:focus, .dataTable-pagination .active a:hover { background: #2f80ed; color: #fff; }
.dataTable-table .fas { color: #999; margin: 0 5px 0 0; }
.dataTable-table td { color: rgba(0, 0, 0, 1); }
.pagingWrap { align-items: center; }
.pagination>li.disabled a { cursor: default; opacity: 1 }
.pagination>li.disabled a:hover { background-color: transparent !important }
.pagination>li.disabled a i { opacity: 0.3 }
.page-item.active .page-link { background-color: var(--primary-color); border-color: var(--primary-color); }
.page-link { color: var(--primary-color); }

/*.pagination>li>a { width: auto; min-width: 26px; padding: 0 3px; text-align: center; }*/

/*search*/
.bv_mainselect { float: left; padding: 0px; }
.bv_atual { padding: 5px 10px; border: 1px solid #e1e1e1; }
.down { margin-top: 4px; margin-left: 7px; }
.up { margin-top: 9px; margin-left: 7px; }
.originWrap { display: flex; flex-wrap: wrap; }
.originWrap select { min-width: 120px; }

/*tooltip*/
.p-tooltip, .p-tooltip--btm-center, .p-tooltip--btm-right, .p-tooltip--top-left, .p-tooltip--top-center, .p-tooltip--top-right, .p-tooltip--right, .p-tooltip--left { position: relative }
.p-tooltip:focus .p-tooltip__message, .p-tooltip--btm-center:focus .p-tooltip__message, .p-tooltip--btm-right:focus .p-tooltip__message, .p-tooltip--top-left:focus .p-tooltip__message, .p-tooltip--top-center:focus .p-tooltip__message, .p-tooltip--top-right:focus .p-tooltip__message, .p-tooltip--right:focus .p-tooltip__message, .p-tooltip--left:focus .p-tooltip__message, .p-tooltip:hover .p-tooltip__message, .p-tooltip--btm-center:hover .p-tooltip__message, .p-tooltip--btm-right:hover .p-tooltip__message, .p-tooltip--top-left:hover .p-tooltip__message, .p-tooltip--top-center:hover .p-tooltip__message, .p-tooltip--top-right:hover .p-tooltip__message, .p-tooltip--right:hover .p-tooltip__message, .p-tooltip--left:hover .p-tooltip__message { display: inline; text-decoration: initial }
.is-detached.p-tooltip, .is-detached.p-tooltip--btm-center, .is-detached.p-tooltip--btm-right, .is-detached.p-tooltip--top-left, .is-detached.p-tooltip--top-center, .is-detached.p-tooltip--top-right, .is-detached.p-tooltip--right, .is-detached.p-tooltip--left { display: block; position: absolute }
.p-tooltip__message { background-color: #111; border: 0; border-radius: .125rem; color: #fff; display: none; left: -1rem; margin-bottom: 0; padding: .5rem 1rem; position: absolute; text-align: left; text-decoration: initial; top: 100%; transform: translateX(0%) translateY(13px); white-space: pre; z-index: 11 }
.is-detached .p-tooltip__message { display: block }
.p-tooltip__message::before { border-bottom: .5rem solid #111; border-left: .5rem solid transparent; border-right: .5rem solid transparent; bottom: 100%; content: ''; height: 0; left: 1rem; pointer-events: none; position: absolute; width: 0 }
.p-tooltip__message::after { border-radius: 10% 90% 0% 100%/100% 100% 0% 0%; content: ''; height: 1rem; left: 0; position: absolute; right: 0; top: -1rem }
.p-tooltip--btm-center .p-tooltip__message { bottom: inherit; left: 50%; top: 100%; transform: translateX(-50%) translateY(13px) }
.p-tooltip--btm-center .p-tooltip__message::before { left: 50%; transform: translateX(-50%) }
.p-tooltip--btm-center .p-tooltip__message::after { border-radius: 50% 50% 0% 100%/100% 100% 0% 0%; height: 1rem }
.p-tooltip--btm-right .p-tooltip__message { bottom: inherit; left: initial; right: -1rem; top: 100%; transform: translateY(13px) }
.p-tooltip--btm-right .p-tooltip__message::before { left: initial; right: 1rem }
.p-tooltip--btm-right .p-tooltip__message::after { border-radius: 90% 10% 0% 100%/100% 100% 0% 0%; height: 1rem }
.p-tooltip--top-left .p-tooltip__message { bottom: 100%; left: -1rem; top: initial; transform: translateX(0%) translateY(-13px) }
.p-tooltip--top-left .p-tooltip__message::before { border-bottom: .5rem solid transparent; border-left: .5rem solid transparent; border-right: .5rem solid transparent; border-top: .5rem solid #111; bottom: -1rem; left: 1rem }
.p-tooltip--top-left .p-tooltip__message::after { border-radius: 0% 100% 90% 10%/0% 0% 100% 100%; bottom: -1rem; height: 1rem; top: auto }
.p-tooltip--top-center .p-tooltip__message { bottom: 100%; left: 50%; top: initial; transform: translateX(-50%) translateY(-13px) }
.p-tooltip--top-center .p-tooltip__message::before { border-bottom: .5rem solid transparent; border-left: .5rem solid transparent; border-right: .5rem solid transparent; border-top: .5rem solid #111; bottom: -1rem; left: 50%; transform: translateX(-50%) }
.p-tooltip--top-center .p-tooltip__message::after { border-radius: 100% 0% 50% 50%/0% 0% 100% 100%; bottom: -1rem; height: 1rem; top: auto }
.p-tooltip--top-right .p-tooltip__message { bottom: 100%; left: initial; right: -1rem; top: initial; transform: translateX(0%) translateY(-13px) }
.p-tooltip--top-right .p-tooltip__message::before { border-bottom: .5rem solid transparent; border-left: .5rem solid transparent; border-right: .5rem solid transparent; border-top: .5rem solid #111; bottom: -1rem; left: initial; right: 1rem }
.p-tooltip--top-right .p-tooltip__message::after { border-radius: 100% 0% 10% 90%/0% 0% 100% 100%; bottom: -1rem; height: 1rem; top: auto }
.p-tooltip--right .p-tooltip__message { bottom: inherit; left: 100%; top: 50%; transform: translateX(14px) translateY(-50%) }
.p-tooltip--right .p-tooltip__message::before { border-bottom: .5rem solid transparent; border-left: .5rem solid transparent; border-right: .5rem solid #111; border-top: .5rem solid transparent; bottom: inherit; left: 0; top: 50%; transform: translateX(-16px) translateY(-50%) }
.p-tooltip--right .p-tooltip__message::after { border-radius: 0; bottom: 0; height: auto; left: -1rem; right: auto; top: 0; width: 1rem }
.p-tooltip--left .p-tooltip__message { bottom: inherit; left: -16px; top: 50%; transform: translateX(-100%) translateY(-50%) }
.p-tooltip--left .p-tooltip__message::before { border-bottom: .5rem solid transparent; border-left: .5rem solid #111; border-right: .5rem solid transparent; border-top: .5rem solid transparent; bottom: inherit; left: 100%; top: 50%; transform: translateX(0) translateY(-50%) }
.p-tooltip--left .p-tooltip__message::after { border-radius: 0; bottom: 0; height: auto; left: auto; right: -1rem; top: 0; width: 1rem }

/*file upload*/
.uploader { display: block; clear: both; margin: 0 auto; width: 100%; position: relative; }
.uploader label { float: left; clear: both; width: 100%; padding: 2rem 1.5rem; text-align: center; background: #fff; border-radius: 0.25rem; border: 2px dashed #d2d2d2; transition: all 0.2s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-height: 350px; min-width: 250px; max-width: 1000px; background-color: #fff; color: #007bff; }
.uploader label:hover { border-color: #454cad; }
.uploader label.hover { border: 3px solid #454cad; box-shadow: inset 0 0 0 6px #eee; }
.uploader label.hover #start i.fa { transform: scale(0.8); opacity: 0.3; }
.uploader #start { float: left; clear: both; width: 100%; }
.uploader #start.hidden { display: none; }
.uploader #start>i.fa { font-size: 50px; margin-bottom: 1rem; transition: all 0.2s ease-in-out; }
.uploader #start>i.bx { display: block; font-size: 7em; text-align: center; margin-top: 0.5em; padding-bottom: 12px; }
.uploader #start .guide { font-size: 24px; border-top: 1px solid #007bff; border-bottom: 1px solid #007bff; padding: 10px; display: inline-block; }
.uploader #response { float: left; clear: both; width: 100%; }
.uploader #response.hidden { display: none; }
.uploader #response #messages { margin-bottom: 0.5rem; }
.uploader #file-image { display: inline; margin: 0 auto 0.5rem auto; width: 100%; height: auto; max-width: 200px; }
.uploader #file-image.hidden { display: none; }
.uploader #notimage { display: block; float: left; clear: both; width: 100%; }
.uploader #notimage.hidden { display: none; }
.uploader progress, .uploader .progress { display: inline; clear: both; margin: 0 auto; width: 100%; max-width: 180px; height: 8px; border: 0; border-radius: 4px; background-color: #eee; overflow: hidden; }
.uploader .progress[value]::-webkit-progress-bar { border-radius: 4px; background-color: #eee; }
.uploader .progress[value]::-webkit-progress-value { background: linear-gradient(to right, #393f90 0%, #454cad 50%); border-radius: 4px; }
.uploader .progress[value]::-moz-progress-bar { background: linear-gradient(to right, #393f90 0%, #454cad 50%); border-radius: 4px; }
.uploader input[type=file] { display: none; }
.uploader div { margin: 0 0 0.5rem 0; }
.uploader .btn { display: inline-block; margin: 0.5rem 0.5rem 1rem 0.5rem; clear: both; font-family: inherit; font-weight: 700; font-size: 14px; text-decoration: none; text-transform: initial; border: none; border-radius: 0.2rem; outline: none; padding: 0 1rem; height: 36px; line-height: 36px; color: #fff; transition: all 0.2s ease-in-out; box-sizing: border-box; background: #454cad; border-color: #454cad; cursor: pointer; }
.uploader .btn2 { background: white; color: rgb(58, 160, 255); display: block; border: 1px solid #007bff; border-radius: 1em; margin: 25px auto; width: 100%; max-width: 500px; }
.uploader .btn2:hover { background: rgb(58, 160, 255); color: white; }
.uploader .file_del { position: absolute; top: 3px; right: 5px; }
.uploader .file_del.hidden { display: none; }
.kind .form-check { display: inline-block; }
.btn-primary { color: #fff; background-color: #008cff; border-color: #008cff }
.btn-primary:hover { color: #fff; background-color: #037de2; border-color: #037de2 }
.uploader .label2 { float: left; clear: both; width: 100%; padding: 0 1.5rem; text-align: center; background: #fff; border-radius: 0.25rem; border: 2px dashed #d2d2d2; transition: all 0.2s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-height: 140px; min-width: 150px; max-width: 1000px; background-color: #fff; color: #007bff; }
.uploader .label2:hover { border-color: #454cad; }
.uploader .label2.hover { border: 3px solid #454cad; box-shadow: inset 0 0 0 6px #eee; }
.uploader .label2.hover #start i.fa { transform: scale(0.8); opacity: 0.3; }

/*multi file uploader*/
.representative-checkbox { position: absolute; z-index: 9; top: 6px; left: 4px; }
.imageuploadify-container { position: relative; display: inline-block; border: 2px solid transparent; /* 기본 테두리는 투명 */ }
.imageuploadify-container { margin-right: 0px !important; }
.imageuploadify-container img { display: block; }
.imageuploadify-images-list img.rep-photo { border: 1px solid green; border-radius: 4px; padding: 8px; margin: 16px 8px 0; }

/*add*/
.fv-plugins-bootstrap5 .fv-plugins-icon { height: 28px; width: 28px; }
.foodwrap { display: flex; align-items: center; }
.foodwrap .form-label { margin-bottom: 0; }
.foodwrap input { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }

/*unit*/
#food-unit { overflow: hidden; }
#food-unit table { width: 100%; text-align: center; }
#food-unit table select { min-width: 80px; }
.unitwrap { line-height: 2rem; }
.unitwrap span { padding-right: 1rem; }

/*.addPlus { width: 1.8rem; height: 1.8rem; }*/
.addPlus { width: auto; height: auto; }
.addPlus i:before { vertical-align: text-bottom; display: inline-block; }
.page-wrapper2 { background-color: #fff; }
.food-container-wrap { background-color: rgba(var(--primary-rgb), .1); }
.measure.form-control[readonly] { background-color: transparent; opacity: 1; border: 0px; flex: .7; padding: 0; }
.btnPrice { margin-right: 2px; }
.category { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.category input[type=radio] { position: absolute; opacity: 0; width: 0; height: 0; }
.category input[type=radio] + label { margin: 0 2px 2px 0; padding: 10px 5px; color: #333; border: 1px solid rgba(var(--primary-rgb), .3); background-color: #fff; }
.category input[type=radio]:checked + label { color: #fff; border: 1px solid rgba(var(--primary-rgb), .3); background-color: rgba(var(--primary-rgb), .9); }
#previewModal .modal-content { max-width: 375px; }

/*detail search*/
.data-search-top { padding: 4px 0; }
.detail-search-card { font-size: 1rem; border: 1px solid var(--primary-color) !important; }
.detail-search .label { min-width: 110px; }
.detail-search .tilde { display: inline-block; vertical-align: top; padding-top: 7px; }
.detail-search .btnCate.border-default { }
.detail-search .btnCate.border-primary { color: #0d6efd; }
.detail-search .btnCate.border-danger { color: #dc3545; }
.detail-search-title-wrap { display: flex; justify-content: end; }
.detail-search-title { border: 1px solid #ccc; display: flex; padding: 2px 4px; border-radius: 4px; font-size: .9rem; }
.detail-search-title.btn i { vertical-align: middle; font-size: 1rem; margin: 0; }
.detail-search-title:hover i { color: #fff !important; }
.check { position: relative; }
.input-hidden { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; width: 100%; height: 100%; opacity: 0; }
.detail-search-category { display: none; }
.check input[type="checkbox"]:checked + label { color: #dc3545; border-color: #dc3545 !important; }
.bg-gray { background-color: #eee; }
.foods_find_wrap { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; }
.foods_find_wrap .form-label { margin-bottom: 0px; }

/**/
.hidden { display: none; opacity: 0; }
.appear { animation: fade-in 2s; animation-fill-mode: forwards; display: flex; }
@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

/*header*/
@media screen and (max-width:640px) {
  .logo-icon { height: 38px; width: auto; }
}
@media screen and (min-width:1025px) {
  .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .logo-icon { height: 15px; width: auto; }
}

/*snslogin*/
.linker { cursor: pointer; }
#snsLoginBtn { display: flex; justify-content: center; }
#snsLoginBtn a:link, #snsLoginBtn a:visited { display: inline-block; }
#snsLoginBtn a:hover, #snsLoginBtn a:active { display: inline-block; }
#logout-trigger { vertical-align: top; margin-top: 3px; }
.loginBtn { margin: 0 10px; }
.snsBtnType1 { width: 36px; height: 36px; display: inline-block; }
.snsBtnN { background-image: url(../images/sns/N.svg); }
.snsBtnK { background-image: url(../images/sns/K.svg); }
.snsBtnG { background-image: url(../images/sns/G.svg); }
.snsBtnF { background-image: url(../images/sns/F.svg); }
.snsBtnT { background-image: url(../images/sns/T.svg); }

/*meals*/
#meals-container { margin: 0px; padding: 0px; }
.btnApplyWrap { display: flex; justify-content: flex-end; }
.btnApplyWrap #btnApply { }
.meals-card { border: 1px solid #000; border-top-width: 3px !important; border-bottom-color: #ddd !important; border-left-color: #ddd !important; border-right-color: #ddd !important; box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%); }
.stitle { line-height: 2em; font-size: 1em; margin-bottom: 0px; font-weight: 400; }
.flexend.save { align-items: flex-end; }
.saveWrap { background: #fff; }
.saveWrap .btn { padding-right: 3rem; padding-left: 3rem; }
.saveWrap.savefixd .btn { padding-right: 1rem; padding-left: 1rem; }
.saveWrap.savefixd { position: fixed; z-index: 1; }
@media screen and (max-width:1200px) {
  .saveWrap.savefixd { position: relative; z-index: 1; }
}
.sumWrap2 th { font-weight: 400; }

/*.btnMenuFind {--bs-btn-padding-y: .25rem; --bs-btn-padding-x: .5rem; --bs-btn-font-size: .75rem;}*/
.menuinfo .form-label { margin: 0.5rem 0 0; font-size: 0.7em; }
.menu-name { position: relative; line-height: 2em; border: 1px dotted #aaa; margin: 10px 0; }
.menu-btnTrash { position: absolute; top: 0px; right: 0px; }
#meals_day { padding: 0.375rem 0.75rem !important; }
#participant_max, #participant_min { padding-right: 5px; }
.mealsPrice { display: none; }
.sumWrap .day { margin-bottom: 20px; }
.sumWrap2 .day { margin-bottom: 0px; max-width: 260px; }
.sumWrap .title { font-weight: 400; font-size: 12px; padding: 0 0 5px; margin: 0 0 0px; border-bottom: 1px solid #212529; display: block; color: #212529; }
.sumWrap ul { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; padding: 0; margin: 0; }
.sumWrap span.info-name { min-width: 0px; display: inline-block; text-align: center; }
.sumWrap span.info { padding: 0 0 0 15px; }
.food-info-wrap .food-info-wrap2 { padding: 15px 0 0; }
.food-info-wrap .food-info-wrap2 h6 { font-size: 14px; margin-bottom: 2px; }
.food-info-wrap .food-info-wrap2:nth-child(2n+1) { background-color: rgba(255, 0, 0, .07); }
.food-info-wrap .food-info-wrap2:nth-child(2n) { background-color: rgba(0, 120, 58, .07); }

/*btnwrap*/
.page-wrapper { position: relative; }
.btnWrap { position: fixed; top: 30%; right: 0px; width: 100px; height: auto; }
@media screen and (max-width:1199px) {
  .btnWrap { width: 40px; }
}
@media screen and (max-width:991px) {
  .btnWrap { display: none; }
}
.btnClose { position: absolute; top: 1.5rem; right: 1.5rem; cursor: pointer; }

/*drag*/
.draggable { cursor: move; list-style: none; }
.draggable .text-end { display: flex; justify-content: flex-end; align-items: center; }
.draggable2 { list-style: none; }
.draggable.dragging { opacity: .5; border: 2px dashed red; }
.draggable i { display: contents; font-size: 1rem; }
.btnMealsMove, .btnMenuFind, .mealsBtnClose, .btnMenuView { font-size: 1rem; line-height: 1rem; margin-left: 2px; display: flex; justify-content: center; align-items: center; }
.draggable .border-danger { border-top-color: #ea5514 !important; }

/*store*/
.store .zipcode-area { display: flex; justify-content: space-between; }
.store .menu-card { border: 1px solid #000; border-top-width: 3px !important; border-bottom-color: #ddd !important; border-left-color: #ddd !important; border-right-color: #ddd !important; box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%); }
.store #menu-container { margin: 0px; padding: 0px; }
.store .input-group-text { padding: 0.375rem 0.75rem; font-size: 0.7rem; }
.store .bootstrap-tagsinput .badge { margin: 2px 4px; padding: 4px 7px; font-size: 0.8rem; font-weight: 400; }
.store .picker__frame { overflow-y: scroll; }

/*tag*/
.bootstrap-tagsinput input { min-width: 300px; }

/*push*/

/*popover*/
#popover-container { margin: 0; display: inline-block; vertical-align: top; }
#princeWrap { vertical-align: top; line-height: 14px; }
@keyframes slide-top {
  0% { opacity: 0; transform: translateY(-15%); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes slide-right {
  0% { opacity: 0; transform: translateX(15%); }
  100% { opacity: 1; transform: translateX(0); }
}
@keyframes slide-bottom {
  0% { opacity: 0; transform: translateY(15%); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes slide-left {
  0% { opacity: 0; transform: translateX(-15%); }
  100% { opacity: 1; transform: translateX(0); }
}
.popover-template { display: none; }
.popover { border: 1px solid #aaa; border-radius: 0px; box-shadow: 0 1px 4px rgba(0, 0, 0, .2); }
.popover-menu { width: 160px; }
.popover-menu li { padding: 5px 10px; list-style: none; border-bottom: 1px solid #e1e1e1; }
.popover-menu li:last-child { border-bottom: 0px; }
.popover-menu a { margin-right: .25rem; display: inline-block; }
.popover-menu .linker { margin-right: .25rem; }

/*spin*/
#loadingImg { position: relative; }
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.card.notice .subject-wrap { display: flex; justify-content: space-between; align-items: center; }

/*dashboard*/
.card-img-top { height: 250px; }
.card-body { border-top: 1px solid rgba(0, 0, 0, .125); }

/*btn*/
.btnTrash, .btnTrashCareer { cursor: pointer; }
.btn-group-xs>.btn, .btn-xs { padding: 0.05rem 0.2rem !important; font-size: .750rem; border-radius: 0.2rem; }
.btn-100 { min-width: 100px; }
.btn-200 { min-width: 200px; }
.btn-300 { min-width: 300px; }
.display-inline-block { display: inline-block; }

/*consulting*/
.consulting .topWrap { display: flex; align-items: center; justify-content: space-between; }
.consulting .card-body.title { padding-bottom: 0; }
.consulting .card-body.title a { color: #4c5258; }
.consulting .input-group label:first-child { width: 80px; }
.consulting .card>.list-group { border: 0px; }
.consulting .card>.list-group .list-group-item a { color: #212529; }
.consulting .form-select { color: #212529; font-size: 14px; }
.consulting .meal-before { width: 100px; }
.consulting .meal-after { width: 100px; }
.consulting .profill_picture { border: 2px solid rgba(0, 0, 0, .2); border-radius: 10px; }
.consulting .card-img-top { padding: 10px; border-radius: .25rem; }
.consulting .blank { padding: 0px; }
.consulting .btnTrash { border: 1px solid rgba(0, 0, 0, .2); color: rgba(0, 0, 0, .2) }
.consulting i.more { font-size: .7rem; }

/*survey*/
.result_view { display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: bold; }
.survey { color: var(--black-color2); }
.survey .title { color: var(--black-color2); font-size: 17px; }
.survey [type="radio"]:not(:checked)+span:before, [type="radio"]:not(:checked)+span:after { border: 1px solid #5a5a5a; }
.survey [type="radio"]:not(:checked)+i+span, .survey [type="radio"]:checked+i+span { position: relative; padding-left: 10px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; font-size: 1rem; -webkit-transition: .28s ease; transition: .28s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.survey [type="radio"]:not(:checked)+i+span:before, .survey [type="radio"]:not(:checked)+i+span:after, .survey [type="radio"]:checked+i+span:before, .survey [type="radio"]:checked+i+span:after, .survey [type="radio"].with-gap:checked+i+span:before, .survey [type="radio"].with-gap:checked+i+span:after { border-radius: 50%; }
.survey [type="radio"]+i+span:before, .survey [type="radio"]+i+span:after { content: ''; position: absolute; left: 0; top: 0; margin: 6px; width: 16px; height: 16px; z-index: 0; -webkit-transition: .28s ease; transition: .28s ease; }
.survey [type="radio"]:not(:checked)+i+span:before, .survey [type="radio"]:not(:checked)+i+span:after { border: 1px solid #5a5a5a; }
.survey .fv-plugins-bootstrap5 .row .fv-plugins-icon { right: -10px; }
.survey .invalid-feedback { display: none; }
.survey [type="radio"]:checked +i+ span:after, .survey [type="radio"].with-gap:checked +i+ span:before, .survey [type="radio"].with-gap:checked +i+ span:after { border: 2px solid var(--primary-color); }
.survey [type="radio"]:checked +i+ span:after, .survey [type="radio"].with-gap:checked +i+ span:after { background-color: var(--primary-color); }
.survey [type="radio"]:checked+i+span:after { -webkit-transform: scale(1.02); transform: scale(1.02); }
.survey [type="radio"]:not(:checked)+span, .survey [type="radio"]:checked+span { padding-left: 10px; }
.survey [type="radio"]+span:before, .survey [type="radio"]+span:after { margin: 6px; }
.survey label { color: var(--black-color2); }