[class*="flaticon"]:before {
    font-size: inherit;
    margin-right: 0.5em;
    margin-left: 0;
    font-weight: normal;
}

hr {
    clear: both;
}

.btn[class*="flaticon"]:empty:before {
    margin-right: 0;
}

.btn {
    transition: background-color 0.5s ease;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

.badge.float-right {
    margin-left: .5em;
}

.badge.float-left {
    margin-right: .5em;
}

.input-group-addon [class*="flaticon"]:before {
    margin-right: 0;
}

html {
    font-size: 14px;
}

a {
    font-weight: 800;
}

.inverse {
    color: #fff;
}

.inverse a {
    color: #fff;
}

.inverse a:hover {
    text-decoration: underline;
}

.table .disabled {
    opacity: 0.3;
}

a.btn.disabled {
    background-color: #ccc;
    border-color: #eee;
}

p {
    margin-bottom: 1em;
}

.panel-body > *:first-child {
    margin-top: 0;
}

.panel-heading > *:first-child {
    margin-top: 5px;
}

.panel-heading > *:last-child,
.panel-body > *:last-child,
.panel-footer > *:last-child {
    margin-bottom: 0;
}

.panel-footer .form-group {
    margin-bottom: 0;
}

.panel > .table {
    margin-bottom: 5px;
}

.panel > .table td, .panel > .table th {
    padding: 8px 15px;
}

.panel > .table-condensed td, .panel > .table-condensed th {
    padding: 5px 15px;
}

.social a {
    border: none;
}

/*.social .facebook {*/
    /*color: #3b5998;*/
/*}*/

/*.social .facebook:hover {*/
    /*color: #5573b2;*/
/*}*/

/*.social .twitter {*/
    /*color: #62bdb2;*/
/*}*/

/*.social .twitter:hover {*/
    /*color: #7cd7cc;*/
/*}*/

/*.social .youtube {*/
    /*color: #c4302b;*/
/*}*/

/*.social .youtube:hover {*/
    /*color: #de4a45;*/
/*}*/

/*.social .rss {*/
    /*color: #f58432;*/
/*}*/

/*.social .rss:hover {*/
    /*color: #db7429;*/
/*}*/

.social a:hover,
.social a:focus,
.social a:active {
    text-decoration: none;
}

.social span a {
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    width: 2em;
    text-align: center;
    background-color: rgba(0,0,0,0.9);
    padding: .5em;
    line-height: 1;
    margin-top: 1px;
}

.alert[class^="flaticon-"],
.alert[class*=" flaticon-"] {
    padding-left: 40px;
}

.alert[class^="flaticon-"]:before,
.alert[class*=" flaticon-"]:before {
    font-size: inherit;
    float: left;
    margin: -1px 5px 0 -25px;
}

.alert {
    margin-bottom: 10px;
    overflow: hidden;
}

.alert a {
    border-color: #9acced;
}

.alert a:hover, .alert a:active, .alert a:focus {
    border-color: #3498db;
}

.alert-dismissible .close {
    padding: 0;
    position: inherit;
}

.blueimp-gallery .modal-header {
    border: none;
}

.blueimp-gallery .modal-footer {
    margin-top: 20px;
}

.blueimp-gallery > .indicator > li {
    width: 50px;
    height: 50px;
    border-radius: 2px;
}

.blueimp-gallery > .prev,
.blueimp-gallery > .next {
    border: none;
    background: none;
    font-size: 10rem;
}

.blueimp-gallery > .next {
    right: 10rem;
}

.blueimp-gallery .slide-content {
    border: 20px solid #fff;
    background-color: #fff;
}

/*kai_banner_container start*/
.kai_banner_container {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.kai_banner_container .highlight {
    opacity: 0.7 !important;
}

.kai_banner_container .kai_banner_body {
    white-space: nowrap;
    word-space: -4px;
    letter-spacing: -6px;
    position: relative;
}

.kai_banner_container .kai_banner_body a {
    display: inline-block;
    width: 100%;
    background-position: center;
}

.kai_banner_container .kai_banner_body img { width: 100%; }

.kai_banner_container .kai_banner_bottombtns {
    position: absolute;
    bottom: 30px;
    z-index: 200;
    text-align: center;
    width: 100%;
}

.kai_banner_container .kai_banner_bottombtns span {
    /*background-size: cover;*/
    /*background-position: center;*/
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #ddd;
    border-radius: 50%;
    opacity: 0.4;
    background-color: #FFFFFF;
}

.kai_banner_container .side_btn {
    width: 45px;
    height: 45px;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 200;
    margin: 50px;
    visibility: hidden;
}

.kai_banner_container:hover .side_btn { visibility: visible; }

.kai_banner_container .side_btn:hover {
    border-color: rgba(0,0,0,0.2);
    border-width: 6px;
}

.kai_banner_container .kai_banner_prevbtn {
    left: 2.5%;
    transform: translateY(-100%) rotate(225deg);
}

.kai_banner_container .kai_banner_nextbtn {
    right: 2.5%;
    transform: translateY(-100%) rotate(45deg);
}

/*.slider {*/
    /*margin-bottom: -15px;*/
/*}*/

/*.slider > .blueimp-gallery > .prev {*/
    /*left: 5rem;*/
/*}*/

/*.slider > .blueimp-gallery > .next {*/
    /*right: 5rem;*/
/*}*/

/*.slider > .blueimp-gallery .slide .slide-content {*/
    /*border: none;*/
    /*margin: 0px;*/
/*}*/

/*.slider > .blueimp-gallery-carousel {*/
    /*box-shadow: none;*/
    /*padding-bottom: 31.30%;*/
    /*background-color: #ffffff;*/
/*}*/

form .btn[disabled] {
    cursor: wait;
}

input[type="radio"], input[type="checkbox"] {
    margin-top: 1px;
}

input[type="number"] {
    padding-right: 0;
}

.help-block {
    padding: 0 5px;
}

.form-group-sm label,
.form-group-sm .help-block {
    font-size: 11px;
}

.form-group-sm textarea.form-control {
    height: auto;
}

label.checkbox {
    margin-left: 5px;
}

.pagination {
    margin: 0;
}

.pagination-bottom {
    margin-top: .5em;
    margin-bottom: 1em;
}

.pagination-top {
    margin-top: 1em;
    margin-bottom: .5em;
}

.pagination-sort, .pagination-count {
    margin-top: 0.5em;
}

input.form-control {
    border-width: 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0 !important;
    box-shadow: none;
}

input.form-control:focus {
    box-shadow: none;
}

input[type="number"] {
    text-align: center;
}

.has-error input.form-control, .has-error input.form-control:focus {
    background-color: #fee;
    box-shadow: none;
}

.input-group-addon {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
}

.checkbox {
    margin-bottom: 5px;
}

@media (max-width: 479px) {
    h1 small, h1 .small {
        display: none;
    }
}

@media (min-width: 768px) {
    .row-eq-sm {
        display: flex;
        flex-wrap: wrap;
    }

    .row-eq-sm > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }
}

/* https://codepen.io/siiron/pen/jfBhy */
.line-clamp
{
    display            : block;
    display            : -webkit-box;
    -webkit-box-orient : vertical;
    position           : relative;

    line-height        : 1.4;
    overflow           : hidden;
    text-overflow      : ellipsis;
    padding            : 0 !important;
}

.line-clamp:after
{
    content    : '...';
    text-align : right;
    bottom     : 0;
    right      : 0;
    width      : 25%;
    display    : block;
    position   : absolute;
    height     : calc(1em * 1.4);
    background : linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%);
}

