body {
    padding-top: 50px;
}
.dojoxGridView

{
    background-color: rgba(204, 204, 204, 1) !important;
}
/*svg:not(:root) {
    border: 1px solid rgba(204, 204, 204, 1) !important;
}*/
#scaletext

{
    color: #f7f4f4;
    text-shadow: 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black;
    -webkit-font-smoothing: antialiased;
}
/*.esriPopupWrapper .title {*/
    /*cursor: move;*/
/*}*/
/*to remove the hand cursor from the required label on attribute inspector*/
/*.esri-feature-table .esri-feature-table-grid {
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    right: 30px;
    top: 0;
}*/
/*.esri-feature-table-menu .esri-feature-table-menu-item {
    height: 30px;
    line-height: 30px;
    margin: 0;
    margin-left: 16px  !important;
}*/

/*.dijitBorderContainerNoGutter ,dijitContainer ,esri-feature-table-border-container ,dijitLayoutContainer
{
    right: 15px  !important;

}*/
/*.dijitContentPane.esri-feature-table-content-pane.esri-feature-table-menu.dijitBorderContainerNoGutter-child.dijitBorderContainerNoGutter-dijitContentPane.dijitBorderContainerNoGutterPane.dijitAlignTop {
    left: 10px;
    right: 15px !important;
    top: 0px;
    position: absolute;
    width: 1895px;
}


.esri-feature-table .esri-feature-table-grid {
    bottom: 0;
    height: auto;
    left: 10px;
    position: absolute;
    right: 15px;
    top: 0;
}*/
/*
.dijitBorderContainerNoGutter .dijitContainer .esri-feature-table-border-container .dijitLayoutContainer
{
    height: 60% !important
}
.dijitContentPane.esri-feature-table-content-pane.dijitBorderContainerNoGutter-child.dijitBorderContainerNoGutter-dijitContentPane.dijitBorderContainerNoGutterPane.dijitAlignCenter
{

    height: 100% !important
}
*/

/*.esriPopup
{
      z-index: 9999988888888888888888888900 !important;
}*/
/*.uiblockmessage
{
   display: none !important;
}*/
/*to fix the table width when minimzing the browser*/
.dijitContentPane.esri-feature-table-content-pane.dijitBorderContainerNoGutter-child.dijitBorderContainerNoGutter-dijitContentPane.dijitBorderContainerNoGutterPane.dijitAlignCenter
{
    width: 100% !important;

}
/*to fix the table width when minimzing the browser*/
.dijitContentPane.esri-feature-table-content-pane.esri-feature-table-menu.dijitBorderContainerNoGutter-child.dijitBorderContainerNoGutter-dijitContentPane.dijitBorderContainerNoGutterPane.dijitAlignTop
{
    width: 100% !important;


}

.map .esriMapTooltip
{
    margin-left: 10px !important;
    margin-top: 10px !important;

}
.sweet-overlay {
    display: none !important;
}

/*for the required fields defined as not allowing null values in database not to show the red **/
.esriAttributeInspector .atiRequiredField {
    color: #de2900;
/*    display: none;*/
}
.sweet-alert
{
    z-index: 100000000000000000000000000000 !important;
    border: 1px solid gray;
}
.esriPopup
{
/*       z-index: 99999900 !important;*/
}
.dijitPopup
{
    z-index: 10000000000000000000 !important;
}
.dijitComboBoxMenuPopup
{
/*   z-index: 10000000000000000000000000000000000000000000000000000000000000 !important;*/
}


#dojox_widget_Standby_1 > div
{
    height: 100% !important;
    width: 100% !important;
}
.esri-feature-table {
    font-family: verdana !important;
    font-size: 12px !important;
    height: 110% !important;
    width: 100% !important;
}
.panel-container-vertical {
    display: flex;
    flex-direction: column;
    height: 500px;
    border: 1px solid silver;
    overflow: hidden;
}
.scalebar_top-right {
    right: 150px;
    top: 128px !important;
}
.gutter {
    height: 5px;
    z-index: 999;
    background-color: #ccc;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: row-resize;
}
.split {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.gutter.gutter-vertical {
    background-image: url(../images/horizontal_black.png) !important;
}

/*.gutter.gutter-horizontal {*/
    /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');*/
/*}*/

#homecontent-mid {
    margin-top: 0;
    min-height: 100%;
    outline: medium none;
    overflow: visible;
    position: relative;
}
#bot {
    background: #fff;
    position: relative;
    clear:both;
    height: 100%;
}
#ho
div.dijitDialogTitleBar.dijitAlignTop
{
    width: 100% !important;
}
#stewspacebutton_label.dijitReset.dijitInline.dijitButtonText, #acountyspacebutton_label.dijitReset.dijitInline.dijitButtonText, #aareaspacebutton_label.dijitReset.dijitInline.dijitButtonText,
#apointspacebutton_label.dijitReset.dijitInline.dijitButtonText, #alinespacebutton_label.dijitReset.dijitInline.dijitButtonText
{
    cursor: context-menu !important;

}
.esriSimpleSliderTL {
    top: 45px;
}
#stewspacebutton .dijitToggleButton, .dijitButton, .dijitDropDownButton, .dijitComboButton, #acountyspacebutton .dijitToggleButton, .dijitButton, .dijitDropDownButton, .dijitComboButton,
#aareaspacebutton .dijitToggleButton, .dijitButton, .dijitDropDownButton, .dijitComboButton, #apointspacebutton .dijitToggleButton, .dijitButton, .dijitDropDownButton, .dijitComboButton,
#alinespacebuttonn .dijitToggleButton, .dijitButton, .dijitDropDownButton, .dijitComboButton
{

    cursor: context-menu !important;

}

/*Internet explorer*/

    #stewspacebutton
    {
        color: red;
        user-select: none;
        left: 142px;
        top: 579px;
        position: absolute;
        cursor: context-menu !important;

    }

/*to work for  firefox and chrome*/
@-moz-document url-prefix() {
    #stewspacebutton
    {
        color: red;
        user-select: none;
        left: 142px;
        top: 589px;
        position: absolute;
        cursor: context-menu !important;

    }}

 #acountyspacebutton
{
    color: red;
    user-select: none;
     left: 142px;
    position: absolute;
    cursor: context-menu !important;

}
#aareaspacebutton, #apointspacebutton, #alinespacebutton
{
    color: red;
    user-select: none;
    left: 142px;
/*    bottom: 23px;*/
    position: absolute;
    cursor: context-menu !important;
}
.esriPopup .hidden {
    display: none !important;
}
.field-PlanLength {
    width: 48px !important;
}
.field-PlanType {
    width: 68px !important;
}
.field-Forester {
    width: 108px !important;
}
.field-RecipientFirstName {
    width: 88px !important;
}
.field-RecipientLastName {
    width: 88px !important;
}
.field-Office {
    width: 68px !important;
}
.field-County {
    width: 68px !important;
}

.field-Program {
    width: 62px !important;
}
.field-DateComplete {
    width: 96px !important;
}

.field-Acres {
    width: 72px !important;
}

.field-PlanID {
    width: 98px !important;
}

