@charset "UTF-8";
:root {
  --body-background: #FAFBFE;
  --text-color: #4F4F4F;
  --text-label-color: #828282;
  --text-heading-color: #333333;
  --button-border-radius: 4px;
  --loadmore-color: #303030;
  --sidebar-width: 268px;
  --sidebar-width-: -268px;
  --sidebar-right-width: 268px;
  --sidebar-right-width-: -268px;
  --container-full-width: 100%;
  --avatar-border-radius: 100%;
  --header-height: 80px;
  --header-height-: -80px;
  --header-background: #ffffff;
  --header-scroll-background: #ffffff;
  --header-border: rgba(216, 216, 216, 0.25);
  --header-box-shadow: rgba(99, 99, 99, 0.25);
  --logo-header-height: 60px;
  --logo-header-width: 225px;
  --floating-menu-height: 40px;
  --button-header-color: #262626;
  --button-header-background: #ffffff;
  --button-header-border: #737373;
  --search-global-height: 48px;
  --search-global-width: 363px;
  --search-global-color: #262626;
  --search-global-background: #ffffff;
  --search-global-border: #737373;
  --icon-header-height: 48px;
  --icon-header-size: 32px;
  --icon-header-color: #063567;
  --icon-header-background: #F0F9FF;
  --icon-header-border: #F0F9FF;
  --icon-header-active-color: #1876f2;
  --icon-header-active-background: #c9dcff;
  --icon-header-active-border: #c9dcff;
  --icon-header-bage-background: #ff0000;
  --icon-header-bage-color: #ffffff;
  --icon-header-bage-border: #ff0000;
  --menu-account-color: #27272A;
  --menu-account-bage-color: #f00000;
  --notify-group-dropdown-background: #ffffff;
  --notify-group-more-notify-background: #F1F1F1;
  --notify-group-more-notify-color: #333333;
  --notify-group-top-text-color: #333333;
  --notify-group-list-border-color: #DFDFDF;
  --notify-group-unread-bg-color: rgba(0,0,0,0.1);
  --notify-group-subject-text-color: #000000;
  --notify-group-message-text-color: #7f7f7f;
  --notify-group-date-text-color: #999999;
  --notify-group-option-icon-color: #000000;
  --notify-group-option-icon-unread-color: #cccccc;
  --sidebar-background: #ffffff;
  --sidebar-right-background: transparent;
  --sidebar-box-shadow: rgba(216, 216, 216, 0.25);
  --sidebar-menu-background: transparent;
  --sidebar-menu-color: #262626;
  --sidebar-menu-border: transparent;
  --sidebar-menu-active-background: #ffffff;
  --sidebar-menu-active-color: #063567;
  --sidebar-menu-active-border: transparent;
  --sidebar-menu-back-color: #1C1B1F;
  --sidebar-menu-back-border: #C6C6C6;
  --sidebar-menu-icon-background: #F2F2F2;
  --sidebar-menu-icon-color: #9DA6B0;
  --sidebar-menu-icon-border: #F2F2F2;
  --sidebar-menu-active-icon-background: #C9DCFF;
  --sidebar-menu-active-icon-color: #063567;
  --sidebar-menu-active-icon-border: #C9DCFF;
  --sidebar-menu-badge-background: #ffffff;
  --sidebar-menu-badge-color: #262626;
  --sidebar-menu-badge-border: #000000;
  --sidebar-menu-active-badge-background: #ffffff;
  --sidebar-menu-active-badge-color: #262626;
  --sidebar-menu-active-badge-border: #000000;
  --sidebar-menu-arrow-color: #262626;
  --sidebar-menu-active-arrow-color: #262626;
  --box-border-color: #f9f9f9;
  --link-color: #063567;
  --link-active-color: #2a6496;
  --dropdown-border-color: #dfdfdf;
  --dropdown-shadow-color: rgba(130, 130, 130,0.7);
  --icon-btn-color: #4F4F4F;
  --icon-btn-background: transparent;
  --icon-btn-border: transparent;
  --icon-btn-active-color: #063567;
  --icon-btn-active-background: transparent;
  --icon-btn-active-border: transparent;
  --button-closed-color: #4F4F4F;
  --button-link-color: #063567;
  --button-link-background: transparent;
  --button-link-border: transparent;
  --button-link-active-color: #063567;
  --button-link-active-background: transparent;
  --button-link-active-border: transparent;
  --button-default-color: #063567;
  --button-default-background: transparent;
  --button-default-border: #063567;
  --button-default-active-color: #063567;
  --button-default-active-background: transparent;
  --button-default-active-border: #063567;
  --button-primary-color: #063567;
  --button-primary-background: transparent;
  --button-primary-border: #063567;
  --button-primary-active-color: #063567;
  --button-primary-active-background: transparent;
  --button-primary-active-border: #063567;
  --button-success-color: #00b901;
  --button-success-background: transparent;
  --button-success-border: #00b901;
  --button-success-active-color: #00b901;
  --button-success-active-background: transparent;
  --button-success-active-border: #00b901;
  --button-cancel-color: #333333;
  --button-cancel-background: transparent;
  --button-cancel-border: #cccccc;
  --button-cancel-active-color: #333333;
  --button-cancel-active-background: transparent;
  --button-cancel-active-border: #cccccc;
  --button-danger-color: #d9534f;
  --button-danger-background: transparent;
  --button-danger-border: #d9534f;
  --button-danger-active-color: #d9534f;
  --button-danger-active-background: transparent;
  --button-danger-active-border: #d9534f;
  --button-warning-color: #f1c232;
  --button-warning-background: transparent;
  --button-warning-border: #f1c232;
  --button-warning-active-color: #f1c232;
  --button-warning-active-background: transparent;
  --button-warning-active-border: #f1c232;
  --horizontal-menu-color: #4F4F4F;
  --horizontal-menu-background: #ffffff;
  --horizontal-menu-badge-color: #063567;
  --horizontal-menu-badge-background: transparent;
  --horizontal-menu-badge-border: #063567;
  --horizontal-menu-active-color: #063567;
  --horizontal-menu-active-background: transparent;
  --horizontal-menu-active-border: #063567;
  --horizontal-menu-active-badge-color: #000000;
  --horizontal-menu-active-badge-background: transparent;
  --horizontal-menu-active-badge-border: #000000;
  --horizontal-menu-sub-warpp-background: #ffffff;
  --horizontal-menu-sub-color: #000000;
  --horizontal-menu-sub-background: #ffffff;
  --horizontal-menu-sub-border: #e0e0e0;
  --horizontal-menu-sub-badge-color: #063567;
  --horizontal-menu-sub-badge-background: #ffffff;
  --horizontal-menu-sub-badge-border: #063567;
  --horizontal-menu-sub-active-color: #000000;
  --horizontal-menu-sub-active-background: #f0f0f0;
  --horizontal-menu-sub-active-border: #e0e0e0;
  --horizontal-menu-sub-active-badge-color: #000000;
  --horizontal-menu-sub-active-badge-background: #ffffff;
  --horizontal-menu-sub-active-badge-border: #000000;
  --tab-color: #4F4F4F;
  --tab-background: #f2f2f2;
  --tab-border-color: #ffffff;
  --tab-active-color: #000000;
  --tab-active-background: #c9dcff;
  --tab-active-border-color: #E0E0E0;
}

@media (min-width: 1200px) and (max-width: 1359px) {
  :root {
    --sidebar-width: 242px;
    --sidebar-width-: -242px;
  }
}
@media (max-width: 991px) {
  :root {
    --header-height: 46px;
    --header-height-: -46px;
    --logo-header-height: 46px;
    --logo-header-width: 150px;
    --search-global-height: 48px;
    --search-global-width: 100%;
    --icon-header-height: 32px;
    --icon-header-size: 16px;
    --sidebar-width: 100%;
  }
}
body.body-dark {
  --header-box-shadow: #000000;
  --header-border: #38393a;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-center {
  align-items: center;
}

.flex-start {
  align-items: flex-start;
}

.flex-grow-0 {
  flex-grow: 0;
}

.flex-grow-1 {
  flex-grow: 1;
}

.p-l-1 {
  padding-left: 5px;
}

.p-l-2 {
  padding-left: 10px;
}

.p-l-3 {
  padding-left: 15px;
}

.p-r-1 {
  padding-right: 5px;
}

.p-r-2 {
  padding-right: 10px;
}

.p-r-3 {
  padding-right: 15px;
}

.p-t-1 {
  padding-top: 5px;
}

.p-t-2 {
  padding-top: 10px;
}

.p-t-3 {
  padding-top: 15px;
}

.p-b-1 {
  padding-bottom: 5px;
}

.p-b-2 {
  padding-bottom: 10px;
}

.p-b-3 {
  padding-bottom: 15px;
}

.m-l-1 {
  margin-left: 5px;
}

.m-l-2 {
  margin-left: 10px;
}

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

.m-r-1 {
  margin-right: 5px;
}

.m-r-2 {
  margin-right: 10px;
}

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

.m-t-1 {
  margin-top: 5px;
}

.m-t-2 {
  margin-top: 10px;
}

.m-t-3 {
  margin-top: 15px;
}

.m-b-1 {
  margin-bottom: 5px;
}

.m-b-2 {
  margin-bottom: 10px;
}

.m-b-3 {
  margin-bottom: 15px;
}

.col-xs-right {
  float: right;
}

.col-xs-left {
  float: left;
}

.col-xs-flex {
  display: flex;
}

.col-xs-flex-left {
  order: 0;
}

.col-xs-flex-right {
  order: 1;
}

.flex-grow-0 {
  flex-grow: 0;
}

.flex-grow-1 {
  flex-grow: 1;
}

