.googleright {
    float: right;
}

.color_orange {
    color: #FB7D3F;
}

.color_bg_orange {
    background-color: #FB7D3F;
}

.color_white {
    color: #ffffff;
}

.color_bg_white {
    background-color: #ffffff;
}

.color_bg_primaryDarkBlue {
    background-color: #003366;
}

.color_green {
    color: #8ccd61;
}

.color_red {
    color: #e30505;
}

.color_primaryBlue {
    color: #1583c3;
}

.color_navBlue {
    color: #113a63;
}

.color_lightGray {
    color: #747474;
}

.color_lightBlue {
    color: #00bcd4;
}
.color_purple
{
    color:#78008a
}
.color_bg_purple
{
    background-color: #f599f6;
}

label {
    font-weight: 600;
}

header .app-banner {
    padding: 10px 10px;
}

header .app-banner .doe-logo svg {
        max-width: 156px;
        max-height: 29px;
}

.sign-in-page {
    background-color: #ffffff;
}
.app-icon
{
    height: 50px;
}
h1.page-title
{
    font-size: 2rem;
}
/*override the color to white*/
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
/* line 313, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/_navbar.scss */
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
}


.navbar .dropdown-menu .dropdown-username {
    min-height: 65px;
    height: auto;
}

/* line 17, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/mixins/_hover.scss */
.dropdown-item:hover, .dropdown-item:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #009ffb;
}

/* line 154, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/_dropdown.scss */
.dropdown-item.active{
    color: #fff;
    text-decoration: none;
    background-color: #009ffb;
}

/* line 161, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/_dropdown.scss */
.dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent;
}

 @media screen and (max-width: 991.98px) {
        .appIntro {
            padding: 1rem 0;
            background: #ffffff;
            color: #003366;
        }

        .appFeature a .fas {
            position: relative;
            font-size: 2rem;
            margin-top: 5px;
        }

        .navbar .dropdown-menu {
            margin-top: 0px;
            top: 58px;
        }
        /* line 106, D:/Repos/Basic-Template/wwwroot/sass/basic-template/_nav.scss */
        .navbar .user-signed-in {
            right: 0px;
            left: auto;
        }

        .navbar .navbar-toggle {
            margin-left: 15px;
        }

        .navbar .nav-item {
            border-top: 1px solid #f2f2f2;
        }

        .navbar .navbar-nav {
            position: absolute;
            top: 59px;
            background-color: #ffffff;
            border-radius: 0 0 5px 5px;
            border: 1px solid rgba(0, 0, 0, 0.15);
            border-top: none;
            z-index:1021;
        }

        .navbar-dark .navbar-nav .nav-item a.nav-link {
            color: #333333;
        }

            .navbar-dark .navbar-nav .nav-item a.nav-link:hover {
                color: #e30505;
                background-color: #f2f2f2;
            }
    }

    @media screen and (max-width: 768px) {
        .navbar .dropdown-menu {
            margin-top: 0px;
            top: 53px;
        }

        .navbar .navbar-nav {
            position: absolute;
            top: 36px;
            left: 0;
        }
    }

    @media screen and (min-width: 992px) {
        .appIntro {
            padding: 3rem 3rem;
            background: #ffffff;
            color: #003366;
        }


        .navbar {
            padding: 0 1rem;
        }

        .navbar-dark .navbar-nav .nav-item a.nav-link {
            color: #fff;
        }
        /* line 184, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/_navbar.scss */

        .navbar-expand-lg .navbar-nav .nav-link {
            padding-left: 1.1rem;
            padding-right: 1.1rem;
        }

        .nav-item .nav-link:hover {
            color: #000000;
            background-color: #009ffb;
        }       
    }


.main-body {
    min-height: none;
    min-width: 480px;
    margin-bottom: -95px;
    /* equal to footer height */
}


.appsListItem {
    margin-bottom: 15px;
    border-top: solid #FB7D3F 3px;
}

