/* 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;
}

.podpowiedz {
    font-size: 50px !important;
}

.kroki {

    color: red !important;
}

.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-family: Roboto;
    font-weight: 300;
    font-size: 15px;
}

.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;
    margin-top: 10px;
    width: 90%;
    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-akt {
    color: #E0F7FA !important
}

.dd-wid {
    color: #E0F7FA !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: 14px;
    padding: 0 8px;
    line-height: 20px;
    border-radius: 2px;
    text-align: center;
    list-style-type: none;
}

.pagination li a {
    color: #455A64;
    text-decoration: none
}

/*pagination*/
.link-size{
    font-size: 17px;
}

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

.pagination li.active {
    background-color: rgb(255, 82, 82);
}

.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;
}

.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;
}

.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;
}

.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: 10px !important;
}

.lista-button-content .kwadrat {
    height: 130px !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: 2.3vw !important;
    margin-top: 10px;
}

.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: 4vw !important;
    font-weight: 100 !important;
    min-height: 95px;
}

.big-button-label {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 20px;
    background: white;
    color: black;
    padding: 2px 5px;
    font-weight: bold;
}

.big-button .material-icons {
    font-size: 5vw !important;
    margin-bottom: 0 !important;
}

.big-button.all {
    background-color: #41ab34 !important;
}

.big-button.drogeria {
    background-image: url('images/olmed_drogeria_logo.png');
    background-size: 30%;
    background-repeat: no-repeat;
    /* background-color: #41ab34 !important; */
}

.big-button.allegro {
    background-image: url('images/allegro2.png');
    background-size: 30%;
    background-repeat: no-repeat;
    background-color: #3a4e58 !important;
}

.big-button.shopee {
    background-image: url('images/shopee2.png');
    background-size: 30%;
    background-repeat: no-repeat;
    background-color: #ee4e2c !important;
}

.big-button.shopee .big-button-label {
    color: #ee4e2c;
}

.big-button.empik {
    background-image: url('images/empik.png');
    background-size: 30%;
    background-repeat: no-repeat;
    background-color: white !important;
}

.big-button.amazon {
    background-image: url('images/amazon.png');
    background-size: 35%;
    background-repeat: no-repeat;
    background-color: #C1852C !important;
    background-position: 5% 5%;
}

.big-button.empik #ordersEmpik {
    color: black;
}

/* #customersNow,
#ordersNow{
    font-size: 4vw;
} */

@media(max-width: 992px){
    .big-button .material-icons {
        /* font-size: 12vw !important; */
    }
    /* #customersNow,
    #ordersNow{
        font-size: 12vw;
    } */
}

.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: 10px !important;
}

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

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

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

}

.select2-container {
    box-sizing: border-box;
    display: default !important;
    margin: 0;
    margin-top: 1px !important;
    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;
}

#dialog_add_cart_item .select2-container--open:not(.select2-container--above){
    left: 93px !important;
    top: 112px !important;
}

#dialog_add_cart_item .select2-container--default .select2-results > .select2-results__options {
  max-height: 145px;
}

#dialog_add_cart_item .select2-container--open .select2-dropdown--below {
  border-top: 1px solid #aaa;
}

.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: #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;
}

.mb-5 {
    margin-bottom: 5rem;
}

.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, #tabela-towary .mdl-data-table 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 !important;
    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 #fff;
}

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

.strbut {

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

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

.alert {
    border-radius: 0px !important;
    border: none !important;
    border-left: 5px solid transparent !important;
}

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

.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;
}

.greybg {
    /*background-color: #ffff8d !important;*/

    opacity: 0.2
}

.greybg:hover {
    /*background-color: #ffff8d !important;*/

    opacity: 1
}

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

.page-biuro .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    background: #FFC400;
    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 #FFC400;
    color: #fff
}

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

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

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

.page-biuro .mdl-textfield__label:after {
    background-color: #FFC400 !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, .specyfikacja-biuro table tr, .specyfikacja-biuro table td {
    font-size: 1rem !important;
}

.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;
}

.dd-wid {
    color: #E0F7FA !important
}

.dd-wid {
    display: block;
    position: relative;
    cursor: pointer;
    float: right;
    width: 25px;
    height: 20px;
    margin: 3px 3px;
    margin-right: 0px;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    line-height: 1;
    text-align: center;
    font-weight: normal;
    font-family: "Material Icons";
    font-size: 23px;

}

.dd-wid:before {
    content: '\E417';
    display: block;
    margin-top: -1px;
    width: 100%;
    text-align: center;
    text-indent: 0;
}

.dd-wid:hover {
    color: #121212 !important
}

.sidepanel {
    position: fixed;
    top: 0px;
    right: 20px;
    left: -500px;
    width: 530px;
    height: 100%;
    z-index: 100;
    opacity: 0.95;
    color: black;
}

.sidepanel .uchwyt {
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    background-color: white;
    height: 100px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.sidepanel .uchwyt .arrow {
    text-align: center;
    width: 30px;
    position: absolute;
    left: 0px;
    top: 0px;
    transform-origin: 50% 50%;
    -moz-transition: transform 1s;
    -webkit-transition: transform 1s;
    transition: transform 1s;
}

.rotated {
    transform: rotate(-180deg);
}

.vertical-text {
    transform: rotate(90deg);
    transform-origin: left bottom 0;
    float: left;
}

.sidepanel .content {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 500px;
    background-color: white;
}

.textfield-alternative {
    border-bottom: 1px solid #b2b2b8 !important;
}

.gray-placeholder ::placeholder {
    color: #ced0d6;
}

.pulse-button{
    box-shadow: 0 0 0 0 rgba(36, 134, 70, 0.4);
    -moz-animation: pulse 2s infinite;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(36, 134, 70, 1);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(36, 134, 70, 0);
    }
    100% {
        box-shadow: 0 0 0 50px rgba(36, 134, 70, 0);
    }
}

.no-label-checkbox {
    .v-input--selection-controls__input {
        margin-right: 0 !important;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
}

.custom-checkbox-button {
    --currentColor: #999;
    --activeColor: #000;
    --content: 'OFF';

    position: relative;
    align-self: stretch;
    display: grid;
    place-items: center;
    color: var(--currentColor, #999);
    font-size: .85rem;
    border: 1px dashed var(--currentColor, #999);
    border-radius: 4px;
    padding: .5rem .85rem .5rem 2.5rem;

    cursor: pointer;
    user-select: none;
}

.custom-checkbox-button:after {
    content: var(--content, 'OFF');
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: .5rem;
    font-size: .75rem;
    color: var(--activeColor, #000);
}

.custom-checkbox-button:not(:has(:checked)):hover {
    --currentColor: var(--activeColor, #000);
}

.custom-checkbox-button:has(:checked) {
    --content: 'ON';
    --activeColor: #fff;
    border: 1px solid #26a69a;
    background: #26a69a;
    color: var(--activeColor, #fff);
    box-shadow: 0 1px 2px rgba(0,0,0, 10%);
}

.custom-checkbox-button:has(:checked):after {
    font-weight: bold;
    color: var(--activeColor, #fff);
}