@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-Regular.eot");
  src: local("Roboto"), local("Roboto-Regular"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Regular.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-Italic.eot");
  src: local("Roboto Italic"), local("Roboto-Italic"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Italic.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Italic.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-Bold.eot");
  src: local("Roboto Bold"), local("Roboto-Bold"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Bold.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-BoldItalic.eot");
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-BoldItalic.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-ThinItalic.eot");
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-ThinItalic.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-Thin.eot");
  src: local("Roboto Thin"), local("Roboto-Thin"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Thin.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-Light.eot");
  src: local("Roboto Light"), local("Roboto-Light"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Light.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-LightItalic.eot");
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-LightItalic.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-Medium.eot");
  src: local("Roboto Medium"), local("Roboto-Medium"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Medium.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-MediumItalic.eot");
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-MediumItalic.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-MediumItalic.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-Black.eot");
  src: local("Roboto Black"), local("Roboto-Black"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Black.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("https://static.e-auksion.uz/fonts/roboto/Roboto-BlackItalic.eot");
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-BlackItalic.eot?#iefix") format("embedded-opentype"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-BlackItalic.woff") format("woff"), url("https://static.e-auksion.uz/fonts/roboto/Roboto-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
body {
  color: #023581;
  font-family: Roboto, sans-serif;
}

a {
  text-decoration: none;
  color: #023581;
}

.page-width {
  width: 100%;
  padding-left: 150px;
  padding-right: 150px;
}

.clear {
  clear: both;
}

.id-btn {
  background: #F1F2F7;
  color: #023581;
  border-radius: 8px;
  height: 48px;
  font-weight: 500;
}

.id-btn:hover {
  background: #e1e4e9;
}

.ea-bg-blue {
  background-color: #EBF3FF;
}

.text-eablue {
  color: #023581;
}

.bg-eablue {
  background: #023581;
}

.ea-bg-btn-blue {
  background-color: #023581;
}

.ea-btn-blue {
  color: #ffffff;
  background-color: #023581 !important;
  padding-left: 40px;
  padding-right: 40px;
  line-height: 36px;
  border: 1px solid #023581;
}

.ea-btn-blue:active,
.ea-btn-blue:hover,
.ea-btn-blue:focus,
.ea-btn-blue:active:focus,
.ea-btn-blue:active:hover {
  color: #023581 !important;
  border-color: #023581 !important;
  background-color: #ffffff !important;
}

.ea-btn-blue:hover > .q-focus-helper {
  background-color: #ffffff !important;
}

.ea-btn-border-blue {
  color: #023581 !important;
  background-color: #ffffff !important;
  line-height: 36px;
  border: 1px solid #023581;
}

.ea-btn-border-blue:active,
.ea-btn-border-blue:hover,
.ea-btn-border-blue:focus,
.ea-btn-border-blue:active:focus,
.ea-btn-border-blue:active:hover {
  color: #ffffff !important;
  border-color: #023581 !important;
  background-color: #023581 !important;
}

.ea-btn-border-blue:hover > .q-focus-helper {
  background-color: #023581 !important;
}

.text-blue-color {
  color: #023581;
}

.blackAndWhite {
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.blackAndWhiteInvert,
.blackAndWhiteInvert img,
.blackAndWhiteInvert embed,
.blackAndWhiteInvert video {
  -moz-filter: grayscale(100%) invert(100%);
  -o-filter: grayscale(100%) invert(100%);
  filter: grayscale(100%) invert(100%);
}

.warning-div {
  background-color: #023581;
  padding: 25px 40px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  text-align: center;
}

.ea-info-alert {
  background-color: #cce6ff;
  border-radius: 4px;
  margin: 16px 0;
  padding: 16px 24px;
  font-size: 1em;
  border: 1px solid #1976d2;
  letter-spacing: 0.5px;
  text-align: justify;
}

.ea-success-alert {
  background-color: #c1f4cd;
  border-radius: 4px;
  margin: 16px 0;
  padding: 16px 24px;
  font-size: 1em;
  border: 1px solid #21ba45;
  letter-spacing: 0.5px;
  color: #000000;
}

.ea-warning-alert {
  background-color: #f9e09b;
  border-radius: 4px;
  margin: 16px 0;
  padding: 16px 24px;
  font-size: 1em;
  border: 1px solid #f2c037;
  letter-spacing: 0.5px;
  color: #000000;
}

.ea-error-alert {
  background-color: #ffc0c6;
  border-radius: 4px;
  margin: 16px 0;
  padding: 16px 24px;
  font-size: 1em;
  border: 1px solid #c10015;
  letter-spacing: 0.5px;
  color: #000000;
}

.font-14 {
  font-size: 14px !important;
}

.font-15 {
  font-size: 15px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-19 {
  font-size: 19px !important;
}

.font-20 {
  font-size: 20px !important;
}

.e-imzo-btn .q-btn__wrapper {
  padding-left: 5px;
  padding-right: 5px;
}

.text-line-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  box-orient: vertical;
}

.text-line-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
}

.text-line-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  box-orient: vertical;
}

.ea-select-line-1 .q-field__native span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  box-orient: vertical;
}

.letter-space-05 {
  letter-spacing: 0.5px;
}

/***** Base Page ******/
.cabinet-profile-div {
  /*border: 1px solid $border_color_rgba;*/
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #fff;
  margin-right: 40px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.cabinet-profile-div .profile-name-img {
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 20px;
}

.cabinet-profile-div .profile-image-div {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  overflow: hidden;
  float: left;
  position: relative;
}

.cabinet-profile-div .profile-image-div img {
  width: 100%;
}

.cabinet-profile-div .profile-image-div .change-photo {
  position: absolute;
  bottom: 0;
  height: 30px;
  display: inline-block;
  text-align: center;
  padding: 0px 5px;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 20px;
  color: #fff;
}

.cabinet-profile-div .profile-name-img .profile-name-div {
  float: left;
  width: calc(100% - 110px);
}

.cabinet-profile-div .profile-name-img .profile-name-title {
  font-size: 20px;
  font-weight: 500;
  margin-left: 10px;
  width: 100%;
  min-height: 100px;
  display: flex;
  line-height: 1.2;
  align-items: center;
}

.cabinet-profile-div .profile-balance {
  font-size: 20px;
}

.cabinet-profile-div .profile-balance label {
  line-height: 20px;
}

.cabinet-profile-div .cabinet-back-money {
  font-size: 16px;
}

.cabinet-profile-div .profile-attributes .profile-attribute-title {
  font-size: 16px;
  margin-bottom: 15px;
  color: #023581;
}

.cabinet-profile-div .cabinet-profile-title {
  font-size: 18px;
}

.cabinet-profile-div .cabinet-profile-sub-title {
  font-size: 16px;
}

.cabinet-profile-div .q-item.q-router-link--active {
  color: #E9AC1C;
}

.payment-sidebar {
  /*border: 1px solid $border_color_rgba;*/
  padding-top: 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #fff;
  margin-right: 40px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.payment-sidebar .payment-sidebar-title .right-block-title-line {
  margin: 0 auto;
}

.payment-sidebar .payment-sidebar-title {
  font-size: 20px;
  font-weight: bold;
}

.payment-sidebar .pay-div {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.payment-sidebar .bank-pay {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid rgba(3, 58, 141, 0.2);
  font-size: 18px;
  text-align: center;
  width: 100%;
}

.payment-sidebar .bank-pay i {
  font-size: 24px;
}

.payment-sidebar .bank-rekvisit-div .rekvisit-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0;
  text-align: left;
}

.payment-sidebar .bank-rekvisit-div .rekvisit-value {
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: left;
}

.payment-sidebar .refund_btn {
  border: 1px solid rgba(3, 58, 141, 0.2);
}

.ea-breadcrumbs {
  padding-top: 10px;
  padding-bottom: 10px;
}

/******** Header ********/
.ea-header {
  color: #023581;
  border-bottom: 1px solid rgba(3, 58, 141, 0.2);
}

.ea-header-toolbar {
  /*border-bottom: 1px solid $border_color_rgba;*/
}

.ea-header-title {
  font-size: 17px;
  margin-right: 15px;
  line-height: 34px;
}

.ea-header-title i {
  font-size: 20px;
  margin-top: -3px;
}

.ea-header-title img {
  margin-top: -3px;
  width: 30px;
}

.special_facilities.q-item {
  min-height: 34px;
}

.special_facilities .q-item__label {
  font-size: 16px;
}

.special_facilities .q-item__label img {
  margin-top: -3px;
  width: 30px;
}

.special_facilities:hover {
  cursor: pointer;
}

.special_facilities_menu {
  min-width: 300px;
  border-top: 4px solid #023581;
}

.ea-header-language {
  border: 1px solid #023581;
  margin-top: 8px;
  margin-bottom: 8px;
}

.menu-language {
  color: #023581;
  height: 34px;
}

.menu-language .q-icon {
  margin-left: 0;
}

.menu-language-img {
  width: 22px;
  color: #023581;
}

.ea-header-buttons {
  height: 34px;
  margin-left: 20px;
}

.ea-header-buttons:active,
.ea-header-buttons:hover,
.ea-header-buttons:focus,
.ea-header-buttons:active:focus,
.ea-header-buttons:active:hover {
  color: #ffffff !important;
  border-color: #023581 !important;
  background-color: #023581 !important;
}

.ea-header-buttons:hover > .q-focus-helper {
  background-color: #023581 !important;
}

.ea-header-logo {
  height: 35px;
  margin: 0 0;
}

.ea-menu-div {
  float: right;
}

.ea-menu-div .ea-menu-link {
  font-size: 18px;
  padding: 20px 0;
  margin-left: 30px;
  font-weight: normal;
}

.ea-menu-div .ea-menu-link:hover > .q-focus-helper {
  background: none !important;
}

.ea-menu-div .ea-menu-link > .q-btn__wrapper {
  padding-left: 0;
  padding-right: 0;
}

.ea-menu-div .ea-menu-link-demo {
  background: #DEE9FF !important;
  font-size: 18px;
  margin-left: 30px;
  font-weight: normal;
}

.ea-menu-div .ea-menu-link-demo .q-btn__wrapper {
  min-height: 1.2em;
  padding: 2px 15px;
}

.profile-item .profile-title {
  font-size: 14px;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
}

.profile-dropdown-title {
  max-width: 100px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  box-orient: vertical;
}

.profile-item {
  min-height: auto;
}

.header-notification {
  margin-top: 0px;
}

.ea-full-page {
  margin-top: 0px;
}

.menu-notification-item {
  border-bottom: 1px solid rgba(3, 58, 141, 0.2);
}

.menu-notification-item .menu-notification-item-label {
  font-size: 13px;
  font-weight: 400;
}

.menu-notification-all_mg {
  font-size: 12px;
  text-transform: none;
}

.menu-notification-read_all {
  font-size: 12px;
  text-transform: none;
  margin-left: 0 !important;
}

.home-page-div {
  width: 600px;
  margin: 0 auto;
  padding-top: 100px;
}

.home-page-div .login-title {
  margin-left: 30px;
  margin-right: 30px;
  padding-bottom: 10px;
  color: #023581;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  border-bottom: 4px solid #E9AC1C;
}

.home-page-div .form-div {
  margin-top: 20px;
  padding: 60px 0 70px 0;
  border: 1px solid rgba(3, 58, 141, 0.2);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.auth-line {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  height: 1px;
  width: calc(100% - 80px);
  margin: 0 40px;
}

.beta_version {
  padding: 5px 16px;
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
}

.beta-version-icon {
  display: none;
}

/**** Login Page ****/
.authorization-div {
  width: 650px;
  margin: 0 auto;
  padding-top: 100px;
}

.authorization-div .login-title {
  margin-left: 30px;
  margin-right: 30px;
  padding-bottom: 10px;
  color: #023581;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  border-bottom: 4px solid #E9AC1C;
}

.authorization-div .login-title2 {
  padding-bottom: 10px;
  color: #023581;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  border-bottom: 4px solid #E9AC1C;
}

.authorization-div .form-div {
  margin-top: 20px;
  padding: 60px 70px 40px 70px;
  border: 1px solid rgba(3, 58, 141, 0.2);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.authorization-div .form-div2 {
  margin-top: 20px;
  padding: 60px 70px 40px 70px;
  border: 1px solid rgba(3, 58, 141, 0.2);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.authorization-div .check-div {
  margin: 20px 20% 0 20%;
}

.authorization-div .check-div a {
  font-size: 16px;
}

.recovery_pass {
  float: right;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.sign-qr-code {
  display: block;
  cursor: pointer;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 30px;
  right: 30px;
}

.sign-eds {
  display: block;
  cursor: pointer;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 20px;
  right: 20px;
}

.bg-eds {
  background: url(https://static.e-auksion.uz/images/e-imzo.png) no-repeat;
}

.bg-qr {
  background: url(https://static.e-auksion.uz/images/bg-qr.png) no-repeat;
}

.bg-desktop {
  background: url(https://static.e-auksion.uz/images/bg-desktop.png) no-repeat;
}

.line-with-text {
  border-top: 1px solid rgba(0, 0, 0, 0.22);
  width: 100%;
  text-align: center;
  margin: 40px 0 0 0;
  position: relative;
}

.line-with-text label {
  top: -12px;
  font-size: 15px;
  position: relative;
  background: #ffffff;
  padding-left: 10px;
  padding-right: 10px;
}

.width-qrcode img {
  width: 60%;
}

.captcha {
  margin-top: 10px;
  margin-bottom: 5px;
}
.captcha-image {
  width: 180px;
  height: 56px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.24);
}
.captcha-refresh {
  height: 56px;
}
.captcha-refresh .q-btn__wrapper {
  padding: 4px 10px;
}

/*****Change Login*******/
.change-login-stepper {
  margin-top: 30px;
}

/********* Find Login ********/
.subject-type-title {
  min-height: 30px;
  background: #EBF3FF;
}

.one-login-height {
  height: 165px;
}

.two-login-height {
  height: 330px;
}

.other-login-height {
  height: 400px;
}

.ea-scroll-bar {
  max-height: 400px;
  min-height: 100px;
  overflow-y: scroll;
}

/***** Registration Page ******/
.registration-page {
  width: 700px;
  margin: 0 auto;
  margin-top: 75px;
  margin-bottom: 75px;
}

.registration-page .registration-title {
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  color: #023581;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  border-bottom: 4px solid #E9AC1C;
}

.registration-page .user-type-label {
  font-size: 18px;
}

.buyer-label {
  color: #1976d2;
  font-weight: bold;
}

.customer-label {
  color: #ff9800;
  font-weight: bold;
}

.both-label {
  color: #00bcd4;
  font-weight: bold;
}

.reg-stepper {
  border: 1px solid rgba(3, 58, 141, 0.2);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.registration-page .verify-div {
  margin: 30px 20% 0 20%;
}

.activation-method-tab {
  background: none;
}

.registration-page .registration-form {
  padding: 20px 40px 20px 40px;
  border: 1px solid rgba(3, 58, 141, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.registration-page .registration-form .reg-sub-form {
  padding: 16px 16px 0 16px;
}

.verificate-div-title {
  font-size: 16px;
  color: #023581;
}

.success-note {
  font-size: 17px;
  color: #000000;
  background-color: #c1f4cd;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.is-valid-text {
  margin-top: -16px;
  color: #c10015;
  font-size: 12px;
}

.is_valid_checkbox {
  padding-left: 10px;
  padding-right: 16px;
}

.ea-code-btn {
  padding: 8px;
}

.ea-code-btn-timer {
  font-size: 18px;
}

.ea-code-btn-spinner {
  margin-right: 10px;
}

.q-btn.ea-code-btn .q-icon, .q-btn .q-spinner.ea-code-btn-spinner {
  font-size: 1.715em;
}

div.error-code > div.react-code-input > input[data-id] {
  color: red;
}

div.success-code > div.react-code-input > input[data-id] {
  color: green;
}

/******** Restore Password ********/
.restore_step {
  border: 1px solid rgba(3, 58, 141, 0.2);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.restore_footer {
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

/***** Home Page ********/
.cabinet-home-section {
  margin-top: 30px;
}

.last-notif .last-notif-short-content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  box-orient: vertical;
}

.home-notif-content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  box-orient: vertical;
}

/***Footer***/
.ea-footer {
  margin-top: 30px;
  margin-bottom: 20px;
}

.footer-left-div {
  color: #023581;
}

.footer-right-div {
  color: #023581;
}

.footer-right-div .phone-div {
  float: left;
}

.footer-right-div .phone2 {
  font-size: 33px;
  font-weight: bold;
  float: right;
}

.footer-right-div .phone1 {
  padding-top: 28px;
  padding-right: 5px;
  float: right;
}

.footer-right-div .phone-icon1 {
  float: right;
  width: 50px;
  height: 50px;
  margin-right: 25px;
  background-color: rgba(111, 212, 84, 0.3);
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.footer-right-div .phone-div > .phone-icon1 > .phone-icon2 {
  width: 40px;
  height: 40px;
  margin-top: 5px;
  margin-left: 5px;
  padding-top: 5px;
  padding-left: 5px;
  background-color: rgba(111, 212, 84, 0.5);
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.footer-right-div .phone-div > .phone-icon1 > .phone-icon2 > .phone-icon3 {
  width: 30px;
  height: 30px;
  background-color: #6fd454;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
  color: #fff;
}

.footer-right-div i {
  line-height: 30px;
}

.footer-left-div .social-title {
  float: right;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
  margin: 26px 10px 0 0;
}

.footer-left-div .social-icons-div {
  float: left;
}

.footer-left-div .social-icons-div .social-icon {
  width: 30px;
  height: 30px;
  float: right;
  margin-right: 55px;
}

.footer-left-div .social-icons-div .social-icon img {
  width: 100%;
}

.footer-left-div .social-icons-div .social-icon a {
  width: 100%;
  height: 100%;
}

.footer-copyright {
  margin-bottom: 20px;
  width: 400px;
}

.footer-menu {
  margin-bottom: 20px;
}

.footer-menu a {
  font-size: 16px;
  font-weight: bold;
  margin-right: 20px;
  text-decoration: none;
  color: #023581;
}

.order-view-img {
  width: 300px;
  float: left;
}

.online-chat {
  cursor: pointer;
  min-width: 270px;
  transform: rotate(270deg);
  position: fixed;
  bottom: 121px;
  right: -105px;
  padding: 15px 30px;
  background-color: #023581;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
}

.chat-title {
  font-size: 20px;
  color: #ffffff;
}

.chat-title i {
  padding-right: 10px;
}

.from-trade,
.lots-list-div .from-trade {
  background-color: #f2dede;
  border-color: #ff9da6;
}

.mobile-footer {
  display: none;
}

/************Responsivlik************/
/* Extra Large devices (extra large desktops, 1600px and up) */
@media (max-width: 1600px) {
  /****** Base layout*****/
  .page-width {
    padding-left: 100px;
    padding-right: 100px;
  }
}
/* Large devices (large desktops, 1400px and up) */
@media (max-width: 1400px) {
  /****** Base layout*****/
  .page-width {
    padding-left: 40px;
    padding-right: 40px;
  }
}
/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
  /****** Base layout*****/
  .page-width {
    padding-left: 20px;
    padding-right: 20px;
  }

  /********* Header ************/
  .special-facilities-ttile {
    display: none;
  }

  .special_facilities_menu {
    min-width: 150px;
  }
}
/* Large devices (large desktops, 1023px and up) */
@media (max-width: 1023px) {
  /********** Header ***********/
  .beta_version {
    padding: 10px 10px;
  }

  .beta-version-icon {
    display: block;
  }

  .beta-version-label {
    display: none;
  }

  /*******Footer**********/
  .footer-right-div {
    width: 100%;
    padding-bottom: 15px;
  }

  .footer-left-div {
    width: 100%;
    padding-bottom: 15px;
  }
}
/* Medium devices (desktops, 992px and down) */
@media (max-width: 992px) {
  /****** Base layout*****/
  .page-width {
    padding-left: 10px;
    padding-right: 10px;
  }
}
/******** Media **********/
@media (min-width: 800px) {
  .q-dialog__inner--minimized > .money_back_dialog {
    max-width: 700px;
  }
}
/* Small devices (tablets, 800px and down) */
@media (max-width: 800px) {
  /****** Login Page*****/
  .authorization-div {
    width: 100%;
  }

  /*********Registration Page***********/
  .registration-page {
    width: 100%;
  }
}
/* Small devices (tablets, 600px and down) */
@media (max-width: 600px) {
  /******** Header *********/
  .time_item {
    width: 100%;
    padding: 5px 0;
    min-height: 24px;
  }

  .logo-img {
    padding: 5px 0;
  }

  .ea-header-language {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .ea-header-title {
    line-height: 1em;
  }

  .special_facilities.q-item {
    min-height: 24px;
  }

  /********Footer*********/
  .ea-footer {
    margin-bottom: 20px;
  }

  .footer-copyright {
    width: 100%;
  }

  .footer-left-div {
    padding-bottom: 20px;
  }

  .footer-right-div {
    padding-bottom: 20px;
  }

  .footer-right-div .phone2 {
    font-size: 28px;
    line-height: 50px;
  }

  .footer-left-div .social-icons-div .social-icon {
    margin-right: 30px;
  }

  .rocketchat-widget[data-state=opened] {
    height: calc(100% - 83px) !important;
  }

  /* .rocketchat-widget {
     bottom: 50px !important;
     z-index: 2345 !important;
   }*/
  .mobile-footer {
    display: block;
  }

  /*********Login Page*********/
  .authorization-div .form-div {
    padding: 30px 15px 20px 15px;
  }

  .sign-qr-code {
    top: 0;
    right: 0;
  }

  .authorization-div {
    padding-top: 70px;
  }

  /*********** Registartion *************/
  .registration-page .registration-form {
    padding: 20px 15px 20px 15px;
  }

  .registration-page .registration-form .reg-sub-form {
    padding: 0;
  }

  /******* Restore Password ********/
  .reg-stepper .q-stepper__title {
    display: none;
  }

  .reg-stepper .q-stepper__header--alternative-labels .q-stepper__tab {
    min-height: 54px;
    padding: 14px 12px;
  }

  .reg-stepper.q-stepper--horizontal .q-stepper__step-inner {
    padding: 15px 0;
  }

  /***********  Change Login ***********/
  .change-login-stepper .q-stepper__label {
    display: none;
  }

  .change-login-stepper .q-stepper__header--alternative-labels .q-stepper__tab {
    min-height: 40px;
  }

  .change-login-stepper.q-stepper--horizontal .q-stepper__step-inner {
    padding: 15px;
  }
}
/* Small devices (tablets, 500px and down) */
@media (max-width: 500px) {
  /*********** Registartion *************/
  .ea-code-input {
    width: 240px !important;
  }

  .ea-code-input input {
    width: 40px !important;
    height: 40px !important;
  }

  .ea-code-btn {
    padding: 2px 0;
  }

  .ea-code-btn-timer {
    font-size: 14px;
  }

  .q-btn.ea-code-btn .q-icon, .q-btn .q-spinner.ea-code-btn-spinner {
    font-size: 1.2em;
  }

  .ea-code-btn-spinner {
    margin-right: 5px;
  }
}
/* Small devices (tablets, 400px and down) */
@media (max-width: 400px) {
  /************ Header ***************/
  .ea-header-title {
    font-size: 14px;
  }

  .ea-header-title i {
    font-size: 18px;
    margin-top: -3px;
  }

  .ea-header-title img {
    margin-top: -3px;
    width: 20px;
  }

  .special_facilities.q-item {
    min-height: 20px;
  }

  .special_facilities .q-item__label img {
    margin-top: -8px;
    width: 25px;
  }

  /********Footer**********/
  .rocketchat-widget[data-state=opened] {
    height: calc(100% - 79px) !important;
  }

  /*********Login Page*********/
  .authorization-div .check-div {
    margin: 20px 0 0 0;
  }

  .width-qrcode img {
    width: 100%;
  }

  /*********** Registartion *************/
  .registration-page .verify-div {
    margin: 30px 0 0 0;
  }

  /******* Restore Password ********/
  .send-email-gif {
    width: 100%;
  }

  .send-phone-gif {
    width: 100%;
  }
}