@import "./theme.scss";

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: $backgroud-e;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
    width: 340px;
}

.p-full-width {
  width: 100%;
}

:host /deep/ md-checkbox {
    .mat-checkbox-layout .mat-checkbox-label {
        color: $color-primary;
        font-size: 8pt;
    }
    .mat-checkbox-inner-container {
        height: 15px !important;
        width: 15px !important;
    }
}

:host /deep/ md-input-container {
    .mat-input-underline {
        height: 3px;
        background-color: $color-primary;
        
    }
    .mat-input-underline .mat-input-ripple {
        height: 3px;
    }
}


.mat-input-element {
    color: $color-primary;
    font-weight: bold;
}

.mat-card:not([class*=mat-elevation-z]) {
    -moz-box-shadow: 0 0 15px #808080;
    -webkit-box-shadow: 0 0 15px #808080;
    box-shadow: 0 0 15px #808080;
}
