/*****changes*****************/
ul#profileMenuList li >a:after {
    content: "";
    position: absolute;
    left: auto;
    right: 10px;
    background: red;
    width: 26px;
    height: 26px;
    top: 16px;
    filter: brightness(160%);
}   

.userProfile-wrapper a#openUserInfoWrapper:hover {
    color: var(--platfrom7-them-2-background)!important;
}

ul#profileMenuList li >a.btnSHowProfileInfo:after {
    background: url(/Content/base/dynamic/shopping4092/img/106874.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

ul#profileMenuList li >a.btnSHowOrderList:after {
    background: url(/Content/base/dynamic/shopping4092/img/106888.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

ul#profileMenuList li >a.showDiscountList:after {
    background: url(/Content/base/dynamic/shopping4092/img/106886.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

ul#profileMenuList li >a.btnShowAddressList:after {
    background: url(/Content/base/dynamic/shopping4092/img/106884.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

ul#profileMenuList li >a.btnCreditPackageList:after {
    background: url(/Content/base/dynamic/shopping4092/img/106890.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    top: 16px;
} 
ul#profileMenuList li >a.btnScorePackageList:after,  .userGrideData[data-menuclass="btnScorePackageList"] .score_needed:before {
    content:'';
    background: url(/Content/base/dynamic/shopping4358/files/107748/club-gem1.png);
    background-size: contain;
    background-repeat: no-repeat; 
    width: 27px;
    height: 27px;
    top: 11px;
    right: 8px;
    filter: none;
    display:inline-block;
}

a.btnScorePackageList i, .btnCreditPackageList i {background-color: #fd0;border: 1px solid #ffce00;border-radius: 2rem;font-size: 12px;padding: 0px 10px;color: rgb(58, 61, 66);position: absolute;left: 13px;top: 12px;line-height: 25px;}
a.btnScorePackageList i img{
    vertical-align: middle;
    margin-left: 6px;
}
.btnCreditPackageList i {
    background:none;
    border:none;
    color:white;
}

body[data-isprofilemenu="true"] ul#profileMenuList {
    box-shadow: rgba(58, 61, 66, 0.06) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0px 4px 16px -8px!important;
     border-radius: var(--platfrom7-boder-radius1);
}

ul#profileMenuList li {
    background: none;
}

ul#profileMenuList li:after {
    content: "";
    position: absolute;
    top: 0;
    background: var(--platfrom7-them-background-color);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
     border-radius: var(--platfrom7-boder-radius1);
    z-index: -1;
}

ul#profileMenuList li.active:after {
    opacity: 0.1;
}

ul#profileMenuList li.active >a:after {
    /* filter: brightness(43%); */
}

.userpic_wrapper span.image_uploader_img >img:nth-child(1) {
    display: none;
}

.userpic_wrapper span.image_uploader_img {
    background: url(/Content/base/dynamic/shopping4092/img/106894.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
}

span.image_uploader_img img {
    display: none;
}
.userpic_wrapper>div:nth-child(1) {
    display: none;
}

#main.UPDashboard .userProfile-wrapper > div div#clientInfo_wrapper {
    padding-top: 24px;
}

.userpic_wrapper i.fa.fa-fw.fa-upload.btnBlack {
    background: none;
    color: var(--platfrom7-them-2-background);
    border: none;
}

.userpic_wrapper i.fa.fa-fw.fa-upload.btnBlack>span {
    border-bottom: 1px solid;
}

.userProfile-wrapper a#openUserInfoWrapper, .userProfile-wrapper a.changePass.right {
    padding: 10px 35px!important;
    border-color: unset;
}

.userProfile-wrapper a#openUserInfoWrapper {
    border-color: var(--platfrom7-them-2-background);
    background: none;
    color: var(--platfrom7-them-2-background);
}

/***End changes***************/
div#virtualView {
    /* top: 0; */
}

body.addressSelected .resizable .options-wrapper {
    /* display: none !important; */
}

.resizable[data-boxstyle="f-snapfood-rest"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-boxstyle="t-ls-bouch"] {
    padding-bottom: 53% !important;
    background: #f8f9fb;
}

.resizable[data-boxstyle="t-ls-bouch"] .frontpage-gallery .slides-front > div > div {
    height: 100%;
    width: 100%;
}

.resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-tmplname="product1"] h4, .resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-tmplname="product1"] h3, .resizable[data-boxstyle="f-snapfood-rest"] .slidesjs-navigation {
    display: none
}

.resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-boxstyle="f-leon-food"] .body-content-wrapper > div {
    width: fit-content;
    text-align: right;
    background: rgba(255,255,255,.6) !important;
    margin-right: 0;
    border-radius: 1.5rem !important;
    height: 130px;
    overflow: hidden;
    position: relative !important;
    height: auto !important;
}

.resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-tmplname="product1"] {
    padding: 0 !important;
    background: none !important;
    color: #000 !important;
    margin-top: 75px;
}

.resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-tmplname="product1"] .body-content-wrapper > div:nth-child(2), .resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-tmplname="content"] h4:after, .resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-boxstyle="f-leon-food"] .allMenue {
    display: none;
}

.resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-tmplname="content"] > div .choseAddress input::placeholder {
    color: black;
}

.resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-boxstyle="f-leon-food"] .sub-body-content-tabs {
    margin: 0;
    padding: 0;
    height: 143px;
    padding-top: 16px;
    display: flex;
    background: white;
}

.resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-tmplname="content"] h4 {
    font-size: 1.6rem;
    margin-bottom: 25px;
    /* color: #000; */
}

.resizable[data-boxstyle="f-snapfood-rest"] .container {
    position: relative;
    margin: 0;
}

.resizable[data-boxstyle="f-snapfood-rest"] .container .slidesjs-pagination {
    display: none !important;
}

.resizable[data-boxstyle="f-snapfood-rest"] .inner-container {
    position: absolute;
    /*! top: 50%; */
    /*! transform: translateY(-50%); */
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 90%;
    margin: 0 auto;
    z-index: 1;
    top: 57%;
    transform: translatey(-50%);
}

.resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-tmplname="content"] h4, .resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-tmplname="content"] h3 {
    background: none !important;
    margin: 0 10px;
    text-align: right;
}

.resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-tmplname="content"] > div {
    width: 100%;
    margin-top: 20px;
    max-width: none;
}

.resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-tmplname="content"] > div .choseAddress, .address_search .choseAddress {
    width: 33vw;
    /*! padding: 0 20px; */
    position: relative;
    float: right;
    /* background: white; */
}

.resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-tmplname="content"] > div .choseAddress input, .address_search .choseAddress input {
    /* border-radius: var(--platfrom7-boder-radius2); */
    height: 50px;
    background: rgb(255 255 255 / 61%);
}

.resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-tmplname="content"] > div .choseAddress input {
    padding-right: 50px
}

.resizable[data-boxstyle="t-ls-bouch"] .frontpage-gallery .slides-front > div img {
    object-position: left;
}

.resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-tmplname="content"] > div .choseAddress:after, .resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-tmplname="content"] > div .choseAddress:before, .address_search .choseAddress:after {
    content: " ";
    position: absolute;
    background-size: contain;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
}

.resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-tmplname="content"] > div .choseAddress:before, .address_search .choseAddress .searchIcon {
    width: 25px;
    height: 21px;
    background-image: url(/Content/base/dynamic/shopping4092/img/105964.jpg);
    right: 13px;
}

.resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-tmplname="content"] > div .choseAddress:after, .address_search .choseAddress:after {
    width: 50px;
    height: 45px;
    left: 0;
    background-image: url(/Content/base/dynamic/shopping4092/img/105966.jpg);
    background-color: var(--platfrom7-them-background);
    background-size: 24px;
    background-position: center;
    border-radius: var(--platfrom7-boder-radius2) 50% var(--platfrom7-boder-radius2) var(--platfrom7-boder-radius2);
    left: 4px;
}

.choseAddress i {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    cursor: pointer;
}

.resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-boxstyle="f-leon-food"] #body-content-tabs label {
    background: none !important;
    /* margin: 0 10px; */
    border: none;
    padding-top: 75px;
    width: 106px;
    padding-bottom: 40px;
}

/* ------------------------------------------------------------------------------------------- */
#AddressMap_frame {
    position: fixed;
    inset: 0px;
    background: rgb(128 128 128 / 50%);
    z-index: 10000;
    animation: 0.3s ease 0s 1 normal forwards running gilGRO;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: black;
}

#AddressMap_frame > div {
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px, rgba(0, 0, 0, 0.16) 0px 8px 32px;
    border-radius: 0.75rem;
    animation: 0.3s cubic-bezier(0.4, 0, 0, 1.5) 0s 1 normal forwards running cdxymQ;
    max-height: 90vh;
    width: 94vw;
    max-width: 640px;
    overflow: auto;
    position: relative;
    padding-top: 55px;
}

#AddressMap_frame iframe {
    height: 50vh;
    position: relative;
    width: 100%;
    width: 94%;
    margin: 0 3%;
    border-radius: var(--platfrom7-boder-radius1);
    border: 2px solid;
    border-color: var(--platfrom7-them-border-color)
}

.address_title {
    padding: 0.2rem 1rem 0;
}

.address_title h6 {
    font-size: 20px;
    margin-bottom: 7px;
}

div#AddressMap_frame button {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: inline-flex;
    cursor: pointer;
    transition: none;
    box-sizing: border-box;
    min-width: 6.6875rem;
    width: 100%;
    height: 2.5rem;
    border-radius: 0.375rem;
    color: rgb(255, 255, 255);
    background-clip: padding-box;
    box-shadow: none;
    font-family: IRANSansMobile;
    font-size: 1rem;
    font-weight: 700;
    border-radius: var(--platfrom7-boder-radius2);
    float: none;
    margin: 0;
}

input[name="addressDetails"] {
    margin-bottom: 10px;
    display: block;
    margin-top: 5px;
}

.button_wrapper:not([step="2"]) #btnToSelectMap {
    display: none;
}

div button#btnLocalBranchScenario {
    margin-top: 10px !important;
    display: none;
}

.button_wrapper[step="3"] #btnLocalBranchScenario {
    display: block;
    padding-left: 0;
    padding-right: 0;
}

.button_wrapper[step="2"] button#btnToSelectMap {
    width: 29% !important;
    background: none;
    color: var(--platfrom7-them-color);
    border-color: var(--platfrom7-them-border-color);
}

.button_wrapper[step="2"] button#btnAcceptMapAddress {
    width: 70% !important;
    /* background: #EEEEEE; */
    /* color: #929497; */
    border-width: 0;
}

.activeBranch .button_wrapper[step="2"] button#btnAcceptMapAddress {
    background: var(--platfrom7-them-background);
    border-color: var(--platfrom7-them-border-color);
    color: #fff
}

textarea#input_fullAddress {
    margin-bottom: 12px;
}

div#AddressMap_frame button.addNewAddressMap {
    background: white;
    color: var(--platfrom7-them-border-color);
    display: none;
    border-color: var(--platfrom7-them-border-color);
}

div#AddressMap_frame button.addNewAddressMap svg {
    fill: var(--platfrom7-them-border-color);
}

.button_wrapper {
    padding: 10px 21px 30px;
}

span.close_addressMap {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    background: url(/Content/base/dynamic/shopping1304/img/107158.jpg) no-repeat;
    background-size: 16px !important;
    background-position: 15px 14px;
    height: 46px;
    position: absolute;
    top: 0px;
    width: 46px;
    transition: background-color .3s;
    border-radius: 0.75rem;
    z-index: 1;
}

#close-dialogAh7Box, .close-dialogAh7Box, #closeLoginRegister, #img_zoom_wrapper span.close_addressMap, button#btnCloseOnlineFoodShopping_wrapper, #onlineFoodShopping_wrapper button#btnCloseOnlineFoodShopping_wrapper, span.close_addressMap , #food_searchWrapper span.close_addressMap
{
    background-image: url(/Content/base/dynamic/shopping4418/img/107562.jpg);
    background-position: center !important;
    background-color: transparent!important;
    background-size: 40px !important;
    top: 0 !important;
    right: 0 !important;
}

.btn , div#AddressMap_frame button , .tinyPage button
{
    border-radius:10px;
    /* width:fit-content; */
    padding: 7px;
    border: none;
    margin-top: 10px;
    line-height: unset !important;
}
span.close_addressMap , .tinyPage #dialogAh7Box-wrapper #close-dialogAh7Box
{
    margin-top: 15px;
    margin-right: 15px;
}
.menu_svg.notSlide {
    stroke: white !important;
    !i;!; }

#img_zoom_wrapper span.close_addressMap {
    background-color: white;
}

span.close_addressMap:hover {
    background-color: rgb(176 16 26 / 20%);
    background-position: 15px -21px;
}

.address_search .choseAddress {
    width: 87%;
    margin: 10px 1%;
    margin-bottom: -74px;
    z-index: 109;
    margin: 0 auto -70px;
}

.address_search .choseAddress {
    background-size: 20px;
    background-position: 14px;
    background-repeat: no-repeat;
    background-color: white;
    border-radius: var(--platfrom7-boder-radius2);
    border: solid 1px #dadada;
    float: none;
}

.searchfood .address_search .choseAddress {
    max-width: 71%;
    left: -5px;
    right: auto;
    float: none;
}

/*Menue......................menue 10..................................*/
.platform7Menu10 ul#mainNavigation {
    -webkit-animation: menu-rev 0.5s ease 0s 1 normal both;
    animation: menu-rev 0.5s ease 0s 1 normal both;
    width: 90%;
    display: block;
    margin: auto;
    padding: 0;
    box-sizing: border-box;
    right: auto;
    top: 50% !important;
    left: 50%;
    background: none !important;
    position: absolute;
    height: auto !important;
    list-style-type: none;
    z-index: 120;
    max-height: 88%;
    overflow: hidden;
}

