body {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #414141;
  -webkit-font-smoothing: antialiased;
}

a {
  color: #26B6E8;
  -webkit-transition: color 0.15s ease-in-out;
  -moz-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
}

a:hover,
a:focus {
  color: #0e97c7;
  text-decoration: none;
}

a:focus,
input:focus {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

.img-rounded {
  border-radius: 3px;
}

pre {
  color: #414141;
}

fieldset {
  border: 1px solid #d8d8d8;
}

legend {
  color: #414141;
}

.btn {
  padding: 10px 17px 12px;
  border-radius: 3px;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  -webkit-font-smoothing: antialiased;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
}

.btn:hover,
.btn:focus {
  color: #414141;
}

.btn:active,
.btn.active {
  box-shadow: none;
}

.btn-default {
  color: #414141;
  border-color: #ccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
  color: #414141;
  background-color: #f2f4f2;
  border-color: #ccc;
}

.btn-default i {
  color: #a4a4a4;
}

.open .dropdown-toggle.btn-default {
  color: #414141;
}

.btn-primary {
  background-color: #32cd32;
  border: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #29b429;
  border: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #32cd32;
  opacity: .5;
  border: none;
}

.btn-info {
  background-color: #26B6E8;
  border: none;
}

.btn-info:hover {
  color: #fff;
  background-color: #17a9dc;
}

.btn-info:focus {
  color: #fff;
}

.btn-info {
  background-color: #26B6E8;
  border: none;
}

.btn-info:hover {
  color: #fff;
  background-color: #17a9dc;
}

.btn-warning {
  color: #fff;
  background-color: #FFA405;
  border-color: #FFA405;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #F09A04;
  border-color: #F09A04;
}

.btn-lg {
  padding: 15px 30px 19px;
  font-size: 18px;
  border-radius: 5px;
}

.btn-xs {
  padding: 3px 11px;
}

.btn-default .caret {
  border-top-color: #414141;
}

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.06);
}

.dropup .btn-default .caret {
  border-bottom-color: #414141;
}

.dropdown-menu {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.dropdown-menu a {
  -webkit-transition: color 0;
  -moz-transition: color 0;
  -o-transition: color 0;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #f4f4f4;
}

.dropdown-menu > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
}

.dropdown-menu .divider {
  margin-bottom: 10px;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #414141;
  background-color: #f4f4f4;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  margin-top: 8px;
  font-size: 16px;
  color: #32CD32;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: #f4f4f4;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #414141;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #414141;
  border-bottom-color: #414141;
}

@media (min-width: 768px) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #414141;
  }
}

.navbar-inverse {
  background-color: #26B6E8;
  border-bottom: none;
}

.navbar-inverse .navbar-nav > li > a {
  color: #fff;
}

.navbar-inverse .navbar-nav > li > a > i {
  color: #65c7e3;
  -webkit-transition: color 0.15s ease-in-out;
  -moz-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
}

.navbar-inverse .navbar-nav > li > a:hover i,
.navbar-inverse .navbar-nav > li > a:focus i {
  color: #fff;
}

.navbar-inverse .navbar-nav > li.active > a > i {
  color: #fff;
}

.navbar-inverse .navbar-toggle {
  border-color: #414141;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #414141;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #26B6E8;
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #1c96bf;
  color: #fff;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: none;
}

.form-group {
  max-width: 600px;
  margin-bottom: 20px;
}

.form-control {
  color: #414141;
  height: 44px;
}

.form-control:focus {
  border-color: #bababa;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(209, 209, 209, 0);
}

.form-control:-moz-placeholder {
  color: #b0b0b0;
}

.form-control::-moz-placeholder {
  color: #b0b0b0;
}

.form-control:-ms-input-placeholder {
  color: #b0b0b0;
}

.form-control::-webkit-input-placeholder {
  color: #b0b0b0;
}

.input-group-addon {
  line-height: 1.1;
  background-color: #f3f4f3;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #f3f4f3;
  color: #252525;
}

fieldset {
  border: 1px solid #d8d8d8;
  margin: 0 2px 20px;
  padding: 20px 20px 5px;
  border-radius: 5px;
  max-width: 600px;
}

.nav-tabs {
  border-bottom: none;
  margin-bottom: 30px;
  text-align: center;
}

.nav-tabs > li {
  float: none;
  display: inline-block;
  margin-bottom: 0px;
}

.nav-tabs > li > a {
  min-width: 180px;
  background-color: #fff;
  color: #414141;
  display: inline-block;
  margin-right: -5px;
  line-height: 1.42857;
  border: 1px solid #d8d8d8;
  border-radius: 0px;
  text-align: center;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 12px;
}

@media (max-width: 1200px) {
  .nav-tabs > li > a {
    min-width: 120px;
  }
}

.nav-tabs > li:first-child > a {
  border-radius: 4px 0px 0px 4px;
}

.nav-tabs > li:last-of-type > a {
  border-radius: 0px 4px 4px 0px;
}

.nav-tabs > li > a:hover {
  border-color: #d8d8d8;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #26B6E8;
  border: 1px solid #26B6E8;
  border-bottom-color: #26B6E8;
}

.nav-tabs > li.active + li a {
  border-left-color: transparent;
}

.nav-tabs > li i {
  color: #c1c1c1;
  margin-right: 2px;
}

.nav-tabs > li.active i {
  color: rgba(255, 255, 255, 0.4);
}

.nav-tabs hr {
  border-color: #d8d8d8;
  margin-top: -23px;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified > li {
  float: none;
}

.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }

  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }

  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.alert {
  padding: 15px 20px 18px;
  border-radius: 0px;
  margin-bottom: 0;
  border: none;
  border-bottom: 1px solid #d8d8d8;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: 1px;
  right: 0px;
  color: inherit;
}

.alert-success {
  background-color: rgba(50, 205, 50, 0.15);
  border-color: #a9e3a9;
  color: #00a600;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #356635;
}

.alert-info {
  background-color: rgba(38, 182, 232, 0.1);
  border-color: rgba(38, 182, 232, 0.3);
  color: #26B6E8;
}

.alert-info .alert-link {
  color: #26B6E8;
}

.alert-danger {
  color: #FF5722;
  background-color: #f7eae7;
  border-color: #FF5722;
}

.alert-plain {
  background-color: #fafafa;
  border-color: #d8d8d8;
  color: #414141;
}

.alert a {
  color: #414141;
}

.alert-plain a {
  color: #3892e3;
}

.thumbnail .caption {
  padding: 9px;
  color: #414141;
}

a.list-group-item .list-group-item-heading {
  color: #414141;
}

.panel-body {
  padding: 18px 20px 20px;
}

.panel > .panel-body + .table {
  border-top: 1px solid #d8d8d8;
}

.panel-footer {
  background-color: #f3f3f3;
  border-top: 1px solid #d8d8d8;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #d8d8d8;
}

.panel-default {
  border-color: #d8d8d8;
}

.panel-default > .panel-heading {
  color: #414141;
  background-color: #f3f3f3;
  border-color: #d8d8d8;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d8d8d8;
}

.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d8d8d8;
}

.dropdown-menu {
  border-radius: 3px;
}

.dropdown-menu > li > a {
  color: #414141;
}

.tooltip {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.popover {
  font-size: 13px;
  padding: 0px;
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.popover-title {
  font-size: 13px;
  padding: 8px 16px 11px;
  border-bottom: 1px solid #e1e1e1;
  border-radius: 3px 3px 0 0;
}

.popover-content {
  padding: 10px 16px 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0, 0);
}

.modal-content {
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.modal-header {
  background-color: #f3f4f3;
  border-radius: 5px 5px 0px 0px;
  padding: 15px 20px 17px;
  border-bottom: 1px solid #d8d8d8;
}

.modal-backdrop {
  min-height: 900px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.95);
}

.modal-backdrop.in {
  opacity: 0.95;
  filter: alpha(opacity=90);
}

h4.modal-title {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: normal !important;
}

.modal-body {
  padding: 30px;
}

.modal-footer {
  background-color: #f3f4f3;
  border-top: 1px solid #d8d8d8;
  border-radius: 0px 0px 5px 5px;
  text-align: left;
  margin-top: 0;
}
.bootstrap-select .btn:focus {
  outline: none !important;
  outline-offset: -2px;
}

.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
  opacity: .45;
}

.dropdown-menu {
  min-height: 0 !important;
}

/*
.bootstrap-select.btn-group .dropdown-menu.open {
  max-height: 375px !important;
}
*/

/*
.bootstrap-select.btn-group .dropdown-menu.inner {
  max-height: 363px !important;
}
*/

.bootstrap-select.btn-group .no-results {
  font-size: 12px;
  color: #a7a7a7;
  padding: 3px 3px 3px 5px;
  background: #fff;
  margin: 0 5px;
}

.bs-searchbox input.form-control {
  height: 38px;
  padding-top: 4px;
  padding-bottom: 5px;
}
/* Table of Contents
==================================================
  #Shared (styles that span across modules)
  #Page Layout
  #Main Header
  #Header Subnav
  #Sidebar Navigation
  #Page Stats
  #Subnav
  #Level Containers
  #Index Page Metrics
  #Dashboard Metrics
  #Schedule
  #Cards
  #Table List View
  #Projects List
  #Invoices List
  #Estimates List
  #Recurring List
  #Tasks List
  #Details Screens
  #Project Details
  #Client Details
  #Invoice & Estimate Details
  #Invoice & Estimate Editing
  #Invoice & Estimate Public View
  #Managing Payments
  #Public Payments
  #Clients
  #Credits
  #Yearly Goal
  #Timer
  #Time Tracking
  #Budget
  #Settings
  #Account
  #Subscription Plans
  #Reports
  #Team
  #Notes
  #Main Footer
  #Forms
  #Modals
  #Vertical Utility Tabs
  #Quick Tour
  #Alerts
  #Onboarding
  #atooltip
  #Print
  #Typeahead
*/

/* #Shared
================================================== */

table td {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 300px;
}

.cta-link {
  color: #00B900;
}

.cta-link:hover,
.cta-link:focus {
  color: #25a425;
}

.cta-link i {
  color: #32cd32;
  -webkit-transition: color 0.15s ease-in-out;
  -moz-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
}

.cta-link:hover i {
  color: #25a425;
}

.btn-default.cta-link:hover {
  background-color: #e2fde2;
}

.btn-default:focus,
.btn-default:active {
  box-shadow: none;
}

*:focus {
  outline: none;
}

.capitalize {
  text-transform: capitalize;
}

p.cc-signup-message,
p.form-message {
  background-color: #FFFDE0;
  border: 1px solid #ebe8be;
  /* color: #4fb1ce; */
  border-radius: 3px;
  padding: 16px 20px 20px;
  margin-bottom: 20px;
}

img.ccards {
  position: absolute;
  top: -3px;
  right: 0px;
  width: 195px;
  height: 19px;
}

.payment-overlay {
  display: none;
  text-align: center;
}

.payment-overlay .vertical-center {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 120px;
}

.payment-overlay .modal-backdrop {
  z-index: 9999;
  position: fixed;
  height: 100%;
  width: 100%;
}

.payment-overlay i.fa {
  color: #D7D7D7;
}

.payment-overlay .line1 {
  font-size: 16px;
  color: #414141;
  margin: 10px 0 10px 0;
}

.payment-overlay .line2 {
  margin: 0;
  font-size: 14px;
  color: #a7a7a7;
}

.table-search {
  background-color: #FFFDE0;
  position: relative;
}

.table-search.with-filter-total {
  border-bottom: 1px solid #d8d8d8;
}

.table-search.in-modal {
  border-color: #d8d8d8;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
}

.table-search .fa-search {
  position: absolute;
  top: 15px;
  left: 16px;
  color: #C1C1C1;
}

.table-search .search-delete,
.search-input-delete {
  display: none;
}

.table-search .search-delete,
.search-input-delete {
  line-height: 0;
  position: absolute;
  top: 14px;
  right: 16px;
  color: #afafaf;
}

.table-search .search-delete:hover,
.search-input-delete:hover {
  color: #828282;
}

.form-control.search-list {
  background-color: #FFFDE0;
  border: none;
  border-radius: 0px;
  padding-left: 35px;
  padding-bottom: 24px;
  padding-top: 22px;
  box-shadow: none;
}

nav.back {
  margin-bottom: 20px;
}

h4 i {
  color: #AFAFAF;
}

.pointer {
  cursor: pointer;
}

.tab-content.padded {
  padding: 30px;
}

.tab-content.padded .alert {
  margin-bottom: 50px;
}

.panel i {
  color: #AFAFAF;
}

.well.alt {
  background-color: #FFFDE0;
  padding-bottom: 4px;
}

.well.alt .btn-default {
  background: #fff;
}

.dropdown-menu i {
  color: #AFAFAF;
}

.dropdown-toggle.withClient {
  padding-top: 4px;
  padding-bottom: 4px;
}

.dropdown-toggle.withClient .pull-left {
  font-size: 12px;
}

.dropdown-toggle.withClient .pull-left.client {
  font-size: 11px;
  text-transform: uppercase;
  color: #A7A7A7;
  letter-spacing: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.empty-screen-placeholder {
  text-align: center;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 50px 50px 40px;
}

.empty-screen-placeholder.cards {
  margin-right: 30px;
}

.empty-screen-placeholder i.marker {
  color: #d8d8d8;
  margin-bottom: 5px;
}

.empty-screen-placeholder h3 a i,
.empty-screen-placeholder h3 #plaid-link-button {
  color: #32cd32;
  -webkit-transition: color 0.15s ease-in-out;
  -moz-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
}

.empty-screen-placeholder h3 a:hover i {
  color: #25a425;
}

.empty-screen-placeholder h3 {
  font-size: 18px;
  color: #afafaf;
  margin-top: 5px;
}

.empty-screen-placeholder.error h3 {
  color: #414141;
}

.empty-screen-placeholder p {
  color: #a7a7a7;
  margin-top: 15px;
}

.powerhide {
  display: none !important;
}

.datepicker,
.ui-autocomplete {
  z-index: 1151 !important;
}

.ui-autocomplete {
  background-color: #fff;
  border: 1px solid #C5C5C5;
  border-radius: 0 0 3px 3px;
  color: #414141;
}

#schedule .ui-sortable-helper {
  display: table;
  background-color: #fff;
  box-shadow: 0 0 1px #ddd;
  border-collapse: none;
  border: 0 !important;
}

#schedule .ui-sortable-helper td {
  border-top: 1px solid #D8D8D8 !important;
  border-bottom: 1px solid #D8D8D8 !important;
}

label.error {
  font-weight: normal;
  color: #b94a48;
  margin-top: 6px;
  font-size: 11px;
  font-weight: bold;
}

input.error {
  background-color: #FFEAE9;
}

ul.google-visualization-tooltip-item-list {
  color: #414141;
  font-weight: bold;
  padding: 0 10px;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  margin: 4px 0 6px;
}

ul.google-visualization-tooltip-item-list li {
  display: inline;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}

ul.google-visualization-tooltip-item-list li:first-child span {
  font-weight: normal !important;
}

ul.google-visualization-tooltip-item-list li:last-child span {
  margin-left: 4px;
}

.btn-primary .fa {
  opacity: 0.5;
}

.btn-rounded {
  border-radius: 1000px;
}

.alert.stand-alone {
  padding: 15px 20px 18px;
  border-radius: 4px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.alert.stand-alone.alert-danger {
  border-color: #FF5722;
}

.btn-subtext {
  display: block;
  margin-top: 10px;
}

.currency-designation {
  text-transform: uppercase;
}

.checkbox.with-bg {
  background: #f3f3f3;
  padding: 6px 12px 7px;
  border-radius: 4px;
  margin-bottom: 10px;
}

#plaid-link-button {
  background: none;
  border: none;
  color: #17a9dc;
  padding: 0px;
}

.no-avatar {
  color: #fff;
  background-color: #b1b1b1;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 18px;
  line-height: 48px;
  display: block;
  border-radius: 1000px;
}

[data-animate-width] {
  width: 0;
}

/*Status marks are used in dropdown menus */

.status-mark {
  width: 11px;
  height: 11px;
  background-color: #b1b1b1;
  display: inline-block;
  margin-right: 5px;
  border-radius: 1000px;
}

.status-mark.active {
  background-color: #32CD32;
}

.status-mark.proposed {
  background-color: #FFA405;
}

.status-mark.completed {
  background-color: #26B6E8;
}

.status-mark.canceled {
  background-color: #b1b1b1;
}

.status-mark.billed {
  background-color: #32CD32;
}

.status-mark.unbilled {
  background-color: #FF5722;
}

.radio-group label.error {
  display: block;
  text-align: center;
  background-color: rgba(185, 74, 72, 0.1);
  padding: 12px 0px 13px 0px;
  border-radius: 4px;
}

#bulk-count {
  color: #a7a7a7;
  font-size: 12px;
}

#bulk-count:before {
  content: "(";
}

.pager #bulk-count {
  font-size: 14px;
  position: absolute;
  top: 11px;
  left: 0px;
}

.unstyled .bootstrap-select .btn {
  border: none;
  padding: 0px;
  padding-right: 25px;
  height: inherit;
  background-color: transparent;
  box-shadow: none;
}

.unstyled .bootstrap-select .btn .filter-option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btn.faux-selectpicker-face {
  width: 220px;
  text-align: left;
  position: relative;
  border: none;
  padding: 0px;
  padding-right: 25px;
  height: inherit;
  background-color: transparent;
  box-shadow: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btn.faux-selectpicker-face:hover {
  cursor: pointer;
}

.btn.faux-selectpicker-face .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}

.btn.faux-selectpicker-face .fa-spin {
  color: #a7a7a7;
  position: absolute;
  top: 4px;
  right: 12px;
  vertical-align: middle;
}

/* #Page Layout
================================================== */

body,
html {
  height: 100%;
}

body.no-header {
  border-top: 10px solid #26B6E8;
}

.ui-wrapper {
  min-width: 1024px;
  min-height: 100%;
  position: relative;
  overflow: hidden;
}

.ui-wrapper.narrow {
  max-width: 500px;
  min-width: 400px;
}

.ui-wrapper.narrow.empty {
  padding-top: 50px;
}

.main-content {
  margin-left: 125px;
}

.main-content.simple {
  margin-left: 0px;
}

.content-wrapper {
  padding: 30px;
}

.content-wrapper.details-screen {
  padding: 0px;
  position: relative;
}

.content-wrapper.with-utility-tabs {
  position: relative;
}

.simple .content-wrapper {
  padding-top: 50px;
}

.heading-outside-app {
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  margin-top: 75px;
  margin-bottom: 0;
}

.heading-outside-app h1 {
  font-size: 30px;
  margin-top: 0;
  margin-bottom: 15px;
}

.heading-outside-app.signup h1 {
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 15px;
}

.heading-outside-app h2 {
  font-size: 24px;
  color: #929292;
  margin-top: 0;
}

.heading-outside-app p {
  font-size: 20px;
  line-height: 30px;
  color: #929292;
  max-width: 650px;
  margin-right: auto;
  margin-left: auto;
}

.page-title {
  background-color: #F3F3F3;
  position: relative;
  border-bottom: 1px solid #D8D8D8;
  height: 48px;
}

.page-title h1 {
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 0;
  position: absolute;
  left: 20px;
  top: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.page-title h1 i {
  color: #C1C1C1;
}

.page-title-actions {
  position: absolute;
  right: 20px;
  top: 13px;
}

.page-title-actions.with-btn {
  top: 9px;
}

.page-title-actions .action-link {
  display: inline-block;
  margin-left: 20px;
  cursor: pointer;
  position: relative;
}

.page-title-actions .action-link.subdue {
  color: #a7a7a7;
}

.page-title-actions .action-link.subdue:hover {
  color: #7f7f7f;
}

.page-title-actions .action-link.years {
  width: 100px;
  height: 15px;
  overflow: visible;
}

.page-title-actions .action-link.years .input-group {
  position: relative;
  top: -5px;
}

.page-title-actions .action-link.years input {
  width: 60px;
  text-align: center;
  padding: 4px 0 5px;
  border-radius: 0 4px 4px 0;
  border: 1px solid #ccc;
}

.page-title-actions .action-link.years input:focus {
  outline: 0;
}

.page-title-actions .action-link.months {
  width: 120px;
  height: 15px;
  overflow: visible;
}

.page-title-actions .action-link.months .input-group {
  position: relative;
  top: -5px;
}

.page-title-actions .action-link.months input {
  width: 80px;
  text-align: center;
  padding: 4px 0 5px;
  border-radius: 0 4px 4px 0;
  border: 1px solid #ccc;
}

.page-title-actions .action-link.months input:focus {
  outline: 0;
}

.page-title-actions .action-link .beacon {
  width: 11px;
  height: 11px;
  background-color: #ffa405;
  display: block;
  position: absolute;
  top: -2px;
  left: -6px;
  border-radius: 100px;
}

.page-title-actions .action-link .beacon.positive {
  background-color: #28dc28;
}

.page-title-actions .checkbox {
  color: #17a9dc;
  margin-top: 0px;
}

.page-title-actions .fa {
  margin-right: 2px;
}

.page-title-actions .fa-caret-down {
  color: #C1C1C1;
  margin-left: 2px;
}

.page-title-actions .dropdown-menu {
  background-color: #f3f3f3;
  top: 34px;
  margin: 0;
  border-color: #d8d8d8;
  left: inherit;
  right: -2px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);
  border-radius: 0px 0px 4px 4px;
}

