/* Minification failed. Returning unminified contents.
(455,22): run-time error CSS1031: Expected selector, found '!important'
(455,22): run-time error CSS1025: Expected comma or open brace, found '!important'
 */
@keyframes focus {
    to {
        border: solid 0.12em #01429e;
        -webkit-box-shadow: 0 0 6px 1px #137cd3;
        -moz-box-shadow: 0 0 6px 1px #137cd3;
        box-shadow: 0 0 6px 1px #137cd3;
        background: #C9EBFC;
    }
}
@-moz-keyframes focus {
    to {
        border: solid 0.12em #01429e;
        -webkit-box-shadow: 0 0 6px 1px #137cd3;
        -moz-box-shadow: 0 0 6px 1px #137cd3;
        box-shadow: 0 0 6px 1px #137cd3;
        background: #C9EBFC;
    }
}
@-webkit-keyframes focus {
    to {
        border: solid 0.12em #01429e;
        -webkit-box-shadow: 0 0 6px 1px #137cd3;
        -moz-box-shadow: 0 0 6px 1px #137cd3;
        box-shadow: 0 0 6px 1px #137cd3;
        background: #C9EBFC;
    }
}

@keyframes slide-down {
    from    { transform:translateY(-100%); }
    to      { transform: translateY(0); }
}
@-webkit-keyframes slide-down {
    from    { transform:translateY(-100%); }
    to      { transform: translateY(0); }
}
@-moz-keyframes slide-down {
    from    { transform:translateY(-100%); }
    to      { transform: translateY(0); }
}
@keyframes slide-up {
    from    { transform:translateY(0); }
    to      { transform: translateY(-100%); }
}
@-webkit-keyframes slide-up {
    from    { transform:translateY(0); }
    to      { transform: translateY(-100%); }
}
@-moz-keyframes slide-up {
    from    { transform:translateY(0); }
    to      { transform: translateY(-100%); }
}
@keyframes hide {
    to      { width:0;height:0;overflow:hidden;visibility: hidden;padding: 0;margin: 0;}
}
@-webkit-keyframes hide {
    to      { width:0;height:0;overflow:hidden;visibility: hidden;padding: 0;margin: 0;}
}
@-moz-keyframes hide {
    to      { width:0;height:0;overflow:hidden;visibility: hidden;padding: 0;margin: 0;}
}


.page-content.form {
    margin: auto;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    text-align: left;
}
ul.ul-no-style {
    display: list-item !important;

}
    ul.ul-no-style li{
        list-style:disc !important;
        margin-left:20px;
        padding-left:20px;
        display:list-item !important;
    }

ul.ul-no-style-nob {
    display: list-item !important;
}

    ul.ul-no-style-nob li {
        list-style: none !important;
        margin-left: 20px;
        padding-left: 20px;
        display: list-item !important;
    }
ul.req-files {
    color: red;
   
}
.green-text {
    color: #23b926 !important;
    
}
.form ul:not(.exclude-class) {
    list-style: none;
    margin: 0;
    padding: 0;
}

.form.readonly ul:not(.exclude-class) {
    display: inline-block;
    border: solid 1px #ffffff;
    vertical-align: baseline;
    width: 100%;
}

    .form.readonly ul li div {
        min-width: 380px;
        max-width: 580px;
        color: gray;
        margin-top: 3px;
        display: inline-block;
    }

.form ul:not(.exclude-class) li {
    list-style: none;
    display: inline;
}

    .form ul:not(.exclude-class) li label {
        float: left;
        padding-right: 10px;
        width: auto;
        min-width: 165px;
        max-width: 230px;
        margin-top: 5px;
        font-size: 12pt;
        margin-left: 0;
        color: #000000;
        text-transform: none;
        font-weight: normal;
    }

.required,.red-text,input.red-text {
    color: red;
}

span.required {
    line-height: 30px;
}

.field-validation-error {
    /*padding-left: 21px;
    background-image: url('images/icons/required.png');
    background-repeat: no-repeat;
    background-size: 14px auto;*/
}
    .field-validation-error:before {
        content: '\f071';
        font-family: 'Font Awesome\ 5 Regular';
        font-size: 12pt;
        vertical-align: top;
        margin-right: 10px;
    }
    sup {
        color: red;
    }

h4 {
    color: #0A5796;
    margin-top: 30px;
    padding: 0;
}
h4 em,label em{color:gray;font-weight:normal;}
h4 em.small, label em.small, span em.small {font-size: 11pt;}
.bold {
    font-weight: bold;
}
.underline{ text-decoration: underline;}
fieldset {
    margin-top: 10px;
}

