/*Common*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/*body, h1, h2, h3, h4, h5, h6,  p, span{font-family: "Roboto", sans-serif;}*/
html {
  overflow: auto;
}
*,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
  font-family: 'roboto', sans-serif;
  -webkit-font-smoothing: antialiased; /* 크롬, 사파리 */
  -moz-osx-font-smoothing: grayscale; /* 파이어폭스, MacOS */
  /*text-rendering: optimizeLegibility;*/
}
body {
  font-size: 16px;
  background-color: #f8f9fa !important;
}

.menu-draft {
  background-color: #f8fafd;
}
.menu-pending {
  background-color: #f5ecfc;
}
.menu-approved,
.menu-complited,
.menu-review {
  background-color: #f0f6fe;
}
.menu-reject {
  background-color: #fef6f6;
}
.menu-return {
  background-color: #fff3e8;
}
.menu-WaitingApproval {
  background-color: #f8f9fa;
}
.menu-inprocess {
  background-color: #f1fbef;
}
.menu-inform,
.menu-Reimburse {
  background-color: #fffbef;
}
.menu-Parking {
  background-color: #fcecf6;
}
.content-wrapper {
  width: 100%;
  padding-left: 260px;
}
/**, .va-typography-block{font-family: 'roboto','pretendard', sans-serif !important;}*/
p {
  margin-bottom: 0;
}
.box-grid {
  display: grid;
}

/*common*/
.content-wrapper ol,
.content-wrapper ul {
  padding-left: 0;
  margin-bottom: 0;
}
.ic_star_fill {
  color: #efad06;
}
/*header*/
.header-wrapper {
  background-color: #ffffff;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  z-index: 9998;
  width: calc(100% - 260px);
  top: 0;
  border-bottom:1px solid #f8f9fa
}
.page-dashboard {
  /*height:calc(100vh - 157px)!important;*/
  /*min-height: 919px !important;*/
  overflow-y: auto;
  width: 100%;
  min-width: 1280px;
  overflow-x: auto;
  margin-top: 54px;
  height: 100%;
}
.search-wrapper {
  display: flex;
  width: 100%;
}
.search-wrapper .index-select button {
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  border-top: 1px solid #e4e5e9 !important;
  border-left: 1px solid #e4e5e9 !important;
  border-bottom: 1px solid #e4e5e9 !important;
  border-right: 1px solid transparent;
}
.search-wrapper .index-select .dropdown-btn{
  border:none;
  width:160px;
}
.search-wrapper .index-select .va-input-wrapper__field {
  border: 1px solid transparent;
}
.search-wrapper .index-select .va-input-wrapper {
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  border-top: 1px solid #babfca !important;
  border-left: 1px solid  #babfca !important;
  border-bottom: 1px solid  #babfca !important;
  border-right: 1px solid transparent;
  width: 160px;
  height:40px;
}
.search-wrapper .index-select .va-input-wrapper.va-input-wrapper[focused='true']{
     border-top: 1px solid #80899d !important;
  border-left: 1px solid #80899d !important;
  border-bottom: 1px solid #80899d !important;
   border-right: 1px solid #80899d;
}
.search-wrapper .va-input-wrapper__field{
    padding:9px 8px 9px 16px;
}
.search-wrapper .va-input-wrapper[focused='true'] .va-input-wrapper__field{
    border-color:transparent !important;
}
.search-wrapper .va-input-wrapper__text input{
    font-size:var(--ptl-font-size-14);
    font-family: var(--ptl-font-family);

}
.index-search {
  position: relative;
  width: 100%;
  padding-right: 24px;
  margin-left:-2px;
}
.index-search input {
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  border-top: 1px solid  #babfca;
  border-right: 1px solid  #babfca;
  border-bottom: 1px solid  #babfca;
  border-left: 1px solid  #babfca;
  width: 100%;
  height: 40px;
  padding-left: 40px;
}
.index-search .top-gnb-search button {
  border: 0;
  background-color: transparent;
  position: absolute;
  left: 12px;
  width: 24px;
  top: 8px;
  height: 24px;
}
.top-dropdown {
  border: 1px solid transparent;
}
.info-wrapper{
  width:330px !important;
}
.info-wrapper .text_subtlest{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 252px;
}
.info-wrapper ul {
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  align-items:center;
}
.top-right-wrapper {
  display: flex;
  align-items: center;
  background: #fff;
}
.top-right-wrapper > div {
  padding: 8px 16px;
  border-left: 1px solid #f0f1f3;
  height: 54px;
  align-items: center;
  display: flex;
}
.top-right-wrapper > div a {
  align-items: center;
  justify-content: center;
  object-fit: contain;
}
.top-right-wrapper .option-wrapper {
  gap: 16px;
  padding: 8px 20px 8px 0;
  border-left: 0;
}
.top-gnb-dropdown {
  min-width: 140px !important;
}
.top-gnb-dropdown button {
  padding: 0 !important;
  border: 0px solid transparent !important;
}
.zoom-wrapper {
  gap: 8px;
}
.zoom-wrapper button {
  border: 0;
  background: transparent;
}
.info-wrapper[data-v-a6e51c69]{
    min-width:340px;
    width:auto;

}
.info-wrapper ul li:first-child{
    margin-right:4px;
}
.info-wrapper .avatar{
    margin-top:0 !important;
    margin-right:0.25rem !important
}
.top-right-wrapper > div.logout{
    padding:8px 0 8px 20px;
}

/*login*/
.page-login {
  background-image: url('../images/login_bg.jpg') !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
/*Index*/
.page-login button.va-button{
  height:32px;
  min-height:32px;
}

.page-dashboard {
  display: flex;
}
.page-login .global-sidebar svg{
  width:170px;
  height:160px;
  margin-top:-90px;
}
.page-login-form svg, .logout-logo svg{
  display: none;
}
.page-login-form:before{
  content: '';
    background-image: url(images/logo_blue.svg);
    display: inline-block;
    width: 267px;
    height: 40px;
    background-size: 100% ;
    margin-bottom:2rem;
}
.logout-logo:before{
   content: '';
    background-image: url(images/logo_blue.svg);
    display: inline-block;
    width: 194px;
    height: 32px;
    background-size: 100% ;
}
.page-login-form .login{
  margin:24px 0 !important;
}
.page-login .login h1{
    font-size:1.7rem;
    color:var(--ptl-primary900-color);
    font-family: var(--ptl-font-family);
}
.page-login .va-button {
    --va-background-color: var(--ptl-primary900-background-color) !important;
}
.page-login .va-button__content{
    font-size:0.875rem;
    font-family: var(--ptl-font-family);
}
.page-login .va-input-wrapper__text input{
    line-height: 20px;
}
.page-login .auth-layout__options{
    align-items: flex-start;
}
.page-login .auth-layout__options a{
    font-size:0.8125rem;
    color:var(--ptl-primary900-color) !important;
    font-family: var(--ptl-font-family);
    margin-top:0 !important
}
.page-login .va-message-list__list{
    padding-left:0;
    margin-top:4px;
}
.page-login .va-checkbox--selected .va-checkbox__square{
    background-color: var(--ptl-primary900-background-color) !important;
    border-color:#00287A !important;
}
.va-checkbox .va-checkbox__square{
  width:16px;
  height:16px;
  min-width: 16px;
}
.page-login .va-checkbox__label{
    font-size:0.8125rem;
}
.page-login .page-login-footer dt{
    font-family: var(--ptl-font-family);
}
.page-login .page-login-footer dd{
    margin-bottom:0 !important;
    font-weight: 500;
    font-family: var(--ptl-font-family);
}
.page-login .page-login-footer .label_12_500 dt:nth-of-type(2){
    margin-left:1rem;
}
.page-login .page-login-footer ul{
    padding-left:0;
    margin-bottom:0.125rem
}
.page-login .page-login-footer ul li{
    font-family: var(--ptl-font-family);
}
.page-login .ptl-otp-title{
  text-align: center;
}
.page-login .ptl-otp-title h1{
  font-weight: 800;
}
.page-login .ptl-otp-title p{
  font-size:var(--ptl-font-size-14);
  color:var(--ptl-gray600-color);
  margin:1rem 0 3rem;
}
.ptl-otp-wrapper{
  display: flex;
    justify-content: center;
    padding-bottom:1rem;
}
.ptl-otp-wrapper .va-input-wrapper{
  width: 3.5rem;
  margin:0 4px;

}
.ptl-otp-wrapper .va-input-wrapper__field{
  
}
.ptl-otp-wrapper .va-input-wrapper__text input{
  font-size:2rem;
  text-align: center;
  border-radius: var(--ptl-default-border-radius);
  padding:0.5rem 0;
  font-family: var(--ptl-font-family);
}
.ptl-otp-wrapper .va-input-wrapper__text input[type=number]::-webkit-inner-spin-button,
.ptl-otp-wrapper .va-input-wrapper__text input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.page-login .ptl-otp-btn-confirm button{
  width:100%;
  --va-background-color:var(--ptl-gray200-background-color) !important;
  color:var(--ptl-gray400-color) !important;
}
.page-login .ptl-otp-btn-confirm button.active{
  --va-background-color:var(--ptl-primary900-background-color) !important;
  color:#fff !important;
}
.ptl-otp-btn-back{
  text-align: center;
  font-size:var(--ptl-font-size-14);
  font-weight: 500;
  color:var(--ptl-gray600-color);
  text-decoration: none;
  width:100%;
  align-items: center;
  justify-content: center;
  display:flex;
  margin-top:1rem;
}
.ptl-otp-btn-back:hover{
  color:var(--ptl-primary900-color)
}
.page-logout{
  background:
    linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.9)), /* 검은색 10% 투명도 */
    url(../images/login_bg.jpg) no-repeat center/cover;
    background-size: cover;
    min-height: 680px;
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.page-logout::before {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit; /* 부모의 배경 이미지 상속 */
  filter: blur(20px);  /* 블러 적용 */
   transform: scale(1.4);

}
.page-logout-wrapper{
  width:480px;
  border-radius: 12px;
  background-color:#fff;
  text-align: center;
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding:80px 60px 32px

}
.page-logout-wrapper img{
  width:80px;
}
.logout-logo{
  margin-top:120px;
}
.page-logout-wrapper h1{
font-size: 1.7rem;
    color: var(--ptl-primary900-color);
    font-family: var(--ptl-font-family);
    margin:24px 0 12px;
}
.page-logout-wrapper p{
  color:var(--ptl-gray600-color);
  font-weight: 500;
  margin-top:-1rem;
}
.page-logout-wrapper .va-button{
  width:320px;
  --va-background-color:var(--ptl-primary900-background-color) !important;
  margin-top:2.5rem;

}
.page-login button, .page-login input{
  width: 100%;
}
.sub-content {
  display: flex;
  justify-content: space-between;
  min-width: 940px;
  width: 100%;
}
.sub-content .left-wrapper {
  width: calc(100% - 400px);
  background-color: #f8f9fa;
}
.ptl-qrcode-wrapper{
  margin: auto;
  text-align: center;
  margin-top:2rem;
  
}
.ptl-qrcode-wrapper img{
  width:120px;
  height:120px;

}
.sub-content .right-wrapper {
  width: 400px;
  background-color: #f0f1f3;
}
.sub-content .left-wrapper .cont-title {
  margin-bottom: 16px;
}
.index-box {
  background-color: #fff;
  border-radius: var(--ptl-default-border-radius);
  box-shadow: 0 0 10px rgba(151, 161, 171, 0.15);
}
.index-title-button {
  padding: 16px;
  border-bottom: 1px solid #e4e5e9;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.index-title-button h4 {
  font-size: 15px;
  color: #121417;
}
.index-title-button a {
  font-size: 12px;
  color: #00287a;
}

/*left*/
.left-wrapper {
  width: 100%;
  padding: 16px 24px 24px;
}
.left-wrapper .box-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 4칸 기준으로 설정 */
  gap: 20px;
}
.grid-fourth .left-wrapper .box-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4칸 기준으로 설정 */
  gap: 20px;
}
.grid-fourth .index-box:nth-child(1),
.grid-fourth .index-box:nth-child(2),
.grid-fourth .index-box:nth-child(7),
.grid-fourth .index-box:nth-child(8) {
  grid-column: span 2; /* 2칸 차지하도록 */
}
.fourth-forms .index-forms {
  display: block;
  margin-bottom: 4px;
}
.fourth-forms .index-forms .form-detail {
  margin-bottom: 4px;
  display: flex;
  min-height: 78px;
  position: relative;
}

.fourth-forms .index-forms .title {
  margin-top: 0;
  margin-bottom: 11px;
  font-size: 13px;
  font-weight: 500;
}
.fourth-forms .index-forms .date {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  font-weight: 500;
}
.fourth-forms .index-forms .chips-pr {
  background-color: transparent;
  font-size: 2rem;
  position: absolute;
  right: 4px;
  bottom: 14px;
  color: #e4e5e9;
  mix-blend-mode:darken;
  display: flex;
  flex-direction: column;  
  align-items: flex-end;    
  text-align: right;
  line-height: 1.5rem;
}
.index-menu ul {
  display: grid;
  gap: 4px;
  padding: 16px;
  margin: 0;
}
.index-menu.row-one ul {
  grid-template-columns: repeat(1, 1fr);
}
.index-menu.row-two ul {
  grid-template-columns: repeat(2, 1fr);
}
.index-menu ul li {
  border-radius: var(--ptl-default-border-radius);
  padding: 0 1rem;
  display: flex;
  justify-content: space-between;
}

.index-menu ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.index-menu ul li a .text p {
  font-size: 13px;
  color: #667085;
  margin-top: 4px;
}
.index-menu ul li a .count {
  font-size: 36px;
  color:var(--ptl-gray700-color);
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 1;
}

.index-list ul {
  padding: 0 20px;
  margin-bottom: 0;
}
.index-list ul li a {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  padding: 13px 0;
  border-bottom: 1px dashed #e4e5e9;
}
.index-list ul li title {
  color: #121417;
}
.index-list ul li .date {
  color: #667085;
}
.index-chart-button ul,
.index-chart-list ul {
  height: 274px;
}
/*Right*/

.sub-content .right-wrapper {
  min-width: 360px;
  background-color: #f0f1f3;
  padding: 24px;
}
.right-wrapper .box-grid {
  grid-template-columns: 1fr;
  gap: 20px 0;
}

.index-calendar {
  padding: 16px;
}
.index-calendar .index-calendar-day {
  font-size: 15px;
  margin-bottom: 20px;
  font-weight: 600;
}
.index-calendar .index-calendar-day strong {
  color: #00287a;
}
.index-calendar .index-calendar-date {
  display: flex;
  border-bottom: 1px dashed #e4e5e9;
  padding-left: 0;
  margin-bottom: 0;
}
.index-calendar .index-calendar-date li {
  width: calc(100% / 7);
  text-align: center;
}
.index-calendar .index-calendar-date li .text {
  font-size: 11px;
  font-weight: 300;
  color: #667085;
  margin-bottom: 4px;
}
.index-calendar .index-calendar-date li .num {
  width: 36px;
  height: 36px;
  vertical-align: middle;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  padding: 6px 0;
  margin-bottom: 12px;
}
.index-calendar .index-calendar-date li .num:hover,
.index-calendar .index-calendar-date li .num.active {
  background-color: #00287a;
  color: #fff;
  border-radius: 40px;
  cursor: pointer;
}
.index-calendar .index-calendar-detail {
  padding: 20px 0px 0;
}
.index-calendar .index-calendar-detail li {
  display: flex;
  font-size: 13px;
  padding-bottom: 20px;
  align-items: center;
}
.index-calendar .index-calendar-detail li:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #babfca;
  border-radius: var(--ptl-default-border-radius);
}
.index-calendar .index-calendar-detail .time {
  color: #667085;
  font-weight: 400;
  margin-right: 8px;
  margin-left: 4px;
}
.index-calendar .index-calendar-detail .detail {
  color: #121417;
  font-weight: 500;
}
.index-forms {
  display: flex;
  padding: 16px;
  gap: 4px;
}
.fourth-forms .form-detail{
  padding:1rem;
}
.index-forms .form-detail {
  background-color: #f8f9fa;
  
  border-radius: var(--ptl-default-border-radius);
  
}
.bookmark .form-detail {
  width: 33.33%;
  background-color:var(--ptl-primary10-background-color);
  padding: 12px;
}

