@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');




.tableProjects {
    height: 500px;
    overflow: scroll;
    max-height: 380px;
}

    .tableProjects thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 5px;
    }

    .tableProjects tbody th {
        padding: 5px;
    }

    .tableProjects tbody td {
        padding: 5px;
        vertical-align: middle;
        line-height: 1.25em;
        background-color: transparent;
    }

   
    .tableProjects tbody {
        cursor: pointer;
    }


.openProjectRow {
    background-color: #dadef1;
}


.tableIconPicker {
    position: absolute;
    top: 20px;
    bottom: 10px;
    overflow: scroll;
}

    .tableIconPicker thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 5px;
    }

    .tableIconPicker tbody th {
        padding: 5px;
    }

    .tableIconPicker tbody td {
        padding: 5px;
        vertical-align: middle;
        line-height: 1.25em;
    }

   
    .tableIconPicker tbody {
        cursor: pointer;
    }

.iconPickerIconDiv {
    width: 34px;
    height: 34px;
    padding: 3px !important;
}

.iconPickerIconImg {
    max-height: 100%;
    max-width: 100%;
}



.gmLsdRow {
    min-height: 16px;
    line-height: 16px;
}



.tableMapLayers {
    position: absolute;
    top: 160px;
    bottom: 10px;
    overflow: scroll;
}

    .tableMapLayers thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 5px;
    }

    .tableMapLayers tbody th {
        padding: 5px;
    }

    .tableMapLayers tbody td {
        padding: 5px;
        vertical-align: middle;
        line-height: 1.25em;
    }

    .tableMapLayers tbody tr:hover {
        color: #334fb9;
        cursor: default;
    }

    .tableMapLayers tbody {
        cursor: pointer;
    }






.tableSavedRoutes {
    position: absolute;
    width: 748px;
    top: 0px;
    bottom: 10px;
    overflow: scroll;
}

    .tableSavedRoutes thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 5px;
        vertical-align: middle;
    }

    .tableSavedRoutes tbody th {
        padding: 5px;
    }

    .tableSavedRoutes tbody td {
        padding: 5px;
        vertical-align: middle;
        line-height: 1.25em;
        cursor: pointer;
    }

    .tableSavedRoutes tbody tr:hover {
      
        color: #334fb9;
        cursor: pointer;
    }

    .tableSavedRoutes tbody {
        cursor: pointer;
    }






.tableContacts {
    position: absolute;
    top: 20px;
    left: 0px;
    bottom: 10px;
    overflow: scroll;
}

    .tableContacts thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 5px;
    }

    .tableContacts tbody th {
        padding: 5px;
    }

    .tableContacts tbody td {
        padding: 5px;
        vertical-align: middle;
        line-height: 1.25em;
        cursor: pointer;
    }

    .tableContacts tbody tr:hover {
        color: #334fb9;
        cursor: pointer;
    }

    .tableContacts tbody {
        cursor: pointer;
    }





.tableContactsMultiselect {
    position: absolute;
    top: 20px;
    left: 0px;
    bottom: 10px;
    overflow: scroll;
}

    .tableContactsMultiselect thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 5px;
    }

    .tableContactsMultiselect tbody th {
        padding: 5px;
    }

    .tableContactsMultiselect tbody td {
        padding: 5px;
        vertical-align: middle;
        line-height: 1.25em;
        cursor: pointer;
    }

    .tableContactsMultiselect tbody tr:hover {
        color: #334fb9;
        cursor: pointer;
    }

    .tableContactsMultiselect tbody {
        cursor: pointer;
    }





.tableFavorites {
    height: 500px;
    overflow: scroll;
    max-height: 400px;
}

    .tableFavorites thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 5px;
        vertical-align: middle;
    }

    .tableFavorites tbody th {
        padding: 5px;
    }

    .tableFavorites tbody td {
        padding: 5px;
        vertical-align: middle;
        line-height: 1.25em;
    }

    .tableFavorites tbody tr:hover {
      
        color: #334fb9;
        cursor: pointer;
    }

    .tableFavorites tbody {
        cursor: pointer;
    }




.tableAdminAccounts_Users {
    height: 500px;
    overflow: scroll;
}

    .tableAdminAccounts_Users thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 5px;
    }

    .tableAdminAccounts_Users tbody th {
        padding: 5px;
    }

    .tableAdminAccounts_Users tbody td {
        padding: 5px;
        vertical-align: middle;
        line-height: 1.25em;
    }

    .tableAdminAccounts_Users tbody tr:hover {
        color: #334fb9;
        cursor: default;
    }

    .tableAdminAccounts_Users tbody {
        cursor: default;
    }



.tableAdminAccounts_Organizations {
    height: 500px;
    overflow: scroll;
}

    .tableAdminAccounts_Organizations thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 5px;
    }

    .tableAdminAccounts_Organizations tbody th {
        padding: 5px;
    }

    .tableAdminAccounts_Organizations tbody td {
        padding: 5px;
        vertical-align: middle;
        line-height: 1.25em;
    }

    .tableAdminAccounts_Organizations tbody tr:hover {
        color: #334fb9;
        cursor: pointer;
    }

    .tableAdminAccounts_Organizations tbody {
        cursor: pointer;
    }





.tableAdminAccounts_OrganizationPrperties {
    height: 200px;
    overflow: scroll;
    margin-top: 5px;
}

    .tableAdminAccounts_OrganizationPrperties thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 5px;
    }

    .tableAdminAccounts_OrganizationPrperties tbody th {
        padding: 5px;
    }

    .tableAdminAccounts_OrganizationPrperties tbody td {
        padding: 5px;
        vertical-align: middle;
        line-height: 1.25em;
    }

    .tableAdminAccounts_OrganizationPrperties tbody tr:hover {
        color: #334fb9;
        cursor: default;
    }

    .tableAdminAccounts_OrganizationPrperties tbody {
        cursor: pointer;
    }


#project_Users_Dialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 600px;
    height: 400px;
}


.tableproject_Users {
    height: 200px;
    overflow: scroll;
    margin-top: 5px;
}

    .tableproject_Users thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 5px;
    }

    .tableproject_Users tbody th {
        padding: 5px;
    }

    .tableproject_Users tbody td {
        padding: 5px;
        vertical-align: middle;
        line-height: 1.25em;
    }

    .tableproject_Users tbody tr:hover {
        color: #334fb9;
        cursor: default;
    }

    .tableproject_Users tbody {
        cursor: pointer;
    }






.table_accounts_RenewalMultipleUsers {
    height: 250px;
    overflow: scroll;
    margin-top: 40px;
}

    .table_accounts_RenewalMultipleUsers thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 5px;
    }

    .table_accounts_RenewalMultipleUsers tbody th {
        padding: 5px;
    }

    .table_accounts_RenewalMultipleUsers tbody td {
        padding: 5px;
        vertical-align: middle;
        line-height: 1.25em;
    }

    .table_accounts_RenewalMultipleUsers tbody tr:hover {
        color: #334fb9;
        cursor: default;
    }

    .table_accounts_RenewalMultipleUsers tbody {
        cursor: pointer;
    }





.tableSearchResults {
    height: 500px;
    overflow: scroll;
}

    .tableSearchResults thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 5px;
    }

    .tableSearchResults tbody th {
        padding: 5px;
    }

    .tableSearchResults tbody td {
        padding: 5px;
        vertical-align: middle;
        line-height: 1.25em;
    }

    .tableSearchResults tbody tr:hover {
        color: #334fb9;
        cursor: default;
    }

    .tableSearchResults tbody {
        cursor: pointer;
    }


#favoriteDialog_IconImg {
    cursor: pointer;
    margin-left: 20px;
}


.modalDefault {
    padding: 20px !important;
}

.pointer {
    cursor: pointer !important;
}

.td_searchResultItem {
    height: 20px;
    line-height: 20px;
    cursor: pointer;
}

.td_directionsItem {
    height: 20px;
    line-height: 20px;
    cursor: pointer;
}


.td_contactItem {
    height: 20px;
    line-height: 20px;
    cursor: pointer;
}


.searchResultTitle {
    width: 100%;
    line-height: 0.9em !important;
    cursor: pointer;
}



.searchResultDesc {
    width: 100%;
    line-height: 0.9em !important;
    color: grey;
    cursor: pointer;
}

#searchResultsDialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    bottom: 30px;
    left: 10px;
    width: 350px;
    height: 400px;
}

.searchResultsHeader {
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}




#routeBuilder {
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 1px;
    z-index: 10000;
    position: absolute;
    top: 60px;
    left: 0px;
    width: 350px;
    height: 175px;
}





#quickSearchDialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 1px;
    z-index: 10000;
    position: absolute;
    top: 70px;
    left: 10px;
    width: 228px;
    height: 210px;
}



.quickSearch-row {
    position: absolute;
    width: 100%;
    height: 40px;
    top: 5px;
    cursor: pointer;
}

    .quickSearch-row:hover {
        background-color: #dddddd;
    }

.quickSearch-label {
    position: absolute;
    height: 30px;
    top: 11px;
    left: 60px;
    cursor: pointer;
}

.quickSearch-button {
    position: absolute;
    height: 30px;
    top: 5px;
    left: 5px;
    width: 40px;
    border-radius: 2px !important;
    padding: 1px 10px 1px 10px !important;
}

.routebuilder-clear-start-button {
    position: absolute;
    top: 15px;
    right: 60px;
    height: 30px;
    width: 30px;
    /*    font-size: 12px;*/
    border-radius: 2px !important;
    padding: 0px 0px 0px 0px !important;
    background-color: white;
}

.routebuilder-faves-button {
    position: absolute;
    top: 15px;
    right: 0px;
    height: 30px;
    width: 40px;
    /*    font-size: 12px;*/
    border-radius: 2px !important;
    padding: 1px 10px 1px 10px !important;
}


#favoritesPickerDialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    bottom: 30px;
    left: 10px;
    width: 350px;
    height: 400px;
}

#usersOnlineDialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    bottom: 30px;
    left: 10px;
    width: 500px;
    height: 600px;
}

#geotabCompaniesDialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    bottom: 30px;
    left: 10px;
    width: 800px;
    height: 600px;
}

#geotabOrgUsageDialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    bottom: 30px;
    left: 10px;
    width: 800px;
    height: 600px;
}

.favoritesPickerHeader {
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}

.usersOnlineHeader {
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}

.geotabCompaniesHeader {
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}

.geotabOrgUsageHeader {
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}



#nearestPlacesPickerDialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    bottom: 30px;
    left: 10px;
    width: 350px;
    height: 400px;
}

.nearestPlacesPickerHeader {
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}

.nearestPlacesPickerContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 55px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}



.addEditFavoritesHeader {
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}

.searchResultsContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 55px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.favoritesPickerContent {
    position: absolute;
    width: 100%;
    top:80px;
    bottom: 55px;   
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.usersOnlineContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 10px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.geoTabCompaniesContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.geoTabOrgUsageContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

#directionsDialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 350px;
    height: 400px;
}

.directionsDialogContent {
    position: absolute;
    width: 100%;
    top: 40px;
    bottom: 30px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}


.table_Directions {
  /*  position: absolute;*/
    top: 20px;
    bottom: 10px;
    left: 5px;
    width: 340px;
    overflow: scroll;
    padding: 0px !important;
}

    .table_Directions thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 2px;
        font-size: 12px;
    }

    .table_Directions tbody th {
        padding: 2px;
    }

    .table_Directions tbody td {
        padding: 2px;
        vertical-align: middle;
        line-height: 1.25em;
    }

    .table_Directions tbody tr:hover {
        color: #334fb9;
        cursor: default;
    }

    .table_Directions tbody {
        cursor: pointer;
    }




#table_GeoTabCompanies {
    position: absolute;
    top: 0px;
    bottom: 10px;
    left: 5px;
    width: 340px;
    overflow: scroll;
    padding: 0px !important;
}

    #table_GeoTabCompanies thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 2px;
        font-size: 12px;
    }

    #table_GeoTabCompanies tbody {
        height: 400px;
    }

        #table_GeoTabCompanies tbody th {
            padding: 2px;
        }

        #table_GeoTabCompanies tbody td {
            padding: 2px;
            vertical-align: middle;
            line-height: 1.25em;
        }

        #table_GeoTabCompanies tbody tr:hover {
            color: #334fb9;
            cursor: default;
        }

    #table_GeoTabCompanies tbody {
        cursor: pointer;
    }



