body {
}

.ui-header .ui-title {
    margin: 0 0;
    padding-bottom: 0;
    padding-bottom: 0.7em;
    padding-top: .7em;
    padding-left: 0;
    padding-right: 0;
}

/*.LoginPage1 {
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    color: black;
    text-shadow: none;
    font-size: 0.9em;
}*/
#initFlashScreen {
    top: 0px;
    height: 1000px;
    left: 0px;
    right: 0px;
    padding: 0px;
    z-index: 10001;
    background-color: #333333;
    /*background-color: #000033;*/
    color: white;
    text-align: center;
    position: absolute;
}

.TPWDColors {
    background-color: #333333;
    color: #007f62;
}

.EMSFeedbackColors {
    background-color: white;
    color: #ff9c3c;
}
/*map*/
.map-canvasContainer {
    position: absolute;
    top: 45px;
    bottom: 36px;
    /*bottom: 47px;*/
    left: 0;
    right: 0;
    padding: 0;
}

#map-canvas {
    /*position: absolute;
    height: 100%;
    width: 100%;*/
    /*background-color: red;*/
}
/*help*/
.help-Container {
    text-align: center;
    color: #ffffff;
    background-color: #007F62;
    position: absolute;
    top: 45px;
    bottom: 36px;
    /*bottom: 47px;*/
    left: 0px;
    right: 0px;
}


#mapTasksPanel {
    width: 270px;
    background-color: #333333;
    border: 1px solid black;
    position: absolute;
    left: -300px;
    bottom: 36px;
    /*top: 44px;*/
    border-radius: 15px 15px 0 0;
    /*border-radius: 15px 15px 0 0;*/
    z-index: 1001;
}

    #mapTasksPanel .ui-btn {
        padding: .4em 1em;
    }

#panel-ZoomToCounty.ui-panel .ui-panel-inner {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    /*font-size: 0.8em;*/
}

#zoomToCountyListView {
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    top: 120px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 12px;
    -webkit-overflow-scrolling: touch;
}

#panel-ZoomToLWRCRP.ui-panel .ui-panel-inner {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    /*font-size: 0.8em;*/
}

#zoomToLWRCRPListView {
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    top: 120px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 12px;
    -webkit-overflow-scrolling: touch;
}

#panel-ZoomToMisc.ui-panel .ui-panel-inner {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    /*font-size: 0.8em;*/
}

#zoomToMiscContent {
    padding: 10px;
    position: absolute;
    top: 50px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
/*LayerManagementPanel*/
#panel-LayerManagement.ui-panel .ui-panel-inner {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    /*font-size: 0.8em;*/
}

#LayerManagementContent {
    /*overflow-y: scroll;*/
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 48px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    /*padding: 12px;*/
    -webkit-overflow-scrolling: touch;
    padding-left: 0;
    padding-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    /*background-color: red;*/
}

#tileLayerLegend {
    font-size: 0.9em;
    color: #000;
    text-shadow: none;
    width: 248px;
    margin-left: auto;
    margin-right: auto;
}

    #tileLayerLegend .ui-slider .ui-mini {
        /*width: 130px;*/
        width: 100px;
    }

    #tileLayerLegend .ui-checkbox {
        margin-bottom: 0px;
        margin-top: 0px;
        width: 248px;
    }

    #tileLayerLegend li {
        background-color: #f6f6f6;
        width: 248px;
        margin-left: auto;
        margin-right: auto;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        height: 90px;
        margin-top: 10px;
    }

    #tileLayerLegend .updownSpan {
        float: right;
        position: relative;
        top: -70px;
        z-index: 1000;
        height: 80px;
        display: inline;
        /*right: 44px;*/
    }

        #tileLayerLegend .updownSpan .ui-alt-icon.ui-btn::after {
            background-color: #f6f6f6;
        }

    #tileLayerLegend .ui-field-contain {
        height: 40px;
        left: 40px;
        margin-top: 0;
        padding-bottom: 10px;
        padding-top: 0;
        width: 200px;
    }

#mapExtentEMSLegend {
    display: none;
    width: 242px;
    position: relative;
    top: 20px;
    border-radius: 6px;
    background-color: white;
    padding: 2px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.flex-container {
    display: flex;
    flex-direction: column;
}

/*#TxCountyBoundary_VisibilityLabel,
#VegMapPhases_VisibilityLabel,
#TPWDParks_VisibilityLabel {
    border: 0px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}*/
/*.layerVisibilityLabel*/
#TxCountyBoundary_VisibilityLabel,
#VegMapPhases_VisibilityLabel,
#TPWDParks_VisibilityLabel,
#EMSFB_VisibilityLabel
{
    /*font-size: 0.8em;
    top: 6px;
    position: relative;*/
    border: 0px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 14px;
}

#tileLayerLegend .ui-last-child a {
    border: 0px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/*#sliderCountiesLabel,
#sliderEMSLabel,
#sliderLWFCRPLabel*/
/*.sliderLabel*/ 
#sliderCountiesLabel,
#sliderEMSLabel,
#sliderLWFCRPLabel,
#sliderEMSFBLabel
{
    font-size: 0.8em;
    top: 6px;
    position: relative;
    width: 40px;
}

/*#tileLayerLegend label {
        font-size: 0.8em;
        top: 6px;
        position: relative;
        border: 0px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }*/


#SliderZoomLevelDiv .ui-slider-track {
    display: none;
}

#SelectZoomLevelDiv .ui-select {
    width: 100px;
}

/*LayerManagementPanel*/
#panel-MapOptions.ui-panel .ui-panel-inner {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    /*font-size: 0.8em;*/
}

#MapOptionsContent {
    /*overflow-y: scroll;*/
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 48px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 12px;
    -webkit-overflow-scrolling: touch;
    /*background-color: red;*/
}


#menuPanel {
    width: 270px;
    background-color: #333333;
    border: 1px solid black;
    position: absolute;
    left: -300px;
    /*bottom: 44px;*/
    /*top: 24px;*/
    border-radius: 0 0 15px 15px;
    /*border-radius: 15px 15px 0 0;*/
    z-index: 1001;
}

    #menuPanel .ui-btn {
        padding: .4em 1em;
    }

/*Login*/
.login-Container {
    text-align: center;
    color: #ffffff;
    /*background-color: blue;*/
    position: absolute;
    top: 45px;
    bottom: 36px;
    /*bottom: 47px;*/
    left: 0px;
    right: 0px;
}

/*center Horizontal Element Parent*/
.cenHElemPar {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
/*center Horizontal Element*/
.cenHElem {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.infoMessage {
    color: #0000FF;
    /*color:#c0b6b6;*/
    font-size: 9pt;
    display: block;
    width: 280px;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: auto;
    margin-right: auto;
}

.errorMessage {
    color: #ff0000;
    font-size: 9pt;
    display: none;
    width: 280px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
}

/*.LoginPage .errorMessage {
    text-align: center;
    color: red;
    font-weight: bold;
    font-size: small;
    width: 300px;
}*/

/*create login password*/
#password_strength {
    height: 10px;
    display: block;
}

#password_strength_border {
    width: 144px;
    height: 10px;
    border: 1px solid black;
}

.strength0 {
    width: 144px;
    background: #cccccc;
}

.strength1 {
    width: 40px;
    background: #ff0000;
}

.strength2 {
    width: 60px;
    background: #ff5f5f;
}

.strength3 {
    width: 80px;
    background: #56e500;
}

.strength4 {
    background: #4dcd00;
    width: 100px;
}

.strength5 {
    background: #399800;
    width: 144px;
}