@font-face {
  font-family: OutfitBold;
  src: url(../fonts/Outfit-Bold.ttf);
}
@font-face {
  font-family: OutfitRegular;
  src: url(../fonts/Outfit-Regular.ttf);
}
@font-face {
  font-family: OutfitSemiBold;
  src: url(../fonts/Outfit-SemiBold.ttf);
}
@font-face {
  font-family: OutfitLight;
  src: url(../fonts/Outfit-Light.ttf);
}
@font-face {
  font-family: OutfitMedium;
  src: url(../fonts/Outfit-Medium.ttf);
}


:root {
  --primary-color: #2C72D5;
  --secondary-color: #f0844a;
  --secondary-light-color: #FDEDE4;
  --yellow-color: #fd982e;  
  --default-color: #909090;
  --danger-color: #E35561;
  --default-text-color: #909090;
  --light-color: #f6f6f6;
  --content-color: #505050;
  --border-color: #C2C2C2;
  --success-color: #60C08E;
  --aqua-color: #EFF4F9;
  --bg-primary-color: #D3EBFD;
  --gray-color: #F7F7F7;
  --light-green-color: #DBF0E5;

}
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.offer-list-wrapper::-webkit-scrollbar {
  background: #888;
  height: 5px;
}
body{
    font-family: 'OutfitRegular', sans-serif;
    font-size: 100%;
}
.w-20{
    width: 20px !important;
    height: 20px !important;
}
.btn-has-avatar{
    padding: 0 !important;
}
.content-wrapper {
    min-height: auto !important;
}
.text-primary{
    color: var(--primary-color) !important;
}
.w50{
    width: 50px;
    max-width: 50px;
}
.w25{
    width: 25px;
    max-width: 25px;
}
.w20{
    width: 20px;
    max-width: 20px;
}
.bg-green-200 {
    background-color: #e9fae5!important;
}
.bg-red-200 {
    background-color: #fbe4e7!important;
}
.bg-feed-1{
    background-color: #e9fae5!important;
}
.bg-feed-2{
    background-color: #fbe4e7!important;
}
.modal_blur {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.content-wrapper{
    background-color: #fff;
}
.main-nav-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
}
.toasts-top-right{
    z-index: 9999999999999;
    margin-top: 15px;
}
.uppercase{
    text-transform: uppercase !important;
}
.h1, h1{
    font-family: 'OutfitBold', sans-serif;
    
}
.h2, h2, .h3, h3{
    font-family: 'OutfitSemiBold', sans-serif;
}
h4{
    font-family: 'OutfitSemiBold', sans-serif;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
img{
    max-width: 100%;
}
p {
    word-break: break-word;
}
ul,ol{
    list-style: none;
    padding: 0;
    margin: 0;
}
.p-6{
    padding: 25px;
}
.has-primary-bg{
    /*background: #2c72d5;*/
    background: #fff;
}
.form-group {
    margin-bottom: 5px;
}
.text-default svg{
    color: var(--default-color);
}
.f-bold{
    font-family: 'OutfitBold', sans-serif !important;
}
.bg-aqua{
    background-color: var(--aqua-color) !important;
}
.bg-gray{
    background-color: var(--gray-color) !important;
}
.bg-default{
    background-color: #F8F7F7;
}

/*TOAST*/

/*success*/
.toast.bg-success {
    background-color: #fff !important;
    color: #030303!important;
    border-left: 5px solid rgba(40,167,69,.9)!important;
}
.toast.bg-success .toast-header {
    background-color: #fff;
    color: #030303;
}
.toast-header strong {
    font-weight: normal;
}
.toast.bg-success .close, .toast.bg-success .mailbox-attachment-close {
    color: rgba(40,167,69,.9)!important;
     text-shadow: unset; 
    z-index: 1;
}
/*danger*/
.toast.bg-danger {
    background-color: #fff !important;
    color: #030303!important;
    border-left: 5px solid rgba(220,53,69,.85)!important;
}
.toast.bg-danger .toast-header {
    background-color: #fff;
    color: #030303;
}
.toast-header strong {
    font-weight: normal;
}
.toast.bg-danger .close, .toast.bg-danger .mailbox-attachment-close {
    color: rgba(220,53,69,.85)!important;
     text-shadow: unset; 
    z-index: 1;
}
/*warning*/
.toast.bg-warning {
    background-color: #fff !important;
    color: #030303!important;
    border-left: 5px solid rgba(255,193,7,.85)!important;
}
.toast.bg-warning .toast-header {
    background-color: #fff;
    color: #030303;
}
.toast-header strong {
    font-weight: normal;
}
.toast.bg-warning .close, .toast.bg-warning .mailbox-attachment-close {
    color: rgba(255,193,7,.85)!important;
    text-shadow: unset; 
    z-index: 1;
}


/*TOAST*/
.toast-body {
    min-width: 350px;
}
.page-member-profile.content-wrapper{
    background-color: #F8F7F7;
}
.page-member-profile.content-wrapper .card{
    box-shadow: unset;
}
#main-nav{
    padding: 10px 5%;
}
#main-nav.fixed-top {
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    animation:slide-down 0.5s;
}
.fixed-top .member-balance-desktop {
    color: var(--primary-color);
}
#main-nav.has-primary-bg {
/*    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;*/
    animation:slide-down 0.5s;
}
.fixed-top .logo-light{
    display: none !important;
}
.fixed-top .logo-dark{
    display: block !important;
    max-width: 200px;
}
.logo-light{
    max-width: 200px;
}
.has-primary-bg .logo-light{
    display: none !important;
}
.has-primary-bg .logo-dark{
    display: block !important;
    max-width: 200px;
}
.btn-primary{
    background: var(--primary-color);
    border-color: var(--primary-color);
}
#sell-offer-list-wrapper .btn-primary{
    background: var(--secondary-color);
    border-color: var(--secondary-color);
}
.home-banner{
    background-color: #2c72d5;
    padding-top: 200px !important;
}
.section{
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    min-height: auto;
    width: 100%;
}
.bg-yellow{
    background-color: #fff7ef !important;
}
.w100{
    max-width: 100% !important;
    width: 100% !important;
}
.right-nav .dropdown-menu{
    top: 55px;
    right: -5px !important;
}
.success-color{
    color: var(--success-color);
}

.danger-color{
    color: var(--danger-color);
}
section.home-banner.has-transparent-header {
    color: #fff;
    padding-top: 100px;
    margin-top: -130px;
    padding-bottom: 70px;

}
.header-style-1.has-transparent nav {
    background: transparent !important;
    padding: 15px 40px;
}
header .navbar-nav .nav-item a{
    font-family: OutfitMedium, sans-serif;
}
.main-header-style-1 .nav-item a{
    font-family: OutfitMedium, sans-serif;
}
.main-header-style-1 .navbar-brand {
    min-width: 200px;
    margin-left: -5px;
}
header.header-style-1 .navbar-brand {
    min-width: 200px;
}
.main-header-style-1 nav-item a {
    color: #fff;
    font-size: 1.1em;
    transition: all .3s ease;
}
header.header-style-1 .navbar-nav .nav-item a {
    color: #fff;
    font-size: 1.1em;
    transition: all .3s ease;
}
header.header-style-1 .navbar-nav .nav-item {
    min-width: 150px;
}

#main-nav.fixed-top{
    background: #fff !important;
    z-index: 999 !important;
}
#main-nav.has-primary-bg .navbar-nav li .btn-new-offer{
    color: var(--primary-color);
}

.login-menu .dropdown-toggle::after{
    display: none;
}
.login-menu.show>.btn-secondary.dropdown-toggle {
    background: #fff;
    border-color: #fff;
}
.login-menu.show>.btn-secondary.dropdown-toggle:focus{
    box-shadow: unset;
}
.login-menu .dropdown-menu-right {
    /*right: 40px !important;*/
}
.notice-link-icon .dropdown-menu.show{
    animation: rotateMenu 400ms ease-in-out forwards;
    transform-origin: top center;
}
.member-display-name {
    font-size: 15px;
}
.toggle-member-balance {
    font-size: 14px;
}
.login-menu span {
    /*margin-right: 12px;*/
}

.login-menu .dropdown-menu .dropdown-item {
    padding: 10px 20px 10px 10px;
/*    border-bottom: 1px solid #cccccc6e;*/
    font-family: 'OutfitRegular', sans-serif;
    margin-bottom: 10px;
    
}
.login-menu .dropdown-menu .dropdown-item:active{
    color: inherit;
}
.login-menu .dropdown-menu .dropdown-item svg{
    margin-right: 10px;
}
/*.login-menu .dropdown-menu .dropdown-item:first-child{
    border-top-left-radius: 10px;
}
*/

.top-menu-status h4 {
    font-size: 12px;
    color: #848484!important;
    margin-bottom: 20px;
    font-family: 'OutfitRegular', sans-serif;
}
.top-menu-status {
    background: #f8f8f8!important;
    padding: 20px 10px;
    margin-bottom: 10px;
}
.top-menu-status span {
    font-size: 14px;
}
.top-menu-dropdown {
    padding: 15px;
    height: auto;
    overflow-y: auto;
    border-radius: 4px;
}
.custom-dropdown-angle {
    position: absolute;
    right: -15px;
    top: 30%;
    transition: all .5s ease;
}
.login-menu.show .custom-dropdown-angle {
    transform: rotateX(180deg);
}
.btn-notice {
    background-color: #ceecff47;
    border: 0;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    margin-left: 15px;
    margin-right: 15px;
}
a.nav-link.notice-link-item {
    background-color: #CEECFF;
    border: 0;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 10px !important;
    text-align: center;
    position: relative;
}
.fixed-top a.nav-link.notice-link-item{
    background: #CEECFF;
}
a.nav-link.notice-link-item i {
    font-size: 20px;
    color: var(--primary-color);
}
.fixed-top a.nav-link.notice-link-item i {
    
    color: var(--primary-color);
}

.notice-link-item .navbar-badge {
    right: -2px;
    top: -5px;
    background: red;
    color: #fff;
    border-radius: 99px;
    font-size: 10px;
    border: 1px solid;
    padding: 4px;
    width: 20px;
    height: 20px;
}
.main-header-style-1 .left-nav li a {
    color: #fff;
    font-size: 18px;
}
.has-primary-bg .left-nav li a {
    color: #000;
    font-size: 18px;
}

.main-header-style-1.fixed-top .left-nav li a {
    color: #000;
}
.main-header-style-1 .left-nav li {
/*    min-width: 150px;*/
}
.fixed-top .btn-notice {
    background: #CEECFF;
}
.fixed-top .btn-notice svg{
    color: var(--primary-color) !important;
}
.fixed-top .custom-dropdown-angle{
    color: var(--primary-color) !important;
}
.has-primary-bg .custom-dropdown-angle{
    color: var(--primary-color) !important;
}

.has-primary-bg a.nav-link.notice-link-item i{
    color: var(--primary-color);
}
.login-menu {
    margin-right: 12px;
    margin-left: 12px;
}
.btn-notice svg {
    color: #fff !important;
    width: 20px;
    height: 20px;
}
.btn-notice {
    position: relative;
}