.claro .dijitSelect .dijitArrowButtonContainer {
    border-right: 1px solid #d3d3d3 !important;
}
.btn-default {

    background-image: none !important;
}
#clearguidepointscontainer {
    top: 115px;
    right: 90px;
}
.map .esriMapTooltip, .esriMapTooltip {

    word-wrap: break-word;
    position: absolute;
    border: 1px solid #7EABCD;
    background-color: white;
    padding: 5px;
    font-size: 9pt;
    z-index: 9999;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.claro .dijitTooltipContainer {
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-color: white;
}

.dijitTooltipContainer {

    word-wrap: break-word !important;
    position: absolute !important;
    border: 1px solid #7EABCD !important;
    background-color: white !important;
    padding: 5px !important;
    font-size: 9pt !important;
    z-index: 9999 !important;
    -o-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
}


.dijitTooltipRight
{
    width: 300px !important;
    opacity: 1 !important;
    color: #ff3e2d !important;
    padding-left: 54px !important;
}
.esri-feature-table-dialog .dijitDialogTitleBar {
    padding: 2px 3px 2px !important;
}
.ui-draggable .ui-dialog-titlebar {
    /*cursor: move;*/
    background-color: #000;
    color: white;
    padding-bottom: 2px;
}
.esri-feature-table-dialog .dijitDialogTitleBar .dijitDialogCloseIcon {
    background-clip: border-box !important;
    background-image: url(https://js.arcgis.com/3.24/esri/dijit/FeatureTable/images/ago_sprite.png) !important;
    background-position: -16px 0 !important;
    background-repeat: no-repeat !important;
    left: auto !important;
    right: 5px !important;
    margin-top: 5px !important;
    padding-top: 3px !important;
}
.claro .dijitTextBoxFocused .dijitInputContainer {
   background: transparent !important;
}
.claro .dijitSelect .dijitInputField, .claro .dijitTextBox .dijitInputField {
    padding: 3px 2px !important;
}
.esriPopupWrapper {
    background-color: #fff  !important;
    border: 2px solid #dddddd !important;
    background: #ffffff !important;
}
.esriPopup .contentPane, .esriPopup.light .contentPane, .esriPopup.dark .contentPane {

    padding: 5px 5px 5px 5px !important;
    max-height: 385px !important;
}
.esriPopup .titleButton.close {
    right: 8px !important;
    top: 8px !important;
    background-position: 0 0;
    background-clip: border-box !important;
    background-image: url(https://js.arcgis.com/3.24/esri/dijit/FeatureTable/images/ago_sprite.png) !important;
    background-position: -18px 0 !important;
    background-repeat: no-repeat !important;
    background-position: -80px -128px;
}

.ui-icon-close {
    background-clip: border-box !important;
    background-image: url(https://js.arcgis.com/3.24/esri/dijit/FeatureTable/images/ago_sprite.png) !important;
    background-position: -16px 0 !important;
    background-repeat: no-repeat !important;
    background-position: -80px -128px;
    /*margin-left: 205px !important;*/
}
.esriPopup .title
{
    font-size: 20px !important;
}
.helpttitle {
    color: white;
    margin-left: 6px;
    font-size: 20px;
    vertical-align: middle;
}
.ui-draggable .ui-dialog-titlebar {
    /*cursor: move;*/
    background-color: #500 !important;
    color: white;
}
.helpbutton   {
    -webkit-border-radius: 5px 5px 0px 0px;
    background: #500 !important;
    border-color: #500 !important;
}

.ui-widget-content {
    border: 2px solid #dddddd !important;
    background: #ffffff;
    color: #333333;
}
 .helpheader   {
    border: 1px solid #500 !important;
    background: #500 !important;
    font-weight: normal;
    color: #454545;
}
#container {
    box-shadow: 0 0 0.75em #777777;
    -webkit-box-shadow: 0 0 0.75em #777777;
    border-radius: 5px;
    -webkit-border-radius: 5px;
     width: 500px;
     position: absolute;
     left: 737px;
     top: 67px;
 }
#container h3 { text-align: center; margin: 0; margin-bottom: 10px; }

#helpcontent

{
    padding: 10px

}



.templatePicker2 {
    border: none !important;
    padding: 0px !important;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    left: 378px;
    top: 63px;
    z-index: 999;
    height: 30px;
}
.modal {

    left: -500px !important
}
.esriAttributeInspector .atiLayerName {
    display: none !important;
    /*margin: 5px auto;*/
    /*font-weight: bold;*/
    /*border-bottom: 1px solid #A9A9A9;*/
}
#guidegpxbuttoncontainer
{
    right: 172px;
   top: 107px !important;
}
.dgrid-hider-toggle {
display: none !important;
}
.esriSignInDialog .dijitDialogTitleBar .dijitDialogCloseIcon
{

    display: none !important;

}
#widget_dijit_form_ValidationTextBox_0, #widget_dijit_form_ValidationTextBox_1, #widget_dijit_form_ValidationTextBox_2
{
height: 25px;
    width: 99% !important;
}
.esriIdCancel
{

    display: none !important;
}
.arcgisSearch .searchGroup .searchInput {

    border-radius: 0px 0px 0px 0px !important;
}
.esri-icon-close {

    margin-top: 9px !important;

}
.esri-icon-close:before
{
    display: none !important;
}
.sweet-container {
    zoom: 0.95 !important;
}
.bootstrap-timepicker-widget.dropdown-menu {
    z-index: 1050!important;
}
#bot1
{
    width: 100%;
    left: 5px !important;
    top: 481px !important;
    height: 37px !important;
   overflow-y: visible !important;
   overflow-x: visible !important;
}
.claro .dijitSplitContainer-child, .claro .dijitBorderContainer-child {
    border: none !important;
}

#bot2

{
    /*height: 87%;*/
    /*overflow-y: initial !important;*/
    /*padding-left: unset !important;*/
   /*padding-right: unset !important;*/
    /*z-index: 90 !important;*/

}
/*.esriAttributeInspector .atiButtons .dijitButton:nth-last-child(1)*/
/*{*/
    /*width: 50px !important;*/
/*}*/
/*// to remove the grey rectangles for moving and rotating as it is disabled*/
/*#map_graphics_layer path*/
/*{*/

/*}*/
/*svg:hover circle{*/
    /*fill: #F6831D;*/
    /*stroke-dashoffset: 0;*/
    /*stroke-dasharray: 700;*/
    /*stroke-width: 2;*/
/*}*/

.esriPopup .titleButton {

    top: 7px !important;

}
.esriAttributeInspector .atiButtons {

     padding-top: 12px !important;

 }

.esriAttributeInspector .atiEditorTrackingInfo {
    padding-top: 10px !important;
    font-size: 14px !important;
    font-style: italic !important;
}
#addrelatedrecord
{
    margin: 0px !important;
    margin-left: 22px !important;
    background-color: white;
    width: 54px !important;
    height: 35px !important;
    /*border: solid 1px #b5bcc7 !important;*/
    box-shadow: 2px 2px #c2c2c2 !important;
    border-radius: 3px !important;
    background-image: none !important;
  padding-top: 6px !important;

}
.enabledcountybutton {
 
    width: 52px !important;
    height: 35px !important;
    border: solid 1px #b5bcc7;
    border-radius: 3px !important;
    box-shadow: 2px 2px #c2c2c2 !important;
    padding-top: 9px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    padding-bottom: 8px;
    margin-left: 5px;
    left: 270px;
    position: absolute;
}

.disabledcountybutton {

    width: 52px !important;
    height: 35px !important;
    border: solid 1px #b5bcc7 !important;
    border-radius: 3px !important;
    box-shadow: 2px 2px #c2c2c2 !important;
    padding-top: 9px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    padding-bottom: 8px;
    margin-left: 5px;
    left: 270px;
    position: absolute;
}
.countysavebuttonhover
{
    border: solid 1px #1c1c1c !important;
    box-shadow: 2px 2px #c2c2c2 !important;
 
}

.countysavebutton
{

    width: 52px !important;
    height: 35px !important;
    border: solid 1px #b5bcc7 !important;
    box-shadow: 2px 2px #c2c2c2 !important;
    border-radius: 3px !important;
    padding-top: 9px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    padding-bottom: 8px;
    margin-left: 5px;
    left: 270px;
    position: absolute;
}
.notcountysavebuttondisabled
{

   border: solid 1px #b5bcc7 !important;
}
.stewsavebuttonhover
{
    margin: 0px !important;
    margin-left: 31px !important;
    border: solid 1px #1c1c1c !important;
    box-shadow: 2px 2px #c2c2c2 !important;
    border-radius: 3px !important;
    padding-top: 9px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    padding-bottom: 8px;
}
.enabledbutton {
    margin-left: 41px !important;
    width: 52px !important;
    height: 35px !important;
    border: solid 1px #b5bcc7;
    border-radius: 3px !important;
    box-shadow: 2px 2px #c2c2c2 !important;
    padding-top: 9px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    padding-bottom: 8px;
}

.disabledbutton {
    margin-left: 41px !important;
    width: 52px !important;
    height: 35px !important;
    border: solid 1px #b5bcc7 !important;
    border-radius: 3px !important;
    box-shadow: 2px 2px #c2c2c2 !important;
    padding-top: 9px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    padding-bottom: 8px;
}
.stewsavebutton
{
    margin: 0px !important;
    margin-left: 26px !important;
    border: solid 1px #b5bcc7 !important;
    box-shadow: 2px 2px #c2c2c2 !important;
    border-radius: 3px !important;
    padding-top: 9px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    padding-bottom: 8px;
}
.savebuttonhover {
    margin: 0px !important;
    margin-left: 47px !important;
    border: solid 1px #1c1c1c !important;
    box-shadow: 2px 2px #c2c2c2 !important;
    border-radius: 3px !important;
    padding-top: 9px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    padding-bottom: 8px;
}
.savebuttonstands {
    margin-left: 41px !important;
    width: 52px !important;
    height: 35px !important;
    border: solid 1px #b5bcc7 !important;
    border-radius: 3px !important;
    box-shadow: 2px 2px #c2c2c2 !important;
    padding-top: 9px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    padding-bottom: 8px;
}
.delebuttonstands {
    margin-left: 4px;
    width: 55px !important;
    height: 35px !important;
    height: 35px !important;
    border: solid 1px #b5bcc7 !important;
    box-shadow: 2px 2px #c2c2c2 !important;
    border-radius: 3px !important;
    padding-top: 6px !important;
}
.delebuttonstandshover {

    border: solid 1px #1c1c1c !important;
    /* box-shadow: 2px 2px #c2c2c2 !important; */
    border-radius: 3px !important;
    padding-top: 7px !important;
    padding-bottom: 9px;
    /*padding-right: 3px;*/
    /*padding-left: 1px;*/
}

#savebutton_label, #pointsavebutton_label, #aareasavebutton_label, #linesavebutton_label, #savebuttonmanagementplanstands_label, #savebuttonstands_label, #stewsavebutton_label
{
    padding-bottom: 2px !important;
    padding-left: 0.8em !important;
    padding-right: 0.8em !important;
}


.esriAttributeInspector .atiButtons .dijitButton:first-child
{
    margin-left: 11px;
    /*width: 55px ;*/
    height: 35px;
    border: solid 1px #b5bcc7;
    box-shadow: 2px 2px #c2c2c2;
    border-radius: 3px ;
    padding-top: 7px ;

}

.esriPopup .sizer {
    width: 365px !important;
    /*max-height: 325px;*/
}

.esriAttributeInspector .atiLabel {
    text-align: right !important;
}
/*// color of text in table*/
.ui-state-active {
/*    border: 3px solid #B4DAF5 !important;*/
    background-color: #B4DAF5 !important;
    font-weight: normal;
    color: #333 !important;
}
.esri-feature-table .dgrid-row:hover {
 background: none !important;
    border: 3px solid #B4DAF5 !important;
}
.esri-feature-table .ui-state-active:hover {
 background: none !important;
    border: 3px solid #B4DAF5 !important;
}
.claro .dijitSplitterH .dijitSplitterThumb {
    background: yellow!important;
    height: 4px !important;
    cursor: row-resize !important;
    width: 29px !important;
}

/*!* turn it off completely *!*/
/*select:active, select:hover {*/
    /*outline: none !important;*/
    /*background-color: transparent !important;*/
/*}*/
.esri-feature-table-button {
    width: 34px !important;
    font-size: 26px !important;
}
.claro .dijitContentPane {
    padding: 0px !important;
}
.dijitContentPane {

   overflow: initial!important;

}

.bootstrap-datetimepicker-widget.dropdown-menu {
    display: block  !important;
    margin: 2px 0 !important;
    /*padding: 4px !important;*/
    /*!*bottom: unset !important;*!*/
    /*left: 3px !important;*/
    /*width: 19em !important;*/
    /*z-index: 999999999999999999999999999999999999999999999 !important;*/
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    background-color: #500000 !important;

}
.datepicker.dropdown-menu {
    z-index: 9999 !important;
}
.datepicker.dropdown-menu {
    z-index: 9999999999999999999999 !important;
}
.map
{
    z-index: 10
}
.ui-datepicker-div { z-index: 999; }

#activitygroupcontainer
{
    left: 165px;
    top: 68px;

}
#activitycontainer
{
    left: 177px;
    top: 68px;

}
#activitygroupselect
{
    height: 21px !important;
}
#activityselect
{
    height: 21px !important;
    width: 202px !important;
}


#resetbutton

{
    width: 54px;
}
#basemapTourGallery {

    width: 30px;
}
#basemapbuttonc {

    width: 30px;
}
.atiAttributes td, th {
    padding: 1px !important;
}

.claro .dijitSelectDisabled, .claro .dijitTextBoxDisabled, .claro .dijitTextBoxDisabled .dijitInputContainer {

    border-color: #b5bcc7 !important;

}
.claro .dijitSelectLabel, .claro .dijitTextBox .dijitInputInner, .claro .dijitValidationTextBox .dijitValidationContainer {
    padding: 0px !important;
}
input[type="file"] {
    display: none;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}
.claro .dijitContentPane {
    padding: 0px !important;
}
/*to fix the last name not appearing in inspector in IE*/
.dijitTextBox
{
/*    height: 20px !important;*/
}
.sweet-alert button {
    color: #fff;
    border: 0;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 0 5px;
    cursor: pointer;
}
.plotimage
{
    border:solid 1px gray;
}
.selected{
    border:solid 3px red;
}

.printerbuttondisabled {
    background-image:url(../images/printerdisabled.png) !important;

    height: 20px;
    width:20px;
}
.printerbuttonenabled {
    background-image:url(../images/printer.png) !important;
    height: 20px;
    width:20px;
}

.plotbuttondisabled {
    background-image:url(../images/plotdisabled.png) !important;
    height: 20px;
    width:20px;
}
.plotbuttonenabled {
    background-image:url(../images/plot.png) !important;
    height: 20px;
    width:20px;
}
.downloadbuttondisabled {
    background-image:url(../images/DownloadDisabled.png) !important;
    height: 20px;
    width:17px;
}
.downloadbuttonenabled {
    background-image:url(../images/download.png) !important;
    height: 20px;
    width:17px;
}
.uploadbuttondisabled {
    background-image:url(../images/UploadDisabled.png) !important;
    height: 20px;
    width:17px;
}
.uploadbuttonenabled {
    background-image:url(../images/upload.png) !important;
    height: 20px;
    width:17px;
}
.claro .dijitSelectError, .claro .dijitSelectError .dijitButtonContents, .claro .dijitTextBoxError, .claro .dijitTextBoxError .dijitButtonNode {

    background-image: url(../images/error.png) !important;
    background-position: top right !important;
    border: solid #d46464 2px !important;

}
.dijitPlaceHolder {
    color: #b83131 !important;

}
.validationfield

{
    color: red;
}
/*for the index with titlepane*/
/*
.dijitTitlePaneTitle {
    background-image: url("../images/basemap.png") !important;
    background-repeat:no-repeat !important;
}
*/
/*.dijitCalendar .dijitDropDownButton {
    margin: 0;
}
.dijitToggleButton, .dijitButton, .dijitDropDownButton, .dijitComboButton {
    margin: 0.2em;
    vertical-align: middle;
}
.dijitCalendar table {
    border-collapse: separate;
}
.dijitCalendarYearContainer {
    vertical-align: middle;
}
.dijitPopup {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    position: absolute;
    background-color: transparent;
    margin: 0;
    border: 0;
    padding: 0;
}
.dijitA11ySideArrow {
    display: none;
}
.dijitReset {
    margin: 0;
    border: 0;
    padding: 0;
    font: inherit;
    line-height: normal;
    color: inherit;
}
.dijitCalendarMonthContainer {
    text-align: center;
}
.dijitCalendarDecrementArrow {
    float: left;
}
.dijitCalendarIncrementArrow {
    float: right;
}
.dijitCalendarIncrementControl, .dijitCalendarDateTemplate, .dijitCalendarMonthLabel, .dijitCalendarPreviousYear, .dijitCalendarNextYear {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.dijitCalendar img {
    border: none;
}
.dijitCalendarIncrementControl {
    vertical-align: middle;
}
.dijitCalendarIncrease {
    background-position: -18px 0;
}
.dijitCalendarIncrementControl {
    width: 18px;
    height: 16px;
    background-image: url("../images/calendarArrows.png");
    background-repeat: no-repeat;
}
.dijitCalendar {
    border: solid 1px #b5bcc7;
      -moz-border-radius: 4px;
     border-radius: 4px;
     background-color: #8b140b;
      background-image: url("../images/calendar.png");
      background-repeat: repeat-x;
      background-image: -moz-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0.4) 2px, rgba(255, 255, 255, 0) 100%);
     background-image: -webkit-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0.4) 2px, rgba(255, 255, 255, 0) 100%);
      background-image: -o-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0.4) 2px, rgba(255, 255, 255, 0) 100%);
        background-image: linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0.4) 2px, rgba(255, 255, 255, 0) 100%);
    text-align: center;
    padding: 6px 5px 3px 5px;
}*/
/*esriSignInDialog dijitDialog dijitDialogFocused dijitFocused*/



.claro .dijitDialog {
    border: 1px solid rgba(83, 83, 83, 0.9) !important;
    touch-action: auto !important;
    overflow-y: auto !important;
    -webkit-border-radius: 5px 5px 0px 0px;
    border: 2px solid #dddddd !important;
}
.esriSignInDialog
{
    z-index: 999999999999999999999999999999999999 !important;
    border: 1px solid rgba(83, 83, 83, 0.9) !important;
    border-width: 2px ;
    background-color: white;
    touch-action: auto !important;
    overflow-y: auto !important;
    -webkit-border-radius: 5px 5px 0px 0px;
    touch-action: auto !important;
    overflow-y: auto !important;

}
.item
{
    text-align: left !important;
    /*background-color: rgb(204, 204, 204) !important;*/
}

.templatePicker .grid .selectedItem {
    border: 1px solid #7EABCD !important;
    background-color: #aec7e3 !important;
    /*-o-border-radius: 4px;*/
    /*-moz-border-radius: 4px;*/
    /*-webkit-border-radius: 4px;*/
    /*border-radius: 4px;*/
}
.templatePicker .grid .dojoxGridRowOdd {
    background-color: rgb(204, 204, 204) !important;
}

.templatePicker .grid .dojoxGridRowOver .dojoxGridCell
{
    background-color: rgb(204, 204, 204) !important;
}
.esri-feature-table-dialog .dijitDialogTitleBar .dijitDialogTitle {
    color: #ffffff !important;
    font-size: 20px !important;
    vertical-align: middle !important;
}

.esri-feature-table-dialog .esri-feature-table-statistics {
    width: 250px !important;

}

.esri-feature-table-dialog {

     padding-bottom: 0px !important;
}
.esri-feature-table-statistics .esri-dialog-close-button
{
display: none !important;
}
/*i need both entries to make it work*/
.claro .dijitDialogCloseIcon {
    background: url(https://js.arcgis.com/3.24/dijit/themes/claro/images/dialogCloseIcon.png) !important;

}

.dijitDialogTitle span
{
    color: #ffffff !important;
}
.dijitDialogTitleBar {

    text-align: left;
    padding: 2px;
    background-color: #500000 !important;
}
.dijitDialogPaneContentArea
{
    padding: 5px;
}

.claro .dijitDialogPaneContent {

border-top: none !important;

}
.claro .dijitDialogTitleBar {
   border: none !important;
}
.dijitDialogPaneActionBar {

/*    background-color: #500000 !important;*/
    text-align: center !important;
    border-top: 1px solid #d3d3d3;
    padding: 2px;
    text-align: center;
    border-top: 1px solid #d3d3d3;
    color: #ffffff;
    touch-action: auto !important;

}
.serverLink
{
    display: none;
}
.resLink
{
    display: none;
}
hr {
    margin-bottom: 1px;
    border: 0;
    border-top: 1px solid #eee;
}
/*.esriAttributeInspector .atiLabel {
    padding-right: 0;
}

.esriAttributeInspector .dijitTextBox {
    border: solid #57585A 0.0625em;
    border-radius: 0.3125em;
    width: 13.75em;
}

.esriAttributeInspector textarea {
    background: transparent none;
}

.esriAttributeInspector .dijitButtonNode {
    border: 0.3125em solid #57585A;
}

.esriAttributeInspector .dijitButtonNode .ui-input-text {
    border-style: none;
}

.esriAttributeInspector .dijitButtonNode .dijitArrowButtonInner {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 1.875em;
}

.esriAttributeInspector .dijitArrowButtonContainer {
    padding: 0.125em;
}*/


/*.field-PlanLength{*/
    /*width:30px !important;*/
/*}*/
/*.field-PlanType*/
/*{*/
    /*width:30px !important;*/
/*}*/
/*.dgrid-cell .dgrid-cell-padding .dgrid-column-8 .field-PlanLength .dgrid-sortable*/
/*{*/
    /*width:5px !important;*/

/*}*/

/*.esri-feature-table .dgrid-cell {*/
    /*width: 26px !important;*/
    /*word-wrap: break-word;*/
/*}*/
.dijitInputContainer .ui-input-text {
    margin: 0 0.3125em;
    border-style: none;
}

.dijitInputContainer .dijitInputInner {
    padding-left: 0.3125em;
}

.dijitComboBoxMenuPopup .dijitComboBoxMenu {
    border: solid #57585A 0.0625em;
    border-radius: 0.3125em;
}

.dijitComboBoxMenu .dijitMenuItem {
    padding: 0.3125em 0.1875em;
}

.dijitComboBoxMenu .dijitMenuItemHover {
    color: #FFFFFF;
    background-color: #57585A;
    text-shadow: none;
}

.archivebutton {
    width: 229px;
    background-color: orange;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    border-radius: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    margin-left: 55px;
}
select:disabled{
    opacity: 0.6;

}
.esriPopup .titlePane {
    line-height: 15px !important;
    background-color: #500000 !important;
/*    color: #000000 !important;*/
    font-size:16px !important;;

}
.esriAttributeInspector .atiDeleteButton {
    float: left;
    display: contents;
}
.esriAttributeInspector .atiButton {

/*    border: 2px solid #b5bcc7 !important;
    width: 50px !important;
    height: 26px !important;
    padding-left: 2px !important;
    padding-top: 1px !important;*/
/*    padding-top: 2px !important;
background-image: none !important;*/
}
/*#myTableNode {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}*/
.datebox .input-group {

    width: 112px !important;
    padding-left: 4px;
}
.lblAnd {
    margin-right: 9px;
    margin-top: 6px
}
#topdatediv .dijitSelectFixedWidth .dijitButtonContents {
    width: 85%;
}
/*
.esri-feature-table-border-container {
    left: 4px;
}
*/
#topdatefilter
{
width: 35px !important;
}
#topdatediv .dijitSelect .dijitButtonContents {
    padding: 3px;
    white-space: nowrap;
    text-align: left;
    border-style: none solid none none;
    border-width: 1px;
}
#topdatediv {
    padding-left: 1px;
}
.DateBtn, .RepDateBtn{
    margin-left: 3px;
    margin-top: 3px
}
#date-picker-1,  #date-picker-2
{
    padding-left: 2px !important
}
.datebox, .repdatebox{
    margin-top: 3px;
    width: 121px
}
#toolbar
{
    height: 12%
}
.esri-feature-table {
    font-family: verdana;
    font-size: 12px;
/*    height: 390px !important;*/
}
.splitter-horizontal {
    flex: 0 0 auto;
    height: 10px;
    background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/hsizegrip.png) center center no-repeat #8080806e;
    cursor: row-resize;
}


