@import url("https://fonts.googleapis.com/css?family=Raleway");

body {
  background: white;
  font-family: "Raleway" !important;
}

/*ADMINISTRACIJA*/

#header {
  background-color: #325682;
}

body:not(.dashboard, .app-auth, .app-obrasci) #content.colM > p a {
  background: #325682 !important;
  padding: 10px 15px !important;
  border: none !important;
  border-radius: 4px !important;
  color: #fff !important;
  cursor: pointer !important;
}

body:not(.dashboard, .app-auth, .app-obrasci) #content.colM > p {
  margin-bottom: 25px;
}

body:not(.dashboard, .app-auth, .app-obrasci) #content.colM > p a:hover {
  background: #dac342 !important;
}

#user-tools {
  text-transform: initial;
  font-size: 14px;
}
#user-tools a {
  border: none;
}

.module {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}

.module caption {
  background: rgba(196, 196, 196, 0.1);
  border-bottom: 2px solid #001f3f7a;
  box-shadow: 0px 1px 0px 0px #00000052;
}

.module caption a {
  color: #163861 !important;
  font-size: 19px !important;
  text-transform: initial;
}

#content-main .app-user.module table tr,
#content-main .app-user.module table tr td,
#content-main .app-user.module table tr th {
  border: none;
}

#content-main .app-auth.module table tr,
#content-main .app-auth.module table tr td,
#content-main .app-auth.module table tr th {
  border: none;
}

#content-main .app-obrasci.module table tr,
#content-main .app-obrasci.module table tr td,
#content-main .app-obrasci.module table tr th {
  border: none;
  background: none;
}
.module table {
  border-collapse: initial;
}

.module table th {
  font-weight: 500;
  font-size: 14px;
}

#toggle-nav-sidebar {
  display: none;
}

.module caption a:hover {
  color: #dac342 !important;
  text-decoration: underline !important;
}
.dashboard .module table td {
  font-size: 14px;
}
.addlink {
  background: url(../img/plus-circle.svg);
  background-repeat: no-repeat;
  padding-left: 22px;
}

.changelink {
  background: url(../img/pencil.svg);
  background-repeat: no-repeat;
  padding-left: 22px;
}

.deletelink {
  background: url(../img/x-circle-fill.svg);
  background-repeat: no-repeat;
}
.viewlink {
  background: url(../img/eye.svg);
  background-repeat: no-repeat;
  padding-left: 22px;
}

#content-related {
  background-color: white;
  margin-right: -85%;
}

#user-tools:not(a) {
  color: #dac342 !important;
}

.module table tbody tr th a {
  color: #001f3f;
  font-weight: 600;
}

.module table tbody tr th a:hover {
  color: #dac342 !important;
  text-decoration: underline !important;
}

.dashboard .module table td a:hover {
  color: #dac342 !important;
  text-decoration: underline !important;
  text-shadow: unset;
}

a:hover {
  color: #dac342 !important;
}

/*Početna -> Autentifikacija -> Korisnici*/
.main.shifted > #nav-sidebar {
  margin-top: 5px;
  margin-left: 15px;
}

#nav-sidebar .current-model {
  background-color: #325682;
  box-shadow: 0px 0px 2px 1px black;
}

#nav-sidebar .current-model th a,
.current-model td a:link {
  color: white;
}

#nav-sidebar .current-model td a:link {
  background: url(../img/plus-circle–visited.svg);
  background-repeat: no-repeat;
}

.current-model a {
  color: white !important;
}

#nav-sidebar {
  border: none;
}
#nav-sidebar table {
  border-collapse: collapse;
}

#nav-sidebar td,
#nav-sidebar th {
  font-size: 14px;
  line-height: 14px;
  padding: 12px;
}

#nav-sidebar .module th,
#nav-sidebar .module tr td {
  border: none;
}

#changelist .paginator {
  width: unset;
  border-bottom: unset !important;
}

.paginator {
  margin: revert !important;
  padding-left: 7px !important;
}

#toolbar {
  border-top: unset !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: 2px solid #001f3f7a !important;
  box-shadow: 0px 1px 3px 0px #00000052;
}

#toolbar form input[type="submit"] {
  background: #325682 !important;
  padding: 8px 12px !important;
  color: white !important;
  border-radius: 10px !important;
  border: 1px solid #325682 !important;
}

#toolbar form input[type="submit"]:focus,
#toolbar form input[type="submit"]:hover {
  border-color: #dac342 !important;
  background: #dac342 !important;
}

#changelist-search > div {
  flex-direction: column;
  gap: 8px !important;
  display: flex;
}

#toolbar .toolbar-container .table-search {
  display: flex;
  align-items: center;
  gap: 8px;
}

#toolbar .toolbar-container p {
  padding: 0 !important;
  margin: 0 !important;
}

#toolbar form #searchbar {
  width: 60%;
  margin: 0 !important;
}

#changelist-search .quiet {
  margin: 0 !important;
}

#content h1 {
  font-weight: 500;
}

div.breadcrumbs {
  background: white !important;
  font-size: 16px !important;
  color: #dac342 !important;
  font-weight: bold;
}

div.breadcrumbs a {
  color: black !important;
  font-weight: normal;
}

div.breadcrumbs a:focus,
div.breadcrumbs a:hover {
  color: #dac342 !important;
}

.object-tools a:link,
.object-tools a:visited {
  background: #325682 !important;
  font-size: 13px;
  color: white !important;
  text-transform: initial !important;
  padding-right: 12px !important;
}

.object-tools a.addlink {
  background-image: unset !important;
}

.object-tools a:focus,
.object-tools a:hover {
  background-color: #dac342 !important;
}

.object-tools a {
  border-radius: 10px;
}

.results thead th a:link,
.results thead th a:visited {
  color: #325682 !important;
}
#result_list table thead th .text a:focus,
table thead th .text a:hover {
  background: unset;
  font-weight: 600;
  color: #dac342 !important;
}

#result_list thead th.sorted {
  background: white !important;
}

#result_list thead th {
  background: white !important;
}

