/* from materialize */
.valign-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.clearfix {
  clear: both;
}

.center, .center-align {
  text-align: center;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
}

.btn-flat {
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  font-size: 14px;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  color: #0d47a1;
  cursor: pointer;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
}

.btn-flat:focus, .btn-flat:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-flat:focus {
  background-color: rgba(0, 0, 0, 0.1);
}

.btn-flat:hover,
.btn-flat:hover i,
.btn-flat:hover > div {
    color: red;
}
/* end materialize */

.position-absolute {
    position: absolute;
}

.position-relative {
    position: relative!important;
}

.position-fixed {
    position: fixed;
}

.position-sticky {
    position: sticky;
}

.position-static {
    position: static;
}

.top-0 {
    top: 0;
}

.top-2 {
    top: 2px;
}

.top-3 {
    top: 3px;
}

.top-10-percents {
    top: 10%;
}

.t-3 {
    top: -3px;
}

.top-5 {
    top: -5px;
}

.-left-150 {
    left: -150px;
}

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}

.-right-20 {
    right: -20px;
}

.left-15 {
    left: 15px;
}

/* display and flex/grid properties*/

.d-none {
    display: none;
}

.inline-block {
    display: inline-block;
}

.display-inline {
    display: inline;
}

.display-block {
    display: block;
}

.d-flex {
    display: flex;
}

.display-grid {
    display: grid;
}

/* common flex and grid */
/* gap */
.gap_2 {
    gap: 2px;
}

.gap_4 {
    gap: 4px;
}

.gap_5 {
    gap: 5px;
}

.gap_7 {
    gap: 7px;
}

.gap_8 {
    gap: 8px;
}

.gap_10 {
    gap: 10px;
}

.gap_13 {
    gap: 13px;
}

.gap_15 {
    gap: 15px;
}

.gap_20 {
    gap: 20px;
}
.gap_25 {
    gap: 25px;
}

.gap_30 {
    gap: 30px;
}

.gap_40 {
    gap: 40px;
}

.gap_8_10 {
    gap: 8px 10px;
}

.row_gap_5 {
    row-gap: 5px;
}

.row_gap_15 {
    row-gap: 15px;
}

.row_gap_20 {
    row-gap: 20px;
}

.column_gap_5 {
    column-gap: 5px;
}

.column_gap_15 {
    column-gap: 15px;
}

/* justify-content */
.justify-between {
    justify-content: space-between;
}
.justify-around {
    justify-content: space-around;
}

.justify-start {
    justify-content: flex-start;
}