.templatePicker .grid .groupLabel {
    text-align: center;
    padding: 0px;
    font-weight: bold;
    display: none;
}
.dojoxGridMasterView {
    position: absolute;
    top: -5px;
    left: -3px;
}

.dojoxGridRowTable {
    table-layout: auto;
    width: 18px;
    empty-cells: show;
}


.templatePicker .dojoxGrid
{

    width: 28px !important;
    height: 30px !important;
}
.dojoxGridView {
    width: 60px;
    left: 3px;
    left: 3px;
    top: 5px;
}
.itemLabel
{
    width: 1px;
    height: 0px;
    padding-left: 22px;

}
.templatePicker .grid .selectedItem {

    background-color: #333 !important;

}
.dojoxGrid .dojoxGridCell {

    padding: 0px !important;
    overflow: hidden;
}
.templatePicker {
    border: none !important;
    padding: 0px !important;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    left: 387px;
    top: 62px;
    z-index: 999;
    height: 30px;
}
.dijitButtonNode {
    border: none !important;
    margin: 0;
    line-height: normal;
    vertical-align: middle;
    white-space: nowrap;
}
.dijitNumberTextBox input.dijitInputInner, .dijitCurrencyTextBox input.dijitInputInner, .dijitSpinner input.dijitInputInner {
    /* text-align: left !important; */
    padding-top: 3px;
/*    padding-left: 3px !important;*/
}
.dijitSelect input, .dijitTextBox input {
    float: left;
/*    padding-top: 3px !important;*/
}
#search {
    display: block;
    position: absolute;
    z-index: 2;
    top: 190px;
    left: 15px;
    width: 30px;
    height: 30px;
}
.esriMeasurement .esriMeasurementTableContainer {
    padding-left: 8px !important;
}
.esriMeasurement .esriButton .dijitButtonNode, .esriMeasurement .esriToggleButton .dijitButtonNode {
    padding: 8px 0 0 0 !important;

}
.esriMeasurement .esriButton .dijitButtonNode {

    height: 31px !important;
}

#downloadcontainer2
{

    background-color: #f4f4f4;
    cursor: default;
    border-bottom: solid 1px;
    border-color: #e3e2e2;

}
#printbuttondiv
 {
     width: 46%;
 }
.esriControlsBR {
    bottom: 25px !important ;
}
.map .logo-med {
    background-image: url(../images/logo-small.png) !important;
    background-repeat: no-repeat !important;
    width: 50px !important;
    height: 28px !important;

}
.map .bingLogo-lg {
    position: absolute;
    left: 3px !important;
    bottom: 50px !important;
    width: 80px !important;
    height: 25px !important;
    z-index: 30;
    background-image: url(../images/bing-logo-small.png) !important;
    background-repeat: no-repeat !important;
}
.esriAttribution {
    max-width: 264px !important;
}

.esriAttributionItem {
/*     display:none !important;*/
 }

.esriAttributionLastItem:after {
    content:' | Texas A&M Forest Service';
    color:#444742;
}


/*// TO MAKE THE BASEMAP THUMBNAIL NOT GO TO THE BOTTOM WHEN CLICKING ON FIRST OR SECOND BUTTONS*/
.esriBasemapGallery * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: border-box !important;
    margin-left: 5.5px !important;
    margin-top: 9px !important
}

.dijitValidationTextBoxError .dijitValidationContainer {
     display: none !important;

}
.dijitNumberTextBox input.dijitInputInner, .dijitCurrencyTextBox input.dijitInputInner, .dijitSpinner input.dijitInputInner {
    text-align: left !important;
}

/*// TO MAKE THE BASEMAP THUMBNAIL NOT GO TO THE BOTTOM WHEN CLICKING ON FIRST OR SECOND BUTTONS*/
.esriBasemapGalleryThumbnail {
    margin: 0px !important;
}
.hideeditor
{
    display: none ;
}
.showeeditor
{
    display: block ;
}
#styledropdown
{
    margin-left: 1px;
}
#loadsavebuttons
{
    margin-left: 6px;
}
#themesreport
{
    padding-left: 29px ;
}
/*.esriFormFieldLabel
{
    display: none !important;
}
#

  */
/*to hide the halo pallete text and halo pallete when editing acres or distance labels*/
.esriFormField:nth-of-type(2) {

    display: none !important;
}
/*// to hide the positioning*/
.esriFormField:nth-of-type(1) {

    display: none !important;
}
.esri-halo-styler.esriFormFieldWidget
{
    display: none !important;
}
#areatools
{
    margin-left:22px ;
}

#draw1subcontainer
{
margin-left: 9px;
}

/*to position the pallete*/
#txtSymbolEditorHolder
{


}
.esriSymbolEditor {
    background-color: white;
    width: 217px !important;
    height: 179px !important;
    border: solid #A9A9A9 3px !important;
    position: absolute;
    margin-left: 50px;
}


/*!*for the intro i removed the arrow because when showing the top icons, the arrow was focused on the first icon*!
.introjs-arrow.top
{
    display: none !important;
}*/
/*!*to remove the blue border from buttons*!
.claro *
{
    outline: none !important;
!*    border: none !important;*!
}*/
/*For the widget button not to have a blue border around*/

*:focus {
    outline: 0 !important;

}
/*to remove the blue from the select dijit when hovering over*/
.claro .dijitSelectHover
{
    background-color: transparent !important;
    outline: #c7ced9 !important;
}
.claro .dijitSelectHover, .claro .dijitSelectHover .dijitButtonContents, .claro .dijitSelectHover, .claro .dijitTextBoxHover .dijitButtonNode
{
    border-color: #c7ced9 !important;
    outline: #c7ced9 !important;
}

.claro .dijitSelectHover .dijitArrowButton
{
    outline: #c7ced9 !important;
    border-color: #c7ced9 !important;
    background-color: transparent !important;
}

.claro .dijitSelectFocused .dijitArrowButton
{
    border-color: #c7ced9 !important;
    background-color: transparent !important;
    outline: #c7ced9 !important;
}
.claro .dijitSelectFocused, .claro .dijitSelectFocused .dijitButtonContents, .claro .dijitTextBoxFocused, .claro .dijitTextBoxFocused .dijitButtonNode
{
    border-color: #c7ced9 !important;
}

/*For the widget button not to have a border around*/
.claro .dijitButtonNode {
    /*    border: 0px;*/
}


.field-muname {
    width: 155px !important;

}
.field-musym {
    width: 45px !important;

    text-align: center !important;
    vertical-align: middle;
}


.dijitTooltip {

    background-color: transparent !important;

}
.measurementlabelcontainer
{
    cursor: default;
/*    margin-left: 4px;*/
    background-color: #f4f4f4;
    border-bottom: solid 1px;
    border-color: #e3e2e2;
/*    cursor: move;*/
}
.basemapstitlecontainer
{
   /* margin-left: 6px;
    margin-top: 4px;*/
/*    width: 100px;*/
    cursor: default;
    border-bottom: solid 1px;
    border-color: #e3e2e2;
    height: 30px;
    background-color: #f4f4f4;
}
.printbuttonscontainer
{
    cursor: default;
}
.layersbuttonscontainer
{
    cursor: default;
    border-bottom: solid 1px;
    border-color: #e3e2e2;
    height: 30px;
    background-color: #f4f4f4;
}
.uploadbuttonscontainer
{
    cursor: default;
    border-bottom: solid 1px;
    border-color: #e3e2e2;
    height: 30px;
    background-color: #f4f4f4;

}
.downloadbuttonscontainer
{
    border-bottom: solid 1px;
    border-color: #e3e2e2;
    height: 30px;
    background-color: #f4f4f4;
    cursor: default;
}

.plotbuttonscontainer
{
    cursor: default;
    border-bottom: solid 1px;
    border-color: #e3e2e2;
    height: 30px;
    background-color: #f4f4f4;

}
/*for the button in the color palette in draw tool*/
#colorButton * {
    vertical-align: middle;
    margin-bottom: 2px !important;
}
.claro .dijitButton .dijitButtonNode, .claro .dijitDropDownButton .dijitButtonNode, .claro .dijitComboButton .dijitButtonNode, .claro .dijitToggleButton .dijitButtonNode {
    border: none !important;
    padding: 0px !important;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.dijitDowArrowButton *{


}
/*for the button in the color palette in draw tool*/
.dijitDropDownButton .dijitArrowButtonInner {
    width: 8px !important;


}

.claro .dijitButton .dijitButtonNode, .claro .dijitDropDownButton .dijitButtonNode, .claro .dijitComboButton .dijitButtonNode, .claro .dijitToggleButton .dijitButtonNode
{
    background-image: none !important;
}
.texasthumbnailclicked {
    border: 5px solid #80808073 !important;
}

.esriProfileChart div[style] {
    font-weight: normal !important;


}

.esriProfileChart svg text {
    font-weight: normal !important;


}
.texasthumbnail
{
    margin-left: 110px;
    margin-top: 2px;
    -moz-box-shadow: 0px 0px 7px #000;
    -webkit-box-shadow: 0px 0px 7px #000;
    box-shadow: 0px 0px 7px #000;

}
.esriBasemapGalleryLabelContainer {
padding-left: 3px !important;
    padding-top: 5px !important;
    font-size: 12px !important;

}

#HomeButton {
    top:7px
}
.HomeButton .home,
.esriSimpleSliderVertical .esriSimpleSliderIncrementButton,
.esriSimpleSliderVertical .esriSimpleSliderDecrementButton {
    outline: none
}
.dijitSliderButtonContainer * {
    cursor: pointer;
    color: white !important;
    -webkit-tap-highlight-color: transparent;
}

.dj_a11y div.dijitSliderImageHandle, .dijitSliderImageHandle {
    margin: 0;
    padding: 0;
    position: relative !important;
    border: 5px solid gray !important;
    width: 0;
    height: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.esriLargeSliderVertical .esriLargeSliderLabels {
    width: 2em;
    font-family: Verdana;
    font-size: 60% !important;
    color: white !important;
}

.esriLargeSliderVertical {
    /*    height: 180px !important;*/
}
/*to make the labels closer to the slider*/
/*.dijitSliderDecorationH {
    width: 100%;
    line-height: 1px;
}*/


.esriBasemapGallerySelectedNode .esriBasemapGalleryThumbnail {
    border: 5px solid #80808073 !important;
}
.panel-default > .panel-heading {
    color: #333 !important;
    background-color: #ffffff !important;
    border-color: #ddd !important;
}
/*to remove the Home text on top of icon*/

/*.dijitSliderBarV {
    width: 5px !important;
    border-width: 0 1px;
}*/
.HomeButton span

{
    display: none;
}
/*home button custom styling*/
/*.homeButton {
    -moz-user-select: none !important;
    cursor: pointer !important;
    position: absolute !important;
    left: 15px !important;
    z-index: 50 !important;
    background-color: transparent !important;
    border: none !important;
    top: 45px !important !important;
}*/

.HomeButton {
    -moz-user-select: none;
    cursor: pointer;
    position: absolute;
    left: 18px;
    z-index: 50;
    background-color: transparent;
    border: none;
    top: 45px !important;
}

/*class for the home button*/
.HomeButton .home {
    background-image:url(../images/home.png) !important;
    background-position:center center;
    background-repeat:no-repeat;

    width:30px !important;
    height:30px !important;
    top:22px !important;
    background-color: transparent !important;
}
/*Containing class for the widget's node*/
.HomeButton .homeContainer {
    border:none;
}
/*Class put onto the home button while the home extent is loading*/
.HomeButton .loading {
    background-image:url(../images/home.png) !important;
    background-position:center center;
    background-repeat:no-repeat;
    width:30px;
    height:30px;

}

/*.esriSimpleSlider {
    color: #8080806e !important;
    background-color: #000 !important;

    border: none !important;
    margin-top: 5px
}

.esriSimpleSliderDecrementButton:hover, .esriSimpleSliderIncrementButton:hover {
    background-color: #282828 !important;
}

.esriSimpleSliderVertical .esriSimpleSliderIncrementButton, .esriSimpleSliderVertical .esriSimpleSliderDecrementButton {
    border-color: #727272 !important;
}*/

/*for the slider position of print map, map2, it needs to be more on top than the main map*/
div#infoModalBody2_zoom_slider.esriSimpleSlider.esriSimpleSliderVertical.esriSimpleSliderTL {
    bottom: auto;
    right: auto;
    top: 5px !important;
    left: 15px;
}


/*for the slider position*/
.esriSimpleSliderTL {
    bottom: auto;
    right: auto;
    top: 45px !important;
    left: 15px;
}
.LocateButtonCustom span {
    display:none;
}
/*

#LocateButton {
    width:30px;
    height:30px;
    margin-top: 48px
}
*/

/*.LocateButton
{
    display: none;
}*/

.zoomLocateButton {
    width:30px;
    height:30px;
    background-image:url(../images/locateme.png);
    background-position:center center;
    background-repeat:no-repeat;

}


.LocateButtonCustom {
    -moz-user-select: none;
    position: absolute;
    top: 104px;
    left: 15px;
    z-index: 50;
    background-image:url(../images/locateme.png);
    background-position:center center;
    background-repeat:no-repeat;
    cursor: pointer;
    width:30px;
    height:30px;
    background-color: transparent;
    border: none;

}

#search {
    display: block;
    position: absolute;
    z-index: 2;
    top: 190px;
    left: 15px;
    width: 30px;
    height: 30px;

}


