/* Width in % */
.w3x {
  width: 3%;
  max-width: 3%;
}

.w4x {
  width: 4%;
  max-width: 4%;
}

.w5x {
  width: 5%;
  max-width: 5%;
}

.w6x {
  width: 6%;
  max-width: 6%;
}

.w7x {
  width: 7%;
  max-width: 7%;
}

.w8x {
  width: 8%;
  max-width: 8%;
}

.w10x {
  width: 10%;
  max-width: 10%;
}

.w15x {
  width: 15%;
  max-width: 15%;
}

.w20x {
  width: 20%;
  max-width: 20%;
}

.w25x {
  width: 25%;
  max-width: 25%;
}

.w30x {
  width: 30%;
  max-width: 30%;
}

.w33x {
  width: 33%;
  max-width: 33%;
}

.w35x {
  width: 35%;
  max-width: 35%;
}

.w40x {
  width: 40%;
  max-width: 40%;
}

.w45x {
  width: 45%;
  max-width: 45%;
}

.w50x {
  width: 50%;
  max-width: 50%;
}

.w55x {
  width: 55%;
  max-width: 55%;
}

.w60x {
  width: 60%;
  max-width: 60%;
}

.w65x {
  width: 65%;
  max-width: 65%;
}

.w70x {
  width: 70%;
  max-width: 70%;
}

.w75x {
  width: 75%;
  max-width: 75%;
}

.w80x {
  width: 80%;
  max-width: 80%;
}

.w85x {
  width: 85%;
  max-width: 85%;
}

.w90x {
  width: 90%;
  max-width: 90%;
}

.w95x {
  width: 95%;
  max-width: 95%;
}

.w100x {
  width: 100%;
  max-width: 100%;
}

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

.w125x {
  width: 125%;
  max-width: 125%;
}

.w150x {
  width: 150%;
  max-width: 150%;
}

.w175x {
  width: 175%;
  max-width: 175%;
}

.w200x {
  width: 200%;
  max-width: 200%;
}

/* Width in px */
.w20px {
  width: 20px;
  max-width: 20px;
}

.w30px {
  width: 30px;
  max-width: 30px;
}

.w40px {
  width: 40px;
  max-width: 40px;
}

.w50px {
  width: 50px;
  max-width: 50px;
}

.w60px {
  width: 60px;
  max-width: 60px;
}

.w70px {
  width: 70px;
  max-width: 70px;
}

.w75px {
  width: 75px;
  max-width: 75px;
}

.w80px {
  width: 80px;
  max-width: 80px;
}

.w90px {
  width: 90px;
  max-width: 90px;
}

.w100px {
  width: 100px;
  max-width: 100px;
}

.w125px {
  width: 125px;
  max-width: 125px;
}

.w150px {
  width: 150px;
  max-width: 150px;
}

.w175px {
  width: 175px;
  max-width: 175px;
}

.w200px {
  width: 200px;
  max-width: 200px;
}

.w220px {
  width: 220px;
  max-width: 220px;
}

.w250px {
  width: 250px;
  max-width: 250px;
}

.w275px {
  width: 275px;
  max-width: 275px;
}

.w295px {
  width: 295px;
  max-width: 295px;
}

.w300px {
  width: 300px;
  max-width: 300px;
}

.w400px {
  width: 400px;
  max-width: 400px;
}

.w500px {
  width: 500px;
  max-width: 500px;
}

.w600px {
  width: 600px;
  max-width: 600px;
}

.w650px {
  width: 650px;
  max-width: 650px;
}

.w700px {
  width: 700px;
  max-width: 700px;
}

.w800px {
  width: 800px;
  max-width: 800px;
}

.w900px {
  width: 900px;
  max-width: 900px;
}

.w1000px {
  width: 1000px;
  max-width: 1000px;
}

.w2000px {
  width: 2000px;
  max-width: 2000px;
}

.w2500px {
  width: 2500px;
  max-width: 2500px;
}

/* Height */
.h10x {
  height: 10%;
  max-height: 10%;
}

.h20x {
  height: 20%;
  max-height: 20%;
}

.h30x {
  height: 30%;
  max-height: 30%;
}

.h40x {
  height: 40%;
  max-height: 40%;
}

.h50x {
  height: 50%;
  max-height: 50%;
}

.h60x {
  height: 60%;
  max-height: 60%;
}

.h70x {
  height: 70%;
  max-height: 70%;
}

