/* FILE: admin_mod.css */ 
/* Portleti (templates/bootstrap5) */
.admin-mod .am-intro { max-width: 52rem; }
.admin-mod .am-table th { white-space: nowrap; font-weight: 600; }
.admin-mod .am-name { min-width: 16rem; }
.admin-mod .am-desc { max-width: 48rem; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.admin-mod tr.am-unregistered .fw-semibold { color: var(--bs-secondary-color); }
.admin-mod-usages .badge { font-weight: 500; }
/* FILE: search.css */ 
.search_input::-webkit-input-placeholder {
  color: transparent;
}
.search_input:-moz-placeholder {
  color: transparent;
}
.search_input:-ms-input-placeholder {
  color: transparent;
}
/* FILE: admin_groups.css */ 
/* admin_groups - the few rules Bootstrap's utilities do not cover. Inlined
   into the page head by the Bootstrap 5 templates (a portlet's own css/ is
   not served), everything scoped under .admin-groups. */

.admin-groups .ag-num {
    font-variant-numeric: tabular-nums;
}

/* The group's icon in the detail header */
.admin-groups .ag-avatar {
    width: 3rem;
    height: 3rem;
    font-size: 1.4rem;
}
/* ...and its name beside it: a fixed basis, so that a long name wraps inside
   instead of pushing the whole block onto a line of its own */
.admin-groups .ag-head-text {
    flex: 1 1 12rem;
    min-width: 0;
}

/* A message naming a group with a long unbroken name wraps inside its box */
.admin-groups .quilt-message {
    overflow-wrap: anywhere;
}

/* A table being refreshed fades rather than vanishing, so the page does not jump */
.admin-groups .ag-busy {
    opacity: .55;
    pointer-events: none;
    transition: opacity .15s ease-in-out;
}

/* Type filter: one row that scrolls sideways on a phone instead of wrapping */
.admin-groups .ag-pills {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}
.admin-groups .ag-pills .nav-link {
    white-space: nowrap;
}

/* The whole name cell opens the group (stretched link); the badges above it
   keep their tooltips */
.admin-groups td.ag-name {
    position: relative;
}
.admin-groups .ag-badges {
    position: relative;
    z-index: 2;
}

/* A description in the list: two lines at most, the rest on the group's page */
.admin-groups .ag-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

.admin-groups .ag-check {
    width: 2.75rem;
}

/* Selection actions, while anything is selected: they stay at the bottom of
   the window as long as the member list runs on below it, in reach anywhere
   in a long list, and rest centred under the list at its end. (A theme that
   makes the module or the page column a scroll container leaves them resting
   there.) Above the rows' contents, below modals (1055) and toasts (1090). */
.admin-groups .ag-bulkbar {
    position: sticky;
    bottom: 1rem;
    z-index: 1020;
    width: max-content;
    max-width: calc(100% - 2rem);
    margin: .75rem auto;
}

/* The toasts (lib/admin_groups.js puts their container in body) rise above
   the selection bar while it is shown */
#admin-groups-toasts {
    bottom: 0;
}
.ag-bulk-open #admin-groups-toasts {
    bottom: 4.5rem;
}

/* A phone: the theme's accessibility button sits in the bottom corner, where
   the bar spans; the bar goes above it */
@media (max-width: 575.98px) {
    .admin-groups .ag-bulkbar {
        bottom: 5.5rem;
    }
    .ag-bulk-open #admin-groups-toasts {
        bottom: 9rem;
    }
}

.admin-groups .ag-empty-icon {
    font-size: 2.5rem;
    line-height: 1;
}

/* Member search in the members card header: its own full row on a phone,
   a fixed width beside the title from md up */
.admin-groups .ag-msearch {
    flex: 1 1 100%;
    order: 1;
}
@media (min-width: 768px) {
    .admin-groups .ag-msearch {
        flex: 0 1 20rem;
        order: 0;
    }
}

/* Tom Select inside a flex row: allow it to shrink below its content */
.admin-groups .ts-wrapper {
    min-width: 0;
}

.admin-groups tr[data-ag-member] {
    cursor: pointer;
}

/* A selected row, hovered or not, in the primary colour but lighter than
   primary-subtle, the staff badge's colour, which would vanish on it */
.admin-groups tr[data-ag-member].table-active > * {
    --bs-table-bg-state: rgba(var(--bs-primary-rgb), .12);
}

.admin-groups textarea.ag-nicks {
    min-height: 12rem;
}
/* FILE: carousel.css */ 
/* 
    Document   : carousel
    Created on : Mar 12, 2012, 3:07:37 PM
    Author     : i
    Description:
        Purpose of the stylesheet follows.
*/

div.carousel{
    position: relative;
    clear:both;
    /*height: 230px;*/
    /*overflow: hidden;*/
}
div.carousel .carousel_images {
    color: transparent;
    font-size: 1px; /* display (but not to be seen) of alt text in carousel*/
}
div.carousel .carousel_images > img {
    position:absolute;
    top:0; left:0;
    /*height:230px;*/
	height:auto;
    width:auto;
}

