/* line 14, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.blue-color {
  color: #0096FF;
}

/* line 17, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.purple-color {
  color: #bb3264;
}

/* line 20, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.white-color {
  color: #ffffff;
}

/* line 23, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.grey-color {
  color: #f2f2f2;
}

/* line 26, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.green-color {
  color: #00cc00;
}

/* line 29, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.red-color {
  color: #ff4d4d;
}

/* line 32, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.white-background-color {
  background-color: #ffffff;
}

/* line 35, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.blue-background-color {
  background-color: #0096FF;
}

/* line 38, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.purple-background-color {
  background-color: #bb3264;
}

/* line 41, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.grey-background-color {
  background-color: #f2f2f2;
}

/* line 44, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.dark-grey-background-color {
  background-color: #DBDBDB;
}

/* line 47, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.green-background-color {
  background-color: #f2f2f2;
}

/* line 50, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.red-background-color {
  background-color: #ff4d4d;
}

/* line 53, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.whitevector {
  fill: #ffffff;
}

/* line 56, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.purplevector {
  fill: #bb3264;
}

/* line 59, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.bluevector {
  fill: #0096FF;
}

/* line 62, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.greyvector {
  fill: #f2f2f2;
}

/* line 65, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.dark-greyvector {
  fill: #DBDBDB;
}

/* line 68, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.cursor-pointer {
  cursor: default;
}

/* line 71, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.input-remove-border {
  border: none;
}

/* line 74, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.input-width-edit {
  width: calc(100% - (22px + 2em));
}

/* .display-flex{
	display: flex;

} */
/* line 81, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.flex-direction-from-down {
  flex-direction: column-reverse;
}

/* line 84, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.flex-wrap {
  flex-wrap: wrap;
}

/* line 87, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.flex-direction-row {
  flex-direction: row;
}

/* line 90, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.flex-align-items-flex-start {
  align-items: stretch;
}

/* line 93, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.flex-center {
  align-items: center;
}

/* line 98, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.border-radius {
  border-radius: 0.3em;
}

/* line 101, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.box-shadow {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

/* line 104, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.center-text {
  text-align: center;
}

/* line 107, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.center-text-vertically {
  vertical-align: middle;
}

/* line 110, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.month-load-info {
  padding: 1em;
  cursor: default;
}

/* line 114, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.remove-border {
  border: none;
}

/* line 117, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.chanage-icon {
  width: 20px;
  height: 20px;
}

/* line 124, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.width-full {
  width: 100%;
}

/* line 127, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.width-half {
  width: 50%;
}

/* line 130, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.width-half-em {
  width: calc((100% - 1em)/2);
}

/* line 133, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.forth-fifth-width {
  width: 100%;
}

/* line 136, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.width-one-fourth {
  width: 25%;
}

/* line 139, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.width-normal {
  width: calc( ( 100% - 3em ) / 4);
}

/* .height-full{
height: 100%;
} */
/* line 145, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.height-half {
  height: 50%;
}

/* line 148, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.font-size-inherit {
  font-size: inherit;
}

/* line 151, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.font-size-large {
  font-size: 24px;
}

/* line 154, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.box-height-normal {
  height: 41px;
}

/* line 157, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.padding-normal {
  padding: 1em;
}

/* line 161, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.half-padding {
  padding: 0.5em;
}

/* line 164, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.padding-left-right {
  padding: 0 0.5em 0 0.5em;
}

/* line 167, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.padding-left {
  padding: 0 0 0 0.5em;
}

/* line 170, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.padding-bottom {
  padding: 0 0 1em 0;
}

/* line 173, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.margin-normal {
  margin: 1em;
}

/* line 176, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.margin-half {
  margin: 0.5em;
}

/* line 179, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.margin-bottom-normal {
  margin: 0 0 1em 0;
}

/* line 182, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.margin-bottom-big {
  margin-bottom: 4.25em;
}

/* line 185, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.margin-right {
  margin: 0 1em 0 0;
}

/* line 188, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.margin-left {
  margin: 0 0 0 1em;
}

/* line 191, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.margin-left-right {
  margin: 1em 0 1em 0;
}

/* line 194, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.remove-margin {
  margin: 0;
}

/* line 197, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.remove-padding {
  padding: 0;
}

/* line 200, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.font-inherit {
  font: inherit;
}

/* line 203, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.font-size-inherit {
  font-size: inherit;
}

/* line 206, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.input-border {
  box-shadow: 0px 0px 0px 1px grey inset;
}

/* line 209, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.display-flex-normal {
  display: flex;
}

/* line 212, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.display-flex-space-between {
  justify-content: space-between;
}

/* line 215, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 41px;
  font-size: inherit;
  border-radius: 0.3em;
  color: #ffffff;
}

/* line 228, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.text-in-button {
  margin: calc(0.5em + 2.5px);
}

/* line 231, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.yield-div {
  grid-column: 3/8;
  padding: 1em 1em 5em 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
  grid-gap: 1em;
}

/* line 241, /web/gr-front-end/app/assets/stylesheets/pages.scss */
#form-div {
  display: flex;
  justify-content: space-between;
  /* max-width:334px; */
  flex-wrap: wrap;
  padding: 1em;
  /* box-shadow: 0 1px 5px rgba(0 , 0, 0 , 0.25); */
  border-radius: 0.3em;
  /*     margin-top: 10vh;
      margin-bottom: 10vh; */
  /* margin: 6em auto; */
}

