@import url("./theme.css");
/* .CustomSelect md-select-menu {
  margin-top: 52px;
} */
/* .CalculationSelect md-select-menu {
  margin-top: 148px;
  margin-left: 20px;
  max-width: 88.5%;
} */
/* .md-slider-content {
	width: 20px !important;
}
.md-slider-content > .md-track-container {
	width: 20px !important;
}
md-slider[md-vertical] .md-thumb-container .md-thumb::after {
	left: 13px !important;
}
.md-track-container > .md-track {
	width: 20px !important;
} */

table {
  border-collapse: inherit !important;
}

.dialog-strong strong {
  font-weight: normal !important;
}

.font-bold {
  font-weight: bold !important;
}

.info-icon .md-open-menu-container {
  left: 730px !important;
  min-width: 625px !important;
}

.info-icon-width {
  left: 730px !important;
  min-width: 625px !important;
}

md-table-container {
  margin: 0 10px !important;
}

.progressBar {
  width: 100%;
  background-color: white;
  padding: 0 16px;
  min-height: 30px;
  margin: 4px 0;
}

.progressBar > .bar {
  height: 30px;
  background-color: #28a745 !important;
  color: white;
  margin: 1px 0;
  font-weight: bold;
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-size: 1rem 1rem;
  transition: 0.5s linear;
  transition-property: width, background-color;
}

.rating-desc md-menu-item > * {
  margin: 0 !important;
}

.width-80 {
  width: 80% !important;
}

.width-60 {
  width: 60% !important;
}

.width-40 {
  width: 40% !important;
}

.md-tab {
  padding: 12px !important;
}

.rating-desc md-menu-item {
  min-height: 30px !important;
  height: 30px !important;
}

.hyperLinkSpan {
  color: var(--primary-font-color);
  text-decoration: underline;
}

.pc-container {
  position: relative;
  width: 100%;
}

.md-toolbar-tools {
  font-size: 15px !important;
  padding: 0 20px !important;
}

.pc-border {
  position: relative;
  text-align: center;
  width: 100%;
  padding-top: 100%;
  border-radius: 100%;
}

.pc-circle {
  position: relative;
  margin-top: -90%;
  margin-left: 10%;
  width: 80%;
  padding-top: 80%;
  border-radius: 100%;
}

.pc-percent {
  font-family: Arial, sans-serif;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3em;
}

.md-open-menu-container md-menu-divider {
  margin: 0 !important;
}

md-menu-content {
  padding: 0 !important;
}

md-input-container.md-input-invalid .md-input {
  border-color: rgb(221, 44, 0) !important;
}

md-checkbox.md-default-theme.md-checked .md-ink-ripple,
md-checkbox.md-checked .md-ink-ripple {
  color: var(--checked-ripple) !important;
}

md-checkbox.md-default-theme.md-checked .md-icon,
md-checkbox.md-checked .md-icon {
  background-color: var(--checked-bg) !important;
}

md-checkbox.md-default-theme.md-checked .md-icon::after,
md-checkbox.md-checked .md-icon::after {
  border-color: white !important;
}

.text-overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

md-datepicker[disabled].disabled-Datepicker {
  cursor: text !important;
  border: none !important;
  padding: 2px 0 !important;
  background-color: transparent !important;
}

md-datepicker[disabled].disabled-Datepicker
  > .md-datepicker-input-container
  > .md-datepicker-input {
  cursor: text !important;
}

md-select[disabled].disabled-Select {
  cursor: text !important;
  border: none !important;
}

md-select[disabled].disabled-Select > md-select-value {
  background-color: transparent !important;
  border-color: transparent !important;
  cursor: text !important;
}

/* md-select[disabled].disabled-Select > md-select-value > span:FIRST-CHILD > div {
color: #43BA5D !important;
} */
md-select[disabled].disabled-Select > md-select-value > span.md-select-icon {
  display: none !important;
}

md-input-container.md-default-theme .md-input,
md-input-container .md-input {
  border-color: var(--primary-font-color) !important;
}

table.md-table thead.md-head > tr.md-row,
table.md-table tbody.md-body > tr.md-row,
table.md-table tfoot.md-foot > tr.md-row {
  height: 37px !important;
}

.MainMenuSelected::after {
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 6px solid #e5e5e5;
  width: 0;
  height: 0;
  bottom: 0;
  left: 45%;
  content: "";
}

md-select-menu {
  margin-top: 45px !important;
}

textarea {
  border-color: var(--primary-font-color) !important;
}

.CenterAlignText {
  text-align: center;
}

md-input-container textarea {
  overflow-y: scroll !important;
}

.badge {
  padding: 2px 5px !important;
}

@media (min-width: 768px) {
  .AutoHeight {
    height: 470px;
  }
}

@media (min-width: 992px) {
  .AutoHeight {
    height: 470px;
  }
}

@media (min-width: 1200px) {
  .AutoHeight {
    height: 645px;
  }
}

md-card {
  box-shadow: none !important;
}

md-card-header {
  padding: 10px 16px !important;
  background-color: var(--primary-gray-4);
  color: white;
  font-weight: bold;
  /*border-top-left-radius: 15px;
	border-top-right-radius: 15px;*/
}

md-card-header.Gray {
  background-color: var(--primary-gray-4) !important;
  color: white;
  font-weight: bold;
}

md-content.md-default-theme,
md-content {
  color: var(--primary-font-color) !important;
}

md-input-container .md-errors-spacer {
  min-height: 0 !important;
}

.layout-padding,
.layout-padding-gt-sm,
.layout-padding-gt-sm > *,
.layout-padding-md,
.layout-padding-md > *,
.layout-padding > *,
.layout-padding > .flex,
.layout-padding > .flex-gt-sm,
.layout-padding > .flex-md {
  /* padding: 0 8px !important; */
  padding: 0 0 !important;
}

md-radio-group:not([disabled]) .md-primary.md-checked .md-off,
md-radio-button.md-primary.md-checked:not([disabled]) .md-off {
  border-color: var(--primary-font-color);
}

md-radio-group:not([disabled]) .md-primary .md-on,
md-radio-button.md-primary:not([disabled]) .md-on {
  background-color: #43ba5d;
}

md-radio-button.md-default-theme .md-off,
md-radio-button .md-off {
  border-color: #43ba5d;
}

md-radio-button.md-checked .md-on {
  transform: scale(1);
}

.SearchBox > input,
.md-datepicker-input-container > input {
  border-bottom-style: none !important;
}

md-list-item.md-no-proxy,
md-list-item .md-no-style {
  padding: 0 9px !important;
}

.bold,
md-optgroup label {
  font-weight: bold !important;
}

div,
a,
a:hover,
a:active,
a:focus {
  outline: 0;
}

/* * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
} */
.md-button.md-raised:not([disabled]):hover {
  background-color: var(--primary-button);
}

md-select[disabled]
  .md-select-value.md-select-placeholder
  > span.md-select-icon {
  color: rgba(0, 0, 0, 0.38) !important;
}

md-select .md-select-value.md-select-placeholder > span.md-select-icon,
.md-select-value > span:not(.md-select-icon) .md-text {
  color: var(--primary-font-color) !important;
}