.page-title-actions .dropdown-menu > li > a:hover,
.page-title-actions .dropdown-menu > li > a:focus {
  background-color: #ebebeb;
}

.page-title-link {
  text-transform: none;
  letter-spacing: normal;
  float: right;
}

.page-title .page-title-link i {
  color: #17a9dc;
}

.page-title.outside-app {
  text-align: center;
  text-transform: none;
  letter-spacing: 0;
  font-size: 20px;
  margin-top: 50px;
  margin-bottom: 30px;
}

.page-title .btn-group {
  margin-left: 20px;
}

.page-title .btn-group .btn {
  background-color: #fff;
  padding: 4px 10px;
}

.page-title .btn-group .btn.active {
  cursor: default;
}

.page-title .btn-group .btn.active,
.page-title .btn-group .btn:hover {
  background-color: #f3f3f3;
}

.simple-column {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

/* #Main Header
================================================== */

header.main-header-new {
  height: 55px;
  background-color: #26B6E8;
  position: relative;
}

header.main-header-new h1 {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 12px;
  left: 39px;
  line-height: 0;
}

img.logo-header {
  width: 45px;
  height: 30px;
}

header.main-header-new.logo-only h1 {
  position: relative;
  text-align: center;
  left: 0;
}

header.main-header-new a {
  color: #fff;
}

header.main-header-new nav {
  position: absolute;
  top: 0px;
  right: 15px;
}

header.main-header-new .dropdown {
  display: inline-block;
}

header.main-header-new .dropdown .dropdown-toggle {
  color: #fff;
  height: 55px;
  background-color: rgba(255, 255, 255, 0.12);
  position: relative;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
}

/*
header.main-header-new .dropdown .dropdown-toggle {
    color: #fff;
    font-size: 18px;
    width: 37px;
    height: 37px;
    display: block;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    -o-border-radius: 500px;
    -ms-border-radius: 500px;
    border-radius: 500px;
    -webkit-transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    margin-top: 9px;
    margin-left: 5px;
    position: relative;
}
*/

header.main-header-new .dropdown .dropdown-toggle:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.12);
}

header.main-header-new .nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #109cce;
  border-color: #109cce;
}

header.main-header-new .nav > li > a:hover,
.nav > li > a:focus {
  background-color: #26B6E8;
}

header.main-header-new .nav .open.account > a,
.nav .open > a:hover,
.nav .open.account > a:focus {
  background-color: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.12);
}

header.main-header-new .dropdown.create .dropdown-toggle {
  background-color: #26B6E8;
  width: 67px;
}

header.main-header-new .dropdown.create .dropdown-toggle .fa-plus {
  font-size: 18px;
  width: 37px;
  height: 37px;
  background-color: #34d734;
  text-align: center;
  padding-top: 10px;
  position: absolute;
  top: 8px;
  right: 15px;
  display: block;
  border-radius: 500px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}

header.main-header-new .dropdown.create .dropdown-toggle:focus .fa-plus {
  box-shadow: none;
}

header.main-header-new .dropdown.account .dropdown-toggle {
  max-width: 275px;
  line-height: 17px;
  padding-left: 61px;
  padding-right: 55px;
}

header.main-header-new .dropdown.account .dropdown-toggle .name {
  display: block;
  margin-top: -6px;
  margin-bottom: 1px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

header.main-header-new .dropdown.account .dropdown-toggle .company {
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

header.main-header-new .dropdown.account .dropdown-toggle .caret {
  position: absolute;
  top: 25px;
  right: 15px;
}

header.main-header-new .dropdown.account .dropdown-toggle .fa-caret-down {
  position: absolute;
  background-color: #26B6E8;
  padding-left: 15px;
  padding-right: 13px;
  height: 55px;
  display: block;
  top: 0px;
  line-height: 55px;
  right: 0px;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
}

header.main-header-new .dropdown.account.open .dropdown-toggle .fa-caret-down {
  background-color: #109cce;
}

header.main-header-new .dropdown.account .dropdown-toggle:hover {
  background-color: rgba(255, 255, 255, 0.12);
}

header.main-header-new .dropdown.account .dropdown-toggle:hover .fa-caret-down {
  background-color: #109cce;
}

header.main-header-new .dropdown.account .dropdown-toggle .account-avatar {
  position: absolute;
  top: 8px;
  left: 15px;
  width: 37px;
  height: 37px;
  border-radius: 500px;
}

header.main-header-new .dropdown.notification .dropdown-toggle {
  margin-left: 15px;
}

header.main-header-new .dropdown.notification .dropdown-toggle:hover {
  background-color: #109cce;
}

header.main-header-new .dropdown.notification .dropdown-toggle .fa {
  font-size: 22px;
}

header.main-header-new .dropdown.notification .dropdown-toggle .beacon {
  width: 12px;
  height: 12px;
  background-color: #FFA405;
  position: absolute;
  top: 12px;
  right: 12px;
  border-radius: 500px;
}

header.main-header-new .dropdown.notification .dropdown-menu {
  width: 340px;
  text-align: center;
  color: #fff;
  padding: 20px 30px 30px;
}

header.main-header-new .dropdown.notification .dropdown-menu .icon {
  font-size: 56px;
  color: rgba(255, 255, 255, 0.25);
  margin-bottom: 10px;
}

header.main-header-new .dropdown.notification .dropdown-menu p {
  margin-bottom: 15px;
}

header.main-header-new .dropdown.notification .dropdown-menu .btn {
  display: inline-block;
}

header.main-header-new .dropdown.notification .dropdown-menu .btn:hover {
  background-color: #F09A04;
  border-color: #F09A04;
}

header.main-header-new .dropdown.utility img {
  width: 37px;
  height: 37px;
  position: absolute;
  top: 0px;
  left: 0px;
}

header.main-header-new .dropdown li.menu-title {
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(0, 0, 0, 0.06);
  margin-top: -5px;
  padding: 8px 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}

header.main-header-new .dropdown-menu {
  background-color: #109cce;
  top: 55px;
  margin: 0;
  border: none;
  left: inherit;
  border-radius: 0px 0px 5px 5px;
}

header.main-header-new .dropdown.account .dropdown-menu {
  min-width: 100%;
  border-radius: 0px 0px 0px 5px;
}

header.main-header-new .dropdown-menu a {
  color: #fff;
}

header.main-header-new .dropdown-menu > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
}

header.main-header-new .dropdown-menu > li > a:hover,
header.main-header-new .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.1);
}

header.main-header-new .dropdown-menu i {
  color: #65C7E3;
}

header.main-header-new .dropdown-menu .divider {
  background-color: rgba(0, 0, 0, 0.1);
  margin-bottom: 3px;
}

header.main-header-new .trial-btn {
  font-size: 12px;
  text-align: center;
  height: 37px;
  color: #fff;
  display: inline-block;
  position: relative;
  padding-top: 17px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 10px;
  line-height: 0px;
  text-transform: capitalize;
  top: 8px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
}

header.main-header-new .trial-btn:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.2) !important;
}

/* #Header Subnav
================================================== */

.header-subnav {
  background-color: #17a9dc;
  padding: 9px 20px 9px 20px;
}

.header-subnav ul {
  text-align: center;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.header-subnav ul li {
  display: inline;
  margin: 0px;
}

.header-subnav ul li a {
  color: #fff;
  padding: 7px 25px 9px 25px;
  margin-right: 5px;
  display: inline-block;
  border-radius: 1000px;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
}

.header-subnav ul li a:hover {
  background-color: rgba(0, 0, 0, 0.15);
}

.header-subnav ul li a .fa {
  opacity: 0.4;
}

.header-subnav ul li:last-child a {
  margin-right: 0px;
}

.header-subnav ul li.active a {
  background-color: rgba(0, 0, 0, 0.15);
}

/* #Sidebar Navigation
================================================== */

.sidebar-navigation {
  width: 125px;
  position: absolute;
  background: #2C2C2C;
  left: 0;
  top: 55px;
  margin-bottom: -50000px;
  padding-bottom: 50000px;
}

.sidebar-navigation ul {
  list-style: none;
  text-align: center;
  margin: 0;
  margin-top: 12px;
  padding: 0;
}

.sidebar-navigation ul a {
  color: #808080;
  color: rgba(255, 255, 255, 0.4);
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
}

.sidebar-navigation ul a:hover,
.sidebar-navigation ul a:active,
.sidebar-navigation ul li.active a {
  color: #fff;
}

.sidebar-navigation ul .fa {
  margin-bottom: 2px;
}

.sidebar-navigation ul span {
  display: block;
}

.dropdown.sidebar-nav-menu:hover .dropdown-menu {
  display: block;
}

.sidebar-nav-menu .dropdown-menu {
  background-color: #434343;
  border-color: #434343;
  padding-top: 3px;
  padding-bottom: 5px;
  left: 115px;
  text-align: left;
  min-width: 170px;
}

.sidebar-nav-menu .dropdown-menu.top {
  top: -7px;
}

.sidebar-nav-menu .dropdown-menu.bottom {
  top: auto;
  bottom: 25px;
}

.sidebar-nav-menu .dropdown-menu a {
  color: #fff;
  padding-top: 8px;
  padding-bottom: 8px;
}

.sidebar-nav-menu .dropdown-menu a .fa {
  opacity: .5;
}

.sidebar-nav-menu .dropdown-menu > li > a:hover,
.sidebar-nav-menu .dropdown-menu > li > a:focus {
  background-color: #4E4E4E;
}

.sidebar-nav-menu .dropdown-arrow-left {
  width: 0;
  height: 0;
  position: absolute;
  left: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #434343;
}

.sidebar-nav-menu .dropdown-arrow-left.top {
  top: 11px;
}

.sidebar-nav-menu .dropdown-arrow-left.bottom {
  bottom: 13px;
}

.sidebar-nav-menu .dropdown-menu li:first-child a:hover > .dropdown-arrow-left.top {
  border-right-color: #4E4E4E;
}

.sidebar-nav-menu .dropdown-menu li:last-child a:hover > .dropdown-arrow-left.bottom {
  border-right-color: #4E4E4E;
}

/* #Page Stats
================================================== */

.page-stats {
  text-align: center;
  padding-bottom: 70px;
  padding-top: 30px;
}

.page-stats.with-tabs {
  padding-bottom: 30px;
  padding-top: 60px;
}

.page-stats ul {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-stats ul li {
  display: inline-block;
}

.page-stats ul.stats-3 li {
  width: 32.5%;
}

.page-stats ul.stats-2 li {
  width: 49.5%;
}

.page-stats .stat-number {
  font-size: 34px;
  display: block;
}

.page-stats .stat-number.proposed {
  color: #FFA405;
}

.page-stats .stat-number.completed {
  color: #26B6E8;
}

.page-stats .stat-number.negative {
  color: #FF5722;
}

.page-stats .stat-number.warning {
  color: #ffa405;
}

.page-stats .stat-number.positive,
.page-stats .stat-number.active {
  color: #32CD32;
}

.page-stats .stat-label {
  text-transform: uppercase;
  letter-spacing: 1px;
}

.page-stats .stat-label a {
  text-transform: none;
  letter-spacing: normal;
}

.page-stats .stat-label i {
  color: #AFAFAF;
}

.page-stats .stat-label .popover {
  text-transform: none;
  letter-spacing: 0;
}

.page-stats .stat-label span {
  color: #a7a7a7;
}

/* #Subnav
================================================== */

nav.subnav {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 23px;
}

nav.subnav ul {
  list-style: none;
}

nav.subnav ul li {
  display: inline;
  padding-right: 20px;
}

nav.subnav ul li.active a {
  background-color: #26B6E8;
  color: #fff;
}

nav.subnav ul li a {
  padding: 7px 17px 10px;
  border-radius: 3px;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
}

nav.subnav ul li.active a:hover {
  background-color: #26B6E8;
}

/* #Level Containers
================================================== */

.level1-container {
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  margin-bottom: 20px;
  position: relative;
  vertical-align: top;
}

.level1-container.end-with-table {
  border-radius: 5px 5px 0px 0px;
}

.level1-container.square-corners {
  border-radius: 0px;
}

.signup.level1-container {
  margin-top: -20px;
}

.dashboard-placeholder {
  height: 340px;
  background-color: #f3f3f3;
}

.level1-container .container-info {
  color: #AFAFAF;
  position: absolute;
  right: 20px;
  top: 15px;
  text-transform: none;
}

.level1-container h3 .bootstrap-switch {
  position: absolute;
  right: 22px;
  top: 8px;
}

.level1-container h3.with-info .bootstrap-switch {
  right: 45px;
}

.level1-container h3 .form-group {
  position: absolute;
  right: 22px;
  top: 8px;
}

.cc {
  position: relative;
}

.cc .security-message {
  position: absolute;
  right: 0px;
  top: 0px;
}

.cc i {
  color: #AFAFAF;
}

.level1-container .stat i {
  color: #AFAFAF;
}

.level1-container .drag {
  color: #AFAFAF;
  position: absolute;
  right: 43px;
  top: 15px;
  cursor: move;
  display: none;
}

.level1-container.metric:hover .drag {
  display: block;
}

.level1-container .details {
  color: #AFAFAF;
  position: absolute;
  right: 66px;
  top: 12px;
  display: none;
}

.level1-container.metric:hover .details {
  display: block;
}

.level1-container.metric h3.level1-container-header {
  padding-right: 85px;
}

h2.level1-container-header,
h3.level1-container-header,
div.level1-container-header {
  font-size: 14px;
  background-color: #f3f3f3;
  margin-top: 0;
  border-radius: 5px 5px 0px 0px;
  padding: 15px 20px 17px;
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

h2.level1-container-header.for-table,
h3.level1-container-header.for-table {
  border: 1px solid #D8D8D8;
  border-bottom: none;
}

.level1-container h2 {
  text-transform: uppercase;
  letter-spacing: 1px;
}

.level1-container h2 i,
.level1-container h3 i,
h2.level1-container-header i,
h3.level1-container-header i {
  color: #C1C1C1;
}

.level1-container h2 em,
.level1-container h3 em {
  text-transform: none;
  letter-spacing: 0;
}

.level1-container .content {
  padding: 20px;
}

.level1-container .content.white-space {
  padding: 30px;
}

.level1-container .content.with-scroll {
  max-height: 260px;
  overflow-y: auto;
}

.level1-container.metric {
  width: 31%;
  display: inline-block;
  margin-right: 2%;
  opacity: 0;
}

@media (min-width: 1600px) {
  .level1-container.metric {
    width: 23%;
    margin-right: 1.7%;
  }
}

@media (min-width: 2000px) {
  .level1-container.metric {
    width: 19%;
    margin-right: .8%;
  }
}

.level1-container-stats {
  border-bottom: 1px solid #D8D8D8;
  padding: 25px 30px;
}

.level1-container-stats.open {
  border-bottom: none;
  padding: 0 0 30px;
}

.level1-container-stats .stat {
  display: inline-block;
  margin-right: 4%;
}

.level1-container-stats .stat:last-child {
  margin-right: 0;
}

.level1-container-stats .number {
  font-weight: bold;
  display: block;
  font-size: 60px;
  line-height: 1;
}

.level1-container.combo-field textarea {
  padding: 13px 20px;
  border-radius: 0px 0px 6px 6px;
  border: none;
  resize: none;
  min-height: 100px;
}

/* #Index Page Metrics
================================================== */

.index-page-metric {
  border-bottom: 1px solid #D8D8D8;
  padding: 25px 0;
}

.index-page-metric .chart-legend {
  text-align: center;
  font-size: 18px;
  margin-bottom: 30px;
}

.index-page-metric .chart-legend .key {
  display: inline-block;
  text-align: center;
  margin-left: 20px;
}

.index-page-metric .chart-legend .key.open .circle {
  background-color: #AFEAAF;
}

.index-page-metric .chart-legend .key.paid .circle {
  background-color: #32CD32;
}

.index-page-metric .chart-legend .key .circle {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 1000px;
  position: relative;
  top: 2px;
}

.index-page-metric .chart-legend .key:first-child {
  margin-left: 0px;
}

.index-page-metric .chart-bars {
  height: 200px;
}

.index-page-metric .chart-bars .pair-set {
  height: 180px;
}

.index-page-metric .chart-footer {
  margin: 20px 0 0;
  text-align: center;
}

.filter-bar form {
  text-align: center;
}

.filter-bar .bootstrap-select.btn-group .dropdown-menu.inner .text {
  display: block;
  max-width: 230px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.filter-bar .action-link.years {
  display: inline-block;
  width: 100px;
  margin-right: 3px;
  position: relative;
  top: -7px;
}

.filter-bar .action-link.years .input-group-addon {
  cursor: pointer;
}

.filter-bar .action-link.years input {
  width: 66px;
  text-align: center;
  padding: 10px 15px 12px;
  border-radius: 0 4px 4px 0;
  border: 1px solid #ccc;
}

.form-group {
  position: relative;
}

.form-group .count-bubble {
  display: none;
  position: absolute;
  top: -18px;
  right: 2px;
  font-weight: bold;
  color: #fff;
  background-color: #3CCC3E;
  width: 29px;
  height: 29px;
  text-align: center;
  border-radius: 1000px;
  line-height: 12px;
  z-index: 99;
  padding-top: 8px;
}

.index-page-metric .level1-container-header {
  padding: 10px 20px;
}

.index-page-metric .level1-container-header h3 {
  font-size: 14px;
  line-height: 1em;
  margin: 8px 0 0;
  padding: 0;
  float: left;
}

.index-page-metric .bars-twelve-pairs .pair-label {
  -ms-transform: none;
  -moz-transform: none;
  -webkit-transform: none;
  -o-transform: none;
}

.index-page-metric .bars-twelve-pairs {
  height: 200px;
}

.index-page-metric .bars-twelve-pairs .pair-set {
  width: 7.5%;
  margin-right: .4%;
  height: 180px;
}

.index-page-metric .bars-twelve-pairs .bar-previous,
.index-page-metric .bars-twelve-pairs .bar-heavy,
.index-page-metric .bars-twelve-pairs .bar-light {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.index-page-metric .bars-twelve-pairs .pair-label {
  font-size: 12px;
  position: absolute;
  bottom: -24px;
  left: 0;
  text-align: center;
  width: 100%;
  display: block;
}

#expensesPerMonth.index-page-metric .bars-twelve-pairs .bar-previous {
  background-color: #FF5722;
}

#expensesPerMonth.index-page-metric .bars-twelve-pairs .bar-previous:hover {
  background-color: #E14E29;
}

#invoicesPerMonth.index-page-metric .bar-heavy {
  background-color: #32CD32;
  z-index: 1;
}

#invoicesPerMonth.index-page-metric .bar-light {
  background-color: #AFEAAF;
  z-index: 0;
}

#expensesPerMonth.index-page-metric .bar-heavy {
  background-color: #FF5722;
  z-index: 1;
}

#timePerMonth.index-page-metric .bar-heavy {
  background-color: #AFEBB0;
  z-index: 1;
}

#mileagePerMonth.index-page-metric .bar-heavy {
  background-color: rgba(38, 182, 232, 0.35);
  z-index: 1;
}

.index-page-metric#timePerMonth .bars-twelve-pairs .pair-label,
.index-page-metric#expensesPerMonth .bars-twelve-pairs .pair-label,
.index-page-metric#mileagePerMonth .bars-twelve-pairs .pair-label {
  bottom: -34px;
  line-height: 1.2em;
  font-size: 12px;
  margin-left: -12px;
  width: 50px;
  left: 50%;
  margin-left: -25px;
}

#timePerMonth.monthly .bars-twelve-pairs .pair-label,
#timePerMonth.yearly .bars-twelve-pairs .pair-label,
#expensesPerMonth.monthly .bars-twelve-pairs .pair-label,
#expensesPerMonth.yearly .bars-twelve-pairs .pair-label,
#mileagePerMonth.monthly .bars-twelve-pairs .pair-label,
#mileagePerMonth.yearly .bars-twelve-pairs .pair-label {
  bottom: -20px;
}

#timePerMonth.weekly .bars-twelve-pairs .pair-label,
#expensesPerMonth.weekly .bars-twelve-pairs .pair-label {
  font-size: 11px;
  bottom: -40px;
}

/* #Dashboard Metrics
================================================== */

.content-wrapper.dashboard {
  padding-right: 0;
}

.metric .content {
  padding: 30px 15px;
  min-height: 290px;
}

/* Metric: Big Bar */

.big-bar {
  text-align: center;
}

.big-bar .bar-bg {
  background-color: #E9E9E9;
  width: 80px;
  height: 140px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 5px;
  position: relative;
  margin-bottom: 20px;
}

.big-bar .bar-progress {
  width: 100%;
  background-color: #32CD32;
  border-radius: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
}

.big-bar .bar-progress:hover {
  background-color: #1db91d;
}

.big-bar h4 {
  font-size: 36px;
}

.big-bar h4 span.percentage {
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  color: #AFAFAF;
}

.big-bar .stats {
  margin-bottom: 0;
}

.big-bar .stat {
  margin-right: 10px;
}

.big-bar .stat:last-child {
  margin-right: 0px;
}

.big-bar .stat .difference {
  color: #32CD32;
  white-space: nowrap;
}

