.test {
    display:table; /*makes the border between input & button dissapear*/
}
/*you can not use this class but then you wont have a border around your button*/
.myborder {
    height: 28px; /*need to adjust height, or you'll notice that the button is larger than the input because we added a border of 1px all around*/
    border: 1px solid #ddd;
    border-left: 0px; /*to avoid a double border on left side of button - situational*/
}

.text-white {
    color: white;
}
.text-gold {
    color: gold;
}

.bodyback .uk-navbar-container,
.bodyback {
    background: rgb(255, 253, 219);
    /*background: linear-gradient(180deg, rgb(92, 58, 7) 0%, rgba(121,76,9,1) 60%, rgba(255,171,0,1) 100%);*/
}

/*
 * Primary
 */
.uk-card-primary {
    background-color: gold;
    color: black;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.uk-card-primary .uk-card-title {
    color: black;
}
.uk-card-primary.uk-card-hover:hover {
    background-color: goldenrod;
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
.uk-card-primary > p {
    color: black;
}
.uk-card-primary > :not([class*='uk-card-media']){
    color: black;
}
/*
 * Primary
 */
.uk-button-primary,
.uk-button-primary a,
.uk-light .uk-button-primary {
    background-color: gold;
    color: black;
    border: 1px solid transparent;
}
/* Hover */
.uk-button-primary,
.uk-button-primary a:hover,
.uk-light .uk-button-primary:hover {
    background-color: goldenrod;
    color: black;
}
/* OnClick + Active */
.uk-button-primary,
.uk-button-primary a:active,
.uk-light .uk-button-primary:active,
.uk-light .uk-button-primary.uk-active {
    background-color: goldenrod;
    color: black;
}

.uk-button-warning{
    background-color: #ca8a04;
    color: black;
}

.uk-table td {
    font-size: 10px;
    padding: 3px;
}