[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
.sza---debugBorderA {
   /*border: 1px solid black;*/
}
.sza---debugBorderB {
   border: 1px solid blue;
}
.sza---debugBorderC {
   border: 1px solid red;
}

.sza---contentMain {
   box-sizing: border-box;
   width:      100%;
   height:     inherit;
   /*padding:    10px 15px 10px 15px;*/
}
.sza---contentCols {
   display: table;
}
.sza---contentCols > * {
   display: table-column;
}

.sza---failure {
   color: red;
   font-weight: bold;
   text-align: center;
}

.sza---failureBorder {
   border: 1px solid red;
}

.sza---exclamation-mark {
   position: relative;
   vertical-align: middle;
   color: red;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   text-shadow: 1px 1px #FFFFFF;
   left: 2px;
   bottom: 2px;
}

.sza---success {
   color: green;
   font-weight: bold;
   text-align: center;
}

.sza---pending {
   color: blue;
   font-weight: bold;
   text-decoration: blink;
   text-align: center;
}

.sza---bold {
   font-weight: bold;
}

.sza---italic {
   font-style: italic;
}

.sza---gray,
.sza---grey {
   color: gray;
}

.sza---underline {
   text-decoration: underline;
}

/*.ui-grid-pager-panel {
   margin-left: 50% !important; 
   position: relative !important;
   margin-top: -30px;
   display: inline-block;
}*/

.sza--MyGrid {
   overflow: hidden;
}

/*.ui-grid-pager-container {
   margin-left: -195px !important;
}*/

/* ****************************************************************************
 * HTML ELEMENTS 
 * ****************************************************************************/

.uppercase {
   text-transform: uppercase;
}

.lowercase {
   text-transform: lowercase;
}

.capitalize {
   text-transform: capitalize;
}

select[data-is-required="true"] {
   font-weight: bold;
}

*[title]:not([title=""]),
*[ng-attr-title],
*[data-ng-attr-title],
*[tooltips] {
   cursor: help;
}

*[dropdown-menu],
*[data-dropdown-menu],
.pointer {
   cursor: pointer !important;
}
.pointer:hover {
   background-color: #bed0fa;
}

.helper {
   cursor: help;
}

.helper:hover {
   background-color: #bed0fa;
}

.margin-0-auto {
	margin: 0 auto;
}

.sza---middle {
   vertical-align: middle;
}

/* ****************************************************************************
 * simple form
 * ****************************************************************************/


.sza---simpleForm {
   display: table;
   border-collapse: separate;
   border-spacing:  3px;
}

.sza---simpleForm[data-fill="true"] {
   width: 100%;
}

.sza---simpleForm > * {
   display: table-row;
}

.sza---simpleForm > * > * {
   display: table-cell;
   /*padding-left: 5px;*/
   padding-right: 5px;
}

.sza---simpleForm > * > label {
   text-align: right;
}

.required,
.sza---simpleForm > * > label[required="true"],
.sza---simpleForm > * > label[required="required"] {
   font-weight: bold;
}

/* ****************************************************************************
 * ikonki
 * ****************************************************************************/

.sza---icon,
.sza---aicon {
   vertical-align: middle; 
}
.sza---aicon {
   cursor: pointer;
}

/* ****************************************************************************
 * formularz tabela
 * ****************************************************************************/

.sza---formTable {
   display: table;
   border-spacing: 2px;
}

.sza---formTable > div {
   display: table-row-group;
}

.sza---formTable > div > span {
    display: table-row;
}

.sza---formTable > div > div {
   display: table-cell;
   padding-left: 5px;
   padding-right: 5px;
}
.sza---formTable > div > span > div {
   display: table-cell;
   padding-left: 5px;
   padding-right: 5px;
}

.sza---formTable > div > div:nth-child(2n+1) {
   text-align: right;
}
.sza---formTable > div > div:nth-child(2n+2) {
   text-align: left;
}
/* ****************************************************************************
 * table
 * ****************************************************************************/

.sza---table {
   display:         table;
   border-collapse: separate;
   border-spacing:  1px;
   width:           100%;
}

/* table row */
.sza---table > * {
   display: table-row;
}

/* table cell */
.sza---table > * > * {
   display: table-cell;
   padding: 3px 5px 4px 5px;
}

.sza---table > *:first-child > * {
   font-weight: bold;
}

.sza---table > *:first-child > * > span {
   padding: 0;
   margin: 0;
}
/* sortowanie w tabeli dla nagłówka */
.sza---table > *:first-child > * > div {
   background: url("img/dartDnUp.gif") no-repeat right center;
   cursor: pointer;
   opacity: 0.5;
   width: 16px;
   height: 16px;
   display: inline-block;
}
.sza---table > *:first-child > * > div[data-ng-layout-content-sort-value="ASC"] {
   background: url("img/dartUp.gif") no-repeat center center;
}
.sza---table > *:first-child > * > div[data-ng-layout-content-sort-value="DESC"] {
   background: url("img/dartDn.gif") no-repeat center center;
}
.sza---table > *:first-child > * > div:hover {
   opacity: 1.0;
   width: 16px;
   height: 16px;
   display: inline-block;
}

.sza---table > *:nth-child(odd) {
   background-color: #e6ebf0;
}
.sza---table > *:nth-child(even) {   
   background-color: #f3f5f8;
}

.sza---table > *:first-child {
   display: table-header-group;
   background-color: transparent;   
}

.sza---table > *:hover:nth-child(n+2) {
   background-color: #bed0fa;
   color: black;
}
 
.sza---table > *.sza---tableCaption {
   background-color: transparent;
   display: table-caption;
}

/* ****************************************************************************
 * simple table
 * ****************************************************************************/
 
.sza---simpleTable {
   display:         table;
   border-collapse: separate;
   border-spacing:  1px;
   width:           100%;
}

.sza---simpleTable > * {
   display: table-row;
}

.sza---simpleTable > * > * {
   display: table-cell;
   padding: 3px 5px 4px 5px;
}
.sza---simpleTable > * > label {
   text-align: right;
}

.sza---table-white-space-pre-line {
    white-space: pre-line;
}
 
/* ****************************************************************************
 * dSearchMain
 * ****************************************************************************/

d-search-main {   
} 


 
.sza--DSearchMain---root {
   /*border:   5px solid red;*/
   top:      0px;
   left:     0px;
   height: 100%;
}

.sza--DSearchMain---content {
   /*border:   5px solid black;*/
   /*position: absolute;
   bottom:   -10px;
   left:     0px;*/
   left: 0px;
   top: -14px;
}

.sza--DSearchMain---content,
.sza--DSearchInline---content {
   height: 100%;
   background: #E7ECF0;
   padding:    0px 0px 0px 10px;
}
   
/**
 * Layout:
 *  <form ...>
 *   <div>
 *    <label>label 0</label><input name="inp0" />
 *    <label>label 1</label><input name="inp1" />
 *    <label>label 2</label><input name="inp2" />
 *   </div>
 *   <div>
 *    <label>label 3</label><input name="inp3" />
 *    <label>label 4</label><input name="inp4" />
 *    <label>label 5</label><input name="inp5" />
 *   </div>
 *   <div>
 *    <label></label> <label></label>
 *    <label></label> <label></label>
 *    <label></label> <input type="submit" value="save" />
 *   </div>
 *  </form>
 * Wygenerowany wygląd:
 *  +-------------+-------------+-------------+-------------+-------------+-------------+
 *  |     label 0 | [inp0]      | label 1     | [inp1]      | label 2     | [inp2]      |
 *  +-------------+-------------+-------------+-------------+-------------+-------------+
 *  |     label 3 | [inp0]      | label 4     | [inp0]      | label 5     | [inp0]      |
 *  +-------------+-------------+-------------+-------------+-------------+-------------+
 *  |             |             |             |             |             | [save]      |
 *  +-------------+-------------+-------------+-------------+-------------+-------------+
 *
 **/
.sza--DSearchMain---content > div,
.sza--DSearchInline---content > div {
   display: inline-flex;
   width: 100%;
}

.sza--DSearchMain---content > div > form, 
.sza--DSearchInline---content > div > form {
   display: table;
   border-collapse: separate;
   width: 100%;
}
   
.search-field {
   display: table-cell;
   white-space: nowrap;
}




.sza--DSearchMain---content > div > form > div.search-form > div.search-main-div, 
.sza--DSearchInline---content > div > form > div.search-form > div.search-main-div {
    display: table;
    border-collapse: separate;
    /*width: 85%;*/
}

.search-main-div > .search-row:not(:first-child) > label {
}

.sza--DSearchMain---content > div > form > div.search-form,
.sza--DSearchInline---content > div > form > div.search-form {
    display: table;
    width: 100%;
}

.sza--DSearchMain---content > div > form > div:not(.search-form),
.sza--DSearchMain---content > div > form > div.search-form > div.search-main-div > div,
.sza--DSearchInline---content > div > form > div.search-form > div.search-main-div > div,
.sza--DSearchInline---content > div > form >  div:not(.search-form) {
   display: table-row;
}

d-search-layout-field {
   display: contents;
}

d-search-layout-field > *, .search-main-div, .search-row{
   white-space: nowrap;
   display: table-cell;
   max-width: 300px;
}

d-search-layout-field > label {
   white-space: nowrap;
   text-align:  right;
}

.sza--DSearchMain---content > div > form > div > button,
.sza--DSearchMain---content > div > form > div.search-form > div.search-main-div > div > button,
.sza--DSearchInline---content > div > form > div.search-form > div.search-main-div > div > button,
.sza--DSearchInline---content > div > form > div > button {
   width: 100%;
}

.sza--DSearchMain---content > div > form > div > *:nth-child(n+1),
d-search-layout-field > label,
.sza--DSearchInline---content > div > form > div.search-form > div.search-main-div > div > label,
.sza--DSearchInline---content > div > form > div > *:nth-child(n+1) {
   padding-left: 5px;
   padding-right: 5px;
}

.sza--DSearchMain---icon {
   /*border:     5px solid blue;*/
   position:   absolute;
   top:        10px;
   left:       0px;
   min-width:  16px;
   width:      16px;
   max-width:  16px;
   min-height: 16px;
   height:     16px;
   max-height: 16px;
   opacity:    0.5;
   cursor:     pointer;
   z-index:    -1;
   background: url("img/dartUp.gif") no-repeat center center; 
}
.sza--DSearchMain---icon:hover {
   opacity: 1.0;
}
.sza--DSearchMain---icon[data-switch="true"] {
   background: url("img/dartDn.gif") no-repeat center center; 
}
.sza--DSearchMain---icon[data-switch="false"] {
   background: url("img/dartUp.gif") no-repeat center center; 
}

div.search-form .d-simple-suggest-fixed-field {
   width: 98% !important;
}


.search-main-bookmarks-row {
   margin-left: -15px;
   margin-top: -1px;
   display: block !important;
   float: left;
   direction: rtl;
}

.search-main-bookmarks {
   font-family: 'Poppins', sans-serif;
   position: relative;
    display: inline-block !important;
    margin-bottom: 5px;
    margin-top: 0;
    padding: 0;
    color: #101010;
    font-size: 13px;
    direction: ltr;
   }

.search-main-bookmark-right:not(:first) {
   margin-top: -22px !important;
}

.search-main-bookmarks-row-unready {
   display: none !important;
}

.search-main-bookmarks > li {
   padding: 3px 20px 3px 7px;
   list-style: none;
   margin: 0;
   position: relative;
}

.search-main-bookmarks > li:hover:not(.active) {
   color:#c7c5c5;
   font-weight: 400;
   background: #f9f4f4;
   cursor: pointer;
}

.search-main-bookmarks > li.inactive {
   font-weight: 400;
   background: #ffffff;
   color: #000000;
   box-shadow: inset -2px 1px 13px -5px rgba(0,0,0,0.3);
}

.search-main-bookmarks > li.active {
   font-weight: 600;
   background:transparent;
   color: #000;
   z-index: 10;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
.search-main-bookmarks > li.active:last-child {
   box-shadow: 2px -8px 12px -3px rgba(0, 0, 0, 0.3);
}

/* ****************************************************************************
 * dInputLoader
 * ****************************************************************************/
 
d-input-loader[ng-input-loader-warning="true"],
d-input-loader[data-ng-input-loader-warning="true"] {
   padding-left: 16px;
   background: url("img/warning.png") no-repeat left center; 
}

/* ****************************************************************************
 * angucomplete-description
 * ****************************************************************************/
.suggest-x .angucomplete-description,
d-simple-suggest .angucomplete-description {
   font-size: 9px;
   color: gray;
} 

.suggest-x .angucomplete-row,
d-simple-suggest .angucomplete-row {
   margin-bottom: 0;
   padding-top: 0;
   padding-bottom: 0;
}

/* ****************************************************************************
 * dAccessPoint
 * ****************************************************************************/

.sza-dAccessPoint---black {
   color: black;
}

.sza-dAccessPoint---blue {
   color: #0aa7c2;
}

/* ****************************************************************************
 * dPort
 * ****************************************************************************/

.sza-dPort---black {
   color: black;
}

.sza-dPort---green {
   color: black;
   background-color: #a8d154;
}

/* ****************************************************************************
 * dCalendarTime
 * ****************************************************************************/
d-calendar-time {
   display: inline-block;
   vertical-align: middle;
}
 
.sza--DCalendarTime---input {
   max-width: 50px;
   min-width: 50px;
}

.sza--DCalendarTime---wrapper {
   position:   absolute;
   max-width:  800px;
   min-width:  800px;
   overflow-x: hidden;
   box-shadow: 5px 5px 15px #888888;
   background-color: white;
   top:0%;
   left:0%;
   right:0%;
   bottom:0%;  
   z-index: 1;
}

.sza--DCalendarTime---popup {
   display:         table;
   border-collapse: collapse;
   overflow:        scroll;
   width:           100%;
}

.sza--DCalendarTime---popup > * {
   display: table-row;
   border-bottom:  1px solid #BBBBBB;
}

.sza--DCalendarTime---popup > *:hover {
   background-color: #bdddda;
}

.sza--DCalendarTime---popup > * > * {
   display: table-cell;
   padding: 3px 5px 4px 5px;
   cursor:  pointer;
}

.sza--DCalendarTime---popup > * > *:first-child {
   border-right: 1px solid #BBBBBB;
   -webkit-user-select: none; /* Chrome/Safari */        
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* IE10+ */
   
   /* Rules below not implemented in browsers yet */
   -o-user-select: none;
   user-select: none;
   text-align: center;
   width: 45px;
}

.sza--DCalendarTime---popup > * > * > * {
   display: inline-block;
}
.sza--DCalendarTime---popup > * > * > *:not(:last-child) {
   border-bottom: 1px solid #CCCCCC;
}
.sza--DCalendarTime---popupCellHover {
   background-color: #bed0fa;
}

.sza--MyGrid
{
   height:inherit;
   max-height:inherit;
   border-color: white;
}

.sza--RowGridClick {
   cursor: pointer;
}
.sza--RowGridClick:hover {
   color: #054ead;
}

.sza--OperationList {
   cursor: pointer;
   width: 100%; 
   height: 100%;
}
.sza--OperationList:hover {
   color: #5aa0fa;
}

.sza--OperationListContent {
   position: absolute; 
   width: 50px; 
}

/* *****************************************************************************
 * dUiToasterReceiver
 * ****************************************************************************/
d-ui-toaster-receiver { }
d-ui-toaster-receiver > div[class*="toastx"] {
   color: #ffffff;
   opacity: 0.8;
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
   filter: alpha(opacity=80);
   
   background-position: 5px center;
   background-repeat: no-repeat; 
   padding: 15px 15px 15px 35px;
}
d-ui-toaster-receiver > div.toastx-none {
  background-image: none;
}
d-ui-toaster-receiver > div.toastx-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
d-ui-toaster-receiver > div.toastx-wait {
  background-image: url("data:image/gif;base64,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") !important;
}
d-ui-toaster-receiver > div.toastx-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
d-ui-toaster-receiver > div.toastx-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
d-ui-toaster-receiver > div.toastx-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

d-ui-toaster-receiver > div > * {
}

/* ****************************************************************************
 * dUiLoader
 * ****************************************************************************/

.us-spinner-wrapper {
    position: absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    overflow:hidden;
    background: none;
    transition: background 0.1s ease;
    pointer-events: none;
    z-index: 9;
}

.us-spinner-wrapper.loading {
    pointer-events: auto;
        background: rgba(125, 125, 125, 0.2);
}

.local-loader-wrapper {
   display: inline-block; 
   position: relative;
   width: 100%;
}
/* *****************************************************************************
 * uiDialog
 * ****************************************************************************/
.sza---ui-dialog-title {
   font-weight: bold;
   cursor: move;
   text-align: center;
   border-bottom: 1px solid scrollbar;
   padding-top: 5px;
   padding-bottom: 5px;
   
}
.sza---ui-dialog-title:hover {
   background-color: rgba(0, 0, 0, 0.05);
}

.sza---ui-dialog-buttons {
   text-align:  center; 
   padding-top: 8px;
}

.sza--DClientAgreeType---window{
   display: block;
   border: 1px solid black;
   position: absolute !important;
   padding: 3px;
   background-color: white;
   text-align: left;
   width: 150px;
   z-index:100;
}

.sza--DAgreeProps---window{
   display: block;
   border: 1px solid black;
   position: absolute;
   padding: 3px;
   background-color: white;
   text-align: center;
   right: 65%;
   top: 0%;
   z-index: 100;
}

.sza--window{
   display: block;
   border: 1px solid black;
   position: absolute !important;
   padding: 3px;
   background-color: white;
   text-align: left;
   width: 250px;
   z-index:100;
}

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary[disabled="disabled"],
.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary[disabled="true"] {
  background: #ff0000;
  color: #fff;
  cursor: not-allowed;
  text-decoration: line-through;
}

.sza---separator{
   color: white;
   border: 1px solid white;
   background-color: white;
   width: 97%;
   position: absolute;
}

.dropdown-bookmark {
    display: none;
    position: absolute;
    z-index: 1000;
}
.dropdown-bookmark div {
    right: -3000px;
    position: absolute;
    text-align: left;
    top: 0;
    z-index: 1000;
    
    
}
.dropdown-bookmark ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    list-style-type: none;
    border-color: #888;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px;
    margin: 0 30px 30px -60px;
    padding: 3px;
    z-index:1000;
    background: #fff;
    border-radius: 7px;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    cursor: pointer;
    outline: none;
    font-size: 14px;
}
.dropdown-bookmark div ul {
    margin: 30px 30px 30px 0;
}
.four .dropdown-bookmark ul {
    width: 190px;
}
.four .dropdown-bookmark div ul {
    margin: 0px 0 30px 30px;
    position: relative;
}
.four a {
    border-right: 0 none;
}
.nav ul ul a {
    border-bottom: 1px solid #888;
    border-right: 0 none;
    color: #fff;
}
.dropdown-bookmark li {
    position: relative;
    vertical-align: bottom;
    text-decoration: none;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    cursor: pointer;
    font-size: 14px;
    min-width: 95px;
}
.parent:hover div.dropdown-bookmark {
    display: block;
    z-index: 2000;
}
.dropdown-bookmark li:hover div {
    top: 15px;
    z-index: 2000;
}

.one ul {
    background: #f1f1f1 none repeat scroll 0 0;
}
.two ul {
    background: #f1f1f1 none repeat scroll 0 0;
}
.three ul {
    background: #f1f1f1 none repeat scroll 0 0;
}
.four ul {
    background: #f1f1f1 none repeat scroll 0 0;
}
.dropdown-bookmark div ul {
    background: #f1f1f1 none repeat scroll 0 0;
}
.dropdown-bookmark div ul a {
    color: #f1f1f1;
}

.scroller {
   height: inherit !important;
   overflow: hidden !important;
   position: relative;
}

.ui-grid-header-cell.ui-grid-clearfix {
   position: relative !important;
}
.ui-grid-top-panel, .ui-grid-header-cell-wrapper {
   position: unset !important;
}
/*Dla kontrolki md-input-container z angularjs material by ukryć część od błędów ( jeżeli nie potrzebne )
W wykorzystaniu <md-input-container> należy dopisać class="hide-validation-error" by ukryć część wyświetlającą błędy.
*/
.hide-validation-error .md-errors-spacer { 
     /*display: none; */
     min-height:10px;
     max-height:10px;
}


md-autocomplete[md-floating-label] md-input-container {
     max-width: 100% !important;
}

md-input-container .md-auto-horizontal-margin{
     max-width: 100% !important;
}

.custom-input-class {
     max-width: 100% !important;
}

.change-autocomplete-display md-autocomplete-wrap,
md-autocomplete[md-floating-label] md-autocomplete-wrap {
     display: block;
     height: 20px;
     top: -10px;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container, .md-standard-list-container.md-autocomplete-suggestions-container {
   margin-top: 50px;
   z-index: 1000;
}


md-autocomplete md-progress-linear { 
     top: 40px;
}
/*Style dla selecta z md-input-container by pokazywało się nad wyszukiwarką.*/
.md-select-menu-container {
    z-index: 900;
}
md-backdrop.md-select-backdrop {
    z-index: 899;
}

.selectdemoSelectHeader {
  /* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */ }
  .selectdemoSelectHeader .demo-header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0; }
  .selectdemoSelectHeader .demo-select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 16px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    width: auto; }
  .selectdemoSelectHeader md-content._md {
    max-height: 240px; }
  .selectdemoSelectHeader md-input-container {
    min-width: 112px; }

