@charset "UTF-8";

#content {
    max-width: 1280px;
}

/* CSS Document */
#header-container {
	display: none;
}

#content-container {
	padding-top: 0 !important;
}

.cb_sectioninfo {
	display: block;
}

#title-container,
#crumbs-container {
	display: none;
}

.cb_waitimgloader {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	background: #ffffff;
}

.proddisclaimer {
	text-align: left;
}

#confirmproduction,
#bntsubmitcube,
.closeproduction,
#cbrefresh {
	background: #9bd700 !important;
	color: #000000 !important;
}

.cancelproduction {
	margin-left: 1%;
	background: #ffdfe0 !important;
	color: #000000 !important;
}

.new-credentials {
    padding-top: 10px;
}
#loadingpleasewait {
	display: none;
	margin: 0 auto;
	text-align: center;
}

#loadingpleasewait img {
	height: 100%;
}

#imgurlerror {
	background: #ffdfe0;
	border: 1px dashed #c89797;
	padding: 5px;
	color: red;
	margin-top: 5px;
}

#urluploadprogress {
	color: #ffffff;
	background: #000000;
	border: 1px dashed #9bd700;
	padding: 5px;
	margin-top: 5px;
}

.jcropbody hr {
	background-color: inherit;
	margin-bottom: inherit;
	border: 1px dashed #9bd700;
}

.jcropbody .imgarcmenu {
	text-align: center;
	margin-top: 10px;
}

.photoholder img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.cbcontainer {
	padding: 10px;
	color: #ffffff;
}

.cbcontainer h2 {
	font-size: 25px;
	color: #9bd700;
	margin-bottom: 20px;
}

.cblogo {
	width: 100%;
}

.cblogo,
.cblogo_small {
	text-align: center;
}

#progress {
	margin-top: 5px;
	display: none;
	text-align: center;
	color: #fff;
}

.userwelcome {
	text-align: center;
	color: #ffffff;
	margin-bottom: 10px;
}

.cbalert {
	color: red;
	padding: 10px;
	background: #ffffff;
	display: none;
}

.cb_menu_top {
	margin-bottom: 5px;
}

.cb_menu_top,
.imgarcmenu {
	text-align: center;
}

.cb_menu_top,
.imgarcmenu .option {
	margin-left: 0;
}

.qrtrackmenu {
	margin: 10px 0;
	text-align: center;
}

.liveqrtracker {
	height: 300px;
	overflow: scroll;
}

.qrstreamalert {
	background: red;
	color: #ffffff;
}

.liveqrtracking table {
	color: #ffffff;
	background: #444444;
	border: 1px solid #666666;
}

.imgarcmenu {
	background: none;
}

.option {
	background: #444444;
	padding: 5px;
	display: inline-block;
	margin-left: -4px;
	margin-right: 5px;
	border-radius: 5px;
	border: 1px solid #666666;
}

.option_last {
	background: #9bd700;
	padding: 5px;
	display: inline-block;
	margin-left: -5px;
	border-radius: 5px;
}

.option_last a {
	color: #000000;
}

.option_last a:hover {
	color: #ffffff;
}

.imgarcmenu .del_option {
	background: #ffdfe0;
	padding: 5px;
	display: inline-block;
	margin-left: -4px;
	margin-right: 5px;
	border-radius: 5px;
	border: 1px solid red;
}

.imgarcmenu .del_option a,
.imgarcmenu .del_option a:hover,
.imgarcmenu .del_option a:active,
.imgarcmenu .del_option a:visited,
.imgarcmenu .del_option a:link {
	color: red;
}

cbmenu .option {
	background: none;
	display: inline-block;
	margin: 0 1px 0 0 !important;
	border-radius: 0px;
	border: none;
	padding: 0px;
}

cbmenu .option a,
cbmenu .option_last a {
	color: #000000;
	padding: 5px;
	display: block;
	background: #9bd700;
}

cbmenu .option_last {
	background: none;
	display: inline-block;
	margin: 0 0 0 -5px;
	padding: 0px;
}

cbmenu .option a:hover,
cbemnu .option_last a:hover {
	color: #ffffff;
	text-decoration: underline;
	background: #21cc00;
}

cbmenu .cbsettings a {
	background: #ffdfe0;
	color: #790000;
}