.btn-notice span.count-notice {
    position: absolute;
    background: #fff;
    width: 20px;
    height: 20px;
    /* padding: 5px; */
    font-size: .8em;
    vertical-align: middle;
    background: red;
    color: #fff;
    border-radius: 20px;
    top: 0;
}
.login-menu .dropdown-menu {
    border: 0;
    box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
    min-width: 280px;
    padding-bottom: 5px;
    padding-top: 10px;
}
.trade-limit-status {
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 5px;
}
.login-user-name {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

span.bs-stepper-circle i {
    font-size: 10px;
}
span.bs-stepper-circle {
    display: flex;
    align-items: center;
    justify-content: center;
}
span.login-user-name b {
    font-family: 'OutfitRegular', sans-serif;
    font-size: 20px;
    font-weight: normal;
}
/* Fix menu */
nav.fixed-top .btn-outline, nav.fixed-top .btn-round-outline {
    border-color: #2c72d5;
    color: #2c72d5;
}
.btn-create-offer{
    color: var(--primary-color) !important;
    font-size: 1em !important;
}
#main-nav.fixed-top .navbar-nav li a:hover{
    color: #2c72d5;
}
/*Dropdown menu*/
.login-menu .dropdown-menu { 
    right: 0; 
    left: auto; 
    animation: rotateMenu 400ms ease-in-out forwards;
    transform-origin: top center;
}
.fixed-top .login-menu.show>.btn-secondary.dropdown-toggle{
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.fixed-top .login-menu.show .btn-secondary span{
    color: #fff !important;
}
.has-primary-bg .login-menu.show>.btn-secondary.dropdown-toggle{
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.has-primary-bg .login-menu.show .btn-secondary span{
    color: #fff !important;
}

.login-menu .btn-secondary {
    background-color: #CEECFF;
    border: 0;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    position: relative;
}
.nav-search-form .input-group-lg>.custom-select, .nav-search-form .input-group-lg>.form-control:not(textarea){
    height: 42px !important;
    padding: 5px;
}
.home-search-form .input-group.mb-3.input-group-lg {
    z-index: 1;
}
.nav-search-form .search-link-input button {
    width: 80px;
    height: 42px;
}
.search-link-input .input-group-prepend select {
    height: inherit;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 0;
    width: 100px;
    cursor: pointer;
    font-size: 18px;
    padding: .5rem 1rem;
}

.nav-search-form .search-link-input .input-group-append button {
    font-size: 1.2em !important;
    width: 50px !important;
}
.fixed-top .search-link-input{
    border: 2px solid #ccc;
    border-radius: 7px;
}
.nav-has-search-form .navbar-brand {
    margin-right: 5%;
}
.nav-search-form .dropdown-menu .dropdown-item {
    color: #000;
    font-size: 1em;
}
.login-menu .btn-secondary span{
    color: var(--primary-color);
    font-weight: bold;
}
h1.title-1 {
    font-weight: bold !important;
    line-height: 1.2em;
    margin: 15px 0;
    font-size: 3.5em;
}
.top-header-title {
    font-size: 2rem;
    font-family: 'OutfitBold', sans-serif;
}
.explore-link{
    color: var(--primary-color);
    font-family: OutfitLight, sans-serif;
}
.home-search-form {
    text-align: center;
}
.lead {
    font-family: OutfitLight, sans-serif;
    font-size: 20px;
}
.home-search-form .lead {
    text-align: center;
    margin-bottom: 5px;
}
.has-transparent .btn-outline {
    color: #fff;
}
.lead-intro p{
    font-family: OutfitLight, sans-serif;
    font-size: 20px;
}
.btn-round-outline {
    border: 1px solid;
    border-radius: 20px;
    color: #fff;
    transition: all .3s ease;
}
.has-transparent .btn-round-outline{
    border-color: #fff;
}
.has-transparent .btn-round-outline:hover{
    background: #fff;
    color: #000;
}
.has-transparent .btn {
    font-size: 1.1em;
}
.search-link-input button {
    background: #fff;
    border-color: #fff;
    font-size: 1em !important;
}
.search-link-input .input-group-lg>.form-control{
    padding: 1rem;
    border-color: #fff;
    font-size: 1rem;

}
.home-search-form .search-link-input .input-group-lg>.form-control{
    height: inherit !important;
    font-family: 'OutfitRegular',sans-serif;
    font-size: 18px;
    border-radius: 0 !important;;
}
.search-link-input .input-group-append button {
    padding-right: 20px !important;
    text-align: right;
    font-size: 1.5em !important;
    transition: all .3s ease;
    color: #2c72d5;
}

.search-link-input .input-group-append button:hover {
    background: #fff !important;
    border-color: #fff !important;
    
}
.search-link-input .dropdown-toggle::after{
    font-family: "Font Awesome 5 Pro";
    content: "\f078";
    border: 0;
    vertical-align: baseline;
}
.search-link-input .dropdown-menu{
    top: 100% !important;
    animation: rotateMenu 400ms ease-in-out forwards;
    transform-origin: top center;
}

.search-link-input .btn-outline-secondary:focus,.search-link-input .btn-outline-secondary:active {
    box-shadow: unset;
}
.btn-icon-hover-1 i{
    transition: all .5s ease;
}
.btn-icon-hover-1:hover i {
    transform: rotate3d(0, 0, 1, 360deg);
}
.search-link-input .input-group-lg>.form-control:focus {
    border-color: #fff !important;
    box-shadow: unset;
}
.home-service-item {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 1.2rem;
    border-radius: 6px;
    width: 100%;
}

.home-service-item .service-item-content {
    padding: 0 15px;
    width: 100%;
}

.item-content-head span {
    
    font-size: 1.2em;
    display: block;
    margin-bottom: .5em;
    font-family: OutfitMedium, sans-serif;
}
.home-service-list>.col-xs-12 {
    padding-left: 10px;
    padding-right: 10px;
    margin: 10px 0;
}
/** ICON BOX **/
.icon-box-list{
    margin-top: 40px;
    width: 100%;
    flex-wrap: wrap;
}
.has-box-shadow-1 {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 1.2rem;
    border-radius: 6px;
}
.icon-box-item .icon-box-content {
    padding: 0 15px;
}

.icon-box-head span {
    font-weight: bold;
    font-size: 1.2em;
    display: block;
    margin: .5em 0;
}
.icon-box-list>.col-xs-12 {
    
    margin: 10px 0;
}
.icon-box-list .icon-box-icon {
    max-width: 60px;
}
.section-offers .icon-box-list .icon-box-icon{
    max-width: 160px;
    width: 160px;
}
.icon-box-list .icon-box-icon img {
    max-width: 100%;
}
.icon-box-description {
   text-align: justify;
   font-size: 16px;
}
/** ICON BOX **/
.section-step .has-number strong {
    font-size: 2em;
    text-align: center;
    display: block;
    color: #2C72D5;
    font-family: OutfitBold, sans-serif;
}
.section-step .has-number {
    
    display: block;
}
.section-step .icon-box-head span {
    margin: 0;
}
span.icon-head-text {
    display: block;
    margin-bottom: 10px !important;
    font-weight: normal;
    color: #2C72D5;
}
/** SECTION STEP **/
.section-step .icon-box-list .icon-box-icon {
    max-width: 100px;
    border-radius: 99px;
    
}
/** SECTION BRAND **/
.section-brand{
    padding: 70px 0;
}
.list-brand .icon-box-icon {
    max-width: 100%;
    border-radius: 10px;
}

.list-brand .icon-box-item {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 10px;
    padding: 10px 25px;
    background-color: #fff;
}
.list-brand .icon-box-icon img {
    border-radius: 15px;
}
.right_nav_balance {
    align-items: center;
}
hr.gap-1 {
    border-color: #dedede;
    height: 1px;
    display: block;
    width: 100%;
   
}
h2.title-2.title-left {
    text-align: left;
    text-transform: capitalize;
}
.cus_tether_balance img {
    max-width: 30px;
    max-height: 30px;
}
.box-wallet-balance {
    min-height: 150px;
    background: url();
}
.top-menu-dropdown img {
    max-width: 20px;
    margin-right: 5px;
}
#balance_text span {
    margin-left: 2px;
    margin-right: 2px;
}
/** SECTION BUY OFFER **/
.section-offers .offer-icon{
    width: 160px;
    height: 160px;
    overflow: hidden;
}
.offer_icon_bg {
    
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.section-offers .slick-list{
    overflow: hidden !important;
}
.section-offers .offer-list .offer-list-wrapper{
    /*overflow: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    padding: 40px 40px 40px 0;*/
}
.section-offers .offer-list .offer-list-wrapper .slick-list{
    overflow: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    padding: 40px 40px 40px 0;
}
.section-offers .offer-item {
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    -webkit-box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    border-radius: 12px;
    padding: 10px;
    width: calc(50% - 30px);
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
}
.section-offers .offer-item .ribbon {
    font-size: 12px !important;
    color: #fff !important;
    background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(237,3,32,0.87) 20.8%, rgba(242,121,1,0.84) 74.4% );
}
.gallery-wrapper .ribbon{
    font-size: 12px !important;
    color: #fff !important;
    background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(237,3,32,0.87) 20.8%, rgba(242,121,1,0.84) 74.4% );
}
.offer-item .icon-head-text{
    flex-wrap: wrap;
}
.section-offers .offer-icon img {
    border-radius: 12px;
}
.section-offers .offer-content{
    height: 100%;
    padding: .5em 1em;
    width: calc(100% - 160px) !important;
}
.section-explore-offer .icon-box-head {
    max-width: 90%;
}
.btn-offer-round{
    font-family: 'OutfitRegular', sans-serif;
}
.btn-offer-round {
    border-radius: 20px;
    font-size: 16px;
    padding: 5px 30px;
}
.offer-time-last {
    font-size: .9em;
    color: var(--default-text-color);
}
.offer-time-last i {
    margin-right: 5px;
}
h3.offer-name {
    font-size: 18px;
    text-transform: capitalize;
    line-height: 28px;
    font-family: 'OutfitMedium', sans-serif;
    max-height: 56px;
    overflow: hidden;
}
h3.offer-name a{
    color: #212529;
}

