body{font-size:75%;font-family:Verdana,Tahoma,Arial,"Helvetica Neue",Helvetica,Sans-Serif;color:#232323;background-color:#fff}.headtitle{margin-left:3px}.asterisk_input:after{content:" *";color:#e32;position:absolute;margin:0 0 0 -20px;font-size:xx-large;padding:0 5px 0 0}#popupForm .dxtc-spacer{display:none}.LoadingPanelPosition{top:50%!important;left:50%!important}fieldset{border:1px solid #ddd;padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0}legend{font-size:1.2em;font-weight:bold}#cbpSinopsisi textarea{min-height:45px}#cbpSinopsisi .floatLeftSinopsis{float:left;height:auto;margin-bottom:10px}#cbpSinopsisi .popupLabelSinopsis{color:gray}#cbpSinopsisiPress textarea{min-height:45px}#cbpSinopsisiPress .floatLeftSinopsis{float:left;height:auto;margin-bottom:10px}#cbpSinopsisiPress .popupLabelSinopsis{color:gray}#cbpWeb textarea{min-height:45px}#cbpWeb .floatLeftSinopsis{float:left;height:auto;margin-bottom:10px}#cbpWeb .popupLabelSinopsis{color:gray}#cbpKontakti textarea{min-height:100px}#cbpKontakti .floatLeftSinopsis{float:left;height:auto;margin-bottom:10px}#cbpKontakti .popupLabelSinopsis{color:gray}#rndPorijeklo .popupLabelWide200{color:gray}textarea{min-height:75px}.edit_form{padding:14px 20px 15px;line-height:normal}.editor-label{margin:1em 0 0 0}.editor-field{margin:.5em 0 0 0}.field-validation-error{color:red}.field-validation-valid{display:none}.input-validation-error{border:1px solid red;background-color:#fee}.validation-summary-errors{font-weight:bold;color:red}.validation-summary-valid{display:none}#treeView{min-width:800px;width:100%}.treeViewDefinition{min-width:800px;float:left;overflow:auto}.treeViewEdit{min-width:600px;width:100%;float:left;overflow:auto}.treeViewDropDown{min-width:400px;width:100%;float:left;overflow:auto}.loginDiv{position:absolute;border-style:solid;border-width:1px;left:40%;padding:20px;width:240px;margin-top:50px}.loginBtn{display:block;margin-top:30px;margin-left:auto;margin-right:auto;margin-bottom:0}.loginTxt{float:left;padding-top:3px}.loginUlaz{text-align:center;width:50px;border:1px solid #000;position:relative;top:-21px;left:-21px}.floatLeft{float:left}.floatLeftSinopsis{float:left;height:115px}.normallabel{float:left;height:30px;margin-top:3px;margin-left:-22px;margin-right:5px}.korisnikPopupLine{width:500px;height:30px;margin-top:3px}.isplatneListeLine{width:650px;height:auto;display:flex;margin-bottom:10px;align-items:flex-start}.popupLineMarginBottom{width:500px;height:30px;margin-bottom:30px}.pitanjaTipPozivaPopupLine{width:600px;height:50px}.popupLineW1200{width:1200px;height:30px}.popupLineW1250{width:50vw;height:30px;margin-top:3px}.popupLineW950{width:950px;height:30px;margin-top:3px}.popupLineW900{width:900px;height:30px;margin-top:20px}.popupLineStandard{width:870px;height:30px;margin-top:3px}.popupLineStandardWidthAuto{height:auto;min-height:30px;margin-top:3px;float:left}.popupLineStandardPadding{width:870px;height:30px;margin-top:3px;padding-bottom:10px}.popupLineStandard600{width:600px;height:30px;margin-top:3px}.popupLineDialogBox{width:500px;height:30px;margin-top:3px}.popupLineW1000{width:1000px;height:30px}.popupLineW1200MarginTop{width:1200px;height:50px;margin-top:20px}.popupLineW1200H80{width:1200px;height:80px}.originalniScenarij{width:500px;height:30px;margin-top:100px}.aktivnost{width:500px;height:30px;margin-top:130px}.razvojScenarija{width:500px;height:30px;margin-top:180px}.adaptacija{width:500px;height:30px;margin-top:30px}.popupLineJavniPozivInfo{width:1200px;height:50px;margin-top:10px;margin-bottom:60px}.predlagatelj{width:700px;height:60px;margin-top:30px}.gpLine{width:500px;height:30px;margin-top:40px}.opisPopupLine{width:500px;height:30px;margin-top:30px;margin-bottom:190px}.predvidjenoTrajanje{width:500px;height:30px;margin-top:90px}.korisnikPopupLine80{width:500px;height:80px}.korisnikPopupLineH60{width:500px;height:60px}.korisnikPopupLineH45W1000{width:1000px;height:45px}.korisnikPopupLineMT30{width:1000px;height:45px;margin-top:60px;margin-bottom:60px}.korisnikPopupLineH120{width:500px;height:120px}.korisnikPopupLinew600h30{width:600px;height:30px}.korisnikPopupLinew800h30{width:800px;height:30px}.korisnikPopupLinew600h50{width:600px;height:50px}.korisnikPopupLine300{width:300px;height:30px}.korisnikPopupLineSredstva{width:400px;height:30px;margin-top:-210px;margin-left:1050px}.korisnikPopupLineLarge{width:500px;height:100px}.korisnikPopupLineW700{width:1000px;height:130px}.korisnikPopupLinezzz{width:1000px;height:100px;margin-top:20px}.korisnikPopupLineW700H150{width:700px;height:150px}.popupLineW700H90{width:700px;height:90px}.popupLineMarginBottom{width:500px;height:30px;margin-bottom:30px}.zapisnikPopupLine{width:670px;height:30px}.vijecaPopupLine{width:900px;height:50px}.bioPrijavljenPopupLine{width:670px;height:30px;margin-bottom:90px}.popupLineH50{width:1100px;height:50px}.popupLineH50W1200px{width:1200px;height:50px;margin-top:10px}.popupLineJavniPozivInfo{width:1200px;height:50px;margin-top:10px;margin-bottom:60px}.tipPozivaPopupLine{width:500px;height:80px}.popupLineH130{width:500px;height:130px;margin-top:-15px}.popupLineW1000H115{width:1000px;height:115px}.popupLabelW150{width:150px;float:left}.WidePopupLine{width:620px;height:30px}.popupLineW1200H150{width:1200px;height:150px}.razvojProjekataPopupLine{width:620px;height:30px;margin-top:200px}.popupLineMarginTop40{width:620px;height:30px;margin-top:150px}.adaptacijaLabel{width:620px;height:30px;margin-top:20px}.popupLabel{width:110px;float:left;margin-top:4px}.popupLabelW130px{width:130px;float:left}.popupLabelW105{width:105px;float:left}.popupLabelSinopsis{width:500px;float:left;height:20px}.popupLabelSinopsisPortal{width:300px;float:left;height:20px}.popupLabelWide{width:550px;float:left}.popupLabelRazvojProjekata{width:550px;float:left;margin-top:40px;margin-bottom:10px}.popupLabelWide240{width:240px;float:left;padding-top:4px}.popupLabelWide200{width:200px;float:left;padding-top:4px}.popupLabelSredstva{width:150px;float:left;padding-top:4px}.popupLabelWide170{width:170px;float:left;padding-top:4px}.popupLabelSredstvaBitno{width:140px;float:left;padding-top:4px}#cbpProdukcija .popupLabelSredstva{width:170px}.popupLabelPorijeklo{width:180px;float:left}.popupLabelUspjehRedatelja{width:800px;float:left}.popupLabelAnkPitanja{width:890px;float:left}.popupLabelH20{width:110px;float:left;height:20px}.invisible{display:none}.modal{display:none;position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.8) url('loading2.gif') 50% 50% no-repeat}body.loading{overflow:hidden}body.loading .modal{display:block}.EmptyFocusedRow{background:none}.editor{display:inline-table}.pager_template{height:32px}.pager_template div.left{padding:3px;float:left;height:30px;width:450px}.pager_template div.right{padding:3px;float:right;height:30px;width:170px}.pager_template .button{float:left;margin:2px}.pager_template .editor{float:left;margin:3px 0 1px}.pager_template label{float:left;display:block;margin:2px 4px;padding:4px 0}.buttonaddnew{width:300px}.buttonaddnew td{color:red;text-align:center}span.questionHelp{cursor:pointer;display:inline-block;width:80px;background-color:#89a4cc;line-height:16px;color:#fff;font-size:11px;font-weight:bold;border-radius:8px;text-align:center;position:relative;float:inherit;margin-left:0}span.question{cursor:pointer;display:inline-block;width:16px;height:16px;background-color:#89a4cc;line-height:16px;color:#fff;font-size:13px;font-weight:bold;border-radius:8px;text-align:center;position:relative;float:inherit;margin-top:3px;margin-left:-20px}span.newItem{cursor:pointer;display:inline-block;width:16px;height:16px;background-color:#000;line-height:16px;color:#fff;font-size:13px;font-weight:bold;border-radius:8px;text-align:center;position:relative;float:left;margin-top:3px;margin-left:0}span.question:hover{background-color:#3d6199}div.tooltip{background-color:#3d6199;color:#fff;position:absolute;left:25px;top:-25px;z-index:1000000;width:250px;border-radius:5px}div.tooltip:before{border-color:transparent #3d6199 transparent transparent;border-right:6px solid #3d6199;border-style:solid;border-width:6px 6px 6px 0;content:"";display:block;height:0;width:0;line-height:0;position:absolute;top:40%;left:-6px}div.tooltip p{margin:10px;color:#fff}table.treeListCard{background:#f5f5f5;border-collapse:collapse;width:100%}table.treeListCard td{border:solid 1px #cecece;padding:4px;white-space:normal}table.treeListCard td.name{background:#efefef;white-space:nowrap;width:10%}table.treeListCard img{border:0}table.treeListCard img:hover{cursor:pointer}#treeViewProgramskaDjel{width:100%!important}#treeViewProgramskaDjel.dxtvControl_Aqua .dxtv-ndTxt{float:none!important;white-space:inherit!important}#treeViewProgramskaDjel.dxtvControl_Aqua .dxtv-nd{float:none!important}#treeViewPrilozi{width:100%!important}#treeViewPrilozi.dxtvControl_Aqua .dxtv-ndTxt{float:none!important;white-space:inherit!important}#treeViewPrilozi.dxtvControl_Aqua .dxtv-nd{float:none!important}.center{margin:auto;padding:10px}.projekt-rok-item{margin-bottom:20px;padding:15px;background-color:#f9f9f9;border-radius:4px;border:1px solid #ddd;overflow:visible}.projekt-rok-item:hover{background-color:#f5f5f5}.sub-section-title{color:#444;margin-bottom:15px;font-size:16px;font-weight:bold}.dxpc-content{height:auto!important;min-height:100%;overflow:visible!important}.dx-gv-content{overflow:visible!important}.sub-section{margin-bottom:30px;padding:15px;background-color:#f9f9f9;border-radius:4px;overflow:visible}.plan-row{display:flex;margin-bottom:10px;align-items:baseline}.plan-label{font-weight:bold;min-width:200px;color:#555}.plan-value{color:#333;flex-grow:1}.plan-details{margin-bottom:20px;padding:10px;background-color:#f5f5f5;border-radius:3px}.edit-form{margin-bottom:20px}.messages-section{margin-top:30px;padding:20px;border:1px solid #ddd;border-radius:5px}.new-message{margin-top:20px}.project-details-header{margin-bottom:30px;padding:20px;background-color:#f9f9f9;border-radius:4px;border:1px solid #ddd}.project-title{color:#333;margin-bottom:20px;font-size:24px}.project-details{display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;align-items:baseline}.detail-label{font-weight:bold;min-width:150px;color:#555}.detail-value{color:#333}.accordion-container{margin-top:20px}.accordion-item{margin-bottom:15px;border:1px solid #ddd;border-radius:4px;overflow:hidden}.accordion-checkbox{display:none}.accordion-label{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#f9f9f9;cursor:pointer;transition:background-color .3s}.accordion-label:hover{background-color:#f0f0f0}.accordion-title{font-weight:bold;color:#333;font-size:16px}.accordion-icon{transition:transform .3s;font-size:12px}.accordion-checkbox:checked+.accordion-label .accordion-icon{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .5s ease-out;background-color:#fff}.accordion-checkbox:checked+.accordion-label+.accordion-content{max-height:none;overflow:visible}.accordion-content>div{padding:20px}.project-properties-section{margin:20px;padding:20px;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9}.section-title{color:#333;margin-bottom:20px;font-size:20px;font-weight:bold;border-bottom:2px solid #eee;padding-bottom:10px}.new-message-section{margin-top:30px;padding:20px;background-color:#f9f9f9;border-radius:4px}.button-container{margin-top:15px;text-align:right}.activities-section .button-container .button,.button-container .button{color:#fff;border:none;border-radius:4px;cursor:pointer;padding:8px 16px}.activities-section{padding:20px}.activities-list{margin-bottom:30px}.activity-item{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:15px;padding:15px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #eee}.activity-title{font-weight:bold;color:#333;font-size:16px}.activity-date{color:#666;font-size:14px}.activity-content{color:#444;line-height:1.5}.no-activities{text-align:center;color:#666;padding:20px;background-color:#f9f9f9;border-radius:4px;margin-bottom:20px}.new-activity-section{margin-top:30px;padding:20px;background-color:#f9f9f9;border-radius:4px}.dx-gv-data-row{cursor:pointer}.dx-gv-data-row:hover{background-color:#f5f5f5}.document-upload-section{margin:20px;padding:20px;border:1px solid #ddd;border-radius:5px;background-color:#fff}.documents-grid-section{margin:20px;padding:20px;border:1px solid #ddd;border-radius:5px;background-color:#fff}.tab-container{width:100%;margin-top:20px}.tab-headers{display:flex;border-bottom:1px solid #ddd;margin-bottom:20px}.tab-header{padding:10px 20px;cursor:pointer;border:1px solid #ddd;border-bottom:none;background-color:#f5f5f5;margin-right:5px;border-radius:4px 4px 0 0}.tab-header.active{background-color:#fff;border-bottom:1px solid #fff;margin-bottom:-1px}.tab-content{width:100%}.tab-pane{display:none}.tab-pane.active{display:block}.documents-section{margin-top:20px}.document-upload-form{background-color:#f8f9fa;padding:15px;border-radius:5px;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:#495057;font-weight:bold}.documents-list{margin-top:20px}.table{width:100%;margin-bottom:1rem;background-color:transparent}.table th{background-color:#f8f9fa;color:#495057;font-weight:600}.table td,.table th{padding:12px;vertical-align:middle}.no-documents{text-align:center;color:#6c757d;padding:20px;background-color:#f8f9fa;border-radius:5px}.btn-primary{background-color:#007bff;border-color:#007bff}.btn-danger{background-color:#dc3545;border-color:#dc3545}.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.project-phases{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px;padding-top:20px;border-top:1px solid #eee}.phase{flex:1;min-width:150px;padding:15px;background-color:#f8f9fa;border-radius:4px;text-align:center;position:relative;transition:all .3s ease}.phase.completed{background-color:#e8f5e9;border-left:4px solid #4caf50}.phase-icon{font-size:24px;margin-bottom:10px;color:#666}.phase.completed .phase-icon{color:#4caf50}.phase-label{font-weight:bold;color:#333;margin-bottom:5px}.phase-status{font-size:12px;color:#666}.phase.completed .phase-status{color:#4caf50}.error-phase{background-color:#ffebee!important;border-left:4px solid #f44336!important}.error-phase .phase-icon{color:#f44336!important}.error-phase .phase-label,.error-phase .phase-status{color:#d32f2f!important}.error-phase.completed{background-color:#ffebee!important;border-left:4px solid #f44336!important}.payment-info{margin:15px 0;padding:10px;background-color:#f8f9fa;border-radius:4px}.sub-section.completed-payment{border-left:4px solid #4caf50;transition:all .3s ease}.sub-section.completed-payment .phase-icon{color:#4caf50}.sub-section.completed-payment .phase-label,.sub-section.completed-payment .phase-status{color:#4caf50}.detail-value.zero-amount{color:#28a745;font-weight:bold}.projektrokovi-view{width:100%}.projektrokovi-view .toolbar-container{width:100%;float:left;margin-top:-20px}.projektrokovi-view .toolbar-inline-block{display:inline-block}.projektrokovi-view .toolbar-button-container{float:left;margin-left:20px}.projektrokovi-view .filters-container{width:100%;float:left;margin-top:10px}.projektrokovi-view .reset-filters-container{float:left;margin-left:10px;margin-top:3px}.projektrokovi-view .status-filters-container{width:100%;float:left;margin-top:10px;margin-bottom:10px}.projektrokovi-view .status-filters-label{float:left;margin-right:10px}.projektrokovi-view .status-filter-button-container{float:left;margin-right:5px}.status-filter-btn{width:120px}.status-filter-btn.active{border:2px solid #000!important;box-shadow:0 2px 6px rgba(0,0,0,.3)!important;font-weight:700!important}.status-filter-btn.active .dxb,.status-filter-btn.active .dxb-text,.status-filter-btn.active .dxb-hb,.status-filter-btn.active .dxb-hc{color:#28a745!important}.projektrokovi-view .combo-filter-container{float:left;margin-bottom:20px}.teams-calendar-container{padding:20px;background-color:#f5f5f5;min-height:100vh}.teams-calendar-header{margin-bottom:30px}.teams-calendar-header h2{margin:0 0 10px 0;color:#323130;font-size:28px;font-weight:600}.teams-calendar-header p{margin:0;color:#605e5c;font-size:14px}.teams-calendar-view{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px}.calendar-navigation{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #edebe9;flex-wrap:wrap;gap:15px}.view-toggle{display:flex;gap:5px;border:1px solid #edebe9;border-radius:4px;padding:2px;background:#faf9f8}.toggle-btn{padding:8px 16px;border:none;background:transparent;cursor:pointer;border-radius:3px;font-size:14px;font-weight:500;color:#605e5c;transition:all .2s}.toggle-btn:hover{background:#edebe9}.toggle-btn.active{background:#0078d4;color:#fff}.navigation-controls{display:flex;align-items:center;gap:15px}.nav-btn{background:#0078d4;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.nav-btn:hover{background:#106ebe}.current-month{font-size:20px;font-weight:600;color:#323130;text-transform:capitalize}.month-section{margin-bottom:50px}.month-title{font-size:24px;font-weight:600;color:#323130;margin-bottom:20px;text-transform:capitalize}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:10px}.weekday{text-align:center;font-weight:600;color:#605e5c;font-size:12px;padding:8px;text-transform:uppercase}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-days.week-view{grid-template-columns:repeat(7,1fr);gap:10px}.calendar-day.week-day{min-height:500px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column}.calendar-day.week-day .day-appointments{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.week-section{margin-bottom:30px}.week-title{font-size:24px;font-weight:600;color:#323130;margin-bottom:20px;text-transform:capitalize}.week-view-container{display:flex;flex-direction:column}.calendar-weekdays.week-view-header{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:10px}.weekday-header{text-align:center;font-weight:600;color:#323130;font-size:14px;padding:10px;background:#faf9f8;border-radius:4px;text-transform:uppercase}.day-header{display:flex;flex-direction:column;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid #edebe9;position:sticky;top:0;background:#fff;z-index:10}.calendar-day.week-day.today .day-header{background:#e8f4f8}.day-name{font-size:11px;color:#605e5c;text-transform:uppercase;margin-top:2px}.day-count{font-size:10px;color:#0078d4;background:#e8f4f8;padding:2px 6px;border-radius:10px;margin-top:4px;font-weight:600}.no-appointments{text-align:center;color:#95a5a6;font-size:11px;font-style:italic;padding:20px 10px}.calendar-day{min-height:120px;border:1px solid #edebe9;border-radius:4px;padding:8px;background:#fff;position:relative;transition:background-color .2s}.calendar-day:hover{background-color:#faf9f8}.calendar-day.today{background-color:#e8f4f8;border:2px solid #0078d4}.calendar-day.past{opacity:.7}.calendar-day.empty{background-color:#faf9f8;border:none}.day-number{font-weight:600;color:#323130;margin-bottom:8px;font-size:14px}.calendar-day.today .day-number{color:#0078d4;font-weight:700}.day-appointments{display:flex;flex-direction:column;gap:4px}.appointment-card{background:#fff;border-left:4px solid #0078d4;border-radius:4px;padding:6px 8px;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.1);font-size:11px;min-height:50px;display:block;visibility:visible;opacity:1}.appointment-card:hover{box-shadow:0 2px 6px rgba(0,0,0,.15);transform:translateY(-1px)}.appointment-card.status-aktivan{border-left-color:#27ae60;background:#e8f5e9}.appointment-card.status-uobradi{border-left-color:#3498db;background:#fff3e0}.appointment-card.status-dorada{border-left-color:#f39c12;background:#ffe0b2}.appointment-card.status-zavrsen{border-left-color:#2c3e50;background:#eceff1}.appointment-card.status-neaktivano{border-left-color:#95a5a6;background:#f5f5f5}.appointment-card.status-otkazano{border-left-color:#e74c3c;background:#eceff1}.appointment-card.status-hidden{border-left-color:#7f8c8d;background:#ffebee;opacity:1}.appointment-card.status-default{border-left-color:#95a5a6;background:#e8f4f8}.appointment-time{font-weight:600;color:#323130;font-size:10px;margin-bottom:2px}.appointment-title{font-weight:600;color:#323130;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.appointment-project{color:#605e5c;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.appointment-predlagatelj{color:#605e5c;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px;font-style:italic}.appointment-status{color:#605e5c;font-size:9px;font-style:italic}.appointment-more{color:#0078d4;font-size:10px;font-weight:500;cursor:pointer;padding:4px;text-align:center}.appointment-more:hover{text-decoration:underline}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5)}.modal-content{background-color:#fff;margin:5% auto;padding:30px;border-radius:8px;width:90%;max-width:600px;box-shadow:0 4px 20px rgba(0,0,0,.3);position:relative}.close{color:#aaa;float:right;font-size:28px;font-weight:bold;position:absolute;right:15px;top:15px;cursor:pointer}.close:hover,.close:focus{color:#000}.status-legend{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:15px;background:#faf9f8;border-radius:4px;border:1px solid #edebe9;flex-wrap:wrap}.legend-title{font-weight:600;color:#323130;font-size:14px;margin-right:10px}.legend-items{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:20px;height:20px;border-radius:3px;border:1px solid #ccc;flex-shrink:0}.legend-color.status-aktivan{background:#e8f5e9;border-left:4px solid #27ae60}.legend-color.status-uobradi{background:#fff3e0;border-left:4px solid #3498db}.legend-color.status-dorada{background:#ffe0b2;border-left:4px solid #f39c12}.legend-color.status-zavrsen{background:#eceff1;border-left:4px solid #2c3e50}.legend-color.status-neaktivano{background:#f5f5f5;border-left:4px solid #95a5a6}.legend-color.status-otkazano{background:#eceff1;border-left:4px solid #e74c3c}.legend-color.status-hidden{background:#ffebee;border-left:4px solid #7f8c8d;opacity:1}.legend-color.status-default{background:#e8f4f8;border-left:4px solid #95a5a6}.legend-label{font-size:12px;color:#323130}.status-filters{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:15px;background:#faf9f8;border-radius:4px;border:1px solid #edebe9;flex-wrap:wrap}.filters-title{font-weight:600;color:#323130;font-size:14px;margin-right:10px}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.status-filter-btn{padding:8px 16px;border:2px solid transparent;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;color:#fff;background-color:#95a5a6}.status-filter-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.2)}.status-filter-btn.active{border:2px solid #000;box-shadow:0 2px 6px rgba(0,0,0,.3);font-weight:700}.status-filter-btn.status-aktivan{background-color:#27ae60}.status-filter-btn.status-uobradi{background-color:#3498db}.status-filter-btn.status-dorada{background-color:#f39c12}.status-filter-btn.status-zavrsen{background-color:#2c3e50}.status-filter-btn.status-neaktivano{background-color:#95a5a6}.status-filter-btn.status-otkazano{background-color:#e74c3c}.status-filter-btn.status-hidden{background-color:#7f8c8d}.status-filter-btn.status-default{background-color:#95a5a6}