/* City of Gold Coast Theme */
/* General */
.flex > div.field {
    flex: 1 1 0;
}

.ui.form .flex > .field:last-child {
    margin-bottom: 1em;
}

/* Sidebar */
.sidebarcustom.header.ui:first-child{
    margin: 1rem 0;
    background-color: #414142;
    color: #fff;
    padding: 10px;
}

.sidebarcustom.menu {
    margin: 0;
    border: none;
}

.sidebarcustom {
    margin: 0;
    background-color: #414142;
    border-color: #414142;
}

.sidebarcustom.menu.ui .item {
    color: #fff;
    background-color: #414142;
    padding: 15px;
    border-radius: 0px;
    border-top: 1px solid #575757;
    border-bottom: 1px solid #575757;
}

.sidebarcustom.menu.ui .item:first-child {
    border-radius: 0;
}

.sidebarcustom .item:hover {
    background: #a7a9ac !important;
}

.dwkit-sidebar-container {
    background-color: #414142;
}

/* Buttons */
.ui.primary.button, .ui.primary.button:focus {
    color: #fff;
    background-color: #e81152;
    border-color: #e81152;
    border-radius: 10px;
}

.ui.primary.button:hover {
    background-color: #fff;
    color: #e81152;
}

.ui.secondary.button, .ui.secondary.button:focus {
    color: #e81152;
    background-color: #fff;
    border-color: #e81152;
    border-radius: 10px;
}

.ui.secondary.button:hover {
    color: #fff;
    background-color: #e81152;
}

/* Layout */
.ui.form .fields:last-child .field {
    margin-bottom: 10px;
}

.options-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
    margin-bottom: 10px;
}

.options-flex > div {
    flex: 0 1 30%;
}

.observationRow > * {
    padding-left: 10%;
}

/* Dashboard classes */
.dashboard-container {
    background-color: #fff;
    border-radius: 10px;
    width: 49.5%;
    flex: 1 1 49.5%;
    padding: 10px;
}

.filter-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.filter-container > div.field {
    flex: 1 1 auto;
}

/* Esri map */
.esri-ui-bottom-right {
    flex-flow: column;
}

.esri-menu.esri-search__suggestions-menu {
    z-index: 10;
}

.esri-expand__content.esri-expand__content--expanded{
    z-index: 5;
}

.esri-input.esri-search__input {
    width: auto;
}

.esri-view-height-xsmall .esri-expand .esri-widget--panel{
    max-height: 150px;
}

.esri-view-height-small .esri-expand .esri-widget--panel{
    max-height: 200px;
}

.esri-view-height-medium .esri-expand .esri-widget--panel {
    max-height: 250px;
}

/* Observation Edit/Create page */
video.expand {
    height: auto !important;
    width: 100% !important;
}

/* Analyses page */
.filter-container.analyses > * {
    flex: 1 1 0;
}

.filter-container.analyses > div.field:not(:first-child) {
    max-width: 200px;
}

.filter-container.analyses > div.field:not(:first-child) .react-datepicker-wrapper {
    width: 100%;
}

.filter-container.analyses > div.field:not(:first-child) .react-datepicker__input-container {
    display: block;
}