.index-forms .chips-pr {
  background-color: var(--ptl-primary50-background-color);
  color: var(--ptl-primary900-color);
  font-size: 10px;
  font-weight: 700;
  padding: 4px 8px;
  display: inline-block;
  border-radius: 40px;
}
.index-forms .title {
  font-size: 12px;
  color: #121417;
  margin-bottom: 4px;
  margin-top: 24px;
}
.bookmark .title {
  font-weight: 500;
  margin-top: 1.5rem;
}
.bookmark .title:before{
  width: 24px;
  height: 24px;
    content: "\e900";
  display: block;
  vertical-align: middle;
  font-family: 'glovis_icons' !important;
  font-size: 24px;
  color:var(--ptl-primary100-color);
}
.index-forms .date {
  font-size: 11px;
  color: #667085;
}

.nav-wrapper {
  background-color: #001b52;
  
  position: fixed;
  left: 0;
  height: calc(100% + 56px);
  top: 0;
  z-index: 9;
}
.nav-wrapper .sidebar {
  height: 100%;
  transition: width 0.3s ease;
  overflow-x: hidden;
  overflow-x: auto;
  display: flex;
  flex-direction: column;
}
.sidebar::-webkit-scrollbar {
  width: 6px;
}

.sidebar::-webkit-scrollbar-thumb {
  background-color: rgba(255,255,255,0.3) !important;
  border-radius: 3px;
}

.sidebar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255,255,255,0.5);
}
.nav-wrapper .left-gnb-logo {
  height: 54px;
  display: flex;
  align-items: center;
  padding: 16px;
  width: 54px;
}
.left-gnb-logo h1 svg{
  display: none;
}
.left-gnb-logo h1:after{  
  content: '';
  display: inline-block;
  width: 180px;
  height: 26px;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 139.26 10.98"><path  d="M4.59,6.59h6v.65A1.16,1.16,0,0,1,9.4,8.35H3.89A1.15,1.15,0,0,1,2.71,7.24V3.45A1.19,1.19,0,0,1,3.92,2.31h9.44V0H2.63A2.6,2.6,0,0,0,0,2.57v5.5c0,1.42,1,2.39,2.69,2.57h8c1.69-.18,2.69-1.15,2.69-2.57V3.93H4.59Z"/><polygon  points="18.23 0 15.53 0 15.53 10.64 26.94 10.64 26.94 8.39 18.23 8.39 18.23 0"/><path  d="M39.21,0H30.92c-1.74.18-2.79,1.15-2.79,2.56V8.08c.18,1.61,1.08,2.39,2.86,2.56h8.22C41.08,10.54,42,9.5,42,8.08V2.56C42,1.15,40.89.18,39.21,0Zm-.05,7.17a1.18,1.18,0,0,1-1.24,1.09H32.2A1.17,1.17,0,0,1,31,7.17V3.6a1.22,1.22,0,0,1,1.3-1.21h5.65a1.17,1.17,0,0,1,1.24,1.07Z"/><polygon  points="50.57 7.84 45.83 0 42.63 0 49.05 10.64 52.08 10.64 58.52 0 55.32 0 50.57 7.84"/><rect  x="60.06" width="2.82" height="10.64"/><path  d="M75.46,3.91H68.77S68,4,68,3.44c0-.1,0-.51,0-.59,0-.59.7-.53.7-.53h9.13V0h-10C66.22,0,65,.61,65.06,2.59V4.05a2.27,2.27,0,0,0,2.3,2.5H74.7s.49,0,.49.59V7.7c0,.67-.52.61-.52.61H65.38v2.33H75.46C77,10.55,78.1,10,78.1,8.05V6.48C78.1,4.58,77,4,75.46,3.91Z"/><path  d="M127.44.15h-2.77l-3.8,10.65h2.91l.08-.26.6-1.92h3.09l.61,1.92.08.26h3L127.53.4Zm-2.29,6.3L126,3.84l.85,2.61Z"/><path  d="M91.36,1.9a2.8,2.8,0,0,0-1-1.06A3.94,3.94,0,0,0,89,.31,7.3,7.3,0,0,0,87.4.15H84V10.8h2.78V7h1a7.77,7.77,0,0,0,1.46-.14h0a3.63,3.63,0,0,0,1.28-.57,2.83,2.83,0,0,0,.9-1.09h0a3.62,3.62,0,0,0,.34-1.63A3.29,3.29,0,0,0,91.36,1.9ZM88.62,4.58a1.6,1.6,0,0,1-1,.28h-.83V2.26h.83a1.18,1.18,0,0,1,1,.35h0a1.69,1.69,0,0,1,.3,1.06A1.09,1.09,0,0,1,88.62,4.58Z"/><polygon  points="135.36 8.69 135.36 0.15 132.57 0.15 132.57 10.8 139.26 10.8 139.26 8.69 135.36 8.69"/><polygon  points="121.76 0.15 113.34 0.15 113.34 2.26 116.16 2.26 116.16 10.8 118.94 10.8 118.94 2.26 121.76 2.26 121.76 0.15"/><path  d="M112.5,9.58l-.13-.25c-.18-.36-.35-.71-.5-1.06h0c-.15-.36-.28-.69-.39-1s-.19-.5-.23-.63h0l-.12-.25a2.16,2.16,0,0,0-.42-.55l.19-.14h0a3.27,3.27,0,0,0,.61-.67h0a3.38,3.38,0,0,0,.41-.83h0a3,3,0,0,0,.17-1,3,3,0,0,0-.45-1.75,2.6,2.6,0,0,0-1.18-.94,4.69,4.69,0,0,0-1.54-.34q-.81-.06-1.65-.06h-2.78V10.8h2.78v-4h.42a.83.83,0,0,1,.55.14,1.76,1.76,0,0,1,.37.59c.11.28.21.56.31.83l.3.8c.11.26.21.52.33.76a3.22,3.22,0,0,0,.44.72l.11.14h3.32l-.49-.6A4.47,4.47,0,0,1,112.5,9.58Zm-3.62-5.15a2.22,2.22,0,0,1-1.17.28h-.44V2.26h.44a5.58,5.58,0,0,1,.76.05,1,1,0,0,1,.43.16h0a.53.53,0,0,1,.22.28v0a1.43,1.43,0,0,1,.1.61C109.25,4,109.09,4.29,108.88,4.43Z"/><path  d="M102.62,3.47a4.9,4.9,0,0,0-.86-1.76h0l-.16-.2a4.64,4.64,0,0,0-1.41-1,6,6,0,0,0-4.69,0,4.11,4.11,0,0,0-1.56,1.28,4.87,4.87,0,0,0-.84,1.76h0a8.52,8.52,0,0,0-.23,2,7.65,7.65,0,0,0,.28,2.12h0a4.81,4.81,0,0,0,.92,1.75h0a4.17,4.17,0,0,0,1.57,1.2h0a5.55,5.55,0,0,0,2.23.41,5.42,5.42,0,0,0,2.15-.4,4.37,4.37,0,0,0,1.59-1.14h0a4.89,4.89,0,0,0,.95-1.74h0a7.07,7.07,0,0,0,.32-2.21,7.48,7.48,0,0,0-.21-1.78ZM99.47,8a1.76,1.76,0,0,1-1.59.83,1.8,1.8,0,0,1-1-.26,1.69,1.69,0,0,1-.52-.51l-.14-.22h0l-.13-.23a3.13,3.13,0,0,1-.19-.54l-.07-.29a7.84,7.84,0,0,1-.1-1.29,7.53,7.53,0,0,1,.1-1.25,3.51,3.51,0,0,1,.39-1.09h0a2,2,0,0,1,.66-.73h0a2,2,0,0,1,2,0h0a1.86,1.86,0,0,1,.67.64h0a3,3,0,0,1,.43,1.05h0a5.69,5.69,0,0,1,.16,1.41A4.53,4.53,0,0,1,99.47,8Z"/></svg>')  no-repeat center / contain;

  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 139.26 10.98"><path  d="M4.59,6.59h6v.65A1.16,1.16,0,0,1,9.4,8.35H3.89A1.15,1.15,0,0,1,2.71,7.24V3.45A1.19,1.19,0,0,1,3.92,2.31h9.44V0H2.63A2.6,2.6,0,0,0,0,2.57v5.5c0,1.42,1,2.39,2.69,2.57h8c1.69-.18,2.69-1.15,2.69-2.57V3.93H4.59Z"/><polygon  points="18.23 0 15.53 0 15.53 10.64 26.94 10.64 26.94 8.39 18.23 8.39 18.23 0"/><path  d="M39.21,0H30.92c-1.74.18-2.79,1.15-2.79,2.56V8.08c.18,1.61,1.08,2.39,2.86,2.56h8.22C41.08,10.54,42,9.5,42,8.08V2.56C42,1.15,40.89.18,39.21,0Zm-.05,7.17a1.18,1.18,0,0,1-1.24,1.09H32.2A1.17,1.17,0,0,1,31,7.17V3.6a1.22,1.22,0,0,1,1.3-1.21h5.65a1.17,1.17,0,0,1,1.24,1.07Z"/><polygon  points="50.57 7.84 45.83 0 42.63 0 49.05 10.64 52.08 10.64 58.52 0 55.32 0 50.57 7.84"/><rect  x="60.06" width="2.82" height="10.64"/><path  d="M75.46,3.91H68.77S68,4,68,3.44c0-.1,0-.51,0-.59,0-.59.7-.53.7-.53h9.13V0h-10C66.22,0,65,.61,65.06,2.59V4.05a2.27,2.27,0,0,0,2.3,2.5H74.7s.49,0,.49.59V7.7c0,.67-.52.61-.52.61H65.38v2.33H75.46C77,10.55,78.1,10,78.1,8.05V6.48C78.1,4.58,77,4,75.46,3.91Z"/><path  d="M127.44.15h-2.77l-3.8,10.65h2.91l.08-.26.6-1.92h3.09l.61,1.92.08.26h3L127.53.4Zm-2.29,6.3L126,3.84l.85,2.61Z"/><path  d="M91.36,1.9a2.8,2.8,0,0,0-1-1.06A3.94,3.94,0,0,0,89,.31,7.3,7.3,0,0,0,87.4.15H84V10.8h2.78V7h1a7.77,7.77,0,0,0,1.46-.14h0a3.63,3.63,0,0,0,1.28-.57,2.83,2.83,0,0,0,.9-1.09h0a3.62,3.62,0,0,0,.34-1.63A3.29,3.29,0,0,0,91.36,1.9ZM88.62,4.58a1.6,1.6,0,0,1-1,.28h-.83V2.26h.83a1.18,1.18,0,0,1,1,.35h0a1.69,1.69,0,0,1,.3,1.06A1.09,1.09,0,0,1,88.62,4.58Z"/><polygon  points="135.36 8.69 135.36 0.15 132.57 0.15 132.57 10.8 139.26 10.8 139.26 8.69 135.36 8.69"/><polygon  points="121.76 0.15 113.34 0.15 113.34 2.26 116.16 2.26 116.16 10.8 118.94 10.8 118.94 2.26 121.76 2.26 121.76 0.15"/><path  d="M112.5,9.58l-.13-.25c-.18-.36-.35-.71-.5-1.06h0c-.15-.36-.28-.69-.39-1s-.19-.5-.23-.63h0l-.12-.25a2.16,2.16,0,0,0-.42-.55l.19-.14h0a3.27,3.27,0,0,0,.61-.67h0a3.38,3.38,0,0,0,.41-.83h0a3,3,0,0,0,.17-1,3,3,0,0,0-.45-1.75,2.6,2.6,0,0,0-1.18-.94,4.69,4.69,0,0,0-1.54-.34q-.81-.06-1.65-.06h-2.78V10.8h2.78v-4h.42a.83.83,0,0,1,.55.14,1.76,1.76,0,0,1,.37.59c.11.28.21.56.31.83l.3.8c.11.26.21.52.33.76a3.22,3.22,0,0,0,.44.72l.11.14h3.32l-.49-.6A4.47,4.47,0,0,1,112.5,9.58Zm-3.62-5.15a2.22,2.22,0,0,1-1.17.28h-.44V2.26h.44a5.58,5.58,0,0,1,.76.05,1,1,0,0,1,.43.16h0a.53.53,0,0,1,.22.28v0a1.43,1.43,0,0,1,.1.61C109.25,4,109.09,4.29,108.88,4.43Z"/><path  d="M102.62,3.47a4.9,4.9,0,0,0-.86-1.76h0l-.16-.2a4.64,4.64,0,0,0-1.41-1,6,6,0,0,0-4.69,0,4.11,4.11,0,0,0-1.56,1.28,4.87,4.87,0,0,0-.84,1.76h0a8.52,8.52,0,0,0-.23,2,7.65,7.65,0,0,0,.28,2.12h0a4.81,4.81,0,0,0,.92,1.75h0a4.17,4.17,0,0,0,1.57,1.2h0a5.55,5.55,0,0,0,2.23.41,5.42,5.42,0,0,0,2.15-.4,4.37,4.37,0,0,0,1.59-1.14h0a4.89,4.89,0,0,0,.95-1.74h0a7.07,7.07,0,0,0,.32-2.21,7.48,7.48,0,0,0-.21-1.78ZM99.47,8a1.76,1.76,0,0,1-1.59.83,1.8,1.8,0,0,1-1-.26,1.69,1.69,0,0,1-.52-.51l-.14-.22h0l-.13-.23a3.13,3.13,0,0,1-.19-.54l-.07-.29a7.84,7.84,0,0,1-.1-1.29,7.53,7.53,0,0,1,.1-1.25,3.51,3.51,0,0,1,.39-1.09h0a2,2,0,0,1,.66-.73h0a2,2,0,0,1,2,0h0a1.86,1.86,0,0,1,.67.64h0a3,3,0,0,1,.43,1.05h0a5.69,5.69,0,0,1,.16,1.41A4.53,4.53,0,0,1,99.47,8Z"/></svg>')  no-repeat center / contain;

  background-color: #fff;
  position: absolute;
  top:13px;
}
.nav-wrapper .sidebar.expanded {
  width: 260px;
}

.nav-wrapper .sidebar.collapsed {
  width: 54px;
}
.nav-wrapper .va-sidebar__item .va-sidebar__item__content span{
    font-size:20px !important;
}
.nav-wrapper .va-sidebar__item .va-sidebar__item__content span.va-select-content__option{
    font-size:16px !important;
}

.nav-wrapper .toggle-btn {
  align-self: flex-end;
  margin-right: 12px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
}

.nav-wrapper .nav-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
}

.nav-item:hover {
  background-color: #ffffff1a;
}

.nav-icon {
  width: 24px;
  height: 24px;
  border-radius: var(--ptl-default-border-radius);
  flex-shrink: 0;
}

.nav-wrapper .nav-text {
  color: #fff;
}

.collapsed .nav-text,
.collapsed h1 {
  opacity: 0;
  transition: 0.3s ease;
}
footer {
  font-size: 12px;
  color: #707b8d;
  margin-top: 40px;
}
.nav-wrapper .va-sidebar__item__content span {
  width: 24px;
  text-align: center;
}
.nav-wrapper .va-sidebar__item__content {
  min-height: 3rem;
}
.nav-wrapper .va-sidebar__title {
  font-family: var(--ptl-font-family);
  font-size: 0.9375rem;
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 252px;
    position: relative;
}
.nav-wrapper .va-sidebar__title .va-icon {
  font-size: 1.5rem !important;
  position: absolute;
  right:0px;
}
.nav-wrapper .va-collapse__body .va-sidebar__item__content {
  min-height: 2.75rem;
}
.nav-wrapper .va-collapse__body .va-sidebar__title {
  font-family: var(--ptl-font-family);
  font-size: 0.875rem;
  font-weight: 400;
  opacity: 0.8;
}
.nav-wrapper .va-collapse__body .va-sidebar-item--active .va-sidebar__title {
  opacity: 1;
}
.nav-wrapper .va-collapse__body-wrapper {
  background-color: var(--ptl-primary950-background-color);
}
.nav-wrapper .va-collapse__body-wrapper .va-collapse__body {
  background-color: #00143d;
}
.nav-wrapper .va-input-wrapper__field:after {
  /*background-color:rgba(255,255,255,0.15);*/
  border: 0;
  /*border-top:1px solid rgba(255,255,255,0.2);*/
  border-bottom: 1px solid #334975;
}
.nav-wrapper .va-input-wrapper .va-input-wrapper__field .va-input-wrapper__text span {
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
}
.nav-wrapper .va-input-wrapper__field {
  padding: 0.875rem 0 1.25rem 1rem ;
  border: 0;
}

