/* CZCIONKI */

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/MaterialIcons-Regular.eot');
    /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'), url('../fonts/MaterialIcons-Regular.woff2') format('woff2'), url('../fonts/MaterialIcons-Regular.woff') format('woff'), url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
}

/* latin-ext */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'), local('Roboto-Thin'), url('../fonts/roboto-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'), local('Roboto-Thin'), url('../fonts/roboto-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto-reg-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto-reg-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/roboto-lt-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/roboto-lt-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */

    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    /* Support for all WebKit browsers. */

    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */

    text-rendering: optimizeLegibility;
    /* Support for Firefox. */

    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */

    font-feature-settings: 'liga';
}

.material-icons.md-12 {
    font-size: 12px;
}

.material-icons.md-14 {
    font-size: 14px;
}

.material-icons.md-16 {
    font-size: 16px;
}

/* USTAWIENIA OGÓLNE */

.mdl-textfield__input {
    font-size: 12px;
    padding-bottom: 7px;
}

html, body, a {
    font-weight: 300;
    font-size: 11px;
}

.mdl-textfield__input::-webkit-input-placeholder { /* WebKit browsers */
    color: #B8BDC7;
}

.mdl-textfield__input::-moz-placeholder { /* Firefox 19+ */
    color: #B8BDC7;
}

.mdl-textfield__input:-ms-input-placeholder { /* IE 10+ */
    color: #B8BDC7;
}

.mdl-textfield__input:-moz-placeholder { /* Firefox 18- */
    color: #B8BDC7;
}

.mdl-layout__drawer {
    background: #78909C;
    color: #fff;
    border-right: none;
}

.mdl-layout__header {
    box-shadow: none;
    min-height: 30px;
    max-height: 30px;
    z-index: 3;
    background-color: rgb(33, 150, 243);
}

.mdl-layout__drawer-button {
    height: 20px;
}

.mdl-layout__content {
    background: #fff
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    color: #fff;
    font-weight: 300;
    padding: 2px 20px;
    border-bottom: 1px dotted #B0BEC5
}

.mdl-layout__drawer .padding {
    padding: 0px 20px;
    padding-top: 0px;
}

.mdl-layout__drawer .bgblue {
    background: #2196f3;
    padding: 0 0;
    margin: 0 0
}

.mdl-card__media {
    background: #2196f3;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
    background: #2196f3;
    color: #fff;
    font-weight: 300;
}

.mdl-mini-footer {
    padding: 0px 16px;
    color: #90A4AE;
    background-color: #ECEFF1;
}

.mdl-navigation .active {
    background: #546E7A;
    color: #fff;
    font-weight: 300;
}

.page-content {
    padding-bottom: 40px
}

.mdl-cell {
    /*background: #fff*/
}

.locked {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url('images/bg.jpg');
    background-size: cover;
    padding: 0 0;
    margin: 0 0;
}

.mg-right {
    margin-right: 10px
}

.mg-left {
    margin-left: 10px
}

.white-font {
    color: #fff
}

.xxs-font {
    font-size: 10px
}

.xs-font {
    font-size: 11px
}

.md-font {
    font-size: 12px
}

.lg-font {
    font-size: 14px
}

.xl-font {
    font-size: 19px
}

.xxl-font {
    font-size: 22px
}

.top20 {
    margin-top: -20px
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

#footer-content {
    margin: 20px 0;
}

.wide {
    width: 100%;
}

.page-title {
    display: block;
    font-size: 16px;
    min-height: 0;
    overflow: hidden;
    width: 100%;
    z-index: 1;
    position: relative;
    background: #ECEFF1;
    border: none;
    padding: 10px 0px;
    margin: 0 0;
    border-bottom: 1px dotted #CFD8DC
}

