@import url("https://db.onlinewebfonts.com/c/b7c46534c8a2d55edd840bf49383777d?family=Ahkio-Bold");
.containerlala {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  gap: 0.5%; /* modern way instead of margin */
}
.containerlala .dash-icons-list-item {
  flex: 0 0 calc((100% - (9 * 0.5%)) / 10); 
  /* 10 blocks per row, subtract total gap (9 gaps) */
  height: auto; /* demo height */
}
.card-header{min-height: 3rem;}
.card-header:before, .resp-tabs-list li.active:before {background: transparent !important;}
.select2-container--default .select2-selection--single{border: 1px solid #000 !important;}
.dash-icons-list-item-icon{flex: 0 0 calc((100% - (9 * 0.5%)) / 10); height: auto;border:none !important;}
.custom-file-label{border: 1px solid #000 !important;}
.meal_footer_extraicon{position: absolute;width: 100%;padding: 0px;font-size:30px;font-weight: bold;top: 20px; font-family: Ahkio-Bold; color: #2e276d !important;}
label{color:#000 !important;}
.table td {font-size: 15px;}
em { 
    color: red !important;
}
.input100 {
	text-transform: capitalize
}
/* For Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
  margin: 0; 
}

/* For Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.login-page .container-login100 {
	height: 60%
}

.hdserror {
	color: red
}

.status {
	color: #43bc96
}

.header-desktop {
    height: 152px;
    width: 254px!important;
    margin-top: -22px;
    margin-left: -21px;
}

.container-fluid {
	height: 50px!important
}

.needhelp,
.needhelp a:hover,
.needhelp:hover {
	background: #e44374!important
}

.needhelp a {
	color: #fff!important
}

/*
.btn-success {
	padding: 8px 15px!important
}
*/

.custom-select:focus,
.form-control:focus {
	border: 2px solid #765be6!important
}

.select2-container--focus {
	border: 2px solid #765be6!important
}

textarea,
textarea:focus {
	border-color: #efefef!important;
	border-width: 2px!important;
	border-style: solid!important
}

label {
	font-size: 15px;
	font-weight: 700
}

.card-header {
	background: #765be6
}

.card-header .card-title,
.card-header h3 {
	color: #fff!important;
	font-size: 20px!important
}

.form-control {
	border: 1px solid #000!important
}

.form-footer .btn-success {
	margin-right: 10px!important;
	height: 40px!important
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	background-color: #765be6!important
}

#smartwizard .nav.nav-tabs.step-anchor {
	padding: 12px!important
}

.nav-tabs .nav-item {
	background-color: #45aaf2
}

.nav-tabs .nav-item a {
	color: #fff
}

.sw-btn-group .sw-btn-next {
	border-radius: 0!important
}

.sw-btn-group-extra .btn-success {
	margin-right: 0!important
}

#editfacility .panel-heading {
	background-color: #26c2f7!important
}

#editfacility .panel-heading .panel-title a {
	color: #fff!important
}

a.wingname {
	color: #536d96!important
}

.ui-state-disabled span.ui-state-default {
	background-color: #eceef9!important
}

.midtr {
	background-color: #45aaf2
}

tr.atitle th {
	padding: 10px!important;
	font-size: 13px!important;
	vertical-align: middle!important
}

.material-switch {
	width: 250px
}

.material-switch .label-warning {
	background-color: #45aaf2!important
}

.addresidenttab .nav-link {
	padding: 10px 18px!important
}

.nav-tabs .nav-item {
	background-color: #45aaf2;
	border: 1px solid #fff;
	border-radius: 5px 5px 0 0
}

.chosen-choices {
	border: 1px solid #536d96!important;
	width: 100%!important;
	padding: .375rem .75rem!important;
	font-size: .9375rem!important;
	line-height: 1.6!important;
	color: #536d96!important;
	background-image: none!important;
	background-color: #fff!important;
	background-clip: padding-box!important;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out!important;
	border-radius: 5px!important
}

.applyall {
	margin-bottom: 20px!important
}

.chosen-container-multi .chosen-choices li.search-choice {
	background: #765be6!important;
	border: 1px solid #765be6!important;
	color: #fff!important
}

.radiobox {
	vertical-align: middle!important
}

input[type=checkbox],
input[type=radio] {
	vertical-align: middle!important
}

.chosen-container {
	display: none!important
}

.custom-switch-description {
	color: #536d96!important
}

.input.radio .radio label {
	margin-bottom: 2px!important
}

span.smallfont {
	font-size: 13px!important;
	padding-top: 3px!important
}

select option:disabled {
	background-color: #eeeff9!important
}

.sw-btn-group .sw-btn-next {
	border-radius: 0 5px 5px 0!important
}

.tata-ajax-loader {
	position: fixed!important
}

.tata-ajax-loader-img {
	background-image: url(images/svgs/loader.svg)
}

.tata-ajax-loader-img2 {
	background-image: url(images/svgs/loader.svg)
}

div.quick-chat-container {
	margin: 0;
	background-color: #d5d5f1;
	border: 1px solid #ccc;
	padding: 15px
}

quick-chat-top span {
	font-size: 15px
}

div.quick-chat-history-message {
	font-size: 15px
}

div.quick-chat-right-link {
	cursor: pointer;
	font-weight: 400;
	letter-spacing: .03em;
	font-size: .8125rem;
	min-width: 2.375rem;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	border: 1px solid transparent;
	padding: 8px 20px;
	font-size: 15px;
	line-height: inherit;
	border-radius: 4px;
	color: #fff;
	background: #7f53ac;
	border-color: #7f53ac;
	display: none!important
}

.breakfastoption li.col-lg-2,
.dinneroption li.col-lg-2,
.lunchoption li.col-lg-2 {
	float: left;
	display: inline
}

.ui-state-active {
	background-color: #eeeff9
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 2px solid #765be6!important
}

.needhelp .side-menu__item.active,
.needhelp .side-menu__item:focus,
.needhelp .side-menu__item:hover {
	background: #e44374!important
}

.hdsothermeal {
	width: 100px!important
}

.hds-card-header .card-title{font-size: 15px!important;}
.hds-card-header h3 {font-size: 15px!important;}
.hds-card-header{padding:15px !important;    min-height: 10px  !important;}
.hds-card-body{padding-top:10px !important;padding-bottom:8px !important;}
.hds-payment{     font-size: 18px !important;
    font-weight: bold!important;
    color: #fff!important;
    background: #765be6 !important;
    width: 250px;
    padding: 15px;}
.meal_footer {
    position: absolute;
    bottom: 0;
    top: 65%;
    width:100%;
    padding: 0px;
    font-size: 18px;
    font-weight: bold;
}
.meal_footer span{font-size: 50px;font-weight: bold;display: block;line-height: 50px;}
#mealtemp .expanel-body{position: relative;padding: 0 !important;}
.meal_footer.text-cooking{color:#FF6D4D;}
.meal_footer.text-reheating{color:#FAA728;}
.meal_footer.text-texture{color:#1C5020;}
.meal_footer.text-plate{color:#B8184D;}
.meal_footer.text-cooling{color:#05104B;}
.meal_footer.text-cold{color:#3A1780;}
.meal_footer.text-serving{color:#000000;}
.meal_footer.text-cal{color:#0B5360;}
.select2-container--default .select2-search--inline .select2-search__field{font-size:15px !important;}

ul.dash-icons-list{ display: flex; flex-wrap: wrap;}

#dishwasherbox{gap: 1.25%; }
#dishwasherbox li{width: 19%; flex: none}
#dishwasherbox li .meal_footer_extraicon{position: absolute; font-size: 38px; top: 5px; line-height: 34px;}

#dishwasherbox5{gap: 1.95%; }
#dishwasherbox5 li{width: 15%; flex: none}
#dishwasherbox5 li .meal_footer_extraicon{position: absolute; font-size: 38px; top: 5px; line-height: 34px;}

@media (max-width: 1024px) {
  .containerlala .dash-icons-list-item {
      flex: 0 0 calc((100% - (4 * 0.5%)) / 5); 
  }
}
/* Mobile: 2 blocks per row */
@media (max-width: 767px) {
  .containerlala .dash-icons-list-item {
   flex: 0 0 calc((100% - (1 * 0.5%)) / 2); 
    /* 2 per row on mobile */
  }
}
/* Mobile: 2 blocks per row */
@media (max-width: 600px) {
  .containerlala .dash-icons-list-item {
    flex: 0 0 calc((100% - (1 * 0.5%)) / 2);
  }
}

@media only screen and (min-width:1600px) and (max-width:1899px) {
.meal_footer{padding: 30px 0}

ul.dash-icons-list{gap:1.25%}
.containerlala .dash-icons-list-item{width: 15.62%; flex: none}
#dishwasherbox li .meal_footer_extraicon{position: absolute; font-size: 30px; top: 5px; line-height: 30px;}
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
.meal_footer {
    position: absolute;
    bottom: 0;
    top: 65%;
    width:100%;
    padding: 0px;
    font-size: 18px;
    font-weight: bold; padding: 30px 0
}
.meal_footer span{font-size:30px;font-weight: bold;display: block;line-height: 30px;}

ul.dash-icons-list{gap:1.25%}
.containerlala .dash-icons-list-item{width: 15.62%; flex: none}
#dishwasherbox li .meal_footer_extraicon{position: absolute; font-size: 26px; top: 5px; line-height: 26px;}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.meal_footer {
    position: absolute;
    bottom: 0;
    top: 65%;
    width:100%;
    padding: 0px;
    font-size: 18px;
    font-weight: bold; padding: 30px 0
}
.meal_footer span{font-size: 25px;font-weight: bold;display: block;line-height: 25px;}

.expanel { margin-bottom: 10px !important;}
ul.dash-icons-list{gap:1.25%}
.containerlala .dash-icons-list-item{width: 19%; flex: none}
#dishwasherbox li .meal_footer_extraicon{position: absolute; font-size: 26px; top: 5px; line-height: 26px;}
}

/** 5.0 - 1200 - Desktop **/
@media only screen and (min-width:992px) and (max-width:1199px) {
.meal_footer {
    position: absolute;
    bottom: 0;
    top: 65%;
    width:100%;
    padding: 0px;
    font-size: 18px;
    font-weight: bold;
}
.meal_footer span{font-size: 25px;font-weight: bold;display: block;line-height: 25px;}

.expanel { margin-bottom: 10px !important;}
ul.dash-icons-list{gap:2%}
.containerlala .dash-icons-list-item{width: 23.5%; flex: none}
#dishwasherbox{gap: 2%}
#dishwasherbox li{width: 32%}
#dishwasherbox li .meal_footer_extraicon{position: absolute; font-size: 26px; top: 5px; line-height: 26px;}
}

/** 7.0 - 768 - iPad **/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.meal_footer {
    position: absolute;
    bottom: 0;
    top: 65%;
    width:100%;
    padding: 0px;
    font-size: 18px;
    font-weight: bold;
}
.meal_footer span{font-size: 20px;font-weight: bold;display: block;line-height: 20px;}

.expanel { margin-bottom: 10px !important;}
ul.dash-icons-list{gap:2%}
.containerlala .dash-icons-list-item{width: 32%; flex: none}
#dishwasherbox{gap: 2%}
#dishwasherbox li{width: 32%}
#dishwasherbox li .meal_footer_extraicon{position: absolute; font-size: 18px; top: 5px; line-height: 18px;}
}

/** 8.0 - 640 - Mobile **/
@media only screen and (min-width: 640px) and (max-width: 767px) {
.meal_footer {
    position: absolute;
    bottom: 0;
    top: 85%;
    width:100%;
    padding: 0px;
    font-size: 15px;
    font-weight: bold;
}
.meal_footer span{font-size: 30px;font-weight: bold;display: block;line-height: 30px;}

ul.dash-icons-list{gap:4%}
.containerlala .dash-icons-list-item{width: 48%; flex: none}
#dishwasherbox li{width: 48.75%}
#dishwasherbox li .meal_footer_extraicon{position: absolute; font-size: 36px; top: 5px; line-height: 36px;}
}
/** 9.0 - 480 - Mobile **/
@media only screen and (min-width: 480px) and (max-width: 639px) {
.meal_footer {
    position: absolute;
    bottom: 0;
    top: 65%;
    width:100%;
    padding: 0px;
    font-size: 15px;
    font-weight: bold;
}
.meal_footer span{font-size: 30px !important;line-height: 30px !important;}

.expanel { margin-bottom: 10px !important;}
ul.dash-icons-list{gap:2%}
.containerlala .dash-icons-list-item{width: 49%; flex: none}
#dishwasherbox li{width: 48.75%}
#dishwasherbox li .meal_footer_extraicon{position: absolute; font-size: 24px; top: 5px; line-height: 24px;}
}

/** 10.0 - 320 - Mobile **/
@media only screen and (min-width: 320px) and (max-width: 479px) {
.meal_footer {
    position: absolute;
    bottom: 0;
    top: 65%;
    width:100%;
    padding: 0px;
    font-size: 15px;
    font-weight: bold;
}
.meal_footer span{font-size: 30px !important;line-height: 30px !important;}

.expanel { margin-bottom: 10px !important;}
#dishwasherbox li{width: 48.75%}
#dishwasherbox li .meal_footer_extraicon{position: absolute; font-size: 18px; top: 5px; line-height: 18px;}
}