.md-subheader.md-default-theme,
.md-subheader {
  color: var(--primary-font-color) !important;
}

md-select[disabled] .md-select-value {
  margin-bottom: 0px !important;
  cursor: not-allowed !important;
}

md-select.md-default-theme[disabled] .md-select-value,
md-select[disabled] .md-select-value {
  /* background-color: #f9f8f8 !important; */
  border-color: #eaeaec !important;
}

md-select.md-default-theme[disabled] .md-select-value,
md-select[disabled] .md-select-value {
  background-image: none;
}

md-input-container.md-default-theme .md-input[disabled],
md-input-container .md-input[disabled],
[disabled] md-input- container.md-default-theme .md-input,
[disabled] md-input-container .md-input {
  color: var(--primary-font-color) !important;
  cursor: not-allowed !important;
}

md-dialog.md-default-theme,
md-dialog {
  border-radius: 0 !important;
}

.confirmation-dialog {
  background-color: transparent !important;
  padding: 0 !important;
  height: 45px !important;
}

.background-white {
  background: none;
}

.badge {
  /* background-color: #214e6f !important; */
  background-color: var(--primary-font-color) !important;
}

.md-datepicker-expand-triangle {
  display: none;
}

/* md-toolbar{
	padding : 0 20px !important;
} */
.md-datepicker-triangle-button.md-button.md-icon-button {
  background-image: url(../Assets/calendar.png);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center;
}

.md-button {
  min-width: 100px !important;
  margin: 6px 6px !important;
}

md-datepicker {
  padding: 0px !important;
  border-width: 0 !important;
}

md-input-container textarea {
  border-width: 1px 1px 1px !important;
}

md-input-container .md-input {
  border-width: 1 !important;
  padding-right: 3px !important;
}

md-input-container .md-input[disabled] {
  background-image: none;
}

.ui-select-bootstrap > .ui-select-match > .btn {
  background-color: white !important;
}

