/* ************************* */
/*       Goran styles        */
/* ************************* */

/* Roboto font with aditional weights */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');

body {
    color:#537895;
    background-image:  url("/javax.faces.resource/img/body-bg.svg.xhtml?ln=css");
    background-repeat: no-repeat;
    background-position: 400px -500px;
    background-color: #f8f8f8;
}

.ui-separator {
    border-top: 1px solid #B9CBD9!important;
    border-radius: 0!important;
    border-bottom: none;
    border-right: none;
    border-left: none;
}

.layout-content {
    min-height: 1000px;
}

body .ui-panel {
    height: auto!important;
    padding-bottom: 25px;
}

.ui-selectonemenu {
    border: 1px solid #DBE3E9!important;
    border-radius: 10px!important;
    background-image: none!important;
    padding: 4px 6px;
    min-height: 40px;
}

.ui-selectonemenu-label {
    color: #377B95!important;
}

.ui-selectonemenu-trigger span.ui-icon {
    margin-top: 10px!important;
    color: #00CF99!important;
}

body .ui-selectonemenu-label {
    padding: 6px 2px 2px 2px;
}

#dbViewForm .p-col-6 > .ui-commandlink {
    border: 1px solid #DBE3E9;
    border-radius: 10px!important;
    padding: 2px 4px;
}

body .card .p-col-2 > .ui-commandlink {
    border: none;
}

body .ui-inputfield.ui-state-disabled {
    border-bottom: none;
}

.card {
    border-radius: 20px!important;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(19,23,31,.2)!important;
    -moz-box-shadow: 0px 10px 30px 0px rgba(19,23,31,.2)!important;
    box-shadow: 0px 10px 30px 0px rgba(19,23,31,.2)!important;
    position: relative;
}

.ui-shadow-2 {
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
}

body .ui-button.ui-button-text-icon-left {
    padding: 0px 28px!important;
}

.ui-datatable-header {
    background-color: #367A93!important;
}

.ui-panel-titlebar,
.ui-paginator-bottom {
    background-color: #367A93!important;
}

.ui-datatable-header {
    background-color: #367A93!important;
}

.ui-button {
    border-radius: 20px !important;
    margin-top: 0!important;
}

.ui-button.ui-state-default {
    background-color: #367A93 !important;

}

#dbViewForm .ui-button.ui-state-default {
    background-color: transparent !important;
    box-shadow: none;
    -webkit-box-shadow: none;
}

#dbViewForm .ui-button > .ui-icon {
    color: #7E9AB0;
}

#dbViewForm .ui-button > .ui-icon:hover {
    transform: scale(1.2);
    transition: all 0.2s;
}

.ui-button:hover {
    background-color: #6c9bab !important;
}

.shadow-box {
    border-radius: 20px !important; 
}

#dbViewForm .card .ui-commandlink {
    margin-right: 2px!important;
    color: #BFC4CE!important;
    font-size: 11px;
    padding: 4px 6px;
    font-weight: 500;
}

.ui-tabs-panel .ui-g-12 .ui-g-10 label {
    display: block!important;
}

.ui-tabs-panel .ui-chips {
    width: 100%!important;
}

.ui-tabs-panel .ui-chips-container {
    width: 100%!important;
}

.ui-shadow-5 {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}

.shadow-box {
    -webkit-box-shadow: 0px 10px 30px 0px rgba(19,23,31,.2)!important;
    -moz-box-shadow: 0px 10px 30px 0px rgba(19,23,31,.2)!important;
    box-shadow: 0px 10px 30px 0px rgba(19,23,31,.2)!important;
}

.ui-widget-content {
    border-radius: 20px!important;
}

#cpViewForm\:cpTabView\:listFiles\:activeYear_items{
    padding: 5px 5px 5px 2px;  
}

body .ui-selectonemenu-panel .ui-selectonemenu-item {
    border-radius: 10px;
    width: 97%;
    margin-left: 4px;
}

.ui-panel-titlebar {
    border-radius: 20px 20px 0 0!important;
}

.ui-button-text-icon-left {
    min-width: 120px!important;
}

body .ui-calendar .ui-datepicker-trigger {
    background-color: transparent !important;
}

body .ui-calendar .ui-datepicker-trigger .ui-icon {
    color: #367A93 !important;
}

.layout-topbar .layout-topbar-search i {
    right: 12px;
    top: 7px;
}

#dbViewForm .p-grid:nth-of-type(2) {
    margin-top: 50px;
}

/* active/unactive status */
#dbViewForm .card .active {
    color: #fff !important;
    background-color: #00CF99!important;
    border: none!important;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(19,23,31,.2)!important;
    -moz-box-shadow: 0px 5px 12px 0px rgba(19,23,31,.2)!important;
    box-shadow: 0px 5px 12px 0px rgba(19,23,31,.2)!important;
}

#divStatus {
    margin-top: 16px;
}

#divStatus > a {
    border: 1px solid #DBE3E9!important;
    border-radius: 10px!important;
    margin-right: 2px!important;
    color: #BFC4CE!important;
    font-size: 11px;
    padding: 4px 6px;
    font-weight: 500;
}

