#notification_area {
  position: fixed;
  left: auto;
  right: 50px;
  z-index: 999999; }
  #notification_area .alert-notification {
    background-color: #333333;
    width: 300px;
    height: 110px;
    /*position: fixed;*/
    right: 15px;
    left: auto;
    border-radius: 10px;
    margin-top: 10px; }
    #notification_area .alert-notification:first-child {
      margin-top: 0px; }
    #notification_area .alert-notification img {
      width: 100%;
      height: 100%;
      max-height: 80px; }
    #notification_area .alert-notification .title {
      color: #d0de41; }
    #notification_area .alert-notification .name, #notification_area .alert-notification .close {
      color: #FFF;
      text-shadow: none; }

* {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important; }

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #60ccca;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
  margin: auto; }

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
body {
  background-color: #fbfbfb;
  width: 100%;
  /*direction: rtl !important;*/ }

html[dir='rtl'] body {
  direction: rtl !important; }
html[dir='rtl'] #notification_area {
  right: auto;
  left: 50px; }
  html[dir='rtl'] #notification_area .alert-notification {
    left: 15px;
    right: auto; }

#box1 {
  display: none;
  background-color: #fbfbfb;
  min-width: 100%; }

.background_white {
  background-color: #FFFFFF; }

.white_red_border {
  box-shadow: none !important;
  background-color: #FFFFFF;
  border-color: #ff404c;
  color: #ff404c !important; }
  .white_red_border.btn_fav {
    background-color: #FFFFFF;
    border-color: #ff404c;
    color: #ff404c !important; }
    .white_red_border.btn_fav:hover {
      background-color: #ff404c;
      border-color: #FFFFFF;
      color: #FFFFFF !important; }
    .white_red_border.btn_fav .unfav_item {
      display: none; }
  .white_red_border.btn_unfav {
    background-color: #ff404c;
    border-color: #FFFFFF;
    color: #FFFFFF !important; }
    .white_red_border.btn_unfav:hover {
      background-color: #FFFFFF;
      border-color: #ff404c;
      color: #ff404c !important; }
    .white_red_border.btn_unfav .fav_item {
      display: none; }

/*
.lightbox
{
    color: #000000;
    border: 0px;
    display: block;
    z-index: 30;
    margin: 0px;
    padding: 0px;
}
#filter
{
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    margin: auto;
    /*    min-width: 100%;
        min-height: 100%;*/
/*color: #000;
z-index: 15;
}
#filterClose
{
display: block;
position: fixed;
top: 0px;
left: -20px;
right: -20px;
width: 95%;
height: 95%;
margin: auto;
z-index: 20;
overflow: hidden;
}
#divBox
{
background-color: #FFFFFF;
display: none;
position: relative;
min-width: 100%;
min-height: 100%;
margin: auto;
/*overflow: auto;*/
/*color: #000;
z-index: 25;
}
.box
{
display: none;
position: relative;
overflow: auto;
z-index: 20;
}
*/
#divBox {
  margin: 0px;
  padding: 0px;
  position: fixed;
  /*top:0px;*/
  background-color: #FFFFFF;
  /*margin-top: 150px;**/
  z-index: 25;
  left: 0px;
  padding: 10px;
  padding-top: 20px;
  display: none;
  width: 100% !important; }

.btn, button {
  box-shadow: none !important; }

.add_cart .remove_cart_item {
  display: none; }

.remove_cart .add_cart_item {
  display: none; }

.cart-table, .summary-table {
  border-collapse: collapse !important; }
  .cart-table tbody, .cart-table thead, .summary-table tbody, .summary-table thead {
    border-bottom: 1px solid #dee2e6; }
  .cart-table th, .cart-table td, .cart-table tr, .summary-table th, .summary-table td, .summary-table tr {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #3a2929;
    border: 0px !important; }
  .cart-table .count_control_cart, .summary-table .count_control_cart {
    border-radius: 25px; }
    .cart-table .count_control_cart button, .summary-table .count_control_cart button {
      color: red; }
    .cart-table .count_control_cart span, .summary-table .count_control_cart span {
      display: inline-block;
      height: 100%;
      vertical-align: middle; }

.cart_image {
  overflow: hidden;
  width: 100%;
  height: 180px; }

.summary-table tbody, .summary-table thead {
  border-bottom: 0px; }
.summary-table tr {
  border-bottom: 1px solid #dee2e6 !important; }

.gray_text {
  color: #a7a7a7; }

.green_text {
  color: #8bc34a !important; }

.darkgray_text {
  color: #4a4a4a; }

/*#items_distribution{*/
.tags {
  border-color: #eeeeee;
  background-color: #ffffff;
  cursor: default !important; }
  .tags .number {
    color: #000000; }

.gray_border {
  border: 1px solid #eeeeee; }

/*}*/
.btn-back-home {
  border-radius: 20px;
  background-color: #e5e5e5;
  color: black; }
  .btn-back-home:hover {
    color: black; }

* {
  font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif; }

.font_menu_color {
  color: #60ccca; }

.btn-green {
  background-color: #8bc34a;
  border-color: #8bc34a;
  color: #FFFFFF; }

.btn-price {
  background-color: #3a2929;
  border-color: #3a2929; }
  .btn-price:hover {
    background-color: #3a2929;
    border-color: #3a2929; }

.btn-main, .btn_fav, .btn_favItem {
  background-color: #60ccca;
  border-color: #60ccca;
  color: #FFFFFF; }
  .btn-main:hover, .btn_fav:hover, .btn_favItem:hover {
    background-color: #60ccca;
    border-color: #60ccca;
    color: #FFFFFF; }

.btn_favItem,
.btn_fav {
  background-color: #60ccca;
  border-color: #60ccca;
  color: #FFFFFF;
  box-shadow: none; }
  .btn_favItem:hover,
  .btn_fav:hover {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #60ccca; }
  .btn_favItem .unfav_item,
  .btn_fav .unfav_item {
    display: none; }

.btn_unfavItem,
.btn_unfav {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #60ccca;
  box-shadow: none; }
  .btn_unfavItem:hover,
  .btn_unfav:hover {
    background-color: #60ccca;
    border-color: #60ccca;
    color: #FFFFFF; }
  .btn_unfavItem .fav_item,
  .btn_unfav .fav_item {
    display: none; }

.main_header {
  background-color: #60ccca;
  /*box-shadow: 0px 0px 10px -1px #555555;*/
  /*height: 40px;
  padding: 10px;*/ }
  .main_header .logo {
    /*, .logo:hover{
    
    /*background-image: url(../images/sooqev_logo.png);
    width: 33px;
    background-position: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    height: 35px;
    */
    /*background-color: $none_color;*/
    /*margin: 0px;
    padding: 0px;*/ }
    .main_header .logo img {
      height: 50px;
      margin-top: -5px; }
  .main_header .navbar-nav .nav-item {
    position: relative; }
    .main_header .navbar-nav .nav-item .badge {
      float: left;
      padding: 3px;
      background-color: #FFFFFF;
      color: #60ccca;
      font-size: 10px;
      /*margin-left: 10px;
      margin-top: -5px;*/
      position: absolute;
      left: 20px;
      top: -5px; }
    @media (min-width: 991px) {
      .main_header .navbar-nav .nav-item .badge {
        top: -10px;
        left: 20px;
        position: absolute;
        background-color: #FFFFFF;
        color: #60ccca;
        padding: 3px;
        font-size: 10px; } }
  .main_header .icons-menu i {
    font-size: 30px; }
  .main_header .icons-menu i, .main_header .icons-menu .icons-menu-label {
    float: left; }
  .main_header .icons-menu .icons-menu-label {
    padding-left: 5px; }
  @media (min-width: 326px) {
    .main_header form {
      width: 60%;
      margin-left: 0px; } }
  @media (min-width: 991px) {
    .main_header form {
      width: 50%; }
    .main_header .icons-menu i {
      display: block; }
    .main_header .icons-menu .icons-menu-label {
      display: none; } }
  .main_header form {
    width: 60%;
    margin-left: -20px;
    /* margin-left: 15px;
     width: 450px;
     height: 50px;
     .input-group-prepend{
         padding: 0px;
         margin: 0px;
         height: 31px;
     }
     .input-group{
         background-color: #FFFFFF;
         border-radius: 3px;
         height: calc(100% - 20px);
         margin: 0px;
         padding: 0px;
     }
     .input-group-text
     {
         background-color: $none_color;
         border-color:  $none_color;
         padding: 0px;
         margin: 0px;
     }
     .form-control,.form-control:focus
     {
         padding: 0px;
         margin: 0px;
         border-color:  $none_color;
         box-shadow: none;
     }*/ }
    .main_header form .input-group {
      width: 100%; }
    .main_header form #basic-addon1 {
      background-color: white;
      border-color: #FFFFFF; }
    .main_header form .form-control, .main_header form .form-control:focus {
      border-color: #FFFFFF;
      box-shadow: none; }

.card a {
  font-size: initial !important;
  color: #000 !important;
  text-decoration: none !important; }

@media (min-width: 768px) {
  .popular_brands.sticky {
    top: 100px;
    z-index: 1;
    position: fixed;
    width: 100%;
    background-color: #fbfbfb;
    /*padding: 10px;*/
    left: 0px;
    right: 0px; } }
.popular_brands h6 {
  font-weight: bold; }
.popular_brands .card-deck {
  /*height: 130px;*/ }
  .popular_brands .card-deck a {
    width: 100%;
    text-align: center;
    height: 90px;
    font-size: initial !important;
    color: #000 !important;
    vertical-align: middle;
    display: inline-block;
    line-height: 90px; }
  .popular_brands .card-deck .card, .popular_brands .card-deck a, .popular_brands .card-deck img {
    width: 100%;
    text-align: center;
    height: 90px;
    font-size: initial !important;
    color: #000 !important; }
  .popular_brands .card-deck img {
    height: 75%;
    width: 75%;
    object-fit: contain; }
@media (min-width: 768px) {
  .popular_brands .carousel-control-prev,
  .popular_brands .carousel-control-next {
    width: 2% !important; } }

a.underline {
  text-decoration: underline; }
  a.underline:hover {
    text-decoration: underline !important; }

#offers_distribution {
  clear: both;
  min-height: 800px;
  min-width: 252px; }

.offers_distribution {
  float: left;
  min-height: 10px;
  width: 100%;
  display: block !important;
  margin-left: 5px;
  margin-right: 5px; }

.background_shadow, .login_form_shadow {
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px; }
  .background_shadow.login_form_shadow, .login_form_shadow.login_form_shadow {
    z-index: 2;
    position: fixed; }
    .background_shadow.login_form_shadow hr, .login_form_shadow.login_form_shadow hr {
      width: 100%; }
    .background_shadow.login_form_shadow a, .login_form_shadow.login_form_shadow a {
      color: #000000;
      font-weight: bold; }
      .background_shadow.login_form_shadow a:hover, .login_form_shadow.login_form_shadow a:hover {
        text-decoration: none; }
    .background_shadow.login_form_shadow .form-div, .login_form_shadow.login_form_shadow .form-div {
      border-radius: 3px;
      background-color: #fbfbfb; }
      .background_shadow.login_form_shadow .form-div .logo h6, .login_form_shadow.login_form_shadow .form-div .logo h6 {
        font-weight: bold !important; }
      .background_shadow.login_form_shadow .form-div .logo .logo_title, .login_form_shadow.login_form_shadow .form-div .logo .logo_title {
        color: #60ccca;
        font-weight: bold; }

.most_view_item {
  margin-top: 20px; }
  .most_view_item > h6 {
    font-weight: bold; }
  .most_view_item button, .most_view_item .background_shadow {
    border-radius: 7px; }
  .most_view_item .card {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    margin-bottom: 3em; }
    .most_view_item .card .dropdown-toggle:after {
      content: none; }
    .most_view_item .card.card_oofer:hover .card-img-container .background_shadow, .most_view_item .card .card_oofer.active .card-img-container .background_shadow {
      cursor: pointer;
      visibility: visible;
      opacity: 1; }
      .most_view_item .card.card_oofer:hover .card-img-container .background_shadow .move_left, .most_view_item .card.card_oofer:hover .card-img-container .background_shadow .move_right, .most_view_item .card .card_oofer.active .card-img-container .background_shadow .move_left, .most_view_item .card .card_oofer.active .card-img-container .background_shadow .move_right {
        position: relative;
        left: 5px; }
      .most_view_item .card.card_oofer:hover .card-img-container .background_shadow .move_right, .most_view_item .card .card_oofer.active .card-img-container .background_shadow .move_right {
        left: auto;
        right: 5px; }
    .most_view_item .card .card-img-container {
      position: relative; }
      .most_view_item .card .card-img-container .background_shadow {
        visibility: hidden;
        opacity: 0;
        overflow: hidden;
        /**
        when change delay make sure change jQuery too.
        */
        -webkit-transition: position 0.5s;
        transition: position 0.5s; }
        .most_view_item .card .card-img-container .background_shadow .move_left {
          position: absolute;
          left: -100px;
          -webkit-transition: left 0.5s;
          transition: left 0.5s; }
        .most_view_item .card .card-img-container .background_shadow .move_right {
          position: absolute;
          left: auto;
          right: -45px;
          -webkit-transition: right 0.5s;
          transition: right 0.5s; }
      .most_view_item .card .card-img-container img {
        border-radius: 7px; }
      .most_view_item .card .card-img-container .btn-light {
        color: #60ccca; }
        .most_view_item .card .card-img-container .btn-light:hover {
          background-color: #FFFFFF; }
    .most_view_item .card .card-body button {
      width: 50%;
      font-weight: bold; }

html[dir="rtl"] .most_view_item .card.card_oofer:hover .card-img-container .background_shadow .move_left, html[dir="rtl"] .most_view_item .card.card_oofer:hover .card-img-container .background_shadow .move_right {
  left: 5px;
  right: auto; }
html[dir="rtl"] .most_view_item .card.card_oofer:hover .card-img-container .background_shadow .move_left {
  left: auto;
  right: 5px; }
html[dir="rtl"] .most_view_item .card .card-img-container .background_shadow {
  /**
  when change delay make sure change jQuery too.
  */
  -webkit-transition: position 0.5s;
  transition: position 0.5s; }
  html[dir="rtl"] .most_view_item .card .card-img-container .background_shadow .move_right {
    position: absolute;
    left: -100px;
    -webkit-transition: left 0.5s;
    transition: left 0.5s; }
  html[dir="rtl"] .most_view_item .card .card-img-container .background_shadow .move_left {
    position: absolute;
    left: auto;
    right: -45px;
    -webkit-transition: right 0.5s;
    transition: right 0.5s; }

/*
@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}*/
.items_distribution {
  text-align: center; }
  .items_distribution .card {
    margin-top: 10px;
    /*width: calc(95% / 5);
    margin-left: 1%;
    margin-bottom: 10px;*/
    background-color: rgba(0, 0, 0, 0);
    border: 0px;
    border-radius: 7px;
    width: 250px; }
    .items_distribution .card .card-img-container {
      border-radius: 7px;
      border: 1px solid #a7a7a7;
      width: 100%;
      padding: 1px; }
      .items_distribution .card .card-img-container img {
        border-radius: 7px;
        height: 250px; }

@media (min-width: 400px) {
  .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; } }
@media (min-width: 1000px) {
  .card-columns {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5; } }
.items_distribution.card-columns {
  -webkit-column-count: 5;
  -moz-column-count: 5;
  column-count: 5; }

.success_register img {
  height: 150px;
  width: auto; }

#offers_distribution_details {
  display: none; }

 /*
.dropdown-menu{
    width: 450px;
    a{
        display: inline-block;
    }

}*/
.yallow_background {
  background-color: #fcf304 !important;
  color: #000000; }

.gray_background {
  background-color: #e9e9e9;
  color: #000000; }

table {
  border-collapse: separate !important;
  color: #000000; }
  table img {
    width: 50px;
    height: 50px; }
  table td, table th {
    text-align: center;
    vertical-align: middle !important; }
  table thead {
    color: #FFFFFF;
    white-space: nowrap; }
    table thead tr {
      background-color: #34495e;
      border-bottom: 1px solid #fbfbfb; }

#item_details_offer_div {
  position: fixed;
  z-index: 100000;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none; }
  #item_details_offer_div .close_item_details_offer_div {
    position: absolute;
    top: -30px;
    right: 0px;
    left: auto;
    text-decoration: none;
    color: #fbfbfb; }
  #item_details_offer_div .background_shadow .max_contaner {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: relative; }
    #item_details_offer_div .background_shadow .max_contaner #item_offer_div_deatils {
      border-radius: 7px;
      position: absolute;
      background-color: #fbfbfb;
      width: 80%;
      height: 70%;
      top: 15%;
      left: 10%;
      padding: 10px; }
      #item_details_offer_div .background_shadow .max_contaner #item_offer_div_deatils .item-mobile {
        height: 100%;
        overflow-y: auto; }
      #item_details_offer_div .background_shadow .max_contaner #item_offer_div_deatils .popular_brands h6 {
        font-weight: bold; }
      #item_details_offer_div .background_shadow .max_contaner #item_offer_div_deatils .popular_brands .card-deck {
        height: 80px;
        width: 80px;
        padding: 1px; }
        #item_details_offer_div .background_shadow .max_contaner #item_offer_div_deatils .popular_brands .card-deck .card, #item_details_offer_div .background_shadow .max_contaner #item_offer_div_deatils .popular_brands .card-deck img, #item_details_offer_div .background_shadow .max_contaner #item_offer_div_deatils .popular_brands .card-deck a {
          vertical-align: middle;
          width: 80px !important;
          height: 80px !important;
          margin: 0px; }
        #item_details_offer_div .background_shadow .max_contaner #item_offer_div_deatils .popular_brands .card-deck a {
          display: inline-block;
          line-height: 80px; }

.slider_container {
  width: 100%;
  height: auto; }
  .slider_container .main_slide {
    width: 100%;
    height: 500px;
    overflow-y: auto; }
    .slider_container .main_slide img {
      width: 100%;
      height: auto; }
  .slider_container .slider .carousel-item {
    height: auto;
    overflow: hidden; }
    .slider_container .slider .carousel-item img {
      width: 25% !important;
      height: 100px !important;
      cursor: pointer; }

.carousel-control-prev,
.carousel-control-next {
  background-color: rgba(0, 0, 0, 0.1);
  width: 5% !important; }

html[dir=ltr] .carousel-control-prev[href="#item_details_offer_div2"] {
  left: -5%;
  background-color: rgba(0, 0, 0, 0); }
  html[dir=ltr] .carousel-control-prev[href="#item_details_offer_div2"] * {
    display: none; }
  html[dir=ltr] .carousel-control-prev[href="#item_details_offer_div2"] i {
    display: block;
    font-weight: bold;
    color: #3a2929;
    font-size: 55px;
    margin-top: calc(50% - 27.5px);
    height: 55px; }
html[dir=ltr] .carousel-control-next[href="#item_details_offer_div2"] {
  right: -5%;
  background-color: rgba(0, 0, 0, 0); }
  html[dir=ltr] .carousel-control-next[href="#item_details_offer_div2"] * {
    display: none; }
  html[dir=ltr] .carousel-control-next[href="#item_details_offer_div2"] i {
    display: block;
    font-weight: bold;
    color: #3a2929;
    font-size: 55px;
    margin-top: calc(50% - 27.5px);
    height: 55px; }

html[dir=rtl] .carousel-control-prev[href="#item_details_offer_div2"] {
  right: -5%;
  background-color: rgba(0, 0, 0, 0); }
  html[dir=rtl] .carousel-control-prev[href="#item_details_offer_div2"] * {
    display: none; }
  html[dir=rtl] .carousel-control-prev[href="#item_details_offer_div2"] i {
    display: block;
    font-weight: bold;
    color: #3a2929;
    font-size: 55px;
    margin-top: calc(50% - 27.5px);
    height: 55px; }
html[dir=rtl] .carousel-control-next[href="#item_details_offer_div2"] {
  left: -5%;
  background-color: rgba(0, 0, 0, 0); }
  html[dir=rtl] .carousel-control-next[href="#item_details_offer_div2"] * {
    display: none; }
  html[dir=rtl] .carousel-control-next[href="#item_details_offer_div2"] i {
    display: block;
    font-weight: bold;
    color: #3a2929;
    font-size: 55px;
    margin-top: calc(50% - 27.5px);
    height: 55px; }

.panner {
  height: 22rem;
  position: relative;
  margin-top: -3rem;
  margin-left: -3rem;
  margin-right: -3rem;
  width: calc(100% + 9 rem); }
  .panner img {
    object-fit: fill;
    width: 100%;
    height: 100%; }
  .panner button {
    position: absolute;
    top: 2rem;
    left: 6.5rem; }

.prand_img {
  /*position: relative;*/
  height: 200px;
  max-width: 100%;
  margin-top: -110px;
  background-color: #fbfbfb;
  border: 1px solid #efefef;
  border-radius: 7px; }
  .prand_img img {
    width: 100%;
    height: 100%;
    object-fit: contain; }

.white_text_box {
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #d8e2e8;
  border-radius: 3px;
  width: 100%; }

.footer_links_container {
  background-color: #FFFFFF; }
  .footer_links_container .logo img {
    width: 80px;
    height: auto; }
  .footer_links_container .nav a {
    padding: 0px;
    color: #000000;
    text-decoration: none; }
  .footer_links_container hr {
    width: 100%;
    min-width: 100%;
    max-width: 100%; }
  .footer_links_container .social img {
    width: 25px;
    height: 25px; }

.user_profile_menu a.active {
  background-color: rgba(0, 0, 0, 0) !important;
  color: #ff404c !important; }
.user_profile_menu a {
  font-weight: bold;
  color: #000000 !important; }

#image_wall_image {
  height: 100px !important;
  width: 100% !important;
  object-fit: fill; }

.my_profile_section img {
  width: 100%;
  height: 100%; }
.my_profile_section #image_profile {
  width: 150px;
  height: 150px; }
.my_profile_section.cart {
  cursor: pointer; }
  .my_profile_section.cart.active {
    box-shadow: 0px 0px 0px 3px #60ccca; }

.ordermenu {
  width: 100%; }
  .ordermenu .nav-item {
    width: 25%; }
    .ordermenu .nav-item a {
      background-color: rgba(0, 0, 0, 0) !important;
      color: graytext;
      text-align: center; }
      .ordermenu .nav-item a.active {
        border-bottom: 1px solid #60ccca;
        color: #60ccca; }

.formSearch {
  position: relative; }
  .formSearch input[type=text] {
    border-radius: 0px 3px 3px 0px !important;
    /*&:focus{
        &:after{
            content: ' ';
            width: 100%;
            height: 100%;
            background-color: $shadow_color;
            position: fixed;
            top: 0px;
            left: 0px;
        }
    }*/ }
  .formSearch .search_press {
    border-radius: 0px 0px 3px 3px;
    position: absolute;
    width: 91%;
    top: 100%;
    margin: auto;
    left: 4%;
    display: block;
    background-color: #FFFFFF; }
    .formSearch .search_press div {
      cursor: pointer; }
      .formSearch .search_press div:hover {
        background-color: #EEE; }

html[dir=rtl] .formSearch input[type=text] {
  border-radius: 3px 0px 0px 3px !important; }
html[dir=rtl] .formSearch .search_press {
  border-radius: 3px 3px 0px 0px;
  right: 4%; }

.favoritesResults input[type="checkbox"] {
  display: none; }
.favoritesResults .card {
  color: #FFFFFF;
  cursor: pointer;
  position: relative;
  height: 150px !important;
  padding: 0px; }
  .favoritesResults .card .checked {
    position: absolute;
    top: 5px;
    left: auto;
    right: 5px;
    color: #FFFFFF;
    font-weight: bold;
    z-index: 2;
    display: none; }
  .favoritesResults .card.selected .checked {
    display: block; }
  .favoritesResults .card .background_shadow {
    /*display: block;*/
    background-color: rgba(0, 0, 0, 0.5) !important;
    z-index: 1; }
  .favoritesResults .card img {
    padding: 0px;
    margin: 0px;
    width: inherit;
    height: inherit;
    object-fit: cover; }
  .favoritesResults .card span {
    position: absolute;
    top: auto;
    left: 0px;
    right: auto;
    bottom: 0px;
    width: 100%;
    color: #FFFFFF;
    font-weight: bold;
    z-index: 2; }

#notificationBar:after {
  content: none; }

#notificationBarTabs {
  min-width: 350px !important; }
  #notificationBarTabs .nav .nav-item {
    width: 50%;
    text-align: center;
    font-weight: bold;
    border-width: 2px !important; }
    #notificationBarTabs .nav .nav-item .nav-link.active {
      background-color: #FFFFFF !important; }

img {
  object-fit: contain; }

#notifications-notifications, #inbox-notifications {
  height: 300px;
  cursor: pointer;
  overflow-x: auto;
  overflow-x: hidden; }
  #notifications-notifications img, #inbox-notifications img {
    border-radius: 3px;
    width: 100%;
    height: 100%;
    object-fit: contain; }
  #notifications-notifications hr:last-child, #inbox-notifications hr:last-child {
    display: none; }

#chat_container {
  display: none;
  position: relative; }
  #chat_container .container {
    position: fixed;
    top: auto;
    left: auto;
    right: 50px;
    bottom: 100px;
    width: 300px;
    background-color: #FFFFFF;
    border: 1px solid #fbfbfb;
    border-radius: 10px;
    box-shadow: 0px 1px 1px 2px #CCC;
    z-index: 100000;
    padding: 0px; }
    #chat_container .container .online {
      color: #8bc34a; }
    #chat_container .container input {
      border: 0px; }
    #chat_container .container img {
      width: 100%;
      height: 100%; }
    #chat_container .container .close {
      display: block;
      vertical-align: middle; }
      #chat_container .container .close a i {
        margin-top: 10px;
        color: #000000 !important;
        font-size: 20px !important; }
    #chat_container .container .chat_header {
      white-space: nowrap; }
    #chat_container .container .chat_container {
      background-color: #f9f9f9;
      height: 300px;
      overflow-x: auto; }
      #chat_container .container .chat_container .in, #chat_container .container .chat_container .out {
        padding: 5px; }
        #chat_container .container .chat_container .in .message, #chat_container .container .chat_container .out .message {
          min-width: 0px;
          width: -moz-fit-content;
          width: fit-content;
          max-width: 80%;
          border-radius: 5px;
          padding: 5px;
          text-align: left; }
        #chat_container .container .chat_container .in .time, #chat_container .container .chat_container .out .time {
          font-size: 10px;
          color: #b5b5b5; }
      #chat_container .container .chat_container .in {
        text-align: left; }
        #chat_container .container .chat_container .in .message {
          background-color: #007bff;
          color: #FFF; }
      #chat_container .container .chat_container .out {
        text-align: right; }
        #chat_container .container .chat_container .out .message {
          margin-left: auto;
          margin-right: 0px;
          background-color: #e6e5eb; }
    #chat_container .container .chat_fotter input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #b5b5c0; }
    #chat_container .container .chat_fotter input::-moz-placeholder {
      /* Firefox 19+ */
      color: #b5b5c0; }
    #chat_container .container .chat_fotter input:-ms-input-placeholder {
      /* IE 10+ */
      color: #b5b5c0; }
    #chat_container .container .chat_fotter input:-moz-placeholder {
      /* Firefox 18- */
      color: #b5b5c0; }

.notificationRow .material-icons {
  display: none !important; }
.notificationRow.unread .material-icons {
  display: block !important;
  font-size: 10px;
  color: #d8d8d8; }

.notifications-tabs {
  width: 100%; }

#notificationBarTabs, #navbarDropdownMenuLinkDiv {
  margin-top: 30px; }

.item-mobile {
  height: 500px;
  overflow-y: auto; }

@media (min-width: 768px) {
  .item-mobile {
    height: auto;
    overflow: hidden; }

  #notificationBarTabs, #navbarDropdownMenuLinkDiv {
    margin-top: 10px; }
    #notificationBarTabs:before, #navbarDropdownMenuLinkDiv:before {
      content: ' ';
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #FFF;
      top: -10px;
      right: 11px;
      position: absolute; }

  #navbarDropdownMenuLinkDiv:before {
    right: auto;
    left: 89px; }

  html[dir='rtl'] #notificationBarTabs:before {
    left: 11px;
    right: auto; }
  html[dir='rtl'] #navbarDropdownMenuLinkDiv:before {
    left: auto;
    right: 51px; } }
