@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    /*    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;    */
    font-family: Lato, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.1px;
    font-size: 12pt;
}

a, a:link, a:visited, a:hover {
    color: rgb(3, 59, 150);
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

app {
/*    position: relative;*/
/*    display: flex;*/
/*    flex-direction: column;*/
}

/*.top-row {
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.main {
    flex: 1;
}

    .main .top-row {
        background-color: #f7f7f7;
        border-bottom: 1px solid #d6d5d5;
        justify-content: flex-end;
    }

        .main .top-row > a, .main .top-row .btn-link {
            white-space: nowrap;
            margin-left: 1.5rem;
        }

.main .top-row a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

    .sidebar .top-row {
        background-color: rgba(0,0,0,0.4);
    }

    .sidebar .navbar-brand {
        font-size: 1.1rem;
    }

    .sidebar .oi {
        width: 2rem;
        font-size: 1.1rem;
        vertical-align: text-top;
        top: -2px;
    }

    .sidebar .nav-item {
        font-size: 0.9rem;
        padding-bottom: 0.5rem;
    }

        .sidebar .nav-item:first-of-type {
            padding-top: 1rem;
        }

        .sidebar .nav-item:last-of-type {
            padding-bottom: 1rem;
        }

        .sidebar .nav-item a {
            color: #d7d7d7;
            border-radius: 4px;
            height: 3rem;
            display: flex;
            align-items: center;
            line-height: 3rem;
        }

            .sidebar .nav-item a.active {
                background-color: rgba(255,255,255,0.25);
                color: white;
            }

            .sidebar .nav-item a:hover {
                background-color: rgba(255,255,255,0.1);
                color: white;
            }

.content {
    padding-top: 1.1rem;
}

.navbar-toggler {
    background-color: rgba(255, 255, 255, 0.1);
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}*/

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

#components-reconnect-modal {
    z-index: 1 !important;
}
/*@media (max-width: 767.98px) {
    .main .top-row:not(.auth) {
        display: none;
    }

    .main .top-row.auth {
        justify-content: space-between;
    }

    .main .top-row a, .main .top-row .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    app {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .main .top-row {
        position: sticky;
        top: 0;
    }

    .main > div {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }

    .navbar-toggler {
        display: none;
    }

    .sidebar .collapse {*/
/* Never collapse the sidebar for wide screens */
/*display: block;
    }
}*/
.main-outer {
    /*background-color: rgb(162, 191, 219);*/
    position: relative;
    /*    height: 100%;*/
    min-height: 100vh;
    display: none;
}
.header {
    max-width: 100%;    
    min-width: 1500px;
    background-color: #333399;
    color: white;
    display: block;
}
    
    .header > div {
        min-height: 50px;
        width: 1500px;
        margin: 0 auto;        
        font-size: 12pt;
        position: relative;
    }
        .header > div a, a:link, a:visited, a:hover {
            color: white;
            font-weight: bold !important;
            /*    text-decoration: none;*/
        }
        .hd-menu-items > div:not(:first-child) {
            color: white;
            display: inline-block;
            padding: 2px 15px 2px 5px;
/*            border: 1px solid red;*/
            margin-right: 10px;
            margin-top: 10px;
        }
.header > div > div:last-child {
    position: absolute;
    top: 110px;
    left: 950px;
/*    right: 33%;*/
    text-align: center;
    background-color: rgb(247, 240, 203);
    color: brown;
/*    font-weight: bold;*/
    padding: 3px 10px;
    z-index: 1500;
    border-radius: 3px;
    font-size: 14pt;
}
.header > div > div:last-child > i {
    font-size: 11pt;
    margin: 0 2px;
}

.hd-menu-items > div:last-child {
    float: right;
    display: inline-block;
    margin-top: 12px;
}

.hd-menu-items > div {    
    position: relative;
}
    .hd-menu-items > div:not(:last-child)::after {
        visibility: hidden;
        content: "";
        background-color: white;
        position: absolute;
        width: 85%;
        height: 1px;
        bottom: -5px;
        display: block;
        left: 5%;
        right: 0;
    }
    .hd-menu-items > div:hover::after {
        visibility: visible;
    }

    .hd-menu-items > div:last-child > a:hover i {
        text-shadow: 0px 0px 8px rgba(255,255,255, 0.5);
    }
    
.sd-menu-item {
    padding: 5px;
    display: inline-block;
    font-weight: bold;
    margin-right: 150px !important;
}


.dpi-header-logo {
    width: 41px;
    padding: 0 3px;
}

.html-body {
    /*    background-color: rgb(162, 191, 219);*/
}

.home-body {
    margin-top: 410px;
/*    border: 2px solid red;*/
}

.body-area {    
    background-color: white;
    position: relative;
}
    .body-area > div {
        min-height: 765px;
        width: 1500px;
        margin: 0 auto;
        padding: 5px 0;
/*        border-left: 1px dashed gray;
        border-right: 1px dashed gray;*/
        
    }

.progress-div {    
/*    border: 1px solid red;*/
    text-align: center;
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    background-color: white;
    z-index: 6500;
    padding-top: 100px;
}
.m-progress-div {
    
}
.m-progress-div > div > div > img {
    width: 85% !important; 
}

.dpi-logo-with-title {
    width: 500px;
}

.dot-flashing-div {
/*    border: 1px solid red;*/
    width: 500px;
    max-width: 90%;
    padding: 50px;
    margin: 0 auto;
}

.dots {
    position: relative !important;
    width: 15px;
    height: 15px;
    border-radius: 2px;
    background-color: rgba(51, 6, 201, 0.4);
    display: inline-block;
    margin: 0 20px;
    animation: boxFlashing 0.4s infinite linear alternate;
}
   
.d1 {
        animation-delay: 0;
}
.d2 {
    animation-delay: .1s;
}
.d3 {
    animation-delay: 0.2s;
}
.d4 {
    animation-delay: 0.3s;
}
.d5 {
    animation-delay: 0.4s;
}

@keyframes boxFlashing {
    0%, 20% {
        background-color: rgb(51, 6, 201);
    }

    21%, 45% {
        background-color: rgba(51, 6, 201, 0.8);
    }

    46%, 100% {
        background-color: rgba(51, 6, 201, 0.4);
    }
}



.rotate-banner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    min-width: 1500px;
}

.rotate-banner-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0.85;
}

.wi-schdir {
    top: 50px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    /*    border: 3px solid red;*/
    height: 80px;
}

    .wi-schdir > div {
        height: 70px;
        position: relative;
        margin: 0 auto;
        text-align: center;
    }

        .wi-schdir > div > div {
            font-size: 30pt;
            text-align: center;
            font-weight: bold;
            color: rgb(80,80,80);
            display: inline-block;
            padding: 5px 10px;
            text-shadow: 3px 3px 6px rgba(188, 190, 194, 0.8);
        }

.page-title {    
    margin: 40px 10px 20px 10px;
    position: relative;
}
.page-title > div:first-child {
    font-size: 18pt;    
    font-weight: bold;
}

.search-box {
    top: 140px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    height: 80px;
}

.search-box-edit {
    height: 70px;
    width: 700px;
    background-color: white;
    position: relative;
    margin: 0 auto;
    opacity: 0.95;
    /*    border: 1px solid black;*/
    /*    border-radius: 5px;*/
    padding: 5px 10px;
    font-size: 15pt;
    /*        font-weight: bold;*/    
    /*    box-shadow: 7px 10px 7px 2px rgb(120,120,120);*/
    box-shadow: 0 0 15px #000;
}
    .search-box-edit > div:first-child {
        font-size: 15pt;
        color: rgb(100,100,100);
        position: absolute;
        top: 15px;
        left: 30px;
        transform-origin: top left;
        padding: 5px 5px 5px 0px;
        text-align: center;
/*        border: 1px solid red;        */
    }
    .search-box-edit > div:last-child {
        font-size: 18pt;
        margin: 22px 10px 0 10px;
        height: 35px;
        border-bottom: 1px solid black;
        display: none;
        outline: none;
        vertical-align: text-bottom !important;
        padding: 0;
    }
    .search-box-edit > div:first-child > i {
        opacity: 0.8 !important;
        padding: 0 3px;
    }

/*    .search-box-edit > div:last-child:not(:focus) .search-box-edit > div:first-child {
        font-size: 15pt;
    }
        .search-box-edit > div:last-child:focus .search-box-edit > div:first-child {
            font-size: 10pt;
        }*/


.main-outer-pdf {
/*    border: 1px solid red;*/
    min-height: 100vh;
    width: 100%;
    margin-top: 10px;
}
    .main-outer-pdf > div {
/*        border: 1px solid green;*/
        margin: 0 auto;
        width: 1200px;
    }
        .main-outer-pdf > div:nth-child(1) {
            height: 75px;
            position: relative;
            border-bottom: 1px solid rgb(100,100,100);
        }
            .main-outer-pdf > div:nth-child(1) > div {
                width: 49%;
                font-size: 16pt;
                font-weight: bold;
                height: 100%;
                position: absolute;
                top: 0px;
/*                border: 1px solid red;*/
            }
        .main-outer-pdf > div:nth-child(1) > div:first-child {            
            margin: 3px 10px;        
        }
                .main-outer-pdf > div:nth-child(1) > div:first-child > img  {
                    width: 280px;
                    vertical-align: top;
                }
                .main-outer-pdf > div:nth-child(1) > div:nth-child(2) {
                    margin: 3px 10px;
                    right: 10px;
                    text-align: right;
                    top: 6px;
                }
                .main-outer-pdf > div:nth-child(1) > div:nth-child(2) > span {
                    display: block;
                    font-size: 12pt;
                }

/*                .main-outer-pdf > div:nth-child(3) {                    
                    margin-top: 5px;
                    padding: 5px 20px;
                    border-top: 1px solid rgb(100,100,100);
                }
                .main-outer-pdf > div:nth-child(3) > span {
                    display: inline-block;
                    width: 48%;
                }
                    .main-outer-pdf > div:nth-child(3) > span:nth-child(2) {
                        text-align: right;
                    }*/

.body-area-pdf {
    background-color: white;
    position: relative;
}

    .body-area-pdf > div {
        min-height: 80vh;
        width: 1200px;
        margin: 0 auto;
        padding: 5px 0;
    }

.pdf-flt-area {
/*    border: 1px solid red;*/
    display: inline-flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px 0px;
}

.pdf-flt-grp {
    border: 1px solid rgb(150,150,150);
    border-radius: 3px;
    display: inline-block;
    padding: 5px 3px 5px 6px;
    width: 555px;
    margin: 5px 10px 5px 25px;

}

.pdf-flt-grp > div:nth-child(2) {
    padding-left: 20px;    
}

.pdf-nodata {
    font-size: 18pt;
    color: rgb(100,100,100);
    padding: 50px;
/*    font-weight: bold;*/
}

.pdf-cnt-smry {
    margin: 10px 30px 20px 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(100,100,100);
}
.pdf-cnt-smry > span {
    display: block;
    padding: 5px;
}
    .pdf-cnt-smry > span:nth-child(3) {
        text-align: right;
        font-size: 10pt;
    }

.pdf-items {
}
    .pdf-items > div:last-child {
        border: none !important;        
    }

.d-pdf-row {
    height: 120px;
    position: relative;
    border-bottom: 1px solid rgb(200,200,200);
    padding-top: 10px;
    page-break-inside: avoid !important;
}

.d-pdf-row > div:nth-child(1) {
    width: 500px !important;
}
    .d-pdf-row > div:nth-child(2) {
        width: 680px;
        margin-left: 300px;
/*        border: 1px solid green;*/
    }
    .d-pdf-row > div > div {
        display: inline-block;
    }
