/*Standard Elements*/
@import "theme.css";

:root {
    --clr-primary: #0FD58C;
    --clr-secondery: #024751;
    --body-bg: #EFF2F2;
    --clr-nav-icon: #327F8A;
    --clr-nav-text: #67949B;
    --clr-off-text: #939393;
    --clr-textbox-border: #D6D6D6;
    --clr-white: #ffffff;
    --clr-black: #000000;
    --clr-blue: #1991FF;
    --clr-orange: #FDB638;
    --clr-purple: #AD4BBE;
    --clr-red: #FF6161;
    --clr-violet-blue: #8884FC;
    --clr-blue-light: #E8F4FF;
    --clr-orange-light: #FFF8EB;
    --clr-primary-light: #E7FBF3;
    --clr-purple-light: #F7EDF8;
    --clr-red-light: #FFEFEF;
    --clr-violet-blue-light: #F3F3FF;
    --font-family: 'Manrope', sans-serif;
}

body {
    background: #F2F5F6;
    background-position: initial initial;
    background-repeat: initial initial;
    margin: 0;
    padding: 0
}

body, h1, h2, h3, h4, h5, h6, p, a, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-family) !important;
}

    a:hover {
        text-decoration: none !important
    }

h1 {
    color: #164D8C;
    font-size: 3em
}

h2 {
    font-size: 1.75em;
    color: #3a4a53
}

h3 {
    font-size: 1.25em
}

hr {
    border-top: 1px solid #d0d0d0 !important;
}
/*border-bottom:1px solid #fff*/
label {
    font-weight: 400
}

.text-sm {
    font-size: .8em
}

.padding-top {
    padding-top: 1em
}

.padding-bottom {
    padding-bottom: 1em
}

.padding-right {
    padding-right: 1em
}

.padding-left {
    padding-left: 1em
}

.padding-left-zero {
    padding-left: 0 !important
}

.padding-top-small {
    padding-top: .5em
}

.padding-bottom-small {
    padding-bottom: .5em
}

.padding-right-small {
    padding-right: .5em
}

.padding-left-small {
    padding-left: .5em
}

.label.header-label {
    display: block;
    margin-bottom: 1em
}

.label.img-label {
    display: block;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-collapse {
    position: relative
}

.popup_title_bottom_border {
    border-bottom: solid 1px grey
}

#line-chart {
    height: 300px;
    width: 800px;
    margin: 0 auto;
    margin-top: 1em
}

.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
    color: #fff
}

.logout_text {
    background: #fff !important;
    margin: 0 !important
}

.greyed {
    cursor: pointer !important;
    background-color: #968b8b;
    color: #fff
}

.listoption {
    cursor: pointer !important
}

.scrollable {
    height: 400px;
    overflow-y: auto
}

.black {
    color: #fff
}

.leftmenuheader {
    background: #3A4651 !important;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#3A4651),color-stop(1,#3A4651)) !important;
    background: -ms-linear-gradient(bottom,#3A4651,#3A4651) !important;
    background: -moz-linear-gradient(center bottom,#3A4651 0%,#3A4651 100%) !important;
    background: -o-linear-gradient(bottom,#3A4651,#3A4651) !important;
    filter: progid:dximagetransform.microsoft.gradient(startColorStr='#3A4651',EndColorStr='#3A4651') !important;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3A4651',EndColorStr='#3A4651') !important;
}

input[type="checkbox"] {
    cursor: pointer;
    background: #34495E;
    border-radius: 1px;
    box-sizing: border-box;
    position: relative;
    box-sizing: content-box;
    width: 18px;
    height: 18px;
    border-width: 0;
    transition: all .3s linear;
    margin: 1px 5px 0 0
}

    input[type="checkbox"]:checked {
        background-color: #2ECC71
    }

    input[type="checkbox"]:focus {
        outline: 0 none;
        box-shadow: none
    }

.topheader {
    height: 80px;
    padding-top: 10px !important
}

.badge-notify {
    background: #d83b3e;
    position: relative;
    top: -20px;
    left: -35px
}

.fontsize20 {
    font-size: 20px;
    position: relative
}

.row-center {
    text-align: center !important
}

.notificationIconColor {
    color: #fff !important;
    cursor: pointer
}

.counter {
    position: absolute !important;
    font-size: 9px;
    top: 4px;
    left: 37px
}

.notificationlisticon {
    left: 20px;
    position: absolute;
    top: 18px
}

.notificationicon {
    color: #fff
}

.fontbold {
    font-weight: 700
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #fff url(../images/Preloader_site.gif) no-repeat center center;
    opacity: .8
}

#divNotificationCount {
    position: relative
}

    #divNotificationCount .badge {
        position: absolute;
        right: -5px;
        top: 2px;
        left: auto;
        font-size: 10px;
        display: inline-block;
        padding: 3px 8px 4px;
        font-weight: 700;
        text-shadow: rgba(0,0,0,0.2) 0 -1px 0
    }

.navbar-default .navbar-nav > li > a:focus {
    color: #fff
}

.navbar-default .navbar-toggle .icon-bar {
    color: #eee;
    background-color: #eee
}

.navbar {
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
    padding: 0 1em;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0;
    border-bottom: none;
    margin-bottom: 5px
}

    .navbar .nav > li > a {
        text-shadow: none
    }

    .navbar .nav > li:hover {
        background-color: transparent
    }

    .navbar .nav > li > a:hover {
        color: #fff
    }

    .navbar .dropdown-menu a:hover {
        background: none;
        color: #000
    }

    .navbar .nav li.dropdown.open > .dropdown-toggle {
        background-color: transparent;
        color: #fff
    }

.navbar {
    padding: .5rem 1rem
}

.navbafr {
    position: relative;
    z-index: 20;
    margin: 0;
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
    padding: 0 1em;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0;
    border-bottom: none
}

    .navbafr .brand {
        text-shadow: none
    }

    .navbafr .nav {
        margin-right: -2em
    }

        .navbafr .nav > li > a {
            color: #fff;
            text-shadow: none
        }

        .navbafr .nav > li:hover {
            background-color: #444
        }

        .navbafr .nav > li > a:hover {
            color: #fff
        }

    .navbafr .dropdown-menu a:hover {
        background: none;
        color: #000
    }

    .navbafr .nav li.dropdown.open > .dropdown-toggle {
        background-color: #444;
        color: #fff
    }

.content {
    position: relative;
    min-height: 870px;
    background: var(--body-bg);
    margin-left: 250px;
    border-left: 1px solid #ccc;
    /*padding: 0 15px*/
}

.clsproductid {
    width: 20%
}

.clsproductname {
    width: 25%
}

.clsproductdescription {
    width: 40%
}

.clsproductstatus {
    width: 15%
}

.caret-right-active {
    color: #fff !important
}

.header {
    background: var(--clr-white);
    padding: .5em 20px
}

    .header h1 {
        margin: 0 0 .5em;
        padding: 0;
        line-height: 1em;
        font-size: 1.5em;
        font-weight: 400
    }

.breadcrumb {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: none !important;
    margin-bottom: .5em;
    margin-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: .75em;
    padding-bottom: 10px;
}

/*@font-face {
    font-family: 'ProximaNova';
    src: url('../font/ProximaNova.eot');*/ /* IE9 Compat Modes */
/*src: url('../font/ProximaNova.eot?#iefix') format('embedded-opentype'),*/ /* IE6-IE8 */
/*url('../font/ProximaNova.woff2') format('woff2'),*/ /* Super Modern Browsers */
/*url('../font/ProximaNova.woff') format('woff'),*/ /* Pretty Modern Browsers */
/*url('../font/ProximaNova.ttf') format('truetype'),*/ /* Safari, Android, iOS */
/*url('../font/ProximaNova.svg#svgFontName') format('svg');*/ /* Legacy iOS */
/*}*/
.page-content {
    padding: 1em
}

.page-title {
    color: var(--clr-black);
    font-size: 24px;
}

.spacer2px {
    height: 2px;
}

.spacer10px {
    height: 10px
}

.spacer20px {
    height: 20px
}

.spacer25px {
    height: 25px
}

.spacer30px {
    height: 30px
}

.imgpointer {
    cursor: pointer
}

.modalBackground {
    background-color: #000;
    filter: alpha(opacity=90);
    opacity: .8
}

.modalPopup {
    background-color: #fff;
    border-color: #000;
    border-radius: 10px;
    border-style: solid;
    border-width: 3px;
    padding: 10px 20px 20px;
    margin: 20px 5%;
    max-height: 700px;
    overflow-y: auto;
    left: 0 !important;
    right: 0 !important
}

.modalPopupShort {
    background-color: #fff;
    border-color: #000;
    border-radius: 10px;
    border-style: solid;
    border-width: 3px;
    padding: 10px 20px 20px;
    margin: 0 auto;
    width: 350px;
    overflow-y: auto;
    left: 0 !important;
    right: 0 !important
}

.closebutton {
    float: right;
    top: -12px !important;
    position: relative
}

.cusrsorpointer {
    cursor: pointer
}

.lstboxHight {
    height: 228px !important;
    min-width: 220px !important;
    overflow-x: hidden;
    overflow-y: auto;
    width: 220px !important;
    padding: 10px
}

.gridcontrols {
    width: 94% !important
}

#line-chart {
    height: 300px;
    width: 800px;
    margin: 0 auto;
    margin-top: 1em
}

.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
    color: #fff
}

.dataTables_filter {
    width: 100% !important;
    float: left !important;
    text-align: left !important
}

.dataTable thead input, .dataTable tfoot input {
    width: auto;
    padding: 5px
}

.dataTables_empty {
    color: #000 !important;
    text-align: left !important
}

.form-control-table {
    color: #000 !important
}

.adminheader {
    position: relative;
    z-index: 1
}

footer {
    color: #666;
    font-size: .85em;
    line-height: 1.3em;
    margin: 0
}

    footer hr {
        margin: 0
    }

    footer p {
        padding: 1em
    }

.nav-tabs > li {
    margin-bottom: -2px
}

.btn-toolbar.quick-toolbar {
    float: right
}

    .btn-toolbar.quick-toolbar .btn {
        width: 60px;
        height: 60px;
        display: inline-block
    }

.btn-toolbar.list-toolbar {
    margin-bottom: 1em
}