@media (min-width: 1200px) {
  .col-lg-right {
    float: right;
  }

  .col-lg-left {
    float: left;
  }

  .col-lg-flex {
    display: flex;
  }

  .col-lg-flex-left {
    order: 0;
  }

  .col-lg-flex-right {
    order: 1;
  }

  .text-center-lg {
    text-align: center;
  }

  .text-right-lg {
    text-align: right;
  }

  .text-left-lg {
    text-align: left;
  }

  .right-lg {
    float: right;
  }

  .left-lg {
    float: left;
  }

  .flex-lg {
    display: flex;
  }

  .w-lg-1 {
    width: 8.33333333%;
    min-width: 8.33333333%;
  }

  .w-lg-2 {
    width: 16.66666667%;
    min-width: 16.66666667%;
  }

  .w-lg-3 {
    width: 25%;
    min-width: 25%;
  }

  .w-lg-4 {
    width: 33.33333333%;
    min-width: 33.33333333%;
  }

  .w-lg-5 {
    width: 41.66666667%;
    min-width: 41.66666667%;
  }

  .w-lg-6 {
    width: 50%;
    min-width: 50%;
  }

  .w-lg-7 {
    width: 58.33333333%;
    min-width: 58.33333333%;
  }

  .w-lg-8 {
    width: 66.66666667%;
    min-width: 66.66666667%;
  }

  .w-lg-9 {
    width: 75%;
    min-width: 75%;
  }

  .w-lg-10 {
    width: 83.33333333%;
    min-width: 83.33333333%;
  }

  .w-lg-11 {
    width: 91.66666667%;
    min-width: 91.66666667%;
  }

  .w-lg-12 {
    width: 100%;
    min-width: 100%;
  }

  .p-l-1-lg {
    padding-left: 5px;
  }

  .p-l-2-lg {
    padding-left: 10px;
  }

  .p-l-3-lg {
    padding-left: 15px;
  }

  .p-r-1-lg {
    padding-right: 5px;
  }

  .p-r-2-lg {
    padding-right: 10px;
  }

  .p-r-3-lg {
    padding-right: 15px;
  }

  .p-t-1-lg {
    padding-top: 5px;
  }

  .p-t-2-lg {
    padding-top: 10px;
  }

  .p-t-3-lg {
    padding-top: 15px;
  }

  .p-b-1-lg {
    padding-bottom: 5px;
  }

  .p-b-2-lg {
    padding-bottom: 10px;
  }

  .p-b-3-lg {
    padding-bottom: 15px;
  }

  .m-l-1-lg {
    margin-left: 5px;
  }

  .m-l-2-lg {
    margin-left: 10px;
  }

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

  .m-r-1-lg {
    margin-right: 5px;
  }

  .m-r-2-lg {
    margin-right: 10px;
  }

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

  .m-t-1-lg {
    margin-top: 5px;
  }

  .m-t-2-lg {
    margin-top: 10px;
  }

  .m-t-3-lg {
    margin-top: 15px;
  }

  .m-b-1-lg {
    margin-bottom: 5px;
  }

  .m-b-2-lg {
    margin-bottom: 10px;
  }

  .m-b-3-lg {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .text-center-md {
    text-align: center;
  }

  .text-right-md {
    text-align: right;
  }

  .text-left-md {
    text-align: left;
  }

  .right-md {
    float: right;
  }

  .left-md {
    float: left;
  }

  .flex-md {
    display: flex;
  }

  .w-md-1 {
    width: 8.33333333%;
    min-width: 8.33333333%;
  }

  .w-md-2 {
    width: 16.66666667%;
    min-width: 16.66666667%;
  }

  .w-md-3 {
    width: 25%;
  }

  .w-md-4 {
    width: 33.33333333%;
    min-width: 33.33333333%;
  }

  .w-md-5 {
    width: 41.66666667%;
    min-width: 41.66666667%;
  }

  .w-md-6 {
    width: 50%;
  }

  .w-md-7 {
    width: 58.33333333%;
    min-width: 58.33333333%;
  }

  .w-md-8 {
    width: 66.66666667%;
    min-width: 66.66666667%;
  }

  .w-md-9 {
    width: 75%;
    min-width: 75%;
  }

  .w-md-10 {
    width: 83.33333333%;
    min-width: 83.33333333%;
  }

  .w-md-11 {
    width: 91.66666667%;
    min-width: 91.66666667%;
  }

  .w-md-12 {
    width: 100%;
    min-width: 100%;
  }

  .p-l-1-md {
    padding-left: 5px;
  }

  .p-l-2-md {
    padding-left: 10px;
  }

  .p-l-3-md {
    padding-left: 15px;
  }

  .p-r-1-md {
    padding-right: 5px;
  }

  .p-r-2-md {
    padding-right: 10px;
  }

  .p-r-3-md {
    padding-right: 15px;
  }

  .p-t-1-md {
    padding-top: 5px;
  }

  .p-t-2-md {
    padding-top: 10px;
  }

  .p-t-3-md {
    padding-top: 15px;
  }

  .p-b-1-md {
    padding-bottom: 5px;
  }

  .p-b-2-md {
    padding-bottom: 10px;
  }

  .p-b-3-md {
    padding-bottom: 15px;
  }

  .m-l-1-md {
    margin-left: 5px;
  }

  .m-l-2-md {
    margin-left: 10px;
  }

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

  .m-r-1-md {
    margin-right: 5px;
  }

  .m-r-2-md {
    margin-right: 10px;
  }

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

  .m-t-1-md {
    margin-top: 5px;
  }

  .m-t-2-md {
    margin-top: 10px;
  }

  .m-t-3-md {
    margin-top: 15px;
  }

  .m-b-1-md {
    margin-bottom: 5px;
  }

  .m-b-2-md {
    margin-bottom: 10px;
  }

  .m-b-3-md {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .col-md-right {
    float: right;
  }

  .col-md-left {
    float: left;
  }

  .col-md-flex {
    display: flex;
  }

  .col-md-flex-left {
    order: 0;
  }

  .col-md-flex-right {
    order: 1;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .text-center-sm {
    text-align: center;
  }

  .text-right-sm {
    text-align: right;
  }

  .text-left-sm {
    text-align: left;
  }

  .right-sm {
    float: right;
  }

  .left-sm {
    float: left;
  }

  .flex-sm {
    display: flex;
  }

  .w-sm-1 {
    width: 8.33333333%;
    min-width: 8.33333333%;
  }

  .w-sm-2 {
    width: 16.66666667%;
    min-width: 16.66666667%;
  }

  .w-sm-3 {
    width: 25%;
    min-width: 25%;
  }

  .w-sm-4 {
    width: 33.33333333%;
    min-width: 33.33333333%;
  }

  .w-sm-5 {
    width: 41.66666667%;
    min-width: 41.66666667%;
  }

  .w-sm-6 {
    width: 50%;
    min-width: 50%;
  }

  .w-sm-7 {
    width: 58.33333333%;
    min-width: 58.33333333%;
  }

  .w-sm-8 {
    width: 66.66666667%;
    min-width: 66.66666667%;
  }

  .w-sm-9 {
    width: 75%;
    min-width: 75%;
  }

  .w-sm-10 {
    width: 83.33333333%;
    min-width: 83.33333333%;
  }

  .w-sm-11 {
    width: 91.66666667%;
    min-width: 91.66666667%;
  }

  .w-sm-12 {
    width: 100%;
    min-width: 100%;
  }

  .p-l-1-sm {
    padding-left: 5px;
  }

  .p-l-2-sm {
    padding-left: 10px;
  }

  .p-l-3-sm {
    padding-left: 15px;
  }

  .p-r-1-sm {
    padding-right: 5px;
  }

  .p-r-2-sm {
    padding-right: 10px;
  }

  .p-r-3-sm {
    padding-right: 15px;
  }

  .p-t-1-sm {
    padding-top: 5px;
  }

  .p-t-2-sm {
    padding-top: 10px;
  }

  .p-t-3-sm {
    padding-top: 15px;
  }

  .p-b-1-sm {
    padding-bottom: 5px;
  }

  .p-b-2-sm {
    padding-bottom: 10px;
  }

  .p-b-3-sm {
    padding-bottom: 15px;
  }

  .m-l-1-sm {
    margin-left: 5px;
  }

  .m-l-2-sm {
    margin-left: 10px;
  }

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

  .m-r-1-sm {
    margin-right: 5px;
  }

  .m-r-2-sm {
    margin-right: 10px;
  }

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

  .m-t-1-sm {
    margin-top: 5px;
  }

  .m-t-2-sm {
    margin-top: 10px;
  }

  .m-t-3-sm {
    margin-top: 15px;
  }

  .m-b-1-sm {
    margin-bottom: 5px;
  }

  .m-b-2-sm {
    margin-bottom: 10px;
  }

  .m-b-3-sm {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .col-sm-right {
    float: right;
  }

  .col-sm-left {
    float: left;
  }

  .col-sm-flex {
    display: flex;
  }

  .col-sm-flex-left {
    order: 0;
  }

  .col-sm-flex-right {
    order: 1;
  }
}
@media (max-width: 767px) {
  .text-center-xs {
    text-align: center;
  }

  .text-right-xs {
    text-align: right;
  }

  .text-left-xs {
    text-align: left;
  }

  .right-xs {
    float: right;
  }

  .left-xs {
    float: left;
  }

  .flex-xs {
    display: flex;
  }

  .w-xs-1 {
    width: 8.33333333%;
    min-width: 8.33333333%;
  }

  .w-xs-2 {
    width: 16.66666667%;
    min-width: 16.66666667%;
  }

  .w-xs-3 {
    width: 25%;
    min-width: 25%;
  }

  .w-xs-4 {
    width: 33.33333333%;
    min-width: 33.33333333%;
  }

  .w-xs-5 {
    width: 41.66666667%;
    min-width: 41.66666667%;
  }

  .w-xs-6 {
    width: 50%;
    min-width: 50%;
  }

  .w-xs-7 {
    width: 58.33333333%;
    min-width: 58.33333333%;
  }

  .w-xs-8 {
    width: 66.66666667%;
    min-width: 66.66666667%;
  }

  .w-xs-9 {
    width: 75%;
    min-width: 75%;
  }

  .w-xs-10 {
    width: 83.33333333%;
    min-width: 83.33333333%;
  }

  .w-xs-11 {
    width: 91.66666667%;
    min-width: 91.66666667%;
  }

  .w-xs-12 {
    width: 100%;
    min-width: 100%;
  }

  .p-l-1-xs {
    padding-left: 5px;
  }

  .p-l-2-xs {
    padding-left: 10px;
  }

  .p-l-3-xs {
    padding-left: 15px;
  }

  .p-r-1-xs {
    padding-right: 5px;
  }

  .p-r-2-xs {
    padding-right: 10px;
  }

  .p-r-3-xs {
    padding-right: 15px;
  }

  .p-t-1-xs {
    padding-top: 5px;
  }

  .p-t-2-xs {
    padding-top: 10px;
  }

  .p-t-3-xs {
    padding-top: 15px;
  }

  .p-b-1-xs {
    padding-bottom: 5px;
  }

  .p-b-2-xs {
    padding-bottom: 10px;
  }

  .p-b-3-xs {
    padding-bottom: 15px;
  }

  .m-l-1-xs {
    margin-left: 5px;
  }

  .m-l-2-xs {
    margin-left: 10px;
  }

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

  .m-r-1-xs {
    margin-right: 5px;
  }

  .m-r-2-xs {
    margin-right: 10px;
  }

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

  .m-t-1-xs {
    margin-top: 5px;
  }

  .m-t-2-xs {
    margin-top: 10px;
  }

  .m-t-3-xs {
    margin-top: 15px;
  }

  .m-b-1-xs {
    margin-bottom: 5px;
  }

  .m-b-2-xs {
    margin-bottom: 10px;
  }

  .m-b-3-xs {
    margin-bottom: 15px;
  }
}
.nice-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #979797;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  height: 34px;
  line-height: 32px;
  outline: none;
  padding-left: 10px;
  padding-right: 20px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: auto;
}
.nice-select.form-control {
  display: block;
  padding-top: 0;
  padding-bottom: 0;
}
.nice-select:after {
  border-bottom: 2px solid #9b9b9b;
  border-right: 2px solid #9b9b9b;
  content: '';
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 8px;
  top: 50%;
  transform-origin: 66% 66%;
  transform: rotate(45deg);
  transition: all 0.15s ease-in-out;
  width: 5px;
  /*.body-dark &{
    border-color: #e4e6eb;
  }*/
}
.nice-select.open:after {
  transform: rotate(-135deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #9c9c9c;
  color: #9b9b9b;
  pointer-events: none;
}
.nice-select.disabled:after {
  border-color: #cecece;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small:after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  transform-origin: 50% 0;
  transform: scale(0.75) translateY(-17px);
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
  min-width: 100%;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 200px;
  /*.body-dark &{
    background-color: #242526;
  }*/
}
.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 32px;
  list-style: none;
  min-height: 32px;
  outline: none;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  transition: all 0.2s;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f6f6;
  /*.body-dark &{
    background-color: #3e4042;
    color: #e4e6eb;
  }*/
}
.nice-select .option.selected {
  font-weight: bold;
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #9b9b9b;
  cursor: default;
}
.nice-select > span.current {
  color: #000000;
  /*.body-dark &{
    color: #e4e6eb;
  }*/
}

.no-csspointerevents .nice-select .list {
  display: none;
}
.no-csspointerevents .nice-select.open .list {
  display: block;
}

button:hover, button:active, button.nice-select.open, button:focus {
  outline: none !important;
}

.btn {
  font-weight: 600;
  font-size: 15px;
  border-radius: var(--button-border-radius);
}
.btn:hover, .btn:active, .btn.nice-select.open, .btn:focus {
  outline: none !important;
}
.btn .btn-icon-spin {
  display: inline-block;
  padding: 0;
  margin-right: 5px;
  vertical-align: middle;
}
.btn .btn-cs-main .btn-icon {
  line-height: 1;
  font-style: normal;
  font-size: 28px;
  height: 28px;
  width: 28px;
  min-width: 28px;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btn .btn-cs-main .btn-icon img {
  width: 100%;
  height: 100%;
  display: block;
}
.btn .btn-cs-main .btn-icon + .btn-text {
  margin-left: 10px;
}
[dir="rtl"] .btn .btn-cs-main .btn-icon + .btn-text {
  margin-left: 0;
  margin-right: 10px;
}
.btn .btn-cs-main .btn-text + .btn-icon {
  margin-left: 3px;
}
[dir="rtl"] .btn .btn-cs-main .btn-text + .btn-icon {
  margin-left: 0;
  margin-right: 3px;
}
.btn .btn-cs-main .btn-count + .btn-text {
  margin-left: 5px;
}
.btn.btn-cs {
  padding: 0 5px;
}
.btn.btn-cs .btn-cs-main {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  height: 100%;
}
.btn.btn-cs .btn-cs-main .btn-text {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  white-space: normal;
}
.btn.btn-cs .btn-cs-main .btn-count {
  font-size: 16px;
  line-height: 20px;
}
.btn.btn-cs.btn-xs .btn-cs-main {
  min-height: 32px;
}
.btn.btn-cs.btn-xs .btn-cs-main .btn-icon {
  font-size: 24px;
  height: 24px;
  width: 24px;
  min-width: 24px;
}
.btn.btn-cs.btn-xs .btn-cs-main .btn-text {
  font-size: 14px;
  line-height: 18px;
}
.btn.btn-cs.btn-xs .btn-cs-main .btn-count {
  font-size: 14px;
  line-height: 18px;
}
.btn.btn-cs.btn-sm .btn-cs-main {
  min-height: 28px;
}
.btn.btn-cs.btn-sm .btn-cs-main .btn-icon {
  font-size: 22px;
  height: 22px;
  width: 22px;
  min-width: 22px;
}
.btn.btn-cs.btn-sm .btn-cs-main .btn-text {
  font-size: 12px;
  line-height: 16px;
}
.btn.btn-cs.btn-sm .btn-cs-main .btn-count {
  font-size: 12px;
  line-height: 16px;
}
.btn.btn-cs.btn-lg {
  padding: 0 10px;
}
.btn.btn-cs.btn-lg .btn-cs-main {
  min-height: 46px;
}
.btn.btn-cs.btn-lg .btn-cs-main .btn-icon {
  font-size: 36px;
  height: 36px;
  width: 36px;
  min-width: 36px;
}
.btn.btn-cs.btn-lg .btn-cs-main .btn-text {
  font-size: 22px;
  line-height: 26px;
}
.btn.btn-cs.btn-lg .btn-cs-main .btn-count {
  font-size: 22px;
  line-height: 26px;
}
.btn.btn-preline .btn-cs-main .btn-text {
  white-space: pre-line;
}
.btn.btn-cs-img {
  padding: 0;
}
.btn.btn-cs-img .btn-icon {
  display: block;
  height: 100%;
}
.btn.btn-cs-img.btn-xs .btn-icon {
  height: 22px;
}
.btn.btn-cs-img.btn-sm .btn-icon {
  height: 30px;
}
.btn.btn-cs-img.btn-lg .btn-icon {
  height: 46px;
}

.btn-header_icon {
  padding: 0;
  border-radius: 100%;
}
.btn-header_icon .btn-icon {
  height: 32px;
  width: 32px;
  font-size: 32px;
  overflow: hidden;
}
.btn-header_icon.btn-xs {
  padding: 1px;
}
.btn-header_icon.btn-xs .btn-icon {
  height: 24px;
  width: 24px;
  font-size: 24px;
}
.btn-header_icon.btn-sm .btn-icon {
  height: 28px;
  width: 28px;
  font-size: 28px;
}
.btn-header_icon.btn-lg {
  padding: 0;
}
.btn-header_icon.btn-lg .btn-icon {
  height: 36px;
  width: 36px;
  font-size: 36px;
}

@media (max-width: 767px) {
  .btn.btn-cs.btn-res-xs .btn-cs-main {
    min-height: 22px;
  }
  .btn.btn-cs.btn-res-xs .btn-cs-main .btn-icon {
    font-size: 16px;
    height: 16px;
    width: 16px;
    min-width: 16px;
  }
  .btn.btn-cs.btn-res-xs .btn-cs-main .btn-text {
    font-size: 12px;
  }
  .btn.btn-cs.btn-res-xs .btn-cs-main .btn-count {
    font-size: 14px;
    line-height: 14px;
  }
}
@media (min-width: 768px) {
  .btn.btn-cs.btn-res-sm .btn-cs-main {
    min-height: 30px;
  }
  .btn.btn-cs.btn-res-sm .btn-cs-main .btn-icon {
    font-size: 18px;
    height: 18px;
    width: 18px;
    min-width: 18px;
  }
  .btn.btn-cs.btn-res-sm .btn-cs-main .btn-text {
    font-size: 13px;
  }
  .btn.btn-cs.btn-res-sm .btn-cs-main .btn-count {
    font-size: 15px;
    line-height: 15px;
  }
}
@media (min-width: 992px) {
  .btn.btn-cs.btn-res-md .btn-cs-main {
    min-height: 30px;
  }
  .btn.btn-cs.btn-res-md .btn-cs-main .btn-icon {
    font-size: 20px;
    height: 20px;
    width: 20px;
    min-width: 20px;
  }
  .btn.btn-cs.btn-res-md .btn-cs-main .btn-text {
    font-size: 15px;
  }
  .btn.btn-cs.btn-res-md .btn-cs-main .btn-count {
    font-size: 15px;
    line-height: 15px;
  }
}
@media (min-width: 1200px) {
  .btn.btn-cs.btn-res-lg {
    padding: 0 10px;
  }
  .btn.btn-cs.btn-res-lg .btn-cs-main {
    min-height: 46px;
  }
  .btn.btn-cs.btn-res-lg .btn-cs-main .btn-icon {
    font-size: 26px;
    height: 26px;
    width: 26px;
    min-width: 26px;
  }
  .btn.btn-cs.btn-res-lg .btn-cs-main .btn-text {
    font-size: 18px;
  }
  .btn.btn-cs.btn-res-lg .btn-cs-main .btn-count {
    font-size: 22px;
    line-height: 22px;
  }
}
.viewMoreBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border-radius: var(--button-border-radius);
  border: 1px solid var(--button-primary-border);
  color: var(--button-primary-color);
  background-color: var(--button-primary-background);
}
.viewMoreBtn:hover, .viewMoreBtn:focus, .viewMoreBtn:active, .viewMoreBtn.nice-select.open, .viewMoreBtn.active {
  color: var(--button-primary-active-color);
  background-color: var(--button-primary-active-background);
  border-color: var(--button-primary-active-border);
}

.btn-header_icon {
  color: var(--icon-btn-color);
}
.btn-header_icon:hover, .btn-header_icon:active, .btn-header_icon.nice-select.open, .btn-header_icon:focus {
  color: var(--icon-btn-active-color);
}
.btn-header_icon.box-add {
  color: var(--icon-btn-color);
}

.btn-link {
  color: var(--button-link-color);
  background-color: var(--button-link-background);
  border-color: var(--button-link-border);
}
.btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.nice-select.open, .btn-link.active {
  text-decoration: none;
  color: var(--button-link-active-color);
  background-color: var(--button-link-active-background);
  border-color: var(--button-link-active-border);
}

.btn-default {
  color: var(--button-default-color);
  background-color: var(--button-default-background);
  border-color: var(--button-default-border);
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.nice-select.open, .btn-default.active {
  color: var(--button-default-active-color);
  background-color: var(--button-default-active-background);
  border-color: var(--button-default-active-border);
}

.btn-primary {
  color: var(--button-primary-color);
  background-color: var(--button-primary-background);
  border-color: var(--button-primary-border);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.nice-select.open, .btn-primary.active {
  color: var(--button-primary-active-color);
  background-color: var(--button-primary-active-background);
  border-color: var(--button-primary-active-border);
}

.open > .dropdown-toggle.btn-primary {
  color: var(--button-primary-color);
  background-color: var(--button-primary-background);
  border-color: var(--button-primary-border);
}

.btn-primary.disabled,
.btn-primary[disabled] {
  color: var(--button-primary-color);
  background-color: var(--button-primary-background);
  border-color: var(--button-primary-border);
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.nice-select.open, .btn-primary.disabled.active,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].nice-select.open,
.btn-primary[disabled].active {
  color: var(--button-primary-active-color);
  background-color: var(--button-primary-active-background);
  border-color: var(--button-primary-active-border);
}

.btn-success {
  color: var(--button-success-color);
  background-color: var(--button-success-background);
  border-color: var(--button-success-border);
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.nice-select.open, .btn-success.active {
  color: var(--button-success-active-color);
  background-color: var(--button-success-active-background);
  border-color: var(--button-success-active-border);
}

.open > .dropdown-toggle.btn-success {
  color: var(--button-success-color);
  background-color: var(--button-success-background);
  border-color: var(--button-success-border);
}

.btn-success.disabled,
.btn-success[disabled] {
  color: var(--button-success-color);
  background-color: var(--button-success-background);
  border-color: var(--button-success-border);
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.nice-select.open, .btn-success.disabled.active,
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].nice-select.open,
.btn-success[disabled].active {
  color: var(--button-success-active-color);
  background-color: var(--button-success-active-background);
  border-color: var(--button-success-active-border);
}

.btn-danger {
  color: var(--button-danger-color);
  background-color: var(--button-danger-background);
  border-color: var(--button-danger-border);
}
.btn-danger:hover, .btn-danger:active, .btn-danger.nice-select.open, .btn-danger:focus, .btn-danger.active {
  color: var(--button-danger-active-color);
  background-color: var(--button-danger-active-background);
  border-color: var(--button-danger-active-border);
}

.open > .dropdown-toggle.btn-danger {
  color: var(--button-danger-color);
  background-color: var(--button-danger-background);
  border-color: var(--button-danger-border);
}

.btn-warning {
  color: var(--button-warning-color);
  background-color: var(--button-warning-background);
  border-color: var(--button-warning-border);
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.nice-select.open, .btn-warning.active {
  color: var(--button-warning-active-color);
  background-color: var(--button-warning-active-background);
  border-color: var(--button-warning-active-border);
}

.open > .dropdown-toggle.btn-warning {
  color: var(--button-warning-color);
  background-color: var(--button-warning-background);
  border-color: var(--button-warning-border);
}

.btn-primary-outline {
  color: var(--button-primary-color);
  background-color: var(--button-primary-background);
  border-color: var(--button-primary-border);
}
.btn-primary-outline:hover, .btn-primary-outline:focus, .btn-primary-outline:active, .btn-primary-outline.nice-select.open, .btn-primary-outline.active {
  color: var(--button-primary-active-color);
  background-color: var(--button-primary-active-background);
  border-color: var(--button-primary-active-border);
}

.btn-filled {
  color: var(--button-primary-color);
  background-color: var(--button-primary-background);
  border-color: var(--button-primary-border);
}
.btn-filled:hover, .btn-filled:focus, .btn-filled:active, .btn-filled.nice-select.open, .btn-filled.active {
  color: var(--button-primary-active-color);
  background-color: var(--button-primary-active-background);
  border-color: var(--button-primary-active-border);
}

.btn-cookies {
  background-color: #fff;
  border: 1px solid #fff;
  color: #333333;
}

.btn-post_feed {
  color: var(--button-primary-color);
  background-color: var(--button-primary-background);
  border-color: var(--button-primary-border);
}
.btn-post_feed:hover, .btn-post_feed:active, .btn-post_feed.nice-select.open, .btn-post_feed:focus {
  color: var(--button-primary-active-color);
  background-color: var(--button-primary-active-background);
  border-color: var(--button-primary-active-border);
}

.btn-submit_comment {
  color: var(--button-primary-color);
  background-color: var(--button-primary-background);
  border-color: var(--button-primary-border);
}
.btn-submit_comment.btn-cs {
  padding: 5px 10px;
}
.btn-submit_comment.btn-cs .btn-cs-main {
  min-height: 28px;
}
.btn-submit_comment.btn-cs .btn-cs-main .btn-icon {
  font-size: 28px;
  height: 28px;
  width: 28px;
  min-width: 28px;
}
.btn-submit_comment:hover, .btn-submit_comment:active, .btn-submit_comment.nice-select.open, .btn-submit_comment:focus {
  color: var(--button-primary-active-color);
  background-color: var(--button-primary-active-background);
  border-color: var(--button-primary-active-border);
}

.btn-submit_reply {
  color: var(--button-primary-color);
  background-color: var(--button-primary-background);
  border-color: var(--button-primary-border);
}
.btn-submit_reply.btn-cs {
  padding: 5px 10px;
}
.btn-submit_reply.btn-cs .btn-cs-main {
  min-height: 28px;
}
.btn-submit_reply.btn-cs .btn-cs-main .btn-icon {
  font-size: 28px;
  height: 28px;
  width: 28px;
  min-width: 28px;
}
.btn-submit_reply:hover, .btn-submit_reply:active, .btn-submit_reply.nice-select.open, .btn-submit_reply:focus {
  color: var(--button-primary-active-color);
  background-color: var(--button-primary-active-background);
  border-color: var(--button-primary-active-border);
}

.btn-cancel_edit {
  color: var(--button-cancel-color);
  background-color: var(--button-cancel-background);
  border-color: var(--button-cancel-border);
}
.btn-cancel_edit.btn-cs {
  padding: 0 10px;
}
.btn-cancel_edit.btn-cs .btn-cs-main .btn-icon {
  font-size: 16px;
  height: 16px;
  width: 16px;
  min-width: 16px;
}
.btn-cancel_edit:hover, .btn-cancel_edit:active, .btn-cancel_edit.nice-select.open, .btn-cancel_edit:focus {
  color: var(--button-cancel-active-color);
  background-color: var(--button-cancel-active-background);
  border-color: var(--button-cancel-active-border);
}

.btn-submit_edit {
  color: var(--button-primary-color);
  background-color: var(--button-primary-background);
  border-color: var(--button-primary-border);
}
.btn-submit_edit:hover, .btn-submit_edit:active, .btn-submit_edit.nice-select.open, .btn-submit_edit:focus {
  color: var(--button-primary-active-color);
  background-color: var(--button-primary-active-background);
  border-color: var(--button-primary-active-border);
}

.btn-header_title {
  color: var(--button-primary-color);
  background-color: var(--button-primary-background);
  border-color: var(--button-primary-border);
}
.btn-header_title:hover, .btn-header_title:active, .btn-header_title.nice-select.open, .btn-header_title:focus {
  color: var(--button-primary-active-color);
  background-color: var(--button-primary-active-background);
  border-color: var(--button-primary-active-border);
}

.btn-header_toolbar {
  color: var(--button-success-color);
  background-color: var(--button-success-background);
  border-color: var(--button-success-border);
}
.btn-header_toolbar:hover, .btn-header_toolbar:focus, .btn-header_toolbar:active, .btn-header_toolbar.nice-select.open, .btn-header_toolbar.active {
  color: var(--button-success-active-color);
  background-color: var(--button-success-active-background);
  border-color: var(--button-success-active-border);
}

.btn-modal_close {
  color: var(--button-cancel-color);
  background-color: var(--button-cancel-background);
  border-color: var(--button-cancel-border);
}
.btn-modal_close:hover, .btn-modal_close:active, .btn-modal_close.nice-select.open, .btn-modal_close:focus {
  color: var(--button-cancel-active-color);
  background-color: var(--button-cancel-active-background);
  border-color: var(--button-cancel-active-border);
}

.btn-modal_save {
  color: var(--button-primary-color);
  background-color: var(--button-primary-background);
  border-color: var(--button-primary-border);
}
.btn-modal_save:hover, .btn-modal_save:active, .btn-modal_save.nice-select.open, .btn-modal_save:focus {
  color: var(--button-primary-active-color);
  background-color: var(--button-primary-active-background);
  border-color: var(--button-primary-active-border);
}

.btn-modal_ok {
  color: var(--button-success-color);
  background-color: var(--button-success-background);
  border-color: var(--button-success-border);
}
.btn-modal_ok:hover, .btn-modal_ok:focus, .btn-modal_ok:active, .btn-modal_ok.nice-select.open, .btn-modal_ok.active {
  color: var(--button-success-active-color);
  background-color: var(--button-success-active-background);
  border-color: var(--button-success-active-border);
}

.btn-modal_delete {
  color: var(--button-danger-color);
  background-color: var(--button-danger-background);
  border-color: var(--button-danger-border);
}
.btn-modal_delete:hover, .btn-modal_delete:active, .btn-modal_delete.nice-select.open, .btn-modal_delete:focus {
  color: var(--button-danger-active-color);
  background-color: var(--button-danger-active-background);
  border-color: var(--button-danger-active-border);
}

.btn-user_tip {
  color: var(--button-primary-color);
  background-color: var(--button-primary-background);
  border-color: var(--button-primary-border);
}
.btn-user_tip:hover, .btn-user_tip:active, .btn-user_tip.nice-select.open, .btn-user_tip:focus {
  color: var(--button-primary-active-color);
  background-color: var(--button-primary-active-background);
  border-color: var(--button-primary-active-border);
}

.btn-search_close {
  color: var(--button-cancel-color);
  background-color: var(--button-cancel-background);
  border-color: var(--button-cancel-border);
}
.btn-search_close:hover, .btn-search_close:active, .btn-search_close.nice-select.open, .btn-search_close:focus {
  color: var(--button-cancel-active-color);
  background-color: var(--button-cancel-active-background);
  border-color: var(--button-cancel-active-border);
}

.btn-search_submit {
  color: var(--button-primary-color);
  background-color: var(--button-primary-background);
  border-color: var(--button-primary-border);
}
.btn-search_submit:hover, .btn-search_submit:active, .btn-search_submit.nice-select.open, .btn-search_submit:focus {
  color: var(--button-primary-active-color);
  background-color: var(--button-primary-active-background);
  border-color: var(--button-primary-active-border);
}

.btn-profile {
  color: var(--button-primary-color);
  background-color: var(--button-primary-background);
  border-color: var(--button-primary-border);
}
.btn-profile:hover, .btn-profile:active, .btn-profile.nice-select.open, .btn-profile:focus {
  color: var(--button-primary-active-color);
  background-color: var(--button-primary-active-background);
  border-color: var(--button-primary-active-border);
}

.header-section {
  background-color: var(--header-background);
  min-height: var(--header-height);
  box-shadow: 0 0 20px 0 var(--header-box-shadow);
}
.documentScrolling .header-section {
  background-color: var(--header-scroll-background);
}
.header-section.header-fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 900;
}
@media (max-width: 991px) {
  .mobile-menu-open .header-section.header-fixed-top {
    z-index: 99999;
  }
}
.header-section .header-inner-top {
  min-height: var(--header-height);
}
.header-section .header-inner-main {
  position: relative;
}
.header-section .header-inner-main:before, .header-section .header-inner-main:after {
  content: '';
  display: table;
}
.header-section .header-inner-main:after {
  clear: both;
}

.logo-default {
  float: left;
  height: var(--logo-header-height);
  display: flex;
  align-items: center;
  max-width: var(--logo-header-width);
  margin-top: calc((var(--header-height) - var(--logo-header-height))/2);
  margin-bottom: calc((var(--header-height) - var(--logo-header-height))/2);
}
[dir="rtl"] .logo-default {
  float: right;
}
.logo-default .logo-default-link {
  display: block;
  font-size: 0;
}
.logo-default .logo-default-img {
  display: inline-block;
  max-height: var(--logo-header-height);
  max-width: var(--logo-header-width);
}

.menu_acc_content {
  float: right;
  margin-top: calc((var(--header-height) - var(--icon-header-height))/2);
  margin-left: 10px;
}
[dir="rtl"] .menu_acc_content {
  float: left;
  margin-left: 0;
  margin-right: 10px;
}
.menu_acc_content .arr-down {
  position: absolute;
  top: -12px;
  right: 48px;
  width: 0;
  border: 6px;
  border-style: solid;
  border-color: transparent transparent var(--dropdown-border-color) transparent;
}
.menu_acc_content .dropdown-user-box {
  color: var(--menu-account-color);
}
.menu_acc_content #member-avatar,
.menu_acc_content .dropdown-user-box {
  cursor: pointer;
}
.menu_acc_content .dropdown-user-avatar {
  display: block;
  height: var(--icon-header-height);
  width: var(--icon-header-height);
  position: relative;
  border-radius: var(--avatar-border-radius);
  border: 1px solid var(--menu-account-color);
  background-color: var(--menu-account-color);
  /*@media(max-width: 991px){
      height: 24px;
      width: 24px; 
  }*/
}
.menu_acc_content #member-avatar {
  display: block;
  width: 100%;
  border-radius: var(--avatar-border-radius);
  font-size: 0;
}
.menu_acc_content .dropdown-user-arrow {
  font-size: 24px;
  width: 24px;
  height: 24px;
  overflow: hidden;
}
.menu_acc_content .dropdown-user-text {
  display: none;
  margin-left: 10px;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[dir="rtl"] .menu_acc_content .dropdown-user-text {
  margin-left: 0;
  margin-right: 10px;
}
.menu_acc_content .dropdown-user-box {
  display: flex;
  align-items: center;
  gap: 10px;
}
.menu_acc_content .dropdown-menu {
  left: inherit;
  right: 0;
}
[dir="rtl"] .menu_acc_content .dropdown-menu {
  left: 0;
  right: inherit;
}
.menu_acc_content.hasPoint .dropdown-user-avatar:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background-color: var(--menu-account-bage-color);
  position: absolute;
  top: -3px;
  right: -3px;
  border-radius: 100%;
}
.menu_acc_content .onoffswitch {
  float: right;
  width: 40px;
}
[dir="rtl"] .menu_acc_content .onoffswitch {
  float: left;
}
.menu_acc_content .onoffswitch .onoffswitch-label {
  border-color: #333333;
}
.menu_acc_content .onoffswitch .onoffswitch-inner:before, .menu_acc_content .onoffswitch .onoffswitch-inner:after {
  height: 16px;
  line-height: 16px;
  font-size: 9px;
  color: white;
}
.menu_acc_content .onoffswitch .onoffswitch-inner:before {
  background-color: #000000;
  color: #FFFFFF;
}
.menu_acc_content .onoffswitch .onoffswitch-inner:after {
  background-color: #ffffff;
  color: #333333;
}
.menu_acc_content .onoffswitch .onoffswitch-switch {
  top: 5px;
  width: 10px;
  height: 10px;
  background: #c1f7de;
  border-color: #333333;
}
.menu_acc_content .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label {
  border-color: #999999;
}
.menu_acc_content .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  margin-left: -15px;
  border-color: #ffffff;
  background-color: #999999;
}
[dir="rtl"] .menu_acc_content .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  margin-left: 0;
  margin-right: -15px;
}

.login_acc_content {
  float: right;
  margin-top: 0;
  margin-left: 15px;
  height: var(--header-height);
  display: flex;
  align-items: center;
}
[dir="rtl"] .login_acc_content {
  float: left;
  margin-left: 0;
  margin-right: 15px;
}
.login_acc_content .login-btn, .login_acc_content .register-btn {
  color: var(--button-header-color);
  background-color: var(--button-header-background);
  border-color: 1px solid var(--button-header-border);
}

@media (min-width: 992px) {
  body.default-body {
    padding-top: var(--header-height);
  }

  .floating-menu .header-section {
    filter: none;
    border-bottom: 1px solid var(--header-border);
  }
}
@media (max-width: 991px) {
  body.default-body {
    padding-top: var(--header-height);
    padding-bottom: 70px;
  }

  .header-section {
    -webkit-transition: top 0.5s cubic-bezier(0, 1, 0.5, 1);
    -moz-transition: top 0.5s cubic-bezier(0, 1, 0.5, 1);
    transition: top 0.5s cubic-bezier(0, 1, 0.5, 1);
  }

  .menu_acc_content {
    /*margin-left: 5px;
    margin-top: 11px;*/
  }

  .login_acc_content {
    margin-left: 10px;
  }

  .faceOutEffect .header-section.header-fixed-top {
    top: var(--header-height-);
  }
  .faceOutEffect .menu_acc_content .dropdown-menu {
    display: none;
  }
  .faceOutEffect .login_acc_content .login-popup-group.open .dropdown-popup-main {
    display: none;
  }
}
@media (max-width: 375px) {
  .menu_acc_content .dropdown-user-text {
    display: none;
  }
}
.popup-login-form {
  padding: 15px;
}
.popup-login-form .popup-login-title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 5px;
}
.popup-login-form .social-group a {
  padding: 3px 3px;
}
.popup-login-form .social-group .social-text {
  display: none;
}

.sidebar-menu {
  background-color: var(--sidebar-menu-background);
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.sidebar-menu li {
  position: relative;
  list-style-type: none;
  width: 100%;
}
.sidebar-menu li > .main-menu-arrow {
  height: 30px;
  width: 30px;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  display: none;
  position: absolute;
  right: 5px;
  top: 11px;
  z-index: 1;
  cursor: pointer;
  color: var(--sidebar-menu-arrow-color);
}
[dir="rtl"] .sidebar-menu li > .main-menu-arrow {
  right: inherit;
  left: 10px;
}
.sidebar-menu li > .main-menu-arrow.active {
  color: var(--sidebar-menu-active-arrow-color);
}
.sidebar-menu li > .main-sub-menu-back {
  display: none;
  font-size: 16px;
  height: 36px;
  width: 100%;
  line-height: 36px;
  padding-left: 5px;
  text-align: left;
  cursor: pointer;
  color: var(--sidebar-menu-back-color);
  border-bottom: 1px solid var(--sidebar-menu-back-border);
}
[dir="rtl"] .sidebar-menu li > .main-sub-menu-back {
  text-align: right;
  padding-left: 0;
  padding-right: 5px;
}
.sidebar-menu li > .core-menu-link {
  display: flex;
  align-items: center;
  font-size: 18px;
  min-height: 52px;
  font-weight: 400;
  padding: 5px 10px 5px 10px;
  line-height: 26px;
  cursor: pointer;
  position: relative;
  color: var(--sidebar-menu-color);
  background-color: var(--sidebar-menu-background);
  /*&.active{
    font-weight: 500;
    background-color: var(--sidebar-menu-active-background);
    color: var(--sidebar-menu-color);
    .core-menu-icon{
      background-color: var(--sidebar-menu-active-icon-background);
      color: var(--sidebar-menu-active-icon-color);
      border-color: var(--sidebar-menu-active-icon-border);
    }
  }*/
}
.sidebar-menu li > .core-menu-link:focus, .sidebar-menu li > .core-menu-link:active, .sidebar-menu li > .core-menu-link.nice-select.open, .sidebar-menu li > .core-menu-link.active {
  text-decoration: none;
}
.sidebar-menu li > .core-menu-link .core-menu-icon {
  font-size: 32px;
  vertical-align: middle;
  margin-right: 5px;
  overflow: hidden;
  width: 42px;
  height: 42px;
  min-width: 42px;
  line-height: 40px;
  text-align: center;
  border-radius: 100%;
  background-color: var(--sidebar-menu-icon-background);
  color: var(--sidebar-menu-icon-color);
  border: 1px solid var(--sidebar-menu-icon-border);
}
[dir="rtl"] .sidebar-menu li > .core-menu-link .core-menu-icon {
  margin-right: 0;
  margin-left: 5px;
}
.sidebar-menu li > .core-menu-link .badge_counter {
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -12px;
  padding: 0 2px;
  font-size: 18px;
  height: 24px;
  min-width: 24px;
  line-height: 24px;
  border-radius: 5px;
  color: var(--sidebar-menu-badge-color);
  background-color: var(--sidebar-menu-badge-background);
  border: 1px solid var(--sidebar-menu-badge-border);
}
.sidebar-menu li.hasChild.current > .main-menu-arrow {
  color: var(--sidebar-menu-active-arrow-color);
}
.sidebar-menu li.hasChild.current > .core-menu-link {
  border-color: var(--sidebar-menu-active-border);
}
.sidebar-menu li.hasChild > .main-menu-arrow {
  display: block;
}
.sidebar-menu li.hasChild > .core-menu-link {
  padding-right: 30px;
}
[dir="rtl"] .sidebar-menu li.hasChild > .core-menu-link {
  padding-right: 15px;
  padding-left: 30px;
}
.sidebar-menu li.hasChild > .main-menu-sub {
  display: none;
}
.sidebar-menu li:not(.show-menu-child) > .core-menu-link {
  border-bottom: 1px solid var(--sidebar-menu-border);
}
.sidebar-menu li:not(.show-menu-child) > .core-menu-link.active {
  font-weight: 500;
  background-color: var(--sidebar-menu-active-background);
  color: var(--sidebar-menu-active-color);
  border-color: var(--sidebar-menu-active-border);
}
.sidebar-menu li:not(.show-menu-child) > .core-menu-link.active .core-menu-icon {
  background-color: var(--sidebar-menu-active-icon-background);
  color: var(--sidebar-menu-active-icon-color);
  border-color: var(--sidebar-menu-active-icon-border);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.sidebar-menu li:not(.show-menu-child) > .core-menu-link.active .badge_counter {
  color: var(--sidebar-menu-active-badge-color);
  background-color: var(--sidebar-menu-active-badge-background);
  border-color: var(--sidebar-menu-active-badge-border);
}
.sidebar-menu li.current:not(.show-menu-child) {
  /*> .main-menu-arrow{
    color: var(--sidebar-menu-arrow-color);
    &.active{
      color: var(--sidebar-menu-active-arrow-color);
    }
  }*/
}
.sidebar-menu li.current:not(.show-menu-child) > .core-menu-link {
  font-weight: 500;
  background-color: var(--sidebar-menu-active-background);
  color: var(--sidebar-menu-active-color);
}
.sidebar-menu li.current:not(.show-menu-child) > .core-menu-link > .core-menu-icon {
  background-color: var(--sidebar-menu-active-icon-background);
  color: var(--sidebar-menu-active-icon-color);
  border-color: var(--sidebar-menu-active-icon-border);
}
.sidebar-menu li.current:not(.show-menu-child) > .core-menu-link > .badge_counter {
  color: var(--sidebar-menu-active-badge-color);
  background-color: var(--sidebar-menu-active-badge-background);
  border-color: var(--sidebar-menu-active-badge-border);
}
.sidebar-menu li > .main-menu-sub {
  padding: 0;
  margin: 0;
}
[dir="rtl"] .sidebar-menu li > .main-menu-sub > li > .core-menu-link {
  padding-left: 35px;
  padding-right: 10px;
}
.sidebar-menu.sidebar_overlay li.hide-menu-child {
  display: none;
}
.sidebar-menu.sidebar_overlay li.show-menu-child {
  width: 100%;
  margin-left: 100%;
  background-color: var(--sidebar-menu-background);
}
.sidebar-menu.sidebar_overlay li.show-menu-child > .core-menu-link {
  min-height: 35px;
  font-weight: 700;
}
.sidebar-menu.sidebar_overlay li.show-menu-child > .core-menu-link > .core-menu-icon {
  display: none;
}
.sidebar-menu.sidebar_overlay li.show-menu-child > .main-menu-sub {
  display: block;
  height: 100%;
}
.sidebar-menu.sidebar_overlay li.show-menu-child > .main-sub-menu-back {
  display: block;
}
.sidebar-menu.sidebar_overlay li.show-menu-child > .main-menu-arrow {
  display: none;
}
.sidebar-menu.sidebar_overlay li.open-menu-child > .main-sub-menu-back,
.sidebar-menu.sidebar_overlay li.open-menu-child > .core-menu-link {
  display: none;
}
.sidebar-menu.sidebar-category li > .core-menu-link {
  padding: 5px 35px 5px 10px;
}
[dir="rtl"] .sidebar-menu.sidebar-category li > .core-menu-link {
  padding-left: 35px;
  padding-right: 10px;
}

.sidebar-left-overview {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1035;
  background-color: rgba(0, 0, 0, 0.01);
  cursor: pointer;
  transition: all 300ms linear 100ms;
}

.page-body .sidebar-left {
  display: flex;
  flex-direction: column;
  width: var(--sidebar-width);
  background-color: var(--sidebar-background);
  box-shadow: 0 0 5px 0 var(--sidebar-box-shadow);
  position: fixed;
  left: 0;
  bottom: 0;
  top: var(--header-height);
}
[dir="rtl"] .page-body .sidebar-left {
  left: inherit;
  right: 0;
}
.page-body .sidebar-left:not(.slf) {
  z-index: 990;
}
.page-body .sidebar-left:not(.slf):before {
  content: '';
  display: block;
  height: 10px;
}
.page-body .sidebar-left:not(.slf) .sidebar-menu-toggle {
  display: none !important;
}
.faceOutEffect .page-body .sidebar-left {
  top: var(--header-height-);
}
.page-body .sidebar-left .sidebar-left-main {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}
.page-body .sidebar-left .sidebar-left-header {
  width: 100%;
}
.page-body .sidebar-left .sidebar-left-footer {
  width: 100%;
}
@media (max-width: 1199px) {
  .sidebar-left-modal .page-body .sidebar-left {
    z-index: 1036;
  }
}
.page-body .sidebar-right {
  display: flex;
  flex-direction: column;
  width: var(--sidebar-right-width);
  background-color: var(--sidebar-right-background);
  box-shadow: 0 0 5px 0 var(--sidebar-box-shadow);
  position: fixed;
  right: 0;
  bottom: 0;
  top: var(--header-height);
}
[dir="rtl"] .page-body .sidebar-right {
  left: 0;
  right: inherit;
}
.page-body .sidebar-right .sidebar-right-main {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}
.page-body .sidebar-right .sidebar-right-header {
  width: 100%;
}
.page-body .sidebar-right .sidebar-right-footer {
  width: 100%;
}
.page-body .sidebar-content-warp {
  padding: 5px 0;
}
.page-body .sidebar-content-warp .sidebar-header {
  padding: 0 8px;
  margin-bottom: 10px;
}
.page-body .sidebar-content-warp .sidebar-header .sidebar-header-title {
  color: var(--text-heading-color);
  font-weight: 600;
  font-size: 18px;
}
.page-body .sidebar-content-warp .sidebar-content {
  padding: 0 8px;
}
.page-body .sidebar-content-warp .sidebar-content.box_menu {
  padding: 0;
}

.sidebar-left-header .logo-default {
  float: none;
  max-width: var(--sidebar-width);
  justify-content: center;
}

@media (min-width: 992px) {
  .page-body .sidebar-left.slf {
    top: 0;
    z-index: 990;
  }
}
.sidebar-menu-toggle {
  display: none;
}
.header-section .sidebar-menu-toggle {
  float: left;
  margin-top: calc((var(--header-height) - var(--icon-header-height))/2);
  margin-left: 15px;
}
[dir="rtl"] .header-section .sidebar-menu-toggle {
  float: right;
  margin-left: 0;
  margin-right: 15px;
}
.sidebar-left .sidebar-menu-toggle {
  position: absolute;
  left: 100%;
  top: 0;
  margin-top: calc((var(--header-height) - var(--icon-header-height))/2);
  margin-left: 5px;
}
[dir="rtl"] .sidebar-left .sidebar-menu-toggle {
  left: inherit;
  right: 100%;
  margin-left: 0;
  margin-right: 5px;
}
.sidebar-left:not(.open-sidebar-left) .sidebar-menu-toggle {
  display: none;
}
.sidebar-menu-toggle .sidebar-menu-toggle-icon {
  display: block;
  width: var(--icon-header-height);
  height: var(--icon-header-height);
  font-size: var(--icon-header-size);
  line-height: calc(var(--icon-header-height) - 2px);
  color: var(--icon-header-color);
  background-color: var(--icon-header-background);
  border: 1px solid var(--icon-header-border);
  text-align: center;
  border-radius: 100%;
  overflow: hidden;
  cursor: pointer;
}
.sidebar-menu-toggle.active-sl .sidebar-menu-toggle-icon {
  color: var(--icon-header-active-color);
  background-color: var(--icon-header-active-background);
  border-color: var(--icon-header-active-border);
}

.sidebar-body-right.floating-menu .page-body .bar-action-floating {
  padding-right: 0;
  right: 0;
}
.sidebar-body-right.floating-menu .page-body .sidebar-right .sidebar-right-main {
  margin-top: var(--floating-menu-height);
}

@media (min-width: 1680px) {
  .layout-west.layout-east.sidebar-body-right .page-body {
    padding-right: var(--sidebar-right-width);
  }
  [dir="rtl"] .layout-west.layout-east.sidebar-body-right .page-body {
    padding-left: var(--sidebar-right-width);
    padding-right: 0;
  }
}
@media (max-width: 1679px) {
  .layout-west.layout-east.sidebar-body-right .page-body .sidebar-right {
    right: var(--sidebar-right-width-);
    transition: right 300ms linear 100ms;
  }
}
@media (min-width: 1440px) {
  .layout-west.sidebar-body-right:not(.layout-east) .page-body, .layout-east.sidebar-body-right:not(.layout-west) .page-body {
    padding-right: var(--sidebar-right-width);
  }
  [dir="rtl"] .layout-west.sidebar-body-right:not(.layout-east) .page-body,
  [dir="rtl"] .layout-east.sidebar-body-right:not(.layout-west) .page-body {
    padding-left: var(--sidebar-right-width);
    padding-right: 0;
  }
}
@media (max-width: 1439px) {
  .layout-west.sidebar-body-right:not(.layout-east) .page-body .sidebar-right, .layout-east.sidebar-body-right:not(.layout-west) .page-body .sidebar-right {
    right: var(--sidebar-right-width-);
    transition: right 300ms linear 100ms;
  }
}
@media (min-width: 1200px) {
  .layout-one.sidebar-body-right .page-body {
    padding-right: var(--sidebar-right-width);
  }
  [dir="rtl"] .layout-one.sidebar-body-right .page-body {
    padding-left: var(--sidebar-right-width);
    padding-right: 0;
  }
}
@media (max-width: 1199px) {
  .layout-one.sidebar-body-right .page-body .sidebar-right {
    right: var(--sidebar-right-width-);
    transition: right 300ms linear 100ms;
  }
}
@media (min-width: 1200px) {
  .layout-west.layout-east.sidebar-body-right .page-body .container,
  .layout-east.sidebar-body-right .page-body .container,
  .layout-west.sidebar-body-right .page-body .container,
  .layout-one.sidebar-body-right .page-body .container {
    width: 100%;
    max-width: 1170px;
  }
}
@media (min-width: 1200px) {
  .sidebar-body .page-body {
    padding-left: var(--sidebar-width);
  }
  [dir="rtl"] .sidebar-body .page-body {
    padding-left: 0;
    padding-right: var(--sidebar-width);
  }
  .sidebar-body .page-body .bar-action-floating {
    left: var(--sidebar-width);
  }
  [dir="rtl"] .sidebar-body .page-body .bar-action-floating {
    left: 0;
    right: var(--sidebar-width);
  }
  .sidebar-body .page-body .profile-scroll.profileScrolling .profile-scroll-main {
    left: var(--sidebar-width);
  }
  [dir="rtl"] .sidebar-body .page-body .profile-scroll.profileScrolling .profile-scroll-main {
    left: 0;
    right: var(--sidebar-width);
  }
}
@media (min-width: 1200px) and (max-width: 1359px) {
  .sidebar-body .page-body .bar-action-floating {
    left: var(--sidebar-width);
  }
  .sidebar-body .page-body .profile-scroll.profileScrolling .profile-scroll-main {
    left: var(--sidebar-width);
  }
  [dir="rtl"] .sidebar-body .page-body .profile-scroll.profileScrolling .profile-scroll-main {
    left: 0;
    right: var(--sidebar-width);
  }
  .sidebar-body .page-body {
    padding-left: var(--sidebar-width);
  }
  .page-body .sidebar-left {
    width: var(--sidebar-width);
  }
  .page-body .container {
    width: var(--container-full-width);
  }
  .page-body #leftnav.col-md-3 {
    width: 27%;
  }
  .page-body #right.col-md-3 {
    width: 27%;
  }
  .page-body #center.col-md-6 {
    width: 46%;
  }
  .page-body #center.col-md-9 {
    width: 73%;
  }
}
@media (min-width: 1360px) and (max-width: 1440px) {
  .page-body .container {
    width: var(--container-full-width);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sidebar-body .sidebar-menu-toggle {
    display: block;
  }

  body.sidebar-left-modal {
    overflow: hidden;
  }
  body.sidebar-left-modal .sidebar-left-overview {
    display: block;
  }

  .page-body {
    transition: padding-left 300ms linear 100ms;
  }
  [dir="rtl"] .page-body {
    transition: padding-right 300ms linear 100ms;
  }
  .sidebar-left-modal .page-body {
    padding-left: var(--sidebar-width);
  }
  [dir="rtl"] .sidebar-left-modal .page-body {
    padding-left: 0;
    padding-right: var(--sidebar-width);
  }
  .page-body .sidebar-left {
    left: var(--sidebar-width-);
    transition: left 300ms linear 100ms;
  }
  [dir="rtl"] .page-body .sidebar-left {
    transition: right 300ms linear 100ms;
    left: 0;
    right: var(--sidebar-width-);
  }
  .page-body .sidebar-left.open-sidebar-left {
    left: 0;
  }
  [dir="rtl"] .page-body .sidebar-left.open-sidebar-left {
    left: inherit;
    right: 0;
  }
  .page-body .bar-action-floating {
    transition: left 300ms linear 100ms;
  }
  [dir="rtl"] .page-body .bar-action-floating {
    transition: right 300ms linear 100ms;
  }
  .sidebar-left-modal .page-body .bar-action-floating {
    left: var(--sidebar-width);
  }
  [dir="rtl"] .sidebar-left-modal .page-body .bar-action-floating {
    left: 0;
    right: var(--sidebar-width);
  }

  .sidebar-menu-toggle.a-slf {
    display: none !important;
  }
}
@media (max-width: 991px) {
  [dir="rtl"] .header-section .sidebar-menu-toggle {
    margin-left: 15px;
    margin-right: 0;
  }

  .sidebar-body .sidebar-menu-toggle {
    display: block;
    margin-left: 0;
    position: absolute;
    left: 0;
    top: 0;
  }
  [dir="rtl"] .sidebar-body .sidebar-menu-toggle {
    left: inherit;
    right: 0;
  }

  .sidebar-left .sidebar-menu-toggle {
    display: none !important;
  }

  body.sidebar-left-modal {
    overflow: hidden;
  }
  body.sidebar-left-modal .sidebar-left-overview {
    display: block;
  }

  .page-body .sidebar-left {
    display: none;
  }
  .page-body .sidebar-left .sidebar-left-header {
    display: none;
  }
  .page-body .sidebar-left.open-sidebar-left {
    display: flex;
  }

  .sidebar-body .logo-default {
    margin-left: calc( var(--icon-header-height) + 10px );
  }
  [dir="rtl"] .sidebar-body .logo-default {
    margin-left: 0;
    margin-right: calc( var(--icon-header-height) + 10px );
  }
}
@media (min-width: 992px) {
  ul.core_widget_menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  ul.core_widget_menu li {
    text-align: left;
    position: relative;
  }
  ul.core_widget_menu li .main-menu-sub {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
  }
  ul.core_widget_menu li:hover > .main-menu-sub {
    display: block;
  }
  ul.core_widget_menu.horizontal {
    background-color: #ffffff;
  }
  ul.core_widget_menu.horizontal .main-menu-sub {
    position: absolute;
    top: 0;
    left: 100%;
    width: 150px;
    z-index: 100;
    box-shadow: 0px 0px 1px 0px #cccccc;
  }
  ul.core_widget_menu.horizontal .main-menu-sub li .core-menu-link {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    color: #000000;
    padding: 5px 10px;
                        /*&.active{
                            background-color: $core-menu-sub-li-bg-active-color;
                            color: $core-menu-sub-li-text-active-color;
                            .core-menu-icon{
                                //color: $core-menu-sub-li-icon-active-color;
                            }
                            .core-menu-text{

                            }
                        }*/
  }
  ul.core_widget_menu.horizontal .main-menu-sub li .core-menu-link .core-menu-icon {
    margin-right: 5px;
    font-size: 16px;
    vertical-align: middle;
  }
  ul.core_widget_menu.horizontal .main-menu-sub li .core-menu-link .core-menu-text {
    font-size: 16px;
    vertical-align: middle;
  }
  ul.core_widget_menu.horizontal .main-menu-sub li > .core-menu-link.active, ul.core_widget_menu.horizontal .main-menu-sub li:hover > .core-menu-link, ul.core_widget_menu.horizontal .main-menu-sub li.current > .core-menu-link {
    background-color: #f1f1f1;
    color: #3e3e3e;
  }
  ul.core_widget_menu.horizontal > li {
    display: inline-block;
  }
  ul.core_widget_menu.horizontal > li > .core-menu-link {
    padding: 10px 15px;
    background-color: #ffffff;
    color: #000000;
    display: flex;
    align-items: center;
  }
  ul.core_widget_menu.horizontal > li > .core-menu-link .core-menu-icon {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 5px;
  }
  ul.core_widget_menu.horizontal > li > .core-menu-link .core-menu-text {
    vertical-align: middle;
    font-size: 16px;
    line-height: 20px;
  }
  ul.core_widget_menu.horizontal > li > .main-menu-sub {
    top: 100%;
    left: 0;
    width: 150px;
  }
  ul.core_widget_menu.horizontal > li > .core-menu-link.active, ul.core_widget_menu.horizontal > li:hover > .core-menu-link, ul.core_widget_menu.horizontal > li.current > .core-menu-link {
    background-color: #f1f1f1;
    color: #3e3e3e;
  }
  ul.core_widget_menu.vertical .main-menu-sub {
    position: absolute;
    top: 0;
    left: 100%;
    width: 200px;
    z-index: 100;
    box-shadow: 0px 0px 1px 0px #cccccc;
  }
  ul.core_widget_menu.vertical .main-menu-sub li .core-menu-link {
    display: block;
    background-color: #ffffff;
    color: #000000;
    padding: 5px 10px;
  }
  ul.core_widget_menu.vertical .main-menu-sub li .core-menu-link .core-menu-icon {
    margin-right: 5px;
    font-size: 20px;
    vertical-align: middle;
  }
  ul.core_widget_menu.vertical .main-menu-sub li .core-menu-link .core-menu-text {
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
  }
  ul.core_widget_menu.vertical .main-menu-sub li > .core-menu-link.active, ul.core_widget_menu.vertical .main-menu-sub li:hover > .core-menu-link, ul.core_widget_menu.vertical .main-menu-sub li.current > .core-menu-link {
    background-color: #f1f1f1;
    color: #3e3e3e;
  }
  ul.core_widget_menu.vertical > li {
    display: block;
    /*> .main-menu-sub{
        top: 0;
        left: 100%;
        width: 200px;
    }*/
  }
  ul.core_widget_menu.vertical > li > .core-menu-link {
    padding: 5px 10px;
    background-color: #ffffff;
    color: #000000;
    display: block;
  }
  ul.core_widget_menu.vertical > li > .core-menu-link .core-menu-icon {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px;
  }
  ul.core_widget_menu.vertical > li > .core-menu-link .core-menu-text {
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
  }
  ul.core_widget_menu.vertical > li > .core-menu-link.active, ul.core_widget_menu.vertical > li:hover > .core-menu-link, ul.core_widget_menu.vertical > li.current > .core-menu-link {
    background-color: #f1f1f1;
    color: #3e3e3e;
  }
}
@media (max-width: 991px) {
  ul.core_widget_menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  ul.core_widget_menu li {
    display: block;
    position: relative;
  }
  ul.core_widget_menu > li > .core-menu-link {
    padding: 5px 10px;
    background-color: #ffffff;
    color: #000000;
    display: block;
  }
  ul.core_widget_menu > li > .core-menu-link .core-menu-icon {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px;
  }
  ul.core_widget_menu > li > .core-menu-link .core-menu-text {
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
  }
  ul.core_widget_menu > li > .core-menu-link.active {
    background-color: #f1f1f1;
    color: #3e3e3e;
  }
  ul.core_widget_menu .main-menu-sub {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  ul.core_widget_menu .main-menu-sub li {
    background-color: #ffffff;
  }
  ul.core_widget_menu .main-menu-sub li .core-menu-link {
    display: block;
    background-color: #ffffff;
    color: #000000;
    padding: 5px 10px 5px 20px;
  }
  ul.core_widget_menu .main-menu-sub li .core-menu-link .core-menu-icon {
    margin-right: 5px;
    font-size: 20px;
    vertical-align: middle;
  }
  ul.core_widget_menu .main-menu-sub li .core-menu-link .core-menu-text {
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
  }
  ul.core_widget_menu .main-menu-sub li > .core-menu-link.active {
    background-color: #f1f1f1;
    color: #3e3e3e;
  }
  ul.core_widget_menu .main-menu-sub li .main-menu-sub li .core-menu-link {
    padding: 5px 10px 5px 30px;
  }
  ul.core_widget_menu .main-menu-sub li .main-menu-sub li .main-menu-sub li .core-menu-link {
    padding: 5px 10px 5px 40px;
  }
}
ul.core_menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.core_menu li {
  text-align: left;
  position: relative;
}
ul.core_menu li .main-menu-sub {
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
}
ul.core_menu li:hover > .main-menu-sub {
  display: block;
}
ul.core_menu > li > .core-menu-link {
  background-color: #ffffff;
  color: #000000;
  display: flex;
  align-items: center;
  padding: 5px;
}
ul.core_menu > li > .core-menu-link .core-menu-icon {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 5px;
}
ul.core_menu > li > .core-menu-link .core-menu-text {
  vertical-align: middle;
  font-size: 16px;
}
ul.core_menu > li > .core-menu-link.active {
  background-color: #f1f1f1;
  color: #3e3e3e;
}
ul.core_menu > li:hover > .core-menu-link {
  background-color: #f1f1f1;
  color: #3e3e3e;
}
ul.core_menu > li.current > .core-menu-link {
  background-color: #f1f1f1;
  color: #3e3e3e;
}
ul.core_menu .main-menu-sub {
  position: absolute;
  top: 0;
  left: 100%;
  width: 150px;
  z-index: 100;
  box-shadow: 0px 0px 1px 0px #cccccc;
}
ul.core_menu .main-menu-sub li .core-menu-link {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  color: #000000;
  padding: 5px;
}
ul.core_menu .main-menu-sub li .core-menu-link .core-menu-icon {
  margin-right: 5px;
  font-size: 14px;
  vertical-align: middle;
}
ul.core_menu .main-menu-sub li .core-menu-link .core-menu-text {
  font-size: 12px;
  vertical-align: middle;
}
ul.core_menu .main-menu-sub li .core-menu-link.active {
  background-color: #f1f1f1;
  color: #3e3e3e;
}
ul.core_menu .main-menu-sub li:hover > .core-menu-link {
  background-color: #f1f1f1;
  color: #3e3e3e;
}
ul.core_menu .main-menu-sub li.current > .core-menu-link {
  background-color: #f1f1f1;
  color: #3e3e3e;
}
ul.core_menu.horizontal > li {
  display: inline-block;
}
ul.core_menu.horizontal > li > .core-menu-link {
  padding: 5px 10px;
}
ul.core_menu.horizontal > li > .core-menu-link .core-menu-icon {
  font-size: 14px;
}
ul.core_menu.horizontal > li > .core-menu-link .core-menu-text {
  font-size: 12px;
}
ul.core_menu.horizontal > li > .main-menu-sub {
  top: 100%;
  left: 0;
  width: 150px;
}
ul.core_menu.vertical > li {
  display: block;
}
ul.core_menu.vertical > li > .core-menu-link {
  padding: 5px 15px;
}
ul.core_menu.vertical > li > .main-menu-sub {
  top: 0;
  left: 100%;
  width: 200px;
}
ul.core_menu.vertical .main-menu-sub {
  width: 200px;
}
ul.core_menu.vertical .main-menu-sub li .core-menu-link {
  padding: 5px 10px;
}

.footer-menu ul.core_menu > li > .core-menu-link {
  background-color: transparent;
  color: #4F4F4F;
}
.footer-menu ul.core_menu > li > .core-menu-link.active {
  background-color: transparent;
  color: #00477b;
}
.footer-menu ul.core_menu > li:hover > .core-menu-link {
  background-color: transparent;
  color: #999999;
}
.footer-menu ul.core_menu > li.current > .core-menu-link {
  background-color: transparent;
  color: #00477b;
}
.footer-menu ul.core_menu.horizontal {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.footer-menu ul.core_menu.horizontal > li > .core-menu-link {
  padding: 5px;
  background-color: transparent;
}
.footer-menu ul.core_menu.horizontal > li > .core-menu-link .core-menu-icon {
  font-size: 24px;
}
.footer-menu ul.core_menu.horizontal > li > .core-menu-link .core-menu-text {
  font-size: 15px;
}
.footer-menu ul.core_menu.horizontal > li + li > .core-menu-link:before {
  content: '.';
  display: inline-block;
  padding-right: 7px;
}

.menu-center-warp {
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .footer-menu ul.core_menu.horizontal {
    justify-content: center;
  }
}
.notify_group {
  float: right;
  margin-top: calc((var(--header-height) - var(--icon-header-height))/2);
  font-size: 0;
}
[dir="rtl"] .notify_group {
  float: left;
}
.notify_group .btn-group {
  margin-right: 2px;
  margin-left: 2px;
}

.notify_content > a {
  position: relative;
  display: block;
  padding: 0;
  text-align: center;
}
.notify_content > a .btn-group-icon {
  vertical-align: middle;
  color: var(--icon-header-color);
  background-color: var(--icon-header-background);
  border: 1px solid var(--icon-header-border);
  font-size: var(--icon-header-size);
  width: var(--icon-header-height);
  height: var(--icon-header-height);
  line-height: calc(var(--icon-header-height) - 2px);
  text-align: center;
  border-radius: 100%;
  overflow: hidden;
}
.notify_content > a.hasNotify .btn-group-icon {
  color: var(--icon-header-active-color);
  background-color: var(--icon-header-active-background);
  border-color: var(--icon-header-active-border);
}
.notify_content > a .spin {
  display: block;
  width: 22px;
  height: 22px;
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0.4;
  transform: translate(-50%, -50%);
}
.notify_content > a .spin .spinner {
  left: 50% !important;
}
@media (max-width: 991px) {
  .notify_content > a .spin {
    left: 50%;
    transform: translateX(-50%);
  }
}
.notify_content > a .conversation_count,
.notify_content > a .notification_count,
.notify_content > a .chat_count {
  position: absolute;
  background: var(--icon-header-bage-background);
  color: var(--icon-header-bage-color);
  border-radius: 2px;
  border: 1px solid var(--icon-header-bage-border);
  padding: 1px 5px;
  font-size: 12px;
  line-height: 15px;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 8px;
}
.notify_content .dropdown-menu {
  padding: 0;
  border-radius: 2px;
  top: 39px;
}
.notify_content .dropdown-menu .arr-notify {
  position: absolute;
  width: 0;
  border: 6px;
  border-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: var(--notify-group-dropdown-background);
  border-left-color: transparent;
  right: 60px;
  top: -12px;
}
[dir="rtl"] .notify_content .dropdown-menu .arr-notify {
  right: inherit;
  left: 60px;
}
.notify_content .dropdown-menu.notification_list {
  background-color: var(--notify-group-dropdown-background);
}
.notify_content .dropdown-menu#notifications_list {
  padding: 0;
  border-radius: 2px;
  top: 38px;
  right: -42px;
  width: 430px;
  font-size: 16px;
  left: auto;
}
[dir="rtl"] .notify_content .dropdown-menu#notifications_list {
  left: -42px;
  right: auto;
}
.notify_content .dropdown-menu#conversation_list {
  padding: 0;
  border-radius: 2px;
  top: 38px;
  width: 430px;
  font-size: 12px;
  left: auto;
  right: -83px;
}
[dir="rtl"] .notify_content .dropdown-menu#conversation_list {
  left: -83px;
  right: auto;
}
.notify_content .dropdown-menu#conversation_list .arr-notify {
  right: 100px;
}
[dir="rtl"] .notify_content .dropdown-menu#conversation_list .arr-notify {
  right: inherit;
  left: 100px;
}
.notify_content .dropdown-menu .spinner {
  left: inherit !important;
  top: inherit !important;
}
.notify_content .more-notify {
  background: var(--notify-group-more-notify-background);
  text-align: center;
}
.notify_content .more-notify a {
  display: block;
  padding: 7px 10px;
  color: var(--notify-group-more-notify-color);
}
.notify_content .more-notify a:hover, .notify_content .more-notify a:active, .notify_content .more-notify a.nice-select.open, .notify_content .more-notify a:focus {
  text-decoration: none;
}

