:root, [data-bs-theme="light"] {
  --bs-blue: #0784c3;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #00c9a7;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0784c3;
  --bs-secondary: #adb5bd;
  --bs-success: #00a186;
  --bs-info: #0784c3;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-orange: #fd7e14;
  --bs-light: #f8f9fa;
  --bs-dark: #081D35;
  --bs-primary-rgb: 7,132,195;
  --bs-secondary-rgb: 173,181,189;
  --bs-success-rgb: 0,161,134;
  --bs-info-rgb: 7,132,195;
  --bs-warning-rgb: 215, 121, 0;
  --bs-danger-rgb: 220,53,69;
  --bs-orange-rgb: 253,126,20;
  --bs-light-rgb: 248,249,250;
  --bs-dark-rgb: 8,29,53;
  --bs-primary-text: #066a9c;
  --bs-secondary-text: #6c757d;
  --bs-success-text: #00a186;
  --bs-info-text: #087990;
  --bs-warning-text: #997404;
  --bs-danger-text: #b02a37;
  --bs-light-text: #6c757d;
  --bs-dark-text: #495057;
  --bs-primary-bg-subtle: #cde6f3;
  --bs-secondary-bg-subtle: #f8f9fa;
  --bs-success-bg-subtle: #ccf4ed;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ccee7;
  --bs-secondary-border-subtle: #e9ecef;
  --bs-success-border-subtle: #99e9dc;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255,255,255;
  --bs-black-rgb: 0,0,0;
  --bs-body-color-rgb: 33,37,41;
  --bs-body-bg-rgb: 255,255,255;
  --bs-font-sans-serif: -apple-system,"Roboto",system-ui,"Segoe UI","Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-font-monospace: "Roboto Mono",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 0.9375rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0,0,0;
  --bs-secondary-color: #6c757d;
  --bs-secondary-color-rgb: 108,117,125;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233,236,239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33,37,41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248,249,250;
  --bs-link-color: #066a9c;
  --bs-link-color-rgb: 6,106,156;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #066a9c;
  --bs-link-hover-color-rgb: 6,106,156;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #e9ecef;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.5rem;
  --bs-border-radius-sm: 0.375rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-emphasis-color: #000;
  --bs-form-control-border: #d2d6de;
  --bs-form-control-bg: var(--bs-body-bg);
  --bs-form-control-focus-bg: var(--bs-body-bg);
  --bs-form-control-disabled-bg: var(--bs-secondary-bg);
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
  --bs-text-white-rgb: 255,255,255;
  --bs-text-dark-rgb: 0,0,0;
  --bs-border-dark-rgb: 0,0,0;

  --win-highlight-opacity:1;
  --win-highlight-blue-rgb:174, 232, 255;
  --win-highlight-orange-rgb:255, 229, 158;
  --win-highlight-red-rgb:255, 209, 209;
  --win-highlight-green-rgb:200, 255, 212;
}

@font-face{
  font-family: "Didact Gothic";
  src: url('/res/lib/didact_gothic/DidactGothic-Regular.ttf');
}


body{
  background-color: #f5f7f8;
  font-family: "Didact Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

[contenteditable="true"]:focus{
  outline-offset: .1rem;
  border-radius: 2px;
}
.big {
  font-size: 1.15em;
}
.small {
  font-size: 1.15em;
}
.small, small {
  font-size: .875em;
}
.card {
  --bs-card-border-color: var(--bs-border-color);
  --bs-card-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
  --bs-card-border-radius:0.75rem;
  --bs-card-bg: var(--bs-body-bg);
  box-shadow: var(--bs-card-box-shadow);
}
.card.expanded {
  width: 100%;
  height: 100dvh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  border-radius: 0;
  box-shadow: none;
  border: none;
}
.navbar-toggler{
  --bs-border-width:0
}
section#page{
  background-color: #f9fbff;
  min-height: calc( 100vh - 126px );
}
hr {
  color: var(--bs-border-color);
  opacity:1
}
.navbar {
  --bs-navbar-toggler-border-color: #e9ecef;
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: black;
  --bs-navbar-hover-color: #0784c3;
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(7, 132, 195, 0.9);
  --bs-navbar-brand-padding-y: 0.0567984375rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.23046875rem;
  --bs-navbar-brand-color: rgba(7, 132, 195, 0.9);
  --bs-navbar-brand-hover-color: rgba(7, 132, 195, 0.9);
  --bs-navbar-nav-link-padding-x: 0.75rem;
  --bs-navbar-toggler-padding-y: 0.4rem;
  --bs-navbar-toggler-padding-x: 0.4rem;
  --bs-navbar-toggler-font-size: 0.9375rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: 0.5rem;
  --bs-navbar-toggler-focus-width: 0.15rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
}

