/*! jQuery UI - v1.10.4 - 2014-06-03
* http://jqueryui.com
* Includes: jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=10px&bgColorHeader=3a8104&bgTextureHeader=highlight_soft&bgImgOpacityHeader=33&borderColorHeader=3f7506&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=285c00&bgTextureContent=inset_soft&bgImgOpacityContent=10&borderColorContent=72b42d&fcContent=ffffff&iconColorContent=72b42d&bgColorDefault=4ca20b&bgTextureDefault=highlight_soft&bgImgOpacityDefault=60&borderColorDefault=45930b&fcDefault=ffffff&iconColorDefault=ffffff&bgColorHover=4eb305&bgTextureHover=highlight_soft&bgImgOpacityHover=50&borderColorHover=8bd83b&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=285c00&bgTextureActive=highlight_hard&bgImgOpacityActive=30&borderColorActive=72b42d&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fbf5d0&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=4eb305&bgColorError=ffdc2e&bgTextureError=diagonals_thick&bgImgOpacityError=95&borderColorError=fad000&fcError=2b2b2b&iconColorError=cd0a0a&bgColorOverlay=444444&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=15&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=diagonals_small&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=0px&offsetTopShadow=4px&offsetLeftShadow=4px&cornerRadiusShadow=4px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* FONT-FACE*//*
@font-face {
    font-family: 'Arial Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url("/HibisEb/jakarta.faces.resource/fonts/SourceSansPro-Regular.eot.xhtml?ln=primefaces-sentinel");
   
    src: local("Source Sans Pro"), local("Source Sans Pro"), url("/HibisEb/jakarta.faces.resource/fonts/SourceSansPro-Regular.eot.xhtml?ln=primefaces-sentinel?#iefix") format("embedded-opentype"), url("/HibisEb/jakarta.faces.resource/fonts/SourceSansPro-Regular.woff2.xhtml?ln=primefaces-sentinel") format("woff2"), url("/HibisEb/jakarta.faces.resource/fonts/SourceSansPro-Regular.woff.xhtml?ln=primefaces-sentinel") format("woff"), url("/HibisEb/jakarta.faces.resource/fonts/SourceSansPro-Regular.ttf.xhtml?ln=primefaces-sentinel") format("truetype"), url("/HibisEb/jakarta.faces.resource/fonts/SourceSansPro-Regular.svg.xhtml?ln=primefaces-sentinel#Source Sans Pro") format("svg");
  
} https://localhost:8181/HibisEb/jakarta.faces.resource/fonts/Corporative-Black.woff2.xhtml?ln=primefaces-sentinel
*/
/*
@font-face {
    font-family:'Corporative';
    font-style:normal;
    font-weight:300;
    src:local("Corporative"),
        url("/HibisEb/jakarta.faces.resource/fonts/Corporative-Book.woff2.xhtml?ln=primefaces-sentinel") format("woff2"),
        url("/HibisEb/jakarta.faces.resource/fonts/Corporative-Book.woff.xhtml?ln=primefaces-sentinel") format("woff"),
        url("/HibisEb/jakarta.faces.resource/fonts/Corporative-Book.ttf.xhtml?ln=primefaces-sentinel") format("truetype")
}

@font-face {
    font-family:'Corporative';
    font-style:normal;
    font-weight:400;
    src:local("Corporative"),
        url("/HibisEb/jakarta.faces.resource/fonts/Corporative-Regular.woff2.xhtml?ln=primefaces-sentinel") format("woff2"),
        url("/HibisEb/jakarta.faces.resource/fonts/Corporative-Regular.woff.xhtml?ln=primefaces-sentinel") format("woff"),
        url("/HibisEb/jakarta.faces.resource/fonts/Corporative-Regular.ttf.xhtml?ln=primefaces-sentinel") format("truetype")
}

@font-face {
    font-family:'Corporative';
    font-style:normal;
    font-weight:500;
    src:local("Corporative Medium"),
        url("/HibisEb/jakarta.faces.resource/fonts/Corporative-Medium.woff2.xhtml?ln=primefaces-sentinel") format("woff2"),
        url("/HibisEb/jakarta.faces.resource/fonts/Corporative-Medium.woff.xhtml?ln=primefaces-sentinel") format("woff"),
        url("/HibisEb/jakarta.faces.resource/fonts/Corporative-Medium.ttf.xhtml?ln=primefaces-sentinel") format("truetype")
}
@font-face {
    font-family:'Corporative';
    font-style:normal;
    font-weight:700;
    src:local("Corporative Bold"),
        url("/HibisEb/jakarta.faces.resource/fonts/Corporative-Bold.woff2.xhtml?ln=primefaces-sentinel") format("woff2"),
        url("/HibisEb/jakarta.faces.resource/fonts/Corporative-Bold.woff.xhtml?ln=primefaces-sentinel") format("woff"),
        url("/HibisEb/jakarta.faces.resource/fonts/Corporative-Bold.ttf.xhtml?ln=primefaces-sentinel") format("truetype")
}
@font-face {
    font-family:'Corporative';
    font-style:normal;
    font-weight:900;
    src:local("Corporative Black"),
        url("/HibisEb/jakarta.faces.resource/fonts/Corporative-Black.woff2.xhtml?ln=primefaces-sentinel") format("woff2"),
        url("/HibisEb/jakarta.faces.resource/fonts/Corporative-Black.woff.xhtml?ln=primefaces-sentinel") format("woff"),
        url("/HibisEb/jakarta.faces.resource/fonts/Corporative-Black.ttf.xhtml?ln=primefaces-sentinel") format("truetype")
}
*/

@font-face {
    font-family: 'Corporative';
    font-style: normal;
    font-weight: 400;
    src: local("Corporative"),
    url("/HibisEb/jakarta.faces.resource/fonts/5183220-Corporative-Regular.woff2.xhtml?ln=primefaces-sentinel") format("woff2"),
    url("/HibisEb/jakarta.faces.resource/fonts/5183220-Corporative-Regular.woff.xhtml?ln=primefaces-sentinel") format("woff")
}

@font-face {
    font-family: 'Corporative';
    font-style: normal;
    font-weight: 300;
    src: local("Corporative"),
    url("/HibisEb/jakarta.faces.resource/fonts/CorporativeW05-Book.woff2.xhtml?ln=primefaces-sentinel") format("woff2"),
    url("/HibisEb/jakarta.faces.resource/fonts/CorporativeW05-Book.woff.xhtml?ln=primefaces-sentinel") format("woff")
}

@font-face {
    font-family: 'Corporative';
    font-style: normal;
    font-weight: 500;
    src: local("Corporative Medium"),
    url("/HibisEb/jakarta.faces.resource/fonts/CorporativeW05-Medium.woff2.xhtml?ln=primefaces-sentinel") format("woff2"),
    url("/HibisEb/jakarta.faces.resource/fonts/CorporativeW05-Medium.woff.xhtml?ln=primefaces-sentinel") format("woff")
}

/*
@font-face {
    font-family:'Corporative';
    font-style:normal;
    font-weight:700;
    src:local("Corporative Black Italic"),
        url("/HibisEb/jakarta.faces.resource/fonts/CorporativeW05-BlackItalic.woff2.xhtml?ln=primefaces-sentinel") format("woff2"),
        url("/HibisEb/jakarta.faces.resource/fonts/CorporativeW05-BlackItalic.woff.xhtml?ln=primefaces-sentinel") format("woff")
}
*/
/*------------------Menu------------------------*/
/*Pisava*/
.ui-widget {
    font-family: "Corporative", Helvetica, Arial, sans-serif !important;
}

body {
    font-family: "Corporative", Helvetica, Arial, sans-serif !important;
    background: white;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #BAAFCC !important;;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #BAAFCC !important;;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #BAAFCC !important;;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #BAAFCC !important;;
}

.ui-datepicker .ui-state-disabled .ui-state-default {
    color: #666;
    text-align: center;
    font-family: "Corporative", Helvetica, Arial, sans-serif;
}

.ui-outputlabel {
    font-family: "Corporative", Helvetica, Arial, sans-serif;
    color: #422373;
}

.dark-grey-background {
    background-color: white;
    color: #422373;
    box-shadow: 0 4px 20px 0 rgba(66, 35, 115, 0.1) !important;;

}

.ui-inputfield {
    color: #422373;
    font-size: 16px;
    font-family: "Corporative", Helvetica, Arial, sans-serif;
    padding: 8px !important;
    border: solid 1px #BAAFCC;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-color: #fff;
    min-height: 48px;
    border-radius: 5px;
}

.ui-inputfield.ui-inputtext {
    border-radius: 5px;
}

.filter-panel .ui-inputfield {
    background-color: white;
}

.ui-panel .ui-panel-content.ui-widget-content {
    font-size: 16px;
    color: #422373;
}

#FRM_komunikacijski-center .ui-panel .ui-panel-content.ui-widget-content:hover {
    color: #E50051;;
}

#FRM_komunikacijski-center .ui-panel .ui-panel-content.ui-widget-content:hover .green-badge {
    color: white !important;;
    background-color: #E50051 !important;;
}

.login label {
    color: #422373;
}

.ui-selectonemenu {
    border: solid 1px #BAAFCC !important;
}

.ui-widget-header {
    color: #ffffff;
    font-weight: bold;
}

.sporocila .ui-datatable .ui-datatable-even, .sporocila .ui-datatable .ui-datatable-odd {
    background-color: #f0f0f0;
}

.sporocila .ui-datatable .ui-paginator {
    background-color: #f0f0f0;
}

.ui-datatable table thead tr th {
    color: #422373;
    background-color: white;
    border: 1px solid #e5e5e5;
    border-bottom: 3px solid #422373;
    outline: none;
    padding: 5px;
    font-size: 14px;
    font-weight: normal;
    padding: 10px;
    text-align: left;
}

.ui-datatable .ui-datatable-scrollable-header table thead tr th.ui-state-active {
    background-color: #422373 !important;
    color: #fff;
}

.ui-draggable-dragging {
    color: #422373;
    border: solid 1px #ccc;
}

.ui-datagrid:hover, .ui-datagrid:focus {
    border: solid 1px #422373;
}

.ui-datagrid .ui-paginator .ui-state-active,
.ui-datagrid .ui-paginator .ui-paginator-pages .ui-state-active {
    background-color: #422373;
    color: #ffffff !important;
    background-repeat: no-repeat;
    border: solid 1px #422373;
}

.ui-datagrid .ui-paginator .ui-state-hover,
.ui-datagrid .ui-paginator .ui-paginator-pages .ui-state-hover {
    background-color: #75C9EC;
    color: #ffffff !important;
    background-repeat: no-repeat;
    border: solid 1px #422373;
}

.ui-datalist:hover, .ui-datalist:focus {
    border: solid 1px #422373;
}

.ui-datalist .ui-paginator .ui-state-active,
.ui-datalist .ui-paginator .ui-paginator-pages .ui-state-active {
    background-color: #422373;
    color: #ffffff;
    background-repeat: no-repeat;
    border: solid 1px #422373;
}

.ui-datalist .ui-paginator .ui-state-hover,
.ui-datalist .ui-paginator .ui-paginator-pages .ui-state-hover {
    background-color: #75C9EC;
    color: #ffffff;
    background-repeat: no-repeat;
    border: solid 1px #422373;
}

.ui-orderlist:hover, .ui-orderlist:focus {
    border-color: #422373 !important;
}

.ui-orderlist .ui-orderlist-list .ui-state-hover {
    background-color: #F1F4F7;
    color: #422373;
}

.ui-orderlist .ui-orderlist-list .ui-state-highlight {
    background-color: #DDE4EA;
    color: #422373;
}

.ui-carousel:hover, .ui-carousel:focus {
    border: solid 1px #422373;
}

.fc:hover, .fc:focus {
    border: solid 1px #422373;
}

.fc-header tbody tr td .ui-state-hover, .fc-header tbody tr td .ui-state-active {
    color: #422373;
    background-repeat: no-repeat;
    border: solid 1px #422373;
}

.fc-header tbody tr td span h2 {
    font-size: 18px;
    margin: 0px;
    color: #422373;
}

.fc-content .fc-view-month table tbody tr td:hover {
    border-color: #422373;
    color: #422373;
}

.fc:hover, .fc:focus {
    border: solid 1px #422373;
}

.fc-toolbar .ui-state-active, .fc-toolbar .ui-state-hover {
    border: solid 1px #422373;
    color: #27aee1;
}

.fc-center {
    color: #422373;
    font-size: 12px;
}

.fc-view-container .fc-month-view table tbody tr .fc-day:hover {
    border-color: #422373 !important;
    color: #422373;
}

.fc-more-cell .fc-more {
    color: #422373;
    text-decoration: underline;
}

.ui-tree:hover {
    border: solid 1px #422373;
}

.ui-tree .ui-treenode .ui-treenode-label.ui-state-hover {
    color: #422373;
}

.ui-tree .ui-tree-droppoint.ui-state-hover {
    background-color: #422373;
}

.ui-treetable:hover {
    border: solid 1px #422373;
}

.ui-treetable table thead tr th.ui-state-active, .ui-treetable table thead tr th.ui-state-hover {
    background-color: #422373;
    color: #fff;
}

.ui-treetable table tbody .ui-state-hover td {
    color: #422373 !important;
    background-color: #eff3f5;
}

.ui-tree-horizontal .ui-treenode .ui-state-hover {
    color: #422373;
    border: solid 1px #422373 !important;
}

.ui-accordion:hover {
    border: solid 1px #422373 !important;
}

