/* @import "custom.scss" */

.g-logo img {
    max-width: 70%;
}

.transferTableContainer {
    width: 100%;
    /*overflow-x: scroll;*/
}
.transferTable {
    font-size: 14pt;
    font-weight: 600;
    color: #fff;
    background: #666;
    text-align: center;
    min-width: 1000px;
    width: 100%;
}
.transferTable td,
.transferTable th {
    border: 3px solid #fff;
    padding: 15px;
}
.transferTableContainer h2 {
    display: none;
    margin-top: 15px;
}
.transferTable .title {
    display: none;
}
.bg-dark-green {
    background-color: #005847;
}
.bg-light-green {
    background-color: #00a182;
}
.bg-none {
    background-color: #fff;
    color: #000;
}

@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    .transferTable {
        min-width: 100%;
    }

    .transferTable,
    .transferTable .bg-none,
    .transferTable .bg-dark-green,
    .transferTable .bg-light-green {
        color: #000;
        background: none;
    }

    .transferTable td {
        font-weight: 200;
        border: none;
        border-bottom: 1px solid #dddddd;
    }

    .transferTable tr:nth-child(even) {
        background: #ececec;
    }

    .transferTableContainer h2 {
        display: block;
    }

    .transferTable .title {
        display: block;
        border: none;
    }

    .transferTable .title td {
        border: none;
        position: inherit;
        text-align: left;
    }

    .transferTable table,
    .transferTable thead,
    .transferTable tbody,
    .transferTable th,
    .transferTable td,
    .transferTable tr {
        display: block;
    }

    .transferTable thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .transferTable tr {
        border-top: 1px solid #ccc;
    }

    .transferTable td {
        border: none;
        border-top: 1px solid #ddd;
        position: relative;
        text-align: right;
        overflow: auto;
    }

    .transferTable td.text-right {
        text-align: left !important;
    }

    .transferTable td:before {
        width: 50%;
        padding-right: 10px;
        text-align: left;
        float: left;

        display: block;

        content: attr(data-label);
        font-weight: bold;
    }
}