.notify_top {
  text-align: right;
}
.notify_top a {
  display: inline-block;
  color: var(--notify-group-top-text-color);
  padding: 7px 10px;
}

.notification-group-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.notification-group-list .notify_no_content {
  padding: 5px;
  text-align: center;
}
.notification-group-list .notification-group-item {
  border-top: 1px solid var(--notify-group-list-border-color);
  position: relative;
  margin: 0;
  padding: 0;
}
.notification-group-list .notification-group-item:first-child {
  border-top: none;
}
.notification-group-list .notification-group-item:hover .noti_option {
  display: block;
}
.notification-group-list .notification-group-item > a {
  padding: 7px 30px 7px 10px;
  display: block;
}
.notification-group-list .notification-group-main {
  padding: 7px 30px 7px 10px;
  overflow: hidden;
  white-space: normal;
  color: #000;
  display: block;
}
[dir="rtl"] .notification-group-list .notification-group-main {
  padding: 7px 10px 7px 30px;
}
.notification-group-list .notification-group-main.unread {
  background-color: var(--notify-group-unread-bg-color);
}
.notification-group-list .notification-avatar {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 15px;
}
[dir="rtl"] .notification-group-list .notification-avatar {
  float: right;
}
.notification-group-list .notification_content {
  margin-left: 60px;
  margin-right: 30px;
}
[dir="rtl"] .notification-group-list .notification_content {
  margin-left: 30px;
  margin-right: 60px;
  text-align: right;
}
.notification-group-list .notification-subject {
  color: var(--notify-group-subject-text-color);
  font-size: 18px;
}
.notify_group .notification-group-list .notification-subject {
  font-size: 16px;
}
.notification-group-list .notification-subject .noti-subject-name {
  font-weight: 600;
}
.notification-group-list .notification-message {
  font-size: 16px;
  color: var(--notify-group-message-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notify_group .notification-group-list .notification-message {
  font-size: 14px;
}
.notification-group-list .notification-date {
  color: var(--notify-group-date-text-color);
  font-size: 14px;
}
.notify_group .notification-group-list .notification-date {
  font-size: 12px;
}
.notification-group-list .notification-date a {
  color: var(--notify-group-date-text-color);
}
.notification-group-list .noti_option {
  top: 10px;
  right: 10px;
  position: absolute;
  display: none;
}
[dir="rtl"] .notification-group-list .noti_option {
  right: inherit;
  left: 10px;
}
.notification-group-list .noti_option > a {
  position: static;
  display: block;
  text-align: center;
  color: var(--notify-group-option-icon-color);
}
.notification-group-list .noti_option > a i {
  font-size: 14px;
}
.notification-group-list .noti_option > a i.delete-icon {
  position: static;
  display: inline-block !important;
}
.notification-group-list .noti_option .mark_section.mark_unread i {
  color: var(--notify-group-option-icon-unread-color);
}
.notification-group-list .noti_option .igicon-unmark {
  background-position: 0 -9px;
}

@media (max-width: 991px) {
  /*.notify_group{
      margin-top: 9px;
      margin-left: 5px;
      [dir="rtl"] & {
          margin-left: 0;
          margin-right: 5px;
      }
  }*/
  .notification_list .slimScrollDiv {
    height: auto !important;
    max-height: 240px;
  }

  .notify_content .dropdown-menu .arr-notify {
    display: none;
  }
  .notify_content .dropdown-menu#notifications_list {
    right: -8px;
    width: 305px;
  }
  .notify_content .dropdown-menu#conversation_list {
    width: 305px;
    right: -40px;
  }
  .notify_content .dropdown-menu#conversation_list .arr-notify {
    right: 48px;
  }

  .notification-group-list li.notification-group-item .noti_option {
    display: block;
  }
}
.notification-view-content {
  display: block;
}
.notification-view-content .notification-avatar {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 15px;
}
[dir="rtl"] .notification-view-content .notification-avatar {
  float: right;
}
.notification-view-content .notification_content {
  margin-left: 60px;
}
[dir="rtl"] .notification-view-content .notification_content {
  margin-left: 0;
  margin-right: 60px;
}
.notification-view-content .notification_content .notification-author {
  font-size: 16px;
}
.notification-view-content .notification_content .notification-author .noti-subject-name {
  font-weight: 600;
}
.notification-view-content .notification_content .notification-message {
  font-size: 14px;
}
.notification-view-content .notification_content .notification-date {
  color: var(--notify-group-date-text-color);
  font-size: 12px;
}
.notification-view-content .notification-seen {
  display: flex;
  justify-content: flex-end;
}

.user-seen-list {
  display: flex;
  flex-wrap: wrap;
}
.user-seen-list .user-seen-item {
  flex-grow: 0;
  min-width: 30px;
  min-height: 30px;
  margin: 2px;
}
.user-seen-list .user-seen-item .user_avatar {
  border-radius: 10px;
  width: 30px;
  height: 30px;
}
.user-seen-list .user-seen-item .btn-see-more-icon {
  display: block;
  font-size: 24px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 100%;
}

.global-search-header {
  min-height: var(--search-global-height);
}
.global-search-header .global-search-btn-mobile {
  display: none;
}
.global-search-header .global-search-overview {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #4B4B4B;
}

.global-search {
  height: var(--search-global-height);
  width: var(--search-global-width);
  position: relative;
  -webkit-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-tap-highlight-color: transparent;
}
.global-search input#global-search {
  width: 100%;
  height: var(--search-global-height);
  color: var(--search-global-color);
  font-size: 15px;
  border-radius: 100px;
  background-color: var(--search-global-background);
  border: 1px solid var(--search-global-border);
  padding: 5px 15px 5px 40px;
}
[dir="rtl"] .global-search input#global-search {
  padding: 5px 40px 5px 15px;
}
.global-search input#global-search:focus {
  outline: none;
}
.global-search input#global-search::placeholder {
  color: var(--search-global-color);
}
.global-search .global-search-label {
  position: absolute;
  top: 10px;
  left: 12px;
  display: block;
  cursor: pointer;
  margin: 0;
}
[dir="rtl"] .global-search .global-search-label {
  left: inherit;
  right: 12px;
}
.global-search .global-search-label .global-search-icon-submit, .global-search .global-search-label .global-search-icon-cancel {
  font-size: 28px;
  color: var(--search-global-color);
  height: 28px;
  width: 28px;
  display: block;
  overflow: hidden;
}
.global-search .global-search-label.search-cancel {
  display: none;
}
.global-search .slimScrollDiv {
  display: none;
}
.global-search #display-suggestion {
  position: relative;
  display: none;
  max-height: 400px;
  width: 400px;
  background: #ffffff;
  left: 0;
  list-style: none;
  padding: 0;
  z-index: 2;
  border: 1px solid #dfdfdf;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), -1px -1px 2px rgba(0, 0, 0, 0.2);
  overflow-x: hidden;
  overflow-y: auto;
}
.global-search #display-suggestion li {
  overflow: hidden;
  padding: 5px;
}
.global-search #display-suggestion li a:hover {
  text-decoration: none;
}
.global-search #display-suggestion li > a.attached-image .global-search input {
  float: left;
  width: 50px;
}
.global-search #display-suggestion li > .suggest-right {
  margin-left: 60px;
  min-height: 50px;
}
[dir="rtl"] .global-search #display-suggestion li > .suggest-right {
  margin-left: 0;
  margin-right: 60px;
}
.global-search #display-suggestion li > .suggest-right .suggest_name {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  font-style: normal;
}
.global-search #display-suggestion li > .suggest-right .suggest_more_info {
  font-size: 12px;
  color: #acacac;
  font-weight: normal;
}
.global-search #display-suggestion li.header-filter {
  font-size: 11px;
  background-color: #f1f1f1;
  color: #000000;
}
.global-search #display-suggestion li.header-filter .header-filter-type {
  float: left;
}
[dir="rtl"] .global-search #display-suggestion li.header-filter .header-filter-type {
  float: right;
}
.global-search #display-suggestion li.header-filter .header-filter-more {
  float: right;
}
[dir="rtl"] .global-search #display-suggestion li.header-filter .header-filter-more {
  float: left;
}
.global-search #display-suggestion li.header-filter .header-filter-view-all {
  display: block;
  color: #333333;
  text-align: right;
}
.global-search #display-suggestion li.header-filter.header-filter-see-all a.view-all-result {
  color: #333333;
  font-size: 12px;
  text-align: center;
  display: block;
}
.global-search #display-suggestion li.suggestion-user > a.attached-image > img {
  float: left;
  width: 45px;
  height: 45px;
}
[dir="rtl"] .global-search #display-suggestion li.suggestion-user > a.attached-image > img {
  float: right;
}
.global-search #display-suggestion li.suggestion-user:hover {
  background: #f1f1f1;
}
.global-search #display-suggestion li + li {
  border-top: 1px solid #dfdfdf;
}

@media (min-width: 992px) {
  .global-search-header {
    position: absolute;
    top: calc((var(--header-height) - var(--search-global-height))/2);
    left: calc(50% - var(--search-global-width)/2);
    z-index: 1000;
  }
  [dir="rtl"] .global-search-header {
    left: inherit;
    right: calc(50% - var(--search-global-width)/2);
  }
}
@media (max-width: 991px) {
  html.mobile-search-open,
  html.mobile-search-open body {
    overflow: hidden;
  }

  .global-search-header {
    /*position: static;
    top: 0;
    left: 0;
    float: right;
    margin-left: 0;
    margin-top: 17px;
    [dir="rtl"] & {
        float: left;
        margin-left: 0;
        margin-right: 5px;
    }*/
    display: none;
  }
  .mobile-search-open .global-search-header {
    display: block;
  }
  .global-search-header .global-search {
    display: none;
  }
  .global-search-header.search-mobile-open {
    width: 100%;
    min-height: 56px;
    padding: 10px 0;
    position: absolute;
    margin-top: 0;
  }
  .global-search-header.search-mobile-open .global-search-btn-mobile {
    display: none;
  }
  .global-search-header.search-mobile-open .global-search {
    display: block;
  }
  .global-search-header.search-mobile-open .global-search-overview {
    display: block;
  }
  .global-search-header .global-search-btn-mobile {
    display: block;
  }
  .global-search-header .global-search-btn-mobile .global-search-btn-icon {
    font-size: 22px;
    color: #ffffff;
    height: 22px;
    width: 22px;
    overflow: hidden;
    display: block;
  }
  .global-search-header .global-search {
    width: 100%;
  }
  .global-search-header .global-search #display-suggestion {
    width: 100%;
  }

  .global-search .global-search-label.search-cancel {
    display: block;
  }
  .global-search .global-search-label.search-submit {
    display: none;
  }

  .faceOutEffect .global-search-header {
    top: 45px;
  }
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  margin: 0;
  background: var(--body-background);
  color: var(--text-color);
  line-height: 1.3;
  font-weight: normal;
  word-wrap: break-word;
}
body.overflow-hidden {
  overflow: hidden;
}

* {
  scrollbar-width: thin;
}

a {
  color: var(--link-color);
  outline: none !important;
}
a:focus, a:active, a.nice-select.open {
  text-decoration: none;
  outline: none;
  color: var(--link-active-color);
}
a:hover {
  text-decoration: none;
  outline: none;
  color: var(--link-active-color);
}

.p_a_10 {
  padding: 10px;
}

.p_l_10 {
  padding-left: 10px;
}

.p_r_10 {
  padding-right: 10px;
}

.p_lr_10 {
  padding-left: 10px;
  padding-right: 10px;
}

.p_t_10 {
  padding-top: 10px;
}

.p_b_10 {
  padding-bottom: 10px;
}

.p_a_15 {
  padding: 15px;
}

.p_l_15 {
  padding-left: 15px;
}

.p_r_15 {
  padding-right: 15px;
}

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

.p_t_15 {
  padding-top: 15px;
}

.p_b_15 {
  padding-bottom: 15px;
}

.text-bold {
  font-weight: bold;
}

.material-icons-outlined,
.material-icons,
.material-symbols-outlined {
  font-size: 24px;
  vertical-align: middle;
  display: inline-block;
}

.material-icons {
  font-family: 'Material Icons Outlined';
}

.dropdown-menu {
  border-color: var(--dropdown-border-color);
  box-shadow: 0 0 5px var(--dropdown-shadow-color);
}
.dropdown-menu .divider {
  background-color: rgba(121, 121, 121, 0.5);
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 8px;
  padding-right: 8px;
}

[dir="rtl"] .col-xs-1, [dir="rtl"] .col-xs-2, [dir="rtl"] .col-xs-3, [dir="rtl"] .col-xs-4, [dir="rtl"] .col-xs-5, [dir="rtl"] .col-xs-6, [dir="rtl"] .col-xs-7, [dir="rtl"] .col-xs-8, [dir="rtl"] .col-xs-9, [dir="rtl"] .col-xs-10, [dir="rtl"] .col-xs-11, [dir="rtl"] .col-xs-12 {
  float: right;
}

@media (min-width: 768px) {
  [dir="rtl"] .col-sm-1, [dir="rtl"] .col-sm-2, [dir="rtl"] .col-sm-3, [dir="rtl"] .col-sm-4, [dir="rtl"] .col-sm-5, [dir="rtl"] .col-sm-6, [dir="rtl"] .col-sm-7, [dir="rtl"] .col-sm-8, [dir="rtl"] .col-sm-9, [dir="rtl"] .col-sm-10, [dir="rtl"] .col-sm-11, [dir="rtl"] .col-sm-12 {
    float: right;
  }
}
@media (min-width: 992px) {
  [dir="rtl"] .row > #leftnav {
    float: right;
  }
  .row > #right {
    float: right;
  }
  [dir="rtl"] .row > #right {
    float: left;
  }
  [dir="rtl"] .row > #center {
    float: right;
  }

  [dir="rtl"] .col-md-1, [dir="rtl"] .col-md-2, [dir="rtl"] .col-md-3, [dir="rtl"] .col-md-4, [dir="rtl"] .col-md-5, [dir="rtl"] .col-md-6, [dir="rtl"] .col-md-7, [dir="rtl"] .col-md-8, [dir="rtl"] .col-md-9, [dir="rtl"] .col-md-10, [dir="rtl"] .col-md-11, [dir="rtl"] .col-md-12 {
    float: right;
  }
}
@media (min-width: 1200px) {
  [dir="rtl"] .col-lg-1, [dir="rtl"] .col-lg-2, [dir="rtl"] .col-lg-3, [dir="rtl"] .col-lg-4, [dir="rtl"] .col-lg-5, [dir="rtl"] .col-lg-6, [dir="rtl"] .col-lg-7, [dir="rtl"] .col-lg-8, [dir="rtl"] .col-lg-9, [dir="rtl"] .col-lg-10, [dir="rtl"] .col-lg-11, [dir="rtl"] .col-lg-12 {
    float: right;
  }
}
.row,
.form-horizontal .form-group {
  margin-right: -8px;
  margin-left: -8px;
}

.core-flex {
  display: flex;
  align-items: center;
}
.core-flex .core-flex-0 {
  flex-grow: 0;
}
.core-flex .core-flex-1 {
  flex-grow: 1;
}

.core-section {
  margin-bottom: 10px;
}

.btn-group.open .dropdown-toggle {
  box-shadow: none !important;
}

.dropdown-menu > li > a {
  padding: 3px 10px;
}
.dropdown-menu > li > a .dropdown-menu-icon {
  font-size: 24px;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  overflow: hidden;
  position: relative;
  top: -1;
}

.btn-dropdown {
  display: inline-block;
}
.btn-dropdown .dropdown .dropdown-btn {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  padding: 0 5px;
  font-size: 14px;
  line-height: 32px;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  color: #333333;
}
.btn-dropdown .dropdown .dropdown-btn .dropdown-icon {
  line-height: 1;
  font-style: normal;
  font-size: 22px;
  height: 22px;
  width: 22px;
  overflow: hidden;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btn-dropdown .dropdown .dropdown-btn .dropdown-text {
  font-size: 14px;
}

.container {
  padding-left: 8px;
  padding-right: 8px;
}

#content-wrapper.content-wrapper {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (min-width: 992px) {
  #content-wrapper.content-wrapper {
    min-height: calc(100vh - 215px);
  }
}
@media (max-width: 991px) {
  body:not(.guest-page) #content-wrapper.content-wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }
}

/*.content-wrapper {
  > .container {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.header-section {
  .container {
    padding-left: 8px;
    padding-right: 8px;
  }
}*/
.list_block {
  margin-bottom: 0;
  list-style: none;
}

.section-page {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}
.section-page:last-child {
  margin-bottom: 0;
}
.section-page .section-content {
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #ffffff;
}
.section-page .section-page-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  font-size: 26px;
  margin: 0 0 15px 0;
}

.box_heading_title {
  padding-left: 8px;
  padding-right: 8px;
}
.box_heading_title .box_heading_text {
  margin: 0;
  padding: 0;
  font-size: 24px;
}

.mo_breadcrumb .mo_breadcrumb_title {
  font-size: 22px;
  color: #3E3E3E;
  padding: 0;
  margin: 0 0 10px 0;
  line-height: 28px;
}

.text-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.box2 {
  margin-bottom: 15px;
}
.box2 .box_header {
  background-color: #fff;
  position: relative;
}
.box2 .box_header .box_header_main {
  padding: 10px 10px 5px;
  display: flex;
  align-items: center;
  min-height: 48px;
  border-bottom: 1px solid transparent;
}
.box2 .box_header .box_header_title {
  margin: 0;
  color: var(--text-heading-color);
  font-size: 22px;
  line-height: 36px;
  font-weight: 500;
  flex-grow: 1;
  word-break: break-word;
}
.box2 .box_header .box_header_title a {
  color: var(--text-heading-color);
}
.box2 .box_header .box_header_title a.box_header_title {
  display: block;
}
.box2 .box_header .box_action {
  flex-grow: 0;
  font-size: 0;
  white-space: nowrap;
}
.box2 .box_header .box_action .box-btn {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  white-space: nowrap;
}
[dir="rtl"] .box2 .box_header .box_action .box-btn {
  margin-left: 0;
  margin-right: 5px;
}
.box2 .box_header .box_action .box-btn .box-icon {
  font-size: 32px;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  overflow: hidden;
  float: left;
}
.box2 .box_header .box_action .box-btn .box-btn-text {
  font-size: 14px;
  line-height: 32px;
  margin-left: 3px;
  white-space: nowrap;
}
.box2 .box_header .box_action .box-btn .btn-text {
  white-space: nowrap;
}
.box2 .box_header .box_action .box-btn-filter {
  font-size: 16px;
}
.box2 .box_header .box_action .box-dropdown {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.box2 .box_header .box_action .box-dropdown .dropdown-menu {
  left: inherit;
  right: 0;
}
[dir="rtl"] .box2 .box_header .box_action .box-dropdown .dropdown-menu {
  left: 0;
  right: inherit;
}
.box2 .box_header .box_toolbar {
  flex-grow: 1;
  font-size: 0;
  white-space: nowrap;
}
.box2 .box_header .box_toolbar .box-btn {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  white-space: nowrap;
}
.box2 .box_header .box_toolbar .box-btn:first-child {
  margin-left: 0;
}
.box2 .box_header .box_toolbar .box-btn .box-icon {
  font-size: 28px;
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  overflow: hidden;
  float: left;
}
.box2 .box_header .box_toolbar .box-btn .box-btn-text {
  font-size: 14px;
  line-height: 32px;
  margin-right: 3px;
}
.box2 .box_header .box_toolbar .box-dropdown {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.box2 .box_header.mo_breadcrumb .box_header_main {
  border-color: transparent;
  padding: 10px 10px 5px;
  min-height: 0;
}
.box2 .box_content {
  padding: 10px;
}
.box2 .box_content:before, .box2 .box_content:after {
  content: '';
  display: table;
}
.box2 .box_content:after {
  clear: both;
}
.box2 .box_content.box_menu {
  padding: 0;
}
.box2 .box_content.box_about {
  padding: 0;
}
.box2 .box_content.box_tab {
  padding: 0;
}
.box2 .box_content .box_content_text {
  font-size: 12px;
}
.box2 .box_content .post_body .confirm_email_title {
  padding-top: 10px;
}
.box2 .box_content .post_body .confirm_email_content {
  padding: 20px 0px 20px 0px;
}
.box2 .box_content .post_body .confirm_email_button {
  padding-top: 20px;
  font-weight: 600;
  font-size: 15px;
}
.box2 .box_menu_more {
  padding: 5px 10px;
}
.box2 .box_menu_more .box_menu_show_more {
  color: #000000;
}
.box2 > .box_menu_more {
  padding: 0 15px 15px 15px;
}
.box2.bar-content-warp {
  border: 1px solid var(--box-border-color);
  border-radius: 10px;
}
.box2.bar-content-warp .box_content,
.box2.bar-content-warp > .box_menu_more {
  background-color: #ffffff;
}
.box2.bar-content-warp .box_header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media (max-width: 991px) {
  .box2.bar-content-warp .box_header {
    border-radius: 0;
  }
}
.box2.bar-content-warp .box_content {
  border-radius: 10px;
}
@media (max-width: 991px) {
  .box2.bar-content-warp .box_content {
    border-radius: 0;
  }
}
.box2.bar-content-warp .box_header + .box_content {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.box2.bar-content-warp .box_menu .menu-list > .menu-list-item:last-child > .menu-list-link {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.box2.bar-content-activities .box_header {
  background-color: transparent;
  border-bottom: 1px solid transparent;
}
.box2.bar-content-activities .box_header .box_header_search.advanced-search-open {
  background-color: #ececec;
}
.box2.bar-content-activities .box_content {
  padding: 10px 0;
}
@media (max-width: 991px) {
  .box2 {
    margin-bottom: 10px;
  }
}

/*.box-btn {
  &.box-btn-icon{
    background-color: transparent !important;
  }
  &.box-add {
    color: #00b901;
  }

  &.box-search {
    color: #212121;
  }

  &.box-invite-friends {
    color: #00b901;
  }
}*/
.core-about-info .core-about-figure .core-about-img {
  width: 100%;
}
.core-about-info .core-about-main {
  padding: 10px;
}
.core-about-info .core-about-head {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  display: block;
}

@media (max-width: 991px) {
  .content-wrapper > .container {
    padding-left: 0;
    padding-right: 0;
  }
  .content-wrapper > .container > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .content-wrapper > .container > .row > .col-md-1, .content-wrapper > .container > .row > .col-md-2, .content-wrapper > .container > .row > .col-md-3, .content-wrapper > .container > .row > .col-md-4, .content-wrapper > .container > .row > .col-md-5, .content-wrapper > .container > .row > .col-md-6, .content-wrapper > .container > .row > .col-md-7, .content-wrapper > .container > .row > .col-md-8, .content-wrapper > .container > .row > .col-md-9, .content-wrapper > .container > .row > .col-md-10, .content-wrapper > .container > .row > .col-md-11, .content-wrapper > .container > .row > .col-md-12 {
    padding-left: 0;
    padding-right: 0;
  }
  .content-wrapper .box2.bar-content-warp {
    border-left: none;
    border-right: none;
    border-radius: 0;
  }

  .sl-rsp-modal {
    display: none;
  }
}
.captcha_box {
  overflow: hidden;
  clear: both;
}

#captcha {
  clear: both;
}

#mapmodals label {
  width: auto !important;
  display: inline !important;
}
#mapmodals img {
  max-width: none !important;
}

#map-canvas {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 300px;
}

.user-summary:before, .user-summary:after {
  content: '';
  display: table;
}
.user-summary:after {
  clear: both;
}
.user-summary .user-summary-avatar {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 15px;
  background-color: #ffffff;
}
[dir="rtl"] .user-summary .user-summary-avatar {
  float: right;
}
.user-summary .user-summary-avatar .user-summary-avatar-link {
  display: block;
}
.user-summary .user-summary-avatar .user_avatar {
  width: 100%;
  border-radius: 15px;
  display: block;
}
.user-summary .user-summary-info {
  margin-left: 60px;
  padding-top: 5px;
}
[dir="rtl"] .user-summary .user-summary-info {
  margin-left: 0;
  margin-right: 60px;
}
.user-summary .user-summary-name {
  font-size: 18px;
  line-height: 24px;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  width: min-content;
  max-width: 100%;
}
.user-summary .user-summary-counter {
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
}
.user-summary .user-summary-name, .user-summary .user-summary-counter {
  color: #4F4F4F;
}
.user-summary .user-summary-action .btn-user-summary {
  margin-top: 3px;
  margin-bottom: 3px;
}

.participant-lists .user-summary:last-child {
  padding-bottom: 0;
}
.participant-lists .user-summary .user-summary-name {
  font-size: 18px;
}

.box_menu .user-summary {
  padding: 10px 10px;
}

.feed_breadcrumb {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.feed_breadcrumb .feed_breadcrumb_title {
  font-size: 19px;
  line-height: 30px;
  color: #4F4F4F;
  float: left;
  margin: 0;
  padding: 0;
}
[dir="rtl"] .feed_breadcrumb .feed_breadcrumb_title {
  float: right;
}
.feed_breadcrumb .feed-type-list {
  padding: 0;
  margin: 0;
  float: right;
  display: flex;
  align-items: stretch;
}
[dir="rtl"] .feed_breadcrumb .feed-type-list {
  float: left;
}
.feed_breadcrumb .feed-type-list .feed-type-item {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  color: #212121;
}
.feed_breadcrumb .feed-type-list .feed-type-item.current {
  color: #063567;
  font-weight: 600;
}
.feed_breadcrumb .feed-type-list .feed-type-item .feed-type-txt {
  display: block;
  padding: 4px 7px;
}
.feed_breadcrumb .feed-type-list .feed-type-item + .feed-type-item:before {
  content: '.';
  float: left;
  display: block;
  margin-left: -1px;
}

.like-action {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 15px;
  align-items: center;
}
.like-action .act-item {
  order: 1;
  flex-grow: 0;
  padding: 0;
  line-height: 20px;
  font-size: 0;
  white-space: nowrap;
}
[dir="rtl"] .like-action .act-item {
  margin-right: 0;
}
.like-action .act-item .act-item-symbol,
.like-action .act-item .act-item-text {
  display: inline-block;
  vertical-align: middle;
}
.like-action .act-item .act-item-symbol {
  margin-right: 5px;
}
[dir="rtl"] .like-action .act-item .act-item-symbol {
  margin-right: 0;
  margin-left: 5px;
}
.like-action .act-item .act-item-symbol .act-item-icon {
  display: block;
  font-size: 28px;
  height: 28px;
  width: 28px;
  line-height: 28px;
  overflow: hidden;
  color: #4F4F4F;
  text-align: center;
}
.like-action .act-item .act-item-symbol.active .act-item-icon {
  color: #FB7923;
}
.like-action .act-item .act-item-text .act-item-txt {
  font-size: 15px;
  color: #4F4F4F;
  display: block;
}
.like-action .comment-reaction-review {
  order: 100;
}

.like-section.content-like {
  display: flex;
}
.like-section.content-like .like-action {
  order: 2;
  min-width: max-content;
}
.like-section.content-like .likes {
  order: 1;
}
.like-section a {
  color: #000;
}
.like-section .likes {
  flex-grow: 1;
}
.like-section .likes .like-desc {
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 5px;
}
.like-section .likes .box_liked_user .box-user-list .box-user-item {
  width: 30px !important;
  padding: 0 !important;
  margin-right: -5px;
  border: 1px solid #fff;
  border-radius: 50%;
}
.like-section .likes .box_liked_user .box-user-list .box-user-item .box-user-list .box-user-item .user_avatar {
  border-radius: 100%;
  border: 1px solid #fff;
}

.tags {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.tags:before, .tags:after {
  content: '';
  display: table;
}
.tags:after {
  clear: both;
}
.tags li {
  float: left;
  margin: 2px 5px 2px 0;
}
[dir="rtl"] .tags li {
  float: right;
}
.tags li a {
  padding: 3px 5px;
  background: #F4F4F4;
  color: #333;
  border: 1px solid #C5C5C5;
  border-radius: 2px;
  font-size: 12px;
  display: block;
}
@media (min-width: 992px) {
  .tags li a:hover {
    text-decoration: none;
    background: #CFE0F5;
  }
}

.list_option {
  position: absolute;
  right: 0;
  top: 0;
}
[dir="rtl"] .list_option {
  right: inherit;
  left: 0;
}
.list_option button {
  border: none;
  padding: 1px 3px;
  background: none;
  box-shadow: none;
  font-size: 12px;
  line-height: 0;
}
.list_option .dropdown-menu {
  right: 0;
  left: auto;
  border-radius: 0px;
  padding-top: 0;
  padding-bottom: 0;
}
[dir="rtl"] .list_option .dropdown-menu {
  left: 0;
  right: auto;
}
.list_option ul li {
  padding: 0;
  margin-bottom: 0;
  float: none;
}
.list_option ul li a {
  padding: 5px 10px;
  font-size: 12px;
}

.seperate {
  padding: 0;
  height: 1px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
  padding-top: 5px !important;
}

.core-list-info .core-list-info-item {
  margin-bottom: 10px;
}
.core-list-info .core-list-info-item:before, .core-list-info .core-list-info-item:after {
  content: '';
  display: table;
}
.core-list-info .core-list-info-item:after {
  clear: both;
}
.core-list-info .core-list-info-item:last-child {
  margin-bottom: 0;
}
.core-list-info .core-list-info-item .core-list-info-l {
  width: 140px;
  float: left;
  font-weight: 600;
}
[dir="rtl"] .core-list-info .core-list-info-item .core-list-info-l {
  float: right;
}
.core-list-info .core-list-info-item .core-list-info-r {
  padding-left: 145px;
}
[dir="rtl"] .core-list-info .core-list-info-item .core-list-info-r {
  padding-right: 145px;
  padding-left: 0;
}
.core-list-info .core-list-info-item .core-list-heading {
  font-weight: 600;
  font-size: 16px;
  padding: 5px 0;
}

.truncate {
  max-height: 150px;
  overflow: hidden;
  line-height: 25px;
}

.comment-truncate {
  max-height: 45px;
  overflow: hidden;
  line-height: 25px;
}

#loadingSpin .spinner {
  left: inherit !important;
  top: inherit !important;
  margin: auto;
}

.no-more-results {
  width: 100%;
  text-align: center;
}

.view-all-bottom {
  clear: both;
  text-align: center;
  padding-top: 5px;
}

.select-template-warp .select-lang, .select-template-warp .select-theme {
  padding: 5px 0;
}

.cross-icon {
  display: block;
}
.cross-icon .comment-option-icon {
  color: #666;
  font-size: 24px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  display: block;
}

.modal-open {
  position: relative;
}

#footer {
  padding: 20px 0;
}
#footer .footer-menu-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--box-border-color);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.clear {
  clear: both;
}

.copyright {
  color: #4F4F4F;
  font-size: 15px;
}

.title-modal {
  font-weight: 500;
  font-size: 16px;
}

ul.list-group {
  list-style: none;
  padding: 0;
}

#leftnav .modal, #right .modal {
  background-color: #ffffff;
}

.tipsy {
  max-width: 250px;
  padding: 5px;
  font-size: 12px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  background-repeat: no-repeat;
  background-image: url(../img/tipsy.gif);
}

.tipsy-inner {
  padding: 5px 8px;
  background-color: black;
  color: white;
}

