.md-typeset {
    font-size: 0.65rem
}

p, ol, ul {
    text-align: justify;
}

body {
    background-color: #F9FAFB;
    overflow-y: scroll !important;

}

 .md-typeset [type=checkbox]:checked+.task-list-indicator:before {
     background-color: #426fea;

 }


.md-sidebar__scrollwrap {
    background-color: #F2F3F5;
    border-radius: 0.5rem;
}

.md-nav--primary:before {
    margin-top: 15px;
    background: url("../img/mala.png") center bottom no-repeat;
    background-size: contain;
    content: " ";
    height: 100px;
    display: block;
}

.md-nav svg {
    display: none !important;
}

.md-search__form {
    background-color: #FFF;
    color: #426fea !important;
}

.md-search__input::placeholder, .md-search__icon {
    color: #426fea !important;
}


.md-search__form:hover {
    background-color: #efefef;

}

.md-nav__title {
    color: #545454 !important;
    margin-top: 15px;
    font-weight: normal;
}

.md-nav__link {
    color: #565656 !important;
}

.md-nav__link--active {
    color: #426fea !important;
}

.md-nav__link:hover {
    color: #426fea !important;
}

.md-nav__link--active {
    font-weight: bold;
}

.md-nav--secondary {
    border-left: 4px solid #426fea !important;
    border-radius: 4px;
}


.md-typeset h1 {

    color: #000;
    text-align: left;
    color: #c4c5c5;

    border-radius: 4px;
    font-size: 5vh;
}

.md-typeset h2 {

    background-size: cover;

    text-align: left;
    border-radius: 10px;
    color: #dadada;
    font-size: 4vh;

}

.md-nav__link {
    text-align: left !important;
}

.md-typeset .admonition,
.md-typeset details {
    border-width: 0;
    border-left-width: 4px;
}


.md-nav__title {
    background: none !important;
    box-shadow: none !important;

    font-size: 1rem;
    text-align: center;
    padding-bottom: 30px;
}


@media screen and (min-width: 2100px) {
    .md-container {

        background: url(../img/erste_bg.svg) no-repeat bottom right;
        background-position-x: 99%;
        background-position-y: 94%;
        background-size: 300px;
        background-attachment: fixed;


    }
}


.md-header__topic:first-child {
    font-weight: normal
}

.md-sidebar__scrollwrap {
    /*background: url(../img/illustrations/dozzy-1/6.png) no-repeat bottom left #F2F3F5;*/
    background-size: contain;
}

.md-sidebar__inner {
    margin-top: 30px;

}

.md-header::before {

}

.md-header {


    background: #426fea !important;
    color: #FFF !important;


}

.md-header__inner {


}

.md-footer {
    border-top: 1px solid  #f2f3f5;
    background: #f2f3f5 !important;
    color: #426fea !important;

}

.md-footer-meta {
    background-color: inherit;
}

.md-copyright__highlight {
    color: #757575 !important;
}

.tabbed-set {
    border-left: 4px solid rgba(255, 25, 71, 0.75);
    padding-left: 20px;
    padding-right: 20px;

    border-radius: 0.2rem;
    background-size: contain;
    box-shadow: var(--md-shadow-z1);
    background: url(../img/shapes/abstract-2.svg) no-repeat top right;
    background-size: 10vw;

}


.md-typeset table {
    background-color: rgba(255, 255, 255, 0.6) !important;
}


.admonition.question {
    display: none;
}


html {
    overflow-x: visible !important;
}

.swal2-popup {
    font-size: 0.6rem !important;
}

.pogresan:before {
    background: #ff1947 !important;
    border-radius: 50%;
    border:1px solid rgb(249 250 251);
    -webkit-mask-image: unset !important;
    mask-image: unset;
}


.task-list-indicator:before {
    width: 2em !important;
    height: 2em !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    border-radius: 50%;
    border:1px solid rgb(249 250 251);
}

.yeshover:hover:before {
    background: #6f95f1 !important;
    cursor: pointer;
}

.nohover:hover:before {
    cursor: not-allowed;

}


.task-list-control {
    padding-left: 1em;
    line-height: 2.1em;
}

.tacan:before {
    background: #50CD89 !important;
    width: 2em !important;
    height: 2em !important;
    -webkit-mask-image: var(--md-tasklist-icon) !important;
    mask-image: var(--md-tasklist-icon) !important;

}

.task-list-item {
    margin-left: 2em !important;
}


.md-typeset .admonition.da-se-podsetimo,
.md-typeset details.da-se-podsetimo {
    border-color: rgb(87, 155, 241);
}

.md-typeset .da-se-podsetimo > .admonition-title,
.md-typeset .da-se-podsetimo > summary {
    background-color: rgba(193, 227, 249, 0.4);
}

.md-typeset .da-se-podsetimo > .admonition-title::before,
.md-typeset .da-se-podsetimo > summary::before {
    background-color: rgb(87, 155, 241);
    -webkit-mask-image: var(--md-admonition-icon--abstract);
    mask-image: var(--md-admonition-icon--abstract);
}