.metric .negative {
  color: #FF5722 !important;
}

.metric .positive {
  color: #32CD32;
}

/* Metric: Bars Four Pairs */

.bars-four-pairs {
  text-align: center;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  height: 160px;
}

.bars-four-pairs .pair-set {
  width: 21.5%;
  display: inline-block;
  margin-right: 2%;
  height: 160px;
  position: relative;
  font-weight: bold;
  margin-bottom: 40px;
}

.bars-four-pairs .pair-set:last-child {
  margin-right: 0;
}

.bars-four-pairs .bar-previous {
  width: 50%;
  min-height: 2%;
  background-color: #ADEBAD;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
}

.bars-four-pairs .bar-previous:hover {
  background-color: #97E297;
}

.bars-four-pairs .bar-current {
  width: 50%;
  min-height: 2%;
  background-color: #32CD32;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
}

.bars-four-pairs .bar-current:hover {
  background-color: #1db91d;
}

.bars-four-pairs .bar-revenue {
  width: 50%;
  min-height: 2%;
  background-color: #32CD32;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
}

.bars-four-pairs .bar-revenue:hover {
  background-color: #1db91d;
}

.bars-four-pairs .bar-expenses {
  width: 50%;
  min-height: 2%;
  background-color: #FF5722;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
}

.bars-four-pairs .bar-expenses:hover {
  background-color: #E14E29;
}

.bars-four-pairs .pair-label {
  position: absolute;
  bottom: -25px;
  left: 37%;
}

.bars-four-pairs .legend i {
  margin-left: 17px;
}

.bars-four-pairs .legend i:first-child {
  margin-left: 0;
}

.bars-four-pairs .legend i.previous {
  color: #ADEBAD;
}

.bars-four-pairs .legend i.current {
  color: #32CD32;
}

.bars-four-pairs .legend i.positive {
  color: #32CD32;
}

.bars-four-pairs .legend i.negative {
  color: #FF5722;
}

/* Metric: Bars Twelve Pairs */

.bars-twelve-pairs {
  text-align: center;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  height: 160px;
}

.bars-twelve-pairs .pair-set {
  width: 5.4%;
  display: inline-block;
  margin-right: 1.4%;
  height: 150px;
  position: relative;
  margin-bottom: 50px;
}

.bars-twelve-pairs .pair-set:last-child {
  margin-right: 0;
}

.bars-twelve-pairs .bar-previous {
  width: 50%;
  min-height: 2%;
  background-color: #ADEBAD;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
}

.bars-twelve-pairs .bar-previous:hover {
  background-color: #97E297;
}

.bars-twelve-pairs .bar-current {
  width: 50%;
  min-height: 2%;
  background-color: #32CD32;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
}

.bars-twelve-pairs .bar-current:hover {
  background-color: #1db91d;
}

#expensesPerMonth .bars-twelve-pairs .bar-current {
  background-color: #FF5722;
}

#expensesPerMonth .bars-twelve-pairs .bar-current:hover {
  background-color: #E14E29;
}

#expensesPerMonth .bars-twelve-pairs .bar-previous {
  background-color: rgba(255, 87, 34, 0.35);
}

#expensesPerMonth .bars-twelve-pairs .bar-previous:hover {
  background-color: rgba(255, 87, 34, 0.55);
}

#expensesPerMonth .legend i.previous {
  color: rgba(255, 87, 34, 0.35);
}

.bars-twelve-pairs .pair-label {
  position: absolute;
  bottom: -28px;
  left: -4px;
  -ms-transform: rotate(-270deg);
  /* IE 9 */
  -moz-transform: rotate(-270deg);
  /* Firefox */
  -webkit-transform: rotate(-270deg);
  /* Safari and Chrome */
  -o-transform: rotate(-270deg);
  /* Opera */
}

.bars-twelve-pairs .legend i {
  margin-left: 17px;
}

.bars-twelve-pairs .legend i:first-child {
  margin-left: 0;
}

.bars-twelve-pairs .legend i.previous {
  color: #ADEBAD;
}

.bars-twelve-pairs .legend i.current {
  color: #32CD32;
}

#expensesPerMonth .bars-twelve-pairs .legend i.current {
  color: #FF5722;
}

/* Metric: Vacation */

.vacation {
  text-align: center;
}

.vacation ul.days {
  max-width: 365px;
  font-size: 0.1px;
  padding: 0 4%;
  margin: 0 auto 50px;
  font-size: 29px;
  color: #E9E9E9;
  list-style: none;
  text-align: justify;
  height: 130px;
}

.vacation ul.days:after {
  content: '';
  display: inline-block;
  width: 100%;
}

.vacation ul.days .placeholder {
  padding: 0;
}

.vacation ul.days li {
  display: inline-block;
  width: 8%;
  text-align: center;
}

.vacation ul.days li.positive i {
  color: #32CD32;
}

.vacation h4 {
  font-size: 36px;
}

.vacation p.stats {
  margin: 0;
}

/* Metric: Bars One Pair */

.metric .with-result .pair-set {
  height: 120px;
  margin-bottom: 30px;
}

.metric .with-result .result {
  font-size: 36px;
}

.bars-one-pair {
  text-align: center;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  height: 140px;
}

.bars-one-pair .pair-set {
  width: 61%;
  display: inline-block;
  height: 140px;
  position: relative;
  font-weight: bold;
  margin-bottom: 32px;
}

.bars-one-pair .bar-previous {
  width: 50%;
  min-height: 2%;
  background-color: #ADEBAD;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
}

.bars-one-pair .bar-previous:hover {
  background-color: #97E297;
}

.bars-one-pair .bar-current {
  width: 50%;
  min-height: 2%;
  background-color: #32CD32;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
}

.bars-one-pair .bar-current:hover {
  background-color: #1db91d;
}

.bars-one-pair span {
  position: absolute;
  bottom: -25px;
  left: 31%;
}

.bars-one-pair h4 {
  font-size: 36px;
}

#chart_div {
  position: relative;
  top: -20px;
}

/* Metric: Project Sources */

.sources ul {
  list-style: none;
  margin: 0px;
  padding: 0px 20px;
}

.sources ul li {
  margin-bottom: 4px;
  height: 33px;
  position: relative;
}

.sources .source {
  position: absolute;
  top: 6px;
  left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 66%;
}

.sources .amount {
  font-weight: bold;
  position: absolute;
  top: 6px;
  right: 10px;
}

.sources .bar {
  background-color: #e2fde2;
  height: 33px;
  position: absolute;
  top: 0px;
  left: 0px;
}

/* Metric: Outstanding Invoices */

.outstanding .result {
  text-align: center;
  font-size: 36px;
  margin-bottom: 21px;
  margin-top: 0;
}

.outstanding .result a {
  color: #414141;
}

.outstanding .result.negative a {
  color: #FF5722;
}

.outstanding ul {
  list-style: none;
  margin: 0px;
  padding: 0px 20px;
}

.outstanding ul li {
  margin-bottom: 1px;
  height: 38px;
  position: relative;
  padding-top: 11px;
  padding-bottom: 5px;
  display: block;
}

.outstanding ul li:nth-child(odd) {
  background-color: #f3f3f3;
}

.outstanding .time {
  position: absolute;
  top: 8px;
  left: 10px;
}

.outstanding .amount {
  font-weight: bold;
  position: absolute;
  top: 8px;
  right: 10px;
}

.outstanding .amount.negative a {
  color: #FF5722;
}

/* Metric: Bars Four */

.bars-four {
  text-align: center;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  height: 140px;
}

.bars-four .four-set {
  width: 100%;
  display: inline-block;
  height: 140px;
  position: relative;
  font-weight: bold;
  margin-bottom: 32px;
}

.bars-four .bar {
  width: 23%;
  min-height: 2%;
  background-color: #32CD32;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
  position: absolute;
  bottom: 0;
}

.bars-four .bar:hover {
  background-color: #1db91d;
}

.bars-four .bar.one {
  left: 0;
}

.bars-four .bar.two {
  left: 26%;
}

.bars-four .bar.three {
  right: 26%;
}

.bars-four .bar.four {
  right: 0;
}

.bars-four span {
  position: absolute;
  bottom: -25px;
  left: 35%;
}

.bars-four h4 {
  font-size: 36px;
}

.dashboard-metrics .request {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 25px;
}

.dashboard-metrics {
  font-size: 0;
  /* Remove space between elements for sortable */
}

.dashboard-metrics .metric {
  font-size: 14px;
}

.dashboard-metrics .sortable-placeholder {
  background-color: #f9f9f9;
  box-shadow: 0 0 1px #ddd;
  width: 31%;
  display: inline-block;
  margin-right: 2%;
  border-radius: 5px;
  border: 1px dashed #d8d8d8;
  margin-bottom: 20px;
  position: relative;
  vertical-align: top;
}

@media (min-width: 1600px) {
  .dashboard-metrics .sortable-placeholder {
    width: 23%;
    margin-right: 1.7%;
  }
}

@media (min-width: 2000px) {
  .dashboard-metrics .sortable-placeholder {
    width: 19%;
    margin-right: .8%;
  }
}

.dashboard-metrics.empty {
  opacity: .3;
}

/* Metric: Video */

.metric.video .content {
  text-align: center;
}

.metric.video .content h4 {
  font-size: 22px;
  margin-top: 0px;
  margin-bottom: 15px;
}

.metric.video .content img {
  margin-bottom: 15px;
}

.metric.video .content .button-partner {
  display: block;
  margin-top: 8px;
}

/* #Schedule
================================================== */

.project-schedule {
  overflow-y: hidden;
}

.project-schedule a.header-link {
  position: absolute;
  right: 50px;
  top: 12px;
}

.project-schedule .content {
  padding: 0;
}

#schedule-progress-bar {
  border-radius: 35px;
  height: 35px;
  margin-bottom: 12px;
}

#schedule-progress-bar .progress-background {
  background-color: #E9E9E9;
  position: relative;
  z-index: 1;
  border-radius: 35px;
  height: 35px;
  min-width: 35px;
}

#schedule-progress-bar .expected-progress {
  background-image: url("/images/bg-diagonal.png");
  background-size: 4px;
  background-color: #E5E9E5;
  position: absolute;
  top: 0;
  z-index: 2;
  border-radius: 35px;
  height: 35px;
  min-width: 35px;
}

#schedule-progress-bar .accumulated-progress {
  background-color: #32CD32;
  position: absolute;
  top: 0;
  z-index: 3;
  border-radius: 35px;
  height: 35px;
  min-width: 35px;
}

#schedule-progress-bar .accumulated-progress:hover {
  background-color: #1db91d;
}

#schedule-progress-bar .goal-marker {
  display: none;
  position: relative;
  height: 26px;
}

#schedule-progress-bar .goal-marker .marker {
  position: absolute;
  width: 0;
  white-space: nowrap;
  left: 75%;
  padding-left: 6px;
  border-left: 1px solid #414141;
  height: 61px;
  z-index: 2;
}

#schedule-progress-bar .goal-marker .marker .text {
  line-height: 1em;
}

#schedule-progress-bar .goal-marker .marker.latter .text {
  width: 230px;
  text-align: right;
  position: absolute;
  left: -240px;
}

.progress-ruler {
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #D8D8D8;
  margin-bottom: 34px;
  margin-top: 38px;
}

.progress-ruler td {
  border-left: 1px solid #D8D8D8;
  text-align: center;
  position: relative;
  height: 20px;
}

.progress-ruler td:last-child {
  border-right: 1px solid #D8D8D8;
}

.progress-ruler td span {
  width: 54px;
  position: absolute;
  top: 20px;
  left: -27px;
  display: block;
  color: #a7a7a7;
}

.progress-ruler td span.right {
  right: -27px;
  left: auto;
}

.schedule-legend {
  text-align: right;
  margin-bottom: 20px;
}

.schedule-legend .revenue-goal {
  float: left;
  margin-top: 1px;
}

.schedule-legend .key {
  display: inline-block;
  text-align: right;
  margin-left: 20px;
}

.schedule-legend .key.collected .circle {
  background-color: #32CD32;
}

.schedule-legend .key.expected .circle {
  background-image: url("/images/bg-diagonal.png");
  background-size: 4px;
  background-position: 1px;
}

.schedule-legend .key .circle {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 100%;
  position: relative;
  top: 3px;
}

table#schedule {
  width: 100%;
  text-align: center;
}

table#schedule th {
  border-bottom: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
  text-transform: uppercase;
  text-align: center;
}

table#schedule .current {
  background-color: #f8f8f8;
}

table#schedule .current.fill {
  background-color: #e2fde2;
}

table#schedule th.date {
  width: 8%;
  min-width: 64px;
}

table#schedule th:last-child {
  border-right: none;
}

table#schedule tr {
  border-bottom: 1px solid #D8D8D8;
}

table#schedule tr:last-child {
  border-bottom: none;
}

table#schedule #sortable-container tr:last-child {
  border-bottom: 1px solid #D8D8D8;
}

table#schedule td {
  border-right: 1px solid #D8D8D8;
}

table#schedule td:last-child {
  border-right: none;
}

table#schedule td.name,
table#schedule th.names {
  padding: 10px 42px 13px 20px;
  text-align: left;
  text-transform: none;
}

table#schedule td.name .project-client {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 190px;
  min-width: 190px;
}

table#schedule td.name .project-client .fa-info-circle {
  color: #afafaf;
}

table#schedule th.names,
table#schedule td.name {
  position: relative;
}

table#schedule tr .actions {
  display: none;
}

table#schedule tr:hover .actions {
  display: block;
}

table#schedule th.names .table-add {
  position: absolute;
  right: 20px;
  top: 11px;
}

table#schedule th.names em {
  font-weight: normal;
}

table#schedule td.name .edit {
  color: #AFAFAF;
  position: absolute;
  right: 20px;
  top: 10px;
}

table#schedule td.name .row-drag {
  color: #AFAFAF;
  position: absolute;
  top: 33px;
  cursor: move;
  right: 20px;
}

table#schedule tr.add-project-row .name {
  padding-top: 20px;
  padding-bottom: 23px;
}

table#schedule tr.starting-revenue-row .name {
  padding-top: 20px;
  padding-bottom: 23px;
}

table#schedule tr.starting-revenue-row .action-link {
  text-transform: uppercase;
  letter-spacing: 1px;
}

table#schedule .sortable-placeholder {
  height: 63px;
  background-color: #ffffff;
}

table#schedule td.fill {
  background-color: #E2FDE2;
}

table#schedule .proposed td.fill {
  background-color: #FFEFCA;
}

table#schedule .completed td.fill {
  background-color: #E6F9FF;
}

table#schedule .canceled td.fill {
  background-color: #F8F8F8;
}

table#schedule .payment {
  font-size: 19px;
  color: #fff;
  background-color: #32CD32;
  width: 33px;
  height: 33px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  line-height: 32px;
  border-radius: 1000px;
}

table#schedule .payment.expected {
  background-color: transparent;
  background-image: url("/images/bg-diagonal.png");
  background-position-x: 2px;
  background-size: 4px;
}

table#schedule[data-currency="CHF"] .payment {
  font-size: 13px;
}

table#schedule .double {
  position: relative;
}

table#schedule .double .payment {
  font-size: 15px;
  width: 28px;
  height: 28px;
  line-height: 27px;
  position: relative;
  right: 15%;
  top: 4px;
}

table#schedule .double .payment.expected {
  right: auto;
  left: 15%;
  top: 0;
  bottom: 4px;
  background-position-x: 1px;
  line-height: 27px;
}

table#schedule[data-currency="CHF"] .double .payment {
  font-size: 11px;
}

table#schedule tr.quarters {
  background-color: #FFFDE0;
  font-weight: bold;
}

table#schedule tr.quarters td {
  padding-top: 5px;
  padding-bottom: 7px;
}

table#schedule tr.quarters td.connect {
  border-right: none;
}

table#schedule td.results-heading {
  padding-top: 10px;
  padding-bottom: 13px;
  text-align: right;
  position: relative;
  padding-right: 20px;
}

table#schedule .results .labels span,
table#schedule .results .figures span {
  display: block;
}

table#schedule .results .results-title {
  position: absolute;
  top: 27px;
  left: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #bbbbbb;
  border-radius: 0 4px 4px 0;
  color: #fff;
  font-size: 12px;
  padding: 4px 10px;
  font-weight: bold;
}

table#schedule .results-title .popover {
  width: 276px;
  text-transform: none;
  letter-spacing: 0;
}

table#schedule .results i {
  color: #AFAFAF;
}

table#schedule .results .actual {
  font-weight: bold;
}

table#schedule .results .expected {
  font-style: italic;
}

table#schedule .results.info {
  position: absolute;
  top: 10px;
  left: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

table#schedule .figures .negative {
  color: #FF5722;
}

table#schedule .figures .positive {
  color: #32CD32;
}

.status-indicator {
  background-color: #d8d8d8;
  width: 14px;
  height: 14px;
  position: absolute;
  top: -1px;
  left: -1px;
}

.status-indicator.proposed {
  background-color: #FFA405;
}

.status-indicator.active {
  background-color: #32CD32;
}

.status-indicator.completed {
  background-color: #26B6E8;
}

.status-indicator.canceled {
  background-color: #d8d8d8;
}

.add-project-row td {
  position: relative;
}

.goal-tooltip {
  background: #fff;
  font-size: 13px;
  display: block;
  border-radius: 4px;
  border: 1px solid #bdbdbd;
  bottom: -10px;
  left: 6px;
  margin-bottom: 15px;
  padding: 6px 16px 9px;
  pointer-events: none;
  position: absolute;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.goal-tooltip.alt {
  left: auto;
  right: 6px;
}

/* CSS Triangles - see Trevor's post */

.goal-tooltip:before {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #fff 10px;
  bottom: -9px;
  content: " ";
  height: 0;
  left: 20px;
  position: absolute;
  width: 0;
  z-index: 2;
}

/* CSS Triangles - see Trevor's post */

.goal-tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #CBCBCB 10px;
  bottom: -11px;
  content: " ";
  height: 0;
  left: 20px;
  position: absolute;
  width: 0;
  z-index: 0;
}

.goal-tooltip.alt:after,
.goal-tooltip.alt:before {
  left: auto;
  right: 20px;
}

/* #Cards (Projects, Clients, Invoices)
================================================== */

