/* enable absolute positioning */
.inner-addon {
    position: relative;
}

/* style icon */
.inner-addon #glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}

/* align icon */
.left-addon #glyphicon  { left:  0;}
.right-addon #glyphicon { right: 0;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

body {
    position:relative;
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 5px;
    padding-right: 15px;
}
.nav-tabs>li>a {
    height: 35px;
    color: white;
    background-color: #f5f5f5;
}
.navbar {
    width: 100%;
    background-color: #555;
    height:50px;
}
.navbar-brand {
    width: 70%;
    padding-top: 5px;
}

#logo {
    height:30px;
    margin-top: 6px;
    margin-left: 40px;
}
.navbar-nav {
    float: right;
    padding-left: 5px;
}
.dropdown-toggle {
    color: #515356 !important;
    vertical-align: middle;
    height: 50px;
}
.contentbackground {
    background-color: white;
}

div.search-tab-menu div.list-group{
    margin-bottom: 0;
    height: 75px;
}
div.search-tab-menu div.list-group>a{
    margin-bottom: 0;
}

div.search-tab-menu div.list-group>a.active,
div.search-tab-menu div.list-group>a.active .glyphicon,
div.search-tab-menu div.list-group>a.active .fa{
    background-color: #58a4a9;
    border-color: white;
    color: #ffffff;
}

div.search-tab-menu div.list-group>a.active:after{
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #7f7f7f;
  opacity:0.8;
}

.modal-content {
    margin-top: 10%;
}

.btn {
    border:0;
    border-radius: 0;
}

.btn-default {
    background-color: darkgray;
    color: white !important;
}

.btn-primary {
    background-color: #58a4a9 !important;
}

.btn-warning {
    background-color: #fcae3a !important;
}