body {
    color : #000000 !important;
    font-family: "Poppins",sans-serif;
}

a {
    color: #8e8e8e;
}

.circle:hover {
    color: #fff;
    background-color: #8e8e8e;
    border-color: #8e8e8e;
}
.circledescription {
    color: #000000;
}

.highlight {
    color: #083b66;
}

h1, .h1, h2, .h2, .h3, .h3 {
    color: #000 !important;
}

#btnBackToTop
{
    background-color: #000000;
    color: white;
}
#btnBackToTop:hover {
    background-color: #eb4e1c;
}

.form-control{
    border-width: 1px;
    border-color: #ccc;
    border-radius: 0px;
    background: #ccc !important;
    color: #000000;
}

.default-content-padding
{
    margin-top: 100px;
}

.wide-content-padding
{
    margin-top: 62px;
}

/*#region Navbar***********************************************************************************/
.navbar-inverse {
    background-color: #000 !important;
    border-bottom: 1px solid #000 !important;

}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
    color: #fff !important;

}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff !important;
    background-color:#8e8e8e;
    border-bottom: 0px;
}

.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #000000 !important;
    background-color: #fff;
    border-bottom: #fff solid 0px;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
    padding: 32px;
    text-transform: uppercase;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff !important;
    background-color: #6d6e71 !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a
{
    background-color: #6d6e71 ;
}

.navbar-nav > li > .dropdown-menu
{
     padding: 15px;
}

.dropdown-menu > li > a
{
    padding: 10px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff !important;
    text-decoration: none;
    background-color: #8e8e8e !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #8e8e8e;
}

.navbar-inverse .navbar-toggle {
    border: 0px !important;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle {
    background-color: #8e8e8e !important;
}

.navbar-toggle {
    color: #fff !important;
    padding: 0;
    height: 55px;
    line-height: 55px;
    width: 53px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0px;
}
/*#endregion***************************************************************************************/

/*#region panel************************************************************************************/
.panel-default {
    border-color: #000000 !important;
    border-radius: 0px;
}

.panel-default > .panel-heading {
    background-color: #fff !important;
    color: #000000 !important;
    padding: 5px 15px;
    border-color: #000000;
}

.panel-title, .module-title {
    background: #fff;
    color: #000000;
    font-size: 18px;
    line-height: 2;
    text-align: center;
    font-weight: bolder;
}
/*#endregion***************************************************************************************/

/*#region custom buttons***************************************************************************/
.btn-primary {
    background-color: #fff !important;
    border-color: #000 !important;
    border-radius: 0px;
    color: #000;
}


.btn-primary:hover {
    color: #fff !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
    border-radius: 0px;
}

    .btn-primary:focus,
    .btn-primary:active {
        color: #fff !important;
        background-color: #000000 !important;
    }

.btn-default, .ui-widget-content a {
    color: #000;
    background-color: #fff;
    border-color: #000;
    border-radius: 0px;
}

.btn-default:hover, .ui-widget-content a:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
    border-radius: 0px;
}

.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #8e8e8e;
    border-color: #8e8e8e;
    border-radius: 0px;
}

.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger.focus:active, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #cccccc;
    border-color: #cccccc;
    border-radius: 0px;
}
/*#endregion***************************************************************************************/

/*#region pagination*******************************************************************************/
.pagination > li > a, .pagination > li > span {
    color: #000000;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #8e8e8e;
    border-color: #8e8e8e;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #000000;
}
/*#endregion***************************************************************************************/

/*#region stepper**********************************************************************************/
.steps-form .steps-row:before {
    background-color: #6d6e71;
}

.steps-form .steps-row .steps-step .btn-circle {
    border: 2px solid #6d6e71;
    background-color: white !important;
    color: #6d6e71 !important;
}

.steps-form .steps-row .steps-step .btn-circle.complete {
    border: 2px solid #083b66;
    background-color: #083b66 !important;
    color: #ffffff !important;
}

.steps-form .steps-row .steps-step .btn-circle.active {
    border: 2px solid #083b66;
    background-color: #bbbdc2 !important;
    color: #083b66 !important;
}
/*#endregion***************************************************************************************/
ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    border-radius: 0;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0;
    font-size: 100%;
}

/*#region map button order ***********************************************************************/
#flex {
    display: flex;
    flex-direction: row;
}

#flex > #active {
    order: 3;
}

#flex > #inactive {
    order: 1;
}

#flex > #construction {
    order: 2;
}
/*#endregion***************************************************************************************/

.kml-color-legend {
    margin-top: 60px;
}

.embeded-premise, .max-embedded-view {
    margin: 100px;
    width: 90%;
}
#divSearchArea .select2-container--default .select2-selection--multiple {
    background-color: white;
    border-radius: 0 !important;
}
#divSearchArea .form-control {
    background-color: white !important;
    border-radius: 0 !important;
}
.select2-search__field::-webkit-input-placeholder,
.select2-search__field::placeholder {
    padding-left: 10px !important;
}

.ui-dialog-titlebar {
    background: #000000 !important;
    color: white !important;
}