#divStatus > a.active {
    color: #fff !important;
    background-color: #00CF99!important;
    border: 1px solid #00CF99!important;;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(19,23,31,.2)!important;
    -moz-box-shadow: 0px 5px 12px 0px rgba(19,23,31,.2)!important;
    box-shadow: 0px 5px 12px 0px rgba(19,23,31,.2)!important;
}

.ui-outputlabel {
    font-weight: 700;
    font-size: 1.2em;
}

/* tabs */
body .ui-tabs.ui-tabs-top > .ui-tabs-nav > li {
    background-color: #EBF0F7;
    border-radius: 10px 10px 0 0;
    border-color: transparent;
}

body .ui-tabs.ui-tabs-top > .ui-tabs-nav > li a {
    color: #527896;
}

body .ui-tabs .ui-tabs-nav > li.ui-state-active {
    background-color: #527896;
    border-color: transparent;
}

body .ui-tabs .ui-tabs-nav > li.ui-state-active a {
    color: #EBF0F7;
}

body .ui-widget-header {
    background-color: #527896;
}

#dbViewForm .p-col-2 .ui-button-icon-only .ui-icon {
    font-size: 14px;
    top: 59%;
}

#dbViewForm .p-col-2 .ui-button.ui-button-icon-only {
    width: 28px;
    height: 28px;
}

#dbViewForm .p-col-12 .ui-button.ui-button-icon-only .fa-chevron-down  {
    font-size: 14px;
    top: 60%;
}

#dbViewForm\:otDj {
    color: #377B95;
    height: 32px;
}

/* Menu */
.layout-menu-container {
    background-image: none!important;
    background: #fff!important;
    /* background: grey!important; */
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}

.layout-menu-container .menuitem-text,
.layout-menu-container .layout-submenu-container .menuitem-text{
    color: #858997!important;
}

.layout-menu-container .layout-submenu-toggler {
    color: #858997!important;
}

.layout-menu-connectionstwo .layout-menu a i {
    min-width: 24px;
    text-align: center;
}

.layout-menu-container .fa,
.layout-menu-container .material-icons {
    color: #858997!important;
}

.layout-menu-container .active-menuitem a {
    background-color: #fff!important;
}

.layout-menu-container ul.layout-menu ul.layout-submenu li.active-menuitem .menuitem-text{
    color: #2F6981!important;
    font-weight: 700;
}

/* .layout-menu-container ul.layout-menu > li.active-menuitem .menuitem-text { */
.layout-menu-connectionstwo .layout-menu > li.active-menuitem > a .menuitem-text,
.layout-menu-connectionstwo .layout-menu > li.active-menuitem .fa,
.layout-menu-connectionstwo .layout-menu > li.active-menuitem .material-icons {
    color: #2F6981!important;
    font-weight: 700;
}

/* header */
.layout-top {
    background-image: none!important;
    /*background: rgb(117,192,218)!important;*/
    /*background: linear-gradient(180deg, rgba(141,226,255) 0%, rgba(46,87,120,1) 100%)!important;*/
}

.layout-topbar .layout-menubutton {
    height: 36px;
    width: 36px;
}

.layout-topbar .layout-menubutton .layout-menubutton-icon {
    top: 17px;
    left: 8px;
}

.layout-topbar-polygons .layout-breadcrumb li a {
    color: #fff;
}

.layout-topbar .layout-menubutton .layout-menubutton-icon:before,
.layout-topbar .layout-menubutton .layout-menubutton-icon:after {
    width: 20px;
}

.layout-topbar .layout-menubutton .layout-menubutton-icon {
    width: 20px;
}

.layout-topbar .layout-menubutton .layout-menubutton-icon,
.layout-topbar .layout-menubutton .layout-menubutton-icon:before, 
.layout-topbar .layout-menubutton .layout-menubutton-icon:after {
    height: 3px!important;
}

.layout-topbar .layout-menubutton-active .layout-menubutton-icon:before {
    top: -7px;
}

.layout-topbar .layout-menubutton-active .layout-menubutton-icon:after {
    top: 7px;
}

.profile-menu-button .material-icons {
    color: #fff!important;
}

.layout-menu-active #imgLogo {
    z-index: 9999;
    position: fixed;
    top: 28px;
}
#imgLogo {
    z-index: 9999;
    position: absolute;
    top: 28px;
    height: 30px;
}

@media (max-width: 1024px) {
    #imgLogo {
        top: 18px;
    }

    .layout-menu-active #imgLogo {
        top: 18px;
    }
}

.layout-topbar #layout-menubutton {
    z-index: 9999;
    position: fixed;
}

#layout-menu-container {
    top: 0;
    padding-top: 80px;
}

#profile-menu-button {
    background-image:  url("/javax.faces.resource/img/profile-icon.svg.xhtml?ln=css");
    background-repeat: no-repeat;
    height: 24px;
    width: 55px;
    border-radius: 0;
}

#profile-menu-button:focus,
#profile-menu-button:hover {
    border: none;
    outline: none;
    transform: scale(1.1);
    transition: all 0.1s ease-in;
}

#profile-menu-button i {
    display: none;
}

#profile-menu-button i:focus {
    display: none;
    outline: none;
}

.layout-topbar .profile-menu-button {
    -webkit-transition: none;
    transition: none;
    border: none;
}

.flag-menu-button .material-icons {
    color: #fff!important;
}

