@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

html {
    position: relative;
    min-height: 100%;
}

.full_height {
    height: 100%;
}


body {
    margin-top: 0px;
    margin-bottom: 60px;
    background-color: #f3f3f4;
    font-family: 'Roboto', sans-serif;
    line-height: 21px;
}

.body-pad {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 60px;
    max-width: 1800px;
    /*max-width: 1400px;*/
    margin: auto;
    padding-top: 1px;
}

.Opacity_Body {
    opacity: 0.94;
}

.sub_title {
    font-size: 11.5pt;
}

.main_title {
    padding-top: 5px;
    padding-bottom: 5px;
}

.amChart_lodgement_design {
    width: 100%;
    height: 500px;
}

.amChart_rating_design {
    width: 100%;
    height: 220px;
}

.amChart_energyrating_design {
    width: 100%;
    height: 315px;
}


.container {
    width: auto;
    max-width: 680px;
    padding: 0 15px;
}

    .container .text-muted {
        /*margin: 20px 0;*/
    }

.my-fluid-container {
    margin-left: auto;
    margin-right: auto;
}

.white-bg {
    background-color: white;
}

.no-margins {
    margin: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 200;
    /* font-family: 'Lato', sans-serif !important;*/
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #2299dd;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
    user-select: none; /* non-prefixed version, currently not supported by any browser */
    cursor: default;
}

.badge-notify {
    background: rgba(255, 26, 26,0.7);
    position: relative;
    top: -9px;
    left: -7px;
}

.dropdown-menu-override {
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(86, 96, 117, 0.6);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: none outside none;
    padding: 15px;
    width: 320px;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 1000;
}

.bs-callout {
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: -3px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout-primary {
    border-left-color: #428bca;
}

.bs-callout-success {
    border-left-color: #5cb85c;
}

.bs-callout-info {
    border-left-color: #5bc0de;
}

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

.bs-callout-danger {
    border-left-color: #d9534f;
}

.bs-callout-default {
    border-left-color: #adadad;
}

.cus-active {
    background-color: #f3f3f4;
    padding-bottom: 2px;
}

    .cus-active:hover {
        padding-bottom: 0px;
    }

.borderless td, .borderless th {
    border: none !important;
    padding: 2px !important;
}

.centretext {
    text-align: center;
}

.system_warning {
    color: red;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 40px;
    background-color: #fff;
    color: black;
    border-top: 1px solid #e7eaec;
    padding-top: 12px;
    font-size: 9pt;
    padding-left: 15px;
    padding-right: 15px;
    /*opacity: 0.85;*/
    /*background-color: #0069b0 !important;
    color: white !important;*/
}

    .footer > div > p > a {
        color: #009FDA !important;
    }

.userContentMenuInfo {
    /* background-color: red; 
    margin-top: -3px;
    padding-bottom: 3px;*/
}
/* Colours */

.color_blue {
    color: #009FDA;
}

.color_grey {
    color: #989899;
}

/* ibox Controls */

.ibox-tools {
    padding-top: 5px;
}

.ibox-content h1,
.ibox-content h2,
.ibox-content h3,
.ibox-content h4,
.ibox-content h5,
.ibox-title h1,
.ibox-title h2,
.ibox-title h3,
.ibox-title h4,
.ibox-title h5 {
    margin-top: 5px;
}

.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: none; /**/
    border: none;
    color: #948F9D;
    margin-bottom: 0;
    padding: 8px 5px 1px;
    min-height: 40px;
}

.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding-top: 15px;
    /*padding-bottom: 15px;*/
    padding-left: 20px !important;
    padding-right: 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 0;
}