#result_list table tbody tr {
  border-bottom: 1px solid #325682 !important;
}

#changelist {
  border: none;
}

#changelist .changelist-form-container {
  border: 1px solid #c4c4c4;
  border-radius: 10px;
}

#changelist .actions {
  width: auto !important;
}

#result_list tbody,
#result_list {
  border-collapse: collapse !important;
}

#result_list tr {
  border-bottom: 1px solid #c4c4c4 !important;
}
#result_list thead th {
  border-top: none !important;
}
#changelist .actions .button {
  background: #325682 !important;
  padding: 10px 14px !important;
  color: white !important;
  border-radius: 10px !important;
  border: 1px solid #325682 !important;
  line-height: 0 !important;
  font-size: 13px !important;
}
#id_permissions_to,
#id_groups_to,
#id_user_permissions_to {
  border-top: 1px solid #ccc;
  border-radius: 10px;
  margin-top: 5px;
}

.selector-available h2,
.selector-chosen h2 {
  border-radius: 10px !important;
}

#id_permissions_filter,
#id_user_permissions_filter,
#id_groups_filter {
  margin-top: 5px;
  border: 1px solid #ccc;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  border-bottom: unset;
}

.selector select {
  border-bottom-left-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
}

#changelist .actions .button:hover {
  border-color: #dac342 !important;
  background: #dac342 !important;
}
#changelist-form label {
  color: #325682 !important;
  font-size: 13px !important;
}

#searchbar:focus {
  outline: none;
  border-radius: 10px;
  border: 1px solid #325682 !important;
}

#changelist table tbody tr.selected {
  background: #1f77a023 !important;
}

#changelist table input {
  cursor: pointer;
}

#changelist-filter li.selected {
  border-left: 5px solid #325682 !important;
}

#changelist-filter li.selected a {
  color: #325682 !important;
  font-weight: bold;
}

#changelist-filter #changelist-filter-clear {
  color: #dac342 !important;
}

#changelist-filter #changelist-filter-clear:hover {
  text-decoration: underline;
}

input[type="submit"],
input[type="button"],
.submit-row input {
  background: #325682 !important;
}
input[type="submit"]:hover,
input[type="button"]:hover {
  background: #dac342 !important;
}

.selector-chosen h2 {
  background: #325682 !important;
  text-align: center;
}
.form-row.field-groups label,
.form-row.field-user_permissions label {
  font-weight: bold !important;
  font-size: 16px !important;
}

.selector .selector-available h2 {
  text-align: center;
}

#id_permissions_add_link,
#id_groups_add_link,
#id_user_permissions_add_link {
  background: url(../img/arrow-right-square.svg) 0 0 no-repeat !important;
}

#id_permissions_remove_link,
#id_groups_remove_link,
#id_user_permissions_remove_link {
  background: url(../img/arrow-left-square.svg) 0 0 no-repeat !important;
}

.selector ul.selector-chooser {
  background-color: unset !important;
}

.selector-add,
.selector-remove {
  height: 18px !important;
  width: 18px !important;
  box-shadow: 0px 0px 7px #325682;
}

a.selector-chooseall,
a.selector-clearall {
  color: #325682 !important;
}

.form-row input[type="text"],
.form-row select[multiple],
input[type="password"] {
  outline: none !important;
}

.form-row input[type="text"]:focus,
.form-row select[multiple]:focus,
input[type="password"]:focus {
  border: 2px solid #325682 !important;
}
form {
  padding: 4px !important;
}

/*Povijest promjena*/
#change-history thead th {
  color: #325682 !important;
  border-top: unset !important;
  background: white !important;
}

#change-history tbody tr:last-child > * {
  border-bottom: unset !important;
}

/*Promijeni Korisnici*/
#user_form .aligned > h2 {
  background: #325682 !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

label {
  color: #325682 !important;
}
.datetimeshortcuts .date-icon,
.datetimeshortcuts a {
  color: #325682 !important;
}

.datetimeshortcuts a:hover {
  color: #dac342 !important;
  text-decoration: underline;
}

.cancel-link {
  background: white !important;
  color: #325682 !important;
  border: 1px solid #325682 !important;
  border-radius: 10px;
}

.cancel-link:hover {
  background: #dac342 !important;
  color: white !important;
  border: 1px solid #dac342 !important;
  border-radius: 10px;
}

#changelist-filter #changelist-filter-clear a {
  color: #da0000;
}

.submit-row {
  background-color: white !important;
  border: none !important;
}

.form-row {
  border-bottom: unset !important;
}

/*###############
#######SIDEBAR TEST########
###########*/

.change-list #toggle-nav-sidebar {
  display: none;
}

.change-list #nav-sidebar {
  box-shadow: 1px 0px 3px 1px #c4c4c45e;
  padding-right: 10px;
  padding-top: 20px;
  padding-left: 20px;
  margin: 0 !important;
  left: 0px !important;
  background-color: #16386108;
}

.change-list .module {
  border: none;
}

.change-list .module caption {
  border-bottom: none;
  background: unset;
  box-shadow: none;
}

.change-list .module {
  background: none;
}

#nav-sidebar .app-user.module caption a {
  background: url(../img/person-fill.svg);
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 25px;
}

#nav-sidebar .app-auth.module caption a {
  background: url(../img/people-fill.svg);
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 25px;
}

#nav-sidebar .app-obrasci.module caption a {
  background: url(../img/pencil-square.svg);
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 25px;
}

.change-list .module table tr {
  background: unset;
}

.change-list #changelist-filter {
  box-shadow: 0px 1px 10px 6px #c4c4c45e;
  background: #f8f9fa;
}

.change-list #changelist-filter h2 {
  font-size: 19px;
  letter-spacing: 0.5px;
  padding: 5px 15px;
  margin-bottom: 12px;
  border-bottom: none;
  background: #ffffff00;
  color: black;
  text-transform: inherit !important;
}

.change-list #changelist-filter h3 {
  color: #325682 !important;
  text-transform: inherit !important;
  border-radius: 5px !important;
  font-size: 16px;
  padding: px;
  padding-top: 5px;
  padding-bottom: 5px;
}

