/* Fonts */
@font-face {
    font-family: 'ProximaNovaA-Bold';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_0_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_0_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_0_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_0_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNovaS-Bold';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_1_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_1_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_1_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_1_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNovaA-Extrabld';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_2_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_2_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_2_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_2_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNovaS-Extrabld';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_3_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_3_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_3_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_3_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNovaA-Black';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_4_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_4_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_4_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_4_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNova-Extrabld';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_5_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_5_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_5_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_5_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNova-Bold';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_6_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_6_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_6_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_6_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNovaS-Black';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_7_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_7_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_7_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_7_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNova-Black';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_8_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_8_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_8_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_8_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNovaA-Light';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_9_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_9_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_9_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_9_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNovaS-Light';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_A_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_A_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_A_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_A_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNova-Light';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_B_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_B_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_B_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_B_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNovaA-Medium';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_C_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_C_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_C_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_C_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNovaA-Regular';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_D_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_D_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_D_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_D_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNovaS-Medium';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_E_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_E_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_E_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_E_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNova-Medium';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_F_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_F_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_F_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_F_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNovaS-Regular';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_10_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_10_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_10_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_10_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNova-Regular';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_11_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_11_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_11_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_11_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNovaA-Semibold';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_12_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_12_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_12_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_12_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNovaS-Semibold';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_13_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_13_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_13_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_13_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNova-Semibold';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_14_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_14_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_14_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_14_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNovaA-Thin';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_15_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_15_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_15_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_15_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNovaS-Thin';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_16_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_16_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_16_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_16_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}
@font-face {
    font-family: 'ProximaNovaT-Thin';
    src: url("/ADScreen/javax.faces.resource/fonts/32ABD5_17_0.eot.xhtml?ln=primefaces-cn-sentinel");
    src: url("") format('embedded-opentype'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_17_0.woff2.xhtml?ln=primefaces-cn-sentinel") format('woff2'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_17_0.woff.xhtml?ln=primefaces-cn-sentinel") format('woff'), url("/ADScreen/javax.faces.resource/fonts/32ABD5_17_0.ttf.xhtml?ln=primefaces-cn-sentinel") format('truetype');
}

html, body {
    font-size: calc(.775rem - -.25 *(100vw - 20rem) / 100);
    margin: auto;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}

/* Panels */
.ui-panel {
    background: #fff;
}

.ui-panel .ui-panel-footer {
    border-width: 1px 0 0;
    margin: .5em 0 0;
    text-align: right;
}

/* browser style */
input:focus,
textarea:focus,
select:focus {
    outline: 0px;
}

/* Widget */
.ui-widget-header {
    background: #FFF;
}

.ui-widget,
.ui-widget .ui-widget {
    font-family:'ProximaNova-Regular', "Segoe UI", Verdana, Arial, sans-serif;
    font-size: 1rem;
}

.ui-widget-content {
    border: 1px transparent;
    background: rgba(255, 255, 255, 0);
    color: #666;
}
.ui-widget-content a {
    color: #666;
}

/* Input/Output */
.ui-widget.ui-outputlabel {
    color: #666;
    padding: .6em .1em .1em .1em;
    display: block;
}
.ui-widget.ui-inputlabel {
    color: #666;
    padding: .3em .1em .1em .1em;
    display: block;
}

.ui-shadow {
    -moz-box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.3);
}

.ui-state-disabled {
    opacity: .4;
    cursor: default!important
}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border-left: 2px solid #ef5350
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #E5E5E5;
    opacity: .50;
}

/* Fieldset */
.ui-fieldset,
.ui-fieldset .ui-fieldset-legend {
    background: #fff;
    padding: .4em;
    font-family: 'ProximaNova-Light', "Segoe UI", Verdana, Arial, sans-serif;
    font-size: 1rem;
}

.ui-fieldset-toggleable .ui-fieldset-legend {
    padding: .4em 0;
    cursor: pointer;
    outline: 0;
    border-bottom: 1px solid #f5f5f5;
    width: 100%;
}
.ui-fieldset .ui-fieldset-toggler {
    padding-right: .1em;
    float: left
}

/* Overlay */
.ui-overlaypanel {
    padding: 0;
    margin: 0;
    position: absolute
}

.ui-overlaypanel-content {
    padding: .5em 1em .5em 0;
}

.ui-overlaypanel-close {
    position: absolute;
    top: -10px;
    right: -10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.ui-overlaypanel-mask {
    position: fixed;
    width: 100%;
    height: 100%
}

/* Separator */
.ui-separator {
    border-top: 0 none;
}

/* UI Button */
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-left: .4em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    background: none;
    border: 1px solid #E5E5E5;
    transition: all 0.1s ease;
}

.ui-button.ui-state-hover {
    background: #FAFAFA;
    transition: all 0.1s ease;
}

.ui-button.ui-button-primary {
    background-color: #27aae1;
    border: 1px solid #27aae1;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
    transition: all 0.1s ease;
}

.ui-button.ui-button-fab-primary {
    will-change: transform, opacity;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    -webkit-transition: opacity 15ms linear 30ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 15ms linear 30ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
    border: none;
    fill: currentColor;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    overflow: hidden;
    background-color: #27aae1;
}
.ui-button.ui-button-fab-primary.ui-state-hover {
    cursor: pointer;
}
.ui-button.ui-button-fab-primary.ui-state-hover,
.ui-button.ui-button-fab-primary.ui-state-focus {
    -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.ui-button.ui-button-secondary {
    border: 1px solid transparent;
    transition: all 0.1s ease;
}

.ui-button.ui-button-nomargin {
    margin: 0;
}

.ui-button.ui-button-hideable {
    -webkit-transition-property: opacity,width,border-width;
    transition-property: opacity,width,border-width;
    transition-duration: 0.2s
}

.ui-button.ui-button-fadehidden {
    opacity: 0;
    width: 0;
    border-width: 0;
    margin: 0;
    pointer-events: none;
}

.ui-button-secondary.ui-state-hover {
    background: #FAFAFA;
    transition: all 0.1s ease;
}

.ui-button.ui-button-primary .ui-button-text, 
.ui-button.ui-button-fab-primary .ui-button-text {
    color: #fff;
    transition: all 0.1s ease;
}

.ui-button.ui-button-primary.ui-state-hover {
    opacity: 0.9;
    transition: all 0.1s ease;
}

.ui-button-icon-only {
    width: 2.2em;
}

button.ui-button-icon-only {
    width: 2.4em;
}

.ui-button-icons-only {
    width: 3.4em;
}
button.ui-button-icons-only {
    width: 3.7em;
}
.ui-button-icon-only .ui-icon,
.ui-button-text-icon .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    margin-left: 6px;
    margin-top: calc(-1.5em / 2);
    position: absolute;
    top: 50%;
}
.ui-button-text-icon .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: 5px 12px 5px 25px;
}
/*button text element */

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
    color: #666;
}
.ui-button-text-only .ui-button-text {
    padding: .4em 1em .35em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}
.ui-button-text-icon-left .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-right .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.5em .4em .4em;
}
.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

input.ui-button {
    padding: .4em 1em;
}
/*button icon element(s) */

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-left .ui-icon,
.ui-button-text-icon-right .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: calc(-1.5em / 2);
}
.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: calc(-1.5em / 2);
}

.ui-button-icon-left {
    left: .3em
}
.ui-button-icon-right {
    right: .3em
}

.ui-button-text-icon-right .ui-button-icon-right,
.ui-button-text-icons .ui-button-icon-right,
.ui-button-icons-only .ui-button-icon-right {
    right: .4em;
}
.ui-button-text-icons .ui-button-icon-right,
.ui-button-icons-only .ui-button-icon-right {
    right: .4em;
}
/*button sets*/

.ui-buttonset {
    margin-right: 7px;
}
.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}
/* workarounds */

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* Autocomplete */ 

.ui-autocomplete input {
    width: 100%;
}

.ui-autocomplete-emptyMessage {
    padding: .4em;
    background: #fff;
}

