@import "~@angular/material/prebuilt-themes/indigo-pink.css";

@import "~bootstrap/scss/bootstrap";
//Material-Bootstrap configuration
@import "assets/scss/bootstrap-material";

@import "~@angular/material/theming";
@import "~@covalent/core/theming/all-theme";
@include mat-core();
// Define a theme.
$primary: mat-palette($mat-indigo);
$accent: mat-palette($mat-pink, A200, A100, A400);
$theme: mat-light-theme($primary, $accent);
// Include all theme styles for the components.
@include angular-material-theme($theme);
// @include covalent-theme($theme);

.snackbar-warning {
  background-color: #f39010;
  color: #f3efef;
}

.snackbar-success {
  background-color: #109204;
  color: #f3efef;
}

.snackbar-error {
  background-color: #cf1407;
  color: #111010;
}

.lightblue-btn {
  background-color: rgb(70, 135, 240) !important;
}

.listing-item {
  margin-top: 0.5em;
  padding: 0.5em;
  cursor: pointer;
  border: 3px solid #f2f2f2;

  .title {
    color: black;
  }

  .project-title {
    color: rgb(93, 125, 173);
  }

  .gray-icon {
    color: rgb(191, 191, 191);
  }

  .chip {
    padding: 0.1em 1em;
    border-radius: 10em;
    background-color: rgb(70, 135, 230);
    color: #fff;
    text-transform: uppercase;
	font-weight: 500;
	max-width: 160px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  }

  .bordered-chip {
    padding: 0.1em 1em;
    border: 0.1em solid rgb(218, 227, 243);
    border-radius: 10em;
    background-color: rgb(236, 241, 249);
    color: rgb(68, 114, 196);
    text-transform: uppercase;
	font-weight: 500;
	max-width: 160px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  }

  .squared-chip {
    padding: 0.1em 1em;
    border: 0.1em solid rgb(236, 241, 249);
    border-radius: 0.5em;
    background-color: rgb(246, 246, 246);
	color: rgb(127, 127, 127);
	max-width: 160px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  }

  mat-icon {
    width: auto;
    height: auto;
  }

  .mr-5 {
    margin-right: 2rem !important;
  }

  .info {
    background-color: #f6f6f6;
    padding: 8px 15px;
    margin-bottom: 15px;
  }

  .info p {
    margin-bottom: 0px;
    color: rgb(37, 35, 140);
    font-weight: 600;
  }

  .chip p {
    margin-bottom: 0px;
  }

  //   .template-name {
  //     padding-left: 0px;
  //     border: 1px solid rgb(218, 227, 243);
  //     color: rgb(43, 104, 209);
  //     background-color: rgb(236, 241, 249);
  //     border-radius: 10em;
  //     justify-content: center;
  //     text-transform: uppercase;
  //     display: flex;
  //     width: 25em;
  //     height: 1.8em;
  //     margin-top: 15px;
  //     font-size: 13px;
  //     font-weight: 500;
  //   }

  .draft-bookmark {
	color: #e7e6e6;
	display: inline;
	position: absolute;
	padding-top: 3px
  }

  .finalized-bookmark {
	color: #92d050;
	display: inline;
	position: absolute;
	padding-top: 3px;
  }

  h4 span {
    color: #619ce3;
    font-weight: 600;
  }
}

.listing {
  .mat-card {
    margin: 1em 0;
  }

  .col-9 {
    display: flex;
    flex-direction: column;
  }
}

.gray-container {
  background: linear-gradient(180deg, #f6f6f6, #fff);
  margin: 5px 0px;
}