@import url('open.iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    height: 100%;
    overflow: hidden;
    font-family: sans-serif;
    -webkit-font-smoothing: antialiased;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.grifal-grey-btn {
    background-color: #898ba1 !important;
    color: white !important;
    border-radius: 8px !important;
    border-color: #898ba1 !important;
}

.grifal-grey-btn:hover {
    background-color: #595959 !important;
    border-color: #898ba1 !important;
}

.grifal-outline-btn {
    color: white;
    border-radius: 0px;
    border-color:  grey;
}
.grifal-outline-btn:hover {
  color:white;
  background: #F5333F;
  transition: 0.7s;
}

.grifal-outline-red-btn {
    border-color: #f5333f;
    color: #f5333f;
    border-radius: 0px;
    background-color: white;
}
.grifal-outline-red-btn:hover {
  background:#f5333f;
  transition: 0.3s;
  color:white;
}

grifal-red-btn {
    border-color: #f5333f;
    color: white;
    border-radius: 8px;
    background-color: #f5333f;
}

.grifal-edit-grey-btn {
    background-color: #898ba1 !important;
    color: white !important;
    border-radius: 8px !important;
}

.grifal-edit-grey-btn:hover {
    background-color: #595959 !important;
}




.grifal-table thead {
    background-color: #A7A7A7;
    color: white;
}

.grifal-table thead th {
    text-align: center !important;
}

.grifal-table tbody td {
    text-align: center !important;
}