/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');

body *{font-family: Noto Sans KR;}
.root_choice .choices{text-align:left}
.root_choice .choices__list--dropdown{z-index:10}
.dropdown-menu .dropdown-icon-item .mdi{font-size:24px}
.dropdown-menu .dropdown-icon-item .mdi + span{line-height:23px}
.notification-item .avatar-xs svg{width:16px}
.topbar-user .dropdown-menu .dropdown-item svg{width:16px}

.navbar-nav .nav-link:hover svg{color: #fff!important;}
.app-search .position-relative{width:350px}

.modal-body .nav-tabs{height:auto;margin-bottom:.5rem;border:none}
.modal-body .nav-tabs a{padding:0 10px 0 0;border:none;display:inline-block;}
.modal-body .nav-tabs li{position:relative;}
.modal-body .nav-tabs li + li:before{content:"|";padding-right:10px;display:inline-block;font-size:10px;color:#666;position:relative;top:-2px;}
.modal-body .nav-tabs a.active{background:none;}
.modal-body .nav-tabs a.active label{color: var(--vz-link-color);}
.modal-body .nav-tabs a label{margin-bottom:0;cursor: pointer;color: var(--vz-gray-700);}
.modal-body p.form-label{font-weight:500;}
.modal-body .form-label{color: var(--vz-link-color);}

.row.line + .row.line{border-top:1px solid #ddd}
.total_cost p{margin-bottom:0}
.total_cost p strong{font-size:24px;}

.pay_wrap{padding-top:0}
.pay_wrap .pay_top{background:#fff;border-bottom:1px solid #ddd;padding:20px 20px 0;margin:0 -12px 20px;}
.nav-secondary .nav-link{background:var( --vz-gray-200);border-radius:17px;}
.nav-secondary li{padding:0 0.2rem}

.link_progress .progress-nav{margin-top:70px;}
.link_progress .tab_tit{position:absolute;width:100%;top:-120px}

.table .refund_fail>*{color:#f06548}
.table .refund_before>*,
.table .refunding>*,
.table .personal>*{color:#3577f1}

.min-width-auto{min-width:auto!important}

.table.customs th,
.table.customs td{text-align:center;}

.impt,
.txt-red,
.txt-red *{color:#f06548 !important}


.input-active{border-color:#f06548;color:#f06548}
.input-active:focus{border-color:#f06548;color:#f06548}
.float-btn{position:absolute;right:20px;top:20px}

.dash{position:relative;padding-left:6px;margin-left:6px}
.dash:before{content:'';position:absolute;left:0;top:7px;width:1px;height:10px;background:#ddd;}
.status-wrap{border-top:1px solid #ddd;padding-top:1rem}

.input-step .plus{color:#fff;background:rgba(var(--vz-secondary-rgb));}
.input-step .minus{color:#fff;background:rgba(var(--vz-danger-rgb));}
h2{font-size: 1.25rem;}

.dropzone-box{min-height:120px;height:auto;box-sizing:border-box}
.dropzone-box .dz-message{margin:0}
.dropzone-box .dz-message h4{font-size:14px}
.sms-img{height:100px}
.sms-img img{max-width:auto;height:100%;}
.modal-footer.d-grid {justify-content: normal;}
.tasks-box.bg-soft-dark *{color:#fff !important} 
.hand{cursor: pointer;}
.w50p{width:50px}

.use_prod_list{padding:1rem;border:1px solid #ddd;margin-top:1rem}
.use_prod_list .badge{font-size:12px;font-weight:400}
.use_prod_list .badge + .badge{margin-left:.5rem}

.table-scroll{min-width:1800px}
.i-company .ri-building-line{font-size:30px;color:#838fb9;display:inline-block;width:100%;height:100%;border-radius:50%;background:#fff}
.i-company .profile-photo-edit{right:-5px}
.modal-header{border-bottom:1px solid #eee}
.modal-footer{border-top:1px solid #eee}
.d-dash{display:inline-block;width:90%;}
.dash2{width:8%;display:inline-block;text-align:center;}
.table-fixed{table-layout:fixed;}
.ellip{max-width:300px}


.table-head,
.table-body{display:table;width:100%;}
.table-head .th{padding:.5rem;background:#f3f6f9;border-top:1px solid rgba(64,81,137,.05)}
.table-head .th,
.table-body .td{display:table-cell;}
.table-head .th:nth-child(1){border-left:1px solid rgba(64,81,137,.05)}
.table-head .th:nth-child(1),
.table-body .td:nth-child(1){width:30%;text-align: center;}
.table-head .th:nth-child(2),
.table-body .td:nth-child(2){width:40%;text-align: left;}
.table-head .th:nth-child(3),
.table-body .td:nth-child(3){width:30%;text-align: right;}
.table-view .nested-1, 
.table-view .nested-2, 
.table-view .nested-3{margin-top:0;background:transparent}
.table-view.nested-list{margin-top:0;background:transparent}

.agree.shape svg{width:100%}

.time-line-wrap{margin:1rem 0;background:#fff}
.time-line-wrap .fc-view-harness{min-height:400px;}
.time-line-wrap .fc-col-header-cell{padding:.5rem 0}
.time-line-wrap .fc-view-harness .fc-scroller td{padding:.5rem 0;text-align:center;border-bottom-width: 1px;}
.time-line-wrap .fc-view-harness .fc-scroller table{border-bottom-style:none}
.hand{cursor:pointer}

.table .no_use>*{background:#eeeeee}
.table .active>*{color:#f06548}

.txt-blue,
.txt-blue *{color:#164699 !important}

.txt-green,
.txt-green *{color:#32812c !important}

.txt-white,
.txt-white *{color:#ffffff !important}

.avatar-title.rounded{overflow: hidden;}
.d-flex-normal{display:flex}
.func_btn_wrap{position:absolute;top:1rem;right:1rem;width:auto;}

.table-block,
.table-block tbody,
.table-block tr,
.table-block td{display:block}
.table-block td{padding:.5rem 16px}
.table-block td + td{padding-top:.2rem}

.table th{text-align:center;}
.table .sort{padding-right:20px;text-align:center}
.table td{text-align:center}
.table.full-text td{text-wrap:nowrap}

.avatar-sm .img-fluid{height:100%;object-fit: cover;}
.btn-full-wrap .btn{width:100%; padding:.5rem .25rem}
.choices__inner{padding-right:2rem}


.table-nowrap{}

.mb-table{border-top:1px solid #e9ebec}
.mb-table th{padding:.5rem 0}
.mb-table td{padding:.5rem .3rem}
.txt-number{position:absolute;right:0;top:1rem;width:auto;font-weight:bold}

.btn.btn-sm.btn-danger.custom-toggle.active{background:#888;color:#fff}
.btn.btn-sm.btn-danger.custom-toggle.active *{color:#fff}

.flex-nowwrap{flex-wrap: nowrap;}