body[bg=bg1] {
  background-image: url('../img-get/sss.jpg');
  background-position: left bottom;
  background-size: auto;
  background-repeat: no-repeat;
}

body[bg=bg2] {
  background-image: url('../img-get/sss2.jpg');
  background-position: center center;
  background-size: 100% 100%;
}

body[bg=white] {
  background: #F9FAFE;
}

.owl-carousel {
  direction: ltr;
}

.pad025 {
  padding: 0px 25px;
}

.welcome-slider {
  padding-top: 10vh;
}

.welcome-slider h2 {
  display: block;
  text-align: center;
  font-size: 14pt;
}

.welcome-slider h4 {
  display: block;
  text-align: center;
  font-size: 14pt;
  font-weight: bold;
}

.welcome-slider img {
  margin-bottom: 5vh;
}

.login-img {
  margin: 30px auto;
  text-align: center;
}

.login-img img {
  max-height: 30vh;
  height: auto;
}

.login-img-lovk {
  margin: 10px auto;
  text-align: center;
}

.login-img-lovk img {
  max-height: 110px;
  height: auto;
}

.skip-button {
  padding: 5px;
}

.skip-button>button {
  display: inline-block;
  padding: 5px 10px;
  background-color: transparent;
  color: #000;
  font-size: 14pt;
}

.reset-botton {
  padding: 5px;
}

.reset-botton>button {
  display: inline-block;
  padding: 5px 30px 5px 0px;
  background-color: transparent;
  color: var(--colore-main);
  font-size: 12pt;
  margin-bottom: 15px;
}

.inline_selector {
  display: inline-block;
  vertical-align: middle;
  border-radius: 10px;
  background-color: #e1e1e1;
  margin: 0px 10px;
  width: 100px;
}

.inline_selector select {
  height: 33px;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  background-color: #f7f7f7;
}

.hass_selectors.inline_selector i {
  left: 7px;
  top: 14px;
}

.form-cnontents input:not([type=checkbox]),
.form-cnontents textarea,
[open-multi-selectors],
.form-cnontents-cc-select,
.upload-holders-img-new-x button,
.form-cnontents select {
  border-radius: 10pt;
  background-color: #fff;
  box-shadow: 0pt 5pt 15pt #1281ff21;
  height: 45px;
  margin-bottom: 15px;
  width: 100%;
  position: relative;
  text-align: start;
  padding: 5px 15px;
  border: 1px #1281ff09 solid;
}

.form-cnontents input:not([type=checkbox]) {
  display: block;
  width: 100%;
}

.form-cnontents textarea {
  display: block;
  width: 100%;
  height: 120px;
}

.form-cnontents select {
  display: block;
  width: 100%;
}

.form-cnontents.error-forms input {
  border-color: #f60d0d;
}

.form-cnontents.error-forms textarea {
  border-color: #f60d0d;
}

.big-butts-holder {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.big-but {
  display: block;
  width: 100%;
  height: auto;
  padding: 13px 30px;
  text-align: center;
  border-radius: 50pt;
  color: #fff;
  font-size: 10pt;
}

[open_link] {
  cursor: pointer;
}

.big-but-s1 {
  background-color: #5A88FF;
}

.big-but-s9 {
  background-color: #F8C438;
}

.big-but-s10 {
  background-color: #3892f8;
}

.big-but-s2 {
  background-color: transparent;
  border: 1px #5A88FF solid;
  color: #5A88FF;
}

.form-cnontents {
  position: relative;
}

.floated-select {
  position: absolute;
  left: 11px;
  top: 6px;
  height: calc(100% - 12px) !important;
  width: 70px !important;
  background-color: transparent;
  z-index: 100;
  border-radius: 25px 0px 0px 25px !important;
  text-align: center;
  padding: 0px !important;
  border: 0px !important;
}

.active-text-holder {
  padding: 10px;
  margin-bottom: 10px;
}

.active-text-holder h2 {
  font-weight: bold;
  font-size: 16pt;
  display: block;
  margin-bottom: 10px;
  text-align: center;
  color: rgb(13, 106, 182);
}

.code-inputs>input {
  display: block;
  width: 100%;
  margin: 0px 0px;
  border-radius: 25px;
  height: 50px;
  padding: 10px 10px;
  border: 1px #578fff solid;
  color: rgb(37, 37, 37);
  text-align: center;
}

.section-2ho {
  height: 100%;
  text-align: center;
}

.section-2ho>button {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: 0px;
  text-align: center;
  width: auto;
  background-color: #cccccc;
  color: #333;
  border-radius: 20px;
  padding: 10px 15px;
}

.section-2ho>button>i {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 5px;
  font-size: 13pt;
}

.upload-holders-img-new {
  text-align: center;
}

.upload-holders-img-new button {
  width: 100px;
  height: auto;
  background-color: transparent;
}

.welcome-message {
  padding: 15px;
  margin: 25px;
  margin-top: calc(50%);
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  text-align: center;
}

.welcome-message>.io-icon {
  text-align: center;
  border-radius: 50%;
  border: 15px #a2cc3d solid;
  width: 120px;
  height: 120px;
  display: inline-block;
  margin-bottom: 30px;
}

.welcome-message>.io-icon i {
  color: #a2cc3d;
  font-size: 50pt;
  display: block;
  text-align: center;
  line-height: 90px;
}

.welcome-message h2 {
  font-size: 12pt;
  font-weight: bold;
}

.driver-register-form {
  padding: 20px 0px;
}

[open-multi-selectors] i {
  position: absolute;
  left: 18px;
  top: 18px;
  z-index: 5;
  color: #333;
}

.content-multi-selectors>div {
  display: block;
  position: relative;
  display: block;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  background-color: #e4eefe;
  margin: 5px 0px;
  overflow: hidden;
}

.content-multi-selectors>div>button {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  line-height: 100%;
  color: #fff;
  background-color: #203493;
  padding: 0px 15px;
}

#more_works_reg>div {
  display: block;
  position: relative;
  display: block;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  background-color: #f3f3f3;
  margin: 5px 0px;
  overflow: hidden;
}

#more_works_reg>div>button {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  line-height: 100%;
  color: #fff;
  background-color: #f93e3e;
  padding: 0px 15px;
}

.fake_top_bar-center {}

.fake_top_bar-right {}

.fake_top_bar-left {}

.fake_top_bar {
  text-align: center;
}

.upload-holders-img-new-x button i {
  float: left;
  font-size: 18pt;
}

.sec-row-chick {
  border-radius: 10pt;
  background-color: #fff;
  box-shadow: 0pt 5pt 15pt #1281ff21;
  height: 50px;
  margin-bottom: 15px;
  width: 100%;
  position: relative;
  text-align: start;
  padding: 5px 15px;
  border: 1px #1281ff09 solid;
}