#flag-menu-button {    
    background-repeat: no-repeat;
    height: 24px;
    width: 55px;
    border-radius: 0;
}

#flag-menu-button:focus,
#flag-menu-button:hover {
    border: none;
    outline: none;
    transform: scale(1.1);
    transition: all 0.1s ease-in;
}

#flag-menu-button i {
    display: none;
}

#flag-menu-button i:focus {
    display: none;
    outline: none;
}

.layout-topbar .flag-menu-button {
    -webkit-transition: none;
    transition: none;
    border: none;
}

/* footer */
.layout-footer .p-col img {
    margin-left: 200px;
}

/* login */
.login-body {
    background-image: url("/javax.faces.resource/img/Login-bg.svg.xhtml?ln=css");
    background-position: left 0px;  
}

@media (max-width: 1024px) {
    .login-body {
        background-image: url("/javax.faces.resource/img/Login-bg-mobile-02.svg.xhtml?ln=css");
    }
}

.login-panel-header {
    display: none;
}

.login-body .login-panel .login-panel-content {
    top: 0;
}

.login-body input.ui-password,
.login-body input.ui-inputtext {
    background-color: #63819A!important;
    color: #fff;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(19,23,31,.6)!important;
    -moz-box-shadow: 0px 10px 30px 0px rgba(19,23,31,.6)!important;
    box-shadow: 0px 10px 30px 0px rgba(19,23,31,.6)!important;
}

.login-body #loginForm\:login {
    background-color: #FF0000!important;
    min-height: 40px;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(19,23,31,.6)!important;
    -moz-box-shadow: 0px 10px 30px 0px rgba(19,23,31,.6)!important;
    box-shadow: 0px 10px 30px 0px rgba(19,23,31,.6)!important;
}

.login-body #loginForm\:demo {
    background-color: #3EB51F!important;
    min-height: 40px;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(19,23,31,.6)!important;
    -moz-box-shadow: 0px 10px 30px 0px rgba(19,23,31,.6)!important;
    box-shadow: 0px 10px 30px 0px rgba(19,23,31,.6)!important;
}

.login-body #loginForm\:reset {
    color: #58748B!important;
}

.login-body .login-panel .login-panel-content H1, 
.login-body .login-panel .login-panel-content H2 {
    color: #fff;
    text-align: left;
} 

.login-body .login-panel {
    background-color: transparent;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}

/* input fileds */

body input.ui-autocomplete-input,
body input.ui-inputtext,
body input.ui-password {
    background-image: none;
    background: transparent!important;
    padding-left: 16px;
    padding-right: 16px;
    width: 90%;
    min-height: 35px;
    margin-bottom: 0!important;
}

span.ui-inputnumber,
span.md-inputfield {
    border: 1px solid rgba(83,120,149,.2);
    border-radius: 20px;
    min-height: 40px;
    width: 100%;
    padding-left: 6px;
    padding-bottom: 6px;
    margin-bottom: 10px;
    display: block;
}

#abSearchForm span.ui-inputnumber {
    border: none;
    margin-bottom: 0px;
}

.login-body span.ui-inputnumber,
.login-body span.md-inputfield {
    border: none;
    padding-left: 0px;
}

.login-body input.ui-password,
.login-body input.ui-inputfield {
    min-height: 40px;
}


body .md-inputfield.md-inputfield-fill input,
body .ui-inputgroup .md-inputfield .ui-inputfield {
    padding-left: 12px;
}

body .md-inputfield label {
    left: 18px!important;
}

body .md-inputfield label:not(.ui-selectonemenu-label) {
    top: 12px;
}

.ui-inputnumber .ui-state-focus,
.md-inputfield .ui-state-focus {
    /* border: 1px solid rgba(83,120,149,.2)!important; */
    /* border-radius: 10px!important; */
    /*padding: 8px; */    
    /*margin-top: 5px;
    margin-bottom: 2px;*/    
    background-image: none;
    background: #fff !important;
    padding-left: 16px;
    padding-right: 16px;    
}

#abSearchForm\:tabViev\:j_idt44 > div:nth-child(2) > div.ui-g-9 > div.ui-g-10 > label,
#abSearchForm\:tabViev\:j_idt64 > div:nth-child(2) > div.ui-g-9 > div:nth-child(1) > label {
    padding-bottom: 12px;
    padding-left: 15px;
}

body #usrForm .ui-inputfield {
    padding: 14px 2px 2px 12px;
}

/* Search form */

#formSearch {
    position: relative;
    top: 110px;
    left: 80px;
    /* z-index: -9999; */
}

#dbViewForm .md-inputfield {
    background-color: #fff;
}

#labelSearch  {    
    color: #537895;  
}
#iconSearch {
    margin-top: 10px;
    margin-right: 10px;
    float: right;  
    cursor: pointer; 
}

#dbViewForm\:itSearch {
    color: #537895;
    padding-left: 18px;
    /*    -webkit-box-shadow: 0px 10px 30px 0px rgba(19,23,31,.4);
        -moz-box-shadow: 0px 10px 30px 0px rgba(19,23,31,.4);
        box-shadow: 0px 10px 30px 0px rgba(19,23,31,.4);*/
}