.stats {
    float: right
}

    .stats p.stat {
        margin: 1em 0 0 1em
    }

    .stats .stat {
        float: left;
        margin-left: 1em;
        line-height: 2.5em;
        font-size: .9em
    }

        .stats .stat .label {
            font-size: 1em
        }

        .stats .stat .number {
            font-weight: 700;
            margin-right: .5em;
            padding: .5em;
            border: 1px solid #ccc;
            background: #eee;
            background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#e3e3e3),color-stop(1,#fff));
            background: -ms-linear-gradient(bottom,#e3e3e3,#fff);
            background: -moz-linear-gradient(center bottom,#e3e3e3 0%,#fff 100%);
            background: -o-linear-gradient(bottom,#e3e3e3,#fff);
            filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3',EndColorStr='#ffffff');
            -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#e3e3e3');
            -webkit-box-shadow: 1px 1px 0 #fff;
            -moz-box-shadow: 1px 1px 0 #fff;
            box-shadow: 1px 1px 0 #fff;
            text-shadow: 1px 1px 1px #fff
        }

.list-group-item:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.list-group-item:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.login-area {
    background: url('../assets/images/login-bg.jpg') no-repeat right bottom;
    background-size: cover;
    height: calc(100vh);
    display: flex;
    align-items: center;
    justify-content: center;
}

.panel {
    border: none !important;
    background: var(--clr-white);
    border-radius: 6px;
    margin-bottom: 0;
    text-shadow: none;
    text-transform: none;
    width: 100%;
}
    /*.dialog .panel{-webkit-box-shadow:1px 1px 0 #fff;-moz-box-shadow:1px 1px 0 #fff;box-shadow:1px 1px 0 #fff}*/
    .panel .panel-heading {
        border-radius: 6px 6px 0 0;
        margin-bottom: 0;
        text-shadow: none;
        text-transform: none;
        background: var(--clr-secondery);
        padding: 20px;
        /*background:#efefef;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#efefef),color-stop(1,#fafafa));
    background: -ms-linear-gradient(bottom,#efefef,#fafafa);
    background: -moz-linear-gradient(center bottom,#efefef 0%,#fafafa 100%);
    background: -o-linear-gradient(bottom,#efefef,#fafafa);
    filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3',EndColorStr='#ffffff');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',EndColorStr='#efefef');*/
    }

.text-center {
    text-align: center !important;
}

.panel .panel-body h3 {
    text-align: center;
    color: var(--clr-secondery);
    font-size: 24px;
    font-weight: 500;
}

.sub-heading {
    text-align: center;
    color: var(--clr-secondery);
    font-size: 14px;
    font-weight: 600;
}

    .sub-heading span {
        color: var(--clr-primary);
    }
/*.panel .panel-heading:not(.no-collapse):hover{background:#efefef;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#e2e2e2),color-stop(1,#fafafa));background:-ms-linear-gradient(bottom,#e2e2e2,#fafafa);background:-moz-linear-gradient(center bottom,#e2e2e2 0%,#fafafa 100%);background:-o-linear-gradient(bottom,#e2e2e2,#fafafa);filter:progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3',EndColorStr='#ffffff');-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',EndColorStr='#e2e2e2')}*/
.panel .panel-heading .panel-icon {
    border-right: 1px solid #AAA;
    box-shadow: 1px 0 1px #fff;
    border-left: none;
    text-align: center;
    padding-left: 1em;
    line-height: 2em;
    margin-top: -.25em
}

    .panel .panel-heading .panel-icon a {
        padding: 0
    }

    .panel .panel-heading .panel-icon [class*="icon-"] {
        padding: 0 1em;
        line-height: 1em
    }

    .panel .panel-heading .panel-icon.pull-right {
        border-left: 1px solid #AAA;
        border-right: none;
        box-shadow: inset 1px 0 1px #fff
    }

.panel .panel-heading .label {
    float: right;
    line-height: 1.5em;
    -webkit-box-shadow: 1px 1px 0 #fff;
    -moz-box-shadow: 1px 1px 0 #fff;
    box-shadow: 1px 1px 0 #fff
}

p.panel-heading, a.panel-heading, .panel-heading a {
    color: #505050;
    display: block;
    outline: none
}

    a.panel-heading:hover, .panel-heading a:hover {
        color: #505050
    }

.panel .panel-body {
    padding: 10px 30px 30px;
}

.panel-body h1, .panel-body h2, .panel-body h3, .panel-body h4, .panel-body h5, .panel-body h6, .panel-body table {
    margin-top: 12px
}

.panel-body.collapse {
    margin-top: 0;
    margin-bottom: 0
}

.navextra {
    background: #fff !important;
    box-shadow: 0 0 3px #ccc;
    z-index: 1;
    margin-bottom: 0px;
}

.sidebar-nav {
    width: 250px;
    position: absolute;
    float: left;
    border-top: none;
    border-left: none;
    margin: 0;
    font-size: .88em;
    font-weight: 300;
    top: 0px;
    bottom: 0;
    background: var(--clr-secondery)
}

    .sidebar-nav::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
        border-radius: 10px;
        cursor: pointer
    }

    .sidebar-nav::-webkit-scrollbar {
        width: 6px;
        background-color: #F5F5F5
    }

    .sidebar-nav::-webkit-scrollbar-thumb {
        background-color: #16847E;
        background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(.5,rgba(255,255,255,.2)),color-stop(.5,transparent),to(transparent))
    }

    .sidebar-nav ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0px;
    }

    .sidebar-nav li a .fa-caret-right {
        color: #fff;
        padding-right: .25em
    }

.sidemenu-logo-inner {
    margin-left: 0px;
}

.sidebar-nav .nav-header {
    border-top: 1px solid #0b9260 !important;
    border-bottom: 1px solid #0b9260 !important;
    background: var(--clr-primary) !important;
    border-left: none;
    color: #fff;
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 2.5em;
    padding: 2px .25em 2px 1em;
    margin-bottom: 0;
    text-shadow: none;
    text-transform: none;
    border-radius: 6px;
}

    .sidebar-nav .nav-header .label {
        float: right;
        margin-top: .5em;
        margin-right: .25em;
        line-height: 1.5em
    }

    .sidebar-nav .nav-header:hover {
        background: #efeff0;
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#efeff0),color-stop(1,#fff));
        background: -ms-linear-gradient(bottom,#efeff0,#fff);
        background: -moz-linear-gradient(center bottom,#efeff0 0%,#fff 100%);
        background: -o-linear-gradient(bottom,#efeff0,#fff);
        filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3',EndColorStr='#ffffff');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#efeff0')
    }

    .sidebar-nav .nav-header.collapsed .fa-collapse::before {
        content: "\f078"
    }

    .sidebar-nav .nav-header .fa-collapse::before {
        content: "\f077"
    }

    .sidebar-nav .nav-header .fa-collapse, .sidebar-nav .nav-header .fa-collapse {
        float: right
    }

    .sidebar-nav .nav-header .label {
        float: right;
        margin-top: .7em;
        line-height: 1.5em
    }

    .sidebar-nav .nav-header i[class*="fa-"] {
        line-height: 2.25em;
        padding-right: .75em
    }

.sidebar-nav .nav-list {
    margin: 0;
    border: 0;
    background: #fafafa
}

    .sidebar-nav .nav-list > li > a:hover {
        background: var(--clr-secondery);
    }

    .sidebar-nav .nav-list > .active > a {
        text-shadow: none;
        background: var(--clr-secondery);
        color: #fff;
        font-weight: 600;
        font-size: 15px;
    }
        /*border-top:1px solid #22aad9;border-bottom:1px solid #22aad9*/
        .sidebar-nav .nav-list > .active > a:hover {
            text-shadow: none;
            background: var(--clr-secondery);
            color: #fff;
            font-weight: 600;
            font-size: 15px;
        }
    /*border-top:1px solid #d0d0d6;border-bottom:1px solid #d0d0d6*/
    .sidebar-nav .nav-list li:first-child.active a {
        border-top: 0
    }

    .sidebar-nav .nav-list li:last-child.active a {
        border-bottom: 0
    }

    .sidebar-nav .nav-list > li:hover {
        border-left: 4px solid var(--clr-secondery);
        overflow: hidden
    }

        .sidebar-nav .nav-list > li:hover a {
            margin-left: -4px
        }

    .sidebar-nav .nav-list > .active {
        overflow: hidden;
        border-left: 4px solid var(--clr-secondery);
        color: #000 !important
    }

        .sidebar-nav .nav-list > .active a {
            margin-left: -4px;
            color: #fff !important
        }

    .sidebar-nav .nav-list > li > a {
        color: #fff;
        padding: 8px 10px 8px 42px;
        background: var(--clr-secondery);
        font-size: 15px;
        letter-spacing: 0.01em;
    }

.sidebar-nav ul li a[aria-expanded="true"] i[aria-arrow="true"] {
    content: "\f105"
}

.sidebar-nav ul li a[aria-expanded="false"] i[aria-arrow="true"] {
    content: "\f105"
}

.div-form-control {
    min-height: 34px !important;
    display: block;
    width: 100%;
    height: auto;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.export-menu {
    float: right;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 9;
    margin-right: 5px
}

.Exportmenu {
    background-color: #f1f1f1;
    border: 1px solid #aaa;
    border-radius: 2px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    margin-right: 5px;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: left;
    width: 150px;
    z-index: 15
}

.HideToggleTimeLineMenu {
    display: none
}

.innerExportmenu {
    border-bottom: 2px solid #fff;
    padding: 5px
}

.btn {
    text-transform: capitalize !important;
    border-radius: 6px;
}
/*#ContentPlaceHolder1_btnSearchDashboard{margin-top:3px!important;}*/
table.dataTable thead th {
    background-color: var(--clr-secondery) !important;
    color: #fff !important;
    font-family: var(--font-family) !important;
    font-weight: 400 !important;
    vertical-align: middle !important;
    font-size: 13px !important
}

.btn-margin-top {
    margin-top: 3px !important;
}

.arrowactive {
    color: #fff !important
}

.marginbottom-zero {
    margin-bottom: 0
}

.imgmargintop {
    margin-top: -12px;
    cursor: pointer
}

#ContentPlaceHolder1_hlAdd {
    margin-right: 3px;
}
/*#ContentPlaceHolder1_txtMonthSelected{height: 32px;text-align:center;}*/
.btn-primary, .btn-info {
    background-color: var(--clr-primary) !important;
    color: #fff !important;
    font-weight: 400;
    border-color: #16847E !important;
    padding: 6px 8px !important;
}

    .btn-primary:hover, .btn-info:hover {
        background-color: var(--clr-secondery) !important;
        color: #fff !important;
        border-color: #0b9260 !important;
    }

.btn-primary-active {
    background-color: #16847E !important;
    color: #fff !important;
    font-weight: 400;
    border-color: #16847E !important;
    padding: 6px 8px !important;
}

.btn-danger {
    background-color: #0ea16b;
    font-weight: 400;
    padding: 6px 8px;
    border-color: #0ea16b !important;
}

    .btn-danger:hover {
        background-color: #12d68e;
        *background-color: #12d68e;
        padding: 5px 8px;
        border-color: #12d68e !important
    }

    .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
        background-color: #12d68e !important;
        *background-color: #12d68e !important;
        padding: 5px 8px;
        border-color: #12d68e !important;
        color: #fff !important;
    }

.btn-success {
    background-color: #556665;
    font-weight: 400
}

    .btn-success:hover {
        background-color: #556665;
        *background-color: #556665
    }

.btn-warning {
    background-color: #aa5;
    font-weight: 400
}

    .btn-warning:hover {
        background-color: #aa5;
        *background-color: #aa5
    }

.btn-gray {
    border: 1px solid #495857;
    font-weight: 400
}

.btn-green {
    background-color: #22c375;
    border: 1px solid #006400;
    font-weight: 400
}

.well {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 1px 0 #fff;
    -moz-box-shadow: 1px 1px 0 #fff;
    box-shadow: 1px 1px 0 #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.faq-content ul, .faq-content ol {
    padding-left: 1.5em
}

    .faq-content ul .top, .faq-content ol .top {
        float: right;
        line-height: 1.25em;
        padding: .75em 0
    }

.gallery {
    text-align: center
}

    .gallery > img {
        margin: .5em
    }

.img-polaroid {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ddd
}

.dialog {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 400px;
    width: 400px
}

    .dialog input[type="checkbox"] {
        margin: 0
    }

    .dialog .alert {
        margin-bottom: 1em
    }

    .dialog form {
        margin-bottom: 0
    }

    .dialog .remember-me {
        padding: .5em 0 0
    }

.alert {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: .5em 1em;
    margin-top: 1em
}

    .alert .close {
        right: -.25em
    }

    .alert.alert-error {
        border: 1px solid #712d2d;
        background: #963b3b;
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#963b3b),color-stop(1,#b84c4c));
        background: -ms-linear-gradient(bottom,#963b3b,#b84c4c);
        background: -moz-linear-gradient(center bottom,#963b3b 0%,#b84c4c 100%);
        background: -o-linear-gradient(bottom,#963b3b,#b84c4c);
        filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3',EndColorStr='#ffffff');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b84c4c',EndColorStr='#963b3b');
        color: #fff;
        text-shadow: none
    }

    .alert.alert-info {
        border: 1px solid #85c5e5;
        background: #afd9ee;
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#afd9ee),color-stop(1,#d9edf7));
        background: -ms-linear-gradient(bottom,#afd9ee,#d9edf7);
        background: -moz-linear-gradient(center bottom,#afd9ee 0%,#d9edf7 100%);
        background: -o-linear-gradient(bottom,#afd9ee,#d9edf7);
        filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3',EndColorStr='#ffffff');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d9edf7',EndColorStr='#afd9ee')
    }

    .alert.alert-success {
        border: 1px solid #a3d48e;
        background: #c1e2b3;
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#c1e2b3),color-stop(1,#dff0d8));
        background: -ms-linear-gradient(bottom,#c1e2b3,#dff0d8);
        background: -moz-linear-gradient(center bottom,#c1e2b3 0%,#dff0d8 100%);
        background: -o-linear-gradient(bottom,#c1e2b3,#dff0d8);
        filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3',EndColorStr='#ffffff');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dff0d8',EndColorStr='#c1e2b3')
    }

.knob-container > div {
    display: block !important;
    margin: auto
}

.http-error {
    margin-top: 5em;
    text-align: center;
    color: #444
}

    .http-error h1 {
        font-size: 5em;
        line-height: 1em;
        text-shadow: 1px 1px 0 #fff;
        color: #444
    }

    .http-error p {
        margin: 0
    }

    .http-error .info {
        font-size: 2em;
        line-height: 1.5em;
        margin-bottom: 1em
    }

    .http-error i {
        font-size: 3em;
        line-height: .75em;
        text-shadow: 1px 1px 0 #fff
    }

.modal {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

    .modal.small .modal-dialog {
        width: 370px
    }

        .modal.small .modal-dialog .modal-body {
            padding: 1em;
            margin-top: 1em
        }

    .modal .modal-icon {
        vertical-align: middle;
        font-size: 3em;
        float: left;
        margin-right: .25em
    }

    .modal:focus {
        outline: none
    }

    .modal .modal-header h3 {
        font-size: .95em;
        padding: 0;
        margin: 0
    }

    .modal .modal-footer {
        padding: .75em
    }

    .modal .modal-body {
        padding: 2em
    }

    .modal p {
        margin: 0;
        line-height: 1.5em
    }

.search-well form {
    margin: 1em 0 1.5em
}

.search-well label {
    margin-bottom: 0;
    vertical-align: middle
}

.toc {
    margin-bottom: 2em
}

    .toc h3 {
        font-size: 1em;
        margin-top: 0;
        padding-top: 0;
        line-height: 1.4em
    }

    .toc h4 {
        color: #555;
        font-size: 1em;
        margin-top: 0;
        padding-top: 0;
        line-height: 1.4em;
        margin-bottom: 0;
        padding-bottom: 0
    }

.stat-widget-container {
    text-align: center
}

    .stat-widget-container .stat-widget {
        width: 25%;
        float: left
    }

        .stat-widget-container .stat-widget .stat-button {
            position: relative
        }

            .stat-widget-container .stat-widget .stat-button .title {
                font-size: 2em;
                font-weight: 700;
                color: #999
            }

            .stat-widget-container .stat-widget .stat-button .detail {
                font-size: 1.5em;
                color: #555
            }

table.table.list tr:first-child td {
    border-top: 0
}

.table-first-column-check td:first-child, .table-first-column-number td:first-child, .table-first-column-check th:first-child, .table-first-column-number th:first-child {
    width: 16px;
    text-align: center
}

@media (max-width: 1310px) {
    .menu-btn {
        display: none
    }

    #div-header-right {
        margin-left: 0 !important
    }

    #divLogoleft {
        display: block !important
    }

    #divNotificationCount .badge {
        right: 0
    }

    .content {
        margin: 0
    }

    .sidebar-nav {
        float: none;
        width: auto;
        position: relative
    }

    h1 {
        text-align: center
    }

    .stats {
        text-align: center;
        margin-top: .5em;
        margin-bottom: 2em;
        float: none
    }

        .stats .stat {
            float: none;
            display: inline
        }

    .stat-widget-container .stat-widget {
        font-size: .5em
    }
}

@media (max-width: 851px) {
    .stat-widget-container .stat-widget {
        font-size: .75em
    }
}

@media (max-width: 1310px) {
    footer hr {
        margin-left: 0;
        margin-right: 0
    }

    .navbar .nav > li:hover {
        background-color: transparent
    }

    .nav > li > a:hover, .nav > li > a:focus {
        background-color: transparent
    }

    .sidebar-nav {
        display: none
    }
}

@media (max-width: 604px) {
    body.http-error {
        font-size: .5em
    }

    .dialog, .row .dialog {
        max-width: 300px
    }
}

@media (min-width: 1310px) {
    .text-right-logo {
        text-align: left;
        padding-left: 0.5em;
        margin-top: 0px;
    }
}

@media (max-width:768px) {
    .calendar_instructions_title > span {
        padding: 1px 10px 5px 10px !important;
        display: inline !important;
    }
}

.text-right-logo {
    text-align: right;
    padding-left: 0px;
    margin-top: 10px;
}

.theme-blue .navbar {
    background: #85d1d8;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#85d1d8),color-stop(1,#467dbc));
    background: -ms-linear-gradient(bottom,#85d1d8,#467dbc);
    background: -moz-linear-gradient(center bottom,#85d1d8 0%,#467dbc 100%);
    background: -o-linear-gradient(bottom,#85d1d8,#467dbc);
    filter: progid:dximagetransform.microsoft.gradient(startColorStr='#85d1d8',EndColorStr='#467dbc');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#85d1d8',EndColorStr='#467dbc')
}

.bs-callout {
    margin: 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee
}

.bs-callout-right {
    border-right: 5px solid #eee;
    border-left: 0
}

.bs-callout h4 {
    margin-top: 0
}

.bs-callout p:last-child {
    margin-bottom: 0
}

.bs-callout code, .bs-callout .highlight {
    background-color: #fff
}

.bs-callout-danger {
    background-color: #fcf2f2;
    border-color: #dFb5b4
}

.bs-callout-warning {
    background-color: #fefbed;
    border-color: #f1e7bc
}

.bs-callout-info {
    background-color: #f0f7fd;
    border-color: #d0e3f0
}

.margin-zero {
    margin: 0
}

.grid-heading {
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-left: none;
    color: #fff;
    margin-bottom: 0;
    text-shadow: none;
    text-transform: none;
    font-size: 1em;
    line-height: 1.5em;
    border: 1px solid #ddd !important;
    background-color: #1B4B63 !important
}

.grid-text-left {
    text-align: left !important;
    padding-left: 10px !important;
    padding-right: 10px !important
}

.text-left-imp {
    text-align: left !important
}

.requiredStar {
    color: #d83b3e;
    font-size: 16px !important;
    font-weight: 400;
    padding-left: 5px
}

.requiredStar_FontSize_10px {
    color: #d83b3e;
    font-size: 10px;
    font-weight: 400;
    padding-left: 5px
}

.errorMessage {
    color: #d83b3e;
    font-size: 12.5px;
    padding: 5px;
    width: 100%;
    border-radius: 3px;
}

.alertmessage {
    color: #d83b3e;
}

.hidecontrol {
    display: none
}

#ContentPlaceHolderRight_chklstClientStores {
    list-style: none;
    float: left;
    margin: 0 0 10px;
    padding: 0;
    width: 100%
}

    #ContentPlaceHolderRight_chklstClientStores > li {
        float: left;
        width: 25%
    }

        #ContentPlaceHolderRight_chklstClientStores > li label {
            margin-left: 5px
        }

#ContentPlaceHolderRight_chklstReports {
    list-style: none;
    float: left;
    margin: 0 0 10px;
    padding: 0;
    width: 100%
}

    #ContentPlaceHolderRight_chklstReports > li {
        float: left;
        width: 25%
    }

        #ContentPlaceHolderRight_chklstReports > li label {
            margin-left: 5px
        }

@media screen and (max-width: 1310px) {
    #ContentPlaceHolderRight_chklstClientStores > li {
        float: left;
        width: 50%
    }

    #ContentPlaceHolderRight_chklstReports > li {
        float: left;
        width: 50%
    }
}

@media screen and (max-width: 400px) {
    .navbar-brand {
        font-size: 16px;
        width: 79%
    }

    #ContentPlaceHolderRight_chklstClientStores > li {
        float: left;
        width: 100%
    }

    #ContentPlaceHolderRight_chklstReports > li {
        float: left;
        width: 100%
    }
}

.div-form-control {
    min-height: 34px !important;
    display: block;
    width: 100%;
    min-height: inherit;
    max-height: 200px;
    overflow-y: auto;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.spacer10px {
    height: 10px
}

.bold {
    font-weight: 700
}

.chart_background {
    background: #fff
}

.sidebar-nav a:hover {
    text-decoration: none !important
}

#sticky.stick {
    position: fixed;
    top: 0;
    z-index: 10;
    border-radius: 0;
    bottom: 0;
    overflow-y: h
}

.navbar-header a.menu-btn:hover {
    background: #fff
}

.navbar-header i.fa-reorder {
    font-size: 19px !important;
}

.navbar-header a.menu-btn {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    color: #000;
    text-align: center;
    padding: 0 !important;
    float: left;
    margin: 10px 0 0 -4px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out
}

    .navbar-header a.menu-btn:hover {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

#main-menu li ul li {
    background: #393836;
    color: #fff
}

    #main-menu li ul li span:last-child {
        color: #fff
    }

    #main-menu li ul li[class=active] {
        background: #16847E;
        color: #000
    }

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle {
    background: #1B4B63 !important
}