.ui-panelgrid thead tr td, .ui-panelgrid tfoot tr td {
    color: #422373;
    background-color: #eff3f5;
    border: solid 1px #C0C5C7 !important;
}

.ui-toolbar:hover {
    border: solid 1px #422373;
}

.ui-tabs-top:hover {
    border: unset;
}

.ui-tabs-left:hover {
    border: solid 1px #422373;
}

.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: #422373 !important;
}

.ui-tabs-right:hover {
    border: solid 1px #422373;
}

.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: #422373 !important;
}

.ui-tabs-bottom:hover {
    border: solid 1px #422373;
}

.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: #422373 !important;
}

.ui-dashboard:hover {
    border: solid 1px #422373;
}

.ui-dashboard-column > .ui-state-hover {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border: dashed 1px #422373;
    background-color: #DAE8EF;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 5px 15px !important;
    color: #422373;
    background-color: #FBFCFD;
    font-size: 16px;
    border-bottom: solid 0px !important
}

.ui-dialog .ui-dialog-footer {
    background-color: #FBFCFD;
    border-top: solid 0px !important
}

.ui-fieldset:hover {
    border: solid 1px #422373;
}

.ui-menu:hover, .ui-menu:focus {
    border: solid 1px #422373;
}

.ui-menu .ui-menu-list .ui-widget-header:hover {
    color: #422373;
}

.ui-menu .ui-menu-list .ui-menuitem .ui-state-hover, .ui-menu .ui-menu-list .ui-state-hover {
    background-color: #f1f4f7;
    color: #422373;
}

.ui-menu .ui-state-hover .ui-menuitem-link {
    color: #422373 !important;
}

.ui-menu .ui-slidemenu-wrapper .ui-slidemenu-backward:hover {
    color: #422373;
}

.ui-messages-info,
.ui-message-info {
    color: #0a6735 !important;
    background-color: #FBFCFD !important;
    border-color: #0a6735 !important;
    font-size: 14px;
    font-weight: normal;
    padding: 6px !important;
}

.ui-panel .ui-panel-titlebar {
    padding: 10px !important;
    font-size: 14px;
    border: none;
    /*! border-bottom: 1px solid #e5e5e5; */
    color: #422373;
    text-shadow: none;
    /*! z-index:100; */
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    background: #FFF;
    /*  background-image: -webkit-linear-gradient(90deg, #f3f3f3, #fff);
      background-image: linear-gradient(0deg, #f3f3f3, #fff);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0);
    font-family: "Corporative", Helvetica, Arial, sans-serif;;
}

.ui-panel .ui-panel-titlebar a.ui-commandlink.ui-state-active {
    color: #422373;
}

.ui-selectonemenu-panel {
    overflow: hidden;
    border: solid 1px #422373;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0px 0px 3px 0px 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;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    font-size: 16px;
    -moz-border-radius: 0px !important;
    margin: 0px !important;
    color: #422373;
    padding: 8px !important;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-color: white;
}

.ui-selectonemenu-panel .ui-state-highlight, .ui-selectcheckboxmenu-panel .ui-state-highlight {
    color: #0a6735 !important;
}

.ui-selectonemenu-panel .ui-state-hover, .ui-selectcheckboxmenu-panel .ui-state-hover {
    color: #422373;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-color: #F5F5F5;
}

.ui-selectonemenu-panel {
    background-color: #FFF;
    color: #422373;
}

.ui-selectonemenu-panel .ui-selectonemenu-table td {
    border: none !important;
    border-top: solid 1px #cfcfcf !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    font-size: 14px;
    -moz-border-radius: 0px !important;
    margin: 0px !important;
    color: #422373;
    padding: 6px !important;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    padding-right: 20px !important
}

.ui-selectonemenu-panel tr.ui-state-highlight td {
    color: #422373;
}

.ui-selectonemenu-panel .ui-selectonemenu-table tr.ui-state-hover td {
    color: #422373;
}

.ui-selectcheckboxmenu-panel {
    background-color: #FBFCFD;
    overflow: hidden;
    border: solid 1px #422373;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3) !important;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-checked {
    background-color: #DDE4EA;
    color: #422373;
}

.ui-log:hover, .ui-log:focus {
    border: solid 1px #422373;
}

.ui-chkbox-box .ui-icon-check {
    color: #422373;
    border-radius: 0px;
    background-image: none !important;
    text-indent: 0px;
    position: relative;
}

.ui-chkbox-box .ui-icon-check:before {
    content: "\f00c";
    color: #422373;
    border-radius: 0px;
    background-image: none !important;
    font-family: 'FontAwesome';
    font-size: 18px;
    position: absolute;
    left: 0;
    top: -5px;
    width: 25px;
    height: 25px;
    text-align: center;
}

.form-part .ui-chkbox .ui-chkbox-box {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background-color: white;

}

.form-part .ui-chkbox .ui-chkbox-box:hover {
    background-color: #f3f3f3;
}

.ui-selection-column .ui-chkbox .ui-chkbox-box {
    border-radius: 3px;
    border-collapse: separate;
    border: 1px solid #422373;
}

.ui-selection-column .ui-chkbox .ui-chkbox-box:hover {
    background: #f3f3f3;
}

.ui-selection-column .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon {
    width: 17px;
    height: 17px;

}

.ui-selection-column .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon::before {
    top: -6px;
    left: 0px;
}

.ui-selection-column .ui-chkbox {
    border-collapse: separate;
    border-radius: 3px;
}

.ui-chkbox .ui-chkbox-box.ui-state-hover, .ui-chkbox .ui-chkbox-box.ui-state-active {
    border-radius: 3px;
}

#keypad-div {
    background-color: #F1F4F7;
    padding: 5px !important;
    border: solid 1px #422373;
}

#keypad-div .keypad-row button.ui-state-hover {
    background-color: #FBFCFD;
    color: #422373;
}

.ui-password-panel {
    font-size: 14px;
    color: #72828B;
    border: solid 1px #422373;
    padding: 10px !important;
    background-color: #FBFCFD !important;
}

.ui-inputswitch:hover, .ui-inputswitch:focus {
    border: solid 1px #422373;
}

.ui-selectonelistbox:hover {
    border: solid 1px #422373;
}

.ui-selectonelistbox .ui-state-hover {
    color: #422373;
    background-color: #F1F3F5;
}

.ui-selectonelistbox .ui-state-highlight {
    background-color: #DDE4EA !important;
    color: #422373;
}

.ui-selectmanymenu:hover {
    border: solid 1px #422373;
}

.ui-selectmanymenu .ui-state-hover {
    color: #422373;
}

.ui-selectmanymenu .ui-state-highlight {
    background-color: #dde4ea !important;
    color: #422373;
}

.ui-slider-range {
    background-color: #422373;
}

.ui-datepicker-header {
    font-size: 14px;
    border: none !important;
    border-radius: 0px;
    background: none;
    color: #422373;
    font-weight: 600;
}

.ui-datepicker-header .ui-datepicker-prev-hover {
    background-color: #422373;
    left: 3px;
    top: 3px;
}

.ui-datepicker-header .ui-datepicker-next-hover {
    background-color: #422373;
    right: 3px;
    top: 3px;
}

.ui-datepicker-calendar tbody tr td:hover {
    background-color: #A4A8B0;
    border-radius: 50px;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-today a {
    color: #422373;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-current-day {
    background-color: #e8e8e8;
    color: #422373; /*! border: 0px solid #00FF00; */
    border-radius: 50px;
}

.ui-tooltip {
    background-color: #FBFCFD;
    border: solid 1px #422373;
    color: #422373;
    border-top-left-radius: 0px;
    opacity: 0.8;
    z-index: 99999999 !important;
}

.ui-commandlink {
    color: #0a6735;
    text-decoration: none;
    margin-right: 5px;
}

.ui-commandlink.whitetext-underline {
    color: #422373 !important;
    text-decoration: underline;
    margin-right: 0;
}

.ui-link {
    color: #422373 !important;
    text-decoration: none;
    margin-right: 5px;
    font-size: 16px;
}

.ui-editor:hover, .ui-editor:focus {
    border: solid 1px #422373;
}

.ui-progressbar:hover {
    border: solid 1px #422373;
}

.ui-autocomplete-panel {
    border: solid 1px #422373;
    background-color: #FBFCFD;
    background-color: #F1F4F7;
}

.ui-autocomplete-panel .ui-autocomplete-items .ui-state-highlight {
    background-color: #ffffff;
    color: #422373;
}

.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-state-hover {
    color: #422373;
    background-color: #F1F4F7 !important;
}

.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-state-highlight {
    color: #422373;
    background-color: #DDE4EA !important;
}

.ui-selectonemenu.ui-state-hover,
.ui-selectcheckboxmenu:hover {
    border-color: #422373 !important;
}

