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

.badge-notif {
    font-size: 0.9em;
}

.inactive-badge {
    background-color: lightgrey;
    color: black;
}


/*Layout*/

html, body {
    font-family: Trebuchet MS, Arial, sans-serif;
    /* min-height: 75rem; */
}

.container {
    max-width: 1500px;
}

.card {
    margin-bottom: 10px;
}

a, .btn-link {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:hover{
    border: solid;
    border-width: 1px;
}

.content {
    padding-top: 1.1rem;
}

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

.form-item {
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px !important;
}

.rz-inputtext {
    font-size: 16px !important;
}

div.vertical {
    margin-left: -85px;
    position: absolute;
    width: 215px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg); /* Safari/Chrome */
    -moz-transform: rotate(-90deg); /* Firefox */
    -o-transform: rotate(-90deg); /* Opera */
    -ms-transform: rotate(-90deg); /* IE 9 */
}

th.vertical {
    height: 220px;
    line-height: 14px;
    padding-bottom: 20px;
    text-align: left;
    cursor: pointer;
}

@media print {
    .d-print-none {
        display: none !important;
    }
}


.rz-datatable-even {
    border-width : 1px;
}
.rz-datatable-odd {
    border-width: 1px;
}

.rz-datatable td {
    padding: 0px 0px 0px 5px
}

table,
tr,
td {
    border-color: inherit;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
}

th {
    border-bottom-width: 1px;
    border-color: lightgray;
}

.social-icon {
    position: relative;
    top: 4px;
}