/*Novi unos test*/
.change-form #toggle-nav-sidebar {
  display: none;
}

.change-form #nav-sidebar {
  box-shadow: 1px 0px 3px 1px #c4c4c45e;
  padding-right: 10px;
  padding-top: 20px;
  padding-left: 20px;
  margin: 0 !important;
  left: 0px !important;
  background-color: #16386108;
}

.change-form .module {
  border: none;
  background: unset;
}

.change-form .module table tr {
  background: unset;
}

.change-form .module caption {
  border-bottom: none !important;
  box-shadow: none !important;
  background: none !important;
}

/*Brisanje korisnika*/
.delete-confirmation #toggle-nav-sidebar {
  display: none;
}

.delete-confirmation #nav-sidebar {
  box-shadow: 1px 0px 3px 1px #c4c4c45e;
  padding-right: 10px;
  padding-top: 20px;
  padding-left: 20px;
  margin: 0 !important;
  left: 0px !important;
  background-color: #16386108;
}
.delete-confirmation .module {
  border: none;
}

.delete-confirmation .module caption {
  border-bottom: none;
  background: unset;
  box-shadow: none;
}

.delete-confirmation .module {
  background: none;
}

.delete-confirmation .module table tr {
  background: unset;
}

/*POVIJEST*/

body[class=""] #toggle-nav-sidebar {
  display: none;
}

body[class=""] #nav-sidebar {
  box-shadow: 1px 0px 3px 1px #c4c4c45e;
  padding-right: 10px;
  padding-top: 20px;
  padding-left: 20px;
  margin: 0 !important;
  left: 0px !important;
  background-color: #16386108;
}

body[class=""] .module {
  border: none;
}

body[class=""] .module caption {
  border-bottom: none;
  background: unset;
  box-shadow: none;
}

body[class=""] .module {
  background: none;
}
body[class=""] .module table tr {
  background: unset;
}

#prijava_neispravnosti_form,
#objekt_sigurnosti_form {
  background: #c4c4c426;
  color: #325682;
  font-weight: 600;
  box-shadow: 0px 0px 4px 0px #325682;
  padding: 15px !important;
}

#prijava_neispravnosti_form .description,
#objekt_sigurnosti_form .description {
  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;
}

/*model-prijava_neispravnosti*/

#prijava_neispravnosti_form .vCheckboxLabel:hover,
#objekt_sigurnosti_form .vCheckboxLabel:hover {
  cursor: pointer;
  font-weight: 600;
}

#prijava_neispravnosti_form .module h2,
#objekt_sigurnosti_form .module h2 {
  background: none;
  border-bottom: 0.15rem solid #3256825e;
  color: #325682;
  font-size: 15px;
  text-shadow: 0px 2px 20px #33333338;
  font-weight: 600;
  flex-basis: 100%;
  text-transform: none !important;
}

#prijava_neispravnosti_form .module:has(.description) {
  margin-bottom: 10px !important;
}

/*#prijava_neispravnosti_form .module.aligned:nth-of-type(16) {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;

    dash-circle-fill.svg
} */

#prijava_neispravnosti_form .module.aligned:nth-of-type(16) {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

#prijava_neispravnosti_form .module.aligned:nth-of-type(16) fieldset .fieldBox {
  display: flex;
  flex-basis: 100%;
  align-items: baseline;
}

#prijava_neispravnosti_form .module.aligned:nth-of-type(16) .vCheckboxLabel {
  width: unset !important;
  word-break: break-word;
}

label[for="id_nepravilnost_ostalo_navesti"],
label[for="id_svjetlo_ostalo_navesti"],
label[for="id_plutace_ostalo_navesti"],
label[for="id_struktura_navesti"] {
  display: none !important;
}

/*#prijava_neispravnosti_form .module.aligned:nth-of-type(16) .form-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
} */

#prijava_neispravnosti_form .module.aligned:nth-of-type(16) .form-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

/*#prijava_neispravnosti_form .module.aligned:nth-of-type(17), #prijava_neispravnosti_form .module.aligned:nth-of-type(18),
#prijava_neispravnosti_form .module.aligned:nth-of-type(9), #prijava_neispravnosti_form .module.aligned:nth-of-type(10), 
#prijava_neispravnosti_form .module.aligned:nth-of-type(12), #prijava_neispravnosti_form .module.aligned:nth-of-type(13)  {
    display: flex;
    flex-basis: 100%;
    flex-direction: row;
    flex-wrap: wrap;
} */

#prijava_neispravnosti_form .module.aligned:nth-of-type(17),
#prijava_neispravnosti_form .module.aligned:nth-of-type(18),
#prijava_neispravnosti_form .module.aligned:nth-of-type(9),
#prijava_neispravnosti_form .module.aligned:nth-of-type(10),
#prijava_neispravnosti_form .module.aligned:nth-of-type(12),
#prijava_neispravnosti_form .module.aligned:nth-of-type(13) {
  display: flex;
  flex-basis: 100%;
  flex-direction: row;
  flex-wrap: wrap;
}

#prijava_neispravnosti_form .submit-row,
#objekt_sigurnosti_form .submit-row {
  background-color: unset !important;
}
#prijava_neispravnosti_form .aligned p.help,
#prijava_neispravnosti_form
  .aligned
  div:not(
    .field-datum_opservacije,
    .field-sat_opservacije,
    .field-datum_prijave,
    .field-sat_prijave
  )
  .help {
  margin-left: 0px !important;
  width: 100%;
}

#objekt_sigurnosti_form .module.aligned:nth-of-type(9) {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
}

#objekt_sigurnosti_form .module.aligned:nth-of-type(9) .form-row {
  flex-basis: 45%;
}

#objekt_sigurnosti_form .module.aligned:nth-of-type(9) .inline {
  padding: 0px;
}

#objekt_sigurnosti_form .module.aligned:nth-of-type(9) .vCheckboxLabel {
  width: 200px;
}
#objekt_sigurnosti_form .errorlist {
  width: fit-content;
}