div.carousel a.arrow_left, div.carousel a.arrow_right{
    position: absolute;
    overflow:hidden;
    text-indent:-1000px;
    top: 0;
    width: 36px;
    /*height: 230px;*/
    display: block;
    z-index:100;
}
div.carousel a.arrow_left{
    background: url('img/bg_banner_arrows.png') top left;
}
div.carousel a.arrow_left:hover{
    background: url('img/bg_banner_arrows.png') bottom left;
    z-index:100;
}
div.carousel a.arrow_right{
    right:0;
    background: url('img/bg_banner_arrows.png') top right;
}

div.carousel a.arrow_right:hover{
    background: url('img/bg_banner_arrows.png') bottom right;
    z-index:100;
}	

div.carousel .carousel_block{
    background: url('img/dot_gray30.png');
    position: absolute;
    right: 36px;
    top: 0;
    width: 218px;
    /*height: 230px;*/
    z-index:100;
}		

div.carousel .carousel_block img{
    /*height: 230px;*/
	height: auto;
}

div.carousel .carousel_block p{
    color: #fff;
    font-size: 24px;
    margin: 50px 0 10px 10px;
}

div.carousel .carousel_block p.carousel_title{
    line-height: 30px;
}

div.carousel .carousel_block span{
    display:block;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    padding-left: 10px;
}

div.carousel .carousel_dots{
    position:absolute;
    bottom: 20px;
    right: 20px;
    z-index:101;
}

div.carousel .carousel_dots a{
    background: url('img/bg_banner_dots.png') right no-repeat;
    width: 14px;
    height: 14px;
    display: block;
    float:left;
    margin-left: 10px;
    color:transparent;
}		

div.carousel .carousel_dots a:hover{
    background: url('img/bg_banner_dots.png') center no-repeat;
}

div.carousel .carousel_dots a.carousel_dot_current{
    background: url('img/bg_banner_dots.png') left no-repeat;
}

/* styling for editing popup */
div.carousel-edit .carousel-header{
    margin-top:2em;
}

div.carousel-edit .carousel_dragged{
    background-color:#DBEAFF;
}

div.carousel-edit table.carousel_edit_thumbs{
    border-collapse:collapse;
}
div.carousel-edit table.carousel_edit_thumbs tr{
    border-bottom: 1px solid #666;
}
div.carousel-edit .carousel_edit_thumbs img{
    height:60px;
    width:auto;
    max-width:400px;
    cursor:default;
}

div.carousel-edit tr.carousel_edit_disabled_row *{
    text-decoration:line-through;
}
div.carousel-edit tr.carousel_edit_disabled_row img{
    text-decoration:line-through;
    opacity:0.3;
}

div.carousel-edit .carousel_reorder_updown{
    background: url('img/small_up_down.png') 5px 48% no-repeat;
}

div.carousel-edit .carousel_edit_new_image{
    border-bottom:1px solid #aaa;
    border-top:1px solid #aaa;
    padding:1em;
    margin:-1px auto;
    width:80%;
}
div.carousel-edit .carousel_edit_new_image div{
    float:left;
    width:300px;
    overflow:hidden;
    text-align:center;
}
div.carousel-edit .carousel_edit_new_image img{
    height:60px;
    width:auto;
}
div.carousel-edit .carousel_edit_new_image+table{
    margin:1em;
}

div.video_img {
    background-image: url('../img/video.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    width: 90px;
}
/* FILE: style.css */ 
.custom_nav_container {
    overflow: hidden; 
    min-height: 20px;
}

.custom_nav_container .menulevel1 {
    margin-left: 0px;
}

.custom_nav_container .menulevel1 span {
    padding-left:8px; color: #222;
}

.custom_nav_container span.admin_link {
    float: right;
    color:#EEEEEE; 
    text-decoration: underline;
}

.admin_link a {
    color:#222;
}

.custom_nav_container span.menuspacer {
    height: 1px;
    display:block;
    background-image: url('img/mmenuspacer.gif');
    width: 100%;
}


#cms_area_top_nav .menulevel1, #cms_area_top_nav .menuspacer {
    float:left; width:auto;
}

#cms_area_top_nav .menuspacer {
    background-color: #EEEEEE;
    width: 1px;
    height:12px;
    position:relative;
    top: 6px;
    left: 7px;
}

#cms_area_top_nav .menulevel1 {
    background-image:none;
}

#cms_area_top_nav .custom_nav_container .menulevel1 span:hover {
    text-decoration: underline;
}
/* FILE: default_date_styles.css */ 
/* FILE: default_flexible_view_style.css */ 
.news_lead_img_div {
    margin-left:10px;
    margin-right:10px;
}

.news_lead_img_div.left {
    float:left;
    margin-left:0px;
    margin-right:10px;
}