.MainMenuSelected1,
.MainMenuSelected,
.MainMenu:hover {
  /* background-color: #4f6b79 !important; */
  /* background-color: #0086BF !important; */
  color: white !important;
  /* background: #00A87E; For browsers that do not support gradients
    background: -webkit-linear-gradient(#204f70, #00A87E); For Safari 5.1 to 6.0
    background: -o-linear-gradient(#204f70, #00A87E); For Opera 11.1 to 12.0
    background: -moz-linear-gradient(#204f70, #00A87E); For Firefox 3.6 to 15
    background: linear-gradient(#204f70, #00A87E); Standard syntax */

  background: -webkit-linear-gradient(#2d709f, #60a3d2, #2d709f);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#2d709f, #60a3d2, #2d709f);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#2d709f, #60a3d2, #2d709f);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#2d709f, #60a3d2, #2d709f);
  /* Standard syntax */
}

.LeafNode {
  background-color: transparent;
  border-bottom: 1px solid #708e21;
  color: white !important;
}

.LeafNodeSelected > a {
  color: white !important;
}

.LeafNode > a {
  color: white;
}

.LeafNode > a:hover {
  color: white;
}

.LeafNode:hover,
.LeafNodeSelected {
  background-color: #708e21;
  color: white !important;
}

.BranchMenuSelected,
.BranchMenu:hover {
  background-color: #7f9c33 !important;
  color: white !important;
  /* color: #99d2d9 !important; */
}

.ui-select-bootstrap .ui-select-choices-row > span:hover,
.ui-select-bootstrap .ui-select-choices-row > span:focus {
  text-decoration: none;
  color: white !important;
  background-color: #43ba5d !important;
}

md-tooltip .md-content {
  height: 24px !important;
}

md-tooltip {
  font-size: 15px !important;
}

.md-content {
  background-color: var(--primary-font-color) !important;
}

.md-content-screen {
  background-color: white !important;
}

.md-content-screen-qc {
  /* background: transparent
    linear-gradient(
      180deg,
      var(---214e6f-primary) 0%,
      var(---4f91c1-secondary) 100%
    )
    0% 0% no-repeat padding-box; */
  /* background: transparent
    linear-gradient(
      180deg,
      var(--primary-gray-5) 0%,
      var(--primary-gray-4) 100%
    )
    0% 0% no-repeat padding-box; */
  background: var(--primary-color);
  opacity: 1;
}

.md-card-screen {
  box-shadow: none;
  margin: 8px 0;
  background-color: transparent;
}

md-input-container {
  margin: 0 !important;
}

.md-content > span {
  color: white !important;
}

.ReportImageTile {
  width: 100%;
  height: 100%;
  border: 4px solid #43ba5d;
}

.ReportImageTile:hover,
.ReportImageTileHover {
  border: 4px solid #43545c;
}

.ReportTiles > div > div > label:first-child {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}

.tileTitle:hover {
  background-color: #43545c;
}

.tileTitle {
  padding-top: 10px !important;
  padding-bottom: 14px !important;
  font-weight: bold !important;
  width: 100%;
  background-color: #43ba5d;
  color: white;
}

.tileTitleHover {
  padding-top: 10px !important;
  padding-bottom: 14px !important;
  font-weight: bold !important;
  width: 100%;
  background-color: #43545c;
  color: white;
}

.btn-default-focus {
  box-shadow: none !important;
}

.btn {
  padding: 6px 4px !important;
  border-radius: 0 !important;
  border: none !important;
}

.ui-select-choices-row-inner > div:first-child {
  font-size: 15px !important;
}

.control-label {
  height: 45px !important;
  padding-top: 5px;
}

md-input-container.md-input-focused label {
  display: none;
}

md-input-container label:not(.md-container-ignore) {
  position: absolute;
  bottom: none !important;
  left: 18px;
  right: none !important;
  top: -18px;
  bottom: 0;
}

.form-control[disabled],
md-datepicker[disabled],
fieldset[disabled] .form-control {
  border-radius: 0 !important;
  height: 40px !important;
  background-color: #f9f8f8 !important;
  border: 1px solid black !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}

.form-control {
  border-radius: 0 !important;
  height: 40px !important;
  background-color: white !important;
  border: 1px solid black !important;
  box-shadow: none !important;
}

.btn-default:hover {
  color: #333;
  background-color: white !important;
  border-color: white !important;
}

.dropdown-menu {
  border-radius: 0 !important;
}

.ui-select-bootstrap .ui-select-match-text {
  font-size: 15px !important;
  padding-top: 3px !important;
}

.caret {
  border-top: 5px dashed !important;
  border-right: 5px solid transparent !important;
  border-left: 5px solid transparent !important;
}

.dropdown-header {
  font-size: 15px !important;
}

.dropdown-header {
  padding: 3px 8px !important;
}

md-select-menu md-content md-option[selected] {
  color: var(--selected-color) !important;
  background-color: var(--selected-bg) !important;
}

md-select-menu md-content md-option[selected]:focus,
.ui-select-bootstrap .ui-select-choices-row.active > span {
  text-decoration: none;
  outline: 0;
  /* background-color: rgb(238, 238, 238) !important;
  color: #43ba5d !important; */
  background-color: var(--selected-bg) !important;
  color: var(--selected-color) !important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
textarea:active,
input[type="text"]:active,
input[type="password"]:active,
input[type="datetime"]:active,
input[type="datetime-local"]:active,
input[type="date"]:active,
input[type="month"]:active,
input[type="time"]:active,
input[type="week"]:active,
input[type="number"]:active,
input[type="email"]:active,
input[type="url"]:active,
input[type="search"]:active,
input[type="tel"]:active,
input[type="color"]:active,
.uneditable-ACTIVE,
.form-control {
  border-color: none;
  box-shadow: none;
  outline: 0 none;
}

.BackButton > img {
  margin-top: 11px;
}

.ProfileMenu > button > span {
  padding-left: 5px !important;
}

.ui-select-choices-row {
  height: 48px !important;
}

.ui-select-choices-row > span {
  padding: 13px 20px !important;
}

.paddingBottomForFooter {
  padding-bottom: 36px;
}

.md-sticky-clone {
  margin-left: 0px !important;
}

body {
  font-size: 15px !important;
}

.label {
  text-align: left !important;
  color: var(--primary-font-color) !important;
}

.tooltip,
md-option,
md-card > p,
md-card > div > p,
figure > div > span:first-child {
  font-size: 15px !important;
}

figure > div > span:first-child {
  overflow: hidden;
  width: 313px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}

md-select.md-default-theme:focus:not([disabled]) .md-select-value,
md-select:focus:not([disabled]) .md-select-value {
  border-bottom-color: var(--primary-font-color);
}

md-input-container.md-default-theme.md-input-focused:not(.md-input-invalid)
  .md-input,
md-input-container.md-input-focused:not(.md-input-invalid) .md-input,
md-input-container.md-default-theme.md-input-resized:not(.md-input-invalid)
  .md-input,
md-input- container.md-input-resized:not(.md-input-invalid) .md-input {
  border-bottom-color: var(--primary-font-color);
}

.md-button.md-raised.md-focused:not([disabled]) {
  background-color: var(--primary-button) !important;
}

.md-select-value {
  padding: 0px 8px 1px !important;
}

md-optgroup label,
.page-select > .label,
.limit-select > .label,
.md-table-pagination > .buttons > .label,
md-option > .md-text {
  font-size: 15px !important;
}

.md-table-pagination > .buttons > button {
  width: 20px;
}

.FinalBreadcrumb {
  /* font-weight: bold !important; */
  font-weight: bold !important;
  /* color: #214E6F; */
  color: var(--primary-font-color);
}
.FinalBreadcrumb_feedback {
  font-weight: bold !important;
  color: var(--primary-gray-5);
}

.md-datepicker-input {
  font-size: 15px !important;
}

@media (min-width: 768px) {
  .labelEllipsis {
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.labelEllipsis {
  max-width: 100%;
}

.md-select-value,
md-select.ng-invalid.ng-touched:not([disabled]) .md-select-value {
  border-bottom-style: none !important;
}

md-select {
  margin: 0 !important;
  height: 40px;
  border: 1px solid black !important;
}

.md-subheader {
  font-size: 15px !important;
}

.sectionBG {
  background-color: #43ba5d;
  color: white !important;
  font-weight: bold;
}

md-optgroup label {
  text-transform: none;
}

/* .md-datepicker-input-mask{
	overflow:hidden;
}
md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple{
	color: red !important;	
} */
md-checkbox.md-checked.green .md-icon {
  /* background-color: #43545c !important; */
  background-color: var(--checked-bg) !important;
}

.main_toolbar {
  background-color: #fff !important;
  min-height: 84px;
}

.userContent span {
  color: #404143 !important;
  font-weight: 400 !important;
  font-size: 15px !important;
}

.mainContent {
  background-color: #e6eaed;
}

.md-button.md-primary.md-raised.md-focused:not([disabled]) {
  background-color: var(--primary-button) !important;
}

@media (min-width: 960px) {
  .LoginCard {
    width: 40%;
    margin: 0 auto;
  }
}

@font-face {
  font-family: "Messina Sans";
  src: url("/Assets/fonts/MessinaSans-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Messina Sans";
  src: url("/Assets/fonts/MessinaSans-Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Messina Sans";
  src: url("/Assets/fonts/MessinaSans-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Messina Sans Mono";
  src: url("/Assets/fonts/MessinaSansMono-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-variant: small-caps;
}

* {
  /* font-family: segoe ui !important; */
  /* font-family: 'Lato', sans-serif; */
  font-size: 14px;
  font-family: "Messina Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.md-button.md-icon-button {
  margin: 2px !important;
}

.partials-view > div:first-child {
  background-color: white !important;
}

.view_content_card,
.view_content_title_card {
  box-shadow: none;
}

.view_content_card md-card-content .layout-row {
  margin: 0 10px 15px;
}

.view_content_card md-card-content .layout-row div {
  background-color: #e1e5e8;
  padding: 9px;
}

.view_content_card md-card-content .layout-row div label {
  font-size: 14px;
  font-weight: 400;
}

.view_content_card md-card-content .layout-row div h5 {
  font-size: 14px;
  margin-bottom: 8px;
}

.md-button.md-default-theme.md-primary.md-raised,
.md-button.md-primary.md-raised,
.md-button.md-default-theme.md-primary.md-fab,
.md-button.md-primary.md-fab,
.md-button.md-default-theme.md-raised:hover:not([disabled]),
.md-button.md-raised:hover:not([disabled]) {
  background-color: var(--primary-button);
}

md-toolbar.md-table-toolbar .md-toolbar-tools {
  height: 43px !important;
  max-height: 43px !important;
}

md-toolbar.md-default-theme.md-accent:not(.md-menu-toolbar),
md-toolbar.md-accent:not(.md-menu-toolbar) {
  color: var(--primary-font-color);
  min-height: 43px !important;
}

.md-button.md-default-theme.md-primary.md-raised:hover:not([disabled]),
.md-button.md-primary.md-raised:hover:not([disabled]),
.md-button.md-default-theme.md-primary.md-fab:hover:not([disabled]),
.md-button.md-primary.md-fab:hover:not([disabled]) {
  background-color: var(--primary-button);
}

.md-button.md-default-theme.md-raised[disabled],
.md-button.md-raised[disabled],
.md-button.md-default-theme.md-fab[disabled],
.md-button.md-fab[disabled] {
  /* background-color: #989797 !important; */
  background-color: var(--button-disabled) !important;
  color: var(--primary-font-color) !important;
}

md-select.ng-required.ng-invalid .md-select-value span:first-child::after,
md-select.ng-invalid[required] .md-select-value span:first-child::after {
  content: "" !important;
}

.element-row-padding {
  padding-bottom: 24px;
}

md-input-container.md-default-theme:not(.md-input-focused):not(
    .md-input-invalid
  )
  label.md-required::after,
md-input-
  container:not(.md-input-focused):not(.md-input-invalid)
  label.md-required::after {
  color: rgb(221, 44, 0);
}

.label,
label {
  font-weight: normal !important;
}

md-input-container.md-default-theme label,
md-input-container label,
md-input-container.md-default-theme .md-placeholder,
md- input-container .md-placeholder {
  color: rgba(0, 0, 0, 0.87) !important;
}

.meritus-btn-black,
.meritus-btn-black:focus {
  border-radius: 6px !important;
  /* background-color: #708e21 !important; */
  background-color: var(--secondary-button) !important;
  color: white !important;
}

.meritus-btn-green,
.meritus-btn-green:focus {
  border-radius: 6px !important;
  /* background-color: #708e21 !important; */
  background-color: var(--primary-button) !important;
  color: var(--primary-font-color) !important;
}

.meritus-btn {
  border-radius: 6px !important;
  /* background-color: #214E6F; */
  background-color: var(--primary-button) !important;
  color: var(--primary-font-color) !important;
}

.meritus-btn:hover {
  /* background-color: #214e6f; */
  background-color: var(--primary-button-hover);
  color: var(--primary-font-color) !important;
}

.md-cancel-button,
.md-cancel-button:focus {
  border-radius: 6px !important;
  background-color: var(--primary-font-color) !important;
  color: white !important;
  font-weight: bold !important;
}

.md-cancel-button:hover {
  background-color: var(--primary-font-color) !important;
}

.md-confirm-button,
.md-confirm-button:focus {
  border-radius: 6px !important;
  background-color: var(--primary-button) !important;
  color: var(--primary-font-color) !important;
  font-weight: bold !important;
}

.md-confirm-button:hover {
  background-color: var(--primary-button) !important;
}

.screen-name {
  color: #43545c;
  padding-bottom: 10px;
  font-size: 15px !important;
}

md-progress-linear,
md-progress-linear .md-container {
  height: 3px !important;
}

.md-bar {
  height: 3px !important;
  background-color: #43ba5d !important;
}

menu-link > a {
  max-width: auto !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

menu-link > a:hover menu-link {
  left: -100%;
  width: 200%;
}

@media (min-width: 0) and (max-width: 960px) {
  md-table-container > table > thead > tr > th {
    top: 64px !important;
  }
}

/* Dashboard scren purpose added */
.visualContainerHost {
  background-color: #eaeaea;
}

.contentForIFrame {
  width: 100%;
  height: 100%;
  margin: 0px auto;
}

/* .embed-container-IFrame iframe {
    min-width: 100%;
    width: 10px;
    height: 95%;
    position: absolute;
    top: 40px;
    left: 0;
    bottom: 0;
    right: 0;
} */
.embed-container-IFrame {
  /* position: absolute; */
  width: 100%;
  height: 100%;
  bottom: 0;
}

.embed-container-IFrame iframe {
  min-width: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0 !important;
  right: 0;
}

/*in SKU velocity classification  */
.new-badge {
  position: relative;
  right: -10px;
  top: 0;
  padding: 0 3px 0 3px;
  border-radius: 2px;
  background: #cc0000 none repeat scroll 0% 0%;
  color: rgb(255, 255, 255);
  font-size: 13px;
  font-weight: 500;
  width: 182px;
}

.new-badge-manual {
  position: relative;
  right: -10px;
  top: 0;
  padding: 0px 2px;
  border-radius: 2px;
  background: green none repeat scroll 0% 0%;
  color: rgb(255, 255, 255);
  font-size: 13px;
  font-weight: 500;
}

table.md-table th.md-column.md-active,
table.md-table th.md-column.md-active md-icon {
  color: white !important;
}

/* Table Style Change */
._md-datepicker-floating-label._md-datepicker-has-calendar-icon
  > label:not(.md-no-float):not(.md-container-ignore) {
  left: 0 !important;
}

table.md-table th.md-column md-icon:not(:first-child) {
  margin-left: 4px !important;
}
table.md-table:not(.md-row-select)
  td.md-cell:nth-child(n + 2):nth-last-child(n + 2),
table.md-table:not(.md-row-select)
  th.md-column:nth-child(n + 2):nth-last-child(n + 2) {
  padding: 0 5px 0 5px !important;
}

table.md-table td.md-cell {
  border-left: 1px rgba(0, 0, 0, 0.12) solid;
}

.md-head > tr > th {
  border-bottom: 1px rgba(0, 0, 0, 0.12) solid;
  border-left: 1px rgba(0, 0, 0, 0.12) solid;
}

table.md-table th.md-column {
  background-color: rgb(52, 104, 95);
  color: white !important;
}

md-table-container > table > thead > tr > th {
  min-width: 180px;
  max-width: 180px;
  word-wrap: normal !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  padding-right: 24px !important;
  padding-left: 24px !important;
  background: var(--table-header) !important;
}

.mangement-reviews md-table-container > table > thead > tr > th {
  min-width: min-content !important;
  max-width: min-content !important;
  overflow: visible !important;
}

md-table-container > table > tbody > tr > td:last-child > div {
  padding-left: 24px;
}

td,
th {
  border-right: 1px solid #c6cdd2 !important;
  border-left: 1px solid #c6cdd2 !important;
}

/* md-table-container>table>thead>tr>th>span {
	min-width: 150px !important;
	max-width: 140px !important;
	word-wrap: normal !important;
	text-overflow: ellipsis !important;
	overflow: hidden !important;
	display: inline-block;
	text-align: center;
} */
table.md-table:not(.md-row-select) td.md-cell:first-child,
table.md-table:not(.md-row-select) th.md-column:first-child,
table.md-table:not(.md-row-select)
  td.md-cell:nth-child(n + 2):nth-last-child(n + 2),
table.md-table:not(.md-row-select)
  th.md-
  column:nth-child(n + 2):nth-last-child(n + 2) {
  padding: 0 4px !important;
}

table.md-table:not(.md-row-select)
  td.md-cell:nth-child(n + 2):nth-last-child(n + 2) {
  min-width: 150px !important;
  max-width: 150px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Search Box hint div Hide */
.SearchBox > div.md-errors-spacer {
  display: none !important;
}

/* min-width: 150px;
max-width: 150px;
overflow: initial;
white-space: initial; */

md-select.md-Custom-theme[disabled] .md-select-value,
md-input-container.md-Custom-theme .md-input[disabled],
[disabled] md-input-container.md-Custom-theme .md-input {
  color: rgba(0, 0, 0, 0.87) !important;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
}

md-toolbar.md-Custom-theme:not(.md-menu-toolbar) {
  color: white;
}

body {
  /*  font: "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif; */
  color: #000000;
}

body,
html {
  background-color: #f2f2f2;
}

.md-button.md-icon-button {
  padding: 0px !important;
}

.md-button {
  text-transform: none;
}

/* Table Style Change */
table.md-table:not(.md-row-select)
  td.md-cell:nth-child(n + 2):nth-last-child(n + 2),
table.md-table:not(.md-row-select)
  th.md-
  column:nth-child(n + 2):nth-last-child(n + 2) {
  padding: 0 5px 0 5px !important;
}

table.md-table td.md-cell {
  border-left: 1px rgba(0, 0, 0, 0.12) solid;
}

.md-head > tr > th {
  border-bottom: 1px rgba(0, 0, 0, 0.12) solid;
  border-left: 1px rgba(0, 0, 0, 0.12) solid;
}

/* Date Picker Style Change */
._md-datepicker-floating-label._md-datepicker-has-calendar-icon
  .md-input-message-animation {
  margin-left: 0;
}

.md-icon-button + .md-datepicker-input-container {
  margin-left: 0px;
}

._md-datepicker-floating-label._md-datepicker-has-calendar-icon
  > label:not(.md-no-float):not(.md-container-ignore) {
  left: 0;
}

.md-icon-button + .md-datepicker-input-container {
  margin-right: 0;
}

.md-datepicker-input {
  margin-left: 0;
  max-width: 100%;
}

.md-datepicker-input-container {
  width: 96%;
}

.md-datepicker-button {
  display: none;
}

.flex-50,
.layout-row > .flex-50 {
  margin: 10px 0;
}

table.md-table td.md-cell {
  font-size: 12px;
}

.md-active > md-icon.md-sort-icon {
  min-width: 20px !important;
}

/* Place Holder */
md-input-container .md-placeholder,
md-input-container
  label:not(.md-no-float):not(.md-container-ignore):not(
    .form_content md- input-container label
  ),
md-input-container:not([md-no-float]) .md-select-placeholder span:first-child,
md-input-container .md-input,
md-input-container.md-input-has-value
  .md-select-value
  > span:not(.md-select-icon),
md-option .md-text,
.fa,
md-list-item.md-no-proxy.md-button,
md-list-item .md-no-style.md-button,
.md-list-item-inner > p.ng-binding {
  font-size: 15px !important;
  font-weight: 400 !important;
}

.flex-50,
.layout-row > .flex-50 {
  margin: 0 !important;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #909;
  text-align: left;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #909;
  opacity: 1;
  text-align: left;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #909;
  opacity: 1;
  text-align: left;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #909;
  text-align: left;
}

/* Navigation bar */
/* md-content{
	background-color: transparent !important;
} */
.md-accent:focus,
.md-accent:active {
  background-color: transparent !important;
}

menu-toggle > .md-button,
menu-link > .md-button {
  text-transform: none !important;
}

md-menu button {
  color: rgb(165, 214, 167);
  position: relative;
  cursor: pointer;
  min-height: 30px;
  min-width: 88px;
  line-height: 36px;
  vertical-align: middle;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-grid-row-align: center;
  align-items: center;
  text-align: center;
  border-radius: 3px;
  box-sizing: border-box;
  user-select: none;
  border: 0;
  padding: 0 6px;
  margin: 6px 6px;
  white-space: nowrap;
  font-weight: 400;
  font-size: 14px;
  text-decoration: none;
  overflow: hidden;
}

/* content */
/* .content {
  margin-bottom:200px;
} */

.nodatatxt {
  position: absolute;
  top: 100px;
  opacity: 0.25;
  font-size: 25px;
  width: 100%;
  text-align: center;
  z-index: 1000;
}

/*toaster messages */
md-toast.md-success-theme > .md-toast-content {
  background-color: green;
}

md-toast.md-fail-theme > .md-toast-content {
  background-color: red;
}

/* Side menu start */

.fill-height {
  display: flex;
  flex: 1;
}

.fill-height > div {
  display: flex;
}

.side-menu,
.side-menu ul {
  list-style: none;
  padding: 0;
  margin-top: 0;
  max-height: 100% !important;
}

.side-menu .md-button.active {
  color: rgb(21, 88, 206);
}

.side-menu .menu-toggle-list a.md-button {
  display: block;
  padding: 0 15px 0 30px;
  text-transform: none;
}

.side-menu .menu-toggle-list .md-button {
  display: block;
  padding: 0 30px 0 40px;
  text-transform: none;
}

/* new start shamili*/
.side-menu > li.parent-list-item {
  border-top: 2px solid #89c6cb;
}

.side-menu > li.parent-list-item span {
  color: #fff;
}

.side-menu > li.parent-list-item:last-child {
  border-bottom: 2px solid #89c6cb;
}

.side-menu > li.parent-list-item:nth-child(odd) {
  background-color: #43545c;
}

.side-menu > li.parent-list-item:nth-child(even) {
  background-color: #4f6b79;
}

.parent-list-item ul li {
  background-color: #43545c;
}

.wide-side-nav {
  width: 55px;
  overflow: hidden;
}

md-sidenav {
  width: 260px;
  overflow: hidden;
}

.min-wide-side-nav {
  width: 54px;
  overflow: hidden;
}

.mainCardMargin {
  /* margin: 0 0 0 23px; */
  /* min-height:875px; */
  background-color: white;
  margin: 0 !important;
  background-image: url(".././") !important;
}

.main_card_background {
  background-color: #e5e5e5 !important;
}

.main_card_background_white {
  background-color: white !important;
}

.main_card_background_blue {
  background-color: transparent !important;
}

.main_card_background_blue > .md-toolbar-tools {
  /*not in use*/
  background-color: #214e6f !important;
  color: white !important;
}

.toolbar_card md-toolbar.md-table-toolbar .md-toolbar-tools {
  padding: 0 29px;
}

.noShadow {
  box-shadow: none;
}

.toolbar_card
  md-toolbar.md-table-toolbar
  .md-toolbar-tools
  > .md-button.md-icon-button:last-child {
  margin-right: -12px;
}

.table_content {
  padding: 0 !important;
  /* margin-right:23px;margin-left: 26px; */
}

.table_content thead {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: 0 !important;
  z-index: 1 !important;
}

.table_content table.md-table th.md-column {
  /* background-color: #214e6f; */
  color: white !important;
  font-size: 15px;
  font-weight: bold;
}

.action_table_header {
  width: 80px;
  right: 22px;
  top: 64px;
  border-bottom: 0px none;
  padding: 0px;
  text-align: left;
  height: 48px;
  min-width: 164px !important;
  max-width: 80px !important;
}

.action_table_header span {
  min-width: 50px !important;
  max-width: 64px !important;
  margin-left: 13px;
}

.table_content .md-head > tr > th,
table.md-table td.md-cell,
.md-table-pagination {
  border: 0 none;
}

.table_content table.md-table th.md-column.md-active,
table.md-table th.md-column.md-active md-icon {
  color: rgb(255, 255, 255) !important;
}

.table_content > table > thead > tr > th > span {
  text-align: left !important;
}

.table_content table.md-table:not(.md-row-select) td.md-cell:first-child,
.table_content table.md-table:not(.md-row-select) th.md-column:first-child,
.table_content
  table.md-table:not(.md-row-select)
  td.md-cell:nth-child(n + 2):nth-last-child(n + 2),
.table_content
  table.md-table:not(.md-row-select)
  th.md-column:nth-child(n + 2):nth-last-child(n + 2) {
  padding: 0 8px !important;
}

.table_content table.md-table tbody.md-body > tr.md-row:nth-child(odd),
.table_content table.md-table tfoot.md-foot > tr.md-row:nth-child(odd),
.table_content table.md-table tr.md-row:nth-child(odd) td.md-cell {
  background-color: rgb(255, 255, 255);
  /* changed color code for 131313 */
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 15px;
}

.table_content table.md-table tbody.md-body > tr.md-row:nth-child(even),
.table_content table.md-table tfoot.md-foot > tr.md-row:nth-child(even),
.table_content table.md-table tr.md-row:nth-child(even) td.md-cell {
  background-color: rgb(239, 239, 239);
  /* changed color code for 131313 */
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 15px;
}

.action_table_content {
  padding: 4px;
  right: 22px;
  width: 164px;
}

.table_content table.md-table td.md-cell {
  color: "#404143";
  border-bottom: 1px rgba(0, 0, 0, 0.12) solid;
  border-left: 1px rgba(0, 0, 0, 0.12) solid;
  white-space: nowrap;
}

.md-table-pagination {
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #404143 !important;
  border: none !important;
  padding: 0px 38px !important;
}

.md-table-pagination md-select {
  border: 1px solid #c8cccf;
  min-width: 50px !important;
}

.md-table-pagination .page-select div,
.md-table-pagination .limit-select div {
  margin-right: 8px;
}

.edit_tools_card {
  margin: 0 0 0 23px;
  background-color: #e6eaed;
  border-top: 2px solid #dcdcdc;
}

/* edit form start */
.form_content_card {
  background: white none repeat scroll 0 0 !important;
  box-shadow: none;
  margin: 0;
  /* min-height: 875px; */
}

.mainCardMargin > md-content {
  background-color: transparent !important;
}

.mainCardMargin > md-card {
  background-color: transparent !important;
}

.form_content {
  background-color: white;
  border-top: 0px solid #e1e5e8;
  padding: 24px;
  background-image: url(".././Assets/icons-bg.png") !important;
}

.form_content .layout-row .md-block label,
.form_content
  .layout-row
  .md-blockmd-input-container
  label.md-required:not(.md- container-ignore)::after,
.form_content .skuHeadings {
  font-size: 15px !important;
  /* color: #404143 !important; */
  /*  overflow: hidden!important;
 text-overflow: ellipsis!important; */
  /*  max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; */
}

.form_content label {
  color: "#404143!important";
}

.form_content input,
.form_content md-select,
.form_content textarea {
  background: rgb(230, 234, 237) none repeat scroll 0 0;
  /*  border: medium none; */
  min-height: 41px;
  font-size: 15px !important;
  /*  padding-left: 8px; */
}

.form_content md-input-container label:not(.md-container-ignore) {
  position: relative !important;
  top: 3px;
}

.form_content md-input-container .md-placeholder {
  opacity: 1;
}

.md-button.md-default-theme.md-raised[disabled],
.md-button.md-raised[disabled],
.md-button.md-default-theme.md-fab[disabled],
.md-button.md-fab[disabled],
.md-button.md-default-theme.md-raised,
.md-button.md-raised {
  background-color: var(--primary-button);
  color: #fff;
  font-size: 15px !important;
  font-weight: bold !important;
}

.form_content md-input-container {
  margin: 3px 0;
}

/* edit form end */

/* SKU styles start */
.repeteContainer {
  border-bottom: 2px solid #dcdcdc;
  /* max-height: 200px !important;
    min-height: 200px !important; */
  max-height: 195px !important;
  min-height: 195px !important;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
}

.noCardShadow {
  box-shadow: none;
  margin: 0 27px;
}

.headerBgColor {
  background-color: #43ba5d !important;
  color: #fff !important;
}

.headerBgColor_Actions {
  background-color: #43545c !important;
  color: #fff !important;
}

.categories_card .md-subheader .md-subheader-inner {
  background: #edeff0 none repeat scroll 0 0;
  font-size: 15px;
  padding: 0;
}

.categories_card > div.layout-row {
  margin-bottom: 0px;
}

.repeteContainer md-list-item .md-list-item-inner .md-secondary-container,
.repeteContainer md-list-item .md-secondary-container {
  margin: 0;
}

.repeteContainer
  md-list-item
  .md-list-item-inner
  .md-secondary-container
  md-checkbox:last-child,
.repeteContainer md-list-item .md-secondary-container md-checkbox:last-child {
  margin-left: 14px;
}

.categories_table md-card-content .md-subheader-content md-list {
  padding: 0 !important;
  color: var(--primary-font-color);
  font-weight: bold;
}

.categories_table md-card-content .md-subheader-content md-list md-list-item p {
  max-width: 300px;
  overflow: hidden;
  width: 60px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.categories_table md-list-item {
  padding: 0 14px !important;
  height: 24px !important;
  min-height: 41px !important;
}

/* .repeteContainer .md-virtual-repeat-offsetter md-list-item:nth-child(odd) {
  background-color:  #e8e8e8; Feedback Removed(04-01-2017) by jay
} */

.repeteContainer .md-virtual-repeat-offsetter md-list-item:nth-child(even) {
  background-color: #edeff0;
  /* #dbdfe2 Feedback Removed(04-01-2017) by jay*/
}

.repeteContainer
  .md-virtual-repeat-offsetter
  .md-list-item-inner
  > p.ng-binding {
  max-width: 300px;
  overflow: hidden;
  width: 60px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.repeteContainer md-list-item .md-list-item-inner > .md-list-item-inner > p,
md-list-item .md-list-item-inner > p,
md-list-item > .md-list-item-inner > p,
md-list-item > p {
  max-width: 300px;
}

/* .button_container .md-button.md-default-theme.md-raised, .md-button.md-raised{ */
.skuButtons {
  background-color: #e6eaed !important;
  color: #43545c !important;
  font-size: 15px;
  font-weight: bold;
}

.SearchIcon {
  position: absolute;
  padding-top: 8px;
  right: 0px;
  padding-right: 10px !important;
}

.closeIcon {
  position: absolute;
  padding-top: 4px;
  padding-right: 10px !important;
  padding-bottom: 10px;
}

.SearchBox {
  max-width: 350px !important;
  height: 34px !important;
  border: 1px solid black !important;
  padding-right: 30px !important;
}

.SearchBox input {
  /* background-color:white !important; */
  font-size: 15px !important;
  padding-top: 0 !important;
}

::-moz-placeholder {
  /* background-color:white !important; */
  font-size: 15px !important;
  padding-top: 0 !important;
}

/* Firefox 19+ */
:-moz-placeholder {
  /* background-color:white !important; */
  font-size: 15px !important;
  padding-top: 0 !important;
}

/* Firefox 18- */
:-ms-input-placeholder {
  /* background-color:white !important; */
  font-size: 15px !important;
  padding-top: 0 !important;
}

/* IE */
/* SKU styles end */
.g-checkbox {
  border: 2px solid #43545c;
  display: inline-block;
  height: 15px;
  width: 15px;
  margin-left: 9px;
}

.g-checkbox span {
  display: none;
}

.g-checkbox.checked {
  background: transparent none repeat scroll 0 0;
  border: 2px solid #43545c;
  height: 15px;
  width: 15px;
}

.g-checkbox.checked span {
  background: #43545c none repeat scroll 0 0;
  display: block;
  height: 9px;
  margin: 3px;
  width: 9px;
}

.loginFormContent md-input-container label {
  padding-left: 17px !important;
}

.loginToolBar .md-toolbar-tools {
  margin-top: 12px;
}

.loginFormContent {
  background-color: #fff !important;
}

.loginFormContent md-card-content md-input-container.md-block {
  margin-bottom: 0px;
}

.loginFormContent md-card-content md-input-container.md-block input {
  background-color: #e6eaed;
  max-width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  height: 50px;
  font-size: 26px;
}

.loginFormContent md-card-actions .actionContent {
  font-size: 14px !important;
  width: 58%;
  margin-left: -42px;
  color: #959999;
}

.action_label {
  font-size: 14px !important;
  color: #31434e;
}

.loginFormContent md-card-actions .md-raised.md-primary {
  border-radius: 0;
  border-bottom: 4px solid #a7b86b;
}

/* new end shamili*/

.md-button-toggle .md-toggle-icon.toggled {
  transform: rotateZ(180deg);
  -webkit-transform: rotateZ(180deg);
}

.side-menu .md-button-toggle {
  background-size: 100% auto;
  display: inline-block;
  margin: auto 0 auto auto;
  width: 15px;
  color: darkgray;
  transition: transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
}

.menu-toggle-list.ng-hide {
  max-height: 0;
}

.side-menu .md-button {
  border-radius: 0;
  color: inherit;
  cursor: pointer;
  line-height: 40px;
  margin: 0;
  max-height: 40px;
  overflow: hidden;
  padding: 0px 16px;
  text-align: left;
  text-decoration: none;
  white-space: normal;
  width: 100%;
}

.menu-toggle-list {
  background: #fff;
  max-height: 200px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-transition: 0s cubic-bezier(0.35, 0, 0.25, 1);
  -webkit-transition-property: max-height;
  -moz-transition: 0s cubic-bezier(0.35, 0, 0.25, 1);
  -moz-transition-property: max-height;
  transition: 0s cubic-bezier(0.35, 0, 0.25, 1);
  transition-property: max-height;
}

.side-menu menu-toggle span {
  padding-top: 12px;
  padding-bottom: 12px;
}

/* side menu ends */

/*footer */
.site-footer {
  height: 30px;
  line-height: 1;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 15px 0px 0px 0px;
  align-items: center;
  white-space: nowrap;
  color: #fff;
  background-color: #1b1b1b;
  border-top: 1px solid #3e3e3f;
  z-index: 10;
  text-align: center !important;
}

.footer-left {
  height: 100%;
  padding: 15px 0px 0px 0px;
  z-index: 1;
  color: #fff;
  font-size: 12px;
}

.weightCardback {
  background-color: #43ba5d !important;
  color: white !important;
  margin-bottom: 66px !important;
}

.cardContent {
  margin-bottom: 16px !important;
  margin-top: -22px !important;
}

.cardform {
  margin-bottom: 20px !important;
  margin-top: -22px !important;
}

.cardrowdata {
  padding: 4px;
}

input[type="number"] {
  text-align: right !important;
}

.PercentageBox {
  height: 34px !important;
  border: 1px solid black !important;
  padding-right: 0px !important;
}

.PercentageBox > input {
  text-align: right;
  padding-right: 30px !important;
}

.printButton {
  /* margin-left: -18px !important; */
  background-color: #696969;
  color: white;
  font-weight: bold;
}

.printButton:hover:not([disabled]) {
  background-color: #43ba5d;
}

/*Spinner*/
/* width: 100%; */
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }

  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }

  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}

@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }

  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }

  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}

@-moz-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }

  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }

  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}

@-ms-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }

  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }

  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}