/* line 253, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.btn-href-form {
  cursor: default;
  width: 100%;
  font: inherit;
  /*   margin-top:1em; */
  border: none;
  border-radius: 0.3em;
  text-decoration: none;
  background-color: #bb3264;
  color: white;
  height: 3em;
}

/* line 267, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.button-excel-pdf {
  display: flex;
  margin: auto;
  flex-wrap: nowrap;
  padding: 1em;
}

/* line 274, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.button-excel-pdf span {
  margin: auto;
  flex-wrap: nowrap;
}

/* line 281, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.session-form {
  width: 100%;
}

/* line 287, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.field-input {
  /* 5.06.2020 */
  width: calc((100% - 1vw)/2);
  /* margin-bottom:1vw; */
  width: 100%;
  margin: 1em 0;
}

/* line 296, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.label-field-class {
  display: block;
  padding: 0.6em 0 0.3em 0;
  color: white;
  text-align: center;
  color: black;
  font-size: inherit;
}

/* line 307, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.input-field-class {
  height: 3em;
  width: 100%;
  font: inherit;
  border-radius: 0.3em;
  outline: none;
  border: 1px solid #bb3264;
  padding: 0.6em;
  background-color: white;
  filter: none;
}

/* line 322, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.rcp {
  background-image: url("reCap.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  /* Set a width for the image */
  height: 100px;
}

/* line 329, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.reset-password {
  margin: 1em 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  text-align: center;
}

/* line 339, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.reset-password ul {
  color: #bb3264;
  padding: 0;
  text-align: center;
  cursor: default;
}

/* line 346, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.form-buttons {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  margin: 1em 0;
}

/* line 354, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.g-recaptcha > div {
  width: auto !important;
}

/* line 357, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.general-information {
  grid-column: 1/5;
  width: 100%;
  min-height: 5em;
}

/* line 362, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.inner-client-number-box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 1em 0;
}

/* .general-information-inner-div{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;

flex-wrap: wrap;
} */
/* line 378, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.information-headers {
  width: 100%;
  /* display: flex; */
  justify-content: space-between;
}

/* .horizontal-line{
grid-column: 1/5;
	width: 100%;
	height: 2px;

} */
/* line 392, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.shop-devices-info {
  width: calc(100% - 28px);
}

/* line 397, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.edit-main-div {
  top: 0;
  width: 100vw;
  min-height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

/* line 408, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.edit-div-password {
  width: 30vw;
  min-height: 10vh;
  z-index: 1100;
  filter: none;
  position: absolute;
  left: 50%;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* line 421, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.edit-div {
  width: 50vw;
  min-height: 10vh;
  z-index: 1100;
  filter: none;
  position: absolute;
  left: 50%;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* line 433, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.edit-input {
  height: 41px;
  border: 1px solid #bb3264;
}

/* line 437, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.language-select {
  border: 1px solid gray;
}

/* line 441, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.edit-button-width {
  width: calc((100% - 1em)/2);
}

/* line 444, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.error-message {
  min-height: 3em;
}

@media screen and (max-width: 1255px) {
  /* line 450, /web/gr-front-end/app/assets/stylesheets/pages.scss */
  .yield-div {
    grid-column: 1/8;
    grid-template-columns: repeat(3, 1fr);
    padding: 1em 1em 1em 1em;
  }

  /* line 457, /web/gr-front-end/app/assets/stylesheets/pages.scss */
  .general-information {
    grid-column: 1/3;
  }

  /*  .horizontal-line{
   	grid-column: 1/3;
   } */
  /* line 463, /web/gr-front-end/app/assets/stylesheets/pages.scss */
  .width-normal {
    width: calc( (100% - 1em)/2);
  }

  /* line 467, /web/gr-front-end/app/assets/stylesheets/pages.scss */
  .edit-div-password {
    width: 40vw;
  }

  /* line 470, /web/gr-front-end/app/assets/stylesheets/pages.scss */
  .edit-div {
    width: 70vw;
  }
}
/* line 475, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.main-client-number-box {
  grid-column: 2/4;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding-bottom: 10px;
}

@media screen and (max-width: 640px) {
  /* line 486, /web/gr-front-end/app/assets/stylesheets/pages.scss */
  .yield-div {
    grid-template-columns: 1fr;
  }

  /* line 494, /web/gr-front-end/app/assets/stylesheets/pages.scss */
  .general-information {
    grid-column: 1/2;
  }

  /*  .horizontal-line{
   	grid-column: 1/2;
   } */
  /* line 501, /web/gr-front-end/app/assets/stylesheets/pages.scss */
  .width-normal {
    width: 100%;
  }

  /* line 504, /web/gr-front-end/app/assets/stylesheets/pages.scss */
  .edit-div-password {
    width: 80vw;
  }

  /* line 507, /web/gr-front-end/app/assets/stylesheets/pages.scss */
  .edit-div {
    width: 90vw;
  }
}
@media screen and (max-width: 1255px) {
  /* line 516, /web/gr-front-end/app/assets/stylesheets/pages.scss */
  .main-client-number-box {
    grid-column: 1/4;
  }
}
@media screen and (max-width: 450px) {
  /* line 522, /web/gr-front-end/app/assets/stylesheets/pages.scss */
  .yield-div {
    grid-column: 2/8;
  }

  /* line 525, /web/gr-front-end/app/assets/stylesheets/pages.scss */
  .main-client-number-box {
    grid-column: 1/5;
  }
}
/* line 529, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.inline-button {
  display: inline-block;
  padding: 10px 20px;
  /* Adjust padding as needed */
  margin-right: 10px;
  /* Space between buttons */
}

