/**
  Kibo Custom Style
 */

/**
  Width Percentage
 */
.w5p {width:5%!important;}
.w10p {width:10%!important;}
.w15p {width:15%!important;}
.w20p {width:20%!important;}
.w25p {width:25%!important;}
.w30p {width:30%!important;}
.w35p {width:35%!important;}
.w40p {width:40%!important;}
.w45p {width:45%!important;}
.w50p {width:50%!important;}
.w55p {width:55%!important;}
.w60p {width:60%!important;}
.w65p {width:65%!important;}
.w70p {width:70%!important;}
.w75p {width:75%!important;}
.w80p {width:80%!important;}
.w85p {width:85%!important;}
.w90p {width:90%!important;}
.w95p {width:95%!important;}
.w-full {width:100%!important;}

/**
  max Width
 */
.max-w50 {max-width:50px!important;}
.max-w100 {max-width:100px!important;}
.max-w150 {max-width:150px!important;}
.max-w200 {max-width:200px!important;}
.max-w250 {max-width:250px!important;}
.max-w300 {max-width:300px!important;}
.max-w350 {max-width:350px!important;}
.max-w400 {max-width:400px!important;}
.max-w450 {max-width:450px!important;}
.max-w500 {max-width:500px!important;}

/**
  Fixed height
 */
.h100px {height:100px;}
.h150px {height:150px;}
.h200px {height:200px;}
.h250px {height:250px;}
.h300px {height:300px;}
.h350px {height:350px;}
.h400px {height:400px;}

/**
  Zero padding
 */
.p-0 {padding:0!important;}
.px-0 {padding-left:0!important;padding-right:0!important;}
.py-0 {padding-top:0!important;padding-bottom:0!important;}

/**
  Cursor
 */
.cursor-pointer {cursor:pointer;}
.cursor-auto {cursor:auto;}
.cursor-default {cursor:default;}
.cursor-wait {cursor:wait;}
.cursor-text {cursor:text;}
.cursor-move {cursor:move;}
.cursor-help {cursor:help;}
.cursor-not-allowed {cursor:not-allowed;}
.cursor-default-important {cursor:default !important;}

/**
  Break-word
 */
.break-normal {word-break: normal;overflow-wrap: normal;}
.break-words {word-break: break-word;}
.break-all {word-break:break-all}
.break-keep-all {word-break: keep-all;}

/**
  Grid
 */