#table_GeoTabOrgUsage {
    position: absolute;
    top: 0px;
    bottom: 10px;
    left: 5px;
    width: 340px;
    overflow: scroll;
    padding: 0px !important;
}

    #table_GeoTabOrgUsage thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 2px;
        font-size: 12px;
    }

    #table_GeoTabOrgUsage tbody {
        height: 400px;
    }

        #table_GeoTabOrgUsage tbody th {
            padding: 2px;
        }

        #table_GeoTabOrgUsage tbody td {
            padding: 2px;
            vertical-align: middle;
            line-height: 1.25em;
        }

        #table_GeoTabOrgUsage tbody tr:hover {
            color: #334fb9;
            cursor: default;
        }

    #table_GeoTabOrgUsage tbody {
        cursor: pointer;
    }



.buttonUploadLayerFile {
    position: absolute;
    margin-left: 40px;
    width: 200px;
    padding: 5px 10px 5px 10px;
    top: 100px;
}

#projectsDialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 1000px;
    height: 600px;
}

#newProjectDialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 400px;
    height: 350px;
}

#projectProperties_Dialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 500px;
    height: 500px;
}




#savedRoute_PropertiesDialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 470px;
    height: 250px;
}


#favoritesAddEditDialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 470px;
    height: 580px;
}

.addEditFavoritesContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 55px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

#importLayerDialog {
    cursor: default;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 500px;
    height: 350px;
}


#editMapLayersDialog {
    cursor: default;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 400px;
    height: 500px;
}

#editMapLayerIconPickerDialog {
    cursor: default;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 460px;
    height: 550px;
}

#mapLayersDialog {
    cursor: default;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 400px;
    height: 500px;
}

#directRouteSpeedSettingsDialog {
    cursor: default;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 300px;
    height: 320px;
}

.dialogMask {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
}


#accounts_Renewal_Options_Dialog {
    cursor: default;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 660px;
    height: 300px;
}

#accounts_Renewal_Multiple_Dialog {
    cursor: default;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 560px;
    height: 700px;
}

.dropdownStyle {
    width: 100%;
    overflow: visible !important;
}

#confirmDialog {
    cursor: default;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 400px;
    height: 250px;
}


#sessionExpiredLogout_Inner {
    cursor: default;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 400px;
    height: 250px;
}

#forcedLogout_Inner {
    cursor: default;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 400px;
    height: 250px;
}

#messageDialog_Inner {
    cursor: default;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 400px;
    height: 250px;
}

#saveBeforePrintingWarningDialog_Inner {
    cursor: default;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 400px;
    height: 250px;
}

#savedRoutesDialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 800px;
    height: 600px;
}

#emailDirectionsDialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 500px;
    height: 400px;
}

#contactsDialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 500px;
    height: 400px;
}

#contactsDialog_Multiselect {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 500px;
    height: 400px;
}

#selectUsersDialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 500px;
    height: 400px;
}





#addEditContactDialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 500px;
    height: 400px;
}

.importLayersHeader {
    cursor: move;
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}


.directRouteSpeedSettingsHeader {
    cursor: move;
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}

.editMapLayerHeader {
    cursor: move;
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}

.editMapLayerIconPickerHeader {
    cursor: move;
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}

.mapLayersHeader {
    cursor: move;
    position: absolute;
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #eee9e9;
}

.confirmHeader {
    cursor: move;
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}

.messageHeader {
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}

.savedRoutesHeader {
    position: absolute;
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #eee9e9;
}

.emailDialogHeader {
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}

.contactsDialogHeader {
    position: absolute;
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #eee9e9;
}

.contactsMultiselectDialogHeader {
    position: absolute;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #eee9e9;
}

.addEditContactsDialogHeader {
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}

.projectsDialogHeader {
    position: absolute;
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #eee9e9;
}

.newProjectDialogHeader {
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}

.editProjectDialogHeader {
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}

.directionsDialogHeader {
    position: absolute;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #eee9e9;
}

.importLayerContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.confirmDialogContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.messageDialogContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}



#CB_EmailDirections_UseLast {
    cursor: pointer;
}


.mapLayersContent {
    position: absolute;
    width: 100%;
    top: 70px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.editMapLayerContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.directRouteSpeedSettingsContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

#editMapLayerIconPickerContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 0px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}




.emailDirectionsContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.contactsContent {
    position: absolute;
    width: 100%;
    top: 100px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.contactsMultiselectContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.addEditContactsContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.favoritesMainHeader {
    position: absolute;
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #eee9e9;
}

.favoritesCurrentProjectToolbar {
    /* background-color:yellowgreen;*/
    position: absolute;
    width: 100%;
    top: 70px;
    height: 45px;
}


.favoritesMainContent {
    position: absolute;
    width: 100%;
    top: 110px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    /* display: flex;
    flex-direction: column;
    flex: 1;*/
    overflow-y: auto;
}



.projectsCurrentProjectToolbar {
    /* background-color:yellowgreen;*/
    position: absolute;
    width: 100%;
    top: 70px;
    height: 40px;
}

.projectsContent {
    /* background-color:aqua;*/
    position: absolute;
    width: 100%;
    top: 110px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    /* display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;*/
    overflow-y: auto;
}

.newProjectContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.projectPropertiesContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.adminAccounts_Users_Header {
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}

.adminAccounts_Orgs_Header {
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}

.adminAccounts_OrgProperties_Header {
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}

.project_Users_Dialog_Header {
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}

.adminAccounts_UserProperties_Header {
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}


.adminAccounts_Users_MainContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.adminAccounts_Orgs_MainContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.accounts_RenewalMultipleUsers_MainContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.adminAccounts_OrgProperties_MainContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.project_Users_Dialog_MainContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}


.accounts_Org_AVL_Properties_MainContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.adminAccounts_UserProperties_MainContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 70px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.input-group-append {
    cursor: pointer;
}




#adminAccounts_Users_Dialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 800px;
    height: 600px;
}

#adminAccounts_Orgs_Dialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 800px;
    height: 600px;
}

#accounts_Organization_AVL_Properties_Dialog_Inner {
    cursor: default;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 600px;
    height: 500px;
}

#adminAccounts_Organization_Properties_Dialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 600px;
    height: 600px;
}

#adminAccounts_User_Properties_Dialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 600px;
    height: 540px;
}


.savedRoutesProjectsControls {
    position: absolute;
    width: 100%;
    top: 70px;
    height: 40px;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}


.savedRoutesContent {
    position: absolute;
    width: 100%;
    top: 110px;
    bottom: 180px;
    border-bottom: 1px solid #eee9e9;
    overflow-y: auto;
}




#favoritesMainDialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 800px;
    height: 600px;
}

#searchDialog {
    cursor: move;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    border: 1px solid #eee9e9;
    border-radius: 4px;
    z-index: 10000;
    position: absolute;
    width: 640px;
    height: 450px;
}

.searchDialogHeader {
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eee9e9;
}

.searchDialogContent {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 55px;
    border-bottom: 1px solid #eee9e9;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.searchIconDiv {
    width: 24px;
    height: 24px;
    padding: 0px !important;
    line-height: 40px;
    text-align: center;
}

.searchIconImg {
    max-height: 100%;
    max-width: 100%;
}

a {
    cursor: pointer;
}

.tab-pane {
    background-color: white !important;
}

.inputHint {
    color: #5f5d5d !important;
    font-size: 14px !important;
}

.inputHintPadding {
    padding-top: 35px !important;
}


th {
   /* background-color: #f5f5f5 !important;*/
    background-color: #ffffff !important;
}

.selectedRow td {
    background-color: none !important;
}

.selectedRow label {
    color: #335eea !important;
    font-weight: bold;
}


.rollOver:hover {
    color: #0d6efd !important;
}

.cursorPointer {
    cursor: pointer;
}


.alignCenter {
    text-align: center;
}

.textMedium {
    font-size: 14px;
}

.textSmall {
    font-size: 12px;
}

.muted {
    color: grey;
}

.alignCenter {
    text-align: center;
}

.closeButton {
    position: absolute;
    right: 7px;
    top: 7px;
}


.moreInfoItem {
    margin-left: 10px;
    font-size: 14px;
}


.roadSpeed-label1 {
    padding-right: 0px;
    text-align: right;
}

.roadSpeed-label2 {
    padding: 0px;
    padding-left: 10px;
}

.roadSpeed-textbox-col {
    padding-right: 0px;
    padding-left: 10px;
}

.roadSpeed-textbox {
    padding: 4px;
    padding-left: 10px;
}


.roadSpeed-row {
    padding-bottom: 5px;
}


.dropdown-menu li {
    position: relative;
}

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}

.menuItem {
    padding: 0px !important;
    padding-bottom: 3px !important;
    padding-top: 3px !important;
    margin: 0px !important;
}


#BT_FileMenu :hover {
    background-color: #423f3c;
}

.routeInstructions {
    position: absolute;
    text-align: center;
    font-size: 12px;
    color: red;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    left: 10px;
    right: 10px;
    bottom: 2px;
    width: 440px;
}

.fontDefault {
    font-family: "Poppins", sans-serif;
    line-height: 1.25em;
    font-weight: 400;
}

.fontRobotoMono {
    font-family: "Roboto Mono", monospace;
    line-height: 1.25em;
    font-weight: 400;
}


.fontRegular {
    font-weight: 400;
}

.fontLight {
    font-weight: 300;
}


h3 {
    font-size: 24px;
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
    color: black;
}

.buttonDefault {
    padding: 5px 20px;
    width: fit-content;
    font-size: 13px;
}

.buttonProjectPropertiesCustom {
    color: #335eea;
}

    .buttonProjectPropertiesCustom:hover {
        color: white;
    }

.buttonCosy {
    padding: 2px 10px;
}

.buttonReallyCosy {
    padding: 0px 6px;
}


.buttonOptions {
    font-size: 13px;
    width: fit-content;
    padding: 3px 20px 3px 20px;
}

.calloutButton {
    position: relative;
    font-family: "Poppins", sans-serif;
    left: 0px;
    width: 150px;
    height: 40px;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -10px;
}

.calloutButtonNEW {
    position: relative;
    left: 0px;
    width: 150px;
    height: 40px;
    margin-bottom: 5px;
    padding: 0px;
    font-size: 13px;
    font-family: "Poppins", sans-serif;
}

.btn-success {
    background-color: #0F9D58;
}

.font9 {
    font-size: 9px;
}

.font10 {
    font-size: 10px;
}

.font11 {
    font-size: 11px;
}

.font12 {
    font-size: 12px;
}

.font13 {
    font-size: 13px;
}

.font14 {
    font-size: 14px;
}

.font15 {
    font-size: 15px;
}
.font16 {
    font-size: 16px;
}

.boldest {
    font-weight: 700;
}

.bolder {
    font-weight: bolder;
}

.bold {
    font-weight: bold !important; 
}

.normal {
    font-weight: normal !important;
}


.pointInfoRow {
    padding: 5px;
}

.pointInfoRow_Highlight {
    background-color: #e6e5e5;
}

.pointInfoTitleColumn {
    width: 150px;
    padding: 2px;
}



#expiryNotice {
    position: fixed;
    z-index: 10000000;
    display: none;
    left: 50%;
    margin-left: -250px;
    width: 500px;
    height: 51px;
    top: 60px;
    background-color: #fbedc5;
    border-radius: 3px;
    border: 1px solid #df4759;
}


.markerLabel {
    background-color: white;
    border: 2px solid black;
    z-index: 13000 !important;
    /*  font-family: "Open Sans", Helvetica, sans-serif;*/
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: 1.1em;
    font-size: 13px;
    padding: 5px;
}


.assetLabelCallout_Stopped {
    margin-left: 10px;
    background-color: black;
    border: 2px solid black;
    z-index: 12000 !important;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: 1.1em;
    font-size: 13px;
    padding: 10px;
    color: white;
}

.assetLabelCallout_Moving {
    margin-left: 10px;
    background-color: #2979FF;
    border: 2px solid #2979FF;
    z-index: 12000 !important;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: 1.1em;
    font-size: 13px;
    padding: 10px;
    color: white;
}