@-moz-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }

  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }

  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}

@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }

  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }

  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}

@-o-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }

  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }

  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}

@keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }

  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }

  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}

.uil-ripple-css {
  background: none;
  position: relative;
  width: 200px;
  height: 200px;
}

.uil-ripple-css div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  width: 0;
  height: 0;
  opacity: 0;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  -ms-animation: uil-ripple 2s ease-out infinite;
  -moz-animation: uil-ripple 2s ease-out infinite;
  -webkit-animation: uil-ripple 2s ease-out infinite;
  -o-animation: uil-ripple 2s ease-out infinite;
  animation: uil-ripple 2s ease-out infinite;
}

.uil-ripple-css div:nth-of-type(1) {
  /* not in use */
  border-color: #214e6f;
}

.uil-ripple-css div:nth-of-type(2) {
  border-color: #43ba5d;
  -ms-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}

.menuIcon:hover {
  cursor: pointer;
}

.optionLable {
  font-size: 13px;
}

.optionLableNA {
  font-size: 13px;
}

.option-rounded-number {
  width: 25px;
  height: 25px;
  border: 2px solid var(--primary-color);
  border-radius: 50%;
  margin-right: 8px !important;
  color: var(--primary-font-color);
}

.option-decimal-number {
  width: 11px;
  height: 11px;
  border: 2px solid var(--primary-color);
  border-radius: 50%;
  margin-right: 8px !important;
  color: var(--primary-color);
}

