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

/*login_page*/

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

/*ADMINISTRACIJA*/

.login #container {
  border-radius: 6px !important;
}

#header {
  background-color: #142747;
}

#header a:link,
#header a:visited {
  color: #9ea6b3 !important;
}

#header a:hover {
  color: #fff !important;
  text-decoration: underline;
}

#user-tools a,
#logout-form button {
  border-bottom: 1px solid #fff;
  color: #9ea6b3;
  font-size: 14px;
}
#user-tools a,
#logout-form button:hover {
  color: #fff;
}

#user-tools {
  text-transform: initial;
  font-size: 14px;
  color: #fff !important;
}

#user-tools a {
  border: none;
}

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

.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: #657082 !important;
  text-decoration: none !important;
}
.dashboard .module table td {
  font-size: 14px;
}

/*ikona za dodavanje*/
.addlink {
  background: url("../img/plus-circle.40f6e94b3b36.svg");
  background-repeat: no-repeat;
  padding-left: 22px;
  background-size: 16px 16px;
  color: #142747 !important;
}
.addlink:hover {
  color: #657082 !important;
}

.changelink {
  background: url("../img/pencil.7d6643057793.svg");
  background-repeat: no-repeat;
  padding-left: 22px;
  color: #142747 !important;
}

.deletelink {
  background: url("../img/x-circle-fill.7cbf075cd1a9.svg");
  background-repeat: no-repeat;
}

.viewlink {
  background: url("../img/eye.4d83f59cd219.svg");
  background-repeat: no-repeat;
  padding-left: 22px;
}

#content-related {
  background-color: white;
  margin-right: -85%;
}
#content-related .module h2 {
  color: #142747;
}
#content-related h3 {
  color: #142747;
}
#content-related .actionlist li a {
  color: #142747 !important;
  margin-left: 4px;
}
#content-related .actionlist li a:hover {
  color: #657082 !important;
}
#content-related .actionlist li span.mini.quiet {
  margin-left: 4px;
}
/* #user-tools:not(a) {
    color: #0F96B9!important;
} */

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

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

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

#content {
  padding: 16px 16px;
}

.dashboard #content {
  width: 50%;
}

/*Početna -> Autentifikacija -> Korisnici*/
.main.shifted > #nav-sidebar {
  margin-top: 12px !important;
  margin-left: 15px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 4px;
}

/*Boja označenog modula u sidebar-u*/
#nav-sidebar .current-model {
  background-color: #c4c4c41a;
  border-radius: 4px;
  outline: 1px solid #9ea6b3;
  color: #142747;
}

#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.471fc579f842.svg");
  background-repeat: no-repeat;
}

.current-model a {
  color: #142747 !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;
}

#content h1 {
  font-weight: 500;
  color: #142747;
}

#content > h2:first-of-type {
  margin-right: 80px;
}

#toolbar {
  border-top: unset !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom: 1px solid #9ea6b3 !important;
  background: #c4c4c41a !important;
}

#toolbar #changelist-search div {
  display: flex;
  align-items: center;
  gap: 10px;
}

#toolbar form input[type="submit"] {
  background: #142747 !important;
  padding: 8px 20px !important;
  color: white !important;
  border-radius: 6px !important;
  font-size: 14px;
  border-color: #1b3b6b !important;
}

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

#toolbar #searchbar {
  padding: 6px 12px !important;
  border-radius: 6px;
  font-size: 14px;
}

div.breadcrumbs {
  background: #f3f3f3 !important;
  font-size: 16px !important;
  color: #142747 !important;
  font-weight: bold;
  border: 1px solid #9ea6b3;
  margin-left: 16px;
  margin-right: 40px;
  margin-top: 12px;
  margin-bottom: 12px;
  border-radius: 6px;
}

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

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

.object-tools a:link,
.object-tools a:visited {
  background: #142747 !important;
  font-size: 12px;
  color: white !important;
  text-transform: initial !important;
  padding: 8px 12px;
  border-radius: 6px;
}

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

.object-tools a:focus,
.object-tools a:hover {
  background-color: #1b3b6b !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: #657082 !important;
}

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

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

#changelist {
  border: none;
}

#changelist .changelist-form-container {
  border: 1px solid #9ea6b3 !important;
  border-radius: 6px;
  border-color: #0f0f0f;
}

#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;
  background: white !important;
  color: #142747;
  font-weight: 800;
  font-size: 14px;
}
#changelist .actions .button {
  background: #142747 !important;
  padding: 10px 14px !important;
  color: white !important;
  border-radius: 6px !important;
  border: 1px solid #142747 !important;
  line-height: 0 !important;
  font-size: 13px !important;
  margin-left: 10px !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;
  color: white !important;
}