#objekt_sigurnosti_form .module.aligned:not(:nth-of-type(2)) .form-row {
  display: flex;
  flex-basis: 100%;
  flex-direction: row;
}
#objekt_sigurnosti_form .module.aligned .form-row .fieldBox:first-child {
  flex-basis: 35%;
}

/*PRIJAVA NEISPRAVNOSTI READ_ONLY**/

#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(2),
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(3),
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(5),
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(6),
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(7),
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(9),
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(10),
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(11),
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(12),
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(17),
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(18),
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(14) {
  display: flex;
  flex-basis: 100%;
  flex-direction: row;
  flex-wrap: wrap;
}

#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(2)
  .form-row,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(3)
  .form-row,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(5)
  .form-row,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(6)
  .form-row,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(11)
  .form-row {
  flex-basis: 35%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(17)
  .form-row,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(18)
  .form-row {
  flex-basis: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(9)
  .form-row,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(10)
  .form-row,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(12)
  .form-row,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(13)
  .form-row {
  flex-basis: 17%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(13)
  .form-row.field-struktura_ostalo.field-struktura_navesti {
  flex-basis: 80%;
}

#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(2)
  .form-row
  .fieldBox,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(3)
  .form-row
  .fieldBox,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(5)
  .form-row
  .fieldBox,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(6)
  .form-row
  .fieldBox,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(7)
  .form-row
  .fieldBox,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(9)
  .form-row
  .fieldBox,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(10)
  .form-row
  .fieldBox,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(11)
  .form-row
  .fieldBox,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(12)
  .form-row
  .fieldBox,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(14)
  .form-row
  .fieldBox {
  display: flex;
  flex-basis: 50%;
  flex-wrap: wrap;
  flex-direction: row;
  margin-right: unset;
}
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(17)
  .form-row
  .fieldBox,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(18)
  .form-row
  .fieldBox {
  display: flex;
  flex-basis: 18%;
  flex-wrap: wrap;
  flex-direction: row;
  margin-right: unset;
}

#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(16)
  .form-row.field-nepravilnost_ostalo.field-nepravilnost_ostalo_navesti,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(18)
  .form-row.field-plutace_ostalo.field-plutace_ostalo_navesti {
  flex-basis: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.fieldBox.field-plutace_ostalo,
.fieldBox.field-nepravilnost_ostalo,
.fieldBox.field-svjetlo_ostalo {
  flex-basis: unset !important;
}
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .aligned
  label
  + div.readonly {
  margin-left: 0px;
  flex-basis: 80%;
  padding: 4px 0;
}

#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .aligned:not(:nth-of-type(16))
  label {
  width: unset;
  flex-basis: 100%;
}

#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .aligned
  div.help {
  margin-left: unset;
  padding-left: unset;
}

#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .form-row.field-ostale_informacije
  label {
  width: 100%;
}

#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .aligned:nth-of-type(13)
  div.help,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .aligned:nth-of-type(16)
  div.help,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .aligned:nth-of-type(17)
  div.help,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .aligned:nth-of-type(18)
  div.help {
  display: none;
}

#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .fieldBox.field-svjetlo_ostalo_navesti
  .inline,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .fieldBox.field-plutace_ostalo_navesti
  .inline,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .fieldBox.field-nepravilnost_ostalo_navesti
  .inline,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .fieldBox.field-struktura_navesti
  .inline {
  display: none;
}

#prijava_neispravnosti_form.view_prijava_neispravnosti_custom .aligned label {
  padding: 0px;
}

#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .module.aligned:nth-of-type(17)
  .form-row
  .fieldBox.field-svjetlo_ostalo,
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .fieldBox.field-nepravilnost_ostalo {
  flex-basis: 9% !important;
}
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .form-row.field-nepravilnost_ostalo.field-nepravilnost_ostalo_navesti {
  flex-direction: row !important;
}

#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .fieldBox.field-nepravilnost_ostalo {
  width: 115px;
}
#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .fieldBox.field-plutace_ostalo_navesti {
  flex-basis: 100% !important;
}

#prijava_neispravnosti_form.view_prijava_neispravnosti_custom
  .fieldBox.field-svjetlo_ostalo_navesti {
  flex-basis: 55% !important;
}

/**/
#objekt_sigurnosti_form.view_obrazac_sigurnosti_custom
  .module.aligned
  .form-row
  .fieldBox:last-child,
#objekt_sigurnosti_form.view_obrazac_sigurnosti_custom
  .module.aligned
  .form-row
  .fieldBox:first-child {
  flex-basis: 40%;
}

#objekt_sigurnosti_form.view_obrazac_sigurnosti_custom div.help {
  display: none;
}

#objekt_sigurnosti_form .field-simbol_oznaka > div {
  flex-basis: 100%;
}

#objekt_sigurnosti_form #id_simbol_oznaka {
  display: flex;
  flex-direction: row;
  flex-basis: 100%;
  align-items: baseline;
  text-align: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

#objekt_sigurnosti_form #id_simbol_oznaka li {
  flex-basis: 10%;
}

#objekt_sigurnosti_form #id_simbol_oznaka li img,
#objekt_sigurnosti_form #id_simbol_oznaka li label,
#objekt_sigurnosti_form #id_simbol_oznaka input {
  cursor: pointer;
  margin-top: 10%;
  margin-bottom: 10%;
}

#odustanak {
  background: #325682;
  padding: 10px 15px;
  border: none;
  border-radius: 4px;
  color: #fff !important;
  cursor: pointer;
  font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 13px;
  margin: 2px 0;
  vertical-align: middle;
}

#objekt_sigurnosti_form .form-row.field-ps_br.field-e_br,
#objekt_sigurnosti_form
  .form-row.field-kategorija_znacaja.field-znacaj_objekta {
  align-items: baseline;
}