.option-rounded-number:hover,
.option-decimal-number:hover,
.SelectedSemi {
  background-color: var(--primary-color) !important;
  border: 2px solid var(--primary-color) !important;
  color: white;
}

.optionHoverTootip > .md-content {
  background-color: var(--primary-color) !important;
  color: white !important;
}

textarea {
  border-radius: 6px !important;
}

.objectiveArrow {
  top: 96px;
  left: 263px;
  width: 296px;
  height: 43px;
  background: var(---43ba5d-accent) 0% 0% no-repeat padding-box;
  background: #43ba5d 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  opacity: 1;
}

.competency-tabs .md-tab {
  background-color: white;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.competency-tabs .md-tab.md-active {
  color: white !important;
  background-color: var(--primary-color) !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

.customTab {
  color: red;
  padding: 8px !important;
}

.competency-tabs md-tabs-wrapper {
  border: none;
  border-width: 0 !important;
}

.object-stage-yettostart {
  background-color: var(--primary-gray-2);
  color: #9c9c9c;
  cursor: auto !important;
}

.object-stage-inprogress {
  background-color: var(--primary-font-color);
  color: white;
  cursor: pointer;
}

.object-stage-completed {
  background-color: var(--progress-header-completed);
  color: white;
  cursor: pointer;
}

.object-stage {
  padding: 10px 40px;
  position: relative;
  box-shadow: 0px 3px 6px #00000029;
  opacity: 1;
}

.arrow-head:after {
  content: "";
  position: absolute;
  width: 28px;
  height: 30px;
  transform: rotate(45deg);
  top: 6px;
  right: -14px;
  box-shadow: 4px -4px 4px #00000029;
  z-index: 10;
}

.arrow-head-yettostart:after {
  background: var(--primary-gray-2);
}

.arrow-head-inprogress:after {
  background: var(--primary-font-color);
}

.arrow-head-completed:after {
  background: var(--progress-header-completed);
}

.StageTextColorGrey {
  /* color: #96b0c3; */
  color: var(--primary-gray-4) !important;
}

.approveAll:not(.md-checked) .md-icon,
.approveAll.md-checked .md-icon {
  border-color: white !important;
}

.stage-min-width {
  min-width: 180px !important;
}

.disabled-color {
  background: var(--primary-gray-2) !important;
}

.make-margin-zero {
  padding: 0 !important;
}

.mer-cursor-pointer {
  cursor: pointer !important;
}

.acc-content-primary {
  color: var(--primary-font-color) !important;
}

.acc-container-primary {
  background-color: var(--primary-font-color) !important;
}
.acc-container-secondary {
  background-color: var(--primary-gray-5) !important;
}

.acc-container-lavendar {
  background-color: var(--acc-lavender) !important;
}

.md-sidenav-left {
  background-color: var(--primary-gray-1) !important;
  min-width: 270px;
  border-right: 1px solid var(--primary-gray-2);
}

/**
   Accordion Styles - Modular Theming starts here
*/
.feedback_approval_id,
.acc-primary-font-color {
  color: var(--primary-font-color);
}

.table-header {
  background-color: var(--table-header) !important;
}

.dialog-header {
  background-color: var(--dialog-header-bg) !important;
}

.md-checkbox-enabled[selected] .md-icon {
  background-color: var(--primary-color) !important;
}

.md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
  border: 1px solid var(--calendar-selected-date-border) !important;
}

.md-calendar-date.md-focus.md-calendar-selected-date
  .md-calendar-date-selection-indicator {
  background-color: var(--calendar-selected-date-bg) !important;
}

.progress-container {
  position: relative;
  width: 80px; /* This should match md-diameter */
  height: 80px; /* Same as md-diameter */
}

.md-progress-circular {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: auto;
}

md-progress-circular path {
  stroke: var(--primary-button) !important;
  stroke-width: 4px !important;
}

.progress-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the image */
  width: 40px; /* Size of the image */
  height: 40px; /* Size of the image */
}