.tipsy-inner {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.tipsy-north {
  background-position: top center;
}

.tipsy-south {
  background-position: bottom center;
}

.tipsy-east {
  background-position: right center;
}

.tipsy-west {
  background-position: left center;
}

.cookies-warning {
  background-color: #063567;
  padding: 20px 0;
  position: fixed;
  bottom: 0;
  z-index: 999999;
  left: 0;
  right: 0;
  animation: all .3s ease-out forwards;
  color: #ffffff;
}
.cookies-warning .cookies-header {
  font-size: 22px;
  margin-bottom: 5px;
}
.cookies-warning .cookies-content {
  font-size: 12px;
  margin-bottom: 15px;
}

.avatar_jcrop {
  margin: 0 auto 10px auto;
}

.avatar_jcrop .jcrop-holder {
  margin: auto;
}

[dir="rtl"] .close {
  float: left;
}

.core-pagination {
  margin-top: 15px;
  text-align: center;
}

.pagination {
  margin-top: 0;
  margin-bottom: 0;
}
.pagination > li > a, .pagination > li > span {
  color: #000000;
}

[dir="rtl"] .dropdown-menu {
  text-align: right;
}
.dropdown-menu > li > a.has-badge {
  padding-right: 55px;
}
[dir="rtl"] .dropdown-menu > li > a.has-badge {
  padding-right: 0;
  padding-left: 55px;
}
.dropdown-menu > li > a.has-badge .badge_counter {
  position: absolute;
  top: 8px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  min-width: 20px;
  line-height: 20px;
  color: #4F4F4F;
  background-color: #fff;
  border: 1px solid #000;
  font-weight: 400;
  padding: 0 4px;
  font-size: 15px;
  border-radius: 2px;
}
[dir="rtl"] .dropdown-menu > li > a.has-badge .badge_counter {
  right: inherit;
  left: 10px;
}

.inner404 {
  text-align: center;
}
.inner404 .inner_header_title {
  font-size: 22px;
}
.inner404 .inner_header_title span {
  font-size: 40px;
}
.inner404 .inner_text {
  font-size: 18px;
}
.inner404 .page-not-found-img {
  margin-top: 15px;
}
.inner404 .page-not-found-img img {
  max-width: 100%;
}

[dir="rtl"] ul.nav {
  padding-right: 0;
}

.core-breadcrumb-warp {
  margin-top: 10px;
  margin-bottom: 10px;
}
.core-breadcrumb-warp .breadcrumb {
  padding: 0;
  margin: 0;
  background-color: transparent;
  border-radius: 0;
}
.core-breadcrumb-warp .breadcrumb li a {
  color: #000000;
}

.core-mobile-section {
  display: none;
}

@media (min-width: 992px) {
  .mobile-footer {
    display: none;
  }

  .mobile-footer-menu {
    display: none;
  }

  /*#content-wrapper.content-wrapper{
    min-height: calc(100vh - 219px);
  }*/
}
@media (max-width: 991px) {
  .like-section.content-like {
    display: block;
  }
  .like-section.content-like .like-action {
    min-width: 100%;
  }
  .like-section.content-like .like-action + .likes {
    margin-top: 10px;
  }

  .keyboard .mobile-footer {
    display: none;
  }

  .mobile-footer {
    display: block;
  }
  .mobile-footer .mobile-footer-btn {
    position: fixed;
    bottom: 75px;
    width: 32px;
    height: 40px;
    overflow: hidden;
    display: block;
    z-index: 900;
    text-decoration: none;
  }
  body.guest-page .mobile-footer .mobile-footer-btn {
    bottom: 35px;
  }
  .mobile-footer .mobile-footer-btn .mobile-footer-icon {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    text-align: center;
    color: #000000;
    background-color: #ffffff;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #e0e0e0;
  }
  .mobile-footer .mobile-footer-left {
    left: 0;
  }
  .mobile-footer .mobile-footer-left .mobile-footer-icon {
    margin-left: -8px;
  }
  .mobile-footer .mobile-footer-right {
    right: 0;
  }
  .mobile-footer .mobile-footer-right .mobile-footer-icon {
    margin-right: -8px;
  }

  .closeButton {
    background: transparent;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    margin-bottom: 0;
  }
  .closeButton button.close {
    line-height: 40px;
    display: block;
    width: 100%;
    text-align: right;
    padding: 3px 0;
    text-shadow: none;
    opacity: 1;
  }
  .closeButton .closeButtonIcon {
    display: block;
    font-size: 34px;
    color: #000000;
    width: 34px;
    height: 34px;
    overflow: hidden;
    float: right;
  }

  .tipsy {
    max-width: 170px;
  }

  /*#content-wrapper.content-wrapper{
    min-height: calc(100vh - 171px);
  }*/
  #leftnav.modal-mobile, #right.modal-mobile {
    background-color: #ffffff;
  }

  .core-breadcrumb-warp {
    padding-left: 8px;
    padding-right: 8px;
  }

  .core-mobile-section {
    display: block;
  }

  .page-single {
    padding-left: 8px;
    padding-right: 8px;
  }

  #footer {
    text-align: center;
  }
  #footer .footer-menu-top {
    flex-direction: column;
  }
  #footer .footer-menu-top .footer-menu {
    margin-bottom: 8px;
  }

  .mobile-footer-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px;
    gap: 10px;
    z-index: 998;
  }
  .mobile-footer-menu .mobile-footer-menu-item {
    flex: 1;
    font-size: 12px;
    line-height: 16px;
    color: #828282;
    text-align: center;
    cursor: pointer;
  }
  .mobile-footer-menu .mobile-footer-menu-item a {
    color: #828282;
    text-decoration: none;
  }
  .mobile-footer-menu .mobile-footer-menu-item .mobile-footer-menu-item-icon {
    margin-bottom: 5px;
    font-size: 20px;
    color: #1C1B1F;
  }
  .mobile-footer-menu .mobile-footer-menu-item .dropdown-menu {
    bottom: calc(100% + 10px);
    left: auto;
  }
  .mobile-footer-menu .mobile-footer-menu-item .dropdown-menu#notifications_list {
    top: initial;
    right: -50px;
    width: 305px;
  }
  [dir="rtl"] .mobile-footer-menu .mobile-footer-menu-item .dropdown-menu#notifications_list {
    left: -50px;
    right: inherit;
  }
  .mobile-footer-menu .mobile-footer-menu-item .dropdown-menu#conversation_list {
    top: initial;
    width: 305px;
    right: 20px;
  }
  [dir="rtl"] .mobile-footer-menu .mobile-footer-menu-item .dropdown-menu#conversation_list {
    left: 20px;
    right: inherit;
  }
}
@media (max-width: 767px) {
  .feed_breadcrumb .feed_breadcrumb_title {
    float: none;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (max-width: 413px) {
  /*#content-wrapper.content-wrapper{
    min-height: calc(100vh - 194px);
  }*/
}
@media (max-width: 374px) {
  /*#content-wrapper.content-wrapper{
    min-height: calc(100vh - 211px);
  }*/
}
.list_option button {
  color: #1C1B1F;
}

.textoverlay span {
  color: transparent;
  background-color: rgba(0, 0, 0, 0.1) !important;
  border: 1px dashed rgba(0, 0, 0, 0.5);
}

.sidebar-modal.modal-mobile {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal-open .sidebar-modal.modal-mobile {
  overflow-x: hidden;
  overflow-y: auto;
}

.core-rating-icon {
  font-size: 22px;
  width: 22px;
  height: 22px;
  display: inline-block;
}
.rate-base-layer .core-rating-icon {
  color: #e3e3e3;
}
.rate-hover-layer .core-rating-icon {
  color: #FFC0CB;
}
.rate-select-layer .core-rating-icon {
  color: #ed6c55;
}

.core-tab-nav {
  display: flex;
  align-items: center;
}
.core-tab-nav .core-tab-nav-item {
  flex-grow: 0;
}
.core-tab-nav .core-tab-nav-item.active .core-tab-link {
  background-color: #f0f0f0;
}
.core-tab-nav .core-tab-link {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  color: #000000;
}
.core-tab-nav .core-tab-link.two-line {
  flex-wrap: wrap;
  justify-content: center;
}
.core-tab-nav .core-tab-link.two-line .core-tab-icon {
  margin-right: 0;
  margin-bottom: 5px;
}
.core-tab-nav .core-tab-link.two-line .core-tab-label {
  flex-grow: 1;
  width: 100%;
}
.core-tab-nav .core-tab-icon {
  font-size: 25px;
  margin-right: 5px;
}
.core-tab-nav .core-tab-label {
  font-size: 14px;
}
.core-tab-nav.core-tab-ctr {
  justify-content: center;
}
.core-tab-nav.core-tab-ctr .core-tab-nav-item {
  text-align: center;
  flex-grow: 1;
}
.core-tab-nav.core-tab-ctr .core-tab-link {
  justify-content: center;
}
.core-tab-nav.core-tab-lft {
  justify-content: left;
}
.core-tab-nav.core-tab-rht {
  justify-content: right;
}

.core-tab-content .core-tab-panel {
  display: none;
}
.core-tab-content .core-tab-panel.active {
  display: block;
}

.item_disabled {
  pointer-events: none;
  cursor: not-allowed;
}

.nav-tabs > li {
  margin-top: 3px;
}

.tooltip .tooltip-inner {
  word-break: normal;
}

.sidebar-body .cake-sql-log {
  margin-left: var(--sidebar-width);
}

.html_block img {
  max-width: 100%;
}

.nav-tabs > li > a {
  font-size: 14px;
  border-color: var(--tab-border-color);
  color: var(--tab-color);
  background-color: var(--tab-background);
  border-bottom: none;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li > a:active, .nav-tabs > li > a.nice-select.open {
  border-color: var(--tab-active-border-color);
  color: var(--tab-active-color);
  background-color: var(--tab-active-background);
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:active,
.nav-tabs > li.active > a.nice-select.open {
  border-color: var(--tab-active-border-color);
  color: var(--tab-active-color);
  background-color: var(--tab-active-background);
  border-bottom: none;
}

.view-more,
.view-more-no-ajax {
  text-align: center;
  position: relative;
  clear: both;
  width: 100%;
  margin-top: 20px;
}
.view-more a,
.view-more-no-ajax a {
  text-decoration: none;
}

.loading {
  width: 100%;
}

/* HTML: <div class="loader"></div> */
.loader {
  color: var(--loadmore-color);
  font-size: 5px;
  margin: 20px auto;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
.table-div {
  padding-bottom: 1px;
}
.table-div .col-xs-1, .table-div .col-sm-1, .table-div .col-md-1, .table-div .col-lg-1, .table-div .col-xs-2, .table-div .col-sm-2, .table-div .col-md-2, .table-div .col-lg-2, .table-div .col-xs-3, .table-div .col-sm-3, .table-div .col-md-3, .table-div .col-lg-3, .table-div .col-xs-4, .table-div .col-sm-4, .table-div .col-md-4, .table-div .col-lg-4, .table-div .col-xs-5, .table-div .col-sm-5, .table-div .col-md-5, .table-div .col-lg-5, .table-div .col-xs-6, .table-div .col-sm-6, .table-div .col-md-6, .table-div .col-lg-6, .table-div .col-xs-7, .table-div .col-sm-7, .table-div .col-md-7, .table-div .col-lg-7, .table-div .col-xs-8, .table-div .col-sm-8, .table-div .col-md-8, .table-div .col-lg-8, .table-div .col-xs-9, .table-div .col-sm-9, .table-div .col-md-9, .table-div .col-lg-9, .table-div .col-xs-10, .table-div .col-sm-10, .table-div .col-md-10, .table-div .col-lg-10, .table-div .col-xs-11, .table-div .col-sm-11, .table-div .col-md-11, .table-div .col-lg-11, .table-div .col-xs-12, .table-div .col-sm-12, .table-div .col-md-12, .table-div .col-lg-12 {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.table-div .tbody-div .tr-div:hover {
  background-color: #f9f9f9;
}
.table-div .th-div {
  font-weight: bold;
}
.table-div .tr-div {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
.table-div .tr-div .th-div, .table-div .tr-div .td-div {
  display: flex;
  align-items: center;
}
.table-div .tr-div .tgr-div {
  padding: 10px 5px;
  width: 100%;
}
.table-div.table-div-head .thead-div .tr-div {
  border-bottom: 1px solid #e0e0e0;
}
.table-div.table-div-head-bg .thead-div .tr-div {
  background-color: #f9f9f9;
  border-bottom: 1px solid #e0e0e0;
}
.table-div.table-div-bordered .tr-div {
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  margin-bottom: -1px;
}
.table-div.table-div-bordered .tr-div .th-div, .table-div.table-div-bordered .tr-div .td-div {
  border-left: 1px solid #e0e0e0;
}
.table-div.table-div-striped .tbody-div .tr-div:nth-child(2n+1) {
  background-color: #f9f9f9;
}
.table-div.table-div-condensed .thead-div .tr-div {
  border-bottom: 1px solid #e0e0e0;
}
.table-div.table-div-condensed .tbody-div .tr-div {
  border-bottom: 1px solid #e0e0e0;
}

select, input, textarea, select {
  outline: none;
}
select:hover, select:focus, select:active, select.nice-select.open, input:hover, input:focus, input:active, input.nice-select.open, textarea:hover, textarea:focus, textarea:active, textarea.nice-select.open, select:hover, select:focus, select:active, select.nice-select.open {
  outline: none;
  -moz-outline: none;
}

.alert {
  padding: 10px;
  margin-bottom: 10px;
}

/* multi select */
.multiSelect {
  border-radius: 4px;
  border: 1px solid #E0E0E0;
  color: #9b9b9b;
  background: #ffffff url(../img/dropdown.gif) right center no-repeat;
  padding: 6px 12px;
  position: relative;
  cursor: default;
  text-decoration: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  height: 34px;
  width: 100%;
}
.multiSelect:link, .multiSelect:visited, .multiSelect:hover, .multiSelect:active, .multiSelect.nice-select.open {
  color: #9b9b9b;
  text-decoration: none;
}
.multiSelect:hover {
  background-image: url(../img/dropdown_hover.gif);
}
.multiSelect span {
  margin: 1px 0px 1px 3px;
  overflow: hidden;
  display: -moz-inline-stack;
  display: inline-block;
  white-space: nowrap;
  width: auto !important;
}

.multiSelectOptions {
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #DEDED0;
  background: #FFF;
  border-top: #fff;
  width: 100% !important;
}
.multiSelectOptions label {
  display: block;
  white-space: normal;
  margin: 5px 5px;
}
.multiSelectOptions label.optGroup {
  font-weight: bold;
}
.multiSelectOptions label.selectAll {
  border-bottom: dotted 1px #CCC;
}
.multiSelectOptions label.hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.multiSelectOptions .optGroupContainer label {
  padding-left: 10px;
}
.multiSelectOptions.optGroupHasCheckboxes .optGroupContainer label {
  padding-left: 18px;
}
.multiSelectOptions input {
  vertical-align: middle !important;
  margin: 3px 5px 3px 4px !important;
}

.row.form-row {
  margin-right: -3px;
  margin-left: -3px;
}
.row.form-row .col-xs-1, .row.form-row .col-sm-1, .row.form-row .col-md-1, .row.form-row .col-lg-1, .row.form-row .col-xs-2, .row.form-row .col-sm-2, .row.form-row .col-md-2, .row.form-row .col-lg-2, .row.form-row .col-xs-3, .row.form-row .col-sm-3, .row.form-row .col-md-3, .row.form-row .col-lg-3, .row.form-row .col-xs-4, .row.form-row .col-sm-4, .row.form-row .col-md-4, .row.form-row .col-lg-4, .row.form-row .col-xs-5, .row.form-row .col-sm-5, .row.form-row .col-md-5, .row.form-row .col-lg-5, .row.form-row .col-xs-6, .row.form-row .col-sm-6, .row.form-row .col-md-6, .row.form-row .col-lg-6, .row.form-row .col-xs-7, .row.form-row .col-sm-7, .row.form-row .col-md-7, .row.form-row .col-lg-7, .row.form-row .col-xs-8, .row.form-row .col-sm-8, .row.form-row .col-md-8, .row.form-row .col-lg-8, .row.form-row .col-xs-9, .row.form-row .col-sm-9, .row.form-row .col-md-9, .row.form-row .col-lg-9, .row.form-row .col-xs-10, .row.form-row .col-sm-10, .row.form-row .col-md-10, .row.form-row .col-lg-10, .row.form-row .col-xs-11, .row.form-row .col-sm-11, .row.form-row .col-md-11, .row.form-row .col-lg-11, .row.form-row .col-xs-12, .row.form-row .col-sm-12, .row.form-row .col-md-12, .row.form-row .col-lg-12 {
  padding-left: 3px;
  padding-right: 3px;
}

.form-content .form-group:last-child {
  margin-bottom: 0;
}
.form-content + .form-alert > *:first-child {
  margin-top: 10px;
}
.form-content + .form-alert > *:last-child {
  margin-bottom: 0;
}

.form-group {
  margin-bottom: 10px;
  position: relative;
}
.form-group label .tip {
  color: #000;
  margin-left: 3px;
}
.form-group .profile-tip,
.form-group .required-tip {
  color: #f00000;
}

.form-control {
  border-radius: 4px;
  border: 1px solid #E0E0E0;
  color: #9b9b9b;
  background-color: #ffffff;
  box-shadow: none;
}

.form-horizontal .form-group .form-group {
  margin-left: 0;
  margin-right: 0;
}

.help-block {
  margin-bottom: 5px;
  font-style: italic;
  font-size: 12px;
}

.help-block-label {
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
}

.form-header {
  font-size: 16px;
  margin: 0 0 10px 0;
  font-weight: 600;
}

.form-holder {
  margin-bottom: 15px;
  padding: 5px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}
.form-holder:last-child {
  margin-bottom: 0;
}
.form-holder .form-holder-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e0e0e0;
}

label {
  font-weight: normal;
}

.checkbox-control {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding: 0 3px 0 20px;
  line-height: 16px;
  font-weight: inherit;
  margin-bottom: 0;
  vertical-align: middle;
  min-height: 16px;
}
[dir="rtl"] .checkbox-control {
  padding: 0 20px 0 3px;
}
.checkbox-control .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border: 1px solid #979797;
}
[dir="rtl"] .checkbox-control .checkmark {
  left: inherit;
  right: 0;
}
.checkbox-control .checkmark:after {
  content: "";
  display: none;
  position: absolute;
  left: 4px;
  top: 0;
  width: 6px;
  height: 12px;
  border-style: solid;
  border-color: #979797;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
[dir="rtl"] .checkbox-control .checkmark:after {
  left: inherit;
  right: 4px;
}
.checkbox-control:hover .checkmark {
  background-color: #dfdfdf;
}
.checkbox-control:hover .checkmark:after {
  border-color: #292929;
}
.checkbox-control input[type='checkbox'] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox-control input[type='checkbox']:checked ~ .checkmark:after {
  display: block;
}

.radio-control {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding: 0 3px 0 20px;
  line-height: 16px;
  font-weight: inherit;
  margin-bottom: 0;
  vertical-align: middle;
}
.radio-control .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border: 1px solid #979797;
  border-radius: 100%;
}
.radio-control .checkmark:after {
  content: "";
  display: none;
  position: absolute;
  left: 4px;
  top: 0;
  width: 6px;
  height: 12px;
  border-style: solid;
  border-color: #979797;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.radio-control:hover .checkmark {
  background-color: #dfdfdf;
}
.radio-control:hover .checkmark:after {
  border-color: #292929;
}
.radio-control input[type='radio'] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.radio-control input[type='radio']:checked ~ .checkmark:after {
  display: block;
}

.social-group {
  position: relative;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #E0E0E0;
}
.social-group a {
  display: block;
  height: 100%;
  color: #000000;
  padding: 5px 10px;
}
.social-group a:hover, .social-group a:active, .social-group a.nice-select.open, .social-group a:focus {
  text-decoration: none;
  color: inherit;
}
.social-group .social-overlay-button {
  height: 100%;
}
.social-group .social-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-color: transparent;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.social-group .social-icon.social-facebook {
  background-image: url(../img/fb_social_icon.png);
}
.social-group .social-icon.social-google {
  background-image: url(../img/google_social_icon.png);
}
.social-group .social-text {
  font-size: 14px;
  line-height: 22px;
  vertical-align: middle;
  display: inline-block;
  margin-left: 3px;
}

.login-form .form-group .label-control {
  display: none;
}
.login-form .login-form-remember,
.login-form .login-form-forgot {
  font-size: 14px;
}
.login-form .login-form-forgot {
  text-align: right;
}
[dir="rtl"] .login-form .login-form-forgot {
  text-align: left;
}
.login-form .login-form-forgot a {
  color: #000000;
}
.login-form .btn-login {
  font-weight: 400;
}
.login-form .main_login_form {
  margin-bottom: 20px;
}
.login-form .register_social_form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.login-form .register_social_form .center-login-text {
  text-align: center;
  font-size: 15px;
  line-height: 28px;
  font-weight: bold;
}
.login-form .register_social_form .center-login-social {
  margin: auto;
  width: 60%;
}
.login-form .register_social_form .section-login-social {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 991px) {
  .login-form .register_social_form .section-login-social {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    max-width: 220px;
  }
  .login-form .register_social_form .section-login-social .social-group {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .login-form .register_social_form .section-login-social .social-group {
    padding: 0;
    border: none;
  }
}
@media (max-width: 991px) {
  .login-form .register_social_form {
    flex-direction: column;
  }
}

.register_account_form {
  font-size: 15px;
  text-align: center;
  margin-top: 10px;
}

.user_register_form .form-register-title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 10px;
}
.user_register_form .register_main_form {
  padding: 15px;
}
.user_register_form .form-register .custom-field {
  margin-bottom: 10px;
}
.user_register_form .form-group .control-label {
  display: none;
}
.user_register_form .form-group .control-label.is_show {
  display: block;
}

@media (max-width: 413px) {
  .login-form .login-form-remember,
  .login-form .login-form-forgot {
    font-size: 12px;
  }
}
.qq-uploader {
  position: relative;
}
.qq-uploader .qq-upload-drop-area {
  background-color: rgba(0, 0, 0, 0.1);
  min-height: 0;
}
.qq-uploader .qq-upload-drop-area span {
  display: none !important;
}
.qq-uploader .qq-upload-button input[type=file] {
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  max-height: 100%;
  height: 100%;
}

.qq-upload-button {
  background-color: #E5E5E5;
  height: 34px;
}
.qq-upload-button .upload-section {
  padding: 0 5px;
  display: flex;
  align-items: center;
  height: 32px;
  line-height: 32px;
  color: #9b9b9b;
}
.qq-upload-button .upload-section .upload-section-icon {
  font-size: 24px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  cursor: pointer;
  color: #aaa;
  vertical-align: sub;
  margin-right: 5px;
  display: inline-block;
}
[dir="rtl"] .qq-upload-button .upload-section .upload-section-icon {
  margin-right: 0;
  margin-left: 5px;
}

.create_form .form-horizontal .control-label {
  text-align: left;
}
[dir="rtl"] .create_form .form-horizontal .control-label {
  text-align: right;
}
.create_form .form-group label {
  font-weight: 500;
  font-size: 15px;
}
.create_form .bootstrap-tagsinput {
  border-radius: 4px;
  border: 1px solid #E0E0E0;
  color: #9b9b9b;
}
.create_form .bootstrap-tagsinput .label-info {
  background-color: #979797;
  color: #ffffff;
}
.create_form .bootstrap-tagsinput .tag {
  max-width: 100%;
  white-space: normal;
  text-align: left;
  margin-top: 1px;
  margin-bottom: 1px;
}

.create_form .mce-panel {
  border-color: #979797;
}
.create_form .create-form-actions .btn-multiple {
  margin-bottom: 3px;
}
.create_form .create-form-actions + .alert.error-message {
  margin-bottom: 0;
  margin-top: 10px;
}
.create_form .create-form-actions + .form-alert > * {
  margin-bottom: 0;
  margin-top: 10px;
}
.create_form .qq-uploader .qq-upload-list {
  margin: 0;
}
.create_form .qq-uploader .qq-upload-list > li {
  margin-top: 10px;
}
.create_form .qq-upload-button {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}
.create_form .control-upload-review img {
  margin-top: 10px;
}

.toggle_image_wrap {
  margin-top: 10px;
}
.toggle_image_wrap .btn-toggle-image {
  color: #000000;
}

ul.token-input-list {
  overflow: hidden;
  height: auto !important;
  min-height: 34px;
  width: 100%;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  cursor: text;
  font-size: 12px;
  z-index: 9999;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  list-style-type: none;
}
ul.token-input-list li input {
  border: 0;
  width: 100px;
  padding: 3px 5px;
  background-color: #ffffff;
  margin: 0;
  line-height: 20px;
  -webkit-appearance: caret;
}
ul.token-input-list li.token-input-token {
  overflow: hidden;
  height: auto !important;
  margin: 3px;
  padding: 5px 15px 5px 5px;
  background-color: #979797;
  color: #ffffff;
  cursor: default;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  float: left;
  white-space: normal;
  word-break: break-all;
  position: relative;
}
[dir="rtl"] ul.token-input-list li.token-input-token {
  float: right;
}
ul.token-input-list li.token-input-token p {
  display: inline;
  padding: 0;
  margin: 0;
}
ul.token-input-list li.token-input-token span {
  color: #DEDED0;
  margin-left: 0;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translate(0, -50%);
}
ul.token-input-list li.token-input-input-token {
  float: left;
  margin: 3px;
  padding: 0;
  list-style-type: none;
}
[dir="rtl"] ul.token-input-list li.token-input-input-token {
  float: right;
}
ul.token-input-list li.token-input-input-token input, ul.token-input-list li.token-input-input-token input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

div.token-input-dropdown {
  position: absolute;
  width: 257px;
  max-height: 300px;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid rgba(0, 0, 0, 0.15);
  cursor: default;
  font-size: 11px;
  z-index: 99999;
  color: #000000;
}
div.token-input-dropdown p {
  margin: 0;
  padding: 5px;
}
div.token-input-dropdown ul {
  margin: 0;
  padding: 0;
}
div.token-input-dropdown ul li {
  list-style-type: none;
}
div.token-input-dropdown ul li.token-input-dropdown-item {
  /*background-color: #fff;*/
}
div.token-input-dropdown ul ul li.token-input-dropdown-item2 {
  /*background-color: #fff;*/
}
div.token-input-dropdown .token-input-result-item {
  padding: 3px;
  margin: 0;
  font-size: 12px;
  background-color: #ffffff;
}
div.token-input-dropdown .token-input-result-item.token-input-selected-dropdown-item {
  background-color: rgba(0, 0, 0, 0.1);
}
div.token-input-dropdown .token-input-result-item .token-input-result-main {
  display: flex;
  align-items: center;
  padding: 3px;
}
div.token-input-dropdown .token-input-result-item .token-input-result-main .token-input-result-img {
  width: 40px;
  min-width: 40px;
  margin-right: 5px;
  flex-grow: 0;
}
[dir="rtl"] div.token-input-dropdown .token-input-result-item .token-input-result-main .token-input-result-img {
  margin-right: 0;
  margin-left: 5px;
}
div.token-input-dropdown .token-input-result-item .token-input-result-main .token-input-result-img img {
  width: 40px;
  border-radius: 10px;
}

@media (max-width: 767px) {
  div.token-input-dropdown {
    max-height: 200px;
  }
}
.profile-edit-form-bottom {
  padding: 10px 0;
}
.profile-edit-form-bottom .pefb-item {
  margin-bottom: 10px;
}
.profile-edit-form-bottom .pefb-item:last-child {
  margin-bottom: 0;
}

.onoffswitch {
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch .onoffswitch-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.onoffswitch .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #979797;
  border-radius: 20px;
  font-weight: 500;
  margin: 0;
}
.onoffswitch .onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
[dir="rtl"] .onoffswitch .onoffswitch-inner {
  margin-left: 0;
  margin-right: -100%;
}
.onoffswitch .onoffswitch-inner:before, .onoffswitch .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  box-sizing: border-box;
}
[dir="rtl"] .onoffswitch .onoffswitch-inner:before, [dir="rtl"] .onoffswitch .onoffswitch-inner:after {
  float: right;
}
.onoffswitch .onoffswitch-inner:before {
  content: attr(data-check);
  padding-left: 10px;
  background-color: #f1f1f1;
  color: #9b9b9b;
}
[dir="rtl"] .onoffswitch .onoffswitch-inner:before {
  padding-left: 0;
  padding-right: 10px;
}
.onoffswitch .onoffswitch-inner:after {
  content: attr(data-uncheck);
  padding-right: 10px;
  background-color: #ffffff;
  color: #9b9b9b;
  text-align: right;
}
[dir="rtl"] .onoffswitch .onoffswitch-inner:after {
  text-align: left;
  padding-left: 10px;
  padding-right: 0;
}
.onoffswitch .onoffswitch-switch {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  background: #ffffff;
  position: absolute;
  top: 7px;
  left: 5px;
  border: 2px solid #9b9b9b;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}
[dir="rtl"] .onoffswitch .onoffswitch-switch {
  left: initial;
  right: 5px;
}
.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
[dir="rtl"] .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-right: 0;
}
.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label {
  border-color: #999999;
}
.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  left: 100%;
  margin-left: -25px;
  border-color: #9b9b9b;
  background-color: #ffffff;
}
[dir="rtl"] .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  left: initial;
  right: 100%;
  margin-left: 0;
  margin-right: -25px;
}

.onoffswitch.user-appearance .onoffswitch-inner:before {
  background-color: #000000;
  color: #ffffff;
}
.onoffswitch.user-appearance .onoffswitch-inner:after {
  background-color: #ffffff;
  color: #00477b;
}

.jcrop-holder input.jcrop-keymgr {
  opacity: 0;
}

.picker__input.form-control[disabled], .picker__input.form-control[readonly], .picker__input.form-control {
  cursor: default;
}

.tt-menu .tt-dataset-friends_userTaggingOnShareForm .suggestion-item img {
  border-radius: 15px;
}

.post-area {
  display: flex;
  border-radius: 5px;
  border: 1px solid #E0E0E0;
  background-color: #ffffff;
  padding: 0;
}
.post-area .post-area-text {
  flex-grow: 1;
  padding: 10px 5px 10px 10px;
}
.post-area .post-area-action {
  flex-grow: 0;
}
.post-area .post-area-input {
  display: block;
  width: 100%;
  padding: 0;
  font-size: 15px;
  border: none;
  resize: none;
}
.post-area .post-area-input::placeholder {
  color: #828282;
}

.post-area-action {
  padding: 10px 10px 0 0;
}
.post-area-action .post-area-icons {
  display: flex;
}
.post-area-action .post-area-box {
  display: block;
  margin-left: 2px;
  cursor: pointer;
}
.post-area-action .post-area-box:first-child {
  margin-left: 0;
}
.post-area-action .post-area-box .post-area-icon {
  color: #1C1B1F;
  font-size: 24px;
  width: 24px;
  height: 24px;
  overflow: hidden;
}
.post-area-action .post-area-box .qq-upload-button {
  background-color: transparent;
  height: auto;
}
.post-area-action .post-area-box .qq-upload-list {
  display: none !important;
}

.form-inline .form-control-inline {
  display: inline-block;
  min-width: 200px;
  vertical-align: middle;
}

.select-result-users .select-result-user_main {
  display: flex;
  align-items: center;
  padding: 5px 3px;
}
.select-result-users .select-result-user_figure {
  width: 32px;
  min-width: 32px;
  margin-right: 5px;
}
.select-result-users .select-result-user_img {
  width: 100%;
  display: block;
  border-radius: 10px;
}

.form-input-min {
  display: inline;
  width: 20%;
}

.tt-menu .tt-suggestion img {
  border-radius: 10px;
}

.confirm_email_resend {
  padding-bottom: 5px;
}

.confirm_email_verify {
  padding-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.input_verify_code_email {
  margin-right: 10px;
  max-width: 200px;
  text-align: center;
}

.input_verify_code_email_error {
  border-color: red !important;
}

.icon-hide-password {
  float: right;
  margin: -25px 8px -25px -25px;
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.form-control-password {
  padding-right: 30px;
}

input::-ms-reveal, input::-ms-clear {
  display: none;
}

.body-dark input:-webkit-autofill,
.body-dark input:-webkit-autofill:hover,
.body-dark input:-webkit-autofill:focus,
.body-dark input:-webkit-autofill:active,
.body-dark input.nice-select.open:-webkit-autofill {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #e4e6eb;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px #23232329;
}

.confirm_email_header {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.help-block-text {
  margin-bottom: 5px;
  font-style: italic;
}

.login-popup-group {
  position: relative;
}
.login-popup-group .dropdown-popup-toggle {
  display: flex;
  align-items: center;
}
.login-popup-group .dropdown-popup-toggle .dropdown-user-avatar {
  display: block;
  position: relative;
  height: 32px;
  width: 32px;
  border-radius: 10px;
  border: 1px solid #ffffff;
  background-color: #ffffff;
}
.login-popup-group .dropdown-popup-toggle .dropdown-user-arrow {
  font-size: 20px;
  color: #ffffff;
  width: 20px;
  height: 20px;
  overflow: hidden;
}
.login-popup-group .dropdown-popup-toggle .dropdown-user-box,
.login-popup-group .dropdown-popup-toggle .login-no-img {
  display: block;
  width: 100%;
  border-radius: 10px;
  font-size: 0;
}
.login-popup-group .dropdown-popup-main {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  padding: 0;
  margin: 2px 0 0;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  width: 375px;
  display: none;
}
[dir="rtl"] .login-popup-group .dropdown-popup-main {
  right: inherit;
  left: 0;
}
.login-popup-group .dropdown-popup-main:before {
  content: '';
  display: block;
  position: absolute;
  top: -13px;
  right: 28px;
  width: 0;
  border-width: 6px;
  border-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #ffffff;
  border-left-color: transparent;
}
.login-popup-group.open .dropdown-popup-main {
  display: block;
}

@media (max-width: 413px) {
  .login-popup-group .dropdown-popup-main {
    width: 305px;
  }
}
.floating-menu #content-wrapper.content-wrapper {
  margin-top: var(--floating-menu-height);
}
@media (min-width: 992px) {
  .floating-menu #content-wrapper.content-wrapper {
    min-height: calc(100vh - 255px);
  }
}

.bar-action-floating {
  background-color: #ffffff;
  height: var(--floating-menu-height);
  position: fixed;
  left: 0;
  right: 0;
  z-index: 800;
  -webkit-transition: top 0.5s cubic-bezier(0, 1, 0.5, 1);
  -moz-transition: top 0.5s cubic-bezier(0, 1, 0.5, 1);
  transition: top 0.5s cubic-bezier(0, 1, 0.5, 1);
}
.bar-action-floating .horizontal-main {
  display: flex;
  align-items: center;
}
.bar-action-floating .horizontal-content {
  flex-grow: 1;
  max-width: 100%;
}
.bar-action-floating .horizontal-action {
  display: none;
  white-space: nowrap;
}
.bar-action-floating .horizontal-action .box-btn {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}
.bar-action-floating .horizontal-action .box-btn .box-icon {
  font-size: 32px;
  display: block;
  width: 32px;
  height: 32px;
  overflow: hidden;
}

.documentScrolling .bar-action-floating {
  top: var(--header-height);
}

@media (min-width: 992px) {
  .bar-action-floating {
    top: var(--header-height);
    border-bottom: 1px solid var(--header-border);
    box-shadow: 0 0 10px 0 var(--header-box-shadow);
  }
  .bar-action-floating .horizontal-action {
    display: none;
  }

  .documentScrolling .bar-action-floating .horizontal-action {
    display: block;
  }
  .documentScrolling .bar-action-floating .horizontal-action .box-dropdown .dropdown-menu {
    left: inherit;
    right: 0;
  }
  .documentScrolling .box2 .box_header .box_action .box-scrolling-hide {
    display: none;
  }
}
@media (max-width: 991px) {
  .bar-action-floating {
    top: var(--header-height);
  }
  .bar-action-floating .horizontal-menu-warp {
    display: block;
  }
  .bar-action-floating .container {
    padding-left: 8px;
    padding-right: 8px;
  }

  .faceOutEffect .bar-action-floating {
    top: 0;
  }
}
/* --------------------------------------------------------------------------------- */
.horizontal-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
}
.horizontal-menu.horizontal-menu-waiting {
  overflow: hidden;
  max-width: 100%;
}
.horizontal-menu li {
  position: relative;
}
.horizontal-menu li .horizontal-menu-sub {
  display: none;
  padding: 0;
  list-style: none;
}
.horizontal-menu li .horizontal-menu-sub > li > a {
  display: block;
  color: var(--horizontal-menu-sub-color);
  background-color: var(--horizontal-menu-sub-background);
}
.horizontal-menu li .horizontal-menu-sub > li > a > .horizontal-menu-icon {
  font-size: 14px;
}
.horizontal-menu li .horizontal-menu-sub > li > a > .badge_counter {
  vertical-align: middle;
  color: var(--horizontal-menu-sub-badge-color);
  background-color: var(--horizontal-menu-sub-badge-background);
  border: 1px solid var(--horizontal-menu-sub-badge-border);
  text-align: center;
  padding: 0 5px;
  border-radius: 2px;
}
.horizontal-menu li .horizontal-menu-sub > li.current > a {
  color: var(--horizontal-menu-sub-active-color);
  background-color: var(--horizontal-menu-sub-active-background);
}
.horizontal-menu li .horizontal-menu-sub > li.current > a .badge_counter {
  color: var(--horizontal-menu-sub-active-badge-color);
  background-color: var(--horizontal-menu-sub-active-badge-background);
  border-color: var(--horizontal-menu-sub-active-badge-border);
}
.horizontal-menu li.horizontal-menu-open > .horizontal-menu-sub {
  display: block;
}
.horizontal-menu > li {
  flex-grow: 0;
}
.horizontal-menu > li > a {
  white-space: nowrap;
  display: block;
  color: var(--horizontal-menu-color);
  border-bottom: 1px solid transparent;
}
.horizontal-menu > li > a > .horizontal-menu-icon {
  display: inline-block;
  vertical-align: middle;
}
.horizontal-menu > li > a > .horizontal-menu-text {
  display: inline-block;
  vertical-align: middle;
}
.horizontal-menu > li > a > .badge_counter {
  vertical-align: middle;
  color: var(--horizontal-menu-badge-color);
  background-color: var(--horizontal-menu-badge-background);
  border: 1px solid var(--horizontal-menu-badge-border);
  text-align: center;
  padding: 0 5px;
  border-radius: 2px;
}
.horizontal-menu > li.current > a {
  color: var(--horizontal-menu-active-color);
  border-color: var(--horizontal-menu-active-border);
  background-color: var(--horizontal-menu-active-background);
}
.horizontal-menu > li.current > a .badge_counter {
  color: var(--horizontal-menu-active-badge-color);
  background-color: var(--horizontal-menu-active-badge-background);
  border-color: var(--horizontal-menu-active-badge-border);
}
.horizontal-menu > li.current > a .horizontal-menu-text {
  font-weight: 700;
}

@media (min-width: 992px) {
  .horizontal-menu li .horizontal-menu-sub {
    position: absolute;
    width: 200px;
    z-index: 1000;
    background-color: var(--horizontal-menu-sub-warpp-background);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
  }
  .horizontal-menu li .horizontal-menu-sub > li > a {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 22px;
  }
  .horizontal-menu li .horizontal-menu-sub > li:hover > a {
    color: var(--horizontal-menu-sub-active-color);
    background-color: var(--horizontal-menu-sub-active-background);
  }
  .horizontal-menu li .horizontal-menu-sub > li:hover > a .badge_counter {
    color: var(--horizontal-menu-sub-active-badge-color);
    background-color: var(--horizontal-menu-sub-active-badge-background);
    border-color: var(--horizontal-menu-sub-active-badge-border);
  }
  .horizontal-menu li.core-horizontal-more-show > .horizontal-menu-sub {
    display: block;
  }
  .horizontal-menu li.core-horizontal-more-show > .horizontal-menu-sub.horizontal-sub-x {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row-reverse;
  }
  .horizontal-menu li.core-horizontal-more-show > .horizontal-menu-sub.horizontal-sub-x > li {
    width: 200px;
  }
  .horizontal-menu li.core-horizontal-more-show > .horizontal-menu-sub.horizontal-sub-x > li > a {
    border: none;
  }
  .horizontal-menu li.hasChild:hover > .horizontal-menu-sub {
    display: block;
  }
  .horizontal-menu > li > a {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 10px;
    height: 40px;
  }
  .horizontal-menu > li > a > .horizontal-menu-icon {
    font-size: 28px;
    width: 28px;
    height: 28px;
  }
  .horizontal-menu > li:hover > a {
    color: var(--horizontal-menu-active-color);
    background-color: var(--horizontal-menu-active-background);
    border-color: var(--horizontal-menu-active-border);
  }
  .horizontal-menu > li:hover > a .badge_counter {
    background-color: var(--horizontal-menu-active-badge-background);
    color: var(--horizontal-menu-active-badge-color);
    border-color: var(--horizontal-menu-active-badge-border);
  }
  .horizontal-menu > li > .horizontal-menu-sub {
    top: 100%;
    left: 0;
  }
  .horizontal-menu > li > .horizontal-menu-sub li > .horizontal-menu-sub {
    top: 0;
    left: 100%;
    margin-left: -1px;
  }
  .horizontal-menu > li.core-horizontal-more > .horizontal-menu-sub {
    left: inherit;
    right: 0;
  }
  [dir="rtl"] .horizontal-menu > li.core-horizontal-more > .horizontal-menu-sub {
    left: 0;
    right: inherit;
  }
  .horizontal-menu > li.core-horizontal-more > .horizontal-menu-sub li > .horizontal-menu-sub {
    left: inherit;
    right: 100%;
    border-left: none;
    margin-left: 0;
    margin-right: -1px;
  }
}
@media (max-width: 991px) {
  .horizontal-menu li .horizontal-menu-sub > li > a {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 20px;
    border-top: 1px solid #e0e0e0;
  }
  .horizontal-menu li .horizontal-menu-sub > li:last-child > a {
    border-bottom: none;
  }
  .horizontal-menu > li > a {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 15px;
    height: 40px;
    text-decoration: none;
  }
  .horizontal-menu > li > a > .horizontal-menu-icon {
    font-size: 20px;
    width: 20px;
    height: 20px;
  }
  .horizontal-menu > li > .horizontal-menu-sub {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 99px;
    background-color: rgba(0, 0, 0, 0.5);
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 200;
    -webkit-transition: top 0.5s cubic-bezier(0, 1, 0.5, 1);
    -moz-transition: top 0.5s cubic-bezier(0, 1, 0.5, 1);
    transition: top 0.5s cubic-bezier(0, 1, 0.5, 1);
  }
  body.guest-page .horizontal-menu > li > .horizontal-menu-sub {
    bottom: 30px;
  }
  .horizontal-menu > li > .horizontal-menu-sub li > a {
    padding-left: 10px;
  }
  .horizontal-menu > li > .horizontal-menu-sub li > .horizontal-menu-sub {
    top: 0;
    left: 100%;
  }
  .horizontal-menu > li > .horizontal-menu-sub li > .horizontal-menu-sub > li > a {
    padding-left: 20px;
  }
  .horizontal-menu > li > .horizontal-menu-sub li > .horizontal-menu-sub > li > .horizontal-menu-sub > li > a {
    padding-left: 30px;
  }
  .horizontal-menu > li.horizontal-menu-open > .horizontal-menu-header:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 5px solid #777777;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -8px;
  }
  .horizontal-menu > li > .horizontal-menu-close {
    background-color: rgba(0, 0, 0, 0.5);
    height: 30px;
    position: fixed;
    bottom: 69px;
    left: 0;
    right: 0;
    z-index: 200;
  }
  .horizontal-menu > li > .horizontal-menu-close .horizontal-menu-close-icon {
    color: #ffffff;
    display: block;
    font-size: 30px;
    width: 30px;
    height: 30px;
    margin: auto;
  }
  body.guest-page .horizontal-menu > li > .horizontal-menu-close {
    bottom: 0;
  }

  body.core_horizontal_menu_open {
    overflow: hidden;
  }
}
/* --------------------------------------------------------------------------------- */
.menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu-list .menu-list-item {
  position: relative;
}
.menu-list .menu-list-item .menu-list-link {
  font-size: 16px;
  display: block;
  color: #4F4F4F;
  padding: 5px 10px;
  position: relative;
  line-height: 28px;
  cursor: pointer;
}
.menu-list .menu-list-item .menu-list-link.has-badge {
  padding-right: 35px;
}
[dir="rtl"] .menu-list .menu-list-item .menu-list-link.has-badge {
  padding-right: 10px;
  padding-left: 35px;
}
.menu-list .menu-list-item .menu-list-link.has-badge .spinner {
  margin-left: 25px;
}
[dir="rtl"] .menu-list .menu-list-item .menu-list-link.has-badge .spinner {
  margin-left: 0;
  margin-right: 25px;
  left: inherit !important;
  right: 95%;
}
.menu-list .menu-list-item .menu-list-link .badge_counter {
  position: absolute;
  top: 50%;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  min-width: 20px;
  line-height: 20px;
  margin-top: -10px;
  color: #4F4F4F;
  background-color: #fff;
  border: 1px solid #000;
  font-weight: 400;
  padding: 0 4px;
  font-size: 16px;
  border-radius: 2px;
}
[dir="rtl"] .menu-list .menu-list-item .menu-list-link .badge_counter {
  right: inherit;
  left: 10px;
}
.menu-list .menu-list-item .menu-list-link .menu-list-icon {
  font-size: 28px;
  height: 28px;
  width: 28px;
  overflow: hidden;
  vertical-align: middle;
  float: left;
}
[dir="rtl"] .menu-list .menu-list-item .menu-list-link .menu-list-icon {
  float: right;
}
.menu-list .menu-list-item .menu-list-link .menu-list-text {
  margin-left: 35px;
  display: block;
}
[dir="rtl"] .menu-list .menu-list-item .menu-list-link .menu-list-text {
  margin-right: 35px;
  margin-left: 0;
}
.menu-list .menu-list-item span.menu-list-header.header-arrow {
  padding-right: 35px;
}
[dir="rtl"] .menu-list .menu-list-item span.menu-list-header.header-arrow {
  padding-right: 10px;
  padding-left: 35px;
}
.menu-list .menu-list-item span.menu-list-header.header-arrow:after {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  right: 11px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #959595;
}
[dir="rtl"] .menu-list .menu-list-item span.menu-list-header.header-arrow:after {
  right: inherit;
  left: 11px;
}
.menu-list .menu-list-item .menu-arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.menu-list .menu-list-item .menu-arrow:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #959595;
}
[dir="rtl"] .menu-list .menu-list-item .menu-arrow {
  right: inherit;
  left: 0;
}
.menu-list .menu-list-item.current > .menu-list-link {
  background-color: #e4f1ff;
}
.menu-list .menu-list-item.current > .menu-list-link > .badge_counter {
  color: #4F4F4F;
  background-color: #fff;
}
.menu-list .menu-list-item.current span.menu-list-header.header-arrow:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #959595;
}
@media (min-width: 992px) {
  .menu-list .menu-list-item:hover > .menu-list-link {
    background-color: #e4f1ff;
  }
  .menu-list .menu-list-item:hover > .menu-list-link > .badge_counter {
    color: #4F4F4F;
    background-color: #fff;
  }
  .menu-list .menu-list-item:hover span.menu-list-header.header-arrow:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #959595;
  }
}
.menu-list ul.menu-list-dropdown {
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu-list ul.menu-list-dropdown .menu-list-sub-item a.menu-list-link {
  padding-left: 30px;
}
[dir="rtl"] .menu-list ul.menu-list-dropdown .menu-list-sub-item a.menu-list-link {
  padding-right: 30px;
}
.menu-list ul.menu-list-dropdown .menu-list-sub-item a.menu-list-link.has-badge {
  padding-right: 55px;
}
[dir="rtl"] .menu-list ul.menu-list-dropdown .menu-list-sub-item a.menu-list-link.has-badge {
  padding-left: 55px;
  padding-right: 30px;
}
.menu-list ul.menu-list-dropdown .menu-list-sub-item.current > a.menu-list-link {
  background-color: #f7f7f7;
}
.menu-list ul.menu-list-dropdown .menu-list-sub-item.current .badge_counter {
  color: #4F4F4F;
  background-color: #fff;
}
@media (min-width: 992px) {
  .menu-list ul.menu-list-dropdown .menu-list-sub-item:hover > a.menu-list-link {
    background-color: #f7f7f7;
  }
  .menu-list ul.menu-list-dropdown .menu-list-sub-item:hover .badge_counter {
    color: #4F4F4F;
    background-color: #fff;
  }
}
.menu-list.menu-list-toggle .menu-list-item.open .menu-list-dropdown {
  display: block;
}
.menu-list.menu-list-toggle .menu-list-item.open span.menu-list-header.header-arrow::after {
  border-top: none;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #959595;
}
.menu-list.menu-list-toggle .menu-list-item.open:hover span.menu-list-header.header-arrow::after, .menu-list.menu-list-toggle .menu-list-item.open.current span.menu-list-header.header-arrow::after {
  border-bottom-color: #959595;
}
.menu-list.menu-list-toggle .menu-list-item.open .menu-arrow:before {
  border-top: none;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #959595;
}
.menu-list.menu-list-toggle .menu-list-dropdown {
  display: none;
}

.box_header_search {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fafafa;
  display: none;
  z-index: 1032;
  border-radius: 10px 10px 0 0;
}
.box_header_search.advanced-search-open {
  display: block;
}
.box_header_search.advanced-search-show-popup {
  background-color: transparent;
}
.box_header_search.advanced-search-show-popup .header_search_btn,
.box_header_search.advanced-search-show-popup .header_search_more {
  display: none;
}
.box_header_search.advanced-search-show-popup .header_search_holder {
  background-color: #fafafa;
}
.box_header_search.advanced-search-show-popup .header_search_holder .header_search_title {
  display: block;
}
.box_header_search.advanced-search-show-popup .header_search_holder .advanced-search-keyword {
  padding: 10px 50px 10px 15px;
}
.box_header_search.advanced-search-show-popup .header_search_holder .header_search_more {
  right: 10px;
}
.box_header_search.advanced-search-show-popup .header_search_holder .header_search_more .header-search-open-more {
  display: none;
}
.box_header_search.advanced-search-show-popup .header_search_holder .header_search_more .header-search-close-more {
  display: block;
}
.box_header_search.advanced-search-show-popup .box_header_search_overview {
  background-color: rgba(75, 75, 75, 0.8);
}
.box_header_search.advanced-search-show-popup .header-advanced-search {
  height: auto;
  position: absolute;
}
.box_header_search .box_header_search_overview {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  z-index: 1033;
}
.box_header_search .header-advanced-search {
  height: 100%;
  position: relative;
  z-index: 1034;
}
.box_header_search .header_search_holder {
  height: 100%;
  position: relative;
  border-radius: 10px 10px 0 0;
}
.box_header_search .header_search_holder .header_search_title {
  min-height: 49px;
  padding: 14px 47px 14px 15px;
  color: #000000;
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  display: none;
}
.box_header_search .header_search_holder .advanced-search-keyword {
  line-height: 29px;
  height: 100%;
  width: 100%;
  display: block;
  border: none;
  background-color: transparent;
  border-radius: 4px;
  padding: 10px 90px 10px 15px;
  box-shadow: none;
  color: #000000;
}
[dir="rtl"] .box_header_search .header_search_holder .advanced-search-keyword {
  padding: 10px 15px 10px 90px;
}
.box_header_search .header_search_holder .advanced-search-keyword:focus {
  outline: 0 !important;
  box-shadow: none;
}
.box_header_search .header_search_holder .header_search_btn {
  position: absolute;
  top: 8px;
  right: 10px;
}
[dir="rtl"] .box_header_search .header_search_holder .header_search_btn {
  right: inherit;
  left: 10px;
}
.box_header_search .header_search_holder .header_search_btn .header-search-icon {
  color: #212121;
  font-size: 32px;
  display: block;
  width: 32px;
  height: 32px;
  overflow: hidden;
}
.box_header_search .header_search_holder .header_search_more {
  position: absolute;
  top: 8px;
  right: 52px;
}
[dir="rtl"] .box_header_search .header_search_holder .header_search_more {
  right: inherit;
  left: 52px;
}
.box_header_search .header_search_holder .header_search_more .header-search-icon {
  color: #212121;
  font-size: 32px;
  display: block;
  width: 32px;
  height: 32px;
  overflow: hidden;
}
.box_header_search .header_search_holder .header_search_more .header-search-close-more {
  display: none;
}
.box_header_search .header_search_popup {
  background-color: #ffffff;
  box-shadow: 0 24px 40px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  display: none;
}
.box_header_search .header_search_popup.search-popup-open {
  display: block;
}
.box_header_search .header_search_popup .form-group-main {
  padding: 15px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 300px;
}
.box_header_search .header_search_popup .form-group-bottom {
  text-align: right;
  padding: 10px 15px;
  border-top: 1px solid #CCCCCC;
  background-color: #fafafa;
}
.box_header_search .header_search_popup .form-group-bottom .search-btn-icon {
  font-size: 16px;
  height: 16px;
  width: 16px;
  vertical-align: middle;
}

@media (max-width: 991px) {
  .box_header_search .box_header_search_overview {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .box_header_search .header_search_holder {
    background-color: #ffffff;
    border-radius: 0;
  }
}
.login-page-content {
  max-width: 450px;
  margin: 0 auto;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.02), 0px 2px 4px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  border-radius: 10px;
  padding: 20px;
}
@media (min-width: 992px) {
  .login-page-content .section-login-social .social-group a {
    padding: 0;
  }
  .login-page-content .section-login-social .social-group a .social-text {
    display: none;
  }
}

.login-page-title {
  margin-top: 0;
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 28px;
}

.registration-page {
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  background: #fff;
  max-width: 900px;
  margin: auto;
}
.registration-page .register_main_form {
  border-right: 1px solid #E0E0E0;
}
.registration-page .register_social_form {
  padding-top: 20px;
  padding-bottom: 20px;
}
.registration-page .register_social_form .center-login-text {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
  text-align: center;
}
.registration-page .register_social_form .center-login-social {
  margin: auto;
  max-width: 220px;
}
.registration-page .register_social_form .center-login-social .social-group {
  display: block;
  margin-bottom: 5px;
}

@media (min-width: 992px) {
  .registration-page .register_social_form {
    padding-right: 16px;
  }
}
@media (max-width: 991px) {
  .registration-page .register_main_form {
    border-right: none;
  }
  .registration-page .user_register_form > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .registration-page .user_register_form > .row > div[class^='col-'] {
    padding-left: 0;
    padding-right: 0;
  }
}
.recover-page {
  max-width: 900px;
}

.user_register_holder {
  margin-top: 40px;
}

.signup_intro {
  font-size: 64px;
  line-height: 85px;
  margin-bottom: 25px;
  font-weight: 400;
  color: #4F4F4F;
}

.signup_more {
  font-size: 32px;
  line-height: 44px;
  color: #4F4F4F;
}

.close-network-signup {
  border: 1px solid #f9f9f9;
  border-radius: 10px;
  background: #f4f4f4;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.02), 0px 2px 4px rgba(0, 0, 0, 0.08);
}
.close-network-signup .register_main_form {
  background: #fff;
  border-radius: 10px 10px 0 0;
}
.close-network-signup .register_social_form {
  display: flex;
  align-items: center;
  padding: 15px;
  border-radius: 0 0 10px 10px;
}
.close-network-signup .register_social_form .center-login-text {
  flex-grow: 0;
  padding-right: 15px;
  font-weight: bold;
  font-size: 14px;
  white-space: nowrap;
}
[dir="rtl"] .close-network-signup .register_social_form .center-login-text {
  padding-left: 15px;
  padding-right: 0;
}
.close-network-signup .register_social_form .center-login-text > span {
  display: block;
  margin-bottom: 5px;
}
.close-network-signup .register_social_form .center-login-social {
  flex-grow: 1;
}
.close-network-signup .register_social_form .social-group {
  display: inline-block;
  width: 48%;
  float: left;
}
.close-network-signup .register_social_form .social-group:nth-child(2n+1) {
  margin-right: 4%;
}

.new_recent_signup {
  margin-top: 10px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .user_register_holder {
    margin-top: 0;
  }
}
@media (max-width: 567px) {
  .signup_intro {
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 10px;
  }

  .signup_more {
    font-size: 20px;
    line-height: 27px;
  }

  .close-network-signup .register_social_form {
    flex-wrap: wrap;
  }
  .close-network-signup .register_social_form .center-login-text {
    width: 100%;
    padding: 0;
    text-align: center;
    margin-bottom: 10px;
  }
  .close-network-signup .register_social_form .center-login-social {
    width: 100%;
  }
  .close-network-signup .register_social_form .social-group {
    display: block;
    width: 80%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .close-network-signup .register_social_form .social-group:nth-child(2n+1) {
    margin-right: auto;
  }
}
#status_box {
  border: 1px solid var(--box-border-color);
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 15px;
}
#status_box textarea#message {
  height: 30px;
  width: 100%;
  box-sizing: border-box;
  border: 0;
  color: #4F4F4F;
  font-size: 16px;
  padding: 0;
  resize: none;
  box-shadow: none;
  font-weight: 400;
  background: none;
}
#status_box textarea#message:focus {
  outline: none;
}
#status_box textarea#message::placeholder {
  color: #828282;
}
#status_box input[type=button] {
  margin-right: 2px;
}
@media (max-width: 991px) {
  #status_box {
    border-radius: 0;
  }
}

