#home-div, #back-to-webgis-div {
    display: block;
}
nav {
    justify-content: flex-end;
}
#prijava-div {
    position: unset;
}

#obrazac-prijava-javni, #obrazac-registracija-objekata-javni {
    overflow-y: scroll;
    background-color: white;
    padding: 15px 0px;
    display: block;
}

#form-prijava, #form-registracija-objekata {
    width: 70%;
    background: #504e4e14;
    color: #325682;
    box-shadow: 0px 0px 4px 0px #325682;
    padding: 20px!important;
    margin: auto;
}

#form-prijava input[type=submit], #form-registracija-objekata input[type=submit]{
    background-color: #325682;
    color: white;
    border-radius: 5px;
    border: none;
    padding: 7px 10px;
    box-shadow: 0px 0px 8px #325682;
}

#form-prijava input[type=submit]:hover,  #form-registracija-objekata input[type=submit]:hover {
    background-color: #DAC342;
    box-shadow: 0px 0px 12px #DAC342;
}

#form-prijava input[type=checkbox]:hover {
    cursor: pointer;
}

.section-obrazac-prijava, .obrazac-registracija-h3 {
    font-size: 16px;
    text-align: center;
    background: #ffffffd4;
    border-bottom: 0.15rem solid #001f3f80;
    color: #001F3F;
    font-weight: 600;
    box-shadow: 0px 0px 2px 0px #001f3f;
    padding: 10px;
}

.part-obrazac-prijava, .part-obrazac-registracija {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    flex-direction: row;
}



#tablica-obrazac h5, #tablica-obrazac-registracija h5{
    background: none;
    flex-basis: 100%;
    border-bottom: 1.5px solid #3256825e;
    color: #325682;
    font-size: 15px;
    text-shadow: 0px 2px 20px #33333338;
    font-weight: 600;
    margin-bottom: 20px;
}

.part-obrazac-prijava span  {
    display: inline-block;
    width: 180px;
}

.part-obrazac-registracija span  {
    display: inline-block;
    width: 195px;
}

.ostale-informacije span {
    width: 100%;
}

.part-obrazac-prijava div {
    flex-basis: 50%;
    font-size: 14px;
    padding-bottom: 10px;
}

.part-obrazac-registracija div {
    flex-basis: 50%;
    font-size: 14px;
    padding-bottom: 25px;
}

.smaller-flex div {
    flex-basis: 25%;
}

.part-obrazac-prijava input:focus, .part-obrazac-prijava select:focus,
.part-obrazac-registracija input:not(#id_fotografija):focus, .part-obrazac-registracija select:focus,
.part-obrazac-registracija textarea:focus {
    outline: unset;
    border: 2px solid #325682;
}
.part-obrazac-prijava select:hover {
    cursor: pointer;
}
.part-obrazac-prijava input[type=text]:not(#id_struktura_navesti, #id_plutace_ostalo_navesti, #id_svjetlo_ostalo_navesti, #id_nepravilnost_ostalo_navesti) {
    width: 35%;
}
.part-obrazac-prijava input[type=email] {
    width: 35%;
}

.part-obrazac-registracija input[type=text], .part-obrazac-registracija  [type="email"] {
    width: 230px;
}
.part-obrazac-registracija select:not(#id_lucka_kapetanija, #id_tip_vlasnika) {
    width: 35%;
}

.checkbox-prijava label:hover{
    cursor: pointer!important;
    font-weight: 600;
    color: black;
}
.ostalo-span {
    display: block!important;
}
.sections-div, .obrazac-registracija-sections-div {
    padding: 10px 25px;
}

.div-obrazac-registracija {
    flex-basis: 100%!important;
}


.div-obrazac-registracija.textarea span {
    vertical-align: top;
}

.div-obrazac-registracija textarea {
    width: 37%;
}

.checkbox-obrazac-registracija label {
    cursor: pointer;
}
.checkbox-obrazac-registracija label:not(#id_fotografija):hover {
    font-weight: 600;
    color: black;
}

.plan_rokovi {
    flex-basis: 50%;
    display: flex;
    justify-content: space-between;
}

.plan_rokovi div:first-of-type {
    flex-basis: 30%;
}
.plan_rokovi div:nth-of-type(2) {
    flex-basis: 65%;
}

.plan_rokovi div:nth-of-type(2) input  {
    width: 100px;
}
.plan_rokovi div label {
    display: inline;
}

.plan_rokovi div:nth-of-type(2) span {
    width: 180px;
}

.obrazac-registracija-datum input  {
    width: 22%!important;
}

#tablica-obrazac-registracija #id_fotografija {
    font-size: 12px;
}

#navbar-kontakt {
    display: none;
}


#second-div-navbar {
    flex-basis: 50%;
}