.dropdown-menu > li > a {
    background: #fff !important;
    text-align: left;
}

    .dropdown-menu > li > a > span > span {
        color: #000 !important
    }

.navbar-toggle {
    margin-top: 15px !important
}

.div-form-control:disabled {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

.content {
    transition: margin-left .5s
}

.active > .sidebar-nav {
    margin-left: -250px;
    transition: margin-left .5s
}

.sidebar-nav {
    transition: margin-left .5s
}

.active > .content {
    margin-left: 0px;
    transition: margin-left .5s
}

.sidebar-nav::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5
}

.modal.left .modal-dialog, .modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 400px;
    height: 100%;
    -webkit-transform: translate3d(0%,0,0);
    -ms-transform: translate3d(0%,0,0);
    -o-transform: translate3d(0%,0,0);
    transform: translate3d(0%,0,0)
}

.modal.left .modal-content, .modal.right .modal-content {
    height: 100%;
    top: 30px;
    left: -25px
}

.modal.left .modal-body, .modal.right .modal-body {
    padding: 0 5px 80px
}

.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity .3s linear,left .3s ease-out;
    -moz-transition: opacity .3s linear,left .3s ease-out;
    -o-transition: opacity .3s linear,left .3s ease-out;
    transition: opacity .3s linear,left .3s ease-out
}

.modal.left.fade.in .modal-dialog {
    left: 0
}

.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity .3s linear,right .3s ease-out;
    -moz-transition: opacity .3s linear,right .3s ease-out;
    -o-transition: opacity .3s linear,right .3s ease-out;
    transition: opacity .3s linear,right .3s ease-out
}

.modal.right.fade.in .modal-dialog {
    right: 0
}

.modal-content {
    border-radius: 0;
    border: none
}

.modal-header {
    border-bottom-color: #71777d;
    background-color: #1B4B63;
    background: #1B4B63;
    color: #fff;
}

.btn-demo {
    margin: 15px;
    padding: 10px 15px;
    border-radius: 0;
    font-size: 16px;
    background-color: #FFF
}

    .btn-demo:focus {
        outline: 0
    }

.demo-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 15px;
    background-color: #212121;
    text-align: center
}

    .demo-footer > a {
        text-decoration: none;
        font-weight: 700;
        font-size: 16px;
        color: #fff
    }

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    cursor: pointer
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #F5F5F5
}

::-webkit-scrollbar-thumb {
    background-color: var(--clr-secondery);
    background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(.5,rgba(18,214,142,.2)),color-stop(.5,transparent),to(transparent))
}
/*.btn-primary{-webkit-font-smoothing:antialiased;background-color:#16847E;border:none;color:#fff;letter-spacing:1px;color:#fff;text-transform:uppercase}
.btn-primary:hover{-webkit-font-smoothing:antialiased;background-color:#16847E;border:none;color:#fff;letter-spacing:1px;color:#fff;text-transform:uppercase;box-shadow:none}
.btn-primary:focus{-webkit-font-smoothing:antialiased;background-color:#16847E;border:none;color:#fff;letter-spacing:1px;color:#fff;text-transform:uppercase;box-shadow:none}
.btn-primary:not([disabled]):not(.disabled):active,.btn-primary:not([disabled]):not(.disabled).active,.show > .btn-primary.dropdown-toggle{-webkit-font-smoothing:antialiased;background-color:#16847E;border:none;color:#fff;letter-spacing:1px;color:#fff;text-transform:uppercase}*/
.tabs-header {
    position: relative;
    background: #1fc387;
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px
}

    .tabs-header ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(100%)
    }

    .tabs-header li {
        -webkit-transition: .3s ease;
        transition: .3s ease;
        width: 33.3%;
        text-align: center
    }

        .tabs-header li.active {
            border-bottom: 3px solid #1b4b63
        }

    .tabs-header a {
        z-index: 1;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px 20px;
        color: #000 !important;
        font-weight: 500;
        text-decoration: none;
        text-transform: uppercase;
        background: transparent !important;
        border: 0 !important;
        font-size: 12px !important
    }

    .tabs-header .border {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #16847E;
        width: auto;
        height: 2px;
        -webkit-transition: .3s ease;
        transition: .3s ease
    }

