.page-vcontact .navbar{background-color: #fafafa;}
.page-vcontact .navbar .link{color: #007aff;}
.page-vcontact .navbar:after{height: 0;}
.page-vcontact .main-vcontact,.page-vcalendar .main-vcalendar{padding: 44px 0 0;margin: 0;display: none;}
.page-vcontact .navbar .navbar-inner,.page-vcalendar .navbar .navbar-inner{display: none;}
.page-vcontact.view .navbar .navbar-inner.view,.page-vcontact.edit .navbar .navbar-inner.edit,.page-vcalendar.view .navbar .navbar-inner.view,.page-vcalendar.edit .navbar .navbar-inner.edit,.page-vcalendar.info .navbar .navbar-inner.info{display: flex;}
.page-vcalendar.info .navbar {height: 160px;align-items: flex-start;justify-content: flex-start}
.page-vcontact.view .main-vcontact.view,.page-vcontact.edit .main-vcontact.edit,.page-vcalendar.view .main-vcalendar.view,.page-vcalendar.edit .main-vcalendar.edit,.page-vcalendar.info .main-vcalendar.info{display: block;}
.vc-header{background: #fafafa;}
.vc-header div{display: flex;width: 100%;justify-content: center;align-items: center;}
.vc-header .vc-img span,.vc-group .vc-img span,.imgcontactinlist{display: inline-block;height: 80px;width: 80px;background-position: center;background-size: cover;background-repeat: no-repeat;border-radius: 50%;}
.imgcontactinlist{height: 55px;width: 55px;}
.list-block.media-list #contactlistul{margin: 0;}
.list-block.media-list #contactlistul .item-inner{padding: 0;padding-right: 15px;}
.list-block.media-list #contactlistul .item-inner .item-title-row{margin-top: 15px;}

.vc-header .vc-name{padding: 10px;font-size: 18px;}
.vc-header .vc-btn{padding: 0 10px 10px;display: flex;}
.vc-header .vc-position{padding: 0px 10px 10px}
.vc-header .vc-btn a{margin: 0 5px;height: 40px;width: 40px;display: flex;justify-content: center;align-items: center;padding: 0;border-radius: 50%;}
.vc-header .vc-btn a i{font-size: 18px;}
.vc-header .vc-btn a.active i{color: #fff;}
.vc-contents {padding: 10px 15px;font-weight: 100;}
.vc-contents *{font-weight: 100;}
.vc-contents ul{padding: 0;margin: 0 0 10px;list-style-type: none;}
.vc-contents ul li a{display: block;padding: 4px 0;}
.vc-contents ul li{border-bottom: 1px solid #efefef;}
.vc-stitler{line-height: 30px;font-size: 18px;font-weight: bold;}
.vc-contents .list-block .item-inner:after{height: 0;}
.vc-contents .list-block .item-content{padding-left: 0;text-align: left;}
.vc-contents .list-block .item-content .label{font-weight: bold;text-align: left;width: 80px;padding: 0;color: #789 !important;font-size: 18px;}
.vc-contents .list-block .error .label:after{content:' *';color: #f60;}
.vc-contents .list-block .item-content input{font-size: 14px;font-weight: 100;border: #0f69ce 1px solid;
    border-radius: 5px;padding: 10px;}
.alert-vcalendar{font-size: 14px !important;font-weight: 100;border: #0f69ce 1px solid  !important;
    border-radius: 5px !important;padding: 10px  !important;}
.input-vcalendar{font-size: 14px;font-weight: 100;border: #0f69ce 1px solid  !important;
    border-radius: 5px  !important;padding: 10px  !important;}
.vc-group{display: flex;align-items: center;margin-bottom: 20px;}
.vc-group .vc-img{width: 80px;}
.vc-group .vc-img span{width: 60px;height: 60px;}

.page-vcalendar.view{}
.page-vcalendar .navbar .navbar-inner .link .fa{color: inherit;font-size: 14px;margin-right: 7px;}
.list-block .vcalendar-event-list .item-text{height: 0;}
.list-block.media-list .vcalendar-event-list{margin: 0;}
.list-block.media-list .vcalendar-event-list .item-link {justify-content: flex-start;align-items: flex-start}
.list-block.media-list .vcalendar-event-list .item-tiem{width: 80px;padding: 17px 0;}
.list-block.media-list .vcalendar-event-list .item-link .item-inner{padding: 7px 0;align-items: center;display: flex;}
.list-block.media-list .vcalendar-event-list .item-link .item-title{color: #444 !important;line-height: 20px;}
.list-block.media-list .vcalendar-event-list .item-link .item-subtitle{font-size: 12px;}
.list-block.media-list .vcalendar-event-list .item-link .item-title-row{background-image: none;height: 24px;}
.list-block.media-list .vcalendar-event-list .item-link .item-after{padding: 5px 10px;margin-right: -15px;}
.list-block.media-list .vcalendar-event-list .item-link .item-after i{color: #aaa;font-size: 12px}
.picker-calendar-month{border-bottom: 1px solid #ccc;}

.vc-vcalendar-info{padding: 5px 15px;}
.v-info-date{display: flex;align-items: center;}
.v-info-date svg{height: 50px;width: auto;}
.v-info-date .msvg{position: relative;display: inline-block;}
.v-info-date .v-info-day{position: absolute;left: 0;right: 0;height: 40px;line-height: 40px;font-size: 24px; bottom: 2px;color: #ffcd00;text-align: center;}
.v-info-date span,.v-info-time{width: 100%;background: #BDDBFF;height: 40px;padding: 10px;line-height: 20px;border-radius: 3px;margin-left: 3px;}
.v-info-time{width: 100px;text-align: center;}
.vrrow{width: 100%;line-height: 20px;min-height: 20px;word-break: break-all;}
.vc-vcalendar-info .img{text-align: center;margin-bottom: 15px;}
.vc-vcalendar-info .img img{max-height: 200px;max-width: 100%;margin: 0 auto;border-radius: 3px;}

.call-main-box-call-btn:hover,
                    .call-main-box-msg-btn:hover,
                    .call-main-box-call-btn:active,
                    .call-main-box-msg-btn:active {
                        color: #fff;
                        background-color: #007AFF;
                        border-color: #007AFF;
                        -webkit-box-shadow: 5px 5px 10px 0px rgba(32, 165, 165, 0.4);
                        -moz-box-shadow: 5px 5px 10px 0px rgba(32, 165, 165, 0.4);
                        box-shadow: 5px 5px 10px 0px rgba(32, 165, 165, 0.4);
                    }

                    .call-main-box-mail-btn a:hover,
                    .call-main-box-mail-btn a:active {
                        color: #fff;
                    }

                    .call-main-box-call-btn {
                        position: absolute;
                        top: 40%;
                        left: 5%;
                        width: 40px;
                        height: 40px;
                        border-radius: 50%;
                        border: 2px solid;
                        padding: 5px;
                        color: #007AFF;
                    }

                    .call-main-box-profle-img-box {
                        height: 145px;
                        width: 145px;
                        background-size: cover;
                        background-position: center;
                        background-repeat: no-repeat;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        border-radius: 50%;
                        border: 2px solid #1069CE;
                    }

                    .call-main-box-msg-btn {
                        position: absolute;
                        top: 40%;
                        right: 5%;
                        width: 40px;
                        height: 40px;
                        border-radius: 50%;
                        border: 2px solid;
                        padding: 5px;
                        color: #007AFF;

                    }

                    .call-main-box-txt-name {
                        text-align: center;
					    font-size: 25px;
					    font-weight: bold;
					    color: #0f69ce;
                    }

                    .call-main-box-txt-division {
                         text-align: center;
					    font-size: 25px;
					    font-weight: bold;
					    color: #0f69ce;
                    }

                    .call-main-box-mail-btn a{
                    	color: #fff;
                    	font-size: 20px;
                    }
                    .call-main-box-mail-btn{
                        width: 80%;
                        padding: 10px;
                        text-align: center;
                        margin: 20px auto;
                        font-size: 1.3rem;
                        border-radius: 20px;
                        background-color: #1069CE;
                        color: #fff;
                        -webkit-box-shadow: 5px 5px 20px 0px rgba(0, 102, 102, 0.5);
                        -moz-box-shadow: 5px 5px 20px 0px rgba(0, 102, 102, 0.5);
                        box-shadow: 5px 5px 20px 0px rgba(0, 102, 102, 0.5);
                    }

                    .call-main-box-phone-data-txt,
                    .call-main-box-group-data-txt {
                        list-style: none;
                        padding: 0px;
                        margin: 0px;
                        color: #0f69ce;
                    }

                    .call-main-box-phone-data-txt li,
                    .call-main-box-group-data-txt li {
                        display: block;
                        height: 35px;
                        padding-top: 5px;
                        color: #0f69ce;
                    }

                    .call-main-box-phone-box,
                    .call-main-box-group-box {
                        padding: 5px;
                        width: 90%;
                        border: #0f69ce 1px solid;
                        margin: 10px auto;
                        border-radius: 10px;
                    }

                    .call-main-box-proflie-detail-lable {
                        font-weight: 600;
                    }

                    .call-main-box-phone-data-txt li span,
                    .call-main-box-group-data-txt li span {
                        display: block;
                        margin: 5px;
                        padding-left: 35px;
                    }

                    .call-main-box-phone-data-txt li i,
                    .call-main-box-group-data-txt li i {
                        display: block;
                        float: left;
                        padding-left: 5px;
                        color: #1069CE;
                    }

.red-none-black{

}
.none-red-red{
	background-color:transparent !important;
	border:#b90a0a 1px solid !important;
	color:#b90a0a !important;
	font-weight: bold !important;

}
.none-red-red span{
	background-color:transparent !important;
	color:#b90a0a !important;
	font-weight: bold !important;

}
.green-none-black span{
	background-color:#0ec469 !important;
	color:#fff !important;
	font-weight: bold !important;
}

/*.modal-overlay.modal-overlay-visible, .preloader-indicator-overlay.modal-overlay-visible, .popup-overlay.modal-overlay-visible,.picker-modal-overlay.modal-overlay-visible {visibility: visible;opacity: 1;}*/

#companycalendar .picker-calendar-day.picker-calendar-day-selected span,#mycalendar .picker-calendar-day.picker-calendar-day-selected span{background: #b90a0a;color: #fff;}
#companycalendar .picker-calendar-day.picker-calendar-day-today span,#mycalendar .picker-calendar-day.picker-calendar-day-today span{background: #007aff;color: #fff;}
.petitem{display: flex;padding: 10px;align-items: center;}
.petitem .petimg{width: 70px;height: 70px;min-width: 70px;position: relative;border-radius: 4px; background-size: cover;background-position: center;background-repeat: no-repeat;}
.petitem .petimg span{height: 40px; width: 40px;background-position: center;display: block;background-color: rgba(255,255,255,0.7); background-repeat: no-repeat;background-size: 32px; bottom: 0; right: 0;border-radius: 30px 0 4px 0;position: absolute;}
.petitem .petcons{ width: 100%;padding-left: 15px; display: flex;flex-direction: column;}
.petitem .petcons .pttitle{padding-bottom: 5px;}
.petitem .petcons .ptopt{font-size: 12px;}
.petitem .petvaccine{width: 40px;min-width: 40px;height: 40px;background-repeat: no-repeat; background-size: 30px;background-position: center;}
.petitem .pth1{font-size: 24px;}
.page[data-page="view-extra481"] .post-list{margin: 0 !important;}
.searchmamaw-init{ width: 100%;height: calc(100vh - 94px); display: flex;align-items: center;}
.searchmamaw-init .content-s{display: flex; flex-direction: column;padding: 15px;width: 100%;position: relative;}
.searchmamaw-init .content-s label{font-weight: 100;margin: 10px 0;}
.searchmamaw-init .content-s input[type="search"]{border: 1px solid #eaeaea;width: 100%;padding: 7px 10px;}
.searchmamaw-init .content-s a{width: 160px;background-color: #007aff;display: block;color: #fff;text-align: center;padding: 8px 10px;margin: 20px 0;margin-left: calc(50% - 80px);border-radius: 4px;}
.membermamaw-init {border-bottom: 2px dashed #e0e0e0;padding: 0 0 30px;margin-bottom: 10px;}
.searchmamaw-init.mveail-init{height: auto;}
.searchmamaw-init.mveail-init .membermamaw-init{display: none;}
.searchmamaw-init.mveail-init .sida1m1{width: calc(100% - 180px);}
.searchmamaw-init.mveail-init .sida1m2{position: absolute;right: 15px;bottom: -5px;}
.vdata-mamaw-2 .post-list li,.vdata-vaccine-2 .post-list li{border: 0 !important;}
.vdata-mamaw-2 .post-list li .petimg,.vdata-vaccine-2 .post-list li .petimg{margin-bottom: 70px;}

.inproinhome{list-style-type: none;padding: 0;margin:15px 0;}
.inproinhome li{width: 33.33%;float: left;}
.fotge{display: flex;justify-content: space-between;align-items: center;border-radius: 0px 0px 5px 5px;width: 100%; color:#6c6c6d;padding: 0 7px;}
.inproinhome .post-infos{}
.ggshimh{position: relative;}
.ggshimh .imgproduct{width: 100%;padding-top: 100%;background-position: center top;background-size: cover;background-repeat: no-repeat;border-radius: 5px;}
.ggshimh img{border-radius: 4px 4px 0 0;}
.sscpname{display: block;width: 100%;line-height: 20px;height: 34px;}
.sscpoint{position: absolute;z-index: 1;right: 10px;bottom: 10px;background-color: rgba(255,255,255,0.8); padding: 0 8px; font-size: 12px;border-radius: 10px; height: 20px;line-height: 20px;color: #789;}
.adcislike{position: absolute;z-index: 1;left: 10px;top: 0px;display: flex;flex-direction: column;}
.inproinhome .forge{width: 100%;}
.inproinhome .d-z-1{width: 100%;}
.scg5{padding-bottom: 7px;}
.scg5 div,.scg5 div span{width: 100%;display: block;}
.navbar-through .page-content, .navbar-fixed .page-content {overflow-x: hidden;}
.mainselectoption_pd{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.5);z-index: 99999;}
.mainselectoption_box{background-color: #fff;padding: 20px 15px;position: absolute;left: 10px;right: 10px;bottom: -15px;border-radius: 5px;}
.main-secgh-1{display: flex;}
.main-secgh-1 .secghimg{min-height: 80px;max-height: 100px;width: 80px; overflow: hidden;border-radius: 3px;}
.main-secgh-1 .secghimg img{width: 100%;}
.main-secgh-1 .secghprice{padding-left:15px;}
.main-secgh-2{display: flex;flex-direction: column;}
.main-secgh-3{display: flex;padding-top: 15px;padding-bottom: 5px;}
.main-secgh-3 .btn-danger{width: 100%;margin-right: 5px;}
.btnoptiontxt{position: relative;min-width: 40px;}
.btnoptionimg{background-size: cover;height: 44px;width: 44px;display: inline-block;border: 1px solid #ddd;border-radius: 3px;margin: 2px;text-indent: 100px;overflow: hidden;font-size: 0 !important;position: relative;}
.btnoptiontxt.onhover:hover,.btnoptiontxt.active,.btnoptionimg.onhover:hover,.btnoptionimg.active{border-color:#f40;cursor: pointer;}
.btnoptiontxt.disable, .btnoptionimg.disable{border: 0px;}
.btnoptiontxt.disable:before, .btnoptionimg.disable:before{content: '';background-color: rgba(255,255,255,0.7);position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: block;}
.post-list .post-title span[style="display: inline-block;word-break: break-all;"]{
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box !important;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3 !important;
}
.panel .user_login_info .user_avatar{ bottom: auto;top: 10px;}
.panel .user-nav ul li a{display: flex;align-items: center;padding: 7px 0 2px;}
.panel .user_login_info .user_details p span{word-wrap: break-word;white-space: normal;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.user-nav ul li:last-child{border-bottom: 0;}

.drl-main{display: flex;flex-direction: column;width: 100%;}
.drl-main .drl-item{display: flex;flex-direction: column;width: 100%;border-left: 5px solid #aaa;padding-left: 5px;background-color: #fff;padding-right: 5px;border-bottom: 1px solid #ddd;margin-bottom: 5px;}
.drl-main .drl-top{font-size: 12px;padding-top: 5px;font-size: 12px;padding: 10px 5px;line-height: 18px;height: auto;margin-left: -5px;background-color: #efefef;width: calc(100% + 10px);}
.drl-main .drl-name{word-wrap: break-word;white-space: normal;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;width: 100%;height: 16px;line-height: 16px;padding: 0 5px;}
.drl-main .drl-status{}
.drl-main .drl-id{font-size: 10px;color: #999;}
.drl-main .drl-pdname{display: flex;justify-content: space-between;align-items: center;font-size: 12px;line-height: 20px;height: 20px;width: 100%;overflow: hidden;white-space: nowrap;}
.drl-main .drl-pd{display: flex;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.drl-main .drl-img{min-width: 60px;}
.drl-main .drl-img span{height: 50px;width: 40px;min-width: 50px;display: block;margin: 5px 0;background-size: cover;background-position: center;border-radius: 3px;width: calc(100% - 60px)}
.drl-main .drl-panha{word-wrap: break-word;white-space: normal;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;font-size: 11px;font-weight: 100;line-height: 18px;color: #666;padding-top: 3px;}
.drl-main .drl-bottom{display: flex;justify-content: space-between;align-items: center;font-size: 12px;padding: 5px 0;}
.drl-main .drl-date{ color: #999;font-size: 10px;}
.drl-main .drl-button{}
.drl-main .drl-button .button{font-size: 11px;padding: 0 5px;line-height: 18px;height: auto;color: #444;border-color: #444;}

.maininspd{display: flex;flex-direction: column;padding: 5px;}
.maininspd .insitem{background: #fff;display: flex;border-radius: 5px;margin-bottom: 5px;box-shadow: 0 0.0625rem 0.125rem 0 rgb(0 0 0 / 10%) !important;}
.maininspd .insimg{padding: 5px; width: 100px;}
.maininspd .insimg span {background-image: url('https://quinl.quinlcdn.com/productImages/UploadImagesSmall/2206/1654575757_32844.jpg');height: 80px;width: 80px;display: block;background-size: cover;border-radius: 4px;}
.maininspd .insinfo{font-size: 12px;width: calc(100% - 100px);padding-right: 5px;}
.maininspd .insname{display: flex;justify-content: space-between;align-items: center;font-size: 12px;line-height: 20px;height: 20px;width: 100%;overflow: hidden;white-space: nowrap;margin-top: 10px;margin-bottom: 4px;word-wrap: break-word;white-space: normal;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.maininspd .insstock{}
.maininspd .insstock ul{display: flex;list-style-type: none;padding: 0;margin: 0;border: 1px solid #bbb; border-radius: 4px;}
.maininspd .insstock ul .lcli1{display: flex;flex-direction: column;justify-content: center;align-items: center;border-right: 1px solid #bbb;width: 70px;}
.maininspd .insstock .inslilabel{padding: 0px 10px;border-bottom: 1px solid #ddd;font-size: 11px;color: #678;width: 70px;text-align: center;}
.maininspd .insstock .inslinber{font-size: 20px;padding: 2px;color: #444;}
.maininspd .insstock ul .lcli2{padding: 10px; display: flex; align-items: center;width: calc(100% - 70px);justify-content: center;}
.maininspd .insstock ul .lcli2 .inslilabel2{padding-right: 10px;}
.maininspd .insstock ul .lcli2 .inslinber{font-size: 20px;padding: 2px;color: #444;}
.maininspd .insstock ul .lcli2 .inslilabel3{padding-left: 10px;}
.maininspd .insprice{ display: flex;justify-content: space-between;align-items: center;}
.maininspd .insprice .pdprice{font-size: 15px;color: #f40;font-weight: bold;padding: 5px 0;line-height: 30px;}
.maininspd .insprice .button.button-fill{display: inline-block;}

.ordm-status{display: flex;justify-content: space-between;font-size: 12px;padding: 0 10px;background-color: #f1592a;}
.ordm-status .ordm-item{width: 25%;}
.ordm-status .ordm-item a{ color: #fff;padding: 5px;display: block;text-align: center;}
.ordm-status .ordm-item.active a{background-color: #f00;}

.convmm{padding: 10px;}
.convll{ height: calc(100vh - 100px);border: 1px dashed #aaa;width: 100%;display: flex; justify-content: center; align-items: center;}
.convll span{color: #bbb;}

.maininsord{padding: 5px;}
.ioderitem{display: flex;flex-direction: column;width: 100%;font-size: 12px; padding: 5px;background: #fff;border-radius: 4px;margin-bottom: 5px;box-shadow: 0 0.0625rem 0.125rem 0 rgb(0 0 0 / 10%) !important;}
.ioderitem .iodertop{ display: flex;justify-content: space-between;align-items: center;}
.ioderitem .iodercusname{word-wrap: break-word;white-space: normal; overflow: hidden; display: -webkit-box; text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;font-weight: 600;color: #444;}
.ioderitem .iodericonv{padding: 5px;}
.ioderitem .iodericonv i{color: #aaa;}
.ioderitem .ioderbe{display: flex;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;margin: 5px -5px;padding: 2px 5px;color: #666;font-size: 11px;}
.ioderitem .ioderidate{padding-right: 15px;}
.ioderitem .ioderidate{}
.ioderitem .ioderpd{display: flex;}
.ioderitem .ioderimg span{display: block;height: 60px;width: 60px;background-size: cover;background-position: center;border-radius: 3px;}
.ioderitem .ioderinfo{padding-left: 10px;display: flex;flex-direction: column;width: calc(100% - 65px);}
.ioderitem .iodername{word-wrap: break-word;white-space: normal;overflow: hidden; display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.ioderitem .iodername.ioderlabel{font-size: 11px;color: #678;padding-top: 3px;}
.ioderitem .ioderpms{display: flex;justify-content: space-between;padding-top: 5px;align-items: center;}
.ioderitem .ioderprice{color: #f40;}
.ioderitem .ioderqty{}
.ioderitem .iodermore{padding: 5px;border-top: 1px solid #ccc;margin: 5px -5px 0;font-size: 11px;}
.ioderitem .iorderbutton{display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #ccc;margin: 0 -5px;padding: 5px 5px 0;}
.ioderitem .iordertotal{}
.ioderitem .iordetll1{color: #567;}
.ioderitem .iordetll2{font-size: 16px;color: #f00;}
.ioderitem .button{font-size: 11px;padding: 0 10px;height: auto;line-height: 20px;}

.mlo-item{
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}
.mlo-item .mlo-l{width: calc(100% - 50px);display: flex;}
.mlo-item .mlo-img{padding-right: 10px;padding-top: 7px;}
.mlo-item .mlo-img span{display: block;height: 40px;width: 40px;background-size: cover;background-position: center;border-radius: 3px;}
.mlo-item .mlo-info{}
.mlo-item .mlo-name{}
.mlo-item .labeladdress{font-size: 12px;}
.mlo-item .dataaddress{display: none;}
.mlo-item .mlo-r{}
.mlo-item .mlo-r .button{font-size: 12px;padding: 0 6px;line-height: 27px;}
.listusertobuy .mlo-item .mlo-r{display: none;}
.listusertobuy .mlo-item{padding-left: 10px;border: 0;}
.navbar:after{background-color: rgba(255,255,255,0.2) !important;}
@media (min-width: 768px){
    .navbar {
        border-radius: 0px !important;
    }
}
.mlspaycredit{position: relative;display: flex;justify-content: space-between;padding-bottom: 20px;}
        .lstitlte .close-popup{padding: 0px 10px;}
        .mlspaycredit .user_avatar{right: 0;top: -10px;width: 40px;}
        .mlspaycredit .user_avatar img.MemberImage{height: 40px;width: 40px;margin: 0;box-shadow: 0 2px 0 rgba(0,0,0,0.1) !important;}
        .tlspaycredit{display: flex;justify-content: center;align-items: center;flex-direction: column;height: 250px;}
        .tlspaycredit .tbnbler{font-size: 32px;padding-bottom: 10px;}
        .tlspaycredit .tbnbler2{padding: 20px 0 10px;}
        .bt1lspaycredit{display: flex;justify-content: center;align-items: center;}
        .bt1lspaycredit a.button{margin: 0 10px;padding: 0 15px;}
        .bt2lspaycredit{padding: 20px;}
        .bt2lspaycredit a.button{margin-bottom:  10px;margin-left: 25px;margin-right:  25px;margin-top:  10px;background-color: #ff5900;color: #fff !important;}
        .mlspayfooter{text-align: center;padding: 10px;}
        .mlspayfooter a{color: #789;font-size: 12px;}
        .dneorderid{display: flex;justify-content: center;align-items: center;padding: 30px 0 10px;color: #678;}

.ulrating{
            list-style-type: none;
            padding: 0;
            margin: 0;
            display: flex;
            align-items: center;
}
.ulrating .rep-star{
            background-image: url('../img/rating_stars.png');
            background-size: auto 100%;
            background-repeat: no-repeat;
            background-position: -120px 0;
            width: 32px;
            height: 30px;
            display: block;
}
.ulrating .rep-star.x2{background-position: -120px 0;}
.ulrating .rep-star.x2.active{background-position: 0 0;}
.ulrating .rep-star.x2.onhan{background-position: -90px 0;}
.titleinhomeprods{padding: 10px;border-bottom: 2px solid #ddd;border-top: 1px solid #ddd;margin-top: 20px;clear: both;}

.mfdesharem{position: fixed;background: rgba(255,255,255,0.5);left: 0;top: 0;right: 0;bottom: 0;z-index: 2;}
.mfdeshare{position: fixed;z-index: 3;left: 0;right: 0;top: 50px;display: flex;justify-content: flex-end;}
.mfdeshare div{width: 100%;}
.mfdeshare ul{display: flex;list-style-type: none;padding: 0;margin: 0;justify-content: flex-end;}
.mfdeshare ul li{margin-bottom: 0px;padding-right: 5px;}
.mfdeshare ul li img {height: 28px;border-radius: 3px;}

.voucher-wrapper{box-sizing: border-box; display: flex; position: relative; flex-direction: row; flex-shrink: 0; align-content: flex-start; border-width: 0vw; border-style: solid; border-color: black; margin: 0vw; padding: 0; min-width: 0vw; background: rgba(255, 255, 255, 0.3); height: 200px; width: 100%;}
        .voucher-box{box-sizing: border-box; display: flex; position: relative; flex-direction: row; flex-shrink: 0; align-content: flex-start; border-width: 0vw; border-style: solid; border-color: black; margin: 0vw 12px 0vw 0vw; padding: 0vw; min-width: 0vw; color: rgb(30, 113, 255);width: 300px;}
        .rax-bert{box-sizing: border-box; display: flex; position: absolute; flex-direction: column; flex-shrink: 0; align-content: flex-start; border-width: 0vw; border-style: solid; border-color: black; margin: 0vw; padding: 0vw; min-width: 0vw; top: 0vw; width: 300px; height: 180px;}
        .rax-dfxiyu{box-sizing: border-box; display: flex; position: relative; flex-direction: column; flex-shrink: 0; place-content: flex-start center; border-width: 0vw; border-style: solid; border-color: black; margin: 0vw; padding: 0vw 6px; min-width: 0vw; width: 125px; height: 180px; align-items: center;}
        .rax-bniuty{box-sizing: border-box; display: flex; position: relative; flex-direction: column; flex-shrink: 0; align-content: flex-start; margin: 0vw 6px 0vw 0vw; padding: 0vw; min-width: 0vw; width: 60px; height: 60px; border-radius: 6px; overflow: hidden;}
        .rax-bniuty img{width: 46px; height: 46px; object-fit: fill;}
        .rax-dfrbic{box-sizing: border-box; display: flex; position: relative; flex-direction: column; flex-shrink: 0; place-content: flex-start space-between; border-width: 0vw; border-style: solid; border-color: black; margin: 0vw; padding: 20px 0; min-width: 0vw; padding: 20px 0px;width: 167px;height: 180px;}
        .texttitlenh2{border-width: 0px; border-style: solid; border-color: black; position: relative; box-sizing: border-box; display: block; flex-direction: column; align-content: flex-start; flex-shrink: 0; font-size: 12px; white-space: nowrap; max-width: 192px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; word-break: normal;color: #63a55f;padding: 10px 0;}
        .rax-yuiggr{box-sizing: border-box; display: flex; position: relative; flex-direction: column; flex-shrink: 0; align-content: flex-start; border-width: 0vw; border-style: solid; border-color: black; margin: 0vw; padding: 0vw; min-width: 0vw;}
        .rax-xlsddf{box-sizing: border-box; display: flex; position: relative; flex-direction: row; flex-shrink: 0; place-content: flex-start; border-width: 0vw; border-style: solid; border-color: black; margin: 6px 0vw 0vw; padding: 0vw; min-width: 0vw; align-items: baseline;color: #63a55f;width: 100%;overflow: hidden;white-space: nowrap;}
        .rax-xlsddf .textdf1{border-width: 0px; border-style: solid; border-color: black; position: relative; box-sizing: border-box; display: block; flex-direction: column; align-content: flex-start; flex-shrink: 0; font-size: 24px; white-space: pre-wrap; font-weight: 700;}
        .rax-xlsddf .textdf2{border-width: 0px; border-style: solid; border-color: black; position: relative; box-sizing: border-box; display: block; flex-direction: column; align-content: flex-start; flex-shrink: 0; font-size: 36px; white-space: nowrap; line-height: 46px; font-weight: 700; max-width: 178px; overflow: hidden; text-overflow: ellipsis;}
        .rax-bntiikse{box-sizing: border-box; display: flex; position: relative; flex-direction: column; flex-shrink: 0; align-content: flex-start; border-width: 0vw; border-style: solid; border-color: black; margin: 0vw; padding: 0vw; min-width: 0vw;}
        .rax-viewxkio{box-sizing: border-box; display: flex; position: absolute; flex-direction: column; flex-shrink: 0; place-content: flex-start center; border-width: 0vw; border-style: solid; border-color: black; margin: 0vw; padding: 0vw; min-width: 0vw; bottom: 26px; left: 12px; width: 50px; height: 26px; font-weight: 700; align-items: center; border-radius: 12px; background-color: rgba(30, 113, 255, 0.15);}
        .rax-rxdtty{box-sizing: border-box; font-size: 12px; display: flex; position: relative; flex-direction: column; flex-shrink: 0; align-content: flex-start; border-width: 0vw; border-style: solid; border-color: black; margin: 0vw; padding: 0vw; min-width: 0vw;color: #63a55f;}

.asord-box{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: rgba(0,0,0,0.2);
}
.asord-boxbox{
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    width: 250px;
    margin-left: -125px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    flex-direction: column;
    font-size: 12px;
    border-radius: 10px;
    margin-top: -135px;
}
.asord-icon{
    background-image: url('../img/ckorder-1.svg');
    height: 44px;
    width: 64px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 10px;
}
.asord-icon.icon2{
    background-image: url('../img/ckorder-2.svg');
}
.asord-text{
    padding: 20px 0;
}
.asord-btn{
    color: #678;
}
.qtyolldhange{    top: 0;
    white-space: nowrap;
    left: 100%;
    font-size: 11px;
    font-weight: 100;
    border: 1px solid #ffcc00;
    padding: 0 5px;
    background-color: #ffcc0038;
    color: #777;
    border-radius: 3px;display: inline-block;
    clear: both;
    margin: 4px 0;}
.jhintinum,.jhintinum_feed,.jhintinum_order,.jhintinum_chat{position: absolute;
    background: #f40;
    color: #fff !important;
    font-size: 11px;
    height: 15px;
    min-width: 15px;
    text-align: center;
    padding: 0 5px;
    border-radius: 5px;
    right: 3px;
    top: 3px;line-height: 15px;}
.jhintinum_feed,.jhintinum_order{right: -5px;}
.showrbtextgr{font-size: 12px;padding-bottom: 5px;line-height: 24px;width: 100%;}
.odyread{background: #ddd;padding: 2px 6px;font-size: 11px;border-radius: 3px;}
#menuhistoryorderlist{position: relative;}
#menuhistoryorderlist .jhintinum_order{text-align: center !important;
    padding: 0px 4px;
    height: 20px;
    line-height: 20px;
    min-width: 20px;
    top: 50%;
    margin-top: -10px;
    right: 0;}
.namecate-dice{
    width: 100%;
    text-align: center;
    font-size: 11px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-wrap: break-word;
    margin-top: 7px;
}
.loader-shdajx{position: fixed;left: 0;top: 0;z-index: 999999;right: 0;bottom: 0;}
.loader-shdajx div{display: flex;justify-content: center;align-items: center;background: rgba(255,255,255,0.5);height: 100vh;flex-direction: column;}
.loader-shdajx span{background-color: #e0e0e0;padding: 5px 15px;border-radius: 3px;color: #999;}

.pdaddtocart-qtyer{clear: both;margin: 10px 0 0;display: flex;align-items: center;position: relative;width: 100px;}
.pdaddtocart-qtyer span{height: 26px;display: inline-block;width: 24px;line-height: 24px;text-align: center;font-size: 18px;color: #678;position: absolute;top: 4px;}
.pdaddtocart-qtyer .form-control{ width: 100px;height: 34px;border-radius: 4px;text-align: center;padding: 0;line-height: 32px;}
.pdaddtocart-qtyer .qtyer-down{border-right: 1px solid #ccc;left: 1px;}
.pdaddtocart-qtyer .qtyer-up{border-left: 1px solid #ccc;right: 1px;}
.pdaddtocart-qtyer .qtyer-down:after{content: '-';}
.pdaddtocart-qtyer .qtyer-up:after{content: '+';}

.prodrateiu{
    display: flex;
    flex-direction: column;
    width: calc(100% - 10px);
    margin: 0 15px 5px 0px;
    font-size: 10px;
    background: #f5f5fac2;
    padding: 0 5px;
    border-radius: 3px;
    border: 1px solid #eee;
    color: #666;
}
.prodrateim,.prodrateir{display: flex;justify-content: space-between;padding: 5px 0;}
.prodrateir{ border-top: 1px solid #eee;}
.bfbntag{padding-bottom: 2px;"><div style="font-size: 10px;background-color: rgba(240, 240, 240, 0.26);border: 1px solid #DFDFDF;padding: 3px 7px;display: inline;margin: 15px 0;border-radius: 2px;color: #444;}
.bfghtag{font-size: 10px;background-color: #c2fbd7;padding: 3px 7px;display: inline;margin: 15px 0;border-radius: 2px;color: green;}

.tdnjhai{display: flex;flex-direction: column;}
.tdnjhai [data-id="K1"]{font-size: 14px;}
.tdnjhai .billdktotal{font-size: 26px;}