@-webkit-keyframes head-fixed{from {top: -100px;} to {top: 0;}}
@-moz-keyframes head-fixed {from {top: -100px;} to {top: 0;}}
@-ms-keyframes head-fixed {from {top: -100px;} to {top: 0;}}
@-o-keyframes head-fixed {from {top: -100px;} to {top: 0;}}
@-keyframes head-fixed {from {top: -100px;} to {top: 0;}}
/*@charset "utf-8";*/

@font-face {
    font-family: 'gotham';
    src: url("/javax.faces.resource/gotham.eot.xhtml?ln=fonts");
    src: url("/javax.faces.resource/gotham.eot.xhtml?ln=fonts?#iefix") format('embedded-opentype'),
         url("/javax.faces.resource/gotham.woff.xhtml?ln=fonts") format('woff'),
         url("/javax.faces.resource/gotham.ttf.xhtml?ln=fonts") format('truetype'),
         url("/javax.faces.resource/gotham.svg.xhtml?ln=fonts#gotham") format('svg');
    font-weight: normal;
    font-style: normal;
}

body {font-family: helvetica, sans-serif; color:#000000; background-color: #f1f1f1; }

red {color: red;}
green {color: green;}

html, body{ margin: auto; padding: auto;}

.ui-widget input {font-family: helvetica, sans-serif;}

.color-blue {color: #3886c8;}
.color-red {color: #B5090A;}
.color-717171 {color: #717171;}

.template{width: 100%; background-color: #f1f1f1; margin: auto; padding: auto;}

.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-hover {background-color: #F1F1F1 !important;}
.ui-selectonemenu-panel .ui-selectonemenu-list-item {color: #717171;}

.ui-state-error .ui-chkbox-icon {background-image: url(/GreenBlueShop-war/javax.faces.resource/images/ui-icons_3d80b3_256x240.png.xhtml?ln=primefaces-bluesky);}

.ui-button.btn-add .ui-icon{ color: #008000 !important; }
.ui-button.btn-remove .ui-icon{ color: #B5090A !important; }
.ui-button.btn-details .ui-icon, .ui-button.btn-check .ui-icon{ color: #008ef3; }
.ui-button.btn-subtract .ui-icon{ color: #ff9800 !important; }

.ui-radiobutton .ui-radiobutton-box {background: none; border-color: #4a5b6b;}

.ui-selectoneradio label {margin-top: 0px; margin-left: 2px; margin-right: 10px;}

.price {color: #B5090A;}

.uppercase {text-transform: uppercase;}

.product-icon{border: 3px solid #E8E8E8; border-radius: 15px;}

.float-right {float: right; text-align: right;}
.float-left {float: left; text-align: left;}

.ui-menu {padding-top: 0px;}

.ui-widget {font-family: helvetica, sans-serif;}
.ui-widget .ui-widget{font-size: 14px;}
.ui-widget-content {border: none;}
.ui-widget-header {background: none #008ef3; border: none; color: #FFF;}

.ui-growl-item, .ui-growl-item-container{background: none #124875; border-color: #124875; opacity: 1; border-radius: 15px;}
.ui-growl-item .ui-growl-icon-close {margin-right: 5px; background-image: url("/GreenBlueShop-war/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-bluesky"); display: block !important;}
.ui-growl-message{color: #FFF;}
.ui-growl-message p {display: none;}
.ui-growl-message .ui-growl-title {font-size: 12px; padding: 0px; padding-top: 9px;}

label.ui-state-error {background: none !important; color: #444 !important;}

.ui-chkbox .ui-chkbox-box {background: none !important;}
.ui-chkbox .ui-chkbox-box.ui-state-error {background: none !important;}

.ui-datagrid {padding: 10px;}
.ui-datagrid .ui-datagrid-header {text-align: left; padding: 10px; width: 100%; color: #3886c8; background-color: #FFF;}
.ui-datagrid .ui-datagrid-header h1,
.ui-datagrid .ui-datagrid-header h2,
.ui-datagrid .ui-datagrid-header h3 {margin-bottom: 8px; margin-top: 8px;}
.ui-datagrid .ui-widget-content { color: #717171; }

.ui-panelgrid {font-size: 12px; margin: 10px; border-radius: 15px; background-color: #FFF; display: inline-block;}
.ui-panelgrid .ui-panelgrid-header {text-align: left; padding: 10px; background: none; width: 100%; color: #3886c8; display: inline-block;}
.ui-panelgrid .ui-panelgrid-header .ui-widget-header {background: none; color: #3886c8;}
.ui-panelgrid .ui-panelgrid-header h1,
.ui-panelgrid .ui-panelgrid-header h2,
.ui-panelgrid .ui-panelgrid-header h3 { margin: 0px;}
.ui-panelgrid .ui-panelgrid-footer .ui-widget-header {background-color: #FFF; border-color: #FFF;}
.ui-panelgrid .ui-panelgrid-footer .ui-widget-header td {padding: 10px;}
.ui-panelgrid .ui-widget-content { border-color: #FFF; color: #717171;}
.ui-panelgrid .ui-panelgrid-cell.label { width: 150px; padding: 7px; text-align: right;}
.ui-panelgrid .ui-panelgrid-cell.text { width: 300px; text-align: left; padding: 7px;}
.ui-panelgrid .ui-panelgrid-cell.text input { width: 300px; }
.ui-panelgrid .ui-panelgrid-cell.message {text-align: left; padding: 10px;}

.ui-panelgrid.notification {margin-bottom: 10px; margin-top: 10px;}
.ui-panelgrid.notification .ui-panelgrid-cell {padding: 0px; border: none;}
.ui-panelgrid.notification .ui-panelgrid-cell .ui-messages-info,
.ui-panelgrid.notification .ui-panelgrid-cell .ui-messages-error {border-radius: 5px;}

.ui-datatable {font-size: 12px; padding: 10px; border-radius: 15px; background-color: #FFF;}
.ui-datatable .ui-datatable-header { text-align: left; padding: 10px; background: none; width: 100%; color: #3886c8;}
.ui-datatable .ui-datatable-header h3,
.ui-datatable .ui-datatable-header h2,
.ui-datatable .ui-datatable-header h1 {margin: 0px;}
.ui-datatable thead { text-align: center !important; }
.ui-datatable tbody tr { border-bottom: 1px solid #E8E8E8; }
.ui-datatable tbody td { border: 1px solid #E8E8E8; text-align: center;}
.ui-datatable thead .ui-column-filter {border-color: #bed6f8 !important; float: right; width: 98%;}
.ui-datatable thead .column-product .ui-column-filter {float: none; width: 98%;}
.ui-datatable thead tr { border-bottom: 2px solid #B7B7B7; }
.ui-datatable thead th { background: none; }
.ui-datatable thead .ui-state-default { border-color: #FFF; }
.ui-datatable .ui-datatable-footer { background-color: #FFF; text-align: left; padding-left: 0px; }
.ui-datatable .ui-datatable-footer .ui-widget{ font-size: 12px; }
.ui-datatable .ui-datatable-summaryrow { background-color: #FFF; color: #000; border-bottom: 0px; }
.ui-datatable .ui-widget-content { color: #444 !important; }
.ui-datatable .icon { width: 80px; padding: 0px; }
.ui-datatable .icon img{ width: 75px; height: 75px; }
.ui-datatable .enabled .ui-selectbooleanbutton {opacity: 1; background: none !important; border: none;}
.ui-datatable .enabled .ui-selectbooleanbutton .ui-icon {color: #444;}
.ui-datatable .enabled .ui-selectbooleanbutton .ui-button-text {padding-right: 0px;}
.ui-datatable .operations { width: 32px; }
.ui-datatable .operations .ui-button { background-color: #FFF !important; width: 25px; height: 25px; font-size: 14px; text-align: center; padding: 0px; border: none;}
.ui-datatable .operations .ui-button .ui-button-text, .ui-datatable .operations .ui-button .ui-icon {color: #008ef3;}
.ui-datatable .operations-quantity .ui-button .ui-icon.fa {position: relative; top: 2px;}
.ui-datatable .operations .ui-button:hover { font-size: 18px; }
.ui-datatable .operations .ui-button:hover .ui-icon.fa {top: 10px;}
.ui-datatable .operations-quantity {width: 100px; display: inline-block; vertical-align: middle;}
.ui-datatable .operations-quantity .ui-button { background-color: #FFF !important; width: 15px; height: 15px; font-size: 14px; text-align: center; padding: 0px; margin-right: 20px; border: none; position: relative; left: 10px; top: -5px;}
.ui-datatable .operations-quantity .ui-button .ui-icon.fa {position: relative; top: 7px; left: 0px;}
.ui-datatable .operations-quantity .ui-button .ui-button-text, .ui-datatable .operations .ui-button .ui-icon{ color: #008ef3; }
.ui-datatable .operations-quantity .ui-button:hover {font-size: 18px; top: -2px;}
.ui-datatable .operations-quantity .ui-button:hover .ui-icon.fa {top: 6px; left: 0px; position: relative;}

.small.ui-messages .ui-messages-error {background: none; border: none;}
.small.ui-messages .ui-messages-error-icon {height: 16px; width: 16px; background-position: 0 -96px; margin-top: 0px;} 
.small.ui-messages .ui-messages-error-summary{font-size: 11px; font-weight: normal; margin-left: 0px;}
.small.ui-messages .ui-messages-error-summary{font-size: 11px;}

.ui-messages-info, .ui-messages-error {margin: 0px;}
.ui-message-error-detail{font-size: 11px;}
.ui-message.ui-message-error {background: none; border: none;}

.ui-panel { font-size: 14px; padding: 0px;}
.ui-panel .ui-panel-content{ padding: 0px; width: 100%}
.ui-panel .ui-panel-content .label{ padding: 7px; text-align: right; width: 250px;}
.ui-panel .ui-panel-content .text{ text-align: left; padding: 7px; }
.ui-panel .ui-panel-content .text input{ width: 250px;}
.ui-panel .ui-panel-content .message{ background: none; border: none; }
.ui-panel .ui-panel-titlebar { padding: 0px; background: none; width: 100%; color: #3886c8; font-size: 18px;}

.ui-dialog {border-radius: 15px;}
.ui-dialog .ui-dialog-titlebar {background-color: #FFF; color: #3886c8; font-size: 18px;}
.ui-dialog .ui-resizable-se {right: 20px; bottom: 20px;}

.unizeto-order .ui-helper-clearfix{ display: inline-block; }
.unizeto-order.border-radius {padding: 20px;}

.ui-icon{overflow: visible;}

.footer{background-color: #4a5b6b; margin-top: 50px; }
.footer-content{background-color: #4a5b6b; color: #FFF; display: -webkit-box; padding-top: 100px; padding-bottom: 100px;}
.footer-content .column-left-1 {padding-left: 3px; padding-right: 10px; }
.footer-content .column-left-2 {padding-left: 20px; padding-top: 30px; line-height: 25px; padding-right: 20px; }
.footer-content .column-left-3 {padding-left: 20px; padding-right: 50px; padding-top: 30px; line-height: 25px; }
.footer-content .column-left-3 i {padding-right: 10px;} 
.footer-content .column-right-1 {padding-right: 30px; padding-left: 80px;}
.footer-content .column-right-1 h4 {color: #2476c8; margin-top: 0px;}
.footer-content .column-right-1 .ui-menu {background-color:  #4a5b6b;}
.footer-content .column-right-1 .ui-menu .ui-menuitem {width: 140px; padding-left: 15px;}
.footer-content .column-right-1 .ui-menu .ui-menuitem-text{color: #FFF;}
.footer-content .column-right-1 .ui-menu .ui-menuitem .ui-menuitem-link:hover{background: none;}
.footer-content .column-right-1 .ui-menu .ui-menuitem .ui-menuitem-link:hover .ui-menuitem-text{color: #7e7e7e;}
.footer-content .column-right-2 {padding-left: 20px;}
.footer-content .column-right-2 h4 {color: #2476c8; margin-top: 0px;}
.footer-content .column-right-2 .ui-menu {background-color:  #4a5b6b;}
.footer-content .column-right-2 .ui-menu .ui-menuitem {width: 140px; padding-left: 15px;}
.footer-content .column-right-2 .ui-menu .ui-menuitem-text{color: #FFF;}
.footer-content .column-right-2 .ui-menu .ui-menuitem .ui-menuitem-link:hover{background: none;}
.footer-content .column-right-2 .ui-menu .ui-menuitem .ui-menuitem-link:hover .ui-menuitem-text{color: #7e7e7e;}

.copyright {background-color: #303e4b; margin: auto;}
.copyright-content {background-color: #303e4b; padding: 10px 0px;}
.copyright-content .ui-panelgrid {width: 100%; display: table;}
.copyright-content .ui-panelgrid .ui-widget-content {border-color: #303e4b;}
.copyright-content .ui-panelgrid-cell{width: 50%; background-color: #303e4b; padding: 10px;}
.copyright-content .ui-panelgrid-cell.left {text-align: left; color: #FFF;}
.copyright-content .ui-panelgrid-cell.right {text-align: right; color: #999;}
.copyright-content .company-name {position: relative; top: 3px;}

.center{max-width: 1100px; margin: 0 auto;}

.clear:after{clear: both; content: ""; display: block;}

.top {width: 100%; margin: auto; padding: auto; top: 0px; z-index: 1000; background-color: #FFF; padding-bottom: 0px; padding-top: 20px;}

.top .top-menu {display: inline; white-space: nowrap; float: right; padding-top: 0px; background-color: #FFF;}
.top .top-menu.ui-menubar .ui-menuitem {margin-right: 0px;}
.top .top-menu.ui-menubar .ui-menuitem-link{font-size: 14px; text-transform: uppercase; border: none; font-weight: 600; color: #666; border-right: 2px solid #7e7e7e; padding: 0px 20px 0px 20px;}
.top .top-menu.ui-menubar .ui-menuitem-link .ui-menuitem-text {color: #7e7e7e;}
.top .top-menu.ui-menubar .ui-menuitem-link:hover {background-image: none; background-color: #FFF; -webkit-transition: background 0.2s linear,border 0.2s linear; -moz-transition: background 0.2s linear,border 0.2s linear; -ms-transition: background 0.2s linear,border 0.2s linear; -o-transition: background 0.2s linear,border 0.2s linear; transition: background 0.2s linear,border 0.2s linear;}
.top .top-menu.ui-menubar .ui-menuitem-link:hover .ui-menuitem-text {color: #4e4e4e;}

.ui-state-hover { background: none !important;}

.top-menu-flat.ui-menubar { background-color: #008ff5; border: none; max-width: 100%; margin: 20px auto; padding: 0px; margin-bottom: 0px;}
.top-menu-flat.ui-menubar .ui-menu-list {max-width: 1100px; margin: 0 auto;}
.top-menu-flat.ui-menubar .ui-menuitem { background: none;}
.top-menu-flat.ui-menubar .ui-menuitem .ui-menuitem-link { padding: 0px; border-right: 2px solid #FFF; margin: 5px 10px; padding-right: 20px;}
.top-menu-flat.ui-menubar .ui-menuitem { margin-top: 10px; margin-bottom: 10px;}
.top-menu-flat.ui-menubar .ui-menuitem .ui-menuitem-link .ui-menuitem-text { text-transform: uppercase; color: #FFF; font-weight: bold;}
.top-menu-flat.ui-menubar .ui-menuitem:hover  {background: none;}
.top-menu-flat.ui-menubar .ui-menuitem:hover .ui-menuitem-link {background: none;}
.top-menu-flat.ui-menubar .ui-menuitem:hover .ui-menuitem-link .ui-menuitem-text {color: #545257;}

.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child {background-color: #0e70b9; border-radius: 0px 15px 15px 15px; width: 330px;}
.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem-icon {padding-right: 20px;}
.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem .ui-menuitem-text {color: #FFF; font-size: 13px;}
.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem:hover .ui-menuitem-text {color: #545257;}
.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem .ui-menuitem-link {border-right: none; margin-top: 0px; margin-bottom: 0px;}

.top-menu-flat.ui-menubar .ui-menu-parent.offer .ui-menuitem-text:after {content: '\a'; white-space: pre;}

.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem.walidacja-domeny .ui-menuitem-text {color: #f38641;}
.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem.walidacja-domeny .ui-menuitem-link:after {content: '\aWydanie w 5-10 minut. Brak doku-\a mentów. Niski poziom zaufania.'; white-space: pre; color: #FFF; text-transform: none; font-size: 12px;}

.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem.walidacja-organizacji .ui-menuitem-text {color: #42acf6;}
.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem.walidacja-organizacji .ui-menuitem-link:after {content: '\aWydanie 2-3 dni. Zaawansowany\a poziom zaufania.'; white-space: pre; color: #FFF; text-transform: none; font-size: 12px;}

.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem.walidacja-rozszerzona .ui-menuitem-text {color: #05e465;}
.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem.walidacja-rozszerzona .ui-menuitem-link:after {content: '\aWydanie 3-7 dni. Wysoki poziom\a zaufania.'; white-space: pre; color: #FFF; text-transform: none; font-size: 12px;}

.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem.certyfikaty-ssl-wildcard .ui-menuitem-text {color: #ff4e45;}
.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem.certyfikaty-ssl-wildcard .ui-menuitem-link:after {content: '\aZabezpieczenie jednym ceryfikatem\a SSL nielimitowanej ilości domen.'; white-space: pre; color: #FFF; text-transform: none; font-size: 12px;}

.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem.multi-domeny-ssl .ui-menuitem-text {color: #fae50e;}
.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem.multi-domeny-ssl .ui-menuitem-link:after {content: '\aZabezpieczenie wielu domen jednym\a certyfikatem SSL.'; white-space: pre; color: #FFF; text-transform: none; font-size: 12px;}

.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem.certyfikaty-codesigning .ui-menuitem-text {color: #4deffc;}
.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem.certyfikaty-codesigning .ui-menuitem-link:after {content: '\aZaufanie do ściąganych programów\a przez sprawdzenie integralności kodu.'; white-space: pre; color: #FFF; text-transform: none; font-size: 12px;}

.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem.certyfikaty-email .ui-menuitem-text {color: #ffc446;}
.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem.certyfikaty-email .ui-menuitem-link:after {content: '\aZaufanie do ściąganych programów\a przez sprawdzenie integralności kodu.'; white-space: pre; color: #FFF; text-transform: none; font-size: 12px;}

.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem.certyfikaty-ssl .ui-menuitem-text {color: #f38641;}
.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem.certyfikaty-ssl .ui-menuitem-link:after {content: '\aWydanie w 2-3 dni. Brak doku-\a mentów. Wysoki poziom zaufania.'; white-space: pre; color: #FFF; text-transform: none; font-size: 12px;}

.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem.certyfikaty-code-signing .ui-menuitem-text {color: #42acf6;}
.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem.certyfikaty-code-signing .ui-menuitem-link:after {content: '\aWydanie w 2-3 dni. Brak doku-\a mentów. Wysoki poziom zaufania.'; white-space: pre; color: #FFF; text-transform: none; font-size: 12px;}

.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem.certyfikaty-id .ui-menuitem-text {color: #05e465;}
.top-menu-flat.ui-menubar .ui-menu-list.ui-menu-child .ui-menuitem.certyfikaty-id .ui-menuitem-link:after {content: '\aWydanie w 2-3 dni. Brak doku-\a mentów. Wysoki poziom zaufania.'; white-space: pre; color: #FFF; text-transform: none; font-size: 12px;}

.menu-product-types.ui-menu {width: 325px; background-color: #48adf5; border-radius: 15px;}
.menu-product-types.ui-menu .ui-menu-list .ui-widget-header.ui-corner-all {background-color: #48adf5; height: 60px; border-radius: 15px;}
.menu-product-types.ui-menu .ui-menu-list .ui-widget-header.ui-corner-all h3 {text-transform: uppercase; font-size: 14px; padding-left: 65px; padding-top: 18px;}
.menu-product-types.ui-menu .ui-menu-list .ui-widget-header.ui-corner-all h3 .ui-icon.ui-icon-triangle-1-e:not(.ui-submenu-icon) {margin-left: 90%; background-image: url(/GreenBlueShop-war/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-bluesky); top: 27px;}
.menu-product-types.ui-menu .ui-menu-list .ui-widget-header.ui-corner-all h3 .ui-icon.ui-icon-triangle-1-s:not(.ui-submenu-icon) {margin-left: 90%; background-image: url(/GreenBlueShop-war/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-bluesky); top: 27px;}
.menu-product-types.ui-menu .ui-menu-list .ui-widget-header.ui-corner-all .ui-submenu-icon {top: 13px; background-position: 0px 0px;}
.menu-product-types.ui-menu .ui-menu-list .ui-widget-header.ui-corner-all.ui-state-hover {border: none;}
.menu-product-types.ui-menu .ui-menu-list .ui-widget-header.ui-corner-all.ui-state-hover h3 {color: #545257;}
.menu-product-types.ui-menu .ui-menu-list .ui-menuitem a .ui-menuitem-text {color: #FFF; padding-left: 65px; text-transform: uppercase; font-size: 12px;}
.menu-product-types.ui-menu .ui-menu-list .ui-menuitem a.ui-state-hover .ui-menuitem-text {color: #545257;}

.column-menu-product-types { width: 340px; display: inline-block; float: left; position: relative; z-index: 10; top: -100px;}

.customer-menu.ui-menu {width: 325px; background-color: #48adf5; border-radius: 15px; position: relative; z-index: 10; top: -100px;}
.customer-menu.ui-menu .ui-menu-list .ui-widget-header.ui-corner-all {background-color: #48adf5; height: 50px; border-radius: 15px;}
.customer-menu.ui-menu .ui-menu-list .ui-widget-header.ui-corner-all h3 {text-transform: uppercase; font-size: 14px; padding-top: 18px; padding-left: 25px;}
.customer-menu.ui-menu .ui-menu-list .ui-widget-header.ui-corner-all .ui-submenu-icon {top: 13px; background-position: 0px 0px;}
.customer-menu.ui-menu .ui-menu-list .ui-widget-header.ui-corner-all.ui-state-hover {border: none;}
.customer-menu.ui-menu .ui-menu-list .ui-widget-header.ui-corner-all.ui-state-hover h3 {color: #545257;}
.customer-menu.ui-menu .ui-menu-list .ui-menuitem a .ui-menuitem-text {color: #FFF; text-transform: uppercase; font-size: 12px;}
.customer-menu.ui-menu .ui-menu-list .ui-menuitem a.ui-state-hover .ui-menuitem-text {color: #545257;}
.customer-menu.ui-menu .ui-menu-list .ui-menuitem a.ui-state-hover .ui-menuitem-icon {color: #545257;}
.customer-menu.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {border: none;}
.customer-menu.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-icon {color: #FFF;}

.operator-menu.ui-menu {width: 200px; background-color: #48adf5 !important; border-radius: 15px;}
.operator-menu.ui-menu .ui-menu-list .ui-widget-header.ui-corner-all {background-color: #48adf5; height: 50px; border-radius: 15px;}
.operator-menu.ui-menu .ui-menu-list .ui-widget-header.ui-corner-all h3 {text-transform: uppercase; font-size: 14px; padding-top: 18px; padding-left: 25px;}
.operator-menu.ui-menu .ui-menu-list .ui-widget-header.ui-corner-all .ui-submenu-icon {top: 13px; background-position: 0px 0px;}
.operator-menu.ui-menu .ui-menu-list .ui-widget-header.ui-corner-all.ui-state-hover {border: none;}
.operator-menu.ui-menu .ui-menu-list .ui-widget-header.ui-corner-all.ui-state-hover h3 {color: #545257;}
.operator-menu.ui-menu .ui-menu-list .ui-menuitem a .ui-menuitem-text {color: #FFF; text-transform: uppercase; font-size: 12px;}
.operator-menu.ui-menu .ui-menu-list .ui-menuitem a.ui-state-hover .ui-menuitem-text {color: #545257;}
.operator-menu.ui-menu .ui-menu-list .ui-menuitem a.ui-state-hover .ui-menuitem-icon {color: #545257;}
.operator-menu.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {border: none;}
.operator-menu.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-icon {color: #FFF;}

.customer-layout .ui-layout-unit-content {background-color: #F1F1F1;}

.column-product-content {max-width: 720px; display: inline-block; float: right;}
.column-product-group-content {max-width: 720px; display: inline-block; float: right;}

.top-fixed {top: 0px; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -ms-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-name: head-fixed; -moz-animation-name: head-fixed; -ms-animation-name: head-fixed; -o-animation-name: head-fixed; animation-name: head-fixed;}
.top-fixed img {width: 110px; height: 55px;}
.top-fixed .top-menu {padding-top: 11px;}
.top-fixed .top-language {padding-top: 9px;}
.top-fixed .top-cart {padding-top: 6px;}

.fixed {position: fixed;}

.top-language {float: right; margin-left: 10px;}
.top-language .ui-button {padding: 0px; border-radius: 3px; background: none #FFF !important; border-color: #7e7e7e !important; margin-left: 10px;}
.top-language .ui-button .ui-button-text {color: #7e7e7e; padding: 2px;}
.top-language .ui-button:hover {background-color: #7e7e7e !important; border-color: #7e7e7e !important;}
.top-language .ui-button:hover .ui-button-text {color: #FFF;}

.top-logo {width: 446px; height: 108px; float: left;}

.top-fixed .top-cart {padding-top: 6px;}

.top-cart {padding-top: 18px; float: right; position: relative; top: -60px;}
.top-cart.ui-panelgrid {display: table;}
.top-cart.ui-panelgrid .ui-widget-content {border-color: #f6f6f6; background-color: #f6f6f6;}
.top-cart.ui-panelgrid .ui-panelgrid-cell {background-color: #f6f6f6; border-style: none;}
.top-cart.ui-panelgrid .ui-widget-content {background-color: #f6f6f6;}
.top-cart.ui-panelgrid .ui-panelgrid-cell {color: #292a2c; padding-left: 50px;}
.top-cart.ui-panelgrid .ui-panelgrid-cell.cart {padding-left: 10px;}
.top-cart.ui-panelgrid .ui-panelgrid-cell.cart .ui-button { margin: 0px; border: none; background-color: #f6f6f6 !important; }
.top-cart.ui-panelgrid .ui-panelgrid-cell.cart .ui-button .ui-button-text {padding-right: 0px; color: #292a2c}
.top-cart.ui-panelgrid .ui-panelgrid-cell.cart .ui-button .ui-icon {color: #292a2c}
.top-cart.ui-panelgrid .ui-panelgrid-cell.cart .ui-button:hover .ui-button-text {color: #7e7e7e;}
.top-cart.ui-panelgrid .ui-panelgrid-cell.cart .ui-button:hover .ui-icon {color: #7e7e7e;}

.top-banner {position: relative; margin: auto; height: 185px;}
.top-banner .top-picture { height: 185px;}
.top-banner .top-picture img {width: 100%; display: block; top: 0px; z-index: 1; height: 185px; width: 100%; object-fit: cover; position: absolute;}

.content {background-color: #f1f1f1; margin-top: 50px;}

.uppercase {text-transform: uppercase;}

.icon-white .ui-icon { /* Rozwiązanie na białe ikony - dziwne ale działa :) */ background-image: url("/GreenBlueShop-war/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-bluesky");}

.border {border: 2px solid #008ef3;}

.ui-inputfield {color: #444 !important; -webkit-box-shadow: none !important; box-shadow: none !important;}

.ui-button {background: none #008ef3 !important; border-color: #008ef3 !important; padding: 3px; border-radius: 2px;}
.ui-button .ui-icon {color: #FFF;}
.ui-button .ui-button-text {color: #FFF;}
.ui-button:hover {background-color: #3ab7ff !important; border-color: #3ab7ff !important; -webkit-transition: background 0.2s linear,border 0.2s linear; -moz-transition: background 0.2s linear,border 0.2s linear; -ms-transition: background 0.2s linear,border 0.2s linear; -o-transition: background 0.2s linear,border 0.2s linear; transition: background 0.2s linear,border 0.2s linear;}

.button-grey.ui-button {background-color: #4a5b6b !important; border-color: #4a5b6b !important; border-radius: 5px;}
.button-grey.ui-button:hover {background-color: #7f8992 !important; border-color: #7f8992 !important;}

.button-blue-white.ui-button {background: none #FFF !important; border-color: #FFF !important; padding: 5px; border-radius: 5px;}
.button-blue-white.ui-button .ui-icon {color: #48adf5;}
.button-blue-white.ui-button .ui-button-text {color: #48adf5; text-transform: uppercase;}
.button-blue-white.ui-button:hover {background-color: #48adf5 !important; border-color: #FFF !important; -webkit-transition: background 0.2s linear,border 0.2s linear; -moz-transition: background 0.2s linear,border 0.2s linear; -ms-transition: background 0.2s linear,border 0.2s linear; -o-transition: background 0.2s linear,border 0.2s linear; transition: background 0.2s linear,border 0.2s linear;}
.button-blue-white.ui-button:hover .ui-icon {color: #FFF; -webkit-transition: background 0.2s linear,border 0.2s linear; -moz-transition: background 0.2s linear,border 0.2s linear; -ms-transition: background 0.2s linear,border 0.2s linear; -o-transition: background 0.2s linear,border 0.2s linear; transition: background 0.2s linear,border 0.2s linear;}
.button-blue-white.ui-button:hover .ui-button-text {color: #FFF; -webkit-transition: background 0.2s linear,border 0.2s linear; -moz-transition: background 0.2s linear,border 0.2s linear; -ms-transition: background 0.2s linear,border 0.2s linear; -o-transition: background 0.2s linear,border 0.2s linear; transition: background 0.2s linear,border 0.2s linear;}

*:focus {outline: none !important;} /*Usunięcie ramki po kliknięciu przycisku*/

.content-left.operator .ui-widget-content {background: none #F1F1F1;}

.content-left {float: left; max-width: 200px;}
.content-left img {padding: 20px 0px; margin-left: 25px;}

.content-left-ads {float: left;}

.menu-left {padding: 0px 0px 5px 0xp; width: 190px;}
.menu-left .ui-menu {padding: 0px 0px 5px 0xp;}
.menu-left .ui-widget-header {background: #008ef3 none;  border: #008ef3; color: #FFF; border-radius: 0px; font-size: 12px;}
.menu-left .ui-icon { font-size: 15px; }
.menu-left .ui-menu .ui-menuitem-text {padding-left: 5px;}
.menu-left .ui-menu .ui-menu-list .ui-widget-header {font-size: 15px; border-radius: 1px; }
.menu-left .ui-menu .ui-menu-list.ui-widget-header, .menu-left .ui-widget-header.ui-corner-all{ margin: 0px; }
.menu-left .ui-menuitem .ui-menuitem-link{ border-bottom: 2px solid #FFF; color: #666; font-size: 15px; }
.menu-left .ui-menuitem .ui-menuitem-link:hover{ background: none; border-bottom-color: #E88A0C; color: #000; -webkit-transition: background 0.2s linear,border 0.2s linear; -moz-transition: background 0.2s linear,border 0.2s linear; -ms-transition: background 0.2s linear,border 0.2s linear; -o-transition: background 0.2s linear,border 0.2s linear; transition: background 0.2s linear,border 0.2s linear; }

.customer-panel-shortcut {padding: 0px 10px 10px 10px;}
.customer-panel-shortcut h1 {font-size: 38px; padding-left: 10px; color: #3886c8;} 
.customer-panel-shortcut h2 {font-size: 30px; padding-left: 10px; color: #3886c8;}
.customer-panel-shortcut .ui-button{ background-image: none; border: none; font-weight: 700; margin: 10px; padding: 20px; border: 1px solid #f4f4f4 !important; border-radius: 15px;}
.customer-panel-shortcut .ui-button:hover{ border-color: #E88A0C !important; -webkit-transition: background 0.2s linear,border 0.2s linear; -moz-transition: background 0.2s linear,border 0.2s linear; -ms-transition: background 0.2s linear,border 0.2s linear; -o-transition: background 0.2s linear,border 0.2s linear; transition: background 0.2s linear,border 0.2s linear; }
.customer-panel-shortcut-ssl .ui-button{ width: 520px; font-size: 25px; }
.customer-panel-shortcut-account .ui-button{ width: 340px; font-size: 16px; background-color: #FFF !important; border-color: #f4f4f4;}
.customer-panel-shortcut-account .ui-button .ui-button-text{ color: #000;}
.customer-panel-shortcut .customer-panel-shortcut-ssl .ui-button-text{ height: 50px; }
.customer-panel-shortcut .ui-icon{ display: inline; position: inherit; left: 10px; opacity: .3; }
.customer-panel-shortcut .ui-button:hover .ui-icon{ opacity: 1; -webkit-transition: background 0.2s linear,border 0.2s linear; -moz-transition: background 0.2s linear,border 0.2s linear; -ms-transition: background 0.2s linear,border 0.2s linear; -o-transition: background 0.2s linear,border 0.2s linear;  transition: background 0.2s linear,border 0.2s linear; }
.customer-panel-shortcut-ssl .ui-icon{ color: #c09853; font-size: 96px; }
.customer-panel-shortcut-account .ui-icon{ font-size: 48px; color: #000; }
.customer-panel-shortcut-ssl .button-warning, .customer-panel-shortcut-ssl .button-warning .ui-button-text{ background-color: #fcf8e3 !important; color: #c09853 !important; }
.customer-panel-shortcut-ssl .button-info, .customer-panel-shortcut-ssl .button-info .ui-button-text{ background-color: #dff0d8 !important; color: #468847 !important; }
.customer-panel-menu .menu-left .ui-menu{ width: 190px; }

.customer-panel-shortcut-change-customer {padding: 10px; color: #717171;}
.customer-panel-shortcut-change-customer .ui-selectonemenu {top: 5px;}
.customer-panel-shortcut-change-customer .ui-selectonemenu .ui-selectonemenu-trigger {}
.customer-panel-shortcut-change-customer .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {left: 2px; opacity: 1;}

.border-radius {border-radius: 15px; background-color: #FFF;}

.default-content-center {margin: auto; display: table}

.customer-panel-data .ui-panelgrid .ui-panelgrid-cell.text {width: 70%;}

.customer-panel-data-edit .ui-panelgrid.notification {margin-top: 0px; margin-left: 20px;}
.customer-panel-data-edit .ui-panelgrid:not(.notification) .ui-panelgrid-header {padding-top: 0px;}
.customer-panel-data-edit .ui-panelgrid:not(.notification) .ui-panelgrid-cell.label {width: 250px;}

.customer-panel-password .ui-panelgrid .ui-panelgrid-cell.label {width: 250px;}

.unizeto-order .ui-datatable thead tr th .ui-column-title { font-size: 14px; color: #444; }
.unizeto-order .ui-datatable thead .ui-state-default { background: none;}

.unizeto-order-step-1 .ui-panel-title {font-size: 14px; color: #717171;}
.unizeto-order-step-1 .ui-panel-title h3 {font-size: 18;}
.unizeto-order-step-1 .ui-panel-title td.label {width: 250px; text-align: right; padding: 7px;}
.unizeto-order-step-1 .ui-panel-title td.text {width: 400px; padding: 7px;}
.unizeto-order-step-1 .unizeto-statement {font-size: 12px; color: #717171; padding-top: 20px; display: block;}
.unizeto-order-step-1 .ui-panelgrid .ui-panelgrid-footer .ui-widget-header td {padding-left: 0px;}

.unizeto-order-step-2 .upload-csr {position: relative; top: -13px;}

.unizeto-order-step-3 .ui-panelgrid {margin: 0px;}
.unizeto-order-step-3 .ui-panelgrid .ui-panelgrid-footer .ui-widget-header td {padding-left: 0px; padding-bottom: 0px;}

.unizeto-order-step-5 .ui-datatable {padding: 0px;}
.unizeto-order-step-5 .ui-editable-column, .unizeto-order-step-5 .ui-editable-column .ui-selectonemenu-label { background-color: #fff2a0 !important; border-right: 1px solid #FFF}
.unizeto-order-step-5 .ui-state-default { border-color: #fff2a0;}

.unizeto-order-step-4 .ui-editable-column.domain {border-right: 2px solid #FFF; background-color: #fff2a0 !important;}
.unizeto-order-step-4 .ui-editable-column.domain .ui-cell-editor-input {padding-left: 5px;}
.unizeto-order-step-4 .ui-editable-column.domain .ui-inputfield.ui-inputtext.ui-state-hover {background-color: #FFF !important;}
.unizeto-order-step-4 .ui-editable-column.add-www-prefix {background: none; border-color: #FFF;}
.unizeto-order-step-4 .ui-editable-column.add-www-prefix .ui-cell-editor-input {padding-left: 10px; background-color: #FFF; border-color: #FFF;}
.unizeto-order-step-4 .ui-datatable {padding: 0px;}

.unizeto-order-step-6 .ui-helper-clearfix:after {content: none;}

.column-product-group-content .product-groups .ui-datagrid-content {border-radius: 15px;}
.column-product-group-content .product-groups table.ui-datagrid-data tbody table {margin-top: 10px; margin-bottom: 10px;}
.column-product-group-content .product-groups table.ui-datagrid-data tbody table thead tr th {text-align: left; text-transform: uppercase; color: #3886c8; font-size: 18px;}
.column-product-group-content .product-groups table.ui-datagrid-data {padding: 40px;}
.column-product-group-content .product-groups table.ui-datagrid-data tbody table tfoot tr td .ui-button {float: right;}
.column-product-group-content .product-groups table.ui-datagrid-data tbody table tbody tr td.text {padding-top: 30px; color: #717171; line-height: 1.5;}
.column-product-group-content .product-groups table.ui-datagrid-data tbody table tbody tr td.text .level-of-security {font-size: 15px;}
.column-product-group-content .product-groups table.ui-datagrid-data tbody table tbody tr td.text .level-of-security i {font-size: 18px;}
.column-product-group-content .product-groups table.ui-datagrid-data tbody table tbody tr td.image {padding-top: 30px; padding-right: 30px;}
.column-product-group-content .product-groups table.ui-datagrid-data tbody .ui-datagrid-row .ui-datagrid-column {border-bottom: 1px solid #C1C1C1;}

.column-product-content form {border-radius: 15px; padding: 40px; background-color: #FFF;}
.column-product-content .ui-panelgrid.product-group tbody .product-group-header {text-align: left; text-transform: uppercase; color: #3886c8; font-size: 18px; font-weight: bold;}
.column-product-content .ui-panelgrid.product-group tbody .product-group-content {color: #717171; line-height: 1.5;}
.column-product-content .ui-panelgrid.product-group tbody .product-group-content .ui-panelgrid-cell {padding-top: 30px;}
.column-product-content .ui-panelgrid.product-group tbody .product-group-content .ui-panelgrid-cell.product-group-icon {padding-right: 30px;}
.column-product-content .ui-panelgrid.product-group tbody .product-group-content .level-of-security {font-size: 15px;}
.column-product-content .ui-panelgrid.product-group tbody .product-group-content .level-of-security i {font-size: 18px;}

.column-product-content .secured-domain-filter,
.column-product-content .valid-days-filter,
.column-product-content .variant-filter {text-transform: uppercase; color: #3886c8; font-size: 15px;}
.column-product-content .products {margin-top: 30px;}
.column-product-content .products .ui-panelgrid.products-boxes {border-collapse: separate; border-spacing: 15px 0px}
.column-product-content .products .ui-panelgrid.products-boxes .ui-panelgrid-cell {border-radius: 5px; padding: 0px; text-transform: uppercase;}
.column-product-content .products .ui-panelgrid.products-boxes .ui-panelgrid-cell.product-1-year,
.column-product-content .products .ui-panelgrid.products-boxes .ui-panelgrid-cell.product-2-year {border: 2px solid #4a5b6b;}
.column-product-content .products .ui-panelgrid.products-boxes .ui-panelgrid-cell.product-3-year {border: 2px solid #4cb1f9;}
.column-product-content .products .ui-panelgrid.products-boxes .ui-panelgrid-cell.product .header {text-align: center; display: block; color: #FFF; font-size: 15px; padding: 2px 0px;}
.column-product-content .products .ui-panelgrid.products-boxes .ui-panelgrid-cell.product-1-year .header,
.column-product-content .products .ui-panelgrid.products-boxes .ui-panelgrid-cell.product-2-year .header {background-color: #4a5b6b;}
.column-product-content .products .ui-panelgrid.products-boxes .ui-panelgrid-cell.product-3-year .header {background-color: #4cb1f9;}
.column-product-content .products .ui-panelgrid.products-boxes .ui-panelgrid-cell.product .year,
.column-product-content .products .ui-panelgrid.products-boxes .ui-panelgrid-cell.product .summary {font-size: 20px; text-align: center; height: 40px;}
.column-product-content .products .ui-panelgrid.products-boxes .ui-panelgrid-cell.product .description {font-size: 10px;}
.column-product-content .products .ui-panelgrid.products-boxes .ui-panelgrid-cell.product-1-year .year,
.column-product-content .products .ui-panelgrid.products-boxes .ui-panelgrid-cell.product-2-year .year {background-color: #eff0f2;}
.column-product-content .products .ui-panelgrid.products-boxes .ui-panelgrid-cell.product-1-year .summary,
.column-product-content .products .ui-panelgrid.products-boxes .ui-panelgrid-cell.product-2-year .summary {background-color: #c9ced4;}
.column-product-content .products .ui-panelgrid.products-boxes .ui-panelgrid-cell.product-3-year .year {background-color: #eff8fd;}
.column-product-content .products .ui-panelgrid.products-boxes .ui-panelgrid-cell.product-3-year .summary {background-color: #cae9fe;}
.column-product-content .products .ui-panelgrid.products-boxes .ui-panelgrid-cell .col-1 {display: inline-block; width: 60%; position: relative; line-height: 0.7;}
.column-product-content .products .ui-panelgrid.products-boxes .ui-panelgrid-cell .col-2 {display: inline-block; width: 36%; position: relative; line-height: 0.7;}
.column-product-content .products .ui-panelgrid.products-boxes .ui-panelgrid-cell .col-1 {margin-top: 12px;}
.column-product-content .products .ui-panelgrid .ui-panelgrid-footer {margin-top: 50px;}

.column-product-content .products .products-details {margin-top: 40px; margin-bottom: 50px; margin-left: 10px; margin-right: 10px;}
.column-product-content .products .products-details .row {text-transform: uppercase; color: #6e6e6e; margin-bottom: 20px;}
.column-product-content .products .products-details .row.row-even .category,
.column-product-content .products .products-details .row.row-even .value {background-color: #cce8fd;}
.column-product-content .products .products-details .row.row-odd .category,
.column-product-content .products .products-details .row.row-odd .value {background-color: #efefef;}
.column-product-content .products .products-details .row .category {font-size: 18px; display: inline-block; border-radius: 10px; width: 385px; margin-right: 20px; padding: 10px 20px;}
.column-product-content .products .products-details .row .value {display: inline-block; border-radius: 10px; width: 150px; text-align: center; font-size: 18px; padding: 10px;}

.column-product-content button.buy-new {margin: 0px 7px;}
.column-product-content button.renew {margin: 0px 7px;}
.column-product-content button.buy-new,
.column-product-content button.renew {width: 271px; margin-top: 50px; height: 40px;}
.column-product-content button.buy-new .ui-button-icon-left,
.column-product-content button.renew .ui-button-icon-left {font-size: 30px; margin-top: -15px;}
.column-product-content button.buy-new .ui-button-text,
.column-product-content button.renew .ui-button-text {text-transform: uppercase; font-size: 15px; font-weight: normal;}

.column-product-content .buy-filters {margin-top: 50px; width: 55%; display: inline-block;}
.column-product-content .buy-filter {margin-bottom: 20px;}

.column-product-content .product-order {width: 40%; display: inline-block; text-align: center; vertical-align: top; margin-top: 100px;}
.column-product-content .product-order .add-to-cart.button-grey {margin-top: 20px; width: 165px;}
.column-product-content .product-order .add-to-cart.button-grey .ui-button-icon-left {font-size: 20px; margin-top: -10px;}
.column-product-content .product-order .price-gross {color: #fa0000; font-size: 18px;}
.column-product-content .product-order .price-net {color: #717171; font-size: 12px;}

.product-cart.ui-datatable {font-size: 11.5px;}
.product-cart.ui-datatable .ui-datatable-footer {padding: 20px 0px 0px 0px}
.product-cart.ui-datatable .operations .ui-button {width: 20px; height: 20px;}
.product-cart.ui-datatable .operations .ui-button .ui-icon {margin-left: -4px;}
.product-cart.ui-datatable .operations .ui-button .ui-icon.fa {margin-top: -6px;}
.product-cart.ui-datatable .operations .ui-button:hover .ui-icon {margin-left: -6px;}
.product-cart.ui-datatable .operations .ui-button:hover .ui-icon.fa {margin-top: -8px;}

.discount-coupon.ui-panelgrid .ui-panelgrid-cell.value{font-size: 18px; font-weight: 700; color: #008000;}

pre.purchaser {font-family: Arial,Verdana,sans-serif; line-height: 1.5; margin-top: 0px;}

.ui-paginator { color: #444; background-color: #FFF;}
.ui-paginator.ui-paginator-bottom {background-color: #efefef; border: 1px solid #efefef; border-radius: 5px; margin-top: 10px;}
.ui-paginator.ui-paginator-top {display: none;}
.ui-paginator .ui-paginator-page,
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-rpp-options {border-radius: 5px; background: none;}

.customer-account-list.ui-datatable .ui-datatable-footer {color: #444;}

.product-edit .ui-scrollpanel {margin-top: 10px;}

.ui-scrollpanel .ui-panelgrid .ui-panelgrid-cell.label {width: 200px; display: block;}
.ui-scrollpanel .ui-scrollpanel-drag {background: #E88A0C;}
.ui-scrollpanel .ui-scrollpanel-track {background: #FFF; opacity: 0.5;}

.discount-coupons-generate .ui-panelgrid .ui-panelgrid-cell.label { width: 200px; }
.discount-coupons-generate .ui-panelgrid .ui-panelgrid-cell.text, .discount-coupons-generate .ui-panelgrid .ui-panelgrid-cell.text input { width: 100px; }

.orders.ui-datatable thead .quantity .ui-column-filter {float: none; width: 98%;}

.product-order.ui-datatable {padding-top: 20px; font-size: 11.5px;}
.product-order.ui-datatable table {width: auto;}

.order-details .add {margin: 10px;}

.margin-top-medium {margin-top: 20px;}
.margin-top-small {margin-top: 10px;}
.margin-top-big {margin-top: 30px;}

.margin-10 {margin: 10px;}
.margin-20 {margin: 20px;}
.padding-10 {padding: 10px;}
.padding-20 {padding: 20px;}

.input-number input {width: 150px !important;}

.prepayment-generate .ui-panelgrid .ui-panelgrid-cell.label {width: 200px;}

.ui-state-highlight { text-shadow: none !important; }

.ui-steps.custom .ui-steps-item { width: 15%; }
.ui-steps.custom { margin-bottom: 70px; width: 100%; margin-top: 50px;}
.ui-steps.custom .ui-steps-title { font-weight: bold; }
.ui-steps.custom .ui-steps-item .ui-menuitem-link { height: 1px; padding: 0 1em; margin-top: -6px;}
.ui-steps.custom .ui-steps-item .ui-steps-number { background-color: #0081c2; color: #FFFFFF; display: inline-block; width: 35px; border-radius: 20px; margin-top: -10px; margin-bottom: 10px; font-size: 30px;}

.przelewy24 { background-image: url(resources/przelewy24_bannery_loga_klodka-assets/przelewy24_loga_klodka_04.png); }

.pdf img{ width: 25px; position: relative; top: 8px; }

.form-password-recovery .ui-panelgrid .ui-panelgrid-cell.label { border-left: 1px solid #cecece; }
.form-password-recovery .ui-panelgrid .ui-panelgrid-cell.message { border-right: 1px solid #cecece; }
.form-password-recovery .ui-panelgrid .ui-panelgrid-footer { border-bottom: 1px solid #cecece; border-left: 1px solid #cecece; border-right: 1px solid #cecece; }
.form-password-recovery .ui-panelgrid .ui-panelgrid-header{ border: 1px solid #008ef3; }
.form-password-recovery .ui-panelgrid .ui-panelgrid-footer .ui-button { margin: 10px; }

.form-login .notification.ui-panelgrid {margin: auto; display: table; margin-bottom: 10px;}
.form-login .login.ui-panelgrid {margin: auto; display: table;}
.form-login .login.ui-panelgrid .ui-panelgrid-header .ui-widget-header {color: #3886c8; border-bottom: none; background-color: #FFF;}
.form-login .login.ui-panelgrid .ui-panelgrid-header tr td {border-top-left-radius: 10px; border-top-right-radius: 10px;}
.form-login .login.ui-panelgrid .ui-panelgrid-header h1,
.form-login .login.ui-panelgrid .ui-panelgrid-header h2,
.form-login .login.ui-panelgrid .ui-panelgrid-header h3 { padding: 0px 0px 0px 10px; margin-bottom: 8px; margin-top: 8px; }
.form-login .login.ui-panelgrid .ui-panelgrid-footer .ui-button { margin: 10px; }
.form-login .login.ui-panelgrid .ui-panelgrid-footer tr td {background-color: #FFF; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.form-login .login.ui-panelgrid .ui-panelgrid-footer .ui-widget-header {border: none;}
.form-login .login.ui-panelgrid .ui-panelgrid-cell.label {width: 200px;}
.form-login .login.ui-panelgrid .ui-panelgrid-cell.message {border: none;}

.form-login.form-login-operator .login.ui-panelgrid .ui-panelgrid-header {margin: auto; display: table-header-group;}

.form-recovery-password .notification.ui-panelgrid {margin: auto; display: table; margin-bottom: 10px;}
.form-recovery-password .recovery-password.ui-panelgrid {margin: auto; display: table; width: 500px;}
.form-recovery-password .recovery-password.ui-panelgrid .ui-panelgrid-header .ui-widget-header {color: #3886c8; border-bottom: none; background-color: #FFF;}
.form-recovery-password .recovery-password.ui-panelgrid .ui-panelgrid-header tr td {border-top-left-radius: 10px; border-top-right-radius: 10px;}
.form-recovery-password .recovery-password.ui-panelgrid .ui-panelgrid-header h1,
.form-recovery-password .recovery-password.ui-panelgrid .ui-panelgrid-header h2,
.form-recovery-password .recovery-password.ui-panelgrid .ui-panelgrid-header h3 { padding: 0px 0px 0px 10px; margin-bottom: 8px; margin-top: 8px; }
.form-recovery-password .recovery-password.ui-panelgrid .ui-panelgrid-footer .ui-button { margin: 10px; }
.form-recovery-password .recovery-password.ui-panelgrid .ui-panelgrid-footer tr td {background-color: #FFF; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.form-recovery-password .recovery-password.ui-panelgrid .ui-panelgrid-footer .ui-widget-header {border: none;}
.form-recovery-password .recovery-password.ui-panelgrid .ui-panelgrid-cell {width: 100%; text-align: center;}

.form-registration .notification.ui-panelgrid {margin: auto; display: table; margin-bottom: 10px;}
.form-registration .registration.ui-panelgrid {margin: auto; display: table;}
.form-registration .registration.ui-panelgrid .ui-widget-header {color: #3886c8; border-bottom: none; background-color: #FFF;}
.form-registration .registration.ui-panelgrid .ui-panelgrid-header tr td {border-top-left-radius: 10px; border-top-right-radius: 10px;}
.form-registration .registration.ui-panelgrid .ui-panelgrid-header h1,
.form-registration .registration.ui-panelgrid .ui-panelgrid-header h2,
.form-registration .registration.ui-panelgrid .ui-panelgrid-header h3 { padding: 0px 0px 0px 10px; margin-bottom: 8px; margin-top: 8px; }
.form-registration .registration.ui-panelgrid .ui-panelgrid-footer .ui-button { margin: 10px; }
.form-registration .registration.ui-panelgrid .ui-panelgrid-footer tr td {background-color: #FFF; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.form-registration .registration.ui-panelgrid .ui-panelgrid-footer .ui-widget-header {border: none;}
.form-registration .registration.ui-panelgrid .ui-panelgrid-cell.label {width: 200px}
.form-registration .registration.ui-panelgrid .ui-panelgrid-cell.message {border: none;}
.form-registration .registration.ui-panelgrid .ui-panelgrid-cell.text {width: 500px;}
.form-registration .registration.ui-panelgrid .ui-panelgrid-cell.text input {width: 495px;}

.ui-selectonemenu-items-wrapper .ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-hover { background: none; background-color: #77c0fd}

.csr-textarea {height: 350px !important; width: 600px;}

.tip {font-size: 11px; color: #666 !important; line-height: 14px;}

.product-groups.operator.ui-datagrid .trust-level {font-size: 14px; margin-bottom: 10px;}
.product-groups.operator.ui-datagrid .product-icon {padding: 20px; border: none;}

.operator .operator-product .product-name {color: #3886c8;}
.operator .operator-product .trust-level {font-size: 14px; margin-bottom: 10px;}

.operator-discount-coupons .generate.ui-button {margin: 0px 10px 10px 10px;}

.operator .product-order.ui-datatable table {width: 100%;}

.operator-customer-account-list .ui-button.add-payment {margin: 10px;}

.operator-rules {padding: 20px;}

.operator-privacy-policy {padding: 20px}

.operator-company-data .ui-panelgrid .ui-panelgrid-cell.label {width: 300px;}
.operator-company-data .ui-panelgrid .ui-panelgrid-cell.text {width: 500px;}

.operator-company-data-edit .ui-panelgrid {width: 100%;}
.operator-company-data-edit .ui-panelgrid .ui-panelgrid-cell.label {width: 300px;}
.operator-company-data-edit .ui-panelgrid.notification {margin-top: 0px; margin-left: 20px;}

.top-bar .customer-telemarketer {color: red; font-size: 24px; margin: 10px 10px 0px 10px; display: block;}

.unizeto-order-certificate.border-radius {padding: 10px;}
.unizeto-order-certificate .ui-panelgrid {display: table;}
.unizeto-order-certificate .ui-panelgrid .ui-panelgrid-header {padding: 0px;}
.unizeto-order-certificate .ui-panelgrid .ui-panelgrid-cell.label {width: 50%;}
.unizeto-order-certificate .certificate {margin: auto; width: 500px; margin-bottom: 20px; margin-top: 20px;}

.unizeto-order-reissue-certyficate {padding: 10px;}
.unizeto-order-reissue-certyficate .ui-panelgrid .ui-panelgrid-cell.label {width: 50%;}
.unizeto-order-reissue-certyficate .warning {padding: 10px; border: 2px solid #B5090A; border-radius: 15px; margin-bottom: 20px; text-align: center;}
.unizeto-order-reissue-certyficate .upload-csr {position: relative; top: -12px;}

.ui-fileupload-simple .ui-button .ui-icon {background-image: url(/GreenBlueShop-war/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-bluesky);}
.ui-fileupload-simple .ui-button .ui-button-text {position: relative; top: 2px;}
.ui-fileupload-simple .ui-fileupload-filename {margin-left: 10px; margin-right: 10px; position: relative; top: -11px; font-size: 14px;}
.ui-fileupload-simple.button-grey .ui-button {background-color: #4a5b6b !important; border-color: #4a5b6b !important; border-radius: 5px;}
.ui-fileupload-simple.button-grey .ui-button:hover {background-color: #7f8992 !important; border-color: #7f8992 !important;}

.unizeto-order-cancel {padding: 10px;}
.unizeto-order-cancel .ui-panel {display: inline-block;}

.ui-datalist .ui-datalist-header {color: #3886c8; background-color: #FFF; text-align: left; padding: 0px;}

.transaction-request {padding: 20px;}
.transaction-request h3 {text-align: center; line-height: 2; margin-top: 0px;}
.transaction-request .button-payment {background: none #4a5b6b; border: none; border: 1px solid #4a5b6b; font-weight: bold; padding: 5px; border-radius: 5px; color: #FFF; font-size: 14px; width: 100%;}
.transaction-request .button-payment:hover {background-color: #7f8992; border-color: #7f8992;}

.transaction-return-err {padding: 20px; text-align: center;}

.transaction-return-ok {padding: 20px;}

.selected-menu{  
    color: red;
    background-color: aqua;
}

.ui_tpicker_hour .ui_tpicker_hour_slider, .ui_tpicker_minute .ui_tpicker_minute_slider {
    border: 1px solid #a5a5a5;
}

@media screen and (max-width: 1009px)
{
    
}

@media screen and (max-width: 767px)
{
    
}

@media screen and (max-width: 424px)
{
    
}