.title-sd {
/*    width: 350px;*/
    margin-left: 25px;
/*    border: 1px solid red;*/
}
.title-49-pdf {
/*    width: 350px;*/
    margin-left: 30px;
    display: inline-block;
/*    border: 1px solid red;*/
}

.sd-row1-pdf {
    margin-left: 10px;
}
.sd-d-title-pdf {
    padding-top: 5px;
}
.sd-d-title-pdf > div {
    font-weight: bold !important;
    font-size: 13pt;
}
    .sch-ico-pdf {
/*        position: relative !important;*/
        font-size: 15pt;
        opacity: 0.9;
    }
.sd-d-title-pdf > div > span {
    font-weight: normal !important;
    font-size: 12pt;
}

.sd-rw2-pdf {
    position: absolute;
    right: 0;
    top: 48px;
}

    .sd-rw2-pdf > div {
        position: relative;
        min-width: 100px;
        display: inline-block;
/*        border: 1px solid red;*/
/*        min-height: 30px;*/
    }
    .sd-rw2-pdf > div:nth-child(1) {        
        width: 200px;
    }
        .sd-rw2-pdf > div:nth-child(2) {
/*            text-align: center;*/
            width: 180px;
        }
        .sd-rw2-pdf > div:nth-child(3) {
            width: 100px;
        }
        .sd-rw2-pdf > div:nth-child(4) {
            width: 170px;
        }

        .sd-rw2-pdf > div > span:first-child {
            position: absolute;
            top: -20px;
            left: 0;
            color: rgb(50,50,50);
            font-size: 9pt;
        }

/*        .sd-rw2-pdf > div > span:not(:first-child) {
            position: absolute;
            top: 20px;
            left: 0;
            padding-top: 5px;
            font-size: 12pt;
            color: red !important;
        }*/

        .sd-rw2-pdf > div:nth-child(2) > div {
            position: relative;
            display: inline-block;
            width: 70px !important;
            text-align: center !important;
/*                    border: 1px solid red;*/
        }

.s-cnt-pdf {
    font-size: 13pt !important;
    font-weight: bold;
}

            .sd-rw2-pdf > div:nth-child(2) > div > span {
                position: absolute;
                top: 20px;
                left: 0;
                right: 0;
                font-weight: normal !important;
                font-size: 11pt;
                text-align: center !important;
                padding-top: 8px;
            }

            .sd-rw2-pdf > div:nth-child(2) > span:first-child {
                left: 33px;
            }

            .sd-rw2-pdf > div:nth-child(2) > div:nth-child(1) > span {
                padding-top: 12px !important;
            }
.sd-rw2-pdf > div:nth-child(4) >  span:last-child {
    position: absolute;
    top: 25px;
    left: 0;
}

.cls-ag-pdf {
    position: relative !important;
    color: brown;
    font-size: 11pt !important;
    padding-left: 15px;
    display: inline-block;
    font-weight: bold !important;
/*    margin-bottom: 5px;*/
/*    border: 1px solid green;*/
}

.addr-pdf {
    position: absolute;
    top: 65px;
    left: 25px;
    font-size: 10pt;
/*    border: 1px solid green;*/
    max-width: 450px;
}

.addr-pdf > i {    
    font-size: 11pt;
    opacity: 0.7;
    padding-right: 3px;
}





.footer-clear {
    height: 100px;
    background-color: white !important;
    /*    border: 3px solid green !important;*/
}

.footer-placehoder {
    width: 100%;
    min-height: 140px;
/*        border: 3px solid red !important;*/
    background-color: rgb(240, 237, 242);
}

.footer {
/*    max-width: 100%;*/
    width: 100%;
    min-width: 1500px;
    background-color: rgb(240, 237, 242);
    /*    background-image: linear-gradient( to bottom, rgb(182, 211, 229), rgb(76, 115, 140) 220% );*/
    display: block;
    position: absolute;
    bottom: 0;
    min-height: 110px;
    margin-top: 110px;
}

    .footer > div {
/*        border: 1px solid gray;*/
        color: rgb(55, 70, 107);
        width: 1500px;
        margin: 0 auto;
        padding: 30px 10px;
        text-align: center !important;
    }

        .footer > div a, a:link, a:visited, a:hover {
            color: rgb(3, 59, 150);
            /*    text-decoration: none;*/
        }
        .footer > div a:hover {
                text-decoration: underline !important;
        }

.dpi-footer {
}

.superintendent {
    text-align: center;
    margin: 2px;
}

.footer-items {
    min-height: 30px;
}
.footer-items > div:not(:last-child) {
    border-right: 2px solid rgb(200,200,200);
}

.footer-item {    
    text-align: center;
    display: inline-block;
    padding: 0 20px;
}

.dpi-footer-logo {
    width: 80px;
}

.footer-row {
    vertical-align: top;
}

    .footer-row > div {
        display: inline-block;
    }


.bi {
    width: 20px;
    display: inline-block;
    text-transform: none;
      /*line-height: 1;*/
/*    vertical-align: -.125em;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.sd-head {
    min-height: 40px;
    font-size: 18pt;
/*    border: 1px solid rgb(230,230,230);*/
    margin: 4px 0 18px 0;
    width: 100%;
    padding: 15px 10px;
    background-color: rgb(186, 219, 105);
}
    .sd-head > div {
        display: inline-block;
    }
.sd-head > div:nth-child(2) > div:first-child {
    font-size: 14pt;
}
    .sd-head > div:nth-child(1) {
        position: relative;
        width: 55px;
        min-height: 30px;
    }
        .sd-head > div:nth-child(2) > div:nth-child(2) {
            font-weight: bold;
            font-size: 20pt;
        }
        .sd-head > div:nth-child(2) > div:nth-child(2) > span:first-child {
            font-size: 12pt !important;
            font-weight: normal;
        }
        .sd-head > div:nth-child(2) > span:nth-child(1) {
            position: relative;            
        }
        .sd-head > div:nth-child(3) {
            float: right;            
/*            border: 1px solid white;*/
        }
            .sd-head > div:nth-child(3) > div {
                display: inline-block;
                font-size: 12pt;
                margin: 35px 10px 0 0;   
            }

.sch-head {
    min-height: 40px;
    font-size: 18pt;
    /*    border: 1px solid rgb(230,230,230);*/
    margin: 4px 0 18px 0;
    width: 100%;
    padding: 15px 10px;
    /*    background-color: rgb(250, 230, 142);*/
    background-color: rgb(213, 255, 199);
}

    .sch-head > div {
        display: inline-block;
    }

        .sch-head > div:nth-child(2) > div:first-child {
            font-size: 14pt;
        }

        .sch-head > div:nth-child(1) {
            position: relative;
            width: 55px;
            min-height: 30px;
        }

        .sch-head > div:nth-child(2) > div:nth-child(2) {
            font-weight: bold;
            font-size: 20pt;
        }

            .sch-head > div:nth-child(2) > div:nth-child(2) > div:first-child > span:first-child {
                width: 15px;
                height: 15px;
                outline: 3px solid white;
                border-right-width: 8px !important;
            }
            
            .sch-head > div:nth-child(2) > div:nth-child(2) > span:nth-child(2){
                font-size: 12pt !important;
                font-weight: normal;
            }

        .sch-head > div:nth-child(2) > span:nth-child(1) {
            position: relative;
        }

        .sch-head > div:nth-child(3) {
            float: right;
            /*            border: 1px solid white;*/
        }

            .sch-head > div:nth-child(3) > div {
                display: inline-block;
                font-size: 12pt;
                margin: 35px 10px 0 0;
            }

.ag-ico {
    position: absolute;
    bottom: -18px;
    left: 0px;
    /*    border: 1px solid white;*/
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    /*    background-color: rgb(210, 230, 163);*/
/*    box-shadow: 0 0 10px white inset;*/
}
    .ag-ico > i {
        font-size: 32px;
        /*    margin-top: 9px;*/
        opacity: 0.9;
        text-shadow: 0 0 15px white;
    }

.ag-ico-sch {
/*    background-color: rgb(245, 196, 54) !important;*/
    bottom: -12px;
}

.sd-row2 {
    margin: 60px 0 20px 0 !important;
    position: relative;
    padding-bottom: 20px !important;
    width: 1510px;
}
    .sd-row2 > div {
/*        border: 1px solid rgb(240,240,240);*/
        min-height: 250px !important;
/*        border: 1px solid blue;*/
       padding: 0 !important;
    }
.sd-row2 > div:nth-child(1) {
    width: 400px !important;
    margin-right: 92px;
    padding-left: 0 !important;
    /*            border-left: 1px solid rgb(220,220,220);*/
}

.sd-row2 > div:nth-child(2) {
    margin: 0;
    width: 500px !important;
    /*            border-left: 1px solid rgb(220,220,220);*/
}

.sd-row2 > div:nth-child(3) {
    /*            margin: 0 30px;*/
    width: 500px;
    /*            border: 1px solid rgb(220,220,220);*/
}


.sd-row3 {
/*    margin: 40px 0 !important;*/
    text-align: left !important;
    margin: 60px 0 20px 0 !important;
    position: relative;
    padding-bottom: 20px !important;
}
    .sd-row3 > div {
/*                border: 1px solid red;*/
        min-height: 50px !important;
    }

        .sd-row3 > div:first-child {
            font-size: 14pt;
            width: 492px !important;
        }
        .sd-row3 > div:nth-child(2) {
            font-size: 14pt;
            width: 1100px;
        }

        .sd-row3 > div:nth-child(2) > div {
            display: inline-block;
            border: 1px solid rgb(240,240,240) !important;
            vertical-align: top;
        }
        


.sd-row {
    border-bottom: 1px solid rgb(230,230,230);
    padding: 0;
    text-align: center;
    vertical-align: top !important;
/*    margin: 0 0 20px 0 !important;*/
}
    .sd-row > div {
/*        background-color: rgb(250,250,250);*/
/*        border: 1px solid rgb(240,240,240);*/

        min-width: 400px;
        min-height: 550px;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        padding: 5px;
        border-radius: 3px;
        position: relative;
    }
        .sd-row > div:nth-child(1) {
            width: 400px;
            padding-left: 0 !important;
/*            border-left: 1px solid rgb(220,220,220);*/
        }
        .sd-row > div:nth-child(2) {
            margin: 0; 
            width: 500px;
/*            border-left: 1px solid rgb(220,220,220);*/
        }
        .sd-row > div:nth-child(3) {
            /*            margin: 0 30px;*/
            width: 500px;
/*            border: 1px solid rgb(220,220,220);*/
        }

.sd-row-tmp  {
    border: 1px solid rgb(220,220,220) !important;
}

.sd-c-2x {
    vertical-align: top;
    width: 995px !important;
    display: inline-block;    
}

    .sd-c-2x > div {        
        display: inline-block;
        width: 100%;
    }
        .sd-c-2x > div > div {
            width: 492px;
/*            border: 1px solid red;*/
            display: inline-block;            
        }

.row-2x {    
    border-bottom: 1px solid rgb(220,220,220) !important;
    position: relative;
}
.row-2x > div {
    
}

.vert-top {
    vertical-align: top;
    min-height: 300px;
}
/*.vert-top:nth-child(1) {*/
/*    position: absolute;*/
    /*top: 0;
    left: 0;
}
.vert-top:nth-child(2) {*/
/*    position: absolute;*/
    /*top: 0;
    right: 0;
}*/

.static-map-img {
    width: 100%;
}

