:root{
	--box-header-primary-color: rgb(4 52 111);

	--mr-danger-color: #dd4b39;
	--mr-primary-color: #3f729b;

	--mr-bg-red-accent-color: #f3b7b0c9;
	--mr-bg-danger-accent-color: #cb63631f;
	--mr-bordar-danger-color: #cb6363;

	--mr-bg-success-accent-color: #63ca9f1a;
	--mr-bordar-success-color: #44b284;

	--mr-bg-warning-accent-color: #ffb80033;
	--mr-bordar-warning-color: #ffb800;
}

body {
	color: var(--box-header-primary-color) !important;
	background-color: #fff;
}

.text-primary{
	color: var(--box-header-primary-color);
}

img{
	max-width: 100%;
	height: auto;
}

.mb-30{
	margin-bottom: 30px;
}

p{
	margin: 0;
}

.tbl-box{
	text-align: center;
	height: 100px;
	display: table;
	width: 100%;
    margin-bottom: 30px;
	border-radius: 5px;
}

.box-body .box{
	border-top: 1px solid #d2d6de;
	display: inline-block;
}

.tbl-title{
	display: table-cell;
	vertical-align: middle;
}

.tbl-num{
	display: block;
}

.discount-section,
.tax-section,
.total-amount{
	margin-bottom: 15px;
	background: azure;
}

.bill .quantity{
	width: 50px;
	text-align: center;
}

.bill .box-body{
	padding-bottom: 30px;
}



.modal-title{
	font-weight: 700;
}

.modal-add .input-group{
	width: 200px;
}

.menu-box{
	position: relative;
	text-align: center;
	height: 130px;
	display: flex;
	flex-flow: wrap;
  	margin-bottom: 15px;
  	overflow: scroll;
	border-radius: 5px;
}

 .menu-box .item-overlay .item-name{
 	position: absolute;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	display: table;

 }

.item-overlay .item-name span{
	display: table-cell;
 	vertical-align: middle;
 	font-size: 14px;
 }

.item-name .item .product-name,
.item-name .item .item-quantity{
	display:block;
}

.item-quantity{
	display:block;
	border-radius: 10px;
	align-content: center;
	float: right;
	margin-top: 10%;
	margin-right: 5px;
	width: 30%;
	color: white;
}

.tax-section .control-label,
.total-amount .control-label{
	text-align: right;
}

.modal-title{
	color: var(--box-header-primary-color) !important;
}

.box-header,
.modal-header{
	background: linear-gradient(to bottom, #dceaf7, #f4f6fb);
	border-radius: 3px 3px 0 0;
	color: var(--box-header-primary-color) !important;
}

.modal-content{
	border-radius: 3px !important;
}

.box-title{
	color: var(--box-header-primary-color) !important;
}

.bill > .box{
	padding: 0 0 5px 0 !important;

}

.bill .box .bill-header{
	border-bottom: 1px solid #ececec;
	padding-bottom: 15px;
}

.close{
	opacity: inherit;
}

.box{
	border-top: inherit !important;
	box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.1) !important;
}

.nav-pills li a{
	color: var(--box-header-primary-color) !important;
}

.nav-pills li a{
	border: none !important;
}

.nav-pills li.active a,
.nav-pills li a:focus,
.nav-pills li  a:hover{
    color: #3c8dbc !important;
    background-color: #ffffff !important;
    border-radius: 3px !important;
}

.bg-danger{
	background-color:#dd4b39 !important;
}

.login-box-body, .register-box-body{
	border-radius: 0 0 3px 3px;
}

.login-box-body .glyphicon,
.register-box-body .glyphicon,
.register-box-body form .glyphicon{
	color: #3c8dbc;
}

.login-box-header,
.register-box-header{
	padding: 15px 0;
	background-color: #3c8dbc !important;
	color: #fff !important;
	border-radius: 3px 3px 0 0 !important;
}

.login-box-msg, .register-box-msg{
	padding: 0 !important;
}

.login-box-wrap,
.register-box-wrap{
	box-shadow: 0 8px 14px 0 rgba(0,0,0,0.03);
}

.mb-15{
	margin-bottom: 15px !important;
}