.GreenButton .ui-button-text {
    box-shadow: inset 0 0 0 1px #54DB26;
    border: solid 1px #2B8717;
    text-shadow: 0 -1px 0 #18840B;
    background: #2dc915;
    background: -moz-linear-gradient(top, #2dc915 0%, #0bb113 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #2dc915), color-stop(100%, #0bb113));
    background: -webkit-linear-gradient(top, #2dc915 0%, #0bb113 100%);
    background: -o-linear-gradient(top, #2dc915 0%, #0bb113 100%);
    background: -ms-linear-gradient(top, #2dc915 0%, #0bb113 100%);
    background: linear-gradient(to bottom, #2dc915 0%, #0bb113 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dc915', endColorstr='#0bb113', GradientType=0);
}

.GreenButton:hover .ui-button-text, .GreenButton:focus .ui-button-text {
    color: #ffffff !important;
    background: #0bb113;
    background: -moz-linear-gradient(top, #0bb113 0%, #2dc915 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #0bb113), color-stop(100%, #2dc915));
    background: -webkit-linear-gradient(top, #0bb113 0%, #2dc915 100%);
    background: -o-linear-gradient(top, #0bb113 0%, #2dc915 100%);
    background: -ms-linear-gradient(top, #0bb113 0%, #2dc915 100%);
    background: linear-gradient(to bottom, #0bb113 0%, #2dc915 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0bb113', endColorstr='#2dc915', GradientType=0);
}

.hardblue {
    color: #0a6735 !important;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
    border: solid 1px #ffffff;
    background: #422373;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    background: -moz-linear-gradient(top, #422373 0%, #422373 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #422373), color-stop(100%, #422373));
    background: -webkit-linear-gradient(top, #422373 0%, #422373 100%);
    background: -o-linear-gradient(top, #422373 0%, #422373 100%);
    background: -ms-linear-gradient(top, #422373 0%, #422373 100%);
    background: linear-gradient(to bottom, #422373 0%, #422373 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#422373', endColorstr='#422373', GradientType=0);
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button.ui-state-hover {
    background-color: #3ac162;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button.ui-state-active {
    background-color: #3ac162;
}

.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: #3ac162;
}

.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: #3ac162;
}

h1 {
    margin-top: 0px;
    margin-bottom: 32px;
    color: #e50051;
    font-size: 43px;
    font-weight: 500;
    line-height: 57px;
}

.product_head .title_product h1 {
    color: #E50051;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 37px;
}

.title_product {
    margin-top: 11px;
    margin-bottom: 10px;
    font-size: 37px;
    line-height: 37px;
    font-weight: 300;
    color: #E50051;
}

h2 {
    font-size: 30px;
    color: #e50051;
    margin-top: 0px;
    margin-bottom: 24px;
    line-height: 43px;
    font-weight: bold;
}

h3 {
    margin-top: 0px;
    margin-bottom: 24px;
    color: #e50051;
    font-size: 24px;
    line-height: 29px;
    font-weight: 500;
}

h4 {
    margin-top: 0px;
    margin-bottom: 24px;
    color: #422373;
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    text-transform: none;
}

.account-box-title h4 {
    margin-bottom: 05px;
}

a {
    color: #422373;
    text-decoration: none;
}

.section.green {
    background-color: #422373;
}

.close-slide-menu {
    position: absolute;
    top: 8px;
    right: 8px;
    color: #422373;
    font-size: 22px;
    font-weight: 600;
    cursor: pointer;
}

.slide-menu-list a:hover {
    background-color: #422373;
    color: #fff;
}

.top_navbar a.top_navbar-pomoc {
    background-color: #422373;
    position: relative;
    top: 0px;
    display: inline-block;
    height: 26px;
    padding-right: 5px;
    padding-left: 5px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.head {
    height: 54px;
    position: relative;
    left: 0px;
    right: 0px;
    z-index: 980;
    padding: 0 15px 0 17px;
    border-radius: 0px;
    background-color: white;
    color: #333;
}

.home-icon:hover {
    color: #0a6735;
}

.com-title {
    padding: 6px 10px;
    float: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: #422373;
    color: #fff;
    text-align: left;
    cursor: pointer;
}

.notice-box {
    border-radius: 0px;
    border: 1px solid #d6d6d6;
    font-size: 18px;
    font-weight: 600;
    overflow: hidden;
    color: #0a6735;
    height: 100%;
}

.notice-box, .notice-box ui-commandlink {
    color: #0a6735;
    height: 80px;
    line-height: 62px;
}

.notice-box.active, .notice-box.active ui-commandlink {
    color: #422373;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li {
    padding-right: 2px;
}

.ui-tabs .ui-tabs-nav li a {
    background-color: white;
    color: #422373 !important;
    border-color: #422373 !important;;
    font-size: 16px;
    border-radius: 3px;
}

.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs-top .ui-tabs-nav li.ui-tabs-active {
    background-color: #white !important;
}

.ui-tabs-top .ui-tabs-nav li.ui-state-hover {
    background-color: white !important;

}

.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a,
    /*.ui-tabs-top .ui-tabs-nav li.ui-tabs-active a {
        border-style: solid;
        border-width: 1px 1px 1px;
        border-color: #E50051 !important;
        border-radius: 3px;
        background-color: white;
        color: #E50051 !important;
        font-weight: 400;
        padding-bottom: 12px !important;
        font-size: 16px;
    }
    */
.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: white !important;
    background-color: #422373 !important;
    border-bottom: 1px solid !important;
    border-radius: 3px !important;
    border-color: #8673A5 !important;
    border-radius: 3px;
    padding-bottom: 12px !important;
    font-size: 16px;
}


.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 {
    background-color: #422373 !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: 0px;
    background-color: #422373 !important;
    color: #fff !important;
}

.show-hide-save {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #422373;
    cursor: pointer;
    color: #FFF;
    align-items: center;
    justify-content: center;
    display: none;
}

.account-box-icon {
    position: absolute;
    top: 15px;
    right: 10px;
    color: #422373;
    font-size: 27px;
}

.ui-commandlink .account-box-content, .ui-commandlink .account-box-amount, .ui-commandlink .account-box-amount-small {
    color: #422373 !important;
}

.account-box-badge {
    display: inline-block;
    float: left;
    margin-right: 1px;
    height: 26px;
    min-width: 31px;
    padding-right: 10px;
    padding-left: 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #422373;
    color: #fff;
    line-height: 26px;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}

.account-box-badge-orange {
    background-color: #422373;
}

.account-box.account-box-add {
    background-color: #422373;
    color: #FFF;
    text-align: center;
    font-size: 19px;
}

.account-box.account-box-add:hover {
    background-color: #422373;
}

.toolbar.product_head {
    height: auto;
    padding-top: 10px;
    padding-right: 15px;
    border-radius: 0px;
    background-image: none;
    color: #fff;
    font-weight: bold;
    background-color: white;
    color: #422373 !important;
    border: solid 1px #422373 !important;
    border-radius: 10px;
    /* box-shadow: inset 0 4px 20px 0 rgba(66,35,115,0.1);*/
}

.ui-button:hover {
    background: #8673A5;;;
}

.ui-button-text {
    font-size: 16px;
}

.ui-button-orange.ui-button-text-only {
    background-color: #8673A5;
}

#frm_prijava .ui-button-orange.ui-button-text-only {
    background-color: #422373;
    border: 2px solid #422373;
}

#frm_prijava .ui-button-orange.ui-button-text-only:hover {
    background-color: #8673A5;
    border: 2px solid #8673A5;
}

/*
.button:hover {
    background-image: -webkit-linear-gradient(270deg, #422373, #278017);
    background-image: linear-gradient(180deg, #422373, #278017);
    color: #fff;
}
.button.w--current {
    background-color: #422373;
    background-image: none;
}
.button {
    border: 1px solid #fff;
    margin-right: 5px;
    margin-bottom: 10px;
    border-radius: 0px;
    background-color: #422373;
    background-image: -webkit-linear-gradient(270deg, #422373, #2c8f1b);
    background-image: linear-gradient(180deg, #422373, #2c8f1b);
    font-weight: 400;
}
.ui-button-text {
    background-image: linear-gradient(180deg, #422373, #422373);
    color: #FFF;
    box-shadow: none;
    font-size: 16px;
    border-color: #FFF;
    text-shadow: none;
}
.ui-button.ui-state-hover .ui-button-text {
    color: #FFF;
}
.ui-button-orange.ui-button-product_head .ui-button-text {
    background-color: #422373;
    background-image: none;
    border-radius: 0px !important;
}

.ui-button-orange.ui-button-product_head .ui-button-text:hover {
    background-color: #e50051 !important;
}

.ui-button.ui-state-hover.ui-button-orange.ui-button-product_head .ui-button-text {
    background-color: #e50051 !important;
}
.ui-button-orange.ui-button-text-only{
     background-color: #e50051;  
}
.ui-button-text-only.ui-state-hover .ui-button-text {
    background-image: linear-gradient(180deg, #e50051, #e50051);
}
*/
.ui-selectonemenu-panel .ui-state-highlight, .ui-selectcheckboxmenu-panel .ui-state-highlight {
    color: #422373 !important;
}

.product_head-select.ui-selectonemenu {
    border: none !important;
    box-shadow: none !important;
    background-color: #422373;
    padding-right: 30px !important;
}

.ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link {
    border-color: #422373;
}

.ui-steps .ui-steps-item .ui-steps-number {
    font-size: 16px;
    border: none !important;
    background: none;
    background-color: transparent;
    color: #422373;
    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: #0a6735;
}

.ui-steps .ui-steps-title {
    display: inline-block !important;
    font-size: 16px;
    color: #422373;
    margin-left: 5px;
}

.ui-steps .ui-steps-item.ui-state-disabled .ui-steps-title, .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
    color: #0a6735;
}

.ui-commandlink.filter-button {
    color: #422373 !important;
    margin-right: 0;
}

.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;
    background-color: #fff;
    color: #422373 !important;
    font-size: 13px;
    background-image: none;
    border-radius: 0px !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;
    background-image: none;
    color: #422373;
}

.login {
    background-color: white;
}

.placila-box {
    padding: 0;
    margin: 0;
    overflow: hidden;
    background-color: #422373;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .09);
}

.placila-box.white .placila-box-content {
    color: #422373;
}

.account-details a {
    color: #422373;
}

.account-details a:hover {
    color: #0a6735;
}

.card-box .card-box-title h4 {
    margin-top: 35px;
    margin-bottom: 5px;
    color: #0a6735;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    text-transform: none;
    text-align: center;
}

.card-box .card-box-link a {
    display: block;
    margin-bottom: 15px;
    text-align: center;
    color: #422373;
    text-decoration: none;
}

.card-box .card-box-link a:hover {
    color: #0a6735;
}

.icon-large {
    width: 80px;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 28px 22px 28px 22px;
    border: 2px solid #422373;
    border-radius: 50%;
    background-color: #fff;
}

.account-box.settings.active {
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    padding: 8px 15px;
    background-color: #422373;
}

.ui-panel-title .ui-commandlink.ui-widget.active {
    color: #e50051 !important;
}

.step {
    display: block;
    padding: 10px 22px;
    float: right;
    border: 2px solid #e5e5e5;
    border-radius: 23px;
    color: #0a6735;
}

.step.active {
    border-color: #422373;
}

.fa.fa-angle-down {
    position: absolute;
    top: 20px;
    right: 17px;
    color: #422373;
    font-size: 24px;
}

.cur .button-orange {
    background-image: -webkit-linear-gradient(270deg, #422373, #d67535);
    background-image: linear-gradient(180deg, #422373, #d67535);
    border: 1px solid #fff;
}

.cur .button-orange:hover {
    background-image: -webkit-linear-gradient(270deg, #d18034, #cc7033);
    background-image: linear-gradient(180deg, #d18034, #cc7033);
}

.icon_toolbar {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 31px;
    height: 36px;
    color: #422373;
    font-size: 26px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
}

a.button.button-blank:hover {
    color: #422373;
}

.button.button-blank {
    background: none;
    background-color: transparent;
    border: none;
    margin-left: 15px;
    margin-right: 15px;
    float: right;
}

.field-menjalnica .ui-inputfield.ui-state-hover {
    color: #422373 !important;
}

.green-badge {
    display: inline-block;
    min-width: 25px;
    margin-left: 5px;
    border-radius: 50%;
    background-color: #422373;
    color: #fff;
    text-align: center;
    padding: 0px 5px;
}

.active .green-badge {
    background-color: #e50051;
}

.orange-badge {
    display: inline-block;
    min-width: 20px;
    margin-left: 5px;
    border-radius: 50%;
    background-color: #422373;
    color: #fff;
    line-height: 20px;
    text-align: center;
}

.message-icon {
    display: block;
    font-size: 24px;
    color: #422373
}

p.sender {
    color: #422373;
}

a.overflow-link {
    color: #422373;
    font-weight: 700;
}

a.overflow-link:hover {
    color: #422373;
    text-decoration: underline;
}

.more-messages {
    color: #422373 !important;
    text-decoration: underline;
}

.close-modal {
    position: absolute;
    top: 20px;
    right: 20px;
    font-weight: 600;
    color: #0a6735;
    font-size: 20px;
}

/*.ui-button.ui-state-active .ui-button-text, .ui-buttonset .ui-state-active .ui-button-text{background-image: linear-gradient(180deg, #422373, #422373);
                                                                                           color: #FFF;
                                                                                           box-shadow: none;
                                                                                           border-color: #FFF;
                                                                                           text-shadow: none; }
/*
.ui-button.ui-button-orange.ui-state-active .ui-button-text, .ui-buttonset .ui-button-orange.ui-state-active .ui-button-text{
    background-color: #e53212 !important; 
    background-image:none !important;
    color: #FFF !important;
    box-shadow: none;
    font-size: 16px;
    border-color: #FFF;
    text-shadow: none; }
*/
.alert {
    background-color: #422373;
    border: 1px solid #422373;
    margin-bottom: 15px;
    padding: 10px 15px;
    color: #fff;
    border-radius: 5px;
}

.predloga a:hover {
    color: #0a6735;
}

.buttons-pay {
    box-shadow: 0 4px 20px 0 rgba(66, 35, 115, 0.1);
    border-radius: 5px;
    border: 1px solid #422373;
    background-color: white;
    color: #422373;
    text-align: center;
    display: block;
    margin-bottom: 10px;
    padding: 18px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.buttons-pay .barvaMI, .buttons-pay .white {
    color: #422373;
}

.buttons-pay:hover {
    background-color: white;
    border: 1px solid #8673A5;
    color: #BAAFCC;
}

.buttons-pay:hover .barvaMI, .buttons-pay:hover .white {
    color: #BAAFCC;
}

.buttons-pay-white {
    background-color: white;
}

.buttons-pay.buttons-pay-white:hover, .buttons-pay.buttons-pay-white:hover .ShowOnDesktop .barvaMI2, .buttons-pay.buttons-pay-white:hover .ShowOnDesktop .green {
    background-color: white;
    color: #BAAFCC !important;
}


.card-box .card-box-title h4 {
    margin-top: 35px;
    margin-bottom: 5px;
    color: #0a6735;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    text-transform: none;
    text-align: center;
}

.card-box .card-box-link a {
    display: block;
    margin-bottom: 15px;
    text-align: center;
    color: #422373;
    text-decoration: none;
}

.card-box .card-box-link a:hover {
    color: #0a6735;
}

.icon-large {
    width: 80px;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 23px 21px 23px;
    border: 2px solid #422373;
    border-radius: 50%;
    background-color: #fff;
}

.alert-frame {
    border-radius: 0px;
    background-color: #422373;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin-top: 25px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
}

.alert-title {
    font-size: 18px;
}

.ui-expanded-row-content .ui-button.ui-state-active .ui-button-text, .ui-buttonset .ui-state-active .ui-button-text {
    background-image: none;
    color: #422373;
    background-color: #f3f3f3;
}

.notice-box .ui-commandlink {
    color: #0a6735
}

.notice-box .ui-commandlink.active {
    color: #422373
}

.ui-commandlink {
    color: #422373 !important;
    font-weight: bold;
    text-decoration: none;
    margin-right: 5px;
}

.ui-commandlink:hover {
    color: #E50051 !important;

}

.ui-selectonemenu.title-select label {
    color: #422373;
    background-color: transparent;
    font-size: 21px;
    padding-left: 0px !important;
    text-transform: none;
}

.obvestilo a.ui-commandlink {
    color: #422373 !important;
}

.zeleni_tekst {
    color: #422373;
}

.user-profile {
    float: left;
    border-right: 1px solid #422373;
    padding-right: 5px;
}

.add_teaser {
    margin: 30px 10px 0px 10px;
}

.user-logout {
    border-left: 1px solid #422373;
    padding-left: 5px;
    margin-right: 0px;
}

.profil-povezava {
    cursor: pointer;
}

.ui-datatable .ui-paginator .ui-state-active {
    background-color: #f0f0f0;
}

.ui-datepicker .ui-datepicker-title select {
    color: #422373;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    background-color: #fff;
    color: #422373;
    border: 1px solid #f3f3f3;
    text-transform: capitalize;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    background-color: #422373;
    color: white;
    border: 1px solid #422373;
    border-radius: 20px;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current.ui-state-hover {
    background-color: #E50051;;
    color: white;
    border: 1px solid #E50051;;
    border-radius: 20px;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
    background-color: #422373;
    color: #fff;
    border: 1px solid #422373;
    font-weight: 400;
    border-radius: 20px;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close.ui-state-hover {
    background-color: #8673A5;
    color: white;
    border: 1px solid #8673A5;
    border-radius: 20px;
}

.ui-datepicker select.ui-datepicker-month:focus, .ui-datepicker select.ui-datepicker-year:focus {
    border: 1px solid #422373;
    outline: none;
}

.ui-reflow-dropdown.ui-state-default {
    border-color: #422373;
    color: #422373;
}

span.Fleft p.Fleft {
    border-right: 1px solid #0bb113;
}

.OdmikMobile .opozorila div {
    display: inline-block;
    padding: 5px 8px;
    border: 1px solid #422373;
    border-bottom: none;;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.OdmikMobile .opozorila .WarBlokada {
    background-color: #422373;
}

.OdmikMobile .opozorila .WarSdd {
    background-color: #422373;
}

.OdmikMobile .opozorila .WarEracun {
    background-color: #422373;
}

.OdmikMobile .opozorila p {
    margin: 0;
    display: inline;
}

.opozorila a p {
    color: #FFF;
}

.opozorila a:hover p {
    color: #FFF;
}

@media screen and (min-width: 768px) {
    .TabDeskOnly {
        display: block;
    }

    .opozorila {
        left: 5px;
        position: absolute;
        bottom: 0px;
    }

    .opozorila div {
        display: inline-block;
        padding: 5px 8px;
        border: 1px solid #ffffff;
        border-bottom: none;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px
    }

    .opozorila .WarBlokada {
        background-color: #422373;
    }

    .opozorila .WarSdd {
        background-color: #422373;
    }

    .opozorila .WarEracun {
        background-color: #422373;
    }

    .opozorila p {
        margin: 0;
        display: inline;
        font-size: 15px;
    }

    s
    .opozorila a {
        color: #FFF;
    }

    .opozorila a:hover {
        color: #FFF;
    }

    .MobileOnly {
        display: none;
    }
}

/*
.warning .ui-button-text-only.warning-button-green .ui-button-text{
    border: 1px solid #c53212;
    background-color: #c53212;
    color: #fff !important;
    font-size: 13px;
    background-image: none;
    border-radius: 0px !important;
    padding: 6px 15px !important;
}
.warning .ui-button-text-only.warning-button-white .ui-button-text{
    border: 1px solid #e5e5e5;
    background-color: #fff;
    color: #422373 !important;
    font-size: 13px;
    background-image: none;
    border-radius: 0px !important;
    padding: 6px 15px !important;
}*/
.warning.confirmed .ui-confirm-dialog-message {
    color: #422373 !important;
}

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 #422373 !important;
}


#layout-menubar li a {
    color: #422373 !important;
    padding: 15px;
    display: block;
    border-bottom: 1px solid #e5e5e5;

    font-size: 15px;
    font-weight: 600;
}

#layout-menubar li.layout-menubar-active > a {
    color: #e50051 !important;
}

#layout-menubar li.layout-menubar-active > a:hover {
    color: #e50051 !important;
    background-color: white !important;
}

.frame.account-box.account-box-add:hover {
    background-color: #227E0A;
    background-image: none;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .09);
}

.ui-button.ui-state-hover .ui-button-text {
    color: #FFF;
}

.frame.account-box.account-box-add:hover .barvaMI {
    color: #BAAFCC;;
}

.opozorila .WarBlokada:hover, .opozorila .WarBlokada:focus, .opozorila .WarSdd:hover .opozorila .WarSdd:focus, .opozorila .WarEracun:hover, .opozorila .WarEracun:focus {
    background-image: linear-gradient(180deg, #BAAFCC, #BAAFCC);
    color: #FFF;
}

.frame.account-box .account-box-badge-wrapper a.ui-commandlink:hover .account-box-badge-orange {
    background-image: linear-gradient(180deg, #BAAFCC, #BAAFCC);
}

.eba-palcka {
    float: left;
    border-right: 1px solid #422373;
    padding-right: 5px;
}

.promet-na {
    font-size: 21px;
    color: #422373;
    position: relative;
    float: left;
    display: block;
    margin-top: 4px;
}

.pomoc .faq .answers h3 {
    text-transform: none;
    color: #422373;
}

.ui-button-white.ui-button-product_head .ui-button-text {
    background-color: #422373 !important;
    background-image: none;
    color: #ffffff !important;
}

#FRM_komunikacijski-center-header .ui-button-white.ui-button-product_head .ui-button-text {
    background-color: unset !important;
}

.ui-button.ui-state-hover.ui-button-white.ui-button-product_head .ui-button-text {
    background-color: #8673A5 !important;
    background-image: none;
    color: #ffffff !important;
}

#FRMTrajniki .ui-button.ui-state-hover.ui-button-white.ui-button-product_head .ui-button-text {
    background-color: unset !important;
    background-image: none;
    color: #ffffff !important;
}

.answers li:before {
    counter-increment: subsection;
    content: counter(subsection) " ";
    position: absolute;
    z-index: 1;
    top: 0;
    font-size: 21px;
    line-height: 31px;
    color: #422373;
    font-family: "Corporative", Helvetica, Arial, sans-serif;
    font-weight: 400;
    left: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@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;
    }

    .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%;
        margin-top: -3% !important;
        border-style: none !important;
        background-color: transparent !important;
        font-size: 13px;
    }

    .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;
    }
}

@media (max-width: 640px) {

    #FRM_topbar\:HHeader\:seznamPartnerjevDataTable_data > tr.ui-datatable-selectable > td > span:nth-child(1) {
        display: none;
    }
}

@media (max-width: 640px) {

    .prikazKompenzacije {
        margin-left: 0%;
    }

    .max-ui-8 {
        width: 50% !Important;
    }
}

.navbarlink-title {
    color: #FFFFFF !important
}

.logo {
    width: 33.33% !important;
}

.Fright {
    float: right !important;
}

.w-button {
    padding: 0px !important;
}

#board .box-card:hover {
    border-color: #422373;
}

div.main-footer {
    background-color: unset !important;
}

.ploscice {
    border-left: solid 7px #422373;
}

div.ui-message span.ui-message-error-icon {
    background-size: 120% !important;
}

div.ui-messages-error a.ui-messages-close span.ui-messages-error-icon {
    background-size: 120% !important;
}

#vsebina_sklop div span.ui-message-error-icon {
    background-size: 140% !important;
    margin-top: 3px !important;
}

#zadeva_sklop div span.ui-message-error-icon {
    background-size: 140% !important;
    margin-top: 3px !important;
}

div.ui-chkbox-box span.ui-chkbox-icon {
    background: none !important;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-today a {
    color: inherit !important;
}

a.ui-state-highlight {
    color: #dadae0;
}

.ui-datepicker-calendar tbody tr td:hover a {
    color: #FFF !important;
    border: 0px;
}

.ui-datepicker-calendar tbody tr td a {
    color: #422373 !important;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-current-day a {
    color: #422373 !important;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-today {
    color: #FFFFFF !important;
    border: 0px solid #422373 !important;
    background-color: #E50051 !important;
    border-radius: 50px;
}

#FRM_topbar\:HHeader\:top_navbar_container_panel1 {
    background-color: #ffffff !important;
}

#FRM_topbar\:HHeader\:head_section2 {
    background-color: #ffffff !important;
    box-shadow: 0 4px 20px 0 rgba(66, 35, 115, 0.1);
}

#layout-portlets-cover {
    background-color: white !important;;
}

.section {
    padding-top: 0px !important;
    /*   padding-bottom: 10px !important;*/
}

#FRM_topbar .section {
    padding-bottom: 0px !important;
}

.section.section-top {
    display: block;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-shadow: 0 4px 20px 0 rgba(66, 35, 115, 0.1);
}

#FRM_topbar\:HHeader\:head_section3 {
    margin-left: 20px;
    margin-right: 20px;
    background-color: white !important;
    border-bottom: 2px solid #BAAFCC;
}

#FRM_topbar\:HHeader\:menu_nav_section {
    border-left: 20px solid #ffffff !important;
    border-right: 20px solid #ffffff !important;
    border-bottom: 5px solid #ffffff !important;
}

