/* 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. */

.body-container {
    padding-top: 15px;
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 15px;
}

.navbar{
    background: var(--main-color);
    color: #efefef;
}

    .navbar a {
        color: white;
    }

    .navbar .dropdown-menu a {
        color: var(--main-color);
    }

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
    color: white;
    font-weight: bold;
}


    
a .navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: var(--main-color);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

.btn-default, .btn.btn-default:focus, .btn.btn-default.focus, .btn.btn-default:active, .btn.btn-default.active {
    background-color: var(--main-color);
    color: white;
}

.btn.btn-default:hover, .open > .btn.btn-default.dropdown-toggle {
    filter: brightness(70%);
    background: var(--main-color);
    border-color: var(--main-color);
    color: white;
}

.btn-outline-default {
    background-color: white;
    color: var(--main-color);
    border-color: var(--main-color)
}

.btn.btn-outline-default:hover, .open > .btn.btn-outline-default.dropdown-toggle {
    filter: brightness(70%);
    background: var(--main-color);
    border-color: var(--main-color);
    color: white;
}

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

.btn-secondary {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.btn-link {
    color: var(--main-color);
}

.btn-danger {
    background-color: var(--error-color);
}

.btn-warning {
    background-color: var(--warning-color);
    color: white;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
    position: relative;
    height: 99%;
}

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

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
}

.footer,
.push {
    /*position: fixed;
    bottom: 0;
    width: 100%;*/
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
    padding: 60px 15px 0;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}


/* Tabs
-------------------------------------------------- */
.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.tabs-left > .nav-tabs {
    margin-top: 6px;
    margin-right: -2px;
}

.tabs-left > .nav-tabs > li {
    float: none;
}

    .tabs-left > .nav-tabs > li > a {
        min-width: 74px;
        margin-right: 0;
        margin-bottom: 3px;
        text-decoration: none;
        color: var(--main-color);
    }

.tabs-left > .nav-tabs {
    float: left;
    border-right: 1px solid #ffffff;
}

    .tabs-left > .nav-tabs > li > a {
        margin-right: -1px;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
/*        border: 1px solid #ddd;*/
    }

        .tabs-left > .nav-tabs > li > a:hover,
        .tabs-left > .nav-tabs > li > a:focus {
            border-color: #eeeeee #dddddd #eeeeee #eeeeee;
        }

        .tabs-left > .nav-tabs > li > a {
            border-color: #ddd;
        }
            .tabs-left > .nav-tabs > li > a:hover,
            .tabs-left > .nav-tabs > li > a:focus,
            .tabs-left > .nav-tabs > li > a:active,
            .tabs-left > .nav-tabs > li > .active {
                border-color: #ddd transparent #ddd #ddd;
                border-right-color: #ffffff;
                font-weight: bold;
                z-index: 900;
            }

.tab-below {
    margin-top:14px !important;
}

.border-primary {
    border-color: var(--main-color) !important;
}

.form-field {
    margin-bottom: 0px;
}

.btn-search {
    position: absolute;
    right: 0;
    bottom: 0;
}

.index-section {
    padding: 3rem 0 5rem;
}

    .index-section a.index-section-item {
        color: #fff;
        position: relative;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        transition: 0.15s box-shadow ease, 0.15s transform ease;
        -moz-transition: 0.15s box-shadow ease, 0.15s transform ease;
    }
        .index-section a.index-section-item .card-body{
            padding-right: 2.75rem;
        }

        .index-section a.index-section-item .card-body i {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 4rem;
            left: 2.75rem;
            color: var(--main-color);
            transition: 0.15s all ease;
        }

.accordion .card .card-header {
    padding: 0px;
}

.accordion .card .card-header-error {
    background-color: var(--error-color);
}

.accordion .card .card-header-warning {
    background: var(--warning-color);
}

    .accordion .card .card-header-error .btn-link,
    .accordion .card .card-header-warning .btn-link {
        color: #fff;
    }

a.disabled {
    opacity: 0.4;
    pointer-events: none;
}

.edit-button {
    margin: 0 1.25em 1.25em 0;
}

.upload-documents-container{
    padding: 0px;
}

.checkbox.filter {
    padding-left: 0px;
}

.field-validation-error {
    color: var(--error-color);
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

.form-control.is-invalid, 
.form-control.input-validation-error {
    margin-bottom: 0px;
}

.form-row-aligned {
    margin-top: -86px;
}

.help-error {
    display: inline-block;
    margin-bottom: 20px;
}

.container-total-width {
    width: 100%;
}

.validation-summary-errors ul {
    list-style-type: none;
    margin: 0;
    margin-bottom: 15px;
    padding: 0;
}

.tooltip-inner {
    max-width: fit-content;
    max-width: -moz-fit-content;
    text-align: left !important;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid var(--main-color);
    color: #000;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--main-color) !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--main-color) !important;
}

.tooltip.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--main-color) !important;
}

.tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--main-color) !important;
}

.table > thead > tr > th {
    border-bottom-color: transparent !important;
}

.page-item .page-link {
    color: #fff !important;
    font-weight: normal;
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}

.page-item.active .page-link {
    font-weight: bold;
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}

.page-item.disabled .page-link {
    color: #fff !important;
    pointer-events: none;
    opacity: 0.6;
}

.pagination {
    margin-top: 0px !important;
}

/*
    Filter
-----------------------------------------------*/
.container-filter {
    padding-top: 5px;
}

.form-filter {
    margin-bottom: 0px !important;
}

/*
    Priority
-----------------------------------------------*/
.verylow {
    color: #fcc679;
}

.low {
    color: #fbb147;
}

.medium {
    color: var(--warning-color);
}

.high {
    color: var(--error-color);
}

.veryhigh {
    color: #900631;
}

.w-90{
    width: 90% !important;
}

.w-10 {
    width: 10% !important;
}

.sidenav-header {
    padding-bottom: 40px;
    /*background-color: var(--main-color) !important;*/
}

.fas[data-count] {
    position: relative;
}

    .fas[data-count]:after {
        position: absolute;
        right: -0.75em;
        top: -.75em;
        content: attr(data-count);
        padding: .2em .5em;
        border-radius: 10em;
        line-height: .9em;
        color: white;
        background: rgba(255,0,0,.75);
        text-align: center;
        min-width: 1em;
        font: 10px sans-serif;
    }