/* Primary Colors */
/* Shades of Grey */
/* Graph Background */
/* General Colors */
/* Login Page */
/* Utility theme color shades */
/*status colors*/
/*extra color */
/*client Name color */
/* new colors by aprajio*/
/**/
/* ====================
  Shorthand mixins start
 ==================== */
/* ====================
  Shorthand mixins end
 ==================== */
@-webkit-keyframes arrowLeftAnim {
  0% {
    opacity: 0.5;
    -webkit-transform: translateX(-25px);
            transform: translateX(-25px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes arrowLeftAnim {
  0% {
    opacity: 0.5;
    -webkit-transform: translateX(-25px);
            transform: translateX(-25px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes arrowRightAnim {
  0% {
    opacity: 0.5;
    -webkit-transform: translateX(25px);
            transform: translateX(25px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes arrowRightAnim {
  0% {
    opacity: 0.5;
    -webkit-transform: translateX(25px);
            transform: translateX(25px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes projectArc {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  6% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  26% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  46% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes projectArc {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  6% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  26% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  46% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes rorate360 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}

@keyframes rorate360 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}

@-webkit-keyframes rorateReverse360 {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}

@keyframes rorateReverse360 {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}

@-webkit-keyframes runH {
  0% {
    top: calc(-200px + 0%);
  }
  100% {
    top: calc(200px + 100%);
  }
}

@keyframes runH {
  0% {
    top: calc(-200px + 0%);
  }
  100% {
    top: calc(200px + 100%);
  }
}

@-webkit-keyframes runV {
  0% {
    left: calc(-200px + 0%);
  }
  100% {
    left: calc(200px + 100%);
  }
}

@keyframes runV {
  0% {
    left: calc(-200px + 0%);
  }
  100% {
    left: calc(200px + 100%);
  }
}

@-webkit-keyframes modernBoxBorderBefore {
  0% {
    width: 30px;
  }
  100% {
    width: 50%;
  }
}

@keyframes modernBoxBorderBefore {
  0% {
    width: 30px;
  }
  100% {
    width: 50%;
  }
}

@-webkit-keyframes modernBoxBorderAfter {
  0% {
    height: 30px;
  }
  100% {
    height: 0;
  }
}

@keyframes modernBoxBorderAfter {
  0% {
    height: 30px;
  }
  100% {
    height: 0;
  }
}

@-webkit-keyframes modernBoxBorderAnimationBefore {
  0% {
    width: 30%;
  }
  100% {
    width: 0;
  }
}

@keyframes modernBoxBorderAnimationBefore {
  0% {
    width: 30%;
  }
  100% {
    width: 0;
  }
}

@-webkit-keyframes modernBoxBorderAnimationAfter {
  0% {
    height: 0;
  }
  100% {
    height: 30%;
  }
}

@keyframes modernBoxBorderAnimationAfter {
  0% {
    height: 0;
  }
  100% {
    height: 30%;
  }
}

@-webkit-keyframes modernBoxBorderAnimationTRBefore {
  0% {
    width: 0;
  }
  100% {
    width: 30%;
  }
}

@keyframes modernBoxBorderAnimationTRBefore {
  0% {
    width: 0;
  }
  100% {
    width: 30%;
  }
}

@-webkit-keyframes modernBoxBorderAnimationTRAfter {
  0% {
    height: 30%;
  }
  100% {
    height: 0;
  }
}

@keyframes modernBoxBorderAnimationTRAfter {
  0% {
    height: 30%;
  }
  100% {
    height: 0;
  }
}

@-webkit-keyframes boxShadowHighlight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes boxShadowHighlight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes modernBoxBorder {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  21% {
    opacity: 0;
  }
  24% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
  55% {
    opacity: 0;
  }
  56% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes modernBoxBorder {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  21% {
    opacity: 0;
  }
  24% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
  55% {
    opacity: 0;
  }
  56% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes pgScaleDown {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
}

@keyframes pgScaleDown {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
}

@-webkit-keyframes pgScaleUp {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes pgScaleUp {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes blinkType1 {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  21% {
    opacity: 0;
  }
  24% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
  55% {
    opacity: 0;
  }
  56% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blinkType1 {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  21% {
    opacity: 0;
  }
  24% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
  55% {
    opacity: 0;
  }
  56% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes blinkType2 {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 1;
  }
  34% {
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
  85% {
    opacity: 0;
  }
  86% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blinkType2 {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 1;
  }
  34% {
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
  85% {
    opacity: 0;
  }
  86% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes blinkType3 {
  0% {
    opacity: 1;
  }
  55% {
    opacity: 1;
  }
  85% {
    opacity: 0;
  }
  86% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes blinkType3 {
  0% {
    opacity: 1;
  }
  55% {
    opacity: 1;
  }
  85% {
    opacity: 0;
  }
  86% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes blinkType4 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blinkType4 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

* {
  outline: none;
}

body {
  margin: 0;
  font-family: 'Gilroy', Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #111111;
  color: #999999;
}

/* Common style Starts */
.border-top {
  border-top-color: #00d2ff !important;
}

.border-right {
  border-right-color: #00d2ff !important;
}

.border-bottom {
  border-bottom-color: #00d2ff !important;
}

.border-left {
  border-left-color: #00d2ff !important;
}

.gap10 {
  height: 10px;
}

.gap20 {
  height: 20px;
}

.gap30 {
  height: 30px;
}

.gap40 {
  height: 40px;
}

.gap50 {
  height: 50px;
}

.container1400 {
  max-width: 1400px !important;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.table {
  color: #ffffff;
  text-align: center;
  margin: 0;
}

.table th {
  font-size: 14px;
  padding: 5px;
}

.table tr td {
  font-size: 14px;
  padding: 5px;
  color: #a4bccf;
}

.table .red {
  color: #ef5350;
}

.table .amber {
  color: #ffc145;
}

.table .green {
  color: #66bb6a;
}

.table .blue {
  color: #64b8fb;
}

.customThemeToolTip {
  background: #02071b linear-gradient(180deg, #469df6 0, rgba(70, 157, 246, 0.2) 25px, #02071b 30px, #02071b 100%) !important;
  padding: 10px !important;
  text-align: left;
  color: #00d2ff !important;
  min-width: 140px !important;
  border-color: #7cb4eb !important;
  z-index: 2061 !important;
}

.customThemeToolTip h3 {
  font-size: 14px;
  text-align: left;
}

.customThemeToolTip ul {
  padding: 0;
  margin: 0;
  list-style-position: inside;
  overflow: auto;
  max-height: 115px;
}

.customThemeToolTip ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #333333;
  font-size: 12px;
  padding: 3px 0;
}

.customThemeToolTip ul li .value {
  padding: 0 0 0 3px;
}

.customThemeToolTip ul li:last-child {
  border-bottom: 0;
}

.blurAll {
  -webkit-filter: blur(3px);
          filter: blur(3px);
}

.blurAll:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.noDataBox {
  position: absolute;
  top: 1px;
  left: 1px;
  background: #111111;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  z-index: 105;
  padding: 30px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
}

.noDataBox .text {
  color: #999999;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}

.transparentDropdownBox {
  position: absolute;
  top: -15px;
  right: 30px;
  z-index: 2061;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.transparentDropdownBox .dropdown-menu {
  max-height: 138px;
  overflow-y: auto;
}

.transparentDropdownBox .dropdown {
  margin-left: 10px;
}

.transparentDropdownBox .dropdown .btn {
  background: transparent;
  border-color: transparent;
  -webkit-box-shadow: 0 0 0 !important;
          box-shadow: 0 0 0 !important;
  padding: 5px 15px 5px 0;
  font-size: 14px;
  color: #999999;
}

.transparentDropdownBox .dropdown .btn:active {
  background: transparent !important;
  border-color: transparent !important;
  color: #999999 !important;
}

.transparentDropdownBox .dropdown .btn::after {
  width: 12px;
  height: 7px;
  position: absolute;
  top: calc(50% - 3px);
  right: 0;
  background: url("../images/ic_down_arrow_grey.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  border: 0;
  opacity: 1;
}

.transparentDropdownBox .dropdown-menu {
  background: rgba(2, 7, 27, 0.85);
  border-color: #333333;
  padding: 3px 0;
}

.transparentDropdownBox .dropdown-menu .dropdown-item {
  padding: 5px 10px;
  text-align: right;
  color: #7cb4eb;
}

.transparentDropdownBox .dropdown-menu .dropdown-item:hover, .transparentDropdownBox .dropdown-menu .dropdown-item:focus {
  background: #7cb4eb;
  color: #111111;
}

.commonPage {
  padding: 10px 30px;
}

.blackRound {
  margin: 0 0 30px 0;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
}

.blackRound :global(.btn) {
  min-width: 120px;
  border-radius: 20px;
  font-size: 16px;
  padding: 5px 15px;
  border-color: #484848;
  background: #111111;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
  color: #ffffff;
  font-weight: 600;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.blackRound :global(.btn).smallBtn {
  min-width: 90px;
  font-size: 12px;
}

.blackRound :global(.btn):hover {
  border-color: #ffffff;
  background: #ffffff;
  color: #111111;
}

.customButton {
  min-width: 120px;
  border-radius: 20px;
  font-size: 16px;
  padding: 5px 15px;
  border-color: #484848;
  color: #ffffff;
  background: #111111;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
  font-weight: 400;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.customButton.smallBtn {
  min-width: 90px;
  font-size: 12px;
}

.customButton:disabled {
  border-color: #484848;
  color: #ffffff;
  background: #484848;
}

.customButton:disabled:hover {
  border-color: #484848 !important;
  color: #ffffff !important;
  background: #484848 !important;
}

.customButton:focus, .customButton.focus {
  -webkit-box-shadow: 0 0 0 !important;
          box-shadow: 0 0 0 !important;
  background: transparent;
}

.customButton.btn-primary {
  border-color: #484848;
  color: #ffffff;
}

.customButton.btn-primary:hover {
  color: #111111;
  background: #ffffff;
  border-color: #ffffff;
}

.customButton.btn-primary:active {
  background: #ffffff !important;
  -webkit-box-shadow: 0 0 0 !important;
          box-shadow: 0 0 0 !important;
  border-color: #ffffff !important;
  color: #111111 !important;
}

.customButton.btn-primary.compass_util_btn {
  color: #00d2ff;
  border-color: #3c4d6d;
}

.customButton.btn-secondary {
  border-color: #00d2ff;
  color: #00d2ff;
}

.customButton.btn-secondary:hover {
  color: #111111;
  background: #00d2ff;
  border-color: #00d2ff;
}

.customButton.btn-secondary:active {
  background: #00d2ff !important;
  -webkit-box-shadow: 0 0 0 !important;
          box-shadow: 0 0 0 !important;
  border-color: #00d2ff !important;
  color: #111111 !important;
}

.customButton.btn-success {
  border-color: #66bb6a;
  color: #66bb6a;
}

.customButton.btn-success:hover {
  color: #111111;
  background: #66bb6a;
  border-color: #66bb6a;
}

.customButton.btn-success:active {
  background: #66bb6a !important;
  -webkit-box-shadow: 0 0 0 !important;
          box-shadow: 0 0 0 !important;
  border-color: #66bb6a !important;
  color: #111111 !important;
}

.customButton.btn-warning {
  border-color: #ffc145;
  color: #ffc145;
}

.customButton.btn-warning:hover {
  color: #111111;
  background: #ffc145;
  border-color: #ffc145;
}

.customButton.btn-warning:active {
  background: #ffc145 !important;
  -webkit-box-shadow: 0 0 0 !important;
          box-shadow: 0 0 0 !important;
  border-color: #ffc145 !important;
  color: #111111 !important;
}

.customButton.btn-danger {
  border-color: #ef5350;
  color: #ef5350;
}

.customButton.btn-danger:hover {
  color: #111111;
  background: #ef5350;
  border-color: #ef5350;
}

.customButton.btn-danger:active {
  background: #ef5350 !important;
  -webkit-box-shadow: 0 0 0 !important;
          box-shadow: 0 0 0 !important;
  border-color: #ef5350 !important;
  color: #111111 !important;
}

.customButton.btn-info {
  border-color: #01ffff;
  color: #01ffff;
}

.customButton.btn-info:hover {
  color: #111111;
  background: #01ffff;
  border-color: #01ffff;
}

.customButton.btn-info:active {
  background: #01ffff !important;
  -webkit-box-shadow: 0 0 0 !important;
          box-shadow: 0 0 0 !important;
  border-color: #01ffff !important;
  color: #111111 !important;
}

.whiteTable {
  margin: 30px 0 0 0;
}

.whiteTable thead tr:hover th {
  background: transparent !important;
}

.whiteTable thead th {
  padding: 14px;
  border-bottom: 0;
  background: transparent;
  text-align: left;
  color: #ffffff;
  border-color: #333333;
}

.whiteTable tbody tr:hover {
  background: rgba(5, 5, 5, 0.5) !important;
}

.whiteTable tbody td {
  padding: 13px;
  text-align: left;
  color: #ffffff;
  border-color: #333333;
}

.whiteTable tbody td a {
  color: #ffffff;
}

.whiteTable tbody td .dots {
  width: 10px;
  height: 10px;
  background: #7cb4eb;
  display: -moz-inline-flex;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 50%;
}

.whiteTable tbody td .dots.green {
  background: #66bb6a;
}

.whiteTable tbody td .dots.red {
  background: #ef5350;
}

.whiteTable tbody td .dots.amber {
  background: #ffc145;
}

.whiteTable tbody td .dots.grey {
  background: #515151;
}

.utilityTheme {
  color: #999999;
}

.utilityTheme .transparentDropdownBox .dropdown-menu {
  background: #111111;
  border-color: #333333;
  padding: 3px 0;
}

.utilityTheme .transparentDropdownBox .dropdown-menu .dropdown-item {
  padding: 5px 10px;
  text-align: right;
  color: #ffffff;
}

.utilityTheme .transparentDropdownBox .dropdown-menu .dropdown-item:hover, .utilityTheme .transparentDropdownBox .dropdown-menu .dropdown-item:focus {
  background: #ffffff;
  color: #111111;
}

.errBox {
  margin: 10px 0 0 0;
  font-size: 12px;
}

.errBox p {
  margin: 0;
}

.errBox .err {
  color: #ef5350;
}

.errBox .war {
  color: #ffc145;
}

/* Common style Ends */
/* Graph background Animation Starts */
.graphBgAnimation {
  width: 100%;
  height: 100vh;
  background: #02071b;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

.graphBgAnimation.themeUtility {
  background: #111111;
}

.graphBgAnimation.themeUtility .lines {
  background: radial-gradient(rgba(85, 85, 85, 0.1) 30%, transparent 100%);
}

.lines {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  margin: auto;
  opacity: 0.4;
  background: radial-gradient(#0e1945, transparent);
}

.lines:before {
  width: 100%;
  height: 100vh;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}

.lines .hLine {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.05);
  overflow: hidden;
}

.lines .hLine.lightFlair::after {
  content: '';
  position: absolute;
  height: 150px;
  width: 100%;
  top: -50%;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #ffffff), to(#ffffff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
  -webkit-animation: runH 6s ease;
          animation: runH 6s ease;
  opacity: 0.25;
}

.lines .vLine {
  position: absolute;
  width: 100%;
  height: 1px;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.05);
  overflow: hidden;
}

.lines .vLine.lightFlair::after {
  content: '';
  position: absolute;
  width: 150px;
  height: 100%;
  left: -50%;
  top: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(75%, #ffffff), to(#ffffff));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
  -webkit-animation: runV 6s ease;
          animation: runV 6s ease;
  opacity: 0.25;
}

.hLine:nth-child(1) {
  margin-left: 0.7%;
}

.vLine:nth-child(1) {
  margin-top: 0.7%;
}

.hLine:nth-child(2) {
  margin-left: 1.4%;
}

.vLine:nth-child(2) {
  margin-top: 1.4%;
}

.hLine:nth-child(3) {
  margin-left: 2.1%;
}

.vLine:nth-child(3) {
  margin-top: 2.1%;
}

.hLine:nth-child(4) {
  margin-left: 2.8%;
}

.vLine:nth-child(4) {
  margin-top: 2.8%;
}

.hLine:nth-child(5) {
  margin-left: 3.5%;
}

.vLine:nth-child(5) {
  margin-top: 3.5%;
}

.hLine:nth-child(6) {
  margin-left: 4.2%;
}

.vLine:nth-child(6) {
  margin-top: 4.2%;
}

.hLine:nth-child(7) {
  margin-left: 4.9%;
}

.vLine:nth-child(7) {
  margin-top: 4.9%;
}

.hLine:nth-child(8) {
  margin-left: 5.6%;
}

.vLine:nth-child(8) {
  margin-top: 5.6%;
}

.hLine:nth-child(9) {
  margin-left: 6.3%;
}

.vLine:nth-child(9) {
  margin-top: 6.3%;
}

.hLine:nth-child(10) {
  margin-left: 7%;
}

.vLine:nth-child(10) {
  margin-top: 7%;
}

.hLine:nth-child(11) {
  margin-left: 7.7%;
}

.vLine:nth-child(11) {
  margin-top: 7.7%;
}

.hLine:nth-child(12) {
  margin-left: 8.4%;
}

.vLine:nth-child(12) {
  margin-top: 8.4%;
}

.hLine:nth-child(13) {
  margin-left: 9.1%;
}

.vLine:nth-child(13) {
  margin-top: 9.1%;
}

.hLine:nth-child(14) {
  margin-left: 9.8%;
}

.vLine:nth-child(14) {
  margin-top: 9.8%;
}

.hLine:nth-child(15) {
  margin-left: 10.5%;
}

.vLine:nth-child(15) {
  margin-top: 10.5%;
}

.hLine:nth-child(16) {
  margin-left: 11.2%;
}

.vLine:nth-child(16) {
  margin-top: 11.2%;
}

.hLine:nth-child(17) {
  margin-left: 11.9%;
}

.vLine:nth-child(17) {
  margin-top: 11.9%;
}

.hLine:nth-child(18) {
  margin-left: 12.6%;
}

.vLine:nth-child(18) {
  margin-top: 12.6%;
}

.hLine:nth-child(19) {
  margin-left: 13.3%;
}

.vLine:nth-child(19) {
  margin-top: 13.3%;
}

.hLine:nth-child(20) {
  margin-left: 14%;
}

.vLine:nth-child(20) {
  margin-top: 14%;
}

.hLine:nth-child(21) {
  margin-left: 14.7%;
}

.vLine:nth-child(21) {
  margin-top: 14.7%;
}

.hLine:nth-child(22) {
  margin-left: 15.4%;
}

.vLine:nth-child(22) {
  margin-top: 15.4%;
}

.hLine:nth-child(23) {
  margin-left: 16.1%;
}

.vLine:nth-child(23) {
  margin-top: 16.1%;
}

.hLine:nth-child(24) {
  margin-left: 16.8%;
}

.vLine:nth-child(24) {
  margin-top: 16.8%;
}

.hLine:nth-child(25) {
  margin-left: 17.5%;
}

.vLine:nth-child(25) {
  margin-top: 17.5%;
}

.hLine:nth-child(26) {
  margin-left: 18.2%;
}

.vLine:nth-child(26) {
  margin-top: 18.2%;
}

.hLine:nth-child(27) {
  margin-left: 18.9%;
}

.vLine:nth-child(27) {
  margin-top: 18.9%;
}

.hLine:nth-child(28) {
  margin-left: 19.6%;
}

.vLine:nth-child(28) {
  margin-top: 19.6%;
}

.hLine:nth-child(29) {
  margin-left: 20.3%;
}

.vLine:nth-child(29) {
  margin-top: 20.3%;
}

.hLine:nth-child(30) {
  margin-left: 21%;
}

.vLine:nth-child(30) {
  margin-top: 21%;
}

.hLine:nth-child(31) {
  margin-left: 21.7%;
}

.vLine:nth-child(31) {
  margin-top: 21.7%;
}

.hLine:nth-child(32) {
  margin-left: 22.4%;
}

.vLine:nth-child(32) {
  margin-top: 22.4%;
}

.hLine:nth-child(33) {
  margin-left: 23.1%;
}

.vLine:nth-child(33) {
  margin-top: 23.1%;
}

.hLine:nth-child(34) {
  margin-left: 23.8%;
}

.vLine:nth-child(34) {
  margin-top: 23.8%;
}

.hLine:nth-child(35) {
  margin-left: 24.5%;
}

.vLine:nth-child(35) {
  margin-top: 24.5%;
}

.hLine:nth-child(36) {
  margin-left: 25.2%;
}

.vLine:nth-child(36) {
  margin-top: 25.2%;
}

.hLine:nth-child(37) {
  margin-left: 25.9%;
}

.vLine:nth-child(37) {
  margin-top: 25.9%;
}

.hLine:nth-child(38) {
  margin-left: 26.6%;
}

.vLine:nth-child(38) {
  margin-top: 26.6%;
}

.hLine:nth-child(39) {
  margin-left: 27.3%;
}

.vLine:nth-child(39) {
  margin-top: 27.3%;
}

.hLine:nth-child(40) {
  margin-left: 28%;
}

.vLine:nth-child(40) {
  margin-top: 28%;
}

.hLine:nth-child(41) {
  margin-left: 28.7%;
}

.vLine:nth-child(41) {
  margin-top: 28.7%;
}

.hLine:nth-child(42) {
  margin-left: 29.4%;
}

.vLine:nth-child(42) {
  margin-top: 29.4%;
}

.hLine:nth-child(43) {
  margin-left: 30.1%;
}

.vLine:nth-child(43) {
  margin-top: 30.1%;
}

.hLine:nth-child(44) {
  margin-left: 30.8%;
}

.vLine:nth-child(44) {
  margin-top: 30.8%;
}

.hLine:nth-child(45) {
  margin-left: 31.5%;
}

.vLine:nth-child(45) {
  margin-top: 31.5%;
}

.hLine:nth-child(46) {
  margin-left: 32.2%;
}

.vLine:nth-child(46) {
  margin-top: 32.2%;
}

.hLine:nth-child(47) {
  margin-left: 32.9%;
}

.vLine:nth-child(47) {
  margin-top: 32.9%;
}

.hLine:nth-child(48) {
  margin-left: 33.6%;
}

.vLine:nth-child(48) {
  margin-top: 33.6%;
}

.hLine:nth-child(49) {
  margin-left: 34.3%;
}

.vLine:nth-child(49) {
  margin-top: 34.3%;
}

.hLine:nth-child(50) {
  margin-left: 35%;
}

.vLine:nth-child(50) {
  margin-top: 35%;
}

.hLine:nth-child(51) {
  margin-left: 35.7%;
}

.vLine:nth-child(51) {
  margin-top: 35.7%;
}

.hLine:nth-child(52) {
  margin-left: 36.4%;
}

.vLine:nth-child(52) {
  margin-top: 36.4%;
}

.hLine:nth-child(53) {
  margin-left: 37.1%;
}

.vLine:nth-child(53) {
  margin-top: 37.1%;
}

.hLine:nth-child(54) {
  margin-left: 37.8%;
}

.vLine:nth-child(54) {
  margin-top: 37.8%;
}

.hLine:nth-child(55) {
  margin-left: 38.5%;
}

.vLine:nth-child(55) {
  margin-top: 38.5%;
}

.hLine:nth-child(56) {
  margin-left: 39.2%;
}

.vLine:nth-child(56) {
  margin-top: 39.2%;
}

.hLine:nth-child(57) {
  margin-left: 39.9%;
}

.vLine:nth-child(57) {
  margin-top: 39.9%;
}

.hLine:nth-child(58) {
  margin-left: 40.6%;
}

.vLine:nth-child(58) {
  margin-top: 40.6%;
}

.hLine:nth-child(59) {
  margin-left: 41.3%;
}

.vLine:nth-child(59) {
  margin-top: 41.3%;
}

.hLine:nth-child(60) {
  margin-left: 42%;
}

.vLine:nth-child(60) {
  margin-top: 42%;
}

.hLine:nth-child(61) {
  margin-left: 42.7%;
}

.vLine:nth-child(61) {
  margin-top: 42.7%;
}

.hLine:nth-child(62) {
  margin-left: 43.4%;
}

.vLine:nth-child(62) {
  margin-top: 43.4%;
}

.hLine:nth-child(63) {
  margin-left: 44.1%;
}

.vLine:nth-child(63) {
  margin-top: 44.1%;
}

.hLine:nth-child(64) {
  margin-left: 44.8%;
}

.vLine:nth-child(64) {
  margin-top: 44.8%;
}

.hLine:nth-child(65) {
  margin-left: 45.5%;
}

.vLine:nth-child(65) {
  margin-top: 45.5%;
}

.hLine:nth-child(66) {
  margin-left: 46.2%;
}

.vLine:nth-child(66) {
  margin-top: 46.2%;
}

.hLine:nth-child(67) {
  margin-left: 46.9%;
}

.vLine:nth-child(67) {
  margin-top: 46.9%;
}

.hLine:nth-child(68) {
  margin-left: 47.6%;
}

.vLine:nth-child(68) {
  margin-top: 47.6%;
}

.hLine:nth-child(69) {
  margin-left: 48.3%;
}

.vLine:nth-child(69) {
  margin-top: 48.3%;
}

.hLine:nth-child(70) {
  margin-left: 49%;
}

.vLine:nth-child(70) {
  margin-top: 49%;
}

.hLine:nth-child(71) {
  margin-left: 49.7%;
}

.vLine:nth-child(71) {
  margin-top: 49.7%;
}

.hLine:nth-child(72) {
  margin-left: 50.4%;
}

.vLine:nth-child(72) {
  margin-top: 50.4%;
}

.hLine:nth-child(73) {
  margin-left: 51.1%;
}

.vLine:nth-child(73) {
  margin-top: 51.1%;
}

.hLine:nth-child(74) {
  margin-left: 51.8%;
}

.vLine:nth-child(74) {
  margin-top: 51.8%;
}

.hLine:nth-child(75) {
  margin-left: 52.5%;
}

.vLine:nth-child(75) {
  margin-top: 52.5%;
}

.hLine:nth-child(76) {
  margin-left: 53.2%;
}

.vLine:nth-child(76) {
  margin-top: 53.2%;
}

.hLine:nth-child(77) {
  margin-left: 53.9%;
}

.vLine:nth-child(77) {
  margin-top: 53.9%;
}

.hLine:nth-child(78) {
  margin-left: 54.6%;
}

.vLine:nth-child(78) {
  margin-top: 54.6%;
}

.hLine:nth-child(79) {
  margin-left: 55.3%;
}

.vLine:nth-child(79) {
  margin-top: 55.3%;
}

.hLine:nth-child(80) {
  margin-left: 56%;
}

.vLine:nth-child(80) {
  margin-top: 56%;
}

.hLine:nth-child(81) {
  margin-left: 56.7%;
}

.vLine:nth-child(81) {
  margin-top: 56.7%;
}

.hLine:nth-child(82) {
  margin-left: 57.4%;
}

.vLine:nth-child(82) {
  margin-top: 57.4%;
}

.hLine:nth-child(83) {
  margin-left: 58.1%;
}

.vLine:nth-child(83) {
  margin-top: 58.1%;
}

.hLine:nth-child(84) {
  margin-left: 58.8%;
}

.vLine:nth-child(84) {
  margin-top: 58.8%;
}

.hLine:nth-child(85) {
  margin-left: 59.5%;
}

.vLine:nth-child(85) {
  margin-top: 59.5%;
}

.hLine:nth-child(86) {
  margin-left: 60.2%;
}

.vLine:nth-child(86) {
  margin-top: 60.2%;
}

.hLine:nth-child(87) {
  margin-left: 60.9%;
}

.vLine:nth-child(87) {
  margin-top: 60.9%;
}

.hLine:nth-child(88) {
  margin-left: 61.6%;
}

.vLine:nth-child(88) {
  margin-top: 61.6%;
}

.hLine:nth-child(89) {
  margin-left: 62.3%;
}

.vLine:nth-child(89) {
  margin-top: 62.3%;
}

.hLine:nth-child(90) {
  margin-left: 63%;
}

.vLine:nth-child(90) {
  margin-top: 63%;
}

.hLine:nth-child(91) {
  margin-left: 63.7%;
}

.vLine:nth-child(91) {
  margin-top: 63.7%;
}

.hLine:nth-child(92) {
  margin-left: 64.4%;
}

.vLine:nth-child(92) {
  margin-top: 64.4%;
}

.hLine:nth-child(93) {
  margin-left: 65.1%;
}

.vLine:nth-child(93) {
  margin-top: 65.1%;
}

.hLine:nth-child(94) {
  margin-left: 65.8%;
}

.vLine:nth-child(94) {
  margin-top: 65.8%;
}

.hLine:nth-child(95) {
  margin-left: 66.5%;
}

.vLine:nth-child(95) {
  margin-top: 66.5%;
}

.hLine:nth-child(96) {
  margin-left: 67.2%;
}

.vLine:nth-child(96) {
  margin-top: 67.2%;
}

.hLine:nth-child(97) {
  margin-left: 67.9%;
}

.vLine:nth-child(97) {
  margin-top: 67.9%;
}

.hLine:nth-child(98) {
  margin-left: 68.6%;
}

.vLine:nth-child(98) {
  margin-top: 68.6%;
}

.hLine:nth-child(99) {
  margin-left: 69.3%;
}

.vLine:nth-child(99) {
  margin-top: 69.3%;
}

.hLine:nth-child(100) {
  margin-left: 70%;
}

.vLine:nth-child(100) {
  margin-top: 70%;
}

.hLine:nth-child(101) {
  margin-left: 70.7%;
}

.vLine:nth-child(101) {
  margin-top: 70.7%;
}

.hLine:nth-child(102) {
  margin-left: 71.4%;
}

.vLine:nth-child(102) {
  margin-top: 71.4%;
}

.hLine:nth-child(103) {
  margin-left: 72.1%;
}

.vLine:nth-child(103) {
  margin-top: 72.1%;
}

.hLine:nth-child(104) {
  margin-left: 72.8%;
}

.vLine:nth-child(104) {
  margin-top: 72.8%;
}

.hLine:nth-child(105) {
  margin-left: 73.5%;
}

.vLine:nth-child(105) {
  margin-top: 73.5%;
}

.hLine:nth-child(106) {
  margin-left: 74.2%;
}

.vLine:nth-child(106) {
  margin-top: 74.2%;
}

.hLine:nth-child(107) {
  margin-left: 74.9%;
}

.vLine:nth-child(107) {
  margin-top: 74.9%;
}

.hLine:nth-child(108) {
  margin-left: 75.6%;
}

.vLine:nth-child(108) {
  margin-top: 75.6%;
}

.hLine:nth-child(109) {
  margin-left: 76.3%;
}

.vLine:nth-child(109) {
  margin-top: 76.3%;
}

.hLine:nth-child(110) {
  margin-left: 77%;
}

.vLine:nth-child(110) {
  margin-top: 77%;
}

.hLine:nth-child(111) {
  margin-left: 77.7%;
}

.vLine:nth-child(111) {
  margin-top: 77.7%;
}

.hLine:nth-child(112) {
  margin-left: 78.4%;
}

.vLine:nth-child(112) {
  margin-top: 78.4%;
}

.hLine:nth-child(113) {
  margin-left: 79.1%;
}

.vLine:nth-child(113) {
  margin-top: 79.1%;
}

.hLine:nth-child(114) {
  margin-left: 79.8%;
}

.vLine:nth-child(114) {
  margin-top: 79.8%;
}

.hLine:nth-child(115) {
  margin-left: 80.5%;
}

.vLine:nth-child(115) {
  margin-top: 80.5%;
}

.hLine:nth-child(116) {
  margin-left: 81.2%;
}

.vLine:nth-child(116) {
  margin-top: 81.2%;
}

.hLine:nth-child(117) {
  margin-left: 81.9%;
}

.vLine:nth-child(117) {
  margin-top: 81.9%;
}

.hLine:nth-child(118) {
  margin-left: 82.6%;
}

.vLine:nth-child(118) {
  margin-top: 82.6%;
}

.hLine:nth-child(119) {
  margin-left: 83.3%;
}

.vLine:nth-child(119) {
  margin-top: 83.3%;
}

.hLine:nth-child(120) {
  margin-left: 84%;
}

.vLine:nth-child(120) {
  margin-top: 84%;
}

.hLine:nth-child(121) {
  margin-left: 84.7%;
}

.vLine:nth-child(121) {
  margin-top: 84.7%;
}

.hLine:nth-child(122) {
  margin-left: 85.4%;
}

.vLine:nth-child(122) {
  margin-top: 85.4%;
}

.hLine:nth-child(123) {
  margin-left: 86.1%;
}

.vLine:nth-child(123) {
  margin-top: 86.1%;
}

.hLine:nth-child(124) {
  margin-left: 86.8%;
}

.vLine:nth-child(124) {
  margin-top: 86.8%;
}

.hLine:nth-child(125) {
  margin-left: 87.5%;
}

.vLine:nth-child(125) {
  margin-top: 87.5%;
}

.hLine:nth-child(126) {
  margin-left: 88.2%;
}

.vLine:nth-child(126) {
  margin-top: 88.2%;
}

.hLine:nth-child(127) {
  margin-left: 88.9%;
}

.vLine:nth-child(127) {
  margin-top: 88.9%;
}

.hLine:nth-child(128) {
  margin-left: 89.6%;
}

.vLine:nth-child(128) {
  margin-top: 89.6%;
}

.hLine:nth-child(129) {
  margin-left: 90.3%;
}

.vLine:nth-child(129) {
  margin-top: 90.3%;
}

.hLine:nth-child(130) {
  margin-left: 91%;
}

.vLine:nth-child(130) {
  margin-top: 91%;
}

.hLine:nth-child(131) {
  margin-left: 91.7%;
}

.vLine:nth-child(131) {
  margin-top: 91.7%;
}

.hLine:nth-child(132) {
  margin-left: 92.4%;
}

.vLine:nth-child(132) {
  margin-top: 92.4%;
}

.hLine:nth-child(133) {
  margin-left: 93.1%;
}

.vLine:nth-child(133) {
  margin-top: 93.1%;
}

.hLine:nth-child(134) {
  margin-left: 93.8%;
}

.vLine:nth-child(134) {
  margin-top: 93.8%;
}

.hLine:nth-child(135) {
  margin-left: 94.5%;
}

.vLine:nth-child(135) {
  margin-top: 94.5%;
}

.hLine:nth-child(136) {
  margin-left: 95.2%;
}

.vLine:nth-child(136) {
  margin-top: 95.2%;
}

.hLine:nth-child(137) {
  margin-left: 95.9%;
}

.vLine:nth-child(137) {
  margin-top: 95.9%;
}

.hLine:nth-child(138) {
  margin-left: 96.6%;
}

.vLine:nth-child(138) {
  margin-top: 96.6%;
}

.hLine:nth-child(139) {
  margin-left: 97.3%;
}

.vLine:nth-child(139) {
  margin-top: 97.3%;
}

.hLine:nth-child(140) {
  margin-left: 98%;
}

.vLine:nth-child(140) {
  margin-top: 98%;
}

.hLine:nth-child(141) {
  margin-left: 98.7%;
}

.vLine:nth-child(141) {
  margin-top: 98.7%;
}

.hLine:nth-child(142) {
  margin-left: 99.4%;
}

.vLine:nth-child(142) {
  margin-top: 99.4%;
}

.hLine:nth-child(143) {
  margin-left: 100.1%;
}

.vLine:nth-child(143) {
  margin-top: 100.1%;
}

.hLine:nth-child(144) {
  margin-left: 100.8%;
}

.vLine:nth-child(144) {
  margin-top: 100.8%;
}

.hLine:nth-child(145) {
  margin-left: 101.5%;
}

.vLine:nth-child(145) {
  margin-top: 101.5%;
}

.hLine:nth-child(146) {
  margin-left: 102.2%;
}

.vLine:nth-child(146) {
  margin-top: 102.2%;
}

.hLine:nth-child(147) {
  margin-left: 102.9%;
}

.vLine:nth-child(147) {
  margin-top: 102.9%;
}

.hLine:nth-child(148) {
  margin-left: 103.6%;
}

.vLine:nth-child(148) {
  margin-top: 103.6%;
}

.hLine:nth-child(149) {
  margin-left: 104.3%;
}

.vLine:nth-child(149) {
  margin-top: 104.3%;
}

.hLine:nth-child(150) {
  margin-left: 105%;
}

.vLine:nth-child(150) {
  margin-top: 105%;
}

.hLine:nth-child(151) {
  margin-left: 105.7%;
}

.vLine:nth-child(151) {
  margin-top: 105.7%;
}

.hLine:nth-child(152) {
  margin-left: 106.4%;
}

.vLine:nth-child(152) {
  margin-top: 106.4%;
}

.hLine:nth-child(153) {
  margin-left: 107.1%;
}

.vLine:nth-child(153) {
  margin-top: 107.1%;
}

.hLine:nth-child(154) {
  margin-left: 107.8%;
}

.vLine:nth-child(154) {
  margin-top: 107.8%;
}

.hLine:nth-child(155) {
  margin-left: 108.5%;
}

.vLine:nth-child(155) {
  margin-top: 108.5%;
}

.hLine:nth-child(156) {
  margin-left: 109.2%;
}

.vLine:nth-child(156) {
  margin-top: 109.2%;
}

.hLine:nth-child(157) {
  margin-left: 109.9%;
}

.vLine:nth-child(157) {
  margin-top: 109.9%;
}

.hLine:nth-child(158) {
  margin-left: 110.6%;
}

.vLine:nth-child(158) {
  margin-top: 110.6%;
}

.hLine:nth-child(159) {
  margin-left: 111.3%;
}

.vLine:nth-child(159) {
  margin-top: 111.3%;
}

.hLine:nth-child(160) {
  margin-left: 112%;
}

.vLine:nth-child(160) {
  margin-top: 112%;
}

.hLine:nth-child(161) {
  margin-left: 112.7%;
}

.vLine:nth-child(161) {
  margin-top: 112.7%;
}

.hLine:nth-child(162) {
  margin-left: 113.4%;
}

.vLine:nth-child(162) {
  margin-top: 113.4%;
}

.hLine:nth-child(163) {
  margin-left: 114.1%;
}

.vLine:nth-child(163) {
  margin-top: 114.1%;
}

.hLine:nth-child(164) {
  margin-left: 114.8%;
}

.vLine:nth-child(164) {
  margin-top: 114.8%;
}

.hLine:nth-child(165) {
  margin-left: 115.5%;
}

.vLine:nth-child(165) {
  margin-top: 115.5%;
}

.hLine:nth-child(166) {
  margin-left: 116.2%;
}

.vLine:nth-child(166) {
  margin-top: 116.2%;
}

.hLine:nth-child(167) {
  margin-left: 116.9%;
}

.vLine:nth-child(167) {
  margin-top: 116.9%;
}

.hLine:nth-child(168) {
  margin-left: 117.6%;
}

.vLine:nth-child(168) {
  margin-top: 117.6%;
}

.hLine:nth-child(169) {
  margin-left: 118.3%;
}

.vLine:nth-child(169) {
  margin-top: 118.3%;
}

.hLine:nth-child(170) {
  margin-left: 119%;
}

.vLine:nth-child(170) {
  margin-top: 119%;
}

.hLine:nth-child(171) {
  margin-left: 119.7%;
}

.vLine:nth-child(171) {
  margin-top: 119.7%;
}

.hLine:nth-child(172) {
  margin-left: 120.4%;
}

.vLine:nth-child(172) {
  margin-top: 120.4%;
}

.hLine:nth-child(173) {
  margin-left: 121.1%;
}

.vLine:nth-child(173) {
  margin-top: 121.1%;
}

.hLine:nth-child(174) {
  margin-left: 121.8%;
}

.vLine:nth-child(174) {
  margin-top: 121.8%;
}

.hLine:nth-child(175) {
  margin-left: 122.5%;
}

.vLine:nth-child(175) {
  margin-top: 122.5%;
}

.hLine:nth-child(176) {
  margin-left: 123.2%;
}

.vLine:nth-child(176) {
  margin-top: 123.2%;
}

.hLine:nth-child(177) {
  margin-left: 123.9%;
}

.vLine:nth-child(177) {
  margin-top: 123.9%;
}

.hLine:nth-child(178) {
  margin-left: 124.6%;
}

.vLine:nth-child(178) {
  margin-top: 124.6%;
}

.hLine:nth-child(179) {
  margin-left: 125.3%;
}

.vLine:nth-child(179) {
  margin-top: 125.3%;
}

.hLine:nth-child(180) {
  margin-left: 126%;
}

.vLine:nth-child(180) {
  margin-top: 126%;
}

/* Graph background Animation Ends */
/* Login style Starts */
.central_form {
  width: 100%;
  max-width: 710px;
  position: absolute;
  top: 47%;
  left: 50%;
  -webkit-transform: translate(-50%, -20%);
  transform: translate(-50%, -20%);
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  padding: 0 15px;
}

.central_form.active {
  top: 50%;
}

.central_form .op0 {
  opacity: 0;
}

.central_form .op1 {
  opacity: 1 !important;
}

.central_form input {
  background: transparent;
  border: none;
  display: block;
  outline: none;
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
  color: #ffffff;
  height: 50px;
  border-bottom: 2px solid #ffffff !important;
  font-size: 36px  !important;
  line-height: 100%;
}

.central_form input:focus {
  background: rgba(255, 255, 255, 0);
  border: none;
  outline: none;
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.central_form input:-webkit-autofill, .central_form input:-webkit-autofill:hover, .central_form input:-webkit-autofill:focus, .central_form input:-webkit-autofill:active {
  -webkit-transition: background-color 50000s ease-in-out 0s;
  transition: background-color 50000s ease-in-out 0s;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
}

.central_form input:-webkit-autofill::first-line {
  font-size: 36px !important;
}

.central_form ::-webkit-input-placeholder {
  color: #ffffff;
  font-size: 36px;
}

.central_form :-moz-placeholder {
  color: #ffffff;
  font-size: 36px;
}

.central_form ::-moz-placeholder {
  color: #ffffff;
  font-size: 36px;
}

.central_form :-ms-input-placeholder {
  color: #ffffff;
  font-size: 36px;
}

.central_form .form_label {
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}

.central_form .pressEnter {
  color: #ffffff;
  font-size: 16px;
  margin-top: 10px;
  text-align: right;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.central_form .pressEnter .lnk {
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
}

.central_form .pressEnter .lnk > span {
  position: relative;
}

.central_form .pressEnter .lnk > span:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s cubic-bezier(1, 0.25, 0, 0.75) 0s;
  transition: all 0.3s cubic-bezier(1, 0.25, 0, 0.75) 0s;
}

.central_form .pressEnter .lnk > span:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.central_form .pressEnter .lnk .press_login_enter {
  color: #ffffff;
  position: relative;
}

.central_form .pressEnter .lnk .press_login_enter:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s cubic-bezier(1, 0.25, 0, 0.75) 0s;
  transition: all 0.3s cubic-bezier(1, 0.25, 0, 0.75) 0s;
}

.central_form .pressEnter .lnk .press_login_enter:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.central_form .pressEnter .lnk img {
  width: 100%;
  max-width: 24px;
  max-height: 15px;
  margin: 0;
}

.central_form input.userTextBox {
  border-bottom: 0;
  font-size: 30px;
  line-height: 120%;
  text-align: center;
}

.central_form .bottom_out {
  -webkit-transform: translateY(100rem);
  transform: translateY(100rem);
}

.central_form .sub_console img {
  margin-left: 10px;
}

.controls {
  width: auto;
  position: fixed;
  bottom: 15px;
  right: 15px;
}

.controls .btn {
  width: 30px;
  height: 30px;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 0;
  margin: 0 0 0 10px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.controls .btn svg {
  width: 100%;
  height: 100%;
  max-width: 17px;
  max-height: 17px;
}

.controls .btn:hover {
  opacity: 0.5;
}

.controls .btn:hover, .controls .btn.active {
  background: #ffffff;
}

.controls .btn:hover svg polygon, .controls .btn.active svg polygon {
  fill: #8e8d8d;
}

.loaderOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
}

.loaderOverlay .loader {
  max-width: 80px;
  position: absolute;
  top: 80%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.loaderOverlay .loader svg {
  width: 100%;
  height: auto;
}

/* Login style Ends */
/* Footer style Starts */
.footer {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  font-size: 11px;
  padding: 10px 0 5px 0;
  z-index: 110;
  pointer-events: none;
  background: #111111;
}

.footer .leftSide {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

.footer .rightSide {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

.footer .poweredBy {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}

.footer .poweredBy .text {
  margin: 0 3px 0 0;
}

.footer .poweredBy .img img {
  height: 15px;
}

/* Footer style Ends */
.compas_anim_logo {
  width: 90px;
  position: absolute;
  top: -200px;
  left: 50%;
  opacity: 0;
}

.compass_logo_txt1 {
  position: absolute;
  top: 12%;
  left: 50%;
  opacity: 0;
}

.login_txt_bx1 {
  opacity: 0;
}

.login_txt_bx1.filled input {
  text-align: center;
  font-size: 30px !important;
  border-bottom: none !important;
  margin-top: -40px;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.login_txt_bx1.filled .lnk.enterToCont {
  display: none;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.login_txt_bx2 {
  opacity: 0;
}

/*  landing page starts  .......... */
.cursor_pointer {
  cursor: pointer;
}

.backets_area {
  min-height: 180px;
  position: relative;
  height: 100%;
}

.backets_area .brace {
  position: absolute;
  height: 100%;
  width: 10px;
  border: 2px solid #3c4d6d;
}

.backets_area .brace.lft {
  border-right: none;
  left: 0;
  top: 0;
}

.backets_area .brace.rit {
  border-left: none;
  right: 0;
  top: 0;
}

.backets_area .brace_content {
  position: relative;
  /*extra added for align vertical ceneter, justifycontent,and height:100 */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.backets_area_padding1 {
  padding: 30px 30px 21px;
}

.barcket_heading {
  font-size: 18px;
  font-weight: 400;
  color: #32C5FF;
  position: absolute;
  top: -13px;
  left: 25px;
}

.barcket_top_right_text {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  position: absolute;
  top: -8px;
  right: 25px;
  opacity: 0.8;
}

.barcket_top_right_text:hover {
  opacity: 1;
}

.barcket_bottom_right_text {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  position: absolute;
  bottom: -12px;
  right: 24px;
}

.barcket_bottom_right_text.btm_right_cancel_btn {
  color: #7C8CA5;
}

.display_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.landing_page_circle_item1 {
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  cursor: pointer;
}

.landing_page_circles {
  width: 68px;
  height: 68px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.landing_page_circle_subtext {
  font-size: 18px;
  font-weight: 400;
  color: #00d2ff;
  margin-top: 8px;
  cursor: pointer;
}

.landing_page_btnwidth {
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.landing_page_btnwidth.custom_dropdown_combo.btn_dropdown_visible > button.form-control {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 26px;
  padding-left: 15px;
}

.landing_page_btnwidth a.form-control.customButton.btn-primary.compass_util_btn {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 26px;
  padding-left: 15px;
  color: #00d2ff;
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
  background-color: transparent;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* Landing page ends  .............*/
/* par add new  start ........*/
.brand_logo {
  width: 82px;
}

.location_wise_image {
  height: 117px;
  background-color: #484848;
  background-image: url(../images/location_image.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.psr_company_brand_logo {
  margin-left: 20px;
}

.psr_company_brand_logo .company_brand_logo_border {
  width: 100px;
  height: 100px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.psr_company_brand_logo .company_brand_logo_border .company_brand_logo_content {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.psr_company_brand_logo .company_brand_logo_border .company_brand_logo_content .logo_container {
  width: 45px;
  height: 45px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.psr_project_title {
  margin-left: 10px;
  /*added width for ellipsis*/
  width: calc(100% - 140px);
}

.psr_project_title h2 {
  color: #00d2ff;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 1px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.psr_project_title label {
  font-size: 16px;
  font-weight: 400;
}

.psr_project_title span {
  font-weight: 400;
  color: #ffc145;
  width: calc(100% - 51px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  top: 4px;
}

.psr_title_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: -40px;
}

/* after aparajito change the design psr_project_title_2 was added*/
.psr_project_detail_new2 .psr_company_brand_logo {
  margin-left: 0;
  margin-bottom: 20px;
  padding-top: 20px;
}

.psr_project_title_2 {
  /*added width for ellipsis*/
  width: calc(100% - 140px);
}

.psr_project_title_2 h2 {
  color: #00d2ff;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 1px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.psr_project_title_2 label {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
}

.psr_project_title_2 span {
  font-weight: 400;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  top: 4px;
}

.psr_project_title_2 span.client_name {
  font-weight: 600;
}

.photo_item_list_container {
  padding: 8px 0px;
}

.photolist_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  margin-bottom: 22px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.photolist_item .list_profile_pic {
  border: 1px solid #979797;
  width: 38px;
  height: 38px;
  /*color: $themeRed;*/
  color: #00d2ff;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 38px;
  border-radius: 8px;
}

.photolist_item .list_pic_allocation_circle {
  width: 52px;
  height: 52px;
  border: 1px dashed #00d2ff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
  font-size: 16px;
  min-width: 52px;
  margin-top: -7px;
}

.list_item_text {
  margin-left: 10px;
  width: calc(100% - 40px);
}

.list_item_text label {
  font-size: 16px;
  font-weight: 400;
  color: #00d2ff;
  margin: 5px 0px 0 0;
  padding: 0;
  line-height: 1;
  display: block;
  max-width: 80%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.list_item_text p {
  font-size: 14px;
  color: #ffffff;
  font-weight: 400;
  margin: 0;
  padding: 0;
  line-height: 1.4;
  max-width: 90%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.add_psr_projectmaneger_custom .list_item_text {
  width: calc(100% - 95px);
}

.add_psr_projectmaneger_custom .photolist_item {
  position: relative;
}

.add_psr_projectmaneger_custom .list_pic_allocation_circle {
  position: absolute;
  right: 1px;
  top: 1px;
}

.add_psr_projectmaneger_custom .btn_dl {
  right: -5px;
}

.add_psr_projectmaneger_custom .btn_ed {
  right: 35px;
}

.PSR_add_resourceItem_List {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
}

.PSR_add_resourceItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}

.PSR_add_resourceItem .resource_count_circle {
  width: 60px;
  height: 60px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 400;
  color: #00d2ff;
  text-align: center;
  line-height: 60px;
}

.PSR_add_resourceItem label {
  font-size: 18px;
  color: #00d2ff;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 10px;
  margin-left: 10px;
}

.Psr_add_resource_status {
  margin-top: 30px;
}

.Psr_add_resource_status label {
  font-weight: 400;
  color: #999999;
  font-size: 14px;
  display: block;
  margin: 0;
}

.Psr_add_resource_status span {
  font-size: 14px;
  color: #00d2ff;
  font-weight: 400;
}

.label_value_pair {
  padding: 12px 0px;
}

.label_value_pair label {
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  display: block;
  margin: 0;
  margin-bottom: 3px;
}

.label_value_pair span {
  font-size: 16px;
  font-weight: 400;
  color: #00d2ff;
}

.psr_add_project_time_line_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.psr_add_project_time_line_container .label_value_pair {
  width: 50%;
}

.psr_add_last_updated_date {
  text-align: right;
  font-size: 12px;
  color: #979797;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.psr_add_last_updated_date span {
  color: #00d2ff;
  font-weight: 500;
}

.psr_add_last_updated_date .mini_partition {
  margin: 0 10px;
}

/* psr add new   end */
/* PSR ADD NEW 1 fomrs  start ----------------------------- */
.all_center_self_flex {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.psr_add_deatil_link {
  font-size: 14px;
  font-weight: 400;
  padding: 10px;
  cursor: pointer;
}

.disply_none {
  display: none;
}

input.form-control {
  background-color: transparent;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #3c4d6d;
  font-size: 14px;
  color: #ffffff;
  padding-left: 1px;
}

input.form-control:focus {
  background-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #ffffff;
}

.input_label {
  font-size: 14px;
  color: #ffffff;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.custom_dropdown_combo {
  position: relative;
}

.custom_dropdown_combo.btn_dropdown_visible > button.form-control {
  border: 1px solid #3c4d6d;
  border-radius: 20px;
  text-align: center;
}

.custom_dropdown_combo input[type=text].form-control {
  padding-right: 30px;
  /*place holder change  start */
  /*place holder chenge end */
}

.custom_dropdown_combo input[type=text].form-control::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #00d2ff;
  opacity: 1;
  /* Firefox */
}

.custom_dropdown_combo input[type=text].form-control:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #00d2ff;
  opacity: 1;
  /* Firefox */
}

.custom_dropdown_combo input[type=text].form-control::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #00d2ff;
  opacity: 1;
  /* Firefox */
}

.custom_dropdown_combo input[type=text].form-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #00d2ff;
  opacity: 1;
  /* Firefox */
}

.custom_dropdown_combo input[type=text].form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #00d2ff;
}

.custom_dropdown_combo input[type=text].form-control::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #00d2ff;
}

.custom_dropdown_combo > button.form-control {
  background-color: transparent !important;
  border: none;
  border-bottom: 1px solid #3c4d6d;
  border-radius: 0;
  text-align: left;
  padding-left: 1px;
  color: #00d2ff;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 40px;
}

.custom_dropdown_combo > button.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.custom_dropdown_combo .dropdown-menu {
  width: 100%;
  color: #ffffff;
  border: 1px solid #515151;
  background-color: #111111;
  max-height: 150px;
  overflow-y: auto;
}

.custom_dropdown_combo .dropdown-menu .dropdown-item {
  color: #979797;
  white-space: normal;
  white-space: break-spaces;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.custom_dropdown_combo .dropdown-menu .dropdown-item.active, .custom_dropdown_combo .dropdown-menu .dropdown-item:active, .custom_dropdown_combo .dropdown-menu .dropdown-item:hover, .custom_dropdown_combo .dropdown-menu .dropdown-item:focus {
  background-color: transparent !important;
  color: #00d2ff;
}

.custom_dropdown_combo .drop_down_arrow {
  position: absolute;
  top: 14px;
  right: 10px;
  pointer-events: none;
}

.custom_dropdown_combo.dropdown_auto_width > button.form-control {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.custom_dropdown_combo.dropdown_auto_width .dropdown-menu {
  width: auto;
}

/*custom dropdown combo end */
.psr_add_add_item_link {
  font-size: 14px;
  font-weight: 400;
  color: #00d2ff;
  cursor: pointer;
  text-decoration: underline;
}

.cust_date_pick {
  padding-left: 0px;
  font-size: 12px !important;
  padding-right: 0;
}

.top_right_done_btn {
  color: #00d2ff;
}

.m_l_30 {
  margin-left: 30px;
}

/* added later client logo upload  start */
.psr_add_cleint_logo_form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.psr_add_clent_form_left {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 15px;
}

.psr_add_clent_form_left .cleint_logo_holder {
  overflow: hidden;
  width: 90px;
  height: 90px;
  border: 1px dashed #00d2ff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 12px;
  color: #979797;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  cursor: pointer;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.psr_add_clent_form_left .cleint_logo_holder.file_uploaded:hover {
  background-color: #484848;
  background-image: url("../images/ic-edit_photo.svg") !important;
  background-size: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: "<h3>Edit</h3>";
}

.psr_add_clent_form_left .cleint_logo_holder .file_upload_icon {
  /*margin-bottom: 8px;*/
  margin-bottom: 0;
}

.psr_add_clent_form_left .cleint_logo_holder span {
  margin-top: 8px;
}

.psr_add_clent_form_left h6 {
  font-size: 16px;
  color: #00d2ff;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.1;
}

.psr_add_clent_form_left p {
  font-size: 12px;
  font-weight: 400;
  color: #979797;
  line-height: 14px;
  margin-top: 5px;
}

/* added later client logo upload  end  */
/* PSR ADD NEW 1 fomrs  end ----------------------------- */
/* PROCESS CHECKLIST STARTS ---------------------------- */
.status_dot {
  width: 11px;
  height: 11px;
  background-color: transparent;
  border-radius: 50%;
  display: inline-block;
  background-color: #515151;
}

.status_dot.status_positive {
  background-color: #24FF00;
}

.status_dot.status_nutral {
  background-color: #FFBB15;
}

.status_dot.status_negative {
  background-color: #E00E2C;
}

.status_dot.status_none {
  background-color: transparent;
  color: #979797;
  font-size: 21px;
  font-weight: 400;
  padding-bottom: 23px;
  line-height: 1.1;
  text-align: center;
}

.dot_status_dropdown button.form-control {
  border-bottom: none;
  text-align: center;
  color: #ffffff;
  padding-right: 6px;
}

.dot_status_dropdown.custom_dropdown_combo .dropdown-menu .dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.dot_status_dropdown.custom_dropdown_combo .dropdown-menu .dropdown-item .status_dot {
  margin-left: 10px;
  margin-right: 20px;
}

.backets_area_padding2_for_table {
  padding: 15px;
}

.gen_table1 .table.table-bordered {
  table-layout: auto;
}

.gen_table1 .table-bordered thead th, .gen_table1 .table-bordered thead td {
  border-bottom-width: 0px;
  border-right: 1px solid transparent;
  font-size: 16px;
  font-weight: 400;
  color: #00d2ff;
  text-align: center;
}

.gen_table1 .table-bordered th, .gen_table1 .table-bordered td {
  border: 1px solid #3c4d6d;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  padding-top: 10px;
}

.gen_table1 .table-bordered {
  border: 2px solid transparent;
  border-bottom: 1px solid #3c4d6d;
}

.question_th {
  width: 60%;
}

.previous_weeks_th {
  position: relative;
  min-width: 200px;
  max-width: 250px;
}

.gen_tabel_inbracket_adjust {
  margin-top: -30px;
}

.th_status_dropdown_widht {
  width: 152px;
  vertical-align: middle !important;
  max-width: 152px;
  width: 15.5%;
}

.th_status_actions_widht {
  width: 72px;
  border-left: 2px solid transparent !important;
}

.process_checklist_project_review_headding > h3 {
  color: #00d2ff;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.process_checklist_project_review_headding > p {
  color: #979797;
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
}

.process_checklist_project_review_headding > div.status_dot {
  display: inline-block;
}

.project_checklist_heading_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.mini_partition {
  height: 21px;
  width: 1px;
  border-left: 1px solid #00d2ff;
}

.comment_btn {
  cursor: pointer;
}

.work_progress_line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}

.work_progress_line .progress_line_circle {
  cursor: pointer;
  border: 1px solid #979797;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  min-width: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.work_progress_line .progress_line_circle.active_step {
  color: #00d2ff;
  border-color: #00d2ff;
}

.work_progress_line .progress_line_circle.active_step .progress_step_icon {
  stroke: #00d2ff;
}

.work_progress_line .progress_line_circle:hover {
  background-color: rgba(1, 255, 255, 0.3);
}

.work_progress_line .progress_line_line {
  height: 1px;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  background-color: #979797;
  width: 100%;
}

.work_progress_line .time_line_text_para {
  position: absolute;
  bottom: -65px;
  width: 200px;
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

/* Process checklist criteris weekly basis ---------- start */
.project_state_buttons .prj_state_btn1 {
  border: 1px solid #64b8fb;
  color: rgba(100, 184, 251, 0.5);
  padding: 3px 4px;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  min-width: 80px;
  text-align: center;
  margin: 10px 8px;
  cursor: pointer;
  border-radius: 3px;
  /* green start*/
  /* green end */
}

.project_state_buttons .prj_state_btn1:hover {
  color: #484848;
  background-color: #64b8fb;
}

.project_state_buttons .prj_state_btn1.active_btn {
  color: #484848;
  background-color: #64b8fb;
}

.project_state_buttons .prj_state_btn1.success {
  color: rgba(109, 212, 0, 0.5);
  border-color: #6dd400;
}

.project_state_buttons .prj_state_btn1.success.active_btn {
  color: #484848;
  background-color: #6dd400;
}

.project_state_buttons .prj_state_btn1.success:hover {
  color: #484848;
  background-color: #6dd400;
}

.project_state_buttons .prj_state_btn1.nutral {
  color: rgba(247, 181, 0, 0.5);
  border-color: #f7b500;
}

.project_state_buttons .prj_state_btn1.nutral.active_btn {
  color: #484848;
  background-color: #f7b500;
}

.project_state_buttons .prj_state_btn1.nutral:hover {
  color: #484848;
  background-color: #f7b500;
}

.project_state_buttons .prj_state_btn1.fail {
  color: rgba(250, 100, 0, 0.5);
  border-color: #fa6400;
}

.project_state_buttons .prj_state_btn1.fail.active_btn {
  color: #484848;
  background-color: #fa6400;
}

.project_state_buttons .prj_state_btn1.fail:hover {
  color: #484848;
  background-color: #fa6400;
}

.th_submenu_link {
  font-size: 12px;
  color: #ffffff;
  font-weight: 400;
}

.th_submenu_text {
  font-size: 12px;
  color: #979797;
  font-weight: 400;
}

.gen_table1 .table-bordered thead th.noborder_btm,
.gen_table1 .table-bordered thead td.noborder_btm {
  border-bottom: 2px solid transparent;
}

.gen_table1 .table-bordered thead .slim_row th {
  padding: 1px 10px 4px;
}

.gen_table1 .table-bordered td.in_table_status_block {
  text-align: center;
  vertical-align: middle;
  min-width: 80px;
}

.table_hightlight_row.gen_table1 .table-bordered tr:hover td {
  background-color: rgba(51, 51, 51, 0.3);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.process_chklist_arrow_prev {
  position: absolute;
  left: 0;
  top: 18px;
  cursor: pointer;
}

.process_chklist_arrow_next {
  position: absolute;
  right: 0;
  top: 18px;
  cursor: pointer;
}

/* sub__ top header new designs  project & profile  start*/
.headder_profie_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
}

.profile_select_dropdown {
  min-width: 222px;
  border: 1px solid #3c4d6d;
  padding: 1px 10px;
  height: 39px;
  margin-right: 18px;
  border-radius: 8px;
}

.profile_select_dropdown .custom_dropdown_combo > button.form-control {
  border-bottom: none;
}

.profile_select_dropdown .drop_down_arrow {
  display: none;
}

.profile_select_dropdown a.form-control {
  background-color: transparent;
  border: none;
  color: #00d2ff;
  text-decoration: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.profile_select_dropdown.fail {
  border-color: #ef5350;
}

.profile_select_dropdown.fail a.form-control {
  color: #ef5350;
}

.profile_select_dropdown.nutral {
  border-color: #ffc145;
}

.profile_select_dropdown.nutral a.form-control {
  color: #ffc145;
}

.profile_select_dropdown.success {
  border-color: #66bb6a;
}

.profile_select_dropdown.success a.form-control {
  color: #66bb6a;
}

.hearder_user_profile_pic {
  width: 38px;
  height: 38px;
  border: 1px solid #3c4d6d;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  color: #00d2ff;
  font-weight: 400;
  cursor: pointer;
  text-transform: uppercase;
  opacity: 0.87;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.hearder_user_profile_pic:hover {
  opacity: 1;
}

/* sub__ top header new designs  project & profile  end*/
/* sub__ tootip start */
/* Tooltip */
.tooltip > .tooltip-inner {
  background-color: #02071b;
  border: 1px solid #7C8CA5;
  border-radius: 8px;
  width: auto;
  min-width: auto;
  width: auto;
  min-width: auto;
  max-width: 390px;
}

.tooltip > .tooltip-inner .tooltip_content {
  color: #00d2ff;
  max-height: auto;
  width: auto;
  max-width: auto;
}

/*end of tool tip genral */
.tooltip_question_demo {
  padding: 10px;
  color: #00d2ff;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  width: auto;
  max-width: auto;
  min-width: auto;
}

.tootip_question_demo_item {
  display: block;
  width: 100%;
  clear: both;
  min-width: auto;
}

.tootip_question_demo_item .status_dot {
  margin-right: 10px;
  min-width: 11px;
  margin-top: 5px;
  display: inline-block;
  vertical-align: top;
}

.tootip_question_demo_item .status_dot + div {
  display: inline-block;
  width: calc(100% - 30px);
  margin-bottom: 10px;
  margin-top: 2px;
}

/* sub__ tooltip ebd */
/* custom modal popup start */
.custom_modal .modal-content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#469DF6), color-stop(0%, #459BF3), color-stop(4%, #387EC6), color-stop(9%, #2D649D), color-stop(14%, #224C77), color-stop(19%, #193757), color-stop(25%, #11263B), color-stop(31%, #0B1825), color-stop(39%, #060D14), color-stop(49%, #020609), color-stop(62%, #010102), to(#000000));
  background-image: linear-gradient(180deg, #469DF6 0%, #459BF3 0%, #387EC6 4%, #2D649D 9%, #224C77 14%, #193757 19%, #11263B 25%, #0B1825 31%, #060D14 39%, #020609 49%, #010102 62%, #000000 100%);
  border: 1px solid #718FBF;
  padding: 0 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.custom_modal .modal-header {
  border-bottom: none;
  padding: 1.5rem 0;
}

.custom_modal .modal-body {
  border: 1px solid #3c4d6d;
}

.custom_modal .modal-footer {
  border-top: none;
  padding: 1.5rem 0;
}

.custom_modal .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  color: white;
  background-color: #182526;
  padding: 3px 20px;
  font-size: 18px;
  font-weight: 500;
}

.custom_modal .modal_popup_bracket {
  height: 81px;
  width: 81px;
  border: 1px solid #7C8CA5;
  position: absolute;
}

.custom_modal .modal_popup_bracket.top_left_brace {
  top: -15px;
  left: -15px;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.custom_modal .modal_popup_bracket.top_right_brace {
  top: -15px;
  right: -15px;
  border-left-color: transparent;
  border-bottom-color: transparent;
}

.custom_modal .modal_popup_bracket.bottom_right_brace {
  bottom: -15px;
  right: -15px;
  border-left-color: transparent;
  border-top-color: transparent;
}

.custom_modal .modal_popup_bracket.bottom_left_brace {
  bottom: -15px;
  left: -15px;
  border-right-color: transparent;
  border-top-color: transparent;
}

.custom_modal .close {
  position: absolute;
  right: -50px;
  top: -50px;
  opacity: 1;
}

.custom_modal .close:focus {
  outline: none;
}

.modal-backdrop.show {
  opacity: 0.8;
}

/* custom modal popup end */
/* Process checklist criteris weekly basis ---------- end */
/*process check list  Admin screens begin*/
button.transparent_btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  opacity: 0.8;
}

button.transparent_btn:hover {
  opacity: 1;
}

button.transparent_btn:focus {
  outline: none;
}

.active_link_btn {
  color: #00d2ff;
  opacity: 0.92;
}

.active_link_btn:hover {
  opacity: 1;
}

.bottom_right_action_btn1 {
  font-size: 16px;
}

/*process check list  Admin screens end*/
.list_item_edit_mode_shrink {
  margin-left: 10px;
  width: calc(100% - 130px);
}

.pm_photolist_item_shrink {
  width: calc(100% - 100px);
}

.btn_dl {
  position: absolute;
  right: 20px;
}

.btn_ed {
  position: absolute;
  right: 60px;
}

.cust_details_setion_bracket_area2 {
  min-height: 285px;
}

/*alerts */
.alert-danger {
  color: #ef5350;
  background-color: rgba(1, 0, 0, 0.3);
  border-color: #979797;
}

.alert-warning {
  color: #ffc145;
  background-color: rgba(1, 1, 0, 0.3);
  border-color: #979797;
}

.alert-success {
  color: #66bb6a;
  background-color: rgba(0, 1, 0, 0.3);
  border-color: #979797;
}

.alert-dismissible .close {
  color: #ffffff;
  font-weight: 400;
}

.gen_table1 .table-bordered td .dot_status_dropdown button.form-control :not(.status_dot):not(.no_status_dash) {
  display: none;
}

.overall_status_dropdown .dot_status_dropdown button.form-control :not(.status_dot):not(.no_status_dash) {
  display: none;
}

/* modal popup for process_checklist_ctriteria  */
.modal_comment_section {
  border-bottom: 1px solid #3c4d6d;
  padding-bottom: 12px;
  margin-bottom: 15px;
}

.modal_comment_section_comment {
  font-size: 12px;
  color: #00d2ff;
  line-height: 15px;
  font-weight: 400;
}

.modal_comment_author_name_n_date {
  color: #7C8CA5;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
}

.modal_comment_log_div {
  max-height: 140px;
  overflow: auto;
}

/* modal custom scrolls  start -------- ----------------  */
/* firefox start */
.modal_comment_log_div {
  overflow-y: scroll;
  scrollbar-color: #00d2ff transparent;
  scrollbar-width: thin;
}

/* fire fox end */
/*chrome start */
.modal_comment_log_div::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.modal_comment_log_div::-webkit-scrollbar-track-piece {
  background-color: transparent;
}

.modal_comment_log_div::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #00d2ff;
  border-radius: 6px;
}

/* chrome end */
/* modal custom scroll end --------  --------------------- */
.custom_modal .modal-body section:nth-child(2) {
  border-top: 1px solid transparent;
}

.modal_comment_section_editmode {
  border-top: 1px solid #3c4d6d;
}

textarea.fully_transparent_text_area.form-control {
  background-color: transparent;
  color: #00d2ff;
  font-size: 12px;
  font-weight: 400;
  border: none;
  padding-left: 1px;
}

textarea.fully_transparent_text_area.form-control ::-webkit-input-placeholder {
  color: #00d2ff;
  font-size: 12px;
  font-weight: 400;
}

textarea.fully_transparent_text_area.form-control :-ms-input-placeholder {
  color: #00d2ff;
  font-size: 12px;
  font-weight: 400;
}

textarea.fully_transparent_text_area.form-control ::-ms-input-placeholder {
  color: #00d2ff;
  font-size: 12px;
  font-weight: 400;
}

textarea.fully_transparent_text_area.form-control ::placeholder {
  color: #00d2ff;
  font-size: 12px;
  font-weight: 400;
}

textarea.fully_transparent_text_area.form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* end  of modal popup */
#logoImg {
  cursor: pointer;
}

/*status classes genral colors for text */
.txt_success {
  color: #6dd400 !important;
}

.txt_fail {
  color: #E00E2C !important;
}

.txt_nutral {
  color: #f7b500 !important;
}

/* copy last week data start */
.copy_last_week_div img {
  width: 17px;
  opacity: 0.8;
  margin-right: 10px;
}

.copy_last_week_div .copy_underline {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 30px;
  border-top: 1px solid #7C8CA5;
  border-right: 1px solid #7C8CA5;
  opacity: 0.5;
}

/* copy last week data end */
/* auto complete start */
input:-internal-autofill-selected {
  -webkit-appearance: menulist-button;
     -moz-appearance: menulist-button;
          appearance: menulist-button;
  background-color: rgba(232, 240, 254, 0) !important;
  background-image: none !important;
  color: #ffffff !important;
}

/* auto complte end */
/* convert input type dropdoen to non editable   START */
.form-control:disabled, .form-control[readonly] {
  background-color: transparent;
  opacity: 1;
}

/*  convert input type dropdoen to non editable   End */
/* logout start */
.logout_parent.custom_dropdown_combo .dropdown-menu {
  -webkit-transform: translate3d(calc(-100% + 40px), 38px, 0px) !important;
          transform: translate3d(calc(-100% + 40px), 38px, 0px) !important;
}

/* log out end */
/* landing progect start */
.landing_creat_project_title a.customButton.btn-primary:hover {
  border-color: #3c4d6d !important;
  cursor: default !important;
}

.landing_creat_project_title a.customButton.btn-primary:active {
  background-color: transparent !important;
  color: #00d2ff !important;
}

/* virtual tool tip start */
.instruction_tooltip {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #02071b;
  opacity: 0.95;
  border: 1px solid #7C8CA5;
  border-radius: 8px;
  width: auto;
  min-width: auto;
  width: auto;
  min-width: auto;
  max-width: 390px;
  z-index: 2;
  -webkit-transform: translate(-50%, calc(-100% + 5px));
          transform: translate(-50%, calc(-100% + 5px));
  opacity: 0;
}

td.custom_tooltip1:hover > .instruction_tooltip {
  opacity: 0.9;
  -webkit-transition: all 1s;
  transition: all 1s;
}

/*position relative*/
.pos_rel {
  position: relative;
}

/* virtual tool tip end */
.border_top_autocolor_imp {
  border-top: 1px solid !important;
}

.v_aling_middle_imp {
  vertical-align: middle !important;
}

/* manual status override start */
.manual_status_btn {
  margin-right: 15px;
  margin-left: 15px;
  width: 104px !important;
}

.manual_status_btn img {
  width: 22px;
}

.manual_status_btn .manual_status_btn_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.manual_status_btn .manual_status_btn_content span {
  font-size: 11px;
}

.manual_status_override_comment_popup textarea {
  min-height: 80px;
}

.circle_hand_manual {
  width: 50px;
  height: 50px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #00d2ff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.circle_hand_manual img {
  width: 27px;
  margin-right: 7px;
}

.title_margin_adjust {
  margin-top: 10px;
}

/* manual status override end */
/* custom scroll global start -----------------  */
/* firefox start */
* {
  scrollbar-color: #00d2ff transparent;
  scrollbar-width: thin;
}

/* fire fox end */
/*chrome start */
*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

*::-webkit-scrollbar-track-piece {
  background-color: transparent;
}

*::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #00d2ff;
  border-radius: 6px;
}

/* chrome end */
/*Admin Start */
.status_value_define_section {
  margin-top: 15px;
}

.status_value_text_area.form-control {
  border-radius: 0;
  border-bottom: 1px solid #3c4d6d !important;
  max-width: auto;
  margin-bottom: 10px !important;
}

.status_value_text_area.form-control::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-style: italic;
  opacity: 1;
  /* Firefox */
}

.status_value_text_area.form-control:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-style: italic;
  opacity: 1;
  /* Firefox */
}

.status_value_text_area.form-control::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-style: italic;
  opacity: 1;
  /* Firefox */
}

.status_value_text_area.form-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-style: italic;
  opacity: 1;
  /* Firefox */
}

.status_value_text_area.form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-style: italic;
}

.status_value_text_area.form-control::-ms-input-placeholder {
  /* Microsoft Edge */
  font-style: italic;
}

.admin_status_name {
  text-transform: uppercase;
}

.admin_status_name.st_amber {
  color: #ffc145;
}

.admin_status_name.st_green {
  color: #66bb6a;
}

.admin_status_name.st_red {
  color: #ef5350;
}

.admin_question_category {
  min-width: 114px;
  height: 30px;
  border: 1px solid #ffffff;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: normal;
  color: #ffffff;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  padding: 0 10px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
}

.admin_kpi_add::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #00d2ff;
  opacity: 1;
  /* Firefox */
}

.admin_kpi_add:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #00d2ff;
  opacity: 1;
  /* Firefox */
}

.admin_kpi_add::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #00d2ff;
  opacity: 1;
  /* Firefox */
}

.admin_kpi_add::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #00d2ff;
  opacity: 1;
  /* Firefox */
}

.admin_kpi_add:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #00d2ff;
}

.admin_kpi_add::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #00d2ff;
}

.adimin_weekly_buttons_row {
  width: calc(100% + 50px);
}

/* admin end */
/* custom scroll global end  ------------- */
@media only screen and (max-width: 1220px) {
  .psr_title_section {
    margin-top: -20px;
  }
  .psr_project_title {
    margin-left: -21px;
    font-size: 12px;
    position: relative;
    top: -18px;
  }
  .psr_company_brand_logo {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    margin-left: -10px;
  }
  .location_wise_image {
    height: calc(100% - 60px);
    width: calc(100% - 60px);
    opacity: 1;
    position: absolute;
    top: 30px;
    left: 30px;
    opacity: 0.1;
  }
}

.ratingBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 5px;
  margin: 10px 0 0 0;
}

.ratingBox li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px;
  text-align: center;
  opacity: 0.3;
  cursor: pointer;
}

.ratingBox li.one .number {
  color: #e00e2c;
  border-color: #e00e2c;
}

.ratingBox li.one .label {
  color: #e00e2c;
}

.ratingBox li.two .number {
    color: #d75c31;
    border-color: #d75c31;
}

.ratingBox li.two .label {
  color: #d75c31;
}

.ratingBox li.three .number {
  color: #ffbb15;
  border-color: #ffbb15;
}

.ratingBox li.three .label {
  color: #ffbb15;
}

.ratingBox li.four .number {
  color: #a9ae48;
  border-color: #a9ae48;
}

.ratingBox li.four .label {
  color: #a9ae48;
}

.ratingBox li.five .number {
  color: #24ff00;
  border-color: #24ff00;
}

.ratingBox li.five .label {
  color: #24ff00;
}

.ratingBox li .number {
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 10px;
  font-weight: 600;
  border: 1px solid #fff;
  border-radius: 50%;
  margin: 0 0 3px 0;
  z-index: 1;
}

.ratingBox li .label {
  text-align: center;
  font-size: 10px;
  line-height: 120%;
  position: relative;
  top: -20px;
  opacity: 0;
  z-index: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ratingBox li.active {
  opacity: 1;
}

.ratingBox li.active .label {
  top: 0;
  opacity: 1;
}

.maturity_text_one {
    color: #e00e2c !important;
}
.maturity_text_two {
    color: #d75c31 !important;
}
.maturity_text_three {
    color: #ffbb15 !important;
}
.maturity_text_four {
    color: #a9ae48 !important;
}
.maturity_text_five {
    color: #24ff00 !important;
}
/*# sourceMappingURL=index.css.map */