cbmenu .cbsettings a:hover {
	color: #ffdfe0;
	background: #790000;
}

.onsiteprintmenu .delete {
    border: 1px solid red;
    color: red;
    background: #ffffff;
}
.onsiteprintmenu .delete a {
    color: red;
    background: #ffffff;
}

.denycred {
	background: #ffdfe0;
}
.denycred a {
	color: #790000;
}

#progress-container {
	border: 1px solid #000;
	margin-bottom: 5px;
}

.bar {
	height: 18px;
	background: #9bd700;
}

#fcrop input[type="submit"] {
	margin-bottom: 20px;
}

.jcropit {
	color: #ffffff;
	text-align: center;
}

.jcropit img {
	max-width: none;
}

.jcrop-holder {
	margin: 0 auto;
}

.responsiveimg {
	max-width: 100%;
	height: auto;
}

/* .img_search_result {
	float: left;
	height: 180px;
	width: 33%;
	max-width: 100px;
	margin-left: 1.45%;
	text-align: center;
} */

.img_search_result {
	float: left;
	margin-left: 2%;
	text-align: center;
	margin-bottom: 2%;
	border: 1px solid #666;
	width: 150px;
  	min-height: 230px;
	background: #333;
    padding: 10px;
    padding-top: 22px;
}

.img_search_result img {
    object-fit: cover;
    width: 120px;
    height: 150px;
}

#cropimg {
	height: auto;
	max-width: 400px;
	width: 80%;
	display: none;
	border: 10px solid #666;
	border: 10px solid rgba(82, 82, 82, 0.698);
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #9bd700;
	background-color: #333333;
	text-align: center;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 9999;
}

#cropimg .close {
	background-image: url(images/close.png);
	position: absolute;
	right: -15px;
	top: -15px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}

#cropimg h1 {
	font-size: 1rem;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-transform: uppercase;
	font-weight: bold;
	background: #9bd700;
	padding: 5px;
	color: #000000;
}

#cropimg #imgerror {
	margin-top: 5px;
	padding: 5px;
	background: red;
	border: 1px dashed #ffffff;
	color: #ffffff;
}

input[name="phname"] {
	text-align: center;
}

.jcropbody {
	padding: 10px;
}

.imgarchive_imgresults {
	display: block;
	overflow-y: auto;
	padding: 20px 0;
    margin-bottom: 18px;
	background: #222222;
}

.imgarchive_imgresults img {
    width: 120px;
    height: 150px;
    object-fit: cover;
}

#archivedimages .imgarcmenu,
#cropimg .imgarcmenu {
	text-align: center;
	padding-bottom: 2%;
}

#cropimg .imgarcmenu {
	padding-top: 6px;
}

.imgarchive_imgresults td {
	width: 20%;
	text-align: center;
}

#nav {
	position: absolute;
	width: auto;
	right: 0;
}

#cb-onsite-error {
	color: red;
	padding-bottom: 25px;
}

#cb_credstats {
	border: 1px solid;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 1rem;
}

#cb_credstats thead th {
	background: #444;
	color: #ffffff;
	text-align: center;
	border-bottom: none;
	padding: 5px;
}

#cb_credstats tr td:first-child {
	text-align: right;
	background: #444;
	border: 1px solid #000000;
	width: 16%;
	color: #ffffff;
}

#cb_credstats tr td:last-child {
	text-align: left;
	border: 1px solid #000000;
	font-weight: bold;
}