.appItemTitle {
    font-size: 1.5em;
    color: #003366;
}

.appItemIntro {
    font-size: 1em;
    color: #333333;
}

.main-body .card {
    margin: 10px 0;
}

.no-borders {
    border: none;
}

.footer-container {
    border-top: 1px solid #cfd5dc;
    padding: 23px 0;
    position: relative;
    width: 100%;
    height: 65px;
    color: #333333;
    font-size: 12px;
    top: 0;
}

.footer-links {
    color: #333333;
}

.visually-hidden {
    display: none;
}



.popup-nolink {
    text-decoration: none;
}

.appIntro {
    padding: 3rem;
    background: #ffffff;
    color: #003366;
}

.appFeature {
    background-color: #f2f2f2;
    margin: 0;
    padding: 1rem;
    border: none;
    color: #333333;
}

.appIntro .small, .appFeature .small {
    font-size: 85%;
    font-weight: 600;
    color: #e30505;
}

.appFeature .small {
    color: #003366;
}

.appFeature a .fas {
    position: absolute;
    font-size: 2rem;
    top: 30%;
    right: 1rem;
    margin-left: 10px;
    color: #009ffb;
}

.appFeature a .fas:hover, .appFeature a .fas:focus {
    color: #e30505;
}

.hide {
    display: none;
}


/*Page CSS*/
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
        color: #003366;
        background-color: #fff;
        border-top-width: 3px;
        border-color: #009ffb #dee2e6 #fff;
}

.nav-tabs .nav-link {
    color: #000000;
    background-color: #dee2e6;
    margin-right: 5px;
}

.nav-tabs .nav-link:hover {
    color: #ffffff;
    background-color: #009ffb;
}

.thread-lightgrey {
    background-color: #f2f2f2;
}

.td-link {
    color: #333333;
    font-weight: 600;
}

    .td-link:hover, .td-link:focus {
        color: #e30505;
    }
/* Customized buttons*/

/* line 66, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/_buttons.scss */
.doe-btn-success {
    color: #000;
    background-color: #8ccd61;
    border-color: #8ccd61;
}

    /* line 13, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/mixins/_hover.scss */
    .doe-btn-success:hover {
        color: #000;
        background-color: #97e066;
        border-color: #97e066;
    }

    /* line 18, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/mixins/_buttons.scss */
    .doe-btn-success:focus, .doe-btn-success.focus {
        color: #000;
        background-color: #97e066;
        border-color: #97e066;
        box-shadow: 0 0 0 0.02rem rgba(72, 180, 97, 0.5);
    }

    /* line 32, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/mixins/_buttons.scss */
    .doe-btn-success.disabled, .doe-btn-success:disabled {
        color: #000;
        background-color: #8ccd61;
        border-color: #8ccd61;
    }

    /* line 43, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/mixins/_buttons.scss */
    .doe-btn-success:not(:disabled):not(.disabled):active, .doe-btn-success:not(:disabled):not(.disabled).active,
    .show > .doe-btn-success.dropdown-toggle {
        color: #000;
        background-color: #97e066;
        border-color: #97e066;
    }

        /* line 53, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/mixins/_buttons.scss */
        .doe-btn-success:not(:disabled):not(.disabled):active:focus, .doe-btn-success:not(:disabled):not(.disabled).active:focus,
        .show > .doe-btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.02rem #97e066;
        }

