html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
html{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after{-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}

select::-ms-expand { display: none;}
select {-webkit-appearance: none;-moz-appearance:none;appearance:none;}
input[type=text]::-ms-clear { display: none; }
input[type=submit]{outline: none;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type=number] {-moz-appearance:textfield;}
img {border:0; max-width: 100%; height: auto;}
:focus {outline:0;}
a{outline:none; text-decoration:none; cursor: pointer;}
figure{margin: 0; padding: 0;}
body{font-family: 'Source Sans Pro'; font-weight: normal; color: #000}
html {font-size: 100%;}

::-webkit-input-placeholder {color:rgba(147, 147, 147, 0.6);}
::-moz-placeholder {color:rgba(147, 147, 147, 0.6);}
:-ms-input-placeholder {color:rgba(147, 147, 147, 0.6);}
::-ms-input-placeholder {color:rgba(147, 147, 147, 0.6);}
::placeholder {color:rgba(147, 147, 147, 0.6);}
.login-page .row, .login-page .col,
.login-page .col-lg-6, .login-page .col-md-6
.plr-8{padding-left: 8px; padding-right: 8px;}

/*Form css section
============================================================*/
.password-input, .relative-box{position: relative;}
.pshow-icon, .map-icon{position: absolute; right: 15px;width: 23px; height: 14px;top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
.pshow-icon .show-eye{background: url(../images/spirit-icons.png) 0 0px no-repeat; width:18px; height: 15px; display:inline-block}
.pshow-icon .hide-eye{background: url(../images/spirit-icons.png) 0 -16px no-repeat; width: 18px; height: 15px;  display:inline-block}

.error, label.error, .form-section label.error{font-size: 14px; color: #FF0000; margin:5px 0 0; text-transform: none;}
span.required{color: #FF0000; font-size: 13px; font-weight: 700}
.form-section label{margin-bottom:4px;font-size: 12px; line-height: 17px; font-weight: 700;color: #2B2B2B;  text-transform: uppercase;}
.form-control.error{border: 1px solid #FF0000;}
.form-section .form-group{margin-bottom:20px;}
.form-control{font-size: 16px;}
.lost-password{margin-top: 15px; display: flex; justify-content: flex-end;}
textarea.form-control{height: 95px;}
.input-group{width: 100%;height: 48px;padding:0rem;font-size:16px;font-weight: 400;line-height: 1.5rem;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ACACAC;border-radius: 5px; flex-wrap: nowrap;}
.input-addon {width: 48px;text-align: center;background: #F5F5F5;border:0; border-radius: 0; display: inline-flex; justify-content: center; align-items: center; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.input-field{border: 0px; outline: none;padding: 0.375rem 0.75rem; width: 80%;}
p.character{padding:5px 0 0px; margin:0px;color: #939393; font-size: 13px; line-height: 15px; display: flex; justify-content: flex-end;}
.browser-box {padding:0.375rem 0.75rem;border:1px solid #ACACAC;box-shadow: none;border-radius: 0px;line-height: 1.5;color: #495057;display: flex;}
.browser-box input[type="file"] {position: absolute;display: block;border: 0;width: 1px;height: 1px;margin: -1px;padding: 0;opacity: .0;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;overflow: hidden;z-index: 1;}
.fakeFile {position: relative;overflow: visible;cursor: pointer;z-index: 1;color: #080808;display: flex;flex-direction: row-reverse;align-items: center;}
.uiBtn:link, .uiBtn:visited {width: 96px;margin-right: 10px;line-height:28px;border: 1px solid #6A6A6A;background: #F0F0F0; border-radius: 3px;color: #383838; font-size: 13px;text-align: center;text-decoration: none;overflow: hidden;zoom: 1;}

/*button css 
============================================================*/
.text-gray{color: #909090}
.text-link{color: #FFA100; text-decoration: underline;}
.text-link:hover{color: #FFA100;text-decoration: none;}
.btn-gray {color: #262626;background-color:#F5F5F5;border:1px solid #E5EDF5;}
.btn-gray:hover,.btn-cancel:hover {background-color: #E4E4E4;border-color: #E4E4E4;}
.green-btn{border: 1px solid #53D36C; border-radius: 4px; color: #00BE25; min-width: 91px; line-height:30px; font-weight: 700; font-size:13px; text-align: center;}
.btn-cancel{color: #211A6C;background-color:#F5F5F5;border:1px solid #F5F5F5;}

.select-box{width: 100%}
.select-box .btn-light{background: transparent; text-transform: none;}
.select-box .btn-light.dropdown-toggle {color: #495057; height: 48px; font-size: 15px; font-weight: normal; background-color: #fff;border:1px solid #ACACAC;}
.select-box .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {color:#495057; background: transparent;}
.select-box ul li:first-child{display: none}
.data-search .dropdown-menu{position: inherit !important; top: auto !important; bottom:0px !important; transform: inherit !important}

/*select Dropdown css 
============================================================*/
.select-box .dropdown-toggle:before, .dropdown-toggle:after { position: absolute; content: "";top: 16px;width: 1px; height: 7px; transition: all 0.5s; margin-top: 2.5px;}
.select-box .dropdown-toggle:before{right: 19px;transform: rotate(45deg); background-color: #231F20;}
.select-box .dropdown-toggle:after {right: 24px; transform: rotate(-45deg); background-color: #231F20; border-top: 0em solid; border-right: 0;
    border-bottom: 0; border-left: 0;margin-left: 0; vertical-align: inherit;}
.select-box .show .dropdown-toggle:before {right: 19px;transform: rotate(-45deg);}
.select-box .show .dropdown-toggle:after {right: 24px; transform: rotate(45deg);}
.select-box .dropdown-menu{padding: 0px; margin-top:-2px; border:1px solid #E5EDF5;border-top:1px solid #EFEFEF; border-radius: 4px; font-size: 16px; background: #fff; border-top-left-radius: 0px;border-top-right-radius: 0px;}
.select-box .dropdown-menu a {padding:0px 20px; margin-top:1px; margin-bottom: 1px; line-height: 32px; color:#2F2F2F; display: block; font-size: 14px;}
.select-box .dropdown-menu a:hover, .select-box .dropdown-menu li.selected a, .select-box .dropdown-menu li.active a{color: #2F2F2F; background:#EFEFEF}
.select-box .dropdown-menu li:last-child a{margin-bottom: 0px;}
.select-box .dropdown-menu li:nth-child(2) a{margin-top: 0px;}

/*checkbox css 
============================================================*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset !important;}
.custom-checkbox input[type="checkbox"], .custom-radio  input[type="radio"]{position:absolute; left:-9999px; cursor: pointer;}
.custom-checkbox, .custom-radio{position: relative; display: block;}
.custom-checkbox label span, .custom-radio label span{display: flex;position: relative;}
.custom-checkbox label, .custom-checkbox label span{line-height: 20px; margin: 0px; color:#262626;font-size:16px; font-weight: normal; text-transform: none;}
.custom-checkbox label{display: flex; align-self: center;}
.custom-checkbox span::before{padding: 11px;margin-right: 12px;border-radius: 5px;content: ''; -webkit-appearance: none;background-color: #fff; border: 1px solid #ACACAC;  display: inline-block;  position: relative;  vertical-align: middle;  cursor: pointer;}
.custom-checkbox input[type="checkbox"]:checked + span::before{border: 1px solid #FFA100;}
.custom-checkbox input[type="checkbox"]:checked + span::after{content: '';display: block;position: absolute;top: 3px;left:9px;width: 7px; height: 14px; border: solid #FFA100;border-width: 0 2px 2px 0;transform: rotate(39deg); -webkit-transform: rotate(39deg); -moz-transform: rotate(39deg); }
.custom-checkbox input[type="checkbox"]:focus + span:before{ box-shadow: 0px 1px 6px #d3ced2; outline-offset: 0;  outline: none !important}


/*switch checkbox css 
============================================================*/
.switch-btn{display: flex; justify-content: flex-start; align-items: center; font-size: 13px; font-weight: 700; text-transform: uppercase;}
.switch-btn .switch {position: relative;display: inline-block;width:28px;height: 15px; margin-right:8px;}
.switch-btn .switch input {opacity: 0; width: 0;height: 0;}
.switch-btn .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0;bottom: 0; background-color: #FF0000; -webkit-transition: .4s; transition: .4s;}
.switch-btn .slider:before {position: absolute; content: ""; height: 13px; width:13px;left: 1px;bottom: 1px;background-color: white; -webkit-transition: .4s; transition: .4s;}
.switch-btn input:checked + .slider { background-color: #019E0F;}
.switch-btn input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
.switch-btn input:checked + .slider:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px);}
.switch-btn .slider.round {border-radius:9px;}
.switch-btn .slider.round:before { border-radius:9px;}


/*Modal
============================================================*/
.modal{background: rgba(243, 243, 243,0.6);}
.vertical-alignment-helper {display:table;height: 100%; margin:0px auto; pointer-events:none;}
.vertical-align-center {display: table-cell;vertical-align: middle;pointer-events:none;}
.modal-content{padding:0; width: 730px; background: #fff; border-radius: 0px;}
.modal-header{padding:0px; margin:0 0 25px; position: relative; border: 0px; display: flex; justify-content: space-between; align-items: center;}
.modal-header h5{font-size: 22px; font-weight: 700px}
.modal-body{padding: 0px;}
.modal-footer{padding-top:50px; justify-content: flex-start; border:0px;}
.success-model{padding:3.125rem 1.25rem 3.938rem;width: 400px;text-align: center;}
.yes-icon span{width: 80px; height: 80px; margin:0px auto; border-radius: 50%; border:5px solid #00BC50; display: block; position: relative;}
.yes-icon span:before{position: absolute; content: "";top: 12px;left:27px;width: 18px; height: 36px; border: solid #00BC50;border-width: 0 5px 5px 0;transform: rotate(39deg); -webkit-transform: rotate(39deg); -moz-transform: rotate(39deg);}
.success-model h3{padding-top:2.188rem;font-size: 1.75rem; line-height: 2.25rem; font-weight: bold}
.success-model p{padding-top:5px;font-size: 16px; line-height: 24px; font-weight: normal;}
.success-model .btn{margin:1.5rem auto 0; padding-top:0; padding-bottom:0; line-height: 3.438; width: 180px; }
.modal-btn-group {margin-top:2.5rem;display: flex; align-items: center; justify-content: space-between;}
.modal-btn-group .btn{width: 48%; margin:0px;}
.delete-model h3{padding-top:15px;}

.small-box{padding: 0px; width: 460px; margin: 0px auto}
.modal-header{padding:1.125rem 1.438rem; margin:0px; background: #F5F5F5}
.modal-title{font-size: 20px; font-weight: 700; line-height: 28px; color: #000}
.modal-header .close{padding: 0px; margin: 0px; opacity: 9}
.modal-header .close:hover, .modal-header .close:focus{outline: none; border: 0px;}
.small-box .modal-body{padding:2.063rem 1.875rem 0;}
.small-box .modal-body.verify-code{padding-top: 1.25rem; padding-right: 1.438rem; padding-left: 1.438rem;}
.small-box .modal-body.verify-code p{font-size: 16px; line-height: 20px; color:#2B2B2B;}
.small-box .modal-body .verification{max-width: 320px; margin:30px auto 0}
.modal-footer{padding:1.063rem 0 3.125rem;}
.small-box .btn{padding:0px; line-height:52px;min-width: 155px;}
.modal .form-control{border:1px solid #DFE6FD;}


/*icons css 
============================================================*/
.icons{display: inline-block; vertical-align: middle;}
.icons{background-image: url(../images/spirit-icons.png); background-repeat: no-repeat;}
.map-icon{background-position: 0 -33px; width: 18px; height: 18px;}
.plush-icon{background-position:-225px -7px; width: 10px; height: 12px;}
.search-icon{background-position:-241px -3px; width:20px; height: 20px;}
.price-icon-small{background-position:-271px -6px; width: 9px; height: 14px;}
.price-blue{background-position:-286px -5px; width: 10px; height: 16px;}
.switeh-icon{background-position:-32px -54px; width: 44px; height: 23px;}
.order-icon{background-position:-195px -56px; width: 34px; height: 40px;}
.item-icon{background-position:-195px -102px; width: 49px; height: 34px;}
.revenue-icon{background-position:-195px -140px; width: 37px; height: 38px;}
.no-order-icon{background-position:-81px -58px; width: 113px; height: 113px;}
.excl-icon{background-position:-1px -82px; width: 80px; height: 80px;}
.envelope{background-position:-233px -62px; width: 21px; height: 16px;}
.phone{background-position:-258px -62px; width: 19px; height: 17px;}
.map-marker{background-position:-281px -61px; width: 12px; height: 17px;}
.pencil{background-position:-233px -82px; width: 15px; height: 15px;}
.cross-icon {background-position:-240px -152px; width: 14px; height: 14px;}
.close:hover .cross-icon {background-position:-258px -152px;}
.ghana-cedis{background-position:-285px -30px; width: 11px; height: 18px;}

/*login-page css 
============================================================*/
.login-page {font-weight: normal; position: relative; height: 100%; color: #000000;}
.login-page:before{width:50%;background-image:url(../images/login-bg.png);  background-repeat: repeat; background-attachment: fixed;background-size: contain;height: 100%; position: fixed; content: ""; top:0px; left: 0px; z-index: 1}
.login-page:after, .login-page .rgt-section:before{width:228px; height:92px;background:url(../images/login-top.png) bottom right no-repeat;position: fixed; content: ""; top:0px; right: 0px; z-index: 1}
.login-container{max-width: 1080px; margin: 0px auto;position: relative; z-index: 2}

.login-page .lft-section{padding-right: 3.4375rem;/*padding-top:52px;*/width:550px; text-align: center; position: fixed; height: 100vh;display: inline-flex; flex-direction: column; justify-content: center;}
.login-page .rgt-section{padding-left: 3.4375rem;padding-top:5rem;padding-bottom:1.875rem;width:508px;/*height: 100vh;*/ float: right; position: relative;}
.login-page .rgt-section.user-login{height: 100vh;padding-top:0px; display: inline-flex; flex-direction: column; justify-content: center;}
.login-page .rgt-section:after{width:228px; height:92px;background:url(../images/login-bottom.png) bottom right no-repeat;position: fixed; content: ""; margin-left: -120px;bottom:0px;  z-index: 1}
.login-page .lft-section h1{padding:12px 0 0;font-size: 2.875rem; line-height: 3.625rem; font-weight: bold;}
.login-page .lft-section p{padding: 0; margin:0px auto 75px; max-width: 420px; font-size: 20px; line-height:25px;}
.login-page .rgt-section h2, .login-page .rgt-section p{text-align: center;}
.login-page .rgt-section h2{padding:0px 0 5px;font-size: 2.1875rem; line-height: 2.5rem; font-weight: bold;}
.login-page .rgt-section p{padding: 0; margin:0px auto; font-size: 16px; line-height:25px;}
.login-page .rgt-section p.account{color: #2E384D}
.login-page .rgt-section .btn{margin-top:2.5rem;width: 100%; display: block;}
.login-page .form-section{margin: 4.375rem 0 0; position: relative; z-index: 2}
.login-page .cnt{color: #262626; font-size: 14px;}
.login-page .restaurant-row{padding-top: 16px;padding-bottom:6px; display: flex; justify-content: space-between; align-items: flex-start;}

.vertical-box {padding:0;width: 523px;position: absolute;left: 50%;top: 50%; background: transparent;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);}
.vertical-box .border-box{padding:2.8125rem 0 3.125rem; border-radius: 12px; border:1px solid #DFE6FD; box-shadow:0 3px 5px #dfe6fd;}
.vertical-box .form-section{max-width: 370px; margin:0px auto;}
.vertical-box .form-section.verification{max-width: 320px;}
.vertical-box h1{font-size: 2.0625rem; line-height: 2.5rem; font-weight: 700; text-align: center;}
.vertical-box p{max-width:278px; margin:0.375rem auto 2.5rem; font-size:15px; line-height: 22px; color:#B0BAC9; text-align: center;}
.vertical-box .btn{margin-top: 10px;}
.back-btn{padding-top:2.5rem;text-align: center;}
.back-btn a {position: relative;display: inline-block; line-height: normal;color: #2E384D; font-size: 13px;font-weight: 700; letter-spacing: 2px; text-transform:uppercase;
-webkit-transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;}
.back-btn a:before{position: absolute; content: ""; left:-22px; top: 3px; border:6px solid transparent; border-right:8px solid #2E384D;-webkit-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;}
.back-btn a:hover{margin-left: -8px;color: #FFA100; text-decoration: none;}
.back-btn a:hover:before{border-right:8px solid #FFA100;left:-25px;}
.verification-code{padding:0 0 20px;color: #2B2B2B; font-weight: 700; text-align: center;}
.verification-no .form-control{width:  4.125rem; height: 4.125rem; padding: 0; margin: 0 auto; font-size: 2.0625rem; line-height: normal; color: #2B2B2B; font-weight: 700; border:1px solid #DFE6FD; text-align: center;}
.verification .time{color:#909090; margin-top: 10px; margin-bottom: 0; text-align: center;}
.verification .time strong{color: #262626; font-weight: 700}
.verification .row{padding-left: 8px; padding-right: 8px;}
.verification .col{padding-left: 8px; padding-right: 8px;}

footer.login{padding:0px;display: flex; font-size: 12px;justify-content: center; align-items: center; position: absolute; bottom:25px;}
footer.login .copyright{color:#8E8E8E;}
footer.login .footer-link a{padding:0 10px;color: #7C7C7C; line-height: 10px; position: relative;}
footer.login .footer-link a:first-child:before{position: absolute; content: ""; background: #7C7C7C; width: 1px; height: 10px; top:3px; right: -3px;}

/*Left Menu 
============================================================*/
.sidenav {margin:0px;padding:40px 11.5px 0px;  height:auto; width:260px; position:absolute;top:0px;  left: 0;  background-color:#F9FAFB; border-right:1px solid #E9ECF0; z-index:9999; height: 100vh;  position: fixed; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.sidenav .logo{text-align: center;}
.menu-btn {padding:0;position: relative; cursor: pointer;}
.menu-btn i{width:22px; height:18px; background-image: url(../images/spirit-icons.png); background-repeat: no-repeat; display: inline-block;background-position:-2px -52px;}
#mob-nav-icon {display:none; width: 20px; height: 13px; position: relative; margin: 0px auto; -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);
-o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;
transition: .5s ease-in-out;  cursor: pointer;}
#mob-nav-icon span {display: block; position: absolute;  height:2px;  width: 100%;  background: #121212;  border-radius: 5px;  opacity: 1;  left: 0;
-webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}
#mob-nav-icon span:nth-child(1) {top: 0px;-webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center;  transform-origin: left center;}
#mob-nav-icon span:nth-child(2) {top: 6px;-webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center;  transform-origin: left center;}
#mob-nav-icon span:nth-child(3) {top: 12px; width:83%; -webkit-transform-origin: left center;  -moz-transform-origin: left center;  -o-transform-origin: left center;  transform-origin: left center;}
#mob-nav-icon.open span:nth-child(1) {top: -1px;  left: 7px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg);}
#mob-nav-icon.open span:nth-child(2) {width: 0%;opacity: 0;}
#mob-nav-icon.open span:nth-child(3) {top: 13px;  left: 7px; width:100%; -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.sidenav ul{margin:0px; padding:2.813rem 0 0; list-style: none}
.sidenav ul li{margin:0 0 13px; list-style:none; display:block; position:relative;}
.sidenav ul li a{padding:4px 0px; color:#8B8B8B; border-radius: 9px; background: transparent; font-size: 14px; font-weight: 700;  display: flex; justify-content: flex-start;align-items: center; text-decoration: none;}
.sidenav ul li a.active, .sidenav ul li a:hover, .sidenav ul li.selected a{ color: #fff; background: #211A6C;}
.sidenav ul li ul{display: none}
.sidenav ul li.selected ul{display: block;}
.sidenav ul li a.arrow:before{border: solid #A2A2A2; border-width: 0 1px 1px 0; padding: 4px; right: 17px; top: 24px; position: absolute; content: ""; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); display: inline-block;    transition: 0.5s; -webkit-transition: 0.5s;-moz-transition: 0.5s;}
.sidenav ul li a.arrow:hover:before{border: solid #fff; border-width: 0 1px 1px 0;}
.sidenav ul li.selected a.arrow:before{top: 23px;border: solid #fff; border-width: 0 1px 1px 0;transform: rotate(48deg); -webkit-transform: rotate(48deg);}
.sidenav ul li a .menu-icon{width: 48px; height: 44px; background: transparent; border-radius: 8px;display: inline-flex;justify-content: center; align-items: center;text-align: center;}
.sidenav ul li a:hover .menu-icon, .sidenav ul li a.active .menu-icon, .sidenav ul li.selected .menu-icon{background: #fff;}
.sidenav ul li a:hover .menu-icon, .sidenav ul li a.active .menu-icon, .sidenav ul li.selected .menu-icon{ margin-right: 16px;}

.sidenav ul li a .menu-icon{margin:0 0px 0 5px;}
.sidenav ul li.selected a.arrow{border-bottom-left-radius: 0px;border-bottom-right-radius: 0px}
.sidenav ul.submenu{padding:15px 0 12px; margin:-3px 0 0;height: 100%; width: 100%;background: #211A6C;border-bottom-left-radius: 9px;border-bottom-right-radius: 9px; position: relative;visibility: visible; opacity: 9}
.sidenav ul.submenu:before{position: absolute; content:""; top:9px; left: 0; width: 100%; height: 1px; background: #3e387f; z-index: 2 }
.sidenav ul.submenu li{padding:0px 30px 3px; margin: 0px; line-height: 24px;}
.sidenav ul.submenu li a{padding:0px; display: inline-block; color: #fff}
.sidenav ul.submenu li a:hover, .sidenav ul.submenu li a.active{color: #FFA100; text-decoration: underline;}
.sidenav .footer{width:100%; position: absolute; bottom: 0px; left: 0px; text-align: center; visibility: visible; opacity:9}
.sidenav .footer .cnt{padding:20px 20px 24px; margin:0; background: #fff; border-top:1px solid #f3f4f5; }
.sidenav .footer span{font-size: 13px; font-weight: 700}
.sidenav .footer p{padding:8px 0 15px; font-size: 12px;color: #8E8E8E}
.sidenav .footer .menu{display: flex; justify-content: space-between;}
.sidenav .footer a{width:48%;border-radius: 12px; background: #F7F7F7; color: #7C7C7C; line-height: 24px; font-size: 11px; display: inline-flex; justify-content: center;}
.sidenav .footer a:hover, .sidenav .footer a.active{color: #fff; background: #FFA100; text-decoration: none;}
.sidenav.menu-collapse ul li a .menu-icon{margin:0px auto;}
.sidenav.menu-collapse ul li a .menu-icon{width: 52px; height: 48px;}
.sidenav.menu-collapse ul li a.arrow{border-bottom-left-radius: 9px;border-bottom-right-radius: 9px}
.sidenav.menu-collapse .menu-title, .sidenav.menu-collapse ul li a.arrow:before{display: none;margin-left:0px;}
.sidenav.menu-collapse ul.submenu{height: 0px; width: 0px; padding: 0px; margin:0px; visibility: hidden; opacity: 0}
.sidenav.menu-collapse .footer{visibility: hidden; opacity:0}

.menu-icon i{background-image: url(../images/spirit-icons.png); background-repeat: no-repeat; display: inline-block; vertical-align: middle;}
.menu-icon i.dashboard{width:20px; height:20px;background-position:-27px -2px;}
.sidenav ul li a.active .menu-icon i.dashboard, .sidenav ul li a:hover .menu-icon i.dashboard{background-position:-27px -28px;}
.menu-icon i.order{width:20px; height:23px;background-position:-53px -2px;}
.sidenav ul li a.active .menu-icon i.order, .sidenav ul li a:hover .menu-icon i.order{background-position:-53px -28px;}
.menu-icon i.manage{width:27px; height:19px;background-position:-78px -2px;}
.sidenav ul li a.active .menu-icon i.manage, .sidenav ul li a:hover .menu-icon i.manage{background-position:-78px -28px;}
.menu-icon i.account{width:22px; height:23px;background-position:-112px -2px;}
.sidenav ul li a.active .menu-icon i.account, .sidenav ul li a:hover .menu-icon i.account, .sidenav ul li.selected a.arrow  .menu-icon i.account{background-position:-112px -28px;}
.menu-icon i.contact{width:23px; height:24px;background-position:-140px -2px;}
.sidenav ul li a.active .menu-icon i.contact, .sidenav ul li a:hover .menu-icon i.contact{background-position:-140px -28px;}

/*Header css
============================================================*/
header{border-bottom:1px solid #E4E8F0; }
header .container{padding:0px 58px 0px 28px; max-width: 100%; display: flex; justify-content:space-between; align-items: center;}
header .h-right, header .h-left{display: inline-flex; align-items: center;}
header .notification {padding:18px 18px 18px 0; margin-right:22px;display: inline-flex; border-right: 1px solid #E4E8F0}
header .notification i{width:24px; height:28px; background-image: url(../images/spirit-icons.png); background-repeat: no-repeat; display: inline-block;background-position:-251px -26px;}
header .notification a{position: relative;}
header .notification a:before { border-radius: 50%;background: #FF0000;width: 10px; height: 10px; position: absolute; content: ""; right: 1px; top: 2px;  color: black;-webkit-animation: none;-moz-animation: none;animation: none;}
header .notification a:hover:before{outline: none;-webkit-animation: blink .75s linear infinite;-moz-animation: blink .75s linear infinite;-ms-animation: blink .75s linear infinite;-o-animation: blink .75s linear infinite;animation: blink .75s linear infinite;}
@-webkit-keyframes blink { 
0% {opacity: 1;}
50%{opacity:1;}
100%{opacity:0;}
}
@-moz-keyframes blink { 
0% {opacity: 1;}
50%{opacity:1;}
100%{opacity:0;}
}
@keyframes blink { 
0% {opacity: 1;}
50%{opacity:1;}
100%{opacity:0;}
}
header .logout{padding:0;}
header .logout a{color: #2E384D;display: inline-flex; align-items: center; line-height: 21px;}
header .logout i:before{width:16px; height:7px;position: absolute; content: ""; top: 7px; right: 0px;background-image: url(../images/spirit-icons.png); background-repeat: no-repeat; display: inline-block;background-position:-230px -36px;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
header .logout a:hover{color: #FFA100; text-decoration: none}
header .logout a:hover i:before{ right: -2px;}
header .date{margin-left: 32px; font-size: 14px; line-height: 18px;color: #4B4B4B}
header .logout i, i.price-icon{width:27px; height:21px; margin-left: 10px; background-image: url(../images/spirit-icons.png); background-repeat: no-repeat; display: inline-block;background-position:-200px -28px; position: relative;}
i.price-icon{width:14px; height:23px; margin: 0px; background-position:-202px -2px }
header{height:70px;position: fixed;top:0; left: 0px; margin-left: 250px;width: calc( 100% - 250px);  z-index: 99; background: #fff}
.slide-right header{width: calc( 100% - 85px);margin-left: 85px;}

/*Accordion css
============================================================*/
.accordion-container {position: relative;width:100%; margin:0px auto; border-top: none;outline: 0;}
.accordion-container .content-entry{ width:100%; padding:0px;border:1px solid #E4E3ED; border-radius: 10px; background:#fff;  font-weight:bold; display:block; vertical-align: top;}
.accordion-container .article-title {margin: 0; padding:0;  display: block;position: relative;cursor: pointer; line-height: normal;cursor: pointer }
.accordion-container .content-entry .article-title:before {padding:0.25rem; border:solid #423F3F; border-width: 0 0.125rem 0.125rem 0; top:23px; right:20px;  content: "";position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);-webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;}
.accordion-container .content-entry.open .article-title:before{top: 29px;transform: rotate(-137deg); -webkit-transform: rotate(-137deg); -moz-transform: rotate(-137deg); -ms-transform: rotate(-137deg);}
.accordion-content {display: none;}


#body-container{margin-left: 250px; margin-bottom: 3.375rem; font-size: 16px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
#body-container.slide-right {margin-left: 85px;}
.gray-bg{background: #F9FAFB}
.container{padding:0px 58px 0px 75px; max-width: 100%;}
.page-title{padding:0px 0 5px; margin:0px;color: #000; font-size: 22px; line-height: 32px; font-weight:700;}
.page-subtitle{padding-bottom: 22px; margin-bottom:26px; border-bottom:1px solid #F2F2F2; display: flex; justify-content: space-between; flex-wrap: wrap;}
.page-subtitle h2{font-size: 18px; font-weight: 700; line-height: 25px; }
.view-order{padding-right:20px;color: #FFA100; font-size:13px; font-weight: 700; line-height:20px; display: inline-flex; align-items: center; text-transform: uppercase; position: relative;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;}
.view-order i{ position: absolute; content: ""; top:7.5px; right:0px; width: 14px; height: 9px; background-image: url(../images/spirit-icons.png); background-repeat: no-repeat;background-position:-259px -173px;transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;}
.view-order:hover{padding-right:18px; color: #7C6BCD; text-decoration: none;}
.view-order:hover i{right:-2px;background-position:-239px -173px; width: 14px; height: 9px;}

.dashboard-wrapper, .cms-page{padding-top: 70px;}
.dashboard-wrapper .border-box{padding:2.625rem 2.8125rem 3.625rem; border:1px solid #E5EDF5; border-radius: 13px;}
.border-box .group-btn{margin-top:2.188rem;display: flex; justify-content: flex-end; align-items: center;}
.border-box .group-btn .btn{line-height: 45px; padding-top: 0; padding-bottom: 0; min-width: 127px; margin-left:16px;}
.border-box .group-btn.justify-start{justify-content: flex-start;}
.border-box .group-btn.justify-start .btn{margin-left:0; margin-right:16px }
.page-heading{padding-top: 2.938rem; padding-bottom: 12px; align-items: center;}

/*Dashboard Page Css
============================================================*/
.dashboard-page .column-1{padding-top: 22px; padding-bottom:4px; display: flex; justify-content:flex-end; align-items: center;}
.dashboard-page .column-1 .time{color:#2E384D; font-size: 15px; font-weight: 700;}
.dashboard-page .column-1 .status{color:#2E384D; font-size: 13px;display: inline-flex; align-items: center;}
.dashboard-page .column-1 .status i{margin-right: 4px; margin-left:12px;}
.dashboard-page .page-heading{padding-bottom:2.25rem;}
.dashboard-page .card-box{padding:1.875rem; width: 33%; border-radius: 13px; display: flex; align-items: center; justify-content: space-between;}
.dashboard-page .card-section{padding-bottom:2.813rem; display: flex; justify-content: space-between;}
.dashboard-page .card-section .title{font-size: 15px; line-height: 16px; font-weight: 700; text-transform: uppercase;}
.dashboard-page .card-section strong{font-size: 3.125rem; line-height: 3.75rem; font-weight:bold; display: inline-block; position: relative;}
.dashboard-page .card-section .revenue strong{padding-left:11px;}
.dashboard-page .card-section strong sup{line-height: normal; position: absolute; content: ""; left: 0px; top:14px; width: 10px; height: 16px;}
.dashboard-page .card-section i{display: block;}
.dashboard-page .card-section span.circle{width:71px; height:71px;border-radius: 50%; display: inline-flex; justify-content: center; align-items: center;}
.dashboard-page .card-section .items{margin:0 2.25rem;}
.dashboard-page .card-section .order{color:#fff; background:#5843BE; background-image: url(../images/order-left.png), url(../images/order-right.png); 
    background-repeat: no-repeat, no-repeat; background-position:left bottom, right bottom;}
.dashboard-page .card-section .items{color:#F17D46; background:#FCEDE6;background-image: url(../images/item-left.png), url(../images/item-right.png); 
    background-repeat: no-repeat, no-repeat; background-position:left bottom, right bottom;}
.dashboard-page .card-section .revenue{color:#7C6BCD; background:#F1EFFA;background-image: url(../images/revenue-left.png), url(../images/revenue-right.png); 
    background-repeat: no-repeat, no-repeat; background-position:left bottom, right bottom;}
.dashboard-page .card-section .order span.circle{border:2px solid #fff;}
.dashboard-page .card-section .items span.circle{border:2px solid #F07B43;}
.dashboard-page .card-section .revenue span.circle{border:2px solid #7C6BCD;}

.dashboard-page .no-order {min-height:410px; color: #646464; font-size:16px; display: flex; justify-content: center; align-items: center;}
.dashboard-page .no-order i{display: block; margin:0 auto 27px;}
.dashboard-page .no-order .cnt{text-align: center;}
.dashboard-page .order-complete{padding-bottom:18px;display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.order-complete .white-box{padding:1.75rem 1.625rem 2.375rem;margin-left:1%; margin-bottom:22px;width:49%; background: #fff; border:1px solid #E4E3ED; border-radius: 10px; display: flex; align-items: flex-start; justify-content: space-between; line-height: 16px;}
.order-complete .white-box:nth-child(2n+1){margin-left:0px;}
.order-complete .order-id {font-size:15px; color: #575757;}
.order-complete .order-amount{font-size: 13px; color: #B2B2B2;}

.order-complete strong{margin-bottom:11px;display: block;font-size: 22px; font-weight: bold;color: #1C1C1C}
.order-complete strong.amount{margin-bottom:0px;margin-top:11px;display: flex; align-items: center;}
.order-complete strong.amount i{margin-top: 2px; margin-right: 5px;}
.order-complete .green-btn{display: block;}

/*menu list css
============================================================*/
.border-box.padd-xy{padding:18px 16px 28px; }
.menu-list .heading{padding:0 1.25rem;background: #F5F5F5; border-radius: 10px; line-height: 60px; font-size: 14px; font-weight: 700; letter-spacing: 2px; display: flex; justify-content: flex-start; align-items: center; text-transform: uppercase; flex-wrap: wrap;}
.menu-list .column-1{width:38%; display: flex; align-items: center;}
.menu-list .column-2{width:42%; display: flex;align-items: center;}
.menu-list .column-3{width:20%; display: flex; align-items: center;}
.menu-list .col-pic{width:30%; margin-right:2%;}
.menu-list .col-name{width:65%}
.menu-list .col-category{width:31%; margin-right:2%;}
.menu-list .col-created{width:31%; margin-right: 2%;}
.menu-list .col-price{width:32%; margin-right: 2%;}
.menu-list .col-status{width:48%; margin-right: 2%;}
.menu-list .col-action{width:50%; text-align: center;}
.menu-list .flex-box{padding:6px 0; display: flex; align-items: center; border-top:1px solid #E5EDF5; color: #4B4B4B; font-weight: normal; font-size: 15px}
.menu-list .content-entry{margin-top:18px; padding: 0 1.25rem;}
.menu-list .article-title{padding:1.25rem 0; font-size: 18px; font-weight: 700}
.menu-list .title-mob{display: none; font-size: 13px; font-weight: 700; padding:0px; text-transform: capitalize;}
.menu-list .action-btns{display: flex; align-items: center; justify-content: center;}
.menu-list .action-btns a{padding-left:11px; margin-left: 11px; font-size: 14px; color:#4B4B4B; position: relative;}
.menu-list .action-btns .delete{color:#FF0000;}
.menu-list .action-btns .delete:before{position: absolute; content: ""; left: 0px; top:5px; height: 12px; width: 1px; background:rgba(112,112,112,0.5);}
.menu-list .flex-box .price{display: flex; align-items: center;}
.menu-list .flex-box .col-price i{margin-top:1px; margin-right:6px;}
.menu-list .status{text-transform: uppercase;}
.menu-list .accordion-content{margin-top: -5px;}
.page-heading .flex-box{display: flex; justify-content: flex-end; align-items: center;  }
.page-heading .column{margin-left: 0.75rem}
.page-heading .first{width: 11.563rem}
.page-heading .second{width: 21.125rem; width: 34%;}
.page-heading .third{width: 9rem}
.page-heading .third a{display: flex; justify-content: center; align-items: center;}
.page-heading .third .plush-icon{margin-right: 5px}
.page-heading .btn{padding-top: 0; padding-bottom: 0; line-height: 45px; border-radius: 7px;}
.search-box{padding:4px 7px 4px 13px; border:1px solid #E5EDF5; background: #fff; border-radius: 7px; display: flex; align-items: center;}
.search-box input[type="search"]{border:0px; width:83%;padding: 0 0.625rem 0 1rem; background: transparent;}
.search-box input[type="submit"]{width:36px; line-height:36px;margin-left: auto; border:0; background: #FBC02D; border-radius:6px; color: #262626; font-weight: 700; text-align: center; text-transform: uppercase;}
.search-box input[type="submit"]:hover{background:#EBAD13;}
.select-box.gray .btn-light, .select-box.gray .btn-light.dropdown-toggle{border:1px solid #E5EDF5; background: #FCFCFC; border-radius: 7px; line-height: 45px;}
.select-box.gray .btn-light:not(:disabled):not(.disabled):active, 
.select-box.gray .btn-light:not(:disabled):not(.disabled).active, 
.select-box.gray .show > .btn-light.dropdown-toggle{background: #FCFCFC}

.menu-detail .edit-detail{display: flex; justify-content: flex-end; align-items: center;}
.menu-detail .edit-detail a{padding:0 16px; color:#262626; display: block; font-size:15px; line-height: 15px; text-decoration: underline; position: relative;}
.menu-detail .edit-detail a:hover{text-decoration: none;}
.menu-detail .edit-detail a:before{position: absolute; content: ""; top:2px; right: -1px; width: 1px; height: 12px; background: rgba(112,112,112,0.5)}
.menu-detail .edit-detail a.delete{margin-right: 22px}
.menu-detail .edit-detail a.delete:before{right: -7px;}
.menu-detail .border-box, .restaurant-pro .border-box{padding: 0px;}
.menu-detail .item-detail{padding:1.625rem 2.188rem 2.125rem;background: #FAFAFA; border-top-left-radius: 13px;border-top-right-radius: 13px; display: flex; justify-content: space-between;}
.menu-detail .item-detail .prep-time{margin-bottom:20px;color:#909090; font-size: 14px;}
.prep-time strong{color: #FF9300;font-weight: 700;}
.menu-detail .item-detail .price{font-size: 20px; font-weight: 700; line-height: 55px; width: 108px; background: #fff; border-radius: 11px; display: flex; position: relative; justify-content: center; align-items: center;}
.menu-detail .item-detail .price i{margin-top: 2px; margin-right: 7px}
.menu-detail .item-detail h2, .profile-detail h2{padding-bottom:9px; color: #1C1C1C; font-size: 28px; line-height: normal; font-weight: bold;}
.menu-detail .item-detail .item-category{color: #7C7C7C; font-size:16px;}
.menu-detail .description, .restaurant-pro .description{padding:3.125rem 2.188rem 6.25rem; display: flex; justify-content: space-between;}
.menu-detail .description .cnt, .restaurant-pro .description .cnt{width: calc(100% - 350px)}
.menu-detail h3, .restaurant-pro h3{padding-bottom:7px; font-size:17px; line-height: 24px; font-weight: 700; color:#000000 ; text-transform: uppercase;}
.menu-detail p, .restaurant-pro p{padding-bottom: 2.5rem; color: #7C7C7C; font-size: 16px; line-height: 22px;}
.menu-detail .item-pic, .restaurant-pro .item-pic{width:207px;}
.menu-detail .item-pic img, .restaurant-pro .item-pic img{width:207px; height: auto; object-fit: cover; object-position: center; border-radius: 5px;}

.restaurant-pro .description{padding:3.25rem 2.188rem 6.25rem;}
.restaurant-pro .profile-detail{padding:1.563rem 2.188rem 2.25rem;background: #FAFAFA; border-top-left-radius: 13px; border-top-right-radius: 13px;display: flex;justify-content: space-between; align-items: flex-start;}
.restaurant-pro .edit-detail a{display: flex; justify-content: flex-end; align-items: center; color: #262626; text-decoration: underline;}
.restaurant-pro .edit-detail a:hover{text-decoration: none;}
.restaurant-pro .edit-detail i{margin-right: 8px;}
.restaurant-pro .item-pic figcaption{margin-top:22px;font-size: 15px; line-height: 16px; color:#909090; text-align: center; display: block; }
.restaurant-pro .item-pic strong{ font-weight: 700; color:#FF9300;}
.profile-detail .col-lft{ color: #7C7C7C; font-size: 16px; width: 60%;display: inline-flex; flex-direction: column;}
.profile-detail .col-rgt{width: 40%; margin-top: 11px; display: inline-flex; justify-content: flex-end; flex-direction: column;text-align: right;}
.profile-detail .column{margin-bottom:15px;font-size:17px; color:#4B4B4B; display: flex; justify-content:flex-end; align-items: center;}
.profile-detail .column a{margin-left:21px;font-size: 13px;}
.profile-detail .column:last-child{margin-bottom:0px;}
.items-align{display: flex; align-items: center;}
.items-align i{margin-right:10px;}

.edit-profile .form-section{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.edit-profile .col-lft{width: calc(100% - 40%)}
.edit-profile .col-rgt{width:196px}
.edit-image{display: flex; flex-direction: column;}
.edit-image img {margin: 0px auto;width: 100%; height:209px; border:1px solid #F5F5F5; border-radius: 5px; margin: 0px auto; object-fit: cover; object-position: center;}
.edit-image input.file-upload {height: 0; width: 0; border: 0px; padding: 0px;}
.edit-image label.file-upload{padding:0px; margin:16px 0 0px;color:#262626; text-transform: none; text-align: center; position: relative; display: inline-block; text-decoration: underline; cursor: pointer;}
.edit-image label.file-upload:hover{text-decoration: none;}
.contact-form{max-width: 700px;}

/*Notification css
============================================================*/
.table-border{padding-bottom:30px; border: 1px solid #E5EDF5; border-radius: 13px;font-size:14px; overflow:hidden;}
.table-border strong{font-weight: 700;}
.table-border .date{width:25%}
.table-border .title{width:25%}
.table-border .description{width:50%; }
.table-border table{width: 100%;}
.table-border thead{font-weight: 700; line-height: 55px; background:#FAFAFA; border-top-left-radius: 13px; border-top-right-radius: 13px; text-transform: uppercase;}
.table-border .inner-table{padding: 0 30px; border:0px; width: 100%;}
.table-border td.inner-table table{width: 100%}
.table-border tbody td{padding:18px 7px;color: #4B4B4B; border-bottom: 1px solid #e7e7e7;}
.table-border thead td{padding:0px 7px; border:0;}
.table-border .inner-table tr:last-child td{border-bottom:0px;}

/*Orders css
============================================================*/
.my-order .page-heading{padding-bottom: 15px}
.my-order .search-col{display: flex; justify-content: flex-end;}
.my-order .search-box{width: 338px;}
.order-list{display: flex; justify-content:space-between;}
.order-list .border-box{width:49%;padding:1.25rem 1.25rem 1.813rem; border:1px solid #E5EDF5; border-radius: 13px; background: #F9FAFB}
.order-list .heading{padding:0px 0 16px; margin-bottom: 24px; border-bottom: 1px solid #F2F2F2; display: flex; justify-content: space-between; align-items:center; }
.order-list h2{font-size: 18px; font-weight:700; line-height:32px; color: #000000}
.order-list .filter{width: 162px}
.order-list .btn-light.dropdown-toggle{border: 1px solid #E5EDF5; border-radius: 5px;height: 32px; line-height: 32px; padding: 0px 12px;}
.order-list .form-control{height: 32px;}
.order-list .select-box .dropdown-toggle:before, .order-list .select-box .dropdown-toggle:after{top: 9px;}
.order-list .select-box .dropdown-toggle:before{right: 14px;}
.order-list .select-box .dropdown-toggle:after{right: 19px}
.order-list .white-box{margin-top:20px;padding:22px 20px 21px; min-height: 110px; background: #fff; border-radius: 10px; border:1px solid #edecf3; display: flex; justify-content: space-between;}
.order-list .white-box strong{display: block; color: #1C1C1C; font-size: 22px; line-height: 16px; font-weight: 700;}
.order-list .column.third{width: 104px;}
.order-list .column.first{color: #575757; width: 45%;}
.order-list .column.first strong{margin-bottom:7px}
.order-list .column.second{color: #B2B2B2; width: 112px;}
.order-list .column.second strong.amount{margin-top:7px; display: flex; align-items: center;}
.order-list .column.second strong.amount i{margin-right: 6px; margin-top: 2px;}
.order-list .order-btn{margin-bottom:7px;width: 100%; display: inline-block; border-radius: 4px; border:1px solid transparent; line-height:27px; font-size: 13px; font-weight: 700; color: #fff; text-align: center;}
.order-list .order-btn.accept{background: #211A6C; color: #fff;border:1px solid #211A6C;}
.order-list .order-btn.reject{background: #F4F4F4; color: #575757; margin-bottom: 0px;}
.order-list .order-btn.preparing{background: transparent; color: #FF0000;border:1px solid #FF0000;}
.order-list .order-btn.on-way{background: transparent; color: #FAB200;border:1px solid #FAB200;}
.order-list .order-btn.completed{background: transparent; color: #00BE25;border:1px solid #00BE25;}


.mob-tab{display:none;width:100%; margin:15px auto; }
.mob-tab ul{margin:0px; padding:0px; list-style:none; text-align:center; display:flex; justify-content:space-between}
.mob-tab li{margin:0px; padding:0px; width:50%; font-size:16px; font-weight:bold;}
.mob-tab li a{color:#fff;background:#211A6C; display:block;  line-height:46px; position:relative; text-decoration:none}
.mob-tab li a.active{margin:0px; padding:0px; background:#FBC02D; color:#fff}
.mob-tab li a:before{position:absolute; content:""; left:50%; bottom:-16px; transform:translateX(-50%); border:8px solid transparent; border-top:8px solid transparent}
.mob-tab li a.active:before{border:8px solid transparent; border-top:8px solid #FBC02D}

.paginate {margin-top:30px;font-size: 15px; font-weight: 700; display: flex; justify-content: center; align-items: center;}
.paginate li{margin:0 5px; list-style: none}
.paginate li a {display: block; color: #211A6C; text-decoration: none; width: 26px; height: 26px; line-height: 26px;  border-radius: 50%; 
  background:transparent; border:1px solid #C3BFED; display: flex; justify-content: center; align-items: center;}
.paginate li a:hover, .paginate li a.active { background:#FFA100; border:1px solid #FFA100; color: #fff;}

.paginate li.navpage a {height: auto; width: auto; border-radius: 0px; color:#262626; background:transparent; border:0px; font-weight: normal; font-size: 13px;  position: relative; text-transform: uppercase;}
.paginate li.navpage.disabled a{color:#8b88b2;}
.paginate li.navpage a:hover {background: transparent;}
.paginate li.navpage.prev{margin-right: 15px}
.paginate li.navpage.next{margin-left: 15px}
.paginate li.navpage a:before {border: solid #262626; border-width: 0 2px 2px 0; padding: 3px; left:-12px;top: 9px; position: absolute; content: ""; transform: rotate(131deg); -webkit-transform: rotate(131deg);display: inline-block; transition: 0.5s; -webkit-transition: 0.5s;-moz-transition: 0.5s;}
.paginate li.navpage.disabled a:before{border: solid #8b88b2; border-width: 0 2px 2px 0;}
.paginate li.navpage.next a:before{right:-12px; left: auto;transform: rotate(-50deg); -webkit-transform: rotate(-50deg);}

.cms-page{color: #262626}
.cms-page p{padding-bottom:20px; color: #2E384D; font-size: 14px; line-height: 24px;}
.cms-page h2{padding:0 0 14px; font-size:16px; font-weight:700; line-height:22px; text-transform: uppercase;}
.cms-page strong{padding:0 0 12px;font-size:15px; font-weight:700; line-height:21px; display: block;}
.cms-page p:last-child{padding-bottom: 0px}
.cms-page .border-box{padding:1.875rem 2rem 2.813rem; border:1px solid #E5EDF5; border-radius: 13px;}




.actions-edit-btn{
    text-decoration: underline;
    border: none;
    background: none;
}