@import url('https://fonts.googleapis.com/css2?family=Coming+Soon&display=swap');

html, body { font-family: 'Montserrat', sans-serif; background: #f5f3f0; }
a { color: #9e005d; text-decoration: none;  background-color: transparent; }
a:hover {
    color: #9e005d;
    text-decoration: underline;
}
.h-100 { height: 100%!important; }
.w-100 { width: 100%!important; }

/* top */
.top-navigation.homepage { background: 0 0; padding: 5px 0; height: 90px; }
.top-navigation {
    height: 80px;
    padding: 0;
    background-color: #31373d;
    -webkit-transition: background-color .2s ease,padding .5s ease,height .5s ease;
    transition: background-color .2s ease,padding .5s ease,height .5s ease;
}
.navbar-fixed-top {
    z-index: 1030;
    top: 0;
}
.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    border-width: 0;
}
.top-navigation .container {
    margin-top: 20px;

}
.navbar-brand {
    padding: 0 5px 5px 5px;
}
.navbar-brand {
    float: left;
    padding: 15px 0;
    font-size: 18px;
    line-height: 20px;
}
.navbar-brand img { width: 170px; height: auto; }
.hbg-menu {
    position: relative;
    display: none;
    float: right;
    overflow: hidden;
    margin: -5px 5px 0 0;
    width: 48px;
    height: 48px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    cursor: pointer;
    -webkit-transition: background .2s;
    transition: background .2s;
}
.hbg-menu.hbg-htx {
    background-color: transparent;
}
.top-right-navigation {  margin-top: 0px; }
.top-right-navigation a {
    font-size: 13px;
    margin: 8px 12px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
}
.top-right-navigation a:hover {
    text-decoration: none;
    color: #9e005d;
}
.top-right-navigation a.login-nav {
    border-left: 2px solid rgba(255,255,255,.1);
    padding: 4px 0 4px 24px;
}
.top-right-navigation a.btn-underline {
    border-bottom: 2px solid #9e005d;
    padding-bottom: 4px;
}
.marketing {
    height: 640px;
    position: relative;
    width: 100%;
    min-width: 1060px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #4c4c4c url(https://d2skenm2jauoc1.cloudfront.net/assets/gloriafood/img/redesign/homepage-hero-f92ce3baf2.jpg) no-repeat center;
    background-size: cover;
}
.marketing .header-container {
    display: inline-block;
    margin-top: 200px;
}
.marketing h1 {
    font-size: 54px;
    font-weight: 600;
}

.marketing h1, .marketing h2, .marketing h3 {
    color: #fff;
}
h2.landing-subtitle {
    margin-top: 16px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #fff;
}
.btn-video-text {
    background: rgba(255,255,255,.2) url(https://d2skenm2jauoc1.cloudfront.net/assets/gloriafood/img/redesign/icon-play-144392c4f2.png) no-repeat 22px 12px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin-top: 40px;
    padding: 18px 30px 16px 54px;
    text-decoration: none;
    border-radius: 50px;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1);
    box-shadow: 0 1px 0 rgba(255,255,255,.1);
    -webkit-transition: -webkit-box-shadow .5s ease-out;
    transition: -webkit-box-shadow .5s ease-out;
    transition: box-shadow .5s ease-out;
    transition: box-shadow .5s ease-out,-webkit-box-shadow .5s ease-out;
}
.mobile-res {
    display: none!important;
}
.marketing .signup-landing {
    background: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    line-height: 12px;
    position: absolute;
    width: 100%;
}
.sign-up-box {
    display: inline-block;
    overflow: hidden;
    margin: 22px 0;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.sign-up-box input {
    border: none;
    height: 50px;
    width: 420px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 300;
    padding-left: 20px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.marketing .signup-landing .btn {
    border-radius: 0;
}
.btn-sign-up-box {
    height: 50px;
    width: 180px;
    font-size: 16px;
    background-color: #9e005d;
    border-top-right-radius: 2px!important;
    border-bottom-right-radius: 2px!important;
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.15)),to(rgba(255,255,255,.15)));
    background-image: linear-gradient(to top,rgba(0,0,0,.15) 0,rgba(255,255,255,.15) 100%);
    -webkit-box-shadow: inset 0 1px 3px rgba(255,255,255,.4);
    box-shadow: inset 0 1px 3px rgba(255,255,255,.4);
}
.btn {
    border: 0;
    color: #fff!important;
    border-radius: 3px;
    background-clip: padding-box;
    transition: background-color .2s ease-out;
}

@media (min-width: 768px) {
    .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
}

#login.modal .modal-vertical-align .vertical-align-center .modal-content .form-group,
#signup.modal .modal-vertical-align .vertical-align-center .modal-content .form-group,
#modal-2.modal .modal-vertical-align .vertical-align-center .modal-content .form-group
{
    margin: 10px auto;
    max-width: 420px;
}
#login.modal .modal-vertical-align .vertical-align-center .login-forgot.modal-content .modal-body .login { 
    /* position: absolute; */
    padding: 10px;
    background-color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
#login.modal .modal-vertical-align .vertical-align-center .modal-content .form-group label,
#signup.modal .modal-vertical-align .vertical-align-center .modal-content .form-group label,
#modal-2.modal .modal-vertical-align .vertical-align-center .modal-content .form-group label
{
    display: block;
    text-align: left;
}
#login.modal .modal-vertical-align .vertical-align-center .modal-content .form-group button,
#login.modal .modal-vertical-align .vertical-align-center .modal-content .form-group input,
#signup.modal .modal-vertical-align .vertical-align-center .modal-content .form-group button,
#signup.modal .modal-vertical-align .vertical-align-center .modal-content .form-group input,
#modal-2.modal .modal-vertical-align .vertical-align-center .modal-content .form-group button,
#modal-2.modal .modal-vertical-align .vertical-align-center .modal-content .form-group input
{
    padding: 10px 15px;
    height: 50px;
    border-radius: 3px;
    border-color: #d6d6d6;
    color: #999;
    font-size: 16px;
}
#login.modal .modal-vertical-align .vertical-align-center .modal-content .form-group.form-button,
#signup.modal .modal-vertical-align .vertical-align-center .modal-content .form-group.form-button,
#modal-2.modal .modal-vertical-align .vertical-align-center .modal-content .form-group.form-button
{
    padding-top: 15px;
}
#login.modal .modal-vertical-align .vertical-align-center .modal-content .form-group.form-button button,
#signup.modal .modal-vertical-align .vertical-align-center .modal-content .form-group.form-button button,
#modal-2.modal .modal-vertical-align .vertical-align-center .modal-content .form-group.form-button button 
{
    padding-top: 10px;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.07)),to(rgba(0,0,0,.07))),#9e005d;
    background: linear-gradient(180deg,rgba(255,255,255,.07) 0,rgba(0,0,0,.07) 100%),#9e005d;
    border: none;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    -webkit-box-shadow: 0 6px 10px rgba(240,139,24,.2);
    box-shadow: 0 6px 10px rgba(240,139,24,.2);
}
#login.modal .modal-vertical-align .vertical-align-center .modal-content,
#signup.modal .modal-vertical-align .vertical-align-center .modal-content {  text-align: center; font-weight: 300; }

#modal-2.modal .modal-vertical-align .vertical-align-center .modal-content {  text-align: left; font-weight: 300; }

#login.modal .modal-vertical-align .vertical-align-center .modal-content h4,
#signup.modal .modal-vertical-align .vertical-align-center .modal-content h4,
#modal-2.modal .modal-vertical-align .vertical-align-center .modal-content h4
{
    font-size: 38px;
    font-weight: 300;
    text-align: left;
}
#login.modal .modal-vertical-align .vertical-align-center .login-forgot.modal-content .modal-body .login h4,
#signup.modal .modal-vertical-align .vertical-align-center .login-forgot.modal-content .modal-body .login h4,
#modal-2.modal .modal-vertical-align .vertical-align-center .login-forgot.modal-content .modal-body .login h4
{
    margin: 20px 0 0 0;
}

.flex-stretch-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
}

.logo {
    width: 290px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #fff;
    height: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1000;
    border-right: solid 1px #d6d6d4;
}
.logo>img {
    display: block;
    margin: auto;
    max-height: 60px;
    max-width: 285px;
}

.header-breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 70px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-breadcrumbs>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.navigation-dropdown {
    cursor: pointer;
    padding: 16px 15px;
    border-left: solid 1px #d6d6d4;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
}
.header-breadcrumbs>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.local-help {
    padding: 25px;
    cursor: pointer;
    border-left: solid 1px #d6d6d4;
}
.align-middle {
    vertical-align: middle!important;
}
.flex-fixed-70px {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
}
.app-header {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
    z-index: 1000;
}
.local-help>glf-icon>svg {
    fill: #465162;
    float: left;
}