.LocateButtonCustom .loading {
    background-image:url(../images/locate-spinner.gif);
}

.LocateButtonCustom .tracking {
    background-image:url(../images/stop.png) !important;
}

.arcgisSearch .searchGroup {
    border: none;
}
.arcgisSearch .searchCollapsed .searchSubmit {
    -webkit-border-radius: 4px;
    background-color: transparent !important;
    border: none;
}
.esri-icon-search::before {

    display: none;
}
.arcgisSearch .searchBtn:hover, .arcgisSearch .searchBtn:focus {
    text-decoration: none;
    background-color: transparent !important;
}

.arcgisSearch .hasButtonMode .searchExpandContainer {
    height: 55px !important;
    padding-top: 18px !important;
}
.arcgisSearch .searchBtn {

    padding-left: 0px !important;
    float: none !important;
    height: 10px !important;
    width: 0px !important;
    border: none !important;
    padding: 6px 12px !important;
    background-color: transparent !important;
    padding-right: 12px !important;
    padding-bottom: 6px !important;
    padding-left: 0px !important;
}
.arcgisSearch .searchClear{
    left: 212px !important;
    width: 0px !important;
    top: -10px !important;
}
.arcgisSearch .searchGroup .searchInput
{
    position: absolute !important;
    top: 0px !important;
    height: 20px !important;
    font-size: 13px !important;

}

.searchBtn, .searchSubmit
{
    background-color: transparent !important;
}
.arcgisSearch .searchIcon {
    background-image:url(../images/search_bigger.png) !important;
    background-position:center center;
    background-repeat:no-repeat;
    width:35px !important;
    height:35px !important;
    border: none;
    right:5px;
    background-color: transparent !important;
    margin-top: 14px
}

.arcgisSearch .searchClose, .arcgisSearch .searchSpinner {
    line-height: 30px;
    width: 24px;
    height: 30px;
    background-image:url(../images/xdelete.png) !important;
    background-position:center center;
    background-repeat:no-repeat;
}
.btn-success, .btn-success:focus, .btn-success:active, .btn-success:active:focus, .btn-success.active {
    background-color: #282828 !important;
    border-color: #787878 !important;
    background-image: none !important;
    outline: none
}
.esriColorPicker {
    box-sizing: border-box;
}
/*Disclaimer Modal*/
.checkbox-radio-wrapper{
    overflow:hidden;
    margin:5px 0
}
.checkbox-radio-wrapper label{
    display:inline;
    float:left;
    margin:0 0 0 10px
}
.checkbox-radio-wrapper input[type="checkbox"],.checkbox-radio-wrapper input[type="radio"]{
    display:inline;
    float:left
}
.discfooter, .discModalHeader{
    background-color: #D3D3D3 !important
}
.discModalHeader{
    padding: 10px
}
.list-group-item{
    outline:none !important
}

#basemapbutton img, button img,
#basemapbutton:active img, button:active img
#basemapbutton:focus img, button:focus img {
    border: none;
    outline: 0;
    right: 10px;

}
#basemaptoggle {
    position: absolute;
    right: 5px;

}


#editordiv {
    position: absolute;
    left: 478px;
    top: 4px;
    z-index: 999;
    display: none;
}



.dropdown-menu>li>a {
    width: 170px
}
#switch {
    color: #fff;
    text-decoration: none
}
#basemapTourGallery .dijitTitlePaneContentInner {
    width: 330px !important
}
.dijitTitlePaneTitleFocus {
    outline: none !important
}
.esriBasemapGalleryLabelContainer {
    display: table-cell !important;
    width: 50% !important;
    height: 3em !important
}

.claro .dijitTitlePaneTitle {
    padding: 4px !important;
}
.claro .dijitTitlePane .dijitArrowNode, .claro .dijitTitlePaneTitle {
    background-image: none !important
}
.claro .dijitTitlePaneTextNode{
    color:#fff !important;
    vertical-align: middle !important
}
.simpleGeocoder .esriGeocoder{
    display: flex !important
}
/*Measurement Widget*/
.claro .dijitTitlePaneTextNode, .claro .dijitFieldsetLegendNode {
    margin-left: 0px !important
}


#layersbutton  {
    right: 5px;
    margin-top: -65px;
    margin-right: 136px
}

#layersbutton img, button img,
#layersbutton:active img, button:active img
#layersbutton:focus img, button:focus img {
    border: none;
    outline: 0;
    right: 10px;

}


#Layerslg .dijitTitlePaneContentInner {
    width: 280px !important
}

#measurebutton  {
    right: 5px;
    margin-top: -116px;
    margin-right: 101px
}

#measurebutton img, button img,
#measurebutton:active img, button:active img
#measureutton:focus img, button:focus img {
    border: none;
    outline: 0;
    right: 10px;

}


#Measurelg .dijitTitlePaneContentInner {
    width: 280px !important
}
#Measurexs {
    position:absolute;
    right:6px;
    top:0px;
    z-index:999
}
.helptour{
    position:absolute;
    right:213px;
    z-index:99
}

.esriMeasurement .esriMeasurementTableHeader {
    width: 50% !important;
    text-align: left !important
}
.esriMeasurement .esriMeasurementTableContainer .esriMeasurementResultTable .esriMeasurementTableCell {
    width: 0% !important;
    text-align: left !important;
    padding-left: 5% !important
}
.esriMeasurement .esriMeasurementResultLabel {
    margin-left: 30px !important;
    width: 250px !important;
    display: none;
}

#printbutton  {
    right: 5px;
    margin-top: -168px;
    margin-right: 65px;
}

#printbutton img, button img,
#printbutton:active img, button:active img
#printbutton:focus img, button:focus img {
    border: none;
    outline: 0;
    right: 10px;

}


#Printlg .dijitTitlePaneContentInner {
    width: 280px !important
}


#uploadbutton  {

    right: 4px;
    margin-top: -219px;
    margin-right: -5px

}

#downloadbutton  {

    right: 5px;
    margin-top: -219px;
    margin-right: 30px
}


#uploadbutton img, button img,
#uploadbutton:active img, button:active img
#uploadbutton:focus img, button:focus img {
    border: none;
    outline: 0;
    right: 10px;
}
#basemapTourGallery{
    position:absolute;
    left:558px;
    top:65px;
    z-index: 99
}
.donutimageenabled

{
    background-color: #aec7e3 !important;
}
.donutimagedisabled

{
    background-color: transparent !important;
}
#donutAndMergeDiv
{
    position:absolute;
    left: 416px;
    top: 60px;

}
#standslg
{
    position:absolute;
    left: 471px;
    top: 68px;
}
#Layerslg {
    position: absolute;
    left: 590px;
    top: 75px;

}
#Measurelg {

    position: absolute;
    left: 622px;
    top: 92px;

}
#Printlg {
    position:absolute;
    left: 657px;
    top: 106px;
}

#downloadlg {
    position:absolute;
    left: 687px;
    top: 121px;
    z-index:900
}

#uploadlg {
    position:absolute;
    left: 711px;
    top: 79px;
}
#plotlg
{
    position: absolute;
    left: 737px;
    top: 67px;

}
#uploadlg .dijitTitlePaneContentInner {
    width: 280px !important
}





#downloadbutton  img, button img,
#downloadbutton :active img, button:active img
#downloadbutton :focus img, button:focus img {
    border: none;
    outline: 0;
    right: 8px;
}


#downloadlg .dijitTitlePaneContentInner {
    width: 280px !important
}
#swipexs {
    position:absolute;
    right:6px;
    top:0px;
    z-index:999
}

#swipexs .dijitTitlePaneTitleFocus {
    margin-top: 1px !important
}




/*Navbar*/
.navbar {
    min-height: 50px
}

.navbar-inverse {
    background-image: none !important;
    background-color: #500000 !important;

}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color:#C0C0C0
}
.navbar-inverse .navbar-toggle{
    border-color: #C0C0C0 !important
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #484848 !important;
}
.navbar-inverse .navbar-nav>li>a {
    color: #e5dcd6 !important;
    padding-right:3px;
    font-size: 15px
}
.navbar-inverse .navbar-nav>li>a:focus
{
    color: #e5dcd6 !important;

}


.map .bingLogo-lg {
/*    position: absolute;
    left: 5px;
    bottom: 5px;
    width: 93px;
    height: 29px;
    z-index: 30;
    background-image: url(../images/map/bing-logo-lg.png);
    _background-image: none;*/
/*    display: none ;*/
}


/*.navbar-inverse .navbar-nav>li>a:focus,*/
.navbar-inverse .navbar-nav>li>a:hover {
    color: #A9A9A9 !important;
    outline: none;

}
#brand-image {
    width: 107px;
    height: 23px
}
#brand-title {
    font-size: 18px;
    color: #ffffff;
    padding-left: 5px;
    font-weight: bold;
    padding-right: 5px
}
#brand-title2, #brandtitlexsmall {
    font-size: 18px;
    color: #ffffff;
    padding-left: 2px;
    font-weight: bold;
    padding-right: 5px;
    padding-top: 16px
}

/*a href*/
.link-a a:visited, .link-a a:link {
    color: #034af3;
    outline:none;
    text-decoration: none
}
.link-a a:hover {
    color: #705344;
}
/*Map and Side Panel Toggle*/
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}
#wrapper.toggled{
    padding-left: 200px
}
#sidebar-wrapper {
    z-index: 100 !important;
    position: fixed;
    padding-top: 5px;
    left: 200px;
    width: 0;
    height: 100%;
    margin-left: -200px;
    overflow-y: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#wrapper.toggled #sidebar-wrapper{
    width: 200px;
    padding-right: 3px;
    padding-left: 3px;
    border-right: solid 1px #828285;
}
#page-content-wrapper {
    width: 100%;

    padding-bottom: 0px
}
#wrapper.toggled #page-content-wrapper{
    margin-right: -200px;
    position: absolute
}
/*Side Panel*/
.panel-title>a {
    font-size: 12px;
    text-decoration: none;
    /*    font-weight: bold;*/
    outline: none
}


.swipescopeunenabled {
    background-image:url(../images/swipescopeunenabled.png) !important;
    background-position:center center;
    background-repeat:no-repeat;
    height: 30px;
    width: 30px;
    display: inline-block;
    border-radius: 2px;
}
.swipescopeenabled {
    background-image:url(../images/swipescopeenabled.png) !important;
    background-position:center center;
    background-repeat:no-repeat;
    height: 30px;
    width: 30px;
    display: inline-block;
    border-radius: 2px;
}

.swipeverticalunenabled {
    background-image:url(../images/swipeverticalunenabled.png) !important;
    background-position:center center;
    background-repeat:no-repeat;
    height: 30px;
    width:30px;
    display: inline-block;

    border-radius: 2px;
}
.swipeverticalenabled {
    background-image:url(../images/swipeverticalenabled.png) !important;
    background-position:center center;
    background-repeat:no-repeat;
    height: 30px;
    width:30px;
    display: inline-block;

    border-radius: 2px;
}

.swipehorizontalenabled {
    background-image:url(../images/swipehorizontalenabled.png) !important;
    background-position:center center;
    background-repeat:no-repeat;
    height: 30px;
    width: 30px;
    display: inline-block;

    border-radius: 2px;
}

.swipehorizontalunenabled {
    background-image:url(../images/swipehorizontalunenabled.png) !important;
    background-position:center center;
    background-repeat:no-repeat;
    height: 30px;
    width: 30px;
    display: inline-block;


    border-radius: 2px;
}


.dijitEditorIcon
{

    background-image: url('https://js.arcgis.com/3.19/dijit/icons/images/editorIconsDisabled.png') !important;

}
/*.dijitEditorIcon
{

    background-image: url('https://js.arcgis.com/3.19/dijit/icons/images/editorIconsEnabled.png') !important;

}*/

/*.panel-default>.panel-heading, .statModalHeader, .btn-color,*/
/*.btn-default, .btn-default:focus, .btn-default:active, .btn-default:active:focus,*/
/*.btn-primary, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {*/
    /*color: #808080;*/
    /*outline: none;*/
    /*background: linear-gradient(top, #d6dce5, #d6dce5);*/
    /*background: -ms-linear-gradient(top, #d6dce5, #d6dce5);*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#d6dce5), to(#d6dce5));*/
    /*background: -moz-linear-gradient(top, #d6dce5, #d6dce5);*/
/*}*/
.panel-default{
    border-color: #d6dce5
}
.panel-heading {
    cursor: pointer
}
.panel-body {
    padding: 1px !important;
}
.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0px
}
.radio-button {
    font-size: 13px
}
.sidebar-btn {
    margin-left: 20%;
    width: 90px
}

input[type=radio] {
    /*float: left;*/
    /*margin: 0px*/
}


.radiobuttonlabel
{
    font-weight: normal;
    margin-left: 0px !important;
}
.info-icon {
    cursor: pointer;
    margin-top: 6px;
    margin-right: 9px;
    float: right
}

.ui-icon-help {
    -ms-transform: scale(2); /* IE 9 */
    -webkit-transform: scale(2); /* Chrome, Safari, Opera */
    transform: scale(2);
}
.info-lefticon {
    cursor: pointer;
    margin-top: 5px;
    margin-right: 8px;
    float: right;
}
.info-righticon {
    cursor: pointer;
    margin-top: 6px;
    margin-right: 3px;
    float: right;
}
.clear-icon {
    cursor: pointer;
    margin-top: -19px;
    margin-right: 9px;
    float: right
}
.desc-icon {
    cursor: pointer;
    margin-left: 10%;
    margin-top: 10%
}
.spotlight {
    z-index:-1;
    position:absolute;
    left:50%;
    top:50%;
    border-radius:50%;
    opacity:0;
    box-shadow:
            inset rgba(0,0,0,0.25) 0px 0px 20px 20px,
            rgba(0,0,0,0.25) 0px 0px 0px 1000px;
    transition:all 1000ms;
    -moz-transition:all 1000ms;
    -webkit-transition:all 1000ms;
}
.spotlight-active {
    z-index:2;
    opacity:1;
}

/*Calculate FIA Biomass*/
.dropdown-menu>li>a:hover {
    width: 100% !important;
}

/*Modal*/
.modal-title {
    font-weight: bold
}
.close {
    font-size: 25px;
    opacity: 0.8;
    outline: none;
    color: #ffffff !important;
}


.modal-backdrop.in {
    opacity: 0;
}


.summary-row:after {
    content:'YRSDFg';
    display: block;
    clear: both;
    background-color: #3C7AFF;
}

.modal-content.ui-resizable {
    overflow: scroll;
}

#infoModalHeaderSoils
{
    background-color: #500;
    color: #fff;
    padding: 10px
}