.assetLabelCallout_Equipment {
    margin-left: 10px;
    background-color: #506690;
    border: 2px solid #506690;
    z-index: 12000 !important;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: 1.1em;
    font-size: 13px;
    padding: 10px;
    color: white;
}



.turnLabel {
    background-color: lightgray;
    border: 2px solid black;
    z-index: 50000 !important;
    /*  font-family: "Open Sans", Helvetica, sans-serif;*/
    font-family: "Poppins", sans-serif;
    font-weight: bolder;
    color: black;
    line-height: 1.1em;
    font-size: 14px;
    padding: 3px;
}


.favoriteLabelCallout {
    background-color: white;
    border: 1px solid black;
    z-index: 12000 !important;
    /*  font-family: "Open Sans", Helvetica, sans-serif;*/
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: 1.1em;
    font-size: 12px;
    padding: 3px;
}


.border-textbox {
    border: 1px solid #d5cece !important;
}

    .border-textbox:hover {
        box-shadow: 0 0 2pt 0.25pt #335eea;
    }

    .border-textbox:focus {
        box-shadow: 0 0 3pt 0.5pt #335eea;
        outline-width: 0px;
    }





.bt-100 {
    width: 100px;
}

.favoritesCheckboxDiv {
    width: 30px;
    padding: 0px !important;
}

.favoritesCheckbox {
    margin: 0px !important;
}

.favoritesIconDiv {
    width: 16px;
    height: 16px;
    padding: 0px !important;
}

.invisibleFavoriteIconImg {
    max-height: 100%;
    max-width: 100%;
}


.invisibleFavoriteIconDiv {
    width: 24px;
    height: 24px;
    padding: 0px !important;
}

.favoritesIconImg {
    max-height: 100%;
    max-width: 100%;
    padding: 0px;
}



.directionsIconDiv {
    width: 16px;
    height: 16px;
    padding: 0px !important;
}

.directionsIconImg {
    max-height: 100%;
    max-width: 100%;
}




body {
    margin: 0;
    padding: 0;
}

#mapContainer {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}

#map {
    width: 100%;
    height: 100%;
}


input {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}


::-webkit-scrollbar {
    display: none;
}

#div_Geotab_VehiclesListContainer {
    position: absolute;
    display: flex;
    right: 0px;
    top: 90px;
    height: calc(100% - 74px);
    width: 300px;
    z-index: 1999;
    background-color: white;
    padding: 10px;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
}

#div_Geotab_TrailersListContainer {
    position: absolute;
    display: flex;
    right: 0px;
    top: 90px;
    height: calc(100% - 74px);
    width: 300px;
    z-index: 1999;
    background-color: white;
    padding: 10px;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
}


#div_GoMotive_VehiclesListContainer {
    position: absolute;
    display: flex;
    right: 0px;
    top: 90px;
    height: calc(100% - 74px);
    width: 300px;
    z-index: 1999;
    background-color: white;
    padding: 10px;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
}





#div_AssetsListContainer {
    position: absolute;
    display: flex;
    right: 0px;
    top: 90px;
    height: calc(100% - 74px);
    width: 300px;
    z-index: 1999;
    background-color: white;
    padding: 10px;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
}

#div_AddressesListContainer {
    position: absolute;
    display: flex;
    right: 0px;
    top: 90px;
    height: calc(100% - 74px);
    width: 300px;
    z-index: 1999;
    background-color: white;
    padding: 10px;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
}

#div_TrailersListContainer {
    position: absolute;
    display: flex;
    right: 0px;
    top: 90px;
    height: calc(100% - 74px);
    width: 300px;
    z-index: 1999;
    background-color: white;
    padding: 10px;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
}

#div_EquipmentListContainer {
    position: absolute;
    display: flex;
    right: 0px;
    top: 90px;
    height: calc(100% - 74px);
    width: 300px;
    z-index: 1999;
    background-color: white;
    padding: 10px;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
}


#div_UnpoweredListContainer {
    position: absolute;
    display: flex;
    right: 0px;
    top: 90px;
    height: calc(100% - 74px);
    width: 300px;
    z-index: 1999;
    background-color: white;
    padding: 10px;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
}

.div_AssetsListContainer_NEW {
    position: absolute;
    display: flex;
    right: 0px;
    top: 60px;
    height: calc(100% - 74px);
    width: 300px;
    z-index: 1999;
    background-color: white;
    padding: 10px;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
}



.header_AssetAddresses, .footer_AssetAddresses {
    background: #f1f1f1;
    width: 100%;
    text-align: center;
    flex-shrink: 0;
}

.header_AssetAddresses {
    height: 200px;
}

.footer_AssetAddresses {
    height: 70px;
}

.middle_AssetAddresses {
    overflow-y: auto;
    flex-grow: 1;
    padding: 10px;
}

.listview_AssetAddresses {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .listview_AssetAddresses li {
        padding: 10px;
        border-bottom: 1px solid #ccc;
    }



#BT_GoMotiveAssetTypeDropdown::after {
    display: none !important;
}











.vehicleList_Header {
    font-size: 18px;
    font-weight: 800;
    font-family: "Poppins", sans-serif;
    color: black;
    margin: 0px;
}

.samsara_Asset_Title {
    font-size: 13px;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    color: black;
    margin: 1px;
}

.samsara_Equipment_Title {
    font-size: 13px;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    color: black;
    margin: 1px;
}

.samsara_Equipment_SubTitle {
    font-size: 13px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    color: #3677D6;
    margin: 1px;
}
.samsara_Asset_SubTitle {
    font-size: 13px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    color: #3677D6;
    margin: 1px;
}

.samsara_Asset_Content {
    font-size: 13px;
    font-family: "Poppins", sans-serif;
    color: black;
    margin: 1px;
}
.samsara_Asset_Content1 {
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    color: black;
    margin: 1px;
}

.samsara_Asset_Content2 {
    font-size: 11px;
    font-weight: normal;
    font-family: "Poppins", sans-serif;
    margin: 1px;
}




.addressList_Name_td {
    padding-left: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 5px !important;
    padding-right: 10px !important;
    vertical-align: middle !important;
}


.equipmentList_Name_td {
    padding-left: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 5px !important;
    padding-right: 10px !important;
    vertical-align: middle !important;
}


.vehicleList_NameAndDriver_td {
    padding-top: 10px !important;
    padding-bottom: 5px !important;
    padding-right: 0px !important;
    padding-left: 10px !important;
    vertical-align: middle !important;
}

.vehicleList_LastUpdateAndSpeed_td {
    padding-top: 10px !important;
    padding-bottom: 5px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.addressList_Icons_td {
    padding-top: 10px !important;
    padding-bottom: 5px !important;
    padding-right: 5px !important;
    padding-left: 10px !important;
    text-align: center !important;
    vertical-align: middle !important;
}



.vehicleList_MoreInfo_td {
    padding: 0px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.addressesList_Content {
    font-size: 12px;
    font-weight: normal;   
    font-family: "Poppins", sans-serif;
    margin: 1px;
}
.trailersList_TrailerName {
    font-size: 13px;
    font-weight: normal;   
    font-family: "Poppins", sans-serif;
    margin: 1px;
}
.vehicleList_VehicleContent {
    font-size: 12px;
    font-weight: normal;   
    font-family: "Poppins", sans-serif;
    margin: 1px;
}





.addressesList_FormattedAddress {
    font-size: 11px;
    font-weight: normal;
    font-family: "Poppins", sans-serif;
    margin: 1px;
}

.trailersList_LicensePlate {
    font-size: 12px;
    font-weight: normal;
    font-family: "Poppins", sans-serif;
    margin: 1px;
}
.equipmentList_Location {
    font-size: 13px;
    font-weight: normal;
    font-family: "Poppins", sans-serif;
    margin: 1px;
}

.trailersList_AssignedDriver {
    font-size: 12px;
    font-weight: normal;
    font-family: "Poppins", sans-serif;
    margin: 1px;  
}




.Yellow {
    color: #f5e20e !important;
}

.Red {
    color: #c67373 !important;
}

.Red_Bright {
    color: #ff0000 !important;
}

.Blue {
    color: #335eea !important;
}

.Green {
    color: #42ba96 !important;
}

.Grey {
    color: #858585 !important;
}

.LightGrey {
    color: #a8a4a4 !important;
}

.DarkGrey {
    color: #2e2a27 !important;
}

.Black {
    color: #000000 !important;
}

.White {
    color: #ffffff !important;
}

.addressesList_tr {
    cursor: pointer;
}
.trailersList_tr {
    cursor: pointer;
}
.vehicleList_tr {
    cursor: pointer;
}

.underline {
}

    .underline:hover {
        text-decoration: underline;
    }




    /*.addressesList_VisibleButton {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNCNUI0QjQ7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMiwyYzUuNSwwLDEwLDQuNSwxMCwxMHMtNC41LDEwLTEwLDEwUzIsMTcuNSwyLDEyUzYuNSwyLDEyLDIgTTEyLDRjLTQuNCwwLTgsMy42LTgsOHMzLjYsOCw4LDhzOC0zLjYsOC04DQoJUzE2LjQsNCwxMiw0IE0xMiwxMC41YzAuOCwwLDEuNSwwLjcsMS41LDEuNXMtMC43LDEuNS0xLjUsMS41cy0xLjUtMC43LTEuNS0xLjVTMTEuMiwxMC41LDEyLDEwLjUgTTcuNSwxMC41QzguMywxMC41LDksMTEuMiw5LDEyDQoJcy0wLjcsMS41LTEuNSwxLjVTNiwxMi44LDYsMTJTNi43LDEwLjUsNy41LDEwLjUgTTE2LjUsMTAuNWMwLjgsMCwxLjUsMC43LDEuNSwxLjVzLTAuNywxLjUtMS41LDEuNWMtMC44LDAtMS41LTAuNy0xLjUtMS41DQoJUzE1LjcsMTAuNSwxNi41LDEwLjV6Ii8+DQo8L3N2Zz4NCg==');
    background-repeat: no-repeat;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0px !important;
    margin-top: 7px;
}*/
    .addressesList_VisibleButton {
        content: "";
        display: inline-block;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM2NjY2NjY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMS44LDlsMy4yLDMuMmMwLTAuMSwwLTAuMSwwLTAuMmMwLTEuNy0xLjMtMy0zLTNDMTEuOSw5LDExLjksOSwxMS44LDkgTTcuNSw5LjhsMS41LDEuNkM5LDExLjYsOSwxMS44LDksMTINCgljMCwxLjcsMS4zLDMsMywzYzAuMiwwLDAuNCwwLDAuNi0wLjFsMS42LDEuNUMxMy41LDE2LjgsMTIuOCwxNywxMiwxN2MtMi44LDAtNS0yLjItNS01QzcsMTEuMiw3LjIsMTAuNSw3LjUsOS44IE0yLDQuM2wyLjMsMi4zDQoJTDQuNyw3Yy0xLjcsMS4zLTMsMy0zLjcsNWMxLjcsNC40LDYsNy41LDExLDcuNWMxLjYsMCwzLTAuMyw0LjQtMC44bDAuNCwwLjRsMi45LDIuOWwxLjMtMS4zTDMuMywzIE0xMiw3YzIuOCwwLDUsMi4yLDUsNQ0KCWMwLDAuNi0wLjEsMS4zLTAuNCwxLjhsMi45LDIuOWMxLjUtMS4yLDIuNy0yLjksMy40LTQuOGMtMS43LTQuNC02LTcuNS0xMS03LjVjLTEuNCwwLTIuNywwLjItNCwwLjdsMi4yLDIuMkMxMC43LDcuMSwxMS40LDcsMTIsN3oNCgkiLz4NCjwvc3ZnPg0K');
        background-repeat: no-repeat;
        width: 1.0rem;
        height: 1.0rem;
        padding: 0px !important;
        margin-top: 7px;
    }

.addressesList_PolygonGeofenceButton {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGOTkxMUU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03LjEsMTkuOWgxMC4xbDMuNC0xMC4ybC04LjUtNS45TDMuNyw5LjdMNy4xLDE5Ljl6IE01LjUsMjIuMUwxLDguOGwxMS4xLTcuOGwxMS4xLDcuOGwtNC40LDEzLjNINS41eiIvPg0KPC9zdmc+DQo=');
    background-repeat: no-repeat;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0px !important;
    margin-top: 7px;
}
.addressesList_CircleGeofenceButton {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM0NzY4RjQ7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMiwyYzMuMywwLDYsMi43LDYsNS45YzAsNC41LTYsMTEuMS02LDExLjFTNiwxMi40LDYsNy45QzYsNC43LDguNywyLDEyLDIgTTEyLDZjLTEuMSwwLTIsMC45LTIsMnMwLjksMiwyLDINCglzMi0wLjksMi0yUzEzLjEsNiwxMiw2IE0yMCwxOWMwLDIuMi0zLjYsNC04LDRzLTgtMS44LTgtNGMwLTEuMywxLjItMi40LDMuMS0zLjJsMC42LDAuOUM2LjcsMTcuMiw2LDE3LjgsNiwxOC41DQoJYzAsMS40LDIuNywyLjUsNiwyLjVzNi0xLjEsNi0yLjVjMC0wLjctMC43LTEuMy0xLjgtMS44bDAuNi0wLjlDMTguOCwxNi42LDIwLDE3LjcsMjAsMTl6Ii8+DQo8L3N2Zz4NCg==');
    background-repeat: no-repeat;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0px !important;
    margin-top: 7px;
}

.vehiclesList_PolygonGeofence {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGOTkxMUU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03LjEsMTkuOWgxMC4xbDMuNC0xMC4ybC04LjUtNS45TDMuNyw5LjdMNy4xLDE5Ljl6IE01LjUsMjIuMUwxLDguOGwxMS4xLTcuOGwxMS4xLDcuOGwtNC40LDEzLjNINS41eiIvPg0KPC9zdmc+DQo=');
    background-repeat: no-repeat;
    width: 0.8rem;
    height: 0.8rem;
 /*   padding: 0px !important;
    margin-top: 7px;*/
}




.vehicleList_MoreInfoButton {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNCNUI0QjQ7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMiwyYzUuNSwwLDEwLDQuNSwxMCwxMHMtNC41LDEwLTEwLDEwUzIsMTcuNSwyLDEyUzYuNSwyLDEyLDIgTTEyLDRjLTQuNCwwLTgsMy42LTgsOHMzLjYsOCw4LDhzOC0zLjYsOC04DQoJUzE2LjQsNCwxMiw0IE0xMiwxMC41YzAuOCwwLDEuNSwwLjcsMS41LDEuNXMtMC43LDEuNS0xLjUsMS41cy0xLjUtMC43LTEuNS0xLjVTMTEuMiwxMC41LDEyLDEwLjUgTTcuNSwxMC41QzguMywxMC41LDksMTEuMiw5LDEyDQoJcy0wLjcsMS41LTEuNSwxLjVTNiwxMi44LDYsMTJTNi43LDEwLjUsNy41LDEwLjUgTTE2LjUsMTAuNWMwLjgsMCwxLjUsMC43LDEuNSwxLjVzLTAuNywxLjUtMS41LDEuNWMtMC44LDAtMS41LTAuNy0xLjUtMS41DQoJUzE1LjcsMTAuNSwxNi41LDEwLjV6Ii8+DQo8L3N2Zz4NCg==');
    background-repeat: no-repeat;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0px !important;
    margin-top: 7px;
}

    .vehicleList_MoreInfoButton:hover {
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM3RjdBN0E7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMiwyYzUuNSwwLDEwLDQuNSwxMCwxMHMtNC41LDEwLTEwLDEwUzIsMTcuNSwyLDEyUzYuNSwyLDEyLDIgTTEyLDRjLTQuNCwwLTgsMy42LTgsOHMzLjYsOCw4LDhzOC0zLjYsOC04DQoJUzE2LjQsNCwxMiw0IE0xMiwxMC41YzAuOCwwLDEuNSwwLjcsMS41LDEuNXMtMC43LDEuNS0xLjUsMS41cy0xLjUtMC43LTEuNS0xLjVTMTEuMiwxMC41LDEyLDEwLjUgTTcuNSwxMC41QzguMywxMC41LDksMTEuMiw5LDEyDQoJcy0wLjcsMS41LTEuNSwxLjVTNiwxMi44LDYsMTJTNi43LDEwLjUsNy41LDEwLjUgTTE2LjUsMTAuNWMwLjgsMCwxLjUsMC43LDEuNSwxLjVzLTAuNywxLjUtMS41LDEuNWMtMC44LDAtMS41LTAuNy0xLjUtMS41DQoJUzE1LjcsMTAuNSwxNi41LDEwLjV6Ii8+DQo8L3N2Zz4NCg==');
    }



.buttonRefresh::before {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M17.65%2C6.35C16.2%2C4.9%2014.21%2C4%2012%2C4A8%2C8%200%200%2C0%204%2C12A8%2C8%200%200%2C0%2012%2C20C15.73%2C20%2018.84%2C17.45%2019.73%2C14H17.65C16.83%2C16.33%2014.61%2C18%2012%2C18A6%2C6%200%200%2C1%206%2C12A6%2C6%200%200%2C1%2012%2C6C13.66%2C6%2015.14%2C6.69%2016.22%2C7.78L13%2C11H20V4L17.65%2C6.35Z%22%20%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
}

.buttonRefresh:hover {
    background-color: #a0a0a0;
}




.calloutHeader {
    font-size: 14px;
    font-weight: bold; 
    font-family: "Poppins", sans-serif;
    color: black;
    margin: 1px;
}
.calloutBody {
    font-size: 12px;
    font-weight: normal;
    font-family: "Poppins", sans-serif;
    color: #313131;
    margin: 1px;
}

#divMousePositionBox {
    position: absolute;
    right: 10px;
    bottom: 80px;
    width: 172px;
    height: 24px;
    z-index: 1998;
    background-color: white;
    opacity: 0.5;
}




#divStatusBar {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    height: 24px;
    z-index: 1999;
    background-color: #2e2a27;
    opacity: 1.0;
}

