/* Reduce size of ms2 catalogue results to contents size */
.msgapi .mapstore-side-card .ms-head {
    display: flex;
    height: unset;
}


/* Change to display selector for catalogue services */
.msgapi .catalog-panel > .panel-body form .form-group:first-child,
.msgapi .catalog-panel > .panel-body form .form-group:first-child + .form-group {
    display:block
}
/* Changing the map footer to a flex layout, so that its contents
   can grow and shrink based on the space available */
.msgapi .fill .mapstore-map-footer {
    display: flex;
    justify-content: space-between;
    background-color: #fff !important;
}
#footer-attribution-container {
    order: 1;
    width: inherit;
}
#mapstore-export-data-results-button-container {
    order: 2;
}
#mapstore-scalebox-container {
    order: 4;
}
#mapstore-mouseposition {
    order: 3;
    display: flex;
}
/* Some tweaks to ensure footer conents are displayed
   correctly with the new flex layout */
#footer-attribution-container > div {
    position: inherit;
    width: inherit;
}
#mapstore-scalebox > form > div,
#mapstore-scalebox-container > div,
#mapstore-mouseposition > span, 
#mapstore-mouseposition > div, 
#mapstore-mouseposition > button { 
    display: flex;
}
#mapstore-mouseposition label,
#mapstore-mouseposition span ,
#mapstore-scalebox-container label {
    margin: auto;
}
#mapstore-mouseposition .mapstore-mouse-coordinates {
    margin: 0;
}
.msgapi #mapstore-map-footer #mapstore-mouseposition {
    height: auto;
}
/* Disable catalog shadows */
.msgapi .catalog-panel .mapstore-side-card {
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.msgapi .catalog-panel .mapstore-side-card:hover {
    transform: none;
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.msgapi .catalog-panel .mapstore-side-card {
    margin: 0px;
    border-top: 1px solid rgb(221, 221, 221);
    padding-left: 15px;
    padding-right: 15px;
}
.row > div:last-of-type > div > .mapstore-side-card {
    border-bottom: 1px solid rgb(221, 221, 221);
}
.msgapi .mapstore-side-card .mapstore-side-card-info .mapstore-side-card-desc {
    border: 0px;
}
.msgapi .col-xs-12 {
    padding: 0px;
}
/* Bold pop-up headers */
.msgapi .user-panel-title,
.msgapi .modal-title,
.msgapi .modal-header {
    font-weight: 600;
}
/* dropdown text */
.msgapi ul.rw-list>li.rw-list-option, .msgapi .rw-selectlist>li.rw-list-option {
    color: #1f1f1f !important;
    font-size: 16px;
}
/* coordinate search input */
.msgapi .form-control {
    border: 1px solid #666666;
    margin: 0px;
}
.msgapi .coordinateLabel {
    padding: 0px;
}
/* remove radius on search service input textareas */
.msgapi .services-config-editor .services-list {
    border-radius: 0px;
}
.msgapi .checkbox span {
    font-size: 18px;
}
.msgapi .checkbox label {
    padding-left: 30px;
}
/* search service input form */
.msgapi form .form-group > .as-label, 
.msgapi form .form-group > label, 
.msgapi form label, 
.msgapi .form-controls-1 label {
    font-size: 18px;
}
.msgapi .form-control:focus {
    outline: 3px solid #ffd530 !important;
    border-color: #666666;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.msgapi .btn.disabled, .msgapi .btn[disabled], .msgapi fieldset[disabled] .btn {
    background-color: #cccccc;
    opacity: 1.0;
}
/* Export Raster Data plugin */
.msgapi #ms-exportrasterdata-panel-card {
    padding: 10px;
    text-align: center;
}
.msgapi #ms-exportrasterdata-panel-card.exportrasterdata-select-panel {
    text-align: left;
}
.msgapi .exportrasterdata-link-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.msgapi .exportrasterdata-link {
    padding-left: 10px;
}
.msgapi .text-bold {
    font-weight: bold;
}
/* Feature grid toolbar */
.msgapi .data-grid-top-toolbar > div > div {
    padding: 0px;
}
/* TOC layers */
.msgapi .app-router .toc-default-group .toc-default-group-head, .msgapi .fill .toc-default-group .toc-default-group-head {
    display: flex;
}
.msgapi .toc-item {
    flex-grow: 1;
}
.msgapi .toc-default-group-head > div { 
    display: flex;
    flex-grow: 1;
    min-width: 0;
}
.msgapi .toc-grab.glyphicon, 
.msgapi .glyphicon-eye-close,
.msgapi .toc-item > .glyphicon-folder-close {
    flex-shrink: 0;
    flex-grow: 0;
}
.msgapi .toc-group-title {
    flex-grow: 1;
    flex-shrink: 1;
    width: auto !important;
    overflow: visible;
}
/* Measure plugin */
.msgapi #measure-dialog {
    height: 175px;
    width: 250px;
    position: absolute;
}
