body {
    color: #000000;
    font-family: Arial, sans-serif;
}

/* TOP NAVIGATION */

#topNavigation {
    height: 66px;
    background-color: #ffffff;
    /*color: rgb(37, 53, 66);*/
    color:#000000;
    display: block;
    z-index: 3;
    /*box-shadow: rgba(51, 51, 51, .5) 0px 2px 4px;*/
    position: fixed;
    width: 100%;
    font-family: Arial, sans-serif;
    border:1px solid #d4d4d4;
}

#topNavigationContentWrapper {
    display: flex;
    justify-content: space-between;
}

#logoContainer {
    flex: 0 0 175px;
    color: #0B132B !important; 
    display: flex;
    align-items: center;
    justify-content: center;
    width: 175px;
}

    #logoContainer img {
        margin-top: 5px;
        height: 40px;
    }

.topInfo {
    height: 50px;
    font-family: Arial, sans-serif;
    color: #5BC0BE/*1C2541*/;
    display: none !important;
}

#terrInfo {
    float: right;
    height: 50px;
}

.hidden-lg {
    display: none !important;
}

/* LEFT NAVIGATION */

#leftNavigation {
    border-radius: 0px;
    top: 66px;
    width: 65px; 
    overflow: auto;
    height: 95%;
    position: fixed;
    /*background-color:#E4E4E4;*/  /*#eaf2f2;*/
    background-image: linear-gradient(#ffffff,#e4e4e4);
    border:1px solid #d4d4d4;
    color: #000000;
    font-family: Arial, sans-serif;
    /*font-size: 12px;*/
    z-index: 2;
    /*display:none;*/
    padding-bottom:10px;
}
#leftNavigationMailing {
    border-radius: 0px;
    top: 66px;
    width: 0px !important;
    overflow: auto;
    height: 95%;
    position: fixed;
    /*background-color:#E4E4E4;*/ /*#eaf2f2;*/
    background-image: linear-gradient(#ffffff,#e4e4e4);
    border: 1px solid #d4d4d4;
    color: #000000;
    font-family: Arial, sans-serif;
    /*font-size: 12px;*/
    z-index: 2;
    display: none;
    padding-bottom: 10px;
}
.loginView {
    width:235px !important;
}

.leftNavigationHidden {
    /*margin-left: -147px;*/
    /*padding-right: 50px;*/
    padding-right:230px;
}

.leftNavigationRemove {
    /*margin-left: -147px;*/
    /*padding-right: 50px;*/
    padding-right: 0px;
}

#loginContainer {
    margin-top: 5px;
    margin-right: 10px;
    margin-left: 10px;
}

    #loginContainer input {
        margin-bottom: 8px;
        /*border-radius: 2px;*/
    }

    #loginContainer #loginButton {
        /*display: block;
        color: #000000;
        height: 34px;
        width: 100%;
        font-weight: 600;
        background-color: #0267C1;
        border: none;*/
    }

    /*#loginContainer #loginButton:hover {
        display: block;
        color: #000000;
        height: 34px;
        width: 100%;
        font-weight: 600;
        background: linear-gradient(#0267C1, #0496FF);
        border: none;
    }*/

#navigationToggle, #navigationToggle2, #navigationToggle3 {
    height: 18px;
    width: 100%;
    text-align: right;
    background-color: #f2f2f2;
    border-bottom: 1px solid #d4d4d4;
    /*margin-bottom:10px;*/
}

    #navigationToggle .glyphicon, #navigationToggle2 .glyphicon, #navigationToggle3 .glyphicon {
        font-size: 10px;
        width: 30px;
        float: right;
        color: #68686C;
    }

    #navigationToggle .glyphicon:hover {
        color: #000000;
    }

    #navigationToggle .icon {
        font-size: 10px;
        width: 30px;
        float: right;
        color: #68686C;
    }

    #navigationToggle .icon:hover {
        color: #000000;
    }

#navToggleText {
    /*color: #68686C;*/
    font-size: 12px;
    padding: 2px 0;
    display: inline-block;
    width:55px;
    text-align: right;
}

#navToggleText2 {
    /*color: #68686C;*/
    font-size: 12px;
    padding: 2px 0;
    display: inline-block;
    width: 55px;
    text-align: right;
}

