/* ==========================================================================
   Icons
   ========================================================================== */
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    background-image: url("../../../../ver4/new_ui/img/maptive-icons.png");
    background-repeat: no-repeat;
}
.icon-home {
	background-position: -117px -79px;
	height: 21px;
	line-height: 21px;
	width: 18px;
}
.icon-map {
    background-position: -153px -79px;
    height: 21px;
    line-height: 21px;
    width: 18px;
}
.icon-add-map {
    background-position: -78px -78px;
    height: 22px;
    line-height: 22px;
    width: 22px;
}
.icon-data {
    background-position: -77px -119px;
    height: 15px;
    line-height: 15px;
    width: 26px;
}
.old-icon-snapshot {
    background-position: -149px -44px;
    height: 19px;
    line-height: 19px;
    width: 26px;
}
/*TODO:add if this is what we are going to use add it to main image*/
.icon-snapshot {
    background-image: url("../../../../ver4/new_ui/img/snapshot_icon.png");
    height: 32px;
    line-height: 32px;
    width: 32px;
}
.icon-address-key {
	background-image: url("../../../../ver4/images/all_tools.png");
	background-position: -32px -37px;
	height: 22px;
	line-height: 22px;
	width: 22px;
}
.icon-key-black{
	background-image: url("../../../../ver4/images/all_tools.png");
	background-position: -37px -9px;
	height: 22px;
	line-height: 22px;
	width: 22px;
}
.icon-settings {
    background-position: -40px -38px;
    height: 31px;
    line-height: 31px;
    width: 31px;
}
.icon-view-map {
    background-position: -3px -40px;
    height: 31px;
    line-height: 31px;
    width: 30px;
}
.icon-share {
    background-position: -112px -40px;
    height: 24px;
    line-height: 24px;
    width: 28px;
}
.icon-embed {
    background-position: -75px -44px;
    height: 18px;
    line-height: 18px;
    width: 30px;
}
.icon-arrow-left {
    background-position: -149px -3px;
    height: 13px;
    line-height: 13px;
    width: 7px;
}
.icon-arrow-down-gray {
    background-position: -165px -6px;
    height: 8px;
    line-height: 8px;
    width: 12px;
}
.icon-arrow-up-gray {
    background-position: -165px -22px;
    height: 8px;
    line-height: 8px;
    width: 12px;
}
.icon-arrow-down {
    background-position: -75px -5px;
    height: 8px;
    line-height: 8px;
    width: 11px;
}
.icon-arrow-up {
    background-position: -58px -5px;
    height: 8px;
    line-height: 8px;
    width: 11px;
}
.icon-arrow-updown {
    background-position: -96px -2px;
    height: 12px;
    line-height: 12px;
    width: 6px;
}
.icon-map-marker {
    background-position: -137px -19px;
    height: 18px;
    line-height: 18px;
    width: 12px;
}
.icon-fullarrow-right {
    background-position: -133px -3px;
    height: 13px;
    line-height: 13px;
    width: 7px;
}
.icon-fullarrow-down {
    background-position: -317px -267px;
    height: 7px;
    line-height: 7px;
    width: 13px;
}
.icon-tools {
	background-image: url("../../../../ver4/images/all_tools.png");
	background-position: -9px -37px;
	height: 20px;
	line-height: 20px;
	width: 20px;
}
.icon-group-bubble {
    background-position: -111px -19px;
    height: 16px;
    line-height: 16px;
    width: 12px;
}
.icon-red-bubble {
    background-position: -41px -20px;
    height: 13px;
    line-height: 13px;
    width: 8px;
}
.icon-purple-bubble {
    background-position: -59px -20px;
    height: 13px;
    line-height: 13px;
    width: 8px;
}
.icon-green-bubble {
    background-position: -77px -20px;
    height: 13px;
    line-height: 13px;
    width: 8px;
}
.icon-blue-bubble {
    background-position: -95px -20px;
    height: 13px;
    line-height: 13px;
    width: 8px;
}
.icon-groups-black {
    background-image: url("../../../../ver4/images/all_tools.png");
    background-position: -62px -9px;
    height: 22px;
    line-height: 22px;
    width: 22px;
}
.icon-groups-white {
    background-image: url("../../../../ver4/images/all_tools.png");
    background-position: -55px -37px;
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.icon-filter-white {
    background-image: url("../../../../ver4/images/all_tools.png");
    background-position: -78px -39px;
    height: 19px;
    line-height: 19px;
    width: 20px;
}
.icon-filter-black {
    background-image: url("../../../../ver4/images/all_tools.png");
    background-position: -89px -11px;
    height: 22px;
    line-height: 22px;
    width: 22px;
}
.icon-proximity-white {
	background-image: url("../../../../ver4/images/all_tools.png");
	background-position: -102px -35px;
	height: 22px;
	line-height: 21px;
	width: 24px;
}
.icon-proximity-black {
    background-image: url("../../../../ver4/images/all_tools.png");
    background-position: -116px -7px;
    height: 24px;
    line-height: 24px;
    width: 22px;
}
.icon-directions-white {
	background-image: url("../../../../ver4/images/all_tools.png");
	background-position: -129px -37px;
	height: 20px;
	line-height: 20px;
	width: 20px;
}
.icon-directions-black {
	background-image: url("../../../../ver4/images/all_tools.png");
	background-position: -143px -8px;
	height: 24px;
	line-height: 24px;
	width: 24px;
}
.icon-green-plus {
    background-position: -224px -8px;
    height: 19px;
    line-height: 19px;
    width: 19px;
}
.icon-gray-plus {
    background-position: -188px -8px;
    height: 19px;
    line-height: 19px;
    width: 19px;
}
.icon-gray-cancel {
    background-position: -188px -45px;
    height: 21px;
    line-height: 21px;
    width: 21px;
}
.icon-red-cancel {
    background-position: -224px -45px;
    height: 19px;
    line-height: 19px;
    width: 19px;
}
.icon-drag {
    background-position: -188px -117px;
    height: 17px;
    line-height: 17px;
    width: 17px;
}
.icon-carret-right {
    background-position: -43px -6px;
    height: 6px;
    line-height: 6px;
    position: relative;
    top: -4px;
    width: 5px;
}
.icon-check {
    background-position: -336px -120px;
    height: 11px;
    line-height: 11px;
    width: 12px;
}
.icon-lock {
    background-position: -192px -152px;
    height: 16px;
    line-height: 16px;
    width: 12px;
}
.icon-key {
    background-position: -297px -117px;
    height: 17px;
    line-height: 17px;
    width: 17px;
}
.icon-globe {
    background-position: -297px -155px;
    height: 16px;
    line-height: 16px;
    width: 16px;
}
.icon-email {
    background-position: -262px -154px;
    height: 16px;
    line-height: 16px;
    width: 16px;
}
.icon-copy {
    background-position: -264px -118px;
    height: 16px;
    line-height: 16px;
    width: 13px;
}
.icon-share-sm {
    background-position: -225px -154px;
    height: 16px;
    line-height: 16px;
    width: 16px;
}
.icon-facebook {
    background-position: -158px -189px;
    height: 18px;
    line-height: 18px;
    width: 7px;
}
.icon-twitter {
    background-position: -118px -191px;
    height: 14px;
    line-height: 14px;
    width: 16px;
}
.icon-linkedin {
    background-position: -82px -191px;
    height: 15px;
    line-height: 15px;
    width: 16px;
}
.icon-googleplus {
    background-position: -193px -191px;
    height: 15px;
    line-height: 15px;
    width: 16px;
}
.icon-copy-white {
    background-position: -227px -118px;
    height: 16px;
    line-height: 16px;
    width: 15px;
}
.icon-check-green {
    background-position: -336px -82px;
    height: 12px;
    line-height: 12px;
    width: 15px;
}
.icon-x {
    background-position: -265px -86px;
    height: 9px;
    line-height: 9px;
    width: 9px;
}
.icon-x-red {
    background-position: -302px -86px;
    height: 9px;
    line-height: 9px;
    width: 9px;
}
.icon-profile {
    background-position: -335px -260px;
    height: 23px;
    line-height: 22px;
    width: 23px;
}
.icon-help {
    background-position: -41px -221px;
    height: 27px;
    line-height: 27px;
    width: 26px;
}
.icon-logout {
    background-position: -79px -222px;
    height: 24px;
    line-height: 24px;
    width: 21px;
}
.icon-switch-user {
    background-image: url("../../../../ver4/images/switch_user.png");
    height: 32px;
    width: 32px;
    line-height: 20px;
}
.icon-proximity-download {
    background-image: url("../../../../ver4/images/proximity-download.png");
    height: 19px;
    width: 19px;
    line-height: 20px;
}
.icon-proximity-download:hover {
    background-image: url("../../../../ver4/images/proximity-download-hover.png");
    height: 19px;
    width: 19px;
    line-height: 20px;
}
.icon-direction-print{
    background-image: url("../../../../ver4/images/directions_print.png");
    height: 16px;
    width: 16px;
    margin-right: 6px;
    margin-top: 2px;
}
.icon-mobile-search{
	background-image: url("../../../../ver4/images/responsive_icons.png");
	background-position: -152px 0px;
	height: 24px;
	line-height: 24px;
	width: 24px;
}
.icon-mobile-my-location{
	background-image: url("../../../../ver4/images/responsive_icons.png");
	background-position: -127px -1px;
	height: 24px;
	line-height: 24px;
	width: 24px;
}
.icon-mobile-tools{
	background-image: url("../../../../ver4/images/responsive_icons.png");
	background-position: -101px -1px;
	height: 24px;
	line-height: 24px;
	width: 24px;
}
.icon-close-white{
	background-image: url("../../../../ver4/images/responsive_icons.png");
	background-position: -50px -1px;
	height: 24px;
	line-height: 24px;
	width: 24px;
}
.icon-btn-settings {
    background-position: -115px -222px;
    height: 24px;
    line-height: 24px;
    width: 22px;
}
a.icon-btn-settings2 {
     background-image: url("../../../../ver4/new_ui/img/Grey-settings-gear-icon.png");
    height: 20px;
    line-height: 20px;
}
a.icon-btn-settings2:hover {
     background-image: url("../../../../ver4/new_ui/img/Blue-settings-gear-icon.png");
    height: 20px;
    line-height: 20px;
}
.icon-btn-view-map {
    background-position: -149px -224px;
    height: 24px;
    line-height: 24px;
    width: 24px;
}
a.icon-btn-view-map2 {
     background-image: url("../../../../ver4/new_ui/img/Grey-presentation-screen-icon.png");
    height: 20px;
    line-height: 20px;
}
a.icon-btn-view-map2:hover {
     background-image: url("../../../../ver4/new_ui/img/Blue-presentation-screen-icon.png");
    height: 20px;
    line-height: 20px;
}
.icon-btn-share {
    background-position: -187px -220px;
    height: 24px;
    line-height: 24px;
    width: 22px;
}
a.icon-btn-share2 {
   background-image: url("../../../../ver4/new_ui/img/Grey-share-arrow-icon.png");
    height: 20px;
    line-height: 20px;
}
a.icon-btn-share2:hover{
   background-image: url("../../../../ver4/new_ui/img/Blue-share-arrow-icon.png");
    height: 20px;
    line-height: 20px;
}
.icon-btn-delete {
    background-position: -224px -222px;
    height: 24px;
    line-height: 24px;
    width: 19px;
}
a.icon-btn-delete2 {
    background-image: url("../../../../ver4/new_ui/img/Grey-delete-X-icon.png");
    height: 20px;
    line-height: 20px;
}
a.icon-btn-delete2:hover {
    background-image: url("../../../../ver4/new_ui/img/Red-delete-X%20icon.png");
    height: 20px;
    line-height: 20px;
}

.icon-expand { 
background-image: url("../../../../ver4/images/expand_all.png");
height: 19px; 
width: 19px;
background-size:100% 100%;
background-position: right top;
}

.icon-expand:hover {
	background-position: right top; 
}

.icon-territory
{
	background-image: url("../../../../ver4/images/territory_icons.png");
	background-position: -10px -48px;
	height: 20px;
	width: 20px;
	line-height: 20px;
}
.icon-territory-black
{
	background-image: url("../../../../ver4/images/territory_icons.png");
	background-position: -337px -46px;
	height: 20px;
	width: 20px;
	line-height: 20px;
}
.icon-territory-big
{
	background-image: url("../../../../ver4/images/territory_icons.png");
	background-position: -38px -44px;
	height: 26px;
	width: 33px;
}
.icon-gray-recycle
{
	background-image: url("../../../../ver4/images/territory_icons.png");
	background-position: -11px -10px;
	height: 18px;
	width: 18px;
	line-height: 19px;
}
.icon-gray-recycle:hover
{
	background-position: -36px -10px;
}
.icon-gray-export
{
	background-image: url("../../../../ver4/images/territory_icons.png");
	background-position: -167px -10px;
	height: 19px;
	width: 19px;
	line-height: 19px;
}
.icon-gray-export:hover
{
	background-position: -196px -10px;
}
.icon-gray-settings
{
	background-image: url("../../../../ver4/images/territory_icons.png");
	background-position: -61px -10px;
	height: 18px;
	width: 18px;
	line-height: 19px;
}
.icon-gray-settings:hover
{
	background-position: -85px -10px;
}
.icon-gray-edit
{
	background-image: url("../../../../ver4/images/territory_icons.png");
	background-position: -237px -48px;
	height: 18px;
	width: 18px;
	line-height: 19px;
}
.icon-gray-edit.green
{
	background-position: -263px -48px;
}
.icon-gray-edit:hover
{
	background-position: -263px -48px;
}
.icon-gray-pencil
{
	background-image: url("../../../../ver4/images/territory_icons.png");
	background-position: -365px -11px;
	height: 18px;
	width: 18px;
	line-height: 19px;
}
.icon-gray-pencil.green
{
	background-position: -390px -11px;
}
.icon-gray-pencil:hover
{
	background-position: -390px -11px;
}
.icon-gray-zoom
{
	background-image: url("../../../../ver4/images/territory_icons.png");
	background-position: -364px -46px;
	height: 20px;
	width: 20px;
	line-height: 20px;
}
.icon-gray-zoom:hover
{
	background-position: -387px -47px;
}
.icon-gray-directions
{
    background-image: url("../../../../ver4/images/territory_icons.png");
    background-position: -141px -49px;
    height: 20px;
    width: 20px;
    line-height: 20px;
}
.icon-gray-directions:hover
{
    background-position: -166px -49px;
}
.btn-grid{
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 0;
    padding: 6px 20px;
    text-align: center;
    vertical-align: middle; position: relative;z-index: 999;
}

.grid-arrow-con{position: relative;}
.grid-arrow-con .grid-arrow{position: absolute;left: -35px; top:7px; width: 20px; height:22px; background-image: url("../../../../ver4/new_ui/img/New-Blue-Arrow.png"); background-repeat: no-repeat;}
.grid-arrow-con .grid-arrow-snapshot{position: absolute;left: -65px; top:7px; width: 20px; height:22px; background-image: url("../../../../ver4/new_ui/img/New-Blue-Arrow.png"); background-repeat: no-repeat;}

.icon-map-gray-sm {
    background-position: -334px -187px;
    height: 20px;
    line-height: 20px;
    width: 16px;
}
.icon-snapshot-gray-sm {
    background-position: -296px -191px;
    height: 13px;
    line-height: 13px;
    width: 18px;
}
.icon-map-snap-onoff-white-sm {
    background-position: 6px -37px;
    height: 33px;
    line-height: 19px;
/*     margin-left: 18px; */
    width: 40px;
}
.icon-left-tbl-arrow {
    background-position: -258px -225px;
    height: 18px;
    line-height: 18px;
    width: 24px;
    margin-top:3px;
}
.icon-notes {
    background-position: -120px -117px;
    height: 17px;
    line-height: 17px;
    position: relative;
    top: -2px;
    width: 12px;
}
.icon-import {
    background-position: -9px -255px;
    height: 30px;
    line-height: 30px;
    width: 16px;
}
.icon-copy-row {
    background-position: -38px -259px;
    height: 22px;
    line-height: 22px;
    width: 40px;
}
.icon-remove-row {
    background-position: -83px -255px;
    height: 26px;
    line-height: 22px;
    width: 40px;
}
.icon-search {
    background-position: -239px -258px;
    height: 25px;
    line-height: 25px;
    width: 26px;
}
.icon-refresh {
    background-position: -129px -257px;
    height: 26px;
    line-height: 26px;
    width: 31px;
}
.icon-export {
    background-position: -168px -257px;
    height: 24px;
    line-height: 24px;
    width: 25px;
}
.icon-matching {
    background-position: -201px -263px;
    height: 15px;
    line-height: 15px;
    width: 28px;
}
.icon-form-save {
    background-position: -3px -4px;
    height: 12px;
    line-height: 12px;
    width: 12px;
}
.icon-form-cancel {
    background-position: -21px -3px;
    height: 12px;
    line-height: 12px;
    width: 12px;
}
.icon-btn-search {
    background-position: -335px -157px;
    height: 12px;
    line-height: 12px;
    width: 12px;
}
.icon-gray-arrowleft {
    background-position: -227px -193px;
    height: 11px;
    line-height: 11px;
    width: 13px;
}
.icon-gray-arrowright {
    background-position: -264px -193px;
    height: 11px;
    line-height: 11px;
    width: 13px;
}
.icon-alert {
    background-position: -7px -150px;
    height: 21px;
    line-height: 21px;
    width: 24px;
}
.icon-close {
    background-position: -279px -261px;
    height: 18px;
    line-height: 18px;
    width: 18px;
}
/* ==========================================================================
   Base
   ========================================================================== */

html, body {
}
body {
    color: #010101;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    border: 1px solid #AAAAAA;
}
.container {
    display:none;
    width: 100%;
    max-width: 100% !important;
    /*padding: 0 15px 0 0;*/
    position: relative;
/* 	overflow: hidden; */
}
.row {
}
.row .row {
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    text-shadow: 1px 0px 2px #FFFFFF;
}

/* ==========================================================================
   Helpers
   ========================================================================== */

.margin-0 {
    margin: 0;
}
.margin-top-0 {
    margin-top: 0;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-30 {
    margin-top: 30px;
}
.margin-bottom-0 {
    margin-bottom: 0;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-30 {
    margin-bottom: 30px;
}
.padding-top-30 {
    padding-top: 30px;
}
.padding-lr-0 {
    padding-left: 0;
    padding-right: 0;
}
.padding-lr-15 {
    padding: 0 15px;
}
.border-none {
    border: 0;
}
.border-top-btm {
    border-bottom: 2px solid #c7c3c3;
    border-top: 1px solid #fdfdfd;
}
.border-top {
    border-top: 1px solid #fdfdfd;
}
.border-btm {
    border-bottom: 2px solid #c7c3c3;
}
.white-gradient {
    background-color: #FFFFFF;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#cacaca));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #cacaca);
    background-image:    -moz-linear-gradient(top, #FFFFFF, #cacaca);
    background-image:     -ms-linear-gradient(top, #FFFFFF, #cacaca);
    background-image:      -o-linear-gradient(top, #FFFFFF, #cacaca);
}
.extra-bold {
    font-weight: 800 !important;
}
span.left-label {
    position: relative;
    top: 3px;
}

/* ==========================================================================
   Tool Tips
   ========================================================================== */
.tooltip{
    position:absolute;
    z-index:1020;
    display:block;
    visibility:visible;
    font-size:11px;
    opacity:0;
    filter:alpha(opacity=0)
}
.tooltip.in{
    opacity:1;
    filter:alpha(opacity=100)
}
.tooltip.top{
    margin-top:-20px;
}
.tooltip.top .tooltip-inner {
    margin-left: 70px;
    min-width: 125px;
}
.tooltip-inner {
    background-color: #4f4f4f;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4f4f4f), to(#363636));
    background-image: -webkit-linear-gradient(top, #4f4f4f, #363636);
    background-image:    -moz-linear-gradient(top, #4f4f4f, #363636);
    background-image:     -ms-linear-gradient(top, #4f4f4f, #363636);
    background-image:      -o-linear-gradient(top, #4f4f4f, #363636);
    border: 1px solid #000;
    border-color: #1c1c1c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 2px 2px #000000;
    color: #FFFFFF;
    font-size: 14px !important;
    max-width: 400px;
    min-width: 50px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000000;
    white-space: pre-wrap;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #363636;
    left:50%;
    margin-left:-20px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #363636;
    border-width: 15px;
    bottom: -24px;
}
.tooltip.bottom .tooltip-inner,
.tooltip-top .tooltip-inner {
    padding: 10px 12px;
}
.tooltip.left{
    margin-left:-13px;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #363636;
}
.tooltip.right{
    margin-left:13px;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #363636;
}
.tooltip.bottom{
    margin-top: 20px;
}
.tooltip.bottom .tooltip-inner {
    margin-left: -65px;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #363636;
    left:50%;
    margin-left: -15px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid #4f4f4f;
    border-width: 15px;
    top: -24px;
}

/* ==========================================================================
   Custom Form Inputs Checkbox, Radio, Toggles
   ========================================================================== */

input["type=checkbox"] {
    margin: 0;
}
label,
.radio label,
.checkbox label {
    color: #454343;
    font-size: 12px;
    font-weight: 600;
    text-shadow: 0 1px 0 #FFFFFF;
}
label.small-white {
    color: #FFFFFF;
    font-size: 10px;
    text-shadow: 0 1px 0 #1E1E1E;
}
label.medium-white {
    color: #FFFFFF;
    font-size: 12px;
    text-shadow: 0 1px 0 #1E1E1E;
    margin-bottom: 10px;
}
label i {
    margin-right: 10px;
}
textarea {
    resize: none;
}
select.select-small,
select.form-control {
    position: relative;
    display: inline-block;
    /*background: #e6e6e6 url("../../../../ver4/new_ui/img/select-arrow.png") no-repeat; */
    border: 1px solid #aeaeae;
    background: #e6e6e6;
    /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #e6e6e6));*/
    background-image:    -moz-linear-gradient(top, white, #e6e6e6);
    background-image:     -ms-linear-gradient(top, white, #e6e6e6);
    background-image:      -o-linear-gradient(top, white, #e6e6e6);
    border-radius: 5px;
    box-shadow: 0 1px 1px #d2d2d2;
}
.form-inline .form-group {
    margin-right: 5px;
}
.form-inline label {
    margin-right: 10px;
}
.form-inline .form-group p {
    margin: 0;
}
.label-large {
    font-size: 18px;
}
.label-medium {
    font-size: 16px;
}
.label-small {
    font-size: 14px;
}
.label-xsmall {
    font-size: 10px;
}
.form-select label {
    height: 34px;
    line-height: 34px;
    margin-bottom: 0;
}

    /*****************************************
     * Copy and Paste Textareas
     *****************************************/
textarea.pasted-data{
	height: 133px;
    width: 584px;
	border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
	border: 0;
}
textarea.paste-data {
        background: #f8f8f8 url("../../../../ver4/new_ui/img/copy-paste.jpg");
        background-position: 0 0;
        background-repeat: no-repeat;
        border: none;
        height: 133px;
        width: 584px;
    }
    textarea.paste-data:hover {
        background-position: 0 -132px;
    }
    textarea.paste-data:focus {
    	background:none
        /*background-position: 0 -264px;*/
    }

    /*****************************************
     * Custom checkbox & radios
     *****************************************/
    .cb_maptive,
    .rdo_maptive {
        display: block;
        margin: 0;
        padding: 0;
        background: url("../../../../ver4/new_ui/img/maptive-icons.png") no-repeat;
        border: none;
        cursor: pointer;
    }

    .cb_maptive {
        background-position: -261px -45px;
        display: inline-block;
        height: 18px;
        margin-right: 10px;
        width: 18px;
    }
    .cb_maptive.checked {
        background-position: -297px -45px;
    }
    .cb_maptive.disabled {
        background-position: -333px -45px;
        cursor: default;
    }
    /*.cb_maptive.checked.disabled {*/
        /*background-position: -54px 0;*/
    /*}*/

    .rdo_maptive {
        background-position: -262px -10px;
        width: 16px;
        height: 16px;
        top: 4px;
    }
    .rdo_maptive.checked {
        background-position: -298px -10px;
    }
    .rdo_maptive.disabled {
        background-position: -334px -10px;
        cursor: default;
    }
    /*.rdo_maptive.checked.disabled {*/
        /*background-position: -126px 0;*/
    /*}*/
    .radio .rdo_maptive {
        display: inline-block;
        margin-right: 12px;
    }
    .radio .help-block {
        /*margin: 0;*/
        padding-left: 34px;
    }
    .radio label {
        font-weight: bold;
    }
    /*.radio {*/
    /*padding-left: 20px;*/
    /*}*/

    /*****************************************
     * On/Off Toggles
     *****************************************/
    .cb-toggle {
        position: relative;
        width: 60px;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select: none;
    }
    .cb-toggle-checkbox {
        display: none;
    }
    .cb-toggle-label {
        display: block;
        overflow: hidden;
        cursor: pointer;
        border-bottom: 1px solid #FFFFFF;
        border-radius: 20px;
        margin-bottom: 0;
    }
    .cb-toggle-inner {
        width: 200%;
        margin-left: -100%;
        -moz-transition: margin 0.3s ease-in 0s;
        -webkit-transition: margin 0.3s ease-in 0s;
        -o-transition: margin 0.3s ease-in 0s;
        transition: margin 0.3s ease-in 0s;
        -webkit-box-shadow: inset -1px 4px 2px -2px #000000;
        -moz-box-shadow: inset -1px 4px 2px -2px #000000;
        box-shadow: inset -1px 4px 2px -2px #000000;
    }
    .cb-toggle-inner:before,
    .cb-toggle-inner:after {
        float: left;
        width: 50%;
        height: 21px;
        padding: 0;
        line-height: 21px;
        font-size: 9px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-shadow: inset 4px 6px 15px -7px #000000;
        -moz-box-shadow: inset 4px 6px 15px -7px #000000;
        box-shadow: inset 4px 6px 15px -7px #000000;
    }
    .cb-toggle-inner:before {
        content: "ON";
        padding-left: 15px;
        background-color: #1966B5;
        color: #E7E7E7;
        text-shadow: 0px 1px 0px #373737;
    }
    .cb-toggle-inner:after {
        content: "OFF";
        padding-right: 12px;
        background-color: #A9A9A9;
        color: #E7E7E7;
        text-align: right;
        text-shadow: 0px 1px 0px #858585;
    }
    .cb-toggle-switch {
        width: 19px;
        margin: 3px;
        background-color: #FFFFFF;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#d7d7d7));
        background-image: -webkit-linear-gradient(top, #FFFFFF, #d7d7d7);
        background-image:    -moz-linear-gradient(top, #FFFFFF, #d7d7d7);
        background-image:     -ms-linear-gradient(top, #FFFFFF, #d7d7d7);
        background-image:      -o-linear-gradient(top, #FFFFFF, #d7d7d7);
        border-radius: 20px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 35px;
        -moz-transition: all 0.3s ease-in 0s;
        -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s;
        transition: all 0.3s ease-in 0s;
        -webkit-box-shadow: 0 3px 4px #000000;
        -moz-box-shadow: 0 3px 4px #000000;
        box-shadow: 0 3px 4px #000000;
    }
    .cb-toggle-checkbox:checked + .cb-toggle-label .cb-toggle-inner {
        margin-left: 0;
    }
    .cb-toggle-checkbox:checked + .cb-toggle-label .cb-toggle-switch {
        right: 0px;
    }
    .cb-toggle-checked .cb-toggle-inner {
        margin-left: 0;
    }

    .cb-toggle-checked .cb-toggle-switch {
        right: 0px;
    }
    
    .mvht{display:none;}
    .dvht{display:inline;}

/* ==========================================================================
   Buttons
   ========================================================================== */

    /*****************************************
    * Add Map Button
    *****************************************/
    .btn-add-map {
        border-color: #2c2c2c;
        -webkit-box-shadow: 0 1px 0px #4c4c4c;
        -moz-box-shadow: 0 1px 0px #4c4c4c;
        box-shadow: 0 1px 0px #4c4c4c;
        padding: 5px 11px 0px;
    }
    .btn-add-map:hover {
        background-color: #908d8d;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#908d8d), to(#4b4b4b));
        background-image: -webkit-linear-gradient(top, #908d8d, #4b4b4b);
        background-image:    -moz-linear-gradient(top, #908d8d, #4b4b4b);
        background-image:     -ms-linear-gradient(top, #908d8d, #4b4b4b);
        background-image:      -o-linear-gradient(top, #908d8d, #4b4b4b);
    }
    .btn-add-map:active,
    .btn-add-map.active {
        background-color: #3a3a3a;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3a3a3a), to(#595959));
        background-image: -webkit-linear-gradient(top, #3a3a3a, #595959);
        background-image:    -moz-linear-gradient(top, #3a3a3a, #595959);
        background-image:     -ms-linear-gradient(top, #3a3a3a, #595959);
        background-image:      -o-linear-gradient(top, #3a3a3a, #595959);
        box-shadow: inset 0 6px 10px #2b2b2b;
        -moz-box-shadow: inset 0 6px 10px #2b2b2b;
        -webkit-box-shadow: inset 0 6px 10px #2b2b2b;
    }

    /*****************************************
    * Navbar Buttons
    *****************************************/
    .btn-navbar {
        background-color: #908d8d;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#908d8d), to(#4b4b4b));
        background-image: -webkit-linear-gradient(top, #908d8d, #4b4b4b);
        background-image:    -moz-linear-gradient(top, #908d8d, #4b4b4b);
        background-image:     -ms-linear-gradient(top, #908d8d, #4b4b4b);
        background-image:      -o-linear-gradient(top, #908d8d, #4b4b4b);
        border: none;
        -webkit-box-shadow: 0 1px 2px #000000;
        -moz-box-shadow: 0 1px 2px #000000;
        box-shadow: 0 1px 2px #000000;
        line-height: 27px;
        min-height: 32px;
        padding: 2px 12px;
    }
    .btn-navbar i {
        margin-right: 5px;
        vertical-align: middle;
    }
    .btn-navbar,
    .btn-navbar.active,
    .btn-navbar:hover,
    .btn-navbar:active,
    .btn-navbar:focus {
        border-top: none;
        color: #ffffff;
        font-size: 12px;
        font-weight: 600;
        text-shadow: 0px 1px 0px #000000;
    }
    .btn-navbar:hover {
        background-color: #AAAAAA;
        background-image: -moz-linear-gradient(center top , #AAAAAA, #7e7e7e);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AAAAAA), to(#7e7e7e));
        background-image: -webkit-linear-gradient(top, #AAAAAA, #7e7e7e);
        background-image:     -ms-linear-gradient(top, #AAAAAA, #7e7e7e);
        background-image:      -o-linear-gradient(top, #AAAAAA, #7e7e7e);
    }
    .btn-navbar:active,
    .btn-navbar.active {
        background-color: #1965b5;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1965b5), to(#145394));
        background-image: -webkit-linear-gradient(top, #1965b5, #145394);
        background-image:    -moz-linear-gradient(top, #1965b5, #145394);
        background-image:     -ms-linear-gradient(top, #1965b5, #145394);
        background-image:      -o-linear-gradient(top, #1965b5, #145394);
        -webkit-box-shadow: inset 0 6px 10px #145191;
        -moz-box-shadow: inset 0 6px 10px #145191;
        box-shadow: inset 0 6px 10px #145191;
    }
    .btn-navbar:active,
    .btn-navbar.active,
    .btn-navbar:focus {
        border-bottom: 1px solid #061525;
        border-top: 1px solid #111;
        -webkit-box-shadow: 0 1px 6px #061525 inset;
        -moz-box-shadow: 0 1px 6px #061525 inset;
        box-shadow: 0 1px 6px #061525 inset;
    }

    /*****************************************
    * Default Buttons
    *****************************************/
    .btn-default {
        background-color: #9d9d9d;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9d9d9d), to(#707070));
        background-image: -webkit-linear-gradient(top, #9d9d9d, #707070);
        background-image:    -moz-linear-gradient(top, #9d9d9d, #707070);
        background-image:     -ms-linear-gradient(top, #9d9d9d, #707070);
        background-image:      -o-linear-gradient(top, #9d9d9d, #707070);
        border-color: #616161;
        padding: 4px 12px;
    }
    .btn-default i {
        margin-right: 6px;
        vertical-align: middle;
    }
    .btn-default,
    .btn-default .active,
    .btn-default:hover,
    .btn-default:active {
        color: #e7e7e7;
        font-weight: 400;
        text-shadow: 0px 1px 0px #666666;
    }
    .btn-default:hover {
        background-color: #00b630;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00b630), to(#008222));
        background-image: -webkit-linear-gradient(top, #00b630, #008222);
        background-image:    -moz-linear-gradient(top, #00b630, #008222);
        background-image:     -ms-linear-gradient(top, #00b630, #008222);
        background-image:      -o-linear-gradient(top, #00b630, #008222);
        border-color: #099b2f;
    }
    .btn-default:active {
        background-color: #006c1c;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006c1c), to(#009e2a));
        background-image: -webkit-linear-gradient(top, #006c1c, #009e2a);
        background-image:    -moz-linear-gradient(top, #006c1c, #009e2a);
        background-image:     -ms-linear-gradient(top, #006c1c, #009e2a);
        background-image:      -o-linear-gradient(top, #006c1c, #009e2a);
        border-color: #006b1c;
        box-shadow: inset 0 6px 10px #004b14;
        -moz-box-shadow: inset 0 6px 10px #004b14;
        -webkit-box-shadow: inset 0 6px 10px #004b14;
    }
    .btn-default .active {
        background-color: #1b8d39;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1b8d39), to(#136529));
        background-image: -webkit-linear-gradient(top, #1b8d39, #136529);
        background-image:    -moz-linear-gradient(top, #1b8d39, #136529);
        background-image:     -ms-linear-gradient(top, #1b8d39, #136529);
        background-image:      -o-linear-gradient(top, #1b8d39, #136529);
        border-color: #125f26;
    }

	.btn-grey {
        background-color: #9d9d9d;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9d9d9d), to(#707070));
        background-image: -webkit-linear-gradient(top, #9d9d9d, #707070);
        background-image:    -moz-linear-gradient(top, #9d9d9d, #707070);
        background-image:     -ms-linear-gradient(top, #9d9d9d, #707070);
        background-image:      -o-linear-gradient(top, #9d9d9d, #707070);
        border-color: #616161;
        padding: 4px 12px;
    	color: #E7E7E7;
    	text-shadow: 0 1px 0 #666666;
    	font-weight: 400;
    }
    .btn-grey:hover{
		color: #E7E7E7;
    }
    /*****************************************
     * Button Links
     *****************************************/
    .btn-link {
        color: #454343;
        text-decoration: none;
        text-shadow: 0px 1px 0px #ffffff;
    }
    .btn-link:hover {
        color: #185FAA;
        font-weight: 600;
        text-decoration: underline!important;
    }

    /*****************************************
    * Add & Cancel Filter Buttons
    *****************************************/
    .btn-arrow,
    .btn-add,
    .btn-cancel,
    .btn-print{
        color: #454343;
        padding-left: 0;
        padding-right: 0;
        text-decoration: none;
        padding:0;
    }
    .btn-add i {
        margin-left: 4px;
        vertical-align: middle;
    }
    .btn-cancel i {
        margin-left: 4px;
        vertical-align: top;
    }
    .btn-print i {
        margin-left: 4px;
        vertical-align: top;
    }
    .btn-add:hover,
    .btn-cancel:hover,
    .btn-print{
        text-decoration: none;
    }
    .btn-add:hover i {
        background-position: -224px -8px;
    }
    .btn-cancel:hover i {
        background-position: -224px -45px;
    }
    .btn-print:hover i {
        background-image: url("../../../../ver4/images/directions_print_hover.png");
    }

    /*****************************************
    * Button Size Override
    *****************************************/
    .btn-sm, .btn-xs {
        font-size: 11px;
        padding: 1px 14px;
    }
    .btn-xs {
        border-radius: 6px;
    }

    /*****************************************
    * Notification Bar Button
    *****************************************/
    .btn-notification {
        /*background-color: #242424;*/
        border-radius: 2px;
        color: #FFFFFF;
        font-size: 13px;
        font-weight: 600;
        padding: 5px 8px;
    }
    .btn-notification:hover {
        color: #FFFFFF;
    }
    .btn-notification .badge {
        background-color: #a01414;
        border-radius: 5px;
        color: #FFFFFF;
        font-weight: normal;
        margin-right: 12px;
        text-shadow: 0px 1px 0px #5e0d0d;
    }

    /*****************************************
    * Social Button Links
    *****************************************/
    .btn-facebook,
    .btn-twitter,
    .btn-linkedin,
    .btn-googleplus {
        background-color: #9d9d9d;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9d9d9d), to(#717171));
        background-image: -webkit-linear-gradient(top, #9d9d9d, #717171);
        background-image:    -moz-linear-gradient(top, #9d9d9d, #717171);
        background-image:     -ms-linear-gradient(top, #9d9d9d, #717171);
        background-image:      -o-linear-gradient(top, #9d9d9d, #717171);
        border-color: #616161;
        height: 30px;
        padding: 4px 12px;
    }
    .btn-facebook i,
    .btn-twitter i,
    .btn-linkedin i,
    .btn-googleplus i {
        margin-right: 6px;
        vertical-align: middle;
    }
    .btn-facebook,
    .btn-facebook:hover,
    .btn-twitter,
    .btn-twitter:hover,
    .btn-linkedin,
    .btn-linkedin:hover,
    .btn-googleplus,
    .btn-googleplus:hover {
        color: #FFFFFF;
        font-size: 12px;
        font-weight: 600;
        text-shadow: 0px 1px 0px #4c4c4c;
    }
    .btn-facebook:hover {
        background-color: #1866b7;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1866b7), to(#1866b7));
        background-image: -webkit-linear-gradient(top, #1866b7, #1866b7);
        background-image:    -moz-linear-gradient(top, #1866b7, #1866b7);
        background-image:     -ms-linear-gradient(top, #1866b7, #1866b7);
        background-image:      -o-linear-gradient(top, #1866b7, #1866b7);
        border-color: #104276;
    }
    .btn-twitter:hover {
        background-color: #00b5e2;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00b5e2), to(#006b86));
        background-image: -webkit-linear-gradient(top, #00b5e2, #006b86);
        background-image:    -moz-linear-gradient(top, #00b5e2, #006b86);
        background-image:     -ms-linear-gradient(top, #00b5e2, #006b86);
        background-image:      -o-linear-gradient(top, #00b5e2, #006b86);
        border-color: #104276;
    }
    .btn-linkedin:hover {
        background-color: #007ab5;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#007ab5), to(#00486b));
        background-image: -webkit-linear-gradient(top, #007ab5, #00486b);
        background-image:    -moz-linear-gradient(top, #007ab5, #00486b);
        background-image:     -ms-linear-gradient(top, #007ab5, #00486b);
        background-image:      -o-linear-gradient(top, #007ab5, #00486b);
        border-color: #104276;
    }
    .btn-googleplus:hover {
        background-color: #da5940;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#da5940), to(#833526));
        background-image: -webkit-linear-gradient(top, #da5940, #833526);
        background-image:    -moz-linear-gradient(top, #da5940, #833526);
        background-image:     -ms-linear-gradient(top, #da5940, #833526);
        background-image:      -o-linear-gradient(top, #da5940, #833526);
        border-color: #963d2c;
    }

    /*****************************************
    * Save & Cancel Settings Buttons
    *****************************************/
    .btn-form-save {
        background-color: #1FA944;
        background-image: -moz-linear-gradient(center top , #1FA944, #177931);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1FA944), to(#177931));
        background-image: -webkit-linear-gradient(top, #1FA944, #177931);
        background-image:     -ms-linear-gradient(top, #1FA944, #177931);
        background-image:      -o-linear-gradient(top, #1FA944, #177931);
    }
    .btn-form-save:hover {
        background-color: #26c952;
        background-image: -moz-linear-gradient(center top , #26c952, #1FA944);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#26c952), to(#1FA944));
        background-image: -webkit-linear-gradient(top, #26c952, #1FA944);
        background-image:     -ms-linear-gradient(top, #26c952, #1FA944);
        background-image:      -o-linear-gradient(top, #26c952, #1FA944);
        border-color: #2c2c2c;
    }
    .btn-form-cancel {
        background-color: #D31A1A;
        background-image: -moz-linear-gradient(center top , #D31A1A, #A01414);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D31A1A), to(#A01414));
        background-image: -webkit-linear-gradient(top, #D31A1A, #A01414);
        background-image:     -ms-linear-gradient(top, #D31A1A, #A01414);
        background-image:      -o-linear-gradient(top, #D31A1A, #A01414);
    }
    .btn-form-cancel:hover {
        background-color: #ee1d1d;
        background-image: -moz-linear-gradient(center top , #ee1d1d, #D31A1A);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ee1d1d), to(#D31A1A));
        background-image: -webkit-linear-gradient(top, #ee1d1d, #D31A1A);
        background-image:     -ms-linear-gradient(top, #ee1d1d, #D31A1A);
        background-image:      -o-linear-gradient(top, #ee1d1d, #D31A1A);
        border-color: #2c2c2c;
    }
    .btn-form-save,
    .btn-form-cancel {
        border-color: #2c2c2c;
        border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-box-shadow: 0 1px 0px #4c4c4c;
        -moz-box-shadow: 0 1px 0px #4c4c4c;
        box-shadow: 0 1px 0px #4c4c4c;
        padding: 6px 0;
        width: 35px;
    }
    .btn-form-save i,
    .btn-form-cancel i {
        vertical-align: middle;
    }
    .btn-form-save:focus,
    .btn-form-save:active {
        box-shadow: 0 1px 3px #0b421a inset;
        border-bottom: 1px solid #555;
        border-top: 1px solid #111;
    }
    .btn-form-cancel:focus,
    .btn-form-cancel:active {
        box-shadow: 0 1px 3px #4d0808 inset;
        border-bottom: 1px solid #555;
        border-top: 1px solid #111;
    }

    /*****************************************
    * Side Menu Buttons / Expand All
    *****************************************/
    .btn-menu {
        background-color: #4f4f4f;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4f4f4f), to(#464646));
        background-image: -webkit-linear-gradient(top, #4f4f4f, #464646);
        background-image:    -moz-linear-gradient(top, #4f4f4f, #464646);
        background-image:     -ms-linear-gradient(top, #4f4f4f, #464646);
        background-image:      -o-linear-gradient(top, #4f4f4f, #464646);
        border-radius: 0;
        border-top: 1px solid #2b2b2b;
        border-bottom: 1px solid #222222;
        color: #FFFFFF;
        font-size: 10px;
        padding: 10px 15px;
    }
    .btn-menu:hover {
        color: #FFFFFF;
    }
    .btn-menu i {
        margin: 0 30px;
        vertical-align: middle;
    }

    /*****************************************
    * Tools Icons
    *****************************************/
    .btn-tools {
        background-color: rgba(233,230,230,0.6);
        /*background-image: -moz-linear-gradient(center top , #414141, #323232);
        background-image: -webkit-linear-gradient(top, #414141, #323232);
        background-image:    -moz-linear-gradient(top, #414141, #323232);
        background-image:     -ms-linear-gradient(top, #414141, #323232);
        background-image:      -o-linear-gradient(top, #414141, #323232);*/
        -webkit-border-radius: 0;
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-radius: 0;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 3px;
        border-radius: 1;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        /*height: 40px;*/
        line-height: 30px;
        width: 50px;
        border: solid 1px #9f9d9d;
    }
    a.btn-tools:hover {
   	background-color: rgba(233,230,230,1);
        /*background-color: #7e7e7e;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7e7e7e), to(#6e6e6e));
        background-image: -webkit-linear-gradient(top, #7e7e7e, #6e6e6e);
        background-image:    -moz-linear-gradient(top, #7e7e7e, #6e6e6e);
        background-image:     -ms-linear-gradient(top, #7e7e7e, #6e6e6e);
        background-image:      -o-linear-gradient(top, #7e7e7e, #6e6e6e);
        */
        border-top: 1px solid #9e9e9e;
    }
    a.btn-tools:active, a.btn-tools.active {
   	background-color: rgba(57,144,198,0.5) !important;
   	background-image: none !important;
   	border: 1px solid #666666 !important;
    }
    .btn-tools i {
        vertical-align: middle;
    }
    
    .btn-tools-right-side{
        -webkit-border-radius: 0;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius: 0;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-radius: 0;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;    
    }
    
    .btn-tools-left-side{
        -webkit-border-radius: 0;
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-radius: 0;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 3px;
        border-radius: 0;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;    
    }

    /*****************************************
    * Buttons Used Within Home Tables
    *****************************************/
    .btn-table {
        background-color: #EFEFEF;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EFEFEF), to(#CFCFCF));
        background-image: -webkit-linear-gradient(center top, #EFEFEF, #CFCFCF);
        background-image:    -moz-linear-gradient(center top, #EFEFEF, #CFCFCF);
        background-image:     -ms-linear-gradient(center top, #EFEFEF, #CFCFCF);
        background-image:      -o-linear-gradient(center top, #EFEFEF, #CFCFCF);
        border-color: #9C9C9C;
        color: #ABABAB;
        font-size: 14px;
        font-weight: 600;
        text-shadow: 0px 1px 0px #FFFFFF;
    }
    .btn-table:hover {
        background-color: #efefef;
        background-image: none;
    }
    .btn-table i {
        vertical-align: middle;
    }

/* =============================================================================
   Header
   ========================================================================== */

.navbar {
    background-color: #616161;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#616161), to(#2f2f2f));
    background-image: -webkit-linear-gradient(top, #616161, #2f2f2f);
    background-image:    -moz-linear-gradient(top, #616161, #2f2f2f);
    background-image:     -ms-linear-gradient(top, #616161, #2f2f2f);
    background-image:      -o-linear-gradient(top, #616161, #2f2f2f);
    border: none;
    border-bottom: 1px solid #3c3c3c;
    border-radius: 0;
    -webkit-box-shadow: 0 -3px 4px 4px #000000;
    -moz-box-shadow: 0 -3px 4px 4px #000000;
    box-shadow: 0 -3px 4px 4px #000000;
    margin-bottom: 0;
    max-height: 46px;
    min-height: 45px;
    padding: 5px;
    z-index: 90;
}
.navbar-btn {
    margin-bottom: 0;
    margin-top: 0;
}
.navbar-brand {
    color: #fff;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 0px;
    text-shadow: 0 1px 0 #000000;
}
.navbar-brand:hover {
    color: #ccc;
}
.navbar-text {
/*     margin-right: 120px; */
/*     margin-bottom: 0; */
/*     margin-left: 0; */
/*     margin-top: 0; */
    overflow: hidden;
    padding-top: 6px;
    white-space: nowrap;
}
.navbar-brand,
.navbar-text {
    display: inline;
    float: none;
    position:relative;
    top: 6px;
}
.navbar-text,
.navbar-text a,
.navbar-text a:hover {
    color: #FFFFFF;
    font-size: 15px;
    text-shadow: 0px 1px 0px #000000;
}
.navbar-text a:hover {
    text-decoration: underline;
}
.navbar-text a:last-child,
.navbar-text a:last-child:hover {
    color: #d2d2d2;
}
.navbar-text i {
    margin: 0 10px;
    vertical-align: middle;
}
.navbar-text>i:first-child {
    margin-left: 0;
}
.navbar .btn-group {
    border-bottom: 1px solid #454545;
}

    /*****************************************
    * Dropdown Nav used for mobile. Cascades down
    *****************************************/
    .dropdown-toggle {
        background-color: #fff;
        color: #333;
        -moz-border-radius: 4px;
        border-radius: 4px 4px 4px 4px;
        padding: 20px 15px;
        font-size: 1.5em
    }
    .dropdown-menu > li > a {
        color: #FFFFFF;
        font-size: 18px;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 40px;
    }
    .navbar-nav .open .dropdown-menu > li > a:hover {
        background-color: #1966B5;
    }
    .dropdown-toggle b.caret {
        float:right;
        margin-top:10px;
    }

    /*****************************************
    * Save / Cancel Buttons
    *****************************************/
    #form-actions {
        border-radius: 5px 5px 5px 5px;
        float: left;
        padding-right: 5px;
        display:none;
    }

/* ==========================================================================
   Modals
   ========================================================================== */

    /*****************************************
    * Standard Modals
    *****************************************/
    .modal {
    	display:none;
    }
    .modal-dialog {
        padding-left: 10;
        padding-right: 10;
        width: 685px;
    }
    .modal-header {
        background-color: #ffffff;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#d3d3d3));
        background-image: -webkit-linear-gradient(top, #ffffff, #d3d3d3);
        background-image:    -moz-linear-gradient(top, #ffffff, #d3d3d3);
        background-image:     -ms-linear-gradient(top, #ffffff, #d3d3d3);
        background-image:      -o-linear-gradient(top, #ffffff, #d3d3d3);
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
    }
    .modal-title {
        color: #4d4d4d;
        font-size: 18px;
        text-shadow: 0px 1px 0px #FFFFFF;
    }
    .modal-body,
    .modal-footer {
        color: #454343;
        text-shadow: 0px 1px 0px #FFFFFF;
    }

    /*****************************************
    * Modal Body
    *****************************************/
    .modal-body h4 {
        font-size: 12px;
        font-weight: 700;
    }
    .modal-body p {
        color: #454343;
        font-size: 14px;
    }
    .modal-body p i {
        margin-right: 10px;
    }
    .modal-body p.warning {
        color: #ce3030;
        font-size: 11px;
        font-weight: 600;
        text-shadow: 0px 1px 0px #FFFFFF;
    }
    .modal-body p.info {
        color: #282424;
        font-size: 14px;
        text-shadow: none;
    }
    .modal-body p.text-large {
        font-size: 18px;
    }
    .modal-body label {
        color: #373737;
    }
    .modal-body .text-success {
        color: #178221;
    }
    .modal-body .text-error {
        color: #c92828;
    }
    .modal-body .text-success,
    .modal-body .text-error {
        font-size: 12px;
        font-weight: 600;
    }
    .modal-body .list-group-item {
        border: none;
        border-bottom: 1px solid #c7c3c3;
        border-top: 1px solid #c7c3c3;
    }
    .modal-body .list-group-item:first-child,
    .modal-body .list-group-item:last-child {
        border-radius: 0;
    }
    .modal-body .list-group-item .btn-cancel {
        padding: 0;
    }
    .text-label {
        color: #000000;
    }
    .btn-modal-lg {
        min-width: 175px;
        padding: 8px 12px;
    }
    .close {
        font-weight: 800;
    }

    /*****************************************
    * Modal Steps
    *****************************************/
    .modal-step {
        background-color: #ededed;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#d4d4d4));
        background-image: -webkit-linear-gradient(top, #ededed, #d4d4d4);
        background-image:    -moz-linear-gradient(top, #ededed, #d4d4d4);
        background-image:     -ms-linear-gradient(top, #ededed, #d4d4d4);
        background-image:      -o-linear-gradient(top, #ededed, #d4d4d4);
        border-radius: 4px;
        padding: 10px 14px;
        min-height: 20px;
        margin-bottom: 0;
    }
    .modal-step-fw {
        border-radius: 0;
        margin-left: -20px;
        margin-right: -20px;
        text-align: center;
    }
    .modal-step label,
    .modal-step h3 {
        font-weight: 400;
        text-shadow: 0px 1px 0px #FFFFFF;
    }
    .modal-step h3 {
        font-size: 18px;
    }
    .modal-step h3 i {
        display: none;
        margin-right: 6px;
        margin-top: 12px;
    }
    .step-toggle {
        cursor: pointer;
    }
    .modal-step h3 {
        margin: 0;
    }
    .modal-step h3 .badge {
        background-color: #454343;
        border-radius: 50%;
        box-shadow: inset 0 0 10px #000000;
        -moz-box-shadow: inset 0 0 10px #000000;
        -webkit-box-shadow: inset 0 0 10px #000000;
        font-size: 18px;
        min-width: 34px;
        margin-right: 12px;
        padding: 7px;
    }
    .modal-step .btn {
        font-size: 16px;
        font-weight: 400;
        margin-left: 10px;
    }
    .modal-step .btn-default {
        padding: 7px 12px;
    }
    .modal-step .btn i {
        vertical-align: middle
    }
    .modal-step .btn-form-inline {
        margin-left: 5px;
        margin-right: 10px;
        padding: 0;
    }
    .modal-step .form-inline label {
        height: 37px;
        line-height: 37px;
        margin-bottom: 0;
    }

    /*****************************************
    * Modal Footer
    *****************************************/
    .modal-footer {
        background-color: #fefefe;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#e0e0e0));
        background-image: -webkit-linear-gradient(top, #fefefe, #e0e0e0);
        background-image:    -moz-linear-gradient(top, #fefefe, #e0e0e0);
        background-image:     -ms-linear-gradient(top, #fefefe, #e0e0e0);
        background-image:      -o-linear-gradient(top, #fefefe, #e0e0e0);
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-bottomleft: 6px;
        -moz-border-radius-bottomright: 6px;
    }
    .modal-footer p {
        font-size: 11px;
        font-weight: 600;
    }
    .modal-footer .btn-default {
        font-size: 16px;
    }

    /*****************************************
    * Custom Modal Styles
    *****************************************/

    /* Snapshot Modal */
    #snapshot_modal .modal-step .form-control {
        height: 38px;
    }
    #snapshot_modal input {
        width: 250px;
    }

    /* Map URL Modal */
    #map_url {
        width: 250px;
        margin-right: 10px;
    }

    /* Privacy Level Modal */
    #set_privacy_level_modal label,
    .password-area label {
        width: 150px;
        text-align: right;
    }
    #set_privacy_level_modal input[type="password"],
    .password-area input[type="password"] {
        width: 150px;
    }
    .password-status .text-success,
    .password-status .text-error {
        display: none;
    }

    /* Filter Settings Modal */
    #filter_settings_modal select {
        display: inline-block;
        width: 120px;
    }

    /* Proximity Menu */
    #proximity-menu .rdo_maptive {
        display: inline-block;
    }

    /* Create Map Modal */
    .select-file {
        border: 4px solid #CCCCCC;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        padding: 8px;
    }
    .select-file .progress {
        height: 10px;
        margin-bottom: 0;
        margin-top: 10px;
    }
    .select-file .percent-complete {
        color: #282424;
        display: inline-block;
        font-size: 16px;
        font-weight: 600;
        margin-top: 5px;
    }
    /* Search Modal */
    #search_modal h3 {
        display: inline-block;
    }
    #search_modal input {
        width: 150px;
    }
    #search_modal select {
        width: auto;
    }

    /* Export Data Modal */
    #export_data_modal select {
        width: auto;
    }

    /* Match Your Data Modal */
    #match_data_modal .icon-gray-arrowleft {
        margin-right: 5px;
    }
    #match_data_modal .icon-gray-arrowright {
        margin-left: 5px;
    }

    /* Show Hide Data Modal */
    #show_hide_data_modal .modal-dialog {
        width: 460px;
    }

    /* Map Position Modal */
    #map_position_modal input[type="text"] {
        width: 120px;
    }
    #start_zoom {
        width: 70px;
    }

    /* Used in image export modal */
    .modal-radio {
        padding-left: 2px;
    }

    .modal-form-label {
        color: #7E747E !important;
        font-weight: bold;
    }

/* ==========================================================================
   Primary Content
   ========================================================================== */

#main {
    background-color: #FFFFFF;
/*     margin-left: 60px; */
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0;
    z-index: 10;
}
.home #main {
    /*padding-bottom: 50px;*/
}

    /*****************************************
     * NOTIFICATION BAR
     *****************************************/
    .alert-information {
        background-color: #2b2b2b;
        /*TODO: add a fallback image*/
        /*background-image: url(https://fortress.maptive.com/ver4/new_ui/css/images/fallback-gradient.png);*/
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2b2b2b), to(#4c4c4c));
        background-image: -webkit-linear-gradient(top, #2b2b2b, #4c4c4c);
        background-image:    -moz-linear-gradient(top, #2b2b2b, #4c4c4c);
        background-image:     -ms-linear-gradient(top, #2b2b2b, #4c4c4c);
        background-image:      -o-linear-gradient(top, #2b2b2b, #4c4c4c);
        border-color: transparent;
        border-radius: 0;
        color: #FFFFFF;
        padding: 4px 10px 2px;
		margin-bottom:0 !important;
    }
    .alert-information i {
        vertical-align: middle;
    }
    .alert-information .close {
        opacity: 1;
    }


    /*****************************************
     * HOME TABLES
     *****************************************/
    /* Margin for desktops only */
    .table-row {
        margin-top: 30px;
    }
    #main .table thead>tr>th,
    #main .table tbody>tr>th,
    #main .table tfoot>tr>th,
    #main .table thead>tr>td,
    #main .table tbody>tr>td,
    #main .table tfoot>tr>td {
        vertical-align: middle;
    }
    #main .table thead {
        border: none;
    }
    #main .table thead>tr>th {
        border-bottom: none;
        color: #FFFFFF;
        padding: 5px 0px 5px 15px;
        text-shadow: 0px 1px 0px #1b5ea2;
    background-color: #207cda;
        /*TODO: add a fallback image*/
        /*background-image: url(https://fortress.maptive.com/ver4/new_ui/css/images/fallback-gradient.png);*/
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#207cda), to(#1b68b6));
        background-image: -webkit-linear-gradient(top, #207cda, #1b68b6);
        background-image:    -moz-linear-gradient(top, #207cda, #1b68b6);
        background-image:     -ms-linear-gradient(top, #207cda, #1b68b6);
        background-image:      -o-linear-gradient(top, #207cda, #1b68b6);
    }
    #main .table thead>tr {
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
    }
    #main .table thead>tr>th:first-child {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        -webkit-border-top-left-radius: 8px;
        -webkit-border-bottom-left-radius: 8px;
        -moz-border-radius-topleft: 8px;
        -moz-border-radius-bottomleft: 8px;
    }
    #main .table thead>tr>th:last-child {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        -webkit-border-top-right-radius: 8px;
        -webkit-border-bottom-right-radius: 8px;
        -moz-border-radius-topright: 8px;
        -moz-border-radius-bottomright: 8px;
    }
    #main .table tbody {
        color: #b0b0b0;
        font-size: 11px;
        font-weight: 600;
    }
    #main .table tbody>tr>td {
        padding: 8px 15px;
    }
    #main .table tbody>tr:first-child td {
        border-top: none;
    }
    #main .table .table-buttons {
        width: 250px;
    }
    #main .table tbody .btn-link {
        font-size: 12px;
        font-weight: 600;
        white-space: normal;
    }
    #main .table tbody .btn-link:hover {
        text-decoration: none;
    }
    #main .table tbody .btn-link i {
        margin-right: 6px;
    }
    #main .table tbody .sub-row td:nth-child(2) {
        padding: 8px 15px 8px 45px;
    }
    #main .sub-row.active .btn-link {
        color: #454343;
        font-weight: inherit;
    }
    #main .sub-row .btn-link {
        color: #656565;
        font-weight: 300;
    }
    #main .sub-row .btn-link:hover {
        color: #185FAA;
        text-decoration: underline!important;
    }
    #main .sub-row .icon-left-tbl-arrow {
        display: none;
    }
    #main .sub-row.active .icon-left-tbl-arrow {
        display: inline-block;
    }

    /* MODAL TABLES */
    .modal-body .table tbody>tr>td {
        color: #616161;
        vertical-align: middle;
    }


/* ==========================================================================
   Sidebar
   ========================================================================== */

.sidebar-area {
    float: left;
    padding-right: 0;
    position: relative;
    z-index: 80;
    width: 60px;
}
#sidebar {
   background-color: #212121;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2b2b2b), to(#212121));
    background-image: -webkit-linear-gradient(left, #2b2b2b, #212121);
    background-image:    -moz-linear-gradient(left, #2b2b2b, #212121);
    background-image:     -ms-linear-gradient(left, #2b2b2b, #212121);
    background-image:      -o-linear-gradient(left, #2b2b2b, #212121);
    border-right: 1px solid #0c0c0c;
    -webkit-box-shadow: 1px 0px 6px #000000;
    -moz-box-shadow: 1px 0px 6px #000000;
    box-shadow: 1px 0px 6px #000000;
    min-width: 60px;
    text-align: center;
    width: 60px;
    display:none;
}

    /*****************************************
    * Side Navigation
    *****************************************/
    .side-nav {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .side-nav li {
        position: relative;
    }
    .side-nav li a {
        border-bottom: 1px solid #0c0c0c;
        display: block;
        height: 60px;
        line-height: 53px;
    }
    .side-nav li a i {
        vertical-align: middle;
    }
    /*.side-nav li a:hover,*/
    /*.side-nav li a.active:hover,*/
    .side-nav-hover:hover,
    .side-nav .nav-help,
    .side-nav-sub .nav-title {
        background-color: #908D8D;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#908D8D), to(#6E6E6E));
        background-image: -webkit-linear-gradient(center top, #908D8D, #6E6E6E);
        background-image:    -moz-linear-gradient(center top, #908D8D, #6E6E6E);
        background-image:     -ms-linear-gradient(center top, #908D8D, #6E6E6E);
        background-image:      -o-linear-gradient(center top, #908D8D, #6E6E6E);
        border-bottom: medium none;
        border-top: medium none;
        box-shadow: none;
    }

    .side-nav li a.active,
    .side-nav li a:focus,
    #tools-btn-group .active {
        background-color: #1966b5;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1966b5), to(#145394));
        background-image: -webkit-linear-gradient(top, #1966b5, #145394);
        background-image:    -moz-linear-gradient(top, #1966b5, #145394);
        background-image:     -ms-linear-gradient(top, #1966b5, #145394);
        background-image:      -o-linear-gradient(top, #1966b5, #145394);
    }
    .side-nav li a:active,
    .side-nav li a.active:active {
        border-top: none;
        -webkit-box-shadow: inset 0 0 10px #000000;
        -moz-box-shadow: inset 0 0 10px #000000;
        box-shadow: inset 0 0 10px #000000;
    }
    .side-nav li a.active {
        -webkit-box-shadow: inset 0 0 3px #000000;
        -moz-box-shadow: inset 0 0 3px #000000;
        box-shadow: inset 0 0 3px #000000;
    }
    .side-nav li a:focus {
        box-shadow: 0 0 3px #000000 inset;
    }
    .side-nav .nav-help,
    .side-nav-sub .nav-title,
    .side-nav-sub li a {
        color: #FFFFFF;
        font-size: 14px;
        text-shadow: 0px 1px 0px #000000;
        white-space: nowrap;
    }
    .side-nav .nav-help {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomright: 10px;
        display: none;
        height: 60px;
        left: 59px;
        line-height: 60px;
        padding: 0 20px;
        position: absolute;
        top: 0;
    }
    li .side-nav-hover:hover > .nav-help {
        display: block;
    }
    li .side-nav-hover.active:hover > .nav-help {
        display: none;
    }
    .side-nav li:hover > ul {
        display: block;
    }
/*     .bottom-nav { */
/*         background-color: #212121; */
/*     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2b2b2b), to(#212121)); */
/*     background-image: -webkit-linear-gradient(left, #2b2b2b, #212121); */
/*     background-image:    -moz-linear-gradient(left, #2b2b2b, #212121); */
/*     background-image:     -ms-linear-gradient(left, #2b2b2b, #212121); */
/*     background-image:      -o-linear-gradient(left, #2b2b2b, #212121); */
/*     border-right: 1px solid #0c0c0c; */
/*     -webkit-box-shadow: 1px 0px 6px 0px #000000; */
    
/*     -moz-box-shadow: 1px 0px 6px 0px #000000; */
/*     box-shadow: 1px 0px 6px 0px #000000; */
/*         border-right: 1px solid #0c0c0c; */
/* 		display:none; */
/*         width: 60px; */
    
/*     } */
    .side-nav-sub {
        border-left: 1px solid transparent;
        border-top: 1px solid #CCCCCC;
        bottom: 0;
        display: none;
        left: 59px;
        padding: 0;
        position: absolute;
        margin: 0;
        text-align: left;
    }
    .side-nav-sub li {
        list-style: none;
    }
    .side-nav-sub .nav-title,
    .side-nav .side-nav-sub li a {
        height: 45px;
        line-height: 45px;
        padding: 0 20px;
        white-space: nowrap;
    }
    .side-nav-sub .nav-title {
        border-top: 1px solid #797979;
        -webkit-border-top-right-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        -moz-border-radius-bottomright: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        height: 60px;
        line-height: 60px;
        margin-right: -15px;
    }
    .side-nav-sub .nav-title i {
        margin-top: 26px;
    }
    .side-nav-sub li a {
        background-color: #393939;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#393939), to(#262626));
        background-image: -webkit-linear-gradient(top, #393939, #262626);
        background-image:    -moz-linear-gradient(top, #393939, #262626);
        background-image:     -ms-linear-gradient(top, #393939, #262626);
        background-image:      -o-linear-gradient(top, #393939, #262626);
        border-bottom: 1px solid #000000;
        border-left: 1px solid #494949;
        border-right: 1px solid #000000;
        border-top: 1px solid #494949;
    }
    .side-nav-sub li a:hover {
        background-color: #1e1e1e;
        background-image: none;
        border-bottom: none;
        border-right-color: transparent;
        border-top: none;
        text-decoration: none;
    }

    /*****************************************
    * Tools Nav Button
    *****************************************/
    #tools {
        left: 60px;
        position: absolute;
        /* This top value is only to showcase the
        notification. Would need to be set dynamically
        when an alert is triggered. */
        top: 88px;
        z-index: 40;
    }

    /*****************************************
    * General Menu
    *****************************************/
    .menu {
        box-shadow: 3px 0 2px -2px #666666;
        -moz-box-shadow: 3px 0 2px -2px #666666;
        -webkit-box-shadow: 3px 0 2px -2px #666666;
        display: none;
        position: absolute;
        width: 290px;
    }
    .inner-menu {
/*         overflow-x: hidden; */
/*         overflow-y: auto; */
    	overflow: hidden;
        position: relative;
        width: 290px;
    }
    .menu-title {
        background-color: #fefefe;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#bfbfbf));
        background-image: -webkit-linear-gradient(top, #fefefe, #bfbfbf);
        background-image:    -moz-linear-gradient(top, #fefefe, #bfbfbf);
        background-image:     -ms-linear-gradient(top, #fefefe, #bfbfbf);
        background-image:      -o-linear-gradient(top, #fefefe, #bfbfbf);
    }
    .menu-title h4 {
        margin: 15px 0;
    }
    .menu-title .icon-arrow-left {
        margin-top: 4px;
    }
    .menu-title .icon-directions-black,
    .menu-title .icon-groups-black,
    .menu-title .icon-filter-black,
    .menu-title .icon-proximity-black {
        margin-right: 10px;
    }
    .menu .list-group {
        margin-bottom: 0;
    }
    .menu .list-group-item:first-child,
    .menu .list-group-item:last-child {
        border-radius: 0;
    }
    .menu .list-group-item {
        background-color: #dfdfdf;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dfdfdf), to(#dddddd));
        background-image: -webkit-linear-gradient(top, #dfdfdf, #dddddd);
        background-image:    -moz-linear-gradient(top, #dfdfdf, #dddddd);
        background-image:     -ms-linear-gradient(top, #dfdfdf, #dddddd);
        background-image:      -o-linear-gradient(top, #dfdfdf, #dddddd);
        color: #454343;
        font-weight: 600;
        padding: 7px 15px 7px;
        text-shadow: 0px 1px 0px #ffffff;
    	line-height: 22px;
    }
    .menu .list-group-item .form-group{ margin-bottom: 0px}
    .menu .list-group-item .select-small {
        max-width: 120px;
    }

    /*****************************************
    * Settings Menu
    *****************************************/
    #settings-menu {
        background-color: #3a3a3a;
        border-right: 1px solid #0c0c0c;
        display: none;
        left: -230px;
        top: 0;
        z-index: 70;
    }
    #settings-menu .menu input[type="text"],
    #settings-menu .menu textarea {
        border: 1px solid #000000;
        box-shadow: inset 0 0 10px #000000;
        -moz-box-shadow: inset 0 0 10px #000000;
        -webkit-box-shadow: inset 0 0 10px #000000;
    }

    /* Change cursor within menu */
    #settings-menu .maptive-tip {
        cursor: url("../../../../ver4/new_ui/img/help-cursor.png") 20 20, help;
    }
    .maptive-tip-onClick {
        cursor: url("../../../../ver4/new_ui/img/help-cursor.png") 20 20, help !important;
    }
    #settings-menu .list-group-item {
        border-bottom: 2px solid #c7c3c3;
        border-top: 1px solid #fdfdfd;
    }

	/*****************************************
    * Slide Div CSS
    *****************************************/
    .slideDiv {
        background-color: #3a3a3a;
        border-right: 1px solid #0c0c0c;
        display: none;
        left: -230px;
        top: 0;
        z-index: 70;
    }
    .slideDiv .menu input[type="text"],
    .slideDiv .menu textarea {
        border: 1px solid #000000;
        box-shadow: inset 0 0 10px #000000;
        -moz-box-shadow: inset 0 0 10px #000000;
        -webkit-box-shadow: inset 0 0 10px #000000;
    }

    /* Change cursor within menu */
   .slideDiv .maptive-tip {
        cursor: url("../../../../ver4/new_ui/img/help-cursor.png") 20 20, help;
    }
    .slideDiv .list-group-item {
        border-bottom: 2px solid #c7c3c3;
        border-top: 1px solid #fdfdfd;
    }
    
    /*****************************************
    * Expand / Collapse Panels
    *****************************************/
    .panel-group {
        border: none;
        border-radius: 0;
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 50px;
    }
    .panel-group .panel+.panel {
        margin-top: 0;
    }
    .panel-group .panel {
        border-radius: 0;
        overflow: visible;
    }
    .panel {
        border: none;
        border-radius: 0;
    }
    .panel-group .panel-heading+.panel-collapse .panel-body {
        border-top: 0;
    }
    .panel-heading {
        padding: 0;
    }
    .panel-heading .icon-arrow-down {
        margin-top: 5px;
    }
    .panel-heading .accordion-toggle {
        display: block;
        padding: 15px;
    }
    .panel-heading a {
        background-color: #383838;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#383838), to(#2f2f2f));
        background-image: -webkit-linear-gradient(top, #383838, #2f2f2f);
        background-image:    -moz-linear-gradient(top, #383838, #2f2f2f);
        background-image:     -ms-linear-gradient(top, #383838, #2f2f2f);
        background-image:      -o-linear-gradient(top, #383838, #2f2f2f);
        border-bottom: 1px solid #0c0c0c;
        color: #FFFFFF;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1px;
        text-shadow: 0px 1px 0px #000000;
    }
    .panel-heading a:hover,
    .panel-heading a.active {
        background-color: #1966b5;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1966b5), to(#145394));
        background-image: -webkit-linear-gradient(top, #1966b5, #145394);
        background-image:    -moz-linear-gradient(top, #1966b5, #145394);
        background-image:     -ms-linear-gradient(top, #1966b5, #145394);
        background-image:      -o-linear-gradient(top, #1966b5, #145394);
        border-bottom: 1px solid #0c3054;
        text-decoration: none;
    }
    .panel-body {
        border: 0;
        padding: 0;
    }
	
	/* ver 4 UI Filter Tool */
	#filter-accordion .panel-heading a { text-transform: uppercase;  text-shadow: 0px 1px 0px #fff; }
	#filter-accordion { padding-bottom: 0px; border-bottom: 1px solid #fff; }
	#filter-accordion .panel { border-bottom: 1px solid #c7c3c3; }
	#filter-accordion .panel-heading { border-bottom-radius: 0px !important; }
	#filter-heading { float: right; font-size: 16px; margin-right: 10px;  }
	#text_panel .icon-arrow-up { background-position: -165px -21px; }
	#filter-accordion .collapsed .icon-arrow-down   { background-position: -165px -5px !important; }
	#filter-accordion .panel-heading .accordion-toggle.expanded .icon-arrow-down { background-position: -165px -21px !important; }
	.filter-control-links { padding-top: 1px; }
	.filter-control-links a { padding-right: 21px; display: inline-block; width: 49%; text-align: center; color: #404043; text-decoration: none; vertical-align: top;  position: relative; font-size: 108%;  }
	.filter-control-links a:hover { color: #185faa; font-weight: 600; text-decoration: underline !important; }
	.filter-control-links #clear-filters i { position: absolute; top: 2px; bottom: 0; margin-left: 4px;  }
	.filter-control-links #clear-filters.enabled i { background-position: -224px -45px !important; }
	.filter-control-links #filter_expand_all i { position: absolute; top: 2px; bottom: 0; margin-left: 5px; }
	#filter-accordion input[type="checkbox"]:hover { cursor: pointer; }
	#filter-accordion select, #filter_search_field { padding: 6px 4px 6px 1px }
	#filter-accordion .panel .panel-heading a:hover {border-bottom-color: #c4c2c2 !important;}
	#filter-accordion .panel .panel-heading .expanded {border-bottom-color: #c4c2c2 !important;}
    #filter-accordion .check-container .valigned{display: inline-block;vertical-align: middle;}
    #filter-accordion .group-filter .marker_cont{display: none;}
    #filter-accordion .group-filter.current-group-by .marker_cont{display: inline-block;}
	
	/* Light Colored Panels */
	#filter-menu .panel-heading { border-top: 1px #FFF solid; }
	#filter-menu .list-group-item:first-child { border-bottom: 1px solid #c7c3c3; border-bottom-radius: 0px !important; }
	.panel-group.light .panel-heading a, #filter-menu .accordion-toggle.collapsed {
		 background-color: #dfdfdf; background-image: none; color: #454343; border-bottom-color: #ddd; padding: 10px 15px;
	}
	
	/* Fix Map Settings Menu */
	.panel-group .accordion-toggle .icon-arrow-up { margin-top: 5px; }
	#filter-menu .panel-group .accordion-toggle .icon-arrow-up { background-position: -166px -21px; margin-top: 5px; }

	#filter-menu .accordion-toggle:hover, #filter-menu .accordion-toggle.expanded { text-decoration: none; background-color: #c4c2c2; color: #000; }
	.panel-body .form-group { 
	padding-right: 10px; padding-left: 10px; padding-bottom: 0px; padding-top: 9px;
	}
	.group_panel .form-group { margin-bottom: 0px; }
	#filter-accordion .panel-body { background-color: #e9e9e9; border-top: solid #c7c3c3 1px; }
	.panel-body .check-container { 
	display: inline-block ;
	vertical-align: top;
	width: 99%;
	padding-bottom: 10px;
	}
	.panel-body .check-container input[type="checkbox"] { float: left;  }
	.panel-body .check-container:nth-child(odd) { margin-left: 0; }
	 #filter-menu .panel-body label { 
		height: 16px;
		margin-bottom: 0;
		max-width: 80%;
		overflow: hidden;
		padding-left: 2px !important;
		padding-top: 0 !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
	 }
	 
	 #filter_by { margin-bottom: 10px; }
	 #add_filter { margin-top: 10px; margin-bottom: 10px; }
	 .number-panel .panel-body {  padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 12px;  }
	 .accordion-toggle { border-radius: 0px !important; }
	
	 


    /* Panel Hover - Base map hover within Display Settings */
    #base-map i {
        margin-top: 4px;
    }
    .base-map-selection {
        background-color: #363636;
        border: 1px solid #000000;
        display: none;
        left: 7px;
        padding: 8px;
        position: absolute;
        top: 32px;
        width: 260px;
        z-index: 60;
    }
    .base-map-selection .thumbnail {
        background-color: #4f4f4f;
        border: 1px solid #000000;
        float: left;
        margin: 7px;
        max-width: 65px;
        padding: 0;
    }
    #base-map:hover>ul {
        //display: block;
    }

    /*****************************************
    * Tools Menu
    *****************************************/
    #tools-menu {
        background-color: #dfdfdf;
        left: -230px;
        top: 88px;
        z-index: 50;
        width: 240px;
    }
    #tools-menu .inner-menu {
        width: auto;
    }
    #tools-menu label {
        left: 2px;
        position: relative;
        padding:10px 0 0 13px;
    }
    

    /* Tools Submenu Buttons */
    #tools-btn-group {
        display: none;
        left: 300px;
        position: absolute;
        top: 138px;
        width: 50px;
    }
    #tools-btn-group .btn {
        float: left;
        margin-bottom: 5px;
    }

    /* Hide Sub Tool Menus On Load */
    .submenu {
        display: none;
    }

    /* Custom Styles */
    .proximity-within .form-inline{
        position: relative;
    }
    .proximity-within input[type="text"] {
        width: 162px;
        font-size:13px;
        margin-right: 4px;
    }
    .proximity-within .distance_holder{
        display:inline-block;
        width: 39px;
        height: 21px;
    }
    .proximity-within .distance_holder.hidden {
        display: none;
    }
    .proximity-within .distance_holder .distance_wrapper{
        position:absolute;
        width:60px;
    }
    .location-input{ position: relative;}
    .location-input input {
        background: #FFFFFF;
        width:210px;
        font-size: 13px;
        padding-right:33px;
    }
    .location-input.step_2 {
        margin-top: 13px;
    }
    #add_territory_group {
        margin-top:8px;
    }
    a.help_hint{ cursor: pointer;
    position: absolute;
    right: 10px;
    top: 40px;}
    
    a.help_hint_2{cursor: pointer;
    position: absolute;
    right: 32px;
    top: 10px;}
    
    /* Directions Menu */
    .direction-location .input-group-addon {
        background-color: transparent;
        border: none;
        border-radius: 0;
        padding: 6px 20px 6px 0;
    }
    .direction-location:hover
    {
    	cursor:n-resize;
    }
    .input-group-addon-1{
    	background: url('../../../../ver4/images/directions_field_end_cap.png');
	position: relative;
    }
    .traverse_route{
    	margin-top:1px;
    }
    .input-group-addon {
    
    }
         
    .form-group-2{ position: relative;}
    .form-group-2 .input-group-addon-2{    
     	cursor: pointer;
     	padding: 7px 6px 5px 6px;
     	position: absolute;
     	right: 0;
     	top: 0;
     	width: 27px;
     	z-index: 9999;
    }
    .green-circle {
        background-color: #1dab42;
        border-color: transparent;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        color: #FFFFFF;
        display: inline-block;
        font-size: 12px;
        height: 24px;
        padding: 6px 0;
        width: 24px;
        text-shadow: 0px 1px 0px #000000;
    }
    .green-dot
    {
        background-color: #1FB44B;
        border-color: transparent;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        color: #444444;
        display: inline-block;
        font-size: 12px;
        height: 18px;
        padding: 3px 0 4px 0;
        width: 18px;
        text-shadow: 0px 0px 0px #444444;
        margin: 3px 0 0 5px;
    }
    .red-dot
    {
        background-color: #FF2600;
        border-color: transparent;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        color: #444444;
        display: inline-block;
        font-size: 12px;
        height: 18px;
        padding: 3px 0 4px 0;
        width: 18px;
        text-shadow: 0px 0px 0px #444444;
        margin: 3px 0 0 5px;
    }
    .no-dot
    {
        background-color: transparent;
        border-color: transparent;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        color: #444444;
        display: inline-block;
        font-size: 12px;
        height: 18px;
        padding: 3px 0 4px 0;
        width: 18px;
        text-shadow: 0px 0px 0px #444444;
        margin: 3px 0 0 5px;
    }
    .blended-group .input-group-addon {
        background-color: #FFFFFF;
        -webkit-box-shadow: inset -1px 4px 2px -2px #dddddd;
        -moz-box-shadow: inset -1px 4px 2px -2px #dddddd;
        box-shadow: inset -1px 4px 2px -2px #dddddd;
    }
    .blended-group .input-group-addon:first-child {
        border-right: 0;
    }
    .blended-group .input-group-addon:last-child {
        border-left: 0;
    }
    .blended-group input[type="text"] {
        border-left: 0;
        border-right: 0;
        -webkit-box-shadow: inset -1px 4px 2px -2px #dddddd;
        -moz-box-shadow: inset -1px 4px 2px -2px #dddddd;
        box-shadow: inset -1px 4px 2px -2px #dddddd;
        height: 35px;
    }
    .blended-group input[type="text"]:focus {
        outline: none;
        outline-width: 0;
    }
    .isMobileView{
	 display: block;
    }
.navbar-presentation{ display:none; }
    
    .bg-black{ background-color: #3A3A3A !important; background-image:-moz-linear-gradient(center top , #3A3A3A, #595959)!important;  margin-top: 9px;
    padding: 9px 10px 4px;}
    .map_txt-phone{ font-weight:bold; text-shadow:none; color:#010101;}
    
      .phone-nav-presentation .navbar-nav > li > a{  padding-bottom: 13px; padding-top: 12px;}
    .phone-nav-presentation .phone-tools-dropdown i{ float:left; margin-right:5px;}
    #sortable_directions .input-group .form-control{ padding:6px 23px 6px 8px; font-size:13px;}
    #sortable_directions .list-group-item {padding:7px 13px 7px;}

   .circle-container {float: left; overflow: hidden; width: 122px; height: 33px;}
    .maptive-popup-dots-nav{ left: 0; margin: 0;  position: relative;}
    
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 599px) {
/* .no-dis-mb{ display:none !important;} */
.isMobileView{ display: none; }
    #tools-menu{
	 margin: 3px 0 0;
    }
.navbar-presentation{ display:block;
     
/*     min-height: 45px; */
/*     position: fixed; */
/*     width: 100%; */
/*     z-index: 90; */
}
.navbar-presentation-desktop{ display:none;}
    body {
        overflow: visible;
        position: relative;
    }
    #main {
        padding-top: 59px;
        overflow: visible;
    }
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* NAVBAR */
    .navbar {
        left: 0;
        right: 0;
        max-height: none;
        padding: 0;
        position: fixed;
        top: 0;
    }
    .navbar-text-area {
        display: table;
        height: 58px;
    }
    .navbar-text-inner {
        display: table-cell;
        padding: 0;
        text-align: center;
        vertical-align: middle;
    }
    .navbar-text {
        max-height: 45px;
        overflow: hidden;
        padding: 0;
        text-align: center;
        white-space: normal;
    }
    .navbar-nav {
        margin: 7.5px 0;
    }
    .navbar-default .navbar-toggle {
        border-color: #000000;
    }
    .navbar-toggle {
        background-color: #3a3a3a;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3a3a3a), to(#595959));
        background-image: -webkit-linear-gradient(top, #3a3a3a, #595959);
        background-image:    -moz-linear-gradient(top, #3a3a3a, #595959);
        background-image:     -ms-linear-gradient(top, #3a3a3a, #595959);
        background-image:      -o-linear-gradient(top, #3a3a3a, #595959);
        box-shadow: inset 0 6px 10px #2b2b2b;
        -moz-box-shadow: inset 0 6px 10px #2b2b2b;
        -webkit-box-shadow: inset 0 6px 10px #2b2b2b;
        border-color: #000000;
        margin-right: 0;
    }
    .navbar-toggle.collapsed,
    .navbar-btn {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        background-color: transparent;
        background-image: none;
    }
    .navbar-btn {
        border-color: #000000;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin: 8px 0px;
        position: relative;
        padding: 9px 10px;
    }
    .navbar i {
        vertical-align: middle;
    }
    .navbar-collapse {
        background-color: #FFFFFF;
        max-height: none;
        height: auto;
    }
    .nav-submenu {
        background-color: #FFFFFF;
        display: none;
    }
    .phone-nav {
        background-color: #1e1e1e;
        padding-top: 13px;
        padding-bottom: 13px;
    }
    #main {
        margin-left: 0;
    }

    /* HOME PAGE */
    .home .home-nav-area {
        background-color: #FFFFFF;
        border-width: 0 0 1px;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1030;
    }
    .home .navbar {
        position: static;
    }
    .home #main {
        padding: 125px 15px 0;
    }
    .table-row {
        margin-top: 0;
    }
    .home #main .table thead>tr>th:first-child {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        -webkit-border-top-right-radius: 8px;
        -webkit-border-bottom-right-radius: 8px;
        -moz-border-radius-topright: 8px;
        -moz-border-radius-bottomright: 8px;
    }
    #main .btn-table i {
        margin-right: 5px;
    }
    #main .table thead>tr>th:first-child {
        text-align: center;
    }
    #main .table tbody .sub-row td:nth-child(2) {
        padding-left: 25px;
    }
.mvht{display:inline;}
    .dvht{display:none;}

    /* MODALS */
    .modal-dialog {
        width: auto;
    }

    /* Share Modal */
    #share_modal .form-inline label {
        margin-right: 0;
    }
    #password_protected_step_2 .form-group {
          text-align: center;
    }
    #share_modal .password-area label {
        text-align: center;
    }
    #password_protected_step_2 input {
        margin: 0 auto;
    }
    #share_modal .btn-default {
        margin-top: 15px;
    }
    #share_modal .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 4px;
    }

    /* Tools Custom */
    .tools #main {
        padding: 144px 15px 0;
    }
    .tools .navbar {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-bottom: none;
    }

    /* Groups Menu */
    .list-group-item {
        border: none;
    }
    .list-group-item:first-child,
    .list-group-item:last-child {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    #groups-menu .list-group-item {
        border: 1px solid #ddd;
    }
    .location-input input {
        background: #FFFFFF url("../../../../ver4/new_ui/img/location-icon.png") 10px center no-repeat;
        padding-left: 35px;
        padding-right:12px;
    }

    /* Proximity Menu */
    #proximity-menu-mobile .rdo_maptive {
        display: inline-block;
        margin-left: 10px;
    }
    .proximity-within input[type="text"] {
        width: 100%;
    }
    
    #tools-menu {
    height: 335px;
    left: 0 !important;
    top: 144px !important;
    width: 100% !important;
    position: fixed;
    }
    .inner-menu{
    height: 286px;
    left: 0 !important;
    position: relative;
    width: 100%;
    background-color: #ffffff;
    }
    #tools-menu .list-group-item label.extra-bold{width:100%;}
#group_col, #group_col_custom_marker_import {
    max-width: 100% !important;
    width: 100% !important;
}
.menu-close{display: none;}
.menu .list-group-item {
    background-color: #ffffff !important;
 background-image:none;
	
}
#proximity-menu li {
    border-bottom: none;
}
#groups-menu .list-group-item {border: none;}
.white-gradient {
    background-image: -moz-linear-gradient(center top , #FFFFFF, #CACACA) !important;
}


.top-btn-gry {
    position: absolute !important;
   right: 100px !important;
    top: 4px !important;
    z-index: 1 !important;
}
.main-new{ padding:0 !important}
#map_header_description, #snapshotsList, a#tools{ display:none !important;}
#map_header_title { float:none !important;}
#map_header_info{ text-align:center; width:85% !important; padding:4px 0 0 27px !important;}
.tool-icn{   float: right;
margin:0;
    padding: 0;
    position: relative;
    width: 40px;}
.tool-icn a.navbar-toggle
{padding: 5px 6px 2px; margin:0px 0 0;}



.tool-icn .navbar-toggle.collapsed, .tool-icn .navbar-btn{ background:#333;}
.submenu > div:first-child{ display:none;}

.phone-nav-presentation{ position:relative; z-index:100;}
.navbar-phone-presentation{
    background-color: #616161;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#616161), to(#2f2f2f));
    background-image: -webkit-linear-gradient(top, #616161, #2f2f2f);
    background-image:    -moz-linear-gradient(top, #616161, #2f2f2f);
    background-image:     -ms-linear-gradient(top, #616161, #2f2f2f);
    background-image:      -o-linear-gradient(top, #616161, #2f2f2f);
    border: none;
    border-bottom: 1px solid #3c3c3c;
    border-radius: 0;
    -webkit-box-shadow: 0 -3px 4px 4px #000000;
    -moz-box-shadow: 0 -3px 4px 4px #000000;
    box-shadow: 0 -3px 4px 4px #000000;
    margin-bottom: 0;
    max-height: 76px;
    min-height: 45px;
    padding: 0 5px;
    z-index: 90;
   /*background: url("../../../../ver4/new_ui/img/white_grey_gradient.png") repeat-x scroll center bottom #f8f8f8;
    border: 1px solid #BABABA;*/
}


#cM_content{  
    -webkit-transform: scale(0.90) translateY(-5px);
	transform: scale(0.90) translateY(-5px);
}

.btn-tools-right-side
{
	display: none;
}
#right-menu
{
	display: none;
}
	
	
}

@media (min-width: 768px) {
    .navbar-header {
        display: none;
    }
    .navbar>.container .navbar-brand {
        margin-left: 0;
    }
    .container>.navbar-collapse {
        padding-left: 0;
        padding-right: 0;
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 992px) {

}

@media (min-width: 768px) and (max-width: 1140px) {
    .home #main .table tbody>tr>td:first-child {
        /*max-width: 250px;*/
        /*padding-left: 25px;*/
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 768px) and (max-width: 1300px) {
    .col-13-12 {
        width: 100%;
    }
    .col-lg-offset-1 {
        margin-left: 0;
    }
    .home #main {
        padding: 0 15px;
    }
}
.error{
	color:red;
}

label.error{
	font-size: 14px;
	text-shadow: none;
}

/* Added 23 SEP*/

#tools-btn-group{
	z-index: 333;
}

/* Added 03 OCT*/

#downloadIFrame {
    display: none;
}

.clr{ clear:both;}
.get-btn-container{ text-align:center; padding:0 14px 10px;}
button.optRoute{ font-size:11px;}
#add_address{ margin-right: 15px; margin-bottom: 10px;}
#add_address:hover{font-weight: normal;}
#clear_directions{ margin-right: 14px;}
#clear_directions:hover{font-weight: normal;}
#print_directions{ margin-left: 20px;display:none;}
#print_directions:hover{font-weight: normal;}
#print_directions i{ margin-left: 10px;}
#tools-menu .list-group-item label.extra-bold{ padding:10px 0 0 0px}

#applesearch .sbox_l {
    background: url("../../../../ver4/images/searchbox/search_25_l.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    height: 26px;
    width: 24px;
}

#applesearch .sbox input {
    background: url("../../../../ver4/images/searchbox/search_mid.png") repeat-x scroll left top rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0 0 0 0;
    float: left;
    height: 26px;
    margin: 0;
    padding: 0;
    width: 160px;
    font-family: 'Open Sans',sans-serif
}

#applesearch .sbox_r  {	background: transparent url('../../../../ver4/images/searchbox/search_25_r.png') no-repeat top left;float:left;width:24px;height:26px; }

.ui-autocomplete { position: absolute; left:0; cursor: default; background:#ffffff;z-index:60 !important;}

.ui-helper-hidden-accessible{ display: none;}

.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
        z-index: 10;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
        font-size: 10px !important;
	zoom:1;

        font-size: 11px; color:#000;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
        background:#ccc;
            
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #ccc; background: #dbdcde;  color: #333; border-radius: 5px; }
/* added for map list */
.ic-pin-mobile
{
	display: inline-block;
	background-image: url("../../../../ver4/images/responsive_icons.png");
	background-position: -74px -1px;
	height: 24px;
	line-height: 24px;
	width: 24px;
}

.ic-pin
{
	display: inline-block;
	background-image: url("../../../../ver4/images/responsive_icons.png");
	background-position: -176px -2px;
	height: 24px;
	line-height: 24px;
	width: 24px;
}

#snapshotsList #map_drop_down_list
{
	background-color: #CCCCCC;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#eeeeee));
        background-image: -webkit-linear-gradient(top, #eeeeee, #eeeeee);
        background-image:    -moz-linear-gradient(top, #eeeeee, #eeeeee);
        background-image:     -ms-linear-gradient(top, #eeeeee, #eeeeee);
        background-image:      -o-linear-gradient(top, #eeeeee, #eeeeee);
	border-color: #999999;
	color: #555555;
	height: 24px;
	margin-right: 5px;
	margin-top: 6px;
	padding: 1px 8px;
	box-shadow: 0 0 0 #666666;
}
#map_drop_down_list{font-size:1em;}
.customDiv,#header_div{ background:url("../../../../ver4/new_ui/img/white_grey_gradient.png") repeat-x scroll 0 0 #FFFFFF; border-bottom:1px solid #BABABA; }
.map-shadow-container{ position: relative;}
#map_top_shadow{ background: url("../../../../ver4/new_ui/img/top_edge_shadow.png") repeat-x scroll 0 0; z-index: 1; width:100%; height:5px; position: absolute; bottom: -5px;}

#topButtons{ width:220px; float: right;}

 /*****************************************
    * top Navigation
    *****************************************/
    .top-nav {
        list-style: none;
        margin: 0;
        padding: 0;
 		float:left;
    }
    .top-nav li {
        position: relative;
    }
    .top-nav li a {
        border-bottom: 1px solid #0C0C0C;
	    display: block;
	    height: 34px;
	    line-height: 19px;
    }
    .top-nav li a i {
        vertical-align: middle;
    }
    /*.top-nav li a:hover,*/
    /*.top-nav li a.active:hover,*/
    /*.top-nav-hover:hover,*/
    .top-nav .nav-help,
    .top-nav-sub .nav-title,
    .top-nav-sub-right .nav-title {
        background-color: #908D8D;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#908D8D), to(#6E6E6E));
        background-image: -webkit-linear-gradient(center top, #908D8D, #6E6E6E);
        background-image:    -moz-linear-gradient(center top, #908D8D, #6E6E6E);
        background-image:     -ms-linear-gradient(center top, #908D8D, #6E6E6E);
        background-image:      -o-linear-gradient(center top, #908D8D, #6E6E6E);
        border-bottom: medium none;
        border-top: 1px solid #9e9e9e;
        box-shadow: none;
    }
	.top-nav li.map-icon{ height:40px; cursor:pointer;}
    .top-nav li a.active,
    .top-nav li a:focus,
    #tools-btn-group .active {
        background-color: #1966b5;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1966b5), to(#145394));
        background-image: -webkit-linear-gradient(top, #1966b5, #145394);
        background-image:    -moz-linear-gradient(top, #1966b5, #145394);
        background-image:     -ms-linear-gradient(top, #1966b5, #145394);
        background-image:      -o-linear-gradient(top, #1966b5, #145394);
    }
    .top-nav li a:active,
    .top-nav li a.active:active {
        border-top: none;
        -webkit-box-shadow: inset 0 0 10px #000000;
        -moz-box-shadow: inset 0 0 10px #000000;
        box-shadow: inset 0 0 10px #000000;
    }
    .top-nav li a.active {
        -webkit-box-shadow: inset 0 0 3px #000000;
        -moz-box-shadow: inset 0 0 3px #000000;
        box-shadow: inset 0 0 3px #000000;
    }
    .top-nav li a:focus {
        box-shadow: 0 0 3px #000000 inset;
    }
    .top-nav .nav-help,
    .top-nav-sub .nav-title,
    .top-nav-sub-right .nav-title,
    .top-nav-sub li a,
    .top-nav-sub-right li a {
        color: #FFFFFF;
        font-size: 14px;
        text-shadow: 0px 1px 0px #000000;
        white-space: nowrap;
    }
    .top-nav .nav-help {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomright: 10px;
        display: none;
        height: 60px;
        left: 59px;
        line-height: 60px;
        padding: 0 20px;
        position: absolute;
        top: 0;
    }
    li .top-nav-hover:hover > .nav-help {
        display: block;
    }
    .top-nav li:hover > ul {
/*         display: block; */
    }
    .bottom-nav {
        background-color: #212121;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2b2b2b), to(#212121));
        background-image: -webkit-linear-gradient(left, #2b2b2b, #212121);
        background-image:    -moz-linear-gradient(left, #2b2b2b, #212121);
        background-image:     -ms-linear-gradient(left, #2b2b2b, #212121);
        background-image:      -o-linear-gradient(left, #2b2b2b, #212121);
        border-right: 1px solid #0c0c0c;
        bottom: 0;
        position: absolute;
        width: 60px;
    }
    .top-nav-sub {
        border-left: 1px solid rgba(0, 0, 0, 0);
	    display: none;
	    margin: 0;
	    padding: 0;
	    position: absolute;
	    right: 5px;
	    text-align: left;
	    top: 40px;
	    margin-top: -40px; 
	    padding-top: 40px;
    }
	.top-nav-sub-right {
        border-left: 1px solid rgba(0, 0, 0, 0);
	    display: none;
	    margin: 0;
	    padding: 0;
	    position: absolute;
	    text-align: left;
	    top: 40px;
    }
    .top-nav-sub li,
    .top-nav-sub-right li {
        list-style: none;
    }
    
    .top-nav-sub .nav-title,
    .top-nav-sub-right .nav-title,
    .top-nav .top-nav-sub-right li a,
    .top-nav .top-nav-sub li a {
        height: 45px;
        line-height: 45px;
        padding: 0 20px;
        white-space: nowrap;
    }
    .top-nav-sub .nav-title,
    .top-nav-sub-right .nav-title {
        border-top: 1px solid #797979;
        -webkit-border-top-right-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        -moz-border-radius-bottomright: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        height: 60px;
        line-height: 60px;
        margin-right: -15px;
    }
    .top-nav-sub .nav-title i,
    .top-nav-sub-right .nav-title i {
        margin-top: 26px;
    }
    .top-nav-sub li a,
    .top-nav-sub-right li a {
        background-color: #393939;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#393939), to(#262626));
        background-image: -webkit-linear-gradient(top, #393939, #262626);
        background-image:    -moz-linear-gradient(top, #393939, #262626);
        background-image:     -ms-linear-gradient(top, #393939, #262626);
        background-image:      -o-linear-gradient(top, #393939, #262626);
        border-bottom: 1px solid #000000;
        border-left: 1px solid #494949;
        border-right: 1px solid #000000;
        border-top: 1px solid #494949;
    }
    .top-nav-sub li a:hover,
    .top-nav-sub-right li a:hover {
        background-color: #1e1e1e;
        background-image: none;
        border-bottom: none;
        border-right-color: transparent;
        border-top: none;
        text-decoration: none;
    }
.main-new{ margin-left:0px !important;}


/* Added on 5 Nov 2013 */
.import_custom{ background:url(../../../../ver4/new_ui/img/marker-img.png) no-repeat; padding: 0px 0 5px 30px; background-size:15%; }
.marker-select{ margin:5px 0 0; float:right; width:235px; }
label.marker-radio-container{width: 100%; cursor:pointer;}
label.marker-radio-container .rdo_maptive{ display:inline-block; margin:0 5px 0 0;}
.mark-pink{background:url(../../../../ver4/new_ui/img/_bigmarkers_6.png) no-repeat -204px 0; display: inline-block; width:18px; height:16px; margin:0 10px 0 0; }
.group-txt{ padding: 5px 0 0; }
.restore-link {float:right; margin-right:20px;}
.restore-link a{  color:#fff; text-decoration: none;}
.restore-link a:hover{text-decoration: underline;}
.import_marker_Div .get-btn-container {
  margin-bottom: 10px;
  margin-top: 15px;
}
#snapshotsList{
	position: absolute;
	z-index: 333;
	right: 55px;
	top:0px;
	display:none;*/
}

div.divCount { position:relative;font:11px Arial;text-align:center; }

p#map_header_description{ margin:0 0 5px; font-size:11px;	}
div#directions_area {margin:0 15px;}

.its-green{
	background-color: #00B630;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00B630), to(#008222));
        background-image: -webkit-linear-gradient(top, #00B630, #008222);
        background-image:    -moz-linear-gradient(top, #00B630, #008222);
        background-image:     -ms-linear-gradient(top, #00B630, #008222);
        background-image:      -o-linear-gradient(top, #00B630, #008222);
	border-color: #099B2F;
	color: #FFFFFF;
	text-shadow: none;
}

#filter_search_list, #proximity_search_list
{
	display:none;
}
	
#tools-menu #filter_search_list label
{
	margin:0;
	padding:0;
}
#filter_search_field
{
	
}
 .two_tone_grey{

 min-height:350px;	
 	
 }
 .dynamic-marker-image{
	float: left;
	margin: 4px 3px 0 24px;
 	width:20px;
 } 
 #group_col, #group_col_custom_marker_import {
     max-width: 124px;
     width: 124px;
}
.group_text{
	font-size: 13px;
	max-width:175px;
	padding-left:5px;
}

#proximity-menu label{
	 left: -8px !important;
}
#proximity-menu .distance_label{
    left: -13px !important;
    margin-right:0;
    padding-left:0px;
    margin-left:13px;
}
.big_label
{
	font-size: 14px !important;
}

.large_center_text
{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
}

.proximity-btns{
	margin-top: 20px;
}
.proximity-btns.form-group {
    padding-bottom: 0px;
}
.proximity-btns .btn-default {
    width: 100%;
}
.icon-map-white-sm {
    background-position: -334px -187px;
    height: 20px;
    line-height: 20px;
    width: 16px;
	margin: 0 11px 5px -5px;
}

.icon-snapshot-white-sm {
    background-position: -296px -191px;
    height: 13px;
    line-height: 13px;
    width: 18px;
	margin: 0 11px 5px 9px;
}
.btn-group-home{
	margin-left:26px;
}

#mapDivOuter
{
	position: relative;
	overflow:hidden;
}

#mapDivOuter #topButtons
{
    margin-top: 6px;
    position: absolute;
    right: 100px;
    z-index: 1;
}

#mb_markers_set
{
	max-width:125px;
}

#addNewColumnNames	li{
	line-height: 34px;
	padding: 10px 0;
}
.search-data .form-group{
	width:100%; float:left;
}

.copy-active {
    background-color: #006C1C;
    background-image: -moz-linear-gradient(center top , #006C1C, #009E2A);
    border-color: #006B1C;
    box-shadow: 0 6px 10px #004B14 inset;
}
.navbar-right {
    position:absolute;
    top:0;
    right:0;
}
.always-green{
	background-color: #00B630;
    background-image: -moz-linear-gradient(center top , #00B630, #008222);
    border-color: #099B2F;
    color: #FFFFFF;
    text-shadow: none;
}
.mobile-tools-menu{
	display: none;
}
.nav-menu{
	padding: 89px 15px 0;
}
.notif_area{
	min-height: 0px !important;

	}
.map_alert_inner{width:97%; float:left;}
.icon-close-red{
    background-position: -224px -45px;
    height: 19px;
    line-height: 18px;
    width: 20px;
}
.h4_map_legend{
	display:none;
}

.img-legend-black {
    width: 20px;
	margin-right:6px;
}

.short-form-group
{
	margin-bottom: 5px;

}
.img-legend-white{
	width: 20px;
}

#youAreHere {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 40px;
}

#printer_icon{
	position: absolute;
	top: 43px;
	display: none;
	right:0px;
}

#printer_icon a {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 40px;
}

#distance_calc_icon{
	position: absolute;
	top: 86px;
	display: none;
	right:0px;
}

#distance_calc_icon a {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 40px;
}

#location_finder_icon{
	position: absolute;
	top: 130px;
	right:0px;
}

#location_finder_icon a {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 40px;
}

.hidden_edit
{
	display:none;
}

#location_print_map{
	right: 0;
	top: 100px;
	position: absolute;
	z-index: 49;
}
#expand_all:focus
{
	color:#ffffff;
}
div.print_preview {
    background: none repeat scroll 0 0 hsla(0, 0%, 0%, 0.6);
    display: none;
    position: absolute;
	z-index: 3333;
}
#expand_all{
	font-size: 13px;
    text-align: left;
	position: relative;
}
#expand_all img{
	height: 18px;
    position: absolute;
    right: 10px;
    width: 13px;
}
a#expand_all:hover {
	background-image: -moz-linear-gradient(center top , hsl(0, 0%, 17%), hsl(0, 0%, 42%));
}
a#expand_all:focus {
	color: hsl(0, 0%, 100%);
}

span.marker-txt{
	
}
select#mb_markers_set{ padding:6px 4px 6px 1px; max-width:144px; font-size:13px; }

.marker-icon-container{ float:right; width:174px;}
.marker-icon-container .icon-map-marker{ max-width:30px !important}
.enable-scroll{
	overflow: hidden;
}
.enable-scroll .ps-scrollbar-y-rail{
/* 	z-index: -1; */
	left: 0; /*for left hand side scrollbar*/
}
.streetViewTooltip{
	left: 19px !important;
    top: -3px !important;
    width: 257px;
}
.mapTypeDisabled{
	opacity: 0.4;
}
.mapTypeDisabled a{
	pointer-events: none;
}

select { outline:none; }

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.print-popup-icon {
  padding-left: 38px;
  height: 32px;
  background: url('../../../../ver4/images/print-popup-icon.png') no-repeat;
}

#mapTitleBreadCrum,#snapTitleBreadCrum{
	max-width:17%;
	display:inline-block;
/* 	white-space:normal; */

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

a#snapTitleBreadCrum:hover{
	cursor: default;
    text-decoration: none;
}
#snapshotsList li a{
	color: #FFFFFF;
	background: #616161; /* Old browsers */
	background: -moz-linear-gradient(top,  #616161 0%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616161), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #616161 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #616161 0%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #616161 0%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #616161 0%,#2f2f2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */
}


/*@media only screen and (min-width: 640px) and (max-width: 767px) {
		
}*/

.disableTooltipOnHover {
	cursor: pointer;
	position: absolute;
	height: 22px;
	width: 96%;
	z-index: 10;
}

.removeProxyfromList b {
	font-size:1.2em
}

.proximity_address
{
	float:left;
	padding-bottom: 5px;
}
.proximity_distance
{
	float:right;
	padding-top: 2px;
	font-weight: bold;
}
.removeProxyfromList 
{
	display:inline-block;
	width: 100%;
	border-bottom:2px solid #c7c3c3;
	height:58px
}
.removeProxyfromList a
{
	float:left;
}

@media (min-width: 600px) and (max-width: 950px) {

.tool-icn{display: none !important;}
/*#map_header_info{width:65% !important;} //added dynamic sizing */
#applesearch .sbox input {width: 115px !important;}
#topButtons{width: 178px !important;}
.hidden-xs {display: block !important;}
}

#snapshotDropdown{float: right; padding: 7px 10px 0 0;display:none;}
#snapshotDropdownList{height:25px; padding: 3px 0 0;max-width: 250px;}

.red_notice{color:red}

.tools_half_width
{
	width:125px;
}
.proximity_number
{
    height: 32px;
    padding: 0;
    text-align: center;
    width: 32px;
    float:left;
    clear:both;
    margin-top:-9px;
}
.proximity_address div
{
	float:left;
	padding-top:2px;
}
.proximity_address .proximity-address-text
{
    width: 145px;
    overflow: hidden;
    white-space: nowrap;
}
.proximity_address .proximity_order
{
    font-weight: bold;
}
#proximity-menu li {
    padding-left:7px;
    padding-right:11px;
    padding-top: 0;
    padding-bottom: 0;
}
#proximity-menu #proximity_search_list {
    padding-left:16px;
    height:42px;
    margin-bottom:2px;
}
.exportProxyClick,
.deleteProxyClick
{
    margin-top:-3px;
}
.deleteProxyClick {
    margin-top:-2px;
}
span.group_name_check{margin-right:5px;}

#right-menu
{
	top:0;
	right:0;
	height:100%;
	z-index: 50;
	background-color: #DFDFDF;
	right:-260px;
	width:260px;
        box-shadow: -3px 0px 4px -2px #666666;
        -moz-box-shadow: -3px 0px 4px -2px #666666;
        -webkit-box-shadow: -3px 0px 4px -2px #666666;
}
#right-menu .submenu
{
	height:100%;
}

#open_data
{
	color: #FFFFFF;
	float: right;
	line-height: 12px;
	padding: 5px;
	z-index: 1;
	margin-top: -100px;
	margin-right: -1px;
}

.half_width_popup_form
{
    margin-right: 20px;
    width: 300px;
}

.location_key_element
{
	padding:10px 5px;
	display: inline-block;
	border-bottom:1px solid grey;
	width: 100%;
	color:#02094a;
	margin-top: -4px; /*takes care or wierd spacing of inline block*/
}
.location_key_element:hover
{
	background-color: #EEEEEE;
	color:#71789c;
}
.location_key_marker
{
	float:left;
	background: url("../../../../ver4/images/common/bigmarkers_19.png") repeat scroll 0px center rgba(0, 0, 0, 0);
	height: 46px;
	margin-top: 10px;
	width: 47px;
	max-width:48px;
}
.location_key_main
{
	float:left;
	width:200px;
}
.location_key_name, .location_key_distance
{
	font-weight:bold;
}
.location_key_actions.distance a
{
	width:100%
	margin-right:0;
	display:block;
}

.form_left_side
{
	float:left;
	width:20%;
	clear:both;
}
.form_left_side_big
{
	float:left;
	width:80%;
	clear:both;
	margin-left:20px;
}
.form_right_side
{
	float:right;
	width:80%;
}
.row_large_padding
{
	padding: 0 35px;
}
.floating_form_spacing
{
	display: inline-block;
	width:100%;
}
.form_half_width_float_left
{
	float:left;
	margin-right: 20px;
	padding-bottom:10px;
    	width: 280px;
}

#right-menu .inner-menu {
        width: 259px;
}

.dynamic-pop {
	margin-top: 1px;
}

#settings-menu a:active, #settings-menu a:focus,
#custom-marker-import a:active, #custom-marker-import a:focus,
#filter-menu a:active, #filter-menu a:focus
{
	text-decoration:none;
}

#taking_too_long_out	{position:absolute;left: 50%;bottom:-100px;width:400px;height:100px;}
#taking_too_long	{position: relative; left: -50%;background:rgba(256, 256, 256, 0.6);height:100px;width:100%;border:solid 1px #999;border-bottom:none;border-radius: 15px 15px 0px 0px;-webkit-border-radius: 15px 15px 0px 0px;-moz-border-radius: 15px 15px 0px 0px;color:#444;}
#taking_too_long_qoute	{color: #444;font-size: 22px;font-weight: bold;left: 100px;position: absolute;top: 25px;}
#taking_too_long_qouted	{color: #444;font-size: 9px;position: absolute;right: 30px;top: 55px;}

#b_progress_cont {position:absolute;left: 50%;top:0;width:400px;height:100px;}
#b_loading_block {position: relative; left: -50%;background:rgba(256,256,256,0.6);height:100px;width:100%;border:solid 1px #999;border-radius: 0 0 15px 15px;-webkit-border-radius: 0 0 15px 15px;-moz-border-radius: 0 0 15px 15px;color:#444;}
#b_notification	{position:relative; top:15px; width:100%; text-align: center; color: #444;font-size: 24px;font-weight: bold;}
#b_sub_notification	{position:relative; top:24px; width:100%; text-align: center; color: #444;font-size: 15px;font-weight: bold;}
#b_progressbar	{
    position:relative; top:25px; margin-left:20px; width:360px; overflow:hidden; height:20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #999;

}
#b_progressbar .ui-progressbar-value{
    height: 100%;
    background-color: #5CB85C
}
#legend label{
    display: inline-block;
    padding:0px;
}

#legend label span{
    display: inline-block;
    vertical-align: middle;
}
#legend label div{
    display: inline-block;
    vertical-align: middle;
}
.legend_icon
{
	text-align: center;
}
.legend_icon .spacer
{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
#match_up_data_fields_1 td,#match_up_data_fields td
{
	padding:3px 8px;
}
#match_data_modal .modal-footer
{
	margin-top: -18px;
}
#match_data_modal .table
{
	margin-bottom: 5px;
}
#match_up_data_fields_1 p,#match_up_data_fields p
{
	margin 0;
}
#warning_alert_modal
{
	font-size:1.3em;
}
#purchase_now
{
	margin: 2px 10px 0 0;
	display:none;
}

.btn-small-button
{
	padding:2px;
}
#mobile-map-header
{
	background-color: #ddd;
}
#mobile-search
{
	display: inline-block;
	width:100%;
	display:none;
	height: 32px;
}
#mobile-search-input
{
	margin: 4px 0 0 10px;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 5px;
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
	border-width:1px;
	width:60%;
}
#mobile-search-x
{
	margin-right:15px;
	margin-top:5px;
	margin-bottom:5px;
}
#mobile-name-area {border-top:solid 1px #aaa;}
#mobile-map-name
{
	padding-left:5px;
}

.under-600 .under-600
{
	width: 33%;
	text-align: center;
	float: right;
	height:20px;
	margin-top: -2px;
}
.under-600 .under-600 a
{
	float: none;
	top: 19px;
	padding: 22px 9px 7px 9px;
}
.under-600 .under-600 a:hover
{
	background: rgba(256,256,256,0.4);
}
#mobile_tools_menu:hover
{
	background: rgba(256,256,256,0.0);
}

#street-view-close
{
	display: none;
	position: absolute;
	background: rgba(256,256,256,0.8);
	right: 0;
	z-index: 1;
	margin: 10px 10px 0 0;
	cursor: pointer;
}

#directions-menu .go-green:hover
{
	background-color: #9d9d9d;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9d9d9d), to(#707070));
	background-image: -webkit-linear-gradient(top, #9d9d9d, #707070);
	background-image:    -moz-linear-gradient(top, #9d9d9d, #707070);
	background-image:     -ms-linear-gradient(top, #9d9d9d, #707070);
	background-image:      -o-linear-gradient(top, #9d9d9d, #707070);
	border-color: #616161;
}
#directions-menu .go-green.its-green:hover
{
        background-color: #00b630;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00b630), to(#008222));
        background-image: -webkit-linear-gradient(top, #00b630, #008222);
        background-image:    -moz-linear-gradient(top, #00b630, #008222);
        background-image:     -ms-linear-gradient(top, #00b630, #008222);
        background-image:      -o-linear-gradient(top, #00b630, #008222);
        border-color: #099b2f;
}
.no-green:hover
{
	background-color: #9d9d9d;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9d9d9d), to(#707070));
	background-image: -webkit-linear-gradient(top, #9d9d9d, #707070);
	background-image:    -moz-linear-gradient(top, #9d9d9d, #707070);
	background-image:     -ms-linear-gradient(top, #9d9d9d, #707070);
	background-image:      -o-linear-gradient(top, #9d9d9d, #707070);
	border-color: #616161;
}

#territory_form
{
	display: inline-block;
	margin-bottom:5px;
}
#terrirory_list
{
	width:100%;
}
.territory_group
{
	width:100%;
	border-top: solid 1px #999;
	padding:5px 12px 5px 5px;
	display: inline-block;
	text-decoration: none; 
	background-color: #c4c2c2; 
	color: #000;
}
.territory
{
	width:100%;
	border-top: solid 1px #c4c2c2;
	padding:5px 12px 5px 5px;
	display: inline-block;
	text-decoration: none; 
	background-color: #ddddd; 
	color: #000;
}
.territory_list .territory:hover
{
	background-color: #cccccc; 
}
.territory_group_line_2, .territory_line_2
{
	padding-top:5px;
}
.territory_line_2
{
	margin-left:22px;
}
.btn-territory{
        padding:0 2px 0 2px;
}
.deleteTerritoryGroup
{
	padding-left:25px;
}
.territory_group_name, .territory_name, .territory_group_name_input
{
	position: absolute;
	display: inline;
	width: 170px;
	color:#454343;
	font-size:1.2em
}
.territory_group_name_input
{
	width: 140px;
}
.territory_name
{
	font-size:1.1em;
	margin-top: 3px;
}
.hidden_input
{
	padding:1px;
	border: medium none;
	background: inherit;
}
.hidden_input:hover
{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    	border-radius: 4px;
	padding:0;
	border: solid 1px #666;
}
.hidden_input:focus
{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    	border-radius: 4px;
	padding:0;
	border: solid 1px #666;
	background: white;
}
.createTerritory
{
	margin-left: 9px;
	padding: 0 4px;	
}
#territory_group_settings .modal-content
{
	width:600px;
}
#territory_sample_area
{
	position: absolute;
	width: 300px;
	height:200px;
	right:100px;
	bottom:20px;
}
#territory_background_map
{
	background: url('../../../../ver4/images/territory_sample_map.png') no-repeat;
	width: 262px;
	height:160px;
	position:relative;
}
.territory_example_dot
{
	position:absolute;
	border-radius: 50%;
	width: 10px;
	height: 10px; 
	background-color: rgba(51, 32, 225,0.9);
	z-index: 2;
}
#territory_example_box
{
	position: absolute;
	border: solid 2px;
	border-color: rgba(51, 32, 225,0.9);
	width: 200px;
	height:140px;
	top: 10px;
	left: 31px;
	background-color: rgba(129,178,225,0.6);
}
.territory_group_rule
{
	margin-top:5px;
}
.removeTerritoryGroupRule
{
	clear:right;
}
}

@media (max-width: 599px) {
	button.close
	{
		width: 35px;
		height: 35px;
		font-size: 42px;
		margin-top: -10px !important;
	}
}

.territory_popup
{
	display: inline-block;
	width: 100%;
	padding:12px;
}

.territory_popup_name
{
	color:#999;
	font-size:24px;
	border-bottom:1px solid #999;
}

.territory_popup_locations
{
	text-align: right;
	font-size: 15px;
}
.territory_popup_locations_more
{
    text-align: right;
    font-size: 13px;
    color:#999;
}
.territory_line_1{padding-left: 10px;}
.territory_line_1 .cb_maptive{margin-right: 5px;margin-top: 5px;}
.territory_popup_data
{
	width: 100%;
	display: inline-block;
	max-height: 300px;
	overflow: auto;
	font-size: 1.1em;
    padding-top:10px;
}
.territory_popup_data_item
{
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #eee;
}

.territory_popup_data_item_warning
{
	color: red;
	font-size: .8em;
	padding-left: 12px;
}

.territory_popup_data_item_name
{
	float:left;
	width:60%;
	clear:both;
}
.territory_popup_data_item_value
{
	float:right;
	width:40%;
	text-align:right;
}
.territory_popup_data_subitem
{
	display: inline-block;
	width: 90%;
	border-bottom: 1px solid #eee;
	float: right;
}
.territory_popup_data_subitem_name
{
	float:left;
	width:50%;
	clear:both
}
.territory_popup_data_subitem_value
{
	float:right;
	width:40%;
	text-align:right;
}
.zoomTerritory
{
	padding:0 1px 0 0;
}

#territory_form label
{
    padding:0 2px;
    margin-bottom: 2px;
}

#clear_territories_area
{
	display:none;
	width:100%
}

#clear_territories_area a {
	display: inline-block;
	text-align: center;
	color: #404043;
	text-decoration: none;
	vertical-align: top;
	position: relative;
	font-size: 120%;
	font-weight: 600;
	text-shadow: 0px 1px 0px #ffffff;
	line-height: 22px;
}
#clear_territories_area a:hover { color: #185faa; font-weight: 600; text-decoration: underline !important; }
}

@media (max-width: 599px) {
	button.close
	{
		width: 35px;
		height: 35px;
		font-size: 42px;
		margin-top: -10px !important;
	}

}

.dc-marker-label{
    color: #000000;
    background: none;
    font-family: "Arial", sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    width: 45px;
    white-space: nowrap;
    pointer-events: none;
}

#enable_dragging{
    color:#e7e7e7 !important;
}

#enable_dragging.drag-active{
    background-color: #FF2400;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF2400), to(#E42217));
    background-image: -webkit-linear-gradient(top, #FF2400, #E42217);
    background-image:    -moz-linear-gradient(top, #FF2400, #E42217);
    background-image:     -ms-linear-gradient(top, #FF2400, #E42217);
    background-image:      -o-linear-gradient(top, #FF2400, #E42217);
    border-color: #E42217;
}

#mapDivOuter.dragging_active .ui-draggable{
    cursor: url("../../../../ver4/new_ui/img/move_marker_cursor.png") 12 12, default !important;
}

.master-icons{
    background-image: url("../../../../ver4/images/master_icon_set.png");
}
.master-icons.trashcan-icon{
    background-position: -10px -8px;
    height: 20px;
    width: 20px;
    display: block;
}
.master-icons.trashcan-icon:hover{
    background-position: -35px -8px;
    height: 20px;
    width: 20px;
    display:block;
}
.master-icons.x-icon{
    background-position: -193px -46px;
    height: 20px;
    width: 17px;
    display:block;
}
#home_delete{
    position:relative;
    cursor: pointer;
}
#home_delete .text_above{
    position: absolute;
    bottom: 38px;
    text-shadow: none;
    color: #207cda;
    display: none;
}
#home_delete:hover .text_above{
    text-decoration: underline;
}
#home_delete.is-active .text_above{
    display:block;
}
.master-icons.rw-x{
    background-position: -503px -43px;
    height: 25px;
    width: 24px;
    display:block;
}
#home_delete .delicon{
    margin-left:10px;
}
#home_delete.is-active .delicon{
    background-position: -528px -43px;
}
.dir-marker-label{
    color: #000000;
    background: none;
    font-family: "Arial", sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    width: 20px;
    white-space: nowrap;
    pointer-events: none;
}
.master-icons.master-settings{
    background-position: -474px -43px;
    height:25px;
    width:26px;
}
.master-icons.master-settings:hover{
    background-position: -74px -78px;
}
.master-icons.master-view-map{
    background-position: -446px -42px;
    height:25px;
    width:26px;
}
.master-icons.master-view-map:hover{
    background-position: -43px -78px;
}
.master-icons.master-share{
    background-position: -412px -43px;
    height:25px;
    width:26px;
}
.master-icons.master-share:hover{
    background-position: -8px -78px;
}
.btn-grid.master-icons{
    padding:0;
    margin-right:6px;
}
.master-icons.white-export{
    background-position: -211px -80px;
    height:20px;
    width:20px;
    line-height: 20px;
    display: inline-block;
}
.master-icons.white-settings{
    background-position: -105px -80px;
    height:20px;
    width:20px;
    line-height: 20px;
    display:inline-block;
}
.exact_value_link
{
	text-align: center;
	margin-bottom: -24px;
	margin-top: 9px;
}
.hide_tools
{
	position:absolute;
	opacity: 0.6;
	background-color:#ffffff; 
	height:100%;
	width:100%;
	z-index:1;
}
.submenu .hide_tools {
    opacity: 0.75;
}
.create_filters_blanks
{
    position: relative;
    top: -25px;
    height: 0;
    right: -140px;
    font-weight: bold;
    display:none;
    width:135px;
}
.proximity-li:hover .white-settings{
    background-position: -129px -80px;
}
.icon-boundary-big{
    background-image: url("../../../../ver4/images/boundary_icon.png");
    height: 26px;
    width: 33px;
}
.icon-boundary-small{
    background-image: url("../../../../ver4/images/boundary_icon_small.png");
    height: 20px;
    width: 20px;
    line-height: 20px;
}
#boundary-menu .boundary_list{
    padding-left:16px;
    height:42px;
    margin-bottom:2px;
}
#boundary-menu .location-input{
    margin-top:10px;
}
#boundary-menu label{
    padding: 0;
    left: 7px;
}
#boundary-menu label span{
    vertical-align: middle;
    line-height: 19px;
    font-size:13px;
}
#set_boundary_settings_cont p {
    padding-right: 6px;
    font-size: 14px;
    font-weight: bold;
    margin-top: -1px;
}
#boundary_hide_markers_cont .cb_maptive{
    margin-right:1px;
    top:5px;
}
#territory_hide_markers_cont .cb_maptive{
    margin-right:1px;
    top:5px;
}
#boundary_switch_groups_cont .cb_maptive{
    margin-right:1px;
    top:5px;
}
#territory_hide_markers_cont .checkbox{
    padding-left: 0;
}
#add_boundary{
    padding-top: 6px;
    padding-bottom: 11px;
    font-weight: bold;
}
#boundary-menu .list-group-item{
    padding: 0px 15px 0px;
}
#boundary-menu .list-group-item label{
    margin-bottom:0;
    padding:0;
}
#boundary-menu select{
    font-size:12px;
}
#set_boundary_settings_cont.list-group-item{
    margin-top: 8px;
}
#add_boundary_cont{
    border-bottom: 1px solid #cdc9cc;
}
#boundary_legend_all.list-group-item{
    padding-top: 6px;
}
#boundaries_list{
    margin-top: 8px;
    display: block;
}
#boundaries_list .list-group-item{
    padding-top:4px;
    padding-bottom:4px;
}
#boundaries_list .show-all.list-group-item{
    padding-top:10px;
}
#boundaries_list .boundary-group-name.list-group-item{
    background-color: #cdc9cc;
    background-image: none;
    font-size:14px;
    padding:10px 0px 10px 22px;
}
#boundaries_list .b_legend_color{
    width: 40px;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    height: 42px;
    margin-right: 3px;
    display: inline-block;
    color:transparent;
    border: 1px solid #cdc9cc;
}
#boundaries_list .bucket-li .cb_maptive{
    top:7px;
    margin-top:5px;
}
#boundaries_list .show-all .group_text{
    vertical-align:top;
}
#boundary_hide_markers_cont{
    margin-top:5px;
}
#boundaries_list .group_text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display:inline-block;
    vertical-align: middle;
}
#boundaries_list .del-boundary-group {
    margin-top: 1px;
    margin-right: 10px;
}
#b_persist_switch_cont{
    margin-top:5px;
}
@media (min-width: 600px) {
  /*changes needed for when the transition to mobile view in sharded mode was lowered to 600px*/
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.google-visualization-tooltip{
    z-index:1;
}
#dir_export_loc_container .to_ellipse{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#dir_export_warning{
    float:left;
    color:red;
    margin-left: 16px;
    margin-top: 13px
}
#dir_export_done_btn{
    float: right;
    margin-right: 16px;
    margin-top: 13px
}
.bs-col-vertical-align{
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.stats_icon_plus{
    background-image: url("../../../../ver4/images/territory_group.png");
    height: 20px;
    width: 20px;
    line-height: 20px;
}
.stats_icon{
    background-image: url("../../../../ver4/images/territory_stats.png");
    height: 20px;
    width: 20px;
    line-height: 20px;
}
/* user management*/
#add_user_area {
	display: inline-block;
	width: 100%;
}

current_users div {
	display: inline-block;
}

.user_admin_user {
	width: 100%;
	padding-top:5px;
}

.user_admin_user div{
	display: inline-block;
}

.user_admin_links{
	width:100%;
	display:block;
	text-align: right;
}

.user_admin_user_divider {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  display: block;
  height: 7px;
}

.user_admin_edit_name_pencil {
	height: 15px;
	margin-top: -4px;
}

.user_admin_user .user_admin_confirm_delete, .user_admin_user .user_admin_confirm_edit, .user_admin_user .user_admin_warning{
	display: none;
	width:100%;
}

.user_admin_user .user_admin_confirm_delete > div, .user_admin_user .user_admin_confirm_edit > div{
	width:100%;
}

.user_admin_confirm_delete .part2{
	display: none;
}
/*END user management*/

.grey_header
{
	font-size:20px;
	color:grey;
}