#infoModalHeader{
    background-color: #500;
    color: #fff;
    padding: 10px
}
#infoModalHeaderthemes {
    background-color: #000;
    color: #fff;
    padding: 10px;
}
#infoModalHeader2{
    background-color: #000;
    color: #fff;
    padding: 10px
}
#infoModalHeader3{
    background-color: #000;
    color: #fff;
    padding: 10px
}
#infoModalBody3 {
    background-color: #a4aab3;
}
.esriElevationProfile .esriElevationProfileInfoNode {

    right: 10px !important;

}
#infoModalBody, .statModalBody, .modal-footer {
    background-color: #ffffff;
}
#infoModalBody2 {
    background-color: #eeeeee;
}
.statModalHeader{
    padding:10px;
}
.statModalBody {
    padding-bottom:0px;
}
.modal {
    top: 80px;

}

.resizable{
    overflow: hidden;
    resize: both
}

.draggable{
    position: absolute;
    z-index: 100
}
.draggable-handler{
    cursor: pointer
}
.dragging{
    cursor: move;
    z-index: 200 !important
}
.modal-backdrop {
    display: none !important;
}

/*.ui-dialog-titlebar-close {*/
    /*!*background: url("https://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-icons_888888_256x240.png") repeat scroll -93px -128px rgba(0, 0, 0, 0);*!*/
    /*border: medium none;*/
/*}*/
/*.ui-dialog-titlebar-close:hover {*/
    /*!*background: url("https://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-icons_222222_256x240.png") repeat scroll -93px -128px rgba(0, 0, 0, 0);*!*/
/*}*/



/*// for the theme grid not to have a big space on the right when resized*/
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0.1em 0.3em 0.1em 0.1em;
    background: none;
    overflow: auto;
}
.ui-dialog{
    z-index: 1000000 !important;
}

.esriScalebarLabel {
    color: #f6f4f4d6 !important;

}
/*#scalecontainer
{
    right: 165px;
    bottom: 35px !important;
}
.scalebar_bottom-right {
    right: 245px !important;
    bottom: 23px !important;
}

#scaletext

{

    color: #a7a6a6;
    font-size: 13px;
    font-weight: bold;
    background-color: #212121;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
}*/

#imageryyeartext

{

    color: #a7a6a6;
    font-size: 13px;
    font-weight: bold;
    background-color: #212121;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
}
#basemapstext

{

    color: #a7a6a6;
    font-size: 13px;
    font-weight: bold;
    background-color: #212121;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
}

/*.ui-dialog
{
    margin-top: 200px;
    top: 200px
}*/

/*// these next two to keep modal from blocking, freezing the page*/
/*.modal-backdrop {
    display: none;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

#myModal {

    left: 305px;
    top: 65px !important;
    padding-left: 17px;
}*/
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden !important;
    width: 100%
}
.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
    width: 100% !important;
    font-size: 12px;
    color: black !important;
}
.modaltabs.nav>li>a {
    color: #555 !important;
}
/*.esriPopup .titlePane, .esriPopup.light .titlePane, .esriPopup.dark .titlePane {

    background-color: black !important;
    font-size: 14px;
    color: #ffffff !important;
}*/

.modal-footer {
    padding: 8px;
    padding-top:0px;
    text-align: center;
    border-top: 0px;
}
.sweet-alert p {
    font-size: 18px !important;
    margin-top: 3px !important;
}
.sweet-alert
{
    padding: 5px !important;
    z-index: 9999999;

    width: 350px !important;
}
.swalcustomclass h2

{

    text-align: center !important ;
}
.sweet-alert h2 {
    color: #575757;
    text-align: left;
    font-size: 20px;
    text-align: left;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 0;
    padding-left: 15px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 12px;
    line-height: 25px;
    display: block;
}
.sweet-alert hr {
    height: 0px !important;
    margin-top: 3px;
}

.sweet-alert button {
    /* background-color: #3d6197 !important; */
    color: #ffffff !important;
    padding: 4px;
    padding-left: 12px;
    padding-right: 12px;
    /* width: 45px; */
    height: 35px;
}

.dojoxFloatingCloseIcon {
    width: 15px;
    height: 15px;
    overflow: hidden;
    float: right;
    cursor: pointer;
}

.sweet-alert p
{

    font-size: 18px !important;
    margin-bottom: 20px !important;
}
/*
#infoModal {
position: fixed;
left: 0%;
right: 60%;
top: 8%
}
*/



#infoModal {
    /*   position: fixed;
       right: 15%;
       left: 20%;
       top: 8%*/
}
#infoModal2 {
    /*    position: fixed;
        right: 15%;
        left: 20%;
        top: 8%*/
}

.ui-tooltip {

    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none !important;
    margin-left: 50px !important;
}
.checkboxes label {
    font-weight: normal;
    padding-top: 3px !important;
}
.checkboxes input {
    vertical-align: -2px;
}
/*    for the theme modal show the active tab in bold*/
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    font-weight: bold  !important;
}
.table td { border: none; }
.table tr, .table>thead>tr>th  {
    border-top: solid 1px #E4B888;
    border-bottom: solid 1px #E4B888;
}
/*for the print clear x button, doestn work in firefox yet*/
/*//delete or clear button for a text box*/
/*input[type=search]::-webkit-search-cancel-button  {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    background: url(../images/xdelete16.png) no-repeat !important;
    width: 16px !important;
    border: none !important;
    height: 16px !important;
    outline: none !important

}*/



pre {
    padding: 0px;
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
    margin: 0px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
}


/*Transparency Slider*/
.slider-position {
    font-weight: bold;
    text-align: center
}

#bndslider, #bmslider, #fstslider {
    width: 150px
}

.esriHorizontalSlider.dijitSlider .dijitSliderImageHandle {
    background: url(../images/slider.png) no-repeat !important;
    width: 20px !important;
    border: none !important;
    height: 20px !important;
    outline: none !important
}

.dj_a11y div.dijitSliderImageHandle, .dijitSliderImageHandle {

    border-color: #b5bcc7 !important;

}
/*Map Themes*/
.list-group-item, a.list-group-item:hover, a.list-group-item:focus {
    background-color: transparent;
    width:90%;
    border: 0px solid
}
.radio-button input[type=radio],  .radio-button label  {
    margin-left: 3% !important;
    outline: none
}

.radio-button input[type=radio]{
    margin-left: 10%;
    margin-right: 2%;
    margin-top:2%;
    outline: none
}
.radio-button label  {
    margin-left: 10% !important;
}
.list-group .caret {
    margin-top: -7%;
    border-top: 10px solid;
    border-right: 7px solid rgba(6, 6, 6, 0);
    border-left: 7px solid transparent;
}
.list-group-item {
    padding-top: 0px !important;
}
/*Calculate FIA Biomass*/
#clearbtn{
    float: right;
    margin-right:6%;
}

.dropdown .caret{
    position:absolute;
    top:45%;
}
.btn-color, .btn-default, .btn-default:focus, .btn-default:active, .btn-default:active:focus,
.btn-primary, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {
    outline:none;
    padding:1% 6%;
    border: solid 1px #b5bcc7 !important;
    background-color: transparent !important;
}
/*.esriPopup.tooltiptest .titlePane, .esriPopup.light .titlePane, .esriPopup.dark .titlePane {

    display: none !important;

}*/


.esriPopup
{
/*    z-index: 200 !important;*/
}

.esriPopup.light .titlePane .title, .esriPopup.dark .titlePane .title {
   color: white !important;
}
.esriPopup.dark .titlePane {
    background-color: #282828 !important;

}
.esriPopup.light .titlePane {
    background-color: #282828 !important;


}


.esriPopup.tooltiptest .titlePane {

    display: none !important;

}
.esriPopup.tooltiptest .esriPopupWrapper {
    background-color: rgba(255, 255, 255, 0.30) !important;
}

/*width: 100px;
word-wrap: break-word;
position: absolute;
border: solid #A9A9A9 3px !important;
padding: 5px;
font-size: 9pt;
z-index: 9999;
-o-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;*/

.esriPopup.tooltiptest .contentPane {
/*    border: solid #A9A9A9 3px !important;*/
max-height: 100px !important;
padding: 5px 5px 0 5px !important;
font-size: 12px !important;
background-color: rgba(255, 255, 255, 0.70) !important;
 border-top: 0px solid !important;
    border: solid #A9A9A9 3px !important;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.esriPopup.tooltiptest .pointer.bottomLeft
{
    display: none !important;
}
.esriPopup.tooltiptest .pointer.bottom
{
    display: none !important;
}
.esriPopup.tooltiptest .outerPointer.left
{
    display: none !important;
}
.esriPopup.tooltiptest .outerPointer.right
{
    display: none !important;
}
.esriPopup.tooltiptest .actionsPane
{
    display: none;
}
.claro  .dijitTooltipConnector { background:none !important; }

input[type="button"]:hover, .input[type="button"]:focus {
/*    border-color: #040301 !important;*/
}
/*
#soilsreportfieldset:hover {
    border-color: #040301 !important;
    background-color: transparent !important;
}
*/
fieldset.soilsreport {
    border: 1px solid #b5bcc7 !important;
    border-bottom-color: #b5bcc7;
    border-right-color: #b5bcc7;
    border-top-color: #b5bcc7;
    border-left-color: #b5bcc7;
    padding: 0 2px 2px 2px!important;
    margin: 0 0 1px 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #b5bcc7;
    box-shadow: 0px 0px 0px 0px #b5bcc7;
    width: 134px;
}
/* for the two following styles, one style is for chrome, the other for i.e., need both*/
#soilsreportfieldset:disabled:hover {
    border-color: #b5bcc7 !important;
    background-color: transparent !important;
    cursor: not-allowed;
}
#soilsreportfieldset[disabled]:hover {
    border-color: #b5bcc7 !important;
    background-color: transparent !important;
    cursor: not-allowed;
}

.btn-default:hover,.open>.dropdown-toggle.btn-default {
    border-color: #040301 !important;
    background-color: transparent !important;
}

.btn-default:hover, .btn-primary:hover {

    border-color: #040301 !important;

}
#textbutton, #areabutton, #linebutton, #freehandbutton, #pointbutton, #circlebutton, #radiuscirclebutton
{
    border-color: #b5bcc7;
}


.file-upload > input
{
    display: none;
}

.file-upload img
{
    width: 20px;
    cursor: pointer;
}




/*Print Progress*/

/*
#panel1 {
    min-height: 50%;
    max-height: 70%
}*/
/*Toggle Tabs*/
.map-area {
    padding-right: 0px;
    padding-left: 0px
}
.content-button {
    margin-bottom: 5px
}
.draw1{
    padding-left: 0px;
    padding-top: 5px
}

#widthslidercontainer, #transparencyslidercontainer{
    margin-left: 10px !important;
    margin-top: 3px !important;
    display: block
}
#sizeslidercontainer{
    margin-left: 10px !important;
    margin-top: 3px !important;
    display: none
}
#areacontents, #circlecontents, #radiuscirclecontents
{
    padding-left: 50px
}
#arealabelscheckboxcontainer, #circlearealabelscheckboxcontainer {
    padding-top: 5px;
    margin-left: 50px;
    margin-bottom: 7px
}

#linecontents, #freehandlinecontents{
    padding-left: 35px;
    display: none
}
#distancelabelscheckboxcontainer{
    padding-top: 5px;
    margin-left: 36px;
    margin-bottom: 7px;
    display: none
}
#labelscontents{
    padding-top: 7px;
    padding-left: 5px;
    display: none
}
.load1{
    display: inline-block;
    margin-left: 20px
}
.load2 {
    margin-left: 2px;
    padding-bottom: 5px;
    display: inline;
    margin-top: 15px
}
#loadsavearealabelscheckboxcontainer{
    padding-top: 5px;
    margin-left: 18px;
    margin-bottom: 7px
}

.theme1{
    margin-left: 30px;
    padding-top: 20px
}
.theme2{
    margin-left: 33px;
    padding-top: 20px
}
.theme3 {
    margin-left: 6px
}
.theme4 {
    padding-left: 55px
}
.theme5 {
    padding-left: 30px
}
#printtittlebox, #commentsbox{
    width: 150px !important;
}
.continue {
    padding-left: 31px
}
.printdate {
    padding-left: 9px
}
#pointsofinterestcontents {
    padding-top: 5px;
    padding-left: 12px;
    display: none
}
#basemapcontainer {
    right: -155px;
    top: 45px;

    /*cursor: move;*/

}

#layerscontainer {
    right: 110px;
    top: -10px;
    height: 30px;
    background-color: #f4f4f4;
    /*cursor: move;*/
}
#measurecontainer {
    right: 10px;
    top: -60px;

}
#printcontainer {
    top: -115px;
    right: 90px;

}
[type=checkbox]:after {
    content: attr(value);
    margin: -2px 19px;
    vertical-align: top;
    display: inline-block;
    white-space:nowrap;
    cursor:pointer;
}
#uploadcontainer {
    top: -165px;
    right: 70px;

}
#downloadcontainer {
    top: -165px;
    right: 80px;
}
#infoModalBody2
{
    height: 89.6% !important;
}
#modal2content {
    height: 400px;
    width:350px;
    border: 4px solid #4a4a4a !important;
}

input[type=radio] {
    /*margin: 3px 3px 0;*/
}
.drawstyle {
    margin-left: 0px !important;
}

div.searchMenu.suggestionsMenu
{
    display: none !important;
}
.arcgisSearch .searchMenu .suggestionsMenu
{
    display: none !important;
}

.esriPopup
{
/*    z-index: 99999900 !important;*/
}

.esriSymbolEditor {
    z-index: 10 !important;
}

legend.soilsreport {
    font-size: 1em !important;
    /* font-weight: bold !important; */
    text-align: center !important;
    width: auto;
    padding: 0 5px;
    border-bottom: none;
    margin-bottom: 3px !important;
}
.introsearchicon
{
    top: 202px !important;

}
.introsmallbuttonsonright
{
    left: 1865px !important;

}

.btn-default.boxshadow
{
    box-shadow: 2px 2px #c2c2c2;
    border-width: 1px
}
.btn-default.boxshadowloadsave
{
    box-shadow: 2px 2px #c2c2c2;
    border-width: 1px;
    border-color: #b5bcc7;
}

.slider-tick.in-selection {
    background-color: #b5b5b5;
    background-image: none;
}
.slider-tick
{
    background-color: #eeeeee;
    background-image: none;
}
.slider-track-low, .slider-track-high
{
    background-color: #eeeeee;
}

.slider-selection.tick-slider-selection
{
    background-color: #b5b5b5;
    background-image: none;
}
.slider-tick-label {

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
}
.slider-handle
{
    background-color: #282828;
    background-image: none;
}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label:nth-child(2) {
    padding-left: 100px !important;
}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label:nth-child(3) {
    padding-left: 100px !important;
}
/*@media only screen and (min-device-width:864px) and (max-device-width:1152px) {

    #toolscontainer
    {
        height: 98px !important;
    }
}
@media only screen and (min-device-width:768px) and (max-device-width:1280px) {

    #toolscontainer
    {
        height: 100px !important;
    }
}
@media only screen and (min-device-width:600px) and (max-device-width:800px) {

    #toolscontainer
    {
        height: 100px !important;
    }
}*/
/*iphone x*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {

    #brand-title2, #brandtitlexsmall {

        color: #ffffff;
        padding-left: 1px;

        padding-right: 1px;
        padding-top: 17px;
        font-size: 13px;
    }
    .navbar-nav {
        padding-top: 12px !important;
    }
    .nav>li>a {
        position: relative;
        display: block;
       padding: 10px 9px !important;
    }
    #toolscontainer {
        /*width: 98.9% !important;*/
    }

        #toolscontainer {
            height: 92px;
        }
    .navbar {
       height: 50px;
    }
}