.offer-name {
    margin-bottom: 0;
}
.offer-price {
    margin: 5px 0;
    color: #d0021c;
    
    white-space: nowrap;
}
.offer-price-icon {
    font-size: 20px;
}
.offer-meta span {
    position: relative;
    font-size: .9em;
    margin-right: 5px;
    color: var(--default-text-color);
}
.offer-meta span:not(:last-child):after {
    content: "|";
    padding-left: 5px;
}
.offer-price-main strong {
    font-size: 1.1em;
    font-family: OutfitBold, sans-serif;
    line-height: 30px;
}
.offer-price-note {
    font-size: .9em;
    display: none;
}
.offer-price-main {
    margin-right: 10px;
}
.section-offers .offer-list-wrapper .slick-list::-webkit-scrollbar {
  display: none;
}
.row-slide-offers .offer-list {
    position: relative;
    margin-top: 0;
}
.row-slide-offers .slick-list {
  overflow: hidden;
}
.offer-navigate {
    position: absolute;
    cursor: pointer;
    top: calc(50% - 15px);
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 30px;
    text-align: center;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.offer-navigate i {
    font-size: 1.6em;
}
.offer-navigate svg {
    height: 30px !important;
    width: 30px !important;
    cursor: pointer;
}
.offer-nav-next{
    right: 0;
}
.offer-nav-prev{
    left: 0;
    z-index: 9;
}
.offer-nav-pre{
    right: 0;
    z-index: 9;
}

.lead-intro.lead-left {
    margin: 0;
    text-align: left;
}
.section-offers .offer-list .offer-list-wrapper button {
    display: none !important;
}
/** [section trust] */
.section-trust{
    background-color: #f7f7f7;
    padding: 100px 0;
}
.list-trust {
    max-width: 100%;
    margin: 20px auto;
}

.list-trust .icon-box-list-item {
    width: 32%;
    -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 15px;
    border-radius: 10px;
    background-color: #fff;
}
.list-trust .icon-box-list-item .icon-box-item{
   height: 100%;
}
.list-trust .icon-box-list-item .icon-box-item .icon-box-description{
   text-align: left;
   font-size: 1.1em;
   color: var(--primary-color);
  
}
.list-trust .icon-box-list-item .icon-box-head .has-number {
    font-size: 1.6em;
    margin: 0;
    font-family: 'OutfitSemiBold', sans-serif;
}
/** [SECTION CTA] */
.section-cta {
    padding: 160px 0;
    background-color: var(--primary-color);
    background-image: url(../images/icons/image-cta.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}
.btn-cta {
    background: #fff;
    color: var(--primary-color);
    padding: 10px 20px;
    font-family: 'OutfitMedium', sans-serif;
    border-radius: 25px;
    font-size: 18px;
}
.section-cta h3 {
    margin-bottom: 0.5em;
    font-size: 40px;
    
    color: #fff;
}
.section-cta p {
    margin-bottom: 1em;
    font-size: 22px;
    line-height: 1.8em;
    color: #fff;
}
/** [FOOTER] */
footer ul {
    list-style: none;
    padding: 0;
}
.section-footer{
    padding: 60px 0 10px 0;
    padding-top: 40px;
}
.logo-footer {
    margin-bottom: 15px;
}
h3.head-menu-footer {
    font-size: 16px;
    height: 30px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--default-text-color);
    font-family: 'OutfitMedium', sans-serif;
    border-left: 4px solid var(--primary-color);
    height: 20px;
    padding-left: 5px;
}
ul.menu-footer {
    list-style: none;
    padding: 0;
}
ul.menu-footer li {
    padding: 5px 0;
    margin-right: 10px;
}

ul.menu-footer li a {
    color: #302e2e;
   font-size: 16px;
}
.menu-socials {
    display: flex;
    justify-content: flex-start;
}
ul.menu-footer li a img {
    width: auto;
    border-radius: 5px;
}
footer hr {
    margin-top: 1em;
    margin-bottom: 1em;
}
.logo-footer a {
    margin-left: -15px;
}
ul.menu-footer {
    margin-bottom: 0;
}
.list-app li a img {
    max-width: 25px;
    margin-right: 5px;
}
.list-app li:first-child{
    margin-right: 20px;
}
.list-app li {
    
    border: 1px solid #ccc;
    padding: 5px 15px;
    border-radius: 5px;
}
.footer-description {
    font-size: 16px;
}
.absolute-footer p {
    margin: 0;
}
.download-app ul {
    margin: 0;
}
/*Explore buy offer page*/
.section-title-fixed-top{
    margin-top: 0 !important;
    padding-bottom: 100px !important;
}
.list-offer-left-sidebar {
    background: #f7f7f7;
    min-height: 500px;
    padding: 1em;
    border-radius: 10px;
}
.select-method {
    background: #fff;
    max-width: 95%;
    padding: 5px;
    border-radius: 20px;
    text-align: center;
    margin: 0 auto;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.checked-background label:after {
    display: none;
}
.checked-background label:before {
    display: none;
}
.checked-background {
    padding-left: 0 !important;
    width: calc(50% - .2rem);
    transition: all .4s ease;
    text-align: center;
    margin-right: 0 !important;
    justify-content: center;
    padding: 5px;
    border-radius: 20px;
}
.checked-background .custom-control-label{
    width: 100%;
    cursor: pointer;
}
.is-checked {
    background: #CEECFF;
   
}
.is-checked .custom-control-label{
    color: var(--primary-color);
    font-weight: bold;
}
.filter-item {
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
.row.filter-item>.col {
    padding-left: 10px;
    padding-right: 10px;
}
.filter-item label {
    font-weight: bold;
}
.row.filter-item>.col-md-2 {
    padding: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
}

.row.filter-item>.col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
}
.btn-submit {
    display: block;
    width: 100%;
}
.col-status .custom-control {

    width: auto;
    font-size: .9em;
    margin: 0;
    font-weight: normal;
}

.col-status .custom-control label {
    font-weight: normal;
}

.col-status {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.has-fix-search-form header.header-style-1 .navbar-nav .nav-item {
    width: 1000px;
    min-width: auto;
}

.has-fix-search-form header.header-style-1 .navbar-nav {
    margin-left: auto;
}
.has-fix-search-form .input-search-link{
    font-size: 1.05rem;
}
.has-fix-search-form .header-search-form .input-group-lg>.input-group-prepend>.btn{
    font-size: 1.05rem;
    border-color: #ced4da;
}
.has-fix-search-form .header-search-form .input-group>.input-group-append>.btn{
    font-size: 1.05rem;
    border-color: #ced4da;
}
.section-top{
    padding-top: 100px;
    padding-bottom: 0;
}
.gallery-slider-nav {
    margin-top: 10px;
   
}
.gallery-slider-nav .slick-active{
    /*border: 2px solid transparent;*/
}
.gallery-slider-nav .gallery-nav-image.slick-current{
    border-color: var(--primary-color);
}
.sell-offer-style .gallery-slider-nav .gallery-nav-image.slick-current{
    border-color: var(--secondary-color);
}
.gallery-wrapper{
    position: relative;
}
.gallery-main-image img {
    border-radius: 10px;
    margin: 0 auto;
    max-height: 500px;
}
.gallery-main-image {
    width: 200px;
    height: 470px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 8px;
}
.breadcrumb{
    background: #fff;
    padding-left: 0;
    margin-bottom: 0;
}
.section-detail-top{
    padding-top: 10px;
}
.gallery-nav-image img {
    width: 100%;
    display: block;
    cursor: pointer;
}

/*gallery-nav-image {
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 5px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
}*/

.gallery-status {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background: var(--primary-color);
    color: #fff;
    font-size: .8em;
    text-align: center;
    padding: 5px;
    z-index: 99;
}
.gallery-nav-image {
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 5px;
    height: 80px !important;
    width: 80px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.bg-primary{
    background-color: var(--primary-color) !important;
}
/*[list buy offers]*/
.offer-list-inner .table thead th{
    border-bottom: 0;
}
.offer-list-inner .table thead th{
    border-top: 0;
}
table#offer-list-table thead tr th:first-child {
    width: 30% !important;
}

.offer-item-icon {
    width: 60px;
    height: 60px;
    text-align: center;
    margin-right: 5px;
    position: relative;
}
.offer-owner-name{
    margin: 2px 0;
    word-break: break-word;
    font-size: 14px;
}
.offer-owner-name .link-follow {
    margin: 0;
}
.offer-owner-content {
    width: calc(100% - 66px);
}
.offer-item-icon span {
    display: block;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 60px;
    color: #fff;
    font-size: 1.5em;
}
.offer-owner-item {
    padding: 0px;
}
.offer-count {
    font-size: .9em;
}
.offer-list-table .offer-item-icon {
    /*width: 50px;
    height: 50px;*/
}

.offer-list-table .offer-item-icon span {
    width: 50px;
    height: 50px;
}
.offer-likes {
    font-size: .9em;
}
.offer-likes svg {
    color: var(--yellow-color);
}
.profile-avatar{
    min-width: 250px;
}
.profile-avatar .offer-item-icon img {
    border-radius: 60px;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    padding: 4px;
    width: 60px;
    height: 60px;
}
.status-dot {
    width: 5px;
    height: 5px;
    border-radius: 99px;
    display: block;
    padding: 5px;
    margin-right: 5px;
    position: absolute;
    top: 5px;
    right: -3px;
    border: 1px solid #fff !important;
}
.status-text {
   font-size: .9em;
}
.offer-list-inner .table td, .offer-list-inner .table th{
    padding: .75rem .25em;
}
.offer-owner-status{
    padding-left: 10px;
}
.section-list-item .offer-item{
    box-shadow: none;
    width: auto;
    margin-right: 0;
    padding: 0;
}
.icon-box-item h3.offer-name a, {
    transition: all .4s ease;
}
.icon-box-item:hover h3.offer-name a {
    color: var(--primary-color) !important;
}

.section-list-item .offer-icon{
    max-width: 150px;
}
#offer-list-table tbody tr td {
   /* vertical-align: middle;*/
}
.section-list-item .offer-owner-item {
    padding: 0px;
    padding-right: 1em;
}
#offer-list-table_paginate .paginate_button:not(.active) a {
    border-color: #fff;
}
#offer-list-table_paginate .paginate_button.active a {
    background: #dee2e6;
    border-color: #fff;
    color: #000;
    
}
#offer-list-table_paginate .paginate_button a {
    font-size: .9em;
    border-radius: 5px;
    box-shadow: none;
    
}

#offer-list-table_paginate .paginate_button {
    margin: 0 5px;
}
#offer-list-table tbody tr td {
    border-bottom: 2px solid #f7f7f7;
    border-top: 0;
}

#offer-list-table {
    margin-bottom: 10px !important;
}
#offer-list-table thead tr th {
    border-bottom: 2px solid #f7f7f7;
}
.meta-icon {
    margin: 0 10px 0 0;
    color: var(--default-color);
    font-size: .9em;
}
.meta-icon-link:not(:last-child) {
    margin: 0 15px 0 0;
}
.meta-icon-link {
    color: #585858;
    position: relative;
    width: 30px;
    height: 30px;
    background: #f0f0f0;
    border-radius: 30px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
.offer-detail-title h1 {
    font-size: 1.8em;
    word-break: break-word;
    font-weight: bold;
}
.meta-icon-status:not(:last-child):after {
    content: "|";
    padding-left: 5px;
}
.offer-detail-desc {
    
}
.offer-content-title h3 {
    font-size: 20px;
    font-weight: bold;
    color: var(--default-color);
    margin-top: 5px;

}
.meta-brand h3{
    font-size: 20px;
}
.offer-countdown-wrapper {
    margin-top: 0.9em;
}
.offer-countdown-action {
    text-align: center;
}

.offer-countdown-action a {
    display: inline-block;
    max-width: 200px;
/*    margin: 15px auto 0 auto;*/
    border-radius: 25px;
    padding: 8px 30px;
    font-family: 'OutfitSemiBold', sans-serif;
    font-size: 16px;
}
.offer-countdown-wrapper {
    padding: 1em;
    background-color: #ebf7ff;
    border-radius: 10px;
}
.countdown-item {
    text-align: center;
    position: relative;
    border-right: 1px solid var(--border-color);
    width: 25%;
}
.countdown-item:last-child{
    border: 0;
}
.countdown-item span {
    display: block;
    font-family: 'OutfitLight', sans-serif;

}
.countdown-item .countdown-item-number{
    font-family: 'OutfitMedium', sans-serif;
}
.countdown-item span:first-child {
    font-weight: bold;
    font-size: 1.5em;
}
.countdown-item:not(:last-child):after {
    /*content: "|";
    padding-right: 10px;*/
}
.trust-notice {
    padding: 8px;
    border: 1px dashed var(--border-color);
    border-radius: 7px;
    font-size: 1em;
    width: 100%;
    display: none;
}
.offer-detail-section-left .offer-price-main {
    font-size: 1.5em;
}
.offer-detail-profile {
    padding: 10px 15px;
    background-color: var(--light-color);
    border-radius: 5px;
    border: 1px solid #f0f0f0;
    margin-top: 0;
}
.profile-avatar h4 {
    font-size: 1.2em;
    font-weight: bold;
}
.profile-avatar .offer-owner-status{
    padding-left: 0;
}
.link-follow {
    color: var(--primary-color);
    margin-left: 5px;
}
.offer-status-count span {
    display: block;
}
.offer-status-count {
    flex-basis: auto;
    text-align: center;
    padding: 0 15px;
    font-size: 18px;
}
.offer-status-count:not(:last-child) {
    border-right: 1px solid #ccc;
    
}
.offer-status-count span:first-child {
    color: var(--default-color);
}
.bg-red-100{
    background: #fff9fa!important;
}
.color-like{
    color: var(--success-color);
}
.color-dislike{
    color: var(--danger-color);
}
.offer-status-count span:last-child {
    font-weight: 500;
    font-size: 14px;
}
.home-service-list{
    margin-top: 40px;
}
.home-service-item .service-item-icon {
    max-width: 80px;
    /*background: #CEECFF;
    padding: 10px;
    border-radius: 10px;*/
}
.home-service-item .service-item-icon img {
    max-width: 100%;
}
.item-content-description {
    padding-right: 10px;
}
.span-icon {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 25px;
    height: 25px;
    padding: 10px;
    margin-right: 5px;
}
.icon-shield{
    background-image: url(../images/icons/icon-shield.png);
}
.offer-card-section .card-header{
    background-color: var(--light-color);
    font-size: 20px;
}
.table.table-borderless td, .table.table-borderless th{
    border: 0;
}
.table-offer-content tr td:first-child {
    width: 30% !important;
    font-family: 'OutfitSemiBold', sans-serif;
}
.click_to_view {
    font-size: .75em;
    width: 110px;
}
.wallet-balance-notice i {
    color: #05c605;
    font-size: 20px;
}
.btn_max_asset {
    cursor: pointer;
}
.offter-detail-main-content{
    color: var(--content-color);
}
.offer-short-content {
    line-height: 25px;
    font-size: 16px;
}
.col-md-7.col-xs-12.col-offer-gallery {
    padding-left: 15px;
}
.col-md-5.col-xs-12.col-offer-gallery {
    padding-right: 15px;
}
.has-round-border{
    background-color: #fff;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;;
    -webkit-box-shadow: box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.checkout-offer-wrapper{
    padding: 15px;
    margin-top: -70px;
}
.section-title-checkout {
    margin-top: 0 !important;
    padding-bottom: 50px !important;
    padding-top: 90px !important;
}
.box-product-small .box-product-image {
    max-width: 80px;
}
.box-product-small .box-product-image img{
    width: 100%;
}
.box-product-content .box-product-content-title h1 {
    font-size: 18px;
    font-family: 'OutfitMedium', sans-serif !important;
}
.box-product-content {
    width: 70%;
}
.checkout-offer-pricing-detail:first-child{
    padding-top: 0;
}
.checkout-offer-pricing-detail:last-child{
    padding-bottom: 0;
}

.checkout-offer-pricing-detail {
    padding: 8px 0;
}
.checkout-offer-pricing-detail:not(:last-child) {
    border-bottom: 2px dotted var(--border-color);
}
.total-cost .pricing-detail-item {
    font-size: 20px;
    font-family: 'OutfitBold', sans-serif;
}
.pricing-detail-item .badge-success i{
    color: #fff;
}
.checkout-card-detail .card-header {
    font-size: 20px;
    background: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.checkout-card-detail .card-header:after {
    display: none;
}
.checkout-card-detail .card-footer {
    background: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.checkout-card-content ul li {
    margin-bottom: 5px;
}
.checkout-card-detail .card-header a {
    font-size: 16px;
    font-family: 'OutfitRegular',sans-serif !important;
}
.checkout-card-detail {
    border: 0;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;;
    -webkit-box-shadow: box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    margin-bottom: 0;
}
.checkout-card-content h5 {
    font-family: 'OutfitSemiBold', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--default-text-color);
}
.checkout-card-detail .card-footer {
    border-top: 1px solid var(--border-color);
}
.checkout-card-content-header svg {
    width: 10px !important;
    height: 10px !important;
}
.checkout-card-content.content-half {
    flex: 0 0 50%;
    width: 50%;
}
.checkout-card-wallet-icon {
    width: 50px;
    margin-right: 10px;
}

.wallet-balance-amount {
    font-family: 'OutfitMedium',sans-serif;
    font-size: 18px;
}
.wallet-balance-notice svg {
    color: #05c605;
    font-size: 20px;
}
.btn-go-checkout {
    padding: 12px;
    margin-top: 10px;
    width: 100%;
    font-size: 18px;
    font-family: 'OutfitSemiBold',sans-serif;
    border-radius: 30px;
}
.section-checkout-detail {
    padding-bottom: 60px;
}
.active-link{
    color: #007bff;
    cursor: pointer;
}
.modal-edit-infomation .modal-dialog {
    max-width: 700px;
}
.btn-modal {
    padding: 5px 20px;
    font-size: 14px;
}
.section-offer-detail{
/*    padding-bottom: 0;*/
}
h5.modal-title {
    font-family: 'OutfitBold', sans-serif;
}
.section-title-confirm-checkout {
    padding-top: 80px;
    padding-bottom: 80px;
}
.section-title-confirm-checkout .title-1 {
    font-size: 35px;
}
.checkout-confirm-step .bs-stepper-label {
    color: #fff;
    font-family: 'OutfitRegular',sans-serif !important;
    font-weight: normal;
}
.checkout-confirm-step .bs-stepper-circle{
    width: 0;
    height: 0;
}
.checkout-confirm-step .bs-stepper-circle i{
    width: 1em;
    height: 1em;
}
.checkout-confirm-step .bs-stepper .step-trigger{
    padding: 0;
}
.feedback_wrapper {
    padding: 10px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    margin-bottom: 10px;
}
.custom_preview .jconfirm-buttons button {
    text-transform: capitalize !important;
}
.shipping-status-html .pricing-detail-item .btn {
    font-size: 14px;
    min-width: 180px
}
.shipping-status-html .pricing-detail-item .btn i {
    font-size: 12px;
}
.shipping-status-html .pricing-detail-item:last-child {
    display: flex;
    align-items: flex-end;
}
/**myScrollChat**/
#customer_chat_container_outside{
    overflow: hidden;
}
.is_new_msg {
   
    background: red;
    color: red !important;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    position: absolute;
    font-size: 10px;
    right: 0;
    top: -5px;
    text-align: center;
    padding: 5px;
    overflow: hidden;
}
#myScrollChat {
  display: none; /* hide the button by default */
  position: fixed; /* fixed position */
  bottom: 20px; /* 20px from the bottom */
  right: 30px; /* 30px from the right */
  z-index: 99; /* make sure the button appears on top of other elements */
  font-size: 18px;
  border: none;
  outline: none;
  background-color: transparent;
  color: #555;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
  transition: opacity 0.2s ease-in-out;
  background-color: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    color: #333;
}

#myScrollChat:hover {
  opacity: 0.7; /* reduce opacity on hover */
}