.sec-row-chick .sec-row-row {
  float: left;
  margin-top: -5px;
  margin-left: 10px;
}

.inline-radios {
  display: inline-block;
  vertical-align: middle;
  margin: 3px 1px;
}

.inline-radios>span {
  font-size: 10pt;
}

.more_works_reg {
  display: inline-block;
  background-color: #282828;
  border-radius: 25px;
  padding: 10px 15px 13px 15px;
  margin: 3px 0px;
  color: #e0e0e0;
}

.files-content-img {
  position: relative;
}

.files-content-img>button {
  display: block;
  right: 0px;
  top: 0px;
  border-radius: 50%;
  background-color: #f14a4a;
  color: #fff;
  text-align: center;
  height: 40px;
  width: 40px;
  line-height: 40px;
  padding: 0px;
  border: 0px;
}

.files-content-img>span {
  display: block;
  text-align: center;
  padding: 5px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  overflow: hidden;
}

.files-content-img>button i {
  float: none;
}

.qan_occ {
  margin: 10px;
}

.qan_occ>button {
  width: 100%;
  padding: 15px 10px;
  border-radius: 5px;
  color: #333;
  background-color: #dddddd;
  font-size: 12pt;
}

.qan_occ.active>button {
  color: rgb(255, 255, 255);
  background: var(--colore-main);
}

.qan_occ>div {
  padding: 3px;
  margin: 10px 0px;
  font-size: 11pt;
}

.top-home-search {
  padding: 5px 15px;
  border-radius: 5px;
  background-color: #f7f7f7;
  margin-top: 10px;
  margin-bottom: 10px;
}

.cate-butt-xx {
  background-color: #f7f7f7;
  padding: 10px 10px;
  border-radius: 4px;
  color: #333;
  margin-bottom: 7px;
  margin-top: 7px;
  width: 100%;
}

.cate-butt-xx img {
  max-width: 60%;
  display: block;
  margin: 0px auto;
  margin-bottom: 15px;
}

.profile-top-cc {
  position: relative;
  position: relative;
  top: -76px;
  z-index: 1200;
  margin-bottom: -67px;
}

.profile-new-rows {
  padding: 15px;
}

.profile-new-row {
  border-radius: 10pt;
  padding: 10px 15px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  color: #03152D;
}

.profile-new-row .text-right i {
  width: 40px;
  text-align: center;
  vertical-align: middle;
  text-align: center;
  color: #D3D6DC;
}

.profile-new-row {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 5px;
  grid-row-gap: 0px;
}

.profile-new-row span,
.profile-new-rows-left {
  font-size: 10pt;
}

.inline-blues {
  color: #0273c3;
  margin-left: 3px;
}