#wallForm {
  position: relative;
}
#wallForm .qq-upload-list li.qq-upload-success {
  padding: 6px 9px;
}

#select-2 {
  right: 4px;
  top: 1px;
}

.form-feed-holder {
  position: relative;
  border-bottom: none;
  display: flex;
  padding-bottom: 0;
}

.form-feed-avatar {
  /*position: absolute;
  top: 0;
  left: 0;
  [dir="rtl"] & {
      left: inherit;
      right: 0;
  }*/
  flex-grow: 0;
  margin-right: 15px;
}
[dir="rtl"] .form-feed-avatar {
  margin-left: 15px;
  margin-right: 0;
}
.form-feed-avatar .user_avatar {
  display: block;
  border-radius: 15px;
  width: 100%;
}
.form-feed-avatar .user_avatar_name {
  display: none;
}
.form-feed-avatar .user_avatar_name, .form-feed-avatar .user_avatar_name a {
  font-size: 18px;
  color: #000000;
}

.form-feed-avatar, .user_avatar_img {
  width: 50px;
}

.post-status {
  flex-grow: 1;
  position: relative;
}

.form-feed-review {
  padding-left: 10px;
  padding-right: 10px;
}

.stt-action {
  border-top: 1px solid transparent;
  position: relative;
  min-height: 42px;
  padding: 0 10px 10px 10px;
}
.stt-action .post-stt-btn {
  float: right;
  height: 40px;
  border-top: 1px solid rgba(224, 224, 224, 0);
  margin-top: -1px;
  margin-bottom: -1px;
  padding-right: 5px;
}
[dir="rtl"] .stt-action .post-stt-btn {
  float: left;
  padding-left: 5px;
  padding-right: 0;
}

.stt-action-item {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-bottom: -1px;
  float: left;
  position: relative;
  border-right: 1px solid rgba(224, 224, 224, 0);
  border-bottom: 1px solid rgba(224, 224, 224, 0);
}
[dir="rtl"] .stt-action-item {
  float: right;
  border-right: none;
  border-left: 1px solid rgba(224, 224, 224, 0);
}
.stt-action-item .stt-action-btn {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: auto;
  cursor: pointer;
  position: relative;
}
.stt-action-item .stt-action-btn .stt-action-w {
  width: 100%;
}
.stt-action-item .stt-action-btn .stt-action-icon {
  font-size: 26px;
  width: 28px;
  height: 28px;
  line-height: 26px;
  border-radius: 4px;
  text-align: center;
  color: #4F4F4F;
  vertical-align: middle;
  border: 1px solid transparent;
  background-color: #ffffff;
  overflow: hidden;
}

#select-2 .qq-uploader .qq-upload-button {
  height: auto;
  background-color: transparent;
}

.wall-post-action .btn-action {
  display: inline-block;
  vertical-align: top;
  line-height: 21px;
  height: 28px;
}

.stt-action .wall-post-action {
  padding-top: 5px;
}

.stt-action .btn-post_feed {
  padding: 5px 10px;
  font-size: 15px;
  line-height: 20px;
  border-radius: 5px;
  text-transform: uppercase;
}

.post-feed-privacy {
  height: 32px;
  line-height: 28px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-size: 15px;
  vertical-align: middle;
  margin-right: 3px;
}

.form-feed-area {
  padding: 10px 10px 5px;
}

.form-feed-review-main .form-feed-review-item {
  border-top: 1px solid #e0e0e0;
  padding-top: 5px;
  padding-bottom: 5px;
}

#userTagging-id-userTagging .bootstrap-tagsinput {
  line-height: 28px;
}

.userTagging-userTagging {
  border: 1px dashed #cccccc;
}

.userTagging-userTagging .bootstrap-tagsinput .label-info {
  background-color: #f1f1f1;
  color: #000;
  font-size: 12px;
  font-weight: normal;
  border: 1px solid #ccc;
  margin-bottom: 2px;
}

.userTagging-userTagging .bootstrap-tagsinput .bootstrap-tagsinput {
  border: none;
  box-shadow: none;
  border-radius: 0;
}

.userTagging-userTagging .tt-menu {
  border-radius: 0;
  top: 24px;
  left: -7px;
}

.userTagging-userTagging .tt-suggestion:hover {
  background: #257BBA;
  color: #fff;
}

.userTagging-userTagging .tt-suggestion {
  min-height: 36px;
  color: #000;
  font-size: 12px;
}

.userTagging-userTagging .tt-suggestion img {
  border-radius: 10px;
}

.userTagging-userTagging .tt-menu {
  left: -7px !important;
}

.userTagging-userTagging .empty-message {
  padding: 0 5px;
}

.userTagging-userTagging .empty-message:last-child {
  display: block;
  background: inherit !important;
  color: inherit !important;
  min-height: inherit !important;
  font-size: inherit !important;
}

.userTagging-userTagging span.twitter-typeahead {
  max-width: 100%;
}

.textcomplete-dropdown .textcomplete-item img, .textcomplete-dropdown .textcomplete-item .user_avatar_small {
  width: 34px;
  height: 34px;
  border-radius: 10px;
}

#wall_photo_preview {
  clear: both;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
#wall_photo_preview .photo-review-thumb {
  display: inline-block;
  width: 65px;
  height: 65px;
  background-size: cover;
  background-position: center center;
  border: 1px solid #e0e0e0;
  margin: 0 2px;
  position: relative;
  vertical-align: top;
  cursor: pointer;
}
#wall_photo_preview .photo-review-thumb.addMoreImage {
  line-height: 65px;
  text-align: center;
}
#wall_photo_preview .thumb-review-remove {
  position: absolute;
  right: 2px;
  top: 1px;
  display: none;
}
#wall_photo_preview .photo-review-thumb:hover .thumb-review-remove {
  display: block;
}
#wall_photo_preview .thumb-review-delete {
  color: #000;
  background-color: #fff;
  border-radius: 100%;
}
#wall_photo_preview .addMoreImage .add-more-img-icon {
  font-size: 27px;
  color: #e0e0e0;
  vertical-align: middle;
}

.post-status .emoji-toggle {
  position: absolute;
  right: 0;
  bottom: 0;
}
[dir="rtl"] .post-status .emoji-toggle {
  right: inherit;
  left: 0;
}
.post-status .emoji-toggle i {
  color: #999999;
}

.removePreviewlink {
  position: absolute;
  right: 10px;
  color: var(--button-closed-color);
  font-size: 10px;
}
.removePreviewlink.removeImage {
  display: none;
}

.form-feed-share {
  padding-left: 10px;
  padding-right: 10px;
}
.form-feed-share .userTagging-userShareLink, .form-feed-share .userTagging-userShareVideo {
  margin: 0;
}
.form-feed-share #preview_link.activity_item {
  position: relative;
  border-top: 1px solid #e0e0e0;
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-radius: 0;
  padding: 10px 0 0 0;
}
.form-feed-share #preview_link.activity_item .activity_parse_img {
  padding: 5px;
}
.form-feed-share #preview_link .removePreviewlink {
  top: 0;
  right: 0;
}

.stt-action .social-share-container .dropdown.open button:focus,
.stt-action .social-share-container .dropdown.open button:active,
.stt-action .social-share-container .dropdown.open button.nice-select.open,
.stt-action .social-share-container .dropdown.open:focus,
.stt-action .social-share-container .dropdown.open:active,
.stt-action .social-share-container .dropdown.open.nice-select {
  outline: none;
}

.stt-action:before, .stt-action:after {
  content: '';
  display: table;
}

.stt-action:after {
  clear: both;
}

.stt-action #select-2 .qq-uploader {
  /*position:static;*/
}

.stt-action.stt-2line .post-stt-btn {
  margin-top: 0;
}

.stt-action #wall_photo_preview {
  position: absolute;
  bottom: 39px;
  left: -1px;
  right: -1px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 5px;
  display: none;
}

.stt-action .userTagging-userTagging {
  position: absolute;
  left: -1px;
  right: -1px;
  border-radius: 0;
  border-top: 1px dashed #dfdfdf;
  bottom: 39px;
}

.stt-action .userTagging-userTagging .bootstrap-tagsinput {
  border-radius: 0;
  border-top: none;
  box-shadow: none;
  border-bottom: none;
}

.stt-action .qq-upload-list li,
.stt-action .qq-upload-list {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
}

.stt-action .qq-upload-list li {
  bottom: 15px;
}

.stt-action .qq-upload-list {
  display: none !important;
}

.form-feed-temp {
  display: block;
  padding: 10px;
  color: #4F4F4F;
}
.form-feed-temp .form-feed-holder {
  align-items: center;
  padding-bottom: 0;
}
.form-feed-temp:hover, .form-feed-temp:focus, .form-feed-temp:visited, .form-feed-temp:active, .form-feed-temp.nice-select.open {
  color: #4F4F4F;
  text-decoration: none;
}

@media (max-width: 991px) {
  .stt-action div:not(.user-tagging-container) + div.post-stt-btn .wall-post-action {
    position: relative;
    right: auto;
  }

  .stt-action div:not(.user-tagging-container) + div.post-stt-btn {
    display: block;
  }

  .stt-action div.post-stt-btn {
    display: inline-block;
    vertical-align: super;
    /* overflow: hidden; */
    text-align: right;
  }
}
@media (max-width: 400px) {
  .list_tabshare {
    position: relative;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .stt-action-item {
    width: 3.5714285%;
  }

  #center.col-md-6 .stt-action-item {
    width: 7.6923076%;
  }

  #center.col-md-6 .stt-action-item[order="13"],
  #center.col-md-6 .stt-action-item[order="26"],
  #center.col-md-6 .stt-action-item[order="39"] {
    border-right: none;
  }

  #center.col-md-9 .stt-action-item {
    width: 5%;
  }

  #center.col-md-9 .stt-action-item[order="20"],
  #center.col-md-9 .stt-action-item[order="40"] {
    border-right: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .stt-action-item {
    width: 4.5454545%;
  }

  #center.col-md-6 .stt-action-item {
    width: 10%;
  }

  #center.col-md-6 .stt-action-item[order="10"],
  #center.col-md-6 .stt-action-item[order="20"],
  #center.col-md-6 .stt-action-item[order="30"],
  #center.col-md-6 .stt-action-item[order="40"] {
    border-right: none;
  }

  #center.col-md-9 .stt-action-item {
    width: 6.25%;
  }

  #center.col-md-9 .stt-action-item[order="16"],
  #center.col-md-9 .stt-action-item[order="32"],
  #center.col-md-9 .stt-action-item[order="48"] {
    border-right: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .stt-action-item {
    width: 5.5555555%;
  }

  .stt-action-item[order="18"],
  .stt-action-item[order="36"] {
    border-right: none;
  }
}
@media (min-width: 668px) and (max-width: 767px) {
  .stt-action-item {
    width: 10%;
  }

  .stt-action-item[order="10"],
  .stt-action-item[order="20"],
  .stt-action-item[order="30"],
  .stt-action-item[order="40"] {
    border-right: none;
  }
}
@media (min-width: 415px) and (max-width: 667px) {
  .stt-action-item {
    width: 10%;
  }

  .stt-action-item[order="10"],
  .stt-action-item[order="20"],
  .stt-action-item[order="30"],
  .stt-action-item[order="40"] {
    border-right: none;
  }
}
@media (min-width: 376px) and (max-width: 414px) {
  .stt-action-item {
    width: 11.1111111%;
  }

  .stt-action-item[order="9"],
  .stt-action-item[order="18"],
  .stt-action-item[order="27"],
  .stt-action-item[order="36"] {
    border-right: none;
  }
}
@media (max-width: 375px) {
  .stt-action-item {
    width: 14.28571%;
  }

  .stt-action-item[order="7"],
  .stt-action-item[order="14"],
  .stt-action-item[order="21"],
  .stt-action-item[order="28"],
  .stt-action-item[order="35"] {
    border-right: none;
  }
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
}

p {
  margin: 0 0 5px;
}

ul {
  padding-left: 20px;
  margin-bottom: 5px;
}

.post_content > *:last-child {
  margin-bottom: 0;
}

.post_body {
  position: relative;
}
.post_body img {
  max-width: 100%;
  height: auto;
}
.post_body .extra_info {
  font-size: 14px;
  padding: 5px 0;
}
.post_body blockquote {
  margin: 10px 0;
  padding: 10px 20px;
  background: #eee;
  border: 1px solid #cccccc;
  font-family: monospace;
}
.post_body .post_header {
  margin-bottom: 10px;
}
.post_body .post_tags .post_tags-title {
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 5px;
}
.post_body .post_warp {
  margin-bottom: 15px;
}

.post_attached_file .post_attached_head {
  color: #000000;
  font-size: 12px;
  font-weight: 600;
  padding: 10px 0;
}
.post_attached_file .post_attached_list {
  list-style: none;
}
.post_attached_file .post_attached_list .post_attached_warp {
  margin-bottom: 15px;
}
.post_attached_file .post_attached_list .post-attached-image {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.post_attached_file .post_attached_download_list {
  padding-left: 18px;
  margin-bottom: 10px;
}
.post_attached_file .post_attached_download_list li {
  margin-bottom: 5px;
  font-size: 12px;
}
.post_attached_file .post_attached_download_list li:last-child {
  margin-bottom: 0;
}
.post_attached_file .post_attached_download_list li .attached-download-icon {
  vertical-align: middle;
}
.post_attached_file .post_attached_download_list li .attached-download-date {
  color: #888;
}

.extra_info {
  color: #999999;
}

.emoji-toggle-face {
  cursor: pointer;
}
.emoji-toggle-face .emoji-toggle-icon {
  color: #1C1B1F;
  font-size: 24px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  display: block;
}

.emoji-toggle-popup {
  position: relative;
  display: none;
}

.emoji-toggle-popup.show {
  display: block;
}

.emoji-toggle-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  z-index: 2000;
}

.emoji-toggle-main {
  position: absolute;
  right: 0;
  top: 0;
  width: 198px;
  background-color: #ffffff;
  border: 1px solid #000000;
  z-index: 2100;
  padding: 10px;
  overflow: hidden;
  max-height: 300px;
  max-width: 212px;
}
[dir="rtl"] .emoji-toggle-main {
  right: inherit;
  left: 0;
}

.emoji-toggle-list {
  padding: 0;
  margin: 0;
}

.emoji-toggle-list li {
  display: inline-block;
  padding: 3px;
}

.iconos {
  background: url(../img/emojis-short.png);
  width: 19px;
  height: 19px;
  display: inline-block;
  cursor: pointer;
  font-size: 30px;
  text-align: center;
  color: transparent;
  font-family: 'Apple Color Emoji', 'Segoe UI Emoji', NotoColorEmoji, 'Segoe UI Symbol', 'Android Emoji', EmojiSymbols;
  text-shadow: none;
  font-weight: normal;
  vertical-align: bottom;
  background-size: 352px 110px;
}

#a1 {
  background-position: -1px -2px;
}

#a2 {
  background-position: -68px -90px;
}

#a3 {
  background-position: -46px -1px;
}

#a4 {
  background-position: -90px -2px;
}

#a5 {
  background-position: -222px -68px;
}

#a6 {
  background-position: -112px -2px;
}

#a7 {
  background-position: -134px -1px;
}

#a8 {
  background-position: -156px -2px;
}

#a9 {
  background-position: -310px -68px;
}

#a10 {
  background-position: -289px -67px;
}

#a11 {
  background-position: -333px -68px;
}

#a12 {
  background-position: -266px -71px;
}

#a13 {
  background-position: -201px -70px;
}

#a14 {
  background-position: -156px -70px;
}

#a15 {
  background-position: -310px -2px;
}

#a16 {
  background-position: -333px -90px;
}

#a17 {
  background-position: -156px -91px;
}

#a18 {
  background-position: -2px -24px;
}

#a19 {
  background-position: -24px -24px;
}

#a20 {
  background-position: -46px -24px;
}

#a21 {
  background-position: -288px -91px;
}

#a22 {
  background-position: -244px -93px;
}

#a23 {
  background-position: -112px -24px;
}

#a24 {
  background-position: -134px -25px;
}

#a25 {
  background-position: -90px -90px;
}

#a26 {
  background-position: -332px -3px;
}

#a27 {
  background-position: -244px -3px;
}

#a28 {
  background-position: -112px -47px;
}

#a29 {
  background-position: -244px -24px;
}

#a30 {
  background-position: -68px -47px;
}

#a31 {
  background-position: -266px -24px;
}

#a32 {
  background-position: -134px -90px;
}

#a33 {
  background-position: -310px -25px;
}

#a34 {
  background-position: -113px -89px;
}

#a35 {
  background-position: -2px -46px;
}

#a36 {
  background-position: -24px -2px;
}

#a37 {
  background-position: -46px -46px;
}

#a38 {
  background-position: -69px -2px;
}

#a39 {
  background-position: -90px -47px;
}

#a40 {
  background-position: -178px -2px;
}

#a41 {
  background-position: -134px -46px;
}

#a42 {
  background-position: -156px -46px;
}

#a43 {
  background-position: -178px -47px;
}

#a44 {
  background-position: -221px -3px;
}

#a45 {
  background-position: -289px -2px;
}

#a46 {
  background-position: -134px -68px;
}

#a47 {
  background-position: -266px -47px;
}

#a48 {
  background-position: -288px -45px;
}

#a49 {
  background-position: -311px -46px;
}

#a50 {
  background-position: -333px -46px;
}

#a51 {
  background-position: -23px -89px;
}

#a52 {
  background-position: -2px -68px;
}

#a53 {
  background-position: -24px -68px;
}

#a54 {
  background-position: -45px -90px;
}

#a55 {
  background-position: -268px -89px;
}

#a56 {
  background-position: -200px -45px;
}

#a57 {
  background-position: -112px -68px;
}

#a58 {
  background-position: -240px -120px;
}

#a59 {
  background-position: -280px -120px;
}

#a60 {
  background-position: -320px -120px;
}

#a61 {
  background-position: -360px -120px;
}

#a62 {
  background-position: -400px -120px;
}

#a63 {
  background-position: -440px -120px;
}

#a64 {
  background-position: -480px -120px;
}

#a65 {
  background-position: -520px -120px;
}

#a66 {
  background-position: -560px -120px;
}

#a67 {
  background-position: -600px -120px;
}

#a68 {
  background-position: -640px -120px;
}

#a69 {
  background-position: 0 -160px;
}

#a70 {
  background-position: -40px -160px;
}

#a71 {
  background-position: -80px -160px;
}

#a72 {
  background-position: -90px -68px;
}

#a73 {
  background-position: -160px -160px;
}

#a74 {
  background-position: -288px -45px;
}

#a75 {
  background-position: -240px -160px;
}

#a76 {
  background-position: -244px -69px;
}

#a77 {
  background-position: -222px -90px;
}

#a78 {
  background-position: -179px -70px;
}

#a79 {
  background-position: -400px -160px;
}

#a80 {
  background-position: -440px -160px;
}

#a81 {
  background-position: -480px -160px;
}

.a1 {
  background-position: -1px -2px;
}

.a2 {
  background-position: -68px -90px;
}

.a3 {
  background-position: -46px -1px;
}

.a4 {
  background-position: -90px -2px;
}

.a5 {
  background-position: -222px -68px;
}

.a6 {
  background-position: -112px -2px;
}

.a7 {
  background-position: -134px -1px;
}

.a8 {
  background-position: -156px -2px;
}

.a9 {
  background-position: -310px -68px;
}

.a10 {
  background-position: -289px -67px;
}

.a11 {
  background-position: -333px -68px;
}

.a12 {
  background-position: -266px -71px;
}

.a13 {
  background-position: -201px -70px;
}

.a14 {
  background-position: -156px -70px;
}

.a15 {
  background-position: -310px -2px;
}

.a16 {
  background-position: -333px -90px;
}

.a17 {
  background-position: -156px -91px;
}

.a18 {
  background-position: -2px -24px;
}

.a19 {
  background-position: -24px -24px;
}

.a20 {
  background-position: -46px -24px;
}

.a21 {
  background-position: -288px -91px;
}

.a22 {
  background-position: -244px -93px;
}

.a23 {
  background-position: -112px -24px;
}

.a24 {
  background-position: -134px -25px;
}

.a25 {
  background-position: -90px -90px;
}

.a26 {
  background-position: -332px -3px;
}

.a27 {
  background-position: -244px -3px;
}

.a28 {
  background-position: -112px -47px;
}

.a29 {
  background-position: -244px -24px;
}

.a30 {
  background-position: -68px -47px;
}

.a31 {
  background-position: -266px -24px;
}

.a32 {
  background-position: -134px -90px;
}

.a33 {
  background-position: -310px -25px;
}

.a34 {
  background-position: -113px -89px;
}

.a35 {
  background-position: -2px -46px;
}

.a36 {
  background-position: -24px -2px;
}

.a37 {
  background-position: -46px -46px;
}

.a38 {
  background-position: -69px -2px;
}

.a39 {
  background-position: -90px -47px;
}

.a40 {
  background-position: -178px -2px;
}

.a41 {
  background-position: -134px -46px;
}

.a42 {
  background-position: -156px -46px;
}

.a43 {
  background-position: -178px -47px;
}

.a44 {
  background-position: -221px -3px;
}

.a45 {
  background-position: -289px -2px;
}

.a46 {
  background-position: -134px -68px;
}

.a47 {
  background-position: -266px -47px;
}

.a48 {
  background-position: -288px -45px;
}

.a49 {
  background-position: -311px -46px;
}

.a50 {
  background-position: -333px -46px;
}

.a51 {
  background-position: -23px -89px;
}

.a52 {
  background-position: -2px -68px;
}

.a53 {
  background-position: -24px -68px;
}

.a54 {
  background-position: -45px -90px;
}

.a55 {
  background-position: -268px -89px;
}

.a56 {
  background-position: -200px -45px;
}

.a57 {
  background-position: -112px -68px;
}

.a58 {
  background-position: -240px -120px;
}

.a59 {
  background-position: -280px -120px;
}

.a60 {
  background-position: -320px -120px;
}

.a61 {
  background-position: -360px -120px;
}

.a62 {
  background-position: -400px -120px;
}

.a63 {
  background-position: -440px -120px;
}

.a64 {
  background-position: -480px -120px;
}

.a65 {
  background-position: -520px -120px;
}

.a66 {
  background-position: -560px -120px;
}

.a67 {
  background-position: -600px -120px;
}

.a68 {
  background-position: -640px -120px;
}

.a69 {
  background-position: 0 -160px;
}

.a70 {
  background-position: -40px -160px;
}

.a71 {
  background-position: -80px -160px;
}

.a72 {
  background-position: -90px -68px;
}

.a73 {
  background-position: -160px -160px;
}

.a74 {
  background-position: -288px -45px;
}

.a75 {
  background-position: -240px -160px;
}

.a76 {
  background-position: -244px -69px;
}

.a77 {
  background-position: -222px -90px;
}

.a78 {
  background-position: -179px -70px;
}

.a79 {
  background-position: -400px -160px;
}

.a80 {
  background-position: -440px -160px;
}

.a81 {
  background-position: -480px -160px;
}

