@font-face {
    font-family: "galano_grotesqueregular";
    src: url("../duskyui/fonts/123/GalanoGrotesque.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    
}

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

.nav-icon-white,
li:hover .nav-icon-black {
    display: none !important;
}

.navbar-fixed-top, .navbar-static-top {
    background: white;
}
#topNavBarIcon {
    color: #001C2F !important;
}

.navbar-minimalize {
    color: #001C2F !important;
}

.btn-primary {
    background-color: #9DFDB4;
    border-color: #9DFDB4;
    color: #001C2F;
}

#MoreConnectorsBtn {
    color: white;
    background-color: transparent;
}

#LessConnectorsBtn {
    color: white;
    background-color: transparent;
}

#MoreConnectorsBtn:hover {
    color: #001C2F;
    background-color:white;
}

#LessConnectorsBtn:hover {
    color: #001C2F;
    background-color: white;
}

#orderRFIDbtn {
    background-color: #9DFDB4;
    border-color: #9DFDB4;
    color: #001C2F;
}

#addRFIDbtn {
    background-color: #9DFDB4;
    border-color: #9DFDB4;
    color: #001C2F;
}

.color-icons-dark .charging-div .text-field-para .white-font {
    color: white !important;
}

.color-icons-dark .charging-div i.charging-icons {
    color: white !important;
}

.color-icons-dark #ChargingDiv .btn-primary-inv-white {
    background-color: transparent;
    border-color: white;
    border-width: 2px;
    color: black;
}

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

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

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

.color-icons-dark .square-font {
    color: white !important;
}


.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: #659175;
    color: white;
    border-color: #659175;
}

#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 {
    background-color: #659175;
    color: white;
    border-color: #659175;
}
.icon-inv {
    color: black;
}

.btn-primary-inv {
    background-color: white;
    border-color: white;
    border-width: 2px;
    color: #001C2F;
}

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

.btn-link {
    /* font-weight: bold; */
    background-color: white;
    color: black;
}

.btn-link:hover {
    /* font-weight: bold; */
    background-color: #dcddde;
    color: black;
}

.light-gray {
    /* background-color: #f1f1f1; */
    background-color: #001C2F;
}

.bottom-shadow {
    /* height: 5px; */
    /* -webkit-box-shadow: 0px 5px 5px 0px #ccc; */
     box-shadow: 0px 5px 5px 0px #001C2F;
    /* position: absolute; */
    /* left: 0px; */
    /* bottom: 0px; */
    /* width: 100%; */
}



.past-search {
    border-bottom: 1px solid white;
    padding: 5px 10px;
    cursor: pointer;
    margin: 5px;
    float: left;
    line-height: 2;
}

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

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

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

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

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

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

.nav > li > a {
    color: #000000;
    /* font-weight: 600; */
    /* padding: 14px 20px 14px 25px; */
}

.gray-bg {
    background-color: #001C2F;
}

a {
    color: #9DFDB4;
    text-decoration: none;
}

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


#loginRegisterDiv {
    color: white;
}


.modal-footer {
    padding: 15px;
    text-align: right;
     border-top: none;
}


.black-text {
    color: black;
}


.white-text {
    color: white;
}

.white-color {
    color: white;
}

.black-color {
    color: white;
}

#ShowPricingBtn {
    /* font-weight: bold; */
    background-color: #ffffff;
    color: black;
}

#ShowPricingBtn:hover {
    /* font-weight: bold; */
    background-color: #dcddde;
    color: black;
}

.agile-list {
    list-style: none;
    margin: 0;
    color: black;
}

.grayTextChange {
    color:white;
}

.blackHchange {
    color:white;
}

.horLines {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #fff;
    line-height: 0.1em;
    margin: 10px 0 20px;
    margin-top: 40px;
    margin-bottom: 40px;
    color:white;
}

.orPadding {
    background: #001c2f;
    padding: 0 10px;
}

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

.borderTop {
    margin-top: 0;
    margin-bottom: 10px;
    border-top: 1px solid #fff;
}


.vehicle-select {
    width: 100%;
    background-color: white;
    border: 2px solid white;
    border-radius: 8px;
    font-weight: 900;
    color: black;
    padding-left: 10%;
    outline: none;
}

.blackOnly {
    color: white;
}

.importantWhite{
    color: white !important;
}

.noUi-background {
    background-color: white !important;
}

.colorAndBorderWhite {
    color:white;
    border-color:white
}

#languageSelectorTitle{
    color:white;
}

.location-search {
    color: white !important;
    font-size: 28px;
    font-weight: 800;
    border: none;
    border-bottom: 2px solid black;
    background-color: transparent;
    border-radius: unset;
}

#pastSessionsH {
    color: white;
}

#ClickToSeeMore {
    color:white;
}

#helpDeskConversationsH {
    color:white;
}

.location-search {
    color: black !important;
    font-size: 28px;
    font-weight: 800;
    border: none;
    border-bottom: 2px solid black;
    background-color: transparent;
    border-radius: unset;
}

#MoreFiltersBtn {
    background-color: white;
}

.noUi-origin {
    border-radius: 2px;
    background-color: white;
}


#filterMainSlider {
    background-color:black !important;
}

#filterMainSlider .noUi-origin {
    border-radius: 2px;
    background-color: black;
}

.input-vehicle {
    background-color: transparent;
    border: none;
    outline: none;
    width: 80%;
    font-weight: 900;
    color: white;
}