/*
  Allow angular.js to be loaded in body, hiding cloaked elements until
  templates compile.  The !important is important given that there may be
  other selectors that are more specific or come later and might alter display.
 */
[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

/*
*Theme i.e colors
*/
.navbar, .navbar-nav {
    background-color: #4CAF50 !important;
    border: 0px !important;
    border-radius: 0px !important;
}

.navbar-brand {
    color: #FFF !important;
}

.navbar > li > a.dropdown-toggle, .dropdown-toggle, .page-logo > a {
    color: #FFF !important;
}

.navbar li a {
    color: #FFF !important;
}

.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover, .navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle, .navbar > .dropdown-menu, .dropdown-menu-default {
    background-color: #3d8b40 !important;
}

.dropdown-menu .external, .dropdown-menu .dropdown-menu-list {
    background-color: #3d8b40 !important;
}

.dropdown-menu .external h3 {
    color: #ffffff !important;
}

.dropdown-menu li:hover, .dropdown-menu li a:hover {
    background-color: #4CAF50 !important;
}

.dropdown-menu .dropdown-menu-list li:hover, .dropdown-menu .dropdown-menu-list li a:hover {
    background-color: #4CAF50 !important;
}

.navbar-brand img {
    margin-top: -20px;
}

.about-header {
    margin-top: -21px;
}

.features {
    margin-top: -40px;
    padding-top: 55px;
    background: #eef1f5;
}

/*
Style grids
*/
/*.ui-grid-row, .ui-grid-cell, .ui-grid-cell .ui-grid-vertical-bar {*/
/*height: auto !important;*/
/*overflow: visible !important;*/
/*}*/

/* Style landing page */
.footer {
    padding: 34px 0;
    border-top: 1px solid #eef1f5;
}


/*
 * Workflow wizard styling
 */

.wizard .steps-indicator {
    padding: 20px 0 30px 0 !important;
}
.wizard .steps-indicator:before  {
    margin-left: 55px !important;
    /*position: fixed;*/
}


/* Style content*/
.flow-text {
    font-size: 16px;
    color: #7e8691;
    line-height: 24px;
}

.bg-white {
    background-color: #FFF !important;
    background: #FFF !important;
}

.page-cover h1{
    font-weight: 400;
    font-size: 55px;
    color: #7e8691;
}

.page-cover h4{
    font-weight: 400;
    font-size: 21px;
}

.page-content .card {
    height: 144px;
    max-height: 144px;
    padding: 21px;
    background-color: #FFF !important;
    background: #FFF !important;
    margin-bottom: 21px;
    border: 1px solid #7e8691;;
    overflow: hidden;
}

.page-content .card .card-header h4 {
    font-size: 21px;
    font-weight: 400;
}

/* Margins */
.mb-4 {
    margin-bottom: 4px;
}
.mt-4 {
    margin-top: 4px;
}

.my-4 {
    margin: 4px 0;
}

.filters .form-group {
    padding: 6px 3px;
}