#credstatsurl,
.credrequestcsv {
	text-align: left;
	padding: 5px;
    margin-bottom: 1rem;
    background: #444;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

.req_status,
.distr_status {
	font-size: 0.7rem;
}

#credstatsurl ul li,
.credrequestcsv ul li {
	list-style: none;
}

.credmain {
	border-radius: 5px;
	display: none;
}

.credmain [type="checkbox"]:not(:checked),
[type="checkbox"]:checked,
.credmain [type="radio"]:not(:checked),
[type="radio"]:checked {
	position: relative;
	left: auto;
}

.sresultsarchive [type="checkbox"],
.sresultscurrent [type="checkbox"],
.search_req_results [type="checkbox"],
.dbresultsarchive [type="checkbox"],
.dbresultscurrent [type="checkbox"],
.db_req_results [type="checkbox"] {
	float: left;
	width: 20px;
	height: 20px;
}

.cb_menu {
	padding-top: 20px;
	display: inline-block;
	width: 100%;
}

.cb_menu li {
	width: 100%;
	max-width: 21.75%;
	float: left;
	text-align: center;
	margin-left: 2%;
	margin-bottom: 2%;
	min-height: 280px;
	background: #222222;
	border: 1px solid #9bd700;
    padding: 10px;
}

.cb_menu li a {
    display: block;
    text-decoration: none;
}

.cb_menu li:nth-child(4n+1) {
    margin-left: 0;
}

.cb_menu li .responsiveimg {
    display: block;
    margin: 0 auto;
}

.credbody {}

.credbuilder {
	text-align: center;
}

.createnew {
	text-align: center;
}

.cred-menu {
	padding-bottom: 5px;
	text-align: center;
}

.cred-menu cbmenu select {
	display: none;
}

.onsiteprintmenu {
	padding-bottom: 5px;
	text-align: right;
}

.cred_header {
	text-align: center;
	font-weight: bold;
}

.cred_head_front,
.cred_head_back {
	width: 50%;
	float: left;
}

.cred-middle {
	padding: 0;
	background: #ffffff;
	border-radius: 5px;
}

.credthumbcontainer {
	float: left;
	width: 100%;
}

.credthumbcontainer li img {
	transition: scale .2s;
}
.credthumbcontainer li img:hover {
	scale: 1.1;
}
.credthumbcontainer li a {
	display: block;
	border: 1px solid #ffffff;
	color: #000000;
}

.credthumbcontainer li a:hover {
	border: 1px solid #000000;
	text-decoration: underline;
	background: #000000;
	color: #ffffff;
	border-radius: 5px;
}

.selectleft {
	left: 10px;
	position: absolute;
}

.selectright {
	clear: both;
	right: 10px;
	position: absolute;
}

.help,
.exportcsv,
.batchmanager {
	padding: 10px;
	color: #000000;
}

.help h1,
.exportcsv h1,
.batchmanager h1 {
	font-size: 1.5rem;
    line-height: 3rem;
    margin-bottom: 1rem;
	text-align: center;
    background: #333;
    color: #fff;
}

.help h2,
.exportcsv h2,
.batchmanager h2 {
	margin-top: 20px;
    background: #9bd700;
    color: #000;
    text-align: center;
    line-height: 2rem;
    border: 1px solid;
}

/* Statistics & Data Section */
.cb_reports {
    background:#444444;
    border: 1px solid #666666;
    padding: 5px;
    width:20%;
    text-align:center;
    margin:0 auto;
    margin-bottom: 1rem;
}
/* End Section */

.help ul {
	list-style-type: disc;
	margin: 10px;
}

.help li {
	display: list-item;
	margin: 5px;
}

.help .ui-icon, .ui-widget-content .ui-icon {
    background-color: #fff;
    margin-right: 10px;
}

.help .ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-color: #333;
}

.credoptions {
	padding: 0;
	text-align: center;
	color: #000000;
}

.credsubm,
.credsubc,
.credrequests {
	padding: 10px;
	text-align: center;
}

.credsubbody {
	padding: 10px;
	text-align: center;
}

.credsubbody ul,
.credsubbody ol {
	margin-left: 20px;
	list-style: inside;
}

.firstcred,
.repcred {
	padding: 10px 10px;
	overflow: auto;
}

.firstcred .modlink,
.repcred .modlink {
	display: block;
}

.repcred {
	border-top: 1px solid #666666;
}

.res_container {
	display: inline-flex;
	width: 100%;
}

.archivethumb,
.archivecontent {
	margin-left: 1.3%;
	float: left;
}

.archivethumb img {
	width: 120px;
	height: 150px;
	border: 1px solid;
    object-fit: cover;
}

.archiveimgcontent {
	margin-left: 70px;
}

.even {
	background: #333333;
}

.credfttr {
	text-align: center;
	color: #ffffff;
	padding: 10px;
}

.credfttr a,
.credfttr a:visited,
.credfttr a:link,
.credfttr a:active {
	color: #9bd700;
	text-decoration: none;
}

.cred-passprev {
	display: inline-block;
	max-width: 1280px;
	width: 100%;
	border-radius: 5px;
}