/*style dla autossugesta (md-autocomplete) z material*/
md-autocomplete#custom-template {
  width: 200px;
}
.autocomplete-custom-template .md-autocomplete-suggestion {
  border-bottom: 1px solid #ccc;
  height: auto;
  padding-top: 4px;
  padding-bottom: 4px;
  white-space: normal;
}
.autocomplete-custom-template .md-autocomplete-suggestion:last-child {
  border-bottom-width: 0;
}
.autocomplete-custom-template .item-title,
.autocomplete-custom-template .item-metadata {
  display: block;
  line-height: 2;
}
.autocomplete-custom-template .item-metadata {
  font-size: 10px;
}
.custom-container {
  min-width: 300px !important;
}

.md-select-menu-container {
     z-index: 1000;
     margin-top: 40px;
}

.md-autocomplete-suggestions .md-autocomplete-suggestion{
     line-height: 15px;
}

md-autocomplete > * > md-input-container {
  top: 18px !important;
}

md-input-container {
     height: 30px !important;
     display: table-cell !important;
     top: 5px !important;
}
md-input-container .md-input {
     height: 26px;
     min-width: 100px;
}
md-input-container md-select .md-select-value {
    min-height: 16px;
    max-width: 140px;
    min-width: 50px;
}
md-input-container md-select {
    max-width: 140px;
    min-width: 50px;
}
md-input-container textarea, md-input-container input[type="text"], md-input-container input[type="password"], 
md-input-container input[type="datetime"], md-input-container input[type="datetime-local"], 
md-input-container input[type="date"], md-input-container input[type="month"], 
md-input-container input[type="time"], md-input-container input[type="week"], 
md-input-container input[type="number"], md-input-container input[type="email"], 
md-input-container input[type="url"], md-input-container input[type="search"], 
md-input-container input[type="tel"], md-input-container input[type="color"] {
     height: 22px;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore), md-input-container .md-placeholder {
     height: 20px;
}
md-input-container.md-input-focused label:not(.md-no-float), 
md-input-container.md-input-has-placeholder label:not(.md-no-float), 
md-input-container.md-input-has-value label:not(.md-no-float) {
    transform: translate3d(0, 12px, 0) scale(0.75);
}