.platform7Menu10 .layout-login-wraper {
    left: 0;
    right: auto;
    background: var(--platfrom7-them-background);
    border-radius: var(--platfrom7-boder-radius2);
    line-height: 34px;
    text-align: center;
    width: auto;
    padding: 0 10px;
    height: 35px;
    overflow: hidden;
    opacity: 1;
    top: 22px;
    color: white;
    max-width: 191px;
}

#open-loginRegister a {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

body[data-ap="True"].platform7Menu10.scrolled ul.navigation {
    top: 0
}

.platform7Menu10 ul.navigation {
    width: fit-content;
    width: -moz-fit-content;
    position: fixed;
    opacity: 1;
    opacity: 1;
    margin-right: 36px
}

.cross.platform7Menu10 ul.navigation {
    opacity: 0
}

.platform7Menu10 ul.navigation li {
    display: inline-block;
    width: auto;
    padding: 27px 0;
    margin: 0 0 0 32px
}

.platform7Menu10 div#headerContainer {
    width: 100%;
    position: absolute;
    /* top: 0; */
    height: 80px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    /* background: none !important; */
}

body:not(.cross).platform7Menu10 div#headerContainer {
    /* background: none !important */
}

body.platform7Menu10 div#wrapper-main-page {
    margin-top: 80px;
}

.platform7Menu10 div#headerContent, .platform7Menu10 div#menuImage {
    width: 100%;
    background: transparent;
    margin-top: 0;
    display: block;
    padding: 0;
    position: fixed;
    z-index: 110;
    background-color: inherit !important;
    height: 100%;
    width: 50%;
    right: 0;
    top: -100%;
    /* -webkit-transition: all 1s cubic-bezier(1,0.05,0.58,1); */
    -moz-transition: all 1s cubic-bezier(1,0.05,0.58,1);
    -ms-transition: all 1s cubic-bezier(1,0.05,0.58,1);
    -o-transition: all 1s cubic-bezier(1,0.05,0.58,1);
    /* transition: all 1s cubic-bezier(1,0.05,0.58,1); */
}

.platform7Menu10 div#menuImage {
    left: 0;
    top: 100%;
    right: auto;
    opacity: 0;
}

.cross.platform7Menu10 div#menuImage {
    top: 0;
    opacity: .9;
}

.cross.platform7Menu10 #headerContent {
    top: 0;
    background: var(--platfrom7-them-background) !important;
}

.cross.platform7Menu10 #headerContent ul#mainNavigation {
    -webkit-animation: menu 0.5s ease 0s 1 normal both;
    animation: menu 0.5s ease 0s 1 normal both;
    overflow: visible;
}

.platform7Menu10 #headerContent ul#mainNavigation li:before, .platform7Menu10 #headerContent ul#mainNavigation li:last-child:after {
    transform: scale(0,0);
    -ms-transform: scale(0,0);
    -webkit-transform: scale(0,0);
    content: "";
    width: 100%;
    left: 0;
    top: 0px;
    height: 1px;
    display: block;
    margin-top: 0;
    position: absolute;
}

.platform7Menu10 ul#mainNavigation > li:first-child {
    margin-right: 0
}

.platform7Menu10 ul#mainNavigation li {
    text-align: center;
    position: relative;
    border-bottom: 1px solid #c9c9c9;
    padding: 3px 10px 3px 10px;
}

.platform7Menu10 ul#mainNavigation .subSecondNavigation li {
    overflow: hidden;
    color: #111;
}

.platform7Menu10 ul#mainNavigation li a {
    font-size: 18px;
    line-height: 1.8;
    cursor: pointer;
    display: block;
    z-index: 100;
    padding: 7px 0
}

.platform7Menu10 ul#mainNavigation li a {
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease
}

.platform7Menu10 ul#mainNavigation li.selected, .platform7Menu10 ul#mainNavigation li:hover {
    background: #ffffff
}

.platform7Menu10 ul#mainNavigation > li.selected {
    z-index: 0;
}

.platform7Menu10 ul#mainNavigation > li.selected > a, .platform7Menu10 ul#mainNavigation > li:hover > a {
    color: black
}

.platform7Menu10 ul#mainNavigation .subSecondNavigation {
    opacity: 0;
    /* visibility:hidden; */
    transition: all .5s;
    transition-delay: .5s;
}

.platform7Menu10 ul#mainNavigation li:hover .subSecondNavigation {
    opacity: 1;
}

.platform7Menu10 ul.subSecondNavigation {
    position: absolute;
    right: 111%;
    width: 100%;
    overflow: visible !important;
    top: 50%;
    transform: translateY(-50%);
    /* opacity: 1 !important; */
    background: inherit !important
}

.platform7Menu10 ul.subSecondNavigation .subSecondNavigation {
    position: unset;
    right: 0;
    display: block;
    margin-top: 56px;
    width: 98%;
    margin: 0 auto;
    top: 0;
    box-shadow: rgb(0 0 0 / 9%) 0px 7px 8px 0;
    -webkit-box-shadow: rgba(0,0,0,0.09) 0 7px 8px 0;
    background: #e3e3e3 !important;
    transform: translateY(0);
}

.platform7Menu10 ul.subSecondNavigation .subSecondNavigation {
    display: none
}

.platform7Menu10 ul.subSecondNavigation:before {
    content: '';
    position: absolute;
    width: 40%;
    height: 100%;
    right: -40%;
    display: block;
    z-index: 10
}

.platform7Menu10 ul.subSecondNavigation > li:hover > a {
    color: black !important
}

.platform7Menu10 ul#mainNavigation li a.arrow:before {
    content: " ";
    border: 8px solid;
    border-color: transparent transparent white transparent;
    position: absolute;
    left: 11px;
    display: inline-block;
    margin-top: 10px;
    transform: rotate(-90deg);
}

.platform7Menu10 ul#mainNavigation .subSecondNavigation li a.arrow:before {
    transform: rotate(45deg);
}

.cross.platform7Menu10 #headerContent ul#mainNavigation li:before, .platform7Menu10 #headerContent ul#mainNavigation li:last-child:after {
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    opacity: 0;
}

@-webkit-keyframes menu {
    from {
        transform: translate(-50%,-80%) perspective(1000px) rotateX(80deg);
        -webkit-transform: translate(-50%,-80%) perspective(1000px) rotateX(80deg);
        opacity: 0
    }

    to {
        transform: translate(-50%,-50%) perspective(1000px) rotateX(0deg);
        -webkit-transform: translate(-50%,-50%) perspective(1000px) rotateX(0deg);
        opacity: 1
    }
}

@-ms-keyframes menu {
    from {
        transform: translate(-50%,-80%) perspective(1000px) rotateX(80deg);
        -webkit-transform: translate(-50%,-80%) perspective(1000px) rotateX(80deg);
        opacity: 0
    }

    to {
        transform: translate(-50%,-50%) perspective(1000px) rotateX(0deg);
        -webkit-transform: translate(-50%,-50%) perspective(1000px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes menu {
    from {
        transform: translate(-50%,-80%) perspective(1000px) rotateX(80deg);
        -webkit-transform: translate(-50%,-80%) perspective(1000px) rotateX(80deg);
        opacity: 0
    }

    to {
        transform: translate(-50%,-50%) perspective(1000px) rotateX(0deg);
        -webkit-transform: translate(-50%,-50%) perspective(1000px) rotateX(00deg);
        opacity: 1
    }
}

@-webkit-keyframes menu-rev {
    from {
        transform: translate(-50%,-50%) perspective(1000px) rotateX(0deg);
        -webkit-transform: translate(-50%,-50%) perspective(1000px) rotateX(0deg);
        opacity: 1
    }

    to {
        transform: translate(-50%,-20%) perspective(1000px) rotateX(-80deg);
        -webkit-transform: translate(-50%,-20%) perspective(1000px) rotateX(-80deg);
        opacity: 0
    }
}

@-ms-keyframes menu-rev {
    from {
        transform: translate(-50%,-50%) perspective(1000px) rotateX(0deg);
        -webkit-transform: translate(-50%,-50%) perspective(1000px) rotateX(0deg);
        opacity: 1
    }

    to {
        transform: translate(-50%,-20%) perspective(1000px) rotateX(-80deg);
        -webkit-transform: translate(-50%,-20%) perspective(1000px) rotateX(-80deg);
        opacity: 0
    }
}

@keyframes menu-rev {
    from {
        transform: translate(-50%,-50%) perspective(1000px) rotateX(0deg);
        -webkit-transform: translate(-50%,-50%) perspective(1000px) rotateX(0deg);
        opacity: 1
    }

    to {
        transform: translate(-50%,-20%) perspective(1000px) rotateX(-80deg);
        -webkit-transform: translate(-50%,-20%) perspective(1000px) rotateX(-80deg);
        opacity: 0
    }
}

.platform7Menu10 div#layout-logo {
    left: auto;
    right: 80px;
    height: 80px;
    background-position: right;
}

.platform7Menu10.scrolled #headerContainer, .platform7Menu10.addressSelected #headerContainer {
    /* position: relative !important; */
    /* top: 0 !important; */
}

.platform7Menu10 .menu_svg {
    position: absolute;
    width: auto;
    margin-top: 5px;
    top: 0;
}

.platform7Menu10:not(.scrolled) div#virtualView {
    position: relative;
}

.platform7Menu10 .menu_svg svg {
    width: 53px;
}

.platform7Menu10 .menu_svg:before {
    right: 0;
}

.platform7Menu10 div#headerContainer {
}

.platform7Menu10 #layout-search-icon, .platform7Menu10 .searching div#header-wrapper-list:before {
    top: 27px;
    left: 300px;
}

.platform7Menu10.searching div#header-wrapper-list:before {
    top: 27px;
    left: 300px;
    background-color: #b5b5b5;
     border-radius: var(--platfrom7-boder-radius2);
}

.platform7Menu10 .cross.platform7Menu10 #headerContent {
    background: var(--platfrom7-them-background) !important;
}

ul#headerMenu {
    font-size: 1rem;
    text-align: right;
    padding-right: 257px;
    margin-top: 28px;
}

ul#headerMenu li {
    display: inline-block;
    margin-left: 30px;
    transition: 0.3s;
}

ul#headerMenu li:hover {
    color: var(--platfrom7-them-background);
}

ul#headerMenu li:nth-child(n+5) {
    display: none;
}

/*Menue......................end menue 10..................................*/
.footer-bottom-wrapper span {
    float: left;
    direction: ltr;
    color: white;
    font-size: 12px;
}

.footer-bottom-wrapper {
    color: white;
    position: relative;
    width: 100%;
    margin: auto;
    margin-top: 0;
    background: #252525;
    padding: 14px 0 34px 0;
    display: inline-block;
    box-shadow: 0px -1px 5px 0px rgb(0 0 0 / 57%);
    display: none;
}

.footer-bottom-wrapper > div {
    width: 90%;
    max-width: 1360px;
    margin: auto;
}

/* atawich........................................................*/
.resizable[data-boxstyle="t-footer-13"] .fixed-img {
    max-width: 220px;
}

.resizable[data-boxstyle="t-footer-13"] .fixed-img img {
    max-width: 100%;
}

/* end atawich ........................................................*/
.platform7Menu10 div#layout-logo {
    height: 61px;
    top: 10px;
    width: 135px;
}

.resizable[data-tmplname="slideshow"] .options-wrapper {
    top: 100px;
}

div#addressMapList_wrapper {
    position: absolute;
    left: 30px;
    z-index: 1100;
    width: calc(100% - 60px);
    height: auto;
    max-height: 40vh;
    padding: 0px 0.5rem;
    overflow-y: scroll;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(58, 61, 66, 0.06) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0px 4px 16px -8px;
    transition: all 0.3s linear 0s;
    top: 66px;
    border-radius: 0 0 var(--platfrom7-boder-radius2);
}

.address_search {
    position: relative;
}

div#addressMapList_wrapper div {
    display: flex;
    flex-shrink: 0;
    -webkit-box-align: center;
    align-items: center;
    height: 3.5rem;
    padding: 0px 1rem;
    border-bottom: 1px solid rgb(221, 221, 221);
    cursor: pointer;
    color: rgb(166, 170, 173);
    font-size: 15px;
    /* height: 50px; */
}

div#addressMapList_wrapper div span {
    color: black;
    margin-left: 10px;
}

div#addressMap_order {
    z-index: 101;
    position: absolute;
    right: 250px;
    width: 300px;
    height: 59px;
    color: black;
    margin-top: 0;
    text-align: right;
    top: 16px;
    display: none;
}

div#addressMap_order p {
    font-size: 0.8rem;
}

body:not(.addressSelected) div#addressMap_order {
    display: none !important;
}

div#addressMap_order > svg {
    position: absolute;
    right: -30px;
    top: 15px;
    fill: rgb(194 195 198);
}

div#addressMap_order span {
    font-weight: 400;
    font-size: 0.725rem;
    line-height: 0.75rem;
    width: auto;
    height: auto;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    color: rgb(58, 61, 66);
    text-align: initial;
    opacity: 0.6;
    overflow: hidden;
    width: 261px;
    max-width: calc(100% - 43px);
    text-overflow: ellipsis;
    white-space: pre;
}

div#addressMap_order > div svg {
    fill: var(--platfrom7-them-background);
}

div#fullAddress_wrapper {
    padding: 0.2rem 1rem 1rem;
    display: none;
    line-height: 1.4;
    font-size: 1rem;
}

div#fullAddress_wrapper textarea {
    height: 100px;
    font-size: 1rem;
    padding: 0.8rem;
    margin-top: 10px;
    color: rgb(83, 86, 92);
}

div#fullAddress_wrapper info {
    font-size: 0.8rem;
    position: relative;
    display: block;
    z-index: 3;
    padding: 8px;
    line-height: 1.5;
}

