.pure-g {
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    -ms-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start
}

.opera-only :-o-prefocus,
.pure-g {
    word-spacing: -.43em
}

.pure-u {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
}


.pure-u-1,
.pure-u-1-1,
.pure-u-1-12,
.pure-u-1-2,
.pure-u-1-24,
.pure-u-1-3,
.pure-u-1-4,
.pure-u-1-5,
.pure-u-1-6,
.pure-u-1-8,
.pure-u-10-24,
.pure-u-11-12,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-2-24,
.pure-u-2-3,
.pure-u-2-5,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24,
.pure-u-3-24,
.pure-u-3-4,
.pure-u-3-5,
.pure-u-3-8,
.pure-u-4-24,
.pure-u-4-5,
.pure-u-5-12,
.pure-u-5-24,
.pure-u-5-5,
.pure-u-5-6,
.pure-u-5-8,
.pure-u-6-24,
.pure-u-7-12,
.pure-u-7-24,
.pure-u-7-8,
.pure-u-8-24,
.pure-u-9-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
}

.pure-u-1-24 {
    width: 4.1667%
}

.pure-u-1-12,
.pure-u-2-24 {
    width: 8.3333%
}

.pure-u-1-8,
.pure-u-3-24 {
    width: 12.5%
}

.pure-u-1-6,
.pure-u-4-24 {
    width: 16.6667%
}

.pure-u-1-5 {
    width: 20%
}

.pure-u-5-24 {
    width: 20.8333%
}

.pure-u-1-4,
.pure-u-6-24 {
    width: 25%
}

.pure-u-7-24 {
    width: 29.1667%
}

.pure-u-1-3,
.pure-u-8-24 {
    width: 33.3333%
}

.pure-u-3-8,
.pure-u-9-24 {
    width: 37.5%
}

.pure-u-2-5 {
    width: 40%
}

.pure-u-10-24,
.pure-u-5-12 {
    width: 41.6667%
}

.pure-u-11-24 {
    width: 45.8333%
}

.pure-u-1-2,
.pure-u-12-24 {
    width: 50%
}

.pure-u-13-24 {
    width: 54.1667%
}

.pure-u-14-24,
.pure-u-7-12 {
    width: 58.3333%
}

.pure-u-3-5 {
    width: 60%
}

.pure-u-15-24,
.pure-u-5-8 {
    width: 62.5%
}

.pure-u-16-24,
.pure-u-2-3 {
    width: 66.6667%
}

.pure-u-17-24 {
    width: 70.8333%
}

.pure-u-18-24,
.pure-u-3-4 {
    width: 75%
}

.pure-u-19-24 {
    width: 79.1667%
}

.pure-u-4-5 {
    width: 80%
}

.pure-u-20-24,
.pure-u-5-6 {
    width: 83.3333%
}

.pure-u-21-24,
.pure-u-7-8 {
    width: 87.5%
}

.pure-u-11-12,
.pure-u-22-24 {
    width: 91.6667%
}

.pure-u-23-24 {
    width: 95.8333%
}

.pure-u-1,
.pure-u-1-1,
.pure-u-24-24,
.pure-u-5-5 {
    width: 100%
}

@media screen and (min-width:35.5em) {

    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-1-12,
    .pure-u-sm-1-2,
    .pure-u-sm-1-24,
    .pure-u-sm-1-3,
    .pure-u-sm-1-4,
    .pure-u-sm-1-5,
    .pure-u-sm-1-6,
    .pure-u-sm-1-8,
    .pure-u-sm-10-24,
    .pure-u-sm-11-12,
    .pure-u-sm-11-24,
    .pure-u-sm-12-24,
    .pure-u-sm-13-24,
    .pure-u-sm-14-24,
    .pure-u-sm-15-24,
    .pure-u-sm-16-24,
    .pure-u-sm-17-24,
    .pure-u-sm-18-24,
    .pure-u-sm-19-24,
    .pure-u-sm-2-24,
    .pure-u-sm-2-3,
    .pure-u-sm-2-5,
    .pure-u-sm-20-24,
    .pure-u-sm-21-24,
    .pure-u-sm-22-24,
    .pure-u-sm-23-24,
    .pure-u-sm-24-24,
    .pure-u-sm-3-24,
    .pure-u-sm-3-4,
    .pure-u-sm-3-5,
    .pure-u-sm-3-8,
    .pure-u-sm-4-24,
    .pure-u-sm-4-5,
    .pure-u-sm-5-12,
    .pure-u-sm-5-24,
    .pure-u-sm-5-5,
    .pure-u-sm-5-6,
    .pure-u-sm-5-8,
    .pure-u-sm-6-24,
    .pure-u-sm-7-12,
    .pure-u-sm-7-24,
    .pure-u-sm-7-8,
    .pure-u-sm-8-24,
    .pure-u-sm-9-24 {
        display: inline-block;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto
    }

    .pure-u-sm-1-24 {
        width: 4.1667%
    }

    .pure-u-sm-1-12,
    .pure-u-sm-2-24 {
        width: 8.3333%
    }

    .pure-u-sm-1-8,
    .pure-u-sm-3-24 {
        width: 12.5%
    }

    .pure-u-sm-1-6,
    .pure-u-sm-4-24 {
        width: 16.6667%
    }

    .pure-u-sm-1-5 {
        width: 20%
    }

    .pure-u-sm-5-24 {
        width: 20.8333%
    }

    .pure-u-sm-1-4,
    .pure-u-sm-6-24 {
        width: 25%
    }

    .pure-u-sm-7-24 {
        width: 29.1667%
    }

    .pure-u-sm-1-3,
    .pure-u-sm-8-24 {
        width: 33.3333%
    }

    .pure-u-sm-3-8,
    .pure-u-sm-9-24 {
        width: 37.5%
    }

    .pure-u-sm-2-5 {
        width: 40%
    }

    .pure-u-sm-10-24,
    .pure-u-sm-5-12 {
        width: 41.6667%
    }

    .pure-u-sm-11-24 {
        width: 45.8333%
    }

    .pure-u-sm-1-2,
    .pure-u-sm-12-24 {
        width: 50%
    }

    .pure-u-sm-13-24 {
        width: 54.1667%
    }

    .pure-u-sm-14-24,
    .pure-u-sm-7-12 {
        width: 58.3333%
    }

    .pure-u-sm-3-5 {
        width: 60%
    }

    .pure-u-sm-15-24,
    .pure-u-sm-5-8 {
        width: 62.5%
    }

    .pure-u-sm-16-24,
    .pure-u-sm-2-3 {
        width: 66.6667%
    }

    .pure-u-sm-17-24 {
        width: 70.8333%
    }

    .pure-u-sm-18-24,
    .pure-u-sm-3-4 {
        width: 75%
    }

    .pure-u-sm-19-24 {
        width: 79.1667%
    }

    .pure-u-sm-4-5 {
        width: 80%
    }

    .pure-u-sm-20-24,
    .pure-u-sm-5-6 {
        width: 83.3333%
    }

    .pure-u-sm-21-24,
    .pure-u-sm-7-8 {
        width: 87.5%
    }

    .pure-u-sm-11-12,
    .pure-u-sm-22-24 {
        width: 91.6667%
    }

    .pure-u-sm-23-24 {
        width: 95.8333%
    }

    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-24-24,
    .pure-u-sm-5-5 {
        width: 100%
    }
}

@media screen and (min-width:48em) {

    .pure-u-md-1,
    .pure-u-md-1-1,
    .pure-u-md-1-12,
    .pure-u-md-1-2,
    .pure-u-md-1-24,
    .pure-u-md-1-3,
    .pure-u-md-1-4,
    .pure-u-md-1-5,
    .pure-u-md-1-6,
    .pure-u-md-1-8,
    .pure-u-md-10-24,
    .pure-u-md-11-12,
    .pure-u-md-11-24,
    .pure-u-md-12-24,
    .pure-u-md-13-24,
    .pure-u-md-14-24,
    .pure-u-md-15-24,
    .pure-u-md-16-24,
    .pure-u-md-17-24,
    .pure-u-md-18-24,
    .pure-u-md-19-24,
    .pure-u-md-2-24,
    .pure-u-md-2-3,
    .pure-u-md-2-5,
    .pure-u-md-20-24,
    .pure-u-md-21-24,
    .pure-u-md-22-24,
    .pure-u-md-23-24,
    .pure-u-md-24-24,
    .pure-u-md-3-24,
    .pure-u-md-3-4,
    .pure-u-md-3-5,
    .pure-u-md-3-8,
    .pure-u-md-4-24,
    .pure-u-md-4-5,
    .pure-u-md-5-12,
    .pure-u-md-5-24,
    .pure-u-md-5-5,
    .pure-u-md-5-6,
    .pure-u-md-5-8,
    .pure-u-md-6-24,
    .pure-u-md-7-12,
    .pure-u-md-7-24,
    .pure-u-md-7-8,
    .pure-u-md-8-24,
    .pure-u-md-9-24 {
        display: inline-block;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto
    }

    .pure-u-md-1-24 {
        width: 4.1667%
    }

    .pure-u-md-1-12,
    .pure-u-md-2-24 {
        width: 8.3333%
    }

    .pure-u-md-1-8,
    .pure-u-md-3-24 {
        width: 12.5%
    }

    .pure-u-md-1-6,
    .pure-u-md-4-24 {
        width: 16.6667%
    }

    .pure-u-md-1-5 {
        width: 20%
    }

    .pure-u-md-5-24 {
        width: 20.8333%
    }

    .pure-u-md-1-4,
    .pure-u-md-6-24 {
        width: 25%
    }

    .pure-u-md-7-24 {
        width: 29.1667%
    }

    .pure-u-md-1-3,
    .pure-u-md-8-24 {
        width: 33.3333%
    }

    .pure-u-md-3-8,
    .pure-u-md-9-24 {
        width: 37.5%
    }

    .pure-u-md-2-5 {
        width: 40%
    }

    .pure-u-md-10-24,
    .pure-u-md-5-12 {
        width: 41.6667%
    }

    .pure-u-md-11-24 {
        width: 45.8333%
    }

    .pure-u-md-1-2,
    .pure-u-md-12-24 {
        width: 50%
    }

    .pure-u-md-13-24 {
        width: 54.1667%
    }

    .pure-u-md-14-24,
    .pure-u-md-7-12 {
        width: 58.3333%
    }

    .pure-u-md-3-5 {
        width: 60%
    }

    .pure-u-md-15-24,
    .pure-u-md-5-8 {
        width: 62.5%
    }

    .pure-u-md-16-24,
    .pure-u-md-2-3 {
        width: 66.6667%
    }

    .pure-u-md-17-24 {
        width: 70.8333%
    }

    .pure-u-md-18-24,
    .pure-u-md-3-4 {
        width: 75%
    }

    .pure-u-md-19-24 {
        width: 79.1667%
    }

    .pure-u-md-4-5 {
        width: 80%
    }

    .pure-u-md-20-24,
    .pure-u-md-5-6 {
        width: 83.3333%
    }

    .pure-u-md-21-24,
    .pure-u-md-7-8 {
        width: 87.5%
    }

    .pure-u-md-11-12,
    .pure-u-md-22-24 {
        width: 91.6667%
    }

    .pure-u-md-23-24 {
        width: 95.8333%
    }

    .pure-u-md-1,
    .pure-u-md-1-1,
    .pure-u-md-24-24,
    .pure-u-md-5-5 {
        width: 100%
    }
}