#objekt_sigurnosti_form .fieldBox.field-e_br,
#objekt_sigurnosti_form .fieldBox.field-geografska_duzina,
#objekt_sigurnosti_form .fieldBox.field-grupa_1_duzina,
#objekt_sigurnosti_form .fieldBox.field-grupa_2_duzina,
#objekt_sigurnosti_form .fieldBox.field-grupa_3_duzina,
#objekt_sigurnosti_form .fieldBox.field-grupa_4_duzina,
#objekt_sigurnosti_form .fieldBox.field-znacaj_objekta {
  flex-basis: 35%;
}

#objekt_sigurnosti_form .fieldBox.field-geografska_sirina label,
#objekt_sigurnosti_form .fieldBox.field-geografska_duzina label,
#objekt_sigurnosti_form .fieldBox.field-grupa_1_duzina label,
#objekt_sigurnosti_form .fieldBox.field-grupa_2_duzina label,
#objekt_sigurnosti_form .fieldBox.field-grupa_3_duzina label,
#objekt_sigurnosti_form .fieldBox.field-grupa_4_duzina label,
#objekt_sigurnosti_form .fieldBox.field-grupa_1_sirina label,
#objekt_sigurnosti_form .fieldBox.field-grupa_2_sirina label,
#objekt_sigurnosti_form .fieldBox.field-grupa_3_sirina label,
#objekt_sigurnosti_form .fieldBox.field-grupa_4_sirina label {
  width: auto;
}

#objekt_sigurnosti_form .fieldBox.field-status_objekta {
  flex-basis: 20%;
}
#objekt_sigurnosti_form .module.aligned:nth-of-type(5) label,
#objekt_sigurnosti_form
  .module.aligned:nth-of-type(6)
  label:not(.vCheckboxLabel) {
  width: 100% !important;
}

#objekt_sigurnosti_form .fieldBox.field-tip_objekta .help,
#objekt_sigurnosti_form .fieldBox.field-status_objekta .help,
#objekt_sigurnosti_form .fieldBox.field-kategorija_znacaja .help {
  margin-left: 0px;
}

#objekt_sigurnosti_form .module.aligned:nth-of-type(6) .fieldBox {
  flex-basis: 35%;
}
#objekt_sigurnosti_form .module.aligned:nth-of-type(6) .fieldBox label {
  width: 180px;
}

#objekt_sigurnosti_form .module.aligned:nth-of-type(6) .help {
  margin-left: 0px;
}

#objekt_sigurnosti_form
  .module.aligned:nth-of-type(9)
  .form-row
  .fieldBox:first-child {
  display: flex;
  align-items: baseline;
}

#odustanak:hover {
  background: #dac342 !important;
}

#tipke-logout {
  text-align: center !important;
  padding: unset !important;
  padding-top: 20px !important;
}

th,
a,
input {
  font-family: "Raleway" !important;
}

.div_simboli1 {
  margin-right: 20%;
  margin-top: 20%;
  margin-bottom: 20%;
  margin-left: 20%;
  background: #ffffffd4;
  border-bottom: 0.05rem solid #001f3f80;
  box-shadow: 0px 0px 3px 0px #001f3f;
}

.onmouseover {
  background-color: #325682 !important;
  box-shadow: 0px 0px 2px 1px black;
}

.onclick {
  background-color: #325682 !important;
  box-shadow: 0px 0px 2px 1px black;
}

.onclick-font {
  color: white !important;
}

.onmouseover-font {
  color: white !important;
}

#open_objekt_onmap {
  background: #325682 !important;
  padding: 12px 14px !important;
  color: white !important;
  border-radius: 10px !important;
  border: 1px solid #325682 !important;
  line-height: 0 !important;
  font-size: 13px !important;
  margin-left: 10px;
  cursor: pointer;
  text-transform: initial !important;
  font-weight: 300 !important;
}

#open_objekt_onmap:hover {
  border-color: #dac342 !important;
  background: #dac342 !important;
  cursor: pointer;
}

form .aligned ul#id_simbol_oznaka {
  margin-left: 0px;
}

#objekt_sigurnosti_form #change_id_odgovoran,
#objekt_sigurnosti_form #add_id_odgovoran,
#objekt_sigurnosti_form #delete_id_odgovoran {
  display: none;
}

#kvar_set-group .add-row a,
#odrzavanje_set-group .add-row a {
  color: #325682 !important;
  background: url(../img/plus-circle.svg) !important;
  background-repeat: no-repeat !important;
  padding: 1px 20px !important;
  padding-bottom: 16px !important;
}

#kvar_set-group .add-row,
#odrzavanje_set-group .add-row {
  padding: 10px 15px;
  background: unset !important;
}

#kvar_set-group .add-row a:hover,
#odrzavanje_set-group .add-row a:hover {
  color: #dac342 !important;
}

.inline-deletelink {
  background-image: url(../img/dash-circle-fill.svg) !important;
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.inline-deletelink:focus,
.inline-deletelink:hover {
  background-image: url(../img/dash-circle-fill_hover.svg) !important;
}

#kvar_set-group .inline-related h3,
#odrzavanje_set-group .inline-related h3 {
  color: #325682 !important;
  background: none !important;
  border: none !important;
  font-size: 14px !important;
}

#kvar_set-group textarea,
#odrzavanje_set-group textarea {
  height: 40px;
}

#kvar_set-group .field-vrijeme_neispravnosti input[type="text"],
#odrzavanje_set-group .field-vrijeme_neispravnosti input[type="text"] {
  width: unset !important;
}

#objekt_sigurnosti_form input[name="_addanother"],
#objekt_sigurnosti_form input[name="_continue"] {
  margin-bottom: 1.5px;
}

#objekt_sigurnosti_form .closelink {
  background: #325682 !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  color: white !important;
}

#objekt_sigurnosti_form .closelink:hover {
  background: #dac342 !important;
  color: white !important;
}