.attr-item {
    margin-bottom: 25px;
    font-size: 11pt;
}
.attr-item div {
    padding: 0px 0px;
    position: relative;
/*    border: 1px solid gray;*/
}
    .attr-item > div:nth-child(1) {
        font-weight: bold;
        color: rgb(50, 50, 50);
        position: relative;
        font-size: 12pt;
    }
    .attr-item > div:nth-child(2) {
        /*        padding-left: 25px;*/
        vertical-align: top;
        font-size: 13pt;
        margin-top: 3px;
        font-weight: normal;
        max-height: 350px;
        overflow: auto;
    }
    .attr-item > div:nth-child(2) > span {
        /*        padding-left: 25px;*/
        vertical-align: top;
        font-size: 13pt;
        padding: 1px 0 0 4px;
        opacity: 0.8;
    }
    .attr-item div:nth-child(2) > div {
        /*        padding-left: 25px;*/
        vertical-align: top;
        font-size: 12pt;
/*        padding: 0 0 0 10px;*/
    }
        .attr-item > div:nth-child(2) > div > span:first-child {
            color: rgb(3, 59, 150);
            cursor: pointer;
        }
        .attr-item > div:nth-child(2) > div > span:nth-child(2) {
            font-size: 10pt;
        }
        .attr-item > div:nth-child(2) > div > span:nth-child(3) {
            margin-left: 10px;
            font-size: 10pt;
            color: purple;
            float: right;
        }
    .attr-item > div:nth-child(2) > a {
        font-size: 12pt !important;
    }

.tooltip {
    opacity: 1.0 !important;
    margin: 5px;
}
/*.highcharts-tooltip span {
    z-index: 9999 !important;
}*/

.tooltip-inner {
    background-color: rgb(89, 105, 93) !important;
    font-size: 11pt;
    font-weight: 500;
    font-family: Montserrat;
    text-align: left !important;
    padding: 25px 15px 15px 15px !important;
    max-width: 400px;    
    position: relative;
    z-index: 6000;
}
.tooltip-inner > a > i {
    margin-left: 5px;
}
    .tooltip-inner > *, a:link, a:visited {
        color: white ;
    }
    .tooltip a:hover {
        text-decoration: underline;
    }

.tooltip .arrow::before {
    border-right-color: rgb(89, 105, 93);
/*    border-left-color: rgb(89, 105, 93);
    border-right-color: rgb(89, 105, 93);*/
}

.tt-closex {
/*    border: 1px solid red;*/
    position: absolute;
    top: 5px;
    right: 8px;
    cursor: pointer;
}

.tt-closex > i {
    font-size: 12pt;
}


.ttip-info-ico {
    position: relative !important;
    border: 1px solid gray;
    width: 16px;
    height: 18px;
    background-color: rgb(113, 145, 121);
    display: inline-block !important;
    margin: 0 3px 2px 10px;
    vertical-align: text-bottom;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
}
    .ttip-info-ico:before {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        bottom: 5%;
        display: block;
        left: -10px;
        border: 5px solid transparent;
        border-right: 5px solid rgb(113, 145, 121);
        cursor: pointer;
    }
    .ttip-info-ico > i {
                color: white;
                position: absolute !important;
                left: 6px;
                top: 3px !important;
        /*        width: 25px;*/
        /*        bottom: -2px;*/
        cursor: pointer;
        font-size: 8pt !important;
        display: inline-block;
        vertical-align: top;
        transform: scale(2.2, 1.0) !important;
        /*        font-weight: bold;*/
    }

.race-comp {    
    margin-top: 7px;
}
    .race-comp > div {
        display: inline-block;
        min-width: 32%;
        font-weight: normal !important;
        line-height: 22px;
    }
        .race-comp > div:nth-child(2) {
            border-left: 1px solid rgb(150,150,150);
            border-right: 1px solid rgb(150,150,150);
        }   
        .race-comp > div > div  {
            position: relative;
        }
        .race-comp > div > div > span {
            position: relative;            
        }
            .race-comp > div > div > span:nth-child(2) {
                font-size: 10pt;
                position: absolute;
                bottom: 0px;
                right: 15px;
                text-align: right !important;
/*                background-color: rgb(235, 235, 255);*/
                padding: 0px 3px 0 3px;
                min-width: 40px;
            }

.stopic > hr {
    font-weight: bold;
    color: rgb(87, 139, 181);
    font-size: 14pt;
}

#map-wrap {
/*    border: 5px solid red !important;
    z-index: 4000;*/
}

#mapid, #map-area {
    width: 100%;
    height: 450px;
    position: relative;
}

    #mapid > div:nth-child(2) {
        position: absolute;
        top: 5px;
        right: 5px;
        z-index: 5500;
        cursor: pointer;
        font-size: 15pt;
    }    

#map-legend {
/*    position: absolute;*/
/*    width: 98%;*/
    height: 20%;
    top: 79%;
    right: 1%;
    font-size: 11pt;
    border-top: 4px solid white;
    background-color: white;
    z-index: 5000;
    padding: 10px;
    background-color: rgb(245,245,245);
/*    display: none;*/
}
    #map-legend > div {
        display: inline-block;
        margin: 2px 0px 0 0;
    }
        #map-legend > div > * {
            display: inline-block;
            margin: 0 2px;
            font-size: 11pt;
        }
    #map-legend > div > i {
        opacity: 0.8;
        padding: 0 3px;
        font-size: 13pt;
    }
#map-lg-info {
    min-height: 45px;
    width: 100%;
    margin-bottom: 10px !important;
/*    border: 1px solid red;*/
}
#map-lg-infox {
    /*        border: 1px solid red;*/
            display: inline !important;
}

.leaflet-interactive {
    /*    fill: rgb(250, 166, 70);*/
    fill-opacity: 0.1;
    stroke-width: 1px;
    stroke: rgb(29, 77, 25);
}

.leaflet-container .leaflet-control-attribution {
    font-size: 8pt !important;    
}
    .leaflet-container .leaflet-control-attribution a, a:link, a:visited, a:hover {
        color: rgb(3, 59, 150);
        text-decoration: none !important;
        font-weight: normal !important;
    }

.spinner1 {
    border-color: rgb(52, 152, 219) rgb(243, 243, 243) rgb(243, 243, 243);
    border-style: solid;
    border-width: 8px;
    border-image: none 100% / 1 / 0 stretch;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    display: inline-block;
    animation: rotation infinite 1s linear;
    position: absolute;
    left: 0;
    right: 0;
    top: 20%;
/*    bottom: 0;*/
    margin: auto;
    z-index: 500;
    
}
.spinner-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 200px;
    background-color: rgb(230,230,230);
/*    border: 1px solid red;*/
    z-index: 1500;
    opacity: 0.9;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.data-grid {
    position: relative;
}

.spinner2 {
    border-color: rgb(52, 152, 219) rgb(243, 243, 243) rgb(243, 243, 243);
    border-style: solid;
    border-width: 8px;
    border-image: none 100% / 1 / 0 stretch;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    display: inline-block;
    animation: rotation infinite 0.8s linear;
    position: absolute;
    left: 0;
    right: 0;
    top: 20%;
    /*    bottom: 0;*/
    margin: auto;
    z-index: 500;
}

.grid-spinner-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgb(230,230,230);
    /*    border: 1px solid red;*/
    z-index: 1500;
    opacity: 0.9;
    border-radius: 3px;
}




.ag-addr-row {
    margin-top: 20px;
    font-size: 12pt;
}
    .ag-addr-row > span {
/*        display: block;*/
        vertical-align: top;
        padding: 2px;
    }

    .ag-addr-row > div {
        width: 100%;
        padding: 5px 0px;
        display: block;
        min-height: 50px;
        vertical-align: top;        
    }
        .ag-addr-row > div > div > span {
            color: rgb(3, 59, 150) !important;
            cursor: pointer !important;
        }
        .ag-addr-row > div > div > span:nth-child(1) {
            color: rgb(3, 59, 150) !important;
            cursor: pointer !important;
            margin-left: 5px;
        }
    .ag-addr-row > div > div:first-child {
        font-weight: bold;
        font-size: 14pt;
    }
    .ag-addr-row > div > div {
/*        border: 1px solid rgb(240,240,240);*/
        width: 100%;
        display: block;
        margin: 10px 5px;
    }

.cont-line-sp1 {
    margin-left: 5px;
}

.cont-line-cntct {
    color: rgb(3, 59, 150) !important;
    cursor: pointer;
}

.cpy-ico {
    color: rgb(3, 59, 150) !important;
    cursor: pointer !important;
    margin-left: 5px;
}

.ag-addr-ico {
font-size: 13pt;
opacity: 0.9;
margin: 0 5px 0 3px;
}

.ag-addr-ico2 {
    font-size: 13pt;
    opacity: 0.8;
    padding: 6px 3px 0 0;
    vertical-align: top;
    margin: 0 5px 0 3px;
}

.eth-chart {
    min-height: 240px;
    margin-bottom: 20px;
}

.ethchart-dl {    
    margin-right: 17px;
    vertical-align: bottom;
    font-size: 10pt;
}
.hc-tooltip {
    opacity: 1.0 !important;
}

.contacts {
    height: 180px;
    overflow-y: auto;
    margin-bottom: 30px;
    border-bottom: 1px solid rgb(240,240,240);
    padding-left: 15px;
    position: relative;
}

.sch-cnt {
}
    .sch-cnt > div {
        padding: 5px;
        font-size: 12pt;
        /*        background-color: rgb(239, 233, 225);*/
/*        background-color: rgb(240, 240, 240);*/
        border-bottom: 1px solid rgb(240,240,240);
        margin: 12px 10px;
        width: 90%;
        position: relative;
    }
    .sch-cnt > div > div {
        display: inline-block;
    }
        .sch-cnt > div > div:first-child {
            width: 40px;
            height: 40px;
/*            background-color: rgb(227, 197, 5);*/
            background-color: rgba(173, 135, 255, 0.3);
/*            border: 2px solid rgb(200, 200, 200); */
            color: black;
            padding: 8px 3px 3px 3px;
            position: absolute;
            top: -3px;
            left: -7px;
            border-radius: 50%;
            font-weight: bold;
            text-align: center;
        }
        .sch-cnt > div > div:last-child {
            margin-left: 50px;
        }

.tbl1 {
    padding: 10px;
    min-width: 985px !important;
    min-height: 300px !important;
/*    border: 1px solid gray;*/
    font-size: 12pt;
    border-radius:3px;
}
    .tbl1 > div {
        
        display: table-row;
    }
        .tbl1 > div:first-child div {
            font-weight: bold;
            background-color: rgb(209, 235, 246) !important;
            border-top: 1px solid rgb(200,200,200);
        }
        .tbl1 > div:last-child div {
            border-bottom: 1px solid rgb(200,200,200);
        }
        .tbl1 > div:nth-child(2n+1) div {
            background-color: rgb(245, 245, 245)
        }
        .tbl1 > div > div:last-child div {
            border-right: 1px solid rgb(200,200,200);
        }

        .tbl1 > div div {
            display: table-cell;
            border-collapse: collapse;
            min-width: 200px;
            padding: 12px;
            border-left: 1px solid rgb(200,200,200);
/*            border-bottom: 1px solid rgb(200,200,200);*/
        }
    .tbl1 > div div:nth-child(1) {        
        min-width: 300px;
    }
            .tbl1 > div div:nth-child(1) > i {
                padding: 2px 4px;
                font-size: 14pt !important;
                opacity: 0.8;
            }
        .tbl1 > div div:nth-child(2) {
            min-width: 120px;
            text-align: center;
        }
        .tbl1 > div div:nth-child(3) {            
            text-align: center;
        }
        .tbl1 > div div:nth-child(4) {
            min-width: 120px;
            text-align: center;
        }
            .tbl1 > div div:nth-child(5) {
                text-align: center;
                border-right: 1px solid rgb(200,200,200);
            }
                .tbl1 > div div:nth-child(5) > a > i {
                    margin-left: 3px;
                    opacity: 0.8;
                    font-size: 9pt;
                }