.top-profile-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 90px;
  border-radius: 0px 0px 50% 50%;
  background: rgb(249, 213, 213);
  background: -moz-linear-gradient(180deg, rgba(249, 213, 213, 1) 0%, rgba(220, 235, 230, 1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(249, 213, 213, 1) 0%, rgba(220, 235, 230, 1) 100%);
  background: linear-gradient(180deg, rgba(249, 213, 213, 1) 0%, rgba(220, 235, 230, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d5ebf9", endColorstr="#dcebe6", GradientType=1);
  z-index: 1;
}

.porfile-img {
  z-index: 5;
  text-align: center;
}

.porfile-img img {
  width: 110px;
  height: auto;
  border-radius: 50%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.h-m-center>h2 {
  display: block;
  padding-top: 5px;
  font-weight: normal;
}

.inline-user_infoss>span {
  display: inline-block;
  padding: px 5px;
  margin: 0px 4px;
  font-size: 9pt;
  background-color: transparent;
  color: #000;
}

.inline-user_infoss {
  margin-bottom: 10px;
}

.text-left-icon {
  position: relative;
}

.text-left-icon>i {
  color: #bcbcbc;
  position: absolute;
  left: 32px;
  top: 53px;
  font-size: 7pt;
}

.text-left-icon>i.fa,
.text-left-icon>i.far,
.fa.text-left-icon>i.fas {
  color: #bcbcbc;
  position: absolute;
  left: 32px;
  top: 22px;
  font-size: 12pt;
}

.user_selection_label {
  display: block;
  width: 100%;
  padding: 5px 0px;
  border-radius: 25px;
  background-color: #404040;
  color: #fff;
  text-align: center;
}

.user_selection_label.active {
  background-color: #5A88FF;
}

.m-labels {
  display: block;
  padding-top: 10px;
  font-weight: bold;
  font-size: 11pt;
  color: #5A88FF;
}

.user_infoes-blocks {
  padding: 15px;
  background-color: #fff;
  border-radius: 10pt;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.user_infoes-blocks:after {
  display: block;
  content: "";
  clear: both;
}

.user_info_blocks_img {
  float: right;
  margin-left: 10px;
  width: 25%;
}

.user_info_blocks_img img {
  border-radius: 50%;
  background-color: #fff;
  width: 100%;
  height: auto;
}

.user_info_blocks_text {}

.rating-clocks-user {}

.user_info_blocks_text h2 {
  display: block;
  margin-bottom: 10px;
  padding-top: 10px;
  font-size: 12pt;
  color: #000;
  font-weight: bold;
}

.rating-starss>span {
  display: inline-block;
  margin: 1px 2px;
  font-size: 8pt;
  color: #a5a5a5;
}

.rating-starss>span.gold {
  color: #f9d63e;
}

.go_to_order_offer_offer_conent>.colored {
  color: #1e6dbc;
  display: block;
  padding: 10px 0px;
}

.in-user-share-job {
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 0px 20px 20px 0px;
  text-align: center;
  line-height: 35px;
  width: 65px;
  height: 35px;
  color: #f66464;
  background-color: transparent;
}

.user_infoes-blocks {
  position: relative;
}

.in-order-ifoewss {
  padding-top: 15px;
  padding-bottom: 15px;
}

.in-order-section-hold>h2 {
  font-weight: bold;
  font-size: 12pt;
  margin-bottom: 10px;
  margin-top: 15px;
}

.in-order-section-hold>span {
  display: block;
  background-color: #f7f7f7;
  padding: 5px;
  margin: 5px 0px;
  border-radius: 3px;
  color: #282828;
  font-size: 11pt;
}

.xxx-ii-right {
  display: block;
}

.xxx-ii-left {
  padding-top: 5px;
  border-top: 1px rgba(0, 0, 0, 0.1) solid;
  margin-top: 10px;
  display: block;
  text-align: left;
}

.xxx-ii-left>a {
  display: inline-block;
  position: relative;
  background-color: #d3d3d3;
  padding: 10px 20px;
  margin: 5px;
  color: #333;
  cursor: pointer;
}

.xxx-ii-left>span {
  display: inline-block;
  position: relative;
  background-color: #d3d3d3;
  padding: 2px 5px;
  margin: 2px;
  color: #333;
  font-size: 10pt;
}

.xxx-ii-left>a i {
  font-size: 22pt;
}

.xxx-ii-left>a>span {
  display: block;
  position: absolute;
  top: 15px;
  color: #fff;
  font-size: 14pt;
  right: 50%;
  margin-right: -5px;
  z-index: 5;
}

.row-x-works {
  display: block;
  margin: 5px 0px;
  padding: 10px;
  background-color: #eaeaea;
  border-radius: 5px;
  color: #333;
  width: 100%;
  text-align: right;
}

.user_data_chat_top {
  background-color: #fff;
  padding: 15px;
  position: relative;
  border-radius: 0px 0px 15px 15px;
}

.ccc-shadow {
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1), 0px 5px 5px rgba(0, 0, 0, 0.1) inset;
}

.user_data_chat_top:after {
  display: block;
  content: "";
  clear: both;
}

.user_data_chat_top>img {
  margin: 0px 10px;
  border-radius: 50%;
  float: right;
  width: 60px;
  height: 60px;
  margin-right: 0px;
}

.user_data_chat_top h2 {
  float: right;
  padding-top: 15px;
  font-size: 12pt;
  color: #000;
}

.chat_control_left {
  float: left;
}

[open_menu=chat_more_data] {
  display: block;
  background-color: transparent;
  color: #333;
  font-size: 22pt;
  padding: 10px 10px;
}

.alert-x {
  text-align: right;
  color: #333;
  font-size: 12pt;
  position: absolute;
  z-index: 99999999999;
  right: 5%;
  bottom: -60px;
  height: 45px;
  width: 90%;
  padding: 10px 6px;
  background-color: rgb(239, 239, 239);
  border-radius: 15px;
}

.alert-x i {
  color: #5A88FF;
  font-size: 12pt;
  margin-left: 5px;
  vertical-align: middle;
}

.alert-x span {
  display: inline-block;
  vertical-align: middle;
  font-size: 8pt;
}

.alert-x b {
  display: block;
  font-size: 10pt;
  font-weight: bold;
  float: left;
  background-color: #5A88FF;
  color: #fff;
  padding: 2px 5px;
  border-radius: 15px;
}

.chat-bar-bottom-right>button {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 30px;
  color: #5A88FF;
  background-color: #fff;
  border-radius: 50%;
  margin-top: 2.5px;
  margin-left: 2.5px;
}

.chat-bar-bottom-left>button {
  display: block;
  width: 45px;
  height: 45px;
  line-height: 30px;
  background-color: #5A88FF;
  color: #fff;
  border-radius: 50%;
}

body[current=start_chat_with] .help-float,
body[current=go_to_add_jobs] .help-float {
  display: none !important;
}

.message-content {
  width: calc(100% - 10px);
  padding: 5px 10px;
  color: #333;
  border: 0px;
  border-radius: 25px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
  margin-right: 5px;
  height: 40px;
}

.wallet-top-cc {
  position: relative;
  background-color: #d5ebf9;
  padding: 20px 10px;
}

.wallet-top-cc>i {
  position: absolute;
  right: 10px;
  top: 20px;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  line-height: 100px;
  color: #000;
  font-size: 50pt;
  text-align: center;
  background-color: #fff;
}

.wallet-left-content {
  margin-right: 120px;
  padding: 20px 0px;
}

.wallet-left-content>h2 {
  font-size: 18pt;
  color: #000;
  margin-bottom: 10px;
}

.wallet-left-content>h2>span,
.wallet-left-content>h2>small {
  display: inline-block;
  vertical-align: baseline;
}

.wallet-left-content>h2>span {
  font-size: 22pt;
}

.wallet-left-content>h2>small {
  font-size: 11pt;
}

.wallet-left-content>span {
  display: block;
  font-size: 11pt;
  color: #5A88FF;
}

.wallet-bottons-hh {
  text-align: center;
  padding: 15px 0px;
}

.wallet-bottons-hh>button {
  display: inline-block;
  margin: 1px -1px;
  padding: 14px 13px;
  background-color: #f7f7f7;
  color: #282828;
  font-size: 12pt;
  border-radius: 10px;
  font-weight: bold;
}

.dynamics-with-select>div {
  display: none;
}

.dynamics-with-select>div.active {
  display: block;
}

.bank_cc_info {
  border-radius: 15px;
  overflow: hidden;
  border: 1px #bcbcbc solid;
}

.bank_cc_info_head {
  background-color: #efefef;
  padding: 5px 10px;
  color: #000;
  font-size: 12pt;
}

.bank_cc_info_body {
  background-color: #fff;
  padding: 10px;
}

.bank_cc_info_body>button {
  display: block;
  width: 100%;
  padding: 10px 20px;
  margin-bottom: 5px;
  text-align: right;
}

.bank_cc_info_body>button>b {
  float: left;
}

.in-chat-options-cc>button {
  margin: 3px;
  min-width: 250px;
  padding: 5px 10px;
  text-align: center;
  color: #333;
  background-color: #c1c1c1;
  border-radius: 10px;
}

.orderstabss .tabs-top {
  padding-right: 15px;
  padding-left: 15px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 6px;
  grid-row-gap: 0px;
}

.tabs-top.t2tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 6px;
  grid-row-gap: 0px;
}

.inline-two:after {
  display: block;
  clear: both;
  content: "";
}

.orderstabss .tabs-top>button {
  padding: 5px 0px;
  text-align: center;
  background-color: #f0f0f0;
  color: #333;
  font-size: 9pt;
  border-radius: 5pt;
}

.orderstabss .tabs-top>button.active {
  background-color: #5A88FF;
  color: #fff;
}

.order_list {
  padding-right: 15px;
  padding-left: 15px;
}

.order_list>button {
  display: block;
  width: 100%;
  padding: 10px;
  margin: 9px 0px;
  text-align: right;
  background-color: #fff;
  border-radius: 10pt;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.inline-two .row-right-two {
  float: right;
}

.inline-two .row-left-two {
  float: left;
}


.order_list .row-right-two img {
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
}

.filter-option-menu {
  display: inline-block;
}

button[open_menu=filter_more_data] {
  display: block;
  padding: 10px 30px 10px 30px;
  background-color: #3591e7;
  font-size: 10pt;
  border-radius: 15pt;
  margin-right: 15px;
  color: #fff;
}

.orders-list h2 {
  font-weight: bold;
  color: #5A88FF;
  font-size: 12pt;
  margin-bottom: 0px;
}

.orders-list>button>div>div>span {
  display: block;
  color: #828282;
  font-size: 10pt;
  margin: 0px;
  padding: 0px 0px;
}

.orders-list span>span {
  display: inline-block;
  font-size: 10pt;
  color: #5A88FF;
}

.orders-list span i {
  color: #5A88FF;
}

.orders-list p {
  color: #828282;
  font-size: 10pt;
  margin: 0px;
  padding: 5px 0px;
}

.share_code_holder {
  text-align: center;
}

.popup-multi-selectors {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}

.share_code_box {
  padding: 20px;
  background-color: #d5ebf9;
  border-radius: 20px;
  text-align: center;
  color: #333;
}

.share_code_box .code_holder {
  padding: 10px 20px;
  background-color: #fff;
  margin: 10px;
  text-align: center;
  font-size: 12pt;
  font-weight: bold;
}

.share_code_button {
  padding-top: 15px;
  text-align: center;
}

.share_code_button>button {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 5px;
  background-color: #4f4f4f;
  color: #fff;
  margin: 0px 10px;
}

.share_code_button>button:first-child {
  background-color: #5A88FF;
}

.share_code_holder>h2 {
  display: block;
  font-size: 13pt;
  margin-bottom: 15px;
}

.smal_notics {
  margin-top: 25px;
  text-align: center;
}

.smal_notics button {
  display: inline-block;
  background-color: transparent;
  color: #5b5b5b;
}

.wallet_share {
  display: inline-block;
  margin-top: 25px;
  margin-bottom: 25px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #f1f1f1;
  color: #333;
  text-align: center;
  font-size: 62pt;
  line-height: 102px;
  margin: 25px auto;
}

.share_code_get {
  text-align: center;
}

.share_code_text {
  padding: 10px 20px;
  height: 40px;
  text-align: center;
  color: #000;
  background-color: #d5ebf9;
  margin: 25px auto;
  width: 80%;
}

.error-forms .share_code_text {
  border: 1px #f34444 solid;
  color: #fd0101;
}

.wallet_logs>.wallet_log {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  margin: 10px 0px;
}

.wallet-log-date-2s {
  text-align: center;
}

.wallet-log-date-2s>span {
  display: inline-block;
  vertical-align: middle;
  background-color: #f7f7f7;
  padding: 4px 5px;
  color: #333;
  font-size: 11pt;
  margin-top: 10px;
  margin-bottom: 10px;
}

.wallet-log-date-2s>span:first-child {
  margin-left: 10px;
}

.wallet_log {
  padding-bottom: 10px;
}

.block-wallet-row {
  display: block;
  padding: 4px 0px;
}

.block-wallet-row-row {
  text-align: center;
}

.detailed-ratings {
  margin: 15px;
}

.detailed-ratings h2 {
  display: block;
  margin-bottom: 10px;
  font-size: 10pt;
  font-weight: bold;
  color: #5A88FF;
}

.detailed-ratings p {
  display: block;
  margin-bottom: 5px;
  font-size: 8pt;
}

.detailed-ratings small {
  display: block;
  font-size: 7pt;
  color: #a4a4a4;
}

.comments-r {
  margin-bottom: 10px;
}

.rrating_box {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  margin: 10px 0px;
  position: relative;
  padding: 10px;
}

.rrating_box .rating-starss {
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 3;
}

[tab=profile-tabs] .tabs-top {
  margin-right: 10px;
  margin-left: 10px;
}

[tab=profile-tabs] .tabs-top>button {
  border-radius: 10pt;
}

[tab=profile-tabs] .tabs-top>button:first-child {
  margin-left: 6%;
}

.inline-3-bloxks-with-border {
  padding: 15px 5px;
  margin: 15px 10px;
  border: 1px #bcbcbc solid;
  border-radius: 25px;
}

.inline-3-bloxks-with-border>div {
  float: right;
  width: 33.3333333333333%;
  text-align: center;
}

.inline-3-bloxks-with-border>div.ssc2 {
  border-right: 1px #a9a9a9 solid;
  border-left: 1px #a9a9a9 solid;
}

.inline-3-bloxks-with-border>div span,
.inline-3-bloxks-with-border>div>b {
  display: block;
}

.inline-3-bloxks-with-border>div span {
  font-size: 8pt;
  margin-bottom: 10px;
}

.inline-3-bloxks-with-border>div>b {
  font-size: 12pt;
}

.small-info-wallet {
  display: block;
  margin: 5px 10px;
}

.small-info-wallet>button,
.small-info-wallet>div {
  display: block;
  padding: 5px 10px;
  background-color: #f0f0f0;
  color: #333;
  border-radius: 5px;
  width: 100%;
  text-align: right;
  margin-bottom: 15px;
}

.small-info-wallet>button>b,
.small-info-wallet>div>b {
  float: left;
}

.small-info-wallet>div>b>button {
  background-color: transparent;
}

.system-message .msg_right {
  display: none;
}

.system-message>.msg_left>.messge-content>.msg-content-name,
.system-message>.msg_left>.messge-content>.msg-check,
.system-message>.msg_left>.messge-content>.msg-content-date {
  display: none !important;
}

.system-message .msg_left .messge-content {
  background-color: #5A88FF;
  width: 90%;
  margin: 10px auto;
  display: block;
  color: #fff;
  text-align: center;
}

.system-message .msg_left .messge-content .msg-content-content {
  color: #fff;
  font-size: 9pt;
}

.user_data_chat_top>button {
  display: block;
  width: auto;
  background-color: transparent;
}

.user_data_chat_top>button>img {
  margin: 0px 10px;
  border-radius: 50%;
  float: right;
  width: 60px;
  height: 60px;
  margin-right: 0px;
}

.user_data_chat_top>button h2 {
  float: right;
  padding-top: 15px;
  font-size: 12pt;
  color: #000;
}

.main-chat-cc[nochat=true] #chat_form_cc {
  display: none;
}

.main-chat-cc[status=cancled] #chat_form_cc {
  display: none;
}

.home-section-title h2 {
  display: block;
  padding: 10px;
  color: #5A88FF;
  font-weight: bold;
}

.works-container>h2 {
  display: block;
  padding: 10px;
  color: #5A88FF;
  font-weight: bold;
  margin-bottom: 5px;
}

.provider-row {
  display: block;
  padding: 10px;
  margin: 10px;
  border-radius: 10px;
  background-color: #eaeaea;
}

.works-files {
  width: 100%;
  padding: 10px 0px;
  overflow-x: scroll;
  white-space: nowrap;
}

.provider-row>h2 {
  display: block;
  font-size: 11pt;
  margin-bottom: 5px;
  color: #5A88FF;
}

.provider-row>p {
  display: block;
  font-size: 10pt;
  margin-bottom: 5px;
  color: #a3a3a3;
}

.works-files>button {
  display: inline-block;
  padding: 5px 10px;
  background-color: #ffffff;
  border-radius: 5px;
  color: #a3a3a3;
  font-size: 9pt;
}

button[go_to_order_offer_offer],
.sadqrqewqewq {
  display: block;
  margin: 10px 0px;
  width: calc(100%);
  border-radius: 15px;
  padding: 10px;
  background-color: #ffffff;
  text-align: start;
}

.backgrpund-grays {
  background-color: rgb(242, 242, 242)
}

.go_to_order_offer_offer_img {
  width: 20%;
  float: right;
  margin-left: 5%;
  position: relative;
}

.go_to_order_offer_offer_img img {
  border-radius: 50%;
}

.go_to_order_offer_offer_conent {
  width: 75%;
  float: right;
}

.go_to_order_offer_offer_conent>h2 {
  display: block;
  color: #5A88FF;
  font-size: 11pt;
  margin-bottom: 5px;
}

.go_to_order_offer_offer_conent>span {
  display: block;
  color: #818181;
  font-size: 9pt;
  margin-bottom: 5px;
}

.go_to_order_offer_offer_conent>p {
  display: block;
  color: #515151;
  font-size: 10pt;
}

.user_info_blocks_img {
  position: relative;
}

.online-status {
  display: block;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border: 3px #fff solid;
  position: absolute;
  bottom: 6px;
  right: 6px;
  z-index: 5;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
  top: calc(50% - -7px);
}

.online-status.online {
  background-color: #15db00;
}

.online-status.offline {
  background-color: #7c7c7c;
}

.porfile-img .online-status {
  right: calc(50% - 50px) !important;
}

.order_list h2,
.order_list span {
  font-size: 10pt;
}

.home-sections {
  padding-bottom: 60px;
}

.open_link_in_chat {
  word-break: break-all;
}

.top_logo {
  display: inline-block;
  vertical-align: middle;
}

.top_logo button {
  background: transparent;
}

.top_logo img {
  width: 50px;
  height: auto;
  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  display: block;
  border-radius: 15px;
}

.top-bar-buttons {
  display: inline-block;
  vertical-align: middle;
}

.top-bar-buttons>button {
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  padding: 5px 15px;
  color: #fff;
}

.top-bar-buttons>button>img {
  margin-left: 5px;
  width: 20px;
  height: auto;
}

[sh=customer],
[sh=service_provider] {
  display: none;
}

[d_status=customer] [sh=customer] {
  display: inline-block;
}

[d_status=service_provider] [sh=service_provider] {
  display: inline-block;
}

.m-l-15 {
  margin-left: 40px;
}

.m-r-15 {
  margin-right: 40px;
}

.profile_info_row_blocks {
  padding: 0px 10px;
}

.profile_info_row_blocks>span {
  display: inline-block;
  padding: 3px 15px;
  margin: 0px;
  background-color: #ffffff;
  border-radius: 5px;
  color: #333;
  font-size: 10pt;
}

#offer_money {
  display: block;
  font-size: 11pt;
  color: #0557a3;
  text-align: right;
}