.profile-header {
  position: relative;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 15px;
}
.profile-header .profile-header-box-view .profile-main {
  padding: 10px 20px;
}
.profile-header .profile-header-box-view .profile-menu {
  border-radius: 0 0 10px 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .profile-header .profile-header-box-view .profile-menu {
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.profile-header .box2 .box_content {
  padding: 0;
}
.profile-header .box2.bar-content-warp .box_content {
  background-color: transparent !important;
}

.profile-cover {
  background-size: cover;
  position: relative;
  max-height: 288px;
  min-height: 155px;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}
.profile-cover img.profile-cover-img {
  width: 100%;
  display: block;
  border: none;
}
.profile-cover .profile-cover-bg {
  display: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.profile-cover .profile-cover-upload {
  position: absolute;
  background-color: rgba(0, 71, 123, 0.8);
  border: 2px solid #ffffff;
  border-radius: 100%;
  top: 5px;
  left: 5px;
  z-index: 10;
}
[dir="rtl"] .profile-cover .profile-cover-upload {
  left: inherit;
  right: 5px;
}
.profile-cover .profile-cover-upload .cover-upload-icon {
  display: block;
  color: #ffffff;
  font-size: 22px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 100%;
  text-align: center;
}
@media (min-width: 992px) {
  .profile-cover .profile-cover-upload {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
  }
}
.profile-cover:hover .profile-cover-upload {
  opacity: 1;
}

.profile-avatar img.profile-avatar-img {
  width: 100%;
  height: 100%;
  border-radius: 18px;
}
.profile-avatar .profile-avatar-upload {
  position: absolute;
  background-color: #00477b;
  border: 2px solid #ffffff;
  border-radius: 100%;
  top: 3px;
  left: 3px;
}
.profile-avatar .profile-avatar-upload .avatar-upload-icon {
  display: block;
  color: #ffffff;
  font-size: 16px;
  height: 25px;
  width: 25px;
  line-height: 25px;
  border-radius: 100%;
  text-align: center;
}
@media (min-width: 992px) {
  .profile-avatar .profile-avatar-upload {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
  }
}
.profile-avatar .online-stt {
  display: block;
  width: 14px;
  height: 14px;
  background: #5CCF8D;
  border-radius: 50%;
  border: 1px solid #fff;
  position: absolute;
  right: 5px;
  bottom: 5px;
}
@media (max-width: 991px) {
  .profile-avatar {
    width: 75px;
    height: 75px;
    border-radius: 15px;
    border: none;
  }
}
.profile-avatar:hover .profile-avatar-upload {
  opacity: 1;
}

@media (min-width: 992px) {
  .profile-header-box-view #profile-scroll:not(.profileScrolling) .profile-avatar {
    border-radius: 20px;
    border: 2px solid #fff;
    margin-top: -45px;
  }
}

.profile-main {
  position: relative;
}

.profile-user-title {
  padding-top: 10px;
  padding-right: 180px;
  padding-bottom: 5px;
}
.profile-user-title .profile-user-name {
  color: #4F4F4F;
  font-size: 19px;
  line-height: 26px;
  font-weight: 400;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.profile-user-title .profile-user-name .profile-user-name-act {
  display: block;
  margin-left: 3px;
}
.profile-user-title .profile-user-name .profile-user-name-act .profile-user-icon {
  font-size: 34px;
  height: 34px;
  color: #00b901;
}
.profile-user-title .profile-user-name .profile-user-name-act img {
  height: 34px;
  display: block;
  margin: 0;
  padding: 0;
}
.profile-user-title .profile-user-img {
  vertical-align: middle;
  border-radius: 5px;
  width: 34px;
  height: 34px;
  display: none;
}
.profile-user-title .profile-user-img .profile-avatar-small {
  border-radius: 5px;
  display: block;
  width: 100%;
}
[dir="rtl"] .profile-user-title {
  padding-left: 180px;
  padding-right: 0;
}

#cover_wrapper > img {
  max-width: 100%;
}

.profile_info:before, .profile_info:after {
  content: '';
  display: table;
}

.profile-info-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.profile-info-list li {
  display: inline-block;
  position: relative;
  padding-left: 6px;
  margin-bottom: 0;
  margin-right: 10px;
}
.profile-info-list li::after {
  content: '.';
  position: absolute;
  right: -12px;
}
.profile-info-list li:first-child {
  padding-left: 0;
}
.profile-info-list li:last-child::after {
  content: '';
}

.profile_info li {
  font-size: 15px;
}

.profile_info li,
.profile_info li a {
  color: #828282;
}

.btn-profile-dropdown {
  display: inline-block;
  vertical-align: middle;
}
.btn-profile-dropdown .dropdown-menu {
  left: inherit;
  right: 0;
}

.profile-action .btn-profile-more {
  display: inline-block;
  vertical-align: middle;
}
.profile-action .btn-profile-more .btn-profile {
  border-color: transparent;
}
.profile-action .btn-profile-more .btn-profile:focus {
  outline: none;
  box-shadow: none;
}
.profile-action .btn-profile-more .dropdown-menu {
  left: inherit;
  right: 0;
}
@media (max-width: 991px) {
  .profile-action {
    padding-bottom: 10px;
  }
}

.profile-menu {
  position: relative;
}
@media (min-width: 992px) {
  .profile-menu .horizontal-menu li.browse-menu-avatar {
    display: none;
  }
}

#profile-scroll {
  position: relative;
}
#profile-scroll .profile-scroll-main {
  -webkit-transition: top 0.5s cubic-bezier(0, 1, 0.5, 1);
  -moz-transition: top 0.5s cubic-bezier(0, 1, 0.5, 1);
  transition: top 0.5s cubic-bezier(0, 1, 0.5, 1);
}
#profile-scroll:not(.profileScrolling) .container {
  padding: 0;
  width: auto;
}
@media (min-width: 992px) {
  #profile-scroll.profileScrolling .profile-menu .horizontal-menu li.browse-menu-avatar {
    display: none;
  }
}

.profile-scroll .profile-scroll-main {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
@media (min-width: 992px) {
  .profile-scroll.profileScrolling .profile-scroll-main {
    position: fixed;
    z-index: 800;
    background-color: #ffffff;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  }
}

@media (min-width: 992px) {
  .profile-menu .horizontal-menu {
    justify-content: left;
  }

  #profile-scroll.profileScrolling .profile-main {
    padding: 5px 0;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  #profile-scroll.profileScrolling .profile-main > .container {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
  }
  #profile-scroll.profileScrolling .profile-main .profile_info {
    display: none;
  }
  #profile-scroll.profileScrolling .profile-main .profile-user-title {
    padding-top: 0;
    display: flex;
  }
  #profile-scroll.profileScrolling .profile-main .profile-user-title .profile-user-img {
    display: block;
    flex-grow: 0;
  }
  #profile-scroll.profileScrolling .profile-main .profile-user-title .profile-user-name {
    flex-grow: 1;
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .profile-header {
    border-radius: 0;
  }

  .profile-cover {
    border-radius: 0;
  }

  .profile-floating-menu .content-wrapper {
    margin-top: 40px;
  }
  .profile-floating-menu .profile-menu {
    position: fixed;
    top: var(--header-height);
    height: 40px;
    left: 0;
    right: 0;
    z-index: 800;
    background-color: #ffffff;
    border-top: none;
    -webkit-transition: top 0.5s cubic-bezier(0, 1, 0.5, 1);
    -moz-transition: top 0.5s cubic-bezier(0, 1, 0.5, 1);
    transition: top 0.5s cubic-bezier(0, 1, 0.5, 1);
  }
  .profile-floating-menu .profile-header-box-view .profile-menu {
    margin-top: 0;
    margin-bottom: 0;
  }
  .profile-floating-menu.faceOutEffect .profile-menu {
    top: 0;
  }

  .profile-user-title {
    padding-right: 0;
  }

  #profile-scroll.profileScrolling .profile-menu {
    border-top: none;
  }
  #profile-scroll.profileScrolling .profile-menu .container {
    padding-left: 0;
    padding-right: 0;
  }
  #profile-scroll.profileScrolling .group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper {
    flex-direction: row;
  }
  #profile-scroll.profileScrolling .group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper .profile-user-img {
    display: block;
  }
  #profile-scroll.profileScrolling .hide-when-scroll-profile-mobile {
    display: none;
  }
}
@media (max-width: 767px) {
  .profile-cover {
    max-height: 266px;
    height: 180px;
  }
  .profile-cover img.profile-cover-img {
    display: none;
  }
  .profile-cover .profile-cover-bg {
    display: block;
  }
  .profile-cover .profile-cover-upload {
    position: absolute;
    background-color: rgba(0, 71, 123, 0.8);
    border: 2px solid #ffffff;
    border-radius: 100%;
    top: 3px;
    left: 3px;
  }
  .profile-cover .profile-cover-upload .cover-upload-icon {
    display: block;
    color: #ffffff;
    font-size: 25px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 100%;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .horizontal-menu > li.browse-menu-avatar a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .horizontal-menu > li.browse-menu-avatar a .browse-menu-avatar-img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
  }
}
.item-count {
  display: inline-block;
}

.grid-list-bar {
  font-size: 0;
  margin-bottom: 15px;
}
.grid-list-bar .gl-item {
  display: inline-block;
  margin-right: 20px;
  color: var(--icon-btn-color);
  border: 1px solid var(--icon-btn-background);
  background-color: var(--icon-btn-border);
  border-radius: 4px;
  padding: 2px 5px;
}
.grid-list-bar .gl-item .gl-item-icon {
  font-size: 24px;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  vertical-align: middle;
  overflow: hidden;
}
.grid-list-bar .gl-item .gl-item-text {
  vertical-align: middle;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin-left: 10px;
}
.grid-list-bar .gl-item.active {
  color: var(--icon-btn-active-color);
  border: 1px solid var(--icon-btn-active-border);
  background-color: var(--icon-btn-active-background);
}
.core-flex .grid-list-bar {
  margin-bottom: 0;
}

.core-lists .core-list-item .core-item-warp {
  width: 100%;
  position: relative;
}
.core-lists .core-list-item .core-item-warp:before, .core-lists .core-list-item .core-item-warp:after {
  content: '';
  display: table;
}
.core-lists .core-list-item .core-item-warp:after {
  clear: both;
}
.core-lists .core-list-item .core-item-warp .core-item-info .core-item-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.core-lists .core-list-item .core-item-warp .core-item-info .core-item-wrap .core-item-icon {
  font-size: 24px;
}
.core-lists .core-list-item .core-item-warp .core-item-info .core-item-wrap:last-child {
  margin-bottom: 0;
}
.core-lists .core-list-item .core-item-figure .core-item-img {
  width: 100%;
  display: block;
  border-radius: 15px;
}
.core-lists .core-list-item .core-item-figure .core-item-thumb {
  position: relative;
  display: block;
}
.core-lists .core-list-item .core-item-figure .core-item-time {
  font-size: 12px;
  width: 50px;
  padding: 4px 10px;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.core-lists .core-list-item .core-item-info > div:last-child {
  margin-bottom: 0;
}
.core-lists .core-list-item .core-item-title {
  font-size: 18px;
  display: block;
  font-weight: 600;
  margin-bottom: 5px;
  word-break: break-word;
}
.core-lists .core-list-item .core-pin-icon {
  font-size: 24px;
  margin-right: 7px;
  margin-bottom: 5px;
}
.core-lists .core-list-item .core-item-date {
  font-size: 14px;
  margin-bottom: 5px;
}
.core-lists .core-list-item .core-item-category {
  font-size: 14px;
  margin-bottom: 5px;
}
.core-lists .core-list-item .core-item-address {
  font-size: 14px;
  margin-bottom: 5px;
}
.core-lists .core-list-item .core-item-like_count {
  font-size: 14px;
  margin-bottom: 5px;
}
.core-lists .core-list-item .core-item-privacy .item-privacy-icon {
  font-size: 16px;
}
.core-lists .core-list-item .core-item-description {
  font-size: 16px;
  margin-bottom: 5px;
  word-break: break-word;
}
.core-lists .core-list-item .core-item-action .like-section .like-action {
  float: none;
}
.core-lists .core-list-item .core-item-review_star {
  margin-bottom: 5px;
}
.core-lists .core-list-item .core-item-author {
  margin-bottom: 5px;
  word-break: break-word;
}
.core-lists .core-list-item .core-item-list {
  margin-bottom: 5px;
}
.core-lists .core-list-item .core-item-list .core-list-idx {
  margin-bottom: 5px;
  display: flex;
  word-break: break-word;
}
.core-lists .core-list-item .core-item-list .core-list-idx:last-child {
  margin-bottom: 0;
}
.core-lists .core-list-item .core-item-list .core-list-idx .core-list-idx-l {
  width: 70px;
  min-width: 70px;
  flex-grow: 0;
}
.core-lists .core-list-item .core-item-list .core-list-idx .core-list-idx-r {
  flex-grow: 1;
}
.core-lists.list-view .core-list-item {
  border-top: 1px solid transparent;
  padding-top: 10px;
  padding-bottom: 10px;
}
.core-lists.list-view .core-list-item:first-child {
  border-top: none;
}
.core-lists.list-view .core-list-item .core-item-warp {
  display: flex;
}
.core-lists.list-view .core-list-item .core-item-figure {
  flex-grow: 0;
  width: 150px;
  min-width: 150px;
  margin-right: 10px;
}
[dir="rtl"] .core-lists.list-view .core-list-item .core-item-figure {
  margin-right: 0;
  margin-left: 10px;
}
.core-lists.list-view .core-list-item .core-item-figure .core-item-img {
  width: 100%;
  border-radius: 15px;
}
.core-lists.list-view .core-list-item .core-item-figure.core-picture-mini {
  width: 60px;
  min-width: 60px;
}
.core-lists.list-view .core-list-item .core-item-info {
  flex-grow: 1;
}
.core-lists.list-view .core-list-item .core-item-info .core-item-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.core-lists.list-view .core-list-item.core-is-owner .core-item-info {
  padding-right: 25px;
}
[dir="rtl"] .core-lists.list-view .core-list-item.core-is-owner .core-item-info {
  padding-right: 0;
  padding-left: 25px;
}
.core-lists.grid-view {
  display: flex;
  flex-wrap: wrap;
  margin-left: -7.5px;
  margin-right: -7.5px;
}
.core-lists.grid-view > .core-list-item {
  display: flex;
  width: 33.3333333%;
  padding: 7.5px;
}
.core-lists.grid-view.slider-widget .core-list-item .core-item-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 991px) {
  .core-lists.grid-view.slider-widget {
    margin-left: 0;
    margin-right: 0;
  }
  .core-lists.grid-view.slider-widget .core-list-item {
    display: flex;
    width: 100%;
    padding: 0;
  }
  .core-lists.grid-view.slider-widget .core-list-item .album-box-item-warp {
    width: 100%;
  }
}
.core-lists.grid-view .core-list-item .core-item-info {
  padding: 5px;
}
.core-lists.grid-view .core-list-item .core-item-head {
  position: relative;
  padding-right: 20px;
}
[dir="rtl"] .core-lists.grid-view .core-list-item .core-item-head {
  padding-right: 0;
  padding-left: 20px;
}
.core-lists.grid-view .core-list-item .core-item-action {
  border-top: 1px solid #e0e0e0;
  padding: 5px;
}
.core-lists.grid-view .core-list-item .list_option {
  top: 1px;
}
.core-lists.grid-view.core-list-slider > .core-slick-slide {
  display: none;
}
.core-lists.grid-view.core-list-slider .core-slick-slide {
  padding-left: 5px;
  padding-right: 5px;
}

.core-list-idx:before, .core-list-idx:after {
  content: '';
  display: table;
}
.core-list-idx:after {
  clear: both;
}

.core-item-square {
  display: block;
  position: relative;
  overflow: hidden;
}
.core-item-square:before {
  content: '';
  display: block;
  width: 100%;
  padding: 100% 0 0 0;
}
.core-item-square .core-item-pic {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  display: flex;
  overflow: hidden;
  align-items: center;
  border-radius: 15px;
}
.core-item-square .core-item-pic .core-item-tmb {
  flex-grow: 1;
  width: 100%;
}
.core-item-square .core-item-img {
  display: block;
  margin: auto;
  padding: 0;
}

.box-region-east .core-lists .core-list-item .core-item-warp .core-item-info .core-item-wrap,
.box-region-west .core-lists .core-list-item .core-item-warp .core-item-info .core-item-wrap {
  margin-bottom: 5px;
}
.box-region-east .core-lists .core-list-item .core-item-warp .core-item-info .core-item-wrap:last-child,
.box-region-west .core-lists .core-list-item .core-item-warp .core-item-info .core-item-wrap:last-child {
  margin-bottom: 0;
}
.box-region-east .core-lists.list-view .core-list-item .core-item-figure,
.box-region-west .core-lists.list-view .core-list-item .core-item-figure {
  width: 50px;
  min-width: 50px;
}
.box-region-east .core-lists.list-view .core-list-item .core-item-figure.core-picture-mini,
.box-region-west .core-lists.list-view .core-list-item .core-item-figure.core-picture-mini {
  width: 50px;
  min-width: 50px;
}
.box-region-east .core-lists.list-view .core-list-item.core-is-owner .core-item-info, .box-region-west .core-lists.list-view .core-list-item.core-is-owner .core-item-info {
  padding-right: 0;
}
[dir="rtl"] .box-region-east .core-lists.list-view .core-list-item.core-is-owner .core-item-info,
[dir="rtl"] .box-region-west .core-lists.list-view .core-list-item.core-is-owner .core-item-info {
  padding-left: 0;
}
.box-region-east .core-lists.list-view .core-list-item .core-item-title,
.box-region-west .core-lists.list-view .core-list-item .core-item-title {
  font-size: 18px;
}
.box-region-east .core-lists.grid-view > .core-list-item .core-item-info,
.box-region-west .core-lists.grid-view > .core-list-item .core-item-info {
  padding: 5px;
}

@media (min-width: 1200px) {
  #center.col-md-12 .core-lists.grid-view > .core-list-item {
    width: 20%;
  }

  #center.col-md-9 .core-lists.grid-view > .core-list-item {
    width: 33.3333333%;
  }

  #center.col-md-6 .core-lists.grid-view > .core-list-item {
    width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #center.col-md-12 .core-lists.grid-view > .core-list-item {
    width: 25%;
  }

  #center.col-md-9 .core-lists.grid-view > .core-list-item {
    width: 33.3333333%;
  }

  #center.col-md-6 .core-lists.grid-view > .core-list-item {
    width: 50%;
  }
  #center.col-md-6 .core-lists.list-view .core-list-item .core-item-figure {
    width: 100px;
    min-width: 100px;
  }
  #center.col-md-6 .core-lists.list-view .core-list-item .core-item-figure.core-picture-mini {
    width: 60px;
    min-width: 60px;
  }
}
@media (min-width: 992px) {
  .core-lists.grid-view.slider-widget > .core-list-item + .core-list-item {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .core-lists.grid-view > .core-list-item {
    width: 33.3333333%;
  }
}
@media (max-width: 767px) {
  .core-lists.grid-view > .core-list-item {
    width: 50%;
  }
}
@media (max-width: 567px) {
  .core-lists.list-view .core-list-item .core-item-figure {
    width: 100px;
    min-width: 100px;
  }
  .core-lists.list-view .core-list-item .core-item-figure.core-picture-mini {
    width: 60px;
    min-width: 60px;
  }
}
@media (max-width: 413px) {
  .core-lists.grid-view > .core-list-item {
    width: 100%;
  }
  .core-lists.list-view .core-list-item .core-item-figure {
    width: 60px;
    min-width: 60px;
  }
  .core-lists.list-view .core-list-item .core-item-figure.core-picture-mini {
    width: 60px;
    min-width: 60px;
  }
}
.core-item-title {
  color: #4F4F4F;
}

.core-item-like_count {
  color: #828282;
}

.core-item-date,
.core-item-privacy {
  color: #828282;
}

.core-item-description {
  color: #333333;
}

.core-list-idx {
  color: #333333;
}

.core-pin-icon {
  color: #A1A1A1;
}

.photo-lists {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.photo-lists .photo-item {
  display: flex;
  padding: 5px;
  width: 20%;
}
.photo-lists .photo-item .photo-item-warp {
  width: 100%;
  border: 1px solid #e0e0e0;
  position: relative;
  border-radius: 15px;
}
.photo-lists .photo-item .photo-item-warp .layer_square {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  border-radius: 15px;
}

.album-lists {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.album-lists .album-list-item {
  display: flex;
  padding: 5px;
  width: 20%;
}
.album-lists .album-list-item .album-item-warp {
  width: 100%;
  border: 1px solid #e0e0e0;
  position: relative;
  border-radius: 15px;
}
.album-lists .album-list-item .album-item-warp .layer_square {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  z-index: 1;
  border-radius: 15px;
}
.album-lists .album-list-item .album-item-warp .layer_square .infoLayer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
  color: #fff;
  display: none;
  font-size: 13px;
  text-align: right;
  background: rgba(0, 0, 0, 0.6);
}
.album-lists .album-list-item .album-item-warp .layer_square .infoLayer .albumlist_title {
  display: block;
  margin: 10px 40px 10px 10px;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
[dir="rtl"] .album-lists .album-list-item .album-item-warp .layer_square .infoLayer .albumlist_title {
  margin: 10px 10px 10px 40px;
  text-align: right;
}
.album-lists .album-list-item .album-item-warp .layer_square .infoLayer .albumlist_date {
  text-align: left;
  font-size: 12px;
  margin: 10px 40px 10px 10px;
}
.album-lists .album-list-item .album-item-warp .layer_square .infoLayer .albumlist_count {
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
}
.album-lists .album-list-item .album-item-warp .layer_square .infoLayer .albumlist_count .album_count_icon {
  margin-right: 5px;
  vertical-align: middle;
}
.album-lists .album-list-item .album-item-warp .list_option {
  display: none;
  z-index: 2;
  top: 10px;
}
.album-lists .album-list-item .album-item-warp .album_info {
  display: none;
  position: relative;
  padding: 5px;
}
.album-lists .album-list-item .album-item-warp .album_info .album_title {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  display: block;
  padding-right: 15px;
  margin-bottom: 3px;
}
.album-lists .album-list-item .album-item-warp .album_info .album_count {
  font-size: 12px;
  color: #888888;
}
.album-lists .album-list-item .album-item-warp:hover .layer_square .infoLayer {
  display: block;
}
.album-lists .album-list-item .album-item-warp:hover .list_option {
  display: block;
}

.photos_edit .albums_edit_item {
  margin-bottom: 16px;
  position: relative;
}
.photos_edit .albums_edit_item .albums_edit_item-warp {
  padding: 5px;
  border: 1px solid #e0e0e0;
}
.photos_edit .albums_edit_item .photo_edit_checkbox {
  position: absolute;
  top: 10px;
  left: 10px;
}
.photos_edit .albums_edit_item .photo_edit_checkbox:checked + .albums_edit_item-warp {
  box-shadow: 0 0 8px 2px #cdcdcd;
}
.photos_edit .albums_photo_edit {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 167px;
  margin-bottom: 10px;
  display: block;
  cursor: pointer;
}
.photos_edit .album_info_edit {
  min-height: 75px;
}
.photos_edit .album_info_edit .album_edit_caption {
  margin-bottom: 5px;
}
.photos_edit .album_info_edit textarea {
  width: 100%;
  resize: none;
  height: 50px;
}

.photos_edit_select {
  text-align: right;
}

.photos_edit_action {
  text-align: center;
}

@media (min-width: 768px) {
  .photos_edit_select {
    margin-bottom: 10px;
  }
}
#photo_thumbs {
  text-align: center;
  background: #000;
  padding: 10px;
}
#photo_thumbs ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#photo_thumbs ul li {
  margin: 0 1px 5px 0;
  opacity: 0.5;
  display: inline-block;
  border: 1px solid #fff;
  background-size: cover;
  vertical-align: middle;
}
#photo_thumbs ul li a {
  width: 50px;
  height: 50px;
  display: block;
}
#photo_thumbs ul li.active {
  opacity: 1;
}
#photo_thumbs ul li.viewmore-photo {
  border-color: transparent;
}
#photo_thumbs ul li.viewmore-photo a {
  width: 10px;
  height: 50px;
  vertical-align: top;
  color: #fff;
  line-height: 50px;
  opacity: 1;
  padding-left: 5px;
}
#photo_thumbs #photo_load_btn {
  color: #fff;
  font-size: 20px;
  display: inline-block;
  line-height: 50px;
  vertical-align: top;
}
#photo_thumbs #photo_load_btn .viewmore-photo-icon {
  font-size: 40px;
  vertical-align: middle;
  margin-left: -18px;
}

/* ---------- Photo Detail Page-------------- */
#photo_wrapper {
  position: relative;
  text-align: center;
  background: #ffffff;
}
#photo_wrapper:hover #photo_left_arrow,
#photo_wrapper:hover #photo_right_arrow,
#photo_wrapper:hover #photo_close_icon {
  display: block;
}
#photo_wrapper:hover #lb_description {
  display: block;
}

#lb_description {
  position: absolute;
  bottom: 0;
  padding: 8px;
  text-align: left;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  font-weight: bold;
  left: 0;
  right: 0;
  display: none;
  font-size: 13px;
  z-index: 10;
}
[dir="rtl"] #lb_description {
  text-align: right;
}
#lb_description a {
  color: #fff;
}
#lb_description .lb_photo-title {
  line-height: 20px;
  display: inline-block;
}

.lb_action_lists {
  float: right;
  display: flex;
  align-items: center;
}
.lb_action_lists .lb_action_item {
  margin-left: 8px;
}
.lb_action_lists .tag-photo-icon, .lb_action_lists .lb_rotate_icon {
  font-size: 20px;
}
.lb_action_lists .tag-photo-text {
  line-height: 20px;
  margin-left: 2px;
}

#photo_close_icon {
  position: absolute;
  right: 5px;
  top: 2px;
  display: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  z-index: 1000;
  line-height: 40px;
  font-size: 0;
  background-color: rgba(26, 26, 26, 0.1);
  color: #6e6d6e;
}
#photo_close_icon .photo-close-icon {
  font-size: 21px;
  position: absolute;
  left: 5px;
  top: 8px;
  margin-left: 0;
}

#photo_right_arrow,
#photo_left_arrow {
  font-size: 67px;
  position: absolute;
  right: 5px;
  top: 0;
  display: none;
  color: #959496;
  bottom: 10px;
  width: 100px;
}
#photo_right_arrow .photo_arrow_icon,
#photo_left_arrow .photo_arrow_icon {
  position: absolute;
  margin-top: -33px;
  top: 50%;
  color: #959496;
  font-size: 70px;
}

#photo_left_arrow {
  left: 5px;
}
#photo_left_arrow .photo_arrow_icon {
  left: 0;
}

#photo_right_arrow {
  right: 5px;
}
#photo_right_arrow .photo_arrow_icon {
  right: 0;
}

#tag-wrapper {
  position: relative;
  text-align: center;
  display: table;
  overflow: hidden;
  width: 100%;
}
#tag-wrapper #photo_src {
  max-width: 100%;
}

.tag_friends_list {
  margin: 2px 0 5px 0;
  max-height: 150px;
  overflow: auto;
}

#tag-target {
  cursor: crosshair;
  display: none;
  border: 4px solid #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.75), 0 0 4px rgba(0, 0, 0, 0.5) inset;
  height: 100px;
  width: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

#tag-input {
  background: #fff;
  color: #000000;
  display: none;
  padding: 5px;
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
  z-index: 20;
  text-align: left;
}
#tag-input input[type='text'] {
  border: 1px solid #ccc;
  color: #888;
  display: block;
  margin: 5px 0px;
  outline: 0px;
  padding: 3px;
  width: 127px;
}
#tag-input .tag_friends_list a {
  color: #2d88ff;
}
#tag-input .tag_friends_list a:active, #tag-input .tag_friends_list a.nice-select.open, #tag-input .tag_friends_list a:focus, #tag-input .tag_friends_list a:hover {
  color: #2d88ff;
}

.photo_comments .photo_caption {
  font-size: 13px;
  margin-bottom: 10px;
}

.photo-tags {
  margin-bottom: 10px;
}
.photo-tags .photo_view_info {
  font-size: 12px;
}
.photo-tags .photo-list-tags, .photo-tags .photo_view_info {
  display: inline;
}
.photo-tags .photoDetailTags {
  padding: 2px 20px 2px 5px;
  margin: 1px 1px;
  background: #F4F4F4;
  color: #333;
  border: 1px solid #C5C5C5;
  border-radius: 2px;
  font-size: 11px;
  line-height: 14px;
  display: inline-block;
  position: relative;
}
.photo-tags .photoDetailTags a {
  color: #333;
}
.photo-tags .photoDetailTags a:hover, .photo-tags .photoDetailTags a:active, .photo-tags .photoDetailTags a.nice-select.open, .photo-tags .photoDetailTags a:focus {
  color: #333;
}
.photo-tags .photoDetailTags .photoDetailRemoveTags {
  position: absolute;
  top: -1px;
  right: 0;
}
.photo-tags .photoDetailTags .photoDetailRemoveTags .photo-remove-tag-icon {
  font-size: 16px;
  height: 20px;
  width: 20px;
  line-height: 20px;
  overflow: hidden;
  display: block;
  text-align: center;
  color: #000000;
}

.photo-view-option {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  border-top: 1px solid #DFDFDF;
}
.photo-view-option li {
  padding: 2px 0;
}

.photo-detail-warp {
  margin-top: 15px;
}

@media (min-width: 992px) {
  .photo-detail-warp .photo_right {
    float: right;
  }
}
@media (max-width: 991px) {
  .photo-detail-warp > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .photo-detail-warp > .row > .col-md-3,
  .photo-detail-warp > .row > .col-md-9 {
    padding-left: 0;
    padding-right: 0;
  }
}
/* ---------- END Photo Detail Page-------------- */
/* ---------- theater mode ----------------- */
.modal.modal-fullscreen .modal-dialog {
  margin: 0;
  width: 100%;
  height: 100%;
}

#photoModal .modal-content {
  margin: 0 auto;
}
#photoModal .modal-content #photo_wrapper {
  width: 70%;
  background-color: #000;
  padding-top: 36px;
  padding-bottom: 36px;
}
#photoModal .modal-content #photo_wrapper > .info {
  color: #636363;
  margin-top: 10px;
  text-align: left;
  padding: 0 30px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
[dir="rtl"] #photoModal .modal-content #photo_wrapper > .info {
  text-align: right;
}
#photoModal .modal-content .photo_comments {
  width: 30%;
}
#photoModal .modal-content #photo_comments {
  display: table-cell;
  vertical-align: top;
}
#photoModal div#photo_thumbs li {
  width: 50px !important;
  height: 50px;
}
#photoModal #photo_thumbs {
  background-color: #3a3a3a;
  padding: 5px 5px 0;
  clear: both;
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  z-index: 1;
  height: 79px;
  overflow: hidden;
}
#photoModal #photo_thumbs ul li {
  border: none;
}
#photoModal .toogleThumb,
#photoModal #photo_right_arrow,
#photoModal #photo_left_arrow {
  position: static;
  display: inline-block !important;
  width: auto;
  height: auto;
  font-size: 12px;
}
#photoModal .toogleThumb i,
#photoModal #photo_right_arrow .photo_arrow_icon,
#photoModal #photo_left_arrow .photo_arrow_icon {
  color: #fff;
  position: static;
  font-size: 12px;
  margin: 0;
}
#photoModal #photo_right_arrow.inactive .photo_arrow_icon,
#photoModal #photo_left_arrow.inactive .photo_arrow_icon {
  opacity: 0.5;
}
#photoModal .photo_comments {
  padding: 0 15px;
  margin-top: 0;
}
#photoModal .commentButton {
  padding-bottom: 15px;
}
#photoModal #photo_close_icon {
  position: absolute;
  right: 15px;
  top: 6px;
  display: block;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  z-index: 1000;
  line-height: 30px;
}
[dir="rtl"] #photoModal #photo_close_icon {
  right: inherit;
  left: 0;
}
#photoModal #photo_close_icon .photo-close-icon {
  position: static;
  margin: 0;
  float: none;
  font-size: 14px;
}
@media (min-width: 992px) {
  #photoModal .photo_right {
    padding-right: 30px;
  }
}
#photoModal #tag-wrapper {
  display: table !important;
  table-layout: fixed;
}
#photoModal #tag-wrapper .photo_img {
  text-align: center;
  width: 100%;
}
#photoModal #tag-wrapper .photo_figure {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.theater-photo-option {
  float: right;
  list-style: none;
  padding: 0;
}
[dir="rtl"] .theater-photo-option {
  float: left;
}
.theater-photo-option > li {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}
.theater-photo-option > li > div {
  padding-left: 0;
}
.theater-photo-option > li > div > button {
  background: none;
  border: none;
  font-size: 23px;
  line-height: 0px;
  height: 22px;
  margin: 0;
  padding: 0;
}
.theater-photo-option > li > a {
  color: rgba(255, 255, 255, 0.5);
}
.theater-photo-option .hideshare-wrap {
  padding-left: 14px;
}
.theater-photo-option .dropdown-menu {
  right: 0;
  left: auto;
}

#photo_left_arrow_lg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100px;
}

#photo_right_arro_lgw {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100px;
}

#photo_right_arro_lgw .theater-arrow-icon, #photo_left_arrow_lg .theater-arrow-icon {
  position: absolute;
  top: 50%;
  margin-top: -26px;
  font-size: 40px;
  color: #999;
  left: 50%;
  margin-left: -28px;
}

.hotspot {
  height: 100px;
  width: 100px;
  position: absolute;
}
.hotspot span {
  display: none;
  color: #000000;
}
.hotspot span a {
  color: #000000;
}

.hotspot:hover, .hotspothover {
  z-index: 1;
}

.hotspot:hover span, .hotspothover span {
  background: #fff;
  display: block;
  padding: 0;
  text-align: center;
  box-shadow: 0px 0px 5px #000;
  position: relative;
}

.hotspot span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 46px;
  border-width: 5px 5px 0;
  border-style: solid;
  border-color: #fff transparent;
  display: block;
  width: 0;
}

.verticalImagePopup {
  max-height: 100%;
}

.photo_modal_loading {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.owner-photo {
  padding-top: 15px;
  margin-bottom: 10px;
  overflow: hidden;
}
.owner-photo > .user_avatar {
  border-radius: 15px;
  float: left;
  width: 50px;
}
[dir="rtl"] .owner-photo > .user_avatar {
  float: right;
}
.owner-photo > .owner-info {
  overflow: hidden;
  margin-left: 60px;
  font-size: 15px;
}
[dir="rtl"] .owner-photo > .owner-info {
  margin-left: 0;
  margin-right: 60px;
}

.photo-theater-comment {
  list-style: none;
  padding: 10px 0 6px;
  overflow: hidden;
  margin-bottom: 0;
  clear: both;
}
.photo-theater-comment li a {
  color: #333;
}
.photo-theater-comment .likePhoto.active {
  color: #FB7923;
  text-decoration: none;
}
.photo-theater-comment > .pull-right {
  margin-left: 10px;
}
.photo-theater-comment > li > a i {
  vertical-align: middle;
  margin: 0 0 0 5px;
}

.photo_item_comment {
  text-align: center;
  background: #f5f5f5;
}
.photo_item_comment .wall_photo_comment {
  max-width: 100%;
  width: auto;
}

u#theaterComments {
  padding-bottom: 30px;
}
u#theaterComments li:hover .edit-post-icon {
  display: block;
}
u#theaterComments > li > .comment {
  padding-right: 30px;
}

#theaterComments .activity_item {
  flex-wrap: wrap;
}
#theaterComments .activity_item .activity_left .activity-img {
  width: 100%;
}

form#theaterPhotoCommentForm {
  padding-top: 10px;
}

#photoModal .photo_comments {
  padding: 0 15px;
  margin-top: 0;
}

.photo-theater-comment-action {
  margin-bottom: 10px;
}
.photo-theater-comment-action:before, .photo-theater-comment-action:after {
  content: '';
  display: table;
}
.photo-theater-comment-action:after {
  clear: both;
}
.photo-theater-comment-action .photo-theater-action-l {
  float: left;
}
[dir="rtl"] .photo-theater-comment-action .photo-theater-action-l {
  float: right;
}
.photo-theater-comment-action .photo-theater-action-r {
  float: right;
}
[dir="rtl"] .photo-theater-comment-action .photo-theater-action-r {
  float: left;
}

