/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
}

a, a:hover, 
.nav-sidebar li.active a:hover,
.navbar-inverse .navbar-nav > li > a:hover,
.pagination > li > a,
.pagination > li > a:hover {
    color: #333333;
}

.bold {
    font-weight: bold;
}

.clear {
    clear: both;
}

.relative {
    position: relative;
    display: block;
}

.sort-by-icon {
    position: absolute;
    margin-top: -6px;
    top: 50%;    
    right: 0;
}

/*
 * Global add-ons
 */

.navbar-inverse {
    color: #ffffff;
    background: #111111;
}

    .navbar-inverse .navbar-nav > li > a {
        color: #ffffff;
    }

    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:active {
        color: #cccccc;
    }

.navbar-collapse {
    margin-top: 7px;
}

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

.no-padding {
    padding: 0px;
}

.panel-heading h3.panel-title {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 6px;
}

    .panel-heading h3.panel-title .small {
        font-size: 85%;
    }

.panel-heading .form-group {
    margin-bottom: 0px;
}

.panel-body {
    font-size: 0.9em;
}

    .panel-body table {
        margin: 20px 0px 0px;
    }

        .panel-body table > thead > tr > th,
        .panel-body table > tbody > tr > td {
            vertical-align: middle;
            /*border: 1px solid #cccccc;*/
        }

        .panel-body table tr.child {
            display: none;
        }

        .panel-body table td.child-1 {
            padding-left: 30px;
        }

            .panel-body table td.child-1 span {
                padding-right: 10px;
            }

        .panel-body table .glyphicon-plus,
        .panel-body table .glyphicon-minus {            
            margin-left: 10px;
            color: #cccccc;
        }

        .panel-body table .label {
            font-size: 85%;
        }

        .panel-body table .label-primary {
            background-color: #d50f1a;
        }

        .panel-body table .label-info {
            background-color: #88030a;
        }

        .panel-body table .label-block {
            /*width: 10px;
            display: block;*/
            padding-left: 10px;
        }

        .panel-body table th.id,
        .panel-body table td.id {
            width: 6%;
        }

        .panel-body table th.id,
        .panel-body table td.id {
            text-align: right;
            padding-right: 15px;
        }

        .panel-body table th input,
        .panel-body table th select {
            font-size: .9em;
            font-weight: normal;
            padding: 6px 0px 6px 2px;            
        }

.btn-primary,
.pagination > .active > a {
    color: #ffffff;
    background-color: #111111 !important;
    border-color: #333333 !important;
}

    .btn-primary:hover,
    .pagination > .active > a:hover {
        color: #ffffff;
        background-color: #333333 !important;
        border-color: #333333 !important;
    }

.btn-default {
    color: #ffffff !important;
    background-color: #717171 !important;
    border-color: #333333 !important;    
}

    .btn-default:hover {
        color: #ffffff !important;
        background-color: #878787 !important;
        border-color: #333333 !important;
    }

    .btn-default.disabled {
        background: #cccccc !important;
        border-color: #333333 !important;
    }

.alert {
    margin-bottom: 0px;
}

.alert-info,
.alert-warning {
    padding: 7px 15px;
    font-size: 0.9em;
    color: #333333;
}

.alert-info {    
    background-color: #e3e3e3;
    border-color: #757575;
}

.alert-warning {
    background-color: #f9db9f;
    border-color: #efac2f;
}

.alert-danger {
    display: none;
}

.alert-danger a {
    color: #a94442;
    font-weight: bold;
}

input.error,
select.error,
textarea.error {
    border: 1px solid #c40c16 !important;
}

.form-divider,
.form-divider-border {
    height: 15px;
    margin-bottom: 30px;
}

.form-divider-border {
    border-bottom: 1px solid #dddddd;
}

.nav-tabs {
    margin: 0px 20px -1px;
}

    .nav-tabs li.active a {
        background-color: #F5F5F5;
    }
        .nav-tabs li.active a:hover {
            background-color: #F5F5F5;
        }

.caret,
.glyphicon {
    font-size: .95em;
    /*margin-left: 5px !important;*/
}

.btn-group .glyphicon-chevron-up,
.btn-group .glyphicon-chevron-down {
    font-size: 0.8em;
    margin: 0px;
    padding: 0px;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.dropdown-menu li {
    text-align: left;
}

.form-horizontal {
    margin-top: 20px;
}

a.back {
    float: right;
    margin-top: 20px;
    text-decoration: none;
}

    a.back span {
        color: #111111;
        font-size: 1.3em;
        vertical-align: text-bottom;
    }

a.cancel {
    display: block;
    margin-top: 6px;
    white-space: nowrap;
}

    a.cancel span {
        color: #111111;
    }

.content .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

input[type=checkbox] {
    margin-right: 10px;
}

table.tech,
.chk-attributes {
    margin-top: 7px;
}

    table.tech > tbody > tr > td {
        padding-right: 40px;
    }

        table.tech > tbody > tr > td label,
        .chk-attributes label {
            font-weight: normal;
        }

    .chk-attributes span.attr {
        display: block;
    }

.form-inline label {
    margin-right: 10px;
}

.form-inline select.form-control {
    width: 150px;
}

.form-control:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.edited-item {
    padding: 4px 7px;
    margin-right: -7px;
    background: #ffe9ad;
    border-radius: 4px;
}

a.image-tooltip {
    padding: 2px;
}

    a.image-tooltip .thumb {
        max-width: 45px;
        max-height: 35px;
        vertical-align: middle;
    }

.tooltip {
    opacity: 1 !important;
}

.tooltip-inner {
    color: #333333;
    max-width: 270px;
    background: #ffffff;
    border: 1px solid #333333;
}
/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 20px;
    left: 0;
    bottom: 0;
    z-index: 1000;
    display: block;
    font-size: .9em;
    padding: 70px 10px 20px 20px;
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-left: -20px;
  margin-right: -11px; /* 20px padding + 1px border */
  margin-bottom: 20px;
}
.nav-sidebar > li > a {
  padding-left: 20px;
  padding-right: 10px;
}
.nav-sidebar > .active > a {
  color: #fff;
  background-color: #111111;
}


/*
 * Main content
 */

.main {
  padding: 20px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}



table.options {
    padding: 15px;
    margin: 0px auto 30px;
    border: 1px solid #cccccc;
}

    table.options td {
        padding: 10px;
    }

        table.options td a {
            font-weight: bold;
            font-size: 1.1em;
        }