/* Minification failed. Returning unminified contents.
(1882,23): run-time error CSS1046: Expect comma, found '0'
(1882,27): run-time error CSS1046: Expect comma, found '/'
(1882,53): run-time error CSS1046: Expect comma, found '43'
(1882,58): run-time error CSS1046: Expect comma, found ')'
 */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

.grid-style {
    border: 1px solid rgb(212,212,212);
    min-height: 250px;
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.user-details {
    margin-top: 50px;
}

.gender-text {
    margin: 0 5px;
    vertical-align: sub;
}

@-webkit-keyframes faderIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes faderIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes faderIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes faderIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animated.faderIn {
  -webkit-animation-name: faderIn;
  -moz-animation-name: faderIn;
  -o-animation-name: faderIn;
  animation-name: faderIn;
  -webkit-animation-duration: 0.5s;
}

@-webkit-keyframes faderOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes faderOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes faderOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes faderOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animated.faderOut {
  -webkit-animation-name: faderOut;
  -moz-animation-name: faderOut;
  -o-animation-name: faderOut;
  animation-name: faderOut;
  -webkit-animation-duration: 0.5s;
}

.smart-font {
     font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
}

.ajax-loader-overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.5);
    width: auto;
    z-index: 1000;
    margin: 0 12px 30px 12px;
    cursor: wait !important;
}

.ajax-loader-overlay img {
    z-index: 20;
    position: absolute;
    top: 10%;
    left: 47%;
    margin: 0 0 0 -25px;
    font-weight: 700;
}

.expanded {
    background-color: #cdd162!important;
    background-color: rgba(205, 209, 98, .2)!important;
}

.label-selected {
    -webkit-box-shadow: 0px 0px 3px 2px #73e500;
    -moz-box-shadow: 0px 0px 3px 2px #73e500;
    box-shadow: 0px 0px 3px 2px #73e500;
}

.panel-default >.panel-heading a {
    cursor: pointer;
}

.datetimepicker-enable {
    cursor: pointer !important;
    background-color: #ffffff !important;
}

.child-row {
   background: #f4fcff;
}

.jarviswidget header .nav-tabs > li > a.disabled {
    color: #cccccc !important;
}

.jarviswidget header .nav-tabs > li.active > a.disabled,
.jarviswidget header .nav-tabs > li.active > a.disabled:hover,
.jarviswidget header .nav-tabs > li.active > a.disabled:focus {
  color: #555!important;
  background-color: #FFF ;
  border: 1px solid #C2C2C2;
  border-bottom-color: transparent;
  border-top: none;
  cursor: default;
}

#main {
    height: calc(100% - 100px) !important;
}

.search-account-list {
    position: absolute; 
    width: 100%; 
    background: #FFFFFF;
    border: 1px solid #cccccc;
    z-index: 10;
}

.search-account-results {
    max-height: 290px;
    overflow-y: auto;
}

.search-email-list {
    position: absolute; 
    width: 100%; 
    background: #FFFFFF;
    border: 1px solid #cccccc;
    z-index: 10;
}

.search-email-results {
    max-height: 290px;
    overflow-y: auto;
}

.disabled > .fa {
    color: #cccccc;
}

.dropdown-menu > li > a {
    text-align: left;
}

h4.weight400 {
    font-weight : 400;
}

.right-vertical {
    border-right:1px solid #dddddd;
}

.first-level-heading {
    background-color: #F8F8F8;
    color: #808080;
    font-weight: 500;
}

.bg-color-light-gray {
    background-color: #E0E0E0;
}

.pointer-underline-hover:hover {
    text-decoration: underline;
    cursor: pointer;
}

.notallowed-underline-hover:hover {
    text-decoration: underline;
    cursor: not-allowed;
}

.span-spacing-4 {
    list-style: none;
    white-space: nowrap;
}

.span-spacing-4 span:first-child {
    margin-left: 0px;
}

.span-spacing-4 span {
    margin-left: 4px;
}

.critical {
    background-color: #ff2f2f;
}

.text-critical {
    color: #ff2f2f;
}

.hidden {
    visibility: hidden;
}

.fake-edit-box {
    height: 33px;
    border: rgb(204, 204, 204) solid 1px;
    padding-left: 10px;
    padding-top: 5px;
}

.dot {
    margin-top: 3px;
    margin-bottom: -3px;
    height: 15px;
    width: 15px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}
INPUT[type=text] {
    border-style: solid;
    border-width: 1px;
}

INPUT.form-control {
    height: 33px;
}

INPUT.ng-touched {
    background-color: #FFFFEF;
}

SELECT.ng-touched {
    background-color: #FFFFEF;
}

.ng-invalid {
    border-bottom-color: #CF8080;
}

.ng-valid {
    border-bottom-color: #80CF80;
}

.causes-auto-refresh {
    color: rgba(255, 105, 180, 1);
}

.widget-footer, .modal-footer, .form-actions {
    text-align: right;
}

.widget-footer button, .modal-footer button, .form-actions button, .widget-footer .btn, .modal-footer .btn, .form-actions .btn {
    text-align: center;
    margin-left: 5px;
}