.bg-acc-gradient {
  /* background: transparent
    linear-gradient(
      180deg,
      var(--primary-gray-5) 0%,
      var(--primary-gray-4) 100%
    )
    0% 0% no-repeat padding-box; */
  background: var(--primary-color);
}

.dropdown-question {
  padding: 16px !important;
  min-width: 40%;
  max-width: 40%;
}

md-input-container.md-input-focused:not(.md-input-has-value)
  md-select
  .md-select-value.md-select-placeholder {
  color: var(--primary-gray-5) !important;
}

.side-by-side-question-card-question {
  background-color: var(--primary-gray-1);
  padding: 16px;
  border-radius: 6px;
  width: 60%;
  margin: 8px 4px 0 8px !important;
  display: flex;
  align-items: center;
}

.side-by-side-question-card-dropdown {
  background-color: var(--primary-gray-1);
  border-radius: 6px;
  width: 40%;
  margin: 8px 8px 0 4px !important;
  display: grid !important;
  align-items: center;
}

md-list-item.side-by-side-question-card {
  margin: 0 !important;
  min-height: unset !important;
}

md-list-item.side-by-side-question-card::before,
md-list-item.side-by-side-question-card > .md-no-style::before {
  min-height: unset !important;
  height: unset !important;
}

md-list-item-text.layout-row {
  margin: 0 !important;
}