@media (min-width: 992px) {
  #photoModal .modal-content {
    height: 100%;
  }
  #photoModal .modal-content #photo-content {
    display: flex;
    width: 100%;
    height: 100%;
  }
  #photoModal .modal-content #photo-content.photo_on_theater {
    overflow: hidden;
  }
  #photoModal .modal-content #photo-content.photo_on_theater .photo_comments {
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media (max-width: 991px) {
  #photoModal .modal-content #photo_wrapper {
    width: 100%;
    display: block;
  }
  #photoModal .modal-content .photo_comments {
    width: 100%;
  }
  #photoModal #photo_close_icon {
    right: 0;
  }
  #photoModal #photo_close_icon .photo-close-icon {
    color: rgba(255, 255, 255, 0.5);
  }
}
/* ---------- END theater mode ----------------- */
/*  ------------------ WIDGET --------------------  */
.album-box-lists {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.album-box-lists .album-box-item {
  width: 20%;
  padding: 5px;
}
.album-box-lists .album-box-item .album-box-item-warp {
  width: 100%;
}
.album-box-lists .album-box-item .album-box-item-warp .album-box-item-cover {
  display: block;
  position: relative;
}
.album-box-lists .album-box-item .album-box-item-warp .album-box-item-cover .album-box-item-figure {
  display: block;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}
.album-box-lists .album-box-item .album-box-item-warp .album-box-item-cover .album-box-item-figure .album-box-item-img {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 15px;
}
.album-box-lists .album-box-item .album-box-item-warp .album-box-item-cover .album-box-item-title {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #ffffff;
  font-size: 12px;
  padding: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background-color: transparent;
  background-image: -webkit-linear-gradient(rgba(15, 20, 31, 0) 0, rgba(15, 20, 31, 0.1) 25%, rgba(15, 20, 31, 0.6) 100%);
  background-image: linear-gradient(rgba(15, 20, 31, 0) 0, rgba(15, 20, 31, 0.1) 25%, rgba(15, 20, 31, 0.6) 100%);
}
.album-box-lists .album-box-item .album-box-item-warp .core-item-info .core-item-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

/*  ------------------ END WIDGET --------------------  */
@media (min-width: 1200px) {
  #center.col-md-9 .album-lists .album-list-item {
    width: 20%;
  }
  #center.col-md-9 .photo-lists .photo-item {
    width: 20%;
  }
  #center.col-md-9 .album-box-lists .album-box-item {
    width: 20%;
  }

  #center.col-md-6 .album-lists .album-list-item {
    width: 25%;
  }
  #center.col-md-6 .photo-lists .photo-item {
    width: 25%;
  }
  #center.col-md-6 .album-box-lists .album-box-item {
    width: 25%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #center.col-md-9 .album-lists .album-list-item {
    width: 25%;
  }
  #center.col-md-9 .photo-lists .photo-item {
    width: 25%;
  }
  #center.col-md-9 .album-box-lists .album-box-item {
    width: 25%;
  }

  #center.col-md-6 .album-lists .album-list-item {
    width: 33.3333333%;
  }
  #center.col-md-6 .photo-lists .photo-item {
    width: 33.3333333%;
  }
  #center.col-md-6 .album-box-lists .album-box-item {
    width: 33.3333333%;
  }
}
@media (min-width: 992px) {
  .box-region-west .album-box-lists, .box-region-east .album-box-lists {
    margin-left: -2px;
    margin-right: -2px;
  }
  .box-region-west .album-box-lists .album-box-item, .box-region-east .album-box-lists .album-box-item {
    padding: 2px;
    width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .album-lists .album-list-item {
    width: 25%;
  }

  .photo-lists .photo-item {
    width: 25%;
  }

  .album-box-lists .album-box-item {
    width: 25%;
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  .album-lists .album-list-item {
    width: 33.3333333%;
  }

  .photo-lists .photo-item {
    width: 33.3333333%;
  }

  .album-box-lists .album-box-item {
    width: 33.3333333%;
  }
}
@media (max-width: 567px) {
  .album-lists .album-list-item {
    width: 50%;
  }

  .photo-lists .photo-item {
    width: 50%;
  }

  .album-box-lists .album-box-item {
    width: 50%;
  }
}
.feed-entry-item {
  border-radius: 10px;
  background: #fff;
  margin-bottom: 15px;
  border: 1px solid var(--box-border-color);
}
.feed-entry-item .feed_comment_info {
  clear: both;
}
.feed-entry-item .feed-action {
  padding: 0 10px 10px 10px;
}
.feed-entry-item .activity_comments {
  padding: 10px;
  background: #fff;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.feed-entry-item .feed_main_info {
  padding: 10px;
  position: relative;
}
.feed-entry-item .activity_feed_header {
  display: flex;
  margin-bottom: 10px;
}
.feed-entry-item .activity_feed_image {
  width: 50px;
  min-width: 50px;
  border-radius: 15px;
}
.feed-entry-item .activity_feed_image .user_avatar {
  width: 50px;
  display: block;
  border-radius: 15px;
  border: 1px solid transparent;
}
.feed-entry-item .activity_feed_content {
  font-size: 15px;
  flex-grow: 1;
  padding-left: 10px;
}
[dir="rtl"] .feed-entry-item .activity_feed_content {
  padding-left: 0;
  padding-right: 10px;
}
.feed-entry-item .activity_feed_message {
  margin-bottom: 5px;
}
.feed-entry-item .activity_feed_message .moocore_tooltip_link {
  font-weight: 500;
}
.feed-entry-item .feed_time {
  color: #adadad;
}
.feed-entry-item .feed_time .feed_time-txt {
  color: #828282;
  display: inline-block;
  vertical-align: middle;
}
.feed-entry-item .feed_time .feed_time-txt:hover {
  text-decoration: none;
}
.feed-entry-item .feed_time .feed_time-txt > .feed_time-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: block;
}
.feed-entry-item .feed_time .feed_time-txt > .dropdown > a {
  display: flex;
  align-items: center;
  gap: 2px;
}
.feed-entry-item .feed_time .feed_time-txt > .dropdown > a > .feed_time-icon {
  font-size: 22px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  display: inline-block;
}
.feed-entry-item .feed_time .feed_time-txt .feed_time-icon,
.feed-entry-item .feed_time .feed_time-txt .caret {
  color: #1C1B1F;
}
.feed-entry-item .feed_time .feed_time-txt .dropdown .dropdown-menu {
  left: 50%;
  transform: translate(-50%, 0);
}
.feed-entry-item .feed_time .feed_time-txt .dropdown .dropdown-menu > li > a {
  padding-left: 20px;
}
.feed-entry-item .feed_time .feed_time-txt.feed_time_history-btn {
  font-size: 12px;
  color: #adadad;
}
.feed-entry-item .activity_feed_content_text {
  font-size: 16px;
  font-weight: 400;
  word-break: break-word;
}
.feed-entry-item .activity_content_head {
  display: flex;
}
.feed-entry-item .activity_author {
  flex-grow: 1;
  color: #4F4F4F;
  word-wrap: break-word;
  word-break: break-word;
  line-height: 20px;
}
.feed-entry-item .activity_author .moocore_tooltip_link {
  color: #4F4F4F;
  font-weight: 600;
}
.feed-entry-item .activity_author * {
  word-wrap: break-word;
  word-break: break-word;
}
.feed-entry-item .activity_option {
  white-space: nowrap;
}
.feed-entry-item .feed-option {
  font-size: 0;
  padding: 0;
}
.feed-entry-item .feed-option .feed-option-item {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
}
.feed-entry-item .feed-option .feed-option-item .feed-option-icon {
  color: #1C1B1F;
  font-size: 24px;
  width: 24px;
  height: 24px;
  overflow: hidden;
}
.feed-entry-item .feed-option .feed-option-item .dropdown .dropdown-menu {
  left: inherit;
  right: 0;
}
[dir="rtl"] .feed-entry-item .feed-option .feed-option-item .dropdown .dropdown-menu {
  left: 0;
  right: inherit;
}
@media (max-width: 991px) {
  .feed-entry-item {
    border-radius: 0;
  }
}

.feed_comment_info > .activity_comments {
  list-style: none;
}

.n52 {
  position: relative;
}
.n52:before {
  content: "\e013";
  font-family: "Glyphicons Halflings";
  left: 2px;
  position: absolute;
  top: 3px;
}

.activity_feed_message + .activity_item {
  margin-top: 10px;
}

.activity_item {
  display: flex;
  border-radius: 4px;
  word-break: break-word;
  background: #f7f7f7;
  border-radius: 15px;
  border: 1px solid #f7f7f7;
  padding: 5px;
}
.activity_item .activity_left {
  width: 150px;
  min-width: 150px;
}
.activity_item .activity_left .activity-img {
  width: 100%;
  max-width: 100%;
  display: block;
  border-radius: 15px;
}
.activity_item .activity_right {
  flex-grow: 1;
  padding: 10px;
}
.activity_item .activity_item_title {
  font-size: 16px;
  font-weight: 600;
  display: block;
  margin-bottom: 8px;
  color: #4F4F4F;
}
.activity_item .activity_item_text {
  font-size: 14px;
  font-weight: 300;
}
.activity_item .activity_parse_img .activity-img {
  width: 100%;
  max-width: 100%;
  display: block;
}
.activity_item .activity_img_thumb {
  position: relative;
  display: block;
}
.activity_item .activity_img_thumb .activity-date {
  font-size: 12px;
  width: 50px;
  padding: 4px 10px;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.activity_item .activity-item-list .activity-list-idx {
  margin-bottom: 5px;
}
.activity_item .activity-item-list .activity-list-idx:before, .activity_item .activity-item-list .activity-list-idx:after {
  content: '';
  display: table;
}
.activity_item .activity-item-list .activity-list-idx:after {
  clear: both;
}
.activity_item .activity-item-list .activity-list-idx:last-child {
  margin-bottom: 0;
}
.activity_item .activity-item-list .activity-list-idx .activity-list-idx-l {
  float: left;
  width: 70px;
}
[dir="rtl"] .activity_item .activity-item-list .activity-list-idx .activity-list-idx-l {
  float: right;
}
.activity_item .activity-item-list .activity-list-idx .activity-list-idx-r {
  margin-left: 70px;
  padding-left: 5px;
}
[dir="rtl"] .activity_item .activity-item-list .activity-list-idx .activity-list-idx-r {
  margin-left: 0;
  padding-left: 0;
  padding-right: 5px;
  margin-right: 70px;
}
.activity_item.activity_item_share_popup .activity_img_thumb {
  overflow: hidden;
  max-height: 512px;
}
.activity_item.activity_item_preview_link {
  display: flex;
}
.activity_item.activity_item_preview_link .activity_left {
  padding: 5px;
  width: 150px;
  min-width: 150px;
}
.activity_item.activity_item_preview_link .activity_right {
  flex-grow: 1;
  padding: 5px;
}
.activity_item.activity_tb {
  flex-wrap: wrap;
}
.activity_item.activity_tb .activity_left {
  width: 100%;
  padding: 0;
}

.single_img {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.horizionImage, .verticalImage {
  text-align: center;
}

.horizionImage {
  max-width: 100%;
}

.activity_item_photo {
  overflow: hidden;
}
.activity_item_photo:before, .activity_item_photo:after {
  content: '';
  display: table;
}
.activity_item_photo:after {
  clear: both;
}
.activity_item_photo img {
  max-width: 100%;
}
.activity_item_photo .div_single {
  text-align: center;
  background: #f5f5f5;
  overflow: hidden;
}
.share-content .activity_item_photo .div_single {
  max-height: 300px;
}
.share-content .activity_item_photo .div_single .single_img {
  max-height: 300px;
  width: auto;
  margin: auto;
}
.activity_item_photo a {
  border: none !important;
  height: 100%;
  background-size: cover;
  background-position: center center;
  display: block;
}
.activity_item_photo .photoAdd2File {
  width: 50%;
  float: left;
}
.activity_item_photo .photoAdd2File:nth-child(odd) {
  margin-right: 1px;
}
.activity_item_photo .photoAdd2File:nth-child(even) {
  margin-right: -1px;
}
.activity_item_photo .photoAdd2File a {
  height: 0;
  padding-bottom: 100%;
}
.activity_item_photo .PE, .activity_item_photo .QE {
  float: left;
  vertical-align: top;
}
[dir="rtl"] .activity_item_photo .PE, [dir="rtl"] .activity_item_photo .QE {
  float: right;
}
.activity_item_photo .PE {
  margin-right: 1px;
  position: relative;
}
.activity_item_photo .QE {
  position: relative;
  margin-right: -20px;
}
[dir="rtl"] .activity_item_photo .QE {
  margin-right: 0;
  margin-left: -20px;
}
.activity_item_photo .ej1,
.activity_item_photo .ej {
  background-color: #f5f5f5;
  line-height: 0;
  min-width: 70px;
  overflow: hidden;
  position: relative;
}
.activity_item_photo .sp1 img,
.activity_item_photo .sp img,
.activity_item_photo .ej1 img,
.activity_item_photo .ej img {
  max-width: 100%;
  vertical-align: middle;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}
.activity_item_photo .sp {
  margin-bottom: 1px;
  overflow: hidden;
  position: relative;
}
.activity_item_photo .sp.eq {
  margin-bottom: 0;
}
.activity_item_photo .sp1 {
  overflow: hidden;
  position: relative;
}
.activity_item_photo .sp1.eq1 {
  margin-top: 1px;
  margin-bottom: 1px;
  overflow: hidden;
}
.activity_item_photo .photo-add-more {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
  display: table;
  width: 100%;
  height: 100%;
}
.activity_item_photo .photo-add-more > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 35px;
  color: #fff;
}

.video-feed-body {
  width: 100%;
  padding: 16px;
}
.video-feed-body .video-feed-content {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  margin-bottom: 10px;
}
.video-feed-body .video-feed-content .no_permission_video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.video-feed-body .video-feed-content iframe, .video-feed-body .video-feed-content object, .video-feed-body .video-feed-content embed {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.activity_feed_content_text .share-content {
  width: 100%;
  overflow: hidden;
  padding: 10px;
  background-color: #fff;
  border-radius: 16px;
  border: 1px solid #e0e0e0;
}
.activity_feed_content_text .share-content .feed-entry-item {
  margin-bottom: 0;
}
.activity_feed_content_text .share-content .activity_item {
  border: none;
  padding: 0;
}

.activity_list_items .activity_item {
  margin-bottom: 10px;
}
.activity_list_items .activity_item:last-child {
  margin-bottom: 0;
}

.activity_item_view-more {
  text-align: right;
}
.activity_item_view-more a {
  font-size: 14px;
  color: #000000;
}

.tagged_user_lists {
  display: flex;
  flex-flow: wrap;
}
.tagged_user_lists .tagged_user_item {
  display: flex;
  width: 33.3333333%;
  padding: 5px 0;
}
.tagged_user_lists .tagged_user_item .tagged_user_warp {
  width: 100%;
}
.tagged_user_lists .tagged_user_item .checkbox-control {
  display: block;
  width: 100%;
}
.tagged_user_lists .tagged_user_item .checkbox-control .checkmark {
  top: 50%;
  margin-top: -8px;
}
.tagged_user_lists .tagged_user_item .tagged_user_holder {
  display: flex;
  align-items: center;
}
.tagged_user_lists .tagged_user_item .tagged_user_img {
  width: 30px;
  min-width: 30px;
}
.tagged_user_lists .tagged_user_item .tagged_user_img .user_avatar {
  width: 100%;
  border-radius: 15px;
}
.tagged_user_lists .tagged_user_item .tagged_user_info {
  flex-grow: 1;
  padding: 0 5px;
}

.edit-history-list .edit-history-item {
  padding: 5px 0;
}
.edit-history-list .edit-history-item .edit-history-warp {
  display: flex;
}
.edit-history-list .edit-history-item .edit-history-img {
  width: 50px;
  min-width: 50px;
}
.edit-history-list .edit-history-item .edit-history-img .user_avatar {
  width: 100%;
  border-radius: 15px;
}
.edit-history-list .edit-history-item .edit-history-info {
  flex-grow: 1;
  padding: 0 5px;
}
.edit-history-list .edit-history-item .edit-history-time {
  color: #888;
}
.edit-history-list .edit-history-item .edit-history-edited {
  font-size: 12px;
  color: #939393;
}

@media (max-width: 991px) {
  #page_activities-ajax_load_feed_form .mobile-footer-menu {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .activity_item .activity_left {
    min-width: 100px;
    width: 100px;
  }
  .activity_item .activity_left .activity-img {
    width: 100px;
  }
  .activity_item.activity_item_preview_link .activity_left {
    min-width: 100px;
    width: 100px;
  }
  .activity_item.activity_item_preview_link .activity_left .activity-img {
    width: 100px;
  }
  .activity_item.activity_tb .activity_left {
    width: 100%;
  }
  .activity_item.activity_tb .activity_left .activity-img {
    width: 100%;
  }
}
@media (max-width: 567px) {
  .tagged_user_lists .tagged_user_item {
    width: 50%;
  }
}
@media (max-width: 413px) {
  .activity_item .activity_left {
    width: 75px;
    min-width: 75px;
  }
  .activity_item.activity_item_preview_link .activity_left {
    width: 75px;
    min-width: 75px;
  }
}
@media (max-width: 374px) {
  .tagged_user_lists .tagged_user_item {
    width: 100%;
  }

  .activity_item .activity_left {
    width: 50px;
    min-width: 50px;
  }
  .activity_item.activity_item_preview_link .activity_left {
    width: 50px;
    min-width: 50px;
  }
  .activity_item .activity_img_thumb .activity-date {
    display: none;
  }
}
.post-status-page-content {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #4B4B4B;
  z-index: 991;
  padding: 10px;
  overflow-y: auto;
}
.post-status-page-content .post-status-page-content-wrap {
  max-width: 840px;
  width: 100%;
  margin: 100px auto;
}
.post-status-page-content .post-status-page-content-wrap .post-status-back-btn {
  display: flex;
  align-items: center;
  color: #FAFAFA;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
}
.post-status-page-content .post-status-page-content-wrap .post-status-back-btn .post-status-back-btn-icon {
  font-size: 24px;
}
.post-status-page-content .post-status-page-content-wrap .post-status-back-btn .post-status-back-btn-text {
  margin-left: 15px;
}
@media (max-width: 991px) {
  .post-status-page-content .post-status-page-content-wrap .post-status-back-btn {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px;
  }
}
.post-status-page-content .post-status-page-content-wrap #status_box .form-feed-area {
  padding: 0;
}
.post-status-page-content .post-status-page-content-wrap #status_box .form-feed-area .post-status-message {
  padding-right: 30px;
}
.post-status-page-content .post-status-page-content-wrap #status_box .form-feed-area .post-status-message textarea#message {
  font-weight: 400;
}
.post-status-page-content .post-status-page-content-wrap #status_box .post-status .emoji-toggle {
  bottom: initial;
  top: 0;
}
.post-status-page-content .post-status-page-content-wrap #status_box .form-feed-review, .post-status-page-content .post-status-page-content-wrap #status_box .form-feed-share, .post-status-page-content .post-status-page-content-wrap #status_box .form-feed-toolbar, .post-status-page-content .post-status-page-content-wrap #status_box .form-feed-area, .post-status-page-content .post-status-page-content-wrap #status_box .stt-action {
  margin-left: 30px;
  margin-right: 30px;
  padding-left: 0;
  padding-right: 0;
}
.post-status-page-content .post-status-page-content-wrap #status_box .form-feed-area {
  margin-top: 30px;
}
.post-status-page-content .post-status-page-content-wrap #status_box .stt-action {
  padding: 0;
  margin-bottom: 30px;
}
.post-status-page-content .post-status-page-content-wrap #status_box .stt-action {
  border-color: #E0E0E0;
}
.post-status-page-content .post-status-page-content-wrap #status_box .stt-action .stt-action-item {
  width: 40px;
}
@media (max-width: 991px) {
  .post-status-page-content .post-status-page-content-wrap #status_box {
    border-radius: 10px;
  }
}

@media (max-width: 767px) {
  .post-status-page-content .post-status-page-content-wrap #status_box .form-feed-review, .post-status-page-content .post-status-page-content-wrap #status_box .form-feed-share, .post-status-page-content .post-status-page-content-wrap #status_box .form-feed-toolbar, .post-status-page-content .post-status-page-content-wrap #status_box .form-feed-area, .post-status-page-content .post-status-page-content-wrap #status_box .stt-action {
    margin-left: 5px;
    margin-right: 5px;
  }
  .post-status-page-content .post-status-page-content-wrap #status_box .form-feed-area {
    margin-top: 10px;
  }
  .post-status-page-content .post-status-page-content-wrap #status_box .stt-action {
    padding-top: 5px;
    margin-bottom: 10px;
  }
}
.user_avatar {
  font-size: 0;
}

.qtip.qtip-social {
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
  border: solid 1px #dedede;
  padding: 0px;
  max-width: none;
  z-index: 1111 !important;
}
.qtip.qtip-social .qtip-content {
  font-size: 14px;
  line-height: 16px;
  padding: 0;
  overflow: visible;
}
.qtip.qtip-social .qtip-tip {
  overflow: visible;
}

.qtip_body {
  padding: 0;
}
.qtip_body .qtip_user_main {
  display: flex;
  min-width: 460px;
  padding: 20px 20px 10px;
  max-width: 560px;
}
.qtip_body .qtip_user_avatar {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.3);
  width: 100px;
  text-align: center;
  margin-right: 10px;
}
[dir="rtl"] .qtip_body .qtip_user_avatar {
  margin-right: 0;
  margin-left: 10px;
}
.qtip_body .qtip_user_avatar .user_avatar {
  width: 100px;
  height: 100px;
  border-radius: 10px;
}
.qtip_body .qtip_user_avatar .qtip_user_date {
  margin-top: 5px;
  font-size: 12px;
}
.qtip_body .qtip_user_info {
  flex-grow: 1;
  color: #000000;
}
.qtip_body .qtip_user_title {
  font-size: 18px;
  color: #000;
  line-height: 22px;
  margin-bottom: 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.qtip_body .qtip_user_title .online-stt {
  display: inline-block;
  position: static;
}
.qtip_body .qtip_user_title .profile-user-name-act {
  display: block;
  margin-left: 3px;
}
.qtip_body .qtip_user_title .profile-user-name-act .profile-user-icon {
  font-size: 24px;
  height: 24px;
  color: #00b901;
}
.qtip_body .qtip_user_title .profile-user-name-act img {
  height: 24px;
  display: block;
  margin: 0;
  padding: 0;
}
.qtip_body .qtip_user_extra {
  color: #828282;
  font-size: 12px;
  line-height: 15px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.qtip_body .qtip_user_extra li {
  display: inline-block;
  position: relative;
  margin-right: 6px;
  padding-left: 8px;
}
.qtip_body .qtip_user_extra li:first-child {
  padding-left: 0;
}
.qtip_body .qtip_user_extra li::after {
  content: '.';
  position: absolute;
  right: -10px;
}
.qtip_body .qtip_user_extra li:last-child::after {
  content: '';
}
.qtip_body .qtip_user_stat {
  padding-bottom: 0;
  font-size: 13px;
  color: #333333;
}
.qtip_body .qtip_user_stat .qtip_start_block {
  font-size: 13px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}
[dir="rtl"] .qtip_body .qtip_user_stat .qtip_start_block {
  padding-left: 5px;
  padding-right: 0;
}
.qtip_body .qtip_user_stat .qtip_start_block .qtip_start_left {
  flex-grow: 0;
  background-color: #c8c8c8;
  width: 22px;
  height: 22px;
  line-height: 22px;
  color: #fff;
}
.qtip_body .qtip_user_stat .qtip_start_block .qtip_start_left .qtip_start_icon {
  font-size: 20px;
}
.qtip_body .qtip_user_stat .qtip_start_block .qtip_start_right {
  flex-grow: 1;
  padding-left: 5px;
}
[dir="rtl"] .qtip_body .qtip_user_stat .qtip_start_block .qtip_start_right {
  padding-left: 0;
  padding-right: 5px;
}
.qtip_body .qtip_user_stat .qtip_start_block .qtip_start_right > span {
  display: block;
  font-size: 20px;
  color: #4F4F4F;
  font-weight: bold;
}
.qtip_body .qtip_user_adding_info {
  margin-top: 10px;
}
.qtip_body .qtip_user_actions {
  background: #fff;
  padding: 10px 20px 20px;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.qtip_body .qtip_user_actions .btn-cs-main {
  justify-content: center;
  min-height: 26px;
}
.qtip_body .qtip_user_actions .btn-tip_dropdown {
  display: inline-block;
  vertical-align: middle;
}
.qtip_body .qtip_user_actions .dropdown-menu {
  right: 0;
  left: auto;
  top: 25px;
}

.friend-request-message .friend-request-message-l {
  float: left;
  width: 50px;
}
.friend-request-message .friend-request-message-l .user_avatar {
  width: 50px;
  border-radius: 15px;
}
.friend-request-message .friend-request-message-r {
  margin-left: 55px;
}

.friend-request-lists .friend-request-item {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #cccccc;
  clear: both;
}
.friend-request-lists .friend-request-item:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}
.friend-request-lists .friend-request-item .friend-request-warp {
  display: flex;
}
.friend-request-lists .friend-request-item .friend-request-main {
  flex-grow: 1;
}
.friend-request-lists .friend-request-item .friend-request-action {
  white-space: nowrap;
}
.friend-request-lists .friend-request-item .friend-request-avatar {
  float: left;
}
[dir="rtl"] .friend-request-lists .friend-request-item .friend-request-avatar {
  float: right;
}
.friend-request-lists .friend-request-item .friend-request-avatar .user_avatar {
  width: 50px;
  border-radius: 15px;
}
.friend-request-lists .friend-request-item .friend-request-info {
  margin-left: 60px;
}
[dir="rtl"] .friend-request-lists .friend-request-item .friend-request-info {
  margin-left: 0;
  margin-right: 60px;
}
.friend-request-lists .friend-request-item .friend-request-message {
  color: #7f7f7f;
  word-break: break-word;
}
.friend-request-lists .friend-request-item .friend-request-date {
  color: #888;
  font-size: 11px;
  font-weight: 300;
}

/* user-lists----------------------------------------------*/
.user-lists {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.user-lists .user-list-item {
  display: flex;
  width: 20%;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}
.user-lists .user-list-item .user-item-warp {
  position: relative;
  width: 100%;
}
.user-lists .user-list-item .user-item-figure {
  position: relative;
}
.user-lists .user-list-item .user-item-info {
  padding: 5px 10px;
  position: relative;
}
.user-lists .user-list-item .user-item-holder {
  font-size: 14px;
  color: #828282;
}
.user-lists .user-list-item .user-item-name {
  font-weight: 500;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  font-size: 14px;
  padding-right: 5px;
}
.user-lists .user-list-item .user-item-name .moocore_tooltip_link {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #4F4F4F;
  word-break: break-word;
}
.user-lists .user-list-item .user-item-name .user-item-name-act {
  display: block;
  margin-left: 3px;
}
.user-lists .user-list-item .user-item-name .user-item-name-act .user-item-name-act-icon {
  font-size: 14px;
  height: 14px;
  width: 14px;
  display: block;
}
.user-lists .user-list-item .user-item-name .user-item-name-act img {
  height: 18px;
  display: block;
  margin: 0;
  padding: 0;
}
.user-lists .user-list-item .user-item-date {
  color: #828282;
}
.user-lists .user-list-item .user-item-picture {
  display: block;
  position: relative;
}
.user-lists .user-list-item .user-item-picture:before {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.user-lists .user-list-item .user-item-picture .user-item-img, .user-lists .user-list-item .user-item-picture img, .user-lists .user-list-item .user-item-picture .user_avatar {
  display: block;
  width: 100%;
  font-size: 0;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 15px;
}
.user-lists .user-list-item .user-item-action .btn-user-act {
  text-decoration: none;
  text-align: left;
                /*.btn-cs-main{

                    .btn-icon{
                        width: 16px;
                        height: 16px;
                        min-width: 16px;
                        font-size: 16px;
                    }
                    .btn-text{
                        font-weight: 600;
                        font-size: 13px;
                        line-height: 20px;
                    }
                }*/
}
.user-lists .user-list-item .user-item-remove {
  position: absolute;
  top: 0;
  right: 0;
}
.user-lists .user-list-item .user-item-remove .user-item-remove-icon {
  font-size: 16px;
  color: #000;
  height: 20px;
  width: 20px;
  overflow: hidden;
  line-height: 20px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
}
.user-lists.grid-view .user-list-item {
  width: 20%;
  min-width: 20%;
}
.user-lists.grid-view .user-list-item .user-item-action .btn-user-act {
  margin-top: 2px;
}
.user-lists.grid-view .user-list-item .user-item-action .btn-user-act .btn-cs-main {
  height: auto;
  min-height: 22px;
}
.user-lists.list-view .user-list-item {
  width: 50%;
}
.user-lists.list-view .user-list-item .user-item-warp {
  padding: 5px;
}
.user-lists.list-view .user-list-item .user-item-main {
  display: flex;
  align-items: flex-start;
}
.user-lists.list-view .user-list-item .user-item-figure {
  width: 100px;
  min-width: 100px;
  flex-grow: 0;
}
.user-lists.list-view .user-list-item .user-item-info {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 10px;
}
.user-lists.list-view .user-list-item .user-item-holder {
  flex-grow: 1;
}
.user-lists.list-view .user-list-item .user-item-action {
  flex-grow: 0;
}
.user-lists.list-view .user-list-item .user-item-name {
  flex-grow: 0;
  font-size: 14px;
}
.user-lists.list-view .user-list-item .user-item-picture .user-item-img, .user-lists.list-view .user-list-item .user-item-picture img, .user-lists.list-view .user-list-item .user-item-picture .user_avatar {
  border-radius: 15px;
}
.user-lists.list-view .user-list-item .user-item-action .btn-user-act {
  margin-top: 3px;
  margin-bottom: 3px;
}
.user-lists.list-view .user-list-item .user-item-action .btn-user-act.btn-user-suggest {
  border-color: transparent;
}

.user-scroll-box {
  overflow-x: auto;
  overflow-y: hidden;
  margin-left: -5px;
  margin-right: -5px;
}
.user-scroll-box .user-lists {
  flex-wrap: nowrap;
  margin-left: 0;
  margin-right: 0;
}
.user-scroll-box .user-lists .user-item-action .dropdown-menu {
  top: unset;
  bottom: 100%;
}

.box-region-west .user-lists.list-view .user-list-item, .box-region-east .user-lists.list-view .user-list-item, .sidebar-content .user-lists.list-view .user-list-item {
  width: 100%;
}
.box-region-west .user-lists.list-view .user-list-item:last-child, .box-region-east .user-lists.list-view .user-list-item:last-child, .sidebar-content .user-lists.list-view .user-list-item:last-child {
  margin-bottom: 0;
}
.box-region-west .user-lists.list-view .user-list-item:first-child .user-item-warp, .box-region-east .user-lists.list-view .user-list-item:first-child .user-item-warp, .sidebar-content .user-lists.list-view .user-list-item:first-child .user-item-warp {
  border-top: none;
  padding-top: 0;
}
.box-region-west .user-lists.list-view .user-list-item .user-item-warp, .box-region-east .user-lists.list-view .user-list-item .user-item-warp, .sidebar-content .user-lists.list-view .user-list-item .user-item-warp {
  padding: 5px 0 0 0;
  border-radius: 0;
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.box-region-west .user-lists.list-view .user-list-item .user-item-info, .box-region-east .user-lists.list-view .user-list-item .user-item-info, .sidebar-content .user-lists.list-view .user-list-item .user-item-info {
  display: block;
  padding: 0 0 0 10px;
}
[dir="rtl"] .box-region-west .user-lists.list-view .user-list-item .user-item-info, [dir="rtl"] .box-region-east .user-lists.list-view .user-list-item .user-item-info, [dir="rtl"] .sidebar-content .user-lists.list-view .user-list-item .user-item-info {
  padding: 0 10px 0 0;
}

/*.user-lists {
    &.list-view {
        .user-list-item{
            .user-item-action {
                .btn-user-suggest {               
                    .btn-cs-main{
                        height: auto;
                        .btn-icon{
                            font-size: 16px;
                            height: 16px;
                            width: 16px;
                        }
                        .btn-text{
                            font-size: 14px;
                        }
                    }
                }
            }
        }
    }
    &.list-view.user_join_request {
        .user-list-item{
            width: 100%;
        }
        .user-message{
            font-size: 14px;
            font-weight: bold;
        }
    }
}*/
.user-today-birthday .user-lists.list-view .user-list-item {
  width: 100%;
}
.user-today-birthday .user-lists .user-item-send-message .user-item-send-private .more-birthday-email {
  display: block;
  padding: 2px 0;
  font-size: 12px;
  line-height: 1.5;
}
.user-today-birthday .user-lists .birthday-wish {
  display: flex;
}
.user-today-birthday .user-lists .birthday-wish-l {
  flex-grow: 1;
  margin-right: 3px;
}
.user-today-birthday .user-lists .birthday-wish-r {
  flex-grow: 0;
}

/* END user-lists----------------------------------------------*/
.info-birthday .birthday-item {
  background: url(../img/birthday.png) no-repeat;
  min-height: 30px;
  font-size: 14px;
  line-height: 20px;
  padding-left: 40px;
  padding-top: 5px;
}

/* box-user-list-----------------------------*/
.box-user-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.box-user-list .box-user-item {
  padding: 5px 5px;
  width: 10%;
}
.box-user-list .box-user-item .box-user-item-warp {
  border-radius: 15px;
  height: 100%;
}
.box-user-list .box-user-item .user_avatar {
  width: 100%;
  border-radius: 15px;
}

/* END box-user-list-----------------------------*/
/* change avatar-----------------------------*/
.ava_content {
  text-align: center;
  margin: 0 auto;
}
.ava_content .jcrop-holder {
  margin: 0 auto;
}
.ava_content .ava-upload {
  width: 100%;
  margin: 0 auto;
}
.ava_content .avatar_wrapper {
  vertical-align: top;
  margin: 0 0 10px 0;
}
.ava_content .avatar_wrapper > img {
  max-width: 100% !important;
}
.ava_content .avatar-field-group {
  max-width: 300px;
  margin: auto;
}

.avatar-rotate {
  text-align: center;
}
.avatar-rotate a.rotate_avatar {
  padding: 16px 16px 13px;
  display: inline-block !important;
  margin: 0 5px 10px;
  border: 1px solid #d0d0d0;
}
.avatar-rotate a.rotate_avatar > i {
  font-size: 23px !important;
  color: #757575;
}

/* END change avatar-----------------------------*/
@media (min-width: 1200px) {
  #center.col-md-12 .box_liked_user .box-user-list .box-user-item {
    width: 6%;
  }

  #center.col-md-9 .user-lists.grid-view .user-list-item {
    width: 20%;
    min-width: 20%;
  }
  #center.col-md-9 .box-user-list .box-user-item {
    width: 6.6666666%;
  }
  #center.col-md-9 .box_liked_user .box-user-list .box-user-item {
    width: 10%;
  }

  #center.col-md-6 .user-lists.grid-view .user-list-item {
    width: 33.3333333%;
    min-width: 33.3333333%;
  }
  #center.col-md-6 .user-lists.list-view .user-list-item {
    width: 100%;
  }
  #center.col-md-6 .box-user-list .box-user-item {
    width: 10%;
  }

  .box-region-west .box-user-list .box-user-item, .box-region-east .box-user-list .box-user-item {
    width: 20%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .user-lists.list-view .user-list-item .user-item-figure {
    width: 100px;
    min-width: 100px;
  }

  #center.col-md-12 .box_liked_user .box-user-list .box-user-item {
    width: 5%;
  }

  #center.col-md-9 .user-lists.grid-view .user-list-item {
    width: 20%;
    min-width: 20%;
  }
  #center.col-md-9 .box-user-list .box-user-item {
    width: 7.69230769%;
  }

  #center.col-md-6 .user-lists.grid-view .user-list-item {
    width: 33.3333333%;
    min-width: 33.3333333%;
  }
  #center.col-md-6 .user-lists.list-view .user-list-item {
    width: 100%;
  }
  #center.col-md-6 .box-user-list .box-user-item {
    width: 11.1111111%;
  }

  .box-region-west .box-user-list .box-user-item, .box-region-east .box-user-list .box-user-item {
    width: 25%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .user-lists.grid-view .user-list-item {
    width: 20%;
    min-width: 20%;
  }

  .box-user-list .box-user-item {
    width: 7.14285714%;
  }
}
@media (max-width: 567px) {
  .user-lists.list-view .user-list-item .user-item-figure {
    width: 50px;
    min-width: 50px;
  }
}
@media (max-width: 413px) {
  .user-lists.list-view .user-list-item {
    width: 100%;
  }
  .user-lists.list-view .user-list-item .user-item-figure {
    width: 75px;
    min-width: 75px;
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  .user-lists.grid-view .user-list-item {
    width: 25%;
    min-width: 25%;
  }

  .box-user-list .box-user-item {
    width: 10%;
  }
}
@media (min-width: 414px) and (max-width: 567px) {
  .user-lists.grid-view .user-list-item {
    width: 50%;
    min-width: 50%;
  }

  .box-user-list .box-user-item {
    width: 12.5%;
  }
}
@media (max-width: 413px) {
  .user-lists.grid-view .user-list-item {
    width: 50%;
    min-width: 50%;
  }

  .box-user-list .box-user-item {
    width: 14.2857143%;
  }

  /*.user-lists{
      &.list-view{
          .user-list-item{
              .user-item-action{
                  min-width: 140px;
              }
          }
      }
  }*/
}
@media (max-width: 374px) {
  .box-user-list .box-user-item {
    width: 16.6666666%;
  }
}
.user-item-birthday {
  flex-grow: 1;
}

.suggestion_block .user-lists.list-view .user-list-item .user-item-figure {
  width: 50px;
  min-width: 50px;
}

.user_message_block .user-lists.list-view .user-list-item .user-item-main {
  align-items: center;
}
.user_message_block .user-lists.list-view .user-list-item .user-item-figure {
  width: 50px;
  min-width: 50px;
}
.user_message_block .user-lists.list-view .user-list-item .user-item-name-link {
  font-size: 16px;
  font-weight: 700;
  color: #4F4F4F;
  word-break: break-word;
}
.user_message_block .user-lists.list-view .user-list-item .user-item-auth-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user_message_block .user-lists.list-view .user-list-item .user-item-name {
  justify-content: space-between;
}

.user-item-onoff .user-item-online, .user-item-onoff .user-item-offline {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.user-item-onoff .user-item-offline {
  background-color: #d6d6d6;
}
.user-item-onoff .user-item-online {
  background-color: #10d876;
}

.blog-owner:before, .blog-owner:after {
  content: '';
  display: table;
}
.blog-owner:after {
  clear: both;
}
.blog-owner .blog-owner-figure {
  width: 50px;
  float: left;
}
.blog-owner .blog-owner-figure .user_avatar {
  width: 100%;
}
.blog-owner .blog-owner-info {
  margin-left: 60px;
  padding-top: 8px;
}

.core-lists.blog-lists.grid-view > .core-list-item .core-item-info {
  padding: 5px;
}
.core-lists.blog-popular-lists.list-view .core-list-item .core-item-figure {
  width: 50px;
  min-width: 50px;
}
.core-lists.blog-popular-lists.list-view .core-list-item .core-item-title {
  font-size: 18px;
}
.core-lists.blog-popular-lists.grid-view > .core-list-item .core-item-info {
  padding: 5px;
}

.box-detail-wrap .box_content_thumb {
  text-align: center;
  margin-bottom: 10px;
}
.box-detail-wrap .box_content_thumb img {
  max-width: 100%;
}
.box-detail-wrap .box_header_detail {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.box-detail-wrap .box_header_detail .box_header_detail_title h1 {
  margin: 0 0 5px;
  color: inherit;
  font-size: 19px;
  line-height: 26px;
  font-weight: 400;
  word-break: break-word;
}
.box-detail-wrap .box_header_detail .box_header_detail_title .extra_info {
  font-size: 12px;
}
.box-detail-wrap .box_header_detail .box_action .box-dropdown {
  left: inherit;
  right: 0;
}

.box_view .like-section.content-like {
  margin-top: 10px;
}
.box_view .blog-comment {
  margin-top: 10px;
}

.profile-header-box-view .likes-blog {
  display: flex;
  align-items: center;
  gap: 10px;
}

.video-detail {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.video-detail iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.video-feed-content {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.video-feed-content iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.core-lists.video-lists .core-list-item .video_cover {
  display: block;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}
.core-lists.video-lists .core-list-item .vieo-item-img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.core-lists.video-lists.grid-view > .core-list-item {
  width: 33.3333333%;
}

@media (min-width: 1200px) {
  #center.col-md-9 .core-lists.video-lists.grid-view > .core-list-item {
    width: 33.3333333%;
  }

  #center.col-md-6 .core-lists.video-lists.grid-view > .core-list-item {
    width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #center.col-md-9 .core-lists.video-lists.grid-view > .core-list-item {
    width: 33.3333333%;
  }

  #center.col-md-6 .core-lists.video-lists.grid-view > .core-list-item {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .box-region-west .core-lists.video-lists.grid-view > .core-list-item, .box-region-east .core-lists.video-lists.grid-view > .core-list-item {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .core-lists.video-lists.grid-view > .core-list-item {
    width: 33.3333333%;
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  .core-lists.video-lists.grid-view > .core-list-item {
    width: 50%;
  }
}
@media (min-width: 414px) and (max-width: 567px) {
  .core-lists.video-lists.grid-view > .core-list-item {
    width: 50%;
  }
}
@media (max-width: 413px) {
  .core-lists.video-lists.grid-view > .core-list-item {
    width: 100%;
  }
}
.core-lists.topic-lists.grid-view > .core-list-item .core-item-info {
  padding: 5px;
}
.core-lists.topic-popular-lists.list-view .core-list-item .core-item-figure {
  width: 50px;
  min-width: 50px;
}
.core-lists.topic-popular-lists.list-view .core-list-item .core-item-title {
  font-size: 18px;
}
.core-lists.topic-popular-lists.grid-view > .core-list-item .core-item-info {
  padding: 5px;
}

.core-lists.group-popular-lists.list-view .core-list-item .core-item-figure, .core-lists.group-featured-lists.list-view .core-list-item .core-item-figure, .core-lists.group-myjoined-lists.list-view .core-list-item .core-item-figure {
  width: 50px;
  min-width: 50px;
}
.core-lists.group-popular-lists.list-view .core-list-item .core-item-title, .core-lists.group-featured-lists.list-view .core-list-item .core-item-title, .core-lists.group-myjoined-lists.list-view .core-list-item .core-item-title {
  font-size: 18px;
}
.core-lists.group-popular-lists.grid-view > .core-list-item .core-item-info, .core-lists.group-featured-lists.grid-view > .core-list-item .core-item-info, .core-lists.group-myjoined-lists.grid-view > .core-list-item .core-item-info {
  padding: 5px;
}

.group-header .group-header-cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.group-header .group-header-cont .group-header-cont-info {
  flex-grow: 1;
}
.group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper {
  display: flex;
  gap: 10px;
}
.group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper .group-header-cont-wrapper-thumb img {
  width: 75px;
  border-radius: 20px;
}
.group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper .group-header-cont-wrapper-info {
  flex: 1;
}
.group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper .group-header-cont-wrapper-info .group-header-cont-wrapper-top {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
}
.group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper .group-header-cont-wrapper-info .group-header-cont-wrapper-top .group-header-cont-wrapper-calendar {
  min-width: 45px;
  display: inline-block;
  text-align: center;
}
.group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper .group-header-cont-wrapper-info .group-header-cont-wrapper-top .group-header-cont-wrapper-calendar .group-header-cont-wrapper-calendar-month {
  background: #EB5757;
  border-radius: 5px 5px 0px 0px;
  color: #000000;
  font-size: 12px;
  line-height: 14px;
  padding: 4px 10px;
}
.group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper .group-header-cont-wrapper-info .group-header-cont-wrapper-top .group-header-cont-wrapper-calendar .group-header-cont-wrapper-calendar-day {
  font-size: 14px;
  line-height: 16px;
  color: #000000;
  background: #F2F2F2;
  border-radius: 0px 0px 5px 5px;
  padding: 5px 10px;
}
.group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper .group-header-cont-wrapper-info .group-header-cont-wrapper-name-section {
  display: flex;
  flex: 1 1 0%;
  gap: 15px;
}
.group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper .group-header-cont-wrapper-info .group-header-cont-wrapper-name-section .group-header-cont-wrapper-name {
  font-size: 19px;
  line-height: 26px;
  color: #333;
  font-weight: 700;
  margin-bottom: 2px;
  display: flex;
  gap: 5px;
  flex: 1 1 0%;
  word-break: break-word;
}
.group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper .group-header-cont-wrapper-info .group-header-cont-wrapper-name-section .group-header-cont-wrapper-name .dropdown-menu {
  left: inherit;
  right: 0;
}
[dir="rtl"] .group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper .group-header-cont-wrapper-info .group-header-cont-wrapper-name-section .group-header-cont-wrapper-name .dropdown-menu {
  left: 0;
  right: inherit;
}
.group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper .group-header-cont-wrapper-info .group-header-cont-wrapper-name-section .group-header-cont-wrapper-name .profile-user-name-act .profile-user-icon {
  font-size: 26px;
  height: 26px;
  color: #1C1B1F;
}
.group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper .group-header-cont-wrapper-info .group-header-cont-wrapper-name-section .group-header-cont-action .dropdown-menu {
  right: 0;
  left: inherit;
}
[dir="rtl"] .group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper .group-header-cont-wrapper-info .group-header-cont-wrapper-name-section .group-header-cont-action .dropdown-menu {
  left: 0;
  right: inherit;
}
.group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper .group-header-cont-wrapper-info .group-header-cont-wrapper-date {
  font-size: 15px;
  line-height: 18px;
  color: #4F4F4F;
  margin-bottom: 5px;
}
.group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper .group-header-cont-wrapper-info .group-header-cont-wrapper-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px;
}
.group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper .group-header-cont-wrapper-info .group-header-cont-user-list {
  display: flex;
}
.group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper .group-header-cont-wrapper-info .group-header-cont-user-list .group-header-cont-user-list-item:not(:first-child) {
  margin-left: -10px;
}
.group-header .group-header-cont .group-header-cont-info .group-header-cont-wrapper .group-header-cont-wrapper-info .group-header-cont-user-list .group-header-cont-user-list-item .group-header-cont-user-list-item-avatar {
  border: 1px solid #FFFFFF;
  border-radius: 100px;
  width: 32px;
  height: 32px;
}
.group-header .group-header-cont .group-header-cont-action .profile-action-main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.group-header .group-header-cont .group-header-cont-action .profile-action-main .box-dropdown:not(.box-dropdown-attend) .dropdown-menu {
  left: inherit;
  right: 0;
}
[dir="rtl"] .group-header .group-header-cont .group-header-cont-action .profile-action-main .box-dropdown:not(.box-dropdown-attend) .dropdown-menu {
  left: 0;
  right: inherit;
}
@media (max-width: 575px) {
  .group-header .group-header-cont.group-header-cont-column-mobile .group-header-cont-info .group-header-cont-wrapper {
    flex-direction: column;
  }
  .group-header .group-header-cont.group-header-cont-column-mobile .group-header-cont-info .group-header-cont-wrapper .profile-user-img {
    width: 100%;
    height: 100%;
    min-width: 100%;
  }
  .group-header .group-header-cont.group-header-cont-column-mobile .group-header-cont-info .group-header-cont-wrapper .group-header-cont-wrapper-info .group-header-cont-wrapper-bottom {
    flex-direction: column;
  }
}
.group-header .bar-action-floating {
  position: unset;
  filter: none;
  margin-bottom: -10px;
}
.group-header .bar-action-floating .container {
  width: 100%;
}
.group-header .bar-action-floating .container .horizontal-menu {
  justify-content: flex-start;
}
.group-header .box-dropdown-view .dropdown-menu {
  right: 0;
  left: inherit;
}
[dir="rtl"] .group-header .box-dropdown-view .dropdown-menu {
  right: inherit;
  left: 0;
}

.user_join_request.list-view .user-list-item .user-item-main {
  align-items: center;
}
.user_join_request.list-view .user-list-item .user-item-main .user-item-figure {
  width: 40px;
  min-width: 40px;
}
.user_join_request.list-view .user-list-item .user-item-main .user-item-figure img {
  border-radius: 10px;
}
.user_join_request.list-view .user-list-item .user-item-main .user-item-info {
  flex-direction: row;
  align-items: center;
}
.user_join_request.list-view .user-list-item .user-item-main .user-item-info .user-item-action {
  display: flex;
  gap: 5px;
}

.group-admin-lists.core-lists.list-view .core-list-item .core-item-warp {
  align-items: center;
}
.group-admin-lists.core-lists.list-view .core-list-item .core-item-warp .core-item-title {
  font-size: 18px;
}

.profile-header-box-view {
  /*.box2 .box_content{
      padding: 10px 20px;
      @media(max-width: 991px){
          padding: 10px;
      }
  }*/
}
.profile-header-box-view .profile-user-img {
  display: block;
  width: 120px;
  height: 120px;
  min-width: 120px;
  position: relative;
}
.profile-header-box-view .profile-user-img .profile-avatar-small {
  border-radius: 20px;
}
@media (max-width: 991px) {
  .profile-header-box-view .profile-user-img {
    width: 75px;
    height: 75px;
    min-width: 75px;
  }
}
.profile-header-box-view .profile-main {
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}
.profile-header-box-view .profile-main .profile-user-title {
  padding: 0;
}
.profile-header-box-view .profile-menu {
  margin-top: 10px;
  margin-bottom: -10px;
  /*.horizontal-menu{
      padding-left: 0;
      padding-right: 0;
  }*/
        /*@media(min-width: 992px){
            padding-left: 0;
            padding-right: 0;

        }*/
}
.profile-header-box-view #profile-scroll.profileScrolling .profile-user-img {
  width: 50px;
  height: 50px;
  min-width: 50px;
}
.profile-header-box-view #profile-scroll.profileScrolling .profile-menu {
  margin-bottom: 0;
  margin-top: 0;
}
.profile-header-box-view #profile-scroll.profileScrolling .group-header-cont-wrapper-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
@media (min-width: 992px) {
  .profile-header-box-view #profile-scroll.profileScrolling .hide-when-scroll-profile-desktop {
    display: none;
  }
}

