html,
 body {
     margin: 0;
     padding: 0;
     height: 100%;

 }

 .page-body {
     height: 100dvh;
     -webkit-overflow-scrolling: touch;
     scroll-behavior: smooth;
 }

 @media only screen and (max-width: 1180px) {
 

          .select2-results {
       font-size: 13px;
         max-height: 70px;
         overflow: scroll;
     }

     .mbm-10 {
         margin-bottom: 10px;
     }

     .pm-0 {
         padding: 0;
     }

     .login-screen {
         margin-top: 0;
     }

     .login-container {
         max-width: 450px;
         width: 100%;
         padding: 40px 20px;
     }

     .page-wrapper .page-body-wrapper {
         background-color: #f7f8f9;
         margin-top: -15px;
         padding: 10px;
     }

     .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
         margin-left: auto;
         min-height: calc(100vh - 80px);
         position: relative;
         width: 100%;
         transition: all 0.5s ease;
         padding: 5px;
     }

     .page-wrapper.compact-wrapper .page-header {
         margin-left: auto;
         width: 100%;
     }

     .close-sidebar {
         position: absolute;
         right: 10px;
         top: 35px;
     }

     .page-wrapper.compact-wrapper .page-header {
         padding: 10px;
     }

     .toggle-sidebar {
         margin-left: 0;
         padding-left: 0;
         border-left: none;
         border-right: 1px solid #ddd;
         padding-right: 8px;
         margin-right: 8px;
         align-content: center;
         cursor: pointer;
     }

     .logo-details {
         border-bottom: 1px solid #ddd;
     }

     .toggle-sidebar svg {
         width: 40px;
     }

     li.sidebar-main-title {
         display: none;
     }

     .dropdown-content {
         display: none;
     }

     .dropdown-content.show {
         display: block;
     }

     .dm-none {
         display: none !important;
     }

     .project-details .project-counter {
         margin-left: 0;
     }

     .card {
         margin-bottom: 15px;
     }

     .grid-view .item {
         width: 100%;
     }

     .view-buttons {
         display: flex;
         justify-content: space-between;
     }

     .view-buttons button {
         padding: 5px;

     }

     .flex {
         flex-direction: row;
         flex-wrap: wrap;
     }

     ul.dtr-details {
         list-style-type: none;
         padding-left: 0px;
     }

     .dtr-details .text-right .dtr-title {
         display: none !important;
     }

     .dtr-details .text-right {
         text-align: center !important;
         padding-top: 20px;
     }

     .custom-pagination {
         text-align: center;
     }

     .dataTables_info {
         width: 100%;
     }

     .pagination-info {

         flex-wrap: wrap-reverse;
     }

     .pagination-info>* {
         margin: 0;

         justify-content: center;
         text-align: center;
         width: 100%;
     }

     tbody tr {
         position: relative;
     }

     tbody tr.child {
         display: none;
     }

     td.text-right {
         min-width: 125px;
     }

     .tablinks::after {
         display: none;
     }

     .tablinks {
         margin-bottom: 0;
     }

     .bottom-row {
         margin-left: 0;
     }

     .bottom-row .zaposleni {
         padding-left: 0;
         width: 40%;
     }

     .bottom-row .status {
         width: 50%;
     }

     .working-table tbody tr td:nth-child(1) {
         min-width: 85px;
     }

     .right-header .dropdown {
         position: unset;
         display: inline-block;
         margin-left: 10px;
     }

     .right-header .dropdown .dropdown-content {
         right: 10px !important;
         left: auto;
     }

     .number-notification {
         position: absolute;
         font-size: 10px;
         top: 6px;
         background-color: var(--red);
         width: 15px;
         height: 15px;
         border-radius: 100%;
         color: var(--white);
         line-height: 14px;
         text-align: center;
         right: 10px;

     }

     .project-box .badge.na-cekanju,
     .project-box .badge.u-toku,
     .project-box .badge.testiranje,
     .project-box .badge.zavrseno,
     .project-box .badge.odbijeno {
         top: -25px;
         top: -30px;
         right: -10px;
         border-radius: 0;
         border-bottom-left-radius: 0.25rem;
     }

     .vazni-pocetna {
         top: 0 !important;
         right: 0 !important;
     }

     .accordion-body {
         padding: 10px;
         overflow: hidden;
     }

     table.osnovne-informacije {
         max-width: 360px;
     }

     #gridView .item {
         width: 100% !important;
     }

     .top-line {
         padding: 20px 10px;
         flex-wrap: nowrap;
         flex-direction: row;

     }

     .product-sub {
         margin-right: 10px;
     }

     .projekat-select {
         text-align: center;
         padding: 5px 8px !important;
     }

     #gridView .item .badge-status {
         min-width: 100px;
         position: absolute;
         top: 0;
         right: 0;
         margin-bottom: 20px;
     }

     .red {
         color: var(--red);
         font-size: 0.86rem;

     }

     .grid-badge.badge-prioritet .badge.hitnost {
         width: 12px;
         height: 12px;
         border-radius: 100%;

     }

     .tiket-naslov {
         margin-bottom: 0;
     }

     .project-box .text-tiketa {
         padding: 0px 10px;
     }

     .project-box .project-deadline p {
         font-size: 0.86rem;
         padding: 0px 10px;
     }

     .project-box .project-deadline .text-end {
         padding: 0px 10px;
     }

     .projekat-select,
     .projekat-select:focus,
     td#rok-zavrsetka .form-group .flatpickr .form-control {
         text-align: center;
     }

     .view-project-box {
         background-color: #fff;
         box-sizing: border-box;
         border: 1px solid #e6e6e6;
         border-radius: 5px;
         margin-bottom: 00px;
     }

     .view-project-box .text-tiketa {
         height: auto
     }

     .view-project-box .ikonice-bottom-row {
         display: flex;
         justify-content: space-between;
         font-size: 0.86rem
     }

     .view-project-box .ikonice-bottom-row svg {
         max-width: 20px;
         max-height: 20px;
         fill: var(--text-gray);
         stroke: var(--text-gray);
     }

     .accordion-button {
         font-size: 1rem;
         color: var(--text-gray);
         text-align: left;
     }

     .accordion-button::after {
         background-size: 15px;
     }

     .accordion-button.collapsed svg {

         margin-right: 5px;
         margin-top: -5px;
     }

     .accordion-button svg {

         margin-right: 5px;
         margin-top: -5px;
     }

     .select2-selection__clear {
         position: absolute !important;
         left: -5px !important;
         right: auto !important;

         top: 0px;
     }

     .select2-container .select2-selection--single .select2-selection__rendered {

         max-width: 210px;
     }

     .komentar .opis,
     .evidencija .opis {

         padding: 10px 0px;

     }

     .naslov-komentara .datum::before {
         content: none;

     }

     .naslov-komentara .datum {

         padding-left: 0px;

     }


     .id-tiketa {
         font-size: 1rem !important;
         color: var(--primary) !important;
         text-align: center !important;
     }
 }