/* Bootstrap Overrides - Any bootstrap default styles that we modify should be contained in this file for now.  Once the styling is solid, we can merge into one style sheet. */

.navbar {
    margin-bottom: 0;
}

.navbar-brand {
    background: url('Images/VibeLogos/White/Vibe-Pay-byVibeHCM39px.png') no-repeat;
    width: 152px;
    height: 39px;
    margin-top: 5px;
}

.navbar-collapse {
    max-height: 500px;
}

.navbar-text a {
    color: #fff;
}

.thumbnail {
    min-height: 64px;
}

.dropdown-menu {
    left: inherit;
}

.pagination {
    margin: 0 0;
}

.table {
    margin-bottom: 0;
}

.btn-group .btn-xs {
    margin-top: -3px;
    margin-bottom: -3px;
}

.panel-title .btn-group {
    margin-top: 2px;
}

.tooltip {
    z-index: 1999;
}

.modal-backdrop {
  z-index: 0;
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-piggy-bank:before {
    content:"\e225";
}

/*subMenuContainer styles added because of markup changes for slimscroll being added to menu*/
ul.subMenuContainer ul {
    padding-left: 0;
}

ul.subMenuContainer li {
    list-style-type: none;
    padding-left: 0;
}

ul.subMenuContainer > li > ul > li > a {
	display: block;
	padding: 3px 20px 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857;
	color: #FFF;
	white-space: normal;
	font-size: 13px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-left: -20px;
}

/*role drop-down styles added because of markup changes for slimscroll being added*/
ul#RoleMenuContentContainer {
    padding-left: 0;
}

ul#RoleMenuContentContainer > li {
    list-style-type: none;
    padding-left: 0;
}

ul#RoleMenuContentContainer > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap;
}

/*role drop down hamburger*/
@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open ul#RoleMenuContentContainer > li > a {
        color: #FFF;
        padding: 5px 15px 5px 25px;
    }
}