#myScrollChat.fadeout {
  opacity: 0; /* fade out the button after scrolling is complete */
  transition: opacity 0.5s ease-in-out;
}
/**myScrollChat**/
/**custom_timeline**/
.custom_timeline {
  margin: 0;
  padding: 0;
  list-style: none;
   
  counter-reset: step;
}

.custom_timeline li {
  float: left;    
  text-align: center;
  width: 20%;   
  position: relative;  
}

.custom_timeline li:before {
    content: "";
    line-height: 25px;
    width: 25px;
    height: 25px;
    display: block;
    border-radius: 100%;
    border: 1px solid #CCC;
    margin: 0 auto 5px auto;
    background: var(--primary-color);
    position: relative;
    z-index: 2;
}
.custom_timeline li.active:before{
    background-color: #fff;
    background-image: url(/templates/images/success-checked.png);
    background-size: cover;
}
.custom_timeline li span {
    display: block;
    font-size: 14px;
}
.custom_timeline li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: #dddddd3b;
  display: block;
  position: absolute;
  top: 11px;
  left: 50%;
  z-index: 1;
}

.custom_timeline li:last-child:after {
  content: none;
}
.custom_timeline li.active {
  color: #fff;
}
.custom_timeline li.active:before {
  border-color: #fff;  
}
.custom_timeline li.active:after {
  background: #fff;  
}
.page-confirm-checkout .checkout-offer-wrapper{
    margin-top: 0;
    box-shadow: unset;
}
.checkout-confirm-left .checkout-offer-wrapper{
    padding: 0;
}
.page-confirm-checkout .checkout-card-detail {
    margin-top: -70px;
}
.offer-status-success{
    color: var(--success-color) !important;
}
.offer-status-warning{
    color: var(--yellow-color) !important;
}
.page-confirm-checkout .checkout-card-detail .card-header{
    font-size: 18px;
}
.checkout-card-detail .offer-detail-profile{
    margin-top: 0;
}
.direct-chat .card-header {
    padding: 0;
}
.direct-chat .offer-detail-profile{
    background-color: #fff;
    width: 100%;
    border: 0;
}
.direct-chat .offer-status-count {
    font-size: 15px;
    font-family: 'OutfitLight', sans-serif;
    padding:0 5px;
    margin-right: 5px;
    align-items: center;
}
.direct-chat .offer-status-count span {
    font-weight: normal;
    margin-right: 5px;
}
.direct-chat .offer-status-count i {
    margin-right: 5px;
}
.btn-send-message img {
    max-width: 25px;
}
/*.form-send-message {
    border: 0;
}*/