.nav {
  --bs-nav-link-padding-x: 0.6rem;
  --bs-nav-link-padding-y: 0.3rem;
  --bs-nav-link-font-size: 0.78515625rem;
  --bs-nav-link-font-weight: 500;
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
}
.nav-pills{
  --bs-nav-pills-border-radius: 0.5rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0784c3;
}
.nav-pills .nav-link{
  --bs-nav-pills-nav-link-color: #081D35;
  --bs-nav-pills-nav-bg-color: #e9ecef;
  --bs-nav-pills-nav-bg-hover-color: #dee2e6;
  color: var(--bs-nav-pills-nav-link-color);
  background-color: var(--bs-nav-pills-nav-bg-color);
  font-weight: 500;
}
.nav-pills .nav-link:hover:not(.active){
  background-color: var(--bs-nav-pills-nav-bg-hover-color);
}

.nav-underline{
  --bs-nav-link-padding-x: 0.8rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-size: 0.9rem;
}
.nav-underline .nav-link{
  border-bottom:solid 2px transparent;
}
.nav-underline .nav-link.active, .nav-underline .show > .nav-link{
  color: var(--bs-dark);
  border-bottom-color: #000;
}

.ace_scrollbar, .scrollbar-custom, .table-responsive {
  --bs-scrollbar-track-bg-color: #f8f9fa;
  --bs-scrollbar-track-shadow-color: #e9ecef;
  --bs-scrollbar-thumb-bg-color: #ced4da;
  --bs-scrollbar-thumb-hover-bg-color: #adb5bd;
}
.dropdown-divider{
  border-top: 1px solid var(--bs-dropdown-divider-bg);
}
.dropdown-menu {
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-gray-200);
  --bs-dropdown-padding-x: 0.5rem;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-link-active-bg:#066a9c;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-white);
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-divider-bg: var(--bs-border-color);
  --bs-dropdown-border-color: var(--bs-border-color);
  font-size: .78515625rem;
  box-shadow: var(--bs-dropdown-box-shadow);
}
.dropdown-item {
  border-radius: .375rem;
}
.dropdown-menu li:not(:last-child) {
  margin-bottom:.25rem
}
.dropdown-toggle::after {
  font: normal 900 1em/1 "Font Awesome 7 Free";
  content: "\f107";
  font-size: .9em;
  margin-left: auto;
  padding-left: .25em;
  border:none;
  vertical-align: baseline;
}
#topbar::after {
  content: "";
  height: 100%;
  position: absolute;
  transition: opacity .83333s cubic-bezier(.53,0,.41,1);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background: #ffffff9c;
  display: block;
  opacity: 1;
  width: 100%;
  z-index: -1;
  top: 0;
}
a{text-decoration: none;}
.h1,h1 {
  font-size:calc(1.359375rem + 1.3125vw)
}
.btn-primary{
  --bs-btn-bg: #0784c3;
  --bs-btn-border-color: #0784c3;
  --bs-btn-hover-bg: #0670a6;
  --bs-btn-hover-border-color: #066a9c;
  --bs-btn-focus-shadow-rgb: 44,150,204;
  --bs-btn-active-bg: #066a9c;
  --bs-btn-active-border-color: #056392;
  --bs-btn-disabled-bg: #0784c3;
  --bs-btn-disabled-border-color: #0784c3;
}
.btn-outline-primary{
  --bs-btn-color: #0784c3;
  --bs-btn-border-color: #0784c3;
  --bs-btn-hover-bg: #0784c3;
  --bs-btn-hover-border-color: #0784c3;
  --bs-btn-active-bg: #0784c3;
  --bs-btn-active-border-color: #0784c3;
  --bs-btn-disabled-color: #0784c3;
  --bs-btn-disabled-border-color: #0784c3;
}
.sr-only, .sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border-width: 0;
}