#a-prijava-neispravnosti.index, #a-objekti-plovidbe.index {
    display: none;
}

#a-home, #span-obrasci, #a-back-to-webgis {
    display: block;
}

#a-back-to-webgis span{
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    filter: brightness(0) invert(1);
}

#a-back-to-webgis span {
    background-image: url(../img/reply-fill.svg);
}

#navbar-bigger-screens .obrasci-div, .obrasci_admin{
    display: none;
}
#obrazac-prijava-javni label {
    display: inline;
}

@media only screen and (max-width: 1201px) {
    .smaller-flex div {
        flex-basis: 33%;
    }
    .section-obrazac-prijava {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1025px) {
    .div-obrazac-registracija.textarea span, .div-obrazac-registracija span {
        width: 100%;
    }

    .part-obrazac-registracija {
        justify-content: space-between;
    }

    .part-obrazac-registracija div{
        flex-basis: 47%;
    }

    .div-obrazac-registracija textarea {
        width: 50%;
    }
    .plan_rokovi {
        flex-basis: 100%!important;
    }

    .plan_rokovi div:first-of-type {
        flex-basis: 47%;
    }

    .plan_rokovi div:nth-of-type(2) {
        flex-basis: 47%;
    }

    .obrazac-registracija-sections-div:last-of-type .part-obrazac-registracija .obrazac-registracija-datum span {
        width: unset;
        display: block;
    }
}


@media only screen and (max-width: 769px) {
    .smaller-flex div {
        flex-basis: 50%;
    }
   .part-obrazac-prijava input[type=text]:not(#id_struktura_navesti, #id_plutace_ostalo_navesti, #id_svjetlo_ostalo_navesti, #id_nepravilnost_ostalo_navesti) {
        width:85%;
    }
    .part-obrazac-prijava input[type=email] {
        width:85%;
    }

    .part-obrazac-registracija div {
        flex-basis: 100%;
        display: flex;
        align-items: center;
    }

    .part-obrazac-registracija span {
        width: unset;
        flex-basis: 50%;
    }

    .textarea {
        align-items: unset!important;
    }

    .part-obrazac-registracija input:not([type=checkbox]) {
        flex-basis: 50%;
    }

    .div-obrazac-registracija textarea {
        width: 60%;
    }
    .checkbox-obrazac-registracija {
        align-items: baseline!important;
    }
    .plan_rokovi div:nth-of-type(2) span {
        width: 140px;
    }

    .part-obrazac-registracija select:not(#id_lucka_kapetanija, #id_tip_vlasnika) {
        width: 50%!important;
    }

    .obrasci_admin {
        padding: 0px;
    }
}



@media only screen and (max-width: 426px) {
    #form-prijava, #form-registracija-objekata {
        padding: 10px!important;
        width: 95%;
    }
    .part-obrazac-prijava div {
        flex-basis: 100%;
        margin-bottom: 5px;
        padding: 0px 10px;
    }
    .part-obrazac-prijava input[type=text]:not(#id_struktura_navesti, #id_plutace_ostalo_navesti, #id_svjetlo_ostalo_navesti, #id_nepravilnost_ostalo_navesti) {
        width: 100%;
    }
    .part-obrazac-prijava input[type=email] {
        width: 100%;
    }

    .smaller-flex div {
        flex-basis: 100%;
    }
    .checkbox-prijava{
        max-width: unset!important;
    }
    .sections-div {
        padding: 5px;
    }
    .ostalo-span {
        width: 100%!important;
    }
    .ostalo-span input {
        width: 100%;
    }
    .section-obrazac-prijava {
        font-size: 14px;
    }
    #tablica-obrazac h5 {
        font: 12px;
    }
    .ostale-informacije textarea {
        width: 100%;
    }
    .part-obrazac-registracija div {
        width: 100%;
        flex-wrap: wrap;
    }
    .part-obrazac-registracija span, .part-obrazac-registracija input {
        flex-basis: 100%!important;
        width: 100%!important;
    }
    .div-obrazac-registracija textarea {
        width: unset;
        flex-basis: 100%;
    }
    .checkbox-obrazac-registracija input {
        flex-basis: 10%!important;
    }

    .checkbox-obrazac-registracija label {
        flex-basis: 85%!important;
    }
    .plan_rokovi div:first-of-type,  .plan_rokovi div:nth-of-type(2){
        flex-basis: 100%;
    }
    .part-obrazac-prijava, .part-obrazac-registracija {
        margin-bottom: 0px;
    }

    .part-obrazac-registracija div {
        padding-bottom: 10px;
    }
    .part-obrazac-registracija select {
        width: 100%!important;
    }
   

}

.grecaptcha-badge {
    z-index: 9999;
    margin-bottom: 90px;
}