.direct-chat .card-footer {
    padding: 20px;
}
.direct-chat-img{
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.form-send-message .input-group-prepend span {
    border-radius: 8px !important;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    cursor: pointer;
}
.comfirm-checkout-cost {
    margin-top: 20px;
    border-top: 2px solid #ccc;
    padding-top: 20px;
}
.direct-chat-text {
    /* padding: 10px 15px; */
    background: transparent;
    text-align: left;
    border: 0;
    margin-bottom: 10px;
    padding: 0;
    
}
.direct-chat-text .msg_chat_content{
    padding: 10px 15px;
    background-color: #d2d6de;
    margin: 0 !important;
}
.direct-chat-text::before{
    display: none;
}
.direct-chat-text::after{
    display: none;
}

.direct-chat-messages{
    height: 500px;
}
.right-chat-text{
    background: transparent;
    border:0;
    text-align: right;
}
.direct-chat-text .msg_chat_content{
    padding: 10px 15px;
    color: #fff;
    border-radius: 10px;
    border: 0;
    color: #444;
    margin: 5px 0 0 50px;
    position: relative;  
    line-height: 24px;
    background: #f8f8f8;
    color: #333 !important;
}
.mess_system {
  color: #fff;
  border-radius: 10px;
  border: 0;
  color: #444;
  position: relative;
  line-height: 24px;
  color: #333 !important;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
}

.right-chat-text:before{
    border-right-color: var(--primary-color) !important;
    display: none;
}
.direct-chat-msg{
    margin-bottom: 0;
    padding-bottom: 10px;
}
.direct-chat-msg .msg_chat_content{
    color: #fff;
    font-size: 14px;
}
.right-chat-text .msg_chat_content {
    color: #fff;
    border-radius: 10px;
    border: 0;
    color: #444;
    margin: 5px 0 0 50px;
    padding: 10px;
    position: relative;
    background: var(--primary-color) !important;
    color: #fff;
    padding: 10px 15px;
    color: #fff !important;

}
.msg_color_1 .direct-chat-text .msg_chat_content{
    background: #d1ecfa !important;
    border-color: #d1ecfa !important;
}
.direct-chat-infos {
    display: block;
    font-size: .8em;
    margin-bottom: 2px;
    color: #333!important;
    font-weight: 400;
    
}
.direct-chat-infos .direct-chat-name {
    font-weight: 400;
    color: #333!important;
}
.direct-chat-timestamp {
    color: #333!important;
}
.create-offer-status{
    background-color: var(--aqua-color);
}
.create-offer-status .bs-stepper .step-trigger{
    flex-wrap: nowrap;
}
.btn-round-style-1 {
    padding: 10px 40px;
    border-radius: 30px;
    min-width: 170px;
    font-size: 18px;
    font-family: 'OutfitMedium', sans-serif;
}

.create-offer-wrap .btn {
    margin: 0 20px;
}
.page-create-offer .section-detail-top .container {
   /*width: 1100px;*/
}
.section-url-hightlight{
    background-color: var(--light-color);
}
.section-url-hightlight .container {
    max-width: 1300px;
}
.url-hightlight-content {
    border: 1px dashed #3D73CE;
    padding: 10px;
    border-radius: 8px;
    margin-top: 30px;
    background-color: #D3EBFD;
    color: var(--primary-color);
    text-decoration: underline;
}
.section-url-hightlight .breadcrumb {
    background: transparent;
}
.section-url-hightlight h3 {
    font-size: 20px;
    font-family: 'OutfitRegular', sans-serif;
}
.bs-stepper-circle {
    width: 1.3em;
    height: 1.3em;
    line-height: .5em;
    padding: .25em 0;
    border-color: #6c757d;
    border-width: 1px;
    border-style: solid;
    background-color: transparent;
}
.bs-stepper-circle svg {
    width: .8em !important;
}
.create-offer-stepper .active .bs-stepper-circle{
    border: 0;
}
.create-offer-stepper .active .bs-stepper-label{
    color: #007bff;
}
.bs-stepper-label{
    font-family: 'OutfitRegular',sans-serif;
    font-weight: normal;
}
.form-create-offer .custom-radio .custom-control-input~.custom-control-label {
    border: 2px dashed #C2C2C2;
    padding: 15px 20px;
    text-align: center;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    width: 100%;
    transition: all .3s ease;
}
.form-create-offer .custom-radio .custom-control-input~.custom-control-label span {
    display: block;
    font-family: 'OutfitLight',sans-serif;
    font-weight: normal;
    font-size: 14px;

}
.form-create-offer .custom-radio .custom-control-input:checked~.custom-control-label {
    border: 2px solid #3D73CE;
}
.form-create-offer .custom-radio .custom-control-label::before{
    display: none;
}
.form-create-offer {
    max-width: 700px;
    margin: 0 auto;
}
.form-create-offer .input-group-append{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.form-create-offer .input-group-append .input-group-text {
    width: 50px;
    text-align: center;
    font-size: 14px;
    justify-content: center;
    cursor: pointer;
}
.form-create-offer .input-group-prepend .input-group-text {
    width: 50px;
    text-align: center;
    font-size: 14px;
    justify-content: center;
    cursor: pointer;
}
.form-create-offer .custom-radio .custom-control-input~.custom-control-label h5{
    font-family: 'OutfitMedium',sans-serif;
    font-size: 20px;
}
.form-create-offer .custom-radio {
    padding: 0;
}
input.qty{
    border-radius: 0;
}
span.form-control-note {
    font-size: 13px;
    margin-top: 10px;
    display: block;
    word-break: break-word;
}
.section-wallet {
    padding-top: 45px;
    padding-bottom: 30px;
}
.create-offer-wrap .btn:last-child {
    margin-right: 0;
}
.section-wallet h2{
    color: #000;
}
.vertical-tab-style-1 {
/*    max-width: 250px;*/
    border: 0;
}

.vertical-tab-style-1 a {
    border: 0;
    background: #fff;
    margin-bottom: 1px;
    border-radius: 0;
    padding: 15px;
    font-size: 16px;
    
}
.vertical-tab-content h3 {
    margin-bottom: 10px;
    font-size: 25px;
}
.content-wallet-wrapper .container {
    max-width: 1300px;
}
.vertical-tab-content .info-box {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 8px;
    padding: 20px 10px;
}
.vertical-tab-style-1 .nav-link{
    background: transparent !important;
    border-radius: 5px !important;
}

.vertical-tab-style-1 .nav-link.active{
    background: #fff !important;
}
.vertical-tab-style-1 .nav-link svg{
    margin-right: 10px;
}
.page-buy-sell-history.content-wrapper {
    background-color: #F8F7F7;
}
.transaction-status a {
    float: right;
}
.table-transaction thead.thead-dark th {
    background: #f7f7f7;
    border-top: 0;
    color: var(--default-color);
    border-bottom: 1px solid var(--gray-color);
    font-family: OutfitRegular, sans-serif !important;
    font-size: 16px;
    font-weight: normal;
}
.vertical-tab-content .info-box .info-box-text {
    font-family: 'OutfitSemiBold',sans-serif;
}
.vertical-tab-content .info-box .info-box-number{
    font-family: 'OutfitBold',sans-serif;
    font-size: 28px;
}  
.vertical-tab-content .info-box-appro-percent .badge {
    padding: 5px 10px;
    border-radius: 15px;
} 
.vertical-tab-content .info-box-appro-percent .bg-success{
    background-color: var(--light-green-color) !important;
    color: var(--success-color) !important;
}
.vertical-tab-content .info-box-appro {
    display: flex;
    align-items: center;
    justify-content: start;
}
.vertical-tab-content .info-box-appro .info-box-appro-total{
    margin-right: 10px;
}
.vertical-tab-content span.badge {
    font-size: 14px;
    
    font-family: 'OutfitRegular', sans-serif !important;
    font-weight: normal;
}
.vertical-tab-content span.badge svg {
    width: 10px;
}
.faq-tab .card{
    box-shadow: unset;
}
.faq-deposit {
    margin-top: 20px;
    margin-bottom: 20px;
    color: var(--default-color);
}
.form-send-asset span i {
    font-size: 25px;
}
.faq-deposit a {
    text-decoration: underline;
}
.gray-line{
    border-color: var(--gray-color);
}
.latest-transaction-header {
    margin: 10px 0 20px 0;
}
.latest-transaction-header h3{
    margin: 0;
    font-family:'OutfitSemiBold', sans-serif !important;
    font-size: 20px;
}
.tab-content-history .latest-transaction-header {
    margin-top: 0;
}
.tab-content-history form{
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
form.form-search-ver-tab .col-search-meta{
    float: left;
}
.col-search-meta .form-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    padding: 0;
}

.col-search-meta .form-row .form-group {
    margin: 0 !important;
}

.col-search-meta .form-row .form-control {
    padding: 0;
    border: 0;
    height: 40px;
}
.col-search-meta:last-child .form-row {
    padding-right: 0;
    border: 0;
    padding: 0;
}
form.form-search-ver-tab .col-search-meta .btn{
    height: 40px;
    margin: 0;
    width: 100%;
}
.col-search-meta .form-row label {
    margin: 0;
}
form.form-search-ver-tab .col-search-meta:first-child {
    padding-left: 5px;
}

form.form-search-ver-tab .col-search-meta:last-child {
    padding-right: 5px;
}
.crypto-address input {
    min-height: 50px;
    background: #E1F3FF !important;
    color: #000;
    border: 0;
    border-radius: 7px;
    font-size: 15px;
}
.address-qrcode {
    text-align: center;
}
.address-qrcode img {
    max-width: 120px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    border-radius: 5px;
    margin: 10px auto; 
    border: 8px solid #fff;
}
.crypto-address h4 {
    font-family: 'OutfitSemiBold',sans-serif;
    font-size: 20px;
}
.form-send-asset .tab-pane {
    padding-top: 20px;
}
.crypto-address input {
    min-height: 50px;
    background: #E1F3FF !important;
    color: #000;
    border: 0;
    border-radius: 7px;
}
.wallet-address-input{
    color: #000;
    border: 0;
    border-radius: 7px;
}
.form-send-asset .form-group-icon .input-group-text {
    min-height: 68px;
    border: 0;
    min-width: 68px;
    padding: 5px;
    align-items: center;
    justify-content: center;
    background: #E1F3FF;
}
.form-send-asset .form-group-icon .input-group-text svg{
    color: var(--primary-color);
    width: 1.5em;
    height: auto;
}
.form-send-asset .wallet-address-input {
    
}

.asset-balance {
    width: calc(100% - 68px);
    padding: 10px;
    background-color: var(--gray-color);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    font-family: 'OutfitSemiBold',sans-serif;
}
.asset-to-usd {
    min-width: 50%;
    display: flex;
    align-items: center;
    justify-content: start;
    font-family: 'OutfitSemiBold',sans-serif;
    font-size: 18px;
    color: var(--default-color);
    padding-left: 20px;
}
.quick_min_max {
    min-width: 30%;
    display: flex;
    align-items: center;
}
.quick_min_max button {
    font-size: 12px;
    margin-left: 20px;
}
.tab-content-balance .tab-pane {
    padding-top: 20px;
}
.input-group-amount-send .input-group-append .input-group-text {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}
.modal-asset .modal-dialog {
    max-width: 650px;
}
.modal-ticket .modal-dialog {
    max-width: 850px;
}
.profile-top-banner {
    padding-top: 200px !important;
    padding-bottom: 60px !important;
}
.profile-top-banner .btn {
    min-width: 120px;
}
.td_badge a{
    color: #fff !important;
}
.profile-left-sidebar {
    margin-top: -90px;
    background: #fff;
    position: relative;
    padding-top: 100px;
    z-index: 0;
    padding-bottom: 30px;
}
.member-avatar {
    margin-top: -120px;
}
.member-avatar img {
    max-width: 180px;
    display: block;
    margin: 0 auto;
    z-index: 11;
    position: relative;
}
.member-avatar-bg{
    width: 180px;
    height: 180px;
    margin: 0 auto;
    border-radius: 150px;
    
    display:block;
    position:relative;
    z-index:11;
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)!important;
    border: 5px solid #fff;
}
.member-detail h4 {
    font-family: 'OutfitSemiBold', sans-serif;
    font-size: 25px;
    position: relative;
    margin-bottom: 0;
}
.customer_level {
    
    font-size: 16px;
   
}
.offer-list-member {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}
.offer-list-member .offer-item .btn {
    width: auto;
}
.profile-detail-status {
    text-align: center;
    max-width: 200px;
    margin: 10px auto;
    padding: 10px;
    border-radius: 25px;
    background: #D7EFFF;
}
.profile-detail-status-text{
    color: var(--primary-color);
}
.profile-feedback-count {
    text-align: center;
    margin: 10px auto;
    background: var(--light-color);
    padding: 0 15px;
    width: 200px;
    border-radius: 5px;
    border: 1px solid #ECECEC;
    color: var(--default-color);
}
.profile-feedback-count span{
    display: block;
}
.profile-left-sidebar-detail {
    background: #fff;
    position: relative;
}
.profile-left-sidebar-detail h3 {
    font-size: 22px;
    border-bottom: 2px solid #E4E4E4;
    padding-bottom: 5px;
}
.profile-left-sidebar-detail ul li span {
    display: block;
    margin-bottom: 3px;
}
.profile-left-sidebar-detail ul li {
    margin-bottom: 15px;
}

.tab-feedback-icon {
    padding: 8px;
    background: var(--light-color);
    border-radius: 5px;
    border-bottom: 1px solid #ECECEC;
    
}
.tab_feedback_text {
    display: block;
    margin-top: 15px;
}
.ajax-load-more{
    text-align: center;
    margin-top: 15px;

}
.ajax-load-more a{
    color: var(--default-color);
}
.profile-detail-status.status-not-verify {
    background: #fff;
    padding: 0;
    color: var(--primary-color);
}
.not-verify-text a {
    font-weight: bold;
    text-decoration: underline;
}
.empty-img {
    max-width: 90px;
    margin: 0 auto;
}

.empty-text {
    margin-top: 10px;
    color: var(--default-color);
}
.no-border{
    border: 0 !important;
}
#nav-notify-tab li {
    width: 33%;
    text-align: center;
}
#nav-notify-tab-content a span.notify-icon {
    padding: 10px;
    background: #9AD1F5;
    text-align: center;
    width: 35px !important;
    height: 35px;
    border-radius: 35px;
    margin-right: 10px;

}
#nav-notify-tab-content a span i {
    margin: 0 !important;
    color: #CEECFF;
}
#nav-notify-tab-content a span.notify-icon i {
    width: 18px;
    height: 18px;
    margin: 0 !important;
}
#nav-notify-tab-content .dropdown-item {
    margin: 6px 0;
    cursor: pointer;
}
#nav-notify-tab-content .dropdown-item:active {
    color: #030303;
}
#nav-notify-tab-content .notify-text label {
    display: block;
    text-align: left;
    margin-bottom: 5px;
}
#nav-notify-tab-content span.notify-text {
    width: 300px;
    max-width: 300px;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    line-height: 17px;
}

#nav-notify-tab-content span.notify-text .notify-text-time{
    font-family: 'OutfitRegular',sans-serif;
    font-weight: 400;
    font-size: 12px;

}
.noti-title {
    font-weight: 300;
    color: #6c757d;
    font-family: 'OutfitLight',sans-serif !important;
}
.noti-unread .noti-title{
    font-weight: 600 !important;
    color: #030303;
}
.noti-unread .notify-content-short{
    color: #030303;
    margin: 3px 0;
}
.notify-text-time i{
    color: #030303 !important;
}
.notify-item .notify-icon {
    position: relative;
}
.notify-item .notify-icon .status-dot{
    top: -5px;
    border-radius: 10px;
}
.dropdown-item.active, .dropdown-item:active{
    background-color: var(--light-color);
}
.login-menu .dropdown-menu .dropdown-item i {
    margin-right: 5px;
}
.page-buy-sell-history .tab-content {
    padding: 10px;
    background: #fff;
    border-radius: 10px;
}
.page-buy-sell-history .tab-offer-manager .tab-content {
    padding: 0px;
    
}

