.action-btn-uniform{min-height:44px;height:44px;max-width:300px;width:100%;margin:0 auto;display:block;font-size:1.05rem;border-radius:.4rem;padding-top:.5rem;padding-bottom:.5rem}.main-content{transition:all .5s}.col-left{width:70%}.section,.toggle-sidebar{overflow:hidden}.toggle-right-btn{cursor:pointer;position:fixed;font-size:30px;right:22%;top:10%;transition:all .5s}.side-content{position:fixed;right:-1%;width:25%;background:#fff0;transition:all .5s;top:11%}.col-hiden{right:-100%}.move-right-btn{right:0%}.side-card{width:100%;background:#969696}@media (max-width: 1200px){.col-left{width:100%}.side-content{right:-3%;min-width:300px;z-index:9}.col-hiden{right:-100%}.toggle-right-btn{z-index:9;right:270px}.move-right-btn{right:0%}}.horizontal-scrollable>.row{overflow-x:auto;white-space:nowrap}.horizontal-scrollable>.row>.col-xs-4{display:inline-block}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#d6dee1;border-radius:20px;border:6px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}@media (max-width: 568px){#main,.card-body.pb-0{padding:0}.card-title,.pagetitle{padding-left:.5rem}form{padding:.5rem}th{white-space:nowrap}}.has-no-choices{display:none!important}.table-row{cursor:pointer}.card-container-details{display:flex;align-items:flex-start;gap:10px}.card{margin:10px}.card.details{flex:0 1 auto;height:auto!important;max-height:none!important;overflow:visible!important;min-width:0}.card.details .card-body{padding-bottom:0!important}@media (max-width: 768px){.card.details{width:100%!important;min-width:0;height:auto!important;max-height:none!important;overflow:visible!important;margin-bottom:20px}.card.details .card-body{padding:1rem!important}.button-container-zev-details{margin-bottom:10px}}.card.users{flex:1;height:auto!important;max-height:none!important;overflow:visible!important;min-width:0}.card-body-zev-users{overflow:visible!important;padding-bottom:0!important}@media (max-width: 768px){.card.users{width:100%!important;min-width:0;height:auto!important;max-height:none!important;overflow:visible!important;margin-bottom:20px}.card-body-zev-users{padding:1rem!important;overflow:visible!important}}.button-container-zev-details{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;background-color:#fffc;padding:10px;border-radius:5px;box-shadow:0 0 10px #0000001a;transition:opacity .3s ease;position:static;margin-top:10px}.card.details:hover .button-container-zev-details{display:flex}.card.details{position:relative}.card-body-zev-users{overflow:auto}.button-container-zev-users{display:flex;justify-content:center;gap:10px}.button-container-zev-user-details{display:flex;width:100%;align-items:center;gap:5px}.button-same-size{max-width:200px;padding:10px 20px;text-align:center}#password{min-width:200px;flex-grow:1;outline:none;padding:8px;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.quill-editor-full{min-height:200px;border:1px solid #ccc;padding:10px;background-color:#fff}.title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;max-width:calc(100% - 120px);margin-left:12px}#date-time{color:#256bb8;font-weight:700;text-align:center;flex-shrink:0;width:110px;padding-left:10px;margin-right:20px;white-space:nowrap}@media (max-width: 768px){.accordion-button{padding:8px}.title{max-width:calc(100% - 100px)}#date-time{width:100px}}.accordion-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px}.title-admin{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;max-width:calc(100% - 150px);margin-left:12px}.zev-name-news-admin{font-weight:400;font-size:.9em}#date-time-admin{color:#256bb8;font-weight:700;text-align:center;flex-shrink:0;width:130px;padding-left:10px;margin-right:20px;white-space:nowrap}@media (max-width: 768px){.accordion-button{padding:8px}.title-admin{max-width:calc(100% - 110px)}#date-time-admin{width:110px}}.accordion-button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;white-space:nowrap;overflow:hidden;padding-right:10px;font-weight:700}.title-user{color:#256bb8!important;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;min-width:0;margin-right:10px}.zev-name-news-user{font-weight:400;color:gray}#date-time-user{color:#256bb8!important;font-weight:700;text-align:center;margin-left:2px;white-space:nowrap;padding-left:5px;margin-right:10px}@media (max-width: 768px){.card-container-details{flex-direction:column}.card.details,.card.users{flex:1 1 100%}.accordion-button{padding:8px}.title-user{font-size:14px}#date-time-user{font-size:13px;margin-left:5px}}.accordion-body img{max-width:100%;height:auto;display:block;margin:10px auto;cursor:zoom-in;transition:.3s ease-in-out}#lightbox-modal{display:none;position:fixed;z-index:1050;top:0;left:0;width:100%;height:100%;background-color:#000000d9;justify-content:center;align-items:center}#lightbox-modal img{max-width:90vw;max-height:90vh;transform-origin:center center;transition:transform .25s ease}#lightbox-modal .close{position:absolute;top:20px;right:35px;color:#fff;font-size:40px;font-weight:700;cursor:pointer;z-index:1060}#form-user-add,#form-zev-add{max-width:900px;margin:0 auto}.form-control,.form-select{margin-bottom:20px}.form-container{max-width:400px}#sidebar-section-toggle,#date-filter{display:none}#toggleIcon{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;width:1cm;height:2.5cm;color:#333;cursor:pointer;gap:0;box-sizing:border-box;transition:all .3s ease}#toggleIcon .arrow{font-size:.8cm;line-height:1}#toggleIcon .vertical-text{writing-mode:vertical-rl;text-orientation:mixed;font-size:.4cm;text-align:center;line-height:1;transition:opacity .3s ease}#toggleIcon.hide-text .vertical-text{opacity:0;visibility:hidden}.modal-dialog.modal-custom-size{max-width:600px;width:auto}.modal-dialog.modal-custom-size{margin:1.75rem auto}.form-label.text-center{display:block;text-align:center;width:100%}.modal-content .form-control-sm{max-width:300px;margin:0 auto}.modal-title{text-align:center;width:100%}.modal-body{display:flex;flex-direction:column;align-items:center}.invalid-feedback{text-align:center}.action-btn{width:95%;max-width:300px}@media (min-width: 768px){.responsive-button-wrapper{flex-direction:row}.action-btn{width:120px}}.responsive-form{width:70%}@media (max-width: 767.98px){.responsive-form{width:95%!important}}@media (max-width: 767.98px){.password-wrapper{flex-direction:column;align-items:center}.password-wrapper .form-control{width:100%}.button-group{display:flex;flex-direction:row;justify-content:center;gap:8px;margin-top:-20px}.button-group button{width:auto;white-space:nowrap}}@media (min-width: 768px){.password-wrapper{display:flex;gap:8px;align-items:stretch}.password-wrapper input.form-control{flex:1 1 auto;height:44px;min-height:44px}.password-wrapper .button-group{display:flex;gap:8px;align-items:stretch}.password-wrapper button{height:44px;min-height:44px;padding-left:12px;padding-right:12px;white-space:nowrap}}.edit-responsive-form{width:70%}@media (max-width: 767.98px){.edit-responsive-form{width:95%!important}}.edit-action-btn{width:95%;max-width:300px}@media (min-width: 768px){.edit-button-wrapper{flex-direction:row}.edit-action-btn{width:120px}}@media (max-width: 767.98px){.edit-button-wrapper{flex-direction:column;align-items:center;gap:8px}}.pagination .page-link{border-radius:.5rem;transition:all .2s ease-in-out}.pagination .page-link:hover{background-color:#f0f0f0;color:#0d6efd}.pagination .page-item.active .page-link{background-color:#0d6efd;border-color:#0d6efd;color:#fff}@media (max-width: 576px){.toast{font-size:1rem!important;width:100%!important;min-width:unset!important}}.notification-card{transition:transform .2s ease,box-shadow .2s ease;border-radius:12px;cursor:pointer}.notification-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0000001a}.notification-item{transition:all .3s ease;overflow:hidden}.notification-item.slide-out{transform:translate(100%);opacity:0;height:0;margin:0;padding:0;border:none}.divider-animated{transition:all .3s ease}.divider-animated.hidden{height:0;opacity:0;margin:0;padding:0;border:none}.notifications{width:70vw;max-width:400px}@media (min-width: 768px){.notifications{width:400px}}.notification-item.unread{background-color:#f8f9fa;border-left:3px solid #007bff}.notification-item.read{opacity:.7}.notification-item:hover{background-color:#e9ecef}.dropdown-footer a{color:#0d6efd;text-decoration:none}.dropdown-footer a:hover{color:#0a58ca;text-decoration:underline}.mark-all-reading{opacity:.6;pointer-events:none}.dropdown-header a[title="Označi sve notifikacije kao pročitane"]:hover:not(.mark-all-reading){opacity:.8;transform:scale(1.1);transition:all .2s ease}@media (max-width: 576px){.notification-item{padding:8px}.notification-item h4{font-size:1rem}.notification-item p{font-size:.9rem;margin-bottom:5px}}.spinner-border{color:#0d6efd}.admin-user-details .card{width:100%!important;height:auto!important;min-height:0!important;max-width:100vw;box-sizing:border-box}.admin-user-details .card-body{display:flex;flex-direction:column;height:auto!important;min-height:0!important;overflow-y:visible!important}.flex-grow-1{flex:1 1 auto}.notification-card{transition:all .2s ease-in-out}.notification-card:hover{transform:translateY(-2px);box-shadow:0 .125rem .25rem #00000013}.unread-notification{background-color:#eaf6ff;border-left:4px solid #0d6efd}.unread-notification h6{font-weight:700;color:#0d6efd}@keyframes badge-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.badge-number.new{animation:badge-pulse .5s}.notification-item{transition:background-color .3s ease;position:relative}.notification-item:hover{background-color:#0000000d}.notification-item.unread{background-color:#0d6efd0d}.hover-bg-light:hover{background-color:#0000000d}