.grid-container {display: grid;border-bottom: 1px solid #d8d8d8;}
/**
  Grid Auto Flow
 */
.grid-container.grid-flow-row {grid-auto-flow: row;}
.grid-container.grid-flow-col {grid-auto-flow: column;}
.grid-container.grid-flow-dense {grid-auto-flow: dense;}
.grid-container.grid-flow-row-dense {grid-auto-flow: row dense;}
.grid-container.grid.flow-col-dense {grid-auto-flow: column dense;}
/**
  Grid Align Items
 */
.grid-container.items-start {align-items: flex-start;}
.grid-container.items-end {align-items: flex-end;}
.grid-container.items-center {align-items: center;}
.grid-container.items-baseline {align-items: baseline;}
.grid-container.items-stretch {align-items: stretch;}

.grid-container > div {padding: 3px 5px;vertical-align: middle;text-align: center;}

.grid-container > .grid-header {width: 100%;color: #000;border-bottom: 1px solid #ccc;font-size: 16px;background: #eef1f9;border-right: 1px solid #d3d9dd;}
.grid-container > .grid-header.sub-header {background: #f2f3f4;color: #222;font-weight: 500;}
.grid-container > .grid-item {border-right: 1px solid #d3d9dd;border-bottom: 1px solid #d3d9dd;}

/**
  Define Grid Column Count
 */
.grid-container.grid-cols-1 {grid-template-columns: repeat(1, minmax(auto, 1fr));}
.grid-container.grid-cols-2 {grid-template-columns: repeat(2, minmax(auto, 1fr));}
.grid-container.grid-cols-3 {grid-template-columns: repeat(3, minmax(auto, 1fr));}
.grid-container.grid-cols-4 {grid-template-columns: repeat(4, minmax(auto, 1fr));}
.grid-container.grid-cols-5 {grid-template-columns: repeat(5, minmax(auto, 1fr));}
.grid-container.grid-cols-6 {grid-template-columns: repeat(6, minmax(auto, 1fr));}
.grid-container.grid-cols-7 {grid-template-columns: repeat(7, minmax(auto, 1fr));}
.grid-container.grid-cols-8 {grid-template-columns: repeat(8, minmax(auto, 1fr));}
.grid-container.grid-cols-9 {grid-template-columns: repeat(9, minmax(auto, 1fr));}
.grid-container.grid-cols-10 {grid-template-columns: repeat(10, minmax(auto, 1fr));}
.grid-container.grid-cols-11 {grid-template-columns: repeat(11, minmax(auto, 1fr));}
.grid-container.grid-cols-12 {grid-template-columns: repeat(12, minmax(auto, 1fr));}
.grid-container.grid-cols-none {grid-template-columns: none;}

.grid-cols-1 {grid-template-columns: repeat(1, minmax(auto, 1fr));}
.grid-cols-2 {grid-template-columns: repeat(2, minmax(auto, 1fr));}
.grid-cols-3 {grid-template-columns: repeat(3, minmax(auto, 1fr));}
.grid-cols-4 {grid-template-columns: repeat(4, minmax(auto, 1fr));}
.grid-cols-5 {grid-template-columns: repeat(5, minmax(auto, 1fr));}
.grid-cols-6 {grid-template-columns: repeat(6, minmax(auto, 1fr));}
.grid-cols-7 {grid-template-columns: repeat(7, minmax(auto, 1fr));}
.grid-cols-8 {grid-template-columns: repeat(8, minmax(auto, 1fr));}
.grid-cols-9 {grid-template-columns: repeat(9, minmax(auto, 1fr));}
.grid-cols-10 {grid-template-columns: repeat(10, minmax(auto, 1fr));}
.grid-cols-11 {grid-template-columns: repeat(11, minmax(auto, 1fr));}
.grid-cols-12 {grid-template-columns: repeat(12, minmax(auto, 1fr));}
.grid-cols-none {grid-template-columns: none;}

/**
  Remove Right border each last row column
 */
.grid-container.grid-cols-1 > div:nth-child(1n) {border-right: none;}
.grid-container.grid-cols-2 > div:nth-child(2n) {border-right: none;}
.grid-container.grid-cols-3 > div:nth-child(3n) {border-right: none;}
.grid-container.grid-cols-4 > div:nth-child(4n) {border-right: none;}
.grid-container.grid-cols-5 > div:nth-child(5n) {border-right: none;}
.grid-container.grid-cols-6 > div:nth-child(6n) {border-right: none;}
.grid-container.grid-cols-7 > div:nth-child(7n) {border-right: none;}
.grid-container.grid-cols-8 > div:nth-child(8n) {border-right: none;}
.grid-container.grid-cols-9 > div:nth-child(9n) {border-right: none;}
.grid-container.grid-cols-10 > div:nth-child(10n) {border-right: none;}
.grid-container.grid-cols-11 > div:nth-child(11n) {border-right: none;}
.grid-container.grid-cols-12 > div:nth-child(12n) {border-right: none;}

/**
  Remove Bottom border all of last row
 */
.grid-container.grid-cols-1 > div:nth-last-child(-n+1) {border-bottom: none;}
.grid-container.grid-cols-2 > div:nth-last-child(-n+2) {border-bottom: none;}
.grid-container.grid-cols-3 > div:nth-last-child(-n+3) {border-bottom: none;}
.grid-container.grid-cols-4 > div:nth-last-child(-n+4) {border-bottom: none;}
.grid-container.grid-cols-5 > div:nth-last-child(-n+5) {border-bottom: none;}
.grid-container.grid-cols-6 > div:nth-last-child(-n+6) {border-bottom: none;}
.grid-container.grid-cols-7 > div:nth-last-child(-n+7) {border-bottom: none;}
.grid-container.grid-cols-8 > div:nth-last-child(-n+8) {border-bottom: none;}
.grid-container.grid-cols-9 > div:nth-last-child(-n+9) {border-bottom: none;}
.grid-container.grid-cols-10 > div:nth-last-child(-n+10) {border-bottom: none;}
.grid-container.grid-cols-11 > div:nth-last-child(-n+11) {border-bottom: none;}
.grid-container.grid-cols-12 > div:nth-last-child(-n+12) {border-bottom: none;}

/**
  Remove Right border each last row column
 */
.col-span-1 {
  grid-column: span 1/span 1
}

.col-span-2 {
  grid-column: span 2/span 2
}

.col-span-3 {
  grid-column: span 3/span 3
}

.col-span-4 {
  grid-column: span 4/span 4
}

.col-span-5 {
  grid-column: span 5/span 5
}

.col-span-6 {
  grid-column: span 6/span 6
}

.col-span-7 {
  grid-column: span 7/span 7
}

.col-span-8 {
  grid-column: span 8/span 8
}

.col-span-9 {
  grid-column: span 9/span 9
}

.col-span-10 {
  grid-column: span 10/span 10
}

.col-span-11 {
  grid-column: span 11/span 11
}

.col-span-12 {
  grid-column: span 12/span 12
}

.col-span-full {
  grid-column: 1/-1
}

/**
  Borderstyle Define
 */
.border-solid {border-style: solid !important;}
.border-dashed {border-style: dashed !important;}
.border-dotted {border-style: dotted !important;}
.border-double {border-style: double !important;}
.border-hidden {border-style: hidden !important;}
.border-none {border-style: none !important;}
.gray-border {border: solid 1px #ccc !important;}

/**
  Rounded Border
 */
.rounded-none {border-radius: 0px;}
.rounded-sm {border-radius: 0.125rem;}
.rounded {border-radius: 0.25rem;}
.rounded-md {border-radius: 0.375rem;}
.rounded-lg {border-radius: 0.5rem;}
.rounded-xl {border-radius: 0.75rem;}
.rounded-2xl {border-radius: 1rem;}
.rounded-3xl {border-radius: 1.5rem;}
.rounded-full {border-radius: 9999px;}

/**
  Display
 */
.block {display: block;}
.inline-block {display: inline-block;}
.inline {display: inline;}

/**
  Override width
 */
@media (min-width: 576px) {
  .p-xlarge {width: 12rem !important;max-width: 100% !important;}
  .p-xxlarge {width: 14rem !important;max-width: 100% !important;}
  .p-xxxlarge {width: 18rem !important;max-width: 100% !important;}
}
@media (min-width: 768px) {
  .p-xlarge {width: 16rem !important;max-width: 100% !important;}
  .p-xxlarge {width: 24rem !important;max-width: 100% !important;}
  .p-xxxlarge {width: 32rem !important;max-width: 100% !important;}
}
@media (min-width: 992px) {
  .p-xlarge {width: 24rem !important;max-width: 100% !important;}
  .p-xxlarge {width: 36rem !important;max-width: 100% !important;}
  .p-xxxlarge {width: 48rem !important;max-width: 100% !important;}
}

/**
  Flex
 */
.flex-container {display:flex!important;border-bottom: 1px solid #d8d8d8;}
.flex-container.flex-1 {flex: 1 1 0%;}
.flex-container.flex-auto {flex: 1 1 auto;}
.flex-container.flex-initial {flex: 0 1 auto;}
.flex-container.flex-none {flex: none;}

/**
  Flex Basis
 */
.flex-container .basis-0 {flex-basis: 0px;}
.flex-container .basis-auto {flex-basis: auto;}
.flex-container .basis-px {flex-basis: 1px;}
.flex-container .basis-half {flex-basis: 50%;}
.flex-container .basis-1fo3 {flex-basis: 33.333333%;}
.flex-container .basis-2of3 {flex-basis: 66.666666%;}
.flex-container .basis-1of4 {flex-basis: 25%;}
.flex-container .basis-2of4 {flex-basis: 50%;}
.flex-container .basis-3of4 {flex-basis: 75%;}
.flex-container .basis-full {flex-basis: 100%;}
.flex-container .basis-1of10 {flex-basis: 10%;}
/**
  Flex Direction
 */
.flex-container.flex-row {flex-direction: row;}
.flex-container.flex-row-reverse {flex-direction: row-reverse;}
.flex-container.flex-col {flex-direction: column;}
.flex-container.flex-col-reverse {flex-direction: column-reverse;}
/**
  Flex Wrap
 */
.flex-container.flex-wrap {flex-wrap: wrap;}
.flex-container.flex-wrap-reverse {flex-wrap: wrap-reverse;}
.flex-container.flex-nowrap {flex-wrap: nowrap;}
/**
  Flex Grow
 */
.flex-container .grow {flex-grow: 1;}
.flex-container .grow-0 {flex-grow: 0;}
.grow {flex-grow: 1;}
.grow-0 {flex-grow: 0;}
/**
  Flex Shrink
 */
.flex-container .shrink {flex-shrink: 1;}
.flex-container .shrink-0 {flex-shrink: 0;}

/**
  Flex And Grid : Common Justify Content
 */
.justify-normal {justify-content: normal;}
.justify-start {justify-content: flex-start;}
.justify-end {justify-content: flex-end;}
.justify-center {justify-content: center;}
.justify-between {justify-content: space-between;}
.justify-around {justify-content: space-around;}
.justify-evenly {justify-content: space-evenly;}
.justify-stretch {justify-content: stretch;}

/**
  Flex And Grid : Common Justify Items
 */
.justify-items-start {justify-items: start;}
.justify-items-end {justify-items: end;}
.justify-items-center {justify-items: center;}
.justify-items-stretch {justify-items: stretch;}

/**
  Flex And Grid : Common Justify Self
 */
.justify-self-auto {justify-self: auto;}
.justify-self-start {justify-self: start;}
.justify-self-end {justify-self: end;}
.justify-self-center {justify-self: center;}
.justify-self-stretch {justify-self: stretch;}

/**
  Flex And Grid : Align Self
 */
.self-auto {align-self: auto;}
.self-start {align-self: flex-start;}
.self-end {align-self: flex-end;}
.self-center {align-self: center;}
.self-stretch {align-self: stretch;}
.self-baseline {align-self: baseline;}

/**
  Font size
 */
.text-xs {font-size:0.75rem; line-height: 1rem;}
.text-sm {font-size:0.875rem; line-height: 1.25rem;}
.text-base {font-size:1rem; line-height: 1.5rem;}
.text-lg {font-size:1.125rem; line-height: 1.75rem;}
.text-xl {font-size:1.25rem; line-height: 1.75rem;}
.text-2xl {font-size:1.5rem; line-height: 2rem;}
.text-3xl {font-size:1.875rem; line-height: 2.25rem;}
.text-4xl {font-size:2.25rem; line-height: 2.5rem;}
.text-5xl {font-size:3rem; line-height: 1;}
.text-6xl {font-size:3.75rem; line-height: 1;}
.text-7xl {font-size:4.5rem; line-height: 1;}
.text-8xl {font-size:6rem; line-height: 1;}
.text-8xl {font-size:8rem; line-height: 1;}

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

.m-0 {
  margin: 0
}

.gap-y-0 {
  grid-row-gap: 0;
  row-gap: 0
}

.gap-y-1 {
  grid-row-gap: .25rem;
  row-gap: .25rem
}

.gap-y-2 {
  grid-row-gap: .5rem;
  row-gap: .5rem
}

.gap-y-3 {
  grid-row-gap: .75rem;
  row-gap: .75rem
}

.gap-y-4 {
  grid-row-gap: 1rem;
  row-gap: 1rem
}

.gap-y-5 {
  grid-row-gap: 1.25rem;
  row-gap: 1.25rem
}

.gap-y-6 {
  grid-row-gap: 1.5rem;
  row-gap: 1.5rem
}

.gap-y-8 {
  grid-row-gap: 2rem;
  row-gap: 2rem
}

.gap-y-10 {
  grid-row-gap: 2.5rem;
  row-gap: 2.5rem
}

.gap-y-12 {
  grid-row-gap: 3rem;
  row-gap: 3rem
}

.gap-y-16 {
  grid-row-gap: 4rem;
  row-gap: 4rem
}

.gap-y-20 {
  grid-row-gap: 5rem;
  row-gap: 5rem
}

.gap-y-24 {
  grid-row-gap: 6rem;
  row-gap: 6rem
}

.gap-y-32 {
  grid-row-gap: 8rem;
  row-gap: 8rem
}

.gap-y-40 {
  grid-row-gap: 10rem;
  row-gap: 10rem
}

.gap-y-48 {
  grid-row-gap: 12rem;
  row-gap: 12rem
}

.gap-y-56 {
  grid-row-gap: 14rem;
  row-gap: 14rem
}

.gap-y-64 {
  grid-row-gap: 16rem;
  row-gap: 16rem
}

.gap-x-0 {
  grid-column-gap: 0;
  column-gap: 0
}

.gap-x-1 {
  grid-column-gap: .25rem;
  column-gap: .25rem
}

.gap-x-2 {
  grid-column-gap: .5rem;
  column-gap: .5rem
}

.gap-x-3 {
  grid-column-gap: .75rem;
  column-gap: .75rem
}

.gap-x-4 {
  grid-column-gap: 1rem;
  column-gap: 1rem
}

.gap-x-5 {
  grid-column-gap: 1.25rem;
  column-gap: 1.25rem
}

.gap-x-6 {
  grid-column-gap: 1.5rem;
  column-gap: 1.5rem
}

.gap-x-8 {
  grid-column-gap: 2rem;
  column-gap: 2rem
}

.gap-x-10 {
  grid-column-gap: 2.5rem;
  column-gap: 2.5rem
}

.gap-x-12 {
  grid-column-gap: 3rem;
  column-gap: 3rem
}

.gap-x-16 {
  grid-column-gap: 4rem;
  column-gap: 4rem
}

.gap-x-20 {
  grid-column-gap: 5rem;
  column-gap: 5rem
}

.gap-x-24 {
  grid-column-gap: 6rem;
  column-gap: 6rem
}

.gap-x-32 {
  grid-column-gap: 8rem;
  column-gap: 8rem
}

.gap-x-40 {
  grid-column-gap: 10rem;
  column-gap: 10rem
}

.gap-x-48 {
  grid-column-gap: 12rem;
  column-gap: 12rem
}

.gap-x-56 {
  grid-column-gap: 14rem;
  column-gap: 14rem
}

.gap-x-64 {
  grid-column-gap: 16rem;
  column-gap: 16rem
}

.gap-x-px {
  grid-column-gap: 1px;
  column-gap: 1px
}

.flex {
  display: flex;
}

.flex-row {
  flex-direction: row
}

.flex-row-reverse {
  flex-direction: row-reverse
}

.flex-col {
  flex-direction: column
}

.flex-col-reverse {
  flex-direction: column-reverse
}

.flex-wrap {
  flex-wrap: wrap
}

.inline-flex {
  display: inline-flex
}

.grid {
  display: grid
}

.inline-grid {
  display: inline-grid
}


.col-gap-0 {
  grid-column-gap: 0;
  column-gap: 0
}

.col-gap-1 {
  grid-column-gap: .25rem;
  column-gap: .25rem
}

.col-gap-2 {
  grid-column-gap: .5rem;
  column-gap: .5rem
}

.col-gap-3 {
  grid-column-gap: .75rem;
  column-gap: .75rem
}

.col-gap-4 {
  grid-column-gap: 1rem;
  column-gap: 1rem
}

.col-gap-5 {
  grid-column-gap: 1.25rem;
  column-gap: 1.25rem
}

.col-gap-6 {
  grid-column-gap: 1.5rem;
  column-gap: 1.5rem
}

.col-gap-8 {
  grid-column-gap: 2rem;
  column-gap: 2rem
}

.col-gap-10 {
  grid-column-gap: 2.5rem;
  column-gap: 2.5rem
}

.col-gap-12 {
  grid-column-gap: 3rem;
  column-gap: 3rem
}

.col-gap-16 {
  grid-column-gap: 4rem;
  column-gap: 4rem
}

.col-gap-20 {
  grid-column-gap: 5rem;
  column-gap: 5rem
}

.col-gap-24 {
  grid-column-gap: 6rem;
  column-gap: 6rem
}

.col-gap-32 {
  grid-column-gap: 8rem;
  column-gap: 8rem
}

.col-gap-40 {
  grid-column-gap: 10rem;
  column-gap: 10rem
}

.col-gap-48 {
  grid-column-gap: 12rem;
  column-gap: 12rem
}

.col-gap-56 {
  grid-column-gap: 14rem;
  column-gap: 14rem
}

.col-gap-64 {
  grid-column-gap: 16rem;
  column-gap: 16rem
}

.col-gap-px {
  grid-column-gap: 1px;
  column-gap: 1px
}

.gap-x-0 {
  grid-column-gap: 0;
  column-gap: 0
}

.gap-x-1 {
  grid-column-gap: .25rem;
  column-gap: .25rem
}

.gap-x-2 {
  grid-column-gap: .5rem;
  column-gap: .5rem
}

.gap-x-3 {
  grid-column-gap: .75rem;
  column-gap: .75rem
}

.gap-x-4 {
  grid-column-gap: 1rem;
  column-gap: 1rem
}

.gap-x-5 {
  grid-column-gap: 1.25rem;
  column-gap: 1.25rem
}

.gap-x-6 {
  grid-column-gap: 1.5rem;
  column-gap: 1.5rem
}

.gap-x-8 {
  grid-column-gap: 2rem;
  column-gap: 2rem
}

.gap-x-10 {
  grid-column-gap: 2.5rem;
  column-gap: 2.5rem
}

.gap-x-12 {
  grid-column-gap: 3rem;
  column-gap: 3rem
}

.gap-x-16 {
  grid-column-gap: 4rem;
  column-gap: 4rem
}

.gap-x-20 {
  grid-column-gap: 5rem;
  column-gap: 5rem
}

.gap-x-24 {
  grid-column-gap: 6rem;
  column-gap: 6rem
}

.gap-x-32 {
  grid-column-gap: 8rem;
  column-gap: 8rem
}

.gap-x-40 {
  grid-column-gap: 10rem;
  column-gap: 10rem
}

.gap-x-48 {
  grid-column-gap: 12rem;
  column-gap: 12rem
}

.gap-x-56 {
  grid-column-gap: 14rem;
  column-gap: 14rem
}

.gap-x-64 {
  grid-column-gap: 16rem;
  column-gap: 16rem
}

.gap-x-px {
  grid-column-gap: 1px;
  column-gap: 1px
}

.row-gap-0 {
  grid-row-gap: 0;
  row-gap: 0
}

.row-gap-1 {
  grid-row-gap: .25rem;
  row-gap: .25rem
}

.row-gap-2 {
  grid-row-gap: .5rem;
  row-gap: .5rem
}

.row-gap-3 {
  grid-row-gap: .75rem;
  row-gap: .75rem
}

.row-gap-4 {
  grid-row-gap: 1rem;
  row-gap: 1rem
}

.row-gap-5 {
  grid-row-gap: 1.25rem;
  row-gap: 1.25rem
}

.row-gap-6 {
  grid-row-gap: 1.5rem;
  row-gap: 1.5rem
}

.row-gap-8 {
  grid-row-gap: 2rem;
  row-gap: 2rem
}

.row-gap-10 {
  grid-row-gap: 2.5rem;
  row-gap: 2.5rem
}

.row-gap-12 {
  grid-row-gap: 3rem;
  row-gap: 3rem
}

.row-gap-16 {
  grid-row-gap: 4rem;
  row-gap: 4rem
}

.row-gap-20 {
  grid-row-gap: 5rem;
  row-gap: 5rem
}

.row-gap-24 {
  grid-row-gap: 6rem;
  row-gap: 6rem
}

.row-gap-32 {
  grid-row-gap: 8rem;
  row-gap: 8rem
}

.row-gap-40 {
  grid-row-gap: 10rem;
  row-gap: 10rem
}

.row-gap-48 {
  grid-row-gap: 12rem;
  row-gap: 12rem
}

.row-gap-56 {
  grid-row-gap: 14rem;
  row-gap: 14rem
}

.row-gap-64 {
  grid-row-gap: 16rem;
  row-gap: 16rem
}

.row-gap-px {
  grid-row-gap: 1px;
  row-gap: 1px
}

.grid-flow-row {
  grid-auto-flow: row
}

.grid-flow-col {
  grid-auto-flow: column
}

.grid-flow-row-dense {
  grid-auto-flow: row dense
}

.grid-flow-col-dense {
  grid-auto-flow: column dense
}

.grid-cols-1 {
  grid-template-columns:repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
  grid-template-columns:repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
  grid-template-columns:repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
  grid-template-columns:repeat(4, minmax(0, 1fr))
}

.grid-cols-5 {
  grid-template-columns:repeat(5, minmax(0, 1fr))
}

.grid-cols-6 {
  grid-template-columns:repeat(6, minmax(0, 1fr))
}

.grid-cols-7 {
  grid-template-columns:repeat(7, minmax(0, 1fr))
}

.grid-cols-8 {
  grid-template-columns:repeat(8, minmax(0, 1fr))
}

.grid-cols-9 {
  grid-template-columns:repeat(9, minmax(0, 1fr))
}

.grid-cols-10 {
  grid-template-columns:repeat(10, minmax(0, 1fr))
}

.grid-cols-11 {
  grid-template-columns:repeat(11, minmax(0, 1fr))
}

.grid-cols-12 {
  grid-template-columns:repeat(12, minmax(0, 1fr))
}

.grid-cols-16 {
  grid-template-columns:repeat(16, minmax(0, 1fr))
}

.grid-cols-none {
  grid-template-columns:none
}

.auto-cols-fr {
  grid-auto-columns: minmax(0, 1fr)
}

.col-auto {
  grid-column: auto
}

/*
 * Generate Padding Class
 * padding, padding-top, padding-bottom, padding-left, padding-right
 */

.p-0 {
  padding: 0px !important;
}

.p-t-0 {
  padding-top: 0px !important;
}

.p-b-0 {
  padding-bottom: 0px !important;
}

.p-l-0 {
  padding-left: 0px !important;
}

.p-r-0 {
  padding-right: 0px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.text-justify {
  text-align: justify
}

.text-transparent {
  color: transparent
}

.text-current {
  color: currentColor
}

.text-black {
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity))
}

.text-white {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity))
}

.text-gray-100 {
  --text-opacity: 1;
  color: #f7fafc;
  color: rgba(247, 250, 252, var(--text-opacity))
}

.text-gray-200 {
  --text-opacity: 1;
  color: #edf2f7;
  color: rgba(237, 242, 247, var(--text-opacity))
}

.text-gray-300 {
  --text-opacity: 1;
  color: #e2e8f0;
  color: rgba(226, 232, 240, var(--text-opacity))
}

.text-gray-400 {
  --text-opacity: 1;
  color: #cbd5e0;
  color: rgba(203, 213, 224, var(--text-opacity))
}

.text-gray-500 {
  --text-opacity: 1;
  color: #a0aec0;
  color: rgba(160, 174, 192, var(--text-opacity))
}

.text-gray-600 {
  --text-opacity: 1;
  color: #718096;
  color: rgba(113, 128, 150, var(--text-opacity))
}

.text-gray-700 {
  --text-opacity: 1;
  color: #4a5568;
  color: rgba(74, 85, 104, var(--text-opacity))
}

.text-gray-800 {
  --text-opacity: 1;
  color: #2d3748;
  color: rgba(45, 55, 72, var(--text-opacity))
}

.text-gray-900 {
  --text-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--text-opacity))
}

.text-red-100 {
  --text-opacity: 1;
  color: #fff5f5;
  color: rgba(255, 245, 245, var(--text-opacity))
}

.text-red-200 {
  --text-opacity: 1;
  color: #fed7d7;
  color: rgba(254, 215, 215, var(--text-opacity))
}

.text-red-300 {
  --text-opacity: 1;
  color: #feb2b2;
  color: rgba(254, 178, 178, var(--text-opacity))
}

.text-red-400 {
  --text-opacity: 1;
  color: #fc8181;
  color: rgba(252, 129, 129, var(--text-opacity))
}

.text-red-500 {
  --text-opacity: 1;
  color: #f56565;
  color: rgba(245, 101, 101, var(--text-opacity))
}

.text-red-600 {
  --text-opacity: 1;
  color: #e53e3e;
  color: rgba(229, 62, 62, var(--text-opacity))
}

.text-red-700 {
  --text-opacity: 1;
  color: #c53030;
  color: rgba(197, 48, 48, var(--text-opacity))
}

.text-red-800 {
  --text-opacity: 1;
  color: #9b2c2c;
  color: rgba(155, 44, 44, var(--text-opacity))
}

.text-red-900 {
  --text-opacity: 1;
  color: #742a2a;
  color: rgba(116, 42, 42, var(--text-opacity))
}

.text-orange-100 {
  --text-opacity: 1;
  color: #fffaf0;
  color: rgba(255, 250, 240, var(--text-opacity))
}

.text-orange-200 {
  --text-opacity: 1;
  color: #feebc8;
  color: rgba(254, 235, 200, var(--text-opacity))
}

.text-orange-300 {
  --text-opacity: 1;
  color: #fbd38d;
  color: rgba(251, 211, 141, var(--text-opacity))
}

.text-orange-400 {
  --text-opacity: 1;
  color: #f6ad55;
  color: rgba(246, 173, 85, var(--text-opacity))
}

.text-orange-500 {
  --text-opacity: 1;
  color: #ed8936;
  color: rgba(237, 137, 54, var(--text-opacity))
}

.text-orange-600 {
  --text-opacity: 1;
  color: #dd6b20;
  color: rgba(221, 107, 32, var(--text-opacity))
}

.text-orange-700 {
  --text-opacity: 1;
  color: #c05621;
  color: rgba(192, 86, 33, var(--text-opacity))
}

.text-orange-800 {
  --text-opacity: 1;
  color: #9c4221;
  color: rgba(156, 66, 33, var(--text-opacity))
}

.text-orange-900 {
  --text-opacity: 1;
  color: #7b341e;
  color: rgba(123, 52, 30, var(--text-opacity))
}

.text-yellow-100 {
  --text-opacity: 1;
  color: ivory;
  color: rgba(255, 255, 240, var(--text-opacity))
}

.text-yellow-200 {
  --text-opacity: 1;
  color: #fefcbf;
  color: rgba(254, 252, 191, var(--text-opacity))
}

.text-yellow-300 {
  --text-opacity: 1;
  color: #faf089;
  color: rgba(250, 240, 137, var(--text-opacity))
}

.text-yellow-400 {
  --text-opacity: 1;
  color: #f6e05e;
  color: rgba(246, 224, 94, var(--text-opacity))
}

.text-yellow-500 {
  --text-opacity: 1;
  color: #ecc94b;
  color: rgba(236, 201, 75, var(--text-opacity))
}

.text-yellow-600 {
  --text-opacity: 1;
  color: #d69e2e;
  color: rgba(214, 158, 46, var(--text-opacity))
}

.text-yellow-700 {
  --text-opacity: 1;
  color: #b7791f;
  color: rgba(183, 121, 31, var(--text-opacity))
}

.text-yellow-800 {
  --text-opacity: 1;
  color: #975a16;
  color: rgba(151, 90, 22, var(--text-opacity))
}

.text-yellow-900 {
  --text-opacity: 1;
  color: #744210;
  color: rgba(116, 66, 16, var(--text-opacity))
}

.text-green-100 {
  --text-opacity: 1;
  color: #f0fff4;
  color: rgba(240, 255, 244, var(--text-opacity))
}

.text-green-200 {
  --text-opacity: 1;
  color: #c6f6d5;
  color: rgba(198, 246, 213, var(--text-opacity))
}

.text-green-300 {
  --text-opacity: 1;
  color: #9ae6b4;
  color: rgba(154, 230, 180, var(--text-opacity))
}

.text-green-400 {
  --text-opacity: 1;
  color: #68d391;
  color: rgba(104, 211, 145, var(--text-opacity))
}

.text-green-500 {
  --text-opacity: 1;
  color: #48bb78;
  color: rgba(72, 187, 120, var(--text-opacity))
}

.text-green-600 {
  --text-opacity: 1;
  color: #38a169;
  color: rgba(56, 161, 105, var(--text-opacity))
}

.text-green-700 {
  --text-opacity: 1;
  color: #2f855a;
  color: rgba(47, 133, 90, var(--text-opacity))
}

.text-green-800 {
  --text-opacity: 1;
  color: #276749;
  color: rgba(39, 103, 73, var(--text-opacity))
}

.text-green-900 {
  --text-opacity: 1;
  color: #22543d;
  color: rgba(34, 84, 61, var(--text-opacity))
}

.text-teal-100 {
  --text-opacity: 1;
  color: #e6fffa;
  color: rgba(230, 255, 250, var(--text-opacity))
}

.text-teal-200 {
  --text-opacity: 1;
  color: #b2f5ea;
  color: rgba(178, 245, 234, var(--text-opacity))
}

.text-teal-300 {
  --text-opacity: 1;
  color: #81e6d9;
  color: rgba(129, 230, 217, var(--text-opacity))
}

.text-teal-400 {
  --text-opacity: 1;
  color: #4fd1c5;
  color: rgba(79, 209, 197, var(--text-opacity))
}

.text-teal-500 {
  --text-opacity: 1;
  color: #38b2ac;
  color: rgba(56, 178, 172, var(--text-opacity))
}

.text-teal-600 {
  --text-opacity: 1;
  color: #319795;
  color: rgba(49, 151, 149, var(--text-opacity))
}

.text-teal-700 {
  --text-opacity: 1;
  color: #2c7a7b;
  color: rgba(44, 122, 123, var(--text-opacity))
}

.text-teal-800 {
  --text-opacity: 1;
  color: #285e61;
  color: rgba(40, 94, 97, var(--text-opacity))
}

.text-teal-900 {
  --text-opacity: 1;
  color: #234e52;
  color: rgba(35, 78, 82, var(--text-opacity))
}

.text-blue-100 {
  --text-opacity: 1;
  color: #ebf8ff;
  color: rgba(235, 248, 255, var(--text-opacity))
}

.text-blue-200 {
  --text-opacity: 1;
  color: #bee3f8;
  color: rgba(190, 227, 248, var(--text-opacity))
}

.text-blue-300 {
  --text-opacity: 1;
  color: #90cdf4;
  color: rgba(144, 205, 244, var(--text-opacity))
}

.text-blue-400 {
  --text-opacity: 1;
  color: #63b3ed;
  color: rgba(99, 179, 237, var(--text-opacity))
}

.text-blue-500 {
  --text-opacity: 1;
  color: #4299e1;
  color: rgba(66, 153, 225, var(--text-opacity))
}

.text-blue-600 {
  --text-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--text-opacity))
}

