.add-collection-btn {
    background: #005581;
    color: #fff;
    display: inline-block;
    margin: 5px 0 0;
    font-size: 16px !important;
    padding: 1px 12px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
  }

:host /deep/ .add-collection-btn:focus {
  outline: 5px auto -webkit-focus-ring-color;
}

  :host /deep/ .add-group {
    background: #005581;
  }
  .example-full-width {
    width: 100% !important;
}
.add-group .mat-input-wrapper {
  color: #fff !important;
  margin-top: 3px;
}
.example-full-width .mat-input-wrapper {
  margin-top: 0px !important;
}
.mat-input-infix {
  padding: 0 !important;
}
.add-group .submit-group-btn {
  margin-top: 20px;
}

.submit-group-btn, .cancel-group-btn, .submit-group-btn {
  height: 25px;
  line-height: 25px;
  padding: 0 15px;
  margin-top: 12px;
  background: #ffffff !important;
  color: #0678be !important;
  box-shadow: none !important;
  text-transform: capitalize;
  border-radius: 0;
}
.close-group {
  color: #ffffff;
  background: transparent;
  border: transparent;
  cursor: pointer;
  opacity: 0.8;
  position: absolute;
  right: 3px;
  line-height: 22px !important;
}

.close-group .material-icons {
  font-size: 20px !important;
  font-weight: 500;
}

.position-relative {
  position: relative;
}

.mat-input-container input{ height: 2rem; color: #ffffff;}
input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){border: none !important; box-shadow: none !important;}
:host /deep/ .mat-input-infix{padding-bottom: 0 !important;padding-top: 0 !important;}

.page-title {
  margin: 5px 0 10px;
  text-align: right;
}
:host /deep/ .mat-form-field-placeholder{
  color: #ffffff !important;
}
:host /deep/ .mat-input-ripple, :host /deep/ .mat-form-field-underline {
  background-color: #ffffff !important;
}
:host /deep/ .errorTxt1{
  color: #a41309 !important;
  font-size: 14px;
  margin-top: -16px;
  font-weight: 500;
  }
  .btn[disabled]{
    pointer-events: none;
    background-color: #DFDFDF !important;
    box-shadow: none;
    color: #424242 !important;
    cursor: default;
  }