.content-account-setting .tab-content {
    padding: 0px;

}
.table-transaction-history th span {
    display: block;
    color: var(--content-color);
}
.table-transaction-history th  {
    vertical-align: middle !important;
}
.table-transaction-history thead th .badge {
    font-size: 14px;
    padding: 8px;
}
.badge{
    font-family: 'OutfitRegular',sans-serif !important;
    font-weight: normal;
}
.badge-success{
   background-color: var(--success-color) !important;  
}
.badge-success i {
    color: #fff;
    font-size: 20px;
}
.payment-history-status .badge {
    font-size: 14px;
    padding: 5px 10px;
}
.text-black{
    color: #212529 !important;
}
.table-transaction-history .payment-history-status svg {
    width: 25px !important;
    height: 25px !important;
}
span.payment-history-total {
    font-size: 18px;
    font-family: 'OutfitMedium', sans-serif;
    align-items:center;
    color: #d0021c;
    white-space: nowrap;
}
.box-small-title {
    font-weight: 500;
    font-family: 'OutfitMedium', sans-serif;
}
.page-buy-sell-history .col-search-meta:last-child .form-row{
    border: 1px solid #e4e4e4;
}
.latest-transaction-history {
    border-radius: 8px;
    border: 1px solid #e4e4e4;
    margin-bottom: 20px;
}
.min-height-auto{
    min-height: 400px !important;
}
.page-error {
    height: 500px;
    padding-top: 15% !important;
    padding-bottom: 15% !important;
    background-color: #dff8ff;
    background-image: url(../images/page-404.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 600px;
    position: relative;
}
.latest-transaction-history .box-product-content {
    width: 100%;
    flex-wrap: wrap;
}
.box-product-content-title {
    max-width: 500px;
    word-break: break-word;
}
.box-product-small .box-product-image img {
    border-radius: 6px;
}
.notify-icon {
    border-radius: 99px;
    background: #9AD1F5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-right: 10px;
    position: relative;
}
.notify-icon i {
    color: #fff;
}
.notify-icon svg {
    width: 20px !important;
    height: 20px !important;
    color: #CEECFF;
}
.notify-content {
    max-width: 65%;
    margin-right: auto;
}
.btn-view-notify {
    padding: 5px 15px;
    font-size: 14px;
    margin-top: 10px;
}
.notify-title {
    font-family: 'OutfitMedium', sans-serif;
    margin-bottom: 5px;
}
.tab-nav-border {
    border-bottom: 1px solid #E4E4E4;
}
.tab-nav-border .nav-tabs{
    border: 0;
}
.notify-content-short{
    color: var(--default-color);
    font-family: 'OutfitLight',sans-serif;
    font-size: 14px;

}
.notify-time{
    color: var(--default-color);
    font-family: 'OutfitLight',sans-serif;
    font-size: 14px;
}
.notify-wrapper-item {
    margin-bottom: 0px;
}
.modal-small-border .offer-price {
    margin: 0;
}
.modal-small-border .modal-dialog {  
    max-width: 700px;
}
.modal-small-border .modal-content {
    border-radius: 20px;
}
.modal-small-border  .box-product-small {
    width: 100%;
    padding: 10px;
    background: #F8F7F7;
    border-radius: 10px;
}

.modal-small-border  h5.modal-title {
    width: 100%;
    text-align: center;
    font-size: 30px;
}
.modal-small-border .modal-footer {
    justify-content: center;
}
.modal-small-border .modal-header {
    border: 0;
}
.rating-button {
    padding: 20px;
    text-align: center;
}
.rating-head {
    font-size: 20px;
    margin-bottom: 15px;
}
.rating-button .btn {
    padding: 10px 45px;
    margin-left: 10px;
    margin-right: 10px;
    border-width: 2px;
    border-radius: 8px;
    background: #fff;
    transition: all .3s ease;
}
.rating-button .btn svg{
    height: 25px !important;
    width: 25px !important;
    transition: all .3s ease;
}
.rating-button .btn i{
    font-size: 20px;
    transition: all .3s ease;
}
.btn-dislike:hover{
    border-color: var(--danger-color);
}
.btn-dislike:hover svg{
    color: var(--danger-color);
}
.btn-dislike:hover i{
    color: var(--danger-color);
}
.btn-dislike:hover{
    color: var(--danger-color);
}
.btn-like:hover{
    border-color: var(--secondary-color);
}
.btn-like:hover svg{
    color: var(--secondary-color);
}
.btn-like:hover i{
    color: var(--secondary-color);
}
.btn-like:hover{
    color: var(--secondary-color);
}
.tab-offer-manager .offer-list .offer-list-wrapper .slick-list{
    overflow: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    padding: 40px 40px 40px 0;
}
.tab-offer-manager .offer-item {
    padding: 10px;
    margin-right: 0px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 0;
    padding-right: 0;
}
.tab-offer-manager .offer-icon img {
    border-radius: 12px;
}
.tab-offer-manager .offer-content{
    height: 100%;
    padding: .5em 1em;
}
.tab-offer-manager .icon-box-icon.offer-icon {
    max-width: 150px;
}
.tab-offer-manager h3.offer-name {
    font-size: 20px;
    margin-bottom: 10px;
    max-width: 70%;
}
.tab-offer-manager .offer-price {
    margin: 6px 0 10px 0;
}
.offer-manager-item{
    position: relative;
}
.offer-manager-item .offer-item {
    border: 1px solid #eee;
    border-radius: 10px;
    margin-bottom: 15px;
    width: 100%;
    padding: 10px;
}
.offer-manager-item .ribbon {
    text-transform: capitalize;
    color: #fff !important;
}
.offer-manager-item h6{
    margin: 8px 0;
    font-size: 18px;
    font-family: OutfitMedium, sans-serif;
}
.view-detail{
    color: var(--default-text-color);
    font-size: 18px;
}
.login-page{
    background: #fff;
    height: 100vh;
}
.signup-page{
    background: #fff;
    height: 100vh;
}

.login-box{
    width: 80%;
    
}
.login-box .login-logo img {
    max-width: 300px;
}
.login-box-item{
    height: 100vh;
}
.login-box-inner {
    width: 100%;
}
.login-box-item-inner {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
}
.login-box-item-left .login-box-item-inner {
    width: 650px;
    margin-left: auto;
}
.forgot-pwd-page .login-box-item-left .login-box-item-inner {
    width: 700px;
    margin-left: auto;
}

.login-box-item{
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
   
}
.login-box-item.login-box-item-right{
    background: #EBF7FF;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}
.login-box .btn {
    display: block;
    width: 100%;
    border-radius: 5px;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    padding: 8px;
}
.login-box-img {
    max-width: 90%;
}
.login-box-item-left .login-box-item-inner {
    padding-right: 10%;
}
.login-box-img {
    position: absolute;
    left: -100px;
}
.login-title {
    
}
.login-title h1 {
    font-size: 33px;
    font-family: OutfitSemiBold, sans-serif;
    margin: 20px 0;
    text-align: center;
}
.forgot-pwd-page .login-title h1{
    margin-bottom: 15px;
}
label:not(.form-check-label):not(.custom-file-label){
    font-weight: 500;
}
.signup-modal .modal-body {
    padding: 20px;
}
.signup-modal .modal-dialog {
    max-width: 570px;
}
.signup-modal .modal-content {
    border-radius: 10px;

}
.signup-modal .modal-dialog h3 {
    font-family: 'OutfitRegular', sans-serif;
    font-size: 22px;
}
.signup-modal .modal-dialog ul {
    list-style: circle;
    padding-left: 20px;
}
.signup-modal .btn {
    padding: 8px 35px;
    border-radius: 20px;
    font-size: 16px;
}
.otp-code-wrapper {
    flex-wrap: wrap;
}

.otp-code-wrapper .otp-code-item {
    width: calc(100% / 6);
    flex: 0 0 calc(100% / 6);
    
}
.otp-code-item input {
    text-align: center;
}
.info-box-appro-percent i {
    font-size: 10px;
}

.info-box-appro-percent span {
    font-size: 13px !important;
}
.otp-code-wrapper .otp-code-item input {
    width: calc(2.85rem + 2px);
    height: calc(2.85rem + 2px);
    font-weight: bold;
}
.btn-request-pwd {
    padding: 10px 30px;
    border-radius: 30px !important;
}
.sell-offer-style .home-banner {
    background: url(../images/icons/bg-sell.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}
.sell-offer-style .bg-primary{
    background: url(../images/icons/bg-sell.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}
.list-offer-left-sidebar .custom-control-label{
    font-family: 'OutfitMedium', sans-serif;
}
.sell-offer-style .is-checked{
    background: var(--secondary-light-color);
    color: var(--secondary-color);
}
.sell-offer-style .is-checked .custom-control-label{
    color: var(--secondary-color);
}
.sell-offer-style .btn-primary{
    border-color: var(--secondary-color);
    background: var(--secondary-color);
}
.sell-offer-style .offer-countdown-wrapper{
    background: var(--secondary-light-color);
}
.sell-offer-style .gallery-status{
    background: url(../images/icons/bg-sell.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.top-nav-mobile{
    background: #fff;
}

#mobile_menu{
    display: none;
}
/**LOADING SKELETON**/
.loading-skeleton h1:not(.not-preload), .loading-skeleton h2:not(.not-preload), .loading-skeleton h3:not(.not-preload), .loading-skeleton h4:not(.not-preload), .loading-skeleton h5:not(.not-preload), .loading-skeleton h6:not(.not-preload),
.loading-skeleton p:not(.not-preload), .loading-skeleton li:not(.not-preload),
.loading-skeleton .btn,
.loading-skeleton label:not(.not-preload),
.loading-skeleton .form-control:not(.not-preload), .loading-skeleton span:not(.not-preload) {
  color: transparent;
  appearance: none;
  -webkit-appearance: none;
  background-color: #eee;
  border-color: #eee;
}
.loading-skeleton h1:not(.not-preload)::placeholder, .loading-skeleton h2:not(.not-preload)::placeholder, .loading-skeleton h3:not(.not-preload)::placeholder, .loading-skeleton h4:not(.not-preload)::placeholder, .loading-skeleton h5:not(.not-preload)::placeholder, .loading-skeleton h6:not(.not-preload)::placeholder,
.loading-skeleton p:not(.not-preload)::placeholder, .loading-skeleton li:not(.not-preload)::placeholder,
.loading-skeleton .btn:not(.not-preload)::placeholder,
.loading-skeleton label:not(.not-preload)::placeholder,
.loading-skeleton .form-control:not(.not-preload)::placeholder {
  color: transparent;
}
/**END LOADING SKELETON**/
.btn-main-menu {
    min-width: 400px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.btn-main-menu a {
    color: #fff;
    margin-left: 30px;
    font-size: 18px;
}
.input-group-pwd i {
    position: absolute;
    right: 10px;
    top: calc(50% - 8px);
}

.input-group-pwd {
    position: relative;
}
.fixed-top .btn-main-menu a {
    color: #000;
}
.fixed-top .btn-action-login {
    color: #fff !important;
    background: var(--primary-color);
    border-radius: 5px;
    min-height: 32px;
    padding: 0.25rem 1rem;
    line-height: 22px;
}
.has-primary-bg .btn-main-menu a {
    color: #000;
}
.has-primary-bg .btn-action-login {
    color: #fff !important;
    background: var(--primary-color);
    border-radius: 5px;
    min-height: 32px;
    padding: 0.25rem 1rem;
    line-height: 22px;
}
.select-mobile-phone {
    min-height: 43px;
}

.input-select-prefix {
    padding: 0;
    background: transparent;
}

.input-select-prefix select {
    border: 0;
}
.forgot-tab-content{
    padding-top: 25px;
}
.forgot-tab-content .alert-success {
    background: var(--light-green-color);
    border-color: var(--success-color);
    color: #333;
}
.forgot-tab-content .alert-success i{
    color: var(--success-color);
}
a.btn-text {
    padding: 8px;
    background: var(--light-color);
    border-radius: 5px;
    border-bottom: 1px solid #ECECEC;
    font-size: 14px;
}
.table_feedback tbody tr td:last-child{
    vertical-align: middle;
}
div#captcha {
    margin: 0 auto;
}
.geetest_captcha .geetest_holder, .geetest_popup_wrap .geetest_holder {
    margin: 0 auto !important;
}
.swal2-popup.swal2-toast{
    padding-top: 15px;
    padding-bottom: 15px;
}
div#password-error {
    width: 100%;
}
/*.input-group:not(.has-validation)>.form-control:not(:last-child){
    border-radius: .25rem !important;
}*/
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child){
    border-radius: .25rem !important;
}
.common_form .form-control{
    height: calc(2.25rem + 8px);
    
}
.common_form .nav-tabs .nav-link {
    border: 0;
    
}
.common_form .nav-tabs .nav-link.active {
    border-bottom: 1px solid #0056b3;
    color: #0056b3;
}
.common_form .nav-tabs .nav-link {
    border-bottom: 1px solid #dee2e6;
    color: #000;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out;
}
.phone_number_prepend{
    width: auto;
}
.phone_number_prepend select {
    height: 30px !important;
    font-size: 14px;
    border: 1px solid #ccc;
    
}
.phone_number_prepend span {
    padding-left: 10px;
    padding-right: 10px;
    border-right: 0;
}
.select-mobile-phone {
    border-left: 0;
    
}
.is-invalid::placeholder {
  color: #dc3545!important;
}
#phone_number-error {
    width: 100%;
}
.phone_number{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.right .direct-chat-text::after, .right .direct-chat-text::before {
    border-left-color: var(--primary-color);
    border-right-color: transparent !important;
    left: 100%;
    right: auto;
    display: none;
}
.loading-skeleton {
  pointer-events: none;
  animation: loading-skeleton 1s infinite alternate;
}
.loading-skeleton img {
  filter: grayscale(100) contrast(0%) brightness(1.8);
}
.alert-dismissible {
    padding-right: 1rem;
    font-size: 14px !important;
}
table.dataTable {
    width: 100% !important;
}
.page-buy-sell-history .badge i{
    font-size: 18px;
}
.account-manager-tab {
    border: 1px solid #ccc !important;
    height: auto !important;
    padding: 10px;
    border-radius: 5px;
}
.table_notify tr{
    cursor: pointer;
}
.table_notify tr td {
    padding-top: 10px;
    padding-bottom: 10px;
}
.table_notify tr td .status-dot {
    top: -2px;
    border-radius: 10px;
}
#my_notify_list_wrapper input, #my_notify_list_wrapper select {
    height: auto;
}
#my_address_list_wrapper input, #my_address_list_wrapper select {
    height: auto;
}
#notify_detail_modal {
    padding-top: 10%;
}
.register-form .iti.iti--allow-dropdown,  .common_form .iti.iti--allow-dropdown{
    width: 100%;
}
#cus_password-error {
    width: 100%;
}
#cus_repassword-error {
    width: 100%;
}
.img_preview_kyc{
    width: 240px;
    height: 150px;
    border-radius: 8px;
    display: block;
    margin: 5px auto;
}
#img_preview_kyc_face{
    height: auto;
}
.btn_choose_image{
    margin-left: auto;
    margin-right: auto;
    font-weight: 400 !important;
}
.note_ekyc {
    margin-bottom: 10px;
    display: block;
    margin-top: 20px;
    padding: 14px 18px;
    background: #fff8e6;
    font-size: 14px;
    color: #ff7b1b;
    line-height: 22px;
    margin-top: 0;
}
.note_ekyc i {
    font-size: 20px;
}
.member-balance-desktop{
    color: #fff;
}
.fixed-top .member-balance-desktop, .has-primary-bg .member-balance-desktop{
    color: var(--primary-color);
}
.member-balance{
    display: flex;
}
.box-shadow-2{
    box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.vertical-tab-style-1 .nav-link {
    border: 0;
    border-radius: 0;
    margin-bottom: 5px;
    border-left: 3px solid transparent;
}
.vertical-tab-style-1 .nav-link i{
    margin-right: 5px;
    font-size: 18px;
}
.vertical-tab-style-1 .nav-link.active {
    border-color: var(--primary-color)!important;
    border-radius: 0 !important;
    background: #ceecff47 !important;
    font-weight: bold;
}
.vertical-tab-style-1 .nav-link:hover {

    border-color: var(--primary-color)!important;
    border-radius: 0 !important;
    background: #ceecff47 !important;
    font-weight: bold;
}
.vertical-tab-style-1 .nav-link.active i{
    color: var(--primary-color) !important;
}
.vertical-tab-style-1 .nav-link:hover i{
    color: var(--primary-color) !important;
}
.dashboard-item-box h3 {
    font-size: 1rem !important;
    margin-bottom: 10px !important;
}

.dashboard-item-box p {
    margin-bottom: 0px !important;
}
.dashboard-item-box .inner {
    padding: 30px 20px;
}

.dashboard-item-box .inner p {
    height: 50px;
    overflow: hidden;
    position: relative;
}
.dashboard-item-box .small-box .icon>i.fas{
    color: #28a74563;
    font-size: 40px;
}
.dashboard-item-box .small-box .icon>i.fa-exclamation-circle{
    color: #dc35457d;
}
.control-sidebar, .control-sidebar::before{
    width: 280px;
}
.custom-border-bottom-tab li a {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #dee2e6!important;
}
.custom-border-bottom-tab li a{
    color: #000;
}
.custom-border-bottom-tab li a.active {
    color: var(--primary-color) !important;
    border-bottom-color: var(--primary-color) !important;
}

.nav-divider {
    border: 1px solid var(--light-color);
    margin: 15px 0;
}
.vertical-tab-style-1 a.nav-link-end-button{
    background: var(--primary-color) !important;
    color: #fff !important;
    padding: 10px 0 !important;
}
.no-data {
    text-align: center;
    padding: 10px;
}
.no-data img {
    max-width: 80px;
    margin-bottom: 5px;
}
.no-data p {
    margin: 0;
}
.id-has-verified {
    font-size: 18px;
    margin-left: 10px;
}
.inner-notify .alert-success {
    background-color: #f3fcf3;
    border-color: #b6f2b2;
    color: #333;
}
.inner-notify .alert-success svg{
    color:  green;
}
.inner-notify .alert-success i{
    color:  green;
}
.bg-green-100 {
    background-color: #f3fcf3!important;
}
.inner-notify .alert-danger {
    background-color: #fff9fa;
    border-color: #fbe4e7;
    color: #333;
}

.inner-notify .alert-danger i{
    color:  red;
}

ul.verification-info li {
    display: flex;
    margin-bottom: 10px;
}

ul.verification-info li span {
    margin-right: 10px;
}
.avatar-wrapper {
  position: relative;
  height: 70px;
  width: 70px;
  
  border-radius: 99px;
  overflow: hidden;
  box-shadow: 1px 1px 15px -5px black;
  transition: all 0.3s ease;
}
.avatar-wrapper:hover {
  transform: scale(1.05);
  cursor: pointer;
}
.avatar-wrapper:hover .profile-pic {
  opacity: 0.5;
}
.profile-pic-wrapper{
    height: 100%;
}
.avatar-wrapper .profile-pic {
  height: 100%;
  width: 100%;
  transition: all 0.3s ease;
  object-fit: cover;
}
.avatar-wrapper .profile-pic:after {
  font-family: "Font Awesome 5 Pro";
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  font-size: 20px;
  background: #ecf0f1;
  color: #34495e;
  text-align: center;
}
.avatar-wrapper .product-image-item:after {
    
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    font-size: 20px;
    background: #ecf0f1;
    color: #34495e;
    text-align: center;
}
.avatar-wrapper:hover .product-image-item {
  opacity: 0.5;
}
.avatar-wrapper .upload-button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.avatar-wrapper .upload-button .fa-arrow-circle-up {
  position: absolute;
  font-size: 20px;
  top: -17px;
  left: 0;
  text-align: center;
  opacity: 0;
  transition: all 0.3s ease;
  color: #34495e;
}
.product-image-img .avatar-wrapper .upload-button .fa-arrow-circle-up {
    position: absolute;
    font-size: 20px;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    text-align: center;
    opacity: 0;
    transition: all 0.3s ease;
    color: #000;

}
.avatar-wrapper .upload-button:hover .fa-arrow-circle-up {
  opacity: 0.9;
}

.account-avatar-img {
    margin-right: 15px;
}
.avatar-username {
    margin-bottom: 5px;
    font-size: 18px;
    color: gray;
}
.btn-go-upload {
    margin-bottom: 5px;
    font-size: 14px;
    
}
.avatar-desc{
    font-size: 14px;
}
.btn-popup-style-1 {
    text-transform: capitalize !important;
    font-family: 'OutfitRegular', sans-serif;
    font-weight: normal !important;
    font-size: 16px !important;
}

.confirm-popup-1  .jconfirm-buttons {
    justify-content: space-between;
    display: flex;
    width: 100%;
    background: #f7f7f7;
    padding: 10px;
    border-radius: 4px;
}

.confirm-popup-1 .jconfirm-box {
    padding: 10px;
}

.confirm-popup-1 .jconfirm-content-pane{
    padding: 10px;
    font-size: 16px;
}
.confirm-popup-1 .jconfirm-title-c {
    padding: 15px 10px 10px 10px;
}
.form-account-setting input.form-control, .form-account-setting select.form-control {
    height: 45px;
}
.form-account-setting .form-control {
   
}
.form-account-setting span.input-group-text {
    border-color: #ced4da;
    background: #e9ecef;
}
.form-account-setting .iti.iti--allow-dropdown {
    width: 82%;
}
.iti.iti--allow-dropdown #tel{
    border-top-right-radius:0 !important;
    border-bottom-right-radius:0 !important;
}
.tab-content-history form
.border-primary {
    border-color: var(--primary-color);
}
.border-dashed {
    border-style: dashed!important;
    border-color: #e4e6ef;
}
.bg-light-primary {
    background-color: #f1faff!important;
}
.notice-2fa-security{
    padding: 20px;
}
.svg-icon.svg-icon-2tx svg {
    height: 2.75rem!important;
    width: 2.75rem!important;
}
.svg-icon.svg-icon-primary svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #009ef7;
}
.svg-icon.svg-icon-muted svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #a1a5b7;
}
.security-title {
    font-size: 18px;
    margin-bottom: 5px;
}
.vertical-tab-style-1 .nav-link-end-button:hover {
    color: #0062cc !important;
}
.swal2-html-container{
    overflow-x:hidden;
}
.popup-authenticate .swal2-title {
    font-size: 22px;
}
.popup-authenticate .swal2-icon {
    width: 3em;
    height: 3em;
}
.popup-authenticate h3 {
    font-size: 20px;
    margin: 15px 0;
}
.popup-authenticate p {
    margin-bottom: 0 !important;
    font-size: 16px !important;
    color: #000;
    line-height: 22px !important;
}
.popup-cancel-trading .swal2-html-container {
    margin: 0;
    margin-top: 2em;
}
.popup-cancel-trading .swal2-actions button {
    padding: 10px 30px;
}
/*.popup-cancel-trading .swal2-actions button.btn-outline-danger {
    color: #dc3545 !important;
    border-color: #dc3545 !important;
    background: #fff !important;
}
.popup-cancel-trading .swal2-actions button.btn-default {
    background-color: #f8f9fa !important;
    border-color: #ddd !important;
    color: #444 !important;
}*/