.widget-footer button.btn-primary, .modal-footer button.btn-primary, .form-actions button.btn-primary {
    float: right !important;
}

.widget-footer button.pull-left, .modal-footer button.pull-left, .form-actions button.pull-left {
    float: none !important;
}

div, td {
    vertical-align: top;
}

.table>tbody>tr>td, .table>tbody>tr>th {
    border-top: none;
}

.table>tbody>tr:not(:first-child), .table>tbody>tr:not(:first-child) {
    border-top: 1px solid #dddddd;
}

td.vertical-middle {
    vertical-align: middle !important;
}
td.critical {
    background-color: #a90329 !important;
    color: #ffffff !important;
}
td.greyed  {
    background-color: #eeeeee !important;
    color: #000000 !important;
}

.error-text-2 {
    text-align: center;
    font-size: 700%;
    font-weight: bold;
    font-weight: 100;
    color: #333;
    line-height: 1;
    letter-spacing: -.05em;
    background-image: -webkit-linear-gradient(92deg,#333,#ed1c24);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.banner-text-2 {
    text-align: center;
    font-size: 600%;
    font-weight: bold;
    font-weight: 100;
    color: #3c6317;
    line-height: 1;
    letter-spacing: -.05em;
    background-image: -webkit-linear-gradient(92deg,#3c6317,#73C02D);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.particle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background-color: #ed1c24;
    background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3) 75%,rgba(0,0,0,0));
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.25);
}

.particle--a {
    -webkit-animation: particle-a 1.4s infinite linear;
    -moz-animation: particle-a 1.4s infinite linear;
    -o-animation: particle-a 1.4s infinite linear;
    animation: particle-a 1.4s infinite linear;
}

.particle--b {
    -webkit-animation: particle-b 1.3s infinite linear;
    -moz-animation: particle-b 1.3s infinite linear;
    -o-animation: particle-b 1.3s infinite linear;
    animation: particle-b 1.3s infinite linear;
    background-color: #00A300;
}

.particle--c {
    -webkit-animation: particle-c 1.5s infinite linear;
    -moz-animation: particle-c 1.5s infinite linear;
    -o-animation: particle-c 1.5s infinite linear;
    animation: particle-c 1.5s infinite linear;
    background-color: #57889C;
}

@-webkit-keyframes particle-a {
    0% {
        -webkit-transform: translate3D(-3rem,-3rem,0);
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.5rem;
        height: 1.5rem;
    }

    50% {
        -webkit-transform: translate3D(4rem, 3rem, 0);
        opacity: 1;
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .75rem;
        height: .75rem;
        opacity: .5;
    }

    100% {
        -webkit-transform: translate3D(-3rem,-3rem,0);
        z-index: -1;
    }
}

@-moz-keyframes particle-a {
    0% {
        -moz-transform: translate3D(-3rem,-3rem,0);
        z-index: 1;
        -moz-animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.5rem;
        height: 1.5rem;
    }

    50% {
        -moz-transform: translate3D(4rem, 3rem, 0);
        opacity: 1;
        z-index: 1;
        -moz-animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .75rem;
        height: .75rem;
        opacity: .5;
    }

    100% {
        -moz-transform: translate3D(-3rem,-3rem,0);
        z-index: -1;
    }
}

@-o-keyframes particle-a {
    0% {
        -o-transform: translate3D(-3rem,-3rem,0);
        z-index: 1;
        -o-animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.5rem;
        height: 1.5rem;
    }

    50% {
        -o-transform: translate3D(4rem, 3rem, 0);
        opacity: 1;
        z-index: 1;
        -o-animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .75rem;
        height: .75rem;
        opacity: .5;
    }

    100% {
        -o-transform: translate3D(-3rem,-3rem,0);
        z-index: -1;
    }
}

@keyframes particle-a {
    0% {
        transform: translate3D(-3rem,-3rem,0);
        z-index: 1;
        animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.5rem;
        height: 1.5rem;
    }

    50% {
        transform: translate3D(4rem, 3rem, 0);
        opacity: 1;
        z-index: 1;
        animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .75rem;
        height: .75rem;
        opacity: .5;
    }

    100% {
        transform: translate3D(-3rem,-3rem,0);
        z-index: -1;
    }
}

@-webkit-keyframes particle-b {
    0% {
        -webkit-transform: translate3D(3rem,-3rem,0);
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.5rem;
        height: 1.5rem;
    }

    50% {
        -webkit-transform: translate3D(-3rem, 3.5rem, 0);
        opacity: 1;
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
    }

    100% {
        -webkit-transform: translate3D(3rem,-3rem,0);
        z-index: -1;
    }
}

@-moz-keyframes particle-b {
    0% {
        -moz-transform: translate3D(3rem,-3rem,0);
        z-index: 1;
        -moz-animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.5rem;
        height: 1.5rem;
    }

    50% {
        -moz-transform: translate3D(-3rem, 3.5rem, 0);
        opacity: 1;
        z-index: 1;
        -moz-animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
    }

    100% {
        -moz-transform: translate3D(3rem,-3rem,0);
        z-index: -1;
    }
}