@media only screen and (max-width: 1441px) {
  #objekt_sigurnosti_form #id_simbol_oznaka li {
    flex-basis: 10%;
  }
  #objekt_sigurnosti_form .fieldBox.field-e_br,
  #objekt_sigurnosti_form .fieldBox.field-geografska_duzina,
  #objekt_sigurnosti_form .fieldBox.field-grupa_1_duzina,
  #objekt_sigurnosti_form .fieldBox.field-grupa_2_duzina,
  #objekt_sigurnosti_form .fieldBox.field-grupa_3_duzina,
  #objekt_sigurnosti_form .fieldBox.field-grupa_4_duzina {
    flex-basis: unset;
  }
  #objekt_sigurnosti_form .module.aligned .form-row .fieldBox:first-child {
    flex-basis: 50%;
  }

  #objekt_sigurnosti_form
    .module.aligned:nth-of-type(9)
    .form-row
    .fieldBox:last-child {
    flex-basis: 35%;
  }

  #objekt_sigurnosti_form .module.aligned:nth-of-type(9) .inline {
    width: 200px;
  }
  #objekt_sigurnosti_form .module.aligned:nth-of-type(9) .vCheckboxLabel {
    width: 160px;
  }

  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(16) {
    justify-content: unset;
  }

  /**/
  #objekt_sigurnosti_form.view_obrazac_sigurnosti_custom
    .module.aligned
    .form-row
    .fieldBox:last-child,
  #objekt_sigurnosti_form.view_obrazac_sigurnosti_custom
    .module.aligned
    .form-row
    .fieldBox:first-child {
    flex-basis: 45%;
  }
  #objekt_sigurnosti_form.view_obrazac_sigurnosti_custom
    .module.aligned:nth-of-type(9)
    .inline {
    width: 160px;
  }
  #objekt_sigurnosti_form.view_obrazac_sigurnosti_custom
    .module.aligned:nth-of-type(9)
    .form-row {
    flex-basis: 100%;
  }
  #objekt_sigurnosti_form.view_obrazac_sigurnosti_custom
    .fieldBox.field-fotografija {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 1025px) {
  #objekt_sigurnosti_form .errorlist {
    margin: 0px;
  }
  #objekt_sigurnosti_form #id_simbol_oznaka li {
    flex-basis: 20%;
  }
  #prijava_neispravnosti_form .module.aligned:nth-of-type(16) .form-row {
    flex-basis: 45%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }

  #prijava_neispravnosti_form
    .module.aligned:nth-of-type(16)
    .form-row:last-child {
    flex-basis: 100%;
  }
  #prijava_neispravnosti_form fieldset .fieldBox {
    border: none;
  }

  #prijava_neispravnosti_form fieldset:nth-of-type(16) .fieldBox {
    display: flex;
    flex-wrap: wrap;
  }

  #objekt_sigurnosti_form .module.aligned .form-row {
    justify-content: space-between;
    align-items: baseline;
  }
  #objekt_sigurnosti_form .module.aligned .form-row .fieldBox {
    flex-basis: 50%;
  }

  #objekt_sigurnosti_form fieldset .fieldBox {
    border: unset !important;
    padding: unset !important;
    margin: unset !important;
  }

  #objekt_sigurnosti_form .module.aligned label:not(.vCheckboxLabel) {
    width: 100%;
  }

  #objekt_sigurnosti_form .module.aligned:nth-of-type(9) .form-row {
    flex-basis: 100%;
  }
  #objekt_sigurnosti_form
    .module.aligned:nth-of-type(9)
    .form-row
    .fieldBox:last-child,
  #objekt_sigurnosti_form
    .module.aligned:nth-of-type(11)
    .form-row
    .fieldBox:last-child {
    flex-basis: 50%;
  }

  #objekt_sigurnosti_form .module.aligned:nth-of-type(9) .vCheckboxLabel {
    width: 220px;
  }

  #objekt_sigurnosti_form .aligned .help {
    margin-left: 0px;
  }

  #objekt_sigurnosti_form .related-widget-wrapper {
    float: left;
  }
  #objekt_sigurnosti_form fieldset:nth-of-type(13) .readonly {
    margin-left: 0px;
  }

  #content h1 {
    margin: 0 0 55px;
  }
  /*/*/

  #objekt_sigurnosti_form.view_obrazac_sigurnosti_custom .aligned label + p,
  #objekt_sigurnosti_form.view_obrazac_sigurnosti_custom
    .aligned
    label
    + div.help,
  #objekt_sigurnosti_form.view_obrazac_sigurnosti_custom
    .aligned
    label
    + div.readonly {
    margin-left: 0px;
  }
  #objekt_sigurnosti_form.view_obrazac_sigurnosti_custom
    .module.aligned:nth-of-type(9)
    .inline {
    width: 100%;
  }
  #objekt_sigurnosti_form.view_obrazac_sigurnosti_custom
    .module.aligned
    .form-row
    .fieldBox:last-child,
  #objekt_sigurnosti_form.view_obrazac_sigurnosti_custom
    .module.aligned
    .form-row
    .fieldBox:first-child {
    flex-basis: 50%;
  }
  #objekt_sigurnosti_form.view_obrazac_sigurnosti_custom
    .module.aligned
    .form-row
    .fieldBox.field-fotografija
    .readonly {
    word-break: break-all;
  }
  #objekt_sigurnosti_form .aligned p.file-upload {
    margin-left: 0px;
  }

  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(2)
    .form-row,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(3)
    .form-row,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(5)
    .form-row,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(6)
    .form-row,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(11)
    .form-row {
    flex-basis: 100%;
  }
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(2)
    .form-row
    .fieldBox,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(3)
    .form-row
    .fieldBox,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(5)
    .form-row
    .fieldBox,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(6)
    .form-row
    .fieldBox,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(7)
    .form-row
    .fieldBox,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(9)
    .form-row
    .fieldBox,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(10)
    .form-row
    .fieldBox,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(11)
    .form-row
    .fieldBox,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(12)
    .form-row
    .fieldBox,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(14)
    .form-row
    .fieldBox {
    flex-basis: 48%;
  }

  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    fieldset
    .fieldBox
    + .fieldBox,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    fieldset
    .fieldBox {
    margin: 0px !important;
    padding: 0px !important;
  }

  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(7)
    .form-row {
    display: flex;
    flex-basis: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }

  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(9)
    .form-row,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(10)
    .form-row,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(12)
    .form-row,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(13)
    .form-row {
    flex-basis: 44%;
  }

  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(13)
    .form-row
    .fieldBox.field-struktura_navesti {
    margin-left: 10px;
  }

  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .aligned:nth-of-type(16)
    label {
    width: 220px;
  }

  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(17)
    .form-row
    .fieldBox,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(18)
    .form-row
    .fieldBox {
    flex-basis: 30%;
  }
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .fieldBox.field-svjetlo_ostalo_navesti {
    flex-basis: 100% !important;
  }
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(17)
    .form-row
    .fieldBox.field-svjetlo_ostalo,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .fieldBox.field-nepravilnost_ostalo {
    flex-basis: 100% !important;
  }
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(16)
    .form-row.field-nepravilnost_ostalo.field-nepravilnost_ostalo_navesti,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(18)
    .form-row.field-plutace_ostalo.field-plutace_ostalo_navesti {
    flex-basis: 100%;
  }
}

