@media (min-width: 1700px) {
    .container {
        max-width: 1465px;
    }
}

.btn-add{
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
}

/*za navigaciju unutar stranice uz fiksni header*/
:target:before {
    content: "";
    display: block;
    height: 80px; /* fixed header height, 4.125rem*/
    margin: -80px 0 0; /* negative fixed header height */
}

/*input[data-val-required] {
    border-color: lightgreen
}*/
input[data-val-required]:not(.input-validation-error), textarea[data-val-required]:not(.input-validation-error), select[data-val-required]:not(.input-validation-error) {
    border-color: green;
    /*content: "*";
    color: red;*/
}

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


body {
    /*margin-top: 120px;*/
    /*padding-bottom: 10px;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-top: 110px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.select2-container--default .select2-results__group {
    padding: 0.5rem 0;
    color: black !important;
}

.select2-results__option  [role="treeitem"]::before {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    content: "◾";
    margin-right: 6px;
}

/*.select2-results__option[aria-selected] {
    cursor: pointer;
}*/

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/
/* https://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting */
.materijali {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}


/* http://stackoverflow.com/questions/16649943/css-to-set-a4-paper-size */

/*body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #FAFAFA;
    font: 12pt "Tahoma";
}*/
/** {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}*/
.page {
    width: 210mm;
    min-height: 297mm;
    padding: 20mm;
    margin: 0mm auto;
    border: 1px #D3D3D3 solid;
    border-radius: 5px;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.subpage {
    padding: 1cm;
    border: 5px red solid;
    height: 257mm;
    outline: 2cm #FFEAEA solid;
}

@page {
    size: A4;
    margin: 0;
}

@media print {
    html, body {
        width: 210mm;
        height: 297mm;
    }

    /*div {
        page-break-inside: avoid;
    }*/

    .page {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
    }

    /*onemogucuje ispis*/
    .materijali {
        display: none;
    }
}

.prirucnik h1 {
    margin-top: 1.8rem;
    margin-bottom: 1.1rem;
    color: RGB(0,126,0);
}

.prirucnik h2 {
    margin-top: 1.8rem;
    margin-bottom: 1.1rem;
    color: RGB(0,126,0);
}

.prirucnik h3 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.prirucnik h4 {
    margin-top: 1.5rem;
    margin-bottom: 0.8rem;
    color: RGB(0,0,255);
    font-style: italic;
}

.prirucnik p {
    margin-top: 0.55rem;
    margin-bottom: 0.55rem;
}

.prirucnik ul, ol {
    margin-top: 0.35rem;
    margin-bottom: 0.95rem;
}

.prirucnik img {
    margin-top: 0.55rem;
    margin-bottom: 0.55rem;

    max-width: 100% !important;
    /*margin-left: 1pt !important;*/
    z-index: -1 !important;
    /*display: block !important;*/
    height: auto !important;
}

/*.prirucnik li {
    margin-bottom: 0.3rem;
}*/

.prirucnik table {
    margin-top: 0.8rem;
}

table th {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    background-color: #ccbfdf !important;
}

th.sorting:before,
th.sorting_desc:before,
th.sorting_asc:before,
th.sorting:after,
th.sorting_desc:after,
th.sorting_asc:after {
    padding-top: 0.5rem !important;
    padding-bottom: 0.15rem !important;
}