/* Bootstrap Validation Summary Override */
.validation-summary-valid {
    display: none;
}

.validation-summary-errors ul {
    margin-bottom: 0;
    padding-left: 1rem;
}

.alert.validation-summary-errors {
    margin-bottom: 1rem;
}

.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
    /*background-color: #39625c !important;*/
    background-color: #336633 !important;
    background-image: none !important;
}


.page-content-wrapper {
    background-color: #f1f1f1 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0;
    flex-basis: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 0;
    min-width: 0;
    max-width: 100%;
    min-height: 1px;
}


/* Reference classes, no implementation */
.base,
.needs-validation,
.flex-start,
.text-faded,
.app-container-demo,
.lang-js,
.has-tooltip,
.has-popover {
}

/* Keeps analyzers happy */
.js-waves-off,
.js-waves-on,
.js-get-date,
.js-collapse,
.js-modal-settings,
.js-filter-message,
.js-buttons,
.js-icon-class,
.js-icon-copy,
.js-bg-color,
.js-bg-gradient,
.js-bg-gradient-demo,
.js-bg-target {
}

/* Small word wrap correction */
section > ol > li {
    word-break: break-all;
}

code {
    border: 1px solid silver;
    padding: 0.03rem 0.2rem !important;
}

pre.prettyprint {
    border-radius: 0.2rem;
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
}





/* CUSTOM RULES */

.form-group {
    padding-left: 5px !important;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}


/*Panel toolbar*/
.panel-toolbar .btn-panel {
    margin-left: 0.3rem;
    padding: 0;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    opacity: 0.8;
}

/*Datatable search input*/
input[type=search] {
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: none !important;
    font-size: small;
    margin-top: 1px;
}

/*Toastr messages*/
#toast-container > .toast-info {
    background-image: none;
    background-color: #2196F3;
    color: white;
}

#toast-container > .toast-error {
    background-image: none;
    background-color: #b22222;
    color: white;
}

.toast-message {
    margin-top: 5px;
}

.customValidationError {
    margin-top: 0.3rem !important;
    font-size: 12px;
    font-weight: bold;
    margin-left: 3px;
    font-size: 12px;
    font-weight: bold;
}

.form-label {
    font-weight: bolder;
    color: black;
}

.panel-tag {
    padding: 0.7rem 0.8rem;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    border-left: 5px solid #4d948d;
    background: #eef7fd;
    font-weight: 600;
    font-size: 0.875rem;
}

.panel-tag-hpv {
    padding: 0.7rem 0.8rem;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    border-left: 5px solid #4d948d6b;
    background: #eef7fd;
    font-weight: 600;
    font-size: 0.875rem;
}

.nav-link-text {
    color: white;
}

.nav-footer {
    position: relative;
    padding: 10%;
}

.page-breadcrumb {
    padding: 0;
    background: transparent;
    margin: 0 0 1.5rem;
    position: relative;
    text-shadow: black 0 0;
}

.subheader {
    margin-bottom: calc(0.2rem + 0.625rem);
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

th.dt-center, td.dt-center {
    text-align: center;
}

.shortcut-menu {
    position: fixed;
    right: 0.3rem;
    bottom: 4rem;
    z-index: 531;
}

/*Enter custom CSS rules for your application here */



.customDatableSearchBox {
    border-radius: 4px;
    padding: 5px;
    width: 100%;
    border: none;
}


/*
    Helper styles
*/
.align-bottom {
    align-items: end;
}

.datepicker .selectable {
    background-color: #c6e4cb !important;
}

.hide {
    display: none;
}

ul.kvacica {
    list-style-type: "✓  ";
}

    ul.kvacica li {
        line-height: 2em;
    }

.list-header {
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: bold;
    font-size: larger;
}

.nav-menu b.collapse-sign > [class*='fa-'], .nav-menu b.collapse-sign > .ni {
    color: white !important;
}

.btn-no-border {
    border: 0 !important;
    background-color: unset !important;
    color: unset !important;
}

    .btn-no-border:hover {
        background-color: unset !important;
        color: unset !important;
    }

.div-sticky {
    position: sticky;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    margin-left: -17%;
}

.display-inline {
    display: inline;
}

.display-inline-block {
    display: inline-block;
}

.display-webkit-box {
    display: -webkit-box;
}

.center {
    justify-content: center;
}

.border-bottom-1px {
    border-bottom: 1px solid #0000001a;
}

.f-bold {
    font-weight: bold !important;
}

.font-red {
    color: red;
}

/*#region SEARCH FORM */
#formFilter > div > .btn-primary {
    color: white !important;
}

#btnFilter {
    background-color: #88c488 !important;
    border-color: #88c488;
    -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%);
}

    #btnFilter:hover {
        background-color: #336633 !important;
        color: #fff;
    }

.dataTables_filter .input-group-text {
    background-color: #88c488 !important;
    border-color: #88c488 !important;
    margin-top: 1px;
}

    .dataTables_filter .input-group-text:hover {
        background-color: #336633 !important;
        color: #fff;
    }