/* UI Input */
.ui-inputfield {
    padding: .8em .1em .1em .1em;
    color: #333;
    border: solid 1px transparent;
    border-bottom: 1px solid #E5E5E5;
    -webkit-transition-property: opacity,width,border-width;
    transition-property: opacity,width,border-width;
    transition-duration: 0.2s;
}

.ui-inputfield.ui-state-hover {
    border-bottom: 1px solid #27aae1;
    background-image: url("/ADScreen/javax.faces.resource/images/draw.svg.xhtml?ln=primefaces-cn-sentinel");
    background-size: 1.5em 1.5em;
    background-repeat: no-repeat;
    background-position: right .2em top .1em;
}

.ui-inputfield.ui-state-focus {
    background-image: none;
    border-bottom: 1px solid #27aae1;

}

.ui-inplace {
    display: inline-block;
    width: 100%;
    padding: .8em .1em .1em .1em;
}

.ui-inplace .ui-inplace-display {
    cursor: pointer;
}
.ui-inplace .ui-inplace-disabled {
    cursor: default
}
.ui-inplace .ui-inplace-editor {
    margin-left: .1em
}
.ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text {
    padding: 0
}

.ui-selectcheckboxmenu {
    display: inline-block;
    position: relative;
    width: auto;
    zoom: 1;
    cursor: pointer;
    padding-right: 2em;
    border-bottom: 1px solid #E5E5E5;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    cursor: pointer;
    width: auto; /* Zmienilem z 16px na auto, zeby bylo tak samo jak w ui-selectonemenu-trigger */
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 3px
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    margin-top: .4em;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
    display: block;
    padding: .8em .1em .1em .1em;
    width: auto;
    border: 0;
    cursor: pointer
}
.ui-selectcheckboxmenu.ui-state-disabled .ui-selectcheckboxmenu-trigger,
.ui-selectcheckboxmenu.ui-state-disabled .ui-selectcheckboxmenu-label {
    cursor: auto
}
.ui-selectcheckboxmenu-panel {
    background: #fff;
    padding: .2em;
    position: absolute;
    overflow: hidden;
    -moz-box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.3);
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper {
    overflow: auto;
    position: relative;
    padding: .2em 0
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list {
    border: 0 none
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
    border: 0 none;
    cursor: pointer;
    font-weight: normal;
    margin: 1px 0;
    padding: .4em;
    text-align: left;
    white-space: nowrap;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
    display: block;
    position: relative
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item:hover {
    background: #F5F5F5;
    transition: all .2s ease;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item .ui-chkbox {
    position: absolute;
    padding: 0;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item label {
    display: block;
    padding-left: 2.2em
}
.ui-selectcheckboxmenu-header {
    margin-bottom: .3em;
    padding: .3em 0 .3em .4em
}
.ui-selectcheckboxmenu-header .ui-chkbox {
    float: left;
    cursor: pointer;
    padding: .1em 0;
}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container {
    float: left;
    position: relative;
    margin-left: 1em
}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon {
    position: absolute;
    right: 5px;
    top: 2px
}
.ui-selectcheckboxmenu-header .ui-inputfield {
    padding: 1px 20px 1px 2px
}
.ui-selectcheckboxmenu-header span.ui-icon {
    float: left
}
.ui-selectcheckboxmenu-header a.ui-selectcheckboxmenu-all,
.ui-selectcheckboxmenu-header a.ui-selectcheckboxmenu-none {
    float: left;
    margin-right: 10px;
    display: block
}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close {
    float: right;
    padding: 1px;
    margin-right: .2em;
    display: block
}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close.ui-state-hover {
    padding: 0
}

/* ui-selectmenu */
.ui-selectonemenu {
    display: block;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    zoom: 1;
    cursor: pointer;
    padding-right: 2em;
    border-bottom: 1px solid #E5E5E5;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    cursor: pointer;
    width: auto;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 3px
}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    margin-top: .4em;
}
.ui-selectonemenu .ui-selectonemenu-label {
    display: block;
    border: 0;
    white-space: nowrap;
    overflow: hidden;
    font-weight: normal;
    width: 100%;
    text-align: left
}
.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger,
.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label {
    cursor: default
}
.ui-selectonemenu label.ui-selectonemenu-label {
    cursor: pointer
}
.ui-selectonemenu input.ui-selectonemenu-label {
    cursor: default;
    font-family: 'ProximaNova-Regular', "Segoe UI", Verdana, Arial, sans-serif;
}
.ui-selectonemenu-panel {
    position: absolute;
    height: auto
}
.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
    overflow: auto;
    background-color: #fff;
    height: 100% !important; /* nadpisanie wysokości 200px wpisywanej inline w SelectOneMenuRenderer.java */
}
.ui-selectonemenu-panel .ui-selectonemenu-item {
    font-weight: normal;
    cursor: pointer
}
.ui-selectonemenu-panel .ui-selectonemenu-item-group {
    font-weight: bold
}
.ui-selectonemenu-panel .ui-selectonemenu-list {
    padding: .4em;
    border: 0 none;
    background: white;
}
.ui-selectonemenu-panel .ui-selectonemenu-list-item {
    border: 0 none;
    margin: 1px 0;
    padding: .5em;
    text-align: left;
    white-space: nowrap
}
.ui-selectonemenu-panel .ui-selectonemenu-table {
    border-collapse: collapse;
    width: 100%
}
.ui-selectonemenu-panel .ui-selectonemenu-table td {
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    padding: 4px 10px 4px 10px
}
.ui-selectonemenu-panel .ui-selectonemenu-filter {
    width: 85%;
    padding-right: 15px
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
    position: relative;
    margin: 0;
    padding: .4em;
    display: inline-block
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
    position: absolute;
    top: 10px;
    right: 10px
}

.ui-inputtextarea {
    border: 1px solid #E5E5E5;
}

/* UI Tree */
/* Tree Container styling  */
.ui-tree .ui-treenode .ui-treenode-label:hover {
    color: #333;
}

.ui-tree .ui-treenode .ui-treenode-label > label {
    display: inline-block;
    cursor: pointer;
    font-family:'ProximaNova-Semibold', "Segoe UI", Verdana, Arial, sans-serif;
    vertical-align: middle;
    padding: 0 .7em;
    /* to co poniżej to dodałem, żeby nazwy folderów nie wjeżdżały na ikony w głównym menu */
    width: 55%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-tree .ui-treenode .ui-treenode-selected {
    background-color: transparent;
}

.ui-tree .ui-treenode-selected,
.ui-tree .ui-treenode-content .ui-state-highlight {
    background-color: transparent;
}

.ui-tree .ui-treenode {
    display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #333;
    margin: 0;
    overflow: hidden;
    /*    padding-right: .2em;*/    
    direction: ltr;
}

.ui-tree .ui-treenode-children {
    margin: 0;
    padding: 0px;
}

.ui-tree .ui-treenode-children .ui-treenode-children {
    margin: 0;
    padding: 0 0 0 .75em;
}

.ui-tree .ui-tree-toggler {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin: 0 .4em;
}

.ui-tree-container {
    margin: .5em 0;
    padding: 0;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.ui-tree .ui-treenode-content:hover {
    color: #333;
    background-color: #F5F5F5;
    font-weight: normal;
    text-indent: .2em;
}

.ui-tree .ui-treenode-content.ui-state-active {
    color: #333;
    background-color: #FCEABB;
    font-weight: normal;
    text-indent: .2em;
}

.ui-tree .ui-treenode-content .ui-state-highlight {
    font-weight: bold;
    color: #333;
}

.ui-tree .ui-treenode-content {
    transition: background-color 0.5s ease, text-indent 0.25s ease;
    -webkit-transition: background-color 0.5s ease, text-indent 0.25s ease;
    -moz-transition: background-color 0.5s ease, text-indent 0.25s ease;
    -ms-transition: background-color 0.5s ease, text-indent 0.25s ease;
    -o-transition: background-color 0.5s ease, text-indent 0.25s ease;

    display: block;
    cursor: pointer;
    padding: .4em 0;
}

.ui-tree .ui-treenode-leaf-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    margin: 0 .4em;
}

/* UI Tabs */
.ui-tabs {
    position: relative;
    padding: 0;
    zoom: 1;
}

.ui-tabs .ui-tabs-navscroller {
    overflow: hidden;
}

.ui-tabs .ui-tabs-navscroller-btn-left {
    left: .2em;
}
.ui-tabs .ui-tabs-navscroller-btn {
    position: absolute;
    height: 28px;
    z-index: 100;
    cursor: pointer;
    display: none;
}

.ui-tabs .ui-tabs-nav {
    background: #FAFAFA;
}

.ui-tabs .ui-tabs-nav li .ui-icon {
    float: left;
    margin: .2em .1em;
    cursor: pointer;

    background-image: url("/ADScreen/javax.faces.resource/images/close-3.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-tabs .ui-tabs-nav .ui-tabs-selected,
.ui-tabs .ui-tabs-nav .ui-tabs-active {
    background: #F5F5F5;
    border-bottom: 2px solid #27aae1;
}

.ui-tabs .ui-tabs-nav .ui-state-hover {
    background: #F5F5F5;
    transition: all .2s ease;
}

.ui-tabs .ui-tabs-nav .ui-tabs-selected .ui-icon,
.ui-tabs .ui-tabs-nav .ui-tabs-active  .ui-icon {
    background-image: url("/ADScreen/javax.faces.resource/images/close-4.svg.xhtml?ln=primefaces-cn-sentinel");
    transition: all .2s ease;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .3em;
    text-decoration: none;
}

.ui-tabs-scrollable .ui-tabs-nav li {
    margin: 0 .2em 0 0;
}

.ui-tabs-scrollable .ui-tabs-nav {
    background: #FAFAFA;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    position: relative;
    margin: 0 .4em;
    padding: 0 .4em;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
}

/* UI MENU */
/*.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}*/

.ui-menu,
.ui-menu .ui-menu-parent .ui-menu-child {
    position: absolute;
    display: none;
    width: 16.5em;

    background: #fff;
    list-style: none;
    padding: .3em;
}

.ui-menu-list {
    padding: 1px;
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute;
}
.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    /* support: IE10, see #8844 */
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-separator {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-top: 1px solid #e5e5e5 !important;
    opacity: 0.5;
}
.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0; /* support: IE7 */
    font-weight: normal;
}

.ui-menu .ui-menuitem-link {
    display: block;
    width: 92%;
    outline: 0;
    text-decoration: none;
    font-weight: 400;
    border: solid 1px transparent;
    float: left;
    padding: .3em;
    cursor: pointer
}

.ui-menu .ui-menuitem-text {
    float: left;
    margin: .1em .5em .1em 1em;
    width: 70%;
    vertical-align: middle;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

.ui-menuitem-active {
    background: rgba(233,233,233,.85);
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
    cursor: default;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}
.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em;
}

.ui-menu .ui-submenu-icon {
    margin-top: 1px
}

/* left-aligned */
.ui-menu .ui-icon {
    top: .2em;
    left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}

/* Panel Grid */
.ui-panelgrid .ui-panelgrid-cell {
    padding: .4em .5em;
}

/* CSS Grid */
.ui-g {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}
.ui-g:after {
    clear: both;
    content: "";
    display: table
}
.ui-g-1,
.ui-g-2,
.ui-g-3,
.ui-g-4,
.ui-g-5,
.ui-g-6,
.ui-g-7,
.ui-g-8,
.ui-g-9,
.ui-g-10,
.ui-g-11,
.ui-g-12 {
    float: left;
    box-sizing: border-box;
    padding: .1em
}
.ui-g-1 {
    width: 8.3333%
}
.ui-g-2 {
    width: 16.6667%
}
.ui-g-3 {
    width: 25%
}
.ui-g-4 {
    width: 33.3333%
}
.ui-g-5 {
    width: 41.6667%
}
.ui-g-6 {
    width: 50%
}
.ui-g-7 {
    width: 58.3333%
}
.ui-g-8 {
    width: 66.6667%
}
.ui-g-9 {
    width: 75%
}
.ui-g-10 {
    width: 83.3333%
}
.ui-g-11 {
    width: 91.6667%
}
.ui-g-12 {
    width: 100%
}
.ui-g-pb{
    padding-bottom: 1.5em;
}

@media screen and (max-width: 40em) {
    .ui-sm-1,
    .ui-sm-2,
    .ui-sm-3,
    .ui-sm-4,
    .ui-sm-5,
    .ui-sm-6,
    .ui-sm-7,
    .ui-sm-8,
    .ui-sm-9,
    .ui-sm-10,
    .ui-sm-11,
    .ui-sm-12 {
        padding: .5em
    }
    .ui-sm-1 {
        width: 8.3333%
    }
    .ui-sm-2 {
        width: 16.6667%
    }
    .ui-sm-3 {
        width: 25%
    }
    .ui-sm-4 {
        width: 33.3333%
    }
    .ui-sm-5 {
        width: 41.6667%
    }
    .ui-sm-6 {
        width: 50%
    }
    .ui-sm-7 {
        width: 58.3333%
    }
    .ui-sm-8 {
        width: 66.6667%
    }
    .ui-sm-9 {
        width: 75%
    }
    .ui-sm-10 {
        width: 83.3333%
    }
    .ui-sm-11 {
        width: 91.6667%
    }
    .ui-sm-12 {
        width: 100%
    }
}
@media screen and (min-width: 40.063em) {
    .ui-md-1,
    .ui-md-2,
    .ui-md-3,
    .ui-md-4,
    .ui-md-5,
    .ui-md-6,
    .ui-md-7,
    .ui-md-8,
    .ui-md-9,
    .ui-md-10,
    .ui-md-11,
    .ui-md-12 {
        padding: .5em
    }
    .ui-md-1 {
        width: 8.3333%
    }
    .ui-md-2 {
        width: 16.6667%
    }
    .ui-md-3 {
        width: 25%
    }
    .ui-md-4 {
        width: 33.3333%
    }
    .ui-md-5 {
        width: 41.6667%
    }
    .ui-md-6 {
        width: 50%
    }
    .ui-md-7 {
        width: 58.3333%
    }
    .ui-md-8 {
        width: 66.6667%
    }
    .ui-md-9 {
        width: 75%
    }
    .ui-md-10 {
        width: 83.3333%
    }
    .ui-md-11 {
        width: 91.6667%
    }
    .ui-md-12 {
        width: 100%
    }
}
@media screen and (min-width: 64.063em) {
    .ui-lg-1,
    .ui-lg-2,
    .ui-lg-3,
    .ui-lg-4,
    .ui-lg-5,
    .ui-lg-6,
    .ui-lg-7,
    .ui-lg-8,
    .ui-lg-9,
    .ui-lg-10,
    .ui-lg-11,
    .ui-lg-12 {
        padding: .5em
    }
    .ui-lg-1 {
        width: 8.3333%
    }
    .ui-lg-2 {
        width: 16.6667%
    }
    .ui-lg-3 {
        width: 25%
    }
    .ui-lg-4 {
        width: 33.3333%
    }
    .ui-lg-5 {
        width: 41.6667%
    }
    .ui-lg-6 {
        width: 50%
    }
    .ui-lg-7 {
        width: 58.3333%
    }
    .ui-lg-8 {
        width: 66.6667%
    }
    .ui-lg-9 {
        width: 75%
    }
    .ui-lg-10 {
        width: 83.3333%
    }
    .ui-lg-11 {
        width: 91.6667%
    }
    .ui-lg-12 {
        width: 100%
    }
}
@media screen and (min-width: 90.063em) {
    .ui-xl-1,
    .ui-xl-2,
    .ui-xl-3,
    .ui-xl-4,
    .ui-xl-5,
    .ui-xl-6,
    .ui-xl-7,
    .ui-xl-8,
    .ui-xl-9,
    .ui-xl-10,
    .ui-xl-11,
    .ui-xl-12 {
        padding: .5em
    }
    .ui-xl-1 {
        width: 8.3333%
    }
    .ui-xl-2 {
        width: 16.6667%
    }
    .ui-xl-3 {
        width: 25%
    }
    .ui-xl-4 {
        width: 33.3333%
    }
    .ui-xl-5 {
        width: 41.6667%
    }
    .ui-xl-6 {
        width: 50%
    }
    .ui-xl-7 {
        width: 58.3333%
    }
    .ui-xl-8 {
        width: 66.6667%
    }
    .ui-xl-9 {
        width: 75%
    }
    .ui-xl-10 {
        width: 83.3333%
    }
    .ui-xl-11 {
        width: 91.6667%
    }
    .ui-xl-12 {
        width: 100%
    }
}

.ui-g-nopad {
    padding: 0;
}

/* UI Table */
.ui-datatable thead th,
.ui-datatable thead td,
.ui-datatable tfoot th,
.ui-datatable tfoot td {
    font-weight: normal;
    font-size: .85rem;
    text-align: left;
    text-transform: uppercase;
    color: #777;

    padding: .4em;
    overflow: hidden;
    border-bottom: 1px double #E5E5E5;
    vertical-align: middle;
}

.ui-datatable tbody td,
.ui-datatable tfoot td {
    padding: .5em;
    overflow: hidden;
    border-bottom: 1px double #F5F5FA;
    vertical-align: middle;
}
.ui-datatable-scrollable-body {
    outline: 0;
}
/* UI Date Picker */
.ui-datepicker {
    background: #fff;
    /*width: 17em;*/
    padding: .2em .2em 0;
    display: none;

    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
}

.ui-datepicker-inline {
    box-shadow: none;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: calc(-1.5em / 2);
    top: 50%;
    margin-top: calc(-1.5em / 2);
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px
}
.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    background: #FAFAFA;
    transition: all 0.1s ease;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    border-bottom: 1px solid #FAFAFA;
    transition: all 0.1s ease;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: center;
    text-decoration: none;
    transition: all 0.1s ease;
}

.ui-datepicker td span.ui-state-hover,
.ui-datepicker td a.ui-state-hover {
    background: #FAFAFA;
    transition: all 0.1s ease;
}

/*  Checkbox    */
.ui-chkbox {
    display: inline-block;
    padding: .4em .8em .4em .1em;
}

.ui-chkbox .ui-chkbox-box {
    width: 16px;
    height: 16px;
    display: inline-block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.ui-chkbox-icon.ui-icon-check {
    border-radius: 0px;
    background-image: none;
    background-size: 100%;
    position: relative;
    background-position: center;
    background-color: transparent;
    border-bottom: solid 3px #3397B9;
    border-right: solid 3px #3397B9;
    width: 5px;
    height: 10px;
    margin-left: 4px;
    margin-top: -1px;
    opacity: 1;
    -webkit-transition: transform 0.2s ease;
    -moz-transition: transform 0.2s ease;
    -ms-transition: transform 0.2s ease;
    -o-transition: transform 0.2s ease;
    transition: transform 0.2s ease;
    -webkit-transform: rotate(45deg) scale(1.7);
    -moz-transform: rotate(45deg) scale(1.7);
    -o-transform: rotate(45deg) scale(1.7);
    -ms-transform: rotate(45deg) scale(1.7);
    transform: rotate(45deg) scale(1.7);
}
.ui-chkbox-icon.ui-icon-blank{
    background-image: none;
    background-size: 100%;
    background-position: center;
    border-bottom: solid 3px transparent;
    border-right: solid 3px transparent;
    width: 5px;
    height: 10px;
    margin-left: 4px;
    margin-top: -1px;
    position: relative;
    -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;

    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
}

.ui-chkbox-icon.ui-icon-indeterminate{
    border-radius: 0px;
    background-image: none;
    background-size: 100%;
    position: relative;
    background-position: center;
    background-color: transparent;
    border-bottom: solid 3px #666666;
    border-right: solid 3px #666666;
    width: 5px;
    height: 10px;
    margin-left: 4px;
    margin-top: -1px;
    opacity: 1;
    -webkit-transition: transform 0.2s ease;
    -moz-transition: transform 0.2s ease;
    -ms-transition: transform 0.2s ease;
    -o-transition: transform 0.2s ease;
    transition: transform 0.2s ease;
    -webkit-transform: rotate(45deg) scale(1.7);
    -moz-transform: rotate(45deg) scale(1.7);
    -o-transform: rotate(45deg) scale(1.7);
    -ms-transform: rotate(45deg) scale(1.7);
    transform: rotate(45deg) scale(1.7);
}

.ui-chkbox .ui-chkbox-box.ui-state-active{
    border: solid 1px #b5b5b5;
}
.ui-chkbox .ui-chkbox-box.ui-state-default{
    background-color: white;
    border: solid 1px #b5b5b5;
}
.ui-chkbox .ui-chkbox-box.ui-state-hover{
    border: solid 1px #b5b5b5 !important;
}

.ui-chkbox .ui-chkbox-label {
    padding: 0 .8em;
}

/* Slider/Progress */
.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
    background-image: url("/ADScreen/javax.faces.resource/pbar-ani.gif.xhtml?ln=images");
}
.ui-progressbar .ui-progressbar-overlay {
    background: url("images/animated-overlay.gif");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}
.ui-slider .ui-slider-handle {
    border: 1px solid #9C9C9C;
}
.ui-slider {
    position: relative;
    text-align: left;
    background: #B5B5B5;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: .8em !important;
    height: .8em !important;
    cursor: default;
    /* circle slider handle */

    border-radius: 8px !important;
    border: 1px solid #C7C7C7;
    background-color: transparent;
    background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.85), rgba(247, 247, 247, 0.85));
    background-image: linear-gradient(top,rgba(255,255,255,.85),rgba(247,247,247,.85));
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.85)),to(rgba(247,247,247,.85)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.85),rgba(247,247,247,.85));
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: 1px;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.4em;
    margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: 1px !important;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -.4em;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