.md-typeset .da-se-podsetimo {
    background: url(../img/illustrations/dms/da-se-podsetimo-04.png) no-repeat bottom right;
    background-size: 10vw;
    min-height: 11vw;
}


.md-typeset .da-se-podsetimo p, .md-typeset .da-se-podsetimo ol {
    padding-right: 10vw !important;
}


.md-typeset .admonition.naucices,
.md-typeset details.naucices {
    border-color: rgb(238, 223, 59);
}

.md-typeset .naucices > .admonition-title,
.md-typeset .naucices > summary {
    background-color: rgba(238, 223, 59, 0.1);
}

.md-typeset .naucices > .admonition-title::before,
.md-typeset .naucices > summary::before {
    background-color: rgb(238, 223, 59);
    -webkit-mask-image: var(--md-admonition-icon--success);
    mask-image: var(--md-admonition-icon--success);
}

.md-typeset .naucices {
    background: url(../img/illustrations/dms/naucices-05.png) no-repeat bottom right;
    background-size: 10vw;
    min-height: 11vw;
}

.md-typeset .naucices p, .md-typeset.naucices ol {
    padding-right: 10vw !important;
}


.md-typeset .admonition.procitaj,
.md-typeset details.procitaj {
    border-color: rgb(145, 145, 145);
}

.md-typeset .procitaj > .admonition-title,
.md-typeset .procitaj > summary {
    background-color: rgba(145, 145, 145, 0.1);
}

.md-typeset .procitaj > .admonition-title::before,
.md-typeset .procitaj > summary::before {
    background-color: rgb(145, 145, 145);
    -webkit-mask-image: var(--md-admonition-icon--info);
    mask-image: var(--md-admonition-icon--info);
}

.md-typeset .procitaj {
    background: url(../img/illustrations/dms/procitaj-02.png) no-repeat bottom right;
    background-size: 10vw;
    min-height: 11vw;
}

.md-typeset .procitaj p, .md-typeset.procitaj ol {
    padding-right: 10vw !important;
}


.md-typeset .admonition.resenje,
.md-typeset details.resenje {
    border-color: rgb(248, 201, 45);
}

.md-typeset .resenje > .admonition-title,
.md-typeset .resenje > summary {
    background-color: rgba(248, 201, 45, 0.1);
}

.md-typeset .resenje > .admonition-title::before,
.md-typeset .resenje > summary::before {
    background-color: rgb(248, 201, 45);
    -webkit-mask-image: var(--md-admonition-icon--note);
    mask-image: var(--md-admonition-icon--note);
}

.md-typeset .resenje {
    background: url(../img/illustrations/dms/zadaci-01.png) no-repeat bottom left;
    padding-left: 10vw;
    background-size: 10vw;
    min-height: 11vw;
    padding-top: 10px;
    display: none;

}

.md-typeset .resenje p, .md-typeset.resenje ol {
    padding-right: 10vw !important;
}


.md-typeset .admonition.zadatak,
.md-typeset details.zadatak {
    border-color: rgb(98, 203, 139);
}

.md-typeset .zadatak > .admonition-title,
.md-typeset .zadatak > summary {
    background-color: rgba(98, 203, 139, 0.1);
}

.md-typeset .zadatak > .admonition-title::before,
.md-typeset .zadatak > summary::before {
    background-color: rgb(98, 203, 139);
    -webkit-mask-image: var(--md-admonition-icon--question);
    mask-image: var(--md-admonition-icon--question);
}

.md-typeset .zadatak {
    background: url(../img/shapes/abstract-3.svg) no-repeat top right;
    background-size: 10vw;
    min-height: 11vw;
}

.md-typeset .zadatak p, .md-typeset.zadatak ol {

}

 .md-nav--primary .md-nav__link[for=__toc] ~ .md-nav {
    display: none;
  }


 .odgovor{
     background: #FFF;
     border: 1px solid #e2e2e2;
     border-radius: 5px;
     padding: 5px;
     font-size: 0.65rem;
     box-shadow: var(--md-shadow-z1);
     margin-left:20px;
 }

 .provera{
     padding: 7px;
     background: #50CD89;
     color: #FFF;
     margin:5px;
     border-radius: 5px;
     display: block;
     margin-top:10px;
 }


 .text-success{
     color:#50CD89;
     display: block;
     margin-top:10px;
 }

.text-danger{
    margin-top:10px;
    color: #ff1947;
    display: block;
 }


.youtube-video {
    aspect-ratio: 16 / 9;
    width: 100%;
    box-shadow: var(--md-shadow-z1);
    border-radius: 0.2rem;
}

.button-home{
    width:49.5%;
    background: #526ee7;
    border: 5px;
    border:0 !important;
    color:#FFF !important;
    text-align: center;
    height: 80px;
    padding-top: 28px !important;
}

.d-none{
    display: none;
}

.tabbed-set{
    page-break-inside: avoid;
}

.md-nav__title{
    position: unset !important;
}


@media print {
   body{
       background: #FFF;
   }
}