#navToggleText3 {
    /*color: #68686C;*/
    font-size: 12px;
    padding: 2px 0;
    display: inline-block;
    width: 55px;
    text-align: right;
}

#workspaceContainer {
}

#toolsPanel {
    background-color:#eaf2f2;
    font-family: Verdana, sans-serif;
}

    #toolsPanel .panel {
        border: none;
    }

    #toolsPanel .panel-heading {
        background-color: #eaf2f2;
        color: #000000;
    }

    #toolsPanel .panel-title {
        width: 100%;
        font-size: 14px;
    }

    #toolsPanel .panel-title:hover {
        text-decoration: none;
    }

        #toolsPanel .panel-title .glyphicon {
            float: right;
            color: #68686C;
        }

            #toolsPanel .panel-title .glyphicon:hover {
                color: #cccccc;
            }

    #toolsPanel .panel-body {
        background-color: #303036;
        padding: 10px;
        border: none;
    }

#searchContainer {
}

#searchLocationResultsMapBar
{
    /* border: 2px solid #cecece; */
    height: 30px;
    /* margin-top: 10px; */
    font-size: 9px;
    width: 216px;
    overflow: auto;
} 

#searchLocationResultsMapBarRadius
{
    /* border: 2px solid #cecece; */
    height: 30px;
    /* margin-top: 10px; */
    font-size: 9px;
    width: 200px;
    overflow: auto;
} 

#searchLocationAddress {
}

#searchLocationResults {
    
}

    #searchLocationResults a {
        margin-bottom: 8px;
    }

    #searchLocationResults a:hover {
        text-decoration: none;
    }

#searchButtonsContainer {
    width: 100%;
    /*display: flex;
    flex-direction: row;
    flex-wrap: nowrap;*/
    padding-left: 5px;
    padding-right: 5px;
}

.searchButton {
    /*flex-grow: 1;*/
    text-align: center;
    height: 34px;
    flex-basis: 0;
    margin-top: 10px;
    color: #1C2541;
    background-color: #5BC0BE;
    border: none !important;
    border-radius: 2px;
}

    .searchButton:hover {
        color: #0B132B;
        font-weight: 600;
        text-decoration: none;
        box-shadow: rgba(51, 51, 51, .7) 0px 2px 4px;
    }

#toolsContainer {
    padding-left: 5px;
}

