#content, #login, .content, .span-19 {
    height: 100%;
}

#page-wrapper {
    position: relative;
    padding-bottom: 60px;
}

.navbar-static-side {
    padding-bottom: 60px;
}

.wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    padding-right: 40px;
}

#login-image {
    background-image: url('/images/login.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#login .col {
    height: 100%;
    background-color: #ffffff;
}

#login-form-wrapper {
    padding-top: 100px;
}

#login-logo {
    font-size: 14px;
    color: rgb(95,104,114);
}

#login-form {
    margin-top: 50px;
}

#login-form .btn {
    background: rgb(255,0,72);
    color: #ffffff;
    margin-top: -5px;
}

.navbar-top-links {
    margin-right: 20px;
}

.navbar-top-links li {
    vertical-align: middle;
    white-space: nowrap;
}

.navbar-top-links .user-name {
    margin-top: 14px;
    display: inline-block;
}

#login-form .btn:active, #login-form .btn:hover {
    border: 0px;
}

.logo {
    margin: 8px 5px 5px 12px;
}

.profile-element {
    width: 120px;
    padding: 8px 0px;
}

.profile-image {
    height: 40px;
    width: auto;
    margin: 5px 8px 0px 0px;
}

.navbar-top-links li a {
    padding: 0px;
}

.startTracking {
    font-size: 40px;
    color: rgb(96,231,147);
}

.stopTracking {
    font-size: 40px;
    color: rgb(255,0,72);
}

#trackedTime {
    font-size: 38px;
    margin-right: 10px;
}

.table tbody tr td {
    vertical-align: middle;
}

.table.borderless td, .table.borderless th {
    border: none;
}

.table.nohpadding th {
    padding-left: 0px;
    padding-right: 0px;
}

.table.center td, .table.center th {
    text-align: center;
}

html, body, #wrapper, .footer, #side-menu li, #side-menu li ul, #side-menu li a:hover, #side-menu li a:active, #side-menu li a:focus {
    background-color: rgb(237, 235, 245);
}

.footer {
    position: fixed;
    border: 0px;
}

#side-menu li a i {
    margin-right: 10px;
}

#side-menu li a {
    color: rgb(95,104,114);
}

#side-menu li.active {
    border: 0px;
}

#side-menu li.menu-item-active>a {
    text-decoration: underline;
}

#side-menu li.divider {
    padding: 14px 20px 14px 25px;
}

#side-menu li.divider hr {
    border-bottom: 1px solid rgb(218,218,228);
    margin: 0px;
}

.btn, .btn:active, .btn:focus {
    background-color: rgb(255, 255, 255);
    border-color: rgb(237, 235, 245);
    color: rgb(95,104,114);
}

.btn:hover {
    background-color: rgb(95,104,114);
    border-color: rgb(95,104,114);
    color: rgb(255, 255, 255);
}

.sticky-fixed {
    position: fixed;
    z-index: 10000;
}

.project-name.sticky-fixed {
    top: 54px;
    width: 100%;
    margin-top: 0px;
    background: #ffffff;
}

.project-phase-switch.sticky-fixed {
    top: 120px;
    width: 100%;
    padding-bottom: 10px;
    background: #ffffff;
}

#addNewSupplierRow {
    font-size: 40px;
    color: rgb(96,231,147);
    vertical-align: middle;
    margin-left: 10px;
}

.grid-view {
    background: white;
    padding: 20px !important;
}

.ibox-content {
    padding: 30px 40px;
}

.month.total {
    font-size: 24px;
    background-color: rgb(95,104,114);
    color: rgb(255, 255, 255);
}

#dashboard-row, #dashboard-row .col {
    height: 100%;
}

.project-phase-switch .btn-primary {
    background-color: rgb(95,104,114);
    color: rgb(255, 255, 255);
}

.dashboard-events {
    list-style: none;
    padding: 0px;
}

.dashboard-events li {
    padding: 5px 0px;
}

#invoicePlanningSummaryView .month.selected {
    background-color: rgb(251, 251, 253);
    color: rgb(219, 170, 27);
}

.wrapper-content {
    padding-bottom: 20px;
}

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

#dashboard-sidebar {
    overflow: auto;
}

#dashboard-sidebar .row:last-child .ibox {
    margin-bottom: 0px;
}

#project-phase-header {
  height: 180px;
}

#project-phase-view {
  height: calc(100% - 180px);
  overflow-y: auto;
}