$portlet-actions-icon-color:                        #6fa7d7;

/* here you can put your own css to customize and override the theme */

.page-header .page-header-menu {
    background: #fff;
    clear: none; //Do not want a new line
    height:auto; //Using the default height forces contents of other menus to jump down a line
}

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

.portlet.light.bordered {
    border: 1px solid #cdd2d6!important;
}

//Menus Overrides
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>h3 {
    color: #777777;
    font-weight: bold;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
    color: #2d2d2d;
}

.page-header .page-header-menu .hor-menu .navbar-nav>li>a {
    font-size: 13px;
}

.page-toolbar .actions-panel {
    margin: 6px;
}

.page-head {
    box-shadow: 0 0 5px rgba(128,128,128,0.5);
}

.page-head .page-title {
    padding: 8px 0;
    margin-top: 4px;
}

.page-head .page-title>h1 {
    font-size: 16px;
}

.page-title .breadcrumb {
    padding: 8px 15px; //Reset to default ASM, not sure now to overide.
}


.control-label {
    font-size: 12px;
    color: #a1a1a1;
}

.table thead tr th {
    font-size: 12px;
}


.tabbable-bordered .nav-tabs>li.active>a, 
.tabbable-bordered .nav-tabs>li.active>a:focus, 
.tabbable-bordered .nav-tabs>li.active>a:hover {
    border-top: 3px solid #4B77BE;
}

.form-group {
    margin-bottom: 8px;
}

.portlet-form .form-section {
    margin: 10px 0;
    font-size: 16px;
}

.page-footer {
    background: #f9f9f9;
    position: fixed;
    bottom: 0;
    width: 100%;
    color: #000;
    box-shadow: 2px 1px 10px 2px rgba(50, 50, 50, 0.4);
    padding: 8px 0 8px 15px;
    z-index: 9995;
}

.scroll-to-top>i {
    color: #6a6a6a;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}


.page-header .page-header-top .top-menu .navbar-nav > li.dropdown {
    height: 51px; // ASM The original code used an offet. As we changed the height, this 25px offset does not work now. _header.scss line 73
}

//The Nav mega menu at the top has an offset. Not sure if top command is to blame. Force to inherit - ASM Needs to be reviewed when layout finanlized
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
    top: inherit;
    box-shadow: 2px 1px 2px 2px rgba(50, 50, 50, 0.2);
    border: solid 1px #b5b5b5;
    //box-shadow: 2px 1px 2px 2px rgba(50, 50, 50, 0.2);
}

.page-header .hub .hor-menu .navbar-nav > li > a,
.page-header .hub .hor-menu .navbar-nav > li:hover > a {
    font-weight:700;
    color: #000;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu {
    box-shadow: 2px 2px 10px #333333;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
    background: #fff; //ASM #55616f;
    box-shadow: 2px 2px 10px #333333;
    //color:#fff;
}

.top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a, 
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
    color: #151515;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a, 
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, 
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a, 
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
    font-weight: 700;
    border-bottom: solid;
}

.portlet.light > .portlet-title > .actions .btn-default {
    color: $portlet-actions-icon-color;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    font-weight: 700;
}

.nav-tabs > li > a, .nav-pills > li > a {
    color: $portlet-actions-icon-color;
}

.table-bordered, 
.table-bordered>tbody>tr>td, 
.table-bordered>tbody>tr>th, 
.table-bordered>tfoot>tr>td, 
.table-bordered>tfoot>tr>th, 
.table-bordered>thead>tr>td, 
.table-bordered>thead>tr>th {
    border: 1px solid #c2cad8;
}

.page-content-inner {
    padding-bottom: 15px; //Now that we have a fixed footer we need some padding so content does not get hidden at the bottom
}


.btn-default.active, .btn-default:active, .btn-default:hover, .open>.btn-default.dropdown-toggle {
    background-color: #b3e5fc;
    border-color: #7098ab;
}