/* Przy wyświetlaniu pola wyszukiwarki w uigridzie jest przesunięcie o 5px żeby zawartość była bardziej wyśrodkowana */ 
.ui-grid-header-cell md-input-container.md-input-focused label:not(.md-no-float), 
.ui-grid-header-cell md-input-container.md-input-has-placeholder label:not(.md-no-float), 
.ui-grid-header-cell md-input-container.md-input-has-value label:not(.md-no-float) {
    transform: translate3d(0, 17px, 0) scale(0.75) !important
}

md-input-container::after {
     min-width: 100px;
}

d-search-layout-field md-input-container.md-default-theme.md-input-has-value:not(.md-input-invalid):not(.md-input-focused) .md-input, 
d-search-layout-field md-input-container.md-input-has-value:not(.md-input-invalid):not(.md-input-focused) .md-input {
   border-color: #41c300;
   padding-bottom: 0;
   border-width: 0 0 2px 0;
}

@media (max-width: 800px) {
    .login-mobile-check {
          transform:scale(2);
    }
}

.rzslider .rz-pointer {
   top: -6px;
   width: 16px;
   height: 16px;
}

.rzslider .rz-pointer:after {
   top: 5px;
   left: 5px;
   width: 6px;
   height: 6px;
}

.rzslider .rz-bubble {
   bottom: 8px;
}