.qr-code-img {
    max-width: 160px;
    margin: 20px auto;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 5px;
}
.bg-light-warning {
    background-color: #fff8dd!important;
}
.border-dashed {
    border-style: dashed!important;
    border-color: #e4e6ef;
}
.rounded {
    border-radius: 0.475rem!important;
}
.border-warning {
    border-color: #ffc700!important;
}
#update_bio {
    margin-top: -35px;
}
.swal2-popup.swal2-toast .swal2-title{
    font-family: 'OutfitRegular', sans-serif;
    font-weight: normal;
}
.toast-header .close {
    opacity: 1;
}
.section-offer-detail .btn-round-style-1{
    min-width: 130px;
    padding: 6px 30px;
    font-size: 16px;
}
.form-create-offer .form-group {
    margin-bottom: 20px;
}
.form-create-offer .form-group .form-control {
    min-height: 45px;
}
.form-create-offer .form-group.offer-qty-group .form-control {
    min-height: auto;
}

.form-create-offer .form-group label {
    font-size: 18px;
}
.product-image-img .avatar-wrapper {
    width: 150px;
    height: 150px;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    display: flex;
}
#product_edit_image{
    display: none;
}
.crypto-address .input-group-append i {
    font-size: 19px;

}
.crypto-address .input-group-append .input-group-text {
    background: #E1F3FF !important;
    border: 0;
    cursor: pointer;
}
.gallery_wrapper {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    display: flex;
    /* background: #fff; */
    position: relative;
    border: 1px dashed #ccc;
    cursor: pointer;
}

input.image_gallery {
    display: none;
}

.gallery_item {
    position: absolute;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.gallery_item i {
    position: absolute;
    font-size: 20px;
    top: calc(50% - 7.5px);
    left: calc(50% - 7.5px);
    text-align: center;
    opacity: 1;
    transition: all 0.3s ease;
    color: #ccc !important;
    /* z-index: 9999999; */
}
.gallery_list_item img{
    max-width: 100px;
    border-radius: 3px;
}
.gallery_list_item {
    margin-right: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 5px;
    width: 100px;
    height: 100px;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative;
}

.gallery_list_item a{
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    width: 1em;
    height: 1em;
    background: #ccc;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    padding: 5px;
    border-radius: 50%;
    transition: all .3s ease;
}
.gallery_list_item:hover a{
    opacity: 1;
}
.gallery_list_item a:hover{
    background: #a00;
}
footer {
/*    border-top: 4px solid var(--primary-color);*/
}
.select-change-step .btn-round-style-1 {
    padding: 5px 10px;
    font-size: 14px;
    min-width: auto;
    border-radius: 5px;
}
.confirm-create-wrapper {
    background: #ebf4fa;
    padding: 20px;
    border-radius: 5px;
}
.confirm-create-wrapper {
    background: #fffcf5;
    padding: 20px;
    border-radius: 5px;
    
    border: 1px solid #feeecd;
}
.confirm-create-wrapper p span {
    color: #d69207;
    font-weight: bold;
}
#sticky_sidebar.sticky {
  position: fixed;
}
.modal-notice ul {
    list-style: disc;
    margin-left: 15px;
}
.logo-footer img {
    max-width: 260px;
}
h3.trade-limit-title {
    text-align: center;
    font-size: 18px;
}
.dashboard-avatar .offer-item-icon {
    width: 180px;
    height: 180px;
}
.dashboard-avatar .offer-item-icon .icon-verify {
    width: 50px;
    height: auto;
    position: absolute;
    border-radius: 0;
    top: -10px;
    right: -10px;

}
.dashboard-avatar .offer-owner-content {
    width: 100%;
}
.offer_avatar {
    width: 60px;
    height: 60px;
    border-radius: 60px;
   
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 4px solid #fff;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    position: relative;
}
.modal-common .modal-dialog{
    max-width: 600px;
}
.modal-common div#phone-error {
    position: absolute;
}
.modal-common .form-control{
    height: 38px;
}
.select2-container--default .select2-selection--single{
    height: 38px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 38px;
    line-height: 38px;
}
.has_select2 .select2-container--default .select2-selection--single{
    padding-left: 0;
}
.add_address_wrapper {
    display: block;
    margin: 0 auto;
    text-align: center;
}

#btn_add_address {
    padding: 10px;
    border: 3px dashed #ccc;
    color: #565959!important;
    font-size: 20px;
    width: 120px;
    height: 120px;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    border-radius: 3px;
    cursor: pointer;
    transition: all .4s ease;
}
#btn_add_address:hover{
    border-color: var(--primary-color);
    color: var(--primary-color);
}
#btn_add_address:hover .add_address_icon{
    color: var(--primary-color);
}
#btn_add_address:hover .add_address_text{
    color: var(--primary-color);
}
.add_address_icon {
    color: #ccc;
    font-size: 30px;
    transition: all .4s ease;
}
.btn_choose_address {
    margin-right: 10px;
    position: relative;
    overflow: hidden;
    padding-right: 10px;
}