.selector .selector-available input {
  width: 80% !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: #1b3b6b !important;
  background: #1b3b6b !important;
}
#changelist-form label {
  color: #325682 !important;
  font-size: 13px !important;
}

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

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

#changelist table input {
  cursor: pointer;
}

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

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

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

#changelist-filter #changelist-filter-clear:hover {
  text-decoration: underline;
}
/*Boja gumbova za spremi i unesi novi i spremi i nastavi uređivati Grupe*/
input[type="submit"],
input[type="button"],
.submit-row input,
.closelink {
  background: #142747 !important;
  border-radius: 6px !important;
}

/*Hover preko tih gumbića*/
input[type="submit"]:hover,
input[type="button"]:hover,
.closelink:hover {
  background: #1b3b6b !important;
}

/* Pozicija gumba odustani */
.submit-row a {
  margin-left: 5px;
  margin-bottom: 5px !important;
  align-items: start;
  vertical-align: middle;
}

/*Odabrano-privilegije button Grupe*/
.selector-chosen h2 {
  background: #142747 !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.662418c190f0.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.228f8b1caacd.svg") 0 0 no-repeat !important;
}

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

.selector-add,
.selector-remove {
  height: 16px !important;
  width: 16px !important;
  border: 1px solid #1b3b6b;
  border-radius: 6px;
}

/*boja gumba Odaberi sve/grupe */
a.selector-chooseall,
a.selector-clearall {
  color: #142747 !important;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="tel"],
textarea,
select,
.vTextField {
  outline: none !important;
  border-radius: 6px;
  padding: 8px 12px;
  height: auto;
}

.form-row label {
  color: #333 !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus,
.vTextField:focus {
  border: 1px solid #1b3b6b !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: #142747 !important;
  border-radius: 6px !important;
  padding: 8px 10px !important;
}

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

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

#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 {
  border-right: 0.5px solid #9ea6b3;
  margin: 0 !important;
  left: 0px !important;
  background-color: #fff;
}

#nav-filter {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 16px;
  padding-right: 16px;
  background: none;
  border-radius: 6px;
  outline: none;
  font-size: 14px;
  margin-bottom: 12px;
  border-color: #9ea6b3;
}
#nav-filter:focus {
  border-color: #142747 !important;
}

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

.module caption {
  border-bottom: 1px solid #9ea6b3 !important;
  margin-bottom: 8px;
  background: unset;
  box-shadow: none;
  border-radius: 6px;
  background: #c4c4c41a !important;
}

.module.aligned h2 {
  border-bottom: 1px solid #9ea6b3 !important;
  margin-bottom: 8px;
  background: unset;
  box-shadow: none;
  border-radius: 6px;
  background: #142747 !important;
}

td,
th {
  border-bottom: none;
}

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

#nav-sidebar .app-user.module caption a {
  /* background: url("../img/person-fill.3b5963488fb5.svg");
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 25px; */
  font-size: 18px !important;
  font-weight: bold;
}

#nav-sidebar .app-auth.module caption a {
  /* background: url("../img/people-fill.51e617b8c49e.svg");
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 25px; */
  font-size: 18px !important;
  font-weight: bold;
}

#nav-sidebar .app-sites.module caption a {
  font-size: 18px !important;
  font-weight: bold;
}

#nav-sidebar .app-nippreg.module caption a {
  /* background: url("../img/pencil-square.2e650ce7dd9f.svg");
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 25px; */
  font-size: 18px !important;
  font-weight: bold;
}

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

.change-list #changelist-filter {
  background: #fff;
  border: 1px solid #9ea6b3;
  border-radius: 6px;
}

.change-list #changelist-filter h2 {
  font-size: 19px;
  letter-spacing: 0.5px;
  padding: 10px 15px;
  margin-bottom: 8px;
  border-bottom: none;
  background: #ffffff;
  border-radius: 6px;
  color: #142747;
  text-transform: inherit !important;
}

.change-list #changelist-filter h3 {
  color: #333 !important;
  text-transform: inherit !important;
  border-radius: 5px !important;
  font-size: 14px;
  padding: 0px 25px;
  font-family: "Raleway" !important;
}

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

.change-form #nav-sidebar {
  border-right: 0.5px solid #9ea6b3;
  margin: 0 !important;
  left: 0px !important;
  background-color: #fff;
}

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

.tabular .module h2 {
  background: #142747 !important;
  border-radius: 6px !important;
  padding: 8px 10px !important;
}

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

.change-form .module caption {
  border-bottom: 1px solid #9ea6b3 !important;
  box-shadow: none !important;
  background: none !important;
  background: #c4c4c41a !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;
}

h5 {
  font-size: 0.625rem;
  margin: 1.5em 0 0.5em 0;
  color: var(--body-quiet-color);
  text-transform: none !important;
  letter-spacing: 1px;
}