#abSearchForm\:tabViev\:j_idt54 > div:nth-child(2) > div.ui-g-9 > div:nth-child(7) {
    display: flex;
    flex-direction: column;
}

#abSearchForm\:tabViev\:j_idt54 > div:nth-child(2) > div.ui-g-9 > div:nth-child(7) > .ui-g-3 {
    width: 70%;
}

#abSearchForm\:tabViev\:j_idt72 > div.ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-corner-left {
    margin-right: 6px;
    margin-bottom: 6px;
}

@media (min-width: 1400px) {
    #abSearchForm\:tabViev\:j_idt72 > div.ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-corner-left {
        margin-bottom: 0;
    }
}

/* inpuit fileds chips (multiple selector)*/
#abSearchForm .ui-chips-container,
#abSearchForm\:tabViev\:chipsCountries2 .ui-chips-container,
#abSearchForm\:tabViev\:chipsCountries .ui-chips-container {
    background: none;
    margin-top: 3px;
}

#abSearchForm .ui-chips-container > li,
#abSearchForm\:tabViev\:chipsCountries2 .ui-chips-container > li,
#abSearchForm\:tabViev\:chipsCountries .ui-chips-container > li {
    margin-top: 3px;
}

#abSearchForm .ui-chips,
#abSearchForm\:tabViev\:chipsCountries2, 
#abSearchForm\:tabViev\:chipsCountries {
    border: 1px solid rgba(83,120,149,.2);
    border-radius: 20px;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    min-height: 40px;
}

#abSearchForm\:tabViev\:j_idt76 > .ui-g-12 > .ui-g-9 > .ui-g-10 label,
#abSearchForm\:tabViev\:j_idt56 > .ui-g-12 > .ui-g-9 > .ui-g-10 label {
    margin: 0 0 10px 14px;
}

#abSearchForm\:tabViev\:j_idt72 .ui-state-default {
    background: #367a936e!important;
}

#abSearchForm\:tabViev\:j_idt72 .ui-state-active {
    background: #367A93 !important;
}

#cpViewForm > div:nth-child(7) > div.p-col-7 > div > div:nth-child(4) > div > div > div.p-grid > div.p-col-10,
#cpViewForm > div:nth-child(7) > div.p-col-7 > div > div:nth-child(4) > div > div > div.p-grid > div.p-col-10 > .ui-selectonemenu,
#cpViewForm > div:nth-child(7) > div.p-col-7 > div > div:nth-child(3) > div > div > div.p-grid > div.p-col-10,
#cpViewForm > div:nth-child(7) > div.p-col-7 > div > div:nth-child(3) > div > div > div.p-grid > div.p-col-10 > .ui-selectonemenu {
    width: 100%;
}

#cpViewForm\:j_idt103 > i {
    position: absolute;
    top: 12px;
    right: 6px;
}

#cpViewForm\:j_idt91 > i {
    position: absolute;
    top: 12px;
    right: 6px;
}

#cpViewForm > div:nth-child(7) > div.p-col-7 > div > div:nth-child(4) > div > div > div.card-title,
#cpViewForm > div:nth-child(7) > div.p-col-7 > div > div:nth-child(3) > div > div > div.card-title {
    padding-right: 20px;
}

#monitorViewForm\:j_idt36\:0\:clDeleteMonitoring > i {
    color: #7E9BB0;
}

body .ui-corner-all {
    border-radius: 20px;
}

/* specific forms */
#caSearchForm\:j_idt97,
#caSearchForm\:j_idt85 {
    height: auto!important;
}

#caSearchForm > div > div:nth-child(7) > div > div > div {
    padding: 0;
}

/* home 4 boxes - Promjene u posljednja 24 sata */

#dbViewForm .dashboard .summary-box .card {
    border-top: none!important;
    background-color: #fff!important;
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 10px center;
    padding-left: 40%;
    color: #377B95!important; 
    font-weight: 700;
    font-size: 1.8em;
}

.dashboard .summary-box.summary-box-messages .card{
    background-image: url("/javax.faces.resource/img/aktivne.svg.xhtml?ln=css");
}

.dashboard .summary-box.summary-box-checkins .card{
    background-image: url("/javax.faces.resource/img/blokirane.svg.xhtml?ln=css");
}

.dashboard .summary-box.summary-box-filessynced .card {
    background-image: url("/javax.faces.resource/img/djelimicno.svg.xhtml?ln=css");
}
.dashboard .summary-box.summary-box-usersonline .card {
    background-image: url("/javax.faces.resource/img/ugasene.svg.xhtml?ln=css");
}

.dashboard > .p-col-12 > .card > .summary-box-title {
    color: #377B95!important;
}

#dbViewForm .summary-box i {
    display: block;
}

#dbViewForm .summary-box-title {
    font-size: 14px;
    font-weight: 400;
}

#dbViewForm > div:nth-child(5) > div:nth-child(2) > div > div > div > div.p-col-9 > div > div:nth-child(5),
#dbViewForm > div:nth-child(5) > div:nth-child(2) > div > div > div > div.p-col-9 > div > div:nth-child(6),
#dbViewForm > div:nth-child(5) > div:nth-child(2) > div > div > div > div.p-col-9 > div > div:nth-child(7) {
    text-transform: uppercase;
}

#dbViewForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#dbViewForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#cdSearchForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#cdSearchForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#cdSearchForm .md-inputfield {
    background-color: #fff;
}

#cdSearchForm\:itSearch {
    color: #537895;
    padding-left: 18px;
}

#caSearchForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#caSearchForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#caViewForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#caViewForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#cauSearchForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#cauSearchForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#cauViewForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#cauViewForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#cpSearchForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#cpSearchForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#cpViewForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#cpViewForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#cbSearchForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#cbSearchForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#cbViewForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#cbViewForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#ciSearchForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#ciSearchForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#ciViewForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#ciViewForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#cbSearchForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#cbSearchForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#cbViewForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#cbViewForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#ncSearchForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#ncSearchForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#ncViewForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#ncViewForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#mpSearchForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#mpSearchForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#mpViewForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#mpViewForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#tcSearchForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#tcSearchForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#tcViewForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#tcViewForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#trSearchForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#trSearchForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#trViewForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#trViewForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#acSearchForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#acSearchForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#acViewForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#acViewForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#ipSearchForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#ipSearchForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#ipViewForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#ipViewForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#ibSearchForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#ibSearchForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#ibViewForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#ibViewForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#mbSearchForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#mbSearchForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#mbViewForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#mbViewForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#crSearchForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#crSearchForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#crViewForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#crViewForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#rcSearchForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#rcSearchForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#monitorSearchForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#monitorSearchForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

#monitorViewForm\:topLabel1 {
    font-weight: 300;
    font-size: 32px;
}

#monitorViewForm\:topLabel2 {
    font-weight: 400;
    font-size: 16px;
}

/* ui-tree (checkbox selection) */
#crSearchForm .ui-tree,
#crSearchForm .ui-tree .ui-treenode-content {
    width: 100%;
}

#crSearchForm .ui-tree .ui-treenode-content .ui-treenode-label {
    white-space: normal;
    padding: 0 25px 0 4px;
}

#crSearchForm .ui-tree .ui-treenode-content .ui-tree-toggler,
#crSearchForm .ui-tree .ui-treenode-content .ui-chkbox {
    vertical-align: top;
}

/* tables */
.ui-tabs.ui-tabs-scrollable.ui-tabs-top .ui-tabs-navscroller > .ui-tabs-navscroller-btn-left,
.ui-tabs.ui-tabs-scrollable .ui-tabs-navscroller > .ui-tabs-navscroller-btn-right {
    top: 10px;
}

body .ui-tabs.ui-tabs-scrollable .ui-tabs-navscroller > .ui-tabs-navscroller-btn {
    background-color: #F4F4F4;
}

.ui-tabs.ui-tabs-scrollable.ui-tabs-top .ui-tabs-navscroller > .ui-tabs-nav > li {
    top: 4px;
}




/* MEDIA QUERIES */
@media (max-width: 960px) {
    body {
        overflow-x: hidden;
    }


    .p-col-1,
    .p-col-2,
    .p-col-3,
    .p-col-4,
    .p-col-5,
    .p-col-6,
    .p-col-7,
    .p-col-8,
    .p-col-9,
    .p-col-10,
    .p-col-11,
    .p-col-12 {
        width: 100%;
    }

    .ui-g-1,
    .ui-g-2,
    .ui-g-3,
    .ui-g-4,
    .ui-g-5,
    .ui-g-6,
    .ui-g-7,
    .ui-g-8,
    .ui-g-9,
    .ui-g-10,
    .ui-g-11,
    .ui-g-12 {
        width: 100%;
    }


    .chartjs-size-monitor {
        height: 500px!important;
    }

    .layout-content {
        padding-top: 125px;
    }

    .layout-footer {
        padding: 0 40px;
    }

    .layout-footer .p-col img {
        margin-left: 0;
    }

    .layout-footer > .p-grid > .p-col {
        padding: 2em 0px;
        text-align: center;
    }

    #dbViewForm\:pgBCDate tr {
        display: grid;
    }

    body .card .p-col-2 > .ui-commandlink {
        position: absolute;
        top: 6px;
        right: 6px;
    }

    .ui-overlaypanel {
        position: fixed;
        top: 36%;
        left: 12px;
        width: auto!important;
        margin-left: 0!important;
    }

    #dbViewForm .dashboard .summary-box .card {
        background-position: 30px center;
    }

    .layout-topbar .layout-menubutton-active .layout-menubutton-icon:before {
        top: -8px;
    }

    .layout-topbar .layout-menubutton-active .layout-menubutton-icon:after {
        top: 9px;
    }

    fieldset {
        display: contents;
    }

    #abSearchForm\:tabViev\:j_idt54 > div:nth-child(2) > div.ui-g-9 > div:nth-child(7) > .ui-g-3 {
        width: 100%;
    }

    #abSearchForm\:tabViev .ui-panelgrid .ui-panelgrid-cell {
        display: block;
        width: 100%;
    }

    .ui-tabs-nav {
        display: flex;
        flex-direction: column;
    }

}