@-o-keyframes particle-b {
    0% {
        -o-transform: translate3D(3rem,-3rem,0);
        z-index: 1;
        -o-animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.5rem;
        height: 1.5rem;
    }

    50% {
        -o-transform: translate3D(-3rem, 3.5rem, 0);
        opacity: 1;
        z-index: 1;
        -o-animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
    }

    100% {
        -o-transform: translate3D(3rem,-3rem,0);
        z-index: -1;
    }
}

@keyframes particle-b {
    0% {
        transform: translate3D(3rem,-3rem,0);
        z-index: 1;
        animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.5rem;
        height: 1.5rem;
    }

    50% {
        transform: translate3D(-3rem, 3.5rem, 0);
        opacity: 1;
        z-index: 1;
        animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
    }

    100% {
        transform: translate3D(3rem,-3rem,0);
        z-index: -1;
    }
}

@-webkit-keyframes particle-c {
    0% {
        -webkit-transform: translate3D(-1rem,-3rem,0);
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.3rem;
        height: 1.3rem;
    }

    50% {
        -webkit-transform: translate3D(2rem, 2.5rem, 0);
        opacity: 1;
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
    }

    100% {
        -webkit-transform: translate3D(-1rem,-3rem,0);
        z-index: -1;
    }
}

@-moz-keyframes particle-c {
    0% {
        -moz-transform: translate3D(-1rem,-3rem,0);
        z-index: 1;
        -moz-animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.3rem;
        height: 1.3rem;
    }

    50% {
        -moz-transform: translate3D(2rem, 2.5rem, 0);
        opacity: 1;
        z-index: 1;
        -moz-animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
    }

    100% {
        -moz-transform: translate3D(-1rem,-3rem,0);
        z-index: -1;
    }
}

@-o-keyframes particle-c {
    0% {
        -o-transform: translate3D(-1rem,-3rem,0);
        z-index: 1;
        -o-animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.3rem;
        height: 1.3rem;
    }

    50% {
        -o-transform: translate3D(2rem, 2.5rem, 0);
        opacity: 1;
        z-index: 1;
        -o-animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
    }

    100% {
        -o-transform: translate3D(-1rem,-3rem,0);
        z-index: -1;
    }
}

@keyframes particle-c {
    0% {
        transform: translate3D(-1rem,-3rem,0);
        z-index: 1;
        animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.3rem;
        height: 1.3rem;
    }

    50% {
        transform: translate3D(2rem, 2.5rem, 0);
        opacity: 1;
        z-index: 1;
        animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
    }

    100% {
        transform: translate3D(-1rem,-3rem,0);
        z-index: -1;
    }
}

.minified nav>ul>li>a .menu-item-parent {
    display: block !important;
}

body.minified span.menu-item-parent span {
    display: none;
}

body.minified span.menu-item-parent span {
    display: none;
}

.minified  nav>ul>li>ul>li>li {
    display: block !important;
}

.minified  nav>ul>li>ul>li>li span{
    display: block !important;
}

div.editMode header {
    background-color: #92A2A8 !important;
    color: #2B363C;
}

div.inActiveAccount header {
    background-color: rgba(147, 19, 19, 0.5) !important;
}
div.trialMode header {
    background-color: rgba(176, 155, 91, 0.5) !important;
}
div.prePaidMaster header {
    background-color: rgba(94, 110, 115, 0.5) !important;
}
div.postPaidMaster header {
    background-color: rgba(36, 218, 178, 0.5) !important;
}
div.subAccount header {
    background-color: rgba(74, 144, 241, 0.5) !important;
}
div.reseller header {
    background-color: rgba(104, 27, 231, 0.25) !important;
}
div.smsportal header ul li.active a {
    color: #24DAB2 !important;
    font-weight: bold;
}
div.nonsmsportal header ul li.active a {
    color: #681BE7 !important;
    font-weight: bold;
}

