/* CUSTOM ICONS */
.ui-icon-inroute:after {
	background-image: url("../img/_sys_inroute.png");

	/* Make your icon fit */
	background-size: 18px 18px;
}


.ui-icon-inprogress:after {
	background-image: url("../img/_sys_inprog.png");

	/* Make your icon fit */
	background-size: 18px 18px;
}

.ui-icon-complete:after {
	background-image: url("../img/_sys_complete.png");

	/* Make your icon fit */
	background-size: 18px 18px;
}

.ui-icon-eraser:after {
	background-image: url("../img/eraser.png");

	/* Make your icon fit */
	background-size: 18px 18px;
}




/* BUTTONS (CUSTOM COLORING) */
/* Colors for checklist buttons */
.ui-btn-completed-with-border {
	/* Green */
	background: #28a745 !important;
}

.ui-btn-completed {
	/* Green */
	background: #28a745 !important;
	border-color: transparent !important;
}

.ui-btn-todo {
	/* Yellow */
	background: #ffc107 !important;
	color: #000000 !important;
	border-color: transparent !important;
}

.ui-btn-optional {
	/* Blue */
	background: #88d5e7 !important;
	color: #000000 !important;
	border-color: transparent !important;
}

.ui-btn-error {
	/* Red */
	background: #dc3545 !important;	
	border-color: transparent !important;
}

.ui-btn-no-border {
	border-color: transparent !important;
}

/* JQUERY MOBILE OVERRIDES */

/* STOPS HEADER TRUNCATION */
.ui-header .ui-title {
	padding-left: 80px !important;
    margin-right: 80px !important;
    margin-left: auto !important;
}