.form-control,.custom-select{border-radius: 0.15rem;}
 .bg-blur{position: fixed; top: 0;left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color:#00000085;}
 /* .alert { position: fixed; z-index: 1000!important; width: 100%; height: 100%; background: rgba(255,255,255,.5)!important; top: 0; } */
.alert h4 { margin-top: 0; color: inherit }
.alert .alert-link { font-weight: 700 }
.alert { color: #7e7e7e; box-shadow: 0 0 10px 1px rgba(0,0,0,.3); position: fixed; z-index: 1060; background: rgba(255,255,255,.5)!important; width: 100%; height: 100%; top: 0; border-radius: 0; display: none; overflow-y: auto; }
.alert h3 { margin-top: 0; color: #4a4949; font-weight: bold; line-height: 35px; }
.alert-text { width: 46%!important; height: auto; background: #fff; padding: 20px; margin: auto; top: 8%; position: relative;}
.alert-text .close { opacity: 0.8; }
.alert-text .close:hover, .alert-text .close:focus { opacity: 1; }
#loading { background-color: rgba(0,0,0,0.7) !important; border-color: transparent; backdrop-filter: blur(4px) contrast(0.8); -webkit-backdrop-filter: blur(4px) contrast(0.8); -moz-backdrop-filter: blur(4px) contrast(0.8); }
#loading .loading-icon { background-repeat: no-repeat; width: 110px; margin: 10% auto; height: 110px; display: flex; }
#success { background-color: rgba(0,0,0,0.7) !important; border-color: transparent; color: #2ecc71; display: none; backdrop-filter: blur(4px) contrast(0.8); -webkit-backdrop-filter: blur(4px) contrast(0.8); -moz-backdrop-filter: blur(4px) contrast(0.8); }
#success .alert-text { border: 5px solid #66d273; }
#success h3 i { color: #66d273; margin-right: 5px; }
#success button.close { background: #66d273; width: 36px; height: 36px; color: #fff; font-size: 28px; font-weight: normal; cursor: pointer; }
#success .success-msg { padding-top: 10px; border-top: 2px solid #dedede; color: #333; font-size: 16px; margin-top: 1%; font-weight: bold; }
#info { background-color: rgba(0,0,0,0.9) !important; background: 0 0; border-color: transparent; color: #17a2b8; display: none }
#info .alert-text { border: 5px solid #17a2b8; }
#info h3 i { color: #17a2b8; margin-right: 5px; }
#info button.close { background: #17a2b8; width: 36px; height: 36px; color: #fff; font-size: 28px; font-weight: normal; cursor: pointer; }
#info .info-msg { padding-top: 10px; border-top: 2px solid #dedede; color: #333; font-size: 16px; margin-top: 1%; font-weight: bold; }
#failure { background-color: rgba(0,0,0,0.7) !important; border-color: transparent; color: #f45252; display: none; backdrop-filter: blur(4px) contrast(0.8); -webkit-backdrop-filter: blur(4px) contrast(0.8); -moz-backdrop-filter: blur(4px) contrast(0.8); }
#failure .alert-text { border: 5px solid #ff4f2d; }
#failure h3 i { color: #ff4f2d; margin-right: 5px; }
#failure button.close { background: #e5725c; width: 36px; height: 36px; color: #fff; font-size: 28px; font-weight: normal; cursor: pointer; }
#failure .error-msg { padding-top: 10px; border-top: 2px solid #dedede; color: #333; font-size: 16px; margin-top: 1% }
#failure .error-msg li { font-weight: bold; margin-bottom: 5px; list-style: decimal; }
 @media (max-width:979px) {
.alert-text { width: 80%!important; }
}
.fade.in{ opacity: 1;}
.fs100{font-size:100% !important;}
 .modal.fade{background: rgba(0, 0, 0, 0.5);} 
.recipe_teaching .custom-select{ height: calc(0.7em + .75rem + 2px); padding: 0px 25px 0px 3px; font-size: 14px;}
.recipe_teaching .form-control{ height: 25px; font-size: 14px;}
.recipe_teaching .col{ align-items: center;}
.recipe_teaching .table td, .table th {  padding: 4px 11px; font-size: 14px;}

.recipe_teaching .form-group {  margin-bottom: .3rem; font-size: 14px;}
.recipe_teaching .col-form-label {  padding-top: 0px !important;  padding-bottom: 0px !important; padding-right: 7px;}
.recipe_teaching .col-form-label{padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: 11px; line-height: 1.5;}
@media only screen and (min-width: 991px) {
.navbar-nav .dropdown-menu li:hover > ul.dropdown-menu { display: block; }
.dropdown-menu > li > a:hover:after {text-decoration: underline; transform: rotate(-90deg); } 
}
@media only screen and (max-width: 991px) {
    .navbar .show > .dropdown-toggle::after{transform: rotate(-90deg);}
}
.dropdown-submenu { position:relative; } 
.dropdown-submenu>.dropdown-menu {  top: 0; left: 100%;  margin-top:-6px;}
.dropdown-menu .active .dropdown-item{ color: #12acb2!important;background-color: #fff !important;}
/* .recipe_teaching table tr td:nth-child(4) { width:20%;}
.recipe_teaching table tr td:nth-child(5) { width:20%;}
.recipe_teaching table tr td:nth-child(6) { width:20%;}
.recipe_teaching table tr td:nth-child(7) { width:20%;}
.recipe_teaching table tr td:nth-child(8) { width:20%;} */

 .modal-body .table td, .table th { padding: 3px 6px; vertical-align: inherit;font-size: 12px;}
 .modal-title{line-height: 1;  font-size: 13px;color: white; font-weight: 700;}
 .modal-title b{color:#5d5553;}
 .modal-body{padding:7px 14px;} 
 .modal-header{align-items: center; padding: 5px 14px;}
 .modal-body .form-group { margin-bottom: 0px;}
.card .card-body .custom-select,.modal-body .custom-select,.card .card-body input.form-control,
.card .card-body select.form-control,
.modal-body input.form-control,
.modal-body select.form-control,
.modal-body .multiselect.dropdown-toggle{
	height: calc(1.3em + 0.5rem + 2px) !important;
    padding: 0.275rem 1rem 0.175rem .35rem !important;
    font-size: 10.5px !important; color: #171717;}
.card .card-body textarea.form-control{
	font-size:12px;
	border-radius: 0.25rem;
}
.modal-body .custom-select{margin-top: -7px;}
.modal-body .form-control,.modal-body .multiple-select,.modal-body multiple{margin-top: -2px;}
.custom-select[multiple]{height: auto !important;}
.modal-body .btn-group{display: flex;}
.modal-body label{font-size: 10.5px; margin-bottom: 0px;color: #464646;font-weight: 600;}
/* .card .card-body h5{font-size: 15px;} */
.card .card-body .btn.btn-icon-split{line-height: 1;font-size: 14px;}
.card .card-body hr{margin-top: 6px;  margin-bottom: 0px;}
.card .card-body{padding: 7px 16px 8px 16px;}
.card .card-body .btn.btn-primary, .card .card-body button[type=reset]{padding: 0px 5px;}
.card .card-body .table td, .table th { padding: 2px 6px; vertical-align: baseline; font-size: 10.5px;}
.card .card-body .table td:last-child{ padding: 5px 6px; vertical-align: baseline; font-size: 10.5px;}
.text-custom {color: #cc8d00 !important}
.text-danger {color: #dc3545 !important;}
.text-info {color: #17a2b8 !important;}
.card .card-body .page-link{padding: 5px 8px;}
.modal-content .modal-header.bg-light {background-color: #9eb6ff!important;}
.modal-content .modal-header .modal-title.text-dark{color: #ffffff!important;font-weight:700;}
.modal-body .btn.btn-primary,.modal-body .btn.btn-danger,.modal-body .btn.btn-info,.modal-body .btn.btn-warning{padding: 2px 6px;font-size: 12px;}
.modal-footer .btn.btn-primary,.modal-footer .btn.btn-danger,.modal-footer .btn.btn-success{padding: 3px 6px;font-size: 13px;}
.dropdown-menu-right { left: auto !important;}
.card-body .form-group .btn.btn-info.btn-user{padding: 3px;}
/* .modal.show .modal-dialog {
    transform: none;
    margin: 0 auto;
    top: 25%;
} */
.step-executer label{font-size:14px !important;}
.holding-station .table td,.holding-station .table th {padding: 5px 0px !important; font-size: 10px !important; text-align: center;}
.holding-station .switch-padding {padding: 4px 0px !important;}
.burner-table .table td,.burner-table .table th {padding: 2px !important; font-size: 11px;}
.burner-table td .btn.btn-sm{padding: 1px !important;font-size: 11px;white-space: nowrap;}
.indication-button .btn-danger,.indication-button .btn-success{padding: 9px 12px;}
.topright-border{border: 1px solid #b3b3b3; padding: 5px;}
.storage-rack .card-body{padding: 13px;}
.holding-station .card-body{padding: 15px 7px;}
.view-sectiontable tr,.view-liquid tr{white-space: nowrap;}
.whitespace{white-space: nowrap;}
.robopressure b{font-weight: 800; color: #2e3e52;font-size: 14px;}
.solid-rack-table .btn-sm {padding: 4px 1px !important;font-size: 11px !important;}
.solid-rack-table table td{padding: 3px !important;font-size: 11px !important;}
.solid-rack-table .view-more{font-size: 12px !important;}
.modal-body .view-sectiontable .table td,.modal-body .view-sectiontable .table th,.modal-body .view-liquid .table td,.modal-body .view-liquid .table th{padding: 2px 12px !important;}
.view-sectiontable td,.view-liquid td{padding: 4px; font-size: 12px;}
.solid-rack-table .table td,.solid-rack-table .table th,.liquid-rack-table .table th,
.liquid-rack-table .table td,.serving-station th,.serving-station td,.liqdispstove th,.liqdispstove td{ padding: 3px !important;font-size: 11px !important;text-align: center;vertical-align: middle;}
.view-more{border-radius: 50% !important;height: 20px !important;width: 20px !important;}
.form-search .form-group{margin-bottom: 0px;}
.form-search label{font-size:10.5px;margin-bottom:0px}
.form-search .btn-primary{margin:auto;}
.mt-22px{margin-top: 22px;}
.custom-file-label::after {height: calc(1.1em + 0.5rem + 2px) !important;  padding: 0.15rem .35rem !important;}
.custom-file-label{height: calc(1.3em + 0.5rem + 2px) !important; padding: 0.175rem .35rem !important;}
.custom-file{height: calc(.7em + .75rem + 2px) !important;}
.custom-select{background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%235a5c69' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .35rem center/8px 10px !important}
/* .card-body .btn-warning.btn-icon-split:hover{font-weight:800;} */
/* #wrapper #content-wrapper #content { min-height: 480px;} */
.table .tr-light{color: #495057; background-color: #e8e8e8; }
#positionToBowlMapping td select,#positionToBowlMapping td input{width:auto}
@media only screen and (max-width: 991px) {
	#positionToUtensilMapping td select,#positionToSpatulaMapping td select,#positionToBowlMapping td select, #positionToBowlMapping td input{width:auto}}
#positionToBowlMapping td input, #dispenseSettingsContainerShow td input{padding: 0.275rem .25rem 0.175rem .35rem !important;}
/* .tooltip-inner {
    padding: 3px 6px !important;
    font-size: 12px;
    position: absolute;
    top: -16px;
    left: -20px;
}
.tooltip.bs-tooltip-top .arrow:before,
.tooltip.bs-tooltip-bottom .arrow:before {
  	left:-8px;
} */
@media screen and (max-width: 991px) { #dispenseSettingsContainerShow td input ,#roboTextBoxContainer td select,#roboTextBoxContainer td input { width:auto;}}
.card .card-body .custom-select-order {height: calc(1.8em + .4rem + 2px) !important;  padding: .375rem 1.25rem .375rem .75rem !important; font-size: 13px !important;}
#success .success-msg {font-weight: bold;color: #737373;}
#success .alert-text h3{color: #2ecc71;}
#success .alert-text{margin: 10% auto;}
.table-responsive .custom-modalThPadding td{padding: 0 5px !important}
.card.shadow .card-body .table-responsive .table-bordered.table{min-height: 75px;}
@media screen and (min-width: 1600px) {.card .card-body .custom-theight{height:820px !important;}}
.card .card-body .custom-theight{height:500px;}
td.atable-border p{border-bottom: 1px solid #e3e6f0 !important; margin: 0; padding:2px 6px;}
td.atable-border p:last-child{margin: 0; padding:2px 6px;}
.top-0{ top: 0;}


.scrolling-wrapper {overflow-y: hidden;white-space: nowrap;padding: 0.3rem;}
.block-card-fixed{position: sticky; z-index: 999;left: 0;}
.block-card .table-striped tbody tr:nth-of-type(odd) {background-color: rgba(0,0,0,.03);}
@media (min-width: 992px) {.modal-xxl {max-width: 900px;}}
@media (min-width: 1200px) {.modal-xxl {max-width: 1240px;}}
@media (min-width: 1400px) {.modal-xxl {max-width: 1340px;}}
.block-card table th, td{font-size: 11px !important;}
.block-card {font-size: 11px;display: inline-block;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box; border: 1px solid #e3e6f0;border-radius: .20rem;padding: 0.4rem;text-align: center; box-shadow: 0 3px 10px rgb(0 0 0 / 0.12);-moz-box-shadow: 0 3px 10px rgb(0 0 0 / 0.12);-webkit-box-shadow: 0 3px 10px rgb(0 0 0 / 0.12);}
.hdng{color: #fff;padding: 5px 10px;box-shadow: 0px 0px 15px #bab4ab;margin-bottom: 0;font-weight: bold;}.block-card .table td, .table th{padding: .15rem;}
.break-text{vertical-align: middle !important;width: 80px;white-space: normal;word-wrap: break-word;height: 42px;}
.block-card .table, .block-card-fixed .table{margin-bottom:0;}
.block-card ul{margin: 0;padding: 0;list-style-type: none;}
fieldset {border: 1px solid transparent;padding: 0.3rem;}
legend {
padding: 3px 6px;
margin: 0 auto;
display: block;
text-align: center;
width: auto;
font-size: 10px;
font-weight: bold;
box-shadow: 0px 0px 10px #c7c7c7;
-moz-box-shadow: 0px 0px 10px #c7c7c7;
-webkit-box-shadow: 0px 0px 10px #c7c7c7;
}
.img-block-card {
font-size: 8px;
display: inline-block;
margin:0px;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
text-align: center;
box-shadow: 2px 2px 2px #f7f7f7;
-moz-box-shadow: 2px 2px 2px #f7f7f7;
-webkit-box-shadow: 2px 2px 2px #f7f7f7;
}
.img-block-card td span{
width:30px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
display: inline-block;
}
.scrolling-wrapper {
overflow-y: hidden;
white-space: nowrap;
}
.customized-scrollbar {
  display: block;
  overflow: auto;
  scrollbar-width:thin;
}
.customized-scrollbar::-webkit-scrollbar {
width: 5px;
height: 7px;
background-color: #f1f1f1;
}
.customized-scrollbar::-webkit-scrollbar-thumb {
background: #bab8b8;
}
.img-block-card .table td{
padding: .15rem !important;
font-size: 8px !important;
}
.img-block-card .table, .img-block-card-fixed .table{
margin-bottom:0;
}
.sensor-btn{
width: 15px;
height: 15px;
display: inline-block;
margin:2px;
vertical-align: middle;
box-shadow: 0 2px 5px 1px rgba(10, 10, 10, 0.16);
-moz-box-shadow: 0 2px 5px 1px rgba(10, 10, 10, 0.16);
-webkit-box-shadow: 0 2px 5px 1px rgba(10, 10, 10, 0.16);
}
.sensor-btn-success{
background-color: #63d471;
background-image: linear-gradient(315deg, #63d471 0%, #2a9552 74%);
}
.sensor-break-text {
vertical-align: middle !important;
width: 80px;
white-space: normal;
word-wrap: break-word;
height: 65px;
}
.img-label{height:61px;vertical-align: middle !important;}
.present-label {height: 23.5px; vertical-align: middle !important;}
@-webkit-keyframes glowing {
  0% { background-color: #ff2626; -webkit-box-shadow: 0 0 2px #ff2626; }
  50% { background-color: #ff2626; -webkit-box-shadow:  0 0 8px #ff2626; }
  100% { background-color: #ff2626; -webkit-box-shadow:  0 0 2px #ff2626; }
}

@-moz-keyframes glowing {
  0% { background-color: #ff2626; -moz-box-shadow:  0 0 2px #ff2626; }
  50% { background-color: #ff2626; -moz-box-shadow:  0 0 8px #ff2626; }
  100% { background-color: #ff2626; -moz-box-shadow:  0 0 2px #ff2626; }
}

@-o-keyframes glowing {
  0% { background-color: #ff2626; box-shadow:  0 0 2px #ff2626; }
  50% { background-color: #ff2626; box-shadow:  0 0 8px #ff2626; }
  100% { background-color: #ff2626; box-shadow:  0 0 2px #ff2626; }
}

@keyframes glowing {
  0% { background-color: #ff2626; box-shadow:  0 0 2px #ff2626; }
  50% { background-color: #ff2626; box-shadow:  0 0 8px #ff2626; }
  100% { background-color: #ff2626; box-shadow:  0 0 2px #ff2626; }
}
.sensor-btn-danger{
background-color: #eb4511; 
background-image: linear-gradient(315deg, #eb4511 0%, #b03211 74%);
-webkit-animation: glowing 1000ms infinite;
-moz-animation: glowing 1000ms infinite;
-o-animation: glowing 1000ms infinite;
animation: glowing 1000ms infinite;
border: 0 !important;
}

.blink-soft {
	animation: blinker .5s step-end infinite alternate;
}
@keyframes blinker {
	0% {
    	opacity: 0;
  	}
  	50% {
    	opacity: 100;
  	}
}

.hmi .table td {
    padding: 0.10rem 0.2rem !important;
    border:0;
    font-size: 10px !important;
    text-align: center;
}
.hmi .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.03);
}

#fromDate, #toDate, #viewFromDate, #viewToDate, #specialDate{background: #fff url(/assets/img/calendar_icon.png) no-repeat center right;}
.tooltip{font-size:10px;}
.tooltip-inner{padding:2.5px 5px;}
/* .btn-xs{height: 1.5rem; width: 1.5rem;font-size: .70rem; line-height: 2.5;} */
.dropdown-menu{z-index:9999 !important;}
table.nested-table{width: 100%;}
table.nested-table td{ padding:0.2rem 0.4rem !important; white-space: nowrap; border-right: 0; border-left: 0; border-top: 0;}
.min-vw-70{min-width: 75px;}
.meat-section-card .img-block-card td span{width: 70px !important}
.pos-right {position: absolute; right: 5px;}
.h190{min-height:190px;}
.h184{min-height:184px;}
.h100{height:100px;}
.h80{height:80px;}
.h15{height:15px;}
.stove-liquidpipe{display: table; min-width: 60px; min-height: 100px;}
.opacity-75 {opacity: .75!important;}
.fs-12{font-size: 12px;}
.fs-11{font-size: 11px !important;}
.text-underline{text-decoration: underline;}
.colorBlack{color: #000;}
.store-timings {display: none; margin-top: 6px;}
.dblock{display: block;}
.scroll-block{ overflow-x: auto; white-space: nowrap; flex-wrap: nowrap; }
.scroll-block > .custom-divide,.scroll-block >.liquidrack-divide { display: inline-block; }
.whitespace-initial{white-space: initial;}
/* .modal2{overflow-x: hidden; overflow-y: auto;} */
.modal-open2 {overflow:hidden;}
.modal-open2 .modal2 {
    overflow-x: hidden;
    overflow-y: auto;
}
/* .modal-open3 {overflow:hidden;}
.modal-open3 .modal3 {
    overflow-x: hidden;
    overflow-y: auto;
} */
/* Standard syntax */
.scroll-block .custom-divide:nth-child(1) {order: 2;}
.scroll-block .custom-divide:nth-child(2) {order: 1;}
.scroll-block .custom-divide:nth-child(3) {order: 3;}
.scroll-block .liquidrack-divide:nth-child(1) {order: 3;}
.scroll-block .liquidrack-divide:nth-child(2) {order: 1;}
.scroll-block .liquidrack-divide:nth-child(3) {order: 2;}
.status-stove1, .status-stove2{display: flex;}
.status-stove1 .img-block-card:nth-child(1) { order: 4;}
.status-stove1 .img-block-card:nth-child(2) { order: 2; margin-right: 5px;}
.status-stove1 .img-block-card:nth-child(3) { order: 3; margin-right: 5px;}
.status-stove1 .img-block-card:nth-child(4) { order: 1; margin-right: 20px;}

.status-stove2 .img-block-card:nth-child(1) { order: 3; margin-right: 5px;}
.status-stove2 .img-block-card:nth-child(2) { order: 1; margin-right: 5px; }
.status-stove2 .img-block-card:nth-child(3) { order: 2; margin-right: 5px;}
.status-stove2 .img-block-card:nth-child(4) { order: 4; margin-left: 20px;}

/* Safari 6.1+ */
.scroll-block .custom-divide:nth-child(1) {-webkit-order: 2;}
.scroll-block .custom-divide:nth-child(2) {-webkit-order: 1;}
.scroll-block .custom-divide:nth-child(3) {-webkit-order: 3;}
.scroll-block .liquidrack-divide:nth-child(1) {-webkit-order: 3;}
.scroll-block .liquidrack-divide:nth-child(2) {-webkit-order: 1;}
.scroll-block .liquidrack-divide:nth-child(3) {-webkit-order: 2;}

.recipe .fa-info-circle{cursor: pointer;}
.modal:nth-of-type(even) {z-index: 1040 !important;}
.modal-backdrop.show:nth-of-type(even) {z-index: 1039 !important;}
.modal:nth-of-type(odd) {z-index: 1040 !important;}
.modal-backdrop.show:nth-of-type(odd) {z-index: 1039 !important;}
.modal-backdrop{z-index: 1039;}
.modal.zindex-more {z-index: 1050 !important;}
.modal-backdrop{z-index: 1049;}
select.select-color:invalid { color: #ffa300 !important}
select.select-color option { color: #000;}
#individualRecipeReportGrid table thead{
background-color: #dce9f9;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
background-image: linear-gradient(top, #ebf3fc, #dce9f9);
-webkit-box-shadow: 0 1px 0 rgb(255 255 255 / 80%) inset;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
box-shadow: 0 1px 0 rgb(255 255 255 / 80%) inset; }
#individualRecipeReportGrid .table tr th, #individualRecipeReportGrid .table tr td{white-space: nowrap; vertical-align: middle; border: 1px solid #7f7f7f;}
#individualRecipeReportGrid .table td:last-child{vertical-align: middle;}
#individualRecipeReportGrid i.fa-info-circle{cursor: pointer;}
#individualRecipeReportGrid td.light.bg-warning {background: #fff8c4 !important;}
.flex-container { display: flex;  flex-direction: row; justify-content: space-around; }
.flex-container > span { padding:6px 0; width: 13%; margin-bottom: 0.3rem; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 10px; color: #424242; }
.flex-container > span.badge { border:1px solid #b7b7b7; box-shadow: rgb(0 0 0 / 6%) 0px 2px 4px 0px inset; border-radius: 0.25rem; }
.flex-one-fourth > span{width:20%;}
.flex-one-fifth > span{width:15%;}
.flex-one-six > span{width:12%;}
.flex-one-half > span{width:40%;}
.flex-container .bg-gradient-success{border: 1px solid #138159;}
.flex-container .bg-gradient-danger{border: 1px solid #ab3a30;}
.flex-container .bg-gradient-light{border: 1px solid #b1b1b1; }
.list-group li{list-style-type: none; margin: 0 10px;}
.readmore {color: #9c27b0; font-size: 12px;}
.badge-Good {
    color: #fff;
    background-color: #36b9cc;
}


.badge-Excellent {
    color: #fff;
    background-color: #1cc88a;
}

    .badge-Dissatisfied {
    color: #fff;
    background-color: #e74a3b;
}
.badge-Average {
    color: #fff;
    background-color: #f6c23e;
}

.grayScale img{
	filter: grayscale(100%);
}

.img-error {
    max-width: 20rem;
}
#layoutError {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
#layoutError #layoutError_content {
    min-width: 0;
    flex-grow: 1;
}
#layoutError #layoutError_footer {
    min-width: 0;
}

.customized-scrollbar {
     display: block;
     overflow: auto;
     max-height: 180px;
     scrollbar-width: thin;
   }
/* Demonstrate a "mostly customized" scrollbar
 * (won't be visible otherwise if width/height is specified) */
   .customized-scrollbar::-webkit-scrollbar {
     width: 4px;
     height: 4px;
     background-color: #f1f1f1; /* or add it to the track */
   }

/* Add a thumb */
.customized-scrollbar::-webkit-scrollbar-thumb {
    background: #bab8b8;
}

#cooked-orders-list .card .card-header {
	display: flex;
	justify-content: space-between;
	align-items:�center;
}

@media (min-width: 576px){
  #cooked-orders-list .card-columns {
    column-count: 1;
    -webkit-column-count: 1;
    -moz-column-count: 1;
  }
}
@media (min-width: 768px){
  #cooked-orders-list .card-columns {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
  }
}
@media (min-width: 992px){
  #cooked-orders-list .card-columns {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
  }
}
@media (min-width: 1200px){
  #cooked-orders-list .card-columns {
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
  }
}
.w-10 {
    width: 10% !important;
}
.w-20 {
    width: 20% !important;
}
form .error-msg, .error-block .error-msg {
    color: #dc3545;
}
form .error-block textarea, form .error-block input, form .error-block select, form .error-element{
    border: 1px solid #dc3545;
}
.custom-popover-block-container .popover-icon {
  background: none;
  color: none;
  border: none;
  padding: 0;
  outline: none;
  cursor: pointer;
}
.custom-popover-block-container .popover-icon i {
  color: #04a0b2;
  text-align: center;
  margin-top: 4px;
}
 #c-pills-tabContent, #v-pills-tabContent, #e-pills-tabContent{
  background: #f5fafc;
  padding:0 1rem 1rem;
  border: 1px solid #f0f4f6;
}

.nav-pills.custom li {
  background: transparent;
  margin: 10px 20px;
  z-index: 2;
}
.nav-link.active.custom {
  background-color: transparent;
  color: #007bff;
}
.nav-link.custom {
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 12vw;
  position: relative;
}
.nav-link.custom span.icon {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  margin: 0 auto;
  align-items: center;
  z-index: 9;
  box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
}
.nav-link.custom.active span.icon {
  background-color: #b9d3ee;
  color: #fff;
}
.nav-link.custom span.text{
font-weight: bold;
}
.tab-content .custom li a::before {
    position: absolute;
    content: "";
    background: #cccccc;
    width: 1px;
    height: 100%;
    top: 75%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 50%;
    z-index: -1;
}
.tab-content .custom li:last-child a::before {
    content: none
}

@media (min-width: 992px) {
  .tab-content .custom li a::before {
    position: absolute;
    content: "";
    background: #cccccc;
    width: 100%;
    height: 1px;
    top: 35%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 65%;
    z-index: -1;
}
.tab-content .custom li:last-child a::before {
    content: none
}
}
@media (min-width: 992px) {
.nav-link.custom span.text{
font-size: 13px;
}
.nav-pills.custom li {
  background: transparent;
  margin: 0 12px;
  z-index: 2;
}
}
@media (min-width: 1200px) {
.nav-link.custom span.text{
font-size: 14px;
}
.nav-pills.custom li {
  background: transparent;
  margin: 0 15px;
  z-index: 2;
}
}
@media (min-width: 1400px) {
.nav-link.custom span.text{
font-size: 16px;
}
.nav-pills.custom li {
  background: transparent;
  margin: 0 20px;
  z-index: 2;
}
}
#c-pills-tab .nav-link, #v-pills-tab .nav-link, #e-pills-tab .nav-link {
    color: #3d3d3d;
}
#c-pills-tab .nav-link.active, #v-pills-tab .nav-link.active, #e-pills-tab .nav-link.active{
    color: #3d3d3d;
    background-color: #e7f6fc;
}
#cke_checkPointEditor, #cke_instructionsEditor, #cke_updateCheckpointEditor1, #cke_updateInstructions{margin-bottom: 10px;}
#subTasksContainer, #subTasksContainerEdit{background: #f5fafc;}
.py-5px{padding: 0 5px;}

.switch label {cursor: pointer;}
 .switch label input[type="checkbox"] {opacity: 0;width: 0; height: 0;}
 .switch label input[type="checkbox"]:checked+.lever {background-color: #d7e9c1;}
 .switch label .lever {position: relative; display: inline-block; margin: 0 1rem; margin-right: 0.625rem; vertical-align: middle; content: ""; background-color: #ffcece; border-radius: 0.9375rem; width: 2.5rem; height: 0.9375rem; -webkit-transition: background .3s ease;transition: background .3s ease;}
 .switch label input[type="checkbox"]:checked+.lever:after {left: 1.5rem; background-color: #8bc34a;}
 .switch label .lever:after {position: absolute; top: -0.1875rem; left: -0.3125rem; display: inline-block; content: ""; background-color: #ff1908; border-radius: 1.3125rem; -webkit-box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgb(0 0 0 / 40%); box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgb(0 0 0 / 40%); width: 1.3125rem; height: 1.3125rem; -webkit-transition: left .3s ease,background .3s ease,-webkit-box-shadow 1s ease; transition: left .3s ease,background .3s ease,-webkit-box-shadow 1s ease; transition: left .3s ease,background .3s ease,box-shadow 1s ease; transition: left .3s ease,background .3s ease,box-shadow 1s ease,-webkit-box-shadow 1s ease;}


 .toggle-password {
    float: right;
    cursor: pointer;
    margin-right: 10px;
    margin-top: -18px;
}

.border-blue {
	border-color: #4297d7 !important;
}
.custom-btn-xs {
	padding: 0.155rem 0.25rem !important;
	font-size: .725rem !important;
	line-height: 1.5 !important;
	border-radius: 0.2rem !important;
	margin-bottom: 2px;
}
.card-header-bg {
	border: 1px solid #4297d7;
	background: #5c9ccc url("/assets/img/card-hdr-bg.png") 50% 50% repeat-x;
	color: #fff;
}
.custom-btn-bg {
	border: 1px solid #a2d4fb;
	background: #dfeffc url("/assets/img/btn-bg.png") 50% 50% repeat-x;
	color: #2e6e9e;
}
.custom-btn-bg:hover {
	border: 1px solid #79b7e7;
	color: #1c5178;
}
.btn-group-sm>.btn, .btn-xs {
	padding: 0.155rem 0.25rem;
	font-size: 0.725rem;
	line-height: 1.5;
	border-radius: 0.2rem;
}

.dropdown-submenu>.last-submenu {
    left:-10rem;
}
.dropdown-menu > li.last-icon > a:hover:after {
    transform: rotate(90deg);
}
.gray-img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-moz-filter: grayscale(100%);
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 1039;
    background: #fff;
    box-sizing: border-box;
}
.sticky + #content {padding-top: 50px !important;}
.z-index1070{z-index: 1070 !important;}
.light.badge-primary {
    background-color:#eaf0fe;
    border-color:#eaf0fe;
    color: #4e73df;
    font-size: 12px;
    font-weight: bold;
    padding:5px 10px;
}
.displayRecipes{margin-bottom: 10px;}
.displayRecipes li.list-group-item{
	margin: 0; 
	padding: .25rem 0.75rem;
}
.displayRecipes li.list-group-item label.custom-control-label{
	font-size: 12px; 
	font-weight: normal; 
	color: #5e5e5e
}
.light.badge-success {
    background-color: #e7faec;
    border-color: #e7faec;
    color: #2bc155;
    font-size: 12px;
    font-weight: bold;
    padding:5px 10px;
}
.triggerClose {
	position: absolute;
	z-index: 3;
	opacity: 1;
	text-shadow: none;
	top: 15px;
	right: 15px;
	color: #959595;
	cursor: pointer;
}

.triggerClose:hover {
	color: #c7c7c7;
    font-weight: normal;
    padding: 5px 10px;
}
.light.badge-danger {
    background-color: #ffeae6;
    border-color: #ffeae6;
    color: #ff6d4d;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 10px;
}
.light.badge-warning {
    background-color: #fff3d5;
    border-color: #fff3d5;
    color: #e1a610;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 10px;
}
.quadrat {
  -webkit-animation: blink 1s infinite;  /* Safari 4+ */
  -moz-animation: blink 1s infinite;  /* Fx 5+ */
  -o-animation: blink 1s infinite;  /* Opera 12+ */
  animation: blink 1s infinite;  /* IE 10+, Fx 29+ */
}
#recipeAccordion td, th{vertical-align: middle;}
@-webkit-keyframes blink {
  0%, 49% {
    background-color: rgb(117, 209, 63);
    /* border: 1px solid #e50000; */
  }
  50%, 100% {
    background-color: #e50000;
    /* border: 1px solid rgb(117, 209, 63); */
  }
}
.modal-open .modal.fade{backdrop-filter: blur(4px) contrast(0.8);}
.modal-open .modal.fade{-webkit-backdrop-filter: blur(4px) contrast(0.8);}
.modal-open .modal.fade{-moz-backdrop-filter: blur(4px) contrast(0.8);}
@media (max-width: 1200px) {#maximizeModal, #minimizeModal{display: none;}}
.sticky-header {
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: #e8e8e8 !important;
}
thead.sticky-header th{
	border:2px solid #fff !important;
}
 .portionQty{
 position: absolute;
  right: 50px;
  }
.minus, .plus{
    background: #f2f2f2;
    border-radius: 3px;
    padding: 0px 6px;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.qty-input{
   height: 21px;
   width: 35px;
   text-align: center;
   font-size: 12px;
   border: 1px solid #ddd;
   border-radius: 4px;
   display: inline-block;
   vertical-align: middle;
   font-weight: 600;
   color:#606060;
  }
html, body {
	height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}
#wrapper {
    flex: 1;
}

@keyframes fa-shake {
	0% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg)
	}

	4% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	8%,
	24% {
		-webkit-transform: rotate(-18deg);
		transform: rotate(-18deg)
	}

	12%,
	28% {
		-webkit-transform: rotate(18deg);
		transform: rotate(18deg)
	}

	16% {
		-webkit-transform: rotate(-22deg);
		transform: rotate(-22deg)
	}

	20% {
		-webkit-transform: rotate(22deg);
		transform: rotate(22deg)
	}

	32% {
		-webkit-transform: rotate(-12deg);
		transform: rotate(-12deg)
	}

	36% {
		-webkit-transform: rotate(12deg);
		transform: rotate(12deg)
	}

	40%,
	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

.fa-shake {
	-webkit-animation-delay: var(--fa-animation-delay, 0s);
	animation-delay: var(--fa-animation-delay, 0s);
	-webkit-animation-direction: var(--fa-animation-direction, normal);
	animation-direction: var(--fa-animation-direction, normal)
}

.fa-shake {
	-webkit-animation-name: fa-shake;
	animation-name: fa-shake;
	-webkit-animation-duration: var(--fa-animation-duration, 1s);
	animation-duration: var(--fa-animation-duration, 1s);
	-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
	animation-iteration-count: var(--fa-animation-iteration-count, infinite);
	-webkit-animation-timing-function: var(--fa-animation-timing, linear);
	animation-timing-function: var(--fa-animation-timing, linear)
}
.light.badge-info {
    background-color: #dbf8fd;
    border-color: #dbf8fd;
    color: #20aec3;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 10px;
}
  ul.step_wizard_status{
  list-style:none;
  margin:0;
  padding:0;
  text-align:left
}

ul.step_wizard_status li{
  background-color:#e4e1e1;
  color:#333;
  display:inline-block;
  margin:0;
  font-size:14px;
  line-height:30px;
  padding:0 20px 0 30px;
  position:relative
}

ul.step_wizard_status li:first-child{
  padding-left:25px;
  -webkit-border-top-left-radius:3px;
  border-top-left-radius:3px;
  -webkit-border-bottom-left-radius:3px;
  border-bottom-left-radius:3px
}

ul.step_wizard_status li:last-child{
  -webkit-border-top-right-radius:3px;
  border-top-right-radius:3px;
  -webkit-border-bottom-right-radius:3px;
  border-bottom-right-radius:3px
}

ul.step_wizard_status li:after,
ul.step_wizard_status li:before {
  background-color:#e1e1e1;
  content:"";
  display:block;
  position:absolute
}
ul.step_wizard_status li:after{
  -webkit-border-radius:3px;
  border-radius:3px;
  border-right:3px solid white;
  border-top:3px solid white;
  height:24px;
  right:-13px;
  top:3px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  width:24px;
  z-index:5
}

ul.step_wizard_status li.step_current:after,
ul.step_wizard_status li.step_current:before{
  background-color:#1D77B3
} 
ul.step_wizard_status li a{
	color: #494949;
    text-decoration: none;
    font-weight: 600;
	}
ul.step_wizard_status li.step_active{
  background-color:#1D77B3;
  font-weight: 600;
}
ul.step_wizard_status li.step_active a{
  color:#f2f2f2;
}
ul.step_wizard_status li.step_active:after,
ul.step_wizard_status li.step_active:before{
  background-color:#1D77B3;
}
li a.active.vartionTabs {background-color:#1D77B3 !important; color: #fff !important;}
li a.vartionTabs{color:#000;}

#recipeTeachingForm select:disabled, #recipeTeachingForm input:disabled, #recipeTeachingForm textarea:disabled, #ingDetailForm select:disabled, #ingDetailForm input:disabled{background-color: #eee !important; border: 1px solid #ccc !important;}
#ingCustomTable tr td[rowspan]:first-child{background-color:#fff ;}
#ingDetailForm .check-input{top: 4px; position: relative; left: 5px;}
.recipe-tabs .nav-link{padding: .3rem .6rem; background-color: #e4e1e1;}