.clearall {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.clearmargin {
    padding-top: 0px;
    padding-bottom: 0px;
}

.clearpadding {
    margin-top: 0px;
    margin-bottom: 0px;
}

.pointer {
    cursor: pointer
}

.mdl-textfield.is-invalid .mdl-textfield__xtest {
    visibility: hidden;
}

.mdl-textfield.is-valid .mdl-textfield__xtest:after {
    visibility: visible;
}

.mdl-textfield__input {
    width: 70%
}

.alert {
    padding: 5px;
    border: none;
    border-radius: 4px;
    font-size: 12px;
}

.alert button {
    border: none;
    background: transparent;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 12px;
}

.alert-own-red {
    background: #FF5252;
    color: #fff
}

.alert-own-red .close {
    background: transparent;
    color: #fff
}

.alert-own-green {
    background: #CFD8DC;
    color: #000
}

.modal {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 0 0;
    margin: 0 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 2;
    overflow: hidden;
}

.modal-unvisible {
    display: none;
}

.modal {
    -webkit-animation-duration: .2s;
    /* Chrome, Safari, Opera */

    animation-duration: .2s;
}

.progressbar {
    background: #CDDC39 !important
}

.auxbar {
    background: #ECEFF1 !important
}

.dd-content {
    font-weight: normal !important
}

.unactive {
    color: #00E5FF !important
}

.prod_name {
    width: 55%;
    margin: 0 0;
    padding: 0 0;
    padding-top: 5px;
    margin-top: -2px;
    border: none;
    font-size: 11px;
}

input:focus {
    outline: none !important;
}

.mdl-spinner__circle {
    border-color: #eceff1;
}

.mdl-textfield__error {
    color: #00b8d4;
}

.mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: #00b8d4;
}

.start .mdl-button {
    background: #455A64 !important;
    color: #fff !important;
    line-height: 20px;
}

.start .heightstart {
    height: 25% !important;
}

.header-height img {
    max-height: 65px
}

.start .mdl-button:hover {
    background: #CFD8DC !important;
    color: #212121 !important
}

.struktura .mdl-button {
    color: #fff !important;
}