.login-logo, .register-logo{
	width: 100%;
	margin-bottom: 10px;
}

.login-logo img,
.register-logo img{
	width: 200px;
}

.login-page, .register-page {
    background-color:#fcfcfc;

}

.login-page{
	position: relative;
	height: auto;
	min-height: 100%
}

.login-sidebar-img{
	position: relative;
	text-align: center;
}

.login-sidebar-img img{
	width: 200px;
}

.login-sidebar,
.register-sidebar{
	position: absolute;
    top: 0;
    left: 0;
    background-color: #3c8dbc;
    padding-top: 50px;
    min-height: 100%;
    width: 300px;
    z-index: 810;
    -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
    transition: transform .3s ease-in-out,width .3s ease-in-out;
}



.login-box, .register-box{
	-webkit-transition: -webkit-transform .3s ease-in-out,margin .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,margin .3s ease-in-out;
    transition: transform .3s ease-in-out,margin .3s ease-in-out;
    margin:0 0 0 420px;
    padding-top: 70px;
    z-index: 820;
}

.canvas-wrap{
	background-color: #fff;
	padding: 30px;
}

.form-horizontal .form-group{
	margin-left: 0;
	margin-right: 0;
}

.modal-body,
.modal-footer{
	padding:20px; !important;
}

.modal .control-label{
	padding-top:0;
}

.form-group:last-child{
	margin-bottom:0;
}

.box-body{
	padding:20px !important;
}

.login-sidebar:before,
.register-sidebar:before{
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom, #3c8dbc, #4d99c6, #5da5d0, #6db2db, #7cbee5);
	opacity: 0.8;
}


/* added by ros */


@media (max-width: 991.98px) {
	.modal-add .input-group {
    width: 100%;
}

.login-sidebar,
.register-sidebar{
	display: none;
}

.login-box, .register-box{
	margin: 7% auto !important;
	padding-top: 0;
}

}

.pointercursor{
	cursor: pointer !important;
}

