@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;
    /* IE10+ */
    background-image: -ms-linear-gradient(top left, #E3E7ED 0%, #F2F6FB 70%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top left, #E3E7ED 0%, #F2F6FB 70%);
    /* Opera */
    background-image: -o-linear-gradient(top left, #E3E7ED 0%, #F2F6FB 70%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #E3E7ED), color-stop(70, #F2F6FB));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top left, #E3E7ED 0%, #F2F6FB 70%);
    /* W3C Markup */
    background-image: linear-gradient(to bottom right, #E3E7ED 0%, #F2F6FB 70%);
}

.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;
}