.ui-widget-header {
    color: #ffffff !important;
    font-weight: bold !important;
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("/HibisEb/javax.faces.resource/images/ui-icons_72b42d_256x240.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-active .ui-icon{
    background-image: url("/HibisEb/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11");
}
.ui-state-highlight .ui-icon {
    background-image: url("/HibisEb/javax.faces.resource/images/ui-icons_4eb305_256x240.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("/HibisEb/javax.faces.resource/images/ui-icons_cd0a0a_256x240.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11");
}
.ui-icon-default { background-image:url("/HibisEb/javax.faces.resource/images/default.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position:center !important; background-size:100% !important;}
.ui-icon-note { background-image:url("/HibisEb/javax.faces.resource/images/note.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position:center !important; background-size:100% !important;}
.ui-breadcrumb ul li .ui-menuitem-link:hover{color:#00AEEF !important;}
.ui-breadcrumb .ui-icon-home{background-image:url("/HibisEb/javax.faces.resource/images/breadcrumb-home.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position:center 5px !important; background-size:100% !important; height:30px !important;}
.ui-breadcrumb-chevron{height:20px !important; background-image:url("/HibisEb/javax.faces.resource/images/breadcrumb-arrow.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position:center !important; background-size:60% !important;}
.ui-datatable .ui-icon-arrowthick-1-s{background-position:center !important; 
                                      background-size:110% !important; background-repeat:no-repeat !important;}
.ui-datatable .ui-paginator .ui-paginator-first .ui-icon{background-position:center !important; background-size:110% !important; background-repeat:no-repeat !important;}
.ui-datatable .ui-paginator .ui-paginator-last .ui-icon{background-position:center !important; background-size:110% !important; background-repeat:no-repeat !important;}
.ui-datatable .ui-paginator .ui-paginator-prev .ui-icon{background-position:center !important; background-size:110% !important; background-repeat:no-repeat !important;}
.ui-datatable .ui-paginator .ui-paginator-next .ui-icon{background-position:center !important; background-size:110% !important; background-repeat:no-repeat !important;}

.ui-datatable .ui-datatable-tablewrapper table tbody tr td .ui-row-toggler.ui-icon-circle-triangle-e{
    background-position: center 3px !important;
    background-size: contain !important;
    width: 22px !important;
    display: inline-block !important;
}

.ui-datatable .ui-datatable-tablewrapper table tbody tr td .ui-row-toggler.ui-icon-circle-triangle-e,
.ui-datatable .ui-datatable-tablewrapper table tbody tr td .ui-row-toggler.ui-icon-circle-triangle-s{
    background-image:url("/HibisEb/javax.faces.resource/images/row-toggler.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}

.ui-datatable .ui-datatable-tablewrapper table tbody tr td .ui-row-editor .ui-icon-pencil{background-image:url("/HibisEb/javax.faces.resource/images/pen-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; 
                                                                                          background-position:center !important; background-size:120% !important;}
.ui-datatable .ui-datatable-tablewrapper table tbody tr td .ui-row-editor .ui-icon-check{background-image:url("/HibisEb/javax.faces.resource/images/check-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; 
                                                                                         background-position:center !important; background-size:120% !important;}
.ui-datatable .ui-datatable-tablewrapper table tbody tr td .ui-row-editor .ui-icon-close{background-position:center !important; background-size:120% !important;}
.ui-datatable .ui-datatable-tablewrapper table tbody tr td .ui-icon-arrow-4{background-image:url("/HibisEb/javax.faces.resource/images/movearrow-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; 
                                                                            background-position:center !important; background-size:100% !important;}
.ui-datatable .ui-datatable-tablewrapper table thead tr .ui-state-default .ui-icon-carat-2-n-s,
.ui-datatable .ui-datatable-sticky table thead tr .ui-state-default .ui-icon-carat-2-n-s{background-position:center !important; background-size:110% !important; background-repeat:no-repeat !important; margin-left: 5px !important;}
.ui-datatable .ui-datatable-tablewrapper table thead tr .ui-state-hover .ui-icon-carat-2-n-s,
.ui-datatable .ui-datatable-sticky table thead tr .ui-state-hover .ui-icon-carat-2-n-s{background-position:center !important; background-size:110% !important; background-repeat:no-repeat !important; margin-left: 5px !important;}
.ui-datatable .ui-datatable-tablewrapper table thead tr .ui-state-active .ui-icon-triangle-1-n,
.ui-datatable .ui-datatable-sticky table thead tr .ui-state-active .ui-icon-triangle-1-n{background-position:center !important; background-size:110% !important; background-repeat:no-repeat !important; margin-left: 5px !important;}
.ui-datatable .ui-datatable-tablewrapper table thead tr .ui-state-active .ui-icon-triangle-1-s,
.ui-datatable .ui-datatable-sticky table thead tr .ui-state-active .ui-icon-triangle-1-s{background-position:center !important; background-size:110% !important; background-repeat:no-repeat !important; margin-left: 5px !important;}

.ui-datatable .ui-datatable-scrollable-header table thead tr .ui-state-default .ui-icon-carat-2-n-s {background-position:center !important; background-size:110% !important; background-repeat:no-repeat !important; margin-left: 5px !important;}
.ui-datatable .ui-datatable-scrollable-header table thead tr .ui-state-hover .ui-icon-carat-2-n-s {background-position:center !important; background-size:110% !important; background-repeat:no-repeat !important; margin-left: 5px !important;}
.ui-datatable .ui-datatable-scrollable-header table thead tr .ui-state-active .ui-icon-triangle-1-n {background-position:center !important; background-size:110% !important; background-repeat:no-repeat !important; margin-left: 5px !important;}
.ui-datatable .ui-datatable-scrollable-header table thead tr .ui-state-active .ui-icon-triangle-1-s {background-position:center !important; background-size:110% !important; background-repeat:no-repeat !important; margin-left: 5px !important;}
.ui-datatable .ui-datatable-scrollable-header table thead tr th.ui-state-active,
.ui-datatable .ui-datatable-scrollable-header table thead tr th.ui-state-hover,
.ui-datatable .ui-datatable-scrollable-header table thead tr th.ui-state-active{background-color: #2c8f82 !important; color: #fff !important;}
.ui-draggable-dragging{color:#2c8f82 !important; border: solid 1px #ccc !important;}
.ui-datatable > .ui-icon-arrowthick-1-s{background-image:url("/HibisEb/javax.faces.resource/images/downarrow-blue.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; 
                                        background-position:center !important; background-size:100% !important; background-repeat:no-repeat !important; margin-left: 5px !important;}
.ui-datatable > .ui-icon-arrowthick-1-n{background-image:url("/HibisEb/javax.faces.resource/images/uparrow-blue.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; 
                                        background-position:center !important; background-size:100% !important; background-repeat:no-repeat !important; margin-left: 5px !important;}

.ui-datatable .ui-column-resizer-helper{background-color:#33AFDE !important;}
.ui-datagrid:hover, .ui-datagrid:focus{border:solid 1px #2c8f82 !important;}
.ui-datagrid .ui-datagrid-header{border: solid 1px #2c8f82 !important; color: #ffffff !important; text-shadow: 0 -1px 0 #0A385E !important; margin:2px 2px 0 2px !important;
                                 -webkit-border-radius: 3px !important; 
                                 -moz-border-radius: 3px !important;
                                 border-radius: 3px !important; 
                                 background: #1578c9 !important;
                                 background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                 background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
                                 background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                 background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                 background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                 background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
                                 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}
.ui-datagrid .ui-paginator .ui-paginator-first .ui-icon{background-position:center !important; background-size:110% !important; background-repeat:no-repeat !important;}
.ui-datagrid .ui-paginator .ui-paginator-last .ui-icon{background-position:center !important; background-size:110% !important; background-repeat:no-repeat !important;}
.ui-datagrid .ui-paginator .ui-paginator-prev .ui-icon{background-position:center !important; background-size:110% !important; background-repeat:no-repeat !important;}
.ui-datagrid .ui-paginator .ui-paginator-next .ui-icon{background-position:center !important; background-size:110% !important; background-repeat:no-repeat !important;}
.ui-datagrid .ui-paginator .ui-state-active,
.ui-datagrid .ui-paginator .ui-paginator-pages .ui-state-active{background-color:#2c8f82 !important; color:#ffffff !important; background-repeat:no-repeat !important; border:solid 1px #2c8f82 !important;}
.ui-datagrid .ui-paginator .ui-state-hover,
.ui-datagrid .ui-paginator .ui-paginator-pages .ui-state-hover{background-color:#75C9EC !important; color:#ffffff !important; background-repeat:no-repeat !important; border:solid 1px #2c8f82 !important;}
.ui-datagrid .ui-paginator .ui-paginator-rpp-options{/*outline:none !important; */color:#829CA6 !important; font-family: 'titillium_webregular' !important;}
.ui-datalist:hover, .ui-datalist:focus{border:solid 1px #2c8f82 !important;}
.ui-datalist .ui-datalist-header{border: solid 1px #2c8f82 !important; color: #ffffff !important; text-shadow: 0 -1px 0 #0A385E !important; margin:2px 2px 0 2px !important;
                                 -webkit-border-radius: 3px !important; 
                                 -moz-border-radius: 3px !important;
                                 border-radius: 3px !important; 
                                 background: #1578c9 !important;
                                 background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                 background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
                                 background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                 background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                 background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                 background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
                                 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}
.ui-datalist .ui-paginator .ui-paginator-first .ui-icon{background-position:center !important; background-size:110% !important; background-repeat:no-repeat !important;}

.ui-datalist .ui-paginator .ui-paginator-first .ui-icon,
.ui-datatable .ui-paginator .ui-paginator-first .ui-icon,
.ui-datagrid .ui-paginator .ui-paginator-first .ui-icon{
    background-image:url("/HibisEb/javax.faces.resource/images/left-double-arrow-for-data.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;   
}

.ui-datalist .ui-paginator .ui-paginator-last .ui-icon{background-position:center !important; background-size:110% !important; background-repeat:no-repeat !important;}

.ui-datalist .ui-paginator .ui-paginator-last .ui-icon,
.ui-datatable .ui-paginator .ui-paginator-last .ui-icon,
.ui-datagrid .ui-paginator .ui-paginator-last .ui-icon{
    background-image:url("/HibisEb/javax.faces.resource/images/right-double-arrow-for-data.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}

.ui-datalist .ui-paginator .ui-paginator-prev .ui-icon{background-position:center !important; background-size:110% !important; background-repeat:no-repeat !important;}
.ui-datalist .ui-paginator .ui-paginator-next .ui-icon{background-position:center !important; background-size:110% !important; background-repeat:no-repeat !important;}
.ui-datalist .ui-paginator .ui-state-active,
.ui-datalist .ui-paginator .ui-paginator-pages .ui-state-active{background-color:#2c8f82 !important; color:#ffffff !important; background-repeat:no-repeat !important; border:solid 1px #2c8f82 !important;}
.ui-datalist .ui-paginator .ui-state-hover,
.ui-datalist .ui-paginator .ui-paginator-pages .ui-state-hover{background-color:#75C9EC !important; color:#ffffff !important; background-repeat:no-repeat !important; border:solid 1px #2c8f82 !important;}

.ui-datalist .ui-paginator .ui-paginator-next.ui-state-active .ui-icon,
.ui-datalist .ui-paginator .ui-paginator-next.ui-state-hover .ui-icon,
.ui-datatable .ui-paginator .ui-paginator-next.ui-state-active .ui-icon,
.ui-datatable .ui-paginator .ui-paginator-next.ui-state-hover .ui-icon,
.ui-datagrid .ui-paginator .ui-paginator-next.ui-state-active .ui-icon,
.ui-datagrid .ui-paginator .ui-paginator-next.ui-state-hover .ui-icon{
    background-image:url("/HibisEb/javax.faces.resource/images/right-one-arrow-for-data-white.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}

.ui-datalist .ui-paginator .ui-paginator-prev.ui-state-active .ui-icon,
.ui-datalist .ui-paginator .ui-paginator-prev.ui-state-hover .ui-icon,
.ui-datatable .ui-paginator .ui-paginator-prev.ui-state-active .ui-icon,
.ui-datatable .ui-paginator .ui-paginator-prev.ui-state-hover .ui-icon,
.ui-datagrid .ui-paginator .ui-paginator-prev.ui-state-active .ui-icon,
.ui-datagrid .ui-paginator .ui-paginator-prev.ui-state-hover .ui-icon{
    background-image:url("/HibisEb/javax.faces.resource/images/left-one-arrow-for-data-white.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}

.ui-datalist .ui-paginator .ui-paginator-first.ui-state-active .ui-icon,
.ui-datalist .ui-paginator .ui-paginator-first.ui-state-hover .ui-icon,
.ui-datatable .ui-paginator .ui-paginator-first.ui-state-active .ui-icon,
.ui-datatable .ui-paginator .ui-paginator-first.ui-state-hover .ui-icon,
.ui-datagrid .ui-paginator .ui-paginator-first.ui-state-active .ui-icon,
.ui-datagrid .ui-paginator .ui-paginator-first.ui-state-hover .ui-icon{
    background-image:url("/HibisEb/javax.faces.resource/images/left-double-arrow-for-data-white.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}


.ui-datalist .ui-paginator .ui-paginator-last.ui-state-hover .ui-icon,
.ui-datalist .ui-paginator .ui-paginator-last.ui-state-active .ui-icon,
.ui-datatable .ui-paginator .ui-paginator-last.ui-state-active .ui-icon,
.ui-datatable .ui-paginator .ui-paginator-last.ui-state-hover .ui-icon,
.ui-datagrid .ui-paginator .ui-paginator-last.ui-state-active .ui-icon,
.ui-datagrid .ui-paginator .ui-paginator-last.ui-state-hover .ui-icon{
    background-image:url("/HibisEb/javax.faces.resource/images/right-double-arrow-for-data-white.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;    
}

.ui-picklist:hover .ui-picklist-list, .ui-picklist:hover .ui-picklist-caption{border-color:#2c8f82 !important;}
.ui-picklist .ui-picklist-filter-container .ui-icon{background-position: center !important; background-repeat: no-repeat !important;
                                                    background-size: 100% !important; width: 28px !important; height: 28px !important; left: 3px !important; top: 3px !important;}
.ui-picklist .ui-picklist-list:hover, .ui-picklist .ui-picklist-list:focus{border:solid 1px #2c8f82 !important;}
.ui-picklist .ui-picklist-list .ui-state-hover{background-color: #F1F4F7 !important; color: #2c8f82 !important;}
.ui-picklist .ui-picklist-list .ui-state-highlight{background-color:#DDE4EA !important; color: #2c8f82 !important;}

.ui-picklist .ui-picklist-source-controls .ui-picklist-button-move-up .ui-icon,
.ui-picklist .ui-picklist-target-controls .ui-picklist-button-move-up .ui-icon{background-position: center !important; background-repeat: no-repeat !important;
                                                                               background-size: 70% !important; left:38% !important; margin-left: -8px !important; top:32% !important; margin-top: -8px !important; width: 26px !important; height: 26px !important;}
.ui-picklist .ui-picklist-source-controls .ui-picklist-button-move-top .ui-icon,
.ui-picklist .ui-picklist-target-controls .ui-picklist-button-move-top .ui-icon{background-position: center !important; background-repeat: no-repeat !important;
                                                                                background-size: 70% !important; left:38% !important; margin-left: -8px !important; top:32% !important; margin-top: -8px !important; width: 26px !important; height: 26px !important;}
.ui-picklist .ui-picklist-source-controls .ui-picklist-button-move-down .ui-icon,
.ui-picklist .ui-picklist-target-controls .ui-picklist-button-move-down .ui-icon{background-position: center !important; background-repeat: no-repeat !important;
                                                                                 background-size: 70% !important; left:38% !important; margin-left: -8px !important; top:37% !important; margin-top: -8px !important; width: 26px !important; height: 26px !important;}
.ui-picklist .ui-picklist-source-controls .ui-picklist-button-move-bottom .ui-icon,
.ui-picklist .ui-picklist-target-controls .ui-picklist-button-move-bottom .ui-icon{background-position: center !important; background-repeat: no-repeat !important;
                                                                                   background-size: 70% !important; left:38% !important; margin-left: -8px !important; top:33% !important; margin-top: -8px !important; width: 26px !important; height: 26px !important;}
.ui-picklist td .ui-picklist-button-add .ui-icon,
.ui-picklist .ui-picklist-buttons .ui-picklist-button-add .ui-icon{background-position: center !important; background-repeat: no-repeat !important;
                                                                   background-size: 65% !important; left:38% !important; margin-left: -8px !important; top:35% !important; margin-top: -8px !important; width: 26px !important; height: 26px !important;}
.ui-picklist td .ui-picklist-button-add-all .ui-icon,
.ui-picklist .ui-picklist-buttons .ui-picklist-button-add-all .ui-icon{background-image:url("/HibisEb/javax.faces.resource/images/right-end-arrow.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important; background-repeat: no-repeat !important;
                                                                       background-size: 70% !important; left:38% !important; margin-left: -8px !important; top:32% !important; margin-top: -8px !important; width: 26px !important; height: 26px !important;}
.ui-picklist td .ui-picklist-button-remove .ui-icon,
.ui-picklist .ui-picklist-buttons .ui-picklist-button-remove .ui-icon{background-position: center !important; background-repeat: no-repeat !important;
                                                                      background-size: 65% !important; left:34% !important; margin-left: -8px !important; top:37% !important; margin-top: -8px !important; width: 26px !important; height: 26px !important;}
.ui-picklist td .ui-picklist-button-remove-all .ui-icon,
.ui-picklist .ui-picklist-buttons .ui-picklist-button-remove-all .ui-icon{background-image:url("/HibisEb/javax.faces.resource/images/left-end-arrow.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important; background-repeat: no-repeat !important;
                                                                          background-size: 70% !important; left:38% !important; margin-left: -8px !important; top:33% !important; margin-top: -8px !important; width: 26px !important; height: 26px !important;}

.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-move-up .ui-icon{background-position: center !important; background-repeat: no-repeat !important;
                                                                                     background-size: 70% !important; left:35% !important; margin-left: -8px !important; top:32% !important; margin-top: -8px !important; width: 26px !important; height: 26px !important;}
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-move-top .ui-icon{background-position: center !important; background-repeat: no-repeat !important;
                                                                                      background-size: 70% !important; left:35% !important; margin-left: -8px !important; top:32% !important; margin-top: -8px !important; width: 26px !important; height: 26px !important;}
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-move-down .ui-icon{background-position: center !important; background-repeat: no-repeat !important;
                                                                                       background-size: 70% !important; left:34% !important; margin-left: -8px !important; top:37% !important; margin-top: -8px !important; width: 26px !important; height: 26px !important;}
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-move-bottom .ui-icon{background-position: center !important; background-repeat: no-repeat !important;
                                                                                         background-size: 70% !important; left:34% !important; margin-left: -8px !important; top:33% !important; margin-top: -8px !important; width: 26px !important; height: 26px !important;}

.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-add .ui-icon{background-position: center !important; background-repeat: no-repeat !important;
                                                                                 background-size: 70% !important; left:35% !important; margin-left: -8px !important; top:34% !important; margin-top: -8px !important; width: 26px !important; height: 26px !important;}
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-add-all .ui-icon{background-position: center !important; background-repeat: no-repeat !important;
                                                                                     background-size: 70% !important; left:35% !important; margin-left: -8px !important; top:34% !important; margin-top: -8px !important; width: 26px !important; height: 26px !important;}
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-remove .ui-icon{background-position: center !important; background-repeat: no-repeat !important;
                                                                                    background-size: 70% !important; left:34% !important; margin-left: -8px !important; top:34% !important; margin-top: -8px !important; width: 26px !important; height: 26px !important;}
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-remove-all .ui-icon{background-position: center !important; background-repeat: no-repeat !important;
                                                                                        background-size: 70% !important; left:34% !important; margin-left: -8px !important; top:34% !important; margin-top: -8px !important; width: 26px !important; height: 26px !important;}
.ui-orderlist:hover, .ui-orderlist:focus{border-color:#2c8f82 !important;}
.ui-orderlist .ui-orderlist-list .ui-orderlist-item{padding: 2px 4px !important; font-size: 14px !important; -webkit-transition: all 0.2s ease !important; -moz-transition: all 0.2s ease !important; -ms-transition: all 0.2s ease !important;
                                                    -o-transition: all 0.2s ease !important; transition: all 0.2s ease !important; background-image:url("/HibisEb/javax.faces.resource/images/move-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center right !important; 
                                                    background-repeat: no-repeat !important; background-size: 42px !important;}
.ui-orderlist .ui-orderlist-list .ui-state-hover{background-color: #F1F4F7 !important; color: #2c8f82 !important;}
.ui-orderlist .ui-orderlist-list .ui-state-highlight{background-color:#DDE4EA !important; color: #2c8f82 !important;}

.ui-orderlist .ui-orderlist-controls .ui-orderlist-button-move-up .ui-icon{background-position: center !important; background-repeat: no-repeat !important;
                                                                           background-size: 70% !important; left:33% !important; margin-left: -8px !important; top:32% !important; margin-top: -8px !important; width: 26px !important; height: 26px !important;}
.ui-orderlist .ui-orderlist-controls .ui-orderlist-button-move-top .ui-icon{background-position: center !important; background-repeat: no-repeat !important;
                                                                            background-size: 70% !important; left:35% !important; margin-left: -8px !important; top:32% !important; margin-top: -8px !important; width: 26px !important; height: 26px !important;}
.ui-orderlist .ui-orderlist-controls .ui-orderlist-button-move-down .ui-icon{background-position: center !important; background-repeat: no-repeat !important;
                                                                             background-size: 70% !important; left:34% !important; margin-left: -8px !important; top:37% !important; margin-top: -8px !important; width: 26px !important; height: 26px !important;}
.ui-orderlist .ui-orderlist-controls .ui-orderlist-button-move-bottom .ui-icon{background-position: center !important; background-repeat: no-repeat !important;
                                                                               background-size: 70% !important; left:34% !important; margin-left: -8px !important; top:33% !important; margin-top: -8px !important; width: 26px !important; height: 26px !important;}
.ui-carousel:hover, .ui-carousel:focus{border:solid 1px #2c8f82 !important;}
.ui-carousel .ui-carousel-header{border:solid 1px #2c8f82 !important; 
                                 height:auto !important; 
                                 padding: 2px 10px !important; 
                                 -webkit-border-radius: 3px !important; 
                                 -moz-border-radius: 3px !important;
                                 border-radius: 3px !important; 
                                 background: #1578c9 !important;
                                 background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                 background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
                                 background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                 background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                 background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                 background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
                                 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}
.ui-carousel .ui-carousel-header .ui-carousel-next-button{background-position: center !important; background-repeat: no-repeat !important;
                                                          background-size: 90% !important; width: 20px !important; height: 20px !important; margin-top: 3px !important; padding: 2px !important;}
.ui-carousel .ui-carousel-header .ui-carousel-prev-button{background-position: center !important; background-repeat: no-repeat !important;
                                                          background-size: 90% !important; width: 20px !important; height: 20px !important; margin-top: 3px !important; padding: 2px !important;}
.ui-carousel .ui-carousel-header .ui-carousel-next-button:hover, .ui-carousel .ui-carousel-header .ui-carousel-prev-button:hover{background-color:#2c8f82 !important; 
                                                                                                                                 -webkit-border-radius:3px !important; 
                                                                                                                                 -moz-border-radius:3px !important;
                                                                                                                                 border-radius:3px !important; }
.ui-carousel .ui-carousel-header .ui-carousel-page-links .ui-carousel-page-link{background-image:url("/HibisEb/javax.faces.resource/images/blank.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important; background-repeat: no-repeat !important;
                                                                                background-size: 100% !important;}
.ui-carousel .ui-carousel-header .ui-carousel-page-links .ui-icon-radio-on{background-image:url("/HibisEb/javax.faces.resource/images/blank-active.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;}
.fc:hover, .fc:focus{border:solid 1px #2c8f82 !important;}
.fc-header tbody tr td .ui-state-hover, .fc-header tbody tr td .ui-state-active{color: #2c8f82 !important; background-repeat: no-repeat !important; border: solid 1px #2c8f82 !important;}
.fc-header tbody tr td .fc-button-next .fc-icon-wrap .ui-icon{background-position: center !important;
                                                              background-repeat: no-repeat !important; background-size: 100% !important;}
.fc-header tbody tr td .fc-button-prev .fc-icon-wrap .ui-icon{background-position: center !important;
                                                              background-repeat: no-repeat !important; background-size: 100% !important;}
.fc-header tbody tr td span h2{font-size:18px !important; margin:0 !important; color:#2c8f82 !important;}
.fc-content .fc-view-month table tbody tr td:hover{border-color:#2c8f82 !important; color:#2c8f82 !important;}
.fc:hover, .fc:focus{border:solid 1px #2c8f82 !important;}
.fc-toolbar .fc-prev-button .ui-icon{background-position: center !important;
                                     background-repeat: no-repeat !important; background-size: 100% !important;}

.fc-toolbar .fc-prev-button .ui-icon,
.ui-datatable .ui-paginator .ui-paginator-prev .ui-icon,
.ui-datagrid .ui-paginator .ui-paginator-prev .ui-icon,
.ui-datalist .ui-paginator .ui-paginator-prev .ui-icon,
.fc-header tbody tr td .fc-button-prev .fc-icon-wrap .ui-icon{
    background-image:url("/HibisEb/javax.faces.resource/images/left-one-arrow-for-data.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}

.fc-toolbar .fc-next-button .ui-icon{background-position: center !important;
                                     background-repeat: no-repeat !important; background-size: 100% !important;}

.fc-toolbar .fc-next-button .ui-icon,
.ui-datatable .ui-icon-arrowthick-1-s,
.ui-datatable .ui-paginator .ui-paginator-next .ui-icon,
.ui-datagrid .ui-paginator .ui-paginator-next .ui-icon,
.ui-datalist .ui-paginator .ui-paginator-next .ui-icon,
.fc-header tbody tr td .fc-button-next .fc-icon-wrap .ui-icon{
    background-image:url("/HibisEb/javax.faces.resource/images/right-one-arrow-for-data.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; 
}

.fc-toolbar .ui-state-active, .fc-toolbar .ui-state-hover{border:solid 1px #2c8f82 !important; color:#27aee1 !important;}
.fc-center{color: #2c8f82 !important; font-size: 12px !important;}
.fc-view-container .fc-month-view table tbody tr .fc-day:hover{border-color:#2c8f82 !important; color:#2c8f82 !important;}
.fc-more-cell .fc-more{color: #2c8f82 !important; text-decoration: underline !important;}
.fc-popover .fc-header .fc-close{background-position: center !important; 
                                 background-repeat: no-repeat !important; background-size: 100% !important;}
.ui-tree:hover{border: solid 1px #2c8f82 !important;}
.ui-tree .ui-treenode .ui-treenode-label.ui-state-hover{color:#2c8f82 !important;}
.ui-tree .ui-tree-droppoint.ui-state-hover{background-color:#2c8f82 !important;}
.ui-tree .ui-treenode .ui-treenode-leaf-icon{/*background-image:url("/HibisEb/javax.faces.resource/images/treenode-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;*/ background-position: center !important; 
    background-repeat: no-repeat !important; background-size: 90% !important;}
.ui-tree .ui-treenode .ui-icon-grip-dotted-vertical{background-image:url("/HibisEb/javax.faces.resource/images/treenode-dots-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important; 
                                                    background-repeat: no-repeat !important; background-size: 100% !important;}
.ui-tree .ui-treenode-content .ui-chkbox-box .ui-icon-minus{background-position: center !important; 
                                                            background-repeat: no-repeat !important; background-size: 100% !important;}
.ui-tree .ui-icon-triangle-1-e{background-position: center !important; 
                               background-repeat: no-repeat !important; background-size: 120% !important;}
.ui-tree .ui-icon-triangle-1-s{background-position: center !important; 
                               background-repeat: no-repeat !important; background-size: 130% !important;}
.ui-tree .ui-icon-folder-collapsed{background-image:url("/HibisEb/javax.faces.resource/images/folder-close-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important; 
                                   background-repeat: no-repeat !important; background-size: 140% !important;}
.ui-tree .ui-icon-folder-open{background-image:url("/HibisEb/javax.faces.resource/images/folder-open-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important; 
                              background-repeat: no-repeat !important; background-size: 160% !important;}
.ui-tree .ui-icon-document{background-image:url("/HibisEb/javax.faces.resource/images/document-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important; 
                           background-repeat: no-repeat !important; background-size: 160% !important;}
.ui-tree .ui-icon-note{background-image:url("/HibisEb/javax.faces.resource/images/note-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important; 
                       background-repeat: no-repeat !important; background-size: 150% !important;}
.ui-tree .ui-icon-image{background-image:url("/HibisEb/javax.faces.resource/images/image-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important; 
                        background-repeat: no-repeat !important; background-size: 150% !important;}
.ui-tree .ui-icon-video{background-image:url("/HibisEb/javax.faces.resource/images/video-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important; 
                        background-repeat: no-repeat !important; background-size: 160% !important;}
.ui-tree .ui-icon-music{background-image:url("/HibisEb/javax.faces.resource/images/music-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important; 
                        background-repeat: no-repeat !important; background-size: 160% !important;}
.ui-treetable:hover{border: solid 1px #2c8f82 !important;}
.ui-treetable table thead tr th.ui-state-active, .ui-treetable table thead tr th.ui-state-hover{background-color: #2c8f82 !important; color: #fff !important;}
.ui-treetable table tbody .ui-state-hover td{color:#2c8f82 !important; background-color:#eff3f5 !important;}
.ui-treetable .ui-icon-triangle-1-e{background-position: center !important; 
                                    background-repeat: no-repeat !important; background-size: 100% !important;}
.ui-treetable .ui-icon-triangle-1-s{ background-position: center !important; 
                                     background-repeat: no-repeat !important; background-size: 110% !important;}
.ui-treetable .ui-icon-triangle-1-s{background-position: center !important; 
                                    background-repeat: no-repeat !important; background-size: 110% !important;}
.ui-treetable .ui-chkbox-box .ui-icon-minus{background-position: center !important; 
                                            background-repeat: no-repeat !important; background-size: 110% !important;}

.ui-treetable table thead tr th .ui-icon-triangle-1-n{background-position: center !important; 
                                                      background-repeat: no-repeat !important; background-size: 110% !important;}
.ui-treetable table thead tr th .ui-icon-triangle-1-s{background-position: center !important; 
                                                      background-repeat: no-repeat !important; background-size: 110% !important;}
.ui-treetable table thead tr th .ui-icon-carat-2-n-s{background-position: center !important; 
                                                     background-repeat: no-repeat !important; background-size: 110% !important;}

.ui-treetable table thead tr th .ui-icon-carat-2-n-s,
.ui-datatable .ui-datatable-sticky table thead tr .ui-state-default .ui-icon-carat-2-n-s,
.ui-datatable .ui-datatable-sticky table thead tr .ui-state-hover .ui-icon-carat-2-n-s,
.ui-datatable .ui-datatable-scrollable-header table thead tr .ui-state-default .ui-icon-carat-2-n-s,
.ui-datatable .ui-datatable-tablewrapper table thead tr .ui-state-default .ui-icon-carat-2-n-s,
.ui-datatable .ui-datatable-sticky table thead tr .ui-state-default .ui-icon-carat-2-n-s,
.ui-datatable .ui-datatable-tablewrapper table thead tr .ui-state-hover .ui-icon-carat-2-n-s
{
    background-image:url("/HibisEb/javax.faces.resource/images/updown-gray-arrow.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}

.ui-treetable table thead tr th.ui-state-hover .ui-icon-carat-2-n-s{background-position: center !important; 
                                                                    background-repeat: no-repeat !important; background-size: 110% !important;}

.ui-treetable table thead tr th.ui-state-hover .ui-icon-carat-2-n-s,
.ui-datatable .ui-datatable-scrollable-header table thead tr .ui-state-hover .ui-icon-carat-2-n-s{
    background-image:url("/HibisEb/javax.faces.resource/images/updown-arrow.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;    
}

.ui-tree-horizontal .ui-treenode .ui-state-hover{color:#2c8f82 !important; border: solid 1px #2c8f82 !important;}
.ui-tree-horizontal .ui-icon-plus{background-position: center !important; 
                                  background-repeat: no-repeat !important; background-size: 100% !important;}
.ui-tree-horizontal .ui-icon-minus{background-position: center !important; 
                                   background-repeat: no-repeat !important; background-size: 110% !important;}
.ui-treetable .ui-column-resizer-helper {background-color: #33AFDE !important; }
.ui-accordion:hover{border:solid 1px #2c8f82 !important;}
.ui-accordion-header{-webkit-border-radius:3px !important; 
                     -moz-border-radius:3px !important; 
                     border-radius:3px !important; 
                     font-size: 14px !important; 
                     color:#ffffff !important; 
                     border:solid 1px #2c8f82 !important;
                     font-weight:normal !important; padding: 5px 5px 5px 30px !important;
                     background: #1578c9 !important;
                     background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                     background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
                     background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                     background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                     background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                     background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
                     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}
.ui-accordion .ui-accordion-header.ui-state-hover, .ui-accordion .ui-accordion-header.ui-state-active{background: #0b66b1 !important;
                                                                                                      background: -moz-linear-gradient(top, #0b66b1 0%, #1578c9 100%) !important;
                                                                                                      background: -webkit-gradient(left top, left bottom, color-stop(0%, #0b66b1), color-stop(100%, #1578c9)) !important;
                                                                                                      background: -webkit-linear-gradient(top, #0b66b1 0%, #1578c9 100%) !important;
                                                                                                      background: -o-linear-gradient(top, #0b66b1 0%, #1578c9 100%) !important;
                                                                                                      background: -ms-linear-gradient(top, #0b66b1 0%, #1578c9 100%) !important;
                                                                                                      background: linear-gradient(to bottom, #0b66b1 0%, #1578c9 100%) !important;
                                                                                                      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b66b1', endColorstr='#1578c9', GradientType=0 ) !important;}
.ui-accordion-header .ui-icon-triangle-1-s{background-position: center !important; 
                                           background-repeat: no-repeat !important; background-size: 110% !important;}
.ui-accordion-header .ui-icon-triangle-1-e{background-position: center !important; 
                                           background-repeat: no-repeat !important; background-size: 100% !important;}
.ui-panelgrid thead tr td, .ui-panelgrid tfoot tr td{color:#2c8f82 !important; background-color: #eff3f5 !important; border: solid 1px #C0C5C7 !important;}
/*.ui-scrollpanel:hover{border:solid 1px #2c8f82 !important;}*/
.ui-toolbar:hover{border:solid 1px #2c8f82 !important;}
.ui-notificationbar{z-index:999999999 !important; background-color: #A02121 !important; color: #ffffff !important; height: 50px !important;}
.ui-tabs-top:hover{border:solid 1px #2c8f82}
.ui-tabs-top .ui-tabs-nav{border-bottom: solid 1px #E8EDF2 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border:solid 1px #2c8f82 !important; font-weight:normal !important;
                          background: #1578c9;
                          background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%);
                          background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1));
                          background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%);
                          background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%);
                          background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%);
                          background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%);
                          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn{border:solid 1px #2c8f82 !important; height: 33px !important; padding: 0 3px !important;
                                                           -webkit-box-shadow: inset 0 0 0 1px #26A3DB !important; -moz-box-shadow: inset 0 0 0 1px #26A3DB !important; box-shadow: inset 0 0 0 1px #26A3DB !important;
                                                           background: #1578c9 !important;
                                                           background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                                           background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
                                                           background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                                           background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                                           background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                                           background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
                                                           filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn-left .ui-icon{background-position: center !important; 
                                                                         background-repeat: no-repeat !important; background-size: 110% !important; margin-top: 9px !important;}
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn-right .ui-icon{background-position: center !important; 
                                                                          background-repeat: no-repeat !important; background-size: 110% !important; margin-top: 9px !important;}
.ui-tabs-top .ui-tabs-nav li .ui-icon-close{background-position: center !important; 
                                            background-repeat: no-repeat !important; background-size: 100% !important;}
.ui-tabs-top .ui-tabs-nav li.ui-state-hover .ui-icon-close,
.ui-tabs-top .ui-tabs-nav li.ui-state-active .ui-icon-close{background-position: center !important; 
                                                            background-repeat: no-repeat !important; background-size: 100% !important;}
.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-top .ui-tabs-nav li.ui-tabs-active a, .ui-tabs-top .ui-tabs-nav li.ui-state-hover a{color:#2c8f82 !important;}
.ui-tabs-left:hover{border:solid 1px #2c8f82 !important;}
.ui-tabs-left .ui-tabs-nav{border-bottom: solid 1px #E8EDF2 !important; border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; border:solid 1px #2c8f82 !important; font-weight:normal !important;
                           background: #1578c9 !important;
                           background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                           background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
                           background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                           background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                           background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                           background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
                           filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}
.ui-tabs-left .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-left .ui-tabs-nav li.ui-tabs-active a, .ui-tabs-left .ui-tabs-nav li.ui-state-hover a{color:#2c8f82 !important;}
.ui-tabs-right:hover{border:solid 1px #2c8f82 !important;}
.ui-tabs-right .ui-tabs-nav{border-bottom: solid 1px #E8EDF2 !important; border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; border:solid 1px #2c8f82 !important; font-weight:normal !important; height:auto !important;
                            background: #1578c9 !important;
                            background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                            background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
                            background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                            background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                            background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                            background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}
.ui-tabs-right .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-right .ui-tabs-nav li.ui-tabs-active a, .ui-tabs-right .ui-tabs-nav li.ui-state-hover a{color:#2c8f82 !important;}
.ui-tabs-bottom:hover{border:solid 1px #2c8f82 !important;}
.ui-tabs-bottom .ui-tabs-nav{border-bottom: solid 1px #E8EDF2 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border:solid 1px #2c8f82 !important; font-weight:normal !important;
                             background: #1578c9 !important;
                             background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                             background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
                             background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                             background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                             background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                             background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
                             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}
.ui-tabs-bottom .ui-tabs-navscroller .ui-tabs-navscroller-btn{border:solid 1px #2c8f82 !important; height: 34px !important; padding: 0 3px !important;
                                                              -webkit-box-shadow: inset 0 0 0 1px #26A3DB !important; -moz-box-shadow: inset 0 0 0 1px #26A3DB !important; box-shadow: inset 0 0 0 1px #26A3DB !important;
                                                              background: #1578c9 !important;
                                                              background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                                              background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
                                                              background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                                              background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                                              background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                                              background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
                                                              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}
.ui-tabs-bottom .ui-tabs-navscroller .ui-tabs-navscroller-btn-left .ui-icon{background-position: center !important; 
                                                                            background-repeat: no-repeat !important; background-size: 110% !important; margin-top: 9px !important;}
.ui-tabs-bottom .ui-tabs-navscroller .ui-tabs-navscroller-btn-right .ui-icon{background-position: center !important; 
                                                                             background-repeat: no-repeat !important; background-size: 110% !important; margin-top: 9px !important;}
.ui-tabs-bottom .ui-tabs-nav li .ui-icon-close{background-position: center !important; 
                                               background-repeat: no-repeat !important; background-size: 100% !important;}
.ui-tabs-bottom .ui-tabs-nav li.ui-state-hover .ui-icon-close,
.ui-tabs-bottom .ui-tabs-nav li.ui-state-active .ui-icon-close{background-position: center !important; 
                                                               background-repeat: no-repeat !important; background-size: 100% !important;}

.ui-tabs-bottom .ui-tabs-nav li.ui-state-active .ui-icon-close,
.ui-tabs-top .ui-tabs-nav li.ui-state-active .ui-icon-close{
    background-image:url("/HibisEb/javax.faces.resource/images/delete-blue.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}

.ui-tabs-bottom .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-bottom .ui-tabs-nav li.ui-tabs-active a, .ui-tabs-bottom .ui-tabs-nav li.ui-state-hover a{color:#2c8f82 !important;}
.ui-dashboard:hover{border:solid 1px #2c8f82 !important;}
.ui-dashboard-column > .ui-state-hover{-webkit-border-radius:5px !important; 
                                       -moz-border-radius:5px !important; 
                                       border-radius:5px !important; 
                                       border: dashed 1px #2c8f82 !important; 
                                       background-color:#DAE8EF !important;}
.ui-dialog .ui-dialog-titlebar{padding:5px 15px !important; color: #2c8f82 !important; font-size: 16px !important;}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick{background-image:url("/HibisEb/javax.faces.resource/images/delete-grn.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important; 
                                                                            background-repeat: no-repeat !important; background-size: 100% !important;}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus{background-position: center !important; 
                                                                       background-repeat: no-repeat !important; background-size: 100% !important;}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus,
.ui-tree .ui-treenode-content .ui-chkbox-box .ui-icon-minus,
.ui-treetable .ui-chkbox-box .ui-icon-minus,
.ui-tree-horizontal .ui-icon-minus{
    background-image:url("/HibisEb/javax.faces.resource/images/minus-sign-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; 
}

.ui-dialog-docking-zone .ui-icon-plus{background-position: center !important; 
                                      background-repeat: no-repeat !important; background-size: 90% !important;}

.ui-dialog-docking-zone .ui-icon-plus,
.ui-tree-horizontal .ui-icon-plus{
    background-image:url("/HibisEb/javax.faces.resource/images/plus-sign-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink{background-image:url("/HibisEb/javax.faces.resource/images/external-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important; 
                                                                         background-repeat: no-repeat !important; background-size: 100% !important;}
.ui-dialog .ui-dialog-titlebar .ui-icon-newwin{background-image:url("/HibisEb/javax.faces.resource/images/external-gray-revert.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important; 
                                               background-repeat: no-repeat !important; background-size: 100% !important;}
.ui-dialog .ui-dialog-content .ui-icon-alert{background-position: center !important; 
                                             background-repeat: no-repeat !important; background-size: 140% !important; margin: 4px 10px 0 0 !important;}
.ui-dialog .ui-resizable-se{background-image:url("/HibisEb/javax.faces.resource/images/handle-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important; 
                            background-repeat: no-repeat !important; background-size: 100% !important;}
.ui-overlaypanel .ui-overlaypanel-close .ui-icon-closethick{background-position: center !important; 
                                                            background-repeat: no-repeat !important; background-size: 90% !important; width: 20px !important; height: 20px !important;}
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left .ui-icon{background-position: center !important; 
                                                                         background-repeat: no-repeat !important; background-size: 130% !important; width: 40px !important; height: 40px !important; opacity: 0.6 !important; filter: alpha(opacity=60) !important;}
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right .ui-icon{background-position: center !important; 
                                                                          background-repeat: no-repeat !important; background-size: 130% !important; width: 40px !important; height: 40px !important; opacity: 0.6 !important; filter: alpha(opacity=60) !important;}
.ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon{background-position: center !important; 
                                                              background-repeat: no-repeat !important; background-size: 100% !important;}
.ui-fieldset:hover{border:solid 1px #2c8f82 !important;}
.ui-fieldset-legend{border:solid 1px #2c8f82 !important; color:#ffffff !important; font-size: 14px !important; line-height: 14px !important;
                    -webkit-transition: all 0.2s ease !important; -moz-transition: all 0.2s ease !important; -ms-transition: all 0.2s ease !important; -o-transition: all 0.2s ease !important; transition: all 0.2s ease !important;
                    background: #1578c9 !important;
                    background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                    background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
                    background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                    background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                    background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                    background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}
.ui-fieldset .ui-fieldset-legend.ui-state-hover{ background: #0b66b1 !important;
                                                 background: -moz-linear-gradient(top, #0b66b1 0%, #1578c9 100%) !important;
                                                 background: -webkit-gradient(left top, left bottom, color-stop(0%, #0b66b1), color-stop(100%, #1578c9)) !important;
                                                 background: -webkit-linear-gradient(top, #0b66b1 0%, #1578c9 100%) !important;
                                                 background: -o-linear-gradient(top, #0b66b1 0%, #1578c9 100%) !important;
                                                 background: -ms-linear-gradient(top, #0b66b1 0%, #1578c9 100%) !important;
                                                 background: linear-gradient(to bottom, #0b66b1 0%, #1578c9 100%) !important;
                                                 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b66b1', endColorstr='#1578c9', GradientType=0 ) !important;}
.ui-fieldset-legend .ui-icon-plusthick{background-position: center !important; 
                                       background-repeat: no-repeat !important; background-size: 90% !important; margin-right: 5px !important;}
.ui-fieldset-legend .ui-icon-minusthick{background-image:url("/HibisEb/javax.faces.resource/images/minus-sign.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important; 
                                        background-repeat: no-repeat !important; background-size: 90% !important; margin-right: 5px !important;}
.ui-button-text{padding: 6px 20px 6px 40px !important; 
                font-size: 14px !important; 
                border:solid 1px #2c8f82;
                color:#ffffff !important; 
                -moz-border-radius:5px !important;
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important; 
                font-family: 'Montserrat', 'Arial' !important;
}
.ui-button.ui-state-active .ui-button-text, .ui-buttonset .ui-state-active .ui-button-text{background: #0b66b1 !important;
                                                                                           background: -moz-linear-gradient(top, #0b66b1 0%, #1578c9 100%) !important;
                                                                                           background: -webkit-gradient(left top, left bottom, color-stop(0%, #0b66b1), color-stop(100%, #1578c9)) !important;
                                                                                           background: -webkit-linear-gradient(top, #0b66b1 0%, #1578c9 100%) !important;
                                                                                           background: -o-linear-gradient(top, #0b66b1 0%, #1578c9 100%) !important;
                                                                                           background: -ms-linear-gradient(top, #0b66b1 0%, #1578c9 100%) !important;
                                                                                           background: linear-gradient(to bottom, #0b66b1 0%, #1578c9 100%) !important;
                                                                                           filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b66b1', endColorstr='#1578c9', GradientType=0 ) !important;
                                                                                           background-repeat:no-repeat !important; color:#7FC3FA !important}
.ui-button.ui-state-hover .ui-button-text, .ui-buttonset .ui-state-hover .ui-button-text{color:#7FC3FA !important;}
.ui-splitbutton .ui-splitbutton-menubutton .ui-icon{background-image:url("/HibisEb/javax.faces.resource/images/menu-dots.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-size: 100% !important; background-position: center !important;}
.ui-menu:hover, .ui-menu:focus{border:solid 1px #2c8f82 !important;}
.ui-menu .ui-menu-list .ui-widget-header:hover{color:#2c8f82 !important;}
.ui-menu .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s{background-position: center !important; 
                                                               background-repeat: no-repeat !important; background-size: 100% !important;}
.ui-menu .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e{background-position: center !important; 
                                                               background-repeat: no-repeat !important; background-size: 100% !important;}
.ui-menu .ui-menu-list .ui-menuitem .ui-state-hover, .ui-menu .ui-menu-list .ui-state-hover{background-color:#f1f4f7 !important; color:#2c8f82 !important;}
.ui-menu .ui-state-hover .ui-menuitem-link{color:#2c8f82 !important;}
.ui-menu .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e{background-position: center !important; 
                                                              background-repeat: no-repeat !important; background-size: 100% !important;}
.ui-menu .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s{background-position: center !important; 
                                                              background-repeat: no-repeat !important; background-size: 100% !important;}
.ui-menu .ui-slidemenu-wrapper .ui-slidemenu-backward:hover{color:#2c8f82 !important;}
.ui-menu .ui-slidemenu-wrapper .ui-slidemenu-backward .ui-icon-triangle-1-w{margin: 2px 5px 0 0 !important;
                                                                            background-position: center !important; background-repeat: no-repeat !important; background-size: 85% !important;}
.ui-tabmenu .ui-tabmenu-nav .ui-state-hover, .ui-tabmenu .ui-tabmenu-nav .ui-state-active{border:solid 1px #2c8f82 !important;
                                                                                          background: #1578c9 !important;
                                                                                          background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                                                                          background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
                                                                                          background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                                                                          background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                                                                          background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                                                                          background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
                                                                                          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}
.ui-messages-info,
.ui-message-info{color: #2c8f82 !important;background-color: #FBFCFD !important; border-color: #2c8f82 !important; font-size: 14px !important; font-weight: normal !important; padding:6px !important;}
.ui-messages-info .ui-icon-close,
.ui-messages-warn .ui-icon-close,
.ui-messages-error .ui-icon-close,
.ui-messages-fatal .ui-icon-close{background-image:url("/HibisEb/javax.faces.resource/images/delete-red.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-size: 110% !important; background-position: center !important;}
.ui-messages-fatal,
ui-message-fatal{color: #258F83 !important; background-color: #FBFCFD !important; border-color: #F5B1B1 !important; font-size: 14px !important; font-weight: normal !important; padding:6px !important;}
.ui-message-icon-only .ui-messages-warn-icon, .ui-message-icon-only .ui-messages-error-icon,.ui-message-icon-only .ui-message-error-icon{
    width: 30px !important; 
    height: 30px !important; 
}
.ui-message-error-icon{
    background-position: top !important; 
    background-size: 120% !important;
}

.ui-messages-error-icon{
    background-position: top !important; 
    background-size: 90% !important;
}
.ui-messages-info-icon{
    background-position: top !important; 
    background-size: 90% !important;
}
.ui-messages-warn-icon{background-position: top !important; background-size: 90% !important;}
.ui-messages-fatal-icon{background-position: top !important; background-size: 90% !important;}
.ui-panel .ui-panel-titlebar{
    padding: 10px !important;
    font-size: 14px !important;
    border: none !important;
    border-bottom: 1px solid #e5e5e5 !important;
    color: #2c8f82 !important;
    text-shadow: none !important;
    z-index:100 !important;
    -webkit-border-radius:0 !important;
    -moz-border-radius:0 !important;
    border-radius:0 !important;
    background: #FFF !important;
    background-image: -webkit-linear-gradient(90deg, #f3f3f3, #fff) !important;
    background-image: linear-gradient(0deg, #f3f3f3, #fff) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important; font-family: 'Montserrat', 'Arial' !important;
}
.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
    color: #5EA39A !important;
}
.ui-panel .ui-panel-titlebar a.ui-commandlink.ui-state-active {
    color: #5EA39A !important;
}
.ui-panel .ui-panel-titlebar .ui-icon-closethick{background-position: center !important;
                                                 background-size: 110% !important;}
.ui-panel .ui-panel-titlebar .ui-icon-minusthick{background-position: center !important;
                                                 background-size: 110% !important;}
.ui-panel .ui-panel-titlebar .ui-icon-plusthick{background-position: center !important;
                                                background-size: 110% !important;}
.ui-panel .ui-panel-titlebar .ui-icon-plusthick,
.ui-panel .ui-panel-titlebar .ui-icon-minusthick{
    background-image:url("/HibisEb/javax.faces.resource/images/filter.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}

.ui-panel .ui-panel-titlebar .ui-icon-gear{background-image:url("/HibisEb/javax.faces.resource/images/gear.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
                                           background-size: 110% !important;}
.ui-panel .ui-panel-titlebar .ui-filter-orange{background-image:url("/HibisEb/javax.faces.resource/images/filter-orange.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
                                               background-size: 110% !important;}
.ui-panel .ui-panel-titlebar .ui-filter-green{ background-position: center !important;
                                               background-size: 110% !important;}
.ui-panel .ui-panel-titlebar .ui-send-orange{background-image:url("/HibisEb/javax.faces.resource/images/send-orange.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
                                             background-size: 110% !important;}
.ui-panel .ui-panel-titlebar .ui-send-green{background-image:url("/HibisEb/javax.faces.resource/images/send-green.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
                                            background-size: 110% !important;}
.ui-panel .ui-panel-titlebar .ui-print-orange{background-image:url("/HibisEb/javax.faces.resource/images/print-orange.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
                                              background-size: 110% !important;}
.ui-panel .ui-panel-titlebar .ui-print-green{background-image:url("/HibisEb/javax.faces.resource/images/print-green.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
                                             background-size: 110% !important;}
.ui-selectonemenu .ui-selectonemenu-trigger, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger{padding: 0 5px !important; font-size: 16px !important; font-size:16px !important; border:solid 1px #2c8f82 !important; color:#ffffff !important;
                                                                                                   -webkit-box-shadow:inset 0 0 0 1px #26A3DB !important; -moz-box-shadow:inset 0 0 0 1px #26A3DB !important; box-shadow:inset 0 0 0 1px #26A3DB !important;
                                                                                                   text-shadow: 0 -1px 0 #0A385E !important; z-index:100 !important; border-bottom-right-radius: 5px !important; border-top-right-radius: 5px !important; margin:-1px -1px -1px 0 !important;
                                                                                                   background: #1578c9 !important;
                                                                                                   background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                                                                                   background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
                                                                                                   background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                                                                                   background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                                                                                   background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                                                                                   background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
                                                                                                   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important; font-family: 'Montserrat', 'Arial' !important;}
.ui-selectonemenu-panel{overflow:hidden !important; border: solid 1px #2c8f82 !important; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3) !important; 
                        -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3) !important; box-shadow: 0 0 3px 0 rgba(0,0,0,0.3) !important;}
.ui-selectonemenu-panel .ui-selectonemenu-list-item, .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item{border-bottom:solid 1px #cfcfcf !important; 
                                                                                                                   -webkit-border-radius:0 !important; 
                                                                                                                   -moz-border-radius:0 !important; 
                                                                                                                   border-radius:0 !important; 
                                                                                                                   margin:0 !important; 
                                                                                                                   color: #2c8f82 !important; 
                                                                                                                   padding: 8px !important; 
                                                                                                                   -webkit-transition: all 0.2s ease !important; 
                                                                                                                   -moz-transition: all 0.2s ease !important; 
                                                                                                                   -ms-transition: all 0.2s ease !important; 
                                                                                                                   -o-transition: all 0.2s ease !important; 
                                                                                                                   transition: all 0.2s ease !important;}
.ui-selectonemenu-panel .ui-state-highlight, .ui-selectcheckboxmenu-panel .ui-state-highlight{color:#2c8f82 !important;}
.ui-selectonemenu-panel .ui-state-hover, .ui-selectcheckboxmenu-panel .ui-state-hover{ color: #2c8f82 !important; -webkit-transition: all 0.2s ease !important;
                                                                                       -moz-transition: all 0.2s ease !important; -ms-transition: all 0.2s ease !important; -o-transition: all 0.2s ease !important; transition: all 0.2s ease !important;}
.ui-selectonemenu-trigger .ui-icon-triangle-1-s, .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s{margin-top:5px !important;
                                                                                                      background-size: 100% !important; background-position: center !important;}

.ui-selectonemenu-panel{ background-color: #FFF !important; color: #2c8f82 !important; }
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon-search{width: 30px !important; height: 30px !important; background-size: 100% !important; background-position: center !important; background-repeat: no-repeat !important;
                                                                           left: 5px !important; top:8px !important;}
.ui-selectonemenu-panel .ui-selectonemenu-table td{border: none !important; 
                                                   border-top: solid 1px #cfcfcf !important; 
                                                   -webkit-border-radius: 0 !important; 
                                                   -moz-border-radius: 0 !important; 
                                                   border-radius: 0 !important; 
                                                   font-size: 14px !important; 
                                                   margin: 0 !important; 
                                                   color: #2c8f82 !important; 
                                                   padding: 6px !important; 
                                                   -webkit-transition: all 0.2s ease !important; -moz-transition: all 0.2s ease !important; -ms-transition: all 0.2s ease !important; -o-transition: all 0.2s ease !important;
                                                   transition: all 0.2s ease !important;}
.ui-selectonemenu-panel tr.ui-state-highlight td{color:#2c8f82 !important;}
.ui-selectonemenu-panel .ui-selectonemenu-table tr.ui-state-hover td{color:#2c8f82 !important;}
.ui-selectcheckboxmenu-panel{ background-color:#FBFCFD !important; overflow:hidden !important; border: solid 1px #2c8f82 !important; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3) !important; 
                              -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3) !important; box-shadow: 0 0 3px 0 rgba(0,0,0,0.3) !important;}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-filter-container .ui-icon-search{width:30px !important; height:30px !important; background-size: 100% !important; background-position: center !important; background-repeat: no-repeat !important;
                                                                                     left:0 !important;}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-checked{ background-color: #DDE4EA !important; color:#2c8f82 !important;}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-close .ui-icon-circle-close{background-size:90% !important; background-position: center !important;}
.ui-growl-image-error{background-position:center !important; 
                      background-size: 140% !important; margin-top:5px !important;}
.ui-growl-image-warn{background-position:center !important; 
                     background-size: 140% !important; margin-top:5px !important;}

.ui-growl-image-warn,
.ui-messages-warn-icon{
    background-image:url("/HibisEb/javax.faces.resource/images/warn-hardal.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; 
}

.ui-growl-image-info{background-image:url("/HibisEb/javax.faces.resource/images/warn-blue.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position:center !important; 
                     background-size: 140% !important; margin-top:5px !important;}
.ui-growl-image-fatal{background-position:center !important; 
                      background-size: 140% !important; margin-top:5px !important;}

.ui-growl-image-fatal,
.ui-dialog .ui-dialog-content .ui-icon-alert,
.ui-messages-fatal-icon,
.ui-growl-image-error{
    background-image:url("/HibisEb/javax.faces.resource/images/warn-red.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; 
}

.ui-growl-icon-close{width:10px !important; height:10px !important;
                     background-position:center !important; background-size:130% !important;}

.ui-growl-image-info + .ui-growl-message { color: #63BCE2 !important; }
.ui-growl-image-fatal + .ui-growl-message { color: #258F83 !important; }
.ui-log:hover, .ui-log:focus{border:solid 1px #2c8f82 !important;}
.ui-log-header{padding:10px !important; font-size: 16px !important; font-size:16px !important; border:solid 1px #2c8f82 !important; color:#ffffff !important; text-shadow: 0 -1px 0 #0A385E !important; position:relative !important; z-index:100 !important;
               -webkit-border-radius:3px !important; 
               -moz-border-radius:3px !important;
               border-radius:3px !important; 
               background: #1578c9 !important;
               background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
               background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
               background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
               background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
               background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
               background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important; font-family: 'Montserrat', 'Arial' !important;}
.ui-log-header .ui-log-clear .ui-icon{background-image:url("/HibisEb/javax.faces.resource/images/clear.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position:center !important; background-size:140% !important;}

.ui-log-header .ui-log-all .ui-icon{background-image:url("/HibisEb/javax.faces.resource/images/all-doc.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position:center !important; background-size:140% !important;}

.ui-log-header .ui-log-info .ui-icon{background-image:url("/HibisEb/javax.faces.resource/images/info.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position:center !important; background-size:140% !important;}
.ui-log-item-info .ui-icon{background-image:url("/HibisEb/javax.faces.resource/images/info-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position:center !important; background-size:140% !important;
                           width:20px !important; height: 20px !important;}

.ui-log-header .ui-log-warn .ui-icon{background-image:url("/HibisEb/javax.faces.resource/images/warn.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position:center !important; background-size:140% !important;}
.ui-log-item-warn .ui-icon{background-image:url("/HibisEb/javax.faces.resource/images/warn-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position:center !important; background-size:140% !important;
                           width:20px !important; height: 20px !important;}

.ui-log-header .ui-log-debug .ui-icon{background-image:url("/HibisEb/javax.faces.resource/images/debug.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position:center !important; background-size:140% !important;}
.ui-log-item-debug .ui-icon{background-image:url("/HibisEb/javax.faces.resource/images/debug-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position:center !important; background-size:140% !important; 
                            width:20px !important; height: 20px !important;}

.ui-log-header .ui-log-error .ui-icon{background-image:url("/HibisEb/javax.faces.resource/images/error.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position:center !important; background-size:140% !important;}
.ui-log-item-error .ui-icon{background-image:url("/HibisEb/javax.faces.resource/images/error-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position:center !important; background-size:140% !important;
                            width:20px !important; height: 20px !important;}
.ui-chkbox .ui-state-hover{border:solid 1px #00AEEF !important;}
.ui-chkbox .ui-state-focus{border:solid 1px #00AEEF !important; outline:dotted 1px #ccc !important; outline-offset:2px !important;}
.ui-chkbox-box .ui-icon-check{
    color: #2c8f82 !important;
    border-radius: 0 !important;
    background-image:none !important;
    text-indent: 0 !important;
    position: relative !important;
}
.ui-chkbox-box .ui-icon-check:before {
    content: "\f00c" !important;
    color: #2c8f82 !important;
    border-radius: 0 !important;
    background-image:none !important;
    font-family: 'FontAwesome' !important;
    font-size: 18px !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 25px !important;
    height: 25px !important;
    text-align: center !important;
}
.ui-radiobutton .ui-state-active .ui-icon-bullet, .ui-radiobutton .ui-state-focus .ui-icon-bullet {
    background-image: url("/HibisEb/javax.faces.resource/images/radio-on.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
    background-size: 100% !important;
    background-position: center !important;
    margin: 0 !important;
}
#keypad-div{ background-color:#F1F4F7 !important; padding:5px !important; border: solid 1px #2c8f82 !important;}
#keypad-div .keypad-row button.ui-state-hover{background-color: #FBFCFD !important; color: #2c8f82 !important;}
#keypad-div .keypad-row button.keypad-close{background-color: #258F83 !important; color: #FFF !important; border:solid 1px #258F83 !important;}
#keypad-div .keypad-row button.keypad-back{background-color: #82ACCF !important; color: #FFF !important; border: solid 1px #82ACCF !important;}
.ui-password-panel{font-size: 14px !important; color: #72828B !important; border: solid 1px #2c8f82 !important; padding: 10px !important; background-color:#FBFCFD !important;}
.ui-password-panel .ui-password-meter{background-image:url("/HibisEb/javax.faces.resource/images/password-meter.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-size: 100% !important;}
.ui-inputswitch:hover, .ui-inputswitch:focus{border:solid 1px #2c8f82 !important;}
.ui-inputswitch-handle{height:22px !important; 
                       -webkit-border-radius:4px !important; 
                       -moz-border-radius:4px !important; 
                       border-radius:4px !important; 
                       margin-top: 1px !important; 
                       margin-left: 1px !important;
                       border:solid 1px #2c8f82 !important; -webkit-box-shadow:inset 0 0 0 1px #26A3DB !important; -moz-box-shadow:inset 0 0 0 1px #26A3DB !important; box-shadow:inset 0 0 0 1px #26A3DB !important;
                       background: #1578c9 !important;
                       background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                       background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
                       background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                       background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                       background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                       background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
                       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}
.ui-selectonelistbox:hover{border:solid 1px #2c8f82 !important;}
.ui-selectonelistbox .ui-state-hover{color:#2c8f82 !important; background-color:#F1F3F5 !important;}
.ui-selectonelistbox .ui-state-highlight{background-color:#DDE4EA !important; color:#2c8f82 !important;}

.ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon-search{width: 30px !important; height: 30px !important; background-size: 100% !important; background-position: center !important; background-repeat: no-repeat !important;
                                                                        left: 0 !important; top: 2px !important;}
.ui-selectmanymenu:hover{border:solid 1px #2c8f82 !important;}
.ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon-search{width:30px !important; height:30px !important; background-size: 100% !important; background-position: center !important; background-repeat: no-repeat !important;
                                                                      left:0 !important; top:2px !important;}

.ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon-search,
.ui-picklist .ui-picklist-filter-container .ui-icon,
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon-search,
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-filter-container .ui-icon-search,
.ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon-search{
    background-image:url("/HibisEb/javax.faces.resource/images/search-icon.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}

.ui-selectmanymenu .ui-state-hover{color:#2c8f82 !important;}
.ui-selectmanymenu .ui-state-highlight{background-color:#dde4ea !important; color:#2c8f82 !important;}
.ui-slider-range{background-color: #2c8f82 !important;}
.ui-slider-handle{width:21px !important; height: 21px !important; cursor:move !important; border-collapse:separate !important;
                  border:solid 1px #2c8f82 !important; -webkit-box-shadow:inset 0 0 0 1px #26A3DB !important; -moz-box-shadow:inset 0 0 0 1px #26A3DB !important; box-shadow:inset 0 0 0 1px #26A3DB !important;
                  background: #1578c9 !important;
                  background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                  background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
                  background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                  background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                  background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                  background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}
.ui-rating-cancel a{background-image:url("/HibisEb/javax.faces.resource/images/dislike.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important; background-size:100% !important;
                    margin-right: 3px !important; width:16px !important; height: 16px !important; color: #72828B !important;}
.ui-rating-cancel-hover a{background-image:url("/HibisEb/javax.faces.resource/images/dislike-on.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important; background-size:100% !important;}
.ui-rating-star a{background-image:url("/HibisEb/javax.faces.resource/images/star.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important; background-size:100% !important; margin:0 1px !important;}
.ui-rating-star-on a{background-image:url("/HibisEb/javax.faces.resource/images/star-on.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important; background-size:100% !important;}
.ui-spinner .ui-spinner-up .ui-button-text .ui-icon{background-position: center  !important;
                                                    background-size:80% !important; margin-left:10px !important; margin-top:-10px !important;}

.ui-spinner .ui-spinner-up .ui-button-text .ui-icon,
.ui-datatable .ui-datatable-sticky table thead tr .ui-state-active .ui-icon-triangle-1-n,
.ui-datatable .ui-datatable-tablewrapper table thead tr .ui-state-active .ui-icon-triangle-1-n,
.ui-datatable .ui-datatable-sticky table thead tr .ui-state-active .ui-icon-triangle-1-n{
    background-image:url("/HibisEb/javax.faces.resource/images/uparrow-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; 
}

.ui-spinner .ui-spinner-down .ui-button-text .ui-icon{background-position: center !important;
                                                      background-size:80%  !important; margin-left:10px !important; margin-top:-14px !important;}
.ui-datepicker{
    width: 230px !important;
    border: solid 1px #e5e5e5 !important;
    padding: 0 !important;
    background-color: #FFF !important;
    box-shadow: 0 0 3px 0 #000024 !important;
}
.ui-datepicker-header{
    font-size:14px !important;
    border: none !important;
    border-radius: 0 !important;
    background: none !important;
    color: #5EA39A !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
}
.ui-datepicker-header .ui-datepicker-prev-hover{background-color: #2c8f82 !important; left:3px !important; top:3px !important;}
.ui-datepicker-header .ui-datepicker-next-hover{background-color: #2c8f82 !important; right:3px !important; top:3px !important;}
.ui-datepicker-header .ui-datepicker-prev .ui-icon{background-image:url("/HibisEb/javax.faces.resource/images/icon-calendar-prev.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
                                                   background-size:100% !important; top:34% !important; left:36% !important;}
.ui-datepicker-header .ui-datepicker-next .ui-icon{
    background-image:url("/HibisEb/javax.faces.resource/images/icon-calendar-next.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
    background-size:100% !important; top:34% !important; left:36% !important;}
.ui-datepicker-calendar tbody tr td:hover{background-color: #2c8f82 !important;}
.ui-datepicker-calendar tbody tr .ui-datepicker-today a{color: black;}
.ui-datepicker-calendar tbody tr .ui-datepicker-current-day{background-color: #2c8f82 !important; color:#FFF !important; border: none !important;}
.ui-datepicker-trigger .ui-icon{background-image:url("/HibisEb/javax.faces.resource/images/calendar.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
                                background-size:140% !important;}
.ui-timepicker-div .ui-widget-header{font-size:14px !important; 
                                     border:solid 1px #2c8f82 !important; 
                                     padding: 3px !important; 
                                     -webkit-border-radius: 3px !important; 
                                     -moz-border-radius: 3px !important;
                                     border-radius: 3px !important; 
                                     background: #1578c9 !important;
                                     background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                     background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
                                     background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                     background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                     background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                     background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
                                     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}
.ui-tooltip{background-color:#FBFCFD !important; border: solid 1px #2c8f82 !important; color:#2c8f82 !important; border-top-left-radius: 0 !important; opacity:0.8 !important; z-index:99999999 !important;}
.ui-commandlink{color: #2c8f82 !important; text-decoration: none; margin-right: 5px !important;}
.ui-link{color: #2c8f82 !important; text-decoration: none !important; margin-right: 5px !important; font-size: 14px !important;}
.ui-editor:hover, .ui-editor:focus{border:solid 1px #2c8f82 !important;}
.ui-galleria-nav-prev{left:2px !important; 
                      background-position: center !important;
                      background-size:100% !important;
}

.ui-galleria-nav-prev,
.ui-menu .ui-slidemenu-wrapper .ui-slidemenu-backward .ui-icon-triangle-1-w{
    background-image:url("/HibisEb/javax.faces.resource/images/leftarrow-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}

.ui-galleria-nav-next{right:2px !important; background-position: center !important;
                      background-size:120% !important;}

.ui-galleria-nav-next,
.ui-tree .ui-icon-triangle-1-e,
.ui-treetable .ui-icon-triangle-1-e,
.ui-menu .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e,
.ui-menu .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e{
    background-image:url("/HibisEb/javax.faces.resource/images/rightarrow-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}

.ui-progressbar:hover{border:solid 1px #2c8f82 !important;}
.ui-progressbar-value{background-color: #dae8ef !important; margin: 0 !important; background-image:url("/HibisEb/javax.faces.resource/images/progressbar-back.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
                      background-position: center left !important; background-size:51px !important; background-repeat:repeat-x !important;}
.ui-clock{border:solid 1px #2c8f82 !important; 
          padding: 3px !important; 
          -webkit-border-radius: 3px !important; 
          -moz-border-radius: 3px !important;
          border-radius: 3px !important; 
          background: #1578c9 !important;
          background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
          background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
          background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
          background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
          background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
          background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}
.ui-autocomplete .ui-autocomplete-dropdown .ui-icon-triangle-1-s{background-position: center !important;
                                                                 background-size:100% !important;}
.ui-autocomplete-panel{border: solid 1px #2c8f82 !important; background-color: #FBFCFD !important; background-color: #F1F4F7 !important;}
.ui-autocomplete-panel .ui-autocomplete-items .ui-state-highlight{background-color:#ffffff !important; color:#2c8f82 !important;}
.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-icon-close{background-position: center !important; background-size:100% !important;}

.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-icon-close,
.ui-datatable .ui-datatable-tablewrapper table tbody tr td .ui-row-editor .ui-icon-close,
.fc-popover .fc-header .fc-close,
.ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon,
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-close .ui-icon-circle-close{
    background-image:url("/HibisEb/javax.faces.resource/images/delete-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}

.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-state-hover{color:#2c8f82 !important; background-color: #F1F4F7 !important;}
.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-state-highlight{color:#2c8f82 !important; background-color:#DDE4EA !important;}
.ui-menubutton .ui-icon-triangle-1-s{background-position: center !important; background-size:120% !important;}
.ui-fileupload-choose .ui-icon-plusthick,
.ui-fileupload-simple .ui-icon-plusthick{background-position: center !important; background-size:100% !important;}

.ui-fileupload-simple .ui-icon-plusthick,
.ui-fieldset-legend .ui-icon-plusthick{
    background-image:url("/HibisEb/javax.faces.resource/images/plus-sign.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}

.ui-fileupload-upload .ui-icon-arrowreturnthick-1-n{background-image:url("/HibisEb/javax.faces.resource/images/upload.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
                                                    background-position: center !important; background-size:100% !important;}
.ui-fileupload-cancel .ui-icon-cancel{background-position: center !important; background-size:100% !important;}
.ui-fileupload-content .ui-fileupload-cancel .ui-icon-close{background-position: center !important; background-size:100% !important;}
.ui-fileupload-content .ui-messages-error .ui-icon-close{background-position: center !important; background-size:100% !important;}

.ui-fileupload-content .ui-messages-error .ui-icon-close,
.ui-growl-icon-close{
    background-image:url("/HibisEb/javax.faces.resource/images/delete-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}
.ui-steps .ui-steps-item .ui-steps-number{border: solid 1px #2c8f82 !important; display: inline-block !important; margin-top: -30px !important; height: auto !important; padding: 1px 7px !important; font-size: 20px !important;
                                          color: #fff !important; 
                                          -webkit-border-radius: 5px !important; 
                                          -moz-border-radius: 5px !important;
                                          border-radius: 5px !important;
                                          background: #1578c9 !important;
                                          background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                          background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
                                          background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                          background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                          background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                          background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
                                          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}
.ui-tagcloud li a.ui-state-hover{color:#fff !important;
                                 background: #1578c9 !important;
                                 background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                 background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
                                 background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                 background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                 background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                 background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
                                 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}
.ui-inplace .ui-inplace-editor .ui-button .ui-icon-check{background-image:url("/HibisEb/javax.faces.resource/images/check-white.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
                                                         background-position: center !important; background-size:110% !important;}
.ui-inplace .ui-inplace-editor .ui-button .ui-icon-close{background-position: center !important; background-size:110% !important;}
.ui-datascroller .ui-datascroller-header{
    background: #1578c9 !important;
    background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
    background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
    background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
    background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
    background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}
.ui-layout-unit .ui-layout-unit-header{color: #fff !important; padding: 6px 6px 8px 10px !important; border: solid 1px #2c8f82 !important; font-size: 14px !important;
                                       background: #1578c9 !important;
                                       background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                       background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
                                       background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                       background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                       background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                       background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
                                       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}

.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-close{background-position: center !important; background-size:110% !important; margin-top: 4px !important;}

.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-close,
.ui-tabs-top .ui-tabs-nav li .ui-icon-close,
.ui-tabs-bottom .ui-tabs-nav li .ui-icon-close,
.ui-overlaypanel .ui-overlaypanel-close .ui-icon-closethick,
.ui-panel .ui-panel-titlebar .ui-icon-closethick,
.ui-fileupload-cancel .ui-icon-cancel,
.ui-fileupload-content .ui-fileupload-cancel .ui-icon-close,
.ui-inplace .ui-inplace-editor .ui-button .ui-icon-close{
    background-image:url("/HibisEb/javax.faces.resource/images/delete.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}

.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-triangle-1-n{background-position: center !important; background-size:120% !important; margin-top: 4px !important;}
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-triangle-1-w{background-position: center !important; background-size:100% !important; margin-top: 4px !important;}
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-triangle-1-e{background-position: center !important; background-size:100% !important; margin-top: 4px !important;}
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-triangle-1-s{background-position: center !important; background-size:120% !important; margin-top: 4px !important;}
.ui-layout-resizer .ui-layout-toggler .ui-icon-arrow-4-diag{background-image:url("/HibisEb/javax.faces.resource/images/expand-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
                                                            background-position: center !important; background-size:110% !important;}
.ui-wizard .ui-wizard-step-titles li{padding: 6px 20px !important; font-size: 14px !important; border: solid 1px #2c8f82 !important; color: #ffffff !important; text-shadow: 0 -1px 0 #0A385E !important;
                                     -webkit-border-radius: 5px !important;
                                     -moz-border-radius: 5px !important;
                                     border-radius: 5px !important;
                                     background: #1578c9 !important;
                                     background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                     background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
                                     background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                     background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                     background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                     background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
                                     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}
.ui-wizard .ui-wizard-step-titles li.ui-state-highlight{
    background: #0b66b1 !important;
    background: -moz-linear-gradient(top, #0b66b1 0%, #1578c9 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #0b66b1), color-stop(100%, #1578c9)) !important;
    background: -webkit-linear-gradient(top, #0b66b1 0%, #1578c9 100%) !important;
    background: -o-linear-gradient(top, #0b66b1 0%, #1578c9 100%) !important;
    background: -ms-linear-gradient(top, #0b66b1 0%, #1578c9 100%) !important;
    background: linear-gradient(to bottom, #0b66b1 0%, #1578c9 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b66b1', endColorstr='#1578c9', GradientType=0 ) !important;
    -webkit-box-shadow: inset 0 0 10px 0 rgba(255,255,255,0.8) !important;
    -moz-box-shadow: inset 0 0 10px 0 rgba(255,255,255,0.8) !important;
    box-shadow: inset 0 0 10px 0 rgba(255,255,255,0.8) !important;}
.ui-wizard .ui-wizard-nav-back .ui-icon-arrowthick-1-w{background-position: center !important; background-size:110% !important;}

.ui-wizard .ui-wizard-nav-back .ui-icon-arrowthick-1-w,
.ui-picklist .ui-picklist-buttons .ui-picklist-button-remove .ui-icon,
.ui-carousel .ui-carousel-header .ui-carousel-prev-button,
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn-left .ui-icon,
.ui-tabs-bottom .ui-tabs-navscroller .ui-tabs-navscroller-btn-left .ui-icon,
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left .ui-icon,
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-triangle-1-w{
    background-image:url("/HibisEb/javax.faces.resource/images/left-arrow.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}

.ui-wizard .ui-wizard-nav-next .ui-icon-arrowthick-1-e{background-position: center !important; background-size:110% !important;}

.ui-wizard .ui-wizard-nav-next .ui-icon-arrowthick-1-e,
.ui-picklist .ui-picklist-buttons .ui-picklist-button-add .ui-icon,
.ui-carousel .ui-carousel-header .ui-carousel-next-button,
.ui-accordion-header .ui-icon-triangle-1-e,
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn-right .ui-icon,
.ui-tabs-bottom .ui-tabs-navscroller .ui-tabs-navscroller-btn-right .ui-icon,
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right .ui-icon,
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-triangle-1-e{
    background-image:url("/HibisEb/javax.faces.resource/images/right-arrow.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}
.ui-selectonemenu.ui-state-hover,
.ui-selectcheckboxmenu:hover{border-color:#2c8f82 !important;}
.GreenButton .ui-button-text{box-shadow: inset 0 0 0 1px #CFE9E7 !important; border: solid 1px #2c8f82 !important; text-shadow: 0 -1px 0 #18840B !important;
                             background: #CFE9E7 !important;
                             background: -moz-linear-gradient(top, #CFE9E7 0%, #CFE9E7 100%) !important;
                             background: -webkit-gradient(left top, left bottom, color-stop(0%, #CFE9E7), color-stop(100%, #CFE9E7)) !important;
                             background: -webkit-linear-gradient(top, #CFE9E7 0%, #CFE9E7 100%) !important;
                             background: -o-linear-gradient(top, #CFE9E7 0%, #CFE9E7 100%) !important;
                             background: -ms-linear-gradient(top, #CFE9E7 0%, #CFE9E7 100%) !important;
                             background: linear-gradient(to bottom, #CFE9E7 0%, #CFE9E7 100%) !important;
                             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFE9E7', endColorstr='#CFE9E7', GradientType=0 ) !important;}
.GreenButton:hover .ui-button-text, .GreenButton:focus .ui-button-text{color:#ffffff !important;
                                                                       background: #CFE9E7 !important;
                                                                       background: -moz-linear-gradient(top, #CFE9E7 0%, #CFE9E7 100%) !important;
                                                                       background: -webkit-gradient(left top, left bottom, color-stop(0%, #CFE9E7), color-stop(100%, #CFE9E7)) !important;
                                                                       background: -webkit-linear-gradient(top, #CFE9E7 0%, #CFE9E7 100%) !important;
                                                                       background: -o-linear-gradient(top, #CFE9E7 0%, #CFE9E7 100%) !important;
                                                                       background: -ms-linear-gradient(top, #CFE9E7 0%, #CFE9E7 100%) !important;
                                                                       background: linear-gradient(to bottom, #CFE9E7 0%, #CFE9E7 100%) !important;
                                                                       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFE9E7', endColorstr='#CFE9E7', GradientType=0 ) !important;}
.hardblue{color:#2c8f82 !important;}
.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button{border: solid 1px #CFE9E7 !important;
                                                                background: #2c8f82 !important;
                                                                border-radius:5px !important; -webkit-border-radius:5px !important; -moz-border-radius:5px !important;
                                                                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c8f82', endColorstr='#CFE9E7', GradientType=0 ) !important;}
.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button.ui-state-hover{background-color:#CFE9E7 !important;}
.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button.ui-state-active{background-color:#CFE9E7 !important;}
@media (max-width:640px){
    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons button{max-width:50px !important; margin-right:0.1em !important;}
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-icon-arrow-1-w,
.ui-datatable .ui-datatable-scrollable-header table thead tr .ui-state-active .ui-icon-triangle-1-n,
.ui-picklist .ui-picklist-target-controls .ui-picklist-button-move-up .ui-icon,
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-move-up .ui-icon,
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-remove .ui-icon,
.ui-orderlist .ui-orderlist-controls .ui-orderlist-button-move-up .ui-icon,
.ui-treetable table thead tr th .ui-icon-triangle-1-n,
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-triangle-1-n{
    background-image:url("/HibisEb/javax.faces.resource/images/uparrow.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; 
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-icon-arrowstop-1-e,
.ui-picklist .ui-picklist-target-controls .ui-picklist-button-move-bottom .ui-icon,
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-move-bottom .ui-icon,
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-add-all .ui-icon,
.ui-orderlist .ui-orderlist-controls .ui-orderlist-button-move-bottom .ui-icon{
    background-image:url("/HibisEb/javax.faces.resource/images/bottomarrow.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; 
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-icon-arrowstop-1-w,
.ui-picklist .ui-picklist-target-controls .ui-picklist-button-move-top .ui-icon,
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-move-top .ui-icon,
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-remove-all .ui-icon,
.ui-orderlist .ui-orderlist-controls .ui-orderlist-button-move-top .ui-icon{
    background-image:url("/HibisEb/javax.faces.resource/images/toparrow.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}

.ui-fluid .ui-orderlist .ui-orderlist-controls button,
.ui-orderlist.ui-grid-responsive .ui-orderlist-controls button{border: solid 1px #2c8f82 !important;
                                                               background: #1578c9 !important;
                                                               background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                                               background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1)) !important;
                                                               background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                                               background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                                               background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%) !important;
                                                               background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%) !important;
                                                               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ) !important;}
.ui-fluid .ui-orderlist .ui-orderlist-controls button.ui-state-hover,
.ui-orderlist.ui-grid-responsive .ui-orderlist-controls button.ui-state-hover{background-color:#CFE9E7 !important;}
.ui-fluid .ui-orderlist .ui-orderlist-controls button.ui-state-active,
.ui-orderlist.ui-grid-responsive .ui-orderlist-controls button.ui-state-active{background-color:#CFE9E7 !important;}

h1 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    color: #2c8f82 !important;
    font-size: 36px !important;
    line-height: 36px !important;
    font-weight: 600 !important;
}
h2 {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    color: #2c8f82 !important;
    font-size: 30px !important;
    line-height: 36px !important;
    font-weight: 300 !important;
}
h3 {
    margin-top: 30px !important;
    margin-bottom: 10px !important;
    /*color: #2c8f82 !important;*/
    font-size: 21px !important;
    line-height: 31px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
}
h4 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    color: #2c8f82 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
    text-transform: none !important;
}
a {
    color: #2c8f82;
    text-decoration: none;
}
a:hover {
    color: #2c8f82;
}
.logo  a:hover{
    background-color: unset;
}
.section {
    padding-top: 25px;
    /*padding-bottom: 25px !important;*/
    background-color: #f0f0f0;
}
.section.section-head {
    padding-top: 0px;
}
@media (max-width: 479px) {
    .section {
        padding-top: 72px;
    } 
}
.section-head {
    padding-bottom: 0 !important;
    background-image: url("/HibisEb/javax.faces.resource/images/headBackground.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}
.section.green {
    background-color: #2c8f82 !important;
}
.close-slide-menu {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    color: #2c8f82 !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}
.slide-menu-list a:hover {
    background-color: #2c8f82 !important;
    color: #fff !important;
}
.top_navbar {
    min-height: 30px !important;
    background-color: #cfe9e7 !important;
    color: #e0e0e0 !important;
    font-size: 14px !important;
    line-height: 31px !important;
    text-align: right !important;
    text-transform: uppercase !important;
    height: 58px !important;
}
.top_navbar a {
    color: #FFF !important;
    margin-left: 5px !important;

}
.top_navbar a.top_navbar-pomoc {
    background-color: #5ea29a;
    height: 58px;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: 600;
}
.logo {
    float: left !important;
    width: 200px !important;
    margin-top: 14px !important;
    margin-bottom: 31px !important;
    padding: 0 !important;
}
.logo img {
    width: 250px !important;
    height: 80px !important;
}
.head {
    height: 53px !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 980 !important;
    padding: 0;
    border-radius: 5px !important;
    background-color: #2c8f82 !important;
    color: #fff !important;
}
.navbarlinks-main {
    float: left !important;
    margin-right: 15px !important;
}
@media (max-width: 479px) {
    .navbarlinks-main {
        margin-right: 0 !important;
        margin-bottom: 5px !important;
    }
    .navbarlinks-tools {
        display: block !important;
    }
}
.home-icon:hover {
    color: #2c8f82 !important;
}
.main-footer {
  
    font-size: 14px !important;
    line-height: 21px !important;
}
.main-footer a {
    text-decoration: none !important;
}
.com-title {
    padding: 6px 10px !important;
    float: none !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    background-color: #5EA39A !important;
    color: #fff !important;
    text-align: left !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
}
.notice-box {
    border-radius: 0 0 10px 10px;
    border: 1px solid #d6d6d6 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    overflow: hidden !important;
    color: #2c8f82 !important;
    height: 100% !important;
    background-color: #CFE9E7 !important;
}
.notice-box, .notice-box ui-commandlink {
    color: #2c8f82 !important;
    height: 55px !important;
    line-height: 62px !important;
}
.notice-box.active, .notice-box.active ui-commandlink {
    color: #5EA39A !important;
}
.ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tab-right a,
.ui-tabs-top .ui-tabs-nav li.ui-state-hover.ui-tab-right a,
.ui-tabs-top .ui-tabs-nav li.ui-tab-right a:hover {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    border-radius: 3px !important;
    background-color: #2c8f82 !important;
    color: #fff !important;
}
.ui-widget-content a {
    color: #2c8f82;
}
.account-box-wrapper.active, .account-box-wrapper.show, .account-box-wrapper.account-box-add-wrapper {
    display: flex !important;
}
.show-hide-save {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #5EA39A !important;
    cursor: pointer !important;
    color: #FFF !important;
    text-transform: uppercase !important;
    align-items: center !important;
    justify-content: center !important;
    display: none !important;
}

.account-box.frame {
    margin: 0 !important;
    overflow: hidden !important;
    background-color: white !important;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .09) !important;
    -webkit-transition: background-color 200ms ease !important;
    transition: background-color 200ms ease !important;
    height: 195px !important;
    position: relative !important;
    width: 100% !important;
}
.account-box-icon {
    position: absolute !important;
    top: 15px !important;
    right: 10px !important;
    color: #2c8f82 !important;
    font-size: 27px !important;
}
.account-box-badge {
    display: inline-block !important;
    float: left !important;
    margin-right: 1px !important;
    height: 26px !important;
    min-width: 31px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    background-color: #2c8f82 !important;
    color: #fff !important;
    line-height: 26px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-align: center !important;
}
.account-box-badge-orange {
    background-color: #5EA39A !important;
}
.account-box.account-box-add {
    background-color: #2c8f82 !important;
    color: #FFF !important;
    text-align: center !important;
    font-size: 19px !important;
}
.account-box.account-box-add:hover {
    background-color: #2c8f82 !important;
}
.main-promo {
    position: relative !important;
    height: 336px !important;
    margin-bottom: 40px !important;
    margin-top: 10px !important;
    border-radius: 5px !important;
    background-image: url("/HibisEb/javax.faces.resource/images/5729d03510da7c3e797b4535_vis3.jpg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
    background-position: 50% 50% !important;
    background-size: cover !important;
}
.toolbar.product_head {
    height: auto !important;

    padding-top: 10px !important;
    padding-right: 15px !important;
    border-radius: 5px !important;
    background-color: #2c8f82 !important;
    background-image: none !important;
    color: #fff !important;
}
.button:hover {
    /*background-image: -webkit-linear-gradient(270deg, #2c8f82, #CFE9E7) !important;
    background-image: linear-gradient(180deg, #2c8f82, #CFE9E7) !important;*/
    color: #fff !important;
}
.button.w--current {
    background-color: #5EA39A !important;
    background-image: none !important;
}
.w-button {
    display: inline-block !important;
    padding: 9px 15px !important;
    /*background-color: #3898EC !important;*/
    color: #fff !important;
    border: 0 !important;
    line-height: inherit !important;
    text-decoration: none !important;
    cursor: pointer !important;
    border-radius: 0 !important;
}
.button {
    /*border: 1px solid #fff !important;*/
    margin-right: 5px !important;
    margin-bottom: 10px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    border-radius: 5px !important;
    /*background-color: #2c8f82 !important;*/
    background-image: inherit !important;
    font-weight: 400 !important;
}
.ui-button-text {
    /*background-image: linear-gradient(180deg, #2c8f82, #CFE9E7) !important;*/
    color: #FFF !important;
    box-shadow: none;
    font-size: 15px !important;
    border-color: #FFF;
    text-shadow: none !important;
    text-transform: uppercase !important;
}
.ui-button-product_head .ui-button-text {
    background-image: linear-gradient(180deg, #2c8f82, #CFE9E7);
    text-transform: uppercase !important;
}
.ui-button.ui-state-hover .ui-button-text {
    background-image: linear-gradient(180deg, #2c8f82, #CFE9E7) !important;
    color: #FFF !important;
}
.ui-button-orange.ui-button-product_head .ui-button-text {
    background-color: #5EA39A;
    background-image: none !important;
}
.ui-button.ui-state-hover.ui-button-orange.ui-button-product_head .ui-button-text {
    background-color: #5EA39A;
    background-image: none !important;
}
.ui-selectonemenu-trigger .ui-icon-triangle-1-s {
    background-image: url("/HibisEb/javax.faces.resource/images/select-arrow-down.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}
.ui-selectonemenu-panel .ui-state-highlight, .ui-selectcheckboxmenu-panel .ui-state-highlight {
    color: #2c8f82 !important;
}

.product_head-select.ui-selectonemenu {
    box-shadow: none !important;
    background-color: #2c8f82;
    padding-right: 30px !important;
}
/*.product_head-select .ui-selectonemenu-trigger .ui-icon-triangle-1-s,
.ui-datatable .ui-datatable-scrollable-header table thead tr .ui-state-active .ui-icon-triangle-1-s,
.ui-picklist .ui-picklist-target-controls .ui-picklist-button-move-down .ui-icon,
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-move-down .ui-icon,
.ui-picklist-vertical .ui-picklist-buttons-cell .ui-picklist-button-add .ui-icon,
.ui-orderlist .ui-orderlist-controls .ui-orderlist-button-move-down .ui-icon,
.ui-treetable table thead tr th .ui-icon-triangle-1-s,
.ui-accordion-header .ui-icon-triangle-1-s,
.ui-selectonemenu-trigger .ui-icon-triangle-1-s, .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s,
.ui-autocomplete .ui-autocomplete-dropdown .ui-icon-triangle-1-s,
.ui-menubutton .ui-icon-triangle-1-s,
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-triangle-1-s,
.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-icon-arrow-1-e{
    background-image: url("/HibisEb/javax.faces.resource/images/downarrow.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}
*/
.ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link {
    border-color: #5EA39A !important;
}
.ui-steps .ui-steps-item .ui-steps-number {
    font-size: 16px !important;
    border: none !important;
    background: none !important;
    background-color: transparent !important;
    color: #2c8f82 !important;
    padding-right: 0 !important;
}
.ui-steps .ui-steps-item.ui-state-disabled .ui-steps-number, .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
    color: #2c8f82 !important;
}
.ui-steps .ui-steps-title {
    display: inline-block !important;
    font-size: 16px !important;
    color: #2c8f82 !important;
    margin-left: 5px !important;
}
.ui-steps .ui-steps-item.ui-state-disabled .ui-steps-title, .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
    color: #2c8f82 !important;
}
.filter-content {
    padding: 20px 0 !important;
    background-color:#FFF !important;
}
.ui-commandlink.filter-button {
    color: #5EA39A !important;
    margin-right: 0 !important;
}
.filter-buttons {
    width: 100% !important;
    padding: 12px 5px !important;
    text-align: right !important;
    background-color:#FFF !important;
}
.ui-expanded-row-content .ui-button .ui-button-text, .filter-button.ui-button .ui-button-text, .filter-button.ui-button.ui-state-active .ui-button-text {
    border: 1px solid #e5e5e5 !important;
    background-color: #fff !important;
    color: #2c8f82 !important;
    font-size: 13px !important;
    background-image: none !important;
    text-transform: uppercase !important;
    border-radius: 3px !important;
    padding: 6px 15px !important;
}
.ui-expanded-row-content .ui-button.ui-state-hover .ui-button-text, .filter-button.ui-button.ui-state-hover .ui-button-text {
    background-color: #f3f3f3 !important;
    background-image: none !important;
    color: #2c8f82 !important;
}
input.hasDatepicker {
    background-image: url("/HibisEb/javax.faces.resource/images/icon-calendar.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
    background-size: 16px 20px !important;
    background-position: top 8px right 6px !important;
    background-repeat: no-repeat !important;
    cursor: pointer !important;
}
.product_head .title_product h1{color:#fff !important; font-weight: 300 !important; margin-top: 10px !important; margin-bottom: 10px !important;}
.placila-box{
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    background-color: #2c8f82 !important;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .09) !important;
}
.placila-box.white .placila-box-content{color:#2c8f82 !important;}
.account-details a{color:#2c8f82 !important;}
.account-details a:hover{color:#2c8f82 !important;}
.ui-chkbox-box .ui-icon-check:before{content:url("/HibisEb/javax.faces.resource/images/ico-check.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;}
.card-box .card-box-title h4{margin-top: 35px !important; margin-bottom: 5px !important; color: #2c8f82 !important; font-size: 18px !important; line-height: 24px !important; font-weight: 600 !important; text-transform: none !important; text-align: center !important;}
.card-box .card-box-link a{display: block !important; margin-bottom: 15px !important; text-align: center !important; color: #2c8f82 !important; text-decoration: none !important;}
.card-box .card-box-link a:hover{color: #2c8f82 !important;}
.icon-large{width: 80px !important; height: 80px !important; margin-top: 20px !important; margin-bottom: 10px !important; padding: 28px 22px 28px 22px !important; border: 2px solid #5EA39A !important; border-radius: 50% !important; background-color: #fff !important;}
.account-box.settings.active{border: 1px solid #d6d6d6 !important; border-radius: 3px !important; padding: 8px 15px !important; background-color: #2c8f82 !important;}
.ui-panel-title .ui-commandlink.ui-widget.active{color: #5EA39A !important;}
.step{
    display: block !important;
    padding: 10px 22px !important;
    float: right !important;
    border: 2px solid #e5e5e5 !important;
    border-radius: 23px !important;
    color:#2c8f82 !important;
}
.step.active{
    border-color: #5EA39A !important;
}
.pretvornik .frame .ui-selectonemenu-trigger .ui-icon-triangle-1-s, .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s{
    background-image:url("/HibisEb/javax.faces.resource/images/downarrow-green.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; margin-top: 0 !important; background-position: center 35% !important; background-size: 100% !important; position:absolute !important; right:0 !important;}
.fa.fa-angle-down{
    position: absolute !important;
    top: 20px !important;
    right: 17px !important;
    color: #2c8f82 !important;
    font-size: 24px !important;
}
.cur .button-orange{
    background-image: -webkit-linear-gradient(270deg, #5EA39A, #258F83) !important;
    background-image: linear-gradient(180deg, #5EA39A, #258F83) !important;
    border: 1px solid #fff !important;
}
.cur .button-orange:hover{
    background-image: -webkit-linear-gradient(270deg, #5EA39A, #258F83) !important;
    background-image: linear-gradient(180deg, #5EA39A, #258F83) !important;
}
.icon_toolbar{
    position: absolute !important;
    top: 15px !important;
    right: 10px !important;
    width: 31px !important;
    height: 36px !important;
    color: #2c8f82 !important;
    font-size: 26px !important;
    line-height: 30px !important;
    font-weight: 400 !important;
    text-align: center !important;
}
.icon-stat-2{
    background: url("/HibisEb/javax.faces.resource/images/toolbar-stats.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;  background-size: 30px 30px !important; width: 30px !important; height: 30px !important;

}
.icon-eobresti-2{
    background:url("/HibisEb/javax.faces.resource/images/toolbar-eobresti.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-size: 30px 30px !important; width: 30px !important; height: 30px !important;
}
.noflag-ico{background:url("/HibisEb/javax.faces.resource/images/flags/no-flag.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important;}
.aud-ico{background: url("/HibisEb/javax.faces.resource/images/flags/AUD.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.bam-ico{background:url("/HibisEb/javax.faces.resource/images/flags/BAM.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.bgn-ico{background:url("/HibisEb/javax.faces.resource/images/flags/BGN.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.brl-ico{background:url("/HibisEb/javax.faces.resource/images/flags/BRL.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.cad-ico{background:url("/HibisEb/javax.faces.resource/images/flags/CAD.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.chf-ico{background:url("/HibisEb/javax.faces.resource/images/flags/CHF.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.cnvy-ico{background:url("/HibisEb/javax.faces.resource/images/flags/CNY.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.czk-ico{background:url("/HibisEb/javax.faces.resource/images/flags/CZK.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.dkk-ico{background:url("/HibisEb/javax.faces.resource/images/flags/DKK.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.eur-ico{background:url("/HibisEb/javax.faces.resource/images/flags/EUR.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.gbp-ico{background:url("/HibisEb/javax.faces.resource/images/flags/GBP.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.hkd-ico{background:url("/HibisEb/javax.faces.resource/images/flags/HKD.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.hrk-ico{background:url("/HibisEb/javax.faces.resource/images/flags/HRK.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.huf-ico{background:url("/HibisEb/javax.faces.resource/images/flags/HUF.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.idr-ico{background:url("/HibisEb/javax.faces.resource/images/flags/IDR.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.ils-ico{background:url("/HibisEb/javax.faces.resource/images/flags/ILS.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.inr-ico{background:url("/HibisEb/javax.faces.resource/images/flags/INR.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.jpy-ico{background:url("/HibisEb/javax.faces.resource/images/flags/JPY.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.krw-ico{background:url("/HibisEb/javax.faces.resource/images/flags/KRW.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.ltl-ico{background:url("/HibisEb/javax.faces.resource/images/flags/LTL.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.mkd-ico{background:url("/HibisEb/javax.faces.resource/images/flags/MKD.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.mxn-ico{background:url("/HibisEb/javax.faces.resource/images/flags/MXN.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.myr-ico{background:url("/HibisEb/javax.faces.resource/images/flags/MYR.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.nok-ico{background:url("/HibisEb/javax.faces.resource/images/flags/NOK.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.nzd-ico{background:url("/HibisEb/javax.faces.resource/images/flags/NZD.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.php-ico{background:url("/HibisEb/javax.faces.resource/images/flags/PHP.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.pln-ico{background:url("/HibisEb/javax.faces.resource/images/flags/PLN.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.ron-ico{background:url("/HibisEb/javax.faces.resource/images/flags/RON.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.rsd-ico{background:url("/HibisEb/javax.faces.resource/images/flags/RSD.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.rub-ico{background:url("/HibisEb/javax.faces.resource/images/flags/RUB.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.sek-ico{background:url("/HibisEb/javax.faces.resource/images/flags/SEK.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.sgd-ico{background:url("/HibisEb/javax.faces.resource/images/flags/SGD.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.thb-ico{background:url("/HibisEb/javax.faces.resource/images/flags/THB.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.try-ico{background:url("/HibisEb/javax.faces.resource/images/flags/TRY.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.usd-ico{background:url("/HibisEb/javax.faces.resource/images/flags/USD.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
.zar-ico{background:url("/HibisEb/javax.faces.resource/images/flags/ZAR.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;background-size: 20px 20px !important; }
a.button.button-blank:hover{color:#2c8f82 !important;}
.field-menjalnica .ui-inputfield.ui-state-hover{
    color: #2c8f82 !important;
}
.green-badge{display: inline-block !important;
             min-width: 25px !important;
             margin-left: 5px !important;
             border-radius: 50% !important;
             background-color: #2c8f82 !important;
             color: #fff !important;
             /*line-height: 20px !important;*/
             text-align: center !important;
             padding:0 5px !important;
}
.orange-badge{
    display: inline-block !important;
    min-width: 20px !important;
    margin-left: 5px !important;
    border-radius: 50% !important;
    background-color: #5EA39A !important;
    color: #fff !important;
    line-height: 20px !important;
    text-align: center !important;
}
.sort-by-kom-center .ui-selectonemenu-trigger .ui-icon-triangle-1-s{
    margin-top: 7px !important;
    background-size: 85% !important;
    background-position: center 80% !important;
}
.message-icon{display: block !important; font-size: 24px !important; color:#2c8f82}
p.sender{color:#2c8f82 !important;}
a.overflow-link{color:#2c8f82 !important; font-weight: 700 !important;}
a.overflow-link:hover{color:#2c8f82 !important; text-decoration: underline !important;}
.more-messages{color:#2c8f82 !important; text-decoration: underline !important;}
.zadeva .ui-selectonemenu-trigger .ui-icon-triangle-1-s{
    margin-top: 7px !important;
    background-size: 85% !important;
    background-position: center 80% !important;
}

.zadeva .ui-selectonemenu-trigger .ui-icon-triangle-1-s,
.ui-datatable .ui-datatable-sticky table thead tr .ui-state-active .ui-icon-triangle-1-s,
.ui-tree .ui-icon-triangle-1-s,
.ui-treetable .ui-icon-triangle-1-s,
.ui-menu .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s,
.ui-menu .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s,
.sort-by-kom-center .ui-selectonemenu-trigger .ui-icon-triangle-1-s,
.ui-spinner .ui-spinner-down .ui-button-text .ui-icon,
.ui-datatable .ui-datatable-tablewrapper table thead tr .ui-state-active .ui-icon-triangle-1-s{
    background-image:url("/HibisEb/javax.faces.resource/images/downarrow-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}

.close-modal{position: absolute !important; top:20px !important; right: 20px !important; font-weight: 600 !important; color:#2c8f82 !important; font-size: 20px !important;}
.ui-button.ui-state-active .ui-button-text, .ui-buttonset .ui-state-active .ui-button-text{background-image: linear-gradient(180deg, #2c8f82, #CFE9E7) !important;
                                                                                           color: #FFF !important;
                                                                                           box-shadow: none !important;
                                                                                           border-color: #FFF !important;
                                                                                           text-shadow: none !important; }
.ui-button.ui-button-orange.ui-state-active .ui-button-text, .ui-buttonset .ui-button-orange.ui-state-active .ui-button-text{
    background-color: #5EA39A;
    background-image:none !important;
    color: #FFF;
    box-shadow: none !important;
    font-size: 16px;
    border-color: #FFF !important;
    text-shadow: none !important; }

.alert{background-color: #5EA39A !important; border: 1px solid #5EA39A !important; margin-bottom: 15px !important; padding:  10px 15px !important; color:#fff !important; border-radius: 3px !important;}
.predloga a:hover{color:#2c8f82 !important;}
.buttons-pay{
    background-color: #5ea59a !important; 
    border-radius: 4px !important;
    /*background-image: -webkit-linear-gradient(270deg, #2c8f82, #CFE9E7) !important;*/
    /*background-image: linear-gradient(180deg, #2c8f82, #CFE9E7) !important;*/
    color: #fff !important;
    text-align: center !important;
    display: block !important;
    margin-bottom: 10px !important;
    padding: 18px !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
}
.buttons-pay-white{
    background-color: #fff !important; 
    background-image: none !important;
    color: #2c8f82 !important;
}
.buttons-pay.buttons-pay-white .placila-btn{color:#2c8f82 !important;}
.buttons-pay.buttons-pay-white .placila-btn:hover{color:#2c8f82 !important;}
.card-box .card-box-title h4{margin-top: 35px !important; margin-bottom: 5px !important; color: #2c8f82 !important; font-size: 18px !important; line-height: 24px !important; font-weight: 600 !important; text-transform: none !important; text-align: center !important;}
.card-box .card-box-link a{display: block !important; margin-bottom: 15px !important; text-align: center !important; color: #2c8f82 !important; text-decoration: none !important;}
.card-box .card-box-link a:hover{color: #2c8f82 !important;}
.icon-large{width: 80px !important; height: 80px !important; margin-top: 20px !important; margin-bottom: 10px !important; padding: 23px 21px 23px !important; border: 2px solid #5EA39A !important; border-radius: 50% !important; background-color: #fff !important;}
.alert-frame{    
    border-radius: 3px !important;
    background-color: #5EA39A !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 20px !important;
    margin-top: 25px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;}
.ui-expanded-row-content .ui-button.ui-state-active .ui-button-text, .ui-buttonset .ui-state-active .ui-button-text{
    background-image: none !important;
    color: #2c8f82 !important;
    background-color: #f3f3f3 !important;
}

.buttons-pay.buttons-pay-white .sdd{background-image:url("/HibisEb/javax.faces.resource/images/ura-green.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
                                    width: 18px !important; height: 20px !important; background-size: 100% !important; margin-left: auto !important; margin-right: auto !important;}
.buttons-pay .sdd{ background-position: center !important;
                   width: 18px !important; height: 20px !important; background-size: 100% !important; margin-left: auto !important; margin-right: auto !important;}
.buttons-pay .interni-prenos{background-image:url("/HibisEb/javax.faces.resource/images/interni-prenos-white.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
                             width: 18px !important; height: 20px !important; background-size: 100% !important; margin-left: auto !important; margin-right: auto !important;}
.buttons-pay.buttons-pay-white .interni-prenos{background-image:url("/HibisEb/javax.faces.resource/images/interni-prenos-green.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
                                               width: 18px !important; height: 20px !important; background-size: 100% !important; margin-left: auto !important; margin-right: auto !important;}
.buttons-pay .stanovanjski-kredit{background-image:url("/HibisEb/javax.faces.resource/images/stanovanjski-kredit-white.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
                                  width: 40px !important; height: 40px !important; background-size: 100% !important; margin-left: auto !important; margin-right: auto !important;}
.buttons-pay.buttons-pay-white .stanovanjski-kredit{background-image:url("/HibisEb/javax.faces.resource/images/stanovanjski-kredit-green.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
                                                    width: 40px !important; height: 40px !important; background-size: 100% !important; margin-left: auto !important; margin-right: auto !important;}
.buttons-pay .limit{background-image:url("/HibisEb/javax.faces.resource/images/limit-white.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
                    width: 50px !important; height: 41px !important; background-size: 100% !important; margin-left: auto !important; margin-right: auto !important;}
.buttons-pay.buttons-pay-white .limit{background-image:url("/HibisEb/javax.faces.resource/images/limit-green.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
                                      width: 50px !important; height: 41px !important; background-size: 100% !important; margin-left: auto !important; margin-right: auto !important;}
.notice-box .ui-commandlink{color: #2c8f82;}
.notice-box .ui-commandlink.active{color:#5EA39A !important;}
.ui-panel .ui-panel-titlebar .ui-icon-minusthick{ background-position: center !important; background-size: 110% !important;}

.ui-panel .ui-panel-titlebar .ui-icon-plusthick {
    background-position: center !important; background-size: 110% !important;
}

.ui-panel .ui-panel-titlebar .ui-icon-plusthick,
.ui-panel .ui-panel-titlebar .ui-filter-green,
.ui-panel .ui-panel-titlebar .ui-icon-minusthick{
    background-image:url("/HibisEb/javax.faces.resource/images/filter-green.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;         
}
.ui-commandlink{color: #2c8f82 !important; text-decoration: none; margin-right: 5px !important;}
.ui-selectonemenu.title-select label {
    color: #2c8f82 !important;
    background-color: transparent !important;
    font-size: 21px !important;
    padding-left: 0 !important;
}
.ui-selectonemenu.title-select .ui-selectonemenu-trigger .ui-icon-triangle-1-s {
    background-image: url("/HibisEb/javax.faces.resource/images/select-arrow-down-green.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}
.obvestilo a.ui-commandlink{
    color: #5EA39A !important;
}
.logo_banke{
    width: 250px !important; 
    height: 88px !important;
    background-image: url("/HibisEb/javax.faces.resource/images/logo.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
    background-repeat: no-repeat !important;
}

.zeleni_tekst {
    color: #2c8f82 !important;
}

.curr_icon{
    background-size: 40px 40px !important;
}

.user-profile {
    float: left !important;
    border-right: 1px solid #2c8f82 !important;
    padding-right: 5px !important;
}
.add_teaser {
    margin: 50px 10px 0 10px !important;
    position: absolute !important;
    top: 0 !important;
}
.user-logout {
    border-left: 1px solid #2c8f82 !important;
    padding-left: 5px !important;
    margin-right: 0 !important;
}
.buttons-pay .mobilna-banka{background:url("/HibisEb/javax.faces.resource/images/mobilna-banka-white.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") no-repeat !important; background-position: center !important;
                            width: 40px !important; height: 40px !important; background-size: 40px auto !important; margin-left: auto !important; margin-right: auto !important;}
.buttons-pay.buttons-pay-white .mobilna-banka{background:url("/HibisEb/javax.faces.resource/images/mobilna-banka.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") no-repeat !important; background-position: center !important;
                                              width: 40px !important; height: 40px !important; background-size: 40px auto !important; margin-left: auto !important; margin-right: auto !important;}
.buttons-pay .settings-ico{background-image:url("/HibisEb/javax.faces.resource/images/kolesce-white.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
                           width: 40px !important; height: 40px !important; background-size: 100% !important; margin-left: auto !important; margin-right: auto !important;}
.buttons-pay.buttons-pay-white .settings-ico{background-image:url("/HibisEb/javax.faces.resource/images/kolesce.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
                                             width: 40px !important; height: 40px !important; background-size: 100% !important; margin-left: auto !important; margin-right: auto !important;}
.lock-ico{background-image:url("/HibisEb/javax.faces.resource/images/lock.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
          width: 40px !important; height: 40px !important; background-size: 100% !important; margin-left: auto !important; margin-right: auto !important;}
.lock-ico-gray{background-image:url("/HibisEb/javax.faces.resource/images/lock-gray.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
               width: 40px !important; height: 40px !important; background-size: 100% !important; margin-left: auto !important; margin-right: auto !important;}

.ui-button-text{background-color: transparent !important; background-image: none !important; border: none !important;}
.ui-spinner-up .ui-button-text .ui-icon{background-image: url("/PrimefacesSentinel-29.9/javax.faces.resource/images/uparrow-gray.svg.xhtml?ln=primefaces-sentinelF") !important; margin-left:10px !important; margin-top:-10px !important;}
.ui-spinner-button.ui-spinner-up.ui-state-hover .ui-button-text{background-image:none !important; cursor: pointer !important;}
.ui-spinner-button.ui-spinner-up.ui-state-active .ui-button-text{background-image:none !important; cursor: pointer !important;}

.ui-spinner-down .ui-button-text .ui-icon{background-image: url("/PrimefacesSentinel-29.9/javax.faces.resource/images/downarrow-gray.svg.xhtml?ln=primefaces-sentinelF") !important; margin-left:10px !important; margin-top:-14px !important; }
.ui-spinner-button.ui-spinner-down.ui-state-hover .ui-button-text{background-image:none !important; cursor: pointer !important;}
.ui-spinner-button.ui-spinner-down.ui-state-active .ui-button-text{background-image:none !important; cursor: pointer !important;}
.ui-button-text{background-color: initial !important; background-image: none !important; border: none !important;}

.profil-povezava{ 
    cursor: pointer !important;}
.ui-datepicker .ui-datepicker-title select{color:#5EA39A !important;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{background-color: #fff !important; color: #2c8f82 !important; border: 1px solid #f3f3f3 !important; text-transform: uppercase !important;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current.ui-state-hover{background-color: #f3f3f3 !important; color: #2c8f82 !important; border: 1px solid #f3f3f3 !important; text-transform: uppercase !important;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close{background-color: #2c8f82 !important; color: #fff !important; border: 1px solid #fff !important; text-transform: uppercase !important; font-weight: 400 !important;}
.ui-datepicker select.ui-datepicker-month:focus, .ui-datepicker select.ui-datepicker-year:focus{border: 1px solid #2c8f82 !important; outline:none !important;}

.ui-reflow-dropdown.ui-state-default{border-color:#5EA39A !important; color:#5EA39A !important;}
.ZeroPadding{
    padding: 0 !important;    
}

.PadTopZero {
    padding-top: 0 !important;
}
span.Fleft p.Fleft{border-right:1px solid #CFE9E7 !important;}
.OdmikMobile .opozorila div{display: inline-block !important; padding: 5px 8px !important; border:1px solid #5EA39A !important; border-bottom:none !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px}
.OdmikMobile .opozorila .WarBlokada{background-color: #5EA39A !important;}


.OdmikMobile .opozorila .WarSdd{background-color: #5EA39A !important;}


.OdmikMobile .opozorila .WarEracun{background-color: #5EA39A !important;}
.BlokadaIcon{background-image:url("/HibisEb/javax.faces.resource/images/ikona-stop-hand-blokada.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: 100% !important; background-repeat: no-repeat !important;
             width: 26px !important; height: 20px !important; background-size: 100% !important; margin-left: -1px !important; margin-right: -4px !important; margin-top:3px !important;}
.sddIcon{
    background-position: 100% !important; 
    background-repeat: no-repeat !important;
    width: 21px !important; 
    height: 21px !important;
    background-size: 100% !important; 
    margin-left: auto !important; 
    margin-right: auto !important; 
    margin-top: 2px !important;
}

.sddIcon,
.buttons-pay .sdd{
    background-image:url("/HibisEb/javax.faces.resource/images/ura-white.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}

@media screen and (min-width: 768px){
    .TabDeskOnly{display:block !important;}
    .opozorila{left:5px !important; position: absolute !important; bottom:0 !important;}
    .opozorila div{display: inline-block !important; padding: 5px 8px !important; border:1px solid #5EA39A !important; border-bottom:none !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px}
    .opozorila .WarBlokada{ background-color: #5EA39A !important;}
    .opozorila .WarSdd{background-color: #5EA39A !important;}
    .opozorila .WarEracun{background-color: #5EA39A !important;}
    .opozorila p{margin: 0 !important; display: inline !important; font-size: 15px !important;}s
    .opozorila a{color:#FFF !important;}
    .opozorila a:hover {color:#FFF !important;}
    .MobileOnly{display:none !important;}
}
.warning .ui-button-text-only.warning-button-green .ui-button-text{
    border: 1px solid #2c8f82;
    background-color: #2c8f82;
    color: #fff !important;
    font-size: 13px !important;
    background-image: none !important;
    text-transform: uppercase !important;
    border-radius: 3px;
    padding: 6px 15px !important;
}
.warning .ui-button-text-only.warning-button-white .ui-button-text{
    border: 1px solid #e5e5e5 !important;
    background-color: #fff !important;
    color: #2c8f82 !important;
    font-size: 13px !important;
    background-image: none !important;
    text-transform: uppercase !important;
    border-radius: 3px !important;
    padding: 6px 15px !important;
}
.confirm-dialog-nopad.warning .ui-icon-alert {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 140% !important;
    margin: 0 0 0 0 !important;
}
.warning .ui-icon-alert{
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 140% !important;
    margin: 0 10px 0 0 !important;
}

.warning .ui-icon-alert,
.confirm-dialog-nopad.warning .ui-icon-alert,
.ui-messages-info-icon{
    background-image: url("/HibisEb/javax.faces.resource/images/info-blck.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}

.warning.error .ui-icon-alert{
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 140% !important;
    margin: 0 10px 0 0  !important;
}
.warning.confirmed .ui-confirm-dialog-message{color:#2c8f82 !important;}
.warning.confirmed .ui-icon-alert{
    background-image: url("/HibisEb/javax.faces.resource/images/check-grn.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 140% !important;
    margin: 0 10px 0 0 !important;
}

/*/footer*/

input.ui-state-focus,input.ui-state-hover, 
.filter-content .ui-selectonemenu.ui-state-focus,.filter-content .ui-selectonemenu.ui-state-hover, 
#podrobnostiProdukt .ui-selectonemenu.ui-state-focus, #podrobnostiProdukt .ui-selectonemenu.ui-state-hover,
.ui-chkbox-box.ui-state-hover, .ui-chkbox-box.ui-state-focus, 
.ui-radiobutton-box.ui-state-hover, .ui-radiobutton-box.ui-state-focus, 
textarea.ui-state-focus, textarea.ui-state-hover,
.ui-inputfield.hasDatepicker.ui-state-hover, .ui-inputfield.hasDatepicker.ui-state-focus,
.form-part .ui-selectonemenu.ui-state-hover, .form-part .ui-selectonemenu.ui-state-focus,
.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.ui-state-hover.zadeva, .ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.ui-state-focus.zadeva
{
    border:1px solid !important;
    border-color: #CFE9E7 !important;
    -webkit-box-shadow: 0 0 1px 1px rgba(103,177,104,1) !important;
    -moz-box-shadow: 0 0 1px 1px rgba(103,177,104,1) !important;
    box-shadow: 0 0 1px 1px rgba(103,177,104,1) !important;
}
#podrobnostiProdukt .title_product .ui-selectonemenu.ui-state-hover.product_head-select, #podrobnostiProdukt .title_product .ui-selectonemenu.ui-state-focus.product_head-select,
#podrobnostiProdukt .amount.large .ui-selectonemenu.ui-state-hover.product_head-select-amount, #podrobnostiProdukt .amount.large .ui-selectonemenu.ui-state-focus.product_head-select-amount
{   border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.buttons-pay:hover{/*background-color:#CFE9E7 !important;*/ background-image: inherit !important;     box-shadow: 0 0 11px 0 rgba(0, 0, 0, .09) !important;}
#layout-menubar li a{color:#2c8f82 !important; padding:15px !important; display:block !important; border-bottom: 1px solid #e5e5e5 !important; text-transform: uppercase !important; font-size: 15px !important; font-weight: 600 !important;}
#layout-menubar li.layout-menubar-active > a{color:#2c8f82 !important;}
#layout-menubar li.layout-menubar-active > a:hover{color:#fff !important; background-color:#2c8f82 !important;}
.frame.account-box.account-box-add:hover{
    background-color:#CFE9E7 !important;background-image:none !important; box-shadow: 0 0 11px 0 rgba(0, 0, 0, .09) !important;}
.ui-button.ui-state-hover .ui-button-text{background-image: linear-gradient(180deg, #2c8f82, #CFE9E7) !important;
                                          color: #FFF !important;}
.opozorila .WarBlokada:hover, .opozorila .WarBlokada:focus, .opozorila .WarSdd:hover .opozorila .WarSdd:focus, .opozorila .WarEracun:hover, .opozorila .WarEracun:focus{    
    background-image: linear-gradient(180deg, #5EA39A, #258F83) !important;
    color: #FFF !important;
}
.frame.account-box .account-box-badge-wrapper a.ui-commandlink:hover .account-box-badge-orange{background-image: linear-gradient(180deg, #5EA39A, #258F83) !important;}
.filter-content .ui-calendar .ui-inputfield.hasDatepicker{margin-top:0 !important;}

.ui-datatable .pripraviNalog{background-image:url("/HibisEb/javax.faces.resource/images/pripravi-nalog.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
                             width: 13px !important; height: 15px !important; background-size: 100% !important; display: inline-block !important;}
/*pozicioniranje polj na narocilu limita*/
.narocila-email-limit-text
{
    margin-top: 8px !important; 
    width: fit-content!important; 
    margin-right: 5px !important;  
    padding-left: 0!important;
}
.eba-palcka {
    float: left !important;
    border-right: 1px solid #2c8f82 !important;
    padding-right: 5px !important;
}
.icon-status-11{
    width: 20px !important; 
    height: 20px !important;
    margin-top: 7px !important;
    background-size: 120% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.icon-status-11,
.ui-message-icon-only .ui-messages-warn-icon, 
.ui-message-icon-only .ui-messages-error-icon,
.ui-message-icon-only .ui-message-error-icon,
.ui-message-error-icon,
.ui-messages-error-icon,
.warning.error .ui-icon-alert
{
    background-image: url("/HibisEb/javax.faces.resource/images/warning-red.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important;
}    
.promet-na{font-size:21px !important; color:#2c8f82 !important; text-transform: uppercase !important; position: relative !important; float: left !important; display:block !important; margin-top:4px !important;}
.funkcionalnosti-ico{background-image:url("/HibisEb/javax.faces.resource/images/funkcionalnosti.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
                     width: 27px !important; height: 27px !important; background-size: 100% !important; margin-left: auto !important; margin-right: auto !important; display: block !important;}
.demoVideo-ico{background-image:url("/HibisEb/javax.faces.resource/images/demo-video.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
               width: 27px !important; height: 27px !important; background-size: 100% !important; margin-left: auto !important; margin-right: auto !important; display: block !important;}
.navodila-ico{background-image:url("/HibisEb/javax.faces.resource/images/navodila.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
              width: 27px !important; height: 27px !important; background-size: 100% !important; margin-left: auto !important; margin-right: auto !important; display: block !important;}
.faq-ico{background-image:url("/HibisEb/javax.faces.resource/images/faq.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
         width: 27px !important; height: 27px !important; background-size: 100% !important; margin-left: auto !important; margin-right: auto !important; display: block !important;}
.pomoc .faq .arrow{background-image:url("/HibisEb/javax.faces.resource/images/right-one-arrow-for-data-green.svg.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; background-position: center !important;
                   width: 20px !important; height: 16px !important; background-size: 100% !important; margin-left: auto !important; margin-right: auto !important;}
.pomoc .faq .answers h3{
    text-transform: none !important;
    color:#2c8f82 !important;
}
.ui-button-white.ui-button-product_head .ui-button-text {
    background-color: #ffffff;
    background-image: inherit !important;
    color:#2c8f82;
}

.ui-button.ui-state-hover.ui-button-white.ui-button-product_head .ui-button-text {
    background-color: #F3F3F3;
    background-image: inherit !important;
    color:#2c8f82;
}
.answers li{position:relative !important; padding-left: 30px !important;}
.answers li:before {
    counter-increment: subsection !important;
    content: counter(subsection) " " !important;
    position: absolute !important;
    z-index: 1 !important;
    top: 0 !important;
    font-size: 21px !important;
    line-height: 31px !important;
    color: #2c8f82 !important;
    font-family: 'Montserrat', 'Arial' !important;
    font-weight: 400 !important;
    left: 0 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}
.ui-datatable.poslovniRacuniTabela .ui-datatable-tablewrapper table{
    table-layout: auto !important;
}

@media (min-width: 641px) {
    .ui-message-icon-only .ui-messages-warn-icon, .ui-message-icon-only .ui-messages-error-icon, .mobile-message {display:none !important; border-style:none !important; border:none !important;}
}

@media (max-width: 640px) {
    .ui-message-icon-only .ui-messages-warn-icon, .ui-message-icon-only .ui-messages-error-icon, .ui-message-icon-only .ui-message-error-icon, .desktop-message {display: none !important;}
    .ui-message-icon-only .ui-messages-warn-icon, .ui-message-icon-only .ui-message-warn-icon, .ui-message-icon-only .ui-message-error-icon, .desktop-message {display: none !important;}
    .ui-message-icon-only .ui-messages-warn-icon, .ui-message-icon-only .ui-messages-error-icon, .mobile-message 
    {max-width: 180% !important; margin-top: -3% !important; border-style: none !important; background-color: transparent !important; font-size: 13px !important;}

    .ui-g-7 {width: 90% !important;}
    .ui-g-5 {width: 50% !important;}
    .ui-panelgrid-cell .ui-g-4 .ui-g-4-mobile {width: 80% !important;}
    .ui-g-4 {width: 90% !important;}

    .ui-messages-warn, .ui-message-warn {
        padding: 6px !important;
    }
}

#container-dashboard > h2:nth-child(2) {
    display: none !important;
}


div.ui-lg-3 {
    padding-top: 0 !important;
}

#FRM_obvestila\:j_idt118 {
    display: none !important;
}

.account-box.frame:hover {
    background-color: #ebebeb !important;
    box-shadow: 10px 10px 11px 0 rgba(100, 10, 10, .09) !important;
}

.link_facebook {
    background-image:url("/HibisEb/javax.faces.resource/images/facebook_over.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; 
    background-position:center !important; 
    background-size:100% !important;
    width: 33px !important;
    height: 33px !important;
    float: left !important;
    margin-right: 5px !important;
}

.link_youtube {
    background-image:url("/HibisEb/javax.faces.resource/images/youtube_over.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; 
    background-position:center !important; 
    background-size:100% !important;
    width: 33px !important;
    height: 33px !important;
    float: left !important;
    margin-right: 5px !important;
}

.link_twitter {
    background-image:url("/HibisEb/javax.faces.resource/images/twitter_over.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; 
    background-position:center !important; 
    background-size:100% !important;
    width: 33px !important;
    height: 33px !important;
    float: left !important;
    margin-right: 5px !important;
}

.link_instagram {
    background-image:url("/HibisEb/javax.faces.resource/images/instagram_over.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; 
    background-position:center !important; 
    background-size:100% !important;
    width: 33px !important;
    height: 33px !important;
    float: left !important;
    margin-right: 5px !important;
}

.link_linkedin {
    background-image:url("/HibisEb/javax.faces.resource/images/linkedin_over.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; 
    background-position:center !important; 
    background-size:100% !important;
    width: 33px !important;
    height: 33px !important;
    float: left !important;
    margin-right: 5px !important;
}

.logo_noga {
    background-image:url("/HibisEb/javax.faces.resource/images/logo-bottom.png.xhtml?ln=primefaces-sentinelF&v=12.0.10-LTS&e=12.0.11") !important; 
    background-position:center !important; 
    background-size:100% !important;
    width: 81px !important;
    height: 71px !important;    
    float: left !important;
    margin-right: 20px !important;
}

.text-top {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #3A3A3A !important;
    display: inherit
}

.bottom-address-container > div:nth-child(1) {
    font-weight: 600 !important;
}

.bottom-social-container > div:nth-child(1) {
    font-weight: 600 !important;
}

.text-middle {
    display: inherit !important;
    color: #3A3A3A !important;
}

.text-bottom {
    display: inherit !important;
    color: #3A3A3A !important;
}

.content {
    position: relative !important;
}

.bottom-logo-container {
    width: 100% !important;
    margin-right: 5px !important;
    height: 81px !important;
    float: left !important;
}

.bottom-address-container {
    width: 180px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    height: 70px !important;
    float: left !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;    
}

.bottom-numbers-container {
    width: 170px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    height: 70px !important;
    float: left !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.bottom-social-container {
    margin-right: 40px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    height: 70px !important;
    float: left !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}



.text-identifier {
    margin-right: 3px !important;
    color: #A1A1A1 !important;
}

.text-content {
    color: #3A3A3A !important;
}

.hrc-okno {
    text-align: right !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 170px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    height: 70px !important;
    float: right !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;    
}

@media (max-width: 945px) {
    .logo_noga {
        margin-right: 10px !important;
    }

    .bottom-address-container {
        width: 115px !important;
    }

    .bottom-numbers-container {
        width: 115px !important;
    }

    .hrc-okno {
        width: 125px !important;
    }
}

@media (max-width: 695px) {
    .logo_noga {
        display: none !important;
    }
}

@media (max-width: 604px) {
    .link_facebook {
        width: 30px !important;
        height: 30px !important;
    }
    .link_twitter {
        width: 30px !important;
        height: 30px !important;
    }
    .link_instagram {
        width: 30px !important;
        height: 30px !important;
    }
    .link_youtube {
        width: 30px !important;
        height: 30px !important;
    }
    .link_linkedin {
        width: 30px !important;
        height: 30px !important;
    }
}

@media (max-width: 589px) {
    .bottom-address-container {
        width: 300px !important;
    }

    .bottom-social-container {
        margin-top: 25px !important;
        width: 300px !important;
    }

    .hrc-okno {
        float: left !important;
        margin-top: 20px !important;
    }
}

@media (max-width: 464px) {
    .bottom-address-container {
        width: 250px !important;
    }  

    .bottom-social-container {
        width: 250px !important;
    }    
}

@media (max-width: 414px) {
    .bottom-address-container {
        width: 220px !important;
    }  

    .bottom-social-container {
        width: 180px !important;
    }  
}

@media (max-width: 374px) {
    .bottom-address-container {
        width: 100% !important;
    }
    .bottom-numbers-container{
        margin-top: 25px !important;
        width:100% !important;
    }
    .bottom-social-container {
        width: 100% !important;
    }

    #footer {
        height: 350px !important;
    }
}

.hrc.hrc-zasnova{
    font-size: 70% !important;
}

.user-box {
    margin-top: 21px !important;
    right: 0 !important;
    width: 50% !important;
}

@media (min-width: 900px) and (max-width: 1250px) {
    .ui-lg-4 {
        width: 33% !important;
    }

    .user-box {
        width: unset !important;
    }    
}

@media (max-width: 1250) {
    .user-box {
        width: unset !important;
    }
}

@media (min-width: 500px) and (max-width: 900px) {
    .ui-lg-4 {
        width: 50% !important;
    }

    .user-box1 {
        display: none !important;
    }    
}

@media (max-width: 500px) {
    .user-box1 {
        display: none !important;
    } 

    .user-box {
        position: absolute !important;
    } 
}

@media (min-width: 823px) and (max-width: 880px) {
    .navbarlink-title {
        font-size: 14px !important;
    }
}

@media (max-width: 823px) {
    .navbarlink-title {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .user-box {
        float: left !important;
        margin-top: 2px !important;
        margin-left: 15px !important;
        position: absolute !important;
        top: -7px !important;
        left: -20px !important;
        height: 60px !important;
        width: 45% !important;
    }
}


@media (max-width: 430px) {
    .user-img {
        display: none !important;
    }
}

.quickLink  .ui-state-active .ui-button-text{
    background-image: linear-gradient(180deg, #2c8f82, #CFE9E7) !important;
}

#layout-menubar li > a:hover {
    background-color: #cfe9e7 !important;
}

div[id^="FRM_topbar\:HHeader\:navbarlink_icon_section"] > i, 
div[id^="FRM_topbar\:HHeader\:navbarlinks_tools_section"] > i {
    font-size: 20px;
}

.navbarlinks-main {
    border-right: inherit !important;
}

body {
    font-family: 'Montserrat', 'Arial' !important;
}

/*------------ drugačna poravnava na Dashboard -----------*/
.container {
    max-width: inherit !important;
    width: inherit !important;
}

#FRM_topbar\:HHeader\:top_navbar_container_panel2,
#FRM_topbar\:HHeader\:head_section3,
#FRM_topbar\:HHeader\:menu_nav_section,
#FRM_mainAccount\:mainAccountPromet\:idMainAccount,
#board,
#FRM_obvestila,
.toolbar,
#FRM_reklama-vsebina-podrobnosti,
#produkt-body,
#FRM_eracunDatatable\:eracunTabela\:eracun-panel,
#FRM_prijavnica > div,
#FRM_prijavnicaDatatable > div,
#FRM_placila > div > div.container > #container-dashboard,
#FRM_reklama-vsebina-prejeti_sdd\:reklama-vmesna-prejeti_sdd,
#prejeti_sdd_body,
#FRM_reklama-vsebina-poodrobnosti\:reklama-vmesna-pripomocki_predloge,
#panelPredloge,
#FRMNarocila > div > div.container > #container-dashboard,
#narocilaPodrobnosti > div > div:nth-child(2) > #container-dashboard,
#FRM_pripomocki > .section > .container > #container-dashboard,
#FRMPripomocki > .section > div:nth-child(1) > #container-dashboard,
#FRM_nastavitve >  .section > .container,
#FRM_pomoc > .section > .container > #container-dshPomoc,
#FRM_Dokumenti > .section > .container,
#layout-portlets-cover > #a1 > #div_containter,
#FRM_dokumenti\:reklama-vmesna-dsh_nastavitve,
#FRM_dokumenti\:dokumentiTab,
#FRM_dokumenti\:izvrsbeTab{
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none;
}

#FRM_mainAccount\:mainAccount {
    background-image: inherit !important;
    background-color: #D8A84F;
}
/*
.account-boxes,
.account-boxes > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
}*/

/*------------------------------------------------------*/
#FRM_topbar\:HHeader\:head-nav-pomoc {
    font-size: 15px;
    padding-top: 15px;
}

#FRM_topbar\:HHeader\:top_navbar_container_panel2 > a:nth-child(3) {
    font-size: 15px;
}

#FRM_topbar\:HHeader\:clProfil,
#FRM_topbar\:HHeader\:clUserLogout2
{
    font-weight: bold;
}

.toolbar.product_head {
    background-color: #a0d1ca !important;
}

.product_head-select.ui-selectonemenu {
    background-color: inherit;
}

#FRM_mainAccount\:mainAccountPromet\:osnovniPodatki\:otIban,
#FRM_mainAccount\:mainAccountPromet\:osnovniPodatki\:otPartnerNaziv{
    font-size: 15px;
}

#FRM_mainAccount\:mainAccountPromet\:osnovniPodatki\:otNazivProdukta {
    font-size: 29px;
    font-weight: 900;
}

#FRM_mainAccount\:mainAccountPromet\:osnovniPodatki\:otPartnerNaziv {
    font-weight: 900;
}

#FRM_mainAccount\:mainAccountPromet\:osnovniPodatki\:mainAccountSelectOne_label {
    font-size: 34px !important;
    font-weight: 900 !important;
}

h2.TexAlCenter {
    font-weight: 600 !important;
    font-size: 30px !important;
}

.title_product {
    font-size: 39px !important;
}

#frm_obvestilo\:opEb1 > h2.TexAlCenter::after {
    content: " " url("/HibisEb/javax.faces.resource/images/ZalostniEmoji.png.xhtml?ln=primefaces-sentinelF");
    width: 40px;
    height: 40px;
    display: inline-flex;
}


/*-- Login maska --*/
#frm_prijava\:loginOpt > div:nth-child(6) > a {
    text-decoration: underline !important;
}

#frm_prijava\:linkPozabljenoGeslo {
    text-decoration: underline !important;
}
/*
.logo_banke {
    margin-left: auto;
    margin-right: auto;
    display: block !important;
}
*/


#login_input_c1_section > h4 {
    font-size: 23px !important;
    color: #5ea59a !important 
}

#login_icon_section_c1,
#login_icon_g_section,
#login_u_icon_section,
#login_u_icon_section2,
#icon_profile_picture_section,
#login_icon_section{
    text-align: center;
    vertical-align: middle;
}

#frm_prijava\:gumb {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    display: table !important;
}

#frm_prijava\:loginOpt > div:nth-child(7) > span > label {
    font-size: 16px;
}
/*-----------------*/


.ui-tabs-top .ui-tabs-panels,
#board
{
    padding: 0 !important;
}

#divProducts > div > div > div > div > div > div > div > a > div > div.account-box-title > h4 {
    font-size: 21px !important;
}



#FRM_mainAccount .product_head-select.ui-selectonemenu {
    opacity: 1 !important;
}

#FRM_mainAccount\:mainAccountPromet\:osnovniPodatki\:grafOp3 {
    padding-left: 28px;
}

.mainAccount-color {
    background-color: #fff !important;
}

#FRM_topbar\:HHeader\:top_navbar_container_panel2 > a:nth-child(3) {
    background-color: #2c8e82;
    height: 58px;
    padding-top: 15px;
    margin-left: 0 !important;
    border: 0px solid red;
    padding-left: 5px;
    padding-right: 5px;
}

#FRM_topbar\:HHeader\:top_navbar_container {
    padding-top: 0;
}

.account-box-badge-orange > i {
    content: '\ea22';
}

#frm_prijava\:gumb {
    padding-left: 5px;
}

#frm_prijava\:gumb > div:nth-child(1) {
    width: 179px;
}

#FRM_mainAccount .mainAccountBoxBottom .ui-selectonemenu-label {
    font-size: 15px !important;
    padding-left: 10px !important;
}

.notice-box > a{
    color: #fff !important;
}

.notice-box {
    border-radius: 0;
    background-color: #929697 !important;
    text-align: center;
    padding-top: 10px;
}

#FRM_promet-selectors\:promet-produkt-select {
    top: 0;
}

#frm_prijava\:TAB1_content {
    max-width: 1200px;
}


/*Userinfo*/
/*
#frm_obvestilo\:kontaktni_podatki_section {
    background-color: #e5e5e5;
}

#emptyBox1 {
    background-color: #f0f0f0;
}
*/


.mainAccountMain {
    padding: inherit !important;
}

#idTitleStrani,
#promBoard,
#FRMNarocilaMobilno\:mobilneNapravePanel{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.account-box-add-wrapper > a,
#FRM_dashboard\:dashboard-tabView\:j_idt146\:j_idt149\:j_idt151 > div:nth-child(1){
    width: 100% !important;
}

div[id*="addProdukt_content"] > div {
    padding: 5px !important;
}

.ui-panel {
    border: 0 !important;
}

tbody[id*="FRM_mainAccount:mainAccountPromet"] > tr > td:nth-child(1){
    white-space: nowrap;
}

#FRMNarocila\:seznamNarocilTable_data > tr:nth-child(2) > td > div > div > div > div > div:nth-child(2) > div > table > tbody > tr > td:nth-child(1){
    white-space: nowrap;
}

.ui-button-orange.ui-button-product_head .ui-button-text {
    background-color: #f3f3f3 !important;
    background-image: none !important;
    color: #5EA39A !important;
}

.ui-button.ui-state-active .ui-button-text, .ui-buttonset .ui-state-active .ui-button-text {
    color: white !important;
    background-color: #5EA39A !important;
}

.quickLink {
  float: right;
  padding-top: 10px;
  padding-right: 0px !important;
}

.ui-fileupload-choose .ui-icon-plusthick, .ui-fileupload-simple .ui-icon-plusthick {
  background-image: url("/HibisEb/javax.faces.resource/images/plus-sign.svg.xhtml?ln=primefaces-sentinelF&v=10.0.15&e=10.0.7") !important;
  background-position: center !important;
  background-size: 100% !important;
}