.sidebar-content {
    background: #ffffff;
    padding: 1rem 0 1rem 0;
    border-top: 0.1875rem solid #004996;
    border-bottom-right-radius: 0.35rem;
    border-bottom-left-radius: 0.35rem;
    box-shadow: 0 0px 40px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0px 40px 0px rgb(0 0 0 / 15%);
    -o-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
}

.sidebar-content li {
    padding: .72rem .51rem 0.72rem 2rem;
    font-weight: 400;
    font-size: 1rem;
    border-bottom: dotted 1px rgb(235 154 195 / 42%);
}

.sidebar-content li.active {
    color: #fff;
    background: #007672;
}

.sidebar-content li.active a {
    color: #fff;
}

.p-6 {
    padding: 5rem;
}

.formMainClass .form-group span {
    font-weight: 500;
    padding-bottom: .4rem;
    display: inline-block;
}

.formMainClass .form-group {
    margin-bottom: 1.5rem;
}

.form-pad {
}

[type="file"]:not(.none) {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    white-space: nowrap;
    width: 1px;
}

[type="file"]:not(.none) + label {
    background-color: #007672;
    /* border-radius: 4rem; */
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding-left: 2rem 4rem;
    width: 100%;
    height: 48px;
    text-align: center;
    padding-top: 11px;
}



[type="file"]:focus + label {
    outline: 1px dotted #000;
}

.product-add-preview img {
    width: 127px;
    height: 90px;
    padding-right: 1rem;
    margin-bottom: .81rem;
}

.product-add-preview ul li {
    display: inline-block;
    width: 127px;
    height: 90px;
    padding-right: 1rem;
    background: #eaeaea;
}


.memberarea-prod-filter-box {
    text-align: center;
    font-weight: 500;
    font-size: 1rem;
}

.memberarea-prod-filter-box li {
    padding: .7rem 1.87em;
    border: solid 3px #007672;
    display: table-cell;
}

.memberarea-prod-filter-box li.active {
    background: #007672;
}

.memberarea-prod-filter-box li.active a {
    color: #fff;
}

.border-r-0 {
    border-right: none !important;
}


.mamberarea-products-list {
    font-weight: 400;
}

.mamberarea-products-list .box {
}

.mamberarea-products-list .box:hover {
    box-shadow: 0px 0px 0px 10px #f1f1f1;
    animation: height-product-nomargin 300ms forwards;
    -webkit-animation: height-product-nomargin 300ms forwards;
    -moz-animation: height-product-nomargin 300ms forwards;
    -o-animation: height-product-nomargin 300ms forwards;
}

.mamberarea-products-list .box:hover .title {
    color: #007672;
}

.mamberarea-products-list .box:hover a.btn {
    background: #007672;
}

.mamberarea-products-list .command {
    position: absolute;
    top: 15px;
    left: 20px;
    z-index: 999;
}

.mamberarea-products-list .box .title {
    height: 57px;
    overflow: hidden;
    padding-top: 10px;
}

.mamberarea-products-list img {
    height: 165px;
}

.add-new-product-link {
    position: absolute;
    left: 20px;
}

.product-photo-list li {
    display: inline-block;
    padding-right: .1rem;
    padding-bottom: .5rem;
}

.product-photo-list li img {
    max-width: 138px;
    max-height: 93px;
}

.product-photo-list li a {
    cursor: move;
}

.photo-del {
    width: 100%;
    text-align: center;
    background: #007672;
    padding: .21rem;
    margin-top: 13px
}

.photo-del a {
    color: #fff !important;
    font-weight: 500;
    font-size: 1rem;
}

.photo-del a:hover i {
    color: #f00 !important;
    font-weight: 600;
}


.offer-list {
    border-bottom: dotted 1px #eaeaea;
    cursor: pointer;
    padding: .7rem;
}

.offer-detail {
    padding: 2rem;
    font-size: .85rem;
    background: rgba(219, 235,234, 0.55);
}

.offer-step-number {
    border-radius: 50%; /* border: 1px solid #ced0d2; */
    display: inline-block;
    background: #065c9f;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    height: 32px;
    margin-right: 15px;
    padding: 6px;
    text-align: center;
    width: 32px;
}

.sub-title-area {
    padding: 1rem;
}


.NewAddressArea {
    margin-top: 3rem;
    padding: 1rem;
    border: dotted 1px #ccc;
    background: rgba(219, 235,234, 0.55);
}

.command i {
    background: #ffffff !important;
}

.message-result .msg-box {
    -webkit-box-shadow: 0 0 22px 0 rgba(130, 130, 130, 0.2);
    box-shadow: 0 0 22px 0 rgba(130, 130, 130, 0.2);
    border-radius: 7px;
    padding: 4px 35px;
}


.msg-overview {
    -webkit-box-shadow: 0 0 35px 0 rgba(130, 130, 130, 0.2);
    box-shadow: 0 0 35px 0 rgba(130, 130, 130, 0.2);
    border-radius: 10px;
}

@media (min-width: 992px) {
    .msg-overview {
        position: -webkit-sticky;
        position: sticky;
        top: 70px;
    }
}

.msg-overview .msg-detail ul {
    margin-bottom: 28px;
}

.msg-overview .msg-detail ul li {
    opacity: 0.75;
    font-weight: 600;
    margin-bottom: 15px;
}

.msg-overview .msg-detail ul li i {
    font-size: 20px;
    position: relative;
    top: 1px;
}

.msg-overview .overview-bottom,
.msg-overview .overview-top {
    padding: 35px;
}

.msg-content ul li {
    border-bottom: 1px solid #ccc;
    padding: 10px 5px;
}

@media (min-width: 768px) {
    .msg-content ul li {
        border-bottom: 0;
        padding: 0;
    }
}

.msg-content ul li i {
    font-size: 20px;
    position: relative;
    top: 1px;
}

.msg-info {
}

.addDocArea {
    margin-top: 3rem;
    padding: 1rem;
    border: dotted 1px #ccc;
    background: rgba(219, 235,234, 0.55);
}

body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
}

ul li.grow {
    -webkit-transform: perspective(800px) translateZ(90px);
}


ul.product-photo-list li.placeholder {
    width: 30px;
    border: dotted 2px #007672;
    /* outline: 2px solid red; */
    visibility: visible !important;
    display: inline-block;
    position: relative;
    height: 195px;
    /* padding-top: 16px; */
    margin-bottom: -11px;
    background: #01777326;
}

ul.product-photo-list li.dragged {
    position: absolute;
    opacity: 0.7;
    z-index: 2000;
    border: dotted 2px #f00;
}


.table100.ver1 th {
    font-size: 15px;
    color: #fff;
    line-height: 1.5;
    background-color: rgb(0 73 150);
    FONT-WEIGHT: 500;
}

.table100.ver1 td {
    font-size: 14px;
    color: #3c3737;
    line-height: 1.8;
    vertical-align: middle;
}

.table100.ver1 .table100-body tr:nth-child(even) {
    background-color: #f8f6ff;
}

/*---------------------------------------------*/

.table100.ver1 {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
}

.table100.ver1 .ps__rail-y {
    right: 5px;
}

.table100.ver1 .ps__rail-y::before {
    background-color: #ebebeb;
}

.table100.ver1 .ps__rail-y .ps__thumb-y::before {
    background-color: #cccccc;
}


.btn {
    padding: 0.51rem 1.5rem !important;
}

.header-user-area .social-icons i {
    color: #000 !important
}

.form-kutu {
    padding: 1.62rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3) !important;
}