/* Form UI */
	/* App Grid Layout */
	ul.app-grid  { margin:0;padding:0;width:100%;position:relative; }
	ul.app-grid.full-height { height:100%;overflow:hidden; }
	ul.app-grid li { margin:0;padding:0;list-style:none;width:100%;height:100%; }
	ul.app-grid li > div { width:99.99%;height:100%;vertical-align:middle;display:inline-block;padding:0;margin:0;float:left;text-align:center;background:none;overflow:hidden; }	
	ul.app-grid li.button > div:active { /*background:#24545E*//*#0070c6*/; }
	ul.app-grid li.border > div { box-shadow:0px 0px 1px #888 inset; }
	/* added 20141229 */
	ul.app-grid li >div div.inner { display:table;vertical-align:middle;width:100%;text-align:center;height:100%; }

	ul.app-grid li div > span { height:100%;display: table-cell; vertical-align: middle;width:100%;text-align:center;overflow:hidden;  }
	ul.app-grid li div.text-left  > span { text-align:left; }
	ul.app-grid li div.text-right  > span { text-align:right; }

	ul.app-grid li.grid-header  {
		height:100%;
	}
	ul.app-grid li.grid-header a,
	ul.app-grid li.grid-header .btn,
	ul.app-grid li.grid-header .btn-title {	
		color:#ddd;
	}
	ul.app-grid li.grid-header > div { width:25%;margin:0;padding:0;}
	ul.app-grid li.grid-header > div:first-child { text-align:left;/*margin-left:5px;*/ line-height:30px;}
	ul.app-grid li.grid-header > div:last-child { text-align:right;/*margin-right:5px;*/ }
	ul.app-grid li.grid-header > div:nth-child(2) { width:50%; }
	ul.app-grid li.grid-header.margin > div { width:32.33333%;margin:0 0.5%; }

	ul.app-grid li a.btn {
		margin:0 5px;position:relative;top:8px;right:10px;display:inline-block;padding:5px;margin-right:0;padding-right:0;
	}
	ul.app-grid li a.btn.icon {
		top:-5px;left:0;
	}
	ul.app-grid li a.btn.icon span.icon {
		font-size:28px;position:relative;top:11px;left:-12px;
	}
	ul.app-grid li a.btn.icon span.btn-title {
		position:relative;top:4px;left:-20px;
	}

	ul.app-grid select {
		line-height:1em;height:100%;width:90%;padding-left:5%;vertical-align:middle;font-size:1em;color:inherit;border:0;background:none;
	}

	ul.app-grid li.grid-search {
		position:absolute;width:100%;height:100%;left:0;z-index:1;display:block;background:inherit;transition:all 0.2s;
	}
	ul.app-grid li.grid-search div { position:relative;width:30%;vertical-align:middle;position:relative; }
	ul.app-grid li.grid-search div:first-child { text-align:left;/*margin-left:5px;*/ }
	ul.app-grid li.grid-search div:last-child { width:70%;text-align:right;/*margin-right:5px;*/ }
	ul.app-grid li.grid-search input {
		position:relative;left:0;top:10%;background:rgba(0,0,0,0.2);color:#fff;width:60%;padding:0 10px;border:none;border-bottom:1px solid #888;height:80%;font-size:1em;
	}
	ul.app-grid li.grid-search div:last-child a.btn {
		top:6px;
	}

	ul.app-grid li.grid2 div { width:50%; }
	ul.app-grid li.grid2.margin div { width:49%;margin:0 0.5%; }
	ul.app-grid li.grid3 div { width:33.33333%; }
	ul.app-grid li.grid3.margin div { width:32.33333%;margin:0 0.5%; }
	ul.app-grid li.grid4 div { width:25%; }
	ul.app-grid li.grid4.margin div { width:24%;margin:0 0.5%; }
	ul.app-grid li.grid5 div { width:20%; }
	ul.app-grid li.grid5.margin div { width:19%;margin:0 0.5%; }
	ul.app-grid li.grid6 div { width:16.66667%; }
	ul.app-grid li.grid6.margin div { width:15.66667%;margin:0 0.5%; }
	ul.app-grid li.grid10 div { width:10%; }
	ul.app-grid.light { background:rgba(0,0,0,0.42);/*#99e7d9*/ }		
	ul.app-grid.light li * { color:#815C42; }
	ul.app-grid li.grid-header * { color:#fff; }
	ul.app-grid.dark li * { color:#fff; }
	ul.app-grid li a.button-icon { line-height:0.4em;color:#786e62; }
	ul.app-grid li a.button-icon span.icon { position:relative;top:0;left:0;font-size:1.7em;color:#ddd; }
	ul.app-grid li a.button-icon img.icon { position:relative;top:0;left:0;font-size:1.7em;height:30px; }
	ul.app-grid li a.button-icon span.title { position:relative;font-size:0.8em;padding-left:5px; }
	ul.app-grid li a.button-icon.vertical span.icon {
		
	}
	ul.app-grid li a.button-icon.vertical span.title {	
		font-weight:bold;font-family:'itim';padding:0;margin:0;margin-top:0px;font-size:0.65em;text-align:center;display:block;letter-spacing:-0.3px;
	}
	ul.app-grid.footer li a.button-icon.vertical span.title {
		font-size:0.82em;
	}

	ul.app-grid.color li > div {
		border-top:3px solid transparent;
	}
	ul.app-grid.color li > div.active {
		border-color:#99e7d9;
	}
	ul.app-grid.color li > div span {
		font-size:26px;
	}
	ul.app-grid.color li > div.active span {	
		color:#99e7d9;
	}

	ul.app-grid.bg li > div {
		background:url(../../../images/daddypet/bg_icon.gif) no-repeat;background-size:cover;
	}
	ul.app-grid.bg li > div:hover,
	ul.app-grid.bg li > div.active {
		background:url(../../../images/daddypet/bg_icon_b1.gif) no-repeat;background-size:cover;
	}
	ul.app-grid.bg li > div:hover a,
	ul.app-grid.bg li > div.active a {
		color:#fff;
	}

	ul.app-grid a.button-icon div.icon-bg {
		width:33px;height:33px;display:inline-block;background-size:contain;margin-bottom:8px;margin-top:0px;background-position:center center !important;
	}
	ul.app-grid a.button-icon div.icon-bg.menu1 {
		background:url(../../../images/daddypet/menu1.png) no-repeat;background-size:contain;
	}
	ul.app-grid a.button-icon div.icon-bg.menu2 {
		background:url(../../../images/daddypet/menu2.png) no-repeat;background-size:contain;
	}
	ul.app-grid a.button-icon div.icon-bg.menu3 {
		background:url(../../../images/daddypet/menu3.png) no-repeat;background-size:contain;
	}
	ul.app-grid a.button-icon div.icon-bg.menu4 {
		background:url(../../../images/daddypet/menu4.png) no-repeat;background-size:contain;
	}
	ul.app-grid a.button-icon div.icon-bg.menu5 {
		background:url(../../../images/daddypet/menu5.png) no-repeat;background-size:contain;width:22px;
	}
	ul.app-grid a.button-icon div.icon-bg.menu6 {
		background:url(../../../images/daddypet/menu6.png) no-repeat;background-size:40px auto;width:40px;
	}
	ul.app-grid a.button-icon div.icon-bg.menu8 {
		background:url(../../../images/daddypet/menu8.png) no-repeat;background-size:contain;width:30px;
	}
	ul.app-grid a.button-icon div.icon-bg.menu7 {
		background:url(../../../images/daddypet/menu7.png) no-repeat;background-size:45px auto;width:45px;
	}

	ul.app-grid li > div:hover a.button-icon div.icon-bg.menu1,
	ul.app-grid li > div.active a.button-icon div.icon-bg.menu1 {
		background:url(../../../images/daddypet/menu1_b.png) no-repeat;background-size:contain;
	}
	ul.app-grid li > div:hover a.button-icon div.icon-bg.menu2,
	ul.app-grid li > div.active a.button-icon div.icon-bg.menu2 {
		background:url(../../../images/daddypet/menu2_b.png) no-repeat;background-size:contain;
	}
	ul.app-grid li > div:hover a.button-icon div.icon-bg.menu3,
	ul.app-grid li > div.active a.button-icon div.icon-bg.menu3 {
		background:url(../../../images/daddypet/menu3_b.png) no-repeat;background-size:contain;
	}
	ul.app-grid li > div:hover a.button-icon div.icon-bg.menu4,
	ul.app-grid li > div.active a.button-icon div.icon-bg.menu4 {
		background:url(../../../images/daddypet/menu4_b.png) no-repeat;background-size:contain;
	}
	ul.app-grid li > div:hover a.button-icon div.icon-bg.menu5,
	ul.app-grid li > div.active a.button-icon div.icon-bg.menu5 {
		background:url(../../../images/daddypet/menu5_b.png) no-repeat;background-size:contain;
	}
	ul.app-grid li > div:hover a.button-icon div.icon-bg.menu6,
	ul.app-grid li > div.active a.button-icon div.icon-bg.menu6 {
		background:url(../../../images/daddypet/menu6_b.png) no-repeat;background-size:contain;
	}
	ul.app-grid li > div:hover a.button-icon div.icon-bg.menu8,
	ul.app-grid li > div.active a.button-icon div.icon-bg.menu8 {
		background:url(../../../images/daddypet/menu8_b.png) no-repeat;background-size:contain;
	}
	ul.app-grid li > div:hover a.button-icon div.icon-bg.menu7,
	ul.app-grid li > div.active a.button-icon div.icon-bg.menu7 {
		background:url(../../../images/daddypet/menu7_b.png) no-repeat;background-size:contain;
	}

	/* Grouped button */
	ul.group-btns { margin:0;padding:0; }
	ul.group-btns li { color:#fff;margin:0;padding:0;width:31%;text-align:center;display:inline-block;border:0px solid red;vertical-align:top; }
	ul.group-btns li img.icon { max-width:60px	;}
	ul.group-btns li span.title { display:block;margin-top:0px;font-size:1.3em;word-wrap:break-word;line-height:130%; }
	@media screen and (min-width: 480px) {
		ul.group-btns li img.icon { max-width:90px	;}
	}

	@media screen and (max-width: 480px) {
		ul.group-btns.mobile li { position:relative;color:#fff;margin:0px;padding:0;width:100%;text-align:left;margin-top:30px;vertical-align:middle;  }
		ul.group-btns.mobile li img.icon { max-width:60px;text-align:left;float:left;position:relative;top:0px;left:0px;width:80px;margin:0;padding:0;vertical-align:middle;  }
		ul.group-btns.mobile li span.title { display:block;font-size:1.3em;margin-left:80px;word-wrap:break-word;vertical-align:middle;color:#fff; }
	}

	/* List */
	ul.list-view { margin:0;padding:0;margin-left:0px;background:none; }
	ul.list-view li { position:relative;list-style:none;padding:15px 0;margin:0;border-bottom:1px solid #ddd;overflow:hidden !important;width:100%;background:none; }
	ul.list-view li:hover { cursor:pointer; }
	ul.list-view li:active { /*background:#f1f1f1;*/ }
	ul.list-view li span.desc { display:inline-block;white-space: nowrap;width:100%;margin-left:0px;overflow:hidden;text-overflow:ellipsis; }
	ul.list-view li span.desc.breakall { word-wrap:break-word;word-break:break-all; }
	ul.list-view li span.desc span.title { display:block;padding-bottom:0px;font-weight:bold;font-size:1.1em; }	
	ul.list-view li.icon span.icon { display:inline-block;background:none;width:50px;height:50px;position:absolute;left:0;  }
	ul.list-view li.icon span.icon img { max-width:100%; }
	ul.list-view li.icon span.desc { width:73%;margin-left:65px;overflow:hidden;text-overflow:ellipsis; }
	ul.list-view li.icon:after { font-family:'vfont3';content:'\e6e9';font-size:30px;position:absolute;top:36%;right:5px;color:#ccc; }
	@media screen and (min-width: 480px) {
		ul.list-view li.icon { min-height:70px; }
		ul.list-view li.icon span.icon { width:70px;height:70px;  }
		ul.list-view li.icon span.desc { width:80%;margin-left:90px; }
	}

	ul.list-view-img { margin:0;padding:0; }
	ul.list-view-img li { margin:0;padding:0;list-style:none;height:114px;border-color:#555;padding:10px 5px;margin:10px 5px;padding-left:5px;background:rgba(0,0,0,0.2); }
	ul.list-view-img li span.img { float:left;height:100%;width:114px;max-width:40%;position:relative;overflow:hidden;vertical-align:middle;line-height:1em; }
	ul.list-view-img li span.img img { position:absolute;width:auto;height:100%;border-radius:50%; }
	ul.list-view-img li span.img.vertical img { height:auto; }
	ul.list-view-img li span.desc { float:left;height:100%;display:inline-block;max-width:58%;margin-left:5px;padding-left:10px; }
	ul.list-view-img li span.desc div.view-title { margin:8px 0;margin-bottom:5px;padding-bottom:5px;width:100%;color:#fff;font-size:1.25em;border-bottom:1px solid #444; }
	span.btn-content-info { font-size:22px;margin-right:10px;position:absolute;bottom:5px;right:0;color:#aaa;padding:3px;background:none;border-radius:20px; }
	div.updated { position:absolute;bottom:5px;color:#fffcab;font-size:0.7em; }
	div.ss { line-height:150%;font-size:0.8em;color:#bbb; }

	/* Appointment List view */
	ul.list-view-img.list-apm li {
		height:auto;min-height:114px;
	}
	ul.list-view-img.list-apm li span.img {
		height:114px;
	}
	ul.list-view-img.list-apm li span.img {
		line-height:1em;vertical-align:middle;
	}
	ul.list-view-img.list-apm li span.img img {
		width:24px;margin-left:30px;height:70% !important;width:auto !important;
	}
	ul.list-view-img.list-apm li span.desc {

	}
	ul.list-view-img.list-apm div.apm-type-badge:not(.type2) {
		text-align:left;transform:rotate(-90deg);transform-origin: left top;vertical-align:middle;z-index:4;position:absolute;left:0px;bottom:-25px;height:25px;line-height:25px;width:auto;display:block;width:80%;padding-left:10px;
		background:#9dfeff;
	}
	ul.list-view-img.list-apm div.apm-type-badge.type2 {
		text-align:left;vertical-align:middle;z-index:4;position:absolute;left:0px;top:0;height:25px;line-height:25px;width:auto;display:block;width:auto;padding:0 10px;padding-right:10px;border-radius:0 0 10px 0;
	}
	ul.list-view-img.list-apm div.apm-type-badge.apm_type-1 {
		background:#ceb799;
	}
	ul.list-view-img.list-apm div.apm-type-badge.apm_type-2 {
		background:#f6cac9;
	}
	ul.list-view-img.list-apm div.apm-type-badge.apm_type-3 {
		background:#d9f7a9;
	}
	ul.list-view-img.list-apm div.apm-type-badge.apm_type-4 {
		background:#91a7d0;
	}
	ul.list-view-img.list-apm div.apm-type-badge.apm_type-5 {
		background:#f4b794;
	}
	ul.list-view-img.list-apm div.apm-type-badge.act_id-1 {
		background:#f4b794;
	}
	@media screen and (min-width: 540px) {
		ul.list-view-img li { height:220px; }
		ul.list-view-img li span.img { width:220px; }
		ul.list-view-img li span.desc div.view-title { font-size:1.5em;margin-top:15px;padding-bottom:15px;margin-bottom:15px; }
		span.btn-content-info { font-size:28px; }
		div.updated { font-size:1em; }
		div.ss { font-size:1em; }
	}

	ul.content-list.list-news {
		padding:0;margin:0;
	}
	ul.content-list.list-news li {
		display:block;margin:10px 0;
	}
	ul.content-list.list-news span.img {
		display:block;position:relative;
	}
	ul.content-list.list-news span.img div.info {
		display:inline-block;position:absolute;bottom:5px;z-index:2;height:60px;background:rgba(0,0,0,0.6);
		color:#fff;line-height:60px;vertical-align:middle;width:95%;padding:0 2.5%;
		background: -webkit-linear-gradient(bottom, rgba(10, 10, 10, 1), rgba(10, 10, 10, 0));
		background: -moz-linear-gradient(top, rgba(10, 10, 10, 1), rgba(10, 10, 10, 0));
		background: -o-linear-gradient(top, rgba(10, 10, 10, 1), rgba(10, 10, 10, 0));
		background: linear-gradient(to top, rgba(10, 10, 10, 1), rgba(10, 10, 10, 0));
	}
	ul.content-list.list-news span.img div.info div.info-left {
		float:left;width:80%;display:inline-block;line-height:1em;
	}
	ul.content-list.list-news span.img div.info div.info-title {
		font-size:1.2em;display:block;padding-bottom:0px;margin-top:20px;text-shadow:1px 1px 1px #000;
		color:#e6cb96!important;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;line-height:1.16em;
	}
	ul.content-list.list-news span.img div.info div.info-right {
		float:left;width:20%;display:inline-block;text-align:right;
	}
	ul.content-list.list-news span.img div.info div.info-right img {
		width:25px !important;position:relative;top:15px;
	}
	ul.content-list.list-news span.desc {
		display:none;
	}
	ul.content-list.list-news span.img img {
		width:100% !important;height:auto !important;
	}

	ul.content-list.list-news.banner-news li {
		display:block;
	}
	ul.content-list.list-news.banner-news span.img {
		display:block;
	}

	li span.icon-v-mt-edit,
	li span.icon-v-mt-delete {
		color:#c5b697; /*color:#7eaa9f;*/
	}

	/* Select box on header */
	select.selectbox-header {
		text-align:right !important;border:0;background:none;font-size:inherit;padding:15px 5px;overflow:hidden;
		-webkit-appearance:none;max-width:80%;margin-right:10px;margin-left:5px;
	}
	select.selectbox-header option {
		text-align:right !important;overflow:hidden;
	}

	/* Checkbox */
	ul.app-checkbox { margin:0;padding:0; }
	ul.app-checkbox li { list-style:none;display:block;padding:3px 0; }
	ul.app-checkbox li:before { margin-right:15px;font-family:'vfont3';content:'\e139';color:#eee;font-size:20px;transition:all 0.2s; }
	ul.app-checkbox li.active:before { content:'\e138'; }
	ul.app-checkbox li span { padding:3px 0;font-size:17px;color:#fff; }

	/* Section */
	ul.app-section { margin:0;padding:0; }
	ul.app-section > li { position:relative;list-style:none;padding:15px 0;margin:0;border-bottom:1px solid #eee;overflow:hidden !important;width:100%;background:none; }
	ul.app-section.no-margin li,ul.app-section li.no-margin { padding:0;margin:0;border:1px solid red; }
	ul.app-section li:hover { cursor:pointer; }
	ul.app-section li:active { /*background:#f1f1f1;*/ }
	ul.app-section li div.section-title { font-weight:bold;border-bottom:0px solid #ccc;padding-left:5px;padding-bottom:5px;margin-bottom:10px;font-size:1.2em; }
	ul.app-section li div.section-title.border { border-bottom:1px solid #ccc; }

	ul.app-section li span.desc { display:inline-block;width:100%;margin:0px;overflow:hidden;position:relative; }
	ul.app-section li span.desc.breakall { word-wrap:break-word;word-break:break-all; }
	ul.app-section li span.desc span.title { display:block;padding-bottom:0px;font-weight:bold;font-size:1.1em; }
	ul.app-section li.icon span.icon { display:inline-block;background:none;width:50px;height:50px;position:absolute;left:0;  }
	ul.app-section li.icon span.icon img { max-width:100%; }
	ul.app-section li.icon span.desc { width:73%;margin-left:65px;overflow:hidden;text-overflow:ellipsis; }
	ul.app-section li.icon:after { font-family:'vfont3';content:'\e6e9';font-size:30px;position:absolute;top:36%;right:5px;color:#ccc; }
	@media screen and (min-width: 480px) {
		ul.app-section li.icon { min-height:70px; }
		ul.app-section li.icon span.icon { width:70px;height:70px;  }
		ul.app-section li.icon span.desc { width:80%;margin-left:90px; }
	}

	/* Radio */
		input[type=radio].css-checkbox {
			position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
		}
		input[type=radio].css-checkbox + label.css-label.radio {
			padding-left:26px;
			height:18px; 
			display:inline-block;
			line-height:18px;
			background-repeat:no-repeat;
			background-position: 0 0;
			font-size:18px;
			vertical-align:middle;
			cursor:pointer;
			width:100%;text-align:left;margin-left:0;
		}
		input[type=radio].css-checkbox:checked + label.css-label.radio {
			background-position: 0 -18px;
		}
		label.css-label.radio {
			background-image:url(/images/form/radio.png);
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			padding-left:20px;
		}

	/* Checkbox */
		input[type=checkbox].css-checkbox {
			position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
		}
		input[type=checkbox].css-checkbox + label.css-label.checkbox {
			padding-left:23px;
			height:18px; 
			display:inline-block;
			line-height:18px;
			background-repeat:no-repeat;
			background-position: 0 0;
			font-size:inherit;
			vertical-align:middle;
			cursor:pointer;transition:all 0.1s;
		}
		input[type=checkbox].css-checkbox:checked + label.css-label.checkbox {
			background-position: 0 -18px;
		}
		label.css-label.checkbox {
			background-image:url(../../../images/form/checkbox.png);
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		label.css-label {
			padding-left:0px !important;width:100%;text-align:left;text-indent:23px;
		}
		label.css-label.small {
			font-size:14px !important;padding-left:0px !important;display:inline-block;text-align:left;text-indent:23px;
		}

		.numberCircle {
			border-radius: 50%;  
			width: 36px !important;
			height: 36px !important;
			padding: 8px !important;

			background: #fff;
			/*border: 2px solid #eee !important;*/
			text-align: center;
			display:inline-block;
			cursor:pointer;background:#ccc;color:#fff !important;
			font-size:32px !important;margin:5px 10px;transition:all 0.1s;
		}
		.numberCircle:hover,
		.numberCircle.active {
			background:#ec1c24;
		}

		.numberCircle input {
			display:none;
		}


	/* Switch */
		.switch {
		  position: relative;
		  display: inline-block;
		  vertical-align: top;
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;
		  -webkit-background-clip: padding-box;
		  background-clip: padding-box;
		  position: relative;
		  overflow: hidden;
		  font-size: 16px;
		  padding: 0 20px;
		  border: none;
		  overflow: visible;
		  width: 51px;
		  height: 32px;
		  -webkit-border-radius: 30px;
		  border-radius: 30px;
		  z-index: 1;
		  text-align: left;
		}
		.switch__input {
		  position: absolute;
		  overflow: hidden;
		  right: 0px;
		  top: 0px;
		  left: 0px;
		  bottom: 0px;
		  padding: 0;
		  border: 0;
		  opacity: 0.001;
		  z-index: 1;
		  vertical-align: top;
		  outline: none;
		  width: 100%;
		  height: 100%;
		  margin: 0;
		  width: 51px;
		  height: 44px;
		  margin-top: -6px;
		  top: 0px;
		  left: 0px;
		}
		.switch__toggle:before {
		  position: absolute;
		  content: '';
		  -webkit-border-radius: 28px;
		  border-radius: 28px;
		  height: 28px;
		  width: 28px;
		  background-color: #fff;
		  border: 1px solid #ddd;
		  left: 0;
		  top: 1px;
		  -webkit-transition: all 0.35s cubic-bezier(0.5, 1.6, 0.5, 1);
		  -moz-transition: all 0.35s cubic-bezier(0.5, 1.6, 0.5, 1);
		  -o-transition: all 0.35s cubic-bezier(0.5, 1.6, 0.5, 1);
		  transition: all 0.35s cubic-bezier(0.5, 1.6, 0.5, 1);
		}
		.switch__toggle {
		  background-color: #ddd;
		  width: 50px;
		  position: absolute;
		  top: 0px;
		  left: 0px;
		  -webkit-border-radius: 30px;
		  border-radius: 30px;
		  height: 32px;
		}
		.switch__input + .switch__toggle:before {
		  margin-left: 0px;
		}
		.switch__input:checked + .switch__toggle:before {
		  margin-left: 0px;
		  -webkit-transform: translate3d(19px, 0px, 0px);
		  -moz-transform: translate3d(19px, 0px, 0px);
		  -ms-transform: translate3d(19px, 0px, 0px);
		  -o-transform: translate3d(19px, 0px, 0px);
		  transform: translate3d(19px, 0px, 0px);
		  border-color: #4cd964;
		}
		.switch__input:active + .switch__toggle {
		  border: none;
		}
		.switch__input:focus + .switch__toggle {
		  border: none;
		}
		.switch__input:disabled + .switch__toggle {
		  opacity: 0.3;
		  cursor: default;
		  pointer-events: none;
		}
		.switch__input:checked + .switch__toggle {
		  background-color: #4cd964;
		  -webkit-box-shadow: inset 0 0 0 0px rgba(0,0,0,0.4);
		  box-shadow: inset 0 0 0 0px rgba(0,0,0,0.4);
		  -webkit-transition: background-color 0.5s cubic-bezier(0.5, 1.6, 0.5, 1);
		  -moz-transition: background-color 0.5s cubic-bezier(0.5, 1.6, 0.5, 1);
		  -o-transition: background-color 0.5s cubic-bezier(0.5, 1.6, 0.5, 1);
		  transition: background-color 0.5s cubic-bezier(0.5, 1.6, 0.5, 1);
		}
		.switch__input:not(:checked) + .switch__toggle {
		  -webkit-box-shadow: inset 0 0 0 0px rgba(0,0,0,0.1);
		  box-shadow: inset 0 0 0 0px rgba(0,0,0,0.1);
		  -webkit-transition: background-color 0.5s cubic-bezier(0.5, 1.3, 0.5, 1);
		  -moz-transition: background-color 0.5s cubic-bezier(0.5, 1.3, 0.5, 1);
		  -o-transition: background-color 0.5s cubic-bezier(0.5, 1.3, 0.5, 1);
		  transition: background-color 0.5s cubic-bezier(0.5, 1.3, 0.5, 1);
		}
		.switch__input:not(:checked) + .switch__toggle:before {
		  -webkit-transform: translate3d(1px, 0px, 0px);
		  -moz-transform: translate3d(1px, 0px, 0px);
		  -ms-transform: translate3d(1px, 0px, 0px);
		  -o-transform: translate3d(1px, 0px, 0px);
		  transform: translate3d(1px, 0px, 0px);
		}
	/* Range */
		.range {
		  padding: 0;
		  margin: 0;
		  font: inherit;
		  color: inherit;
		  background: transparent;
		  border: none;
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;
		  -webkit-background-clip: padding-box;
		  background-clip: padding-box;
		  vertical-align: top;
		  outline: none;
		  -webkit-appearance: none;
		  -webkit-border-radius: 4px;
		  border-radius: 4px;
		  border: none;
		  height: 2px;
		  -webkit-border-radius: 0;
		  border-radius: 0;
		  -webkit-border-radius: 3px;
		  border-radius: 3px;
		  background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ddd));
		  background-image: -webkit-linear-gradient(#ddd, #ddd);
		  background-image: -moz-linear-gradient(#ddd, #ddd);
		  background-image: -o-linear-gradient(#ddd, #ddd);
		  background-image: linear-gradient(#ddd, #ddd);
		  background-position: left center;
		  -webkit-background-size: 100% 2px;
		  background-size: 100% 2px;
		  background-repeat: no-repeat;
		  overflow: hidden;
		  height: 31px;
		}
		.range::-moz-range-track {
		  position: relative;
		  border: none;
		  background-color: #ddd;
		  height: 2px;
		  border-radius: 30px;
		  box-shadow: none;
		  top: 0;
		  margin: 0;
		  padding: 0;
		}
		.range::-webkit-slider-thumb {
		  cursor: pointer;
		  -webkit-appearance: none;
		  position: relative;
		  height: 29px;
		  width: 29px;
		  background-color: #fff;
		  border: 1px solid #ddd;
		  -webkit-border-radius: 30px;
		  border-radius: 30px;
		  -webkit-box-shadow: none;
		  box-shadow: none;
		  top: 0;
		  margin: 0;
		  padding: 0;
		}
		.range::-moz-range-thumb {
		  cursor: pointer;
		  position: relative;
		  height: 29px;
		  width: 29px;
		  background-color: #fff;
		  border: 1px solid #ddd;
		  border-radius: 30px;
		  box-shadow: none;
		  margin: 0;
		  padding: 0;
		}
		.range::-webkit-slider-thumb:before {
		  position: absolute;
		  top: 13px;
		  right: 0px;
		  left: -1024px;
		  width: 1024px;
		  height: 2px;
		  background-color: #1284ff;
		  content: '';
		  margin: 0;
		  padding: 0;
		}
		.range:disabled {
		  opacity: 0.3;
		  cursor: default;
		  pointer-events: none;
		}

/**
*	Buttons
*/
	.mui-btn.floating {
	  background-color:#F44336;
	  width:60px;
	  height:60px;
	  border-radius:100%;
	  background:#F44336;
	  border:none;
	  outline:none;
	  color:#FFF;
	  font-size:36px;
	  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	  transition:.3s;  
	  -webkit-tap-highlight-color: rgba(0,0,0,0);
	  z-index:5;
	}
	.mui-btn.floating:focus {
	  transform:scale(1.1);
	  transform:rotate(45deg);
	  -ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);

	}

/**
* Form 
*/
	div.form {
		display:block;text-align:center;margin:0 0;padding-top:0;
	}
	div.form > div {
		border-bottom:1px solid #666;width:90%;margin:0 auto;height:50px;line-height:50px;vertical-align:middle;
	}
	div.form.view2 > div {
		border:0;background:rgba(120,110,98,0.05);padding:10px 10px;margin-top:5px;height:auto;line-height:1.5em;
		background:none;border-bottom:1px solid #f5f2ef;
	}
	div.form div.extra {
		height:120px;line-height:120px;
	}
	div.form div.field-title {
		display:block;margin:10px 0;color:#fff;font-weight:bold;color:#c5b697;
	}
	div.form.view2.data span.field-data {
		color:#fff;
	}
	div.form div.extra div.field-title {
		vertical-align:top;
	}
	div.form div.field-info {
		display:block;margin:0;color:#fff;
	}
	div.form div.field-info span.title {
		text-align:center;display:block;padding:5px 0;line-height:1em;font-weight:normal;
	}
	div.form div.field-info span.data {
		text-align:center;display:block;font-size:3em;line-height:1em;
	}
	div.form div.field-info span.data.small {
		font-size:2em;
	}
	div.form span.field-title {
		width:35%;display:inline-block;float:left;font-weight:normal;overflow:hidden;height:100%;color:#fff;color:#c5b697;
	}
	div.form span.field-data {
		width:65%;display:inline-block;float:left;color:#786e62;
	}
	div.form.data-program > div {
		position:relative;
	}
	div.form.data-program span.field-title {
		width:25%;
	}
	div.form.data-program span.field-title img {
		max-width:75%;
	}
	div.form.data-program span.field-data {
		width:75%;
	}
	div.form.data-program a.btn-program-edit {
		font-size:13px;position:absolute;bottom:5px;right:5px;margin:0;padding:0;width:auto;color:#fff;padding:0px 10px;
		background:#f42434;background:rgba(244,36,52,0.8);
	}
	div.form.data-program div.program-period {
		font-size:1.2em;color:#c5b697;
	}
	div.form.data-program div.program-detail {
		line-height:1em;margin-top:5px;margin-bottom:10px;
	}	
	div.form.data-program div.program-latest {
		color:#ffe191;font-size:0.8em;padding-top:5px;border-top:0px solid #555;line-height:1em;
	}
	div.form.data-program div.program-next {
		color:#b0e3f0;font-size:0.8em;padding-top:5px;margin-top:2px;border-top:0px solid #555;line-height:1em;
	}
	div.form input.textbox {
		width:100%;max-width:300px;margin:0 auto;background:transparent;border:0;/*border-bottom:1px solid #eee;*/	
		padding:0 10px;text-align:left;padding-left:5px;
		color:#786e62;
	}
	div.form input.textbox:before {	
		font-family:'vfont-material';content: "\e006";font-size:30px;color:#fff;
	}
	div.form input,
	div.form select,
	div.form select option,
	div.form textarea {
		font-size:1em;background:none;font-family:'itim',arial,tahoma;color:#786e62;outline: none;transition:all 0.15s;
	}
	div.form textarea {
		font-size:1em;border:none;background:rgba(0,0,0,0.1);padding:5px 2.5%;width:95%;height:100px;margin-top:5px;
	}
	div.form select {
		border:0;/*-webkit-appearance:none;*/max-width:80%;margin-right:10px;margin-left:5px;
	}
	div.form input.error,
	div.form select.error,
	div.form textarea.error {
		/*background:rgba(255,0,0,0.3);*/
		color:rgba(255,0,0,0.7);
	}
	div.form select.placeholder {
		color:#e3dcd3;
	}
	 ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
		color:    #e3dcd3;
	}
	div.form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color:    #e3dcd3;
	   opacity:  1;
	}
	div.form ::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:    #e3dcd3;
	   opacity:  1;
	}
	 :-ms-input-placeholder { /* Internet Explorer 10-11 */
	   color:    #e3dcd3;
	}

	input.error::-webkit-input-placeholder,
	div.form select.error.placeholder,
	div.form textarea.error::-webkit-input-placeholder {
		/*color:#ff0511;*/
		color:rgba(255,0,0,0.7);
	}

	div.form span.btn-actions {
		margin:20px 0;width:100%;display:block;text-align:center;
	}
	div.form a.btn-action {
		margin:10px auto;background:#73dfcc;width:80%;padding:8px 0;display:inline-block;font-weight:bold;height:30px;vertical-align:middle;line-height:30px;text-align:center;
	}
	@media screen and (min-width: 540px) {
		div.form a.btn-action {
			margin:10px 10px;width:40%;
		}
	}