@font-face {
  font-family: Anivers_Regular;
  src: url(/fonts/Anivers_Regular.otf);
}

@font-face {
  font-family: Futura_Regular;
  src: url(/fonts/Futura_Regular.ttf);
}

.qty-control-group.vertical-label {
  flex-direction: column;
  align-items: center;
}

.qty-control-group.vertical-label label {
  margin-bottom: 2px;
  font-size: 0.75rem;
  /* smaller text */
  text-align: center;
  width: 45px;
  margin-left: 5px;
}
.qty-wrapper{
  width: 101px !important;
  margin-left: 5px;
  
  transition: all 0.2s ease;
}


.qty-control-group.flex-column {
  flex-direction: column;
  align-items: center;
}

.qty-control-group label {
  font-size: 0.75rem;
  text-align: center;
  width: 45px;
  margin-left: 5px;
}


.input-error {
  border: 2px solid #dc3545 !important;
  background-color: #fff0f0;
}

.error-feedback {
  color: #dc3545;
  font-size: 0.85em;
  margin-top: 2px;
  display: block;
}

.footer-bg{
    position: fixed;
    right: 0px;
    bottom: 0px;
    width: 100%;
}
nav svg{
  display: none;
}

.page-wrapper > .content{
  padding-bottom: 40px;
}
html, body {
    margin: 0 auto;
    height: 100%;
    font: 12.5px/18px sans-serif, Arial, Helvetica;
    color: #444;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}
.table-product input{
  padding: 4px !important;
}
#placeorderform input{
  padding: 5px !important;
}
.pad-2{
  padding: 2px;
}
.table-product td, .table-product th{
  padding: .25rem !important;
}
.btn-success{
  color: #fff !important;
}

body, input, button, textarea, select {
    font-family: sans-serif;
}


h2 {
    font-size: 1.5em;
    font-weight: 600;
}
h3 {
    font-size: 1.2em;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #666666;
    font-family: sans-serif, Arial, Helvetica;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

/*
Product css changes start
*/
.prod-item table {
    margin: 20px 0px !important;
}


span.prod-item-edit {
    text-transform: uppercase;
    font-size: 11px !important;
}
/* not needed 
.prod-item table tr td:first-child {
}
*/
.prod-item > table > tbody > tr > td:first-child {
text-align: center;
}
.prod-item td.prod-item-name {
    text-align: left !important;
    font-size: 18px !important;
    padding: 10px !important;
}

.prod-item table table {
    border: 2px solid #e2e2e2 !important;
    margin: 5px 0px !important;
}
.prod-item table table td:first {
    border: 2px solid #f0f !important;
}


.prod-item table table td {
padding: 15px 5px 10px !important;
text-align: center !important;
}

/*
Product css changes end
*/

.prod-item #product-listing_image {
padding: 8px;
}

.add-user-div{
  padding: 5px;
}
.support-content h1 {
   text-align: left; 
   margin-bottom: 10px;
}
.select-box-container .select2-container{
  margin-left: 7px !important;
}
.lille-btn{
  background-color: #6E6E6E;
  border: 1px solid #6E6E6E;
  color: #fff !important
}
.support-content ul{
  list-style: none outside;
  margin: 0;
  padding: 0;
  color: #444;
}
span#product-listing-name {
    font-size: 18px !important;
    color: #52b131;
    line-height: 35px;
}
.support-content ul li{
  line-height: 18px;
    margin-bottom: 12px;
}
label, span,select,input{
  font-size: 12px !important;
}
.link{
  color: #00c5fb !important;
}
.page-content{
  background: #fff;
  padding: 10px;
}
.news_container{
  padding: 10px;
  margin-top: 20px;
  background: #fff;
}
.lblack{
  color: #333;
}
.permission_checkbox{
  width: 20px;
}
.support-content{
  padding: 10px;
  background: #fff;
}
.client-support-content{
  padding: 10px;
  background: #fff;
}
.dash-section-right.key-info th,.dash-section-right.key-info td{
  padding: 2px;
  font-size: 12px; 
}
.dash-section-right .card{
  margin-bottom: 2px;
}
.select-box{
    height: 50px;
    border-radius: 3px;
    border: 1px solid #e3e3e3;
}
.lillitable  td, .lillitable th{
  padding: 0.25rem !important;
}

