#otpCodeDiv,.displayNone,.hidden {
    display: none
}

#otpCodeDiv {
    background-color: red;
    width: 197px;
    margin-left: 1px;
    margin-top: 5px;
    padding: 5px
}

.other-list {
    font-size: 14px;
    padding-left: 10px;
    cursor: pointer
}

.other-list-el {
/*    margin-bottom: 9px*/
}

.other-title {
    font-weight: 700;
    cursor: pointer
}

#sidebar-box {
    margin-top: 75px
}

#button-bar {
    width: 92%;
    margin: auto
}

#FileToolsTab {
    float: left;
    margin-right: 5px;
    border-radius: 5px;
    width: 202px;
    margin-bottom: 0;
    padding: 12px 6.5px 6.5px
}

#mainTable {
    width: 100%;
    vertical-align: top;
    padding-top: 10px
}

#mapForeground {
    pointer-events: none;
    opacity: 1
}

#logo-bar {
    float: left;
    margin-right: 5px;
    border-radius: 5px;
    width: 228px;
    margin-bottom: 5px;
    padding: 12px 6.5px 6.5px;
    height: 70px
}

#MapToolsTab {
    margin-bottom: 11px
}

#dupe,#saveCopyMap {
    float: left;
    margin-left: 4px
}

#saveCopyMap {
    font-size: 14px;
    padding-top: 11px;
    margin-top: 7px
}

#dupe {
    font-size: 13px;
    width: 82px;
    display: inline-block;
    padding-top: 5px
}

#submitLogout {
    font-size: 16px;
    color: #373737;
    display: inline-block;
    text-align: left;
    padding: 7px 6px 6px 30px;
    background-image: url(../new-flat-icons/logout-flat.svg);
    background-position-x: 6px;
    background-position-y: 6px;
    background-size: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #0d0d0d;
    background-color: #fff
}

#cancelSave,#save_map,#save_map2,#save_pdf {
    width: auto;
    float: left;
    margin-right: 2px
}

#cancelSave {
    margin-right: 0
}

#save_map2 img {
    height: 55px
}

#save_map2Active a:hover {
    color: #000
}

#fileManagerLinkActive:hover,#fileManagerLinkDisabled:hover,#save_map2Active:hover,#save_map2Disabled:hover,#start_new_map:hover {
    background-color: #fbf9c9;
    color: #000
}

#file_manager img,#import_csv img {
    height: 55px;
    margin-left: 10px
}

#import_csv img {
    height: 42px;
    padding-top: 13px
}

#file_manager {
    float: left
}

#loadingmessage {
    float: left;
    width: 100%;
    padding-top: 6px;
    height: 45px;
    margin-right: 2px;
    z-index: 156;
    display: none
}

#loadingmessage img {
    margin-top: 12px
}

#progBar,#progWheel {
    float: left;
    display: inline-block;
    height: 15px
}

#progBar {
    width: 182px;
    margin-left: 0
}

#howtocolour a {
    padding-top: 10px
}

#padlock {
    float: left;
    padding-right: 5px
}

#helpBox,#loggedInAs {
    border-radius: 10px;
    margin-top: 10px;
    margin-left: 0;
    text-align: center
}

#loggedInAs {
    border: 1px solid red;
    margin-bottom: 10px;
    background-color: #fff;
    padding: 8px 8px 11px;
    display: none
}

#helpBox {
    border: 1px solid #3580c3;
    width: 193px;
    height: 78px;
    padding: 9px 9px 20px
}

#callUs {
    width: 208px;
    margin-top: 10px;
    margin-left: 14px;
    text-align: left;
    color: #fff;
    font-size: 13px
}

#callUsImage {
    float: left;
    background-color: #fff;
    margin-right: 4px
}

#callUs h3 {
    font-size: 16px;
    line-height: 10px
}

#helpBox a,#helpBox img,#helpBox p {
    float: left
}

#helpBox a {
    padding-left: 10px
}