.vert-align {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.pagination {
    margin: 0 auto
}

.pagination li {
    display: inline-block;
    font-size: 20px;
    padding: 5px 8px;
    line-height: 20px;
    border-radius: 2px;
    text-align: center;
    list-style-type: none;
}

.pagination li a {
    color: #455A64;
    text-decoration: none;
    font-size: 20px;
    padding: 5px;
}

.pagination li.active a {
    color: #fff;
}

.pagination li.active {
    background-color: #276eb6;
    padding: 5px 10px;
    color: #fff;
}

.pagination li.disabled a {
    cursor: default;
    color: #CFD8DC;
}

.pagination li i {
    font-size: 2rem;
}

.pagination li.pages ul li {
    display: inline-block;
    float: none;
}

[class^="mdi-"], [class*="mdi-"] {
    speak: none;
    vertical-align: middle;
    display: inline-block;
    font-family: "Material Icons";
    font-size: 18px !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-rendering: auto;
    /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.mdi-navigation-chevron-left:before {
    content: "\E5CB";
}

.mdi-navigation-chevron-right:before {
    content: "\E5CC";
}

.mdi-hardware-keyboard-control:before {
    content: "\E5D3";
}

.start .heightstart .material-icons {
    font-size: 7vw;
    margin-bottom: 7px;
}

.start .heightstart:hover .material-icons {
    color: #212121;
}

.start .heightstart .vert-align {
    font-size: 1vw;
}

.header-color {
    background: #607D8B;
    color: #fff
}

.header-color-mini {
    background: #78909C;
    color: #fff
}

/* ---------------------------------------------------------------------- */

/*  Panels
/* ---------------------------------------------------------------------- */

.panel {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 1px 2px #c3c3c3;
    -moz-box-shadow: 0 1px 2px #c3c3c3;
    box-shadow: 0 1px 2px #c3c3c3;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #8b91a0;
    border: none;
    position: relative;
}

.panel-grey, .partition-grey {
    background-color: #8b91a0;
    position: relative;
    background-color: #999eab 0px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#999eab 0px), to(#8b91a0 100%));
    background-image: -webkit-linear-gradient(top, #999eab 0px, #8b91a0 100%);
    background-image: -moz-linear-gradient(top, #999eab 0px, #8b91a0 100%);
    background-image: -ms-linear-gradient(top, #999eab 0px, #8b91a0 100%);
    background-image: -o-linear-gradient(top, #999eab 0px, #8b91a0 100%);
    background-image: linear-gradient(top, #999eab 0px, #8b91a0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#999eab 0px', endColorStr='#8b91a0 100%');
    color: #141518;
}

.panel-grey .panel-tools .btn, .panel-grey .panel-tools > a, .partition-grey .panel-tools .btn, .partition-grey .panel-tools > a {
    color: rgba(20, 21, 24, 0.7) !important;
}

.panel-grey .panel-tools .btn:hover, .panel-grey .panel-tools > a:hover, .partition-grey .panel-tools .btn:hover, .partition-grey .panel-tools > a:hover {
    color: #141518 !important;
}

.panel-light-grey, .partition-light-grey {
    background-color: #dfe1e5;
    position: relative;
    background-color: #edeef0 0px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#edeef0 0px), to(#dfe1e5 100%));
    background-image: -webkit-linear-gradient(top, #edeef0 0px, #dfe1e5 100%);
    background-image: -moz-linear-gradient(top, #edeef0 0px, #dfe1e5 100%);
    background-image: -ms-linear-gradient(top, #edeef0 0px, #dfe1e5 100%);
    background-image: -o-linear-gradient(top, #edeef0 0px, #dfe1e5 100%);
    background-image: linear-gradient(top, #edeef0 0px, #dfe1e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#edeef0 0px', endColorStr='#dfe1e5 100%');
    color: #8b91a0;
}

.panel-light-grey .panel-tools .btn, .panel-light-grey .panel-tools > a, .partition-light-grey .panel-tools .btn, .partition-light-grey .panel-tools > a {
    color: rgba(139, 145, 160, 0.7) !important;
}

.panel-light-grey .panel-tools .btn:hover, .panel-light-grey .panel-tools > a:hover, .partition-light-grey .panel-tools .btn:hover, .partition-light-grey .panel-tools > a:hover {
    color: #8b91a0 !important;
}

.panel-orange, .partition-orange {
    background-color: #f58a5c;
    position: relative;
    background-color: #f69b74 0px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f69b74 0px), to(#f58a5c 100%));
    background-image: -webkit-linear-gradient(top, #f69b74 0px, #f58a5c 100%);
    background-image: -moz-linear-gradient(top, #f69b74 0px, #f58a5c 100%);
    background-image: -ms-linear-gradient(top, #f69b74 0px, #f58a5c 100%);
    background-image: -o-linear-gradient(top, #f69b74 0px, #f58a5c 100%);
    background-image: linear-gradient(top, #f69b74 0px, #f58a5c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f69b74 0px', endColorStr='#f58a5c 100%');
    color: white;
}

.panel-orange .panel-tools .btn, .panel-orange .panel-tools > a, .partition-orange .panel-tools .btn, .partition-orange .panel-tools > a {
    color: rgba(255, 255, 255, 0.7) !important;
}

.panel-orange .panel-tools .btn:hover, .panel-orange .panel-tools > a:hover, .partition-orange .panel-tools .btn:hover, .partition-orange .panel-tools > a:hover {
    color: white !important;
}

.panel-purple, .partition-purple {
    background-color: #804c75;
    position: relative;
    background-color: #905684 0px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#905684 0px), to(#804c75 100%));
    background-image: -webkit-linear-gradient(top, #905684 0px, #804c75 100%);
    background-image: -moz-linear-gradient(top, #905684 0px, #804c75 100%);
    background-image: -ms-linear-gradient(top, #905684 0px, #804c75 100%);
    background-image: -o-linear-gradient(top, #905684 0px, #804c75 100%);
    background-image: linear-gradient(top, #905684 0px, #804c75 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#905684 0px', endColorStr='#804c75 100%');
    color: white;
}

.panel-purple .panel-tools .btn, .panel-purple .panel-tools > a, .partition-purple .panel-tools .btn, .partition-purple .panel-tools > a {
    color: rgba(255, 255, 255, 0.7) !important;
}

.panel-purple .panel-tools .btn:hover, .panel-purple .panel-tools > a:hover, .partition-purple .panel-tools .btn:hover, .partition-purple .panel-tools > a:hover {
    color: white !important;
}

.panel-pink, .partition-pink {
    background-color: #dd5a82;
    position: relative;
    background-color: #e16f92 0px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e16f92 0px), to(#dd5a82 100%));
    background-image: -webkit-linear-gradient(top, #e16f92 0px, #dd5a82 100%);
    background-image: -moz-linear-gradient(top, #e16f92 0px, #dd5a82 100%);
    background-image: -ms-linear-gradient(top, #e16f92 0px, #dd5a82 100%);
    background-image: -o-linear-gradient(top, #e16f92 0px, #dd5a82 100%);
    background-image: linear-gradient(top, #e16f92 0px, #dd5a82 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e16f92 0px', endColorStr='#dd5a82 100%');
    color: white;
}

.panel-pink .panel-tools .btn, .panel-pink .panel-tools > a, .partition-pink .panel-tools .btn, .partition-pink .panel-tools > a {
    color: rgba(255, 255, 255, 0.7) !important;
}

.panel-pink .panel-tools .btn:hover, .panel-pink .panel-tools > a:hover, .partition-pink .panel-tools .btn:hover, .partition-pink .panel-tools > a:hover {
    color: white !important;
}

.panel-azure, .partition-azure {
    background-color: #00bdcc;
    position: relative;
    background-color: #00d5e6 0px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00d5e6 0px), to(#00bdcc 100%));
    background-image: -webkit-linear-gradient(top, #00d5e6 0px, #00bdcc 100%);
    background-image: -moz-linear-gradient(top, #00d5e6 0px, #00bdcc 100%);
    background-image: -ms-linear-gradient(top, #00d5e6 0px, #00bdcc 100%);
    background-image: -o-linear-gradient(top, #00d5e6 0px, #00bdcc 100%);
    background-image: linear-gradient(top, #00d5e6 0px, #00bdcc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00d5e6 0px', endColorStr='#00bdcc 100%');
    color: white;
}

.panel-azure .panel-tools .btn, .panel-azure .panel-tools > a, .partition-azure .panel-tools .btn, .partition-azure .panel-tools > a {
    color: rgba(255, 255, 255, 0.7) !important;
}

.panel-azure .panel-tools .btn:hover, .panel-azure .panel-tools > a:hover, .partition-azure .panel-tools .btn:hover, .partition-azure .panel-tools > a:hover {
    color: white !important;
}

.panel-bricky, .partition-bricky {
    background-color: #894550;
    position: relative;
    background-color: #9a4e5a 0px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9a4e5a 0px), to(#894550 100%));
    background-image: -webkit-linear-gradient(top, #9a4e5a 0px, #894550 100%);
    background-image: -moz-linear-gradient(top, #9a4e5a 0px, #894550 100%);
    background-image: -ms-linear-gradient(top, #9a4e5a 0px, #894550 100%);
    background-image: -o-linear-gradient(top, #9a4e5a 0px, #894550 100%);
    background-image: linear-gradient(top, #9a4e5a 0px, #894550 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9a4e5a 0px', endColorStr='#894550 100%');
    color: white;
}

.panel-bricky .panel-tools .btn, .panel-bricky .panel-tools > a, .partition-bricky .panel-tools .btn, .partition-bricky .panel-tools > a {
    color: rgba(255, 255, 255, 0.7) !important;
}

.panel-bricky .panel-tools .btn:hover, .panel-bricky .panel-tools > a:hover, .partition-bricky .panel-tools .btn:hover, .partition-bricky .panel-tools > a:hover {
    color: white !important;
}

.panel-green, .partition-green {
    background-color: #1fbba6;
    position: relative;
    background-color: #23d1b9 0px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#23d1b9 0px), to(#1fbba6 100%));
    background-image: -webkit-linear-gradient(top, #23d1b9 0px, #1fbba6 100%);
    background-image: -moz-linear-gradient(top, #23d1b9 0px, #1fbba6 100%);
    background-image: -ms-linear-gradient(top, #23d1b9 0px, #1fbba6 100%);
    background-image: -o-linear-gradient(top, #23d1b9 0px, #1fbba6 100%);
    background-image: linear-gradient(top, #23d1b9 0px, #1fbba6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#23d1b9 0px', endColorStr='#1fbba6 100%');
    color: white;
}

.panel-green .panel-tools .btn, .panel-green .panel-tools > a, .partition-green .panel-tools .btn, .partition-green .panel-tools > a {
    color: rgba(255, 255, 255, 0.7) !important;
}

.panel-green .panel-tools .btn:hover, .panel-green .panel-tools > a:hover, .partition-green .panel-tools .btn:hover, .partition-green .panel-tools > a:hover {
    color: white !important;
}

.panel-red, .partition-red {
    background-color: #e66b6b;
    position: relative;
    background-color: #ea8181 0px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ea8181 0px), to(#e66b6b 100%));
    background-image: -webkit-linear-gradient(top, #ea8181 0px, #e66b6b 100%);
    background-image: -moz-linear-gradient(top, #ea8181 0px, #e66b6b 100%);
    background-image: -ms-linear-gradient(top, #ea8181 0px, #e66b6b 100%);
    background-image: -o-linear-gradient(top, #ea8181 0px, #e66b6b 100%);
    background-image: linear-gradient(top, #ea8181 0px, #e66b6b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ea8181 0px', endColorStr='#e66b6b 100%');
    color: white;
}

.panel-red .panel-tools .btn, .panel-red .panel-tools > a, .partition-red .panel-tools .btn, .partition-red .panel-tools > a {
    color: rgba(255, 255, 255, 0.7) !important;
}

.panel-red .panel-tools .btn:hover, .panel-red .panel-tools > a:hover, .partition-red .panel-tools .btn:hover, .partition-red .panel-tools > a:hover {
    color: white !important;
}

.panel-blue, .partition-blue {
    background-color: #5f8295;
    position: relative;
    background-color: #6c8fa1 0px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6c8fa1 0px), to(#5f8295 100%));
    background-image: -webkit-linear-gradient(top, #6c8fa1 0px, #5f8295 100%);
    background-image: -moz-linear-gradient(top, #6c8fa1 0px, #5f8295 100%);
    background-image: -ms-linear-gradient(top, #6c8fa1 0px, #5f8295 100%);
    background-image: -o-linear-gradient(top, #6c8fa1 0px, #5f8295 100%);
    background-image: linear-gradient(top, #6c8fa1 0px, #5f8295 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#6c8fa1 0px', endColorStr='#5f8295 100%');
    color: white;
}

.panel-blue .panel-tools .btn, .panel-blue .panel-tools > a, .partition-blue .panel-tools .btn, .partition-blue .panel-tools > a {
    color: rgba(255, 255, 255, 0.7) !important;
}

.panel-blue .panel-tools .btn:hover, .panel-blue .panel-tools > a:hover, .partition-blue .panel-tools .btn:hover, .partition-blue .panel-tools > a:hover {
    color: white !important;
}

.panel-yellow, .partition-yellow {
    background-color: #ffb848;
    position: relative;
    background-color: #ffc261 0px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc261 0px), to(#ffb848 100%));
    background-image: -webkit-linear-gradient(top, #ffc261 0px, #ffb848 100%);
    background-image: -moz-linear-gradient(top, #ffc261 0px, #ffb848 100%);
    background-image: -ms-linear-gradient(top, #ffc261 0px, #ffb848 100%);
    background-image: -o-linear-gradient(top, #ffc261 0px, #ffb848 100%);
    background-image: linear-gradient(top, #ffc261 0px, #ffb848 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffc261 0px', endColorStr='#ffb848 100%');
    color: #2c2f3b;
}

.panel-yellow .panel-tools .btn, .panel-yellow .panel-tools > a, .partition-yellow .panel-tools .btn, .partition-yellow .panel-tools > a {
    color: rgba(44, 47, 59, 0.7) !important;
}

.panel-yellow .panel-tools .btn:hover, .panel-yellow .panel-tools > a:hover, .partition-yellow .panel-tools .btn:hover, .partition-yellow .panel-tools > a:hover {
    color: #2c2f3b !important;
}

.panel-white, .partition-white {
    background-color: white;
    position: relative;
    color: #8b91a0;
}

.panel-dark, .partition-dark {
    background-color: #2c2f3b;
    position: relative;
    background-color: #373b4a 0px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#373b4a 0px), to(#2c2f3b 100%));
    background-image: -webkit-linear-gradient(top, #373b4a 0px, #2c2f3b 100%);
    background-image: -moz-linear-gradient(top, #373b4a 0px, #2c2f3b 100%);
    background-image: -ms-linear-gradient(top, #373b4a 0px, #2c2f3b 100%);
    background-image: -o-linear-gradient(top, #373b4a 0px, #2c2f3b 100%);
    background-image: linear-gradient(top, #373b4a 0px, #2c2f3b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#373b4a 0px', endColorStr='#2c2f3b 100%');
    color: white;
}

.panel-dark .panel-tools .btn, .panel-dark .panel-tools > a, .partition-dark .panel-tools .btn, .partition-dark .panel-tools > a {
    color: rgba(255, 255, 255, 0.7) !important;
}

.panel-dark .panel-tools .btn:hover, .panel-dark .panel-tools > a:hover, .partition-dark .panel-tools .btn:hover, .partition-dark .panel-tools > a:hover {
    color: white !important;
}

.panel-heading {
    position: relative;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 15px;
    padding-top: 0px;
}

.panel-heading, .panel-heading .material-icons {
    font-size: 17px;
    font-weight: 100
}

.border-light {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.panel-scroll {
    height: 400px;
    overflow: hidden;
    position: relative;
    width: auto;
    padding-right: 10px !important;
}

.panel-note {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
}

.panel-note .panel-heading {
    background: url("images/note_dot.png") repeat-x;
    border-bottom: 0 none;
    padding-top: 30px;
    padding-bottom: 10px;
    top: 0;
    z-index: 3;
    position: relative;
}

.panel-note .panel-heading h3 {
    margin: 0;
}

.panel-note .panel-body {
    background: url("../images/line.png") repeat;
    padding: 0;
    margin: 0 15px;
    line-height: 18px;
}

.panel-note .panel-footer {
    background: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    padding: 10px 15px;
    margin-bottom: 0;
}

.panel-note .panel-footer .avatar-note {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
}

.panel-note .panel-footer .avatar-note img {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.panel-note .panel-footer .author-note {
    display: block;
    line-height: 14px;
}

.panel-note .panel-footer .timestamp {
    color: #999999;
    display: inline-block;
    font-size: 11px;
}

.panel-note .note-options a {
    margin-left: 10px;
    font-size: 12px;
}

.panel-note .note-options a:hover {
    text-decoration: none;
}

[class^="partition-"]:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

/
/
Rules for sizing the icon.
.material-icons.md-18 {
    font-size: 18px !important;
}

.material-icons.md-24 {
    font-size: 24px !important;
}

.material-icons.md-36 {
    font-size: 36px !important;
}

.material-icons.md-48 {
    font-size: 48px !important;
}

/
/
Rules for using icons as black on a light background.
.material-icons.md-dark {
    color: rgba(0, 0, 0, 0.54) !important;
}

.material-icons.md-dark.md-inactive {
    color: rgba(0, 0, 0, 0.26) !important;
}

/
/
Rules for using icons as white on a dark background.
.material-icons.md-light {
    color: rgba(255, 255, 255, 1) !important;
}

.material-icons.md-light.md-inactive {
    color: rgba(255, 255, 255, 1) !important;
}

.material-icons.orange600 {
    color: #FB8C00;
}

.start-button {
    height: 100% !important
}

.start-page .kwadrat {
    height: auto !important;
    font-size: 10px;
    font-weight: 300;
    font-family: "Roboto";
    border-radius: 0px !important;
}

.menu-top a {
    padding: 0 0;
}

.lista-button button {
    border-radius: 0px;
    min-height: 100px;
    font-size: 10px !important;
}

.lista-button .material-icons {
    font-size: 3vw !important;
}

.top-grid {
    color: #CFD8DC !important;
    min-height: 60px !important;
}

.top-grid .material-icons {
    margin-top: 15px;
    color: #B0BEC5;
    line-height: 20px;
    height: auto;
    font-size: 28px !important
}

.big-button {
    font-size: 6vw !important;
    font-weight: 100 !important
}

.big-button .material-icons {
    font-size: 5vw;
    margin-bottom: 35px
}

.logo-header {
    max-height: 80px;
}

.div-wykres {
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px
}

.white {
    color: #ffffff;
    font-size: 11px;
    padding: 5px 30px;
}

.height-left-column {
    height: 34%;
    padding-top: 0px
}

.height-right-column {
    height: 58%;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px
}

.height-right-column a {
    display: flex !important;
}

.vert-align-a {
    align-self: center;
    margin: 0 auto
}

.phone-nav a {
    display: flex !important;
}

.transparent-color {
    background: transparent !important;
}

.trans-color-white {
    background: rgba(255, 255, 255, 0.08) !important;
}

.inside-card {
    padding: 10px 20px
}

.page .kwadrat {
    font-size: 10px;
    font-weight: 300;
    font-family: "Roboto";
    border-radius: 0px !important;
}

.page-struktura .mdl-spinner__circle {
    border-color: #00B8D4;
}

.page-struktura .unactive {
    color: #707788 !important
}

.transparent-min {
    background: rgba(232, 239, 241, 0.5) !important;

}

.select2-container {
    box-sizing: border-box;
    display: default !important;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container--default .select2-selection--multiple {
    background-color: white !important;
    border: none !important;
    border-radius: 0px !important;
    cursor: text;
}

.select2-container--focus {
    border: none !important;
}

.select2-selection--multiple {
    border: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: transparent !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: default !important;
    float: left !important;
    margin-right: 5px !important;
    margin-top: 0px !important;
    padding: 0 5px !important;
    font-size: 11px !important
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 5px 5px !important;
    width: 100%;
}

.select2-container .select2-search--inline .select2-search__field {
    padding: 5px 5px !important;
    margin-top: 0px !important;
    font-size: 12px !important;
}


.search-towary .mdl-textfield__expandable-holder {
    width: 90% !important;
}

.search-towary .material-icons {
    color: #fff
}

.search-towary .mdl-textfield__input {
    width: 100%;
    border-bottom: 1px solid #fff;
    color: #fff
}

.search-towary .mdl-textfield__label:after {
    background-color: 1px solid #fff;
    bottom: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    visibility: hidden;
    width: 10px;
}

.margin-padding-clear {
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px
}

.margin-padding-bottom-clear {
    padding-bottom: 0px;
    margin-bottom: 0px
}

.margin-padding-top-clear {
    padding-top: 0px;
    margin-top: 0px
}

.panel-height {
    height: auto;
}


#tabela-towary .mdl-checkbox {
    width: auto !important;
}

#tabela-towary table {
    border: none;
    font-size: 11px;
    background: #ECEFF1 !important
}

#tabela-towary .mdl-data-table tr, td {
    height: auto !important;
}

#tabela-towary td .mdl-checkbox {
    margin-top: -5px;
    margin-bottom: 5px;
}

#tabela-towary .mdl-data-table tbody tr.is-selected {
    background-color: #B2DFDB;

}

#tabela-towary .mdl-data-table tbody tr:hover {
    background-color: #4DB6AC;

}

#tabela-towary td {
    border-bottom: none;
    border-top: 1px dotted rgba(0, 0, 0, .12);
}


#tabela-towary .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid #009688;
}

#tabela-towary .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: #009688;
}

.towary-table a {
    color: #212121;
    cursor: pointer ! import;
    text-decoration: none
}

.pull-left {
    margin-right: 10px;
    margin-bottom: 5px;
    max-width: 48%
}

.pull-right {
    margin-left: 10px;
    margin-bottom: 5px;
    max-width: 48%
}

/* ---------------------------------------------------------------------- */
/*  Summernote
/* ---------------------------------------------------------------------- */

.panel {
    margin-bottom: 20px;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0px;
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, .05); */
}

.note-editor {
    border: none !important;
}

.note-editor .note-toolbar {
    background: none;
    border-bottom: none;
    padding: 0;
}

.note-editor .note-editable {
    min-height: 240px;
    background: url("images/line_detail.png");
    line-height: 20px;
    padding: 0;
    margin-top: 20px;
    color: #858585;
}

.note-editor .note-statusbar {
    background: none;
}

.note-editor .note-statusbar .note-resizebar {
    border-top: none;
}

.table-bordered {
    border: none !important;
}

.date-picker-wrapper .month-wrapper table th, .date-picker-wrapper .month-wrapper table td {
    font-size: 11px !important;
}

.date-picker-wrapper .month-wrapper table .day.checked {
    background-color: #FF5252 !important;
    color: #fff;
}

.date-picker-wrapper {
    border: 1px solid #607D8B !important;
    background-color: #607D8B !important;
    color: #333 !important;
}

.date-picker-wrapper b {
    color: #FFF !important;
    font-weight: 700 !important;
}

.mdl-checkbox {
    font-size: 12px;
    padding-top: 4px
}

.produkt .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid rgb(38, 166, 154);
}

.produkt .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: rgb(38, 166, 154);
}

.produkt .mdl-textfield__label {
    font-size: 12px;
    color: #ccc
}

.border-top {
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.modal {
    position: absolute !important;

}

.newkat {
    width: 100%;
    margin-top: 10px;
    border-bottom: 1px dotted #fff;
    padding-bottom: 10px !important
}


.produkt-ekspo .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid #0f1931;
}

.produkt-ekspo .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: #0f1931;
}

.strbut {

    margin-right: 0px !important;
    margin-left: 15px !important;
}

.produkt-ekspo .mdl-cell {
    margin: 2px !important;
}

.alert {
    width: 100%;
}

.pokaz-max {
    display: block;
}

.pokaz-min {
    display: none;
}

.mdl-textfield {

    font-size: 12px;

}

.mdl-textfield__label {

    font-size: 12px;

}

#tabela-towary .mdl-textfield {

    margin: 0 0;
    padding: 0 0;
    padding-top: 20px;
}

#tabela-towary .mdl-textfield__input {
    width: 100%;
    color: #000;
    border-bottom: none !important;
}

#tabela-towary .mdl-textfield__label {

    color: rgba(0, 0, 0, .4);
    font-size: 11px;
    padding-top: 5px;


}

#tabela-towary .mdl-textfield__label:after {
    background-color: #ff5252 !important;
    margin-bottom: -20px !important

}

.red {
    color: #ff5252 !important;
}

.redbg {
    /*background-color: #ffff8d !important;*/
    background-color: #ffeb3b !important;
}

#tabela-towary .mdl-grid {
    padding: 0px;
}

.page-biuro .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    background: #0f1931;
    height: 3px

}

.page-biuro .mdl-tabs__panel {
    padding: 30px
}

.page-biuro .is-active {
    background: #FFF
}

.page-biuro .mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid #0f1931;
    color: #fff
}

.page-biuro .mdl-radio__inner-circle {
    background: #0f1931;
}

.page-biuro .mdl-radio {
    font-size: 12px;
}

.page-biuro .mdl-textfield__label {
    color: #212121 !important;
}

.page-biuro .mdl-textfield__label:after {
    background-color: #0f1931 !important;

}

.page-biuro .alert {
    width: 98%;
    margin-top: 0px;
    margin-bottom: 10px;
    border: none !important;
    padding: 0 0 !important;
}

.page-biuro .alert-warning {
    color: #212121 !important;
    background-color: transparent !important;
    border-color: #F44336 !important;
    padding: 0 0 !important;
}

.page-biuro .alert-own-green {
    background: #4caf50 !important;
    color: #fff !important;
}

.page-biuro .alert-own-green .close {
    background: transparent;
    color: #fff
}

.specyfikacja-biuro .mdl-card {
    font-size: 16px !important;
    font-weight: 400 !important;
    min-height: 100px !important;
}

.specyfikacja-biuro table, tr, td {
    font-size: 15px;
}

.specyfikacja-biuro table {
    border: none;
    background: #ECEFF1 !important
}

.specyfikacja-biuro th {
    font-weight: 700 !important;
    background: #ffc400;
    color: #000 !important;
    line-height: 14px !important;
    font-size: 10px !important;
}

.right_corner {

    margin-top: -11px !important;


}

.specyfikacja-biuro .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid #4caf50 !important;
}

.specyfikacja-biuro .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: #4caf50;
}

.specyfikacja-biuro .mdl-checkbox__box-outline {
    border: 2px solid rgba(0, 0, 0, .1) !important;

}

.specyfikacja-biuro {
    background: #4caf50 !important;
}

.specyfikacja-biuro .alert-own-green {
    background: transparent !important;
    color: #fff;
    width: 100%
}

.select_border_sklep {
    border-left: #707788 150px solid;
}


.email_update .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid #fff !important;
}

.email_update .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: #fff !important;
}

.email_update .mdl-checkbox__box-outline {
    border: 2px solid rgba(0, 0, 0, .1) !important;

}


/*@media (min-width: 0px) and (max-width: 1570px) {
    .usun_col_platnosc{
        display:none !important
    }
}*/
@media (min-width: 0px) and (max-width: 1570px) {
    .mdl-data-table {
        white-space: inherit;
    }
}


.opbox-pagination {
    display: inline-block;
    padding-left: 0;
    padding-top: 1px;
    margin: 8px 0;
    border-radius: 4px;
    overflow: hidden;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
}

.opbox-pagination a:hover {
    text-decoration: none;
}

.opbox-pagination li {
    font-size: 16px;
    display: inline;
}

.opbox-pagination li input[type=number] {
    padding: 4px 6px;
    margin: 0 2px 2px 6px;
    box-sizing: border-box;
}

.opbox-pagination li input[type=number] {
    position: relative;
    top: -1px;
    width: 28px;
    height: 28px;
    border: 1px solid #cbcbcb;
    border-radius: 5px;
    box-shadow: 1px 1px 1px -1px #dcdcdc;
    box-sizing: border-box;
    font-size: 15px;
    text-align: center;
    line-height: 15px;
}


.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    padding-top: 10%;
    z-index: 999999;
    opacity: 0.8;
    background: whitesmoke;
    display: none;
}

.sk-fading-circle {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

.popUp {
    display: none;
    position: fixed;
    left: 10px;
    top: 15%;
    background-color: #e6e6e6;
    color: #1761b3;
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
    height: 60px;
    width: 240px;
    opacity: 0.4;
    border-radius: 8px;
    padding-top: 20px;
    z-index: 9999999;
}


.panel-biuro-select-css {
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.0;
    padding: .6em 1.4em .5em .8em;
    width: 40%;
    max-width: 40%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}

.panel-biuro-select-css::-ms-expand {
    display: none;
}

.panel-biuro-select-css:hover {
    border-color: #888;
}

.panel-biuro-select-css:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}

.panel-biuro-select-css option {
    font-weight: normal;
}

.flex {
    distplay: flex;
}

.loader-przepisz {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    opacity: 0.8;
    background: whitesmoke;
    display: none;
}

.w-100 {
    width: 100% !important;
}

.py-0 {
    padding-bottom: 0;
    padding-top: 0;
}