body,h1,h2,h3,h4,h5,h6 {
    font-family: "Raleway", sans-serif
}

body, html {
    height: 100%;
    line-height: 1.8;
}

.bgfirst-page {
    background-position: center;
    background-size: cover;
    min-height: 100%;
}

.w3-bar .w3-button {
    padding: 16px;
}

.loader {
    margin:0 auto; /* In the middle. */
    border: 12px solid #f3f3f3; /* Light grey */
    border-top: 12px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.loader_small {
    margin:0 auto; /* In the middle. */
    border: 4px solid #b0b0b0; 
    border-top: 4px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.newlistitem {
    /* width: 100px;
    height: 100px; */
    background-color: white;
    -webkit-animation-name: new_list_item;
    -webkit-animation-duration: 4s;
    animation-name: new_list_item;
    animation-duration: 4s;
}

.newlistitemdark {
    /* width: 100px;
    height: 100px; */
    background-color: #435761;
    -webkit-animation-name: new_list_item_dark;
    -webkit-animation-duration: 4s;
    animation-name: new_list_item_dark;
    animation-duration: 4s;
}

.icon-1x, .icon-1xx, .icon-2x  {
    vertical-align: unset;
    display: inline-flex;
    align-self: center;
    position: relative;
}

.icon-1x {
    height: 1em;
    width: 1em;
    top: .125em;
}

.icon-1xx {
    height: 1.5em;
    width: 1.5em;
    top: .1875em;
}

.icon-2x {
    height: 2em;
    width: 2em;
    top: .250em;
}

.icon-4x {
    height: 4em;
    width: 4em;
    top: .500em;
}

.icon-inv {
    filter: invert(1);
}

.wrap-text {
    word-break: break-word; 
    overflow-wrap: break-word;
}

.forced-border {
    border-bottom: 1px solid #ddd;
}

@-webkit-keyframes new_list_item {
    0%   {background-color: white;}
    25%  {background-color: #ddffdd;}
    50%  {background-color: #ddffdd;}
    100% {background-color: white;}
}

@keyframes new_list_item {
    0%   {background-color: white;}
    25%  {background-color: #ddffdd;}
    50%  {background-color: #ddffdd;}
    100% {background-color: white;}
}

@-webkit-keyframes new_list_item_dark {
    0%   {background-color: #435761;}
    25%  {background-color: #798d79;}
    50%  {background-color: #798d79;}
    100% {background-color: #435761;}
}

@keyframes new_list_item_dark {
    0%   {background-color: #435761;}
    25%  {background-color: #798d79;}
    50%  {background-color: #798d79;}
    100% {background-color: #435761;}
}

.maxacctooltip {
    position: relative;
    display: inline-block;
}

.maxacctooltip .maxacctooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #009688;
    color: #fff;
    text-align: center;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    top: 100%;
    right: 0%;
}

.maxacctooltip:hover .maxacctooltiptext {
    visibility: visible;
}

.maxacctooltip:hover {
    background-color: #ccc;
}

.maxacctooltipleft {
    position: relative;
    display: inline-block;
}

.maxacctooltipleft .maxacctooltiptextleft {
    visibility: hidden;
    width: 120px;
    background-color: #009688;
    color: #fff;
    text-align: center;
    padding: 9px 5px;
    position: absolute;
    z-index: 1;
    top: 0px;
    right: 100%;
}

.maxacctooltipleft:hover .maxacctooltiptextleft {
    visibility: visible;
}

.maxacctooltipleft:hover {
    background-color: #ccc;
}

.field {
    white-space:nowrap;
}

.show_label_inv  { display: none; }
.show_label_clnt { display: none; }
.show_label_prod { display: none; }
.show_label_stp  { display: none; }

.show_inv:hover  .show_label_inv  { display: inline-block; }
.show_clnt:hover .show_label_clnt { display: inline-block; }
.show_prod:hover .show_label_prod { display: inline-block; }
.show_stp:hover  .show_label_stp  { display: inline-block; }

/* Stripe */
.hidden {
    display: none;
}
.sr-result.expand {
    height: 350px;
}
.sr-root {
    animation: 0.4s form-in;
    animation-fill-mode: both;
    animation-timing-function: ease;
}