body {
  background-color: maroon;
}

/* Layout colors */
/* White */
/* Grey (Brightness: 15) */
/* Grey (Brightness: 30) */
/*Pale Blue*/
/*some kind of gray*/
/* Text colors */
/* Gray 20 */
/* Medium blue */
/* KPMG blue */
/*$main-color-background: #F0F0F0; /* Gray 94 */
/*$main-color-background-component: #FFFFFF; /* White */
/* tile menu */
/* Colors of image filters. Name template for parser: $filter-from-color-'your color in hex without #': 0;  */
/* Filters for images */
/*$filter-image: invert(99%) sepia(100%) saturate(2%) hue-rotate(350deg) brightness(102%) contrast(101%);*/
/* Tables */
html svg text {
  fill: #FFFFFF;
}
html .MapTopology svg text {
  fill: black;
}
html .chart .color1 {
  fill: #f4cf8e;
}
html .chart.chart-line .color1 {
  stroke: #f4cf8e;
}
html .chart .color2 {
  fill: #ffc000;
}
html .chart.chart-line .color2 {
  stroke: #ffc000;
}
html .chart .color3 {
  fill: #a5d7e2;
}
html .chart.chart-line .color3 {
  stroke: #a5d7e2;
}
html .chart .color4 {
  fill: #2385cf;
}
html .chart.chart-line .color4 {
  stroke: #2385cf;
}
html .chart .color5 {
  fill: #7f63af;
}
html .chart.chart-line .color5 {
  stroke: #7f63af;
}
html .chart .color6 {
  fill: #ff6f61;
}
html .chart.chart-line .color6 {
  stroke: #ff6f61;
}
html .chart .color7 {
  fill: #45b5aa;
}
html .chart.chart-line .color7 {
  stroke: #45b5aa;
}
html .chart .color8 {
  fill: #bfbfbf;
}
html .chart.chart-line .color8 {
  stroke: #bfbfbf;
}
html .chart.chart-line circle:not(.hpch-tch) {
  fill: white;
}
html .full-body svg text {
  fill: black;
}
html .chart .ct-background {
  fill: #3D7197;
}
html .full-body .chart .ct-background {
  fill: white;
}

body {
  background-color: #135C86;
  color: #FFFFFF;
}

a:hover {
  color: #A7A7A7 !important;
}

.icon:hover {
  background-color: #C9C9C9;
}

.tooltip {
  background-color: #313734;
  color: white;
}

.metro h1 {
  color: #ffffff;
}

