/* 1-Primary ATOS colors */
.color-atos-white {
    color: #ffffff;
}

.color-atos-black {
    color: #000000;
}

.color-atos-gray {
    color: #808080;
}

.color-atos-blue {
    color: #0066a1;
}

/* 2-Secondary ATOS colors */
.color-atos-orange {
    color: #fa6119;
}

.color-atos-yellow {
    color: #9e9500;
}

.color-atos-purple {
    color: #6639b7;
}

.color-atos-magenta {
    color: #a626aa;
}

.color-atos-cyan {
    color: #00a59C;
}

/* 3-Complementary ATOS colors */
.color-atos-green {
    color: #3f9c35;
}

.color-atos-pink-red {
    color: #d71f85;
}

.color-atos-clear-gray {
    color: #c7c9c7;
}

.color-atos-clear-blue {
    color: #00afdb;
}

.color-atos-clear-blue2 {
    color: #0089c4;
}

/**
 * Make code blocks display as blocks and give them the appropriate
 * font size and padding.
 *
 * https://github.com/mkdocs/mkdocs/issues/855
 * https://github.com/mkdocs/mkdocs/issues/834
 * https://github.com/mkdocs/mkdocs/issues/233
 */
.rst-content pre code {
    white-space: pre;
    word-wrap: normal;
    display: block;
    padding: 12px;
    font-size: 12px;
}

/**
 * Fix code colors
 *
 * https://github.com/mkdocs/mkdocs/issues/2027
 */
.rst-content code {
    color: #00A59C;
    border: none;
    background: none;
    white-space: nowrap;
    font-family: Verdana, sans-serif;
    font-size: 11pt;
    padding: 0;
}

.rst-content pre code {
    color: #000;
    background: #f8f8f8;
    font-family: "Courier New", monospace;
}

/*
 * Fix link colors when the link text is inline code.
 *
 * https://github.com/mkdocs/mkdocs/issues/718
 */
a code {
    color: #0066a1;
}

a:hover code {
    color: #0089c4;
}

a:visited code {
    color: #a626aa;
}

/*
 * The CSS classes from highlight.js seem to clash with the
 * ReadTheDocs theme causing some code to be incorrectly made
 * bold and italic.
 *
 * https://github.com/mkdocs/mkdocs/issues/411
 */
pre .cs, pre .c {
    font-weight: inherit;
    font-style: inherit;
}

/*
 * Fix some issues with the theme and non-highlighted code
 * samples. Without and highlighting styles attached the
 * formatting is broken.
 *
 * https://github.com/mkdocs/mkdocs/issues/319
 */
.rst-content .no-highlight {
    display: block;
    padding: 0.5em;
    color: #333;
}


/*
 * Additions specific to the search functionality provided by MkDocs
 */

.search-results {
    margin-top: 23px;
}

.search-results article {
    border-top: 1px solid #E1E4E5;
    padding-top: 24px;
}

.search-results article:first-child {
    border-top: none;
}

form .search-query {
    width: 100%;
    border-radius: 50px;
    padding: 6px 12px; /* csslint allow: box-model */
    border-color: #D1D4D5;
}

/*
 * Improve inline code blocks within admonitions.
 *
 * https://github.com/mkdocs/mkdocs/issues/656
 */
.rst-content .admonition code {
    color: #404040;
    border: 1px solid #c7c9cb;
    background: #f8fbfd;
    background: rgba(255, 255, 255, 0.7);
}

/*
 * Account for wide tables which go off the side.
 * Override borders to avoid wierdness on narrow tables.
 *
 * https://github.com/mkdocs/mkdocs/issues/834
 * https://github.com/mkdocs/mkdocs/pull/1034
 */
.rst-content .section .docutils {
    width: 100%;
    overflow: auto;
    display: block;
    border: none;
}

td, th {
    border-bottom: 1px solid #e1e4e5 !important;
    border-collapse: collapse;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

thead {
    text-align: left;
}

tr {
    margin: 10px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border-right: none;
    border-left: none;
    border-top: none;
}

blockquote {
    padding: 12px;
    line-height: 24px;
    margin-bottom: 24px;
    background: #e7f2fa;
}

blockquote p {
    margin-bottom: 0;
}

.navbar {
    background-color: #002d3c;
    border-style: solid;
    border-width: 0 0 4px 0;
    border-color: gray;
    padding: .5rem 1rem;
    align-items: center;
    display: flex;
    min-height: 60px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
}

.brand-logo {
    height: 33px;
}

.navTitleSeparator {
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: #ffffff;
    margin-right: 5px;
    margin-left: 10px;
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .2rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    color: white !important;
}

.wy-nav-content {
    max-width: 1400px;
    margin: 60px 0 0 0;
}

.wy-nav-side {
    top: 60px;
}

.atos-search {
    padding: 20px;
}

.fa-atos {
    color: white;
    margin-right: 1rem;
}

@media (min-width: 768px) {
    .fa-atos{
        display: none;
    }
}
@media (max-width: 768px){
    .fa-atos{
        display: block;
    }
}

h1,h2,h3,h4,h5,h6[id] {
    margin-top: -62px;
    padding-top: 62px
}