.text-blue-700 {
  --text-opacity: 1;
  color: #2b6cb0;
  color: rgba(43, 108, 176, var(--text-opacity))
}

.text-blue-800 {
  --text-opacity: 1;
  color: #2c5282;
  color: rgba(44, 82, 130, var(--text-opacity))
}

.text-blue-900 {
  --text-opacity: 1;
  color: #2a4365;
  color: rgba(42, 67, 101, var(--text-opacity))
}

.text-indigo-100 {
  --text-opacity: 1;
  color: #ebf4ff;
  color: rgba(235, 244, 255, var(--text-opacity))
}

.text-indigo-200 {
  --text-opacity: 1;
  color: #c3dafe;
  color: rgba(195, 218, 254, var(--text-opacity))
}

.text-indigo-300 {
  --text-opacity: 1;
  color: #a3bffa;
  color: rgba(163, 191, 250, var(--text-opacity))
}

.text-indigo-400 {
  --text-opacity: 1;
  color: #7f9cf5;
  color: rgba(127, 156, 245, var(--text-opacity))
}

.text-indigo-500 {
  --text-opacity: 1;
  color: #667eea;
  color: rgba(102, 126, 234, var(--text-opacity))
}

.text-indigo-600 {
  --text-opacity: 1;
  color: #5a67d8;
  color: rgba(90, 103, 216, var(--text-opacity))
}