span.inActiveAccount {
    color: rgb(147, 19, 19) !important;
}
span.trialMode {
    color: rgb(176, 155, 91) !important;
}
span.prePaidMaster {
    color: rgb(94, 110, 115) !important;
}
span.postPaidMaster {
    color: rgb(36, 218, 178) !important;
}
span.subAccount {
    color: rgb(74, 144, 241) !important;
}
span.reseller {
    color: rgb(104, 27, 231) !important;
}
span.smsportal {
    color: #24DAB2 !important;
}
span.nonsmsportal {
    color: #681BE7 !important;
}
.ngGrid {
  background-color: #fdfdfd;
}
.ngGrid input[type="checkbox"] {
  margin: 0;
  padding: 0;
}
.ngGrid input {
  vertical-align: top;
}
.ngGrid.unselectable {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.ngViewport {
  overflow: auto;
  min-height: 20px;
}
.ngViewport:focus {
  outline: none;
}
.ngCanvas {
  position: relative;
}
.ngVerticalBar {
  position: absolute;
  right: 0;
  width: 0;
}
.ngVerticalBarVisible {
  width: 1px;
  background-color: #d4d4d4;
}
.ngHeaderContainer {
  position: relative;
  overflow: hidden;
  font-weight: bold;
  background-color: inherit;
}
.ngHeaderCell {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: inherit;
}
.ngHeaderCell.pinned {
  z-index: 1;
}
.ngHeaderSortColumn {
  position: absolute;
  overflow: hidden;
}
.ngTopPanel {
  position: relative;
  z-index: 1;
  background-color: #eaeaea;
  border-bottom: 1px solid #d4d4d4;
}
.ngSortButtonDown {
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-color: gray transparent;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  height: 0;
  width: 0;
}
.ngNoSort {
  cursor: default;
}
.ngHeaderButton {
  position: absolute;
  right: 2px;
  top: 8px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  z-index: 1;
  background-color: #9fbbb4;
  cursor: pointer;
}
.ngSortButtonUp {
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-color: gray transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  height: 0;
  width: 0;
}
.ngHeaderScroller {
  position: absolute;
  background-color: inherit;
}
.ngSortPriority {
  position: absolute;
  top: -5px;
  left: 1px;
  font-size: 6pt;
  font-weight: bold;
}
.ngHeaderGrip {
  cursor: col-resize;
  width: 10px;
  right: -5px;
  top: 0;
  height: 100%;
  position: absolute;
  background-color: transparent;
}
.ngHeaderText {
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ngHeaderButtonArrow {
  position: absolute;
  top: 4px;
  left: 3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.5px 4.5px 0 4.5px;
  border-color: #4d4d4d transparent transparent transparent;
}
.ngPinnedIcon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAmElEQVQoU33PQapBURjA8UtkwJuaWYGSgfQWYBMvczPmTCzAAGVuaA228BZhRCkDGSmE31FucuRfvzq3vr5zT/JSjSU7DsypEPXDkDVn2hSIytJhw4kWGaLCxgHh2gt/RBuLzNhz5caWPjnSqqw4EraFfwznf8qklWjwy4IRTerkiQoPGtPl40OehcEJvcfXl8LglLfBJLkDcMgbgHlHhK8AAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  position: absolute;
  right: 5px;
  top: 5px;
  height: 10px;
  width: 10px;
}
.ngUnPinnedIcon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAlElEQVQoU33PPQrCQBRF4fFnI2KfZVi5ARvdgo1l6mwmkCJVOgluwd5OwUoDtnoOxAei8cLXTN7cvEl/skCNDCMPfsUPO5zQwOHIDEvYtMURHe6wOVLgigvOePRyeDkyR4ln7wZ//7XfFBu8B23+aDJjrHGAwza7hjtHJvDmHg7b7Bru7AMjK7Rw2ObBVHDY5oGk9AKQNB2zy8MBTgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  position: absolute;
  height: 10px;
  width: 10px;
  right: 5px;
  top: 5px;
}
.ngColMenu {
  right: 2px;
  padding: 5px;
  top: 25px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #bdd0cb;
  position: absolute;
  border: 2px solid #d4d4d4;
  z-index: 1;
}
.ngColListCheckbox {
  position: relative;
  right: 3px;
  top: 4px;
}
.ngColList {
  list-style-type: none;
}
.ngColListItem {
  position: relative;
  right: 17px;
  top: 2px;
  white-space: nowrap;
}
.ngMenuText {
  position: relative;
  top: 2px;
  left: 2px;
}
.ngGroupPanel {
  background-color: #eaeaea;
  overflow: hidden;
  border-bottom: 1px solid #d4d4d4;
}
.ngGroupPanelDescription {
  margin-top: 5px;
  margin-left: 5px;
}
.ngGroupList {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ngAggHeader {
  position: absolute;
  border: none;
}
.ngGroupElement {
  float: left;
  height: 100%;
  width: 100%;
}
.ngGroupIcon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAEFJREFUKFNjoAhISkr+h2J5JDZODNXGwGBsbPwfhIGAA8bGh6HaGBiAGhxAGJmND4M1gQCSM0adCsVQbcPcqQwMALWDGyDvWPefAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  position: absolute;
  right: -2px;
  top: 2px;
}
.ngGroupedByIcon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAElJREFUKFNjoAhISkr+R8LyaHwMDNXGwGBsbPwfhoGAA5mPDUO1oWpE52PDYE0gALTFAYbR+dgwWBMIoPlh1I9ADNU2NPzIwAAAFQYI9E4OLvEAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  position: absolute;
  right: -2px;
  top: 2px;
}
.ngGroupName {
  background-color: #fdfdfd;
  border: 1px solid #d4d4d4;
  padding: 3px 10px;
  float: left;
  margin-left: 0;
  margin-top: 2px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-weight: bold;
}
.ngGroupArrow {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid black;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
  float: right;
}
.ngGroupingNumber {
  position: absolute;
  right: -10px;
  top: -2px;
}
.ngAggArrowCollapsed {
  position: absolute;
  left: 8px;
  bottom: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #000000;
}
.ngGroupItem {
  float: left;
}
.ngGroupItem:first-child {
  margin-left: 2px;
}
.ngRemoveGroup {
  width: 5px;
  -moz-opacity: 0.4;
  opacity: 0.4;
  margin-top: -1px;
  margin-left: 5px;
}
.ngRemoveGroup:hover {
  color: black;
  text-decoration: none;
  cursor: pointer;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.ngAggArrowExpanded {
  position: absolute;
  left: 8px;
  bottom: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 9px 9px;
  border-color: transparent transparent #000000 transparent;
}
.ngAggregate {
  position: absolute;
  background-color: #c9dde1;
  border-bottom: 1px solid beige;
  overflow: hidden;
  top: 0;
  bottom: 0;
  right: -1px;
  left: 0;
}
.ngAggregateText {
  position: absolute;
  left: 27px;
  top: 5px;
  line-height: 20px;
  white-space: nowrap;
}
.ngRow {
  position: absolute;
  border-bottom: 1px solid #d4d4d4;
}
.ngRow.odd {
  background-color: #fdfdfd;
}
.ngRow.even {
  background-color: #f3f3f3;
}
.ngRow.selected {
  background-color: #c9dde1;
}
.ngCell {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: inherit;
}
.ngCell.pinned {
  z-index: 1;
}
.ngCellText {
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ngSelectionCell {
  margin-top: 9px;
  margin-left: 6px;
}
.ngSelectionHeader {
  position: absolute;
  top: 11px;
  left: 6px;
}
.ngCellElement:focus {
  outline: 0;
  background-color: #b3c4c7;
}
.ngRow.canSelect {
  cursor: pointer;
}
.ngSelectionCheckbox {
  margin-top: 9px;
  margin-left: 6px;
}
.ngFooterPanel {
  background-color: #eaeaea;
  padding: 0;
  border-top: 1px solid #d4d4d4;
  position: relative;
}
.nglabel {
  display: block;
  float: left;
  font-weight: bold;
  padding-right: 5px;
}
.ngTotalSelectContainer {
  float: left;
  margin: 5px;
  margin-top: 7px;
}
.ngFooterSelectedItems {
  padding: 2px;
}
.ngFooterTotalItems.ngnoMultiSelect {
  padding: 0 !important;
}
.ngPagerFirstBar {
  width: 10px;
  border-left: 2px solid #4d4d4d;
  margin-top: -6px;
  height: 12px;
  margin-left: -3px;
}
.ngPagerButton {
  height: 25px;
  min-width: 26px;
}
.ngPagerFirstTriangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 8.7px 5px 0;
  border-color: transparent #4d4d4d transparent transparent;
  margin-left: 2px;
}
.ngPagerNextTriangle {
  margin-left: 1px;
}
.ngPagerPrevTriangle {
  margin-left: 0;
}
.ngPagerLastTriangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #4d4d4d;
  margin-left: -1px;
}
.ngPagerLastBar {
  width: 10px;
  border-left: 2px solid #4d4d4d;
  margin-top: -6px;
  height: 12px;
  margin-left: 1px;
}
.ngFooterTotalItems {
  padding: 2px;
}