/* line 66, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/_buttons.scss */
.doe-btn-primary {
    color: #fff;
    background-color: #1478b3;
    border-color: #1478b3;
}

    /* line 13, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/mixins/_hover.scss */
    .doe-btn-primary:hover {
        color: #fff;
        background-color: #46b7f9;
        border-color: #46b7f9;
    }

    /* line 18, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/mixins/_buttons.scss */
    .doe-btn-primary:focus, .doe-btn-primary.focus {
        color: #fff;
        background-color: #46b7f9;
        border-color: #46b7f9;
        box-shadow: 0 0 0 0.02rem rgba(103, 136, 168, 0.5);
    }

    /* line 32, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/mixins/_buttons.scss */
    .doe-btn-primary.disabled, .doe-btn-primary:disabled {
        color: #fff;
        background-color: #6ec6f9;
        border-color: #6ec6f9;
    }

    /* line 43, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/mixins/_buttons.scss */
    .doe-btn-primary:not(:disabled):not(.disabled):active, .doe-btn-primary:not(:disabled):not(.disabled).active,
    .show > .doe-btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #1478b3;
        border-color: #1478b3;
    }

        /* line 53, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/mixins/_buttons.scss */
        .doe-btn-primary:not(:disabled):not(.disabled):active:focus, .doe-btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .doe-btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.02rem #46b7f9;
        }


.alert-success {
    color: #334626;
    background-color: #f0fae9;
    border-left-width: 8px;
    border-color: #f2f2f2 #f2f2f2 #f2f2f2 #8ccd61;
}

/* line 6, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/mixins/_alert.scss */
.alert-success hr {
    border-top-color: #8ccd61;
}

/* line 10, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/mixins/_alert.scss */
.alert-success .alert-link {
    color: #333333;
}

.alert-warning {
    color: #854b04;
    background-color: #faf2da;
    border-left-width: 8px;
    border-color: #f2f2f2 #f2f2f2 #f2f2f2 #ffc107;
}

.alert-warning hr {
    border-top-color: #ffc107;
}

.alert-warning .alert-link {
    color: #333333;
}


/* line 49, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/_alert.scss */
.alert-danger {
    color: #7a0000;
    background-color: #fbeeee;
    border-left-width: 8px;
    border-color: #f2f2f2 #f2f2f2 #f2f2f2 #e30505;
}

/* line 6, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/mixins/_alert.scss */
.alert-danger hr {
     border-top-color: #e30505;
}

/* line 10, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/mixins/_alert.scss */
.alert-danger .alert-link {
    color: #333333;
}


.alert-info {
    color: #003366;
    background-color: #d4e8fc;
    border-left-width: 8px;
    border-color: #f2f2f2 #f2f2f2 #f2f2f2 #009ffb;
}

.alert-info hr {
   border-top-color: #abdde5;
}

.alert-info .alert-link {
   color: #333333;
}

.dsfapp_remark {
    color: #333333;
    font-size: 0.8rem;
    line-height: 1;
    margin-bottom: 0;
}

    .dsfapp_remark .dl.form-control {
        font-size: .8rem;
        padding: 0.1rem 0.2rem;
        height: calc(1em + 0.7rem + 2px);
        margin-top: -7px;
        font-weight: 400;
        line-height: 1;
    }

    .dsfapp_remark ul {
        list-style: none;
        float: right;
        list-style-position: inside;
        margin-top: 12px;
    }

        .dsfapp_remark ul li {
            float: left;
            margin-right: 5px;
            margin-bottom: 5px;
        }

    .dsfapp_remark .appDate {
        font-size: 1em;
        margin-right: 5px;
        /*display: none;*/
        text-wrap: normal;
        text-align: right;
        color: #333333;
        float: right;
    }

@media only screen and (min-width: 992px) {
    .dsfapp_remark ul {
        float: right;
        /*margin-top: -2.5rem;*/
    }
}