.sclr1 {
    color: rgb(31, 100, 219);
}
.sclr2 {
    color: rgb(9, 136, 158);
}
.sclr3 {
    color: purple;
}

.row3-c2 {
    width: 500px !important;
    /*    border: 1px solid gray;*/
}

.ico-sign-in {
    font-size: 16pt;
    padding: 0 3px 0 0;
    vertical-align: bottom;
}

.see-more {
    font-size: 11pt;
    position: absolute;
    right: 20px;
    bottom: 15px;
}
    .see-more > a > i {
        margin-left: 3px;
        opacity: 0.8;
        font-size: 9pt;
    }

.see-more-cont {
    right: 10px;
    bottom: 280px;
}

.home-info {
/*    border: 1px solid blue;*/
    width: 1000px;
    margin: 0 auto;
    font-size: 14pt;
}
.home-ico-row {
    margin: 0 auto;
/*    border: 1px solid gray;*/
    text-align: center;
    margin: 40px 0;
}
    .home-ico-row > div {
        display: inline-block;
        border: 1px solid rgb(150,150,150);
        border-radius: 5px;
        width: 200px;
        /*        height: 120px;*/
        font-size: 16pt;
        font-weight: bold;
        padding: 30px 0;
        margin: 0 20px;
        cursor: pointer;
        background-color: rgba(81, 88, 181, 0.1);
        /*        background-color: rgb(86, 144, 252);*/
        /*        background: linear-gradient(135deg, rgba(151, 185, 247, 0.1), rgba(161, 179, 237, 0.4));*/
    }
        .home-ico-row > div:hover {
            /*            background: linear-gradient(135deg, rgba(151, 185, 247, 0.0), rgba(151, 187, 252, 0.5));*/
            /*            border: 1px solid rgba(151, 187, 252, 0.5);*/
            border: 1px solid rgb(3, 59, 150);
            background-color: rgba(81, 88, 181, 0.02);
        }
            .home-ico-row > div:hover div:first-child {
                opacity: 0.9;
            }
            .home-ico-row > div:hover span {
                position: relative;
            }
                .home-ico-row > div:hover span:before {
                    content: "";
                    background-color: rgb(48, 116, 240);
                    position: absolute;
                    width: 100%;
                    height: 1px;
                    bottom: -10px;                    
                    display: block;
                    left: 0;
                    right: 0;
                }

        .home-ico-row > div > div:first-child {
            font-size: 40pt;
            opacity: 0.8;
            color: rgb(3, 59, 150);
        }
    .home-ico-row > div:hover div:first-child {
        opacity: 0.9;
    }

.prv-sch {
    width: 52px;
/*    opacity: 0.8;*/
    margin: 0;
}

.ag-dd {
    border: 1px solid rgb(200,200,200);
    min-height: 500px;
    width: 700px;
    /*    margin-left: 40px;*/
    padding: 0;
/*    left: 493px;*/
    top: 75px;
    position: absolute !important;
    cursor: pointer;
    z-index: 10003;
    background-color: rgb(250,250,250);
    display: none;
    box-shadow: 0 0 10px rgba(10,10,10,0.3);
}

    .ag-dd > div {
        display: table;
        border-collapse: collapse;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }

.sr-row {
    display: table-row;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
}
    .sr-row > div {
        display: table-cell;
        min-width: 200px;
        vertical-align: top;
        font-size: 12pt;
        height: 50px;
        position: relative;
    }

/*    .sr-row > div > div { 
        border: 1px solid red !important;
    }*/

    .sr-row:hover {
        background-color: rgba(232, 242, 255, 0.7);
        border-bottom: 16px solid rgba(232, 242, 255, 0.7);
    }
        .sr-row:hover div:nth-child(2) span:nth-child(2) > span {
            display: inline-block;
        }
    .sr-row:hover div:nth-child(1) > i {
        opacity: 1.0 !important;
    }

    .sr-row > div span {
        font-size: 10pt;
        margin: 0;
        padding: 0;
/*        border: 1px solid gray;*/
        position: absolute;
        bottom: -7px;
    }
    .sr-row > div:nth-child(1) {
        min-width: 60px;
        text-align: center;
    }
        .sr-row > div:nth-child(1) > i {
            font-size: 20pt;
            padding: 7px 1px 1px 1px;
            opacity: 0.8;
            text-shadow: 3px 3px 5px rgba(188, 190, 194, 0.9);
        }
    .sr-row > div:nth-child(2) {
        min-width: 400px;
    }
        .sr-row > div:nth-child(2) span:nth-child(2) > span {
            margin-left: 20px;
            color: rgb(100,100,100);
            min-width: 200px;
            margin-bottom: 7px;
            display: none;
        }

    .sr-row > div:nth-child(3) {
        min-width: 235px;
        text-align: right;
        padding-right: 10px;
    }
    .sr-row > div:nth-child(3) > span {
        right: 10px !important;
/*        color: red;*/
    }

.ico-sd {
    color: rgb(255, 119, 15);
}
.sr-ico-sd {
    color: rgb(255, 119, 15);
}
.sr-ico-city {
    color: rgb(33, 104, 158);
}
.sr-ico-addr {
    color: rgb(102, 125, 2);
}
.ico-el {
    color: rgb(242, 135, 5);
}
.sr-ico-el {
    color: rgb(15, 22, 217);
    font-size: 16pt !important;
    opacity: 0.7 !important;
    padding-top: 12px !important;
}
.ico-mid {
    color: rgb(184, 8, 194);
}
.sr-ico-mid {
    color: rgb(2, 124, 181);
    font-size: 16pt !important;
    opacity: 0.7 !important;
    padding-top: 12px !important;
}
.ico-hi {
    color: rgb(2, 124, 181);
}
.sr-ico-hi {
    color: rgb(184, 8, 194);
    font-size: 16pt !important;
    opacity: 0.7 !important;
    padding-top: 12px !important;
}

.ico-def {
    color: gold;
}


.dist-sq {
    height: 20px;
    width: 20px;
    border-radius: unset !important;
    filter: brightness(120%);
    background-color: white;
    border: 4px solid black !important;
    opacity: 0.8;
    /*    box-shadow: 0 0 15px yellow !important;*/
    z-index: 500 !important;
    display: inline-block;
}

.ag-dot {
    display: inline-block;
/*    border: 1px solid black;*/
    height: 12px;
    width: 12px;
    border-radius: 50%;
    filter: brightness(120%);
    z-index: 400 !important;
    margin-right: 3px;
    /*    box-shadow: 0 0 10px white;*/
}
.leaflet-div-icon {
    background: none;
    border: 0px solid #666;
}

.dot-el {
    background-color: rgb(242, 135, 5);
}
.dot-mid {
    background-color: rgb(184, 8, 194);
}
.dot-hi {
    background-color: rgb(2, 124, 181);
}
.dot-default {
    background-color: rgb(50,50,50);
}
.sch-marker {
/*    font-size: 15pt;*/
/*    opacity: 0.95;*/
}

.sd-marker {
    font-size: 22pt !important;
    opacity: 1 !important;
    /*    text-shadow: 0 0 20px yellow;*/
}




.ico-hd-sch {
    margin-top: 6px !important;
    opacity: 0.7 !important;
}


.sch-ind {
}
.sch-ind > div div {
    display: inline-block;
    margin: 10px 0;
}
    .sch-ind > div > div:nth-child(1) {
        width: 300px;
        font-size: 12pt;
/*        border: 1px solid gray;*/
    }
    .sch-ind > div > div:nth-child(2) {
        width: 60px;
        position: relative;
    }
        .sch-ind > div > div:nth-child(2) > i {
            font-size: 21pt;
            position: absolute;
            bottom: -17px !important;
            padding-left: 2px;
        }

.ico-unchk {
    width: 28px;
    opacity: 0.4;
}
.ico-export {
    font-size: 16pt;
    margin: 0 5px;
    cursor: pointer;
}
.hd-menu-items > div:last-child > span:hover > i {
    text-shadow: 0px 0px 8px rgba(255,255,255, 0.5);
}

.pdf-alert {
    position: absolute !important;
    top: 58px !important;
    left: auto !important;
    right: 27px !important;
    text-align: left !important;
    z-index: 1550;
    background-color: white !important;
    width: 250px;
    box-shadow: 0 0 10px rgba(10,10,10,0.4);
    padding: 10px;
    /*    visibility: hidden;*/
        display: none;
}
    .pdf-alert > div > div {
        min-width: 50px;
        display: inline-block;
        height: 35px !important;
/*        border: 1px solid red;*/
        color: black;
        font-size: 12pt;
        font-weight: bold;
        margin: 5px 0;
    }
        .pdf-alert > div > div > div   {
            vertical-align: top;            
        }
        .pdf-alert > div > div:first-child  {
            text-align: center;
        }
        .pdf-alert > div > div:last-child {
            padding: 4px 0 0 5px;
        }
    .pdf-alert > div:nth-child(3) {
        margin-top: 10px;
        border-top: 1px solid rgb(200,200,200);
    }
        .pdf-alert > div:nth-child(3) > div {
            font-size: 11pt;
            font-weight: normal !important;
            text-align: center !important;
            width: 100%;
        }
.pdf-check {
    color: green;
    font-size: 20pt;
    display: none;
}
.pdf-clock {
    font-size: 20pt;
    opacity: 0.8;
    display: none;
} 

.pdf-alert-spinner {
    border-color: rgb(52, 152, 219) rgb(243, 243, 243) rgb(243, 243, 243);
    border-style: solid;
    border-width: 4px;
    border-image: none 100% / 1 / 0 stretch;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: inline-block;
    animation: rotation1 infinite 0.8s linear;
/*    position: absolute;*/
    right: 0;
    top: 15px;
    right: 20px;
    margin: auto;
    z-index: 500;
/*    visibility: hidden;*/
}
@keyframes rotation1 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}



#uv-trigger {
    border-radius: 3px;
    box-shadow: inset rgba(255,255,255,.25) 1px 1px 1px, rgba(0,0,0,.5) 0 1px 2px;
    /* font: normal normal bold 14px/1em Arial, sans-serif; */
    position: fixed;
    right: 20px;
    bottom: 4px;
    z-index: 9999;
    background-color: rgb(75, 143, 56);
    padding: 2px 5px;
}

#uv-trigger > a {
    color: white !important;
}

.selected-flt-opt {
    border-radius: 3px;
    box-shadow: inset rgba(255,255,255,.25) 1px 1px 1px, rgba(0,0,0,.5) 0 1px 2px;
    /* font: normal normal bold 14px/1em Arial, sans-serif; */
    position: fixed;
    right: 20px;
    bottom: 4px;
    z-index: 10001;
    color: white;
    background-color: rgb(50,50,50);
    padding: 4px 10px;
    min-width: 150px;
    min-height: 25px;
    display: none;
    cursor: pointer
}

.m-selected-flt-opt {
    left: 2%;
    right: 2%;
/*    left: 20px;
    right: 20px;*/
    bottom: 15px;
}
.m-selected-flt-opt > div {
/*    border: 1px solid red;*/
    max-width: 80%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: bottom;
}

    .selected-flt-opt > div {        
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: bottom;
    }

.selected-flt-opt > i {
    margin: 0 3px;
    font-size: 12pt;
}

