/* form control */
/* textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus, */

.text-ell {
    display: -webkit-box; 
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
    overflow: hidden; 
    height: 84px;
}

.badge-footwear {
    color: #fff;
    background-color: #fb774b;
}

.header-widgets .right-menu li.menu-toggle-sidebar-notification {
    position: relative; 
}

.header-widgets .right-menu li.menu-toggle-sidebar-notification::after {
    content: attr(data-size);
    position: absolute;
    top: -5px;
    font-style: normal;
    right: -12px;
    font-size: 11px;
    color: #fff;
    background-color: #fb774b;
    width: 18px;
    height: 18px;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    border-radius: 50%; 
}

.header-widgets .right-menu li.menu-toggle-sidebar-cart {
    position: relative; 
}

.header-widgets .right-menu li.menu-toggle-sidebar-cart::after {
    content: attr(data-size);
    position: absolute;
    top: -5px;
    font-style: normal;
    right: -12px;
    font-size: 11px;
    color: #fff;
    background-color: #fb774b;
    width: 18px;
    height: 18px;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    border-radius: 50%; 
}

.uneditable-input:focus {
    border-color: rgba(61, 61, 61, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(58, 57, 57, 0.6);
    outline: 0 none;
}

/* end form control */
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: #1a1a1a;
}

.site-header.fixed-header {
    top: 0;
}

.ui-w-80 {
    width: 80px !important;
    height: auto;
}

.btn-default {
    border-color: rgba(24, 28, 33, 0.1);
    background: rgba(0, 0, 0, 0);
    color: #4E5155;
}

label.btn {
    margin-bottom: 0;
}

.btn-outline-primary {
    border-color: #26B4FF;
    background: transparent;
    color: #26B4FF;
}

.btn {
    cursor: pointer;
}

.text-light {
    color: #babbbc !important;
}

.btn-facebook {
    border-color: rgba(0, 0, 0, 0);
    background: #3B5998;
    color: #fff;
}

.btn-instagram {
    border-color: rgba(0, 0, 0, 0);
    background: #000;
    color: #fff;
}

.card {
    background-clip: padding-box;
    box-shadow: 0 1px 4px rgba(24, 28, 33, 0.012);
}

.row-bordered {
    overflow: hidden;
}

.account-settings-fileinput {
    position: absolute;
    visibility: hidden;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.account-settings-links .list-group-item.active {
    font-weight: bold !important;
}

html:not(.dark-style) .account-settings-links .list-group-item.active {
    background: transparent !important;
}

.account-settings-multiselect~.select2-container {
    width: 100% !important;
}

.light-style .account-settings-links .list-group-item {
    padding: 0.85rem 1.5rem;
    border-color: rgba(24, 28, 33, 0.03) !important;
}

.light-style .account-settings-links .list-group-item.active {
    color: #4e5155 !important;
}

.material-style .account-settings-links .list-group-item {
    padding: 0.85rem 1.5rem;
    border-color: rgba(24, 28, 33, 0.03) !important;
}

.material-style .account-settings-links .list-group-item.active {
    color: #4e5155 !important;
}

.dark-style .account-settings-links .list-group-item {
    padding: 0.85rem 1.5rem;
    border-color: rgba(255, 255, 255, 0.03) !important;
}

.dark-style .account-settings-links .list-group-item.active {
    color: #fff !important;
}

.light-style .account-settings-links .list-group-item.active {
    color: #4E5155 !important;
}

.light-style .account-settings-links .list-group-item {
    padding: 0.85rem 1.5rem;
    border-color: rgba(24, 28, 33, 0.03) !important;
}

.profile_forum {
    width: 50%;
    border-radius: 100%;
    object-fit: cover;
}

.title_forum {
    font-size: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.forum_info {
    margin-bottom: 15px
}

.forum_info font {
    font-size: 30px;
    font-weight: bold;
}


.be-comment-block {
    margin-bottom: 50px !important;
    border: 1px solid #edeff2;
    border-radius: 2px;
    border: 1px solid #ffffff;
}

.comments-title {
    font-size: 16px;
    color: #262626;
    margin-bottom: 15px;
}

.be-img-comment {
    width: 60px;
    height: 60px;
    float: left;
    margin-bottom: 15px;
}

.be-ava-comment {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.be-comment-content {
    margin-left: 80px;
}

.be-comment-content span {
    display: inline-block;
    width: 49%;
    margin-bottom: 15px;
}

.be-comment-name {
    font-size: 13px;
}

.be-comment-content a {
    color: #383b43;
}

.be-comment-content span {
    display: inline-block;
    width: 49%;
    margin-bottom: 15px;
}

.be-comment-time {
    text-align: right;
}

.be-comment-time {
    font-size: 11px;
    color: #b4b7c1;
}

.be-comment-text {
    font-size: 13px;
    line-height: 18px;
    color: #7a8192;
    display: block;
    background: #f6f6f7;
    border: 1px solid #edeff2;
    padding: 15px 20px 20px 20px;
}

.box_less {
    margin-bottom: 15px;
}

.notif_review {
    background: rgb(241, 241, 241);
    padding: 15px;
    margin-top: 15px;
}

/* Chrome, Safari, Edge, Opera */
/* input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
} */

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.btn_count {
    width: 50px;
    padding: unset !important;
}

@media only screen and (max-width:768px) {
    .profile_forum {
        width: 100%;
    }

    .title_forum {
        font-size: 24px;
    }

    .forum_info {
        font-size: 18px !important;
    }

    .be-img-comment {
        width: 30px;
        height: 30px;
    }

    .be-ava-comment {
        width: 30px;
        height: 30px;
    }

    .be-comment-content {
        margin-left: 50px;
    }
}