.module caption,
.inline-group h2 {
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  text-transform: none !important;
}

thead th {
  text-transform: none !important;
}

/*POVIJEST*/

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

body[class=""] #nav-sidebar {
  margin: 0 !important;
  left: 0px !important;
  background-color: #fff;
  border-right: 0.5px solid #9ea6b3;
}

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;
}

#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;
}

#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;
}

.help > a {
  color: #142747 !important;
}

#result_list > tbody > tr > td > a {
  color: #142747 !important;
}

button.change-pwd {
  background: #142747 !important;
  padding: 14px 18px !important;
  color: white !important;
  border-radius: 6px !important;
  border: 1px solid #142747 !important;
  line-height: 0 !important;
  font-size: 13px !important;
}

#changelist-filter > div {
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

#changelist-filter > div > a {
  width: fit-content;
  background: #142747 !important;
  font-size: 14px;
  color: white !important;
  text-transform: initial !important;
  padding: 8px 12px;
  border-radius: 6px;
}

div.controls > input:nth-child(2) {
  background: #fff !important;
  color: #142747;
}

div.controls > input {
  padding: 6px 6px 6px 6px;
}

#changelist-filter > div > a > span {
  background: url("../img/download.1f10c53de187.svg");
  background-repeat: no-repeat;
  padding-left: 22px;
  background-size: 16px 16px;
  color: #fff !important;
}

#changelist-filter > p {
  color: var(--body-quiet-color);
  font-size: small;
  padding-left: 15px;
  padding-right: 15px;
}

.calendar > table > caption {
  background-color: rgb(248, 248, 248) !important;
  color: #142747;
}

.calendar > table > tbody > tr > td.today > a {
  color: #001f3f;
}

/* Make sure the Select2 dropdown container has proper width */
.select2-container {
  width: 100% !important;
}

/* Ensure the selected item wraps correctly */
.select2-selection {
  white-space: normal; /* Allows wrapping of text */
  word-wrap: break-word; /* Break long words */
  overflow-wrap: break-word; /* Handle text overflow */
}

/* Ensure the dropdown options wrap correctly */
.select2-results__option {
  white-space: normal !important; /* Allows text wrapping in the dropdown */
  padding: 5px; /* Add some padding for better readability */
}

/* Ensure custom select/freetext is aligned properly */

div.form-row.field-uvjeti_pristupa_koristenja > div {
  display: flex;
  gap: 10px;
}

a.button {
  background-color: #142747 !important;
  padding: 8px 12px !important;
}

/* .header-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 20px;
}

.object-tools {
  float: none !important;
  margin-top: 0px !important;
} */

.object-tools {
  width: 242px !important;
  display: flex;
}

.object-tools > li {
  padding-right: 24px;
  flex-grow: 1;
  margin-left: 0px !important;
}

.object-tools > li > a {
  width: 100% !important;
  text-align: center;
}

.izvori_admin_ul {
  display: flex;
  flex-direction: column;
  margin: 0px !important;
  padding: 0px !important;
}

.izvori_admin_ul > a {
  width: fit-content;
}

.upareni-izvor-nevazeci {
  color: rgb(221, 70, 70);
}

a.button.cancel-link {
  padding: 10px 15px !important;
  border-radius: 6px !important;
}

.form-row.field-uvjeti_pristupa_koristenja > div {
  display: grid !important;
  grid-template-columns: 170px minmax(auto, 625px);
}

.form-row.field-uvjeti_pristupa_koristenja > div > label {
  grid-row-start: 1;
  grid-column-start: 1;
}

#id_uvjeti_pristupa_koristenja_0 {
  grid-row-start: 1;
  grid-column-start: 2;
}

#id_uvjeti_pristupa_koristenja_1 {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  grid-row-start: 2;
  grid-column-start: 2;
}

.form-row.field-metapodaci > div {
  display: flex;
}

.form-row.field-metapodaci > div > input {
  flex-grow: 1;
  width: auto !important;
  max-width: 1200px;
}

td.field-webadresa {
  padding-right: 50px;
}

td.field-webadresa > input {
  width: 100% !important;
}

/* Override for inline subjekti in admin form */
div.field-subjekt_inline {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

div.field-subjekt_inline > div > label {
  display: none;
}
div.field-subjekt_inline > div > div {
  margin-left: 0px !important;
}

#subjektizvor_set-group > div > fieldset > h2 {
  font-weight: 400 !important;
  font-size: 0.8125rem !important;
}

#subjektizvor_set-group
  > div
  > fieldset
  > table
  > tbody
  > tr
  > td
  > div.related-widget-wrapper {
  width: 90% !important;
}