*{margin:0;padding:0;font-family:'Roboto-Reg';box-sizing:border-box}
body{font-family:'Roboto-Reg'}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}
a{text-decoration:none}
button{cursor:pointer}
@font-face{font-family:'Roboto-Reg';src:url(../fonts/Roboto-Regular.ttf);src:local('☺'),url(../fonts/Roboto-Regular.ttf) format('truetype'),}
@font-face{font-family:'Roboto-Med';src:url(../fonts/Roboto-Medium.ttf);src:local('☺'),url(../fonts/Roboto-Medium.ttf) format('truetype'),}
@font-face{font-family:Roboto-Bold;src:url(../fonts/Roboto-Bold.ttf);src:local('☺'),url(../fonts/Roboto-Bold.ttf) format('truetype'),}
@font-face{font-family:Roboto-Light;src:url(../fonts/Roboto-Light.ttf);src:local('☺'),url(../fonts/Roboto-Light.ttf) format('truetype'),}
.loginMain{float:left;width:100%;height:100vh;display:flex;justify-content:center}
.left50{width:50%;float:left;background:#000}
.left50 img{float:right;height:100vh}
.right50{width:50%;float:left;background:#fff;display:flex;justify-content:center;align-items:center}
.loginBox{width:440px;text-align:center}
.loginBox>img{width:250px}
.welcomeCon{float:left;width:100%;margin-top:60px;padding:0 45px;margin-bottom:40px}
.welcomeCon h1{float:left;width:100%;text-align:center;font-size:24px;margin-bottom:5px;color:#727580}
.welcomeCon p{float:left;width:100%;text-align:center;font-size:14px;color:#727580;line-height:20px}
.inputBlock{float:left;width:100%;margin-bottom:28px;position:relative}
.inputBlock label{float:left;width:100%;font-size:16px;color:#333;margin-bottom:8px;text-align:left;line-height:12px}
.inputBlock input{float:left;width:100%;font-size:15px;color:#535353;line-height:20px;border-radius:30px;border:1px solid #535353;padding:10px 45px 10px 18px;outline:0;height:48px}
.inputBlock>a{position:absolute;bottom:4px;right:5px}
.loginBox button{float:left;width:100%;font-size:15px;color:#535353;line-height:20px;background:#87c644;border-radius:30px;padding:15px 18px;border:0;color:#fff;text-transform:uppercase;font-family:Roboto-Bold;margin-top:4px}
.admin_header{float:left;width:100%;box-shadow:4px 0 9px 0 #d8d7d7;padding:15px 30px;position:fixed;top:0;left:0;z-index:2;background:#fff}
.right_H{width: calc(100% - 265px);float:right;display:flex;align-items:center;position:relative;cursor:pointer}
.right_H img{float:left;width:40px;height:40px;margin-right:10px}
.right_H p{float:left;font-size:14px;color:#000;font-family:'Roboto-Med'}
.left_H{float:left}
.left_H img{float:left;width:40px;height:40px;padding:5px}
/* .right_H:hover .user-menu{display:block;} */
.adminusermenu-hover{float: right;display: flex; align-items: center;}
.adminusermenu-hover:hover .user-menu{display:block;}
.user-menu{width:95px;float:left;background-color:#fff;padding:7px 6px;box-shadow:0 0 5px 0 rgba(0,0,0,.25);border-radius:5px;position:absolute;right:0;top:100%;display:none}
.user-menu li{list-style:none}
.user-menu li a{width:100%;float:left;display:flex;align-items:center;gap:5px}
.user-menu li a i{width:100%;float:left;font-size:10px;font-style:normal;color:#000}
.user-menu li a img{width:10px;height:10px;float:left;margin-right:0}
.adminMain{float:left;width:100%;display:flex}
.leftMenu{float: left;width: 265px;background: #303030;z-index: 2;transition: .5s;transition-timing-function: cubic-bezier(.65,.05,.36,1);position: sticky;height: 100vh;overflow-y: auto;top: 0;scrollbar-width:none;}
.closeMenu{float:right;margin-top:10px;margin-right:10px;z-index:1;position:relative;display:none}
.closeMenu img{float:left;width:18px;height:18px}
.adminPro{float:left;width:100%;padding:30px 40px 0;margin-bottom:30px;display:flex;align-items:center}
.adminPro>img{float:left;width:100%;margin-right:15px}

.left-arrow-backside{width: 100%;}



.adminPro span{font-size:20px;color:#fff;margin-bottom:5px;float:left}
.adminPro h1{font-size:24px;color:#fff;font-family:Roboto-Bold}
.searchPart{float:left;width:100%;padding:0 15px}
.searchPart input{float:left;width:100%;font-size:12px;padding:12px 15px 12px 36px;background:#303030 url(../image/search_mask.png) no-repeat 15px;border:1px solid #787878;color:#fff;outline:0;margin-bottom:0}
.searchPart input::placeholder{color:#fff}
.searchPart p{float:left;width:100%;font-size:14px;color:#fff;margin-bottom:5px;padding:0 30px}
.management_block{float:left;width:100%;padding:20px 15px;border-bottom:1px dashed #787878}
.management_block:first-child{padding-bottom:0;border-bottom:0}
.management_block h4{font-weight:400;color:#fff;font-family:'Roboto-Med';margin-bottom:10px;font-size:16px}
.management_ul{float:left;width:100%;list-style:none}
.management_ul li{float:left;width:100%}
.management_ul li.active{background:#262626}
.management_ul li a{float:left;width:100%;color:#fff;text-decoration:none;font-size:14px;line-height:18px;padding:11px 15px}
.management_ul li.active>a{background:#87c644}
.management_ul li.active>a img{mix-blend-mode:plus-lighter}
.management_ul li.activerotate>a img{transform:rotate(90deg)}
.management_ul li a img{float:right;margin-top:3px}
.management_ul li ul{list-style-type:none;float:left;width:100%;display:none}
.rightCon{float:left;width:calc(100% - 265px);margin-top:70px}
.rightCon.rightConStickey{position:fixed;right:0}
.overflowHandel{float:left;width:100%;min-height:calc(100vh - 70px)}
.overallStatus{float:left;width:100%;padding:40px 30px 0;margin-bottom:40px}
.overallStatus .title1{display:flex;justify-content:space-between;margin-bottom:28px}
.overallStatus .title1 p{font-size:20px;color:#000;font-family:'Roboto-Med'}
.overallStatus .block1{display:grid;gap:33px;grid-template-columns:repeat(4,1fr)}
.overallStatus .block1 div{padding:30px 20px 25px 30px;background:#eee;border-radius:5px}
.overallStatus .block1 div p{font-size:20px;color:#535353;margin-bottom:20px}
.overallStatus .block1 div strong{font-size:30px;color:#000;font-family:Roboto-Bold}
.dashChartMain{float:left;width:100%;padding:0 30px;display:flex;margin-bottom:30px}
.dashChartMain .leftChart{float:left;width:65%;border:1px solid #dadada;border-radius:5px;padding:20px}
.dashChartMain .leftChart .title1{float:left;width:100%;margin-bottom:20px}
.dashChartMain .leftChart .title1 p{float:left;font-size:18px;color:#000;font-family:'Roboto-Med'}
.dashChartMain .leftChart .title1 ul{float:right;list-style-type:none;border:1px solid #dadada;border-radius:3px}
.dashChartMain .leftChart .title1 ul li{float:left;margin:2px}
.dashChartMain .leftChart .title1 ul li a{font-size:12px;color:#9a9a9a;text-decoration:none;padding:8px 10px;border-radius:3px;float:left;font-family:'Roboto-Med';transition:.3s}
.dashChartMain .leftChart .title1 ul li a:hover{background:rgba(135,198,68,.3)}
.dashChartMain .leftChart .title1 ul li a.active{color:#000;background:#87c644}
.dashChartMain .rightChart{float:right;width:34%;border:1px solid #dadada;border-radius:5px;margin-left:1%;display:flex;flex-direction:column;justify-content:space-between}
.dashChartMain .rightChart .title1{float:left;width:100%;padding:20px;border-bottom:1px solid #dadada}
.dashChartMain .rightChart .title1 p{float:left;font-size:18px;color:#000;font-family:'Roboto-Med'}
.dashChartMain .rightChart ul{float:left;width:100%;list-style-type:none;margin-bottom:10px}
.dashChartMain .rightChart ul li{float:left;width:50%;padding:0 30px;margin-bottom:18px}
.dashChartMain .rightChart ul li span{width:9px;height:9px;border-radius:50%;background:#ccc;float:left;margin-right:8px;margin-top:4px}
.dashChartMain .rightChart ul li p{float:left;font-size:14px;color:#000}
.orders1{position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%)}
.orders1 strong{font-size:18px;font-family:'Roboto-Med';color:#000}
.orders1 p{font-size:18px;color:#000}
.addNew1{float:right;font-size:16px;color:#3c3b3b;border:0;background:#87c644;border-radius:5px;padding:15px 27px;font-family:'Roboto-Med'}
.addNew1 img{float:right;margin-left:5px}
.catListTbl{float:left;width:100%;padding:0 30px;margin-top:20px}
.catListTbl table{border-collapse:collapse;width:100%}
.catListTbl th{background:#303030;color:#fff;font-family:'Roboto-Med';font-weight:400;font-size:16px;line-height:20px;padding:10px;text-align:left}
.catListTbl th:first-child{border-radius:5px 0 0 5px}
.catListTbl th:last-child{border-radius:0 5px 5px 0;text-align:right}
.catListTbl td:last-child{text-align:end}
.catListTbl td{padding:12px;font-size:14px;font-family:'Roboto-Med';color:#000}
.catListTbl td .catImg1 img{max-height:45px;max-width:150px;float:left;border-radius:5px}
.switchBtn{float:left}
.switchBtn input{display:none}
.switchBtn i{float:left;width:40px;height:20px;background:#9a9a9a;border-radius:10px;position:relative}
.switchBtn span{width:12px;height:12px;background:#fff;border-radius:50%;position:absolute;top:4px;left:4px;transition:.2s}
.switchBtn input:checked~i{background:#87c644}
.switchBtn input:checked~i span{left:24px}
.catListTbl select{width:90px;height:25px;border:1px solid #dadada;border-radius:3px;font-family:'Roboto-Med';outline:0;padding:0 10px}
.actionbtn{display:inline-block;border:1px solid #9a9a9a;border-radius:2px;padding:4px;margin-left:5px}
.actionbtn img{float:left;width:16px;height:16px}
.action-button{float:left;display:flex;align-items:center}
.commentitle{width:100%;float:left;padding:0 30px 0 30px;margin-top:40px}
.commentitlewidth{width:100%;float:left;border-bottom:1px dashed #9a9a9a;padding-bottom:20px;display:flex;align-items:center;justify-content:space-between}
.onecommen{float:left;display:flex;align-items:center}
.commentitle-text{float:left;font-size:20px;font-style:normal;font-weight:600;line-height:normal}
.commentitlewidth a{padding-left:10px}
.show-data-part{width:100%;float:left;padding:0 30px 0 30px;margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.order-box{width:100%;float:left}
.order-box label{width:100%;float:left;font-size:16px;font-style:normal;font-weight:500;color:#000;margin-bottom:10px;font-family:'Roboto-Med'}
.box-managment{width:100%;float:left;list-style:none}
.box-managment li a{text-decoration:none;width:100%;float:left;font-size:16px;color:#000;line-height:18px;padding:11px 15px;border:1px solid #dadada;border-radius:5px;display:flex;align-items:center;justify-content:space-between}
.box-managment li a img{float:right}
.showData-btn{width:100%;padding:11px 15px;background-color:#87c644;color:#000;font-size:16px;font-weight:500;border:none;border-radius:5px;margin-top:30px;cursor:pointer}
.topPart{width:100%;float:left;margin-top:40px;padding:0 30px;margin-bottom:23px}
.search_part{float:left;width:35%;position:relative}
.search_part input{float:left;width:100%;height:50px;border:1px solid #dadada;border-right:none;border-radius:5px 0 0 5px;background-color:#fff;padding:0 100px 0 10px;outline:0}
.search_part ::placeholder{font-size:16px;font-style:normal;font-weight:400;line-height:normal;color:#9a9a9a}
.serach_btn{width:auto;height:50px;font-size:18px;font-weight:500;line-height:normal;font-style:normal;color:#000;background-color:#87c644;border:none;border-radius:0 5px 5px 0;position:absolute;right:0;top:0;cursor:pointer;padding:0 20px}
.order_table{width:100%;float:left;padding-left:30px;padding-right:30px;margin-bottom:30px}
.menu-table{width:100%;float:left;border-collapse:collapse;border-spacing:0}
.txt-align{text-align:left}
.menu-table tr.maintabBG{background-color:#303030}
.menu-table th{font-size:14px;padding:12px 14px;color:#fff;font-weight:500;font-family:'Roboto-Med'}
.menu-table th .cust-checkbox p{color:#fff;font-size:14px;display:flex;height:20px;align-items:center}
.menu-table th .cust-checkbox .checkmark{border:1px solid #fff}
.menu-table td .cust-checkbox p{color:#000;font-size:14px;font-family:'Roboto-Reg'}
.menu-table td .cust-checkbox .checkmark{top:-2px}
.menu-table .cust-checkbox{height:20px;width:20px}
.border_left_radius{border-top-left-radius:5px;border-bottom-left-radius:5px}
.border_right_radius{border-top-right-radius:5px;border-bottom-right-radius:5px}
.menu-table td{font-size:14px;padding:20px 8px 0 8px;font-weight:500;color:#000;font-family:'Roboto-Med'}
.deliverd-box{width:120px;height:21px;background-color:#ececec;font-size:11px;font-weight:500;border-top-right-radius:3px;border-top-left-radius:3px}
.confirmBtn{display:flex;width:fit-content}
.confirmBtn p{font-size:10px;color:#0e0d0d;padding:4px}
.accept-btn{float:left;width:60px;font-size:12px;color:#0e0d0d;background:#87c644;border:0;padding:6px 4px;border-radius:0 3px 3px 0;font-family:'Roboto-Med';font-weight:500;height:25px;margin-right: 5px;}
.reject-btn{float:left;width:60px;font-size:12px;color:#fff;background:#000;border:0;padding:6px 4px;border-radius:3px 0 0 3px;font-family:'Roboto-Med';font-weight:500;height:25px}
.online-btn{width:60px;height:30px;border:none;border-top-left-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:3px;border-top-right-radius:3px;background-color:#ccc;color:#000;font-size:12px;font-weight:500;position:relative;right:5px;cursor:pointer}
.view-btn{width:88px;float:left;height:30px;font-size:12px;font-weight:500;color:#000;border:1px solid #9a9a9a;background-color:#fff;text-align:center;border-radius:3px;cursor:pointer;margin-right: 5px;}
.view-btn-cussub{width: 88px; height: 30px; font-size: 12px; font-weight: 500; color: #000000; border: 1px solid #9A9A9A; background-color: #ffffff; text-align: center; border-radius: 3px; cursor: pointer;}
.pagination-part{width:100%;float:left;margin-top:60px;text-align:center;display:flex;align-items:center;justify-content:center;margin-bottom:30px}
.pagination-part a{text-decoration:none;display:flex;align-items:center}
.first-btn{width:32px;height:32px;border:none;background-color:#87c644;font-size:14px;border-radius:5px;margin-left:24px;text-align:center;cursor:pointer}
.second-btn{width:32px;height:32px;border:1px solid #dfe3e8;background-color:#fff;font-size:14px;font-weight:700;border-radius:5px;margin-left:8px;text-align:center;cursor:pointer}
.third-btn{width:32px;height:32px;border:1px solid #dfe3e8;background-color:#fff;font-size:14px;font-weight:700;border-radius:5px;margin-left:8px;text-align:center;cursor:pointer}
.margin-left{margin-left:24px}
.second-btn:hover{background-color:#87c644;font-weight:500;border:none}
.third-btn:hover{background-color:#87c644;font-weight:500;border:none}
.order-box{width:100%;float:left}
.order-box p{width:100%;float:left;font-size:16px;font-style:normal;font-weight:500;color:#535353;margin-bottom:10px}
.order-box select{width:100%;float:left;font-size:16px;color:#000;line-height:18px;padding:11px 15px;border:1px solid #dadada;border-radius:5px;outline:0;-webkit-appearance:none;background:url(../image/drop-down-arrow.png) no-repeat 94% 18px}
.order-box input{width:100%;float:left;font-size:16px;color:#000;line-height:18px;padding:11px 15px;border:1px solid #dadada;border-radius:5px;outline:0;-webkit-appearance:none;height:50px}
.orderDrop-down{width:100%;float:left}
.order-cust{width:100%;float:left;margin-top:36px;padding:0 30px 0 30px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:50px}
.orderCust-box{width:100%;float:left;border:1px solid #9a9a9a}
.orderDetail{width:100%;float:left;font-size:16px;color:#000;border-bottom:1px solid #9a9a9a;padding:11px 12px;font-family:'Roboto-Med'}
.orderId-part{width:100%;float:left;padding:10px 12px 0 12px}
.Id-box{width:50%;float:left}
.OrderIdnum{width:100%;float:left;font-size:14px;color:#000;margin-bottom:10px;font-family:'Roboto-Med'}
.numSection{width:50%;float:left}
.numDate{width:100%;float:left;text-align:right;font-size:14px;color:#000;margin-bottom:10px}
.paymentInfo{width:100%;float:left}
.infoBox{width:100%;float:left;border:1px solid #9a9a9a}
.infoTitle{width:100%;float:left;padding:11px 12px;font-size:16px;color:#000;border-bottom:1px solid #9a9a9a;font-family:'Roboto-Med'}
.typeStatus{width:100%;float:left;padding:10px 12px 0 12px}
.payType{width:50%;float:left}
.title-txt{width:100%;float:left;font-size:14px;color:#000;margin-bottom:10px;font-family:'Roboto-Med'}
.onlinePaid-txt{width:100%;float:left;font-size:14px;color:#000;margin-bottom:10px;text-align:right}
.orderType-txt{width:100%;float:left}
.mainTop-part{width:100%;float:left;padding:0 30px}
.addnewCategory-part{width:100%;float:left;margin:30px 0 30px 0}
.category-title{width:100%;float:left;font-size:20px;font-weight:600;border-bottom:1px dashed #9a9a9a;padding-bottom:17px}
.category-line{float:left}
.mainLanguage-tab-parts{width:100%;float:left}
.newInput-part{width:100%;float:left;margin-bottom:30px}
.categoryInput-titleBox{width:100%;float:left;font-size:16px;font-family:'Roboto-Med';margin-bottom:10px}
.inputCategory{width:100%;padding:15px 16px;border:1px solid #9a9a9a;border-radius:5px;font-size:16px}
.inputCategory::placeholder{font-size:16px;font-family:'Roboto-Med';color:#9a9a9a}
.imgMain-part{width:50%;float:left;margin-bottom:20px}
.close-icon{font-size: 20px;margin-top: -12px;cursor: pointer;border: 1px solid #000;
    border-radius: 200px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;}

.comman-closeIcon{column-gap: 5px;}

.bannerImg-input{width:100%;float:left}
.bannerImg-fileupload{width:100%;float:left;border:1px solid #9a9a9a;border-radius:5px;padding:0 0 0 15px}
.bannerImg-fileupload input{display:none}
.bannerPlaceholder{float:left;font-size:16px;font-weight:500;color:#9a9a9a;padding:16px 0}
.bannerImg-btn{width:90px;float:right;border-left:1px solid #9a9a9a;border-radius:0 5px 5px 0;padding:16px 15px;color:#000;font-family:'Roboto-Med'}
.bannerimgInput-title{width:100%;float:left;font-size:16px;font-weight:500;color:#000;margin-bottom:10px;font-family:'Roboto-Med'}
.restSub-btn-part{width:100%;float:left;display:flex;align-items:center;column-gap:20px;margin-bottom:20px}
.btnRest{width:109px;padding:10px;border:none;background-color:#3c3b3b;color:#fff;font-size:16px;font-family:'Roboto-Med';border-radius:5px}
.btnSubmit{width:109px;padding:10px;border:none;background-color:#87c644;color:#000;font-size:16px;font-family:'Roboto-Med';border-radius:5px}
.ratioPart{color:#9a9a9a;font-weight:500}
.company-info-part{width:100%;float:left;display:flex;align-items:center;justify-content:center;column-gap:2px;margin-top:37px;margin-bottom:30px;padding:0 30px}
.company-info-title{width:100%;float:left;font-size:18px;font-family:'Roboto-Reg'}
.topInput-section{width:100%;float:left}
.main-input-part{width:100%;float:left;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 30px;margin-bottom:30px}
.main-input-socialMedia{width:100%;float:left;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:0 30px;margin-bottom:30px}
.input-box{width:100%;float:left}
.input-title{width:100%;float:left;font-size:16px;font-weight:500;color:#000;margin-bottom:10px;font-family:'Roboto-Med';font-weight:500}
.inputClass{width:100%;padding:16px 15px;border:1px solid #9a9a9a;border-radius:5px}
.inputClass::placeholder{font-size:16px;font-weight:500;color:#9a9a9a}
.inputClass_adress{width:100%;padding:15px 15px 44px 15px;border:1px solid #9a9a9a;border-radius:5px}
.ratioPart{color:#9a9a9a;font-weight:500}
.fileUpload{width:100%;float:left;border:1px solid #9a9a9a;border-radius:5px;padding:0 0 0 15px}
.fileUpload input{display:none}
.placeholderPart{float:left;font-size:16px;font-weight:500;color:#9a9a9a;padding:16px 0}
.browseBtn{width:90px;float:right;background-color:#87c644;border-radius:0 5px 5px 0;padding:16px 15px;color:#000;font-family:'Roboto-Med'}
.chooseFile{width:100%;float:left;display:grid;grid-template-columns:repeat(3,1fr);column-gap:13px;padding:0 30px;margin-bottom:40px}
.url-part{width:100%;float:left;display:flex;align-items:center;justify-content:center;column-gap:2px;margin-bottom:30px;padding:0 30px;margin-bottom:26px}
.url-title{width:100%;float:left;font-size:18px;font-family:'Roboto-Reg';border-bottom:1px dashed #9a9a9a;padding-bottom:15px}
.main-url-part{width:100%;float:left;padding:0 30px}
.linked-input-part{width:100%;float:left}
.url-input{width:100%;float:left;margin-bottom:20px}
.link-margin{margin-bottom:20px}
.saveButton{width:100%;float:left;text-align:center;margin-bottom:30px}
.saveBTN{width:175px;padding:10px;border:none;background-color:#87c644;font-size:16px;color:#000;font-family:'Roboto-Med';border-radius:5px;cursor:pointer}
.roleForm-title-part{width:100%;float:left;display:flex;align-items:center;justify-content:center;column-gap:2px;margin-top:37px;margin-bottom:30px;padding:0 30px}
.role-form-heading{width:100%;float:left;font-size:18px;font-family:'Roboto-Reg'}
.roleForm-input{width:100%;float:left;padding:0 30px;margin-bottom:30px}
.module-main-part{width:100%;float:left;padding:0 30px;display:flex;align-items:center;column-gap:10px;margin-bottom:25px}
.module-heading{font-size:18px;font-weight:600}
.module-main-part .input-checkbox{width:calc(100% - 200px)}
.selectModule-checkbox{width:100%;float:left;display:grid;grid-template-columns:repeat(3,1fr);column-gap:20px;padding:0 30px;margin-bottom:20px}
.checkBox-section{width:100%;float:left}
.moduleMargin-part{margin-bottom:20px}
.main-btn-part{width:100%;float:left;padding:0 30px;margin-bottom:30px}
.restBtn{width:109px;padding:10px;background-color:#3c3b3b;border:none;font-size:16px;font-family:'Roboto-Med';border-radius:5px;color:#fff;cursor:pointer}
.sendNotification-btn{width:199px;padding:10px;background-color:#87c644;border:none;font-size:16px;font-family:'Roboto-Med';border-radius:5px;color:#000;cursor:pointer}
.button-section{width:100%;float:left;border-bottom:1px dashed #9a9a9a;display:flex;align-items:center;justify-content:flex-end;column-gap:20px;padding-bottom:20px}
.employeeRole-heading-part{width:100%;float:left;padding:0 30px;display:flex;align-items:center;justify-content:flex-start;column-gap:5px;margin-bottom:20px}
.employee-role-title{float:left;font-size:15px;font-family:'Roboto-Med';font-weight:500}
.tableCount{float:left;font-size:12px;color:#000;padding:4px 7px;background-color:#edffda;font-weight:600;border-radius:8px}
.employeeRole-main-table{width:100%;float:left}
.main-table-section{width:100%;float:left;margin-bottom:20px}
.newAdmin-part{width:100%;float:left;display:flex;align-items:center;justify-content:center;column-gap:2px;margin-top:37px;margin-bottom:20px;padding:0 30px}
.newAdmin-title{width:100%;float:left;font-size:20px;font-family:'Roboto-Reg'}
.adminInput-title{width:100%;float:left;font-size:16px;font-weight:500;color:#000;margin-bottom:10px}
.admin-box{width:100%;float:left;padding:0 30px}
.browse-btn{width:90px;float:right;border-left:1px solid #9a9a9a;border-radius:0 5px 5px 0;padding:16px 15px;color:#000;font-family:'Roboto-Med'}
.adminBox-fileupload{width:50%;float:left;border:1px solid #9a9a9a;border-radius:5px;padding:0 0 0 15px;margin-bottom:20px}
.adminBox-fileupload input{display:none}
.adminPlaceholder{float:left;font-size:16px;font-weight:500;color:#9a9a9a;padding:16px 0}
.admin-box-input{width:100%;float:left;display:grid;grid-template-columns:repeat(3,1fr);column-gap:15px;padding:0 30px;margin-bottom:20px}
.inputBox-admin{width:100%;padding:16px 15px;border:1px solid #9a9a9a;border-radius:5px}
.inputSection{width:100%;float:left}
.role-dropdown{width:100%;background:url(../image/die-select-arrow.svg) no-repeat center right 16px;-webkit-appearance:none;border:1px solid #9a9a9a;border-radius:5px;padding:16px 15px}
.desc-part{width:100%;float:left;padding:0 30px;margin-bottom:30px}
.inputBox-desc{width:100%;padding:16px 15px 50px 15px;border:1px solid #9a9a9a;border-radius:5px}
.newAdmin-button{width:100%;float:left;text-align:right;padding:0 30px;margin-bottom:20px}
.adminBTN{width:166px;padding:16px 15px;border:none;background-color:#87c644;font-size:16px;font-family:'Roboto-Med';color:#000;border-radius:5px}
.addEmployee-part{width:100%;float:left;text-align:right;padding:0 30px;margin:30px 0 20px 0}
.addEmploy-btn{width:142px;padding:15px;border:none;font-size:16px;font-family:'Roboto-Med';background-color:#87c644;border-radius:5px}
.status-th{display:flex;align-items:center;column-gap:2px;justify-content:start}
.status-th img{display:flex;align-items:center}
.employListing-table{width:100%;float:left;margin-bottom:30px}
.mainTop-part{width:100%;float:left;padding:0 30px}
.addnewCategory-part{width:100%;float:left;margin:30px 0 30px 0}
.category-title{width:100%;float:left;font-size:20px;font-weight:600;border-bottom:1px dashed #9a9a9a;padding-bottom:17px}
.category-line{float:left}
.mainLanguage-tab-parts{width:100%;float:left}
.newInput-part{width:100%;float:left;margin-bottom:30px}
.categoryInput-titleBox{width:100%;float:left;font-size:16px;font-family:'Roboto-Med';margin-bottom:10px}
.inputCategory{width:100%;padding:15px 16px;border:1px solid #9a9a9a;border-radius:5px;font-size:16px}
.inputCategory::placeholder{font-size:16px;font-family:'Roboto-Med';color:#9a9a9a}
.imgMain-part{width:50%;float:left;margin-bottom:20px}
.ketoImg-part{width: 100%; margin-bottom:20px;text-align:center; display: flex;align-items: self-start;justify-content: center; column-gap: 6px;}
.bannerImg-input{width:100%;float:left}
.bannerImg-fileupload{width:100%;float:left;border:1px solid #9a9a9a;border-radius:5px;padding:0 0 0 15px}
.bannerImg-fileupload input{display:none}
.bannerPlaceholder{float:left;font-size:16px;font-weight:500;color:#9a9a9a;padding:16px 0}
.bannerImg-btn{width:90px;float:right;border-left:1px solid #9a9a9a;border-radius:0 5px 5px 0;padding:16px 15px;color:#000;font-family:'Roboto-Med'}
.bannerimgInput-title{width:100%;float:left;font-size:16px;font-weight:500;color:#000;margin-bottom:10px}
.restSub-btn-part{width:100%;float:left;display:flex;align-items:center;column-gap:20px;margin-bottom:20px}
.btnRest{width:109px;padding:10px;border:none;background-color:#3c3b3b;color:#fff;font-size:16px;font-family:'Roboto-Med';border-radius:5px}
.btnSubmit{width:109px;padding:10px;border:none;background-color:#87c644;color:#000;font-size:16px;font-family:'Roboto-Med';border-radius:5px}
.heading-part{width:100%;float:left;padding:0 30px;margin:30px 0 30px 0}
.mealAdd-on-part{width:100%;float:left;display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #9a9a9a;padding-bottom:17px}
.meal-title{float:left;font-size:20px;font-weight:600}
.addItem-part{width:100%;float:left}
.addItem-btn{width:127px;padding:15px;border:none;background-color:#87c644;border-radius:5px;color:#3c3b3b;font-size:16px;font-family:'Roboto-Med';display:flex;align-items:center;column-gap:8px}
.mainInput-gridPart{width:100%;float:left;display:grid;grid-template-columns:auto auto auto auto;column-gap:8px;margin-bottom:30px;padding:0 30px}
.categorySearch{width:100%;float:left;position:relative;margin-top:25px}
.categorySearch input{width:100%;height:50px;float:left;padding:16px 15px;border:1px solid #dadada;border-right:none;border-radius:5px;background-color:#fff;outline:0;font-size:16px}
.categorySearch input::placeholder{font-size:16px;color:#9a9a9a}
.searchBtn{width:auto;height:50px;padding:14px 15px;font-size:18px;font-weight:500;line-height:normal;color:#000;background-color:#87c644;border:none;border-radius:0 5px 5px 0;position:absolute;right:0;top:0;cursor:pointer}
.categoryDrop-down{width:100%;float:left;position:relative}
.categoryTitle{width:100%;float:left;color:#535353;font-family:'Roboto-Med';margin-bottom:6px}
.allComman-select{width:100%;float:left;font-size:16px;color:#000;padding:16px 15px;border:1px solid #dadada;border-radius:5px;outline:0;-webkit-appearance:none}
.categoryDrop-down img{position:absolute;top:63%;right:17px;width:12px}
.addonMeals_table{width:100%;float:left;padding:0 30px}
.new-th{float:left;display:flex;align-items:center;column-gap:2px;justify-content:center}
.new-th img{display:flex;align-items:center}
.download-button{width:100%;margin-top:10px}
.btn-download{width:75px;padding:5px;border:1px solid #87c644;background-color:transparent;color:#87c644;border-radius:5px;font-family:'Roboto-Reg';font-size:12px}
.sort{float:left;color:#fff;font-weight:500}
.sortClick{display:flex;align-items:center;column-gap:3px}
.sortClick img{width:16px}
.addon-lisitng-table{width:100%;float:left;margin-bottom:30px}
.addonMeals_table .menu-table td{padding:20px 10px}
.addonMeals_table .menu-table tr{border-bottom:1px dashed #9a9a9a}
.addonMeals_table .menu-table tr:first-child{text-align:left;border-bottom:0;}
.varientMeat-box{width:593px;padding:23px 23px 40px 23px}
.varient-part{width:100%;float:left;margin-top:30px}
.meat-ul{width:100%;float:left}
.meat-ul li{width:100%;float:left;list-style:none;display:grid;grid-template-columns:25% auto auto;align-items:center;justify-content:space-between;margin-bottom:20px}
.vari-Name{width:100%;float:left;font-size:16px;font-family:'Roboto-Med'}
.meat-ul li:last-child{width:100%;float:left;list-style:none;display:grid;grid-template-columns:25% auto auto;align-items:center;justify-content:space-between;margin-bottom:0}
.review-box{width:1022px;padding:0 0}
.qrpop{display:none}
.ratingpopup{display:none}
.reviewPopup-topPart{width:100%;float:left;margin-top:30px;display:flex;align-items:center;margin:10px 0 0 0;border-bottom:1px dashed #9a9a9a;padding-bottom:15px}
.imgPart{width:75%;float:left;display:flex;align-items:center;column-gap:15px}
.txtLine{width:100%;float:left;font-size:16px;font-family:'Roboto-Med'}
.totalReview-part{float:left;border-right:1px dashed #9a9a9a}
.twoParts-review{width:100%;float:left;padding:30px 26px 30px 0}
.txt-total{width:100%;font-size:13px;font-weight:600;margin-bottom:15px}
.nums-k{width:100%;font-size:32px;font-family:'Roboto-Med'}
.averagePart{float:left}
.titleReview{width:100%;float:left;padding:30px 0 30px 26px}
.avergTxt{width:100%;font-size:13px;font-weight:600;margin-bottom:15px}
.nums-zero{width:100%;float:left;font-size:32px;font-family:'Roboto-Med';display:flex;align-items:center;column-gap:10px}
.reviewDesc-part{width:100%;float:left;display:flex;align-items:stretch;column-gap:24px;border-bottom:1px dashed #9a9a9a;padding-bottom:10px;margin-top:10px}
.userInfo{float:left}
.name-line{font-size:13px;font-weight:600;color:#000;margin-bottom:5px}
.ratingPart{font-size:13px;font-weight:600;color:#000;display:flex;align-items:center;column-gap:3px;margin-bottom:5px}
.visibilityTxt{font-size:10px;font-family:'Roboto-Med';color:#000;margin-bottom:5px}
.btnPart{width:100px;padding:5px;background-color:#87c644;border:none;font-size:14px;color:#fff;border-radius:3px}

.hidereview{width: 100px; padding: 5px; background-color: #a3a3a3; border: none; font-size: 14px; color: #ffffff; border-radius: 3px;}
.buttons{width:100%;float:left;display:flex;flex-direction:column;gap:5px}
.desc-review{width:100%;float:left;font-size:13px;color:#000;line-height:20px}
.scroll-part{overflow-y:scroll;height:430px;width:100%;padding:20px}
.padding-closeIcon{padding:10px}
.specialBox-title-part{width:100%;float:left;padding:0 30px;margin:30px 0 30px}
.specialBox_heading{width:100%;float:left;font-size:20px;font-weight:600;border-bottom:1px dashed #9a9a9a;padding-bottom:17px}
.main-section{width:100%;float:left;padding:0 30px;margin-bottom:30px}
.special-box-margin{margin-top:0}
.specialBox-padding{width:100%;float:left;padding:0 30px}
.specialBox-photo-part{width:100%;float:left;border:1px solid #9a9a9a;border-radius:5px;padding:20px 0;margin-bottom:30px}
.specialBox-uploading{width:100%;float:left;text-align:center}
.specialBox-uploading p{font-size:16px;color:#000;font-family:'Roboto-Med';font-weight:500;padding-bottom:30px}
.specialBox-uploading p span{color:#9a9a9a}
.imgUploding-SpecialBox{width:100%;float:left;display:flex;justify-content:center}
.icon-upload{width:160px;height:157px;border:1px dashed #9a9a9a;border-radius:3px;float:left;display:flex;justify-content:center;position:relative}
.icon-upload input{display:none}
.icon-upload span{display:flex;justify-content:center;align-items:center;flex-direction:column}
.icon-upload>img{position:absolute;width:100%;height:auto;max-width:100%;max-height:100%;left:50%;top:50%;transform:translate(-50%,-50%);display:none;padding:5px}
.icon-upload p{font-size:15px;color:#9a9a9a;width:100%;float:left;text-align:center;font-family:'Roboto-Med'}
.language-mainPart-padding{width:100%;float:left;padding:0 30px}
.mainSpecialbox-content{width:100%;float:left}
.nameInput-box{width:100%;float:left;margin-bottom:30px}
.nameTxt-box{width:100%;float:left;margin-bottom:10px}
.newProduct-input{width:478px;padding:15px;border:1px solid #9a9a9a;font-size:16px;border-radius:5px}
.newProduct-input::placeholder{font-size:16px;font-family:'Roboto-Med';color:#9a9a9a}
.sort-desc{width:100%;float:left;border-bottom:1px solid #9a9a9a;padding-bottom:30px}
.desc-label{width:100%;float:left;margin-bottom:10px}
.description-input{width:100%;height:100px;padding:15px;border:1px solid #9a9a9a;font-size:16px;border-radius:5px}
.main-price-part{width:100%;float:left;display:grid;grid-template-columns:repeat(2,1fr);column-gap:25px;margin-bottom:30px}
.addPrice{width:100%;padding:16px;border:1px solid #9a9a9a;border-radius:5px}
.addPrice::placeholder{font-size:16px;color:#9a9a9a;font-family:'Roboto-Med'}
.price-txtBox{width:100%;float:left}
.price-labl{width:100%;float:left;font-size:16px;font-family:'Roboto-Med';font-weight:500;padding-bottom:10px}
.price-txtBox input{width:100%;float:left;font-size:16px;color:#000;line-height:18px;padding:11px 15px;border:1px solid #dadada;border-radius:5px;outline:0;-webkit-appearance:none;height:50px}
.price-txtBox input::placeholder{font-size:16px;color:#9a9a9a;font-family:'Roboto-Med'}
.border-section{width:100%;float:left;border-bottom:1px solid #9a9a9a;padding:30px 0;margin-bottom:30px}
.button-part{width:100%;float:left;text-align:center;margin-bottom:30px}
.save-button{width:175px;padding:10px 11px;background-color:#87c644;color:#000;font-size:16px;font-family:'Roboto-Med';border:none;border-radius:5px}
.packageSize-part{width:100%;float:left;margin:30px 0;padding:0 30px}
.package_heading{width:100%;float:left;font-size:20px;font-weight:600;border-bottom:1px dashed #9a9a9a;padding-bottom:17px}
.packageMain-part{padding:0 30px;width:100%;float:left;margin-bottom:30px}
.padding-part-packageSize{padding:0 30px}
.padding-textBox{padding:0 30px;width:100%;display:grid;grid-template-columns:repeat(2,1fr);column-gap:30px;align-items:flex-end}
.mainCheck-box{display:flex;width:100%;align-items:center;justify-content:space-between}
.ch-mrb-15{margin-bottom:15px}
.mainAlert-part{width:100%;float:left;padding:0 30px;margin:30px 0 0 0}
.alert{padding:20px;margin-bottom:20px;border:1px solid transparent;border-radius:5px}
.alert:last-child{margin-bottom:0}
.alert-success{color:#00b129;background-color:#d4edda;border-color:#5af17d}
.alert-danger{color:#d31528;background-color:#f8d7da;border-color:#fc717f}
.macroTitle-part{width:100%;float:left;margin:30px 0;padding:0 30px}
.macro-heading{width:100%;float:left;font-size:20px;font-weight:600;border-bottom:1px dashed #9a9a9a;padding-bottom:17px}
.maleFemale-toggle{width:100%;float:left;padding:0 30px;margin-bottom:30px}
.main-border{width:211px;float:left;border:1px solid #9a9a9a;border-radius:2px}
.ul-part{display:grid;grid-template-columns:50% 50%;align-items:center;width:100%;float:left}
.ul-part li{list-style:none;font-size:13px;color:#000}
.ul-part a{color:#000;font-family:'Roboto-Med';text-align:center;width:100%;float:left;padding:15px 0;border-radius:2px 0 0 2px}
.ul-part li.active a{background-color:#87c644}
.macro-ALF-table{width:100%;float:left;padding:0 30px;margin-bottom:30px}
.macro-ALF-table table{border-collapse:collapse;width:100%}
.macro-ALF-table table tr th{background:#87c644;padding:18px 0;border-right:1px solid #fff;color:#fff;font-weight:500;font-family:'Roboto-Med';border-radius:5px 5px 0 0}
.macro-ALF-table table tr td{padding:10px 10px;background:#efefef;border-right:1px solid #fff;text-align:center;font-family:'Roboto-Med';font-size:14px}
.comman-input{width:100%;height:32px;border:1px solid #929292;border-radius:1px;padding:8px 10px;font-size:13px;font-family:'Roboto-Med';color:#000}
.macro-main-table{width:100%;float:left;padding:0 30px;margin-bottom:30px}
.macro-main-table table{border-collapse:collapse;width:100%}
.macro-main-table table tr th{background:#87c644;padding:18px 0;border-right:1px solid #fff;color:#fff;font-weight:500;font-family:'Roboto-Med';border-radius:5px 5px 0 0}
.macro-main-table table tr td{padding:10px 10px;background:#efefef;border-right:1px solid #fff;text-align:center;font-family:'Roboto-Med';font-size:14px}
.macro-main-table table tr{border-bottom:1px dashed #9a9a9a}
.comman-input-one{width:100%;height:32px;border:1px solid #929292;border-radius:1px;padding:8px 10px;font-size:13px;font-family:'Roboto-Med';color:#000}
.macro-main-table table tr:first-child{border-bottom:none}
.submit-button{width:100%;float:left;text-align:center;padding:0 30px;margin-bottom:30px}
.subBTN{width:175px;padding:10px;background-color:#87c644;border:none;border-radius:5px;font-size:16px;font-family:'Roboto-Med'}
.macro-main-table table tr:last-child{border:none}
.messages-title-part{width:100%;float:left;padding:0 30px;margin:30px 0}
.messge-heading{width:100%;float:left;font-size:20px;font-weight:600;color:#000}
.main-messages-part{width:100%;float:left;padding:0 30px;margin-bottom:30px;display:grid;grid-template-columns:40% 58%;column-gap:20px}
.admin-section{width:100%;float:left;border:1px solid #9a9a9a;border-radius:5px;height:500px;overflow:hidden}
.top-logo-admin{width:100%;float:left;display:flex;align-items:center;column-gap:10px;margin-bottom:20px;padding:20px 15px 0}
.logo-description{width:100%;float:left}
.admin-txt{width:100%;float:left;font-size:14px;font-family:'Roboto-Med';margin-bottom:3px}
.num-txt{width:100%;float:left;font-size:12px;color:#939393}
.admin-srch{width:100%;float:left;margin-bottom:20px;padding:0 15px}
.admin-input{width:100%;float:left;padding:12px 15px 12px 30px;background:url(../image/serach-mask-2.png) no-repeat 9px;font-size:13px;border:1px solid #dadada;border-radius:5px;outline:0}
.admin-input::placeholder{font-size:13px;color:#9a9a9a}
.name-list{width:100%;float:left;max-height:450px;overflow-y:scroll}
.name-ul{width:100%;float:left}
.name-ul li{list-style:none}
.main-nameList-part{width:100%;float:left;display:flex;align-items:center;column-gap:10px;padding:11px 14px 9px}
.name-ul li a .main-nameList-part{color:#000}
.name-ul li.active a .main-nameList-part{background-color:#87c644}
.user-messages-section{width:100%;float:left;border:1px solid #9a9a9a;border-radius:5px;position:relative;height:500px;overflow:hidden}
.user-logo-admin{width:100%;float:left;display:flex;align-items:center;column-gap:10px;margin-bottom:15px;padding:20px 15px 16px;border-bottom:1px solid #9a9a9a}
.hlwAdmin-messge{width:100%;float:left;padding:0 15px;margin-bottom:20px}
.messge-part{width:50%;float:left;background-color:#e3e3e3;padding:10px 9px;border-radius:3px;margin-bottom:5px}
.messge-part p{width:100%;float:left;font-size:13px;color:#000}
.time-date{width:100%;float:left;font-size:10px;color:#787878}
.replay-messge{float:right;padding:0 15px}
.messge-txt{width:100%;float:left;background-color:#f5f5f5;padding:10px 9px;border-radius:3px;margin-bottom:5px}
.messge-txt p{width:100%;float:left;font-size:13px;color:#000}
.time-date-rply{width:100%;float:left;font-size:10px;color:#787878;text-align:right}
.typeMessage-part{width:100%;float:left;position:absolute;bottom:0;right:0;left:0}
.typingBox{width:100%;float:left;padding:18px 16px;background-color:#f4f4f4;display:flex;align-items:center;column-gap:10px;border-radius:0 0 5px 5px}
.typeInput{width:100%;float:left;border:none;background-color:transparent;font-size:13px}
.typeInput::placeholder{font-size:13px;color:#606060}
.uploadFile{width:90px;height:30px;border:none;border-radius:5px;float:left;display:flex;justify-content:center;position:relative;background-color:#0e0d0d;padding:8px}
.uploadFile input{display:none}
.uploadFile span{display:flex;justify-content:center;align-items:center;column-gap:3px}
.uploadFile p{font-size:13px;color:#fff;width:100%;float:left;font-family:'Roboto-Med';font-weight:500}
.sendBTN{width:76px;height:30px;padding:8px;font-size:12px;font-family:'Roboto-Med';color:#000;font-weight:500;border:none;background-color:#87c644;border-radius:5px;display:flex;align-items:center;justify-content:center;column-gap:3px}
.name-list::-webkit-scrollbar{width:2px}
.name-list::-webkit-scrollbar-thumb{background:#d7d7d7}
.mainTop-messges-part{width:100%;float:left;overflow-x:hidden;overflow-y:scroll;height:calc(100% - 158px)}
.mainTop-messges-part::-webkit-scrollbar{width:2px}
.mainTop-messges-part::-webkit-scrollbar-thumb{background:#d7d7d7}
.dietitian-heading-part{width:100%;float:left;padding:0 30px;margin:30px 0}
.dietitian-title{width:100%;float:left;font-size:20px;font-weight:600;color:#000;border-bottom:1px dashed #9a9a9a;padding-bottom:17px}
.dietitian-margin{margin-top:0}
.dietitian-desc{width:100%;float:left}
.jerom-txt{margin-bottom:5px}
.jerom-txt:last-child{margin-bottom:0}
.addDietitian-heading-part{width:100%;float:left;padding:0 30px;margin:30px 0}
.addDietitian-title{width:100%;float:left;font-size:20px;font-weight:600;color:#000;border-bottom:1px dashed #9a9a9a;padding-bottom:17px}
.dietitianPart{padding:0 30px;padding-bottom:0;gap:20px}
.language-tabs{float:left}
.addDietitian-section{width:100%;float:left;padding:0 30px}
.addDietitian-input{width:100%;float:left}
.addName-margin{margin-bottom:20px}
.textArea-input{width:100%;float:left;margin-bottom:30px}
.textArea-input textarea{width:100%;float:left;font-size:16px;color:#000;line-height:18px;padding:11px 15px;border:1px solid #dadada;border-radius:5px;outline:0;-webkit-appearance:none;height:100px}
.textArea-input label{width:100%;float:left;font-size:16px;color:#000;font-family:'Roboto-Med';padding-bottom:10px}
.scheduleSetup-heading{width:100%;float:left;margin-bottom:30px}
.scheduleTitle{width:100%;float:left;font-size:18px;font-family:'Roboto-Med';font-weight:500}
.date-grid-part{width:100%;float:left;display:grid;grid-template-columns:auto auto 3%;grid-column-gap:10px;margin-bottom:20px}
.day-mainTable{width:100%;float:left;margin-bottom:30px}
.day-mainTable table{border-collapse:collapse;width:100%}
.day-mainTable table tr th{background:0 0;border:1px solid #9a9a9a;text-align:left;padding:20px 20px;font-size:16px;font-family:Roboto-Bold;color:#000}
.day-mainTable table tr td{padding:20px 20px;background:#fff;border:1px solid #9a9a9a;text-align:left;font-size:16px}
.table-input-part{width:100%;float:left;display:grid;grid-template-columns:25% 25% 40%;align-items:center;column-gap:10px;margin-bottom:15px}
.time-input{width:100%;float:left;position:relative}
.time-input input{width:100%;height:45px;padding:13px 9px;border:1px solid #9a9a9a;border-radius:3px}
.time-input input ::placeholder{font-size:12px;color:#999696}
.time-input img{position:absolute;right:11px;bottom:14px}
.commanBTN{float:left;padding:10px 15px;background-color:#87c644;color:#fff;font-size:14px;border:none;border-radius:3px}
.commanBTN-peroods{float:left;padding:10px 15px;background-color:#c60000;color:#fff;font-size:14px;border-radius:3px;border:none}
.time-input button.commanBTN-peroods{margin-left:10px}
.removeSlot button.commanBTN-peroods{margin-left:0}
.removeSlot{width:100%;float:left}
.periodBTN{width:100px;float:left;padding:10px 15px;background-color:#87c644;color:#fff;font-size:14px;border:none;border-radius:3px}
.newSchedule-button{width:100%;float:left;border-bottom:1px solid #9a9a9a;padding-bottom:30px;margin-bottom:30px}
.scheduleBTN{padding:11px 20px;float:left;background-color:#87c644;color:#000;font-size:16px;border:none;font-family:'Roboto-Med';border-radius:5px}
.date-box{width:100%;float:left}
.date-box input{width:100%;float:left;font-size:16px;color:#000;line-height:18px;padding:11px 9px;border:1px solid #dadada;border-radius:5px;outline:0;-webkit-appearance:none;height:50px}
.date-box label{width:100%;float:left;font-size:16px;font-style:normal;font-weight:500;color:#000;margin-bottom:10px;font-family:'Roboto-Med'}
.dietitianBooking-headingPart{width:100%;float:left;padding:0 30px;margin:30px 0}
.dieBooking-title{width:100%;float:left;font-size:20px;font-weight:600;color:#000}
.mainDietitian-booking-section{width:100%;float:left;padding:0 30px;margin-bottom:30px}
.upcoming-deititian-part{width:100%;float:left}
.upcoming-mainInput{width:100%;float:left;display:grid;grid-template-columns:repeat(4,1fr);column-gap:10px;align-items:end;border-bottom:1px solid #dadada;padding-bottom:30px}
.selectDietitian-part{width:100%;float:left;position:relative}
.selectDietitian-part img{position:absolute;bottom:20px;right:10px;width:17px}
.buttonShow{width:100%;float:left}
.showBTN{width:100%;padding:16px;background-color:#87c644;color:#000;font-size:16px;font-family:'Roboto-Med';border:none;border-radius:5px}
.totalPart{width:100%;float:left;margin-top:15px;display:flex;align-items:center;margin-bottom:20px}
.session-txt{width:30%;float:left;font-size:12px;font-family:'Roboto-Med'}
.money-txt{width:100%;float:left;font-size:12px;font-family:'Roboto-Med'}
.min30-txt{width:100%;float:left;font-size:12px;font-family:'Roboto-Med';text-align:right}
.upcoming-margin{padding:0;margin-top:0}
.tabl-dietitian-detail{float:left;display:flex;align-items:center;column-gap:10px}
.die-desc-part{float:left}
.name-line-one{width:100%;font-size:13px;font-family:'Roboto-Med';color:#000;margin-bottom:5px}
.name-line-green{width:100%;float:left;font-size:14px;font-family:'Roboto-Med';color:#87c644}
.showNote-btn{width:100px;height:35px;padding:10px;border:none;font-size:14px;background-color:#87c644;border-radius:3px;color:#fff}
.zainCsh-btn{width:82px;padding:8px;border:none;border-radius:3px;background-color:#ccc;font-size:12px;font-family:'Roboto-Med'}
.upcoming-margin th:last-child{border-radius:0 5px 5px 0;text-align:left}
.upcoming-margin td:last-child{text-align:left}
.history-deititian-part{width:100%;float:left}
.history-mainInput{width:100%;float:left}
.history-mainInput{width:100%;float:left;display:grid;grid-template-columns:repeat(5,1fr);column-gap:10px;align-items:end;border-bottom:1px solid #dadada;padding-bottom:30px}
.Historytotal-Part{width:100%;float:left;margin-top:15px;display:flex;align-items:center;margin-bottom:20px}
.session-history-line{width:11%;float:left;font-size:12px;font-family:'Roboto-Med'}
.money-history-line{width:15%;float:left;font-size:12px;font-family:'Roboto-Med'}
.min30-histroy-line{width:16%;float:left;font-size:12px;font-family:'Roboto-Med';text-align:left}
.history-checktitle{float:left;display:flex;align-items:center;width:100%;justify-content:end}
.history-checktitle .input-checkbox{width:auto;padding-right:26px}
.history-checktitle p{float:left;font-size:16px;color:#535353;font-family:'Roboto-Med'}
.complete-line{font-size:13px;color:#87c644;width:100%;float:left}
.refundBTN{width:88px;padding:8px;background:0 0;border:1px solid #9a9a9a;font-size:12px;font-family:'Roboto-Med';color:#000;border-radius:2px}
.history-margin{padding:0;margin-top:0}
.history-margin th:last-child{border-radius:0 5px 5px 0;text-align:right}
.history-margin td:last-child{text-align:right}
.black-color{color:#000}
.blue-color{color:#0e2b81}
.red-color{color:#cf0000}
.selected-button{width:88px;padding:8px;background:#000;border:none;font-size:12px;font-family:'Roboto-Med';color:#fff;border-radius:2px}
.history-margin td{padding:10px}
.upcoming-margin td{padding:10px}
.forDietitian-part{grid-template-columns:repeat(3,1fr);border-bottom:none}
.joinBTN{width:100px;float:left;padding:10px;border:none;background-color:#87c644;color:#fff;font-size:14px;border-radius:3px;margin-right:10px;margin-bottom:4px;}
.messgeBTN{width:120px;float:left;padding:10px;border:none;background-color:#87c644;color:#fff;font-size:14px;border-radius:3px}
.forDietitian-history{grid-template-columns:repeat(4,1fr);border-bottom:none}
.history-forDietitian th:last-child{border-radius:0 5px 5px 0;text-align:left}
.history-forDietitian td:last-child{text-align:left}
.history-forDietitian{padding:0;margin-top:0}
.showNote-box{width:840px;padding:0 0}
.notes-heading-part{width:100%;float:left;margin-bottom:15px}
.notes-title{width:100%;float:left;font-size:28px;font-family:'Roboto-Med';font-weight:500;border-bottom:1px solid #c6c6c6;padding-bottom:18px;margin-top:20px}
.notes-desc-part{width:100%;float:left}
.notes-pg{width:100%;float:left;font-size:12px;line-height:18px;color:#000;margin-bottom:20px}
.notes-section{overflow-y:auto;height:503px}
.addNew-offerCoupen-heading{width:100%;float:left;padding:0 30px;margin:30px 0}
.newOffer-title{width:100%;float:left;font-size:20px;font-weight:600;color:#000;border-bottom:1px dashed #9a9a9a;padding-bottom:17px}
.addOffer-coupen-mainInput{width:100%;float:left;padding:0 30px;margin-bottom:20px}
.inputSection-addOffer{width:100%;float:left;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}
.comman-offerInput{width:100%;float:left;position:relative}
.comman-title{width:100%;float:left;font-size:16px;font-family:'Roboto-Med';margin-bottom:10px}
.comman-offerInput input{width:100%;padding:16px 10px;font-size:16px;font-family:'Roboto-Med';border:1px solid #9a9a9a;border-radius:5px}
.comman-offerInput input ::placeholder{font-size:16px;color:#9a9a9a;font-family:'Roboto-Med'}
.comman-offerInput img{position:absolute;bottom:20px;right:10px;width:17px}
.comman-select-offer{width:100%;float:left;font-size:16px;color:#000;line-height:18px;padding:11px 15px;border:1px solid #9a9a9a;border-radius:5px;outline:0;-webkit-appearance:none;height:50px}
.firstOrder-checkbox{float:left;display:flex;align-items:center;width:100%}
.mainsection-part{width:100%;float:left;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;margin-bottom:20px}
.firstOrder-checkbox .input-checkbox{width:auto;padding-right:26px}
.firstOrder-checkbox p{float:left;font-size:16px;color:#535353;font-family:'Roboto-Med'}
.description-textAera{width:100%;float:left}
.desc-label-offer{width:100%;float:left;font-size:16px;font-family:'Roboto-Med';margin-bottom:10px}
.description-textAera textarea{width:100%;height:84px;padding:16px 15px 0;font-size:16px;font-family:'Roboto-Med';border:1px solid #9a9a9a;border-radius:5px}
.mainTarget-table-part{width:100%;float:left;margin-top: 20px;margin-bottom:45px}
.targetTitle-part{width:100%;float:left;display:flex;border-bottom:1px dashed #9a9a9a;padding-bottom:20px;align-items:center;justify-content:space-between}
.targetTitle-part h1{width:100%;float:left;font-size:20px;font-weight:600}
.targetTitle-part button{width:163px;height:35px;padding:8px 10px;background-color:#87c644;border:none;font-size:14px;font-family:'Roboto-Med';border-radius:5px;display:flex;align-items:center;justify-content:center}
.targetTitle-part img{padding-left:4px}
.restSub-main{width:100%;float:left;padding:0 30px;display:flex;align-items:center;justify-content:right;margin-bottom:30px}
.comman-button{width:109px;height:40px;padding:10px;background-color:#000;border:none;border-radius:5px;font-size:16px;font-family:'Roboto-Med';color:#fff;float:left}
.comman-button-sub{width:109px;height:40px;padding:10px;background-color:#87c644;border:none;border-radius:5px;font-size:16px;font-family:'Roboto-Med';color:#000;float:left;margin-left:20px}
.coupensMain-part{width:100%;float:left;padding:0 30px;margin:30px 0;display:flex;align-items:center;justify-content:center}
.coupenTitle-part{width:100%;float:left;display:flex;align-items:center;gap:10px}
.coupenTable-head{float:left;font-size:20px;color:#000;font-family:'Roboto-Med';font-weight:500}
.tableNum{float:left;padding:7px 8px;background-color:#edffda;font-size:14px;font-weight:600;border-radius:8px}
.offerBTN{width:142px;height:50px;padding:16px;background-color:#87c644;border:none;border-radius:5px;font-size:16px;font-family:'Roboto-Med'}
.codeNum{float:left;font-size:13px;font-weight:600;margin-bottom:3px;width:100%}
.amountNum{float:left;font-size:12px;font-family:'Roboto-Med';color:#939393}
.duration-line{float:left;font-size:13px;font-family:'Roboto-Med';color:#939393}
.manageHeading-part{width:100%;float:left;padding:0 30px;margin:30px 0}
.manageMeals-title{width:100%;float:left;font-size:20px;font-weight:600;border-bottom:1px dashed #9a9a9a;padding-bottom:17px}
.mealsGrid-input{grid-template-columns:repeat(3,1fr)}
.mealsBTN{width:142px;height:50px;padding:15px;border:none;background-color:#87c644;border-radius:5px;font-size:16px;font-family:'Roboto-Med';color:#3c3b3b;display:flex;align-items:center;justify-content:center;gap:10px}
.macroButton-display{display:flex;align-items:center;justify-content:space-between}
.manage-table{margin-top:0}
.addNew-heading{width:100%;float:left;padding:0 30px;margin:30px 0}
.fixedMeals-title{width:100%;float:left;font-size:20px;font-weight:600;border-bottom:1px dashed #9a9a9a;padding-bottom:17px}
.mainFixed-part{width:100%;float:left;padding:0 30px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}
.fixedMeals-input{width:100%;float:left;position:relative}
.fixedMeals-input img{position:absolute;bottom:20px;right:10px;width:17px}
.manage-yes-no{width:100%;float:left;padding:0 30px;margin-bottom:30px}
.varientBTN{height:50px;padding:16px;border:none;background-color:#87c644;border-radius:5px;font-size:16px;font-family:'Roboto-Med';color:#3c3b3b;display:flex;align-items:center;justify-content:center;gap:10px}
.varient-button{width:100%;float:left;padding:0 30px;display:flex;align-items:center;justify-content:end;margin-bottom:20px}
.varient-table{margin-top:0;margin-bottom:30px}
.generat-button{width:100%;float:left;padding:0 30px;margin-bottom:30px}
.generateBTN{width:174px;height:40px;padding:15px;border:none;background-color:#87c644;border-radius:5px;font-size:16px;font-family:'Roboto-Med';color:#3c3b3b;display:flex;align-items:center;justify-content:center;gap:10px}
.customize-tagname{width:100%;float:left;margin-bottom:30px;padding:0 30px}
.customize-tagname .meals-tag{padding-bottom:10px}
.varientSection-part{width:100%;float:left;padding:0 30px}
.fixedTable-meals{width:100%;float:left}
.table-title{width:100%;float:left;font-size:16px;font-family:Roboto-Bold;margin-bottom:15px}
.meal-design-table{width:100%;float:left;margin-bottom:30px}
.meal-design-table .table-design .green-bg th{background:#87c644;padding:18px 0;border-right:1px solid #fff;color:#fff;font-weight:500;font-family:'Roboto-Med';border-radius:5px 5px 0 0}
.table-design tr.maintabBG{background-color:#303030}
.table-design{width:100%;float:left;border-collapse:collapse;border-spacing:0}
.table-design th{font-size:14px;padding:12px 10px;color:#fff;font-weight:500;font-family:'Roboto-Med'}
.macro-ul{width:100%;float:left;display:inline-flex;align-items:center;justify-content:space-between;margin-top:6px}
.macro-ul li{list-style:none;font-size:12px;color:#fff;font-family:'Roboto-Reg'}
.meal-design-table .table-design tr td{padding:10px 10px;background:#efefef;border-right:1px solid #fff;text-align:center;font-family:'Roboto-Med';font-size:14px}
.comman-input.name-padding{height:47px;font-size:15px;color:#000}
.comman-input.name-padding ::placeholder{font-size:15px;color:#9a9a9a}
.input-ul{width:100%;float:left;display:grid;grid-template-columns:auto auto auto;gap:5px}
.input-ul li{list-style:none}
.ul-macro-class{width:56px;height:47px;font-size:15px;color:#000;border:1px solid #929292;border-radius:1px;padding:8px 10px;font-family:'Roboto-Med'}
.addNutrition-btn{width:159px;height:47px;padding:10px;font-size:16px;font-family:'Roboto-Med';border:none;background-color:#87c644;border-radius:1px}
.name-input{width:152px;height:47px;border:1px solid #929292;padding:8px 10px;font-size:15px;font-family:'Roboto-Med';border-radius:1px}
.three-tab-content{width:100%;float:left;padding-bottom:30px}
.three-tab-input{width:100%;float:left}
.three-tab-input .commoninput{margin-bottom:20px}
.checkBox-padding{padding:0 12px}
.varient-name-popup{width:939px;padding:23px 23px 40px 23px}
.varint-main-input{width:100%;float:left;margin-bottom:20px}
.name-comman{width:100%;float:left}
.label-name{width:100%;float:left;font-size:17px;font-weight:600;padding-bottom:10px}
.meat-input{width:100%;height:50px;float:left;border:1px solid #9a9a9a;border-radius:5px;font-size:16px;font-family:'Roboto-Med';color:#000;padding:15px}
.input-grid{width:100%;float:left;display:grid;grid-template-columns:96% 3%;align-items:center;column-gap:10px;margin-bottom:15px}
.input-grid:last-child{margin-bottom:0}
.moreBTN{width:175px;height:40px;padding:11px;border:none;background-color:#87c644;border-radius:5px;font-size:16px;font-family:'Roboto-Med'}
.portion-input{width:100%;float:left;position:relative}
.portion-input img{position:absolute;bottom:20px;right:17px;width:10px}
.portion-select{width:114px;float:left;font-size:12px;color:#000;line-height:18px;padding:11px 9px;border:1px solid #929292;border-radius:1px;outline:0;-webkit-appearance:none;height:47px}
.variable-table .table-design tr{border-bottom:1px dashed #9a9a9a}
.variable-table .table-design .green-bg:first-child{border-bottom:none}
.table-design tr.maintabBG{border-bottom:none}
.variable-table .table-design tr:last-child{border-bottom:none}
.nutrition-input-part{width:100%;float:left;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.mainInput-part label{width:100%;float:left;font-size:16px;color:#000;font-family:'Roboto-Med';padding-bottom:10px}
.mainInput-part input{width:100%;float:left;font-size:16px;color:#000;line-height:18px;padding:11px 15px;border:1px solid #9a9a9a;border-radius:5px;outline:0;-webkit-appearance:none;height:50px}
.scroll-padding{padding:0;overflow-x:hidden}
.table-scroll{overflow-y:scroll;height:620px;width:100%}
.erning-report-heading{width:100%;float:left;padding:0 30px;margin:30px 0}
.report-title{width:100%;float:left;font-size:20px;font-family:'Roboto-Med';font-weight:500;border-bottom:1px dashed #9a9a9a;padding-bottom:17px}
.reportOverview-box{width:100%;float:left;padding:0 30px;margin-bottom:30px}
.report-box{width:100%;float:left;border:1px solid #9a9a9a;padding:19px 15px;border-radius:5px;display:flex;align-items:center}
.overview-desc{width:100%;float:left}
.desc-title{width:100%;float:left;font-size:20px;font-family:'Roboto-Med';font-weight:500;margin-bottom:5px}
.desc-admin{width:100%;float:left;font-size:13px;font-family:'Roboto-Med';color:#535353;margin-bottom:5px}
.dateRange-box{width:100%;float:left;padding:0 30px;margin-bottom:30px}
.show-data-box{width:100%;float:left;border:1px solid #9a9a9a;border-radius:5px;padding:20px 15px}
.data-title{width:100%;float:left;font-size:18px;font-family:'Roboto-Med';font-weight:500;margin-bottom:8px}
.date-orderType-part{width:100%;float:left;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:10px;margin-bottom:20px}
.total-percantage-part{width:100%;float:left;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.total-comman-box{width:100%;float:left;border:1px solid #dadada;padding:15px 10px;border-radius:5px;display:flex;align-items:center;column-gap:8px}
.total-desc{width:100%;float:left}
.comman-text{width:100%;float:left;font-size:15px;font-family:'Roboto-Med';margin-bottom:3px}
.comman-num-txt{width:100%;float:left;font-size:12px;color:#9a9a9a;display:flex;align-items:center;gap:5px}
.quantity-img{padding-top:2px}
.mainProgess-bar{float:left;display:flex;align-content:center}
.flex-part{width:100%;float:left;display:flex;align-items:flex-start;gap:8px}
.progress{width:46px;height:46px}
.progress .fill,.progress .track{fill:#fff;stroke-width:6;transform:rotate(90deg) translate(0,-80px)}
.progress .track{stroke:#efefef}
.progress .fill{stroke:#fff;stroke-dasharray:219.99078369140625;stroke-dashoffset:-219.99078369140625;transition:stroke-dashoffset 1s}
.progress.blue .fill{stroke:#000}
.progress.green .fill{stroke:#badfac}
.progress .text,.progress .value{font-family:'Roboto-Reg';fill:#000;text-anchor:middle;font-size:20px}
.progress .text{font-size:12px}
.chart-section{width:100%;float:left;padding:0 30px;margin-bottom:30px}
.report-chart{float:left;width:100%;border:1px solid #9a9a9a;border-radius:5px;padding:20px}
.total-sale-heading{width:100%;float:left;display:flex;align-items:center;margin-bottom:30px}
.saleTitle{width:100%;float:left;font-size:16px;font-weight:600}
.session-title{width:auto;float:left;font-size:16px;font-weight:600}
.total-sale-heading b{margin-left:20px}
.cartBTN{width:121px;height:40px;float:left;background:0 0;border:1px solid #9a9a9a;font-size:16px;font-family:'Roboto-Med';color:#9a9a9a;border-radius:5px;padding:11px;display:flex;align-items:center;justify-content:center;gap:10px}
.csvExcel-button{width:100%;float:left;padding:0 30px;margin-bottom:30px;display:flex;align-items:center;justify-content:center}
.commanBTN-csvexl{width:90px;height:30px;float:left;padding:7px;border:none;background-color:#87c644;font-size:14px;color:#000;font-family:'Roboto-Med';border-radius:3px;margin-right:10px}
.report-tab-part{width:100%;float:left;padding:0 30px}
.product-grid{grid-template-columns:repeat(4,1fr);margin-bottom:0}
.boxPadding-zero{padding:0}
.mainReport-tab-section{width:100%;float:left}
.product-commanTable{padding:0;margin-top:0;margin-bottom:30px}
.product-commanTable tr{border-bottom:1px dashed #9a9a9a}
.product-commanTable tr:first-child{border:none}
.product-commanTable tr:last-child{border:none}
.total-orders-line{width:100%;float:left;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.order-txt{float:left;font-size:20px;font-weight:600}
.special-box-report{padding:0;margin-top:0;margin-bottom:30px}
.apprel-margin{margin-bottom:30px}
.dietitian-grid-part{grid-template-columns:repeat(4,1fr)}
.user-grid-part{grid-template-columns:repeat(4,1fr);margin-bottom:0}
.payment-grid-part{grid-template-columns:repeat(4,1fr);margin-bottom:20px}
.grid-payment-percantage{grid-template-columns:repeat(4,1fr)}
.coupen-grid-part{grid-template-columns:repeat(3,1fr);margin-bottom:0}
.coupen-table-margin{padding:0 30px;margin-bottom:30px}
.discountText{width:100%;font-size:12px;font-family:'Roboto-Med';color:#939393;margin-top:2px}
.main-title{width:100%;float:left;margin-top:30px;margin-bottom:30px}
.mainTitle-comman{width:100%;float:left;font-size:20px;font-weight:600;text-align:center}
.giga-points-heading{width:100%;float:left;padding:0 30px;margin-bottom:20px}
.gigaHedaing{width:100%;float:left;font-size:20px;font-weight:600;border-bottom:1px dashed #9a9a9a;padding-bottom:17px}
.gigapoints-form{width:100%;float:left;padding:0 30px;margin-bottom:30px}
.gigaComman-input{width:100%;float:left;margin-bottom:20px}
.IQD-points-name{width:100%;float:left;font-size:16px;font-family:'Roboto-Med';color:#000;padding-bottom:10px}
.points-input{width:100%;float:left;height:50px;padding:16px 10px;border:1px solid #9a9a9a;font-size:16px;font-family:'Roboto-Med';border-radius:5px}
.gigaComman-input:last-child{margin-bottom:0}
.friend-point-title{width:100%;float:left;padding:0 30px;margin-bottom:20px}
.referingHeading{width:100%;float:left;font-size:20px;font-weight:600;border-bottom:1px dashed #9a9a9a;padding-bottom:17px}
.userFriend-part{width:100%;float:left;padding:0 30px;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:56px;margin-bottom:30px}
.inputuser-friend{width:100%;float:left}
.points-label{width:100%;float:left;font-size:16px;font-family:'Roboto-Med';padding-bottom:10px}
.points-userinput{width:100%;float:left;height:50px;padding:16px 10px;border:1px solid #9a9a9a;border-radius:5px;font-size:16px;font-family:'Roboto-Med'}
.exicual{width:100%;float:left;font-size:24px;font-family:'Roboto-Med';padding-top:28px}
.secondpart-grid{grid-template-columns:auto 1% auto}
.num-input{width:134px;height:30px;padding:6px 11px;border:1px solid #9a9a9a;border-radius:5px;font-size:14px;font-family:'Roboto-Med';color:#000}
.earn-table{margin-bottom:30px}
.bases-text{width:100%;float:left;font-size:10px}
.thridpart-grid{grid-template-columns:repeat(2,1fr);gap:20px}
.phases-part{width:100%;float:left;padding:0 30px;display:grid;grid-template-columns:repeat(2,1fr);gap:264px;margin-bottom:20px}
.comman-phase{width:100%;float:left}
.phase-title{width:100%;float:left;font-size:17px;font-weight:600;border-bottom:1px dashed #9a9a9a;padding-bottom:10px;margin-bottom:15px}
.phases-name{float:left;font-size:16px;font-family:'Roboto-Med';color:#000}
.derg-part{width:100%;float:left;display:flex;align-items:center;gap:15px;margin-bottom:25px}
.derg-part:last-child{margin-bottom:0}
.city-dropdown-part{width:100%;float:left;border-top:1px dashed #9a9a9a;padding-top:20px}
.citysmain-part{width:100%;float:left;padding:0 30px;margin-bottom:30px}
.dropdown-input{width:100%;float:left}
.label-citys{width:100%;float:left;font-size:16px;font-family:'Roboto-Med';padding-bottom:10px}
.drop-select{border:1px solid #9a9a9a}
.orders-section{width:100%;float:left;padding:0 30px;display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:40px}
.addon_four.order-day-tag{padding-bottom:0;margin-top:0}
.valid-date-input{width:100%;float:left}
.value-margin{margin-bottom:20px}
.cash-delivery-input{width:100%;float:left;border:1px solid #9a9a9a;border-radius:5px;padding:10px 16px;display:flex;align-items:center}
.txt-delivery{width:100%;float:left;font-size:16px;font-family:'Roboto-Med';color:#000}
.maincashdelivery{width:100%;float:left;display:flex;align-items:center;gap:10px}
.all-table-section{width:100%;float:left;padding:0 30px;margin-bottom:30px}
.special-boxtable{width:100%;float:left}
.special-table{padding:0;margin-top:0;margin-bottom:40px}
.title-box{width:100%;float:left;font-size:16px;font-weight:600;margin-bottom:10px}
.package-boxtable{width:100%;float:left}
.appreal-table{width:100%;float:left}
.customized-mealstable{width:100%;float:left}
.addmore-button{width:100%;float:left;display:flex;align-items:center;justify-content:end}
.addmore-button button{height:40px;padding:11px 23px;border:none;background-color:#87c644;border-radius:5px;font-size:16px;font-family:'Roboto-Med';display:flex;align-items:center;gap:11px}
.title_part_notification{width:100%;float:left;padding:0 30px;margin:30px 0}
.main_title_notification{width:100%;float:left;display:flex;border-bottom:1px dashed #9a9a9a;padding-bottom:20px}
.main_title_notification h1{font-family:Roboto-Bold;font-size:20px;font-weight:600;color:#000}
.notification{width:100%;float:left;margin-top:10px}
.input_box_notification-send{width:100%;float:left}
.input_box_notification-send label{font-family:'Roboto-Med';font-size:16px;font-weight:500;color:#000;padding-bottom:10px;float:left}
.notification_textarea label{font-family:'Roboto-Med';font-size:16px;font-weight:500;color:#000}
.notification_Description{width:100%;float:left;margin-top:15px}
.input_box_notification-send textarea{width:100%;float:left;font-family:'Roboto-Med';font-size:16px;color:#000;padding:16px 60px 60px 15px;border:1px solid #9a9a9a;border-radius:5px}
.trageted_user_notification{width:100%;float:left;margin-top:30px}
.trageted_user_title_notification{width:100%;float:left;border-bottom:1px dashed #9a9a9a;padding-bottom:20px;display:flex;align-items:center;justify-content:space-between}
.trageted_user_title_notification h1{font-family:Roboto-Bold;font-size:20px;font-weight:600;color:#000}
.trageted_user_title_notification button{color:#000;border:0;background:#87c644;border-radius:5px;padding:8px 15px;font-family:'Roboto-Med';font-size:14px;float:right;display:flex;align-items:center;margin-top:15px}
.trageted_user_title_notification button img{padding-left:5px}
.trageted_user_title_notification.catListTbl{padding:0 0}
.catListTbl_notification{float:left;width:100%;margin-top:20px}
.catListTbl_notification table{border-collapse:collapse;width:100%}
.catListTbl_notification th:first-child{border-radius:5px 0 0 5px}
.catListTbl_notification th:last-child{border-radius:0 5px 5px 0;text-align:right}
.catListTbl_notification th{background:#303030;color:#fff;font-family:'Roboto-Med';font-weight:400;font-size:16px;line-height:20px;padding:10px;text-align:left}
.catListTbl_notification td{padding:12px;font-size:14px;font-family:'Roboto-Med';color:#000}
.catListTbl_notification td:last-child{text-align:end;float:right}
.main_title_notification_popup{width:100%;float:left;display:flex;margin-top:30px}
.main_title_notification_popup h1{font-family:Roboto-Bold;font-size:20px;font-weight:600;color:#000}
.box_select{width:100%;float:left;margin-top:25px}
.box_select-title{font-family:'Roboto-Med';font-size:16px;font-weight:500;color:#000;float:left;margin-bottom:10px}
.box_dropdown{width:100%;background:url(../image/die-select-arrow.svg) no-repeat center right 16px;-webkit-appearance:none;border:1px solid #9a9a9a;border-radius:5px;padding:16px 15px}
.box_select_grid{width:100%;float:left;display:grid;grid-template-columns:repeat(2,1fr);column-gap:15px;margin-top:20px}
.box{width:100%;float:left}
.box_select-notification{font-family:'Roboto-Med';font-size:16px;font-weight:500;color:#000;float:left;margin-bottom:15px}
.input_box_notification{width:100%;float:left;margin-top:34px}
.input_box_notification_payment{width:100%;float:left;margin-top:20px}
.input_box_notification_payment label{font-family:'Roboto-Med';font-size:16px;font-weight:500;color:#000;float:left;padding-bottom:10px}
.date_box_grid{width:100%;float:left;display:grid;grid-template-columns:repeat(2,1fr);column-gap:15px;margin-top:20px}
.add_notification_btn{width:100%;float:left;display:flex;justify-content:center;margin-top:40px}
.add_notification{font-size:16px;color:#000;font-family:'Roboto-Med';font-weight:500;padding:9px 20px;background:#87c644;border-radius:5px;float:left;border:0}
.main_title{width:100%;float:left;border-bottom:1px dashed #9a9a9a;display:flex;align-items:center;justify-content:space-between}
.main_title button{color:#000;border:0;background:#87c644;border-radius:5px;padding:8px 15px;font-family:'Roboto-Med';font-size:14px;float:right;display:flex;align-items:center;margin-top:15px}
.main_title button img{padding-left:5px}
.modal_notify{width:100%;float:left}
.search_part_notification{float:right;width:35%;position:relative}
.search_part_notification input{float:left;width:100%;height:50px;border:1px solid #dadada;border-right:none;border-radius:5px 0 0 5px;background-color:#fff;padding:0 100px 0 10px;outline:0}
.serach_btn{width:auto;height:50px;font-size:18px;font-weight:500;line-height:normal;font-style:normal;color:#000;background-color:#87c644;border:none;border-radius:0 5px 5px 0;position:absolute;right:0;top:0;cursor:pointer;padding:0 20px}
.catListTbl_notification{float:left;width:100%;margin-top:20px}
.viewdetails-notify{float:left;font-size:14px;color:#fff;background:#87c644;padding:5px 16px;text-decoration:none;border-radius:2px;margin-right:10px;margin-bottom:5px}
.viewdetails-notify-pending{float:left;font-size:14px;color:#fff;background:#87c644;padding:5px 16px;text-decoration:none;border-radius:2px;margin-right:10px;margin-bottom:5px}
.viewdetails-notify-history{float:left;font-size:14px;color:#fff;background:#87c644;padding:5px 16px;text-decoration:none;border-radius:2px;margin-right:10px;margin-bottom:5px}
.notify-modal{width:450px;padding:23px 23px 40px 23px}
.notify_btn{width:100%;float:left;margin-top:30px}
.notify_btn button{float:right;background-color:#87c644;padding:5px 16px;border-radius:5px;border:none;color:#fff;text-decoration:none;cursor:pointer}
.date_time{width:100%;float:left;margin-top:15px}
.notify-popup{padding:0}
.title1-flexbox{display:inline-flex;align-items:center;column-gap:10px}
.dietitians-search-flexbox{display:flex;align-items:center;column-gap:5px}
.dititian-dropdown{min-width:150px;height:36px;background:url(../image/die-select-arrow.svg) no-repeat center right 10px;-webkit-appearance:none;border:1px solid #dadada;border-radius:5px;padding:10px}
:focus-visible{outline:-webkit-focus-ring-color auto 0}
.dietitans-searchbtn{height:36px;width:100px;display:flex;align-items:center;justify-content:center;background-color:#87c644;color:#000;border:none;border-radius:5px;font-size:12px;cursor:pointer}
.date-range-box{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:end;padding:0 30px;margin-top:30px}
.order-allHistory-grid{grid-template-columns:repeat(6,1fr);margin-bottom:30px}
.order-running-grid{grid-template-columns:repeat(6,1fr);margin-bottom:30px}
.order-type-mainbox{width:100%;display:flex;align-items:flex-end;column-gap:8px}
.pdfdownload-modal{width:1022px;padding:23px 23px 40px 23px}
.pdfdownload-title{width:100%;font-size:18px;font-weight:600;margin-bottom:15px}
.order-listbox-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);position:relative;gap:20px}
.order-checkbox-card{display:flex;align-items:center;column-gap:10px}
.order-list-text{width:calc(100% - 30px);font-size:18px}
.list-download-btnbox{width:100%;display:flex;justify-content:center;margin-top:30px}
.list-download-btn{width:290px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;border-radius:5px;background-color:#87c644;height:50px;padding:10px;font-size:16px;font-weight:500;font-family:'Roboto-Med'}
.title_part{width:100%;float:left;padding:30px 30px}
.main_title{width:100%;float:left;display:flex;border-bottom:1px dashed #9a9a9a;padding-bottom:20px;margin-bottom:30px}
.main_title h1{font-weight:600;font-size:20px;color:#000}
.main_input{width:100%;float:left;display:grid;grid-template-columns:repeat(2,1fr);column-gap:15px;padding-bottom:20px}
.protien_dish{width:100%;float:left}
.input_box{width:100%;float:left;display:grid;grid-template-columns:repeat(2,1fr);column-gap:15px}
.input_box input::placeholder{font-size:16px}
.protien_dish label{float:left;font-family:'Roboto-Med';font-size:16px;color:#000;width:100%;float:left;padding-bottom:10px;font-weight:500;width:100%}
.protien_part{width:100%;border:1px solid #9a9a9a;border-radius:5px;padding:15px 15px}
.Calories_dish{width:100%;float:left;display:grid;grid-template-columns:repeat(2,1fr);column-gap:15px;padding-bottom:20px}
.input_box_calories{width:100%;float:left}
.input_box_calories label{float:left;font-family:'Roboto-Med';font-size:16px;color:#000;padding-bottom:10px;font-weight:500;width:100%}
.input_box_calories input{font-size:16px;width:100%;float:left;border:1px solid #9a9a9a;border-radius:5px;padding:15px 15px;font-size:16px}
.clean_title{width:100%;float:left;display:flex;border-bottom:1px dashed #9a9a9a;padding-bottom:20px;margin-bottom:30px}
.clean_title h1{font-size:20px;font-weight:600;color:#000}
.Add_Package_title{width:100%;float:left;display:flex;border-bottom:1px dashed #9a9a9a;padding-bottom:20px;margin-top:30px;margin-bottom:30px}
.Add_Package_title h1{font-family:Roboto-Bold;font-size:20px;font-weight:600;color:#000}
.Calories_part::placeholder{color:#000}
.caloriesRange{width:100%;float:left;font-size:16px;font-family:'Roboto-Med';margin-bottom:20px}
.calories_form{width:100%;float:left}
.calories_form ul{width:100%;float:left;list-style-type:none}
.calories_form ul li{width:100%;float:left;display:flex;align-items:center;padding-bottom:20px}
.CL-num{font-size:16px;font-family:'Roboto-Med';width:90px;display:flex;align-items:center}
.caloriesValue{float:left;display:grid;grid-template-columns:auto auto;grid-column-gap:15px;width:100%;align-items:center}
.calorieInput{width:100%;float:left}
.calorieInput input{width:100%;float:left;font-size:16px;color:#000;line-height:18px;padding:11px 15px;border:1px solid #9a9a9a;border-radius:5px;outline:0;-webkit-appearance:none;height:50px}
.calories_form ul li:last-child{padding-bottom:30px}
.packgeImg{width:100%}
.cancel-btn{width:60px;float:left;height:25px;font-size:12px;font-family:'Roboto-Med';color:#fff;border:none;background-color:#000;border-radius:3px;margin-right:5px;padding:6px}
.deliverd-btn{width:60px;float:left;height:25px;font-size:12px;font-family:'Roboto-Med';color:#000;border:none;background-color:#87c644;border-radius:3px;padding:6px}
.partgride{width:100%;float:left;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:10px;margin-top:30px}
.running-grid-order{grid-template-columns:repeat(2,1fr)}
.order-pending-grid{grid-template-columns:repeat(2,1fr);align-items:center}
.orderType-part{float:left;position:relative;width:100%}
.partgride .search_part{width:100%}
.commenlabel{width:100%;float:left;color:#000;font-family:'Roboto-Med';margin-bottom:10px;font-size:16px}
.order-type-title select{width:100%;float:left}
.commenselect{width:100%;float:left;font-size:16px;color:#000;line-height:18px;padding:11px 15px;border:1px solid #dadada;border-radius:5px;outline:0;-webkit-appearance:none;height:50px}
.orderType-part img{position:absolute;bottom:20px;right:10px;width:17px}
.orderType-part .serach_btn{top:25px}
.cityfild{width:100%;float:left;position:relative}
.cityfild .commenselect{padding:11px 105px 11px 15px}
.cityfild img{position:absolute;top:47px;right:107px;width:17px}
.cityfild .serach_btn{bottom:0;top:inherit}
.subscribedusers{width:100%;float:left;padding:25px 30px 0}
.subscribedusers .input-checkbox{width:151px;float:right}
.subscribedusers .cust-checkbox p{font-size:16px;color:#535353;font-family:'Roboto-Med'}
.topPart.partspace{margin-top:5px}
.rejectacceptBTN{width:100%;float:left;display:flex;justify-content:center;padding-top:70px;margin-bottom:30px}
.rejectacceptBTN .reject{background:#000;color:#fff;padding:10px 0;font-size:16px;font-family:'Roboto-Med';border:0;border-radius:5px;display:block;width:109px;height:40px;margin:0 10px;cursor:pointer}
.rejectacceptBTN .accept{background:#87c644;color:#000;padding:10px 0;font-size:16px;font-family:'Roboto-Med';border:0;border-radius:5px;display:block;width:109px;height:40px;margin:0 10px;cursor:pointer}
.runningfild{width:100%;float:left;display:grid;grid-template-columns:auto auto auto;grid-column-gap:10px;align-items:end}
.preparation{width:100%;float:left;background:#87c644;height:50px;border:0;border-radius:5px;font-size:16px;font-family:'Roboto-Med'}
.return-btn{float:left;width:60px;font-size:12px;color:#fff;background:#0e2b81;border:0;padding:6px 4px;border-radius:3px;margin-top:5px;font-family:'Roboto-Med';font-weight:500;height:25px;margin-right:5px}
.failed-btn{float:left;width:60px;font-size:12px;color:#fff;background:#780000;border:0;padding:6px 4px;border-radius:3px;margin-top:5px;font-family:'Roboto-Med';font-weight:500;height:25px}
.zain-btn{width:82px;height:30px;padding:8px;border:none;border-radius:3px;background-color:#ccc;font-size:12px;font-family:'Roboto-Med'}
.cod-btn{float:left;width:80px;font-size:12px;color:#0e0d0d;background:#efefef;border:0;padding:6px 4px;border-radius:3px 0 0 3px;font-family:'Roboto-Med';font-weight:500;height:30px}
.paid-btn{float:left;width:60px;font-size:12px;color:#000;background:#efefef;border:0;padding:6px 4px;border-radius:0 3px 3px 0;font-family:'Roboto-Med';font-weight:500;height:30px}
.cod-btn.active{background:#ccc}
.paid-btn.active{background:#ccc}
.menu-table tr th:last-child{text-align:center;border-radius:0 5px 5px 0}
.menu-table tr td:last-child{text-align:end}
.rejectacceptBTN .returnmain{background:#0e2b81;color:#fff;padding:10px 0;font-size:16px;font-family:'Roboto-Med';border:0;border-radius:5px;display:block;width:109px;height:40px;margin:0 10px;cursor:pointer}
.rejectacceptBTN .failedmain{background:#780000;color:#fff;padding:10px 0;font-size:16px;font-family:'Roboto-Med';border:0;border-radius:5px;display:block;width:109px;height:40px;margin:0 10px;cursor:pointer}
.order_table .search_part{margin-bottom:25px}
.canceledstatus{font-size:14px;color:#000;font-family:'Roboto-Med'}
.deliveredstatus{font-size:14px;color:#87c644;font-family:'Roboto-Med'}
.returnedstatus{font-size:14px;color:#0e2b81;font-family:'Roboto-Med'}
.failedstatus{font-size:14px;color:#780000;font-family:'Roboto-Med'}
.reSchedule-btn{width:81px;height:31px;padding:6px;background-color:#87c644;border:none;border-radius:2px;font-size:11px;font-family:'Roboto-Med';color:#000;margin-top:7px}
.last-section{width:100%;float:left;padding:0 30px}
.subTotal-part{width:100%;float:left;border-top:1px dashed #9a9a9a;padding-top:30px}
.txt-display{width:100%;float:left;text-align:right;margin-bottom:20px}
.bold-txt-sub{font-size:18px;font-weight:600;padding-right:68px}
.IQD-num{font-size:18px;font-weight:600}
.normal-txt-coupon{font-size:18px;font-weight:500;padding-right:58px}
.minus-num{font-size:18px;font-weight:500}
.bold-txt-total{font-size:18px;font-family:Roboto-Bold;padding-right:68px}
.chngeDate{padding:3px;border-radius:2px;font-size:11px;font-family:'Roboto-Med';border:none;margin-top:7px;text-decoration:underline;color:#000}
.two-buttons{width:100%;float:left;display:flex;align-items:center;gap:3px}
.view-refund{width:88px;float:left;height:30px;font-size:12px;font-weight:500;color:#fff;border:1px solid #000;background-color:#000;text-align:center;border-radius:3px;cursor:pointer}
.reshedulestatus{font-size:14px;color:#e87a1a;font-family:'Roboto-Med'}
.delivery_location{width:100%;float:left;border:1px solid #9a9a9a;padding:10px 12px}
.delivery_location_title{width:100%;float:left}
.delivery_location_title p{font-size:16px;color:#000;font-family:'Roboto-Med';float:left}
.delivery_location_title img{padding-left:10px}
.delivery_map{width:100%;float:left}
.delivery_map p{width:100%;float:left;font-size:14px;color:#000;padding:20px 0}
.appreal_order_details{width:100%;float:left;border:1px solid #9a9a9a;margin-top:-236px;height:193px}
.appreal_box{width:100%;float:left;padding-bottom:10px;display:flex;align-items:center}
.apprealimg{float:left;width:20%;text-align:center}
.apprealimg img{width:100%}
.apprealimg p{font-size:13px;color:#000;width:100%;float:left}
.apprealtext{width:80%;float:left}
.apprealtext ul{float:right;list-style-type:none}
.apprealtext ul li{width:100%;display:flex;padding-bottom:15px}
.apprealtext ul li:last-child{padding-bottom:0}
.apprealtext ul li p{float:left;font-size:14px;color:#000}
.apprealtext ul li i{float:left;font-size:14px;color:#000;font-style:normal}
.macrostable{width:100%;float:left;padding:0 30px}
.totalmealstext{width:100%;float:left;display:flex;justify-content:space-between;padding-bottom:15px}
.totalmealstext p{font-size:18px;color:#000;font-family:'Roboto-Med';float:left}
.totalmealstext p strong{font-family:'Roboto-Med';color:#87c644;font-weight:500}
.macrostable_text{width:100%;float:left}
.macrostable_text table{width:100%;border-collapse:collapse}
.macrostitle{width:100%;float:left;background:#87c644;padding:12px 0;border-top-left-radius:5px;border-top-right-radius:5px;text-align:center}
.macrostitle h1{width:100%;float:left;font-size:16px;color:#fff;font-family:Roboto-Bold;padding-bottom:5px}
.macrostitle ul{width:100%;float:left;list-style-type:none}
.macrostitle ul li{display:inline-block;padding-right:15px}
.macrostitle ul li p{font-size:14px;color:#fff;font-family:'Roboto-Med'}
.macrostable_text table tr.macroBG{background:#303030;border-radius:5px}
.macrostable_text table tr th{color:#fff;font-size:16px;font-family:'Roboto-Med';font-weight:500;padding:10px 10px;text-align:left}
.macrostable_text table tr:nth-child(odd){border-bottom:1px dashed #9a9a9a}
.macrostable_text table tr:first-child{border-bottom:0}
.macrostable_text table tr td{padding:15px 10px;text-align:left;font-size:14px;font-family:'Roboto-Med';color:#000}
.macrostable_text table tr td span{font-size:14px;font-family:'Roboto-Med';float:left;padding-right:10px}
.macrostable_text table tr td span:last-child{padding-right:0}
.meals_selected{width:100%;float:left;display:flex;align-items:center;padding-bottom:15px;color:#000}
.meals_selected img{float:left;width:50px;height:50px}
.meals_selected_text{float:left;padding-left:10px}
.meals_selected_text p{font-size:14px;color:#000;padding-bottom:5px;text-align:left}
.meals_selected:last-child{padding-bottom:0}
.macrostable_text table tr th:first-child{border-radius:0 0 0 5px}
.macrostable_text table tr th:last-child{border-radius:0 0 5px 0}
.cusname{width:100%;float:left;display:flex;align-items:center}
.cusname p{padding-left:10px;font-family:'Roboto-Med'}
.cusname p.active{color:#47800c}
.mail{font-family:'Roboto-Med'}
.name{font-family:'Roboto-Med'}
.site{font-family:'Roboto-Reg';font-size:12px}
.monumber{font-family:'Roboto-Med'}
.totalorder{font-family:'Roboto-Med';background:#e9e9e9;width:46px;text-align:center;padding:2px 0;border-radius:2px}
.viewdetails{float:right;font-size:14px;color:#fff;background:#87c644;padding:5px 10px;margin:3px;text-decoration:none;border-radius:2px}
.threebtn{float:right}
.customer_details_data{width:100%;float:left;padding:30px 30px 0}
.note-desc{width:100%;float:left;font-size:16px;font-family:'Roboto-Med';font-weight:500;margin-top:15px}
.desc-location{width:100%;float:left;font-size:13px;font-weight:500;margin-top:5px}
.cusprofile{width:100%;float:left;display:flex;align-items:center;padding-bottom:50px}
.cusprofile img{width: 104px;height: 104px;float: left;border-radius: 100%;border: 3px solid #86c644;}
.cusprofile_text{width:100%;float:left;padding-left:20px;display:flex;flex-direction:column}
.cusprofile_text p{font-size:22px;color:#000;font-family:'Roboto-Med';float:left}
.cusprofile_text span{color:#9a9a9a;font-size:16px;padding-top:7px;float:left}
.cusbio{width:100%;float:left;border-bottom:1px solid #a3a3a3}
.cusbio ul{float:left;display:grid;grid-template-columns:auto auto;list-style-type:none;width:70%}
.cusbio ul li{width:100%;float:left;display:flex;padding-bottom:30px}
.cusbio ul li p{font-size:16px;color:#9a9a9a;width:40%}
.cusbio ul li strong{font-size:16px;color:#000;font-family:'Roboto-Med';font-weight:500;width:60%}
.cusbio ul li strong a{font-size:14px;color:#87c644;text-decoration:none;font-family:'Roboto-Med';padding-left:10px}
.new_note{width:100%;float:left;padding:20px 0;border-bottom:1px solid #a3a3a3}
.newnotebtn{width:100%;float:left;padding-bottom:25px}
.newnotebtn a{text-decoration:none;font-size:16px;color:#000;font-family:'Roboto-Med';font-weight:500;padding:9px 20px;background:#87c644;border-radius:5px;float:left}
.notetext{width:100%;float:left;display:flex}
.notetext_left{float:left;width:10%}
.notetext_left p{font-size:16px;color:#9a9a9a}
.notetext_left span{font-size:12px;color:#9a9a9a}
.notetext_right{float:left;width:100%}
.notetext_right p{font-size:16px;color:#000;font-family:'Roboto-Med';line-height:22px}
.deliveryaddress{width:100%;float:left;padding:20px 0}
.deliveryaddress_title{width:100%;float:left}
.deliveryaddress_title h1{color:#000;font-size:20px;font-family:'Roboto-Med';font-weight:500}
.deliveryaddress_txt{width:100%;float:left;display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #dadada}
.addresstext{float:left}
.addresstext p{font-size:14px;color:#000}
.deliveryaddress_txt a img{width:30px}
#content-poh .cusbio{border-bottom:0;padding-bottom:30px}
#content-poh .cusbio ul li{padding-bottom:0}
.pointtable{width:100%;float:left}
.plusiqd{color:#87c644}
.minusiqd{color:#cf0000}
.available_balance{width:100%;float:left;margin-bottom:40px}
.balancebox{float:left;width:32%;background:url(../image/blanceboxbg.png) no-repeat;background-size:cover;height:115px;border-radius:10px;overflow:hidden}
.shapbg{width:35px;background:#3c3b3b;height:100vh;border-right:2px solid #fff;float:left}
.balanceboxdata{float:left;padding:18px 20px;display:flex;align-items:center;width:88%;justify-content:space-between}
.balanceboxtext{font-size:16px;color:#fff}
.balanceboxtext h3{font-size:48px;color:#fff;font-family:'Roboto-Med';font-weight:500}
.balanceboxtext h3 span{font-size:18px;font-family:'Roboto-Reg'}
.subtractmoney{width:22%;float:left;padding-left:20px}
.subtractmoney_title{width:100%;float:left;font-size:18px;color:#000;font-family:'Roboto-Med';font-weight:500;padding-bottom:14px}
.subtractmoney ul{width:100%;float:left;list-style-type:none;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.subtractmoney ul li{float:left}
.subtractmoney ul li a{font-size:20px;color:#000;font-family:'Roboto-Med';width:30px;height:30px;background:#ddd;float:left;display:flex;align-items:center;justify-content:center;border-radius:3px}
.subtractmoney ul li a.minusclick{font-size:30px}
.subtractmoney ul li p{font-size:18px;color:#000}
.subtractmoney_btn{width:100%;float:left;display:flex;justify-content:space-between;align-items:center}
.subtractmoney_btn a{font-size:14px;color:#000;padding:6px 0;float:left;border-radius:2px;width:95px;text-align:center}
.subtractmoney_btn a.retrive{background:#ccc}
.subtractmoney_btn a.refund{background:#87c644}
.subscriptiondata{width:100%;float:left;padding-bottom:30px;padding:30px 30px 30px}
.subscriptiondata .date-range-box{padding:0 0 40px}
.subscriptiondata .showdata{font-size:16px;color:#000;font-family:'Roboto-Med';font-weight:500;padding:9px 20px;background:#87c644;border-radius:5px;float:left;border:0}
.activestatus{font-size:12px;color:#000;background:#87c644;float:left;padding:5px 10px;border-radius:2px}
.cancelledtatus{color:#fff;background:#000;float:left;padding:5px 10px;border-radius:2px;font-size:12px}
.showdatabtn{width:100%;float:left;display:flex;justify-content:center}
.numDate.active{color:#4a8012}
.subscriptionboxes{width:100%;float:left;padding:30px 30px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.subscriptionleft{width:100%;float:left}
.subscriptionright{width:100%;float:left}
.subscriptionboxes .orderCust-box{margin-bottom:20px}
.subscriptionboxes .delivery_location{margin-bottom:20px}
.mealbox{width:100%;float:left;padding:10px 12px}
.mealbox img{width:78px;height:67px;float:left}
.mealsboxtext{float:left;padding-left:10px}
.mealsboxtext p{font-size:14px;color:#000;font-family:'Roboto-Med';padding-bottom:8px}
.mealsboxtext p:last-child{padding-bottom:0}
.mealboxtable{width:100%;float:left}
.mealboxtable table{border-collapse:collapse;width:100%;border-top:1px solid #9a9a9a}
.mealboxtable table tr th{background:#87c644;padding:18px 0;border-right:1px solid #fff;color:#fff;font-weight:500;font-family:'Roboto-Med'}
.mealboxtable table tr td{padding:10px 10px;background:#efefef;border-right:1px solid #fff;text-align:center;font-family:'Roboto-Reg'}
.mealboxtable table tr td:last-child{font-family:'Roboto-Med';font-weight:500;border-right:0}
.mealboxtable table tr th:last-child{border-right:0}
.mealboxtable table tr{border-bottom:1px dashed #9a9a9a}
.add_new_Item{width:100%;float:left;padding:30px 30px 0}
.addon_one{width:100%;float:left;display:grid;grid-template-columns:55% auto;grid-column-gap:20px;align-items:center;padding-bottom:20px}
.mealsaddons{display:flex;justify-content:center}
.commonfild{width:100%;float:left;position:relative;margin-top:20px}
.commonfild img{position:absolute;bottom:20px;right:10px;width:17px}
.commencheck{width:100%;float:left}
.commencheck .cust-checkbox p{font-size:16px}
.addon_one .commencheck{width:auto;padding:25px 25px 0}
.addon_two{width:100%;float:left;padding-bottom:30px}
.addonctitle{font-size:16px;color:#000;font-weight:500;font-family:'Roboto-Med';padding-bottom:20px}
.commonradio{float:left;padding-right:20px}
.addon_three{width:100%;float:left;border:1px solid #9a9a9a;border-radius:5px;padding:20px 0}
.video-width{width: 50%;}
.btn-save{width:100%;float:left;text-align:center;padding-top:20px}
.uploadimg_title{width:100%;float:left;text-align:center}
.uploadimg_title p{font-size:16px;color:#000;font-family:'Roboto-Med';font-weight:500;padding-bottom:30px}
.uploadimg_title p span{color:#9a9a9a}
.addon_four{width:100%;float:left;padding-bottom:40px;margin-top:30px}
.tagbox{width:100%;float:left;border:1px solid #9a9a9a;padding:7px 7px;border-radius:5px;display:flex;align-items:center;justify-content:space-between}
.tagbtn{float:left}
.tagbtn ul{width:100%;float:left;list-style-type:none}
.tagbtn ul li{float:left;padding-right:5px}
.tagbtn ul li:last-child{padding-right:5px}
.tagbtn ul li div{background:#87c644;padding:10px 12px;display:flex;align-items:center;border-radius:2px}
.tagbtn ul li div p{font-size:14px;color:#0e0d0d;font-family:'Roboto-Reg';float:left}
.tagbtn ul li div a{float:left;padding-left:5px}
.tagbtn ul li div a img{float:left;width:16px}
.removetags{float:left;display:flex;align-items:center}
.removetags a{padding:0 5px;float:left}
.removetags a img{float:left}
.removetags a:first-child img{width:22px}
.addon_four .addonctitle{padding-bottom:10px}
.addon_five{width:100%;float:left;margin-bottom:30px}
.filterlist{width:100%;float:left;border-bottom:1px dashed #9a9a9a;margin-bottom:20px}
.filterlist h2{font-size:20px;color:#000;font-family:'Roboto-Med';font-weight:500;padding-bottom:9px}
.filterboxoption{width:100%;float:left;border:1px solid #9a9a9a;margin-top:15px;display:none}
.filterboxoption ul{width:100%;float:left;list-style:none}
.filterboxoption ul li{width:100%;float:left;padding:10px 10px}
.filterboxoption ul li .cust-checkbox p{font-size:14px;line-height:22px}
.filterboxoption ul li .input-checkbox{margin-bottom:10px}
.filterboxoption ul li:first-child{border-bottom:1px solid #9a9a9a}
.filteropt_title{width:100%;float:left;font-size:14px;color:#000;padding-bottom:15px;font-family:'Roboto-Med';font-weight:500}
.addon_six{width:100%;float:left;padding-bottom:30px}
.nutrition_facts{width:100%;float:left;display:flex;align-items:center;padding-bottom:30px}
.nutrition_facts h2{font-size:19px;color:#000;font-weight:500;font-family:'Roboto-Med';float:left}
.nutrition_facts .input-checkbox{width:auto;padding-left:10px}
.nutritionfacts_form{width:100%;float:left}
.nutritionfacts_form ul{width:100%;float:left;list-style-type:none}
.nutritionfacts_form ul li{width:100%;float:left;display:flex;align-items:center;padding-bottom:20px}
.dregpoint{float:left;display:flex;align-items:center;padding-top:25px}
.dregpoint img{float:left}
.nutritionvalue{float:left;padding-left:15px;display:grid;grid-template-columns:auto auto 2%;grid-column-gap:20px;width:100%;align-items:center}
.commoninput{width:100%;float:left;margin-top:20px}
.commoninput label{width:100%;float:left;font-size:16px;color:#000;font-family:'Roboto-Med';padding-bottom:10px}
.commoninput input{width:100%;float:left;font-size:16px;color:#000;line-height:18px;padding:11px 15px;border:1px solid #dadada;border-radius:5px;outline:0;-webkit-appearance:none;height:50px}
.commoninput input::placeholder{color:#9a9a9a;font-family:'Roboto-Med';font-weight:500}
.removenut{float:left;display:flex;align-items:center;padding-top:25px}
.removenut img{float:left}
.addmore{width:100%;float:left}
.addmore button{background:#87c644;color:#000;padding:10px 0;font-size:16px;font-family:'Roboto-Med';border:0;border-radius:5px;display:block;width:175px;height:40px;cursor:pointer}
.addon_seven{width:100%;float:left;display:grid;grid-template-columns:auto auto auto;grid-column-gap:10px;padding-bottom:30px}
.checktitle{width:100%;float:left;padding-bottom:10px;display:flex;align-items:center}
.checktitle p{float:left;font-size:17px;color:#000;font-family:'Roboto-Med'}
.checktitle .input-checkbox{width:auto;padding-left:10px}
.addon_eight{width:100%;float:left;margin-bottom:30px}
.macros{width:100%;float:left;padding-bottom:30px}
.macros h2{width:100%;float:left;font-size:20px;color:#000}
.macrosfild{width:100%;float:left;display:grid;grid-template-columns:auto auto;grid-column-gap:10px;grid-row-gap:18px; align-items: end;}
.addon_nine{width:100%;float:left;padding-bottom:30px}
.addon_nine_input{width:100%;float:left}
.commoninput textarea{width:100%;float:left;font-size:16px;color:#000;line-height:18px;padding:11px 15px;border:1px solid #dadada;border-radius:5px;outline:0;-webkit-appearance:none}
.addon_nine_input .commoninput{margin-bottom:20px}
.addon_nine_input .commoninput:first-child input{width:50%}
.maintextarea{width:100%;float:left;margin-bottom:20px}
.uploadimgbox{width:100%;float:left;display:flex;justify-content:center}
.uploadbox_icon{width:160px;height:157px; border: 1px dashed #9a9a9a; border-radius:3px;float:left;display:flex;justify-content:center;position:relative}
.uploadbox_icon p{font-size:15px;color:#9a9a9a;width:100%;float:left;text-align:center;font-family:'Roboto-Med'}
.uploadbox_icon input{display:none}
.uploadbox_icon span{display:flex;justify-content:center;align-items:center;flex-direction:column}
.uploadbox_icon>img{position:absolute;width:100%;height:auto;max-width:100%;max-height:100%;left:50%;top:50%;transform:translate(-50%,-50%);display:none;padding:5px}
.savebtn{width:100%;float:left;padding-bottom:30px;display:flex;align-items:center;justify-content:center}
.savebtn button{background:#87c644;color:#000;padding:10px 0;font-size:16px;font-family:'Roboto-Med';border:0;border-radius:5px;display:block;width:175px;height:40px;cursor:pointer}
.addvariation{width:100%;float:left}
.addvariation .topPart{padding:0 0}
.meatstbspart{width:100%;float:left}
.variantfild{width:100%;float:left}
.variantinput{width:100%;float:left;display:flex;align-items:center;padding-bottom:15px}
.variantinput a{padding-top:0}
.variantinput .commoninput{padding-right:10px}
.addbtn{width:100%;float:left}
.addbtn button{width:100%;float:left;background:#87c644;color:#000;padding:10px 0;font-size:16px;font-family:'Roboto-Med';border:0;border-radius:5px;display:block;width:175px;height:40px;cursor:pointer}
.common-modal-overlay.addvariantpopup{display:none}
.addvariantpopup .common-modal-bg{padding:30px 30px;width:940px}
.addcoverapparel .common-modal-bg{padding:30px 30px;width:940px}
.appreallisting{width:100%;float:left;padding:30px 30px 0}
.addcoverapparel{display:none}
.heading-apprel{width:100%;float:left;margin-bottom:20px}
.mainAddcover-section{width:100%;float:left}
.addApperel-title{width:100%;float:left;font-size:17px;font-weight:600;color:#000}
.width-upload{width:141px}
.apprel-margin{margin-bottom:20px}
.apperelInput-width{width:100%}
.button-marginBottom{margin-bottom:0}
.apprealadd{width:100%;float:left;border-bottom:1px dashed #9a9a9a;padding-bottom:20px;margin-bottom:30px}
.apprealaddbtn{width:100%;float:left;padding:30px 30px}
.coverbox{display:inline-block;overflow:hidden;border-radius:5px}
.coverbox a{float:left;margin-right:1px}
.coverbox a:last-child{margin-right:0}
.coverbox a img{float:left;width:48px;height:55px}
.appreal_list_table{width:100%;float:left;padding-bottom:30px}
.appreal-table{width:100%;float:left}
.appreal-table .menu-table tr td .appreal-boximg img{max-height:55px;max-width:146px;float:left;border-radius:5px}
.apprealadd-table{width:100%;float:left}
.Add_Package{width:100%;float:left}
.addcoverapparel .commoninput{margin-bottom:50px}
.appareladd_form{width:100%;float:left;padding:30px 30px}
.appareladd_form .addon_seven{grid-template-columns:auto auto;grid-column-gap:25px}
.appareladd_form .addon_nine_input .commoninput:first-child input{width:48%}
.weeklymenu_listing{width:100%;float:left}
.minthdate{display:flex;flex-direction:column;align-items:center}
.minthdate p{font-size:14px;color:#000}
.minthdate strong{font-size:16px;color:#000;font-family:'Roboto-Med';font-weight:500}
.weeklymenubg .commen-tabs li a{padding:16px 10px 12px 10px;border:0}
.weeklymenubg .commen-tabs li.active a{border-bottom:0;background:hwb(0 5% 90% / 1);color:#fff;border-radius:5px}
.weeklymenubg .commen-tabs li.active a .minthdate p{color:#fff}
.weeklymenubg .commen-tabs li.active a .minthdate strong{color:#fff}
.weeklymenubg{width:100%;float:left;padding:30px 30px 0}
.weeklymenubg .commen-tabs{border-bottom:0;width:auto;margin-bottom:0;display:flex;justify-content:center;box-shadow:0 0 5px rgb(148 148 148 / 25%);background:#fff}
.addweeklymenu{width:100%;float:left}
.addplus{float:right}
.addplus button{margin-right:10px}
.addplus button:last-child{margin-right:0}
.addplus button.addNew1{float:left}
.addweeklymenu .catListTbl{margin-top:0}
.bloglisttype{width:100%;float:left}
.blogbtn{width:100%;float:left;padding:40px 30px 20px;display:flex;column-gap:10px;justify-content:flex-end}
.bloglistmenu{width:100%;float:left}
.bloglistmenu .catListTbl{margin-top:0}
.blogbtn button{font-size:16px;color:#3c3b3b;border:0;background:#87c644;border-radius:5px;padding:15px 27px;font-family:'Roboto-Med';float:left}

.recipemargin{margin: 0px; padding-bottom: 30px;}
.category_name{width:100%;float:left}
.addrecipes_img_video{width:100%;float:left; margin-bottom: 20px;}
.addon_seven.recipiescat{grid-template-columns:repeat(2,1fr);grid-column-gap:20px}
.popupadds{width:100%;float:left}
.popupadds_box{width:100%;float:left;padding-top:30px}
.popupadds_box .catListTbl{margin-top:0}
.trageted_user{width:100%;float:left;padding-bottom:30px}
.trageted_user_title{margin-top: 20px;width:100%;float:left;border-bottom:1px dashed #9a9a9a;padding-bottom:20px;display:flex;align-items:center;justify-content:space-between}
.trageted_user_title h2{float:left;font-size:18px;font-style:normal;font-weight:600;line-height:normal}
.trageted_user_title button{font-size:16px;color:#3c3b3b;border:0;background:#87c644;border-radius:5px;padding:8px 15px;font-family:'Roboto-Med';float:right;display:flex;align-items:center}
.trageted_user_title button img{padding-left:5px}
.trageted_user .catListTbl{padding:0 0}
.add_weekly_menu{width:100%;float:left;padding:30px 30px}
.meal_selection{width:50%;float:left;padding-bottom:10px}
.meal_selection_title h2{float:left;font-size:20px;font-style:normal;font-weight:600;line-height:normal;width:100%;padding-bottom:20px;}
.add_weekly_menu .macrosfild{padding-bottom:40px;}
.meal_selectionfild{width:100%;float:left}
.mealfild_part{width:100%;float:left;display:flex;align-items:center;padding-bottom:20px}
.mealfild_part .removenut{float:left;padding-top:0;padding-left:10px}
.savebtn.bordertop{border-top:1px dashed #9a9a9a;padding-top:30px;margin-top:30px}
.uploadvideobox{width:100%;float:left;display:flex;justify-content:center}
.uploadvideobox video{display:none;width:387px;height:230px}
.uploadvideobox_icon{width:160px;height:157px;border:1px dashed #9a9a9a;border-radius:3px;float:left;display:flex;justify-content:center;position:relative}
.uploadvideobox_icon p{font-size:15px;color:#9a9a9a;width:100%;float:left;text-align:center;font-family:'Roboto-Med'}
.uploadvideobox_icon span img{padding-bottom:10px}
.uploadvideobox_icon input{display:none}
.uploadvideobox_icon span{display:flex;justify-content:center;align-items:center;flex-direction:column}
.uploadvideobox_icon>img{position:absolute;width:100%;height:auto;max-width:100%;max-height:100%;left:50%;top:50%;transform:translate(-50%,-50%);display:none;padding:5px}
.commontitle_two{width:100%;float:left;padding:30px 30px}
.commontitle_space{width:100%;float:left;padding-bottom:20px;border-bottom:1px dashed #9a9a9a;display:flex;justify-content:space-between;align-items:center}
.commontitl_text{float:left}
.commontitl_text h2{font-size:20px;color:#000;font-style:normal;font-weight:600}
.taglist{width:100%;float:left}
.taglist .catListTbl{margin-top:0}
.taglistmenu{width:100%;float:left}
.taglistmenu .sortClick{justify-content:flex-end}
.taglistmenu .switchBtn{float:right}
.tagaddNew{float:right;font-size:16px;color:#3c3b3b;border:0;background:#87c644;border-radius:5px;padding:10px 12px;font-family:'Roboto-Med'}
.tagaddNew img{float:right;margin-left:5px}
.addtagpopup{display:none}
.addtagpopup .common-modal-bg{padding:30px 30px;width:1030px}
.addtag-title{width:100%;float:left;padding-bottom:20px;font-size:20px;font-weight:600;border-bottom:1px dashed #9a9a9a}
.tagname{width:40%;float:left}
.tagselect{width:100%;float:left;padding-top:20px}
.tagcolor{width:100%;float:left;padding:11px 12px;border:1px solid #dadada;border-radius:5px;height:50px;display:flex;align-items:center}
.tagcolor #colorpicker{border:0;padding:0;width:38px;height:38px;float:left;background:#fff}
.tagcolor #hexcolor{border:0;font-size:16px;color:#000;padding-left:10px}
.pictagcolor label{width:100%;float:left;font-size:16px;color:#000;font-family:'Roboto-Med';padding-bottom:10px}
.pictagcolor{width:30%;float:left}
.tagclose{float:left}
.tagclose a{float:left}
.tagclose a img{float:left;margin-top:25px}
.addanytag{width:100%;float:left;display:flex;align-items:center;column-gap:20px}
.tagaddpopup{float:left;font-size:16px;color:#000;border:0;background:#87c644;border-radius:5px;padding:10px 30px;font-family:'Roboto-Med';margin-top:10px}
.tagselect .tab-contant-wrapper{padding-top:10px;width:100%;float:left}
.addbanner{width:100%;float:left}
.addbannermenu{width:100%;float:left}
.addbanner_btn{width:100%;float:left;padding:30px 30px;display:flex;justify-content:space-between;align-items:center}
.addbanner_btn h2{float:left;font-size:20px;font-style:normal;font-weight:600;line-height:normal}
.addbanner .catListTbl{margin-top:0}
.bannertable{width:100%;float:left}
.addbannerbtn{float:right;font-size:16px;color:#3c3b3b;border:0;background:#87c644;border-radius:5px;padding:15px 27px;font-family:'Roboto-Med'}
.addbannerbtn img{float:right;margin-left:5px}
.addbannerpopup{display:none}
.addbannerpopup .common-modal-bg{width:975px;padding:20px 30px}
.padding-zero{padding:0}
.mainTag-select-part{width:100%;float:left}
.pop-up-tagSelect{width:100%;float:left}
.addbannerform{width:100%;float:left;padding-top:20px}
.infoline{width:100%;float:left;padding-bottom:5px}
.infoline p{width:100%;float:left;font-size:12px;color:#9a9a9a;text-align:right}
.addbannerform .commonfild{margin-bottom:20px}
.addbannerform .commoninput{margin-bottom:20px}
.addfilter{display:none}
.addfilter .common-modal-bg{padding:30px 30px;width:1082px}
.addtitlelist{padding-top:30px;padding-bottom:0}
.filterfild{width:100%;float:left}
.filterfild{width:100%;float:left;display:grid;grid-template-columns:auto auto;grid-column-gap:20px}
.submitbtn{width:100%;float:left;padding-top:20px;text-align:center}
.submitbtn button{font-size:16px;color:#000;border:0;background:#87c644;border-radius:5px;padding:10px 30px;font-family:'Roboto-Med'}
.nutrition_list{width:100%;float:left}
.nutrition{width:100%;float:left}
.nutritionmenu{width:100%;float:left}
.nutritionmenu .catListTbl{margin-top:0}
.nutrition_fact_field_popup{display:none}
.nutrition_fact_field_popup .common-modal-bg{padding:30px 30px;width:1030px}
.nutritionform{width:100%;float:left}
.nutritionform .commoninput{padding-bottom:20px}
.nutritionform .submitbtn{text-align:left;padding-top:0}
.customize_nutrition_fact_field_popup{display:none}
.customize_nutrition_fact_field_popup .common-modal-bg{padding:30px 30px;width:1030px}
.portion_list_popup{display:none}
.portion_list_popup .common-modal-bg{padding:30px 30px;width:1030px}
.bluetext{color:#006fff}
.customize_functionality_popup{display:none}
.customize_functionality_popup .common-modal-bg{padding:30px 30px;width:1030px}
.addons_part{width:100%;float:left;display:grid;grid-template-columns:auto auto;grid-column-gap:10px;padding:0 30px 30px}
.add_most_rated_popup{display:none}
.add_most_rated_popup .common-modal-bg{padding:20px 20px 30px;width:560px}
.mostrated_title{width:100%;float:left;display:flex;justify-content:space-between;align-items:center;}
.mostrated_title strong{float:left;font-size:18px;font-weight:500;font-family:'Roboto-Med'}
.mostrated_title .input-checkbox{width:168px;float:right}
.mostrated_title .cust-checkbox p{font-size:16px}
.categorysort{width:100%;float:left;display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:10px;padding-bottom:20px}
.addrated_table{width:100%;float:left}
.addrated_table .menu-table tr td{border-bottom:1px dashed #9a9a9a;padding:20px 10px 20px 8px}
.add_most_rated_popup .submitbtn{text-align:left}
.pagesetup{width:100%;float:left;padding:0 30px}
.pagesetupform{width:100%;float:left}
.pagesetupform .commoninput{padding-bottom:20px}
.pagesetupform .addNew1{float:left}
.pagesetup .rejectacceptBTN{border-top:1px solid #a3a3a3;padding-top:20px;margin-top:30px; margin-bottom: 30px;}
.addfaq{width:100%;float:left;padding:0 30px}
.comman-phase ul{width:100%;float:left;list-style-type:none}
.generat-button .generate-tab{padding:0;margin-bottom:0}
.refund-box{margin-top:-236px}
@media screen and (min-width:318px) and (max-width:1200px){
.left50 img{max-height:100vh;max-width:95%;height:auto}
.left-arrow-backside{display: none;}
.right_H{width: calc(100% - 252px);}
}
@media screen and (min-width:318px) and (max-width:1024px){
.right_H{width: unset;}
.last-section{padding:0 15px}
.order-allHistory-grid{margin-bottom:0}
.history-checktitle{margin-bottom:15px}
.pdfdownload-modal{width:100%}
.order-listbox-grid{grid-template-columns:repeat(1,1fr);gap:15px}
.admin_header{padding:15px}
.left50{display:none}
.right50{width:100%;padding:0 15px}
.loginBox{width:100%}
.loginBox>img{width:200px}
.welcomeCon{padding:0;margin:30px 0}
.closeMenu{display:block}
.adminPro{margin-top:-28px}
.leftMenu{height:100vh;position:fixed;overflow-y:auto;left:-265px}
.leftMenu.leftMenuShow{box-shadow:0 -25px 300px #000;left:0}
.rightCon{width:100%}
.overallStatus{padding:20px 15px 0;margin-bottom:40px}
.overallStatus .title1{margin-bottom:15px}
.overallStatus .title1 p{font-size:16px}
.overallStatus .block1{grid-template-columns:repeat(1,1fr)}
.dashChartMain{padding:0 15px;flex-direction:column}
.dashChartMain .leftChart{width:100%;padding:15px;margin-bottom:15px}
.dashChartMain .leftChart .title1 p{margin-bottom:15px}
.dashChartMain .rightChart{width:100%;margin-bottom:15px;margin-left:0}
.addNew1{margin-top:15px;width:100%;display:inline-flex;align-items:center;justify-content:center}
.catListTbl{padding:0 15px;overflow-y:auto}
.catListTbl table{width:1200px}
.select-date{margin-top:20px;padding:0 13px 0 13px}
.selectDate-title{padding-bottom:15px}
.show-data-part{padding:0 13px 0 13px;margin-top:15px;display:block}
.box-managment{margin-bottom:18px}
.showData-btn{margin-top:10px}
.menu-table{width:1200px}
.search_part{width:100%;margin-top:20px}
.search_part ::placeholder{font-size:14px}
.order_table{padding:0 15px 0 15px;overflow:scroll}
.menu-table th{font-size:14px}
.menu-table td{padding:10px 12px}
.menu-table td .cust-checkbox .checkmark{top:3px}
.cod-btn{width:100%}
.online-btn{width:100%;right:0;border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.pagination-part{margin-top:30px;margin-bottom:30px}
.first-btn{width:25px;height:25px;font-size:13px}
.second-btn{width:25px;height:25px;font-size:13px}
.third-btn{width:25px;height:25px;font-size:13px}
.topPart{padding:0 15px;margin-top:15px}
.order-cust{display:block;margin-bottom:0;padding:0 15px;margin-top:20px;margin-bottom:30px}
.paymentInfo{margin-bottom:15px}
.dietitians-search-flexbox{width:100%}
.title1-flexbox{width:100%;align-items:flex-start;flex-direction:column;margin-bottom:10px}
.dititian-dropdown{width:calc(100% - 100px)}
.company-info-part{padding:0 15px;margin-top:20px;margin-bottom:20px}
.main-input-part{grid-template-columns:repeat(1,1fr);padding:0 15px;margin-bottom:20px;gap:15px}
.input-box{margin-bottom:0}
.input-box:last-child{margin-bottom:0}
.url-part{padding:0 15px;padding-bottom:10px;margin-bottom:10px}
.main-input-socialMedia{padding:0 15px;grid-template-columns:repeat(1,1fr);gap:15px}
.main-url-part{padding:0 15px}
.saveButton{margin-bottom:20px}
.selectModule-checkbox{grid-template-columns:repeat(1,1fr);padding:0 15px;margin-bottom:10px}
.module-main-part{padding:0 15px;margin-bottom:15px}
.employeeRole-heading-part{padding:0 15px}
.main-btn-part{padding:0 15px}
.button-section{display:block}
.restBtn{width:100%;margin-bottom:10px}
.sendNotification-btn{width:100%}
.roleForm-input{margin-bottom:20px;padding:0 15px}
.roleForm-title-part{padding:0 15px;margin:20px 0 20px 0}
.newAdmin-part{padding:0 15px;margin:20px 0 20px 0}
.admin-box{padding:0 15px}
.adminBox-fileupload{width:100%}
.admin-box-input{grid-template-columns:repeat(1,1fr);padding:0 15px}
.inputSection{margin-bottom:10px}
.desc-part{padding:0 15px;margin-bottom:20px}
.newAdmin-button{text-align:center}
.addEmployee-part{padding:0 15px;margin:20px 0 20px 0}
.vari-Name{font-size:14px}
.meat-ul li img{width:60px}
.scroll-part{padding:15px;height:80vh}
.reviewPopup-topPart{display:block}
.imgPart{width:100%;display:block;text-align:center;margin-bottom:15px}
.txtLine{margin-top:5px}
.total_mainPart{width:100%;float:left;display:flex;align-items:center;justify-content:center}
.titleReview{padding:15px 0 15px 26px}
.twoParts-review{padding:15px 26px 15px 0;text-align:right}
.reviewDesc-part{display:block}
.userInfo{margin-bottom:10px;width:100%;text-align:center}
.desc-review{text-align:justify}
.totalReview-part{width:48%}
.buttons{display:block}
.ratingPart{justify-content:center}
.heading-part{padding:0 15px;margin:20px 0 20px 0}
.mainInput-gridPart{padding:0 15px;grid-template-columns:repeat(1,1fr);margin-bottom:20px}
.categoryDrop-down{margin-bottom:10px}
.categorySearch input{margin-bottom:10px}
.addonMeals_table{padding:0 15px;overflow:scroll}
.specialBox-title-part{margin:20px 0 20px;padding:0 15px}
.main-section{padding:0 15px;margin-bottom:20px}
.specialBox-srch-margin{margin-top:0}
.specialBox-padding{padding:0 15px}
.specialBox-photo-part{margin-bottom:20px}
.language-mainPart-padding{padding:0 15px}
.newProduct-input{width:100%}
.nameInput-box{margin-bottom:20px}
.sort-desc{padding-bottom:20px}
.border-section{padding:20px 0;margin-bottom:20px}
.main-price-part{column-gap:15px;margin-bottom:20px}
.button-part{margin-bottom:20px}
.packageSize-part{margin:20px 0;padding:0 15px}
.packageMain-part{padding:0 15px;margin-bottom:20px}
.addplus{width:100%}
.padding-part-packageSize{padding:0 15px;grid-template-columns:repeat(1,1fr);gap:15px}
.padding-textBox{grid-template-columns:repeat(1,1fr);padding:0 15px;gap:15px}
.macroTitle-part{padding:0 15px;margin:20px 0}
.maleFemale-toggle{padding:0 15px;margin-bottom:20px}
.macro-ALF-table{padding:0 15px;overflow:scroll;margin-bottom:20px}
.macro-main-table{padding:0 15px;overflow:scroll;margin-bottom:20px}
.submit-button{padding:0 15px;margin-bottom:20px}
.macro-ALF-table table{width:1200px}
.macro-main-table table{width:1200px}
.messages-title-part{padding:0 15px;margin:20px 0}
.main-messages-part{padding:0 15px;grid-template-columns:repeat(1,1fr);gap:20px;margin-bottom:20px}
.typingBox{padding:10px;column-gap:5px}
.hlwAdmin-messge{margin-bottom:10px;padding:0 8px}
.top-logo-admin{padding:15px 15px 0}
.user-logo-admin{padding:15px}
.dietitian-heading-part{padding:0 15px;margin:20px 0}
.addDietitian-heading-part{padding:0 15px;margin:20px 0}
.addon_seven.dietitianPart{padding:0 15px;grid-template-columns:repeat(1,1fr);grid-row-gap:15px}
.addDietitian-section{padding:0 15px}
.addName-margin{margin-bottom:15px}
.scheduleSetup-heading{margin-bottom:20px}
.textArea-input{margin-bottom:20px}
.day-mainTable{overflow:scroll;margin-bottom:20px}
.day-mainTable table{width:1200px}
.date-grid-part{grid-template-columns:auto auto auto;grid-column-gap:5px}
.newSchedule-button{margin-bottom:20px}
.dietitianBooking-headingPart{padding:0 15px;margin:20px 0}
.mainDietitian-booking-section{padding:0 15px}
.upcoming-mainInput{grid-template-columns:repeat(1,1fr);row-gap:15px;padding-bottom:20px}
.session-txt{width:100%;margin-bottom:5px}
.money-txt{margin-bottom:5px}
.totalPart{display:block;text-align:center;margin-bottom:15px}
.min30-txt{text-align:center}
.upcoming-margin{padding:0}
.history-mainInput{grid-template-columns:repeat(1,1fr);row-gap:15px;padding-bottom:20px}
.Historytotal-Part{display:block;margin-bottom:15px}
.session-history-line{width:100%;text-align:center;margin-bottom:5px}
.money-history-line{width:100%;text-align:center;margin-bottom:5px}
.min30-histroy-line{width:100%;text-align:center;margin-bottom:5px}
.history-checktitle{width:100%;justify-content:center}
.history-margin{padding:0}
.history-forDietitian{padding:0;margin:0}
.addNew-offerCoupen-heading{padding:0 15px;margin:20px 0}
.inputSection-addOffer{grid-template-columns:repeat(1,1fr);gap:15px}
.addOffer-coupen-mainInput{padding:0 15px}
.mainTarget-table-part{padding:0 15px}
.targetTitle-part h1{width:auto}
.coupensMain-part{padding:0 15px;margin:20px 0}
.manageHeading-part{padding:0 15px;margin:20px 0 0}
.macroButton-display{gap:55px}
.mealsBTN{padding:12px;font-size:14px;gap:5px}
.addNew-heading{padding:0 15px;margin:20px 0}
.mainFixed-part{padding:0 15px;grid-template-columns:repeat(1,1fr);gap:15px}
.manage-yes-no{padding:0 15px;margin-bottom:20px}
.addonctitle{padding-bottom:10px}
.varient-button{padding:0 15px}
.generat-button{padding:0 15px;margin-bottom:20px}
.varient-table{margin-bottom:20px}
.customize-tagname{padding:0 15px;margin-bottom:20px}
.varientSection-part{padding:0 15px}
.meal-design-table{overflow-y:scroll;margin-bottom:20px}
.table-design{width:1200px}
.three-tab-input .commoninput{margin-bottom:15px}
.three-tab-content{padding-bottom:0}
.savebtn{padding-bottom:20px}
.input-grid{grid-template-columns:89% 8%}
.scroll-padding{padding:0}
.nutrition_facts{padding-bottom:20px}
.nutrition-input-part{grid-template-columns:repeat(1,1fr);gap:15px}
.erning-report-heading{padding:0 15px;margin:20px 0}
.reportOverview-box{padding:0 15px;margin-bottom:20px}
.report-box{padding:10px}
.dateRange-box{padding:0 15px;margin-bottom:20px}
.date-orderType-part{grid-template-columns:repeat(1,1fr);gap:15px}
.show-data-box{padding:15px}
.total-percantage-part{grid-template-columns:repeat(1,1fr);gap:15px}
.chart-section{padding:0 15px;margin-bottom:20px}
.total-sale-heading{margin-bottom:20px}
.report-chart{padding:15px}
.csvExcel-button{padding:0 15px}
.report-tab-part{padding:0 15px}
.boxPadding-zero{padding:0}
.product-commanTable{padding:0}
.order-txt{font-size:15px;text-align:center}
.special-box-report{padding:0}
.coupen-table-margin{padding:0 15px}
.main-title{margin-top:20px;margin-bottom:20px}
.giga-points-heading{padding:0 15px}
.gigapoints-form{padding:0 15px;margin-bottom:20px}
.gigaComman-input{margin-bottom:15px}
.friend-point-title{padding:0 15px}
.userFriend-part{padding:0 15px;grid-template-columns:repeat(1,1fr);gap:15px;margin-bottom:20px}
.exicual{padding-top:0}
.phases-part{padding:0 15px;grid-template-columns:repeat(1,1fr);gap:20px}
.citysmain-part{padding:0 15px;margin-bottom:20px}
.orders-section{padding:0 15px;grid-template-columns:repeat(1,1fr);gap:15px;margin-bottom:20px}
.all-table-section{padding:0 15px;margin-bottom:20px}
.specialbox-tble{padding:0}
.addmore-button{justify-content:center}
.special-table{margin-bottom:20px}
.main_input{width:100%;float:left;display:grid;grid-template-columns:repeat(1,1fr);grid-row-gap:15px}
.Calories_dish{width:100%;float:left;display:grid;grid-template-columns:repeat(1,1fr);margin-top:0;padding-bottom:0}
.Add_Package_title h1{font-size:16px}
.title_part{padding:20px 15px}
.main_title{margin-bottom:20px}
.input_box_calories{padding-bottom:20px}
.CL-num{width:113px}
.clean_title{margin-bottom:20px}
.calories_form ul li:last-child{padding-bottom:20px}
.input_box{grid-template-columns:repeat(1,1fr);gap:15px}
.Add_Package_title{margin-top:0}
.addon_three{margin-bottom:0}
.notification{width:100%;float:left;margin:0;padding:0}
.catListTbl_notification table{width:1200px}
.catListTbl_notification{overflow:scroll}
.notification{width:100%;float:left;margin-top:10px}
.search_part_notification{width:100%}
.main_title button{margin-top:0}
.viewdetails-notify{margin-right:-45px}
.viewdetails-notify-pending{margin-right:-36px}
.viewdetails-notify-history{margin-right:-30px}
.main_title_notification_popup{margin-top:20px}
.date-range-box{padding:0 15px;grid-template-columns:repeat(1,1fr);margin-top:20px;gap:15px}
.partgride{grid-template-columns:repeat(1,1fr);margin-top:20px;margin-bottom:20px}
.partgride .search_part{width:100%}
.orderType-part:last-child{margin:0 0}
.rejectacceptBTN{padding-top:40px}
.runningfild{display:block}
.order-box{margin-bottom:15px}
.confirmBtn{width:100%}
.paid-btn{width:50%}
.return-btn{width:100%}
.failed-btn{width:100%}
.commentitle{padding:0 15px;margin-top:20px}
.commentitlewidth{padding-bottom:10px}
.macrostable_text{overflow-x:scroll;padding:0 15px}
.macrostable_text table{width:1200px}
.macrostable{padding:0 0}
.totalmealstext{padding:0 15px 15px}
.totalmealstext p{font-size:14px}
.pointtable{overflow:auto}
.customer_details_data{padding:30px 15px 0}
.balancebox{width:100%}
.balanceboxdata{width:89%;padding:18px 10px}
.subtractmoney{width:100%;padding-left:0;padding-top:20px}
.macrostitle{border-top-left-radius:0;border-top-right-radius:0}
.cusbio ul{display:grid;grid-template-columns:auto;width:100%}
.cusbio ul li strong{font-size:14px}
.cusbio ul li p{font-size:14px}
.cusprofile img{width:80px;height:80px}
.cusprofile{padding-bottom:30px}
.notetext_left{width:100%;padding-bottom:10px}
.notetext_right{width:100%}
.notetext{display:block}
.notetext_left p{padding-right:10px;float:left}
.notetext_left span{font-size:16px}
.notetext_right p{font-size:14px}
.deliveryaddress_title h1{font-size:18px}
.deliveryaddress_title{padding-bottom:10px}
.deliveryaddress_txt{padding:15px 0}
.subscriptiondata .orderType-part{margin:0}
.subscriptiondata .date-range-box{padding:0 0 10px}
.appreal_order_details{margin-top:20px;margin-bottom:20px;height:204px}
.apprealimg{width:50%}
.apprealtext ul li p{font-size:16px}
.apprealtext ul li i{font-size:16px}
.subscriptiondata{padding:0 15px 20px}
.mainTop-part{padding:0 15px}
.addnewCategory-part{margin:20px 0 20px 0}
.imgMain-part{width:100%}
.add_new_Item{padding:20px 15px 0}
.addon_one{display:block;padding-bottom:30px}
.mealsaddons{width:100%}
.tagbtn ul{overflow:scroll;white-space:nowrap}
.tagbtn ul li{float:none;display:inline-block}
.tagbtn{width:80%}
.nutritionvalue{grid-template-columns:auto auto auto;grid-column-gap:10px}
.addon_seven{grid-template-columns:auto;grid-row-gap:20px}
.macrosfild{grid-template-columns:auto}
.addon_nine_input .commoninput:first-child input{width:100%}
.appreal-table{overflow-x:scroll}
.apprealadd-table{overflow-x:scroll}
.appreallisting{padding:20px 15px 0}
.addcoverapparel .common-modal-bg{width:100%}
.addvariantpopup .common-modal-bg{width:100%}
.appareladd_form{padding:20px 15px}
.appareladd_form .addon_seven{grid-template-columns:auto}
.appareladd_form .addon_nine_input .commoninput:first-child input{width:100%}
.apprealaddbtn{padding:20px 15px}
.weeklymenubg .commen-tabs li{width:33.33%}
.minthdate{width:100%}
.weeklymenubg .commen-tabs li a{width:100%}
.blogimg img{width:100px}
.blogbtn{padding:20px 15px 20px;row-gap:20px;column-gap:0;flex-direction:column}
.add_weekly_menu{padding:20px 15px}
.add_weekly_menu .macrosfild{padding-bottom:30px}
.meal_selection{width:100%}
.addrecipes_img_video{grid-template-columns:repeat(1,1fr)}
.commontitle_two{padding:20px 15px}
.addtagpopup .common-modal-bg{width:100%;padding:20px 15px}
.addanytag{flex-direction:column;row-gap:20px;border-bottom:1px dashed #9a9a9a;padding-bottom:20px}
.tagname{width:100%}
.pictagcolor{width:100%}
.tagclose a img{margin-top:0}
.addbanner_btn{padding:20px 15px}
.addbannerpopup .common-modal-bg{width:100%;padding:20px 15px}
.addfilter .common-modal-bg{width:100%;padding:20px 15px}
.filterfild{grid-template-columns:auto;grid-row-gap:20px}
.nutrition_list .commontitle_space{flex-direction:column;row-gap:20px}
.tagaddNew{padding:16px 30px}
.nutrition_list{padding-bottom:20px}
.nutrition_fact_field_popup .common-modal-bg{width:100%;padding:20px 15px}
.customize_nutrition_fact_field_popup .common-modal-bg{width:100%;padding:20px 15px}
.portion_list_popup .common-modal-bg{width:100%;padding:20px 15px}
.customize_functionality_popup .common-modal-bg{width:100%;padding:20px 15px}
.addons_part{padding:0 15px 20px;grid-template-columns:auto;grid-row-gap:10px}
.add_most_rated_popup .common-modal-bg{width:100%}
.addrated_table{overflow-x:scroll}
.addrated_table .menu-table{width:500px}
.categorysort{grid-template-columns:repeat(1,1fr);grid-row-gap:20px}
.add_most_rated_popup .submitbtn{padding-bottom:20px}
.pagesetup{padding:0 15px}
.pagesetup .rejectacceptBTN{padding-bottom:20px}
.addfaq{padding:0 15px}
.title_part_notification{padding:0 15px;margin:20px 0}
.main_title_notification_popup{margin-top:15px}
.notify-popup{overflow-y:scroll;overflow-x:hidden;padding:0}
.box_select{margin-top:15px}
.box_select_grid{grid-template-columns:repeat(1,1fr);gap:15px}
.box_select-notification{margin-bottom:10px}
.input_box_notification{margin-top:0}
.date_box_grid{grid-template-columns:repeat(1,1fr)}
.add_notification_btn{margin-top:0}
.cancel-btn{width:100%}
.deliverd-btn{width:100%}
.refund-box{margin-top:-249px}
.orderCust-box{margin-bottom:15px}
}
@media screen and (min-width:767px) and (max-width:1023px){
    .right_H{width: unset;}
.appreal_order_details{margin-top:20px;margin-bottom:20px;height:auto}
.orderCust-box{margin-bottom:15px}
.order-listbox-grid{grid-template-columns:repeat(1,1fr)}
.catListTbl table{width:100%}
.order_table{overflow:auto}
.balancebox{width:50%}
.subtractmoney{width:30%;padding-left:15px;padding-top:0}
.cusbio ul{display:grid;grid-template-columns:auto auto}
.apprealimg{width:25%}
.addon_seven{grid-template-columns:auto auto auto;grid-row-gap:0}
.macrosfild{grid-template-columns:auto auto auto}
.nutritionvalue{grid-template-columns:auto auto 3%}
.restBtn{width:109px}
.sendNotification-btn{width:199px}
.mainInput-gridPart{grid-template-columns:repeat(2,1fr)}
.main-input-part{grid-template-columns:repeat(3,1fr)}
.main-input-socialMedia{grid-template-columns:repeat(2,1fr)}
.Calories_dish{grid-template-columns:repeat(2,1fr)}
.appareladd_form .addon_seven{grid-template-columns:auto auto}
.addplus{display:flex;column-gap:20px;margin-top:20px;width:100%}
.addplus button.addNew1{width:50%;margin:0 0}
.weeklymenubg .commen-tabs li{width:auto}
.minthdate{width:auto}
.weeklymenubg .commen-tabs li a{width:auto}
.blogbtn{flex-direction:column;flex-direction:row;column-gap:10px}
.admin-box-input{grid-template-columns:repeat(3,1fr)}
.selectModule-checkbox.rolesetup{grid-template-columns:repeat(2,1fr)}
.addrecipes_img_video{grid-template-columns:repeat(2,1fr)}
.addanytag{flex-direction:row;border:0}
.tagname{width:40%}
.pictagcolor{width:40%}
.tagclose a img{margin-top:25px}
.filterfild{grid-template-columns:auto auto;grid-row-gap:20px}
.commontitle_space{flex-direction:row}
.addons_part{grid-template-columns:auto auto}
.addrated_table .menu-table{width:100%}
.categorysort{grid-template-columns:repeat(2,1fr)}
.padding-textBox{grid-template-columns:repeat(2,1fr)}
.padding-part-packageSize{grid-template-columns:repeat(2,1fr)}
.main-messages-part{grid-template-columns:repeat(2,1fr)}
.addon_seven.dietitianPart{grid-template-columns:repeat(3,1fr);margin-bottom:20px}
.date-grid-part{grid-template-columns:auto auto 3%;grid-column-gap:10px}
.upcoming-mainInput{grid-template-columns:repeat(4,1fr)}
.totalPart{text-align:left;display:flex}
.session-txt{width:33%}
.min30-txt{text-align:right}
.upcoming-margin table{width:1200px}
.history-mainInput{grid-template-columns:repeat(5,1fr)}
.Historytotal-Part{text-align:left;display:flex}
.session-history-line{width:50%}
.money-history-line{width:65%;text-align:left}
.min30-histroy-line{text-align:left}
.history-checktitle{justify-content:right}
.history-margin table{width:1200px}
.forDietitian-part{grid-template-columns:repeat(3,1fr)}
.forDietitian-history{grid-template-columns:repeat(4,1fr)}
.history-forDietitian{overflow-y:auto}
.history-forDietitian table{width:1200px}
.box_select_grid{grid-template-columns:repeat(2,1fr);align-items:end}
.input_box_notification{margin-top:0}
.date_box_grid{grid-template-columns:repeat(2,1fr)}
.inputSection-addOffer{grid-template-columns:repeat(3,1fr)}
.offerCoupen table{width:1200px}
.input_box{grid-template-columns:repeat(2,1fr)}
.search_part_notification{width:40%}
.manageHeading-part{padding:0 15px;margin:20px 0}
.mealsGrid-input{grid-template-columns:auto auto auto}
.manage-table table{width:1200px}
.manage-table{margin-top:0}
.mainFixed-part{grid-template-columns:repeat(2,1fr)}
.addonctitle{padding-bottom:15px}
.input-grid{grid-template-columns:93% 5%}
.nutrition-input-part{grid-template-columns:repeat(2,1fr);gap:15px}
.show-data-box{padding:20px 15px}
.date-orderType-part{grid-template-columns:repeat(2,1fr)}
.total-percantage-part{grid-template-columns:repeat(2,1fr)}
.coupen-grid-part{grid-template-columns:repeat(3,1fr)}
.date-range-box{grid-template-columns:repeat(2,1fr)}
.partgride{grid-template-columns:repeat(3,1fr)}
.topPart{margin-bottom:0}
.refund-box{margin-top:15px}
.userFriend-part{grid-template-columns:repeat(2,1fr)}
.phases-part{grid-template-columns:repeat(2,1fr);gap:40px}
.addmore-button{justify-content:end}
.secondpart-grid{grid-template-columns:auto 2% auto}
.exicual{padding-top:24px}
}
@media screen and (min-width:1024px) and (max-width:1299px){
    .right_H{width: unset;}
.order-listbox-grid{grid-template-columns:repeat(2,1fr)}
.date-range-box{grid-template-columns:repeat(3,1fr)}
.partgride{display:flex}
.topPart{margin-bottom:0}
.orderCust-box{margin-bottom:0}
.scroll-part{height:100%;padding:20px}
.imgPart{display:flex;width:73%}
.txtLine{width:auto}
.twoParts-review{padding:30px 26px 30px 0;width:auto}
.totalReview-part{width:auto}
.titleReview{padding:30px 0 30px 26px}
.reviewPopup-topPart{display:flex}
.buttons{display:flex}
.userInfo{width:auto;text-align:left}
.ratingPart{justify-content:flex-start}
.reviewDesc-part{display:flex}
.desc-review{text-align:left}
.mainInput-gridPart{grid-template-columns:repeat(4,1fr)}
.main-input-part{grid-template-columns:repeat(3,1fr)}
.main-input-socialMedia{grid-template-columns:repeat(2,1fr)}
.menu-table{width:100%}
.order-cust{display:grid}
.balancebox{width:40%}
.subtractmoney{width:22%;padding-left:15px;padding-top:0}
.cusbio ul{display:grid;grid-template-columns:auto auto}
.appreal_order_details{margin-top:-250px;height:256px}
.macrostable_text table{width:100%}
.macrostable_text{padding:0 0}
.macrostitle{border-top-left-radius:5px;border-top-right-radius:5px}
.addon_seven{grid-template-columns:auto auto auto;grid-row-gap:0}
.macrosfild{grid-template-columns:auto auto auto auto}
.addon_one{display:grid}
.nutritionvalue{grid-template-columns:auto auto 3%}
.Calories_dish{grid-template-columns:repeat(2,1fr)}
.addplus{display:flex;column-gap:20px;margin-top:20px;width:100%}
.addplus button.addNew1{width:50%;margin:0 0}
.catListTbl table{width:100%}
.weeklymenubg .commen-tabs li{width:auto}
.minthdate{width:auto}
.weeklymenubg .commen-tabs li a{width:auto}
.blogbtn{flex-direction:column;flex-direction:row;column-gap:10px}
.admin-box-input{grid-template-columns:repeat(3,1fr)}
.restBtn{width:auto}
.sendNotification-btn{width:auto}
.selectModule-checkbox.rolesetup{grid-template-columns:repeat(2,1fr)}
.meal_selection{width:50%}
.addrecipes_img_video{grid-template-columns:repeat(2,1fr)}
.addanytag{flex-direction:row;border:0}
.tagname{width:40%}
.pictagcolor{width:40%}
.tagclose a img{margin-top:25px}
.filterfild{grid-template-columns:auto auto;grid-row-gap:20px}
.commontitle_space{flex-direction:row}
.addons_part{grid-template-columns:auto auto}
.addrated_table .menu-table{width:100%}
.categorysort{grid-template-columns:repeat(2,1fr)}
.main-messages-part{grid-template-columns:repeat(2,1fr)}
.jerom-txt{width:100%;text-align:left}
.addon_seven.dietitianPart{grid-template-columns:repeat(3,1fr);margin-bottom:20px}
.date-grid-part{grid-template-columns:auto auto 3%;grid-column-gap:10px}
.upcoming-mainInput{grid-template-columns:repeat(4,1fr)}
.totalPart{text-align:left;display:flex}
.session-txt{width:33%}
.min30-txt{text-align:right}
.history-mainInput{grid-template-columns:repeat(5,1fr)}
.Historytotal-Part{display:flex}
.session-history-line{text-align:left;width:12%}
.money-history-line{text-align:left;width:16%}
.min30-histroy-line{text-align:left;width:17%}
.history-checktitle{width:55%;justify-content:right}
.history-margin table{width:1200px}
.forDietitian-part{grid-template-columns:repeat(3,1fr)}
.forDietitian-history{grid-template-columns:repeat(4,1fr)}
.box_select_grid{grid-template-columns:repeat(2,1fr);align-items:end}
.input_box_notification{margin-top:0}
.date_box_grid{grid-template-columns:repeat(2,1fr)}
.inputSection-addOffer{grid-template-columns:repeat(3,1fr)}
.targetTable table{width:100%}
.input_box{grid-template-columns:repeat(2,1fr)}
.search_part_notification{width:40%}
.viewdetails-notify-pending{margin-right:-36px}
.manageHeading-part{padding:0 15px;margin:20px 0}
.mealsGrid-input{grid-template-columns:repeat(3,1fr)}
.manage-table{margin-top:0}
.mainFixed-part{grid-template-columns:repeat(2,1fr)}
.addonctitle{padding-bottom:15px}
.meal-design-table{overflow:hidden}
.table-design{width:auto}
.input-grid{grid-template-columns:96% 3%}
.scroll-padding{padding:0;overflow-x:hidden}
.nutrition-input-part{grid-template-columns:repeat(2,1fr)}
.date-orderType-part{grid-template-columns:repeat(5,1fr)}
.total-percantage-part{grid-template-columns:repeat(3,1fr)}
.product-grid{grid-template-columns:repeat(4,1fr)}
.dietitian-grid-part{grid-template-columns:repeat(4,1fr)}
.user-grid-part{grid-template-columns:repeat(4,1fr)}
.payment-grid-part{grid-template-columns:repeat(4,1fr)}
.grid-payment-percantage{grid-template-columns:repeat(4,1fr)}
.coupen-grid-part{grid-template-columns:repeat(3,1fr)}
.userFriend-part{grid-template-columns:repeat(2,1fr)}
.phases-part{grid-template-columns:repeat(2,1fr);gap:40px}
.addmore-button{justify-content:end}
.secondpart-grid{grid-template-columns:auto 2% auto}
.exicual{padding-top:24px}
.orders-section{grid-template-columns:repeat(2,1fr)}
}
.input-checkbox{width:100%;height:20px;position:relative;float:left}
.cust-checkbox{display:block;position:relative;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.cust-checkbox input{display:none}
.cust-checkbox .checkmark{position:absolute;top:0;left:0;height:20px;width:20px;border:1px solid #000;border-radius:3px}
.cust-checkbox input:checked~.checkmark{background-color:#87c644;border:1px solid #87c644}
.cust-checkbox .checkmark:after{content:"";position:absolute;display:none}
.cust-checkbox input:checked~.checkmark:after{display:block}
.cust-checkbox .checkmark:after{left:6px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.cust-checkbox p{font-size:18px;color:#000;position:relative;left:25px;float:left;font-weight:500;font-family:'Roboto-Med'}
.radiotype{display:block;position:relative;padding-left:35px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;float:left}
.radiotype input{position:absolute;opacity:0;cursor:pointer;left:0;top:0}
.radiotype .checkmark{position:absolute;top:0;left:0;height:26px;width:26px;background-color:#d3d3d3;border-radius:50%}
.radiotype input:checked~.checkmark{background-color:#87c644}
.radiotype .checkmark:after{content:"";position:absolute;display:none}
.radiotype input:checked~.checkmark:after{display:block}
.radiotype .checkmark:after{top:5px;left:5px;width:16px;height:16px;border-radius:50%;background:#6b9d37}
.radiotype p{font-size:16px;color:#000;position:relative;float:left;line-height:27px;font-family:'Roboto-Reg'}
.scroll-part::-webkit-scrollbar{width:1px}
.scroll-part::-webkit-scrollbar-track{background:#f1f1f1}
.scroll-part::-webkit-scrollbar-thumb{background:#fff}
.table-scroll::-webkit-scrollbar{width:5px}
.table-scroll::-webkit-scrollbar-track{background:#ccc}
.table-scroll::-webkit-scrollbar-thumb{background:#303030}
.commen-tabs::-webkit-scrollbar{width:1px;height:0}
.commen-tabs::-webkit-scrollbar-track{background:#fff}
.commen-tabs::-webkit-scrollbar-thumb{background:#d7d7d7}
.common-modal-overlay{display:none}

.history-width{width: 892px; padding: 23px 23px 40px 23px;}
.note-area{width: 100%; height: 84px; padding: 16px 15px 0;font-size: 16px; font-family: 'Roboto-Med'; border: 1px solid #dadada;border-radius: 5px; margin: 20px 0 20px;}
.amount-class{width: 100%; padding: 16px 10px; font-size: 16px; font-family: 'Roboto-Med'; border:1px solid #dadada; border-radius: 5px; margin-bottom: 20px;
}
.refund-btn{width: 175px; height: 40px; padding: 11px; background-color: #87c644; border: none; border-radius: 5px; color: #000000; font-size: 16px; font-family: 'Roboto-Med';}



.common-modal-overlay{width:calc(100% - 265px);height:100%;position:fixed;left:265px;top:0;background-color:rgba(0,0,0,.75);z-index:2}
.common-modal-bg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:10px}
.modal-relative{position:relative}
.popup-close-box{position:absolute;right:0;top:0}
.popup-close-link{display:inline-flex;width:24px;height:24px}
.popup-close-link img{width:100%;height:100%}
@media screen and (min-width:318px) and (max-width:1024px){
    .right_H{width: unset;}
.common-modal-overlay{width:100%;left:0}
.common-modal-bg{width:100%;top:auto;bottom:0;left:0;transform:none;border-radius:10px 10px 0 0;max-height:90vh;overflow-x:hidden;overflow-y:auto}
}
.language-tabs{width:100%;border-bottom:1px solid #a3a3a3;list-style:none;margin-bottom:20px}
.language-tabs li{display:inline-block}
.language-tabs li a{display:inline-flex;font-size:18px;color:#9a9a9a;text-decoration:none;padding:16px 36px 12px 36px;border-bottom:4px solid transparent;font-weight:500;font-family:'Roboto-Med'}
.language-tabs li.active a{color:#000;border-bottom:4px solid #87c644}
.tab-contant{width:100%;display:none}
.tab-contant-wrapper .tab-contant.active{display:block}
@media screen and (min-width:318px) and (max-width:1024px){
    .right_H{width: unset;}
.language-tabs{width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap}
.language-tabs li a{padding:16px 16px 12px 16px}
}
.commen-tabs{width:100%;border-bottom:1px solid #a3a3a3;list-style:none;margin-bottom:30px;overflow-x:scroll;white-space:nowrap}
.commen-tabs li{display:inline-block}
.commen-tabs li a{display:inline-flex;font-size:18px;color:#9a9a9a;text-decoration:none;padding:16px 36px 12px 36px;border-bottom:4px solid transparent;font-family:'Roboto-Med'}
.commen-tabs li.active a{color:#000;border-bottom:4px solid #87c644}
.commen-tabs-contant{width:100%;display:none}
.tab-contant-wrapper .tab-contant.active{display:block}
@media screen and (min-width:318px) and (max-width:1024px){
    .right_H{width: unset;}
.commen-tabs{width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap}
.commen-tabs li a{padding:16px 16px 12px 16px}
}
.cate-delete{display:none}
.cate-delete .common-modal-bg{width:400px;padding:20px}
.tagbtn .selectOne>div{background:#ccc;cursor:pointer}



/* custom date field css start */

.hidden-datefield
{
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.date-picker-wrapper {
    position: relative;
    width: 100%;
    float: left;
}
.date-picker-wrapper-all {
    position: relative;
    width: 100%;
    float: left;
}
.calendar-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 20px;
    height: 20px;
}
.date-input
{
    width: 100%;
    float: left;
    font-size: 16px;
    color: #000;
    line-height: 18px;
    padding: 11px 9px;
    border: 1px solid #dadada;
    border-radius: 5px;
    outline: 0;
    -webkit-appearance: none;
    height: 50px;
}


.img-width
{
    width: 100%;
}

.img-max-width
{
    max-width: 100px;
}
tant-wrapper .tab-contant.active{display:block}
@media screen and (min-width:318px) and (max-width:1024px){
.language-tabs{width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap}
.language-tabs li a{padding:16px 16px 12px 16px}
}
.commen-tabs{width:100%;border-bottom:1px solid #a3a3a3;list-style:none;margin-bottom:30px;overflow-x:scroll;white-space:nowrap}
.commen-tabs li{display:inline-block}
.commen-tabs li a{display:inline-flex;font-size:18px;color:#9a9a9a;text-decoration:none;padding:16px 36px 12px 36px;border-bottom:4px solid transparent;font-family:'Roboto-Med'}
.commen-tabs li.active a{color:#000;border-bottom:4px solid #87c644}
.commen-tabs-contant{width:100%;display:none}
.tab-contant-wrapper .tab-contant.active{display:block}
@media screen and (min-width:318px) and (max-width:1024px){
.commen-tabs{width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap}
.commen-tabs li a{padding:16px 16px 12px 16px}
}
.cate-delete{display:none}
.cate-delete .common-modal-bg{width:400px;padding:20px}
.tagbtn .selectOne>div{background:#ccc;cursor:pointer}



/* custom date field css start */

.hidden-datefield
{
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.date-picker-wrapper {
    position: relative;
    width: 100%;
    float: left;
}
.date-picker-wrapper-all {
    position: relative;
    width: 100%;
    float: left;
}
.calendar-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 20px;
    height: 20px;
}
.date-input
{
    width: 100%;
    float: left;
    font-size: 16px;
    color: #000;
    line-height: 18px;
    padding: 11px 9px;
    border: 1px solid #dadada;
    border-radius: 5px;
    outline: 0;
    -webkit-appearance: none;
    height: 50px;
}


.img-width
{
    width: 100%;
}

.img-max-width
{
    max-width: 100px;
}wrap}
.language-tabs li a{padding:16px 16px 12px 16px}
}
.commen-tabs{width:100%;border-bottom:1px solid #a3a3a3;list-style:none;margin-bottom:30px;overflow-x:scroll;white-space:nowrap}
.commen-tabs li{display:inline-block}
.commen-tabs li a{display:inline-flex;font-size:18px;color:#9a9a9a;text-decoration:none;padding:16px 36px 12px 36px;border-bottom:4px solid transparent;font-family:'Roboto-Med'}
.commen-tabs li.active a{color:#000;border-bottom:4px solid #87c644}
.commen-tabs-contant{width:100%;display:none}
.tab-contant-wrapper .tab-contant.active{display:block}
@media screen and (min-width:318px) and (max-width:1024px){
.commen-tabs{width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap}
.commen-tabs li a{padding:16px 16px 12px 16px}
}
.cate-delete{display:none}
.cate-delete .common-modal-bg{width:400px;padding:20px}
.tagbtn .selectOne>div{background:#ccc;cursor:pointer}



/* custom date field css start */

.hidden-datefield
{
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.date-picker-wrapper {
    position: relative;
    width: 100%;
    float: left;
}
.date-picker-wrapper-all {
    position: relative;
    width: 100%;
    float: left;
}
.calendar-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 20px;
    height: 20px;
}
.date-input
{
    width: 100%;
    float: left;
    font-size: 16px;
    color: #000;
    line-height: 18px;
    padding: 11px 9px;
    border: 1px solid #dadada;
    border-radius: 5px;
    outline: 0;
    -webkit-appearance: none;
    height: 50px;
}


.img-width
{
    width: 100%;
}

.img-max-width
{
    max-width: 100px;
}wrap}
.language-tabs li a{padding:16px 16px 12px 16px}
}
.commen-tabs{width:100%;border-bottom:1px solid #a3a3a3;list-style:none;margin-bottom:30px;overflow-x:scroll;white-space:nowrap}
.commen-tabs li{display:inline-block}
.commen-tabs li a{display:inline-flex;font-size:18px;color:#9a9a9a;text-decoration:none;padding:16px 36px 12px 36px;border-bottom:4px solid transparent;font-family:'Roboto-Med'}
.commen-tabs li.active a{color:#000;border-bottom:4px solid #87c644}
.commen-tabs-contant{width:100%;display:none}
.tab-contant-wrapper .tab-contant.active{display:block}
@media screen and (min-width:318px) and (max-width:1024px){
.commen-tabs{width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap}
.commen-tabs li a{padding:16px 16px 12px 16px}
}
.cate-delete{display:none}
.cate-delete .common-modal-bg{width:400px;padding:20px}
.tagbtn .selectOne>div{background:#ccc;cursor:pointer}



/* custom date field css start */

.hidden-datefield
{
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.date-picker-wrapper {
    position: relative;
    width: 100%;
    float: left;
}
.date-picker-wrapper-all {
    position: relative;
    width: 100%;
    float: left;
}
.calendar-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 20px;
    height: 20px;
}
.date-input
{
    width: 100%;
    float: left;
    font-size: 16px;
    color: #000;
    line-height: 18px;
    padding: 11px 9px;
    border: 1px solid #dadada;
    border-radius: 5px;
    outline: 0;
    -webkit-appearance: none;
    height: 50px;
}


.img-width
{
    width: 100%;
}

.img-max-width
{
    max-width: 100px;
}wrap}
.language-tabs li a{padding:16px 16px 12px 16px}
}
.commen-tabs{width:100%;border-bottom:1px solid #a3a3a3;list-style:none;margin-bottom:30px;overflow-x:scroll;white-space:nowrap}
.commen-tabs li{display:inline-block}
.commen-tabs li a{display:inline-flex;font-size:18px;color:#9a9a9a;text-decoration:none;padding:16px 36px 12px 36px;border-bottom:4px solid transparent;font-family:'Roboto-Med'}
.commen-tabs li.active a{color:#000;border-bottom:4px solid #87c644}
.commen-tabs-contant{width:100%;display:none}
.tab-contant-wrapper .tab-contant.active{display:block}
@media screen and (min-width:318px) and (max-width:1024px){
.commen-tabs{width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap}
.commen-tabs li a{padding:16px 16px 12px 16px}
}
.cate-delete{display:none}
.cate-delete .common-modal-bg{width:400px;padding:20px}
.tagbtn .selectOne>div{background:#ccc;cursor:pointer}



/* custom date field css start */

.hidden-datefield
{
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.date-picker-wrapper {
    position: relative;
    width: 100%;
    float: left;
}
.date-picker-wrapper-all {
    position: relative;
    width: 100%;
    float: left;
}
.calendar-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 20px;
    height: 20px;
}
.date-input
{
    width: 100%;
    float: left;
    font-size: 16px;
    color: #000;
    line-height: 18px;
    padding: 11px 9px;
    border: 1px solid #dadada;
    border-radius: 5px;
    outline: 0;
    -webkit-appearance: none;
    height: 50px;
}


.img-width
{
    width: 100%;
}

.img-max-width
{
    max-width: 100px;
}wrap}
.language-tabs li a{padding:16px 16px 12px 16px}
}
.commen-tabs{width:100%;border-bottom:1px solid #a3a3a3;list-style:none;margin-bottom:30px;overflow-x:scroll;white-space:nowrap}
.commen-tabs li{display:inline-block}
.commen-tabs li a{display:inline-flex;font-size:18px;color:#9a9a9a;text-decoration:none;padding:16px 36px 12px 36px;border-bottom:4px solid transparent;font-family:'Roboto-Med'}
.commen-tabs li.active a{color:#000;border-bottom:4px solid #87c644}
.commen-tabs-contant{width:100%;display:none}
.tab-contant-wrapper .tab-contant.active{display:block}
@media screen and (min-width:318px) and (max-width:1024px){
.commen-tabs{width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap}
.commen-tabs li a{padding:16px 16px 12px 16px}
}
.cate-delete{display:none}
.cate-delete .common-modal-bg{width:400px;padding:20px}
.tagbtn .selectOne>div{background:#ccc;cursor:pointer}



/* custom date field css start */

.hidden-datefield
{
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.date-picker-wrapper {
    position: relative;
    width: 100%;
    float: left;
}
.date-picker-wrapper-all {
    position: relative;
    width: 100%;
    float: left;
}
.calendar-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 20px;
    height: 20px;
}
.date-input
{
    width: 100%;
    float: left;
    font-size: 16px;
    color: #000;
    line-height: 18px;
    padding: 11px 9px;
    border: 1px solid #dadada;
    border-radius: 5px;
    outline: 0;
    -webkit-appearance: none;
    height: 50px;
}


.img-width
{
    width: 100%;
}

.img-max-width
{
    max-width: 100px;
}wrap}
.language-tabs li a{padding:16px 16px 12px 16px}
}
.commen-tabs{width:100%;border-bottom:1px solid #a3a3a3;list-style:none;margin-bottom:30px;overflow-x:scroll;white-space:nowrap}
.commen-tabs li{display:inline-block}
.commen-tabs li a{display:inline-flex;font-size:18px;color:#9a9a9a;text-decoration:none;padding:16px 36px 12px 36px;border-bottom:4px solid transparent;font-family:'Roboto-Med'}
.commen-tabs li.active a{color:#000;border-bottom:4px solid #87c644}
.commen-tabs-contant{width:100%;display:none}
.tab-contant-wrapper .tab-contant.active{display:block}
@media screen and (min-width:318px) and (max-width:1024px){
.commen-tabs{width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap}
.commen-tabs li a{padding:16px 16px 12px 16px}
}
.cate-delete{display:none}
.cate-delete .common-modal-bg{width:400px;padding:20px}
.tagbtn .selectOne>div{background:#ccc;cursor:pointer}



/* custom date field css start */

.hidden-datefield
{
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.date-picker-wrapper {
    position: relative;
    width: 100%;
    float: left;
}
.date-picker-wrapper-all {
    position: relative;
    width: 100%;
    float: left;
}
.calendar-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 20px;
    height: 20px;
}
.date-input
{
    width: 100%;
    float: left;
    font-size: 16px;
    color: #000;
    line-height: 18px;
    padding: 11px 9px;
    border: 1px solid #dadada;
    border-radius: 5px;
    outline: 0;
    -webkit-appearance: none;
    height: 50px;
}


.img-width
{
    width: 100%;
}

.img-max-width
{
    max-width: 100px;
}wrap}
.language-tabs li a{padding:16px 16px 12px 16px}
}
.commen-tabs{width:100%;border-bottom:1px solid #a3a3a3;list-style:none;margin-bottom:30px;overflow-x:scroll;white-space:nowrap}
.commen-tabs li{display:inline-block}
.commen-tabs li a{display:inline-flex;font-size:18px;color:#9a9a9a;text-decoration:none;padding:16px 36px 12px 36px;border-bottom:4px solid transparent;font-family:'Roboto-Med'}
.commen-tabs li.active a{color:#000;border-bottom:4px solid #87c644}
.commen-tabs-contant{width:100%;display:none}
.tab-contant-wrapper .tab-contant.active{display:block}
@media screen and (min-width:318px) and (max-width:1024px){
.commen-tabs{width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap}
.commen-tabs li a{padding:16px 16px 12px 16px}
}
.cate-delete{display:none}
.cate-delete .common-modal-bg{width:400px;padding:20px}
.tagbtn .selectOne>div{background:#ccc;cursor:pointer}



/* custom date field css start */

.hidden-datefield
{
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.date-picker-wrapper {
    position: relative;
    width: 100%;
    float: left;
}
.date-picker-wrapper-all {
    position: relative;
    width: 100%;
    float: left;
}
.calendar-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 20px;
    height: 20px;
}
.date-input
{
    width: 100%;
    float: left;
    font-size: 16px;
    color: #000;
    line-height: 18px;
    padding: 11px 9px;
    border: 1px solid #dadada;
    border-radius: 5px;
    outline: 0;
    -webkit-appearance: none;
    height: 50px;
}


.img-width
{
    width: 100%;
}

.img-max-width
{
    max-width: 100px;
}
.profile-img-style{
    width: 35px;
    height: 35px;
    border-radius: 200px;
}
.saveBtn-pedding{
    padding-top: 15px;
}

.hederfix{
    position: sticky;
    top: 0;
    z-index: 1;
}
.del-subcat-confirmation {
    padding: 4px 0 10px 0;
    font-size: 15px;
}
.text-align-left {
    text-align: left;
}

.dropdown-part
{
    width: 100%;
    float: left;
    border: 1px solid #dadada;
    padding: 10px;
    position: absolute;
    background: #fff;
    top: 79px;
    height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
}

.selectdietitian-input
{
    width: 100%;
    float: left;
    font-size: 16px;
    color: #000;
    line-height: 18px;
    padding: 11px 15px;
    border: 1px solid #dadada;
    border-radius: 5px;
    outline: 0;
    -webkit-appearance: none;
    height: 50px;
}

.cityname-dropdown{
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

.checkbox-mark{
    margin-right: 3px;
}
.div-width {
    width: 114px;
}

/* Start - Dietitian User Meeting Session Page CSS */
/*.remote-video-box
 {
    width: 75%;
    float: left;
    height: 373px;
    background: #424242;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

 .local-video-box
 {
    width: 20%;
    float: left;
    height: 145px;
    background: #a4a9bf;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    position: absolute;
    bottom: 18px;
    right: 5%;
 }

#videos {
    width: 100%;
    float: left;
    position: relative;
}
.remote-videoname
{
  width: 100%;
    display: flex;
    justify-content: center;
}

.remote-videoname p
{
    color: #fff;
    font-size: 23px;
    font-family: 'Roboto-Med';
    position: absolute;
    bottom: 10px;
    left: 142px;
}

.local-videoname{
    width: 100%;
    float: left;
    position: relative;
}

.local-videoname p
{
    color: #fff;
    font-size: 16px;
    font-family: 'Roboto-Med';
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.margin-add button{
    background-color: #000000;
    border: none;
}

.top-meet-section{
    width: 100%;
    float: left;
    background-color: #000;
  	margin-top: 5%;
}

.agoratitle
{
    width: 100%;
    float: left;
    padding: 20px 0px 0px;
    font-size: 30px;
    color: #fff;
}
.statustxt{
    width: 100%;
    float: left;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #fff;
}
.margin-add
{
    width: 100%;
    float: left;
   display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 15px;
}

.mutemic-img
{
    width: 40px;
    border-radius: 100%;
    padding: 8px;
    background-color: #4a4949;
}
.turnoff-camera-img
{
    width: 40px;
    border-radius: 100%;
    padding: 8px;
    background-color: #4a4949;
}
.end-callimg
{
    width: 40px;
    border-radius: 100%;
    padding: 8px;
    background-color: #4a4949;
}

.demo-bgcolor{
    background: #000;
}

.usericon-img-remote{
    width: 87px;
    height: 87px;
}

.usericon-img-local{
    width: 60px;
    height: 60px;
}
.video-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: none;
}

#local-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
}

.remote-video-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: none;
}

#remote-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
}


@media screen and (min-width:318px) and (max-width:1200px){
    .remote-video-box{height: 552px;position: relative;}
    .statustxt{display: none;}
    .agoratitle{display: none;}
    .remote-videoname p{ top: 10px;bottom: unset;font-size: 20px;}
    .local-video-box{right: 5%;width: 28%;height: 127px;bottom: 76px;}
    .local-videoname p{bottom: 6px;left: 9px;font-size: 12px;}
    .usericon-img-local{width: 48px;height: 48px;}
    .margin-add{background-color: #2d2d2d;width: 48%;border-radius: 50px;margin: 0px;height: 40px;gap: 12px;}
    .mutemic-img{border-radius: unset;background-color: #2d2d2d;padding: 9px;}
    .turnoff-camera-img{border-radius: unset;background-color: #2d2d2d;padding: 9px;}
    .end-callimg{border-radius: unset;background-color: #2d2d2d;padding: 9px;}
    .demo-responsive{width: 100%;float: left;display: flex;align-items: center;justify-content: center;position: absolute;bottom: 13px;}
    .margin-add button{display: flex;}
}


.demo-container{margin: 0 auto;}

@media (min-width: 576px) {
    .demo-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .demo-container {
        max-width: 720px;
        
    }
}

@media (min-width: 992px) {
    .demo-container {
        max-width: 960px;
       
    }
}*/


/* End - Dietitian User Meeting Session Page CSS */