.items_distribution .card-img-container {
  position: relative; }
  .items_distribution .card-img-container:hover .background_shadow {
    cursor: pointer;
    visibility: visible;
    opacity: 1; }
    .items_distribution .card-img-container:hover .background_shadow .move_left, .items_distribution .card-img-container:hover .background_shadow .move_right {
      position: relative;
      left: 5px; }
    .items_distribution .card-img-container:hover .background_shadow .move_right {
      left: auto;
      right: 5px; }
  .items_distribution .card-img-container .background_shadow {
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    /**
    when change delay make sure change jQuery too.
    */
    -webkit-transition: position 0.5s;
    transition: position 0.5s; }
    .items_distribution .card-img-container .background_shadow .move_left {
      position: absolute;
      left: -100px;
      -webkit-transition: left 0.5s;
      transition: left 0.5s; }
    .items_distribution .card-img-container .background_shadow .move_right {
      position: absolute;
      left: auto;
      right: -45px;
      -webkit-transition: right 0.5s;
      transition: right 0.5s; }
  .items_distribution .card-img-container img {
    border-radius: 7px; }
  .items_distribution .card-img-container .btn-light {
    color: #60ccca; }
    .items_distribution .card-img-container .btn-light:hover {
      background-color: #FFFFFF; }

html[dir="rtl"] .items_distribution .card-img-container:hover .background_shadow .move_left, html[dir="rtl"] .items_distribution .card-img-container:hover .background_shadow .move_right {
  left: 5px;
  right: auto; }
html[dir="rtl"] .items_distribution .card-img-container:hover .background_shadow .move_left {
  left: auto;
  right: 5px; }
html[dir="rtl"] .items_distribution .card-img-container .background_shadow {
  /**
  when change delay make sure change jQuery too.
  */
  -webkit-transition: position 0.5s;
  transition: position 0.5s; }
  html[dir="rtl"] .items_distribution .card-img-container .background_shadow .move_right {
    position: absolute;
    left: -100px;
    -webkit-transition: left 0.5s;
    transition: left 0.5s; }
  html[dir="rtl"] .items_distribution .card-img-container .background_shadow .move_left {
    position: absolute;
    left: auto;
    right: -45px;
    -webkit-transition: right 0.5s;
    transition: right 0.5s; }

.plan_offers .card {
  z-index: 0; }
  .plan_offers .card.offer {
    z-index: 1;
    margin-top: -1rem;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.175) !important; }
  .plan_offers .card .icons-dev * {
    height: 3.5rem;
    line-height: 3.5rem;
    vertical-align: middle; }
  .plan_offers .card .icons {
    height: 3.5rem;
    width: 3.5rem;
    line-height: 3.5rem;
    vertical-align: middle;
    color: #FFFFFF; }

.bitcoin {
  cursor: pointer; }

.bitcoin.active {
  border-color: #60ccca; }

/*# sourceMappingURL=main_2.css.map */