.statusBarItem {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    white-space: pre;
}



.link {
    color: #ffffff;
    text-decoration: underline;
    cursor: pointer;
}

    .link:hover {
        color: #3677D6;
    }

.link2 {
    color: #3557b5;
    text-decoration: underline;
    cursor: pointer;
}

    .link2:hover {
        color: #000000;
    }

.orangebutton {
    border: 0px solid #E39112;
    padding: 4px;
    color: #FFFFFF;
    background-color: #ED9A19;
    font-size: 8pt;
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 3px;
}

    .orangebutton:hover {
        background-color: #E39112;
    }

    .orangebutton:disabled {
        background-color: #a0a0a0;
        cursor: default;
    }



.whitebutton {
    border: 1px solid #5092BA;
    border-radius: 3px;
    padding: 4px;
    color: #5CA3D9;
    background-color: #fff;
    font-size: 8pt;
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap;
}


    .whitebutton:hover {
        background-color: #a0a0a0;
    }


#mainHeader {
    position: absolute;
    width: 100%;
    height: 60px;
    background-color: #2e2a27;
    z-index: 2000;
}


.toolbar_TooltipContainer {
    left: calc(50% - 100px);
    z-index: 99999999;
}

.toolbar_ControlsContainer {
    left: calc(50% - 273px);
    /*  background-color: red;*/
}



.toolbarGroup_Container {
    position: absolute;
    top: 0px;
    height: 60px;
    border-left: 1px solid #4d4c4c;
    border-right: 1px solid #4d4c4c;
}

.toolbarGroup {
    position: absolute;
    top: 0px;
    display: flex;
    align-items: center;
}

.toolbarGroupLabel {
    position: absolute;
    top: 44px;
    color: white;
    display: flex;
    justify-content: center;
    height: 10px;
}

.toolbarbutton_NEW {
    width: 40px;
    height: 40px;
    margin: 2px;
    border: 0px solid #3677D6;
    border-left: 1px solid #333131;
    border-radius: 0px;
    padding: 10px;
    padding-left: 6px;
    color: #ffffff;
    background-color: #2e2a27;
    line-height: normal;
    font-weight: normal;
    font-size: 12px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
}



.toolbarbutton {
    position: absolute;
    border: 0px solid #3677D6;
    border-left: 1px solid #4d4c4c;
    border-radius: 0px;
    padding: 10px;
    padding-left: 6px;
    color: #ffffff;
    background-color: #2e2a27;
    line-height: normal;
    font-weight: normal;
    font-size: 12px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    top: 5px;
    height: 40px;
    width: 40px;
    text-align: center;
}

.toolbarbutton_NEW:hover {
    background-color: #423f3c;
}





.iconPicker {
    background-color: #2e2a27;
    position: absolute;
    top: 48px;
    width: 380px;
    height: 66px;
    display: none;
    padding: 10px;
    z-index: 999999;
    border-radius: 4px;
}

.iconPickerCol {
    padding: 3px !important;
    vertical-align: middle;
    width: 40px;
    height: 40px;
}

    .iconPickerCol:hover {
        background-color: #0c0c0b;
    }

.iconPickerColSelected {
    border-bottom: 2px solid white;
}

.iconPickerImage {
    width: 34px;
    height: 34px;
    cursor: pointer;
}




.pcSettingMenu {
    background-color: #2e2a27;
}


.redbutton {
    border: 0px solid #D3381A;
    border-radius: 3px;
    padding: 4px;
    color: #FFFFFF;
    background-color: #E85234;
    font-size: 8pt;
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap;
}

    .redbutton:hover {
        background-color: #c42a0b;
    }

    .redbutton:disabled {
        background-color: #a0a0a0;
        cursor: default;
    }

    .redbutton div.dxb {
        padding: 1px 5px;
        border: 0px;
    }

    .redbutton div.dxbf {
        padding: 0px 4px;
        border: dotted 1px black;
    }

.redbuttonHovered {
    background-color: #D3381A;
}

.redbuttonPressed {
    border-color: #D3381A;
    padding: 5px 3px 3px 5px;
}

.redbuttonDisabled {
    background-color: #A8A8A8;
    border-color: #8E8E8E;
    color: #646664;
}





@font-face {
    font-family: 'Material-Design-Iconic-Font';
    src: url('../Fonts/Material-Design-Iconic-Font.eot'); /* IE9 Compat Modes */
    src: url('../Fonts/Material-Design-Iconic-Font.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../Fonts/Material-Design-Iconic-Font.woff') format('woff'), /* Modern Browsers */
    url('../Fonts/Material-Design-Iconic-Font.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../Fonts/Material-Design-Iconic-Font.svg#svgFontName') format('svg'); /* Legacy iOS */
}


@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}





.polyline_BC_511_Construction {
    stroke: green;
    fill: none;
    stroke-dasharray: 10,10;
    stroke-width: 5;
}


input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.accordion {
    background-color: #2e2a27;
    color: #fff;
    cursor: pointer;
    padding-left: 25px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    vertical-align: middle;
    border: none;
    outline: none;
    transition: 0.4s;
    border-bottom: solid 1px #000000;
}


    .active, .accordion:hover {
        background-color: #000000;
    }

.accordion_panel {
    padding-left: 18px;
    padding-bottom: 10px;
    background-color: white;
    display: none;
    overflow: hidden;
}

.divImageViewer:hover {
    cursor: pointer;
}

a:hover {
    cursor: pointer;
    color: #334fb9;
}

input {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.ButtonClose {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 24px;
    height: 24px;
    z-index: 5000;
    color: white;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    border-radius: 12px;
    border-width: 2px;
    border-color: white;
    background-color: #232323;
    border-style: solid;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
}

.labelMedium {
    position: absolute;
    font-size: 14px;
    color: black;
    font-family: "Poppins", sans-serif;
}


.ButtonBlack {
    background-color: #555555;
    color: white;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 3px;
    width: 100%;
    height: 100%;
}

    .ButtonBlack:hover {
        background-color: #404040;
    }

.ButtonGreen {
    background-color: #49B050;
    color: white;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 3px;
    width: 150px;
    height: 50px;
}

.ButtonBlue:hover {
    background-color: #5092BA;
}

.ButtonBlue {
    background-color: #5CA3D9;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 3px;
    width: 150px;
    height: 50px;
}

.ButtonGreen:hover {
    background-color: #429B43;
}



.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -100px;
}


.divWelcomeToPatchMap {
    position: absolute;
    left: 200px;
    width: 700px;
    top: 200px;
    height: 530px;
    z-index: 1000;
    background-color: #ffffff;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    top: 40%;
    left: 50%;
    margin-top: -150px;
    margin-left: -350px;
}