div#fullAddress_wrapper info:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    background: var(--platfrom7-them-background);
    z-index: -1;
    border-radius: var(--platfrom7-boder-radius1);
    opacity: .1;
}

.address_search.food_searchWrapper {
    width: 250px;
    right: 535px;
    top: 7px;
    display: none;
}

.addressSelected .address_search.food_searchWrapper {
    display: block;
}

.addressSelected #layout-search-icon {
    display: none
}

.food_searchWrapper .choseAddress:after {
    display: none;
}

.food_searchWrapper .choseAddress:before {
    background-image: url(/Content/base/dynamic/shopping4092/img/105966.jpg);
    filter: brightness(0.5) invert(1);
    width: 25px;
    height: 21px;
    right: 2px;
    content: " ";
    position: absolute;
    background-size: contain;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
}

.food_searchWrapper .choseAddress input[type="text"] {
    height: 47px;
    /* background: #f7f7f7; */
}

.resizable[data-boxstyle="f-leon-food"] .foodWrapper > div a.hideSearch {
    display: none !important;
}

.resizable[data-boxstyle="f-leon-food"] .foodWrapper > div.hideSearch {
    display: none;
}

body.addressSelected.platform7Menu10.scrolled .menu_svg, body.addressSelected.platform7Menu10.addressSelected .menu_svg {
    top: 0 !important;
}

.resizable[data-boxstyle="f-leon-food"] {
    /* display: none; */
    padding-top: 0 !important;
}

.resizable[data-boxstyle="f-leon-food"].show {
    opacity: 1;
}

.resizable[data-boxstyle="f-leon-food"] .sub-body-content-tabs {
    margin-top: 6px;
    display: block;
}

.resizable[data-boxstyle="f-leon-food"] .gpImg_wrapper {
    /* width: 45px; */
    height: 55px;
    top: 5px;
}

.resizable[data-boxstyle="f-leon-food"] .gpImg_wrapper img {
    object-fit: cover
}

.resizable[data-boxstyle="f-leon-food"] div#body-content-tabs {
    height: auto;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.16);
}

.resizable[data-boxstyle="f-leon-food"] .foodWrapper > div {
    /* background: #fdfdfd; */
    margin-bottom: 10px;
    /* border: 2px solid #e3e3e3; */
    /* padding: 0; */
    /* border-radius: var(--platfrom7-boder-radius2); */
    padding-top: 0;
    font-size: 0;
    width: 95%;
}

.resizable[data-boxstyle="f-leon-food"] .foodWrapper > div .titr span:before, .resizable[data-boxstyle="f-leon-food"] .foodWrapper > div .titr span:after {
    height: 3px;
    background: #e3e3e3;
}

.resizable[data-boxstyle="f-leon-food"] #body-content-tabs label.selected2:before {
    background: var(--platfrom7-them-background);
}

.resizable[data-boxstyle="f-leon-food"] #body-content-tabs label.selected2 {
    color: white;
}

.resizable[data-boxstyle="f-leon-food"] #body-content-tabs label {
    padding-top: 70px;
    font-weight: bold;
    font-size: 13px;
    width: 7%;
    max-width: 140px;
    height: 102px;
    margin-bottom: -5px;
    min-width: 100px;
}

.resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-boxstyle="f-leon-food"] #body-content-tabs label:nth-child(n+9) {
    display: none;
}

.resizable[data-boxstyle="f-leon-food"] .foodWrapper > div a {
    border: 1px solid #e3e3e3;
    background: none;
    /* box-shadow: 0 0 1px 0 var(--platfrom7-them-background); */
}

.resizable[data-boxstyle="f-leon-food"] .foodWrapper > div a[data-count] {
    border: 1px solid var(--platfrom7-them-background);
    box-shadow: 0 0 1px 0 var(--platfrom7-them-background);
}

i.fa.fa-fw.fa-minus.disable {
    background: #bdbdbd;
}

.resizable[data-boxstyle="f-leon-food"] .foodWrapper > div a[data-count] .product-name {
    color: var(--platfrom7-them-background);
}

.resizable[data-boxstyle="f-leon-food"] div#body-content-tabs {
    background: white;
}

.resizable[data-boxstyle="f-leon-food"] .allMenue {
    display: none;
}

.wrapper_Payable {
    text-align: right;
    line-height: 31px;
    padding: 0;
    padding-bottom: 18px;
}

div#onlineFoodShopping_wrapper .orderDetails-wrapper > div > div:nth-child(1) {
    display: none;
}

div#onlineFoodShopping_wrapper .orderDetails-wrapper > div > div:nth-child(4) {
    display: block !important;
    font-size: 13px;
    color: green;
}

div#onlineFoodShopping_wrapper .orderDetails-wrapper > div > div {
    padding-right: 0;
}

div#onlineFoodShopping_wrapper .orderDetails-wrapper > div > div:nth-child(2) {
    height: auto;
    font-size: 13px;
    max-width: 154px;
    max-width: calc(100% - 110px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}

div#onlineFoodShopping_wrapper .orderDetails-wrapper > div {
    padding: 5px 10px !important;
    min-height: 0;
    line-height: 32px;
    display: inline-block;
    width: auto;
    background: none;
    border: none;
    width: 100%;
}

div#onlineFoodShopping_wrapper .btnFoodOrder .fa-plus, div#onlineFoodShopping_wrapper .btnFoodOrder .fa-minus {
    height: 24px !important;
    width: 24px !important;
    border-radius: 50%;
    padding: 0;
    border-width: 1px;
    float: left;
    top: -4px;
}

div#onlineFoodShopping_wrapper .btnFoodOrder .fa-minus {
    /* top: -24px; */
    /* right: -48px; */
}

div#onlineFoodShopping_wrapper .btnFoodOrder span.chartCounter {
    left: 21px;
    top: 4px;
    border: none;
    font-size: 13px;
    width: 17px;
    height: 17px;
}

div#onlineFoodShopping_wrapper .orderDetails-wrapper input {
    width: 36px;
    float: left;
    right: 1px;
} 

div#onlineFoodShopping_wrapper .btnFoodOrder {
    position: absolute;
    top: 24px;
    left: 0;
}

div#onlineFoodShopping_wrapper .orderDetails-wrapper {
    display: block;
    background: white;
    text-align: right;
    border-radius: var(--platfrom7-boder-radius2);
    margin-bottom: 7px;
    border: 1px solid rgb(192 10 39 / 17%);
    position: relative;
}

div#onlineFoodShopping_wrapper .orderDetails-wrapper[data-parentbasketdetaild]{
   
    margin-top: -20px;
    border-radius: 0 0 var(--platfrom7-boder-radius2) var(--platfrom7-boder-radius2);
    padding-top:0;
    border-top:none;
}
div#onlineFoodShopping_wrapper .orderDetails-wrapper[data-parentbasketdetaild] .btnFoodOrder{
    display:none;
}



div#onlineFoodShopping_wrapper > div {
    padding: 10px;
    padding-bottom: 100px;
}

div#orderDetails-totalPrice input {
    width: 191px;
    margin-right: 5px;
}

input[name="organizationCard"],input[name="DiscountCode"] {
    padding-right: 10px;
}

div#onlineFoodShopping_wrapper .orderDetails-wrapper[data-id=''] .btnFoodOrder {
    display: none;
}

div#onlineFoodShopping_wrapper .orderDetails-wrapper[data-id='']:before {
    content: '';
    background: url('/Content/base/dynamic/shopping4092/img/105972.jpg') no-repeat;
    background-size: 28px;
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 7px;
}

div#onlineFoodShopping_wrapper .orderDetails-wrapper[data-id=''] > div > div:nth-child(4) {
    display: none !important;
}

span#checkDiscountCode, #checkOrganizationCode {
    display: inline-block;
    min-width: 85px;
    width: 115px;
    height: 40px;
    overflow: hidden;
    /* float: left; */
    margin: 0;
    padding: 4px 0;
    position: absolute;
    top: 10px;
    right: 217px;
}

#wrapper_steps .shipping .head h2 {
    display: none;
}

div#ctl08_rptPaymentList_dvChooseBank_0 {
}

span.wiki {
    display: none;
}

#pnlPaymentList .payment_item.active table .first {
    display: none;
}

div#pnlPaymentList * {
    font-size: 14px !important;
}

div#pnlPaymentList {
    padding-top: 0;
}

div#btnFinalizePayment {
    width: 100%;
    line-height: 40px;
}

div#useUserCredit {
    float: none;
    margin: 5px 0 0;
}

.userProfile-wrapper .shipping {
    padding: 0;
}

#orderDetails-totalPrice > div {
    width: 100%;
    display: block;
    background: #e9e9e9 !important;
    text-align: right;
    border-radius: var(--platfrom7-boder-radius1);
    margin-bottom: 7px;
    border: 1px solid rgb(205 205 205 / 17%);
}

#main:not(.UPDashboard) .userProfile-wrapper > .orderReview_basketDatils {
    display: none !important;
}

#orderDetails-totalPrice > div {
    margin-right: 0;
    margin-left: 0;
    border-radius: var(--platfrom7-boder-radius2) !important;
}

div#Food_userAuthentication.largeBox {
    max-width: 614px;
}

div#discountResualt_error {
    font-size: 12px;
    line-height: 1.7;
    margin-top: 7px;
    display: none;
}

.simply-toast.alert.alert-warning {
    font-size: 15px;
    z-index:100000 !important;

}

.platform7Menu1 ul#mainNavigation > li > a.selected {
    color: #ffb411;
}

a#messageMinOrderPrice {
    background: #ffedde;
    display: none;
    text-align: center;
    padding: 10px;
    margin: 10px 0;
     border-radius: var(--platfrom7-boder-radius1);
    border: 1px solid #e5ad72;
    font-size: 12px;
}

a#messageMinOrderPrice[style="display: inline;"] {
    display: block !important;
}

div#selectBranchID h3 {
    font-size: 18px;
}

body > a {
    display: none;
}

#AddressMap_frame input[type="checkbox"] {
    vertical-align: middle;
    border-radius: 50%;
    appearance: none;
    -webkit-appearance: none;
    align-content: center;
    justify-content: center;
    width: 20Px;
    height: 20px !important;
    padding: 0;
    border: 1px solid #adadad;
}

div#addressList_wrapper, #localBranchList, .branchMapData, .chLocalBranch_wrapper, .disableAllBranch {
    padding: 0.2rem 1rem 1rem;
}

.chLocalBranch_wrapper {
    margin-bottom: 21px;
    margin-top: 13px;
    margin-right: 20px;
}

div#addressList_wrapper div#wrapper_steps {
    margin: 0;
}

div#addressList_wrapper #wrapper_steps .fullName {
    display: none;
}

div#addressList_wrapper p {
    text-align: center;
}

#wrapper_steps .shipping_list > div {
    margin-bottom: 10px;
    display: table;
    margin-top: 0;
    border-radius: 13px;
    background: rgb(255 255 255 / 48%);
    border: 1px solid rgba(58, 61, 66, 0.06);
    border-radius: 0.375rem;
}

#wrapper_steps .shipping_list > div *, #wrapper_steps .shipping_list > div > div {
    color: rgb(83, 86, 92);
    border: none !important;
    background: none;
    padding-top: 3px !important;
    line-height: normal;
}

#wrapper_steps .shipping_list > div .radio_wrapper {
    width: 9px !important;
    padding-right: 10px !important;
    padding-left: 0px !important;
}

#wrapper_steps .shipping_list > div .radio_wrapper input {
    width: 20px !important;
    height: 20px !important;
}

#wrapper_steps .shipping_list {
    border: none;
    max-height: 50vh;
    overflow: auto;
    display: block;
}

#wrapper_steps .shipping_list .details:nth-child(3), #wrapper_steps .shipping_list .details:nth-child(4) {
    display: none;
}

#wrapper_steps .shipping_list > div > div {
    width: 17px !important;
}

#wrapper_steps .shipping_list .details {
    border: none !important;
    line-height: 30px;
    /* height: 35px !important; */
    display: flex;
    padding-right: 7px;
}

.platform7Menu10 a#ProductInChartImg span {
    display: none;
}

.platform7Menu10 a#ProductInChartCount {
    margin-left: -5px;
    top: -5px;
    position: absolute !important;
}

.platform7Menu10 a#ProductInChartImg {
    top: 25px;
}

.platform7Menu10 a#ProductInChartImg, #ProductInChartCount {
    margin-left: 200px;
}

ul#profileMenuList a {
    color: white !important;
    cursor: pointer !important;
}

ul#profileMenuList li.active {
    /* background: var(--platfrom7-them-background-color); */
}

ul#profileMenuList > li:first-child {
    display: none;
}

#main.UPDashboard .userProfile-wrapper > div {
    display: none;
    background-color: rgb(255, 255, 255);
    border: 0.0625rem solid rgba(58, 61, 66, 0.06);
    border-radius: 0.75rem;
    box-shadow: rgba(58, 61, 66, 0.06) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0px 4px 16px -8px;
    padding: 25px !important;
    min-height: 340px;
}

ul#profileMenuList li {
    margin-bottom: 8px;
    border-radius: var(--platfrom7-boder-radius1);
    border: none;
    position: relative;
    padding-right: 28px;
    padding: 1px 28px 7px 0;
}

.userProfile-wrapper a {
    border-radius: var(--platfrom7-boder-radius1);
}

ul#profileMenuList li a {
    color: black !important;
}

ul#profileMenuList li.active a {
    color: black !important;
}

ul#profileMenuList li:before {
    display: none;
}

ul#profileMenuList {
    box-shadow: none !important;
    border: none !important;
   
}
#main.UPDashboard .userProfile-wrapper, ul#profileMenuList {
    margin-top: 50px;
}
a.add_address.left {
    margin-top: 0;
}

