body {background:#f4f4f4;color:#222;font-size:90%;}
h2 {font-size:1.7em;color:#51545a;margin-bottom:0.7em;}
h3 {font-size:1.2em;color:#51545a;margin-top:.9em;margin-bottom:0.5em;}
p {line-height:1.4em;}
input, select, textarea, .button {padding:12px 15px;border-radius:5px;border:none;font-family:'Roboto', sans-serif;font-weight:400;}
.button, input[type=submit] {background:#e07b38 no-repeat center;color:#fff;cursor:pointer;padding:10px 12px;font-weight:700;opacity:0.85;font-size:13px;text-decoration:none;display:inline-block;
transition: opacity .2s;
-moz-transition: opacity .2s;
-webkit-transition: opacity .2s;
-o-transition: opacity .2s;
}
.button:hover, input[type=submit]:hover {opacity:1;}
.button:disabled, input[type=submit]:disabled, .button.disabled {background-color:#ccc !important;opacity:1;cursor:default;}
.button.complete, input[type=submit].complete {background-color:#7dc282;opacity:1;}
strong {font-weight:700;}
a {text-decoration:none;cursor:pointer;
transition: all .2s ease;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
}
.flex {display:flex;}
.flex-wrap {flex-wrap:wrap;}
.flex-reverse {flex-direction:row-reverse;}
.flex-align-center {align-items:center;}
.flex-space {justify-content:space-between;}
table {width:100%;font-size:0.9em;}
table tr {transition: all .2s ease;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;}
table input[type=submit], table .button {font-size:0.9em;padding:8px 10px;}
td, th {padding:.75em;vertical-align:middle;line-height:1.2em;}
th {font-weight:700;text-align:left;padding-top:0;color:#7c8c98;}
td:first-child, th:first-child {padding-left:0;}
td:last-child, th:last-child {padding-right:0;}
th a {border-bottom:1px dotted #cde;white-space:nowrap;}
th a:after {content:"";border:5px solid transparent;display:inline-block;margin-left:5px;}
th a.asc:after {border-bottom-color:#cde;margin-bottom:2px;}
th a.desc:after {border-top-color:#cde;margin-bottom:-3px;}
tr + tr td {border-top:1px solid #eee;}
td.subtext {color:#999;}

.no-break {white-space:nowrap;}

textarea:focus, input:focus, select {outline:none;}
input.error {border:1px solid #F99 !important;}
.tile {border-bottom:2px solid #ddd;background:#fff;border-radius:7px;padding:2em;}
.tile input[type=text], .tile input[type=password], .tile input[type=email], .tile input[type=number], .tile textarea, .tile select {border:1px solid #eee;resize:none;
transition: border .2s;
-moz-transition: border .2s;
-webkit-transition: border .2s;
-o-transition: border .2s;
}
.tile + .tile, .message.open + .tile {margin-top:2em;}
.tile input[type=text]:hover, .tile input[type=password]:hover, .tile input[type=email]:hover, .tile textarea:hover,
.tile input[type=text]:focus, .tile input[type=password]:focus, .tile input[type=email]:focus.tile textarea:focus, .tile select:focus {border:1px solid #ddd;}
.login {position:absolute;top:50%;left:50%;margin:-120px -150px;width:300px;
transition: all .4s ease;
-moz-transition: all .4s ease;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
}
.tile input[type=text]:disabled, .tile input[type=password]:disabled, .tile input[type=email]:disabled, .tile textarea:disabled {border:1px solid #ddd;background:#ddd;color:#999;cursor:default;}
.login input:not([type=submit]) {width:100%;margin-bottom:15px;}
.login input[type=submit] {width:100%;}
.login span {position:absolute;bottom:-60px;display:block;font-size:0.7em;text-align:center;width:100%;left: 0;}
.login span a {color:#aaa;border-bottom:1px solid transparent;
}
.login span a:hover {color:#999;border-bottom-color:#ddd;}
.login form {position:relative;}
#login-logo {position:absolute;top:50%;left:50%;margin:-220px -25px;width:50px;height:50px;border-radius:100%;background:#ddd;}
#forgotten {top:55%;opacity:0;margin-top:-90px;z-index:-1;}
.forgot #forgotten {opacity:1;top:50%;z-index:1;}
.forgot #login {opacity:0;top:45%;z-index:-1;}
.login-error {font-size:0.7em;color:red;margin:15px 0 0;text-align:center;clear:both;background:#faf4f4;border-radius:3px;padding:0.8em 0 0.9em;}
.container {max-width:80rem;padding:0 2rem;margin-left:auto;margin-right:auto;}
fieldset input:not([type=submit]), fieldset textarea, .tile select, fieldset a.button {margin-bottom:1.2em;}
fieldset a.button {background:#51545a;font-size:0.7em;}
fieldset textarea {min-height:100px;}
fieldset input[type=file] {display:none;}
.tile fieldset label {color:#999;font-size:0.8em;margin-bottom:0.5em;display:block;}
.tile fieldset input:not([type=checkbox]), .tile fieldset textarea, .tile select {width:100%;}
.tile fieldset input[type=checkbox] {float:left;margin:1px 10px 1px 1px;} 
.tile fieldset input[type=checkbox] + label {font-size:0.9em;display:block;padding:2px 5px;margin-bottom:15px;color:#222;cursor:pointer;}
.tile h2 + p {margin-bottom:15px;margin-top:-5px;color:#999;font-size:0.9em;}
input[type=checkbox] {position:relative;height:16px;width:16px;cursor:pointer;}
input[type=checkbox]:after {content:"";position:absolute;top: -1px;left: -1px;line-height: 19px;right: -1px;bottom: -1px;background:#eee;border-radius:3px;font-family:sans-serif;text-align:center;}
input[type=checkbox]:hover:after {content:"\2714";color:#ccc;background:#e9e9e9;}
input[type=checkbox]:checked:after {content:"\2714";color:#3C0;}
header {background:#51545a;}
header > section {height: 73px;}
header .float-right {margin-left:1rem;}
header #profile, header #settings {height:33px;width:33px;position:relative;}
header #settings {background-image:url(/images/settings.png);background-repeat:no-repeat;background-position:center;}
header #profile {background-repeat:no-repeat;background-position:center;background-size:35px;}
header #profile.no-image, header #settings {background-size:17px;}
header .button {background:rgba(0,0,0,0.3);}
header .button:hover {background:rgba(0,0,0,0.5);}
header #logo {width:31px;height:31px;border-radius:3px;background:#fff;background-size:75%;background-position:center;margin:20px 3em 20px 0;background-repeat:no-repeat;}
header nav {font-size:0.9em;}
header nav a {margin-right:1em;color:rgba(255,255,255,0.5);height:73px;padding:25px 1em;display:inline-block;line-height:20px;
transition: all .2s ease;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
}
header nav a:hover {color:rgba(255,255,255,0.8);}
header nav a.current {color:#fff;position:relative;}
header nav a.current:after {position:absolute;content:"";bottom:0;left:50%;margin-left:-10px;border-bottom:10px solid #f4f4f4;
border-left:10px solid transparent;border-right:10px solid transparent;}
header a.button.current {opacity:1;background:rgba(0,0,0,0.5);}
header a.button.current:after {position:absolute;content:"";bottom:-20px;left:50%;margin-left:-10px;border-bottom:10px solid #f4f4f4;
border-left:10px solid transparent;border-right:10px solid transparent;}
header menu {justify-self:right;}
header + .container {margin-top:2em;overflow:auto;}
.third-wrapper .third:nth-child(n+2) {margin-left:2%;}
.third {width:32%;}
.two-third {width:66%;}
.third-wrapper.flex-reverse .third:nth-child(n+2) {margin-left:0;margin-right:2%;}
.tooltip {position:relative;}
.tooltip:before {content:"";position:absolute;top:100%;left:50%;margin-top:5px;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;opacity:0;border-bottom:0 solid rgba(0,0,0,0.8);}
.tooltip:after {content:attr(data-tooltip);position:absolute;top:100%;left:50%;width:110px;background:rgba(0,0,0,0.8);border-radius:5px;color:rgba(255,255,255,0.8);margin:0 -55px; opacity:0;text-align:center;font-size:0.9em;font-weight:400;max-height:0;padding:0 5px;}
.tooltip:before, .tooltip:after {
transition: all .2s ease;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
}
.tooltip:hover:after, .tooltip:hover:before {opacity:1;}
.tooltip:hover:before {border-bottom-width:5px;}
.tooltip:hover:after {max-height:100px;padding:5px;margin-top:10px;}
footer {font-size:0.8em;color:rgba(0,0,0,0.3);margin-top:2em;clear:both;padding-bottom:2em !important;}
footer a {color:rgba(0,0,0,0.3);border-bottom:1px dotted rgba(0,0,0,0.2);}
footer a:hover {color:rgba(0,0,0,0.4);}
input[type="submit"].clicked {text-indent:-999px;overflow:hidden;background-image:url(images/ajax-loader.gif);}
.message {max-height:0;opacity:0;padding:0 10px;color:rgba(0,0,0,0.3);font-size:0.8em;font-weight:700;border-radius:5px;
transition: all .4s ease;
-moz-transition: all .4s ease;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
}
.message.success {background:rgba(125,195,130,0.5);}
.message.error {background:#EEACAC;}
.message.open {max-height:80px;opacity:1;padding:8px 10px;}
.tile .message {margin-top:10px;}
.functions {text-align:right;}
.functions .button {margin-left:5px;}
.module-icon {cursor:default;display:inline-block;height:16px;width:16px;line-height:16px;text-align:center;background:#ddd;color:rgba(0,0,0,0.3);margin-right:5px;font-size:0.8em;border-radius:3px;font-weight:700;}
.module-icon.installed {background:#B7E0A3;color:rgba(0,0,0,0.5);}

.addmore {position:relative;display:block;}
.addmore .button {position:absolute;right:10px;bottom:28px;height:20px;line-height:20px;padding:0 7px;margin-bottom:0;}
.addmore.double input:nth-child(2n) {width:65%;}
.addmore.double input:nth-child(2n+1) {width:30%;float:right;}

#client-table tbody tr:hover {cursor:pointer;background:#f8f9fb;}
.arrow-down {border:5px solid transparent;border-top-color:#cde;display:inline-block;margin-bottom:-4px;margin-left:5px;opacity:0;
transition: all .2s ease;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
}
#client-table tbody tr:hover .arrow-down {opacity:1;}
.info-row {background:#f1f2f3 !important;display:none;}
.info-row:hover {cursor:default !important;}
.info-row td {border-top:none;}
.info-row .domains {font-style:italic;}

.social {margin-top:0.5em;}

.button.twitter {background:#55acee;}
.button.linkedin {background:#007bb6;}
.button.skype {background:#12A5F4;}

.uploader:after {content: attr(data-file);}
fieldset .logo {height: 50px;float: right;max-width:150px;}

.hidden {opacity:0;}

.functions .button {width:28px;height:28px;background-size:20px;background-position:center;background-repeat:no-repeat;}

.button.view {background-image:url(images/view.png);}
.button.edit {background-image:url(images/edit.png);}
.button.archive {background-image:url(images/delete.png);background-color:#933;}
.button.pay {background-color:#693;}

.month-title {width:5%;text-align:center;}
th.month-title {font-size:.7rem;padding-left:.5em;padding-right:.5em;}
.month {text-align:center;font-size:1.5em;position:relative;}
.month.current {border-left:1px solid rgba(0,0,0,0.05);border-right:1px solid rgba(0,0,0,0.05);}
.month span {display:inline-block;height:12px;background:#eee;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);}
.month.unpaid span {background:#EEACAC;}
.month.paid span {background:rgba(125,195,130,0.5);}
.month.free span {background:rgba(50,160,220,0.5);}
.hosting-price {color:rgba(0,0,0,0.5);font-size:.75rem;}

#running-totals span {display:inline-block;min-width:6em;}
#running-totals .detail {margin-top:.3em;font-size:.9em;opacity:.5;}

.tag {display:inline-block;padding:.3em .6em;border-radius:3px;background-color:#51545a;font-size:.8em;color:#fff;font-weight:700;}

.tag.expense-cat-1 {background-color:#4C9F70;}
.tag.expense-cat-2 {background-color:#BF1363;}
.tag.expense-cat-3 {background-color:#766153;}
.tag.expense-cat-4 {background-color:#388697;}
.tag.expense-cat-5 {background-color:#44355B;}
.tag.expense-cat-6 {background-color:#C3423F;}
.tag.expense-cat-7 {background-color:#FF9F1C;}
.tag.expense-cat-8 {background-color:#2081C3;}

/*! jQuery UI - v1.11.4 - 2015-05-15
* http://jqueryui.com
* Includes: core.css, datepicker.css
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

#ui-datepicker-div {background:#fff;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,0.2);}
.ui-datepicker-title {font-weight:700;}
.ui-datepicker-calendar td, .ui-datepicker-calendar th {text-align:center;}
.ui-datepicker td span, .ui-datepicker td a {color:#e07b38;border:1px solid #ddd;border-radius:3px;margin:2px;padding:5px;}

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}

@media (max-width:1200px){
	body {font-size:80%;}
	.button, input[type=submit] {font-size:12px;}
	.tile {padding:1.5em;}
}

@media (max-width:1024px){
	header #logo {margin-right:1rem;}
	header nav a {margin-right:0;}
	.page-expenses .id-row {display:none;}
}

@media (max-width:900px){
	/*.tag i {display:none;}*/
	.flex.third-wrapper {flex-direction:column;}
	.two-third, .third {width:100%;margin-left:0!important;margin-right:0!important;}
	.third-wrapper .third:nth-child(n+2) {margin-top:1.5rem;}
}