/*Laptop, desktop and Bigger*/
@media(min-width:768px) {
    #bot2 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #toolscontainer
    {
        height: 92px;
    }

    #search {
        display: block;
        position: absolute;
        z-index: 2;
        top: 134px;
        left: 22px;
        width: 30px;
        height: 30px;
    }

    #draw1subcontainer
    {
        margin-left: 3px;
    }
    #textdividingline
    {
        margin-left: -21px;
    }
    #printbuttondiv
    {
        width: 20%;
    }
    .introsearchicon
    {
        top: 178px !important;

    }
    .esriAttribution {
        max-width: 894px !important;
    }
    #brand-title2, #brandtitlexsmall {
        font-size: 18px;
        color: white;
        padding-left: 17px;
        font-weight: bold;
        padding-right: 5px;
        padding-top: 19px
    }
    #styledropdown
    {
        margin-left: 18px;
    }
    #loadsavebuttons
    {
        margin-left: 18px;
    }
    #pointshapecontents
    {
        padding-left: 0px ;
    }
    #themespanelbody
    {
        padding-left: 14px;
    }
    #themesreport
    {
        padding-left: 51px ;
    }
    #texasthumbnail:hover{
        cursor: pointer;
        cursor: hand;
    }
    .esriPopup
    {
/*        z-index: 99999900 !important;*/
    }

    .esriSymbolEditor {
        z-index: 10 !important;
    }

    #scalecontainer
    {
        right: 62px;
        top: 98px !important;
    }
    .scalebar_bottom-right {
        right: 150px !important;
        bottom: 35px !important;
    }

    body {
        padding-top: 60px
    }
    .navbar {
        min-height: 60px
    }
    .navbar-nav {
        padding-top: 4px
    }
    .navbar-brand {
        padding-top: 10px
    }
    .navbar-inverse .navbar-nav>li>a {
        padding-right:10px
    }
    #brand-image {
        width: 194px;
        height: 43px;
        margin-top: -1px
    }
    #brand-title, #brand-title2, #brandtitlexsmall {
        font-size: 23px;
        font-weight:normal
    }
    #wrapper {
/*        padding-left: 240px*/
    }
    #wrapper.toggled{
        padding-left: 0
    }
    #sidebar-wrapper {
        width: 240px;
        z-index: 100 !important;
        padding-right: 2px;
        padding-left: 3px;
        border-right: solid 1px #828285
    }
    #wrapper.toggled #sidebar-wrapper{
        width: 0
    }
    #page-content-wrapper {
        padding: 0px;
        position: relative
    }

    #wrapper.toggled #page-content-wrapper{
        position: relative;
        margin-right: 0
    }
    .panel-title>a {
        font-size: 14px;
        outline: none
    }
    .sidebar-btn {
        margin-left: 30%;
    }
    input[type=radio] {
        /*margin: 4px 0 0*/
    }

    #bndslider, #bmslider, #fstslider {
        width: 200px
    }
    #HomeButton {
        top:7px;
        left: 17px;
    }
    .list-group-item, a.list-group-item:hover, a.list-group-item:focus {
        width:90%
    }

    .slider-position {
        padding-left: 10%;
        text-align: left
    }
    .slider-text {
        padding-left: 8%
    }
    #addpointbtn,  #mobaddpointbtn{
        margin-left: 20%;
    }
    #clearbtn{
        margin-right:17%;
    }
    .simpleGeocoder .esriGeocoder{
        display: block !important
    }
    [type=checkbox]:after {
        margin: -2px 15px;
    }
    .radio-button input[type=radio]{
        margin-right: 0%;
        margin-top:1%;
    }

    .modal-backdrop.in {
        opacity: 0;
    }
    .modal-sm {
        width: 500px !important
    }
    .radiobuttonlabel
    {
        margin-left: 15px
    }
    .close {
        /*font-size: 30px;*/
    }
    .draw1{
        padding-left: 10px;
    }

    #widthslidercontainer, #transparencyslidercontainer, #sizeslidercontainer{
        margin-left: 27px !important;
    }
    #areacontents, #circlecontents, #radiuscirclecontents {
        padding-left: 69px
    }
    #circlearealabelscheckboxcontainer {
        margin-left: 71px;
    }
    #arealabelscheckboxcontainer  {
        margin-left: 68px;
    }
    #areatools{
        margin-left: 37px;
        margin-bottom: 7px;
        margin-top: 5px
    }
    #linecontents, #freehandlinecontents{
        padding-left: 57px;
    }
    #distancelabelscheckboxcontainer{
        margin-left: 59px;
    }
    #labelscontents{
        padding-left: 27px;
    }
    .load1{
        margin-left: 54px
    }
    .load2 {
        margin-left: 13px;
    }
    #loadsavearealabelscheckboxcontainer{
        margin-left: 42px;
    }
    .theme1, .theme2{
        margin-left: 68px;
    }
    .theme3 {
        margin-left: 29px
    }
    .theme4 {
        padding-left: 75px
    }
    .theme5 {
        padding-left: 65px
    }
    #printtittlebox, #commentsbox{
        width: 202px !important;
    }
    .continue {
        padding-left: 52px
    }
    .printdate {
        padding-left:33px
    }
    #pointsofinterestcontents {
        padding-left: 34px;
    }

    .HomeButton {
        top: 106px !important;
    }
    /*#LocateButton {
        margin-top: 10px
    }*/
    #search {
        top: 192px;
    }
    #basemapTourGallery{
        /*        right:7px;
                top:4px;*/
    }
    #uploadbutton  {
        right: 4px;
        margin-top: -23px;
        margin-right: 0px
    }
    #downloadbutton:hover{
        cursor: pointer;
        cursor: hand;
    }
    .dijitButton
    {
        cursor: pointer;
        cursor: hand;
    }
    #downloadbutton  {

        cursor: pointer;
        cursor: hand;
        right: 5px;
        margin-top: -64px;
        margin-right: 0px
    }

    #printbutton  {
        right: 5px;
        margin-top: -50px;
        margin-right: 0px
    }
    #measurebutton  {
        right: 5px;
        margin-top: -36px;
        margin-right: 0px
    }
    #layersbutton  {
        right: 5px;
        margin-top: -15px;
        margin-right: 0px
    }

    .arcgisSearch .searchMenu .suggestionsMenu
    {
        display: none !important;
    }


    #basemapcontainer {
        /*        right: 0px;*/
        top: 35px;
    }
    #layerscontainer {
        right: 0px;
        top: 23px;
        height: 30px;
        background-color: #f4f4f4;
    }
    #measurecontainer {
        right: 0px;
        top: 10px;
    }
    #printcontainer {
        top: -5px;
        right: 0px;
    }

    #infoModalBody2
    {
        height: 94.8% !important;
    }
    #modal2content {
        height: 766.84px;
        width:720px;
        border: 4px solid #4a4a4a !important;
    }
    .drawstyle {
        margin-left: 10px !important;
    }

    #downloadcontainer {

        top: -20px;
        right: 0px;

    }
    #uploadcontainer {
        top: 19px;
        right: 0px;

    }
}
/* just for iphone landscape 5S, small iphone*/
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape)
{
    .scalebar_bottom-right {
        right: 150px  !important;
        bottom: 3px  !important;
    }
    .esriSimpleSliderTL {
        top: 45px !important;
    }
    #greenstewardshipplaniddiv
    {
        display: none;
    }
    #mapcontainer {
        height: 70% !important;

    }
    #bot
    {
        height: 50px !important;
    }
}



/* just for iphone portrait 5S, small iphone*/
@media only screen and (device-width: 320px) and (device-height: 568px) and (orientation : portrait) {
    .scalebar_bottom-right {
        right: 148px  !important;
        bottom: 1px  !important;
    }
    .esriSimpleSliderTL {
        top: 45px !important;
    }
    #greenstewardshipplaniddiv
    {
        display: none;
    }

   #standscheckboxform input[type=checkbox], input[type=radio] {
        margin: 2px 0px 0 !important;
     }

    .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {

        border-radius: 3px !important;

    }
    #standslabel
    {
        font-size: 12px;
    }
    #resetbuttondiv

    {
        margin-left: 19px;
    }


    .input-group.date .input-group-addon {
        cursor: pointer;
        display: none;
    }


    .datebox .input-group {
        width: 78px !important;

    }
  #datebox1
  {

        margin-top: 3px;
        width: 80px;
        padding-left: 13px;
  }
    #datebox2
    {

        margin-top: 3px;
        width: 80px;
        padding-left: 14px;
    }

    .DateBtn, .RepDateBtn {
        margin-left: 3px;
        margin-top: 3px;
        width: 70px;
    }
    #scalecontainer
    {
       display: none;
    }
    #toolscontainer
    {
        height: 117px;
        /*width: 97.3% !important*/
    }
    #mapcontainer {
/*        width: 97.5% !important;*/
    }
    #bot {
        width: 97.5% !important;
    }


    #activitygroupcontainer

    {
        left: 6px;
        top: 55px;
        font-size: 12px;
    }
    #activitycontainer {
        top: 55px;
        left: 143px;
        font-size: 12px;
    }
    .lblAnd
    {
        display: none;
    }
    .labelclass
    {
        display: none;
    }
    #resetbutton
    {
        width: 40px;
        font-size: 11px;

    }

    .labelclass
    {
        display: none;
    }


    .item
    {
        background-color: rgb(204, 204, 204) !important;
    }

    #datelabel
    {
        display: none;
    }



    .esri-feature-table {
        font-family: verdana;
        font-size: 12px;
        height: 190px !important;

        width: 50%;
    }


    #brand-title2, #brandtitlexsmall {

        color: #ffffff;
        padding-left: 1px;

        padding-right: 1px;
        padding-top: 17px;
        font-size: 13px;
    }

    .HomeButton {
        top: 133px !important;
    }
    #search {
        top: 216px;
        left: 25px;
    }

    #standslg {
        left: 73px;
        top: 91px;
    }
    .templatePicker {
        left: 9px;
        top: 82px;

    }
    #donutAndMergeDiv {
        left: 34px;
        top: 82px;
    }

    #basemapTourGallery {
        position: absolute;
        left: 136px;
        top: 80px;
        z-index: 99;
        padding-top: 7px;
        padding-bottom: 6px;
    }
    #Layerslg {
        position: absolute;
        left: 163px;
        top: 136px;
        padding-top: 7px;
        padding-bottom: 6px;
    }
    #Measurelg {
        left: 191px;
        top: 184px;
        padding-top: 7px;
        padding-bottom: 6px;
    }
    #Printlg {
        position: absolute;
        left: 223px;
        top: 237px;
        padding-top: 7px;
        padding-bottom: 6px;
    }
    #downloadlg {
        left: 249px;
        top: 289px;
        z-index: 900;
        padding-top: 7px;
        padding-bottom: 6px;
    }
    #uploadlg {
        left: 268px;
        top: 286px;
        padding-top: 9px;
        padding-bottom: 6px;
    }
    #plotlg {
        left: 288px;
        top: 80px;
        padding-top: 7px;
        padding-bottom: 4px;
    }
    .item {
        text-align: left !important;
        background-color: rgb(204, 204, 204) !important;
    }
    #activityselect, #activitygroupselect
    {
        font-size: 10px;
    }

}



 /*galaxy phones portrait*/
@media screen and (device-width: 360px) and (device-height: 640px)
{
    .scalebar_bottom-right {
        right: 150px;
        bottom: 1px;
    }
    .esriSimpleSliderTL {
        top: 45px !important;
    }
    #greenstewardshipplaniddiv
    {
        display: none;
    }
    #activityselect {

        width: 178px !important;
    }
    #scalecontainer
    {
    display: none;
    }
    #toolscontainer
    {
        /*width: 350px !important;*/
    }
    #mapcontainer
    {
        width: 100% !important;
    }
    #bot
    {
        width: 350px !important;
    }
    #basemapTourGallery {
        left: 185px;
        top: 78px;
    }

    #standslg {
        left: 90px;
        top: 91px;
    }
    .templatePicker {
        left: 13px;
        top: 82px;

    }
    #donutAndMergeDiv {
        left: 43px;
        top: 82px;
    }
    #activitygroupcontainer

    {
        top: 60px;
        font-size: 12px;
    }
    #activitycontainer {
        top: 60px;
        left: 176px !important;
        font-size: 12px;
    }
    .lblAnd
    {
        display: none;
    }
    .labelclass
    {
        display: none;
    }
    .datebox .input-group {
        width: 111px !important;
        padding-left: 4px;
    }
    #resetbutton
    {
        width: 40px;
        font-size: 11px;

    }

    .labelclass
    {
        display: none;
    }
    #toolscontainer
    {
        height: 117px;
    }
    .item
    {
        background-color: rgb(204, 204, 204) !important;
    }

    #brand-title2, #brandtitlexsmall {

        color: #ffffff;
        padding-left: 1px;

        padding-right: 1px;
        padding-top: 17px;
        font-size: 13px;
    }

    .HomeButton {
        top: 130px !important;
        left: 16px;
    }
    #search {
        top: 208px;
        left: 17px;
    }
    #basemapTourGallery {
        position: absolute;
        left: 172px;
        top: 80px;
        z-index: 99;
        padding-top: 7px;
        padding-bottom: 6px;
    }
    #Layerslg {
        position: absolute;
        left: 199px;
        top: 136px;
        padding-top: 7px;
        padding-bottom: 6px;
    }
    #Measurelg {
        left: 229px;
        top: 184px;
        padding-top: 7px;
        padding-bottom: 6px;
    }
    #Printlg {
        position: absolute;
        left: 260px;
        top: 237px;
        padding-top: 7px;
        padding-bottom: 6px;
    }
    #downloadlg {
        left: 286px;
        top: 289px;
        z-index: 900;
        padding-top: 7px;
        padding-bottom: 6px;
    }
    #uploadlg {
        left: 307px;
        top: 286px;
        padding-top: 9px;
        padding-bottom: 6px;
    }
    #plotlg {
        left: 327px;
        top: 80px;
        padding-top: 7px;
        padding-bottom: 4px;
    }
    .item {
        text-align: left !important;
        background-color: rgb(204, 204, 204) !important;
    }
    #activityselect, #activitygroupselect
    {
        font-size: 11px;
    }
}

