@font-face {
    font-family: 'bpg_arial';
    src: url('../fonts/bpg_arial/bpg_arial.woff2') format('woff2'), url('../fonts/bpg_arial/bpg_arial.woff') format('woff'), url('../fonts/geoweb/bpg_arial.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bpg_caps';
    src: url('../fonts/geoweb/bpg_web_001_caps.woff2') format('woff2'), url('../fonts/geoweb/bpg_web_001_caps.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body {
    font-family: 'bpg_arial',Sylfaen,serif;
    -font-size: 15px;
    color: #313131;
    -background: #e4e6e5 url('/Images/bg.jpg') repeat;
    overflow-x: hidden;
}


#container {
    display: table;
    margin: 0 auto;
    clear: both;
    width: 100%;
    max-width: 900px;
}

.dxeBase {
    font-family: 'bpg_arial' !important;
}

.dxpnlControl {
    font-family: 'bpg_arial' !important;
}

/* -- Hyperlink -- */
.dxeHyperlink {
    -font-family: bpg_arial;
    font-size: 10pt;
    font-weight: normal;
    color: #5494ea;
    text-decoration: none;
    -webkit-transition: color .25s ease-out;
    -moz-transition: color .25s ease-out;
    -ms-transition: color .25s ease-out;
}

a.dxeHyperlink:hover {
    color: #0d45b7;
    text-decoration: underline;
}


a.dxeHyperlink:visited {
    color: #5494ea;
    text-decoration: underline;
}

/* -- Button -- */
.dxbButton_btn {
    color: White;
    font-weight: normal;
    font-size: 11pt;
    -font-family: Sylfaen;
    vertical-align: middle;
    text-align: center;
    border: solid 1px #526D94;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #526D96;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
    width: 100px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    /*box-shadow: 5px 5px 5px #888888;*/
}

.dxbButtonHover_btn {
    color: White;
    padding: 0px 0px 0px 0px;
    background: #3F5372;
    border: solid 1px #3F5372;
}

.dxbButtonChecked_btn {
    color: #FFFFFF;
    background-image: none;
    background-color: #8D8D8D;
}

.dxbButtonPressed_btn {
    color: White;
    padding: 0px 0px 0px 0px;
    background: #3F5372;
    border: solid 1px #3F5372;
}

.dxbButton_btn div.dxb {
    padding: 3px 8px 4px 8px;
    border: 0px;
}

.dxbButton_btn div.dxbf {
    padding: 2px 7px 3px 7px;
    border: dotted 1px black;
}

.dxbButton_btn div.dxb table {
    color: #000000;
    font-size: 9pt;
    font-family: Tahoma;
}

.dxbButton_btn div.dxb td.dxb {
    background-color: transparent !important;
    background-image: url('') !important;
    border-width: 0px !important;
    padding: 0px !important;
}
/* Disabled */
.dxbDisabled_btn {
    border-color: #c3c3c3;
    color: #808080;
    cursor: default;
}

    .dxbDisabled_btn td.dxb {
        color: #808080;
    }

/* -- Captcha -- */
.dxcaRefreshButton {
    font-family: Tahoma, Verdana, Arial;
    text-decoration: none;
    font-size: 10pt;
    color: #1e3695;
    width: 239px;
}

.dxcaDisabledRefreshButton {
    color: #acacac;
    width: 239px;
}

.dxcaRefreshButtonCell {
    text-align: center;
    padding-left: 4px;
    width: 239px;
}

.dxcaRefreshButtonText {
    width: 239px;
}

.dxcaDisabledRefreshButtonText {
}

.dxcaTextBoxCell {
    text-align: center;
    font-family: Tahoma, Verdana, Arial;
    font-size: 9pt;
    width: 239px;
}

.dxcaTextBoxCell,
.dxcaTextBoxCellNoIndent {
    text-align: center;
    font-family: Tahoma, Verdana, Arial;
    font-size: 9pt;
    width: 239px;
}

    .dxcaTextBoxCell .dxeErrorCell {
        width: 239px;
    }

    .dxcaTextBoxCellNoIndent .dxeErrorCell {
        text-align: center;
        padding-left: 0px;
        padding-top: 4px;
        color: Red;
    }

.dxcaTextBoxLabel {
    text-align: center;
    text-align: center;
    padding-bottom: 4px;
    padding-left: 0px;
    display: block;
    width: 239px;
}

.dxcaLoadingPanel {
    font: 9pt Tahoma;
    color: #303030;
}

.dxcaLoadingPanel td.dx {
    white-space: nowrap;
    text-align: center;
    padding: 12px 12px 12px 12px;
}


.dxgvControl, .dxgvDisabled {
    font-family: bpg_arial;
}
/*----------------------------*/
.SectionHeader {
    background-color: #526D94;
    font-family: bpg_caps;
    font-size: 1.3rem;
    -font-weight: bold;
    color: #FFFFFF;
    padding: 0.5rem 0.5rem;
    margin: 4px 0;
}

.Logo {
    width: 611px;
    height: auto;
}

@media screen and (min-width: 400px) and (max-width: 900px) {

    #container {
        width: 400px;
    }

    .Logo {
        width: 400px;
        height: auto;
    }
}