/* Sticky footer styles
-------------------------------------------------- */
html {position: relative; min-height: 100%;}
body { margin-bottom: 60px;}
#footer { position: absolute; bottom: 0; width: 100%; height: 60px; background-color: #f5f5f5;}

.navbar > .container, body > .container {width:100%; max-width:1500px;}

body > .container { padding: 60px 15px 0;}

#footer > .container { padding-right: 15px; padding-left: 15px;}

.input-group-addon { min-width:42px;}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {vertical-align: middle;}

.btn-group-custom label {opacity:0.5 !important}
.btn-group-custom label.active {opacity:1 !important}

.invoice-client-details {background-color: #f5f5f5; border: 1px solid #ddd; display:block; padding:2px 15px 10px 15px; border-radius:3px; }
.invoice-client-details strong {display:inline-block;}

.panel-footer .form-group {margin-bottom:0;}
tr.total {height:47px; }
.borderless {border:none !important;}
#invoice-total-text {border-right:none; text-align:right;}
#invoice-total {border-left:none;}

.table>tbody>tr>td {padding:3px 7px;}

.panel-body-dashboard h4 {margin:0;}


.panel-body-dashboard a {color:#000; text-decoration:none;}
.panel-body-dashboard a:after {font-family: 'Glyphicons Halflings';content: "\e114"; float: right; color: grey;}
.panel-body-dashboard a.collapsed:after {content: "\e080";}
.panel-collapse-dashboard table {margin-bottom:0;}
.create-invoice-with-projects {opacity:0;}

.projects-total h4 {margin:5px 0;}

.chart {width:100%; height:450px;}

.tooltip-inner {
    white-space:pre;
    max-width:none;
}

.changelog-table {
    margin-bottom: 0;
}

.changelog-table tr td {
    padding: 16px 10px  !important;
    color: #cccccc;
}

.changelog-table tr th {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.changelog-table tr td:first-child {
    color: #000000;
}

.changelog-table tr td.highlight {
    color: #000000;
}

.changelog-table tr:last-child td {
    color: #000000;
}

.form-group .chosen-container {
    width: 100% !important;
}

/***** Media Queries *****/
@media screen and (max-width: 1200px){
    .table.table-striped.table-hover tr td:nth-child(2) {
        max-width: 200px;
    }

    .table.table-striped .btn-group, .table.table-striped .btn-group-vertical {
        min-width: 165px;
    }
}

@media screen and (max-width: 991px){
    .col-sm-6 {width: 100% !important;}

    .collapse {
        overflow: auto !important;
    }
}

@media screen and (max-width: 767px){
    h1 {
        font-size: 24px;
    }

    .btn-lg, .btn-group-lg>.btn {
        font-size: 14px;
        padding: 8px 12px;
    }
    
    .page-header {
        margin-top: 20px;
    }
    
    .page-header .pull-right {
        float: none !important;
    }

    .pull-left {
        float: none !important;
    }

    .form-horizontal .form-group {
        margin-bottom: 10px;
    }

    .form-group label {
        padding-bottom: 6px;
    }

    .changelog-table tr td {
        padding: 10px 5px  !important;
        font-size: 12px;
    }
    
    .changelog-table tr th {
        font-size: 12px;
        padding: 9px 5px 8px 8px !important;
    }

    .table>tbody>tr>td {padding:4px 10px;}

    .table-responsive {
        border-color: transparent;
    }

    .table-responsive td.hide {
        width: 0;
        opacity: 0;
        visibility: hidden;
    }

    .table.table-striped.table-hover tr td:nth-child(2) {
        max-width: 160px;
        white-space: initial;
    }

    .table-responsive .panel {margin-bottom: 50px;}
}