/* just for iphone  Plus portrait*/
@media only screen and (min-device-width: 411px) and (max-device-height: 823px) and (orientation : portrait) {
    #greenstewardshipplaniddiv
    {
        display: none;
    }
    #activityselect {

        width: 192px !important;
    }
    #scalecontainer
    {
display: none;
    }
    #resetbuttondiv
    {
        padding-left: 2px;
    }

    #toolscontainer
    {
        /*width: 97.5% !important;*/
    }
    #mapcontainer
    {
/*        width: 97.5% !important;*/
    }
    #bot
    {
        width: 97.5% !important;
    }

    #basemapTourGallery {
        left: 185px;
        top: 78px;
    }

    #standslg {
        left: 90px;
        top: 91px;
    }
    .templatePicker {
        left: 13px;
        top: 82px;

    }
    #donutAndMergeDiv {
        left: 43px;
        top: 82px;
    }
    #activitygroupcontainer

    {
        font-size: 12px;
        top: 60px;
    }
    #activitycontainer {
        top: 60px;
        left: 215px ;
        font-size: 12px;
    }
    .lblAnd
    {
        display: none;
    }
    .labelclass
    {
        display: none;
    }
    .datebox .input-group {
        width: 111px !important;
        padding-left: 4px;
    }
    #resetbutton
    {
        width: 40px;
        font-size: 11px;

    }

    .labelclass
    {
        display: none;
    }
    #toolscontainer
    {
        height: 117px;
    }

    .item
    {
        background-color: rgb(204, 204, 204) !important;
    }

    #brand-title2, #brandtitlexsmall {

        color: #ffffff;
        padding-left: 1px;

        padding-right: 1px;
        padding-top: 17px;
        font-size: 13px;
    }

    .HomeButton {
        top: 127px !important;
    }
    #search {
        top: 209px;
        left: 17px;
    }
    #basemapTourGallery {
        position: absolute;
        left: 193px;
        top: 80px;
        z-index: 99;
        padding-top: 7px;
        padding-bottom: 6px;
    }
    #Layerslg {
        position: absolute;
        left: 226px;
        top: 136px;
        padding-top: 7px;
        padding-bottom: 6px;
    }
    #Measurelg {
        left: 259px;
        top: 185px;
        padding-top: 7px;
        padding-bottom: 6px;
    }
    #Printlg {
        position: absolute;
        left: 295px;
        top: 238px;
        padding-top: 7px;
        padding-bottom: 6px;
    }
    #downloadlg {
        left: 325px;
        top: 289px;
        z-index: 900;
        padding-top: 7px;
        padding-bottom: 6px;
    }
    .esriSimpleSliderTL {
    
    top: 43px !important;
    
    }
    #uploadlg {
        left: 348px;
        top: 286px;
        padding-top: 9px;
        padding-bottom: 6px;
    }
    #plotlg {
        left: 373px;
        top: 80px;
        padding-top: 7px;
        padding-bottom: 4px;
    }
    .item {
        text-align: left !important;
        background-color: rgb(204, 204, 204) !important;
    }
    #activityselect, #activitygroupselect
    {
        font-size: 11px;
    }
}



/* just for iphone 6,7,8 and X, XR portrait*/
@media only screen and (min-device-width: 375px) and (max-device-width: 896px) and (orientation : portrait) {
    .scalebar_bottom-right {
        right: 150px !important;
        bottom: 2px !important;
    }
    .esriSimpleSliderTL {

        top: 47px !important;
    }
    #greenstewardshipplaniddiv
    {
        display: none;
    }
    #scalecontainer
    {
        right: 7px;
        top: 128px !important;
        display: none;
    }
    #activityselect {

        width: 192px !important;
    }
 #resetbuttondiv
 {
     /*padding-left: 2px;*/
 }

    #toolscontainer
    {
        /*width: 97.5% !important;*/
    }
    #mapcontainer
    {
/*        width: 97.5% !important;*/
    }
    #bot
    {
        width: 97.5% !important;
    }

    #basemapTourGallery {
        left: 185px;
        top: 78px;
     }

    #standslg {
        left: 90px;
        top: 91px;
    }
    .templatePicker {
        left: 13px;
        top: 82px;

    }
    #donutAndMergeDiv {
        left: 43px;
        top: 82px;
    }
    #activitygroupcontainer

    {
        top: 65px;
        font-size: 12px;
    }
    #activitycontainer {
        top: 65px;
        left: 179px ;
        font-size: 12px;
    }
.lblAnd
{
    display: none;
}
    .labelclass
    {
        display: none;
    }
    .datebox .input-group {
        width: 111px !important;
        padding-left: 4px;
    }
#resetbutton
{
    width: 40px;
    font-size: 11px;

}

   .labelclass
    {
        display: none;
    }
    #toolscontainer
    {
        height: 117px;
    }

    .item
    {
        background-color: rgb(204, 204, 204) !important;
    }

    #brand-title2, #brandtitlexsmall {

        color: #ffffff;
        padding-left: 1px;

        padding-right: 1px;
        padding-top: 17px;
        font-size: 13px;
    }

    .HomeButton {
        top: 130px !important;
        left: 17px;
    }
    #search {
        top: 209px;
        left: 17px;
    }
    #basemapTourGallery {
        position: absolute;
        left: 175px;
        top: 80px;
        z-index: 99;
        padding-top: 7px;
        padding-bottom: 6px;
    }
    #Layerslg {
        position: absolute;
        left: 202px;
        top: 136px;
        padding-top: 7px;
        padding-bottom: 6px;
    }
    #Measurelg {
        left: 231px;
        top: 185px;
        padding-top: 7px;
        padding-bottom: 6px;
    }
    #Printlg {
        position: absolute;
        left: 263px;
        top: 238px;
        padding-top: 7px;
        padding-bottom: 6px;
    }
    #downloadlg {
        left: 289px;
        top: 289px;
        z-index: 900;
        padding-top: 7px;
        padding-bottom: 6px;
    }
  .esriSimpleSliderTL {

        top: 43px !important;

    } 
    #uploadlg {
        left: 310px;
        top: 286px;
        padding-top: 9px;
        padding-bottom: 6px;
    }
    #plotlg {
        left: 334px;
        top: 80px;
        padding-top: 7px;
        padding-bottom: 4px;
    }
    .item {
        text-align: left !important;
        background-color: rgb(204, 204, 204) !important;
    }
    #activityselect, #activitygroupselect
    {
        font-size: 11px;
    }
}
/* just for iphone landscape*/
@media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (orientation : landscape) {
    .scalebar_bottom-right {
        right: 150px !important;
        bottom: 1px !important;
    }
    #greenstewardshipplaniddiv
    {
        display: none;
    }
    #toolscontainer
    {
        height: 110px;
    }
    .esriSimpleSlider div {
        width: 25px !important;
        height: 30px !important;
    }
    .map .bingLogo-lg {
        display: none;
    }
    .esriSimpleSliderVertical .esriSimpleSliderIncrementButton, .esriSimpleSliderVertical .esriSimpleSliderDecrementButton {
        font-weight: 500;
        font-size: 20px;
        line-height: 18px;
        /* padding-bottom: 22px !important; */
    }
    #brand-title2, #brandtitlexsmall {

        color: #ffffff;
        padding-left: 1px;

        padding-right: 1px;
        padding-top: 17px;
        font-size: 13px;
    }

    .HomeButton {
        top: 117px !important;
        width: 10px !important;
        left: 15px;
       }
    #search {
        top: 197px;
        left: 14px;
    }
    #scalecontainer {
display: none;
    }
    .templatePicker {
        border: none !important;
        padding: 0px !important;
        -o-border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        position: absolute;
        left: 11px;
        top: 78px;
        z-index: 999;
        height: 30px;
    }
    #donutAndMergeDiv {
        position: absolute;
        left: 37px;
        top: 77px;
    }

    #standslg {
        position: absolute;
        left: 80px;
        top: 85px;
    }

    #basemapTourGallery {
        position: absolute;
        left: 168px;
        top: 17px;
        z-index: 99;
        padding-top: 65px;
        padding-bottom: 1px;
    }
    #Layerslg {
        position: absolute;
        left: 197px;
        top: 72px;
        z-index: 999;
        padding-top: 65px;
        padding-bottom: 1px;
    }
    #Measurelg {
        position: absolute;
        left: 229px;
        top: 183px;
        padding-top: 3px;
        padding-bottom: 1px;
    }
    #Printlg {
        position: absolute;
        left: 265px;
        top: 235px;
        padding-top: 3px;
        padding-bottom: 1px;
    }

    #downloadlg {
        position: absolute;
        left: 295px;
        top: 287px;
        z-index: 900;
        padding-top: 3px;
        padding-bottom: 1px;
    }
    #uploadlg {
        position: absolute;
        left: 319px;
        top: 287px;
        z-index: 900;
        padding-top: 3px;
        padding-bottom: 1px;
    }
    #plotlg {
        position: absolute;
        left: 345px;
        top: 79px;
        z-index: 900;
        padding-top: 3px;
        padding-bottom: 1px;
    }
    #activitygroupcontainer {
        top: 55px;
        font-size: 12px;
    }
    #activitycontainer {
        top: 55px;
        left: 175px;
        font-size: 12px;
    }
}


/*Laptop, desktop and Bigger*/
@media(min-width:768px) {


    .esriSimpleSliderTL {
          top: 47px !important;
    }
    #toolscontainer
    {
        height: 95px;
    }

    #search {
        display: block;
        position: absolute;
        z-index: 2;
        top: 134px;
        left: 17px;
        width: 30px;
        height: 30px;
    }

    #draw1subcontainer
    {
        margin-left: 3px;
    }
    #textdividingline
    {
        margin-left: -21px;
    }
    #printbuttondiv
    {
        width: 20%;
    }
    .introsearchicon
    {
        top: 178px !important;

    }
    .esriAttribution {
        max-width: 894px !important;
    }
    #brand-title2, #brandtitlexsmall {
        font-size: 18px;
        color: white;
        padding-left: 17px;
        font-weight: bold;
        padding-right: 5px;
        padding-top: 19px
    }
    #styledropdown
    {
        margin-left: 18px;
    }
    #loadsavebuttons
    {
        margin-left: 18px;
    }
    #pointshapecontents
    {
       padding-left: 0px ;
    }
    #themespanelbody
    {
        padding-left: 14px;
    }
    #themesreport
    {
        padding-left: 51px ;
    }
    #texasthumbnail:hover{
        cursor: pointer;
        cursor: hand;
    }
    .esriPopup
    {
/*        z-index: 99999900 !important;*/
    }

    .esriSymbolEditor {
        z-index: 10 !important;
    }

    #scalecontainer
    {
        right: 62px;
        top: 98px !important;
    }
    .scalebar_bottom-right {
        right: 150px !important;
        bottom: 423px !important;
    }

    body {
        padding-top: 60px
    }
    .navbar {
        min-height: 60px
    }
    .navbar-nav {
        padding-top: 4px
    }
    .navbar-brand {
        padding-top: 10px
    }
    .navbar-inverse .navbar-nav>li>a {
        padding-right:10px
    }
    #brand-image {
        width: 194px;
        height: 43px;
        margin-top: -1px
    }
    #brand-title, #brand-title2, #brandtitlexsmall {
        font-size: 23px;
        font-weight:normal
    }
    #wrapper {
/*        padding-left: 240px*/
    }
    #wrapper.toggled{
        padding-left: 0
    }
    #sidebar-wrapper {
        width: 240px;
        z-index: 100 !important;
        padding-right: 2px;
        padding-left: 3px;
        border-right: solid 1px #828285
    }
    #wrapper.toggled #sidebar-wrapper{
        width: 0
    }
    #page-content-wrapper {
        padding: 0px;
        position: relative
    }

    #wrapper.toggled #page-content-wrapper{
        position: relative;
        margin-right: 0
    }
    .panel-title>a {
        font-size: 14px;
        outline: none
    }
    .sidebar-btn {
        margin-left: 30%;
    }
    input[type=radio] {
        /*margin: 4px 0 0*/
    }

    #bndslider, #bmslider, #fstslider {
        width: 200px
    }
    #HomeButton {
        top:7px
    }
    .list-group-item, a.list-group-item:hover, a.list-group-item:focus {
        width:90%
    }

    .slider-position {
        padding-left: 10%;
        text-align: left
    }
    .slider-text {
        padding-left: 8%
    }
    #addpointbtn,  #mobaddpointbtn{
        margin-left: 20%;
    }
    #clearbtn{
        margin-right:17%;
    }
    .simpleGeocoder .esriGeocoder{
        display: block !important
    }
    [type=checkbox]:after {
        margin: -2px 15px;
    }
    .radio-button input[type=radio]{
        margin-right: 0%;
        margin-top:1%;
    }

    .modal-backdrop.in {
        opacity: 0;
    }
    .modal-sm {
        width: 500px !important
    }
    .radiobuttonlabel
    {
        margin-left: 15px
    }
    .close {
        font-size: 30px;
    }
    .draw1{
        padding-left: 10px;
    }

    #widthslidercontainer, #transparencyslidercontainer, #sizeslidercontainer{
        margin-left: 27px !important;
    }
    #areacontents, #circlecontents, #radiuscirclecontents {
        padding-left: 69px
    }
  #circlearealabelscheckboxcontainer {
                            margin-left: 71px;
                        }
    #arealabelscheckboxcontainer  {
        margin-left: 68px;
    }
  #areatools{
        margin-left: 37px;
        margin-bottom: 7px;
        margin-top: 5px
    }
    #linecontents, #freehandlinecontents{
        padding-left: 57px;
    }
    #distancelabelscheckboxcontainer{
        margin-left: 59px;
    }
    #labelscontents{
        padding-left: 27px;
    }
    .load1{
        margin-left: 54px
    }
    .load2 {
        margin-left: 13px;
    }
    #loadsavearealabelscheckboxcontainer{
        margin-left: 42px;
    }
    .theme1, .theme2{
        margin-left: 68px;
    }
    .theme3 {
        margin-left: 29px
    }
    .theme4 {
        padding-left: 75px
    }
    .theme5 {
        padding-left: 65px
    }
    #printtittlebox, #commentsbox{
        width: 202px !important;
    }
    .continue {
        padding-left: 52px
    }
    .printdate {
        padding-left:33px
    }
    #pointsofinterestcontents {
        padding-left: 34px;
    }

    .HomeButton {
        top: 106px !important;
    }
    /*#LocateButton {
        margin-top: 10px
    }*/
    #search {
        top: 189px;
    }
    #basemapTourGallery{
/*        right:7px;
        top:4px;*/
    }
    #uploadbutton  {
        right: 4px;
        margin-top: -23px;
        margin-right: 0px
    }
    #downloadbutton:hover{
        cursor: pointer;
        cursor: hand;
    }
    .dijitButton
    {
        cursor: pointer;
        cursor: hand;
    }
    #downloadbutton  {

        cursor: pointer;
        cursor: hand;
        right: 5px;
        margin-top: -64px;
        margin-right: 0px
    }

    #printbutton  {
        right: 5px;
        margin-top: -50px;
        margin-right: 0px
    }
    #measurebutton  {
        right: 5px;
        margin-top: -36px;
        margin-right: 0px
    }
    #layersbutton  {
        right: 5px;
        margin-top: -15px;
        margin-right: 0px
    }

    .arcgisSearch .searchMenu .suggestionsMenu
    {
        display: none !important;
    }


    #basemapcontainer {