@media only screen and (max-width: 993px) {
  #objekt_sigurnosti_form .aligned ul {
    margin-left: 0px;
  }

  #objekt_sigurnosti_form .form-row select {
    padding: 5px 6px;
  }

  #objekt_sigurnosti_form .module.aligned .form-row .fieldBox {
    flex-basis: 50% !important;
  }
}

@media only screen and (max-width: 769px) {
  #objekt_sigurnosti_form input[name="_addanother"],
  #objekt_sigurnosti_form input[name="_continue"] {
    margin-bottom: 0px;
  }

  #prijava_neispravnosti_form .aligned:nth-of-type(16) .form-row input {
    flex: 0 1 auto;
  }
  #prijava_neispravnosti_form .aligned .form-row input,
  #prijava_neispravnosti_form .aligned .form-row select,
  #prijava_neispravnosti_form .aligned .form-row textarea {
    flex: unset;
  }
  #prijava_neispravnosti_form .module.aligned .form-row,
  #prijava_neispravnosti_form .module.aligned:nth-of-type(16) .form-row {
    flex-basis: 100%;
  }
  #prijava_neispravnosti_form .field-ostale_informacije textarea {
    width: 100%;
  }
  #prijava_neispravnosti_form .module.aligned .datetimeshortcuts {
    margin-left: 5px !important;
  }

  #changelist .actions select {
    width: 100%;
  }
  #changelist .actions .button {
    margin: 0 10px 0px 0px !important;
  }

  #objekt_sigurnosti_form .help {
    margin-left: 0px;
  }
  #objekt_sigurnosti_form
    .fieldBox:not(.field-fotografija)
    label:not(.vCheckboxLabel) {
    display: block;
    width: 100% !important;
  }
  #objekt_sigurnosti_form
    .module.aligned
    input[type="text"]:not(.vDateField, .vTimeField),
  #objekt_sigurnosti_form .module.aligned input[type="number"],
  #objekt_sigurnosti_form .module.aligned input[type="email"] {
    display: block;
    width: 100% !important;
  }
  #objekt_sigurnosti_form .module.aligned .form-row select {
    display: block;
    width: 100%;
  }
  #objekt_sigurnosti_form .form-row label:not(.vCheckboxLabel) {
    width: 100% !important;
  }
  .related-widget-wrapper {
    float: none !important;
    overflow: unset !important;
  }

  #objekt_sigurnosti_form .module.aligned:nth-of-type(9) .vCheckboxLabel,
  #objekt_sigurnosti_form .module.aligned:nth-of-type(10) .vCheckboxLabel,
  #objekt_sigurnosti_form .module.aligned:nth-of-type(11) .vCheckboxLabel,
  #objekt_sigurnosti_form .module.aligned:nth-of-type(12) .vCheckboxLabel {
    width: 250px !important;
  }

  #objekt_sigurnosti_form .module.aligned:nth-of-type(9) .form-row,
  #objekt_sigurnosti_form .module.aligned:nth-of-type(10) .form-row,
  #objekt_sigurnosti_form .module.aligned:nth-of-type(11) .form-row,
  #objekt_sigurnosti_form .module.aligned:nth-of-type(12) .form-row {
    flex-basis: 100%;
  }

  #objekt_sigurnosti_form .module.aligned textarea {
    width: 100% !important;
  }

  #objekt_sigurnosti_form input[type="submit"]:last-of-type {
    margin-top: 5px;
  }

  #objekt_sigurnosti_form .aligned .form-row,
  #objekt_sigurnosti_form .aligned .form-row .fieldBox {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    flex-basis: 100% !important;
  }
  #objekt_sigurnosti_form .aligned .form-row input {
    flex: unset !important;
  }
  #objekt_sigurnosti_form .module.aligned .form-row .fieldBox,
  #objekt_sigurnosti_form .module.aligned .form-row div {
    flex-basis: 100% !important;
    margin-bottom: 10px !important;
  }
  #objekt_sigurnosti_form .aligned:nth-of-type(9) .form-row input,
  #objekt_sigurnosti_form .aligned:nth-of-type(10) .form-row input,
  #objekt_sigurnosti_form .aligned:nth-of-type(11) .form-row input,
  #objekt_sigurnosti_form .aligned:nth-of-type(12) .form-row input {
    flex-basis: 50% !important;
    width: unset !important;
    flex: unset !important;
    display: inline-block !important;
  }

  #objekt_sigurnosti_form .module.aligned:nth-of-type(9) .datetimeshortcuts,
  #objekt_sigurnosti_form .module.aligned:nth-of-type(10) .datetimeshortcuts,
  #objekt_sigurnosti_form .module.aligned:nth-of-type(11) .datetimeshortcuts,
  #objekt_sigurnosti_form .module.aligned:nth-of-type(12) .datetimeshortcuts {
    margin-left: 10px !important;
  }
  #objekt_sigurnosti_form #id_godina_izgradnje {
    width: unset !important;
    display: inline-block;
  }

  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned
    .form-row {
    flex-basis: 100% !important;
  }

  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned
    .form-row
    .fieldBox {
    flex-basis: 100% !important;
  }
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    fieldset
    .fieldBox
    + .fieldBox,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    fieldset
    .fieldBox {
    margin: 0 -10px !important;
    padding: 0 10px !important;
  }
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom .aligned label {
    padding-top: 6px;
  }

  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .aligned:not(:nth-of-type(16))
    label {
    flex-basis: unset;
    width: 220px;
  }
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .aligned
    label
    + div.readonly {
    flex-basis: unset;
  }
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom .aligned p.help,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .aligned
    div.help {
    margin-left: 220px;
  }
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(9)
    .form-row
    div,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(10)
    .form-row
    div,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(11)
    .form-row
    div,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(12)
    .form-row
    div,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(13)
    .form-row
    div,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(17)
    .form-row
    .fieldBox.field-svjetlo_ostalo,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(19)
    .form-row
    div {
    flex-basis: 100% !important;
  }
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(19)
    .form-row
    div {
    display: flex;
    flex-wrap: wrap;
  }

  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .aligned
    div.readonly {
    padding: 10px 0 !important;
  }
  #objekt_sigurnosti_form #id_simbol_oznaka li {
    flex-basis: 25%;
  }
  #objekt_sigurnosti_form .aligned label + p,
  #objekt_sigurnosti_form .aligned label + div.help,
  #objekt_sigurnosti_form .aligned label + div.readonly {
    margin-left: 0px !important;
  }
  #objekt_sigurnosti_form .submit-row input:nth-of-type(2) {
    margin-top: 5px;
  }
}