.justify-content-start {
    justify-content: start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-content-end {
    justify-content: end;
}

.justify-center {
    justify-content: center;
}

/* align-items */
.align-items-center {
    align-items: center;
}

.align-end {
    align-items: flex-end;
}

/* flex */
.flex-vertical-center {
    display: flex;
    align-items: center;
}

.flex-vertical-end {
    display: flex;
    align-items: flex-end;
}

.flex-vertical-start {
    display: flex;
    align-items: flex-start;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-none {
    flex: none;
}

.flex-basis-100 {
    flex-basis:100%;
}

.flex-basis-50 {
    flex-basis:50%;
}

.flex-basis_90 {
    flex-basis: 90px;
}

.flex-basis-unset {
    flex-basis: unset !important;
}

.flex-end {
    justify-content: flex-end;
}

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

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

.flex_grow_1 {
    flex-grow: 1;
}

.flex_grow_2 {
    flex-grow: 2;
}

.flex-1 {
    flex: 1;
}

/* grid */
.grid_1_1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.grid_16_5 {
    display: grid;
    grid-template-columns: minmax(900px, 16fr) minmax(450px, 5fr);
}

.grid_360_1 {
    display: grid;
    grid-template-columns: 360px 1fr;
    grid-template-rows: 100%;
}

.grid_490_1 {
    display: grid;
    grid-template-columns: 490px 1fr;
    grid-template-rows: 100%;
}

.grid_1_300 {
    display: grid;
    grid-template-columns: 1fr 300px;
}

.grid_1_330 {
    display: grid;
    grid-template-columns: 1fr 330px;
}

.grid_50_50 {
    display: grid;
    grid-template-columns: repeat(2, 50%);
}

.grid_1fr_200px {
    display: grid;
    grid-template-columns: 1fr 200px;
}

.grid_1fr_auto {
    display: grid;
    grid-template-columns: 1fr auto;
}

.grid_rows_1fr {
    grid-template-rows: 1fr;
}

.grid_center_1fr_auto {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto;
}

.grid_4_columns {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.grid_column_span_2 {
    grid-column: span 2;
}

.grid_column_span_3 {
    grid-column: span 3;
}

.grid_column_span_4 {
    grid-column: span 4;
}

.grid_table_step {
    grid-template-columns: 10fr 10fr 10fr;
}

.grid_template_rows_100 {
    grid-template-rows: 100%;
}

.grid_start_2 {
    grid-column-start: 2;
}

.grid_start_3 {
    grid-column-start: 3;
}

.float_unset {
    float: unset !important;
}

/* width in % */
.col .row {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.row .col {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
}

.row .col.s1 {
  width: 8.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s2 {
  width: 16.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s3 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s4 {
  width: 33.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s5 {
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s6 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s7 {
  width: 58.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s8 {
  width: 66.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s9 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s10 {
  width: 83.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s11 {
  width: 91.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.offset-s1 {
  margin-left: 8.3333333333%;
}

.row .col.offset-s4 {
  margin-left: 33.3333333333%;
}

.row .col.offset-s6 {
  margin-left: 50%;
}

.row .col.offset-s8 {
  margin-left: 66.6666666667%;
}

@media only screen and (min-width: 601px) {
  .row .col.m1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}

.mainpanel_row>.row>.col.pl-0>div:first-child {
    margin-left: 4px;
}

.modal_header_fixed .row .col.modal_header_buttons {
    margin-left: 0;
}

.modal_header_fixed .row,
.modal_header .row {
    margin-bottom: 0;
    height: 36px;
    display: flex;
}

.modal_header_fixed .row .col:not(.modal_h4) {
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal_header_fixed .row .col.modal_header_buttons {
    display: flex;
    justify-content: flex-start;
    margin-left: 5px;
}

.modal_header_fixed .row .col.modal_header_close,
.modal_header .row .col.modal_header_close {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.modal-content .modal_title.row {
    border: 1px solid rgba(60, 60, 67, 0.38);
    border-left: none;
    border-right: none;
}

.row .col.modal_title-text {
    padding-bottom: 3px;
    padding-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modal_body .row:last-child {
    margin-bottom: 0;
    padding-bottom: 5px;
}

.modal_body .row:last-child {
    margin-bottom: 0;
    padding-bottom: 5px;
}

.header_row, .header_row.row {
    margin-bottom: 3px;
}

.modal-content .modal_title.row {
    padding-left: 20px;
    display: inline-flex;
    width: 100%;
}

.modal-content .modal_title.row>.modal_title-text {
    padding-left: 0;
}

.modal-content .modal_title.row>.icon_right_block {
    padding-right: 2px;
}

.modal_header_fixed .row.modal_header_content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

@media (orientation: portrait) {
    header > .container > .row {
        min-height: 36px;
        display: flex;
        align-items: center;
    }
}

.row-flex {
    display: flex;
    margin-bottom: 15px;
}

.row-flex .col {
    height: 30px;
}

.row-flex .col.s1 {
    width: 8.33%;
}

.row-flex .col.s2 {
    width: 16.66%;
}

.row-flex .col.s3 {
    width: 25%;
}

.row-flex .col.s4 {
    width: 33.33%;
}

.row-flex .col.s5 {
    width: 41.66%;
}

.row-flex .col.s6 {
    width: 50%;
}

.row-flex .col.s7 {
    width: 58.33%;
}

.row-flex .col.s8 {
    width: 66.66%;
}

.row-flex .col.s9 {
    width: 75%;
}

.row-flex .col.s10 {
    width: 83.33%;
}

.row-flex .col.s11 {
    width: 91.66%;
}

.row-flex .col.s12 {
    width: 100%;
}

.w0 {
    width: 0%;
}

.w5 {
    width: 5%;
}

.w8 {
    width: 8%;
}

.w10 {
    width: 10%;
}

.w15 {
    width: 15%;
}

.w20 {
    width: 20%;
}

.w25 {
    width: 25%;
}

.w30 {
    width: 30%;
}
.w50 {
    width: 50%;
}

.w60 {
    width: 60%;
}

.w65 {
    width: 65%;
}

.w70 {
    width: 70%;
}

.w100 {
    width: 100%;
}

/* width in px */
.w-40 {
    width: 40px;
}

.w-53 {
    width: 53px;
}

.w-55 {
    width: 55px;
}

.w-60 {
    width: 60px;
}

.w-65 {
    width: 65px;
}

.w-72 {
    width: 72px;
}

.w-75 {
    width: 75px;
}

.w-80 {
    width: 80px;
}

.w-85 {
    width: 85px;
}

.w-90 {
    width: 90px;
}

.w-93 {
    width: 93px;
}

.w-95 {
    width: 95px;
}

.w-100 {
    width: 100px;
}

.w-110 {
    width: 110px;
}

.w-120 {
    width: 120px;
}

.w-130 {
	width: 130px;
}

.w-140 {
	width: 140px;
}

.w-150 {
    width: 150px;
}

.w-160 {
    width: 160px;
}

.w-175 {
    width: 175px;
}

.w-180 {
    width:180px;
}

.w-190 {
    width: 190px;
}

.w-200 {
    width: 200px;
}

.w-230 {
    width: 230px;
}

.w-240 {
    width: 240px;
}

.w-320 {
	width: 320px !important;
}

.w-auto {
    width: auto!important;
}

/* min-width in px */
.min_w_360 {
    min-width: 360px;
}
.min_w_45 {
    min-width: 45px;
}

/* max-width */
.mx-width100 {
    max-width: 100px;
}

.max-w-full {
    max-width: 100%;
}

@media screen and (max-width: 900px) {
    .mx-width100 {
        max-width: 50px;
    }
}

/* height in px */
.height_14 {
    height: 14px;
}

.height_20 {
    height: 20px;
}

.height_24 {
    height: 24px;
}

.h_18 {
    height: 18px;
}

.h_26 {
    height: 26px;
}

.h_28 {
    height: 28px;
}

.h_30 {
    height: 30px !important;
}

.h_32 {
    height: 32px;
}

.h_36 {
    height: 36px;
}

.h_38 {
    height: 38px;
}

.h_40 {
    height: 40px;
}

.height_44 {
    height: 44px;
}

.height_400 {
    height: 400px;
}

/* height in other units */
.height_auto {
    height: auto !important;
}

.h_full {
    height: 100%;
}

.h_content {
    height: fit-content !important;
}

.wh_28 {
    width: 28px;
    height: 28px;
}

/* min-height */
.min_h_36 {
    min-height: 36px;
}

.min-h-40 {
	min-height: 40px;
}

/* max-height */
.max_h_full-90px {
    max-height: calc(100% - 90px);
}

/* margin */
.margin_auto {
    margin: auto;
}

.m-0 {
    margin: 0 !important;
}
.m-1 {
    margin: 10px;
}

.m-0-15 {
    margin: 0 15px;
}

.m_5_0 {
	margin: 5px 0;
}

.m-5-10 {
    margin: 5px 10px;
}

.m-10-15 {
    margin: 10px 15px !important;
}

.m-15-0 {
    margin: 15px 0 !important;
}

.m-10-10-15-10 {
    margin: 10px 10px 15px 10px;
}

/* margin-top */
.mt-0 {
    margin-top: 0 !important;
}
.mt-1 {
    margin-top: 10px;
}

.mt-2 {
    margin-top: 2px;
}

.mt-3 {
    margin-top: 3px;
}

.mt-5 {
    margin-top: 5px;
}
.mt-15px {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.-mt-2 {
    margin-top: -2px;
}

/* margin-bottom */
.mb-0 {
    margin-bottom: 0 !important;
}

.mb-2 {
    margin-bottom: 2px !important;
}

.mb-5px {
    margin-bottom: 5px !important;
}

.mb_10 {
    margin-bottom: 10px !important;
}

.mb-15px {
    margin-bottom: 15px;
}

.mb_18 {
    margin-bottom: 18px;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-2 {
    margin-bottom: 2rem;
}

/* margin-left */
.ml-0 {
    margin-left: 0 !important;
}

.ml_5 {
    margin-left: 5px;
}

.ml_10,.ml-10 {
    margin-left: 10px;
}

.ml_15 {
    margin-left: 15px;
}

.ml_20 {
    margin-left: 20px;
}

.ml_auto {
    margin-left: auto;
}

.-ml_5 {
    margin-left: -5px;
}

.-ml_12 {
    margin-left: -12px;
}

/* margin-right */
.mr-0 {
    margin-right: 0 !important;
}

.mr-5 {
    margin-right: 5px;
}

.mr-10,.mr_10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px !important;
}

/* padding */
.p-0 {
    padding: 0 !important;
}

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

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

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

.p-0-15 {
    padding: 0 15px;
}

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

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

.p-4-9 {
    padding: 4px 9px !important;
}

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

.p-5-0 {
    padding: 5px 0;
}

.p-5-10 {
    padding: 5px 10px;
}

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

.padding_8_0 {
    padding: 8px 0;
}

.padding_8_10 {
    padding: 8px 10px;
}

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

.p-10-0 {
    padding: 10px 0;
}

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

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

.p-10-10-5-10 {
    padding: 10px 10px 5px 10px;
}

.p-10-20-8-25 {
    padding: 10px 20px 8px 25px;
}

.p-50-15-20-15 {
    padding: 50px 15px 20px 15px;
}

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

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

.p_2_10 {
    padding: 2px 10px;
}

.py-2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.py-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.px-10 {
    padding-left: 10px;
    padding-right: 10px;
}
/* padding-top */

.pt-0 {
    padding-top: 0 !important;
}

.pt-5 {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

/* padding-bottom */
.pb-0 {
    padding-bottom: 0;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

/* padding-left */
.pl-0 {
    padding-left: 0 !important;
}

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

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

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

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

.pl-23 {
    padding-left: 23px !important;
}

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

.pl-30 {
    padding-left: 30px;
}

/* padding-right */
.pr-0 {
    padding-right: 0 !important;
}

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

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

.pr-11 {
    padding-right: 11px !important;
}

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

.pr-20 {
    padding-right: 20px;
}

/* font-size */
.font_10 {
    font-size: 10px;
}

.font_11 {
	font-size: 11px;
}

.font_12 {
    font-size: 12px !important;
}

.font_13 {
    font-size: 13px;
}

.font_14 {
    font-size: 14px;
}

.font_15 {
    font-size: 15px;
}

.font_16 {
    font-size: 16px;
}

.font_18 {
    font-size: 18px;
}

.font_20 {
    font-size: 20px;
}

.font_22 {
    font-size: 22px;
}

.font_24 {
    font-size: 24px!important;
}

/* font-weight */
.font-light {
    font-weight: 300;
}

.font-400 {
    font-weight: 400;
}

.font-medium,
.font-normal,
.font-bold,
.fw-bold {
    font-weight: 500;
}

/* font-style */
.font-italic {
    font-style: italic;
}

/* line-height */
.line-height-initial {
    line-height: initial;
}

.line-height-normal {
    line-height: normal;
}

.line-height-1 {
    line-height: 1 !important;
}

.line_height_14 {
    line-height: 14px;
}

.line_height_16 {
    line-height: 16px;
}

.line_height_20 {
    line-height: 20px;
}

.line_height_30 {
    line-height: 30px;
}

/* text-align */
.text-center,
.pc-center {
    text-align: center;
}

.text-right,
.pc-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

/* color */
.red-text {
  color: #F44336 !important;
}

.white {
  background-color: #FFFFFF !important;
}

.white-text {
  color: #FFFFFF !important;
}

.color-violet {
    color: #A00BAA;
}

.actual_black_text {
    color: var(--black-text);
}

.color_black {
    color: rgba(0, 0, 0, 0.87);
}

.extra_black {
    color: var(--extra-black);
}

.gray_text,
.custom_button.gray_text {
    color: var(--gray-text);
}

.text_gray_06 {
    color: var(--main-text);
}

.text_gray_044 {
    color: rgba(60, 60, 67, 0.44);
}

.gray_cancel {
    color: var(--gray-cancel);
}

.text_green {
    color: var(--green) !important;
}

.green_color {
    color: green !important;
}

.text_red {
    color: var(--cherry) !important;
}

.active_red {
    color: #BF360C;
}

.actual_red_text {
    color: var(--red) !important;
}

.another_red {
    color: var(--another-red);
}

.red_color {
    color: red !important;
}

.text_blue {
    color: blue;
}

.bluecolor {
    color: #1e88e5 !important;
}

.text_light_blue {
    color: var(--light-blue);
}

.color_orange,
.text_orange {
    color: #f3663f;
}

.actual_orange_text {
    color: var(--orange) !important;
}

.orange_color {
    color: orange !important;
}

.header_text {
    color: var(--header-text) !important;
}

.white_text {
    color: #ffffff;
}

.color_7B {
    color: #7B7B7B;
}

.color_half_black {
	color: rgba(0, 0, 0, 0.50);
}

.color_FF3B30 {
	color: #FF3B30;
}

.color_3C3C43_60 {
    color: #3C3C43;
    opacity: 0.6;
}

.color_6F {
    color: var(--icon-color);
}

/* background */
.background_pink {
    background: pink !important;
}

.background-white {
    background: white;
}

.background-blue {
    background: #E0EDFA;
}

.yellow_back_color {
    background: yellow !important;
}

.dark_scrollbar::-webkit-scrollbar-thumb {
    background-color: #252525;
}

/* border */
.border-none {
    border: none;
}

.transparent_border {
    border: 1px solid transparent;
}

.default-border {
    border: 1px solid var(--default-border);
}

.rounded_border {
    border-radius: var(--rounded-border-radius);
}

.border-bottom-0 {
    border-bottom: 0;
}

.border-bottom {
    border-bottom: 1px solid black;
}

.border-botton-none {
    border-bottom: none;
}

.border-bottom-grey {
    border-bottom: 1px solid #B0BFC6;
}

.border-top-0{
    border-top: 0!important;
}

.border-top-lightgrey {
    border-top: 1px solid lightgrey;
}

.header_border_top {
    border-top: 1px solid rgba(60, 60, 67, 0.38);
}
.header_border_bottom {
    border-bottom: 1px solid rgba(60, 60, 67, 0.38);
}

.bt_42 {
    border-top: 1px solid #424242;
}

.vertical-borders-20 {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.border-color-red {
    border-color: #F3663F!important;
}

.box-sizing {
    box-sizing: border-box;
}

/* overflow */
.overflow-hidden {
    overflow: hidden;
}

.overflow-visible {
    overflow: visible;
}

.overflow-initial {
    overflow: initial!important;
}

.oveflow_ellipse {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-y-hidden {
    overflow-y: hidden !important;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.overscoll_none {
    overscroll-behavior: none;
}

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ellipsis_2_lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: max-content;
}

.ellipsis_6_lines {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: max-content;
}
.nowrap {
    white-space: nowrap;
}

.white_space_normal {
    white-space: normal;
}

.break_word {
    word-break: break-word;
}


/* vertical-align  */
.vertical-top {
    vertical-align: top;
}

.vertical-bottom {
    vertical-align: bottom;
}

/* text-transform */
.text-uppercase {
    text-transform: uppercase;
}

.text-normal {
    text-transform: none;
}

.hover_underline:hover {
	text-decoration: underline;
}

.pointer {
    cursor: pointer;
}

/* transform */
.rotate_45 {
    transform: rotate(45deg);
}

.rotate_90 {
    transform: rotate(90deg);
}

.rotate_180 {
    transform: rotate(180deg);
}

.rotate_270 {
    transform: rotate(270deg);
}

.blue_button,
.red_button,
.white_button {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: var(--default-border-radius);
    cursor: pointer;
    line-height: 14px;
}

.blue_button,
.red_button {
    color: #ffffff;
    border: none;
}

.blue_button {
    background-color: var(--blue-button-background);
}

.blue_button:hover,
.blue_button:active,
.white_button:hover,
.white_button:active {
    background-color: var(--light-blue);
}

.red_button {
    background-color: var(--another-red);
}

.red_button:hover,
.red_button:active {
    background-color: var(--red-hover);
}

.white_button {
    padding-top: 6px;
    padding-bottom: 6px;
    color: var(--black-text);
    background-color: #ffffff;
    border: 1px solid var(--blue-button-background);
}

.white_button:hover,
.white_button:active {
    color: #ffffff;
    border: 1px solid var(--light-blue);
}

.transition-slide-in {
    opacity: 0;
    transform: scaleX(0);
    transform-origin: 100% 0%;
    transition: transform 0.3s ease-in, opacity 0.05s ease-in 0.3s;
}

.transition-slide-out {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 100% 0%;
    transition: transform 0.3s ease-out;
}