/*
 * NAVBAR
 */
 .navbar-static-top {
    background: #ffffff;
    border-bottom: solid 1px #f3f3f3;
}

.navbar-static-side {
    border-right: solid 1px #f3f3f3;
}

.navbar-minimalize {
    color: #007acd !important;
}

/*
* NAVBAR ICONS
*/
.nav-icon-black {
    display: initial !important;
}

.nav-icon-white {
    display: none;
}

.nav-header-color.icon-x-s {
    color: #000;
}

.bell {
    background-color: #ff0000;
    border-radius: 30px;
    padding: 2px 3px;
}

/*
 * BUTTONS
 */
#searchBtn,
#firstLoginBtn,
.btn-primary,
.btn-info {
    background-color: #007acd !important;
    color: #FFFFFF !important;
    border-color: #007acd !important;
}

#searchBtn:hover,
#firstLoginBtn:hover,
.btn-primary:hover,
.btn-info:hover {
    background-color: #005aa0 !important;
    color: #FFFFFF !important;
    border-color: #005aa0 !important;
}

#searchBtn:active,
#firstLoginBtn:active,
.btn-primary:active,
.btn-info:active {
    background-color: #004478 !important;
    color: #FFFFFF !important;
    border-color: #004478 !important;
}

.btn-link.btn-etrel {
    color: black !important;
    background-color: #F6F6F6 !important;
}

.btn-link.btn-etrel:hover {
    color: black !important;
    background-color: #d2d2d2 !important;
}

.btn-primary-inv {
    background-color: #ffffff;
    border-color: #007acd;
    border-width: 1px;
    color: #007acd;
}

.btn-primary-inv:hover {
    background-color: #dcddde;
    border-width: 0px;
    color: #001C2F;
}

/*
 * ICON
 */
.icon-inv {
    color: #FFFFFF;
}

/*
 * OTHER
 */
.agile-list li.success-element {
    border-left: 5px solid #008836;
}

.agile-list li.outofcommunication-element {
    border-left: 5px solid #db3735;
}

.nav>li>a {
    color: #212121;
}

.navbar-default {
    background-color: #fff;
    height: 100%;
}

.nav>li.active {
    background: #F5F5F5;
    color: #212121;
}

.nav>li.active>a {
    color: #212121;
}

.navbar-default .nav>li>a:hover,
.navbar-default .nav>li>a:focus {
    background-color: #F5F5F5;
    color: #212121;
}

.navbar-default .nav>li>a:hover,
.navbar-default .nav>li>a:focus {
    background: #F5F5F5;
    color: #212121;
}

.pending-border {
    border-left-color: #ff8c47 !important;
}

.new-border {
    border-left-color: #008836 !important;
}

.finish-border {
    border-left-color: #353a3d !important;
}

#helpDeskConversationsH {
    color: #212121;
}

#HelpDeskDiv {
    background-color: #F5F5F5;
}

.agile-list li {
    background-color: #fff;
    /* border: 1px solid #e7eaec; */
    margin: 0px 0 10px 0;
    padding: 10px;
    border-radius: 2px;
}

.light-gray {
    background-color: #E8E8E8;
}

.right-shadow {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 2px 2px 0 rgba(0, 0, 0, .06), 0 3px 1px -2px rgba(0, 0, 0, .06)
}

.bottom-shadow {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 2px 2px 0 rgba(0, 0, 0, .06), 0 3px 1px -2px rgba(0, 0, 0, .06)
}