#buyButtonBox {
    text-align: center;
    border-radius: 10px;
    border: 1px solid red;
    padding: 8px;
    height: 150px;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #fff;
    margin-left: 0
}

#invoiceLinks,#loggedInEmail {
    font-size: 12px;
    width: 210px;
    overflow: hidden
}

#unlockMap {
    padding-top: 0;
    width: 99%;
    height: 22px;
    border: 1.5px solid #1a73e8
}

#pdfSizeSelection {
    display: none;
    font-size: 12px;
    width: 148px;
    float: left;
    padding-left: 2px;
    text-align: center;
    margin-right: 2px;
    padding-top: 4px
}

#pdfSizeSelection p {
    display: none;
    font-size: 12px;
    width: 69px;
    float: left;
    margin-bottom: 2px;
    line-height: 13px;
    padding-top: 2px;
    margin-left: 10px
}

#buyItNow {
    width: 160px;
    margin: 18px auto 0
}

#buyItNow a,#buyItNowModal {
    color: #fff;
    text-decoration: none
}

#buyItNow a {
    border-radius: 18px;
    background: #5bb831;
    padding: 5px 15px;
    font-weight: 600;
    font-size: 15px
}

#buyItNowModal {
    font-size: 16px;
    display: inline-block;
    margin-right: 11px;
    margin-top: 0;
    padding: 8px 9px 5px 32px;
    background-position-x: 6px;
    background-position-y: 7px;
    background-size: 14px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: #5bb832;
    border-radius: 2px;
    border: 1px solid #666;
    background-image: url(../padlock.svg)
}

#buyItNowModal a {
    color: #fff
}

#learnMore {
    margin-left: 7px;
    width: 213px;
    margin-top: 18px;
    height: 24px
}

#learnMore a,.learnMore {
    background-image: url(../youtube-icon.svg);
    background-position-y: center;
    background-repeat: no-repeat;
    cursor: pointer
}

.learnMore {
    background-color: #3b3b34;
    padding: 9px 9px 9px 42px;
    font-size: 16px;
    background-position-x: 8px;
    background-size: 27px;
    width: 151px;
    border-radius: 4px;
    border: 1px solid #fff;
    opacity: 4.6;
    display: block;
    margin: 10px auto 0
}

.learnMore:hover {
    background-color: #999995
}

#loadSpin img {
    float: left;
    width: 16;
    padding-top: 4px;
    height: 16px;
    margin-left: 5px;
    z-index: 15
}

#learnMore a {
    background: #4675a3;
    padding: 8px 15px 8px 44px;
    font-weight: 600;
    font-size: 15px;
    background-position-x: 11px;
    border-radius: 10px
}

#learnMore a,.learnMore,.learnMore a,.sublinkbutton a {
    text-decoration: none;
    color: #fff
}

#topButtonBar {
    height: 63px
}

.sublinkbutton a {
    background-color: #56ba48;
    padding: 14px 10px;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    border-color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    border-width: 2px;
    width: 93px;
    box-shadow: 3px 3px 3px #888
}

.sublinkbutton a:hover {
    background-color: #fc8602
}

#downTime {
    font-size: 15px;
    font-weight: 600;
    color: red;
    text-align: center;
    background-color: #ffe200;
    width: 1005px;
    display: block;
    padding: 10px;
    margin: 0 auto 10px;
    border: 1px solid #fff
}

#isoScale {
    background: #fff
}

#milesOrMinutes {
    font-weight: 600
}

#isochronePostcode,#isochroneTravelTime {
    width: 30px;
    float: right;
    margin-bottom: 0;
    z-index: 150
}

#isochronePostcode {
    width: 64px;
    margin-bottom: 0!important;
    height: 18px
}

#isochroneTimeDistance {
    height: 23px;
    font-size: 13px;
    padding: 2px;
    float: right;
    z-index: 150
}

#isochroneIncrements {
    float: right;
    height: 23px;
    margin-bottom: 0;
    z-index: 150
}

