@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

input[type="checkbox"] {
    position: relative !important;
    width: 22px;
    height: 22px;
}

.mx-name-container_iteminfo_header .fontbody {
	color: white !important;
}

.hidepayduringtransaction {
	display: none;
}

.payfabric-sdk-divider {
	display: none;
}

input[type='checkbox']:after {
    width: 11px;
    height: 7px;
}

* {font-family: Roboto;}

.fontsubcaption {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	color: #3C464E;
}

.hideempty .mx-listview-empty {
	display: none;
}

.cartlabels .control-label {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #3C464E;
}

.cartlabels .form-control {
	width: 100% !important
}

.cartform .form-control {
	width: 100%;
}

.iconblockpeach {
	background: #6587b5;
}

.iconblockblue {
	background: #219895;
}
.carttypebuttons {
	height: 36px;
	font-family: 'Roboto';
    border-radius: 8px;
}

.fonthead {
	color: #3C464E;
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 23px;
	text-align: right;
}

.fontlettericon {
	color: #ffffff;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
}

.fontcaptionicon {
	color: white;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
    display: block;
}

.fontcaption {
	color: #839BAD;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 5px;
    display: block;
    margin-top: 5px;
}

.fontbody {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 19px;
	color: #3C464E;
}

.productbox {
	background: #FFFFFF;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
	border-radius: 2px;
	margin-bottom: 8px;
	padding-bottom: 1px;
}

.spinnerbutton {
	width: 30px;
	height: 30px;
	border-radius: 2px;
	padding: 0px;
	border: none;}

.spinnerbuttonup {
	background: #E4F3FF;
	color: #207ABE; 
}

.spinnerqty {
	width: 30px;
	height: 30px;
	padding: 0px;
	text-align: center;
}

.kch0xi {
	width: 100%;
	bottom-margin: 10px;}

.HfacC {
    border: 1px solid #D7D7D7 !important;
    box-shadow: none !important;
}

.formfontlarge .form-control {
	font-size: large;
}

.ggarWm {
    font-size: medium !important;}

.wallet-pay-container {
	flex-wrap: wrap; }

.wallet-pay-container .wallet-pay-apple {
	margin: 10px; }

.themefont {
	font-family: 'Varela Round', sans-serif;
}

.themered {
	color: #fb5058;
}

.citoheader {
	font-family: 'Varela Round', sans-serif;
	background: #fb5058;
    padding: 5px;
    border-radius: 30px;
    margin: 15px 25px 15px 25px;
    text-align: center;
    color: white;
    font-size: x-large;}


.old.day.datepickervaliddate {
	background-color: #ff979b !important;
	color: white !important;
} 

.new.day.datepickervaliddate {
	background-color: #ff979b !important;
	color: white !important;
} 


.datepicker table tr td.active.active {
	background-color: #01a65c !important;
    background-image: none !important;
    border: none !important;
    padding: 5px;
}

.datepicker table tr td.datepickervaliddate {
    background-color: #fb5058 !important;
    color: white;
	padding: 5px !important}



.datepicker-inline {
    width: 250px !important; }

.hidemorebutton .mx-listview-loadMore {
	display: none;
}

.quicktimepick ul {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.centerdatepicker .datepicker {
    margin-right: auto;
    margin-left: auto;}

.citofirstname .form-control {
	display: flex;
    flex: 1;
    width: auto;
    height: auto;
    padding: 7px 10px 8px 14px;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    color: #fb5058;
    border: 1px solid #D7D7D7;
    border-radius: 20px;
    background-color: #fff;
    background-image: none;
    box-shadow: none;
    font-size: 14px;
    line-height: 1.42857;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.centerinput .form-control {
	text-align: center;
	font-size: large;
    color: green;
}

.centerspinner > div {
	display: flex;
    align-items: center;
    justify-content: center;
    margin: 60px;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 200px;
  height: 200px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 200px;
  height: 200px;
  border: 20px solid #01a65c;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #217bc0 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.dollarusd .mx-datagrid-data-wrapper:before {
    content: '$';
}

.sazgroupbox {
	margin-bottom: 15px;
}

.groupbox-graybg .mx-groupbox-body {
	background: #cecece;
}

.groupbox-whitebg .mx-groupbox-body {
	background: white;
}

.dirty input{
	border-color: green;
	border-width: 2px;
}

.nobadgerequired {
	font-size: 12px;
}

.scanwindow .modal-body {
	min-height: 480px;
}