.prod-item td.prod-item-name {
    width: 100%;
    padding: 8px;
    border: none;
    font-size: 13px;
    background: none repeat scroll 0 0 #EFF6DD;
}

.prod-item tr{
  background: #fff;
}


.left.dash-nav ul li {
    float: left;
    display: block;
    padding: 10px;
    margin: 5px;
    width: 132px;
    height: 170px;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    vertical-align: middle;
    border-spacing: 5px;
}
.sub-header{
text-align: center;  
display: inline-block;
width: 100%;
 border-radius: 4px;
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#959595+0,3a3a3a+46,2b2b2b+50,565656+53,4e4e4e+76,383838+87,444444+100 */
background: rgb(149,149,149); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(149,149,149,1) 0%, rgba(58,58,58,1) 46%, rgba(43,43,43,1) 50%, rgba(86,86,86,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(68,68,68,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(149,149,149,1) 0%,rgba(58,58,58,1) 46%,rgba(43,43,43,1) 50%,rgba(86,86,86,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(68,68,68,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(149,149,149,1) 0%,rgba(58,58,58,1) 46%,rgba(43,43,43,1) 50%,rgba(86,86,86,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(68,68,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#444444',GradientType=1 ); /* IE6-9 */

}
.lillitable {
  color: #444;
  font: 12.5px/18px  sans-serif, Arial, Helvetica;
}

div.sub-head-body {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    font-weight: bold;

    font-size: 18px;
    padding: 12px 0 14px 15px;
    color: #ffffff;
}
div.sub-head-left {
    float: left;
    height: 43px;
    width: 4px;
}
div.sub-head-right {
    float: left;
    height: 43px;
    width: 5px;
}

.left.dash-nav ul li img {
    margin-bottom: 20px;
}

.btn-pass-reset{
  /*font-family: Anivers_Regular;*/
  font-family: sans-serif;
}

.login-account-btn{
   /*font-family: Futura_Regular;*/
   font-family: sans-serif;
}

.login-template .page-wrapper{
  margin-left: 0px !important;
}
.account-logo .logo{
	height: 122px;
	width: 340px;	
}
.btn-default:hover{
  background: #f2f2f2;
}
.btn-default{
  background: #eee;
  color: #000;
}
.card-head{
  background: #eee;
  padding: 10px;
  cursor: pointer;
}
.login-template {
    background: #27a132 url(/assets/img/lilicart/login-bg.gif) left top repeat-x;
}
.login-template .login-inner-bg .account-wrapper{
	background: #fff;
	/*border-top-left-radius: 40px;*/

}
.reset-box .account-btn{
  color: #fff;
  border: 1px #b5bdc8 solid;
}
.login-template .login-inner-bg .account-box{
	/*background: transparent;
	border: 0px;*/
	border-radius: 5px !important;
	background: #fff;
}

.account-box label,p,h3,h2,span{
	color: #000;
}
.account-box .btn-link{
	color: #00c5fb;
}
.account-subtitle{

}
.hide{
    display: none;
}
.show{
    display: inline-block;
}
.checkbox input{
    margin-right: 10px;
}
.list-permissions li{
    list-style-type: none;
}
.list-roles li{
 list-style-type: none;   
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

.account-box .account-btn-blue {
    background: #00c5fb;
    background: -moz-linear-gradient(left, #00c5fb 0%, #0253cc 100%);
    background: -webkit-linear-gradient(left, #00c5fb 0%, #0253cc 100%);
    background: -ms-linear-gradient(left, #00c5fb 0%, #0253cc 100%);
    background: linear-gradient(to right, #00c5fb 0%, #0253cc 100%);
    border: 0;
    border-radius: 4px;
    display: block;
    font-size: 22px;
    padding: 10px 26px;
    width: 100%;
}
.account-footer a{
	color: #27a132
}
.dashboard-page{
	    background-color: #e3e4e3;
}
.dashboard-page .stats-info, .dashboard-page .stats-box {
	background-color: #fff;
    border: 1px solid #fff;
}
.dashboard-page .card-title {
	color: #000;
}
.dashboard-page .card {
    background-color: #fff;
    border: 1px solid #27a132;
    border: 1px solid #fff;
}
.custom-table tr{
	 background-color: #e3e4e3;
}
.table {
    color: #000;
}
.table a{
	color: #00c5fb
}
.table h2 a{
	color: #00c5fb
}
.dashboard-page .header{
background: rgb(32,141,18);
background: linear-gradient(90deg, rgba(32,141,18,1) 28%, rgba(39,176,14,1) 35%, rgba(32,183,58,1) 47%, rgba(5,191,71,1) 54%, rgba(39,161,50,1) 74%);
}
#toggle_btn {
    color: #fff;
 }

.bar-icon span {
    background-color: #fff;
}
.header .has-arrow .dropdown-toggle:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
 }
 .page-title-box h3{
 	color: #fff;
 }

 .roles-multiple-select{
    width: 100% !important;
 }
 .select2-container{
    width: 100% !important;
 }
 .select2-container .select2-selection--multiple{
    min-height: 42px !important;
 }

 * {
  box-sizing: border-box;
}

body {
  background-color: #f1f1f1;
}

#orderForm {
  background-color: #ffffff;
  margin: 100px auto;
  font-family: sans-serif;
  padding: 40px;
  width: 100%;
  min-width: 300px;
}

h1 {
  text-align: center;  
}

input {
  padding: 10px;
  width: 100%;
  font-size: 17px;
  font-family: sans-serif;
  border: 1px solid #aaaaaa;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}
select.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

button {
  background-color: #4CAF50;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  font-size: 17px;
  font-family: sans-serif;
  cursor: pointer;
}

button:hover {
  opacity: 0.8;
}

#prevBtn {
  background-color: #bbbbbb;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}
.image_tab{
    padding: 5px;
    border: 1px solid #f6f6f6;
    margin-bottom: 10px;
}

.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #4CAF50;
}

.wizard {
    margin: 20px auto;
    background: #fff;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 40px auto;
        margin-bottom: 0;
        border-bottom-color: #e0e0e0;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #5bc0de;
    
}
.wizard li.active span.round-tab i{
    color: #5bc0de;
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 25%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

.wizard .nav-tabs > li a:hover {
    background: transparent;
}

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.wizard h3 {
    margin-top: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
.container section{
  width: 100%;
}
.form-wizard {
  width: 100%;
}
.form-wizard ul{
  width: 100%;
  display: block;
}
.form-wizard ul li{
  float: left;
  margin-left: 2%;
  list-style-type: none;
  width: 30%;
  text-align: center;
}
.nav-tabs.nav-tabs-solid > li > a.active, .nav-tabs.nav-tabs-solid > li > a.active:hover, .nav-tabs.nav-tabs-solid > li > a.active:focus{
  background-color: #55ce63;
  border: 1px solid #55ce63;
}
.filter-row{
  width: 80%;
}
.pull-right{
  float: right;
}

.pull-left{
  float: left;
}

.square {
  height: 60px;
  width: 70px;
  background-color: #55ce63;
  border: 1px solid #55ce63;
   color: white;
   text-align: center;
   padding: 10px;
   border-radius: 15px 30px;

}
.stepno{
  padding: 10px;
  font-weight: bolder;
  color: white;
  font-size: 18px;
}
.pad-10{
  padding: 10px;
}
.row-gap{
  margin-top:10px; 
  margin-bottom:10px; 
}
.pad-tb{
  padding-top: 15px;
  padding-bottom: 15px;
}
.margin-tb{
  margin-top: 15px;
  margin-bottom: 15px;
}
.parallelogram {
  width: 100px;
  height: 50px;
  transform: skew(20deg);
  background-color: #55ce63;
  border: 1px solid #55ce63;
  color: white;
}
.tr-bg{
  background: none repeat scroll 0 0 #EFF6DD !important;
}
.checkbox-lbl{
 float: left;
 margin: 3px;
}
.grey{
  color: #ddd !important;
}
.product-range-report label, .daily-costing label, .stock-monitor-report label , .spend-monitor-report label{
  color: #000;
}

.daily-costing,.report-img,.report-rows,.product-range-report,.stock-monitor-report,.spend-monitor-report{
  padding: 5px;
  background: #fff;
  font-size: 12px;
}
.daily-costing,.product-range-report, .stock-monitor-report, .spend-monitor-report{
  padding-top: 30px;
  padding-left: 20px; 
  padding-bottom: 20px;

}
.daily-costing .form-group label{
  float: left;
}
.daily-costing .form-group select{
  float: left;
}
.checkbox-box{
  width: 15px;
  height: 20px;
  float: left;
}
.text-center{
  text-align: center;
}
.margin-top-10{
  margin-top: 10px;
}
.padding-top-10{
  padding-top: 10px;
}
.checkboxlist{
  margin: 0px;
  padding: 0px;
}
.checkboxlist li{
  width: 50%;
  float: left;
  list-style-type: none;
  margin-top: 0px;
}
.submit-section{
  margin-bottom: 20px;;
}
.displaylist{
  width: 100%;
  float: left;
  padding: 0;
}
.displaylist li{
 width: 100%;
    list-style-type: none;
    display: block;
    float: left;
    margin-bottom: 2px;
}

.report-rows{
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.report-res{
  background: #fff;
  padding-bottom: 20px;
  
}

@media only screen and (max-width: 1000px) {

  .table-responsive table td,.table-responsive table th{
    font-size: 12px;
    padding: 2px !important;
  }
  .prod-item tr{
    font-size: 12px;
  }
  #product-listing_image{
    width: 60px !important;
    height: 60px !important;
  }
  .filter-row{
    width: 100% !important;
  }
}
@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

@media only screen and (min-width: 991px){
  .mini-sidebar #sidebar {
      display: none;
  }

}

.sp-colorize{
  border: 1px solid rgb(170, 170, 170) !important;
}
.sp-colorize-container,.sp-colorize{
  width: 20px !important;
  height: 39px !important;
}
.input.spectrum.with-add-on,#ebody_bg_color,#ebody_txt_color,#ehead_bg_color,#ehead_txt_color{
  padding-left: 10px !important;
}

.sp-original-input-container{
  width: 100% !important;
  display: flex !important;
}

.product-cont{
  background: #fff;padding: 3px;
}


/** Lille styling **/
body.lille .prod-item-name.active{
  background: none repeat scroll 0 0 #a2d683;
  color: #8246af;
}
body.lille .prod-item-name.inactive{
  background-color: #efefef;
  color: #515151;
} 
body.lille .prod-item-name.active.approved{
  background: none repeat scroll 0 0 #ff8200;
  color: #fff;
}
/** /Lille styling **/


/** LilleNZ styling **/
body.lillenz .prod-item-name.active{
  background: none repeat scroll 0 0 #a2d683;
  color: #8246af;
}
body.lillenz .prod-item-name.inactive{
  background-color: #efefef;
  color: #515151;
}
body.lillenz .prod-item-name.active.approved{
  background: none repeat scroll 0 0 #ff8200;
  color: #fff;
}
/** /LilleNZ styling **/

/** preprod styling **/
body.preprod .prod-item-name.active{
  background: none repeat scroll 0 0 #a2d683;
  color: #8246af;
}
body.preprod .prod-item-name.inactive{
  background-color: #efefef;
  color: #515151;
}
body.preprod .prod-item-name.active.approved{
  background: none repeat scroll 0 0 #ff8200;
  color: #fff;
}
/** /preprod styling **/

/** iD styling **/
body.id .page-title-box h3 {
  color: #ffffff;
}
body.id .sidebar {
  background: #efefef;
}
body.id .sidebar-menu li.active a {
  background: #0099a842;
  border-color: #0099a842;
}
body.id .sidebar-menu li a:hover {
  background-color: #0099a822;
}
body.id .dashboard-page{
  background-color: #e3e4e3;
}
body.id .dash-section-right .key-info {
  background: #6caae4 !important;
}
body.id .sub-header {
  background: #6caae4 !important;
}
body.id .page-item.active .page-link {
  background: #0099a888;
  border-color: #0099a842;
}
body.id .pagination > li > a, .pagination > li > span {
  color: #002f86;
}
body.id .table a {
  color: #0099a8;
}
body.id table.table td h2 a:hover {
  color: #a35db4;
}
body.id .prod-item-name.active {
  background: none repeat scroll 0 0 #6caae4; /* was e9f6ff */
}
body.id .prod-item-name.active.approved{
  background: none repeat scroll 0 0 #bbf6ff;
}
body.id .prod-item-name.inactive{
  background-color: #efefef;
  color: #515151;
}
body.id .prod-item-name.inactive.pending{
  background: none repeat scroll 0 0 #e0f6ff;
}

body.id .nav-tabs.nav-tabs-solid .nav-link.active {
  background-color: #783cbd;
  border: 1px solid #783cbd; 
}
body.id .square { 
  height: 65px;
  width: 65px;
  padding: 15px;
  border-radius: 80px;
  background-color: #a35db4;
  border: 1px solid #a35db4; 
}
body.id .btn-success{
  background-color: #a35db4;
  border: 1px solid #a35db4;
}
body.id .btn-success:focus, body.id .btn-success:active, body.id .btn-success:hover {
  background-color: #783cbd !important;
  border: 1px solid #783cbd !important;
}
body.id .lille-btn {
  background: #a35db4;
  border-color: #a35db4;
}
body.id .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #0099a842;
}

/** /iD styling **/



.error_msg_grp{
  float: right;
    width: 84%;
    text-align: right;
    color: red;
}

.idcart .footer-bg {
    background: url(/images/footer-bg.png) top left repeat-x;
}
.lillenz .footer-bg {
    background: url(/images/footer-bg.png) top left repeat-x;
}
.preprod .footer-bg {
    background: url(/images/footer-bg.png) top left repeat-x;
}
.lille .footer-bg {
    background: url(/images/footer-bg.png) top left repeat-x;
}

.footer-bg {
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    /* margin-bottom: 10px; */
    margin-top: 20px;
    padding: 9px 0;
}

.page-wrapper {
  margin-left: 230px !important;
}
.padding-10{
  padding: 10px;
}
.margin-bottom-10{
  margin-bottom: 10px;
}
.margin-top-15{
  margin-top: 15px;
}
.color-red{
  color: red;
}
.replace-info li{
  list-style: none;
}
.product_allocation label{
  text-align: right;
}

.product_allocation table,.product_allocation_filter table{
  display: table;
  width: 100%;
  table-layout: fixed;
}
.product_allocation table td ,.product_allocation_filter table td{
  display: table-cell;
  width: 20%; /* or 100% according to OP comment. See edit about Safari 6 below */
}
.product_allocation table td select ,.product_allocation_filter table td select {
  float: left;
}
.product_allocation table td input,.product_allocation_filter table td input {
  text-align: left;
  width: 16px;
}
.ontx-primary-btn {
  background-color: #4CAF50;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  font-size: 17px;
  font-family: sans-serif;
  cursor: pointer;
  width: 120px;
  border-radius: 3px;
}
.ontx-secondary-btn {
  background-color: #f7b910;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  font-size: 17px;
  font-family: sans-serif;
  cursor: pointer;
  width: 140px;
  border-radius: 3px;
}
.ontx-danger-btn {
  background-color: #ec0909;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  font-size: 17px;
  font-family: sans-serif;
  cursor: pointer;
  width: 140px;
  border-radius: 3px;
}

/* Hide the default checkbox */
.custom-checkbox input[type="checkbox"] {
  display: none;
}

/* Style the custom checkbox */
.custom-checkbox span {
  display: inline-block;
  width: 25px; /* Custom size */
  height: 25px;
  background-color: #f0f0f0; /* Background color */
  border: 2px solid #ccc; /* Border */
  border-radius: 4px; /* Optional: Rounded corners */
  margin-right: 10px; /* Space between checkbox and label text */
  vertical-align: middle;
  cursor: pointer;
}

/* Add a tick when checked */
.custom-checkbox input[type="checkbox"]:checked + span {
  background-color: #4caf50; /* Checked background color */
  border-color: #4caf50;
  position: relative;
}

.custom-checkbox input[type="checkbox"]:checked + span::after {
  content: "";
  display: block;
  width: 10px;
  height: 18px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: absolute;
  top: 2px;
  left: 7px;
}
.allocation-facility-name{
  font-style: italic;
  font-size: 18px !important;
}