.navbar-fixed-top,
.navbar-static-top {
    background: #2b2a38;
}

.navbar-default .nav>li>a:hover,
.navbar-default .nav>li>a:focus {
    background-color: #000014;
    color: #00edb5;
}

.nav>li>a,
#LoginDiv p,
#LoginDiv label,
#Charging-div,
.preAuthorizeDiv,
.invoice-item-type-title,
.session-detail-div,
.reservation-location-div,
.open-detail-div,
.registration-confirmation,
.password-complexity-label,
.paymentDivText,
.text-white,
.square-font,
.disabled.approximate-div,
.grayTextChange,
.tariff-div,
.costFont,
.addressFont,
.chevronColor,
.confirmation-link-para,
.enter-email-span,
.almost-done-div,
.text-field-para.white-font,
.color-icons-dark .charging-div .text-field-para .white-font,
.color-icons-dark .square-font,
.color-icons-dark .charging-div i.icon-tick-l.title-icon-base.title-icon-xl,
.plug-charge-div,
.fontCouponText,
.contactInfoText,
.fontCouponHeader,
.conversation-text-message,
.fontHelpDeskTime,
.sessionDetailsFont,
#ClickToSeeMore,
.settings-panel,
.status-box,
.width-half,
.settingHeader,
.helpDeskHeader,
.fontVersionTitle,
.myLocationsSmallText,
.vehicle-compatibility-text,
.div-data,
.cpfFont,
.cpcFont,
.socketText,
.typeSocketHeader,
.locationFinderUpperTextFont,
.contractDescriptionFont,
.conversationDateFont,
.past-search,
.connectorsFontLocation,
.white-text,
.white-font,
.time-picker-container,
#DontMissP,
.DontMissP,
.new-pass-label,
.pre-authorize-div,
#RegistrationDiv,
.connectors-available-font,
.distance-font-color,
.right-mapLegend-color,
#TopUpFundsDiv label.label-container,
#TopUpFundsDiv h3,
#AccountStatusDiv h1,
#AccountStatusDiv,
#RatingDiv p,
#ChargingDiv .text-field-para,
#FavouriteLocationDiv .conversation-item {
    color: white !important;
}

.navbar-minimalize,
#LoginDiv h2,
#TopUpFundsDiv h2,
.icon-charge-,
.icon-burger,
h2.paymentDivHeader,
h5,
#helpDeskConversationsH,
#pastSessionsH,
#invoicesH2,
.contactInfoHeader,
.chargesHeader,
.minSocketSliderColor,
.blackHchange,
.payable-div,
.icon-charge-l,
.square-header,
.color-icons-dark .charging-div i.charging-icons,
#topNavBarIcon,
#WhileChargingH,
.locationModalUpperText,
.ConversationLabelColour,
.charge-h2,
.couponHeaderFont,
.forgoten-pass-para,
.input-vehicle,
#languageSelectorTitle,
.black-color,
.blackOnly,
#RegistrationDiv h3,
#AccountStatusDiv h2,
#RatingDiv h2,
#FavouriteLocationDiv h3 {
    color: #00edb5 !important;
}

.circle-position {
    margin-top: 0px;
}

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

.nav>li.active>a {
    background-color: #000014;
    color: #00edb5;
}

.btn-primary {
    background-color: #00edb5;
    border-color: #00edb5;
    color: #2b2a38;
}

#searchBtn:hover .icon-search-s,
#orderRFIDbtn:hover,
#addRFIDbtn:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary.active:focus {
    color: #00edb5;
    background-color: #303030;
    border-color: #18bc00;
}

.icon-select-div i {
    color: #2b2a38;
    font-size: 28px;
}

.btn-primary:hover .icon-inv {
    color: #00edb5;
    background-color: transparent;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary.active:focus {
    background-color: #2b2a38;
    border-color: #00edb5;
    color: #00edb5;
}

#searchBtn:hover {
    background-color: #2b2a38;
    border-color: #00edb5;
    color: #00edb5;
}

.icon-inv {
    color: #2b2a38;
}

.btn-primary-inv {
    background-color: transparent;
    border-color: #00edb5;
    border-width: 2px;
    color: #00edb5;
}

.btn-primary-inv:hover {
    background-color: transparent;
    border-color: #44ffd3;
    border-width: 2px;
    color: #44ffd3;
}