@media screen and (min-width:64em) {

    .pure-u-lg-1,
    .pure-u-lg-1-1,
    .pure-u-lg-1-12,
    .pure-u-lg-1-2,
    .pure-u-lg-1-24,
    .pure-u-lg-1-3,
    .pure-u-lg-1-4,
    .pure-u-lg-1-5,
    .pure-u-lg-1-6,
    .pure-u-lg-1-8,
    .pure-u-lg-10-24,
    .pure-u-lg-11-12,
    .pure-u-lg-11-24,
    .pure-u-lg-12-24,
    .pure-u-lg-13-24,
    .pure-u-lg-14-24,
    .pure-u-lg-15-24,
    .pure-u-lg-16-24,
    .pure-u-lg-17-24,
    .pure-u-lg-18-24,
    .pure-u-lg-19-24,
    .pure-u-lg-2-24,
    .pure-u-lg-2-3,
    .pure-u-lg-2-5,
    .pure-u-lg-20-24,
    .pure-u-lg-21-24,
    .pure-u-lg-22-24,
    .pure-u-lg-23-24,
    .pure-u-lg-24-24,
    .pure-u-lg-3-24,
    .pure-u-lg-3-4,
    .pure-u-lg-3-5,
    .pure-u-lg-3-8,
    .pure-u-lg-4-24,
    .pure-u-lg-4-5,
    .pure-u-lg-5-12,
    .pure-u-lg-5-24,
    .pure-u-lg-5-5,
    .pure-u-lg-5-6,
    .pure-u-lg-5-8,
    .pure-u-lg-6-24,
    .pure-u-lg-7-12,
    .pure-u-lg-7-24,
    .pure-u-lg-7-8,
    .pure-u-lg-8-24,
    .pure-u-lg-9-24 {
        display: inline-block;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto
    }

    .pure-u-lg-1-24 {
        width: 4.1667%
    }

    .pure-u-lg-1-12,
    .pure-u-lg-2-24 {
        width: 8.3333%
    }

    .pure-u-lg-1-8,
    .pure-u-lg-3-24 {
        width: 12.5%
    }

    .pure-u-lg-1-6,
    .pure-u-lg-4-24 {
        width: 16.6667%
    }

    .pure-u-lg-1-5 {
        width: 20%
    }

    .pure-u-lg-5-24 {
        width: 20.8333%
    }

    .pure-u-lg-1-4,
    .pure-u-lg-6-24 {
        width: 25%
    }

    .pure-u-lg-7-24 {
        width: 29.1667%
    }

    .pure-u-lg-1-3,
    .pure-u-lg-8-24 {
        width: 33.3333%
    }

    .pure-u-lg-3-8,
    .pure-u-lg-9-24 {
        width: 37.5%
    }

    .pure-u-lg-2-5 {
        width: 40%
    }

    .pure-u-lg-10-24,
    .pure-u-lg-5-12 {
        width: 41.6667%
    }

    .pure-u-lg-11-24 {
        width: 45.8333%
    }

    .pure-u-lg-1-2,
    .pure-u-lg-12-24 {
        width: 50%
    }

    .pure-u-lg-13-24 {
        width: 54.1667%
    }

    .pure-u-lg-14-24,
    .pure-u-lg-7-12 {
        width: 58.3333%
    }

    .pure-u-lg-3-5 {
        width: 60%
    }

    .pure-u-lg-15-24,
    .pure-u-lg-5-8 {
        width: 62.5%
    }

    .pure-u-lg-16-24,
    .pure-u-lg-2-3 {
        width: 66.6667%
    }

    .pure-u-lg-17-24 {
        width: 70.8333%
    }

    .pure-u-lg-18-24,
    .pure-u-lg-3-4 {
        width: 75%
    }

    .pure-u-lg-19-24 {
        width: 79.1667%
    }

    .pure-u-lg-4-5 {
        width: 80%
    }

    .pure-u-lg-20-24,
    .pure-u-lg-5-6 {
        width: 83.3333%
    }

    .pure-u-lg-21-24,
    .pure-u-lg-7-8 {
        width: 87.5%
    }

    .pure-u-lg-11-12,
    .pure-u-lg-22-24 {
        width: 91.6667%
    }

    .pure-u-lg-23-24 {
        width: 95.8333%
    }

    .pure-u-lg-1,
    .pure-u-lg-1-1,
    .pure-u-lg-24-24,
    .pure-u-lg-5-5 {
        width: 100%
    }
}

@media screen and (min-width:80em) {

    .pure-u-xl-1,
    .pure-u-xl-1-1,
    .pure-u-xl-1-12,
    .pure-u-xl-1-2,
    .pure-u-xl-1-24,
    .pure-u-xl-1-3,
    .pure-u-xl-1-4,
    .pure-u-xl-1-5,
    .pure-u-xl-1-6,
    .pure-u-xl-1-8,
    .pure-u-xl-10-24,
    .pure-u-xl-11-12,
    .pure-u-xl-11-24,
    .pure-u-xl-12-24,
    .pure-u-xl-13-24,
    .pure-u-xl-14-24,
    .pure-u-xl-15-24,
    .pure-u-xl-16-24,
    .pure-u-xl-17-24,
    .pure-u-xl-18-24,
    .pure-u-xl-19-24,
    .pure-u-xl-2-24,
    .pure-u-xl-2-3,
    .pure-u-xl-2-5,
    .pure-u-xl-20-24,
    .pure-u-xl-21-24,
    .pure-u-xl-22-24,
    .pure-u-xl-23-24,
    .pure-u-xl-24-24,
    .pure-u-xl-3-24,
    .pure-u-xl-3-4,
    .pure-u-xl-3-5,
    .pure-u-xl-3-8,
    .pure-u-xl-4-24,
    .pure-u-xl-4-5,
    .pure-u-xl-5-12,
    .pure-u-xl-5-24,
    .pure-u-xl-5-5,
    .pure-u-xl-5-6,
    .pure-u-xl-5-8,
    .pure-u-xl-6-24,
    .pure-u-xl-7-12,
    .pure-u-xl-7-24,
    .pure-u-xl-7-8,
    .pure-u-xl-8-24,
    .pure-u-xl-9-24 {
        display: inline-block;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto
    }

    .pure-u-xl-1-24 {
        width: 4.1667%
    }

    .pure-u-xl-1-12,
    .pure-u-xl-2-24 {
        width: 8.3333%
    }

    .pure-u-xl-1-8,
    .pure-u-xl-3-24 {
        width: 12.5%
    }

    .pure-u-xl-1-6,
    .pure-u-xl-4-24 {
        width: 16.6667%
    }

    .pure-u-xl-1-5 {
        width: 20%
    }

    .pure-u-xl-5-24 {
        width: 20.8333%
    }

    .pure-u-xl-1-4,
    .pure-u-xl-6-24 {
        width: 25%
    }

    .pure-u-xl-7-24 {
        width: 29.1667%
    }

    .pure-u-xl-1-3,
    .pure-u-xl-8-24 {
        width: 33.3333%
    }

    .pure-u-xl-3-8,
    .pure-u-xl-9-24 {
        width: 37.5%
    }

    .pure-u-xl-2-5 {
        width: 40%
    }

    .pure-u-xl-10-24,
    .pure-u-xl-5-12 {
        width: 41.6667%
    }

    .pure-u-xl-11-24 {
        width: 45.8333%
    }

    .pure-u-xl-1-2,
    .pure-u-xl-12-24 {
        width: 50%
    }

    .pure-u-xl-13-24 {
        width: 54.1667%
    }

    .pure-u-xl-14-24,
    .pure-u-xl-7-12 {
        width: 58.3333%
    }

    .pure-u-xl-3-5 {
        width: 60%
    }

    .pure-u-xl-15-24,
    .pure-u-xl-5-8 {
        width: 62.5%
    }

    .pure-u-xl-16-24,
    .pure-u-xl-2-3 {
        width: 66.6667%
    }

    .pure-u-xl-17-24 {
        width: 70.8333%
    }

    .pure-u-xl-18-24,
    .pure-u-xl-3-4 {
        width: 75%
    }

    .pure-u-xl-19-24 {
        width: 79.1667%
    }

    .pure-u-xl-4-5 {
        width: 80%
    }

    .pure-u-xl-20-24,
    .pure-u-xl-5-6 {
        width: 83.3333%
    }

    .pure-u-xl-21-24,
    .pure-u-xl-7-8 {
        width: 87.5%
    }

    .pure-u-xl-11-12,
    .pure-u-xl-22-24 {
        width: 91.6667%
    }

    .pure-u-xl-23-24 {
        width: 95.8333%
    }

    .pure-u-xl-1,
    .pure-u-xl-1-1,
    .pure-u-xl-24-24,
    .pure-u-xl-5-5 {
        width: 100%
    }
}