.ico_navbar {
    display: none !important;
}

#container-dashboard {
    background-color: #ffffff !important;
    padding: 0px 20px 0px 20px !important;
    box-shadow: 0 4px 20px 0 rgba(66, 35, 115, 0.1);
}

#dashboard-container {
    background-color: #ffffff !important;
}

#FRM_topbar\:HHeader\:menu_head_nav_section {
    font-size: 20px !important;
    line-height: 24px;
    font-family: "Corporative", Helvetica, Arial, sans-serif !important;
    \.sporocila\ \.ui-datatable\ table\ tbody\ tr\ td\ \{\ border: none;
    background-color: white;
    /*! box-shadow: inset 0 4px 20px 0 rgba(66,35,115,0.1); */
}

.navbarlink-title {
    color: #422373 !important;
}

.navbarlinks-main {
    border-right: 0px !important;
}

.logo {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 20px;
    padding-bottom: 25px;
    /*   border-bottom: 2px solid #422373;*/
}

/*
#FRM_topbar\:HHeader\:seznam_partnerjev {
    border-bottom: 2px solid #422373;
}

#FRM_topbar\:HHeader\:zamenjaj_sliko_section {
    border-bottom: 2px solid #422373;
}
*/

#FRM_topbar\:HHeader\:menu_head_nav_section a:hover, #FRM_topbar\:HHeader\:menu_head_nav_section a:hover .barvaMI, #FRM_topbar\:HHeader\:menu_head_nav_section a:hover .navbarlink-title {
    color: #e50051 !important;
}

/*
#FRM_topbar\:HHeader\:navbarlinks_tools_section3:hover,
#FRM_topbar\:HHeader\:navbarlinks_tools_section11:hover,
#FRM_topbar\:HHeader\:navbarlink_icon_section2:hover,
#FRM_topbar\:HHeader\:navbarlink_icon_section4:hover,
#FRM_topbar\:HHeader\:navbarlinks_tools_section5:hover,
#FRM_topbar\:HHeader\:navbarlinks_tools_section7:hover,
#FRM_topbar\:HHeader\:navbarlinks_tools_section9:hover,
#FRM_topbar\:HHeader\:navbarlinks_tools_section13:hover,
#FRM_topbar\:HHeader\:navbarlinks_tools_section15:hover{
    color:#e50051 !important;
}
*/
.logo img {
    width: 230px;
    height: auto;
}

#FRM_topbar\:HHeader\:naziv_uporabnika_section {
    font-weight: bold !important;
    color: #333333 !important;
}

#FRM_topbar\:HHeader\:user_image_section {
    background-color: #FFFFFF;
    border-radius: 30px;
    width: 55px;
    height: 55px;
    border: 0px solid #422373;
}

#navigacija-besedilo {
    color: #422373 !important;

    font-size: 20px !important;
}

#navigacija-besedilo:hover {
    color: #E50051 !important;
}

.icon-menu-1 {
    display: none;
}

.frame {
    border: 1px solid #e5e6e8;
    border-radius: 0px;
    background-color: #e5e6e8;
}

.top_navbar a.top_navbar-pomoc {
    background-color: #ffffff !important;
    color: #333333 !important;
}

#FRM_topbar\:HHeader\:top_navbar_container_panel2 {
    padding-right: 20px;
}

#FRM_topbar\:HHeader\:top_navbar_container_panel2 > a {
    color: #333333 !important;
}

#FRM_topbar\:HHeader\:top_navbar_container_panel2 > a:hover {
    text-decoration: underline !important;
}

.login-profile-picture {
    width: 55px !important;
    height: 55px !important;
    border-radius: 50% !important;
    background-color: #ffffff !important;
    border: 2px solid #422373 !important;
}

.obvestilo a.ui-commandlink {
    color: #422373 !important;
}

.add_teaser {
    color: #422373 !important;
}

li.ui-state-default ui-corner-top ui-tabs-selected ui-state-active {
    border-bottom: 2px solid #422373 !important;
}


.napisZnacka {
    color: #ffffff !important;
    background-color: #e50051 !important;
    font-size: 10px;
}

.ploscice {
    background-color: #e5e6e8 !important;
}

#frm_prijava\:section_blank1 {
    margin-top: 20px;
}

.account-box.frame:hover {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
    background: #F5F5F5 !important;
}

.account-box.frame:hover .account-box-title h4, .account-box.frame:hover .account-box-icon, .account-box.frame:hover .account-box-content,
.account-box.frame:hover .account-box-amount, .account-box.frame:hover .account-box-amount-small,
.account-box.frame:hover .add_teaser {
    color: #BAAFCC !important;;
}

#produkt-body {
    margin: 0px 20px 0px 20px !important;
}

#FRM_eracunDatatable\:eracunTabela\:eracun-panel {
    margin: 10px 20px 0px 20px !important;
}

#FRM_prijavnicaDatatable\:eracunPrijavnicaTabela\:eracunPrijavnica-panel {
    margin: 10px 20px 0px 20px !important;
}

#FRM_prijavnica {
    margin: 0px 20px 0px 20px;
}

#FRM_sdd\:productHeadSdd {
    margin: 10px 0px 0px 0px !important;
}

#FRMTrajniki\:trajnikiPanelHeadToolbar {
    margin: 10px 0px 0px 0px !important;
}

#FRM_predloge_panel\:predloge-panel {
    margin: 0px 20px 0px 20px;
}

.section-grey.nalog.frame {
    border-radius: 0px !important;
}

#FRM_nastavitve\:nastavitve-body {
    margin: 20px 20px 0px 20px;
}

.shadows {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
    box-shadow: 0 4px 20px 0 rgba(66, 35, 115, 0.1) !important;;
}

.ui-separator {
    border: 0;
    border-bottom: solid 1px #BAAFCC;;
}

#MonitoringText {
    color: #422373;
}

body.error {
    background-color: white !important;
}

.bodyErrorVsebina {
    background-color: #ffffff !important;
    padding: 20px !important;
}

.error500H1 {
    color: #422373 !important;
}

.error500Button {
    background-image: linear-gradient(180deg, #422373, #422373) !important;
}

#FRM_dokumenti\:dokumentiTab {
    margin: 0px 20px 0px 20px !important;
}

