/*Write your custom css in this file.*/


#tiket_status {
    display: none !important;
}

body[data-role="1"] #tiket_status,
body[data-role="2"] #tiket_status,
body[data-role="3"] #tiket_status,
body[data-role="999"] #tiket_status {
    display: block !important;
}


#mobile-function-button {
    display: none !important;
}

body[data-role="1"] #mobile-function-button,
body[data-role="2"] #mobile-function-button,
body[data-role="3"] #mobile-function-button,
body[data-role="999"] #mobile-function-button {
    display: block !important;
}

#dodaj_tiket {
    display: none !important;
}

body[data-role="1"] #dodaj_tiket,
body[data-role="2"] #dodaj_tiket,
body[data-role="3"] #dodaj_tiket,
body[data-role="999"] #dodaj_tiket {
    display: block !important;
}


.col-md-12.mb15.text-wrap{
    color: black;
    font-size: larger;
    font-weight: 700;
}
#mobile-chat-menu-button {
    color: red !important;
    font-weight:700;
    font-size: 15px
}
.leftmenu {
    display: none !important;
}
.clearfix.mb15.dashbaord-header-area {
    display: none !important;
}
.install-pwa-button {
    display: none !important;
}
.card.dashboard-icon-widget.clock-in-out-card {
    display: none !important;
}
#task_view_user {
    display: none !important
}
#related {
    display: none !important
}
#points {
    display: none !important
}
.commented-overlay {
  position: relative;
}

.commented-overlay::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 255, 0, 0.3); /* zeleni overlay */
  border-radius: 50%;
  pointer-events: none;
}
#task-reminders {
    display: none !important
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .nav-link.todo-btn {
    display: none !important;
  }
  
   .nav-link.sidebar-toggle-btn {
    top: 1%;
    position: fixed;
    z-index: 2;
    background: #f9f9f9;
    height: 50px;
    }
    #default-navbar {
     z-index: 1   
    }
    .nav-item.d-block.d-sm-none {
        left: 80px;
    position: relative;
    }

}