/*        right: 0px;*/
        top: 35px;
    }
    #layerscontainer {
        right: 0px;
        top: 23px;
        height: 30px;
        background-color: #f4f4f4;
    }
    #measurecontainer {
        right: 0px;
        top: 10px;
    }
    #printcontainer {
        top: -5px;
        right: 0px;
    }

    #infoModalBody2
    {
        height: 94.8% !important;
    }
    #modal2content {
        height: 766.84px;
        width:720px;
        border: 4px solid #4a4a4a !important;
    }
    .drawstyle {
        margin-left: 10px !important;
    }

    #downloadcontainer {

        top: -20px;
        right: 0px;

    }
        #uploadcontainer {
            top: 19px;
            right: 0px;

}
}


/*Ipad Portrait*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

    #bot2 {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .esriSimpleSliderTL {
        top: 47px !important;
    }
    .templatePicker {

        left: 396px;
    }
    #donutAndMergeDiv {
        position: absolute;
        left: 423px;
        top: 60px;
    }
    #widget_dijit_form_ValidationTextBox_0, #widget_dijit_form_ValidationTextBox_1
    {

        width: 155% !important;
    }
    #activitygroupcontainer {
        font-size: 12px;
    }
    #activitycontainer {
        font-size: 12px;
        left: 185px;
    }
    #toolscontainer
    {
        /*width: 98.9% !important;*/
    }
    #mapcontainer
    {
/*        width: 98.9% !important;*/
    }
    #bot
    {
        width: 98.9% !important;
    }
    #plotcontainer
    {
        left: -655px;
        top: 40px;
    }
    #toolscontainer
    {
        height: 95px;
    }
    .templatePicker {

        top: 63px;

    }
    #standslg {

        top: 69px;
    }

    .esriAttribution {
        max-width: 350px !important;
    }
    #printbuttondiv
    {
        width: 30%;
    }
    #brand-title2, #brandtitlexsmall {
        font-size: 23px;
        color: #ffffff;
        padding-left: 20px !important;
        font-weight: bold;
        padding-right: 5px;
        padding-top: 18px
    }
    #styledropdown
    {
        margin-left: 18px;
    }
    #loadsavebuttons
    {
        margin-left: 8px;
    }
    #pointshapecontents
    {
        padding-left: 3px ;
    }
    #themesreport
    {
        padding-left: 56px ;
    }
    #texasthumbnail:hover{
        cursor: pointer;
        cursor: hand;
    }
    .esriPopup
    {
/*        z-index: 99999900 !important;*/
    }

    .esriSymbolEditor {
        z-index: 10 !important;
    }

    #scalecontainer
    {
        right: 57px;
        top: 98px !important;
    }
    .scalebar_bottom-right {
        right: 155px !important;
        bottom: 3px !important;
    }


    #wrapper {
        padding-left: 250px
    }
    #wrapper.toggled{
        padding-left: 0
    }
    #sidebar-wrapper {
        width: 250px;
        z-index: 100 !important;
        padding-right: 3px;
        padding-left: 3px;
        border-right: solid 1px #828285
    }
    #wrapper.toggled #sidebar-wrapper{
        width: 0
    }
    #page-content-wrapper {

        position: relative
    }
    #wrapper.toggled #page-content-wrapper{
        position: relative;
        margin-right: 0
    }
    .panel-title>a {
        font-size: 13px;
        outline: none
    }
    .sidebar-btn {
        margin-left: 20%;
    }
    #infoModal {
        position: fixed;
        left: 15%;
        right: 10%;
        top: 8%
    }
    #bndslider, #bmslider, #fstslider {
        width: 150px
    }
    #brand-title, #brand-title2 {
        font-size: 17px;
        padding-left: 2px;
        color: #ffffff;
        padding-right: 2px;
        font-weight:normal
    }
    .navbar-inverse .navbar-nav>li>a {
        padding-right: 3px;
        font-size:14px
    }

    .list-group-item, a.list-group-item:hover, a.list-group-item:focus {
        width:105%
    }
    .slider-position {
        padding-left: 10%;
        text-align: left
    }
    #addpointbtn,  #mobaddpointbtn{
        margin-left: 17%;
    }
    #clearbtn{
        margin-right: 10%;
    }
    .simpleGeocoder .esriGeocoder{
        display: block !important
    }
    .checkbox input[type=checkbox], .radio-button input[type=radio]{
        margin-right: 0%;
        margin-top:1%
    }

    .modal-backdrop.in {
        opacity: 0;
    }
    input[type=radio] {
        margin: 3px 3px 0;
    }
    .radiobuttonlabel {
        margin-left: 25px
    }
    .draw1{
        padding-left: 8px;
    }

    #widthslidercontainer, #transparencyslidercontainer, #sizeslidercontainer{
        margin-left: 35px !important;
    }

    #areacontents, #circlecontents, #radiuscirclecontents{
        padding-left: 79px
    }
    #arealabelscheckboxcontainer, #circlearealabelscheckboxcontainer {
        margin-left: 78px;
    }
    #areatools{
        margin-left: 44px;
    }
    #textdividingline
    {
        margin-left: -21px !important;
    }
    #linecontents, #freehandlinecontents{
        padding-left: 62px;
    }
    #distancelabelscheckboxcontainer{
        margin-left: 65px;
    }
    #labelscontents{
        padding-left: 30px;
    }
    .load1{
        margin-left: 45px
    }
    .load2 {
        margin-left: 25px;
    }
    #loadsavearealabelscheckboxcontainer{
        margin-left: 50px;
    }
    .theme1{
        margin-left: 50px;
    }
    .theme2{
        margin-left: 52px;
    }
    .theme3 {
        margin-left: 35px
    }
    .theme4 {
        padding-left: 85px
    }
    .theme5 {
        padding-left: 57px
    }
    #printtittlebox, #commentsbox{
        width: 202px !important;
    }
    .continue {
        padding-left: 60px
    }
    .printdate {
        padding-left: 33px
    }
    #pointsofinterestcontents {
        padding-left: 36px;
    }
    [type=checkbox]:after {
        margin: -2px 19px;
    }

    .HomeButton {
        top: 108px !important;
    }
    #plotbutton  {
        margin-left: 280px;
        margin-top: -28px;
        margin-right: 0px
    }
    #basemapbutton  {
        margin-left: 250px;
        margin-top: 54px;
        margin-right: 0px
    }
    #LocateButton {
        margin-top: 10px
    }
    #search {
        top: 188px;
    }
    #basemapTourGallery{
        right:7px;
        top:6px;
    }
    #uploadbutton  {
        margin-left: 275px;
        margin-top:  -238px;
        margin-right: 0px
    }

    #downloadbutton  {
        margin-left: 270px;
        margin-top:  -238px;
        margin-right: 0px
    }
    #printbutton  {
        margin-left: 265px;
        margin-top:  -187px;
        margin-right: 0px
    }
    #measurebutton  {
        margin-left: 260px;
        margin-top:  -134px;
        margin-right: 0px
    }
    #layersbutton  {
        margin-left: 255px;
        margin-top: -84px;
        margin-right: 0px
    }


    #basemapcontainer {
        right: 0px;
        top: 33px;
    }
    #layerscontainer {
        right: 0px;
        top: 20px;
        height: 30px;
        background-color: #f4f4f4;
    }
    .arcgisSearch .searchMenu .suggestionsMenu
    {
        display: none !important;
    }
    #measurecontainer {
        right: 0px;
        top: 10px;
    }
    #printcontainer {
        top: -5px;
        right: 0px;
    }
    #uploadcontainer {
        top: 17px;
        right: 0px;

    }

    #downloadcontainer {

        top: -20px;
        right: 0px;
    }
    #infoModalBody2
    {
        height: 91.8% !important;
    }
    #modal2content {
        height: 500px;
        width:500px;
        border: 4px solid #4a4a4a !important;
    }
    .drawstyle {
        margin-left: 10px !important;
    }


}


/*iPad Landscape*/

@media only screen
and (min-device-width: 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .esriControlsBR {
        bottom: 45px !important ;
    }
    #bot2 {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    #widget_dijit_form_ValidationTextBox_0, #widget_dijit_form_ValidationTextBox_1
    {

        width: 155% !important;
    }
    .esriSimpleSliderTL {
        top: 47px !important;
    }
    #activitygroupcontainer {
        font-size: 12px;
    }
    #activitycontainer {
        font-size: 12px;
        left: 185px;
    }
    .templatePicker {

        left: 396px;

    }

    #donutAndMergeDiv
    {
        position:absolute;
        left: 425px !important;
        top: 60px !important;
    }
    #standslg
    {
        position:absolute;
        left: 471px;
        top: 68px;
    }
    #Layerslg {
        position: absolute;
        left: 590px;
        top: 75px;

    }
    #Measurelg {

        position: absolute;
        left: 622px;
        top: 92px;

    }
    #Printlg {
        position:absolute;
        left: 657px;
        top: 106px;
    }

    #downloadlg {
        position:absolute;
        left: 687px;
        top: 120px;
        z-index:900
    }

    #uploadlg {
        position:absolute;
        left: 711px;
        top: 79px;
    }
    #plotlg
    {
        position: absolute;
        left: 737px;
        top: 66px;

    }
    #toolscontainer
    {
        /*width: 98.9% !important;*/
    }
    #mapcontainer
    {
/*        width: 98.9% !important;*/
    }
    #bot
    {
        width: 98.9% !important;
    }
    #plotcontainer
    {
        left: -655px;
        top: 40px;


    }
    .templatePicker {

        top: 63px;

    }
    #standslg {

        top: 69px;
    }
    #donutAndMergeDiv {
        position: absolute;
        left: 412px;
        top: 62px;
    }
    .HomeButton {

        top: 60px !important;
    }
    #search {
        top: 194px;
    }
    #draw1subcontainer
    {
        margin-left: 4px;
    }

    #printbuttondiv
    {
        width: 25%;
    }
    .esriAttribution {
        max-width: 550px !important;
    }
    #brand-title2 {
        font-size: 17px;
        color: #ffffff;
        padding-left: 15px;
        padding-right: 5px;
        padding-top: 20px
    }
    #styledropdown
    {
        margin-left: 18px;
    }
    #loadsavebuttons
    {
        margin-left: 16px;
    }
    #pointshapecontents
    {
        padding-left: 3px ;
    }
    #themespanelbody
    {
        padding-left: 14px !important;
    }
    #themesreport
    {
        padding-left: 40px ;
    }
    #texasthumbnail:hover{
        cursor: pointer;
        cursor: hand;
    }
    .esriPopup
    {
/*        z-index: 99999900 !important;*/
    }

    .esriSymbolEditor {
        z-index: 10 !important;
    }

    #scalecontainer
    {
        right: 62px;
        top: 98px !important;
    }
    .scalebar_bottom-right {
        right: 154px !important;
        bottom: 3px !important;
    }
    #infoModal {
        position: fixed;
        left: 15%;
        right: 30%;
        top: 10%
    }

    .navbar-inverse .navbar-nav>li>a {
        padding-right: 5px
    }
    #HomeButton {
        top:80px
    }
    .slider-position {
        padding-left: 10%;
        text-align: left
    }
    .arcgisSearch .searchMenu .suggestionsMenu
    {
        display: none !important;
    }
    .slider-text {
        padding-left: 8%
    }

    #clearbtn{
        margin-right:10%;
    }
    .simpleGeocoder .esriGeocoder{
        display: block !important
    }
    .checkbox input[type=checkbox], .radio-button input[type=radio]{
        margin-right: 0%;
        margin-top:1%;
    }

    .modal-backdrop.in {
        opacity: 0;
    }
    input[type=radio] {
        margin: 3px 3px 0;
    }
    .radiobuttonlabel {
        margin-left: 25px
    }
    .close {
        font-size: 20px !important
    }
    .draw1{
        padding-left: 13px;
    }
    #widthslidercontainer, #transparencyslidercontainer, #sizeslidercontainer{
        margin-left: 33px !important;
    }
    #areacontents
    {
        padding-left: 72px
    }
   #circlecontents, #radiuscirclecontents {
        padding-left: 67px
    }
    #circlearealabelscheckboxcontainer {
        margin-left: 70px;
    }
    #arealabelscheckboxcontainer
    {
        margin-left: 71px;
    }
    #areatools{
        margin-left: 45px;
    }
    #linecontents, #freehandlinecontents{
        padding-left: 56px;
    }
    #distancelabelscheckboxcontainer{
        margin-left: 59px;
    }
    #labelscontents{
        padding-left: 25px;
    }
    .load1{
        margin-left: 44px
    }
    .load2 {
        margin-left: 15px;
    }
    #loadsavearealabelscheckboxcontainer{
        margin-left: 45px;
    }
    .theme1 {
        margin-left: 50px;
    }
    .theme2 {
        margin-left: 53px;
    }
    .theme3 {
        margin-left: 20px
    }
    .theme4 {
        padding-left: 65px
    }
    .theme5 {
        padding-left: 65px
    }
    #printtittlebox, #commentsbox{
        width: 202px !important;
    }
    .continue {
        padding-left: 56px
    }
    .printdate {
        padding-left: 35px
    }
    #pointsofinterestcontents {
        padding-left: 38px;
    }
    [type=checkbox]:after {
        margin: -2px 19px;
    }
    .HomeButton {
        top: 107px !important;
    }
    .arcgisSearch .searchIcon {

        margin-top: 11px;
    }
/*    #LocateButton {
        margin-top: 10px
    }*/
    /*#search {*/
        /*top: 124px;*/
    /*}*/
    #basemapTourGallery{
        right:7px;
        top:4px;
    }
    #uploadbutton  {
        right: 4px;
        margin-top: -23px;
        margin-right: 0px
    }
    #plotbutton  {
        right: 4px;
        margin-top: 2px;
        margin-right: 0px
    }
    #downloadbutton  {

        right: 5px;
        margin-top: -63px;
        margin-right: 0px
    }
    #printbutton  {
        right: 5px;
        margin-top: -51px;
        margin-right: 0px
    }


    #measurebutton  {
        right: 5px;
        margin-top: -38px;
        margin-right: 0px
    }
    #layersbutton  {
        right: 5px;
        margin-top: -16px;
        margin-right: 0px
    }


    #basemapbutton  {


        right: 5px;
        margin-top: 61px;
        margin-right: 0px
    }
    #basemapcontainer {
        right: 0px;
        top: 35px;
    }
    #layerscontainer {
        right: 0px;
        top: 23px;
        height: 30px;
        background-color: #f4f4f4;
    }
    #measurecontainer {
        right: 0px;
        top: 10px;
    }
    #printcontainer {
        top: -5px;
        right: 0px;
    }
    #uploadcontainer {
        top: 19px;
        right: 0px;
    }

    #downloadcontainer {


        top: -20px;
        right: 0px;
    }
    #infoModalBody2
    {
        height: 92% !important;
    }
    #modal2content {
        height: 500px;
        width:650px;
        border: 4px solid #4a4a4a !important;
    }
    .drawstyle {
        margin-left: 10px !important;
    }


}