:root {
    --main-header-color: #122844;
}

/** BASE */
kbd {
    margin: 0px 0.1em;
    padding: 0.1em 0.6em;
    border-radius: 3px;
    border: 1px solid rgb(204, 204, 204);
    color: rgb(51, 51, 51);
    line-height: 1.4;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.9rem;
    display: inline-block;
    box-shadow: 0px 1px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px #ffffff;
    background-color: rgb(247, 247, 247);
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
    border-radius: 3px;
    text-shadow: 0 1px 0 #fff;
}

/** LAYOUT */
html{
    overflow: auto;
}
body{
    overflow: hidden;
}
body > header, aside, .menu-label, .menu-list li a   {
    color: #f8f8f2
}
body > header  {
    background-color: var(--main-header-color);
    height: 52px;
    box-shadow: .1rem .2rem .5rem #ccc;
}
main {
    margin: 0px;
    padding: 0.75rem 0.75rem 0 0.75rem;
    min-height: calc(100vh - 52px);
}
#webeo {
    background-color: #122844;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

/** MODULE */
.message-header,
.card-header-title{
    background-color: var(--main-header-color);
    color: #fff !important;
}

.table_standard                   {
    border-collapse: collapse;
}
.table_standard th:first-of-type  {
    border-radius: .5rem 0px 0px 0px;
}
.table_standard th:last-of-type   {
    border-radius: 0px .5rem 0px 0px;
}
.table_standard thead th          {
    background-color: var(--main-header-color);
    padding: 1%;
    color: #fff;
    text-shadow: black 0.1em 0.1em 0.2em;
}

.label-span {
    padding: .3rem .2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.label-span label:first-letter {
    text-transform: uppercase;
}
.label-span label:after {
    content: " :";
}
.label-span span {
    font-weight: bolder;
    margin-left: .8rem;
}

input:invalid {
    border: 1px solid #ffa200;
    box-shadow: .1rem .1rem .4rem #ffa200;
}

/** PATCH JQUERY-UI */
.ui-widget-header {
    background: none !important;
    background-color: var(--main-header-color) !important;
}

.is-rspompes {
    background-color: #ffa200;
    border-color: transparent;
    color: rgba(0,0,0,.8);
}
.is-rspompes:hover {
    color: #000;
    border-color: #b5b5b5;
}