.qmod-btn {
    background: #ddd;
    padding: 10px;
    color: #000;
    font: 14px Arial, Tahoma, serif;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #ddd;
    outline: 0;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.qmod-btn:active {
    outline: 0
}

.qmod-btn.qmod-btn-main {
    color: #fff;
    background-color: #0b73be;
    border-color: #0b73be
}

.qmod-btn.qmod-btn-main:hover {
    background-color: #0c82d6;
    border-color: #0c82d6;
    color: #fff
}

.qmod-btn.qmod-btn-main:active {
    background-color: #0a64a6;
    border-color: #0a64a6;
    color: #fff
}

.qmod-btn.qmod-btn-main.qmod-btn-active {
    background-color: #08568e;
    border-color: #08568e;
    color: #fff
}

.qmod-btn.qmod-btn-alt {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.qmod-btn.qmod-btn-alt:hover {
    background-color: #333;
    border-color: #333;
    color: #fff
}

.qmod-btn.qmod-btn-alt:active {
    background-color: grey;
    border-color: grey;
    color: #fff
}

.qmod-btn.qmod-btn-alt.qmod-btn-active {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.qmod-btn.qmod-btn-invert {
    color: #0b73be;
    background-color: #fff;
    border-color: #0b73be
}

.qmod-btn.qmod-btn-invert:hover {
    background-color: #0b73be;
    color: #fff;
    border-color: #0b73be
}

.qmod-btn.qmod-btn-invert:active {
    background-color: #0a64a6;
    border-color: #0a64a6;
    color: #fff
}

.qmod-btn.qmod-btn-invert.qmod-btn-active {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    color: #000
}

.qmod-btn.qmod-btn-rnd {
    border-radius: 5px
}

.qmod-btn.qmod-btn-shadow {
    -webkit-box-shadow: 3px 3px 5px 0 rgba(100, 100, 100, .6);
    box-shadow: 3px 3px 5px 0 rrgba(100, 100, 100, .6)
}

.qmod-btn.qmod-btn-glow {
    -webkit-box-shadow: 0 0 3px 2px rgba(100, 100, 100, .6);
    box-shadow: 0 0 3px 2px rgba(100, 100, 100, .6)
}

.qmod-btn:hover {
    background-color: #eaeaea;
    border-color: #eaeaea;
    color: #000
}

.qmod-btn:active {
    background-color: #d0d0d0;
    border-color: #d0d0d0;
    color: #000
}

.qmod-btn.qmod-btn-active {
    background-color: #c4c4c4;
    border-color: #c4c4c4;
    color: #000
}

.qmod-btn.qmod-btn-link {
    border: 0;
    padding: 0;
    text-decoration: underline;
    color: #0b73be;
    background-color: transparent
}

.qmod-btn.qmod-btn-link:hover {
    color: #0e90ee
}

.qmod-btn-ok {
    margin: 0 20px 20px 0
}

.qmod-btn.qmod-green {
    vertical-align: top;
    color: #fff;
    text-align: center;
    background: #27ae60;
    border: 0;
    cursor: pointer;
    min-width: 70px;
    border-radius: 4px
}

.qmod-btn.qmod-green:hover {
    background: #36d278
}

.qmod-btn.qmod-green:active {
    top: 1px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.qmod-btn.qmod-lightblue {
    vertical-align: top;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    background: #3498db;
    border: 0;
    border-bottom: 2px solid #2a8bcc;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #2a8bcc;
    box-shadow: inset 0 -2px #2a8bcc
}

.qmod-btn.qmod-lightblue:active {
    top: 1px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.fa+.qmod-btn-text {
    margin-left: 3px
}

.qmod-btn.qmod-darkblue {
    vertical-align: top;
    color: #fff;
    text-align: center;
    background: #2980b9;
    border: 0;
    cursor: pointer;
    min-width: 70px;
    border-radius: 4px
}

.qmod-btn.qmod-darkblue:hover {
    background: #409ad5
}

.qmod-btn.qmod-darkblue:active {
    top: 1px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.qmod-btn.qmod-red {
    vertical-align: top;
    color: #fff;
    text-align: center;
    background: #c0392b;
    border: 0;
    cursor: pointer;
    min-width: 70px;
    border-radius: 4px
}

.qmod-btn.qmod-red:hover {
    background: #d65548
}

.qmod-btn.qmod-red:active {
    top: 1px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.qmod-btn.qmod-dark {
    vertical-align: top;
    color: #fff;
    text-align: center;
    background: #454545;
    border: 0;
    cursor: pointer;
    min-width: 70px;
    border-radius: 4px
}

.qmod-btn.qmod-dark:hover {
    background: #5f5f5f
}

.qmod-btn.qmod-dark:active {
    top: 1px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.qmod-btn.qmod-disabled {
    box-shadow: 0 -2px #666 inset;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #bdc3c7;
    border-bottom: 2px solid #666;
    text-shadow: none;
    opacity: .6;
    color: #222
}

.qmod-btn.qmod-disabled:hover {
    background-color: #bdc3c7
}

.qmod-button-group {
    display: table;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%
}

.qmod-button-group li {
    display: table-cell;
    border-right: 1px solid #ccc
}

.qmod-button-group li button {
    width: 100%
}

.qmod-button-group li:not(:empty) button {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px
}

.qmod-button-group li button,
.qmod-button-group li:not(:empty)~li button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.qmod-button-group li:last-child {
    border-right: 0
}

.qmod-button-group li:last-child button {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px
}

.qmod-ui-tool {
    font-size: 14px;
    letter-spacing: normal
}

.qmod-ui-tool a {
    color: #0b73be;
    text-decoration: underline;
    cursor: pointer
}

.qmod-ui-tool .qmod-postfix-script,
.qmod-ui-tool .qmod-prefix-script {
    font-size: 50%;
    vertical-align: super;
    top: 0
}

.qmod-ui-tool .dataTables_info,
.qmod-ui-tool .dataTables_paginate {
    padding: 20px 25px 0 25px
}

.copied-effect {
    opacity: .3
}

.qmod-story {
    transition-property: background-color;
    transition-duration: .3s;
    transition-timing-function: ease
}

.qmod-ent-item+.qmod-ent-item::before,
.qmod-ent-item-optional-last::before {
    content: '|';
    padding: 0 4px;
    font-size: 85%;
    vertical-align: text-top;
    color: #666;
    line-height: normal
}

.qmod-modal-overlay {
    width: 100vw;
    width: calc(100vw - (100vw - 100%));
    height: 100vh;
    top: 0;
    left: 0;
    display: flex;
    z-index: 9999;
    position: fixed;
    overflow: hidden;
    background: rgba(0, 0, 0, .4)
}

.qmod-ui-modal {
    z-index: 9998;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 0;
    visibility: visible;
    max-width: 1024px;
    margin: auto;
    max-height: 98%;
    min-height: 48%;
    width: 100%;
    overflow: auto
}

.qmod-ui-modal .qmod-modal-loading {
    text-align: center;
    height: 60px
}

.qmod-ui-modal .qmod-ui-modal-titlebar {
    padding: 5px;
    padding-left: 20px;
    border-bottom: 1px solid #ccc;
    background-color: #f0f0f0;
    line-height: 24px
}

.qmod-ui-modal .qmod-ui-modal-titlebar .qmod-ui-modal-title {
    float: left;
    font-size: 1.5em
}

.qmod-ui-modal .qmod-ui-modal-titlebar .qmod-ui-titlebar-buttons {
    float: right
}

.qmod-ui-modal .qmod-ui-modal-titlebar .qmod-ui-titlebar-buttons .qmod-btn {
    padding: 3px 5px
}

.qmod-ui-modal .qmod-ui-modal-titlebar .qmod-icon-cancel:before {
    margin: 0
}

.qmod-ui-modal .qmod-ui-modal-titlebar:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.qmod-ui-modal .qmod-ui-modal-body {
    padding: 20px;
    cursor: default
}

.qmod-ui-modal .qmod-ui-modal-body .qmod-heading {
    display: block !important
}

.qmod-block-settings {
    float: right
}

.qmod-dd-cont {
    position: relative;
    color: #6e6e6e;
    font-size: 14px;
    display: inline-block;
    clear: both
}

.qmod-dd-cont .qmod-dd-header {
    cursor: pointer
}

.qmod-dd-cont .qmod-dd-header .qmod-dd-header-icon {
    font-size: 10px;
    vertical-align: 2px;
    padding-left: 5px
}

.qmod-dd-cont .qmod-dd-header .qmod-dd-header-icon .qmod-fa-icon {
    transition: 150ms
}

.qmod-dd-cont .qmod-dd-header .qmod-dd-iopen {
    transform: rotate(180deg);
    color: #0b92e7
}

.qmod-dd-cont .qmod-dd-header .qmod-dd-header-name {
    transition: 150ms;
    padding-right: 5px
}

.qmod-dd-cont .qmod-dd-header .qmod-dd-header-lbl {
    transition: 150ms;
    padding: 0;
    border-bottom: 1px solid
}

.qmod-dd-cont .qmod-dd-ul {
    border: 1px solid #404040;
    background-color: #f0f0f0;
    color: #404040;
    right: 0;
    top: 100%;
    position: absolute;
    clear: both;
    margin: 0;
    padding: 0;
    list-style-type: none;
    z-index: -1;
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.qmod-dd-cont .qmod-dd-ul.qmod-dd-open {
    opacity: 1;
    transition-delay: .1s;
    z-index: 9999
}

.qmod-dd-cont .qmod-dd-li {
    cursor: pointer;
    display: block
}

.qmod-dd-cont .qmod-dd-li .qmod-dd-li-lbl {
    display: inline-block;
    padding: 2px 5px
}

.qmod-dd-cont .qmod-dd-li+.qmod-dd-li {
    border-top: 1px solid #fff
}

.qmod-dd-cont .qmod-dd-li.qmod-dd-li-active {
    color: #fff;
    background-color: #404040;
    cursor: default
}

.qmod-dd-cont .qmod-dd-li:hover {
    color: #fff;
    background-color: #505050
}

.qmod-group:after {
    content: "";
    display: table;
    clear: both
}

.qmod-table {
    width: 100%;
    border-collapse: collapse
}

.qmod-heading {
    font-weight: 500;
    margin: 0;
    padding: 5px 20px
}

.qmod-heading:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

h1.qmod-heading {
    font-size: 140%
}

h2.qmod-heading {
    font-size: 135%
}

h3.qmod-heading {
    font-size: 130%
}

h4.qmod-heading {
    font-size: 125%
}

h5.qmod-heading {
    font-size: 120%
}

h6.qmod-heading {
    font-size: 110%
}

.qmod-heading i+span {
    padding-left: 4px
}

.qmod-heading.qmod-hline {
    border-bottom: 1px solid #ccc;
    padding-bottom: .1em
}

.qmod-hbg {
    background-color: #f0f0f0;
    border: 0
}

.qmod-heading.qmod-hrnd {
    background-color: #f0f0f0;
    padding: .3em;
    border: 0;
    border-radius: 10px
}

.qmod-heading.qmod-hrnd.qmod-hstag1 {
    border-radius: 10px 0
}

.qmod-heading.qmod-hrnd.qmod-hstag2 {
    border-radius: 0 10px
}

.qmod-heading.qmod-hrnd.qmod-hrtop {
    border-radius: 10px 10px 0 0
}

.qmod-heading.qmod-hrnd.qmod-hrleft {
    border-radius: 10px 0 0 10px
}

.qmod-heading.qmod-hrnd.qmod-hrright {
    border-radius: 0 10px 10px 0
}

.qmod-heading.qmod-hrnd.qmod-hrbot {
    border-radius: 0 0 10px 10px
}

h3[class*=qmod-date-] {
    background-color: transparent
}

.qmod-date-* {
    background-color: transparent
}

.qmod-paginator {
    text-align: center
}

.qmod-paginator .qmod-paginator-first,
.qmod-paginator .qmod-paginator-prev {
    float: left
}

.qmod-paginator .qmod-paginator-last,
.qmod-paginator .qmod-paginator-next {
    float: right
}

.qmod-paginator .qmod-btn {
    padding: 5px
}

.qmod-paginator:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.qmod-pagin-bottom {
    margin-top: 15px
}

.qmod-pagin-top {
    margin-bottom: 15px
}

.qmod-entitlement {
    font-style: oblique;
    text-transform: uppercase;
    font-size: 7pt
}

.qmod-ch-up {
    color: #080
}

.qmod-ch-down {
    color: red
}

.qmod-pull-right {
    text-align: right
}

.qmod-img-resize {
    width: 100%
}

.loading-indicator {
    font-family: qmod;
    color: #bbb
}

.loading-indicator:before {
    content: '\e945'
}

.qmod-loading-indicator {
    position: fixed;
    z-index: 999999;
    font-family: qmod;
    font-size: 52px;
    width: 100%;
    height: 100%;
    color: #a6a6a6;
    top: 42%;
    left: 0;
    text-align: center
}

.qmod-loading-overlay {
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    opacity: .8;
    z-index: 2900;
    display: none;
    position: fixed
}

.qmod-resize-handler {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 12px solid #ccc;
    margin-left: 10px;
    cursor: nwse-resize
}

.qmod-file-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.qmod-file-list li {
    padding: 10px;
    border-bottom: 1px solid #d9d9d9
}

.qmod-file-list li:last-child {
    border-bottom: 0
}

.qmod-block-wrapper {
    margin-bottom: 20px;
    background-color: #fff
}

.qmod-block-wrapper .qmod-heading i+span {
    padding-left: 4px
}

.qmod-block-wrapper .qmod-block-wrapper-header {
    padding-left: 15px;
    padding-right: 15px
}

.qmod-block-wrapper .qmod-block-wrapper-body {
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

@media screen and (max-width:35.5em) {
    .qmod-block-wrapper .qmod-block-wrapper-body {
        padding-left: 0;
        padding-right: 0
    }
}

.qmod_realtime {
    color: green;
    font-style: italic
}

.qmod_norealtime {
    color: #465665;
    font-style: italic
}

.qmod-disclaimer {
    padding: 10px;
    padding-bottom: 0;
    text-align: left;
    font-size: 80%;
    min-height: 25px
}

.qmod-disclaimer .qmod-disclaimer-logo {
    float: right;
    color: #333;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -.06em;
    display: inline-block;
    transform: scale(1.2, 1);
    background: #fff none repeat scroll 0 0;
    width: auto;
    margin-right: 1.2em;
    margin-left: 20px
}

.qmod-disclaimer .qmod-disclaimer-logo a {
    color: #333;
    text-decoration: none
}

.qmod-disclaimer .qmod-disclaimer-logo a span {
    color: #0071bb
}

.qmod-tab-container {
    display: inline-block;
    position: relative;
    top: 1px;
    padding: 0;
    width: 100%;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.qmod-tab-container .qmod-tab-list {
    display: inline-block;
    padding: 0;
    margin: 0
}

.qmod-tab-container .qmod-tab-list .qmod-tab-item {
    list-style: none;
    display: inline-block;
    padding: 0;
    border-color: #ddd;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px 4px 0 0;
    border-bottom-color: transparent;
    margin: 5px 0 0 5px;
    background-color: #eaeef1;
    text-align: center
}

.qmod-tab-container .qmod-tab-list .qmod-tab-item .qmod-tab-item-link {
    color: inherit;
    text-decoration: none
}

.qmod-tab-container .qmod-tab-list .qmod-tab-item .qmod-tab-item-link .qmod-tab-text {
    padding: 8px 16px;
    min-width: 100px
}

.qmod-tab-container .qmod-tab-list .qmod-tab-item.qmod-active {
    background-color: #fff;
    border-bottom-width: 2px;
    font-weight: 700
}

.qmod-tab-container-bottom {
    border-bottom-color: #ddd;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    width: 100%
}

.qmod-invalid {
    text-align: center;
    padding: 20px
}

.qmod-dropdown-label {
    padding-right: 15px;
    padding-top: 3px;
    display: inline-block
}

.qmod-dropdown-label.qmod-block-label {
    display: block;
    padding-bottom: 4px;
    padding-top: 0
}

div.qmod-dropdown {
    position: relative;
    min-width: 165px;
    display: inline-block;
    text-align: left
}

div.qmod-dropdown:hover ul.qmod-dropdown-menu {
    display: block
}

div.qmod-dropdown:hover .qmod-dropdown_toggle {
    background: #ddd none repeat scroll 0 0;
    text-decoration: none
}

.qmod-dropdown-menu {
    left: auto;
    min-width: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    list-style: outside none none;
    z-index: 1000;
    display: none;
    border: 1px solid #ddd;
    background-color: #fff;
    max-height: 400px;
    overflow-y: auto
}

.qmod-dropdown-menu li.qmod-custom.qmod-first {
    border-top: 1px solid #000
}

.qmod-dropdown-menu li>a {
    text-decoration: none;
    display: block;
    color: #333;
    white-space: nowrap;
    line-height: 35px;
    padding: 0 12px
}

.qmod-dropdown-sm.qmod-dropdown-menu li>a {
    line-height: 25px
}

.qmod-dropdown-menu li>a:hover {
    background-color: #ddd;
    text-decoration: none
}

.qmod-dropdown-menu li>a.qmod-active {
    background-color: #0b73be;
    color: #fff
}

.qmod-dropdown-menu.qmod-dropdown-sm input[type=text] {
    padding: 5px
}

.qmod-dropdown-menu.qmod-dropdown-sm .inner-addon i {
    padding: 5px
}

.qmod-dropdown-menu.qmod-dropdown-menu-toggles li {
    width: 100%
}

.qmod-dropdown-menu.qmod-dropdown-menu-toggles li>div {
    padding: 5px 10px
}

.qmod-dropdown-menu.qmod-dropdown-menu-toggles li>div .qmod-icon-toggle-icon {
    float: right;
    cursor: pointer
}

a.qmod-dropdown_toggle {
    color: #222;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    display: block;
    line-height: 30px;
    padding: 0 0 0 12px;
    text-decoration: none
}

a.qmod-dropdown_toggle span {
    padding-right: 10px
}

a.qmod-dropdown_toggle .fa {
    padding-right: 10px;
    line-height: 30px;
    float: right
}

a.qmod-dropdown_toggle .qmod-dd-icon {
    vertical-align: top;
    display: inline-block;
    height: 30px;
    width: 30px;
    text-align: center;
    float: right;
    line-height: 30px
}

a.qmod-dropdown_toggle.qmod-dropdown-sm {
    line-height: 15px;
    padding: 2px 2px 2px 12px
}

a.qmod-dropdown_toggle.qmod-dropdown-sm i {
    height: auto;
    width: auto
}

.qmod-modifiers {
    padding: 10px 20px
}

@media screen and (max-width:35.5em) {
    .qmod-modifiers {
        padding: 10px 5px
    }
}

.qmod-textr {
    text-align: right
}

.qmod-textl {
    text-align: left
}

.qmod-textc {
    text-align: center
}

div.qmod-desc,
div.qmod-label {
    padding: 5px 10px
}

.qmod-ui-tool input[type=date],
.qmod-ui-tool input[type=password],
.qmod-ui-tool input[type=text] {
    border: solid 1px #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    background-color: #fff;
    color: #333;
    transition: border .3s;
    width: 100%;
    padding: 10px
}

.qmod-ui-tool .inner-addon {
    position: relative
}

.qmod-btn-icon {
    width: 48%;
    display: inline-block
}

.qmod-ui-tool .inner-addon i {
    position: absolute;
    padding: 11px;
    cursor: pointer;
    transition: all .5s ease
}

.qmod-ui-tool .inner-addon i:hover {
    color: #0078e7;
    transform: scale3d(1.3, 1.3, 1.3)
}

.qmod-ui-tool .left-addon i {
    left: 0
}

.qmod-ui-tool .right-addon i {
    right: 3px;
    top: 1px
}

.qmod-ui-tool .left-addon input {
    padding-left: 30px
}

.qmod-ui-tool .right-addon input {
    padding-right: 30px
}

.qmod-ui-tool input[type=text].focus,
.qmod-ui-tool input[type=text]:focus {
    border: solid 1px #4d4d4d
}

.qmod-ui-tool input {
    box-sizing: border-box;
    display: block
}

.qmod-animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.qmod-animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.qmod-btn:hover .qmod-animated.infinite {
    animation-iteration-count: 0
}

.qmod-animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@keyframes qmod-pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.qmod-pulse {
    -webkit-animation-name: qmod-pulse;
    animation-name: qmod-pulse
}

.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.qmod-data-point {
    padding: 5px 10px
}

.qmod-lookup-results tr {
    height: 22px
}

.qm_main {
    margin-bottom: 5px
}

.qmod-symbolhelp-modal {
    z-index: 100000
}

.qmod-tab-header .qmod-tab {
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid;
    border-radius: 3px 3px 0 0;
    background-color: #f0f0f0;
    border-color: #e0e0e0;
    cursor: pointer
}

.qmod-tab-header .qmod-tab:hover {
    border-color: #666;
    background-color: #e0e0e0
}

.qmod-tab-header .qmod-tab.qmod-tab-active {
    border-bottom: 1px solid #fff;
    background-color: #e0e0e0;
    cursor: auto
}

.qm-load-indicator {
    margin: 15px auto 0;
    width: 70px;
    text-align: center
}

.qm-load-indicator>div {
    width: 18px;
    height: 18px;
    background-color: rgba(100, 100, 100, .15);
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: qm-bouncedelay 1.4s infinite ease-in-out both;
    animation: qm-bouncedelay 1.4s infinite ease-in-out both
}

.qm-load-indicator .qm-bouncer1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.qm-load-indicator .qm-bouncer2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes qm-bouncedelay {

    0%,
    100%,
    80% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes qm-bouncedelay {

    0%,
    100%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}



.pure-g [class*=pure-u] .qmod-panel {
    padding: 5px
}

.pure-g [class*=pure-u] .qmod-panel .qmod-panel-title {
    font-weight: 700;
    font-size: 95%
}

.pure-g [class*=pure-u] .qmod-panel .qmod-panel-title .qmod-panel-settings {
    float: right;
    color: #0b73be
}

.pure-g [class*=pure-u] .qmod-panel .qmod-panel-title>span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block
}

.pure-g [class*=pure-u] .qmod-panel .qmod-panel-title>span.qmod-inline {
    display: inline
}

.pure-g [class*=pure-u] .qmod-panel .qmod-panel-title>span i+span {
    padding-left: 3px
}

.pure-g [class*=pure-u] .qmod-panel .qmod-panel-body {
    padding: 5px 0
}

@media screen and (max-width:35.5em) {

    .pure-g [class*=pure-u]:first-of-type .qmod-panel,
    .pure-g [class*=pure-u]:last-of-type .qmod-panel {
        padding: 5px
    }

    .qmod-btn-icon {
        width: 100%;
        margin-bottom: 10px
    }

    .qmod-heading {
        padding: 5px
    }

    div.qmod-desc,
    div.qmod-label {
        padding: 5px
    }

    .qmod-ui-modal .qmod-ui-modal-titlebar {
        padding-left: 5px
    }

    .qmod-ui-modal .qmod-ui-modal-body {
        padding: 5px
    }

    .qmod-disclaimer .qmod-disclaimer-logo {
        float: none;
        display: block;
        text-align: center
    }
}

a.qmod-tooltip {
    color: #555 !important;
    border-bottom: 1px dotted #555;
    text-decoration: none
}

a.qmod-tooltip:hover {
    text-decoration: none !important
}

#qmod-tooltip {
    font-size: 12px;
    letter-spacing: normal;
    border: 2px solid #ccc;
    border-radius: 3px;
    color: #000;
    background: #fff;
    position: absolute;
    z-index: 100000;
    padding: 15px;
    max-width: 350px
}

#qmod-tooltip:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

#qmod-tooltip:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

#qmod-tooltip:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

#qmod-tooltip:before {
    border-color: rgba(204, 204, 204, 0);
    border-top-color: #ccc;
    border-width: 13px;
    margin-left: -13px
}

#qmod-tooltip.top:after {
    top: auto;
    bottom: 100%
}

#qmod-tooltip.top:before {
    top: auto;
    bottom: 100%
}

#qmod-tooltip.top:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

#qmod-tooltip.top:before {
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #ccc;
    border-width: 13px;
    margin-left: -13px
}

#qmod-tooltip.left:after {
    right: 100%;
    top: 50%;
    bottom: auto
}

#qmod-tooltip.left:before {
    right: 100%;
    top: 50%;
    bottom: auto
}

#qmod-tooltip.left:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 10px;
    margin-top: -10px
}

#qmod-tooltip.left:before {
    border-color: rgba(204, 204, 204, 0);
    border-right-color: #ccc;
    border-width: 13px;
    margin-top: -13px
}

#qmod-tooltip.right:after {
    right: auto;
    left: 100%;
    top: 50%;
    bottom: auto
}

#qmod-tooltip.right:before {
    right: auto;
    left: 100%;
    top: 50%;
    bottom: auto
}