#isochroneScaleTitle {
    background-color: #616161;
    color: #fff;
    margin-top: 10px;
    padding: 3px;
    border: 1px solid #000;
    border-bottom: 0
}

#isochroneExplanationKey {
    padding: 3px;
    border: 1px solid #000;
    margin-bottom: 5px
}

#settingsMenu {
    background-image: url(../images/down-arrow-lines.svg),url(../images/new-simple-icons-settings.svg)!important;
    background-position: 188px center,9px center!important;
    background-size: 30px,23px
}

#keyLegend,#startHere {
    background-image: url(../images/down-arrow-lines.svg),url(../new-flat-icons/key.svg)!important;
    background-position: 188px center,8px center!important;
    background-size: 27px,36px;
    margin-top: 10px!important
}

#startHere {
    background-image: url(../images/down-arrow-lines.svg),url(../new-flat-icons/startherehover.svg)!important
}

#titles {
    background-image: url(../images/down-arrow-lines.svg),url(../new-flat-icons/maptitleshover.svg)!important;
    background-position: 188px center,14px center!important;
    background-size: 27px,29px
}

#colourMenu {
    background-image: url(../images/down-arrow-lines.svg),url(../images/new-simple-icons-05.svg)!important;
    background-position: 188px center,9px center!important;
    background-size: 27px,23px
}

#concentricCircles,#searchPostcodesMenu,#showHideMenu {
    background-image: url(../images/down-arrow-lines.svg),url(../new-flat-icons/showhidehover.svg)!important;
    background-position: 188px center,9px center!important;
    background-size: 27px,31px
}

#concentricCircles,#searchPostcodesMenu {
    background-image: url(../images/down-arrow-lines.svg),url(../images/new-simple-icons-07.svg)!important;
    background-size: 27px,23px
}

#concentricCircles {
    background-image: url(../images/down-arrow-lines.svg),url(../new-flat-icons/circles.svg)!important;
    background-size: 27px,32px
}

#advancedImportDotsMenu,#excelDataMenu,#importDotsMenu,#isochroneMenu,#locationMarkers {
    background-image: url(../images/down-arrow-lines.svg),url(../new-flat-icons/locationmarkershover.svg)!important;
    background-position: 188px center,9px center!important;
    background-size: 27px,32px
}

#advancedImportDotsMenu,#excelDataMenu,#importDotsMenu,#isochroneMenu {
    background-image: url(../images/down-arrow-lines.svg),url(../new-flat-icons/excelimporthover.svg)!important
}

#advancedImportDotsMenu,#importDotsMenu,#isochroneMenu {
    background-image: url(../images/down-arrow-lines.svg),url(../new-flat-icons/dotimport.svg)!important
}

#advancedImportDotsMenu,#isochroneMenu {
    background-image: url(../images/down-arrow-lines.svg),url(../images/new-advanced-dots.svg)!important;
    background-size: 27px,23px
}

#isochroneMenu {
    background-image: url(../images/down-arrow-lines.svg),url(../new-flat-icons/isochrones.svg)!important;
    background-size: 27px,32px
}

#addDataMenu {
    background-image: url(../images/down-arrow-lines.svg),url(../new-flat-icons/additionaldata.svg)!important;
    background-size: 27px,32px
}

#addDataMenu,#alternativeMapsMenu,#labels,#textBoxMenu {
    background-position: 188px center,9px center!important
}

#textBoxMenu {
    background-image: url(../images/down-arrow-lines.svg),url(../images/text-box-icon.svg)!important;
    background-size: 33px,31px
}

#alternativeMapsMenu,#labels {
    background-size: 27px,31px
}

#alternativeMapsMenu {
    background-image: url(../images/down-arrow-lines.svg),url(../new-flat-icons/additional-layers-icon.svg)!important;
    background-color: #39bb45!important
}

#labels {
    background-image: url(../images/down-arrow-lines.svg),url(../new-flat-icons/colourshover.svg)!important
}

#fileManagerLinkActive,#save_map2Active,#save_map2Active a {
    text-decoration: none
}

