/**********************************************************************************************************************
 * Copyright 2021, Inesonic, LLC
 *
 * This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public
 * License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later
 * version.
 *
 * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied
 * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License for more
 * details.
 *
 * You should have received a copy of the GNU General Public License along with this program.  If not, see
 * <https://www.gnu.org/licenses/>.
 ***********************************************************************************************************************
 */

.inesonic_speedsentry_maintenance_mode_label {
    margin-left: 5px!important;
    margin-right: 10px!important;
}

.inesonic_speedsentry_maintenance_mode_switch {
}

.inesonic_speedsentry_maintenance_mode_switch_input {
    width: 15px!important;
    height: 15px!important;
}

.inesonic_speedsentry_maintenance_mode_slider {
    width: 0!important;
    height: 0!important;
}

.inesonic-speedsentry-supports-logging {
}

.inesonic-speedsentry-supports-multi-region {
}

.inesonic-speedsentry-active {
    padding-right: 20px;
}

.inesonic-speedsentry-controls {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
    vertical-align: middle;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 40px;
}

.inesonic-speedsentry-button-wrapper {
    display: table-cell;
    vertical-align: middle;
}

.inesonic-speedsentry-button-anchor {
    font-size: 12px !important;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    border: 2px solid white;
    border-radius: 3px;
    background-color: #006DFA;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.inesonic-speedsentry-time-controls {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.inesonic-speedsentry-select-controls {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.inesonic-speedsentry-region-control {
    margin-right: 10px;
}

.inesonic-speedsentry-control-area {
    display: flex;
    flex-direction: row;
    vertical-align: middle;
}

.inesonic-speedsentry-control-name {
    font-weight: bold;
}

.inesonic-speedsentry-start-date-control {
}

.inesonic-speedsentry-end-date-control {
    margin-left: 10px;
}

.inesonic-speedsentry-start-control-span {
    margin-right: 10px;
}

.inesonic-speedsentry-end-control-span {
    margin-right: 10px;
}

.inesonic-speedsentry-monitor-status-top {
    width: 100%;
}

.inesonic-speedsentry-status-alerts-table, .inesonic-speedsentry-ssl-table, .inesonic-speedsentry-events-table {
    width: 100%;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
}

.inesonic-speedsentry-status-alerts-header, .inesonic-speedsentry-status-alerts-header-row, .inesonic-speedsentry-status-alerts-header-url, .inesonic-speedsentry-status-alerts-header-last-event, .inesonic-speedsentry-status-alerts-header-current-status, .inesonic-speedsentry-status-alerts-url, .inesonic-speedsentry-status-alerts-last-event, .inesonic-speedsentry-status-alerts-current-status, .inesonic-speedsentry-ssl-header, .inesonic-speedsentry-ssl-header-row, .inesonic-speedsentry-ssl-header-authority, .inesonic-speedsentry-ssl-header-expiration-datetime, .inesonic-speedsentry-ssl-authority, .inesonic-speedsentry-ssl-expiration-datetime, .inesonic-speedsentry-events-header, .inesonic-speedsentry-events-header-row, .inesonic-speedsentry-events-header-datetime, .inesonic-speedsentry-events-header-type, .inesonic-speedsentry-events-header-url, .inesonic-speedsentry-events-header-notes, .inesonic-speedsentry-events-datetime, .inesonic-speedsentry-events-type, .inesonic-speedsentry-events-url, .inesonic-speedsentry-events-notes {
    border: 1px solid #CCCCCC;
}

