:root {
    --edt-blue: #007bff;
    --edt-indigo: #6610f2;
    --edt-purple: #6f42c1;
    --edt-pink: #e83e8c;
    --edt-red: #dc3545;
    --edt-orange: #fd7e14;
    --edt-yellow: #ffc107;
    --edt-green: #28a745;
    --edt-teal: #20c997;
    --edt-cyan: #17a2b8;
    --edt-white: #fff;
    --edt-gray: #6c757d;
    --edt-gray-dark: #343a40;
    --edt-primary: #3f6ad8;
    --edt-secondary: #6c757d;
    --edt-success: #3ac47d;
    --edt-info: #16aaff;
    --edt-warning: #f7b924;
    --edt-danger: #d92550;
    --edt-light: #eeeeee;
    --edt-dark: #343a40;
    --edt-focus: #444054;
    --edt-alternate: #794c8a;

    --edt-background: #008064;
    --edt-table: rgba(0, 128, 100, 0.62);
    --edt-table-b: rgb(84, 147, 134);
    --edt-table-c: #01775dd9;
    --edt-a: #02b991;
    --edt-a-hover: #008064;
}

.no-wrap {
    text-wrap: nowrap;
}

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

.page-header {
    padding-bottom: 10px;
    padding-top: 0px;
    color: var(--edt-a);
}

.green {}

.green .navbar{
    background: var(--edt-background);
}

.green .nav .open a,
/*.green .nav .open a:focus,*/
/*.green .nav .open a:hover,*/
.green .navbar .navbar-toggle:hover,
.green .navbar .navbar-toggle:focus,
.green .navbar .navbar-toggle.display {
    background: #00382c8c;
}

.green .ace-nav li a,
.green .navbar .navbar-toggle{
    background-color: #013d304f;
}

.green .breadcrumb li a {
    text-decoration: unset;
}

.green .breadcrumb li i,
.green .breadcrumb li a {
    color: var(--edt-a);
}

.green .breadcrumb li a:hover {
    color: var(--edt-a-hover);
}

.green .infobox .infobox-data .infobox-data-number {
    font-size: 14px;
    margin: 0px 0px 0px;
}

.green .infobox .infobox-content {
    font-weight: bold;
    letter-spacing: 2px;
    font-family: Consolas, "Courier New", monospace;
    margin-top: 3px;
}

.green .infobox .infobox-icon .ace-icon {
    box-shadow: none;
}

.green .infobox .infobox-icon .ace-icon::before {
    background-color: transparent;
    padding: 9px 0px;
    text-shadow: none;
}

.green .infobox .stat-2 {
    right: -5px;
    top: 7px;
    display: inline-block;
    position: absolute;
    text-shadow: none;
    font-size: 12px;
    padding-right: 18px;
    padding-top: 3px;
    font-weight: bolder;
}

.green .infobox .stat-2 i {
    font-size: 20px;
    font-weight: normal;
}

.green li.sidebar-space {
    padding: 2px;
    border-width: 1px 0px 0px;
    /*border-color: transparent !important;*/
    background: #fff;
}

.green li.sidebar-space:hover::before {
    display: none;
}

.green .nav-list li a,
.green .nav-list li a:focus,
.green .nav-list li.open a,
.green .nav-list li.active a,
.green .nav-list li .submenu li,
.green .nav-list li .submenu li.open a{
    color: var(--edt-a);
}

.green .nav-list li::before{
    background-color: var(--edt-a);
}

.green .nav-list li.active a::after {
    border-right-color: var(--edt-a);
}

.green .nav-list li.active::after {
    border: 2px solid var(--edt-a);
    right: -4px;
}

.green .nav-list li:hover a,
.green .nav-list li .submenu li a:hover,
.green .nav-list li .submenu li:hover,
.green .nav-list li .submenu li .submenu li a:hover {
    color: var(--edt-a-hover);
}

.green .nav-list li .submenu li.sidebar-space {
    background: #eee;
    padding: 2px;
}

.green .nav-list li .submenu li.sidebar-space::before {
    border: 0px;
}

.green .nav-list li a .menu-icon {
    font-size: 14px;
    vertical-align: middle;
}

.green .sidebar.menu-min .nav-list li a .menu-icon {
    font-size: 14px;
}

.green .table > thead > tr > th,
.green .table > tbody > tr > td {
    font-family: Consolas, "Courier New", monospace;
    text-align: left;
}

.green .table > thead > tr > th {
    background: #fff;
}

.green .table > tbody > tr > td {
    color: var(--edt-a);
}

.green .table.table-green,
.green .table.table-green > thead > tr > th,
.green .table.table-green > thead > tr > th:first-child,
.green .table.table-green > tbody > tr > td,
.green .table.table-green > tbody > tr > td:first-child {
    border-color: var(--edt-table-b);
}

.green .table.table-green > thead > tr > th {
    background: var(--edt-table);
    color: #fff;
}

.green .table.table-green > tbody > tr > td {
    color: var(--edt-table-c);
}

@media only screen and (max-width: 991px) {
    .sidebar.responsive.display {
        width: 100%;
        height: 100%;
        background: #000000a8;
        position: fixed;
    }
}