bid/themes/admin/css/style.css

/**
 * @version 7.10 [rev.7.10.01]
 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

body {
    font-family: "Helvetica Neue", "Open Sans", sans-serif;
    font-weight: 400;
    padding-top: 50px;
    background-color: #F8F8F8;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue", "Open Sans", sans-serif;
    font-weight: 700;
    margin-bottom: 1em;
}

h4.headline {
    border-bottom: 1px solid #dedede;
    line-height: normal;
    padding-bottom: 7px;
}

h4.headline span {
    font-weight: 400;
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 8px;
}

a:hover, a:focus {
    text-decoration: none;
}

.navbar-btn {
    margin-top: 4px;
}

#wrapper {
    margin-top: 0;
    padding: 10px 15px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.navbar-admin {
    background-color: #333;
}

.navbar-admin .navbar-text {
    color: #f1f1f1;
}

.navbar .navbar-brand {
    padding-top: 10px;
}

.navbar .navbar-brand img {
    width: 195px;
}

.navbar-static-top {
    margin-bottom: 0;
}

.navbar-admin .navbar-right {
    margin-top: 4px;
    margin-right: 0;
}

/* admin main navigation menu */
.main-navigation {
    background: #449dd0;

    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-top: 1px solid #126B9E;
    border-bottom: 1px solid #3089BC;
}

#main-nav {
    border-color: #0055cc #0055cc #003580;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

#main-nav > li {
    min-width: 90px;
    text-align: center;
}

#main-nav > li > a {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    font-size: 14px;
}

#main-nav > li.active > a {
    background-color: #3f8ebc;
}

#main-nav > li > a:focus,
#main-nav > li > a:hover {
    background-color: #2b6584;
}

#main-nav > li > a > .menu-icon {
    font-size: 24px;
    padding: 2px 0;
}

#main-nav > li > a > .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
}

#main-nav > ul > li > a:hover {
    color: #A52A2A;
}

/* admin left sidebar */
.sidebar > ul {
    border-radius: 4px 4px 0 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #D0D0D0;
}

.sidebar > ul > li > a,
.sidebar > ul > li.nav-header {

    border: 1px solid #D0D0D0;
    display: block;
    margin: 0 0 -1px;
    padding: 8px 14px;
}

.sidebar > ul > li.nav-header {
    border-radius: 3px 3px 0 0;
    padding: 10px 0 8px 15px;
    font-size: 18px;
    font-weight: 400;
    color: #333;

    background: #f8f8f8; /* Old browsers */
    background: -moz-linear-gradient(top, #f8f8f8 0%, #f8f8f8 50%, #e8e8e8 51%, #e8e8e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(50%, #f8f8f8), color-stop(51%, #e8e8e8), color-stop(100%, #e8e8e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8f8f8 0%, #f8f8f8 50%, #e8e8e8 51%, #e8e8e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8f8f8 0%, #f8f8f8 50%, #e8e8e8 51%, #e8e8e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8f8f8 0%, #f8f8f8 50%, #e8e8e8 51%, #e8e8e8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f8f8f8 0%, #f8f8f8 50%, #e8e8e8 51%, #e8e8e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e8e8e8', GradientType=0); /* IE6-9 */
    text-shadow: 0 1px 0 #FFF;
}

.sidebar > ul > li:last-child {
    border-radius: 0 0 3px 3px;
}

.sidebar > ul > li.active > a {
    border-left: 0 none;
    border-right: 0 none;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1) inset, -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    padding: 9px 15px;
    position: relative;
    z-index: 2;
    background-color: #f4f4f4;
    color: #0088CC;
}

.sidebar > ul > li > a:hover,
.sidebar > ul > li.active > a:hover {
    background-color: #eee;
    color: #08c;
}

/* admin left navigation accordion */
.accordion-inner {
    border-left: 1px solid #D0D0D0;
    border-right: 1px solid #D0D0D0;

}

.accordion-inner .accordion-inner {
    border: none;
    padding: 0;
}

.accordion-inner > .nav > .active {
    background-color: #eee;
}

.accordion-inner > .nav > li > a {
    display: block;
    padding: 4px 15px 4px 25px;
}

.accordion-inner .accordion-inner > .nav {
    background-color: #fff;
}

.accordion-inner .accordion-inner > .nav > li > a {
    display: block;
    padding: 4px 15px 4px 35px;
}

.breadcrumbs {
    margin: 0 0 20px 0;
    line-height: 23px;
    border-radius: 3px 3px 3px 3px;
    padding: 10px 0 8px 15px;
    border: 1px solid #D0D0D0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    font-weight: 400;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);

    font-size: 18px;

    background: #f8f8f8; /* Old browsers */
    background: -moz-linear-gradient(top, #f8f8f8 0%, #f8f8f8 50%, #e8e8e8 51%, #e8e8e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(50%, #f8f8f8), color-stop(51%, #e8e8e8), color-stop(100%, #e8e8e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8f8f8 0%, #f8f8f8 50%, #e8e8e8 51%, #e8e8e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8f8f8 0%, #f8f8f8 50%, #e8e8e8 51%, #e8e8e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8f8f8 0%, #f8f8f8 50%, #e8e8e8 51%, #e8e8e8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f8f8f8 0%, #f8f8f8 50%, #e8e8e8 51%, #e8e8e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e8e8e8', GradientType=0); /* IE6-9 */
}

.breadcrumbs > i {
    font-size: 18px;
    margin: 0 5px 0 5px;
}

.nav-list {
    padding-left: 0;
    padding-right: 0;
}

.nav-list ul {
    margin: 0;
}

.btn-primary {
    background-color: #449DD0;
    border: 1px solid #3089BC;
    color: #FAFAFA;
}

.btn-primary:hover {
    background-color: #4083a9;
    border-color: #3089BC;
}

.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

/* admin quick navigation */
/* Autocomplete styles */
.ui-autocomplete {
    margin-top: 20px;
    padding: 5px;
    border: 1px solid #aaa;
    background-color: white;
    overflow: hidden;
    /*position: absolute;*/
    z-index: 10000 !important;
    width: 300px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);

}

.ui-autocomplete ul {
    width: 100%;
    list-style: none outside none;
    padding: 0;
    margin: 0;
    z-index: 10000;
}

.ui-autocomplete li {
    color: #333;
    margin: 0;
    padding: 3px 9px;
    cursor: default;
    display: block;
    /*
    if width will be 100% horizontal scroll-bar will appear
    when scroll mode will be used
    */
    /*width: 100%;*/
    font: menu;
    /*font-size: 12px;*/
    /*
    it is very important, if line-height not set or set
    in relative units scroll will be broken in firefox
    */
    line-height: 18px;
    overflow: hidden;
}

.ui-autocomplete li:hover {
    cursor: pointer;
    background-color: #ccc;
}

.ui-autocomplete li:hover a {
    color: #fff;
}

.ui-autocomplete li:hover a:hover {
    text-decoration: none;
}

.statistics {
    text-align: right;
    font-size: 12px;
}

.statistics span {
    padding: 3px 6px;
    background-color: #f7e5e5;
}

/* @version 7.9 */
.ui-datepicker {
    z-index: 1100 !important;
}