@supports (-webkit-line-clamp: 1)
{
    .line-clamp:after
    {
        display : none !important;
    }
}

.line-clamp-1
{
    -webkit-line-clamp : 1;
    height             : calc(1em * 1.4 * 1);
}

.line-clamp-2
{
    -webkit-line-clamp : 2;
    height             : calc(1em * 1.4 * 2);
}

.line-clamp-3
{
    -webkit-line-clamp : 3;
    height             : calc(1em * 1.4 * 3);
}

.line-clamp-4
{
    -webkit-line-clamp : 4;
    height             : calc(1em * 1.4 * 4);
}

.line-clamp-5
{
    -webkit-line-clamp : 5;
    height             : calc(1em * 1.4 * 5);
}

.rozsypanka-niebieska-300 {
    background: #009cca url(../images/rozsypanka/niebieski_300px.png)
}

.rozsypanka-czerwona-300 {
    background: #e30045 url(../images/rozsypanka/czerwony_300px.png)
}

.promocja {
    border: 1px solid #e30045;
    overflow: hidden;
    padding: 1em;
    margin-bottom: 1em;
}

.ui-menu-item {
    padding: 2px 3px;
}

.ui-menu-item small {
    color: #9faeb5;
}

.ui-menu-item .ui-menu-item-wrapper {
    transition: background-color .1s;
    border: none;
}

.ui-menu-item .ui-menu-item-wrapper em {
    background-color: rgba(227,0,69,0.2);
    padding: .05em 0;
    font-style: normal;
}

.ui-menu-item .ui-state-active {
    background-color: #e30045;
    margin: 0;
}

.ui-menu-item .ui-state-active small {
    color: #d8dfe4;
}

header nav.menu a {
    padding: 15px;
    display: block;
}

.toolbox {
    background-color: #e9ecef;
    padding: .5em 1em;
    margin-bottom: .5em;
    border-bottom: 1px solid rgba(0,0,0,.125);
    text-align: right;
    color: #17a2b8;
}