.iFrameWelcomeToPatchMap {
    position: absolute;
    left: 20px;
    width: 660px;
    top: 100px;
    height: 350px;
    border: 1px solid black;
}


.divBrowserWarningBox {
    position: absolute;
    left: 200px;
    right: 200px;
    top: 200px;
    bottom: 200px;
    z-index: 1000;
    background-color: #ffffff;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
}


.DialogHeaderSeparetorLine {
    position: absolute;
    left: 25px;
    width: 650px;
    top: 75px;
    height: 7px;
    background-color: #e6e6e6;
}

#divWhatNewIFrame {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 90px;
    bottom: 80px;
    overflow: hidden;
}

#divContentBox {
    position: absolute;
    left: 25px;
    right: 25px;
    top: 100px;
    bottom: 80px;
}

.iframe {
    position: absolute;
    width: 110%;
    height: 110%;
    border: none;
}

#labelContent {
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    color: #202020;
}

.labelMediumHeader {
    position: absolute;
    font-size: 18px;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    color: #6471B6;
}

.labelLargeHeader {
    position: absolute;
    font-size: 22px;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    color: #6471B6;
}



#DivMenu {
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000;
    background-color: transparent;
    opacity: 1.0;
    width: 100%;
}

#RoutePreference {
    margin: 10px;
    padding: 0px;
    position: absolute;
    right: 10px;
    top: 75px;
    z-index: 1000;
    background-color: transparent;
    opacity: 1.0;
}


#SearchControl {
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000;
    background-color: transparent;
    opacity: 1.0;
}

#divSavedLocations {
    margin: 10px;
    padding: 0px;
    position: absolute;
    left: 320px;
    top: 10px;
    z-index: 1000;
    background-color: transparent;
    opacity: 1.0;
}

#divTest {
    margin: 10px;
    padding: 0px;
    position: absolute;
    left: 400px;
    top: 400px;
    z-index: 1000;
    background-color: transparent;
    opacity: 1.0;
}

.mapLogo {
    position: absolute;
    left: 5px;
    bottom: 30px;
    width: 150px;
    z-index: 1999;
    opacity: 1.0;
}

.logoLoading {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    margin-left: -150px;
    margin-top: -37px;
}

.loadingPanel {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background-color: black;
    z-index: 2000;
    opacity: 0.8;
}


#DivLogout {
    position: absolute;
    right: 5px;
    top: 7px;
    z-index: 1000;
    opacity: 1.0;
}



#DivTools {
    position: absolute;
    left: 320px;
    top: 6px;
    z-index: 1000;
    opacity: 1.0;
    height: 36px;
}


#divViewAlternateRoutes {
    position: absolute;
    left: 245px;
    top: 5px;
    z-index: 1000;
    opacity: 1.0;
    width: 150px;
    height: 32px;
    visibility: hidden;
}







#divFacilityResultsPanel {
    position: absolute;
    left: 5px;
    top: 185px;
    width: 340px;
    height: 320px;
    z-index: 1000;
    background-color: transparent;
    visibility: hidden;
}




#divDirections {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1000;
    background-color: white;
    opacity: 1.0;
    visibility: hidden;
}



#divWhereToGoNEW {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 340px;
    height: 175px;
    z-index: 1000;
    background-color: transparent;
}



#divRouteOptionsLink {
    position: absolute;
    right: 35px;
    top: 13px;
    z-index: 1000;
    opacity: 1.0;
    background-color: transparent;
}

#divRouteOptions {
    position: fixed;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    display: none;
    left: calc(50% - 240px);       
    width: 480px;
    height: 40px;
    top: 65px;
    background-color: #ffffff;
    border: none;
}

#divRouteNameNEW {
    position: absolute;
    right: 5px;
    left: 10px;
    top: 40px;
    z-index: 1000;
    opacity: 1.0;
    background-color: white;
}


#divRouteDetails {
    position: absolute;
    right: 75px;
    left: 10px;
    top: 57px;
    z-index: 1000;
    opacity: 1.0;
    background-color: white;
}




#divDirectionsText {
    position: absolute;
    right: 5px;
    left: 5px;
    top: 87px;
    bottom: 5px;
    z-index: 1000;
    opacity: 1.0;
    background-color: white;
}




#divRouteSaved {
    position: absolute;
    width: 16px;
    height: 16px;
    top: -10px;
    left: 135px;
    background-color: transparent;
    z-index: 1500;
}



#divDirectionsListBox {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 112px;
    bottom: 25px;
    z-index: 1000;
    opacity: 1.0;
    background-color: red;
}

#divCheckboxZoomToSelectedTurn {
    position: absolute;
    right: 10px;
    left: 160px;
    bottom: 5px;
    height: 20px;
    z-index: 1000;
    opacity: 1.0;
    background-color: transparent;
}

#divCheckboxShowTurnsOnMap {
    position: absolute;
    width: 150px;
    left: 5px;
    bottom: 5px;
    height: 20px;
    z-index: 1000;
    opacity: 1.0;
    background-color: transparent;
}



#divDLSContents {
    position: relative;
    width: 335px;
    height: 105px;
    background-color: transparent;
}

#divPNGContents {
    position: relative;
    width: 335px;
    height: 105px;
    background-color: transparent;
}

#divFacilitiesContents {
    position: relative;
    width: 335px;
    height: 110px;
    background-color: transparent;
}

#divFacilitiesLabel {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}

#divFacilitiesHelpButton {
    position: absolute;
    top: 0px;
    right: 15px;
    width: 10px;
    height: 6px;
}


#divAddressHelpButton {
    position: absolute;
    top: 0px;
    right: 15px;
    width: 10px;
    height: 6px;
}


#divWellsHelpButton {
    position: absolute;
    top: 0px;
    right: 15px;
    width: 10px;
    height: 6px;
}

#divFacilitiesMoreOptionsButton {
    position: absolute;
    top: 60px;
    left: 0px;
    width: 75px;
    height: 6px;
}

#divFacilitiesMoreOptionsPanel {
    position: absolute;
    top: 80px;
    left: 0px;
    right: 0px;
    bottom: 50px;
    background-color: #FCFCFC;
}



#divCB_FacPlants {
    position: absolute;
    bottom: 25px;
    left: 0px;
    width: 150px;
    background-color: transparent;
}

#divCB_FacCompressors {
    position: absolute;
    bottom: 25px;
    left: 130px;
    width: 95px;
    background-color: transparent;
}

#divCB_FacBatteries {
    position: absolute;
    bottom: 3px;
    left: 0px;
    width: 75px;
    background-color: transparent;
}

#divCB_FacOther {
    position: absolute;
    bottom: 3px;
    left: 130px;
    width: 65px;
    background-color: transparent;
}

#divFacilities_TB {
    position: absolute;
    top: 20px;
    left: 0px;
    right: 0px;
}

#divBT_FacilitiesSearch {
    position: absolute;
    width: 80px;
    height: 36px;
    bottom: 0px;
    right: 0px;
}

#divPlacesContents {
    position: relative;
    width: 335px;
    height: 110px;
    background-color: transparent;
    z-index: 4999;
}

#divPC_Search {
    position: absolute;
    top: 45px;
    left: 10px;
    right: 10px;
    z-index: 4999;
}



#divCampsTabContents {
    position: relative;
    width: 335px;
    height: 200px;
    background-color: transparent;
}

#divCampCompanyLabel {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    z-index: 5000;
}

#divCB_CampCompany {
    position: absolute;
    top: 25px;
    left: 5px;
    right: 5px;
    z-index: 5000;
}


#divCampNameLabel {
    position: absolute;
    top: 75px;
    left: 5px;
    right: 5px;
}

#divCB_CampName {
    position: absolute;
    top: 95px;
    left: 5px;
    right: 5px;
}

#divBedsLabel {
    position: absolute;
    top: 145px;
    left: 5px;
    width: 150px;
}

#divCB_NumberOfBeds {
    position: absolute;
    top: 165px;
    left: 5px;
    width: 150px;
    z-index: 4000;
}



#divBT_CampsNearMapCenter {
    position: absolute;
    height: 36px;
    top: 165px;
    left: 5px;
}


#divBT_SearchCamps {
    position: absolute;
    width: 80px;
    height: 36px;
    top: 160px;
    right: 5px;
}




#divRigsTabContents {
    position: relative;
    width: 335px;
    height: 200px;
    background-color: transparent;
}

#divRigContractorLabel {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 200px;
    z-index: 5000;
}

#divCB_DrillingCompany {
    position: absolute;
    top: 25px;
    left: 5px;
    width: 200px;
    z-index: 5000;
}


#divRigNumberLabel {
    position: absolute;
    top: 5px;
    left: 220px;
    right: 10px;
}



#divCoordinatesContents {
    position: relative;
    width: 300px;
    height: 235px;
    background-color: transparent;
}

#divDDContents {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 60px;
    top: 120px;
    background-color: transparent;
}

#divDDMContents {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 60px;
    top: 120px;
    background-color: transparent;
    visibility: hidden;
}

#divDMSContents {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 60px;
    top: 120px;
    background-color: transparent;
    visibility: hidden;
}

#divUTMContents {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 60px;
    top: 120px;
    background-color: transparent;
    visibility: hidden;
}

#divDMSLatDegreesLabel {
    position: absolute;
    left: 0px;
    width: 140px;
    top: 0px;
    background-color: transparent;
}

#divDMSLonDegreesLabel {
    position: absolute;
    left: 155px;
    width: 145px;
    top: 0px;
    background-color: transparent;
}

#divDMSTBLatDegrees {
    position: absolute;
    left: 0px;
    width: 40px;
    top: 17px;
    background-color: transparent;
}

#divDMSBLatMinutes {
    position: absolute;
    left: 45px;
    width: 40px;
    top: 17px;
    background-color: transparent;
}

#divDMSBLatSeconds {
    position: absolute;
    left: 90px;
    width: 50px;
    top: 17px;
    background-color: transparent;
}

#divDMSTBLonDegrees {
    position: absolute;
    left: 155px;
    width: 40px;
    top: 17px;
    background-color: transparent;
}

#divDMSBLonMinutes {
    position: absolute;
    left: 200px;
    width: 40px;
    top: 17px;
    background-color: transparent;
}

#divDMSBLonSeconds {
    position: absolute;
    left: 245px;
    width: 50px;
    top: 17px;
    background-color: transparent;
}

#divDDMLatDegreesLabel {
    position: absolute;
    left: 0px;
    width: 140px;
    top: 0px;
    background-color: transparent;
}

#divDDMLonDegreesLabel {
    position: absolute;
    left: 155px;
    width: 145px;
    top: 0px;
    background-color: transparent;
}

#divDDMTBLatDegrees {
    position: absolute;
    left: 0px;
    width: 40px;
    top: 17px;
    background-color: transparent;
}

#divDDMBLatMinutes {
    position: absolute;
    left: 45px;
    width: 95px;
    top: 17px;
    background-color: transparent;
}

#divDDMTBLonDegrees {
    position: absolute;
    left: 155px;
    width: 40px;
    top: 17px;
    background-color: transparent;
}

#divDDMBLonMinutes {
    position: absolute;
    left: 200px;
    width: 95px;
    top: 17px;
    background-color: transparent;
}

#divUTMNorthingLabel {
    position: absolute;
    left: 0px;
    width: 110px;
    top: 0px;
    background-color: transparent;
}

#divUTMEastingLabel {
    position: absolute;
    left: 115px;
    width: 110px;
    top: 0px;
    background-color: transparent;
}

#divUTMZoneLabel {
    position: absolute;
    left: 230px;
    width: 65px;
    top: 0px;
    background-color: transparent;
}

#divUTMTBNorthing {
    position: absolute;
    left: 0px;
    width: 110px;
    top: 17px;
    background-color: transparent;
}

#divUTMTBEasting {
    position: absolute;
    left: 115px;
    width: 110px;
    top: 17px;
    background-color: transparent;
}

#divUTMTBZone {
    position: absolute;
    left: 230px;
    width: 65px;
    top: 17px;
    background-color: transparent;
}

#divDDLatLabel {
    position: absolute;
    left: 0px;
    width: 140px;
    top: 0px;
    background-color: transparent;
}

