/* stops */

.simpleDirections .esriStopsContainer {
    margin: 0 0 10px 0;
}
.simpleDirections .esriStopsTableContainer{
    position: relative;
}
.simpleDirections .esriStopsTableCover{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.5);
    z-index: 1000;
}
.simpleDirections .esriStopsButtons {
    margin: 0;
}
.simpleDirections .esriStopsReverse {
    padding: 4px;
    margin-top: 18px;
    height: 14px;
    background: url(../images/Directions/reverse.png) no-repeat 5px center;
    cursor: pointer;
}
.dj_rtl .simpleDirections .esriStopsReverse {
    background: url(../images/Directions/reverse.png) no-repeat 3px center;
}
.dojoDndMove .simpleDirections .esriStopsReverse {
    display: none;
}
.simpleDirections .esriStopsReverse:hover,
.simpleDirections .esriStopsReverse:focus {
    opacity: .7;
}
.simpleDirections .esriStopsRemovable .esriStop .esriStopIconRemove {
    display: block;
    width: 16px;
    height: 12px;
    cursor: pointer;
    background: url(../images/Directions/remove-destination.png) no-repeat center center;
}
.simpleDirections .esriStopsRemovable .esriStop .esriStopIconRemoveHidden {
    width: 16px;
    background: none;
}
.simpleDirections .esriStopsRemovable .esriStop .esriStopIconRemove:hover,
.simpleDirections .esriStopsRemovable .esriStop .esriStopIconRemove:focus {
    opacity: .7;
}
.simpleDirections .esriStopsAddDestination {
    display: none;
}
.simpleDirections .esriStopsAdd .esriStopsAddDestination {
    display: block;
    text-align: right;
    margin: 0 10px 0 10px;
    height: 30px;
}
.dj_rtl .simpleDirections .esriStopsAdd .esriStopsAddDestination {
    text-align: left;
}
.simpleDirections .esriStopsAdd .esriStopsAddDestinationBtn {
    float: right;
}
.dj_rtl .simpleDirections .esriStopsAdd .esriStopsAddDestinationBtn {
    float: left;
}
.simpleDirections .esriLinkButton {
    text-decoration: none;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 16px;
    font-size: 12px;
    cursor: pointer;
    color: #1f78af;
    display: inline;
}
.simpleDirections .esriLinkButton:hover {
    text-decoration: underline;
}
.simpleDirections .esriLinkButtonDisabled,
.simpleDirections .esriLinkButtonDisabled:hover{
    text-decoration: none;
    color: #b6b6b6;
    cursor: default;
}
.simpleDirections .LocateButton{
    position: absolute;
    bottom: 5px;
    right: 0px;
    z-index: 2;
}
.dj_rtl .simpleDirections .LocateButton{
    left: 2px;
    right: auto;
}
.simpleDirections .LocateButton .zoomLocateButton {
    background-color: rgba(255, 255, 255, 1);
    border: none;
    cursor: pointer;
    background-image: url(../images/Directions/locate.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    border-radius: 15px;
}
.simpleDirections .LocateButton .zoomLocateButton:hover,
.simpleDirections .LocateButton .tracking:hover
{
    opacity: 0.7;
    background-color: rgba(255, 255, 255, 1);
}
.simpleDirections .LocateButton .tracking {
    background-image: url(../images/Directions/locate.png) !important;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
    background-color: #90ccf5;
}

.simpleDirections .esriStopsGetDirectionsContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 5px 10px;
}
.simpleDirections .savePrintBtnContainer{
    margin: 5px 0;
    display: none;
}
.simpleDirections .esriStopsClearDirections {
    line-height: 32px;
    font-size: 14px;
    margin: 5px 10px;
    display: none;
    float: left;
}
.dj_rtl .simpleDirections .esriStopsClearDirections {
    float: right;
}
.simpleDirections .esriDirectionsButton {
    background: #fff;
    border: 1px solid #c5c5c5;
    color: #555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 12px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-transition: all .05s linear;
    -moz-transition: all .05s linear;
    -o-transition: all .05s linear;
    transition: all .05s linear;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 1px;
    position: relative;
    -webkit-font-smoothing: antialiased;
}
.simpleDirections .esriDirectionsTabButton {
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    margin-left: 1px;
}
.dj_rtl .simpleDirections .esriDirectionsTabButton {
    float: right;
}
.simpleDirections .esriDirectionsTabLastButton {
    border-left: 0;
    border-right: 1px solid #A6A6A6;
}
.dj_rtl .simpleDirections .esriDirectionsTabLastButton {
    border-right: 0;
    border-left: 1px solid #A6A6A6;
}
.simpleDirections .esriDirectionsPressedButton{
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.simpleDirections .esriDirectionsPressedButton,
.simpleDirections .esriDirectionsPressedButton:hover {
    background-color: #DDE8F2;
}
.simpleDirections .esriActivateButton{
    background-image: url("../images/Directions/GreyPin16.png");
}
.simpleDirections .esriLineBarrierButton{
    background-image: url("../images/Directions/barrier.png");
}
.simpleDirections .esriStopsGetDirections {
    line-height: 32px;
    font-size: 14px;
    color: #fff;
    background-color: #5cace1;
    border: 0;
    float: left;
}
.dj_rtl .simpleDirections .esriStopsGetDirections {
    float: right;
}
.simpleDirections .esriStopsGetDirections:hover {
    color: #444;
    background-color: #90ccf5;
}
.simpleDirections .esriOptionsCheckboxes {
    font-size: 14px;
    color: #555;
    line-height: 20px;
}
.simpleDirections .esriOptionsUnitsMi {
    border-radius: 3px 0 0 3px;
    display: inline-block;
    float: left;
}
.dj_rtl .simpleDirections .esriOptionsUnitsMi {
    border-radius: 0 3px 3px 0;
    float: right;
}
.simpleDirections .esriOptionsUnitsKm {
    border-radius: 0 3px 3px 0;
    float: left;
}
.dj_rtl .simpleDirections .esriOptionsUnitsKm {
    border-radius: 3px 0 0 3px;
    float: right;
}
.simpleDirections .esriTravelModesContainer {
    margin: 5px 10px;
}
.simpleDirections .esriTravelModesDDL{
    height:38px;
}
.esriTravelModesTypeName{
    margin-left: 5px;
    display: inline;
    color: #4c4c4c;
}
.esriTravelModesDirectionsIcon{
    display: inline-block;
    width: 32px;
    height: 32px;
}
.dj_rtl .esriTravelModesDirectionsIcon{
    margin-left: 5px;
}

.esriTravelModesTypeOtherDistance{
    background-image: url("../analysis/images/OtherModeDistance32.png");
}
.esriTravelModesTypeOtherTime{
    background-image: url("../analysis/images/OtherModeTime32.png");
}
.esriTravelModesTypeOther{
    background-image: url("../analysis/images/OtherMode32.png");
}
.esriTravelModesTypeDrivingDistance{
    background-image: url("../analysis/images/DrivingDistance32.png");
}
.esriTravelModesTypeDrivingTime{
    background-image: url("../analysis/images/DrivingTime32.png");
}
.esriTravelModesTypeDriving{
    background-image: url("../analysis/images/Driving32.png");
}
.esriTravelModesTypeTruckingDistance{
    background-image: url("../analysis/images/TruckingDistance32.png");
}
.esriTravelModesTypeTruckingTime{
    background-image: url("../analysis/images/TruckingTime32.png");
}
.esriTravelModesTypeTrucking{
    background-image: url("../analysis/images/Trucking32.png");
}
.esriTravelModesTypeWalkingDistance{
    background-image: url("../analysis/images/WalkingDistance32.png");
}
.esriTravelModesTypeWalkingTime{
    background-image: url("../analysis/images/WalkingTime32.png");
}
.esriTravelModesTypeWalking{
    background-image: url("../analysis/images/Walking32.png");
}

.simpleDirections .esriOptionsToggleContainer {
    display: block;
    line-height: 32px;
    margin: 10px 0 0 0;
}
.simpleDirections .esriOptionsImpedanceContainer {
    display: none;
    float: left;
    margin: 0 0 10px 0;
    min-width: 160px;
}
.dj_rtl .simpleDirections .esriOptionsImpedanceContainer {
    display: none;
    margin: 0 0 10px 0;
    min-width: 160px;
    float: right;
}
.simpleDirections .esriOptionsImpedanceTime {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: inline-block;
}
.dj_rtl .simpleDirections .esriOptionsImpedanceTime {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    display: inline-block;
}
.simpleDirections .esriOptionsImpedanceDistance {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    display: inline-block;
}
.dj_rtl .simpleDirections .esriOptionsImpedanceDistance {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: inline-block;
}
.simpleDirections .esriStopsOptionsButton {
    display: none;
    line-height: 16px;
    margin: 0;
    white-space: nowrap;
    vertical-align: bottom;
}
.simpleDirections .esriStopsOptionsEnabled .esriStopsOptionsButton {
    display: block;
    text-align: right;
    float: right;
    margin: 0 10px 0 2px;
    padding: 3px;
    border-radius: 3px 3px 0 0;
}
.dj_rtl .simpleDirections .esriStopsOptionsEnabled .esriStopsOptionsButton {
    margin: 0 2px 0 10px;
    text-align: left;
    float: left;
}
.simpleDirections .esriStopsOptionsEnabled .esriStopsOptionsOpen{
    background-color: #ebebeb;
}
.simpleDirections .startTimeMenuButton{
    padding: 3px;
    margin: 0 6px;
    float: left;
}
.dj_rtl .simpleDirections .startTimeMenuButton{
    float: right;
}
.simpleDirections .startTimeMenu{
    display: none;
    background-color: white;
    position: absolute;
    z-index: 1000;
    border: 1px solid #a0a0a0;
    line-height: 22px;
    margin-left: 10px;
    padding: 5px 0;
    text-transform: none;
}
.simpleDirections .startTimeMenuItem{
    padding: 3px 15px;
}
.simpleDirections .departAtButton{
    margin: 0 10px;
    border-radius: 3px 3px 0 0;
    background-color: #ebebeb;
}
.simpleDirections .departAtContainer{
    display: none;
    white-space: nowrap;
    margin: 0 10px;
    background-color: #ebebeb;
    border-radius: 0 0 3px 3px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -ms-flex-wrap: wrap;
}
.simpleDirections .departAtContainerVisible{
    display: flex;
    display: -ms-flexbox;
    display: block\9;
    white-space: normal\9;
}
.simpleDirections div[id$="_directionsDepartAtTime"],
.simpleDirections div[id$="_directionsDepartAtDate"]{
    margin: 5px;
    min-width: 6em;
}
div[id$="_directionsDepartAtTime_dropdown"] .dijitTimePickerMarker{
    font-size: 0.8em;
}
div[id$="_directionsDepartAtTime_dropdown"] .dijitTimePickerMarker,
div[id$="_directionsDepartAtTime_dropdown"] .dijitTimePickerTick{
    background: white;
}
div[id$="_directionsDepartAtTime_dropdown"] .dijitTimePickerMarker:hover,
div[id$="_directionsDepartAtTime_dropdown"] .dijitTimePickerTick:hover {
    background: #e2f1fc;
    color: #444;
}
div[id$="_directionsDepartAtTime_dropdown"] .dijitTimePickerMarkerSelected,
div[id$="_directionsDepartAtTime_dropdown"] .dijitTimePickerTickSelected {
    background: #5cace1;
    color: white;
}
div[id$="_directionsDepartAtTime_dropdown"],
div[id$="_directionsDepartAtDate_dropdown"]{
    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);
}
div[id$="_directionsDepartAtDate_dropdown"] .dijitCalendar,
div[id$="_directionsDepartAtDate_dropdown"] .dijitCalendar:hover,
div[id$="_directionsDepartAtDate_dropdown"] .dijitCalendarDayLabelTemplate {
    background: white;
    border-radius: 0;
    font-size: 0.7em;
}
div[id$="_directionsDepartAtDate_dropdown"] .dijitCalendarMonthContainer{
    background: white;
    font-size: 0.8em;
}
div[id$="_directionsDepartAtDate_dropdown"] .dijitCalendarYearContainer{
    background: white;
    font-size: 0.85em;
}
div[id$="_directionsDepartAtDate_popup_mddb_mdd"]{
    font-size: 0.75em;
}