.nav-wrapper .va-input-wrapper__field:before{
  content: '';
  display:inline-block;
  content: "\e911";
  vertical-align: middle;
    font-family: 'glovis_icons' !important;
    font-size: 20px;
    position: relative !important;
    width: auto !important;
    height: auto !important;
    font-weight: 500 !important;
    margin-left:-0.75rem;
    margin-right:0.65rem;
}
.nav-wrapper .va-sidebar .va-input-wrapper__field {
  padding: 0.875rem 0 1.25rem 0rem ;
}
.nav-wrapper .va-sidebar .va-accordion .va-collapse:first-child{
  margin-bottom:0.5rem;
 
}
.nav-wrapper .va-sidebar .va-accordion .va-collapse:first-child span.va-sidebar__item{
  padding:0 0.5rem;
 
}
.nav-wrapper .va-sidebar .va-accordion .va-collapse:first-child span .va-sidebar__item__content{
   height:53px !important; 
  border-bottom:1px solid #334975;
  padding:0 0 5px 0 !important;
  margin-left:-2px
}
.nav-wrapper .va-sidebar .va-input-wrapper__field:before{
  display: none !important;
  margin-left:0;
  margin-right:0;
  width:0;
}
.nav-wrapper .va-sidebar .va-input-wrapper__field:after{
  display:none;
}
.nav-wrapper .va-sidebar .va-collapse__body-wrapper .va-sidebar__item__content{
  height:44px;
}
.nav-wrapper .va-input-wrapper__field .va-select__toggle-icon {
  font-size: 1.5rem !important;
  color: #fff !important;
}
.nav-wrapper .va-sidebar__item:hover,
.nav-wrapper .va-sidebar-item--active {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: transparent !important;
  border: 0;
}
.nav-wrapper .va-collapse__body a.va-sidebar__item:hover,
.nav-wrapper .va-collapse__body a.va-sidebar-item--active {
  background-color: #1a3264 !important;
}
.nav-wrapper .va-sidebar-item {
  border: 0;
}
.nav-wrapper .va-sidebar__item__content.pl-11 {
  padding-left: 3.25rem !important;
}
.nav-wrapper .va-sidebar__item__content span {
  margin-right: 0.75rem;
}
.ptl-dropdown-wrap{
  background:transparent !important;
}
.ptl-dropdown-wrap.va-dropdown__content{
  border:none;
  top:-2px !important;
}
.ptl-dropdown-wrap .va-select-option-list{
  max-height: max-content !important;
  height:auto;
  background-color:#193263;
  color:#fff;
  border:1px solid rgba(255,255,255,0.1);
}
body .ptl-dropdown-wrap .va-select-option{
  font-size:14px !important;
  padding:10px 20px;
}
.ptl-dropdown-wrap .va-select-option--selected{
  background-color:var(--ptl)
}
.ptl-dropdown-wrap .va-select-option:hover {
  background-color: rgba(255,255,255,0.1) !important;
}

/*ptl-sub-content*/
.ptl-sub-content {
  width: 100%;
  min-width: 1200px;
  padding: 0 24px;
}
.ptl-sub-contents-wrapper{
  display: flex;
  padding:0rem
}

.ptl-sub-contents-full-wrapper{
  width: 100%;
  padding:0rem;
}
.ptl-sub-content-wrap h4 span{
    font-weight: 500 !important;
}
.ptl-page-tab-wrap {
  padding: 12px 0 0;
}
.ptl-page-tab-wrap>div:first-child:after{
  content: '';
  height:1px;
  width:calc(100% - 24px);
  background-color: var(--ptl-gray100-background-color);
  margin-left:12px;
  margin-top:12px;
  display:block;
  width:100%;
  margin:8px 0 2px;
}
.ptl-page-tab-wrap ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.ptl-page-tab-wrap .va-chip {
  border: 1px solid #babfca !important;
  border-radius: var(--ptl-default-border-radius) !important;
  padding: 3px 8px;
  margin-right: 0.25rem !important;
  cursor: pointer;
  font-size:0.75rem !important;
  margin-bottom:0 !important;
}
.ptl-page-tab-wrap .va-chip .va-chip__content {
  color: #80899d;
  font-weight: 500;
  line-height: 1rem;;
  padding: 0 0.125rem 0 0 ;
}
.ptl-page-tab-wrap .va-chip .va-chip__close-icon{
  font-size:16px !important;
  height:16px !important;
  line-height:16px !important;

}
.ptl-page-tab-wrap .va-chip .va-icon {
  font-size: 14px;
  color: #80899d;
}
.ptl-page-tab-wrap .va-chip.ptl-active {
  border: 1px solid #00287a !important;
  background-color:transparent !important;
}
.ptl-page-tab-wrap .va-chip.ptl-active .va-chip__content,
.ptl-page-tab-wrap .va-chip.ptl-active .va-icon {
  color: #00287a;
}

.ptl-va-chip-delete {
  height: 24px !important;
  font-family: var(--ptl-font-family);
  font-size: 0 !important;
  line-height: 1rem !important;
  font-weight: 500;
  background: transparent;
  border: 1px solid #00287a;
  color: transparent !important;
  padding: 3px 8px 2px 6px;
  border-radius: var(--ptl-default-border-radius);
  align-items: center;
  margin:0 !important;
  position: absolute;
  right:24px;
}
.ptl-va-chip-delete:before {
  font-size: 1rem;
  vertical-align: middle;
  margin-right: 4px;
  content:'';
  background-image:url(images/icon_clear.svg);
  width:16px;
  height:16px;
  display: inline-block;
  background-size: 100%;
  color: var(--ptl-primary900-color) !important;
}
.ptl-va-chip-delete:after{
  content:"Clear";
  display: inline-block;
  font-family: var(--ptl-font-family);
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  font-weight: 500;
  color: var(--ptl-primary900-color) !important;
}
.va-icon[aria-label="reset"], .va-icon[aria-label="reset date"], .va-icon[aria-label="toggle dropdown"], .va-input-wrapper__icon--error{
   font-size: 0 !important;
  line-height: 1rem !important;
  font-weight: 500;
  background: transparent;
  height:1rem !important;
}
.va-input-wrapper__icon--error:before{
    vertical-align: middle;
    font-family: 'glovis_icons' !important;
    font-size: 1rem;
    position: relative !important;
    width: auto !important;
    height: auto !important;
    font-weight: 500 !important;
    content: '\e9bd' !important;
    background: transparent !important;
    color:#ff4646 !important;
}
.va-icon[aria-label="reset"]:before, .va-icon[aria-label="reset date"]:before{
  vertical-align: middle;
    font-family: 'glovis_icons' !important;
    font-size: 1rem;
    position: relative !important;
    width: auto !important;
    height: auto !important;
    font-weight: 500 !important;
    content: '\e997' !important;
    background: transparent !important;
    color:var(--ptl-gray400-color) !important;
}
.va-input-wrapper__field .va-icon[aria-label="toggle dropdown"]:before{
  vertical-align: middle;
    font-family: 'glovis_icons' !important;
    font-size: 1rem;
    position: relative !important;
    width: auto !important;
    height: auto !important;
    font-weight: 500 !important;
    content: '\e97f' !important;
    background: transparent !important;
    color:var(--ptl-gray400-color) !important;
}

.ptl-grid-delete, .ptl-grid-save, .ptl-grid-edit{
  display:inline-flex;
}

.ptl-grid-delete i, .ptl-grid-save i, .ptl-grid-edit i{
  font-size: 0 !important;
  line-height: 1.125rem !important;
  font-weight: 500;
  background: transparent;
  height:32px !important;
  font-style: normal;
  display:inline-flex;
  align-items: center;
  
}
.ptl-grid-delete i:before{
    vertical-align: middle;
    font-family: 'glovis_icons' !important;
    font-size: 1.125rem;
    position: relative !important;
    width: auto !important;
    height: auto !important;
    font-weight: 500 !important;
    font-style: normal;
    cursor: pointer;
}
.ptl-grid-delete i:before{
   content: '\e92a' !important;
    background: transparent !important;
    color:var(--ptl-gray600-color) !important;
}
.ptl-grid-save i:before{
    content: '';
  width:0.875rem ;
  height: 1rem;
  display: inline-block;
  background-color: var(--ptl-gray600-background-color); 
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.81 19.83"><path class="cls-1" d="M21.68,7.53,17.54,3A.88.88,0,0,0,17,2.68H3.5a1.4,1.4,0,0,0-1.4,1.4v17a1.4,1.4,0,0,0,1.4,1.4h17a1.4,1.4,0,0,0,1.4-1.4v-13A.93.93,0,0,0,21.68,7.53ZM9.8,4.55h4.4V7H9.8ZM16.2,20.7H7.8V13.3h8.4Zm3.91,0H18V13a1.5,1.5,0,0,0-1.5-1.5h-9A1.5,1.5,0,0,0,6,13v7.7H3.9V4.47H8V7.25A1.49,1.49,0,0,0,9.35,8.74H14.5A1.5,1.5,0,0,0,16,7.25V4.47h.47l3.64,4Z" transform="translate(-2.1 -2.67)"/></svg>') no-repeat center / contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.81 19.83"><path class="cls-1" d="M21.68,7.53,17.54,3A.88.88,0,0,0,17,2.68H3.5a1.4,1.4,0,0,0-1.4,1.4v17a1.4,1.4,0,0,0,1.4,1.4h17a1.4,1.4,0,0,0,1.4-1.4v-13A.93.93,0,0,0,21.68,7.53ZM9.8,4.55h4.4V7H9.8ZM16.2,20.7H7.8V13.3h8.4Zm3.91,0H18V13a1.5,1.5,0,0,0-1.5-1.5h-9A1.5,1.5,0,0,0,6,13v7.7H3.9V4.47H8V7.25A1.49,1.49,0,0,0,9.35,8.74H14.5A1.5,1.5,0,0,0,16,7.25V4.47h.47l3.64,4Z" transform="translate(-2.1 -2.67)"/></svg>') no-repeat center / contain; 
  cursor: pointer;
}
.ptl-grid-edit i:before{
  content:'';
  background-image:url(images/icon_edit-table.svg) !important;
  width:1.25rem;
  height:1.125rem;
  display: inline-block; 
  background-size: 100%;
  vertical-align: middle;
  position: relative !important;
  font-style: normal;
  cursor: pointer;

}

.ptl-contents-header-wrap ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ptl-contents-header-wrap .ptl-header-btn-wrap.col-12{
  width:100%;
}
.ptl-header-title-wrap {
  display: flex;
  align-items: center;
  width: auto;
}
.flex-header-btn-wrap  {
  width: auto;
}
.ptl-header-title-wrap .ptl-header-title {
  font-size: 1.25rem !important;
  color: #121417 !important;
  font-weight: 700 !important;
  line-height: 1.75rem;
  padding-right: 8px;
  margin-bottom: 0;
  margin-left:0 !important;
}
.ptl-header-title-wrap>.va-icon{
  display: none;
}
.va-breadcrumbs{
  margin-bottom:4px;
}
.ptl-header-title-wrap .ptl-header-btn-favorite {
  margin-left:0 !important;
}
.ptl-favorite {
  background: transparent;
  border: 0;
}
.ptl-contents-header-wrap {
  padding: 0px 0 3px;
  justify-content: space-between;
}
.ptl-contents-header-wrap.row-gap-2{
  row-gap:8px !important;
}
.ptl-contents-header-wrap .ptl-breadcrumb {
  display: flex;
  align-items: center;
}
.ptl-contents-header-wrap .ptl-breadcrumb:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 16px;
  background-color: #babfca;
  margin: 0 20px;
}
.ptl-contents-header-wrap .ptl-breadcrumb .ptl-breadcrumb-item::after {
  display: inline-block;
  content: '';
  width: 12px;
  height: 12px;
  background-image: url('../images/icon_arrow_fowrad.svg');
  background-size: 100%;
  margin: -2px 8px;
}
svg.va-icon-menu-collapsed.cursor-pointer{
  display: none;
}
.va-breadcrumbs span:last-child .va-breadcrumb-item{
  font-size: var(--ptl-font-size-12) !important;
  color:var(--ptl-gray950-color) !important;
  font-weight: 500 !important;
}
.va-breadcrumbs__separator{
  font-size:0;
  width:1.6rem;
}
.va-breadcrumbs__separator:before{
  content: "\e9c5";
  vertical-align: middle;
  font-family: 'glovis_icons' !important;
  font-size: 12px !important;
  color:var(--ptl-gray400-color);
  width: 1rem;
  height: 1rem;
}
.va-breadcrumb-item{
  font-size: var(--ptl-font-size-12) !important;
  color:var(--ptl-gray600-color) !important;
  font-weight: 500 !important;
}
.ptl-contents-header-wrap .ptl-breadcrumb .ptl-breadcrumb-item:last-child::after {
  display: none;
}
.ptl-contents-header-wrap .ptl-breadcrumb .ptl-breadcrumb-item {
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #667085;
  position: relative;
  font-weight: 500;
}
.ptl-contents-header-wrap .ptl-breadcrumb .ptl-breadcrumb-item.active {
  color: #121417;
}
.ptl-contents-header-wrap .ptl-breadcrumb a {
  text-decoration: none;
}