/*
.toolbar.product_head {
    margin: 10px 20px 0px 20px;
}

.toolbar.product_head.marginIzjema {
    margin: 10px 0px 0px 0px !important;
}
*/
#FRM_dokumenti\:izvrsbeTab {
    margin: 0px 20px 0px 20px !important;
}

/*#a4 {
    margin: 10px 20px 0px 20px !important;
}
*/
#layout-menubar li > a:hover {
    background-color: #fff !important;
    color: #e50051 !important;
}

#kategorijaHeader {
    border: 1px solid #ffffff !important;
}

#kategorijaHeader_header {
    margin: 0px 20px 0px 20px !important;
    border-top: 1px solid #e5e5e5 !important;
}

/*--=NOGA=--*/
.tab1 {
    background-color: #6e6f71;
    border-spacing: 0px;
    border-collapse: separate;
    padding: 0px;
    border: 0px;
    font-size: 13px !important;
    margin: 0px 20px 0px 20px;
}

.l1 {
    text-align: center;
    width: 90px;
    white-space: nowrap;
    padding: 2px 10px 2px 10px;
    border-right: 1px solid #444444;
}

.l1:hover {
    background-color: #5b5b5b;
}

.link1 {
    color: #ffffff !important;
    text-decoration: none;
    font-size: 13px;
}

.link1:hover {
    color: #ffffff !important;
}

.link2 {
    text-decoration: none;
    color: #422373 !important;
}

#bottomRow {
    background-color: #ffffff;
}

.b0 {
    border: 0px;
    padding: 5px;
    color: #444444 !important;
}

.brTextCenter {
    text-align: center;
}

.brTextRight {
    text-align: right;
}

.nw {
    white-space: nowrap;
}

.main-footer {
    padding-top: 0px;
    padding-bottom: 10px;
}

td.l1:nth-child(1) {
    width: 10px;
}

/*--=NOGA konec=--*/

/*fontawesome ikone*/
.barvaMI {
    color: #ffffff;
}

.frame .barvaMI {
    color: #422373;
}

.frame .account-box-badge .barvaMI {
    color: white;
}

table .ui-commandlink .barvaMI2:hover {
    color: #E50051 !important;
}

#FRM_topbar .barvaMI {
    color: #422373;
}

.barvaMI2 {
    color: #422373;
}

#FRM_produkt-izpiski\:izpisekTableComponent\:izbiraJezika_label {
    height: 0px !important;
    width: 0px !important;
    left: 6px;
    top: -4px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
}

#FRM_produkt-izpiski\:izpisekTableComponent\:izbiraJezika_panel {
    position: absolute !important;
}


.quickLink .ui-state-active .ui-button-text {
    background-image: linear-gradient(180deg, #422373, #2c8f1b);
}

/*Dodana širina preloaderja za upload paketov, drugače ne dela pravilno v Edge*/
#FRM_paketi\:paketiTableComponent\:paketiUpload {
    height: 90px;
}

.original {
    display: none !important;
}

#FRM_dashboard\:basic2_menuButton > span:nth-child(2) {
    /*  border: 1px solid #fff !important;*/
    border-left: 0 !important;
}

#board .box-card {
    border-width: 0px !important;
}

.ui-datatable table thead tr th, table th .Fright {
    text-align: center;
    float: none;
}

#FRM_mainAccount .green, .green1 {
    color: #037D30 !important;
}

.mainAccountTable table tr td:first-child {
    word-break: keep-all;
}

.STATEMENTS_TOP .ui-datatable.mainAccountTable table tbody tr td {
    padding-top: 0px !important;;
    padding-bottom: 0px !important;;
}

#FRM_produkt-izpiski .ui-commandlink, mainAccountTable .ui-commandlink {
    margin-right: 0px;
}

.ShowOnDesktop .barvaMI2 {
    color: #422373;;
}

.green {
    color: #422373 !important;
}

.product_head-select .ui-selectonemenu-trigger .ui-icon-triangle-1-s {
    background-image: url("/HibisEb/jakarta.faces.resource/images/downarrow-custom.svg.xhtml?ln=primefaces-sentinelP") !important;;
}

.mainAccTopHeader .product_head-select .ui-selectonemenu-trigger .ui-icon-triangle-1-s {
    background-image: url("/HibisEb/jakarta.faces.resource/images/downarrow-white.svg.xhtml?ln=primefaces-sentinelP") !important;
}

.STATEMENTS_TOP .mainAccountTable td:last-child {
    text-align: center;
}


#FRM_menjalnica .ui-datatable table {
    table-layout: fixed;
}

#FRM_menjalnica .ui-datatable table tbody tr td:nth-of-type(3), #FRM_menjalnica .ui-datatable table thead th:nth-of-type(3) {
    display: none;
}

.ui-chkbox .ui-chkbox-box {
    width: 25px;
    height: 25px;
    border-color: #422373;
}

#FRM_dashboard\:basic2_button > span, #FRM_dashboard\:basic2_menuButton {
    height: unset;
    float: none;
}

#FRM_dashboard\:basic2_menuButton > span:nth-child(2) {
    height: 48px;
}

.quickLink .ui-button-icon-only .ui-button-text {
    padding: 15px 0 !important;
}

.ui-widget-overlay {
    margin: 0px 0 0 4px;
}

.gumbiHead .ui-widget-overlay {
    background: white;
    margin: -2px 0px 0px -2px;
}

#board .box-card {
    border-width: 0px !important;
    display: block;
}

#board .ui-dashboard-column .ui-panel-titlebar.ui-widget-header {
    margin-right: 5px;
    margin-left: 5px;
}

#FRM_mainAccount .opozorilaMainAcc > div {
    border: 1px red !important;
}

#FRM_topbar .partnersSeznam, #FRM_topbar .refreshButton {
    align-items: center;
    display: flex;
    justify-content: center;
}

FRM_topbar\:HHeader:\refreshBtn1 {
    float: right;
}

.top_navbar-pomoc {
    visibility: hidden;
}

#FRM_mainAccount\:mainAccountPromet\:osnovniPodatki\:mainAccountSelectOne .ui-selectonemenu-label {
    font-weight: 600 !important;
    font-size: 30px !important;;
}

.opozorila .WarBlokada {
    color: #fff !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 0px;

}

.monthCaptilaze {
    text-transform: capitalize;
}

#opEb5 .ponovnaPrijava {
    float: none;
    padding: 12px 20px 6px 20px !important;
    color: white !important;;
}

.loadingTableStyle {
    display: table;
}

.loadingCenterStyle {
    display: table-cell;
    vertical-align: middle;
}

.ui-splitbutton .ui-splitbutton-menubutton .ui-icon {
    background-image: url("/HibisEb/jakarta.faces.resource/images/downarrow.svg.xhtml?ln=primefaces-sentinelP");
}

.mainAccountBoxSingleAction {
    background-color: #e0e0e0;
    text-align: right;
    min-height: 67px;
}

.account-box.frame > a {
    padding: 4px !important;;
}

#frm_prijava .ui-message-icon-only .ui-message-error-icon {
    margin-left: 0px !important;
}

.partnersSeznam button .ui-button-text {
    /* background-image: linear-gradient(180deg, white, white);*/
    color: white;
    font-family: "Corporative", Helvetica, Arial, sans-serif;
    background-color: #422373;
}

.partnersSeznam .ui-button.ui-state-hover .ui-button-text {
    color: #BAAFCC;
}

.partnersSeznam .ui-button:hover {
    background-color: #422373;
}

.ui-button-text-only .ui-button-text {
    padding: 0px !important;
}

.ui-button-text-only {
    background: #422373;
}

.ui-widget-content .ui-button-text-only {
    background: #422373;
}

.ui-widget-content .action-buttons .ui-button-text-only:hover {
    background: white;
}

.ui-widget-content .ui-splitbutton .ui-button-text-only:hover {
    background: #422373;
}

.ui-widget-content .ui-button-text-only:hover {
    background: #8673A5;
}

.ui-expanded-row-content.ui-widget-content .ui-button-text-only {
    background: white;
}

.ui-button-text-only.filter-button, .ui-datatable-tablewrapper button {
    background: white;
}

.action-buttons .ui-button-text-only.filter-button, .ui-datatable-tablewrapper button {
    padding-left: 0px;
    padding-right: 0px;
}

.ui-button, #FRM_paketi .ui-datatable-tablewrapper button {
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 30px;
    margin-left: 5px;
    margin-right: 5px;
    height: 48px;
    margin-bottom: 3px;

}

.ui-selectonebutton.ui-buttonset .ui-button.ui-button, .ui-selectmanybutton.ui-buttonset .ui-button {
    margin-right: 10px;
    padding-top: 12px;
    background-color: white;
    border: 2px solid #422373;
    margin-right: 20px !important;
}

.ui-selectonebutton.ui-buttonset .ui-button.ui-button span {
    background-color: white;
    color: #422373;
}

.ui-selectonebutton.ui-buttonset .ui-button.ui-button:hover, .ui-selectmanybutton.ui-buttonset .ui-button:hover {
    margin-right: 10px;
    padding-top: 12px;
    background-color: white;
    border: 2px solid #BAAFCC;
    margin-right: 20px !important;
}

.ui-selectonebutton.ui-buttonset .ui-button.ui-button:hover span {
    background-color: white;
    color: #BAAFCC;
}

.ui-selectonebutton.ui-buttonset .ui-button.ui-button.ui-state-active, .ui-selectmanybutton.ui-buttonset .ui-button.ui-button.ui-state-active {
    margin-right: 10px;
    padding-top: 12px;
    background-color: #422373;
    border: 2px solid #422373;
    margin-right: 20px !important;
}

.ui-selectonebutton.ui-buttonset .ui-button.ui-button.ui-state-active span {
    background-color: #422373;
    color: #422373;
    border: 2px solid #422373;
}

.ui-selectonebutton.ui-buttonset .ui-button.ui-button.ui-state-active:hover, .ui-selectmanybutton.ui-buttonset .ui-button.ui-button.ui-state-active:hover {
    margin-right: 10px;
    padding-top: 12px;
    background-color: #BAAFCC;
    border: 2px solid #BAAFCC;
    margin-right: 20px !important;
}

.ui-selectonebutton.ui-buttonset .ui-button.ui-button.ui-state-active:hover span {
    background-color: #BAAFCC;;
    color: #BAAFCC;
    border: 2px solid #BAAFCC;
}

.ui-steps .ui-steps-item::before {
    background-color: #BAAFCC !important;
}

.ui-steps .ui-steps-item.ui-state-disabled .ui-menuitem-link {
    border-color: #BAAFCC;
}

.ui-selectonemenu label.ui-selectonemenu-label, .ui-selectonemenu .ui-selectonemenu-label {
    min-height: 48px;
    line-height: 2 !important;
    color: #422373 !important;
}

#FRM_mainAccount.ui-selectonemenu label.ui-selectonemenu-label, .ui-selectonemenu .ui-selectonemenu-label {
    line-height: 48px !important;
}

.ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger,
.ui-fluid .ui-selectcheckboxmenu-trigger {
    width: 27px !important;
    height: 48px !important;
}

.ui-selectonemenu, .narocila-ui-selectonemenu .ui-selectonemenu-trigger {
    background-color: #fff !important;

}

.ui-fluid .ui-selectonemenu, .ui-selectcheckboxmenu {
    padding: 0 17px 0 2px !important;
    margin-top: 0px !important;
}

.ui-tabs-top .ui-tabs-panels {
    padding-top: 0p;
    border-top: 0px;
}

#FRM_topbar\:HHeader\:gumb-odjava .ui-commandlink {
    color: #E50051 !important;

}

/* TABELE*/
.ui-datatable table tbody tr td {
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #BAAFCC;
    color: #422373;

}

.ui-datatable .ui-datatable-tablewrapper table thead tr th {
    border-left: 0px;
    border-right: 0px;
    border-bottom: 2px solid #BAAFCC;
    color: #422373;
    font-weight: 600 !important;
    text-align: left;
}

.ui-datatable .ui-datatable-tablewrapper table thead tr th.tableDateAlign, .ui-datatable .ui-datatable-tablewrapper table thead tr th.tableAmountAlign {
    text-align: right;
}

.ui-panel .ui-panel-titlebar {
    color: #422373;
}

.ui-panel .ui-panel-titlebar a:hover .green-badge {
    background-color: #e50051;
}

.ui-datatable .ui-datatable-tablewrapper table thead tr th.ui-state-hover,
.ui-datatable .ui-datatable-sticky table thead tr th.ui-state-hover {
    background-color: #FFF !important;
    color: #e50051;
}

.ui-datatable .ui-datatable-tablewrapper table thead tr th.ui-state-active,
.ui-datatable .ui-datatable-sticky table thead tr th.ui-state-active {
    background-color: #FFF !important;
    color: #e50051;
    box-shadow: none !important;
}

.ui-datatable .ui-paginator-bottom {
    border-color: #BAAFCC !important;;
}

.ui-datatable .ui-paginator {
    color: #422373;;
}

.ui-datatable .ui-paginator .ui-paginator-rpp-options {
    color: #422373;
}

#FRM_mainAccount\:mainAccount {
    background-image: linear-gradient(to bottom right, white, white);

}

.mainAccountBoxSingleAction {
    background-color: white;
}

.mainAccountBox {
    background-color: white;
    box-shadow: 0px 100px 100px 0px rgba(66, 35, 115, 0.1);
    color: #422373;

}

.mainAccountBASIC_ACCOUNT .mainAccTopHeader {
    background-color: #422373 !important;
    border-radius: 5px;
}