.error-box {
    border-bottom-color: red !important;
}

.page-header {
    border-bottom: 1px solid #dddddd !important;
}

.btn-div {
    margin-top: 10px;
    padding-top: 30px;
    padding-bottom: 10px;
    border-top: 1px solid #dddddd;
}

.note {
    color: gray;
    font-size: 10pt;
    margin-top: -5px !important;
    margin-bottom: 5px;
    font-style: italic;
    display: block;
}

.error {
    color: Red;
}

.success {
    color: green;
}
.trash:before{
    content:'\f2ed';
    font-family:'Font Awesome\ 5 Solid';
    text-decoration:none;
    font-size:12pt;
}
.error-msg {
    font-size: 11pt;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: red;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    background-color: #FDE2DA;
    border: solid 1px #ff2552;
    text-transform:none !important;
}
.page-error {
    font-size: 11pt;
    line-height: 20px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    /*background-image: url('images/icons/error.png');
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: 8px;*/
    color: red;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    background-color: #FDE2DA;
    border: solid 1px #ff2552;
    font-weight:bold;
}
.page-error:before{
    content:'\f057';
    font-family:'Font Awesome\ 5 Solid';
    font-size:16pt;
    vertical-align:top;
    margin-right:10px;
}
.page-error ul{ margin-bottom: 0;margin-left:50px;}
.page-error ul li{ margin-bottom: 0;}
.page-success {
    font-size: 11pt;
    line-height: 20px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-image: url('images/icons/success.png');
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: 8px;
    color: green;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 35px;
    padding-right: 10px;
    margin-bottom: 15px;
    background-color: #DDF3DE;
    border: solid 1px #53A318;
    animation: hide 0s ease-in 4s forwards;
    -webkit-animation: hide 0s ease-in 4s forwards;
    -moz-animation: hide 0s ease-in 4s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.page-info {
    margin-top: 10px;
    line-height: 20px !important;
    font-size: 11pt;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-image: url('images/icons/warning.png');
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 10px;
    color: #000000;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 35px;
    padding-right: 10px;
    margin-bottom: 15px;
    background-color: #FFFBE9;
    border: solid 1px #DCC76A;
}

.page-alert {
    margin-top: 10px;
    line-height: 20px !important;
    font-size: 11pt !important;
    text-transform: none !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #000000;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px;
    background-color: #e3f1f8;
    border: solid 1px #c5dfec;
}

.page-nav-bar {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #EEEEEE;
    text-align: center;
}

.show {
    display: block !important;
}

.hide {
    display: none;
}

.no-show {
    display: none !important;
}

.login-status {
    float: right;
    color: #ffffff;
    font-size: 14pt;
}

    .login-status a {
        color: #ffffff;
    }

.slide-down {
    display: block !important;
    overflow-y: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 50015 !important;
    animation: slide-up 1s both normal;
    -webkit-animation: slide-up 1s both normal;
    -moz-animation: slide-up 1s both normal;
}

.slide-down-modal {
    display: block !important;
    height: 100% !important;
    width: 100% !important;
    background: transparent;
    overflow-y: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 50015 !important;
    animation: slide-down 0.5s both normal;
    -webkit-animation: slide-down 0.5s both normal;
    -moz-animation: slide-down 0.5s both normal;
}
.permit-titles ul {
    max-width: 23%;
}

.permit-titles {
    margin: auto;
    margin-right: 10px;
}

    .permit-titles ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: inline-block;
        margin-right: 10px;
    }

        .permit-titles ul li {
            list-style: none;
            display: inline-block !important;
            padding-bottom: 25px;
            vertical-align: top;
        }

            .permit-titles ul li div {
                line-height: 20px;
            }

img.gre {
    opacity: 0.35;
    filter: alpha(opacity=35); /* msie */
    background-color: #000;
}
.help-icon {
    height: 25px;
    margin-top: -4px;
    cursor: pointer;
    vertical-align:text-bottom;
}
.help-info {
    cursor: pointer;
    font-size: 13pt;
    color: #FC8405;
    vertical-align:central;
}

.form-dialog {
    max-width: 600px;
    width: 98%;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    box-sizing: border-box;
    text-align: left;
    border-radius: 5px;
    overflow-y: auto;
}

