/*
A custom Bootstrap 3.2 'Holo' style theme
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

@import url(http://fonts.googleapis.com/css?family=Droid+Sans+Mono);
html,
body {
    height: 100%;
    font-family: 'Droid Sans Mono', sans-serif;
}

p,
h1,
h2,
h3,
h4 {
    font-family: 'Droid Sans Mono', sans-serif;
}

hr {
    border-color: #191919;
}


/* wrapper for page content to push down footer */

.page-container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* negative indent footer by its height */
    margin: 0 auto -120px;
    /* pad bottom by footer height */
    padding: 0 0 120px;
}


/* set the fixed height of the footer here */

footer {
    height: 120px;
    background-color: #ffffff;
    border: 0 solid #080808;
    border-top-width: 1px;
    margin-top: 50px;
    color: #000000;
}

footer>.container {
    padding: 20px;
}

body {
    padding-top: 51px;
    background-color: #ffffff;
    color: #000000;
    
}

a {
    color: #bcbcbc;
}

.text-center {
    padding-top: 20px;
}

#sidebar {
    height: 100%;
    padding-right: 0;
    padding-top: 20px;
}

#sidebar .affix {
    position: fixed;
    top: 55;
    width: 220px;
}

#sidebar .affix-bottom {
    position: fixed;
    top: 55;
    width: 220px;
}

#sidebar .nav {
    width: 95%;
}

#sidebar li {
    border: 0 #1e1e1e solid;
    border-bottom-width: 1px;
}

#sidebar li a {
    padding-left: 1px;
}

#sidebar li a:hover {
    background-color: #222222;
    color: #ffffff;
}


/* collapsed sidebar styles */

@media screen and (max-width: 767px) {
    .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }
    .row-offcanvas-right .sidebar-offcanvas {
        right: -41.6%;
    }
    .row-offcanvas-left .sidebar-offcanvas {
        left: -41.6%;
    }
    .row-offcanvas-right.active {
        right: 41.6%;
    }
    .row-offcanvas-left.active {
        left: 41.6%;
    }
    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 41.6%;
    }
    #sidebar {
        background-color: #3b3b3b;
        padding-top: 0;
    }
    #sidebar .nav>li {
        color: #ddd;
        background: linear-gradient(#3E3E3E, #383838);
        border-top: 1px solid #484848;
        border-bottom: 1px solid #2E2E2E;
        padding-left: 10px;
        
    }
    #sidebar .nav>li:first-child {
        border-top: 0;
    }
    #sidebar .nav>li>a {
        color: #ddd;
    }
    #sidebar .nav>li>a>img {
        max-width: 14px;
    }
    #sidebar .nav>li>a:hover,
    #sidebar .nav>li>a:focus {
        text-decoration: none;
        background: linear-gradient(#373737, #323232);
        color: #fff;
    }
    #sidebar .nav .caret {
        border-top-color: #fff;
        border-bottom-color: #fff;
    }
    #sidebar .nav a:hover .caret {
        border-top-color: #fff;
        border-bottom-color: #fff;
    }
}


/* theme */

.btn,
.form-control,
.alert,
.progress,
.panel,
.list-group,
.well,
.list-group-item:first-child {
    border-radius: 1px;
    box-shadow: 0 0 0;
}

.btn {
    border-color: transparent;
}

.btn-default,
.well {
    background-color: #cccccc;
    border-color: #c0c0c0;
}

.btn-primary,
.label-primary,
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus,
.btn.active,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
    background-color: #0099CC;
    border-color: transparent;
}

.btn-info,
.label-info,
.progress-bar-info {
    background-color: #33b5e5;
}

.btn-success,
.label-success,
.progress-bar-success {
    background-color: #669900;
}

.btn-danger,
.label-danger,
.progress-bar-danger {
    background-color: #FF4444;
}

.btn-warning,
.label-warning,
.progress-bar-warning {
    background-color: #FFBB33;
    color: #444444;
}

.nav-tabs>li>a {
    border-radius: 0;
}

h3,
h4,
h5,
.panel {
    color: #555555;
}

.panel hr {
    border-color: #efefef;
}