.news_lead_img_div.right {
    float:right;
    margin-left:10px;
    margin-right:0px;
}

.news_lead_img_div a img, .news_lead_img_div img {
    max-width: 200px;
    max-height:200px;
    width:auto;
    height:auto;
}
.news_page_meta {
    float:right;
}

.news_page_meta .published_label {
    display:none;
}
.news_article {
    border-bottom: 1px dashed gray;
    padding-bottom: 10px;
}
.news_article h1 {
    font-size: 13px;
}
.news_options {
    clear:both;
    float:right;
}
.news_social {
    display: inline-block;
    float:right;
    margin-right: 5px;
}
.fb-share-button {
    position: relative;
    bottom: 5px;
}
.twitter-share-button {
    position: relative;
    top: 1px;
}
.Default_news_layout .news_author {
    float:right;
}

.news_priority_1  .news_lead, .news_priority_1  .news_lead_img_div, .news_priority_2 .news_lead, .news_priority_2 .news_lead_img_div {
    display:none;
}

.edit_news_img {
    max-width: 200px;
    height: auto;
}/* FILE: predmet_info_defaults.css */ 
.portlet_predmet_info td {
    padding: 8px 5px 8px 0px;
}
/* FILE: admin_traka.css */ 

#admin_strip_wrapper{
    width: 100%;
    background: url(images/bg_admin.png) #999999 repeat-x;
    position:relative;
    }

#admin_strip{
    margin: 0px auto;
    min-width:1090px;
    width:auto;
    height: 20px;
    padding:10px;
    }

.admin_strip_left{
    display: inline-block;
    float:left;
    padding: 0;
    }

.admin_strip_right{
    display: inline-block;
    float:right;
    padding-right: 4px;
    }


.admin_login{
    display: inline-block;
    float: right;
    padding-right:4px;
    }
    
.admin_notice, .admin_notice2{
    font-size: 11px;
    display: inline-block;
    color: #FFF;
    vertical-align:top;
    margin:4px 2px 0 0;
    }

.admin_notice{
    float:left;
    }
    
.admin_login input[type=text], .admin_login input[type=password]{
    vertical-align:top;
    background: url(images/bg_admin_login.png) no-repeat;
    width: 152px;
    height: 24px !important;
    border: none;
    font-size: 11px;
    margin:0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }
    
.admin_login input[type=submit]{
    margin:0 0 0 2px;
}

input[type="submit"]::-moz-focus-inner,.admin_login::-moz-focus-inner  {
    border:0;
    padding:0;
}
    
.admin_login input[type=text]:hover, .admin_login input[type=text]:focus,.admin_login input[type=password]:hover, .admin_login input[type=password]:focus {
    background: url(images/bg_admin_login.png) 0px -26px no-repeat;
}

#admin_strip a.admin_link{
    font-size:11px;
    margin: 0 0 0 10px;
    color: #105A72;
    }

#admin_strip a.button_admin, input.button_admin,.admin_login_plus > a{
    font-size:11px;
    padding: 4px 10px;
    color: #FFF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    }

#admin_strip a.button_admin, .admin_login_plus > a{
    display:inline-block;
    padding:3px 10px;
}

.button_green{
    background: #6bc01b;
    border: 1px solid #52990f;
    box-shadow:inset 1px 1px 0px #82d930;
    -moz-box-shadow:inset 1px 1px 0px #82d930;
    -webkit-box-shadow:inset 1px 1px 0px #82d930;
    }

.button_green:hover {
    background: #82d930;
    text-decoration: none;
    box-shadow:inset -1px -1px 0px #9de94f;
    -moz-box-shadow:inset -1px -1px 0px #9de94f;
    -webkit-box-shadow:inset -1px -1px 0px #9de94f;
}

.button_red {
    background: #e7310d;
    border: 1px solid #b22206;
    box-shadow:inset 1px 1px 0px #f75f41;
    -moz-box-shadow:inset 1px 1px 0px #f75f41;
    -webkit-box-shadow:inset 1px 1px 0px #f75f41;
}

.button_red:hover {
    background: #f75f41;
    text-decoration: none;
    box-shadow:inset -1px -1px 0px #ff7c62;
    -moz-box-shadow:inset -1px -1px 0px #ff7c62;
    -webkit-box-shadow:inset -1px -1px 0px #ff7c62;
}

.button_default,.admin_login_plus > a {
    background: #3494b0;
    border: 1px solid #105a72;
    box-shadow:inset 1px 1px 0px #9ccfe0;
    -moz-box-shadow:inset 1px 1px 0px #9ccfe0;
    -webkit-box-shadow:inset 1px 1px 0px #9ccfe0;
}
    
.button_default:hover,.admin_login_plus > a:hover {
    background: #31acd0;
    text-decoration: none;
    box-shadow:inset -1px -1px 0px #9ccfe0;
    -moz-box-shadow:inset -1px -1px 0px #9ccfe0;
    -webkit-box-shadow:inset -1px -1px 0px #9ccfe0;
}


