@import 'color-palette';

@import '~@angular/material/theming';
// Plus imports for other components in your app.

// Include the common styles for Angular Material. We include this here so that you only
// have to load a single css file for Angular Material in your app.
// Be sure that you only ever include this mixin once!
@include mat-core();

$my-app-primary: mat-palette($md-ftcolorpallete);
$my-app-accent:  mat-palette($mat-deep-purple, 500, 900, A100);
$my-app-warn:    mat-palette($mat-red);

$my-app-theme: mat-light-theme($my-app-primary, $my-app-accent, $my-app-warn);
$my-app-theme: map_merge($my-app-theme, (custom: $my-app-primary));


@include angular-material-theme($my-app-theme);


$custom: map-get($my-app-theme, custom);


$custom-typography: mat-typography-config(
  $input: mat-typography-level(16px, 1.125, 400)  
);
@include angular-material-typography($custom-typography);



.mat-success {
    color: mat-color($custom, success);
    
  }

  //fixed for Roboto font appearing bold on Mac
  body{
    -webkit-font-smoothing: antialiased!important;

  }

//change global label font-size
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(1) !important; /* originally scale(0.75) */
}

  
//fixed for components 100% width
  .ft-component-wrap >  *:not(.ft-party) > .mat-form-field{
    width: 100%;

  }


  //adjust size checkbox
.ft-component-wrap .mat-checkbox-inner-container{
  width: 20px;
  height: 20px;
}
  

  
// removed angular material (*) on mandatory
  .mat-placeholder-required{
    display: none;
}


.ft-about-us{
  padding: 20px;
}


//prevent bootstrap overwrite for labels
.ft-component-wrap .mat-form-field-label{
  margin-bottom: 0;
}

//reduce vertical spacing
.ft-component-wrap{
  .mat-form-field-wrapper{
    margin-bottom: -1.25em;
  
  }  
} 

.mat-form-field-subscript-wrapper {
  display: none;
}
// end reduce vertical spacing



// remove ellipsis for long labels
.mat-form-field-label{
  overflow: visible!important;
}


//tooltip label disable hover
.mat-form-field-label mat-label {
  pointer-events: auto;
}
.labelToolTipContainer{
visibility: hidden;
}

// end //tooltip label disable hover


// label cutoff for long tailed letters
.static-label-container .mat-form-field-label-wrapper {  
  padding-top: 1.2em;
}


//remove initial scroll when modal is open
// only show scroll when needed
.cdk-global-scrollblock{
  overflow-y: auto;
}


//force dropdown-position
.ft-dropdown-center{
  margin-top: 30px !important; 
}

// 15782 - remove autofocus  on buttons
.mat-button-focus-overlay {
  background-color: transparent!important;
}