.rzslider.rz-vertical .rz-bubble  {
   left: 8px !important;
}

.rzslider.rz-vertical .rz-pointer {
   left: -7px !important;
}

.md-date-range-picker {
   max-width: 340px;
}

.md-date-range-picker__month-year  {
   font-size: 0.8rem;
}

.md-date-range-picker__calendar-wrapper {
   width: 215px;
   min-width: 215px;
}

.md-date-range-picker__calendar__grid {
   font-size: 12px;
   width: 30px;
   height: 30px;
   line-height: 30px;
}

.md-date-range-picker__month-year md-select {
   margin: 5px 0;
}

.select2-results .dtv-is-suggested, .dtv-selected-suggested  {
   color: #7da700;
}

.select2-results .select2-highlighted .dtv-is-suggested {
   color: #bfff00;
}

md-icon {
     min-height: 16px;
     height: 16px;
     min-width: 16px;
     width: 16px;
     font-size: 16px !important;
}

.ui-datepicker {
	z-index: 10001 !important;
}

.ui-grid-render-container {
	height: inherit;
}

md-card md-card-header{
	padding: 8px;
}

md-card md-card-content{
	padding: 4px;
}

md-card md-card-footer{
	padding: 8px;
}

md-card .md-button{
	line-height:20px;
	font-size: 12px;
	font-family: tahoma;
	text-transform: none;
	min-height: 20px;
	min-width: 20px;
	margin: 0px;
}

