.quotes-summary {
  padding: 0px 10px 25px 10px;
  background: #d9dfea;
}
md-sidenav.quotes-summary {
  width: 75vw;
  min-width: 75vw;
}

.quotes-summary.quote-page {
  padding: 10px 0 25px 0;
}
.add-btn {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  transition: all 0.25s ease-in-out;
  min-width: 80px;
}
.add-btn:hover {
  box-shadow: 0 2px 8px rgb(0 0 0 / 0.2);
}
.quotes-summary.backOffice-page {
  background: transparent;
}
.quotes-summary .quotes-summary-table {
  border-spacing: 0 4px;
  padding: 0;
  width: 100%;
  font-size: 12px;
  color: black;
}

.quotes-summary .quotes-summary-table > thead > tr > th {
  font-weight: 500;
  font-size: 11px;
  padding: 0 15px;
  text-transform: uppercase;
  color: #2196f3;
  white-space: nowrap;
}
.quotes-summary
  .quotes-summary-table
  > thead
  > tr
  > th:first-child
  md-checkbox {
  width: 40px;
  height: 40px;
  min-height: 40px;
  background: transparent;
  transition: all 0.2s ease-in-out;
}
.quotes-summary
  .quotes-summary-table
  > thead
  tr
  th:first-child:hover
  md-checkbox {
  background: rgba(0, 0, 0, 0.1);
}
.quotes-summary .quotes-summary-table > thead > tr > th.actions .md-button {
  background: rgb(255 152 0 / 25%);
  color: #ff5722;
  border-radius: 100%;
  transition: all 0.2s ease-in-out;
}
.quotes-summary
  .quotes-summary-table
  > thead
  > tr
  > th.actions
  .md-button:hover {
  background: rgb(255 152 0);
  color: #000;
}
.quotes-summary
  .quotes-summary-table
  > thead
  > tr
  > th.actions
  .md-button
  md-icon {
  height: 20px;
  width: 20px;
  min-height: 20px;
  min-width: 20px;
  font-size: 20px;
  color: inherit;
}
.quotes-summary .quotes-summary-table > thead > tr > th:first-child,
.quotes-summary .quotes-summary-table > thead > tr > th:last-child {
  padding: 0;
}

.quotes-summary .quotes-summary-table > tbody > tr {
  transition: all 0.2s ease-in-out;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.quotes-summary .quotes-summary-table > tbody > tr.selected,
.quotes-summary .quotes-summary-table > tbody > tr.expanded,
.quotes-summary .quotes-summary-table > tbody > tr:hover {
  background: #fef5a8;
}
.quotes-summary .quotes-summary-table > tbody > tr.quote-details > td {
  padding: 0;
}

.quotes-summary .quotes-summary-table > tbody > tr:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.quotes-summary .quotes-summary-table > tbody > tr > td {
  padding: 0px 15px;
  border-bottom: solid 1px #f0f3f5;
  border: 0;
  position: relative;
}

.quotes-summary .quotes-summary-table > tbody > tr > td:first-child {
  border-right: solid 1px #cfd6dc;
}

.quotes-summary .quotes-summary-table > tbody > tr > td:nth-child(2) {
  padding: 0;
}
.quotes-summary .quotes-summary-table > tbody > tr > th .label-note {
  font-style: italic;
  font-weight: 400;
  color: #93c1e6;
  display: block;
  text-transform: initial;
  font-size: 11px;
}

.quotes-summary .quotes-summary-table > tbody > tr > td .label-note {
  font-style: italic;
  font-weight: 400;
  color: #98a4ab;
  white-space: nowrap;
  font-size: 85%;
  margin-right: 2px;
}

.quotes-summary .quotes-summary-table > tbody > tr > td .label-note i {
  font-size: 70%;
  color: #cfd4d8;
}

.quotes-summary .quotes-summary-table > tbody > tr > td.actions {
  background-color: #ffc107;
  width: 80px;
  padding: 0;
}
.quotes-summary .quotes-summary-table > tbody > tr > td .item-label{
  color: #fff;  
  font-weight: 400;
  white-space: nowrap;
  font-size: 10px;
  position: absolute;
  bottom: 1px;
  left: 1px; 
  width: 38px;
}
.md-prompt-input-container input{
  padding-left: 10px;
}
.md-prompt-input-container input::placeholder{
  font-size: 12px;
}
.quotes-summary .quotes-summary-table > tbody > tr > td .item-label.large {
  background: rgb(103 58 183 / 0.7);
}
.quotes-summary .quotes-summary-table > tbody > tr > td .item-label.custom {
  background: rgb(233 30 99 / 0.7);
}
.quotes-summary .quotes-summary-table > tbody > tr > td .item-label.triangle {
  background: rgba(33 150 243 / .65);
}
.quotes-summary .quotes-summary-table > tbody > tr > td .custom-item {
  filter: sepia(1) hue-rotate(300deg) saturate(1);
}
.quotes-summary .quotes-summary-table > tbody > tr > td .large-item {
  filter: sepia(1) hue-rotate(230deg) saturate(1);
}
.quotes-summary .quotes-summary-table > tbody > tr > td .triangle-item {
  filter: sepia(1) hue-rotate(180deg) saturate(1);
}

.quotes-summary .quotes-summary-table > tbody > tr.nodata > td h1 {
  margin: 20px 0;
  font-size: 16px;

  font-weight: 300;
  color: #d9dfea;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
.quotes-summary .quotes-summary-table > tbody > tr > td .md-button {
  margin: 0;
}