.ptl-ic-home i {
  font-size: 14px;
  font-weight: 700;
  vertical-align: middle;
}
.ptl-isc-home:before {
  background-image: url('../images/ic_Home.svg');
  display: inline-block;
  content: '';
  width: 12px;
  height: 12px;
  background-size: 100%;
}
.ptl-contents-header-wrap .ptl-header-btn-wrap {
  gap:4px !important;
  width:auto;
}
.ptl-header-btn-wrap {
  width:100%;
  gap:0.25rem !important
}
.ptl-header-btn-wrap button{
  margin-left:4px;
}
.ptl-btn-next:after {
  content: '\e938' !important;
  background: transparent !important;
  opacity: 1 !important;

}
.ptl-btn-back:before{
  content: '\e9c4' !important;
  background: transparent !important;
  opacity: 1 !important;
}
.ptl-btn-save:before {
  content: '\e921' !important;
  background: transparent !important;
}
.ptl-btn-copynew:before{
  content: "\e907" !important;
  background: transparent !important;
}
.ptl-btn-delete:before, .ptl-btn-Delete:before {
  content: '\e92a' !important;
  background: transparent !important;
}
.ptl-btn-print:before {
  content: '\e956' !important;
  background: transparent !important;
}
.ptl-btn-refresh:before{
   content: "\e941" !important;
  background: transparent !important;
}
.ptl-btn-arrow:before{
  content: "\e937" !important;
  background: transparent !important;

}
button.ptl-btn-edit:before{
  content:'' !important;
  background-image:url(images/icon_edit-table-w.svg) !important;
  background-color: transparent !important;
  width:16px !important;
  height:16px !important;
  display: block  ;
  background-size: 100%;
  position: relative !important;
}
.ptl-btn-revoke:before{
  content: "\e92a" !important;
  background: transparent !important;
}
.ptl-btn-list:before{
  content: "\e91a" !important;
  background: transparent !important;
}
.ptl-btn-submit:before{
  content: "\e9a9" !important;
    background: transparent !important;
    transform: rotate(-90deg);
}
.ptl-btn-item.ptl-btn-approve:before{
   content: '';
  width: 24px !important;
  height: 24px !important;
  display: inline-block !important;
  background-color: #fff; 
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -1.5 24 24"><path class="cls-1" d="M12.06,19.46l.4.05a.4.4,0,0,1-.4.35H3.64a1.06,1.06,0,0,1-.73-.29,1,1,0,0,1-.3-.71v-1.5a2.46,2.46,0,0,1,2.48-2.43H7.58a2.91,2.91,0,0,0,1.06-.14,1.15,1.15,0,0,0,.41-.25A1.09,1.09,0,0,0,9.34,14a3.23,3.23,0,0,0,.08-.8c0-.31,0-.65,0-1a2.37,2.37,0,0,0-.31-1.14A8.28,8.28,0,0,0,8.34,10l.32-.24-.3.26A4.69,4.69,0,0,1,7.13,6.82,4.88,4.88,0,0,1,12.05,2h0A4.88,4.88,0,0,1,17,6.82,4.69,4.69,0,0,1,15.75,10l-.3-.26.32.24a8.28,8.28,0,0,0-.75,1.1,2.37,2.37,0,0,0-.31,1.14c0,.34,0,.67,0,1a4,4,0,0,0,.06.72,1.25,1.25,0,0,0,.15.41,1,1,0,0,0,.48.41,2.92,2.92,0,0,0,1.15.18H19a2.46,2.46,0,0,1,2.48,2.43v1.5a1,1,0,0,1-.3.71,1.06,1.06,0,0,1-.73.29H12.06v-.4h.4v.05l-.4-.05h-.41a.38.38,0,0,1,.12-.28.43.43,0,0,1,.29-.12h8.41a.2.2,0,0,0,.21-.2v-1.5a1.58,1.58,0,0,0-.49-1.15A1.73,1.73,0,0,0,19,15.73H16.53a3.81,3.81,0,0,1-1.35-.2,2.14,2.14,0,0,1-.69-.41A1.88,1.88,0,0,1,14,14.2a3.71,3.71,0,0,1-.11-1c0-.35,0-.68,0-1a3.12,3.12,0,0,1,.41-1.51,8.56,8.56,0,0,1,.82-1.21l0,0a4,4,0,0,0,1-2.66,4.07,4.07,0,0,0-4.11-4h0A4.07,4.07,0,0,0,8,6.82,4,4,0,0,0,9,9.48l0,0a9.56,9.56,0,0,1,.83,1.21,3.23,3.23,0,0,1,.4,1.51c0,.31,0,.64,0,1a4.37,4.37,0,0,1-.08.88,2.33,2.33,0,0,1-.24.65,1.86,1.86,0,0,1-.86.74,3.68,3.68,0,0,1-1.48.25H5.1a1.69,1.69,0,0,0-1.18.48,1.58,1.58,0,0,0-.49,1.15v1.5a.2.2,0,0,0,.21.2h8.42Z" transform="translate(-2.16 -1.55)"/><path class="cls-1" d="M22,19.61V17.36h0a2.33,2.33,0,0,0-.06-.53c0-.06,0-.11,0-.17a1.93,1.93,0,0,0-.11-.34.89.89,0,0,0-.08-.17,2.11,2.11,0,0,0-.16-.3l-.1-.15-.08-.11-.16-.17-.11-.11a2.3,2.3,0,0,0-.34-.28l-.06,0a3.5,3.5,0,0,0-.47-.25L20,14.67l-.27-.09h-.07a3,3,0,0,0-.67-.09H16.53a2.59,2.59,0,0,1-1-.14.52.52,0,0,1-.28-.23.85.85,0,0,1-.1-.27,3.48,3.48,0,0,1,0-.63c0-.15,0-.31,0-.46s0-.35,0-.53a1.88,1.88,0,0,1,.26-.93,7.59,7.59,0,0,1,.69-1,5.2,5.2,0,0,0,1.32-3.46,5.38,5.38,0,0,0-10.75,0A5.2,5.2,0,0,0,8,10.28a6.72,6.72,0,0,1,.69,1,1.88,1.88,0,0,1,.26.93c0,.18,0,.35,0,.52s0,.32,0,.47a2.92,2.92,0,0,1-.06.68.68.68,0,0,1-.17.33.79.79,0,0,1-.26.14,2.5,2.5,0,0,1-.9.12H5.09a2.74,2.74,0,0,0-.64.08l-.1,0h0a2.14,2.14,0,0,0-.27.09,1,1,0,0,0-.16.06,2.51,2.51,0,0,0-.46.24L3.4,15a3.17,3.17,0,0,0-.34.28L3,15.41l-.16.17-.07.11-.1.15a1.46,1.46,0,0,0-.17.3,1.3,1.3,0,0,0-.08.17c0,.11-.08.23-.11.34s0,.11,0,.17a2.35,2.35,0,0,0-.06.54h0v3.38a1.68,1.68,0,0,0,.7,1.08l.15.11a3.66,3.66,0,0,0,1.38.51H19.71a3.5,3.5,0,0,0,1.54-.62,1.61,1.61,0,0,0,.7-1.27v-.93ZM3.88,17.36A1.08,1.08,0,0,1,4,16.92a.08.08,0,0,1,0,0,1,1,0,0,1,.21-.3l.09-.08a1.07,1.07,0,0,1,.28-.19l.09,0,.1,0H19.35l.11,0,.08,0a1.07,1.07,0,0,1,.28.19l.09.08a1.14,1.14,0,0,1,.18.25.6.6,0,0,0,.06.11,1.15,1.15,0,0,1,.08.41h0v1.19H3.88V17.36ZM8.4,6.82a3.66,3.66,0,0,1,7.31,0,3.52,3.52,0,0,1-.9,2.35l-.07.09a7.92,7.92,0,0,0-.84,1.24,3.55,3.55,0,0,0-.46,1.72c0,.15,0,.3,0,.45s0,.36,0,.54a4.45,4.45,0,0,0,.12,1.1,1.7,1.7,0,0,0,.09.24H10.5c0-.12.07-.24.1-.37a4.42,4.42,0,0,0,.09-1c0-.18,0-.36,0-.53s0-.31,0-.46a3.55,3.55,0,0,0-.46-1.72,9.23,9.23,0,0,0-.83-1.24l-.07-.08A3.52,3.52,0,0,1,8.4,6.82ZM20.23,20.59a.53.53,0,0,1-.17.22,1.62,1.62,0,0,1-.63.25H4.68a1.57,1.57,0,0,1-.62-.25c-.15-.12-.18-.22-.18-.27v-.23H20.23v.28Z" transform="translate(-2.16 -1.55)"/></svg>') no-repeat center / contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -1.5 24 24"><path class="cls-1" d="M12.06,19.46l.4.05a.4.4,0,0,1-.4.35H3.64a1.06,1.06,0,0,1-.73-.29,1,1,0,0,1-.3-.71v-1.5a2.46,2.46,0,0,1,2.48-2.43H7.58a2.91,2.91,0,0,0,1.06-.14,1.15,1.15,0,0,0,.41-.25A1.09,1.09,0,0,0,9.34,14a3.23,3.23,0,0,0,.08-.8c0-.31,0-.65,0-1a2.37,2.37,0,0,0-.31-1.14A8.28,8.28,0,0,0,8.34,10l.32-.24-.3.26A4.69,4.69,0,0,1,7.13,6.82,4.88,4.88,0,0,1,12.05,2h0A4.88,4.88,0,0,1,17,6.82,4.69,4.69,0,0,1,15.75,10l-.3-.26.32.24a8.28,8.28,0,0,0-.75,1.1,2.37,2.37,0,0,0-.31,1.14c0,.34,0,.67,0,1a4,4,0,0,0,.06.72,1.25,1.25,0,0,0,.15.41,1,1,0,0,0,.48.41,2.92,2.92,0,0,0,1.15.18H19a2.46,2.46,0,0,1,2.48,2.43v1.5a1,1,0,0,1-.3.71,1.06,1.06,0,0,1-.73.29H12.06v-.4h.4v.05l-.4-.05h-.41a.38.38,0,0,1,.12-.28.43.43,0,0,1,.29-.12h8.41a.2.2,0,0,0,.21-.2v-1.5a1.58,1.58,0,0,0-.49-1.15A1.73,1.73,0,0,0,19,15.73H16.53a3.81,3.81,0,0,1-1.35-.2,2.14,2.14,0,0,1-.69-.41A1.88,1.88,0,0,1,14,14.2a3.71,3.71,0,0,1-.11-1c0-.35,0-.68,0-1a3.12,3.12,0,0,1,.41-1.51,8.56,8.56,0,0,1,.82-1.21l0,0a4,4,0,0,0,1-2.66,4.07,4.07,0,0,0-4.11-4h0A4.07,4.07,0,0,0,8,6.82,4,4,0,0,0,9,9.48l0,0a9.56,9.56,0,0,1,.83,1.21,3.23,3.23,0,0,1,.4,1.51c0,.31,0,.64,0,1a4.37,4.37,0,0,1-.08.88,2.33,2.33,0,0,1-.24.65,1.86,1.86,0,0,1-.86.74,3.68,3.68,0,0,1-1.48.25H5.1a1.69,1.69,0,0,0-1.18.48,1.58,1.58,0,0,0-.49,1.15v1.5a.2.2,0,0,0,.21.2h8.42Z" transform="translate(-2.16 -1.55)"/><path class="cls-1" d="M22,19.61V17.36h0a2.33,2.33,0,0,0-.06-.53c0-.06,0-.11,0-.17a1.93,1.93,0,0,0-.11-.34.89.89,0,0,0-.08-.17,2.11,2.11,0,0,0-.16-.3l-.1-.15-.08-.11-.16-.17-.11-.11a2.3,2.3,0,0,0-.34-.28l-.06,0a3.5,3.5,0,0,0-.47-.25L20,14.67l-.27-.09h-.07a3,3,0,0,0-.67-.09H16.53a2.59,2.59,0,0,1-1-.14.52.52,0,0,1-.28-.23.85.85,0,0,1-.1-.27,3.48,3.48,0,0,1,0-.63c0-.15,0-.31,0-.46s0-.35,0-.53a1.88,1.88,0,0,1,.26-.93,7.59,7.59,0,0,1,.69-1,5.2,5.2,0,0,0,1.32-3.46,5.38,5.38,0,0,0-10.75,0A5.2,5.2,0,0,0,8,10.28a6.72,6.72,0,0,1,.69,1,1.88,1.88,0,0,1,.26.93c0,.18,0,.35,0,.52s0,.32,0,.47a2.92,2.92,0,0,1-.06.68.68.68,0,0,1-.17.33.79.79,0,0,1-.26.14,2.5,2.5,0,0,1-.9.12H5.09a2.74,2.74,0,0,0-.64.08l-.1,0h0a2.14,2.14,0,0,0-.27.09,1,1,0,0,0-.16.06,2.51,2.51,0,0,0-.46.24L3.4,15a3.17,3.17,0,0,0-.34.28L3,15.41l-.16.17-.07.11-.1.15a1.46,1.46,0,0,0-.17.3,1.3,1.3,0,0,0-.08.17c0,.11-.08.23-.11.34s0,.11,0,.17a2.35,2.35,0,0,0-.06.54h0v3.38a1.68,1.68,0,0,0,.7,1.08l.15.11a3.66,3.66,0,0,0,1.38.51H19.71a3.5,3.5,0,0,0,1.54-.62,1.61,1.61,0,0,0,.7-1.27v-.93ZM3.88,17.36A1.08,1.08,0,0,1,4,16.92a.08.08,0,0,1,0,0,1,1,0,0,1,.21-.3l.09-.08a1.07,1.07,0,0,1,.28-.19l.09,0,.1,0H19.35l.11,0,.08,0a1.07,1.07,0,0,1,.28.19l.09.08a1.14,1.14,0,0,1,.18.25.6.6,0,0,0,.06.11,1.15,1.15,0,0,1,.08.41h0v1.19H3.88V17.36ZM8.4,6.82a3.66,3.66,0,0,1,7.31,0,3.52,3.52,0,0,1-.9,2.35l-.07.09a7.92,7.92,0,0,0-.84,1.24,3.55,3.55,0,0,0-.46,1.72c0,.15,0,.3,0,.45s0,.36,0,.54a4.45,4.45,0,0,0,.12,1.1,1.7,1.7,0,0,0,.09.24H10.5c0-.12.07-.24.1-.37a4.42,4.42,0,0,0,.09-1c0-.18,0-.36,0-.53s0-.31,0-.46a3.55,3.55,0,0,0-.46-1.72,9.23,9.23,0,0,0-.83-1.24l-.07-.08A3.52,3.52,0,0,1,8.4,6.82ZM20.23,20.59a.53.53,0,0,1-.17.22,1.62,1.62,0,0,1-.63.25H4.68a1.57,1.57,0,0,1-.62-.25c-.15-.12-.18-.22-.18-.27v-.23H20.23v.28Z" transform="translate(-2.16 -1.55)"/></svg>') no-repeat center / contain; 
}
.ptl-btn-return:before{
  content: "\e941" !important;
    background: transparent !important;
}
.ptl-btn-reject:before{
  content: "\e92d" !important;
    background: transparent !important;
    transform: rotate(-90deg);
}
button.ptl-btn-new:before{
  content: "\e90a" !important;
  background: transparent !important; 
}
.ptl-btn-newgroup:before{
  content: "\e95d"!important;
  background: transparent !important; 
}
.ptl-btn-parking:before{
  content: "\e9c9"!important;
  background: transparent !important; 
}
.ptl-btn-ic_copy:before{
  content: "\e9c9"!important;
  background: transparent !important; 
}
.ptl-btn-ad-user:before{
  content: "\e981" !important;
  background: transparent !important; 
}
.ptl-btn-download:before{
  content: "\e909" !important;
  background: transparent !important; 
}
button.ptl-btn-pdf:before{
  content:'' !important;
  background-image:url(images/icon_pdf.svg) !important;
  background-color: transparent !important;
  width:16px !important;
  height:16px !important;
  display: block  ;
  background-size: 100%;
  position: relative !important;
}
button.ptl-btn-excel:before{
  content:'' !important;
  background-image:url(images/icon_xls.svg) !important;
  background-color: transparent !important;
  width:16px !important;
  height:16px !important;
  display: block  ;
  background-size: 100%;
  position: relative !important;
}
.go-top{
  background:var(--ptl-primary900-background-color) !important;
  font-size:16px !important;
  bottom:20px !important;
}
 .ptl-btn-item {
  background: var(--ptl-gray500-background-color) !important;
  border: 1px solid #80899d !important;
  color: #fff !important;
  padding: 2px 8px 2px 6px !important;
  border-radius: var(--ptl-default-border-radius);
  height: 24px;
  min-height: auto !important;
  min-width: auto !important;
  white-space: nowrap;
}
/*
.ptl-sub-content-wrap .ptl-btn-item{
  background: var(--ptl-primary25-background-color) !important;
  border: transparent !important;
  color: var(--ptl-primary900-color) !important;
}
  */
.right-btn-save{
  background-color:var(--ptl-primary900-background-color) !important;
  color:#fff !important;
  border:1px solid #00287A
}
.ptl-btn-reject{
  background-color:#ff4646  !important;
  border:1px solid #ff4646 !important
}
.ptl-btn-item:before, .ptl-btn-large:before {
  margin-right: 4px;
}
 .ptl-btn-next:after {
  margin-left: 4px;
}
.ptl-btn-next:before{
  display: none;
}
 .ptl-btn-item:before,
 .ptl-btn-item:after,
 .ptl-btn-large:before {
  vertical-align: middle;
  font-family: 'glovis_icons' !important;
  font-size: 1rem;
  position: relative !important;
  width: auto !important;
  height: auto !important;
  font-weight: 500 !important;
}
.ptl-Cbtn-item{
    --va-background-color: var(--ptl-primary25-background-color) !important;
    color: var(--ptl-primary900-color) !important;
    padding: 6px 8px 6px 6px;
    border-radius: var(--ptl-default-border-radius);
    height: 26px;
    min-height: auto !important;
    min-width: auto !important;
    font-size: 0.75rem !important;
    line-height: 1rem !important;
    font-weight: 500;
}
.va-button--normal .va-button__content{
    font-size: 0.75rem !important;
    line-height: 1rem !important;
    font-weight: 500;
}
 .va-button__content {
  padding: 0 !important;
}
 .ptl-btn-item span {
  font-size: 0.75rem !important;
  line-height: 1.125rem !important;
  font-weight: 500;
}

 .ptl-btn-save {
  background-color: #0052f5 !important;
  color: #fff !important;
  border: 1px solid #0052f5 !important
}
 .ptl-btn-next {
  background-color: #00287a !important;
  color: #fff !important;
  padding: 2px 4px 2px 8px;
  border: 1px solid #00287A !important
}
.ptl-btn-back{
  background-color: #00287a !important;
  color: #fff !important;
  border: 1px solid #00287A !important;
  padding:2px 8px 2px 4px;
}
.ptl-btn-new, .ptl-btn-submit, .ptl-btn-approve{
  background-color: #00287a !important;
  color: #fff !important;
  border: 1px solid #00287A !important
}