#admin_sys_notif {
    display: block;
    margin: 0px auto;
    border-left: solid 3px #ffdd99;
    border-bottom: solid 3px #ffdd99;
    border-right: solid 3px #ffdd99;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    color: black;
    font-weight: normal;
    text-align:center;

    position:absolute;
    z-index:13;
    overflow:hidden;
    width:36px;
    height:15px;
    padding:5px 0;
    left:50%;
    margin-left:-18px;
    top:0;
    border-width:1px;
    border-color:#a57f2e;
    background-color:rgba(255,255,204,0.85);
    box-shadow: 0 0 2px rgba(0,0,0,0.6);
    cursor:pointer;
    -webkit-transition: all 0.3s;
    -moz-transition:    all 0.3s;
    -ms-transition:     all 0.3s;
    -o-transition:      all 0.3s;
    transition:         all 0.3s;
}
#admin_sys_notif:hover{
    background-color:rgba(255,255,204,0.95);
    box-shadow: 0 0 3px rgb(0,0,0);
    padding: 10px 0;
}

#admin_sys_notif span {
    font-size: 11px;
    padding-right: 45px;
    color: #444; 
    display:none;
    line-height:15px;
    min-height:40px;
    text-align:justify;
}

#admin_sys_notif button {
    position: relative;
    margin: 5px;
    float: right;
    height: 30px;
    cursor:pointer;
    color:#444;
    background-color:#ddd;
    display:none;
    border-radius:0;
    border:1px solid #bbb;
    margin-left:8px;
    margin-top:9px;
    font-size:11px;
    width:80px;
    border-bottom-right-radius:4px;
}
#admin_sys_notif button:hover{
    border-color:#aaa;
    box-shadow:1px 1px 2px #bbb;
}
#admin_strip_blank {
    display:none;
}

.font-red{
    color: darkred;
}


.font-green{
    color: darkgreen;
}/* FILE: admin_newpage.css */ 
.portlet_admin_newpage input {
    border: 1px solid #7B7EF4;
}

.portlet_admin_newpage .inputurltable {
    border: 1px solid #7B7EF4;
}

.portlet_admin_newpage .inputurltable td {
    padding: 0px;
    margin: 0px;
}

.portlet_admin_newpage .inputurlleft, .portlet_admin_newpage .inputurlleft span {
    color: #888;
    text-align: right;
}

.portlet_admin_newpage .inputurlright {
    text-align: left;
}

.portlet_admin_newpage .inputurl {
    margin: 0px;
    padding: 1px 1px 1px 0px;
    width: 99%;
    border: 0px;
}

.portlet_admin_newpage .prava_crta {
  border: 0px;
  border-top: 1px dashed #aaa;
}
/* FILE: subscription.css */ 

.seemore_content2 .entry span img {
    cursor: pointer; 
}/* FILE: news_show_headlines_default.css */ 
.headlines_admin_controls {
    padding-top:10px;
}

.news_headlines_strip_mode {
    cursor: move;
}
.news_headlines_strip_mode .caption-fixed {
    display: block;
    background: transparent;
    position:relative;
    color: white;
    font-weight: bold;
    bottom: 50px;
    height: 50px;
    padding: 0 5px;
}
.news_headlines_strip_mode .caption-fixed a {
    color: white;
}

.news_headlines_strip_mode .caption {
    display: none;
}

.news_headlines_strip_left {
    content: '<';
    background: gray;
    display:block;
    height: 50px;
    width: 50px;
    float:left;
    top: -130px;
    cursor: pointer;
    position:relative;
}

.news_headlines_strip_right {
    content: '>';
    background: gray;
    display:block;
    height: 50px;
    width: 50px;
    float:right;
    top: -130px;
    cursor: pointer;
    position:relative;
}/* FILE: style.css */ 
.sync_years_list {
    list-style: none;
}
.sync_years_list li {
    margin: 5px 0;
}

.sync_years_list li label {
    margin-right: 15px;

}

.portlet_api_sync_admin .notice {
    color: gray;
    padding: 5px 0;
}/* FILE: default_saml_login.css */ 
.saml-login-link img {
    vertical-align: middle;
    height: 20px;
}
/* FILE: style.css */ 
.portlet_content_block h4{
    margin:20px 0 10px 0;
}

