@import "fonts.css";

/**
 A set of global styles that cannot be handled by themes, because of Angular/Material
 problems.
 */

body {
    margin: 0 !important;
    padding: 0 !important;
    background: #f6f6f6;
}

.repayment-tooltip-class {
    white-space: pre-line;
    max-width: 360px !important;
}

/**

   SNACKBARS

 */
.mat-snack-bar-container {
    max-width: 80vw !important;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.4);
}

/*  ------------------------------------- Fix   */
/* Fix a width of snackbars for HandSet modes */
.mat-snack-bar-handset .ca-snackbar {
    margin-bottom: 0 !important;
}

.mat-snack-bar-handset .mat-snack-bar-container {
    max-width: 100vw !important;
}
/*  ------------------------------------ FixEnd */

.ca-snackbar {
    margin-bottom: 5vh !important;
}

.ca-snackbar.ca-info {
    background-color: #2d354d !important;
    color: white !important;
}

.ca-snackbar.ca-error {
    background-color: #d50012 !important;
    color: white !important;
}

/* All snackbar action buttons have always white text */
.ca-snackbar .mat-button-wrapper {
    color: white !important;
}