.full-width {
    width: 100%;
}

.style-body-inline {
    width: 100%;
    padding: 0;
}

.title-margin {
    margin-right: 15px;
}

.accent-text {
    color: var(--color-primary);
}

.download-btn {
    margin: 5px;
    color: var(--color-text);
}

#favorite {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

#favorite h5 {
    margin-bottom: 0;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.no-margin {
    margin: 0;
}

#download_report,
#download_data,
#download_table,
#loading-indicator,
#ticket-create,
.toolbox,
.dropdown {
    display: flex;
    align-items: center;
}

.main-view {
    min-height: 80vh;
    width: 100%;
}

.main-view-75 {
    min-height: 75vh;
    width: 100%;
}

.full-map-view {
    min-height: 100vh;
    width: 100%;
}

/* Flex classes */
.flex {
    display: flex;
}

.flex-between {
    display: flex;
    justify-content: space-between;
}

.flex-around {
    display: flex;
    justify-content: space-around;
}

.flex-end {
    display: flex;
    justify-content: flex-end;
}

.flex-center-y {
    display: flex;
    align-items: center;
}

.flex-center-x {
  display: flex;
  justify-content: center;
}

.display-none {
    display: none;
}

.top-params-margin {
    margin: 15px;
}

.note-btn {
    color: var(--color-primary);
    display: flex;
    align-items: center;
    gap: 5px;
}

.calendar-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.date-input {
    width: 350px;
    font-size: 13px;
}

.small-padding {
    padding: 5px 10px;
}

.toggle-options {
    display: flex;
    gap: 5px;
}

.icon-padding {
    padding: 7px 5px;
    margin-bottom: 0;
}

.nav-tabs.margin-bottom {
    margin-bottom: 21px;
}

.error_modal_service_button {
    background-color: var(--color-error);
    opacity: 0.88;
    color: var(--color-pop);
}

.error_modal_service_body {
    font-size: 15px;
}

.span_spinner {
    margin-left: 5px;
}

.span_margin50 {
    margin: 50px;
}

#to-download {
    display: flex;
    flex-direction: column;
}

#data-type {
    width: auto;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
}

.label-option {
    padding: 3px 10px;
    border-radius: 3px;
}

.datepicker-style {
    width: 210px;
    flex: 1;
    text-align: left;
    left: 15px;
    top: 50%;
    font-size: 13px;
}

.small-gap {
    gap: 10px;
}

.modal-header-container {
    padding: 15px;
}

.small-margin-top {
    margin-top: 5px;
}

.warning-icon {
    font-size: 50px;
}

.warning-color {
    color: var(--color-error);
    opacity: 0.88;
}

.full-sized-data {
    height: 70vh;
    width: 100%;
}

.regular-margin-top {
    margin-top: 21px;
}

/* Legend Colors */
.dam-color {
    background-color: #5470C6;
}

.rtm-color {
    background-color: #91CC75;
}

.rtpd-color {
    background-color: #ff8000;
}