.portlet_content_block ul{
    margin-left:42px;
}
.portlet_content_block ul li{
    margin-bottom:8px;
}
.portlet_content_block ul strong{
    display:inline-block;
    min-width:58px;
}
/* FILE: content_block.css */ 
/* Content blocks (templates/bootstrap5) */
.admin-content-blocks .cb-intro { max-width: 46rem; }
.admin-content-blocks .cb-balance { text-wrap: balance; }
.admin-content-blocks .min-w-0 { min-width: 0; }
.admin-content-blocks .cb-lang { display: inline-block; padding: 0 .4em; border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius-sm); font-size: .7rem; font-weight: 600; line-height: 1.6; color: var(--bs-body-color); background: var(--bs-tertiary-bg); }
.admin-content-blocks .cb-lang.is-empty { color: var(--bs-tertiary-color); background: transparent; border-style: dashed; }
.admin-content-blocks .cb-edited { max-width: 16rem; }
.admin-content-blocks .cb-unused:not(.active) { color: var(--bs-secondary-color); }
.admin-content-blocks .cb-empty-icon { font-size: 2.5rem; line-height: 1; }
.admin-content-blocks .cb-tab-dot { display: inline-block; width: .45rem; height: .45rem; border-radius: 50%; background: var(--bs-success); vertical-align: middle; }
/* FILE: admin_cron.css */ 
/* State is shown with badges in the templates now; the old rules coloured
   .active / .disabled table rows, and those classes are gone from the markup. */
/* FILE: theme_custom_settings_bs5.css */ 
/* The Bootstrap 5 screens only (templates/bootstrap5), after theme_custom_settings.css:
   the themes, the choice of scope and the import preview */

/* The themes (default.tpl): tiles as on the subpage cards, the theme's colour on the
   left edge; themes without settings greyed and not links */
.theme-custom-settings .tcs-intro { max-width: 52rem; }
.theme-custom-settings .min-w-0 { min-width: 0; }
.theme-custom-settings .tcs-tile {
    position: relative;
    padding: 1rem 1.25rem;
    background: color-mix(in srgb, var(--tile, var(--bs-primary)) 4%, var(--bs-body-bg));
    border: 1px solid var(--bs-border-color-translucent);
    border-left: .25rem solid var(--tile, var(--bs-primary));
    border-radius: .5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
    transition: box-shadow .15s ease, transform .15s ease;
}
.theme-custom-settings .tcs-tile.is-link:hover { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1); transform: translateY(-1px); }
.theme-custom-settings .tcs-tile-icon {
    display: flex; align-items: center; justify-content: center; flex: 0 0 auto;
    width: 2.5rem; height: 2.5rem; border-radius: .5rem; font-size: 1.25rem;
    background: color-mix(in srgb, var(--tile, var(--bs-primary)) 12%, var(--bs-body-bg));
    color: var(--tile, var(--bs-primary));
}
.theme-custom-settings .tcs-tile-title { margin: 0; font-size: 1rem; font-weight: 600; }
.theme-custom-settings .tcs-tile-title a { color: var(--bs-emphasis-color); text-decoration: none; }
.theme-custom-settings .tcs-tile-go { color: var(--bs-tertiary-color); align-self: center; }
.theme-custom-settings .tcs-tile.is-off {
    padding: .6rem .9rem; border-left-width: 1px; box-shadow: none;
    background: var(--bs-tertiary-bg); color: var(--bs-secondary-color);
}
.theme-custom-settings .tcs-dot {
    display: inline-block; width: .9rem; height: .9rem; border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, .15); vertical-align: middle;
}

/* The theme's screen (theme.tpl): two big choices, all sites or one */
.theme-custom-settings .tcs-choice {
    display: flex; align-items: flex-start; gap: .75rem;
    padding: 1rem 1.25rem; margin: 0; cursor: pointer;
    border: 1px solid var(--bs-border-color); border-radius: .5rem; background: var(--bs-body-bg);
}
.theme-custom-settings .tcs-choice:has(input[type=radio]:checked) {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 .2rem rgba(var(--bs-primary-rgb), .15);
}
.theme-custom-settings .tcs-choice > .form-check-input { margin-top: .35rem; flex: 0 0 auto; }
.theme-custom-settings .tcs-choice-icon { font-size: 1.5rem; line-height: 1; color: var(--bs-primary); }
.theme-custom-settings .tcs-choice label { cursor: pointer; }

/* The import preview (import.tpl) */
.theme-custom-settings .tcs-plan tr.is-same { color: var(--bs-secondary-color); }
.theme-custom-settings .tcs-plan td { vertical-align: middle; }
/* Bootstrap colours the cells from --bs-table-color, not from the row */
.theme-custom-settings .tcs-plan tr.is-removed { --bs-table-color: var(--bs-danger-text-emphasis); color: var(--bs-danger-text-emphasis); }
.theme-custom-settings .tcs-plan tr.is-removed td:nth-child(2) { text-decoration: line-through; }
/* What only one mode does (data-tcs-mode) shows while that mode is chosen; a browser
   without :has shows both, each labelled with its mode */