.kanban-wrapper-3 {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.kanban-wrapper-3 .kanban-board {
  width: 32%;
  margin-right: 1.5%;
  display: inline-block;
  vertical-align: top;
}

.kanban-board .fa.draft,
.kanban-board .fa.proposed {
  color: #FFA405;
}

.kanban-board .fa.sent,
.kanban-board .fa.completed {
  color: #26B6E8;
}

.kanban-board .fa.paid,
.kanban-board .fa.active,
.kanban-board .fa.accepted {
  color: #32CD32;
}

.kanban-wrapper-3 .kanban-board:last-child {
  margin-right: 0%;
}

.kanban-cards {
  padding: 20px;
}

.kanban-board .level1-container {
  background-color: #FCFCFC;
}

.kanban-board .card:last-child {
  margin-bottom: 0px;
}

.empty-board {
  text-align: center;
  margin-top: 22px;
  margin-bottom: 24px;
}

.content-wrapper.cards {
  padding-right: 0;
}

.card {
  width: 100%;
  background-color: #fff;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
}

.card.report .card-target,
.card.for-settings .card-target {
  padding: 30px;
  text-align: center;
}

.card.client,
.card.report,
.card.credit {
  max-width: 31%;
  margin-right: 1.65%;
}

@media (min-width: 1300px) {
  .card.client,
  .card.report,
  .card.credit {
    width: 23%;
    margin-right: 1.6%;
  }
}

@media (min-width: 1700px) {
  .card.client,
  .card.report,
  .card.credit {
    width: 18.6%;
    margin-right: 1.13%;
  }
}

@media (min-width: 2000px) {
  .card.client,
  .card.report,
  .card.credit {
    width: 15.3%;
    margin-right: 1.1%;
  }
}

@media (min-width: 2200px) {
  .card.client,
  .card.report,
  .card.credit {
    width: 13.1%;
    margin-right: 1%;
  }
}

.card.for-settings {
  max-width: 55%;
  margin-right: 1.65%;
}

@media (min-width: 1120px) {
  .card.for-settings {
    width: 45%;
    margin-right: 1.6%;
  }
}

@media (min-width: 1300px) {
  .card.for-settings {
    width: 30%;
    margin-right: 1.6%;
  }
}

@media (min-width: 1550px) {
  .card.for-settings {
    width: 27%;
    margin-right: 1.6%;
  }
}

@media (min-width: 1700px) {
  .card.for-settings {
    width: 22.6%;
    margin-right: 1.13%;
  }
}

@media (min-width: 2000px) {
  .card.for-settings {
    width: 19.3%;
    margin-right: 1.1%;
  }
}

@media (min-width: 2200px) {
  .card.for-settings {
    width: 16.3%;
    margin-right: 1%;
  }
}

.card-target {
  display: block;
  color: #414141;
  border-radius: 5px;
}

.card-target:hover,
.card .dropdown:hover ~ .card-target {
  color: #414141;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
}

.card-target:focus,
.card-target:active {
  color: #414141;
  box-shadow: none;
}

.card.cancelled {
  opacity: 0.6;
}

.card.invoice {
  border-radius: 0px;
}

.card .status {
  text-transform: uppercase;
  font-size: 11px;
  background-color: #b1b1b1;
  color: #fff;
  padding: 2px 7px 3px;
  font-weight: bold;
  position: absolute;
  left: -1px;
  top: 17px;
}

.card .status.proposed,
.card .status.draft {
  background-color: #FFA405;
}

.card .status.active,
.card .status.paid,
.card .status.accepted {
  background-color: #32CD32;
}

.card .status.completed,
.card .status.sent,
.card .status.viewed {
  background-color: #26B6E8;
}

.card .status.partial,
.card .status.invoiced {
  background-color: #1BDBC6;
}

.card .status.cancelled {
  background-color: #b1b1b1;
}

.card .status.overdue {
  background-color: #FF5722;
}

.card .date {
  position: absolute;
  left: 20px;
  top: 45px;
}

.card .date i {
  color: #cacaca;
}

.card .dropdown {
  font-size: 18px;
  position: absolute;
  right: 20px;
  top: 15px;
}

.card a.dropdown-toggle i {
  color: #AFAFAF;
  font-size: 18px;
  cursor: pointer;
  -webkit-transition: color 0.15s ease-in-out;
  -moz-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
}

.card a.dropdown-toggle:hover i {
  color: #828282;
}

.card .dropdown-menu {
  top: 21px;
  left: inherit;
  right: 0px;
}

.card .stat-large {
  margin-top: 75px;
  text-align: center;
  padding-right: 20px;
  padding-left: 20px;
}

.card.credit .stat-large {
  margin-top: 55px;
}

.card .stat-large .stat-number {
  font-size: 36px;
  line-height: 36px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card .stat-large .stat-label {
  font-size: 12px;
}

.card.credit .stat-large .stat-label {
  color: #AFAFAF;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
  margin-top: 7px;
}

.card .stat-progress {
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 10px;
  position: relative;
}

.card .stat-progress .bar-bg {
  background-color: #E3E3E3;
  border-radius: 3px;
  position: relative;
}

.card .stat-progress .bar-progress {
  max-width: 100%;
  height: 15px;
  background-color: #32CD32;
  border-radius: 3px;
  position: relative;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
}

.card .stat-progress .bar-progress:hover {
  background-color: #1db91d;
}

.card .stat-progress .bar-progress.warning {
  background-color: #FFA405;
}

.card .stat-progress .bar-progress.warning:hover {
  background-color: #e99400;
}

.card .stat-progress .bar-progress.negative {
  background-color: #FF5722;
}

.card .stat-progress .bar-progress.negative:hover {
  background-color: #e23308;
}

.card .stat-small {
  font-size: 12px;
  margin-top: 5px;
  float: left;
}

.card .stat-small.two {
  float: right;
  text-align: right;
}

.card .stat-small .stat-number {
  font-size: 18px;
  line-height: 24px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card .stat-small .stat-number.positive {
  color: #32CD32;
}

.card .stat-small .stat-number.warning {
  color: #FFA405;
}

.card .stat-small .stat-number.negative {
  color: #FF5722;
}

.card .card-label {
  display: block;
  cursor: pointer;
  background-color: #FFFDE0;
  margin-top: 70px;
  padding: 10px 20px 3px;
  border-top: 1px solid #d8d8d8;
  border-radius: 0px 0px 5px 5px;
}

.card.credit .card-label {
  text-align: center;
  padding-bottom: 11px;
  margin-top: 50px;
}

.card.credit .card-label .fa {
  margin-right: 2px;
}

.card.invoice .card-label {
  border-radius: 0px;
}

.card .card-label h4 {
  font-weight: bold;
  font-size: 14px;
  line-height: inherit;
  margin-top: 1px;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card.credit .card-label h4 {
  font-weight: normal;
}

.card .card-label p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card .card-label a {
  color: #414141;
}

.card.client .projects-status {
  position: absolute;
  left: -1px;
  top: 17px;
}

.card.client .projects-status .status {
  position: relative;
  top: 0;
  left: 0;
  cursor: default;
}

.card.client .stats {
  margin-top: 60px;
  margin-bottom: 10px;
}

.card.client .stat-large {
  margin-top: 0px;
}

.card.client .stat-large .stat-number,
.card.invoice .stat-large .stat-number,
.card.credit .stat-large .stat-number {
  font-size: 26px;
  line-height: 26px;
}

.card.client .stat-small {
  font-size: 12px;
  width: 50%;
  margin-top: 15px;
  text-align: center;
  float: left;
  padding-right: 10px;
  padding-left: 10px;
}

.card.client .stat-small.two {
  float: right;
  text-align: center;
}

.card.client .stat-small .stat-number {
  font-size: 18px;
  line-height: 24px;
  display: block;
}

.card.client .card-label {
  margin-top: 80px;
}

.card .id {
  position: absolute;
  right: 20px;
  top: 45px;
}

.card.invoice .stat-large {
  margin-top: 95px;
  text-align: left;
  margin-bottom: 7px;
}

.card.invoice .stat-small {
  float: left;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
}

.card.invoice .card-label {
  margin-top: 90px;
}

.card.estimate .card-label {
  margin-top: 40px;
}

.card.report .fa,
.card.for-settings .fa {
  font-size: 28px;
  line-height: 70px;
  color: #fff;
  text-align: center;
  width: 70px;
  height: 70px;
  background-color: #32CD32;
  margin-bottom: 10px;
  border-radius: 500px;
}

.card.report h4,
.card.for-settings h4 {
  font-size: 20px;
  line-height: 30px;
  margin-top: 0px;
  margin-bottom: 4px;
}

.card.report p,
.card.for-settings p {
  font-size: 14px;
  line-height: 22px;
  color: #9c9c9c;
  margin-bottom: 5px;
}

.card.report span,
.card.for-settings span {
  color: #17a9dc;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.card.for-settings .payment-logo {
  height: 70px;
  margin-bottom: 15px;
}

.card .ribbon {
  position: absolute;
  right: -1px;
  top: -1px;
  z-index: 1;
  overflow: hidden;
  width: 110px;
  height: 110px;
  text-align: right;
}

@media only screen and (max-width: 1250px) {
  .plan .ribbon {
    display: none;
  }
}

.card .ribbon span {
  font-size: 12px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  line-height: 31px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 150px;
  display: block;
  background: #26B6E8;
  position: absolute;
  top: 25px;
  right: -35px;
}

/* #Table List View (Projects, Invoices, etc.)
================================================== */

table.list {
  width: 100%;
  text-align: left;
  border-top: 1px solid #d8d8d8;
  border-collapse: collapse;
  border-spacing: 0px;
  border-collapse: expression('collapse', cellSpacing = '0px');
  /*For IE*/
}

table.list tbody tr:nth-child(odd) {
  background-color: #F4F4F4;
}

/* Specifying classes to the rows when using JS to keep striping */

table.list tbody tr.odd {
  background-color: #f4f4f4;
}

table.list tbody tr.even {
  background-color: #fff;
}

table.list.edit tbody tr:nth-child(odd) {
  background-color: #fff;
}

table.list.edit tbody tr {
  border-bottom: 1px solid #d8d8d8;
}

table.list td {
  border: none;
  padding: 11px 15px 13px 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table.list td.with-select {
  width: 250px;
  padding: 11px 0px 13px 16px;
  overflow: visible;
}

table.list thead {
  background-color: #fff;
  color: #414141;
  border-bottom: 1px solid #d8d8d8;
}

table.list th {
  height: 20px;
  border-right: 1px solid #d8d8d8;
  padding: 11px 22px 13px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table.list th i {
  color: #AFAFAF;
}

table.list .status span {
  text-transform: uppercase;
  font-size: 11px;
  border-radius: 3px;
  background-color: #b1b1b1;
  color: #fff;
  padding: 2px 7px 3px;
  font-weight: bold;
}

table.list .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 130px;
  /* min-width: 160px; */
}

table.list .number {
  text-align: right;
}

table.list th.progress-fixed {
  width: 190px;
  min-width: 190px;
}

table.list th.money {
  width: 150px;
}

table.list th.no-border {
  border-right: none;
}

table.list th:last-child {
  border-right: none;
}

table.list .negative {
  color: #FF5722;
}

table.list .cancelled .negative,
table.list .cancelled .positive {
  color: #a7a7a7;
}

table.list .positive {
  color: #32CD32;
}

table.list th.edit,
table.list td.edit {
  width: 20px;
  text-align: center;
  overflow: visible;
}

table.list td.edit a.dropdown-toggle i {
  color: #AFAFAF;
  font-size: 18px;
  cursor: pointer;
  -webkit-transition: color 0.15s ease-in-out;
  -moz-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
}

table.list td.edit a:hover i {
  color: #828282;
}

table.list td.edit .dropdown-menu {
  top: 17px;
  left: inherit;
  right: 0px;
}

table.list td.edit .dropdown-menu > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
}

table.list td.edit .dropdown-menu .divider {
  margin-bottom: 3px;
}

table.tablesorter {
  display: none;
}

table.tablesorter .tablesorter-filter-row.tablesorter-ignoreRow {
  display: none;
}

table.tablesorter th .fa {
  position: absolute;
  right: 10px;
  top: 14px;
}

table.tablesorter th {
  cursor: pointer;
  position: relative;
}

table.tablesorter th .fa-sort-up,
table.tablesorter th .fa-sort-down {
  display: none;
}

table.tablesorter th.tablesorter-headerDesc .fa-sort,
table.tablesorter th.tablesorter-headerDesc .fa-sort-up {
  display: none;
}

table.tablesorter th.tablesorter-headerDesc .fa-sort-down {
  display: block;
}

table.tablesorter th.tablesorter-headerAsc .fa-sort,
table.tablesorter th.tablesorter-headerAsc .fa-sort-down {
  display: none;
}

table.tablesorter th.tablesorter-headerAsc .fa-sort-up {
  display: block;
}

/* rows hidden by filtering (needed for child rows) */

table.tablesorter tr.filtered {
  display: none;
}

/* ajax error row */

.tablesorter .tablesorter-errorRow td {
  text-align: center;
  cursor: pointer;
  background-color: #e6bf99;
}

.table-progress {
  position: relative;
}

.table-progress .bar-bg {
  background-color: #E3E3E3;
  border-radius: 3px;
  position: relative;
}

.table-progress .bar-progress {
  text-indent: -999px;
  max-width: 100%;
  overflow: hidden;
  height: 10px;
  background-color: #32CD32;
  border-radius: 3px;
  position: relative;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
}

.table-progress .bar-progress:hover {
  background-color: #1db91d;
}

.table-progress .bar-progress.warning {
  background-color: #FFA405;
}

.table-progress .bar-progress.warning:hover {
  background-color: #e99400;
}

.table-progress .bar-progress.negative {
  background-color: #FF5722;
}

.table-progress .bar-progress.negative:hover {
  background-color: #e23308;
}

.table-progress .table-progress-label {
  display: inline-block;
}

table.list tr.cancelled,
table.list tr.cancelled a {
  color: #a7a7a7;
}

table.list .description,
table.list .vendor,
table.list .narrow {
  max-width: 130px;
}

table.list .category .fa {
  opacity: 0.80;
}

table.list.in-modal {
  border: 1px solid #d8d8d8;
}

table.list.in-modal td {
  display: table-cell;
  vertical-align: top;
}

table.list.in-modal .name {
  max-width: 160px;
  min-width: 120px;
}

table.list.in-modal .description {
  max-width: 250px;
  white-space: normal;
}

.empty-table-placeholder {
  margin: 50px 50px 60px;
  text-align: center;
}

.empty-table-placeholder i.marker {
  color: #d8d8d8;
  margin-bottom: 5px;
}

.empty-table-placeholder a h3 i {
  color: #32cd32;
  -webkit-transition: color 0.15s ease-in-out;
  -moz-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
}

.empty-table-placeholder a:hover h3 i {
  color: #25a425;
}

.empty-table-placeholder h3 {
  font-size: 18px;
  color: #afafaf;
  margin-top: 5px;
}

.empty-table-placeholder p {
  color: #a7a7a7;
  margin-top: 15px;
}

.table-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
}

/* Filter Bars */

.filter-bar {
  background-color: #FFFDE0;
  border-bottom: 1px solid #d8d8d8;
  padding-right: 12px;
  padding-left: 12px;
  text-align: right;
  padding-top: 12px;
}

.filter-bar.rounded {
  border-radius: 5px;
}

.filter-bar.rounded.with-chart {
  border-radius: 5px 5px 0px 0px;
}

.filter-bar.alone {
  border: 1px solid #d8d8d8;
  margin-bottom: 30px;
}

.filter-bar .btn-default {
  background-color: #fff;
}

.filter-bar .form-group {
  margin-left: 10px;
  margin-bottom: 14px;
}

.filter-bar .form-group:first-child {
  margin-left: 0;
}

.filter-bar .select-group button {
  min-width: 115px;
}

.filter-bar .input-daterange .form-control {
  width: 100px;
}

.filter-bar .input-daterange .input-group-addon {
  border-left: none;
  border-right: none;
}

.filter-total {
  background-color: #fff;
  border-bottom: 1px solid #d8d8d8;
  padding: 12px 20px 14px;
  position: relative;
}

.filter-total p {
  margin-bottom: 0px;
  text-align: right;
}

.filter-total .bulk {
  position: absolute;
  top: 5px;
  left: 10px;
}

.filter-bar form {
  opacity: 0;
  /* Shown via JS after all effects have been applied to prevent FOUC */
  text-align: center;
}

.filter-bar .bootstrap-select.btn-group .dropdown-menu.inner .text {
  display: block;
  max-width: 230px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.filter-bar .action-link.years {
  display: inline-block;
  width: 100px;
  position: relative;
  top: -7px;
}

.filter-bar .action-link.years .input-group-addon {
  cursor: pointer;
}

.filter-bar .action-link.years input {
  width: 66px;
  text-align: center;
  padding: 10px 15px 12px;
  border-radius: 0 4px 4px 0;
  border: 1px solid #ccc;
}

.filter-bar .form-group {
  position: relative;
}

.filter-bar .form-group .count-bubble {
  display: none;
  position: absolute;
  top: -18px;
  right: 2px;
  font-weight: bold;
  color: #fff;
  background-color: #3CCC3E;
  width: 29px;
  height: 29px;
  text-align: center;
  border-radius: 1000px;
  line-height: 12px;
  z-index: 99;
  padding-top: 8px;
}

@media only screen and (max-width: 1262px) {
  .filter-bar .form-group {
    margin-left: 10px;
  }

  .filter-bar .select-group button {
    min-width: 0;
  }
}

.check-cell {
  width: 50px;
  padding: 11px 15px 13px 15px !important;
  text-align: center;
}

.table.field-mapping {
  margin-bottom: 0px;
}

.table.field-mapping td {
  vertical-align: middle;
}

.table.field-mapping .csv-dropdown {
  width: 325px;
}

.table.field-mapping .error {
  display: block;
}

.pager {
  text-align: right;
  position: relative;
}

.pager .pagedisplay {
  margin-right: 15px;
}

.pager .btn.disabled {
  opacity: 0.5;
}

.pager .select-group {
  display: inline-block;
  margin-left: 5px;
}

.pager.with-rows li > a {
  display: block;
  border: none;
  border-radius: 0;
}

/* #Projects List
================================================== */

.projects a.header-link {
  position: absolute;
  right: 50px;
  top: 12px;
}

.projects .content {
  padding: 0;
}

.projects .status.proposed span {
  background-color: #FFA405;
  font-weight: bold;
}

.projects .status.active span {
  background-color: #32CD32;
  font-weight: bold;
}

.projects .status.completed span {
  background-color: #26B6E8;
  font-weight: bold;
}

.projects .status.cancelled span {
  background-color: #b1b1b1;
  font-weight: bold;
}

/* #Invoices List
================================================== */

.invoices a.header-link {
  position: absolute;
  right: 50px;
  top: 12px;
}

.invoices .content {
  padding: 0;
}

#invoices .status.sent span,
#invoices .status.viewed span {
  background-color: #26B6E8;
  font-weight: bold;
}

#invoices .status.paid span {
  background-color: #32CD32;
  font-weight: bold;
}

#invoices .status.draft span {
  background-color: #ffa405;
  font-weight: bold;
}

#invoices .status.partial span {
  background-color: #1bdbc6;
  font-weight: bold;
}

#invoices .status.cancelled span {
  background-color: #b1b1b1;
  font-weight: bold;
}

#invoices .status.overdue span {
  background-color: #FF5722;
}

/* #Invoices List (schedule modal)
================================================== */

.revenue-summary table {
  margin-top: 20px;
  margin-bottom: 0px;
}

.revenue-summary table .fa {
  color: rgba(0, 0, 0, 0.25);
  margin-right: 3px;
}

.revenue-summary table .total {
  font-size: 24px;
}

.revenue-summary table .total td {
  padding-bottom: 0px;
}

.revenue-summary table .number {
  text-align: right;
}

.revenue-summary table .action {
  text-align: right;
}

.revenue-summary table .total-label {
  letter-spacing: 1px;
  text-transform: uppercase;
}

.revenue-summary table .status {
  text-transform: uppercase;
  font-size: 11px;
  border-radius: 3px;
  background-color: #b1b1b1;
  color: #fff;
  padding: 2px 7px 3px;
  font-weight: bold;
  margin-left: 5px;
}

.revenue-summary table .status.sent,
.revenue-summary table .status.viewed {
  background-color: #26B6E8;
}

.revenue-summary table .status.paid {
  background-color: #32CD32;
}

.revenue-summary table .status.draft {
  background-color: #ffa405;
}

.revenue-summary table .status.overdue {
  background-color: #FF5722;
}

.revenue-summary table .status.partial {
  background-color: #1bdbc6;
}

.revenue-summary table .status.cancelled {
  background-color: #b1b1b1;
}

.revenue-summary table thead td {
  padding: 13px 10px 13px 15px;
  border-top: 1px solid #ddd;
}

.revenue-summary table thead tr {
  background-color: #F3F3F3;
}

.revenue-summary table tbody td {
  width: 30%;
  padding: 11px 10px 13px 15px;
}

.revenue-summary table .details {
  text-align: right;
  width: auto;
}

.revenue-summary table .notes {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.revenue-summary .project {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px 20px 8px;
  text-align: center;
  margin-bottom: 20px;
  background-color: #FFFDE0;
}

.revenue-summary .project h4 {
  margin-bottom: 6px;
}

.revenue-summary .project .client {
  margin-bottom: 4px;
}

.revenue-summary p {
  text-align: center;
}

/* #Estimates List
================================================== */

.estimates a.header-link {
  position: absolute;
  right: 50px;
  top: 12px;
}

.estimates .content {
  padding: 0;
}

#estimates .status.sent span,
#estimates .status.viewed span {
  background-color: #26B6E8;
  font-weight: bold;
}

#estimates .status.accepted span {
  background-color: #32CD32;
  font-weight: bold;
}

#estimates .status.draft span {
  background-color: #ffa405;
  font-weight: bold;
}

#estimates .status.invoiced span {
  background-color: #1bdbc6;
  font-weight: bold;
}

#estimates .status.cancelled span {
  background-color: #b1b1b1;
  font-weight: bold;
}

/* #Recurring List
================================================== */

.recurring a.header-link {
  position: absolute;
  right: 50px;
  top: 12px;
}

.recurring .content {
  padding: 0;
}

.recurring .status.on span {
  background-color: #32CD32;
  font-weight: bold;
}

.recurring .status.off span {
  background-color: #b1b1b1;
  font-weight: bold;
}

/* #Tasks List
================================================== */

#tasks .status.unbilled span {
  background-color: #FF5722;
  font-weight: bold;
}

#tasks .status.billed span {
  background-color: #32CD32;
  font-weight: bold;
}

#tasks .edit i {
  color: #AFAFAF;
  -webkit-transition: color 0.15s ease-in-out;
  -moz-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
}

#tasks .edit i.fa-pencil:hover {
  color: #828282;
}

/* Expenses List
================================================== */

.expenses-table .status.unbilled span {
  background-color: #FF5722;
  font-weight: bold;
}

.expenses-table .status.billed span {
  background-color: #32CD32;
  font-weight: bold;
}

.expenses-table .fa-refresh {
  margin-left: 10px;
  margin-top: 4px;
  float: right;
  color: #AFAFAF;
}

/* #Details Screens (Project Details, Client Details, etc.)
================================================== */

.details-screen a.header-link {
  position: absolute;
  right: 50px;
  top: 12px;
}

.details-screen .content {
  padding: 0;
}

.details-screen .details-heading {
  height: 86px;
  background-color: #fffde0;
  padding: 40px 30px 45px;
  border-bottom: 1px solid #d8d8d8;
  position: relative;
}

.details-screen .details-heading h3 {
  font-size: 24px;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: -24px 0 0;
  width: 79%;
}

.details-screen .details-heading .status-wrapper {
  position: absolute;
  right: 30px;
  top: 32px;
}

.details-screen .details-heading .status {
  background-color: #b1b1b1;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  padding: 5px 15px 6px;
  position: absolute;
  right: -1px;
  top: 27px;
}

.details-screen .details-main-column {
  width: calc(100% - 290px);
  float: left;
  padding-bottom: 200px;
}

.details-screen .details-stats-wrapper {
  padding: 30px;
  display: block;
}

.details-screen .multi-column {
  border-bottom: 1px solid #d8d8d8;
  overflow: hidden;
}