.mainAccountBASIC_ACCOUNT .mainAccTopHeader h3 {
    margin-left: 20px !important;
    padding-top: 7px;
    color: #fff;
    font-size: 20px;
    text-align: center;
}

#FRM_mainAccount .mainAccountBoxBottom .ui-selectonemenu-label {
    text-align: center;
}

.mainAccTopHeader {
    padding: 0px;
}

.mainAccTopHeader .ui-inputfield {
    margin-left: 20px !important;;
}

.product_head-select.ui-selectonemenu .ui-selectonemenu-label {
    color: #E50051 !important;
    font-weight: 500 !important;
}

#FRM_mainAccount .opozorilaMainAcc {
    padding-top: 20px !important;
}

#FRM_mainAccount .opozorilaMainAcc > div {
    border-radius: 10px !important;
}

#FRM_mainAccount .opozorilaMainAcc > div p {
    font-weight: 300;
}

#FRM_mainAccount .opozorilaMainAcc > div:hover {
    background-color: #BAAFCC !important;
    background-image: linear-gradient(180deg, #BAAFCC, #BAAFCC) !important;
}

.account-box.frame {
    border-radius: 10px;
    box-shadow: 0 4px 20px 0 rgba(66, 35, 115, 0.1);
}

.datum-spremembe input.hasDatepicker {
    background-position: top 13px right 6px !important;
}

input.hasDatepicker {
    background-image: url("/HibisEb/jakarta.faces.resource/images/icon-calendar.svg.xhtml?ln=primefaces-sentinelP") !important;
    background-size: 16px 20px !important;
    background-position: top 13px right 6px !important;
    background-repeat: no-repeat !important;
    cursor: pointer !important;
}

.ui-datepicker-calendar thead tr th {
    width: 30px;
    height: 30px;
}

.ui-datepicker-calendar tbody tr td {
    width: 30px;
    height: 30px;
}

/* dialogi */
.warning .ui-dialog-title {
    margin-top: 20px;
    color: #E50051;;
    font-size: 18px;
    line-height: 21px;
    font-weight: bold;
    text-transform: none;
}

.warning .ui-confirm-dialog-message {
    color: #422373 !important;
}

.ui-dialog .ui-dialog-content .ui-icon-alert {
    display: none !important;;
}

.confirm-dialog-nopad.warning ul {
    padding: 0px;
}

.container {
    width: 98%;
}

.ShowOnDesktopSummaryRow .ui-datatable .ui-datatable-tablewrapper table {
    border-bottom: 0px;
}

.ui-fileupload .ui-button {
    background: #422373;
}

.ui-fileupload .ui-button {
    background: #422373;
    height: unset;
}

.ui-fileupload .ui-button:hover {
    background: #8673A5;
}

#FRM_obvestila {
    box-shadow: 0 4px 20px 0 rgba(66, 35, 115, 0.1);
    border: 1px solid #BAAFCC;
    border-radius: 5px;
    padding-left: 10px;
}

.ui-selectonemenu .ui-selectonemenu-label {
    line-height: 16px !important;
}

.sumarni-prikaz, .ui-datatable {
    font-size: 16px;
}

#FRM_menjalnica button {
    width: inherit;
}

.navigatePackagePayments {
    width: max-content;
    border: 1px solid #422373;
    border-radius: 5px;
    color: #422373;
    font-size: 16px;
    padding: 5px;

}

.navigatePackagePayments .fa-2x {
    font-size: 19px
}

#FRM_komunikacijski-center .ui-tabs-top .ui-tabs-nav li a {
    border: 0px !important;
    background-color: white !important;
}

#FRM_nastavitve .ui-picklist-responsive .ui-picklist-buttons-cell .ui-button .ui-icon {
    background-position: center;
    width: 10px;
}

.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected .ui-panel .ui-panel-content.ui-widget-content {
    color: #E50051;
}

.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected .ui-panel .ui-panel-content.ui-widget-content .green-badge {
    background-color: #E50051;
}

.sporocila .ui-datatable table tbody tr td {
    border: none;
    background-color: white;
    /*! box-shadow: inset  0 4px 20px 0 rgba(66,35,115,0.1); */
}

.action-buttons {
    border-left: 0px;
    border-right: 0px;
    background: white;
    display: inline-flex;
}

.ui-datatable .ui-paginator .ui-paginator-pages .ui-state-active {
    color: #422373 !important;
    font-family: "Corporative", Helvetica, Arial, sans-serif !important;
}

.ui-datatable .ui-paginator .ui-paginator-first, .ui-datatable .ui-paginator .ui-paginator-prev,
.ui-datatable .ui-paginator .ui-paginator-pages .ui-paginator-page, .ui-datatable .ui-paginator .ui-paginator-next,
.ui-datatable .ui-paginator .ui-paginator-last, .ui-datatable .ui-paginator .ui-paginator-rpp-options,
.ui-datatable .ui-paginator {
    color: #8673A5;
    font-family: "Corporative", Helvetica, Arial, sans-serif !important;
}

.filter-content label {
    color: #422373;
}

.title-select.ui-corner-all.ui-state-default.ui-widget.ui-selectonemenu {
    top: unset;
    width: unset !important;;
}

.mainAccountTable.ui-datatable .ui-datatable-tablewrapper table thead tr th {
    background-color: unset;
    padding-left: 0px !important;;
    padding-right: 0px !important;
    border-top: 0px;
    text-align: center;
}

.STATEMENTS_TOP .ui-datatable.mainAccountTable table tbody tr td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    padding-right: 0px !important;
}

.filterBtnIcon {
    background-image: url("/HibisEb/jakarta.faces.resource/images/downarrow.svg.xhtml?ln=primefaces-sentinelP") !important;
}

.seznamPodracunov.tmp .filterBtnIcon {
    background-image: url("/HibisEb/jakarta.faces.resource/images/downarrow-purple.svg.xhtml?ln=primefaces-sentinelP") !important;
}

.partnersSeznam .ui-button-text-icon-right .ui-icon {
    position: absolute;
    top: unset;
    margin-top: 10px !important;;
}

#FRM_topbar\:HHeader\:filterBtn.ui-state-active .ui-icon {
    margin-top: 10px !important;
}

.podracuniSeznam .ui-button-text-icon-right .ui-button-text {
    color: #422373;
}

.podracuniSeznam .ui-button-text-icon-right .ui-button-text.ui-c {
    padding-right: 20px !important;
}

.podracuniSeznam .ui-button-text-icon-right .ui-icon {
    top: unset;
    margin-top: 15px !important;

}

.podracuniSeznam .ui-button:hover {
    background: white;

}

.ui-datatable .ui-paginator-bottom {
    padding-top: 0px !important;
    background-color: white !important;
    padding-bottom: 0px !important;
    /*  box-shadow: inset 0 4px 14px 0px #F5F5F5;*/
}

#FRM_header\:stanjeRazpolozljivo {
    padding-top: 40px;
}

.icon-attention-2, .barvaMI3 {
    color: #BB0000 !important;;
}

.warning.error .ui-confirm-dialog-message {
    color: #BB0000 !important;
}

.ui-widget-content .ui-button-text-only.ui-confirmdialog-no {
    background: white;
    border: 1px solid #422373

}

.ui-confirmdialog-no .ui-button-text {
    color: #422373;
}

.ui-widget-content .ui-button-text-only.ui-confirmdialog-no:hover {
    border: 1px solid #BAAFCC;
}

.ui-confirmdialog-no:hover .ui-button-text {
    color: #BAAFCC;
}

.ui-widget-content .ui-button-text-only.ui-confirmdialog-yes {
    background: white;
    border: 1px solid #422373
}

.ui-confirmdialog-yes .ui-button-text {
    color: #422373;
}

.ui-widget-content .ui-button-text-only.ui-confirmdialog-yes:hover {
    border: 1px solid #BAAFCC;
}

.ui-confirmdialog-yes:hover .ui-button-text {
    color: #BAAFCC;
}

.opozorilaMainAcc .ui-commandlink:hover {
    color: white !important;
}

.ui-selectoneradio label {
    color: #422373;
}

.ui-radiobutton .ui-radiobutton-box {
    color: #422373;
    border: solid 1px #422373;
    background-color: white;
    border-radius: 20px
}

.ui-radiobutton .ui-radiobutton-box:hover {
    background-color: #f3f3f3
}

label.ui-state-error {
    color: #BB0000 !important;;
}

input[type="text"].ui-state-error,
input[type="password"].ui-state-error,
.ui-inputtextarea.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #BB0000 !important;
    color: #BB0000;
}

.ui-messages-warn, ui-message-warn {
    color: #FF9F0F !important;
    background-color: #FBFCFD !important;
    border-color: #FF9F0F !important;
    font-size: 14px;
    font-weight: normal;
    padding: 6px !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    border: 0px !important;
}

.trajnik .ui-datepicker-header {
    background-color: white !important
}

.trajnik .ui-datepicker {
    border: 0px;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    border: 1px solid #BAAFCC;
    text-align: center;
    border-radius: 5px;
}

.ui-datepicker select.ui-datepicker-month {
    margin-right: 3px;
}

.trajnik .ui-datepicker .ui-datepicker-title select {
    height: 50px;
    color: #422373;
}

.ui-datepicker .ui-datepicker-title select {

    color: #422373;
    background-color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; /* Remove default arrow */
    background-image: url("/HibisEb/jakarta.faces.resource/images/select-arrow-down.svg.xhtml?ln=primefaces-sentinelP");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 25px 25px;
}


.ui-fluid .ui-spinner .ui-spinner-button {
    height: 24px;
    width: 20px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    background: transparent;
}


.ui-spinner .ui-spinner-up .ui-button-text .ui-icon {
    background-image: url("/HibisEb/jakarta.faces.resource/images/uparrow-gray.svg.xhtml?ln=primefaces-sentinelP") !important;
    background-position: center !important;
    background-size: 80% !important;
    margin-left: 0px !important;
    margin-top: -10px !important;
    height: 20px;
    width: 20px;

}

.ui-spinner .ui-spinner-down .ui-button-text .ui-icon {
    background-image: url("/HibisEb/jakarta.faces.resource/images/downarrow-gray.svg.xhtml?ln=primefaces-sentinelP") !important;
    background-position: center !important;
    background-size: 80% !important;
    margin-left: 0px !important;
    margin-top: -14px !important;
    height: 20px;
    width: 20px;
}

.form-small-text {
    color: #422373;
}

.red {
    color: #bb0000;
}

.ui-paginator
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    color: #8673A5;
    background-color: #EDE7F9;
    border: 1px solid #8673A5;
}

.ui-paginator button .ui-state-disabled,
.ui-widget-content button.ui-state-disabled,
.ui-widget-header button.ui-state-disabled {
    color: #BAAFCC;
    background-color: #8673A5;
    border: 1px solid #8673A5;
}

.ui-paginator .ui-state-disabled {
    background-color: transparent;
}

.ui-dialog .ui-dialog-content {
    color: #422373;
}

.Poravnava.PoravnavaZnesek {
    white-space: inherit;
    word-break: break-word;
}

.ui-datatable {
    background-color: white;
    box-shadow: 0 4px 20px 0 rgba(66, 35, 115, 0.1);
}

.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.zadeva {
    border: solid 1px #422373 !important;
}

.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.zadeva {
    border: solid 1px #BAAFCC !important;
}

#layout-portlets-cover {
    color: #422373;
}

.pretvornik .frame .ui-selectonemenu-trigger .ui-icon-triangle-1-s {
    background-image: url("/HibisEb/jakarta.faces.resource/images/select-arrow-down.svg.xhtml?ln=primefaces-sentinelP") !important;
}

.ui-selectonemenu.select-exchange, .pretvornik .frame {
    border: solid 1px #BAAFCC;
}

.filter-panel .ui-inputfield.ui-state-hover, .ui-inputfield.ui-state-focus {
    color: #422373 !important;
}


.ui-datepicker.ui-widget-content .ui-state-disabled {
    border: none;
    background: none;
}

/*
.Poravnava.PoravnavaZnesek {
    white-space: inherit;
    word-break: break-all;
}
.ui-datatable table {
    table-layout: auto;
}

@media (min-width: 1300px) {
    .sizeLimit {
    max-width: 400px !important;
    }    
}*/

.ui-picklist {
    color: #422373;;

}

.ui-picklist .ui-picklist-list-wrapper {
    border-radius: 5px;
    border: solid 1px #BAAFCC;
    background-color: white;
    color: #422373;
    padding: 2px

}

.ui-picklist .ui-picklist-caption {
    border: 0px;
    border-bottom: 1px solid #BAAFCC;;
    color: #422373;
    background-color: white;
}

.ui-picklist .ui-picklist-list {
    border: 0px;
    background-color: white;
}

#frm_obvestilo .logo_banke {
    display: block;
}

.section.section-grey {
    background: white;
}

#FRM_predloge_vnos, #FRM_predloge_vnos .form-part {
    width: 100%;

}

#FRM_predloge_vnos .form-part {
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    /*  box-shadow: inset 0 4px 20px 0 rgba(66,35,115,0.1);*/

}

.section-form label {
    color: #422373;
}

#FRM_nastavitve\:nastavitve-body {
    margin: 0px;
}

.ui-messages-error, .ui-message-error {
    color: #BB0000 !important;
    border-color: #BB0000 !important;
}

.ui-splitbutton.quickLink {
    position: relative;
    padding-right: 0px;
    border-radius: 30px;
    background: #422373;
}

.ui-splitbutton.quickLink:hover {
    background: #BAAFCC;
}