@supports selector(:has(*)) {
    .theme-custom-settings.tcs-import:has(input[name="mode"][value="replace"]:checked) [data-tcs-mode="merge"],
    .theme-custom-settings.tcs-import:not(:has(input[name="mode"][value="replace"]:checked)) [data-tcs-mode="replace"] {
        display: none;
    }
}
/* FILE: theme_custom_settings.css */ 
.theme-custom-settings .tcs-fields {
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: .5rem;
}
.theme-custom-settings .tcs-field {
    display: grid;
    grid-template-columns: minmax(12rem, 1fr) minmax(12rem, 1.2fr) minmax(11rem, .8fr);
    gap: .5rem 1rem;
    align-items: center;
    padding: .6rem .9rem;
    border-top: 1px solid var(--bs-border-color, #dee2e6);
}
.theme-custom-settings .tcs-field:first-child {
    border-top: 0;
}
.theme-custom-settings .tcs-field.is-own {
    background: rgba(var(--bs-primary-rgb, 13, 110, 253), .05);
}
.theme-custom-settings .tcs-field:not(.is-own) .tcs-control {
    opacity: .6;
}
.theme-custom-settings .tcs-field.is-unsupported .tcs-control {
    opacity: 1;
}
.theme-custom-settings .tcs-raw {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.theme-custom-settings .tcs-color {
    max-width: 11rem;
    flex-wrap: nowrap;
}
.theme-custom-settings .tcs-color .tcs-swatch {
    flex: 0 0 2.75rem;
}
.theme-custom-settings .tcs-thumb {
    max-height: 2.25rem;
    max-width: 8rem;
    /* Mid-grey checkerboard: white logos and dark logos both stay visible */
    background: repeating-conic-gradient(#8a8f98 0 25%, #a7acb4 0 50%) 0 0 / 12px 12px;
}
@media (max-width: 767.98px) {
    .theme-custom-settings .tcs-field {
        grid-template-columns: 1fr;
    }
}

/* Brand preview */
.theme-custom-settings .tcs-preview {
    --tcs-header: #1e4592;
    --tcs-primary: #1e4592;
    --tcs-accent: #f8c51e;
    --tcs-on-header: #fff;
    overflow: hidden;
}
.theme-custom-settings .tcs-preview-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 3.5rem;
    padding: .5rem 1rem;
    background: var(--tcs-header);
    color: var(--tcs-on-header);
}
.theme-custom-settings .tcs-preview-logo {
    max-height: 2.5rem;
    max-width: 12rem;
}
.theme-custom-settings .tcs-preview-button {
    background: var(--tcs-primary);
    border-color: var(--tcs-primary);
    color: #fff;
}
.theme-custom-settings .tcs-preview-link {
    color: var(--tcs-primary);
}
.theme-custom-settings .tcs-preview-accent {
    width: 3rem;
    height: .35rem;
    border-radius: 1rem;
    background: var(--tcs-accent);
}

/* "set here" state is shown by one class, toggled live by the script */
.theme-custom-settings .tcs-field.is-own .tcs-source-inherited,
.theme-custom-settings .tcs-field:not(.is-own) .tcs-source-own {
    display: none;
}
.theme-custom-settings .tcs-field:not(.is-own) .tcs-control:hover,
.theme-custom-settings .tcs-field:not(.is-own) .tcs-control:focus-within {
    opacity: 1;
}

/* FILE: fpzg_zavrsni_radovi_obrana.css */ 

/* FILE: rezervacije.css */ 
.signage_data {
    visibility: hidden;
}
/* FILE: titule_djelatnika.css */ 
/*
 * Titule djelatnika. Raspored daju Bootstrap komponente teme: kartice, liste,
 * kartice-tabovi, gumbi, oznake i grid (redak je .row sa .col-sm-*, pa se na
 * uskom zaslonu stupci slažu sami). Ovdje je samo ono čega Bootstrap nema:
 * harmonika grupa, boja ruba po položaju, ručka za povlačenje i širine polja u
 * uređivanju. Bez fiksnih boja teksta i pozadine, da se uklopi u svaku temu, i
 * u em, ne u rem: Bootstrap 3 postavlja html na 10px, pa bi rem bio upola manji.
 *
 * Isti se CSS mora vidjeti u svakoj temi: tema bez Bootstrapa ga skuplja odavde,
 * a tema s Bootstrapom iz css/bootstrap/ i css/bootstrap5/, gdje su poveznice na
 * ovu datoteku (vidi sys/unificator/CollectStaticUnificatorBootstrap.php).
 */
.titule-djelatnika .td-vrste { margin-bottom: 0.75em; }
.titule-djelatnika .td-alati { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5em 1em; margin-bottom: 0.75em; }
.titule-djelatnika .td-alati .nav,
.titule-djelatnika .td-alati .td-filtar { margin-top: 0; margin-bottom: 0; }
.titule-djelatnika .td-trazi { width: auto; flex: 1 1 14em; max-width: 24em; }
.titule-djelatnika .td-izgubljene { margin: 0.5em 0 0; }
.titule-djelatnika .td-izgubljene li { margin-bottom: 0.25em; }

/* Bootstrap 3 nema no-gutters ni g-0, a razmak sa strane daje list-group-item. */
.titule-djelatnika .row { margin-left: 0; margin-right: 0; }
.titule-djelatnika .row > [class^="col-"] { padding-left: 0; padding-right: 0; }

/* Zaglavlje stupaca je list-group-item bez ruba i pozadine: vodoravni razmak je
   temin, pa je poravnato s retcima u svakoj verziji. Uz grupe još 4px lijevog ruba. */
.titule-djelatnika .td-zaglavlje { border: 0; background: none; padding-top: 0; padding-bottom: 0.35em; margin-bottom: 0; font-weight: 600; }
.titule-djelatnika .td-lista-grupe > .td-zaglavlje { margin-left: 4px; }
.titule-djelatnika .td-red[hidden],
.titule-djelatnika .td-grupa[hidden] { display: none; }
.titule-djelatnika .td-neupotrebi > * { opacity: 0.6; }
.titule-djelatnika .td-naziv small { margin-left: 0.35em; }
.titule-djelatnika .td-tekst { font-weight: 600; margin-right: 0.15em; }
.titule-djelatnika .td-skriven { text-decoration: line-through; font-weight: normal; opacity: 0.6; }
.titule-djelatnika .td-izvor { margin-left: 0.2em; white-space: nowrap; }
.titule-djelatnika .td-prazno { margin: 0.5em 0; }

/* Grupe po položaju na HR-u: kartica (panel u BS3) kao harmonika. Kartica i
   naslov su od teme; ovdje su strelica i boja lijevog ruba po položaju. */
.titule-djelatnika .td-grupa { --td-boja: rgba(128, 128, 128, 0.6); border-left: 4px solid var(--td-boja); margin-bottom: 0.75em; overflow: hidden; }
.titule-djelatnika .td-grupa-ispred { --td-boja: #5b82b8; }
.titule-djelatnika .td-grupa-iza { --td-boja: #3f9575; }
.titule-djelatnika .td-grupa-naslov { display: flex; align-items: center; gap: 0.5em; cursor: pointer; list-style: none; user-select: none; font-weight: 600; }
.titule-djelatnika .td-grupa-naslov::-webkit-details-marker { display: none; }
.titule-djelatnika .td-grupa-naslov::before {
    content: ''; flex: none; width: 0.45em; height: 0.45em; margin: 0 0.25em 0 0.1em;
    border-right: 2px solid var(--td-boja); border-bottom: 2px solid var(--td-boja);
    transform: rotate(-45deg); transition: transform 0.15s;
}
.titule-djelatnika .td-grupa[open] > .td-grupa-naslov::before { transform: rotate(45deg); }
/* Zatvorena grupa je samo naslov: bez donjeg ruba naslova uz rub kartice. */
.titule-djelatnika .td-grupa:not([open]) > .td-grupa-naslov { border-bottom: 0; }
.titule-djelatnika .td-grupa-naslov:focus-visible { outline: 2px solid var(--td-boja); outline-offset: -2px; }

/* Slaganje zvanja */
.titule-djelatnika .td-slaganje .td-stavke { margin-bottom: 0.75em; }
/* touch-action: bez toga dodir na ručki lista stranicu umjesto da vuče redak. */
.titule-djelatnika .td-rucka { cursor: grab; opacity: 0.5; user-select: none; touch-action: none; }
.titule-djelatnika .td-rucka:focus { outline: 2px solid currentColor; opacity: 1; }
.titule-djelatnika .td-vuce { opacity: 0.5; }
/* Crta na mjestu ispuštanja: currentColor, da se vidi u svakoj temi. */
.titule-djelatnika .td-crta { height: 0; margin: 0; padding: 0; list-style: none; border-top: 3px solid currentColor; opacity: 0.7; }
.titule-djelatnika.td-nespremljeno button[form$="_redoslijed"],
.titule-djelatnika.td-nespremljeno form[id$="_redoslijed"] button { box-shadow: 0 0 0 3px rgba(245, 180, 60, 0.8); }

/* Uređivanje */
.titule-djelatnika .td-jezik-blok { margin-bottom: 1em; }
.titule-djelatnika .td-jezik-naslov { margin: 0; font-size: 1.1em; font-weight: 600; }
.titule-djelatnika .td-rezultat { font-weight: normal; font-size: 0.9em; margin-left: 0.5em; }
/* Fiksni stupci, da su tablice svih jezika poravnate. */
.titule-djelatnika .td-polja { table-layout: fixed; margin-bottom: 0; }
.titule-djelatnika .td-polja .td-k-oznaka { width: 6.5em; }
.titule-djelatnika .td-polja .td-k-izmjena { width: 30%; }
.titule-djelatnika .td-polja td, .titule-djelatnika .td-polja th { vertical-align: middle; overflow-wrap: anywhere; }
.titule-djelatnika .td-k-uputa { display: block; font-weight: normal; }
.titule-djelatnika .td-polja input::placeholder { font-style: italic; opacity: 0.6; }
.titule-djelatnika .td-gumbi { display: flex; flex-wrap: wrap; gap: 0.5em; align-items: center; }
/* FILE: categories.css */ 
/* Categories (templates/bootstrap5). The tile is a category's picture, or
   its initial on a tone of its own; the handle drags a row. */
.admin-categories .cat-intro { max-width: 46rem; }
.admin-categories .cat-balance { text-wrap: balance; }
.admin-categories .cat-tile { width: 3rem; height: 3rem; border-radius: var(--bs-border-radius-lg); overflow: hidden; }
.admin-categories .cat-tile-lg { width: 5.5rem; height: 5.5rem; }
.admin-categories .cat-tile > img { width: 100%; height: 100%; object-fit: cover; display: block; }
.admin-categories .cat-tile > span { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-weight: 600; font-size: 1.25rem; }
.admin-categories .cat-tile-lg > span { font-size: 2rem; }
.admin-categories .cat-tile.is-removed { opacity: .35; }
.admin-categories .cat-lang { display: inline-block; padding: 0 .35em; border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius-sm); font-size: .7rem; font-weight: 600; line-height: 1.5; color: var(--bs-secondary-color); }
.admin-categories .cat-desc { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.admin-categories .cat-empty-icon { font-size: 2.5rem; line-height: 1; }
.admin-categories .min-w-0 { min-width: 0; }
.admin-categories .cat-handle { cursor: grab; touch-action: none; }
.admin-categories .cat-handle:focus-visible { outline: 2px solid var(--bs-primary); outline-offset: 2px; }
.admin-categories [data-cat-list] > li.is-dragging { opacity: .5; background: var(--bs-tertiary-bg); }
.admin-categories [data-cat-list].is-sorting { cursor: grabbing; }
.admin-categories [data-cat-list].is-sorting * { cursor: grabbing; }
/* FILE: default.css */ 
.portfolio_person_title {
    background: #ddd;
}
div.cms_table_row_1 {
    background: #fafafa;
}
div.cms_table_row_0 {

}/* FILE: imenik_style.css */ 
#imenik_search_form {
    min-height: 40px;
}

#imenik_res {
    margin-left: 0;
}

#imenik_res table.tablesorter th {
    text-align:left;
}

#imenik_res table.tablesorter tr td, #imenik_res table.tablesorter tr th {
    font-size:13px;
    border: 1px dotted transparent;
    border-bottom: 1px dotted gray;
    padding: 5px;
}