.details-badges-row {
  margin-bottom: 30px;
}

.detail-badge {
  color: #515151;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  display: inline-block;
  padding: 20px;
  margin-right: 2.7%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 5px;
}

a.detail-badge:hover {
  color: #515151;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
}

a.detail-badge:active {
  box-shadow: none;
}

.detail-badge:last-child {
  margin-right: 0px;
  float: right;
}

.detail-badge.third {
  width: 31.3%;
}

.detail-badge.half {
  margin-right: 0;
  width: 48.5%;
}

.detail-badge .icon-container {
  color: #fff;
  font-size: 48px;
  text-align: center;
  width: 90px;
  height: 90px;
  background-color: #d8d8d8;
  border-radius: 5px;
  float: left;
  margin-right: 15px;
  padding-top: 20px;
}

.detail-badge .badge-number {
  font-size: 64px;
  font-weight: bold;
  line-height: .9;
  display: block;
  margin-bottom: 5px;
}

.detail-badge .badge-label {
  font-size: 18px;
}

table.detail-stats-table {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  border: 1px solid #d8d8d8;
  border-collapse: collapse;
  border-spacing: 0px;
  /*For IE*/
  border-collapse: expression('collapse', cellSpacing = '0px');
}

table.detail-stats-table td {
  width: 33%;
  border: 1px solid #d8d8d8;
  padding-top: 20px;
  padding-bottom: 30px;
}

table.detail-stats-table .stats-number {
  font-size: 34px;
  font-weight: bold;
  display: block;
}

.details-screen .alert {
  margin-bottom: 30px;
  text-align: center;
}

.details-screen .alert i {
  color: #afafaf;
}

.details-sidebar {
  width: 290px;
  padding: 20px 20px 25000px;
  display: inline-block;
  border-left: 1px solid #d8d8d8;
  margin-bottom: -25000px;
}

.sidebar-panel-wrapper {
  padding: 15px 20px 16px;
  word-wrap: break-word;
}

.details-screen .create-links {
  list-style: none;
  padding: 15px 20px 1px;
}

.details-screen .create-links li {
  margin-bottom: 10px;
}

.details-screen .create-links a {
  color: #00B900;
  display: block;
}

.details-screen .create-links a:hover {
  color: #25a425;
}

.sidebar-panel-wrapper .name {
  font-weight: bold;
  display: block;
}

.sidebar-panel-wrapper .email {
  display: block;
}

.sidebar-panel-wrapper .phone {
  display: block;
}

.sidebar-panel-wrapper p {
  margin-bottom: 0;
}

.sidebar-panel-wrapper .view-map {
  display: block;
}

.details-screen .details-table-lists {
  padding: 30px;
  clear: both;
}

.details-screen table.list {
  border: none;
}

.details-screen table.list.with-search {
  border-top: 1px solid #d8d8d8;
}

.details-screen h4 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 0px;
}

.details-table-lists .empty-table-placeholder {
  border: 1px solid #d8d8d8;
  margin: 0;
  border-radius: 5px;
  padding: 40px 30px 30px 30px;
}

.details-table-lists .empty-table-placeholder .cta-link {
  float: none;
}

.list-with-total {
  list-style: none;
  padding: 20px 30px 10px;
}

.list-with-total li {
  border-top: 1px dashed #d8d8d8;
  padding: 10px 15px 11px;
}

.list-with-total li:first-child {
  border-top: none;
}

.list-with-total li:last-child {
  border-top: 1px solid #d8d8d8;
}

.list-with-total li.total {
  font-size: 24px;
  font-weight: bold;
}

.list-with-total .amount {
  float: right;
  font-weight: bold;
}

.container-header-actions {
  position: absolute;
  top: 14px;
  right: 20px;
}

.with-info .container-header-actions {
  right: 45px;
}

.container-header-actions a,
.container-header-actions #plaid-link-button {
  margin-left: 20px;
}

.container-header-actions #plaid-link-button {
  color: #00B900;
}

.container-header-actions .fa,
.container-header-actions #plaid-link-button {
  color: #26B6E8;
}

.container-header-actions .cta-link i {
  color: #32cd32;
  -webkit-transition: color 0.15s ease-in-out;
  -moz-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
}

.container-header-actions .cta-link:hover i {
  color: #25a425;
}

/* #Project Details
================================================== */

.project-details .details-heading .status.active {
  background-color: #32cd32;
}

.project-details .details-heading .status.completed {
  background-color: #26B6E8;
}

.project-details .details-heading .status.cancelled {
  background-color: #b1b1b1;
}

.project-details .details-heading .status.proposed {
  background-color: #ffa405;
}

.project-details .project-schedule {
  margin-bottom: 30px;
  overflow: hidden;
}

.detail-badge .icon-container.hours {
  background-color: #26B6E8;
  font-size: 58px;
  padding-top: 15px;
}

.detail-badge .icon-container.hours.unbilled {
  background-color: #FF5722;
}

table.project-detail-schedule {
  width: 100%;
  text-align: center;
  border: 1px solid #d8d8d8;
  border-collapse: collapse;
  border-spacing: 0px;
  /*For IE*/
  border-collapse: expression('collapse', cellSpacing = '0px');
  text-transform: uppercase;
}

table.project-detail-schedule tr {
  border-bottom: 1px solid #d8d8d8;
}

table.project-detail-schedule td {
  border: none;
  padding: 11px 9px 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table.project-detail-schedule td.year {
  font-weight: bold;
  width: 110px;
}

table.project-detail-schedule td {
  border-right: 1px solid #d8d8d8;
}

table.project-detail-schedule td.fill {
  background-color: #e2fde2;
}

table.project-detail-schedule td:last-child {
  border-right: none;
}

/* #Client Details
================================================== */

.detail-badge .icon-container.projects {
  background-color: #26B6E8;
  padding-top: 22px;
}

.detail-badge .icon-container.invoices {
  background-color: #ffa405;
}

.detail-badge .icon-container.estimates {
  background-color: #32cd32;
}

/* #Invoice & Estimate Details
================================================== */

.invoice-details {
  max-width: 1385px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 30px 150px 30px;
}

.invoice-details a.header-link {
  position: absolute;
  right: 50px;
  top: 12px;
}

.invoice-details .content {
  position: relative;
}

.invoice-details.no-sidebar {
  max-width: 1200px;
  padding-bottom: 145px;
}

.invoice-wrapper {
  width: 79%;
  max-width: 1290px;
  padding: 50px;
  margin-bottom: 120px;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
  position: relative;
  float: left;
}

.invoice-wrapper.edit {
  width: 95%;
  margin-right: auto;
  margin-left: auto;
}

.invoice-wrapper.public {
  width: 100%;
  margin-bottom: 15px;
}

.invoice-wrapper h1 {
  margin-bottom: 50px;
  margin-top: 0;
}

.invoice-wrapper .status {
  background-color: #b1b1b1;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  padding: 5px 15px 6px;
  position: absolute;
  right: -1px;
  top: 50px;
}

.invoice-wrapper .status.sent,
.invoice-wrapper .status.viewed {
  background-color: #26B6E8;
  font-weight: bold;
}

.invoice-wrapper .status.paid,
.invoice-wrapper .status.accepted {
  background-color: #32CD32;
  font-weight: bold;
}

.invoice-wrapper .status.draft {
  background-color: #ffa405;
  font-weight: bold;
}

.invoice-wrapper .status.partial {
  background-color: #1bdbc6;
  font-weight: bold;
}

.invoice-wrapper .status.cancelled {
  background-color: #b1b1b1;
  font-weight: bold;
}

.invoice-wrapper .status.overdue {
  background-color: #FF5722;
}

.invoice-wrapper h4:not(.modal-title) {
  font-weight: bold;
  font-size: 14px;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 10px;
}

.invoice-wrapper .company-logo-wrapper {
  margin-bottom: 30px;
}

.invoice-wrapper .company-logo-wrapper img {
  max-height: 100px;
  max-width: 200px;
}

.invoice-stats {
  line-height: 1.6;
  width: 47%;
  float: left;
  padding-bottom: 50px;
}

.invoice-stats table.stats,
.invoice-company table.company {
  width: 100%;
}

.invoice-stats table.stats td,
.invoice-stats table.stats th,
.invoice-company table.company td,
.invoice-company table.company th {
  vertical-align: top;
}

.invoice-stats table.stats tr th {
  width: 38%;
}

@media only screen and (max-width: 1420px) {
  .invoice-stats table.stats tr th {
    width: 40%;
  }
}

@media only screen and (max-width: 1345px) {
  .invoice-stats table.stats tr th {
    width: 42%;
  }
}

@media only screen and (max-width: 1175px) {
  .invoice-stats table.stats tr th {
    width: 50%;
  }
}

.invoice-stats table.stats tr td {
  padding-left: 3px;
  white-space: normal;
}

.invoice-stats .due-date {
  background-color: #feff94;
  padding-right: 5px;
  padding-left: 5px;
  margin-left: -5px;
  padding-bottom: 1px;
}

.invoice-company {
  line-height: 1.6;
  width: 47%;
  float: right;
  padding-bottom: 50px;
}

.invoice-company table.company {
  margin-bottom: 30px;
}

.invoice-company table.company tr th {
  width: 28%;
  text-align: right;
  padding-right: 20px;
  text-transform: uppercase;
  font-weight: normal;
  font-style: normal;
  color: #AFAFAF;
  letter-spacing: 1px;
}

.invoice-company table.company tr td {
  white-space: normal;
}

.invoice-company .name {
  font-weight: bold;
}

.invoice-company p {
  margin-bottom: 0;
}

.invoice-company .single {
  display: block;
}

table#invoice-items {
  border: 1px solid #d8d8d8;
  margin-bottom: 20px;
}

table#invoice-items .number {
  text-align: right;
}

table#invoice-items .description {
  max-width: 320px;
  overflow: hidden;
  text-overflow: no;
  white-space: normal;
}

table#invoice-items th {
  padding-right: 16px;
  border-right: none;
}

table#invoice-items th.tax {
  width: 121px;
}

table#invoice-items td {
  vertical-align: top;
}

table#invoice-totals {
  width: 100%;
  text-align: right;
  margin-bottom: 20px;
  line-height: 1.6;
}

table#invoice-totals th {
  text-align: right;
  width: 74%;
  font-weight: normal;
  font-style: normal;
}

table#invoice-totals td {
  padding-right: 16px;
}

table#invoice-totals tr.amount-due td,
table#invoice-totals tr.amount-due th {
  font-size: 20px;
  padding-top: 15px;
  vertical-align: top;
}

table#invoice-totals .discount {
  background-color: #feff94;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 1px;
  margin-right: -5px;
}

table#invoice-totals .amount {
  background-color: #feff94;
  padding-right: 8px;
  padding-bottom: 1px;
  padding-left: 8px;
  margin-right: -8px;
}

.invoice-sidebar {
  width: 19%;
  float: right;
  margin-bottom: 30px;
}

.invoice-controls ul {
  list-style: none;
  padding: 15px 20px 10px;
}

.invoice-controls ul li,
.details-screen .create-links li {
  margin-bottom: 5px;
}

.invoice-controls ul li:last-child {
  margin-bottom: 0;
}

.invoice-controls ul li a,
.details-screen .create-links li a {
  display: block;
  background-color: #f8f8f8;
  padding: 6px 10px 7px 13px;
  border-radius: 1000px;
  -webkit-transition: color 0.10s ease-in-out;
  -moz-transition: color 0.10s ease-in-out;
  -o-transition: color 0.10s ease-in-out;
  -webkit-transition: background-color 0.10s ease-in-out;
  -moz-transition: background-color 0.10s ease-in-out;
  -o-transition: background-color 0.10s ease-in-out;
}

.invoice-controls ul li a .fa,
.details-screen .create-links li a .fa {
  opacity: 0.80;
  -webkit-transition: opacity 0.10s ease-in-out;
  -moz-transition: opacity 0.10s ease-in-out;
  -o-transition: opacity 0.10s ease-in-out;
}

.invoice-controls ul li a:hover,
.details-screen .create-links li a:hover {
  background-color: #f3f3f3;
}

.invoice-controls ul li a:hover .fa,
.details-screen .create-links li a:hover .fa {
  opacity: inherit;
}

.invoice-controls ul li.list-divider {
  color: #f3f3f3;
  text-align: center;
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.invoice-project-label {
  text-align: center;
  background-color: #fffde0;
  padding: 13px 20px 15px 20px;
  margin-bottom: 20px;
  display: block;
  border: 1px solid #d8d8d8;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 5px;
}

.invoice-project-label .fa {
  margin-right: 2px;
  opacity: 0.8;
  -webkit-transition: opacity 0.10s ease-in-out;
  -moz-transition: opacity 0.10s ease-in-out;
  -o-transition: opacity 0.10s ease-in-out;
}

.invoice-project-label:hover .fa {
  opacity: inherit;
}

.invoice-history {
  margin-top: 20px;
  margin-bottom: 0px;
}

.invoice-history tr {
  border-top: 1px solid #d8d8d8;
}

.invoice-history tbody tr td {
  padding-top: 11px;
  padding-bottom: 13px;
  white-space: normal;
}

.invoice-history .lock {
  width: 1em;
}

.invoice-history .status {
  min-width: 72px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  font-size: 11px;
  border-radius: 3px;
  background-color: #b1b1b1;
  color: #fff;
  padding: 2px 7px 3px;
  font-weight: bold;
}

.invoice-history .status.sent,
.invoice-history .status.viewed {
  background-color: #26B6E8;
}

.invoice-history .status.paid {
  background-color: #32CD32;
}

.invoice-history .status.draft {
  background-color: #ffa405;
}

.invoice-history .status.partial {
  background-color: #1bdbc6;
}

.invoice-history .status.overdue {
  background-color: #FF5722;
}

.invoice-history .status.cancelled {
  background-color: #b1b1b1;
}

.invoice-history .date {
  color: #a7a7a7;
}

/* #Invoice & Estimate Editing
================================================== */

.invoice-form-wrapper {
  margin-bottom: 25px;
  width: 55%;
}

table#invoice-items.edit {
  margin-bottom: 7px;
}

table#invoice-items.edit .btn-group {
  margin-bottom: 0;
  width: 110px;
}

table#invoice-items.edit .btn-group.show-tick {
  width: 90px;
}

table#invoice-items.edit .item {
  width: 142px;
}

table#invoice-items.edit .number {
  width: 130px;
}

table#invoice-items.edit .number.left {
  text-align: left;
}

table#invoice-items.edit textarea {
  height: 44px;
  max-height: 120px;
  padding: 10px 12px;
  resize: none;
}

table#invoice-items.edit .line-total {
  padding-top: 23px;
}

table#invoice-items.edit tbody td {
  position: relative;
  overflow: visible;
}

table#invoice-items.edit .delete-control {
  display: none;
  position: absolute;
  right: -50px;
  top: 0;
  width: 65px;
  height: 68px;
}

table#invoice-items.edit .drag-control {
  display: none;
  position: absolute;
  left: -50px;
  top: 0;
  width: 65px;
  height: 68px;
}

table#invoice-items.edit tbody tr .delete-row,
table#invoice-items.edit tbody tr .drag {
  color: #AFAFAF;
  position: absolute;
  display: block;
}

table#invoice-items.edit tbody td .delete-row {
  top: 24px;
  cursor: pointer;
  right: 25px;
}

table#invoice-items.edit tbody td .drag {
  top: 24px;
  cursor: move;
  left: 25px;
}

table#invoice-items.edit tbody tr:hover .delete-control,
table#invoice-items.edit tbody tr:hover .drag-control {
  display: block;
}

table#invoice-totals.edit .discount,
table#invoice-totals.edit .amount {
  background-color: inherit;
}

.status-switch {
  background-color: #E2FDE2;
  position: absolute;
  top: 47px;
  right: -1px;
  padding: 14px 25px 12px 20px;
  border: 1px solid #d8d8d8;
  border-radius: 5px 0px 0px 5px;
}

.status-switch label {
  margin-left: 3px;
}

.add-lines ul {
  list-style: none;
  text-align: center;
  border-bottom: 1px solid #d8d8d8;
  padding: 12px 0px 20px 0px;
  margin-bottom: 20px;
}

.add-lines ul li {
  display: inline-block;
  padding-right: 5px;
}

.add-lines ul li:first-child {
  padding-left: 0px;
}

.add-lines ul li:last-child {
  padding-right: 0px;
}

.add-lines ul li a {
  display: block;
  background-color: #f8f8f8;
  padding: 6px 20px 7px 20px;
  border-radius: 1000px;
  -webkit-transition: color 0.10s ease-in-out;
  -moz-transition: color 0.10s ease-in-out;
  -o-transition: color 0.10s ease-in-out;
  -webkit-transition: background-color 0.10s ease-in-out;
  -moz-transition: background-color 0.10s ease-in-out;
  -o-transition: background-color 0.10s ease-in-out;
}

.add-lines ul li a .fa {
  margin-right: 2px;
  opacity: 0.80;
  -webkit-transition: opacity 0.10s ease-in-out;
  -moz-transition: opacity 0.10s ease-in-out;
  -o-transition: opacity 0.10s ease-in-out;
}

.add-lines ul li a:hover {
  background-color: #f3f3f3;
}

.add-lines ul li a:hover .fa {
  opacity: inherit;
}

/* #Invoice & Estimate Public View
================================================== */

body.public-invoice {
  background-color: #f4f4f4;
  background-image: none;
}

.public-container {
  padding: 50px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.document-column {
  width: 78%;
  float: left;
  padding-bottom: 80px;
}

.actions-column {
  width: 20%;
  float: right;
  text-align: center;
}

.actions-column .btn {
  margin-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
}

.actions-column p {
  font-size: 12px;
}

.public-action {
  background-color: #fff;
  display: block;
  padding-top: 12px;
  padding-bottom: 14px;
  margin-bottom: 10px;
  text-align: center;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
}

.public-byline {
  text-align: right;
  margin-top: 10px;
  color: #A0A0A0;
  display: block;
}

.public-byline:hover {
  color: #a0a0a0;
}

/* #Managing Payments
================================================== */

#payment-items .fa-pencil {
  float: right;
  color: #AFAFAF;
  margin-right: 8px;
  margin-top: 2px;
}

.add-payments {
  margin: 0px;
  padding: 12px 0px 20px 0px;
  list-style: none;
  text-align: center;
  border-bottom: 1px solid #d8d8d8;
}

.add-payments li {
  display: inline-block;
  padding-right: 5px;
}

.add-payments li:last-child {
  padding-right: 0px;
}

.add-payments li a {
  display: block;
  background-color: #f8f8f8;
  padding: 6px 20px 7px 20px;
  border-radius: 1000px;
  -webkit-transition: color 0.10s ease-in-out;
  -moz-transition: color 0.10s ease-in-out;
  -o-transition: color 0.10s ease-in-out;
  -webkit-transition: background-color 0.10s ease-in-out;
  -moz-transition: background-color 0.10s ease-in-out;
  -o-transition: background-color 0.10s ease-in-out;
}

.add-payments li a .fa {
  margin-right: 2px;
  opacity: 0.80;
  -webkit-transition: opacity 0.10s ease-in-out;
  -moz-transition: opacity 0.10s ease-in-out;
  -o-transition: opacity 0.10s ease-in-out;
}

.add-payments li a:hover {
  background-color: #f3f3f3;
}

.add-payments li a:hover .fa {
  opacity: inherit;
}

.payments-summary {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 18px;
}

.overpayment-summary {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 0px;
  margin-bottom: 5px;
  color: #FF5722;
}

/* #Public Payments
================================================== */

.public-payment {
  max-width: 460px;
  margin: 50px auto 30px;
}

.public-payment h2 .fa-lock {
  position: absolute;
  right: 20px;
  top: 15px;
}

.public-payment .payment-details {
  text-align: center;
  background-color: #fffde0;
  padding: 30px;
  border-bottom: 1px solid #d8d8d8;
}

.public-payment .payment-details h3 {
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 5px;
}

.public-payment .payment-details a {
  margin-bottom: 2px;
  display: block;
}

.public-payment .payment-details .secure {
  font-size: 14px;
  margin-top: 20px;
  background-color: #E5F9FF;
  padding-top: 17px;
  padding-bottom: 20px;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: -31px;
}

.public-payment .payment-details .secure .fa {
  color: #a7a7a7;
}

.public-payment footer {
  text-align: center;
}

.public-payment .payment-errors {
  text-align: center;
  color: #FF5722;
}

.stripe-badge {
  text-align: center;
  margin-bottom: 100px;
}

.stripe-badge img {
  height: 26px;
  width: 119px;
}

/* #Clients
================================================== */

.clients a.header-link {
  position: absolute;
  right: 20px;
  top: 12px;
}

.client-total {
  padding: 30px 30px 20px;
}

.client-total-number {
  margin-bottom: 8px;
  position: relative;
}

.client-total-number h4 {
  font-size: 36px;
  font-weight: bold;
  display: inline;
  line-height: .7;
}

.client-total-number p {
  position: absolute;
  bottom: 0;
  margin: 0;
  right: 0;
}

.client-total-bar-bg {
  background-color: #E9E9E9;
  height: 25px;
  border-radius: 3px;
}

.client-total-bar-bg {
  background-color: #E9E9E9;
  height: 25px;
  border-radius: 3px;
}

