:root {
    --highlightColor: #FFBF00;
    --otherColor: #427EC3;
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.table > :not(:first-child) {
    border-top: 0px solid currentColor !important;
}




.pink {
    color: #FFBF00;
}

.btn-match {
    background-color: var(--highlightColor);
    color: Black;
    pointer-events: none;
}

    .btn-match i {
        color: var(--otherColor) !important;
    }

.other {
    color: var(--otherColor);
    border-color: var(--otherColor);
}

.btn-extra {
    background-color: var(--otherColor);
    color: white;
    pointer-events: none;
}

.btn.withBorder {
    border-color: #2F3E48;
}

.btn {
    white-space: nowrap;
}

.btn:focus, .btn:active {
    outline: none !important;
    box-shadow: none !important;
}

.btn:hover {
    text-decoration: none;
}

.btn-primary, .btn-primary:active, .btn-primary:visited {
    background-color: black !important;
    border-color: grey;
}

.btn-highlight {
    background-color: var(--highlightColor);
    color: black;
    pointer-events: none;
}

.btn-white {
    background-color: white;
    color: black;
}

svg text {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

svg text::selection {
    background: none;
}

tr {
    height: 50px;
    border-bottom-color: #e5e5e5;
}

th {
    text-align: left;
    border-bottom-style: solid;
    vertical-align: middle;
}

.top {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #e5e5e5;
}
th.left
{
    border-left-style: solid;
    border-left-width: 1px;
}
th.right
{
    border-right-style: solid;
    border-right-width: 1px;
}

td {
    text-align: left;
    vertical-align: middle;
}

.left {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #e5e5e5;
}
.right {
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #e5e5e5;
}
td.top
{
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color:#8ecafc;
}
.bottom {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e5e5e5;
}

input.Button
{
    border-width: 1px;
    border-style: solid;   
    border-color: Black;
    height: 20px; 
    cursor: pointer;  
}

.btn-primary {
    color: #fff;
}
.btn:focus {
    outline: none;
    box-shadow: none;
}

.Base {
    background-color: #54A4FF;
    border-color: #e5e5e5;
}

.Details
{
    background-color: #EDEFED;
    color: black; 
}
.Details tr {
    background-color: #EDEFED;
    color: black;
}
.Details th 
{
    border-left-color: #e5e5e5;
    border-right-color: #e5e5e5;
    border-top-color: #e5e5e5;
}
.Details td
{ 
    border-left-color: #e5e5e5;   
    border-right-color: #e5e5e5;  
}
.Details tfoot td {
    border-bottom-color: #e5e5e5;
    border-left-color: #e5e5e5;
    border-right-color: #e5e5e5;
}

.Second
{
    background-color: #D9D1BD;
}

.Third
{
    background-color: #EDEFED;
    color: #326BB1;
}

.Forth
{
    background-color: #F2F2F2;
}

.Second
{
    background-color: #D9D1BD;
    color: black;
}

.CopyRight
{
    font-size: xx-small;
    text-transform: uppercase;
    color: #999999;
    font-family: arial,helvetica,sans-serif;
}

.Strip
{
    padding: 0px; 
    background-image: url('./images/Arrow.png'); 
    background-position: left; 
    background-repeat: repeat-x
}

.Locked
{
    background-image: url('./images/lock.png');
    background-position: right;
    background-repeat: no-repeat;
}

.Checkbox label
{
    display: none;
}

.UTCSymbol
{
    color: #666666;
    font-size: xx-small;
}

.LinkButton
{
    color: Blue; 
    text-decoration: underline;
}

.LinkButtonDisabled
{
    color: Black; 
    text-decoration: none;
}