.simpleDirections .esriTrafficAvailabilityButton{
    background: url(../images/infoimg.png) no-repeat center;
    width: 16px;
    height: 16px;
    display: inline-block;
    top: 3px;
    left: 5px;
    position: relative;
    cursor: pointer;
}
.dj_rtl .simpleDirections .esriTrafficAvailabilityButton{
    left: 0
}

.simpleDirections .esriStopsOptionsMenu {
    display: none;
    margin: 0 10px;
    border-radius: 0 0 3px 3px;
    padding: 6px 8px 0 6px;
    background-color: #ebebeb;
}
.simpleDirections .esriStopsOptionsMenu input {
    margin: 0 5px 0 0;
}
.simpleDirections .esriSaveContainer{
    background-color: white;
}
.dj_rtl .simpleDirections .esriStopsOptionsMenu input {
    margin: 0 0 0 5px;
}
.simpleDirections .esriOptionsUnitsContainer {
    float: left;
    margin: 0 10px 5px 0;
    white-space: nowrap;
    min-width: 77px;
}
.dj_rtl .simpleDirections .esriOptionsUnitsContainer {
    float: right;
    margin: 0 0 10px 10px;
}
.simpleDirections .esriOptionsUnits li {
    float: left;
    margin-right: 10px;
}
.dj_rtl .simpleDirections .esriOptionsUnits li {
    float: right;
    margin-right: inherit;
    margin-left: 10px;
}
.simpleDirections .esriLayerNameLabel{
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    display: block;
    color: #444;
    padding-bottom: 5px;
}
.simpleDirections .esriSaveButton{
    font-size: 14px;
    color: #fff;
    background-color: #5cace1;
    border: 0;
    float: left;
    margin-bottom: 5px;
}
.simpleDirections .esriSaveButton:hover {
    color: #444;
    background-color: #90ccf5;
}
.dj_rtl .simpleDirections .esriSaveButton{
    float: right;
}
.simpleDirections .esriSaveAsButton{
    font-size: 14px;
    margin: 3px 10px;
    float: left;
}
.dj_rtl .simpleDirections .esriSaveAsButton{
    float: right;
}
.simpleDirections .esriDisabledDirectionsButton {
    border: 0;
    box-shadow: none;
    background-color: #e6e6e6;
    color: #b6b6b6;
}
.simpleDirections .esriDisabledDirectionsButton:hover {
    background-color: #e6e6e6;
    color: #b6b6b6;
    cursor: default;
}
.simpleDirections .esriFoldersDDL{
    display: block;
    overflow-x: hidden;
    margin: 5px 0;
    color: #4c4c4c;
}
/* stop */
.simpleDirections .esriStops {
    margin: 0 0 2px;
    padding: 0;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.simpleDirections .esriStop td {
    vertical-align: middle;
    padding-top: 4px;
    padding-bottom: 4px;
}
.simpleDirections .esriStop .esriStopDnDHandle{
    width: 9px;
    background: url("../images/Directions/dndHandle.png") no-repeat center;
    cursor: n-resize;
}
.simpleDirections .esriStop .esriStopDnDHandle:Hover,
.simpleDirections .esriStop .esriStopDnDHandle:Focus{
    opacity: .7;
}
.simpleDirections .esriStop .esriStopDnDHandleHidden{
    width: 9px;
    background: none;
}
.simpleDirections .esriStop .esriStopIconColumn {
    width: 30px;
    padding-right: 0px;
    padding-left: 0;
}
.simpleDirections .esriStop .esriStopIconColumn:Hover {
    opacity: 0.7;
}
.dj_rtl .simpleDirections .esriStop .esriStopIconColumn {
    width: 21px;
    padding-right: 0;
    padding-left: 4px;
}
.simpleDirections .esriStop .esriStopReverseColumn {
    width: 16px;
    padding-left: 0;
}
.dj_rtl .simpleDirections .esriStop .esriStopReverseColumn {
    width: 16px;
    padding-right: 0;
}
.simpleDirections .esriStopsRemovable .esriStopReverseColumn {
    display: none;
}
.simpleDirections .esriStop .esriStopIconRemoveColumn {
    display: none;
    width: 16px;
    padding-left: 0;
}
.simpleDirections .esriStopsRemovable .esriStopIconRemoveColumn {
    display: table-cell;
    *display: block;
    _display: block;
    vertical-align: bottom;
    padding: 0 0 15px 0;
}
.simpleDirections .esriStop .esriStopIcon {
    width: 27px;
    height: 29px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    line-height: 21px;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
}
.simpleDirections .esriStop .esriStopIcon {
    background: url(../images/Directions/blueCircle.png) no-repeat center center;
}
.simpleDirections .esriStopOrigin .esriStopIcon {
    background: url(../images/Directions/greenPoint.png) no-repeat center center;
}
.simpleDirections .esriStopDestination .esriStopIcon {
    background: url(../images/Directions/redPoint.png) no-repeat center center;
}
.simpleDirections .esriStopUnreachedFirstOrLast .esriStopIcon {
    background: url(../images/Directions/grayPoint.png) no-repeat center center;
}
.simpleDirections .esriStopUnreached .esriStopIcon {
    background: url(../images/Directions/grayCircle.png) no-repeat center center;
}
/* route */

.simpleDirections .esriRoutesInfo {
    padding: 10px 0;
    text-align: center;
    color: #4c4c4c;
}
.simpleDirections .esriRoutesError {
    padding: 10px 0;
    text-align: center;
    color: #929292;
    font-size: small;
}
.simpleDirections .esriRoutesError ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
.simpleDirections .esriRoutesError li {
    margin: 0 0 5px;
}
.simpleDirections .esriRoutes table {
    margin: 0;
    padding: 1px;
    border-spacing: 0;
    width: 100%;
}
.simpleDirections .esriRouteIconColumn {
    width: 21px;
    padding: 10px;
    vertical-align: middle;
    border-bottom: 1px solid #b5bcc7;
}
.simpleDirections .esriRouteTextColumn {
    padding: 20px 5px 0px 0px;
    vertical-align: top;
    border-bottom: 1px solid #b5bcc7;
}
.simpleDirections .esriRouteTextColumnCumulative{
    font-size: small;
    font-weight: bold;
    padding-top: 10px;
}
.simpleDirections .esriRoutesTooltip .esriRouteIconColumn {
    border: none;
    padding: 0 3px 0 0;
}
.simpleDirections .esriRoutesTooltip .esriRouteTextColumn {
    padding: 0;
    border: none;
}
.simpleDirections .esriRouteIconColumn .esriRouteIcon {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    height: 29px;
    width: 21px;
    margin: 0;
    line-height: 21px;
    vertical-align: middle;
    font-size: 11px;
    text-align: center;
    color: #fff;
    background-repeat: no-repeat;
    background-position: left top;
}
.esriPopup .esriInfoWindowRoute {
    display: block;
    padding-left: 26px;
    min-height: 21px;
    background-repeat: no-repeat;
    background-position: left top;
}
.dj_rtl .esriPopup .esriInfoWindowRoute {
    padding-left: 0;
    padding-right: 26px;
    background-position: right top;
}
.esriPopup .esriDMTDepart .esriInfoWindowRoute,
.esriPopup .esriDMTStop .esriInfoWindowRoute {
    padding-left: 0;
    background: none;
}
.dj_rtl .esriPopup .esriDMTDepart .esriInfoWindowRoute,
.dj_rtl .esriPopup .esriDMTStop .esriInfoWindowRoute {
    padding-left: inherit;
    padding-right: 0;
}
.esriDMTUnknown .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTUnknown.png);
}
.esriDMTStop .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTStop.png);
}
.esriDMTStraight .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTStraight.png);
}
.esriDMTBearLeft .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTBearLeft.png);
}
.esriDMTBearRight .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTBearRight.png);
}
.esriDMTTurnLeft .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTTurnLeft.png);
}
.esriDMTTurnRight .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTTurnRight.png);
}
.esriDMTSharpLeft .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTSharpLeft.png);
}
.esriDMTSharpRight .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTSharpRight.png);
}
.esriDMTUTurn .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTUTurn.png);
}
.esriDMTFerry .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTFerry.png);
}
.esriDMTRoundabout .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTRoundabout.png);
}
.esriDMTHighwayMerge .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTHighwayMerge.png);
}
.esriDMTHighwayExit .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTHighwayExit.png);
}
.esriDMTHighwayChange .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTHighwayChange.png);
}
.esriDMTForkCenter .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTForkCenter.png);
}
.esriDMTForkLeft .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTForkLeft.png);
}
.esriDMTForkRight .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTForkRight.png);
}
.esriDMTDepart .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTDepart.png);
}
.esriDMTTripItem .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTTripItem.png);
}
.esriDMTEndOfFerry .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTEndOfFerry.png);
}
.esriDMTRampRight .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTRampRight.png);
}
.esriDMTRampLeft .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTRampLeft.png);
}
.esriDMTTurnLeftRight .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTTurnLeftRight.png);
}
.esriDMTTurnRightLeft .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTTurnRightLeft.png);
}
.esriDMTTurnRightRight .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTTurnRightRight.png);
}
.esriDMTTurnLeftLeft .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTTurnLeftLeft.png);
}
.esriDMTPedestrianRamp .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTPedestrianRamp.png);
}
.esriDMTElevator .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTElevator.png);
}
.esriDMTEscalator .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTEscalator.png);
}
.esriDMTStairs .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTStairs.png);
}
.esriDMTDoorPassage .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTDoorPassage.png);
}
.esriDMTStopOrigin .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTStopOrigin.png);
}
.esriDMTStopDestination .esriRouteIcon {
    background-image: url(../images/Directions/maneuvers/esriDMTStopDestination.png);
}
.esriDirectionsRouteTooltip{
    display: none;
    position: absolute;
    background: white;
    padding: 5px;
    border: 1px solid #8b8b8b;
    color: #444;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    border-radius: 3px;
    margin-left: 20px;
    margin-top: -10px;
}
.simpleDirections .esriRouteZoom {
    cursor: pointer;
    outline: 0;
}
.simpleDirections .esriRouteZoom:hover{
    background: #e2f1fc;
}
.simpleDirections .esriRouteZoom:focus {
    background: #5cace1;
    color: white;
}
.simpleDirections .esriRouteZoom:focus .esriRouteInfo,
.simpleDirections .esriRouteZoom:focus .esriRouteInfo strong {
    color: #ffffff;
}
.simpleDirections .esriRouteZoom:focus .esriRouteLength{
    background: #5cace1;
    color: #ffffff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.simpleDirections .esriRoutesTooltip .esriRouteZoom:focus .esriRouteInfo,
.simpleDirections .esriRoutesTooltip .esriRouteZoom:focus .esriRouteInfo strong,
.simpleDirections .esriRoutesTooltip .esriRouteZoom,
.simpleDirections .esriRoutesTooltip .esriRouteZoom:hover,
.simpleDirections .esriRoutesTooltip .esriRouteZoom:focus,
.simpleDirections .esriRoutesTooltip .esriRouteZoom:focus .esriRouteLength,
.simpleDirections .esriPrintDirections .esriRouteZoom:focus .esriRouteInfo,
.simpleDirections .esriPrintDirections .esriRouteZoom:focus .esriRouteInfo strong,
.simpleDirections .esriPrintDirections .esriRouteZoom,
.simpleDirections .esriPrintDirections .esriRouteZoom:hover,
.simpleDirections .esriPrintDirections .esriRouteZoom:focus,
.simpleDirections .esriPrintDirections .esriRouteZoom:focus .esriRouteLength{
    cursor: default;
    background: transparent;
    color: #444;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.simpleDirections .esriRouteInfo {
    color: #444;
}
.simpleDirections .esriPrintDirections .esriRouteInfo {
    display: flex;
    justify-content: space-between;
    line-height: 1.5em;
}
.simpleDirections .esriRouteInfo strong {
    color: #444;
}
.simpleDirections .esriDMTStopDestination .esriRouteInfo {
    border: 0;
}
.simpleDirections .esriRouteLength {
    font-size: 11px;
    min-width: 65px;
    position: relative;
    top: 8px;
    display: inline;
    padding: 0 5px 0 5px;
    border-radius: 3px;
    background-color: #ffffff;
}
.simpleDirections .esriRoutesTooltip .esriRouteLength,
.simpleDirections .esriPrintDirections .esriRouteLength{
    top: 0;
    background: transparent;
    white-space: nowrap;
    min-width: 0;
}
.simpleDirections .esriPrintDirections .esriRouteLength{
    width: 25%;
    text-align: right;
}
.simpleDirections .esriPrintDirections .esriRouteTextColumn {
    padding: 10px 5px;
    vertical-align: middle;
}
.simpleDirections .esriResultsContainer {
    background: #fff;
    height: auto;
    zoom: 1;
}
.simpleDirections .esriResultsLoading .esriResultsContainer {
    height: auto;
    min-height: 110px;
    _height: 110px;
    *height: 110px;
    background: #fff url(../images/Directions/loading-32.gif) no-repeat center 70px;
}
.simpleDirections .esriRoutesContainer {
    margin: 0;
    zoom: 1;
}
.simpleDirections .esriRoutesContainerBusy {
    opacity: 0.3;
}
.simpleDirections .esriResultsSummary {
    line-height: 18px;
    color: #444;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
    background: #ebebeb;
    cursor: pointer;
    padding: 0 5px;
    overflow-x: auto;
    overflow-y: hidden;
}
.simpleDirections .esriResultsSummary:hover {
    background: #f3f3f3;
}
.simpleDirections .esriPrintHeader .esriResultsSummary{
    background: white;
    font-size: 1.5em;
    line-height: 1.25em;
    cursor: default;
}
.simpleDirections .esriImpedanceCost{
    font-size: 1.75em;
    font-weight: bold;
    line-height: 30px;
    padding: 10px 0;
    text-align: center;
}
.simpleDirections .esriImpedanceCostHrMin{
    display: flex;
    font-size: 0.5em;
    line-height: 18px;
    justify-content: space-around;
    display: -ms-flexbox;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    direction: ltr;
    white-space: nowrap;
}
.simpleDirections .esriImpedanceCostHr,
.simpleDirections .esriImpedanceCostMin{
    display: inline\9;
    margin-left: 3px;
    margin-right: 3px;
    unicode-bidi: embed;
}
.dj_rtl .simpleDirections .esriImpedanceCostHr,
.dj_rtl .simpleDirections .esriImpedanceCostMin{
    direction: rtl;
    display: inline\9;
    margin-left: 3px\9;
    margin-right: 3px\9;
}
.simpleDirections .esriImpedanceCostDist{
    font-size: 0.5em;
}
.simpleDirections .esriOtherCosts{
    font-size: 0.9em;
    text-align: center\9;
    padding: 0 5px;
}
.simpleDirections .esriTrafficLabel{
    font-weight: bold;
}
.simpleDirections .esriTrafficLabelHidden{
    display: none;
}
.simpleDirections .esriTrafficLabelNone{
    color: #aaa;
    font-weight: normal;
}
.simpleDirections .esriTrafficLabelHeavy{
    color: #c80000;
}
.simpleDirections .esriTrafficLabelLight{
    color: #00d700;
}

.simpleDirections .esriResultsPrint {
    float: left;
    background-image: url(../images/Directions/print.png);
}
.dj_rtl .simpleDirections .esriResultsPrint {
    float: right;
}
.simpleDirections .esriResultsSave {
    float: left;
    background-image: url(../images/Directions/save.png);
}
.dj_rtl .simpleDirections .esriResultsSave {
    float: right;
}
.simpleDirections .esriPrintMap {
    text-align: center;
}
.simpleDirections .esriPrintMapImg {
    border: 1px solid #AAAAAA;
    box-shadow: 2px 2px 5px #AAAAAA;
}
.esriPrintPage .esriPrintWait{
    background: #fff url(../images/Directions/loading-32.gif) no-repeat center center;
    height: 200px;
}
/* Geocoder */
.simpleDirections .esriInnerGeocoder{
    position: relative;
}
.simpleDirections .esriGeocoderContainer {
    width: 100%;
    display: block;
    margin: 0;
}
.esriGeocoderResultsOpen .esriGeocoderContainer {
    position: relative;
    z-index: 1;
}
.simpleDirections ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

/*Search Widget*/
.simpleDirections .arcgisSearch .searchGroup .searchInput,
.dj_rtl .simpleDirections .arcgisSearch .searchGroup .searchInput
{
    border-bottom: 1px solid #a0a0a0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: inherit;
}
.simpleDirections .arcgisSearch .searchBtn {
    display: none;
}
.simpleDirections .arcgisSearch .hasValue .searchClear {
    display: none;
}
.simpleDirections .searchInput:focus{
    outline: none;
}
.simpleDirections .arcgisSearch .searchGroup,
.simpleDirections .arcgisSearch .searchExpandContainer,
.simpleDirections .arcgisSearch .searchInputGroup,
.simpleDirections .arcgisSearch .searchGroup .searchInput{
    width: 100%
}
.simpleDirections .arcgisSearch .showSources .searchMenu{
    top: 18px;
}
.simpleDirections .arcgisSearch .searchGroup .searchInput,
.dj_rtl .simpleDirections .arcgisSearch .searchGroup .searchInput {
    padding: 6px 0px 6px 4px;
}
.simpleDirections .arcgisSearch .hasMultipleSources .searchToggle {
    display: block;
    padding: 0;
    border: none;
}
.simpleDirections .arcgisSearch .searchIcon {
    font-size: 10px;
    height: 15px;
}
.simpleDirections .arcgisSearch .searchBtn:hover,
.simpleDirections .arcgisSearch .searchBtn:focus {
    background-color: transparent;
}

/* Search Source DDL*/
.simpleDirections .esriSearchSourceContainer {
     margin: 0 10px;
     height: 19px;
 }
.simpleDirections .esriSearchSourceContainer .dijitSelectLabel {
    /* truncation width is dynamically set in widget */
    overflow: hidden;
    text-overflow: ellipsis;
}
.simpleDirections .esriSearchSourcesDDL{
    height: 18px;
    width: 100px;
    float: right;
    border: none;
}
.simpleDirections #search-source-container .dijitInputField{
    float: right;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 16px;
    font-size: 12px;
    color: #1f78af;
}
.simpleDirections #search-source-container .dijitSelectLabel:hover {
    text-decoration: underline;
}
.simpleDirections #search-source-container .dijitButtonContents{
    border: none;
}
.simpleDirections #search-source-container .dijitArrowButton,
.simpleDirections #search-source-container .dijitSelectHover{
    border: none;
    background-color: transparent;
    background-image: none;
    padding: 0;
}
.dj_rtl .simpleDirections .esriSearchSourcesDDL{
    float: left;
}
.dj_rtl .simpleDirections #search-source-container .dijitInputField{
    float: left;
}