.text-indigo-700 {
  --text-opacity: 1;
  color: #4c51bf;
  color: rgba(76, 81, 191, var(--text-opacity))
}

.text-indigo-800 {
  --text-opacity: 1;
  color: #434190;
  color: rgba(67, 65, 144, var(--text-opacity))
}

.text-indigo-900 {
  --text-opacity: 1;
  color: #3c366b;
  color: rgba(60, 54, 107, var(--text-opacity))
}

.text-purple-100 {
  --text-opacity: 1;
  color: #faf5ff;
  color: rgba(250, 245, 255, var(--text-opacity))
}

.text-purple-200 {
  --text-opacity: 1;
  color: #e9d8fd;
  color: rgba(233, 216, 253, var(--text-opacity))
}

.text-purple-300 {
  --text-opacity: 1;
  color: #d6bcfa;
  color: rgba(214, 188, 250, var(--text-opacity))
}

.text-purple-400 {
  --text-opacity: 1;
  color: #b794f4;
  color: rgba(183, 148, 244, var(--text-opacity))
}

.text-purple-500 {
  --text-opacity: 1;
  color: #9f7aea;
  color: rgba(159, 122, 234, var(--text-opacity))
}

.text-purple-600 {
  --text-opacity: 1;
  color: #805ad5;
  color: rgba(128, 90, 213, var(--text-opacity))
}