.cred-passprev ul {
	background: #ffffff;
	padding-top: 5px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	list-style-type: none;
	text-align: center;
	color: #000000;
	margin-left: 28px;
	margin-right: 28px;
    height: 196px;
}

.cred-passprev ul li {
	display: inline-block;
	text-align: center;
	margin: 0 5px 0 5px;
}

.fileToUploadCont {
	display: inline-block;
}

.cb_qrcode,
#brcdholder,
#flopholder,
#badgebckgrd,
#loading,
#buttonUpload,
.sresultscurrent,
.sresultsarchive,
.finishphoto,
.credential-archive,
.batchmanager,
.exportcsv,
.credential-tobe-printed,
.help,
.qrtracker,
#submitcred,
#cb_validations,
#valfirstname,
#vallastname,
#valcompany,
#valname,
#valtitle,
#valphoto,
#valgame,
#valgamedate,
#valnumber,
#valbgtype,
#valchkmodify,
#beenconfirmed,
#valbarcode,
#valschool,
#valgamefield,
#valgamefielddate,
#valgameid,
#valauxa,
#valauxb,
#valauxc,
#valauxd,
#valauxe,
#valauxf,
#valauxg,
#valauxh,
#valtexta,
#valtextb,
#valtextc,
#valtextd,
#valtexte,
#valemail,
.credential-requests,
#archiveloading,
#currentloading,
#requestsloading,
.settings,
.cb_add_setting {
	display: none;
}

.ccube {
	padding: 0.3rem;
	margin-top: 15px;
}

.ccube .subdisclaimer {
	padding: .2rem;
	background: #ffdfe0;
	border: 1px dashed #c89797;
}

.searchcurrent,
.searcharchive,
.searchcredrequests {
	padding: 10px;
}

.searchcurrent input,
.searcharchive input,
.searchcredrequests input {
	border: 1px solid #000000;
	color: #666666;
}

.sresultsarchive,
.sresultscurrent,
.search_req_results,
.dbresultsarchive,
.dbresultscurrent,
.db_req_results {
	overflow: auto;
	height: 400px;
	background: #444444;
	border: 1px solid #666666;
	color: #ffffff;
	text-align: left;
}

.loadingdata,
#archiveloading,
#currentloading,
#requestsloading {
	text-align: center;
	background: #9bd700;
	color: #000000;
	padding: 5px;
}

.loadingdataerror {
	background: red;
	color: #FFFFFF;
	text-align: center;
	border-radius: 5px;
}

.credential-archive,
.credential-tobe-printed,
.qrtracker,
.credential-requests {
	color: #000000;
}

.credential-archive h1,
.credential-tobe-printed h1,
.qrtracker h1,
.credential-requests h1 {
	font-size: 1.5rem;
    margin-bottom: 1rem;
    line-height: 3rem;
    background: #333;
	color: #fff;
	text-align: center;
}

#submitalltocube,
#submitselectedtocube,
#viewallarchive {
	background: #9bd700;
	border: 1px solid #000000;
	color: #000000;
	font-weight: bold;
}

.choosequantity {
	width: 100%;
	margin: 20px 0;
}

.choosequantity input[name="prntqty"] {
	max-width: 32px;
}

#save {
	margin: 0 auto 10px;
}

#delcred {
	margin: 0 auto;
	display: none;
}

.credactionmenu {
	text-align: right;
	margin-top: 10px;
}

.reorder,
.onsiteprintbutton,
.req_approve {
	background: #444444;
	border: 1px solid #666666;
	border-radius: 5px;
	padding: 5px;
    margin-right: 5px;
}

.req_deny {
	background: #ffdfe0;
	border: 1px solid #666666;
	border-radius: 5px;
	padding: 5px;
}

.req_deny a {
	color: #790000;
}

/* Credential Requests*/
.cbrequest_status,
.distribution_status {
	display: none;
	background: #f3f3f3;
	border: 1px solid #e0e0e0;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 98%;
}

.cbrequest_denyreason {
	display: none;
}

.reqlastmodified,
.distrlastmodified {
	font-size: 0.7rem;
	text-align: center;
}

.alertmsg {
	background: #9bd700;
	color: #000000;
	padding: 5px;
	text-align: center;
	display: none;
	margin-bottom: 20px;
	border-radius: 10px;
	width: 98.8%;
}