.inesonic-speedsentry-status-alerts-header, .inesonic-speedsentry-status-alerts-header-row, .inesonic-speedsentry-status-alerts-header-url, .inesonic-speedsentry-status-alerts-header-last-event, .inesonic-speedsentry-status-alerts-header-current-status, .inesonic-speedsentry-status-alerts-url, .inesonic-speedsentry-status-alerts-last-event, .inesonic-speedsentry-status-alerts-current-status, .inesonic-speedsentry-ssl-header, .inesonic-speedsentry-ssl-header-row, .inesonic-speedsentry-ssl-header-authority, .inesonic-speedsentry-ssl-header-expiration-datetime, .inesonic-speedsentry-ssl-authority, .inesonic-speedsentry-ssl-expiration-datetime, .inesonic-speedsentry-events-header, .inesonic-speedsentry-events-header-row, .inesonic-speedsentry-events-header-datetime, .inesonic-speedsentry-events-header-type, .inesonic-speedsentry-events-header-url, .inesonic-speedsentry-events-header-notes, .inesonic-speedsentry-events-datetime, .inesonic-speedsentry-events-type, .inesonic-speedsentry-events-url, .inesonic-speedsentry-events-notes {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}


.inesonic-speedsentry-status-alerts-header-url {
    white-space: nowrap;
    font-weight: bold;
}

.inesonic-speedsentry-status-alerts-header-last-event {
    white-space: nowrap;
    font-weight: bold;
    min-width: 100px;
}

.inesonic-speedsentry-status-alerts-header-current-status {
    white-space: nowrap;
    font-weight: bold;
    min-width: 100px;
}

.inesonic-speedsentry-status-alerts-url {
    min-width: 320px;
}

.inesonic-speedsentry-status-alerts-last-event {
    white-space: nowrap;
}

.inesonic-speedsentry-status-alerts-current-status {
    white-space: nowrap;
}

.inesonic-speedsentry-status-alerts-current-status-error {
    white-space: nowrap;
    font-weight: bold;
    color: red;
}

.inesonic-speedsentry-status-alerts-title-line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    vertical-align: middle;
    margin: 0;
}

.inesonic-speedsentry-status-alerts-title {
    font-size: 25px;
    color: #006DFA;
    margin-block-end: 0;
    margin-block-start: 0;
}

.inesonic-speedsentry-latency-histogram-outer {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-top: 40px;
    margin-left: 0;
    background: white;
    border: 1px solid #CCCCCC;
}

.inesonic-speedsentry-latency-histogram-title {
    margin: 0 auto;
    margin-bottom: 5px;
    font-size: 25px;
    color: #006DFA;
    white-space: nowrap;
}

.inesonic-speedsentry-latency-histogram-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.inesonic-speedsentry-latency-histogram-y-axis {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}

.inesonic-speedsentry-latency-histogram-y-axis-label {
    margin: 0 auto;
    font-size: 18px;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}

.inesonic-speedsentry-latency-histogram-x-axis-label {
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
}

.inesonic-speedsentry-image {
    width: 100%;
    height: auto;
    max-height: 1536px;
    max-width: 2047px;
}

.inesonic-speedsentry-history-graph {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    background: white;
    border: 1px solid #CCCCCC;
}

.inesonic-speedsentry-history-title {
    margin: 0 auto;
    margin-bottom: 5px;
    font-size: 25px;
    color: #006DFA;
    white-space: nowrap;
}

.inesonic-speedsentry-history-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.inesonic-speedsentry-history-y-axis {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}

.inesonic-speedsentry-history-y-axis-label {
    margin: 0 auto;
    font-size: 18px;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}

.inesonic-speedsentry-history-x-axis-label {
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
}

.inesonic-speedsentry-history-image {
    width: 100%;
}

.inesonic-speedsentry-ssl {
    margin-bottom: 40px;
}

.inesonic-speedsentry-events-title, .inesonic-speedsentry-ssl-title {
    font-size: 25px;
    color: #006DFA;
    margin-block-end: 0;
    margin-block-start: 0;
}

.inesonic-speedsentry-events-header-datetime, .inesonic-speedsentry-ssl-header-expiration-date {
    white-space: nowrap;
    font-weight: bold;
    min-width: 240px;
    max-width: 240px;
}

.inesonic-speedsentry-events-header-type {
    white-space: nowrap;
    font-weight: bold;
    min-width: 160px;
    max-width: 160px;
}