.overall-bucket-question {
  background: var(--acc-lavender);
  margin-top: 8px !important;
  border-radius: 6px;
}
.md-datepicker-input::placeholder {
  font-size: 14px !important;
}

.md-datepicker-input {
  /* text-overflow: ellipsis !important; */
  min-width: auto !important;
  flex: 1 !important;
  order: 0 !important;
}

.md-datepicker-input.md-input {
  padding-right: 0px !important;
}

.md-datepicker-input.md-input[disabled] {
  margin: 4px 0px 0px 0px !important;
}

.md-datepicker-triangle-button.md-button {
  min-width: fit-content !important;
}

.md-datepicker-triangle-button.md-button.md-icon-button {
  position: static !important;
  width: 12px !important;
  height: 12px !important;
}

.md-datepicker-input-container {
  display: flex !important;
  align-items: center !important;
}

.md-datepicker-input-mask {
  width: 354px !important;
}

.md-datepicker-triangle-button {
  transform: translateY(0%) translateX(0%) !important;
}

.progress {
  background-color: var(--primary-gray-2);
}

/** Introduces spaces of 16px for the md-dialog-content*/
/* md-dialog > md-dialog-content {
  padding-top: 16px !important;
} */
 
/** Introduces spaces of 12px for the md-dialog-content*/
md-dialog > md-toolbar {
  margin-bottom: 12px !important;
}