svg.gt-icon {
    width: 20px;
    height: 20px;
}
.navigation-dropdown {
    cursor: pointer;
    padding: 16px 15px;
    border-left: solid 1px #d6d6d4;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
}
.navigation-dropdown>div {
    color: #465162;
}
.navigation-dropdown-multilocation {
    border-left: 0;
    padding-left: 0!important;
}
.navigation-dropdown .dropdown-menu {
    border: 1px solid #c7c7c3;
    border-radius: 3px;
    padding: 0;
    margin: 0;
    z-index: 9999;
    left: auto;
    right: 0;
    box-shadow: 2px 2px 6px -3px rgba(0,0,0,.175);
}
.navigation-dropdown .dropdown-menu i {
    color: #737373;
    width: 14px;
    height: 14px;
    margin-right: 7px;
}
.navigation-dropdown .dropdown-menu li a {
    padding: 10px 15px;
    font-size: 13px;
    color: #737373;
    line-height: 22px;
    display: block; text-decoration: none;
}
.navigation-dropdown .dropdown-menu>li>a:focus, .navigation-dropdown .dropdown-menu>li>a:hover {
    color: #fff;
    background-color: #5ac15e;
}
.navigation-dropdown .dropdown-menu a:hover i { color: #fff; }
.navigation-dropdown .dropdown-menu:hover, .navigation-dropdown:hover .dropdown-menu {
    display: block;
}
.navigation-dropdown li.sign-out {
    background-color: #f5f3f0;
    border-top: solid 1px #d6d6d4;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.navigation-user-email { font-size: 12px; }
.flex-stretch-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
}
.flex-grow-0 {
    flex-grow: 0!important;
}
.nav-menu-container {
    box-shadow: 0 1px 3px rgba(0,0,0,.1), inset -1px 0 0 #e6e6e3;
    z-index: 1002;
}
.max-width-290px {
    max-width: 290px;
}
.header-breadcrumbs>div>div {
    background-color: #fff;
    padding: 0 20px;
    font-family: Roboto,sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 16px;
    height: 100%;
}

.navigation-dropdown>div {
    color: #465162;
}
.header-breadcrumbs>div>div:last-of-type {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.header-breadcrumbs .dropdown-toggle {
    padding: 0;
    margin-left: -15px;
    height: 38px;
    z-index: 1006;
}
.navigation-dropdown .dropdown-multilocation {
    left: 30px;
    right: auto;
    width: 450px;
    color: #666;
    cursor: default;
}
.dropdown-multilocation .dropdown-arrow {
    right: auto;
    left: 10px;
    margin-left: auto;
    margin-right: -7px;
}

.dropdown-arrow {
    top: -7px;
    right: 10px;
    margin-left: -7px;
    border-top-width: 0;
    border-bottom-color: #c7c7c3;
}
.dropdown-arrow {
    border-width: 7px;
}
.dropdown-arrow, .dropdown-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.dropdown-multilocation .topRow {
    padding: 20px;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e6e6e6;
}
.dropdown-multilocation .header {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
}
.dropdown-multilocation .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
}
.dropdown-multilocation .regRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.dropdown-multilocation .regRow .cell.cellLeft {
    border-right: 1px;
    border-right-style: solid;
    border-right-color: #e6e6e6;
}

.dropdown-multilocation .regRow .cell {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    padding: 20px;
    padding-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}
.flex-fixed-290px {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 290px;
    flex: 0 0 290px;
}
.glf-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 100%;
}
.menu-holder {
    width: 290px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    background-color: #fff;
}
.menu-modules {
    width: 70px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #f0eeeb;
}
.menu-modules ul {
    list-style-type: none;
    padding: 0;
}
.menu-modules ul li {
    height: 70px;
    border-bottom: 1px solid #dfddda;
    text-align: center;
    padding-top: 22px;
    cursor: pointer;
}
.menu-modules ul li.active {  background-color: #fff;  border-bottom: transparent;  position: relative; }
.menu-modules ul li.active i {  color: #9e005d; }
.menu-modules ul li i {  width: 25px; height: 25px;  color: #465162; font-size: 23px; }
.menu-holder>div:last-of-type { -webkit-box-flex: 1; -ms-flex-positive: 1;  flex-grow: 1;}
.nav-menu { padding: 20px; }
.nav-menu>div {
    color: #b6babf;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-transform: uppercase;
    border-bottom: 1px solid #e6e6e3;
    padding: 0 0 15px;
    margin-bottom: 20px;
}
.nav-menu ul { padding: 0; list-style-type: none; }
.nav-menu>ul>li:first-of-type {  margin-top: -10px; }
.nav-menu>ul>li { padding: 15px 0; margin: 0 -20px; line-height: 1.5em; }
.nav-menu ul li { padding: 10px 0; color: #465162; font-size: 15px; font-weight: 400; cursor: pointer; }
.nav-menu>ul>li div { padding: 0 20px; }
.nav-menu>ul>li div.focused { color: #222b38; font-size: 15px; font-weight: 400; }
.nav-menu>ul>li div.focused ul.inner { display: none; }
.nav-menu>ul>li div.focused a.toggle { color: #222b38; font-size: 15px; font-weight: 400; }
.nav-menu>ul>li div.active ul { overflow: visible; }
.nav-menu>ul>li div.focused ul { padding: 15px 0 10px; height: auto; max-height: 500px; }
.nav-menu ul div.active, .nav-menu ul li.active, .nav-menu ul li.active a { color: #9e005d; font-weight: bold; }
.nav-menu ul li ul li {
    color: #465162;
    font-size: 13px;
    font-weight: 400;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #f0eeeb;
    line-height: 1.5em;
}
.nav-menu ul li ul li a { color: #465162; text-decoration: none; }
.nav-menu ul li ul li.active span:first-of-type {
    margin-top: 2px;
    border-radius: 3px;
    background-color: #9e005d;
    box-shadow: 0 0 0 4px rgba(255,142,0,.1);
}

.nav-menu ul li ul li span:first-of-type {
    display: block;
    width: 6px;
    height: 6px;
    margin-right: 10px;
    top: 15px;
    left: -3px;
    position: absolute;
}

.glf-w-m { width: 35rem!important; max-width: 35rem!important; }
.glf-w-s { width: 31.25rem!important; max-width: 31.25rem!important; }
.card-header-next, .ml-auto, .mx-auto { margin-left: auto!important; }
.card-header, .card-header-modal {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,.125); background-color: #fff;
    min-height: 4rem;
    display: -webkit-box!important;
    display: flex!important;
    -webkit-box-pack: start!important;
    justify-content: flex-start!important;
    -webkit-box-align: center!important;
    align-items: center!important;
}
.card-header-title { font-weight: 700!important; }

.accordion.drawer .panel-group .panel .collapsing-drawer.card .card .panel-body, .accordion.drawer .panel.collapsing-drawer .card .panel-body, .card-body, .panel-group .panel .accordion.drawer .collapsing-drawer.card .card .panel-body
{ color: inherit; background-color: #f7f6f5!important;}

.form-row {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.input-group {
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    align-items: stretch;
    width: 100%;
}
.input-group-prepend { margin-right: -1px; }
.input-group-append, .input-group-prepend { display: -webkit-box; display: flex; }
.input-group-text {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: .45rem .75rem;
    margin-bottom: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    color: #999;
    text-align: center;
    white-space: nowrap;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: .25rem;
}
.input-group>.input-group-prepend>.input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.form-control input {
    color: #666;
    background: 0 0;
    z-index: 1;
    padding: .45rem .75rem;
    width: 100%;
    height: 100%;
    border: 0;
    position: relative;
    top: 0;
    left: 0;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.1);
    outline: 0; font-size: .875rem !important;
}
.radius-tl-bl { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.form-control .ng-placeholder, .form-control input:placeholder-shown:not(:focus)+label, .form-control label {
    line-height: 1.8;
    color: #999!important;
    position: absolute;
    top: 0;
    left: 0;
    /* margin-top: .45rem; */
    margin-left: .75rem;
}
.form-control .ng-select .ng-has-value .ng-placeholder, .form-control input:focus+label, .form-control input:not(:placeholder-shown)+label, .form-control .ng-placeholder, .form-control>input+label {
    font-size: .625rem;
    margin-top: -.69rem;
    background: rgba(255,255,255,0);
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(45%,rgba(255,255,255,.2)),color-stop(46%,#fff),to(#fff));
    background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.2) 45%,#fff 46%,#fff 100%);
    padding: 0 .1rem;
    z-index: 3;
}
.input-group>.form-control {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0; padding: 0;
}
.input-group > .form-control select { border-radius: 0; font-size: .875rem; height: 100%; border: 0; color: #aaa; width: 100%; padding: 7px; }
.mb-2, .my-2, .panel-group .panel, .panel-group .panel .card, .glf-input { margin-bottom: .5rem!important; }
.mt-2, .my-2, .glf-input { margin-top: .5rem!important; }
.glf-input .form-control input, .card-body { font-size: .875rem; font-weight: 400;  line-height: 1.25rem; }
.card-body { padding: 1.5rem!important; }
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #e6e6e6;
}
.form-control-bor0 {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
[data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio], [data-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}
.btn { font-size: .875rem; }
.btn-group > #yes.active { background-color: #5ac15e!important; border-color: #5ac15e; color: #fff !important; }
.btn-group > #no.active { background-color: #ef4e4b!important; border-color: #ef4e4b; color: #fff !important; }
.btn-light { background-color: #fff; color: #666 !important; border-color: #ccc; }
#dvPinNo { display: none; } 
.status-icon { width: 40px; height: 40px; content: " "; margin: 0 auto; font-size: 40px; }
.status-box { box-shadow: inset 0 2px 4px rgba(0,1,1,.25);  max-width: 120px; }

.signup-restaurant .modal-dialog {
    z-index: 1050;
    top: 20%;
}

.text-small {
    font-size: 0.75rem;
    margin-bottom: 5px;
}

.location {
    min-height: 24px;
}

.location .nav-link {
    font-size: 1rem;
    font-weight: 600;
}

.ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
}
.ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
}
.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}
.btn { font-size: .875rem; }
ul.cuisine-selected-container { margin: 0; padding: 0; }
ul.cuisine-selected-container li { margin: 0; padding: 0; list-style: none; width: 159px; height: 115px; }
.cuisine-name-container { position: absolute; bottom: 0; left: 0; background-color: rgba(255,255,255,.9); }
.cuisine-name-container label { padding: .5rem!important; }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.admin-signup-modal { height: 100%; min-height: 100%; }
.admin-signup-modal .form-control { padding: .5rem 1rem; }
.admin-signup-modal .svg-form-icons i.fa { width: 20px; }
.admin-signup-modal .modal-dialog { top: 20%; max-width: 500px; }
.modal-content {  border-radius: .25rem; }
.gfe-input-placeholder {
    position: absolute;
    height: 40px;
    line-height: 40px;
    top: 0;
    left: calc(27px + 9%);
    z-index: 0;
    font-size: 14px;
    color: #ccc;
    fill: #ccc;
    transition: .1s ease;
}
.gfe-input-placeholder.gfe-input-zip {
    left: calc(27px + 53%);
}
.gfe-input .gfe-input-placeholder.gfe-static-placeholder, .gfe-input input.gfe-filled+.gfe-input-placeholder, .gfe-input input:focus+.gfe-input-placeholder, .gfe-input textarea.gfe-filled+.gfe-input-placeholder, .gfe-input textarea:focus+.gfe-input-placeholder {
    top: -8px;
    height: 16px;
    line-height: 16px;
    z-index: 20;
    font-size: 12px;
    color: #aaa;
    border-radius: 8px;
    background: linear-gradient(to bottom,#f4f2ef 0,#fff 100%);
    padding: 0 5px;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}
.modal-backdrop.show {  opacity: .5; }
.sprite-signup-continue-arrow {
    float: left;
    width: 50px;
    min-width: 50px;
    height: 37px;
    display: block;
    background-image: url(../image/signup-continue-arrow.png);
}
.signup-modal .card-footer, .signup-modal .card-header { background-color: #fff; }
.card-footer:last-child { border-radius: 0 0 calc(.1875rem - 1px) calc(.1875rem - 1px); }
.display-14 { font-size: .75rem; line-height: 1.5; }
.card-footer {
    padding: 1rem 1.5rem;
    background-color: #fff;
    border-top: 1px solid rgba(0,0,0,.125);
}
.glf-data-table .show-more td .show-more-pill, .glf-tabs .nav-link, .glf-tabset .nav-link, .glf-tabset .tab-content .scroll-action:hover, .text-soft { color: #999!important; }
.cursor-hand, .glf-data-table .show-more td .show-more-pill { cursor: pointer; }

.glf-checkbox input[type=checkbox]:checked, .glf-radio input[type=radio]:checked { outline: 0px!important; }
.glf-checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    z-index: 12;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
}
input[type=checkbox], input[type=radio] { box-sizing: border-box;  padding: 0; }

.glf-checkbox input[type=checkbox]:checked+.lbl::before {
    display: inline-block;
    content: '\f00c';
    background-color: #5ac15e;
    border-color: #5ac15e;
}
.glf-checkbox input[type=checkbox]+.lbl::before {
    font-family: FontAwesome;
    font-weight: lighter;
    font-size: .6rem;
    color: #fff;
    content: "";
    background-color: #fff;
    border: 1px solid #b3b3b3;
    border-radius: .25rem;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 1rem;
    line-height: 0.9rem;
    min-width: 1rem;
    margin-top: -3px;
    padding-left: 1px;
}

.glf-checkbox input[type=checkbox]+.lbl {
    position: relative;
    z-index: 11;
    display: inline-block;
    margin: 0;
    line-height: 1rem;
    min-height: 1rem;
    min-width: 1rem;
    font-weight: 400;
}

.glf-radio input[type=radio] {
    opacity: 0;
    position: absolute;
    z-index: 12;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
}
.glf-radio input[type=radio]+.lbl {
    position: relative;
    z-index: 11;
    display: inline-block;
    margin: 0;
    line-height: 16px;
    min-height: 16px;
    min-width: 16px;
    font-weight: 400;
}
.glf-radio input[type=radio]+.lbl::before {
    font-family: FontAwesome;
    font-weight: lighter;
    font-size: .5rem;
    color: #fff;
    content: "";
    background-color: #fff;
    border: 1px solid #b3b3b3;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 1rem;
    line-height: 13px;
    min-width: 1rem;
    margin-top: -3px;
    padding-left: 1px;
}
.glf-radio input[type=radio]:checked+.lbl::before {
    display: inline-block;
    content: '\f00c';
    background-color: #5ac15e;
    border-color: #5ac15e;
}
.glf-checkbox input[type=checkbox].disabled+.lbl::before, .glf-checkbox input[type=checkbox]:disabled+.lbl::before, 
.glf-checkbox input[type=checkbox][disabled]+.lbl::before {
    background-color: #ccc!important;
    border-color: #b3b3b3!important;
}

.cuisine-selected-container .mr-3 {
    margin-right: 0.5rem !important
}

.success-msg {
    background-color: #78b034f2;
    padding: 5px;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
}

.error-msg {
    background-color: #dd3939;
    padding: 5px;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
}

.profile-btn {
    text-transform: none;
    border: 1px solid #3e3e3e;
}

.sent-email {
    font-size: 2rem;
    border: 1px solid;
    padding: 20px;
    border-radius: 50%;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: 16px;
    color: #aeaeae;
}

.exclamation-triangle {
    font-size: 2.5rem;
    color: #fbc903 !important;
}

.row-height {  min-height: 100vh; }
.accordion.drawer .panel-group .panel .collapsing-drawer.card .card .panel-heading, .accordion.drawer .panel.collapsing-drawer .card .panel-heading, .justify-content-center, .panel-group .panel .accordion.drawer .collapsing-drawer.card .card .panel-heading {
    -webkit-box-pack: center!important;
    justify-content: center!important;
}
.mb-11, .my-11 { margin-bottom: 5rem!important; }
.mt-11, .my-11 { margin-top: 5rem!important; }
.override-layout { top: 0; bottom: 0; left: 0; right: 0; }
.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    flex-direction: column!important;
}
.pl-5, .px-5 { padding-left: 1.25rem!important; }
.pr-5, .px-5 { padding-right: 1.25rem!important; }
.screen-full-sidebar { z-index: 20; background: #fff; border-left: 1px solid #e0e0e0; box-shadow: 0 1px 3px rgba(0,1,1,.25);
                       width: 20rem; }
.screen-full-header { position: relative; background: #f0f0f0; border-bottom: 1px solid #e6e6e6; color: #666;
                      font-weight: 700; font-size: 1rem; }
.glf-data-table thead th, .pb-6, .py-6, .shepherd-footer, .shepherd-text { padding-bottom: 1.5rem!important; }
.glf-data-table tbody td, .glf-data-table thead th, .pt-6, .py-6, .shepherd-header { padding-top: 1.5rem!important; }
.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}
.glf-w-l {
    width: 40rem!important;
    max-width: 40rem!important;
}

.panel-heading {
    position: relative;
}
.panel-heading[data-toggle="collapse"]:after {
    font-family: 'FontAwesome';
    content: "\f053"; /* "play" icon */
    position: absolute;
    color: #b0c5d8;
    font-size: 18px;
    line-height: 22px;
    right: 20px;
    top: calc(50% - 10px);

    /* rotate "play" icon from > (right arrow) to down arrow */
    -webkit-transform: rotate(-90deg);
    -moz-transform:    rotate(-90deg);
    -ms-transform:     rotate(-90deg);
    -o-transform:      rotate(-90deg);
    transform:         rotate(90deg);
}
.panel-heading[data-toggle="collapse"].collapsed:after {
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    -webkit-transform: rotate(90deg);
    -moz-transform:    rotate(90deg);
    -ms-transform:     rotate(90deg);
    -o-transform:      rotate(90deg);
    transform:         rotate(-90deg);
}

.accordion.drawer .panel-group .panel .collapsing-drawer.card .card .panel-body, .accordion.drawer .panel-group .panel .collapsing-drawer.card .card .panel-heading, .accordion.drawer .panel.collapsing-drawer .card .panel-body, .accordion.drawer .panel.collapsing-drawer .card .panel-heading, .border, .glf-data-table .show-more td .show-more-pill, .glf-table, .info-box, .panel-group .panel .accordion.drawer .collapsing-drawer.card .card .panel-body, .panel-group .panel .accordion.drawer .collapsing-drawer.card .card .panel-heading, .panel-group .panel .card {
    border: 1px solid #ccc!important;
}
.accordion.drawer .panel-group .panel .collapsing-drawer.card .card .panel-heading, .accordion.drawer .panel-group .panel .collapsing-drawer.card .card .panel-heading .panel-title, .accordion.drawer .panel.collapsing-drawer .card .panel-heading, .accordion.drawer .panel.collapsing-drawer .card .panel-heading .panel-title, .glf-data-table tfoot td .pagination, .mb-0, .my-0, .panel-group .panel .accordion.drawer .collapsing-drawer.card .card .panel-heading, .panel-group .panel .accordion.drawer .collapsing-drawer.card .card .panel-heading .panel-title, .panel-group .panel .card:last-of-type, .panel-group .panel:last-of-type {
    margin-bottom: 0!important;
}
.panel-group .panel .card .card .panel-heading, .panel-group .panel .card .panel-heading {
    padding-top: .6875rem!important;
    padding-bottom: .6875rem!important;
    min-height: 1.5rem;
    border: none;
    background-clip: content-box;
}
.card-header-modal:first-child, .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header, .card-header-modal, .glf-data-table tbody td:first-of-type, .glf-data-table thead th:first-of-type, .glf-tabset .nav-link, .info-box, .pl-6, .px-6, .shepherd-footer, .shepherd-header, .shepherd-text {
    padding-left: 1.5rem!important;
}
.card-header, .card-header-modal, .glf-data-table tbody td:last-of-type, .glf-data-table thead th:last-of-type, .glf-tabset .nav-link, .info-box, .pr-6, .px-6, .shepherd-footer, .shepherd-header, .shepherd-text {
    padding-right: 1.5rem!important;
}
.align-items-center, .card-header, .card-header-modal {
    -webkit-box-align: center!important;
    align-items: center!important;
}
.card-header, .card-header-modal, .justify-content-start {
    -webkit-box-pack: start!important;
    justify-content: flex-start!important;
}
.accordion.drawer .panel-group .panel .collapsing-drawer.card .card .panel-heading, .accordion.drawer .panel.collapsing-drawer .card .panel-heading, .card-header, .card-header-modal, .d-flex, .panel-group .panel .accordion.drawer .collapsing-drawer.card .card .panel-heading {
    display: -webkit-box!important;
    display: flex!important;
}
.panel-group .panel .card .panel-heading .panel-title .accordion-toggle {
    width: 100%;
    text-align: left;
    line-height: 1.4375rem!important;
}
.glf-data-table tbody td, .glf-data-table tfoot td, .glf-data-table thead th, .pr-4, .px-4 {
    padding-right: 1rem!important;
}
.delivery-zone-color{
    position: relative;
    z-index: 11;
    font-size: .5rem;
    border: 1px solid;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 1rem;
    line-height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    margin: -3px 0 0;
    padding-left: 1px;
}
.panel-group .panel .card .panel-heading .panel-title .accordion-toggle:after {
    font-family: FontAwesome;
    font-weight: lighter;
    content: "\f107";
    position: absolute;
    right: 1.5rem;
    top: .7rem; font-size: 24px;
}
.btn {
    display: inline-block;
    font-weight: 600;
    color: #666;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*background-color: transparent;*/
    border: 1px solid transparent;
    padding: .4375rem .9375rem;
    font-size: .875rem;
    line-height: 1.25rem;
    border-radius: .1875rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.p-2 {
    padding: .5rem!important;
}
.w-50 {
    width: 50%!important;
}
.d-table {
    display: table!important;
}
.btn-group-toggle>.btn, .btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0;
}
.btn-group-vertical>.btn, .btn-group>.btn {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}
.cursor-hand, .glf-data-table .show-more td .show-more-pill {
    cursor: pointer;
}
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn.active.outline-blue:not(:disabled):not(.disabled), .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn.active.outline-blue:not(:disabled):not(.disabled), .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
    z-index: 1;
}
.btn.active.outline-blue:not(:disabled):not(.disabled), .btn.outline-blue:not(:disabled):not(.disabled).active, .outline-blue.btn.active:not(:disabled):not(.disabled), .outline-blue.btn:not(:disabled):not(.disabled):active, .show>.dropdown-toggle.btn.outline-blue {
    border-color: #528fcc;
    color: #52a8ec;
}
.btn:not(:disabled):not(.disabled).active.outline-blue, .outline-blue.btn.active:not(:disabled):not(.disabled), .outline-blue.btn:active {
    box-shadow: inset 0 2px 5px rgba(82,143,204,.05);
    background: #fafafa!important;
}
.btn-light.active:not(:disabled):not(.disabled), .btn-light:active, .btn-light:not(:disabled):not(.disabled).active {
    box-shadow: inset 0 2px 5px rgba(0,0,0,.1);
    background: #fafafa!important;
}
.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-light {
    background-color: #fff;
    color: #666;
    border-color: #ccc;
}
.panel-group .panel .card .card .panel-body, .panel-group .panel .card .panel-body {
    background-color: #fff!important;
    padding: .5rem 1.5rem 1.5rem!important;
}
.align-items-center, .card-header, .card-header-modal {
    -webkit-box-align: center!important;
    align-items: center!important;
}
.justify-content-between {
    -webkit-box-pack: justify!important;
    justify-content: space-between!important;
}
.accordion.drawer .panel-group .panel .collapsing-drawer.card .card .panel-heading, .accordion.drawer .panel.collapsing-drawer .card .panel-heading, .card-header, .card-header-modal, .d-flex, .panel-group .panel .accordion.drawer .collapsing-drawer.card .card .panel-heading {
    display: -webkit-box!important;
    display: flex!important;
}

.btn-success {
    background-color: #5ac15e;
    border-color: #5ac15e;
}
.btn-link, .btn-link-body, .btn-link-body:hover, .btn-link-secondary, .btn-link-secondary:hover, .glf-table-list tbody td, .glf-table-list thead th, .pl-0, .px-0 {
    padding-left: 0!important;
}
.btn-link, .btn-link-body, .btn-link-body:hover, .btn-link-secondary, .btn-link-secondary:hover, .pb-0, .py-0 {
    padding-bottom: 0!important;
}
.btn-link, .btn-link-body, .btn-link-body:hover, .btn-link-secondary, .btn-link-secondary:hover, .glf-table-list tbody td, .glf-table-list thead th, .pr-0, .px-0 {
    padding-right: 0!important;
}
.mr-4, .mx-4 {
    margin-right: 1rem!important;
}
.panel-data { display: none; }
.btn-link, .btn-link-body, .btn-link-secondary {  color: #5ac15e !important; }
.d-inline-block, .glf-tabset .nav-item, .glf-on-off {
    display: inline-block!important;
}

.btn-switch {
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8;
  }
  .btn-switch:focus,
  .btn-switch.focus,
  .btn-switch:focus.active,
  .btn-switch.focus.active {
    outline: none;
  }
  .btn-switch:before,
  .btn-switch:after {
    line-height: 1.5rem;
    width: 4rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
  }
  .btn-switch:before {
    content: 'Off';
    left: -4rem;
  }
  .btn-switch:after {
    content: 'On';
    right: -4rem;
    opacity: 0.5;
  }
  .btn-switch > .handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left 0.25s;
}
.btn-switch.active {
    transition: background-color 0.25s; background-color: #5ac15e;
}
.btn-switch.active > .handle {
    left: 1.6875rem;
    transition: left 0.25s;
}
.btn-switch.active:before {
    opacity: 0.5;
}
.btn-switch.active:after {
    opacity: 1;
}
.glf-tabset .tab-content .scroll-action, .text-muted {
    color: #ccc!important;
}
.glf-data-table .show-more td .show-more-details, .glf-tabs .nav-link, .mr-6, .mx-6 {
    margin-right: 1.5rem!important;
}
.hours-container { margin-bottom: 1.25rem; }
.mt-4, .my-4 {  margin-top: 1rem !important; }
.text-gray-400 { color: #b3b3b3!important; }
.accordion.drawer .panel-group .panel .collapsing-drawer.card .card .panel-body, .accordion.drawer .panel.collapsing-drawer .card .panel-body, .card-body, .p-6, .panel-group .panel .accordion.drawer .collapsing-drawer.card .card .panel-body, .ngb-datepicker {
    padding: 1.5rem!important;
}
.glf-data-table tfoot td, .glf-table tbody td, .glf-table tbody th, .pb-5, .py-5 {
    padding-bottom: 1.25rem!important;
}
.glf-tabs .nav-link, .pb-2, .py-2 {
    padding-bottom: .5rem!important;
}
.day-of-week { font-weight: 400; }
.btn-link-secondary {
    text-decoration: underline;
    font-weight: 600;
    color: #666!important;
}

/* time pick */
:root{
    --picktim-container-width: 150px;
    --picktim-container-height: 120px;
}
.timepicker .time-input { width: 100px; }

.picktim-container{
    position: absolute;
    width: var(--picktim-container-width);
    height: var(--picktim-container-height);
    border: 1px #DDD solid;
    border-radius: 3px;
    background: #EEE;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.42857143;
    box-sizing: border-box; z-index: 9999;
}
.picktim-table{
    text-align: center;
    width: calc(var(--picktim-container-width) - 4px);
    height: calc(var(--picktim-container-height) - 4px);
    background-color: transparent;
}

.picktim-hour{
    width: 50px;
    border: none;
    text-align: center;
    font-size: 18px;
    background: none; color:#aaa;
}

.picktim-mins{
    width: 50px;
    border: none;
    text-align: center;
    font-size: 18px;
    background: none; color:#aaa;
}
.picktim-ampm{
    width: 50px;
    border: none;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    background: none;
    cursor: pointer;
}

.picktim-separator{
    border: none;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.picktim-btn{
    cursor: pointer;
    width: 50px !important;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
}
.picktim-btn:hover, .picktim-btn:focus{
    background-color: rgba(255,255,255,0.5);
    text-decoration: none;
}
.picktim-btn:active{
    text-decoration: none;
}
.picktim-btn:disabled{
    cursor: default;
    opacity: 0.65;
    box-shadow: none;
}
.picktim-clear{
    position: relative;
    top: 0px;
    left: -40px;
}
.picktim-clear:active{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: rgba(255,255,255,0.5);
    outline: 0;
    background-image: none;
}
#dvPinYes  > .panel .panel-heading .panel-title:after,
#dvPinNo  > .panel .panel-heading .panel-title:after
{
    font-family: FontAwesome;
    font-weight: lighter;
    content: "\f107";
    position: absolute;
    right: 1.5rem;
    top: 1.3rem;
    font-size: 25px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 36px; }
.select2-container--default .select2-selection--single { border: 0; }
.card-header-back, .pr-3, .px-3 {
    padding-right: .75rem!important;
}
.mb-6, .my-6 {
    margin-bottom: 1.5rem!important;
}

.icon-arrow2 {
    font-size: 1.5em;
    color: gray;
}

.text-success {
    color: #5ac15e!important;
}

.nav-menu ul li ul li div.glf-icon { display: inline-block; padding: 0; }
.nav-menu ul li ul li div.glf-icon {
    width: 9px;
    height: 9px;
    position: absolute;
    right: 0;
    top: 10px;
}

.wrapper-app-explainer { height: 22.8rem; }
.info-text {line-height: 1.9rem; }
.hand-writing-font, .hand-writing { font-family: 'Coming Soon',Cursive,serif; }
.text-gray { color: #666; }
.display-11 { font-size: 1.25rem; font-weight: 400; }
.glf-data-table tfoot td, .glf-table tbody td, .glf-table tbody th, .pt-5, .py-5 {
    padding-top: 1.25rem!important;
}
.arrow-app { position: absolute; left: 49%; top: 12%; }
.app-explainer {
    background: url(../image/app_explainer.png) center no-repeat;
    position: absolute;
    right: .5rem;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 71%;
    height: 100%;
}

.wrapper-app-send { height: 21rem; }
.send-info-text { position: absolute; top: 23%; left: 2%; line-height: 1.4rem; }
.send-arrow { position: absolute; left: 46%; top: 25%; }
.image-app-email, .image-app-sms {
    background: url(../image/app_mail.png) center no-repeat;
    position: absolute;
    right: .5rem;
    bottom: 0;
    top: 0;
    width: 43%;
    height: 94%;
}
.image-app-sms { background: url(../image/app_sms.png) center no-repeat; }
.app-install-input { bottom: 12%; }

.wrapper-installer-sent { height: 12.5rem; }
.pl-7, .px-7 { padding-left: 3rem!important; }
.pt-7, .py-7 { padding-top: 3rem!important; }
.display-5 { font-size: 3rem; font-weight: 400; line-height: 1.4; }

.arrow-installer-sent {
    -webkit-transform: rotate(210deg) scale(-1,1);
    transform: rotate(210deg) scale(-1,1);
}
.image-grab-smartphone { background: url(../image/grab_phone.png) center no-repeat; width: 7.563rem; height: 5.125rem; }

.admin-background { background-color: #f5f3f0; }

.btn-theme-picture {
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translate(-50%, 1px);
	transform: translate(-50%, 1px);
	z-index: 20;
	padding: 2px 10px;
	border: 1px solid #d5d5d3;
	border-top: none;
	border-radius: 0 0 3px 3px;
	background-clip: padding-box;
	background-color: #fff;
	color: #737373 !important;
	font-weight: 700;
	font-size: 10px;
	cursor: pointer
}
.btn-theme-picture .glf-icon { display: inline-block; }
.btn-theme-picture:active,
.btn-theme-picture:hover {
	border: 1px solid #59c15d;
	border-top: none;
	color: #59c15d
}

.btn-theme-picture-text {
	display: block;
	float: left;
	margin-left: 4px
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.screen-full-header>:nth-child(n) {
    margin-right: 10px;
}
.btn-theme-picture-text {
    display: block;
    float: left;
    margin-left: 4px;
}
.gt-btn-success {
    color: #212529;
    background-color: #5ac15e;
    border-color: #5ac15e;
    cursor: pointer;
    position: relative;
    color: #fff;
}
.screen-full-header {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px 15px;
    background: #eae8e5;
    border-bottom: 1px solid #d5d5d3;
    color: #727272;
    font-weight: 700;
    font-size: 16px;
}
.screen-full-sidebar-footer, .screen-full-sidebar-header {
    margin: 15px;
}
.screen-full-sidebar-header {
    font-weight: 700;
    font-size: 17px;
    color: #727272;
    margin: 15px;
}
.screen-full-header:after {
    display: block;
    content: '';
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}
.screen-full-header>:nth-child(n) {
    margin-right: 10px;
}
.screen-full-header>:last-child {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    margin-right: 0;
}
.gt-btn-primary {
    color: #212529;
    background-color: #f08b18;
    border-color: #f08b18;
    cursor: pointer;
    position: relative;
    color: #fff;
}
.gt-btn-default {
    background-color: #fff;
    border-color: #ccc;
    cursor: pointer;
    position: relative;
    color: #666 !important;
}
[class*=" icon-"], [class^=icon-] {
    background: url(../image/admin-sprite.png) no-repeat;
    width: 20px;
    height: 20px;
    content: " ";
    float: left;
}
.screen-full-sidebar-content {  padding: 0 15px; }
.icon-play {
    background-position: 0 -400px;
    margin: -5px 0;
    float: none;
    display: inline-block;
}
.comp-alt-panel-container {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 15px 0;
    border: 1px solid #d5d5d3;
    border-radius: 2px;
    font-size: 13px;
    background-clip: padding-box;
    background-color: #fff;
}
.ui-draggable-handle { -ms-touch-action: none;  touch-action: none; }
.comp-alt-panel-container>.comp-alt-panel { border: none; }
.comp-alt-panel {
    position: relative;
    min-height: 42px;
    padding: 10px;
    background-clip: padding-box;
    background-color: #f5f3ef;
    color: #737373;
    font-size: 12px;
    cursor: pointer;
    transition: border-color .2s ease-in-out;
}
.comp-alt-panel>.comp-action-zone { padding: 10px; }
.comp-action-zone {
    position: absolute;
    bottom: 0;
    right: 0;
    float: right;
    padding: 10px;
    opacity: 0;
    transition: opacity .2s ease-in-out;
}
.comp-alt-panel.is-highlighted, .comp-alt-panel:hover {
    background-color: #59c15d;
    color: #fff;
}
.comp-alt-panel:hover>.comp-action-zone { display: block; opacity: 1; }
.comp-alt-panel>.comp-action-zone { padding: 10px; }

.comp-action-zone [class*=" icon-"], .comp-action-zone [class^=icon-] { margin-left: 4px; }
.icon-menu-mark { background-position: -40px -380px; }
.comp-alt-panel.is-highlighted .icon-expand, .comp-alt-panel:hover .icon-expand {
    background-position: -40px -160px;
}
.icon-expand { background-position: -40px -80px; }
.icon-collapse { background-position: -40px -60px; }
.comp-alt-panel.is-highlighted .icon-collapse, .comp-alt-panel:hover .icon-collapse {
    background-position: -40px -140px;
}
.comp-collapse-expand { margin-right: 8px; }
.comp-alt-panel-container:hover, .is-container-highlighted { border: 1px solid #59c15d; }
.comp-action-zone [class*=" icon-"], .comp-action-zone [class^=icon-] {  margin-left: 4px; }
.comp-alt-panel.is-highlighted .icon-menu-mark:hover, .comp-alt-panel:hover .icon-menu-mark:hover {
    background-position: -20px -420px;
}
.comp-alt-panel.is-highlighted .icon-menu-mark, .comp-alt-panel:hover .icon-menu-mark {  background-position: 0 -420px; }
.comp-alt-panel.is-highlighted .icon-menu-remove, .comp-alt-panel:hover .icon-menu-remove { background-position: -40px -120px; }
.comp-alt-panel.is-highlighted .icon-menu-edit, .comp-alt-panel:hover .icon-menu-edit { background-position: -40px -100px; }
.icon-menu-remove {  background-position: -40px -20px; }
.icon-menu-remove:hover { background-position: -60px -20px; }
.icon-menu-edit { background-position: -40px 0; }
.icon-menu-edit:hover { background-position: -60px 0; }
.comp-options:last-of-type {  margin-bottom: 0; }
.comp-options:first-of-type { border-top: 1px solid #d5d5d3; }
.comp-options { clear: both;  border-top: 1px solid #fff; }
.comp-info-option {
    position: relative;
    overflow: hidden;
    padding: 10px;
    line-height: 1.7em;
}
.comp-info-option-name { float: left; width: 175px; padding-right: 10px; }
.comp-info-option-price { float: left; }
.comp-option>.comp-info-option>.comp-action-zone { position: static; float: right;  opacity: 1!important;padding: 0; }
.comp-options { border-bottom: 1px solid #d5d5d3;  background-color: #f5f5f5; }
.comp-options > .comp-info-option > .comp-action-zone {
    position: static;
    float: right;
    opacity: 1!important;
    padding: 0;
}
.comp-list-button-zone { padding: 10px; text-align: center; }
.gt-btn-default:hover { color: #212529;  background-color: #e0e0e0; border-color: #b3b2b2; }
.screen-full-sidebar-footer {  -webkit-box-flex: 1000;  -ms-flex: 1000 1 auto;  flex: 1000 1 auto; }
.screen-full-sidebar-footer, .screen-full-sidebar-header { margin: 15px; }
.overflow-auto { overflow: auto !important; }
.screen-full-content { padding: 30px 15px 15px 15px; background-color: #f4f2ef; }
.comp-panel-container { margin-bottom: 10px; }
.comp-category { min-height: 42px; }
.comp-panel {
    position: relative;
    max-width: 650px;
    padding: 10px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #d5d5d3;
    cursor: pointer;
    transition: border-color .2s ease-in-out;
}
.comp-picture-zone {  position: relative; }
.comp-has-picture>.comp-picture-box {
    border: 0;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
}
.comp-picture-box {
    position: relative;
    width: 64px;
    height: 64px;
    overflow: hidden;
    background-size: 64px 64px;
    border: 1px dashed #ccc;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #f4f4f4;
}
.comp-picture-box:hover>.comp-picture-action {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.comp-picture-action {
    position: absolute;
    padding: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translate(0,100%);
    transform: translate(0,100%);
    background-color: rgba(0,0,0,.5);
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    transition: .3s -webkit-transform ease-out,.3s background-color ease-out;
    transition: .3s transform ease-out,.3s background-color ease-out;
}
.comp-has-picture>.comp-picture-box .comp-picture-action-add { display: block; }
.comp-has-picture>.comp-picture-box .comp-picture-action-change { display: block; }
.comp-picture-action-add { display: block; }
.comp-picture-action-change { display: block; }
.comp-has-picture .comp-picture-remove {  display: block; }
.comp-picture-zone:hover .comp-picture-remove { opacity: 1; }
.comp-picture-remove {
    display: none;
    position: absolute;
    top: -9px;
    right: -6px;
    width: 18px;
    height: 18px;
    opacity: 0;
    background-color: #fff;
    border-radius: 50%;
    transition: .3s opacity ease-out;
}
.svg-icon-remove { padding: 5px; color: #999; transition: .3s fill ease-out; }
.comp-data-zone {  width: 100%; padding-left: 10px; }
.comp-tags { min-height: 1.2rem;  max-height: 6rem; }
.comp-item-description {
    clear: both;
    font-weight: 300;
    font-style: italic;
    font-size: 13px;
    width: 85%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.comp-panel:hover { border: 1px solid #a5a5a4; }
.comp-action-zone.is-visible, .comp-panel:hover>.comp-action-zone { display: block;  opacity: 1; }
.comp-drop-zone {
    margin-top: 10px;
    margin-right: 80px;
    overflow: hidden;
    border: 1px dashed transparent;
    transition: border .2s ease-in-out;
    text-align: center;
    vertical-align: middle;
}
.comp-alt-panel.is-link { border: 1px solid #d5d5d3; border-radius: 2px; }
.comp-alt-panel.is-link { padding: 5px 30px 5px 5px; margin: 2px; float: left; }
.comp-group-dropzone { height: 34px; min-height: 34px; }
.comp-alt-panel.is-link>.comp-action-zone { display: block; opacity: 1; }
.comp-alt-panel.is-link>.comp-action-zone { padding: 6px; opacity: 1; }
.comp-items { margin-top: 10px; min-height: 10px; margin-left: 40px; }
.comp-panel {
    position: relative;
    max-width: 650px;
    padding: 10px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #d5d5d3;
    cursor: pointer;
    transition: border-color .2s ease-in-out;
}
.comp-item>.comp-info-zone { min-height: 40px; }

.comp-picture-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    fill: #b2b2b2;
}
.is-edit-mode.comp-sizes { display: block; margin-right: 110px; border: 1px solid #d5d5d3;
    border-radius: 2px; }
.comp-sizes { display: none;  margin-top: 10px; }
.comp-size {
    position: relative;
    color: #595959;
    font-size: 12px;
    border-bottom: 1px solid #d5d5d3;
    padding: 6px;
}
.comp-size-drop-zone { min-width: 170px; margin: -4px!important; }
.comp-drop-zone {
    margin-top: 10px;
    margin-right: 80px;
    overflow: hidden;
    border: 1px dashed transparent;
    transition: border .2s ease-in-out;
    text-align: center;
    vertical-align: middle;
}
.comp-size>.icon-default {
    position: absolute;
    right: -25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.icon-default { background-position: -60px -360px; }
.comp-info-size-price { padding: 9px 6px 8px 6px; }
.comp-info-size-name { width: 150px; padding: 9px 6px 8px 6px; }
.comp-category-button-zone { margin-left: 40px; }
.gt-modal-w640.gt-modal >.modal-dialog > .modal-content {
    width: 640px;
}
.gt-modal > .modal-dialog >.modal-content {
    -ms-flex-item-align: center;
    align-self: center;
    width: auto;
    margin: 0 auto;
    box-shadow: 0 1px 6px rgba(0,1,1,.35);
    border-radius: 3px;
    border: none;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .25rem;
    outline: 0;
}
.modal .picture-uploader {
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
}
.picture-uploader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    overflow: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.modal .picture-uploader > .glf-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
}
.gt-modal .card {
    border: none;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    /*background-color: #f7f6f5;*/
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .1875rem;
}
.card-header {
    padding: 1rem 1.5rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-header:first-child {
    border-radius: calc(.1875rem - 1px) calc(.1875rem - 1px) 0 0;
}
.card .card-header .display-10, .card .card-header .glf-card-title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pop-body { flex: 1 1 auto; padding: 1.5rem; }
.uploader-dropzone {
    width: 100%;
    height: 340px;
    position: relative;
    border: 3px dashed #ccc;
    background-color: #f4f4f4;
}
.uploader-dropzone-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    pointer-events: none;
}
.uploader-dropzone-inner>div { text-align: center; }
.uploader-icon-picture { color: #ccc!important; font-size: 60px; }
.uploader-message div, .uploader-message .fa {  display: inline-block; }
.uploader-text { color: #727272; padding: 20px 0 15px 0; }
.uploader-text-strong { font-weight: 700; font-size: 28px; line-height: 30px; }
.uploader-text-small { font-size: 14px; padding-top: 10px; }
.uploader-text-constraints {
    position: absolute;
    bottom: -60px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    color: #666;
    font-size: 12px;
    white-space: nowrap;
}
.uploader-dropzone .dz-clickable {
    pointer-events: auto;
}
.gt-btn-success:hover { color: #fff;  background-color: #3fa943;  border-color: #3c9f40; }
.close-login-forgot { position: absolute; top: 15px; right: 20px; font-size: 24px; z-index: 99; }
.gt-modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    position: relative;
    z-index: 1;
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
}
.gt-modal-header .gt-modal-title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #727272;
    font-size: 16px;
    font-weight: 700;
}
.gt-modal-content {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 0 0 6px 6px;
}
.modal-slider { position: relative; padding: 20px 0; }
.modal-slider .carousel-cell { width: 100%; height: 178px; }
.modal-body-title {
    font-family: 'Coming Soon',cursive;
    color: #7f7f7f;
    font-size: 18px;
    text-align: center;
}
.modal-split {  width: 100%;  display: table; }
.modal-split-column { width: 50%; display: table-cell; padding: 20px; }
.modal-split-title {
    display: inline-block;
    padding: 8px 20px;
    border-radius: 20px;
    background-clip: padding-box;
    background-color: rgba(0,0,0,.3);
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
}
.modal-preview {
    position: relative;
    margin: 10px 0;
    /*border-radius: 4px;
    box-shadow: 0 2px 7px rgba(0,0,0,.2);
    background-color: #000; */
}
.modal-preview-over { position: relative; z-index: 2; border-radius: 2px; }
.modal-preview-desktop { border-top-left-radius: 3px; border-top-right-radius: 3px; }
.modal-preview-under { position: relative; z-index: 1;  height: 150px; margin:auto; }
.modal-preview-accepted { top: 15px; opacity: .9; }
.gt-btn-neutral {
    color: #fff;
    background-color: #666;
    border-color: #666;
    cursor: pointer;
    position: relative;
    color: #fff;
}
.gt-btn-neutral:not(:disabled):not(.disabled).active, .gt-btn-neutral:not(:disabled):not(.disabled):active, .show>.gt-btn-neutral.dropdown-toggle {
    color: #fff;
    background-color: #4d4c4c;
    border-color: #464646;
}
.modal-buttons>.btn { margin-left: 10px; min-width: 80px; }
.uploader-panel-container { padding-bottom: 10px; }
.uploader-panel:last-of-type { margin-bottom: 0; }
.uploader-panel {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
}
.uploader-panel-title { padding-bottom: 10px; color: #737373; font-weight: 700; font-size: 13px; }
.uploader-panel-description { color: #666; font-size: 12px; }
.uploader-panel-actions {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.uploader-panel-action {
    text-align: center;
    margin-left: 20px;
    text-decoration: underline;
    color: #5ac15e;
    font-size: 12px;
    cursor: pointer;
    line-height: 20px;
}
.uploader-panel-action > .fa { color: #5ac15e; font-size: 14px; }

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled { position: relative; }
  
  .flickity-enabled:focus { outline: none; }
  
  .flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
  }
  
  .flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  
  /* draggable */
  
  .flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  
  .flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
  }
  
  .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
  
  /* ---- flickity-button ---- */
  
  .flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, 0.75);
    border: none;
    color: #333;
  }
  
  .flickity-button:hover {
    background: white;
    cursor: pointer;
  }
  
  .flickity-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #19F;
  }
  
  .flickity-button:active {
    opacity: 0.6;
  }
  
  .flickity-button:disabled {
    opacity: 0.3;
    cursor: auto;
    /* prevent disabled button from capturing pointer up event. #716 */
    pointer-events: none;
  }
  
  .flickity-button-icon {
    fill: currentColor;
  }
  
  /* ---- previous/next buttons ---- */
  
  .flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    /* vertically center */
    transform: translateY(-50%);
  }
  
  .flickity-prev-next-button.previous { left: 10px; }
  .flickity-prev-next-button.next { right: 10px; }
  /* right to left */
  .flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px;
  }
  .flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px;
  }
  
  .flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
  }
  
  /* ---- page dots ---- */
  
  .flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
  }
  
  .flickity-rtl .flickity-page-dots { direction: rtl; }
  
  .flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
  }
  
.flickity-page-dots .dot.is-selected {  opacity: 1; }

.display-8 { font-size: 2rem; font-weight: 400; line-height: 1.4; }
.ml-4, .mx-4 { margin-left: 1rem!important; }


@media (min-width: 576px) {
    .flex-sm-row { flex-direction: row!important; }
}

.screen-overlay { top: 0; bottom: 0; left: 0; right: 0; background: #fff; opacity: .6; position: absolute; z-index: 999; }
.ftu-container {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1010;
    padding-right: 320px;
    overflow: scroll;
}
.ftu-panel {
    position: relative;
    width: 600px;
    margin: 100px auto;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,1,1,.2);
}
.ftu-heading {
    overflow: hidden;
    padding: 20px;
    background-clip: padding-box;
    background-color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.ftu-item.is-active {
    color: #fff;
    border: 2px solid #5ac15e;
    background-color: #5ac15e;
}
.ftu-item {
    float: left;
    padding: 6px 9px;
    border: 2px solid #dbdbdb;
    border-radius: 15px;
    line-height: 1em;
    box-shadow: 0 0 0 5px #fff;
    font-family: Montserrat,sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #a5a5a5;
    text-align: center;
}
.ftu-spacer {
    float: left;
    width: 65px;
    overflow: hidden;
    border: 1px solid #ebebeb;
    margin: 15px 5px;
}
.ftu-item {
    float: left;
    padding: 6px 9px;
    border: 2px solid #dbdbdb;
    border-radius: 15px;
    line-height: 1em;
    box-shadow: 0 0 0 5px #fff;
    font-family: Montserrat,sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #a5a5a5;
    text-align: center;
}
.ftu-item.is-finished {
    color: transparent;
    border: 2px solid #5ac15e;
    background-color: #5ac15e;
    padding: 3px;
}
.ftu-content {
    width: 100%;
    height: 400px;
    padding: 20px;
    color: #666;
    font-size: 14px;
    background-color: #f4f2ef;
    border-top: 1px solid #ccc;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    text-align: center; flex-direction: column;
}
.wrapped-icon-container {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 10px;
    padding: 12px;
    border: 3px solid #edebe8;
    border-radius: 30px;
    background-clip: padding-box;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.16);
}
[class*=" ftuico-"], [class^=ftuico-] {
    background: url(../image/admin-sprite.png) no-repeat;
    width: 30px;
    height: 30px;
    content: " ";
}
.ftuico-smiley { background-position: -40px -180px; }
.ftu-info-text {
    color: #333;
    font-family: Montserrat,sans-serif;
    font-size: 18px;
    text-align: center;
}
.ftu-buttons { margin-top: 15px; }
.ftuico-real-time { background-position: -40px -210px; }
.icon-finished {  background-position: -40px -360px; }
.ftuico-items { background-position: -40px -240px; }
.ftuico-edit { background-position: -40px -270px; }
.ftuico-drag { background-position: -40px -300px; }
.ftu-info-text>ul {
    width: 300px;
    margin: 15px auto 0 auto;
    color: #595959;
    font-size: 14px;
    list-style: none;
    padding: 0 0 0 10px;
    text-align: left;
}
.ftu-info-text>ul>li { margin-left: 40px; }
.ftu-info-text>ul>li>.smico-triangle {
    float: left;
    margin: 4px 10px 4px 0;
}
.smico-triangle {  background-position: -70px -180px; }

.comp-edit-option>.comp-edit-zone { display: block; }
.comp-edit-option>.comp-edit-zone { overflow: hidden; }
.comp-edit-option>.comp-edit-zone, .comp-options { background-color: #f5f5f5; }
.comp-edit-option>.comp-button-zone, .comp-edit-option>.comp-edit-zone {   padding: 10px; }
.comp-edit-zone { clear: both; }
.comp-edit-zone>div { margin-bottom: 5px; }
.form-control {
    display: block;
    width: 100%;
    height: calc(2.09375rem + 2px);
    padding: .5rem 1rem;
    font-size: .875rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.character-counter {
    display: none;
    position: absolute;
    right: 20px;
    max-width: 10%;
    font-size: .8em;
    top: -.8em;
    text-align: center;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 40%,#fff 40%)!important;
    line-height: 1em;
}
.comp-edit-option-price { width: 66px; }
.comp-preselect { float: left; margin: 5px 0; }
.comp-preselect-label {  margin-top: -5px;  margin-left: 5px; font-size: 14px; }
.comp-preselect .icon-info { margin-top: -3px; }
.icon-info { background-position: -20px -260px;  margin: 1px 0 0 8px; }
.comp-edit-option>.comp-edit-zone>.comp-button-zone {
    float: right;
    display: block; clear:both;
}
.comp-edit-zone>div:last-of-type {
    margin-bottom: 0;
}
.comp-button-zone>.btn {
    margin-left: 10px;
}
.comp-big-field {
    width: 100%;
}
.comp-small-field {
    width: 25%;
    text-align: right;
}
.comp-pl5 {
    padding-left: 5px;
}
.comp-sizes-editor {
    clear: both;
    overflow: hidden;
    padding-top: 5px;
}
.comp-button-zone {  float: right; display: block; }
.is-edit-mode>.comp-edit-zone {
    display: block;
}
.comp-edit-zone {
    clear: both;
}
.comp-size-editor>div, .comp-size-editor>input {
    margin-right: 5px;
    margin-bottom: 5px;
}
.comp-medium-field {
    width: 50%;
}
.comp-size-editor>div, .comp-size-editor>input {
    margin-right: 5px;
    margin-bottom: 5px;
}
.comp-small-field {
    width: 25%;
    text-align: right;
}
.comp-size-remove {
    margin: 6px 0;
}
.icon-size-remove {
    background-position: -40px -40px;
}
.comp-size-default-text {
    display: inline-block;
    font-size: 12px;
    color: #999;
    margin: 4px 0;
    vertical-align: middle;
}
.comp-size-default-text>span {  visibility: hidden;  vertical-align: middle; }
.comp-edit-zone>div:last-of-type {  margin-bottom: 0; }
.is-edit-mode .comp-button-zone { display: block; }
.comp-panel.is-edit-mode {  overflow: hidden; }
.comp-category {  min-height: 42px; }
.comp-edit-group { overflow: hidden; }

.comp-edit-group>.comp-edit-zone {
    border-bottom: 1px solid #d5d5d3;
    background-color: #f5f5f5;
}
.comp-edit-group>.comp-button-zone, .comp-edit-group>.comp-edit-zone { padding: 10px; }
input[type=text]:focus+.character-counter { display: block; }
.comp-type-picker {  width: 100%; }
.btn-selector {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #7f7f7f !important;
    font-size: 14px;
}
.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.comp-type-picker.comp-mandatory-selector>.btn { width: 50%; }
.btn-group>.btn:first-child { margin-left: 0; }
.btn-selector.active, .btn-selector:hover {
    border: 1px solid #b2b2b0;
    background-color: #efefef;
    color: #595959 !important;
    font-size: 14px;
}
.comp-force { overflow: hidden; margin-top: 5px; }
.comp-group-label {
    float: left;
    width: 100px;
    min-height: 30px;
    position: relative;
}
.comp-edit-force { text-align: right; width: 80px; }
.position-fix-edit {
    margin-top: 35px!important;
    margin-left: 70px;
    margin-bottom: 45px;
}
.popover-menu-categories-items, .popover-menu-item-list  { border: solid #d3d3d3 1px; }
.popover-menu-categories { left: 13rem!important;  /*top: 3rem!important; */}
.popover-menu-items { left: 13rem!important;  /*top: 3rem!important;*/ }
.popover-menu-itemsizes { left: 13rem!important;  /*top: 10rem!important;*/ }
.no-max-width { max-width: none!important; }
.position-fix-edit .popover-body {
    min-width: 350px;
    min-height: 100px;
}
.popover-no-padding .popover-body {
    padding: 10px;
}
.popover.bottom>.arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
}
.popover-menu-categories-items>.arrow {
    top: -.72rem!important;
    left: 86%!important;
}
.popover .arrow {
    border: none;
    box-sizing: border-box;
    position: absolute;
    overflow: hidden;
    background: 0 0;
    width: 50px;
    height: 16px;
    margin: .15rem 0;
}
.popover.bottom .arrow, .popover.bs-popover-bottom .arrow {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    margin: .3rem -1.5rem;
}
.popover .arrow::after {
    border: none;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background: #fff;
    box-shadow: 1px 1px 8px 0 rgba(0,0,0,.2);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    margin-left: 0!important;
    top: 0;
    left: 50%;
}
.popover.bottom>.arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff;
}
.bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {
    top: 0;
    border-bottom-color: rgba(0,0,0,.25);
}
.popover .arrow::before {
    border: none;
}
.comp-multi-choice-selector {
    margin: -.8em;
}
.comp-multi-choice-option {
    font-size: 14px;
    width: 100%;
    color: #666;
    border-bottom: 1px solid #f7f6f5;
    padding-left: .49em;
    padding-right: .49em;
}
.comp-multi-choice-button {
    width: 100%;
    padding: 10px;
    cursor: pointer;
    padding: 1em;
}
.comp-multi-choice-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 2px 2px;
    margin-bottom: 1em;
}
.comp-multi-choice-option>p {
    font-size: 14px;
    width: 100%;
    color: #666;
    display: block;
    margin-bottom: .5em;
    margin-top: .75em;
    font-weight: 400;
    padding: 10px 10px 0;
}
.comp-multi-choice-paragraph {
    font-weight: 700!important;
    font-size: .85em!important;
    opacity: .8;
}
.comp-multi-choice-option .text-muted { color: #666!important; }
.custom-checkbox { margin: 2px 5px; }
.custom-checkbox+label {
    margin: 0;
    font-weight: 400;
    padding: 7px;
    cursor: pointer;
}
.custom-checkbox+label>glf-icon {
    vertical-align: top;
}
input[type=checkbox].custom-checkbox+label svg {
    fill: #fff;
    width: 14px;
    height: 14px;
    border: solid 1px #999;
    border-radius: 3px;
    margin: 2px 5px;
}
input[type=checkbox]:checked.custom-checkbox+label svg {
    fill: #999;
    border: 0;
}
.display-15 {
    font-size: .6875rem;
    line-height: 1.5;
}
  .comp-edit-zone {
      clear: both;
  }
  .comp-button-zone {
      float: right;
  }
  .comp-edit-zone > div:last-of-type {
      margin-bottom: 0px;
  }
  .comp-panel.is-edit-mode {
      overflow: hidden;
  }
  .attach-hidden {display: none;}
  .days-select {
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-bottom: 10px;
}
.days-select table {
    width: 100%;
    margin-top: 15px;
}
.days-select table td {
    border: solid 1px #ccc;
    width: 50%;
}

#time-range p {
    font-family:"Montserrat", sans-serif;
    font-size:14px;
    color:#333;
}
.ui-slider-horizontal {
    height: 8px;
    background: #D7D7D7;
    border: 1px solid #BABABA;
    box-shadow: 0 1px 0 #FFF, 0 1px 0 #CFCFCF inset;
    clear: both;
    margin: 8px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider-horizontal .ui-slider-range {
    top: -1px;
    height: 100%;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    height: 8px;
    font-size: .7em;
    display: block;
    border: 1px solid #5BA8E1;
    box-shadow: 0 1px 0 #AAD6F6 inset;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    background: #81B8F3;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiĦKpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #A0D4F5), color-stop(100%, #81B8F3));
    background-image: -webkit-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: -moz-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: -o-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: linear-gradient(top, #A0D4F5, #81B8F3);
}
.ui-slider .ui-slider-handle {
    border-radius: 50%;
    background: #F9FBFA;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiĦKpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #C7CED6), color-stop(100%, #F9FBFA));
    background-image: -webkit-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: -moz-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: -o-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: linear-gradient(top, #C7CED6, #F9FBFA);
    width: 22px;
    height: 22px;
    -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 22px;
    height: 22px;
    cursor: default;
    border: none;
    cursor: pointer;
}
.ui-slider .ui-slider-handle:after {
    content:"";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -4px;
    background: #30A2D2;
    -webkit-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
    -moz-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 white;
    box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.5em;
    margin-left: -.6em;
}
.ui-slider a:focus {
    outline:none;
}

#slider-range {
  width: 90%;
  margin: 0 auto;
}
#time-range {
  width: auto;
}

.comp-panel>.comp-data-zone::after { padding: 10px; }
.comp-expand-zone, .comp-data-zone::after {
    font-family: 'FontAwesome';
    content: "\f053";
    position: absolute;
    color: #b0c5d8;
    font-size: 18px;
    transform: rotate(-90deg);
    right: 0;
    float: right;
    padding: 10px;
    top: 0;
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

.comp-panel:hover >.comp-data-zone::after { display: block;  opacity: 1; }
.comp-tag {
    float: left;
    border-radius: 10px;
    margin-right: 10px;
    font-weight: 700;
    font-size: 11px;
    color: #f7f6f5;
    background-color: #fbc903;
    padding: 0 6px; margin-left: 10px;
}
.alert-container {
    width: 100%;
    z-index: 9999;
    display: block;
}
.alert-container .slider {
    position: relative;
box-shadow: inset 0 10px 10px -5px rgba(0,0,0,.15);
}
.alert-container .slider .stripe i
{
    position: relative;
    top: calc(50% - .5rem);
    color: rgba(0,0,0,.25);

}
.alert-container .slider .stripe
{
    background-color: rgba(0,0,0,.1);
    font-size: 1rem;
    line-height: 1;
}
.pb-3, .py-3 {
    padding-bottom: 1rem !important;
}
.w-50 {
    width: 50% !important;
}
#preview-popup .modal-dialog { max-width: inherit;  width: 810px; }
#preview-popup .modal-dialog .modal-content { width: 100%; }

.glf-table-list thead th {
    color: #999;
    border-color: #e6e6e6;
    border-bottom-width: 1px;
}
.glf-table-list tbody td {
    border-color: #e6e6e6;
    vertical-align: middle;
    background: 0 0;
    font-weight: 400;
    font-size: .875rem;
    line-height: .875rem;
}
.number-bubble { border: 2px solid #666; border-radius: 50%; padding: 3px 10px; }
.add-facebook-tab { background: url(../images/add-page-tab.png);
    width: 259px; height: 133px; }

.border-2-left { border-left: 2px solid #ccc; }
.glf-data-table .show-more td .show-more-pill, .glf-tabs .nav-link, .glf-tabset .nav-link, .glf-tabset .tab-content .scroll-action:hover, .text-soft {
    color: #999!important;
}
.text-body { color: #666!important; }
.display-16, .glf-data-table thead.filters tr th, .glf-table thead th, .glf-tabset .tab-content .scroll-action, glf-input.filter .form-control .ng-option-label {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
}
.logo-card { width: 54px; height: 36px; }
.logo-others { background-position: center; background-repeat: no-repeat; width: 102px; height: 36px; }
.applepay { background-image: url(../images/others-applepay.png); }
.googlepay { background-image: url(../images/others-googlepay.png); }
.paypal { background-image: url(../images/others-paypal.png); }
.glf-tabset .tab-content .scroll-action.right, .mr-3, .mx-3 { margin-right: .75rem!important; }
.mt-6, .my-6 { margin-top: 1.5rem!important; }
.p-5 {  padding: 1.25rem!important; }
.email-preview-postal {
    height: 5px;
    border: 1px solid #ccc;
    border-radius: 3px 3px 0 0;
    border-bottom: 0;
    background-color: #fff;
    background-image: -webkit-repeating-linear-gradient(45deg,#0200df 0,#00f 10px,transparent 10px,transparent 15px,red 15px,red 25px,rgba(2,0,0,0) 25px,rgba(2,0,0,0) 30px);
    background-image: repeating-linear-gradient(45deg,#0200df 0,#00f 10px,transparent 10px,transparent 15px,red 15px,red 25px,rgba(2,0,0,0) 25px,rgba(2,0,0,0) 30px);
    background-image: -ms-repeating-linear-gradient(45deg,#0200df 0,#00f 10px,transparent 10px,transparent 15px,red 15px,red 25px,rgba(2,0,0,0) 25px,rgba(2,0,0,0) 30px);
}

/* my style css start */
#accept-popup .modal-dialog{max-width: inherit; width: 810px;}
#accept-popup .modal-dialog .modal-content{width: 100%; float: left;}
#accept-popup .model-head{background-color: #fcc903; text-align: center; padding: 19px 30px; color: #ffffff; font-weight: 18px; font-weight: 700; float: left; width: 100%;}
#accept-popup .content-pads{padding: 15px 0; float: left; width: 100%;}
#accept-popup .content-pads h3{padding: 30px 20px; font-size: 18px; color: #333; line-height: 1.4em; font-weight: 700; padding: 10px 0; text-align: center;}
#accept-popup .content-pads .bottom-status{width: 100%; float: left; position: relative; padding: 20px;}
#accept-popup .content-pads .bottom-status .status{float:left; width: 100%; position: relative; color: #8c8c8c; text-align: center;}
#accept-popup .content-pads .bottom-status .status span{width: 100%; float: left; color: #333333; background-color: #425059; padding: 10px; color: #fff;}
#accept-popup .content-pads .bottom-status .status:after{content: ""; background: url(../image/sprite.png) -193px -33px no-repeat; width: 11px; height: 9px; position: absolute; left: 0; top: 0;}
#accept-popup .close-btn{position: absolute; z-index: 10; top: 0; left: calc(50% + 440px); text-transform: uppercase; padding: 10px; border-radius: 3px; background-clip: padding-box; background-color: rgba(0,0,0,.6); color: #fff; font-size: 14px; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.5); box-shadow: 0 2px 10px rgba(0,0,0,.5); cursor: pointer; -webkit-transition: background-color .3s ease-out; transition: background-color .3s ease-out;padding: 5px 10px; white-space: nowrap;}

.modal-backdrop + .modal-backdrop {display: none;}
#preview-popup.modal { background-color: rgba(0, 0, 0, 0.5); }
#preview-popup .modal-dialog {max-width: inherit; width: 810px; }
#preview-popup .modal-dialog .modal-content {width: 100%; }
#preview-popup .close-btn{position: absolute; z-index: 10; top: 0; left: calc(50% + 440px); text-transform: uppercase; padding: 10px; border-radius: 3px; background-clip: padding-box; background-color: rgba(0,0,0,.6); color: #fff; font-size: 14px; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.5); box-shadow: 0 2px 10px rgba(0,0,0,.5); cursor: pointer; -webkit-transition: background-color .3s ease-out; transition: background-color .3s ease-out;padding: 5px 10px; white-space: nowrap;}

#preview-popup .tab-content > .active{opacity: 1}
#preview-popup .model-head{ width: 100%; float: left; height: 60px; position: relative; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2); box-shadow: 0 2px 5px rgba(0,0,0,.2);}
#preview-popup .model-head .left-section{ float: left; padding: 10px 15px 0; max-width: 100%; max-height: 3em; font-size: 24px; line-height: 1.2em; overflow: hidden; font-weight: bold; text-transform: uppercase;}

#preview-popup .model-head .left-section h4 { font-size: 14px; margin: 0; text-transform: none; font-weight: 600; }
#preview-popup .model-head .left-section h4 span { color: #ab0065; }

#preview-popup .model-head .right-section{ float: right; }
#preview-popup .model-head .right-section li.active, #preview-popup .model-head .right-section li a{float: left;}
#preview-popup .model-head .right-section li a {-ms-flex-negative: 0; flex-shrink: 0; width: 70px; padding: 10px; cursor: pointer; border-left: 1px solid rgba(0,0,0,.2); position: relative; overflow: hidden; height: 60px}
#preview-popup .model-head .right-section li a span{background-color: #ff0005; color: #fff; font-size: 11px; line-height: 14px; font-weight: 700; text-align: center; text-decoration: none; min-height: 16px; min-width: 16px; border-radius: 50%; position: absolute; left: 29px; top: 10px; padding: 2px 3px; z-index: 1;}
#preview-popup .model-head .right-section li.restaurant a:after{ background: url(../image/menu-icon.png) no-repeat; content: ""; width: 24px; height: 24px; position: absolute; top: 15px; left: 21px; font-size: 24px; color: #000; }
#preview-popup .model-head .right-section li.info a:after{background: url(../image/sprite.png) -196px -2px no-repeat; content: ""; width: 21px; height: 21px; position: absolute; top: 21px; left: 25px;}
#preview-popup .model-head .right-section li.cart a:after{background: url(../image/bag-icon.png) no-repeat; content: ""; width: 24px; height: 24px; position: absolute; left: 20px; top: 19px; }
#preview-popup .menu-picture {background: url(../image/bg-img.jpg) no-repeat 0 0; height: 240px; background-size: cover; background-position: center;}
#preview-popup .deal-list{padding-bottom: 20px; float: left; width: 100%;}
#preview-popup .deal-special{position: relative; width: 770px; height: 230px; color: #fff; float: left; margin: 20px 0 0 20px; -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.1); box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);}
#preview-popup .deal-special-background{background: url(../image/promotion_default_wood.jpg) 0 0; width: 100%; height: 100%; -webkit-filter: blur(5px); filter: blur(5px); opacity: .6; overflow: hidden; background-size: cover;}
#preview-popup .deal{background-image: url(../image/promotion_default_wood.jpg); position: absolute; left: 50%; top: -5px; width: 375px; height: 205px; margin: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); border: 5px solid #fff; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 10px 30px rgba(0,0,0,.6); box-shadow: 0 10px 30px rgba(0,0,0,.6);}
#preview-popup .deal-details {position: relative; height: 100%; width: 100%; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(45%,transparent),to(rgba(0,0,0,.4))); background-image: linear-gradient(to top,transparent 45%,rgba(0,0,0,.4) 100%); background-color: rgba(0,0,0,.15); -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.1); box-shadow: inset 0 0 0 1px rgba(0,0,0,.1); }
#preview-popup .deal-details .deal-title {position: absolute; top: 20px; left: 20px; right: 20px; line-height: 1; text-shadow: 0 1px 10px rgba(0,0,0,.2); font-size: 22px; font-weight: 700; }
#preview-popup .deal-details .deal-description {padding-top: 15px; font-size: 14px; font-weight: 400; line-height: 16px; }
#preview-popup .deal-conditions {position: absolute; bottom: 0; left: 0; padding: 5px; background-color: rgba(46,46,51,.5); border-radius: 0 5px 0 0; font-size: 10px; cursor: pointer; -webkit-transition: background-color .4s ease-out; transition: background-color .4s ease-out; }
#preview-popup .m-category-name-container {width: 100%; clear: both; padding-bottom: 20px; text-transform: uppercase; font-size: 24px; font-weight: 700; line-height: 1em; text-transform: uppercase; font-size: 24px; font-weight: 700; line-height: 1em; position: relative;}
#preview-popup .m-category-name-container:after {content: ""; position: absolute; left: 5px; top: 2px; }
#preview-popup .m-category-name-container {text-transform: uppercase; font-size: 24px; font-weight: 700; line-height: 1em; }
#preview-popup .m-category-container{padding: 20px; float: left; width: 100%;}
#preview-popup .m-category-name{text-transform: uppercase; font-size: 24px; font-weight: 700; line-height: 1em; margin-bottom: 20px;}
#preview-popup .m-category-description {margin-top: 5px; margin-bottom: 5px; color: #666; font-size: 12px; text-transform: initial; font-weight: initial; line-height: 1em; }
#preview-popup .m-category-name-container .m-items {float: left;width: 100%; position: relative;}
#preview-popup .m-category-name-container .m-items .popover-menu-categories{left: 100% !important; top: auto !important; margin-top: 0 !important; margin-left:40px; display: none; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
#preview-popup .m-category-name-container .m-items .popover-menu-categories .arrow{transform: rotate(90deg); left: -8px !important;    top: 15px !important;}
#preview-popup .m-category-name-container .m-items .popover-menu-categories .arrow:after{background: #f7f7f7;}
#preview-popup .m-category-name-container .m-items .popover-menu-categories .popover-body{ background-color: #f7f7f7; width: 100%; float: left; padding: 15px;}
#preview-popup .m-category-name-container .m-items .popover-menu-categories .popover-body .input-wrape{float: left; width: 100%; position: relative; margin-bottom: 15px;}
#preview-popup .m-category-name-container .m-items .popover-menu-categories .popover-body .input-wrape h2 {
    color: #4c4c4c;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 20px; }
#preview-popup .m-category-name-container .m-items .popover-menu-categories .popover-body .input-wrape label{color: #4c4c4c; font-size: 16px; font-weight: 400; margin: 0 0 20px;}
#preview-popup .m-category-name-container .m-items .popover-menu-categories .popover-body .input-wrape .input-pad{width: 100%; float: left; position: relative;}
#preview-popup .m-category-name-container .m-items .popover-menu-categories .popover-body .input-wrape .input-pad input{width: 100%; float: left; border:1px solid #ccc; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 10px 100px 10px 10px}
#preview-popup .m-category-name-container .m-items .popover-menu-categories .popover-body .input-wrape .input-pad .spiner-btn{position: absolute; right: 41px; top: 5px; background: #656565; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; color: #fff; font-weight: bold; font-size: 26px; margin:0 2px; width: 34px; height: 34px; line-height: 1.25; text-align: center; text-decoration: none !important;}
#preview-popup .m-category-name-container .m-items .popover-menu-categories .popover-body .input-wrape .input-pad .spiner-btn + .spiner-btn{right: 4px;}
#preview-popup .m-category-name-container .m-items .popover-menu-categories .popover-footer{background: #fff; padding: 15px; width:
100%; float: left; box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);}
#preview-popup .m-category-name-container .m-items .popover-menu-categories .popover-footer button{background: #9e005d; padding: 8px 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #fff; font-size: 16px; font-weight: bold; border:0; width: 100%; line-height: 32px;}
#preview-popup .m-category-name-container .m-items .popover-menu-categories .popover-footer button .currency{ float: left; border-right: 1px solid rgba(0, 0, 0, 0.1); padding: 5px 15px 5px 15px; color: #fff; font-size: 16px; font-weight: bold; line-height: 1.5;}
#preview-popup .m-category-name-container .m-items .popover-menu-categories textarea{resize: none; width: 100%; float: left;}
#preview-popup .m-category-name-container .m-item-container {width: 375px; background-color: #fff; -webkit-transition: background-color .4s ease-out; transition: background-color .4s ease-out; float: left; position: relative;}
#preview-popup .m-category-name-container .m-item {display: table; width: 100%; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; margin-top: -1px; cursor: pointer;}
#preview-popup .m-category-name-container .m-item:hover {background: #f0f0f0;}
#preview-popup .m-category-name-container .m-item.show-toggle .popover-menu-categories{display: block;}
#preview-popup .m-category-name-container .item-tags-container{max-width: 90px}
#preview-popup .m-category-name-container .m-item-info, #preview-popup .m-category-name-container .item-tags-container{display: table-cell; padding: 10px 0;}
#preview-popup .m-category-name-container .m-item-name {font-size: 14px; font-weight: 700;}
#preview-popup .m-category-name-container .m-item-picture{float: left; width: 40px; height: 40px; float: left; margin-right: 10px;}
#preview-popup .m-category-name-container .m-item-picture img{max-width: 100%; height: auto; }
#preview-popup .m-category-name-container .m-item-price {text-align: right; font-weight: 700; font-size: 15px; }
#preview-popup .m-category-name-container .m-item-description{ color: #666; font-size: 12px; text-transform: capitalize;}
#preview-popup .m-category-name-container .m-category-picture {width: 375px; height: 120px; background: center/cover no-repeat; background-image: none; -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.1); box-shadow: inset 0 0 0 1px rgba(0,0,0,.1); -webkit-column-break-inside: avoid; break-inside: avoid;  background-image: url("../image/pepsi-img.jpg"); float: right;}

#preview-popup #info{padding-top: 60px; padding-bottom: 60px;}
#preview-popup .info-map {margin: 20px; border: 1px solid #ccc; position: relative; }
#preview-popup .info-map iframe{width: 100%; height: 350px;}
#preview-popup #info .info-privacy {margin: 0 20px; font-size: 12px; color: #6c757d !important;}
#preview-popup #info .info-privacy a {color: #6c757d; text-decoration: underline;}
#preview-popup .info-map .mapBox{ position: relative; }
#preview-popup #info .info-container {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#preview-popup #info .info-container .info-entry {margin: 10px 20px; width: calc(50% - 40px);}
#preview-popup #info .info-container .info-entry .info-title {font-size: 16px; color: #4c4c4c; font-weight: 700; line-height: 2; border-bottom: 1px solid #dbdbdb; margin-bottom: 20px; padding-left: 27px; position: relative;}
#preview-popup #info .info-container .info-entry .info-title.deliver:after {content: ""; background: url(../image/pin.svg); width: 22px; height: 22px; position: absolute; top: 4px; left: 0;}
#preview-popup #info .info-container .info-entry .info-title.location:after {content: ""; background: url(../image/pin.svg); width: 22px; height: 22px; position: absolute; top: 4px; left: 0;}
#preview-popup #info .info-container .info-entry .info-title.hours:after {content: ""; background: url(../image/clock.svg); width: 22px; height: 22px; position: absolute; top: 6px; left: 0; background-size: 22px; }
#preview-popup #info .info-container .info-entry .info-title.pickup:after {content: ""; background: url(../image/bag.svg); width: 22px; height: 22px; position: absolute; top: 2px; left: 0;}
#preview-popup #info .info-container .info-entry .info-title.payment:after {content: ""; background: url(../image/coin-stack.svg); width: 22px; height: 22px; position: absolute; top: 7px; left: 0; background-size: 22px; }
#preview-popup #info .info-container .info-entry .info-title.glob:after {content: ""; background: url(../image/pin.svg); width: 22px; height: 22px; position: absolute; top: 2px; left: 0;}
#preview-popup #info .info-container .info-entry .info-title.phone:after {content: ""; background: url(../image/phone-call.svg); width: 22px; height: 22px; position: absolute; top: 2px; left: 0;}
#preview-popup #info .info-container .info-entry .info-title.table:after {content: ""; background: url(../image/round-table.svg); width: 22px; height: 22px; position: absolute; top: 2px; left: 0; background-size: 22px;}
#preview-popup #info .info-container .info-entry .info-title.order-ahead:after {content: ""; background: url(../image/clock.svg); width: 22px; height: 22px; position: absolute; top: 2px; left: 0; background-size: 22px; }
#preview-popup #info .info-container .info-entry .info-delivery-item {margin-bottom: 10px; position: relative; width: 100%; float: left;}
#preview-popup #info .info-container .info-entry .info-delivery-item-dot {width: 18px; height: 18px; border-radius: 50%; display: inline-block; background: #f0f0f0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; float: left;}
#preview-popup #info .info-container .info-entry .info-delivery-item-text {position: relative; top: -4px; left: 5px; }
#preview-popup #info .info-container .info-entry .info-delivery-item-text span{float: left; margin-right: 3px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; color: #4c4c4c; line-height: 26px;}
#preview-popup #info .info-container .info-entry .info-hours-container {width: 100%; float: left;}
#preview-popup #info .info-container .info-entry .info-hours-container .time-pad{display: table; width: 100%; font-size: 14px; }
#preview-popup #info .info-container .info-entry .info-hours-container .time-pad .days, #preview-popup #info .info-container .info-entry .info-hours-container .time-pad .times{display: table-cell; width: 50%; padding-bottom: 10px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; color: #4c4c4c;}
#preview-popup #info .info-container .info-entry .info-hours-container .time-pad .times{font-weight: 600; text-align: right;}
#preview-popup #info .info-container .info-entry .info-hours-container .time-pad .blank-data{ font-family: Arial,Helvetica,sans-serif; font-size: 14px; color: #4c4c4c;}
#preview-popup #info .info-container .info-entry .info-hours-container .list-wrape{width: 100%; float: left;}
#preview-popup #info .info-container .info-entry .info-hours-container .list-wrape .list{font-family: Arial,Helvetica,sans-serif; font-size: 14px; color: #4c4c4c;}
#preview-popup #info .info-container .info-entry span.select2-selection--single{display: none;}
#preview-popup #info .info-container .info-entry .info-hours-container .input-wrape, #preview-popup #info .info-container .info-entry .info-hours-container .input-wrape select {width: 100%; float: left; padding: 7px;}
#preview-popup .error-message-container.warning {background-color: #fbc903; color: #4c3f08; width: 100%; float: left; position: relative; z-index: 1;}
#preview-popup .error-message-container.warning .error-message-inner {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
#preview-popup .error-message-container.warning .error-message{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 15px; font-size: 14px; font-weight: 700; line-height: 1.4em; color: #4c3f08; padding: 20px;}
#preview-popup .error-message-container.warning .error-message div:before{content: ""; position: relative; background: url(../image/sprite.png) -25px -29px no-repeat; width: 16px; height: 16px; margin-right: 10px; display: inline-block; top: 2px}
#preview-popup .error-message-container.warning .error-message-alternative-close {max-width: none; padding: 20px 20px 20px 0; color: #4c3f08;}
#preview-popup .error-message-container.warning .error-message-alternative-close > .btn {display: inline-block; padding: 10px; border: 1px solid #fff; background-color: rgba(255,255,255,.7); border-radius: 0; text-align: center; font-weight: 700; font-size: 14px; cursor: pointer; white-space: normal; cursor: pointer; color: #4c3f08 !important;}

#preview-popup #cart {background-color: #f7f7f7; float: left; width: 100%;}
#preview-popup #cart .fb-screen-content {margin:auto; background-color: #f7f7f7; float: left; width: 52%; padding: 18px 20px;}
#preview-popup #cart .fb-screen-content .left-section, #preview-popup #cart .fb-screen-content .fb-checkout-cart{width: 100%; float: left; background: #ffffff;}
#preview-popup #cart .fb-checkout-cart{ float: left; width: 48%;}
#preview-popup #cart .review-list-container {border: 1px solid #d6d6d6; background-color: #fff;}
#preview-popup #cart .review-list-entry {padding: 15px; opacity: 1; -webkit-transition: background-color .2s linear; transition: background-color .2s linear; position: relative; width: 100%; float: left;}
#preview-popup #cart .review-list-entry:not(:last-of-type) {border-bottom: 1px solid #e6e6e6;}
#preview-popup #cart .review-list-entry-title {color: #4d4d4d; font-size: 13px; font-weight: 700; text-transform: uppercase; padding-left: 20px; position: relative; float: left; width: 100%;}
#preview-popup #cart .review-list-entry-title.contact:before {content: ""; position: absolute; left: 0; top: 1px; background: url(../image/sprite.png) -73px -31px no-repeat; width: 13px; height: 13px; display: inline-block;}
#preview-popup #cart .review-list-entry-title.tablet:before {content: ""; position: absolute; left: 0; top: 0; background: url(../image/sprite.png) -95px -30px no-repeat; width: 11px; height: 16px; display: inline-block;}
#preview-popup #cart .review-list-entry-title.clock:before {content: ""; position: absolute; left: 0; top: 0; background: url(../image/sprite.png) -25px -29px no-repeat; width: 16px; height: 16px; display: inline-block;}
#preview-popup #cart .review-list-entry-title.payment:before {content: ""; position: absolute; left: 0; top: 2px; background: url(../image/sprite.png) -48px -31px no-repeat; width: 17px; height: 13px; display: inline-block;}
#preview-popup #cart .rle-disabled, #preview-popup #cart .rle-edit, #preview-popup #cart .rle-view {position: relative; }
#preview-popup #cart .review-list-entry-add {cursor: pointer; background-color: #fff; border: 1px solid #c7cdd6; border-radius: 3px; padding: 10px; text-align: center; margin-top: 30px; -webkit-transition: border .3s,-webkit-box-shadow .5s; transition: border .3s,-webkit-box-shadow .5s; transition: border .3s,box-shadow .5s; transition: border .3s,box-shadow .5s,-webkit-box-shadow .5s; }
#preview-popup #cart .review-list-entry-add span{font-size: 14px;}
#preview-popup #cart .review-list-entry-add span:before{content: ""; background: url(../image/sprite.png) -112px -31px no-repeat; width: 13px; height: 13px; display: inline-block; margin-right: 5px;}
#preview-popup #cart .rle-comments {color: #7b889a; cursor: pointer; display: inline-block; margin: 0 1rem; }
#preview-popup #cart .rle-comments a{font-size: 14px; text-decoration: underline;}
#preview-popup #cart .rle-comments p{font-size: 12px;}
#preview-popup #cart .fb-checkout-cart .fb-screen-cart{ margin: 1rem 1rem 1rem 0.5rem;}
#preview-popup #cart .fb-checkout-cart .fb-screen-content {width: 384px; padding: 0; margin: 1rem 1rem 100px 0; min-height: inherit; }
#preview-popup #cart .cart-container {position: relative; width: 100%; clear:both; }
#preview-popup #cart .cart-header {width: 100%; display: table; table-layout: fixed; padding: 15px; background-clip: padding-box; background-color: #f0f0f0; border: 1px solid #ccc; color: #999; font-size: 14px; font-weight: 700; text-align: left; }
#preview-popup #cart .cart-header > div {display: table-cell; }
#preview-popup #cart .cart-header .cart-header-quantity {width: 40px; }
#preview-popup #cart .cart-header .cart-header-price {width: 50px; }
#preview-popup #cart .cart-items {width: 100%; position: relative; min-height: 90px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #fff; padding: 15px 0; margin-bottom: -15px; }
#preview-popup #cart .cart-items .cart-item {position: relative; margin: 0 15px 15px 15px; color: grey; font-size: 12px; line-height: 18px; }
#preview-popup #cart .cart-items .cart-item table td:first-of-type {padding-right: 25px; position: relative; }
#preview-popup #cart .cart-items .cart-item table td {vertical-align: top; }
#preview-popup #cart .cart-items .cart-item-name, #preview-popup #cart .cart-items .cart-price {color: #4d4d4d; font-size: 14px; font-weight: 700; line-height: 22px; }
#preview-popup #cart .cart-items .cart-item table td:first-of-type span {position: absolute; }
#preview-popup #cart .cart-items .cart-item table td:nth-of-type(2) {width: 100%; }
#preview-popup #cart .cart-items .cart-item table td:last-of-type {width: 1%; text-align: right; }
#preview-popup #cart .cart-items .cart-item-name, #preview-popup #cart .cart-items .cart-price {color: #4d4d4d; font-size: 14px; font-weight: 700; line-height: 22px; }
#preview-popup #cart .cart-items .cart-item-remove {position: absolute; right: -18px; top: 2px; cursor: pointer; }

#preview-popup #cart .cart-empty {color: #4c4c4c; font-size: 16px; font-weight: 700; text-align: center; margin-top: 16px; }
#preview-popup #cart .cart-footer {width: 100%; padding: 20px 15px; position: relative; border: 1px solid #ccc; background-color: #fff; }
#preview-popup #cart .cart-footer .checkout-add-coupon-container {margin-bottom: 10px; }
#preview-popup #cart .cart-footer .cart-totals {width: 100%;}
#preview-popup #cart .cart-footer .cart-totals td:first-of-type {width: 99%; text-align: left; }
#preview-popup #cart .cart-footer .cart-totals td:last-of-type {width: 1%; text-align: right; white-space: nowrap; }
#preview-popup #cart .cart-footer .cart-totals tr:last-of-type td {color: #4d4d4d; font-weight: 700; font-size: 16px; padding-top: 10px; }
#preview-popup #cart .fb-fixed-footer {background-color: #fff; -webkit-box-shadow: 0 -5px 10px rgba(0,0,0,.1); box-shadow: 0 -5px 10px rgba(0,0,0,.1); min-height: 100px; float: left; width: 100%; padding: 20px;}
#preview-popup #cart .fb-fixed-footer .checkout-license-agreement {color: #9a9a9a; font-size: 12px; }
#preview-popup #cart .fb-fixed-footer .checkout-license-agreement a, #preview-popup #cart .fb-fixed-footer .checkout-license-agreement a:active, #preview-popup #cart .fb-fixed-footer .checkout-license-agreement a:hover, #preview-popup #cart .fb-fixed-footer .checkout-license-agreement a:visited {color: #9a9a9a; text-decoration: underline; }
#preview-popup #cart .fb-fixed-footer .btn-primary.total-btn, #preview-popup #cart .fb-fixed-footer .btn-primary.total-btn {background-color: #9e005d; border: none; width: 100%; display: flex; align-items: center; padding: 15px;}
#preview-popup #cart .fb-fixed-footer .price-total {text-align: left; line-height: 15px; font-weight: 700; }
#preview-popup #cart .fb-fixed-footer .price-total div:first-of-type {font-size: 12px; text-transform: uppercase; }
#preview-popup #cart .fb-fixed-footer .price-total div:last-of-type {font-size: 15px; }
#preview-popup #cart .fb-fixed-footer .vertical-separator {width: 1px; margin: 0 1rem; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(49.76%,rgba(0,0,0,.15)),color-stop(50.24%,rgba(0,0,0,.15)),to(transparent)); background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,.15) 49.76%,rgba(0,0,0,.15) 50.24%,transparent 100%); -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important}
#preview-popup #cart .fb-fixed-footer .text-truncate {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#preview-popup #cart .fb-fixed-footer .w-50{float: left;}


.comp-edit-group > .comp-button-zone {    
    width: 100%;
}
.comp-edit-group > .comp-edit-zone {
    border-bottom: 1px solid #d5d5d3;
    background-color: #f5f5f5;
}

.not-force .comp-group-label {
    width: 145px;
}

.group-menu{
    left: 0 !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
}

.popover-menu-options {
    position: relative;
}

element {
	margin-left: 19%;
	width: 60%;
	height: 100%;
	border: 0px;
	overflow: hidden;
	margin-top: 5%;
	/* top: 0; */
	/* left: 20; */
}
#preview-popup #cart .checkout-add-coupon-container .gfe-container > div:first-of-type {margin-top: 0; }
#preview-popup #cart .gfe-input {display: -webkit-box; display: -ms-flexbox; display: flex; }
#preview-popup #cart .gfe-input .apply-btn, #preview-popup #cart .gfe-input .cancel-btn{padding: 2px 6px !important;}
#preview-popup #cart .gfe-container > div:last-of-type {margin-bottom: 0; }
#preview-popup #cart .gfe-input input[type="text"] {display: inline-block; width: 100%; padding: 13px 10px 7px; border: 1px solid #ccc; border-radius: 3px; background-clip: padding-box; -webkit-box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,.15); box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,.15); -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #666; font-size: 13px; position: relative; z-index: 5; background-color: transparent; vertical-align: middle; height: 26px; padding: 6px 10px; font-size: 12px; }
#preview-popup #cart .gfe-input div {margin-left: 5px; font-size: 12px; }
#preview-popup #cart .accordion_container{border:0;}
#preview-popup #cart .form-pad{ position: relative; width: 100%; margin: 20px 0;}
#preview-popup #cart .form-pad .form-group{position: relative; width: 100%; margin-bottom: 1.5rem;}
#preview-popup #cart .form-pad .form-group .gfe-input{height: 40px; width: 100%; padding: 13px 10px 7px; border: 1px solid #ccc; border-radius: 3px; background-clip: padding-box; -webkit-box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,.15); box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,.15); -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #666; font-size: 13px; position: relative; z-index: 5; background-color: transparent; vertical-align: middle; opacity: 1;}
#preview-popup #cart .form-pad .form-group .control-label {position: absolute; top: 10px; pointer-events: none; padding-left: 0.125rem; z-index: 1; color: #b3b3b3; font-size: 1rem; font-weight: normal; -webkit-transition: all 0.28s ease; transition: all 0.28s ease; font-size: 0.8rem; left: 10px}
#preview-popup #cart .form-pad .form-group select ~ .control-label, #preview-popup #cart .form-pad .form-group input:focus ~ .control-label, #preview-popup #cart .form-pad .form-group input:valid ~ .control-label, #preview-popup #cart .form-pad .form-group input.form-file ~ .control-label, #preview-popup #cart .form-pad .form-group input.has-value ~ .control-label {font-size: 0.8rem; color: gray; top: -20px; left: 0; }
#preview-popup #cart .form-pad .form-group.half{width: 50%;}
#preview-popup #cart .form-pad .save-btn{background-color: #9e005d; font-size: 18px; font-weight: 600; text-align: center; width: 100%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 6px 10px; color: #ffffff; border:0;}
#preview-popup #cart .checkout-form-checkbox {border:1px solid #c7cdd6; float: left; width: 100%;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#preview-popup #cart .checkbox{border-bottom:1px solid #c7cdd6; padding: 7px 10px; position: relative;}
#preview-popup #cart .checkbox:last-child{border:0;}
#preview-popup #cart .checkbox label{padding-left: 25px; position: relative; margin-bottom: 0; line-height:2; width: 100%;}
#preview-popup #cart .checkbox input:checked ~ .helper {color: #337ab7; }
#preview-popup #cart .checkbox .helper {color: #999; position: absolute; top: 5px; left: 0; width: 1rem; height: 1rem; z-index: 0; border: 0.125rem solid currentColor; border-radius: 0.0625rem; -webkit-transition: border-color 0.28s ease; transition: border-color 0.28s ease; }
#preview-popup #cart .checkbox .helper::before, #preview-popup #cart .checkbox .helper::after {position: absolute; height: 0; width: 0.2rem; background-color: #337ab7; display: block; -webkit-transform-origin: left top; transform-origin: left top; border-radius: 0.25rem; content: ''; -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s; transition: opacity 0.28s ease, height 0s linear 0.28s; opacity: 0; }
#preview-popup #cart .checkbox .helper::before {top: 0.65rem; left: 0.38rem; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); box-shadow: 0 0 0 0.0625rem #fff; }
#preview-popup #cart .checkbox .helper::after {top: 0.3rem; left: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#preview-popup #cart .checkbox .edit-address{display: none; width: 100%; float: left;}
#preview-popup #cart .checkbox .edit-address .review-list-entry-add{margin-top: 10px;}
#preview-popup #cart .checkbox input{width: auto; opacity: 0.00000001; position: absolute; left: 0;}
#preview-popup #cart .checkbox label:hover .helper {color: #337ab7; }
#preview-popup #cart .checkbox input:checked ~ .helper {color: #337ab7; }
#preview-popup #cart .checkbox input:checked ~ .helper::after, #preview-popup #cart .checkbox input:checked ~ .helper::before {opacity: 1; -webkit-transition: height 0.28s ease; transition: height 0.28s ease; }
#preview-popup #cart .checkbox input:checked ~ .helper::after {height: 0.5rem; }
#preview-popup #cart .checkbox input:checked ~ .helper::before {height: 1.2rem; -webkit-transition-delay: 0.28s; transition-delay: 0.28s; }
#preview-popup #cart .checkbox.btn-show .edit-address{display: block;}
#preview-popup #cart .checkbox.btn-show .edit-address .form-pad .save-btn{opacity: 1; position: relative;}

#preview-popup #cart #dLabel, #preview-popup #cart #dLabel1 {width: 100%; height: 40px; border-radius: 4px; background-color: #fff; border: solid 1px #cccccc; text-align: left; padding: 7.5px 15px 7.5px 60px; color: #333; letter-spacing: 0.7px; margin-top: 0; }
#preview-popup #cart .caret {float: right; margin-top: 6px; display: block; background: url(../images/sprite.png) -132px -34px no-repeat; width: 12px; height: 9px; position: absolute; right: 10px; top: 10px; pointer-events: none;}
#preview-popup #cart .dropdown-menu {width: 100%; padding: 0; margin: 0; border-top-left-radius: 0; border-top-right-radius: 0; }

#preview-popup #cart .dropdown {position: relative;}
#preview-popup #cart .dropdown .icons{position: absolute; background: #e9ecef; border-right: 1px solid #ced4da; width: 50px; height: 38px; left: 1px; top: 1px;}
#preview-popup #cart .dropdown .icons.calendar:after{content: ""; background: url(../images/sprite.png) -150px -31px no-repeat; width: 12px; height: 13px; position: absolute; display: inline-block; left: 18px; top: 10px; }
#preview-popup #cart .dropdown .icons.clock:after{content: ""; background: url(../images/sprite.png) -170px -29px no-repeat; width: 16px; height: 16px; position: absolute; display: inline-block; left: 17px; top: 9px; }
#preview-popup #cart .dropdown button:hover, .dropdown button:focus {border: none; outline: 0; }

#preview-popup #cart .dropdown.open button#dLabel {border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23); border: solid 1px #666; border-bottom: none; }

#preview-popup #cart .dropdown.open ul {box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23); border: solid 1px #666; border-top: none; height: 200px; overflow-y: scroll; }

#preview-popup #cart .dropdown-menu li {line-height: 1.5; letter-spacing: 0.7px; color: #666; font-size: 14px; cursor: pointer; padding: 7.5px 15px; border-top: solid 1px #f3f3f3;}

#preview-popup #cart .dropdown-menu li:hover {background-color: #ccc; }

#deal-popup {top: 50%;}
#deal-popup .close-btn{left: inherit; right: 15px; background: none; color: #333333; padding: 0; top: 15px; box-shadow: none; font-weight: 600;}
#deal-popup .modal-dialog{max-width: 500px; margin: 1.75rem auto;}
#deal-popup .modal-dialog .modal-heads{padding: 20px; background-color: #f2f2f2; border-radius: 3px 3px 0 0; border-bottom: 1px solid #e0e0e0; color: grey; font-size: 18px; font-weight: 700; line-height: 24px;}
#deal-popup .modal-dialog .modal-content{padding: 20px; color: #4d4d4d;}
#deal-popup .modal-dialog .dialog-restrictions { margin-bottom: 20px;}
#deal-popup .modal-dialog .dialog-subtitle {font-weight: 700; color: #666; font-size: 14px; margin-bottom: 5px; }
#deal-popup .modal-dialog ul li{color: #666; font-size: 14px; margin-left: -20px;}
#deal-popup .modal-dialog .dialog-automatic {border: 1px solid #ccc; border-radius: 3px; padding: 15px; font-size: 14px; color: #666; margin: 20px 0; }
#deal-popup .modal-dialog .multi-btn-container{display: -webkit-box; display: -ms-flexbox; display: flex;}
#deal-popup .modal-dialog .btn-block{background-color: #999; border: none; margin-top: 10px; cursor: pointer; padding: .5rem 1rem;
font-size: 1.25rem; line-height: 1.5; border-radius: .3rem; color: #ffffff; font-weight: 500;}
/* my style css end */

.cb-wrapper {
    border: 1px solid #ccc;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 20px;
}
.cb-wrapper .cb-button:first-child { border-top: none; }
.cb-button { border-top: 1px solid #ccc; cursor: pointer; }
.cb-button label {
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 3px;
    background: #fff;
    color: #4c4c4c !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    cursor: pointer;
}
.options-label-table { display: table; width: 100%; }
.options-label-row { display: table-row; }
.cb-button label .options-label-cell:nth-of-type(1) { padding: 7px 0 7px 7px; }
.options-label-row .options-label-cell:first-of-type { width: 25px; }
.options-label-cell { display: table-cell; vertical-align: top; line-height: 1.42857143; }
.cb-button .svg-icon-check-square {
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 14px;
    height: 14px;
    background-color: #fff;
    fill: transparent;
    margin-right: 10px;
}
.cb-button label .cb-button-extra:not(.opt-cnt-button) {
    margin-top: 8px;
    margin-right: 7px;
}
.cb-button label .cb-button-extra {
    float: right;
    background: 0 0;
    color: grey;
    font-size: 12px;
}
.options-label-cell .cb-button-extra {
    margin-left: 5px;
}
.cb-button label .options-label-cell:nth-of-type(2) { padding: 5px 0; }
.options-label-table.label {
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 8px;
    background: #fff;
    color: #4c4c4c !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    cursor: pointer;
}

.order-ahead-img-1 { width: 590px; height: 210px; background: url(../image/order_ahead_preview.png) 0 0/590px; margin: auto; }
.order-ahead-img-2 { width: 400px; height: 260px; background: url(../image/order_later_client.png); margin: auto; }
.teaser-image {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(2%,rgba(244,242,239,0)),color-stop(40%,rgba(244,242,239,0)),color-stop(95%,#f7f6f5));
    background: linear-gradient(to bottom,rgba(244,242,239,0) 2%,rgba(244,242,239,0) 40%,#f7f6f5 95%);
}

.confirm-popup .model-head { text-align: center; }
.confirm-popup .order-outcome-row { display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; 

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;

}

.confirm-popup .order-outcome-cell {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    padding: 19px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.confirm-popup .order-outcome-cell:first-of-type {
    background-color: #51ad54;
    z-index: 10;
    position: relative; vertical-align: middle;
}

.order-outcome-cell-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
}

.confirm-popup .order-outcome-cell:last-of-type {
    padding: 20px 96px 20px 20px;
    width: 100%;
    left: 0;
    height: 70px;
    text-align: center;
    z-index: 5;
}

.confirm-popup .order-outcome-cell {
    background-color: #5ac15e;
    color: #ffffff;
    vertical-align: middle;
}

.order-outcome-cell-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
}

.order-outcome-cell-content span {
    font-size: 22px;
    /*color: #fff;*/
    line-height: 1.4em;
    font-weight: 700;
    display: block;
}

.order-outcome-cell-content span.order-outcome-cell-subtitle {
    font-weight: 400;
    font-size: 14px;
}

.order-outcome-cell-content .fa { font-size: 24px; }
.order-outcome-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.accepted-picture-container {
    height: 300px;
    background-color: #000;
    position: relative;
}

.accepted-picture {
    width: 100%;
    height: inherit;
    opacity: .8;
    background-size: cover;
    background-image: url(https://images.pexels.com/photos/6646102/pexels-photo-6646102.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);
}

.accepted-picture-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%);
    text-align: center;
    color: #fff;
}
.accepted-picture-text-thanks {
    font-size: 70px;
    font-family:  'Satisfy', cursive;
    text-shadow: 0 1px 10px rgba(0,0,0,.5);
    line-height: 0.9;
}
.order-tct { font-family:  'Satisfy', cursive; text-shadow: 0 1px 10px rgba(0,0,0,.5); margin: 10px 0; }
#contact-details { margin-top: 50px; }
.no-height{ margin-left: -9px; }

.order-outcome-cell-subtitle table {
    width: 100%;
    text-align: center;
    
}

.order-outcome-cell-subtitle table th{    
    text-align: center;    
}

.order-outcome-cell-subtitle table td{    
    text-align: left;
    font-weight: 500;    
}
.ot-button {
	border:0;
    display: inline-block;
    padding: 20px;
    margin: 2px;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    color: #fff !important;
    text-decoration: none !important;
    font-family: "Arial", sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(0,0,0,.1);
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #ef8b17;
    box-shadow: 0 1px 0 rgba(0,0,0,.15);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%);
    background-image: linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%);
    transition: filter 0.4s ease-out; position: relative; z-index: 10;
}

.btn-primary { background-color: #9e005d; border-color: #9e005d; }

#preview-popup .m-category-name-container .m-items .popover-menu-categories > a { position:absolute; top:5px; right:20px; font-size: 21px; }

/* for responsive widget */
@media (max-width: 767px) {
    #preview-popup .modal-dialog { width: 100%; margin: 0; }
    #preview-popup .model-head .left-section { float: none; }
    #preview-popup .model-head .right-section { float: none; }
    #preview-popup .model-head .nav-tabs { margin-top: 7px; }
    #preview-popup .m-category-name-container .m-category-picture { width: 100%; }
    #preview-popup #cart .fb-screen-content { float: none; width: 100%; padding: 80px 10px; }
    #preview-popup #cart .fb-checkout-cart { float: none; width: 100%; }
    #preview-popup #info { padding-top: 120px; }
    #preview-popup.modal { padding-right: 0 !important; }
    #preview-popup .m-category-name-container .m-items .popover-menu-categories { left:-20px !important; width:290px; }
    .position-fix-edit .popover-body { min-width:250px !important; }
    #preview-popup .m-category-name-container .m-item-container { width: 100%; }

    .web-popup { min-height: 500px; margin: auto; position: fixed;  top: 10%;  left: inherit;  width: 100%;
        right: 10%; }
    #order-frame { width: 36%; height: 500px; right: initial; left:10%; } 

    .marketing { min-width: 100%; }
    .sign-up-box input { width: 100%; }
    #accept-popup .modal-dialog { width: auto; }
    .top-right-navigation a { display: inline-block; }

    #preview-popup #cart .fb-fixed-footer .w-50 { width:100% !important; margin-bottom: 10px; }

    .cb-button .spiner-btn { width: 22px !important; }

}

#order-frame { width: 62%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;
    z-index: 999999; overflow: scroll; border: 1px solid #e3e3e3; }
.web-popup { min-height: 500px; margin: auto; float: left; position: fixed;  top: 10%;  left: 0px;  width: 100%;
    right: 10%; }

#preview-popup #cart .google-map { width: 100% }

@media screen and (min-width: 768px) and (max-width: 900px) {
    #preview-popup .modal-dialog { width: 100%; margin: 0; }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
    #preview-popup .m-category-name-container .m-item-container { width: 335px; }
    #preview-popup .m-category-name-container .m-category-picture { width: 375px; }
    #preview-popup .m-category-name-container .m-items .popover-menu-categories { left:100% !important; top: -110px !important; }
    #preview-popup .m-category-name-container .m-items .popover-menu-categories .popover-body { max-height:400px !important; }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
    .gt-modal-w640.gt-modal >.modal-dialog > .modal-content { width:100%; }
    .min-amount-message { padding:40px !important; }
}

.order-outcome-container.order-outcome-header { min-height: 70px; }
.order-outcome-container.order-outcome-header .order-later { background-color: #fcc903; color:#fff; }
.order-outcome-container.order-outcome-body { padding: 35px 0; }
.order-outcome-container.order-outcome-body .order-outcome-cell-content span.order-outcome-content-title {
    font-weight: 700;
    padding: 10px 0;
    display: inline-block;
}
.order-outcome-container.order-outcome-body .order-outcome-cell-content span {
    font-size: 18px;
    color: #333;
    line-height: 1.4em;
}

.mod-popup .order-outcome-row { display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; 

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;

}

.mod-popup .order-outcome-cell {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    padding: 19px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mod-popup .order-outcome-cell-content.order-outcome-left { text-align: left; }
.mod-popup .order-outcome-cell-content { display: block; }
.mod-popup .order-outcome-cell-content .order-outcome-list .icon {
    position: absolute;
    top: 0px;
    left: 0;
    color: #8c8c8c;
}
.mod-popup .order-outcome-cell-content .order-outcome-list span {
    font-size: 17px;
    padding-left: 35px;
    color: #8c8c8c;
    display: inline-block; font-weight: 400;
}
.accepted-picture-goback {
    background-color: #fff;
    padding: 20px;
    color: #000;
    text-align: center;
    font-size: 18px;
    width: 100%;
}

.ordering-container-table { display: block; padding: 0 0 60px; text-align: center; clear:both; background:#f7f7f7; min-height:100vh; }

.ordering-container {
    width: 60%;
    text-align: center;
    color: #333;
    font-size: 20px; padding-top: 50px;
    line-height: 1.4em; margin: 0 auto; clear:both;
}

.confirmation-image-2 {
    margin: 0 auto;
    background-image: url(../image/order-1.png);
    width: 290px;
    height: 190px;
}

.confirmation-image-4-pickup {
    margin: 0 auto;
    background-image: url(../image/confirmation-4-pickup.png);
    width: 290px;
    height: 280px;
}

.confirmation-image-5 {
    margin: 0 auto;
    background-image: url(../image/confirmation-5.png);
    width: 290px;
    height: 280px;
}

.confirmation-image-6 {
    margin: 0 auto;
    background-image: url(../image/confirmation-6.png);
    width: 290px;
    height: 290px;
}

.confirmation-image-7 {
    margin: 0 auto;
    background-image: url(../image/confirmation-7.png);
    width: 290px;
    height: 280px;
}

.confirmation-image-8 {
    margin: 0 auto;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACvCAYAAABZ59MEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzAyNzNBNERGRDA4MTFFM0E3QjhDMjE2QzkzNkI0NzkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzAyNzNBNEVGRDA4MTFFM0E3QjhDMjE2QzkzNkI0NzkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMDI3M0E0QkZEMDgxMUUzQTdCOEMyMTZDOTM2QjQ3OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMDI3M0E0Q0ZEMDgxMUUzQTdCOEMyMTZDOTM2QjQ3OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlpGF/sAAA7KSURBVHja7J15kBXFHcd/8w5gkRsMhyCrGMAbWAEhIJd4YVRAMPHAKOYQjKYiKTVaFU2ikoSySipe5REDHhURUFE8omCCUUvkklBGDgXFiHLIFZZl33uTX89rXY5d2GXfm5k37/Op+v7huryd/nbP93X3THc7rusKAECQxLAAAAgiACCIsAAACCIAIIiwAAAIIgAgiLAAAAgiACCIsAAACCIAIIiwAAAIIgAgiLAAAAgiACCIsAAACCIAIIiwAAAIIgAgiLAAAAgiACCIsAAACCIAIIiwAAAIIgAgiLAAAAgiACCIsAAACCIAIIiwAAAIIgAgiLAAAAgiACCIsAAACCIAIIiwAAAIIgAgiLAAAAgiACCIsAAACCIAIIiwAAAIIgAgiLAAAAgiACCIsAAACCIAIIiwAAAIIgAgiLAAAAgiACCIsAAACCIAIIiwAAAIIgAgiLAAAAgiACCIsAAACCIAIIiwAAAIIgAgiLAAAIImgQX+sHVKu0JsG11VJ6uOVZWqjlYdqWqjamZ/p6n9/R2qlGq7apNqo+pT1VrVx6rlqpX2dwqGFpM20HgJIvCRElU/1VDVEFWZqmEd/v03gdRS1bmG36lQLVLNt3pbVY71QBAVN11UY1Rnq05XNcrz3zPB1t/qVtVu1buqV1UzVGuoEoIIioNWqstUV9peT5CY4Btsdbdqsepx1ZOqLVRV8cBkdfHQQ/VX1XrV1BCEUHX0ste23l5rD6qNIIJoMED1d9US1TjJzgWFnRJ7rUvstQ+gGgkiKEx6ql5TLVCdWcDlONOW4TXbYwKCCAqA9qpHVe+rhkeoXKYsC23Z2lPNBBGEE0f1M9WHqqsjWrcxW7YPbVkdqp0ggvBQqnpT9YCqeRGUt7kt6z9s2YEggoC5XLVMdUYRln2gLfvlNAOCCILBvBz4sGq6ZJdbFCvNrAePSN3eBAeCCOqJmaw1T5KuwYpvGW89YSKbIAIfMAtRzRqt3lhxAL2tN12xgiCC/GHehn5LmKA9GKXWI4KaIII8MEyyK9aPxIpDYjyaZz0DgghyxDmquVK11QYcmibWs3OxgiCC+jNYNVPVACvqjPHsWcnurwQEERwmZnfE51SNseKwMd7Ntl4CQQR1pKMdWjTHinrT3HrZESsIIqjbkGIWN07Og914ykuPBBHUkvuFx8/5wHh6HzYQRHBozLqp8diQN8YLa9MIIjgopXxj+8J9wkuhBBFUi9lbx+zT3Awr8o7xeJqwnxFBBAfwUynOrTyCYqD1HAgisJhjYCdjg+9Mtt5DwHCuWTi4SwrlfSEnLrHOgyV27FnitO0hzhFtvZ+55ZvF3bhCMuvmS+bjV0T27CyE0hjPzXlqV9EEA25Wruvigg9snVLjF69ZUf9e6HunMQ2griMlXjZRnKYdDv67GkLp5dMkvfRhkcpdYa+ajKqvZA8bOIAWkzbQeBmaFQV3hLseHO39nC3JsS9KYvCdhw4hQ4MmGlgTpMFl8yR24qVeiIX8HridZkiPqJh7ROYk08US0qc3TpsTJDHgNnHa1e9QWPfr1ZJ+e7JkPlsQ1uoxN4E5M20pPSJ6RMXIraEMoUYtJHHGHZIcPbPeIeQFWsvjJDHiEUmc97D2qEK5asWxdQEEUdHRXTUqdA2i64XS4JKXJXbCD/T2zG3ziB19hiQveVHip14dxuHaKFsnQBAVFbeEyX/TU0mMeFQSQ/8oUtIqf38oUSLxfjdJcuQMb+gXsnvhZpolQVRMmDt9TFhGJbETfyjJsS9IrNMA//7qkSdKctSzEu97o7bCZFjqZayqJc2TICoWzKLLksAjqEkHSZz/mCQG3i6SPCKA1heXeM+faCA9480jhQBTJ1fQPAmiYmFc4BXf5RxJjnleYh37B98n0yGamRiPn3SFhGDufhzNkyAqBsxXf1lgfz3ZWBKD75LE8HtFGoZofW2ikcQH3OY9XXMatwnySspsHQFBFGnGBtbzOPIkSV48W2LdR4e3QXYaoD21Ob7OV1XDGJopQRR1/D/exolJvOePJTnyb+I0Lw2/QyWtvHeO4r1vCOox/3k0U4IoypinZf0Cuan7TtLaLqA1ziY8yyZI8vvTsgtr/aWfrSsgiCLJIJVvX/Gxo/rqMOeFoIc59cuj9qfpcPI5v8tg6oiz0AiiyOLP3eTEvd5E4vy/iNM4AidU7z1Uc3zL8e/RXP2D/YgiFkTmiVN82D1eb6gmMmvnSWbFk+Ju+o+4FVv1BymfWluJ9jWSNYan07yzxI4bIfGTLjswcOxQzeyBlHrjRpHyLQQRQQSH6fWpeR9TDPnDwUNo3XxJvTJBsgvOfSZVnlUNuLu/lvSXS0V2fZWd06quC9+xvyQG3alluDbfV3uqrbMUTZehWZToKj4c7pd6Y5K4GxbVHET/fiKYEKoD6RVP64Wmqw8rLVvqzV/7cRkNbZ0BQRQp8nf2+t5rtbRXUTnnR5JZNaf6G3nbp+F3as/O7JBx/xBd+YJXNlPGqi5gw8KsM2BoFhBd8vXByYueFnfjckkt+G22t5Peoz2jX0l8+2cSLzNDmL2WTdRiPshb+/Wd/Iwi3c0fSeWMC2rRLarY+19JeuFUSS96YK/enCPxPr/Q6zxFUi9eVXB1BgRRUJTm64Od1l31hjxZEvEGkvrnb2zYmJv3Xu0BfSKJQb+vW88hTO8baSCl5t8imdUv7dMLSgy525vYlortBVlnQBAFxdF5+2QbMrHuF0uiSQdJvXa9Dm92VA1ntq6VxNl/rvWLgZXPhmO/NnfXJm9i3f1qWdUPG7WU5Dn3i9OuV/a/87terjPN1h+YI/IPX1ZymqdKZqjmND2q6ob+6gNJzRwt7oYlBWOWu3mlpGaN2SeEnBbHZIeN34RQ/mlNsyWIooZvjdpp9V1JjHzGmz+p6l1slMo548Qt31QQZqVevU7cnf+tKlOHPtm1cs2OjmSdMTQDv/B15z/zYmPygunZ+ZU1c7M/TO+p1b9NXvRU3TbNN5+b2m3/cUnVUzw3rUPE/+11UY6429ZJ5cxarP7PVFZ9W3YbKYlBvwtiJ0d2aySI6H3Wv3YbSWL4PZJu3VXS790rtX1/yE1ViHO4k8CV5oXFGl5azKTF3b21Dmka85Z1xHuZI+oD2TAtTrMliKJG02D+rKM38rXitOwiqXk31erk1Tw+Dq89ySMkMWyKxEqHBnkVTWi2Uf2WhmAq+pizJHnhU/tMYocVMw9k5oMCDiEgiCLJjsBv8DbHS3L0LO98sdA2SHP22agZ3oR7CNhJs2VoFjUyobgKc4rruQ9JetF9qvtF3AMvy+z/Y0IrH5hXCSpnVbMTq11dHy+bmPODHetBmmZLjyhqbA3NlZib/rSfe4FkgunAtMhjZlb31rYXjg961xSiEDJ8TbOlRxQ1zAs8oXpT1xsGjZ7t7e/jblj87c8rZ/r3ZrV5TSBx5hTvjLUQsplmS48oikEUOpymHSR54RMS7329vxvVm15Zr2u9d51CGkIEEUEUScK7/4a3texEDaQnxWnWyZfwS5z/uLd6PqBTOmrLOpotQRQ11ob9Ap22PbMb1Xcbmb8Gp5/tnVt2kF0kqTOCCPLHmoK4ygZNJDFksjd5nMtjfJwm7SVxzv3eZ5u/QZ0BQRQMywuqYXQeIslL5mbPo6/PkywdesVPucr7rFjpMOoMCKKAWamqKKgr1p6LOY8+OXqmxDr0qXvjMluSjJ4l8f43iyQbF1p9Vdg6Ax/g8b1/mG0TzeY6fQrtwp02J0jigumS+WyB9xLk3o/6q/39dj29d4JiHQv6RJ5lwgkeBFFEeasQg+jbHk6ngZ7cL5dIZtVLkvn8HXF3fO5t5+o07ejtGRTvdpE47XtHoa7+RXMliKLK26pfFnohzNO1uFH06wr8+pLDAl+ZL6xfKgRMHc3DBoIoqphzkt/BhtDzjq0rIIgiy8tYQB0BQRQ0z2BBDkmVU0cEERwGq1WLsCFHZHL+hH2RrSMgiCLPtJx+Wn5POw03rhvuugGCKMQ8odqds3txW/EuEnd3fpHLjyu3dQMEUVFgnsjkbB4is6Z451ZzXPYZwtMygqjImCw52sc6vXzaIZddRLI3tHGFpD94PGeZZusECKKi4kPV7NzcQpVSOedKSb/7J29zetkT4cMnUuXiblkl6YVTpfL5S3P51GyWrRMIAMfN/WQfVMPWKe2q+3EPlenKODgUbOdK1Uu1dP//0WLSBtyhRxR5TMOfiw2BM7e6EAKCqJi4XcJy5llxkrF1AARRUfO+ajo2BMZ0WwdAEBU9N6u2Y4PvGM9vwQaCCLKYGdGbsCGQL4AvsIEggioeUi3ABt8wu2U+iA0EEeyLeYQ8jiGab0OycdZzIIhgP9aqJmJD3rlO9Qk2EERQM2bR5aPYkDeMtzylJIigFpheEY+Uc8/79DgJIqg95nA/cwD9eqzIGeutpxVYQRBB3W6c81TbsKLebLNeEuwEERwGy+23+C6sOGx2WQ85x54ggnpgzkK7WLUHK+qM8WyM9RAIIqgnL9tv9XKsqDXl1jN2NyCIIIeYG8rMc+zAikNiPBpBCBFEkB/eVA0QJl0PhvFmIMMxggjyyweq04X3jKrDeNJPtQwrCCLIP5/bb33ewK7iUesJvUWCCHzEnIt2jepKKe6FstutB9dIDs+KA4II6oY5mbSnFOcWIgts2TmdlSCCEPCxarBqghTHm9jbbVkH27IDQQQhwWwC/4DqeNVjEs0N+TO2bN1tWTl0gCCCkGK2Ph0v2Sdrr0eoXKYs/WzZ2N6VIIICYaFquOqMAg+k120ZTFneo1oJIihMFtib+JtJ3UJYJrJbqibhhwt7eRNEEBnMSabmMXdH1Q2SPeo6bCy213aUvVZOXy0SElhQdGxRTbU6TrIr+8+W7JxSowB6Pu+qXlXNVK2ieggiKD5WqyZblaj6q4aohqrKVA1y/PfMthyLVPMkuxbsbWFHASCIYC9MILxh9U3b6KY6WdVFVWqHdW1VrVVNVQ1Vje3vmw3IzDasZuX7ZtWXkl1usVa1RrIbk32kSmE17I/juhztBADBwmQ1ABBEAAD/F2AAp24R5KKEKzYAAAAASUVORK5CYII=);
    width: 290px;
    height: 175px;
}
.email-accepted-beaut {
    margin: 0 auto;
    background-image: url(../image/accepted-order-email.png);
    max-width: 500px;
    max-height: 500px;
}

.loading-container { margin-bottom:30px; }
.ordering-timer-container { margin: 60px; }
.ordering-timer { clear: both; margin: 15px auto; width: 135px; }
.ordering-timer-box { float: left; position: relative; }
.ordering-timer-box-top {
    height: 30px;
    width: 60px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background-color: #425059;
}
.ordering-timer-box-bottom {
    height: 30px;
    width: 60px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background-color: #56626a;
}
.ordering-timer-box-text {
    position: absolute;
    width: 60px;
    height: 60px;
    padding: 15px 0;
    text-align: center;
    top: 0;
    left: 0;
    font-size: 26px;
    font-weight: 700;
    color: #fff;
}
.clearfix::after { display: block; clear: both;  content: ""; }
.mybar {
width: 1%;
height: 30px;
background-color: #5ac15e;
}
.min-amount-message {font-weight: bold; font-size: 1.2em; text-align: center; padding: 100px; padding-bottom: 30px; color: #666;}
#min-amount-popup .save-btn, #outside-delivery-popup .save-btn{background-color: #9e005d; font-size: 18px; font-weight: 600; text-align: center; width: 100%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 6px 10px; color: #ffffff; border:0;}
.cart-minimum-order{
    padding: 5px 20px;
    background-color: #f0f0f0;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #4d4d4d;
    margin-bottom: 10px;
}

.countdown-show2 .countdown-section {
	border-bottom: 1px solid #fff;
}
.gt-btn-link{
    color: #9e005d; text-decoration: none;  background-color: transparent; cursor: pointer;	
}

.cb-button .spiner-btn { background: #656565; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; color: #fff; font-weight: bold; font-size: 20px; margin:0 2px; display:inline-block; width: 30px; height: 30px; line-height: 1.25; text-align: center; text-decoration: none !important;}
.cb-button .spiner-btn + .spiner-btn{right: 4px;}

.cb-button.add-more { border:0; position: absolute; top: 3px; right: 3px; }