.text-purple-700 {
  --text-opacity: 1;
  color: #6b46c1;
  color: rgba(107, 70, 193, var(--text-opacity))
}

.text-purple-800 {
  --text-opacity: 1;
  color: #553c9a;
  color: rgba(85, 60, 154, var(--text-opacity))
}

.text-purple-900 {
  --text-opacity: 1;
  color: #44337a;
  color: rgba(68, 51, 122, var(--text-opacity))
}

.text-pink-100 {
  --text-opacity: 1;
  color: #fff5f7;
  color: rgba(255, 245, 247, var(--text-opacity))
}

.text-pink-200 {
  --text-opacity: 1;
  color: #fed7e2;
  color: rgba(254, 215, 226, var(--text-opacity))
}

.text-pink-300 {
  --text-opacity: 1;
  color: #fbb6ce;
  color: rgba(251, 182, 206, var(--text-opacity))
}

.text-pink-400 {
  --text-opacity: 1;
  color: #f687b3;
  color: rgba(246, 135, 179, var(--text-opacity))
}

.text-pink-500 {
  --text-opacity: 1;
  color: #ed64a6;
  color: rgba(237, 100, 166, var(--text-opacity))
}

.text-pink-600 {
  --text-opacity: 1;
  color: #d53f8c;
  color: rgba(213, 63, 140, var(--text-opacity))
}