ul .active {
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
/*border-bottom:3px #16847E solid*/
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .7
}

@media (max-width: 480px) {
    .modal.left .modal-dialog, .modal.right .modal-dialog {
        position: fixed;
        margin: auto;
        width: auto;
        height: 100%;
        -webkit-transform: translate3d(0%,0,0);
        -ms-transform: translate3d(0%,0,0);
        -o-transform: translate3d(0%,0,0);
        transform: translate3d(0%,0,0)
    }

    .modal.left .modal-content, .modal.right .modal-content {
        height: 100%;
        top: 55px;
        left: auto
    }
}

.tile_autologin {
    background: var(--clr-secondery) !important;
    color: #fff !important;
}

    .tile_autologin:hover {
        background: var(--clr-secondery) !important;
        color: #fff !important;
    }

.h2_autologin {
    color: #fff !important;
}

.tile {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    background: #fff;
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 10px;
}
    /*background: #646567!important;color:#fff;*/
    .tile .title {
        margin-top: 0;
        font-weight: 200;
        font-size: 1.4em;
    }

.tile {
    background: #FFFFFF;
    border: 0;
    /*box-shadow: 0px 5px 60px var(--body-bg);*/
    border-radius: 6px;
    color: #000;
}

    .tile:hover {
        background: #fff;
        color: #000
    }

.tile-subtitle {
    font-size: 13px;
    font-weight: 400
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 0 !important;
    border-top: 0 !important
}

.padding0 {
    padding: 0 !important;
}

.epi-category-backgrd-color td {
    background: #e1e1e1 !important
}

.border-left0 {
    border-left: 0 !important
}

.border-right0 {
    border-right: 0 !important
}

.border-top0 {
    border-top: 0 !important
}

.border-bottom0 {
    border-bottom: 0 !important
}

.greybackground {
    background-color: #f9f9f9 !important
}

.actioncol input.form-control-table {
    display: none
}
/*.section-padding{padding:2rem 0;background-color:#fff}*/
/*.chart-view{background:#fff;height:400px;margin:0 auto;box-shadow:5px 5px 5px #777;border-radius: 0px 0px 10px 10px;}*/
.chart-view {
    background: #FFFFFF;
    border: 0;
    box-shadow: 0px 18px 25px 0 var(--body-bg) !important;
    border-radius: 6px !important;
    border-top: 0px !important;
}

/*.chart-view:hover{height:400px;margin:0 auto;box-shadow:5px 5px 2px #777}*/
/*.card1-header{padding:.5em .5em 0;background-color:#fff;text-align:left;font-size:16px;font-weight:700;color:#000;box-shadow:5px 5px 5px #777;border-radius: 10px 10px 0px 0px;}*/
.card1-header {
    background: #FFFFFF;
    border: 1px solid #E6EAEC;
    box-shadow: 0px 5px 25px rgb(24 62 86 / 10%) !important;
    border-radius: 8px 8px 0px 0px;
    border-bottom: 0px !important;
}

.switch {
    position: absolute;
    display: inline-block;
    width: 56px;
    height: 28px;
    z-index: 100;
    margin-top: 4%;
    margin-left: 2%
}

    .switch input {
        display: none
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 2px;
        bottom: 1px;
        background-color: #fff;
        -webkit-transition: .4s;
        transition: .4s
    }

input:checked + .slider {
    background-color: #16847E
}

input[disabled]:checked + .slider {
    background-color: #c2c8d3;
    cursor: not-allowed;
}

input[disabled][type='checkbox'] + .slider {
    background-color: #c2c8d3;
    cursor: not-allowed;
}

input:focus + .slider {
    box-shadow: 0 0 1px #16847E
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.slider.round {
    border-radius: 34px
}

    .slider.round:before {
        border-radius: 50%
    }

.chart-width {
    min-width: 100%;
    height: 400px;
    margin: 0 auto;
    width: 100%
}

.package-equipments {
    padding: 10px 0 10px 20px;
    background: #fff;
    margin: 10px 0;
    border-radius: 5px
}

.margintop {
    margin-top: 10px
}

.marginright-10px {
    margin-right: 10px
}

.marginbottom-10px {
    margin-bottom: 10px
}

.marginleft-10px {
    margin-left: 10px
}

.divlocked {
    left: 50%;
    top: 45%;
    font-size: 10em;
    font-weight: 700;
    color: #b52135;
    position: fixed
}

.divlocked_meterreport {
    left: 50%;
    top: 45%;
    font-size: 12.5em;
    font-weight: 700;
    color: #b52135;
    position: fixed
}

.npricalculationcolumn {
    width: 80px !important
}

    .npricalculationcolumn input {
        width: 100px !important
    }

.npri-ffv-links {
    margin-top: 25px;
    text-align: right
}

    .npri-ffv-links a {
        margin-right: 5px;
        border-bottom: 3px #16847E solid
    }

.jstree_toggle_filter {
    color: #fff !important;
    border-bottom: 2px #16847E solid !important
}
/*.jstree_toggle_filter_active{background-color:#eee!important}*/
a[disabled="disabled"]:hover {
    text-decoration: none !important
}

.notify {
    position: relative;
    right: -8px;
    top: 33px
}

    .notify .heartbit {
        animation: 1s ease-out 0s normal none infinite running heartbit;
        border: 5px solid #22ee5b;
        border-radius: 70px;
        height: 25px;
        position: absolute;
        right: -4px;
        top: -20px;
        width: 25px;
        z-index: 10
    }

.borderpointgreen {
    border: 5px solid #3ae894 !important
}

.notify .pointgreen {
    background-color: #3ae894;
    border-radius: 30px;
    height: 6px;
    position: absolute;
    right: 6px;
    top: -10px;
    width: 6px
}

.borderpointred {
    border: 5px solid #d83b3e !important
}

.notify .pointred {
    background-color: #d83b3e;
    border-radius: 30px;
    height: 6px;
    position: absolute;
    right: 6px;
    top: -10px;
    width: 6px
}

@-moz-keyframes heartbit {
    0% {
        -moz-transform: scale(0);
        opacity: 0
    }

    25% {
        -moz-transform: scale(0.1);
        opacity: .1
    }

    50% {
        -moz-transform: scale(0.5);
        opacity: .3
    }

    75% {
        -moz-transform: scale(0.8);
        opacity: .5
    }

    to {
        -moz-transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes heartbit {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(0.1);
        opacity: .1
    }

    50% {
        -webkit-transform: scale(0.5);
        opacity: .3
    }

    75% {
        -webkit-transform: scale(0.8);
        opacity: .5
    }

    to {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

.pipeSeparator {
    margin: 0 2px
}

.always-show-pipeSeparator {
    margin: 0 2px
}

.pipeSeparator_video, .pipeSeparator_leak {
    margin: 0 2px
}

.pipeSeparatorGasAnalysisData {
    margin: 0 2px
}

.dropdown-menu .fa.fa-file-excel-o, .dropdown-menu .fa.fa-file-pdf-o {
    font-size: 14px;
    padding-right: 5px
}

.padding-top {
    padding-top: 20px
}

.padding-top-right {
    padding-top: 20px;
    padding-right: 20px
}

.datepickerMonthDataEquipment {
    padding-right: 10px
}

.overlay {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 215px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.10);
    z-index: 2
}

.overlay_with_onlysearch {
    top: 146px !important;
}

.panelbackcolor {
    background-color: #F2F5F6 !important
}

.datepickerMonthData {
    float: left;
    width: 85px
}

.yadcf-filter-wrapper input[type=text] {
    color: #000
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #fff !important;
    border: 1px solid transparent;
    background: #1b4b63;
    box-shadow: none;
    border-radius: 3px
}

.not-allowed {
    cursor: not-allowed
}

.OddColor_Style {
    background: #f9f9f9 !important;
    border: 0 !important;
    text-align: center !important
}

.EvenColor_Style {
    background: #fff !important;
    border: 0 !important;
    text-align: center !important
}

.floatlefttextboxwidth {
    float: left !important;
    width: 92% !important
}

.paddingtop10px_display_block {
    padding-top: 10px;
    display: block
}

.smarttable {
    border: 1px solid #ddd
}
/*.widetable{min-width:4500px}
.widetable_1{min-width:3500px}
.widetable_2{min-width:2500px}
.widetable_3{min-width:1500px}
.widetable_4{min-width:2000px}
.widetable_5{min-width:1200px}
.widetable_6{min-width:1000px}
.widetable_7{min-width:3200px}
.widetable_8{min-width:1800px}*/
.widetable {
    margin: 0;
    white-space: nowrap;
}

.widetable_1 {
    margin: 0;
    white-space: nowrap;
}

.widetable_2 {
    margin: 0;
    white-space: nowrap;
}

.widetable_3 {
    margin: 0;
    white-space: nowrap;
}

.widetable_4 {
    margin: 0;
    white-space: nowrap;
}

.widetable_5 {
    margin: 0;
    white-space: nowrap;
}

.widetable_6 {
    margin: 0;
    white-space: nowrap;
}

.widetable_7 {
    margin: 0;
    white-space: nowrap;
}

.widetable_8 {
    margin: 0;
    white-space: nowrap;
}

.widetable_9 {
    margin: 0;
    width: 5000px;
}

.width100px {
    width: 100px !important
}

.width60px {
    width: 10% !important;
}

#export-menu {
    width: 45px !important
}

    #export-menu .dropdown-toggle {
        background: none;
        color: #fff;
        padding: 6px 3px;
        border-radius: 3px
    }

#Facility-switch .dropdown-toggle {
    background: #16847E;
    color: #fff;
    padding: 6px 10px !important;
    border-radius: 3px
}

#export-menu .dropdown-menu {
    border: 1px solid #16847E !important
}

#export-menu .fa-download, #export-menu .fa-caret-down {
    font-size: 14px !important
}

.catbackground {
    background: #F2F5F6 !important;
    border: 0 !important
}

.bootstrap-datetimepicker-widget thead th {
    background: #fff !important;
    color: #000 !important
}

.bootstrap-datetimepicker-widget tbody td {
    font-size: 1em !important
}

.bootstrap-datetimepicker-widget thead th:hover {
    background: #eee !important;
    color: #000 !important
}

.row_selected {
    background-color: #DEE7E8 !important;
}

.dataTables_filter input[type=search] {
    display: inline;
    width: 175px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

    .dataTables_filter input[type=search]:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    }

.dataTables_scrollBody table {
    margin-left: 0 !important
}

.dvFacilityCount {
    font-size: 14px;
    margin-top: 6px;
    margin-left: 20px
}

.datepicker-input-width {
    width: 135px !important
}

.highlight {
    border-bottom: 3px #16847E solid;
    background: #eee
}

    .highlight:before {
        content: url(../Icons/Teal/LockSimple.svg);
        font-family: FontAwesome;
        text-align: center;
        padding: 2px
    }

.unplanned-event-note {
    font-style: italic;
    color: #d83b3e;
    margin: 10px 0 0 15px;
    font-size: 12px
}

.font-weight-bold {
    font-weight: 700 !important
}

#ddlAllSearch, ul[id*=ddlTemplateList] {
    max-height: 300px;
    overflow-y: auto
}

.required_error {
    border-color: #ff6161 !important;
}

.highlightrow {
    position: relative;
    box-shadow: 0 3px 9px 1px rgba(0,0,0,0.28);
    -webkit-box-shadow: 0 3px 9px 1px rgba(0,0,0,0.28);
    background: #dff4f5 !important;
}

    .highlightrow .ajax-button::after {
        font-family: "FontAwesome";
        font-size: 10px;
        content: url(../Icons/20X20/Color/StatusDot.svg);
        color: #d83b3e;
        position: absolute;
        right: 10px;
        top: 25px;
    }

    .highlightrow .update_RoleWise::after {
        font-family: "FontAwesome";
        font-size: 10px;
        content: url(../Icons/20X20/Color/StatusDot.svg);
        color: #d83b3e;
        position: absolute;
        right: 28px;
        top: 37px;
    }

    .highlightrow .update_measured::after {
        font-family: "FontAwesome";
        font-size: 10px;
        content: url(../Icons/20X20/Color/StatusDot.svg);
        color: #d83b3e;
        position: absolute;
        right: 140px;
        top: 15px !important;
    }

    .highlightrow .update_derived::after {
        font-family: "FontAwesome";
        font-size: 10px;
        content: url(../Icons/20X20/Color/StatusDot.svg);
        color: #d83b3e;
        position: absolute;
        right: 140px;
        top: 15px !important;
    }
