hgroup {
  margin: 0 auto;
  text-align: center;
  padding: 10px;
  background-color: #3F4358;
  color: #fff ;
}

hgroup h1{ color: #fff ;  }
hgroup p{ color: #fff ;  }

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

.grid div{ text-align:center;  }
.grid{ margin-bottom:12px; }

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


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

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

.current_menu{ opacity:0.7; } 

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

.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{ height:24px; }
	
	.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;
  }
}