#indexBdy {
  background-color: #162155 !important;
  background: #002f58;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.13, #2392dd), color-stop(0.47, #194d9c), color-stop(0.82, #162f57));
  background: -webkit-linear-gradient(top, #162f57 0, #194d9c 50%, #2392dd 100%);
  background: -o-linear-gradient(top, #162f57 0, #194d9c 50%, #2392dd 100%);
  background: -ms-linear-gradient(top, #162f57 0, #194d9c 50%, #2392dd 100%);
  background: linear-gradient(to bottom, #162f57 0, #194d9c 50%, #2392dd 100%);
}

#bdy {
  background-color: #135C86;
}

.metro .tile-group {
  background-color: #2D5E87;
}

.metro .tile-group .tile-group-title {
  color: inherit;
}

.metro .tile-group-container {
  color: #ffffff;
}

.metro .tile-group-container .tile-group-title-outer {
  color: inherit;
}

.tile-group-title-inner {
  color: inherit;
}

.metro .tile {
  /*background-color: #ffffff;*/
  background-color: #3D7197;
  /* color: #000000; */
  /*color: #ffffff; */
  color: #FFFFFF;
}

.metro .tile .brand {
  /*background-color: $main-color-tile-brand;*/
}

.metro .tile .tile-content.email {
  /* To Found Later */
  /*color: #ffffff;*/
}

.metro .tile .tile-content.email .email-data {
  color: inherit;
}

.metro .tile .tile-content.email .email-data .email-data-title,
.metro .tile .tile-content.email .email-data .email-data-subtitle,
.metro .tile .tile-content.email .email-data .email-data-text {
  color: inherit;
}

.highlight {
  background-color: yellow;
}

.srchBox {
  background-color: transparent;
}

.srchBoxFS {
  background-color: transparent;
}

.drill-button {
  color: black;
}

.drill-button:hover {
  color: blue;
}

.edit-button1 {
  color: black;
}

.edit-button1:hover {
  color: blue;
}

.ok-button1 {
  color: black;
}

.ok-button1:hover {
  color: blue;
}

.more-button {
  color: black;
}

.more-button:hover {
  color: blue;
}

.edit-button {
  color: black;
}

.edit-close-button {
  color: black;
}

.edit-button:hover {
  color: blue;
}

.edit-cell {
  color: #0741AD;
}

.edit-cell:hover {
  color: blue;
}

.full-edit-button {
  color: black;
}

.full-edit-button:hover {
  color: blue;
}

.edit-f-close-button {
  color: black;
}

.edit-f-close-button:hover {
  color: blue;
}

.share-box {
  color: black;
}

.share-box:hover {
  color: blue;
}

.table {
  background-color: white;
  color: black;
}

.th {
  background-color: #b4b4b4;
}

.row-odd {
  background-color: #e4e5f8;
}

.row-even {
  background-color: white;
}

td.has-filter:hover {
  background-color: gold;
}

#modal .overlay {
  background-color: #000;
}

.infobox-title {
  color: black !important;
}

.infobox-info {
  color: #232323 !important;
}

.btn {
  background-color: #f6f6f6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e1e1e1));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #e1e1e1);
  background-image: -moz-linear-gradient(top, #f6f6f6, #e1e1e1);
  background-image: -o-linear-gradient(top, #f6f6f6, #e1e1e1);
  background-image: -ms-linear-gradient(top, #f6f6f6, #e1e1e1);
  background-image: linear-gradient(top, #f6f6f6, #e1e1e1);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f6f6f6", EndColorStr="#e1e1e1");
  color: #555;
}

.btn:active {
  background-color: #f6f6f6;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), to(#e1e1e1));
  background-image: -webkit-linear-gradient(bottom, #f6f6f6, #e1e1e1);
  background-image: -moz-linear-gradient(bottom, #f6f6f6, #e1e1e1);
  background-image: -o-linear-gradient(bottom, #f6f6f6, #e1e1e1);
  background-image: -ms-linear-gradient(bottom, #f6f6f6, #e1e1e1);
  background-image: linear-gradient(bottom, #f6f6f6, #e1e1e1);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f6f6f6", EndColorStr="#e1e1e1");
}

.btn.go {
  background-color: #3dda38;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3dda38), to(#27bb3f));
  background-image: -webkit-linear-gradient(top, #3dda38, #27bb3f);
  background-image: -moz-linear-gradient(top, #3dda38, #27bb3f);
  background-image: -o-linear-gradient(top, #3dda38, #27bb3f);
  background-image: -ms-linear-gradient(top, #3dda38, #27bb3f);
  background-image: linear-gradient(top, #3dda38, #27bb3f);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,EndColorStr="#3dda38", StartColorStr="#27bb3f");
  color: #fff;
}

.btn.go:active {
  background-color: #3dda38;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#3dda38), to(#27bb3f));
  background-image: -webkit-linear-gradient(bottom, #3dda38, #27bb3f);
  background-image: -moz-linear-gradient(bottom, #3dda38, #27bb3f);
  background-image: -o-linear-gradient(bottom, #3dda38, #27bb3f);
  background-image: -ms-linear-gradient(bottom, #3dda38, #27bb3f);
  background-image: linear-gradient(bottom, #3dda38, #27bb3f);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,EndColorStr="#3dda38", StartColorStr="#27bb3f");
}

/* app advertising */
.app-container {
  background-color: white;
}

/* end app advertising */
#metoday-inner {
  color: #FFFFFF;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=134, Strength=3);
}

.infoboxmap::-webkit-scrollbar-thumb {
  background-color: silver;
}

.infoboxmap {
  scrollbar-face-color: silver;
  scrollbar-highlight-color: #fffbc2;
  scrollbar-3dlight-color: silver;
  scrollbar-darkshadow-color: silver;
  scrollbar-shadow-color: silver;
  scrollbar-arrow-color: #fffbc2;
  scrollbar-track-color: #fffbc2;
}

.tile-menu {
  /*color:#000;*/
  /*background-color:#fff;*/
}

.fs-menu {
  color: transparent;
  background-color: transparent;
}

.fs-menu:hover {
  background-color: #C9C9C9;
}

.tile-menu .tile-menu-content-icon {
  filter: 0;
  webkit-filter: 0;
  -moz-filter: 0;
  -o-filter: 0;
  -ms-filter: 0;
}

.tile-menu-content, .tile-menu-inner-content, .tile-menu-third-content, .fs-menu-content {
  /*background-color: rgb(50,75,115);*/
  background-color: #3d8eb4;
  /*color: #fff;*/
  color: #FFFFFF;
}

.tile-menu-content > li:hover, .fs-menu-content > li:hover {
  /*background-color:rgb(22,47,87) !important;*/
  background-color: #3dacd2;
}

.tile-menu-inner-content > li:hover, .tile-menu-third-content > li:hover {
  /*background-color:rgb(22,47,87) !important;*/
  background-color: #3dacd2;
}

.tile-menu-dlg, .fs-menu-dlg {
  /*background-color: rgb(50,75,115);*/
  background-color: #3d8eb4;
  /*color: #fff;*/
  color: #FFFFFF;
}

.tile-menu-dlg:hover {
  /*background-color: rgb(22,47,87) !important;*/
  background-color: #3dacd2;
}

.tile-menu-btn {
  background-color: #8A8A8A;
}

.tile-menu-btn:hover {
  background-color: #E81123;
  /*outline: #321903 solid 1px;*/
}

.tile-menu-btn-new {
  background-color: #8A8A8A;
  color: #fff;
}

.tile-menu-btn-new:hover {
  background-color: #E81123;
  /*outline: #321903 solid 1px;*/
}

.filter-button {
  color: #000;
  background-color: #fff;
}

.filter-button:hover {
  color: blue;
}

.brand .intervalpicker {
  background-color: #fff;
}

.brand .datepicker {
  background-color: #fff;
}

.pageLImg {
  background-color: transparent;
}

.pageLImg:hover {
  background-color: #E1E1E1;
}

.pageRImg {
  background-color: transparent;
}

.pageRImg:hover {
  background-color: #E1E1E1;
}

.srch-menu-btn {
  background-color: #8A8A8A;
  color: #fff;
}

.srch-menu-btn:hover {
  background-color: #E81123;
  /*outline: #321903 solid 1px;*/
}

.dd-link {
  /*color: #0645BD;*/
}

.mob-menu {
  color: #000;
  /*background-color:#fff;*/
}

.mob-menu-content {
  background-color: #324b73;
  color: #fff;
}

.mob-menu-content > li:hover {
  background-color: #162f57 !important;
}

.mob-menu-dlg {
  background-color: #324b73;
  color: #fff;
}

.nav-item, .c-nav-item {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  color: white;
}

.nav-item:hover, .c-nav-item:hover {
  color: #A0DFFA;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(22, 47, 87, 0.65) 100%);
}

.site-wrap {
  background-color: white;
  background-image: linear-gradient(135deg, #feffff 0%, #ddf1f9 35%, #a0d8ef 100%);
}

#nav-path {
  /* color:#ffffff; */
  /*color: $main-color-text-secondary;*/
}

.site-wrap {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.13, #2392dd), color-stop(0.47, #194d9c), color-stop(0.82, #162f57));
  background: -webkit-linear-gradient(top, #162f57 0, #194d9c 50%, #2392dd 100%);
  background: -o-linear-gradient(top, #162f57 0, #194d9c 50%, #2392dd 100%);
  background: -ms-linear-gradient(top, #162f57 0, #194d9c 50%, #2392dd 100%);
  background: linear-gradient(to bottom, #162f57 0, #194d9c 50%, #2392dd 100%);
}

.test-container {
  color: green;
}

.test {
  color: red;
}

.htmlpicker {
  color: #000;
  background-color: #3d8eb4;
}

.htmlpicker option {
  color: #000;
  background-color: #3d8eb4;
}

.htmlpickerscope {
  color: white;
  background-color: transparent;
}

.htmlCellPicker {
  color: black;
  background-color: transparent;
}

#date-select-global {
  color: white;
}

.global-dt {
  background-color: transparent;
}

.close-btn-tl {
  color: #FFFBC2;
  background-color: grey;
}

.close-btn-tl:hover {
  background-color: red;
}

.notification {
  color: red;
}

.notification:hover {
  background-color: #333333 !important;
}

#m-notify-span {
  color: red;
}

#arrow_back {
  filter: 0;
  webkit-filter: 0;
  -moz-filter: 0;
  -o-filter: 0;
  -ms-filter: 0;
}

.dlg {
  background-color: #324b73;
  color: #fff;
}

.dlg:hover {
  background-color: #162f57 !important;
}

.tipTop {
  background: #16305a;
  color: blue !important;
}

.ug-menu-dlg, .fs-menu-dlg {
  /*background-color: rgb(50,75,115);
  color: #fff;*/
  background-color: #3d8eb4;
  color: #FFFFFF;
}

.ug-menu-dlg {
  background-color: #324b73;
  color: #fff;
}

.ug-adpicker {
  border-color: #fff;
}

.menu-ugpicker {
  border-color: #fff;
}

.info-box {
  /*background-color: rgb(50,75,115);
  color: #fff;*/
  background-color: #3dacd2;
  color: #FFFFFF;
}

.downtime-global {
  /*color: white;
  background-color: rgb(70,130,180);*/
  background-color: #3d8eb4;
  color: #FFFFFF;
}

.dtHl {
  background-color: #FFD700 !important;
  color: #FFD700 !important;
}

.sched {
  /*background-color: rgb(50,75,115);*/
  background-color: #3d8eb4;
  color: #FFFFFF;
  /*color: #fff;*/
}

.gfinput::-webkit-input-placeholder {
  /*Edge*/
  color: #8A8A8A;
}

.gfinput:-ms-input-placeholder {
  /*11 */
  color: #8A8A8A;
}

.gfinput::placeholder {
  color: #8A8A8A;
}

#prlx::-webkit-scrollbar, .tile-group::-webkit-scrollbar {
  /* background-color: #aaac; */
  background-color: #96B0C8;
}

#prlx::-webkit-scrollbar-thumb, .tile-group::-webkit-scrollbar-thumb {
  /* background: #00000080; */
  background: #B8D7F2;
}

#prlx, .tile-group {
  /* scrollbar-color: #00000080 #aaac; */
  scrollbar-color: #B8D7F2 #96B0C8;
}

.prlx-tile-scroll {
  /* scrollbar-color: #00000080 #aaac; */
  scrollbar-color: #B8D7F2 #96B0C8;
}

.prlx-tile-scroll::-webkit-scrollbar {
  /* background-color: #aaac; */
  background-color: #B8D7F2;
}

.prlx-tile-scroll::-webkit-scrollbar-thumb {
  /* background: #00000080; */
  background: #B8D7F2;
}

.tile .brand {
  background-color: #3D7197;
  opacity: 0.2;
}
.tile .brand:hover {
  opacity: 1;
}

.side-menu-wrapper {
  /* background-color: #2A2A2A; */
  /* background-color: inherit; */
  background-color: #135C86;
}

.side-menu-wrapper .option .title:hover {
  background-color: #2D5E87;
}

.side-menu-wrapper button {
  /* background-color: #2A2A2A; */
  background-color: inherit;
  color: inherit;
}

.side-menu-wrapper button:hover {
  /* background-color: #1C2447; */
  background-color: inherit;
}

.side-menu-wrapper .option .title.active {
  color: #a5a5a5;
}

table.HyperTable {
  border-color: #cccccc;
  background: #3D7197;
}

.HyperTable th {
  background: #3d7fa5;
  /*color: white;*/
  border-color: #cccccc;
}

.HyperTable .CanBeFiltered:hover {
  /*background-color: gold;*/
  background-color: #3dacd2;
  color: black;
}

.HyperTable .CanBeFiltered {
  /*color: rgba(0, 102, 203, 1);*/
  color: #FFFFFF;
}

.HyperTable .avg {
  background-color: #3d9dc3 !important;
  /*color: white;*/
}

.HyperTable .tot {
  background-color: #3d9dc3 !important;
  /*color: white;*/
}

.HyperTable tr {
  border-bottom-color: #cccccc;
}

.HyperTable td {
  border-right-color: #cccccc;
}

.HyperTable td .backGroundDiv {
  background-color: #3d8eb4;
  /*border-color: #5e5e5e;*/
  /* fallback */
  /*background-color: #1a82f7;*/
  /*background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#A7A7A7));*/
  /* Safari 5.1, Chrome 10+ */
  /*background: -webkit-linear-gradient(left, #A7A7A7, #FFFFFF);*/
  /* Firefox 3.6+ */
  /*background: -moz-linear-gradient(left, #A7A7A7, #FFFFFF);*/
  /* IE 10 */
  /*background: -ms-linear-gradient(left, #A7A7A7, #FFFFFF);*/
  /* Opera 11.10+ */
  /*background: -o-linear-gradient(left, #A7A7A7, #FFFFFF);*/
  -webkit-animation-name: example;
  /* Chrome, Safari, Opera */
  -webkit-animation-duration: 0.55s;
  /* Chrome, Safari, Opera */
  -webkit-animation-timing-function: linear;
  animation-name: example;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  /*box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.5);*/
}

.HyperTable tr:nth-child(even) {
  background-color: #3d7fa5;
}

.HyperTableArrowSelected {
  color: black;
}

/*.HyperTableArrowUnselected {
    color: white;
}*/
.thCell_active {
  background: #3d9dc3 !important;
}

.thCell {
  background: steelblue !important;
}

.context-menu {
  /*background-color: #3A4A72;*/
  background-color: #3d8eb4;
  /*color: #fff;*/
}

.context-menu:hover {
  /*background-color: rgb(22,47,87) !important;*/
  /*outline: #321903 solid 1px;*/
}

.context-menu_link {
  /*color: #fff;*/
}

.context-menu_link:hover {
  /*color: #fff !important;*/
  /*background-color: rgb(22,47,87) !important;
  outline: #321903 solid 1px;*/
  background-color: #3dacd2;
}

.dropdown-btn {
  background-color: #ffffff;
}

.dropdown-btn:hover, .dropdown-btn:focus {
  background-color: #dddddd;
}

.dropdown-content {
  background-color: #f1f1f1;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.dropdown-content .dropdown-option {
  color: black;
}

/* Change color of dropdown links on hover */
.dropdown-content .dropdown-option:hover {
  background-color: #ddd;
}

.dropdown-btn-caret {
  border-color: black transparent transparent transparent;
}

.user-id {
  background-color: #135C86;
}

.user-id .sync {
  background-color: transparent;
  /*background-color: #333333 !important;*/
  color: #ffffff;
}

#oc-id, #user, #logoff, #home, #config, #share, #expimhtml, #refresh, #notify, #global-interval, #brand-id {
  color: inherit;
}

#logoff:hover, #cancel_autologin:hover, #home:hover, #magn:hover, #config:hover, #share:hover, #export:hover, #share-selected:hover, #refresh:hover, #mob_menu:hover, #tree_menu:hover {
  /* background-color: #333333 !important; */
  /*background-color: $main-color-background-component;*/
  /*filter: none;*/
}

.user-id-name *[type=image], .user-id-name img, #brand-id {
  filter: 0;
  webkit-filter: 0;
  -moz-filter: 0;
  -o-filter: 0;
  -ms-filter: 0;
}

/*.user-id-name #brand-id{*/
/*    filter: unset;*/
/*    webkit-filter: unset;*/
/*    -moz-filter: unset;*/
/*    -o-filter: unset;*/
/*    -ms-filter: unset;*/
/*}*/
.notifyBubble {
  color: #FFFFFF;
  background-color: #c8c8c8b3;
  /*color: white;*/
  /*background: #ff0000;*/
  /*background: -moz-linear-gradient(top,  #ff0000 0%, #d80000 50%, #b20000 100%);*/
  /*background: -webkit-linear-gradient(top,  #ff0000 0%,#d80000 50%,#b20000 100%);*/
  /*background: linear-gradient(to bottom,  #ff0000 0%,#d80000 50%,#b20000 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#b20000',GradientType=0 );*/
}

#global-interval {
  /*color: white;*/
}

#global-interval option {
  /* background: #16305A; */
  background: #135C86;
  text-decoration: none !important;
}

#global-datepicker, #global-todatepicker {
  color: #000000;
}

/*# sourceMappingURL=themes-Dark-IE.css.map */