.client-total-bar-bg .bar-progress {
  background-color: #32CD32;
  height: 25px;
  border-radius: 3px;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
}

.project-list {
  padding: 0 30px 35px;
}

.project-list.proposals {
  margin-top: -15px;
}

.project-list h5 {
  font-weight: bold;
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.client-project-bar-bg {
  background-color: #E9E9E9;
  height: 10px;
  border-radius: 3px;
}

.client-project-bar-bg .bar-progress {
  background-color: #32CD32;
  height: 10px;
  border-radius: 3px;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
}

.client-total-bar-bg .bar-progress:hover,
.client-project-bar-bg .bar-progress:hover {
  background-color: #1db91d;
}

.project-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.project-list ul li {
  margin-bottom: 20px;
}

.project-list ul li:last-child {
  margin-bottom: 0;
}

.project-list ul li p {
  margin-bottom: 5px;
}

.client p.client-empty {
  padding: 30px;
  margin: 0;
  text-align: center;
}

.clients-empty {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 25px;
  border-radius: 5px;
  border: 1px solid #d8d8d8;
}

.delete-contact {
  font-size: 21px;
  font-weight: bold;
  position: absolute;
  top: 11px;
  right: 20px;
  color: #000;
  filter: alpha(opacity=20);
  opacity: .2;
}

.delete-contact:hover {
  color: #000;
  text-decoration: none;
  filter: alpha(opacity=50);
  opacity: .5;
}

.add-contact {
  margin-top: -10px;
  display: block;
}

.modal-slider .add-contact {
  margin-bottom: 20px;
}

/* #Credits
================================================== */

.credit-history {
  margin-top: 20px;
  margin-bottom: 0px;
}

.credit-history tr {
  border-top: 1px solid #d8d8d8;
}

.credit-history tr p {
  margin-bottom: 0px;
}

.credit-history tbody tr td {
  padding-top: 11px;
  padding-bottom: 13px;
  white-space: normal;
}

.credit-history .lock {
  width: 1em;
}

.credit-history .status {
  min-width: 35px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  border-radius: 3px;
  background-color: #b1b1b1;
  color: #fff;
  padding: 0px 7px 0px;
  font-weight: bold;
}

.credit-history .status.positive {
  background-color: #32CD32;
}

.credit-history .status.negative {
  background-color: #FF5722;
}

.credit-history .date {
  color: #a7a7a7;
}

.credit-history .notes {
  color: #a7a7a7;
  font-size: 12px;
  display: block;
}

.modal-stat-large {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 13px;
}

.modal-stat-large .stat-number {
  font-size: 26px;
  line-height: 26px;
}

.modal-stat-large .stat-label {
  color: #AFAFAF;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
  margin-top: 7px;
  font-size: 12px;
}

/* #Yearly Goal
================================================== */

.goal-stats {
  background-color: #e2fde2;
  background: linear-gradient(to left, #e2fce2 34.8%, #ffffff 40.1%) #e2fde2;
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
}

.goal-stats li {
  display: inline-block;
  text-align: center;
  background-color: #fff;
  border-right: 1px solid #d8d8d8;
  width: 24.9%;
  padding-top: 35px;
  padding-bottom: 45px;
  margin-right: -3px;
  position: relative;
}

.goal-stats li:first-child {
  border-radius: 5px 0px 0px 5px;
}

.goal-stats li:last-child {
  border-right: none;
  background: none;
}

.goal-stats .stat-number {
  font-size: 34px;
  color: #32cd32;
  display: block;
}

.goal-stats .stat-label {
  text-transform: uppercase;
  letter-spacing: 1px;
}

.goal-stats i {
  color: #afafaf;
}

.goal-stats .math-marker {
  font-size: 20px;
  display: block;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  width: 30px;
  height: 30px;
  border-radius: 100px;
  position: absolute;
  right: -15px;
  top: 40%;
  z-index: 2;
}

.yearly-goal table.list {
  border: none;
}

.yearly-goal table .edit a {
  color: #afafaf;
  -webkit-transition: color 0.15s ease-in-out;
  -moz-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
  margin-right: 15px;
}

.yearly-goal table .edit a:hover {
  color: #828282;
}

.yearly-goal table .edit .delete {
  margin-right: 0px;
}

.yearly-goal table .total {
  color: #fff;
  background-color: #32cd32;
  font-weight: bold;
  padding: 2px 8px 4px;
  border-radius: 3px;
}

/* #Timer
================================================== */

.timer-loading {
  padding-top: 12px;
  text-align: center;
  font-size: 6px;
  margin: 0;
  color: #d8d8d8;
}

.timer-wrapper {
  background-color: #fff;
}

.timer-column {
  width: 250px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  padding-right: 20px;
  padding-left: 20px;
}

.timer .selectpicker li,
.timer .selectpicker li .text {
  max-width: 209px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block !important;
}

.clock-wrapper {
  background-color: #f3f3f3;
  border-bottom: 1px solid #d8d8d8;
  padding-top: 15px;
  padding-bottom: 25px;
  text-align: center;
}

.clock-wrapper .time {
  font-size: 40px;
  margin-bottom: 5px;
}

.clock-wrapper .trigger {
  width: 80px;
  height: 80px;
  display: block;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 1000px;
  margin-right: auto;
  margin-left: auto;
  font-size: 18px;
}

.clock-wrapper .trigger span {
  margin-top: 25px;
  display: block;
}

.clock-wrapper .trigger.start {
  color: #32CD32;
  border-color: #32CD32;
}

.clock-wrapper .trigger.stop {
  color: #FF5722;
  border-color: #FF5722;
}

.clock-wrapper .reset {
  color: #414141;
  text-align: center;
  position: absolute;
  right: 43px;
  bottom: 0;
}

.clock-wrapper .reset i {
  font-size: 18px;
  display: block;
  color: #c5c5c5;
  margin-bottom: -2px;
  -webkit-transition: color .15s ease-in-out;
  -moz-transition: color .15s ease-in-out;
  -o-transition: color .15s ease-in-out;
}

.clock-wrapper .reset:hover i {
  color: #414141;
}

.timer-form-wrapper {
  padding-top: 20px;
}

.timer-form-wrapper .form-group {
  margin-bottom: 15px;
}

.timer-form-wrapper select {
  width: 100%;
}

.timer-form-wrapper .btn {
  margin-right: auto;
  margin-left: auto;
  display: block;
}

.timer-submit {
  text-align: center;
}

.timer-submit.success {
  display: none;
}

.timer-submit.error {
  display: none;
}

.timer-submit.spinner {
  font-size: 24px;
  color: #aaa;
  display: none;
}

/* #Time Tracking
================================================== */

.timer-running {
  transition: none;
  display: none;
  color: #fff;
  font-size: 14px;
  height: 55px;
  padding-right: 5px !important;
  position: relative;
}

.timer-running:hover,
.timer-running:focus {
  color: #fff;
}

.timer-running:hover .fa,
.timer-running:focus .fa {
  color: #fff;
}

.timer-running .fa {
  color: rgba(255, 255, 255, 0.5);
  font-size: 18px;
  position: relative;
  top: 2px;
  -webkit-transition: color 0.15s ease-in-out;
  -moz-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
}

.timers {
  margin-bottom: 30px;
  min-height: 66px;
}

.timers .timer {
  position: relative;
  margin-bottom: 10px;
  margin-left: -30px;
  padding-left: 30px;
}

.timers .timer .timer-inner {
  min-height: 66px;
  background: #fff;
  position: relative;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  padding: 10px 20px 10px 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
}

.timers .timer input[type="text"] {
  float: left;
  padding: 7px 10px 10px;
  border: 1px solid #fff;
  border-radius: 5px;
  margin-right: 15px;
  font-size: 18px;
}

.timers .timer input[name="description"] {
  width: 50%;
  padding: 6px 10px 11px;
  text-overflow: ellipsis;
}

.timers .timer input[name="description"]:-moz-placeholder {
  color: #b0b0b0;
}

.timers .timer input[name="description"]::-moz-placeholder {
  color: #b0b0b0;
}

.timers .timer input[name="description"]:-ms-input-placeholder {
  color: #b0b0b0;
}

.timers .timer input[name="description"]::-webkit-input-placeholder {
  color: #b0b0b0;
}

.timers .timer input.elapsed {
  max-width: 100px;
  float: right;
  margin-right: 15px;
  text-align: center;
  font-size: 18px;
  float: right;
}

.timers .timer input.elapsed:focus {
  border: 1px solid #ddd;
}

.timers .timer input.elapsed[disabled] {
  -webkit-text-fill-color: inherit !important;
  color: inherit !important;
  opacity: .60 !important;
  background-color: transparent !important;
  cursor: not-allowed;
}

.timers .timer .select-group {
  float: right;
  width: 200px;
  margin-right: 15px;
}

.timers .timer .stop {
  border: 1px solid #FF5722;
  background: #fff;
  color: #FF5722;
  min-width: 90px;
  margin-right: 15px;
  float: right;
  position: relative;
  top: 1px;
  padding: 9px 17px 11px;
}

.timers .timer .stop:hover {
  color: #E14E28;
  border-color: #E14E28;
}

.timers .timer .start {
  border: 1px solid #32cd32;
  background: #fff;
  color: #32cd32;
  min-width: 90px;
  margin-right: 15px;
  position: relative;
  top: 1px;
  float: right;
  padding: 9px 17px 11px;
}

.timers .timer .start:hover {
  color: #29b429;
  border-color: #29b429;
}

.timers .timer .log {
  min-width: 160px;
  float: right;
  position: relative;
  top: 1px;
}

.timers .timer .js-delete-timer {
  position: absolute;
  right: -32px;
  top: -1px;
  opacity: 0;
  color: #AFAFAF;
  font-size: 18px;
  padding: 20px 10px;
}

.timers .timer:hover .js-delete-timer {
  opacity: 1;
}

.timers .timer .drag-control {
  position: absolute;
  left: -33px;
  top: -1px;
  opacity: 0;
  color: #AFAFAF;
  font-size: 12px;
  cursor: move;
  padding: 20px 10px;
}

.timers .timer:hover .drag-control {
  opacity: 1;
}

.timers .sortable-placeholder {
  position: relative;
  min-height: 66px;
  background: #f9f9f9;
  border: 1px dashed #d8d8d8;
  border-radius: 4px;
  padding: 10px 20px 10px 10px;
  margin-bottom: 10px;
  box-shadow: none;
}

@media only screen and (max-width: 1910px) {
  .timers .timer input[name="description"] {
    width: 40%;
  }
}

@media only screen and (max-width: 1610px) {
  .timers .timer input[name="description"] {
    width: 35%;
  }
}

@media only screen and (max-width: 1500px) {
  .timers .timer input[name="description"] {
    width: 30%;
  }
}

@media only screen and (max-width: 1400px) {
  .timers .timer input[name="description"] {
    width: 27%;
  }
}

@media only screen and (max-width: 1355px) {
  .timers .timer input[name="description"] {
    width: 30%;
  }

  .timers .timer .select-group {
    width: 175px;
  }
}

@media only screen and (max-width: 1325px) {
  .timers .timer input[name="description"] {
    width: 32%;
  }

  .timers .timer .select-group {
    width: 150px;
  }
}

@media only screen and (max-width: 1290px) {
  .timers .timer input[name="description"] {
    width: 28%;
  }
}

@media only screen and (max-width: 1235px) {
  .timers .timer input[name="description"] {
    width: 25%;
  }
}

@media only screen and (max-width: 1190px) {
  .timers .timer input[name="description"] {
    width: 100%;
    text-align: center;
    border: 1px solid #cfcfcf;
    padding: 9px 10px 13px;
    margin-bottom: 10px;
  }

  .timers .timer input.elapsed {
    max-width: 12%;
  }

  .timers .timer .select-group {
    width: 20%;
  }

  .timers .timer .log {
    width: 20%;
  }

  .timers .timer .start {
    width: 20%;
  }

  .timers .timer .stop {
    width: 20%;
  }
}

@keyframes opacity {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: .5;
  }
}

.marching-ellipsis span {
  -webkit-animation-name: opacity;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: opacity;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -ms-animation-name: opacity;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: infinite;
}

.marching-ellipsis span:nth-child(2) {
  animation-delay: 300ms;
}

.marching-ellipsis span:nth-child(3) {
  animation-delay: 600ms;
}

.time-history-prompt {
  text-align: center;
  display: block;
  padding: 12px 20px 14px 20px;
  margin-bottom: 300px;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
}

.time-history-prompt .fa {
  opacity: 0.4;
}

/* #Budget
================================================== */

.expense-budget {
  margin-bottom: 55px;
  position: relative;
}

.expense-budget .category-progress {
  margin-bottom: 20px;
  position: relative;
}

.expense-budget .category-progress .category-info {
  display: block;
  margin-bottom: 5px;
}

.expense-budget .category-progress .category-info .category-stats {
  float: right;
}

.expense-budget .category-progress .category-info .category-stats .fa {
  color: #afafaf;
  margin-left: 5px;
}

.expense-budget .category-progress .category-bar .bar-bg {
  background-color: #E3E3E3;
  border-radius: 3px;
  position: relative;
}

.expense-budget .category-progress .category-bar .bar-bg .bar-progress {
  text-indent: -999px;
  max-width: 100%;
  overflow: hidden;
  height: 10px;
  background-color: #32CD32;
  border-radius: 3px;
  position: relative;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
}

.expense-budget .category-progress .category-bar .bar-bg .bar-progress:hover {
  background-color: #1db91d;
}

.expense-budget .category-progress .category-bar .bar-bg .bar-progress.warning {
  background-color: #FFA405;
}

.expense-budget .category-progress .category-bar .bar-bg .bar-progress.warning:hover {
  background-color: #e99400;
}

.expense-budget .category-progress .category-bar .bar-bg .bar-progress.negative {
  background-color: #FF5722;
}

.expense-budget .category-progress .category-bar .bar-bg .bar-progress.negative:hover {
  background-color: #e23308;
}

.expense-budget .category-progress.total-budget {
  padding-bottom: 40px;
  margin-bottom: 30px;
  border-bottom: 2px solid #d8d8d8;
}

.unbudgeted-spending {
  border-top: 2px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}

.unbudgeted-spending thead {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: 1px solid #d8d8d8;
}

.unbudgeted-spending thead em {
  text-transform: none;
  letter-spacing: normal;
}

.unbudgeted-spending tbody {
  border-bottom: 1px solid #d8d8d8;
}

.unbudgeted-spending .number {
  text-align: right;
  font-weight: bold;
}

.today-marker .marker {
  position: absolute;
  top: -30px;
  bottom: -27px;
  left: 75%;
  border-left: 1px solid #e3e3e3;
}

.today-marker .marker .text {
  border: 1px solid #7a7a7a;
  background: #fff;
  margin: 0;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: bold;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(17, 17, 17, 0.1);
  position: absolute;
  right: -31px;
  top: -15px;
}

.today-marker .marker .anchor {
  background-color: #e3e3e3;
  display: block;
  height: 11px;
  width: 11px;
  border-radius: 1000px;
  position: absolute;
  bottom: -5px;
  left: -6px;
}

/* #Settings
================================================== */

.settings-wrapper .settings-actions {
  text-align: right;
  margin-bottom: 14px;
}

.settings-wrapper .settings-actions a {
  color: #00B900;
}

.settings-wrapper .settings-actions a:hover,
.settings-wrapper .settings-actions a:focus {
  color: #25a425;
}

ul.email-templates,
ul.banks {
  list-style: none;
  padding: 0;
}

ul.email-templates li a,
ul.banks li a {
  display: block;
  background-color: #f8f8f8;
  padding: 12px 20px 14px 20px;
  margin-bottom: 10px;
  position: relative;
  border-radius: 1000px;
  -webkit-transition: color 0.05s ease-in-out;
  -moz-transition: color 0.05s ease-in-out;
  -o-transition: color 0.05s ease-in-out;
  -webkit-transition: background-color 0.10s ease-in-out;
  -moz-transition: background-color 0.10s ease-in-out;
  -o-transition: background-color 0.10s ease-in-out;
}

ul.email-templates li a .hourly-rate {
  font-size: 12px;
  color: #a7a7a7;
  margin-left: 6px;
}

ul.email-templates li a:hover,
ul.banks li a:hover {
  background-color: #f3f3f3;
}

ul.email-templates li .edit,
ul.banks li .edit {
  color: #afafaf;
  position: absolute;
  right: 20px;
  top: 14px;
}

ul.time-tasks {
  list-style: none;
  padding: 0;
}

ul.time-tasks li a {
  display: block;
  border-top: 1px dotted #d8d8d8;
  padding: 10px 20px 12px;
  position: relative;
}

ul.time-tasks li:first-child a {
  border-top: none;
}

ul.time-tasks li a:hover {
  background-color: #FAFAFA;
}

ul.time-tasks li .edit {
  color: #afafaf;
  position: absolute;
  right: 20px;
  top: 12px;
}

ul.time-tasks li a .hourly-rate {
  font-size: 12px;
  color: #a7a7a7;
  margin-left: 6px;
}

ul.expense-ajax-list li {
  position: relative;
}

ul.expense-ajax-list li:hover {
  background-color: #FAFAFA;
}

ul.expense-ajax-list li a {
  color: #afafaf;
  font-size: 16px;
  position: absolute;
  right: 15px;
  top: 9px;
}

.tax-setting .equals {
  margin: 13px 10px 0 0;
  float: left;
}

.tax-setting .tax-selector .btn {
  width: 140px !important;
}

.tax-setting .form-group {
  margin-bottom: 0;
}

.taxes-container {
  margin-top: 30px;
}

ul.tag-cloud {
  list-style: none;
  padding: 0;
  margin: 0 0 5px;
}

ul.tag-cloud li {
  display: inline;
  margin-right: 5px;
}

.logo-upload {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  padding: 10px 10px 10px 0;
  overflow: hidden;
}

.logo-preview {
  border-right: 1px dashed #d8d8d8;
  text-align: center;
  width: 270px;
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 4px;
  float: left;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.logo-preview img {
  max-height: 100px;
  max-width: 100%;
}

.logo-instructions {
  float: right;
  width: calc(100% - 300px);
  font-size: 12px;
  padding-top: 5px;
  margin-right: 7px;
}

.logo-instructions input[type="file"] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.logo-instructions input[type="file"] + label {
  cursor: pointer;
}

.logo-instructions p {
  margin-top: 7px;
  margin-bottom: 5px;
  text-align: center;
}

.logo-instructions p span {
  color: #a7a7a7;
}

.settings .content {
  margin-bottom: 75px;
}

.settings .level1-container .content {
  margin-bottom: 0px;
}

.settings-wrapper {
  max-width: 550px;
}

.tax-settings-wrapper {
  margin-top: 4px;
}

.tax-settings-wrapper label {
  display: inline-block;
  margin-right: 12px;
}

.tax-settings-wrapper label:first-child {
  margin-left: 14px;
}

.tax-settings-wrapper .tax-name {
  width: 130px;
}

.tax-settings-wrapper .tax-rate {
  width: 130px;
}

.tax-settings-wrapper .tax-id-num {
  width: 130px;
}

.tax-setting {
  background-color: #F3F3F3;
  margin-bottom: 10px;
  position: relative;
  border-radius: 4px;
  padding: 10px;
}

.tax-setting > div {
  float: left;
  margin-right: 16px;
}

.tax-setting .delete {
  color: #afafaf;
  font-size: 16px;
  position: absolute;
  right: 20px;
  top: 32%;
  display: none;
}

.tax-setting:hover .delete {
  display: inline;
}

.vehicles input {
  margin-bottom: 10px;
}

/* #Account
================================================== */

.img-circle {
  background-size: cover;
  background-position: center center;
  border: none;
}

.account .content {
  margin-bottom: 75px;
}

.basics-avatar {
  text-align: center;
  margin-bottom: 30px;
}

.basics-avatar img {
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
}

.basics-avatar .controls {
  display: block;
}

.basics-avatar .controls input[type="file"] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.basics-avatar .controls input[type="file"] + label {
  cursor: pointer;
}

.basics-avatar .controls .button-partner {
  display: block;
  margin-top: 10px;
  margin-bottom: 0px;
  height: 10px;
}

/* #Subscription Plans
================================================== */

.pricing-plans {
  text-align: center;
}

.pricing-plans .plan-note {
  color: #9c9c9c;
  margin-bottom: 30px;
}

.pricing-plans .plan-note strong {
  font-weight: normal;
  color: #414141;
}

.pricing-plans .bloggers-link {
  color: #9c9c9c;
  font-style: italic;
  margin-top: 30px;
}

.pricing-plans .button-group {
  text-align: center;
  display: inline-block;
}

.pricing-plans .button-group .btn {
  min-width: 300px;
  margin-bottom: 10px;
}

.pricing-plans .button-group .small {
  font-size: 14px;
  display: block;
}

.payment-toggle {
  text-align: center;
  margin-bottom: 45px;
}

.payment-toggle button {
  color: #17a9dc;
  min-width: 170px;
  padding: 10px 40px 12px;
  background-color: transparent;
  border: 1px solid #26B6E8;
  position: relative;
}

@media only screen and (max-width: 479px) {
  .payment-toggle button {
    min-width: 50px;
    padding: 10px 20px 12px;
  }
}

.payment-toggle button:focus,
.payment-toggle button:active {
  outline: none;
}

.payment-toggle button.active {
  color: #fff;
  background-color: #26B6E8;
}

.payment-toggle button:first-child {
  margin-right: -3px;
  border-radius: 4px 0px 0px 4px;
}

.payment-toggle button:last-child {
  border-radius: 0px 4px 4px 0px;
}

.plan {
  width: 300px;
  padding: 10px;
  display: inline-block;
  margin-right: 20px;
  text-align: center;
  position: relative;
  vertical-align: top;
}

@media only screen and (max-width: 1465px) {
  .plan {
    width: 30%;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 1250px) {
  .plan {
    width: 300px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    padding: 0px;
  }
}

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

.plan.active {
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
}

@media only screen and (max-width: 1250px) {
  .plan.active {
    border: none;
    border-radius: 0px;
    box-shadow: none;
  }
}

.plan h3 {
  background-color: #E6F9FF;
  font-size: 18px;
  line-height: 34px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 8px 20px 10px 20px;
  margin-top: 0px;
}

.plan.active h3 {
  background-color: #E2FDE2;
}

.plan h3 .fa {
  opacity: 0.8;
}

.plan h3 .popover {
  font-size: 13px;
  text-transform: none;
  letter-spacing: normal;
  color: #414141;
  padding: 0px;
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.plan h3 .popover-title {
  font-size: 13px;
  text-transform: none;
  letter-spacing: normal;
  background-color: #f4f4f4;
  padding: 8px 16px 11px !important;
  border-bottom: 1px solid #e1e1e1;
  border-radius: 3px 3px 0 0;
}

.plan h3 .popover-content {
  padding: 10px 16px 14px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.plan h4 {
  font-size: 72px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  line-height: 30px;
  padding-top: 30px;
  padding-bottom: 20px;
  position: relative;
  display: inline-block;
}

.plan h4 span {
  color: #9c9c9c;
  font-size: 18px;
  display: block;
  margin-top: 15px;
}

.plan h4:before {
  content: "$";
  font-size: 36px;
  position: absolute;
  top: 20px;
  left: -18px;
}

.plan h3.users {
  color: #17a9dc;
}

.plan.active h3.users {
  color: #32CD32;
}

.plan .features {
  color: #9c9c9c;
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 0px;
  list-style: none;
}

.plan .features li {
  margin-bottom: 7px;
}

.plan .features li strong {
  color: #414141;
  font-weight: normal;
}

.plan ul {
  padding: 10px 22px 14px;
  margin-bottom: 5px;
  color: #929292;
}

.plan ul li {
  margin-bottom: 2px;
}

.plan .control-feature {
  font-size: 18px;
  color: #515151;
  margin-bottom: 13px;
}

.plan .ribbon {
  position: absolute;
  right: -1px;
  top: -1px;
  z-index: 1;
  overflow: hidden;
  width: 110px;
  height: 110px;
  text-align: right;
}

@media only screen and (max-width: 1250px) {
  .plan .ribbon {
    display: none;
  }
}

.plan .ribbon span {
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  line-height: 35px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 150px;
  display: block;
  background: #32CD32;
  position: absolute;
  top: 22px;
  right: -35px;
}

.matrix-tagline {
  margin-top: 40px;
  margin-bottom: 35px;
  font-size: 16px;
  line-height: 26px;
  font-style: italic;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 1280px) {
  .matrix-tagline br {
    display: none;
  }
}

.pricing-burst {
  color: #fff;
  text-align: center;
  position: absolute;
  background-color: #ffa706;
  width: 70px;
  height: 70px;
  display: block;
  top: -38px;
  right: -50px;
  border-radius: 500px;
}

.pricing-burst span {
  margin-top: 13px;
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.pricing-burst span strong {
  display: block;
  font-weight: normal;
  font-size: 23px;
  margin-top: -6px;
  letter-spacing: -1px;
}

.subscription-payment .payment-errors {
  text-align: center;
  color: #FF5722;
  margin-top: 20px;
  margin-bottom: 20px;
}

.subscription-payment .plan-details {
  display: block;
  text-align: center;
  margin-bottom: 30px;
}

.subscription-payment .plan-details h3 {
  background-color: #E6F9FF;
  font-size: 18px;
  line-height: 34px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 8px 20px 10px 20px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.subscription-payment .plan-details.active h3 {
  background-color: #E2FDE2;
}

.subscription-payment .plan-details h4 {
  font-size: 72px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  line-height: 30px;
  padding-top: 30px;
  padding-bottom: 20px;
  margin-bottom: 3px;
  position: relative;
  display: inline-block;
}

.subscription-payment .plan-details h4 span {
  color: #9c9c9c;
  font-size: 18px;
  display: block;
  margin-top: 15px;
}

.subscription-payment .plan-details h4:before {
  content: "$";
  font-size: 36px;
  position: absolute;
  top: 20px;
  left: -18px;
}

.subscription-payment .plan-details h3.users {
  color: #17a9dc;
}

.subscription-payment .plan-details.active h3.users {
  color: #32CD32;
}

.subscription-payment .stripe-badge {
  margin-bottom: 30px;
}

.pricing-plan {
  text-align: center;
  padding-top: 30px;
}

.pricing-plan img {
  margin-bottom: 25px;
}

.pricing-plan h2 {
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 5px;
}

.pricing-plan h3 {
  font-size: 20px;
  font-weight: normal;
  line-height: 30px;
  text-align: center;
  color: #9c9c9c;
  margin-top: 0px;
  margin-bottom: 35px;
}

.pricing-plan h3 strong {
  color: #414141;
  font-weight: bold;
}

.pricing-plan .button-group {
  text-align: center;
  display: inline-block;
}

.pricing-plan .button-group .btn {
  min-width: 200px;
  margin-bottom: 10px;
  border-radius: 500px;
}

.pricing-plan .button-group .small {
  font-size: 14px;
  display: block;
}

/* #Reports
================================================== */

.report-wrapper {
  border: 1px solid #d8d8d8;
  padding: 30px;
  margin: auto;
  min-width: 960px;
  border-radius: 5px;
}

.report-header {
  margin-bottom: 30px;
  text-align: center;
}

.report-header h2 {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 5px;
}

.report-header p.report-company {
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 5px;
}

table.list.report-table {
  font-size: 13px;
}

table.list.report-table th {
  padding: 6px 9px 8px 9px;
  border-right: none;
}

table.list.report-table tr.invoice-label {
  text-align: center;
  border-bottom: 1px solid #d8d8d8;
}

table.list.report-table.profit-loss,
table.list.report-table.profit-loss th {
  text-align: right;
}

table.list.report-table td {
  padding: 7px 6px 9px 6px;
}

table.list.report-table td.indent,
table.list.report-table th.indent {
  padding-left: 20px;
}

table.list.report-table tbody td.report-label {
  text-align: left;
}

table.list.report-table .row-total {
  font-weight: bold;
}

table.list.report-table .report-total {
  font-weight: bold;
  border-top: 1px solid #d8d8d8;
}

table.list.report-table .amount-due {
  font-weight: bold;
  border-bottom: 1px solid #d8d8d8;
}

/* #Team
================================================== */

.team-member-list {
  border-top: 1px solid #d8d8d8;
  list-style-type: none;
  padding: 0px;
}

.team-member-list li.member {
  border-bottom: 1px solid #d8d8d8;
  padding-top: 20px;
  padding-bottom: 20px;
  padding: 20px 10px;
  position: relative;
  clear: both;
}

.team-member-list li.member .status {
  text-transform: uppercase;
  font-size: 11px;
  border-radius: 3px;
  background-color: #b1b1b1;
  color: #fff;
  padding: 2px 7px 3px;
  font-weight: bold;
  position: absolute;
  top: 34px;
  right: 50px;
}

.team-member-list li.member .status.tier1 {
  background-color: #32CD32;
}

.team-member-list li.member .status.tier2 {
  background-color: #26B6E8;
}

.team-member-list li.member .status.tier3 {
  background-color: #1BDBC6;
}

.team-member-list li.member .status.pending {
  background-color: #FFA405;
}

.team-member-list li.member .dropdown {
  position: absolute;
  top: 35px;
  right: 10px;
}

.team-member-list li.member .dropdown .dropdown-toggle i {
  color: #AFAFAF;
  font-size: 18px;
  cursor: pointer;
  -webkit-transition: color 0.15s ease-in-out;
  -moz-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
}

.team-member-list li.member .dropdown .dropdown-toggle:hover i {
  color: #828282;
}

.team-member-list li.member .dropdown .dropdown-menu {
  right: 0px;
}

.team-member-list li.member .team-member-title {
  max-width: 405px;
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.team-member-list li.member .team-member-title img {
  width: 50px;
  height: 50px;
}

.team-member-list li.member .team-member-title .no-avatar {
  width: 50px;
  height: 50px;
}

.team-member-list li.member .team-member-title .team-member-name {
  position: absolute;
  left: 60px;
  top: 5px;
}

.team-member-list li.member .team-member-title .team-member-name span {
  display: block;
  color: #a7a7a7;
}

.role-options {
  list-style-type: none;
  padding: 0px;
  margin-bottom: 0px;
}

.role-options label {
  font-weight: normal;
  padding: 12px 15px 12px 10px;
  position: relative;
  border-radius: 5px;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
}

.role-options label:hover {
  background-color: #f3f3f3;
  cursor: pointer;
}

.role-options label input {
  position: absolute;
  left: 13px;
  top: 12px;
}

.role-options label .role-description {
  padding-left: 25px;
}

.role-options label .role-description .status {
  text-transform: uppercase;
  font-size: 11px;
  border-radius: 3px;
  background-color: #b1b1b1;
  color: #fff;
  padding: 2px 7px 3px;
  font-weight: bold;
  min-width: 75px;
  display: inline-block;
  text-align: center;
}

.role-options label .role-description .status.tier1 {
  background-color: #32CD32;
}

.role-options label .role-description .status.tier2 {
  background-color: #26B6E8;
}

.role-options label .role-description .status.tier3 {
  background-color: #1BDBC6;
}

.role-options label .role-description p {
  margin-top: -21px;
  margin-bottom: 2px;
  padding-left: 95px;
}

.project-assignments {
  list-style-type: none;
  padding: 0px;
  margin-bottom: 0px;
}

.project-assignments li {
  margin-bottom: 10px;
}

.project-assignments li label {
  background-color: #f3f3f3;
  font-weight: normal;
  display: block;
  border-radius: 5px;
  padding: 10px 30px 12px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-assignments li label:hover {
  cursor: pointer;
  background-color: #f1f1f1;
}

.project-assignments li label span {
  color: #a7a7a7;
}

.project-assignments li label .status-mark {
  float: right;
  margin-top: 5px;
  margin-right: -15px;
}

.project-assignments li.noresults label:hover {
  cursor: default;
  background-color: #f3f3f3;
}

.team-details-bio {
  text-align: center;
  margin-bottom: 30px;
}

.team-details-bio img {
  width: 100px;
  height: 100px;
}

.team-details-bio h2 {
  font-size: 24px;
  margin-top: 10px;
  margin-bottom: 5px;
}

.team-details-bio p {
  color: #a7a7a7;
  font-size: 16px;
}

.team-details-bio .status {
  background-color: #32CD32;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 3px;
  color: #fff;
  padding: 4px 20px 5px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  letter-spacing: 1px;
}

.select-team-members {
  list-style-type: none;
  padding: 0px;
}

.select-team-members .add-prompt {
  text-align: center;
  color: #a7a7a7;
  margin-top: 15px;
}

.select-team-members li {
  clear: both;
  margin-bottom: 10px;
}

.select-team-members li label {
  background-color: #f3f3f3;
  font-weight: normal;
  display: block;
  border-radius: 5px;
  padding: 10px 30px 12px 15px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select-team-members li label:hover {
  cursor: pointer;
  background-color: #f1f1f1;
}

.select-team-members li label input {
  position: absolute;
  left: 15px;
  top: 26px;
}

.select-team-members li .status {
  text-transform: uppercase;
  font-size: 11px;
  border-radius: 3px;
  background-color: #b1b1b1;
  color: #fff;
  padding: 2px 7px 3px;
  font-weight: bold;
  position: absolute;
  top: 26px;
  right: 15px;
}

.select-team-members li .status.tier1 {
  background-color: #32CD32;
}

.select-team-members li .status.tier2 {
  background-color: #26B6E8;
}

.select-team-members li .status.tier3 {
  background-color: #1BDBC6;
}

.select-team-members li .status.pending {
  background-color: #FFA405;
}

.select-team-members li .team-member-title {
  max-width: 375px;
  padding-left: 25px;
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select-team-members li .team-member-title img {
  width: 50px;
  height: 50px;
}

.select-team-members li .team-member-title .team-member-name {
  position: absolute;
  left: 83px;
  top: 5px;
}

.select-team-members li .team-member-title .team-member-name span {
  display: block;
  color: #a7a7a7;
}

.sidebar-avatars {
  list-style-type: none;
  padding: 0px;
  margin-bottom: -5px;
}

.sidebar-avatars li {
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 5px;
}

.sidebar-avatars li:last-child {
  margin-right: 0px;
}

.sidebar-avatars li a {
  display: block;
}

.sidebar-avatars li img {
  width: 35px;
  height: 35px;
}

.team-select-badge {
  text-align: center;
  display: block;
  background-color: #fff;
  margin-bottom: 20px;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 30px;
}

.team-select-badge:hover {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.07);
}

.team-select-badge:active,
.team-select-badge:focus {
  box-shadow: none;
}

.team-select-badge .marker {
  color: #d8d8d8;
  margin-bottom: 10px;
}

.team-select-badge span {
  font-size: 18px;
  display: block;
}

/* #Notes
================================================== */

.new-note {
  position: relative;
  padding-left: 70px;
}

.new-note img {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0px;
  left: 0px;
}

.new-note .combo-field {
  margin-bottom: 10px;
}

.saved-notes .note {
  position: relative;
  padding-left: 70px;
  margin-top: 20px;
}

.saved-notes img {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0px;
  left: 0px;
}

.saved-notes .notepad {
  border: 1px solid #d8d8d8;
  padding: 25px 30px;
  line-height: 24px;
  font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  background-color: #FFFDE0;
  margin-bottom: 7px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.07);
}

.saved-notes .note-reference {
  position: relative;
}

.saved-notes .note-reference .name {
  font-size: 12px;
  color: #a7a7a7;
}

.saved-notes .note-reference .name strong {
  color: #414141;
}

.saved-notes .note-reference .actions {
  position: absolute;
  top: -4px;
  right: 0px;
  text-align: right;
}

.saved-notes .note-reference .actions .btn-link {
  color: #a7a7a7;
  padding: 0px;
}

/* #Main Footer
================================================== */

.main-footer {
  text-align: center;
  font-size: 13px;
  padding-top: 70px;
  padding-bottom: 80px;
}

.main-footer.top-divider {
  border-top: 1px solid #d8d8d8;
}

.main-footer.with-anchor {
  padding-bottom: 145px;
}

.footer-nav {
  padding: 0;
  margin-bottom: 7px;
}

.footer-nav li {
  display: inline;
  margin-right: 15px;
}

.footer-nav li:last-child {
  margin-right: 0px;
}

.main-content.narrow .main-footer p {
  line-height: 1.7;
}

/* #Forms
================================================== */

select.selectpicker {
  display: none;
}

label span {
  font-weight: normal;
}

footer.level1-footer {
  background-color: #f3f3f3;
  margin-top: 0;
  border-radius: 0px 0px 5px 5px;
  padding: 15px 20px 17px;
  border-top: 1px solid #D8D8D8;
  position: relative;
}

footer.anchored {
  background-color: #f3f3f3;
  margin-top: 0;
  padding: 15px 20px 17px;
  border-top: 1px solid #D8D8D8;
  position: fixed;
  bottom: -75px;
  left: 125px;
  right: 0;
  z-index: 1034;
}

.utility-tab-content footer.anchored {
  left: 375px;
}

footer.level1-footer .footer-right-link {
  position: absolute;
  top: 25px;
  right: 20px;
}

footer.level1-footer.large-btn .footer-right-link {
  position: absolute;
  top: 33px;
  right: 20px;
}

.button-partner {
  display: inline-block;
  line-height: 9px;
  margin-left: 4px;
  margin-top: 5px;
}

.form-group.full {
  width: 100%;
  max-width: 100%;
}

.form-group.side-by-side1 {
  display: inline-block;
  margin-right: 10px;
  width: 293px;
}

.form-group.side-by-side2 {
  display: inline-block;
  width: 293px;
  float: right;
}

.form-group.side-by-side1.full,
.form-group.side-by-side2.full {
  width: 48%;
}

.modal .form-group.side-by-side1 {
  display: inline-block;
  margin-right: 10px;
  width: 252px;
}

.modal .form-group.side-by-side2 {
  display: inline-block;
  width: 252px;
}

.modal .checkbox {
  margin-bottom: 0;
  margin-top: 10px;
}

.main-content.narrow .form-group.side-by-side1 {
  display: inline-block;
  width: 48%;
  margin-right: 3%;
}

.main-content.narrow .form-group.side-by-side2 {
  display: inline-block;
  width: 48%;
}

.custom-hourly-rates {
  margin-top: 20px;
}

.custom-hourly-rates ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.custom-hourly-rates ul li {
  clear: both;
  position: relative;
  height: 60px;
  background-color: #f3f3f3;
  margin-bottom: 10px;
  border-radius: 5px;
}

.custom-hourly-rates ul li .task {
  position: absolute;
  top: 19px;
  left: 15px;
  max-width: 348px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.custom-hourly-rates ul li .input-group {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 120px;
}

.custom-hourly-rates.closed .content {
  display: none;
}

.custom-hourly-rates.closed .level1-container-header {
  border-bottom: none;
  border-radius: 5px;
}

.select-team.closed .level1-container-header {
  border-bottom: none;
  border-radius: 5px;
}

.rollover-toggle {
  margin-top: 15px;
}

.rollover-toggle.closed .level1-container-header {
  border-bottom: none;
  border-radius: 5px;
}

table.form-rows {
  width: 100%;
  margin-bottom: 5px;
  border: 1px solid #D8D8D8;
}

table.form-rows .form-control {
  width: 190px;
}

table.form-rows .input-group .form-control {
  width: 158px;
}

table.form-rows thead tr {
  background-color: #f3f3f3;
}

table.form-rows thead th {
  padding: 10px 10px 13px 15px;
  border-bottom: 1px solid #D8D8D8;
  font-weight: normal;
  font-style: normal;
  width: 68px;
}

table.form-rows tbody tr {
  border-bottom: 1px solid #D8D8D8;
  padding: 10px;
  vertical-align: top;
}

table.form-rows tbody tr:last-child {
  border-bottom: none;
}

table.form-rows tbody tr .delete-row,
table.form-rows tbody tr .drag {
  color: #AFAFAF;
  position: absolute;
  font-size: 16px;
}

table.form-rows tbody tr .delete-row {
  top: 26px;
  cursor: pointer;
  right: 20px;
}

table.form-rows tbody tr .drag {
  top: 26px;
  cursor: move;
  right: 45px;
}

table.form-rows tbody td {
  padding: 13px 13px 13px 15px;
  position: relative;
}

table.form-rows tbody td.short {
  width: 37%;
}

label i {
  color: #AFAFAF;
}

label .popover-content {
  font-weight: normal;
  font-style: normal;
}

.input-daterange {
  overflow: auto;
  /* Clearfix solution for error messages */
}

input,
.input-daterange input {
  text-align: left;
}

.input-character {
  position: absolute;
  left: 30px;
  top: 24px;
}

input.with-input-character {
  padding-left: 23px;
}

.checkbox i {
  color: #AFAFAF;
}

tr .form-group {
  margin-bottom: 0;
}

.form-group.wide {
  max-width: 100%;
}

.form-group.medium {
  width: 300px;
}

.form-group.narrow {
  width: 200px;
}

.form-group.super-narrow {
  width: 120px;
}

.form-group-row {
  clear: both;
}

.form-divider {
  border-top: 1px solid #d8d8d8;
  padding-top: 20px;
  padding-bottom: 10px;
}

.input-group-addon i {
  color: #AFAFAF;
}

.main-content.narrow .select-group .bootstrap-select {
  width: 48%;
  margin-right: 3%;
}

.main-content.narrow .select-group.side-by-side .bootstrap-select:last-child {
  margin-right: 0;
}

textarea.form-control {
  padding: 8px 12px;
}

textarea.form-control.tall {
  height: 120px;
}

textarea.form-control.taller {
  height: 200px;
}

.side-by-side1 .btn-group.bootstrap-select,
.side-by-side2 .btn-group.bootstrap-select {
  width: 48%;
  margin-right: 3%;
}

.select-group.side-by-side .btn-group {
  width: 48% !important;
  margin-right: 3%;
}

.select-group.side-by-side .btn-group:last-child {
  margin-right: 0;
}

.select-action {
  font-style: italic;
  margin-top: -6px;
}

.form-group .btn-group.bootstrap-select {
  margin-bottom: 0;
}

form p {
  margin-bottom: 20px;
}

fieldset i {
  color: #AFAFAF;
}

.form-fields-wrapper {
  width: 600px;
}

.form-inline .select-group {
  display: inline-table;
}

.form-inline .bootstrap-select.btn-group.fixed-long .form-control {
  width: 200px;
}

.input-group.short .input-group-addon {
  padding: 5px 12px 6px 12px;
}

.form-group.short .dropdown-toggle {
  height: 31px;
  padding-top: 4px;
}

.checkbox.highlight {
  margin-top: 20px;
  background-color: #FFFDE0;
  padding: 15px 16px 16px;
}

textarea.notepad {
  background-color: #FFFDE0;
  color: #212121;
  height: 300px;
  min-height: 300px;
  max-height: 600px;
  padding: 33px 40px 25px 40px;
  display: block;
  width: 100%;
  resize: none;
  font-family: courier new, sans-serif;
  font-size: 16px;
  line-height: 30px;
  border: 1px solid #d8d8d8;
  border-radius: 0px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.07);
}

textarea.notepad::-moz-placeholder {
  color: #777;
  opacity: 1;
}

textarea.notepad:-ms-input-placeholder {
  color: #777;
}

textarea.notepad::-webkit-input-placeholder {
  color: #777;
}

.dropdown.short .btn {
  height: 35px;
  padding: 6px 17px 8px;
}

.dropdown .btn .caret {
  margin-left: 5px;
}

/* Custom file upload */

.file-upload-btn input[type="file"] {
  position: fixed;
  top: -1000px;
}

/* .file-upload-btn .fa {
    color: #00B900;
}

.file-upload-btn :invalid + .fa {
    display: none;
}

.file-upload-btn :valid + .fa {
    display: inherit;
} */

.file-upload-btn :invalid + span:after {
  color: #414141;
  content: "Select a File";
}

.file-upload-btn :valid + span:after {
  color: #00B900;
  content: "File Selected";
}

.file-upload-btn :valid + span:before {
  color: #00B900;
  content: "\f00c";
  font-family: FontAwesome;
  margin-right: 3px;
}

.import-file .error {
  display: block;
}

.import-file p {
  font-size: 12px;
  color: #a7a7a7;
  margin-bottom: 0px;
  margin-top: 10px;
}

.select-group.no-dividers .dropdown-header {
  margin-top: 10px;
}

.select-group.no-dividers .divider {
  display: none;
}

/* #Modals
================================================== */

.modal .loading {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -12px;
  margin-top: -12px;
  line-height: 24px;
  color: #d8d8d8;
}

.modal-header em {
  text-transform: none;
  letter-spacing: 0;
}

.modal-header i {
  color: #AFAFAF;
}

.modal-header .popover {
  text-transform: none;
  letter-spacing: 0;
}

.modal-content .modal-intro {
  margin-bottom: 30px;
}

.modal-video h5 {
  text-align: center;
  margin-top: -10px;
  font-size: 20px;
  margin-bottom: 25px;
}

.grand-total {
  font-weight: bold;
  font-size: 36px;
}

.modal-cancel-subscription .form-group {
  margin-top: 20px;
}

.modal-footer {
  position: relative;
}

.modal-footer .footer-right-link {
  position: absolute;
  top: 25px;
  right: 20px;
}

.modal fieldset {
  margin: 0 0 20px;
  background-color: #f3f3f3;
}

.modal-slider {
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  margin-bottom: 20px;
  margin-top: 0px;
  display: none;
}

.modal-slider-body {
  padding: 20px 20px 0;
}

.modal-slider h5 {
  background-color: #f3f3f3;
  border-bottom: 1px solid #d8d8d8;
  margin: 0;
  border-radius: 5px 5px 0px 0px;
  padding: 10px 10px 13px 20px;
}

.modal-slider h5 i {
  color: #AFAFAF;
}

.modal-slider .form-group.side-by-side1,
.modal-slider .form-group.side-by-side2 {
  width: 231px;
}

.modal fieldset.with-title {
  padding-top: 11px;
}

.modal fieldset.with-title h6 {
  margin: 0 0 16px;
  font-size: 14px;
  border-bottom: 1px dashed #d8d8d8;
  padding-bottom: 12px;
}

.modal .level1-container .form-group.side-by-side1,
.modal .level1-container .form-group.side-by-side2 {
  width: 231px;
}

.modal .modal-slider .level1-container .form-group.side-by-side1,
.modal .modal-slider .level1-container .form-group.side-by-side2 {
  width: 210px;
}

.modal-body.message-modal {
  text-align: center;
}

.modal-body.message-modal h3 {
  margin-top: 0px;
  margin-bottom: 15px;
}

.modal-body.message-modal p {
  font-size: 18px;
  line-height: 26px;
  color: #929292;
  margin-bottom: 25px;
  padding-left: 30px;
  padding-right: 30px;
}

.starting-revenue-advanced {
  display: none;
  margin-top: 18px;
}

.starting-revenue-advanced input {
  border-radius: 0 4px 4px 0 !important;
}

.starting-revenue-advanced .months {
  width: 252px;
}

.autogrow {
  display: none;
}

.modal.fullscreen {
  padding: 0;
}

.modal.fullscreen .modal-backdrop.in {
  opacity: 1;
}

.modal.fullscreen p,
.modal.fullscreen form {
  max-width: 920px;
  margin: auto;
}

.modal.fullscreen .modal-dialog {
  width: 100%;
  height: 100%;
  position: fixed;
}

.modal.fullscreen button.close {
  position: relative;
  top: 0px;
  right: 50px;
  font-size: 58px;
  font-weight: normal;
}

.modal.fullscreen .central {
  position: relative;
  top: 46%;
  transform: translateY(-50%);
  text-align: center;
}

.modal.fullscreen .transparent {
  border: 0;
  font-size: 144px;
  text-align: center;
  background: transparent;
}

.modal.fullscreen .transparent.whoah-nelly {
  font-size: 106px;
}

.modal.fullscreen p.subtext {
  font-size: 28px;
  color: #8C8C8C;
  margin-bottom: 0;
}

.modal.fullscreen p.cancel {
  font-size: 18px;
  font-size: 14px;
  margin-top: 12px;
}

.modal.fullscreen .btn-primary {
  margin-top: 10px;
  padding: 13px 30px 15px;
  border-radius: 1000px;
}

.modal.fullscreen .currency {
  font-size: 144px;
}

.modal.fullscreen .currency.whoah-nelly {
  font-size: 106px;
}

.modal.fullscreen .currency.right {
  margin-left: 20px;
}

@media (max-width: 920px) {
  .modal.fullscreen .transparent {
    font-size: 92px;
  }

  .modal.fullscreen .transparent.whoah-nelly {
    font-size: 72px;
  }

  .modal.fullscreen .currency {
    font-size: 92px;
  }

  .modal.fullscreen .currency.whoah-nelly {
    font-size: 72px;
  }

  .modal.fullscreen .currency.right {
    margin-left: 0px;
  }
}

@media (max-width: 614px) {
  .modal.fullscreen .transparent {
    font-size: 62px;
  }

  .modal.fullscreen .transparent.whoah-nelly {
    font-size: 42px;
  }

  .modal.fullscreen .currency {
    font-size: 62px;
  }

  .modal.fullscreen .currency.whoah-nelly {
    font-size: 42px;
  }

  .modal.fullscreen .currency.right {
    margin-left: 0px;
  }
}

.reference-box {
  text-align: center;
  line-height: 26px;
  background-color: #fffde0;
  padding: 13px 20px 15px 20px;
  margin: -30px -30px 25px -30px;
  display: block;
  border-bottom: 1px solid #d8d8d8;
}

.reference-box p {
  margin-bottom: 0px;
}

.reference-box em {
  margin-left: 4px;
  margin-right: 5px;
}

.reference-box .fa {
  color: #c1c1c1;
  margin-right: 2px;
}

.reference-box a .fa {
  color: #17a9dc;
}

/* #Vertical Utility Tabs
================================================== */

.utility-tab-content {
  margin-left: 250px;
  padding-bottom: 350px;
}

.utility-tab-content h1 {
  margin-top: 0px;
  font-size: 24px;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

.utility-tab-content h4 {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
}

.utility-tab-content p.intro {
  margin-bottom: 35px;
  max-width: 550px;
  padding: 20px 20px 23px 20px;
  border: 1px solid #d8d8d8;
  background-color: #fffde0;
  border-radius: 5px;
}

.utility-tabs {
  width: 250px;
  position: absolute;
  background: #f3f3f3;
  left: 0px;
  top: 0px;
  margin-bottom: -50000px;
  padding-bottom: 50000px;
  border-right: 1px solid #d8d8d8;
}

.utility-tabs .nav-tabs {
  border-bottom: none;
  margin-bottom: 80px;
  text-align: left;
}

.utility-tabs .nav-tabs > li {
  float: none;
  display: inherit;
  margin-bottom: 0px;
}

.utility-tabs .nav-tabs > li > a {
  width: 100%;
  background-color: #f3f3f3;
  color: #414141;
  display: block;
  margin-right: 0px;
  line-height: 1.42857;
  border: none;
  border-bottom: 1px solid #d8d8d8;
  border-radius: 0px;
  text-align: left;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  padding: 15px 20px 20px;
}

.utility-tabs .nav-tabs > li:first-child > a {
  border-radius: 0px;
}

.utility-tabs .nav-tabs > li:last-of-type > a {
  border-radius: 0px;
}

.utility-tabs .nav-tabs > li > a:hover {
  border-color: #d8d8d8;
  background-color: #eaeaea;
}

.utility-tabs .nav-tabs > li.active {
  margin-right: -1px;
}

.utility-tabs .nav-tabs > li.active > a,
.utility-tabs .nav-tabs > li.active > a:hover,
.utility-tabs .nav-tabs > li.active > a:focus {
  color: #414141;
  cursor: default;
  background-color: #fff;
  padding-right: 21px;
  border: none;
  border-bottom: 1px solid #d8d8d8;
}

.utility-tabs .nav-tabs > li.active + li a {
  border-left-color: #d8d8d8;
}

.utility-tabs .nav-tabs > li i {
  color: #c1c1c1;
  margin-right: 2px;
}

.utility-tabs .nav-tabs > li.active i {
  color: #c1c1c1;
}

.utility-tabs .nav-tabs p {
  font-size: 13px;
  color: #9B9B9B;
  margin-top: 3px;
  margin-bottom: 0px;
}

/* #Quick Tour
================================================== */

#quick-tour .carousel-inner {
  text-align: center;
  width: 460px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

#quick-tour h3 {
  margin-top: 0;
}

#quick-tour p {
  margin-bottom: 0;
}

#quick-tour .tour-image {
  background-color: #f3f3f3;
  width: 460px;
  height: 225px;
  border: 1px solid #D8D8D8;
  margin-top: 25px;
  margin-bottom: 25px;
  border-radius: 5px;
}

#quick-tour .tour-image.one {
  background: url("/images/tour-welcome.png") center center no-repeat;
  border: none;
}

#quick-tour .tour-image.two {
  background: url("/images/tour-time-tracking.png") center center no-repeat;
}

#quick-tour .tour-image.three {
  background: url("/images/tour-billing.png") center center no-repeat;
}

#quick-tour .tour-image.four {
  background: url("/images/tour-schedule.png") center center no-repeat;
}

#quick-tour .tour-image.five {
  background: url("/images/tour-dashboard.png") center center no-repeat;
}

/* Quick Tour Retina Images */

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  #quick-tour .tour-image.one {
    background-image: url("/images/tour-welcome@2x.png");
    background-size: 460px 225px;
  }

  #quick-tour .tour-image.two {
    background-image: url("/images/tour-time-tracking@2x.png");
    background-size: 460px 225px;
  }

  #quick-tour .tour-image.three {
    background-image: url("/images/tour-billing@2x.png");
    background-size: 460px 225px;
  }

  #quick-tour .tour-image.four {
    background-image: url("/images/tour-schedule@2x.png");
    background-size: 460px 225px;
  }

  #quick-tour .tour-image.five {
    background-image: url("/images/tour-dashboard@2x.png");
    background-size: 460px 225px;
  }
}

