//loading pleasewait plugin
.pg-loading{
  .pg-loading-logo-header{
    position: static;
    top: auto;
    left: auto;
    right:  auto;
    margin: 0;
    background-color: inherit;
    color: inherit;
    border: 0;
    text-align: inherit;
  }
}


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



.disable-element {
  pointer-events: none;
  opacity: 0.38;
}

.disableInside {
  cursor: not-allowed;
}

.disableInside input {
  pointer-events: none;
  opacity: 0.5;
}


.modelClose {
  float: right;
}
.modelSave, .modelClose{
  background: transparent;
  border:0;
}

.modelClose:focus, .modelSave:focus{
  outline: none;
}


.error-template {padding: 40px 15px;text-align: center;}
.error-actions {margin-top:15px;margin-bottom:15px;}
.error-actions .btn { margin-right:10px; }




.edit-button-color {
  color:#428bca;
  &:hover{
    cursor: pointer;
  }
}



.type-hint-unresolved {
  background: #F90;
}

.type-hint-resolved {
  background: #5cb85c;
}





// remove margin top for component block label
.ft-component-block > * > label.mat-form-field-label {
  margin-top: 0!important;
}




// password entry
.ft-password-entry > *:not(:last-child){
  margin-bottom: 10px;
}


@mixin selection-background(){
  background:rgb(255,255,255); /* Fallback for web browsers that don't support neither RGBa nor filter */
  background: transparent; /* Backslash 9 hack to prevent IE 8 from falling into the fallback */
  background:rgba(255,255,255,0); /* RGBa declaration for modern browsers */
}



/* Rules for sizing the icon. */
.material-icons.md-18 {
  font-size: 18px;
  &::selection {

    @include selection-background();

  }
}
.material-icons.md-24 {
  font-size: 24px;
  &::selection {
    @include selection-background();
  }
}
.material-icons.md-36 {
  font-size: 36px;

  &::selection {

    @include selection-background();

  }
}

.material-icons.md-48 {
  font-size: 48px;
  &::selection {
    @include selection-background();

  }
}
.material-icons.md-40{
  font-size: 40px;
  &::selection {
    @include selection-background();
  }
}


/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }




// fixed for modal moving issue
body.modal-open{
  padding-right: 0!important;
}




// 13916-fixed on browserstack issue from Trang Le
input[type='text'], textarea {
  -webkit-transform: translateZ(0px);
}



//remove material design backdrop
.mat-drawer-backdrop.mat-drawer-shown{
  background-color: transparent!important;
}


/**14753:Added custom class for  message-type, notyf warning and notyf info options*/
.notyf-warning{
  background: orange;
}
.notyf-info{
  background: blue;
}
.notyf-message-type{
  display:none;
}

.disabled  [class^="mat-"]:hover{
  cursor: not-allowed;
}