#divDDLonLabel {
    position: absolute;
    left: 150px;
    width: 140px;
    top: 0px;
    background-color: transparent;
}

#divDDTBLat {
    position: absolute;
    left: 0px;
    width: 145px;
    top: 17px;
    background-color: transparent;
}

#divDDTBLon {
    position: absolute;
    left: 150px;
    width: 145px;
    top: 17px;
    background-color: transparent;
}

#divCoordinateFormat {
    position: absolute;
    left: 0px;
    top: 10px;
    right: 0px;
}

#RBL_CoordFormats {
    position: absolute;
    left: 0px;
    top: 30px;
    right: 0px;
}



#divDLSExampleLabel {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
}

#divDLS_TB {
    position: absolute;
    left: 0px;
    top: 20px;
    right: 0px;
}

#divSearchMethodRadioList {
    position: absolute;
    left: 0px;
    top: 60px;
    width: 100px;
    background-color: transparent;
}


#divPNGExampleLabel {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
}

#divPNG_TB {
    position: absolute;
    left: 0px;
    top: 20px;
    right: 0px;
}

#divBT_PNGSearch {
    position: absolute;
    top: 70px;
    right: 0px;
    height: 36px;
    width: 80px;
    background-color: transparent;
}






#divRenewLabel {
    position: absolute;
    top: 50px;
    right: 10px;
    left: 10px;
}


#divAreYouSureLabel {
    position: absolute;
    right: 10px;
    left: 10px;
    top: 48px;
    opacity: 1.0;
}



#divMeasurePanel {
    position: relative;
    width: 190px;
    left: 329px;
    top: 5px;
    height: 35px;
    z-index: 100000;
    opacity: 1.0;
    background-color: #2e2a27;
    display: none;
}


#divSpeed30LBL {
    position: absolute;
    width: 200px;
    left: 15px;
    top: 55px;
    background-color: transparent;
}

#divSpeed40LBL {
    position: absolute;
    width: 200px;
    left: 15px;
    top: 92px;
    background-color: transparent;
}

#divSpeed50LBL {
    position: absolute;
    width: 200px;
    left: 15px;
    top: 129px;
    background-color: transparent;
}

#divSpeed60LBL {
    position: absolute;
    width: 200px;
    left: 15px;
    top: 166px;
    background-color: transparent;
}

#divSpeed70LBL {
    position: absolute;
    width: 200px;
    left: 15px;
    top: 203px;
    background-color: transparent;
}

#divSpeed80LBL {
    position: absolute;
    width: 200px;
    left: 15px;
    top: 240px;
    background-color: transparent;
}

#divSpeed90LBL {
    position: absolute;
    width: 200px;
    left: 15px;
    top: 277px;
    background-color: transparent;
}

#divSpeed100LBL {
    position: absolute;
    width: 200px;
    left: 15px;
    top: 314px;
    background-color: transparent;
}

#divSpeed110LBL {
    position: absolute;
    width: 200px;
    left: 15px;
    top: 351px;
    background-color: transparent;
}




#divKm1 {
    position: absolute;
    width: 20px;
    left: 165px;
    top: 55px;
    background-color: transparent;
}

#divKm2 {
    position: absolute;
    width: 20px;
    left: 165px;
    top: 92px;
    background-color: transparent;
}

#divKm3 {
    position: absolute;
    width: 20px;
    left: 165px;
    top: 129px;
    background-color: transparent;
}

#divKm4 {
    position: absolute;
    width: 20px;
    left: 165px;
    top: 166px;
    background-color: transparent;
}

#divKm5 {
    position: absolute;
    width: 20px;
    left: 165px;
    top: 203px;
    background-color: transparent;
}

#divKm6 {
    position: absolute;
    width: 20px;
    left: 165px;
    top: 240px;
    background-color: transparent;
}

#divKm7 {
    position: absolute;
    width: 20px;
    left: 165px;
    top: 277px;
    background-color: transparent;
}

#divKm8 {
    position: absolute;
    width: 20px;
    left: 165px;
    top: 314px;
    background-color: transparent;
}

#divKm9 {
    position: absolute;
    width: 20px;
    left: 165px;
    top: 351px;
    background-color: transparent;
}





#divSpeed30 {
    position: absolute;
    width: 60px;
    left: 100px;
    top: 45px;
    background-color: transparent;
}


#divSpeed40 {
    position: absolute;
    width: 60px;
    left: 100px;
    top: 82px;
    background-color: transparent;
}

#divSpeed50 {
    position: absolute;
    width: 60px;
    left: 100px;
    top: 119px;
    background-color: transparent;
}

#divSpeed60 {
    position: absolute;
    width: 60px;
    left: 100px;
    top: 156px;
    background-color: transparent;
}

#divSpeed70 {
    position: absolute;
    width: 60px;
    left: 100px;
    top: 193px;
    background-color: transparent;
}

#divSpeed80 {
    position: absolute;
    width: 60px;
    left: 100px;
    top: 230px;
    background-color: transparent;
}

#divSpeed90 {
    position: absolute;
    width: 60px;
    left: 100px;
    top: 267px;
    background-color: transparent;
}

#divSpeed100 {
    position: absolute;
    width: 60px;
    left: 100px;
    top: 304px;
    background-color: transparent;
}

#divSpeed110 {
    position: absolute;
    width: 60px;
    left: 100px;
    top: 341px;
    background-color: transparent;
}


#divLegendAnchor {
    position: absolute;
    left: 5px;
    bottom: 5px;
    width: 1px;
    height: 1px;
    z-index: 1000;
    background-color: transparent;
}



#divWhatToPrint {
    position: absolute;
    left: 10px;
    top: 40px;
    height: 90px;
    right: 10px;
    background-color: transparent;
}



#divRB_PrintMapOnly {
    position: absolute;
    left: 0px;
    top: 10px;
    right: 10px;
    z-index: 1000;
    background-color: transparent;
}

#divRB_PrintDirectionsOnly {
    position: absolute;
    left: 0px;
    top: 35px;
    right: 10px;
    z-index: 1000;
    background-color: transparent;
}


#divRB_PrintDirectionsAndMap {
    position: absolute;
    left: 0px;
    top: 60px;
    right: 10px;
    z-index: 1000;
    background-color: transparent;
}




#divPaperSize {
    position: absolute;
    left: 0px;
    top: 140px;
    height: 45px;
    right: 10px;
    background-color: transparent;
}

#divRB_Letter {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1000;
    background-color: transparent;
}

#divRB_Legal {
    position: absolute;
    left: 75px;
    top: 10px;
    z-index: 1000;
    background-color: transparent;
}

#divRB_Tabloid {
    position: absolute;
    left: 140px;
    top: 10px;
    z-index: 1000;
    background-color: transparent;
}


#divLBL_MapTitle {
    position: absolute;
    left: 10px;
    top: 190px;
    height: 30px;
    right: 10px;
    z-index: 1000;
    background-color: transparent;
}

#divTB_MapTitle {
    position: absolute;
    left: 10px;
    top: 210px;
    height: 30px;
    right: 10px;
    z-index: 1000;
    background-color: transparent;
}


#divDirectOptionsPanel {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    opacity: 1.0;
    background-color: green;
    visibility: visible;
}

#divCB_ShowFavoritesOnMap {
    position: absolute;
    width: 200px;
    top: 5px;
    left: 215px;
    right: 5px;
    height: 20px;
    z-index: 1002;
    opacity: 1.0;
    background-color: transparent;
}

#divEditRoadSpeeds {
    position: absolute;
    top: 8px;
    left: 380px;
    z-index: 1003;
    opacity: 1.0;
    background-color: transparent;
}



#divRouteCalcMethodFaster {
    position: absolute;
    width: 100%;
    top: 5px;
    left: 5px;
    right: 5px;
    height: 20px;
    z-index: 1001;
    opacity: 1.0;
    background-color: transparent;
}

#divRouteCalcMethodShorter {
    position: absolute;
    width: 100%;
    top: 5px;
    left: 80px;
    right: 5px;
    height: 20px;
    z-index: 1001;
    opacity: 1.0;
    background-color: transparent;
}


#divRouteColor {
    position: absolute;
    width: 50px;
    top: 7px;
    left: 150px;
    right: 5px;
    height: 20px;
    z-index: 1001;
    opacity: 1.0;
    background-color: transparent;
}

#divDirectOptionsPanel {
    position: relative;
    top: 70px;
    left: 5px;
    right: 5px;
    height: 30px;
    z-index: 1002;
    opacity: 1.0;
    background-color: red;
    visibility: visible;
}







#divQuickSearchUseFavoriteLabel {
    position: absolute;
    left: 50px;
    top: 7px;
    right: 5px;
    height: 20px;
    z-index: 1000;
    background-color: transparent;
}



#divQuickSearchUseHospitalLabel {
    position: absolute;
    left: 50px;
    top: 42px;
    right: 5px;
    height: 20px;
    z-index: 1000;
    background-color: transparent;
}



#divQuickSearchUseTownLabel {
    position: absolute;
    left: 50px;
    top: 77px;
    right: 5px;
    height: 20px;
    z-index: 1000;
    background-color: transparent;
}


#divQuickSearchUseWasteFacilityLabel {
    position: absolute;
    left: 50px;
    top: 107px;
    right: 5px;
    height: 20px;
    z-index: 1000;
    background-color: transparent;
}


#divQuickSearchUseSTARSLabel {
    position: absolute;
    left: 50px;
    top: 145px;
    right: 5px;
    height: 20px;
    z-index: 1000;
    background-color: transparent;
}



.viaPointsList {
    position: absolute;
    top: 60px;
    bottom: 105px;
    left: 0px;
    right: 0px;
    overflow-y: scroll;
    overflow: auto;
    background-color: lightgray;
}

.ViaPointRow {
    position: relative;
    height: 50px;
    right: 0px;
    background-color: #F2F2F2;
    border-width: 1px;
    border-color: #EAEAEA;
    border-style: solid;
}

#divViaPointName {
    vertical-align: middle;
}

.endPointText {
    position: absolute;
    text-align: left;
    color: black;
    padding-left: 50px;
    line-height: 60px;
}

    .endPointText:hover {
        color: #334fb9;
        cursor: pointer;
    }


.viaPointText {
    text-align: left;
    color: black;
    padding-left: 50px;
    line-height: 50px;
}

.viaPointStopTime {
    text-align: left;
    color: #3677D6;
    padding-left: 10px;
    line-height: 50px;
    text-decoration: underline;
}

    .viaPointStopTime:hover {
        color: #334fb9;
        cursor: pointer;
    }



.buttonFont {
    padding: 0px;
    font-size: 14px;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
}


.viaPointText:hover {
    color: #334fb9;
    cursor: pointer;
}