@media (max-width: 768px) {
    #cauSearchForm\:panel3_content > table:first-of-type {
        display: none;
    }

    #cauSearchForm\:panel3_content .column1, 
    #cauSearchForm\:panel3_content .column2, 
    #cauSearchForm\:panel3_content .column3, 
    #cauSearchForm\:panel3_content .column4 {
        width: 100%;
        display: block;
        margin-bottom: 8px;
    }

    #cauSearchForm\:panel3_content .column1:before {
        content: "Grupa:";
        display: block;
        text-align: center;
    }
    #cauSearchForm\:panel3_content .column2:before {
        content: "Podgrupa:";
        display: block;
        text-align: center;
    }
    #cauSearchForm\:panel3_content .column3:before {
        content: "Min. vrijednost:";
        display: block;
        text-align: center;
    }
    #cauSearchForm\:panel3_content .column4:before {
        content: "Max. vrijednost:";
        display: block;
        text-align: center;
    }

    #cauSearchForm\:panel3_content .column5, 
    #cauSearchForm\:panel3_content .column6 {
        width: 40px;
        display: block;
        float: left;
    }

    #cauSearchForm\:panel3_content .ui-selectonemenu {
        left: 0!important;
        width: 100%!important;
    }

    #profile-menu-button {
        width: 30px;
    }

    .layout-topbar-grid > .layout-topbar-grid-column:nth-of-type(3),
    .layout-topbar-grid > .layout-topbar-grid-column:nth-of-type(4) {
        margin-top: 22px;
    }

    .layout-topbar-grid > .layout-topbar-grid-column:nth-of-type(3) {
        position: absolute;
        right: 12px;
        top: 22px;
    }
}

@media (min-width: 769px) {
    .layout-topbar-grid > .layout-topbar-grid-column:nth-of-type(3) {
        position: relative;
        top: -4px;
    }
}


.layout-topbar-grid > .layout-topbar-grid-column:nth-of-type(3) a {
    color: #fff!important;
    background: #5F7695;
    border-radius: 6px;
    padding: 2px 4px;
}



@media (max-width:1024px) and (min-width:961px) {
    .layout-content {
        padding-top: 125px;
    }


}

@media (max-width:1250px) and (min-width:961px) {
    #ncSearchForm > div:nth-child(5) > div.p-col-12 > div > div > div {
        flex-direction: column;
    }

    #ncSearchForm > div:nth-child(5) > div.p-col-12 > div > div > div > .p-col-4,
    #ncSearchForm > div:nth-child(5) > div.p-col-12 > div > div > div > .p-col-8 {
        width: 100%;
    }

    #crSearchForm\:basicC_content > div:nth-child(1),
    #cbSearchForm > div:nth-child(5) > div:nth-child(1) > div > div > div,
    #acSearchForm > div:nth-child(4) > div:nth-child(1) > div > div > div,
    #cpSearchForm > div:nth-child(5) > div:nth-child(1) > div > div > div,
    #ciSearchForm > div:nth-child(5) > div:nth-child(1) > div > div > div,
    #mpSearchForm > div:nth-child(5) > div:nth-child(1) > div > div > div,
    #tcSearchForm > div:nth-child(5) > div:nth-child(1) > div > div > div {
        flex-direction: column;
    }

    #crSearchForm\:basicC_content > div:nth-child(1) > .p-col-4,
    #cbSearchForm > div:nth-child(5) > div:nth-child(1) > div > div > div > .p-col-4,
    #acSearchForm > div:nth-child(4) > div:nth-child(1) > div > div > div > .p-col-4,
    #cpSearchForm > div:nth-child(5) > div:nth-child(1) > div > div > div > .p-col-4,
    #ciSearchForm > div:nth-child(5) > div:nth-child(1) > div > div > div > .p-col-4,
    #mpSearchForm > div:nth-child(5) > div:nth-child(1) > div > div > div > .p-col-4,
    #tcSearchForm > div:nth-child(5) > div:nth-child(1) > div > div > div > .p-col-4 {
        width: 100%;
    }

    #tcSearchForm > div:nth-child(5) > div:nth-child(3),
    #tcSearchForm > div:nth-child(5) > div:nth-child(4) {
        width: 30%;
    }

}


/* MEDIA QUERIES - TABLES */
@media (max-width: 960px) {
    /* table, thead, tbody, th, td, tr { 
        display: block; 
    }

    thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr { 
        border: 1px solid #ccc;
        position: relative;
    }

    td { 
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
    }

    td:before { 
        position: relative;
        top: 0;
        left: 0;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }

    table tr.ui-datatable-selectable > td:first-of-type {
        width: 50px!important;
        position: absolute;
        bottom: 0;
        z-index: 999;
    }

    table tr.ui-datatable-selectable > td {
        text-align: left!important;
    } */

    /* 	SPECIFIC TABLE - Label the data, min height etc...	*/
    /* #dbViewForm\:dtBlockedCompanies_data td:nth-of-type(2):before { content: "ID:"; }
    #dbViewForm\:dtBlockedCompanies_data td:nth-of-type(3):before { content: "Naziv:"; }
    #dbViewForm\:dtBlockedCompanies_data td:nth-of-type(4):before { content: "Opština/Općina:"; }
    #dbViewForm\:dtBlockedCompanies_data td:nth-of-type(5):before { content: "Datum Blokade:"; }
    #dbViewForm\:dtBlockedCompanies_data td:nth-of-type(6):before { content: "Blokiranih računa:"; }

    #dbViewForm\:dtBlockedCompanies_data tr {
        min-height: 240px;
    }

    #dbViewForm\:dtBlockedCompanies_data {
        border-radius: 0!important;
    } */

}