#imenik_res table.tablesorter tr:hover {
    border:1px solid #E4C319;
}/* FILE: style.css */ 
.portlet_admin_users .cms_deleted_row {
    color: #888;
    font-style: italic;
}/* FILE: apps.css */ 
/* The applications listing (templates/bootstrap5/apps.tpl), in the style of the
   presentation's slides; on the dashboard's modal and the Portleti page */
.ea-apps .dash-slide { border: 1px solid var(--bs-border-color); border-radius: .5rem; overflow: hidden; }
.ea-apps .dash-slide-head { margin: 0; padding: .65rem 1rem; background: var(--intranet-primary, var(--bs-primary)); color: #fff; font-size: 1rem; font-weight: 600; }
.ea-apps .dash-slide-intro { margin: 0; padding: .6rem 1rem 0; font-size: .85rem; color: var(--bs-secondary-color); }
.ea-apps .dash-slide-row { display: grid; grid-template-columns: minmax(9rem, 15rem) 1fr; gap: .25rem 1.25rem; padding: .6rem 1rem; border-top: 1px solid var(--bs-border-color-translucent); font-size: .9rem; }
.ea-apps .dash-slide-intro + .dash-slide-row, .ea-apps .dash-package-head + .dash-slide-row { border-top: 0; }
.ea-apps .dash-slide-row.is-wide { grid-template-columns: 1fr; }
.ea-apps .dash-slide-name { font-weight: 600; }
.ea-apps .dash-slide-modules { color: var(--bs-secondary-color); }
/* The template's spaces either side are the gap, as in the packages' lists */
.ea-apps .dash-slide-dot { margin: 0; }
.ea-apps .dash-module.is-active { color: var(--bs-emphasis-color); font-weight: 600; }
.ea-apps .dash-package { margin: .75rem; border: 1px solid var(--bs-border-color-translucent); border-radius: .5rem; }
.ea-apps .dash-package.is-education { border: 2px solid var(--bs-success); }
.ea-apps .dash-package-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem .6rem; padding: .6rem 1rem; border-bottom: 1px solid var(--bs-border-color-translucent); }
.ea-apps .dash-package-name { font-weight: 700; }
.ea-apps .dash-package-desc { flex-basis: 100%; font-size: .85rem; color: var(--bs-secondary-color); }
@media (max-width: 575.98px) {
  .ea-apps .dash-slide-row { grid-template-columns: 1fr; }
}