.leftNavigationLink {
    padding-top: 25px;
    padding-bottom: 8px;
    padding-left: 7px;
    color: #000000;
    font-size: 14px;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.firstTab {
}

.leftNavigationLinkNoHover {
    padding-top: 10px;
    /*padding-bottom: 8px;*/
    padding-left: 8px;
    color: #000000;
    font-size: 14px;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

    .leftNavigationLink h4 {
        font-size: 14px !important;
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

    .leftNavigationLinkNoHover h4 {
        font-size: 14px !important;
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

.leftSubNavigationLink {
    /*padding-top: 8px;
    padding-bottom: 8px;*/
    padding-left: 8px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 4px;
    /*color: #000000;*/
    font-size: 12px;
    margin-top: 2px ;
    margin-bottom: 2px !important;
    font-family: Arial;
    cursor: pointer;
}

.leftSubNavigationLink:hover {
    /*padding-top: 10px;
    padding-bottom: 10px;*/
    /*background-color: #cccccc;
    color: #000000;*/
    /*border-left: 6px solid #cccccc;*/
    /*background: linear-gradient(to right, #0B132B, #3A506B);*/
}

.firstColumnNavigationLink {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    font-size: 11px;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.firstColumnNavigationLink:hover {
    /*padding-top: 10px;
    padding-bottom: 10px;*/
    /*background-color: #cccccc;
    color: #000000;*/
    /*border-left: 6px solid #cccccc;*/
    /*background: linear-gradient(to right, #0B132B, #3A506B);*/
}

.leftNavigationLink:hover {
    /*padding-top: 10px;
    padding-bottom: 10px;*/
    /*background-color: #cccccc;
    color: #000000;*/
    /*border-left: 6px solid #cccccc;*/
    /*background: linear-gradient(to right, #0B132B, #3A506B);*/
}

.selectedNavigationLink {
    /*padding-top: 10px;
    padding-bottom: 10px;*/
    /*background: linear-gradient(to right, #0267C1, #0496FF);
    box-shadow: rgba(51, 51, 51, .9) 0px 3px 4px;
    color: #E8F1F2;*/
    background: #cde6f7;/*linear-gradient(to right, #e2dede, #cccccc);*/
    /*font-weight:bold;
    color:#ffffff;*/
    /*font-size: 16px;*/
}

/*Commented by Sukhada*/
/*.selectedNavigationLink:hover {
    background: #20569b;
    border: none;
    font-weight:bold;
}*/
.territoryReviewTable {
    width: 98%;
    margin: 5px 8px;
    font-size: 12px;
}
.territoryReviewTable tr:nth-child(even){
    background-color: #e4e4e4;
}
.historyTable tbody{
    vertical-align: text-bottom;
    display: block;
    overflow: auto;
    height: 200px;
    width: 440px; 
}
.historyTable tr:nth-child(odd){
    background-color: #e4e4e4;
}


.listTable tbody{
    vertical-align: text-bottom;
    display: block;
    overflow: auto;
    height: 200px;
    width: 285px; 
}
.listTable tr:nth-child(odd){
    background-color: #e4e4e4;
}

.listTableNoColor tbody{
    vertical-align: text-bottom;
    display: block;
    overflow: auto;
    height: 200px;
    width: 285px; 
}

.territoryListTable{
    width: 220px;
}
.territoryListTable tr:nth-child(odd){
    background-color: #e4e4e4;
}

/*.territoryListTable td{
    width: 100%;
}*/

.listIcon {
    width: 9px;
    height: 9px;
    margin-right: 5px;
    /*background-image: url('/Images/Icons/SVGs/list-arrow.svg');*/
}
.listExpandedIcon {
    width: 6px;
    height: 6px;
    margin-right: 5px;
    margin-left: 2px;
    display:none;
}
.territoryName {
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.territoryActions {
    background-color:#c3c3c3;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
   height: auto;
    max-width: 220px;
    padding: 4px;
    max-height: 80px;
}

.actionIcons {
    width: 30px;
    height: 30px;
    padding:0 5px;
}
.hideActions {
    display:none;
}

#myTable tr:nth-child(4n+1){
    background: #f0f0f0;
}
 #myTableVendor tr:nth-child(4n+1) {
    background: #e4e4e4;
}

#myTable .limitTextStyle {
    width:190px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding: 3px 5px;
    color: #1464C4;
}

.btnLeft {
    font-size:11px;
    margin-left:20px;
    background-color: #1A64C4;
    color: #ffffff;
    border: 1px solid #052F5F;
    padding: 5px 5px;
    
}
.btnRight {
    font-size:11px;
    background-color: #1A64C4;
    color: #ffffff;
    border: 1px solid #052F5F;
    padding: 5px 5px;
    
}
.btnWhite {
    font-size:11px;
    margin-left:20px;
    background-color: #ffffff;
    color: #1A64C4;
    border: 1px solid #1A64C4;
    padding: 5px 5px;
    min-width:50px;
}
#logoutContainer {
top: 20px;
position: fixed;
/*background-color: #5BC0BE;*/
color: #4e4e4e/*0B132B*/;
/*border-radius: 25px;*/
height: 30px;
width: 165px;
margin-right: 5px;
margin-left: 5px;
text-align: center;
right:-25px;
}

.logoutContainerHidden {
    padding-right: 30px;
}

#logoutContainer a {
    /*margin-top: 4px;
    margin-bottom: 4px;
    font-weight: 600;
    color: #0B132B;
    background-color: #0267C1;
    height: 34px;
    padding-top: 6px;
    width: 100%;
    display: inline-block;
    box-shadow: rgba(51, 51, 51, .6) 0px 2px 4px;*/
}

#logoutContainer a:hover {
    /*margin-top: 4px;
    margin-bottom: 4px;
    color: #0B132B;
    font-weight: 600;
    text-decoration: none;
    background: linear-gradient(#0267C1, #0496FF);
    height: 34px;
    padding-top: 6px;
    width: 100%;
    display: inline-block;
    box-shadow: rgba(51, 51, 51, .7) 0px 2px 4px;*/
}