#save_map2Active a {
    color: #fff;
    font-size: 16px
}

#fileManagerLinkActive,#fileManagerLinkDisabled,#open,#save_map2Active,#save_map2Disabled,#start_new_map {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    margin-right: 7px;
    padding: 7px 3px 5px 27px;
    background-position-x: 6px;
    background-position-y: 6px;
    background-size: 20px;
    background-repeat: no-repeat;
    border: 1px solid #b5b5b3;
    cursor: pointer;
    border-radius: 4px;
    background-color: #3b3b34
}

#open,#start_new_map {
    float: left;
    background-image: url(../new-flat-icons/new-flat.svg)!important
}

#open {
    background-image: url(../new-flat-icons/open-flat.svg)!important
}

#save_map2Active,#save_map2Disabled {
    float: left;
    background-image: url(../new-flat-icons/save-flat.svg)!important
}

#fileManagerLinkActive,#fileManagerLinkDisabled {
    background-image: url(../new-flat-icons/open-flat.svg)!important
}

#saveDropDown {
    display: none;
    background-color: #fff;
    border-left: 2px solid #1fd32e;
    border-bottom: 2px solid #1fd32e;
    border-right: 2px solid #1fd32e;
    padding: 10px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 2px 2px 2px #000
}

.leaveWithoutSaving {
    font-size: 16px!important;
    color: #000;
    display: inline-block;
    margin-right: 11px!important;
    margin-top: 0!important;
    padding: 8px 9px 5px 12px!important;
    cursor: pointer;
    background-color: #ddd;
    border-radius: 2px;
    border: 1px solid #666
}

#saveButton,.statusItem {
    background-repeat: no-repeat
}

#cancelSaveButton,#saveButton,#savePdfButton {
    border-radius: 2px;
    border: 1px solid #000;
    height: 30px;
    background-position-x: 6px;
    background-position-y: 5px;
    background-size: 19px;
    padding: 4px 4px 2px 22px;
    font-size: 14px
}

#saveButton {
    margin-left: 0!important;
    margin-top: 5px;
    background-image: url(../new-flat-icons/save-flat.svg);
    width: 80px;
    float: left
}

#cancelSaveButton,#savePdfButton {
    background-repeat: no-repeat
}

#cancelSaveButton {
    margin-left: 10px!important;
    margin-top: 5px;
    background-image: url(../delete-zone-cross.svg);
    width: 90px
}

#savePdfButton {
    margin-top: 6px;
    width: 206px;
    float: left
}

#savePdfButton,#savePdfButtonInactive {
    background-image: url(../new-flat-icons/mini-icons-pdf.svg)
}

#savePngButton {
    margin-top: 6px;
    border-radius: 2px;
    border: 1px solid #000;
    height: 30px;
    background-position-x: 6px;
    background-position-y: 5px;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 206px;
    padding: 4px 4px 2px 22px;
    font-size: 14px;
    float: left
}

#savePngButton,#savePngButtonInactive {
    background-image: url(../new-flat-icons/images.svg)
}

#saveJpgButton {
    margin-top: 6px;
    border-radius: 2px;
    border: 1px solid #000;
    height: 30px;
    background-position-x: 6px;
    background-position-y: 5px;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 206px;
    padding: 4px 4px 2px 22px;
    font-size: 14px;
    float: left
}

#saveJpgButton,#saveJpgButtonInactive {
    background-image: url(../new-flat-icons/imagesjpg.svg)
}


#saveSvgButton {
    margin-top: 6px;
    border-radius: 2px;
    border: 1px solid #000;
    height: 30px;
    background-position-x: 6px;
    background-position-y: 5px;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 206px;
    padding: 4px 4px 2px 22px;
    font-size: 14px;
    float: left
}

#saveSvgButton,#saveSvgButtonInactive {
    background-image: url(../new-flat-icons/mini-icons-svg.svg);
    margin-right: 50px
}