.userGrideData > div {
    display: table;
    margin-top: 0;
    border-radius: 13px;
    background: rgb(255 255 255 / 48%);
    /* border: 1px solid rgba(58, 61, 66, 0.06); */
    border-radius: 0.375rem;
    width: 100%;
    margin-bottom: 12px;
    padding: 15px;
    background: #fafafa !important;
}

.userGrideData > div * {
    display: table-cell;
}
.userGrideData > div h4{
    margin-bottom: 16px;
}
.userGrideData .btnBuyScorePackage{
    padding: 5px 30px;
    width: 100%;
}
.userGrideData .btnBuyScorePackage.disable{
    background: gray;
    cursor: no-drop;
}
span.score_endDateTime {
    /* position: absolute; */
    font-size: 12px;
    color: #bdbdbd;
    height: 25px;
}
.userGrideData > h3 {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

.boxheader span {
    margin-top: 0;
}

div#userShopping_wrapper_data {
    margin-top: 0;
}

.userpic_wrapper {
    position: absolute;
    left: 40px;
    border-radius: var(--platfrom7-boder-radius2);
    margin: 0;
    background: none;
    border: none;
    top: 175px;
    /* bottom: 131px; */
}

.userProfile-wrapper {
    /* margin-top: 0 !important; */
}

#orderDetails-totalPrice .wrapper_Payable {
    display: inline-block;
}

#main:not(.UPDashboard) .userProfile-wrapper > div {
    display: block !important;
}

#main:not(.UPDashboard) .userProfile-wrapper > div.clearfix , .userProfile-wrapper > div#wrapper_steps .clearfix {
    background-color: transparent !important;
}
div#orderDescription_wrapper textarea {
    height: 100px;
    margin-top: 6px;
    padding: 10px;
}
div#orderDescription_wrapper {
    font-size: 13px;
    margin-top: 20px;
}

.addNewAddressMap {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: solid 2px #a3a3a3;
    font-size: 15px;
    cursor: pointer;
    padding: 6px 20px !important;
    line-height: 18px;
    -webkit-border-radius: var(--platfrom7-boder-radius2);
    display: inline-block;
    margin-top: 13px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    text-align: center;
    margin: 0 9px;
    width: auto;
    color: white;
    margin-top: -9px;
    background: var(--platfrom7-them-2-background);
    float: left;
}

div#CreditPackage_wrapper {
    display: none;
}

a[data-temp="AddPhoneNumber"] {
    display: inline-block;
    color: green;
    text-decoration: underline;
}

#main.UPDashboard form#logoutForm {
    position: absolute !important;
    left: 17px;
    top: 95px !important;
}

.userProfile-wrapper > div#wrapper_steps {
    margin-bottom: 0;
}

.installmentCreditLabel {
    display: none;
}

div#clientInfo_wrapper > div {
    margin-bottom: 17px;
}

div#clientInfo_wrapper > div label {
    color: black;
}

div#clientInfo_wrapper {
    margin-top: 0;
}

div#clientInfo_wrapper > div:nth-child(4), div#clientInfo_wrapper > div:nth-child(3), div#clientInfo_wrapper > div:nth-child(5) > div:nth-child(1), div#clientInfo_wrapper > div:nth-child(5) > div:nth-child(2) {
    display: none;
}

span.image_uploader_img {
    /* width: 60px; */
    /* height: 60px; */
    /* margin: 8px auto; */
}

.position-wrapper.image_uploader {
    margin-bottom: -11px;
}

.mainContent-wrapper > div#body-main-wrapper.ClientLayout {
    padding-top: 0;
}

.couponList_wrapper > div, #orderCoupon_wrapper > div {
    display: inline-block;
    height: auto;
    line-height: 1;
    padding: 20px;
    border-radius: var(--platfrom7-boder-radius2);
    position: relative;
    padding-right: 88px;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 3px 0 grey;
    margin-left: 1%;
    margin-bottom: 1%;
    font-size: 1rem;
    background: white;
    width: 32%;
    /* height: 107px; */
    \: right;
    vertical-align: top;
}

#orderCoupon_wrapper > div {
    padding: 8px 20px 4px 7px;
    width: 100%;
    font-size: 0;
    line-height: 18px;
    margin-bottom: 8px;
    cursor: pointer;
}

.couponList_wrapper > div:before {
    content: '';
    background: url('/Content/base/dynamic/shopping4092/img/105972.jpg') no-repeat;
    position: absolute;
    width: 50px;
    height: 50px;
    background-size: cover;
    top: 22px;
    right: 17px;
}

.couponList_wrapper, #orderCoupon_wrapper {
    font-size: 18px;
    width: 90% !important;
    max-width: 1360px;
    margin: auto !important;
    white-space: inherit !important;
}

.couponList_wrapper > div span, #orderCoupon_wrapper > div span {
    display: block;
    text-align: revert;
}

.couponList_wrapper > div span:nth-child(1), #orderCoupon_wrapper > div span:nth-child(1) {
    color: var(--platfrom7-them-background);
    margin-bottom: 20px;
}

#orderCoupon_wrapper > div span:nth-child(2) {
    width: 65%;
}

.couponList_wrapper label, #orderCoupon_wrapper label {
    margin-bottom: 31px;
    display: block;
    font-size: 1.2rem;
}

#orderCoupon_wrapper * {
    font-size: 0.8rem;
}

#orderCoupon_wrapper > div span:nth-child(1) {
    margin-bottom: 7px;
    width: 100%;
}

#orderCoupon_wrapper > div[data-enable="true"] {
    border: 1px solid green;
    box-shadow: none;
    background: #fbfffb;
}

#orderCoupon_wrapper > div:not([data-id="0"]):after, .dishList > label:after ,.OrderTimeSheet_wrapper div > label:after {
    content: '';
    width: 10px;
    height: 10px;
    border: 1px solid gray;
    display: block;
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -5px;
}

#orderCoupon_wrapper > div[data-id="0"] {
    height: 50px;
}

#orderCoupon_wrapper > div[data-enable="true"]:before, .dishList > label:first-of-type:not(.deactive):before, .dishList > label.active:before, .OrderTimeSheet_wrapper div > label.active:before {
    content: '';
    position: absolute;
    height: 13px;
    width: 5px;
    border: 2px solid #1295D2;
    border-top: 0;
    border-left: 0;
    transform: rotate(44deg);
    right: 15px;
    top: 50%;
    margin-top: -10px;
}

#orderCoupon_wrapper > div span {
    display: inline-block;
    width: 50%;
}

.resizable[data-boxstyle="f-leon-food"] .foodWrapper > div a .p_amazzingoffer_wrapper {
    display: none;
}

.resizable[data-boxstyle="f-leon-food"] span.p_disocunt {
    top: -10px;
    right: -10px;
}

.resizable[data-boxstyle="f-food-partty"] .resizable .rightContainer h4 {
    line-height: normal;
    font-size: 2rem;
}

.resizable[data-boxstyle="f-food-partty"] .productslide .p_amazzingoffer_wrapper {
    display: none;
}

.resizable[data-boxstyle="f-food-partty"] .rightContainer .p_amazzingoffer_wrapper {
    bottom: auto;
    top: 24px;
}

.resizable[data-boxstyle="f-food-partty"] .amazingoffer {
    background: none;
}

.resizable[data-boxstyle="f-food-partty"] .amazingoffer .clock * {
    font-size: 22px;
}

.resizable[data-boxstyle="f-leon-food"] .productslide_sub {
    /* display: none; */
    height: auto !important;
}

.resizable[data-boxstyle="f-leon-food"] .body-content-wrapper > div > .productslide > div.productslide_sub {
    height: auto !important;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.resizable[data-boxstyle="f-food-partty"] .resizable .rightContainer {
    line-height: normal;
}

.resizable[data-boxstyle="f-food-partty"] .resizable .body-content-wrapper > div > .slidesjs-previous, .resizable[data-boxstyle="f-food-partty"] .resizable .body-content-wrapper > div > .slidesjs-next {
    width: 42px;
    position: absolute;
    margin-top: -21px;
}

.resizable[data-boxstyle="f-food-partty"] .resizable .body-content-wrapper > div > .slidesjs-previous:before, .resizable[data-boxstyle="f-food-partty"] .resizable .body-content-wrapper > div > .slidesjs-next:before {
    left: 9px;
}

#localBranchList {
    display: none;
}

#localBranchList p:first-child {
    font-size: 1.3rem;
    margin-bottom: 18px;
}

.branchList > div:hover {
    /* background: var(--platfrom7-them-background); */
    /* color: white; */
}

.branchList {
    margin-top: 15px;
    font-size: 0;
    max-height: 50vh;
    overflow: auto;
    position: relative;
}

.branchList > div {
    display: inline-block;
    width: 32%;
    text-align: right;
    /* background: red; */
    font-size: 0.9rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    margin-left: 1%;
    transition: .3s;
    padding: 4px 7px;
     border-radius: var(--platfrom7-boder-radius1);
    cursor: pointer;
    position: relative;
}

.branchList > div.active:before {
    content: " ";
}

.branchList > div.active span.selected , .branchList > div:hover span {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    /* background: red; */
    z-index: 0;
    background: var(--platfrom7-them-background);
    opacity: .1;
}

.branchList > div:before {
    content: '';
    width: 18px;
    height: 18px;
    /* background: url('/Content/base/dynamic/shopping765/files/105907/free-location-icon-2950-thumbcopy22(2).svg'); */
    background-size: contain;
    background-repeat: no-repeat;
    float: right;
    margin-left: 10px;
    margin-top: 0px;
    border-radius: 50%;
    background-position: center;
    border: 1px solid #c8c8c8;
}

.branchList > div:after {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    float: right;
    margin-right: -26px;
    margin-top: 4px;
}

.branchList > div:hover:before {
    filter: none;
}

.branchList > div.active:before {
    border-color: var(--platfrom7-them-background);
    filter: none;
}

.branchList > div.active:after {
    background: var(--platfrom7-them-background);
}

#selectBranchID .branchList:before {
    display: none;
}

div#addressDetails_wrapper {
    margin-top: 0;
    /* background: #efefef; */
    padding: 0;
    border-radius: var(--platfrom7-boder-radius2);
}

div#GmapBranch {
    display: block;
}

div#GmapBranch > span {
    color: var(--platfrom7-them-color);
    font-weight: bold;
    font-size: 18px !important;
}

div#GmapBranch > div {
    display: none;
}

.branchMapData {
    padding-bottom: 0;
    display: none;
}

.branchMapData * {
    font-size: 0.9rem !important;
}

.branchMapData > div {
    width: 45%;
    display: inline-block;
    line-height: 3;
    float: right;
    margin-bottom: 17px;
    margin-right: 15px;
}

.branchMapData * {
    line-height: 20px !important;
}

.branchMapData div#GmapPostPrice span {
    color: var(--platfrom7-them-color);
    font-weight: bold;
    font-size: 18px !important;
}

div#GmapPostPrice label, #GmapBranch label {
    display: inline-block;
    width: auto;
    margin-left: 5px;
    color: #111;
}

.disableAllBranch .buttonList {
    width: 100%;
    display: block;
    margin-top: 11px;
}

.disableAllBranch .buttonList a {
    width: 100%;
}

.resizable[data-boxstyle="f-food-partty"] {
    display: none;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

.resizable[data-boxstyle="f-leon-food"] > .body-content-wrapper > div > .productslide > div.foodWrapper {
    padding-top: 10px !important;
}

.resizable[data-boxstyle="f-leon-food"] > .body-content-wrapper > div > .productslide {
    padding-top: 160px;
}

div#orderCoupon_wrapper {
    background: #ededed;
    padding: 10px;
    border-radius: var(--platfrom7-boder-radius2);
    width: 100% !important;
}

div#orderCoupon_wrapper p {
    margin-bottom: 10px;
    font-size: 1rem;
}

#wrapper_steps .steps {
    display: none;
}


div#img_zoom_wrapper, #product_topping_wrapper, #food_searchWrapper {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(128 128 128 / 50%);
    display: block;
}

div#img_zoom_wrapper > div , #product_topping_wrapper > div,  #food_searchWrapper > div {
    position: absolute;
    top: 0;
    left: 0;
    top: 50%;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
    width: 800px;
    height: 800px;
    max-width: 90%;
    max-height: 90%;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px, rgba(0, 0, 0, 0.16) 0px 8px 32px;
}

#product_topping_wrapper > div {
    width: 400px;
    height:auto;
    /* min-height: 400px; */
    color:rgb(83, 86, 92);
}
#product_topping_wrapper p {
    background:#fbfff8;
    border:1px solid #caffa2;
    padding:10px;
    border-radius:5px;
    font-size:13px;
    margin:10px 0;
}
div#img_zoom_wrapper > div > div, #product_topping_wrapper > div > div, #food_searchWrapper > div > div {
    border-radius: 0.75rem;
    overflow: hidden;
    background: white;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#product_topping_wrapper > div > div{
      position: relative;
}

#product_topping_wrapper > div > div {
    padding: 40px 20px;
    height:auto;
    max-height: 90vh; 
    overflow:auto;
}

.topping_temp_wrapper > div > div {
    margin: 10px 0;
    border: 1px solid #d9d9d9 ;
    padding: 10px 10px;
    border-radius: 5px;
    position:relative;
}
.topping_temp_wrapper .btnFoodOrder{
    position:absolute;
    left:10px;
    bottom:10px;
}
.topping_temp_wrapper .btnFoodOrder i.fa.fa-fw.fa-plus,.topping_temp_wrapper .btnFoodOrder i.fa.fa-fw.fa-minus {
    height: 24px !important;
    width: 24px !important;
    border-radius: 50%;
    padding: 0;
    top: 0;
    border-width: 1px;
    display: inline-block;
    position: absolute;
    cursor: pointer;
}
.topping_temp_wrapper .btnFoodOrder i.fa.fa-fw.fa-plus{
    left: 0
}
.topping_temp_wrapper .btnFoodOrder i.fa.fa-fw.fa-minus{
    left: 55px;
}