.SelectedFilterOptHead {
    border-radius: 3px;
    box-shadow: inset rgba(255,255,255,.25) 1px 1px 1px, rgba(0,0,0,.5) 0 1px 2px;
    /* font: normal normal bold 14px/1em Arial, sans-serif; */
    position: absolute;
    right: 2px;
    bottom: -14px;
    z-index: 10001;
    color: white;
    background-color: rgb(50,50,50);
    padding: 4px 10px;
    min-width: 100px;
    min-height: 25px;
    font-weight: bold;
}

.addt-attr {
}

.addt-attr > div:first-child {
    font-size: 13pt;
    font-weight: bold;
}
    .addt-attr ul li {
        padding: 5px 5px;
    }

.btn-css1 {
    border-radius: 3px;
/*    opacity: 0.8;*/
    font-weight: bold;
    margin-right: 20px;
    background-color: rgb(51, 66, 145);
    border: none;
    outline: none;
    padding: 5px 8px;
    box-sizing: content-box;
    color: white;
}
    .btn-css1:hover {
        background-color: rgba(34, 49, 130, 1.0);
        outline: none;        
    }
    .btn-css1:focus {
        border: none;
        outline: none;
    }   

.btn-css1 > i {
    font-size: 15pt;
    padding: 3px 3px 0 0;        
}

.btn-css2 {
    padding: 2px 8px !important;
    font-size: 12pt;
    margin-right: 0 !important;
}



.more-cont {
    position: relative;
/*    border: 1px solid blue;*/
}
    .more-cont > div {
        position: absolute;
        /*        border: 1px solid rgb(51, 51, 153);*/
        width: 750px;
        z-index: 6000;
        top: -135px;
        right: -500px;
        background-color: white;
        text-align: center;
        box-shadow: 0 0 10px rgba(10,10,10,0.4);
        padding: 10px 15px 10px 15px;
        display: none;
    }

.cont-flex {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 650px;
/*    justify-content: center;*/
}
.more-cont > div > div:first-child > div {
    display: inline-block;
    width: 335px !important;
    border: 1px solid rgb(150,150,150);
    border-radius: 3px;
    font-size: 12pt !important;
    font-weight: normal !important;
    margin: 10px 12px;
    text-align: left !important;
    padding: 3px 6px;
/*    color: red;*/
}

    .more-cont > div > div:first-child > div:hover {
        border: 1px solid rgb(50,50,50);
        background-color: rgb(252, 246, 225);
    }

        .more-cont > div > div:nth-child(2) {
            float: right;
            padding-right: 10px;
        }

.cont-super {
    /*  border: 2px solid blue !important;*/
/*    background-color: rgb(237, 243, 252);*/
}
    .cont-super > div:nth-child(1) {
        border-bottom: 2.5px solid blue !important;
    }

        .all-cont {
            float: left;
            border: none !important;
            width: auto !important;
            min-height: auto !important;
            margin: 10px 0;
        }

    .all-cont > button:nth-child(2) {
        background-color: rgb(87, 92, 115);
    }
    .all-cont > button:nth-child(2):hover {
        background-color: rgb(67, 72, 95);
    }

.gr-rng {
    position: absolute !important;
    left: 0px;
    bottom: -25px;
/*    height: 15px;*/
/*    border: 1px solid rgb(220,220,220);*/
    overflow: hidden;
    vertical-align: bottom;
}

    .gr-rng > span {
        position: relative !important;
        width: 6px;
        height: 9px;
        margin: 1px;
        display: inline-block !important;
        /*        background-color: rgb(82, 128, 93);*/
        /*        background-color: rgb(102, 148, 113);*/
        background-color: rgba(92, 128, 158, 1);
        border-radius: 2px;
    }

.gr-out-rng {
    /*    background-color: rgb(200,200,200) !important;*/
    background-color: transparent !important;
    /*    border: 1px solid rgb(90,90,90);*/
    border-bottom: 3px solid rgb(92, 128, 158);
    border-radius: 0px !important;
}

.gr-rng2 {
    position: relative !important;
    bottom: -5px;
}

.sch-icon {
    /*    border: 1px solid blue;*/
    position: relative;
    display: inline-block;
    min-width: unset !important;
}
    .sch-icon > span {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        /*        opacity: 0.8;*/
        background-color: rgb(242, 135, 5);
        margin-right: 3px;
        display: inline-block;
    }

.sch-icon2 {
}
.sch-icon2 > span {    
    margin: 0 7px 0 -2px;
}

.sch-icon-cmb {
}
    .sch-icon-cmb > span {
        background-color: rgb(242, 135, 5) !important;
        border-radius: 50%;
        border-right: 5px solid rgb(2, 124, 181);
        width: 10px;
        height: 10px;
    }

.sch-icon-jrhi {
}

    .sch-icon-jrhi > span {
        background-color: rgb(184, 8, 194) !important;
        border-radius: 50%;
        border-right: 5px solid rgb(2, 124, 181);
        width: 10px;
        height: 10px;
    }

.sch-stats {
}
    .sch-stats > span {
        font-weight: bold;
        margin: 20px 0 10px 65px !important;
        display: inline-block;
    }
    .sch-stats > hr {
        border-color: rgb(220,220,220);
        width: 60%;
        text-align: left;
        margin-left: 60px;
    }
    .sch-stats > div {
        padding: 0 15px;
    }
    .sch-stats > div > div {
        padding: 7px 5px;
    }
.sch-stats > div > div {
    display: inline-block;        
/*    border: 1px solid gray;*/
    vertical-align: top;
    font-size: 12pt;
}
    .sch-stats > div > div:first-child  {
        width: 40px;
        position: relative;
        margin-top: 10px;
    }
    .sch-stats > div > div:last-child {
        width: 355px;
    }
    .sch-stats > div > div:first-child > span {
        width: 40px;
        height: 30px;        
/*        background-color: rgba(173, 135, 255, 0.3);*/
/*        border: 2px solid rgb(200, 200, 200);*/
        color: black;
        padding: 3px 12px 3px 3px;
        position: absolute;
        top: -6px;
        left: -10px;
        border-radius: 3px;
        font-weight: bold;
        text-align: center;
        font-size: 12pt;
    }

        .sch-stats > div > div:first-child > span:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 5px;
            bottom: 5%;
            display: block;
            left: -5px;
            border-bottom: 1px solid rgb(24, 143, 68);
/*            border-top: 5px solid white;*/
        }

.sch-stats2 {

}
.sch-stats2 > div > div {    
    font-size: 13pt !important;
}

.sch-sttx > div:first-child > span {
    /*    background-color: rgba(182, 224, 242, 0.8) !important;*/
}

.sch-stty > div:first-child > span {
/*    font-weight: normal !important;*/
}

.sch-sttz > div:first-child > span {
/*    background-color: rgb(191, 219, 192) !important;*/
/*    font-weight: normal !important;*/
}

.sd-row2 > div:nth-child(2) > div:first-child {
    font-size: 12pt;
    font-weight: bold;
    color: rgb(50,50,50);
/*    margin: 0 0 15px 64px;*/
}

.subtxt1 {
    font-size: 10pt !important;
    vertical-align: text-bottom !important;
    color: black;
}

.cont-no-ag {
    font-size: 16pt;
    padding: 30px 50px;
}

.map-brw {
    padding: 50px;
    font-size: 14pt;
}

.hd2 {
    font-size: 16pt !important;
    font-weight: bold !important;
    margin: 0 0 20px 0 !important;
}

.hd3 {
    font-size: 13pt !important;
    font-weight: bold !important;
    margin: 0 0 10px 0 !important;
}

.hd2t {
    font-size: 16pt !important;
    font-weight: bold !important;
    margin: 45px 0 20px 0 !important;
}

.hd3x {
    font-size: 13pt !important;
    font-weight: bold !important;
    margin: 0 0 5px 0 !important;
}

.city-zip {
    position: relative;
}
.city-zip > span:not(:last-child) {
    color: unset !important;
    display: inline-block;
    min-width: 60px ;
    margin: 3px 0 10px 0;
}
    .city-zip > span:first-child {
        width: 200px;
    }
    .city-zip > span:nth-child(3) {
        text-align: right;
        margin-right: 30px;
    }
    .city-zip > span:last-child {
        position: absolute;
        bottom: 5px;
        left: 0px;
        height: 2px;
        border: 1px solid brown;
    }

.fn1 {
    font-size: 11pt;
    display: block;
    font-weight: normal;
    margin-bottom: 10px;
}

.unav {
    color: gray;
    font-size: 11pt;
    font-style: italic;
}
.unavailable {
    color: gray;
    font-size: 11pt;
}


.sch-c-box {
    text-align: center;
}
    .sch-c-box > div {
        display: inline-block;
/*        border: 1px solid brown;*/
        width: 48%;
    }
    .sch-c-box > div > span:first-child {
        font-size: 20pt;
        font-weight: bold;
        display: block;
        padding: 10px;
    }
        .sch-c-box > div > span:first-child > a {
/*            font-size: 18pt !important;*/
            font-weight: bold !important;
            border-bottom: 1px solid rgb(3, 59, 150);
        }
        .sch-c-box > div > span:nth-child(2) {
            font-size: 14pt;
            font-weight: bold;
            display: block;
        }

.sch-gr-loc {

}
    .sch-gr-loc > div > span:first-child {
        font-size: 17pt;
        font-weight: bold;
        display: block;
        padding: 10px;
    }
.sch-gr-loc > div > span:nth-child(2) {
    font-size: 13pt;
    font-weight: normal !important;
    display: block;
}

.close-hd {
    color: brown;
    font-size: 13pt !important;
    padding: 0px !important;
    display: inline-block;
    font-weight: bold;
}

.sch-prg {
    height: 350px;
/*    margin: 5px;*/
    display: inline-flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
}
.sch-prg-item {
    margin: 5px 30px 0 0;
    width: 230px;
/*    border: 1px solid red;*/
}
    .sch-prg-item > span > i {
        font-size: 15pt;
        opacity: 0.7;
        margin-right: 6px;
        vertical-align: bottom;        
    }
.prg-chk {
    opacity: 0.9 !important;
    font-size: 17pt !important;
    color: rgb(51, 66, 145);
}
.sch-prg-item-adj1 {
    margin-bottom: 30px;
}
.sch-prg-item-adj1x {
    margin-bottom: 80px;
}
.sch-prg-item-adj1-priv {
    margin-bottom: 30px !important;
}
.sch-prg-item-adj2 {
    margin-top: 0px;
}
.sch-prg-item-hd {
    font-weight: bold;
    margin-bottom: 5px;
}
.sch-prg-item-priv {
    margin: 5px 30px 0 0;
    /*    border: 1px solid red;*/
}

.sch-prg-item-priv > span > i {
        font-size: 15pt;
        opacity: 0.7;
        margin-right: 6px;
        vertical-align: bottom;
    }