.table_content.wraptable table.md-table td.md-cell {
  color: "#404143";
  border-bottom: 1px rgba(0, 0, 0, 0.12) solid;
  border-left: 1px rgba(0, 0, 0, 0.12) solid;
  white-space: break-spaces;
  width: 50%;
}

.view-ratings {
  min-height: 90% !important;
  max-width: 90% !important;
}

.staffed-project-card {
  background-color: var(--primary-gray-2);
  border-radius: 6px;
  margin: 6px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  align-items: start;
  flex-grow: 1;
}
.staffed-project-card> *, small{
  font-size: 12px !important;
}
/* .staffed-project-note{
  align-items: end;
  display: flex;
  flex-grow: 1;
} */

.bgwhite-chip {
  background-color: white;
  padding: 1px 6px;
  border-radius: 4px;
  margin: 2px;
  width: max-content;
  font-size: 12px;
}

/* .consolidation-card {
  background-color: var(--primary-gray-2);
  display: flex;
  flex-wrap: wrap;
  border-radius: 8px;
  padding: 4px;
} */

.consolidation_section {
  background-color: var(--primary-color) !important;
  color: white;
}

.alt-table, .alt-table > tbody > tr > td {
  border: transparent !important; 
}
.alt-table td{
  border-right: transparent !important;
  border-left: transparent !important; 
}

.alt-table td:nth-child(even) {
  background-color: #fff; /* White for even cells */
}

.alt-table td:nth-child(odd) {
  background-color: var(--primary-gray-2); /* Light gray for odd cells */
}

.alt-table tr td:first-child {
  /*background-color: #ffffff; Always white for the first td */
  background-color: var(--secondary-color); 
}

.consolidation-fbp-name-header {
    /* margin-bottom: 0px !important; */
}


.md-slider-wrapper > .md-slider-content {
  min-width: 100% !important;
}

md-slider{
  height: 40px !important;
}

md-slider.md-primary .md-track.md-track-fill{
  background-color: var(--primary-gray-6) !important;
}

#custom-slider .md-thumb::after {
  width: 24px !important;
  border-radius: 50px !important;
  height: 24px;
  margin-left: 12px;
  z-index: 10;
  top: -2px;
  background-color: var(--primary-button) !important;
  border-color: var(--primary-color) !important;
  border-width: 4px !important;
}

#custom-slider.slider-disabled .md-thumb::after {
  width: 32px !important;
  height: 32px !important;
  top: -6px !important;
 }

.hide-thumb .md-thumb {
  display: none !important;
}

.step-border {
  background-color: white; 
  border: 2px solid var(--primary-gray-4);
  border-radius: 50%;
}

.step{
  width: 16px;
  height: 16px;
  position: relative;
  top: -24px;
  margin-left:-4px ;
}

md-slider.md-default-theme.md-primary .md-sign::after, md-slider.md-primary .md-sign::after {
  border-top-color: var(--primary-color) !important;
}
md-slider.md-primary .md-sign {
  background-color: var(--primary-color) !important;
}

.tick-label{
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  text-align: center;
}
.md-toolbar-tools > .md-title{
  font-size: 16px !important;
}
.md-title > small {
  display: none;
}