.xx-labels label {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
}

.xx-labels label img {
  width: auto;
  height: 30px;
}

.radio {
  -webkit-appearance: radio;
  -webkit-appearance: radio;
}

.xx-labels {
  text-align: center;
  margin: 10px 5px;
}

.xx-labels label {
  display: inline-block;
}

[go_to_order_offer_offer] {
  position: relative;
}

.xx-labels {
  display: inline-block;
  vertical-align: middle;
}

.xx-labels>label>input {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 5px;
}

.xx-labels>label>img {
  display: inline-block;
  vertical-align: middle;
}

.help-float {
  position: fixed;
  left: 15px;
  bottom: 71px;
  z-index: 10;
  display: none;
}

body:not([current=index]) .help-float {
  display: none !important;
}

.help-float>button {
  display: block;
  width: 60px;
  height: 60px;
  background-color: #155d9d;
  color: #fff;
  font-size: 25pt;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.142);
}

.help-float>span {
  display: block;
  position: absolute;
  left: 65px;
  background-color: #0273c3;
  border-radius: 5px;
  font-size: 8pt;
  color: #fff;
  padding: 5px 10px;
  bottom: 5px;
  z-index: 5;
  white-space: nowrap;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.142);
}

.help-section-con {
  position: absolute;
  left: 0px;
  bottom: 65px;
  border-radius: 20px;
  padding: 15px;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.142);
  z-index: 10;
  width: 200px;
  display: none;
}

