.addLocations {
    margin-top:20px;
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.addLocation {
    width: 80px;
    height: 80px;
    margin: 5px;
    border-radius: 3px;
    background-color: #ffffff;
    color: rgb(126, 126, 126);
    border: none;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    /* min-width: 100px; */
    padding: 4px 8px;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #949393;
}
.addLocation:hover {
    background-color: #dfdede;
}

.entermanuallocation .modal-container {
    width:90%;
    max-width: 400px;
}

.location-item {
    pointer-events: all;
    cursor: pointer;
    border-bottom: 1px solid #bdbdbd;
    padding: 5px;
}
.location-item.selected {
    background-color: #dfdff5;
}
.locationlistoptions {
    margin: 10px 5px;
    display: flex;
}
.locationlistoptions * {
    margin-right: 5px;
}

.display .weatherscoregrid {
    flex:1;
}



.shipping-score-view {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;

}
.shipping-score-view .topmask {
    fill:#ffffff;
}

.shipping-score-view .forecastLabel, .shipping-score-view .normalLabel {
    font-size: 14pt;
    font-weight: bold;
    opacity:0;
    fill: lightgray;
}
.shipping-score-view  .forecastLabel {
    fill: darkgray;
    text-anchor: middle;
}
.shipping-score-view  .axis {
    color: #989898;
}
.shipping-score-view .forecastHilite {
    fill: #e6e6e657;
    pointer-events: none;
}

.shipping-score-view .locations {
    flex: 1;
    display: flex;
    flex-direction: column;
    /* position: relative; */
    margin: 20px;
    /* border: 1px solid black; */
    overflow: hidden;
    border-radius: 10px;
    /* padding: 10px; */
    background-color: rgb(251, 251, 251);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.shipping-score-view .locations .calendarContainer {
       /* position: absolute; */
    /* top: 0px; */
    flex: 1;
}

.shipping-score-view .location .box {
    fill: none;
    pointer-events: all;
    cursor:pointer;
}
.shipping-score-view .icon {
    fill: #ffffff;
    pointer-events: none;
    /* stroke: #000000; */
}
.shipping-score-view .location .box.forecast {
    fill: #efefef;
}
.shipping-score-view .location .delivery {
    opacity:0;
    pointer-events: none;
    stroke-width: 5px;
    transition: opacity 1s;
}
.shipping-score-view .location .delivery.current {
    opacity:0.4;
    fill:#3a3939;
    stroke:#0a0a0a;
    stroke-width: 2px;
}
.shipping-score-view .location .delivery.modified {
    opacity:1;
    fill:#3a3939;
    stroke:#0a0a0a;
    stroke-width: 2px;
}
.shipping-score-view .titlecontainer .background {
    fill: #ffffff;

    /* opacity: 0.7; */
    cursor: pointer;
}
.shipping-score-view .titlecontainer .background:hover {
    fill: #cfcfcf;
}
.shipping-score-view .location .score {
    pointer-events: none;
    /*fill:#8d8d8d;*/
}
.shipping-score-view .location .score.modified {
    stroke: green;
    stroke-width: 3px;
}
.shipping-score-view .location .score.current {
    stroke: green;
    stroke-width: 3px;
    stroke-dasharray: 5px 3px;
}

.shipping-score-view .location .box.hover {
    fill:#cfcfcf
}
.shipping-score-view .location .box.selected {
    fill: #848383;
}

.shipping-score-view .location .wxtext {
    text-anchor: middle;
    font-size: 8pt;
    pointer-events: none;
    user-select: none;
}

.shipping-score-view .location .title {
    /*text-anchor: start; */
    font-size: 12pt;
    user-select: none;
    pointer-events: none;
    /* text-anchor: middle; */
    /* alignment-baseline: after-edge; */
    /* dominant-baseline: hanging;*/
}
.shipping-score-view .location .title .line2 {
    font-size: 8pt;
    fill: darkgray;
}
.shipping-score-view .axis text {
    text-anchor:middle;
    font-size:1.3em;
}

.shipping-score-view .axis .month {
    font-size: 3.0em;
    font-weight: bold;
    text-anchor: start;
    color: lightgrey;
}

.shipping-score-view .kpis {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    margin: 0px 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 10px;
    background-color: rgb(251, 251, 251);
    position: relative;
}
.shipping-score-view .controls {
    display: flex;
    flex-direction: row;
    margin: 5px;
    justify-content: center;
    align-items: center;
    /* position: absolute; */
    z-index: 1;
    /* top: 25%;*/
}
/*
.shipping-score-view .controls.nav {
    right: 10px;
    top: 95px;
    flex-direction: column;
    position: absolute;
}
*/
.shipping-score-view .controls.nav .btn:disabled {
    background-color: #464646;
}
.shipping-score-view .kpi.unselected {
    opacity:0.3;
}
.shipping-score-view .kpi.selected {
    opacity:1.0;
    /*border: 2px solid #3f3f3f;
    text-shadow: 0px 0px 3px #3f3f3f, 0px 0px 6px #3f3f3f, 0px 0px 9px #3f3f3f;*/
}

.shipping-score-view .kpi {
    border-radius: 10px;
    background-color: #cfcfcf;
    border: 2px solid #a3a3a3;
    padding: 1px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: stretch;
    cursor: pointer;
    margin: 5px 20px;
    min-width: 100px;
    text-shadow: 0px 0px 3px #3f3f3f, 0px 0px 6px #3f3f3f;
}
.shipping-score-view .nodata {
    position: absolute;
    z-index: 1;
    bottom: 5%;
    left: 10px;
    padding: 10px 10px;
    text-anchor: middle;
    background-color: #e6e6e6;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    cursor: pointer;
    margin: 5px 20px;
    text-shadow: none;
    flex-shrink: 0;
    color:#505050;
}
.shipping-score-view .nodata .value {
    font-size: 2em;
}
.shipping-score-view .nodata .label {
    font-size: 2em;
}
.shipping-score-view .kpi * {
    pointer-events: none;
}
.shipping-score-view .kpi .value {
    font-size: 4em;
    text-align: center;
    color: #e4e2e2;
}

.shipping-score-view .kpi .title {
    font-size:0.7em ;
    text-align: left;
    color: #e4e2e2;
}

.shipping-score-view .kpi .percent {
    font-weight: bold;
    font-size: 0.7em;
    text-align: center;
    color: #e4e2e2;
}

.shipping-score-view .kpi.good, .shipping-score-view .good {
    background-color: #80d884;
    fill: #80d884;
    stroke:#80d884;
   
}
.shipping-score-view .kpi.bad, .shipping-score-view .bad {
    background-color: #e77e6b;
    fill: #e77e6b;
    stroke:#e77e6b;
}
.shipping-score-view .kpi.warning,.shipping-score-view  .restrictions {
    background-color: #ffda0b;
    fill: #ffda0b;
    stroke:#ffda0b;
}
.shipping-score-view .scrollbar .background {
    fill: lightgrey;
    cursor: pointer;
}

.shipping-score-view .scrollbar .handle {
    fill: darkgrey;
}
.shipping-score-editor {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    /* max-width: 450px; */
    /* min-height: 350px;*/
}

.shipping-score-editor .criteria, .shipping-score-editor .editor {
    /*flex: 1; */
    display: flex;
    flex-direction: column;
    align-content: stretch;
    justify-content: center;
    padding: 2px 5px;
}
.shipping-score-editor .criteria .rules {
    /*flex:1;*/
    min-height:150px;
    position: relative;
}


.shipping-score-editor .criteria .criterion {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    /* margin: 10px 5px; */
    /* padding: 5px 0px; */
    /* border-bottom: 1px solid #b5b3b3; */
    align-items: center;
}
.shipping-score-editor .criteria .criterion.selected {
    cursor: default;
}
 /*.shipping-score-editor .criteria .criterion input {
    width: 75px;
}*/
.shipping-score-editor .criteria .criterion .value {
    max-width: 50px;
}
.shipping-score-editor .criteria .editor .criterion {
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
}
.shipping-score-editor .criteria .editor .title {
    flex: 1;
}
.shipping-score-editor .criteria .editor .title.default {
    color: lightgray;
    border: 1px solid lightgray;
}

.shipping-score-editor .colorPicker {
    top: 40px;
    position: absolute;
    right: 5px;
    z-index:10;
}

.shipping-score-editor .addgroup {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}



.editLocationsPanel {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-content: center;
    align-items: center;
    flex: 1;
    padding: 10px;
}
.editLocationsPanel .locationList {
    min-width: 250px;
    display: flex;
    flex-direction: column;
    padding: 5px;
    max-height: 50vh;
    overflow: auto;
}
.editLocationsPanel .content {
    display: flex;
    flex-direction: column;
    padding: 15px;
    /* justify-content: center; */
}

.editLocationsPanel .location {
    display: flex;
    flex-direction: row;
    padding: 2px 5px;
}
.editLocationsPanel .location:hover {
    background-color: #cfcfcf6e;
}
.editLocationsPanel .locationList .nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    font-size: 0.8em;
    margin: 10px 3px;
}
.editLocationsPanel .intro {
    font-size: 1.1em;
    font-weight: bold;
    display: flex;
    justify-content: center;
    margin: 10px 10px 2px 10px;
}
/*
.editLocationsPanel .maxlocationinfo {
    font-size: 0.8em;
    display: flex;
    justify-content: flex-end;
    margin: 0px 10px 10px 10px;
    font-style: italic;
    color: #6b6b6b;
}
*/
.dateDetailPopup {
    position: fixed;
    visibility: hidden;
    /* background: #ffffffd4; */
    color: #0a0a0a;
    border-radius: 3px;
    background-color: #fff;
    /* border-radius: 2px; */
    box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    /* padding: 5px; */
    top: 30%;
    /* top: 10px; */
    /* left: 10px; */
    left: 50%;
    z-index: 10;
    width: 300px;
    /* height: 150px; */
    transform: translateX(-50%);
}

.dateDetailPopup .close {
    color: #929292;
    font-size: 28px;
    font-weight: bold;
    z-index: 10;
    top: 0px;
    right: 5px;
    position: absolute;
    height: 1px;
    overflow: visible;
}
.dateDetailPopup .close:hover, .dateDetailPopup .close:focus {
    color: #d4d4d4;
    text-decoration: none;
    cursor: pointer;
}
.dateDetailPopup .date {
    font-size: 1.2em;
    align-items: center;
    text-align: center;
    /*padding: 5px 0px;*/
}
.dateDetailPopup .location {
    color: #808181;
    font-size: 0.8em;
    padding: 10px;
}
/*.dateDetailPopup .scorematches {
   background-color: #777777;
    padding: 10px 5px;
    border-radius: 3px;
}
*/
.dateDetailPopup .match {
    padding: 10px 5px;
}


.dateDetailPopup .icon {
    width: 75px;
    height: 75px;
    margin: 5px;
    position: relative;
}
.dateDetailPopup .icon img {
    position:absolute;
    opacity:0;
}
.dateDetailPopup .icon img.visible {
    opacity:1;
}
.dateDetailPopup .wx {
    display: flex;
    flex-direction: row;
}
.dateDetailPopup .elements {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.0em;
    padding: 5px;
}
/*
.dateDetailPopup .mint, .dateDetailPopup  .precip {
    font-size: 0.8em;
}*/
.dateDetailPopup .setdeliverydate, .dateDetailPopup .currentdeliverydate {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 5px 10px;
}

.dateDetailPopup .setdeliverydate img,.dateDetailPopup .currentdeliverydate img {
    width: 28px;
    stroke: white;
    fill: white;
    padding: 5px;
}
.dateDetailPopup .forecast {
    font-size: 0.8em;
    color: #c2c3c3;
    padding: 5px 10px;
}

.dateDetailPopup  .historicalnorms {
    font-size: 0.8em;
    color: #c2c3c3;
    padding: 5px 10px;
}




.controls .btn {
    height: 80px;
    width: 80px;
    margin: 2px 15px;
    background-color: #01628a;
    display: block;
    font-size: 0.7em;
}

.controls .btn i {
    display: block;
    font-size: 3em;
    margin: 5px;
}


.controls .btn:hover {
    background-color: #004b6b;
}
/*
@media only screen and (max-height: 900px) {
    .controls .btn {
        height: 40px;
        width: 80px;
        margin: 2px 2px;
        background-color: #01628a;
        display: block;
        font-size: 0.6em;
        padding: 2px 3px;
    }
    
    .controls .btn i {
        display: inline;
        font-size: 0.8em;
    }
    
}
*/
.wx-api-query {
    display: flex;
    flex-direction: row; 
    justify-content: center;
    align-content: center;
    align-items: center;
    flex: 1;
    overflow: scroll;
}
.wx-api-query .controls {
    display: flex;
    flex-direction: row;
    margin: 5px;
    justify-content: center;
    align-items: center;
}
.wx-api-query .content {
    display: flex;
    flex-direction: column;
    padding: 15px;
}
.wx-api-query .optionRow {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.wx-api-query .queryuri {
    height:75px;
}
.wx-api-query .querydata {
    height:250px;
}
.wx-api-query .getquery {
    height:75px;
}
.wx-data-view {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-content: center;
    align-items: center;
    flex: 1;
    overflow: auto;
}
.wx-data-view  .waitDisplay {
    padding: 15px 5px;
    margin: 5px;
    border-radius: 5px;
    background-color: #ffffff00;
    width: 150px;
    height: default;
}
.wx-data-view  .nodata {
    /*background-color: #ffffffd3;
    border-radius: 10px;
    position: fixed;
    left: 50%;
    margin-left: -125px;
    top: 50%;
    margin-top: -50px;
    z-index: 10;
    width: 250px;
    height: 75px;
    padding: 20px;*/
    background-color: #ffffff;
    border: 1px solid black;
    padding: 15px 5px;
    margin: 5px;
    border-radius: 5px;
}


.wx-data-view .controls {
    display: flex;
    flex-direction: row;
    margin: 5px;
    justify-content: center;
    align-items: center;
}
.wx-data-view .nav {
    display: flex;
    flex-direction: row;
    margin: 5px;
    justify-content: center;
    align-items: center;
    width: 80vw;
    padding:3px 20px;
    max-width: 1200px;
}
.messages {
    background-color: #f9e66f;
    /* border: 1px solid black; */
    padding: 15px 15px;
    margin: 5px;
    border-radius: 5px;
    /* font-style: italic; */
    /*color: #ffffff;*/
}
.querycostinfo {
    background-color: #ffffff;
    border:1px solid black;
    padding:15px 5px;
    margin:5px;
    border-radius: 5px;
    /*font-style: italic;*/
}
.wx-data-view .multiselect__tag {
    background: #f69220;
}
.wx-data-view .multiselect__tag-icon:focus, .wx-data-view .multiselect__tag-icon:hover {
    background: #f5c38a;
}

.wx-data-view .link.disabled {
    opacity: 0;
}
.wx-data-view .grid-view-section {
    width: 95vw;
    max-width: 1200px;
    background-color: #ffffff;
}
.wx-data-view .navbar {
    padding: 10px;
    display: flex;
}
.wx-data-view .grid-view-container {
    /*height: calc(100vh - 450px);*/
    overflow: auto;
}
/*
@media only screen and (max-height: 400px) {
    .wx-data-view .grid-view-container {
        height: calc(100vh - 250px);
        overflow: auto;
    }
}
*/
.wx-data-view  .grid-view-container .grid-view {
    border-collapse: collapse;
    font-size: 0.7em;
    width:100%;
}

.wx-data-view  .grid-view td, .grid-view th {
    border: 1px solid #ddd;
    padding: 8px;
}

.wx-data-view .grid-view tr:nth-child(even){background-color: #f2f2f2;}
.wx-data-view .grid-view tr:nth-child(odd){background-color: #e8e8e8;}


.wx-data-view  .grid-view th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #484a48;
    color: white;
}


.wx-data-view .grid-view.forecast-view {
    font-size: 0.9em;
}

.wx-data-view .forecast-view td {
    white-space: nowrap;
}

.wx-data-view .forecast-view .location .title {
    font-size: 1.3em;
    font-weight: bold;
}

.wx-data-view .forecast-view .location .subtitle {
    font-size: 0.9em;
    color:#6b6b6b
}

.wx-data-view .forecast-view .wxvalue {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.wx-data-view .forecast-view .wxvalue .title {
    font-size: 0.7em;
    width: 100%;
    margin-top: 5px;
    text-transform: uppercase;
    color: #6b6b6b;
}



.wx-data-view .forecast-view .icontitle {
    display: flex;
    justify-content: space-evenly;
    align-content: space-between;
    margin: 4px 2px;
    width: 100%;
}


.wx-data-view .forecast-view .temp {
    font-size: 1.2em;
    font-weight: bold;
}

.wx-data-view .forecast-view .precip {
    display: flex;
    justify-content: space-evenly;
    align-content: space-between;
    margin: 4px 2px;
    width: 100%;
}

.wx-data-view .forecast-view .wind {
    display: flex;
    justify-content: space-evenly;
    align-content: space-between;
    margin: 8px 2px;
    width: 100%;
}

.wx-data-view .forecast-view .tempsub {
    font-size: 0.9em;
    color: #6b6b6b;
}


.data-definition-editor {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex: 1;
    overflow: auto;
}
.data-definition-editor .content {
    /*display: flex;
    flex-direction: column;
    padding: 20px;*/
    display: flex;
    flex-direction: column;
    padding: 20px;
    width: 500px;
    min-width: 50%;
    max-width: 98%;
    height: 98%;
    overflow: auto;
}
.data-definition-editor .info {
    padding: 5px 15px;
    color: #333333;
    background-color: #fdfdfd;
    border-radius: 5px;
    font-size:1.0em;
    border: 1px solid;
}
.data-definition-editor .warning {
    padding: 10px 15px;
    color: #333333;
    background-color: #f5ca60;
    border-radius: 5px;
    border: 1px solid black;
}

.data-definition-editor .content .form {

}

.data-definition-editor .choosegoal{
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.data-definition-editor .goal {
    width: 80px;
    height: 80px;
    margin: 5px;
    border-radius: 3px;
    background-color: #ffffff;
    color: rgb(126, 126, 126);
    border: none;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    /* min-width: 100px; */
    padding: 4px 8px;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #949393;
}


.data-definition-editor .goal:hover {
    background-color: #dfdede;
}
.data-definition-editor .goal.selected {
    background-color: #eae9e9;
    font-size: 1.1em;
    border: 2px solid #565454;
    color: rgb(74, 74, 74);
}

.data-definition-editor .optionRow {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.data-definition-editor .optionColumn {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-content: initial;
    align-items: start;
}




.timeline-editor {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex: 1;
    overflow: auto;
}
.timeline-editor .content {
    display: flex;
    flex-direction: column;
    padding: 20px;
    width: 500px;
    min-width: 50%;
    max-width: 98%;
    height: 98%;
    overflow: auto;
}


.timeline-editor .content textarea {
    padding:10px 10px;
    height:75px;
}


.timeline-editor .vjs-tree.is-root{
    overflow: auto;
    background-color: #ffffff8a;
    padding: 5px;
    border: 1px solid darkgrey;
    max-height: 50%;
}
.timeline-editor .vjs-tree .vjs-key {
    cursor: pointer;
}
.timeline-editor .vjs-tree .vjs-key:hover {
    color:rgb(138 138 138);
}


.timeline-editor .wxDataTableContainer {
    overflow: auto;
    font-size: 0.8em;
    flex: 1;
}
.wxDataTableContainer th {
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    text-align: left;
    background-color: #6e716f;
    color: white;
    border: 1px solid #ddd;
    padding: 8px;
}

.timeline-editor  td {
    white-space:nowrap;
    border: 1px solid #ddd;
    padding: 8px;
}
.timeline-editor .objectPropertyTable .value {
    max-width:150px;
    text-overflow:ellipsis;
    overflow: hidden; 
}

.timeline-editor .objectPropertyTable .name {
    font-weight:bold;
}

.timeline-editor .objectPropertyTable .info {
    white-space:normal
}
.timeline-editor table {
    border-collapse: collapse;
}
.timeline-editor tr:nth-child(even){background-color: #f2f2f2;}
.timeline-editor tr:nth-child(odd){background-color: #ffffff;}
.timeline-editor tr:hover {background-color: #ddd;}



.createbulk-editor {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex: 1;
    overflow: auto;
}
.createbulk-editor .content {
    display: flex;
    flex-direction: column;
    padding: 20px;
    min-width: 50%;
    max-width: 98%;
    height: 98%;
    overflow: auto;
    position: relative;
}
.createbulk-editor .content .sectiontitle {
    font-size: 0.6em;
    color: #ffffff;
    background-color: #049fe6;
    padding: 5px 5px;
    margin: 0px 0px;
    cursor: pointer;
    border-bottom: 2px solid #ffffff;
    text-transform: uppercase;
}
.createbulk-editor .content .sectiontitle.current {
    font-size:1.0em;
    color:#ffffff;
    background-color: #01628a;
    cursor:default;
    /*margin-top: 10px;*/
}
.createbulk-editor .content .sectiontitle.disabled {
    background-color:gray;
    cursor:none;
    pointer-events: none;
}
.createbulk-editor  .section {
    flex: 1;
    /* margin: 0px 0px 0px 20px; */
    background-color: #ffffff;
    padding: 10px 10px;
    display: flex;
    flex-direction: column;
}

.createbulk-editor   .step-controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.createbulk-editor   .step-controls * {
    margin-right: 20px;
}

.createbulk-editor .dropbox {
    outline: 2px dashed grey;
    outline-offset: -10px;
    background: #f9ffd7;
    color: dimgray;
    padding: 15px;
    min-height: 100px;
    position: relative;
    cursor: pointer;
    
}
.createbulk-editor   .input-file {
    opacity: 0; /* invisible but it's there! */
    width: 100%;
    height: 200px;
    position: absolute;
    cursor: pointer;
}
.createbulk-editor   .dropbox:hover {
    background: #ebf99d; /* when mouse over to the drop zone, change color */
}
.createbulk-editor   .dropbox p {
    font-size: 1.2em;
    text-align: center;
    padding: 50px 0;
  }


.createbulk-editor .previewTable td {
    max-width:150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.createbulk-editor .mapgrid {
    display:flex;
    flex-direction: row;
    align-items: center;

}
.createbulk-editor .bulkLocationsMap {
    width: 50%;
    height: 100%;
}
.createbulk-editor .processedTable {
    width: 50%;
    height: 100%;
    font-size: 0.8em;
    display:flex;
    flex-direction: column;
    table-layout:fixed 
}
.createbulk-editor .processedTable td {
    max-width:125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width: 1024px) {
    .createbulk-editor .mapgrid {
        flex-direction: column;
        align-items: flex-start;
    }

    .createbulk-editor .bulkLocationsMap {
        width: 100%;
        height: 50%;
    }
    .createbulk-editor .processedTable {
        width: 100%;
        height: 50%;
    }
}


.createbulk-editor .processedTable table {
    height: 100%;
    table-layout:fixed 
}

.createbulk-editor .processedTable tbody{
    display:block;
    height:100%;
    overflow:auto;
    
}

.createbulk-editor .processedTable .loc {
    cursor:pointer
}
.createbulk-editor .processedTable .loc:hover {
    background-color:rgb(230, 230, 230);
}

.createbulk-editor .manualLocationsTable {
    flex: 1;
    font-size: 0.8em;
}

.createbulk-editor .manualLocationsTable tbody{
    display:block;
    height:100%;
    overflow:auto;
}
.createbulk-editor .processingOverlay {
    position: absolute;
    width: 90%;
    height: 90%;
    margin: 5%;
    background-color: #ffffffb8;
    display: flex;
    justify-content: center;
    align-items: center;
}

.createbulk-editor .popupoverlay {
    position: absolute;
    width: 90%;
    height: 90%;
    margin: 5%;
    background-color: #ffffffff;
    display: flex;
    padding: 15px;
}

.createbulk-editor .task-container {
    display: grid;
    gap: 2px;
    grid-template-columns: 200px 50px 50px 1fr;
    padding-bottom: 5px;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 10px;
}
.createbulk-editor .task-container.selected {
    margin-bottom: 10px;
}
.createbulk-editor .task-container .name {
    grid-column-start: 1;
    grid-column-end: span 4;
    font-size: 1.0em;
    font-weight: bold;
    padding: 3px 0px 5px 0px;
}

.createbulk-editor .task-container  .resultcount {
    grid-column-end: span 2;
    font-size:0.7em;
}
/*
.createbulk-editor .task-container .result.link.latest {
    font-weight: bold;
}
.createbulk-editor .task-container  .result.link {
   grid-column-start: 1;
   grid-column-end: span 4;
   justify-content: start;
   font-size: 1.0em;
}
*/

.createbulk-editor .task-container .link {
   justify-content: start;
   font-size:0.7em;
}

.createbulk-editor .task-container .result {
    grid-column-end: span 4;
    padding: 0px 0px 4px 0px;
    margin: 0px 0px 0px 10px;
    display:grid;
    grid-template-columns: 250px 30px 30px 1fr;
   
    
}

.createbulk-editor .task-container .result .runtime {
    font-size: 0.9em;
    grid-column-end: span 1;
    white-space: nowrap;
}
.createbulk-editor .task-container .result.selected .runtime {
    font-weight: bold;
    padding: 0px 0px 3px 0px;
}
.createbulk-editor .task-container .result * {
   
}

.createbulk-editor .task-container .result.latest {
    margin-top: 10px;
}
.createbulk-editor .task-container .result.selected {
    padding: 6px 0px 6px 0px;
    
}

.query-editor .advanced {
    max-height: 400px;
    overflow: auto;
    font-size: 0.8em;
}

.query-editor .checkbox-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 0px;
    margin-bottom: 15px;
}

@media screen and (max-width: 600px) {
    .query-editor .checkbox-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

.query-editor .title.turndown .material-icons {
    cursor: pointer;
    pointer-events: all;
}
.query-editor .advanced .help {
    margin: 0px 0px 3px 0px;
    /* margin-bottom: 3px; */
}
/*
.createbulk-editor .task-container {
    margin: 0px 0px 10px 0px;
}
.createbulk-editor .task .name {
    font-size: 1.0em;
    font-weight: bold;
  
}

.createbulk-editor .noresults {
    max-width: 400px;
}


.createbulk-editor .resultList {
    display: flex;
    flex-direction: column;
    overflow: auto;
 
    margin: 0px 2px 15px 10px;
}

.createbulk-editor .resultList .result.latest {
    font-weight: bold;
    padding: 5px 10px;
}

.createbulk-editor .resultList .result {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size:0.9em;
    padding: 1px 10px;
}

.createbulk-editor .task {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: space-between;
    align-items: center;
}
*/
.metadata-editor .result {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 5px 0px 0px 10px;
}

.metadata-editor .result:hover {
    background-color:#e2e1e1
}
.metadata-editor .result .material-icons {
    padding-right:8px;
}
.metadata-editor .result:hover .controls {
    display: flex;
}
.metadata-editor .result .controls {
    display:none;
    align-items: center;
    padding: 1px 5px;
    margin-left: auto;
}

.field {
    margin-bottom: 15px;
    margin-top: 5px;
    font-size: 0.9em;
}



.field .title {
    font-size: 1.0em;
    font-weight: bold;
}

.field .help {
    font-size: 0.8em;
    color: #616060;
    font-style: italic;
    margin-top: 5px;
    margin: 5px;
}

.field .control {
    display: flex;
    margin: 5px;
} 
.field .control input, textarea, select {
    font-size: 1em;
}
.field .control label {
    cursor: pointer;
}
.field .control label[disabled] {
    color: #a2a1a1;
    cursor:default;
}
.field .control.column {
    flex-direction: column;
    justify-content: left;
    align-content: initial;
    align-items: start;
}

.field .control.row {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}


.google_ads_sidebar {
    flex:1;
    padding: 15px;
    /*height:350px;*/
}
.google_ads_responsive { width: 320px; height: 100px; }
@media(min-width: 500px) { .google_ads_responsive { width: 468px; height: 60px; } }
@media(min-width: 800px) { .google_ads_responsive { width: 728px; height: 90px; } }

.adsnote {
    font-size: 0.8em;
    color: #616060;
    font-style: italic;
    margin-top: 5px;
    margin: 5px;

}


table.standard {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    }

table.standard td, .standard th {
    border: 1px solid #ddd;
    padding: 8px;
    }

table.standard tr:nth-child(even){background-color: #f2f2f2;}

table.standard tr:hover {background-color: #ddd;}

table.standard th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #049fe6;
    color: white;
    text-transform: uppercase;
}
/*
.vdp-datepicker {
    width:120px;
}
*/