/* ng-cloak */
  [ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{visibility:hidden;}

/* font-face sodexo select icons admin */
  @font-face {font-family: 'sodexo-select-icons-admin'; src:  url('../fonts/sodexo-select-icons-admin/sodexo-select-icons-admin.eot?ra05np'); src:  url('../fonts/sodexo-select-icons-admin/sodexo-select-icons-admin.eot?ra05np#iefix') format('embedded-opentype'), url('../fonts/sodexo-select-icons-admin/sodexo-select-icons-admin.ttf?ra05np') format('truetype'), url('../fonts/sodexo-select-icons-admin/sodexo-select-icons-admin.woff?ra05np') format('woff'), url('../fonts/sodexo-select-icons-admin/sodexo-select-icons-admin.svg?ra05np#sodexo-select-icons-admin') format('svg'); font-weight: normal; font-style: normal; }
  .icon-admin, .icon-admin:hover {width:32px;height:32px;overflow:hidden;text-indent:100%;white-space:nowrap;float:left;text-align:center;padding:0;margin:0;}
  .icon-admin::before {width:100%;height:100%;display:block;text-indent:0;font-family:'sodexo-select-icons-admin' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:32px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
  .icon-admin-small, .icon-admin-small:hover {width:24px;height:24px;}
  .icon-admin-small::before {line-height:25px;}
  .icons li {float:left;}

  .icon-admin-changeStatus:before {content: "\e900"; }
  .icon-admin-duplicate:before {content: "\e901"; }
  .icon-admin-edit:before {content: "\e902"; }
  .icon-admin-moveDown:before {content: "\e903"; }
  .icon-admin-moveUp:before {content: "\e904"; }

  .icon {width: 64px; height: 64px; font-size: 24px; line-height: 65px;}
  .field-name--icon select {float: left;}
  .field-name--icon .icon {width: 36px; height: 36px; font-size: 24px; line-height: 35px; margin-left: 13px;}

/* commons */
  html {position:relative;min-height:100%;}
  body {padding:0 0 67px;font-size:13px;line-height:17px;overflow: hidden; min-height: 100%;}
  body, select, .button, .control .field-string input, .control .field-select select, .field-textarea textarea {font-family:'Roboto',sans-serif;font-weight:400;}

  body > footer {text-transform:none;position:absolute;left:0;bottom:0;width:100%;}
  body > header > h1, body > footer li:last-child a::before {background-repeat:no-repeat;background-image:url(../img/Pluxee_Logo_DarkBlue_RGB.svg);background-size:100%;}

  .button, .txt h1, body > header, body > nav, section header, section h2, .formular section > h3 {text-transform:uppercase;}

  /* float:left;clear:both;width:100%; */
  .formular section > h3 + .content, .formular section > h3 + div > .content, .dcm-form .fields-row, .errNames > span, .grid > footer, .content-grid, #content > section header, #content > section > h2, body > header, body > nav, body > footer, #content:not(.sections), #content:not(.sections) > section, .form .grid, .formular .content > form > div {float:left;clear:both;width:100%;}

  /* float left */
  .formular section > h3, .values dt, .values dt, .logged > body > header > div, .logged > body > nav > ul > li, .modal footer > ul, #content > section .subheader h3, #content > section .subheader ul, .image * {float:left;}

  /* float right */
  .formular section > h3 + ol, #content > section header > ul, .modal footer > ol, .grid > footer {float:right;}

/* buttons */
  .center {display: inline-block;text-align: center; width: 100%;}
  .button {border-radius: 2px;display: inline-block; line-height: 15px; padding: 5px 15px;}
  .center .button {margin-top: 15px;}
  .buttons li:first-child {margin-left: 0;}
  .button::before {display: inline-block; height: 15px;margin: 0 5px 0 -7px; text-align: center; width: 15px;}
  .button-mini {padding: 5px;}
  .button-mini::before {margin: 0;}
  div.buttons {float: left;width: 100%;}


/* unicode */
  .unicode-download::before {content:'\021E3';}
  .unicode-upload::before {content:'\021E1';}
  .unicode-add::before {content:'\0002B';}
  .unicode-restore::before, .unicode-update::before {content:'\021BB';}
  .unicode-import::before {content:'\021EA';}
  .unicode-generate::before {content:'\021C4';}
  .unicode-remove::before {content:'\02715';}
  .unicode-cancel::before {content:'\02717';}
  .unicode-save::before {content:'\02713';}
  .unicode-save-and-run::before {content:'\02714';}
  .unicode-sort::before {content:'\021F5';}
  .unicode-list::before {content:'\02637';}
  .unicode-manage::before {content:'\02710';}

/* ajax-loader */
  .button.ajax-loading::before {content:'\0273B';-webkit-animation: spin 1.5s linear infinite;animation: spin 1.5s linear infinite;}

/* grid-loading */
  .grid-loading .ui-grid {position: relative;}
  .grid-loading .ui-grid::before {display:block;z-index:888;content:'';position: absolute; top: 0; left: 0; width: 100%; height: 100%; animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: linear-gradient(to right, rgba(240,240,240,1) 0%, rgba(240,240,240,0.8) 50%, rgba(240,240,240,1) 100%); }
  @keyframes placeHolderShimmer{0%{background-position: -500px 0 } 50%{background-position: 500px 0 } 100%{background-position: -500px 0 } }
  @keyframes -webkit-placeHolderShimmer{0%{background-position: -500px 0 } 50%{background-position: 500px 0 } 100%{background-position: -500px 0 } }

/* cover-loading*/
  .cover-loading {background: rgba(240,240,240,0.8);z-index:999; position:absolute; top:0px; left:0px; width:100%; height:100%;}
  .cover-loading::before {content:'';display:block;position:absolute;width:33%;height:1px;background-color:#ec2224;left:0;top:142px;-webkit-animation:loading 2s 0.000s linear infinite, fadein 0.5s;-moz-animation:loading 2s 0.000s linear infinite, fadein 0.5s;-o-animation:loading 2s 0.000s linear infinite, fadein 0.5s; animation:loading 2s 0.000s linear infinite, fadein 0.5s;}
  .sticky .cover-loading::before {top:53px;position:fixed;}

/* columns & section */
  #content > section {padding:15px;margin:15px 15px 0 0;border-width:1px;border-style:solid;}
  #content > section header, #content > section > h2, .field-conditional {margin:4px 0 15px;}
  #content > section header > h2, #content > section > h2 {font-weight:500;float:left;font-size:17px;line-height:29px;margin-top: 5px;}
  #content > section header > ul + ul {padding-right: 17px; margin-right: 5px; border-right: 1px dotted #dedede;}
  #content > section header > ul > li, .buttons li {float:left;margin:5px 0 5px 13px;}
  #content > section .subheader {margin-top:15px;}

  #content > section .subheader li {font-size:11px;text-transform:initial;margin-left:15px;padding-top:1px;}

/* image */
  .sections .clean, .sections .clean:hover {padding:0;border:0;background:transparent;text-align:center;}
  .image-320-160 img {width:320px;height:160px;}
  .image-250-250 img {width:250px;height:250px;}

/* footer */
  body > footer {padding:15px 0;}
  body > footer li {margin:0 15px;font-size:11px;line-height:19px;text-align:center;}
  .logged > body > footer li:last-child a::before {content:' ';display:block;width:100px;height:36px;padding-left:19px;float:none;background-position:0;margin:0 auto;}
  .logged > body > footer li {line-height:37px;}

/* grid */
  .width-10 {width:9%;}
  .width-15 {width:14%;}
  .width-20 {width:19%;}
  .width-25 {width:24%;}
  .width-30 {width:29%;}
  .width-33 {width:33%;}
  .width-35 {width:34%;}
  .width-40 {width:39%;}
  .width-45 {width:44%;}
  .width-50 {width:49%;}
  .width-55 {width:54%;}
  .width-60 {width:59%;}
  .width-65 {width:64%;}
  .width-70 {width:69%;}
  .width-75 {width:74%;}
  .width-80 {width:79%;}
  .width-85 {width:84%;}
  .width-90 {width:89%;}
  .width-95 {width:94%;}
  .width-100 {width:100%;}

/* header */
  body > header > h1 > a {display:block;width:100%;height:100%;font:0/0 a;float:left;}

  .logged > body > header > h1 {height:48px;float:left;}
  .logged > body > header > div > div.loading::after {z-index:1;display:block;position:relative;content:'';width:20%;height:1px;background-color:#75ad10;left:0;bottom:-6px;-webkit-animation:loading 2s 0.000s linear infinite, fadein 0.5s ; animation:loading 2s 0.000s linear infinite, fadein 0.5s ;}

  #userMessages {text-align:center;}
  .errNames > span, #userTools {margin-top:7px;}
  #userTools ul {float:right;clear: both;}
  #userTools li {float:left;margin-right:7px;}
  strong, #userWelcome > div p {font-weight:500;}
  #userWelcome > div p span {font-weight:normal;}

/* nav */
  .logged > body > nav {border-bottom-width:1px;border-bottom-style:solid;height:40px;width:100%;position:relative;}
  .logged > body > nav > ul {margin-left:15px;float:left;height:39px;}
  .logged > body > nav > ul > li:first-child, .logged > body > nav > ul > li.show {visibility:visible;}
  .logged > body > nav li a, .logged > body > nav li a:hover {padding:9px 15px;line-height:19px;display:block;white-space:nowrap;}
  .logged > body > nav > ul > li > a, .logged > body > nav > ul > li > a:hover {padding:0 15px;line-height:39px;float:left;border-left:1px solid transparent;border-right:1px solid transparent;}
  .logged > body > nav > ul > li > .current, .logged > body > nav > ol > li {position:relative;}
  .logged > body > nav > ul > li > .current, .logged > body > nav > ul > li > .current:hover {padding-bottom:1px;}
  .logged > body > nav > ul > li:hover {position:relative;}
  .logged > body > nav > ul > li ul {display:none;position:absolute;top:39px;border-style:solid;border-width:1px;border-top:0;z-index:500;}
  .logged > body > nav > ul > li:hover ul {display:block;}
  .logged > body > nav > ul > li ul > li:first-child a, .logged > body > nav > ol > li:first-child a {border-top:0;}
  .logged > body > nav > ol {position:absolute;right:0;top:0;width:40px;height:39px;display:block;z-index: 888;}
  .logged > body > nav > ol::before {position:absolute;top:0;cursor:pointer;content:'';width:20px;height:2px;right:0;box-shadow:inset 0 0 0 32px,0 -6px,0 6px;display:inline-block;margin:18px 11px 0 0;}
  .logged > body > nav > ol > li {display:none;text-align:right;}
  .logged > body > nav > ol:hover {width:auto;height:auto;cursor:pointer;padding-top:39px;}
  .logged > body > nav > ol:hover > li {display:block;}

/* values dt deginion list */
  .values {overflow:hidden;margin:41px auto 21px;text-align: center;}
  .values dl {display: inline-block;}
  .values dt {clear:both;width:120px;text-align:right;padding-right:21px;padding-top:15px;}
  .values dd {float:left;}
  .values dd span {font-size:21px;font-weight:normal;line-height:41px;}
  .values dd strong {font-size:29px;line-height:29px;}

/* columns & section */
  .logged .sections {width:100%;   display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap; padding-bottom:15px;}
  .logged .sections {width:calc(100% - 15px);margin-left:15px;}
  .logged .sections > section {min-width: 30%;}

/* charts */
  #schemasChart {position:relative;width:288px;height:288px;margin:0 auto;}
  #schemasChartPie {position:absolute;top:0;z-index:1;width:288px;height:288px;}
  #schemasChart:hover #schemasChartPie {height:234px;}
  #schemasChart:hover #schemasChartPie:hover {z-index:3;height:288px;}
  #schemasChart p {position:absolute;bottom:0;left:0;z-index:5;}

  #benefits-listChart {width:288px;height:200px;margin:0 auto;clear:both;}

/* text */
  .txt h1 {font-size:21px;line-height:29px;font-weight:500;}

/* .form */
  .form .field, .formular .text, .form .messages {margin-top:15px;}
  .formular .text {float: left; width: 100%; clear: both;}
  .field-submit button + span {margin-left:7px;font-size: 11px;}
  .form .field:not(.field-radio):not(.field-checkbox) .hint {min-height: 13px;}
  .form .hint p, .form .messages p, .form .hint span, .form .messages span {clear:both;font-size:11px;line-height:13px;margin-top:5px;display:block;}

  .field input, .field select, .field textarea {font-size:15px;}
  .control .field-string input, .control .field-select select, .field-textarea textarea {border-width: 1px; border-style: solid;}

  .field-string input:not(:disabled), .field-select select:not(:disabled), .field-textarea textarea:not(:disabled) {border: 1px solid #e8e8e8;border-radius: 2px;}

  .field-string input:disabled, .field-select select:disabled, .field-textarea textarea:disabled {cursor: default;}
  .field:not(.field-checkbox):not(.field-input) input, .field textarea { padding:8px 12px; }
  .field select {padding: 7px 12px;}
  .field .control {margin-top:5px;}
  .field-select-important {width:calc(100% + 16px);margin-left:-16px;overflow:hidden;/*background:no-repeat 95% center url('data:image/gif;base64,R0lGODlhBgAGAJEBAAAAAO7u7rKysjs7OyH5BAEAAAEALAAAAAAGAAYAAAIOHA4jCBKWQlhNvmGnCwUAOw==');*/}
  .field-select-important select {border:0;background:transparent;width:100%;padding:9px 27px 9px 11px;height:100%;font-weight:400;}

/*
  .field-select:not(.field-multiselect) .label {float:left;margin:11px 11px 0 0;}
  .field-select:not(.field-multiselect) .control {margin-top:1px;float:left;}
*/

  .field-label-left-two-lines .label {margin-top:5px;line-height:15px;}

  .field-upload .control {float:left;margin:6px 0;}
  .field-upload .control img {margin:21px 0;}
  .field-upload .control button {margin:5px 0 4px;}
  .field-upload .table {width:100%;margin-top:0;}
  .field-checkbox .control input, .field-radio .control input {float:left;margin:2px 7px 2px 0;}

  .field:not(.field-checkbox):not(.field-radio) .label label::after {content:':';}
  .field-required:not(.field-checkbox):not(.field-radio) .label label::after {content:':*';font-family:Arial, sans-serif;}
  .field-checkbox.field-required .label label::after, .field-radio.field-required .label label::after {content:' *';font-family:Arial, sans-serif;}

  .form input[type="checkbox"], .form input[type="radio"] {cursor:pointer;}

  .field-benefit-image {position:relative;}
  .field-benefit-image img {position:absolute;top:77px;left:0;width:auto;height:150px;}

  .field-input-date {position:relative;}
  .field-input-date .moment-picker + .unicode {display:block;position:absolute;top:8px;left:108px;opacity:0.5;transition:opacity 0.1s linear;}
  .field-input-date .moment-picker + .unicode:hover {opacity:1;}
  /* jg -> ake mozesz to zmienic to dla szerokich inputów dla dat o formacie HH:mm DD-MM-YYYY */
  .field.wide .field-input-date .moment-picker + .unicode {left:185px;}

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

  /* grid-cols */
  .grid-cols > .grid-row {display: table;width: 100%;}
  .grid-cols > .grid-row > div {padding:15px;border-style: dotted;display: table-cell;vertical-align: top;}
  .grid-cols > .grid-row > div:not(:first-child) {border-left-width: 1px;}
  .grid-cols > .grid-row:not(:first-child) > .width-100 {border-top-width: 1px;}

  /* formular section */
  .formular section {border:1px solid transparent;margin:0 15px 15px 0;width:100%;float:left;}
  .formular section > h3 {font-weight: 500; font-size:15px}
  .formular section > h3 + .content, .formular section > h3 + div > .content {border-top: 1px dotted #dedede;}
  .formular .content > .width-100, .formular .content > .width-50:nth-child(2n+0), .formular .content > .width-33:nth-child(3n+0) {border-right:0;}
  .form > h3, section.grid > h3, .formular section > h3, .formular section > h3 + ol {padding: 15px 15px 13px 15px;}
  .formular .content > .field:last-child {border:0;}
  .formular .field-string .control input[type="password"], .formular .field-string .control input[type="text"]:not(.number), .formular .field-textarea .control textarea, .formular .field-textarea .control, .formular .field-textarea .control textarea, .formular .field-select select[multiple] {width:100%;}
  .formular .field-textarea .control textarea {height:150px;}

  /* field conditional - checkbox show/hide string */
  .field-conditional .field-checkbox, .field-conditional .field-radio {border:0;padding-bottom:0;}
  .field-conditional .field, .grid-cols > .grid-row > div > .field:first-child {margin-top:0;}
  .form .table .field {margin: 0; float: none; width: auto;}

  /* radios */
  .field-radios .field, .field-radios .control, .field-radios .label {float:left;margin:0;width:auto;clear:none;}
  .field-radios .field {margin-right:30px;padding:10px 0 0 0;border:0;}

  /* formular specific fields */
  .formular #field_subcategory {height:320px;}

  /* formular errors */
  .field .messages .message {font-size:11px;line-height:13px;margin-top:5px;}

  .fields-row {float: left; padding-bottom:11px; margin-bottom: 11px;}
  .fields-row .field {float: left; margin-top: 13px; margin-right: 41px;}
  .dcm-form .fields-row {padding: 15px;border-top: 1px dotted #e8e8e8;}

  .fields-locale {width: 100%; float: left;}
  .fields-locale .field {float: left;margin-top:0;width: calc(100% - 150px);}
  .fields-locale .field:first-child {width: 150px;}

  #order-form > div {padding: 15px;}
  #order-form > div h1, #order-form > div h2, #order-form > div h3 {width: 100%; float: left; clear: both; text-transform: uppercase;padding: 9px 15px;font-weight: 500;margin-left: -15px;}
  #order-form > div h2, #order-form > div h3 {margin-top: 21px;}
  #order-attachment .table tr > td:first-child {width: 100px;}
  .field--correspondence-address-house-number input, .field--correspondence-address-flat-number input, .field--correspondence-address-zip-code input, .field--place-of-residence-flat-number input, .field--place-of-residence-house-number input, .field--place-of-residence-zip-code input, .field--zip_code input, .field--house_no input, .field--apartment_no input, .field--area_code_spouse input, .field--area_code input {width: 100px;}
  .field--pesel input {width: 144px;}
  .field--e-mail_spouse input, .field--e-mail input, .field--city input, .field--street input, .field--surname_spouse input, .field--surname input {width: 275px;}

  /* .table */
  .table > table {width:100%;margin-bottom:15px;float:left;}
  .table > table > tbody > tr > th {padding:5px 15px;}
  .table > table > tbody > tr > td {vertical-align:middle;padding:15px;}
  .table > table > tbody > tr > td, .table > table > tbody > tr > th {border-right:1px dotted transparent;border-left:1px dotted transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;}

  .table > table > tbody > tr:nth-child(odd) > td {background-color: #f9f9f9; }
  .table > table > tbody > tr:nth-child(even) > td {background-color: #f7f7f7; }

  .action-select label, .action-select select {float: left;}
  .action-select label {line-height: 25px; height: 25px; display: inline-block;  font-size: 13px;}
  .action-select select {border: 1px solid #dedede; padding: 4px 8px; margin: 0 10px; line-height: 25px; height: 25px; border-radius: 2px; font-size: 13px; text-transform: uppercase; background: #f9f9f9;}

  /* scheme-events */
  #scheme-events .field-string input, .field-datepicker input {width:123px;}

/* page - Login */
  .page-login {text-align:center;}
  .page-login #content {display:inline-block;margin:0 auto;}
  .page-login .form .form {margin-top:31px;}

/* page - error */
  .page-error {text-align:center;}
  .page-error #content .text {width:320px;float:none;margin:0 auto;}
  .page-error .text li {list-style-type:none;}
  .page-error .text p strong {font-weight:bold;font-size:120%;line-height:120%;}
  .page-error .button {margin-top:11px;}
  .page-error #navbar h2 {font-size:49px;line-height:129px;margin-top:31px;}

  /* formular */
  .errName {color:#ec2224;}

  .text p {margin-bottom: 9px;}
  .text h2, .text h3 {margin-bottom: 9px; font-weight: bold;}

/* form-filters */
  .grid > footer {padding-top:13px;}
  .form-filters select { border:1px solid #eee;margin-right:13px;padding:3px;float:left;}

/* ui-grid */
  .formular .grid > header > h3 {float:left;padding:15px 15px 15px 0;}
  .formular .grid > header, .formular .grid .grid {border:0;margin:0;}

  #content > section .formular .grid header > h2 {font-size:13px;font-weight:500;}

  #ui-grid-footer-selection, .ui-grid-pager-panel {text-align: center; display: inline-block;}
  #ui-grid-footer-selection span, .ui-grid-pager-count-container, .ui-grid-pager-container, .ui-grid-pager-count-container .ui-grid-pager-count {float: none; clear: both; margin: 1px auto; display: inline-block;}
  .ui-grid .ui-grid-cell-contents {display:block;}
  .ui-grid abbr[title], .ui-grid dfn[title] {border:0;cursor: default;}
  .ui-grid-pager-control .ui-grid-pager-max-pages-number {vertical-align:baseline;padding-top:3px;}
  .ui-grid-pager-control .ui-grid-pager-max-pages-number abbr[title] {margin-top:-4px;display:inline-block;}
  .ui-grid-pager-control input {width:60px; padding: 6px 6px 6px 12px;}
  .ui-grid-row > div > div > span {display:block;padding:5px;float:left;}
  .ui-grid-row > div > div > span > ul > li, .ui-grid-icon-ok {float:left;}
  .ui-grid-row > div > div > span > ul > li::after {content:',';margin-right:7px;}
  .ui-grid-row .icons-small li {margin:2px 0 2px 5px;}
  .ui-grid-menu-button { width:26px;height:28px;border-right:0;border-top:0;border-bottom:0;padding-top:1px;}
  .ui-grid-menu-button .ui-grid-icon-container {margin-top:4px;}
  #ui-grid-footer-selection, .ui-grid-pager-count-container, .ui-grid-menu-button .ui-grid-icon-container [class^="ui-grid-icon"]::before, .ui-grid-menu-button .ui-grid-icon-container [class*=" ui-grid-icon"]::before {margin:0;width:100%;}
  .ui-grid-menu .ui-grid-menu-inner {box-shadow: none; -webkit-box-shadow:none; white-space: initial; border:0;background: #f3f3f3;}
  .ui-grid-menu .ui-grid-menu-inner ul li button {padding-right: 13px; white-space: nowrap;}
  .ui-grid-menu .ui-grid-menu-inner ul li button > i {margin-right: 7px;}
  .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {overflow: hidden; overflow-y: scroll; border: 1px solid #d4d4d4;}
  .ui-grid-cell input {background-color:#fff;border:1px solid #dedede;padding:2px 4px !important;}
  .ui-grid-row-header-cell .ui-grid-cell-contents {padding:0;}
  .ui-grid-row-header-cell .ui-grid-cell-contents .ui-grid-selection-row-header-buttons {padding:6px 5px;}
  .ui-grid-selection-row-header-buttons.ui-grid-icon-ok {padding: 2px 1px;}
  .ui-grid-cell-focus {background-color:transparent;}
  .ui-grid-menu-mid {min-height:200px;max-height:400px;}
  .ui-grid-header-cell div[ui-grid-filter] {top:0;right:0;position:absolute;color:#aaa;display:block;width:20px;height:100%;padding-top:5px;text-align:center;}
  .ui-grid-header-cell:last-child div[ui-grid-filter] {right:12px;}
  .ui-grid-header-cell .ui-grid-header-cell-label {font-size:11px;font-weight:normal;max-width:calc(100% - 15px);overflow:hidden;float:left;margin-top:1px;display:inline-block;}
  .ui-grid-header-cell div[ui-grid-filter]:hover {color:#555;}
  .ui-grid-icon-filter::before {content:'\c35f';}
  .ui-grid-column-filter-button {width: 14px; height: 100%; display: block;}
  .ui-grid-pager-row-count-label {margin-left: 5px;}
  .ui-grid-scrollbar-placeholder {background-color: #f1f1f1;}
  #ui-grid-footer-selection {margin: 6px 0;}

  /* TODO Zakomentowane ze wzgledu na problemy z grid na zyczenie AKE.
  .ui-grid-pager-panel {position:relative;padding-bottom:11px;padding-top:11px;overflow:hidden;}
  .content-grid, .ui-grid-viewport {height:auto !important;}*/
  #uiGridFilterPopup {position:absolute;background-color:#f0f0f0;padding:10px;border:1px solid #d4d4d4;font-size:11px;line-height:13px;}
  #uiGridFilterPopup input[type="text"], #uiGridFilterPopup .moment-picker input, #uiGridFilterPopup select {background-color:#fff;border:1px solid #dedede;padding:2px 4px;font-size:11px;line-height:13px;width: 113px;}
  #uiGridFilterPopup input[type="radio"], #uiGridFilterPopup input[type="radio"] + label {float:left;}
  #uiGridFilterPopup input[type="radio"] {margin-top:5px;}
  #uiGridFilterPopup input[type="radio"] + label {padding:5px 13px 0 5px;}
  #uiGridFilterPopup select {width:100%;min-width: 100px;}
  #uiGridFilterPopup > form > div > *:not(:last-child) {margin-bottom:5px;}
  #uiGridFilterPopup .field-input-date .moment-picker + .unicode {top:3px;left:101px;}
  [class^="ui-grid-icon"]::before, [class*=" ui-grid-icon"]::before {margin-right:0;width:8px;}

/* modal */
  .ngdialog.ngdialog-theme-default .ngdialog-content {width:70%;padding:13px;border-radius:2px;color:#3e3e3e;}
  .ngdialog-overlay {background: rgba(0,0,0,.6);}

  .modal .content {margin:13px 0;padding:0 13px;}
  .modal header {padding-bottom:7px;}
  .modal header h1 {font-weight:700;}
  .modal footer {overflow:hidden;padding-top:13px;}
  .modal .content ul {margin-top: 15px;}
  .modal .content ul ul, .modal .content ul li {margin-top: 7px;}
  .modal .content ul ul {margin-left: 13px;}

  .ngDialog {-webkit-transform: translate3d(0,0,0);}

/* password-change */
  #password-change {width:100%;}
  #password-change-form .field {width:25%;}

  #report-create-basic .grid-cols > .grid-row > div:first-child .field-datepicker input {width: 165px;}
  #report-create-basic .grid-cols > .grid-row > div:first-child .field-datepicker .field-input-date .moment-picker + .unicode {left: 150px;}


/* commons */
  .field-order-payment-payments .field-string label, .page-login .form .label, .ui-grid-row > div > div > span > ul > li:last-child::after, .logged > body > nav h2, .field-input-date .unicode, .field-conditional .field-radio + .field-string .label, .field-conditional .field-checkbox + .field-string .label, .field-conditional .field-radio + .field-select .label, .field-conditional .field-checkbox + .field-select .label, .field-conditional .field:not(.field-checkbox):not(.field-radio) .hint, #catalogue-scheduleRecords table .field > div:not(.control):not(.messages)  {display:none;}

/* media */
@media (max-width:479px) {
  #userWelcome > div:first-child, #userTools > ul:first-child {display:none;}
  .logged > body > header > div {float:right;}
  #userTools, .logged > body > header > #userMessages {position:absolute;top:9px;left:144px;z-index:1;}
  #userTools {left:auto;right:9px;top:26px;}
}

@media (min-width:480px) {
  .page-login #content > .form {width:388px;margin-right:0;}
  .logged > body > header > #userTools, .logged > body > header > #userMessages {float:right;}
}

@media (max-width:767px) {
  .page-login > body > header > h1 {width:130px;height:47px;margin:35px auto 0;}
  #userMessages {width:38px;height:36px;overflow:hidden;margin-top:7px;}

}

@media (min-width:720px) {
  .page-login #content {width:760px;}
  .page-login #content > section {padding:23px;text-align:left;float:right;height:300px;width:430px;}
  .page-login #content > .image {float:left;clear:none;width:300px;}
}

@media (min-width:768px) {
  .page-login > body > header > h1 {width:260px;height:94px;margin:70px auto 30px;}

  .logged > body > footer li:last-child a, .logged > body > footer li {float:left;}
  .logged > body > footer li:last-child {float:right;}
  .logged > body > footer li:last-child a::before {float:right;margin-left:13px;}

  .logged > body > nav > ul > li:hover > ul {animation-duration:0.2s;animation-name:fadein;animation-fill-mode:forwards;}

  .logged > body > header > div > div {height:48px;float:left;border-bottom-style:solid;border-bottom-width:1px;padding:7px 0;}
}

@media (max-width:930px) {
  .logged > body > header > div > div, #userTools {margin-left:15px;}
}

@media (min-width:931px) {
  .logged > body > header > div > div, #userTools {margin-left:31px;}
}

@media (max-width:1023px) {
  .logged > body > header {height:70px;font-size:11px;padding:9px 15px;}
  .logged > body > header > h1 {width:100px;float:left;font:0/0 a;text-shadow:none;color:transparent;background-position:0 50%}
  #userWelcome {margin-top:7px;}
  #userWelcome p span {display:none;}
  .logged > body > header > #userWelcome > div {width:auto;height:auto;border:0;clear:both;padding:0;font-weight:normal;}
}

@media (min-width:1024px) {
  .logged > body > header {height:87px;font-size:11px;padding:19px 15px;}
  .logged > body > header > h1 {width:131px;margin-right:40px;}
  .logged > body > header > #userWelcome > div {margin-left:0;}
  #userWelcome > div:first-child {width:100px;}
  #userWelcome > div span {clear:both;float:left;width:100%;display:block;font-weight:normal;}
}

@keyframes -webkit-loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}
@keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}

@-webkit-keyframes fadein {from { opacity:0;} to   { opacity:1;} }
@keyframes fadein {from { opacity:0;} to   { opacity:1;} }
@-webkit-keyframes spin {from {transform:rotate(0deg);} to {transform:rotate(360deg);} }
@keyframes spin {from {transform:rotate(0deg);} to {transform:rotate(360deg);} }

[date-picker] td, [date-picker] th {padding:5px !important;border-radius:0;}

.moment-picker td, .moment-picker th {line-height:29px;text-shadow:none;font-weight:normal;border-radius:0;}
.moment-picker .moment-picker-container {box-shadow:none;padding:0;}
.moment-picker td.selected {color:inherit;text-shadow:none;}

/*.sticky body {padding-top:48px;}*/
.sticky #content section > .formular > header, .sticky #content > section > .ng-scope > .grid > header {position:fixed;z-index:99;top:0;left:0;padding:9px 15px;border:1px solid transparent;margin-top:0;border-top:0;}
.sticky #content section > .formular > header + section, .sticky #content > section > .ng-scope > .grid > header + section {padding-top:48px;}

.form ::placeholder {color:#42424c;}
.form ::-webkit-input-placeholder {color:#42424c;}
.form ::-ms-input-placeholder {color:#42424c;}
.form :-ms-input-placeholder {color:#42424c;}
.form ::-moz-placeholder {color:#42424c;opacity:1;}
.form :-moz-placeholder {color:#42424c;opacity:1;}
.form input:focus::placeholder{color:transparent;}
.form input:focus::-webkit-input-placeholder{color:transparent;}
.form input:focus::-ms-input-placeholder{color:transparent;}
.form input:focus:-ms-input-placeholder{color:transparent;}
.form input:focus::-moz-placeholder{color:transparent;}
.form input:focus:-moz-placeholder{color:transparent;}

#manual-notification-basics .content .grid-cols:first-child .grid-row .width-50:first-child {display: none;}

.apply-filters-wrapper{
  float:right;
  clear:both;
}

/* person config */
#person-config-details-basics .grid-row > h2, #person-config-create-basics .grid-row > h2 {padding-left: 15px;min-width: 226px;}
#person-config-details-basics .grid-row, #person-config-create-basics .grid-row {display: flex;justify-content: space-between;align-items: center;align-content: center;}
#person-config-details-basics .grid-row .field-string .hint, #person-config-create-basics .grid-row .field-string .hint {min-height:0px;}
#person-config-details-basics .grid-row .field-string .messages, #person-config-create-basics .grid-row .field-string .messages {margin-top:0px;}
#person-config-details-basics .grid-cols > .grid-row > div:not(:first-child), #person-config-create-basics .grid-cols > .grid-row > div:not(:first-child) {border-left-width:0px;}
#person-config-details-basics .grid-row .field-checkbox, #person-config-create-basics .grid-row .field-checkbox {display: flex;flex-direction: column;align-items: center;}
#person-config-details-basics .grid-row .field-checkbox .control input, #person-config-create-basics .grid-row .field-checkbox .control input {margin:5px 0px 0px 0px;}