.ptl-btn-revoke, .ptl-btn-delete, .ptl-btn-Delete{
  background-color: #ff4646 !important;
  color: #fff !important;
  border: 1px solid #ff4646 !important
}
.ptl-btn-parking{
  background-color: #EB2F96 !important;
  color: #fff !important;
  border: 1px solid #EB2F96 !important
}
.ptl-contents-btn-reset-wrapper{
  position: absolute;
  right:calc(var(--bs-gutter-x) * -.5);
  top:8px;
}
.ptl-contents-btn-reset-wrapper button{
  font-size:var(--ptl-font-size-12);
  font-weight:500;
  background-color:var(--ptl-primary25-background-color) !important;
  --va-background-color:var(--ptl-primary25-background-color) !important;
  color:var(--ptl-primary900-color) !important;
  margin-right:0 !important;
  padding:2px 8px 2px 6px;
  min-height:24px;
}
.ptl-contents-btn-reset-wrapper button:before{
  content: "\e941" !important;
  background: transparent !important;
  vertical-align: middle;
  font-family: 'glovis_icons' !important;
  font-size: 1rem;
  position: relative !important;
  width: auto !important;
  height: auto !important;
  font-weight: 500 !important;
  margin-right:4px;
}

.ptl-sub-body-wrap {
  background-color: #fff;
  border-radius: var(--ptl-default-border-radius);
  box-shadow: 0 0 10px rgba(18, 20, 23, 0.1);
  padding: 0;
}
.ptl-sub-body-title-wrap {
  font-size: 0.875rem;
  font-weight: 600;
  color: #fff;
  background-color: var(--ptl-primary900-background-color);
  line-height: 1.25rem;
  padding: 8px 16px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  
}
.ptl-sub-body-admin-title-wrap{
 font-size: 0.875rem;
  font-weight: 600;
  color: #fff;
  background-color: var(--ptl-gray500-background-color);
  line-height: 1.25rem;
  padding: 8px 16px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
   margin-bottom:1rem;
}
.ptl-sub-body-wrap .col-12 {
  padding: 16px;
}
#errorAlertSection {
  font-size:var(--ptl-font-size-12);
  font-weight: 500;
}
.wizard-navigation ul {
  display: flex;
}
.wizard-navigation ul li {
  font-size: 0.875rem;
  font-weight: 600;
  border-right: 1px solid #e4e5e9;
}
.ptl-step-item:last-child {
  border-right: 0;
}

.wizard-navigation ul li.ptl-state-complete a{
  color: #fff;
  background-color: #99bbff !important;
}
.vue-form-wizard{
  padding:0.5rem 0;
  margin-top:0 !important;
}
.vue-form-wizard .wizard-nav-pills>li>a{
  top:0;
}
.wizard-navigation ul li a {
  color: #fff;
  background-color: var(--ptl-gray200-background-color) !important;
}
.wizard-navigation ul li.active a {
  color: #fff;
  background-color: var(--ptl-primary900-background-color) !important;
}
.wizard-navigation li a{
  color: #80899d;
}
.wizard-navigation ul li a span{
  color:var(--ptl-gray500-color) !important;
}
.wizard-navigation ul li.active a span, .wizard-navigation ul li.ptl-state-complete a span{
  color:#fff !important;
}
.wizard-navigation ul li:first-child a{
  border-top-left-radius: var(--ptl-default-border-radius);
  border-bottom-left-radius:var(--ptl-default-border-radius);
}
.wizard-navigation ul li:last-child a{
  border-top-right-radius: var(--ptl-default-border-radius);
  border-bottom-right-radius:var(--ptl-default-border-radius);
}
.wizard-navigation ul li a span{
  font-size:var(--ptl-font-size-14);
  font-weight: 600px;
  line-height:38px;
  margin:0 auto 0 16px !important;
}
.wizard-navigation li a .tab_shape, .wizard-progress-with-circle{
  display: none !important;
}

/*default*/
.ptl-bottom-alert-successful{
  background-color:var(--ptl-primary900-background-color) !important;
  font-size:var(--ptl-font-size-13) !important;
}
.ptl-bottom-alert-error {
  background-color:#ff4646 !important;
  font-size:var(--ptl-font-size-13) !important;
}
body .va-input-label {
  font-size: 0.75rem;
  color: #667085 !important;
  line-height: 0.75rem;
  font-family: var(--ptl-font-family);
  font-weight: 500;
  margin-bottom: 6px !important;
}

.va-input-wrapper .va-input-wrapper__field {
  border-color: #babfca;
  gap:2px
}
.va-input-wrapper .va-input-wrapper__field .va-input-wrapper__text span {
  color: var(--ptl-gray950-color);
  font-weight: 500;
}
.va-input-wrapper__field {
  border-color: #d2d4dc;
}
.va-input-wrapper--focused .va-input-wrapper__field {
  border-color: #80899d;
}
.va-input-wrapper__field .va-input-wrapper__text span {
  color: var(--ptl-gray600-color);
  font-weight: 500;
}
.va-input-wrapper--error .va-input-wrapper__field {
  border-color: #ff4646;
}

.va-input-wrapper__text {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.va-input-label {
  text-transform: capitalize;
}
body .va-radio__text {
  font-weight: 500;
  margin-left: 0.25rem;
  font-family: var(--ptl-font-family);
  text-transform: capitalize;
}
.va-radio {
  line-height: 1.75rem;
}
.va-radio__icon {
  width: 1rem;
  height: 1rem;
}
.va-radio__input:checked + .va-radio__icon .va-radio__icon__dot {
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  width:10px;
  height:10px;
}
.va-radio--selected .va-radio__icon {
  border-color: #00287a;
}
.body .va-radio__text {
  font-family: var(--ptl-font-family);
  font-weight: 500;
}
.va-checkbox--selected  .va-checkbox__square{
    background:var(--ptl-primary900-background-color) !important;
    border:1px solid #00287A !important;
    width:16px;
    height:16px;
    min-width:16px;
}
.va-checkbox--selected  .va-checkbox__square i.va-checkbox__icon{
  font-size:14px !important;
  font-weight: 600;
}
.va-checkbox__input-container .va-checkbox__label{
  font-size:var(--ptl-font-size-12);
  font-weight: 500;
  color:var(--ptl-gray950-color)
}
.va-input-wrapper[focused='true'] .va-input-wrapper__field {
  border-color: #80899d !important;
}
.va-input-wrapper_sub_title {
  font-weight: 600;
  color: var(--ptl-gray950-color) !important;
  letter-spacing: 0;
  font-size: 0.9375rem;
}
.va-input-wrapper__text input {
  font-weight: 500;
  color: var(--ptl-gray950-color) !important;
  font-family: var(--ptl-font-family);
  line-height: 1.125rem;
}
 .va-select-dropdown__content-search-input  .va-input-wrapper__text input{
    line-height:1.5rem ;
  }
  .ag-center-cols-container{
    min-height:auto;
  }
 .flex-file-upload>fieldset{
  margin-top: 0 !important;
  margin-bottom:0.5rem;
 }
  
.flex-file-upload .va-input-wrapper__container div {
  width: 100%;
  height: 1.5rem;
  position: relative;
}
.flex-file-upload .va-input-wrapper__container button.va-button {
  width: 100% !important;
  position: relative;
  height: 1.5rem;
  color: var(--ptl-gray950-color);
}
.flex-file-upload .va-input-wrapper__container div:after {
  content: '';
  display: block;
  background-image: url('images/icon_file.svg');
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 0;
  left: 0;
}
.flex-file-upload .va-input-wrapper__container button.va-button:before {
  content: 'Select or Drop file here';
  display: inline-block;
  position: absolute;
  opacity: 1;
  background-color: transparent;
  color: var(--ptl-gray950-color) !important;
  text-align: left;
  left: 2rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--ptl-font-family);
}
.flex-file-upload .va-input-wrapper__container button.va-button .va-button__content {
  margin: 0 0 0 auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 1.5rem;
}
.flex-file-upload .va-input-wrapper__container button.va-button .va-button__content span {
  visibility: hidden;
  position: relative;
  width: 4.5rem;
  height: 1.5rem;
  text-align: center;
}
.flex-file-upload .va-input-wrapper__container button.va-button .va-button__content span:after {
  content: 'Select File'; /* 원하는 텍스트 */
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--ptl-primary900-color);
  background-color: var(--ptl-primary25-background-color);
  border-radius: var(--ptl-default-border-radius);
  width: 100%;
  height: 100%;
  line-height: 1.5rem;
}

.flex-file-upload .va-input-wrapper__container button.va-button:after {
  content: '';
  display: block;
  background-image: url('../images/icon_file.svg');
  width: 24px;
  height: 24px;
  background-color: #fff !important;
}
.flex-file-upload .va-input-wrapper__container {
  padding: 1rem 0.75rem;
  border: 1px dashed #babfca;
  border-radius: var(--ptl-default-border-radius);
}
.gus-fieldset .va-input-wrapper__container h6{
  font-size:var(--ptl-font-size-13);
}

.va-input-wrapper__container h6{
  font-size:var(--ptl-font-size-14);
  font-weight: 500;
  line-height:20px;
  color:var(--ptl-gray950-color) !important;
}
.flex-file-upload table {
  font-family: var(--ptl-font-family);
  border: 0;
  position: relative;
  border:0 !important;
}
/*
.flex-file-upload table:before{
  content: 'File List';
  display:block;
  position: absolute;
  top:-20px;
  left:0;
  font-size: 0.75rem;
  color: #667085 !important;
  line-height: 0.75rem;
  font-family: var(--ptl-font-family);
  font-weight: 500;
}
  */
.flex-file-upload table.ptl-filelist-table-wrapper{ 
  margin-top:12px;

}
.flex-file-upload table tbody tr:first-child td{
  border-top:1px solid transparent;
}
.flex-file-upload table th {
  background-color: var(--ptl-gray25-background-color);
  color: var(--ptl-gray950-color);
  font-weight: 500;
  font-size: 0.8125rem;
  border-right: 1px solid #babfca;
  border-bottom: 1px solid #babfca;
}
.flex-file-upload table th:first-child {
  border-top-left-radius: var(--ptl-default-border-radius);
  border-left: 1px solid #babfca;
}

.flex-file-upload table th:last-child {
  /*border-top-left-radius: var(--ptl-default-border-radius);*/
}
.flex-file-upload table td, .flex-file-upload table th{
  padding:5px 12px;
}
.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
  border:none !important; 
}
.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar{
  border-top: 1px solid #babfca !important;
  border-left: 1px solid #babfca !important;
  border-right: 1px solid #babfca !important;
  border-bottom: 0;
  border-top-left-radius: var(--ptl-default-border-radius) !important;
  border-top-right-radius: var(--ptl-default-border-radius) !important;
}
.ck.ck-editor .ck-content {
  margin-top: -1px;
  border: 1px solid #babfca !important;
  border-bottom-left-radius: var(--ptl-default-border-radius) !important;
  border-bottom-right-radius: var(--ptl-default-border-radius) !important;
}
.ck.ck-editor .ck-read-only{
  border-top-left-radius:var(--ptl-default-border-radius) !important;
  border-top-right-radius:var(--ptl-default-border-radius) !important;
  border: 1px solid #e4e5e9 !important;
}
.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
  box-shadow: none;
}
/*table*/
.gus-data-table table,  .flex-file-upload table{
  border-collapse: separate;
  border-spacing: 0;
  border: none !important;
}
.gus-data-table table thead, table thead {
  border-bottom: 1px solid #babfca;
}
.gus-data-table table th, table th {
  background-color: var(--ptl-gray25-background-color);
  color: var(--ptl-gray950-color);
  font-size: var(--ptl-font-size-13);
  font-weight: 500;
  border-top: 1px solid #e4e5e9;
  border-left: 1px solid #babfca;
  border-bottom: 1px solid #babfca;
  border-right: 1px solid #babfca;
  padding: 5px 12px;
  line-height: 1.25rem;
}
.gus-data-table table tr:nth-child(2n){
  background-color: var(--ptl-gray25-background-color);
}
.gus-data-table table tr th:not(:last-child), table tr th:not(:last-child),
.gus-data-table table tr td:not(:last-child),table tr td:not(:last-child) {
  border-right: none;
}
.gus-data-table table th:first-child, table th:first-child {
  border-top-left-radius: var(--ptl-default-border-radius);
  border-left: 1px solid #e4e5e9;
}
.gus-data-table table th:last-child, table th:last-child {
  border-top-right-radius: var(--ptl-default-border-radius);
  border-right: 1px solid #e4e5e9;
}
.gus-data-table table tr:last-child td:first-child, table tr:last-child td:first-child {
  border-bottom-left-radius: var(--ptl-default-border-radius);
}