/* UI Dialog */
.ui-dialog {
    font-size: calc(.775rem - -.25 *(100vw - 20rem) / 100);

    position: fixed;
    overflow: hidden;
    display: none;

    background: #fff;
    border-radius: 2px !important;
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus,
.ui-dialog .ui-dialog-titlebar-minimize:hover,
.ui-dialog .ui-dialog-titlebar-minimize:focus,
.ui-dialog .ui-dialog-titlebar-maximize:hover,
.ui-dialog .ui-dialog-titlebar-maximize:focus {
    margin: .3rem 0;
    background: #FAFAFA;
}

.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-minimize,
.ui-dialog .ui-dialog-titlebar-maximize {
    float: right;
    margin: 0;
    top: 0;
    margin: .3rem 0;
    cursor: pointer;
}

.ui-dialog .ui-dialog-titlebar {
    margin: 0 .8rem 0rem 1rem;
    padding: .4rem 0rem;
    position: relative;
    border-bottom: 1px solid #E5E5E5;

    font-family:'ProximaNova-Light', "Segoe UI", Verdana, Arial, sans-serif;
    font-size: 1.1rem;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: .4rem;

    font-family:'ProximaNova-Light', "Segoe UI", Verdana, Arial, sans-serif;
    font-size: 1.1rem;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .8rem;
    background: 0;
    overflow: auto;
    zoom: 1
}

.ui-dialog .ui-dialog-content.ui-df-content {
    overflow: hidden;
    padding: 0
}
.ui-dialog .ui-dialog-footer {
    padding: .4rem 1rem;
    border-width: 1px 0 0 0;
    text-align: right
}

.grdV_cel {
    cursor: pointer;
    text-align: center;
    width: 90px;
    word-wrap: break-word;
    border-width: 0px;
}

/* Do usunięcia */
.grdV_cel:hover {
    background-color: aliceblue;
}

.ui-explorer-item {
    cursor: pointer;
}

.ui-explorer-item:hover {
    background-color: aliceblue;
}

.ui-explorer-item img{
    max-width: 95%;
}

.cke_bottom {
    display: none !important;
}

.cke_top {
    background-image: none !important;
    background-color: #f5f5f5 !important;
    padding: 2px !important;
}

.cke_toolbar_separator {
    margin-top: 10px;
}

a.cke_button {
    border: 1px solid transparent !important;
    /*margin: 3px 0 0 5px;*/
}

a.cke_button:hover {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1) !important;
    box-shadow: 0 1px 1px rgba(0,0,0,.1) !important;
    background-color: #f8f8f8 !important;
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1) !important;
    background-image: linear-gradient(top,#f8f8f8,#f1f1f1) !important;
    border: 1px solid #cccccc !important;
}