.divViaPointSymbol {
    position: absolute;
    height: 24px;
    width: 24px;
    left: 10px;
    top: 13px;
    border-radius: 3px;
    background-image: url('../images/Flag_Yellow.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.divViaPointSymbol_1 {
    position: absolute;
    height: 24px;
    width: 24px;
    left: 10px;
    top: 13px;
    border-radius: 3px;
    background-image: url('../images/Flag_Yellow_1.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.divViaPointSymbol_2 {
    position: absolute;
    height: 24px;
    width: 24px;
    left: 10px;
    top: 13px;
    border-radius: 3px;
    background-image: url('../images/Flag_Yellow_2.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.divViaPointSymbol_3 {
    position: absolute;
    height: 24px;
    width: 24px;
    left: 10px;
    top: 13px;
    border-radius: 3px;
    background-image: url('../images/Flag_Yellow_3.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.divViaPointSymbol_4 {
    position: absolute;
    height: 24px;
    width: 24px;
    left: 10px;
    top: 13px;
    border-radius: 3px;
    background-image: url('../images/Flag_Yellow_4.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.divViaPointSymbol_5 {
    position: absolute;
    height: 24px;
    width: 24px;
    left: 10px;
    top: 13px;
    border-radius: 3px;
    background-image: url('../images/Flag_Yellow_5.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.divViaPointSymbol_6 {
    position: absolute;
    height: 24px;
    width: 24px;
    left: 10px;
    top: 13px;
    border-radius: 3px;
    background-image: url('../images/Flag_Yellow_6.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.divViaPointSymbol_7 {
    position: absolute;
    height: 24px;
    width: 24px;
    left: 10px;
    top: 13px;
    border-radius: 3px;
    background-image: url('../images/Flag_Yellow_7.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.divViaPointSymbol_8 {
    position: absolute;
    height: 24px;
    width: 24px;
    left: 10px;
    top: 13px;
    border-radius: 3px;
    background-image: url('../images/Flag_Yellow_8.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.divViaPointSymbol_9 {
    position: absolute;
    height: 24px;
    width: 24px;
    left: 10px;
    top: 13px;
    border-radius: 3px;
    background-image: url('../images/Flag_Yellow_9.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.divViaPointDelete {
    position: absolute;
    height: 24px;
    width: 24px;
    right: 10px;
    top: 11px;
    border-radius: 3px;
    background-image: url('../images/viapointdelete.png');
    background-repeat: no-repeat;
    background-position: center;
}

    .divViaPointDelete:hover {
        cursor: pointer;
        background-color: white;
    }

.divViaPointUpArrow {
    position: absolute;
    height: 24px;
    width: 24px;
    right: 60px;
    top: 13px;
    border-radius: 3px;
    background-image: url('../images/arrow-up.png');
    background-repeat: no-repeat;
    background-position: center;
}

    .divViaPointUpArrow:hover {
        cursor: pointer;
        background-color: white;
    }


.divViaPointDownArrow {
    position: absolute;
    height: 24px;
    width: 24px;
    right: 40px;
    top: 13px;
    border-radius: 3px;
    background-image: url('../images/arrow-down.png');
    background-repeat: no-repeat;
    background-position: center;
}

    .divViaPointDownArrow:hover {
        cursor: pointer;
        background-color: white;
    }

#divSearchPanelContents {
    position: relative;
    width: 390px;
    height: 140px;
    padding: 0px;
    z-index: 1000;
    background-color: white;
}


#divWhereToGoPanelContents {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0px;
    z-index: 1000;
    background-color: transparent;
}

#divStartImage {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 24px;
    height: 24px;
    z-index: 1000;
}

#divEndImage {
    position: absolute;
    left: 0px;
    top: 36px;
    width: 24px;
    height: 24px;
    z-index: 1000;
}

.startLabel {
    position: absolute;
    left: 27px;
    top: 2px;
    width: 310px;
    height: 24px;
    z-index: 1000;
}

.endLabel {
    position: absolute;
    left: 27px;
    top: 38px;
    width: 310px;
    height: 24px;
    z-index: 1000;
}


#divCloseRoutePanel {
    position: absolute;
    right: 4px;
    top: 4px;
    width: 50px;
    z-index: 1000;
    opacity: 1.0;
    background-color: white;
}


#divOldPasswordLabel {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 45px;
    background-color: transparent;
}

#divTB_OldPassword {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 65px;
    background-color: transparent;
}


#divNewPasswordLabel {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 110px;
    background-color: transparent;
}

#divTB_NewPassword {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 130px;
    background-color: transparent;
}

#divNewPasswordLabelConfirm {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 175px;
    background-color: transparent;
}

#divTB_NewPassword2 {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 195px;
    background-color: transparent;
}




#divLBL_MainLabel {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 45px;
    background-color: transparent;
}

#divBT_GoToVideoPage {
    position: absolute;
    right: 10px;
    width: 100px;
    height: 40px;
    bottom: 10px;
    background-color: transparent;
}

#divWelcomePatchMapVideo {
    position: absolute;
    right: 10px;
    left: 10px;
    width: 700px;
    height: 420px;
    top: 70px;
    background-color: green;
}

#divCB_DontShowThisAgain {
    position: absolute;
    right: 10px;
    left: 10px;
    bottom: 5px;
    background-color: transparent;
}


.auto-style1 {
    width: 167px;
}


#divLBL_FirstName {
    position: absolute;
    left: 10px;
    width: 120px;
    top: 75px;
    background-color: transparent;
}

#divLBL_LastName {
    position: absolute;
    left: 135px;
    right: 10px;
    top: 75px;
    background-color: transparent;
}


#divTB_FirstName {
    position: absolute;
    left: 10px;
    width: 120px;
    top: 95px;
    background-color: transparent;
}

#divTB_LastName {
    position: absolute;
    left: 135px;
    right: 10px;
    top: 95px;
    background-color: transparent;
}




#divLBL_Company {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 135px;
    background-color: transparent;
}


#divTB_Company {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 155px;
    background-color: transparent;
}




#divLBL_Phone {
    position: absolute;
    left: 10px;
    width: 120px;
    top: 195px;
    background-color: transparent;
}

#divLBL_Emal {
    position: absolute;
    left: 135px;
    right: 10px;
    top: 195px;
    background-color: transparent;
}


#divTB_Phone {
    position: absolute;
    left: 10px;
    width: 120px;
    top: 215px;
    background-color: transparent;
}

#divTB_Email {
    position: absolute;
    left: 135px;
    right: 10px;
    top: 215px;
    background-color: transparent;
}

#divLL_ChangePassword {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 270px;
    background-color: transparent;
    text-align: center;
}


#divCB_ReceiveEmails {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 310px;
    background-color: transparent;
}

#divCB_VisibleInUserSearch {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 330px;
    background-color: transparent;
}




#divBT_MoreInfo {
    position: absolute;
    left: 30px;
    top: 380px;
    background-color: transparent;
}




#divSubscription {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 425px;
    bottom: 10px;
}


#divLBL_Subscription {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 45px;
}

#divBT_Renew {
    position: absolute;
    left: 10px;
    width: 100px;
    height: 40px;
    top: 70px;
}



#divReceiveEmails {
    width: 100%;
    height: 40px;
    margin-top: 20px;
}

#divLayersPopup {
    position: relative;
    width: 150px;
    height: 90px;
    background-color: transparent;
}



#divFavoritesContent {
    position: relative;
    width: 200px;
    height: 280px;
    background-color: transparent;
}

#divRouteNameContent {
    position: relative;
    width: 300px;
    height: 100px;
    background-color: transparent;
}

#divRouteNameLabel {
    position: absolute;
    width: 100%;
    top: 0px;
    background-color: transparent;
}

#divRouteNameTextbox {
    position: absolute;
    width: 100%;
    top: 20px;
    background-color: transparent;
}


#divUserSearchContent {
    position: relative;
    width: 300px;
    height: 100px;
    background-color: transparent;
}

#divUserSearchNameLabel {
    position: absolute;
    width: 100%;
    top: 0px;
    background-color: transparent;
}

#divTB_SearchUser {
    position: absolute;
    width: 100%;
    top: 20px;
    background-color: transparent;
}


#divRoutePointNameContent {
    position: relative;
    width: 300px;
    height: 100px;
    background-color: transparent;
}

#divRouteNameContent2 {
    position: relative;
    width: 300px;
    height: 100px;
    background-color: transparent;
}

#divRoutePointNameLabel {
    position: absolute;
    width: 100%;
    top: 0px;
    background-color: transparent;
}

#divRouteNameLabel2 {
    position: absolute;
    width: 100%;
    top: 0px;
    background-color: transparent;
}

#divRoutePointNameTextbox {
    position: absolute;
    width: 100%;
    top: 20px;
    background-color: transparent;
}

#divRouteNameTextbox2 {
    position: absolute;
    width: 100%;
    top: 20px;
    background-color: transparent;
}

#divContactsListbox {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 80px;
    bottom: 50px;
    background-color: transparent;
}


#divBT_ShareWithSkyBase {
    position: absolute;
    right: 60px;
    width: 100px;
    top: 10px;
    background-color: transparent;
}


#divBT_AddAllSavedShareContacts {
    position: absolute;
    left: 5px;
    width: 100px;
    top: 45px;
    background-color: transparent;
}

#divShareContactsLabel {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 65px;
    background-color: transparent;
}

#divLB_ShareContacts {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 85px;
    bottom: 60px;
    background-color: transparent;
}




#divBT_AddManageShareContact {
    position: absolute;
    right: 90px;
    width: 75px;
    top: 45px;
    height: 30px;
    background-color: transparent;
}





#divLB_UserSearchResults {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 45px;
    bottom: 60px;
    background-color: transparent;
}


#divLB_STARS {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 45px;
    bottom: 50px;
    background-color: transparent;
}




#divWastePlantsListbox {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 45px;
    bottom: 50px;
    background-color: transparent;
}

#divTownsListbox {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 45px;
    bottom: 50px;
    background-color: transparent;
}

#divHospitalsListbox {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 45px;
    bottom: 50px;
    background-color: transparent;
}



#divBT_DeleteFavoriteFromEditBox {
    position: absolute;
    right: 40px;
    top: 10px;
    height: 20px;
    background-color: transparent;
}


#divLBL_FavoriteNameEdit {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 45px;
    height: 20px;
    background-color: transparent;
}

#divTB_FavoriteNameEdit {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 63px;
    height: 20px;
    background-color: transparent;
}


#divLBL_LBL_FavoriteDescEdit {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 103px;
    height: 20px;
    background-color: transparent;
}

#divTB_FavoriteDescEdit {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 121px;
    height: 20px;
    background-color: transparent;
}


#divCB_ShowOnMap {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 162px;
    height: 20px;
    background-color: transparent;
}


#divCB_UseAsStart {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 190px;
    height: 20px;
    background-color: transparent;
}

#divCB_UseAsEnd {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 208px;
    height: 20px;
    background-color: transparent;
}


#divLLCoordsLabelFav {
    position: absolute;
    left: 10px;
    width: 200px;
    top: 245px;
    background-color: transparent;
}

#divLBL_CoordsLLFav {
    position: absolute;
    left: 15px;
    width: 140px;
    top: 265px;
    background-color: transparent;
}

#divUTMCoordsLabelFav {
    position: absolute;
    left: 175px;
    width: 140px;
    top: 245px;
    background-color: transparent;
}

#divLBL_CoordsUTMFav {
    position: absolute;
    left: 180px;
    width: 140px;
    top: 265px;
    background-color: transparent;
}



#divRigsLegend {
    position: absolute;
    right: 60px;
    top: 10px;
    background-color: white;
    z-index: 1001;
}

#divRig30Image {
    position: absolute;
    left: 5px;
    top: 45px;
    background-color: white;
    height: 36px;
    width: 24px;
}

#divRig60Image {
    position: absolute;
    left: 5px;
    top: 87px;
    background-color: white;
    height: 36px;
    width: 24px;
}

#divRig30 {
    position: absolute;
    left: 35px;
    top: 50px;
    background-color: white;
}

#divRig60 {
    position: absolute;
    left: 35px;
    top: 92px;
    background-color: white;
}

#divCloseRigsLegend {
    position: absolute;
    right: 5px;
    top: 45px;
    background-color: white;
}

#divCB_ShowRigLabels {
    position: absolute;
    right: 5px;
    left: 5px;
    bottom: 5px;
    background-color: white;
}


#divLB_Routes {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 75px;
    bottom: 50px;
    background-color: transparent;
}


#divBT_SortRoutesSharedWithYou {
    position: absolute;
    width: 40px;
    left: 5px;
    top: 45px;
    height: 20px;
    background-color: transparent;
}


#divmemoTest {
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 5px;
    top: 5px;
}


#divLB_RoutesSharedWithYou {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 40px;
    bottom: 50px;
    background-color: transparent;
}


#divBT_SharedWithMeRoutes {
    position: absolute;
    width: 100px;
    right: 50px;
    top: 12px;
    height: 20px;
    background-color: transparent;
}



#divBT_SharedWithLink {
    position: absolute;
    width: 140px;
    left: 45px;
    top: 50px;
    height: 20px;
    background-color: transparent;
}






#divfavoritesListbox {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 80px;
    bottom: 60px;
    background-color: transparent;
}



#divBT_ImportFavorites {
    position: absolute;
    left: 10px;
    bottom: 20px;
    background-color: transparent;
}






#divPointInfoLabel {
    position: absolute;
    width: 100px;
    left: 20px;
    top: 50px;
    background-color: transparent;
}

#divLBL_LegalDesc {
    position: absolute;
    width: 100px;
    left: 105px;
    top: 50px;
    background-color: transparent;
}


#divLocationLabel {
    position: absolute;
    width: 100px;
    left: 20px;
    top: 70px;
    background-color: transparent;
}