.gus-data-table table tr:last-child td:last-child, table tr:last-child td:last-child {
  border-bottom-right-radius: var(--ptl-default-border-radius);
}
.gus-data-table table tr td, table tr td{
  border-top: none;
  border-left: 1px solid #e4e5e9;
  border-bottom: 1px solid #e4e5e9;
  border-right: 1px solid #e4e5e9;
  color: var(--ptl-gray950-color);
  padding: 4px 12px;
  line-height: 1.25rem;
}
.va-input-wrapper--disabled{
  opacity: 1;
}
.va-textarea__textarea{
  font-family: var(--ptl-font-family);
}
.table-horizontal-wrapper{
  border:1px solid #e4e5e9;
  border-radius: var(--ptl-default-border-radius);
  --bs-gutter-x:0;
}
.table-horizontal-wrapper.row-gap-2{
  row-gap:0 !important;
}
.table-horizontal-wrapper .va-input-label{
  background-color: var(--ptl-gray25-background-color);
  color:var(--ptl-gray950-color) !important;
  border-right:1px solid #e4e5e9;
  min-height:100%;
  height:auto;
  padding:6px 12px;
  display: block;
  margin-bottom:0 !important;
  line-height:27px;
}
.table-horizontal-wrapper .items-center{
  border-bottom:1px solid #e4e5e9;
}
.table-horizontal-wrapper .col-12:last-child .items-center{
  border-bottom:0;
}
.table-horizontal-wrapper .va-input-wrapper{
  padding:0 12px 0 0;
}
/*defult contents*/
.ptl-sub-content-wrap {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(18, 20, 23, 0.05);
  padding: 1rem;
  margin: 0 auto;
  width: 100%;
}
.ptl-sub-content-wrappper{
  padding:1rem;
}
article .row .ptl-sub-content-wrap {
  width: calc(100% - 24px);
  margin: 0 auto;
}
.ptl-sub-content-wrap .va-card .va-card__content {
  margin-top: 0rem !important;
  font-size:var(--ptl-font-size-12);
  line-height:1.125rem;
  font-family: var(--ptl-font-family);
  position: relative;
}
.ptl-sub-content-wrap .va-card .va-card__content .gap-2 {
  gap: 1rem !important;
}
.ptl-sub-content-wrap .row-gap-2, .gap-1rem .row-gap-2{
  row-gap:1rem !important;
}
.ptl-sub-content-wrap hr {
  border-top: 1px dashed #babfca;
  margin: 0.5rem 0 !important;
}
.ptl-sub-content-wrap .va-card .va-card-title {
  font-size: 0.875rem !important;
  line-height: 1.25rem;
  position: relative;
  background-color: var(--ptl-gray25-background-color) !important;
  border-radius: var(--ptl-default-border-radius);
  padding: 8px 12px;
  margin-bottom:0.5rem;
}
.ptl-sub-content-wrap .va-card .va-card-title span{
    color:var(--ptl-primary900-color) !important;
    margin-left:1rem;
    letter-spacing: 0;
    font-weight: 800;
}
.ptl-sub-content-wrap .va-card .va-card-title span:before {
  content: '';
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border-radius: 60px;
  background-image: url(images/sub_title_symbol.svg);
  display: inline-block;
  position: absolute;
  top:11px;
  left:12px;

}
.va-text-block{
  padding:12px;
  border-radius: var(--ptl-default-border-radius);
  background-color:#fff;
  border:1px dashed #BABFCA;
  color:var(--ptl-gray950-color)
}
.va-text-block p{
  font-weight: 500;
}
.va-text-block span{
  font-weight: 400;
  color:var(--ptl-gray800-color)
}
.va-card--stripe:after {
  display: none;
}
.ptl-sub-content-wrap .va-card .va-card-title .va-icon.material-icons {
  position: absolute;
  right: 0;
  top: 6px;
  color: #3e4451 !important;
}
.ptl-sub-content-wrap .va-card .va-icon.va-select__toggle-icon {
  position: static;
  color: var(--ptl-gray600-color) !important;
  font-size:1.125rem !important;
  height:1.125rem !important;
  line-height:1.125rem !important;
}
.ptl-sub-content-wrap .va-card__content {
  padding: 0;
}
.ptl-sub-content-wrap .va-input-wrapper__container {
  border-radius: var(--ptl-default-border-radius);
}
.va-input-wrapper__field {
  border-radius: var(--ptl-default-border-radius);
}
.ptl-sub-content-wrap .va-input-wrapper__container .va-input-wrapper__field {
  padding: 3px 8px;
  min-height: auto;
}
.va-input-wrapper__field {
  padding: 3px 8px;
  min-height: auto;
}
.ptl-sub-content-wrap .va-input-wrapper__text {
  font-size: 0.75rem;
  line-height: 1.125rem;
  min-height: 1.125rem;
  height:auto;
}
.ptl-inputbtn-calendar{
  height: 1rem !important;
    font-size: 0 !important;
    line-height: 1rem !important;
    font-weight: 500;
}
.ptl-inputbtn-calendar:before{
    font-size: 1rem;
    width: 16px;
    height: 16px;
    color: var(--ptl-gray600-color) !important;
}
.material-icons[aria-label='reset']{
  font-size:0;
}
.ptl-inputbtn-cancel{
  height: 16px !important;
    font-size: 0 !important;
    line-height: 1rem !important;
    font-weight: 500;
}
.ptl-inputbtn-cancel:before{
    font-size: 1rem;
    width: 16px;
    height: 16px;
    color: var(--ptl-gray400-color) !important;
}
.va-dropdown__content {
  top: 0.125rem;
}
.ptl-sub-content-wrap .va-input-wrapper__field:after {
  /*background-color:#F8F9FA;*/
  border-color: #d2d4dc;
}
:where(.ag-theme-checkboxStyle-3) .ag-checkbox-input-wrapper.ag-checked,
:where(.ag-theme-checkboxStyle-3) .ag-radio-button-input-wrapper.ag-checked,
:where(.ag-checked) {
  background-color: var(--ptl-primary900-background-color);
  border-color: #00287a;
}
.va-dropdown__content .va-input-wrapper__field:after {
  background-color: #fff;
}
.ptl-sub-content-wrap .va-radio--selected [col-id='favorite'] .va-radio__icon {
  border-color: #00287a !important;
}
.va-radio__icon {
  margin: 0;
}
.ag-row-selected:before{
  background-color:#ebf1ff !important;
}
.ag-viewport .ag-cell {
  border: 0;
}
.ag-viewport .ag-cell:after {
  height: 100%;
  width: 1px;
  top: 0;
  background: var(--ptl-gray100-background-color);
  content: '';
  position: absolute;
  z-index: 99;
  right: 0px;
}
:where(.ag-ltr) .ag-header-cell-resize{
  right:-5px;
}
.ptl-card-search{
  margin-top: 0 !important;
  border-radius: var(--ptl-default-border-radius);
  border: 1px solid #e4e5e9;
  padding: 12px 12px 0 12px ;
  position: relative;
  margin-bottom:1rem;
}
.va-card__content{
  height: auto;
  transition: height 0.3s ease;
}
.va-card__content.collapsed{
  height: 24px !important;
  overflow: hidden;
  transition: height 0.3s ease;
}