/* END LEFT NAVIGATION */

/* SECONDARY NAVIGATION */

.leftNavigationSimilarSecondary {
    background-color: #ffffff;/*#eaf2f2;*/
    z-index: 1;
    /*box-shadow: rgba(51, 51, 51, .7) 2px 0px 4px;
    border-left: 1px solid lightgrey;*/
    /*padding: 5px 10px 10px 10px;*/
}

.secondColumn {
    border-radius: 0px;
    top: 0px;
    padding-top:66px;
    width: 252px;
    overflow: auto;
    height: 100%;
    position: fixed;
    left: 63px;
    z-index: 1;
    background-color: #ffffff;
    border:1px solid #d4d4d4;
    color: #000000;
    font-family: Arial, sans-serif;
}

.thirdColumn {
    border-radius: 0px;
    top: 0px;
    padding-top: 66px;
    width: 400px;
    overflow: auto;
    height: 100%;
    position: fixed;
    left: 126px;
    z-index: 1;
    background-color: #ffffff;
    border: 1px solid #d4d4d4;
    color: #000000;
    font-family: Arial, sans-serif;
}
.secondTier {
    /*background-color: #f2f2f2;*/
}
.leftNavigationSecondary {
    border-radius: 0px;
    top: 50px;
    width: 225px;
    overflow: auto;
    height: 100%;
    position: fixed;
    left: 175px;
    /*background: linear-gradient(#3A506B, #304258);*/
    background-color: #FCFCFF;
    /*background: linear-gradient(to right, rgb(12, 216, 232), rgb(13, 255, 205));*/
    color: #0B132B;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    z-index: 1;
    box-shadow: rgba(51, 51, 51, .7) 2px 0px 4px;
    border-left: 1px solid lightgrey;
    /*padding: 5px 10px 10px 10px;*/
}

    .hideSecondary {
        display: none !important;
    }

.secondaryNavPanelSelector {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-left: 5px;
    padding-right: 5px;
}

    .secondaryNavPanelSelector div {
        flex-grow: 1;
        text-align: center;
        height: 34px;
        flex-basis: 0;
        margin-right: 5px;
        margin-left: 5px;
    }

    .secondaryNavPanelSelector div h5 {
    }
.secondaryNavPanelOption {
    border-bottom: 3px solid rgb(225, 225, 225);
}

.selectedSecondaryNavPanelOption {
    border-bottom: 3px solid #3A506B;
}

.territorySecondaryOption {
    /*background-color: rgb(200, 200, 200);*/
    /*padding-top: 10px;*/
    margin-top: 10px;
}

.hiddenTerritorySecondaryOption {
    display: none;
}

.secondaryNavSectionTitle {
    display: block;
}

#selectedOptionSecondary {
    color: #0B132B;
    font-weight: 600;
}

#unselectedOptionSecondary {
    color: #E8F1F2;
    background-color: #E8F1F2;
    font-weight: 600;
    background-color: #3A506B;
    box-shadow: rgba(51, 51, 51, .6) 0px 0px 4px inset;
}

#newTerritoryOption {
    background-color: #5BC0BE;
    box-shadow: rgba(51, 51, 51, .6) 0px 0px 4px inset;
    color: #0B132B;
}

#map {
    top: 66px !important;
    bottom: 0px !important;
    height: 100% !important;
    z-index: 0;
    padding-top:0px;
    left:0px;
    right:0px;
    position:fixed !important;
}

/*#editTerritoryContainer {
    padding-left: 10px;
    padding-right: 10px;
}

#allTerritoriesContainer {
    padding-left: 10px;
    padding-right: 10px;
}

#newTerritoryContainer {
    padding-left: 10px;
    padding-right: 10px;
}*/

#currentProjDiv {
    bottom: 0px;
}

/* END SECONDARY NAVIGATION */



#floatingToolContainer {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 50px;
    left: 400px;
    width: 42px;
    margin-left: 5px;
}

.tool {
    background-color: blue;
    height: 36px;
    width: 36px;
    margin: 3px 3px;
}