.help-section-con>button {
  display: block;
  white-space: nowrap;
  padding: 5px 10px;
  background-color: #eaeaea;
  color: #333;
  border-radius: 10px;
  width: 100%;
  margin: 5px 0px;
}

.help-float>button>i {
  display: none;
}

.help-float.active>button .fa-times {
  display: inline-block;
}

.help-float:not(.active)>button .fa-question {
  display: inline-block;
}

.help-float.active .help-section-con {
  display: block;
}

.menu-ss {
  text-align: center;
}

.menu-ss>button {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  color: #ffffff;
  font-size: 20pt;
  margin: 0px 5px;
}

.wating-row-h {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px #9e9e9e solid;
  border-radius: 10px;
  position: relative;
}

.wating-row-h>.offer_but {
  display: block;
  width: calc(100% - 50px);
  background-color: #f2f2f2;
  color: #333;
  border-radius: 10px;
  text-align: start;
  padding: 0px 10px;
}

.wating-row-h>.offer_remove {
  position: absolute;
  left: 0px;
  height: calc(100% - 10px);
  background-color: #fe6161;
  color: #fff;
  border-radius: 10px;
  width: 40px;
  top: 0px;
  line-height: 30px;
  font-size: 15pt;
}

.wating-row-h>.offer_but b,
.wating-row-h>.offer_but span {
  display: block;
  font-size: 11pt;
  margin: 5px 0px;
}

.notic {
  padding: 5px 10px;
  border-radius: 15px;
  color: #959513;
  background-color: #fff6c7;
  margin: 10px;
  font-size: 10pt;
  border: 1px #fff solid;
  display: block;
}

