@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../../../Fonts/Roboto/Roboto-Regular.woff2) format('woff2'), url(../../../Fonts/Roboto/Roboto-Regular.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(../../../Fonts/Roboto/Roboto-Bold.woff2) format('woff2'), url(../../../Fonts/Roboto/Roboto-Bold.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body {
    font-family: 'Roboto';
    color: #666666;
}

/* fonts */
body, h1, h2, h3, h4, h5, h6, .btn, .form-group, .panel-primary > .panel-heading, .navbar-top,
.navbar-fixed-top, .list-menu-item .title, .block-header, .block-header-separate,
.data-value.data-amount, .data-label, data-value, .top-tabs .navbar-nav > li > a, .validation-error,
.has-error .help-block, .quickpay-caption, #divDashboard .BillSummary, .errors-container, .account-dueDate,
.account-balance, .account-data, .details, .app-header {
    font-family: 'Roboto';
}

a {
    color: #496154;
    text-decoration: underline;
    font-weight: bold;
}

.k-grid-header th.k-header {
    font-weight: bold;
}

    a:hover, a:active, a:focus {
        color: #999999;
    }

.logo {
    width: 240px;
    height: 64px;
    margin: 0 15px;
    background: url(logo.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.toggle-show-menu i {
    margin-top: 9px;
}

#menu {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.block-shadows {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#divDashboard .balance-sum {
    color: #4ca5c3;
    font-weight: bold;
}

#divDashboard .balance-label {
    color: #333333;
    font-weight: bold;
}

.due-date-warning {
    color: #FE3C00;
}

.block-header {
    background: #4ca5c3;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.btn-primary, .btn-primary, .btn-primary:FOCUS {
    background: #70A1C7;
}

    .btn-primary:ACTIVE, .btn-primary:HOVER, .btn-primary[disabled] {
        background: #6291B5;
    }

.usage-graph-header {
    background: white;
    border-bottom: none;
    color: #333333;
}

.block-header-separate {
    color: #323431;
    background: #FFFFFF;
    border-color: #D9D9D9;
}

.k-grid .k-alt {
    background: #E0E0E0;
}

.active-tab, .profile-tab-active {
    border-bottom: 3px solid #4ca5c3;
}

    .active-tab > a {
        color: #4ca5c3 !important;
    }

.highlighted-region {
    background: #f6f6f6;
}

    .highlighted-region a {
        color: #999999;
        text-transform: uppercase;
        font-weight: normal;
        text-decoration: none;
    }

.navbar-fixed-top {
    border-bottom: 1px solid #D9D9D9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.side-menu-ext {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
}

.list-menu-item {
    border-bottom-color: #D9D9D9;
    padding: 16px 5px 16px 12px;
    margin: 0 10px;
    color: #333333;
}

    .list-menu-item.active {
        background: rgba(0, 0, 255, 0.07);
        color: #333333;
        border-bottom-color: #D9D9D9;
    }


        .list-menu-item.active a {
            color: #333333;
            border-bottom-color: #D9D9D9;
        }

    .list-menu-item a:hover {
        color: #0081b1;
    }

#divDashboard .accountSummary, #divDashboard .BillSummary, .block-header-separate,
.usage-graph-header, .usage-graph .block-shadows, .last-payment-separate > .row,
.bill-summary-container, .accountBox {
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 991px) {
    #divDashboard .accountSummary, #divDashboard .BillSummary {
        background: white;
        border: 1px solid #D9D9D9;
    }
}

.usage-graph .block-shadows {
    border: 1px solid #D9D9D9;
}

#divDashboard .accountSummary, #divDashboard .BillSummary {
    background: white;
}

@media(min-width: 992px) {
    .bill-summary-container, .accountBox {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        background: white;
        border: 1px solid #D9D9D9;
    }
}

.usage-table th {
    font-weight: bold;
    padding: 10px;
    border: 1px solid #e6e6e6;
}

.usage-table td {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.usage-table tr:nth-child(2n+1) {
    background: #E0E0E0;
}

.usage-table tr:hover {
    background-color: #f1f1f1;
}

.navbar-fixed-top .btn, .navbar-fixed-top .btn:focus {
    color: #476154 !important; /* to override important in default css file */
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    text-decoration: none;
    font-weight: bold;
}

.account-headers-col, #divDashboard .accountSummary {
    color: #343434;
}

.last-payment-block {
    background-color: #E0E0E0;
    border: 1px #F1F1F1 solid;
    border-top: none;
}

.last-payment-separate > .row {
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
}

.last-payment-block p {
    font-size: 1.3em;
    font-family: 'Roboto';
    color: #333333;
}

.last-payment-block-value {
    font-size: 1.3em;
    font-weight: bold;
}

@media (min-width: 992px) {
    .last-payment-block-value {
        font-size: 1em;
    }
}

.meter-num-val {
    font-weight: bold;
}

.chevron-image, .chevron-class, .next-wrap i, .chevron-color {
    color: #F1EAF9;
}

.card-row {
    background: #E0E0E0;
    color: #333333;
}

.fa.fa-credit-card, .payment-option .text, fa fa-university, .po-icon {
    color: #333333;
}

.fake-chb {
    color: #565E84;
}

.subscribeForNotifications .logo {
    background: url('smsNotification280.png');
}