/*
    GEO VIEW COVERAGE SELECTION
    
*/
#gvc-container {
    
}

.gvc-item {
}

.gvc-item-name {
}

.gvc-item-glyphicon {
    color: #cccccc;
    float: right;
}

    .gvc-item-glyphicon :hover {
        color: #23527c;
    }

/* radius */
#gvc-radius-container {
    display: none;
}

.radiusCoverageStep1 {
    display: none;
}

.radiusCoverageStep2 {
    display: none;
}

/* drivetime */
#gvc-drivetime-container {
    display: none;
}

/* polygon */
#gvc-polygon-container {
    display: none;
}

/* geography */
#gvc-geography-container {
    display: none;
}

/* OLD 

.radCov1 {
    display: none;
}

.radCov2 {
    display: none;
}

.radCov3 {
    display: none;
}

.dtCov1 {
    display: none;
}

.dtCov2 {
    display: none;
}

.dtCov3 {
    display: none;
}

#drivetimeCoverageContainer {
    display: none;
}

#polygonCoverageContainer {
    display: none;
}

#geographiesCoverageContainer {
    display: none;
}*/

/*
    WORKSPACES PANEL
*/

.workspaceOptionsClosed {
    display: none;
}

.workspaceOptionsOpen {
    display: flex;
    justify-content: space-around;
    margin-bottom: 5px;
}

.workspaceListItem {
    height: 25px;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
}

    .workspaceListItem p {
        height: 25px;
        margin: 0px;
    }

    /* Need to select only the options <a> tag */
    .workspaceListItem p a {
        float: right;
    }
    
.newWorkspaceListItem {
    /*color: grey;
    text-align: center;*/
    height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    display: inline-block;
}

    /* Need to select only the options <a> tag */
    .newWorkspaceListItem p a {
        float: right;
    }

#newWorkspacePrompt {
    display: none;
}

.workspaceIndicator {
    float: left;
    width: 20px;
    height: 17px;
    margin-right: 10px;
    text-align: center;
    color: #0496FF;
}

.workspaceIndicatory ::after {
    content: '●';
}

.selectedWorkedspaceIndicator_hidden {
    margin-left: 30px;
}

.workspaceName {
    display: inline-block;
    width: 140px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.content {
    background-color:#FFFFFF;
}

div.content > div:nth-of-type(odd) {
    background-color:#e4e4e4;
}


.AreaStats {
    padding:2px;
}


.ui-dialog-title{
    font-size: 10px !important;
}

.ui-dialog-titlebar {
    padding: 2px !important;
}

.inputfield{

/*height:22px;
color: black;
font-size: 11px;
padding-left:3px; 
font-family: Verdana;
border-radius: 2px;*/
width:80px;
}

.selectfield{

height:22px;
color: black;
font-size: 11px;
/*padding-left:3px;*/ 
/*margin-left:2px;*/
width:90px;
font-family: Verdana;
/*border-radius: 2px;*/
}

#Labels:disabled,#onmapctLabel:disabled {
    color:#D4D4D4;
}

.logoutButton {
    width: 86%;
    border-radius:0;
    background-color: #ffffff;
    color:#337ab7;
}

.limitTextStyle {
    width: 204px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding:3px 5px;
    color:#1464C4;
}
    .limitTextStyle:hover {
        text-decoration:underline;
    }
.btn-default {
    color:#20569b;
    border-color:#20569b;
    margin-left:5px;
    border-radius:0;
}
.inputTheme {
    padding-left:5px;
    display:flex;
    flex-direction:row;
    align-items:baseline;
    padding:0 2px;
    border-color:#20569b;
    border-radius:2px;
}
.subColumnDiv {
    background-color:#f2f2f2;
    overflow: auto;
    height: 350px;
}