/* line 535, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.amount {
  margin-left: 20px;
  /* Space between the last button and the amount */
  text-align: center !important;
}

/* line 539, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.header-div-page {
  height: 6em;
  width: 100%;
  display: flex;
  color: white;
  cursor: default;
  align-items: right;
  /* justify-content: space-between; */
  background-image: linear-gradient(90deg, #0093ff, #bb3264);
  /* margin: auto; */
  /* padding: 0 1vw; */
}

/* line 553, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.header-name {
  display: flex;
  margin-left: auto;
  margin-bottom: auto;
  margin-top: auto;
  margin-right: 1em;
  text-align: right;
}

/* line 561, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.header-div-page li {
  text-align: right;
  display: block;
  color: inherit;
  text-decoration: none;
  color: white;
  margin-left: auto;
  padding: 15px;
}

/* line 571, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.ul-li {
  display: flex;
  list-style-type: circle !important;
}

/* line 578, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.ul-li li {
  display: list-item;
  list-style-position: outside;
  list-style-type: disc !important;
  unicode-bidi: isolate;
}

/* line 591, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.logo {
  padding: 8px 16px;
  display: flex;
}

/* line 598, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.header-div-page-blue {
  text-align: right;
  height: 3em;
  width: 100%;
  display: flex;
  color: white;
  /* align-items: center; */
  /* justify-content: space-between; */
  background-color: #0093ff;
  /* padding: 0 1vw; */
}

/* line 610, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.header-div-page-blue p {
  text-align: left;
  margin-left: auto;
  padding-right: 10px;
}

/* line 616, /web/gr-front-end/app/assets/stylesheets/pages.scss */
li {
  display: block;
  color: inherit;
  text-decoration: none;
  margin: auto auto auto auto;
}

/* line 625, /web/gr-front-end/app/assets/stylesheets/pages.scss */
li::marker {
  color: grey;
}

/* line 629, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.main-client-number-box {
  grid-column: 2/4;
  width: 100%;
  /* padding:10px; */
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
}

/* line 639, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.inner-client-number-box {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 1em 0;
  padding: 1em;
  /* Add padding */
  margin-bottom: 1em;
}

/* line 651, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.radio-button {
  margin: 1em;
  width: 24px;
  height: 24px;
}

/* line 656, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.client-number-header {
  width: calc(100% - ( 24px + 2em));
}

/* line 659, /web/gr-front-end/app/assets/stylesheets/pages.scss */
.client-number-information {
  margin: 0 0 1em calc(2em + 24px);
}

@media screen and (max-width: 1255px) {
  /* line 667, /web/gr-front-end/app/assets/stylesheets/pages.scss */
  .main-client-number-box {
    grid-column: 1/4;
  }
}
@media screen and (max-width: 450px) {
  /* line 673, /web/gr-front-end/app/assets/stylesheets/pages.scss */
  .yield-div {
    grid-column: 2/9;
  }

  /* line 676, /web/gr-front-end/app/assets/stylesheets/pages.scss */
  .main-client-number-box {
    grid-column: 1/5;
  }
}