/*! This is a subsection of only common spacing helper classes:
 * Bootstrap v4.5.3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}
.isBroken {
    background-color: rgba(255, 50, 50, .40) !important;
}

.hasCreditNote {
    background-color: rgba(50, 50, 50, .15) !important;
}

.hasAuth {
    background-color: rgba(0, 255, 0, .15) !important;
}

.isUnpaidNonEft {
    background-color: rgba(255, 0, 0, .15) !important;
}

.isUnpaidAuthed {
    background-color: rgba(255, 216, 100, .15) !important;
}

.isUnpaidEft {
    background-color: rgba(255, 216, 0, .15) !important;
}

.isPaid {
    background-color: rgba(0, 255, 0, .15) !important;
}

.isDeclined {
    background-color: rgba(255, 0, 0, .25) !important;
}

.isApproved {
    background-color: rgba(0, 255, 0, .25) !important;
}

.requiresAuth {
    background-color: rgba(100, 255, 200, .45) !important;
}

.isProforma {
    background-color: rgba(50, 50, 255, .15) !important;
}

.isCostEstimate {
    background-color: rgba(50, 255, 50, .15) !important;
}

.isQuote {
    background-color: rgba(50, 50, 255, .15) !important;
}
.dark-mode #header,
.dark-mode .panel-heading,
.dark-mode .panel-title,
.dark-mode .panel-title>a,
.dark-mode .modal-header {
    background: none;
    background-color: rgb(31, 33, 35);
    color: rgb(200, 195, 188) !important;
    text-decoration: none;
}

.dark-mode #ribbon {
    background: none;
    background-color: rgb(52, 57, 59);
    color: rgb(200, 195, 188);
}

body.dark-mode,
.dark-mode body,
.dark-mode #content{
    background-image: none;
    background: none;
    background-color: rgb(24, 26, 27);
    color: rgb(200, 195, 188);
}

.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode .first-level-heading {
    color: rgb(200, 195, 188);
}

.dark-mode .row H1,
.dark-mode .row .txt-color-blue {
    color: rgb(113, 158, 176) !important;
}

.dark-mode .table .txt-color-blue,
.dark-mode .table-striped .txt-color-blue {
    color: rgb(113, 158, 176) !important;
}

.dark-mode .txt-color-orangeDark {
    color: rgb(220, 171, 98) !important;
}

.dark-mode .txt-color-grayDark {
    color: rgb(180, 174, 164) !important;
}

.dark-mode .txt-color-darken {
    color: rgb(192, 186, 178) !important;
}

.dark-mode .txt-color-green {
    color: rgb(144, 201, 144)  !important;
}

.dark-mode .txt-color-red,
.dark-mode h1.txt-color-red,
.dark-mode .txt-color-red h1 {
    color: rgb(252, 87, 124) !important;
}

.dark-mode .widget-body-toolbar {
    background-color: rgb(27, 29, 30);
    color: rgb(200, 195, 188);
    border-bottom-color: rgb(62, 68, 70);
}

.dark-mode .widget-body,
.dark-mode .modal-content,
.dark-mode .panel,
.dark-mode .panel-body,
.dark-mode .panel-body div {
    background-color: rgb(24, 26, 27);
    color: rgb(200, 195, 188);
}

.dark-mode .widget-footer,
.dark-mode .modal-footer,
.dark-mode .form-actions {
    color: rgb(200, 195, 188);
    background-color: rgb(28, 31, 32);
    border-top-color: rgb(56, 60, 63);
}

.dark-mode .table thead tr,
.dark-mode .table-bordered thead tr {
    color: rgb(193, 188, 180);
    background-color: rgb(58, 63, 66);
    background-image: none;
}

.dark-mode .table,
.dark-mode .table tbody tr,
.dark-mode .table-bordered tbody tr,
.dark-mode .table tfoot tr,
.dark-mode .table-bordered tfoot tr {
    background-color: transparent;
    background-image: none;
}

.dark-mode .table thead tr table tbody tr,
.dark-mode .table-bordered thead tr table tbody tr {
    background-color: transparent;
    background-image: none;
    color: rgb(58, 62, 65);
}

.dark-mode .table-striped>tbody>tr:nth-child(even),
.dark-mode .table-striped>tbody>tr:nth-child(even)>td {
    background-color: transparent;
    color: rgb(200, 195, 188) !important;
}

.dark-mode .table-striped>tbody>tr:nth-child(odd),
.dark-mode .table-striped>tbody>tr:nth-child(odd)>td {
    background-color: rgb(27, 30, 31) !important;
    color: rgb(200, 195, 188) !important;
}

.dark-mode .bg-color-white{
    background-color: rgb(24, 26, 27) !important;
    background-image: none;
}

.dark-mode .bg-color-lighten {
    background-color: rgb(27, 53, 60) !important;
}

.dark-mode .bg-color-light-gray {
    background-color: rgb(42, 45, 47) !important;
}

.dark-mode .bg-color-greenDark {
    background-color: rgb(73, 105, 73) !important;
}

.dark-mode .bg-color-purple {
    background-color: rgb(110, 88, 122) !important;
}

.dark-mode .bg-color-greenLight {
    background-color: rgb(113, 132, 63) !important;
}

.dark-mode .bg-color-orange {
    background-color: rgb(199, 145, 33) !important;
}

.dark-mode .bg-color-red {
    background-color: rgb(169, 3, 41) !important;
}

.dark-mode .table tr.success,
.dark-mode .table>tbody>tr.success>td,
.dark-mode .table-striped>tbody>tr:nth-child(even).success>td,
.dark-mode .table-striped>tbody>tr:nth-child(odd).success>td,
.dark-mode .table td.success,
.dark-mode .bg-success {
    background-color: rgb(41, 60, 23) !important;
    color: rgb(200, 195, 188) !important;
}

.dark-mode .has-success,
.dark-mode .has-success .control-label {
    color: rgb(41, 60, 23);
}

.dark-mode .table tr.warning,
.dark-mode .table>tbody>tr.warning>td,
.dark-mode .table-striped>tbody>tr:nth-child(even).warning>td,
.dark-mode .table-striped>tbody>tr:nth-child(odd).warning>td,
.dark-mode .table td.warning,
.dark-mode .bg-warning {
    background-color: rgb(63, 54, 7) !important;
    color: rgb(200, 195, 188) !important;
}

.dark-mode .has-warning,
.dark-mode .has-warning .control-label {
    color: rgb(63, 54, 7);
}

.dark-mode .table tr.danger,
.dark-mode .table>tbody>tr.danger>td,
.dark-mode .table-striped>tbody>tr:nth-child(even).danger>td,
.dark-mode .table-striped>tbody>tr:nth-child(odd).danger>td,
.dark-mode .table td.danger,
.dark-mode .bg-danger {
    background-color: rgb(56, 22, 22) !important;
    color: rgb(200, 195, 188) !important;
}

.dark-mode .has-danger,
.dark-mode .has-danger .control-label,
.dark-mode .has-error,
.dark-mode .has-error .control-label {
    color: rgb(252, 87, 124);
}

.dark-mode .note,
.dark-mode .has-info,
.dark-mode .has-info .control-label {
    color: rgb(168, 160, 149);
}

.dark-mode aside {
    background-image: linear-gradient(to right, rgb(41, 44, 46) 93%, rgb(30, 32, 33) 100%);
    background-color: initial;
}
.dark-mode nav ul ul {
    background-image: initial;
    background-color: rgba(52, 56, 58, 0.6);
}

.dark-mode .jarviswidget>div {
    background-color: rgb(24, 26, 27) !important;
    color: rgb(200, 195, 188);
}

.dark-mode .jarviswidget header .nav-tabs>li.active>a,
.dark-mode .jarviswidget header .nav-tabs>li.active>a:hover,
.dark-mode .jarviswidget header .nav-tabs>li.active>a:focus,
.dark-mode .jarviswidget header .nav-tabs li.active a,
.dark-mode .jarviswidget header:first-child .nav-tabs li.active a {
    background-color: transparent;
    color: rgb(232, 230, 227);
}

.dark-mode .jarviswidget header .nav-tabs>li>a,
.dark-mode .nav-tabs>li>a,
.dark-mode .nav-tabs>li>a:hover,
.dark-mode .nav-tabs>li>a:focus,
.dark-mode .jarviswidget-color-white>header,
.dark-mode .jarviswidget>header,
.dark-mode .jarviswidget header .nav-tabs li a,
.dark-mode .jarviswidget header:first-child .nav-tabs li a {
    background-color: transparent;
    color: rgb(177, 170, 160);
}

.dark-mode .jarviswidget-color-blueDark>header {
    background-color: rgb(60, 65, 67);
    border-color: rgb(114, 106, 93) !important;
}

.dark-mode pre {
    color: rgb(200, 195, 188);
    background-color: rgb(30, 32, 33);
    border-color: rgb(62, 68, 70);
}

.dark-mode code {
    background-image: none;
    color: rgb(221, 73, 110);
    background-color: rgb(43, 20, 26);
}

.dark-mode .table a,
.dark-mode .table a:link,
.dark-mode .table a:visited {
    color: rgb(109, 168, 214);
    text-decoration: none;
}

.dark-mode .table a:hover {
    color: rgb(109, 168, 214);
    text-decoration: underline;
}

.dark-mode .btn-default,
.dark-mode a.btn-default,
.dark-mode .btn-group a.btn-default,
.dark-mode table a.btn-default {
    color: rgb(200, 195, 188) !important;
    background-color: rgb(35, 38, 40) !important;
    border-color: rgb(71, 77, 80);
}

.dark-mode .btn-primary,
.dark-mode a.btn-primary,
.dark-mode .btn-group a.btn-primary,
.dark-mode table a.btn-primary {
    color: rgb(232, 230, 227) !important;
    background-color: rgb(40, 94, 142) !important;
    border-color: rgb(43, 102, 152);
}

.dark-mode .btn-info,
.dark-mode a.btn-info,
.dark-mode .btn-group a.btn-info,
.dark-mode table a.btn-info {
    color: rgb(232, 230, 227) !important;
    background-color: rgb(70, 109, 125) !important;
    border-color: rgb(68, 106, 122);
}

.dark-mode .btn-success,
.dark-mode a.btn-success,
.dark-mode .btn-group a.btn-success,
.dark-mode table a.btn-success {
    color: rgb(232, 230, 227) !important;
    background-color: rgb(88, 114, 79) !important;
    border-color: rgb(99, 92, 82);
}

.dark-mode .btn-warning,
.dark-mode a.btn-warning,
.dark-mode .btn-group a.btn-warning,
.dark-mode table a.btn-warning {
    color: rgb(232, 230, 227) !important;
    background-color: rgb(159, 116, 26) !important;
    border-color: rgb(166, 121, 27);
}

.dark-mode .btn-danger,
.dark-mode a.btn-danger,
.dark-mode .btn-group a.btn-danger,
.dark-mode table a.btn-danger {
    color: rgb(232, 230, 227) !important;
    background-color: rgb(135, 2, 33) !important;
    border-color: rgb(207, 4, 50);
}

.dark-mode .input-group a.active,
.dark-mode .btn-group a.active {
    border-color: rgb(50, 118, 177) !important;
}

.dark-mode span.inActiveAccount {
    color: rgb(236, 107, 107) !important;
}
.dark-mode span.prePaidMaster {
    color: rgb(166, 158, 147) !important;
}
.dark-mode span.nonsmsportal {
    color: rgb(119, 49, 233) !important;
}
.dark-mode span.smsportal {
    color: rgb(59, 223, 187) !important;
}
.dark-mode span.subAccount {
    color: rgb(81, 165, 242) !important;
}

.dark-mode div.inActiveAccount header {
    background-color: rgba(147, 19, 19, 0.5) !important;
}
.dark-mode div.trialMode header {
    background-color: rgba(176, 155, 91, 0.5) !important;
}
.dark-mode div.prePaidMaster header {
    background-color: rgba(94, 110, 115, 0.5) !important;
}
.dark-mode div.postPaidMaster header {
    background-color: rgba(36, 218, 178, 0.5) !important;
}
.dark-mode div.subAccount header {
    background-color: rgba(74, 144, 241, 0.5) !important;
}
.dark-mode div.reseller header {
    background-color: rgba(104, 27, 231, 0.25) !important;
}
.dark-mode div.smsportal header .nav-tabs>li.active>a {
    background-color: rgb(24, 26, 27) !important;
    color: rgb(59, 223, 187) !important;
    font-weight: bold;
}
.dark-mode div.nonsmsportal header .nav-tabs>li.active>a {
    background-color: rgb(24, 26, 27) !important;
    color: rgb(119, 49, 233) !important;
    font-weight: bold;
}

.dark-mode .pagination>li>a,
.dark-mode .pagination>li>span {
    background-color: rgb(24, 26, 27);
    border-color: rgb(58, 62, 65);
    color: rgb(50, 118, 177) !important;
}

.dark-mode .pagination>li.active>a,
.dark-mode .pagination>li.active>span {
    color: rgb(232, 230, 227) !important;
    background-color: rgb(40, 94, 142);
    border-color: rgb(41, 97, 146);
}

.dark-mode .well {
    background-color: transparent;
    background-image: none;
}

.dark-mode .expanded,
.dark-mode .expanded a,
.dark-mode .table-hover>tbody>tr:hover>td {
    background-color: rgba(131, 134, 39, 0.2) !important;
}

.dark-mode .jsondiffpatch-delta,
.dark-mode .jsondiffpatch-property-name,
.dark-mode .jsondiffpatch-delta pre {
    background-color: transparent;
    color: rgb(200, 195, 188);
}

.dark-mode .jsondiffpatch-added .jsondiffpatch-property-name {
    background-color: transparent;
}

.dark-mode .jsondiffpatch-added .jsondiffpatch-value pre,
.dark-mode .jsondiffpatch-added .jsondiffpatch-left-value pre,
.dark-mode .jsondiffpatch-modified .jsondiffpatch-value pre,
.dark-mode .jsondiffpatch-modified .jsondiffpatch-right-value pre
{
    background-color: rgb(23, 92, 0);
    color: rgb(200, 195, 188);
}

.dark-mode .jsondiffpatch-modified .jsondiffpatch-left-value pre {
    background-color: rgb(92, 0, 0);
}

.dark-mode .table-bordered,
.dark-mode .table-bordered>table,
.dark-mode .table-bordered>thead>tr>th,
.dark-mode .table-bordered>tbody>tr>th,
.dark-mode .table-bordered>tfoot>tr>th,
.dark-mode .table-bordered>thead>tr>td,
.dark-mode .table-bordered>tbody>tr>td,
.dark-mode .table-bordered>tfoot>tr>td {
    border: 1px solid rgb(120, 111, 98);
}

.dark-mode td.greyed {
    background-color: rgb(34, 36, 38) !important;
}

.dark-mode .form-control,
.dark-mode .datetimepicker-enable,
.dark-mode .bootstrap-datetimepicker-widget,
.dark-mode INPUT,
.dark-mode TEXTAREA,
.dark-mode SELECT {
    color: rgb(178, 172, 162) !important;
    background-color: rgb(24, 26, 27) !important;
    background-image: none;
    border-color: rgb(62, 68, 70);
}

.dark-mode .causes-auto-refresh {
    color: rgba(255, 105, 180, .55) !important;
}

.dark-mode .ng-valid {
    color: rgb(178, 172, 162);
    background-color: rgb(24, 26, 27);
    border-color: rgb(42, 112, 42);
}

.dark-mode .has-error .form-control,
.dark-mode .ng-invalid {
    color: rgb(178, 172, 162);
    background-color: rgb(24, 26, 27);
    border-color: rgb(112, 42, 42);
}

.dark-mode .ng-touched {
    color: rgb(178, 172, 162);
    background-color: rgb(24, 26, 27);
    border-color: inherit;
}

.dark-mode .progress {
    background-image: none;
    background-color: rgb(34, 36, 38);
    box-shadow: rgb(0 0 0 / 0%) 0px 1px 0px, rgb(40 43 45) 0px 0px 0px 1px inset;
}

.dark-mode RECT {
    fill: rgb(24, 26, 27) !important;
}

.dark-mode text.highcharts-title tspan,
.dark-mode g.highcharts-axis text tspan,
.dark-mode g.highcharts-axis-labels text,
.dark-mode g.highcharts-legend-item text tspan {
    fill: rgb(178, 172, 162) !important;
    color: rgb(178, 172, 162) !important;
}