.singout {
  color: white; }

body {
  background: #ffffff; }

.bggradient {
  background-color: #8fa0a2;
  background-image: radial-gradient(#8fa0a2, #8fa0a2, #344A5E); }

.innerpagebg {
  background-image: linear-gradient(141deg, #9fb8ad 0%, #1fc8db 51%, #2cb5e8 75%) !important;
  background-color: #1fc8db !important; }

#header {
  background-color: #0659ff !important;
  color: white; }

.navbar {
  background: #3f6070 !important;
  border-bottom: solid #919191 4px;
  font-family: "Raleway", Reboto, Arial, sans-serif;
  /* rotate caret on hover */ }
  .navbar .nav-item {
    margin: 2px;
    color: #fff !important;
    font-size: 0.8rem;
    border-radius: 4px;
    padding: 0px !important;
    line-height: 1; }
  .navbar .nav-link {
    font-weight: bold;
    color: #ff7766;
    border-radius: 4px; }
    .navbar .nav-link:link {
      background: none !important;
      color: #ffffff  !important; }
    .navbar .nav-link:hover {
      background: #9b97a8 !important;
      color: #ffffff  !important; }
    .navbar .nav-link:visited {
      background: #48464e !important;
      color: #ffffff  !important; }
    .navbar .nav-link:active {
      background: #173442 !important; }
    .navbar .nav-link .active {
      background-color: red !important; }
  .navbar .navbar-nav li:hover > ul.dropdown-menu {
    display: block; }
  .navbar .dropdown-submenu {
    position: relative;
    font-size: 0.9rem;
    color: #ffffff; }
    .navbar .dropdown-submenu:hover {
      background: none !important;
      color: #ffffff  !important;
      padding: 0px;
      margin: 0px; }
    .navbar .dropdown-submenu:visited {
      background: #494e46 !important;
      color: #ffffff  !important;
      padding: 0px;
      margin: 0px; }
  .navbar .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px; }
  .navbar .dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg); }
  .navbar .dropdown-item {
    padding: 0.4rem 1.5rem; }
  .navbar .dropdown-item:hover, .navbar .dropdown-item:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #3b8cb9; }

.wtp {
  padding-left: 20px !important;
  /*color: coral*/ }

.navbar-light .navbar-nav .nav-link {
  color: #ffffff; }

.fullwidth {
  width: 100%;
  height: 100%; }

.nav-footer {
  background: #09ff00 !important;
  text-align: center !important;
  padding: 0px !important; }

.fa {
  color: #ffffff; }

li span {
  color: #ff8a00;
  font-weight: bold;
  font-size: 12px; }
  li span::after {
    content: " | "; }

.logocolor {
  color: #ff8a00 !important; }

.navbar-light .navbar-toggler {
  color: white !important; }

.fa.fa-navicon {
  color: white; }

.footerbg {
  background: #eceaea !important;
  font-size: 0.7rem; }

.active {
  background: #3b8cb9   !important; }

.card {
  border: none; }

.card-header {
  background: #d6d6d6;
  padding: 0.35rem;
  color: #000000;
  font-size: 14px;
  font-weight: bold; }

.val {
  font-size: 11px;
  font-weight: normal; }

.card-body {
  background: #f0f4f7;
  padding: 14px 6px; }

.card-footer {
  background: #d6d6d6;
  height: 6px;
  padding: 0.25rem; }

.dashboardpram {
  background: none;
  width: 65%;
  border: dotted red 0px; }

.dashboardvalue {
  background: none;
  width: 34%;
  color: blue;
  font-weight: bold;
  font-size: 20px;
  border: dotted red 0px; }

.dashboardvalue sub {
  font-weight: normal;
  font-size: 10px; }

.dashboardind {
  background: none;
  width: 10%; }

.rounded-circle-red {
  width: 25px;
  height: 25px;
  background: red;
  border: #000 solid 1px;
  border-radius: 25px; }

.rounded-circle-green {
  width: 25px;
  height: 25px;
  background: green;
  border: #000 solid 1px;
  border-radius: 25px; }

.navbar .nav-item li .activelink {
  background: #3b8cb9  !important; }

.wc {
  color: white;
  font-size: 12px;
  padding: 0px !important;
  margin: 0px;
  text-align: right !important; }

.location {
  background: url(../images/hydermon.jpg) no-repeat;
  width: 110px !important;
  padding-top: 22px;
  height: 42px;
  margin: 0px;
  text-align: center; }

.locationtext {
  color: #000000;
  font-size: 11px;
  font-weight: bold; }

.titleheading {
  padding: 10px 0px !important;
  margin-left: -16px !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  font-size: 20px;
  font-weight: bold;
  color: #151811; }

@media (min-width: 450px) and (max-width: 767.98px) {
  .card {
    width: 100% !important; }
  .toplogo {
    width: 75px !important;
    height: 27px !important; } }

@media (min-width: 768px) and (max-width: 991.98px) {
  .card {
    width: 100% !important; } }

.bggradient {
  /* background-color: #8fa0a2;  For browsers that do not support gradients */
  background-image: radial-gradient(#8fa0a2, #8fa0a2, #7b92a7);
  /* Standard syntax (must be last) */ }

@media (min-width: 270px) and (max-width: 767.98px) {
  .svgname {
    height: 100%;
    width: 100%;
    /*background: #3cff00;*/ } }

@media (min-width: 767.98px) and (max-width: 1024px) {
  .svgname {
    height: 100%;
    width: 100%;
    /*background: #102a72;*/ } }

@media (min-width: 1024px) and (max-width: 1924px) {
  .svgname {
    height: 10%;
    width: 60%;
    /*background: #03be61;*/ } }