/*.highlightrow:after{content: "";position: absolute;top: 0;right: 0;width: 0;height: 0;display: block;border-left: 10px solid transparent;border-bottom: 10px solid transparent;border-top: 10px solid #dd1a1a;}*/
.warningrow td:first-child:before {
    content: url(../Icons/Color/Warning_Orange.svg);
    font-family: FontAwesome;
    font-size: 15px;
    position: absolute;
    left: 10px;
}

.warningTreeNode:after {
    content: url(../Icons/Color/warning-indication.svg);
    font-size: 15px;
    margin-top: 5px;
}

.warningTreeNode {
    margin-left: 10px;
    display: inline-block;
}

.failedrow td:first-child:before {
    content: url(../Icons/Color/Warning_Red.svg);
    font-family: FontAwesome;
    font-size: 15px;
    position: absolute;
    left: 10px;
}

.rowborder {
    border: 1px solid #ddd
}

.width10 {
    width: 10% !important
}

.width7 {
    width: 7% !important
}

.width5 {
    width: 5% !important
}

.width3 {
    width: 3% !important
}

.width12 {
    width: 12% !important
}

.width15 {
    width: 15% !important
}

.useradded {
    background: #dff4f5 !important;
}

.bluebutton {
    color: #fff !important;
    border-radius: 5px;
}

.graybutton {
    color: #89989e !important;
    border-radius: 5px;
}

.brownbutton {
    color: #fff !important;
    border-radius: 5px;
}

.control-extend {
    border-radius: 10px
}

.activeInactive_filtered {
    display: none
}

.export_anchor {
    background: #12d68e !important;
    padding: 6px !important;
    border-radius: 0 !important
}

.navbar-collapse-additional {
    padding-left: 0 !important
}

.export-menu-additional {
    width: auto !important
}

.monthselector-width {
    width: 85px !important
}

.rblabel {
    padding: 5px
}