@media only screen and (max-width: 426px) {
  #objekt_sigurnosti_form .submit-row input:nth-of-type(2) {
    margin: 0 0 10px;
  }
  #objekt_sigurnosti_form #id_simbol_oznaka li {
    flex-basis: 33%;
    padding: 0px;
  }

  #objekt_sigurnosti_form input[type="submit"]:last-of-type {
    margin: 0 0 10px;
  }
  form {
    padding: 0px !important;
  }
  .change-form .module.aligned .form-row div {
    flex-basis: 100%;
    flex-wrap: wrap;
  }
  .change-form .form-row .checkbox-row {
    flex-basis: 100%;
    flex-wrap: wrap;
  }
  .model-prijava_neispravnosti fieldset.module.aligned .form-row {
    display: block;
  }

  .model-prijava_neispravnosti .module.aligned h2 {
    margin-bottom: 10px;
    font-size: 14px;
  }

  #content h1 {
    margin: 0 0 10px;
  }

  #changelist .actions {
    padding: 15px 5px !important;
  }

  #changelist .actions .button {
    margin: 0 0 0 10px !important;
  }
  #prijava_neispravnosti_form .module.aligned .field-struktura_ostalo input {
    flex: unset;
  }
  #prijava_neispravnosti_form .field-ostale_informacije textarea {
    width: 90%;
  }

  #prijava_neispravnosti_form fieldset input[type="text"] {
    flex-basis: 100%;
  }

  #objekt_sigurnosti_form .aligned input[type="text"],
  #objekt_sigurnosti_form .aligned input[type="number"],
  #objekt_sigurnosti_form .module.aligned input[type="email"] {
    width: 100% !important;
  }
  #objekt_sigurnosti_form .module.aligned:nth-of-type(9) input[type="text"],
  #objekt_sigurnosti_form .module.aligned:nth-of-type(10) input[type="text"],
  #objekt_sigurnosti_form .module.aligned:nth-of-type(11) input[type="text"],
  #objekt_sigurnosti_form .module.aligned:nth-of-type(12) input[type="text"] {
    width: 70% !important;
  }
  #objekt_sigurnosti_form .module.aligned:nth-of-type(9) .inline {
    margin-bottom: 5px;
  }
  #objekt_sigurnosti_form .clearable-file-input label {
    width: auto !important;
    display: inline;
  }

  #objekt_sigurnosti_form #id_godina_izgradnje {
    width: 70% !important;
  }

  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .aligned
    div.readonly {
    padding: 7px 0 !important;
  }
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned
    .form-row
    > div {
    justify-content: space-between;
    width: 100%;
  }
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom .aligned label {
    flex-basis: 55% !important;
    width: unset !important;
  }
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .aligned
    div.readonly {
    flex-basis: 40% !important;
  }
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom .aligned p.help,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .aligned
    div.help {
    margin-left: 55% !important;
  }
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(9)
    .form-row
    div.readonly,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(10)
    .form-row
    div.readonly,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(11)
    .form-row
    div.readonly,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(12)
    .form-row
    div.readonly,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(13)
    .form-row
    div.readonly,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(17)
    .form-row
    .fieldBox.field-svjetlo_ostalo,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(19)
    .form-row
    div.readonly {
    flex-basis: 40% !important;
  }

  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(7)
    .form-row
    .fieldBox {
    justify-content: unset;
  }

  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(19)
    .form-row.field-ostale_informacije
    div.readonly {
    flex-basis: 100% !important;
  }
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(17)
    .form-row
    .fieldBox.field-svjetlo_ostalo {
    flex-basis: 100% !important;
  }
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .form-row
    .field-svjetlo_ostalo_navesti
    div.readonly,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .form-row
    .field-plutace_ostalo_navesti
    div.readonly,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .form-row
    .field-nepravilnost_ostalo_navesti
    div.readonly,
  #prijava_neispravnosti_form.view_prijava_neispravnosti_custom
    .module.aligned:nth-of-type(13)
    .form-row
    .field-struktura_navesti
    div.readonly {
    flex-basis: 100% !important;
  }
  #odustanak {
    padding: 10px 0px;
  }

  #objekt_sigurnosti_form .module.aligned input.vDateField,
  #objekt_sigurnosti_form .module.aligned input.vTimeField {
    display: block;
    width: 70% !important;
  }

  #changelist-search > div {
    flex-wrap: wrap !important;
  }
  .object-tools li + li {
    margin-left: 0px !important;
  }
}

/* Removes Home breadcrumb from logout screen */
#logout-breadcrumbs {
  display: none !important;
}