[handel_go=registe_driver_dd] {
  color: #5A88FF !important;
}

[handel_go=registe_driver_dd]>span {
  font-size: 12pt;
}

.mk-pullfresh-bubble {
  direction: ltr;
}

.bars-ss>div {
  display: inline-block;
  vertical-align: middle;
}

@keyframes sound {
  0% {
    opacity: .35;
    height: 3px;
  }

  100% {
    opacity: 1;
    height: 20px;
  }
}

.bar {
  animation: sound 0ms -800ms linear infinite alternate;
  width: 3px;
  background-color: #5A88FF;
}

.bar:nth-child(1) {
  animation-duration: 474ms;
}

.bar:nth-child(2) {
  animation-duration: 433ms;
}

.bar:nth-child(3) {
  animation-duration: 407ms;
}

.bar:nth-child(4) {
  animation-duration: 458ms;
}

.bar:nth-child(5) {
  animation-duration: 400ms;
}

.bar:nth-child(6) {
  animation-duration: 427ms;
}

.bar:nth-child(7) {
  animation-duration: 441ms;
}

.bar:nth-child(8) {
  animation-duration: 419ms;
}

.bar:nth-child(9) {
  animation-duration: 487ms;
}

.bar:nth-child(10) {
  animation-duration: 442ms;
}

.bar:nth-child(11) {
  animation-duration: 474ms;
}

.bar:nth-child(12) {
  animation-duration: 433ms;
}

.bar:nth-child(13) {
  animation-duration: 407ms;
}

.bar:nth-child(14) {
  animation-duration: 458ms;
}

.bar:nth-child(15) {
  animation-duration: 400ms;
}

.bar:nth-child(16) {
  animation-duration: 427ms;
}

.bar:nth-child(17) {
  animation-duration: 441ms;
}

.bar:nth-child(18) {
  animation-duration: 419ms;
}

.bar:nth-child(19) {
  animation-duration: 487ms;
}

.bar:nth-child(20) {
  animation-duration: 442ms;
}

.main-recorder-holder {
  position: absolute;
  top: -50px;
  right: 5px;
  width: 200px;
  background-color: #fff;
  box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.1);
  height: 40px;
  text-align: center;
  padding-right: 5px;
  padding-left: 5px;
  border-radius: 25px;
  border-bottom: rgba(73, 73, 73, 0.1) solid 1px;
  display: none;
}

.main-recorder-holder button {
  display: block;
}

[cancle_rcording] {
  float: left;
  background-color: #e13939;
  color: #fff;
  width: 30px;
  height: 30px;
  margin-top: 5px;
  border-radius: 50%;
}

[send_recording] {
  float: right;
  background-color: #2e7915;
  color: #ffffff;
  width: 30px;
  height: 30px;
  margin-top: 5px;
  border-radius: 50%;
}

.bars-ss {
  margin-top: 8px;
}

.msg_content_file {
  background-color: #e4e4e4;
  padding: 10px 0px;
  white-space: nowrap;
  overflow-x: hidden;
  width: 100%;
  font-size: 10pt;
  color: rgb(201, 201, 201);
  text-align: start;
  border-radius: 10px;
  padding: 2px;
}

.msg_content_file img {
  height: 30px;
  width: auto;
  border: 2px #b9b9b9 solid;
  border-radius: 5px;
}

.msg_content_file span {
  font-size: 9pt;
  display: inline-block;
  padding-top: 5px;
}

.order_list>button.min_orders_cc {
  background-color: rgba(220, 235, 230, 1);
}

.new_options {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 5;
  padding: 3px;
}

.new_options>button {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 2px;
  border-radius: 10px;
  padding: 3px 5px;
  font-size: 9pt;
  background-color: #5A88FF;
  color: #fff;
}

.new_options>button.aceept_noaccept_offer {
  padding-right: 15px;
  padding-left: 15px;
  color: #fff;
  font-size: 9pt;
}

.new_options>button.aceept_noaccept_offer[ex="1"] {
  background-color: #2e7915;
}

.new_options>button.aceept_noaccept_offer[ex="0"] {
  background-color: #79151a;
}



.notifcation_list>button[types=notification] {
  background-color: rgb(255, 255, 255);
}

.notifcation_list>button[types=notification] b {
  color: #333;
}

.top-home-search.hhide {
  display: none;
}

.top-welcome-home-right {
  float: right;
}

.top-welcome-home-left {
  float: left;
}

.top-welcome-home-center {
  text-align: center;
  padding: 20px 0px;
  text-align: start;
  padding-right: 25px;
}

.top-welcome-home-center span>b {
  color: #E73046;
  font-size: 16pt;
  display: inline-block;
  vertical-align: sub;
}

.top-x-shaddow {}

.home-sections.is_xx {
  margin-bottom: 0px;
}

.top-welcome-home-center h2 {
  display: block;
  font-weight: bolder;
  margin-bottom: 0px;
}

.top-welcome-home-center img {
  margin-bottom: 10px;
}

.new_top_buts {
  display: inline-block;
  padding: 5px;
  position: relative;
  font-size: 12pt;
  background-color: transparent;
}

.new_top_buts>span {
  position: absolute;
  right: -15px;
  top: -5px;
  background-color: #5A88FF;
  color: #fff;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 8pt;
  border-radius: 50%;
}

.lst_de_ge_content>button {
  display: block;
  background-color: #fff;
  color: #5A88FF;
  padding: 5px 30px;
  margin-top: 20px;
  border-radius: 10px;
}

.msg-content-content b {
  max-width: 100%;
  line-break: anywhere;
  display: block;
}

#sec_date_res {
  padding: 15px;
  border-radius: 15px;
  color: #5A88FF;
  margin-top: 15px;
  background-color: rgb(243, 243, 243);
  border: #dfdfdf solid 1px;
}

#sec_date_res hr {
  margin-top: 5px;
  margin-bottom: 5px;
}

.gold .fa-star-half::after {
  opacity: 1 !important;
  color: #ffffff !important;
}