.btn_choose_address:after {
    content: "";
    height: 15px;
    width: 1px;
    right: 0;
    top: calc(50% - 10px);
    position: absolute;
    background: #007bff !important;
}
.add_address_text {
    font-size: 16px;
    transition: all .4s ease;
}
.btn_add_address{
    cursor: pointer;
}
.list_address .address_item {
    padding: 10px;
    margin-bottom: 15px;
    border: 2px dashed #ccc;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
}
.address_action_list {
    position: absolute;
    right: 10px;
    top: 10px;
}
.list_address .address_item.is_default{
    border-color: var(--primary-color);
}
.btn_has_divider{
    position: relative;
    padding-right: 5px
}
.btn_has_divider:after {
    content: "";
    height: 15px;
    width: 1px;
    right: 0;
    top: calc(50% - 8px);
    position: absolute;
    background: #000 !important;
}
.btn-default.is_disabled{
    cursor: not-allowed !important;
}
.ord_pricing_wrapper{
    padding: 0;
}
#card_chat_system .card-footer{
    border-top: 1px solid rgba(0,0,0,.125);
}
#card_feedback .checkout-card-content {
    width: 100%;
}
.card_chat_fixed{
    position: sticky !important;
    top: 100px;
}
.btn_dislike.active >.btn-outline-text {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn_dislike:hover >.btn-outline-text {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn_like.active >.btn-outline-text {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
.btn_like:hover >.btn-outline-text {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.feedback_content_section .btn-outline-danger.btn-outline-white, .feedback_content_section .btn-outline-success.btn-outline-white {
    background: #fff;
    color: #000;
}
.partner_feedback {
    background: #e9ecef;
    padding: 10px;
    border-radius: 3px;
}

.msg_is_auto .direct-chat-text {
  margin: 0;
  background: #d1ecfa !important;
  border-color: #d1ecfa !important;
}
.msg_is_auto .direct-chat-text::after {
  display: none;
}
.msg_is_auto .direct-chat-text::before {
  display: none;
}
.feedback_button:not(.active) button {
  border-color: #ccc !important;
  color: #ccc;
}
.notification-container {
  position: fixed;
  bottom: 20px;
  left: 20px;
}
.msg_is_mod .mess_system .msg_chat_content{
    background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(237,3,32,0.87) 20.8%, rgba(242,121,1,0.84) 74.4% );
    color: #fff !important;
    min-width: 200px;
    
}
.msg_is_mod .msg_chat_content{
    background: transparent;
    color: #fff !important;
}
.msg_is_auto.msg_is_mod .direct-chat-text {
    background: #fff !important;
}
.notification {
  background-color: #ffc107;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  opacity: 0;
  transform: translateY(100%);
  transition: transform 0.5s, opacity 0.5s;
}
.note-modal{
    top: 25%;
}
.note-modal .modal-title{
    top: 25%;
    font-size: 20px;
}
.note-modal .note-image-btn {
    font-size: 14px !important;
}
.page-confirm-checkout .container {
    max-width: 90%;
}
#card_chat_system .card-title{
    width: 100%;
}
#card_chat_system .card-title .offer-detail-profile {
    align-items: center !important;
    justify-content: center;
    display: flex;
}
.callout.callout-warning{
    border-color: var(--yellow-color);
    background: #f7dd8f26;
    border-left-width: 3px;
    border-radius:.2rem;
    box-shadow: none;
}
.form_update_shipping .callout.callout-warning p{
    font-style: italic;

}
.form_update_shipping .callout.callout-warning span{
    color: var(--yellow-color);
    
}
.member-avatar-bg .status-dot {
    right: 20px;
    width: 10px !important;
    height: 10px !important;
    padding: 8px;
    border-radius: 10px;
}

.customer_kyc_badge .badge-success {
    background: #60C08E !important;
    color: #fff!important;
    font-size: 13px !important;
}

.customer_kyc_badge .badge-success i {
    color: #fff!important;
    font-size: 13px !important;
}
.customer_kyc_badge .badge-warning {
    background: var(--yellow-color) !important;
    color: #fff!important;
    font-size: 13px !important;
}

.customer_kyc_badge .badge-warning i {
    color: #fff!important;
    font-size: 13px !important;
}
span.customer_kyc_badge {
    
    margin-left: 5px;
}
.cus_phone_only_flag{
    width: 20px;
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url(https://mabu.websudo.xyz/templates/plugins/intl-tel-input/img/flags.png);
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    height: 11px;
    background-position: -5263px 0px;
    margin-right: 5px;
}
.cus_phone_only .input-group-text{
    border: 0;
}
.cus_phone_only #cus_phone{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0 !important;
}
.cus_phone_only #cus_phone-error {
    display: block;
    width: 100%;
}
.cus_phone_only #cus_phone_edit-error {
    display: block;
    width: 100%;
}
.cus_balance_available img {
    width: 16px;
    height: 16px;
    margin-right: 1px !important;
}

.cus_balance_available {
    display: flex;
    align-items: start;
    justify-content: flex-start;
}
.offer-price-icon img{
    margin-right: 5px;
}
.tether_balance_td {
    display: flex;
    align-items: center;
}
span#balance_text {
    width: 60px;
    display: block;
}
select.select_has_icon option{
    font-size: 14px;
}
.option-image {
  width: 20px; /* Adjust the image size as needed */
  height: 20px;
  margin-right: 5px; /* Add space between the image and text */
}
.has_select2 .select2-container{
    width: 100% !important;
    border-color: #ced4da;
}
.modal-w650 .modal-dialog {
    max-width: 650px !important;
}
.price_item_line {
    display: flex;
    align-items: center;
    justify-content: center;
}

.price_item_line img {
    margin-left: 5px;
}
#btn_confirm_trading {
    display: flex;
    width: 400px;
}

#btn_confirm_trading .countdown_trading {
    display: flex;
    align-items: center;
    width: 70px !important;
    border: 0;
}
#btn_confirm_trading .countdown_trading .time_content{
    font-size: 14px !important;
    margin-right: 5px;
}
.note-editable p {
    margin-bottom: 0px !important;
}
.confirm-create-intro p {
    font-size: 16px;
    margin-bottom: 5px;
}
.offter-detail-main-content p {
    margin-bottom: 0;
}
p.copyright_footer {
    font-size: 14px;
}
.offer-short-content.offer-main-term {
    background: var(--secondary-light-color);
    padding: 10px;
    border-radius: 8px;
    border: 1px dashed var(--secondary-color);
    
}
.checkout-card-wrapper.mod_section {
    text-align: center;
}

.checkout-card-wrapper.mod_section button {
    font-size: 14px !important;
    min-width: 120px;
}
.note-editor.note-frame.card {
/*    width: calc(100% - 50px);*/
}
#add_ticket_form .note-editor.note-frame.card{
    width: 100%;
}
/* upload image*/
 .Neon {
    font-family: sans-serif;
    font-size: 14px;
    color: #494949;
    position: relative;
    

}
.Neon * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.Neon-input-dragDrop {
    display: block;
    width: 200px;
    margin: 0 auto 25px auto;
    padding: 10px;
    color: #8d9499;
    color: #97A1A8;
    background: #fff;
    border: 2px dashed #C8CBCE;
    text-align: center;
    -webkit-transition: box-shadow 0.3s, border-color 0.3s;
    -moz-transition: box-shadow 0.3s, border-color 0.3s;
    transition: box-shadow 0.3s, border-color 0.3s;
}
.Neon-input-dragDrop .Neon-input-icon {
    font-size: 48px;
    margin-top: -10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.Neon-input-text h3 {
    margin: 0;
    font-size: 16px;
}
.Neon-input-text span {
    font-size: 12px;
}
.Neon-input-choose-btn.blue {
    color: #008BFF;
    border: 1px solid #008BFF;
}
.Neon-input-choose-btn {
    display: inline-block;
    padding: 5px 10px;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold;
    color: #8d9496;
    border-radius: 3px;
    border: 1px solid #c6c6c6;
    vertical-align: middle;
    background-color: #fff;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.05);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.slideOutRight {
  animation-name: slideOutRight;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
}
.offer-content-attr span {
    /* padding: 10px; */
    background: #ebf7ff;
    width: 50px;
    height: 35px !important;
    display: inline-block;
    padding: 5px;
    text-align: center;
    border: 1px dashed var(--primary-color);
    font-weight: bold;
    text-transform: capitalize;
    font-size: 14px;
}

.offer-content-attr {
    margin-bottom: 10px;
    display: flex;
    align-items: start;
    margin: 0;
    margin-right: 10px;
    flex-flow: column wrap;
}
.offer-content-attr label {
    width: auto;
    margin: 0;
    margin-right: 5px;
}
.offer-content-price.offer-content-attribute {
    display: flex;
}
a.search_result_item img {
    border-radius: 4px;
    /* box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; */
    /* padding: 5px; */
    margin-right: 5px;
    border: 1px dashed #ccc;
}
span.btn.btn-success.col.fileinput-button.dz-clickable {
    display: flex;
    align-items: center;
    justify-content: center;
}
div#previews .lead {
    font-size: 15px;
}
.progress{
    height: 8px;
}
.chat_thumb {
    margin-top: 10px;
}
.chat_thumb img{
    max-width: 180px;
    border-radius: 5px;
    
    border: 2px solid #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
div#previews .preview img {
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    /* border: 4px solid #fff; */
}
.row-slide-offers .icon-box-head {
    height: 50px;
    overflow: hidden;
    word-break: break-word;
}
.offer-card-section {
    word-break: break-all;
}
.main_search_price{
    font-size: 14px;
}
.main_search_item{
    display: flex;
    flex-flow: column wrap;
}
a.search_result_item {
    margin-bottom: 10px;
}
.icon-box-item-image {
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center center !important;
}
.offer-create-user{
    display: none;
}
.offer-owner-explore{
    display: flex;
}
.table_add_variation input.form-control{
    height: 40px;
    min-height: 40px !important;
}
@keyframes slideOutRight {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}
.slideInRight {
  animation-name: slideInRight;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
}

@keyframes slideInRight {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* upload image*/
/* common loading*/
#loading_submit {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(16, 16, 16, 0.5);
    z-index: 99999;
    display: none;
}
.loading {
    font-size: 40px;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}
.loading span {
    margin: 5px;
    text-shadow: 1px 0px #000;
    color: #fff;
}

/* code #1 */
.loading01 span {
  animation: loading01 1.4s infinite alternate;
}
.loading01 span:nth-child(1) {
  animation-delay: 0s;
}
.loading01 span:nth-child(2) {
  animation-delay: 0.1s;
}
.loading01 span:nth-child(3) {
  animation-delay: 0.2s;
}
.loading01 span:nth-child(4) {
  animation-delay: 0.3s;
}
.loading01 span:nth-child(5) {
  animation-delay: 0.4s;
}
.loading01 span:nth-child(6) {
  animation-delay: 0.5s;
}
.loading01 span:nth-child(7) {
  animation-delay: 0.6s;
}
.loading01 span:nth-child(8) {
  animation-delay: 0.7s;
}
.loading01 span:nth-child(9) {
  animation-delay: 0.8s;
}
.loading01 span:nth-child(10) {
  animation-delay: 0.9s;
}
.loading01 span:nth-child(11) {
  animation-delay: 1s;
}
@keyframes animate-arrow-2{0%{transform:translateY(-20px);opacity:0}70%,to{transform:translateY(0);opacity:.5}}@keyframes animate-arrow-3{0%{transform:translateY(-10px);opacity:0}70%,to{transform:translateY(0);opacity:1}}
/* responsive */
@keyframes loading01 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loading-skeleton {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
/**custom_timeline**/
/**Fix menu**/
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
/*MENU Animation*/
@keyframes rotateMenu {
    0% {
      transform: rotateX(-90deg)
    }
    70% {
      transform: rotateX(20deg)
    }
    100% {
      transform: rotateX(0deg)
    }
}
@media (min-width: 1366px){

    .row-custom{
        justify-content: space-between;
    }
    .col-md-9.col-custom-9{
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }
    .col-md-3.col-custom-3{
        -ms-flex: 0 0 28%;
        flex: 0 0 28%;
        max-width: 28%;
    }
    .nav-search-form {
        width: 650px;
    }
    .section-step {
        padding: 70px 0;
    }
    .home-search-form {
        max-width: 900px;
        margin: 0 auto;
        display: block;
    }
    .container {
        max-width: 1300px;
    }
    .lead_wrapper {
        margin: 30px 0 40px 0;
    }
    .search-link-input button{
        width: 80px;
        text-align: center !important;
    }
    .search-link-input button i{
        font-size: 20px;
    }
    section.home-service-intro {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .title-2 {
        text-align: center;
        font-weight: bold;
        margin-bottom: 15px;
    }
    .lead-intro {
        text-align: center;
        display: block;
        max-width: 70%;
        margin: 0 auto;
    }
    .lead-intro p {
        margin-bottom: 5px;
        line-height: 28px;
        
    }

}
@media (min-width: 1200px){
    .home-search-form {
        max-width: 900px;
        margin: 0 auto;
        display: block;
    }
}
@media (min-width: 768px){
    .row-footer .col-md-3:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    .row-footer .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%;
    }
    #main-nav-mobile, .main-sidebar{
        display: none;
    }

    
}