/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body { padding-top: 0px; }
.dashboard-container{padding-top:50px;width:100%;margin:0;}


/*
 * Global add-ons
 */

.sub-header { padding-bottom: 10px; border-bottom: 1px solid #eee; }

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top { border: 0; }

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar { display: none; }

@media (min-width: 768px) {
    .sidebar { position: fixed; top: 51px; bottom: 0; left: 0; z-index: 1000; display: block; padding: 20px; overflow-x: hidden; overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ background-color: #f5f5f5; border-right: 1px solid #eee; }
}

/* Sidebar navigation */
.nav-sidebar { margin-right: -21px; /* 20px padding + 1px border */ margin-bottom: 20px; margin-left: -20px; }
    .nav-sidebar > li > a { padding-right: 20px; padding-left: 20px; }
    .nav-sidebar > .active > a,
    .nav-sidebar > .active > a:hover,
    .nav-sidebar > .active > a:focus { color: #fff; background-color: #428bca; }


/*
 * Main content
 */

.main { padding: 20px; }

@media (min-width: 768px) {
    .main { padding-right: 40px; padding-left: 40px; }
}

.main .page-header { margin-top: 0; }


/*
 * Placeholder dashboard ideas
 */

.placeholders { margin-bottom: 30px; text-align: center; }
    .placeholders h4 { margin-bottom: 0; }
.placeholder { margin-bottom: 20px; }
    .placeholder img { display: inline-block; border-radius: 50%; }

.ControlPanel { position: fixed; border: 1px solid #CCC; width: 100%; background-color: #FAFAFA; z-index: 100; top: -99999; left: 0; visibility: hidden; }
    .ControlPanel.visibility { z-index: 1031; visibility: visible; top: 0; }
.modal-content { border-radius: 0; }
    .modal-content button.close { width: 30px; height: 30px; opacity: 1; outline: 0; margin-right: -8px; margin-top: -8px; }
    .alert button.close, .modal-content button.close { display: none; }
        .modal-content button.close span { font-size: 28px; color: #040404; height: 30px; display: block; line-height: 25px; }
    .modal-content .modal-header, .modal-content .modal-body, .modal-content .modal-footer { padding: 10px; }
        .modal-content .modal-footer .btn { color: #333 !important; background: #E6E6E6; border-color: #ADADAD; }
            .modal-content .modal-footer .btn:hover { background: #CACACA; }
* { border-radius: 0 !important; }