@media (min-width:1200px) {
  .h1,h1 {
    font-size:2.34375rem
  }
}
.h2,h2 {
  font-size:calc(1.3125rem + .75vw)
}
@media (min-width:1200px) {
  .h2,h2 {
    font-size:1.875rem
  }
}
.h3,h3 {
  font-size:calc(1.2890625rem + .46875vw)
}
@media (min-width:1200px) {
  .h3,h3 {
    font-size:1.640625rem
  }
}
.h4,h4 {
  font-size:calc(1.265625rem + .1875vw)
}
@media (min-width:1200px) {
  .h4,h4 {
    font-size:1.40625rem
  }
}
.h5,h5 {
  font-size:1.171875rem
}
.h6,h6 {
  font-size:.9062rem
}
.fs-sm {
  font-size:.78515625rem;
}
.fs-base {
  font-size:.9375rem
}
.fs-default {
  font-size:16px
}
.fs-lg {
  font-size:1.23046875rem
}
.border-dashed{
  --bs-border-style: dashed;
}
.border-dotted{
  --bs-border-style: dotted;
}
.border-transparent{
  border-color: transparent !important;
}
.border-opacity-15 {
  --bs-border-opacity: 0.15;
}
.fw-medium {
  font-weight: 500 !important;
}
.position-initial {
  position: initial !important;
}
.content-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-white {
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #e9ecef;
  --bs-btn-hover-border-color: #e9ecef;
  --bs-btn-hover-bg: #e9ecef;
  --bs-btn-active-bg: #e9ecef;
  --bs-btn-active-border-color: #e9ecef;
  --bs-btn-disabled-border-color: #e9ecef;
  --bs-btn-disabled-bg: #e9ecef;
  --bs-btn-active-border-color: #e9ecef;
}
.pagination {
  --bs-pagination-color: rgba(var(--bs-text-dark-rgb),var(--bs-text-opacity));
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-hover-bg: var(--bs-btn-hover-bg);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0784c3;
  --bs-pagination-active-border-color: #0784c3;
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #f8f9fa;
  --bs-pagination-disabled-border-color: var(--bs-border-color);
}
.pagination-sm {
  --bs-pagination-font-size: 0.78515625rem;
  --bs-pagination-border-radius: 0.375rem;
}
.btn-group-sm > .btn, .btn-sm{
  --bs-btn-font-size: 0.78515625rem;
  --bs-btn-border-radius: 0.375rem;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  --bs-btn-disabled-border-color: transparent;
}
.pageloader{
  pointer-events: none;
  position: fixed;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.pageloader.visible{
  -webkit-animation: 4s ease 0s normal forwards 1 fadein;
  animation: 4s ease 0s normal forwards 1 fadein;
  opacity:1;
}
@keyframes fadein{
    0%{opacity:0}
    80%{opacity:0}
    100%{opacity:1}
}
@-webkit-keyframes fadein{
    0%{opacity:0}
    80%{opacity:0}
    100%{opacity:1}
}
.opacity-transition{
  transition: opacity 0.3s;
}
::-webkit-calendar-picker-indicator {filter: invert(1)}
/* zoom */
.zoom {transition: transform .2s}
.zoom:hover {transform: scale(3);z-index: 40}
.zoom-sm:hover {transform: scale(1.3)}
.zoom-xs:hover {transform: scale(1.1)}
.smaller{font-size:.775em}
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-dark {
  color: rgba(var(--bs-text-dark-rgb),var(--bs-text-opacity)) !important;
}
.bg-black{
  background-color: rgba(0, 0, 0, var(--bs-bg-opacity)) !important;
}
.bg-purple {
  background-color: rgba(177, 13, 253, var(--bs-bg-opacity)) !important;
}
.bg-darkpurple {
  background-color: rgba(95, 5, 136, var(--bs-bg-opacity)) !important;
}
.text-purple {
  color: rgb(177, 13, 253) !important;
}
.border-purple{
  border-color:rgb(177, 13, 253) !important
}
.bg-lightpurple {
  --bs-bg-opacity: .10;
  background-color: rgba(177, 13, 253, var(--bs-bg-opacity)) !important;
}
.border-lightpurple{
  border-color:rgb(231, 180, 255) !important
}
.link-dark:hover, .link-secondary:hover {
  color: var(--bs-link-hover-color) !important;
}
.btn-group-xs > .btn, .btn-xs{
  --bs-btn-padding-y: 0.15rem;
  --bs-btn-padding-x: 0.4rem;
  --bs-btn-font-size: 0.775rem;
  --bs-btn-border-radius: 0.15rem;
}
.form-control{
  text-overflow: ellipsis;
  color: var(--bs-body-color);
  background-color: var(--bs-form-control-bg);
  border: var(--bs-border-width) solid var(--bs-form-control-border);
}

.form-control:disabled,.form-select:disabled{
  background-color: var(--bs-form-control-disabled-bg);
}
.form-select{
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  color: var(--bs-body-color);
  background-color: var(--bs-form-control-bg);
  border: var(--bs-border-width) solid var(--bs-form-control-border);
  background-image: var(--bs-form-select-bg-img);
}
.form-control:focus,.form-select:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-form-control-focus-bg);
  border-color: rgba(255,255,255,.5);
}
.input-group-sm > .form-select{
  padding-right:2em;
}
/* select2 */
.input-group .select2-container--default .select2-selection--single,
.input-group .select2-container--default .select2-selection--multiple,
.input-group .select2-container--default.select2-container--focus .select2-selection--single,
.input-group .select2-container--default.select2-container--focus .select2-selection--multiple
{
  border-radius:0;
  border:none;
  border-color: var(--bs-form-control-border);
}
.select2-dropdown{
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-form-control-border);
}
.select2-container--default .select2-selection--single,
.select2-search--dropdown .select2-search__field{
  border-color: var(--bs-form-control-border);
  background-color: var(--bs-form-control-bg);
}
.select2-container .select2-selection--single{
  height:36px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 36px;
}
.input-group-sm .select2-container .select2-selection--single{
  height:30px;
}
.input-group-sm .select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 28px;
}
.input-group-sm .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 30px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  color:var(--bs-body-color)
}
.select2-bigdrop.select2-container .select2-results {max-height: 200px;}
.select2-bigdrop .select2-results {max-height: 200px;}
.select2-bigdrop .select2-choices {min-height: 150px; max-height: 150px; overflow-y: auto;}
.select2-container--default .select2-search--dropdown .select2-search__field{
  border: var(--bs-border-width) solid var(--bs-form-control-border);
  outline:none;
}
.table-group-divider{border-top: 2px solid var(--bs-border-color)}
.tooltip{
  --bs-tooltip-bg:#081D35;
  --bs-tooltip-font-size:0.78515625rem;
}
.group:hover .group-hover {
  opacity: 1;
  pointer-events: all;
}
.group-hover {
  opacity: 0;
  pointer-events: none;
}
.ro90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.ro45 {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.ro-45 {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.snap-x-mandatory {
  scroll-snap-type: x mandatory;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
/*querybuilder filter*/
.winqb .winqb-item-container{
  position:relative;
  margin-left:20px
}
.winqb .winqb-item-container::before,
.winqb .winqb-item-container::after
 {
  content: "";
  position: absolute;
  left: -10px;
  width: 10px;
  height: 100%;
  border-color: #CCC;
  border-style: solid;
  
}
.winqb .winqb-item-container::before {
  top: -14px;
  border-width: 0 0 2px 2px;
  height:34px
}
.winqb .winqb-item-container::after {
  top: 0;
  border-width: 0 0 0 2px;
}
.winqb .winqb-item-container:first-child::before {
  top:-4px;
  height: 25px;
}
.winqb .winqb-item-container:last-child::before {
  border-radius: 0 0 0 4px;
}
.winqb .winqb-item-container:last-child::after {
  display: none;
}
.clear{clear:both}

/*account*/
.acc{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: -.25rem !important;
  margin-left: -.25rem !important;
  padding-right: .25rem !important;
  padding-left: .25rem !important;
  max-width: 200px;
  vertical-align: baseline;
  position: relative
}
.acc.w-100{
  max-width: 100%;
}
.acc.w-75{
  max-width: 75%;
}
.win-db-results-container td .acc {
  max-width: 150px;
}
.acc .acc-avatar{
  width:1em;
  height:1em;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-size: cover;
  background-position: center;
  opacity:.1;
  flex: 0 0 auto;
  position: absolute;
  cursor: none;
}
.acc .acc-name{
  display:inline;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  
  margin-left: 1.25em;
}
.acc:hover .acc-avatar,
.acc.has-avatar .acc-avatar {
  opacity:1
}
/*account-colors*/
.acc._kyc .acc-name::after {
  margin-left:.25em;
  content:"\f058";
  font-weight: 400;
  font-family: "Font Awesome 7 Free";
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  font-size:.6em;
  color: var(--bs-blue);
  vertical-align: super;
}
.bg-primary .acc._kyc .acc-name,
.bg-dark .acc._kyc .acc-name{
  color: var(--bs-light-rgb)
}
.acc._deleted .acc-name {
  color: var(--bs-red);
  font-style: italic;
}
.acc._alert .acc-name {
  color: var(--bs-red);
}
.acc._issuer .acc-name {
  color: var(--bs-orange);
}
/*account-highlights*/
.acc.highlight{
  padding-right:5px;
}
.acc.highlight.highlight-blue {
  background-color:rgba(var(--win-highlight-blue-rgb),var(--win-highlight-opacity));
}
.acc.highlight.highlight-red  {
  background-color:rgba(var(--win-highlight-red-rgb),var(--win-highlight-opacity));
}
.acc.highlight.highlight-orange  {
  background-color:rgba(var(--win-highlight-orange-rgb),var(--win-highlight-opacity));
}
.acc.highlight.highlight-green  {
  background-color:rgba(var(--win-highlight-green-rgb),var(--win-highlight-opacity));
}

/*txtype*/
.txtype{
  --bs-bg-opacity:.1;
}
.txtype:hover{
  --bs-bg-opacity:.2;
}
/*txresult*/
.txresult{
  --bs-border-opacity:.5;
}
.txresult:hover{
  --bs-border-opacity:1;
}
/*highlight on hover (hover: .highlighted) */
*[data-highlight-value]{
  transition:all .05s;
}
*[data-highlight-value].highlighted{
  outline:dashed 1px orange;
  background-color:rgba(var(--win-highlight-orange-rgb),var(--win-highlight-opacity)) !important;
}

.font-monospace .num,
.font-monospace.num {
  letter-spacing: -1px;
}
.num>i{
  opacity: .2;
  font-style: normal;
}
.text-cap {
  font-size: .75rem;
  letter-spacing: .5px;
  text-transform: uppercase;
  color: var(--bs-secondary-color);
  font-weight: 400;
}
.gap-0 {
  gap:0!important
}
.gap-0\.5 {
  gap:.125rem!important
}
.gap-1 {
  gap:.25rem!important
}
.gap-1\.5 {
  gap:.375rem!important
}
.gap-2 {
  gap:.5rem!important
}
.gap-2\.5 {
  gap:.375rem!important
}
.gap-3 {
  gap:.75rem!important
}
.gap-3\.5 {
  gap:.875rem!important
}
.gap-4 {
  gap:1rem!important
}
.gap-5 {
  gap:1.25rem!important
}
.gap-6 {
  gap:1.5rem!important
}
.gap-7 {
  gap:1.75rem!important
}
.gap-8 {
  gap:2rem!important
}
.gap-9 {
  gap:2.25rem!important
}
.gap-10 {
  gap:2.5rem!important
}
.gap-11 {
  gap:2.75rem!important
}
.gap-12 {
  gap:3rem!important
}
.gap-14 {
  gap:3.5rem!important
}
.gap-16 {
  gap:4rem!important
}
.gap-20 {
  gap:5rem!important
}
.gap-24 {
  gap:6rem!important
}
.gap-28 {
  gap:7rem!important
}
.gap-32 {
  gap:8rem!important
}
.gap-36 {
  gap:9rem!important
}
.gap-40 {
  gap:10rem!important
}
.developer-sidebar{
  margin-top:-1px;min-height:calc( 100vh - 125px )
}
.developer-content{
  background-color: rgba(var(--bs-light-rgb),1) !important;
}



/*wcore*/
.wcore-main-container,.wcore-cp-container{
  position: relative;
  transition: all .3s;
}
.wcore-main-container>div,.wcore-cp-container>div{
  transition: all .3s;
}
.wcore-use-mode .wcore-edit {
  display:none
}
.wcore-locked-type1,.wcore-locked-type2{
  transition: all 0.3s;
  pointer-events: none;
  opacity:.5; 
}
.wcore-locked-type2{
  opacity:.75; 
}
.wcore-locked-type1>div{
  border-color:var(--bs-danger)
}
.wcore-locked-type2>div{
  border-color:var(--bs-warning)
}
.wcore-main-container>div>div{
  transition: all .2s;
}
.wcore-main-container>div.wcore-component-editing>div{
  opacity: .1;
  pointer-events: none;
  transform: scale(.9);
}
.wcore-main-container>div>div.wcore-component-editing{
  pointer-events: all;
  opacity: 1;
  background-color: var(--bs-body-bg);
  transform: translate(1.5em);
  /*--bs-border-color: var(--bs-border-color-translucent);*/
  border-color:transparent;
  /*box-shadow:0 .125rem .25rem rgba(0,0,0,.075);*/
}
.wcore-main-container>div>div.wcore-component-editing .wcore-moveupbtn,
.wcore-main-container>div>div.wcore-component-editing .wcore-movedownbtn{
  --bs-btn-disabled-opacity: .1;
  opacity: .1;
  pointer-events: none;
}


/* netcom */
.slika{
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fcfcfc;
}
.slika.slika-small{
  width:40px;
  height:40px;
}

.slika.slika-large{
  width:200px;
  height:200px;
}

.form-control-netcom{
  --bs-form-control-bg:var(--bs-gray-200);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none !important;
}

.select2-selection.select2-selection--single {
  height: 100%;
}

.select2-selection.select2-selection--single .select2-selection__rendered {
  height: 100%;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding-right: 15px;
}

.select2-selection.select2-selection--multiple {
  display: flex;
  align-items: center;
  min-height: 100%;
}

.select2-selection.select2-selection--multiple input {
  margin-top: 0 !important;
}

.select2-selection.select2-selection--multiple .select2-selection__rendered {
  height: 100%;
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  margin: 6px 5px;
  padding-right:25px;
  min-height: 24.5px !important;
}

.select2-selection.select2-selection--multiple .select2-selection__rendered > * {
  margin: 0 !important;
}

.select2-selection.select2-selection--multiple .select2-selection__rendered > span {
  position: absolute !important;
  top: 4px;
  right: 15px;
  margin-left: 15px;
  padding: 4px;
}

.select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__clear {
  order: 2;
}

.guest-logo-title {
  /* color: #ffffff; */
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 10px;
}


.page-header{
  min-height: auto;
  background-color: rgba(106,209,255,1);
  background-image: url('/res/img/page-header-bg.png');
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 125px;
  padding-bottom: 125px;
}

.page-header .page-title{
  font-size: 4.5em;
  color: #eef1f5;
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 5.5em;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 5px;
}

.nav-link:hover{
  color: #0784c3;
}

#menubar{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
    transition-duration: 0.5s;
  z-index: 20;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  background-color: rgba(246, 247, 249, 0.5);
  background-image: none;
  /* padding-top: 20px; */
  padding-right: 15px;
  /* padding-bottom: 20px; */
  padding-left: 15px;
  width: 100%;
}

.auth-page #menubar{
  position: relative;
}

.auth-page #menubar .navbar .navbar-nav .nav-item .nav-link{
  color: #000 !important
}

