.pointer-events-none {
  pointer-events: none;
}

/*********************************************** 
    POSITION 
***********************************************/
.pos-abs {
  position: absolute;
}
.pos-rel {
  position: relative;
}
.pos-fixed {
  position: fixed;
}

/*********************************************** 
    TABLE STYLES
***********************************************/
.tbl-border-collapse {
  border-collapse: collapse;
}
.tbl-border-separate {
  border-collapse: separate;
}

.tbl-layout-fixed {
  table-layout: fixed;
}

/*********************************************** 
    TEXT STYLES
***********************************************/
.fnt-bold {
  font-weight: bold;
}
.fnt-italic {
  font-style: italic;
}
.fnt-size10px {
  font-size: 10px;
}
.fnt-size11px {
  font-size: 11px;
}
.fnt-size12px {
  font-size: 12px;
}
.fnt-size13px {
  font-size: 13px;
}
.fnt-size17px {
  font-size: 17px;
}
.fnt-size1-2em {
  font-size: 1.2em;
}

/*********************************************** 
    TEXT ALIGNMENT 
***********************************************/
.txt-align-center {
  text-align: center;
}
.txt-align-left {
  text-align: left;
}
.txt-align-right {
  text-align: right;
}

/*********************************************** 
    ALIGNMENT 
***********************************************/
.v-align-top {
  vertical-align: top;
}
.v-align-mid {
  vertical-align: middle;
}
.align-items-center {
  align-items: center;
}

/*********************************************** 
    FLEX 
***********************************************/
.flex-center-all {
  justify-content: center;
  align-items: center;
}
.flex-direction-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-grow-1 {
  flex-grow: 1;
}

/*********************************************** 
    DISPLAY STYLE 
***********************************************/
.dis-none {
  display: none;
}
.dis-block {
  display: block;
}
.dis-inline-block {
  display: inline-block;
}
.dis-table {
  display: table;
}
.dis-table-cell {
  display: table-cell;
}
.dis-flex {
  display: flex;
}
.dis-inline-flex {
  display: inline-flex;
}

/*********************************************** 
    OVERFLOW STYLE 
***********************************************/
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-scroll {
  overflow-y: scroll;
}

/*********************************************** 
    BORDER STYLE 
***********************************************/
.border-std-black-1px {
  border: 1px solid black;
}
.border-std-black-1px-right {
  border-right: 1px solid black;
}
.border-std-black-1px-bottom {
  border-bottom: 1px solid black;
}

/*********************************************** 
    WIDTH 
***********************************************/
.w40-percent {
  width: 40%;
}
.w50-percent {
  width: 50%;
}
.w100-percent {
  width: 100%;
}
.w2-percent {
  width: 2%;
}
.w28 {
  width: 28px;
}
.w80 {
  width: 80px;
}
.w120 {
  width: 120px;
}
.w135 {
  width: 135px;
}
.w340 {
  width: 340px;
}
.w520 {
  width: 520px;
}

/*********************************************** 
    HEIGHT 
***********************************************/
.h100-percent {
  height: 100%;
}
.h2-percent {
  height: 2%;
}
.h18 {
  height: 18px;
}
.h21 {
  height: 21px;
}
.h22 {
  height: 22px;
}
.h23 {
  height: 23px;
}
.h28 {
  height: 28px;
}
.h33 {
  height: 33px;
}
.h42 {
  height: 42px;
}

/*********************************************** 
    MAX-HEIGHT 
***********************************************/
.max-h28 {
  max-height: 28px;
}
.max-h33 {
  max-height: 33px;
}
.max-h42 {
  max-height: 42px;
}
.max-h100 {
  max-height: 100px;
}
.max-h200 {
  max-height: 200px;
}
.max-h250 {
  max-height: 250px;
}

/*********************************************** 
    TOP 
***********************************************/
.top-8 {
  top: -8px;
}
.top0 {
  top: 0px;
}
.top5 {
  top: 5px;
}

/*********************************************** 
    BOTTOM 
***********************************************/
.bottom0 {
  bottom: 0px;
}
.bottom5 {
  bottom: 5px;
}

/*********************************************** 
    LEFT 
***********************************************/
.left0 {
  left: 0px;
}

/*********************************************** 
    RIGHT 
***********************************************/
.right-130 {
  right: -130px;
}
.right0 {
  right: 0px;
}
.right5 {
  right: 5px;
}
.right10 {
  right: 10px;
}

.m_auto {
  margin: auto;
}
.m0 {
  margin: 0px;
}

/*********************************************** 
    MARGIN LEFT 
***********************************************/
.ml_auto {
  margin-left: auto;
}
.ml-90 {
  margin-left: -90px;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}

/*********************************************** 
    MARGIN RIGHT 
***********************************************/
.mr-90 {
  margin-right: -90px;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}

/*********************************************** 
    MARGIN TOP 
***********************************************/
.mt-90 {
  margin-top: -90px;
}
.mt0 {
  margin-top: 0px;
}
.mt2 {
  margin-top: 2px;
}
.mt3 {
  margin-top: 3px;
}
.mt5 {
  margin-top: 5px;
}
.mt8 {
  margin-top: 8px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}

/*********************************************** 
    MARGIN BOTTOM 
***********************************************/
.mb-90 {
  margin-bottom: -90px;
}
.mb2 {
  margin-bottom: 2px;
}
.mb8 {
  margin-bottom: 8px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}

/*********************************************** 
    PADDING 
***********************************************/
.pd0 {
  padding: 0px;
}
.pd2 {
  padding: 2px;
}
.pd3 {
  padding: 3px;
}
.pd5 {
  padding: 5px;
}
.pd8 {
  padding: 8px;
}
.pd10 {
  padding: 10px;
}
.pd15 {
  padding: 15px;
}

/*********************************************** 
    PADDING TOP 
***********************************************/
.pt1 {
  padding-top: 1px;
}
.pt2 {
  padding-top: 2px;
}
.pt3 {
  padding-top: 3px;
}
.pt4 {
  padding-top: 4px;
}
.pt5 {
  padding-top: 5px;
}

/*********************************************** 
    PADDING BOTTOM 
***********************************************/
.pb1 {
  padding-bottom: 1px;
}
.pb2 {
  padding-bottom: 2px;
}
.pb3 {
  padding-bottom: 3px;
}
.pb4 {
  padding-bottom: 4px;
}
.pb5 {
  padding-bottom: 5px;
}
.pb6 {
  padding-bottom: 6px;
}
.pb7 {
  padding-bottom: 7px;
}
.pb8 {
  padding-bottom: 8px;
}
.pb9 {
  padding-bottom: 9px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb11 {
  padding-bottom: 11px;
}
.pb12 {
  padding-bottom: 12px;
}
.pb13 {
  padding-bottom: 13px;
}
.pb20 {
  padding-bottom: 20px;
}

/*********************************************** 
    PADDING LEFT 
***********************************************/
.pl20 {
  padding-left: 20px;
}
.pl5 {
  padding-left: 5px;
}

/*********************************************** 
    PADDING RIGHT 
***********************************************/
.pr8 {
  padding-right: 8px;
}
.pr20 {
  padding-right: 20px;
}
.pr35 {
  padding-right: 35px;
}