body {
    background-color: #F7F9FA;
}

.btn:focus {
    box-shadow: none
}

.btn-block {
    display: block;
    width: 100%;
}

select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}


/* For IE10 */

select::-ms-expand {
    display: none;
}

select.select-custom {
    background-position: calc(100% - 12px) center !important;
    background: url(https://rebornstorage.blob.core.windows.net/uploads/0fb6b739-06f0-4e52-a43b-b1af9ed5b0e3high-arrow_select.webp) no-repeat;
}

#multi-select-button {
    background-position: calc(100% - 12px) center !important;
    background: url(https://rebornstorage.blob.core.windows.net/uploads/0fb6b739-06f0-4e52-a43b-b1af9ed5b0e3high-arrow_select.webp) no-repeat;
}

input[type="color"] {
    -webkit-appearance: none;
    border: none;
    width: 19px;
    height: 17px;
}

input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}

input[type="color"]::-webkit-color-swatch {
    border: none;
    border-radius: 3px;
}

.color-picker {
    margin-left: 5px;
}

.tag-span {
    align-items: center;
}

.form-control-lg {
    font-size: 15px;
    line-height: 18px;
    color: #363E46;
}

.requiredField:after {
    content: " *";
    color: #3FCB7D;
    display: inline-block;
    margin: 0 0 0 0.3rem;
}

.nav-link.active {
    background-color: transparent;
    font-weight: bold;
}

.border-bottom-rounded {
    border: 2px solid transparent;
    border-radius: 12px;
}

.nav-link.active .border-bottom-rounded {
    border: 2px solid #3FCB7D;
    /*SECONDARY COLOR*/
    border-radius: 12px;
    margin-top: 7px;
    background-color: #3FCB7D;
}

.nav-links {
    color: #3FCB7D;
    margin-top: 7px;
    text-decoration: underline;
}

.nav-link>span.top-tab {
    font-size: 20px;
}

#sidebar.nav-tabs a.nav-link,
#sidebar-listing.nav-tabs a.nav-link,
#status-listing.nav-tabs a.nav-link {
    padding: 1rem 1rem;
}

#status-listing.nav-tabs a.nav-link {
    padding-left: 0;
    font-size: 20px;
}

#sidebar.nav-tabs .nav-link.active,
#sidebar.nav-tabs a.nav-link,
#sidebar-listing.nav-tabs .nav-link.active,
#sidebar-listing.nav-tabs a.nav-link,
#status-listing.nav-tabs .nav-link.active,
#status-listing.nav-tabs a.nav-link,
.settings-tabs .nav-link,
.settings-tabs .nav-link.active,
.settings-tabs .nav-link:hover {
    background-color: transparent !important;
    color: #363E46;
    border: 0;
}

.sidebar-border {
    border-right: 1px solid #DAE3EB;
}

.sidebar-notification {
    right: -14px;
    top: 9px;
}

.input-icon-left {
    left: 10px;
    color: #363E46;
    top: 50%;
    transform: translateY(-50%);
}

.input-icon-right {
    right: 10px;
    color: #363E46;
    top: 50%;
    transform: translateY(-50%);
}

input.search-bar__input {
    padding: 5px 0px 5px 35px;
    background-color: rgb(0 0 0 / 20%);
    color: white;
    border: 1px solid rgb(0 0 0 / 0%);
    border-radius: 4px;
    max-width: 170px;
}

.search-bar__input::placeholder {
    color: rgb(255 255 255 / 75%);
    opacity: 1;
    /* Firefox */
}

.top-search-bar svg {
    left: 8px;
}

.left-img-card>img {
    width: 100%;
    height: 100%;
}

#variants-options .select2-container .select2-selection--multiple {
    min-height: 5rem;
    border: 1px solid #CDD6DD;
    border-radius: 3px;
}

#variants-options .select2-selection__choice__remove {
    float: right;
    margin-left: 5px;
}

#variants-options .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #FFFFFF;
    border: 1px solid #CDD6DD;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 15px;
    line-height: 18px;
    color: #363E46;
}

#variants-options .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: 1px solid #CDD6DD;
    border-radius: 3px;
    padding-left: 8px;
    padding-right: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.variant-item input.price-variant,
.variant-item input.quantity-variant {
    max-width: 150px;
}

.select-icon-right {
    right: 14px;
    bottom: 13px;
    color: #363E46;
}

.modal-body .card-border-rounded {
    padding: 1.5rem;
}

.card-border-rounded {
    border: none;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 2.5rem 3.75rem 2.5rem 3.125rem
}

.card-border-rounded .card-body {
    padding: 0;
}

.card-border-rounded .card-header {
    background-color: #ffffff;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 0;
}

.card-border-rounded.card-header-body {
    padding: 0;
}

.card-header-body .card-header {
    padding: 2.5rem 3.75rem 1.875rem 3.125rem;
}

.card-header-body .card-body {
    padding: 2.5rem 2.188rem 1.875rem 3.125rem;
}

.variant-bordered {
    padding: 0 2.188rem 1.875rem 3.125rem;
}

.title {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    color: #363E46;
}

.title~span {
    font-size: 13px;
    line-height: 16px;
    color: #9AA0A6;
}

#shipping-tabs .nav-link.active.shipping {
    color: #0083E2;
    /*PRIMARY COLOR*/
}

#shipping-tabs .nav-link.active.shipping .border-bottom-rounded {
    border: 2px solid #0083E2;
    /*PRIMARY COLOR*/
}

#shipping-tabs .nav-link.active.shipping .cl-primary.shipping path,
.nav-link.active.shipping .cl-primary.shipping i {
    fill: #0083E2;
    /*PRIMARY COLOR*/
    color: #0083E2;
    /*PRIMARY COLOR*/
}

.shipping-radio label {
    padding: 6px 13px;
    background: #F5F8FA;
    border: 0.5px solid #CCCCCC;
    border-radius: 3px;
    margin-right: 10px;
    cursor: pointer;
}

.shipping-radio label span {
    font-size: 15px;
    line-height: 18px;
    color: #363E46;
}

.shipping-radio input:checked+label {
    background-color: #0083E2;
    /*PRIMARY COLOR*/
}

.shipping-radio input:checked+label>span {
    color: #ffffff;
}

.n-resize {
    resize: none;
}

.object-cover {
    object-fit: cover
}

.object-center {
    object-position: center;
}

.object-contain {
    object-position: contain;
}

.max-width-80 {
    max-width: 80px;
}

.max-width-250 {
    max-width: 250px;
}

.img-wants {
    width: 100px;
    height: 73px;
}

.go-back {
    font-size: 17px;
    line-height: 20px;
    color: #9AA0A6;
    display: flex;
    align-items: center;
}