.quickLink button {
    background: transparent !important;
    margin-bottom: 0px;
}

#FRM_mainAccount\:mainAccountPromet\:idMainAccount {
    margin: 0px;
}

.ui-fluid .ui-fileupload .ui-button {
    width: auto;
}

.mainAccountBoxMinHeight {
    min-height: 450px;
}

#idTitleStrani {
    margin-top: 20px;
    font-size: 40px;
}

.podracuniSeznam {
    border: 1px solid #8673A5;;
    border-radius: 5px !important;
}

.podracuniSeznam:hover {
    border: 1px solid #BAAFCC;
    color: #BAAFCC !important;;
    border-radius: 5px !important;
}

.podracuniSeznam:hover .ui-button-text-icon-right .ui-button-text {
    color: #BAAFCC;
}

.partnersSeznam .ui-button {
    padding: 10px;
}

.partnersSeznam .ui-button.ui-button-text-icon-right {
    padding: 0px;
}

.partnersSeznam button {
    border: 1px solid #422373;
    border-radius: 5px !important;
    margin: 0px;
    padding: 0px;
    height: auto;
    background-color: #422373;
}

.partnersSeznam button:hover {
    border: 1px solid #422373;
}

.partnersSeznam {
    margin-bottom: 10px;
}

.ui-commandlink.whitetext-underline {
    text-decoration: none;
}

.shortenText {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
}

.expandTableWidth {
    min-width: 120px;
}

.partnersSeznam .ui-datatable .ui-datatable-tablewrapper table tbody .ui-state-hover > td, .podracuniSeznam .ui-datatable .ui-datatable-tablewrapper table tbody .ui-state-hover > td,
.poslovniRacuniTabela .ui-datatable-tablewrapper table tbody .ui-state-hover > td {
    color: #422373;
    background: #F5F5F5;
}

#FRM_placilni-nalog\:optionTipNaloga {
    width: 100%;
}

#FRM_menjalnica .ui-datatable tbody td {
    font-size: 13px;
}

.selectedCounter {
    border: 0px !important;;
}

#FRM_paketi\:paketiTableComponent\:paketiUploadFile1 {
    width: auto;
}

#FRM_paketi\:paketiTableComponent\:paketiUpload {
    height: auto;
}

.ui-progressbar-label {
    font-size: 14px;
}

.otNazivProdukta {
    margin-bottom: 20px;
}

.op2, .op3, op4 {
    margin-bottom: 5px;
}

/*.mainAccountSelectOne {
    margin-bottom: 10px;
    margin-top: 10px;
}
*/
.stanjeAccount {
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 30px;
}

.LAST_TRANSACTION_TOP .mainAccountTable table tr td:not(:first-child):not(:last-child) {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 130px;
}

/*
.ui-widget-content #FRM_placilni-nalog\:referencaPrejemnikaGroup .ui-state-disabled,.ui-widget-content #FRM_placilni-nalog\:referencaPlacnikaGroup .ui-state-disabled{
    font-size: 14px;
}*/

#login_input_c1_section label.ui-outputlabel, #login_input_c1_section div {
    font-size: 12px;
}

.login-row h1 {
    font-size: 40px;
}

.dialogResponsive .ui-fileupload-buttonbar {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

#a7, #b7 {
    width: 100%;
}

#FRMNarocila .forceTrim h2 {
    line-height: unset;
}

#FRM_produkt-izpiski\:izpisekTableComponent\:izpiski-promet-table table {
    table-layout: auto;
}

.SummaryRowBackground {
    background-color: transparent
}

td div.ui-datatable {
    box-shadow: unset;
}

.predlogePanel-margin {
    margin: 0px 20px 0px 12px;
}

/*
.seznamPodracunov .filterBtnIcon {
    background-image: url("/HibisEb/jakarta.faces.resource/images/downarrow-gray.svg.xhtml?ln=primefaces-sentinelP") !important;
}
*/
.ui-datatable .ui-datatable-tablewrapper table tbody .ui-state-highlight > td, .ui-datatable .ui-datatable-tablewrapper table tbody .ui-state-highlight + tr.ui-expanded-row-content > td,
.ui-datatable-scrollable table tbody .ui-state-highlight > td, .ui-datatable-scrollable table tbody .ui-state-highlight + tr.ui-expanded-row-content > td {
    background-color: #f3f3f3;
    color: #5f4787;
}

.ui-datatable .ui-datatable-tablewrapper table tbody .ui-state-highlight > td {
    background: #f4f2f7 !important;
}

.ui-outputlabel, table tbody tr td {
    color: #422373
}

.ui-datatable .ui-paginator .ui-state-hover, .ui-datatable .ui-paginator .ui-paginator-pages .ui-state-hover {
    background-color: transparent;
}

.modal-message .ui-inputtextarea {
    background-color: white;
}

/*
.DAILY_BALLANCE_TOP .icon-angle-down, .DAILY_BALLANCE_TOP .icon-angle-down{
    display:none;
    
}
.DAILY_BALLANCE_TOP .Poravnava.PoravnavaZnesek{
word-break: keep-all;
}
*/

/*#FRM_kategorija-promet-table\:prrpt\:racunTrr-promet-table\:col1, #FRM_kategorija-promet-table\:prrpt\:racunTrr-promet-table\:col2 {
    width:201px;
    
}*/

.ui-panel .ui-panel-titlebar .ui-icon-plusthick:hover {
    background-image: url("/HibisEb/jakarta.faces.resource/images/filter-orange.svg.xhtml?ln=primefaces-sentinelP") !important;
}

/* GUMBI V PROMETU so sedaj sekundarni (podrobnosti plačila oz skupinske akcije)*/
.ui-expanded-row-content .ui-button.ui-state-hover .ui-button-text, .filter-button.ui-button.ui-state-hover .ui-button-text {
    background-color: transparent;
}

.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: 0px;
    padding: 0px 0px !important;
    margin: 6px 15px !important;
}

.ui-expanded-row-content .ui-button:hover .ui-button-text, .filter-button.ui-button:hover .ui-button-text, .filter-button.ui-button.ui-state-active:hover .ui-button-text {
    color: #BAAFCC !important;;
}

.ui-expanded-row-content.ui-widget-content .ui-button-text-only, .action-buttons .ui-button-text-only.filter-button {
    border: 2px solid #422373;;
}

.ui-expanded-row-content.ui-widget-content .ui-button-text-only:hover, .action-buttons .ui-button-text-only.filter-button:hover {
    border: 2px solid #BAAFCC;
}

/* gumbi v plačilnem nalogu SEPA/TUJINA...*/

.gumbiHead .ui-button-text-only {
    background: white;
    border: 2px solid #422373;
}

.gumbiHead .ui-button-text-only .ui-button-text {
    color: #422373;
}

.gumbiHead .ui-button-text-only:hover {
    border: 2px solid #BAAFCC;
}

.gumbiHead .ui-button-text-only:hover .ui-button-text {
    color: #BAAFCC;
}

.ui-button-orange.ui-button-text-only {
    background-color: #422373;
}

.ui-button-orange.ui-button-text-only .ui-button-text {
    color: white;
}

.ui-button-orange.ui-button-text-only:hover {
    background-color: #BAAFCC;
    border: 2px solid #BAAFCC;
}

.ui-button-orange.ui-button-text-only:hover .ui-button-text {
    color: white;
}

#FRMNarocilaPodrobnosti label.ui-state-disabled {
    background-color: white;
    border: 0px;
}

.paymentBottomButtons .ui-button-text-only {
    background: white;
    border: 2px solid #422373;
}

.paymentBottomButtons .ui-button-text-only .ui-button-text {
    color: #422373;
}

.paymentBottomButtons .ui-button-text-only:hover {
    border: 2px solid #BAAFCC;
    background-color: white;
}

.paymentBottomButtons .ui-button-text-only:hover .ui-button-text {
    color: #BAAFCC;
}

#FRM_novo-sporocilo .ui-datatable-footer {
    height: 80px;
    color: #422373;
    font-size: 14px;
    font-family: "Corporative", Helvetica, Arial, sans-serif !important;
}

#FRM_novo-sporocilo .ui-datatable {
    box-shadow: none;
}

#FRM_komunikacijski-center .ui-dialog.dialogResponsive {
    max-width: 600px !important;
}

#FRMNarocila .podracuniSeznam .ui-overlaypanel, #FRM_loader\:seznamPodracunov .podracuniSeznam .ui-overlaypanel, #FRMTrajniki\:seznamPodracunov .podracuniSeznam .ui-overlaypanel {
    width: max-content;
    max-width: 800px;
    overflow: scroll;
    height: 100%;
    min-height: 300px;
}

/*.podracuniSeznam button {
  white-space: normal !important;
}*/
.podracuniSeznam .ui-datatable .ui-column-filter {
    width: 100%
}

#FRM_placilni-poslovniRacuni\:compositePoslRacuniPN\:dialogIskalnikPoslovnihRacunov .ui-inputfield, poslovniRacuniTabela .ui-inputfield {
    margin-left: 0px;
}

.ui-inputfield.ui-state-hover, .ui-inputfield.ui-state-focus {
    color: #422373 !important;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 1;
}

.ui-notificationbar {
    height: auto !important;
}

.sumAccordionPanel {
    border: 1px solid #422373 !important;;
}

.sumAccordionPanel, .sumAccordionPanel table {
    background: white;
}

.sumAccordionPanel .ui-accordion-header {
    color: #422373;
}

.sumAccordionPanel, .sumAccordionPanel table.ui-noborder {
    border: 1px solid #BAAFCC;;
    border-radius: 5px;
}

.sumAccordionPanel .ui-accordion-header .ui-icon-triangle-1-e {
    background-image: url("/HibisEb/jakarta.faces.resource/images/right-one-arrow-for-data.svg.xhtml?ln=primefaces-sentinelF") !important;
}

.sumAccordionPanel .ui-accordion-header .ui-icon-triangle-1-s {
    background-image: url("/HibisEb/jakarta.faces.resource/images/select-arrow-down-green.svg.xhtml?ln=primefaces-sentinelF") !important;
}

.modal-message .ui-dialog {
    max-width: 700px !important;
}

.section.light_grey {
    background: white;
}

#div_footer1.section {
    margin-top: 15px !important;
}

@media (min-width: 1000px) {
    #FRM_produkt-promet-racun\:racunTableComponent\:racunTrr-promet-table_head th, #FRM_kategorija-promet-table\:prrpt\:racunTrr-promet-table_head th, #FRM_paketi\:paketiTableComponent\:placila-table_head th {
        white-space: nowrap;
        padding-left: 0px !important;;
        padding-right: 5px !important;;
    }
}

.hwNumber, .otpChToken {
    margin-top: 7px !important;
}

.hwNumber {
    font-size: 18px;
    font-weight: bold !important;
}

.ui-scrollpanel, .ui-datatable .ui-datatable-header.ui-widget-header.ui-corner-top, .ui-datatable .ui-datatable-footer.ui-widget-header.ui-corner-bottom {
    color: #422373;
}

#FRM_novo-sporocilo-dlg .ui-datatable {
    box-shadow: unset;
}

.ui-datepicker-calendar thead tr th, .ui-datepicker-calendar thead tr .ui-datepicker-week-end {
    background-color: white;
}

.ui-datepicker-calendar thead tr .ui-datepicker-week-end {
    font-weight: bold;
}

.ui-button-product_head .ui-button-text.error500Button {
    background-image: unset !important;
    margin-top: 6px;
}

#relogin.ui-button-product_head {
    background-color: #422373;
    border: 2px solid #422373;
    padding-left: 24px !important;
    padding-right: 24px !important;
    border-radius: 30px;
    margin-left: 5px;
    margin-right: 5px;
    height: 48px;
    margin-bottom: 3px;
    display: inline-block;
}

#relogin.ui-button-product_head:hover {
    background-color: #8673A5;
    border: 2px solid #8673A5;
}

#FRM_nastavitve .form-part a.ui-link {
    font-weight: bold;
}

#FRM_placilni-nalog\:referencaPrejemnika, #FRM_placilni-nalog\:referencaPlacnika, #FRM_predloge_vnos\:predlogaReferencaPlacnika, #FRM_predloge_vnos\:predlogaReferencaPrejemnika,
#FRMNarocilaPodrobnosti\:korak1SubView\:referencaPrejemnika, #FRMNarocilaPodrobnosti\:korak2SubView\:referencaPrejemnika {
    font-size: 14px;
}

#FRMTrajniki\:btn_nov_trajnik {
    background: #422373;
}

#FRMTrajniki\:btn_nov_trajnik:hover {
    background: #8673A5;
    border: 2px solid #8673A5
}

#FRMTrajniki .ui-button-white.ui-button-product_head .ui-button-text {
    background-color: unset !important;;
}

#FRM_placilni-nalog\:optionTipNaloga .ui-selectonebutton.ui-buttonset .ui-button.ui-button.ui-state-active:hover span {
    background-color: inherit;
    border: inherit;
}

@media (min-width: 640px) {
    #frm_prijava\:TAB1_content > div > div {
        min-width: 500px;
    }
}

.login .BordRad3 {
    padding: 0px 20px 0px 20px;
}

.login .EmptyBox30 {
    height: 10px;
}

#frm_prijava\:section_blank1 {
    margin-top: 0px;
}

#frm_prijava\:section_blank1 {
    margin-top: 0px;
}

.prijava_section {
    padding-top: 20px;
}

#FRM_topbar\:HHeader\:top_navbar_container_panel2 > a {
    color: #422373 !important;
}

