.xchngrates {
    padding: 0;
    vertical-align: top;
    min-height: 60px;
    line-height: 100%;
    /*! min-height: 60px; */
}

.allrates {
    vertical-align: top;
}

.ratehead, .xchngrates{
    display: grid;
    grid-template-columns:  auto 13% 25% 25%
}

.ratedata {
    display: grid;
    /* grid-template-columns: auto; */
    font-size: 125%;
    color: black;
}

.tophead{
    font-size: 130%;
}
@media screen and (min-width: 790px){
    .ratedata {
        display: grid;
        grid-template-columns: 50% auto;
        font-size: 100%;
    }
}

/* Valuta */
.codehead {
    font-size: 80%;
    color:           inherit;
    text-align:      center;
    border-style:   solid;
    border-color:   black;
    border-width:   1px 0 1px 1px;
    border-radius:  5px 0 0 5px;
    background:      inherit;
    padding:         10px 30px;
}

.abouthead {
    font-size: 100%;
    color:           inherit;
    text-align:      center;
    border-style:    solid;
    border-color:    black;
    border-width:    1px 0;
    background:      inherit;
    border-collapse: separate;
    line-height:     90%;
    padding:         10px 0px;
}

/*kopuva we buy dqsno*/
.ratebhead {
    font-size: 80%;
    color:           inherit;
    text-align:      center;
    border-style:    solid;
    border-color:    black;
    border-width:    1px 0;
    background:      inherit;
    border-collapse: separate;
    line-height:     90%;
    padding:         10px 0px;
}

/*prodava we sell dqsno*/
.rateshead {
    font-size: 80%;
    color:           inherit;
    text-align:      center;
    /*! border-style:    solid; */
    /*! border-color:    black; */
    border-width:    1px 0;
    background:      inherit;
    border-collapse: separate;
    line-height:     90%;
    padding:         10px 0px;
    border-style: solid;
    border-color: black;
    border-width: 1px 1px 1px 0;
    border-radius: 0 5px 5px 0;
    box-shadow: 10px 6px 5px 0 rgba(0, 0, 0, 0.75);
}

.curcode {
    /*font-family: Futura Narrow;*/
    /* font-size:      117%; */
    font-weight:    bold;
    color:          inherit;
    text-align:     left;
    border-style:   solid;
    border-color:   black;
    border-width:   1px 0 1px 1px;
    border-radius:  5px 0 0 5px;
    background:     #e0e0e0;
    /*border-collapse: collapse;          */
    /*! padding:        0 0 0 10px; */
    /*	width:          40%;*/
    box-shadow:     10px 6px 5px 0 rgba(0, 0, 0, 0.75);
    vertical-align: middle;
    padding: 10px 0 10px 5px;
}

.curcode span {
    padding: 0 10px 0 5px;
    color:brown;
    display:contents;
}

/* (100) v dvete koloni */
.about {
    font-size:      80%;
    color:          inherit;
    text-align:     center;
    border-style:   solid;
    border-color:   black;
    border-width:   1px 0;
    padding:        10px 4px 0 0;
    background:     #e0e0e0;
    box-shadow:     10px 6px 5px 0 rgba(0, 0, 0, 0.75);
    vertical-align: middle;
    /*! line-height:    90%; */
}

/*������ we buy*/
.rateb {
    /*font-family: ostrich sans; */
    /*font-family: Futura Narrow; */
    /* font-size:       125%; */
    font-weight:     bold;
    color:           inherit;
    text-align:      right;
    border-style:    solid;
    border-color:    black;
    border-width:    1px 0;
    background:      #e0e0e0;
    border-collapse: collapse;
    padding:         10px 4px 0 0;
    box-shadow:      10px 6px 5px 0 rgba(0, 0, 0, 0.75);
    vertical-align:  middle;
}

/*������ we sell*/
.rates {
    /*font-family: LCDNova; */
    /*font-family: Tall Dark And Handsome; */
    /* font-size:       125%; */
    font-weight:     bold;
    color:           inherit;
    text-align:      right;
    border-style:    solid;
    border-color:    black;
    border-width:    1px 1px 1px 0;
    border-radius:   0 5px 5px 0;
    background:      #e0e0e0;
    border-collapse: collapse;
    padding:         10px 4px 0 0;
    box-shadow:      10px 6px 5px 0 rgba(0, 0, 0, 0.75);
    vertical-align:  middle;
}

.odd {
    background: wheat;
}

.BGN:after{
    content: " лв";
    font-size: 80%;
    font-weight: normal;
    white-space: pre;
}
.EUR:after{
    content: " €  ";
    font-size: 80%;
    font-weight: normal;
    white-space: pre;
}