/*.gradientTh th {
    background: linear-gradient(to bottom, #d4e8fc 20%, #edf6fb 60%, #d4e8fc 100%);
    text-align: center;
}*/
.table.gradientTh th, .gradientTh th {
    background: linear-gradient(to bottom, #d4e8fc 20%, #edf6fb 60%, #d4e8fc 100%);
    text-align: center;
}

.pghead .fas {
    font-size: 1rem;
    color: #1583c3;
    margin: 5px 0;
    margin: 5px 0;
}

.pghead a .fas:hover {
    color: #113a63;
}

.medium {
    font-size: 95%;
}

.crampSp {
    margin: 0;
    padding-left: 10px;
    line-height: 10px;
}
/*fix the user-signed-in dropdown */
.dropdown-menu-right{
    right: 0;
    left: auto;
}
/*fix the transition of collapsed navbar-nav*/
.collapsing {
    position: absolute;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

.text-info {
    color: #1478b3 !important;
}

/* line 17, D:/Repos/Basic-Template/wwwroot/sass/bootstrap/mixins/_hover.scss */
a.text-info:hover, a.text-info:focus {
    color: #0f6674 !important;
}
.validation-error {
    color: #e30505;
    font-size: 12px;
}

.error-messages {
    color: #e30505;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

label.required:after {
    color: #e30505;
    content: "* ";
}


.required-validation-error {
    color: #000;
    border-color: #e30505;
}

.save-message {
    font-weight: bolder;
    font-size: 1.1em;
    background-color: #ffffff;
    text-align: center;
}

.infinite_load {
    padding: -1px 0;
    height: 548px;
    overflow-y:scroll;
    scroll-behavior:smooth;
    width: 100%;
}
@media only screen and (max-width: 767.98px) {
    /* Force table to not be like tables anymore */
    .table-responsive-down table, .table-responsive-down thead, .table-responsive-down tbody, .table-responsive-down th, .table-responsive-down td, .table-responsive-down tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .table-responsive-down thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .table-responsive-down tr {
        /*       border: 1px solid #dee2e6;
*/
    }


    .table-responsive-down td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #dee2e6;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }

        .table-responsive-down td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

        /*
	Label the data
	*/
        .table-responsive-down td:before {
            content: attr(data-title);
            padding-right: 5px;
        }

    .table-responsive-down .gradient-bg-1 td:nth-child(1) {
        background: linear-gradient(to bottom, #d4e8fc 20%, #edf6fb 60%, #d4e8fc 100%) !important;
    }
    /*if the first td has class "hide" then add gradient bg to the second td*/
    .table-responsive-down .gradient-bg-2 td:nth-child(2) {
        background: linear-gradient(to bottom, #d4e8fc 20%, #edf6fb 60%, #d4e8fc 100%) !important;
    }
    .table-responsive-down td.text-center
    {
        text-align: left !important;

    }
    .table-responsive-down .k-grid-content td {
        text-align: center !important;
        
   }
}


.hidden-xs {
    display: block !important;
}

tr.hidden-xs {
    display: table-row !important;
}

th.hidden-xs,
td.hidden-xs {
    display: table-cell !important;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }

    tr.hidden-xs {
        display: none !important;
    }

    th.hidden-xs,
    td.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-xs.hidden-sm {
        display: none !important;
    }

    tr.hidden-xs.hidden-sm {
        display: none !important;
    }

    th.hidden-xs.hidden-sm,
    td.hidden-xs.hidden-sm {
        display: none !important;
    }


}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-xs.hidden-md {
        display: none !important;
    }

    tr.hidden-xs.hidden-md {
        display: none !important;
    }

    th.hidden-xs.hidden-md,
    td.hidden-xs.hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-xs.hidden-lg {
        display: none !important;
    }

    tr.hidden-xs.hidden-lg {
        display: none !important;
    }

    th.hidden-xs.hidden-lg,
    td.hidden-xs.hidden-lg {
        display: none !important;
    }
}

.hidden-sm {
    display: block !important;
}

tr.hidden-sm {
    display: table-row !important;
}

th.hidden-sm,
td.hidden-sm {
    display: table-cell !important;
}

@media (max-width: 767px) {
    .hidden-sm.hidden-xs {
        display: none !important;
    }

    tr.hidden-sm.hidden-xs {
        display: none !important;
    }

    th.hidden-sm.hidden-xs,
    td.hidden-sm.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }

    tr.hidden-sm {
        display: none !important;
    }

    th.hidden-sm,
    td.hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-sm.hidden-md {
        display: none !important;
    }

    tr.hidden-sm.hidden-md {
        display: none !important;
    }

    th.hidden-sm.hidden-md,
    td.hidden-sm.hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-sm.hidden-lg {
        display: none !important;
    }

    tr.hidden-sm.hidden-lg {
        display: none !important;
    }

    th.hidden-sm.hidden-lg,
    td.hidden-sm.hidden-lg {
        display: none !important;
    }
}

.hidden-md {
    display: block !important;
}

tr.hidden-md {
    display: table-row !important;
}

th.hidden-md,
td.hidden-md {
    display: table-cell !important;
}

@media (max-width: 767px) {
    .hidden-md.hidden-xs {
        display: none !important;
    }

    tr.hidden-md.hidden-xs {
        display: none !important;
    }

    th.hidden-md.hidden-xs,
    td.hidden-md.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md.hidden-sm {
        display: none !important;
    }

    tr.hidden-md.hidden-sm {
        display: none !important;
    }

    th.hidden-md.hidden-sm,
    td.hidden-md.hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }

    tr.hidden-md {
        display: none !important;
    }

    th.hidden-md,
    td.hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-md.hidden-lg {
        display: none !important;
    }

    tr.hidden-md.hidden-lg {
        display: none !important;
    }

    th.hidden-md.hidden-lg,
    td.hidden-md.hidden-lg {
        display: none !important;
    }
}

.hidden-lg {
    display: block !important;
}

tr.hidden-lg {
    display: table-row !important;
}

th.hidden-lg,
td.hidden-lg {
    display: table-cell !important;
}

@media (max-width: 767px) {
    .hidden-lg.hidden-xs {
        display: none !important;
    }

    tr.hidden-lg.hidden-xs {
        display: none !important;
    }

    th.hidden-lg.hidden-xs,
    td.hidden-lg.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-lg.hidden-sm {
        display: none !important;
    }

    tr.hidden-lg.hidden-sm {
        display: none !important;
    }

    th.hidden-lg.hidden-sm,
    td.hidden-lg.hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-lg.hidden-md {
        display: none !important;
    }

    tr.hidden-lg.hidden-md {
        display: none !important;
    }

    th.hidden-lg.hidden-md,
    td.hidden-lg.hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }

    tr.hidden-lg {
        display: none !important;
    }

    th.hidden-lg,
    td.hidden-lg {
        display: none !important;
    }
}

    .required_label {
        text-align: right;
        font-weight: bold;
        margin-right: 30px;
        padding-bottom: 20px;
    }

    /* font-awesome calendar icon inside input */
    .input-wrapper {
        display: inline-block;
        position: relative;
    }

        .input-wrapper:after {
            font-family: 'FontAwesome';
            content: '\f073';
            position: absolute;
            right: 6px;
        }

    .boiler_status_lbl {
        font: bold 12px arial, verdana;
        white-space: nowrap;
    }

    .table_header {
        font: bold 14px arial, verdana;
        background-color: #17a2b8 !important;
        border-color: #17a2b8 !important;
        color: #ffffff;
    }

    /* font-awesome extensions */
    .fa-steam,
    .fa-user-circle-o,
    .fa-wheelchair,
    .fa-tasks,
    .fa-stop-circle-o,
    .fa-pause-circle-o,
    .fa-power-off,
    .fa-user-cog,
    .fa-user-secret,
    .fa-list-alt,
    .fa-calendar-plus,
    .fa-wrench,
    .fa-question-circle-o,
    .fa-question-circle {
        color: #e30505;
        width: 30px;
        height: 25px;
        margin-right: .2em;
    }

    .fa-file-pdf,
    .fa-file-excel,
    .fa-file-text {
        color: #e30505;
        width: auto;
        height: auto;
        margin-right: .5em;
    }