.go-back:hover {
    color: #363E46;
    text-decoration: none;
}

.go-back i {
    font-size: 13px;
}

.btn.btn-icon-left.btn-big {
    min-height: 40px;
    min-width: 133px;
}

/* .btn-icon-left.btn-big svg {
    position: absolute;
    top: 11px;
    left: 6px;
    fill: #ffffff;
} */

.btn.btn-height {
    height: 40px;
}

.btn-icon-left {
    position: relative;
    padding-left: 26px;
}

.btn-icon-left>i {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.btn {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    min-height: 40px;
    min-width: 113px;
}

.btn-secondary {
    color: #fff;
    background-color: #3FCB7D;
    /*SECONDARY COLOR*/
    border-color: #3FCB7D;
    /*SECONDARY COLOR*/
}

.btn-outline-secondary {
    color: #3FCB7D;
    /*SECONDARY COLOR*/
    border-color: #3FCB7D;
    /*SECONDARY COLOR*/
    padding: 10px 20px;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #3FCB7D;
    /*SECONDARY COLOR*/
    border-color: #3FCB7D;
    /*SECONDARY COLOR*/
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    /* background-color: #3FCB7D; */
    /*SECONDARY COLOR*/
    border: none;
    /*SECONDARY COLOR*/
}

.btn-primary:not(.experience-submit) {
    /* color: #fff;
    background-color: #0083E2; */
    /*PRIMARY COLOR*/
    /* border-color: #0083E2; */
    /*PRIMARY COLOR*/
}

.btn-outline-primary {
    /* color: #0083E2; */
    /*PRIMARY COLOR*/
    /* border-color: #0083E2; */
    /*PRIMARY COLOR*/
    padding: 10px 20px;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0083E2;
    /*PRIMARY COLOR*/
    border-color: #0083E2;
    /*PRIMARY COLOR*/
}

.btn-primary.disabled:not(.experience-submit),
.btn-primary:not(.experience-submit):disabled {
    color: #fff;
    background-color: #0083E2;
    /*PRIMARY COLOR*/
    border-color: #0083E2;
    /*PRIMARY COLOR*/
}

.cl-secondary {
    color: #3FCB7D;
    /*SECONDARY COLOR*/
}

.bg-secondary {
    background-color: #3FCB7D !important;
    /*SECONDARY COLOR*/
}

.btn-small-success {
    border: 1px solid #259E5A;
    border-radius: 3px;
    padding: 4px 9px 5px 9px;
    color: #259E5A;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    background-color: white;
}

.btn-small-success:hover {
    text-decoration: none;
    color: white;
    background-color: #259E5A;
}

.btn-small-danger {
    border: 1px solid #E26060;
    border-radius: 3px;
    padding: 4px 9px 5px 9px;
    color: #E26060;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    background-color: transparent;
}

.btn-small-danger:hover {
    text-decoration: none;
    color: white;
    background-color: #E26060;
}

.btn-small-secondary {
    border: 1px solid #9AA0A6;
    /*GREY COLOR*/
    border-radius: 3px;
    padding: 4px 9px 5px 9px;
    color: #9AA0A6;
    /*GREY COLOR*/
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    background-color: transparent;
}

.btn-small-secondary:hover {
    text-decoration: none;
    color: white;
    background-color: #9AA0A6;
}


/* BTN CLASSSIC */

.card .btn-classic {
    color: #0083E2;
    border-color: #0083E2;
}

.card .btn-classic:hover:not(:disabled) {
    background: #0083E2;
    color: white;
    border-color: #0083E2;
}

.card .btn-classic svg path {
    stroke: #0083E2;
}

.card .btn-classic:hover:not(:disabled) svg path {
    stroke: white;
}

.cl-soft-dark {
    color: #363e46;
}

.cl-grey-dark {
    color: #9AA0A6 !important;
}

.cl-gold {
    color: #F5A623;
}

.cl-primary {
    color: #0083E2;
}

.fz-10 {
    font-size: 10px;
}

.fz-11 {
    font-size: 11px;
}

.fz-12 {
    font-size: 12px;
}

.fz-13 {
    font-size: 13px;
}

.fz-14 {
    font-size: 14px;
}

.fz-15 {
    font-size: 15px;
}

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

.fz-17 {
    font-size: 17px !important;
}

.fz-18 {
    font-size: 18px;
}

.fz-21 {
    font-size: 21px;
}

.fw-100 {
    font-weight: 100;
}

.fw-200 {
    font-weight: 200;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.fw-900 {
    font-weight: 900;
}

.site-title {
    font-size: 26px;
    line-height: 38px;
}

.tag-badge {
    border: 1px solid #CDD6DD;
    border-radius: 3px;
    font-size: 15px;
    line-height: 18px;
    color: #363E46;
    padding: 4px 9px;
}

.tag-free label {
    border: 0.5px solid #CCCCCC;
    border-radius: 59px;
    padding: 1px 9px;
}

.tag-free>input:checked+label {
    background-color: #0083E2;
    /*PRIMARY COLOR*/
    color: #ffffff;
}

.text-description {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 16px;
    color: #9AA0A6;
}

.text-line-height-1 {
    line-height: 1;
}

.text-line-height-30-px {
    line-height: 30px;
}

.p-variants {
    padding: 0.5rem 2.188rem 0.5rem 3.125rem;
}

.p-xl-card {
    padding: 3.125rem 9rem 5rem;
}

.border-b-gray {
    border-bottom: 1px solid #EBEDEE;
}

.files label {
    background: #0083E2;
    /*PRIMARY COLOR*/
    border: 0.5px solid #CCCCCC;
    border-radius: 3px;
    padding: 9px;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    margin-bottom: 5px;
    cursor: pointer;
}

.remove-variant:hover,
.remove-video:hover {
    text-decoration: none;
}


/***DASHBOARD*/

.card-dashboard {
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.card-dashboard>.card-body {
    padding: 13px;
}

.br-rounded {
    border-radius: 50%;
}

.br-xs {
    border-radius: 3px;
}

.card-dashboard .card-title {
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 13px;
    color: #9AA0A6;
    margin-bottom: 0;
}

.card-dashboard .flex-column>img:not(.no-profile) {
    width: 80px;
    height: 80px;
    margin-bottom: 15px;
}

.card-dashboard .user-name {
    font-size: 16px;
    line-height: 19px;
    color: #363E46;
    margin-bottom: 7px;
}

.card-dashboard .user-name+span {
    font-size: 12px;
    line-height: 14px;
    color: #9AA0A6;
    margin-bottom: 18px;
}

.btn-outline-primary {
    color: #0083E2;
    /*PRIMARY COLOR*/
    border-color: #0083E2;
    /*PRIMARY COLOR*/
    border-radius: 3px;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    padding: 5px 20px;
}

.btn__outline__width {
    min-width: 96px;
    padding-left: 13px;
    padding-right: 13px
}

.btn-outline-primary:hover {
    color: #ffffff;
    background-color: #0083E2;
    /*PRIMARY COLOR*/
}

.btn {
    min-height: 30px;
}

.card-item {
    margin-bottom: 5px;
    padding-left: 12px;
    padding-right: 14px;
    padding-top: 12px;
    padding-bottom: 11px;
}

.message-notification {
    width: 8px;
    height: 8px;
    background-color: #E26060;
    display: inline-block;
    border-radius: 50%;
}

.card.card-message {
    padding-bottom: 16px;
    margin-bottom: 6px;
    border: 0;
    border-bottom: 0.5px solid #DAE3EB;
    border-radius: 0;
}

.card-message .text-msg,
.card-message .user-name {
    font-size: 13px;
    line-height: 16px;
    color: #363E46;
    margin-bottom: 0px
}

.card-message .user-name+.time {
    font-size: 12px;
    line-height: 14px;
    color: #9AA0A6;
    margin-bottom: 0px;
    min-width: 3.4rem;
    text-align: right;
}

.unread-msg>.msg>.user-name,
.card-message .unread-msg .text-msg {
    font-weight: 900;
}

.card-message .read-msg>.msg .user-name {
    font-weight: bold;
}

.card-message .read-msg .text-msg {
    font-weight: normal;
}

.state-name {
    font-size: 12px;
    line-height: 14px;
    margin-left: 4px;
}

.state-1>.icon-state {
    width: 6px;
    height: 6px;
    background-color: #F5A623;
    border-radius: 50%;
    display: inline-block;
}

.state-1 span {
    color: #F5A623;
}

.state-2>.icon-state {
    width: 6px;
    height: 6px;
    background-color: #259E5A;
    border-radius: 50%;
    display: inline-block;
}

.state-2 span {
    color: #259E5A;
}

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

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.white-space-break {
    white-space: break-spaces;
}

.title-sm {
    font-size: 15px;
    line-height: 18px;
    color: #363E46;
    margin-top: 10px;
    margin-bottom: 16px
}

.min-h-3 {
    min-height: 3rem;
}

.min-h-12 {
    min-height: 12.5rem;
}

.min-h-16 {
    min-height: 16.0625rem;
}

.h-340 {
    height: 32rem;
}

.h-340+div.container {
    transform: translateY(-18rem);
}

.min-h-400 {
    min-height: 25rem;
}

.bootstrap-tagsinput {
    height: auto;
}

.grey-x-line {
    border: 1px solid #CDD6DD;
}

.btn.btn-social {
    height: 50px;
    font-size: 15px;
    line-height: 17px;
}

.btn.btn-facebook {
    background-color: #32519B;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    padding-top: 16px;
    padding-bottom: 17px;
    text-transform: initial
}

.btn.btn-google {
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding-top: 16px;
    padding-bottom: 17px;
    text-transform: initial
}

.btn-social {
    position: relative;
}

.btn-social .social-icon {
    position: absolute;
    left: 12px;
    top: 10px;
}

.icon-left-input,
.icon-right-input {
    position: relative;
}

.icon-left-input span {
    position: absolute;
    top: 20px;
    left: 10px;
}

.icon-right-input a {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.text-underline {
    text-decoration: underline;
}

.btn-og {
    min-width: 153px;
    font-size: 16px;
    text-transform: initial;
    line-height: 18px;
    border-radius: 5px;
    height: 40px;
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #0083E2;
}

#products-carousel .carousel-item {
    padding-left: 35px;
    padding-right: 35px;
}

#products-carousel>.carousel-control-next,
#products-carousel>.carousel-control-prev {
    display: inherit;
    padding-top: 29px;
}

.order-title {
    font-size: 13px;
    line-height: 16px;
    color: #363E46;
    margin-bottom: 0;
}

.order-props {
    font-size: 12px;
    line-height: 14px;
    color: #9AA0A6;
}

.order-nowrap {
    white-space: nowrap;
}

.see-all {
    font-size: 11px;
    line-height: 13px;
}

.neutral-link,
.neutral-link:hover {
    text-decoration: none;
    color: currentColor;
}


/*****/

.text-cover {
    color: #0083E2;
    font-size: 11px;
    text-align: center;
}

.container-images>div:nth-child(1)>div>label>img {
    border: 1px solid #0083E2;
    border-radius: 5px;
}

.container-images>div:nth-child(1)>p {
    display: block !important;
}

.toolkit-item {
    color: #363E46
}

.toolkit-item .title-cat {
    color: #9AA0A6;
}

.toolkit-item .title-prof {
    height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.position-custom {
    position: absolute;
    top: 5px;
    right: 8px;
}

.position__custom--delete {
    position: absolute;
    top: -1px;
    right: 20px;
}

.remove-attach {
    position: absolute;
    top: -3px;
    right: -25px;
}

.reorder-gallery-files li:first-child {
    border: 1px solid;
    border-radius: 3px;
    margin: 9px 7px;
}

.reorder-gallery li:first-child {
    border: 1px solid;
    border-radius: 3px;
    margin: 9px 7px;
}

.reorder-gallery li:first-child:before {
    content: 'Cover';
    position: absolute;
    bottom: -15px;
    left: 50%;
    font-size: 11px;
    line-height: 13px;
    transform: translateX(-50%);
}

.drag-col {
    cursor: pointer;
}

.img-listing {
    cursor: pointer;
    border-radius: 3px;
}

.file-pdf {
    font-size: 15px;
    background: #F5F8FA;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    overflow-wrap: anywhere;
}
.dark-theme .file-pdf {
    background: #444444;
}


.img-pdf-icon {
    width: 30px;
    background: #F5F8FA;
}

.file-pdf>label {
    margin-top: 0.5rem;
}

.tag-badge-color {
    width: 13px;
    height: 13px;
    border-radius: 2px;
    margin-left: 3px;
    display: inline-block;
    background-color: #BBBBBB;
    /* Default gray color, this color will change */
}

.dropdown-mass-uploader {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
}

.dropdown-mass-uploader::after {
    display: none;
}

.chevron-gray {
    color: #9AA0A6;
}

.title-listing {
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
}

.link-collapse-listing {
    margin-top: 0.5rem;
}

.link-collapse-listing:hover {
    text-decoration: none;
}

.span-collapse-listing {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    color: #363E46;
}

.span-collapse-listing-no-color {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
}

.img-card-listing {
    max-height: 144px;
    width: 100%;
    object-fit: cover;
}

.line-h-25 {
    line-height: 25px;
}

.category-listing {
    font-size: 14px;
    font-weight: normal;
    color: #9AA0A6;
}

.name-listing {
    font-size: 19px;
    font-weight: 500;
    color: #363E46;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.not-underlined-link:hover,
.not-underlined-link:visited,
.not-underlined-link:active,
.not-underlined-link:link {
    text-decoration: none;
}

.rating-listing>.fa-star {
    color: #F5A623;
}

.price-listing {
    font-size: 16px;
    font-weight: bold;
    color: #0083E2;
    /*PRIMARY COLOR*/
    margin-left: 0.5rem;
}

.ellipsis-gray {
    color: #9AA0A6;
}

.dropdown-action-listing {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    min-width: 40px;
}

.dropdown-action-listing::after {
    display: none;
}

.title-modal-listing {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 21px;
    color: #363E46;
    text-align: center;
}

.text-modal-listing {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-size: 18px;
    color: #9999AA;
    text-align: center;
}

.card-modal-listing {
    border: 1px solid #DAE3EB;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgba(54, 62, 70, 0.13);
    border-radius: 5px;
    margin-bottom: 1.5rem;
}

.category-modal-listing {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #363E46;
}

.name-modal-listing {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-size: 17px;
    color: #363E46;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.username-modal-listing {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #363E46;
}

.price-modal-listing {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 17px;
    color: #363E46;
}

.img-modal-user {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.label-copy {
    color: #0083E2;
}

.btn-copy {
    background-color: #E5F3FC;
    color: #0083E2;
    border-radius: 3px;
    min-width: 57px;
    font-weight: normal;
    font-size: 16px;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 30px;
}

.text-muted.select-item {
    font-size: 12px;
    font-weight: 400
}

.text-24-black {
    font-size: 20px;
    line-height: 24px;
    color: #000000;
}

.text-13-grey {
    font-size: 11px;
    line-height: 13px;
    color: #9AA0A6;
}

.card-horizontal {
    margin-bottom: 10px;
    margin-top: 10px;
}

.card-horizontal.img-card {
    display: flex;
    flex-direction: row;
    background-color: #ffffff;
}

.card-horizontal>.left-img-card {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #DAE3EB;
    width: 30%;
    max-height: 9.125rem;
    overflow: hidden;
}

.card-horizontal>.card-content {
    border-radius: 0px 5px 5px 0px;
    border: 1px solid #DAE3EB;
    border-left: 0px;
    width: 70%;
    padding: 1.063rem 1.688rem 1.25rem 2.063rem;
}

.pill-tag {
    background-color: #0083e230;
    /* PRIMARY COLOR #0083e2 + 30*/
    /*opacity: 0.1; */
    border-radius: 50px;
    color: #363E46;
    font-size: 14px;
    line-height: 17px;
    margin-right: 10px;
    margin-bottom: 5px;
    font-weight: normal
}

.card-img__title p {
    z-index: 1;
    bottom: 0;
    padding: 0.5rem 1.25rem;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}

.request-title {
    font-weight: 500;
    font-size: 19px;
    line-height: 25px;
    color: #363E46;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
}

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

.request-price {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
}

.btn.dropdown-icon {
    min-width: initial;
}

.btn__show__dropdown {
    min-width: unset;
    border: none;
}

.btn__show__dropdown:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none;
}

.align-icon-text {
    display: flex;
    align-items: center;
}

.align-icon-text>svg {
    margin-right: 5px;
}

.pl-2-rem {
    padding-left: 2rem;
}

.card.card-lg {
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    border: none
}

.card-lg>.card-body {
    padding-top: 45px;
    padding-bottom: 67px;
}

.card-lg h2 {
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    color: #363E46;
    margin-bottom: 13px;
}

.card-lg h4 {
    font-size: 16px;
    line-height: 19px;
    color: #9AA0A6;
    margin-bottom: 23px;
}

.no-hover-color:hover {
    color: inherit
}

.card.card-created {
    border: 1px solid #DAE3EB;
    box-shadow: 0px 3px 2px rgba(54, 62, 70, 0.05);
    min-height: 159px;
}

.card.card-created .card-body {
    padding: 24px 24px 32px 24px;
}

.card.card-vertical {
    border: 0;
}

.card.card-vertical .card-top {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.card.card-vertical .card-bottom {
    border-top: 1px solid #DAE3EB;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 49px;
    padding-bottom: 67px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.max-h-200 {
    max-height: 200px;
}

.max-h-md {
    height: 10rem;
}

.btn-soft-bg {
    background-color: #0083E230;
    /*PRIMARY COLOR WITH TRANSPARENCY*/
    color: #0083E2;
    /*PRIMARY COLOR*/
    padding: 4px 10px;
    border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    line-height: 19px;
}

.modal-wide .modal-content {
    border-radius: 10px;
    border: 0;
}

.modal-wide .modal-body {
    padding: 72px 112px 69px 112px;
}

.modal-wide .modal-body.md {
    padding: 60px 90px 50px 80px !important;
}

.modal-wide.modal-wide-p-sm .modal-body {
    padding: 78px 38px 60px 38px;
}

.modal-wide .btn {
    border-radius: 5px;
    min-width: 153px;
    min-height: 50px;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
}

.modal-wide .btn-gray {
    background-color: #999999;
    border-color: #999999;
    color: #ffffff;
}

.modal-wide .btn-gray:hover:not(:disabled) {
    color: #999999;
    background-color: #ffffff;
}

.modal-wide h4 {
    font-size: 21px;
    line-height: 25px;
    color: #363E46;
    margin-bottom: 10px;
}

.modal-wide h5 {
    font-size: 18px;
    line-height: 22px;
    color: #9999AA;
}

.modal-wide .close,
.btn-close-rounded {
    background: #FFFFFF;
    border: 1px solid #CDD6DD;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgba(54, 62, 70, 0.13);
    border-radius: 50%;
    color: #0083E2;
    /*PRIMARY COLOR*/
    position: absolute;
    top: 10px;
    right: 10px;
    line-height: 0;
}

.btn-close-rounded {
    top: -15px;
    right: -15px;
    z-index: 1;
}

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


/*_Settings*/

.settings-tabs .nav-link {
    font-weight: 400;
    font-size: 20px;
    padding: .5rem 2.6rem;
    color: #9AA0A6;
}

.settings-tabs .nav-link.active {
    font-weight: 700;
}

.settings-tabs .nav-link:first-child {
    padding-left: 0;
}

.settings-tabs li:last-child {
    display: flex;
    align-items: center;
}

.settings-tabs li>button,
#saveChangesBtnMobile,
.save-info-notifications {
    padding: .7rem 1.5rem;
}

.title-card {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #363E46;
}

.subtitle-card {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    color: #9AA0A6;
}

.card-settings {
    background: #FFFFFF;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    border: none;
    padding: 2.7rem 3rem;
}

.card-settings .card-body {
    padding: 0;
}

.profile-tab img {
    height: 150px;
    width: 150px;
    vertical-align: middle;
    border-radius: 50%;
    display: block;
    margin-bottom: .8rem;
}

.profile-tab .avatar-profile {
    text-align: center;
}

.profile-tab .avatar-profile span {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
}

.profile-tab .avatar-profile i,
.profile-tab .avatar-profile span {
    color: #0083E2;
    /*Color Primary*/
}

.profile-tab .personal-information>div:first-child {
    padding: 2rem 0 1rem 1rem;
}

.profile-tab .personal-information>div:first-child>div {
    border-right: 1px solid #CDD6DD;
    height: 100%;
}

.profile-tab .personal-information>div:last-child {
    padding: 0 6rem;
}

.map-location {
    width: 250px;
    height: 220px;
    border-radius: 5px;
    border: 1px solid #CDD6DD;
    margin: auto;
}

.slider.round:after {
    left: 5px;
}

.switch.switch-settings input:checked+.slider {
    background-color: #0083E2 !important;
}

.input-group-social .input-group-prepend {
    border: 1px solid #CDD6DD;
    border-right: 0;
    align-items: center;
    padding-left: .4rem;
}

.input-group-social input {
    border-left: 0;
}

.input-group-security .input-group-prepend {
    border: 1px solid #CDD6DD;
    border-left: 0;
    align-items: center;
    padding: .4rem;
    cursor: pointer
}

.input-group-security input {
    border-right: 0;
}

.btn-paypal {
    background: #FFFFFF;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    font-weight: 700;
    font-size: 14px;
    color: #002F86;
    padding: .4rem .8rem;
}

.btn-paypal img {
    margin-right: .5rem;
}

.new-card .card-security-code>div:first-child {
    width: 40%;
}

.new-card .card-security-code>div:last-child {
    width: 55%;
}

.card-experience {
    padding: 1rem;
    border: 1px solid #CDD6DD;
    border-radius: 3px;
}

.card-experience label {
    font-weight: 700;
    font-size: 17px;
    color: #363E46;
}

.card-experience .card-body {
    padding: 0 1.5rem;
}


/*_Settings end*/


/*Inbox*/

.inbox-cont input#inbox-search {
    padding-left: 2rem;
}

.inbox-cont .chat-item {
    cursor: pointer;
}

.inbox-cont .chat-item:hover {
    background-color: var(--bd-color-grey);
}

.inbox-cont .item-data span:hover {
    text-decoration: underline;
}

.inbox-cont .chat-item span.text-truncate {
    display: inline-block;
    width: 100%;
}

.inbox-cont .chat-item .chat-msg a:hover {
    color: inherit;
}

.attached_file {
    width: 50px;
    margin: 0 auto;
}

a.attached_file_link {
    width: 100%;
    text-align: center;
    padding: 1rem;
}

.close.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid #CDD6DD;
    box-shadow: 0px 2px 4px rgba(54, 62, 70, 0.13);
    border-radius: 50%;
    height: 34px;
    width: 34px;
    line-height: 11px;
    opacity: 1;
    z-index: 10;
}

.input-section {
    padding: 22px 107px;
    border-top: 1px solid #DAE3EB;
    border-bottom: 1px solid #DAE3EB;
    border-right: 1px solid #DAE3EB;
    box-shadow: 0px -3px 2px rgba(54, 62, 70, 0.05);
    position: sticky;
    bottom: 0;
}

.input-section input.br-md {
    border: 1px solid #DAE3EB;
    border-radius: 10px;
}

.info-red {
    background-color: #f9dfdf;
    border-radius: 5px;
    font-size: 13px;
    line-height: 16px;
    color: #363E46;
    padding: 10px 9px;
    margin-top: 24px;
}

.info-red span {
    margin-left: 7px;
}

.badge.badge-success {
    border-radius: 3px;
    padding: 5px 11px;
    background-color: #d3ecde;
    color: #259e5a;
    font-size: 14px;
}

.badge.badge-danger {
    border-radius: 3px;
    padding: 5px 11px;
    background-color: #f9dfdf;
    color: #E26060;
    font-size: 14px;
}

.badge.badge-warning {
    border-radius: 3px;
    padding: 5px 11px;
    background-color: #F7E8CF;
    color: #C2831C;
    font-size: 14px;
}

.badge.badge-cancelled-by-customer {
    border-radius: 3px;
    padding: 5px 11px;
    color: #ffffff;
    background-color: #999999;
    font-size: 14px;
}

.badge.badge-pill {
    border-radius: 10rem !important;
}

.tags-input-container {
    position: relative;
}

.dropdown-tags {
    border-radius: 5px;
    border: 1px solid #808080;
    position: absolute;
    top: 3rem;
    left: 0;
    min-width: 10rem;
    background-color: #ffffff;
    z-index: 20;
}

.dropdown-tags .dropdown-item-tag {
    width: 100%;
    padding: 5px 7px;
    border-bottom: 1px solid #808080;
    cursor: pointer;
}

.dropdown-tags .dropdown-item-tag:hover {
    background-color: aqua;
}

.dropdown-item-tag .color-square {
    border-radius: 2px;
    width: 13px;
    height: 13px;
}

.border-b-gray .card-item-inbox:first-child {
    margin-top: 34px;
}

.card-item-inbox img {
    border: 0.5px solid #DAE3EB;
}

#readed-holder .chat-item:first-child,
#unreaded-holder .chat-item:first-child {
    border-top: 1px solid #DAE3EB;
}

#readed-holder .chat-item:last-child,
#unreaded-holder .chat-item:last-child {
    border-bottom: 1px solid #DAE3EB;
}

.font__inbox--date {
    font-size: 14px;
    line-height: 20px;
    text-align: right;
}

.font__inbox--user {
    font-size: 13px;
    line-height: 16px;
}

.font__inbox--message {
    font-size: 14px;
    line-height: 20px;
}

.chat-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    border-top: 1px solid #DAE3EB;
    padding-top: 12px;
    padding-bottom: 12px;
}

.chat-item .user-data {
    font-size: 13px;
    line-height: 16px;
}

.item-date {
    min-width: 6rem;
}

.unread .chat-msg,
.unread .user-data,
.chat-item .item-date {
    font-weight: bold;
}

.chat-item .chat-msg {
    width: 50%;
}

.chat-item .item-data {
    width: 20%;
}

.chat-item .item-date {
    width: 6rem !important;
    padding-left: .5rem;
}

.chat-item .user-data {
    width: 20%;
}

.chat-item .user-data img {
    min-width: 30px;
    min-height: 30px;
}

.chat-item .important-icon {
    width: 5%;
    min-width: 25px;
}

.chat-item .chat-msg,
.chat-item .item-data,
.chat-item .item-date {
    margin-left: auto;
}


/*End ChatInbox*/

.d-contents {
    display: contents;
}

.gallery ul li {
    padding: 2px;
    border: none;
    float: left;
    margin: 10px 7px;
    background: none;
    width: auto;
    height: auto;
    border-radius: 3px;
}

.gallery ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.title__add__listing {
    font-size: 30px;
    line-height: 36px;
    font-weight: bold;
    color: #363E46;
}

.text__footer_listing {
    font-size: 15px;
    line-height: 18px;
}

#sidebar-listing.nav-tabs a.nav-link.disabled,
.font__grey_request_preview {
    color: #9AA0A6;
}

.font__tags__request__preview {
    font-size: 14px;
    line-height: 17px;
    color: #363E46;
}

.font__grey_request_preview {
    font-size: 14px;
    line-height: 17px;
}

.text__width--md {
    width: 65%;
}

.card__flex__grow {
    flex: 1
}

.border__circle--quarter {
    border-top: 3px solid transparent;
    border-left: 3px solid red;
    border-right: 3px solid red;
    border-bottom: 3px solid red;
    transform: rotate(45deg);
    border-radius: 50%;
    padding: 3px;
}

.border__circle--quarter>img {
    transform: rotate(-45deg);
}

.font__listing__inbox {
    font-size: 17px;
    line-height: 20px;
    color: #363E46;
}

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

.font__listing__inbox--name {
    font-size: 14px;
    line-height: 17px;
}

.font__order__status {
    font-size: 14px;
    line-height: 17px;
}

.font__order__number {
    font-size: 20px;
    line-height: 24px;
    color: #363E46;
}

.font__order__listing__name {
    font-size: 15px;
    line-height: 18px;
}

.font__order_username {
    font-size: 15px;
    line-height: 18px;
}

.order-cards .card.card-horizontal .card-body.card__order__padding {
    padding-top: 29px;
    padding-left: 40px;
    padding-bottom: 25px;
    padding-right: 40px;
}

.order__shipping>.item__status:not(:only-child):not(:last-child) {
    border-bottom: 1px solid #DAE3EB;
    padding-bottom: 1.275rem;
}

.icon__holder {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
}

.font__mpb__title {
    font-size: 16.44px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    color: #1C2660;
}

.font__mpb__title>span {
    font-weight: 600
}

.overlap__title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.font__onboarding__title {
    font-size: 25px;
    line-height: 30px;
    color: #333333;
    text-align: center;
    margin-bottom: 14px;
}

.font__onboarding__title--content {
    font-weight: bold;
    margin-bottom: 36px;
}

.font__onboarding__subtitle {
    font-size: 18px;
    line-height: 25px;
    color: #999999;
    text-align: center;
    margin-bottom: 48px;
}

.font__type__site {
    font-size: 23px;
    line-height: 28px;
    color: #333333;
    margin-bottom: 7px;
    text-align: center;
}

.font__type__site--description {
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 8px;
    font-weight: normal;
}

.font__type__site--example {
    color: #999999;
    font-weight: normal;
}

.card__type__site {
    border: 2px solid #CCCCCC;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
}

.card__disabled {
    background-color: rgba(245, 245, 245, 1);
    opacity: .6;
}

.card__type__site .card-body {
    padding-top: 35px;
    padding-bottom: 31px;
}

.card__type__site:hover:not(.card__disabled),
.card__type__site.active {
    border: 2px solid #3FCB7D;
    box-shadow: 0px 0px 10px rgba(0, 131, 226, 0.2);
}

.card__type__site.card__disabled:hover {
    border: 2px solid #CCCCCC;
    cursor: not-allowed
}

.logo__site__container {
    height: 66px;
    margin-bottom: 22px;
}

.separation__margin {
    margin-bottom: 40px;
}

.btn__grey {
    background-color: #CCCCCC;
    color: #FFFFFF;
}

.btn__grey:hover {
    background-color: #FFFFFF;
    color: #CCCCCC;
    border-color: #CCCCCC;
}

.btn__onboarding {
    font-size: 18px;
    line-height: 22px;
    border-radius: 70px;
    padding-top: 24px;
    padding-bottom: 24px;
    width: 204px;
}

.btn__onboarding--schedule {
    font-size: 18px;
    line-height: 22px;
    border-radius: 70px;
    padding-top: 24px;
    padding-bottom: 24px;
    width: 280px;
    margin-top: 20px;
}

.btn__onboarding--close {
    margin-top: 20px;
}

.btn__onboarding__checkout {
    padding: 1.0625rem 1.875rem;
    width: 100%;
}

.font__label__form {
    font-size: 18px;
    line-height: 22px;
    color: #363E46;
}

.margin__md {
    margin-bottom: 25px;
}

.bundle__padding {
    padding-top: 26px;
    padding-bottom: 28px;
    padding-left: 83px;
    padding-right: 110px;
}

.bundle__padding--lessr {
    padding-right: 48px;
}

.bundle__padding--border {
    border-top: 1px solid #CCCCCC;
}

.font__promo__title {
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #999999;
    white-space: nowrap;
}

.font__promo__title--line {
    text-decoration: line-through;
}

.font__promo__description {
    font-weight: bold;
    font-size: 26px;
    line-height: 31px;
    text-align: center;
    color: #333333;
}

.border__top {
    border-top: 1px solid #CCCCCC;
}

.border__left__item {
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}

.border__right__item {
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}

.border__radius--left {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.border__radius--right {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.font__addon__name {
    font-size: 15px;
    line-height: 29px;
    color: #000000;
    margin-right: 10px;
}

.font__addon__price {
    font-size: 15px;
    line-height: 18px;
    color: #BBBBBB;
}

.font__addon__price--bold {
    font-weight: 700;
}

.badge__addon {
    font-size: 11px;
    line-height: 21px;
    color: #ffffff !important;
    font-weight: bold;
    border-radius: 3px;
    text-transform: uppercase;
    padding: 2px 4px;
}

.bundle__title {
    font-size: 24px;
    line-height: 29px;
    font-weight: bold;
    color: #000000;
}

.margin__top__btns {
    margin-top: 74px;
}

.font__decline__bundle {
    font-size: 18px;
    line-height: 22px;
    text-decoration-line: underline;
    color: #666666;
}

.card__checkout__onboarding {
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    border: none;
}

.card__checkout__onboarding .card-body {
    padding: 29px 21px 42px 34px;
}

.font__cc_information {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    color: #363E46;
    margin-bottom: 20px;
}

.font__form__label {
    font-size: 15px;
    line-height: 18px;
    color: #363E46;
}

.form__input {
    border: 1px solid #CDD6DD;
    border-radius: 3px;
    padding: 11px 14px;
}

.font__cc__saved {
    font-size: 14px;
    line-height: 17px;
    color: #363E46;
    margin-top: 37px;
}

.font__summary {
    color: #333333;
}

.font__summary--title {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
}

.font__summary--table {
    font-size: 16px;
    line-height: 19px;
}

.btn__checkout__onboarding {
    padding: 24px 19px;
    border-radius: 70px;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
}

.line__height--trash {
    line-height: 17px;
}

.total__value__margin {
    margin-right: 19px;
}

.font__congrats--title {
    font-size: 22px;
    line-height: 26px;
    color: #333333;
    margin-bottom: 18px;
}

.font__congrats--info {
    font-size: 18px;
    line-height: 25px;
    color: #999999;
    margin-bottom: 0;
}

.font__congrats--email {
    font-weight: 700;
}

.font__congrats--site {
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #333333;
}

.font__link__site {
    font-size: 20px;
    line-height: 24px;
}

.margin__bottom__md {
    margin-bottom: 25px;
}

.margin__bottom--xl {
    margin-bottom: 55px;
}

.card__onboarding__checkout {
    border-radius: 20px;
    border: 0;
}

.card__onboarding__checkout .card-body {
    padding: 26px 58px 62px 58px;
}

.card__site__border {
    border: 1px solid #DEE0E0;
    border-radius: 5px;
    margin-bottom: 23px;
}

.card__site__border .card-body {
    padding: 25px 49px 26px 42px;
}

.card__site__link {
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px 8px 26px 23px;
}

.card__site__link--bgreen {
    background: rgba(63, 203, 125, 0.1);
}

.btn__copy {
    font-size: 16px;
    line-height: 19px;
    width: unset;
    padding: 4px 10px;
    margin-left: 14px;
    background-color: #ffffff;
    color: #3FCB7D;
    min-width: unset;
    border: 1px solid #3FCB7D;
    box-sizing: border-box;
    border-radius: 3px;
    font-weight: 400;
}

.fade-in {
    animation: fadeIn .5s;
    -webkit-animation: fadeIn .5s;
    -moz-animation: fadeIn .5s;
    -o-animation: fadeIn .5s;
    -ms-animation: fadeIn .5s;
}

.card__facilitation {
    border-radius: 20px;
}

.card__facilitation .card-body {
    padding: 43px 92px 85px 92px;
}

.font__welcome {
    font-size: 18px;
    line-height: 25px;
    color: #363E46;
}

.font__title__log {
    font-size: 22px;
    line-height: 31px;
    font-weight: 700;
    color: #363E46;
}

.font__mp--label {
    font-size: 15px;
    line-height: 18px;
    color: #363E46;
}

.font__mp--site {
    font-size: 20px;
    line-height: 24px;
    color: #363E46;
}

.font__gray__sub {
    font-size: 15px;
    line-height: 17px;
    color: #9AA0A6;
    margin-bottom: 45px;
}

.btn__onboarding--md {
    border-radius: 5px;
    font-size: 16px;
    line-height: 18px;
    padding-top: 15px;
    padding-bottom: 17px;
    width: 153px;
    margin-top: 42px;
}

.special__background {
    background-image: url(https://rebornstorage.blob.core.windows.net/uploads/979c5881-1950-4b0f-ab2d-27e2faffa212high-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.placeholder-negotiate-price {
    top: 72%;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.btn-circle {
    min-height: auto;
    min-width: auto;
}

.btn-circle.btn-sm {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
}

.btn-circle.btn-md {
    width: 50px;
    height: 50px;
    padding: 7px;
    border-radius: 25px;
    text-align: center;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px;
    border-radius: 35px;
    text-align: center;
}

.dropdown-menu-right {
    right: 0 !important;
    left: auto !important;
}

.h-get-bids {
    max-height: 120px;
}

.tab-listing-content {
    padding-bottom: 2.5rem;
}


/*button with svg icon start*/

.icon-sibling-highlight,
.btn-secondary svg,
.btn-secondary svg path,
.btn-primary svg,
.btn-primary svg path,
.btn-outline-secondary svg,
.btn-outline-secondary svg path,
.btn-outline-primary svg,
.btn-outline-primary svg path {
    transition: all .15s;
}

.btn-secondary:hover svg {
    fill: #0083E2;
}


/*button with svg icon end*/

.listing-card-border:hover {
    border-color: #0083E2;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
}

.img-locked-wrapper {
    position: relative;
    display: block;
    height: 100%;
    background: linear-gradient(0deg, rgb(61, 61, 61) 13%, rgba(61, 61, 61, 0.36) 70%, rgba(61, 61, 61, 0) 100%);
    opacity: 0.7
}

.locked-img {
    position: absolute;
    top: 25%;
    left: 45%;
    height: 60%;
}

.locked .listing-card-border:hover {
    pointer-events: none;
}

#unreaded-holder .msg-reference,
#readed-holder .msg-reference,
#dashboard-messages .msg-reference {
    display: none;
}

.loyaltypoints-modal-text {
    font-size: 0.8rem;
}

.loyaltypoints-modal-header {
    font-size: 1rem;
}

.table-loyalty-points {
    background-color: #F5F5F5;
    border-radius: 8px;
}

.custom-td {
    padding: .50rem !important;
    vertical-align: top !important;
    border-top: 0.7px solid #D8D8D8 !important;
}

.table-lp tr:first-child {
    border-top: hidden !important;
}

.loyalty-points-dashboard-label {
    color: #363E46 !important;
    font-size: 10px;
}

.min-h-4 {
    min-height: 4rem;
}

.small-text {
    font-size: 0.8rem;
}

.grey-text {
    color: #9AA0A6;
}

.downloadable-extension {
    position: absolute;
    top: 46px;
    left: 15px;
    color: white;
    font-family: monospace;
    cursor: pointer;
}

.img-user-provider {
    border-radius: 50%;
    position: absolute;
    bottom: -2px;
    left: 14px;
    width: 1rem;
    height: 1rem;
}

.sms-standard-info {
    font-style: italic;
    font-size: 12px;
}

.img-solds-dashboard {
    width: 35px;
    height: 35px;
}

.form-check-courier {
    display: flex;
    padding: .5rem;
    border: 1px solid #EDEDED;
    border-radius: 3px;
    margin-bottom: .5rem;
}

.form-check-courier img {
    width: 48px;
    height: 24px;
}

.checkbox-courier {
    width: 24px;
    height: 24px;
    margin-left: auto;
    border: 1px solid #858585;
    border-radius: 4px;
}

.label-product-information {
    position: absolute;
    top: 10px;
    right: 26px;
}

.label-size {
    font-size: 14px;
    color: #5C5C5C;
}

.form-check-countries,
.form-check-all {
    width: 24px;
    height: 24px;
}

.glass-icon {
    position: absolute;
    top: 15px;
    left: 8px;
}

.btn-save-countries {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    color: #FFFFFF;
}

.scroll-modal-countries {
    overflow-y: scroll;
    height: 500px;
}

.modal-request-privacy .label-title,
.other-provider label {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 500;
    margin-left: .5rem;
}

.modal-request-privacy .info {
    color: black;
    margin: 1.5rem;
}

.modal-request-privacy .switch input:checked .slider {
    background-color: #0083E2 !important;
}

.card-provider {
    margin-bottom: 1rem;
}

.other-provider,
.wishlist-provider,
.card-provider {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.other-provider-disabled,
.wishlist-provider-disabled,
.provider-disabled {
    opacity: 0.5;
}

.modal-request-privacy .other-provider input,
.modal-request-privacy .wishlist-provider input,
.modal .card-provider input {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1rem;
    margin-left: auto;
}

.modal-request-privacy .provider-img,
.img-provider-passed {
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem;
}

.glass-icon-privacy {
    position: absolute;
    top: 12px;
    left: 30px;
}

.modal-request-privacy .label-title,
.other-provider label {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 500;
    margin-left: .5rem;
}

.modal-request-privacy .info {
    color: black;
    margin: 1.5rem;
}

.modal-request-privacy .switch input:checked .slider {
    background-color: #0083E2 !important;
}

.other-provider,
.wishlist-provider {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.other-provider-disabled,
.wishlist-provider-disabled {
    opacity: 0.5;
}

.modal-request-privacy .other-provider input,
.modal-request-privacy .wishlist-provider input {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1rem;
    margin-left: auto;
}

.modal-request-privacy .provider-img,
.img-provider-passed {
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem;
}

.glass-icon-privacy {
    position: absolute;
    top: 12px;
    left: 30px;
}

.modal-pass-off .label-title,
.other-provider label {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 500;
    margin-left: .5rem;
}

.modal-pass-off .info {
    color: black;
    margin: 1.5rem;
}

.modal-pass-off .switch input:checked+.slider {
    background-color: #0083E2 !important;
}

.other-provider {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.other-provider-disabled {
    opacity: 0.5;
}

.other-provider input {
    width: 1rem;
    height: 1rem;
    margin-right: 1rem;
}

.modal-pass-off .provider-img,
.img-provider-passed {
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem;
}

.badge-passoff-rejected {
    background: rgba(226, 96, 96, 0.2);
    border-radius: 5px;
    padding: .25rem .5rem .5rem;
}

.badge-passoff-rejected label {
    font-size: 13px;
}

.subscription-tab .header {
    border-bottom: 2px dashed rgba(0, 0, 0, .125);
}

.subscription-tab .card {
    border-radius: 1rem;
}

.subscription-btn-container {
    display: flex;
    max-width: 50%;
    justify-content: space-between;
    margin: 0 auto;
}

.subscription-btn-container button {
    width: calc(50% - 10px);
    margin-right: 10px;
}

.container-address {
    margin-bottom: 1.5rem;
}

/*Connect Instagram Button*/
.connect-instagram-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #405DE6;
    color: #FFFFFF;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    background-image: linear-gradient(45deg, #405DE6 0%, #5851DB 50%, #833AB4 100%);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}

.connect-instagram-button:hover {
    background-image: linear-gradient(45deg, #833AB4 0%, #5851DB 50%, #405DE6 100%);
}

.connect-instagram-button:disabled {
    background-image: linear-gradient(45deg, #405DE6 0%, #5851DB 50%, #833AB4 100%);
}

.connect-instagram-button span {
    color: #FFFFFF;
}

.connect-instagram-button .connect-instagram-icon {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    fill: #FFFFFF;
}

#img-preview {
    max-height: 160px;
}

.modal-address-verification {
    max-width: 47.5rem;
}

.container-radio-international-address {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: bold;
}

.container-radio-international-address input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark-address {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

.checkmark-address:after {
    content: "";
    position: absolute;
    display: none;
}

.container-radio-international-address input:checked~.checkmark-address:after {
    display: block;
}

.container-radio-international-address .checkmark-address:after {
    top: 8px;
    left: 8px;
    width: 10px;
    height: 9px;
    border-radius: 50%;
    background: white;
}

/* STRIPE BANNER */
#stripe-banner {
    margin-top: 4.7rem;
}

.pt-5-rem {
    padding-top: 5rem;
}

/*DARK-THEME*/
body.dark-theme .card-lg h2,
body.dark-theme .font__order__number {
    color: var(--color-white);
}

body.dark-theme .title {
    color: var(--color-white);
}

body.dark-theme .category-listing {
    color: var(--color-white);
}

body.dark-theme .name-listing {
    color: var(--color-white);
}

body.dark-theme .pagination .page-link.active,
body.dark-theme .pagination .page-link:hover {
    color: var(--color-white);
}

body.dark-theme select.select-custom {
    background-image: url('https://rebornstorage.blob.core.windows.net/uploads/e25a3d9b-2844-444f-85dc-138fe6f8f68ehigh-arrow_select_white.webp');
    background-repeat: no-repeat;
}

body.dark-theme #multi-select-button {
    background-image: url('https://rebornstorage.blob.core.windows.net/uploads/e25a3d9b-2844-444f-85dc-138fe6f8f68ehigh-arrow_select_white.webp');
    background-repeat: no-repeat;
}

@media only screen and (max-width: 768px) {
    .p-xl-card {
        padding: inherit;
    }

    .inbox-cont .chat-item .chat-msg,
    .inbox-cont .chat-item span.chat-msg-lk {
        width: 25%;
    }

    .chat-item .user-data {
        width: 100%;
    }
}

[aria-disabled="true"] {
    opacity: 0.5;
    pointer-events: none;
    cursor: default
}

.min-w-0 {
    min-width: 0 !important;
}

/* Matches Container */
#matches-container .carousel-item {
    min-height: 190px;
}

#matches-container .carousel-item .description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Número máximo de líneas */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}