/*
 * This file is part of the Kimai time-tracking app.
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

@import "~bootstrap-sass/assets/stylesheets/bootstrap/variables";

.error-page {
    margin-bottom: 50px;
}

/* ================================ CONTENT ================================ */

.content {
    padding: 15px 0;
}
.content-header {
    h1 {
        small {
            display: none;
        }
    }
}

@media (min-width: $screen-sm-min) {
    .content-header {
        h1 {
            small {
                display: inline-block;
            }
        }
    }
    .content {
        padding: 15px;
    }
}

/* ================================ NAVBAR ================================ */

.navbar-nav > li > a.ddt-large {
    padding-top: 12px;
    padding-bottom: 9px;
}

li.messages-menu ul.menu li .pull-left i {
    color: #dd4b39;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p {
    overflow: hidden;
    text-overflow: ellipsis;
}

.navbar-nav .start_record {
    text-align: center;
}

/*
.ticktac:hover i.running{
    color: #4ff131;
}

li.open .ticktac i.running{
    color: #4ff131;
}

.ticktac i.stopped{
    color: #fff;
}

.ticktac:hover i.stopped{
    color: #4ff131;
}
.user-panel>.info {
    left: 40px;
    padding-top: 0px;
}
*/

/* ================================ TOOLBAR ================================ */

/* Page based action buttons in the upper right corner of the content area */
.content-header > .breadcrumb {
    position: absolute;
    float: right;
    background: transparent;
}
/* Right sidebar with additional tabs for personal settings and "About Kimai" section */
.control-sidebar {
    select {
        color: $input-color;
        background-color: $input-bg;
    }
    div.image {
        img.img-circle {
            max-width: 34px;
        }
    }
}
/* The filter form available on most pages above the datatable */
.toolbar form {
    font-size: $font-size-base;
}
/* ================================ SIDEBAR ================================ */

/* Used for the Sidebar UserPanel (which is deactivated right now) */
.user-panel>.info {
    left: 80px;
}

/* ================================ FOOTER ================================ */

footer.main-footer {
    padding: 5px;
    font-size: 80%;
}

/* ================================ PRINT ================================ */

@media print{
    .sf-toolbar, .control-sidebar {display: none !important;}
}

/* ================================ INVOICES ================================ */

.invoice {
    margin: 0;
}

@media (min-width: $screen-sm-min) {
    .invoice {
        margin: 10px 25px;
    }
}

.page-header-small{
    font-size: 14px;
}

div.invoice-address {
    margin-top: 30px;
    margin-bottom: 30px;
}

table.invoice-records {}
table.invoice-meta th {
    padding-right: 40px;
}
table.invoice-sum th {
    width: 70%;
}
table.invoice-sum th, table.invoice-sum td  {
    text-align: right;
}