.text-pink-700 {
  --text-opacity: 1;
  color: #b83280;
  color: rgba(184, 50, 128, var(--text-opacity))
}

.text-pink-800 {
  --text-opacity: 1;
  color: #97266d;
  color: rgba(151, 38, 109, var(--text-opacity))
}

.text-pink-900 {
  --text-opacity: 1;
  color: #702459;
  color: rgba(112, 36, 89, var(--text-opacity))
}

.align-baseline {
  vertical-align: baseline !important
}

.align-top {
  vertical-align: top !important
}

.align-middle {
  vertical-align: middle !important
}

.align-bottom {
  vertical-align: bottom !important
}

.align-text-top {
  vertical-align: text-top !important
}

.align-text-bottom {
  vertical-align: text-bottom !important
}

.non-border-right {
  border-right: 0 !important;
}

.gray-border-right {
  border-right: 1px solid #ccc !important;
}

.border-1 {
  border: 1px solid !important;
}

.background-jade {
  background-color: #aef5e3 !important;
}

.mr-0 {margin-right: 0 !important;}
.mr-1 {margin-right: 1px !important;}
.mr-2 {margin-right: 2px !important;}
.mr-3 {margin-right: 3px !important;}
.mr-4 {margin-right: 4px !important;}
.mr-5 {margin-right: 5px !important;}
.mr-6 {margin-right: 6px !important;}
.mr-7 {margin-right: 7px !important;}
.mr-8 {margin-right: 8px !important;}
.mr-9 {margin-right: 9px !important;}
.mr-10 {margin-right: 10px !important;}
.mr-11 {margin-right: 11px !important;}
.mr-12 {margin-right: 12px !important;}
.mr-13 {margin-right: 13px !important;}
.mr-14 {margin-right: 14px !important;}
.mr-15 {margin-right: 15px !important;}
.mr-16 {margin-right: 16px !important;}
.mr-17 {margin-right: 17px !important;}
.mr-18 {margin-right: 18px !important;}
.mr-19 {margin-right: 19px !important;}
.mr-20 {margin-right: 20px !important;}