.mb-0 {
  margin-bottom: 0 !important;
}

.event_rsvp_choose .radio-control {
  display: block;
}

.event-detail-thumb {
  height: 250px;
  overflow: hidden;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid #dfdfdf;
  border-bottom: none;
  display: block;
}
.event-detail-thumb .event_gradient_bg {
  height: 51%;
  width: 100%;
  position: absolute;
  background-color: transparent;
  background-image: -webkit-linear-gradient(rgba(15, 20, 31, 0) 0, rgba(15, 20, 31, 0.1) 25%, rgba(15, 20, 31, 0.6) 100%);
  background-image: linear-gradient(rgba(15, 20, 31, 0) 0, rgba(15, 20, 31, 0.1) 25%, rgba(15, 20, 31, 0.6) 100%);
  bottom: 0;
}

.core-lists.event-upcoming-lists.list-view .core-list-item .core-item-figure, .core-lists.event-popular-lists.list-view .core-list-item .core-item-figure {
  width: 70px;
  min-width: 70px;
}
.core-lists.event-upcoming-lists.list-view .core-list-item .core-item-title, .core-lists.event-popular-lists.list-view .core-list-item .core-item-title {
  font-size: 18px;
}
.core-lists.event-upcoming-lists.grid-view > .core-list-item .core-item-info, .core-lists.event-popular-lists.grid-view > .core-list-item .core-item-info {
  padding: 5px;
}

.event-figure {
  display: flex;
  align-items: center;
  gap: 10px;
}
.event-figure .event-figure-thumb {
  width: 100px;
  min-width: 100px;
}
.event-figure .event-figure-thumb img {
  border-radius: 15px;
  width: 100%;
}
@media (max-width: 320px) {
  .event-figure .event-figure-thumb {
    width: auto;
  }
}
@media (max-width: 575px) {
  .event-figure {
    flex-direction: column;
    align-items: flex-start;
  }
  .event-figure .event-figure-thumb {
    width: 100%;
  }
}
@media (max-width: 320px) {
  .event-figure {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 413px) {
  .core-lists.event-lists.list-view .core-list-item .core-item-figure .core-item-time {
    display: none;
  }
}
.event-select2 .select2-container {
  width: 100% !important;
}

@media (max-width: 991px) {
  .profile-header-box-view-event #profile-scroll.profileScrolling .profile-scroll-main {
    position: fixed;
    z-index: 900;
    background-color: #ffffff;
    -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  }
  .profile-header-box-view-event #profile-scroll.profileScrolling .profile-scroll-main .profile-main {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.box-dropdown-attend .dropdown-menu li a {
  padding-left: 35px;
  position: relative;
}
.box-dropdown-attend .dropdown-menu li a .dropdown-menu-icon {
  position: absolute;
  left: 8px;
  top: 3px;
}

.comment_header_title {
  color: #000;
  margin: 0px 0 10px 0;
  font-size: 19px;
}

.content_comment .closeComment {
  margin-bottom: 10px;
  display: inline-block;
}

#commentForm .user_avatar {
  width: 50px;
  height: 50px;
  float: left;
}

.item_comment_edit {
  position: relative;
}

.comment-form {
  min-height: 33px;
  margin-bottom: 5px;
}
.comment-form .comment-form-left {
  float: left;
}
[dir="rtl"] .comment-form .comment-form-left {
  float: right;
}
.comment-form .comment-form-left .user_avatar {
  width: 50px;
  border-radius: 15px;
}
.comment-form .comment-form-right {
  margin-left: 60px;
}
[dir="rtl"] .comment-form .comment-form-right {
  margin-left: 0;
  margin-right: 60px;
}
.comment-form .comment-form-main {
  position: relative;
  margin-bottom: 5px;
  display: flex;
}
.comment-form .comment-form-main .comment-form-area {
  position: relative;
  flex-grow: 1;
}
.comment-form .comment-form-main .comment-form-button {
  flex-grow: 0;
  margin-left: 10px;
}
[dir="rtl"] .comment-form .comment-form-main .comment-form-button {
  margin-left: 0;
  margin-right: 10px;
}
.comment-form .comment-form-main .comment-form-button .btn-cs-main .btn-text {
  display: none;
}
.comment-form .comment-form-message {
  margin-bottom: 5px;
}
.comment-form .comment-form-attach .comment_attach_image > span {
  display: block;
  width: 100px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
}
.comment-form .comment-form-attach .comment_attach_image > span > a {
  color: #000000;
  float: right;
  text-align: center;
  display: block;
  float: right;
  margin: 2px;
}
.comment-form .comment-form-attach .comment_attach_image > span > a .thumb-review-delete {
  color: #000;
  border: 1px solid #000;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 100%;
}
.comment-form::after {
  content: '';
  display: table;
  clear: both;
}

[id*="_comment_preview_attach_"] > span {
  display: inline-block;
  width: 100px;
  height: 100px;
  background-size: cover;
  border: 1px solid #ccc;
  position: relative;
  background-position: center;
}

[id*="_comment_preview_attach_"] > span > a {
  float: right;
}

#comments .view-more,
#theaterComments .view-more {
  margin-top: 0;
  margin-bottom: 7px;
  text-align: left;
}

#comments .view-more a,
#theaterComments .view-more a {
  border: none !important;
  box-shadow: none;
  text-align: left;
  font-size: 12px;
  color: #428bca !important;
  text-transform: none;
  padding: 0 !important;
  margin: 0 !important;
}

.commentBox {
  width: 100%;
  height: 27px;
  box-sizing: border-box;
  resize: none;
  overflow: hidden;
  padding-right: 52px;
}
[dir="rtl"] .commentBox {
  padding-right: 12px;
  padding-left: 52px;
}

.comment_lists .comment-item {
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
}
.comment_lists .comment-item .comment-option {
  display: none;
  position: absolute;
  top: 5px;
  right: 0;
}
[dir="rtl"] .comment_lists .comment-item .comment-option {
  right: inherit;
  left: 0;
}
.comment_lists .comment-item .comment-option .dropdown .dropdown-menu {
  left: inherit;
  right: 0;
}
[dir="rtl"] .comment_lists .comment-item .comment-option .dropdown .dropdown-menu {
  left: 0;
  right: inherit;
}
.comment_lists .comment-item .comment-outer {
  display: flex;
}
.comment_lists .comment-item .comment-avatar {
  width: 60px;
  min-width: 60px;
}
.comment_lists .comment-item .comment-avatar .user_avatar {
  width: 50px;
  border-radius: 15px;
}
.comment_lists .comment-item .comment-inner {
  flex-grow: 1;
}
.comment_lists .comment-item .comment-user-name {
  padding-right: 20px;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
}
[dir="rtl"] .comment_lists .comment-item .comment-user-name {
  padding-right: 0;
  padding-left: 20px;
}
.comment_lists .comment-item .comment-user-name a {
  color: #4F4F4F;
}
.comment_lists .comment-item .comment-content-text {
  word-wrap: break-word;
  word-break: break-word;
  padding: 4px 0;
  font-size: 16px;
}
.comment_lists .comment-item .comment-content-text .moocore_tooltip_link {
  font-weight: 500;
}
.comment_lists .comment-item .comment-action-list {
  margin-bottom: 4px;
}
.comment_lists .comment-item .comment-time {
  color: #828282;
  font-size: 15px;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.comment_lists .comment-item .comment-time a {
  color: #828282;
}
.comment_lists .comment-item .comment-action {
  display: inline-block;
  vertical-align: middle;
}
.comment_lists .comment-item:hover > .comment-option {
  display: block;
}
.comment_lists .comment-item .comment-conversion-seen {
  display: flex;
  justify-content: flex-end;
}
.comment_lists .comment-item .comment-conversion-seen .user-seen-list .user-seen-item {
  min-width: 25px;
  min-height: 25px;
}
.comment_lists .comment-item .comment-conversion-seen .user-seen-list .user-seen-item .user_avatar {
  width: 25px;
  height: 25px;
}
.comment_lists .comment-item .comment-conversion-seen .user-seen-list .user-seen-item .btn-see-more-icon {
  display: block;
  font-size: 22px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 100%;
}

.comment_thumb .comment-img {
  max-width: 100%;
}

.comment_reply-holder {
  padding-left: 60px;
}
[dir="rtl"] .comment_reply-holder {
  padding-left: 0;
  padding-right: 60px;
}
.comment_reply-holder .new_reply_comment {
  padding-top: 10px;
}

.comment_view-all .comment_view-icon {
  color: #063567;
  font-size: 22px;
  margin-right: 5px;
}
.comment_view-all .showAllComments {
  color: #063567;
}

.comment_holder .closed-comment + .comment-form-warp {
  margin-top: 10px;
}

.comment_recent .comment_view-all {
  margin-top: 10px;
}

.comment_chrono .comment_view-all {
  margin-bottom: 10px;
}
.comment_chrono .comment_parent_lists {
  margin-bottom: 10px;
}

.comment .qq-upload-list {
  display: none;
}

.edit-post-action {
  text-align: right;
  clear: both;
  padding: 0;
}

.cmt_preview_link .removeCommentPreviewlink {
  position: absolute;
  right: 10px;
  font-size: 10px;
}
.cmt_preview_link .activity_item_title {
  margin-right: 20px;
}

@media (max-width: 374px) {
  .comment_lists .comment-item .comment-avatar {
    width: 30px;
    min-width: 38px;
  }
  .comment_lists .comment-item .comment-avatar .user_avatar {
    width: 30px;
    border-radius: 4px;
  }

  .comment_reply-holder {
    padding-left: 38px;
  }

  .comment-form .comment-form-left .user_avatar {
    width: 30px;
    border-radius: 4px;
  }
  .comment-form .comment-form-right {
    margin-left: 40px;
  }
}
#page_share-ajax_share {
  margin: 0 !important;
  padding: 0 !important;
}
#page_share-ajax_share #content-wrapper.container {
  padding-left: 0;
  padding-right: 0;
}
#page_share-ajax_share #content-wrapper.container > .row {
  margin: 0 !important;
}
#page_share-ajax_share #content-wrapper.container > .row > div {
  padding: 0 !important;
}
#page_share-ajax_share .userTagged-field .tt-menu {
  top: auto !important;
  bottom: 31px;
  border-radius: 0;
}
#page_share-ajax_share .share-section + .modal-footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 900;
  background-color: #ffffff;
}
#page_share-ajax_share .row > #right {
  float: right;
}
[dir="rtl"] #page_share-ajax_share .row > #center {
  float: none;
}

.share-section {
  padding: 15px;
  margin-bottom: 65px;
}
.share-section.tags-open {
  margin-bottom: 90px;
}
.share-section .nav-tabs {
  border: none;
}
.share-section .nav-tabs > li {
  float: none;
  width: 100%;
}
.share-section #myTabDrop1 {
  border-radius: 4px;
  border: 1px solid #E0E0E0;
  width: 100%;
  padding: 7px 10px 7px 5px;
}
.share-section .caret {
  float: right;
  margin-top: 8px;
}
[dir="rtl"] .share-section .caret {
  float: left;
}
.share-section .share-content {
  overflow: hidden;
  border: 1px solid #e0e0e0;
  padding: 5px;
  border-radius: 4px;
}
.share-section .share-content .feed-entry-item {
  margin-bottom: 0;
}

#myTabDrop1-contents .caret {
  display: none;
}
#myTabDrop1-contents.show_hide_dropdown {
  display: block !important;
}
#myTabDrop1-contents li {
  padding: 0;
}
#myTabDrop1-contents li > a {
  display: block;
  color: #000;
  padding: 5px;
}
#myTabDrop1-contents li > a:hover {
  text-decoration: none;
  background: #fafafa;
}
#myTabDrop1-contents li.active a {
  background: #fafafa;
}
#myTabDrop1-contents .hideshare-wrap {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#myTabDrop1-contents .hideshare-wrap li > a {
  padding-left: 15px;
}
#myTabDrop1-contents .hideshare-wrap li .webicon:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 23px;
  background-image: url(../img/social-icons.png);
  background-repeat: no-repeat;
}
#myTabDrop1-contents .hideshare-wrap li .webicon.facebook:before {
  background-position: 0 0;
}
#myTabDrop1-contents .hideshare-wrap li .webicon.twitter:before {
  background-position: -23px 0;
}
#myTabDrop1-contents .hideshare-wrap li .webicon.pinterest:before {
  background-position: -46px 0;
}

.share-content-action:before, .share-content-action:after {
  content: '';
  display: table;
}
.share-content-action:after {
  clear: both;
}
.share-content-action .share-action-l {
  float: left;
}
[dir="rtl"] .share-content-action .share-action-l {
  float: right;
}
.share-content-action .share-action-r {
  float: right;
}
[dir="rtl"] .share-content-action .share-action-r {
  float: left;
}

.userTagged-btn {
  color: #000000;
  padding: 3px;
  display: block;
}
.userTagged-btn .userTagged-icon {
  font-size: 28px;
}
.userTagged-btn:hover, .userTagged-btn:focus, .userTagged-btn:active, .userTagged-btn.nice-select.open {
  text-decoration: none;
  color: #000000;
}

.userTagged-field {
  width: 100%;
  text-align: left;
  position: relative;
}
[dir="rtl"] .userTagged-field {
  text-align: right;
}
.userTagged-field .user-tagging-container {
  width: 100%;
  margin-bottom: 10px;
}

.privacy-notice .privacy-notice-title {
  display: flex;
  align-items: center;
  font-weight: 500;
}
.privacy-notice .privacy-notice-title .privacy-notice-icon {
  font-size: 20px;
  display: block;
  margin-right: 3px;
}
.privacy-notice .privacy-notice-message {
  margin-left: 20px;
  background: none;
  border: none;
  padding: 0;
  font-size: 13px;
}

/*share*/
#shareFeedModal .modal-body {
  padding: 0;
}

.page_simple {
  background: none;
  padding: 0;
}

#page_share-ajax_share textarea {
  width: 100%;
  resize: none;
  min-height: 70px !important;
}

#iframeShare {
  display: block;
}

#shareFeedModal .modal-content {
  border-radius: 0;
}

#page_share-ajax_share {
  padding-bottom: 28px;
  position: relative;
  /*padding-bottom: 65px;*/
  position: relative;
  /*overflow: hidden;*/
}

#videoPcFeed .qq-upload-button {
  top: 0;
  left: 0;
  right: auto;
  text-align: center;
  width: 40px;
  height: 40px !important;
  border: none;
  background: none;
}

#videoPcFeed {
  margin-left: 0;
  width: 40px;
  border-right: 1px solid #ccc;
  overflow: hidden;
  display: inline-block;
}

#videoPcFeed .qq-upload-button .upload-section {
  padding: 6px;
  height: 40px;
  font-size: 20px;
}

#video_pc_feed_preview .video_thumb {
  width: 120px;
  height: 120px;
  background: #eeeeee;
  line-height: 120px;
  text-align: center;
  color: #9b9b9b;
  font-size: 40px;
  position: relative;
}

#video_pc_feed_preview .video_thumb .spinner {
  left: 58px !important;
  top: 58px !important;
}

#video_pc_feed_preview {
  padding-left: 5px;
  padding-right: 5px;
}

.video-feed-preview {
  position: relative;
}

.video-feed-preview-header {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 5px;
  min-height: 22px;
}
.video-feed-preview-header .close-video-feed-preview {
  position: absolute;
  top: 1px;
  right: 0;
}
.video-feed-preview-header .close-video-feed-preview-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  color: #000000;
  display: block;
}

.video-feed-review-main {
  display: flex;
}
.video-feed-review-main .video-feed-review-thumb {
  flex-grow: 0;
  margin-right: 5px;
  width: 164px;
  height: 144px;
  background: #000;
  line-height: 138px;
  text-align: center;
  color: #9b9b9b;
  font-size: 40px;
  position: relative;
  overflow: hidden;
}
.video-feed-review-main .video-feed-review-thumb img {
  width: 100%;
}
.video-feed-review-main .video-feed-review-info {
  flex-grow: 1;
}
.video-feed-review-main .video-feed-review-info .form-group:last-child {
  margin-bottom: 0;
}

#myTabDrop1-contents {
  position: absolute;
  background: #fff;
  z-index: 20;
  list-style: none;
  width: 100%;
  border: 1px solid #dfdfdf;
  border-top: none;
  padding: 0;
  display: none;
}

.list_tabshare {
  position: relative;
  width: 50%;
}

.share-content div.album-cover {
  margin-top: 10px;
}

#page_share-ajax_share .textcomplete-dropdown {
  max-height: 200px;
  overflow: auto;
}

.user-tagging-container .twitter-typeahead {
  max-width: 100%;
}

.tt-dataset-friends_userTaggingOnShareForm {
  max-height: 200px;
  overflow: auto;
}

ul.activity_content.activity_friend_add .user-list-index .user-idx-item .open > .dropdown-menu {
  min-width: 100%;
}

ul.activity_content.activity_friend_add .user-list-index .user-idx-item .open > .dropdown-menu > li {
  width: auto;
  float: none;
  padding: 0;
  text-align: center;
}

.current_subscription_info {
  margin-bottom: 15px;
}

.subscription_text {
  margin-bottom: 15px;
}

.compare-table {
  display: flex;
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
  vertical-align: top;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.compare-table .compare-item {
  display: flex;
  width: 33.3333333%;
  min-width: 33.3333333%;
  text-align: center;
  white-space: normal;
  padding-left: 8px;
  padding-right: 8px;
}
.compare-table .compare-item .plan-recommend {
  width: 100%;
}

.compare-item-title {
  display: flex;
  align-items: center;
}
.compare-item-title .title {
  width: 100%;
}

.compare-item .content {
  border: 1px solid #dfdfdf;
  border-radius: 4px !important;
  box-sizing: border-box;
  padding: 30px 40px 100px 40px;
  font-size: 14px;
  position: relative;
  width: 100%;
}

.compare-item .content.plan-recommend {
  border: 1px solid #EC6B54;
}

.form_gateway p {
  padding-top: 4px;
}

.plan-recommend {
  position: relative;
}

.recommend-label {
  position: absolute;
  font-size: 11px;
  background: #f00;
  padding: 3px 7px;
  color: #fff;
  right: 0;
  top: 15px;
}

.compare-item .action {
  position: absolute;
  bottom: 50px;
  text-align: center;
  left: 0;
  right: 0;
}

ul.description {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  white-space: normal;
}

ul.description li {
  margin-bottom: 10px;
  text-align: left;
}

.compare-item .content .title {
  font-size: 22px;
  margin-bottom: 10px;
}

.compare-item .content .info {
  font-size: 14px;
  line-height: 20px;
}

.compare-item .content .info span {
  font-size: 30px;
}

.compare-item .content select {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.action a {
  /*font-size: 14px;
  background: #FD7122;
  color: #fff;
  display: inline-block;
  line-height: 40px;
  padding: 0 35px;
  border-radius: 4px;
  text-decoration: none;
  border: 1px solid #CE5D31;*/
  margin-top: 20px;
}

.table-compare {
  clear: both;
  max-width: 980px;
  margin: 0 auto;
  overflow-x: auto;
}

.table-compare table {
  table-layout: fixed;
  border-collapse: collapse;
}

.table-compare table td {
  border: 1px solid #dfdfdf;
  text-align: center;
  padding: 10px 5px;
  min-width: 245px;
}

.table-compare table td select {
  width: 100%;
}

.title-package {
  padding: 15px 30px;
}

.package-name {
  font-size: 22px;
  display: flex;
  align-items: center;
}
.package-name .package-name-title {
  width: 100%;
}

.package-des {
  font-size: 13px;
  margin: 10px 0;
}

.package-des span.unit {
  color: #929292;
}

.package_content:after {
  content: '';
  display: block;
  clear: both;
}

#plan-view .modal-dialog {
  max-width: 980px;
  width: auto;
}

#select-plan {
  width: 100%;
}

.package_mobile {
  margin: 5px;
  border: 1px solid #dfdfdf;
}

.package_mobile .title-package {
  border-bottom: 1px solid #dfdfdf;
  background: #f1f1f1;
}

.package_mobile > div {
  padding: 10px;
}

.compare-feature > span {
  width: 100px;
  float: left;
}

.compare-feature {
  clear: both;
  overflow: hidden;
}

.compare-feature > div {
  margin-left: 100px;
}

.package-btn.package_action {
  margin-bottom: 15px;
}

#center .subscription_upgrade h1 {
  font-size: 18px;
  font-weight: bold;
}

.current_pack_title {
  margin-top: 20px;
  text-transform: uppercase;
}

.current_pack_name {
  margin: 10px 0;
  font-size: 24px;
  font-weight: bold;
}

.package_info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  height: 40px;
  line-height: 38px;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  padding: 2px;
  margin-bottom: 10px;
  display: flex;
}

.package_info > div {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  width: 100%;
  padding: 0 10px;
}

.package_info > div > span {
  display: inline-block;
  min-width: 80px;
}

.package_info > div + div {
  border-left: 1px solid #dfdfdf;
}

.subscription_upgrade .package_action .btn-default {
  background: #f3f3f3;
}

.package_mobile select {
  max-width: 100%;
}

.gateway_content > div {
  padding: 5px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .compare-table .compare-item {
    width: 50%;
    min-width: 50%;
  }
}
@media (max-width: 767px) {
  .compare-table .compare-item {
    width: 100%;
    min-width: 100%;
  }

  .compare-item .content {
    padding: 30px 8px 100px 8px;
  }

  .package_info {
    display: block;
    height: auto;
    border: none;
  }

  .package_info div {
    border: none !important;
    padding: 0;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  min-width: 100%;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  min-width: 100%;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
  width: 100%;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* ----------------THEME---------------- */
/* Slider */
.slick-loading .slick-list {
  background: #fff url(../img/ajax-loader.gif) center center no-repeat;
}

/* Arrows */
.slick-arrow-icon {
  display: block;
  text-align: center;
}

.slick-arrow-icon {
  background: #ffffff;
  border: 1px solid #cccccc;
  color: #000000;
  height: 30px;
  width: 30px;
  line-height: 30px;
  font-size: 30px;
  display: block;
  border-radius: 100%;
  text-align: center;
}

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 50%;
  z-index: 100;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  outline: none;
  opacity: 0.75;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  opacity: 1;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  opacity: 0.25;
}

.slick-prev {
  left: -10px;
}

.slick-next {
  right: -10px;
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 15px;
}

.slick-dots {
  position: absolute;
  bottom: -15px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 15px;
  margin: 0 2px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: none;
  background: transparent;
  display: block;
  outline: none;
  padding: 5px;
  cursor: pointer;
  font-size: 0;
  color: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background-color: #D9D9D9;
  opacity: 1;
  border-radius: 100%;
  margin: 0 auto;
}
.slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: #0b0b0b;
}

.body-dark .slick-dots li.slick-active button:before {
  background-color: #2d88ff;
}

.slick-dots-viewport {
  width: 90px;
  overflow: hidden;
  display: block;
  margin: 10px auto 0;
  position: relative;
}
.slick-dots-viewport .slick-dots {
  display: flex !important;
  align-items: center;
  transition: all 0.5s;
  position: relative;
  margin: 0;
  list-style: none;
  transform: translateX(0);
  bottom: 0;
}
.slick-dots-viewport .slick-dots li button:before {
  transform: scale(1);
}
.slick-dots-viewport .slick-dots li.slick-active button:before {
  transform: scale(1.2);
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.body-dark .select2-dropdown {
  background-color: #242526;
  border-color: #3a3b3c;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.body-dark .select2-results__options {
  color: #a8aab1;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
  min-height: 34px;
}
.body-dark .select2-container--default .select2-selection--multiple {
  background-color: #3a3b3c;
  border-color: #3e4042;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}
.body-dark .select2-container--default .select2-selection--multiple .select2-selection__clear {
  color: #e4e6eb;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 6px;
  margin-top: 6px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.body-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #242526;
  border-color: #6c6c6c;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.body-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  color: #e4e6eb;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.body-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border-right-color: #6c6c6c;
  color: #e4e6eb;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.body-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .body-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #2d88ff;
  color: #ffffff;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default .event-select2 .select2-container {
  width: 100% !important;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}
.body-dark .select2-container--default .select2-results__option--selected {
  background-color: #3e4042;
  color: #a8aab1;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}
.body-dark .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3e4042;
  color: #a8aab1;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

/**
 * selectize.css (v@@version)
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 * Copyright (c) 2020 Selectize Team & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 * @author Ris Adams <selectize@risadams.com> 
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-control .dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 4px 4px 0 0;
}
.selectize-control .dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-control .dropdown-header-close:hover {
  color: black;
}

.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content {
  display: flex;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
  padding-right: 0 !important;
}
.selectize-control.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 6px;
  border-left: 1px solid #d0d0d0;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
  margin-left: 6px;
}
.body-dark .selectize-control.plugin-remove_button .item .remove {
  border-left-color: #6c6c6c;
}
.selectize-control.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button .item.active .remove {
  border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled .item .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled .item .remove {
  border-left-color: white;
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 15px;
  top: 50%;
  font-size: 23px;
  margin-top: -9px;
}
.body-dark .selectize-control.plugin-remove_button .remove-single {
  color: #e4e6eb;
}

.selectize-control.plugin-remove_button.single .has-items:after {
  display: none !important;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown, .selectize-input, .selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  font-smoothing: inherit;
}
.body-dark .selectize-dropdown,
.body-dark .selectize-input,
.body-dark .selectize-input input {
  color: #e4e6eb;
}

.selectize-input, .selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: block;
}
.body-dark .selectize-input,
.body-dark .selectize-control.single .selectize-input.input-active {
  background-color: #3a3b3c;
}

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 30px 8px 8px;
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  min-height: 34px;
}
.body-dark .selectize-input {
  border-color: #3a3b3c;
}
.selectize-control.multi .selectize-input.has-items {
  padding: calc( 8px - 2px - 0 ) 8px calc( 8px - 2px - 3px - 0 );
}
.selectize-input.full {
  background-color: #fff;
}
.body-dark .selectize-input.full {
  background-color: #3a3b3c;
}
.selectize-input.disabled, .selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  border-radius: 4px 4px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: inline-block;
  zoom: 1;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}
.body-dark .selectize-control.multi .selectize-input > div {
  background-color: #242526;
  color: #e4e6eb;
}
.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}
.selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: white;
  border: 0 solid white;
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  user-select: auto !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input > input[placeholder] {
  box-sizing: initial;
}
.selectize-input.has-items > input {
  margin: 0 4px !important;
}

.selectize-input::after {
  content: " ";
  display: block;
  clear: left;
}

.selectize-input.dropdown-active::before {
  content: " ";
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.body-dark .selectize-input.dropdown-active::before {
  background-color: #5b5b5b;
}

.selectize-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 4px 4px;
}
.body-dark .selectize-dropdown {
  border-color: #242526;
  background-color: #242526;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}
.body-dark .selectize-dropdown [data-selectable] .highlight {
  background-color: #2d88ff;
}
.selectize-dropdown .option,
.selectize-dropdown .optgroup-header,
.selectize-dropdown .no-results,
.selectize-dropdown .create {
  padding: 5px 8px;
}
.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.selectize-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.body-dark .selectize-dropdown .active {
  color: #a8aab1;
  background-color: #3e4042;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  overflow-scrolling: touch;
}

.selectize-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px 8px;
}
.selectize-dropdown .spinner:after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 transparent #d0d0d0 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.body-dark .selectize-control.single .selectize-input:after {
  border-color: #e4e6eb transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.body-dark .selectize-control.single .selectize-input.dropdown-active:after {
  border-color: transparent transparent #e4e6eb transparent;
}

.selectize-control.rtl {
  text-align: right;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}

.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
  max-width: none !important;
}

/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
  max-width: 15000px !important;
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-tile-pane {
  z-index: 2;
}

.leaflet-objects-pane {
  z-index: 3;
}

.leaflet-overlay-pane {
  z-index: 4;
}

.leaflet-shadow-pane {
  z-index: 5;
}

.leaflet-marker-pane {
  z-index: 6;
}

.leaflet-popup-pane {
  z-index: 7;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 7;
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 900;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */
.leaflet-clickable {
  cursor: pointer;
}

.leaflet-container {
  cursor: -webkit-grab;
  cursor: -moz-grab;
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline: 0;
}

.leaflet-container a {
  color: #0078A8;
}

.leaflet-container a.leaflet-active {
  outline: 2px solid orange;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px;
}

.leaflet-control-zoom-out {
  font-size: 20px;
}

.leaflet-touch .leaflet-control-zoom-in {
  font-size: 22px;
}

.leaflet-touch .leaflet-control-zoom-out {
  font-size: 24px;
}

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  background-image: url(../img/streetmap/layers.png);
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(../img/streetmap/layers-2x.png);
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover {
  text-decoration: underline;
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}

.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
}

.leaflet-popup-content p {
  margin: 18px 0;
}

.leaflet-popup-tip-container {
  margin: 0 auto;
  width: 40px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999;
}

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
  -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
  transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.marker-cluster-small {
  background-color: rgba(181, 226, 140, 0.6);
}

.marker-cluster-small div {
  background-color: rgba(110, 204, 57, 0.6);
}

.marker-cluster-medium {
  background-color: rgba(241, 211, 87, 0.6);
}

.marker-cluster-medium div {
  background-color: rgba(240, 194, 12, 0.6);
}

.marker-cluster-large {
  background-color: rgba(253, 156, 115, 0.6);
}

.marker-cluster-large div {
  background-color: rgba(241, 128, 23, 0.6);
}

/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
  background-color: #b5e28c;
}

.leaflet-oldie .marker-cluster-small div {
  background-color: #6ecc39;
}

.leaflet-oldie .marker-cluster-medium {
  background-color: #f1d357;
}

.leaflet-oldie .marker-cluster-medium div {
  background-color: #f0c20c;
}

.leaflet-oldie .marker-cluster-large {
  background-color: #fd9c73;
}

.leaflet-oldie .marker-cluster-large div {
  background-color: #f18017;
}

.marker-cluster {
  background-clip: padding-box;
  border-radius: 20px;
}

.marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  text-align: center;
  border-radius: 15px;
  font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.marker-cluster span {
  line-height: 30px;
}

.gm-style img {
  max-height: none;
}

.gm-style .gm-style-iw-d, .leaflet-popup-content {
  color: #000000;
}

.confirm_email_resend {
  padding-bottom: 5px;
}

.confirm_email_verify {
  padding-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.input_verify_code_email {
  margin-right: 10px;
  max-width: 200px;
  text-align: center;
}

.input_verify_code_email_error {
  border-color: red !important;
}

.icon-hide-password {
  float: right;
  margin: -25px 8px -25px -25px;
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.form-control-password {
  padding-right: 30px;
}

input::-ms-reveal, input::-ms-clear {
  display: none;
}

.body-dark input:-webkit-autofill,
.body-dark input:-webkit-autofill:hover,
.body-dark input:-webkit-autofill:focus,
.body-dark input:-webkit-autofill:active,
.body-dark input.nice-select.open:-webkit-autofill {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #e4e6eb;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px #23232329;
}

.confirm_email_header {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.help-block-text {
  margin-bottom: 5px;
  font-style: italic;
}

.nice-select .group-label {
  font-weight: 700;
  line-height: 32px;
  list-style: none;
  min-height: 32px;
  outline: none;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: auto;
  opacity: 0.5;
}

.nice-select .option.option-group {
  padding-left: 20px;
}