:root {
            color-scheme: light dark;
            --theme-white: light-dark(#fff, #fff);
            --theme-white-black: light-dark(#fff, #000);
            --theme-gray-black-right: light-dark(#808080, #000);
            --theme-whiteish-blackish: light-dark(#f9f9f9, #1a1a1a);
            --theme-whiteish-blackish-lighter: light-dark(#f5f5f5, #2a2a2a);
            --theme-whiteish-1-blackish-2: light-dark(#f7f7f7, #080808);
            --theme-whiteish-darkgray-left: light-dark(#eee, #555);
            --theme-blackish-whiteish: light-dark(#1a1a1a, #f9f9f9);
            --theme-lightgrey: light-dark(lightgrey, lightgrey);
            --theme-level-1-gray: light-dark(#eee, #111);
            --theme-level-1-grayish: light-dark(#e6e6e6. #1a1a1a);
            --theme-level-2-gray: light-dark(#ddd, #222);
            --theme-level-2-gray-left-1: light-dark(#ddd, #333);
            --theme-level-2-gray-left-2: light-dark(#ddd, #444);
            --theme-level-3-gray: light-dark(#ccc, #333);
            --theme-grayish: light-dark(#adadad, #626262);
            --theme-level-3-gray-inverted: light-dark(#333, #ccc);
            --theme-level-5-gray-right-1: light-dark(#555, #ccc);
            --theme-level-5-gray-left-2: light-dark(#555, #999);
            --theme-level-5-gray-left-4: light-dark(#555, #777);
            --theme-level-7-gray: light-dark(#777, #888);
            --theme-blue: light-dark(#337ab7, #337ab7);
            --theme-blue-orange: light-dark(#337ab7, #ee8548);
            --theme-redish-greyred: light-dark(#ebcccc, #3c2f2f);
            --theme-pinkish-dark-red: light-dark(#f2dede, #461111);
            --theme-shadow: light-dark(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
        }
        body {
            color: var(--theme-level-3-gray-inverted);
            background-color: var(--theme-white-black);
            font-family: 'Roboto Condensed', sans-serif;
            padding-top: 50px;
        }
        body .input-group .form-control {
               color: var(--theme-level-5-gray-right-1);
               background-color: var(--theme-white-black);
               border: 1px solid var(--theme-level-3-gray);
        }
        body .input-group-addon {
           color: var(--theme-level-5-gray-left-2);
           background-color: var(--theme-level-1-gray);
           border: 1px solid var(--theme-level-3-gray);
        }
        body table  {
            border-color: var(--theme-gray-black-right);
        }
        body table.table-striped > tbody > tr {
        }
        table.table.table-striped > tbody > tr:hover {
            background-color: var(--theme-whiteish-blackish-lighter);
        }
        .table.table-striped > tbody > tr:nth-of-type(even) {
            background-color: var(--theme-white-black);
        }
        .table.table-striped > tbody > tr:nth-of-type(odd) {
            border-color: var(--theme-gray-black-right);
            background-color: var(--theme-whiteish-blackish);
        }
        .table>tbody>tr.danger>td {
            color: var(--theme-blackish-whiteish);
            background-color: var(--theme-pinkish-dark-red);
            border-top: var(--theme-level-2-gray-left-1);
        }
        .table>tbody>tr.danger:hover>td {
            color: var(--theme-whiteish-blackish);
            background-color: var(--theme-redish-greyred);
        }
        body .btn-default {
            color: var(--theme-level-3-gray-inverted);
            background-color: var(--theme-white-black);
            border-color: var(--theme-level-3-gray);
        }
        body .btn-default.active {
            color: var(--theme-level-3-gray-inverted);
            background-color: var(--theme-level-1-grayish);
            border-color: var(--theme-grayish);
        }
        body .pagination>.disabled>a {
            color: var(--theme-level-7-gray);
            background-color: var(--theme-white-black);
            border-color: var(--theme-level-2-gray-left-2);
        }
        body .pagination>.disabled>a {
            color: var(--theme-level-7-gray);
            background-color: var(--theme-white-black);
            border-color: var(--theme-level-2-gray-left-2);
        }
        body .pagination > li > a {
            color: var(--theme-blue-orange);
            text-decoration: none;
            background-color: var(--theme-white-black);
            border: 1px solid var(--theme-level-2-gray);
        }
        body .nav-tabs>li.active>a {
            color: var(--theme-level-5-gray-left-4);
            background-color: var(--theme-white-black);
            border: 1px solid var(--theme-level-2-gray);
            border-bottom-color: transparent;
        }
        body .nav-tabs>li.active>a:hover {
            color: var(--theme-level-5-gray-left-4);
            background-color: var(--theme-white-black);
            border: 1px solid var(--theme-level-1-gray);
            border-bottom-color: transparent;
        }
        .nav-tabs>li>a:hover {
            border-color: var(--theme-level-1-gray) var(--theme-level-1-gray) var(--theme-level-2-gray);
        }
        .nav>li>a:focus, .nav>li>a:hover {
            text-decoration: none;
            background-color: var(--theme-level-1-gray);
        }

        body .highcharts-background  {
            fill: var(--theme-white-black);
        }

        table.table-cut {
            margin-bottom: 0px;
        }
		table td {
		    vertical-align: middle !important;
		}
        .nopadding {
            padding: 0 !important;
            margin: 0 !important;
        }
        .smallpadding {
            padding: 5px !important;
            margin: 5px !important;
        }
        .login-form {
            width: 340px;
            margin: 50px auto;
        }
        .login-form form  {
            margin-bottom: 15px;
            background-color: var(--theme-whiteish-1-blackish-2);
            box-shadow: 0px 2px 2px var(--theme-shadow);
            padding: 30px;
        }
        body .form-control {
            color: var(--theme-level-5-gray-left-4);
            background-color: var(--theme-white-black);
            border: 1px solid var(--theme-level-3-gray);
        }
        @media (max-width: 400px) {
            .login-form {
                width: auto;
                margin: 50px auto;
            }
        }
        .animate-show-hide.ng-hide {
            opacity: 0;
        }
        .animate-show-hide.ng-hide-add,
        .animate-show-hide.ng-hide-remove {
            transition: all linear 0.1s;
        }
        .overlay {
            position: fixed;
            width: 100%;
            height: 100%;
            background: var(--theme-white) center center no-repeat;
            margin-top: 150px;
        }
        .navbar {
            background-color: var(--theme-level-1-gray)
        }
        .navbar .navbar-brand {
            background-color: var(--theme-whiteish-darkgray-left)
        }
        .navbar-collapse.collapse {
            display: block!important;
        }

        .navbar-nav>li, .navbar-nav {
            float: left !important;
        }

        .navbar-nav.navbar-right:last-child {
            margin-right: -15px !important;
        }
        .navbar-right {
            float: right!important;
        }
        .main-view{
            margin-left: 275px !important;
            margin-right: 25px !important;
            padding: 0px !important;
        }
        .main-view-login{
            margin-left: 25px !important;
            margin-right: 25px !important;
            padding: 0px !important;
        }
        .side-nav {
            position: fixed;
            top: 50px;
            left: 250px;
            width: 250px;
            margin-left: -250px;
            border: none;
            overflow-y: auto;
            background-color: var(--theme-level-1-gray);
            bottom: 0;
            overflow-x: hidden;
            padding-top: 10px;
        }
        .side-nav>ul>li>a {
            margin-left: 10px;
            margin-right: 10px;
        }
        .side-nav>ul>li>a:hover {
            background-color: var(--theme-level-2-gray) !important;
            color: var(--theme-blue) !important;
        }
        .side-nav>ul>li.active>a:hover {
            color: var(--theme-white) !important;
            background-color: var(--theme-blue-orange) !important;
        }
        .side-nav-header{
            color: var(--theme-level-7-gray);
            border-bottom: 1px solid var(--theme-lightgrey);
            margin-left: 10px;
            margin-right: 100px;
            padding-top: 5px;
            font-variant: small-caps;
            font-size: large;
        }

        @media (max-width: 767px) {
            .form-inline .form-control {
                display: inline-block;
                width: auto;
                vertical-align: middle;
            }
            .form-inline .form-group {
                display: inline-block;
                margin-bottom: 0;
                vertical-align: middle;
            }
            .main-view{
                margin-left: 25px !important;
                margin-right: 25px !important;
            }
        }
        .animate-fix.ng-hide {
            display: none !important;
        }