#divLBL_Municipality {
    position: absolute;
    right: 10px;
    left: 90px;
    top: 70px;
    background-color: transparent;
}


#divNearestTownLabel {
    position: absolute;
    width: 100px;
    left: 20px;
    top: 90px;
    background-color: transparent;
}

#divLBL_NearestTown {
    position: absolute;
    right: 10px;
    left: 125px;
    top: 90px;
    background-color: transparent;
}


#divNearestHospitalLabel {
    position: absolute;
    width: 120px;
    left: 20px;
    top: 110px;
    background-color: transparent;
}

#divLBL_Hospital {
    position: absolute;
    right: 10px;
    left: 145px;
    top: 110px;
    background-color: transparent;
}


#divNearestRoadHeaderLabel {
    position: absolute;
    width: 120px;
    left: 20px;
    top: 130px;
    background-color: transparent;
}

#divNearestRoadNameLabel {
    position: absolute;
    width: 120px;
    left: 30px;
    top: 148px;
    background-color: transparent;
}

#divLBL_NearestRoadName {
    position: absolute;
    right: 10px;
    left: 80px;
    top: 148px;
    background-color: transparent;
}



#divNearestRoadTypeLabel {
    position: absolute;
    width: 120px;
    left: 30px;
    top: 166px;
    background-color: transparent;
}

#divLBL_NearestTypeName {
    position: absolute;
    right: 10px;
    left: 80px;
    top: 166px;
    background-color: transparent;
}

#divNearestRoadSpeedLabel {
    position: absolute;
    width: 120px;
    left: 30px;
    top: 182px;
    background-color: transparent;
}

#divLBL_NearestRoadSpeed {
    position: absolute;
    right: 10px;
    left: 80px;
    top: 182px;
    background-color: transparent;
}

#divNearestWellsLabel {
    position: absolute;
    width: 120px;
    left: 20px;
    top: 202px;
    background-color: transparent;
}

#divLBL_NearestWells {
    position: absolute;
    right: 10px;
    left: 70px;
    top: 202px;
    background-color: transparent;
}

#divNearestFacilitiesLabel {
    position: absolute;
    width: 120px;
    left: 20px;
    top: 222px;
    background-color: transparent;
}

#divLBL_NearestFacilities {
    position: absolute;
    right: 10px;
    left: 90px;
    top: 222px;
    background-color: transparent;
}


#divLLCoordsLabel {
    position: absolute;
    width: 200px;
    left: 20px;
    top: 250px;
    background-color: transparent;
}

#divUTMCoordsLabel {
    position: absolute;
    width: 120px;
    left: 220px;
    top: 250px;
    background-color: transparent;
}


#divLBL_CoordsLL {
    position: absolute;
    width: 200px;
    left: 20px;
    top: 270px;
    background-color: transparent;
}

#divLBL_CoordsUTM {
    position: absolute;
    width: 120px;
    left: 220px;
    top: 270px;
    background-color: transparent;
}




#divCB_ShowHideFavorites {
    position: absolute;
    width: 150px;
    right: 45px;
    top: 8px;
    background-color: transparent;
}


#divSortNearest {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    background-color: transparent;
}

#divSortAlpha {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 25px;
    background-color: transparent;
}


#RB_SortRoutesByDate {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    background-color: transparent;
}

#RB_SortRoutesByAlpha {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 25px;
    background-color: transparent;
}


#divMapGoogleSat {
    position: absolute;
    top: 5px;
    width: 60px;
    right: 70px;
    z-index: 1001;
}

#divMapBingSat {
    position: absolute;
    top: 5px;
    width: 60px;
    right: 5px;
    z-index: 1001;
}



#divCurrentlyShowingMapLabel {
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
    z-index: 1001;
}

.MapTypeCheckmark {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 48px;
    width: 48px;
}


.mapTypeSelectorItem {
    position: absolute;
    width: 190px;
    height: 150px;
    margin: 5px;
    cursor: pointer;
}

    .mapTypeSelectorItem:hover {
        border: 3px solid #3677D6;
    }



.mapTypeSelectorLabel {
    position: absolute;
    margin-left: 5px;
    color: white;
}


.viewLegend {
    position: absolute;
    bottom: 5px;
    right: 10px;
    color: white;
    text-decoration: underline;
}

    .viewLegend:hover {
        color: #335eea;
    }


#divLegend {
    position: absolute;
    width: 75px;
    bottom: 10px;
    right: 10px;
    background-color: transparent;
    z-index: 1001;
}





#divBT_SavedPrintsFromMenu {
    position: absolute;
    top: 95px;
    right: 5px;
    left: 5px;
    height: 40px;
    background-color: transparent;
    z-index: 1001;
}


#divLB_WellInfo {
    position: absolute;
    top: 50px;
    right: 10px;
    left: 10px;
    bottom: 10px;
}

#divLB_NearbyCamps {
    position: absolute;
    top: 50px;
    right: 10px;
    left: 10px;
    bottom: 10px;
}





#divLB_FacilityInfo {
    position: absolute;
    top: 50px;
    right: 10px;
    left: 10px;
    bottom: 10px;
}





#divWorker {
    position: absolute;
    top: 12px;
    left: 10px;
    background-color: transparent;
    z-index: 2000;
    opacity: 0.8;
}

#divWorkerText {
    position: absolute;
    top: 27px;
    left: 75px;
    background-color: transparent;
    z-index: 2000;
    opacity: 0.8;
}



#divEmailRouteContent {
    position: relative;
    width: 400px;
    height: 330px;
}





#divShareRecipientsLabel {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 40px;
}


#divTB_ShareRecipients {
    position: absolute;
    left: 5px;
    right: 90px;
    top: 60px;
}

#divBT_PeopleToShareWith {
    position: absolute;
    right: 5px;
    width: 80px;
    top: 60px;
    height: 36px;
}



#divDataViewWells {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 50px;
    bottom: 10px;
}



#divLBL_LicenseInfo {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 50px;
    bottom: 10px;
}





#divLBL_ShareName {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 105px;
}

#divTB_ShareName {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 125px;
}

#divteNotesLabel {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 170px;
}

#divTB_NotesToUser {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 190px;
    height: 60px;
}

#divBT_Share {
    position: absolute;
    right: 5px;
    height: 36px;
    width: 80px;
    bottom: 5px;
}




#divAddContactNameLabel {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 45px;
}

#divTB_AddContactName {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 65px;
}



#divAddContactEmailLabel {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 110px;
}

#divTB_AddContactEmail {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 130px;
}


#divCB_UseLastEmailAddresses {
    position: absolute;
    width: 150px;
    left: 80px;
    top: 46px;
    z-index: 3000;
}



#divEmailRecipientsLabel {
    position: absolute;
    width: 400px;
    top: 0px;
}

#divEmailRecipientsTextbox {
    position: absolute;
    width: 300px;
    top: 22px;
}




#divEmailRouteNameLabel {
    position: absolute;
    width: 400px;
    top: 72px;
}

#divEmailRouteNameTextbox {
    position: absolute;
    width: 400px;
    top: 92px;
}



#divEmailRouteNotesLabel {
    position: absolute;
    width: 400px;
    top: 135px;
}

#divEmailRouteNotesTextbox {
    position: absolute;
    width: 400px;
    height: 100px;
    top: 154px;
}

#divEmailRouteRadioButtons {
    position: absolute;
    width: 200px;
    height: 50px;
    top: 265px;
}



#divTestButton {
    position: absolute;
    top: 20px;
    left: 300px;
    width: 100px;
    z-index: 5000;
}



#divCB_DrillRigs {
    position: absolute;
    left: 20px;
    top: 45px;
    background-color: transparent;
}





#divCB_HwyCameras {
    position: absolute;
    left: 20px;
    top: 135px;
    background-color: transparent;
}




#divLayerNameLabel {
    position: absolute;
    left: 10px;
    top: 50px;
}

#divTB_LayerName {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 68px;
}

#divBT_DeleteLayer {
    position: absolute;
    right: 12px;
    top: 40px;
}


#divLayerLineColorLabel {
    position: absolute;
    left: 10px;
    top: 120px;
}

#divCE_LayerLineColor {
    position: absolute;
    left: 10px;
    top: 140px;
}



#divLayerLineWidthLabel {
    position: absolute;
    left: 100px;
    top: 120px;
}

#divCB_LayerLineWidth {
    position: absolute;
    left: 100px;
    top: 140px;
    width: 80px;
}



#divLayerLineOpacityLabel {
    position: absolute;
    left: 190px;
    top: 120px;
}

#divCB_LayerLineOpacity {
    position: absolute;
    left: 190px;
    right: 10px;
    top: 140px;
}

#divLayerPointIconLabel {
    position: absolute;
    left: 10px;
    top: 190px;
}

#divBT_ChangePointIcon {
    position: absolute;
    left: 10px;
    top: 210px;
    height: 60px;
    width: 60px;
}


#divCB_ShowLayerOnMap {
    position: absolute;
    left: 140px;
    top: 225px;
}


.LBL_RenewNotice {
    position: absolute;
    top: 18px;
    left: 20px;
    color: red;
}

.LBL_RenewNotice_Hide {
    position: absolute;
    top: 18px;
    right: 120px;
    color: black;
}



#divExpiryNoticeAnchor {
    position: absolute;
    right: 60px;
    top: 5px;
    width: 5px;
    height: 5px;
    background-color: transparent;
}


#divPrices {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    background-color: white;
    border: 3px solid lightgray;
}

#divBT_ClosePricing {
    position: absolute;
    width: 20px;
    right: 5px;
    height: 20px;
    top: 5px;
    background-color: transparent;
}


#divRenewalsHeader {
    position: absolute;
    left: 25px;
    right: 110px;
    height: 100px;
    top: 5px;
    background-color: transparent;
    line-height: 100px;
    padding-left: 80px;
    text-align: center;
}

#divPricingContact {
    position: absolute;
    left: 5px;
    right: 0px;
    height: 30px;
    bottom: 0px;
    background-color: transparent;
}

#divIMG_Phone {
    position: absolute;
    left: 240px;
    width: 16px;
    height: 16px;
    bottom: 7px;
    background-color: transparent;
}

#divLBL_Phone2 {
    position: absolute;
    left: 260px;
    width: 120px;
    height: 16px;
    bottom: 7px;
    background-color: transparent;
}


#divIMG_Email {
    position: absolute;
    left: 380px;
    width: 16px;
    height: 16px;
    bottom: 7px;
    background-color: transparent;
}

#divLBL_Email {
    position: absolute;
    left: 400px;
    width: 120px;
    height: 16px;
    bottom: 7px;
    background-color: transparent;
}



#divPeriod3Months {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 40px;
    top: 20px;
    background-color: transparent;
    line-height: 40px;
    text-align: Center;
}

#div3MonthsPrice {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 40px;
    top: 60px;
    background-color: transparent;
    line-height: 40px;
    text-align: Center;
}

#divBT_3MonthsPriceContainer {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 40px;
    top: 100px;
    background-color: transparent;
    text-align: Center;
}

#divPeriod6Months {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 40px;
    top: 20px;
    background-color: transparent;
    line-height: 40px;
    text-align: Center;
}

#div6MonthsPrice {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 40px;
    top: 60px;
    background-color: transparent;
    line-height: 40px;
    text-align: Center;
}

#divBT_6MonthsPriceContainer {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 40px;
    top: 100px;
    background-color: transparent;
    text-align: Center;
}


#divPeriod12Months {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 40px;
    top: 20px;
    background-color: transparent;
    line-height: 40px;
    text-align: Center;
}

#div12MonthsPrice {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 40px;
    top: 60px;
    background-color: transparent;
    line-height: 40px;
    text-align: Center;
}

#divBT_12MonthsPriceContainer {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 40px;
    top: 100px;
    background-color: transparent;
    text-align: Center;
}



#div3Months {
    position: absolute;
    left: 0px;
    width: 250px;
    bottom: 30px;
    top: 100px;
    background-color: white;
    border: 1px solid lightgray;
}

#div6Months {
    position: absolute;
    left: 250px;
    width: 250px;
    bottom: 30px;
    top: 100px;
    background-color: white;
    border: 1px solid lightgray;
}

#div12Months {
    position: absolute;
    left: 500px;
    right: 0px;
    bottom: 30px;
    top: 100px;
    background-color: white;
    border: 1px solid lightgray;
}