nav.top-menu {
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
}

nav.top-menu li{ padding-left:5px; padding-right:5px; }

ul.logo{ max-width: 500px; }

.show-menu {
    text-decoration: none;
    color: #fff;
    background: #19c589;
    text-align: center;
    padding: 10px 0;
    display: none;
}
/*Hide checkbox*/

.logo li img{
	float:left;
}

.logo li strong{ padding-left:10px; }

header input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
header input[type=checkbox]:checked ~ .top-menu ul{
    display: block;
}

.datepick-popup {
  z-index: 1000000000 !important;
}

.current_menu{ opacity:0.7; }

.page_homepage #preview { max-width:700px; } 

.fajlovi td{ font-size:14px; }

.karton table tr td, .karton table tr th{ font-size:16px; }
.karton table tr th{ font-size:15px; }

.karton table tr td:nth-child(1), .karton table tr th:nth-child(1){ width:50px; }

.karton table tr td:nth-child(2), .karton table tr th:nth-child(2){ width:230px; }

.karton table tr td:nth-child(3), .karton table tr th:nth-child(3){ width:150px; }

.karton table tr td:nth-child(4), .karton table tr th:nth-child(4){ width:140px; }

.karton table tr td:nth-child(5), .karton table tr th:nth-child(5){ width:140px; }

.karton_m h2{ display:inline-block; }
.karton_m input[type="text"]{ width: 250px;display: inline-block; }

a.duplikat{ color:red; }
.filter{ display:inline-block; width:140px; height: 52px; line-height: 5px; }

.page_podesavanja  textarea{ height:280px; }
textarea.h80{ height:80px; }

@keyframes pulse {
  0% { box-shadow: 0 0 3px rgba(0, 123, 255, 0.4); }
  50% { box-shadow: 0 0 6px rgba(0, 123, 255, 0.8), 0 0 20px rgba(0, 123, 255, 0.6); }
  100% { box-shadow: 0 0 3px rgba(0, 123, 255, 0.4); }
}

.animated-button-pulse {
    cursor: pointer;
    animation: pulse 1.5s infinite; 
}

.upozorenje{ background-color:red; color:#fff; padding:4px; }

.date-picker-wrapper input.apply-btn{ width:50px; height:auto; }
.date-picker-wrapper tr td div{ border-bottom:unset; }
.date-picker-wrapper [data-tooltip]:not(a, button, input, [role="button"]){ border-bottom:unset; }

.changed{ border:1px solid red; }
.fixed.red{ background-color:#ff00008c; color:#fff; }
.mh400{ min-height:400px; }

a{ text-decoration: none; }

.status_0 a{ color:red; } 
.status_0 td{ color:#db7d7d; font-style: italic; } 

.success_error{ color:#db7d7d; font-style: italic; } 
.success_error a{ color:#db7d7d; font-style: italic; }  

.report_review_list{
	border: 1px solid #ccc;padding: 10px;border-radius: 10px;
}

.report_client{ background: #e7e7e7; margin-bottom: 4px; }

.fixed{
position: fixed;
  width: 23%;
  right: 0;
  bottom: 0;
  background: #d0dcffb0;
  z-index: 1000;
}

.w150{ width:150px!important; }
.w200{ width:200px!important; }
.w290{ width:290px!important; }
.page_logovi  th[scope="row"]{ max-width:400px; }

footer .theme_switcher, footer .theme_switcher a{ font-size:14px; padding-right:10px; }

footer { text-align:center; }



html[data-theme="dark"] .date-picker-wrapper .month-wrapper table .day{ color:#5a4343; }

html[data-theme="dark"] .date-picker-wrapper .month-wrapper table .day.toMonth.valid{ color:#eee; }
html[data-theme="dark"] .date-picker-wrapper .month-wrapper table .day.toMonth.valid.real-today{ color:#000; }
html[data-theme="dark"] .date-picker-wrapper .month-wrapper table .day.invalid.real-today{ background-color: #948d70;}

html[data-theme="dark"] .date-picker-wrapper { border: 1px solid #262b38; background-color: #1c212c; color: #f0f0f0; }

html[data-theme="dark"] .date-picker-wrapper .month-wrapper { border: 1px solid #323844; background-color: #1c212c; }

html[data-theme="dark"] .date-picker-wrapper b { color: #bababa; }

html[data-theme="dark"] .date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top { color: #9c9898;}

@media screen and (max-width : 760px){
	section{ width:100%; overflow:hidden; }
	.show-menu {
        display:block;
    }
	.top-menu{ display:block; }
    /*Make dropdown links appear inline*/
    .top-menu ul {
        position: static;
        display: none;
    }
    /*Create vertical spacing*/
    .top-menu  li {
        margin-bottom: 1px;
		padding: 4px;
    }
    /*Make all menu links full width*/
    .top-menu  ul li, .top-menu  li a {
        width: 100%;
    }
	
	.theme li{ width: 120px !important; }
	
	.logo li{ text-align:center; background-color:#fff; }
	.logo li img{  }
	
	.mob_overflow{ max-height: 100px;
    overflow-y: auto;
    font-size: 12px;
    line-height: 12px;}
	
	[role="group"], [role="search"]{
		display:block;
	}
	[role="group"] button{ display:block; width: 100% !important; }
}

@media screen and (max-width : 1024px){
  :host, :root {
    --pico-font-size: 100.00%;
  }
}

@media (min-width:1536px) {
  .container {
    max-width:1280px;
  }
}