.mr-bg-gradient-dark-green {
	background: linear-gradient(to right, #449a9a, #087c7c) !important;
}

.mr-color-white{
	color: #fff;
}

.mr-card-blue{
    background-color: #4ea6e126;
    color: var(--box-header-primary-color) !important;
    border: 2px solid rgba(78, 166, 225, 1);
}

.mr-card-lite-blue{
    background-color: #d5eaf826;
    color: var(--box-header-primary-color) !important;
    border: 2px solid rgba(78, 166, 225, 1);
}

.mr-card-success{
	background-color: var(--mr-bg-success-accent-color);
	color: var(--box-header-primary-color) !important;
	border: 2px solid var(--mr-bordar-success-color)
}

.mr-card-danger{
	background: var(--mr-bg-danger-accent-color);
	color: var(--box-header-primary-color) !important;
	border: 2px solid var(--mr-bordar-danger-color)
}

.mr-card-warning{
    background: var(--mr-bg-warning-accent-color);
    color: var(--box-header-primary-color) !important;
    border: 2px solid var(--mr-bordar-warning-color)
}

.mr-card-success-warning{
	background: var(--mr-bg-warning-accent-color);
	color: var(--box-header-primary-color) !important;
	border: 2px solid var(--mr-bordar-success-color)
}

.mr-card-danger-warning{
	background: var(--mr-bg-warning-accent-color);
	color: var(--box-header-primary-color) !important;
	border: 2px solid var(--mr-bordar-danger-color)
}

.rounded-1 {
    border-radius: .3rem !important;
}

.mr-bordar-warning {
    border: 2px solid var(--mr-bordar-warning-color)
}

.mr-bordar-success {
    border: 2px solid var(--mr-bordar-success-color)
}

.mr-bordar-dander {
    border: 2px solid var(--mr-bordar-danger-color)
}

.mr-bordar-blue {
    border: 2px solid rgba(78, 166, 225, 1);
}

.productAddSuccess{
	color:green;
	font-szie:12px;
	display:none;
}
.productAddFailure{
	color:red;
	font-szie:12px;
	display:none;
}
.smalltext10{
	font-size: 10px;
}
.cbordergreen{
	border:1px solid #a5ff85;
}
.cborderred{
	border:1px solid #ffbdb3;
}

.marginTop10{
	margin-top:10px;
}

.deletedText{
	 text-decoration: line-through;
}


.restErrorMessage{
	display:none;
}

.restErrorMessagePaymentInstallment{
	display:none;
}

.restErrorMessageRefundInstallment{
	display:none;
}

.kotprint{
	float:right;
}
.hiddenContain{
	display:none;
}

.perm-selected{
	background-color: #00a65a;
}
.dnone{
	display:none !important;
}

.text-overflow-control{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
}

.text-size-custom{
	font-size: 25px !important;
}
.report-chart-align-center{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	max-width: 100%;
}
.table-scrollable{
	max-height: 100vh;
	overflow-y: auto;
}

.autocomplete-suggestions{
	background: #ffffff;
	border: 1px solid #d2d6de;
	max-height: 200px;
	overflow-y: auto;
}

.autocomplete-suggestions .autocomplete-suggestion{
	color: #333;
	padding: 6px 12px;
	cursor: pointer;
}

.autocomplete-suggestions .autocomplete-selected{
	background-color: #3c8dbc;
	color: #FFF;
}
/*.autocomplete-suggestions .autocomplete-suggestion:has(strong){
	background-color: #ddd;
}*/

.required {
	color: red;
}

.removeBtn{
	cursor: pointer;
}
.remove{

	color: red;
	font-size: 20px;
	margin: 10px;
	text-align: center;
}

.dataTables_processing{
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	margin-left: 0 !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	z-index: 1001 !important;
	background: #ffffff !important;
}
.spinner {
	margin: auto;
	border: 5px solid #f3f3f3;
	border-radius: 50%;
	border-top: 5px solid #3498db;

	width: 25px;
	height: 25px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

.copy-btn {
	background: #f0f0f0;
	font-size: smaller;
	color: #000000;
	cursor: pointer;
	padding: 5px;
	border-radius: 5px;
	box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
}

.kot-staus {
	margin-left: 10%;
}

.text-white {
	color: #FFFFFF;
}

.p-t-5{
	padding-top: 5px;
}

.p-b-5{
	padding-bottom: 5px;
}

.amount-text{
	padding: 5px;
	border-radius: 5px;
}

/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.mr-btn {
	border-radius: 5px;
	cursor: pointer;
	transition: all 0.3s ease;
	padding: 3px 3px 3px 3px;
	font-size: 12px;
	line-height: 1.5;
	display: inline-block;
	min-width: max-content;
}

.mr-btn:hover{
	border: 2px solid transparent;
	transform: scale(1.05);
}

.mr-btn-primary{
	background-color: white;
	color: var(--mr-primary-color);
	border: 2px solid #337ab7;
}

.mr-btn-primary:hover {
	background-color: var(--mr-primary-color);
	color: white;
}

.mr-btn-danger{
	background-color: white;
	color: var(--mr-danger-color);
	border: 2px solid #d73925;
}

.mr-btn-danger:hover {
	background-color: var(--mr-danger-color);
	color: white;
}

.mr-close-icon{
	color: var(--mr-bordar-danger-color);
	transition: all 0.3s ease;
}

.mr-close-icon:hover{
	color: var(--mr-danger-color);
}

.mr-btn-default{
	background-color: white;
	color: var(--mr-primary-color);
	border: 2px solid #f1eeee;
}

.mr-btn-default:hover{
	background-color: #e6e6e6;
}
.mr-bg-red-gradient{
	background: linear-gradient(to bottom, #f3b7b0c9, #f8dfdc82);
}

.mr-bg-red{
	background: var(--mr-bg-red-accent-color);
	color: var(--box-header-primary-color) !important;
}

.mr-bg-green{
	background: var(--mr-bg-success-accent-color);
	color: var(--box-header-primary-color) !important;
}

.content-wrapper{
	background-color: #f5f7fa !important;
}

table > thead > tr:not(.datepicker-days > table > thead> tr, .calendar-table > table > thead> tr){
	background-color: #dceaf7;
	background-image: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
}

.pagination>li>span{
	color: var(--box-header-primary-color) !important;
	background: linear-gradient(to bottom, #4ea6e14d 0%, #4ea6e14d 100%) !important;
}

.pagination>li>a{
	color: var(--box-header-primary-color) !important;
	background-color: #f0f0f063 !important;
}

.pagination>li>span:hover, .pagination>li>a:hover{
	border: 1px solid #3c8dbc !important;
	border-radius: 2px !important;
}

.form-control {
	height: 32px !important;
	padding: .375rem .75rem !important;
	font-size: 14px !important;
	color: var(--box-header-primary-color) !important;
}

.delivery-status-active{
	background-color: var(--mr-bordar-success-color) !important;
	color: white !important;
	border: none !important;
}

.content-editable{
	border: none;
	border-radius: 5px;
	background-color: #FFFFFF;
	width: 100%;
	min-height: 32px !important;
	padding: .375rem .75rem !important;
	font-size: 14px !important;
	color: var(--box-header-primary-color) !important;
	overflow-wrap: break-word;
	word-break: break-word;
}

.overflow-wrap{
	overflow-wrap: break-word;
	word-break: break-word;
}


.content-editable:focus {
	outline: none;
	border: 1px solid #3c8dbc;
	box-shadow: none;
}

.content-editable:hover {
	background-color: #f9f9f9;
}

.content-editable:empty:before {
	content: attr(data-placeholder);
}

.content-editable:empty{
	border: 1px solid var(--mr-bordar-danger-color);
}

.pd-5{
	padding: 5px;
}

.kotUser {
    display: block;
    max-width: 120px;     /* or any custom width */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* sweetAlter2 customization start*/
div:where(.swal2-container) div:where(.swal2-html-container){
	font-size: 1.45em !important;
}

div:where(.swal2-icon).swal2-success .swal2-success-ring {
	border: .25em solid rgba(133, 197, 97, 0.50) !important;
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
	background-color: #85c063 !important;
}

/* sweetAlter2 customization end*/

/*checkbox toggle start*/
.toggle-wrapper {
	padding-top: 7px; /* Aligns with Bootstrap 3 form-control vertical positioning */
}

.toggle-switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 26px;
	margin-bottom: 0;
	cursor: pointer;
}

.toggle-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.toggle-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	border-radius: 26px;
	transition: background-color 0.2s ease-in-out;
}

.toggle-slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	border-radius: 50%;
	transition: transform 0.2s ease-in-out;
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

.toggle-switch input:checked + .toggle-slider {
	background-color: #337ab7; /* Bootstrap 3 primary blue */
}

.toggle-switch input:checked + .toggle-slider:before {
	transform: translateX(24px);
}

.toggle-switch input:focus + .toggle-slider {
	box-shadow: 0 0 0 2px rgba(51, 122, 183, 0.3);
}

/* Optional hover state */
.toggle-switch:hover .toggle-slider {
	background-color: #b3b3b3;
}

.toggle-switch input:checked:hover + .toggle-slider {
	background-color: #286090; /* Bootstrap 3 primary dark blue */
}

.toggle-slider-sm {
	position: absolute;
	cursor: pointer;
	height: 16px;
	width: 40px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	border-radius: 26px;
	transition: background-color 0.2s ease-in-out;
}

.toggle-slider-sm:before {
	position: absolute;
	content: "";
	height: 10px;
	width: 10px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	border-radius: 50%;
	transition: transform 0.2s ease-in-out;
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

.toggle-switch input:checked + .toggle-slider-sm {
	background-color: #337ab7; /* Bootstrap 3 primary blue */
}

.toggle-switch input:checked + .toggle-slider-sm:before {
	transform: translateX(24px);
}

.toggle-switch input:focus + .toggle-slider-sm {
	box-shadow: 0 0 0 2px rgba(51, 122, 183, 0.3);
}

/* Optional hover state */
.toggle-switch:hover .toggle-slider-sm {
	background-color: #b3b3b3;
}

.toggle-switch input:checked:hover + .toggle-slider-sm {
	background-color: #286090; /* Bootstrap 3 primary dark blue */
}

/*checkbox toggle end*/