.inesonic-speedsentry-events-header-url, .inesonic-speedsentry-ssl-header-authority {
    white-space: nowrap;
    font-weight: bold;
}

.inesonic-speedsentry-events-header-notes {
    white-space: nowrap;
    font-weight: bold;
}

.inesonic-speedsentry-events-datetime, .inesonic-speedsentry-ssl-expiration-date {
    white-space: nowrap;
    min-width: 240px;
    max-width: 240px;
}

.inesonic-speedsentry-events-type {
    white-space: nowrap;
    min-width: 160px;
    max-width: 160px;
}

.inesonic-speedsentry-events-url {
}

.inesonic-speedsentry-events-notes {
}

.inesonic-speedsentry-status-alerts-full-width {
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 40px;
}

@media only screen and ( min-width: 1400px ) {
    .inesonic-speedsentry-controls {
        flex-direction: row;
        justify-content: space-between;
    }
	
    .inesonic-speedsentry-select-controls {
        justify-content: flex-end;
    }

    .inesonic-speedsentry-latency-histogram-outer {
        margin-top: 0;
        margin-left: 28px;
    }

    .inesonic-speedsentry-monitor-status-top {
        display: flex;
        flex-direction: row;
    }

    .inesonic-speedsentry-status-alerts {
        max-width: 60%;
        min-width: 50%;
    }

    .inesonic-speedsentry-controls-and-graphs {
        min-width: 40%;
    }
}

.inesonic-speedsentry-inactive-message-area {
    width: 60%;
    margin: auto;
}

.inesonic-speedsentry-signup-button-wrapper {
    text-align: center;
}

.inesonic-speedsentry-signup-button {
    font-size: 20px;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 5px;
    border: 2px solid white;
    border-radius: 3px;
    background-color: #006DFA;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
}

.ui-datepicker {
    background: #F8F8F8;
    border: 1px solid black;
    padding: 10px;
}

table.ui-datepicker-calendar {
    border-collapse: separate;
    border-spacing: 3px;
}

table.ui-datepicker-calendar > tbody > tr > td {
    border: 1px solid black;
    background: #F0F0F0;
    padding: 3px;
    margin: 2px;
    text-align: right;
}

.ui-datepicker-prev {
    display: inline-block;
    min-width: 49.9%;
    max-width: 49.9%;
    text-align: left;
}

.ui-datepicker-next {
    display: inline-block;
    min-width: 49.9%;
    max-width: 49.9%;
    text-align: right;
}

.ui-datepicker-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.ui-datepicker-month {
    width: 45%
}

.ui-datepicker-year {
    width: 45%
}

.inesonic-speedsentry-hidden {
    display: none;
}

.inesonic-speedsentry-visible {
}

.inesonic-speedsentry-maintenance-mode-hidden {
    display: none;
}

.inesonic-speedsentry-maintenance-mode-visible {
}

.inesonic-speedsentry-configuration-area-row {
}

.inesonic-row-hidden {
    display: none;
}

.inesonic-row-visible {
    display: table-row;
}

.inesonic-speedsentry-configuration-area-column {
}

.inesonic-speedsentry-mc-field {
}

.inesonic-speedsentry-mc-label {
    display: block;
    margin-bottom: 10px;
}

.inesonic-speedsentry-mc-input {
    width: 100%;
    margin-left: 40px;
    margin-right: 100px;
}

.inesonic-speedsentry-mc-button-wrapper {
    padding-left: 40px;
}

.inesonic-speedsentry-mc-documentation-wrapper {
    margin-top: 10px;
}

.inesonic-speedsentry-mc-documentation-anchor {
}

.inesonic-speedsentry-input-valid {
}

.inesonic-speedsentry-input-invalid {
    border-color: red!important;
    box-shadow: 0 0 0 1px red!important;
}

.inesonic-speedsentry-anchor-disable {
    color: #808080;
    pointer-events: none;
}    

.inesonic-speedsentry-anchor-enable {
}