.topping_temp_wrapper .btnFoodOrder span.chartCounter {
    font-size: 15px;
    position: relative;
    top: 0px;
    left:36px;
    display: block;
}

#product_topping_wrapper > div > div > div input {
    margin-left: 5px;
    vertical-align:middle;
    display:none;
}
#product_topping_wrapper .toppingPrice{
    float:left;
}
#product_topping_wrapper img{
width:60px;
    height:60px;
    vertical-align:middle;
    border-radius: 5px;
    border: 1px solid gray;
    margin:5px;
    margin-right:0;
}

div#img_zoom_wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body:not(.addressSelected) .resizable[data-boxstyle="f-leon-food"] .body-content-wrapper > div > .productslide > .foodWrapper a .btn {
    display: none;
}

body:not(.addressSelected) .resizable[data-boxstyle="f-leon-food"] .foodWrapper > div .product-slider-price {
    left: 0
}

.resizable[data-boxstyle="f-leon-food"] .body-content-wrapper > div > .productslide > .foodWrapper a .btn {
    width: 0;
    left: 0;
    padding: 0;
}

body:not(.addressSelected) a#ProductInChartImg {
    display: none;
}

#headerContent nav div.layout-login-wraper {
    /* display: none; */
}

.img_wrapper span.img_wrapper {
}

.dishList .img_wrapper {
    width: 80px;
    height: 80px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle;
    border: 1px solid #d1c9c9;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translatey(-50%);
}

.dishGroupChartModel_wrapper > div {
    background: #f3f3f3;
    padding: 13px;
    margin-bottom: 18px;
    border: 1px solid #c9c9c9;
    border-radius: var(--platfrom7-boder-radius2);
}

span.img_wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

div#main.OrderFoodDishes {
    margin: 0 !important;
    width: 100% !important;
    padding: 10px;
}

.dishGroupChartModel_wrapper {
    margin-top: 16px;
}

.dishList > label , .OrderTimeSheet_wrapper div > label {
    display: inline-block;
    background: #ebebeb;
    padding: 10px;
    padding-left: 108px;
    padding-right: 50px;
    margin-bottom: 10px;
    border: 1px solid #c9c9c9;
    border-radius: var(--platfrom7-boder-radius2);
    width: 49.5%;
    margin-left: 1% !important;
    position: relative;
    cursor: pointer;
}

.dishList > label:nth-child(2n+1) {
    margin-left: 0 !important;
}

.dishList {
    font-size: 0;
    margin-top: 10px;
}

.dishList > label > span , .OrderTimeSheet_wrapper div > label span {
    display: block;
    font-size: 14px;
}

.dishList > label > span.fd-capacity {
    display: none;
}

.dishList > label > span:last-child {
    display: block;
}

div#Food_userAuthentication[data-nextstep="OrderFoodDishes"].largeBox {
    width: 90%;
    max-width: 1360px;
}

.dishList > label input, .OrderTimeSheet_wrapper div > label input {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translatey(-50%);
    display: none;
}

.dishList > label:first-of-type:not(.deactive), .dishList > label.active ,.OrderTimeSheet_wrapper div > label.active {
    border-color: var(--platfrom7-them-2-background);
    /* color: white; */
    background: #ecfff5;
}

.dishProductList > div {
    display: inline-block;
    border: 1px solid #a7a7a7;
    background: #c9c9c9;
    padding: 5px 14px;
    border-radius: var(--platfrom7-boder-radius2);
    margin-left: 10px;
    font-size: 14px;
}

.dishProductList {
    font-size: 0;
}

.dishProductList h4 {
    font-size: 17px;
}

.seprateKind_wrapper label {
    display: block;
}

.seprateKind_wrapper p {
    color: gray;
    font-size: 13px;
    padding-right: 20px;
}

.seprateKind_wrapper {
    margin: 10px 0;
}

.resizable[data-boxstyle="f-food-partty"] .resizable[data-boxstyle="t.products-holder"] .body-content-wrapper > div > .productslide a.product-slider-wrapper.deactive {
    display: none !important;
}

a.product-slider-wrapper.deactive:after,a.product-slider-wrapper.disable:after {
    content: '';
    background: hwb(0deg 0% 100% / 19%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 10;
}

.resizable[data-boxstyle="f-leon-food"] .foodWrapper > div a.product-slider-wrapper.deactive {
    /* filter: blur(1px); */
    /* -webkit-filter: blur(1px); */
    opacity: .6 !important;
    cursor: inherit;
}

body.disableOnlineOrder .resizable[data-boxstyle="f-leon-food"] .body-content-wrapper > div > .productslide > .foodWrapper a .btn, body.disableOnlineOrder .couponList_wrapper {
    display: none;
}

.wprofile #orderList_container .tblorder thead td:nth-child(4), .wprofile #orderList_container .tblorder tbody td:nth-child(4), .wprofile #orderList_container .tblorder thead td:nth-child(6), .wprofile #orderList_container .tblorder tbody td:nth-child(6), .wprofile #orderList_container .tblorder thead td:nth-child(8), .wprofile #orderList_container .tblorder tbody td:nth-child(8) {
    display: none;
}

.OrderTimeSheet_wrapper div > label {
    width: 100%;
}

div#timesheet_datetime {
    display: none;
    font-size: 0;
    margin-bottom: 20px;
}

div#timesheet_datetime .select {
    width: 49.5%;
    margin-left: 1%;
    display: inline-block;
    position: relative;
}

div#timesheet_datetime .select:nth-child(2) {
    margin-left: 0;
}

div#timesheet_datetime .select:before {
    content: '';
    background: var(--platfrom7-them-2-background);
    width: 40px;
    height: 100%;
    position: absolute;
    left: 0;
    border-radius: var(--platfrom7-boder-radius2) 0 0 var(--platfrom7-boder-radius2);
}

div#timesheet_datetime .select:after {
    content: '';
    width: 10px;
    height: 10px;
    border: 2px solid white;
    position: absolute;
    border-right: 0;
    border-top: 0;
    transform: rotate(-45deg) translatey(-50%);
    left: 18px;
    top: 50%;
    margin-top: -5px;
}

div#timesheet_datetime .select select {
    font-size: 1rem;
    padding-right: 10px;
}

p.timeSheetTitle {
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.OrderTimeSheet_wrapper h2 {
    margin-bottom: 15px;
}

h3.deactiveAlarm {
    color: orange;
    margin: 0 0 20px 0;
}

.enamad {
    position: relative;
    z-index: 100;
}

.disableOnlineOrder .Product_PlanList {
    /* display: block; */
    position: relative;
    bottom: 0;
    right: 0;
    width: 100%;
}

.disableOnlineOrder .Product_PlanList > div {
    height: auto;
    border-left: 2px solid white;
    float: right;
    background: #fafafa;
    font-size: 16px;
    color: black;
    position: relative;
    padding: 5px;
    padding-left: 35px;
    cursor: pointer;
    width: 33.3%;
    line-height: normal;
}

.disableOnlineOrder .Product_PlanList > div:nth-child(1):nth-last-child(1) {
    width: 100%;
}

.disableOnlineOrder .Product_PlanList > div:nth-child(1):nth-last-child(2), .disableOnlineOrder .Product_PlanList > div:nth-child(2):nth-last-child(1) {
    width: 50%;
}

.disableOnlineOrder .Product_PlanList > div:nth-child(1):nth-last-child(3), .disableOnlineOrder .Product_PlanList > div:nth-child(2):nth-last-child(2), .disableOnlineOrder .Product_PlanList > div:nth-child(3):nth-last-child(1) {
    width: 33.3%;
}

.disableOnlineOrder .Product_PlanList > div label {
    display: block;
    cursor: pointer;
}

.disableOnlineOrder .product-slider-price {
    /* display:none; */
}

.orderDetails_delivery span.TotalDiscount {
    float: none !important;
}

.userProfile-wrapper > #orderDetails-totalPrice .orderDetails_delivery {
    display: none !important;
}

span#organizationCardResult > div {
    background: #e9fae3;
    border: 1px solid gray;
    padding: 3px 10px;
     border-radius: var(--platfrom7-boder-radius1);
    margin: 5px 0;
    position: relative;
}

span#organizationCardResult > div > div {
    width: 45%;
    display: inline-block;
    margin-left: 10px;
}

#main #content span#organizationCardResult > div label,#main #content span#organizationCardResult > div span {
    font-size: 12px;
    margin: 0;
}

span#organizationCardResult span {
}

span.removeOrganizeCard {
    background: rgb(241 8 8);
    height: 20px;
    position: absolute;
    top: 6px;
    left: 5px;
    width: 20px;
    min-width: 0;
    cursor: pointer;
    transition: .3s;
    z-index: 100000 !important;
    border-radius: 100%;
}

span.removeOrganizeCard:before, span.removeOrganizeCard:after {
    content: '';
    width: 12px;
    height: 2px;
    background: white;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    margin: auto;
    margin-top: -1px;
    transform: rotate(45deg);
}

span.removeOrganizeCard:after {
    transform: rotate(135deg);
}

.survey_NPS  .option-wrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 700px;
  margin: auto;
}
.survey_NPS  .option-wrapper label {
    border: 1px solid gray;
    margin: 0;
    padding: 10px 20px !important;
    background: white;
    color: black;

    border-radius: var(--platfrom7-boder-radius1);
}
.survey_NPS label.checked.active{
      background: var(--platfrom7-them-color);
    color:white;
}
.survey_NPS .option-wrapper label input {
    display: none;
}

@media only screen and (min-width: 1300px) {
    body.disableOnlineOrder.addressSelected .food_searchWrapper {
        top: 5px;
        left: 207px;
        right: auto;
        position: absolute;
    }
}

@media only screen and (max-width: 1100px) {
    .address_search .searchIcon {
        background-image: url(/Content/base/dynamic/shopping4092/img/106374.jpg);
        /* filter: brightness(0.5) invert(1); */
        position: absolute;
        background-size: contain;
        top: 36px;
        transform: translateY(-50%);
        background-repeat: no-repeat;
        width: 35px;
        height: 31px;
        left: 0;
        z-index: 100;
    }

    .resizable[data-boxstyle="f-food-partty"] .resizable[data-boxstyle="t.products-holder"] .body-content-wrapper > div > .productslide a {
        width: 48%;
    }

    #headerMenu {
        display: none;
    }

    .addressSelected #layout-logo {
        display: none;
    }

    div#addressMap_order {
        right: 237px;
        top: 22px;
    }

    a#ProductInChartImg, #ProductInChartCount {
        margin-left: 110px
    }

    .platform7Menu10 a#ProductInChartImg, #ProductInChartCount {
        margin-left: 102px;
    }

    #headerContainer .address_search .choseAddress input {
        padding: 0;
        padding-right: 0;
        margin-left: 0;
        border: none;
    }

    .food_searchWrapper .choseAddress:before {
        display: none
    }

    .searchfood .address_search .choseAddress input {
        visibility: visible;
        padding-right: 10px !important;
    }

    .searchfood .address_search.food_searchWrapper {
        min-width: 235px;
        /* top: 56px; */
        /* left: 45px; */
        /* right: 0; */
        margin: 0 auto;
    }

    .searchfood .searchIcon {
        background-image: url(/Content/base/dynamic/shopping4268/img/106370.jpg);
        width: 32px;
        left: 2px;
        top: 34px;
        z-index: 100;
        background-size: 20px;
        background-position: 5px;
    }

    body:not(.searchfood) #headerContainer .address_search .choseAddress {
        width: 0;
        transition: all .5s;
        border: none;
    }

    .addressSelected .layout-login-wraper > div:before {
        content: '';
        background-image: url(/Content/img/b_user_pic_gray.png);
        width: 33px;
        height: 36px;
        background-size: contain;
        background-repeat: no-repeat;
        left: 0;
        color: white;
        top: 3px;
        font-size: 0;
        transition: all .5s;
        display: block;
        position: absolute;
        z-index: -1;
    }

    .address_search.food_searchWrapper {
        left: 54px;
        right: auto;
        width: calc(100% - 164px);
        position: absolute;
    }

    .addressSelected .layout-login-wraper {
        left: 0px !important;
        width: 50px;
        background: none;
        color: transparent;
    }
}

@media only screen and (min-width: 769px ) and (max-width: 1300px) {
    body.disableOnlineOrder.addressSelected .food_searchWrapper {
        display:none;
    }
}

@media only screen and (max-width: 769px) {
    .dishList > label {
        width: 100%;
        margin-bottom: 9px;
    }

    #open-loginRegister a, #open-loginRegister span {
        background: none;
    }

    .resizable[data-boxstyle="f-leon-food"] .foodWrapper > div .product-titr {
        overflow: auto;
        font-size: 13px;
    }
    .resizable[data-boxstyle="f-leon-food"] .foodWrapper > div .product-name
    {
        font-size:15px;
    }

    .scrolled div#virtualView {
        animation: none;
    }

    .searchfood div#addressMap_order {
        opacity: 0;
    }

    div#addressMap_order {
        right: 100px;
    }

    .changePass {
        width: 150px
    }

    .platform7Menu10 .layout-login-wraper {
        left: -5px !important;
    }

    .platform7Menu10 a#ProductInChartImg {
        width: 100%;
        background: var(--platfrom7-them-color);
        top: auto !important;
        bottom: 0;
        position: fixed;
        color: white;
        font-size: 16px;
        line-height: 46px;
        text-align: center;
        margin: 0 !important;
    }

    .platform7Menu10 a#ProductInChartImg span {
        display: inline-block;
    }

    .platform7Menu10 #ProductInChartCount {
        left: auto !important;
        transform: translateX(35px);
        position: relative;
        top: -10px !important;
        margin-left: 0;
    }

    .platform7Menu10 a#ProductInChartImg svg {
        top: 10px;
        margin-left: 11px;
        margin-right: -45px;
    }

    a#ProductInChartImg svg, .body-content-wrapper > div > .productslide a .btn svg {
        display: inline-block !important;
    }

    a#ProductInChartImg svg path, .plist #body-main-features-left .product-repository > svg#chartSVG path, .layout-login-wraper svg path {
        fill: white;
    }

    .resizable[data-boxstyle="f-snapfood-rest"] .container .resizable[data-boxstyle="t-ls-bouch"] {
        padding-bottom: calc(100vh - 70px) !important;
    }

    .resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-boxstyle="f-leon-food"] .body-content-wrapper > div {
        white-space: nowrap;
        overflow: auto;
        width: auto;
    }

    .resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-tmplname="content"] > div .choseAddress, .address_search .choseAddress {
        width: 91%;
        max-width: 500px;
    }

    div#img_zoom_wrapper > div {
        width: 90%;
        height: 0;
        padding-top: 90%;
    }

    body[data-menuid].shopping.platform7Menu10 .menu_svg {
        top: 18px !important;
        position: fixed;
        right: 7px;
    }

    .platform7Menu10 .menu_svg:before {
        right: 5px;
    }
}