.verified i::before {
  background: -webkit-linear-gradient(180deg, rgb(243, 141, 141) 0%, rgb(93, 232, 185)100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.offer_conet {
  background-color: #f9f9f9;
  border-radius: 10px;
}

.offer_conet>button[aceept_noaccept_offer],
.aceept_noaccept_offer_beside {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  padding: 5px 10px;
  border-radius: 10px;
  color: #fff;
  font-size: 9pt;
}

.offer_conet>button[aceept_noaccept_offer][ex="1"] {
  background-color: #2e7915;
}

.offer_conet>button[aceept_noaccept_offer][ex="0"] {
  background-color: #5A88FF;
}

.aceept_noaccept_offer_beside {
  background-color: #16778f;
}

.provider_bell {
  display: none !important;
  margin-left: 5px;
}

body[d_status=service_provider] .provider_bell {
  display: inline-block !important;
}

.provider_bell i {
  color: #5A88FF;
  display: inline-block;
  vertical-align: middle;
  font-size: 11pt;
}

.provider_bell span {
  color: #5A88FF;
  display: inline-block;
  vertical-align: middle;
  font-size: 11pt;
}

.work-ccccc {
  margin: 15px;
  border-radius: 5px;
  ;
}

#promo_code_form {
  display: none;
}

.promocode-cc {
  margin: 10px;
  padding: 5px;
  border-radius: 10px;
  background-color: #ededed;
}

.promocode-cc input {
  width: calc(100% - 80px);
  height: 43px;
  background-color: #fff;
  color: #333;
  border-radius: 10px;
  padding-right: 10px;
}

.promocode-cc button {
  float: left;
  padding: 10px;
  width: 75px;
  text-align: center;
  color: #fff;
  background-color: #5A88FF;
  display: block;
  border-radius: 10px;
}

.promocode-cc.error-forms input {
  background-color: rgb(254, 179, 179);
  border: 1px rgb(255, 86, 86) solid;
}

.welcome-slider .owl-dots {
  text-align: center;
  padding-top: 20px;
}

.welcome-slider .owl-dots>button {
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #E9E9E9;
  margin: 0px 4px;
}

.welcome-slider .owl-dots>button.active {
  background-color: #5A88FF;
}

.fixed_button_welcome_holder {
  position: fixed;
  z-index: 2;
  right: 0px;
  bottom: 20px;
  width: 100%;
}

.cc-picker-code-container {
  position: fixed;
  z-index: 100000;
  background-color: #fff;
  padding: 10px;
  width: calc(100% - 20px);
  height: 50vh;
  right: 10px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  top: 25vh !important;
  z-index: 50 !important;
}

.cc-picker-code-container input {
  display: block;
  width: 100%;
  padding: 10px 20px;
  border-radius: 5px;
  border: rgb(10, 94, 133) solid;
  height: 40px;
  margin-bottom: 10px;
}

.cc-picker-code-container ul {
  list-style: none;
  height: calc(100% - 60px);
  overflow-y: scroll;
  margin: 0px;
  padding: 0px;
}

.form-cnontents.form-cnontents-d {
  position: relative;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 15px;
}

.bedfore-icon-inputs {
  position: absolute;
  z-index: 1;
  background-color: #00010326;
  border-radius: 10pt;
  width: 80px;
  padding-right: 10px;
  color: #fff;
  right: 0px;
  bottom: 0px;
  height: 100%;
  font-size: 16pt;
  padding-top: 6px;
  padding-right: 13px;
}

.form-cnontents-d-r>input:not([type=checkbox]) {
  position: relative;
  z-index: 2;
  width: calc(100% - 40px);
  right: 40px;
}

.cc-picker-code-select-enabled+input {
  display: none !important;
}

.after-datas-inputs {
  position: absolute;
  z-index: 5;
  background-color: #001344;
  border-radius: 10pt 0px 0px 10pt;
  width: 90px;
  padding-right: 10px;
  color: #fff;
  left: 0px;
  bottom: 0px;
  height: 100%;
}

.login-content {
  padding-right: 15px;
  padding-left: 15px;
}

.after-datas-inputs {
  padding-top: 12px;
}

.after-datas-inputs .cc-picker-code-select-enabled::after {
  color: #fff;
  border-top: 5px solid #ffffff;
  top: 10px;
}

.fix_pages_top_60 {
  padding-top: 60px;
}


.z2beside-1-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.x-1-r-2-l>button {}

.home-sections button {
  border-radius: 10pt;
  padding: 10px;
}

.home-sections button span {}


.home-sections button::after {
  display: block;
  clear: both;
  content: "";
}

.home-sections button[main_cat="7"] {
  background-color: #d3d6dc38;
}

.home-sections button[main_cat="37"] {
  background-color: #5a89ff2f;
}

.home-sections button[main_cat="9"] {
  background-color: #1f9ad82c;
}

.home-sections button[main_cat="10"] {
  background-color: #37143e28;
}

.home-sections button[main_cat="42"] {
  background-color: #d3d6dc25;
}

.home-sections button[main_cat="43"] {
  background-color: #d3d6dc28;
}

.home-sections button[main_cat="11"] {
  background-color: #5a89ff19;
}

.home-sections button[main_cat="16"] {
  background-color: #d3d6dc25;
}

.home-sections button[main_cat="13"] {
  background-color: #1f9ad82d;
}

.home-sections button[main_cat="44"] {
  background-color: #fbc41f2a;
}

.home-sections button[main_cat="30"] {
  background-color: #e7304524;
}

.home-sections button[main_cat="45"] {
  background-color: #ce5aff30;
}

.home-sections button[main_cat="14"] {
  background-color: #d3d6dc2b;
}

.home-sections button[main_cat="25"] {
  background-color: #37143e1a;
}

.x-2-l-1-r button:first-child img {
  float: left;
  margin: 3px;
  max-width: 60px;
  width: auto;
}

.x-2-l-1-r button:first-child {
  text-align: start;
}

.x-2-l-1-r button:last-child img {
  float: right;
  margin: 3px;
  max-width: 60px;
  width: auto;
}

.x-2-l-1-r button:last-child {
  text-align: end;
}

.x-1-r-2-l button {
  height: 192px;
}

.one-block-oh button img {
  float: left;
  max-width: 60px;
  margin-top: 15px;
  margin-bottom: 0px;
}

.one-block-oh button {
  text-align: start;
}

.one-block-oh button span {
  display: block;
  padding-top: 15px;
}

[current=index] .main-content-pages {
  padding-bottom: 0px;
}

.top_bar_holder {
  padding-top: 15px;
}

.new_bar_top_left>button {
  display: inline-block;
  list-style: 30px;
  margin: 2px 11px;
  position: relative;
  color: #fff;
  font-size: 16pt;
}

body:not([current=index]) .new_bar_top {
  min-height: 80px;
}

body:not([current=index]) .main-content-pages {
  padding-top: 10px;
}

.new_bar_top_left>[go_back] {
  background-color: #5A88FF;
  width: 50%;
  height: 50px;
  width: 50px;
  color: #fff;
  border: 1px #fff solid;
  line-height: 44px;
  font-size: 17pt;
  border-radius: 50%;
}

.heght_fix_in {
  height: 20px;
}

.cerpp {
  display: inline-block;
  width: 28px;
  vertical-align: middle;
}


body[dir=rtl] .float-end {
  float: left;
}

body[dir=rtl] .float-start {
  float: right;
}

body[dir=ltr] .float-end {
  float: right;
}

body[dir=ltr] .float-start {
  float: left;
}

.inline-two-order {
  display: grid;
  grid-template-columns: 0.3fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 0px;
}

.inlines-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 0px;
}

