@import '../common.css';

/*
  JSPM doesn't have a Stylus plugin yet and it's LESS plugin
  doesn't support @imports yet, so we're going to use straight css.
  Here's our color palate:

  primaryColor = #0277BD
  accentColor = #1DE9B6
  bgColor = #efefef
  darkBgColor = #263238
  lightBgColor = #37474F
  lightTextColor = #F5F5F5
  darkTextColor = #212121
*/

.company_logo img,
    .company_logo p {
        display: inline-block;
    }

    .company_logo p {
        color: #fff;
        margin-top: 15px;
    }

    .company_logo img {
        width: 60px;
        margin-top: -10px;
    }

    .menu_navbar {
        background-color: #0950a0;
        border: none;
        border-radius: 0;
    }

    .menu_search {
        margin-top: 13px;
    }

    .navbar-default .navbar-nav.menu_item>li>a {
        color: #fff;
    }

    .menu_item i {
        font-size: 26px;
    }

    .menu_search input {
        border: none;
        border-radius: 3px 0 0 3px
    }

    .menu_search button {
        width: 70px;
        margin-left: -6px;
        border-radius: 0 3px 3px 0;
        border: 1px solid #fff;
        background-color: transparent;
        color: #fff;
    }

    .menu_search button:hover,
    .menu_search button:focus,
    .menu_search button:active {
        border-radius: 0 3px 3px 0;
        border: 1px solid #fff;
        background-color: transparent;
        color: #fff;
    }

    #breadcrumb {
        border-bottom: 2px solid #1b50a0;
        border-radius: 0px;
        margin-bottom: 0px;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    #breadcrumb a {
        font-size: 13px;
        font-weight: 700;
    }
    #breadcrumb span {
        font-size: 12px;
    }
    .breadcrumb>li+li:before {
        content: '';
    }

    ul.menu_item {
        height: 60px;
    }

    ul.menu_item>li {
        height: 60px;
    }

    ul.menu_item>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-header>a {
        padding: 5px 10px;
    }