.leg-dist {
    max-height: 450px !important;
    overflow: auto;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.leg-dist > div > div {
    max-height: unset !important;
}

.sd-s-tbl {
    width: 1000px !important;
    margin-top: 50px !important;
}

.sltd-dist {
    width: 100%;
    text-align: right;
    font-size: 13pt;
    font-weight: bold;
    padding-bottom: 6px;    
}

.libs {
}

.libs > div {
    margin-bottom: 20px;
}
    .libs > button {
        margin: 5px 0 0 30px;
        padding: 3px 10px 4px 10px !important;
        vertical-align: top;
    }

    .libs > div > span {
        display: block;
    }
        .libs > div > span:nth-child(2),
        .libs > div > span:nth-child(3),
        .libs > div > span:nth-child(4) {
            margin-left: 30px;
        }     
        .libs > div > span:nth-child(3) > i {
            opacity: 0.6;
        }
        .libs > div > span:nth-child(4) {
            font-size: 10pt;
        }
    .libs > div > span:nth-child(1) > i {
        font-size: 16pt;
        opacity: 0.8;
        margin-right: 6px;
    }

.tax-muni {
}

.tax-muni > div {
    margin-bottom: 0px;
}
    .tax-muni > div > span {
        display: inline-block;
        min-width: 100px;
    }

/*pdf css start */
.pdf {
    background-color: rgb(105, 154, 205) !important;
    display: inline-block !important;
    margin-left: 10px !important;
    cursor: pointer;
    color: white;
    font-weight: bold;
    border-radius: 2px;
}


.pdftbl {
    /*    padding: 10px;*/
    /*    min-width: 985px !important;*/
    min-height: 500px !important;
    /*    border: 1px solid gray;*/
    font-size: 12pt;
    width: 100%;
    border-radius: 0;
    border-collapse: separate;
    border-spacing: 0;
  
    /*    margin: 10px;*/
}

 .pdftbl > tr {
    }

   .pdftbl > tr > td {
            border-right: 0;
            border-bottom: 0;
            min-width: 200px;
            padding: 6px 12px;
            box-sizing: content-box;
        }

   .pdftbl > tr > td:first-child {
            border-left: 0;
        }

    .pdftbl > tr:first-child td {
            font-weight: bold;
            background-color: rgb(255,255,255) !important;
            border-top: 0;
        }

    .pdftbl > tr:first-child td:first-child {
                border-radius: 5px 0 0 0;
            }

    .pdftbl > tr:first-child td:last-child {
                border-radius: 0 5px 0 0;
            }



.tbl1 {
    width: 1200px;
}

.tbl1-ctct > tr > td > div > div:first-child {
    width: 100%;
    font-size: 14pt !important;
    margin: 8px 0 3px 0 !important;
    font-weight: normal !important;
}

/*    .tbl1-ctct > tr > td > div > div:first-child > span {
        float: right;
        cursor: pointer;
        color: rgb(3, 59, 150) !important;
        font-weight: normal;
        display: inline-block;
        margin-right: 18px;
    }
*/
.tbl1-ctct > tr > td > div > div {
    /*        float: left !important;        */
    margin-bottom: 5px !important;
}

    .tbl1-ctct > tr > td > div > div > div {
        display: inline-block;
        width: 345px !important;
        border:0;
        border-radius: 3px;
        font-size: 12pt !important;
        font-weight: normal !important;
        margin: 5px 17px;
        text-align: left !important;
        padding: 3px 6px;
    }

        .tbl1-ctct > tr > td > div > div > div:hover {
            border: 0;
            /*background-color: rgb(252, 246, 225);*/
        }

.cont-ext {
    display: none;
}


.cont-card {
    /*    min-height: 105px;*/
}

    .cont-card > div {
        display: inline-block !important;
        /*    border: 1px solid gray;*/
        vertical-align: top;
    }

        .cont-card > div:first-child {
            width: 30px !important;
        }

            .cont-card > div:first-child > i {
                font-size: 20pt;
                opacity: 0.7;
                margin: 5px 0 0 2px;
            }

        .cont-card > div:nth-child(2) > div > i {
            /*        font-size: 20pt;*/
            opacity: 0.6;
            margin: 0 5px 0 5px;
        }

        .cont-card > div:nth-child(2) {
            width: 280px !important;
        }

            .cont-card > div:nth-child(2) > div {
                font-size: 12pt !important;
                /*        display: block !important;*/
                width: 100%;
                max-height: 23px;
                overflow: hidden;
            }

                .cont-card > div:nth-child(2) > div:first-child {
                    font-weight: bold;
                }

                    .cont-card > div:nth-child(2) > div:first-child > span {
                        float: right;
                        border-radius: 2px;
                        width: 20px;
                        height: 20px;
                        text-align: center;
                        position: relative;
                        cursor: pointer;
                        margin-top: 3px;
                    }


    .cont-card > div:nth-child(2) > div:first-child > span > i {
        position: absolute;
        top: 1px;
        left: 2px;
    }

    .cont-card > div:nth-child(2) > div:nth-child(4),
    .cont-card > div:nth-child(2) > div:nth-child(5) {
        padding-left: 1px;
    }

.cont-ext2 {
    max-height: 80px !important;
    margin-top: 5px;
}

    .cont-ext2 > div {
        padding-left: 5px;
    }

.slct {
}

.cont-stats {
    float: right;
    font-size: 8pt;
    margin-right: 10px;
}
/*pdf css End */

#searchclear {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 14px;
    margin-top: 51px;
    cursor: pointer;
    color: black;
}
#close {
    float: right;
    display: inline-block;
    padding: 2px 5px;
    background: #ccc;
}

.ag-dd-ps {
    border: 1px solid rgb(200,200,200);
    height: 450px;
    width: 350px;
    left: 21px;
    padding: 0;
    right: 0;
    top: 59px;
    position: absolute !important;
    cursor: pointer;
    z-index: 10003;
    background-color: rgb(250,250,250);
    display: none;
    box-shadow: 0 0 10px rgba(10,10,10,0.3);
}

.ag-dd-ps > div {
    /*        display: table;*/
    /*        border-collapse: collapse;*/
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.ag-dd-ps > div > div {
    display: inline-block;
    /*            width: 497px;*/
    width: 397px;
    height: 100%;
    /*            border-right: 1px solid rgb(200,200,200);*/
    vertical-align: top;
}

.ag-dd-ps > div > div:last-child {
    border-right: none;
}

.ag-dd-ps > div > div > div:nth-child(1) {
    padding:10px 7px 40px;
    font-size: 11pt;
    font-weight: bold;
    margin-bottom: 10px;
    position: relative;
}
/*            .ag-dd2 > div > div > div:nth-child(1) {                
                padding: 7px 10px 7px 28px;
            }*/
.ag-dd-ps > div > div:first-child > div:nth-child(2), .sch-res {
    /*                border: 1px solid red;*/
    height: 420px;
    overflow-x: hidden;
    overflow-y: auto;
}
.ag-ps-input {
    height: 35px;
    vertical-align: text-bottom;
    font-size: 16pt;
    padding: 0 3px;
    margin-top: 5px;
    border: none;
    border-bottom: 1px solid rgb(50,50,50) !important;
    outline: none;
    width: 100%;
}
.reset {
    margin-top: 2%;
    border: none !important;
    float: right;
    color: black !important;
    margin-bottom: 8px !important;
    font-size: 12pt !important;
    font-weight: bold !important;
    padding: 1px 8px !important;
   
}
.btn-detail {
    bottom: -48px;
    margin-left: -7px;
    padding: 0px 8px !important;
    background-color: rgb(85, 102, 89);
    color: white !important;
    border: 1px solid transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

.btn-reset-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
hr.solid {
    border-top: 3px solid black;
    margin-top: 0px !important;
}
.colCat {
    height: 40px;
}
    .colCat > div:nth-child(1) {
        text-align: left;
        width: 336px !important;
        margin-left: 51px !important;
        margin-right: 50px !important
    }
        .colCat > div:nth-child(1) > p {
            font-weight: bold;
            font-size: 12pt !important;
            margin-top: -4px;
        }
        .colCat > div:nth-child(1) > hr {
            border: 1px solid black;
            margin-top: -10px;
            width: 290px;
            margin-left: -3px;
           
        }
    .colCat > div:nth-child(2) {
        float: left;
        width: 50%; 
        margin-left: -7px
    }

        .colCat > div:nth-child(2) > p {
            font-weight: bold;
            font-size: 12pt !important;
            margin-top: -4px;
        }
        .colCat > div:nth-child(2) > hr {
            border: 1px solid black;
            margin-top: -10px;
            width: 280px;
            margin-left: -3px;
           
        
    }
    .colCat > div:nth-child(3) > p {
        font-weight: bold;
        font-size: 12pt !important;
        margin-top: -4px;
    }
    .colCat > div:nth-child(3) > hr {
        border: 1px solid black;
        margin-top: -10px;
        width: 280px;
        margin-left: -3px;
        margin-top: -6px;
    
}
.pageBreakPdf {
    page-break-inside: avoid !important;
}

.atd {
    margin: 50px 10px 10px 10px;
    min-width: 360px;
}

.atd-item {
    margin-bottom: 70px;
}

.atd-item > div:first-child {
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 20px;
}

.atd-details {
    padding-right: 10px;
    overflow-wrap: break-word;
}

.atd-tbl {
    margin: 10px;
    display: inline-flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
}

    .atd-tbl > div {
        margin: 4px;
        color: rgb(64, 4, 128);
    }
    .atd-tbl > div > span {        
        display: inline-block;
        margin-right: 20px;
    }

    .m-atd-tbl > div {
        margin: 4px;
        color: rgb(64, 4, 128);
    }

        .m-atd-tbl > div > span {
            display: inline-block;
            margin-right: 20px;
        }

.atd-desc {
    color: black;
}

.atd-grade {
    min-width: 30px;
    text-align: right;
}

.atd-curr-stt {
    min-width: 70px !important;
    text-align: left;
}
.atd-flex-item {
/*    margin: 0 50px 0 0 !important;*/
    margin-right: 50px !important;
    display: inline-block;
}
.m-atd-flex-item {
    display: inline-block;
/*    margin-right: 50px !important;*/
    width: 98%;
/*    border: 1px solid red;*/
}
.atd-stype {
    display: inline-block;
    margin-right: 10px !important;
}
    .atd-stype > div > span {
        width: 15px !important;
        height: 15px !important;
        border-right-width: 8px;
    }
.atd-schtype {
    margin-right: 0 !important;
}
/*.atd-prg-brk {*/    
/*    margin-bottom: 60px !important;*/
/*}*/
/*.atd-locale {
    margin: 0 50px 0 0 !important; 
}
.atd-county {
    margin: 0 50px 0 0 !important;
}*/


.admin-info {    
    padding: 20px;
    max-width: 1500px;
    margin: 0 auto;
    font-size: 13pt;
}
    .admin-info > div > div {
        margin: 45px 0;
        text-align: center;
    }
        .admin-info > div > div > button {
            font-size: 16pt !important;
            padding: 10px 20px;
        }
            .admin-info > div > div > button > i {
                font-size: 18pt !important;
                padding-right: 10px;
            }
.admin-info > div > span {
    display: inline-block;
    margin: 15px 0;
}
    .admin-info > div > ul {
        margin: 10px 0;
        /*        list-style: disc;*/
        list-style: decimal;
    }
        .admin-info > div > ul > li {
            margin: 8px;
        }
.adm-log-ul1 {
    list-style: disc !important;
}
    .adm-log-ul1 > li::marker {
        font-size: 16pt;
    }
        
    .admin-info a {
        color: rgb(52, 92, 240) !important;
        text-decoration: underline !important;
        text-underline-offset: 4px;
    }


.admin-info-b {
    font-weight: bold;
}
.admin-info-c {
    width: 100%;
    font-size: 17pt;
}


.adm-inf-hl {
    font-weight: bold;
    background-color: rgb(250, 242, 107);
    padding: 3px 5px;
}

.m-admin-info {
    min-width: 375px;
    width: 100%;
/*    padding: 10px;*/
    margin: 0 auto;
    font-size: 14pt;
}
.m-admin-info > div > div {
    margin: 45px 0;
    text-align: center;
}
.m-admin-info > div > div > button {
    font-size: 16pt !important;
    padding: 10px 20px;
}
    .m-admin-info > div > div > button > i {
        font-size: 18pt !important;
        padding-right: 10px;
    }
.m-admin-info > div > span {
    display: inline-block;
    margin: 15px 0;
}
.m-admin-info > div > ul {
    margin: 10px 0;
    list-style: decimal;
}
    .m-admin-info > div > ul > li {
        margin: 8px 0 8px -15px;
    }


#pdf-ico-span-disab {
    position: relative;
    display: none;
}
    #pdf-ico-span-disab:hover > i {
        text-shadow: none !important;
    }
    #pdf-ico-span-disab > i:first-child {
        font-size: 16pt;
        cursor: default !important;
        opacity: 0.5;
    }
    #pdf-ico-span-disab > i:last-child {
        position: absolute;
        font-size: 15pt;
        color: rgb(255, 213, 0);
        top: -8px;
        right: -0px;
    }

