.pusher {
    display: flex !important;
    flex-direction: column !important;
}

.ui.sidebar {
    z-index: 1000 !important;
}

main {
    display: flex;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

#back-to-top-button {
    display: none;
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 999; /* Make sure it does not overlap */
}

#top-menu, #top-menu-mobile {
    border-radius: 0;
}

.ui.cards a.card:hover .alaska-card-footer {
    background-color: var(--alaska-orange);
}

.alaska-card-footer-blue:hover {
    background-color: var(--alaska-blue) !important;
    cursor: default !important;
}

.ui.table thead th, .ui.table thead, .ui.table tfoot th, .ui.table tfoot {
    background: #dff0ff !important;
}

.ui.table, .ui.table thead th, .ui.table tfoot th {
    border-width: 1px !important;
    border-color: var(--alaska-blue) !important;
}

figure.code-block-segment, div.syntax-code-block {
    display: block;
    margin: 1em 0em 0em 0em;
    border: 1px solid var(--alaska-blue);
    border-radius: 0.28571429rem;
}

figure.code-block-segment figcaption {
    display: block;
    padding: 1em;
    border-bottom: 1px solid var(--alaska-blue);
    border-radius: 0.28571429rem 0.28571429rem 0 0;
    font-weight: bold;
}

figure.code-block-segment figcaption, div.syntax-code-block {
    background: #dff0ff;
}

div.code-block, div.syntax-code-block {
    overflow-x: auto;
    padding: 0em 1em 0em 1em;
}

pre, pre code, pre samp {
    margin: 0;
    padding: 1em 0em 1em 0em;
}

pre code, pre samp {
    word-wrap: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    cursor: text;
}

.ui.inverted.orange.menu .active.item {
    background-color: var(--alaska-blue) !important;
}

#leading-char-menu td.active {
    background-color: var(--alaska-blue) !important;
    color: #ffffff !important;
}

#leading-char-menu td {
    border-color: #dd691d !important;
}

#leading-char-menu td.goto-link {
    padding: 0.5em;
}

#leading-char-menu td.active:first-child {
    border-radius: 0.28571429rem 0px 0px 0.28571429rem;
}

#leading-char-menu td.active:last-child {
    border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: bold !important;
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-flex-grow {
    flex-grow: 0 !important;
}

.padding-top-1 {
    padding-top: 1em !important;
}

.padding-top-2 {
    padding-top: 2em !important;
}

.margin-top-1 {
    margin-top: 1em !important;
}

.margin-top-2 {
    margin-top: 2em !important;
}

.margin-right-1 {
    margin-right: 1em !important;
}

.margin-right-2 {
    margin-right: 2em !important;
}

.margin-left-1 {
    margin-left: 1em !important;
}

.margin-left-2 {
    margin-left: 2em !important;
}

.bg-blue, .dark-blue {
    background-color: var(--alaska-blue) !important;
    color: #FFFFFF !important;
}

.bg-light-blue {
    background-color: var(--alaska-light-blue) !important;
}

.text-blue {
    color: var(--alaska-blue) !important;
}

.text-white {
    color: #FFFFFF !important;
}

.nowrap {
    white-space: nowrap;
}

div.image-title {
    border: 0px !important;
    text-align: center;
    margin: 0px !important;
}

div.image-content {
    max-width: 50em !important;
}

i.image-divider {
    margin: 0px !important;
}

.ui.top.attached.clearing.segment .ui.header {
    margin-bottom: 0em;
}

#left-menu, #right-menu {
    z-index: 1;
}

.video-wrapper {
    width: 50%;
}

div.stackable.grid.image-grid div.row div.wide.column:first-child {
    text-align: right;
}

div.stackable.grid.image-grid div.row div.wide.column:last-child {
    text-align: left;
}

div.stackable.grid.image-grid div.row.image-header-row {
    padding-top: 0;
}

div.stackable.grid.image-grid {
    margin-bottom: 1em;
}

#wdg-feature {
    margin-left: 1em;
}

#left-menu {
    border-radius: .28571429rem !important;
}

.wdg-simple-list, .wdg-ordered-list, .wdg-parameter-list, .wdg-link-list {
    margin-bottom: 1em;
}

.ui.center.aligned.message {
    text-align: center;
}

figcaption.code-block-header {
    min-height: 3.3em;
}

a.anchor {
    position: relative;
    top: -50px;
}

#left-menu .item {
    padding-top: 7px;
    padding-bottom: 7px;
}

#wdg-sidebar-bread-crumbs {
    border-bottom: 1px solid #2224261a
}

#wdg-footer-menu .item {
    border-radius: 0;
}

#leading-char-result .column {
    box-shadow: -1px 0 0 0 rgba(34, 36, 38, .9);
    webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, .9);
}

.truncated {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ui.vertical.menu .item > i.icon {
    float: left;
    margin: 0em 0.5em 0em 0em;
}

.wgd-left-menu-group-content .item {
    background-color: rgb(170, 213, 255) !important;
    color: rgba(0, 0, 0, .87) !important;
}

.wgd-left-menu-group-content .item:hover {
    background-color: rgba(170, 213, 255, 0.8) !important;
    color: rgba(0, 0, 0, .87) !important;
}

.wgd-left-menu-group-content .item.active {
    background-color: rgba(170, 213, 255, 0.6) !important;
    color: rgba(0, 0, 0, .87) !important;
}

pre[class*="language-"], code[class*="language-"] {
    background-color: white !important;
    margin: 0 !important;
    padding: 0 !important;
}

#version-dropdown, #version-dropdown-mobile {
    min-height: 35px;
    padding: .67857143em 3.2em .67857143em 1em
}

