/* These styles are generated from project.scss. */

.alert-debug {
    color: black;
    background-color: white;
    border-color: #d6e9c6;
}

.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.nav-item {
    margin-right: 50px !important;
    font-size: 17px;
}

.button svg {
  pointer-events: none;
}

.icon {
/*color: #020202; !* Initial color *!*/
  /*transition: color 0.3s ease; !* Smooth transition *!*/
  /*  color: #ffffff; !* Initial color *!*/
    /*color: #020202; !* Initial color *!*/
  /*  fill: #ffffff; !* Initial color *!*/
    stroke: #020202; /* Invert colors on hover */
  /*  filter: invert(100%); !* Invert colors on hover *!*/

}

.icon:hover {
  /*filter: invert(100%); !* Invert colors on hover *!*/
  /*  color: #ffffff; !* Initial color *!*/
    color: #020202; /* Initial color */
  /*  background-color: #020202; !* Initial color *!*/
  /*  border-radius: 50px; !* Initial color *!*/
  /*  border-color: #ffffff; !* Initial color *!*/
  /*  fill: #020202; !* Invert colors on hover *!*/
  /*  stroke: #ffffff; !* Invert colors on hover *!*/
    /*  transition: color 0.1s ease; !* Smooth transition *!*/
/*color: #141dce; !* Initial color *!*/


}


#map {
    width: 100vw;
    height: 100vh;
}

.layer-control-accord {
    position: relative;
    float: left;
    clear: left;
    top: 55px;
    left: 10px;
    width: 322px;
    max-height: 780px;
}

/*.path-results-control-accord {*/
/*    max-height: 785px;*/
/*    overflow: auto;*/
/*}*/
/*.path-results-control-accord-expanded {*/
/*    max-height: 780px;*/
/*}*/


/*.mapboxgl-control-container {*/
/*  position: relative;*/
/*  float: left;*/
/*  clear: left;*/
/*}*/

.mapboxgl-ctrl-top-left {
    /*position: relative;*/
    /*float: left;*/
    /*clear: left;*/
}

/*.mapboxgl-ctrl-top-right{*/
/*  position: absolute;*/
/*  float: right;*/
/*  clear: right;*/
/*  top:0px;*/

/*}*/

.mapboxgl-ctrl-geocoder {
    position: absolute;
    width: 322px !important;
}

.layer-control-body {
    margin-right: -11px;
    max-height: 719px;
    overflow: auto;
    padding-left: 0px;
}

.path-control-body {
    margin-right: -11px;
    max-height: 719px;
    overflow: auto;
    padding-left: 0px;
}

/*.mapboxgl-ctrl-geocoder {*/
/*  width: 260px;*/
/*}*/

/*.basemap-overlay-control {*/
/*  position: absolute;*/
/*  top: 10px;*/
/*  right: -10px;*/
/*  width: 260px;*/
/*  display: none;*/
/*  !*max-width: 200px;*!*/
/*}*/

/*.path-results-control-accord {*/
/*    !*clear: right;*!*/
/*    position: absolute;*/
/*    !*margin-top: 100px;*!*/
/*    !*margin-right: 10px;*!*/
/*    !*bottom: 20px;*!*/
/*    top: 8px;*/
/*    right: 30px;*/
/*    width: 500px;*/
/*    !*max-width: 200px;*!*/
/*}*/

.accord-title {
    color: #6b6b76;
    font-weight: 500;
!important;
}

.baseline-results-control-accord {
    float: left;
    /*clear: left;*/
    /*position: relative;*/
    position: relative;
    top: 8px;
    /*margin-top: 100px;*/
    left: 25px;
    /*margin-right: 10px;*/
    /*top: 60%;*/
    /*right: -10px;*/
    width: 365px;
    /*max-width: 200px;*/
}

.baseline-results-control {
    float: right;
    clear: right;
    position: relative;
    margin-top: 100px;
    margin-right: 10px;
    /*top: 60%;*/
    /*right: -10px;*/
    width: 335px;
    /*max-width: 200px;*/
}

.color-key-control {
    width: 219px;
    font-size: 14px;
    position: absolute;
    bottom: 27px;
    right: 55px;
    border: 1.5px solid #FFFFFF;
    padding: 5px;
    /*visibility: hidden;*/
}

.color-key-gradient {
    /*background: lightblue;*/
    overflow: hidden;
    height: 100%;
    width: 100%;
    opacity: 0.9;
    border-radius: 5px;
    background: hsla(237, 99%, 33%, 1);
    background: linear-gradient(0deg, hsla(237, 99%, 33%, 1) 0%, hsla(121, 77%, 48%, 1) 49%, hsla(0, 100%, 53%, 1) 100%);
    background: -moz-linear-gradient(0deg, hsla(237, 99%, 33%, 1) 0%, hsla(121, 77%, 48%, 1) 49%, hsla(0, 100%, 53%, 1) 100%);
    background: -webkit-linear-gradient(0deg, hsla(237, 99%, 33%, 1) 0%, hsla(121, 77%, 48%, 1) 49%, hsla(0, 100%, 53%, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0109A7", endColorstr="#1CDA1F", GradientType=1);
}

.siting-mode-control-accord {
    position: relative;
    float: left;
    clear: right;
    top: 8px;
    left: 16px;
    width: 205px;
    /*min-height: 122px;*/
}

#siting-mode-switch {
    width: 60px;
!important;
    height: 36px;
    /*margin-top: -5px;*/
}

/* .facility-control-accord {
    float: left;
    position: relative;
    clear: right;
    top: 8px;
    left: 21px;
    /*margin-top: -10px;*/
    /*position: absolute;*/
    /*top: 90px;*/
    /*right: -10px;*/
    width: 290px;
    line-height: 1;
} */


.control-panel-accord {
    /*opacity: 92%;*/
    /*z-index: 100;*/
    border-radius: 5px;
    /*max-width: 320px;*/
    background: #fff;
    /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);*/
    /*padding: 12px 24px;*/
    /*margin: 8px 1px 1px 11px;*/
    /*margin-left margin-right: 15px;*/
    /*margin-left, margin-right: 15px;*/
    font-size: 13px;
    line-height: 2;
    color: #6b6b76;
    outline: none;
}

.control-panel {
    /*opacity: 92%;*/
    border-radius: 5px;
    /*max-width: 320px;*/
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    padding: 12px 24px;
    margin: 8px 11px 8px 11px;
    /*margin-left margin-right: 15px;*/
    /*margin-left, margin-right: 15px;*/
    font-size: 13px;
    line-height: 2;
    color: #6b6b76;
    outline: none;
}

label {
    display: inline-block;
    width: 110px;
}

input[type=color] {
    margin-left: 20px;
    height: 18px;
}

input[type=checkbox] {
    margin-left: 0px;
    height: 18px;
}


html, body, #app, #react-app {
    height: 100%;
    width: 100%;
}

div.form-check-inline {
    /*margin: auto;*/
    /* line-height: 0.5rem;*/
    display: inline-flex;
}

.facility-form-check-label {
    /*line-height: 0.5rem;*/
    margin-left: 5px;
    width: auto
}

input[type='radio'] {
    /*line-height: 0.55rem;*/
    margin: auto;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

input[type=range] {
    -webkit-appearance: none;
    width: 40px;

}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #1c4eda;
    height: 12px;
    width: 5px;
    margin-top: -4px;
    border-radius: 10px;
}

input[type=range]::-webkit-slider-runnable-track {
    height: 5px;
    background: #ddd;
    border-radius: 20px;
    margin-bottom: 5px;
    /*margin-top: 3px;*/
}