/* Source of css https://github.com/readthedocs/readthedocs.org/blob/3167ad2d04a9b82ec93bb3efe5f8694b0f2f8664/media/css/ */

/* Fit the left nav bar color for OnSphere Logo */
.wy-nav-content {
    max-width: 100%;
}

.wy-side-nav-search {
    display: block;
    padding: .809em;
    margin-bottom: .809em;
    z-index: 200;
    background-color: #e7eff4;
    text-align: center;
    color: #fcfcfc;
    padding: .809em;
}

/* Avoid scroll bar in tables */
.wy-table-responsive table td {
    white-space: normal;
}

/* Paragraph margin */

p {
    margin-bottom: 8px;
}

/* Title style */

h1 {
    font-size: 3em;
    /* Adjust the size as needed */
    color: #003866;
    /* Choose a suitable text color */
    font-weight: 800 !important;
    /* Adjust font weight for emphasis */
    text-align: left;
    /* Align the text as needed */
    line-height: 1.2em;
    /* Interlining */
    margin-bottom: 24px !important;
    /* Add space below the title */
    margin-top: 42px;
    /* Add space above the title */
}

h2 {
    font-size: 2.2em;
    /* Adjust the size as needed */
    color: #427ca7;
    /* Choose a suitable text color */
    font-weight: bold;
    /* Adjust font weight for emphasis */
    margin-top: 36px;
    /* Add space above the title */
    line-height: 1.2em;
    /* Interlining */
    margin-bottom: 18px !important;
    /* Add space below the title */
}

h3 {
    font-size: 1.7em;
    /* Adjust the size as needed */
    color: #508ebd;
    /* Choose a suitable text color */
    font-weight: bold;
    /* Adjust font weight for emphasis */
    margin-top: 24px !important;
    /* Add space above the title */
    margin-bottom: 12px !important;
    /* Add space below the title */
}

h4 {
    font-size: 1.1em;
    /* Adjust the size as needed */
    color: #78b2df;
    /* Choose a suitable text color */
    font-weight: bold;
    /* Adjust font weight for emphasis */
    margin-top: 15px;
    /* Add space above the title */
    margin-bottom: 10px;
    /* Add space below the title */
}

h5 {
    font-size: 1em;
    /* Adjust the size as needed */
    color: #999;
    /* Choose a suitable text color */
    font-weight: bold;
    /* Adjust font weight for emphasis */
    margin-top: 15px;
    /* Add space above the title */
    margin-bottom: 10px;
    /* Add space below the title */
}

.rst-content .section ol li>*,
.rst-content .section ul li>*,
.rst-content .toctree-wrapper ol li>*,
.rst-content .toctree-wrapper ul li>*,
.rst-content section ol li>*,
.rst-content section ul li>* {
    margin-top: 3px;
    /* Adjust space above 2nd section */
}

.rst-content section ul.simple li ul {
    padding-bottom: 18px;
}

.rst-content {
    margin-bottom: 3px;
    margin-top: 24px;
}

.table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.table th {
    text-align: left;
    padding: 8px;
    background-color: #f2f2f2;
    border: 1px solid #ddd;
}

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

.table th,
.table td {
    width: 150px;
}

table {
    table-layout: fixed;
}

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

.rst-content code.literal, .rst-content tt.literal {
    color: #404040;
    background-color: rgb(242, 242, 242);
    border-radius: 4px;
    font-family: Lato, proxima-nova, "Helvetica Neue", Arial, sans-serif;
    font-size: 100%;
}






/* Base style for all admonitions */
div.admonition {
    border-left: 4px solid #ccc;  /* default border */
    background-color: transparent; /* remove background */
    padding: 0.8em 1em;
    margin: 1em 0;
}

/* Remove background from the title as well */
div.admonition .admonition-title {
    background: none;
    color: inherit;
    font-weight: bold;
    margin-bottom: 0.3em;
}

/* Specific colors for different admonition types */
div.admonition.note {
    border-left-color: #2980b9; /* blue */
}

div.admonition.hint {
    border-left-color: #27ae60; /* green */
}

div.admonition.warning {
    border-left-color: #f39c12; /* orange */
}

div.admonition.error,
div.admonition.danger {
    border-left-color: #c0392b; /* red */
}

/* Optional: slightly emphasize the title text with matching color */
div.admonition.note .admonition-title { color: #5092be; }
div.admonition.hint .admonition-title { color: #27ae60; }
div.admonition.warning .admonition-title { color: #f39c12; }
div.admonition.error .admonition-title,
div.admonition.danger .admonition-title { color: #c0392b; }

.rst-content .admonition-title,
.rst-content .wy-alert-title {
    background: none !important;
}