/* DND */
.esriDndDragDirection .dojoDndAvatar {
    display: none;
}
.simpleDirections .dojoDndItem {
    margin: 0;
    padding: 0;
}
.simpleDirections .dojoDndItem td {
    border: 0;
    vertical-align: middle;
}
.simpleDirections .dojoDndItemOver,
.simpleDirections .dojoDndItemAnchor {
    background-image: none;
    background-color: transparent;
    cursor: default;
}
.simpleDirections .dojoDndMove {
    cursor: move;
}
.simpleDirections .dojoDndHandle {
    cursor: move;
}
.simpleDirections .dojoDndIgnore {
    cursor: default;
}
.simpleDirections .dojoDndItemBefore td {
    border: 0;
    padding-top: 2px;
    border-top: 2px dashed #ccc;
}
.simpleDirections .dojoDndItemAfter td {
    border: 0;
    padding-bottom: 2px;
    border-bottom: 2px dashed #ccc;
}
.simpleDirections .dojoDndItemBefore .esriStopReverseColumn {
    border: none;
}
.simpleDirections .dojoDndItemAfter .esriStopReverseColumn {
    border: none;
}
/* misc */

.simpleDirections .esriClear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
/* printing */

.simpleDirections .esriPrintPage {
    padding: 30px 0;
    margin: 20px auto;
    font-family: arial, sans-serif;
    font-size: 13px;
}
.simpleDirections .esriPrintBar {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 6;
    height: 50px;
    background: #e2f1fc;
    border-bottom: 1px solid #000;
}
.dj_rtl .simpleDirections .esriPrintBar {
    left: inherit;
    right: 0;
}
.simpleDirections .esriPrintButton,
.simpleDirections .esriCloseButton {
    color: #444;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #8b8b8b;
    box-shadow: none;
    -webkit-box-shadow: none;
    background: #F2F2F2;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #F2F2F2 0%, #D1D1D1 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2F2F2), color-stop(100%, #D1D1D1));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F2F2F2 0%, #D1D1D1 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F2F2F2 0%, #D1D1D1 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #F2F2F2 0%, #D1D1D1 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #F2F2F2 0%, #D1D1D1 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#D1D1D1', GradientType=0);
    /* IE6-8 */
    margin: 10px 20px;
    line-height: 16px;
    display: block;
    padding: 5px 10px;
    outline: 0;
    text-decoration: none;
    cursor: pointer;
    font-weight: 400;
    white-space: nowrap;
    float: right;
}
.dj_rtl .simpleDirections .esriPrintButton,
.dj_rtl .simpleDirections .esriCloseButton {
    float: left;
}
.simpleDirections .esriPrintButton:hover,
.simpleDirections .esriPrintButton:focus,
.simpleDirections .esriCloseButton:hover,
.simpleDirections .esriCloseButton:focus {
    background: #E5E6E6;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #E5E6E6 0%, #A0A1A1 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E5E6E6), color-stop(100%, #A0A1A1));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #E5E6E6 0%, #A0A1A1 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #E5E6E6 0%, #A0A1A1 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #E5E6E6 0%, #A0A1A1 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #E5E6E6 0%, #A0A1A1 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#E5E6E6', endColorstr='#A0A1A1', GradientType=0);
    /* IE6-8 */
}
.simpleDirections .esriPrintMain {
    background: #FFF;
    border: solid 1px #000;
    margin: 0 auto;
    padding: 20px;
    width: 720px;
}
.simpleDirections .esriPrintHeader {
    display: block;
    margin-bottom: 5px;
}
.simpleDirections .esriPrintName {
    font-weight: 700;
    font-size: 2em;
    margin: 10px 0 5px;
    text-align: center;
}
.simpleDirections .esriPrintStopLabel {
    color: #000;
    display: inline-block;
    font-size: 11px;
    width: 21px;
    height: 21px;
    line-height: 21px;
    border: 1px solid #000;
    text-align: center;
    border-radius: 50%;
}
.simpleDirections .esriPrintLength {
    font-weight: 700;
    margin: 0 0 10px;
}
.simpleDirections #print_area {
    margin: 0 0 10px;
    width: 100%;
}
.simpleDirections #print_helper {
    display: none;
}
.simpleDirections .esriPrintDirections {
    margin: 0;
}
.simpleDirections .esriPrintDirections table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
}

.simpleDirections .esriDirectionsDDLArrow{
    display: inline-block;
    border: 4px solid transparent;
    width: 0;
    height: 0;
    border-top-color: #1f78af;
}
.simpleDirections .esriDirectionsDDLArrowDisabled{
    border-top-color: #b6b6b6;
}