#menubar .navbar .navbar-nav .nav-item .nav-link{
  color: #000
}

#menubar .navbar .navbar-nav .nav-item .dropdown-item{
  font-size: 14px;
}

#menubar.menubar-scrolled .navbar .navbar-nav .nav-item .nav-link{
  color: #000
}

#menubar.menubar-scrolled{
  background-color: #ffffff;
  background-image: none;
  /* padding-top: 10px; */
  /* padding-bottom: 10px; */
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  left: 0px;
  position: fixed;
  top: 0px;
  z-index: 100;
}

#admin_menubar{
  position: fixed;
  width: 100%;
  z-index: 1000;
  border: none !important;
}

.guest #admin_menubar{
  background: #000 !important;
}

.guest #admin_menubar a{
  color: #fff !important
}

.guest #admin_menubar .dropdown a.dropdown-item{
  color: initial !important
}

.guest.logged-on #menubar{
  padding-top: 66px;
}

.article-box{
  background-color: #F0F0F0;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  min-height: 480px;
}

.article-box a{
  color: #000
}

.article-box img{
  width: 100%;
  height: 300px;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
}

.article-box .article-title{
  min-height: 65px;
}

.article-box .article-title{
  margin-bottom: 0px;
  font-size: 1.5em;
  /* font-size: 1.7rem; */
  line-height: 1.4;
}