#dbViewForm\:topChartLabel {
    text-align: center;
    font-size: 24px; 
}

#error-reporting-button {    
    background-repeat: no-repeat;
    height: 24px;
    width: 55px;
    border-radius: 0;
}

#errorReportingPanel {
    border: none;
}

#notice-button {    
    background-repeat: no-repeat;
    height: 24px;
    width: 55px;
    border-radius: 0;
}

#flags-button {    
    background-repeat: no-repeat;
    height: 24px;
    width: 55px;
    border-radius: 0;
}

#settings-button {    
    background-repeat: no-repeat;
    height: 24px;
    width: 55px;
    border-radius: 0;
}

#settingsform i,
#flagsform i,
#inboxform i,
#errorform i {
    color: #5F7695;
    margin-top: -4px;
}

#settingsform i:hover,
#flagsform i:hover,
#inboxform i:hover,
#errorform i:hover {
    transform: scale(1.1);
    transition: all 0.1s ease-in;
}

#flagsform i {
    margin-right: 12px;
    transform: scale(.9);
}

#errorform i {
    margin-right: 12px;
    transform: scale(.9);
}

#settingsform i {
    margin-right: 12px;
    transform: scale(.9);
}

#inboxform i {
    margin-right: 14px;
    transform: scale(.9);
}

.layout-topbar .profile-menu-button {
    margin-left: 0;
}

@media (max-width:340px) {
    #settingsform i,
    #flagsform i,
    #inboxform i,
    #errorform i {
        margin-right: 6px;
    }
}

#errorform\:errorReportingOP {    
    padding-top: 7px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px; 
    width: 500px; 
    height: 520px;   
}

#errorform\:errorReportingPanel {
    border: none;
    width:100%;     
}

#inboxform\:noticeOP {
    padding-top: 7px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    width: 500px; 
    height: 430px;
}

#inboxform\:noticePanel {
    border: none;
    width: 100%; 
    height: 100%;
}

#inboxform\:noticeScrollPanel {
    border: none;
    margin-left: -10px; 
    width:450px;
    height:320px;    
}

@media (max-width: 330px) {
    .layout-topbar-grid > .layout-topbar-grid-column:nth-of-type(4),
    .layout-topbar-grid > .layout-topbar-grid-column:nth-of-type(5),
    .layout-topbar-grid > .layout-topbar-grid-column:nth-of-type(6),
    .layout-topbar-grid > .layout-topbar-grid-column:nth-of-type(7) {
        margin-top: 40px;
    }

    .layout-topbar-grid > .layout-topbar-grid-column:nth-of-type(3) {
        top: 54px;
    }
}

#pgUsernameLabel {
    color: #BBBBBB;
}
#pgPasswordLabel {
    color: #BBBBBB;
}


#settingsform\:settingsOP {
    width: 180px;  
    top: 60px !important;
}

#settingsform\:settingsOP a {
    color: #FFFFFF;
    width: 168px !important;
    height: 35px !important;
    display: block;    
    padding: 0 2em;
    margin-left: -6px;    
    margin-top: -10px;
}
#settingsform\:settingsOP a:hover {
    background-color: #546D81 !important;    
}

body #settingsform .ui-overlaypanel {
    background-color: #042946;
    padding-top: 7px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;        
    min-width: 160px;
}

body #settingsform .ui-widget-content {
    background-color: #042946;
    border: none;
    padding: 0.5em 0em; 
    height: 140px;
    border-radius: 0px!important;    
}

body #settingsform .ui-widget-content .ui-icon {
    color: #616161; 
}

body #settingsform .ui-widget-header {
    background-color: #042946;    
    border: none;
    padding: 0em 0em;    
}

body #settingsform .ui-widget-header .ui-icon {
    color: #ffffff; 
}

body #settingsform .ui-state-active, body .ui-state-highlight {
    background-color: #546D81;
    color: #ffffff; 
}
body #settingsform .ui-corner-all {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px; 
}

body #settingsform  .ripplelink {
    color:#ffffff;
    text-decoration:none;
    position:relative;
    overflow:hidden;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index:0;
}

body #settingsform .ripplelink:hover{
    background-color: #546D81;
    color: #ffffff;    
}

body #settingsform  .ui-panelgrid .ui-panelgrid-cell {
    padding: 0.5em 1em;
}

body #flagsform {
    color: #FFFFFF;
}
#flagsform\:flagsOP {
    top: 60px !important;
}

body #flagsform .ui-overlaypanel {
    background-color: #042946;
    padding-top: 7px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;        
    min-width: 220px;
}

body #flagsform .ui-overlaypanel-content{
    padding: 0em 0em;    
}

body #flagsform .ui-widget-content {
    background-color: #042946;
    border: none;
    padding: 0.5em 0em; 
    height: auto;
    border-radius: 0px!important;
}

body #flagsform .ui-widget-content .ui-icon {
    color: #616161; 
}