.sch-icon-wrap {
/*    border: 1px solid red;*/
    display: inline-block;
    position: absolute !important;
    width: 10px;
    height: 10px;
}
    .sch-icon-wrap > div {
        top: -5px;
        left: -5px;
        cursor: pointer;
    }
        .sch-icon-wrap > div > span:hover {
            width: 12px;
            height: 12px;
            outline: 1px solid black;
        }
.loc-dot {
    position: absolute;
    font-size: 18pt;
    bottom: 18px;
    left: -9px;
    z-index: 250 !important;
    color: brown;
    text-shadow: 0px 0px 5px rgba(255,255,255, 0.5) !important;
}
.act-marker {
    z-index: 250 !important;
}
    .act-marker > span {
        box-shadow: 0px 0px 2px rgba(255,255,255, 0.2) !important;
    }
.ag-p {
    position: absolute;
    font-size: 8pt;
    top: 6px;
    left: -4px;
}
.lg-lib2 {
    position: absolute;
    font-size: 11pt;
    top: -8px;
    left: -7px;
    color: rgb(51, 66, 145) !important;
}
.ico-info-c {
    color: rgb(51, 66, 145);
    font-size: 14pt !important;
}
#map-lg-info2 {
    padding-left: 10px;
    border-top: 1px solid rgb(200,200,200);
    padding-top: 10px !important;
}

.sch-ico-lgnd {
    margin: 0;
}
.sch-ico-lgnd > span {
    width: 14px !important;
    height: 14px !important;
    border-right-width: 7px;
}
.map-lgnd-st {    
    padding-top: 8px;
    margin-left: 10px !important;
}
.map-lgnd-st > div {
    margin: 2px 20px 3px 0 !important;
}
    .map-lgnd-st > div > div {
        display: inline-flex;
    }
    .map-lgnd-st > div:last-child {
        margin: 2px 0px 3px 0 !important;
    }
.lg-p {
    font-size: 13pt;
}
.lg-lib {
    font-size: 13pt;
    padding-right: 3px;
    opacity: 0.9;
    color: rgb(51, 66, 145) !important;
}

.nb-schools {
    display: flex;
/*    align-items: center;*/
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 320px;
    width: 980px;
    overflow: hidden;
    margin-bottom: 20px;
    /*    border: 1px solid red;*/
}
    .nb-schools > div {
/*        border: 1px solid red;*/
        width: 465px;
        margin: 10px 30px 10px 0;
    }
        .nb-schools > div i {
            margin-right: 3px;
            opacity: 0.9;
            font-size: 14pt;
        }

    .nb-schools > div > div:nth-child(2) {        
        margin-left: 27px;
        font-size: 11pt;
    }
        .nb-schools > div > div:nth-child(2) > span {
/*            font-weight: bold;*/
            color: darkgreen;
        }


.nb-sch-it > span {
    display: inline-block;
}
    .nb-sch-it > span:nth-child(3) {
        /*    font-weight: bold;*/
        color: rgb(3, 59, 150) !important;
        cursor: pointer !important;
    }
.nb-sch-it > span:nth-child(4) {
    float: right;
    padding-right: 20px;
}
    .nb-sch-it > span:nth-child(4) > span {
        font-size: 10pt;
    }

.par-lnk > i {
    color: rgb(230, 112, 23) !important;
    font-size: 14pt !important;
    margin-right: 3px;
    opacity: 0.8 !important;    
}
.par-lnk > span {
    font-size: 13pt !important;
    color: rgb(3, 59, 150) !important;
    cursor: pointer !important;
    display: inline-block;
}
    .par-lnk > span:last-child {
        color: unset !important;
        cursor: unset !important;
        float: unset !important;
        font-size: 11pt !important;
    }

.priv-sch {
/*    color: rgb(51, 66, 145);*/
}

.map-opts {
    display: block;
    width: 100%;
/*    border: 1px solid red;*/
    margin: 10px 0 !important;
    border-top: 1px solid rgb(170,170,170);
}
.map-opts > div {    
    width: 100%;
}

.set-dist {
/*    border: 1px solid red;*/
    margin: 10px 0;
    width: 100%;
    
}
    .set-dist > div {
        display: inline-block;
        position: relative;
/*        border: 1px solid red;*/
        height: 50px;
        vertical-align: top;
    }
    .set-dist > div:first-child {
        width: 280px;
        font-weight: bold;
    }
        .set-dist > div:first-child > span:first-child {
            font-weight: bold;
            display: block;
            font-size: 11pt;
            padding: 3px 0;
            max-width: 200px;
        }
        .set-dist > div:first-child > span {
            font-weight: normal;
            display: block;
            font-size: 11pt;
            padding: 3px 0;            
        }
        .set-dist > div:last-child {
            width: 180px;
            /*            text-align: right;*/
            margin: 0 auto;
            vertical-align: bottom;
            padding: 0 5px;
        }
            .set-dist > div:last-child > span {
                position: absolute;
                top: 5px;
                font-size: 9pt;
            }
                
                .set-dist > div:last-child > span:nth-child(2) {
                    right: 5px !important;
                }

#miles-sp {
    font-weight: bold;
    font-size: 16pt;
    position: absolute;
    right: 35px;
    top: -7px;
}
.set-dist > div:first-child > span:last-child {
    position: absolute;
    right: 30px;
    top: 20px;
}

#slider-range {
    height: 15px;
    width: 100%;
/*    float: right;*/
    /*    border: 1px solid rgb(44, 79, 138);*/
    background-color: rgb(208, 218, 242);
    margin-top: 28px;
}
.ui-slider-handle {
    background-color: rgb(81, 108, 173) !important;
    height: 20px !important;
}

.map-opts-items {
    border-bottom: 1px solid rgb(170,170,170);
    padding-bottom: 10px;
}
    .map-opts-items > div {
        display: inline-block !important;
/*        background-color: rgb(185, 215, 237);*/
        padding: 3px 5px;
        border: 1px solid rgb(100,100,100);
        border-radius: 3px;
        margin: 3px 5px;
        cursor: pointer;
    }
        .map-opts-items > div:hover {
            border: 1px solid black;
            background-color: white !important;
        }

.map-opts-sltd {
    border: 1px solid black !important;
    background-color: rgb(209, 232, 240) !important;
}

.map-btn {
    float: right;
    padding: 3px 5px;
    border: 1px solid rgb(100,100,100);
    background-color: white;
    border-radius: 3px;
    margin: 3px 5px;
    cursor: pointer;
    margin: 0 5px !important;
}
    .map-btn:hover {
        border: 1px solid rgb(50,50,50) !important;
        color: black !important;
/*        background-color: rgba(51, 66, 145, 0.2) !important;*/
    }
    .map-btn:hover i {
        color: blue;
    }

#rst-map {
    
}
#rst-map > i {
    opacity: 1 !important;
    padding: 0 !important;
}
    

#map-dir {
    
}
    #map-dir > i {
/*        color: rgb(43, 137, 252);*/
        opacity: 0.9 !important;
        padding: 0 !important;
    }

.wi-ovw-wrap {
    /*    border: 1px solid green;*/
    margin-bottom: 40px;
    position: relative !important;
}
.wi-ovw-wrap > div {
/*    border: 1px solid red;*/
    display: inline-block;
    width: 430px;
    height: 430px;
}

.m-wi-ovw {
text-align: center;
}

.wi-ovw-lg {
    position: absolute !important;
/*    bottom: -40px;*/
    top: 100%;
    left: 0;
/*    right: auto;*/
/*    border: 1px solid red;*/
    height: unset !important;
    padding: 0 10px;
}
    .wi-ovw-lg > div {
        display: inline-block;
        font-size: 11pt;
        padding: 5px;
/*        margin: 0 10px;*/
/*        border: 1px solid red;*/
        line-height: 25px;
        vertical-align: text-bottom;
    }
        .wi-ovw-lg > div:nth-child(1) {
            font-weight: bold;
            font-size: 11pt;
            max-width: 225px;
            overflow-wrap: break-word;
        }
        .wi-ovw-lg > div:nth-child(1) > span {
            border: 2px dashed brown;
            width: 14px;
            height: 14px;
            display: inline-block;
            margin-right: 5px;
        }

        .wi-ovw-lg > div:nth-child(2) {
            float: right;
        }

            .wi-ovw-lg > div:nth-child(2) > span {
                border: 3px solid green;
                width: 8px;
                height: 10px;
                display: inline-block;
                margin-right: 5px;
            }


.map1 {
    stroke-width: 0.5px;
    fill: transparent;
    stroke: black;
    transform: scale(1, 1.3);
}

.dist {
    fill: rgba(71, 125, 196, 0.8);
    stroke: none;
}

.zoombox {
    outline: 2.0px dashed brown;
    outline-offset: 5px;
}

.capitol {
    outline: 3px solid green;
    outline-offset: 0px;
}


.aguage {
    /*    width: 500px;*/
    margin-top: 10px;
/*    border: 1px solid red;*/
    height: 150px;
    position: relative;
    margin-bottom: 35px;
    margin-left: 10px;
}

    .aguage > div:last-child {
        position: absolute;
        bottom: 5px;
        right: 0;
        left: 0;
    }

.aguage i {    
    opacity: 0.9;
    margin-right: 3px;
}

.this-d {
    position: absolute;
    width: 55px;
    top: 5px;
    left: 258px; /* 48 .. 398 */
    display: block;
    padding: 5px;
    font-weight: bold;
    text-align: center;
}

    .this-d > div {
        position: relative;
    }


.aguage-bar > div {
    position: relative;
}
    .aguage-bar > div > span {
        position: absolute !important;
        bottom: -30px;
    }
        .aguage-bar > div > span:nth-child(1) {
            left: -5px;
        }
        .aguage-bar > div > span:nth-child(2) {
            left: 162px;
        }
        .aguage-bar > div > span:nth-child(3) {
            left: 212px;
        }
        .aguage-bar > div > span:nth-child(4) {
            right: -10px;
        }

.aguage-bar {
    width: 350px;
    height: 5px;
    position: absolute;
    top: 60px;
    left: 3px;
    background-color: rgb(208, 218, 242);
}

    .aguage-bar > div::before {
        content: "";
        position: absolute;
        width: 3px;
        height: 12px;
        bottom: -8px;
        display: block;
        left: -2px;
        background-color: rgb(100,100,100);
    }

    .aguage-bar > div::after {
        content: "";
        position: absolute;
        width: 3px;
        height: 12px;
        bottom: -8px;
        display: block;
        right: -2px;
        background-color: rgb(100,100,100);
    }

    .aguage-bar > div > span:nth-child(2)::before {
        content: "";
        position: absolute;
        width: 3px;
        height: 12px;
        bottom: 22px;
        display: block;
        left: 10px;
        background-color: rgb(100,100,100);
    }

    .aguage-bar > div > span:nth-child(3)::before {
        content: "";
        position: absolute;
        width: 2px;
        height: 40px;
        bottom: 0px;
        display: block;
        left: -5px;
        border-right: 3px dotted black;
    }