[s-status] {
  display: inline-block;
  padding: 0px 15px;
  border-radius: 5pt;
  background-color: #282828;
  color: #ffff;
  font-size: 9pt;
}

[s-status=wating] {
  background-color: rgb(191, 143, 23);
}

[s-status=connected] {
  background-color: rgb(23, 118, 191);
}

.drrrrrr42 {
  padding-top: 15px;
}

.drrrrrr42>h2 {
  font-weight: bold;
}

.inlines-2>div>span {
  margin-bottom: 5px;
}

.drrrrrr42>span {
  color: #0273c3;
}

.alert-warning {
  margin-bottom: 15px !important;
  font-size: 9pt !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.main-order_view_cc {
  padding: 15px;
}

.new_info_boxss {
  padding: 15px;
  background-color: #fff;
  border-radius: 10pt;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  margin: 20px auto;
}

.boxss-order-row {
  border-bottom: 1px dashed #ededed;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.boxss-order-row:last-child {
  border-bottom: 0px;
}

.info-2-inlines {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.info-1-2-inlines>.info-1-2-inlines-t {
  margin-bottom: 15px;
}

.img-and-text-inline {
  display: grid;
  grid-template-columns: 0.3fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 0px;
}

.wallet_top_sss>img {
  position: relative;
  bottom: -65px;
  width: 60px;
  height: auto;
  margin-top: -60px;
}

.top-wallet-section>b {
  color: #FFE88C;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 0px;
}

.top-wallet-section>b>small {
  color: #fff;
  display: inline-block;
  vertical-align: revert-layer;
  font-size: 11pt;
}

.pad15px {
  padding: 15px;
}

.links-opens-inside {
  overflow-x: scroll;
  white-space: nowarp;
  width: 100%;
}

.links-opens-inside>a {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 5px 10px;
}

.links-opens-inside>a img {
  width: 80px;
  height: auto;
  position: relative;
  z-index: 1;
}

.links-opens-inside>a>span {
  width: 100%;
  bottom: 0px;
  color: #fff;
  font-size: 14pt;
  z-index: 2;
  position: absolute;
  left: 0px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
}

.chat_control_left [go_back] {
  display: block;
  padding: 9px 11px;
  background-color: transparent;
  color: #333;
  font-size: 16pt;
}

[tab=wallet-tabs] .tabs-top {
  margin-bottom: 20px;
}

.new_log_interface {
  background-color: #EDEFF2;
  border-radius: 10pt;
  display: grid;
  grid-template-columns: 0.2fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 2px;
  grid-row-gap: 0px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
  margin: 10px 0px;
}

.new_logs_right {
  padding-top: 25%;
  text-align: center;
}

.new_logs_left {
  padding: 10px;
  border-radius: 10pt;
  background-color: #fff;
}

.new_logs_left_sssec {
  color: #5A88FF;
  font-size: 13pt;
}

.new_logs_left_sssec>span {
  font-size: 9pt;
  color: rgb(92, 92, 92);
  font-weight: normal;
}

.new_logs_left>span {
  display: block;
  color: rgb(0, 0, 0);
  font-size: 10pt;
  margin-bottom: 5px;
}

.new_logs_left>small {
  display: block;
  color: rgb(94, 94, 94);
  font-size: 8pt;
}

.thre-i-butts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 0px;
  position: relative;
  top: -20px;
  margin-bottom: -15px;
}

.thre-i-butts>button {
  text-align: center;
  padding: 5px 0px;
  border-radius: 10pt;
  color: #fff;
  font-size: 8pt;
}

.thre-i-butts>button[start_chat_with] {
  background-color: #0273c3;
}

.thre-i-butts>button[ex="1"] {
  background-color: #088511;
}

.thre-i-butts>button[ex="0"] {
  background-color: #bd4934;
}

.hover_stars {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 2;
  width: 100%;
  height: auto;
  display: none;
}

.accfsss .hover_stars {
  display: block;
  animation: sec 1.5s ease-in-out 0s infinite normal forwards;
}

@keyframes sec {

  0%,
  50%,
  100% {
    transform: scale(1.96);
  }

  25%,
  75% {
    transform: scale(1);
  }
}

.profile_scrools {
  margin-top: 164px;
  height: calc(100vh - 390px);
  overflow-y: scroll;
}

.login_box_holder {
  background-color: #fff;
  border-radius: 15px;
  padding: 15px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.11);
  margin-top: 10px;
}

.main-menu-holder {
  border-radius: 15px;
  padding: 15px;
  height: auto;
}

.main-footer {
  padding: 15px;
  background-color: var(--colore-main);
  border-radius: 15px 15px 0px 0px;
}

.main-footer-right {
  float: inline-start;
  padding-top: 8px;
  color: #fff;
}

.main-footer-left {
  float: inline-end;
}

.main_method_2_in {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.main_method_2_in .toggler-front span img {
  width: 60px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  border-radius: 5px;
  border: 6px transparent solid;
}

.main_method_2_in .toggler-front span {
  font-size: 12pt;
  font-weight: normal !important;
}

.main_method_2_in .toggler-front input:checked+span img {
  border: 6px var(--colore-main) solid;
}

.dynamics-with-select {
  margin-bottom: 20px;
}

.img-right-holders {
  margin: 10vh 10vw 0px 10vw;
  text-align: center;
}

.img-right-holders img {
  max-width: 100%;
}

.chat-bar-top {
  margin: 0px 15px;
}

[d_status=service_provider] [sh=customer] {
  display: none !important;
}

body:not([d_status=service_provider]) [sh=service_provider] {
  display: none !important;
}

.fixed_box_button {
  background-color: #fff !important;
  color: var(--colore-main) !important;
  border-radius: 10px;
}

.apps-link-cc {
  padding-top: 60px;
}

.apps-link-cc>a {
  display: inline-block;
  vertical-align: middle;
}

.apps-link-cc>a img {
  display: block;
  height: 80px;
}

.mobile_action {
  text-align: center;
  padding: 40px;
  min-height: 80vh;
}

.mobile_action {
  display: none;
}

@media screen and (max-width: 800px) {
  .mobile_action {
    display: block;
  }

  .main-container {
    display: none !important;
  }

  [bg=bg1] {
    background: none !important;
  }
}