.rbinput {
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.removeTag {
    margin-left: 8px;
    cursor: pointer
}

.bootstrap-tagsinput {
    margin-top: 37px
}

    .bootstrap-tagsinput .tag {
        margin-right: 2px;
        color: #fff;
        width: 30.33%;
        font-weight: 400
    }

.label {
    display: inline-block !important;
    background-color: #16847E !important
}

.datepickerMonthUpdateEquipment .datepicker, .datepickerMonthDelete .datepicker {
    border: 1px solid #e1e1e1 !important
}

.datepickerMonthUpdateFacility .datepicker {
    border: 1px solid #e1e1e1 !important
}

.deleteconfirmationnote {
    font-size: 11px;
    padding-left: 16px;
    padding-bottom: 5px
}

.uppercase {
    text-transform: uppercase !important
}

.modal-title-extra {
    background: var(--clr-secondery) !important;
    color: #fff !important
}

.modal-section-title {
    background: var(--clr-secondery) !important;
    color: #fff !important;
    text-transform: uppercase;
    margin-bottom: 10px;
    min-height: 16.42857143px;
    padding: 10px;
    border-radius: 15px 15px 0px 0px;
}




.popup-pre-loader {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 70px;
    background: #fff;
    vertical-align: middle;
    z-index: 1
}

.red-filter {
    background-image: url(../Icons/Dark/20X20/Funnel.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
    padding-top: 27px;
}

.green-filter {
    background-image: url(../Icons/Dark/Color/Funnel.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
    padding-top: 27px;
}

#Facility-switch ul {
    height: 300px;
    overflow: auto
}

.pathbar {
    margin: 0;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    min-height: 12px;
    color: #2c2c2c;
    font-size: 12px;
}

    .pathbar ul {
        width: auto;
        margin: 0;
    }
    /*margin:0 10px 5px 0*/
    .pathbar li {
        float: left
    }

        .pathbar li > a[disabled] {
            color: #0b9260 !important;
            background: none !important
        }

        .pathbar li > a:hover {
            color: #12d68e;
        }

        .pathbar li:first-child > i {
            margin-top: 1.5px;
            margin-left: 3px
        }

        .pathbar li:first-child > a, .pathbar li:first-child > span {
            padding-left: 0px
        }

        .pathbar li > a {
            border-radius: 0 10px 10px 0;
            text-decoration: none !important;
            position: relative;
            float: left;
            margin: 0 3px 2px 0;
            padding: 0 0 0 5px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            color: #12d68e;
            font-size: 12px;
        }

            .pathbar li > a:after, .pathbar li > span:after {
                right: -10px;
                left: auto;
                z-index: 1;
                border-left-color: #ebebeb
            }

.wnoty-notification, .wnoty-notification *, .wnoty-notification :after, .wnoty-notification :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .wnoty-notification.wnoty-hide {
        -webkit-animation-name: animFade;
        animation-name: animFade;
        -webkit-animation-duration: .25s;
        animation-duration: .25s;
        -webkit-animation-direction: reverse;
        animation-direction: reverse
    }

.wnoty-top-left .wnoty-notification.wnoty-show, .wnoty-bottom-left .wnoty-notification.wnoty-show {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.wnoty-top-right .wnoty-notification.wnoty-show, .wnoty-bottom-right .wnoty-notification.wnoty-show {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.wnoty-notification {
    position: relative;
    border-radius: 5px;
    background: #fff;
    padding: 25px;
    line-height: 1.4;
    z-index: 1000;
    pointer-events: none;
    color: rgba(250,251,255,0.95);
    font-size: 90%;
    font-family: var(--font-family);
    max-width: 370px;
    z-index: 9999999999999;
    box-shadow: 1px 7px 14px -5px rgba(0,0,0,0.2);
    margin: 5px 0;
    pointer-events: auto
}

    .wnoty-notification p {
        margin: 0;
        line-height: 1.3;
        font-size: 14px;
        color: #000;
        font-weight: 300
    }

    .wnoty-notification a {
        opacity: .7;
        font-weight: 700;
        text-decoration: none
    }

        .wnoty-notification a:hover, .wnoty-notification a:focus {
            color: #fff !important;
            opacity: 1
        }

.wnoty-close {
    width: 27px;
    height: 27px;
    position: absolute;
    right: 15px;
    top: 50%;
    overflow: hidden;
    text-indent: 100%;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-top: -14px;
    opacity: .3;
    transition: .3s linear
}

    .wnoty-close::before, .wnoty-close::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 60%;
        top: 50%;
        left: 50%;
        background: #6e6e6e
    }

    .wnoty-close::after {
        -webkit-transform: translate(-50%,-50%) rotate(-45deg);
        transform: translate(-50%,-50%) rotate(-45deg)
    }

    .wnoty-close::before {
        -webkit-transform: translate(-50%,-50%) rotate(45deg);
        transform: translate(-50%,-50%) rotate(45deg)
    }

    .wnoty-close:hover, .wnoty-close:focus {
        outline: 0;
        opacity: 1
    }

@-webkit-keyframes animFade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes animFade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.wnoty-notification .wnoty-wrapper i.fa.wnoty-icon, .wnoty-notification .wnoty-wrapper i.fas.wnoty-icon {
    position: absolute;
    left: 17px;
    top: 50%;
    font-size: 24px;
    margin-top: -12px
}

.wnoty-wrapper {
    padding-left: 25px;
    padding-right: 30px
}

.wnoty-notification .wnoty-close::before, .wnoty-notification .wnoty-close::after {
    background: #000
}

.wnoty-notification.wnoty-info {
    border-left: 5px solid #2196f3;
    color: #2196f3
}

    .wnoty-notification.wnoty-info a {
        color: #004780
    }

.wnoty-notification.wnoty-success {
    color: #000;
    background: #3ec569
}

    .wnoty-notification.wnoty-success a {
        color: #007330
    }

.wnoty-notification.wnoty-error {
    color: #000;
    background: #e43e3e
}

    .wnoty-notification.wnoty-error a {
        color: #7c1313
    }

.wnoty-notification.wnoty-warning {
    color: #000;
    background: #ffe008
}

    .wnoty-notification.wnoty-warning a {
        color: #a97515
    }

.wnoty-block {
    position: fixed;
    z-index: 99999
}

    .wnoty-block.wnoty-top-left {
        top: 10px;
        left: 30px
    }

    .wnoty-block.wnoty-top-right {
        top: 10px;
        right: 30px
    }

    .wnoty-block.wnoty-bottom-left {
        bottom: 10px;
        left: 30px
    }

    .wnoty-block.wnoty-bottom-right {
        bottom: 10px;
        right: 30px
    }

.pink {
    background: #22aad9 !important;
    background-color: #22aad9 !important;
}

.green {
    background: var(--clr-secondery) !important;
    background-color: var(--clr-secondery) !important;
}

.yellow {
    background: #fefe30 !important;
    background-color: #fefe30 !important;
}

.red {
    background: #ff0000 !important;
    background-color: #ff0000 !important;
}

.green_extra {
    background: #5ff50d !important;
    background-color: #5ff50d !important;
}

.greenText {
    color: #27ae60 !important;
    font-weight: bold;
}

.redText {
    color: #ff0000 !important;
    font-weight: bold;
}

#aImportFile, #aShowColumnsPopup {
    padding: 6px 3px;
    margin-left: 1px;
}

.customlogo {
    max-height: 33px;
    padding-right: 0px;
}
/*max-width: 146px;*/
.audit-link {
    color: #fff !important;
    background: #16847E !important;
    border-radius: 10px;
    padding: 5px;
}

    .audit-link:hover {
        text-decoration: none !important;
    }

.redMessageText {
    color: #ff0000 !important;
}

.blueimage {
    color: #16847E !important
}

.redlight {
    border-bottom: 3px #ee5253 solid !important;
    border-left: 1px #ee5253 solid !important;
    border-right: 1px #ee5253 solid !important;
    border-top: 1px #ee5253 solid !important;
}

.importnote {
    color: #ff0000;
    font-size: 12px;
    font-style: italic;
    padding-top: 0px;
}

.downloadcustomreport {
    padding-top: 20px;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    font-size: 16px;
    color: #024751;
}

.calendar_instructions {
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
    border-color: rgba(223,225,229,0);
    background: #fff;
    padding: 20px;
    height: 340px;
}

.calendar_instructions_title {
    background: #dee7e8 !important;
    border-radius: 10px;
    color: var(--clr-secondery) !important;
    margin-top: 0px;
    display: block !important;
    padding: 10px !important;
}

.calendar_instructions_notes {
    list-style-type: circle;
    padding: 20px;
    background: var(--clr-white);
}

.calendar_big thead tr th:nth-child(1) {
    padding: 5px;
    font-size: 19px;
    border-radius: 0px;
    border-top-left-radius: 8px !important;
    background: #12d68e !important;
    color: #fff;
    visibility: visible !important;
}

.calendar_big thead tr th:nth-child(2) {
    padding: 5px;
    border-radius: 0px;
    background: #12d68e !important;
    color: #fff;
    visibility: visible !important;
}

.calendar_big thead tr th:nth-child(3) {
    padding: 5px;
    font-size: 19px;
    border-radius: 0px;
    border-top-right-radius: 8px !important;
    background: #12d68e !important;
    color: #fff;
    visibility: visible !important;
}

.calendar_big .datepicker .next.disabled, .calendar_big .datepicker .prev.disabled {
    pointer-events: none !important;
}

.calendar_big tbody {
    border: 1px solid #e1e1e1;
}

.modalLoaderBackground {
    border-radius: 14px;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 12px;
    background-color: #fff !important;
}

    .modalLoaderBackground:hover {
        border-radius: 14px;
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-bottom: 12px;
        background-color: #fff !important;
    }

    .modalLoaderBackground h4 {
        color: #000 !important;
    }

    .modalLoaderBackground img {
        width: 45px !important;
        height: 45px !important;
    }

.tableLoaderBackground {
    border-radius: 14px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 12px;
    background-color: #fff !important;
    border: none;
    text-transform: uppercase;
}

    .tableLoaderBackground:hover {
        border-radius: 14px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 12px;
        background-color: #fff !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        border: none;
        text-transform: uppercase;
    }

    .tableLoaderBackground h4 {
        color: #000 !important;
    }
/* .tableLoaderBackground img {width: 70px !important;height: 70px !important;} */
.ulStyle {
    padding-left: 0px;
    padding-top: 10px;
}

.liStyle {
    border-bottom: 1px solid #e1e1e1;
    padding: 4px 0 4px 0;
}

.chosen-tooltip {
    position: absolute;
    top: -20px;
    background-color: #000;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    left: 0;
    margin: 0 auto;
    width: max-content;
    width: -moz-max-content;
    opacity: 1;
    z-index: 9;
}

.table tbody td {
    width: max-content;
    width: -moz-max-content;
    vertical-align: middle !important;
    font-weight: 500;
    letter-spacing: 0.2px;
}

.table thead tr:first-child th:last-child {
    border-radius: 0 5px 0 0
}

.table thead tr:first-child th:first-child {
    border-radius: 5px 0 0 0
}

.table-bordered {
    border: 0px;
    border-right: 1px solid #ddd !important;
}

/*.header{box-shadow:0 .125em .4rem rgba(0,0,0,.2)!important;border-radius:0 0 10px 10px;padding-bottom:10px;margin-bottom:10px}*/
.btn-default {
    padding: 5px 8px !important;
}

#imgCompanyLogo {
    max-height: 70px;
    max-width: 250px;
}

.btn-list-holder {
    gap: 5px;
    display: flex;
    flex-wrap: wrap;
}

.btnlist {
    width: 100px !important;
    text-align: center;
}

.LinkListHeader {
    font-size: 14px;
    color: var(--clr-white);
    text-align: center;
    padding: 8px;
    margin: 0;
    white-space: nowrap;
    cursor: pointer;
    background: var(--clr-secondery);
    border-radius: 6px;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
}

.LinksDiv {
    position: absolute;
    padding: 10px;
    padding: 5px;
    background: var(--clr-white);
    display: none;
    border-radius: 10px;
    border: 2px solid #024751;
    box-shadow: 0 0 20px 0px rgba(0,0,0,.3);
}

.Listarrow {
    border-right: 15px solid var(--clr-secondery);
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    float: left;
    height: 0;
    width: 0;
    margin-left: -22px;
    margin-top: 10px
}

.calendar_instructions_title {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.EventRecordBody {
    border: 1px solid #e1e1e1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: var(--clr-white);
}

.ajax__fileupload_uploadbutton {
    font-weight: normal !important;
    background-color: #22c375 !important;
    border-radius: 3px !important;
    padding: 1px !important;
    font-size: 12px !important;
}

.ajax__fileupload_fileItemInfo .removeButton {
    background-color: #ff0000 !important;
    border-radius: 3px;
    font-size: 12px;
}

.ajax__fileupload_fileItemInfo .pendingState {
    color: #000 !important;
}

.ajax__fileupload_fileItemInfo .uploadedState {
    color: #22c375 !important;
}

.ajax__fileupload_fileItemInfo .uploadingState {
    color: #de9002 !important;
}

.ajax__fileupload_selectFileButton {
    background: var(--clr-secondery) !important;
    color: #fff !important;
    border-radius: 3px;
    font-size: 12px;
}

.ajax__fileupload_dropzone {
    border-style: dashed !important;
    border-color: #c7c4c4 !important;
}

.filetype, .uploadstatus {
    display: none !important;
}

.ajax_fileupload_cancelbutton {
    font-weight: normal !important;
    background-color: #ff0000 !important;
    border-radius: 3px !important;
    padding: 1px !important;
    font-size: 12px !important;
}

.ellipses_files_anchor {
    width: 278px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ellipses_equipment_popup_title {
    width: 400px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ellipses_equipment_popup_text {
    width: 385px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.equipmentdata_petrinex_id {
    color: #d83b3e;
}

.clearfix {
    clear: both;
}
/*.cursor-move{cursor:move!important;}
.freezepin{float:left;padding-right:5px;}*/
.SelectEquipmentTemplates {
    max-height: 300px !important;
    overflow-y: auto;
}

.SelectEquipmentTemplatesImport {
    max-height: 200px !important;
    overflow-y: auto;
}

table th input[type=text] {
    min-width: 150px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-top: 5px;
}
/*div.dataTables_scrollBody thead {display: none;}*/
div.dataTables_scrollBody thead th {
    vertical-align: top;
}

.selectedtitle {
    background: #9a9c9d !important;
    color: #fff;
    width: 100%;
    padding: 10px;
    border-radius: 10px 10px 0px 0px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: bold;
}

.tenantRow {
    border: 1px solid #e1e1e1;
    padding: 10px;
    height: 65px;
    position: relative;
    border-radius: 5px;
}

    .tenantRow a {
        color: #000 !important;
        cursor: pointer;
        width: 100%;
    }

        .tenantRow a:hover {
            color: #000 !important;
            cursor: pointer;
            width: 100%;
        }

    .tenantRow .title_without_logo {
        margin-left: 0px;
        font-size: 18px;
        position: absolute;
        top: 46%;
        transform: translateY(-50%);
    }

    .tenantRow .title_with_logo {
        margin-left: 185px;
        font-size: 18px;
        position: absolute;
        top: 46%;
        transform: translateY(-50%);
        border-left: 1px dashed #c5bbbb;
    }

    .tenantRow .image {
        font-size: 18px;
        position: absolute;
        top: 46%;
        transform: translateY(-50%);
    }

    .tenantRow img {
        max-height: 37px;
    }

.cardheader_tenants {
    padding: 0.75rem 1.25rem;
    margin-bottom: 5px;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    ;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.tenantbody {
    max-height: 448px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f4f1f1;
    padding-bottom: 20px;
}

#divMultiTenants .modal-footer {
    background: #f4f1f1
}

.tenantmastericonLi {
    width: 25px;
    top: 2px;
    color: #000;
}

.tenantmastericon {
    color: #3A4651;
}

.tenantmastericonLi a {
    color: #10347B !important;
}

    .tenantmastericonLi a:hover {
        color: #10347B !important;
        text-decoration: none !important;
    }

.contractor_signal {
    float: right;
    margin-right: 20px;
    margin-top: 5px;
    font-size: 20px;
    color: #00ca5e;
}

.usermenuitem {
    padding-left: 0px !important;
    color: #12d68e !important
}

.tenantmastericonLi {
    padding-right: 40px !important;
}

.h1 {
    font-size: 1.6em !important;
    color: var(--clr-secondery) !important;
}

.btn-info {
    color: #fff !important;
    background-color: var(--clr-secondery) !important;
}

.filter_facility_dropdown {
    background: #f2f5f6;
    padding: 10px;
}

.filter_equipment_dropdown {
    background: #f2f5f6;
    padding: 10px;
}
/*.filter_equipment_category_a{padding: 7px 5px!important;}*/
div[data-facility] tr.useradded th {
    background: #dff4f5 !important;
    border-right: 1px solid #dff4f5 !important;
}

div[data-facility] tr.useradded td.manage-td {
    background: #dff4f5 !important;
    border-right: 1px solid #dff4f5 !important;
}

div[data-facility] tr.useradded td {
    background: #dff4f5 !important;
    border-right: 1px solid #dff4f5 !important;
}

div[data-facility] tr.highlightrow th {
    background: #dff4f5 !important;
    border-right: 1px solid #dff4f5 !important;
}

div[data-facility] tr.highlightrow td.manage-td {
    background: #dff4f5 !important;
    border-right: 1px solid #dff4f5 !important;
}

div[data-facility] tr.highlightrow td {
    background: #dff4f5 !important;
    border-right: 1px solid #dff4f5 !important;
}

div[data-facility] table th {
    background: #dee7e8;
    border-left: 1px solid #c0cbcc !important;
    border-top: 1px solid #c0cbcc !important;
    border-bottom: 1px solid #c0cbcc !important;
    border-right: 1px solid #dee7e8 !important;
}

div[data-facility] table td.manage-td {
    background: #dee7e8;
    border-left: 1px solid #c0cbcc !important;
    border-top: 1px solid #c0cbcc !important;
    border-bottom: 1px solid #c0cbcc !important;
    border-right: 1px solid #dee7e8 !important;
}

div[data-facility] table td {
    background: #dee7e8;
    border: 1px solid #c0cbcc !important;
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #dff4f5 !important;
    color: #777 !important;
    text-shadow: none !important;
}

.sidemenu-logo {
    text-align: center !important;
    padding: 25px 5px 25px 15px;
    margin-left: 0px;
    font-size: 20px;
}
/*.sidemenu-logo img{width:110px;}*/
#Home-btn {
    float: left;
    margin-right: 0px;
}

.sidemenu-profile {
    background: #12d68e;
    padding: 20px 0px;
    text-align: center;
    color: #fff;
}

.nav-custom {
    background: var(--clr-secondery) !important;
    margin-bottom: 0px;
}

.img-logo {
    width: 30px;
    margin-right: 6px;
    text-align: center;
}

.img-logo-text {
    width: auto;
    height: 38px;
}

.logo-container {
    margin: 10px;
    font-size: 20px;
    color: #fff;
}

.img-preloader {
    width: 45px;
}

.noborderradius {
    border-radius: 0px !important;
}

.marginLeft-3 {
    margin-left: -3px !important;
}

.marginLeft-4 {
    margin-left: -4px !important;
}

.marginRight-1 {
    margin-right: -1px !important;
}

.rowbottomborder {
    border-bottom: 1px solid #D8E1E4;
}

.noborderbottom {
    border-bottom: none !important;
}

.nopaddingleft {
    padding-left: 0px !important;
}

.nopaddingtop {
    padding-top: 0px !important;
}

.width100_per {
    width: 100% !important;
}
/*--------------------------------------------------------------*/
.main-content {
    padding: 15px 5px;
}

.button-section {
    position: absolute;
    float: right;
    z-index: 3;
}

#toggle-btn-content {
    float: left;
    margin-top: 3px;
}

#toggle-btn {
    float: right;
}

.logo_icon {
    height: 19px;
    margin-right: 5px;
    width: 22px;
}

.logo_text {
    height: 15px;
    width: 100px;
}

.profile_bottom {
    align-items: center;
    display: flex;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0 3px 0px 10px;
}
/*.profile_bottom .dropdown-menu{top: Calc(100% - 120px)!important;left: -145px!important;}
.profile_bottom .dropdown-menu > li > a:hover{background:#eee!important;}*/
.profile_circle {
    background-color: #1da29d;
    border: none;
    border-radius: 50%;
    color: #fff;
    flex-shrink: 0;
    font-size: 18px;
    justify-content: center;
    margin: 0 12px 0 7px;
    width: 30px;
}

.profile_text {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity .1s;
    opacity: 1;
}

.profile_text_top {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    color: var(--clr-black);
}

.profile_text_bottom {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    color: var(--clr-off-text);
    cursor: pointer;
    margin-top: auto;
}

    .profile_text_bottom a {
        color: var(--clr-off-text) !important;
    }

.marginleftauto {
    margin-left: auto;
}

.profile_right {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 26px;
    margin-left: auto;
    outline: none;
    padding: 0;
    text-align: right;
    margin-top: -7px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    height: 32px !important;
}
/*--------------( DASHBOARD WIDGET )----------------------*/
/*--------------( ICONS )-------------------*/
.fa {
    font-size: 17px;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-bar-chart-o {
    background-image: url(../Icons/Lightning.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 25px;
}

.fa-angle-right {
    background-image: url(../Icons/CaretDown.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 25px;
}

.fa-bank {
    background-image: url(../Icons/Bank.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 25px;
}

.fa-gears {
    background-image: url(../Icons/Database.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 25px;
}

.fa-calendar-o {
    background-image: url(../Icons/ClipboardText.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 25px;
}

.fa-desktop {
    background-image: url(../Icons/ChartLine.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 25px;
}

.fa-user {
    background-image: url(../Icons/User.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 25px;
}

.fa-wrench {
    background-image: url(../Icons/Stack.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 25px;
}

.fa-cog {
    background-image: url(../Icons/DotsThreeOutlineVertical.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 25px;
}

.sidebar-nav .fa-bar-chart-o {
    background-image: url(../Icons/Lightning.svg);
    background-position: center;
    background-size: 25px !important;
    background-repeat: no-repeat;
    width: 25px;
}

.sidebar-nav .fa-bank {
    background-image: url(../Icons/Bank.svg);
    background-position: center;
    background-size: 25px !important;
    background-repeat: no-repeat;
    width: 25px;
}

.sidebar-nav .fa-gears {
    background-image: url(../Icons/Database.svg);
    background-position: center;
    background-size: 25px !important;
    background-repeat: no-repeat;
    width: 25px;
}

.sidebar-nav .fa-calendar-o {
    background-image: url(../Icons/ClipboardText.svg);
    background-position: center;
    background-size: 25px !important;
    background-repeat: no-repeat;
    width: 25px;
}

.sidebar-nav .fa-desktop {
    background-image: url(../Icons/ChartLine.svg);
    background-position: center;
    background-size: 25px !important;
    background-repeat: no-repeat;
    width: 25px;
}

.sidebar-nav .fa-user {
    background-image: url(../Icons/User.svg);
    background-position: center;
    background-size: 25px !important;
    background-repeat: no-repeat;
    width: 25px;
}

.sidebar-nav .fa-wrench {
    background-image: url(../Icons/Stack.svg);
    background-position: center;
    background-size: 25px !important;
    background-repeat: no-repeat;
    width: 25px;
}

.sidebar-nav .fa-notebook {
    background-image: url(../Icons/Notebook.svg);
    background-position: center;
    background-size: 25px !important;
    background-repeat: no-repeat;
    width: 25px;
}

.fa-home {
    background-image: url(../Icons/Dark/House.svg);
    background-position: left;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 25px;
    color: #000;
}

.fa-angle-down {
    background-image: url(../Icons/CaretRight.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 25px;
}

.fa-chevron-left {
    background-image: url(../Icons/CaretLeft.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 10px;
}

.fa-chevron-right {
    background-image: url(../Icons/CaretRight.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 10px;
}

.fa-chevron-right-dark {
    background-image: url(../Icons/Dark/20X20/CaretRight.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.fa-plus-square {
    background-image: url(../Icons/Dark/PlusCircle.svg);
    background-position: left;
    background-size: 30px;
    background-repeat: no-repeat;
    width: 27px;
    margin-right: 5px;
}

.fa-minus-square {
    background-image: url(../Icons/Dark/MinusCircle.svg);
    background-position: right;
    background-size: 30px;
    background-repeat: no-repeat;
    width: 27px;
    margin-left: 5px;
}

.fa-hamburger {
    background-image: url(../Icons/List.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 25px;
    cursor: pointer;
}

#divFloatingPanel .fa-bank {
    background-image: url(../Icons/Bank.svg);
    background-position: center;
    background-size: 22px;
    background-repeat: no-repeat;
    width: 25px;
}

#divFloatingPanel .fa-globe {
    background-image: url(../Icons/Globe.svg);
    background-position: center;
    background-size: 22px;
    background-repeat: no-repeat;
    width: 25px;
}

#divFloatingPanel .fa-cubes {
    background-image: url(../Icons/MapTrifold.svg);
    background-position: center;
    background-size: 22px;
    background-repeat: no-repeat;
    width: 25px;
}

#divFloatingPanel .fa-map-marker {
    background-image: url(../Icons/MapPin.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 25px;
}

#divFloatingPanel .fa-filter {
    background-image: url(../Icons/Funnel.svg);
    background-position: center;
    background-size: 22px;
    background-repeat: no-repeat;
    width: 25px;
}

#divFloatingPanel .fa-lock {
    background-image: url(../Icons/LockSimple.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
}

#divFloatingPanel .fa-unlock {
    background-image: url(../Icons/LockSimpleOpen.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
}

#btnFilteractiveInActiveEquipments .fa-filter {
    background-image: url(../Icons/Funnel.svg);
    background-position: left;
    background-size: 22px;
    background-repeat: no-repeat;
    width: 25px;
}
/*.fa-cubes{background-image: url(../Icons/CaretRight.svg);background-position: center;background-size: 20px;background-repeat: no-repeat;width: 10px;}*/
.searchfilter .fa-database {
    background-image: url(../Icons/Teal/Database.svg);
    background-position: center;
    background-size: 26px;
    background-repeat: no-repeat;
    width: 25px;
}

.searchfilter .fa-calendar {
    background-image: url(../Icons/Teal/Calendar.svg);
    background-position: center;
    background-size: 26px;
    background-repeat: no-repeat;
    width: 25px;
}

.searchfilter .fa-book {
    background-image: url(../Icons/Teal/Book.svg);
    background-position: center;
    background-size: 26px;
    background-repeat: no-repeat;
    width: 25px;
}

#divfilter .fa-upload {
    background-image: url(../Icons/Teal/UploadSimple.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
}

#tblCustomReport_Audit .fa-download, #export-menu .fa-download {
    background-image: url(../Icons/Teal/DownloadSimple.svg) !important;
    background-position: center;
    background-size: 24px !important;
    background-repeat: no-repeat;
    width: 25px;
}

#tblExportArchiveData .fa-download {
    background-image: url(../Icons/Teal/DownloadSimple.svg) !important;
    background-position: center;
    background-size: 24px !important;
    background-repeat: no-repeat;
    width: 25px;
}

#export-menu .fa-download-white {
    background-image: url(../Icons/DownloadSimple.svg) !important;
    background-position: center;
    background-size: 19px !important;
    background-repeat: no-repeat;
    width: 25px;
}

.caretfilter .fa-caret-down {
    background-image: url(../Icons/CaretDownFullWhite.svg);
    background-position: center;
    background-size: 26px;
    background-repeat: no-repeat;
    width: 15px;
}

#divfilter #export-menu .fa-file-excel-o {
    background-image: url(../Icons/Teal/FileX.svg);
    background-position: top;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 21px;
}

.fa-file-excel-o {
    background-image: url(../Icons/Teal/FileX.svg);
    background-position: top;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 21px;
}

#divfilter .fa-plus {
    background-image: url(../Icons/Plus.svg);
    background-position: center;
    background-size: 26px;
    background-repeat: no-repeat;
    width: 25px;
}

.fa-table {
    background-image: url(../Icons/Teal/Table.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.fa-copy {
    background-image: url(../Icons/CopySimple.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.pathbar li:after {
    content: url(../Icons/Dark/20X20/CaretRight.svg);
}

.pathbar li:last-child:after {
    content: "";
}

.input-group-addon {
    padding: 2px 6px !important;
}

.glyphicon-calendar:before {
    content: "" !important;
}

.glyphicon-calendar {
    content: url(../Icons/Dark/Calendar.svg) !important;
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 24px;
}

.fa-pencil {
    background-image: url(../Icons/Dark/20X20/PencilSimple.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

#ContentPlaceHolder1_aEditEventTemplate .fa-pencil {
    background-image: url(../Icons/20X20/PencilSimple.svg) !important;
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

#divfilter .position-absolute {
    position: absolute;
    right: 0;
    top: -3px;
    z-index: 2;
}

.fa-trash-o {
    background-image: url(../Icons/Dark/20X20/Trash.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.fa-list-alt {
    background-image: url(../Icons/Dark/20X20/Stack.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.fa-tint {
    background-image: url(../Icons/Dark/20X20/Drop.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.fa-archive {
    background-image: url(../Icons/Dark/20X20/ArchiveBox.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.fa-sitemap {
    background-image: url(../Icons/Dark/20X20/GitFork.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.fa-eye {
    background-image: url(../Icons/Dark/20X20/Eye.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.fa-reply {
    background-image: url(../Icons/Dark/20X20/ArrowBendUpLeft.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

#dvEquipmentInventory .fa-sitemap {
    background-image: url(../Icons/Dark/20X20/GitBranch.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.area_div .fa-chevron-right {
    background-image: url(../Icons/Dark/20X20/CaretRight.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.area_div .fa-chevron-down {
    background-image: url(../Icons/Dark/20X20/CaretDown.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.Location_a .fa-chevron-right {
    background-image: url(../Icons/Dark/20X20/CaretRight.svg) !important;
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.area_div .fa-chevron-circle-right {
    background-image: url(../Icons/Dark/20X20/CaretCircleRight.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
}

.area_div .fa-chevron-circle-down {
    background-image: url(../Icons/Dark/20X20/CaretCircleDown.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
}

.facilityLevel_btn_div .fa-chevron-circle-right {
    background-image: url(../Icons/Dark/20X20/CaretCircleRight.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
}

.facilityLevel_btn_div .fa-chevron-circle-down {
    background-image: url(../Icons/Dark/20X20/CaretCircleDown.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
}

.facilityLevel_btn .fa-check-circle, .Location_div .fa-check-circle {
    background-image: url(../Icons/Dark/Color/CheckCircle.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.fa-picture-o {
    background-image: url(../Icons/Dark/20X20/ImageSquare.svg);
    background-position: center;
    background-size: 21px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
}

    .fa-picture-o.blueimage {
        background-image: url(../Icons/Dark/Color/ImageSquare.svg);
        background-position: center;
        background-size: 21px;
        background-repeat: no-repeat;
        width: 25px;
        height: 22px;
    }

.fa-list {
    background-image: url(../Icons/Dark/20X20/PaintBucket.svg);
    background-position: center;
    background-size: 21px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
}

.fa-file-text-o {
    background-image: url(../Icons/Dark/20X20/Receipt.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
}

.fa-info-circle {
    background-image: url(../Icons/Dark/20X20/info.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
}

.fa-GitCommit {
    background-image: url(../Icons/Dark/20X20/GitCommit.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
}



.EventRecordBody .fa-info-circle {
    background-image: url(../Icons/Dark/20X20/info.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
}

.fa-check-circle {
    background-image: url(../Icons/Dark/Color/CheckCircle.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
}

.fa-exclamation-triangle {
    background-image: url(../Icons/Dark/Color/Warning.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
}

.fa fa-times-circle {
    background-image: url(../Icons/Dark/Color/XCircle.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
}

.fa-times-circle-white {
    background-image: url(../Icons/Dark/20X20/XCircle.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
}

.fa-file-pdf-o {
    background-image: url(../Icons/Teal/FileText.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 21px;
}

.content .fa-hamburger {
    background-image: url(../Icons/Teal/List.svg) !important;
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 25px;
    cursor: pointer;
}

.precursorButtons .active .fa-times-circle-white {
    background-image: url(../Icons/20X20/XCircle.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
}

.productButtons .active .fa-times-circle-white {
    background-image: url(../Icons/20X20/XCircle.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
}

.terminatedataentry .fa-times-circle-white {
    background-image: url(../Icons/20X20/XCircle.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
}

/*white icons*/
.facilityLevel_btn .fa-upload, .Location_div .fa-upload, .data-button-container .fa-upload {
    background-image: url(../Icons/20X20/UploadSimple.svg) !important;
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.facilityLevel_btn .fa-suitcase, .Location_div .fa-suitcase, .data-button-container .fa-suitcase {
    background-image: url(../Icons/20X20/Briefcase.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.facilityLevel_btn .fa-database, .Location_div .fa-database, .data-button-container .fa-database {
    background-image: url(../Icons/20X20/database.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.facilityLevel_btn .fa-filter, .Location_div .fa-filter, .data-button-container .fa-filter {
    background-image: url(../Icons/20X20/Funnel.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.facilityLevel_btn .fa-undo, .Location_div .fa-undo, .data-button-container .fa-undo {
    background-image: url(../Icons/20X20/ArrowsCounterClockwise.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.facilityLevel_btn .fa-files-o, .Location_div .fa-files-o, .data-button-container .fa-files-o {
    background-image: url(../Icons/20X20/CopySimple.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.facilityLevel_btn .fa-clock-o, .Location_div .fa-clock-o, .data-button-container .fa-clock-o {
    background-image: url(../Icons/20X20/Clock.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.facilityLevel_btn .fa-tasks, .Location_div .fa-tasks, .data-button-container .fa-tasks {
    background-image: url(../Icons/20X20/TextAlignJustify.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.facilityLevel_btn .fa-save, .Location_div .fa-save, .data-button-container .fa-save {
    background-image: url(../Icons/20X20/FloppyDisk.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.Equipment_SaveDiv .fa-save.graybutton, .Equipment_div .fa-save.graybutton, .update_td .fa-save.graybutton {
    background-image: url(../Icons/20X20/Color/FloppyDisk.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
    padding: 14px;
}

.Equipment_SaveDiv .fa-save.bluebutton, .Equipment_div .fa-save.bluebutton, .update_td .fa-save.bluebutton {
    background-image: url(../Icons/20X20/FloppyDisk.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
    padding: 14px;
}

.fa-save.brownbutton {
    background-image: url(../Icons/20X20/FloppyDisk.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
    padding: 14px;
}

.facilityLevel_btn .fa-retweet, .Location_div .fa-retweet, .data-button-container .fa-retweet {
    background-image: url(../Icons/20X20/Repeat.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.facilityLevel_btn .fa-lock, .Location_div .fa-lock, .data-button-container .fa-lock {
    background-image: url(../Icons/20X20/LockSimple.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.facilityLevel_btn .fa-unlock, .Location_div .fa-unlock, .data-button-container .fa-unlock {
    background-image: url(../Icons/20X20/LockSimpleOpen.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.facilityLevel_btn .fa-download, .Location_div .fa-download, .data-button-container .fa-download {
    background-image: url(../Icons/20X20/DownloadSimple.svg) !important;
    background-position: center;
    background-size: 19px !important;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
    padding: 6px 8px !important;
    border-radius: 0px !important;
}

.facilityLevel_btn .fa-chevron-left, .Location_div .fa-chevron-left, .data-button-container .fa-chevron-left {
    background-image: url(../Icons/20X20/CaretLeft.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.facilityLevel_btn .fa-chevron-right, .Location_div .fa-chevron-right, .data-button-container .fa-chevron-right {
    background-image: url(../Icons/20X20/CaretRight.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.facilityLevel_btn .fa-flask, .Location_div .fa-flask, .data-button-container .fa-flask {
    background-image: url(../Icons/20X20/HourglassMedium.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.fa-cloud-download {
    background-image: url(../Icons/20X20/CloudArrowDown.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.fa-ArrowFatLineDown {
    background-image: url(../Icons/20X20/ArrowFatLineDown.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

#Facility-switch .fa-map-marker {
    background-image: url(../Icons/MapPin.svg) !important;
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.fa-download {
    background-image: url(../Icons/20X20/DownloadSimple.svg) !important;
    background-position: center;
    background-size: 19px !important;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
    padding: 6px 8px !important;
    border-radius: 0px !important;
}

.fa-downloadNewIcon {
    background-image: url(../Icons/20X20/download-green.png) !important;
    background-position: center;
    background-size: 19px !important;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
    padding: 6px 8px !important;
    border-radius: 0px !important;
}

.fa-chevron-left {
    background-image: url(../Icons/20X20/CaretLeft.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.fa-chevron-right {
    background-image: url(../Icons/20X20/CaretRight.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}
/*.fa-tint{background-image: url(../Icons/Dark/20X20/Drop.svg);background-position: center;background-size: 21px;background-repeat: no-repeat;width: 25px;height:17px;}*/
.MeterReport .fa-lock {
    background-image: url(../Icons/20X20/LockSimple.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.MeterReport .fa-unlock {
    background-image: url(../Icons/20X20/LockSimpleOpen.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.fa-upload {
    background-image: url(../Icons/Dark/20X20/UploadSimple-white.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
    padding: 6px 8px !important;
    border-radius: 0px !important;
}

.fa-save {
    background-image: url(../Icons/Dark/20X20/FloppyDisk-white.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
    padding: 6px 8px !important;
    border-radius: 0px !important;
}

.fa-plus {
    background-image: url(../Icons/Dark/20X20/PlusCircle-white.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
    padding: 6px 8px !important;
    border-radius: 0px !important;
}
/*
.btn-secondary:hover {background-image: url(../Icons/Dark/20X20/UploadSimple.svg)!important;}
.btn-secondary:hover {background-image: url(../Icons/Dark/20X20/FloppyDisk.svg)!important;}
.btn-secondary:hover {background-image: url(../Icons/Dark/20X20/PlusCircle.svg)!important;}*/
/*
.fa-upload-white{background-image: url(../Icons/Dark/20X20/UploadSimple.svg)!important;background-position: center;background-size: 19px!important;background-repeat: no-repeat;width: 25px;height:17px;padding:6px 8px!important;border-radius: 0px!important;}
.fa-save-white{background-image: url(../Icons/Dark/20X20/FloppyDisk.svg)!important;background-position: center;background-size: 19px!important;background-repeat: no-repeat;width: 25px;height:17px;padding:6px 8px!important;border-radius: 0px!important;}
.fa-plus-white{background-image: url(../Icons/Dark/20X20/PlusCircle.svg)!important;background-position: center;background-size: 19px!important;background-repeat: no-repeat;width: 25px;height:17px;padding:6px 8px!important;border-radius: 0px!important;}
*/


#jstree .fa-anchor {
    background-image: url(../Icons/Dark/Anchor.svg);
    background-position: center;
    background-size: 22px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

#jstree .fa-bank {
    background-image: url(../Icons/Dark/Bank.svg);
    background-position: center;
    background-size: 22px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

#jstree .fa-globe {
    background-image: url(../Icons/Dark/Globe.svg);
    background-position: center;
    background-size: 22px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

#jstree .fa-cubes {
    background-image: url(../Icons/Dark/MapTriFold.svg);
    background-position: center;
    background-size: 22px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

#jstree .fa-map-marker {
    background-image: url(../Icons/Dark/MapPin.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

#jstree .fa-wrench {
    background-image: url(../Icons/Dark/Wrench.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.Disable_Screen .fa-lock, .divlocked.fa-lock {
    background-image: url(../Icons/Dark/LockSimple.svg);
    background-position: center;
    background-size: 80px;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
}

.fa-arrow-up {
    background-image: url(../Icons/Teal/ArrowUp.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 25px;
}

.fa-plus-circle {
    background-image: url(../Icons/Teal/PlusCircle.svg) !important;
    background-position: center;
    background-size: 20px !important;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
    padding: 6px 8px !important;
    border-radius: 0px !important;
}

.fa-history {
    background-image: url(../Icons/ClockCounterClockwise.svg) !important;
    background-position: center;
    background-size: 20px !important;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
    padding: 6px 8px !important;
    border-radius: 0px !important;
}

.fa-trello {
    background-image: url(../Icons/GitPullRequest.svg) !important;
    background-position: center;
    background-size: 20px !important;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
    padding: 6px 8px !important;
    border-radius: 0px !important;
}

.fa-link {
    background-image: url(../Icons/LinkSimple.svg) !important;
    background-position: center;
    background-size: 20px !important;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
    padding: 6px 8px !important;
    border-radius: 0px !important;
}

.fa-refresh {
    background-image: url(../Icons/Repeat.svg) !important;
    background-position: center;
    background-size: 20px !important;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
    padding: 6px 8px !important;
    border-radius: 0px !important;
}

#ContentPlaceHolder1_divCustomReport_Export .fa-chevron-circle-left {
    background-image: url(../Icons/CaretLeft.svg);
    background-position: bottom;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 10px;
}

.glyphicon-refresh-animate {
    -animation: refreshspin .7s infinite linear;
    -webkit-animation: refreshspinWebkit .7s infinite linear;
    -moz-animation: refreshspinMoz .7s infinite linear;
}

@-webkit-keyframes refreshspinWebkit {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes refreshspinMoz {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}

@keyframes refreshspin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}
/********(Datatable fixed header)******/
/*.dataTables_scrollHeadInner, .table {width: 100% !important}*/
.processedRecords {
    padding: 5px;
    background: #16847E;
    border-radius: 5px;
    margin-top: 10px;
}

.dataTable {
    white-space: nowrap !important;
}

#Fourthtable .dataTable, #Fifthtable .dataTable {
    white-space: normal !important;
}

.paddingleft5px {
    padding-left: 5px !important;
}

.paddingright5px {
    padding-right: 5px !important;
}

.power-rating-note {
    color: #d83b3e;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
}

.chosen-container-multi {
    height: 80px !important;
}

.margin-top0 {
    margin-top: 0px;
}

.requiredHighlight {
    border: 2px solid #f0ad4e !important;
}

input[data-required='1'], select[data-required='1'] {
    border: 2px solid #f0ad4e;
}

.chosen-single {
    color: var(--clr-black) !important
}

.ControlLeft {
    padding: 0px !important;
}

.ControlRight {
    position: relative !important;
    padding: 0px !important;
}

.ControlLeft input {
    border-radius: 6px 0px 0px 6px !important;
}

.ControlRight .chosen-container-single {
    border-radius: 0px 6px 6px 0px !important;
    border-left: 0px !important;
}

.modal-fullscreen {
    width: 87% !important;
}

.model-fullscreen-margin {
    margin: 0% 5% 0% 5% !important;
}

.cncodeInput {
    min-width: 120px !important;
}

.cncodeDropdown .chosen-container-single {
    max-width: 300px !important;
}

.marginLeft5 {
    margin-left: 5px !important;
}

.customreport-sectionheader {
    padding: 10px 10px 10px 10px;
    background: #e1e1e1;
    border-radius: 5px;
}

.customreport-subsectionheader {
    padding: 6px 10px;
    background: #f1f1f1;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}

#divDisplayReport table th, #divDisplayReport table td {
    text-align: left;
}

.width50Per {
    width: 50% !important;
}

.width25Per {
    width: 25% !important;
}

.width20Per {
    width: 20% !important;
}

.companyLogo {
    font-size: 30px;
}

.fa-tasks-pdf {
    background-image: url(../Icons/Dark/20X20/Receipt.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.fa-trash-white-o {
    background-image: url(../Icons/Dark/20X20/TrashWhite.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
}

.fa-download-dark {
    background-image: url(../Icons/Dark/20X20/DownloadSimple.svg) !important;
    background-position: center;
    background-size: 19px !important;
    background-repeat: no-repeat;
    width: 25px;
    height: 17px;
    padding: 6px 8px !important;
    border-radius: 0px !important;
}

.formreadonlyicon {
    font-size: 20px !important;
    color: #10374B;
}

.fa-pdf-search {
    background-image: url(../assets/images/pdf-search.svg) !important;
    background-position: center;
    background-size: 20px !important;
    background-repeat: no-repeat;
    width: 25px;
    height: 18px;
    padding: 6px 8px !important;
    border-radius: 0px !important;
}

.fa-pdf-download {
    background-image: url(../assets/images/pdf-download.svg) !important;
    background-position: center;
    background-size: 20px !important;
    background-repeat: no-repeat;
    width: 25px;
    height: 18px;
    padding: 6px 8px !important;
    border-radius: 0px !important;
}

.fontsize12 {
    font-size: 12px;
}

.status_new_parent {
    padding: 4px 5px !important;
    text-align: center;
    vertical-align: middle;
}

.status_new {
    width: 60px;
    margin-top: 5px;
}

.terminatedataentry {
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

.totallabel {
    margin-top: 8px;
    font-weight: bold;
}

.emissionUnitDashboard {
    font-size: 14px;
}

.datacollection-required table.ProductionQuantity tr:nth-child(-n+2) input[data-required='1'],
.datacollection-required table.ProductionQuantity tr:nth-child(-n+2) select[data-required='1'] {
    background-color: #f9eb9f;
}

.datacollection-required table.ElectricityConsumption tr:nth-child(1) input,
.datacollection-required table.ElectricityConsumption tr:nth-child(1) select {
    background-color: #f9eb9f;
}

.datacollection-required table.EmissionSources tr:nth-child(n+2) input[data-required='1'][data-tag='Value_Month1'],
.datacollection-required table.EmissionSources tr:nth-child(n+2) input[data-required='1'][data-tag='Value_Month2'],
.datacollection-required table.EmissionSources tr:nth-child(n+2) input[data-required='1'][data-tag='Value_Month3'] {
    background-color: #f9eb9f;
}

.datacollection-required table.PurchasedPrecursorQuantityDetails tr:nth-child(-n+1) input[data-required='1'],
.datacollection-required table.PurchasedPrecursorQuantityDetails tr:nth-child(-n+1) select[data-required='1'] {
    background-color: #f9eb9f;
}

.datacollection-required table.PurchasedPrecursorQuantityDetails tr.productRow input[data-required='1'],
.datacollection-required table.PurchasedPrecursorQuantityDetails tr.productRow select[data-required='1'] {
    background-color: #f9eb9f;
}

.datacollection-required table.PurchasedPrecursorQuantityDetails tr.productRowExtra input[data-required='1'],
.datacollection-required table.PurchasedPrecursorQuantityDetails tr.productRowExtra select[data-required='1'] {
    background-color: #f9eb9f;
}

.fa-lock-black {
    background-image: url(../Icons/Dark/LockBlack.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 20px;
    height: 18px;
}

.fa-lock-gray {
    background-image: url(../Icons/Dark/LockGray.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 20px;
    height: 18px;
}
.btn-primary {
    border-radius: 6px !important;
    height: 38px !important;
}