.form-dialog-vendors !important {
    max-width: 100px;
    width: 100%;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    box-sizing: border-box;
    text-align: left;
    border-radius: 5px;
    overflow-y: auto;
}

    .form-dialog ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .form-dialog ul li {
            list-style: none;
        }

            .form-dialog ul li label {
                color: gray;
            }
#mapFullScreen.form-dialog {
    max-width: 95% !important;
    max-height:95% !important;
}
.form-titles {
    margin: auto;
}

    .form-titles ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: inline-block;
        padding-right: 20px;
    }

        .form-titles ul li {
            list-style: none;
            display: inline-block !important;
            padding-bottom: 25px;
        }

            .form-titles ul li div.title a {
                margin-left: 40px;
            }

            .form-titles ul li div.title img {
                height: 35px;
                float: left;
                margin-top: 8px;
                margin-left: 10px;
                cursor: pointer;
            }

            .form-titles ul li div.title {
                text-align: left;
                line-height: 50px !important;
                border: solid 1px gray;
                min-width: 320px;
                color: #ffffff;
                font-size: 12pt;
                vertical-align: middle;
                border-radius: 35px 0px 0px 35px;
                /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,207cca+46,207cca+46,2989d8+63,7db9e8+100 */
                background: #1e5799; /* Old browsers */
                background: -moz-linear-gradient(top, #1e5799 0%, #207cca 46%, #207cca 46%, #2989d8 63%, #7db9e8 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(top, #1e5799 0%,#207cca 46%,#207cca 46%,#2989d8 63%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to bottom, #1e5799 0%,#207cca 46%,#207cca 46%,#2989d8 63%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
            }

                .form-titles ul li div.title:hover {
                    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
                    background: #7d7e7d; /* Old browsers */
                    background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6-15 */
                    background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
                }

                .form-titles ul li div.title.inactive {
                    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
                    background: rgb(238,238,238); /* Old browsers */
                    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
                    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
                }

                .form-titles ul li div.title span {
                    color: #ffffff;
                    margin-left: -25px;
                    text-transform: uppercase;
                    cursor: pointer;
                }

                .form-titles ul li div.title.inactive span {
                    color: gray !important;
                    cursor: default;
                }

.hyperlink {
    color: navy;
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: bold !important;
    cursor: pointer;
    font-size: 10pt;
}

.permit-nav {
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 10pt;
    color: #006699;
    font-weight: bold;
    padding-top: 15px;
    line-height: 30px;
    max-width: 250px;
    text-align: center !important;
}

    .permit-nav img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .permit-nav span {
        width: 100%;
        max-width: 190px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        display: inline-block;
        border: solid 1px rgb(226,226,226);
        border-radius: 10px;
        line-height: 32px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */
        background: rgb(226,226,226); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
        color: gray;
        font-weight: normal;
        text-transform: uppercase;
        font-size: 9pt;
        white-space: nowrap;
        font-weight: bold;
        padding-left: 5px;
        padding-right: 5px;
    }
        .permit-nav span.information {
            color: #ffffff;
            border-color: #28343b;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#28343b+0,828c95+64,b5bdc8+100 */
            background: rgb(40,52,59); /* Old browsers */
            background: -moz-linear-gradient(top,  rgba(40,52,59,1) 0%, rgba(130,140,149,1) 64%, rgba(181,189,200,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#b5bdc8',GradientType=0 ); /* IE6-9 */
        }
        .permit-nav span.active {
            color: navy;
            cursor: pointer !important;
            border-color: #98BEDE;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#98bede+0,deefff+100 */
            background: rgb(152,190,222); /* Old browsers */
            background: -moz-linear-gradient(top, rgba(152,190,222,1) 0%, rgba(222,239,255,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(152,190,222,1) 0%,rgba(222,239,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgba(152,190,222,1) 0%,rgba(222,239,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98bede', endColorstr='#deefff',GradientType=0 ); /* IE6-9 */
        }

        .permit-nav span.current {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a5c956+0,e9f7ca+100 */
            background: rgb(165,201,86); /* Old browsers */
            background: -moz-linear-gradient(top, rgba(165,201,86,1) 0%, rgba(233,247,202,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(165,201,86,1) 0%,rgba(233,247,202,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgba(165,201,86,1) 0%,rgba(233,247,202,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5c956', endColorstr='#e9f7ca',GradientType=0 ); /* IE6-9 */
            border-color: #abbd73;
            pointer-events: none;
        }
        /*.permit-nav span.error {
            color: red;
            border-color: red;
        }*/
        .permit-nav span.active.error:before {
            content: '\f071';
            font-family: 'Font Awesome 5 Solid';
            font-size: 12pt;
            float: left; 
            color:red;
        }

.event-loc {
    display: inline-block;
    border: 1px solid #E3E3E3;
    line-height: 20px !important;
    margin-bottom: 5px;
    text-transform: uppercase;
    width: 97%;
    padding-bottom: 10px;
    padding-top: 12px;
    padding-left: 7px;
    padding-right: 7px;
}

.event-loc {
    border-radius: 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+49,eaeaea+51,f2f2f2+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 49%, rgba(234,234,234,1) 51%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 49%,rgba(234,234,234,1) 51%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 49%,rgba(234,234,234,1) 51%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
/*.event-loc.validate{ color: Maroon;}*/
.location-edit {
    background: #ffffff !important;
    padding: 10px;
    border-radius: 10px;
}

.event-quest {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 10px;
    background: #F2F2F2;
    border-radius: 5px;
}

    .event-quest:last-child {
        margin-bottom: 25px;
    }

    .event-quest select {
        width: auto;
    }

.quest-ans {
    text-align: right;
    float: none;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    border: solid 0 red;
}

.quest-answerdetailprompt {
    display: none;
}

.subquest {
    display: none;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
}

.question.missing {
    background-color: #FDE2DA;
    border: solid 1px #ff2552;
}

.ans-error {
    color: red;
    font-weight: bold;
    line-height: 30px;
}
.div-loc-summary {
    border-bottom: dashed 1px gray;
}
    .div-loc-summary:last-child {
        border-bottom:none;
    }
.loc-summary {
    padding-top: 1px;
    font-size: 10pt;
    margin-left: 15px;
}

    .loc-summary ul li label {
        float: left;
        width: 150px;
        margin: 0;
        text-transform: none;
        font-weight: normal;
        color: #000000;
    }

    .loc-summary ul lispan {
        color: gray;
    }

span.validate {
    color: red;
}

.breadcrumb {
    margin-left: 0;
    list-style: none;
    overflow: hidden;
    font: 16px Helvetica, Arial, Sans-Serif;
}

    .breadcrumb li {
        float: left;
    }

        .breadcrumb li a {
            color: white;
            text-decoration: none;
            padding: 10px 0 10px 55px;
            /*background: brown; 
                    background: hsla(34,85%,35%,1);*/
            background: rgb(152,190,222); /* Old browsers */
            position: relative;
            display: block;
            float: left;
        }

            .breadcrumb li a:after {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
                border-bottom: 50px solid transparent;
                border-left: 30px solid rgb(152,190,222);
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 100%;
                z-index: 2;
            }

            .breadcrumb li a:before {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
                border-bottom: 50px solid transparent;
                border-left: 30px solid white;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                margin-left: 1px;
                left: 100%;
                z-index: 1;
            }

        .breadcrumb li:first-child a {
            padding-left: 10px;
        }

        .breadcrumb li:last-child a {
            /*background: transparent !important;
                    color: black;*/
            background: rgb(165, 201, 86) !important;
            pointer-events: none;
            cursor: default;
        }

            .breadcrumb li:last-child a:after {
                border-left: 30px solid rgb(165, 201, 86) !important;
            }

/*.breadcrumb li a:hover {
                    background: hsla(34,85%,25%,1);
                }

                    .breadcrumb li a:hover:after {
                        border-left-color: hsla(34,85%,25%,1) !important;
                    }*/
.menuRow {
    line-height: 25px;
}
.menuRow input[type="checkbox"]{ height: 18px;width: 18px;margin-top: -3px;margin-right: 5px;}
.orange{ color: #ed7601 !important;font-weight: bold;}
.blue{ color: blue !important;font-weight: bold;}
.lightblue{ color: #42A2EC !important;font-weight: bold;}
.black{ color: #000000 !important;font-weight: bold;}
.green{ color: Green !important;font-weight: bold;}
.collapsed:after {
    content: '\E638';
    border: 1px solid #818181;
    border-radius: 50%;
}
.no-space{ margin: 0;padding: 0;margin-bottom: 15px;}
.expand {
    background-image: url('images/icons/collapse.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: right;
    cursor: pointer;
}
.collapse {
    background-image: url('images/icons/expand.png') !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: right;
    cursor: pointer;
}
.hide-anim {
    animation: hide 0s ease-in 0.5s forwards;
    -webkit-animation: hide 0s ease-in 0.5s forwards;
    -moz-animation: hide 0s ease-in 0.5s forwards;
}
.resultgrid
    {
        padding-right: 5px;
    }

    .resultgrid ul
    {
        margin-left: 0;
        list-style: none;
        /*border-bottom: solid 1px lightgray;
        border-top: solid 1px lightgray;*/
        cursor: pointer;
        display: list-item !important;
    }
        .resultgrid ul li
        {
            list-style: none;
            margin: 0;
            padding: 0;
            display: block;
        }
.result-row-odd {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    /*background: #f2f2f2;*/
    padding-top: 3px;
    border-bottom: solid 1px lightgray;
    background-image: url('images/icons/forward-blue.png');
    background-repeat: no-repeat;
    background-position: right;
}
.result-row-event {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding-top: 3px;
    /*background: #FEEBD4;*/
    border-bottom: solid 1px lightgray;
    background-image: url('images/icons/forward-blue.png');
    background-repeat: no-repeat;
    background-position: right;
}
.popup-info {
    border: solid 1px gray;
    margin-right: -5px;
    padding: 5px;
    -moz-box-shadow: 0 0 2px 2px #888;
    -webkit-box-shadow: 0 0 2px 2px#888;
    box-shadow: 0 0 2px 2px #888;
    margin: auto;
    width: 95%;
}
.eventDetails ul{
    list-style: none;
}
.eventDetails ul li{
    list-style: none;
    display: block;
    line-height: 23px;
}
    .eventDetails ul li span {
        font-weight: bold;
        float: left;
        color: gray;
        width: 120px;
    }
#map {
    height: 380px;
    width: 100%;
    border: solid 2px gray;
}
#infoBox {
    width: 300px;
}
.mapsView{height: 380px;padding-top:10px;padding-right:7px;padding-left:2px;padding-bottom:10px;position:relative;}
.maximize{box-shadow: 1px 1px; cursor:pointer;width:69px;height:24px;color:#777777;border-radius:2px;position:absolute;top:20px;right:10px;background:#ffffff;z-index:5000;font-size:8pt;font-weight:bold;text-align:center;vertical-align:middle;padding:6px;}
.maximize:hover{ background: #EEEEEE;}
.fullScreen{
    margin: 0;padding: 0;
}
.map-close {
    position: absolute;
    right: 10px;top: 10px;
    z-index: 50067 !important;
}
div.inq-item {
    padding: 5px;
    border-bottom: solid 1px #cccccc;
    margin-bottom: 5px;
    background-color: #FAF9F8;
}
div.inq-item strong.inq-head{ background: #eeeeee !important;padding: 5px;border-radius: 10px;}
div.inq-item:last-child{ border-bottom: none;}
div.inq-item div{ margin-left: 10px;}
div.inq-item div strong{ color: gray;padding: 5px;font-weight: normal;}
div.inq-item a{ font-size: 9pt;text-align: right;font-style: italic;}
.show-history-messages{ max-height: 250px;overflow: auto;}
.show-history-messages a{ display: none;}
.login-info-mess {
    padding: 5px 0 5px 0;
    color:#000;
    font-size:11pt;
    font-weight:500;
    /*border:gray solid 1px;*/
}
.flash-text {
    color: red;
    font-size: 9pt;
}
.resources-view ul li{
    list-style:none;
    padding-bottom:8px;
}
.x-small-inputs tr td input {
    padding: 0;
    margin: 0;
}
.x-small-grid thead tr td{
    font-size:9pt;
}
.x-small-grid tbody tr td {
    font-size: 9pt;
}
.tr-even{

}
.tr-odd{
    background-color:whitesmoke;
}
@media (max-width: 750px) {
    .permit-nav{ display: none;text-align: center;max-width: 80%;}
    .permit-nav span{ width: 80%;}
    .mobile-nav{ display: block;}
    .messageBox {
        z-index: 50038 !important;
        position: fixed !important;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .medium{ max-width: 150px !important;}
    .small{ max-width: 100px !important;}
    #permitNav{ display: none;}
    #btnSearchFilter{ display: block;}
    .permit-titles ul {
        max-width: 45%;
    }
}
@media (min-width: 481px) and (max-width: 767px) {

}
@media (min-width: 768px) and (max-width: 1024px) {
    .permit-titles ul {
        max-width: 23%;
    }
}