/*#endregion*/

/*#region HPV */

.bg-hpv {
    background-color: #528091;
}

.btn-hpv {
    background-color: #528091;
    color: white;
}

    .btn-hpv:hover {
        background-color: #4d6b76;
        color: white;
    }

.btn-outline-hpv {
    color: #528091;
    border-color: #528091;
}

    .btn-outline-hpv:hover {
        background-color: #4d6b76;
        color: white;
    }

.text-hpv {
    color: #617c97;
}

/*#endregion */

/*#region SELECT 2 HPV */
.hpv-select2 .select2-results__option--highlighted[aria-selected] {
    background-color: #528091 !important;
    color: white;
}

.hpv-select2 .select2-results__option[aria-selected=true] {
    background-color: #6ca3b7 !important;
}


/*#endregion */

/*#region COOKIE CONSENT */

#cookie-consent-div {
    z-index: 1000;
    position: fixed;
    max-width: 60em;
    width: 95%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 3px 10px 5px rgba(0, 0, 0, 0.4);
    text-align: center;
    border-radius: 10px 10px 0 0;
}
/*#endregion */

/*#region RESPONSIVE IFRAME */
.container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
/*#endregion */

@media all and (min-width:1px) and (max-width: 570px) {
    .m-xs-0 {
        margin: 0 !important;
    }

    .mt-xs-0,
    .my-xs-0 {
        margin-top: 0 !important;
    }

    .mr-xs-0,
    .mx-xs-0 {
        margin-left: 0 !important;
    }

    .mb-xs-0,
    .my-xs-0 {
        margin-bottom: 0 !important;
    }

    .ml-xs-0,
    .mx-xs-0 {
        margin-right: 0 !important;
    }

    .m-xs-1 {
        margin: 0.25rem !important;
    }

    .mt-xs-1,
    .my-xs-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xs-1,
    .mx-xs-1 {
        margin-left: 0.25rem !important;
    }

    .mb-xs-1,
    .my-xs-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xs-1,
    .mx-xs-1 {
        margin-right: 0.25rem !important;
    }

    .m-xs-2 {
        margin: 0.5rem !important;
    }

    .mt-xs-2,
    .my-xs-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xs-2,
    .mx-xs-2 {
        margin-left: 0.5rem !important;
    }

    .mb-xs-2,
    .my-xs-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xs-2,
    .mx-xs-2 {
        margin-right: 0.5rem !important;
    }

    .m-xs-3 {
        margin: 1rem !important;
    }

    .mt-xs-3,
    .my-xs-3 {
        margin-top: 1rem !important;
    }

    .mr-xs-3,
    .mx-xs-3 {
        margin-right: 1rem !important;
    }

    .mb-xs-3,
    .my-xs-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xs-3,
    .mx-xs-3 {
        margin-left: 1rem !important;
    }

    .m-xs-4 {
        margin: 1.5rem !important;
    }

    .mt-xs-4,
    .my-xs-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xs-4,
    .mx-xs-4 {
        margin-left: 1.5rem !important;
    }

    .mb-xs-4,
    .my-xs-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xs-4,
    .mx-xs-4 {
        margin-right: 1.5rem !important;
    }

    .m-xs-5 {
        margin: 2rem !important;
    }

    .mt-xs-5,
    .my-xs-5 {
        margin-top: 2rem !important;
    }

    .mr-xs-5,
    .mx-xs-5 {
        margin-left: 2rem !important;
    }

    .mb-xs-5,
    .my-xs-5 {
        margin-bottom: 2rem !important;
    }

    .ml-xs-5,
    .mx-xs-5 {
        margin-right: 2rem !important;
    }

    .m-xs-6 {
        margin: 2.5rem !important;
    }

    .mt-xs-6,
    .my-xs-6 {
        margin-top: 2.5rem !important;
    }

    .mr-xs-6,
    .mx-xs-6 {
        margin-left: 2.5rem !important;
    }

    .mb-xs-6,
    .my-xs-6 {
        margin-bottom: 2.5rem !important;
    }

    .ml-xs-6,
    .mx-xs-6 {
        margin-right: 2.5rem !important;
    }

    .p-xs-0 {
        padding: 0 !important;
    }

    .pt-xs-0,
    .py-xs-0 {
        padding-top: 0 !important;
    }

    .pr-xs-0,
    .px-xs-0 {
        padding-left: 0 !important;
    }

    .pb-xs-0,
    .py-xs-0 {
        padding-bottom: 0 !important;
    }

    .pl-xs-0,
    .px-xs-0 {
        padding-right: 0 !important;
    }

    .p-xs-1 {
        padding: 0.25rem !important;
    }

    .pt-xs-1,
    .py-xs-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xs-1,
    .px-xs-1 {
        padding-left: 0.25rem !important;
    }

    .pb-xs-1,
    .py-xs-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xs-1,
    .px-xs-1 {
        padding-right: 0.25rem !important;
    }

    .p-xs-2 {
        padding: 0.5rem !important;
    }

    .pt-xs-2,
    .py-xs-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xs-2,
    .px-xs-2 {
        padding-left: 0.5rem !important;
    }

    .pb-xs-2,
    .py-xs-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xs-2,
    .px-xs-2 {
        padding-right: 0.5rem !important;
    }

    .p-xs-3 {
        padding: 1rem !important;
    }

    .pt-xs-3,
    .py-xs-3 {
        padding-top: 1rem !important;
    }

    .pr-xs-3,
    .px-xs-3 {
        padding-left: 1rem !important;
    }

    .pb-xs-3,
    .py-xs-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xs-3,
    .px-xs-3 {
        padding-right: 1rem !important;
    }

    .p-xs-4 {
        padding: 1.5rem !important;
    }

    .pt-xs-4,
    .py-xs-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xs-4,
    .px-xs-4 {
        padding-left: 1.5rem !important;
    }

    .pb-xs-4,
    .py-xs-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xs-4,
    .px-xs-4 {
        padding-right: 1.5rem !important;
    }

    .p-xs-5 {
        padding: 2rem !important;
    }

    .pt-xs-5,
    .py-xs-5 {
        padding-top: 2rem !important;
    }

    .pr-xs-5,
    .px-xs-5 {
        padding-left: 2rem !important;
    }

    .pb-xs-5,
    .py-xs-5 {
        padding-bottom: 2rem !important;
    }

    .pl-xs-5,
    .px-xs-5 {
        padding-right: 2rem !important;
    }

    .p-xs-6 {
        padding: 2.5rem !important;
    }

    .pt-xs-6,
    .py-xs-6 {
        padding-top: 2.5rem !important;
    }

    .pr-xs-6,
    .px-xs-6 {
        padding-left: 2.5rem !important;
    }

    .pb-xs-6,
    .py-xs-6 {
        padding-bottom: 2.5rem !important;
    }

    .pl-xs-6,
    .px-xs-6 {
        padding-right: 2.5rem !important;
    }

    .m-xs-n1 {
        margin: -0.25rem !important;
    }

    .mt-xs-n1,
    .my-xs-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-xs-n1,
    .mx-xs-n1 {
        margin-left: -0.25rem !important;
    }

    .mb-xs-n1,
    .my-xs-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-xs-n1,
    .mx-xs-n1 {
        margin-right: -0.25rem !important;
    }

    .m-xs-n2 {
        margin: -0.5rem !important;
    }

    .mt-xs-n2,
    .my-xs-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-xs-n2,
    .mx-xs-n2 {
        margin-left: -0.5rem !important;
    }

    .mb-xs-n2,
    .my-xs-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-xs-n2,
    .mx-xs-n2 {
        margin-right: -0.5rem !important;
    }

    .m-xs-n3 {
        margin: -1rem !important;
    }

    .mt-xs-n3,
    .my-xs-n3 {
        margin-top: -1rem !important;
    }

    .mr-xs-n3,
    .mx-xs-n3 {
        margin-left: -1rem !important;
    }

    .mb-xs-n3,
    .my-xs-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-xs-n3,
    .mx-xs-n3 {
        margin-right: -1rem !important;
    }

    .m-xs-n4 {
        margin: -1.5rem !important;
    }

    .mt-xs-n4,
    .my-xs-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-xs-n4,
    .mx-xs-n4 {
        margin-left: -1.5rem !important;
    }

    .mb-xs-n4,
    .my-xs-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-xs-n4,
    .mx-xs-n4 {
        margin-right: -1.5rem !important;
    }

    .m-xs-n5 {
        margin: -2rem !important;
    }

    .mt-xs-n5,
    .my-xs-n5 {
        margin-top: -2rem !important;
    }

    .mr-xs-n5,
    .mx-xs-n5 {
        margin-left: -2rem !important;
    }

    .mb-xs-n5,
    .my-xs-n5 {
        margin-bottom: -2rem !important;
    }

    .ml-xs-n5,
    .mx-xs-n5 {
        margin-right: -2rem !important;
    }

    .m-xs-n6 {
        margin: -2.5rem !important;
    }

    .mt-xs-n6,
    .my-xs-n6 {
        margin-top: -2.5rem !important;
    }

    .mr-xs-n6,
    .mx-xs-n6 {
        margin-left: -2.5rem !important;
    }

    .mb-xs-n6,
    .my-xs-n6 {
        margin-bottom: -2.5rem !important;
    }

    .ml-xs-n6,
    .mx-xs-n6 {
        margin-right: -2.5rem !important;
    }

    .m-xs-auto {
        margin: auto !important;
    }

    .mt-xs-auto,
    .my-xs-auto {
        margin-top: auto !important;
    }

    .mr-xs-auto,
    .mx-xs-auto {
        margin-left: auto !important;
    }

    .mb-xs-auto,
    .my-xs-auto {
        margin-bottom: auto !important;
    }

    .ml-xs-auto,
    .mx-xs-auto {
        margin-right: auto !important;
    }

    .col-xs-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}