.alertmsg span {
	font-weight: bold;
}

.qrcodeauthbox {
	display: block;
	text-align: center;
}

#CSVTable2 {
	height: 500px;
	overflow: scroll;
	border-bottom: 1px solid #000000;
}

table.tablesorter {
	font-family: arial;
	font-size: 8pt;
	text-align: left;
	width: 100%;
	border: 1px solid #000000;
}

table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
	background-color: #666666;
	border: 1px solid #000000;
	font-size: 8pt;
	padding: 4px;
}

table.tablesorter thead tr .header {
	background-image: url("../images/bg.gif");
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}

table.tablesorter tbody td {
	background-color: #fff;
	color: #3d3d3d;
	padding: 4px;
	vertical-align: top;
	border: none;
}

table.tablesorter tbody tr {
	border-bottom: 1px solid #000000;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url("../images/asc.gif");
}

table.tablesorter thead tr .headerSortDown {
	background-image: url("../images/desc.gif");
}

table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {
	background-color: #999999;
}

/* Onsite Print Distribution / Archive */
.cb_onsiteprint_distributearchive,
.cb_onsiteprint_archiveonly {
    background: #9bd700 !important;
    color: #000 !important;
}

.cb_onsiteprint_distributearchive:hover,
.cb_onsiteprint_archiveonly:hover {
    background: #86c200 !important;
    color: #000 !important;
}

/* Red cancel button */
.cb_modal_cancelbutton {
    background: #ff4d4d !important;
    color: #fff !important;
}

.cb_modal_cancelbutton:hover {
    background: #cc0000 !important;
    color: #fff !important;
}

/* Meal Management */
.mealcontainer {
	max-height: 500px;
	overflow: scroll;
	min-height: 200px;
	width: 98%;
	background: #444444;
	border: 1px solid #666666;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0;
	position: relative;
	display: none;
}

.mealcontainer h2 {
	color: #ffffff;
	font-size: 1.5rem;
}

.mealcontainer>div {
	color: #ffffff;
}

.mealtable {
	width: 96%;
	margin: 0 auto;
	border: 1px solid #333;
	margin-top: 20px;
}

.mealtable .meallocation td {
	text-align: center;
	font-weight: bold;
	background: #9bd700;
}

.mealtable .mealhead {
	background: #000000 !important;
}

.mealtable .mealhead td {
	border: none;
	text-align: center;
	color: #ffffff;
	padding: 0;
}

.mealtable tbody td {
	vertical-align: middle;
	text-align: center;
	border-bottom: 1px solid #333;
}

.mealtable tbody .mealdateloc {
	font-weight: bold;
}

.mealtable tbody .mealoption,
.mealtable tbody .mealdateloc {
	border-right: 1px solid #333;
}

.mealtable tbody .mealoption .last {
	border: none;
}

.mealtable tbody tr {
	background-color: #ffffff;
}

.mealtable tbody tr:nth-child(even) {
	background-color: #f2f2f2;
}

/* Source code */
.source {
	background-color: #FAFAFA;
	border: 1px solid #999999
}

/* CSV Import */
.csvfileupload,
.csvheadasort,
.csvresults {
	display: none;
}

#CSVTable {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 100%;
}

#CSVTable td,
#CSVTable th {
	border: 1px solid #ddd;
	padding: 8px;
}

#CSVTable tr:nth-child(even) {
	background-color: #f2f2f2;
}

#CSVTable tr:nth-child(odd) {
	background-color: #ffffff;
}

#CSVTable tr:hover {
	background-color: #ddd;
}

#CSVTable th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #9bd700;
	color: #000000;
}

.csvfileupload {
	background: #444444;
	color: #ffffff;
}

.csvfileupload table {
	border: none;
}

