/* You can add global styles to this file, and also import other style files */
@import "~@angular/material/prebuilt-themes/indigo-pink.css";

$primary: #00acc1;
$dark: #007c91;
$light: #5ddef4;

*{
   box-sizing: border-box;
}

body{
  margin: 0;
  padding: 0;
  min-height: 100vh;
  font-family: 'Open Sans', sans-serif;
}


.mat-fab.mat-primary{
  background-color: #007c91;
}

.mat-fab.mat-primary, .mat-flat-button.mat-primary, .mat-mini-fab.mat-primary, .mat-raised-button.mat-primary {
  background-color: #007c91;
}
input:not([type = checkbox]):not([type = radio]):not([type=file]){
  background: #fff;
  width: 100%;
  padding: 13px 16px;
  height: 100%;
  border-radius: 8px;
  font-size: 16px;
  border: 1px solid #d5d4dc;
  transition: .2s ease-in-out;
  &:focus, &:active{
    outline: none;
    border-color: #00acc1;
    transition: .2s ease-in-out;
  }
}

.fw-bold{
  font-weight: 500;
}
.mat-fab .mat-button-wrapper{
  font-size: 28px;
  height: 56px;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(0, 0, 0, 0.38);
}
input::-moz-placeholder { /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.38);
}
input:-ms-input-placeholder { /* IE 10+ */
  color: rgba(0, 0, 0, 0.38);
}
input:-moz-placeholder { /* Firefox 18- */
  color: rgba(0, 0, 0, 0.38);
}
.mat-card{
  box-shadow: 0 8px 31px 0 rgba(79, 75, 108, 0.12) !important;
  border-radius: 8px!important;
}

@media (max-width: 599px){
  .mat-toolbar-row, .mat-toolbar-single-row {
    height: 64px!important;
  }
}

//.ngx-json-viewer .segment-type-string > .segment-main > .segment-value{
//  width: 410px;
//  text-overflow: ellipsis;
//  overflow: hidden;
//  white-space: nowrap;
//  display: block;
//}