#wdg-footer-menu {
    margin-bottom: 0;
}

#wdg-footer-menu .item {
    padding: .92857143em 1.14285714em;
}

.index-header {
    font-size: 1.2em !important;
}

/* Mobile */
@media only screen and (max-width: 767px) {
    [class*="mobile hidden"],
    [class*="tablet only"]:not(.mobile),
    [class*="computer only"]:not(.mobile),
    [class*="large screen only"]:not(.mobile),
    [class*="widescreen only"]:not(.mobile),
    [class*="or lower hidden"] {
        display: none !important;
    }

    h1 {
        font-size: 1.5em !important;
    }

    h2 {
        font-size: 1.4em !important;
    }

    #wdg-top-level-title {
        font-size: 0.8em !important;
    }

    #right-menu {
        position: static !important;
    }

    .video-wrapper {
        width: 100%;
    }

    #leading-char-menu {
        width: 100%;
    }

    #leading-char-menu tr:first-child td.active:first-child {
        border-radius: 0.28571429em 0em 0em 0em;
    }

    #leading-char-menu tr:first-child td.active:last-child {
        border-radius: 0em 0.28571429em 0em 0em;
    }

    #leading-char-menu tr:last-child td.active:first-child {
        border-radius: 0em 0em 0em 0.28571429em;
    }

    #leading-char-menu tr:last-child td.active:last-child {
        border-radius: 0em 0em 0.28571429em 0em;
    }

    #leading-char-menu td.active:first-child {
        border-radius: 0em;
    }

    #leading-char-menu td.active:last-child {
        border-radius: 0em;
    }

    div.stackable.grid.image-grid div.row div.wide.column {
        text-align: center !important;
    }

    a.anchor {
        top: -50px;
    }
}

/* Tablet / iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    [class*="mobile only"]:not(.tablet),
    [class*="tablet hidden"],
    [class*="computer only"]:not(.tablet),
    [class*="large screen only"]:not(.tablet),
    [class*="widescreen only"]:not(.tablet),
    [class*="or lower hidden"]:not(.mobile) {
        display: none !important;
    }

    h1 {
        font-size: 1.5em !important;
    }

    .video-wrapper {
        width: 100%;
    }

    #leading-char-menu {
        width: auto;
    }

    #leading-char-menu tr:first-child td.active:first-child {
        border-radius: 0.28571429em 0em 0em 0em;
    }

    #leading-char-menu tr:first-child td.active:last-child {
        border-radius: 0em 0.28571429em 0em 0em;
    }

    #leading-char-menu tr:last-child td.active:first-child {
        border-radius: 0em 0em 0em 0.28571429em;
    }

    #leading-char-menu tr:last-child td.active:last-child {
        border-radius: 0em 0em 0.28571429em 0em;
    }

    #leading-char-menu td.active:first-child {
        border-radius: 0em;
    }

    #leading-char-menu td.active:last-child {
        border-radius: 0em;
    }

    div.stackable.grid.image-grid div.row div.wide.column {
        text-align: center !important;
    }

    #right-menu {
        position: static !important;
    }
}

/* Computer / Desktop / iPad Landscape */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    [class*="mobile only"]:not(.computer),
    [class*="tablet only"]:not(.computer),
    [class*="computer hidden"],
    [class*="large screen only"]:not(.computer),
    [class*="widescreen only"]:not(.computer),
    [class*="or lower hidden"]:not(.tablet):not(.mobile) {
        display: none !important;
    }

    #leading-char-menu {
        width: auto;
    }

    #leading-char-menu tr:first-child td.active:first-child {
        border-radius: 0.28571429em 0em 0em 0em;
    }

    #leading-char-menu tr:first-child td.active:last-child {
        border-radius: 0em 0.28571429em 0em 0em;
    }

    #leading-char-menu tr:last-child td.active:first-child {
        border-radius: 0em 0em 0em 0.28571429em;
    }

    #leading-char-menu tr:last-child td.active:last-child {
        border-radius: 0em 0em 0.28571429em 0em;
    }

    #leading-char-menu td.active:first-child {
        border-radius: 0em;
    }

    #leading-char-menu td.active:last-child {
        border-radius: 0em;
    }
}

/* Large Monitor */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
    [class*="mobile only"]:not([class*="large screen"]),
    [class*="tablet only"]:not([class*="large screen"]),
    [class*="computer only"]:not([class*="large screen"]),
    [class*="large screen hidden"],
    [class*="widescreen only"]:not([class*="large screen"]),
    [class*="or lower hidden"]:not(.computer):not(.tablet):not(.mobile) {
        display: none !important;
    }
}

/* Widescreen Monitor */
@media only screen and (min-width: 1920px) {
    [class*="mobile only"]:not([class*="widescreen"]),
    [class*="tablet only"]:not([class*="widescreen"]),
    [class*="computer only"]:not([class*="widescreen"]),
    [class*="large screen only"]:not([class*="widescreen"]),
    [class*="widescreen hidden"],
    [class*="widescreen or lower hidden"] {
        display: none !important;
    }
}

:root {
    --alaska-orange: #f2711C;
    --alaska-blue: #1A508E;
    --alaska-light-blue: #aad5ff;
}