.csvfileupload table td,
.csvfileupload table th {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.successimports ol,
.failedimports ol {
	list-style: inside none inside;
	border: 1px solid #444;
	padding: 0 10px;
}

.sucessimports ul,
.failedimports ul {
	list-style: inside none disc;
	margin-left: 15px;
	color: red;
}

/* Settings Page */
.cbsettings_info_table {
    width: auto;
    margin: 0 auto;
    margin-bottom: 30px;
}
.cbsettings_info_table td {
    padding: 0;
}
.cbsettings_info_table .left {
    padding-left: 2px;
}
.cbsettings_info_table .right {
    text-align: right;
    padding-right: 2px;
}
.settings {
	padding: 10px;
	color: #000000;
}
.settings h1 {
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    line-height: 3rem;
    color: #fff;
    background: #333;
}
.cb_settings_option {
	border: 1px solid;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-bottom: 15px;
}

.cb_settings_title {
	padding: 5px;
	background: #000000;
	color: #ffffff;
}

.cb_add_option {
	background: #9bd700;
	padding-left: 10px;
	cursor: pointer;
}

.cb_add_setting {
	padding: 10px;
	background: #333333;
	color: #ffffff;
}

.cbset_table {
	width: 90%;
	margin: 20px auto 20px auto;
	background: #cccccc;
	border: 1px solid #000000;
}

.cbset_table th {
	width: 50%;
	text-align: left;
	background: #000000;
	color: #ffffff;
	border: none;
}

.cbset_table td {
	width: 50%;
	text-align: left;
	border-color: #000000;
	border: 1px solid;
}

.cbset_table td a,
.cbset_table td a:hover,
.cbset_table td a:visited,
.cbset_table td a:link {
	color: blue;
}

.cbset_table tr:last-child td {
	border-color: #000000;
	border: 1px solid;
}
/* Help Section - Accordion */
#cb_help_accordion .ui-state-default,
#cb_help_accordion .ui-widget-content .ui-state-default,
#cb_help_accordion .ui-widget-header .ui-state-default,
#cb_help_accordion .ui-button,
#cb_help_accordion html .ui-button.ui-state-disabled:hover,
#cb_help_accordion html .ui-button.ui-state-disabled:active {
	background: #444444;
	color: #ffffff;
	border: 1px solid #000000;
}

#cb_help_accordion .ui-state-active,
#cb_help_accordion .ui-widget-content .ui-state-active,
#cb_help_accordion .ui-widget-header .ui-state-active,
#cb_help_accordion a.ui-button:active,
#cb_help_accordion .ui-button:active,
#cb_help_accordion .ui-button.ui-state-active:hover {
	background: #9bd700;
	color: #000000;
	border: 1px solid #444444;
}

#cb-user-email-error,
#cb-user-email-confirm-error {
	color: red;
	padding-bottom: 10px;
}

/* Tablet View (3 items per row) */
@media (max-width: 1024px) {
    .cb_menu li {
        max-width: 28.9%; /* 3 items per row */
    }
    .cb_menu li:nth-child(4n+1) {
        margin-left: 2%; /* Reset previous rule */
    }
    .cb_menu li:nth-child(3n+1) {
        margin-left: 0; /* Remove margin-left for first item in every 3-item row */
    }
}

/* Smaller Screens (2 items per row) */
@media (max-width: 768px) {
    .cb_menu li {
        max-width: 45%; /* 2 items per row */
    }
    .cb_menu li:nth-child(3n+1) {
        margin-left: 2%; /* Reset previous rule */
    }
    .cb_menu li:nth-child(2n+1) {
        margin-left: 0; /* Remove margin-left for first item in every 2-item row */
    }
}

/* Mobile View (1 item per row) */
@media (max-width: 600px) {
    .cb_menu li {
        max-width: -moz-available;
        margin-left: 0 !important;
    }
}

/* For Phones and Smaller */
@media only screen and (max-width: 600px) {
	.cb_sectioninfo {
		display: none;
	}

	#title-container,
	#crumbs-container {
		display: none;
	}

	.cb_menu_top {
		height: auto;
		text-align: center;
	}

	.cb_menu li {
		float: none;
		margin: 0 auto;
		margin-bottom: 20px;
	}

	.cred-menu cbmenu ul {
		display: none;
	}

	.cred-menu cbmenu select {
		display: inline-block;
	}

	.option,
	.option_last {
		display: block;
		border-right: none;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 5px;
	}

	.option_last {
		border: none;
	}

	.userwelcome {
		text-align: center;
	}

	.csvfileupload input[type="file"],
	.csvfileupload .uultra-fileupload-field {
		padding: 0 !important;
	}

	.mealtable tbody .mealoption .mealtimes {
		display: none;
	}

	#cb_credstats tr td:first-child {
		width: 58%;
	}

	#cb_credstats tr td:last-child {
		text-align: center;
	}
}