/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

html {
    overflow-y: scroll;
}

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

.header-container {
    background-color: #000;
    color: #fff;
    min-height: 140px;
    padding: 15px 25px;
    margin-bottom: 15px;
}

#logo {
    height: auto;
    max-width: 100%;
    max-height: 45px;
}

.card-login {
    margin-top: auto;
    margin-bottom: auto;
}

.datepicker td, .datepicker th {
    width: 1.5em;
    height: 1.5em;
}

.selectpicker.is-invalid + .btn {
    border-color: #dc3545;
}

.input-help-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 30 30'%3e%3cpath fill='%2366b3ff' d='M15.07 11.25l-.9.92C13.45 12.89 13 13.5 13 15h-2v-.5c0-1.11.45-2.11 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41a2 2 0 0 0-2-2a2 2 0 0 0-2 2H8a4 4 0 0 1 4-4a4 4 0 0 1 4 4a3.2 3.2 0 0 1-.93 2.25M13 19h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10c0-5.53-4.5-10-10-10z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: top calc(.375em) right calc(.375em + .1875rem);
    /*    background-size: calc(.75em + .375rem) calc(.75em + .375rem);*/
}

.fa-question-circle {
    color: #66b3ff;
}

.custom-control-lg .custom-control-label::before,
.custom-control-lg .custom-control-label::after {
    top: 0.1rem !important;
    left: -2rem !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
}

.tooltip-inner {
    text-align: left;
    max-width: 320px;
}

.newlines {
    white-space: pre-line;
}

.summary-container > .row:nth-child(even) {
    background-color: #f8f8f8;
}

.summary-container > .row > div {
    padding-top: 6px;
}

.summaryListTitle {
    font-weight: bold;
}

.required-field-asterisk {
    color: red;
}

.form-group.required .control-label:after {
    content: " *";
    color: red;
}

.form-group > label,
.form-group .control-label {
    font-weight: bold;
}

.cv-image-wrapper {
    position: relative;
    max-width: 300px;
}

.cv-image-remove-anchor {
    position: absolute;
    top: 4px;
    right: 20px;
    cursor: pointer;
}

.cv-image-remove-icon {
    margin-left: 4px;
}

[v-cloak] {
    display: none;
}

.is-invalid-no-background {
    background-image: none !important;
    padding-right: inherit !important;
}

.hidden-validation-control {
    height: 0;
    width: 0;
    position: fixed;
    top: -10px;
    left: -10px;
}

.file-upload-container .input-group-text, .image-upload-container .input-group-text, .file-upload-container .custom-file-label::after, .image-upload-container .custom-file-label::after {
    color: #fff;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 0;
    content: '...';
}

.custom-file-label::after {
    content: '...'!important;
}
/* TODO: Create language specific translations? */
/*.custom-file-input:lang(en) ~ .custom-file-label::after*/

.form-control, button, .btn {
    border-radius: 0;
}

.btn-group .btn:not(.active) {
    opacity: 0.65;
}

.btn-primary, .btn-primary:disabled {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #000;
    background-color: #000;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-primary:not(:disabled):not(.disabled):hover {
    color: #fff;
    background-color: #1d1d1d;
    border-color: #1d1d1d;
}

.progress-bar {
    background-color: #000;
}

.show-line-changes {
    white-space: pre-line;
}