.moveableDialogLeaflet {

}
.dwyerFlexSmall {
    display:flex;
    flex-direction:row;
    width:50px;
    cursor:pointer;
}
.dwyerFlex {
    display:flex;
    flex-direction:row;
    width:230px;
    cursor:pointer;
    padding-right: 18px;
}
.submenu {
    font-size:12px;
    margin: 0 -20px 10px;
    padding: 6px 0px 0 18px;
}
.mainmenu {
    margin: 0 0 10px;
    font-size: 14px;
    padding: 18px 0px 0 14px;
}
.subPanel {
    padding-right:0;
}
.onMaptoolBarControl {
    /*padding:2px 5px;*/
    width:100%;
    font-size:11px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-around;
}
.displayIconText {
    visibility:hidden;
}
.imageContainer {
    width: 35%;
    /*background-color: #cde6F7;*/
}
.expandedTextContainer {
    width:75%;
}
.territorySubSection {
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    font-family:Arial;
    padding:8px;
}
    .territorySubSection h6 {
        font-size:11px;
    }
    .downArrow {
        background: url("/Images/Icons/SVGs/arrow-down.svg") no-repeat;
        width:15px;
    }
    .upArrow {
        background: url("/Images/Icons/SVGs/arrow-up.svg") no-repeat;
        width: 16px;
    }
.sectionActive {
    background-color: #e4e4e4;
    color: #1A64C4;
}
.sectionActiveLink {
    color: #1A64C4;
}
.subSectionActive {
    background: #1464C4;
    color: #1A64C4;
}
.subSectionInactive {
    background-color:#d4d4d4;
}
.imageContainerSubNav {
    width: 100%;
    display:flex;
    flex-direction:row;
    align-items:center;
    padding:5px 0;
    border-bottom: 1px solid #ccc;
    background-color: #cde6F7;
}
    .imageContainerSubNav h4 {
        padding-top: 0;
        padding-left: 10px;
        color: #000000;
        font-size: 17px !important;
        font-family:Arial;
    }
.iconImgSession {
    width: 60px;
	padding: 0;
	height: auto;
    margin-left:12px;
    /*line-height:24px;*/
    overflow:hidden;
}
.iconImgLeftNav {
    width: 15%;
	padding: 0;
	height: auto;
    margin-left:10px;
    /*padding-top:10px;*/
    /*line-height:24px;*/
    overflow:hidden;
}
.iconImgSubNav {
    width: 13%;
	padding: 0;
	height: auto;
    margin-left:8px;
    /*padding-top:10px;*/
    /*line-height:24px;*/
    overflow:hidden;
}

.iconImgLeftNavSmall {
    width: 35%;
	padding: 0;
	height: auto;
    margin-left:22px;
    /*line-height:24px;*/
    overflow:hidden;
}
.iconImgToolbar {
    width: 65%;
	padding: 0;
	height: auto;
    /*line-height:24px;*/
    overflow:hidden;
}
.imageContainerDialog {
    width: 99.5%;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    border-bottom: 1px solid #ccc;
    background-color: #cde6F7;
}
.iconImgDialog {
    width: 9%;
	padding: 0;
	height: auto;
    margin-left:8px;
    /*padding-top:10px;*/
    /*line-height:24px;*/
    overflow:hidden;
}
.imgClose {
    width:22px;
    cursor:pointer;
}
.toolbarDialog {
    font-size:12px;
    font-family: Arial;
}
.iconOnMapCollapse {
    width: 2%;
	padding: 0;
	height: auto;
    
}

.iconImgDownload {
    width: auto;
    padding: 0;
    height: 30px;        
    overflow: hidden;
    margin-left:40px;
    margin-right:10px;
}
.iconLoaderReport {
    width: 40px;
    height: 20px;
    margin-left: 30px;
    margin-right: 10px;
}

.iconLoader {
    width: 40px;
    height: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.divIconHolder {
    /*width:50px;*/
}
#sessionsPanel {
    width: 10%;
	padding: 0;
	height: auto;
    margin-left:12px;
    /*line-height:24px;*/
    overflow:hidden;
	/*background: url("../Images/Icons/SVGs/session-connection.svg") no-repeat;*/
}
#sessionsSubPanel {
    /*margin-top:-35px;*/
}
.tooltip-inner {
  width: auto;
  padding: 5px 5px;
  color: #000;
  vertical-align:middle;
  display:block;
  text-align: left;
  background-color: #e4e4e4;
  border-radius: 0;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 30px;
  text-align:left;
  width:150px;
}
.tooltip.bottom {
  padding: 1px 0;
  margin-top: 1px;
  margin-left:28px;
  overflow:visible;
  font-size:10px;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #e4e4e4;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  display:none;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #e4e4e4;
}
.tooltip {
    background-color:#e4e4e4;
    /*padding:5px;
    min-height:30px;
    height:auto;
    vertical-align:middle;*/
    /*margin-left:25px;*/
    border:1px solid #ffffff;
    /*z-index:999;
    display:none;*/
    font:bold 12px Arial;
    text-align:left;
    width:80px;
    /*max-width:180px;
    margin:auto;*/
}   
.tooltip.show p {
   text-align:left;
 }