.this-d > div::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 10px;
    bottom: -13px;
    display: block;
    left: 6px;
    background-color: forestgreen;
}

.this-d > div::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 20px;
    bottom: -33px;
    display: block;
    left: 6px;
    border: 8px solid transparent;
    border-top: 10px solid forestgreen !important;
    border-left: 15px solid transparent !important;
    border-right: 15px solid transparent !important;
}

.ar-sch > i {
    font-size: 14pt !important;
    opacity: 0.9;
}

#nodata-warn {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    background-color: black;
    color: white;
    padding: 5px 10px;
    opacity: 0.7;
    display: none;
}

.map-coords {
    font-size: 12pt !important;
    padding: 0 !important;
    opacity: 1 !important;
}

/*.marker-animate {*/
/*    width: 50px;
    height: 50px;*/
/*    border-radius: 50%;*/
/*    background-color: #FF5722;*/
    /*animation: bounce 0.5s;
    animation-direction: alternate; 
    animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
    animation-iteration-count: 1;
}

@keyframes bounce {
    from {
        transform: translate3d(0, 0px, 0);
    }

    to {
        transform: translate3d(0, -15px, 0);
    }
}*/


.nodata-div {
/*    border: 1px solid red;*/
    padding: 20px 10px;
    color: rgb(50,50,50);
    width: 100%;
}
.nodata-div > div {
    font-weight: bold;
    font-size: 12pt;
}
    .nodata-div > div > i {
                color: rgb(222, 149, 4);
/*        color: rgb(100,100,100);*/
        margin-right: 3px !important;
        opacity: 1 !important;
        font-size: 14pt !important;
    }
    .nodata-div > span {        
        font-size: 11pt;
        padding-left: 25px;
        margin: 0 !important;
    }

.ico-inf {
    margin-right: 3px;
    font-size: 13pt;
    vertical-align: top;
}

.ico-inf2 {
    margin: 0 3px;
    font-size: 15pt;
}
.map-dist-opt {
    padding-top: 5px;
}
.map-dist-opt > div > div {
    display: inline-block;
}
    .map-dist-opt > div > i {
        font-size: 13pt;
        margin-right: 2px;
        color: rgb(51, 66, 145);    
    }

.athlconf {
    font-weight: bold;
    font-size: 14pt;
    color: rgb(3, 59, 150);
    cursor: pointer;
}

.sch-det-hd > span {
    display: inline-block;
    float: right;
    width: 492px;
}

.on-the-map {
    font-size: 12pt;
    color: rgb(51, 66, 145);
    cursor: pointer;
    margin: 15px 0 !important;
    display: block;
}
    .on-the-map > i {
        font-size: 15pt;
        margin-right: 3px;
        color: rgb(33, 120, 8);
    }

.dp-title {
}
    .dp-title > i {
        margin-left: 2px !important;
    }

.m-dp-title {
    font-size: 13pt !important;
}
    .m-dp-title > i {
        margin-left: 2px !important;
    }

.dp-desc {
    max-width: 440px;
    /*    border: 1px solid red;*/
    padding: 5px 0 0 27px !important;
    font-size: 11pt !important;
}
.m-dp-desc {
    max-width: 440px;
    padding: 5px 0 0 30px !important;
    font-size: 12pt !important;
}

.sd-tile {
    width: 100px;
}
.sch-tile {
    width: 68px;
}
.prsch-tile {
    width: 68px;
}
.cont-tile {
    width: 80px;
}

.listbox-area {
    display: block;
/*    padding: 10px;*/
/*    border: 1px solid #aaa;*/
/*    border-radius: 4px;*/
    /*background: #eee;*/
    width: 100%;
/*    height: 600px;*/
/*    margin: 20px 0 40px 0 !important;*/   
}

.listbox-area > div {
    display: block;
}


.state-wide-main {
/*    margin-top: -74px;*/
    margin-left: 10px;
}

.state-wide-main > div:first-child {
    margin: 0 0 40px 5px;
}
.left-area {
    margin-top: 50px !important;
    width: 1200px;
    height: 550px;
}
    .left-area > div:nth-child(1) {
        margin: 5px 0 0 5px !important;
        font-size: 14pt;
    }
        .left-area > div:nth-child(2) > select {
            width: 363px;
            height: 430px;
        }
    .right-area {
        width: 380px;
        height: 390px;
        margin-left: -31px;
    }

[role="listbox"] {
    margin: 1em 0 0;
    padding: 3px;
    min-height: 18em;
    border: 1px solid #aaa;
    border-radius: -0.75em;
    /*background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);*/
}

[role="option"].focused {
    background: #bde4ff;
}

[role="option"] {
    position: relative;
    display: block;
    padding: 0 1em 0 1.5em;
    line-height: 1.8em;
}

.cont-sep {
    border-top: 1px solid rgb(200,200,200);
    width: 1200px;
    margin-left: 0;
    position: relative;
}

/*    .cont-sep:before {
        content: "OR";
        position: absolute;
        width: 40px;
        height: 40px;
        top: -20px;
        display: block;
        left: 90px;
        background-color: rgb(80,80,80);
        color: white;
        border-radius: 50px;
        padding: 5px;
        text-align: center;
        font-weight: bold;
        font-size: 10pt;
    }*/

.selectArea {
    overflow: auto;
    overflow-y: scroll;
    position: relative;
    height: 480px;
    width: 1200px;
    display: inline-flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    /*    margin-left: 23px;*/
    border: 1px solid rgb(200,200,200);
    padding: 10px;
}

.selectArea > div {
    cursor: pointer;
    display: block;
    margin: 0.5px 5px 0.5px 0;
    width: 360px;
}
    .selectArea > div > div {
        display: inline-block;
        width: 320px;
    }

    .selectArea > div:hover {
        background-color: rgba(150, 48, 252, 0.1);
    }

.selectArea > li :hover {
    background: rgba(150, 48, 252, 0.1) !important;
}

.focused {
    font-weight: bold;
    background-color: rgba(150, 48, 252, 0.2);
}

.focused > i {
    visibility: visible !important;
    padding: 0 2px;
}

.flt-check {
    color: rgba(48, 63, 199, 0.8) !important;
    font-size: 10pt;
    visibility: hidden;
    padding: 0 2px;
    display: inline-block;
    vertical-align: top !important;
    margin-top: 6px;
}
.all-state-downlod {
    color: rgb(3, 59, 150) !important;
    cursor: pointer !important;
    font-size: 14pt;
    margin-left: 1226px;
}
.download-select {
}
    
.move-select-btn > span {
    font-size: 14pt;
    display: block !important;
    margin-bottom: 5px;
}
    .move-select-btn > button:nth-child(1) {
      width: 180px;
      display: block !important;     
    }
    .move-remove-btn {
        margin-top: 10px
    }
.move-remove-btn > button:nth-child(1) {
            width: 160px;
        }
.move-csv-btn {
    margin: 0 5px;
}
.move-csv-btn > button {
    padding: 5px 10px !important;
    display: block;
    margin-top: 5px 0 0 10px;
}
.move-pdf-btn {
    margin-left: -190px
}
.attr-unavl {
    padding: 0 !important;
}

.hidden {
    display: none;
}
.visible {
    display: block;
}

.cont-st-dwn {    
    width: 100%;
/*    border: 1px solid red;*/
    min-height: 45px;
    margin-top: -15px;
}
    .cont-st-dwn > button {
       /* float: right;*/
        margin-left: 48px !important;
    }
    .cont-st-dwn > span {
        float: left;
        margin-left: 402px;
        margin-top: 14px;
        font-weight: bold;
        font-size: 13pt;
    }
}

.release-note {
    position: fixed !important;
    bottom: 0;
    top: unset !important;
    left: 43% !important;
/*    margin-left: 125px !important;*/
    width: 250px !important;
    text-align: center;
    background-color: rgb(247, 240, 203);
    color: brown;
    font-weight: bold;
    padding: 3px 10px;
    z-index: 1500;
    border-radius: 3px;
    font-size: 14pt;
}

.contact-summary {
    width: 1020px;
    max-height: 650px;
    margin: 0 0 0 0;
    border: 1px solid rgb(200,200,200);
    border-radius: 5px;
    display: block;
}
    .contact-summary > div {
        display: block !important;
        width: 94%;
        margin: 30px;        
        font-size: 14pt;
    }
    .contact-summary > div:first-child {
        padding-bottom: 50px;
        border-bottom: 1px solid rgb(200,200,200);
    }

.cont-srch-instr {
/*    border: 1px solid red;*/
}

.cont-numbers {
}
    .cont-numbers > div {
/*        border: 1px solid rgb(200,200,200);*/
        padding: 20px;
        min-height: 100px;
        width: 300px;
        border-radius: 3px;
        margin: 20px;
        display: inline-block;
    }
        .cont-numbers > div > span {
            display: block;
            text-align: center;
            font-weight: bold;
            padding: 5px;
        }
        .cont-numbers > div > span:first-child {
            font-size: 26pt;
        }
        .cont-numbers > div > span:last-child {
            font-size: 18pt;
            font-weight: normal !important;
        }
.btn-disable {
    cursor: not-allowed;
    pointer-events: none;
    /*Button disabled - CSS color class*/
    color: rgb(100,100,100);
    background-color: rgb(200,200,200);
}
.statewide-download-page-title {
    margin: 40px 10px 20px 10px;
    position: relative;
    margin-top: 102px;
    margin-left: 1px;
}
.statewide-download-page-title > div:first-child {
        font-size: 18pt;
        font-weight: bold;
    }
.total-contact-state-wide {
    margin-left: 232px;
    margin-top: -26px;
}
.total-contact-state-wide > span:nth-child(1) {
        font-size: 13pt;
        font-weight: bold;
    }



#ftr-disclaimer-btn {
    max-width: 1450px;
    position: absolute;
    top: -50px;
/*        border: 1px solid red;*/
    z-index: 501;
    /*    padding: 20px 50px;*/
    text-align: left;
    font-size: 14pt;
    color: rgb(50,50,50);
    /*    display: none;*/
}

.btn-discl {
    margin: 0 5px;
    padding: 5px 12px;
}


#ftr-disclaimer {
    max-width: 1400px;
    position: fixed;
    top: 150px;
    /*    border: 1px solid red;*/
    z-index: 2001;
    text-align: left;
    font-size: 14pt;
    color: rgb(50,50,50);
    display: none;
}

    #ftr-disclaimer > div {
        bottom: 4px;
        border-radius: 3px;
        margin: 50px 70px;
        /*        border: 1px solid red;*/
        box-shadow: 0 0 10px rgba(10,10,10,0.3);
        text-align: left;
        font-size: 14pt;
        color: rgb(50,50,50);
        background-color: white;
        padding: 50px;
        z-index: 5001;
    }

    #ftr-disclaimer > div > div:first-child {
        font-weight: bold;
        border-bottom: 1px solid rgb(100,100,100);
        padding-bottom: 5px;
    }
        #ftr-disclaimer > div > div:nth-child(2) {
            margin: 30px 0;
        }
        #ftr-disclaimer > div > div:nth-child(3) {
            margin: 0 auto !important;
            width: 100%;
            text-align: center;
        }




.usr-notes {
    position: fixed !important;
    bottom: 2%;
    left: 2%;
    right: 2%;    
    max-width: 1500px;
    margin: 0 auto;
    z-index: 6100;
    display: none;
}

    .usr-notes > div {
        min-width: 400px;
        max-width: 80%;
        display: inline-block;
        background-color: rgb(50,50,50);
        color: white;
        /*        font-weight: bold;*/
        padding: 10px;
        border-radius: 3px;
        font-size: 12pt;
    }