.login .input h4 {
    margin-bottom: 10px;
}

/*
#input_login_sirina_section li {
    font-size: 14px;
}
*/

#frm_prijava .ui-panel .ui-panel-content.ui-widget-content {
    font-size: 14px;
}

.DAILY_BALLANCE_TOP .ui-datatable .ui-datatable-tablewrapper table, .STATEMENTS_TOP .ui-datatable .ui-datatable-tablewrapper table,
.LAST_TRANSACTION_TOP .ui-datatable .ui-datatable-tablewrapper table, .QUEUE_ORDERS_TOP .ui-datatable .ui-datatable-tablewrapper table {
    font-size: 12px;
}

#FRM_obvestila .datum, #FRM_obvestila .vsebinaNaslov, #FRM_obvestila .delimeter1 {
    color: #422373 !important;
}

#export-form .ui-dialog-titlebar {
    display: none;
}

.filter-panel .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    background-color: unset;
    border: unset;
    color: #8673A5 !important;

}

.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
    background: white;
    border: 1px solid #422373;

}

.jqplot-target {
    color: #422373;
}

.BordRad3 .ui-widget {
    font-family: "Corporative", Helvetica, Arial, sans-serif !important;
}

.BordRad3 .ui-widget.ui-button {
    border-radius: 30px !important;
    box-shadow: unset;

}

#FRM_placilni-nalog\:znesek {
    border: 0px solid !important;;
}

.saveInplace button {
    background-color: #422373 !important;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 5px;
    margin-right: 2px;
    height: 30px;
}

.saveInplace button:hover {
    background-color: #8673A5 !important;

}

.saveInplace .ui-inputfield {
    max-width: 200px;
}

.section {
    background-color: unset;
}

#FRM_placilni-nalog\:izvedbaNaloga label.ui-state-disabled {
    border: 0px;
    background-color: white;
}

.ui-widget-content .ui-state-disabled.skrij_prikazi_vsebina {
    border: 0px;
}

.seznamPodracunov.tmp .ui-button-text {
    color: #422373;
}

.seznamPodracunov.tmp .filterBtnIcon {
    top: 0%;
}

#FRM_komunikacijski-center ui-button-text-only.filter-button, .ui-datatable-tablewrapper button {
    background: white !important;;;
    border: 2px solid #422373;
}

#FRM_komunikacijski-center ui-button-text-only.filter-button, .ui-datatable-tablewrapper button:hover {
    border: 2px solid #BAAFCC;
}

.ICO20-Nav-Back {
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    background-size: contain;
    display: inline-block;
    vertical-align: bottom;
    background-image: url("/HibisEb/jakarta.faces.resource/images/left-one-arrow-for-data.svg.xhtml?ln=primefaces-sentinelF");
}

.ICO20-Nav-Forward {
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    background-size: contain;
    display: inline-block;
    vertical-align: bottom;
    background-image: url("/HibisEb/jakarta.faces.resource/images/right-one-arrow-for-data.svg.xhtml?ln=primefaces-sentinelF");
}

#FRM_Header .section.modal-message {
    padding-bottom: 0px;
}

#FRM_dashboard .changeCardView {
    padding-top: 20px;
    font-size: 20px;
}

#FRM_dashboard .changeCardView .selected .ui-commandlink {
    color: #e50051 !important
}

#FRM_dashboard .changeCardView .ui-commandlink:hover {
    color: #e50051 !important
}


#FRM_dashboard .cardTableView .ui-paginator {
    padding-bottom: 25px !important;
}

#FRM_dashboard .cardTableView .mainAccountTable table tr td,
#FRM_dashboard .cardTableView .mainAccountTable table tr:hover td {
    border-top: 1px solid #422373;
    border-bottom: 1px solid #422373;
}

.cardTableView .mainAccountTable table tbody td:first-child {
    border-left: 1px solid #422373 !important;
}

.cardTableView .mainAccountTable table tbody td:last-child {
    border-right: 1px solid #422373 !important;
}

#FRM_dashboard .cardTableView .mainAccountTable table tr:hover td {
    background: #EDE7F9;
}

#FRM_dashboard .cardTableView .ui-commandlink {
    color: #422373 !important;
}

#FRM_dashboard .cardTableView .mainAccountTable table tr td .ui-commandlink:hover {
    color: #E50051 !important;
}

#FRM_paketi table th {
    word-break: break-word;
    white-space: break-spaces;
}

.shortenTextPaket {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 170px;
}

.cardTableView .icon-paper-plane-1 {
    float: right;
    font-size: 18px;
    padding-top: 23px
}

#FRM_dashboard .cardTableView .ui-commandlink .icon-paper-plane-1:hover {
    color: #e50051 !important;
}

.mainAccount h4 {
    color: #E50051;
    font-weight: 600;
}

#FRM_header\:selectOneMenuDiv .Fright {
    padding-top: 20px;
    color: #E50051 !important;
    font-weight: 500 !important;
}

#FRM_placilni-nalog .ui-fileupload .ui-fileupload-content {
    display: unset !important;
}

#FRM_placilni-nalog\:uvoziEracun .ui-messages.ui-widget .ui-messages-error {
    display: table !important;
}

#FRM_placilni-nalog\:uvoziEracun .eracunUvoz {
    display: flex;
}

#FRM_placilni-nalog .ButtonEracunUvoz {
    float: none;
}

#FRM_placilni-nalog .ui-fileupload .ui-fileupload-content {
    display: initial !important;
}

#FRM_placilni-nalog .ui-fileupload-row .ui-fileupload-cancel {
    background: unset !important;
}

#FRM_placilni-nalog .ui-fileupload-row .ui-fileupload-cancel .ui-button-icon-left {
    margin-left: -4px;
}

/*
#FRM_placilni-nalog .ui-fileupload-content .ui-messages {
display: contents !important;
}
*/
#FRM_placilni-nalog .ButtonEracunUvoz {
    right: 0px;

}

#FRM_placilni-nalog .eracunUvozButton {
    padding-right: 45px;
}

#FRM_placilni-nalog\:idUvoziEracun {
    display: block;
}

#FRM_placilni-nalog\:idUvoziEracun .ui-fileupload-preview {
    display: none !important;
}


#FRM_mainAccount .mainAccountACCOUNT_BALANCE .mainAccountTable table tr td .green1, #FRM_mainAccount .mainAccountACCOUNT_BALANCE .mainAccountTable table tr td .red {
    color: #422373 !important;
}

#FRM_mainAccount .mainAccountACCOUNT_BALANCE .mainAccountTable table tr td:first-child .green1 {
    color: #037D30 !important;
}

#FRM_mainAccount .mainAccountACCOUNT_BALANCE .mainAccountTable table tr td:first-child .red {
    color: #e50051 !important;
}

#frm_obvestilo\:buttonOk .ui-button-text, #frm_obvestilo\:button-ponovna-prijava .ui-button-text {
    background: unset;
    box-shadow: none;
    border: 0px !important;
}

#frm_obvestilo .ui-button-orange.ui-button-text-only:hover {
    border: 0px;
}

#frm_obvestilo .ui-button.ui-state-active .ui-button-text {
    color: unset;
}

#frm_obvestilo .ui-button.ui-state-active .ui-button-text {
    color: white !important;;
}

#FRM_eracunDatatable .ui-datatable .ui-datatable-tablewrapper table tfoot tr td {
    font-size: 14px;
    border-top: 2px solid;
    border-top-color: #BAAFCC;
    font-weight: bold;
    color: #422373;
    border-left-style: none;
    border-right-style: none;
    border-bottom: 1px solid #BAAFCC;
}

#FRM_sdd .ui-datatable .ui-datatable-tablewrapper table tfoot tr td {
    font-size: 14px;
    border-top: 2px solid;
    border-top-color: #BAAFCC;
    font-weight: bold;
    color: #422373;
    border-left-style: none;
    border-right-style: none;
    border-bottom: 1px solid #BAAFCC;
}

.H4 {
    margin-top: 0px;
    margin-bottom: 24px;
    color: #422373;
    font-size: 18px;
    line-height: 21px;
    font-weight: 500 !important;
    text-transform: none;
}

div.ui-message span.ui-message-error-icon {
    background-size: 82% !important;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button .ui-button-text, .ui-picklist.ui-picklist-responsive .ui-picklist-buttons button.ui-state-active .ui-button-text {
    text-indent: unset;
}

#FRM_placilni-nalog\:idUvoziEracun > div:nth-child(1) {
    padding-top: 11px;
}

#FRM_placilni-nalog\:lastPaymentsInUse {
    width: 115px;
}


#FRM_topbar\:HHeader\:basic2_button {
    height: inherit;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#FRM_topbar\:HHeader\:basic2 {
    background-color: #422373;
    border-radius: 30px;
    height: 41px;
    width: 142px;
}

#FRM_topbar\:HHeader\:nav-link-menu3 {
    margin-top: 5px;
    margin-bottom: 5px;
}

#FRM_topbar\:HHeader\:basic2_button > span:nth-child(2) {
    margin-left: 8px !important;
}

#FRM_topbar\:HHeader\:basic2_button {
    width: inherit;
}

.ui-datatable-selectable.ui-state-hover {
    border: unset;
}

.quickMenuButton, .quickMenuButton:hover {
    background-color: #422373 !important;
    border: none !important;
    border-radius: 20px;

}

.quickMenuButton.ui-selectonemenu .ui-selectonemenu-label {
    color: white !important;
    background-color: transparent;
    vertical-align: text-top;
    font-weight: bold !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    min-height: unset;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.quickMenuButton.ui-selectonemenu span {
    border-bottom: 0px !important;
    margin-top: 5px !important;

}

#FRM_topbar .ui-selectonemenu-trigger .ui-icon-triangle-1-s, #dashboard-section .ui-selectonemenu-trigger .ui-icon-triangle-1-s {
    background-image: url("/HibisEb/jakarta.faces.resource/images/downarrow.svg.xhtml?ln=primefaces-sentinelP") !important;
    top: 3px !important;
}

#FRM_mainAccount\:mainAccount section {
    height: unset;
}

.user-name {
    font-weight: normal;
    color: #422373
}

.ui-blockui.ui-widget-overlay {
    background: transparent;
}

.ui-datatable-selectable.ui-state-hover {
    background: transparent;
    color: #422373;

}

.ui-datatable .ui-datatable-tablewrapper table tbody .ui-state-hover > td, .ui-datatable .ui-datatable-tablewrapper table tbody .ui-state-hover + tr.ui-expanded-row-content > td {
    background-color: #fff;
    color: #422373;
}

.head-nav .ui-commandlink {
    font-weight: normal
}

#FRM_paketi .ui-fileupload-buttonbar {
    padding: 0px;
}

#FRM_paketi .ui-fileupload-row {
    display: block;
}

.ui-fileupload .ui-button {
    padding-left: 10px;
    padding-right: 10px;
}

.inputNumberSmall input {
    width: inherit !important;
}

.normalFontSizeLabel {
    font-weight: normal;
}

#FRM_placilni-nalog\:referencaPrejemnikaSelectOneMenu {
    width: 100% !important;
}

.ui-widget-content span.ui-inputnumber .ui-state-error {
    border: 1px solid #BB0000 !important;
}

#div_komc1 {
    color: #e50051;
}


.ui-confirm-dialog .ui-dialog-content .ui-confirm-dialog-message {
    color: #422373;
}

#FRMNarocilaPodrobnosti\:korak1SubView\:trajnikGrid3 .ui-panelgrid-cell .ui-g-12 {
    display: grid;
    place-items: center;
    text-align: center !important;
}

legend {
    font-size: 16px
}

.horizontalAlign {
    display: flex;
    align-items: center;
}

.amount.large {
    top: 46px;
}


body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
    background: #422373;
}

.headerInline .osRacunLink {
    font-size: 30px;
}

.errorComment {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
    word-wrap: normal;
}


#FRM_novo-sporocilo .ui-message-error-icon {
    width: 18px;
}

.znackaS {
    width: 10px
}

.ploscice {
    width: 265px;
    line-height: 30px;
}

#FRM_sumarneZnacke .napis {
    display: inherit !important;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.napis, .headerSpan {
    color: #422373;
}

.top_navbar-pomoc {
    display: none !important;
}

.userAdminIcon {
    display: inline-flex;
    color: #422373;
    font-size: 25px;
    padding-left: 10px;
}

.userAdminLayout {
    min-width: 300px;
    background: white;
    padding: 10px;
    margin-top: 25px;
    border-radius: 4px;
    padding-left: 0px;
    padding-right: 15px;
}

.headerIcon {
    font-size: 20px;
    color: #422373;
}

.headerText {
    text-align: left;
    font-weight: bold
}

.top_navbar .headerText a {
    color: #422373 !important;
    margin-left: 0px;
    word-break: keep-all;
    overflow-wrap: normal;
    white-space: nowrap;
}

.userAdminLayout h4 {
    color: #e50051;
    margin-bottom: 15px

}

.ui-overlaypanel-content span.ui-g-1 {
    text-align: center
}

.qrUPNPayment .ui-widget-content span.ui-state-error {
    border: unset !important;
}

#FRM_header .qrCodeUPN {
    padding-top: 30px;
}

.toolbar.product_head .qrCodeUPNDialog {
    font-weight: normal !important;
}

#FRM_header\:podrobnostiStanje {
    padding-top: 20px
}

.ui-toggleswitch-checked .ui-toggleswitch-handler {
    -webkit-transform: translateX(1.950em);
    -ms-transform: translateX(1.950em);
    transform: translateX(1.950em);
}