@import url('modal.css');
@import url('grid.css');

html {
    font-size: 100%;
}

html, body {
    font-family: Helvetica, Arial, sans-serif;
}

body {
    background: none;
    background-color: #CCC;
    font-size: 0.9rem;
}

main {
    background: url(/images/Background.png);
    background-position: 59% 1rem;
    background-size: 9rem;
    background-repeat: no-repeat;
    min-height: 30rem;
}

.container {
    padding-left: 0;
    padding-right: 0;
}

h1, h2, h3 {
    color: #AA3233;
}

h1 {
    font-size: 1.5rem;
}

h2 {
    font-size: 1.3rem;
}

h3 {
    font-size: 1.1rem;
}

h1:focus {
    outline: none;
}

/* tbv switch */
.form-check.form-switch {
    min-height: revert !important;
    padding-top: 0.15rem;
}

.card img {
    max-width: 100%;
    max-height: 100%;
}

.card {
    margin-bottom: 0.25rem;
    background-color: whitesmoke;
}

/* Radzen overrules */
.rz-textbox, .rz-dropdown, .rz-textarea {
    color: initial;
    font-size: initial;
}


/* Validation */
.validation-message {
    font-size: 0.8rem;
    color: red;
}

.valid.modified {
    border: 1px solid green;
}

.invalid {
    border: 1px solid red;
}

.dropdown-menu.show {
    border: none;
    background-color: transparent;
    margin: 1px;
    padding-top: 0;
}

.card-body {
    padding: 0.4rem !important;
}

nav {
    margin-bottom: 6rem;
}

.nav-link {
    font-size: 1.1rem;
}

.navbar .nav-link {
    padding-top: 0px;
    padding-bottom: 0px;
}

.container-fluid {
    padding-left: 0;
}

.navbar-brand {
    font-size: 1.4rem;
    border: 1px solid black;
    padding: 0 4px;
    background-color: #CCC;
    color: #644040 !important;
}

.navbar-toggler-icon {
    background-color: white;
}

div.navbar-collapse.show ul li a {
    color: black !important;
}

/* Triangles */
div.trianglebackground {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -100;
}

div.leftTriangle {
    height: 14vw;
    min-height: 140px;
    float: left;
    background: #AA3233;
    width: 65%;
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
    z-index: -100;
}

div.rightTriangle {
    height:10vw;
    min-height:100px;
    float: right;
    position: relative;
    z-index: -101;
    margin-left: -100%;
    background: #7D6236;
    width: 50%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
}

/* DataGrid */
.rz-grid-table thead th {
    background-color: lightblue;
}

/* Anker */
a, a:active, a:visited, a:link {
    color: #AA3233 !important;
    text-decoration: none;
}

a.nav-link, a.nav-link:active, a.nav-link:visited, a.nav-link:link {
    color: black !important;
    background-color: whitesmoke;
    border: 1px solid black;
    text-decoration: none;
    margin: 1px;
}

a.btn {
    color: #6c757d !important;
    text-decoration: none;
}

a:hover {
    color: #882627 !important;
    font-weight: 600;
}

a img {
    cursor: pointer;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.font-small {
    font-size: 0.9rem;
}

.grid-paging-icon {
    font-size: 0.9rem !important;
}

section.modal-body:has(img) {
    text-align: center;
}

a:not([href]) {
    cursor: pointer;
}