#saveCsvButton {
    margin-top: 6px;
    border-radius: 2px;
    border: 1px solid #000;
    height: 30px;
    background-position-x: 6px;
    background-position-y: 5px;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 206px;
    padding: 4px 4px 2px 22px;
    font-size: 14px;
    float: left
}

#saveCsvButton,#saveCsvButtonInactive {
    background-image: url(../new-flat-icons/mini-icons-csv.svg)
}

#savePptButton {
    margin-top: 6px;
    border-radius: 2px;
    border: 1px solid #000;
    height: 30px;
    background-position-x: 6px;
    background-position-y: 5px;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 206px;
    padding: 4px 4px 2px 22px;
    font-size: 14px;
    float: left
}

#savePptButton,#savePptButtonInactive {
    background-image: url(../new-flat-icons/ppt_icon.svg)
}

#saveGoogleButton {
    margin-top: 6px;
    border-radius: 2px;
    border: 1px solid #000;
    height: 30px;
    background-position-x: 6px;
    background-position-y: 5px;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 206px;
    padding: 4px 4px 2px 22px;
    font-size: 14px;
    float: left
}

#saveGoogleButton,#saveGoogleButtonInactive {
    background-image: url(../new-flat-icons/google_icon.svg)
}

#googleIFrame {
    width: 100%;
    height: 93%;
    border: 0
}

#saveCsvButtonInactive,#saveGoogleButtonInactive,#savePdfButtonInactive,#savePngButtonInactive,#saveJpgButtonInactive,#savePptButtonInactive,#saveSvgButtonInactive {
    margin-top: 6px;
    border-radius: 2px;
    border: 1px solid #000;
    height: 30px;
    background-position-x: 6px;
    background-position-y: 5px;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 206px;
    padding: 4px 4px 2px 22px;
    font-size: 14px;
    float: left;
    opacity: .4
}

#saveCsvButton,#savePdfButton,#savePngButton,#saveJpgButton,#savePptButton,#saveSvgButton {
    display: none
}

#saveGoogleButton {
    display: block
}

#saveCsvButtonInactive:hover,#saveGoogleButtonInactive:hover,#savePdfButtonInactive:hover,#savePngButtonInactive:hover,#saveJpgButtonInactive:hover,#savePptButtonInactive:hover,#saveSvgButtonInactive:hover {
    opacity: .7
}

#sampWarnMess {
    width: auto;
    display: inline-block;
    margin-left: 10px;
    font-size: 15px;
    color: red
}

#buyCancel {
    padding-top: 10px;
    margin: 0 auto;
    width: 227px
}

#clickForInvoices {
    font-size: 14px;
    width: 210px;
    font-weight: 700;
    overflow: hidden;
    padding-left: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: red;
    cursor: pointer
}

#clickForInvoices:hover {
    padding-left: 0;
    padding-top: 8px;
    padding-bottom: 12px
}

.statusItem {
    min-width: 200px;
    background-image: url(../images/down-arrow-lines.svg)!important;
    background-position: 183px center,8px center!important;
    background-size: 27px,36px
}

.statusItem,.statusItemDropDown {
    flex: 1;
    text-wrap: nowrap
}

.statusHeading,.statusSubHeading {
    padding-top: 2px;
    font-size: 12px;
    color: #ff0
}

.statusSubHeading {
    color: #ffab00
}

.statusDetail,.statusSubDetail {
    padding: 2px 2px 2px 0
}

@media (max-width:700px) {
    .statusItem {
        flex: 1 1 calc(50% - 10px)
    }
}

.fileInfoDropDown {
    display: none;
    margin-right: 15px;
    margin-top: 10px
}

#googleOverlayButton {
    margin-top: 1px;
    border-radius: 12px;
    border: 2px solid #000;
    height: 31px;
    background-position-x: 6px;
    background-position-y: 5px;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 107px;
    padding: 4px 4px 2px 22px;
    font-size: 14px;
    float: left;
    margin-left: 5px;
    background-image: url(../new-flat-icons/google_icon.svg);
}