.article-box .article-read-link-btn{
  border-radius: 0px;
}

.article-box:hover{
  /* background-color: rgba(245, 247, 248, 0); */
  color: #eef1f5;
  box-shadow: 0px 4px 15px 0px #7a7676 !important;
  transition: transform .2s;
  transform: scale(1.03);
}

.article-body ul li a{
  font-size: 16px;
}

.container{
  max-width: 1232px;
}

.recent-posts-box .nav-link{
  font-size: 16px;
  font-weight: 400;
  color: #89898e;
}

.recent-posts-box .nav-link:hover{
  color: #373739;
}

.search-page a.search-page-link:hover{
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.search-page h2.article-title{
  font-size: 1.5rem
}

footer{
  padding-top: 40px;
  padding-bottom: 40px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: #000000;
  background-color: #fff;
  /* background-color: #55b5fb; */
}

.footer-column .footer-title{
  margin: 0 0 10px;
  font-size: 20px;
}

.footer-column li{
  font-size: 16px
}

footer .footer-social-link{
  display: inline-block;
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  width: 50px;
  line-height: 50px;
  border-radius: 50%;
}

footer .footer-social-link.facebook{
  background: #3b5998;
}

footer .footer-social-link.instagram{
  background: #dd2a7b;
}

.novosti-row .frontpage-novosti-title{
  font-size: 3rem;
}

/* .novosti-row .novosti-read-more-link{
  text-decoration: underline;
  border-radius: 0;
} */

.btn-not-rounded,
.not-rounded{
  border-radius: 0 !important;
}

.broj-predstavnika-col{
  /* background-image: url('/res/img/szsr_predstavnici_bg_v3.jpg'); */
  background-image: url('/res/img/szsr_predstavnici_bg_v4.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #014178;
  padding: 31px 0;
}

.broj-predstavnika-drop-img{
  background-image: url('/res/img/szsr_drop_bg_new.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 150px;
}

p{
  font-size: 16px;
  margin-bottom: 1rem !important;
}

body{
  overflow-x: hidden;
}

img.wp-smiley, img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 0.07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}

.article-body table{
  width: 100%;
}

.article-body a:hover{
  text-decoration: underline;
}

.swiper .slider-img{
  width: 100%;
  height: 80vh;
  /* background-position: center;
  background-size: cover;
  background-repeat: no-repeat; */
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
}

.slider-container .slider-title{
  font-size: 4.5em;
  color: #eef1f5;
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 5.5em;
  font-size: 6em;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 5px;
  top: 50%;
  text-align: center;
}

.slider-container .btn-frontpage-slider-link{
  padding-top: 18px;
  padding-right: 60px;
  padding-bottom: 18px;
  padding-left: 60px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0px;
  color: #1f1f20;
  border-top-width: 1px;
  border-top-color: #eef1f5;
  border-top-style: solid;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-right-width: 1px;
  border-right-color: #eef1f5;
  border-right-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #eef1f5;
  border-bottom-style: solid;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-left-width: 1px;
  border-left-color: #eef1f5;
  border-left-style: solid;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  text-align: center;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #eef1f5;
  background-image: none;
}

.slider-container .btn-frontpage-slider-link:hover{
  /* color: #eef1f5; */
  background-color: rgba(28, 28, 36, 0);
}

.article-attachment-att{
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: left center;
  background-position-y: 9px;
  width: 100%;
  display: inline-block;
}

.article-attachment-att.att-ext-img{
  background-image: url('/res/img/icons/ikona_doc.svg');
}

.article-attachment-att.att-ext-ppt{
  background-image: url('/res/img/icons/ikona_ppt.svg');
}

.article-attachment-att.att-ext-pdf{
  background-image: url('/res/img/icons/ikona_pdf.svg');
}

.article-attachment-att.att-ext-xls{
  background-image: url('/res/img/icons/ikona_exl.svg');
}

.article-attachment-att.att-ext-doc{
  background-image: url('/res/img/icons/ikona_doc.svg');
}

.article-attachment-link{
  display: block;
  margin-left: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.header-logo{
  height: 50px;
}

.select2-container,
.select2-container--default .select2-selection--multiple{
  height: 100%
}

footer a{
  color: var(--bs-body-color)
}

.frontpage-text-col h3{
  font-size: 30px;
}

.frontpage-img-col img{
  height: 320px;
  object-fit: cover;
  object-position: center center;
  transform: translate(-30px, 30px);
}

.btn-rounded{
  border-radius: 30px
}

.frontpage-img-col{
  animation-duration: 2s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.frontpage-text-col{
  animation-duration: 2s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.page-header .page-title,
.broj-predstavnika-row.fadeInUp,
.novosti-row.fadeInUp,
.article-image.fadeInUp,
.article-category.fadeInUp,
.article-body.fadeInUp,
.article-gallery-image.fadeInUp,
.article-attachments.fadeInUp,
.articles-index.fadeInUp{
  animation-duration: 2s;
  -webkit-animation-name: fadeInUpAlt;
  animation-name: fadeInUpAlt;
}

@keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

@keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(60px);
    transform: translateX(60px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

@keyframes fadeInUpAlt {
  0% {
    -webkit-transform: translateY(50px);
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
    transform: translateY(0);
  }
}

.dropdown-menu[data-bs-popper] {
  top: unset;
  left: unset;
  margin-top: unset;
}
.dropdown-menu-end[data-bs-popper] {
  right: unset;
  left: unset;
}

.broj-predstavnika-text p{
  font-size: 20px;
}