/* ABSTRACT */
/* CSS Document */
/* BASE */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

html { --scrollbarBG: #CFD8DC; --thumbBG: #90A4AE; }

body::-webkit-scrollbar { width: 11px; }

body { scrollbar-width: thin; scrollbar-color: var(--thumbBG) var(--scrollbarBG); }

body::-webkit-scrollbar-track { background: var(--scrollbarBG); }

body::-webkit-scrollbar-thumb { background-color: var(--thumbBG); border-radius: 6px; border: 3px solid var(--scrollbarBG); }

strong { font-weight: bold; }

li { line-height: 1.2; }

input:autofill { background: #fff; /* or any other */ }

h1 { font-size: 28px; text-transform: uppercase; padding: 10px 0px; margin: 0px; color: #ffffff; }

h2 { font-size: 22px; text-transform: uppercase; padding: 10px 0px; margin: 0px; color: #ffffff; }

h3 { font-size: 18px; text-transform: uppercase; padding: 10px 0px; margin: 0px; color: #ffffff; }

h4 { font-size: 16px; text-transform: uppercase; padding: 10px 0px; margin: 0px; color: #ffffff; }

sub { font-size: 10px; }

/* LAYOUT */
html, body { background-color: #222222; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; height: 100%; }

#container { margin: 10px; background-color: #222222; }

#container > section { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0); margin-top: 10px; background-color: #1d1d1d; padding: 10px; }

table th { padding: 10px; }
table td { padding: 10px; }

#ui-datepicker-div, .ui-datepicker { background-color: #000000; padding: 10px; }

.nicerow { border-bottom: 1px solid #181818; }

.nicerow .nicecell { width: 20%; float: left; }

.nicerow3 .nicecell { width: 31%; float: left; }

.nicerow4 .nicecell { width: 24%; float: left; }

.pad { padding: 10px; overflow: hidden; background: #222222; min-height: 20px; }

.clearfix { clear: both; float: none !important; }

header div { margin-left: 50px; line-height: 40px; font-size: 20px; font-weight: 200; }

header img { height: 40px; text-align: left; vertical-align: middle; padding-right: 10px; float: left; }

header .loginbutton { padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0); text-decoration: none; color: #fff; position: absolute; right: 10px; top: 10px; font-size: 16px; }
header .loginbutton:hover { background-color: rgba(255, 255, 255, 0.2); }

header { padding: 10px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0); margin-top: 10px; background-color: #1d1d1d; color: #ffffff; font-size: 32px; height: 40px; }

#apps { margin: 0; padding: 0; list-style: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0); padding: 1px; margin: 0px; height: 35px; }
#apps li { display: inline-block; margin-left: 1px; margin-right: 1px; margin-top: 0px; margin-bottom: 0px; padding: 0px; }
#apps li { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
#apps li img { width: 30px; display: block; margin: 0px; padding: 2px; }
#apps li:hover, #apps li.active { background: rgba(255, 255, 255, 0.5); }

@media (max-width: 640px) { header { height: 20px !important; padding: 5px !important; }
  header img { height: 20px; }
  header .loginbutton { padding: 4px !important; top: 5px !important; right: 5px !important; font-size: 11px !important; text-transform: uppercase; }
  header div { font-size: 16px !important; line-height: 1.2; margin-left: 30px; } }
#navigation { background: #1a1a1a; }
#navigation ul li { padding: 0px; }
#navigation ul li a { padding: 10px 6px; text-decoration: none; display: block; color: #ffffff; border-bottom: 1px solid #252525; }
#navigation ul li a:hover { background: #252525; color: #ff5100; }

/* FEATURES */
/* Blur The Window */
#container.protect { filter: blur(8px); -webkit-filter: blur(8px); }

#timeout { position: fixed; bottom: 2px; background: #0f0; height: 4px; z-index: 10000; width: 0px; }

/* optional */
li { line-height: 2; }

:invalid { outline: 1px solid red; }

.shell { position: relative; line-height: 1; }

.shell span { position: absolute; left: 3px; top: 1px; color: #ccc; pointer-events: none; z-index: -1; }

.shell span i { font-style: normal; /* any of these 3 will work */ color: transparent; opacity: 0; visibility: hidden; }

input.masked, .shell span { font-size: 16px; font-family: monospace; padding-right: 10px; background-color: transparent; text-transform: uppercase; }

/*# sourceMappingURL=masking-input.css.map */
/* COMPONENTS */
.sbtn { background-color: #ff5100; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; margin-top: 3px; margin-bottom: 3px; color: #ffffff !important; display: inline-block; text-align: center; padding: 2px 5px; text-decoration: none; cursor: pointer; margin-top: 10px; border: 0px solid #ffffff; font-size: 12px !important; }
.sbtn:hover { background-color: #cc4100; }

.btn { background-color: #ff5100; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; margin-top: 3px; margin-bottom: 3px; color: #ffffff !important; display: inline-block; text-align: center; padding: 2px 5px; text-decoration: none; cursor: pointer; margin-top: 10px; border: 0px solid #ffffff; padding: 10px; font-size: 16px !important; }
.btn:hover { background-color: #cc4100; }

/* tabs */
#tabs { background: none; color: #ffffff; }

.ui-widget-header, .ui-widget-content { background: none; color: #ffffff; border-top: 0px solid #ffffff; border-right: 0px solid #ffffff; border-left: 0px solid #ffffff; border-bottom: 1px solid #151515; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; }

.ui-widget.ui-widget-content { border: 0px solid #ffffff; }

.ui-tabs { padding: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; border: 0px solid #ffffff; }
.ui-tabs .ui-tabs-nav { padding: 0px; }

.ui-state-default, .ui-tabs-tab { background: none !important; border: 0px solid #ffffff !important; outline: 0; }

.ui-state-active a { color: #ff5100 !important; }

.ui-widget.ui-widget-content div a:not(.btn) { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #ffffff !important; padding: 5px; background-color: #3c3c3c; display: inline-block; margin-bottom: 2px; text-decoration: none; }
.ui-widget.ui-widget-content div a:not(.btn):hover { background-color: #a2a2a2; }

/* CSS Document */
/* forms */
#addcred { width: 100%; max-width: 100%; }

.form_field { float: left; }

.field_10 { width: 10%; }

.field_20 { width: 20%; }

.field_30 { width: 30%; }

.field_40 { width: 40%; }

.field_50 { width: 50%; }

.field_60 { width: 60%; }

.field_70 { width: 70%; }

.field_80 { width: 80%; }

.field_90 { width: 90%; }

.field_100 { width: 100%; }

input[type=text], input[type=email], input[type=password] { width: 90%; padding: 10px 5%; border: 0px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.6); outline: 0; font-size: 16px; color: #666666; }

input[type=submit], button[type=submit] { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background: #ff5100; padding: 10px; margin: 10px 0px; border: 0px; color: #ffffff; }

/* APPS */
#awardie { padding: 30px; position: fixed; top: 10px; right: 10px; z-index: 100000; background: #272727; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; border: 1px solid #3c3c3c; box-shadow: -10px 10px 10px #1d1d1d; display: none; }

#awardie > div { position: relative; }
#awardie > div .tip { position: absolute; left: -200px; top: 0px; width: 180px; background: #131313; padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; display: none; }

#awardie div img { width: 40px; margin: 5px; padding: 5px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; cursor: pointer; }
#awardie div img:hover { background: #1f1f1f; }
@media (max-width: 640px) { #awardie div img { width: 30px; } }

#awardieclose { position: absolute; right: 5px; top: 5px; width: 40px; height: 40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; background: #1f1f1f; line-height: 40px; text-align: center; cursor: pointer; z-index: 10000; }

/* CSS Document */
.track { position: relative; width: 100%; }

.slide { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.ipsum { position: absolute; display: block; padding: 30px; background-color: rgba(12, 14, 35, 0.86); font-size: 3em; top: 10px; margin: 0px; text-transform: uppercase; }

.top > .ipsum { width: 100%; left: 20px; right: 20px; top: 20px; }

.topright > .ipsum { right: 10px; width: auto; left: auto; }

.right > .ipsum { left: auto; right: 10px; bottom: 10px; top: 10px; width: 45%; height: 100%; }

.bottomright > .ipsum { right: 10px; left: 10px; top: auto; bottom: 10px; }

.bottom > .ipsum { top: auto; bottom: 10px !important; right: 10px; left: 10px; width: 100%; }

.left > .ipsum { right: auto; left: 10px; top: 10px; bottom: 10px; width: 40%; height: 100%; }

.bottomleft > .ipsum { right: auto; left: 10px; top: auto; bottom: 10px; }

.awesome-slides { position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: -1; }

@media all and (max-width: 640px) { .top > .ipsum, .topright > .ipsum, .right > .ipsum, .bottomright > .ipsum, .bottom > .ipsum, .left > .ipsum, .bottomleft > .ipsum { font-size: 20px !important; position: absolute !important; top: auto !important; right: auto !important; bottom: 0px !important; left: auto !important; width: auto !important; height: auto !important; } }
.awesome { overflow: hidden; }

.awesome, .awesome #container { background: none; }

.awesome section { display: none; }

.awesome section { padding: 0px !important; border-radius: border-radius(5px); overflow: hidden; }

.spiritual { overflow: hidden; }

/* CSS Document */
.cred .actionmenu { position: absolute; right: 24px; width: 20px; }
.cred .actionmenu div { width: 20px; height: 20px; background-color: #ff5100; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; margin-top: 3px; cursor: pointer; }
.cred .actionmenu div img { width: 16px; height: 16px; margin: 2px; }
.cred .actionmenu .deletebutton { display: block; }
.cred .actionmenu .savebutton { display: none; }
.cred .pad:not(#accnotes) { height: 20px; overflow: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
.cred .pad:not(#accnotes):focus { overflow-x: auto; }
.cred .pad#accnotes { min-height: 200px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; line-height: 1.4; }
.cred #addcredbutton { width: 20px; height: 20px; background-color: #ff5100; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; margin-top: 3px; margin-bottom: 3px; color: #ffffff; display: block; text-align: center; line-height: 20px; cursor: pointer; }

.cred section > nav { width: 14%; float: left; margin-right: 1%; }

.cred section > article { width: 85%; float: left; }

#addform { display: none; }

#addaccountform { display: none; }

/*.activelistitem{background: yellow;}
.doitlist {
	width:90%;
	li {
		padding-left:10px;
		margin:5px;
		display: block;
		position: relative;

		span{
			background:lighten($background-color, 10%);
			padding:10px 10px;
			border-radius: 5px;
			display: inline-block;
			width:100%;
			max-width: 89.5%;     

			z-index: 2;
		}
		
		span.handle{
			display: block;
			background: #f00;
			width:20px;
			height: 20px;
			position: absolute;
		}
		
		li {
			
			span{
				background:lighten($background-color, 20%);
			}
			
			li {
				span{
					background:lighten($background-color, 30%);

				}			
			}
		}
	}

	a.timeval{
		  font-size:13px;
		  background: #7a0152 !important;
		  margin-left:20px;
		  padding:2px 8px !important;
		  width: 50px !important;
		  text-align: right;
		  position: absolute;
		  right:40px;
		  top:10px;
		  height: 16px;
		  border-radius: 4px;
		  -moz-box-shadow:    inset 0 0 2px #000000;
		  -webkit-box-shadow: inset 0 0 2px #000000;
		  box-shadow:         inset 0 0 2px #000000;
		  color:#ffffff;

	}
	li li a.timeval{
		  background: #3a0152 !important;

	}

	li li li a.timeval{
		  background: #194d9b !important;
	}
	a.timeval.off{display: none;}	

}

.bin{z-index: 1000; width:40px; height:40px; background: url("/includes/images/bin.png"); background-size: 40px 40px; background-repeat: no-repeat; position: absolute; right:-50px; top :0px;;}


*/
/*fit */
.fit .col3 { width: 31.3333333%; margin: 1%; float: left; }
@media (max-width: 640px) { .fit .col3 { width: auto; float: none; clear: both; } }
.fit .col3.green { background: #0d5a06; }
.fit .col3.orange { background: #9a4e11; }
.fit .col3.red { background: #9a111b; }
.fit table { width: 100%; border-spacing: 1px; border-collapse: separate; }
.fit table tr td { background: rgba(0, 0, 0, 0.4); min-height: 30px; }

.habitrow { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; margin-top: 10px; margin-bottom: 10px; line-height: 1.4; padding: 20px; background: #222222; }
.habitrow div { position: relative; }
.habitrow div:nth-child(1) { float: left; width: 20%; }
.habitrow div:nth-child(2) { float: left; width: 60%; }
.habitrow div:nth-child(3) { float: left; width: 20%; }

.habitrowheader div:nth-child(1) { float: left; width: 20%; }
.habitrowheader div:nth-child(2) { float: left; width: 60%; }
.habitrowheader div:nth-child(3) { float: left; width: 20%; }

@media (max-width: 640px) { .habitrowheader { display: none; }
  .habitrow > div:nth-child(1), .habitrowheader > div:nth-child(1) { float: none; width: 100%; text-align: center; }
  .habitrow > div:nth-child(2), .habitrowheader > div:nth-child(2) { float: none; width: 100%; text-align: center; }
  .habitrow > div:nth-child(3), .habitrowheader > div:nth-child(3) { float: none; width: 100%; text-align: center; padding-top: 10px; text-transform: uppercase; color: #e6ca7d; } }
.habitimg { width: 60px; margin: 0px auto; display: block; }

.habitcaption { margin: 0px auto; display: block; text-align: center; text-transform: uppercase; font-size: 12px; }

.lab { position: absolute; top: -18px; left: -18px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; background: #1a1a1a; padding: 2px 10px; color: #2a2a2a; }

.lab.am { color: #e6ca7d; }

.lab.md { color: #c0e67d; }

.lab.pm { color: #7de6dd; }

.lab.sun { color: #d67db7; }

.habitcal { font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: center; margin: 0px auto; width: 70px; padding-top: 10px; height: 60px; background: url(/apps/habitstack/images/calendar.png); background-size: cover; }

.money section { display: block !important; }

#sheet { width: 70%; background: #337733; border-radius: 10px; overflow: hidden; }

#sheet table { border-collapse: collapse; margin: 0px; width: 100%; }

#sheet .caption { background: rgba(0, 0, 0, 0.1); padding: 10px; background: #337733; text-align: left; font-size: 20px; font-weight: bold; padding: 10px; display: block; position: relative; }

#sheet .caption .captionarrows { float: right; }

#sheet .sheethead { background: rgba(0, 0, 0, 0.6); }

#sheet .sheetfoot { background: rgba(0, 0, 0, 0.8); }

#sheet .sheetfoot .shbalance { background: rgba(0, 0, 0, 0.9); text-align: right; }

.sheetrow { background: rgba(0, 0, 0, 0.2); }

.sheetrow:nth-child(even) { background: rgba(0, 0, 0, 0.1); }

.sheetrowaction { background: black; padding: 10px; text-align: center; }

.sheetrowaction input { display: inline-block; margin: 5px auto; }

.sheetrowaction input:last-child { margin-right: 0px; }

.date { text-align: left; width: 70px; }

.moneyin { background: rgba(255, 255, 255, 0.8); width: 100px; color: black; text-align: right; }

.moneyout { background: rgba(255, 255, 255, 0.95); width: 100px; color: black; text-align: right; }

.cat { text-align: center; }

.shdate { text-align: left; }

.shdescription { text-align: left; }

.shref { text-align: left; }

.shcat { text-align: center; }

.shdebit { text-align: center; }

.shcredit { text-align: center; }

#formly { background: #337733; border-radius: 10px; overflow: hidden; width: 180px; float: right; }

#formly-title { padding: 10px; text-align: center; }

#formly select, #formly input[type=text] { padding: 10px; display: block; width: 100%; background: none; border: 0px solid #ffffff; margin: 0px; }

#formly input[type=submit] { padding: 10px; background: rgba(11, 102, 11, 0.5); border: 0px; }

#formly-fields { background: rgba(255, 255, 255, 0.9); }

.radios { padding: 10px 6px; color: #000000; font-size: .8em; }

@media all and (max-width: 640px) { #sheet { width: 100%; margin-bottom: 20px; overflow: scroll; }
  #formly { width: 100%; margin-bottom: 20px; } }
.proposals .nicecell { padding: 2%; margin: 1px; width: 29%; background: #151515; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; }

/* proposals */
.proposals section ul { list-style: disc; }
.proposals section ul li { padding: 10px 5px; margin-left: 14px; }

.project_item { -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; margin-bottom: 10px; background: #2c2c2c; display: flex; width: 100%; border-collapse: separate; }
.project_item > div { display: inline-block; min-height: 30px; line-height: 1; }
.project_item > div:first-child { flex: 0 0 50px; }
.project_item > div:nth-child(2) { flex: 1; }
.project_item > div:nth-child(3) { flex: 0 0 220px; }
.project_item > div:nth-child(4) { flex: 0 0 140px; }
.project_item > div:nth-child(5) { flex: 0 0 190px; }
.project_item > div:nth-child(6) { flex: 0 0 120px; }
.project_item > div:nth-child(7) { flex: 0 0 100px; }

.project_info { cursor: pointer; }

.project_item.visible .project_info_title { background-image: url("/apps/projects/images/hide.png"); }

.project_item.visible .project_info_description { display: block; }

.project_context { -webkit-border-radius: 23px; -moz-border-radius: 23px; -ms-border-radius: 23px; border-radius: 23px; width: 46px; height: 46px; background-size: contain; border: 1px solid rgba(255, 255, 255, 0.2); background-color: #005083; background-repeat: no-repeat; }

.project_category { background-image: url("/apps/projects/images/category.png"); background-repeat: no-repeat; background-size: 36px 36px; background-position: 6px 5px; padding: 17px 10px 17px 60px; background-color: #4a1a1a; }

.project_duration { background-image: url("/apps/projects/images/duration.png"); background-repeat: no-repeat; background-size: 36px 36px; background-position: 6px 5px; padding: 17px 10px 17px 60px; background-color: #1a2c4a; }

.project_status { background-image: url("/apps/projects/images/status.png"); background-repeat: no-repeat; background-size: 36px 36px; background-position: 6px 5px; background-color: #4a1a30; }

.project_cost { text-align: right; background-color: #214901; background-image: url("/apps/projects/images/currency-euro.png"); background-repeat: no-repeat; background-size: 36px 36px; background-position: 6px 5px; padding: 17px 10px 17px 60px; }

.project_alert { background-image: url("/apps/projects/images/alert.png"); background-repeat: no-repeat; background-size: 36px 36px; background-position: 6px 5px; background-color: #5c2200; }

.project_completeby { background-image: url("/apps/projects/images/calendar.png"); background-repeat: no-repeat; background-size: 36px 36px; background-position: 5px 5px; padding: 17px 10px 17px 60px; background-color: #552208; }

.project_edit { margin-left: 20px; background-image: url("/apps/projects/images/edit.png"); background-repeat: no-repeat; background-size: 36px 36px; background-position: center center; padding: 0px; height: 50px; background-color: black; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
.project_edit a { width: 100px; height: 50px; text-indent: -10000px; display: block; }

.project_info .project_info_title { font-size: 20px; background-image: url("/apps/projects/images/view.png"); background-repeat: no-repeat; background-size: 36px 36px; background-position: right 10px center; padding: 14px; overflow: hidden; flex-wrap: nowrap; }
.project_info .project_info_description { font-size: 16px; margin: 20px 10px; background: #181818; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; padding: 20px; display: none; }

.project_context.context-at-home { background-image: url("/apps/projects/images/context-at-home.png"); }

.project_context.context-at-office { background-image: url("/apps/projects/images/context-at-office.png"); }

.project_context.context-home-computer { background-image: url("/apps/projects/images/context-home-computer.png"); }

.project_context.context-in-car { background-image: url("/apps/projects/images/context-in-car.png"); }

.project_context.context-on-commute { background-image: url("/apps/projects/images/context-on-commute.png"); }

.project_context.context-shopping { background-image: url("/apps/projects/images/context-shopping.png"); }

.project_context.context-work-computer { background-image: url("/apps/projects/images/context-work-computer.png"); }

.formrow.third { width: 33.333%; display: inline-block; }

.formrow.sixth { width: 16.6666%; display: inline-block; background: #f00; }

.formrow .label { width: 33%; display: inline-block; }
.formrow .field { width: 66%; display: inline-block; }

form#update select, form#update input[type="text"] { background: transparent; border: 0px; color: #fff; height: 30px; box-shadow: none; outline: 0; }
form#update input:focus { background: rgba(255, 255, 255, 0.3); }
form#update select { height: 50px; font-size: 14px; }
form#update select option { font-size: 14px; background: #0a0a0a; padding: 10px; }
form#update > div { min-height: 30px; line-height: 1; }
form#update .project_item > div { flex: 1; }
form#update .project_item > div > div { float: left; }
form#update .project_alert { padding: 15px 10px 15px 60px; }
form#update .project_status, form#update .project_category, form#update .project_duration, form#update .project_completeby, form#update .project_cost { padding: 0px 0px 0px 60px; }
form#update .project_title { padding: 20px 0px; }
form#update .project_title input { background: rgba(0, 0, 0, 0.4); padding: 10px; width: 100%; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; }

/*paul*/
@media all and (max-width: 768px) { select { width: 32% !important; }
  .project_item div { background-size: 20px 20px; }
  .project_item { display: block; height: 50px; clear: both; margin-bottom: 10px; margin-bottom: 20px; }
  .project_item span { display: block; clear: both; float: none; }
  .project_item > div { min-height: 30px; float: left; display: block; }
  .project_item > div:last-child { min-height: 30px; float: right; display: block; }
  .project_item > div:first-child { width: 10%; float: left; }
  .project_item > div:nth-child(2) { width: 90%; float: left; }
  .project_context { border-radius: 15px; width: 30px; height: 30px; }
  .project_edit { height: 20px; margin: 2px; }
  .project_edit a { width: 100% !important; display: block; }
  form#update .project_status, form#update .project_category, form#update .project_duration, form#update .project_completeby, form#update .project_cost, .project_status, .project_category, .project_duration, .project_completeby, .project_cost { padding: 5px 5px 5px 20px !important; font-size: 10px !important; display: block; background-size: 10px !important; }
  .project_edit { width: 50px; }
  .project_info_title { font-size: 14px !important; } }
/* CSS Document */
.spiritual { background: none; }
.spiritual #container { background: none; }
.spiritual #container section { background: none; padding: 0px; overflow: hidden; }
@media (max-width: 640px) { .spiritual #container section { overflow-y: scroll; } }
.spiritual #container article { height: 100%; padding: 10px; }
.spiritual .prayer div { background-color: rgba(61, 39, 7, 0.9); width: 26%; margin: 0px 1%; padding: 10px 1%; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.spiritual .prayer div p { margin-bottom: 10px; font-size: 22px; }
@media (max-width: 640px) { .spiritual .prayer div { width: 100%; margin: 10px 0px; padding: 0px; float: none; }
  .spiritual .prayer div h3, .spiritual .prayer div p { padding: 20px; } }

/* CSS Document */
#shoppinglistitems { background: none; border: 0; width: 100%; min-height: 40vh; color: #ffffff; font-family: "Arial","Helvetica", sans-serif; }

.timeline { width: 80%; }

#milestones { padding: 10px; }

#milestones > div { font-size: 10px; padding-left: 2px; line-height: 1; height: 10px; border-left: 10px solid #00dd00; position: relative; min-width: 100px; margin-bottom: 5px; display: inline-block; }

#todayindicator { min-width: 100px; margin-top: 14px; position: absolute; left: 0px; border-left: 1px solid #ffffff; height: 20000px; top: 0px; font-size: 12px; padding-left: 4px; text-transform: uppercase; }

.qindicator { position: absolute; left: 0px; border-left: 1px solid #555555; color: #777777; top: 0px; font-size: 12px; padding-left: 4px; text-transform: uppercase; }

#progress { width: 100%; height: 5px; background: #2258d5; position: relative; }

/* CSS Document */
#homefamilyitems, #financecareeritems, #mentaleducationalitems, #physicalhealthitems, #socialculturalitems, #spiritualethicalitems { background: none; border: 0; width: 100%; min-height: 40vh; color: #ffffff; font-family: "Arial","Helvetica", sans-serif; }

#wheeloflife .item { min-height: 40vh; width: 31%; padding: 1%; float: left; }

#wheeloflife .item:nth-child(1) { background: #370203; }

#wheeloflife .item:nth-child(2) { background: #4a2300; }

#wheeloflife .item:nth-child(3) { background: #2e2500; }

#wheeloflife .item:nth-child(4) { background: #113700; }

#wheeloflife .item:nth-child(5) { background: #010437; }

#wheeloflife .item:nth-child(6) { background: #2f0137; }