#quick-tour .carousel-control {
  background: none;
  top: 180px;
  color: #bebebe;
  text-shadow: none;
  font-size: 24px;
}

#quick-tour .carousel-control.left {
  left: -10px;
}

#quick-tour .carousel-control.right {
  right: -10px;
}

.quick-tour .modal-body {
  text-align: center;
}

.quick-tour p {
  font-size: 18px;
  line-height: 28px;
}

.quick-tour h2 {
  margin-bottom: 20px;
}

.quick-tour .modal-footer {
  padding-top: 25px;
  padding-bottom: 25px;
}

.quick-tour ol.carousel-indicators {
  top: 16px;
}

.quick-tour ol.carousel-indicators li {
  background-color: #D8D8D8;
  border: none;
  width: 14px;
  height: 14px;
}

.quick-tour ol.carousel-indicators li.active {
  background-color: #26B6E8;
  border: none;
  width: 14px;
  height: 14px;
  margin: 1px;
}

/* #Alerts
================================================== */

.alert.onboarding {
  text-align: center;
}

.alert.onboarding span.number {
  background-color: #CCCCCC;
  color: #fff;
  text-align: center;
  width: 24px;
  height: 24px;
  font-weight: bold;
  border-radius: 100px;
  display: inline-block;
  line-height: 1.7;
  margin-left: 10px;
  margin-right: 2px;
}