@media only screen and (max-width: 469px) {
    #main.UPDashboard .userProfile-wrapper {
        margin-top:0;
    }

    span#checkDiscountCode, #checkOrganizationCode {
        left: 10px;
        right: auto;
    }

    .resizable[data-boxstyle="f-snapfood-rest"] .container .resizable[data-boxstyle="t-ls-bouch"]:after {
        content: '';
        background: #f8f9fb;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: block;
        z-index: 1;
        opacity: .9;
    }

    .address_search .searchIcon {
        top: 33px;
    }

    #main.UPDashboard form#logoutForm {
        top: 39px!important;
        left: 0;
    }

    .branchList > div {
        width: 49%;
    }

    .platform7Menu10 div#headerContent, .platform7Menu10 div#menuImage {
        width: 100%
    }

    .resizable[data-boxstyle="f-leon-food"] .body-content-wrapper > div > .productslide > div.foodWrapper {
        padding-top: 140px;
    }

    .platform7Menu10 div#addressMap_order {
        right: 88px;
        width: 150px;
    }

    html {
        font-size: 14px;
    }

    #headerContent #mainNavigation li a {
        margin-right: 16px;
        display: inline-block;
        line-height: 17px;
        font-size: 1.1rem;
    }

    body:not(.addressSelected).platform7Menu10 #open-loginRegister span {
        color: white;
        padding-right: 0;
        font-size: 0.9rem;
    }

    body:not(.addressSelected).platform7Menu10 .layout-login-wraper {
        max-width: 165px;
        width: auto;
    }

    body:not(.addressSelected).platform7Menu10 div#open-loginRegister a {
        display: none;
    }

    body:not(.addressSelected).platform7Menu10 .layout-login-wraper svg {
        width: 20px;
        left: 10px;
        top: 1px;
        display: none;
    }

    .userpic_wrapper {
        position: relative;
        left: 0;
        margin-bottom: 16px;
        /* bottom: 0; */
        right: 0;
        margin: 0 auto;
        top: -13px;
    }

    .userGrideData > div * {
        display: block;
    }

    #logoutForm a.changePass {
        top: 6px;
        width: auto !important;
    }

    #main.UPDashboard {
        padding-left: 0;
        padding-right: 0;
    }

    .couponList_wrapper > div {
        width: 100%;
        padding-right: 0;
        padding: 10px;
        /* float: right; */
        margin-left: 3%;
        margin-bottom: 3%;
        display: block;
        height: auto;
    }

    .couponList_wrapper > div span:nth-child(1), #orderCoupon_wrapper > div span:nth-child(1) {
        margin-bottom: 12px;
    }

    .couponList_wrapper > div:nth-child(2n + 1) {
        margin-left: 0;
    }

    .couponList_wrapper > div:before {
        width: 30px;
        height: 30px;
        top: 13px;
        right: auto;
        left: 8px;
    }

    .resizable[data-boxstyle="f-food-partty"] {
        margin: 30px auto !important;
        padding: 20px 0 !important;
        border-radius: var(--platfrom7-boder-radius2) var(--platfrom7-boder-radius2);
    }

    .amazingoffer .clock > span > span {
        margin-right: 5px;
    }

    .resizable[data-boxstyle="f-food-partty"] .amazingoffer {
        border: none;
    }

    .resizable[data-boxstyle="f-food-partty"] .rightContainer .p_amazzingoffer_wrapper {
        top: 4px;
        margin-right: -32px;
        width: 50%;
        left: 0;
    }

    .resizable[data-boxstyle="f-food-partty"] .resizable .rightContainer h4 {
        font-size: 1.5rem;
        margin-top: 29px;
        margin-bottom: 0;
    }

    .resizable[data-boxstyle="f-food-partty"] .resizable[data-boxstyle="t.products-holder"] .body-content-wrapper > div > .productslide a {
        padding: 10px;
    }

    .resizable[data-boxstyle="t.products-holder"] .body-content-wrapper > div > .productslide a .btn svg {
        display: block !important;
        bottom: 13px;
    }

    .resizable[data-boxstyle="f-food-partty"] .resizable .body-content-wrapper {
        width: 100%;
    }

    .resizable[data-boxstyle="f-food-partty"] .resizable[data-boxstyle="t.products-holder"] .body-content-wrapper > div > .productslide a {
        width: 53%;
    }

    .resizable[data-boxstyle="f-food-partty"] .resizable .rightContainer {
        width: 100%;
        height: 46px;
    }

    .resizable[data-boxstyle="t.products-holder"] .product-name {
        font-size: 1rem;
        margin: 0;
        height: 33px;
        padding-top: 20px !important;
    }

    .resizable[data-boxstyle="t.products-holder"] span.product-slider-wrapper-img {
        padding-bottom: 80%;
    }

    .resizable[data-boxstyle="f-food-partty"] .resizable .rightContainer h3 {
        font-size: 1rem;
    }

    .resizable[data-boxstyle="f-food-partty"] .resizable .rightContainer .inner {
        width: 50%;
        float: right;
        display: initial;
        margin-top: -18px;
    }

    .resizable[data-boxstyle="f-snapfood-rest"] .resizable[data-tmplname="content"] h4 {
        padding-top: 0;
    }

    .resizable[data-boxstyle="f-snapfood-rest"] .inner-container {
        top: 50%;
    }

    .resizable[data-boxstyle="t-footer-13"] .fixed-img {
        max-width: 150px
    }

    .footer-bottom-wrapper {
        height: 79px;
    }

    .haftsetare_copyRight {
        margin-bottom: 8px;
    }

    .resizable[data-boxstyle="t-footer-13"] > div > div.tkhabarnameform > .resizable[data-boxstyle="t.khabarnameh"] .wrapper_Col .ajax-form .btnBlack {
        top: 0;
    }

    .enamad {
        /* position: relative; */
    }

    #localBranchList:after {
        content: '';
        box-shadow: rgb(255 255 255 / 0.95) 0px -36px 36px 0px;
        width: 90%;
        position: absolute;
        bottom: 0;
        height: 63px;
        left: 5%;
        z-index: 0;
    }

    .button_wrapper[step="2"] button#btnToSelectMap {
        width: 42% !important;
        background: orange;
    }

    .button_wrapper[step="2"] button#btnAcceptMapAddress {
        width: 55% !important;
        background: green;
    }

    .changePass {
        width: 94%;
    }
}

/***********t-questionList-form*****************/
.resizable[data-boxstyle="t-questionList-form"] .ajax-form {
     border-radius: var(--platfrom7-boder-radius2);
    height: 509px;
    position: relative;
    padding: 0px;
    overflow: hidden;
    background: #000000;
}

.resizable[data-boxstyle="t-questionList-form"] .ajax-form:before {
    content: '';
    background: var(--platfrom7-them-background);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: .6;
    box-shadow: inset 0px 0px 30px 5px hsl(0deg 0% 0% / 30%);
}

section.resizable[data-boxstyle="t-questionList-form"] > h4:after {
    display: none;
}

.resizable[data-boxstyle="t-questionList-form"] .question-navigator {
    display: flex;
    border-radius: 0.5rem;
    width: 290px;
    height: 11%;
    margin-top: 4px;
    margin-right: 10px;
}

.resizable[data-boxstyle="t-questionList-form"] .question-navigator > span {
    display: inline-block;
    width: 111px;
    background: white;
    border-radius: var(--platfrom7-boder-radius1);
    transition: all .1s ease-in-out;
    height: 34px;
    margin-left: 1px;
    position: relative;
    cursor: pointer;
    padding-right: 10px;
    line-height: 34px;
    font-size: 13px;
    margin: 0 2%;
}

.resizable[data-boxstyle="t-questionList-form"] .question-navigator > span:after {
    content: '';
    background-color: var(--platfrom7-them-2-background);
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
     border-radius: var(--platfrom7-boder-radius1);
    opacity: .1;
}

.resizable[data-boxstyle="t-questionList-form"] .question-navigator > span:before {
    content: "";
    position: absolute;
    left: 13px;
    right: auto;
    margin: 0 auto;
    width: 6px;
    height: 6px;
    border: 1px solid black;
    bottom: auto;
    top: 10px;
}

.resizable[data-boxstyle="t-questionList-form"] .question-navigator > span.next:before {
    border-top-color: transparent;
    border-right-color: transparent;
    transform: rotate(-45deg);
}

.resizable[data-boxstyle="t-questionList-form"] .question-navigator > span.prev:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
    transform: rotate(-46deg);
    top: 14px;
}

.resizable[data-boxstyle="t-questionList-form"] .question-navigator > span.next {
    /* border-top-right-radius: 4px; */
    /* border-bottom-right-radius: 4px; */
    /* width: 50%; */
}

.resizable[data-boxstyle="t-questionList-form"] .question-navigator > span.prev {
    /* border-top-left-radius: 4px; */
    /* border-bottom-left-radius: 4px; */
    /* width:34%; */
}

.resizable[data-boxstyle="t-questionList-form"] .question-navigator > span:hover {
    /* background: #4f98f0; */
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.question-footer-container {
    width: 100%;
    background-color: rgb(0 0 0 / 10%);
    backdrop-filter: blur(2.5rem);
    margin: 0;
    padding: 10px !important;
    bottom: 0;
    top: auto !important;
    transform: none !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    display: block !important;
    text-align: right;
}

.resizable[data-boxstyle="t-questionList-form"] .question-footer-container > div {
    display: inline-block;
    vertical-align: middle;
}

.resizable[data-boxstyle="t-questionList-form"] .question-footer-container > div.progress-bar-container {
    width: 15%;
    background: rgb(20 21 21 / 28%);
    height: 9px;
     border-radius: var(--platfrom7-boder-radius1);
    border: 1px solid #686868;
    position: relative;
    top: 6px;
    display: none;
}

.resizable[data-boxstyle="t-questionList-form"] .question-footer-container > div.progress-bar-container span.progress-label {
    position: absolute;
    top: -23px;
    width: 100%;
    bottom: auto;
    color: #000;
    font-size: 13px;
    right: 0;
    left: auto;
}

.resizable[data-boxstyle="t-questionList-form"] .question-footer-container > div.progress-bar-container > div {
    background: #2b2b2b;
    height: 100%;
     border-radius: var(--platfrom7-boder-radius1);
    transition: width .4s;
    width: 0;
}

.resizable[data-boxstyle="t-questionList-form"] .question-footer-container a.btnMizban {
    float: left;
    margin-left: 10px;
    padding: 10px 16px;
    margin-bottom: 0;
    border: none;
    margin-top: 0px;
    text-decoration: underline;
    color: white;
    /* font-weight: bold; */
}

a.btnMizban img {
    width: 24px;
    margin-right: 5px;
    vertical-align: middle;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-80%);
    display: none !important;
    padding: 50px;
    text-align: center;
    padding: 18px;
    transition: transform 0.9s ease-in-out;
    margin: -32px auto 0 !important;
    width: 100% !important;
    overflow: auto;
}

.resizable[data-boxstyle="t-questionList-form"] .ajax-form > div.quetion-list-wrapper form > div.selected {
    display: block;
}

.resizable[data-boxstyle="t-questionList-form"] button[type="submit"] {
    display: none;
    position: absolute;
    top: auto;
    bottom: 14px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 120px;
    border-radius: var(--platfrom7-boder-radius1);
    border: none;
    padding: 8px;
    border: 1px solid gray;
}

.resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper {
    width: 100%;
    display: block;
    margin: 0;
    height: 100%;
    position: relative;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.prev {
    transform: translateY(-403%);
    display: block !important;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.translate-up {
    transform: translateY(-50%);
    display: block !important;
    /* height: 100%; */
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div select {
    max-width: 400px;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.hide {
    display: none !important;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper form > div.check-item-rate > label, .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper form > div.check-item-rate > .option-wrapper {
    display: inline-block;
    vertical-align: bottom;
}

.resizable[data-boxstyle="t-questionList-form"] .survey_uploadFile {
    max-width: 600px;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper div.check-item-rate > label {
    width: 13%;
    color: #171717;
    font-size: 17px;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper form > div.check-item-rate > .option-wrapper {
    width: 50%;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper form > div.check-item-rate {
    margin-bottom: 21px;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper div.check-item-rate > .option-wrapper input {
    display: none;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper div.check-item-rate > .option-wrapper > label {
    text-align: center;
    position: relative;
    margin-left: 34px;
    color: #000000;
    cursor: pointer;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper form > div.check-item-rate {
    height: auto;
    max-height: 332px;
    overflow: auto;
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(2.5rem);
     border-radius: var(--platfrom7-boder-radius1);
    margin-bottom: 40px;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper form > div.check-item-rate > div.check-item-rate {
    width: 100% !important;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper form > div.check-item-rate > div.check-item-rate > label {
    padding-bottom: 30px;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div:not(.translate-up):not(.viewed):not(.prev):not(.ah7DynamicFrom_output):not(.question-footer-container) {
    transform: translateY(300%);
    display: block !important;
}

.resizable[data-boxstyle="t-questionList-form"] .ajax-form.show .question-footer-container .question-navigator, .resizable[data-boxstyle="t-questionList-form"] .ajax-form.show button[type="submit"] {
    display: none !important;
}

.resizable[data-boxstyle="t-questionList-form"] .question-navigator > span.prev.disabled, .resizable[data-boxstyle="t-questionList-form"] .question-navigator > span.next.disabled {
    opacity: 0.5;
    /* pointer-events: none; */
    cursor: not-allowed;
}

.resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper form > div > label, .survey-icons > label,.product_survey_name label {
    font-size: 19px !important;
    padding-bottom: 15px;
    color: #ffffff;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.branchName, .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.shopOrderID {
    display: none !important
}

.resizable[data-boxstyle="t-questionList-form"] .option-wrapper {
    border: none;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper form > div.confrim span {
    position: relative;
    /* top: 38px; */
     border-radius: var(--platfrom7-boder-radius1);
    padding: 9px 39px;
    border: none;
    background: #fdfdfd;
    color: #191919;
    cursor: pointer;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div span:hover {
    /* background: #f5f5f5; */
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div .fa-upload span:hover {
    background: none;
}

.resizable[data-boxstyle="t-questionList-form"] .ajax-form .confrim {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    /* background: red; */
    top: 32px;
    padding: 11px;
    display: none;
}

.resizable[data-boxstyle="t-questionList-form"] .ajax-form > div .validation-error {
    display: none;
}

.resizable[data-boxstyle="t-questionList-form"] .ajax-form.finalize button[type="submit"] {
    display: block;
}

.resizable[data-boxstyle="t-questionList-form"] .errprAjaxForm {
    position: absolute;
    top: auto;
    bottom: 72px;
    color: #ffffff;
    /* display: none !important; */
}

.resizable[data-boxstyle="t-questionList-form"] .errormsg {
    /* position: absolute; */
    bottom: -16px;
    top: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #ba1212;
    border: 1px solid #99522b;
     border-radius: var(--platfrom7-boder-radius1);
    background: rgb(255 255 255 / 80%);
    width: 365px;
    padding: 7px 11px;
    display: inline-block;
    font-size: 13px;
    max-width: 100%;
    margin-top: 30px;
}

.product_survey_id {
    display: none;
}

.product_survey_icons > label {
    display: none !important;
}

.product_survey_name input {
    display: none !important;
}

.resizable[data-boxstyle="t-questionList-form"] .chooseList {
    width: 100% !important;
    margin: 0;
    color: white;
}

.survey_productIcon_list > label {
    display: none !important;
}

.resizable[data-boxstyle="t-questionList-form"] .chooseList label {
    margin-bottom: 10px;
}

.product_survey_id {
    display: none !important;
    !i;!; }

.product_survey_name {
    width: 100% !important;
}

.resizable[data-boxstyle="t-questionList-form"] {
    width: 90%;
    margin: 124px auto 60px;
    max-width: 1360px;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper form > div.check-item-rate .errormsg {
    top: 15px;
    bottom: auto;
    left: auto;
    right: 16px;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form div.survey-icons .option-wrapper label img {
    position: relative;
    top: 0;
    bottom: auto;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50px;
    margin-top: 13px;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form div.survey-icons .option-wrapper label {
    position: relative;
    margin-left: 34px;
    color: #ffffff;
    cursor: pointer;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form div.survey-icons .option-wrapper input {
    display: none;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper div.check-item-rate .option-wrapper.answered > label img, .resizable[data-boxstyle="t-questionList-form"] .survey-icons.survey-response .option-wrapper label img, .resizable[data-boxstyle="t-questionList-form"] .survey-icons.product_survey_icons.selected .option-wrapper label img {
    filter: grayscale(1);
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper div.check-item-rate > .option-wrapper.answered > label.active img, .resizable[data-boxstyle="t-questionList-form"] .survey-icons.survey-response .option-wrapper label.checked img, .resizable[data-boxstyle="t-questionList-form"] .survey-icons.product_survey_icons .option-wrapper label.checked img {
    filter: grayscale(0);
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper div.check-item-rate > .option-wrapper > label img {
    position: relative;
    top: 0;
    bottom: auto;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.check-pros-cons > .option-wrapper {
    background: #D9D9D9;
    border: 4px solid #fff;
     border-radius: var(--platfrom7-boder-radius1);
    width: 31%;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 8px;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.check-pros-cons .option-wrapper > label, .resizable[data-boxstyle="t-questionList-form"] .ajax-form div.survey-check-option .option-wrapper label {
    padding: 11px 0;
    width: 49%;
    border-radius: var(--platfrom7-boder-radius1);
    cursor: pointer;
    color: #5A5A5A;
    font-size: 17px;
    /* font-weight: bold; */
    margin-bottom: 0;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.check-pros-cons .option-wrapper > label:nth-child(2n), .resizable[data-boxstyle="t-questionList-form"] .ajax-form div.survey-check-option .option-wrapper > label:nth-child(2n) {
    margin-left: 0;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.check-pros-cons .option-wrapper > label input, .resizable[data-boxstyle="t-questionList-form"] .ajax-form div.survey-check-option .option-wrapper label input {
    display: none;
}

.resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .satisfaction-list > div.check-pros-cons > div:nth-child(3), .resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .dissatisfaction-list > div.check-pros-cons > div:nth-child(4) {
    display: block;
    margin-top: 17px;
    width: 100% !important;
}

.resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .satisfaction-list > div.check-pros-cons > div:nth-child(4), .resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .dissatisfaction-list > div.check-pros-cons > div:nth-child(3) {
    display: none;
}

.resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .satisfaction-list > div.check-pros-cons > div:nth-child(3) > label, .resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .dissatisfaction-list > div.check-pros-cons > div:nth-child(4) > label {
    display: none;
}

.resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .satisfaction-list > div.check-pros-cons > .option-wrapper > label:nth-child(1), .resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .dissatisfaction-list > div.check-pros-cons > .option-wrapper > label:nth-child(2) {
    background: #3ACF5B;
    color: #ffffff;
    /* box-shadow: rgba(0, 0, 0, 0.16) -6px 1px 10px 0px, rgba(0, 0, 0, 0.23) 0px 3px 6px; */
    right: 1px;
    height: 47px;
    /* top: 2px; */
}

.resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .dissatisfaction-list > div.check-pros-cons > .option-wrapper > label:nth-child(2) {
    background: #FF5935
}

.resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .satisfaction-list > div.check-pros-cons > div:nth-child(3) > .option-wrapper > label, .resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .dissatisfaction-list > div.check-pros-cons > div:nth-child(4) > .option-wrapper > label, .resizable[data-boxstyle="t-questionList-form"] .ajax-form div.survey-check-option .option-wrapper > label {
    display: inline-block;
    border: 1px solid #BCBCBC;
    margin-bottom: 10px;
    color: #5A5A5A;
    background: #fff;
    font-weight: normal;
    font-size: 14px;
    padding: 9px 4px;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}

.resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .satisfaction-list > div.check-pros-cons > div:nth-child(3) > .option-wrapper, .resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .dissatisfaction-list > div.check-pros-cons > div:nth-child(4) > .option-wrapper, .resizable[data-boxstyle="t-questionList-form"] .ajax-form div.survey-check-option .option-wrapper {
    width: 36%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    /* right: 20px; */
    position: relative;
}

.resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .satisfaction-list > div.check-pros-cons > div:nth-child(3) > .option-wrapper > label.checked {
    background: #B3EDBF;
    border: 1px solid #3ACF5B;
    color: #00801C;
}

.resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .dissatisfaction-list > div.check-pros-cons > div:nth-child(4) > .option-wrapper > label.checked, .resizable[data-boxstyle="t-questionList-form"] .ajax-form div.survey-check-option .option-wrapper > label.checked {
    color: #8C1900;
    background: #FFBFB0;
    /* border: 1px solid #902A1D; */
}

.resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .satisfaction-list > div.check-pros-cons > div:nth-child(3) .confrim, .resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .dissatisfaction-list > div.check-pros-cons > div:nth-child(4) .confrim {
    display: none;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.check-pros-cons .confrim span {
    background: #3ACF5B;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.thank-you-message {
    display: block;
    top: 50%;
}

.resizable[data-boxstyle="t-questionList-form"] .ajax-form button[type="submit"] + div {
    width: 100%;
    position: absolute;
    top: 100%;
    transform: translateY(-50%);
    transition: transform 0.9s ease-in-out;
}

.resizable[data-boxstyle="t-questionList-form"] .ajax-form.show button[type="submit"] + div {
    top: auto;
    display: block !important;
    bottom: 13%;
}

.resizable[data-boxstyle="t-questionList-form"] .ajax-form.show button[type="submit"] + div > div.successAjaxForm {
    display: block !important;
    background: none;
    border: none;
    color: #fff;
    font-size: 19px;
    margin: 0;
}

.resizable[data-boxstyle="t-questionList-form"] .ajax-form:after {
    content: "";
    position: absolute;
    left: 0;
    right: -56px;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-60%);
}

.resizable[data-boxstyle="t-questionList-form"] .ajax-form.show:after {
    background: url(/Content/base/dynamic/shopping867/img/106570.jpg);
    width: 259px;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.check-pros-cons .confrim {
    display: none;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.survey-each-item .option-wrapper > label {
    border: 1px solid #C0C0C0;
    padding: 8px 31px;
     border-radius: var(--platfrom7-boder-radius1);
    margin-left: 14px;
    color: #ffffff;
    cursor: pointer
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.survey-each-item .option-wrapper > label input {
    display: none;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.survey-each-item .confrim {
    display: none;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.survey-each-item .option-wrapper > label.checked {
    background: #0065DC;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.survey-each-item .option-wrapper {
    width: 62%;
    margin: 0 auto;
    overflow-x: auto;
    white-space: nowrap;
    padding: 30px;
    cursor: pointer;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper form > div.check-item-rate::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper form > div.check-item-rate::-webkit-scrollbar-thumb {
    background: #ffffff;
     border-radius: var(--platfrom7-boder-radius2);
    box-shadow: inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25)
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper form > div.check-item-rate::-webkit-scrollbar-track {
    background: var(--platfrom7-them-background);
    border-radius: 10px
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .dissatisfaction-list > div.check-pros-cons > div:nth-child(4) {
        display: block;
        margin-top: 17px;
    }

    .resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .satisfaction-list > div.check-pros-cons > div:nth-child(3) > .option-wrapper, .resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .dissatisfaction-list > div.check-pros-cons > div:nth-child(4) > .option-wrapper {
        width: 90%;
        right: 11px;
    }

    .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.check-pros-cons > .option-wrapper {
        width: 90%;
    }

    .resizable[data-boxstyle="t-questionList-form"] .question-footer-container > div.progress-bar-container {
        width: 20%;
    }

    .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper div.confrim, .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.survey-each-item .confrim, .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.check-pros-cons .confrim {
        display: block;
        font-size: 17px;
        top: 20px;
    }

    .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper div.confrim span, .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.survey-each-item .confrim span, .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.check-pros-cons .confrim span {
        padding: 6px 39px;
        background: #3acf5b;
    }

    .resizable[data-boxstyle="t-questionList-form"] .question-navigator > span:hover {
        background: #ffffff;
        width: 44%;
    }

    .errormsg {
        width: 80%
    }
}

@media only screen and (max-width: 769px) {
    .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form div.survey-icons .option-wrapper label {
        display: inline-block;
        /* width: 38%; */
        margin: 0 3%;
        padding: 0;
    }

    .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form div.survey-icons .option-wrapper label:nth-child(5), .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form div.survey-icons .option-wrapper label:nth-child(2n) {
        /* margin-left: 0; */
    }

    .resizable[data-boxstyle="t-questionList-form"] .option-wrapper {
        padding: 0;
    }

    .resizable[data-boxstyle="t-questionList-form"] .question-footer-container button {
        font-size: 11px;
        padding: 13px 8px;
        float: none;
        display: none;
    }

    .resizable[data-boxstyle="t-questionList-form"] .question-navigator > span {
        width: 45.4%;
        top: 5px;
    }

    .resizable[data-boxstyle="t-questionList-form"] .question-footer-container > div.progress-bar-container, .resizable[data-boxstyle="t-questionList-form"] .question-navigator {
        /* width: 47%; */
        width: 100%;
        margin: auto;
    }

    .resizable[data-boxstyle="t-questionList-form"] .ajax-form {
        height: 600px;
    }

    .resizable[data-boxstyle="t-questionList-form"] .question-footer-container {
        bottom: 64px;
        width: 100% !important;
    }

    .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.translate-up {
        width: 100% !important;
        padding: 18px;
    }

    .errormsg {
        width: 64%;
        font-size: 13px;
    }

    .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.check-pros-cons > .option-wrapper {
        width: 100%;
    }

    .resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .satisfaction-list > div.check-pros-cons > div:nth-child(3) > .option-wrapper, .resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .dissatisfaction-list > div.check-pros-cons > div:nth-child(4) > .option-wrapper {
        width: 90%;
        /* right: 6px; */
    }

    .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.survey-each-item .option-wrapper {
        width: 90%;
        padding: 20px 0;
    }

    .resizable[data-boxstyle="t-questionList-form"] button[type="submit"] {
        bottom: 130px;
        width: 90%;
        width: calc(100% - 36px);
    }

    .resizable[data-boxstyle="t-questionList-form"] .ajax-form.show button[type="submit"] + div {
        width: 100% !important;
    }

    .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form div.survey-icons .option-wrapper label img {
        width: 44px;
        /* height: 55px; */
        object-fit: cover;
        margin-bottom: 17px;
    }

    .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form div.survey-icons.survey_stars .option-wrapper label {
        width: 47px;
        margin-left: 3px;
    }

    .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form div.survey-icons.survey_stars .option-wrapper label img {
        width: 36px;
        height: auto;
        margin-bottom: 17px;
    }

    .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper div.confrim, .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.survey-each-item .confrim, .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.check-pros-cons .confrim {
        display: block;
        font-size: 17px;
    }

    .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper div.confrim span, .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.survey-each-item .confrim span, .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.check-pros-cons .confrim span {
        padding: 6px 39px;
        background: #3acf5b;
        display: none;
    }

    .resizable[data-boxstyle="t-questionList-form"] .question-navigator > span:hover {
        background: ##ffffff;
    }

    .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper div.check-item-rate > label {
        width: 100%;
        display: block;
    }

    .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper form > div.check-item-rate {
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 400px;
    }

    .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper div.check-item-rate > .option-wrapper {
        width: 100%;
        margin-bottom: 12px;
    }

    .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper div.check-item-rate > .option-wrapper > label {
        margin-left: 13px;
    }

    .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper form > div.check-item-rate .errormsg {
        width: auto;
        left: 7px;
        right: auto;
    }

    .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form div.survey-icons .option-wrapper {
        /* padding-right: 20px; */
    }
}

@media only screen and (max-width: 480px) {
    .resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .satisfaction-list > div.check-pros-cons > div:nth-child(3) > .option-wrapper, .resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .dissatisfaction-list > div.check-pros-cons > div:nth-child(4) > .option-wrapper, .resizable[data-boxstyle="t-questionList-form"] .ajax-form div.survey-check-option .option-wrapper {
        width: 100%;
    }

    .resizable[data-boxstyle="t-questionList-form"] .question-footer-container a.btnMizban {
        width: 100%;
        margin: 20px auto 0;
        text-align: left;
        /* background: rgb(171 196 225 / 50%); */
        /* border-radius:5px; */
        top: 8px;
        position: relative;
        border-top: 1px solid rgb(171 196 225 / 24%);
    }

    .resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper form > div > label, .survey-icons > label ,.product_survey_name label {
        font-size: 18px !important;
        margin-bottom: 20px;
    }

    .resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form > div.check-pros-cons .option-wrapper > label, .resizable[data-boxstyle="t-questionList-form"] .ajax-form div.survey-check-option .option-wrapper label {
        font-size: 14px;
        padding: 8px 0;
    }

    .resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .satisfaction-list > div.check-pros-cons > .option-wrapper > label:nth-child(1), .resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .dissatisfaction-list > div.check-pros-cons > .option-wrapper > label:nth-child(2) {
        height: 40px;
    }

    .resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .satisfaction-list > div.check-pros-cons > div:nth-child(3) > .option-wrapper > label, .resizable[data-boxstyle="t-questionList-form"] .quetion-list-wrapper .dissatisfaction-list > div.check-pros-cons > div:nth-child(4) > .option-wrapper > label, .resizable[data-boxstyle="t-questionList-form"] .ajax-form div.survey-check-option .option-wrapper > label {
        font-size: 13px;
    }

    .product_survey_name input {
        font-size: 17px;
        display: inline-block;
        white-space: pre-wrap;
    }

    .survey_NPS  .option-wrapper label {

    padding: 10px 0px !important;
width:30px;
        text-align:center;
}
}

.TextBoxComplementaryTable {
    background: none;
    border: none;
    max-height: 100%;
    padding: 60px 0 80px !important;
}

.TextBoxComplementaryTable::-webkit-scrollbar {
    width: 7px;
}

.TextBoxComplementaryTable::-webkit-scrollbar-thumb {
    background: #aaaaaa;
     border-radius: var(--platfrom7-boder-radius2);
    box-shadow: inset 2px 2px 2px hsl(0deg 0% 100% / 25%),inset -2px -2px 2px rgb(149 149 149 / 25%)
}

.TextBoxComplementaryTable::-webkit-scrollbar-track {
    background: #e4e4e4;
    border-radius: 10px
}

.btnComplementaryTable {
    display: none !important;
}

.wrapper_Col .wrapper_Col {
    background: none;
    border: none;
}

span.deleteAh7Form {
    display: none;
}

.TextBoxComplementaryTable > label {
    display: none !important;
}

.position-wrapper {
    display: block;
    text-align: right;
}

.position-wrapper a img {
    display: inline-block;
}

.fileUploadContaner .fa-times {
    background: url(/Content/base/dynamic/shopping1304/img/107158.jpg) no-repeat;
    background-size: 11px !important;
    background-position: 16px 15px;
    height: 35px;
    top: -9px;
    right: 13px;
    width: 35px;
    min-width: 0;
    cursor: pointer;
    transition: background-color .3s;
    border: none;
}

.position-wrapper i.fa.fa-fw.fa-upload.btnBlack {
    width: 100%;
}

a.btn.btnSurveyLink {
    background: #62be4b !important;
}

.resizable[data-boxstyle="t-questionList-form"] span.span_formName {
    display: none;
}

.resizable[data-boxstyle="t-questionList-form"] div.survey-icons .option-wrapper label img.checkedStra, .resizable[data-boxstyle="t-questionList-form"] div.survey-icons.survey_stars .option-wrapper label.checked img {
    display: none !important;
}

.resizable[data-boxstyle="t-questionList-form"] div.survey-icons .option-wrapper label.checked img.checkedStra {
    display: block !important;
    ; }

.quetion-list-wrapper .survey-icons.survey_stars img {
    width: 50px;
}

.resizable[data-boxstyle="t-questionList-form"] div.quetion-list-wrapper > form div.survey-icons .option-wrapper label {
    /* margin-left:10px; */
}

.wrapper_Col .ajax-form .btnBlack
{ border-radius: var(--platfrom7-boder-radius1);}
input, select, textarea, .option-wrapper{
    border-radius: var(--platfrom7-boder-radius2);
}
/*  End Survey List */

        
        
        
        
        
        
        
        
.OrderTimeSheet_wrapper div > label[data-id="1"] {
 
    visibility: hidden;
       display: none !important;
}
      
        
        p.MessageAfterOrderPayment {
    padding: 40px 0 0;
}


#creditCharge-wrapper-form{
    /* text-align: center; */
    border: none;
    box-shadow: none;
}
#creditCharge-wrapper-form a.btn.btnCreditPayment {
    width: 100%;
}
#creditCharge-wrapper-form > h3{
    text-align:center;
    color:black;
    padding: 0;
}
#creditCharge-wrapper-form .samplePricePack span {
    display: inline-block;

    border-radius: 10px;
    padding: 10px;
    width: 31%;
    margin-left: 2%;
    font-size: 12px;


        border: 1px solid #9c9c9c;
        background: #ffffff;
    cursor: pointer;
    text-align: center;
}
#creditCharge-wrapper-form .samplePricePack span:nth-child(3n+3){
    margin-left:0;
}

#creditCharge-wrapper-form .samplePricePack {
    margin: 30px 0;
}

#creditCharge-wrapper-form .samplePricePack span.selected {
    background: rgb(116 223 162 / 20%);
    border-color: #74DFA2;
}

#creditCharge-wrapper-form .item-title.label {
    text-align: right;
    font-size: 14px;
    margin-bottom: 9px;
}

#creditCharge-wrapper-form input#CreditPrice {
    border: 1px solid #9c9c9c;
    background: #ffffff;
    border-radius: 10px;

    color: black;
} 

#creditCharge-wrapper-form .item-inner {
    margin-bottom: 30px;
}

#creditCharge-wrapper-form .item-content {
    margin-top: 50px;
    margin-bottom: 50px;
}

#creditCharge-wrapper-form span.spn_currentCredit {
    float: left;
}

#main .userGrideData  .profile_package_wrapper > div{
    display: inline-block;
    min-height: 118px;
    width: 32%;
    margin-left: 2%;
    margin-bottom: 2%;
    background:#373737 !important;
        border-radius: 14px;
    padding: 15px;
}
#main .userGrideData .profile_package_wrapper{
    background: none !important;
    padding: 0;
}
#main .userGrideData  .profile_package_wrapper > div:nth-child(3n+3)
{
     margin-left: 0;
}
#main .userGrideData  .profile_package_wrapper div > *{
    display:block;
}


#main .userGrideData .profile_header_wrapper {
    width: 100%;
    display: block;
    margin-top: 0px;
    min-height: auto;
    height: 105px;
    margin-bottom: 50px;
    position: relative;
}
.profile_header_wrapper > div{
    display:block;
    margin-top: -24px;
}
#main #content .profile_help_wrapper label{
    display:inline-block;
    font-size: 16px;
    font-weight: 500;
}
.profile_help_packageHistory:before,.profile_help_scoreHistory:before, .profile_help_link:before, .profile_help_TransactionHistory:before{
       content:'';
       background: url(/Content/base/dynamic/shopping4358/files/107782/lucide_history.png);
       background-size: cover;
       background-repeat: no-repeat;
       width: 20px;
       height: 20px;
       top: 11px;
       right: 8px;
       filter: none;
       display:inline-block;
       vertical-align: middle;
       margin-left: 5px;
}
.profile_help_link:before{
        background-image: url(/Content/base/dynamic/shopping4358/files/107786/material-symbols_help-outline-rounded.png);
}
#main .userGrideData .profile_help_packageHistory,#main .userGrideData .profile_help_scoreHistory  ,#main .userGrideData  .profile_help_link,  #main .userGrideData .profile_help_TransactionHistory{
    float: left;
    margin-right:10px;
    font-size: 12px;
    cursor: pointer;
}
#main .userGrideData .profile_help_link{
    /* float: right; */
}
span.profile_img{
    float:right;
    display: inline-block;
    width: 90px;
    position: absolute;
    height: 100px;
    top: 7px;
    right: 7px;
}
span.profile_img img{
    width:100%;
}
span.profile_userGrade{
    float:left;
    margin-top: -57px;
}
.profile_userGrade .img_wrapper{
    width: 42px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}
.profile_userGrade .img_wrapper img{
    width:100%;
}

span.profile_fullName {
    display: block;
}

span.profile_userScore {display: block;color: var(--platfrom7-them-2-background);font-size: 17px;margin-top: 6px;}

span.profile_btnCreditRecharge {
    float:left;
    margin-top: -47px;
    width: 100px;
}
.profile_help_wrapper {
    margin-top: -50px;
}

span.profile_data_wrapper {
    display: block;
    margin-top: 35px;
    padding-right: 95px;
}

#main .userGrideData div.profile_help_wrapper {
    display: block;
    width: 100%;
    background: none !important;
    margin-top: -5px;
    padding: 0;
    margin-bottom: 10px;
}


img.package_product_img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    display: inline-block !important;
    vertical-align: middle;
    margin-left: 10px;
    border-radius: 100%;
    background: #ffffff;
    border: 1px solid gray;
}
#main .userGrideData  .score_needed{
    text-align: center;
    color: var(--platfrom7-them-2-background);
    font-size: 14px;
    margin-top: 6px;
}
#main .userGrideData  .offerType_wrapper{
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 14px;
}
#main .userGrideData .score_needed:before{
    width: 20px;
    vertical-align: middle;
    height: 20px;
    margin-left: 6px;
}
#main .userGrideData .profile_package_wrapper > div h4{
  margin-bottom: 7px;
}
#main .userGrideData  .profile_package_wrapper > div .imgwrapper{
    width: 100%;
    height: 130px;
}
#wrapper_steps .shipping_list > div
{
   margin-bottom: 18px;
}

        

.ui-dialog-content {
    width: 70%;
    max-height: 95%;
    display: none !important;
    /*overflow-y: auto;
    overflow-x: hidden;*/
    overflow: auto;
    overflow-x: hidden;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: white;
    background-color: White;
    padding: 23px;
    -webkit-box-shadow: 0 0px 3px 1px #688A7C;
    -moz-box-shadow: 0 0px 3px 1px #688A7C;
    box-shadow: 0 0px 3px 1px #688A7C;
    border: 1px solid blue;
    border-color: white;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
    /*overflow: auto;
    overflow-x: hidden;*/
}


.ui-dialog-content.small {
    width: 400px;
}

.ui-dialog-content.medium {
    width: 700px;
}

.ui-dialog-content.in {
    opacity: 1;
    z-index: 10000;
    display: block !important;
}

.ui-dialog-content .wrapper_Col h2 {
    color: rgb(202, 202, 202);
    font-size: 15px;
    font-weight: lighter;
    border-bottom: 1px solid rgb(202, 202, 202);
    padding-bottom: 7px;
    margin-bottom: 17px;
}

.ui-dialog-content .wrapper_Col h3 {
    color: rgb(202, 202, 202);
    margin-bottom: 8px;
    font-size: 15px;
    display: inline-block;
    margin-top: 15px;
}

.ui-dialog-content .wrapper_Col ul {
    list-style-type: square;
    color: rgb(48, 41, 39);
    font-size: 13px;
    margin-right: 21px;
}

.ui-dialog-content .wrapper_Col label {
    display: inline-block;
    min-width: 110px;
    margin-bottom: 0px;
    color: black;
    font-size: 13px;
    vertical-align: top;
    margin-left: 5px;
    line-height: normal;
    margin-top: 11px;
}

.ui-dialog-content .wrapper_Col > label {
    /* background: #e2e2e2; */
    border-radius: 8px;
    margin: 3px 0;
    padding: 3px 9px;
    border: 1px solid #cfcfcf;
    width: 32%;
    display: inline-block;
    margin-left: 1%;
    margin-bottom: 0.7%;
}