:root {
    --primary-color: #1a2d8d;
    --white: white;
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--primary-color);
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.navbar {
    background-color: var(--primary-color);
}

.navbar-light .navbar-brand {
    color: var(--white);
}

.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    margin-top: auto;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--primary-color);
}

.navbar-light .navbar-nav .nav-link {
    color: var(--white);
}

fieldset {
    padding: 1em;
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(180deg, rgb(64,224,208, 1), rgb(26, 45, 141, 1)) 1;
}

legend {
    all: revert;
    font-size: 20px;
    background: var(--primary-color);
    color: #fff;
    padding: 0.1em 0.6em 0.2em;
    border-radius: 5px;
}

.image-preview {
    position: relative;
    vertical-align: top;
    height: 45px;
}

.image-thumbnail {
    height: 45px;
    float: right;
}

.k-window-content img {
    height: 100%;
    width: 100%;
}

.k-pdf-viewer-pages .k-icon-xxxl,
.k-pdf-viewer-pages .k-upload {
    display: none;
}

.k-dropzone-hint {
    display: none;
}

img.profileImage {
    border: 8px solid #021a40;
    border-image: linear-gradient(180deg, turquoise, #1a2d8d) 1;
}

img.defaultProfileImage {
    width: 15em;
    transform: translateY(-5%);
}

fieldset label {
    font-weight: 600;
}

.competency-grid-row {
    font-weight: 600;
}

.competency-grid-acquired {
    font-weight: 600;
    text-align: center;
}

.hint {
    font-size: 0.9em;
    margin-bottom: 0.5em;
    font-weight: initial;
    color: #0d6efd;
    display: block;
    padding-top: 0.3em;
    padding-left: 0.3em;
    line-height: 1.5em;
}

.info {
    font-size: 0.9em;
    margin-bottom: 0.5em;
    font-weight: initial;
    color: #50C878;
    display: block;
    padding-left: 0.3em;
    line-height: 1.5em;
}

p.bio {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    word-break: break-word;
    hyphens: auto;
    text-align: justify;
}

.competency-grid-icon {
    font-size: 1.5em;
}

div.text-danger.validation-summary-errors {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

span.k-window-title {
    font-size: 1.75rem;
    font-weight: 500;
    font-family: var(--kendo-font-family, inherit);
    justify-content: center;
}

span.k-link {
    font-weight: 500;
}

/* set min-height on all grids to show loader on initial load*/
.k-grid-content {
    min-height: 100px;
}

/* Passowrd Requirements */
#password-requirements .req {
    color: red; /* should be same as bootstrap danger */
}

    #password-requirements .req::before {
        content: "\F623";
        font-family: "bootstrap-icons" !important;
        margin-right: 0.4em;
        vertical-align: bottom;
    }

    #password-requirements .req.req-valid {
        color: green; /* should be same as bootstrap success */
    }

        #password-requirements .req.req-valid::before {
            content: "\F26B";
        }

/* Ddl headers */
.ddlHeader {
    background-color: #dedede;
    border-style: solid;
    border-width: 1px;
    border-color: #dee2e6;
    color: darkslategrey;
    padding-top: 0em;
    padding-bottom: 0em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    height: auto;
    margin-block-start: 0;
    margin-block-end: 0;
    font-size: 14px;
}

    .ddlHeader li {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }
/* set min-height on all grids to show loader on initial load*/
.k-grid-content {
    min-height: 100px;
}

/*Required Tag - Red*/
span.FieldReq.required {
    color: rgb(223,0,0);
    font-size: 70%;
    margin-left: 0.3em;
    display: inline;
    white-space: nowrap;
    vertical-align: 0.1em;
}

.required-label {
    margin-bottom: var(--kendo-spacing-2, 0.5rem);
    flex-flow: row nowrap;
}

.site-nav-logo {
    height: auto;
    max-width: 8em;
    margin-right: 1em;
}

.site-login-logo {
    height: auto;
    max-width: 24em;
    margin-bottom: 2em;
}

/* Simplified toolbar for touch screen devices */
@media (pointer: coarse) {
    #documentPdfViewer > div.k-toolbar.k-toolbar-resizable.k-toolbar-md > div > :is(button[data-command="DownloadCommand"], button#fullscreenButton) {
        display: none;
    }
}

.k-toolbar-items {
    display: flex;
    flex-flow: row nowrap;
    gap: var(--kendo-spacing-2, 0.5rem);
    align-items: center;
    justify-content: flex-start;
    flex: 1 1 auto;
    overflow: hidden;
}

.k-toolbar-items-scroll {
    overflow-x: auto;
    scrollbar-width: none;
}

label.gridSwitchLabel {
    padding-left: 0.6em;
}