#qmod-tooltip.right:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 10px;
    margin-top: -10px;
    margin-left: 0
}

#qmod-tooltip.right:before {
    border-color: rgba(204, 204, 204, 0);
    border-left-color: #ccc;
    border-width: 13px;
    margin-top: -13px;
    margin-left: 0
}

.qmod-detailedquote {
    /*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
}

@font-face {
    font-family: FontAwesome;
    src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts//fontawesome-webfont.eot?v=4.7.0);
    src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts//fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts//fontawesome-webfont.woff2?v=4.7.0) format('woff2'), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts//fontawesome-webfont.woff?v=4.7.0) format('woff'), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts//fontawesome-webfont.ttf?v=4.7.0) format('truetype'), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts//fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}

.qmod-detailedquote .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.qmod-detailedquote .fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.qmod-detailedquote .fa-2x {
    font-size: 2em
}

.qmod-detailedquote .fa-3x {
    font-size: 3em
}

.qmod-detailedquote .fa-4x {
    font-size: 4em
}

.qmod-detailedquote .fa-5x {
    font-size: 5em
}

.qmod-detailedquote .fa-fw {
    width: 1.28571429em;
    text-align: center
}

.qmod-detailedquote .fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.qmod-detailedquote .fa-ul>li {
    position: relative
}

.qmod-detailedquote .fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.qmod-detailedquote .fa-li.fa-lg {
    left: -1.85714286em
}

.qmod-detailedquote .fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.qmod-detailedquote .fa-pull-left {
    float: left
}

.qmod-detailedquote .fa-pull-right {
    float: right
}

.qmod-detailedquote .fa.fa-pull-left {
    margin-right: .3em
}

.qmod-detailedquote .fa.fa-pull-right {
    margin-left: .3em
}

.qmod-detailedquote .pull-right {
    float: right
}

.qmod-detailedquote .pull-left {
    float: left
}

.qmod-detailedquote .fa.pull-left {
    margin-right: .3em
}

.qmod-detailedquote .fa.pull-right {
    margin-left: .3em
}

.qmod-detailedquote .fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.qmod-detailedquote .fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.qmod-detailedquote .fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.qmod-detailedquote .fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.qmod-detailedquote .fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.qmod-detailedquote .fa-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.qmod-detailedquote .fa-flip-vertical {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

.qmod-detailedquote :root .fa-flip-horizontal,
.qmod-detailedquote :root .fa-flip-vertical,
.qmod-detailedquote :root .fa-rotate-180,
.qmod-detailedquote :root .fa-rotate-270,
.qmod-detailedquote :root .fa-rotate-90 {
    filter: none
}

.qmod-detailedquote .fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.qmod-detailedquote .fa-stack-1x,
.qmod-detailedquote .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.qmod-detailedquote .fa-stack-1x {
    line-height: inherit
}

.qmod-detailedquote .fa-stack-2x {
    font-size: 2em
}

.qmod-detailedquote .fa-inverse {
    color: #fff
}

.qmod-detailedquote .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.qmod-detailedquote .sr-only-focusable:active,
.qmod-detailedquote .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.qmod-detailedquote .flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.qmod-detailedquote .flag {
    display: inline-block;
    width: 26px;
    height: 16px;
    vertical-align: middle;
    margin: 1px
}

.qmod-detailedquote .flag.flag-big {
    width: 34px;
    height: 24px;
    background-size: 34px 24px;
    margin: 0
}

.qmod-detailedquote .undefined {
    text-align: center
}

.qmod-detailedquote .undefined:after {
    content: '-'
}

.qmod-detailedquote .US,
.qmod-detailedquote .USA,
.qmod-detailedquote .USD,
.qmod-detailedquote .United.States {
    background: url(//qmod.quotemedia.com/img/flags/4x3/us.svg) no-repeat;
    background-size: 24px 14px;
    background-position: 1px 1px
}

.qmod-detailedquote .TUR {
    background: url(//qmod.quotemedia.com/img/flags/4x3/tr.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .FRA {
    background: url(//qmod.quotemedia.com/img/flags/4x3/fr.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .NLD {
    background: url(//qmod.quotemedia.com/img/flags/4x3/nl.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .IDN {
    background: url(//qmod.quotemedia.com/img/flags/4x3/id.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .IRL {
    background: url(//qmod.quotemedia.com/img/flags/4x3/ie.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .LUX {
    background: url(//qmod.quotemedia.com/img/flags/4x3/lu.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .ITA {
    background: url(//qmod.quotemedia.com/img/flags/4x3/it.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .BMU {
    background: url(//qmod.quotemedia.com/img/flags/4x3/bm.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .TWN {
    background: url(//qmod.quotemedia.com/img/flags/4x3/tw.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .AED {
    background: url(//qmod.quotemedia.com/img/flags/4x3/ae.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .ALL {
    background: url(//qmod.quotemedia.com/img/flags/4x3/al.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .ARG,
.qmod-detailedquote .ARS {
    background: url(//qmod.quotemedia.com/img/flags/4x3/ar.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .AUT {
    background: url(//qmod.quotemedia.com/img/flags/4x3/at.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .AUD,
.qmod-detailedquote .AUS {
    background: url(//qmod.quotemedia.com/img/flags/4x3/au.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .ZAF,
.qmod-detailedquote .ZAR {
    background: url(//qmod.quotemedia.com/img/flags/4x3/za.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .BBD {
    background: url(//qmod.quotemedia.com/img/flags/4x3/bb.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .BDT {
    background: url(//qmod.quotemedia.com/img/flags/4x3/bd.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .BGN {
    background: url(//qmod.quotemedia.com/img/flags/4x3/bg.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .BHD {
    background: url(//qmod.quotemedia.com/img/flags/4x3/bh.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .\$USDBRL {
    background: url(//qmod.quotemedia.com/img/flags/4x3/br.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .CA,
.qmod-detailedquote .CAD,
.qmod-detailedquote .CAN {
    background: url(//qmod.quotemedia.com/img/flags/4x3/ca.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .XAF {
    background: url(//qmod.quotemedia.com/img/flags/4x3/xa.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .CHF {
    background: url(//qmod.quotemedia.com/img/flags/4x3/ch.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .CLP {
    background: url(//qmod.quotemedia.com/img/flags/4x3/cl.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .CHN,
.qmod-detailedquote .CNY {
    background: url(//qmod.quotemedia.com/img/flags/4x3/cn.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .COP {
    background: url(//qmod.quotemedia.com/img/flags/4x3/co.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .CRC {
    background: url(//qmod.quotemedia.com/img/flags/4x3/cr.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .GRC {
    background: url(//qmod.quotemedia.com/img/flags/4x3/gr.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .CZK {
    background: url(//qmod.quotemedia.com/img/flags/4x3/cz.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .DKK,
.qmod-detailedquote .DNK {
    background: url(//qmod.quotemedia.com/img/flags/4x3/dk.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .DZD {
    background: url(//qmod.quotemedia.com/img/flags/4x3/dz.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .EGP {
    background: url(//qmod.quotemedia.com/img/flags/4x3/eg.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .EURO {
    background: url(//qmod.quotemedia.com/img/flags/4x3/eu.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .GBP,
.qmod-detailedquote .GBR,
.qmod-detailedquote .GBX {
    background: url(//qmod.quotemedia.com/img/flags/4x3/gb.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .HKD,
.qmod-detailedquote .HKG {
    background: url(//qmod.quotemedia.com/img/flags/4x3/hk.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .HRK {
    background: url(//qmod.quotemedia.com/img/flags/4x3/hr.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .HUF {
    background: url(//qmod.quotemedia.com/img/flags/4x3/hu.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .PRT {
    background: url(//qmod.quotemedia.com/img/flags/4x3/pt.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .DEU {
    background: url(//qmod.quotemedia.com/img/flags/4x3/de.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .ILS,
.qmod-detailedquote .ISR {
    background: url(//qmod.quotemedia.com/img/flags/4x3/il.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .CHE {
    background: url(//qmod.quotemedia.com/img/flags/4x3/sz.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .IND,
.qmod-detailedquote .INR {
    background: url(//qmod.quotemedia.com/img/flags/4x3/in.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .IQD {
    background: url(//qmod.quotemedia.com/img/flags/4x3/iq.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .JMD {
    background: url(//qmod.quotemedia.com/img/flags/4x3/jmd.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .JOD {
    background: url(//qmod.quotemedia.com/img/flags/4x3/jo.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .JPN,
.qmod-detailedquote .JPY {
    background: url(//qmod.quotemedia.com/img/flags/4x3/jp.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .ESP {
    background: url(//qmod.quotemedia.com/img/flags/4x3/es.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .KES {
    background: url(//qmod.quotemedia.com/img/flags/4x3/ke.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .KPW {
    background: url(//qmod.quotemedia.com/img/flags/4x3/kp.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .KWD {
    background: url(//qmod.quotemedia.com/img/flags/4x3/kw.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .LBP {
    background: url(//qmod.quotemedia.com/img/flags/4x3/lb.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .LKR {
    background: url(//qmod.quotemedia.com/img/flags/4x3/lk.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .MAD {
    background: url(//qmod.quotemedia.com/img/flags/4x3/ma.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .MUR {
    background: url(//qmod.quotemedia.com/img/flags/4x3/mu.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .MXN {
    background: url(//qmod.quotemedia.com/img/flags/4x3/mx.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .MYR {
    background: url(//qmod.quotemedia.com/img/flags/4x3/my.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .XOF {
    background: url(//qmod.quotemedia.com/img/flags/4x3/xo.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .NOK {
    background: url(//qmod.quotemedia.com/img/flags/4x3/no.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .NZD,
.qmod-detailedquote .NZL {
    background: url(//qmod.quotemedia.com/img/flags/4x3/nz.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .OMR {
    background: url(//qmod.quotemedia.com/img/flags/4x3/om.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .PEN {
    background: url(//qmod.quotemedia.com/img/flags/4x3/pe.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .XPF {
    background: url(//qmod.quotemedia.com/img/flags/4x3/xp.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .PHP {
    background: url(//qmod.quotemedia.com/img/flags/4x3/ph.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .PLN {
    background: url(//qmod.quotemedia.com/img/flags/4x3/pl.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .QAR {
    background: url(//qmod.quotemedia.com/img/flags/4x3/qa.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .RON {
    background: url(//qmod.quotemedia.com/img/flags/4x3/ro.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .RUS,
.qmod-detailedquote .\$USDRUB {
    background: url(//qmod.quotemedia.com/img/flags/4x3/ru.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .SAR {
    background: url(//qmod.quotemedia.com/img/flags/4x3/sa.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .SDD {
    background: url(//qmod.quotemedia.com/img/flags/4x3/sd.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .SEK {
    background: url(//qmod.quotemedia.com/img/flags/4x3/se.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .SGD,
.qmod-detailedquote .SGP {
    background: url(//qmod.quotemedia.com/img/flags/4x3/sg.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .SKK {
    background: url(//qmod.quotemedia.com/img/flags/4x3/sk.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .THB {
    background: url(//qmod.quotemedia.com/img/flags/4x3/th.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .TND {
    background: url(//qmod.quotemedia.com/img/flags/4x3/tn.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .VND {
    background: url(//qmod.quotemedia.com/img/flags/4x3/vn.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .BEL {
    background: url(//qmod.quotemedia.com/img/flags/4x3/be.svg) no-repeat;
    background-position: 1px 1px;
    background-size: 24px 14px
}

.qmod-detailedquote .flag-icon:before {
    content: "\00a0"
}

.qmod-detailedquote .qmod-quotehead .qmod-lang-fr .qmod-datetime-date {
    text-transform: capitalize
}

.qmod-detailedquote .qmod-quotehead .qmod-inline-ul {
    float: right
}

.qmod-detailedquote .qmod-quotehead .qmod-inline-ul ul {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none
}

.qmod-detailedquote .qmod-quotehead .qmod-inline-ul ul:nth-child(2) {
    padding-left: 25px
}

.qmod-detailedquote .qmod-quotehead .qmod-inline-ul li {
    padding: 0 4px;
    display: inline-block
}

.qmod-detailedquote .qmod-quotehead .qmod-inline-ul li button {
    text-decoration: none
}

.qmod-detailedquote .qmod-quotehead .qmod-inline-ul .qmod-frm-wrap {
    padding-top: 4px
}

.qmod-detailedquote .qmod-quotehead .qmod-bid>.qmod-dp {
    color: #080
}

.qmod-detailedquote .qmod-quotehead .qmod-ask>.qmod-dp {
    color: red
}

.qmod-detailedquote .qmod-quotehead .qmod-reghalt .qmod-tooltip {
    color: red !important
}

.qmod-detailedquote .qmod-quotehead .qmod-datetimezone {
    margin-left: 5px
}

.qmod-detailedquote .qmod-quotehead .qmod-icon-space {
    padding: 10px
}

.qmod-detailedquote .qmod-quotehead .qmod-change-icon {
    margin-left: 5px;
    margin-right: 5px
}

.qmod-detailedquote .qmod-quotehead .qmod-separator {
    margin-bottom: 1rem
}

.qmod-detailedquote .qmod-quotehead .qmod-after-hours,
.qmod-detailedquote .qmod-quotehead .qmod-entline,
.qmod-detailedquote .qmod-quotehead .qmod-mkt-hours>div+div {
    line-height: 20px
}

.qmod-detailedquote .qmod-quotehead .qmod-mkt-hours .qmod-change,
.qmod-detailedquote .qmod-quotehead .qmod-mkt-hours .qmod-last {
    font-size: 190%
}

.qmod-detailedquote .qmod-quotehead .qmod-pipe-sep {
    font-size: 85%;
    vertical-align: text-top;
    color: #666;
    line-height: normal
}

.qmod-detailedquote .qmod-quotehead .qmod-afh,
.qmod-detailedquote .qmod-quotehead .qmod-bid,
.qmod-detailedquote .qmod-quotehead .qmod-datetime {
    margin-right: 20px;
    display: inline-block
}

.qmod-detailedquote .qmod-quotehead .qmod-ah-bottom,
.qmod-detailedquote .qmod-quotehead .qmod-ask,
.qmod-detailedquote .qmod-quotehead .qmod-volume {
    display: inline-block
}

.qmod-detailedquote .qmod-quotehead .qmod-heading .flag {
    margin-right: 5px
}

.qmod-detailedquote .qmod-quotehead .qmod-heading .qmod-t-text {
    vertical-align: bottom
}

.qmod-detailedquote .qmod-quotehead .qmod-head-left,
.qmod-detailedquote .qmod-quotehead .qmod-head-right {
    margin-left: 20px;
    margin-top: 13px;
    margin-right: 20px;
    height: 100%
}

.qmod-detailedquote .qmod-quotehead .qmod-entline {
    text-transform: uppercase;
    font-size: 10px
}

.qmod-detailedquote .qmod-quotehead .textr {
    text-align: right
}

.qmod-detailedquote .qmod-quotehead .qmod-daylow~.qmod-daylow {
    border-top: 1px solid #eee;
    margin-top: 10px;
    padding-top: 10px
}

.qmod-detailedquote .qmod-quotehead .qmod-day-high {
    float: right
}

.qmod-detailedquote .qmod-quotehead .qmod-daylowbar {
    font-size: 12px;
    position: relative;
    margin-top: 15px;
    background-color: #ccc
}

.qmod-detailedquote .qmod-quotehead .qmod-barpct {
    background-color: #0a64a6;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    text-align: right;
    white-space: nowrap;
    max-width: 100%;
    height: 100%
}

.qmod-detailedquote .qmod-quotehead .qmod-cplogo {
    text-align: right
}

@media (max-width:767px) {
    .qmod-detailedquote .qmod-quotehead .qmod-cplogo {
        display: none
    }
}

.qmod-detailedquote .qmod-quotehead .qmod-tradecont {
    text-align: right
}

@media (max-width:568px) {
    .qmod-detailedquote .qmod-quotehead .qmod-tradecont {
        text-align: center
    }
}

.qmod-detailedquote .qmod-quotehead .qmod-tradecont a {
    text-decoration: none;
    color: #fff
}

.qmod-detailedquote .qmod-quotehead .qmod-tradecont a~a {
    margin-left: 10px
}

.qmod-detailedquote .qmod-quotehead .qmod-tradecont .qmod-btn {
    padding: 10px 5px;
    font-size: 18px;
    display: inline-block
}

@media (max-width:568px) {
    .qmod-detailedquote .qmod-quotehead .qmod-tradecont .qmod-btn {
        width: 45%;
        padding: 10px
    }
}

.qmod-detailedquote .qmod-quotehead .qmod-hl-arrow {
    position: absolute;
    top: -16px
}

.qmod-detailedquote .qmod-quotehead .qmod-hl-label {
    white-space: nowrap
}

.qmod-detailedquote .qmod-quotehead .qmod-hl-label.qmod-hl-left {
    position: absolute;
    left: -115px
}

@media (max-width:480px) {

    .qmod-detailedquote .qmod-quotehead .qmod-head-left,
    .qmod-detailedquote .qmod-quotehead .qmod-head-right {
        margin-left: 10px;
        margin-right: 10px
    }
}

.qmod-detailedquote .qmod-quotegrid {
    text-align: center;
    margin-left: 20px;
    margin-right: 20px
}

.qmod-detailedquote .qmod-quotegrid table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0
}

.qmod-detailedquote .qmod-quotegrid table.dataTable tfoot th,
.qmod-detailedquote .qmod-quotegrid table.dataTable thead th {
    font-weight: 700
}

.qmod-detailedquote .qmod-quotegrid table.dataTable thead td,
.qmod-detailedquote .qmod-quotegrid table.dataTable thead th {
    padding: 10px 18px;
    border-bottom: 1px solid #111
}

.qmod-detailedquote .qmod-quotegrid table.dataTable thead td:active,
.qmod-detailedquote .qmod-quotegrid table.dataTable thead th:active {
    outline: 0
}

.qmod-detailedquote .qmod-quotegrid table.dataTable tfoot td,
.qmod-detailedquote .qmod-quotegrid table.dataTable tfoot th {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #111
}

.qmod-detailedquote .qmod-quotegrid table.dataTable thead .sorting,
.qmod-detailedquote .qmod-quotegrid table.dataTable thead .sorting_asc,
.qmod-detailedquote .qmod-quotegrid table.dataTable thead .sorting_asc_disabled,
.qmod-detailedquote .qmod-quotegrid table.dataTable thead .sorting_desc,
.qmod-detailedquote .qmod-quotegrid table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right
}

.qmod-detailedquote .qmod-quotegrid table.dataTable thead .sorting {
    background-image: url(../../../../node_modules/datatables.net-dt/images/sort_both.png)
}

.qmod-detailedquote .qmod-quotegrid table.dataTable thead .sorting_asc {
    background-image: url(../../../../node_modules/datatables.net-dt/images/sort_asc.png)
}

.qmod-detailedquote .qmod-quotegrid table.dataTable thead .sorting_desc {
    background-image: url(../../../../node_modules/datatables.net-dt/images/sort_desc.png)
}

.qmod-detailedquote .qmod-quotegrid table.dataTable thead .sorting_asc_disabled {
    background-image: url(../../../../node_modules/datatables.net-dt/images/sort_asc_disabled.png)
}

.qmod-detailedquote .qmod-quotegrid table.dataTable thead .sorting_desc_disabled {
    background-image: url(../../../../node_modules/datatables.net-dt/images/sort_desc_disabled.png)
}

.qmod-detailedquote .qmod-quotegrid table.dataTable tbody tr {
    background-color: #fff
}

.qmod-detailedquote .qmod-quotegrid table.dataTable tbody tr.selected {
    background-color: #b0bed9
}

.qmod-detailedquote .qmod-quotegrid table.dataTable tbody td,
.qmod-detailedquote .qmod-quotegrid table.dataTable tbody th {
    padding: 8px 10px
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody td,
.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody th,
.qmod-detailedquote .qmod-quotegrid table.dataTable.row-border tbody td,
.qmod-detailedquote .qmod-quotegrid table.dataTable.row-border tbody th {
    border-top: 1px solid #ddd
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr:first-child td,
.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr:first-child th,
.qmod-detailedquote .qmod-quotegrid table.dataTable.row-border tbody tr:first-child td,
.qmod-detailedquote .qmod-quotegrid table.dataTable.row-border tbody tr:first-child th {
    border-top: none
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.cell-border tbody td,
.qmod-detailedquote .qmod-quotegrid table.dataTable.cell-border tbody th {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.cell-border tbody tr td:first-child,
.qmod-detailedquote .qmod-quotegrid table.dataTable.cell-border tbody tr th:first-child {
    border-left: 1px solid #ddd
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.cell-border tbody tr:first-child td,
.qmod-detailedquote .qmod-quotegrid table.dataTable.cell-border tbody tr:first-child th {
    border-top: none
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr.odd,
.qmod-detailedquote .qmod-quotegrid table.dataTable.stripe tbody tr.odd {
    background-color: #f9f9f9
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr.odd.selected,
.qmod-detailedquote .qmod-quotegrid table.dataTable.stripe tbody tr.odd.selected {
    background-color: #abb9d3
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr:hover,
.qmod-detailedquote .qmod-quotegrid table.dataTable.hover tbody tr:hover {
    background-color: #f5f5f5
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr:hover.selected,
.qmod-detailedquote .qmod-quotegrid table.dataTable.hover tbody tr:hover.selected {
    background-color: #a9b7d1
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr>.sorting_1,
.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr>.sorting_2,
.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr>.sorting_3,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column tbody tr>.sorting_1,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column tbody tr>.sorting_2,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column tbody tr>.sorting_3 {
    background-color: #f9f9f9
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr.selected>.sorting_1,
.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr.selected>.sorting_2,
.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr.selected>.sorting_3,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column tbody tr.selected>.sorting_1,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column tbody tr.selected>.sorting_2,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column tbody tr.selected>.sorting_3 {
    background-color: #acbad4
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr.odd>.sorting_1,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #f1f1f1
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr.odd>.sorting_2,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
    background-color: #f3f3f3
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr.odd>.sorting_3,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {
    background-color: #f5f5f5
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr.odd.selected>.sorting_1,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {
    background-color: #a6b3cd
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr.odd.selected>.sorting_2,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {
    background-color: #a7b5ce
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr.odd.selected>.sorting_3,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {
    background-color: #a9b6d0
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr.even>.sorting_1,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #f9f9f9
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr.even>.sorting_2,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
    background-color: #fbfbfb
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr.even>.sorting_3,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {
    background-color: #fdfdfd
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr.even.selected>.sorting_1,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
    background-color: #acbad4
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr.even.selected>.sorting_2,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {
    background-color: #adbbd6
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr.even.selected>.sorting_3,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {
    background-color: #afbdd8
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr:hover>.sorting_1,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    background-color: #eaeaea
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr:hover>.sorting_2,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
    background-color: #ebebeb
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr:hover>.sorting_3,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
    background-color: #eee
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr:hover.selected>.sorting_1,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
    background-color: #a1aec7
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr:hover.selected>.sorting_2,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
    background-color: #a2afc8
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.display tbody tr:hover.selected>.sorting_3,
.qmod-detailedquote .qmod-quotegrid table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
    background-color: #a4b2cb
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.no-footer {
    border-bottom: 1px solid #111
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.nowrap td,
.qmod-detailedquote .qmod-quotegrid table.dataTable.nowrap th {
    white-space: nowrap
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.compact thead td,
.qmod-detailedquote .qmod-quotegrid table.dataTable.compact thead th {
    padding: 4px 17px 4px 4px
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.compact tfoot td,
.qmod-detailedquote .qmod-quotegrid table.dataTable.compact tfoot th {
    padding: 4px
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.compact tbody td,
.qmod-detailedquote .qmod-quotegrid table.dataTable.compact tbody th {
    padding: 4px
}

.qmod-detailedquote .qmod-quotegrid table.dataTable td.dt-left,
.qmod-detailedquote .qmod-quotegrid table.dataTable th.dt-left {
    text-align: left
}

.qmod-detailedquote .qmod-quotegrid table.dataTable td.dataTables_empty,
.qmod-detailedquote .qmod-quotegrid table.dataTable td.dt-center,
.qmod-detailedquote .qmod-quotegrid table.dataTable th.dt-center {
    text-align: center
}

.qmod-detailedquote .qmod-quotegrid table.dataTable td.dt-right,
.qmod-detailedquote .qmod-quotegrid table.dataTable th.dt-right {
    text-align: right
}

.qmod-detailedquote .qmod-quotegrid table.dataTable td.dt-justify,
.qmod-detailedquote .qmod-quotegrid table.dataTable th.dt-justify {
    text-align: justify
}

.qmod-detailedquote .qmod-quotegrid table.dataTable td.dt-nowrap,
.qmod-detailedquote .qmod-quotegrid table.dataTable th.dt-nowrap {
    white-space: nowrap
}

.qmod-detailedquote .qmod-quotegrid table.dataTable tfoot td.dt-head-left,
.qmod-detailedquote .qmod-quotegrid table.dataTable tfoot th.dt-head-left,
.qmod-detailedquote .qmod-quotegrid table.dataTable thead td.dt-head-left,
.qmod-detailedquote .qmod-quotegrid table.dataTable thead th.dt-head-left {
    text-align: left
}

.qmod-detailedquote .qmod-quotegrid table.dataTable tfoot td.dt-head-center,
.qmod-detailedquote .qmod-quotegrid table.dataTable tfoot th.dt-head-center,
.qmod-detailedquote .qmod-quotegrid table.dataTable thead td.dt-head-center,
.qmod-detailedquote .qmod-quotegrid table.dataTable thead th.dt-head-center {
    text-align: center
}

.qmod-detailedquote .qmod-quotegrid table.dataTable tfoot td.dt-head-right,
.qmod-detailedquote .qmod-quotegrid table.dataTable tfoot th.dt-head-right,
.qmod-detailedquote .qmod-quotegrid table.dataTable thead td.dt-head-right,
.qmod-detailedquote .qmod-quotegrid table.dataTable thead th.dt-head-right {
    text-align: right
}

.qmod-detailedquote .qmod-quotegrid table.dataTable tfoot td.dt-head-justify,
.qmod-detailedquote .qmod-quotegrid table.dataTable tfoot th.dt-head-justify,
.qmod-detailedquote .qmod-quotegrid table.dataTable thead td.dt-head-justify,
.qmod-detailedquote .qmod-quotegrid table.dataTable thead th.dt-head-justify {
    text-align: justify
}

.qmod-detailedquote .qmod-quotegrid table.dataTable tfoot td.dt-head-nowrap,
.qmod-detailedquote .qmod-quotegrid table.dataTable tfoot th.dt-head-nowrap,
.qmod-detailedquote .qmod-quotegrid table.dataTable thead td.dt-head-nowrap,
.qmod-detailedquote .qmod-quotegrid table.dataTable thead th.dt-head-nowrap {
    white-space: nowrap
}

.qmod-detailedquote .qmod-quotegrid table.dataTable tbody td.dt-body-left,
.qmod-detailedquote .qmod-quotegrid table.dataTable tbody th.dt-body-left {
    text-align: left
}

.qmod-detailedquote .qmod-quotegrid table.dataTable tbody td.dt-body-center,
.qmod-detailedquote .qmod-quotegrid table.dataTable tbody th.dt-body-center {
    text-align: center
}

.qmod-detailedquote .qmod-quotegrid table.dataTable tbody td.dt-body-right,
.qmod-detailedquote .qmod-quotegrid table.dataTable tbody th.dt-body-right {
    text-align: right
}

.qmod-detailedquote .qmod-quotegrid table.dataTable tbody td.dt-body-justify,
.qmod-detailedquote .qmod-quotegrid table.dataTable tbody th.dt-body-justify {
    text-align: justify
}

.qmod-detailedquote .qmod-quotegrid table.dataTable tbody td.dt-body-nowrap,
.qmod-detailedquote .qmod-quotegrid table.dataTable tbody th.dt-body-nowrap {
    white-space: nowrap
}

.qmod-detailedquote .qmod-quotegrid table.dataTable,
.qmod-detailedquote .qmod-quotegrid table.dataTable td,
.qmod-detailedquote .qmod-quotegrid table.dataTable th {
    box-sizing: content-box
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_length {
    float: left
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_filter input {
    margin-left: .5em
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: .755em
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: .25em
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: .5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #fff 0, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0, #dcdcdc 100%);
    background: -ms-linear-gradient(top, #fff 0, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0, #dcdcdc 100%);
    background: linear-gradient(to bottom, #fff 0, #dcdcdc 100%)
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: 0 0;
    box-shadow: none
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0, #111 100%);
    background: -moz-linear-gradient(top, #585858 0, #111 100%);
    background: -ms-linear-gradient(top, #585858 0, #111 100%);
    background: -o-linear-gradient(top, #585858 0, #111 100%);
    background: linear-gradient(to bottom, #585858 0, #111 100%)
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: 0;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2b2b2b), color-stop(100%, #0c0c0c));
    background: -webkit-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
    background: -moz-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
    background: -ms-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
    background: -o-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
    background: linear-gradient(to bottom, #2b2b2b 0, #0c0c0c 100%);
    box-shadow: inset 0 0 3px #111
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, .9)), color-stop(75%, rgba(255, 255, 255, .9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%)
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_filter,
.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_info,
.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_length,
.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate,
.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_processing {
    color: #333
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_scroll {
    clear: both
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    -webkit-overflow-scrolling: touch
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td,
.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,
.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,
.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th {
    vertical-align: middle
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing,
.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,
.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,
.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper.no-footer div.dataTables_scrollBody>table,
.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable {
    border-bottom: none
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}

@media screen and (max-width:767px) {

    .qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_info,
    .qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center
    }

    .qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate {
        margin-top: .5em
    }
}

@media screen and (max-width:640px) {

    .qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_filter,
    .qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_length {
        float: none;
        text-align: center
    }

    .qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_filter {
        margin-top: .5em
    }
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,
.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty,
.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-inline.collapsed>tbody>tr>th.child {
    cursor: default !important
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,
.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before,
.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before {
    display: none !important
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child,
.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child {
    position: relative;
    padding-left: 30px;
    cursor: pointer
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
    top: 9px;
    left: 4px;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    line-height: 14px;
    content: '+';
    background-color: #31b131
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    content: '-';
    background-color: #d33333
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,
.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child {
    padding-left: 27px
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,
.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before {
    top: 5px;
    left: 4px;
    height: 14px;
    width: 14px;
    border-radius: 14px;
    line-height: 14px;
    text-indent: 3px
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-column>tbody>tr>td.control,
.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-column>tbody>tr>th.control {
    position: relative;
    cursor: pointer
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-column>tbody>tr>td.control:before,
.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-column>tbody>tr>th.control:before {
    top: 50%;
    left: 50%;
    height: 16px;
    width: 16px;
    margin-top: -10px;
    margin-left: -10px;
    display: block;
    position: absolute;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    line-height: 14px;
    content: '+';
    background-color: #31b131
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-column>tbody>tr.parent td.control:before,
.qmod-detailedquote .qmod-quotegrid table.dataTable.dtr-column>tbody>tr.parent th.control:before {
    content: '-';
    background-color: #d33333
}

.qmod-detailedquote .qmod-quotegrid table.dataTable>tbody>tr.child {
    padding: .5em 1em
}

.qmod-detailedquote .qmod-quotegrid table.dataTable>tbody>tr.child:hover {
    background: 0 0 !important
}

.qmod-detailedquote .qmod-quotegrid table.dataTable>tbody>tr.child ul.dtr-details {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.qmod-detailedquote .qmod-quotegrid table.dataTable>tbody>tr.child ul.dtr-details>li {
    border-bottom: 1px solid #efefef;
    padding: .5em 0
}

.qmod-detailedquote .qmod-quotegrid table.dataTable>tbody>tr.child ul.dtr-details>li:first-child {
    padding-top: 0
}

.qmod-detailedquote .qmod-quotegrid table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
    border-bottom: none
}

.qmod-detailedquote .qmod-quotegrid table.dataTable>tbody>tr.child span.dtr-title {
    display: inline-block;
    min-width: 75px;
    font-weight: 700
}

.qmod-detailedquote .qmod-quotegrid div.dtr-modal {
    position: fixed;
    box-sizing: border-box;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    padding: 10em 1em
}

.qmod-detailedquote .qmod-quotegrid div.dtr-modal div.dtr-modal-display {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 50%;
    margin: auto;
    z-index: 102;
    overflow: auto;
    background-color: #f5f5f7;
    border: 1px solid #000;
    border-radius: .5em;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .6)
}

.qmod-detailedquote .qmod-quotegrid div.dtr-modal div.dtr-modal-content {
    position: relative;
    padding: 1em
}

.qmod-detailedquote .qmod-quotegrid div.dtr-modal div.dtr-modal-close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    border: 1px solid #eaeaea;
    background-color: #f9f9f9;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    z-index: 12
}

.qmod-detailedquote .qmod-quotegrid div.dtr-modal div.dtr-modal-close:hover {
    background-color: #eaeaea
}

.qmod-detailedquote .qmod-quotegrid div.dtr-modal div.dtr-modal-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    background: rgba(0, 0, 0, .6)
}

@media screen and (max-width:767px) {
    .qmod-detailedquote .qmod-quotegrid div.dtr-modal div.dtr-modal-display {
        width: 95%
    }
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    display: none
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_info {
    padding: 12px 0 0 0
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate {
    padding: 5px 0 0 0
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate .paginate_button {
    background-color: #0b73be;
    color: #fff !important;
    font: 14px Arial, Tahoma, serif;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px;
    padding: 8px 16px;
    margin-left: 1px;
    margin-right: 1px;
    border: none;
    text-shadow: none;
    box-shadow: none;
    outline: 0;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    margin-right: 10px
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    margin-left: 10px
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate .paginate_button.next,
.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    background: #ddd;
    color: #333 !important
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: linear-gradient(#0c82d6, #0c82d6);
    border: none
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,
.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
    background: linear-gradient(#eaeaea, #eaeaea);
    color: #333 !important;
    border: none
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: linear-gradient(#08568e, #08568e);
    color: #fff !important;
    border: none;
    box-shadow: none
}

.qmod-detailedquote .qmod-quotegrid .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: linear-gradient(#08568e, #08568e);
    color: #fff !important;
    border: none
}

.qmod-detailedquote .qmod-quotegrid table.qmod-table.dataTable {
    border-collapse: collapse
}

.qmod-detailedquote .qmod-quotegrid table.qmod-table.dataTable tr {
    border-bottom: 1px solid #ddd
}

.qmod-detailedquote .qmod-quotegrid table.qmod-table.dataTable .qmod-resp-table {
    max-width: 100%;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    background-color: #eaeef1
}

.qmod-detailedquote .qmod-quotegrid table.qmod-table.dataTable .qmod-resp-table tr {
    background-color: inherit
}

.qmod-detailedquote .qmod-quotegrid table.qmod-table.dataTable .qmod-resp-table td {
    text-align: left
}

.qmod-detailedquote .qmod-quotegrid table.qmod-table.dataTable tr.child td.child {
    padding-left: 2px;
    padding-right: 2px
}

.qmod-detailedquote .qmod-quotegrid table.dataTable tbody td {
    padding: 8px 12px
}

.qmod-detailedquote .qmod-quotegrid table.dataTable thead th {
    position: relative;
    background-image: none !important;
    padding-right: 15px;
    outline: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.qmod-detailedquote .qmod-quotegrid table.dataTable thead th:nth-child(2) {
    padding-left: 10px
}

.qmod-detailedquote .qmod-quotegrid table.dataTable thead th.sorting,
.qmod-detailedquote .qmod-quotegrid table.dataTable thead th.sorting_asc,
.qmod-detailedquote .qmod-quotegrid table.dataTable thead th.sorting_desc {
    cursor: pointer
}

.qmod-detailedquote .qmod-quotegrid table.dataTable thead th.sorting:after,
.qmod-detailedquote .qmod-quotegrid table.dataTable thead th.sorting_asc:after,
.qmod-detailedquote .qmod-quotegrid table.dataTable thead th.sorting_desc:after {
    position: absolute;
    top: 4px;
    right: 0;
    font-family: FontAwesome;
    font-size: 12px
}

.qmod-detailedquote .qmod-quotegrid table.dataTable thead th.sorting:after {
    content: "\f0dc";
    color: #ddd;
    font-size: inherit
}

.qmod-detailedquote .qmod-quotegrid table.dataTable thead th.sorting_asc:after {
    content: "\f0de";
    top: 6px
}

.qmod-detailedquote .qmod-quotegrid table.dataTable thead th.sorting_desc:after {
    content: "\f0dd";
    top: 6px
}

.qmod-detailedquote .qmod-quotegrid table.qmod-table.dataTable.dtr-column>thead>tr>th {
    padding: 4px 12px 4px 4px;
    border-bottom: 1px solid #ccc
}

.qmod-detailedquote .qmod-quotegrid table.qmod-table.dataTable.dtr-column>thead>tr>th.sorting:hover {
    border-bottom: 1px solid #222
}

.qmod-detailedquote .qmod-quotegrid table.qmod-table.dataTable.dtr-column>thead>tr>th.sorting_asc,
.qmod-detailedquote .qmod-quotegrid table.qmod-table.dataTable.dtr-column>thead>tr>th.sorting_desc {
    border-bottom: 1px solid #222
}

.qmod-detailedquote .qmod-quotegrid table.qmod-table.dataTable.dtr-column>thead>tr>th.control {
    padding: 0;
    max-width: 25px
}

.qmod-detailedquote .qmod-quotegrid table.qmod-table.dataTable.dtr-column>tbody>tr>td.control,
.qmod-detailedquote .qmod-quotegrid table.qmod-table.dataTable.dtr-column>tbody>tr>th.control {
    position: relative;
    cursor: pointer;
    padding: 0 5px
}

.qmod-detailedquote .qmod-quotegrid table.qmod-table.dataTable.dtr-column>tbody>tr>td.control:before,
.qmod-detailedquote .qmod-quotegrid table.qmod-table.dataTable.dtr-column>tbody>tr>th.control:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    box-sizing: content-box;
    text-align: left;
    text-indent: 0;
    padding: 2px;
    line-height: normal;
    top: auto;
    left: auto;
    height: auto;
    width: auto;
    content: "\f078";
    background-color: unset;
    color: #333;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-top: 0;
    margin-left: 0
}

.qmod-detailedquote .qmod-quotegrid table.qmod-table.dataTable.dtr-column>tbody>tr.parent td.control:before,
.qmod-detailedquote .qmod-quotegrid table.qmod-table.dataTable.dtr-column>tbody>tr.parent th.control:before {
    content: "\f077";
    background-color: unset
}

.qmod-detailedquote .qmod-quotegrid table.qmod-table.dataTable>tbody>tr.child ul li {
    padding-top: 4px;
    padding-bottom: 4px
}

.qmod-detailedquote .qmod-quotegrid table.qmod-table.dataTable.dtr-inline.collapsed>tbody>tr>td.child {
    text-align: left
}

.qmod-detailedquote .qmod-quotegrid td.child>table>tr>td>div {
    float: none
}

.qmod-detailedquote .qmod-quotegrid td.child>table {
    border-collapse: collapse
}

.qmod-detailedquote .qmod-quotegrid td.child>table tr {
    border-bottom: 1px solid #ddd;
    border-top: 0
}

.qmod-detailedquote .qmod-quotegrid td.child>table tr:last-child {
    border-bottom: 0
}

.qmod-detailedquote .qmod-quotegrid .qmod-heading {
    padding-left: 4px
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.qmod-table.no-footer {
    border-bottom: none
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.qmod-table.no-footer th {
    padding: 4px 14px
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.qmod-table.no-footer th:after {
    top: 20%
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.qmod-table.no-footer td {
    padding: 4px 14px
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.qmod-table.qmod-rov-table td.qmod-td-1.qmod-option-exchange {
    padding-left: 0
}

.qmod-detailedquote .qmod-quotegrid table.dataTable.qmod-table.qmod-rov-table .qmod-th-1 {
    padding-left: 0
}

.qmod-detailedquote .qmod-quotegrid h4.qmod-heading.qmod-hbg {
    padding-left: 0;
    background-color: transparent
}

.qmod-detailedquote .qmod-quotegrid .qmod-option-column-r {
    padding-left: 0
}

.qmod-detailedquote .qmod-quotegrid .qmod-label {
    color: #666
}

.qmod-detailedquote .qmod-quotegrid .qmod-weekh-con {
    text-align: right
}

.qmod-detailedquote .qmod-quotegrid .qmod-weekh {
    white-space: nowrap
}

.qmod-detailedquote .qmod-quotegrid .qmod-weekh-chart {
    margin-top: 5px
}

.qmod-detailedquote .qmod-quotegrid .qmod-box-wrap-l,
.qmod-detailedquote .qmod-quotegrid .qmod-box-wrap-md-l {
    margin-right: 20px
}

.qmod-detailedquote .qmod-quotegrid .qmod-box-wrap-md-r,
.qmod-detailedquote .qmod-quotegrid .qmod-box-wrap-r {
    margin-left: 20px
}

.qmod-detailedquote .qmod-quotegrid .qmod-line-sep {
    border-bottom: 1px solid #eee
}

.qmod-detailedquote .qmod-quotegrid .qmod-data-point,
.qmod-detailedquote .qmod-quotegrid .qmod-label {
    padding: 2px 0;
    margin: 2px 0 2px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.qmod-detailedquote .qmod-quotegrid .qmod-popup {
    background-color: #fff;
    border: 1px solid #c4c4c4;
    min-height: 45px;
    min-width: 300px;
    max-width: 400px;
    width: 33vw;
    z-index: 9999;
    transition: all .2s ease-in-out 0s;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1)
}

.qmod-detailedquote .qmod-quotegrid .qmod-popup .qmod-popup-body {
    padding: 15px;
    text-align: left;
    clear: both;
    border-top: 1px solid #c4c4c4
}

.qmod-detailedquote .qmod-quotegrid .qmod-popup .qmod-popup-title {
    background-color: #4d4d4d;
    font-size: 110%;
    color: #fff;
    padding: 5px
}

.qmod-detailedquote .qmod-quotegrid .qmod-popup .qmod-popup-titlebar-buttons {
    float: right
}

.qmod-detailedquote .qmod-quotegrid .qmod-popup .qmod-popup-titlebar-buttons .qmod-btn {
    cursor: pointer;
    background-color: transparent;
    padding: 0;
    color: #fff;
    border: none
}

.qmod-detailedquote .qmod-quotegrid .qmod-popup.anim {
    transform: translate(-50%, -50%) scale(1)
}

.qmod-detailedquote .qmod-quotegrid .qmod-option-extra {
    margin-top: 20px
}

.qmod-detailedquote .qmod-quotegrid .qmod-option-extra .qmod-option-column .qmod-option-column-cell {
    margin-bottom: 20px
}

.qmod-detailedquote .qmod-quotegrid .qmod-option-extra .qmod-option-column-l {
    margin-right: 20px
}

.qmod-detailedquote .qmod-quotegrid .qmod-option-extra .qmod-option-column-r {
    margin-left: 20px
}

@media (max-width:1279px) {
    .qmod-detailedquote .qmod-quotegrid .qmod-option-extra .qmod-option-column-l {
        margin-right: 0
    }

    .qmod-detailedquote .qmod-quotegrid .qmod-option-extra .qmod-option-column-r {
        margin-left: 0
    }
}

@media (max-width:767px) {
    .qmod-detailedquote .qmod-quotegrid .qmod-box-wrap-md-r {
        margin-left: 0
    }

    .qmod-detailedquote .qmod-quotegrid .qmod-box-wrap-md-l {
        margin-right: 0
    }
}

@media (max-width:567px) {
    .qmod-detailedquote .qmod-quotegrid .qmod-box-wrap-r {
        margin-left: 0
    }

    .qmod-detailedquote .qmod-quotegrid .qmod-box-wrap-l {
        margin-right: 0
    }
}

@media (max-width:480px) {
    .qmod-detailedquote .qmod-quotegrid {
        margin-left: 5px;
        margin-right: 5px
    }
}

#header .bg-menu {
    background-color: #11202a;
    padding: 0 !important
}

#header ul li a {
    color: #889095;
    font-weight: 600;
    font-size: 13px
}

#header .active {
    color: #55606e
}

#content {
    margin: 0;
    background-color: #e8e8e8
}

#content .services {
    padding: 50px 0
}

#content .services .element span {
    position: absolute;
    margin-top: 15px
}

#content .services .element span strong {
    color: #826d04
}

.av-extra-border-element {
    width: 50px;
    left: 50%;
    margin-left: -26px;
    margin-top: -1px;
    z-index: 25;
    margin-bottom: -25px;
    clear: both
}

.av-extra-border-element .av-extra-border-outer {
    width: 100%;
    position: absolute
}

.av-extra-border-element.border-extra-arrow-down .av-extra-border-inner {
    position: absolute;
    left: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    top: -50px
}

#services {
    margin-top: 65px
}

#services h1 {
    text-transform: uppercase;
    color: #826d04;
    letter-spacing: 1px;
    font-weight: 300
}

h1 {
    font-size: 34px;
    line-height: 1.1em;
    margin-bottom: 14px
}

#services .service-container {
    border-width: 2px;
    border-color: #826d04;
    border-style: solid;
    padding: 25px
}

#services .service-container .alt-img {
    margin: 0;
    padding: 0
}

#services .service-container .img-container {
    margin: 0 auto;
    vertical-align: bottom
}

#services .service-container .heading {
    padding: 25px 0
}

#services .service-container .heading h3 {
    margin: 0;
    padding: 0;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.1em;
    color: #826d04;
    text-transform: uppercase
}

#services .service-container .description p {
    font-size: 16px;
    color: #55606e
}

.special_amp {
    font-style: italic;
    font-size: 1.3em;
    line-height: .5em;
    font-weight: 400
}

#footer {
    background-color: #161a1c;
    color: #e4e6f0;
    font-size: 11px;
    width: auto;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: left .3s ease;
    transition: left .3s ease
}

#footer .container {
    padding: 15px 0
}

#footer .container .footer-links {
    list-style: none outside;
    margin-left: 7px
}

#footer .container .footer-links li {
    float: left;
    display: block;
    padding: 0 10px;
    border-color: #3e4a52;
    border-left-style: solid;
    border-left-width: 1px;
    line-height: 10px
}

#footer .container .footer-links li:first-child {
    border: none
}

#footer .container .footer-links li a {
    color: #fff;
    text-decoration: none !important
}

.pull-right {
    float: right !important
}

#services-content {
    background-color: #11202a;
    border-color: #e1e1e1
}

#services-content .realEstate-content {
    background: #fff
}

#services-content .realEstate-bg {
    background-position: 0 85px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/real-estate-2.jpg);
    background-attachment: scroll;
    background-position: top left;
    color: #55606e;
    width: 100%;
    position: relative;
    background-color: transparent
}

#services-content .realEstate-bg::after {
    content: '';
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: calc(100% + 100px)
}

#services-content .container {
    height: 450px;
    opacity: 1;
    border-color: #e1e1e1;
    display: table;
    table-layout: fixed;
    z-index: 1;
    -webkit-transition: opacity .6s ease-in;
    transition: opacity .6s ease-in
}

#services-content .container .template-page {
    width: 100%;
    border: none;
    margin-left: auto;
    padding-left: 0;
    margin-right: auto
}

#services-content .container .content {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    float: none !important
}

#services-content .template-page .entry-content-wrapper {
    padding-right: 0
}

#services-content .heading-tag {
    font-size: 1em;
    white-space: normal;
    float: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300
}

#services-content .special-heading-border {
    position: relative;
    overflow: hidden
}

#services-content .av-extra-border-element.border-extra-diagonal {
    height: 250px;
    margin-top: -250px
}

#services-content .av-extra-border-element {
    position: relative;
    width: 100%;
    overflow: visible
}

#services-content .av-extra-border-element .av-extra-border-outer {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: absolute
}

#services-content .av-extra-border-element.border-extra-diagonal .av-extra-border-inner {
    top: 250px;
    right: 0;
    width: 110%;
    height: 100%;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    position: absolute
}

#services-content .finance-content {
    background-color: #ead9c5
}

#services-content .finance-bg {
    background-position: 0 85px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/financing-1.jpg);
    background-attachment: scroll;
    background-position: top left;
    background-color: #fff;
    color: #55606e;
    width: 100%
}

#services-content .equity-content {
    background-color: #cddfea
}

#services-content .equity-bg {
    background-position: 0 85px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/private-1.jpg);
    background-attachment: scroll;
    background-position: top left;
    background-color: #fff;
    color: #55606e;
    width: 100%
}

#services-content .sustain-content {
    background-color: #f8d9ee
}

#services-content .sustain-bg {
    background-position: 0 85px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(rgba(209, 225, 235, .93), rgba(209, 225, 235, .57)), url(../images/sustainability-new.jpg);
    background-attachment: scroll;
    background-position: top left;
    background-color: #fff;
    color: #55606e;
    width: 100%
}

#services-content .overlay-wrap {
    position: relative;
    width: 100%
}

#services-content .color-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%
}

#services-content .media-bg {
    background-position: 0 85px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(#f8d9ee, rgba(231, 231, 231, .5)), url(../images/media-new.jpg);
    background-attachment: scroll;
    background-position: top left;
    background-color: #fff;
    color: #55606e;
    width: 100%
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #11202a;
    min-width: 240px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 1;
    border: 1px solid #fff;
    border-top: none
}

.dropdown-content a {
    color: #889095;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 12px !important
}

.fa-file-code-o {
    color: #e44d26 !important
}

.fa-file-text {
    color: #186db0 !important
}

.dropdown-content a:hover {
    background-color: #fff
}

.dropdown:hover .dropdown-content {
    display: block
}

.about-dropDown-content {
    display: none;
    position: absolute;
    background-color: #11202a;
    min-width: 240px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 1;
    border: 1px solid #fff;
    border-top: none
}

.about-dropDown-content a {
    color: #889095;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 12px !important
}

.about-dropDown-content a:hover {
    background-color: #fff
}

.about-dropDown:hover .about-dropDown-content {
    display: block
}

#services-content .realEstate {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/real-estate-page.jpg);
    background-attachment: scroll;
    background-position: top left;
    background-color: #fff;
    color: #55606e;
    width: 100%
}

#services-content .special-heading-tag {
    font-weight: 300;
    padding: 0;
    margin: 0;
    float: left;
    font-size: 18px;
    line-height: 1.1em
}

#services-content .content-section {
    background-color: #11202a;
    padding: 20px 20px 20px 40px;
    border-radius: 0;
    width: 100%
}

#services-content .fes {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/fin2.jpg);
    background-attachment: scroll;
    background-position: top left;
    background-color: #fff;
    color: #55606e;
    width: 100%
}

#services-content .flex_column {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%
}

#services-content .three_fifth {
    margin-left: 6%;
    width: 57.599999999999994%
}

#services-content .two_fifth {
    margin-left: 6%;
    width: 36.4%
}

#services-content .one_third {
    margin-left: 6%;
    width: 29.333333333333332%
}

#services-content .two_third {
    margin-left: 6%;
    width: 64.66666666666666%
}

#services-content .me {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: linear-gradient(rgba(0, 0, 0, .39), rgba(0, 0, 0, .53)), url(../images/media-entertainment-new.jpg);
    background-attachment: scroll;
    background-position: top left;
    background-color: #333;
    color: #55606e;
    width: 100%
}

#services-content .sustain {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: linear-gradient(rgba(0, 0, 0, .39), rgba(0, 0, 0, .53)), url(../images/sustainability-green-color-bg.jpg);
    background-attachment: scroll;
    background-position: top left;
    background-color: #333;
    color: #55606e;
    width: 100%
}

#services-content .equity {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: linear-gradient(rgba(255, 255, 255, .37), rgba(0, 0, 0, 0)), url(../images/pr-eq.jpg);
    background-attachment: scroll;
    background-position: top left;
    background-color: #333;
    color: #55606e;
    width: 100%
}

#about-us {
    background-color: #11202a;
    border-color: #e1e1e1
}

#about-us .mission {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/mission.jpg);
    background-attachment: scroll;
    background-position: top center;
    width: 100%
}

#about-us .one_half {
    width: 47%
}

#about-us .flex_column {
    z-index: 1;
    float: left;
    position: relative;
    min-height: 1px
}

#about-us .box {
    height: 450px;
    opacity: 1;
    border-color: #e1e1e1;
    display: table;
    table-layout: fixed;
    z-index: 1;
    -webkit-transition: opacity .6s ease-in;
    transition: opacity .6s ease-in
}

#about-us .box .template-page {
    width: 100%;
    border: none;
    margin-left: auto;
    padding-left: 0;
    margin-right: auto
}

#about-us .box .content {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    float: none !important
}

#about-us .template-page .entry-content-wrapper {
    padding-right: 0
}

#about-us .special-heading {
    width: 100%;
    clear: both;
    display: block;
    margin-top: 50px;
    position: relative
}

#about-us .special-heading-tag {
    font-weight: 300;
    padding: 0;
    margin: 0;
    float: left;
    line-height: 1.1em;
    font-size: 34px;
    text-transform: uppercase
}

#about-us .text-block {
    margin-top: 50px
}

#about-us .text-block div p strong {
    color: #826d04
}

#about-us .text-block div p {
    color: #55606e;
    line-height: 35px
}

#investor {
    width: 100%
}

#investor .flex_column_table {
    display: table;
    table-layout: fixed;
    width: 100%
}

#investor .title h4 {
    font-size: 23px;
    color: #11202a;
    font-weight: 300
}

.img-center {
    margin: auto;
    display: block
}

#investor .img-center:hover {
    background-image: linear-gradient(#7f6907, #c0a007)
}

#contact {
    width: 100%
}

#contact .contact-bg {
    background-color: #11202a;
    background-repeat: no-repeat;
    background-image: linear-gradient(rgba(24, 19, 19, .22), rgba(0, 0, 0, .12)), url(../images/contact.jpg);
    background-attachment: scroll;
    background-position: center center;
    width: 100%
}

#contact .box {
    height: 450px;
    opacity: 1;
    border-color: #e1e1e1;
    display: table;
    table-layout: fixed;
    z-index: 1;
    -webkit-transition: opacity .6s ease-in;
    transition: opacity .6s ease-in
}

#contact .box .template-page {
    width: 100%;
    border: none;
    margin-left: auto;
    padding-left: 0;
    margin-right: auto
}

#contact .box .content {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    float: none !important
}

#contact .template-page .entry-content-wrapper {
    padding-right: 0
}

#contact .special-heading {
    width: 100%;
    clear: both;
    display: block;
    margin-top: 50px;
    position: relative
}

#contact .special-heading-tag {
    font-weight: 300;
    padding: 0;
    margin: 0;
    float: left;
    line-height: 1.1em;
    font-size: 34px;
    text-transform: uppercase
}

#contact .contact-head {
    font-size: 20px;
    line-height: 1.1em;
    margin-bottom: 16px;
    color: #fff;
    font-weight: 600
}

#contact .text-input {
    color: #fff;
    border-color: #fff;
    border-width: 2px !important;
    background-color: transparent;
    padding: 7px;
    margin-bottom: 0;
    font-weight: 100;
    border-radius: 0;
    font: 14px HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif
}

::placeholder {
    color: #fff !important
}

#contact .button {
    border: 2px solid #fff;
    margin: 0;
    padding: 10px 10px;
    border-radius: 2px;
    font-weight: 400;
    font-size: .92em;
    min-width: 142px;
    outline: 0;
    color: #fff
}

#contact .button:hover {
    background-color: #ca8266
}

#contact .text-block {
    margin-top: 50px
}

a.buttonlinks:link,
a.buttonlinks:visited {
    display: block;
    border: 1px solid #ddd;
    height: 18px;
    width: 44px;
    background-color: #fff
}

a.buttonlinks:hover {
    border: 1px solid #ccc;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
    background-color: #eee
}


.qmmt_header_bar {
    padding: 18px
}

.qmmt_main {
    background-color: #fff;
    border: 1px solid #484848;
    width: 100% !important
}

.qmmt_text {
    font: 10px Tahoma;
    color: #000
}

.qmmt_header_text {
    font: bold 11px Tahoma;
    color: #000
}

.qmmt_tab {
    font: 10px Tahoma, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #000;
    background-color: #ddd;
    padding: 1px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    cursor: pointer;
    voice-family: "\"}\"";
    voice-family: inherit
}

.qmmt_tabactive {
    font: 10px Tahoma, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #000;
    background-color: #fff;
    padding: 1px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    border-left: 1px solid #999;
    cursor: pointer
}

.qmnews_story a,
a.hover,
a.visited {
    color: #00c
}

#story,
#story p {
    font-size: 10pt
}

#story h2 {
    font-size: 12pt
}

body {
    margin: 0
}

#menu_forcefullwidth {
    z-index: 5000;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px !important;
    overflow: hidden
}

a {
    text-decoration: none !important
}

.tp-parallax-wrap a:hover {
    text-decoration: none !important
}

#menu_forcefullwidth.opened {
    height: 100% !important
}

#menu_wrapper {
    height: 100% !important
}

.tp-hoverfix:hover {
    text-decoration: line-through !important
}

.tp-hoverfix:hover {
    text-decoration: line-through !important
}

body {
    margin: 0
}

#menu_forcefullwidth {
    z-index: 5000;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px !important;
    overflow: hidden
}

#menu_forcefullwidth.opened {
    height: 100% !important
}

#menu_wrapper {
    height: 100% !important
}

.tp-hoverfix:hover {
    text-decoration: line-through !important
}

.tp-hoverfix:hover {
    text-decoration: line-through !important
}

li#mini-header div.tp-bgimg {
    background-color: #1f2020
}

li#mini-header div.tp-bgimg {
    height: 90px !important
}

.d-none {
    display: none !important
}

@media (max-width:600px) {
    div#slide-151-layer-4 {
        line-height: 16px !important
    }

    .tp-caption a img {
        max-width: 250px !important;
        max-height: 35px !important
    }
}

@media (max-width:735px) {
    #space-slide {
        display: none
    }

    #nav-slide {
        display: none
    }

    #service-slide {
        display: none
    }

    #contact-slide {
        display: none
    }

    #sm-nav-slide {
        display: block !important
    }

    #sm-service-slide {
        display: block !important
    }

    #sm-contact-slide {
        display: block !important
    }

    #nav-head-pre {
        padding: 0 !important;
        display: none !important
    }

    #service-head-pre {
        display: none !important;
        padding: 0 !important
    }

    #contact-head-pre {
        display: none !important;
        padding: 0 !important
    }
}

@media (max-width:777px) {
    .mini {
        max-width: 100% !important
    }
}

.qm_historyHeader_row td,
.qm_historyHeader_row th {
    padding: 10px 5px !important;
    border: 1px solid #ddd;
    text-align: center !important;
    font-size: 13px;
    font-weight: 700
}

#history-table .qm_historyHeader_row {
    background: #0f0f0f
}

#history-table .qm_historyHeader_row td,
#history-table .qm_historyHeader_row th {
    color: #fff
}

.qm_historyData_row td {
    padding: 10px 5px !important;
    color: #5a5a5a;
    border: 1px solid #ddd;
    font-size: 11px;
}

#history-table .qm_historyData_row td {
    text-align: right
}