/* CSS Document */

.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile.m-topbar__user-profile--img.m-dropdown--arrow .m-dropdown__arrow{ color: #555; }
.customerHeader{  background:#555 !important; }
.m-brand.m-brand--skin-dark{  background:#f1f5f8 !important;
    border-right:1px solid #cddbff; }

.m-aside-left.m-aside-left--skin-dark{
    background-color: #f1f5f8 !important;
    border-right:1px solid #cddbff;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--expanded,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open{
    background-color: #f1f5f8 !important;
}

.m-content--skin-light2 .m-body{
    background-color:#fff !important;
}

.m-aside-menu .m-menu__nav > .m-menu__item{ margin-bottom: 5px; }

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active{
    margin-left:10px;
    margin-right:10px;
    background-color: #fff !important;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 6px #cddbff !important;
    -moz-box-shadow: 0px 0px 6px #cddbff !important;
    box-shadow: 0px 0px 6px #cddbff !important;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover .m-menu__link,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active .m-menu__link{
    margin-left:-10px;
    padding-right: 10px;
}

.m-aside-left--minimize .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link{
    margin-left: unset !important;
    padding-right: unset !important;
}
.m-aside-left--minimize .m-aside-menu .m-menu__nav .m-menu__item:not([data-menu-submenu-mode='accordion']).m-menu__item--hover, .m-aside-menu.m-aside-menu--dropdown .m-menu__nav .m-menu__item:not([data-menu-submenu-mode='accordion']).m-menu__item--hover {
    margin-left: unset !important;
    padding-right: unset !important;
}

.m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav.m-menu__nav--dropdown-submenu-arrow .m-menu__item.m-menu__item--hover > .m-menu__submenu > .m-menu__arrow, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav.m-menu__nav--dropdown-submenu-arrow .m-menu__item.m-menu__item--hover > .m-menu__submenu > .m-menu__arrow{
    color:#fff;
}

.m-aside-left--minimize .m-aside-menu.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([data-menu-submenu-mode='accordion']).m-menu__item--hover > .m-menu__submenu .m-menu__subnav, .m-aside-menu.m-aside-menu--dropdown.m-aside-menu--submenu-skin-dark .m-menu__nav .m-menu__item:not([data-menu-submenu-mode='accordion']).m-menu__item--hover > .m-menu__submenu .m-menu__subnav{
    background: #fff !important;
}


.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-text{
    color: #1257ff;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-bullet.m-menu__link-bullet--dot > span, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-bullet.m-menu__link-bullet--dot > span{  background:#1257ff !important;  }

.m-table.m-table--head-bg-brand thead th {
  background: #1257ff;
}

.cart-row-failed{
  background-color: #ea7e7e !important;
}

.cart-row-failed td span{ color: #fff !important; }

.btn-focus{
    background-color: #1257ff !important;
    border-color: #1257ff !important;
}
.m-checkbox.m-checkbox--focus > span:after,
.m-checkbox.m-checkbox--focus > input:checked ~ span,
.btn-outline-focus {
    border-color: #1257ff;
}

.btn.btn-outline-focus{ color: #1257ff; }

.m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__form .m-login__form-sub .m-link:hover:after,
.m-link:hover:after {
    border-bottom: 1px solid #1257ff;
}



.btn-outline-focus.m-btn--air, .btn-focus.m-btn--air, .m-btn--gradient-from-focus.m-btn--air {
    -webkit-box-shadow: 0px 5px 10px 2px rgba(242, 101, 34, 0.19) !important;
    -moz-box-shadow: 0px 5px 10px 2px rgba(242, 101, 34, 0.19) !important;
    box-shadow: 0px 5px 10px 2px rgba(242, 101, 34, 0.19) !important;
}

.m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-icon, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-text, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-arrow, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-icon, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-text, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-arrow,
.m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-icon, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-text, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-arrow, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-icon, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-text, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-arrow,
.btn.m-btn--label-brand,
.m-link,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__ver-arrow, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__ver-arrow,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon,
.m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__item:hover > .m-menu__link .m-menu__link-text, .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-text,
.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item:hover > .m-menu__link > .m-menu__hor-arrow, .m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link > .m-menu__hor-arrow,
.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item:hover > .m-menu__link .m-menu__link-text, .m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-text,
.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item:hover > .m-menu__link .m-menu__link-icon, .m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-icon{ color:#1257ff !important; }

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__icon > i,
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__icon:hover > i{ color:#b6d8ff; }
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::before, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::after,
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span,
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::before, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::after,
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span{ background: #b6d8ff; }
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::before, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::after,
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span{ background:  #799fff; }

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon > i:before {
    background: -webkit-linear-gradient(180deg, #799fff 50%,  #b6d8ff 100%);
    background: linear-gradient(180deg, #799fff 50%,  #b6d8ff 100%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.table-small-font td, .table-small-font th{ font-size:10pt !important;  }

.m-form .m-form__group {
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tip{ cursor:pointer; }
.selectorParts{ cursor:pointer;}

.toggleState, .saleState, .activeState, .toggleApiKey, .togglePrinterKey{ cursor:pointer; }

.zone_list .input-group{ padding-bottom:5px; }
.zone_list .colorpicker-component span{background: #efefef; width: 100%; text-align: center; height: 30px; line-height: 35px; } 
.zone_list .colorpicker-component i{ width:60px !important; }

.zone_list .m-accordion__item-title{ font-weight:bold; color:#fff; }

.m-card-profile .m-card-profile__pic img { max-width:100% !important; }

/* these colours will come from admin settings */
	.activeMethod{ background-color:#f58a31; }
	.activeMethod .arrow-down{ border-top:10px solid #f58a31; }
	
	/* over ride styles */
	
	.page-header.navbar {
	  	height: 56px;
  		min-height: 56px;
	}
	
	.page-header.navbar .page-logo{ height: 56px; }

	.page-header.navbar .page-logo .logo-default {
	  margin: 4px 0 0 0;
	}
	
	.page-header-fixed .page-container {
	  margin-top: 56px;
	}
	
	.page-header.navbar .menu-toggler.responsive-toggler {
	  /*display: none;*/
	  float: right;
	  margin: 17px 6px 0 6px;
	}
	.page-header.navbar .top-menu .navbar-nav > li.dropdown {
	  margin: 0px;
	  padding: 0px 4px;
	  height: 56px;
	  display: inline-block;
	}
	.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
	  margin: 0px;
	  padding: 18px 10px 18px 10px;
	}
	.page-header .top-menu .dropdown-quick-sidebar-toggler > .dropdown-toggle{
		padding: 22px 10px 14px 10px !important
	}
	
	.login {
	background-color: #f3f3f3 !important;
	}
	
	.login .content .input-icon {
	border-left: 2px solid #1257ff !important;
	}
	@media (max-width: 480px) {
		.top-menu{ margin-top:10px !important; }
	}


/***********
orange Colors
************/
/***
orange Default
***/
/* Button */
.orange.btn {
  color: white;
  background-color: #1257ff;
  border-color: "";
}
.orange.btn:hover, .orange.btn:focus, .orange.btn:active, .orange.btn.active {
  color: white;
  background-color: #1257ff;
}
.open .orange.btn.dropdown-toggle {
  color: white;
  background-color: #1257ff;
}
.orange.btn:active, .orange.btn.active {
  background-image: none;
}
.open .orange.btn.dropdown-toggle {
  background-image: none;
}
.orange.btn.disabled, .orange.btn.disabled:hover, .orange.btn.disabled:focus, .orange.btn.disabled:active, .orange.btn.disabled.active, .orange.btn[disabled], .orange.btn[disabled]:hover, .orange.btn[disabled]:focus, .orange.btn[disabled]:active, .orange.btn[disabled].active, fieldset[disabled] .orange.btn, fieldset[disabled] .orange.btn:hover, fieldset[disabled] .orange.btn:focus, fieldset[disabled] .orange.btn:active, fieldset[disabled] .orange.btn.active {
  background-color: #1257ff;
}
.orange.btn .badge {
  color: #1257ff;
  background-color: white;
}

/* Button Strip */
.btn.orange-stripe {
  border-left: 3px solid #1257ff;
}

/* Portlet */
.portlet > .portlet-body.orange,
.portlet.orange {
  background-color: #1257ff;
}

.portlet.solid.orange > .portlet-title,
.portlet.solid.orange > .portlet-body {
  border: 0;
  color: white;
}
.portlet.solid.orange > .portlet-title > .caption > i {
  color: white;
}
.portlet.solid.orange > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.orange > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.orange > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.orange > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.orange > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}

.portlet.box.orange {
  border: 1px solid #1257ff;
  border-top: 0;
}
.portlet.box.orange > .portlet-title {
  background-color: #1257ff;
}
.portlet.box.orange > .portlet-title > .caption {
  color: white;
}
.portlet.box.orange > .portlet-title > .caption > i {
  color: white;
}
.portlet.box.orange > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #f7bb9f;
  color: #f7bb9f;
}
.portlet.box.orange > .portlet-title > .actions .btn-default > i {
  color: #f7bb9f;
}
.portlet.box.orange > .portlet-title > .actions .btn-default:hover, .portlet.box.orange > .portlet-title > .actions .btn-default:focus, .portlet.box.orange > .portlet-title > .actions .btn-default:active, .portlet.box.orange > .portlet-title > .actions .btn-default.active {
  border: 1px solid #f7e5dd;
  color: #f7e5dd;
}

.hidden{ display:none !important; }
.img-responsive{ width:100%; }

/* Statistic Block */
.dashboard-stat.orange {
  background-color: #1257ff;
}
.dashboard-stat.orange.dashboard-stat-light:hover {
  background-color: #1257ff;
}
.dashboard-stat.orange .visual > i {
  color: white;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.dashboard-stat.orange .details .number {
  color: white;
}
.dashboard-stat.orange .details .desc {
  color: white;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dashboard-stat.orange .more {
  color: white;
  background-color: #1257ff;
}

/* General Element */
.bg-orange {
  border-color: #1257ff !important;
  background-image: none !important;
  background-color: #1257ff !important;
  color: white !important;
}

/* General Text & Icon Font Colors */
.font-orange {
  color: #1257ff !important;
}

.page-selector{ margin: -20px -20px 0; }

.page-container-bg-solid .page-bar, .page-content-white .page-bar{ margin-top:0; }

@media (min-width: 992px){
	.page-selector{ margin-top: -25px !important; }
}

th, td{ vertical-align:middle !important;}

.col1{ background:#1257ff; font-size:13pt; color:#fff; padding-top:10px; padding-bottom:10px; font-weight:bold; }
.col2{ background:#1257ff; font-size:13pt; color:#fff; padding-top:10px; padding-bottom:10px; font-weight:bold; }
.col3{ background:#1257ff; font-size:13pt; color:#fff; padding-top:10px; padding-bottom:10px; font-weight:bold; }

.odd{ background:#f4f4f4; margin-top:5px; padding-top:10px; padding-bottom:10px; }
.even{ background:#f4f4f4; margin-top:5px; padding-top:10px; padding-bottom:10px; }

.top-menu a{ color: #c5c5c5; font-size:13px;  }

.page-header.navbar .top-menu .navbar-nav>li.dropdown.frontendlink>.dropdown-toggle:last-child{ padding-right:10px !important;  }
/*
.btn-group>.dropdown-menu {
    overflow: auto;
    height: 800px;
}
*/
.disable{
  opacity:0.2;
  pointer-events: none;
   cursor: default;
}

.label-disabled{
  pointer-events: none;
  opacity: 0.2;
  cursor: default;
}

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.conditionsModal li{ cursor:pointer; padding:10px 0; font-size:14pt; }
.conditionsModal li .icon-close{  }
.conditionsModal li .icon-check{ color:#26C281; }

.conditionsModal li.usedItem{ text-decoration: line-through; color:#ddd; }

.ajax-stat{ position: relative; width:100%; }
.order-stat{ position: relative; width:100%; }
.loading{ background-color: rgba(255,255,255, 0.8);     width: calc(100%);  height: 100%; position: absolute; text-align: center; z-index:10; }
.spinnerContainer{ width:60px; height:60px; left:calc( 50% - 30px ); top:calc( 50% - 30px ); position:relative; }
.loading span{ top: calc(50% - 6px); left:calc( 50% - 10px ); font-size:20px;  }
.loading .fa-refresh:before{ font-size:40pt; }

.statBox{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

}


.mt-element-list .list-default.ext-1.mt-list-container{ padding-top:0; }
.mt-element-list .list-default.mt-list-container{ border-left:0; border-right:0; }

.accordion-icon:before {
    content: "\f0d8";
}

.collapsed .accordion-icon:before {
    content: "\f0d7" !important;
 }


.confSwitch .radioarea{ float:right; }

.basicSwitch .radioarea{ float:right; }

.m-widget14 .m-widget14__chart .m-widget14__stat{ font-size:1.5rem; width: 100%; text-align: center; }
.m-widget17__icon{ width:50px; float:left; }
.m-widget17__subtitle{ padding-top:1.2rem; }
.m-widget17 .m-widget17__stats .m-widget17__items .m-widget17__item{ height:6rem; }

.m-widget24 .m-widget24__item .m-widget24__title{ margin-top: 1.2rem; margin-bottom: 1.2rem; }
.m-widget24 .m-widget24__item .m-widget24__stats{ margin-top:-3.0rem; }

#import-rules{
    margin-top:50px;
}
.blockUI.blockMsg.blockElement {
    width: 100% !important;
}
.m-datatable .m-blockui {
    margin: 0 auto;
}

.m-widget4 .m-widget4__item{ padding-top: 0.85rem; padding-bottom:0.85rem;}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text small{ display: block !important; padding-left:0 !important; }
.m-widget4 .m-widget4__item .m-widget4__info{ padding-left:0 !important; font-size: .95rem !important; }


.m-widget14 .m-widget14__legend .m-widget14__legend-bullet {
    width: 0.80rem; height: 0.80rem;
}

.m-widget20 .m-widget14__legend .m-widget14__legend-bullet {
    width: 0.45rem;
    height: 0.45rem;
    display: inline-block;
    border-radius: 1.1rem;
    margin-bottom: 0.12rem;
    margin-right: 0.8rem;
}

.m-widget20{ top: 80px; }

.m-widget20__chart .left{ float: left; width:60%; }
.m-widget20__chart .right{ float: left; width:40%; }

@media (min-width: 500px) and (max-width: 1200px) {
	.m-widget20__chart .left{ float: left; width:30% !important; }
	.m-widget20__chart .right{ float: left; width:40% !important; }

}

@media (max-width: 767px) {
	#newvsexisting, #devicesused{ width:160px !important; }
}

@media (min-width: 768px) and (max-width: 1023px) {
	#newvsexisting, #devicesused{ width:160px !important; }
}

@media (min-width: 1024px) and (max-width: 1299px) {
	#newvsexisting, #devicesused{ width:160px !important; }
}

@media (min-width: 1300px) {
	#newvsexisting, #devicesused{ width:190px !important; }
}
/*added by sujan*/
@media (min-width: 576px){
    .menu-preview .modal-dialog {
        max-width: 1020px;
    }
}
/*style the search product in categories page*/
.m-portlet__head .search-all-prods{
    position: relative;
    overflow: hidden;
}
.m-portlet__head .search-all-prods input{
    border-radius: 20px;
}
.m-portlet__head .search-all-prods input:hover, .m-portlet__head .search-all-prods input:focus{
    border-color: #34bfa3;
}
.m-portlet__head .search-all-prods .m-btn--icon{
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translateY(-50%);
    background: none;
    color: #575962;
}
.m-portlet__head .search-all-prods .m-btn--icon:hover, .m-portlet__head .search-all-prods .m-btn--icon:focus{
    border-color: #34bfa3;
    color: #ffffff;
    background-color: #34bfa3;
    border-radius: 20px;
    width: 30px;
    height: 30px;
}
.m-portlet__head .search-all-prods .m-btn--icon i{
    position: absolute;
    top: 50%;
    left: 30%;
}
@media (max-width: 600px){
    .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav.with-search-option{
        display: block;
    }
    .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav.with-search-option .search-all-prods{
        display: block;
        overflow: hidden;
        margin-bottom: 10px;
    }
}

.menu-preview-window .m-accordion .m-accordion__item--metal .m-accordion__item-head.collapsed,
.menu-preview-window .m-accordion .m-accordion__item--metal .m-accordion__item-head:hover,
.menu-preview-window .m-accordion .m-accordion__item--metal .m-accordion__item-head
{
    background-color: #34bfa3 !important;
}
.preview-instr{
    margin-top: 3rem;
}

/*Add an overlay to the entire page blocking any further presses to buttons or other elements.*/
.lds-dual-ring.hidden {
    display: none;
}
.overlay-preview {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.8);
    z-index: 999;
    opacity: 1;
    transition: all 0.5s;
}

/*Spinner Styles*/
.lds-dual-ring {
    display: inline-block;
    width: 200px;
    height: 200px;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 80px;
    height: 80px;
    margin: 25% auto;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/*added by sujan*/

.m--bg-stat_one{ background-color:#1257ff; }
.m--bg-stat_two{ background-color:#abc3ff }
.m--bg-stat_three{ background-color:#2563ff; }
.m--bg-stat_four{ background-color:#9ab7ff; }
.m--bg-stat_five{ background-color:#366fff; }
.m--bg-stat_six{ background-color:#6893ff; }
.m--bg-stat_seven{ background-color:#477bff; }
.m--bg-stat_eight{ background-color:#8aabff; }
.m--bg-stat_nine{ background-color:#5787ff; }
.m--bg-stat_ten{ background-color:#799fff; }

.m--font-match{ color:#2563ff; }

.port-condensed .m-portlet__body{padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:10px; }
.port-condensed .m-portlet__head{padding-left:15px; padding-right:10px; padding-top:10px; padding-bottom:10px; }
.port-condensed .m-portlet__head{ border-bottom:0; }
.port-condensed .m-widget5 .m-widget5__item{ border-bottom:0; }
.port-condensed .m-widget5__content{ padding-left:0 !important; }

.port-condensed .m-widget5__status .fa-check{ color:white; font-size:12pt; border-radius:20px; background:#56bb45; padding:6px; padding-bottom:0; height:30px; width:30px; }
.port-condensed .m-widget5__status .fa-close{ color:white; font-size:12pt; border-radius:20px; background:#ddd; padding:6px; padding-bottom:0; height:30px; width:30px; }

.port-condensed .m-widget5 .m-widget5__item .m-widget5__stats2, .port-condensed .m-widget5 .m-widget5__item .m-widget5__stats1{ padding-left:0; width:40px; text-align:center; }
.port-condensed .m-widget5 .m-widget5__number i{ font-size:15pt !important; font-weight:200 !important; color:#666 !important; }
.port-condensed .m-widget5 .m-widget5__item { margin-bottom:0; padding:5px 0; }
.port-condensed .m-widget5 .m-widget5__item.headerbar{ background:#e9e9e9; margin-top:-61px; margin-bottom:20px; }
.port-condensed .m-widget5 .m-widget5__item.headerbar div{ padding:0; }
.port-condensed .m-widget5__title { font-size: 22px !important; padding-top: 14px; float: left; width:50%; text-align: left !important; }
.port-condensed .m-widget5__info { border-bottom: 1px solid #e9e9e9;}
.port-condensed .m-widget5__item .m-widget5__content .m-widget5__info{ line-height:28px; }
.port-condensed .m-widget5__info{ display:block; width: 100%; height: 25px; }

.sec1{ float:left; width:50%;	text-align:right; font-weight: normal; padding-right: 5px; font-size: 9pt; }
.sec2{ float:left;  width:50%;	text-align:left; font-weight: normal;}
.sec3{ float:left; font-size: 13px; padding-top: 9px; padding-left: 10px; }

#last-five .sec3{ font-size: 22px; padding-top: 14px; }

#store-watch, #last-five{ min-height: 150px; }

.hash{ font-size: 9pt; font-weight: normal; display: block; float: left; line-height: 24px; padding-right: 3px; }

.m-widget5__status span{ color:white; font-size:12pt; border-radius:20px; background:#ddd; padding:6px; padding-bottom:0; height:30px; width:30px; }

.line-stat .m-widget5__title{ font-size:10pt !important; width: 100%; padding-left: 10px !important; padding-top:18px !important; }
.line-stat{ border-bottom: 1px solid #e9e9e9 !important; }

.modal-stat .m-widget5__title{ font-size:10pt !important; width: 100%; padding-left: 10px !important; padding-top:18px !important; }
.modal-stat{ border-bottom: 1px solid #e9e9e9 !important; }

.port-condensed .m-widget5 .m-widget5__item.m-badge--danger .m-widget5__title{ color:#fff; }


.topBlock{ background:#fafafa; min-height:235px; font-family: "Nunito", arial }
.topBlock .m-portlet__head-title{ display: block !important; font-family: "Nunito", arial }
.topBlock .m-portlet__head-title h3{ display: block !important; text-align: center ; font-size: 20pt !important; padding-top: 20px; padding-bottom: 10px; margin-bottom: 0; font-family: "Nunito", arial }

.topBlock .m-portlet__body{ text-align:center; font-family: "Nunito", arial }
.mainTotalWeekly .dollar{ font-weight:600; font-size: 25pt; display: inline-block;  font-family: "Nunito", arial; position: relative; top: -2px;}
.mainTotalWeekly .mainPrice{ display: inline-block; font-family: "Nunito", arial }
.mainTotalWeekly { font-size:28pt; font-weight: 600; font-family: "Nunito", arial }
.mainTotalWeekly i{ font-size: 20pt; top: -7px; position: relative; }
.mainTotalWeekly i.fa-arrow-up{ color: #54ba43; }
.mainTotalWeekly i.fa-arrow-down{ color: #e43b3b; }
.comparisonTotalWeekly{ font-weight:300; color:#8b8b8b; font-family: "Nunito", arial }
.comparisonTotalWeekly .lastPrice{ color:#5f5f5f; font-family: "Nunito", arial }
.rangeWeekly{ color:#8b8b8b; font-family: "Nunito", arial }

.mainTotalMonthly .dollar{ font-weight:600; font-size: 25pt; display: inline-block;  font-family: "Nunito", arial; position: relative; top: -2px;}
.mainTotalMonthly .mainPrice{ display: inline-block; font-family: "Nunito", arial }
.mainTotalMonthly { font-size:28pt; font-weight: 600; font-family: "Nunito", arial }
.mainTotalMonthly i{ font-size: 20pt; top: -7px; position: relative; }
.mainTotalMonthly i.fa-arrow-up{ color: #54ba43; }
.mainTotalMonthly i.fa-arrow-down{ color: #e43b3b; }
.comparisonTotalMonthly{ font-weight:300; color:#8b8b8b; font-family: "Nunito", arial }
.comparisonTotalMonthly .lastPrice{ color:#5f5f5f; font-family: "Nunito", arial }
.rangeMonthly{ color:#8b8b8b; font-family: "Nunito", arial }

.mainTotalDaily .dollar{ font-weight:600; font-size: 25pt; display: inline-block;  font-family: "Nunito", arial; position: relative; top: -2px;}
.mainTotalDaily .mainPrice{ display: inline-block; font-family: "Nunito", arial }
.mainTotalDaily { font-size:28pt; font-weight: 600; font-family: "Nunito", arial }
.mainTotalDaily i{ font-size: 20pt; top: -7px; position: relative; }
.mainTotalDaily i.fa-arrow-up{ color: #54ba43; }
.mainTotalDaily i.fa-arrow-down{ color: #e43b3b; }
.comparisonTotalDaily{ font-weight:300; color:#8b8b8b; font-family: "Nunito", arial }
.comparisonTotalDaily .lastPrice{ color:#5f5f5f; font-family: "Nunito", arial }
.rangeDaily{ color:#8b8b8b; font-family: "Nunito", arial }


.mainTotalDailyAvg .dollar{ font-weight:600; font-size: 25pt; display: inline-block;  font-family: "Nunito", arial; position: relative; top: -2px;}
.mainTotalDailyAvg .mainPrice{ display: inline-block; font-family: "Nunito", arial }
.mainTotalDailyAvg { font-size:28pt; font-weight: 600; font-family: "Nunito", arial }
.mainTotalDailyAvg i{ font-size: 20pt; top: -7px; position: relative; }
.mainTotalDailyAvg i.fa-arrow-up{ color: #54ba43; }
.mainTotalDailyAvg i.fa-arrow-down{ color: #e43b3b; }
.comparisonTotalDailyAvg{ font-weight:300; color:#8b8b8b; font-family: "Nunito", arial }
.comparisonTotalDailyAvg .lastPrice{ color:#5f5f5f; font-family: "Nunito", arial }
.rangeDailyAvg{ color:#8b8b8b; font-family: "Nunito", arial }

.mainTotalRollingAvg .dollar{ font-weight:600; font-size: 25pt; display: inline-block;  font-family: "Nunito", arial; position: relative; top: -2px;}
.mainTotalRollingAvg .mainPrice{ display: inline-block; font-family: "Nunito", arial }
.mainTotalRollingAvg { font-size:28pt; font-weight: 600; font-family: "Nunito", arial }
.mainTotalRollingAvg i{ font-size: 20pt; top: -7px; position: relative; }
.mainTotalRollingAvg i.fa-arrow-up{ color: #54ba43; }
.mainTotalRollingAvg i.fa-arrow-down{ color: #e43b3b; }
.comparisonTotalRollingAvg{ font-weight:300; color:#8b8b8b; font-family: "Nunito", arial }
.comparisonTotalRollingAvg .lastPrice{ color:#5f5f5f; font-family: "Nunito", arial }
.rangeDailyAvg{ color:#8b8b8b; font-family: "Nunito", arial }

.dmyDashboard h4{ font-size:1.2rem;  }
.dmyDashboard h5{ font-size:0.8rem;  color:#8b8b8b; font-weight: 300; }
.dmyDashboard .subTitle{ font-size:0.8rem; margin-top: -7px; position: absolute; }
.dmyDashboard .block-stat .dollar{ font-weight:600; font-size: 13pt; display: inline-block;  font-family: "Nunito", arial; position: relative; top: -2px;}
.dmyDashboard .block-stat .mainPrice{ display: inline-block; font-family: "Nunito", arial }
.dmyDashboard .block-stat { font-size:13pt; font-weight: 600; font-family: "Nunito", arial }
.dmyDashboard .block-stat i{ font-size: 8pt; top: -4px; position: relative; min-width: 11px; }
.dmyDashboard .block-stat i.fa-arrow-up{ color: #54ba43; }
.dmyDashboard .block-stat i.fa-arrow-down{ color: #e43b3b; }
.dmyDashboard .comparison{ font-size:13pt; font-weight:600; color:#5f5f5f; font-family: "Nunito", arial }
.dmyDashboard .comparison .lastPrice{ color:#5f5f5f; font-family: "Nunito", arial; }
.dmyDashboard .range{ display: none; color:#8b8b8b; font-family: "Nunito", arial }

.productCell div { width: 220px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.block-stat .loading{ background-color: rgba(255,255,255, 0.8);     width: calc(100%);  height: 100%; position: absolute; text-align: center; z-index:10; }
.block-stat .spinnerContainer{ width:60px; height:60px; left:calc( 50% - 30px ); top:calc( 50% - 30px ); position:relative; }
.block-stat .loading span{ top: calc(50% - 6px); left:calc( 50% - 10px ); font-size:20px;  }
.block-stat .loading .fa-refresh:before{ font-size:40pt; }

.tabular-reporting-category .m-widget11__title,
.tabular-reporting-category .m-widget11 .table tbody > tr > td{  font-size:0.9rem !important; }
.tabular-reporting-category .m-widget11 .table tbody > tr > td{ padding-top: 5px; padding-bottom: 5px; }


.m-widget5__item.m-badge.m-badge--danger{ border-radius: 0; margin-left: -10px; width: calc(100% + 20px); padding-left: 10px; padding-right: 10px; }

#dash_donut .noStats{ padding:40px 0; background:#efefef; }

.noStats{ text-align:center; font-size:12pt; font-weight: 600; }
.noStats i{ font-size:50pt; }
.noStats .sorry{ font-size: 22pt; font-weight: 800; margin-top: -20px; }

#dash_donut .middleTotal{ color: #575962 !important; font-size: 30px; font-weight: 600;  position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 24px; }

.middleTotal .totalOrders{ font-size:11pt; text-transform: uppercase; font-weight: 800 }

.methodStat{ background: #fff; border: 1px solid #f4f4f4; border-radius:10px; height: 60px; margin: 0 15px 5px; }
.methodStat .pt1{ width:35%; float: left; text-align: left; line-height: 60px; font-size: 13pt; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; }
.methodStat .pt2{ width:40%; float: left; text-align: center; font-size: 14pt; line-height: 60px;  }
.methodStat .pt3{ width:25%; float: left; text-align: right; font-size: 14pt; line-height: 60px; padding-right: 10px; }
.methodStat i{ font-size: 20pt; top: -7px; position: relative; padding-top: 30px; }
.methodStat i.fa-arrow-up{ color: #54ba43; font-size: 11pt; float: left; }
.methodStat i.fa-arrow-down{ color: #e43b3b; font-size: 11pt; float: left; }
.methodStat .positive{ color: #54ba43; font-size: 11pt; text-align: right; }
.methodStat .negative{ color: #e43b3b; font-size: 11pt; text-align: right; }
.methodStat .m--bg-stat { width: 10px; height: 10px; display: block; border-radius: 5px; float: left; margin: 24px 7px; }
.methodStat .method{ text-transform:capitalize; }

#payment_comparison{ padding:0 15px; }
.paymentStat{ background: #fff; border: 1px solid #f4f4f4; border-radius:10px; height: 80px; width:100%; margin-bottom:10px; float:left; position:relative; padding:10px; }
.paymentStat .method{ font-weight:800; }
.paymentStat i{ font-size: 28pt; position: absolute; right:10px; top: 40px;  }
.paymentStat i.fa-arrow-up{ color: #54ba43; font-size: 11pt; float: left; }
.paymentStat i.fa-arrow-down{ color: #e43b3b; font-size: 11pt; float: left; }
.paymentStat .total{ font-size:18pt; }

.m-widget27 .m-widget27__pic .m-widget27__title{ width: 100%; text-align: center; font-family: "Nunito", arial; }
.m-widget27 .m-widget27__pic .m-widget27__title>span{ font-size: 2.5rem; }
.m-widget1__title{  font-size: 11pt !important; }
.m-widget1__number{ font-family: "Nunito", arial; font-size: 11pt !important; }

.allorders td, .allorders td span, .allproducts td, .allproducts td span { font-size:9pt !important; }
.totalsBlock{ margin-top:10px; }
.totalsBlock, .totalsBlock li{ list-style:none; }
.totalsBlock li span{ font-weight:bold; display:inline-block; width:100px; }

.step-background-thin{ margin:0 0px 10px 0; }
.mt-step-col{ background:#f4f4f4; padding:20px; text-align:center; }
.mt-step-col.active, .mt-step-col.done{ background:#ccc !important; }
.mt-step-number{ margin: 0 auto; font-size: 20pt; font-weight: bold; background: #666; width: 40px; text-align: center; border-radius: 20px; color: #fff; }
.mt-step-title{ font-size:27px; font-weight:bold; }
.mt-step-content{  }

#otpModal .modal-content {
    max-width: 500px;
    left: 30%;
    position: absolute;
    top: 40%;
}

ul#columnfield {
    background: white;
    list-style: none;
    padding-left: 15px;
    padding-right: 15px;
    min-width: 190px;
    width: 100%;
    text-align: left;
}

@media (max-width: 767px) {
	.mt-step-col{ display:none; }
	.mt-step-number{ float:left; margin-top:10px; }
}

.attrGroup label{ margin:0 !important;  }


.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell{
   padding: 11px 1px !important;
    font-size:0.9rem !important;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell{
    padding: 16px 1px !important;
    font-size:0.9rem !important;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell:first-child,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell:first-child,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell:first-child{
    padding-left: 10px !important;
}

.m-badge.m-badge--pickup {
    background-color: #1257ff;
    color: #ffffff;
}
.m-badge.m-badge--delivery {
    background-color: #003ddb;
    color: #ffffff;
}
.m-badge.m-badge--dinein {
    background-color: #002d9d;
    color: #ffffff;
}
.m-badge.m-badge--roomservice {
    background-color: #001c62;
    color: #ffffff;
}
.orderLink {
    display: block;
    margin: -20px;
    padding: 20px;
    background-color:#e7e7e7;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.closedItems{
    display: none; }

.openItems{ border-bottom: 1px solid #f4f4f4; padding: 5px 0; }

#orders_datatable .this_is_test_order_row{
  background: #F3E9E3;
}

#users_datatable .lockedUser{
    background: #f66e84;
}


.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--hover.lockedUser:not(.m-datatable__row--active) > .m-datatable__cell{
    background:#f55f78;
}




.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.lockedUser > .m-datatable__cell > span,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.lockedUser > .m-datatable__cell > span .btn.m-btn--hover-accent:not(.btn-secondary):not(.btn-outline-light) i{
    color:#fff !important;
}

 #delivery-zones .m-accordion .m-accordion__item .m-accordion__item-head .m-accordion__item-title{
  width: 55%;
  float: left;
}

#delivery-zones .m-accordion .m-accordion__item .m-accordion__item-head .m-accordion__item-title_radius{

  float: right;
  font-weight: bold;
  font-size: 0.8rem;
  color: #fff;
    position: absolute;
    right: 70px;
    padding-top: 7px;
}

#delivery-zones .m-accordion.m-accordion--bordered .m-accordion__item .m-accordion__item-head .m-accordion__item-mode, 
#delivery-zones .m-accordion.m-accordion--default .m-accordion__item .m-accordion__item-head .m-accordion__item-mode{
  float: right;
}

.adjustmentTogglePlus,
.adjustmentToggleMinus{
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    float: left;
    cursor: pointer;
    text-align:center;
    border:1px solid #efefef;
    background: #ccc;
    user-select: none;
}
.adjustmentToggleValue{
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    float: left;
    cursor: pointer;
    text-align:center;
    background: #fff;
}

@media (max-width: 992px) {
    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark{
        background-color: #f1f5f8 !important;
    }
    .m-aside-header-menu-mobile-close.m-aside-header-menu-mobile-close--skin-dark,
    .m-aside-left-close.m-aside-left-close--skin-dark{
        background-color: #000b27 !important;
    }

    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open,
    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover{
        background-color: #fff;
        border-radius: 10px;
        margin-left:10px;
        margin-right:10px;
    }

    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open a,
    .m-aside-header-menu-mobile .m-menu__nav .m-menu__item > .m-menu__heading:hover, .m-aside-header-menu-mobile .m-menu__nav .m-menu__item > .m-menu__link:hover{
        margin-left: -10px;
        padding-right: 10px;
    }
}

@media only screen and (min-width: 601px) {   
    #customise_confirm_popup_block .modal-dialog{
        max-width: 70% !important;
    }
}

@media only screen and (max-width: 600px) {
  #customise_confirm_popup_block .modal-dialog{
        max-width: 100% !important;
    }
}

#tab_report_datatable .closed_tab_row{
    background: #F3E9E3;
}
#tab_report_datatable .open_tab_row{
    background: #34bfa3;
}
#tab_report_datatable .open_tab_row  .m-datatable__cell > span{
    color: #ffffff;
}
#tab_report_datatable .open_tab_row.m-datatable__row--hover .m-datatable__cell > span{
    color: #000000;
}
.m-badge.m-badge--gfo {
  background-color: #002d9d;
  color: #ffffff;
}