:root {
    --gold: rgba(218,165,32,1);
    --silver: rgba(169,169,169,1);
}

.w-40 {
    width: 40%;
}

.text-vertical {
    writing-mode: vertical-lr;
    text-orientation: upright;
}

nav > a {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

a:hover, .clickable:hover {
    cursor: pointer;
}

.printable-div {
    font-family: Arial, Helvetica, sans-serif;
}

.country-flag-border {
    border: 1px solid #000000;
}

.flex {
    display: flex;
}

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

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

.hide-calendar .ui-datepicker-calendar {
    display: none;
}

a.nav-link {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
}

a.nav-link > div.nav-link-icon {
    text-align: center;
    width: 20px;
}

.table-nostriped tbody tr:nth-of-type(odd) {
    background-color:transparent;
}

#search-card {
    padding-bottom: 0;
}

.dot {
    height: 15px;
    width: 15px;
    background-color: red;
    border-radius: 50% !important;
    display: inline-block;
}
.invisible-dot {
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 50% !important;
}

.grecaptcha-badge {
    bottom: 65px !important;
}    /*visibility: hidden;  possible change to hidden*/

.bg-login{
    background: url("../images/bg_photo_warehouse2.jpg") fixed center center no-repeat ;
    background-size: cover;
}

mark{
   background: yellow;
}