.toolTipSub {
    background-color:#e4e4e4;
    padding:5px;
    height:auto;
    margin-left:5px;
    border:1px solid #ffffff;
    z-index:999;
    display:none;
    font:bold 12px Arial;
    
}    
    /*#continueLast {
        width: 30px;
	    height: 30px;
        margin-left:18px;
        line-height:60px;
	    background: url("../Images/Icons/SVGs/continue-last.svg") no-repeat;
	    overflow: hidden;
    }
    #favSessions {
        width: 30px;
	    height: 30px;
        line-height:18px;
	    margin-left:18px;
	    line-height:60px;
	    background: url("../Images/Icons/SVGs/favorites.svg") no-repeat;
	    overflow: hidden;
    }
    #quiteOpen {
        width: 30px;
	    height: 30px;
        line-height:18px;
	    margin-left:18px;
	    line-height:60px;
	    background: url("../Images/Icons/SVGs/quit-save.svg") no-repeat;
	    overflow: hidden;
    }
#projectsPanel {
    width: 30px;
	height: 30px;
    line-height:24px;
	margin-left:18px;
	background: url("../Images/Icons/SVGs/territory-projects.svg") no-repeat;
	overflow: hidden;
}
    #projectFiles {
        width: 27px;
	    height: 27px;
        line-height:24px;
	    margin-left:18px;
	    background: url("../Images/Icons/SVGs/project-files.svg") no-repeat;
	    overflow: hidden;
    }
    #terrMgmt {
        width: 27px;
	    height: 27px;
        line-height:24px;
	    margin-left:18px;
	    background: url("../Images/Icons/SVGs/territory-management.svg") no-repeat;
	    overflow: hidden;
    }
    #terrOpt {
        width: 27px;
	    height: 27px;
        line-height:24px;
	    margin-left:18px;
	    background: url("../Images/Icons/SVGs/optimizer.svg") no-repeat;
	    overflow: hidden;
    }
#qmPanel {
    width: 30px;
	height: 30px;
    line-height:24px;
    margin-left:18px;
	background: url("../Images/Icons/sessionPanel.gif") no-repeat;
	overflow: hidden;
}
    #selectGeographies {
        width: 27px;
	    height: 27px;
        line-height:24px;
	    margin-left:18px;
	    background: url("../Images/Icons/SVGs/geography-layers.svg") no-repeat;
	    overflow: hidden;
    }
    #selectData {
        width: 27px;
	    height: 27px;
        line-height:24px;
	    margin-left:18px;
	    background: url("../Images/Icons/SVGs/data-layers.svg") no-repeat;
	    overflow: hidden;
    }
    #selectTerrTypes {
        width: 27px;
	    height: 27px;
        line-height:24px;
	    margin-left:18px;
	    background: url("../Images/Icons/SVGs/territory-projects.svg") no-repeat;
	    overflow: hidden;
    }
    #selectDwyerData {
        width: 27px;
	    height: 27px;
        line-height:24px;
	    margin-left:18px;
	    background: url("../Images/Icons/SVGs/dwyer-data.svg") no-repeat;
	    overflow: hidden;
    }
#customMappingPanel {
    width: 30px;
	height: 30px;
    line-height:24px;
    margin-left:18px;
	background: url("../Images/Icons/SVGs/custom-mapping.svg") no-repeat;
	overflow: hidden;
}
    #customMappingCreateMap {
        width: 20px;
	    height: 0;
        line-height:18px;
	    margin-left:18px;
	    background: url("../Images/Icons/subIcon.gif") no-repeat;
	    overflow: hidden;
    }
#usrmgr {
    width: 30px;
	height: 30px;
    line-height:24px;
	margin-left:18px;
	background: url("../Images/Icons/SVGs/user-manager.svg") no-repeat;
	overflow: hidden;
}
    #launchUsrMgr {
        width: 20px;
	    height: 0;
        line-height:18px;
	    margin-left:18px;
	    background: url("../Images/Icons/subIcon.gif") no-repeat;
	    overflow: hidden;
    }
#loginLogout {
    width: 30px;
	height: 30px;
    line-height:24px;
	margin-left:18px;
    margin-bottom:10px;
	background: url("../Images/Icons/SVGs/login-logout.svg") no-repeat;
	overflow: hidden;
}*/

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
.hideView {
    display:none;
}
.showView {
    padding-left:5px; 
    display:flex;
    flex-direction:row;
}
.custom-dialog {
    background: #f2f2f2;
    min-height:80px;
    border-radius: 0;

}
input[type=checkbox], input[type=radio] {
    transform: scale(1.5);
    margin: 4px 4px 4px 0;
    vertical-align: middle;
    border-radius: 0;
    cursor: pointer;
}
#userManagerDialog {
    height: auto;
    min-height:375px;
    width:300px;
    max-height: none;
    overflow:hidden;
}
#alertPopupDialog {
    font-size:12px;
    text-align:left;
}
#popupContentHolder {
    display:flex;
    margin:15px;
    flex-direction:row;
    justify-content:space-between;
    flex-wrap:wrap;
}
.openImg {
    display:none;
    float:right;
    text-align:right;
}
#territoryHistoryDialog {
    height: auto;
    min-height:375px;
    width:300px;
    max-height: none;
    overflow:hidden;
}

