﻿/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/*a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}*/

/* Provide sufficient contrast against white background */
/*a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}*/

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}


/* fieldset tweaks */
fieldset {
    margin-top: 10px;
    margin-bottom: 10px;
}

legend.match-control {
    font-size: 16px;
    margin-bottom: 4px;
}


#permitMapView {
    width: 100%;
    height: 600px;
}

#dashboardMapView {
    width: 100%;
    height: 600px;
}

#line-button,
#line-button-exit {
    margin-top: 34px;
    border: solid 1px rgb(110,110,110);
    cursor: pointer;
}

#line-button {
    background-color: #efd1ff;
}

    #line-button.active-map-tool {
        background-color: #b87bd8;
    }

#line-button-exit {
    background-color: #c4f5fc;
}

    #line-button-exit.active-map-tool {
        background-color: #60d2e2;
    }



.dtsb-searchBuilder {
    border: 1px #888 solid;
    background-color: #e8e8e8;
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 10px;
}

div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title {
    font-weight: bold;
    color: #555;
    padding: 0;
}

/* validation */

input[required], select[required], textarea[required] {
    border-left: 4px solid #9c9c9c;
}

.form-control:disabled, .form-control[readonly] {
    border-left: 1px solid rgb(206,212,218);
}

.electric-overhead-only,
.electric-underground-only {
    display: none;
}


/* bootstrap color/font scheme updates: */
.nav-link {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #37383A;
}

    .nav-link:hover {
        text-decoration: underline;
    }

    .nav-link.disabled {
        color: #b7b9bb;
    }

a {
    color: #660F10;
    font-weight: 500;
}

.btn-primary {
    color: #fff;
    background-color: #660F10;
    border-color: #660F10;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #660F10;
    border-color: #660F10;
}

:root {
    --font-family-sans-serif: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

body, .tooltip, .popover {
    font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4 {
    font-weight: 800;
}


.edit-field-control svg {
    /*visibility: hidden;*/
    opacity: 0.2;
}

.edit-field-control:hover svg {
    /*visibility: visible;*/
    opacity: 1.0
}

button.svg-button {
    border: none;
    background: none;
}