.ibox-content-override {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.ibox-footer {
    color: inherit;
    border-top: 1px solid #e7eaec;
    font-size: 90%;
    background: #ffffff;
    padding: 10px 15px;
}

.add-bottom-border {
    border-bottom: 1px solid #dedde1 !important;
}

.ibox {
    clear: both;
    margin-top: 0;
    padding: 0;
    border: 1px solid #e7eaec;
}

.float-e-margins .btn {
    margin-bottom: 5px;
}

/* easyPieChart */
.chart {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 110px;
    /*margin-top: 50px;
        margin-bottom: 50px;*/
    text-align: center;
}

    .chart canvas {
        position: absolute;
        top: 0;
        left: 0;
    }

.percent {
    display: inline-block;
    line-height: 110px;
    z-index: 2;
}

    .percent:after {
        content: '%';
        margin-left: 0.1em;
    }

/* Responsive Queries */

@media (min-width: 1200px) {
    .body-pad {
        padding-left: 85px; /* 120px - 35px */
        padding-right: 85px; /*120px - 35px */
    }
}

@media (max-width:766px) {

    .badge-notify {
        top: -18px;
        left: 85px;
    }

    .OverRide {
        padding-top: 18px !important;
        padding-bottom: 0px !important;
        line-height: 10px !important;
    }
}

.TitleHeading {
    background: white;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 30px;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    /*color:#009fda;*/
}

/* User Administration Page*/
.User_Heading_1 {
    font-size: 20pt;
}

.User_Heading_2 {
    font-size: 15pt;
    padding-left: -5px;
}




/* Bootstrap Override */

.btn-user-override {
    font-size: inherit !important;
    padding-top: 6px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.form-control {
    padding: 6px 0px;
}

    .form-control:focus {
        color: #66afe9;
    }





















/* Needs integrating */
.custom-switch {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin: 0;
    padding-top: 2px;
    font-size: .8125rem;
    line-height: 1;
}

.custom-switch-input {
    position: absolute;
    opacity: 0;
    z-index: -1;
    filter: alpha(opacity=0);
    margin: 0;
}

    .custom-switch-input:checked ~ .custom-switch-indicator {
        box-shadow: inset 0 0 0 1.125rem #6580b1;
    }

        .custom-switch-input:checked ~ .custom-switch-indicator:before {
            left: 2.1875rem;
        }

        .custom-switch-input:checked ~ .custom-switch-indicator > :first-child {
            display: block;
        }

        .custom-switch-input:checked ~ .custom-switch-indicator > :last-child {
            display: none;
        }

    .custom-switch-input:focus ~ .custom-switch-indicator:before {
        box-shadow: 0 .125rem .125rem .0625rem rgba(37, 42, 52, .2);
    }

.custom-switch-indicator {
    -webkit-box-shadow: inset 0 0 0 0 #d6deee;
    -webkit-transition: all .3s cubic-bezier(.39, .575, .565, 1);
    -o-transition: all .3s cubic-bezier(.39, .575, .565, 1);
    display: inline-block;
    position: relative;
    transition: all .3s cubic-bezier(.39, .575, .565, 1);
    box-shadow: inset 0 0 0 0 #d6deee;
    background-color: #d6deee;
    width: 4rem;
    height: 2rem;
    color: #fff;
    line-height: 2rem;
}

    .custom-switch-indicator:before {
        -webkit-transition: all .15s cubic-bezier(.25, .46, .45, .94);
        -o-transition: all .15s cubic-bezier(.25, .46, .45, .94);
        position: absolute;
        top: .1875rem;
        left: .1875rem;
        z-index: 3;
        transition: all .15s cubic-bezier(.25, .46, .45, .94);
        background-color: #fff;
        width: 1.625rem;
        height: 1.625rem;
        content: "";
    }

    .custom-switch-indicator > :first-child,
    .custom-switch-indicator > :last-child {
        display: block;
        position: absolute;
        top: 0;
    }

    .custom-switch-indicator > :first-child {
        display: none;
        right: 2.0625rem;
    }

    .custom-switch-indicator > :last-child {
        left: 2.0625rem;
    }

.custom-switch-outline > .custom-switch-input:checked ~ .custom-switch-indicator {
    box-shadow: inset 0 0 0 .125rem #6580b1;
    color: #6580b1;
}

    .custom-switch-outline > .custom-switch-input:checked ~ .custom-switch-indicator:before {
        left: 2.25rem;
        background-color: #6580b1;
    }

.custom-switch-outline > .custom-switch-indicator {
    box-shadow: inset 0 0 0 .125rem #d6deee;
    background-color: #fff;
    color: #d6deee;
}

    .custom-switch-outline > .custom-switch-indicator:before {
        top: .25rem;
        left: .25rem;
        background-color: #d6deee;
        width: 1.5rem;
        height: 1.5rem;
    }

.custom-switch-lg > .custom-switch-input:checked ~ .custom-switch-indicator {
    box-shadow: inset 0 0 0 2.125rem #6580b1;
}

    .custom-switch-lg > .custom-switch-input:checked ~ .custom-switch-indicator:before {
        left: 2.75rem;
    }

.custom-switch-lg > .custom-switch-indicator {
    width: 4.75rem;
    height: 2.25rem;
    font-size: 1rem;
    line-height: 2.25rem;
}

    .custom-switch-lg > .custom-switch-indicator:before {
        top: .25rem;
        left: .25rem;
        width: 1.75rem;
        height: 1.75rem;
    }

    .custom-switch-lg > .custom-switch-indicator > :first-child {
        right: 2.25rem;
    }

    .custom-switch-lg > .custom-switch-indicator > :last-child {
        left: 2.25rem;
    }

.custom-switch-lg.custom-switch-outline > .custom-switch-input:checked ~ .custom-switch-indicator {
    box-shadow: inset 0 0 0 .125rem #6580b1;
}

    .custom-switch-lg.custom-switch-outline > .custom-switch-input:checked ~ .custom-switch-indicator:before {
        left: 2.8125rem;
        background-color: #6580b1;
    }

.custom-switch-lg.custom-switch-outline > .custom-switch-indicator {
    box-shadow: inset 0 0 0 .125rem #d6deee;
}

    .custom-switch-lg.custom-switch-outline > .custom-switch-indicator:before {
        top: .3125rem;
        left: .3125rem;
        background-color: #d6deee;
        width: 1.625rem;
        height: 1.625rem;
    }

.custom-switch-sm > .custom-switch-input:checked ~ .custom-switch-indicator {
    box-shadow: inset 0 0 0 1.125rem #6580b1;
}

    .custom-switch-sm > .custom-switch-input:checked ~ .custom-switch-indicator:before {
        left: 1.625rem;
    }

.custom-switch-sm > .custom-switch-indicator {
    width: 3rem;
    height: 1.5rem;
    font-size: .6875rem;
    line-height: 1.5rem;
}

    .custom-switch-sm > .custom-switch-indicator:before {
        top: .125rem;
        left: .125rem;
        width: 1.25rem;
        height: 1.25rem;
    }

    .custom-switch-sm > .custom-switch-indicator > :first-child {
        right: 1.625rem;
    }

    .custom-switch-sm > .custom-switch-indicator > :last-child {
        left: 1.625rem;
    }

.custom-switch-sm.custom-switch-outline > .custom-switch-input:checked ~ .custom-switch-indicator {
    box-shadow: inset 0 0 0 .125rem #6580b1;
}

    .custom-switch-sm.custom-switch-outline > .custom-switch-input:checked ~ .custom-switch-indicator:before {
        left: 1.6875rem;
        background-color: #6580b1;
    }

.custom-switch-sm.custom-switch-outline > .custom-switch-indicator {
    box-shadow: inset 0 0 0 .125rem #d6deee;
}

    .custom-switch-sm.custom-switch-outline > .custom-switch-indicator:before {
        top: .1875rem;
        left: .1875rem;
        background-color: #d6deee;
        width: 1.125rem;
        height: 1.125rem;
    }

.custom-switch-xs > .custom-switch-input:checked ~ .custom-switch-indicator {
    box-shadow: inset 0 0 0 1.125rem #6580b1;
}

    .custom-switch-xs > .custom-switch-input:checked ~ .custom-switch-indicator:before {
        left: .975rem;
    }

.custom-switch-xs > .custom-switch-indicator {
    width: 1.85rem;
    height: 1rem;
    font-size: 0;
    line-height: 1rem;
}

    .custom-switch-xs > .custom-switch-indicator:before {
        top: .125rem;
        left: .125rem;
        width: .75rem;
        height: .75rem;
    }

    .custom-switch-xs > .custom-switch-indicator > :first-child {
        right: 1.125rem;
    }

    .custom-switch-xs > .custom-switch-indicator > :last-child {
        left: 1.125rem;
    }

.custom-switch-xs.custom-switch-outline > .custom-switch-input:checked ~ .custom-switch-indicator {
    box-shadow: inset 0 0 0 .125rem #6580b1;
}

    .custom-switch-xs.custom-switch-outline > .custom-switch-input:checked ~ .custom-switch-indicator:before {
        left: 1.0375rem;
        background-color: #6580b1;
    }

.custom-switch-xs.custom-switch-outline > .custom-switch-indicator {
    box-shadow: inset 0 0 0 .125rem #d6deee;
}

    .custom-switch-xs.custom-switch-outline > .custom-switch-indicator:before {
        top: .1875rem;
        left: .1875rem;
        background-color: #d6deee;
        width: .625rem;
        height: .625rem;
    }

.custom-switch-primary > .custom-switch-input:checked ~ .custom-switch-indicator {
    box-shadow: inset 0 0 0 2.125rem #436095;
}

.custom-switch-primary.custom-switch-outline > .custom-switch-input:checked ~ .custom-switch-indicator {
    box-shadow: inset 0 0 0 .125rem #436095;
    color: #436095;
}

    .custom-switch-primary.custom-switch-outline > .custom-switch-input:checked ~ .custom-switch-indicator:before {
        background-color: #436095;
    }

.custom-switch-success > .custom-switch-input:checked ~ .custom-switch-indicator {
    box-shadow: inset 0 0 0 2.125rem #40a462;
}

.custom-switch-success.custom-switch-outline > .custom-switch-input:checked ~ .custom-switch-indicator {
    box-shadow: inset 0 0 0 .125rem #40a462;
    color: #40a462;
}

    .custom-switch-success.custom-switch-outline > .custom-switch-input:checked ~ .custom-switch-indicator:before {
        background-color: #40a462;
    }

.custom-switch-info > .custom-switch-input:checked ~ .custom-switch-indicator {
    box-shadow: inset 0 0 0 2.125rem #58479b;
}

.custom-switch-info.custom-switch-outline > .custom-switch-input:checked ~ .custom-switch-indicator {
    box-shadow: inset 0 0 0 .125rem #31b0d5;
    color: #31b0d5;
}

    .custom-switch-info.custom-switch-outline > .custom-switch-input:checked ~ .custom-switch-indicator:before {
        background-color: #31b0d5;
    }

.custom-switch-warning > .custom-switch-input:checked ~ .custom-switch-indicator {
    box-shadow: inset 0 0 0 2.125rem #e09157;
}

.custom-switch-warning.custom-switch-outline > .custom-switch-input:checked ~ .custom-switch-indicator {
    box-shadow: inset 0 0 0 .125rem #e09157;
    color: #e09157;
}

    .custom-switch-warning.custom-switch-outline > .custom-switch-input:checked ~ .custom-switch-indicator:before {
        background-color: #e09157;
    }

.custom-switch-danger > .custom-switch-input:checked ~ .custom-switch-indicator {
    box-shadow: inset 0 0 0 2.125rem #da555f;
}

.custom-switch-danger.custom-switch-outline > .custom-switch-input:checked ~ .custom-switch-indicator {
    box-shadow: inset 0 0 0 .125rem #da555f;
    color: #da555f;
}

    .custom-switch-danger.custom-switch-outline > .custom-switch-input:checked ~ .custom-switch-indicator:before {
        background-color: #da555f;
    }

.custom-switch-accent > .custom-switch-input:checked ~ .custom-switch-indicator {
    box-shadow: inset 0 0 0 .125rem #da555f;
}

.custom-switch-accent.custom-switch-outline > .custom-switch-input:checked ~ .custom-switch-indicator {
    box-shadow: inset 0 0 0 .125rem #da555f;
    color: #da555f;
}

    .custom-switch-accent.custom-switch-outline > .custom-switch-input:checked ~ .custom-switch-indicator:before {
        background-color: #da555f;
    }