.ml-0 {margin-left: 0 !important;}
.ml-1 {margin-left: 1px !important;}
.ml-2 {margin-left: 2px !important;}
.ml-3 {margin-left: 3px !important;}
.ml-4 {margin-left: 4px !important;}
.ml-5 {margin-left: 5px !important;}
.ml-6 {margin-left: 6px !important;}
.ml-7 {margin-left: 7px !important;}
.ml-8 {margin-left: 8px !important;}
.ml-9 {margin-left: 9px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-11 {margin-left: 11px !important;}
.ml-12 {margin-left: 12px !important;}
.ml-13 {margin-left: 13px !important;}
.ml-14 {margin-left: 14px !important;}
.ml-15 {margin-left: 15px !important;}
.ml-16 {margin-left: 16px !important;}
.ml-17 {margin-left: 17px !important;}
.ml-18 {margin-left: 18px !important;}
.ml-19 {margin-left: 19px !important;}
.ml-20 {margin-left: 20px !important;}

.mt-0 {margin-top: 0 !important;}
.mt-1 {margin-top: 1px !important;}
.mt-2 {margin-top: 2px !important;}
.mt-3 {margin-top: 3px !important;}
.mt-4 {margin-top: 4px !important;}
.mt-5 {margin-top: 5px !important;}
.mt-6 {margin-top: 6px !important;}
.mt-7 {margin-top: 7px !important;}
.mt-8 {margin-top: 8px !important;}
.mt-9 {margin-top: 9px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-11 {margin-top: 11px !important;}
.mt-12 {margin-top: 12px !important;}
.mt-13 {margin-top: 13px !important;}
.mt-14 {margin-top: 14px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-16 {margin-top: 16px !important;}
.mt-17 {margin-top: 17px !important;}
.mt-18 {margin-top: 18px !important;}
.mt-19 {margin-top: 19px !important;}
.mt-20 {margin-top: 20px !important;}

.mb-0 {margin-bottom: 0 !important;}
.mb-1 {margin-bottom: 1px !important;}
.mb-2 {margin-bottom: 2px !important;}
.mb-3 {margin-bottom: 3px !important;}
.mb-4 {margin-bottom: 4px !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-6 {margin-bottom: 6px !important;}
.mb-7 {margin-bottom: 7px !important;}
.mb-8 {margin-bottom: 8px !important;}
.mb-9 {margin-bottom: 9px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-11 {margin-bottom: 11px !important;}
.mb-12 {margin-bottom: 12px !important;}
.mb-13 {margin-bottom: 13px !important;}
.mb-14 {margin-bottom: 14px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-16 {margin-bottom: 16px !important;}
.mb-17 {margin-bottom: 17px !important;}
.mb-18 {margin-bottom: 18px !important;}
.mb-19 {margin-bottom: 19px !important;}
.mb-20 {margin-bottom: 20px !important;}

.items-start {align-items: flex-start;}
.items-end {align-items: flex-end;}
.items-center {align-items: center;}
.items-baseline {align-items: baseline;}
.items-stretch {align-items: stretch;}