.h80x {
  height: 80%;
  max-height: 80%;
}

.h90x {
  height: 90%;
  max-height: 90%;
}

.h100x {
  height: 100%;
  max-height: 100%;
}

/* Height in px */
.h20px {
  height: 20px;
  max-height: 20px;
}

.h30px {
  height: 30px;
  max-height: 30px;
}

.h40px {
  height: 40px;
  max-height: 40px;
}

.h50px {
  height: 50px;
  max-height: 50px;
}

.h100px {
  height: 100px;
  max-height: 100px;
}

.h150px {
  height: 150px;
  max-height: 150px;
}

.h200px {
  height: 200px;
  max-height: 200px;
}

.h250px {
  height: 250px;
  max-height: 250px;
}

.h300px {
  height: 300px;
  max-height: 300px;
}

.h350px {
  height: 350px;
  max-height: 350px;
}

.lh10px {
  line-height: 10px;
}

.lh20px {
  line-height: 20px;
}

.lh25px {
  line-height: 25px;
}

.lh30px {
  line-height: 30px;
}

/* Min-Width in % */
.min_w40x {
  min-width: 40%;
}

.min_w50x {
  min-width: 50%;
}

.min_w75x {
  min-width: 75%;
}

.min_w100x {
  min-width: 100%;
}

.min_w300x {
  min-width: 300%;
}

/* Min-Width in px */
.min_w50px {
  min-width: 50px;
}

.min_w75px {
  min-width: 75px;
}

.min_w100px {
  min-width: 100px;
}

.min_w300px {
  min-width: 300px;
}

/* Max-Width in px */
.max_w50px {
  max-width: 50px;
}

.max_w75px {
  max-width: 75px;
}

.max_w100px {
  max-width: 100px;
}

.max_w300px {
  max-width: 300px;
}

/* Border Radius */
.brd_r0 {
  border-radius: 0% !important;
}

.brd_r25 {
  border-radius: 25%;
}

.brd_r50 {
  border-radius: 50%;
}

.brd_6px {
  --bs-border-width: 6px;
}

/* Direction */
.all_right {
  direction: rtl !important;
  text-align: right !important;
}

.all_left {
  direction: ltr !important;
  text-align: left !important;
}

/* Background colors */
.transparent {
  background-color: transparent !important;
}

/* White Space */
.nowrap {
  white-space: nowrap;
}

.prewrap {
  white-space: pre-wrap;
}

/* Outline */
.outline_0 {
  outline: none;
}

.vertical_top {
  vertical-align: top;
}

.my_input_group_c {
  display: flex;
  flex-direction: column;
}
.my_input_group_c .my_input_group_text {
  text-align: center;
  color: #495057;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.my_input_group_c textarea {
  margin: -1px 0px 0px 0px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.cursor_pointer {
  cursor: pointer;
}

.cursor_grab {
  cursor: grab;
}

.cursor_move {
  cursor: move !important;
}

.mouse_resize {
  cursor: col-resize;
}

.no_select {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.pre_wrap {
  white-space: pre-wrap;
}

.text_lightgray {
  color: lightgray;
}

.loader_line {
  width: auto;
  height: 3px;
  position: relative;
  overflow: hidden;
  background-color: gray;
  margin: 1px auto;
  border-radius: 20px;
}

.loader_line:before {
  content: "";
  position: absolute;
  left: -50%;
  height: 3px;
  width: 40%;
  background-color: goldenrod;
  animation: lineAnim 1s linear infinite;
  border-radius: 20px;
}

@keyframes lineAnim {
  0% {
    left: -40%;
  }
  50% {
    left: 20%;
    width: 80%;
  }
  100% {
    left: 100%;
    width: 100%;
  }
}
.seperated_td_table {
  border-spacing: 0.2em;
  border-collapse: separate;
}

.d_nl_block {
  display: inline-block;
}

.d_print_only {
  display: none;
}

@media print {
  .d_print_only {
    display: unset;
  }
  .d_print_none {
    display: none;
  }
}
/* The container */
.nice_checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
}
.nice_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  /* Show the checkmark when checked */
}
.nice_checkbox input:checked ~ .checkmark:after {
  display: block;
}
.nice_checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Style the checkmark/indicator */
}
.nice_checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.nice_checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.nice_checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}
.nice_checkbox input:checked ~ .checkmark {
  background-color: #2196F3;
}/*# sourceMappingURL=my.css.map */