.md-title {
	font-size: 14px !important;
	font-weight: bold !important;
}

.ui-grid-cell-contents{
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.ui-grid-invisible{
	visibility: '';
	display: none;
}

.ui-grid-menu-mid{
   max-height: 100% !important;
   overflow:hidden !important;
}

/*styl dla biblioteki isteven multi select by zrobić wybór jeden pod drugim*/
#changeToVertical > span > button {
    white-space: pre-line;
    width: 400px !important;
}

.payments-cell-settlement {
    color:blue; 
    text-align: right; 
    width: 100%; 
    display: inline-block;
}
.payments-cell-obligation {
    color:red; 
    text-align: left; 
    width: 100%; 
    display: inline-block;
}

.footer-payments-describe {
    border-bottom: 1px solid #afafaf;
    height:35px; 
    width: 100%; 
    display: grid; 
    align-items: center; 
    text-align:right;
}
.footer-payments-cell {
    border-bottom: 1px solid #afafaf; 
    height:35px; 
    width: 100%; 
    display: grid; 
    align-items: center; 
    text-align:center;
}

.footer-payments-line-break {
    background-color: white; 
    border-bottom: 1px solid #afafaf; 
    height:15px; 
    width: 100%; 
    display: block; 
    text-align:right;
}

md-dialog{
    background: #d9e1ea;
    border: 1 solid #a8d154;
    border-radius: 5px;
    color: #252525;
    font-family: 'Helvetica',sans-serif;
    font-size: 1.1em;
    margin: 0 auto;
    max-width: 80%;
    width: auto !important;
    min-width: 50%;
    padding: 3px;
}

.overlay-block-page {
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    font-size: 24px;
    text-align: center;
    padding-top: 40vh;
    z-index: 9999;
}

/*nadpisanie szerokości autosuggesta z biblioteki css angularjs-material*/
md-autocomplete {
  min-width: 150px;
}