#updateNotificationDialog {
    height: auto;
    min-height: 375px;
    width: 475px;
    max-height: none;
    overflow: hidden;
}

#storeManagerDialog {
    height: auto;
    min-height: 375px;
    width: 750px;
    max-height: none;
    overflow: hidden;
}

#editStoreStacked {
    height: auto;
    min-height: 310px;
    width: 300px;
    max-height: none;
    overflow: hidden;
} 

#userAddEditDialog {
    height: 730px;
    min-height:710px;
    width:300px;
    max-height: none;
    overflow:hidden;
}
select#roleto {
    width:100%;
} 
.ui-state-default .ui-icon {
    /*background-image: url(/Images/Icons/SVGs/right-arrows.svg);*/
    background-image:none !important;
}
.ui-icon-triangle-1-s {
    /*background-position: 0;*/
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,.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:none;
    background: none;
}
.ui-dialog .ui-dialog-titlebar-collapse {
   width: 9px !important;
    height: 9px !important;
    margin: 5px 5px;
    background-image: url(/Images/Icons/SVGs/collapse_arrows.svg);
}
.ui-dialog .ui-dialog-titlebar-restore {
   width: 9px !important;
    height: 9px !important;
    margin: 5px 5px;
    background-image: url(/Images/Icons/SVGs/collapse_arrows_left.svg);
}
.ui-icon {
    width: 9px;
    height: 9px;
}
.ui-widget {
    font-family: Arial;
}
.ui-widget-header {
    height:11px;
    background:#e4e4e4;
    border:1px solid #d4d4d4;
}
.ui-dialog, .ui-dialog-content {
    padding:0 !important;
    
}
.ui-corner-all {
    border:1px solid #d4d4d4;
    border-radius: 0 !important;
}
.ui-corner-top, .ui-corner-left, .ui-corner-tl, .ui-corner-right, .ui-corner-tr, .ui-corner-bottom, .ui-corner-bl, .ui-corner-br {
    border:1px solid #d4d4d4;
    border-radius: 0 !important;
}
.ui-dialog-titlebar-buttonpane {
    display:block;
    /*right:0.1em !important;
    margin-top: -6px !important;*/
}

.hiddenHoverLabel{
 
}

.hiddenHoverLabel span{
    color:#00000000 !important;
}

.hiddenLocationHoverLabel {
}

.hiddenLocationHoverLabel span{
    color:#00000000 !important;
}

.territoryHoverLabel{
    width:100px !important;
}