.ptl-card-search .va-card__content {
    width: 100%;
    display: flex;
    align-items: center;
    align-items: flex-start;
}
.ptl-card-search .self-center{
  width:24px;
  text-align: center;

}
.ptl-sub-content-wrap .ptl-card-search .row-gap-2{
  row-gap: 0rem !important;

}
.ptl-sub-content-wrap .ptl-card-search .filter-date .gap-2{
  gap:0 !important;
}
.ptl-card-search .ptl-toggle{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 0;
    position: absolute;
    bottom: -24px;
    left: 50%;
    transform: translate(-50%);
    cursor: pointer;
    width: 52px;
    height: 24px;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.ptl-toggle i.rotate{
  transform: rotate(90deg);
  transition: all 0.2s ease-in-out;
}
.ptl-card-search .va-card .va-card__content{
  margin-top:0;
}
.ptl-card-search .col-11{
  width:calc(100% - 96px);
  padding-right:12px;
  padding-left:0;
}
.ptl-card-search .col-1{
  padding:0;
  width: 84px;
  margin:auto 0 auto auto !important;
}
.ptl-card-search .va-card__content{
  margin-top:0.75rem;
}
.ptl-card-search .va-card__content .row{
  display:flex;
  flex-wrap: nowrap;
  width: 100%;
  margin:0;
}
.ptl-card-search .row-gap-2{
  row-gap:0rem !important
}
.ptl-card-search .va-input-wrapper__size-keeper{
  width: 100% !important;
   box-sizing: border-box;
}
.ptl-search-item-wrapper{
  display: grid !important;
  gap: 24px 24px; 
  align-items: start;
  width: 100%;
  margin:0;
}
.ptl-search-six{  
  grid-template-columns: repeat(6, 1fr); 
}
.ptl-search-five{
  grid-template-columns: repeat(5, 1fr); 
}
.ptl-search-four{
  grid-template-columns: repeat(4, 1fr); 
}
.ptl-search-three{
  grid-template-columns: repeat(3, 1fr); 
}
.ptl-search-two{
  grid-template-columns: repeat(2, 1fr); 
}
.ptl-search-two .filter-date .gus-fieldset .gus-uc{
  width: calc(50% - 12px);
}
.ptl-search-item-wrapper .filter-item{
  padding: 0 0 12px;
  box-sizing: border-box;
}

.filter-date{
  grid-column: span 2;
   padding: 0 0 12px;
}
.ptl-search-five .filter-full{
  grid-column: span 5;
}
.ptl-toggle{
  display:none !important;
}
.ptl-block-toggle{
  margin:1.5rem;
}
.ptl-block-toggle .ptl-toggle{
  display:block !important;
}
.ptl-card-search .ptl-btn-search{
  background-color:#00287A !important;
  color:#fff;
  border:none !important;
  height:26px;
  margin:5px 0 0;
  width: 100%;
}
.ptl-card-search-two .ptl-btn-search{
  margin:0px 0 0;
}

.ptl-card-search .ptl-btn-search:before{
  content: "\e923";
  background-color: transparent;
}


/*
.ptl-sub-content-wrap .ptl-card-search .row {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.ptl-sub-content-wrap .ptl-card-search .row .col-11 .row {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.ptl-sub-content-wrap .ptl-card-search .row .col-11 .row .col-3 {
  width: auto;
  flex: auto;
}
  */
.ptl-card-btn-search {
  background-color: #00287a;
  line-height: var(--ptl-btn-medium);
  min-height: var(--ptl-btn-medium);
  height: var(--ptl-btn-medium);
  border-radius: var(--ptl-default-border-radius);
}
.ptl-card-btn-search span {
  background-color: #00287a;
  font-size: 0.75rem;
  padding: 3px 8px 3px 6px;
  line-height: var(--ptl-btn-medium);
  height: var(--ptl-btn-medium);
}

.ptl-sub-content-wrap .ck-editor {
  font-size: var(--ptl-fontsize12-font-size);
  line-height: var(--ptl-lineheight18-line-height);
  font-family: var(--ptl-font-family) !important;
}
/*table*/
.gus-data-table {
    overflow-x: auto;
}
.ag-header-row,
.ag-header-cell {
  height: 32px !important;
}
.ag-header {
  height: 33px !important;
  min-height: 33px !important;
  border-bottom:1px solid #babfca;
}
.ag-header-cell,
.ag-header-group-cell,
.ag-cell {
  padding: 0 12px !important;
}
.ag-cell {
  /*table-middle*/
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  box-sizing: border-box;
}
.ag-cell-focus:not(.ag-cell-range-selected):focus-within, .ag-cell-range-single-cell, .ag-cell-range-single-cell.ag-cell-range-handle, .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), .ag-context-menu-open .ag-full-width-row.ag-row-focus .ag-cell-wrapper.ag-row-group, .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group{
  border-color:var(--ptl-primary600-color);
}
:where(.ag-ltr) :where(.ag-body-horizontal-content-no-gap) .ag-column-last{
  border-right-color:transparent !important;
}
.ag-cell.v-align-top {
  display:flex !important;
  align-items: flex-start !important;
}
.ag-cell.v-align-top .ag-cell-wrapper{
  margin-top: 0.3rem;
}
.ag-cell.h-align-center {
  display:flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.ag-cell.h-align-right{
  display: flex !important;
  justify-content:flex-end !important;
}
.ag-cell  hr{
    width:100%;
}
body .ag-cell .ag-cell-value {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  padding-top:0;
  padding-bottom:0;
}
.ag-row-number-cell {
  padding: 5px 8px !important;
}
.ag-row:hover::before{
  background-color: var(--ptl-gray25-background-color);
}
.ptl-sub-content-wrap .ag-cell .va-icon.material-icons {
  position: static;
}

.ag-root-wrapper {
  border-radius: var(--ptl-default-border-radius);
}
.ag-header-cell-resize:after {
  height: 100%;
  width: 1px;
  top: 0;
  background: var(--ptl-gray300-background-color);
}
.ag-header-cell-text {
  color: var(--ptl-gray950-color);
}
.gus-grid-link a {
  color: var(--ptl-primary600-color);
}
.ag-cell-value {
  font-weight: 500;
}
.ag-cell-value a{
    font-family: var(--ptl-font-family);
    color:var(--ptl-primary600-color) !important;
}
.ag-cell-editor .ag-input-field-input{
  border:none;
}
.ag-cell-editor .ag-input-field-input:focus{
  box-shadow:none;
  padding-left:0;
  font-weight:500;
}
.ag-cell-inline-editing{
  border:#0052F5 !important;
  box-shadow: none !important;
  border-radius: 0;;
}

/*approval line*/
.ptl-approval-btn-edit{
  position: absolute;
    right: 40px;
    top: -42px;
    z-index: 999999999;
}
.ptl-approval-btn-edit .ptl-btn-item{
  border:0 !important;
}
.ptl-approval-btn-edit:after{
  content: '';
  display:inline-block;
  width:1px ;
  height:12px;
  background-color: var(--ptl-gray200-background-color);
  position: absolute;
    right: 2px;
    top: 6px;
}
.ptl-approval-edit-wrapper{
  display: flex;
}
.ptl-approval-edit-wrapper .col-3 .va-card--stripe{
  border-radius: var(--ptl-default-border-radius) !important;
}
.ptl-approval-edit-wrapper .row .col-12 .va-card--stripe{
  border:0;
}
 .ptl-approval-edit-wrapper .va-card .va-card-title{
  font-size: var(--ptl-font-size-13)!important;
  text-transform: lowercase;    
  border:1px solid #e4e5e9;
  border-top-left-radius: var(--ptl-default-border-radius);
  border-top-right-radius: var(--ptl-default-border-radius);
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  letter-spacing: 0;
  line-height:1rem;
  padding:6px 12px 2px;
  background-color:var(--ptl-gray25-background-color) !important;
  margin-bottom:0;
}
 .ptl-approval-edit-wrapper .va-card .va-card__content{
  margin-top:0;
}
.ptl-approval-edit-wrapper .va-card .va-card__content{
  margin:-1px 0 0 !important;
}
.ptl-approval-edit-wrapper .va-card .va-card__content .row{
  margin:0 ;
}
.ptl-approval-edit-wrapper .va-card .va-card__content .row .col-12.border{
  margin-top:0 !important;
  padding: 12px 0 !important;
  border-bottom:1px dashed #e4e5e9 !important;
  border-left:1px solid #e4e5e9 !important;
  border-right:1px solid #e4e5e9 !important;
  border-top:0 !important;
}
.ptl-approval-edit-wrapper .va-card .va-card__content .row:last-child .col-12.border{
    border-bottom:1px solid #e4e5e9 !important;
    border-bottom-left-radius: var(--ptl-default-border-radius);
  border-bottom-right-radius: var(--ptl-default-border-radius);
}
.ptl-approval-edit-wrapper .va-card .va-card__content .row .col-12 .body_14_400{
  font-size:var(--ptl-font-size-12);
  line-height:18px;
  font-weight:500;
  color:var(--ptl-gray600-color);
}
.ptl-approval-edit-wrapper .va-card .va-card__content .row .col-12 .body_14_600{
  color:var(--ptl-gray950-color) !important;
}
.ptl-approval-edit-wrapper .va-badge--empty{
  display:none;
}
.ptl-sub-content-wrap .ptl-approval-edit-wrapper .row-gap-2{
  row-gap:0.5rem !important;
}
.ptl-approval-edit-wrapper .col-7,
.ptl-approval-edit-wrapper .col-5{
  /*margin-top:12px;*/
}
.ptl-approval-edit-wrapper .va-card__content{
  padding:0;
}
.ptl-approval-edit-wrapper .ptl-approval-search-wrapper{
  border-left:1px solid #e4e5e9;
  border-right:1px solid #e4e5e9;
  margin-bottom:0 !important;
}
.ptl-approval-edit-wrapper .ptl-approval-search-wrapper .va-input-wrapper .va-input-wrapper__field{
  border-color: transparent;
  padding:6px 12px;
}
.ptl-approval-edit-wrapper .ptl-approval-search-wrapper .va-input-wrapper .va-input-wrapper__field:before{
  content: "\e923";
  vertical-align: middle;
    font-family: 'glovis_icons' !important;
    font-size: 1rem;
    position: relative !important;
    width: auto !important;
    height: auto !important;
    font-weight: 500 !important;
}

.ptl-approval-edit-wrapper .col-7 .ag-root-wrapper,
.ptl-approval-edit-wrapper .col-5 .ag-root-wrapper{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ptl-btn-approval-left{
  border:1px solid #babfca;
  border-radius: var(--ptl-default-border-radius);
  width: 24px;
  height: 24px !important;
  font-size: 20px !important;
  text-align: center;
  line-height: 24px !important;
}
.ptl-approval-edit-wrapper .col-7 .col-11{
  width:calc(100% - 46px);
}
.ptl-approval-edit-wrapper .col-7 .col-1{
  width:24px;
  padding:0;
  margin:auto 0;
}

.ptl-sub-content-wrap .ptl-approval-edit-wrapper .va-card .va-card-title span:before{
  display: none;
}
.ptl-sub-content-wrap .ptl-approval-edit-wrapper .va-card .va-card-title span{
  color:var(--ptl-gray900-color) !important;
  margin-left:0;
  font-weight: 700;
}
/*POPUP*/

.confirm-x-small .va-modal__dialog{
  width:360px !important;
  max-width:360px !important;
}
.va-modal .ptl-sub-content-wrap{
  box-shadow: none;
}
.va-modal__dialog {
  border-radius: 8px;
  border: 1px solid #d2d4dc;
}
.va-modal__dialog .va-modal__inner {
  /*padding:1rem 1.5rem;*/
}
.va-modal__inner{
    padding:0;
}
.va-modal__header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    border-bottom: 1px solid #e4e5e9;
    height: 48px;
    gap: 16px;
    font-size:1rem;
    font-weight: 700;
}
.va-modal__header button{
  height:20px;
}
.va-modal__header .va-modal__title{
  font-size:1rem;
  position: relative;
    top: 1px;
    font-weight: 700;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color:var(--ptl-gray950-color) !important;
}
.va-modal__message{
    font-size:14px;
    color:var(--ptl-gray600-color);
    line-height: 22px;
    text-align: center;
    padding:20px 20px 16px;
    margin:0;
}

.va-modal__footer{
    padding:1rem 20px;
    display: flex;
    justify-content: center;
}
.va-modal__footer button.va-button--normal{
    color:#fff !important;
    border:1px solid #00287A !important;
    border-radius: var(--ptl-default-border-radius) !important;
    min-width:calc(50% - 6px);
    min-height:2rem;
    margin:0 4px;
    background-color: var(--ptl-primary900-background-color) !important;
    --va-background-color: var(--ptl-primary900-background-color) !important;
    height:2rem;
}
.ptl-va-modal__btn_wrapper.btn-col-right{
    flex-direction:row-reverse
}
.va-modal__dialog .ptl-va-modal__btn_wrapper button.va-button--normal{
    color:#fff !important;
    border:none !important;
    border-radius: var(--ptl-default-border-radius) !important;
    min-width:120px;
    min-height:2rem;
    margin:0 4px;
    background-color: var(--ptl-gray500-background-color) !important;
    --va-background-color: var(--ptl-gray500-background-color) !important;
    height:2rem;
}
.va-modal__dialog .ptl-va-modal__btn_wrapper button.va-button--normal.ptl-btn-save{
    color:#fff !important;
    border:none !important;
    border-radius: var(--ptl-default-border-radius) !important;
    min-width:120px;
    min-height:2rem;
    margin:0 4px;
    background-color: var(--ptl-primary900-background-color) !important;
    --va-background-color: var(--ptl-primary900-background-color) !important;
    height:2rem;
}
.va-modal__footer button.va-modal__default-cancel-button{
    color:#fff !important;
    border:1px solid #80899D !important;
    border-radius: var(--ptl-default-border-radius) !important;
    min-width:calc(50% - 6px);
    background-color: var(--ptl-gray500-background-color) !important;
    --va-background-color: var(--ptl-gray500-background-color) !important;
    margin-right:0;
}


.va-modal__footer .va-modal__default-cancel-button{
  font-size:14px;
}
.va-modal__message form, .va-modal__message div{
  text-align: left;
}
button.va-button{
  height:24px;
  min-height: 24px;
  padding: 4px 8px;
}
.va-button--normal .va-button__content{
  font-size:0.75rem;

}
.va-button--normal .va-button__content
.va-modal__dialog .row-gap-2 {
  row-gap: 1rem !important;
  /*margin-left:calc(-1.0 * var(--bs-gutter-x));
        margin-right:calc(-1.0 * var(--bs-gutter-x))*/
}

.va-modal__dialog .va-modal__message hr {
  border: none;
  height: 1px;
  background-color: #e4e5e9;
  margin: 0.25rem 0;
  opacity: 1;
}
.va-modal__dialog .ptl-va-modal__btn_wrapper {
  padding-top: 1rem;
  border-top: 1px solid #e4e5e9;
  margin:1rem 0 0 !important;
  justify-content: center !important;
  display:flex;
}
.va-modal__dialog .ptl-va-modal__btn_wrapper .col-12 {
  display: flex;
  justify-content: center !important;
  flex-direction: row-reverse;
}
.va-modal__dialog .ptl-va-modal__btn_wrapper .col-12 button {
  margin: 0 2px;
  width: 80px;
  text-align: center;
  font-size: var(--ptl-font-size-13);
  border-radius: var(--ptl-default-border-radius);
  border: 0;
  box-sizing: border-box;
  min-height: 2rem;
}
.va-modal__dialog .ptl-va-modal__btn_wrapper .col-12 button .va-button__content , .va-modal__dialog .va-button--normal .va-button__content{
  font-size: var(--ptl-font-size-13) !important;
  padding: 0 !important;
  line-height: 1rem !important;
}
.va-modal__dialog .ptl-va-modal__btn_wrapper .col-12 button.ptl-popup-btn-confirm, .va-modal__dialog .ptl-btn-save{
  --va-background-color: var(--ptl-primary900-background-color) !important;
  background-color: var(--ptl-primary900-background-color) !important;
  color: #fff !important;
  font-size:var(--ptl-font-size-13);
  border:none !important;
}
.va-modal__dialog .ptl-va-modal__btn_wrapper{
  gap:0 !important;
}
.va-modal__dialog  button.ptl-btn-save{
  min-width:120px !important;
}
.va-modal__dialog  .ptl-va-modal__btn_wrapper button.ptl-btn-delete{
  min-width:120px !important;
  background-color: #ff4646 !important;
  --va-background-color:#ff4646 !important;
  border:1px solid #ff4646 !important;
}
.va-modal__dialog .ptl-btn-save:before, .va-modal__dialog .ptl-btn-item:before{
  display:none;
}
.va-modal__dialog .ptl-va-modal__btn_wrapper .col-12 button.ptl-popup-btn-close {
   --va-background-color: var(--ptl-gray500-background-color) !important;
  background-color: var(--ptl-gray500-background-color) !important;
  color: #fff !important;
  border:none !important;
}
.va-date-input__dropdown-content{
  padding: 0.75rem;
}
.va-date-picker-cell_selected{
  background-color: var(--ptl-primary900-background-color) !important;
  border-radius: 50%;
}
.va-day-picker__calendar__day-wrapper:hover{
  background-color:var(--ptl-primary25-background-color) !important;
  border-radius: 50%;
}
.va-date-picker__header__text span{
  font-size:0.875rem;
  font-weight: 500;
}
.va-date-picker-header  .va-icon{
  font-size:24px !important;
  width:24px !important;
  height:24px !important;
  line-height:24px !important;
  color:var(--ptl-gray300-color) !important;
}
.ptl-modal_text{
  font-size:var(--ptl-font-size-12);
  padding:1rem 20px 0;
}
.ptl-modal-va-card .va-card__title{
  display: block; 
    align-items: center; 
    font-size: 1rem; 
    letter-spacing: 0; 
    line-height: 1.2; 
    text-transform: uppercase; 
    padding:12px 20px;
    height:48px;
    border-bottom:1px solid #e4e5e9;
}
.ptl-modal-va-card .ptl-modal-content{
  padding:0 0 1rem 0;
  margin:0;
}
/*drop-down*/
.va-dropdown__content {
  box-shadow: none !important;
  border: 1px solid #a3aab8;
  border-radius: var(--ptl-default-border-radius);
  display: block !important;
  top: 2px !important;
}
.va-select-option {
  font-weight: 500;
  min-width: 28px;
  padding: 8px 12px;
  font-family: var(--ptl-font-family);
  min-height: auto;
  height: auto;
}
.va-select-option--selected {
  background-color: var(--ptl-primary25-background-color) !important;
}
.va-select-option:hover {
  background-color: var(--ptl-gray25-background-color) !important;
}
.va-select-dropdown__options-wrapper {
  overflow-y: auto;
  scrollbar-color: var(--ptl-gray300-background-color);
  min-height: 1.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 4px 0;
}
.va-dropdown__content .va-input-wrapper--focused {
  --va-input-wrapper-border-color: transparent;
}
.va-message-list__message {
  font-size: 0.75rem;
  font-family: var(--ptl-font-family);
}

/*first-tab*/
.ptl-primary-tab-wrapper {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  width: 100%;
  border-color: #babfca;
}
.ptl-primary-tab-wrapper .va-tabs__container {
  margin: 0;
  height: 2.25rem;
}
.ptl-primary-tab-wrapper .va-tabs__slider-wrapper {
  display: none;
}
.ptl-primary-tab-wrapper .va-tabs__tabs {
  position: relative;
  bottom: -1px;
}
.ptl-primary-tab-wrapper .va-tabs__tabs-items {
  display: inline-flex;
  overflow: hidden;
  border-left-width: 1px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-style: solid;
  border-top-style: solid;
  border-right-style: solid;
  border-radius: 4px 4px 0 0;
  border-color: #babfca;
}
.ptl-primary-tab-wrapper .va-tabs__tabs-items .va-tab {
  margin-left: -1px;
  border-left-width: 1px;
  border-left-style: solid;
  font-size: 0.8125rem;
  border-color: #babfca;
  color: var(--ptl-gray500-color) !important;
  background-color: var(--ptl-gray25-background-color);
  line-height: 1.25rem;
  font-weight: 600;
}

.ptl-primary-tab-wrapper .va-tabs__tabs-items .va-tab[aria-selected='true'] {
  background-color: #fff;
  color: var(--ptl-primary900-color) !important;
}
.ptl-primary-tab-wrapper .va-tabs__tabs-items .va-tab .va-tab__content {
  height: auto;
  padding: 0.5rem 1rem;
}
.ptl-secendary-tab-wrapper {
  margin-bottom: 0.5rem !important;
}
.ptl-secendary-tab-wrapper .va-tabs__tabs{
  border-bottom:1px solid #e4e5e9

}
.ptl-secendary-tab-wrapper .va-tabs__slider-wrapper {
  background-color: var(--ptl-primary900-background-color) !important;
  /*transform: translateY(1px) translateX(80px) !important;*/
}
.ptl-secendary-tab-wrapper .va-tabs__container {
  margin: 0;
  height: 2.25rem;
}
.ptl-secendary-tab-wrapper .va-tabs .va-tabs__container .va-tabs__tabs {
  border-bottom: 1px solid #babfca;
}
.ptl-secendary-tab-wrapper .va-tabs__tabs-items .va-tab {
  font-size: 0.8125rem;
  color: var(--ptl-gray500-color) !important;
  line-height: 1.25rem;
  font-weight: 600;
  border-bottom:2px solid transparent
}

.ptl-secendary-tab-wrapper .va-tabs__tabs-items .va-tab[aria-selected='true'] {
  border-bottom: 1px solid #00287a;
  color: var(--ptl-primary900-color) !important;
}
.ptl-secendary-tab-wrapper .va-tabs__tabs-items .va-tab .va-tab__content {
  height: auto;
  padding: 0.5rem;
}


.ptl-right-detail-wrapper {
  border: 1px solid #e4e5e9;
  border-radius: var(--ptl-default-border-radius);
  padding: 0;
  margin-left:1rem;
}
.ptl-right-detail-wrapper  .ptl-btn-item:before{
  display: none !important;
  padding:2px 8px 2px 8px !important;
}
.col-4.ptl-right-detail-wrapper {
 width: calc(33.33333333% - 1rem);
}
.col-5.ptl-right-detail-wrapper {
 width: calc(41.66666667% - 1rem);
}
.col-6.ptl-right-detail-wrapper {
 width: calc(50% - 1rem);
}
.col-7.ptl-right-detail-wrapper {
 width: calc(58.33333333% - 1rem);
}
.col-8.ptl-right-detail-wrapper {
 width: calc(66.66666667% - 1rem);
}
.ptl-right-detail-wrapper .ptl-right-detail-title {
  background-color: var(--ptl-gray25-background-color);
  color: var(--ptl-gray950-color);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 32px;
  border-bottom: 1px solid #d2d4dc;
  padding: 0 12px;
  position: relative;
  font-family: var(--ptl-font-family);
}
.ptl-right-detail-wrapper .ptl-right-detail-close {
}
.ptl-right-detail-wrapper .ptl-right-detail-wrap {
  padding: 8px 12px;
}
.ptl-right-detail-wrapper .ptl-secendary-tab-wrapper:after{
  content: '';
  height:1px;
  width:100%;
  background-color:var(--ptl-gray100-background-color);
  position: absolute;
  bottom:0;
}
.ptl-bottom-btn-wrapper{
  margin-top:1rem;
}
.ptl-close-btn-wrapper{
  margin:0 auto;
}
.index-menu.grid-list  ul{
  padding:0;
}
.index-menu.grid-list ul li{
  padding:1rem 0.75rem;
}
/*approval*/
.ptl-approval-wrapper{
 margin-bottom:0.25rem; 
}
.ptl-approval-item-wrapper{
  display: flex;
  align-items: stretch;
  font-size:var(--ptl-font-size-12);
  gap:0.5rem;
  margin-bottom:0.25rem;
  font-weight: 500;
}

.ptl-approval-item-wrapper p{
  margin-bottom:0.1rem;
}
.ptl-approval-item-wrapper>div{
  border-radius: var(--ptl-default-border-radius);
  border:1px solid #e4e5e9;
  padding:8px 12px ;
}
.ptl-approval-step, .ptl-approval-inform-wrapper .ptl-approval-inform{
  width:100px;
  text-align: center;
  /*
  display: flex;
  flex-direction: column; 
  justify-content: center;  
  */
  background: #fff;
}

.ptl-approval-step-empty{
  width:100px;
  border:0 !important;
}
.ptl-approval-inform{
  padding:8px 12px !important;
}

.ptl-approval-step p:first-child, .ptl-approval-inform p:first-child{
  font-size:var(--ptl-font-size-13);
  font-weight: 700;
}
.ptl-approval-step p:nth-of-type(2), .ptl-approval-inform p:nth-of-type(2){
  font-size:var(--ptl-font-size-14);
  color:var(--ptl-gray600-color)
}
.ptl-approval-step p span{
  color:var(--ptl-primary600-color);
}
.ptl-approval-user{
  width: 400px;
  /*
    display: inline-flex;
  flex-direction: column; 
  justify-content: center;  */
  background-color: #fff;
}
.ptl-approval-coment{
  flex:1;
  width:100%;
  border-radius: var(--ptl-default-border-radius);
    font-size:var(--ptl-font-size-12);
  color:var(--ptl-gray950-color);
  box-sizing: border-box;
  background-color: #fff;
   border-radius: var(--ptl-default-border-radius);
  border:1px solid #e4e5e9;
  padding:8px 12px;
}
.ptl-approval-item-wrapper>div.ptl-approval-time{
  padding:0;
  border:0;
}
.ptl-approval-time{
  width: 180px;
}
.ptl-approval-time-input{
  position: relative;
  display: flex;
  align-items: baseline;
  margin-top:12px;
}
.ptl-approval-time-input .va-input-wrapper__container:after{
  content: "Hours";
  font-size:12px;
  color:var(--ptl-gray600-color);
  display: inline-block;
  margin-left:4px
}
.ptl-approval-time-input .va-input-wrapper__container{
  width:calc(100% - 70px);
}
.ptl-approval-btn-save{
  background-color: var(--ptl-primary900-background-color) !important;
  border:1px solid #00287a !important;
  height:26px !important;
  position: absolute !important;
  bottom:0;
  right:0;
}
.ptl-approval-time .flex{
  justify-content: space-between;
}
.ptl-approval-coment .va-input-wrapper .va-input-wrapper__field{
  border-color:transparent;
  padding:0 !important;
}
.ptl-approval-active .ptl-approval-coment textarea{
  height: 60px;
}
.ptl-approval-coment textarea{
  height: 36px;
}
.ptl-approval-result{
  width:140px;
   display: flex;
   flex-direction: column; 
  justify-content: center;   
   text-align: center;
}
.ptl-approval-result .va-badge{
  margin:0 auto 0.25rem
}
.ptl-approval-result .va-badge{
border-radius: 4px;
}
[aria-labelledby="APPROVED"] .va-badge__text-wrapper{
  background-color:var(--ptl-primary600-color) !important;
  border-color:#0052F5 !important;
  
}
[aria-labelledby="PENDING"] .va-badge__text-wrapper{
  background-color:#efad06 !important;
  border-color:#efad06 !important;
  color:var(--ptl-gray950-color);
  
}
[aria-labelledby="REJECT"] .va-badge__text-wrapper{
  background-color:#ff4646 !important;
  border-color:#ff4646 !important;  
}
[aria-labelledby="RETURNED"] .va-badge__text-wrapper{
  background-color:#f98016 !important;
  border-color:#f98016 !important;  
}
[aria-labelledby="ASSIGNED"] .va-badge__text-wrapper{
  background-color:var(--ptl-gray500-background-color) !important;
  border-color:#80899d !important;  
}
[aria-labelledby="REVIEWED"] .va-badge__text-wrapper{
  background-color:var(--ptl-primary900-background-color) !important;
  border-color:#00287a !important;  
}
.ptl-approval-result .va-badge .va-badge__text-wrapper span{
  font-size:10px;
  padding:0px 4px;  
  display: block;
  font-weight: 600;
  
}
.ptl-approval-result span.flex-col{
  color:var(--ptl-gray500-color) !important;
  margin-left:0 !important;
  font-size:11px !important;
  line-height: 12px;
}
.ptl-approval-item-wrapper .name{
  font-weight: 600;
  font-size:var(--ptl-font-size-13);
  display: inline;
  position: relative;
  margin-right:0.8rem;
  white-space: nowrap;
}
.ptl-approval-item-wrapper .name:after{
  content: '';
  display:inline;
  width: 1px;
  height:10px;
  background-color: var(--ptl-gray300-background-color);
  position: absolute;
  right:-0.4rem;
  margin-top:3px;
}
.ptl-approval-inform-wrapper .ptl-approval-item-wrapper .name:after{
  display:none;
}
.ptl-approval-item-wrapper .ptl-inform-item .name{
  font-weight: 600;
  font-size:var(--ptl-font-size-12);
}
.ptl-approval-item-wrapper .teams{
  color:var(--ptl-primary600-color);
  display: inline-flex; 
  flex-wrap: wrap;     
  align-items: baseline;
  gap: 4px;
  white-space: normal; 
}
.ptl-approval-item-wrapper .position{
  color:var(--ptl-gray600-color);
  font-size:11px;
  line-height: 14px;
  margin-bottom:0;
  margin-top:0.125rem;
}
.ptl-approval-inform-wrapper{
  margin-top:0.5rem;
  border-top:1px dashed #e4e5e9;
  padding-top:0.7rem;
}
.ptl-approval-inform-wrapper .ptl-approval-item-wrapper>div{
  border-radius:0;
  border:none;
  padding:0;
}

.ptl-approval-inform-wrapper  .ptl-approval-inform{
 border:1px solid #e4e5e9 !important;
 border-radius: var(--ptl-default-border-radius) !important;
 min-height: 80px !important;
}
.ptl-approval-inform-wrapper  .ptl-approval-inform div{
  margin-top:0 
}
.ptl-inform-user-wrapper{
  display: grid;
  gap:0.5rem;
  flex:1;
  grid-template-columns: repeat(4, 1fr); 
}
.ptl-inform-user-wrapper .ptl-inform-item{
  width: 100%;
  padding:8px 12px;
  background-color: #fff;
   border-radius: var(--ptl-default-border-radius);
    white-space: normal;     
  word-wrap: break-word;    
  overflow-wrap: anywhere;
  border:1px solid #e4e5e9;  
}
.ptl-inform-user-wrapper .ptl-inform-item .name{
  display: block;
}
.ptl-inform-delete{
  cursor: pointer;
}
.ptl-inform-delete.va-badge--floating .va-badge__text-wrapper{
  position: static;
}
.ptl-inform-delete span{
  color:#ff4646;
  border:0;
  padding:0;
}

.ptl-approval-active{
   background-color: var(--ptl-primary50-background-color);
  padding:8px 12px  4px ;
   border-radius: var(--ptl-default-border-radius);
   white-space: normal;     
  word-wrap: break-word;    
  overflow-wrap: anywhere;
  align-items: center;
  justify-content: center; /* 가로 가운데 정렬 */
  align-items: center; 
}


.ptl-approval-active .ptl-approval-step{
  background-color: #fff;
  padding:8px 12px;
  width:88px;
  text-align: center;
}
.ptl-approval-active .ptl-approval-item-wrapper>div:first-child{
  width: 88px;
}
.ptl-approval-step div, .ptl-approval-inform div{
  margin-top:0 !important
}
.ptl-approval-active .ptl-approval-btn{
  border:0;
  padding:0;
}
.ptl-approval-btn p{
  display: flex;
  gap:0.5rem;
  align-self: center;  
}
.ptl-approval-btn .va-input-wrapper__size-keeper{
  width:168px;
  padding-bottom:0.25rem;
}
.ptl-approval-btn .ptl-btn-item{
  display: block;
  height:60px;
  width:80px;
}
.ptl-approval-btn .ptl-btn-item .va-button__content{
  height: auto;
  padding-top:0.5rem;
   justify-content: center;
}
.ptl-approval-btn .ptl-btn-item:before{
  margin-right:0;
  font-size:1.25rem;
 
}
/*button*/
.ptl-btn-medium{
    font-family: var(--ptl-font-family);
    font-size: 0.75rem !important;
    line-height: 1rem !important;
    font-weight: 500;
    border-radius: var(--ptl-default-border-radius);
    padding:4px 12px;
    min-height:24px;
}
.ptl-btn-primary{
    background-color: var(--ptl-primary900-background-color) !important;
    color:#fff !important;
    --va-background-color:var(--ptl-primary900-background-color) !important;
}
button.ptl-btn-large, .ptl-btn-sendEmail{
    font-family: var(--ptl-font-family);
    font-size: 1rem !important;
    line-height: 1rem !important;
    font-weight: 500;
    border-radius: var(--ptl-default-border-radius);
    padding:0.5rem 3rem 0.5rem 3rem;
    min-height:36px !important;
    white-space: nowrap;
}
button.ptl-btn-large .va-button__content{
  font-size:0.875rem !important;
}
.ptl-btn-bottom-rejected{
  background-color:#ff4646 !important;
  color:#fff !important;
  border:1px solid #ff4646
}
.ptl-btn-bottom-returned{
  background-color:var(--ptl-gray100-background-color) !important;
  color:var(--ptl-gray600-color) !important;
  border:1px solid #E4E5E9;
}
.ptl-btn-bottom-approved, .ptl-btn-sendEmail{
  background-color:var(--ptl-primary900-background-color) !important;
  color:#fff !important;
}
.ptl-btn-bottom-rejected:before {
    content: "\e906" !important;
    background: transparent !important;
}
.ptl-btn-bottom-returned:before {
    content: "\e941" !important;
    background: transparent !important;
    transform: rotate(160deg)
}
.ptl-btn-bottom-approved:before {
    content: '';
    background: transparent url(images/icon_approval.svg) !important;
    width: 1rem !important;
    height: 1rem !important;
    display: block;
    background-size: 1rem !important;
}
.ptl-teams-icon{
  font-size:0 !important;
  margin-left:-2px;
}
.ptl-teams-icon:before{
  content: '';
    background: transparent url(images/icon_teams.png) !important;
    width: 1rem !important;
    height: 1rem !important;
    display: block;
    background-size: 1rem !important;
    margin-left:-0.25rem;
}
/*
.ag-body-horizontal-scroll-viewport::-webkit-scrollbar-track {
  border: 1px solid #E4E5E9;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    background: #f8f9fa
}
.ag-body-vertical-scroll-viewport::-webkit-scrollbar-track {
  border: 1px solid #E4E5E9;
    border-bottom: 0;
    border-top: 0;
    border-right: 0;
    background: #f8f9fa
}

.ag-body-horizontal-scroll-viewport::-webkit-scrollbar {
  height: 12px;
}
.ag-body-vertical-scroll-viewport::-webkit-scrollbar {
  width: 12px;
}


::-webkit-scrollbar-track {
  background: #f8f9fa;
}

.ag-body-vertical-scroll::-webkit-scrollbar-thumb {
  background-color: #000 !important;
}
.va-scroll-container::-webkit-scrollbar-thumb {
    background: #000;
    opacity: .3;
    border-radius: 2px;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}
*/
.text-wrap h4{
  font-size:1.25rem;
  font-weight: 700;
  color:var(--ptl-primary900-color);
  margin-bottom:1rem;
}
.text-wrap p{
  font-size:12px;
  font-weight: 500;
  color:var(--ptl-gray900-color);
  margin-bottom:0.5rem;
}
.text-wrap  .flex a{
  margin:0.25rem 0.5rem 2rem 0;
}
/*print*/
@media print {
  input,
  textarea,
  select,
  .ptl-print-wrapper .va-input-wrapper__field {
    border: none !important;       
    box-shadow:none !important; 
    outline: none !important;      
    background: transparent !important; 
  }
  .ag-icon.ag-icon-filter{
    display:none;
  }  
}
.ptl-print-wrapper .va-input-wrapper__field {
  border-color:transparent;
  border:0 solid #fff !important;
}
.ptl-print-wrapper .ag-icon.ag-icon-filter, .ptl-print-wrapper .ptl-approval-inform-wrapper .va-icon,
.ptl-print-wrapper .va-input-wrapper__field .va-icon{
    display:none;
  }
.ptl-print-wrapper .gus-uc.flex.items-center.space-x-3 .va-input-wrapper input{
  margin:0;
  padding:0;
  line-height: 20px;
}
.ptl-print-wrapper .va-input-wrapper__field:after{
  background-color:transparent !important;
}
.ptl-print-wrapper.ptl-sub-content-wrap .va-input-wrapper__container .va-input-wrapper__field{
  padding:2px 0 0;
}
.ptl-print-wrapper .va-input-wrapper__field .va-input-wrapper__text span{
  color:#000;
}
.ptl-print-wrapper.ptl-sub-content-wrap .va-card .va-card-title{
  background-color: transparent !important;
  padding:2px 0 0 !important;
}
.ptl-print-wrapper .gus-card-title-fold{
  display: none;
}
.ptl-print-wrapper.ptl-sub-content-wrap .va-card .va-card-title span{
 margin-left:0;
 color:#000 !important;
}
.ptl-print-wrapper.ptl-sub-content-wrap .va-card .va-card-title span:before{
  display:none;
 
}
.ptl-print-wrapper.ptl-sub-content-wrap{
  box-shadow: none;
}
.ptl-print-wrapper .va-card--stripe{
  border-bottom:1px dashed #eee;
}
.ptl-print-wrapper .gap-4, .ptl-print-wrapper.ptl-sub-content-wrap .va-card .va-card__content .gap-2,
.ptl-print-wrapper.ptl-sub-content-wrap .row-gap-2{
  gap:0.6rem !important;
}
body .ptl-print-wrapper .va-input-label{
  margin-bottom:3px !important;
}
.fc .fc-myAddBtn-button, .fc .fc-myListBtn-button, .fc .fc-today-button{
  font-size:var(--ptl-font-size-12);
  font-weight: 500;  
  width: 60px;
  height:24px;
  padding:0;
  text-transform: uppercase;
}
.fc .fc-myAddBtn-button, .fc .fc-myAddBtn-button:hover{
  background-color:var(--ptl-primary900-background-color);
  border:1px solid #00287a;
  
}
.fc .fc-myListBtn-button, .fc .fc-myListBtn-button:hover{
  background-color:var(--ptl-gray500-background-color);
  border:1px solid #80899d;
}
.fc .fc-today-button, .fc .fc-today-button:hover{
  background-color:var(--ptl-primary25-background-color) !important;
  border:1px solid #EBF1FF !important;
  color:var(--ptl-primary900-color) !important;
  opacity: 1 !important;
}
.fc .fc-next-button, .fc .fc-prev-button, .fc .fc-next-button:hover, .fc .fc-prev-button:hover{
  background-color: #fff;
  border:1px solid #babfca;
  padding:0 4px;
}
.fc .fc-next-button .fc-icon, .fc .fc-prev-button .fc-icon{
  font-size:1rem;
  color:var(--ptl-gray600-color)
}
.fc-icon-chevron-right:before, .fc-icon-chevron-left:before{
  display: flex;
  margin-top:-1px
}
.fc-direction-ltr .fc-toolbar>*>:not(:first-child){
  margin-left:.5em;
}
.fc-header-toolbar .fc-button-group{
  padding-left:.25rem;
}
.fc-h-event{
  background-color:var(--ptl-primary600-background-color) !important;
  border:1px solid #EBF1FF !important;
  color:var(--ptl-primary900-color) !important;
}
body .fc-event-main .va-input-label{
  margin:4px !important;
}
.vsp-wrapper--active .ptl-inform-user-wrapper .ptl-inform-item{
  width: 100%;
}
.template-page .ptl-sub-content-wrap  {
 box-shadow: none !important;
 padding:1rem 0.5rem 0 0;
}
/*calendar*/
:root,
:host {
  --ck-image-processing-background-color:#F0F1F3 !important;

  --va-background-element: #F0F1F3; /*input readonly*/
  --va-input-wrapper-width: var(--va-form-element-default-width);
  --va-input-wrapper-color: var(--va-primary);
  --va-input-wrapper-background: var(--va-background-element, #F0F1F3); /*input readonly*/
  --va-input-wrapper-background-opacity: 1;

  --ptl-default-border-radius: 4px;
  --ptl-content-padding: 12px;

  --ptl-btn-medium: 1.5rem;

  --ptl-font-family: 'roboto', sans-serif !important;

  --ptl-gray950-color: #121417;
  --ptl-gray900-color: #2c313a;
  --ptl-gray800-color: #3e4451;
  --ptl-gray700-color: #586173;
  --ptl-gray600-color: #667085;
  --ptl-gray500-color: #80899d;
  --ptl-gray400-color: #a3aab8;
  --ptl-gray300-color: #babfca;
  --ptl-gray200-color: #d2d4dc;
  --ptl-gray100-color: #e4e5e9;
  --ptl-gray50-color: #f0f1f3;
  --ptl-gray25-color: #f8f9fa;

  --ptl-gray950-background-color: #121417;
  --ptl-gray900-background-color: #2c313a;
  --ptl-gray800-background-color: #3e4451;
  --ptl-gray700-background-color: #586173;
  --ptl-gray600-background-color: #667085;
  --ptl-gray500-background-color: #80899d;
  --ptl-gray400-background-color: #a3aab8;
  --ptl-gray300-background-color: #babfca;
  --ptl-gray200-background-color: #d2d4dc;
  --ptl-gray100-background-color: #e4e5e9;
  --ptl-gray50-background-color: #f0f1f3;
  --ptl-gray25-background-color: #f8f9fa;

  --ptl-primary950-color: #001b52;
  --ptl-primary900-color: #00287a;
  --ptl-primary800-color: #0036a3;
  --ptl-primary700-color: #0044cc;
  --ptl-primary600-color: #0052f5;
  --ptl-primary500-color: #2068ff;
  --ptl-primary400-color: #4784ff;
  --ptl-primary300-color: #6fa0ff;
  --ptl-primary200-color: #99bbff;
  --ptl-primary100-color: #c2d6ff;
  --ptl-primary50-color: #d9e6ff;
  --ptl-primary25-color: #ebf1ff;
  --ptl-primary10-color: #F8FAFD;

  --ptl-primary950-background-color: #001b52;
  --ptl-primary900-background-color: #00287a;
  --ptl-primary800-background-color: #0036a3;
  --ptl-primary700-background-color: #0044cc;
  --ptl-primary600-background-color: #0052f5;
  --ptl-primary500-background-color: #2068ff;
  --ptl-primary400-background-color: #4784ff;
  --ptl-primary300-background-color: #6fa0ff;
  --ptl-primary200-background-color: #99bbff;
  --ptl-primary100-background-color: #c2d6ff;
  --ptl-primary50-background-color: #d9e6ff;
  --ptl-primary25-background-color: #ebf1ff;
  --ptl-primary10-background-color: #F8FAFD;

  --ptl-fontsize12-font-size: 0.75rem;
  --ptl-fontsize14-font-size: 0.875rem;

  --ptl-lineheight18-line-height: 1.125rem;

  --ptl-font-size-14: 0.875rem;
  --ptl-font-size-13: 0.8125rem;
  --ptl-font-size-12: 0.75rem;
  --ptl-font-size-11: 0.6875rem;
}
.va-message-list-wrapper {
  /*icon*/
  --va-flex-direction: row;
  --va-icon-computed-styles-border-color: #00287a !important;
  --va-icon-dot-computed-styles-border-color: #00287a !important;
  --va-icon-dot-computed-styles-background-color: #00287a !important;
  --va-icon-background-computed-styles-background-color: #00287a !important;

  /*font-size: 0.83rem;*/
}

@media (max-width: 1460px) {
  .info-wrapper {
    width: auto !important;
  }
  .fourth-forms .index-forms .chips-pr{
    font-size:1rem;
  }
}
@media (max-width: 1199px) {
  .sub-content .right-wrapper{
    width:300px;
    min-width:300px;
  }
  .bookmark .form-detail{
    width: 50%;
  }
  .bookmark .form-detail:last-child{
    display:none;
  }
  .sub-content .left-wrapper{
    width: calc(100% - 300px);
  }
  .ptl-inform-user-wrapper .ptl-inform-item{
  width: calc(100% / 4);
  }
}