a.cke_button_on {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1) !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1) !important;
    background-color: #eee !important;
    background-image: -webkit-linear-gradient(top,#eee,#e0e0e0) !important;
    background-image: linear-gradient(top,#eee,#e0e0e0) !important;
    border: 1px solid #cccccc !important;
}

a.cke_button_on:hover, a.cke_button_on:focus, a.cke_button_on:active {
    /*background: #27aae1 !important;*/
    background: #dddddd !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.cke_toolgroup {
    border-color: transparent !important;
    background: none !important;
    /*margin: 0 !important;*/
}

.cke_combo_button {
    border-color: transparent !important;
    background: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.cke_combo a.cke_combo_button {
    margin: 1px 0 0 5px;
}

.cke_combo_off a.cke_combo_button:hover {
    border-color: #ccc !important;
}

.cke_combo_on a.cke_combo_button {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1) !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1) !important;
    background-color: #eee !important;
    background-image: -webkit-linear-gradient(top,#eee,#e0e0e0) !important;
    background-image: linear-gradient(top,#eee,#e0e0e0) !important;
    border: 1px solid #cccccc !important;
}

/* /Do usunięcia */

/* UI ICONS */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    width: 1.5em;
    height: 1.5em;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 0.5;
}
.ui-icon-contact-link{
    background-image: url("/ADScreen/javax.faces.resource/images/Link.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-icon-contact-login{
    background-image: url("/ADScreen/javax.faces.resource/images/LogowanieADWiFi.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-icon-contact-newsletter{
    background-image: url("/ADScreen/javax.faces.resource/images/Newsletter.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-icon-contact-mail{
    background-image: url("/ADScreen/javax.faces.resource/images/OtwarcieMaila.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-icon-contact-qr{
    background-image: url("/ADScreen/javax.faces.resource/images/QRKod.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-icon-contact-template{
    background-image: url("/ADScreen/javax.faces.resource/images/Szablon.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-icon-cut {
    background-image: url("/ADScreen/javax.faces.resource/images/cut.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-delete {
    background-image: url("/ADScreen/javax.faces.resource/images/delete.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-paste {
    background-image: url("/ADScreen/javax.faces.resource/images/paste.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-select {
    background-image: url("/ADScreen/javax.faces.resource/images/select.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-unselect {
    background-image: url("/ADScreen/javax.faces.resource/images/unselect.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-mail {
    background-image: url("/ADScreen/javax.faces.resource/images/mail.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-device-report {
    background-image: url("/ADScreen/javax.faces.resource/images/malfunction.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-new-1 {
    background-image: url("/ADScreen/javax.faces.resource/images/new-1.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-timeline {
    background-image: url("/ADScreen/javax.faces.resource/images/timeline.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-question-mark {
    background-image: url("/ADScreen/javax.faces.resource/images/help.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-exit {
    background-image: url("/ADScreen/javax.faces.resource/images/logout.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-exit-black {
    background-image: url("/ADScreen/javax.faces.resource/images/logout_black.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-user-male {
    background-image: url("/ADScreen/javax.faces.resource/images/user_male.svg.xhtml?ln=primefaces-cn-sentinel");
    width: 4em;
    height: 4em;
}

.ui-icon-user-female {
    background-image: url("/ADScreen/javax.faces.resource/images/user_female.svg.xhtml?ln=primefaces-cn-sentinel");
    width: 4em;
    height: 4em;
}

.ui-icon-user-admin {
    background-image: url("/ADScreen/javax.faces.resource/images/user_admin.svg.xhtml?ln=primefaces-cn-sentinel");
    width: 4em;
    height: 4em;
}

.ui-icon-menu {
    background-image: url("/ADScreen/javax.faces.resource/images/menu.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-menu-dark {
    background-image: url("/ADScreen/javax.faces.resource/images/menu_000000.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-search {
    background-image: url("/ADScreen/javax.faces.resource/images/search-w.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-search-ng {
    background-image: url("/ADScreen/javax.faces.resource/images/search-b.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-fieldset-toggler.ui-icon-plusthick {
    background-image: url("/ADScreen/javax.faces.resource/images/triangle-1-e.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-fieldset-toggler.ui-icon-minusthick {
    background-image: url("/ADScreen/javax.faces.resource/images/triangle-1-s.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-triangle-1-w,
.ui-icon-seek-prev {
    background-image: url("/ADScreen/javax.faces.resource/images/triangle-1-w.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-triangle-1-e,
.ui-icon-seek-next {
    background-image: url("/ADScreen/javax.faces.resource/images/triangle-1-e.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-triangle-1-s {
    background-image: url("/ADScreen/javax.faces.resource/images/triangle-1-s.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-triangle-1-n {
    background-image: url("/ADScreen/javax.faces.resource/images/triangle-1-n.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-triangle-2-w,
.ui-icon-seek-first {
    background-image: url("/ADScreen/javax.faces.resource/images/triangle-2-w.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-icon-triangle-2-e,
.ui-icon-seek-end {
    background-image: url("/ADScreen/javax.faces.resource/images/triangle-2-e.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-plus-1-w {
    background-image: url("/ADScreen/javax.faces.resource/images/plus-1-w.svg.xhtml?ln=primefaces-cn-sentinel");
    opacity: 1;
}

.ui-button.ui-button-primary .ui-icon.ui-icon-plus-1-w {
    mask-image: url("/ADScreen/javax.faces.resource/images/plus-1-w.svg.xhtml?ln=primefaces-cn-sentinel");
    opacity: 1;
}

.ui-icon-plus-1-b {
    background-image: url("/ADScreen/javax.faces.resource/images/plus-1-b.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-icon-camera{
    background-image: url("/ADScreen/javax.faces.resource/images/camera.svg.xhtml?ln=primefaces-cn-sentinel");
}
/* temporary */
.ui-icon-circle-triangle-e {
    background-image: url("/ADScreen/javax.faces.resource/images/triangle-1-e.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-circle-triangle-w {
    background-image: url("/ADScreen/javax.faces.resource/images/triangle-1-w.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-circle-triangle-s {
    background-image: url("/ADScreen/javax.faces.resource/images/triangle-1-s.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-close {
    background-image: url("/ADScreen/javax.faces.resource/images/close-1.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-closethick {
    background-image: url("/ADScreen/javax.faces.resource/images/close-3.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-minus {
    background-image: url("/ADScreen/javax.faces.resource/images/minus.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-icon-minus-w {
    background-image: url("/ADScreen/javax.faces.resource/images/minus_fff.svg.xhtml?ln=primefaces-cn-sentinel");
    opacity: 1;
}

.ui-icon-plus {
    background-image: url("/ADScreen/javax.faces.resource/images/plus-2.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-plus-2 {
    background-image: url("/ADScreen/javax.faces.resource/images/plus-2.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-export {
    background-image: url("/ADScreen/javax.faces.resource/images/export.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-import {
    background-image: url("/ADScreen/javax.faces.resource/images/import.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-arrow-1-w {
    background-image: url("/ADScreen/javax.faces.resource/images/arrow-1-w.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-upload {
    background-image: url("/ADScreen/javax.faces.resource/images/upload.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-grid {
    background-image: url("/ADScreen/javax.faces.resource/images/grid.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-list {
    background-image: url("/ADScreen/javax.faces.resource/images/list.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-location{
    background-image: url("/ADScreen/javax.faces.resource/images/locationView.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-redo-1 {
    background-image: url("/ADScreen/javax.faces.resource/images/redo-1.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-redo-2 {
    background-image: url("/ADScreen/javax.faces.resource/images/redo-2.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-undo-1 {
    background-image: url("/ADScreen/javax.faces.resource/images/undo-1.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-icon-arrowright {
    background-image: url("");
    opacity: 1;
}
.ui-icon-arrowleft {
    background-image: url("");
    opacity: 1;
}
.ui-icon-undo-2 {
    background-image: url("/ADScreen/javax.faces.resource/images/undo-2.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-icon-adsplay {
    background-image: url("/ADScreen/javax.faces.resource/images/play1_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-icon-adsstop {
    background-image: url("/ADScreen/javax.faces.resource/images/stop1_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-icon-removetrash {
    background-image: url("/ADScreen/javax.faces.resource/images/delete.svg.xhtml?ln=primefaces-cn-sentinel");
    opacity: 0.4;
}
.ui-icon-removetrash-white {
    background-image: url("/ADScreen/javax.faces.resource/images/delete_FFFFFFFF.svg.xhtml?ln=primefaces-cn-sentinel");
    opacity: 1;
}
.ui-icon-editpencil {
    background-image: url("/ADScreen/javax.faces.resource/images/draw.svg.xhtml?ln=primefaces-cn-sentinel");
    opacity: 1;
}
.ui-icon-eye {
    background-image: url("/ADScreen/javax.faces.resource/images/eye.png.xhtml?ln=primefaces-cn-sentinel");
    opacity: 1;
}

.ui-icon-duplicate {    
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/duplicate_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-duplicate2 {    
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/duplicate2_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-editpencil-white{
    background-image: url("/ADScreen/javax.faces.resource/images/draw__FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-editpg {
    background-image: url("/ADScreen/javax.faces.resource/images/editpg_4d4d4dff.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-desktop {
    background-image: url("/ADScreen/javax.faces.resource/images/desktop.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-mobile {
    background-image: url("/ADScreen/javax.faces.resource/images/mobile.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-now {
    background-image: url("/ADScreen/javax.faces.resource/images/now.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-publish-1 {
    background-image: url("/ADScreen/javax.faces.resource/images/publish-1.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-publish-2 {
    background-image: url("/ADScreen/javax.faces.resource/images/publish-2.svg.xhtml?ln=primefaces-cn-sentinel");
    opacity: 1;
}

.ui-icon-save {
    background-image: url("/ADScreen/javax.faces.resource/images/save.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-properties {
    background-image: url("/ADScreen/javax.faces.resource/images/properties.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-reload {
    background-image: url("/ADScreen/javax.faces.resource/images/reload.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-reload-w {
    background-image: url("/ADScreen/javax.faces.resource/images/reload-w.svg.xhtml?ln=primefaces-cn-sentinel");
    opacity: 1;
}

.ui-icon-draw {
    background-image: url("/ADScreen/javax.faces.resource/images/draw.svg.xhtml?ln=primefaces-cn-sentinel");
    opacity: 1;
}

.ui-icon-bell {
    background-image: url("/ADScreen/javax.faces.resource/images/bell_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-bell-filled {
    background-image: url("/ADScreen/javax.faces.resource/images/bellfilled_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-bell-dark {
    background-image: url("/ADScreen/javax.faces.resource/images/bell_000000.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-bell-dark-filled {
    background-image: url("/ADScreen/javax.faces.resource/images/bellfilled_000000.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-notification-clear {
    background-image: url("/ADScreen/javax.faces.resource/images/clear_notifications_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ui-icon-notification-clear-dark {
    background-image: url("/ADScreen/javax.faces.resource/images/clear_notifications_000000.svg.xhtml?ln=primefaces-cn-sentinel");
}

.ads-preview-title {
    float: left;
    font-family: 'ProximaNova-Semibold';
    font-size: 1rem;
    margin-top: 0.5em;
}

.ui-icon.ads-icon-close-active {
    width: 22px;
    height: 22px;
    background-image: url("/ADScreen/javax.faces.resource/images/close_active.png.xhtml?ln=primefaces-cn-sentinel");
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 50%;
    margin-top: -11px !important;
    margin-left: -11px !important;
}

.ui-icon.ads-icon-close-inactive {
    width: 22px;
    height: 22px;
    background-image: url("/ADScreen/javax.faces.resource/images/close_inactive.png.xhtml?ln=primefaces-cn-sentinel");
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 50%;
    margin-top: -11px !important;
    margin-left: -11px !important;
}

.ads-icon {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 12px 12px;
    height: 40px;
    width: 40px;
}

.ads-icon:hover {
    cursor: pointer;
}

.ads-icon.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.3;
}

.ads-icon.ads-icon-close {
    background-image: url('/ADScreen/javax.faces.resource/images/close_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-close:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/close_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-zoomout {
    background-image: url('/ADScreen/javax.faces.resource/images/zoomout_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-zoomout:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/zoomout_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-zoomin {
    background-image: url('/ADScreen/javax.faces.resource/images/zoomin_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-zoomin:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/zoomin_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-zoomreset {
    background-image: url('/ADScreen/javax.faces.resource/images/zoomreset_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-zoomreset:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/zoomreset_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-crop {
    background-image: url('/ADScreen/javax.faces.resource/images/crop_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-crop:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/crop_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-gear {
    background-image: url('/ADScreen/javax.faces.resource/images/gear39_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-gear:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/gear39_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-stretch {
    background-image: url('/ADScreen/javax.faces.resource/images/stretch_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-stretch:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/stretch_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-image {
    background-image: url('/ADScreen/javax.faces.resource/images/image_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-image.checked {
    background-image: url('/ADScreen/javax.faces.resource/images/image_A1E884.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-image:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/image_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-keepaspectratio {
    background-image: url('');
}

.ads-icon.ads-icon-keepaspectratio.checked {
    background-image: url('');
}

.ads-icon.ads-icon-keepaspectratio:hover {
    background-image: url('');
}

.ads-icon.ads-icon-counterclockwise {
    background-image: url('/ADScreen/javax.faces.resource/images/counterclockwise_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-counterclockwise:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/counterclockwise_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-clockwise {
    background-image: url('/ADScreen/javax.faces.resource/images/clockwise_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-clockwise:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/clockwise_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-download {
    background-image: url('/ADScreen/javax.faces.resource/images/download_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-download:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/download_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-track {
    background-image: url('/ADScreen/javax.faces.resource/images/track_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-track.checked {
    background-image: url('/ADScreen/javax.faces.resource/images/track_A1E884.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-track:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/track_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-rotate {
    background-image: url('/ADScreen/javax.faces.resource/images/rotate_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-rotate:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/rotate_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-newwindow {
    background-image: url('/ADScreen/javax.faces.resource/images/newwindow_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}

.ads-icon.ads-icon-newwindow:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/newwindow_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}

/*
* ui-state-highlight - na razie dodaję definicję z primefaces z dopasowanym kolorem
*/
.ui-state-highlight.ui-autocomplete-item,
.ui-state-highlight.ui-selectonemenu-item,
.ui-state-highlight.ui-selectonemenu-item td {
    background: #27aae1;
    color: #fff;
}
.ui-state-hover.ui-selectonemenu-item,
.ui-state-hover.ui-selectonemenu-item td {
    background-color: #FAFAFA;
}
/*
* p:autoComplete - autocomplete.css z primefaces - jedyna zmiana to kolor tła
*/

.ui-autocomplete {
    width: auto;
    zoom: 1;
    cursor: pointer;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    display: inline-block
}
.ui-autocomplete-input.ui-autocomplete-dd-input {
    padding-right: 2.4em
}
.ui-autocomplete .ui-autocomplete-dropdown {
    position: absolute;
    height: 100%;
    width: 2.4em;
    right: -2px;
    margin-left: 0;
}
.ui-autocomplete-query {
    font-weight: bold
}
.ui-autocomplete-panel {
    position: absolute;
    overflow: auto;
    background-color: white
}
.ui-autocomplete-panel .ui-autocomplete-item {
    cursor: pointer
}
.ui-autocomplete-panel .ui-autocomplete-list {
    padding: .4em;
    border: 0 none
}
.ui-autocomplete-panel .ui-autocomplete-list-item {
    border: 0 none;
    font-weight: normal;
    margin: 1px 0;
    padding: 3px 5px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.ui-autocomplete-panel .ui-autocomplete-table {
    border-collapse: collapse;
    width: 100%
}
.ui-autocomplete-panel .ui-autocomplete-table th,
.ui-autocomplete-panel .ui-autocomplete-table td {
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    padding: 4px 10px 4px 10px
}
.ui-autocomplete .ui-button-icon-only .ui-button-text {
    padding: .29em
}
.ui-autocomplete-panel .ui-autocomplete-moretext {
    font-size: 90%;
    font-weight: bold
}
.ui-autocomplete-list .ui-autocomplete-moretext {
    margin: 1px 0;
    padding: 3px 5px;
    text-align: left;
    border: 0 none
}
.ui-autocomplete-multiple {
    display: flex;
}
.ui-autocomplete-multiple-container {
    clear: left;
    cursor: text;
    list-style-type: none;
    margin: 0;
    min-height: 1px;
    overflow: hidden;
    width: 400px;
    width: 100%;
}
.ui-autocomplete-multiple .ui-autocomplete-dropdown {
    position: relative;
    right: 0;
}
.ui-autocomplete-multiple-container.ui-inputfield {
    padding: 0
}
.ui-autocomplete-token {
    cursor: default;
    float: left;
    overflow: hidden;
    padding: .1em 0;
    white-space: nowrap;
    position: relative;
    margin: 0 .3em 0 0;
}
.ui-autocomplete-token-label {
    display: block;
    padding: .4em 1.5em .3em .4em;
    background: #f5f5f5;
    border-radius: 2px;
}
.ui-autocomplete-token-icon {
    margin-top: -.7em;
    position: absolute;
    right: 0;
    top: 50%;
    cursor: pointer;
    background-image: url("/ADScreen/javax.faces.resource/images/close-3.svg.xhtml?ln=primefaces-cn-sentinel");

}
.ui-autocomplete-input-token {
    float: left;
    list-style-type: none;
    padding: 0
}
.ui-autocomplete-input-token input {
    border: 0 none;
    width: 140px;
    outline: medium none;
    background-color: transparent;
    padding: .8em .1em .1em .1em;
}
.ui-autocomplete-itemtip-content {
    display: none
}
.ui-autocomplete-itemtip {
    position: absolute;
    display: none;
    padding: .4em
}
.ui-autocomplete-emptyMessage {
    padding: 3px 5px
}
.ui-autocomplete-panel .ui-autocomplete-group {
    font-weight: bold;
    cursor: default
}
.ui-fluid .ui-autocomplete-multiple-container {
    width: 100%
}
/*
* p:spinner - spinner.css
*/
.ui-spinner {
    display: inline-block;
    overflow: visible;
    padding: 0;
    position: relative;
    vertical-align: middle
}
.ui-spinner-input {
    font-family:'ProximaNova-Regular', "Segoe UI", Verdana, Arial, sans-serif;
    font-size: 1rem;
    vertical-align: middle;
    text-align: right;
    padding-right: 20px
}
.ui-spinner-button {
    cursor: default;
    display: block;
    font-size: .5em !important;
    height: 50%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    vertical-align: middle;
    width: 16px;
    z-index: 100;
    border: none;
}
.ui-spinner .ui-icon {
    left: 0;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    opacity: 100%;
    height: 100%;
    width: 100%;
}
.ui-spinner-up {
    top: 0
}
.ui-spinner-down {
    bottom: 0
}
.ui-spinner-input::-ms-clear {
    display: none
}

.ui-schedule-emission {
    background: greenyellow;
}
.ui-datepicker-calendar td>a.ui-state-highlight,
.ui-schedule-legend.ui-state-highlight {
    background: #F18D05;
}
.ui-datepicker-calendar td>a.ui-state-active,
.ui-schedule-legend.ui-state-active {
    background: #B9E5FB;
}
/*
* dodatkowe style do kalendarza
*/
.fc-toolbar .fc-left {
    padding-left: 1rem;
}
.fc-toolbar .fc-right {
    padding-right: 1rem;
}
.fc-slats tr>td:nth-child(2) {
    border-bottom: 1px solid #E5E5E5;
}
.fc {
    background-color: #fff;
}
.fc button {
    margin-left: .4em;
}
.fc th, .fc td {
    border-color: #e5e5e5;
}
.fc-button-group > .ui-state-active.ui-state-default {
    background-color: #F5F5F5;
}
.fc-day-header, .fc-axis {
    background-color: #f5f5f5;
}

/* ikony na buttonbarach (detailsgrid, viewtemplate editor, preview) */
.ui-buttonbar.ui-buttonbar-detailsgrid {
    background: #8C8C8C;
    background: rgba(140, 140, 140, 1);
    color: whitesmoke;
}
.ui-buttonbar .ui-svg-icon {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 12px 12px;
    height: 40px;
    width: 40px;
    padding: 0;
}
.ui-buttonbar .ui-svg-icon:hover {
    cursor: pointer;
}
.ui-buttonbar .ui-svg-icon.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.3;
}
.ui-buttonbar.ui-buttonbar-detailsgrid .ui-svg-icon {
    height: 16px;
    background-size: 18px;
    background-position: 6px 5px;
    width: 30px;
    height: 30px;
}
.ui-buttonbar .ui-svg-icon.checked.ui-button-remove {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/remove_A1E884.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-remove {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/remove_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.disabled.ui-button-remove {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/remove_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-remove:hover:not(.disabled) {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/remove_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.checked.ui-button-edit {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/edit_A1E884.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-edit {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/edit_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.disabled.ui-button-edit {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/edit_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-edit:hover:not(.disabled) {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/edit_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-refresh {
    background-image: url("/ADScreen/javax.faces.resource/refresh1_FFFFFF.svg.xhtml?ln=images");
}
.ui-buttonbar .ui-svg-icon.disabled.ui-button-refresh {
    background-image: url("/ADScreen/javax.faces.resource/refresh1_AAAAAA.svg.xhtml?ln=images");
}

/*.ui-icon-reload {
    background-image: url("");
}*/
.ui-buttonbar .ui-svg-icon.ui-button-refresh:hover:not(.disabled) {
    background-image: url("/ADScreen/javax.faces.resource/refresh1_FFFFFF.svg.xhtml?ln=images");
}
.ui-buttonbar .ui-svg-icon.ui-button-mail {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/mail.png.xhtml?ln=primefaces-cn-sentinel");
    background-position-y: 9px;
}
.ui-buttonbar .ui-svg-icon.ui-button-items {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/items.png.xhtml?ln=primefaces-cn-sentinel");
    background-position-y: 4px;
    background-size: 60% 75%;
}
.ui-buttonbar .ui-svg-icon.ui-button-categories {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/categories.png.xhtml?ln=primefaces-cn-sentinel");
    background-position-y: 8px;
    background-position-x: 5px;
}
.ui-buttonbar .ui-svg-icon.checked.ui-button-device-report {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/malfunction.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-device-report {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/malfunction.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.disabled.ui-button-device-report {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/malfunction.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-device-report:hover:not(.disabled) {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/malfunction.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.checked.ui-button-fill {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/paint_A1E884.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-fill {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/paint_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.disabled.ui-button-fill {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/paint_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-fill:hover:not(.disabled) {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/paint_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.checked.ui-button-borderradius {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/borderradius_A1E884.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-borderradius {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/borderradius_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.disabled.ui-button-borderradius {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/borderradius_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-borderradius:hover:not(.disabled) {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/borderradius_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.checked.ui-button-settings {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/gear39_A1E884.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-settings {
    background-image: url("");
}
.ui-buttonbar .ui-svg-icon.disabled.ui-button-settings {
    background-image: url("");
}
.ui-buttonbar .ui-svg-icon.ui-button-settings:hover:not(.disabled) {
    background-image: url("");
}
.ui-buttonbar .ui-svg-icon.checked.ui-button-play {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/play87_A1E884.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-play {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/play87_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-edit-nfc {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/nfcwidgetwhite.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-edit-image {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/image-white.png.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-edit-nfc-effect {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/effect.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-action {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/action.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-check {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/checkicon.png.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.disabled.ui-button-play {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/play87_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-play:hover:not(.disabled) {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/play87_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.checked.ui-button-shadow {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/shadow_A1E884.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-shadow {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/shadow_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.disabled.ui-button-shadow {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/shadow_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-shadow:hover:not(.disabled) {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/shadow_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.checked.ui-button-duplicate {
    background-image: url("");
}
.ui-buttonbar .ui-svg-icon.ui-button-duplicate {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/duplicate_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.disabled.ui-button-duplicate {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/duplicate_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-duplicate:hover:not(.disabled) {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/duplicate_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.checked.ui-button-keepaspectratio {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/keepaspectratio_A1E884.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-keepaspectratio {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/keepaspectratio_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.disabled.ui-button-keepaspectratio {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/keepaspectratio_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar .ui-svg-icon.ui-button-keepaspectratio:hover:not(.disabled):not(.checked) {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/keepaspectratio_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-buttonbar.ui-buttonbar-detailsgrid .ui-svg-icon:hover:not(.disabled) {
    background-color: rgba(0,0,0,0.2);
}
.ui-buttonbar .ui-svg-icon.ui-button-close {
    background-image: url('/ADScreen/javax.faces.resource/images/close_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-close:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/close_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-zoomout {
    background-image: url('/ADScreen/javax.faces.resource/images/zoomout_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-zoomout:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/zoomout_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-zoomin {
    background-image: url('/ADScreen/javax.faces.resource/images/zoomin_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-zoomin:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/zoomin_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-zoomreset {
    background-image: url('/ADScreen/javax.faces.resource/images/zoomreset_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-zoomreset:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/zoomreset_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-crop {
    background-image: url('/ADScreen/javax.faces.resource/images/crop_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-crop:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/crop_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-gear {
    background-image: url('/ADScreen/javax.faces.resource/images/gear39_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-gear:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/gear39_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-stretch {
    background-image: url('/ADScreen/javax.faces.resource/images/stretch_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-stretch:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/stretch_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-image {
    background-image: url('/ADScreen/javax.faces.resource/images/image_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-image.checked {
    background-image: url('/ADScreen/javax.faces.resource/images/image_A1E884.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-image:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/image_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-counterclockwise {
    background-image: url('/ADScreen/javax.faces.resource/images/counterclockwise_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-counterclockwise:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/counterclockwise_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-clockwise {
    background-image: url('/ADScreen/javax.faces.resource/images/clockwise_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-clockwise:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/clockwise_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-download {
    background-image: url('/ADScreen/javax.faces.resource/images/download_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-download:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/download_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-track {
    background-image: url('/ADScreen/javax.faces.resource/images/track_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-track.checked {
    background-image: url('/ADScreen/javax.faces.resource/images/track_A1E884.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-track:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/track_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-rotate {
    background-image: url('/ADScreen/javax.faces.resource/images/rotate_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-rotate:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/rotate_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-newwindow {
    background-image: url('/ADScreen/javax.faces.resource/images/newwindow_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel');
}
.ui-buttonbar .ui-svg-icon.ui-button-newwindow:hover {
    background-image: url('/ADScreen/javax.faces.resource/images/newwindow_FFFFFF.svg.xhtml?ln=primefaces-cn-sentinel');
}

/**********************************/

/* ikony w galerii szablonów */
.ui-explorer-item.ui-viewtemplategallery-item {
    width: 280px;
    height: 202px;
}
.ui-explorer-item.ui-viewtemplategallery-item:hover {
    background-color: white;
}
.ui-explorer-item.ui-viewtemplategallery-item .ads-viewtemplategallery-image {
    width: 270px;
    height: 160px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 5px;
    transition-duration: 0.5s;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-bottom: 1px solid #e8e8e8;
}
.ui-explorer-item.ui-viewtemplategallery-item .ads-viewtemplategallery-image.ads-thumbnail {
    background-size: contain;
}
.ui-explorer-item.ui-viewtemplategallery-item:hover .ads-viewtemplategallery-image {
    opacity: 0.5;
}
.ui-explorer-item.ui-viewtemplategallery-item .ui-viewtemplategallery-item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    transition-duration: 0.5s;
    transition-delay: 0.2s;
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ui-explorer-item.ui-viewtemplategallery-item:hover .ui-viewtemplategallery-item-overlay {
    visibility: visible;
    opacity: 1;
    z-index: 100;
}
.ui-viewtemplategallery-item-overlay .ui-svg-icon {
    padding: 0;
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 6px 6px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #AAAAAA;
    background-color: white;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
}
.ui-viewtemplategallery-item-overlay .ui-svg-icon.ui-button-edit {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/editing_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-svg-icon.ads-button-preview {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/play87_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-viewtemplategallery-item-overlay .ui-svg-icon.ads-button-preview {
    background-position: 13px 10px;
    background-size: 28px;
    width: 46px;
    height: 46px;
}
.ui-viewtemplategallery-item-overlay .ui-svg-icon.ads-button-properties {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/edit_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel");
}
.ui-viewtemplategallery-item-overlay .ui-svg-icon.ui-button-remove {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/remove_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel");
    border: none;
    box-shadow: none;
    background-size: 14px;
    background-position: 4px 4px;
    width: 22px;
    height: 22px;
}
.ui-viewtemplategallery-item-overlay .ui-svg-icon.ads-button-rename {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/rename_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel");
    border: none;
    box-shadow: none;
    background-size: 14px;
    background-position: 4px 4px;
    width: 22px;
    height: 22px;
}
.ui-viewtemplategallery-item-overlay .ui-svg-icon.ui-button-duplicate {
    background-image: url("/ADScreen/javax.faces.resource/images/buttonbar/duplicate_AAAAAA.svg.xhtml?ln=primefaces-cn-sentinel");
    border: none;
    box-shadow: none;
    background-size: 14px;
    background-position: 4px 4px;
    width: 22px;
    height: 22px;
}
.ui-viewtemplategallery-item-overlay .ui-svg-icon {
    transition-duration: 0.5s;
}
.ui-viewtemplategallery-item-overlay .ui-svg-icon:hover:not(.disabled) {
    transform: scale(1.1);
}

/* tooltip */
.ui-tooltip {
    position: absolute;
    display: none;
    background-color: #FFFFFF;
}
.ui-tooltip.ui-tooltip-right,
.ui-tooltip.ui-tooltip-left {
    padding: 0 5px
}
.ui-tooltip.ui-tooltip-top,
.ui-tooltip.ui-tooltip-bottom {
    padding: 5px 0
}
.ui-tooltip .ui-tooltip-text {
    padding: 3px 10px;
    background-color: #4c4c4c;
    color: #fff
}
.ui-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}
.ui-tooltip-right .ui-tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #4c4c4c
}
.ui-tooltip-left .ui-tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #4c4c4c
}
.ui-tooltip.ui-tooltip-top {
    padding: 5px 0
}
.ui-tooltip-top .ui-tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #4c4c4c
}
.ui-tooltip-bottom .ui-tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #4c4c4c
}



.ui-grid-item-helper {
    pointer-events: none;
    overflow: visible;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1500;
    background: none;
    padding: 0;
    margin: 0;
    width: auto;
    /*text-align: center;*/
}

.ui-grid-item-helper .ads-name-label {
    position: absolute;
    /*top: 50px;*/
    overflow: hidden;
    text-align: center;
    max-width: 200px;
    text-overflow: ellipsis;
}

.ui-grid-item-helper .ads-image {
    /*    height: 50px;
        max-width: 100px;*/
    padding: 0;
    margin: 0;
    border-radius: 5px;
    background-size: 100%;
}