.alert.onboarding span.number.first {
  margin-left: 0px;
}

.alert-dismissable.onboarding .close {
  top: 1px;
}

.public-container .alert {
  border-radius: 4px;
  margin-bottom: 20px;
  border: 1px solid #d8d8d8;
}

.alert.standalone {
  margin-bottom: 20px;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
}

/* #Onboarding
================================================== */

.onboarding-btn {
  text-align: center;
}

.onboarding-btn.signup {
  margin-top: 40px;
}

.header-decor {
  height: 100px;
  background: url("/images/bg-tide.jpg") center top no-repeat #ddd;
  background-size: cover;
  border-top: 1px solid #149ece;
}

.header-decor.signup {
  height: 55px;
}

.onboarding-steps {
  list-style: none;
  text-align: center;
  font-size: 20px;
  color: #fff;
  margin: 0;
  padding: 26px 0 0;
}

.onboarding-steps li {
  display: inline-block;
  width: 45px;
  height: 45px;
  margin-right: 35px;
  border: 1px solid #fff;
  line-height: 42px;
  border-radius: 1000px;
}

.onboarding-steps li:last-child {
  margin-right: 0px;
}

.onboarding-steps li.active {
  color: #17a9dc;
  background-color: #fff;
}

.onboarding-todos .header-link {
  position: absolute;
  top: 11px;
  right: 45px;
}

.onboarding-todos .close {
  position: absolute;
  right: 20px;
  top: 11px;
}

.onboarding-todos .onboarding-todo {
  width: 32%;
  margin-right: 1.54%;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  border-radius: 5px;
  position: relative;
}

.onboarding-todos .onboarding-todo:hover {
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
}

.onboarding-todos .onboarding-todo:active {
  box-shadow: none;
}

.onboarding-todos .onboarding-todo:last-child {
  margin-right: 0px;
}

.onboarding-todos span.step {
  font-weight: bold;
  position: absolute;
  font-size: 48px;
  top: -5px;
  left: -5px;
  color: #414141;
  line-height: 68px;
  background-color: #fff;
  width: 70px;
  height: 70px;
  text-align: center;
  border-radius: 0px 0px 5px 0px;
}

.onboarding-todos .onboarding-graphic {
  background: url("/images/bg-waves-white-on-blue.png") #26B6E8;
  color: #fff;
  font-size: 72px;
  padding-top: 5px;
  padding-bottom: 15px;
  border-radius: 5px 5px 0px 0px;
}

.onboarding-todos h3 {
  font-size: 16px;
  color: #414141;
  border: 1px solid #d8d8d8;
  border-top-style: none;
  margin-top: 0px;
  padding: 15px 10px 20px;
  margin-bottom: 0;
  border-radius: 0px 0px 5px 5px;
}

.tutorial-banner {
  background-color: #fff;
  margin-bottom: 30px;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 50px 290px 55px 175px;
  position: relative;
}

.tutorial-banner h3 {
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 7px;
}

.tutorial-banner p {
  margin-bottom: 0px;
  color: #a8a8a8;
}

.tutorial-banner .decoration {
  font-size: 98px;
  line-height: 0;
  color: #d8d8d8;
  position: absolute;
  top: 28px;
  left: 50px;
}

.tutorial-banner .btn {
  position: absolute;
  top: 48px;
  right: 50px;
}

.tutorial-banner .btn .fa {
  opacity: 0.5;
}

.tutorial-banner .close {
  position: absolute;
  right: 10px;
  top: 5px;
}

.coupon-banner {
  background-color: #fff;
  margin-bottom: 30px;
  margin-right: 30px;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 50px 290px 55px 175px;
  position: relative;
}

.coupon-banner h3 {
  font-size: 22px;
  line-height: 32px;
  margin-top: 0;
  margin-bottom: 5px;
}

.coupon-banner p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0px;
  color: #a8a8a8;
}

.coupon-banner p a {
  color: #32CD32;
}

.coupon-banner .decoration {
  font-size: 98px;
  line-height: 0;
  color: #32CD32;
  position: absolute;
  top: 28px;
  left: 50px;
}

.coupon-banner .btn {
  position: absolute;
  top: 57px;
  right: 50px;
}

.coupon-banner .btn .fa {
  opacity: 0.5;
}

.coupon-banner .close {
  position: absolute;
  right: 10px;
  top: 5px;
}

.get-started-banner {
  background-color: #fff;
  /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0.87) 0%, rgba(255, 255, 255, 0.95) 100%), url('/images/bg-onboard.jpg') center top / cover no-repeat #fff; */
  margin-bottom: 30px;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 50px 30px 35px;
  text-align: center;
  margin-right: 30px;
  position: relative;
}

.get-started-banner h3 {
  font-size: 30px;
  margin-top: 0;
  margin-bottom: 10px;
}

.get-started-banner p {
  font-size: 20px;
  margin-bottom: 0px;
  color: #8c8c8c;
}

.get-started-banner .close {
  position: absolute;
  right: 10px;
  top: 5px;
}

.get-started-banner .todo-badges {
  list-style: none;
  margin-top: 30px;
  padding: 0;
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}

.get-started-banner .todo-badges li {
  width: 32%;
  margin-right: 1%;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
  opacity: 0;
}

@media (max-width: 1334px) {
  .get-started-banner .todo-badges li {
    width: 48%;
  }
}

.get-started-banner .todo-badges .todo-wrapper {
  height: 75px;
  position: relative;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
}

.get-started-banner .todo-badges .todo-wrapper.fade {
  opacity: .45;
  transition: opacity 0 linear;
}

.get-started-banner .todo-badges .todo-wrapper.fade .btn {
  display: none;
}

.get-started-banner .todo-badges .badge-icon {
  font-size: 42px;
  color: #d8d8d8;
  position: absolute;
  top: 15px;
  left: 15px;
}

.get-started-banner .todo-badges p {
  font-size: 16px;
  color: #32CD32;
  position: absolute;
  top: 25px;
  left: 65px;
}

.get-started-banner .todo-badges .btn {
  padding: 4px 17px 6px;
  position: absolute;
  top: 21px;
  right: 15px;
}

.get-started-banner .todo-badges .complete {
  font-size: 58px;
  color: #32CD32;
  top: 7px;
  right: 15px;
  display: none;
  position: absolute;
}

/* #atooltip - http://itsmeara.com/jquery/atooltip/
================================================== */

/*
Required Styles
*/

#aToolTip {
  position: absolute;
  display: none;
  z-index: 50000;
}

#aToolTip .aToolTipContent {
  position: relative;
  margin: 0;
  padding: 0;
}

/*
END: Required Styles
*/

/**
Default Theme
*/

.defaultTheme {
  border: 1px solid #7a7a7a;
  background: #fff;
  margin: 0;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: bold;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  /* for Firefox 3.5+ */
  /* for Safari and Chrome */
  box-shadow: 0 1px 3px rgba(17, 17, 17, 0.1);
  /* for Safari and Chrome */
}

.defaultTheme #aToolTipCloseBtn {
  display: block;
  height: 18px;
  width: 18px;
  background: url("/images/closeBtn.png") no-repeat;
  text-indent: -9999px;
  outline: none;
  position: absolute;
  top: -20px;
  right: -30px;
  margin: 2px;
  padding: 4px;
}

/* Media Queries
================================================== */

/* Extra small devices (phones, less than 768px) */

/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */

/* Medium devices (desktops, 992px and up) */

/* Large devices (large desktops, 1200px and up) */

/* Print
================================================== */

@media print {
  .main-header-new,
  .sidebar-navigation,
  .page-title,
  .main-footer,
  .filter-bar {
    display: none;
  }

  .report-wrapper {
    border: none;
    padding: 0;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }

  .content-wrapper {
    padding: 0;
  }

  .main-content {
    margin-left: 0;
  }

  table {
    font-size: 8px !important;
  }

  .actions-column {
    display: none;
  }

  .document-column {
    width: 100%;
  }
}

/* Typeahead
================================================== */

.typeahead.dropdown-menu {
  max-height: 363px !important;
  min-width: 100%;
}

.typeahead.dropdown-menu > .active > a,
.typeahead.dropdown-menu > .active > a:hover,
.typeahead.dropdown-menu > .active > a:focus {
  background-color: #f4f4f4;
  color: #414141;
}