.fullwidth{ width: 100% }
/* Toggle Button */
.cm-toggle {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	border: 0;
	outline: 0;
	cursor: pointer;
	margin: 10px;
}

/* To create surface of toggle button */
.cm-toggle:after {
	content: '';
	width: 60px;
	height: 24px;
	display: inline-block;
	background: rgba(196, 195, 195, 0.55);
	border-radius: 12px;
	clear: both;
}


/* Contents before checkbox to create toggle handle */
.cm-toggle:before {
	content: '';
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	left: 2px;
	top: -10px;
	margin-top: 10px;
	border-radius: 50%;
	background: rgb(255, 255, 255);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}


/* Shift the handle to left on check event */
.cm-toggle:checked:before {
	left: 34px;
	box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.6);
}
/* Background color when toggle button will be active */
.cm-toggle:checked:after {
	background: green;
}
/* Transition for smoothness */
.cm-toggle,
.cm-toggle:before,
.cm-toggle:after,
.cm-toggle:checked:before,
.cm-toggle:checked:after {
	transition: ease .3s;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-o-transition: ease .3s;
}

.toggles {
	white-space: nowrap;display:inline; padding-left: 1.5em; vertical-align: middle; height: 32px; min-height:32px;
}

.cancel {
	background-color: red;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.slick-pager { border: 0px; margin-bottom: 1em;}
.green { background-color: green; }
.pink { background-color: #ffd2cf; }

//the height of the slick bar...
.slick-pager{ height: 36px; border: 0px !important; }
.jqalert ul li ul { padding-top: 0px; padding-left: 0px; margin: .75em; }