body #flagsform .ui-widget-header {
    background-color: #042946;    
    border: none;
    padding: 0em 0em;    
}

body #flagsform .ui-widget-header .ui-icon {
    color: #ffffff; 
}

body #flagsform .ui-state-active, body .ui-state-highlight {
    background-color: #546D81;
    color: #ffffff; 
}

body #flagsform .ui-corner-all {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px; 
}

body #flagsform .ui-state-active .ui-icon, body .ui-state-highlight .ui-icon {
    color: #ffffff; 
}

body #flagsform .ui-orderlist .ui-orderlist-list li.ui-orderlist-item.ui-state-hover {
    background-color: #546D81;
    color: #ffffff;     
}

#dbViewForm\:searchInfo{    
    font-size: 16px; 
    color: #5F7695; 
    float: right;
    border: none !important;
}

#cdSearchForm\:searchInfo{ 
    font-size: 16px; 
    color: #5F7695; 
    float: right;
    border: none !important;
}

#publicForm\:searchInfo{    
    font-size: 16px; 
    color: #5F7695; 
    float: right;
    border: none !important;
}

#RegistrationForm\:clRegistration {    
    display: block;
    border-style: none;
    border-radius: 0px;
    z-index: 3;
    width: 300px;
    height: 47px;
    position: absolute;   
    /*
    background-color: #80c61b;
    background: -webkit-linear-gradient(#E74C3C, #A2352A);
    background-image: linear-gradient(rgb(231, 76, 60), rgb(162, 53, 42));
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: #80c61b;
    background: -moz-linear-gradient(#E74C3C, #A2352A);
    background-image: linear-gradient(rgb(231, 76, 60), rgb(162, 53, 42));
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: #80c61b;
    background: -ms-linear-gradient(#E74C3C, #A2352A);
    background-image: linear-gradient(rgb(231, 76, 60), rgb(162, 53, 42));
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: #80c61b;
    background: -o-linear-gradient(#E74C3C, #A2352A);
    background-image: linear-gradient(rgb(231, 76, 60), rgb(162, 53, 42));
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: #80c61b;*/
    background: linear-gradient(#E74C3C, #A2352A);
    background-image: linear-gradient(rgb(231, 76, 60), rgb(162, 53, 42));
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: #80c61b;   
    text-shadow: 1px 1px #5e0a06;
    color: #fff;        
    border-radius: 3px; 
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    font-family: Open Sans;
    font-style: normal;
    text-align: center;        
    padding-top: 12px;    
}

@media screen and (max-width: 600px) {
    #RegistrationDlg {
        background: transparent;        
        padding-top: 0px;
        border-radius: 0px;
        min-width: 435px;
        min-height: 569px !important; 
        box-shadow: none !important;
        border: none;
        left: 0px !important;
        top: 0px !important;        
    }
}
@media screen and (min-width: 600px) {
    #RegistrationDlg {
        background: transparent;
        margin: auto;
        padding-top: 0px;
        border-radius: 0px;
        min-width: 435px;
        min-height: 569px !important; 
        box-shadow: none !important;
        top: 20px !important;
        border: none;
    }
}

#RegistrationDlg .ui-dialog {    
    box-shadow: none !important;
}

#RegistrationDlg .ui-dialog-titlebar {
    background-color: transparent !important;
    border: none; 
}

#RegistrationDlg .ui-dialog-titlebar-icon .ui-icon {
    background: url("/javax.faces.resource/img/thanks/button-close.png.xhtml?ln=css") center / 30px 30px transparent no-repeat;    
    border: none;
    cursor: pointer;
    font-size: 0;        
    right: -15px;
    top: 0px;
    width: 40px;
    height: 40px;
    z-index: 100;
    position: absolute;    
}

#RegistrationForm .ui-inputtext {
    background: none;  
    background-color: #fff;    
    color: #000;
    border-radius: 5px;
    box-shadow: inset 0px 2px 3px #dddddd;
    -webkit-box-shadow: inset 0px 2px 3px #dddddd;
    -moz-box-shadow: inset 0px 2px 3px #dddddd;    
}

#RegistrationForm .ui-inputfield {        
    height: 32px;
    font-size: 14px;
    line-height: 14px;
    padding-left: 8px;
    padding-right: 8px; 
    border-width: 1px;
    width: 300px;
    background: white !important;
}

#RegistrationForm .ui-outputlabel {    
    font-weight: 400;
    font-size: 15px;
    line-height: 17px;
    color: #fff;
    display: block;
    margin-bottom: 3px;
    width: auto;
    margin-right: 0px;
    padding-top: 8px;    
}
#RegistrationDlg_content {  
    height: 547px; 
    width: 418px; 
    background-color: rgb(8, 59, 81);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: none;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box; 
    border-style: solid;     
    border-width: 3px;
    border-color: #fff;    
    border-radius: 0px!important;
    left: 0px;
    top: 20px;    
    position: absolute; 
}

#RegistrationDlg_modal {
   z-index: 100003 !important;
}

#RegistrationDlg {
   z-index: 100005 !important; 
}

#lp-pom-image-8 {
  display: block;
  background: rgba(255,255,255,0);
  left: 30px;
  top: 30px;
  z-index: 7;
  position: absolute;
}