.favorite-location {
    background-color: #555561;
    border: none;
    width: 15%;
    max-width: 60px;
    padding: 0px !important;
    display: inline-flex;
    justify-content: center;
}

.iconx {
    background-color: #00edb5;
}

#SearchLocation {
    border-bottom: 2px solid #00edb5 !important;
}

.text-field-para {
    margin: 15px 15px 15px 15px;
    text-align: left;
}

.location-search {
    color: #00edb5 !important;
}

#SearchLocation::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #00edb5;
    opacity: 1;
    /* Firefox */
}

.title-icon-base {
    color: #00edb5;
    margin: 5px 10px 25px 10px;
    text-align: center;
    position: relative;
}

.left-white {
    background-color: #555561;
}

.light-gray {
    background-color: #2b2a38;
}

.btn-link {
    color: #00edb5;
    background-color: #535262;
}

.btn-link:hover {
    color: #00edb5;
    background-color: #2b2a38;
}

.font-black-bold {
    color: white;
    font-weight: bold;
}

.right-shadow {
    position: absolute;
    left: -5px;
    top: 0px;
    width: 5px;
    -webkit-box-shadow: 2px 0 5px 0px transparent;
    box-shadow: 2px 0 5px 0px transparent;
    background-color: transparent;
}

.noUi-background {
    background-color: #00edb5 !important;
}

.noUi-handle {
    border-radius: 20px !important;
    width: 20px !important;
    height: 20px !important;
    background-color: #00edb5 !important;
    box-shadow: none !important;
}

.navigation-img {
    height: 100%;
    width: 24px;
    margin-right: 5px;
}

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

.agile-list li.info-element {
    border-left: 5px solid #4786ff;
}

/** left border on available item - color green **/
.agile-list li.success-element {
    border-left: 5px solid #41e46f;
}

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

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

#chargingLocationDiv,
#chargingLocationDiv .instance-bg  {
    background-color: #2a2a39;
}

.agile-list li {
    background: #555561;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(85, 85, 97);
    /* border: 1px solid #e7eaec; */
    margin: 0px 0 10px 0;
    padding: 10px;
    border-radius: 2px;
}

.bottom-shadow {
    height: 5px;
    -webkit-box-shadow: 0px 5px 5px 0px transparent;
    box-shadow: 0px 5px 5px 0px transparent;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

.agile-list li:hover {
    background: #838389;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: #838389;
    /* border: 1px solid #e7eaec; */
    margin: 0px 0 10px 0;
    padding: 10px;
    border-radius: 2px;
}

.white-bg {
    background-color: #555561;
}

.gray-bg,
.conversation,
#bottomSideConversationText {
    background-color: #2a2a39;
}

.status-occupied {
    color: #4786ff;
}

.status-available {
    color: #41e46f;
}

.status-unavailable {
    color: #f63261;
}

.status-outofworkingtime {
    color: #ead35c;
}

.status-outofcommunication {
    color: #999999;
}

.bottom-border-default {
    border-bottom: solid 2px white;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: white;
}

.vehicle-select {
    width: 100%;
    background-color: transparent;
    border: 2px solid white;
    border-top-color: white;
    border-top-style: solid;
    border-top-width: 2px;
    border-right-color: white;
    border-right-style: solid;
    border-right-width: 2px;
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color: white;
    border-left-style: solid;
    border-left-width: 2px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-radius: 8px;
    font-weight: 900;
    color: #00edb5;
    padding-left: 10%;
    outline: none;
    outline-color: initial;
    outline-style: none;
    outline-width: initial;
}

.borderTop {
    margin-top: 0;
    margin-bottom: 10px;
    border-top: 1px solid white;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: white;
}

.btn-primary-inv-white {
    background-color: transparent !important;
    border-color: #00edb5 !important;
    border-width: 2px !important;
    color: #00edb5 !important;
}

.btn-primary-inv-white:hover {
    background-color: transparent;
    border-color: #44ffd3;
    border-width: 2px;
    color: #44ffd3 !important;
}

.color-icons-dark .white-border-bottom {
    border-bottom: 2px solid white;
}

.color-icons-dark .white-border-right {
    border-right: 2px solid white;
}

.color-icons-dark .charging-div .m-t.ng-binding {
    color: #44ffd3 !important;
}